.insidebanner{ height: auto; overflow: hidden;}
.insidebanner img{display: block; max-width: 100%; width:100%;}





#pager{  text-align:center; margin-top:30px;  height: auto;
    overflow: hidden;
    width: 100%;}
.pager a{ font-size:12px; color:#666; border:#e9e9e9 1px solid; padding:2px 10px;}
.pager span a.current{ background:#ff6a00; color:#fff; padding:3px 11px;}




.searchBox{ width: 100%;  height:auto; overflow: hidden; text-align: center; line-height: 50px; border-bottom: 1px dashed #b9b9b9;  display:none;}

.search-left{height: auto; overflow: hidden;}
.search-left span{ font-size: 14px; color: #959595; }
.search-left a{color: #959595;}
.search-left a:last-child{ color: #03388b;}

.searchBox .searchin{ height: auto; overflow: hidden;}

.navfirst{ height: auto;
    overflow: hidden;
    padding: 2% 0px;
    border-bottom: 1px solid #e0e0e0; }
.navfirst ul{height: auto; overflow: hidden;  text-align: center;}
.navfirst ul li{
  display: inline-block;
    font-size: 17px;
    text-align: center;
    color: #040404;
    cursor: pointer;
    margin-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
  }
.navfirst ul li a{ color: #040404; }

.navfirst ul li:last-child{ margin-right: 0px;}
.navfirst ul li.cur a{color: #03388b;}




.navlist{ height: auto; overflow: hidden;  padding:2% 0px; border-bottom: 1px solid #e0e0e0;}
.aboutnav{ height: auto; overflow: hidden;  text-align: center; max-width: 1300px; margin:0 auto;}
.aboutnav li{ display: inline-block; 
    
   display: inline-block;font-size: 17px;text-align: center;color: #040404;cursor: pointer;   margin-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.aboutnav li a{ color: #040404;}

.aboutnav li.active a{color: #03388b; }
.aboutnav li:last-child{ margin-right: 0px; }


.mainBox-con{ height: auto; overflow: hidden; margin-bottom: 1%;}




.insideTitle{ height: auto; overflow: hidden; text-align: center;}
.insideTitle .abmatle{ font-size: 75px; color: #333333; opacity: 0.05; font-family: "Arial"; font-style: italic; font-weight: bold; line-height: 75px; }
.insideTitle .insideh1{ font-size: 24px; color: #000000;  position: relative; margin-bottom: 3%;}

.about-in{ height: auto;  margin:3% 0px;}

.about-in .about-detail{ height: auto;}
.about-in .about-detail .aboutp{ height: auto; overflow: hidden; font-size: 16px; color: #5d5d5d; text-align: center;}
.about-in .about-detail img{ max-width: 100%; display: block;height: auto; overflow: hidden;     margin: 0 auto;}


.servicebox{ height: auto; overflow: hidden;}

.exhibition{ height: auto; overflow: hidden;  margin:3% 0px;}
.aboutpv{ height: auto;}

.parneterCont{  height: auto; overflow: hidden;}
.parneterCont ul{ height: auto; overflow: hidden;}
.parneterCont ul li{ height: 172px; width: 14.28%; float: left;background: #efefef; position: relative; cursor: pointer;}
.parneterCont ul li:nth-child(2n){background: #fff;}
.parneterCont ul li .gray{height: 100%; width: 100%; position: absolute; top:0px; left:0px;    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    color: #fff;
    text-align: center;
    overflow: hidden; }
.parneterCont ul li .gray p{ width: 100%;}
.parneterCont ul li .gray p img{ display: block; max-width: 100%; margin:0 auto;}

.parneterCont ul li .grasob{height: 100%; width: 100%; background:#29508f; position: absolute; top:0px; left:0px;    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
   
    color: #fff;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;

    overflow: hidden; opacity: 0; }

.parneterCont ul li .grasob p{ width: 100%; font-size: 20px;}
.parneterCont ul li:hover .grasob{ opacity: 0.8;}





.image_pic{ height: auto; overflow: hidden; margin:3% 0px;}



.exhibitionowl .item{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.exhibitionowl .item:nth-child(3n){ margin-right: 0px;}
.exhibitionowl .exhibiimg{ height: auto; overflow: hidden; }
.exhibitionowl .exhibiimg img{ display: block; max-width: 100%; height: auto; overflow: hidden;}
.exhibitionowl .exhibitem{ height: auto; overflow: hidden;}
.exhibitionowl .teamtil{ font-size:18px; color: #000000; margin-top: 20px;}
.exhibitionowl b{ display: block; width: 49px; height: 4px; background: #03388b; margin-top: 8px;}
.exhibitionowl .teamsutil{ font-size: 16px; color: #000000; margin:5% 0px 3%;}
.exhibitionowl .ol{ height: auto; overflow: hidden; font-size: 15px; color: #000000; line-height: 28px;}






.proul{ height: auto; overflow: hidden; margin:0 -14px !important; margin-top: 5%;}

.proul .proin{ height: auto; overflow: hidden; padding:0 14px; }
.proul .proin a{ display: block; height: auto; overflow: hidden; background: #fff; background: #fff; margin-bottom: 28px;}
.proul .proin a>div{ display: block; height: auto; overflow: hidden;    }
.proul .proin a img{ display: block; height: auto; overflow: hidden;    transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; margin:0 auto; max-width: 100%; min-height:400px;}
.proul .proin a p{ display: block; font-size: 18px; color:#1c1c1c; margin-top: 18px;}
.proul .proin a span{ display: block; text-align: left; color: #1c1c1c; font-size:1.2em; margin-top:3px; }
.proul .proin:hover a img{     transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden;}
.proul .proin a p:hover{ color:#0a3681;}
.proul .proin a span:hover{ color:#0a3681;}
.proinfo_con{ height: auto; overflow: hidden; margin:3% 0px;}
.pro-info-left{ float: left; width: 100%; height:auto; }
.proinowl .owl-buttons>div{ padding: 0px !important;width:43px !important;opacity: 1 !important;border-radius: 00% !important;font-size: 0px !important;height: 86px !important;filter: Alpha(Opacity=100) !important; border:0px solid #6c6c6c !important; margin:0px !important;}
.spec-preview {width: 100%;height: auto;overflow: hidden;}
.spec-preview .jqzoom {
  float: left;
  border: none;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  display: block;
  width: 100% !important;
  
}


.jqzoom > img {
  /*max-height: 410px !important;*/
  max-width: 100% !important;
border:1px solid #CCCCCC;
margin: 0 auto;
    display: block
}
.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 410px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}
.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  background: #ffffff;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
}

/*.zoomdiv .bigimg {
    max-width: 300%;
    height: auto !important;
    width: 300% !important;
}*/
.fangda-img-list{ height: auto;  width: 100% !important; margin:3% auto;}
.fangda-img-list .fangdaimg{ width: 95%;  margin:0 auto;}
.fangda-img-list img{ max-width: 100%;border:2px solid #dddddd; }

.fangda-img-list .owl-controls{      position: absolute;top: 50%;right: 0px;left: 0px;margin-top: -15px !important;}
.fangda-img-list .owl-nav>div{ padding: 0px !important;width: 30px !important;opacity: 1 !important;border-radius: 0% !important;font-size: 0px !important;height: 30px !important;filter: Alpha(Opacity=100) !important; margin:0px !important;}

.fangda-img-list .owl-nav .owl-prev {background:transparent url(../images/thumbs_left.png) no-repeat center center !important;opacity: 1px !important;position: absolute;left: 0%; top: 50%; margin-top: -5px;}
.fangda-img-list .owl-nav .owl-next {background:transparent url(../images/thumbs_right.png) no-repeat center center !important;opacity: 1px !important;position: absolute;right: 0%; top: 50%; margin-top: -5px;}
.swiper-slide img {
    width: 100%;
    height: 100%;
}


.gallery-thumbs .swiper-slide {
    height: 100%;
    box-sizing: border-box;
    opacity: 0.7;cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}



.pro-info-right{ float: right; width:100%; }
.pro-info-p{ color: #0a3681; font-size: 20px;  margin-bottom: 16px; font-weight: bold; height: 58px; background: #f5f5f5; line-height: 58px; border-left:6px solid #0a3681;    text-indent: 18px;}
.pro-info-p1{ height: auto; overflow: hidden; }
.pro-info-p1 dl{ height: auto; overflow: hidden; margin-bottom: 2%; border-bottom: 1px dashed #b7b7b7; padding-bottom: 5%;}

.pro-info-p1 dl dd{ font-size: 13px; color:#333333; line-height: 25px; margin-top: 20px;}

.coall{ height: auto; overflow: hidden; }
.coall .apan{ font-size: 26px; color:#0a3681; background: url(../images/call2.png) no-repeat left center; line-height: 40px; padding-left: 45px; margin-right: 40px;}
.coall .apan a{ color:#d61218; }
.coall .span{ margin-top: 30px; }
.justt{ height: auto; overflow: hidden; margin-top: 4%;}
.justt a{ display: inline-block; width: 120px; height: 40px; background:#0a3681; color:#fff; line-height: 40px; color:#fff; font-size: 13px; text-align: center; border-radius: 3px; margin-right:15px;}

.pro_change{ height: auto; overflow: hidden; margin-top: 5%;   }
.pro_change >ol{ height: auto; overflow: hidden; height: 50px; line-height: 50px; background: #f5f5f5;border-left:6px solid #0a3681;}
.pro_change >ol >li{ padding:0 28px; float: left; color:#333333; font-size: 18px; text-align: center; cursor: pointer;  }
.pro_change >ol >li.cur{ color:#0a3681;}
.pro_con{ height: auto; overflow: hidden; margin-top: 5%;}
.pro_con .pro_in{ height: auto; overflow: hidden; }


.recomm.owl-theme .owl-controls{ margin-top: 0px !important;} 


.news-kj{ height: auto; overflow: hidden; margin-top: 4%;}
.time_day{ border-bottom:1px solid #d1d1d1; ;padding: 10px 0; margin-bottom: 20px;text-align: center; font-size: 13px; color:#666666;}

.news-title{text-align: center;font-size: 28px;color: #333333;margin-top:15px;margin-bottom: 30px;}
.ht-r2{ display: inline-block;}
.news-info{ height: auto; overflow: hidden; margin-top:8%; line-height: 25px; margin-bottom: 2%;  }

.news-info a.aa{ width: 92px; height: 31px; border:1px solid #afafaf; color: #afafaf; font-size: 13px; display: block; margin: 0 auto; border-radius: 30px; text-align: center; line-height: 31px;}















.newsin{ height:auto; overflow:hidden; margin-top: 5%;}
.newsin .news_li{ height:auto; overflow:hidden;margin-bottom: 3%; float: left; width: 32%; margin-right: 1%;}
.newsin .news_li:nth-child(3n){ margin-right: 0px;}
.newsin .news_li a{ height:auto; overflow:hidden; display:block;}
.newsin .news_li a .news-le{  width:100%; height: auto; overflow: hidden;}
.newsin .news_li a .news-le img{ display:block; max-width: 100%;}
.newsin .news_li a .news-ri{ width:100%; height: auto; overflow: hidden;}
.newsin .news_li a .news-ri .newsTitle{ font-size:20px; color:#2b2b2b; margin-top: 20px; }
.newsin .news_li a .news-ri .time{ font-size: 14px; color: #2b2b2b; margin-top: 8px;}
.newsin .news_li a .news-ri p{ font-size: 14px; color:#666666; margin-top: 2%; line-height: 25px;}


.newsin .news_li:hover .news-ri .newsTitle{ color:#03388b;}




.ab_ul{ height: auto; overflow: hidden; margin: 3% 0px;}
.ab_ul li{  height: 58px; overflow: hidden; border-right:1px solid #d2d5da; text-align: center;}
.ab_ul li div{ overflow: hidden; background: url(../images/tim1.png) no-repeat left center; padding-left: 58px; display: inline-block; text-align: left; height: 50px; }
.ab_ul li h2{ font-size: 18px; color:#3e2e25; margin-bottom:5px; font-weight: bold;}
.ab_ul li p{ font-size: 14px; color:#666666;}
.ab_ul li:nth-child(2) div{ overflow: hidden; background: url(../images/tim2.png) no-repeat left center;  }
.ab_ul li:nth-child(3) div{ overflow: hidden; background: url(../images/tim3.png) no-repeat left center;  }
.ab_ul li:nth-child(4) div{ overflow: hidden; background: url(../images/tim4.png) no-repeat left center;  }
.ab_ul li:last-child{ border-right: none;}
.map{ height: auto;overflow: hidden; position: relative;}
.map .map_tanc{ height: auto; overflow: hidden; text-align: center; margin-bottom: 3%; }
.map .map_tanc span{ background: url(../images/map.png) no-repeat left center; display: inline-block; padding-left: 35px;font-size: 20px; color:#666666;  text-align: center; line-height: 30px;}


.sub_area{ height:auto;  margin:3% 0px;}
.sub_area .contact_title{ font-size: 18px; color:#03388b;  font-weight: bold;}
.sub_area .sub_main{height:auto; margin-top: 1%; }

.fl{ float:left;}
.fr{ float:right;}
.sub_area .sub_main .sub_L .wx1 p{ text-align: center; font-size: 16px; margin-top: 6px;}

.sub_area .sub_main .sub_R{ height: auto; overflow: hidden;}
.sub_R .sub_input{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; height:auto; width:25%;}
.sub_R .sub_input p{ margin-bottom:10px; display:block; height: auto;}
.sub_R .sub_input p:last-child{ margin-bottom: 0px;}
.sub_R .sub_input p input{line-height:45px; background:none; border:1px solid #e4e4e4; width:100%; text-indent:10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; height: 45px;
    box-sizing: border-box; font-size: 14px; display: block;}
.sub_R .sub_text{ margin:0px 2%; width:55%;}
.sub_R .sub_text textarea{ width:100%; height:100px; background:none;border:1px solid #e4e4e4; padding-top: 5px; text-indent: 10px; font-size: 14px; display: block;}
.sub_R .btn1{ width:16%;}

.sub_R .btn1 input{ width:100%; height:46px;background:#03388b; border:none; color:#fff; font-size:16px; text-align: center; display:block;  overflow:hidden;}
.sub_R .btn1 .isbtn{ background: #666666; margin-bottom: 8px;}



.contactOnt{ height: auto; overflow: hidden; padding:5% 0px 5%; text-align: center;}
.contactOnt img{display: block; max-width: 100%; margin:1% auto; margin-bottom: 2%;}
.contactOnt p{font-size: 16px; color: #3d3d3d; margin-top: 17px; }
.contactOnt p a{color: #3d3d3d; }

.contactOnt .contle{ float: left; width: 75%;}
.contactOnt .contle p{ font-size: 14px; color: #3d3d3d; margin-top: 8px;}
.contactOnt .contle p a{ color: #3d3d3d; }
.contactOnt .contri {float: right; width: 25%;}
.contactOnt .contri img{ display: block; max-width: 100%;}

.map{ height: auto;overflow: hidden; position: relative; margin-top:5%;}

.cehua_boder{    padding: 4% 0px;;
    border-top: 1px #DFDFDF solid; height:auto; overflow:hidden; text-align: center; }
.cehua_boder h2{font-size: 60px;
    font-weight: bold;
    color: #221814; }


.mapweb{ height:auto; overflow:hidden; margin-top: 4%;}
.map-box{ overflow:hidden; margin-bottom:3%;}
.map-box  .mapLeft{font-size:16px; margin-bottom:10px;}
.map-box  .mapLeft a{color:#ed1f29;  }
.mapRight{overflow:hidden; border:1px solid #ccc; padding:10px;}
.mapRight li{ overflow:hidden; float:left; width:180px;}
.mapRight a:hover{ color:#ed1f29;}
.mapRight a{ display:block; padding:5px 0; color: #555;}
.mapRight a b{display:block; font-size:14px; color: #555;}
.list-unstyled li a:hover b{color:#ed1f29; }





@media screen and (max-width: 768px) {
.aboutnav li{ width: 138px;}

.about-in h1,.insideTitle .insideh1{ font-size: 18px;}


.parneterCont ul li{ width: 20%; height: 142px;}

.parneterCont ul li .grasob p{ font-size: 14px;}




.navfirst ul li{ margin-right: 2%; margin-bottom: 2%; width: auto; }
.navfirst ul li a{ font-size: 14px;padding:0 10px;}
.aboutaside{ margin-bottom: 0px;}
.aboutinfo p{ font-size: 13px;}
.insideTitle .abmatle{ font-size: 55px;}
.insideTitle .insideh1{ top:-37px;}

.newsin .news_li a .news-ri .newsTitle{ font-size: 15px;}

.newsin .news_li a .news-ri p{ font-size: 14px; margin-top: 1%; line-height: 22px;}
.newsin .news_li a .news-ri p{ font-size: 12px;}
.ab_ul li{ border-right:0px; text-align: left;}
.ab_ul li div{ background-size: 20% !important; padding-left: 0px; background: none !important;}
.ab_ul li h2{ font-size: 18px;}
.ab_ul li p{ font-size: 16px;}


.indextitle .span1{ font-size: 16px;}
.exhibitionowl .teamtil{ font-size: 16px;}
.exhibitionowl .teamsutil{ font-size: 14px;}
.exhibitionowl .ol{ font-size: 13px; line-height: 22px;}

.proul{ margin:0 -5px;}
.proul .proin{ padding:0 5px;}






}




@media screen and (max-width: 414px) {










.proul .proin a img{ min-height:auto;}




.navfirst ul{ padding:5% 0px;}
.navfirst ul li{ width: 32%; float: left; line-height: 35px; overflow: hidden;}
.navfirst ul li:nth-child(3n){ margin-right: 0px;}
.navfirst ul li a{ font-size: 14px;}

.aboutnav li{ width: 24%; float: left;height: 35px; line-height: 35px;  margin-right: 2%; font-size: 14px;}
.aboutnav li:nth-child(3n){ margin-right: 0px;}
.pro-info-left,.pro-info-right{ float: none; width: 100%;}

.parneterCont ul li{ width: 33.3%; height: 130px;}






.insideTitle .abmatle{ font-size: 28px;}
.exhibitionowl{ margin-top: 0px;}
.developin ul{ padding-left: 45px;}
.developin ul li{ margin-bottom: 30px; font-size: 14px;}

.exhibitionowl .teamtil{ font-size: 14px; line-height: 35px;}
.exhibitionowl ol li{ font-size: 14px;}







.insideTitle .insideh1{ top:-21px;}
.insideTitle .abmatle{ line-height: 34px;}

.pro-info-p{ height: 45px; line-height: 45px; font-size: 16px;}
.coall .apan{ font-size: 16px;}
.pro_change >ol >li{ padding: 0 15px; font-size: 16px;}


.sub_area .sub_main .sub_L{ float:none; display:none;}
.sub_area .sub_main .sub_R { float:none; width:100%;}
.sub_area .sub_main .sub_R { width:100%;}
.fl,.fr{ float:none; }
.sub_R .sub_input{ width:100%;}

.sub_R .sub_text{ width:100%; margin:10px 0px;}
.sub_R .btn1{ width:100%;}
.sub_R .btn1 input { height:40px; line-height: 40px; font-size: 18px; width: 30%; display: inline-block; font-size: 14px;}
.sub_area .contact_title { font-size: 16px;}

.proul{ margin:0 -5px;}
.proul .proin{ padding:0 5px;}
.proul .proin a p{ margin-top: 10px; font-size: 14px;}
.proul .proin a span{ font-size: 12px; line-height: 22px;}


.ab_ul li h2{ font-size: 14px;}
.ab_ul li p{ font-size: 12px;}
.map .map_tanc span{ font-size: 12px;}

.exhibitionowl .item{ float: none; width: 100%; margin-right: 0px; margin-bottom: 5%;}
.newsin .news_li{ float: none; width: 100%; margin-right: 0px; margin-bottom: 5%;}

.news-title{ font-size: 20px; margin-bottom: 3px;}




}