@charset "utf-8";
/* CSS Document */
*,html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,div{margin:0px;padding:0px;color:#666;font-size:14px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;}
body{margin:0px auto;padding:0px;background-color:#fff;}
body,table,tr,td,th {line-height:200%;}
a:link,a:visited {text-decoration:none;color:#666;}
a:hover,a:active {text-decoration:none;color:#113273;}
ul,li,dl,dt,dd {list-style:none;}
img {border:0px;}
.clear{clear:both;}
*{transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}

.boxsub{width:100%;overflow:hidden;margin:0 auto;}
.divsub{width:90%;overflow:hidden;margin:0 auto;}

.header{ position:fixed; top:0; z-index:999; background:#FFF; overflow:hidden; border-bottom:#CCC solid 1px;}
.headerindex{ position:fixed; top:0; z-index:999; background:#FFF; overflow:hidden;}
.head{ margin:20px auto 10px auto;}
.head img.toplogo{ float:left; width:50%;}
.head img.topdhico{ float:right;width:8%;}
.topzw{ width:100%; height:70px;}

/*banner*/
@media screen and (max-width:480px){
#ibannermain{width:100%;height: 160px;margin: 0px auto;}
#ibanner{
text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img.banner{ height:160px;width:100%;}
}

@media screen and (min-width: 480px) and (max-width: 720px){
#ibannermain{width:100%;height:290px;margin: 0px auto;}
#ibanner{
text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img.banner{height:290px; width:100%;}
}

@media screen and (min-width: 720px){
#ibannermain{width:100%;height:314px;margin: 0px auto;}
#ibanner{
text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img.banner{height:314px;width:100%;}
}

#ibannermain .swiper-pagination-bullets{bottom:10px;}

#fudaohang{ position:fixed; right:0px; z-index:99;}
#fudaohang ul{ background:#113273; padding:20px;}
#fudaohang ul li{ width:120px; height:35px ; line-height:35px;font-family:"微软雅黑";text-align:center; color:#FFF; border-bottom:#005566 solid 1px;}
#fudaohang ul li a{ display:block; color:#FFF;font-size:16px;}
#fudaohang{}

.weifooter{ width:100%; height:49px;overflow:hidden;}
footer{ width:100%; height:50px;line-height:50px;background:#002163; position:fixed; bottom:0px; z-index:99}
footer ul{}
footer ul li{ width:25%; float:left; text-align:center; }
footer ul li a{ color:#FFF !important;font-family:"微软雅黑"; font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline-block;margin-top:10px;}
footer ul li a img{ float:left;}
footer ul li img{ width:20px; height:24px; margin:3px 6px 0 0;}

.itype{ margin:15px auto;}
.itype ul{}
.itype ul li{ float:left; width:23%; margin:1%; background:#113273;}
.itype ul li img{ display:block; margin:6px auto 0px auto;}
.itype ul li font{ display:block; margin:0 auto 3px auto; text-align:center; color:#FFF; font-size:13px;}

.iabouter{ background:url(../mimages/iabout-bg.jpg) top center no-repeat; background-size:100% 100%;}
.iabout{ margin:30px auto;}
.iabout strong.tt{ display:block; text-align:center; font-size:1.8em; height:50px; line-height:50px; font-weight:300; color:#113273;}
.iabout img{ width:100%;}
.iabout p{ text-indent:1.8em; display:block; margin:10px auto; overflow:hidden;}

.iliuchenger{background:url(../mimages/iliucheng-bg.jpg) top center no-repeat; background-size:100% auto;}
.iliucheng{margin:30px auto;}
.iliucheng strong.tt{ display:block; text-align:center; font-size:1.8em; height:50px; line-height:50px; font-weight:300; color:#113273;}
.iliucheng ul{ padding-bottom:110px; display:block; overflow:hidden;}
.iliucheng ul li{ width:34%; float:left; margin:10px 8%;}
.iliucheng ul li a{font-size:1.2em !important;}
.iliucheng ul li font{font-size:1.2em;width:1.2em;height:1.2em;line-height:1.2em;text-align:center; background:#113273; color:#FFF; overflow:hidden; display:block; float:left; margin-right:5px; -moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}
.iliucheng ul li p{font-size:1.2em;display:block; float:left; height:1.2em; line-height:1.4em;}

.icaseer{background:url(../mimages/icase-bg.jpg) top center no-repeat; background-size:100% 100%;}
.icase{margin:30px auto 10px auto; padding:10px 0 0 0; overflow:hidden;}
.icase strong.tt{ display:block; text-align:center; font-size:1.8em; height:50px; line-height:50px; font-weight:300; color:#fff;}
#icasemain .swiper-pagination-bullets{bottom:10px;}
#icasemain .swiper-slide{ height:350px;}
#icasemain .swiper-slide a{ display:block; overflow:hidden;position:relative; height:80%;}
#icasemain .swiper-slide a img{width:100%;height:100%;}
#icasemain .swiper-slide a span{width:100%;height:50px; line-height:40px;display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(62,57,86,0.9);}
#icasemain .swiper-slide a span strong{ color:#FFF;height:50px; line-height:50px;margin-left:20px; display:block; float:left;}
#icasemain .swiper-slide a span b{ color:#FFF; margin:10px 20px 0 0; height:30px; line-height:30px;border:#FFF solid 1px; padding:0px 8px; float:right; display:block;}

.iproer{}
.ipro{ margin:30px auto;}
.ipro strong.tt{ display:block; text-align:center; font-size:1.8em; height:50px; line-height:50px; font-weight:300; color:#113273;}

.ipromain{ width:80%; height:250px; margin:30px auto 0 auto; border:#999 solid 1px;}
.ipromain .swiper-slide{}
.ipromain .swiper-slide a{ position:relative;}
.ipromain .swiper-slide img{ width:100%; height:250px;}
.ipromain .swiper-slide font{ width:100%; height:40px; line-height:40px; overflow:hidden; position:absolute; left:1px; bottom:1px; text-align:center; color:#FFF; background:rgba(17,50,115,1);}

.idownimg img{ width:100%; overflow:auto; display:block;}

/*简介*/
.abouter{ margin-top:15px;}
.abouter strong{ font-size:16px; margin-bottom:20px; overflow:hidden; display:block;}
.abouter p{ font-size:1.2em; font-family:"宋体"; line-height:24px;margin-bottom:20px; }
.abouter img{ display:block; width:100%; margin:10px auto 20px auto;}

/*联系*/
.contacter{}
.contact .dz{ width:100%; margin-top:30px;}
.contact .dz strong{ display:block; font-size:18px; margin-bottom:25px;}
.contact .dz span{ display:block; padding-left:25px;}
.contact .dz span.address{ background:url(../mimages/ico-address.png) left center no-repeat;}
.contact .dz span.tel{ background:url(../mimages/ico-tel2.png) left center no-repeat;}
.contact .dz span.fax{ background:url(../mimages/ico-fax.png) left center no-repeat;}
.contact .dz span.iphone{ background:url(../mimages/ico-iphone.png) left center no-repeat;}
.contact .dz span.weburl{ background:url(../mimages/ico-weburl.png) left center no-repeat;}
.contact .dz span.tencent{ background:url(../mimages/ico-tencent.png) left center no-repeat;}
.contact .dz span.email{ background:url(../mimages/ico-email.png) left center no-repeat;}

/*荣誉*/
.zizhier{}
.zizhi strong{ display:block; text-align:center; font-size:2em; font-weight:200; margin:20px auto 0 auto;}
.zizhi ul{}
.zizhi ul li{ width:40%; margin:20px 5%; float:left;}
.zizhi ul li img{width:130px; height:90px; padding:2px; border:#999 solid 1px; display:block; margin:0 auto 5px auto;}
.zizhi ul li p{ font-size:1em; height:1.2em; line-height:1.2em; text-align:center;}

/*系列*设备*/
.typelister{}
.typelist strong{ display:block; text-align:center; font-size:2em; font-weight:200; margin:20px auto 0 auto;}
.typelist ul{ margin-bottom:20px; overflow:hidden; display:block;}
.typelist ul li{ width:28%; margin:15px 2% 0 2%; float:left;}
.typelist ul li p{ font-size:1em; height:1.2em; line-height:1.2em; overflow:hidden; text-align:center;}

@media screen and (max-width:360px){
.typelist ul li img{width:90px; height:60px; padding:2px; border:#999 solid 1px; display:block; margin:0 auto 5px auto;}
}

@media screen and (min-width:361px){
.typelist ul li img{width:100px; height:80px; padding:2px; border:#999 solid 1px; display:block; margin:0 auto 5px auto;}
}

.pagelist{width:100%;float:left;text-align:center;line-height:40px;overflow:hidden;}
.pagelist a{ margin:10px 5px;}


/*案例列表*/
.caselister strong{ display:block; text-align:center; font-size:2em; font-weight:200; margin:20px auto 20px auto;}
@media screen and (max-width:360px){
.caselister{}
.caselister ul{width:320px;overflow:hidden; margin:0 auto;}
.caselister ul li{width:320px; height:100px;float:left; margin:0px auto; border-bottom:#CCC dashed 1px; padding:10px 0px;}
.caselister ul li a{display:block; float:left;}
.caselister ul li a img{ width:100px; height:100px;display:block;float:left; margin-right:15px;overflow:hidden;}
.caselister ul li a span{ display:block; float:left;width:200px;height:100px;font-size:1.1em;line-height:1.1em; overflow:hidden;}
.caselister ul li a span strong{ font-size:1.1em;font-family:"微软雅黑"; display:block;text-align:left;margin:0px auto 10px auto;}
}
@media screen and (min-width:361px){
.caselister{}
.caselister ul{width:478px;overflow:hidden; margin:0 auto;}
.caselister ul li{width:478px; height:120px;float:left; margin:0px auto; border-bottom:#CCC dashed 1px; padding:10px 0px;}
.caselister ul li a{display:block; float:left;}
.caselister ul li a img{ width:120px; height:120px;display:block;float:left; margin-right:15px;}
.caselister ul li a span{ display:block; float:left;width:320px;height:120px;font-size:1.1em; line-height:1.1em; overflow:hidden;}
.caselister ul li a span strong{ font-size:1.1em;font-family:"微软雅黑"; display:block; text-align:left;margin:0px auto 10px auto;}
}


/*新闻列表*/
.newslister{}
.newslist{}
.newslist ul{ margin-top:10px; overflow:hidden; display:block;}
.newslist ul li{ padding:15px 0; border-bottom:#ccc dashed 1px;}
.newslist ul li strong{ display:block; font-size:1.2em;}
.newslist ul li strong font{ float:left; display:block; font-size:1em; width:75%; height:1.1em; line-height:1.1em; overflow:hidden;}
.newslist ul li strong time{ float:right; display:block; font-size:0.8em; height:1.1em; line-height:1.1em;}
.newslist ul li span{ display:block; overflow:hidden; width:100%; font-size:1em; line-height:1.1em; height:3.3em; padding-top:10px;}

.nrnewer{}
.nrnew{}
.nrnew h1{ display:block; text-align:center; font-size:1.3em; font-weight:300; margin-top:20px;}
.nrnew span.time{ display:block; text-align:center; margin:10px auto;}
.nrnew img.main{ width:50%; display:block; margin:10px auto;}
.nrnew ul.imglist{ display:block; overflow:hidden;}
.nrnew ul.imglist li{ float:left; width:30%; margin:1%;}
.nrnew ul.imglist li img{ width:100%; height:150px;}
.nrnew ul.imglist span{ display:block; width:100%; overflow:hidden; font-size:1.2em; font-weight:bold; margin:20px 0 10px 0;}


.baojiaer{}
.baojia{}
.baojia strong{ display:block; text-align:center; font-size:2em; font-weight:200; margin:20px auto 10px auto;}
.baojia form{}
.baojia form label{ display:block; overflow:hidden; text-align:center;}
.baojia form label font{ display:block; float:left; width:20%; text-align:center;}
.baojia form label input{ display:block; float:left; width:70%;}
.baojia form label textarea{ display:block; float:left; width:70%; height:50px;}
.baojia form input.tj{ width:50%; height:1.5em; line-height:1.5em; display:block; margin:15px auto 0 auto;}