@charset "utf-8";
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1200{max-width:1200px; min-width:320px; margin:0px auto;}

.f_red{color:#e60122;}

@media ( max-width:1200px){
.w1200{padding:0 15px;}
}



/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban img{display:block; width:100%;}

.Current{line-height:73px; border-bottom:1px solid #cccccc;}
.SubName{float:left; font-size:24px; color:#272727; font-weight:bold;}
.Position{width:50%; float:right; text-align:right; color:#666666; font-size:16px;}
.Position a{color:#666666;}

.Container{padding:3% 0;}

/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:34px;}
.Pages a{display:inline-block; height:28px; line-height:28px; padding:0px 11px; border:1px solid #e5e5e5; color:#999999; margin:0px 2px;}
.Pages .a_prev,.Pages .a_next{display:inline-block; font-family:"宋体";}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background:#017cb5; border:1px solid #017cb5;}
/*pages end*/


@media ( max-width:1024px){
.Current{line-height:60px;}
.SubName{font-size:20px;}
}

@media ( max-width:768px){

}

@media ( max-width:640px){
.Current{line-height:50px;}
.SubName{display:none;}
.Position{width:100%; float:none; text-align:left;}
}

@media ( max-width:480px){
.Container{padding:5% 0;}
.Position{font-size:14px;}
}




/*Top*/
.Top{position:relative;}
.Logo{width:519px; float:left; padding:18px 0px;}
.Logo img{display:block; width:100%;}

.Nav{float:right; width:52%;}
.Nav li{float:left; width:14.285%; text-align:center; position:relative;}
.Nav li .am{display:inline-block; font-size:16px; line-height:68px; border-bottom:2px solid rgba(255,255,255,0); color:#404040;}
.Nav li:hover .am,.Nav li.active .am{color:#2963ce; border-bottom:2px solid #2963ce;}
.Nav li#nav8{background:none; padding-right:0;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; background:url(../images/opacity.png) repeat; padding:15px 0px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#e60122;}

.Banner .item img{display:block; width:100%;}
.Banner .flex-control-nav{height:14px; line-height:14px; bottom:5%;}
.Banner .flex-control-paging li{margin:0px 6px;}
.Banner .flex-control-paging li a{width:14px; height:14px; background:#fff; border-radius:50%;}
.Banner .flex-control-paging li .flex-active{background:#005c9f;}

@media ( max-width:1024px){
.header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
.Showbox{width:50%; height:100%; background:rgba(0,0,0,.95); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
.Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
.Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.Showbox .close_bar a:hover{transform:rotate(180deg);}
.Nav{background:none; margin-top:72px; width:100%;}
.Nav li{float:none; width:100%; text-align:left;}
.Nav li .am{padding:10px 0px; color:#fff; line-height:50px; font-size:20px; padding-left:40px; border-bottom:none;}
.Nav li:hover .am, .Nav li.active .am{border-bottom:none;}
.Nav li .SubNav{position:static; background:none; padding:0px;}
.Nav li .SubNav a{padding-left:60px;}
}

@media ( max-width:640px){
.Logo{width:300px;}
}

@media ( max-width:480px){

}
 

/*bottom*/
.Footer{background:#005c9f; padding:2% 0;}
.Bcontact{width:24.1666%; float:right;}
.Bcontact h2{font-size:30px; line-height:50px; font-family:Arial; color:#fff;}
.Bcontact dl dd{margin:9px 0px 0px; line-height:20px; color:#dde5ee; font-size:12px; background-position:left 3px; background-repeat:no-repeat; padding-left:22px;}
.Bcontact dl dd.c1{background-image:url(../images/c1.png);}
.Bcontact dl dd.c2{background-image:url(../images/c2.png);}
.Bcontact dl dd.c3{background-image:url(../images/c3.png);}
.Bcontact dl dd.c4{background-image:url(../images/c4.png);}
.Bcontact dl dd i{padding:0px 5px;}
.Bleft{width:70.8333%; float:left;}
.Sitepath{height:138px;}
.Sitepath dl{width:14.285%; float:left;}
.Sitepath dl dt a{display:block; font-size:16px; line-height:44px; color:#fff;}
.Sitepath dl dd a{display:block; font-size:14px; line-height:26px; color:#b8c8dc;}
.Bottom{border-top:1px solid #1a6da9; padding:7px 0px 0px; line-height:24px; color:#b8c8dc;}
.Bottom a{color:#b8c8dc;}

@media ( max-width:850px){
.Bcontact{float:none; width:286px; margin:0 auto; padding-bottom:3%;}
.Bcontact h2{text-align:center;}
.Bleft{width:10%; float:none; width:100%; text-align:center;}
.Sitepath{display:none;}
}

@media ( max-width:1200px){

}

@media ( max-width:768px){

}

/*index*/
.p3{padding:3% 0;}
.HomeAbout{position:relative;}
.HomeAbout .txt{width:57.5%; float:right; height:425px; background-image:url(../images/aboutbg.jpg); background-size:100% 100%;}
.HomeAbout .txt .con{padding:10% 10% 10% 22%;}
.HomeAbout .txt .con .name{display:block; font-size:24px; line-height:32px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-weight:bold;}
.HomeAbout .txt .con .info{margin:6% 0; font-size:16px; line-height:30px; height:120px; overflow:hidden; color:#fff;}
.HomeMore{display:block; width:142px; line-height:40px; color:#fff;}
.HomeMore span{display:inline-block; font-size:14px; font-weight:bold; background:#3297e1; width:100px; text-align:center;}
.HomeMore i{display:inline-block; background:#3297e1; width:40px; text-align:center; font-size:18px; font-family:"宋体"; margin:0px 0px 0px 2px; top:1px; position:relative;}
.HomeAbout .pic{width:50%; position:absolute; left:0px; top:0px; z-index:9;}
.HomeAbout .pic .img{display:block; width:100%;}
.HomeAbout .pic .tit{display:block; font-size:60px; line-height:45px; font-family:Arial; color:#d0e3f6; font-weight:bold; text-transform:uppercase; font-style:italic; margin:5% 0 0;}

.HomeProduct{background:url(../images/productbg.jpg) no-repeat center top;}
.HomeTit{text-align:center; font-weight:bold;}
.HomeTit span{display:block; line-height:46px; font-size:36px; color:#d7e2ef; text-transform:uppercase;}
.HomeTit em{display:block; font-size:30px; line-height:48px; color:#1782d0; background:url(../images/titbg.png) no-repeat center center;}

.ProSlider{margin:3% 0 0;}
.ProSlider .owl-carousel{padding-bottom:56px;}
.ProSlider li{width:32%; margin:0 2% 2% 0; float:left; background:#fff;}
.ProSlider li:nth-child(3n){margin-right:0;}
.ProSlider li img{display:block; width:100%; height:194px;}
.ProSlider li .name{display:block; border-top:1px solid #ececec; font-size:16px; color:#272727; text-align:center; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.ProSlider li .name span{display:block; height:68px; line-height:68px; overflow:hidden;}
.ProSlider li:hover .name{background:#1782d0; padding:0 10%; text-align:left; color:#fff;}
.ProSlider li:hover .name span{display:block; background:url(../images/more.png) no-repeat right center; padding-right:50px;}
.ProSlider .owl-pagination{width:100%; position:absolute; left:0px; bottom:30px; height:18px; line-height:18px; text-align:center;}
.ProSlider .owl-pagination .owl-page{width:18px; height:18px; background:url(../images/dotpic.png) no-repeat left top; display:inline-block; margin:0px 8px;}
.ProSlider .owl-pagination .owl-page.active{background:url(../images/dotpic.png) no-repeat left bottom;}
.ProSlider .HomeMore{margin:0 auto;}


@media ( max-width:1024px){
.HomeAbout .txt{height:365px;}
.HomeAbout .pic .tit{font-size:50px;}
.ProSlider li img{height:161px;}
}

@media ( max-width:768px){
.HomeAbout .txt{height:auto;}
.HomeAbout .txt .con .name{font-size:20px;}
.HomeAbout .txt .con .info{font-size:14px;}
.ProSlider li .name span{font-size:14px; height:50px; line-height:50px;}
.ProSlider li:hover .name{background:#1782d0; padding:0; text-align:center; color:#fff;}
.ProSlider li:hover .name span{background:none; padding-right:0px;}
.ProSlider li img{height:119px;}
}

@media ( max-width:640px){
.HomeAbout .txt{width:100%; float:none;}
.HomeAbout .txt .con{padding:5%;}
.HomeAbout .txt .con .name{font-size:18px;}
.HomeAbout .txt .con .info{margin:3% 0;}
.HomeAbout .pic{position:static; width:100%;}
.HomeAbout .pic .img{display:none;}
.HomeAbout .pic .tit{font-size:34px; margin:3% 0 0;}

.HomeTit span{font-size:30px; line-height:30px;}
.HomeTit em{font-size:20px; line-height:32px;}
.ProSlider li img{height:99px;}
}

@media ( max-width:480px){
.ProSlider li{width:49%; margin-right:0;}
.ProSlider li:nth-child(2n){float:right;}
.ProSlider .owl-pagination{bottom:22px;}
.ProSlider li img{height:85px;}
}

/*关于我们*/
.About .txt{width:50%; float:right; color:#272727;}
.About .txt .name{display:block; font-size:26px; line-height:32px;}
.About .txt .info{margin:4% 0 0; font-size:16px; line-height:36px; text-indent:2em;}
.About .pic{width:43.333%; float:left; left:0px; top:0px; z-index:9;}
.About .pic .img{display:block; width:100%;}
.About .pic .tit{display:block; font-size:60px; line-height:45px; font-family:Arial; color:#d0e3f6; font-weight:bold; text-transform:uppercase; font-style:italic; margin:5% 0 0;}

@media ( max-width:998px){
.About .txt .name{font-size:20px; line-height:28px;}
.About .txt .info{margin:2% 0 0;}
}

@media ( max-width:768px){
.About .pic,.About .txt{width:100%; float:none;}
.About .txt{margin:3% 0 0;}
}

@media ( max-width:480px){
.About .pic .tit{font-size:34px;}
}

/*产品中心*/
.ProductList{margin:0;}
.ProductList ul{padding:0 0 2%;}
.ProductList li a{display:block; border:1px solid #e5e5e5;}

/*新闻中心*/
.NewsList li{width:31.33333%; float:left; margin:0 3% 3% 0;}
.NewsList li:nth-child(3n){margin-right:0;}
.NewsList li span{display:block;}
.NewsList li .name{line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; color:#272727;}
.NewsList li .date{font-size:14px; line-height:53px; color:#666666;}
.NewsList li img{display:block; width:100%; height:247px;}
.NewsList li .info{font-size:14px; line-height:24px; height:72px; overflow:hidden; margin:20px 0px;}
.NewsList li .more{background:url(../images/more2.png) no-repeat; width:60px; height:8px;}

@media ( max-width:1024px){
.NewsList li .date{line-height:30px; margin-bottom:10px;}
.NewsList li img{height:204px;}
}

@media ( max-width:768px){
.NewsList li .name{font-size:16px;}
.NewsList li img{height:152px;}
}

@media ( max-width:640px){
.NewsList li{width:48%; margin-right:0;}
.NewsList li:nth-child(2n){float:right;}
.NewsList li img{height:192px;}
}

@media ( max-width:480px){
.NewsList ul{padding-bottom:3%;}
.NewsList li,.NewsList li:nth-child(2n){width:100%; float:none;}
.NewsList li img{height:auto;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:16px;}
.ActiveContent .Atit em i{padding:0px 6px;}
}

/*资料下载*/
.DownList ul{padding-bottom:2%;}
.DownList li{border:1px solid #e5e5e5; line-height:82px; padding-left:28px; margin-bottom:16px;}
.DownList li .title{display:inline-block; background-image:url(../images/arr1.png); background-repeat:no-repeat; background-position:left center; padding-left:28px; float:left; width:65%; font-size:16px; color:#272727; height:82px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.DownList li .aclick{width:24%; float:right;}
.DownList li .aclick a{display:inline-block; width:49%; text-align:center; border-left:1px solid #e5e5e5;}
.DownList li .aclick .icon{display:inline-block; vertical-align:middle; width:25px; height:18px; position:relative;}
.DownList li .aclick .icon img{position:absolute; left:0px; top:0px; width:100%;}
.DownList li .aclick .icon .i1{transition: 400ms;}
.DownList li .aclick .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.DownList li .aclick a:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.DownList li .aclick a:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.DownList li .aclick .name{font-size:16px; color:#666666; margin-left:8px;}

@media ( max-width:1024px){
.DownList li .title{width:72%;}
.DownList li .aclick{width:20%;}
.DownList li .aclick .name{display:none;}
}

@media ( max-width:768px){
.DownList li{line-height:56px;}
.DownList li .title{height:56px; font-size:14px;}
}

@media ( max-width:480px){
.DownList li{padding-left:0; line-height:46px;}
.DownList li .title{width:auto; float:none; padding-left:8%; width:92%; border-bottom:1px solid #e5e5e5; background-position:10px center; height:46px;}
.DownList li .aclick{width:100%; float:none; margin-top:-18px;}
.DownList li .aclick a:first-child{border-left:none;}
}

/*人力资源*/
.JobList ul{padding-bottom:3%;}
.JobList li{margin-bottom:1px; overflow:hidden;}
.JobList li.First{border:none;}
.JobList li.First .Titname{color:#fff; font-size:18px; overflow:hidden; background:#555555;}
.JobList li .Titname{display:block; float:left; width:16.666666666%; text-align:center; color:#444; font-size:15px; overflow:hidden; line-height:60px; height:60px; border-bottom:1px solid #eeeeee;}
.JobList li .Titname .detail{color:#444444; background:#f4f4f4; display:inline-block; width:120px; line-height:30px; vertical-align:middle;}
.JobList li.lion{box-shadow:0px 0px 25px #f3f3f3;}
.JobList li.lion .Titname .detail{color:#fff; background:#0087d5;}
.JobList li .Con{ display:none; padding:2.5% 5% 0.2%; position:relative;}
.JobList li .Con .apply{position:absolute; top:10%; right:3%; width:120px; line-height:30px; border-radius:3px; background:#0087d5; color:#fff; text-align:center; font-size:15px;}
.JobList li .Con dl{line-height:35px; font-size:14px; color:#666; width:80%; margin-bottom:3%;}
.JobList li .Con dl dt{font-size:16px;}
.JobList li .Con .info{font-size:16px; color:#4c4c4c; line-height:30px;}
.JobList li .Con .info a{color:#83b9e5;}

@media ( max-width:768px){
.JobList li.First .Titname{font-size:16px;}
.JobList li .Titname{height:50px; line-height:50px;}
.JobList li .Titname .detail{width:auto; padding:0px 10px;}
.JobList li .Con{padding-bottom:3%;}
.JobList li .Con dl{width:100%;}
.JobList li .Con .apply{position:static; display:block; margin:3% 0 0;}
}

@media ( max-width:640px){
.JobList li .Titname{font-size:14px;}

}

@media ( max-width:480px){
.JobList li.First .Titname{font-size:15px;}
.JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(5){display:none;}
.JobList li .Titname{width:25%;}
}


/*应聘表单*/
.recruitform .list{margin:0 auto; width:580px;}
.recruitform .list li{margin-bottom:20px;}
.recruitform .list li span{ display:block; float:left; line-height:40px; margin-right:3%; color:#4d4d4d; font-size:16px;}
.recruitform .list li input.txt{ border:1px solid #e6e6e6; height:38px; line-height:38px; padding-left:10px; font-size:14px; width:468px;}
.recruitform .list li label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform .list li label input.radio{ margin-right:8px; }
.recruitform .list li textarea{ border:1px solid #e6e6e6; height:148px; padding:10px; font-size:14px; width:458px;}
.recruitform .list li.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0;}
.recruitform .list li.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform .list li.btn input.submit{background:#0087d5; }
.recruitform .list li.btn input.reset{background:#ccc; }

@media ( max-width:480px){
.recruitform .list{width:100%;}
.recruitform .list li input.txt{width:72%;}
.recruitform .list li textarea{width:70%;}
}

/*联系我们*/
.ContactBox{padding-bottom:4%; border-bottom:1px solid #e6e6e6; margin-bottom:4%;}
.ContactBox li{width:22.75%; float:left; margin-right:3%; text-align:center;}
.ContactBox li:nth-child(4n){margin-right:0;}
.ContactBox li .icon{display:inline-block;}
.ContactBox li .name span{display:block; line-height:34px; font-size:14px; color:#818181;}
.ContactBox li .name i{display:block; width:12px; height:1px; background:#b2b2b2; margin:10px auto 0px;}
.ContactBox li .info{font-size:16px; line-height:28px; color:#272727; margin:5% 0 0;}
.ContactBox li:first-child .info{font-family:Arial; font-size:18px;}

.MessageBox .title span{display:block; font-size:26px; line-height:36px; color:#333333;}
.MessageBox .title i{display:block; width:30px; height:3px; background:#000000; margin:20px 0px 0px;}
.MessageBox .box{margin:1.5% 0 0;}
.MessageBox .box dl{margin-bottom:0.5%;}
.MessageBox .box dl dt{font-size:16px; line-height:48px; color:#666666;}
.MessageBox .box dl dd{width:263px; padding:0px 13px; border:1px solid #cccccc; margin-right:12px; float:left;}
.MessageBox .box dl dd:nth-child(5n){margin-right:0;}
.MessageBox .box dl.m2 dd{width:auto; float:none; margin-right:0;}
.MessageBox .box dl dd .input{height:54px; font-size:14px; width:100%;}
.MessageBox .box dl dd textarea{height:54px; width:100%; font-size:14px; line-height:54px; height:198px;}
.MessageBox .box dl dd .input::placeholder,.MessageBox .box dl dd textarea::placeholder{color:#999999;}
.MessageBox .box .btn{width:200px; line-height:56px; background:#1782d0; font-size:18px; color:#fff; margin:15px 0px 0px;}

@media ( max-width:1200px){
.MessageBox .title span{font-size:22px;}
.MessageBox .box dl dd{width:42%; padding:0 3%; margin:0 0 2% 0;}
.MessageBox .box dl dd:nth-child(2n+1){float:right;}
}

@media ( max-width:768px){
.MessageBox .title span{font-size:18px;}
.MessageBox .title i{margin:10px 0px 0px;}
.MessageBox .box dl dd .input{height:45px;}
.MessageBox .box dl dd textarea{line-height:45px;}
}

@media ( max-width:480px){
.ContactBox li{width:48%; margin:0 0 5% 0;}
.ContactBox li:nth-child(2n){float:right;}
.ContactBox li .icon{width:80px;}
.ContactBox li:first-child .info{font-size:16px;}
.ContactBox li .info{font-size:14px; line-height:24px;}
.MessageBox .box dl dd,.MessageBox .box dl dd:nth-child(2n+1){width:auto; float:none;}
.MessageBox .box .btn{display:block; line-height:45px; margin:15px auto 0px;}
}

/*悬浮层*/
.FixedBox{width:72px; position:fixed; right:0px; top:30%; z-index:99;}
.FixedBox li{text-align:center; margin-bottom:1px; background: rgba(255,255,255,0.5); padding:6px 0px; position:relative;}
.FixedBox li a{display:block;}
.FixedBox li .icon{width:38px; height:38px; margin:0 auto; position:relative;}
.FixedBox li .icon img{position:absolute; left:0px; top:0px; width:100%;}
.FixedBox li .icon .i1{transition: 400ms;}
.FixedBox li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.FixedBox li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.FixedBox li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.FixedBox li .name{display:block; font-size:14px; line-height:22px; color:#333333;}
.FixedBox li .hidebox{position:absolute; right:76px; width:120px; display:none;}
.FixedBox li .hidebox i{background:url(../images/arr2.png) no-repeat; width:8px; height:17px; position:absolute; right:-8px; top:25px; z-index:99;}
.FixedBox li .call{top:0px; line-height:72px; text-align:center; font-size:16px; color:#fff; background:#1782d0;}
.FixedBox li .weixin{top:-20px; background:#fff; text-align:center; box-shadow:0px 0px 10px #f3f3f3; padding:17px 0px 6px;}
.FixedBox li .weixin em{display:block; font-size:14px; line-height:40px; color:#808080;}
.FixedBox li:hover .hidebox{display:block;}
.FixedBox li:hover{background:#1782d0; color:#fff;}
.FixedBox li:hover .name{color:#fff;}
.FixedBox .GMPT_li:hover a{color: #fff;}