@charset "utf-8";
html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1; font-family:frutigernext,Arial,Helvetica,sans-serif,Arial,"Microsoft YaHei","宋体"; background:#fff;word-break:normal;text-align:justify;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
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,fxigcaption,address{ 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:#333333; 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; color:#3177b6;}
/**:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.bodyon2{ overflow-x:hidden;}
.Contain{ max-width:1200px; margin:0px auto;}
.block{ display:block;}
.mb50{ margin-bottom:50px;}
@media ( max-width:1200px){
.Contain{ padding-left:20px;padding-right:20px;}
}


/*font*/
.f_red,a.f_red{ color:#c30d23 !important;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; line-height:30px; background:#e8e8e8;text-align:center; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 12px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#3177b6; color:#fff;}
.Pages .p_page .num a{ width:30px; vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#3177b6; color:#fff;}

.showMorehandle{ cursor:pointer; position:relative; text-align:center; clear:both; padding-top:26px;}
.showMorehandle i{ display:inline-block; background:url(../images/arr.png) right center no-repeat; width:38px; height:10px;}
.showMorehandle a{ color:#999999;}
.ProList .showMorehandle{display:none;}


@media ( max-width:768px){
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 2px;}
.Pages a{ line-height:22px;}
.Pages .p_page .num a{ width:22px;}
.ProList{padding-bottom: 50px;}
.ProList .showMorehandle{display:block;}
}


/*Top*/
.Toper{ color:#fff; line-height:26px; height:26px; padding:7px 0px;background:#3177b6;}
.Toper a{color:#fff;}.Toper a:hover{color:#ffcc00;}.Toper a.sc{ margin:0 40px 0 35px;}
.Toper .Search{ position:relative; float:right; z-index:777;}
.Toper .Search .icon{ cursor:pointer; display:block; text-align:center;}
.Toper .Search .icon.on img{ display:;}
.Toper .searchbox{ display:; position:absolute; height:26px; right:0px; top:0px; background:#fff; width:200px;}
.Toper .searchbox .i2{ position:absolute; top:-80px; border-radius:50%; right:6px; cursor:pointer; width:32px; height:32px; background: #f39900 url(../images/closenav.png) center center no-repeat; display:none;}
.Toper .searchbox .input{ float:left; width:169px; height:26px; line-height:26px; text-indent:1em; background:#fff; border:0px;}
.Toper .searchbox .btn{ float:left; padding-top:6px; height:20px; line-height:15px; width:30px; text-align:center; border-left:1px solid #dddddd;}

.Header{background:#fafafa; height:70px;}
.Header .Logo{float:left; padding-top:13px;}
.Header .Logo img{ height:45px;}
.Header .Logo .logo2{ display:none;}

.Hotline{ float:right; line-height:70px; background:url(../images/tel.png) 0px center no-repeat; padding-left:40px; color:#3177b6; font-size:23px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
.MainNav{ float:right; width:66.8%;}
.MainNav .nav li{float:left; margin-left:5%; position:relative;}
.MainNav .nav li span a{display:block; color:#333333; height:70px;line-height:70px;font-size:16px; text-align:center;}
.MainNav .nav li span em{ position:relative; z-index:1;}
.MainNav .bg{ position:absolute; left:50%; margin-left:-6px; bottom:-17px; height:1px; background:#495677; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .nav li:hover span a,.MainNav li.onnav span a,.MainNav .nav li span a.sele{ color:#3177b6; font-weight:bold;}
.MainNav .nav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav .nav li span a.sele .bg{ width:12px; margin-left:-6px;}
.NavPull{ overflow:hidden; width:150px; background:rgba(49,119,182,0.8); line-height:50px; top:70px; left:-45px; position:absolute; z-index:100; display:none; text-align:center; padding:10px 0;}
.NavPull a{color:#fff; line-height:32px; display:block;font-size:16px; padding:0 10px;}
.NavPull a:hover{ color:#ffcc00;}
.NavPull dd:first-child{ margin-left:0.8%;}

#nav11 .NavPull{ text-align:left; width:200px; left:-68px;}
#nav11 .NavPull a{ padding-left:18px;}
#nav24 .NavPull{ text-align:left; width:200px; left:-68px;}
#nav24 .NavPull a{ padding-left:18px;}
#nav5 .NavPull{ display:none !important;}
#nav81 .NavPull{ text-align:left;width: 200px;left: -68px;}
#nav81 .NavPull a {
    padding-left: 18px;
}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none; float:right;width:26px; padding-top:10px;}
.openbtn{ position:absolute; right:12px; top:0px;}
.openbtn.on,.closebtn { position:fixed; right:10px; z-index:1001; padding-top:0px; top:12px;}
.openbtn.on{ display:none !important;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:2px; background:#495677; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.openbtn.on .sp1,.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2,.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3,.closebtn .sp3 { display:none;}	
.mobilenav{ display:none;}
.Header.fixedNav .openbtn{ top:0px;}

.Header.fixedNav{ position:fixed; z-index:999; left:0px; top:0px; width:100%; background:#eeeeee; box-shadow:0px 0px 10px #999;}
.Header.fixedNav .Logo .logo1{ display:none;}
.Header.fixedNav .Logo .logo2{ display:block;}
.bodycss{ padding-top:60px !important;}
.mobiletopnav{ display:none; position:static; left:0px; bottom:0px; background:#fff; box-shadow:0 0 10px #ddd; line-height:27px; height:60px; width:100%; z-index:999;}
.mobiletopnav li{ position:relative; width:16.666%; float:left; text-align:center;}
.mobiletopnav li a{ padding-top:9px; height:51px; display:block; color:#3177b6;}
.mobiletopnav li .sub{ display:none; position:absolute; bottom:60px; z-index:999; left:-50%; width:200%; background:#fafafa; border:1px solid #dcdcdc;}
.mobiletopnav li .sub dd{border-bottom:1px solid #dcdcdc; margin:0 14px;}
.mobiletopnav li .sub dd a{ color:#666666; height:auto; padding:0px 0px 0px 0; line-height:38px; text-align:left;}
.mobiletopnav li .sub dd i{ display:none !important;}
.mobiletopnav li .sub dd:last-child{border-bottom:0px;}

.mobiletopnav li:hover .sub,.mobiletopnav li.active .sub{ display:block;}
.mobiletopnav li:nth-child(5) .sub{}
.mobiletopnav li:nth-child(3) .sub,.mobiletopnav li:nth-child(4) .sub{ left:-55px; width:250%;}
.mobiletopnav li:nth-child(2) .sub{ width:282%;}
.mobiletopnav i{ display:block; width:28px; text-align:center; margin:0px auto;}

/*.mobiletopnav i.i2{ background-position:-28px bottom;}
.mobiletopnav i.i3{ background-position:-56px bottom;}
.mobiletopnav i.i4{ background-position:-84px bottom;}
.mobiletopnav i.i5{ background-position:-112px bottom;}
.mobiletopnav li.onnav i.i2{ background-position:-28px bottom;}
.mobiletopnav li.onnav i.i3{ background-position:-56px bottom;}
.mobiletopnav li.onnav i.i4{ background-position:-84px bottom;}
.mobiletopnav li.onnav i.i5{ background-position:-112px bottom;}
*/

@media ( max-width:998px){
.Toper{ display:; top:7px; right:40px; color:#666; z-index:100; position:absolute; background:none;}
.Toper a{ color:#666;}
.Toper .wel,.Toper .Search,.Hotline,.Toper a.sc{ display:none;}
.Header{height:50px; padding:5px 0px 0 0; position:static;}
.Header.fixedNav{ position:static;}
.Header .Logo{ padding-top:5px; width:auto;}.Header .Logo img{ height:35px;}
.Header .openbtn{ display:block;}
.Toper .Search{ position:absolute; top:7px; right:55px;}
.Toper .searchbox{width:160px;}
.Toper .searchbox .input{ width:129px;}

.MainNav{ position:fixed; z-index:1000; width:180px; height:100%; overflow-y:auto; padding-top:0px; background:#fff; right:-180px; top:0px;}
.MainNav .nav{ float:none; margin-top:38px; width:auto;}
.MainNav .nav li{ float:none; padding:0; border-bottom:1px solid #eee; width:auto;}
.MainNav .nav li span a{ height:auto; display:block; line-height:46px; height:46px; padding:0 0 0 10px; font-size:16px; color:#333; text-align:left;}
.Header.fixedNav .MainNav .nav li:hover span a,.Header.fixedNav .MainNav .nav li.onnav span a,.Header.fixedNav .MainNav .nav li span a.sele{ color:#fff; background:#3177b6;}
.MainNav .bg{ display:none;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; background:url(../images/arr.png) right center no-repeat; left:0px; top:0px;}
.MainNav li.onnav .arr{ background:url(../images/arr2.png) right center no-repeat;}
#nav5 .arr{ display:none;}

.Header.fixedNav .MainNav .nav li span a{ color:#333;}
.NavPull { position:static; line-height:40px; background:#fff; width:auto;}
.NavPull dd{float:none;}
.NavPull a{ display:block; font-size:14px; background:none;color:#666; font-weight:normal; padding-left:15px; text-align:left; border-bottom:1px solid #eee;}
.NavPull dd:last-child a{ border-bottom:0px;}
.NavPull a:hover{ background:none;}

.mobilenav{ display:block;}
.pcnav{ display:none;}
body{ padding-top:0px;}
.bodycss{ padding-top:38px !important;}
.mobiletopnav{ display:block; position:fixed;}
.bodyon .Header{ z-index:1000;}
}


/*Top*/


/*Bottom*/
.footer{ background: #2666a0 url(../images/mapbg.png) center top no-repeat; clear:both; color:#fff; text-align:center;}
.footer a{ display:inline-block; color:#fff;}.footer a:hover{ color:#ffcc00;}
.footer .logo{ padding:40px 0 37px;}
.footer .nav i{ display:inline-block; width:38px; height:24px; vertical-align:middle;}
.footer .link{ padding-top:26px;}
.footer .link a{ display:inline-block; margin-left:28px; color:#dbdbdb;}
.footer .link a:hover{color:#ffcc00;}
.footer .ewmfoot{ padding:35px 0 41px;}
.footer .ewmfoot img{ display:inline-block; vertical-align:middle; margin:0 15px; width:80px; height:80px; border:2px solid #fff;}
.footer .sjbottom{ display:none; text-align:left; padding:15px 10px 15px 15px; color:#333;}
.footer .sjbottom p{width:48%; float:left;}
.footer .sjbottom p:nth-child(2n){float:right;}
.footer .sjbottom p:nth-child(7),.footer .sjbottom p:nth-child(8){width:100%; float:none;}
.footer .sjbottom a{ color:#333;}
.Copyright{ background:#123e66; padding:10px;}

.Fexidright{position: fixed;width: 45px;height: auto;top:40%;right:0;z-index: 11;}
.Fexidright li a{color: #fff;display: block;height: 45px;width: 300px;}
.Fexidright li{ background-color:#3177b6;margin-bottom:1px;transition:all 0s linear; -webkit-transition:all 0s linear;}
.Fexidright li:hover{  background-color:#12538e}
.Fexidright li i.tel{display: block;width: 45px;height: 45px;margin: 0 auto;text-align: center;background: url(../images/ftel.png) center center no-repeat;}
.Fexidright li i.qq{display: block;width: 45px;height: 45px;margin: 0 auto;text-align: center;background: url(../images/fqq.png) center center no-repeat;}
.Fexidright li i.wx{display: block;width: 45px;height: 45px;margin: 0 auto;text-align: center;background: url(../images/fewm.png) center center no-repeat;}
.Fexidright li a>span{color: #fff;font-size: 16px;line-height: 45px;display: none;float: left;}
.Fexidright li a:hover>span{display: block;}
.Fexidright .cd-top{overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; background-color:#3177b6; cursor:pointer;}
.Fexidright .cd-top.cd-is-visible {visibility: visible;opacity: 1;height:45px;}
.Fexidright .cd-top.cd-is-visible .ico{background:url(../images/ftop.png) center center no-repeat; display:block; height:45px;}
.leftlx{float: left;width: 45px;height: 45px;}
.Fexidright .ewm{position: absolute;left: -130px;display: none;top: 182px;}
.Fexidright .ewm img{ display:block; width:115px; height:115px; border:5px solid #fff;}
.Copyright .icp{display:inline-block; margin:0px 10px 0px 0px; width:20px; vertical-align:middle; color: #fff;}

@media ( max-width:998px){
.footer{ background-size:contain; line-height:20px; background:#f1f1f1}
.footer .Contain{ padding:0;}
.footer .logo{ padding:15px 0 15px;}
.footer .link{ padding-top:0px;}
.footer .ewmfoot{ padding:15px 0 10px;}
.footer .pcbottom{ display:none;}
.footer .sjbottom{ display:block; padding-bottom:75px;}
.Copyright{ display:none;}
.Fexidright li{ width:45px !important; margin-left:0 !important;}
.Fexidright li:nth-child(2),.Fexidright li:nth-child(3){ display:none;}
.Fexidright .cd-top{ display:none; width:0px; height:0px;}
.Fexidright li:first-child{position:fixed; top:5px; right:0px;}*/
}

@media ( max-width:480px){
.footer .sjbottom{ line-height:24px;font-size:13px;}
.Fexidright li{background:none;}
.Fexidright li i.tel{background:url(../images/tel2.png) center center no-repeat;}
.Fexidright li:hover{background:none;}
}

/*Bottom*/


/*首页 s*/
.homebg{background:#fafafa;}
#banner{width:100%;overflow:hidden;position:relative; clear:both;}
#banner .swiper-slide{ position:relative;}
#banner .swiper-slide .img{ padding-top:32%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#banner .swiper-slide .img img{ display:none;}
#banner .swiper-button-prev{ display:none; width:32px; height:57px; background:url(../images/prev.png) center center no-repeat;}
#banner .swiper-button-next{ display:none; width:32px; height:57px; background:url(../images/next.png) center center no-repeat;}
#banner .swiper-pagination{bottom:20px;right:0px; width:100%; text-align:center;}
#banner .swiper-pagination-bullet{ opacity:1;width:10px;height:10px; border-radius:50%; border:3px solid #fff; background:none;margin:0 5px;}	
#banner .swiper-pagination-bullet-active{ border:3px solid #005197;}		
	
.effect1 .img{transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);}
.leftUp .img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight .img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown .img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig .img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig .img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
.swiper-slide .img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;}	

@media ( max-width:998px){
#banner .swiper-slide .img{ padding-top:0;}
#banner .swiper-slide .img img{ display:block;}
#banner .swiper-button-prev{ width:18px; height:35px; background-size:cover;}
#banner .swiper-button-next{ width:18px; height:35px; background-size:cover;}
}
@media ( max-width:640px){
#banner .swiper-pagination{bottom:0px;}
#banner .swiper-pagination-bullet{width:6px;height:6px;border:2px solid #fff;}	
#banner .swiper-pagination-bullet-active{ border:2px solid #005197;}		
}

.HomeTit{ padding:6% 0 3.5%; text-align:center; line-height:35px; font-size:30px; color:#333333;}
.HomeTit span{ font-weight:normal;font-family:Arial, Helvetica, sans-serif; display:block; text-transform:uppercase; color:#3177b6; font-size:14px;}
.HomeTit a:hover{ color:#333333;}

.HomePro{ padding-bottom:4.5%;position: relative;}
.HomePro .swiper-container1{position: relative;}
.HomePro .swiper-container1 .swiper-button-next,.HomePro .swiper-container1 .swiper-button-prev{width: 25px;height: 50px;background-size: 25px 50px;margin-top: -25px;}
.HomePro .swiper-container1 .swiper-button-prev{left: 0px;}
.HomePro .swiper-container1 .swiper-button-next{right: 0px;}
.HomePro .swiper-slide{text-align:center;}
.HomePro .swiper-slide .ico{ position:relative; height:114px; width:114px; margin:0px auto 17px;}
.HomePro .swiper-slide p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:96%; margin:0px auto;}
.HomePro .swiper-slide .i1,.HomePro li .i2{width: 100%; position: absolute; left:0;top:0;}
.HomePro .swiper-slide .i1{/* transition: 400ms;*/}
.HomePro .swiper-slide .i2{/*-webkit-transform:scale(0); transform:scale(0); */opacity:0; filter:alpha(opacity=0);/* transition:500ms;*/}
.HomePro .swiper-slide:hover .i1{/*-webkit-transform:scale(0); transform:scale(0);*/ opacity:0; filter:alpha(opacity=0);}
.HomePro .swiper-slide:hover .i2{/* -webkit-transform:scale(1); transform:scale(1);*/ opacity:1; filter:alpha(opacity=100);}
.HomePro .swiper-slide a{ color:#3177b6;}
.HomePro .swiper-slide:hover a{ color:#333;}

.graybg{ background:#f1f1f1;}

@media ( max-width:998px){
.HomeTit{font-size:18px; line-height:24px;}
.HomePro .swiper-slide .ico{height:90px; width:90px;}
.menudis .MenuList{ display:none;}
}
@media ( max-width:640px){
.HomePro .swiper-slide .ico{ margin-bottom:10px;}
.HomePro .swiper-slide .ico{height:60px; width:60px;}
.HomePro .swiper-container1 .swiper-button-next,.HomePro .swiper-container1 .swiper-button-prev{width: 15px;height: 30px;background-size: 15px 30px;}
.HomeTit span{font-size:12px;}
}

.HomeAbout{ padding-bottom:5%;}
.HomeAbout .imgbox{ text-align:center;width:38%; float:left; position:relative;padding: 12px;}
.HomeAbout .imgbox .img{ width:100%; height:100%; position:absolute;background-position:center center; background-repeat:no-repeat; background-size:cover; left:0px; top:0px; z-index:2;}
.HomeAbout .imgbox img{ width:100%;}

.HomeAbout .imgbox .line{ position:absolute;border:1px solid #eaeaea; width:100%; height:100%; top:0; right:0px;}
.HomeAbout .info{ width:58%; float:right; line-height:32px; color:#666666;}
.HomeAbout .info p{ text-indent:2em;margin: 0 !important;font-size: 15px ;}
.HomeAbout .info span{font-size: 16px !important;}
a.Mores{ display:block; text-align:center; margin-top:48px; border:1px solid #edecec; color:#999999; width:128px; line-height:33px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover.Mores{ border:1px solid #3177b6; background:#3177b6; color:#fff;}
.graybg a.Mores{margin-top: 24px;}
@media ( max-width:640px){
.HomeAbout .imgbox{width:auto; float:none;}
.HomeAbout .imgbox .line{ display:none;}
.HomeAbout .info{ width:auto; float:none;}
.HomeAbout .info .con{line-height:24px;overflow: hidden;/* height:96px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;*/}
a.Mores{ margin:20px auto 0;}
.HomeAbout .info p{display:none;}
.HomeAbout .info p:first-child{display:block;}
}

.HomeCase{ padding-bottom:2.5%;position: relative;}
.HomeCase .swiper-container2{position: relative; overflow:hidden;}
.HomeCase .swiper-container2 .swiper-button-next,.HomeCase .swiper-container2 .swiper-button-prev{width: 25px;height: 50px;background-size: 25px 50px;margin-top: -25px;}
.HomeCase .swiper-button-prev{left: -40px;}
.HomeCase .swiper-button-next{right: -40px;}
.HomeCase .swiper-slide{box-shadow:0 5px 10px #ddd; background:#fff;}
.HomeCase .swiper-slide .img{ overflow:hidden;position:relative;}
.HomeCase .swiper-slide .img span{ width:100%; height:100%; position:absolute;background-position:center center; background-repeat:no-repeat; background-size:cover; left:0px; top:0px; z-index:2;}
.HomeCase .swiper-slide .info{ padding:30px 15px;}
.HomeCase .swiper-slide .info .tit{ font-size:18px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#333333; margin-bottom:15px;}
.HomeCase .swiper-slide .info .p{ height:68px; color:#888888; margin-bottom:22px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; display:none;}
.HomeCase .swiper-slide .info .more{ text-align:center; border:1px solid #eeeded; line-height:33px; font-size:12px; color:#777777;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCase .swiper-slide:hover .info .more{ color:#3177b6;}
.HomeCase .swiper-slide:hover .info .more{ color:#fff; border:1px solid #3177b6; background:#3177b6;}
.HomeCase .swiper-slide:hover .info .tit{color:#3177b6;}
@media(max-width:998px){
.HomeCase .swiper-button-prev{left: 0px;}
.HomeCase .swiper-button-next{right: 0px;}
}

@media ( max-width:640px){
.HomeCase .swiper-slide .info{ padding:10px;}
.HomeCase .swiper-slide .info .tit{ font-size:14px; margin-bottom:5px;}
.HomeCase .swiper-slide .info .p{ font-size:12px;-webkit-line-clamp: 2; line-height:18px; height:33px;}
.HomeCase .swiper-button-next,.HomeCase .swiper-button-prev{width: 15px;height: 30px;background-size: 15px 30px;}
}


.HomeNews{ padding-bottom:5%;}
.HomeNews ul{ height:390px; padding-left:54%; position:relative;}
.HomeNews li{ padding:0; height:auto; margin-bottom:22px;}
.HomeNews li .img{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; position:absolute; width:52%; left:0; top:0px; height:390px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow:hidden;}
.HomeNews li .img img{ width:100%;}
.HomeNews li .img span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.HomeNews li .box{ height:123px; border-bottom:1px dashed #ebebeb; position:relative; padding-left:100px;}
.HomeNews li .date{ position:absolute; left:0px; top:8px; border:1px solid #d0d0d0; text-align:center; line-height:35px; border-radius:6px; color:#919191; width:70px; background:#f2f2f2;}
.HomeNews li .date i{ border-radius:6px 6px 0 0; display:block; line-height:45px; color:#333333; font-size:24px; background:#f9f9f9;}
.HomeNews li .date2{ display:none;color: #999999;background: url(../images/date.gif) 0px center no-repeat;padding-left: 26px;margin: 2px 0;}
.HomeNews li .tit{ color:#333333; font-size:16px; line-height:35px; margin-bottom:11px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; }
.HomeNews li .p{ color:#999999;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.HomeNews li:hover .tit,.HomeNews li:hover .p,.HomeNews li.cur .tit,.HomeNews li.cur .p{ color:#3177b6;}
.HomeNews li:hover .date,.HomeNews li.cur .date{ background:#3177b6; border:1px solid #3177b6; color:#fff;}
.HomeNews li:last-child{ margin-bottom:0px;}
.HomeNews li:last-child .box{ border-bottom:0;}
.HomeNews a.Mores{ margin-left:auto; margin-right:auto;}
.HomeNews li.cur .img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; z-index:2;}

@media ( max-width:640px){
.HomeNews ul{ height:auto; padding-left:0%;}
.HomeNews li { height:100px; position:relative; padding-left:135px;}
.HomeNews li .img{ width:120px; position:absolute;height:90px;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
/*.HomeNews li .img img{}*/
.HomeNews li .date{ display:none;}
.HomeNews li .date2{ display:block;}
.HomeNews li .box{ width:auto; height:95px;padding-left:0px; border-bottom:0;}
.HomeNews li .tit{ margin-bottom:0px; line-height:20px;}
.HomeNews li .date i{ line-height:35px;}
}


.HomePartner{ padding-bottom:50px;}
.HomePartner ul{ margin-left:-2%;}
.HomePartner li{ width:14.666666%; float:left; margin:0 0 2% 2%;}
.HomePartner .img{ background:#fff; height:88px; border:1px solid #eeeded;background-position:center center; background-repeat:no-repeat; background-size:contain; text-align:center;display: flex; align-items: center;flex-direction: column;justify-content:center;}
.HomePartner .img img{ max-height:88px;}
.HomePartner .box{ height:204px; overflow:hidden;}
.HomePartner table{ width:100%;}

@media ( max-width:640px){
.HomePartner li{ width:23%;}
.HomePartner .img{height:50px;}
.HomePartner .img img{ max-height:50px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{ height:420px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:55px;}
.SubBan .txt{ position:absolute; text-transform:uppercase; width:1200px;left:50%; margin-left:-550px; color:#3177b6; top:25%; text-shadow:0 3px 2px #ccc;}
.SubBan .txt h2{ font-size:42px; line-height:60px; font-weight:normal; font-family:"黑体";}
.SubBan .txt p{font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.SubBan .txt p i{ display:block; width:30px; height:18px; border-bottom:2px solid #3177b6;}

.MenuList{ text-align:center; background:rgba(255,255,255,0.8); padding:10px 0px; line-height:35px; position:absolute; top:474px; left:0px; width:100%;}
.MenuList.menunav{ top:464px;}
.MenuList li{ display:inline-block; *display:inline; zoom:1; margin:0 3%; font-size:16px;}
.MenuList li a{color:#666666;}
.MenuList li.onli a,.MenuList li a:hover{ color:#3177b6;}
.MenuList li.onli a{ font-weight:bold;}
.menudis .MenuList {text-align:left;}
.menudis .MenuList li{ width:14%; margin:0 1%;}


.SubPage{ height:auto !important; min-height:250px; height:250px;padding-bottom:50px;}
.SinglePage{ word-wrap:break-word; font-size:16px; line-height:30px; color:#333333;}
.SinglePage .detail{ padding:15px 0 0 0%;}
.Subtit{ text-align:center; padding-bottom:35px;}
.Subtit h2{ line-height:55px; font-size:30px; color:#3177b6;}
.Subtit i{ display:block; margin:0px auto; width:25px; height:10px; border-bottom:3px solid #3177b6;}
.pro { position:relative;}
.pro .MenuList{top: auto; bottom:0;}
@media ( max-width:1200px){
.SubBan .txt{width:90%;left:5%; margin-left:0px;}
}

@media ( max-width:998px){
.SubPage{padding-bottom:55px;}
.SubBan{ height:120px; margin-bottom:25px;}
.SubBan .txt h2{ font-size:18px; margin-bottom:0px; line-height:25px;}
.SubBan .txt p{ font-size:12px;}.SubBan .txt p i{ height:10px;}
.MenuList{ display:none; margin:-25px 0 20px; position:static;}
.MenuList li{ display:block; margin:0; font-size:14px; text-align:left; border-bottom:1px solid #f7f7f7;}
.MenuList li a{ display:block; line-height:30px;}
.SinglePage{ font-size:14px; line-height:24px;}
.Subtit{ padding-bottom:20px;}
.Subtit h2{ line-height:30px; font-size:20px;}
}
/*栏目页公用样式 end*/


/***关于我们 s***/
.pt52{ padding-top:52px;}
.LeaderList{ margin:0 0 0 -2%;}
.LeaderList li{ width:18%; padding:0 0 15px 2%; float:left; color:#333333;}
.LeaderList li .img{ overflow:hidden; position:relative;}
.LeaderList li .img span{ background-position:center center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.LeaderList li .tit{ font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin:15px 0 5px;}
.LeaderList li .p{ font-size:12px;overflow: hidden; height:70px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.LeaderList li:hover a{ color:#3177b6;}

.LeaderList .swiper-container1{position: relative;margin-left:-25px;}
.LeaderList .swiper-container1 .swiper-button-next,.LeaderList .swiper-container1 .swiper-button-prev{width: 25px;height: 50px;background-size: 25px 50px;margin-top: -80px;}
.LeaderList .swiper-container1 .swiper-button-prev{left: 0;}
.LeaderList .swiper-container1 .swiper-button-next{right: -25px;}
.LeaderList .swiper-slide{padding:0 0 15px; float:left; color:#333333;}
.LeaderList .swiper-slide a{display: block;margin:0 0 0 25px;}
.LeaderList .swiper-slide .img{ padding-top:0%; overflow:hidden; position:relative;}
.LeaderList .swiper-slide .img span{ background-position:center center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.LeaderList .swiper-slide .tit{ font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin:15px 0 5px;}
.LeaderList .swiper-slide .p{ font-size:12px;overflow: hidden; height:70px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.LeaderList .swiper-slide:hover a{ color:#3177b6;}

.LeaderInfo { padding-bottom:0px;}
.LeaderInfo .img{ width:25%; float:left; padding-right:6%;}
.LeaderInfo .img img{ width:100%;}
.LeaderInfo .info{ width:60%; float:left;}
.LeaderInfo .info .tit{ font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; margin:15px 0 5px;}
.LeaderInfo .info .p{ font-size:14px;}

.HornorList { padding-bottom:15px; margin-left:-3%;}
.HornorList li{width:30.33333%; float:left; text-align:center; margin:0 0 3% 3%; text-align:center; overflow:hidden; position:relative;}
.HornorList li .box{ background:#f3f3f3; padding:20px;}
.HornorList li .img{ height:210px; display:table-cell; width:2%; vertical-align:middle; margin:0px auto;}
.HornorList li .img img{ max-height:210px; display:block; margin:0px auto;}
.HornorList li .info{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; color:#fff; background:rgba(49,119,182,0.9); position:absolute; left:0px; top:0px; width:100%; height:100%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HornorList li .info p{ height:250px; width:2%; margin:0px auto; display:table-cell; vertical-align:middle;}
.HornorList li .info p span{ display:block; background:url(../images/search.png) center top no-repeat; padding-top:55px; font-size:20px; color:#fff; font-weight:bold;}
.HornorList li:hover .info{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.Culturetxt{ background:url(../images/culturebg.jpg) center center no-repeat; background-size:cover;margin-bottom:23px; padding:30px; color:#fff; font-size:16px;}
.Culturetxt .txt{ background:rgba(49,119,182,0.7); padding:3%;}
.Culturetxt .txt h3{ font-size:20px; margin-bottom:18px;}
.Culturetxt .txt p{ margin-bottom:12px;}

.Culture li{ font-size:14px; color:#666666; margin-bottom:27px; width:30.333%; padding-right:3%; float:left; min-height:120px; border-bottom:1px dashed #eaeaea; line-height:24px;}
.Culture li h3{ color:#3177b6; font-size:18px; line-height:45px;}
.Culture li h3 i{ border-top:2px solid #3177b6; display:block; width:20px; height:8px;}
/* .Culture li:nth-child(7),.Culture li:nth-child(8),.Culture li:nth-child(9){ border-bottom:0;} */

@media ( max-width:998px){
#menu9{ display:none;}	
#ld{ display:none;}	
#nav2 .NavPull dd:nth-child(2){ display:none;}
.HornorList li .info{ position:static;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.HornorList li .info p{ height:auto; width:auto; margin:0px auto; display:block;}
.HornorList li .info p span{ background:none; padding:0;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; margin:0px auto; line-height:28px; font-size:14px; font-weight:normal;}
}
@media ( max-width:768px){
.Culturetxt{ padding:10px; font-size:14px;}
.Culture li{ width:45%; padding-right:5%;padding-bottom:15px; margin-bottom:15px;}
.Culture li h3{font-size:16px; line-height:35px;}
.Culture li:nth-child(7),.Culture li:nth-child(8),.Culture li:nth-child(9){ clear:both; width:auto; min-height:50px; padding-bottom:8px;border-bottom:1px dashed #eaeaea; float:none;}

}
@media ( max-width:640px){
.pt52{ padding-top:20px;}
.LeaderList{ margin:0;}
.LeaderList li{ width:auto; height:120px; overflow:hidden; padding:0 0 15px 0; float:none; clear:both;}
.LeaderList li .img{width:31%; padding:0; float:left;}
.LeaderList li .info{width:65%; float:right;}

.HornorList li{width:47%;}
.HornorList li .img{ height:150px;}
.HornorList li .img img{ max-height:150px;}

.LeaderList .swiper-container1 .swiper-button-next,.LeaderList .swiper-container1 .swiper-button-prev{width: 15px;height: 30px;background-size: 15px 30px;margin-top: -80px;}


.LeaderInfo .img{ width:auto; float:none; padding-right:0; text-align:center;}
.LeaderInfo .img img{ width:auto;}
.LeaderInfo .info{ width:auto; float:none;}
.SinglePage .detail{ padding-left:0;}
.Culture li{ padding:0 3%; width:44%; line-height:22px;}
}
@media ( max-width:480px){
.HornorList li .img{ height:120px;}
.HornorList li .img img{ max-height:120px;}
.Culture li:nth-child(5),.Culture li:nth-child(6){ min-height:165px;}
}


/***产品中心 s***/
.ProList{ margin:0 0 20px -2%;}
.ProList li{ width:31.33333%; float:left; padding:0 0 2% 2%;}
.ProList li .box{ padding:19px; border:1px solid #e5e5e5;}
.ProList li .img{ overflow:hidden; position:relative;}
.ProList li .img span{ width:100%; height:100%; position:absolute;background-position:center center; background-repeat:no-repeat; background-size:cover; left:0px; top:0px; z-index:2;}
.ProList li .tit{ font-weight:bold; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:93%; padding-right:7%; /*background:url(../images/arr1.png) right center no-repeat;*/ margin-top:20px;}
.ProList li:hover .box{ border:1px solid #3177b6; background:#f7f9fc;}
.ProList li:hover .box .tit{/*background:url(../images/arr01.png) right center no-repeat;*/}
.ProList li:nth-child(3n+1){ clear:both;}


.ProMenu{z-index:999; background:#f5f5f5; height:50px; line-height:50px;}
.ProMenu li{ width:225px; float:left; text-align:center; font-size:16px;}
.ProMenu li a{ display:block; color:#666666; font-weight:bold; background:url(../images/line.gif) right center no-repeat;}
.ProMenu li.on a{ background-color:#2666a0;background-image:none; color:#fff;}
.ProMenu li:last-child a{ background-image:none;}
.ProMenu.proFixed{ padding-top:0; position:fixed; width:1200px; left:50%; margin-left:-600px; top:60px;}

.Protxt{ line-height:34px; padding:40px 20px; margin-bottom:-1px; border-bottom:1px dashed #cdcdcd;}
.Protxt .tit{ font-size:16px; color:#333333; line-height:33px; margin-bottom:10px;}
.Protxt .list li{ width:45%; float:left; margin-bottom:4px;}
.Protxt table{ line-height:18px;}
.Protxt table td{ padding:8px 0;word-break: break-all}

.Aboutpro{ background:#f5f5f5; padding:20px 0px 40px 0px;}
.Aboutpro .tithead{ text-align:center; font-size:24px; color:#333333; line-height:50px; padding-bottom:8px;}
.Aboutpro .img{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Aboutpro p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; text-align:center; font-size:16px; margin-top:10px;}
.proscroll{ height:; overflow:hidden;}
.proscroll li{ float:left; width:246px; padding-right:27px;}
.prosj{ display:none;}
@media ( max-width:1200px){
.ProMenubox.proFixed{ width:100%; left:0%; margin-left:0px; top:40px;}
}
@media ( max-width:998px){
.ProMenu.proFixed{top:41px;}
.ProMenu{height:40px; line-height:40px;}
.ProMenu li{ width:33.333%; font-size:15px;}
.ProMenubox{ padding-top:40px;}

.Protxt table,.SinglePage table{ width:100% !important; font-size:12px;}
.Protxt table td,.SinglePage table td{ font-size:12px !important; width:auto !important;}
.Protxt table td  p span,.SinglePage table td p span{ font-size:12px !important; }
.Protxt p span{ font-size:14px !important;}
}

@media ( max-width:768px){
.ProList li{ width:48%;}
.ProList li .box{ padding:10px;}
.ProList li .tit{ height:36px; overflow:inherit;white-space:normal; line-height:18px; background:none; font-size:12px; font-weight:normal; margin-top:10px;}
.Protxt{ line-height:24px; padding:15px 0;}
.Protxt .list li{ width:auto; float:none; margin-bottom:0px;}
.Aboutpro { padding:20px 0;}
.Aboutpro .img{}
.Aboutpro p{font-size:14px; margin-top:5px;}
.proscroll{ height:160px;}
.Aboutpro .tithead{ font-size:18px;}
.proscroll li{width:160px; padding-right:15px;}
.propc{ display:none;}
.prosj{ display:block;}
.ProList li:nth-child(3n+1){ clear:none;}
.ProList li:nth-child(2n+1){ clear:both;}
.ProList li .img{ padding-top:68%;}

.ProMain{border-top:1px dashed #cdcdcd; padding-top:13px; margin-top:-13px;}
}

/***应用案例 s***/
.CaseList{ margin:0 0 25px -2%;}
.CaseList li{ width:23%; padding:0 0 3% 2%; float:left; color:#777777;}
.CaseList li .img{ overflow:hidden; position:relative;}
.CaseList li .img span{ width:100%; height:100%; position:absolute;background-position:center center; background-repeat:no-repeat; background-size:cover; left:0px; top:0px; z-index:2;}
.CaseList li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; font-size:16px; margin:14px 0 10px; color:#333;}
.CaseList li p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.CaseList li span{ color:#3177b6;}
.CaseList li i{ margin-left:28px;}
.CaseList li:hover .tit{color:#3177b6;}
.CaseList li:nth-child(4n+1){ clear:both;}

.Searchboxs{ border-top:1px solid #dbdbdb; background:#f9f9f9; padding:15px 0;}
.Searchboxs .box{ position:relative; padding-left:193px; line-height:50px;}
.Searchboxs .box .tit{ position:absolute; left:0px; font-size:24px; color:#333;}
.Searchboxs .box ul{ margin-left:-2%;}
.Searchboxs .box li{ padding-left:2%; float:left;}
.Searchboxs .box li.sel{ width:28%;}
.Searchboxs .box li.sel select{ width:100%; height:50px; border-radius:5px; border:1px solid #dcdcdc; background:#fff; text-indent:1em; color:#666666;}
.Searchboxs .box li.search{ width:68%; position:relative;}
.Searchboxs .box li.search .btn{ position:absolute; right:0px; top:0px; height:50px; color:#fff; width:120px; cursor:pointer; font-size:16px; background:#3177b6; border-radius:0 5px 5px 0px;}
.Searchboxs .box li.search .input{ height:48px; line-height:48px; width:100%; border-radius:5px; border:1px solid #dcdcdc; text-indent:5em; background: #fff url(../images/search.gif) 14px center no-repeat;}

.displayimg{ width:38%; float:left; margin-bottom:69px;}
.displayimg img{ width:100%; height:360px;}

.displayinfo{ width:58%; position:relative; float:right; color:#333; margin-bottom:69px;}
.displayinfo .tit{ border-bottom:1px dashed #eaeaea; font-size:24px; color:#333333; padding:10px 0 27px; margin-bottom:20px;}
.displayinfo .item{ margin:20px 0px; height:auto !important; height:128px; min-height:128px;}
.displayinfo dl{ padding:3px 0px 3px 73px; height:auto !important; height:24px; min-height:24px; position:relative;}
.displayinfo dl dt{ position:absolute; left:0px; top:3px; color:#444444; font-weight:bold;}
.displayinfo a.zx{ color:#fff; font-size:16px; display:inline-block; background:#2666a0; text-align:center; padding:0 20px; line-height:38px;}
.displayinfo a.zx i{ background:url(../images/zx.png); display:inline-block; width:24px; height:22px; vertical-align:middle; margin-right:12px;}
.displayinfo a:hover.zx{background:#006bcc;}
.displayinfo .tel{ margin-left:30px; color:#2666a0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; background:url(../images/tel.gif) 30px center no-repeat; padding-left:58px; line-height:38px; display:inline-block; vertical-align:middle; border-left:1px solid #ddd;}
.displayinfo.pro .item{height:auto !important; height:150px; min-height:150px;}

.msgtit{ color:#333333; text-align:center; font-size:24px; border-top:1px dashed #cfcfcf; padding-top:11px; line-height:82px;}
.msgtit.pro{ text-align:left; font-size:16px; padding-left:20px;}
.Msgbox{ margin:0 20px;}
.Msgbox ul{ margin-left:-2%;}
.Msgbox li{ width:48%; padding:0 0 2% 2%; float:left; position:relative;}
.Msgbox li .ico{ position:absolute; background:url(../images/line.gif) right center no-repeat; left:12px; top:15px; width:36px;}
.Msgbox li .inputbg{border:1px solid #dedede; position:relative; padding:0 10px 0px 60px;}
.Msgbox li .inputbg input{ height:54px; line-height:54px; width:100%;}
.Msgbox li .inputbg.yzm input{ height:38px; line-height:38px; width:100%;}
.Msgbox li .inputbg.yzm .ico{top: 9px;}
.Msgbox li.auto{ clear:both; float:none; width:auto;}
.Msgbox li .textarea{ position:relative; border-radius:5px; border:1px solid #dedede; padding:15px 10px 10px 60px;}
.Msgbox li .textarea textarea{ width:100%; height:175px;}
.Msgbox li.btn{ padding:10px 0; text-align:center;}
.Msgbox li .sendbtn{ font-size:16px; width:124px; height:40px; color:#fff; cursor:pointer; background:#3177b6; margin-right:17px;}
.Msgbox li .resetbtn{ font-size:16px; width:124px; height:40px; color:#4c4948; cursor:pointer; background:#f3f3f3;}

@media ( max-width:998px){
.Searchboxs{ display:none;}
}
@media ( max-width:768px){
.displayimg img{ height:auto;}
.displayimg{ width:auto; float:none; margin-bottom:20px;}
.displayinfo{ width:auto; float:none; margin-bottom:20px; height:auto; min-height:50px;}
.displayinfo .navbtn{ position:static;border-bottom: 1px dashed #cdcdcd; padding-bottom:12px;}
.casebody .navbtn{ border-bottom:0px;}
.displayinfo .tit{font-size:18px; padding:10px 0; margin-bottom:10px;}
.displayinfo a.zx{margin:0px auto; font-size:14px; padding: 0 6px;}
.displayinfo a.zx i{ margin-right:4px;}
.displayinfo .tel{ border-left:0; margin-left:0px;font-size:18px; background-position:10px center; padding-left:35px;}
.displayinfo.pro{ padding-top:0px;}
.displayinfo.pro .item{height:auto !important; height:10px; min-height:10px;}
.msgtit{font-size:18px; padding-top:11px; line-height:42px;}
.Msgbox{ margin:0 0px;}
.Msgbox li .inputbg input{ height:35px; line-height:35px;}
.Msgbox li .textarea{ padding-top:10px;}
.Msgbox li .textarea textarea{ width:100%; height:120px;}
.Msgbox li .ico{left:13px; top:7px;}

.CaseList{ margin:-20px 0 25px;}
.CaseList li{ width:auto; float:none; padding:0px 0px 15px 135px; font-size:12px; position:relative; height:100px;}
.CaseList li .img{ overflow:hidden;  width:120px; position:absolute; left:0px; top:0px;}
.CaseList li .tit{ font-size:14px; margin-bottom:5px;}
}
@media ( max-width:640px){
.Msgbox li{ width:auto; float:none;}
}


/***新闻动态 s***/
.NewsList{ padding-bottom:12px;}
.NewsList li{ position:relative; height:230px; margin-bottom:40px;}
.NewsList li .img{ overflow:hidden; width:31%; position:relative;  float:left;}
.NewsList li .img img{ height:230px; width:100%;}
.NewsList li .img span{ width:100%; height:100%; position:absolute; left:0px; top:0px;background-position: center center; background-repeat:no-repeat; background-size:contain;}
.NewsList li .info{ width:62%; float:right; padding:45px 3% 0 0;}
.NewsList li .tit{ font-size:18px; color:#333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; max-width:100%;}
.NewsList li .date{ color:#999999; background:url(../images/date.gif) 0px center no-repeat; padding-left:26px; margin:12px 0;}
.NewsList li .p{ color:#888888;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.NewsList li:hover{ background:#fcfafb;}
.NewsList li:hover .tit{ color:#3177b6; font-weight:bold;}
.NewsList.search li{ height:150px; padding-left:18%;}
.NewsList.search li .img{ overflow:hidden; position:absolute; left:0px; top:0; width:15%; height:150px;}
.NewsList.search li .info{ width:auto; float:none;padding-top:12px;}

.Titleinfo{ color:#888888; padding:0px 0px 24px 0px; margin-bottom:25px; text-align:center; border-bottom:1px solid #e5e5e5;}
.Titleinfo .tit{ max-width:1000px; margin:0px auto; line-height:35px; font-size:28px; font-weight:normal; color:#333333; padding-bottom:10px;}
.Titleinfo .date i{ margin:0px 10px; display:inline-block;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin-left:20px;}
.Shares .Shares{margin-left:0px;}
.PrevNextBox { max-width:1000px;margin:50px auto 0;position:relative; color:#888888;}
.PrevNextBox dl{ width:49%; line-height:50px; height:50px; text-align:center; font-size:16px; overflow:hidden; background:#f7f7f7;}
.PrevNextBox dl span{color:#000000;}
.PrevNextBox dl:hover{background:#3177b6; color:#fff;}
.PrevNextBox dl:hover span{ color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.PrevNextBox dl a.none{ color:#999;}

.newsinfo{ max-width:1000px; margin:0px auto;}

@media ( max-width:768px){
.Shares{ display:none;}
.Titleinfo{ padding:0px 0 10px; margin-bottom:15px;}
.NewsList li{margin-bottom:20px; height:100px; padding-left:135px; position:relative;}
.NewsList li .img{ position:absolute; left:0px; top:0px; width:120px;height:90px;}
.NewsList li .img span{ background-size:cover;}
.NewsList li .img img{ height:100px;}
.NewsList li .info{padding:0px 0% 0 0; width:auto; float:none;}
.NewsList li .tit{ font-size:14px;}
.NewsList li .date{margin:1px 0;}
.NewsList li .p{-webkit-line-clamp: 2; line-height:21px;}


.NewsList.search li{padding-left:0%; height:auto;}
.NewsList.search li .img{width:auto; float:none; position:relative;}
}

@media ( max-width:640px){

.Titleinfo .tit{ font-size:20px; line-height:26px;}
.PrevNextBox {margin:35px 0 0 0;}
.PrevNextBox dl{ width:auto; line-height:40px; height:40px;font-size:14px; text-align:left;}
.PrevNextBox dl div{width:90%; margin:0px auto;}
.PrevNextBox dl.fl{ float:none;}.PrevNextBox dl.fr{ float:none;}
}

/***联系我们 s***/
.tits{ color:#333333; font-size:24px; line-height:34px; margin-bottom:8px;}
.contactus{ font-size:16px; line-height:34px; color:#666666; width:45%; float:left;}
.contactus span{ display:inline-block; min-width:198px;}

.Message{ width:45%; float:right;}
.Message .tits{ text-align:center; margin-bottom:25px;}
.Message li{color:#333333; margin-bottom:25px;}
.Message li .ico{ position:absolute; left:13px; top:16px; width:35px; background:url(../images/line.gif) right center no-repeat;}
.Message li .inputbg{border:1px solid #dedede; position:relative; padding:0 10px 0px 60px;}
.Message li .inputbg input{ height:54px; line-height:54px; width:100%;}
.Message li .inputbg.yzm input{ height:38px; line-height:38px; width:100%;}
.Message li .inputbg.yzm .ico {top: 8px;}

.Message li .textarea{ position:relative; border-radius:5px; border:1px solid #dedede; padding:15px 10px 10px 60px;}
.Message li .textarea textarea{ width:100%; height:175px;}
.Message li.btn{ padding-bottom:0px; text-align:center;}
.Message li .sendbtn{ font-size:16px; width:124px; height:40px; color:#fff; cursor:pointer; background:#3177b6; margin-right:17px;}
.Message li .resetbtn{ font-size:16px; width:124px; height:40px; color:#4c4948; cursor:pointer; background:#f3f3f3;}

.mapbox{ clear:both; padding-top:45px;}


@media ( max-width:768px){
.tits{font-size:18px; margin-bottom:10px;}
.contactus{ font-size:14px; width:auto; float:none; line-height:24px;}
.Message{ width:auto; float:none;}
.Message .tits{ text-align:left; margin:20px 0 10px;}
.Message li{ margin-bottom:15px;}
.Message li .ico{left:13px; top:7px;}
.Message li .inputbg input{ height:35px; line-height:35px;}
.Message li .textarea{ padding-top:10px;}
.Message li .textarea textarea{ width:100%; height:120px;}
}

@media ( max-width:640px){
.contactus span{min-width:150px;}
.mapbox{padding-top:25px;}
}


/*404*/
.pageerror{ background:#3e8ace; color:#fff; text-align:center;}
.pageerror .content{ position:absolute; width:720px; left:50%; top:15%; margin-left:-360px;}
.pageerror .content .txt{ font-size:20px; line-height:45px; padding-bottom:38px;}
.pageerror .content .txt span{ font-size:36px; display:block;}
.pageerror .nav{ line-height:40px; height:40px; background:#44aaea;}
.pageerror .nav li{ width:16.666666%; float:left;}
.pageerror .nav li a{ color:#fff; display:block;}
.pageerror .nav li a:hover{ background:#3177b6;}

@media ( max-width:768px){
.pageerror .content{ width:96%; left:2%; margin:0;}
.pageerror .content .txt{ font-size:15px; line-height:36px;}
.pageerror .content .txt span{ font-size:19px;}
}
@media ( max-width:480px){
.pageerror .nav{height:80px;}
.pageerror .nav li{ width:33.3333%;}
}

.module-home-featured-products .products .product{margin: 5px !important;}








/*Bottom002574 */
.Bottom002574{background: #2666a0 url(../images/mapbg.png) center top no-repeat;  clear:both; color:#fff; text-align:center;}
.Bottom002574 .bottom{ padding:2% 0 4% 0;}
.Bottom002574 .share{ float:right; border-left:1px solid #fff; margin-top:11px; width:14%; padding-left:5%;}
.Bottom002574 .share li{}
.Bottom002574 .share li p {padding-left: 10px; font-size:16px; text-align: left;border-left: 4px solid #fff; font-weight: 600; margin-bottom: 20px;}
.Bottom002574 .share li span{ text-align: center; line-height: 40px; display:block;}
.Bottom002574 .share li img{ max-width:120px; min-height: 120px;}
.Bottom002574 .share .bdsharebuttonbox a{ float:none; display:block; margin:0 15px 10px 0; width:33px; border-radius:50%; background: url(../images/share.png) no-repeat center top #373742; padding:0; height:33px;}
.Bottom002574 .share .bdsharebuttonbox a.bds_qzone{ background-position:center -44px;}
.Bottom002574 .share .bdsharebuttonbox a.bds_tsina{ margin-bottom:0;background-position:center -86px;}
.Bottom002574 nav{ float:left; width:80%;}
.Bottom002574 nav dl{ float:left; width:20%; margin-top: 1%;}
.Bottom002574 nav dt{ color:#f8f8f8; padding-left: 10px; font-size:16px; text-align: left;border-left: 4px solid #fff; font-weight: 600;margin-bottom: 10px;}
.Bottom002574 nav dt a{color:#fff;}
.Bottom002574 nav dd{color:#f8f6f6; line-height:34px; font-size:14px;text-align: left;}
.Bottom002574 nav dd a{ color:#f8f6f6;text-indent: 13px;
    display: block;} 
.Bottom002574 nav dd a:hover{ color:#023b6f;} 
.Bottom002574 nav dl.contact b{ font-size:12px;font-weight:normal;}
.Bottom002574 .copyright{ color:#fff;padding-top:1%; padding-bottom:1%;border-top:1px solid rgba(255,255,255,0.5); line-height: 34px;}
.Bottom002574 .copyright >a{ color:#fff;padding-right:15px;}
.Bottom002574 .copyright >a:hover{ color:#fff;}
.Copyright a{color: #fff !important;}
.Bottom002574 .link{ padding-top:10px; padding-bottom: 10px;}
.Bottom002574 .link a{ display:inline-block; margin-left:28px; color:#dbdbdb;}
.Bottom002574 .link a:hover{color:#ffcc00;}


@media ( max-width:998px){
.Bottom002574 nav{ display:none;}
.Bottom002574 .share{display:none; float:none; padding:0 0 65px; border:0; width:auto; text-align:left;}
.Bottom002574 .share li img{ display:inline-block; vertical-align:middle;}
.Bottom002574 .share li span{ display:inline-block; vertical-align:middle; margin-left:15px;}

#whir_1,.mapbox{ display:none;}
.contactus{ padding-bottom:40px;}
}


/*2020-03-05 新增 css*/

dl::after,ul::after{content:".";clear:both;display:block;overflow:hidden;font-size:0;height:0;}

.ComTit{text-align:center;}
.ComTit .p1{font-size:30px;color:#333;font-weight:bold;}
.ComTit .p2{font-size:14px;color:#3177b6;font-family:Arial;margin-top:8px;text-transform:uppercase;}


.SerList{padding:0 0 75px 0;}
.SerList .keya{font-size:14px;color:#587187;line-height:24px;text-align:center;margin-top:15px;}
.SerList .keya a{color:#587187;}
.SerList .Formbox{margin-bottom:80px;}
.SerList .Serform{width:520px;height:60px;margin:0 auto;position:relative;}
.SerList .Serform input{width:100%;height:100%;border:1px solid #d9d9d9;border-radius:100px;padding:0 65px 0 20px;box-sizing:border-box;}
.SerList .Serform a{position:absolute;top:17.5px;right:30px;}
.SerList .Serform input:-ms-input-placeholder,.SerList .Serform input::-webkit-input-placeholder{color:#808080;font-size:14px;}

.Serul{margin-top:60px;}
.Serul li{width:25%;float:left;text-align:center;}
.Serul li a{display:inline-block;width: 120px;height: 120px;border-radius: 50%;background:#eeeeee ;transition:all .3s linear;position: relative;}
.Serul li img{position: absolute;top: 0;left: 0;}
.Serul li .SerulImg1{z-index: 9;}
.Serul li .SerulImg2{z-index: 8;}
.Serul li a:hover{background:#3177b6;}
.Serul li a:hover .SerulImg2{z-index: 10;}
.Serul li p{font-size:18px;color:#587187;margin-top:15px;}
/* .Serul li:hover img{ background:#3177b6;} */

.CessBox{width:100%;padding:80px 0;background:#f5f5f5;}
.CessBox1{background:#fff;}

.ComSlider .hd{text-align:center;margin:40px 0;}
.ComSlider .hd li{padding:10px 20px;display:inline-block;}
.ComSlider .hd li a{display:block;font-size:16px;color:#587187;text-align:center;}
.ComSlider .hd li.on{color:#fff;background:#3177b6;}
.ComSlider .hd li.on a{color:#fff;}

.ComSlider .ComTab .SerPic{overflow:hidden;}
.ComSlider .ComTab .SerPic,.ComSlider .ComTab .SerPic img{width:100%;transition:all .3s linear;}
.ComSlider .ComTab .SerTit{font-size:18px;color:#587187;margin-top:15px;text-align:center;}
.ComSlider .ComTab .item:hover .SerPic img{transform:scale(1.1);}



.ComTab .owl-nav{width:100%;}
.ComTab .owl-dots{display:none;}
.ComTab .owl-carousel .owl-nav button.owl-prev,.ComTab .owl-carousel .owl-nav button.owl-next{width:14px;height:24px;text-indent:999px;overflow:hidden;}
.ComTab .owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%;transform:translate(0%,-50%);left:-40px;background:url(../images/jtf.png);}
.ComTab .owl-carousel .owl-nav button.owl-next{position:absolute;top:50%;transform:translate(0%,-50%);right:-40px;background:url(../images/jtr.png);}
.ComTab .owl-carousel .owl-nav button.owl-prev:hover{background:url(../images/jtf.png);}
.ComTab .owl-carousel .owl-nav button.owl-next:hover{background:url(../images/jtr.png);}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:block!important;}

/*
 .PicList001646 为demo编号
 */

.PicList001646 dl{background-color:#f7f7f7;transition:all .3s linear;margin-top:70px;}
.PicList001646 dl:last-child{ margin-bottom:0;}

@media(min-width:769px){
.PicList001646 dl{ display:table; width:100%;}
.PicList001646 dl dt,
.PicList001646 dl dd{ display:table-cell; vertical-align:middle; width:50%;}

}


.PicList001646 dd figure{ padding:0 10% 0 0;}
.PicList001646 dl:nth-child(2n) dd figure{padding:0 0 0 10%;}
.PicList001646 dl dt{position:relative;}
.PicList001646 dl dt .nums{position:absolute;top:-32px;left:40px;width:56px;height:64px;background:#3177b6;font-size:32px;color:#fff;font-weight:bold;text-align:center;line-height:64px;}

.PicList001646 dt img{ display:block; width:100%;}
.PicList001646 dd figure *{margin:0;}

.PicList001646 dd figure h2{ font-weight:normal; }
.PicList001646 dd figure h2{ font-size:32px;color:#3177b6;font-weight:bold;}
.PicList001646 dd figure h3{ font-size:16px;position:relative;color:#333;padding:15px 0 25px 0;}

.PicList001646 dd figure h3::before{ position:absolute; content:''; left:0%;bottom:0;width:40px; height:2px; background-color:#3177b6;}
.PicList001646 dd figure .Whtxt{text-align:left; margin:5% 0 0% 0; overflow:hidden;font-size:15px;color:#999;line-height:30px;}

@media(max-width:1199px){
	.PicList001646 dd figure h2{font-size:18px;}
	.PicList001646 dd figure .Whtxt{font-size:14px;line-height:24px;margin-top:3%;}
	.ComTab .owl-carousel .owl-nav button.owl-prev{left:0px;}
	.ComTab .owl-carousel .owl-nav button.owl-next{right:0px;}
	.Serul li a{width: 50px;height: 50px;}
	.SerList .keya{ display:none;}

}


@media ( max-width:768px){
	.CessBox{padding:40px 0;}
	.SerList{padding-bottom:35px;}
	.ComTit .p1{font-size:18px;}
	.ComTit .p2{margin-top:0px;}
	.ComTab .owl-carousel .owl-nav button.owl-prev{left:0px;}
	.ComTab .owl-carousel .owl-nav button.owl-next{right:0px;}
	.PicList001646 dl{margin-top:35px;}
	.PicList001646 dl:nth-child(2n) dd figure,.PicList001646 dd figure{padding:0px;}
	.PicList001646 dl dt{margin-top:60px;}
	.PicList001646 dd figure h3{padding:10px 0 15px 0;}
	.ComSlider .hd li a{font-size:14px;}
	.ComSlider .hd li{padding:8px 10px;}
	.ComSlider .hd{margin:25px 0;}
	.ComSlider .ComTab .SerTit,.Serul li p{font-size:14px;margin-top:10px;}
	.SerList .Formbox{margin-bottom:35px;}
	.Serul{margin-top:25px;}
}

@media ( max-width:560px){
	.SerList .Serform{width:100%;height:45px;}
	.SerList .Serform a{top:12.5px;}
	.SerList .Serform a img{width:20px;}
	.Serul li img{width:80px;}
	.PicList001646 dl dt{margin-top:50px;}
	.PicList001646 dl dt .nums{width:35px;height:40px;top:-20px;font-size:18px;line-height:40px;left:25px;}
}

@media ( max-width:480px){
	.Serul li img{width:50px;}
}

@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.PopupShengm{position: fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:9999;display: none;}
.PopupShengm .ShengmingBox{position: absolute;border-radius: 20px;background:#fff;padding:2% 3.5%;max-width:400px;width:90%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);top:50%;left:50%;}
.PopupShengm .ShengmingBox .close{position: absolute;right:20px;top:20px;}
.PopupShengm .ShengmingBox .Con h1{text-align: center;font-size: 22px;color:#000;margin-bottom:10px;}
.PopupShengm .ShengmingBox .Con .txt{line-height: 26px;text-indent: 2em;}
.PopupShengm .ShengmingBox .Con ul{margin-top:20px;}