.insidebanner{ height: auto; overflow: hidden;}
.insidebanner img{display: block; max-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;}



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


.navtwouly ul li{ margin-bottom: 1%;}

.navtwo{ height: auto; overflow: hidden;  background: #f7f7f7;}
.navtwo ul{height: auto; overflow: hidden;  text-align: center;  max-width: 1200px;margin:0 auto;}
.navtwo ul li{ 
    display: inline-block;
    border-bottom: 1px solid transparent;
    line-height: 60px;
    margin-right: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
   
    cursor: pointer;}

.navtwo ul li a{     font-size: 16px;
    color: #333333;
    display: block;
    width: 100%;
    line-height: 60px;}
.navtwo ul li.cur{  border-bottom: 1px solid #26b0f9;}
.navtwo ul li.cur a{ color: #26b0f9; }

.navtwo ul li.last-child{ margin-right: 0px;}

.navthree{ height: auto; overflow: hidden; border-bottom:1px dashed #b5b5b5;}
.navthree ul{ height: auto; overflow: hidden; text-align: center;padding-bottom: 20px; }
.navthree ul li{ display: inline-block;
    margin-right: 5%;
   margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
   
    cursor: pointer; }
.navthree ul li a{ font-size: 14px;
    color: #333333;
    display: block;
    width: 100%;
     }
.navthree ul li.cur a{color: #26b0f9; }

.insideTitle{ height: auto; overflow: hidden; text-align: center;}
.insideTitle .abmatle{ font-size: 75px; color: #333333; opacity: 0.1; font-family: "Arial"; font-style: italic; font-weight: bold; line-height: 75px;}
.insideTitle .insideh1{ font-size: 36px; color: #333333; font-weight: bold;    position: relative;top: -47px;}


.about-in{ margin:4% 0px; height: auto; overflow: hidden;}
.about-in .about-detail{ height: auto; }
.about-detail .about-left{ float: left;  width: 45%;   position: relative; clear: both;    margin-right: 4%;
    margin-bottom: 3%;}
.about-detail .about-left img{ display: block;  position: relative; top:22px; left:22px;}

.about-detail .about-right{ height: auto; float: right; width: 47%;  }
.aboutaside{ height: auto; padding-bottom: 10px; margin-top: 14%; position: relative;}
.aboutaside h1{ font-size: 26px; color: #2c2c2c; font-weight: bold;}
.aboutaside p{ font-size: 12px; color: #b9b9b9; font-family: "Arial"; font-style: italic; margin-top: 9px; }
.aboutinfo p{ margin-bottom: 3%;line-height: 24px;}




.exhibition{ height: auto; overflow: hidden; background:url(../images/hononbg.jpg) no-repeat top center; padding:4% 0px; background-size: cover;}
.insideTitle{ height: auto; overflow: hidden; text-align: center;}
.insideTitle .insideh1{ font-size: 30px; color: #444444; font-weight: bold;}



.exhibition .owl-nav{ position: absolute;top: 50%;right: 0px;left: 0px;margin-top: -27.5px;}

.exhibition .owl-nav>div{ padding: 0px !important;width:54px !important;opacity: 1 !important;border-radius: 50% !important;font-size: 0px !important;height: 54px !important;filter: Alpha(Opacity=100) !important; border:1px solid #6c6c6c !important;}



.exhibition .owl-nav .owl-prev {background: url(../images/prev.png) no-repeat center center !important;opacity: 1px !important;position: absolute;left: -7%;}

.exhibition .owl-nav .owl-next {background:url(../images/next.png) no-repeat center center !important;opacity: 1px !important;position: absolute;right: -7%;}



.exhibition{ height: auto; }
.exhibition .exhibitem{ width: 95%; margin:0 auto; height: auto; overflow: hidden;}
.exhibition .exhibiimg{ background: #fff; border:1px solid #e5e5e5; padding:2px; overflow: hidden;}
.exhibition .exhibiimg img{display: block; overflow: hidden; max-width: 100%;margin:0 auto;    transition: all .8s; width: auto !important;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s; }
.exhibition .exhibitem p{ color: #363636; text-align: center; font-size: 14px; margin-top: 4%;}
.exhibition .exhibitem:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden; }




.exhibitionPicture{  background:url(../images/picturebg.jpg) no-repeat top center; background-size: cover;}




.aboutPartent{ height: auto; overflow: hidden; padding:4% 0px;}
.aboutPartent ul{ height: auto; overflow: hidden;}
.aboutPartent ul li{ float: left; width: 19%; margin-right: 1%; margin-bottom: 1%; cursor: pointer;}
.aboutPartent ul li:nth-child(5n){ margin-right: 0px;}
.aboutPartent ul li div{ border:1px solid #eeeeee; height: auto; overflow: hidden; }
.aboutPartent ul li div img{ display: block; max-width: 100%;transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}

.aboutPartent ul li:hover img{     transform: scale(1.1);
    -webkit-transform: scale(1.1);
    overflow: hidden;}



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

.casecul .caseli{ margin-bottom: 2%;}
.casecul .caseli a{ height: auto; overflow: hidden; display: block; border:1px solid #e8e8e8;}
.casecul .caseli .producimg{ height: auto; overflow: hidden;  }
.casecul .caseli .producimg img{ display: block; overflow: hidden; max-width: 100%;margin:0 auto;    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.casecul .caseli p{ color: #fff; font-size: 14px; text-align: center;  height: 37px; background: #287bbe; line-height: 37px;}
.casecul .caseli:hover a{ border-color: #ff1313;}
.casecul .caseli:hover .producimg img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}
.casecul .caseli:hover p{ background: #ff1313;}

.news-kj{ border:1px solid #eaeaea; height: auto; overflow: hidden; padding:20px; margin-top: 4%;}
.time_day{ border-bottom:1px solid #d1d1d1; ;padding: 10px 0; margin-bottom: 20px;border-top:1px solid #d1d1d1; 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: 30px; line-height: 25px; border-top:1px solid #d1d1d1; }
.news-info a{ color:#333333; font-size: 13px; margin-right: 40px; display:inline-block;}
.news-info a.aa{ float: right; color:#116db7; margin-right: 0;}










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

.porducul .porducli{ margin-bottom: 1%; float: left; width: 19%; margin-right: 1.2%; position: relative; cursor: pointer;}
.porducul .porducli:nth-child(5n){ margin-right: 0px;}
.porducul .porducli .producimg{ height: auto; overflow: hidden; border:1px solid #ededed; }
.porducul .porducli .producimg img{ display: block; overflow: hidden; max-width: 100%;margin:0 auto;    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.porducul .porducli .gray{  height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background: rgba(0,0,0,0.75);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    opacity: 0;}
.porducul .porducli .gray p{

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);

    width: 100%;
    text-align: center;
    font-size: 20px; color: #ffffff;


}
.porducul .porducli .gray p img{ display: block;margin: 2% auto 0px;}
.porducul .porducli:hover .producimg img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}
.porducul .porducli:hover .gray{ opacity: 1;}


.newsin{ height:auto; overflow:hidden;}
.newsin .news_li{ height:auto; overflow:hidden; border-bottom:1px solid #e4e4e4; background:#fff; padding:3% 0px;}
.newsin .news_li a{ height:auto; overflow:hidden; display:block;}
.newsin .news_li a .news-le{ float:left; width:25%;}
.newsin .news_li a .news-le img{ display:block; max-width: 100%;}
.newsin .news_li a .news-ri{ float:left; width:calc(100% - 25% - 6% - 88px); margin-left:2%; margin-right: 4%;}
.newsin .news_li a .news-ri .newsTitle{ font-size: 24px; color:#2d2d2d; margin-top: 2%;}
.newsin .news_li a .news-ri p{ font-size: 14px; color:#606060; margin-top: 2%; line-height: 25px;}

.newsin .news_li a .newsintime{ float: right; width:88px; text-align: center;border-left: 1px dashed #c6c6c6;}
.newsin .news_li a .newsintime .day{ font-size: 30px; color: #2d2d2d; border-bottom: 1px dashed #c6c6c6; line-height: 75px;}
.newsin .news_li a .newsintime .date{ font-size: 18px; color: #2d2d2d; height: 75px; padding-top:10%;}
.newsin .news_li:hover .news-ri .newsTitle{ color:#116db7;}



.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:#3a3a3a; margin-top: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{ width:302px; height: 305px; background:rgba(0,0,0,0.6); position: absolute; top:3px; left:10px; text-align: center; }
.map .map_tanc span{ background: url(../images/map.png) no-repeat left center; display: inline-block; padding-left: 35px;font-size: 20px; color:#fff; margin-top: 22%;font-weight: bold; text-align: center; line-height: 30px;}
.map .map_tanc p{ font-size: 14px; color:#ffffff; text-align: center; margin-top: 22%;}


.sub_area{ height:auto;  margin:3% 0px;}
.sub_area .contact_title{ font-size: 32px; color:#2f2f2f; text-align: center; margin:3% 0px;}
.sub_area .sub_main{height:auto; }
.sub_area .sub_main .sub_L{ float:left; width:18%;}
.sub_area .sub_main .sub_L .wx1{ height:auto; overflow:hidden;float:left;}
.sub_area .sub_main .sub_L .wx1 img{     display: block;padding: 4px;border: 1px solid #d7d7d7;border-radius: 4px;}

.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{ float:left; width:75%;}
.sub_R .sub_input{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; height:auto; width:30%;}
.sub_R .sub_input p{ height:50px; margin-bottom:10px; display:block;}
.sub_R .sub_input p:last-child{ margin-bottom: 0px;}
.sub_R .sub_input p input{line-height:50px; background:none; border:1px solid #e4e4e4; width:100%; text-indent:10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;border-radius: 2px; font-size: 14px;}
.sub_R .sub_text{ margin:0px 2%; width:58%;}
.sub_R .sub_text textarea{ width:100%; height:170px; background:none;border:1px solid #e4e4e4; padding-top: 5px; text-indent: 10px; border-radius: 2px; font-size: 14px;}
.sub_R .btn1{ width:8%;}
.sub_R .btn1 input{ width:100%; height:170px;background:#3f4447; border:none; color:#fff; font-size: 18px;border-radius: 2px; text-align: center; display:block;  overflow:hidden;}



.joinContent{ height: auto; overflow: hidden; padding:3% 10px; background: url(../images/joinBg.jpg) no-repeat top center; background-size:cover;}

.joinContent .title{ font-size: 16px; color:#333333;} 
.joinContent h3{ color: #000; font-weight: bold; margin-top: 20px; margin-bottom: 10px;}

.joinContent p{ font-size: 14px; color: #333333;}




.joinUl{ height: auto; overflow: hidden;}
.joinUl li{ float: left; width: 45%; margin-right: 5%; border-bottom: 1px solid #e5e5e5; padding:3% 0px;}
.joinUl li:nth-child(2n){ margin-right: 0px;}

.joinUl li .title{ font-size: 24px; color: #26b0f9;}

.joinUl li .title span{ float: right;  width: 113px; height:34px; line-height: 34px; border-radius: 30px; background: #26b0f9; color: #fff; font-size: 14px; text-align: center;}

.joinUl li .content{ height: auto; overflow: hidden; margin-top: 10px; color: #606060;}



.cooperContent{ height: auto; overflow: hidden;}
.cooperContent .coorperIn{ height: auto; overflow: hidden; margin-top: 2%;}
.cooperContent .coorperIn .title{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #2b5d83; border-radius: 20px;}  


.cooperContent .coorperIn ul{ height: auto; overflow: hidden; margin-bottom: 5%;}
.cooperContent .coorperIn ul li{ float: left; width:12%; margin-right: 2%; margin-top: 4%; }
.cooperContent .coorperIn ul li:nth-child(7n){ margin-right: 0px;}

.cooperContent .coorperIn ul li div{height: auto; overflow: hidden;}
.cooperContent .coorperIn ul li div img{ border:1px solid #d0d0d0; display: block; max-width: 100%; border-radius: 50%; margin:0 auto;}
.cooperContent .coorperIn ul li p{ color: #333333; font-size: 14px; text-align: center; margin-top: 20px;}


.applyContent{ height: auto; overflow: hidden; margin-top: 3%;}
.applyContent .title{ text-align: center; font-size: 16px; color: #6d6d6d;}

.applyContent .applyIn{ width: 483px; margin:0 auto; height: auto; overflow: hidden; margin-top: 4%;}

.applyContent .applyIn p{ height: 50px; width: 100%; border:1px solid #26b0f9; border-radius: 30px; margin-bottom: 20px;}
.applyContent .applyIn p label{ width: 132px; background: #26b0f9; height: 48px;float: left; border-radius: 30px 0px 0px 30px; text-indent: 20px; line-height: 48px; color: #fff; margin-bottom: 0px; font-weight: normal;}

.applyContent .applyIn p label img{ margin-right: 10px;}

.applyContent .applyIn p input{ width: calc(100% - 132px); float: left; height: 50px; line-height: 50px; text-indent: 1em; border:none; background: transparent;}

.applyContent .applyIn .btn1{ width: 100; margin-top: 50px;}
.applyContent .applyIn .btn1 input{ height: 50px; line-height: 50px;  border:none; background: #3785c2;  display: block; width: 100%; text-align: center; font-size: 18px; color: #fff; border-radius: 30px;}

.supplierCont{ height: auto; overflow: hidden; margin-top: 2%;}



.proinfo_con{ height: auto; overflow: hidden; margin:3% 0px;}
.pro-info-left{ float: left; width: 25%; 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;}
.fangda-img-list .owl-buttons>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-buttons .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-buttons .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;}

.pro-info-right{ float: right; width:73%; }
.pro-info-p{ color: #116db7; font-size: 20px;  margin-bottom: 16px; font-weight: bold; height: 58px; background: #f5f5f5; line-height: 58px; border-left:6px solid #116db7;    text-indent: 18px;}
.pro-info-p1{ height: auto; overflow: hidden; }
.pro-info-p1 dl{ height: auto; overflow: hidden; margin-bottom: 8%; 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:#116db7; background: url(../images/call2.png) no-repeat left center; line-height: 40px; padding-left: 45px; margin-right: 40px;}
.coall .span{ margin-top: 30px; }
.justt{ height: auto; overflow: hidden; margin-top: 4%;}
.justt a{ display: inline-block; width: 120px; height: 40px; background: #116db7; 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 #116db7;}
.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:#116db7;}
.pro_con{ height: auto; overflow: hidden; margin-top: 5%;}
.pro_con .pro_in{ height: auto; overflow: hidden; }

.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:#116db7;  }
.mapRight{overflow:hidden; border:1px solid #ccc; padding:10px;}
.mapRight li{ overflow:hidden; float:left; width:180px;}
.mapRight a:hover{ color:#116db7;}
.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:#116db7; }

@media screen and (max-width: 768px) {
.nav_bar li{ width: 31%;}
.navtwouly ul{ text-align: left;}
.navtwouly ul li{ font-size: 14px; display: block; float: left; width: 19%; margin-left: 0px; margin-right: 1%; }
.navtwouly ul li:nth-child(5n){ margin-right: 0px;}
.navtwouly ul li a{ display: initial; padding-bottom: 5px;}
.solutul li .solu_ri .solutitle{ font-size: 16px;}
.solutul li{ padding:1%;}
.solutul li .solu_ri p{ margin:1% 0px;}
.solutul li .solu_ri .time{ padding-left: 29px;font-size: 12px;background-size: contain;}
.solutul li .solu_ri .soluday{ margin-top: 1%;}

.casecul{ margin:0 -8px;}
.casecul .caseli{ margin-bottom: 2%;}
.casecul [class*=col-]{ padding:0 8px;}

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

.exhibitionowl .owl-nav > div{ width:40px !important; height:40px !important; background-size: 30% !important;}
.exhibitionowl .owl-nav .owl-prev{ left:0px;}
.exhibitionowl .owl-nav .owl-next{ right:0px;}

.newsin .news_li a .news-ri .newsTitle{ font-size: 18px; margin-top: 0px;}
.newsin .news_li a .news-ri p{ margin-top: 1%;}

.newsin .news_li a .newsintime .day{ line-height: 40px;}
.newsin .news_li a .newsintime .date{ height: auto;}
.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: 14px;}
.ab_ul li p{ font-size: 12px;}


}




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

.navtwo ul li{ font-size: 14px; width: 31%; line-height: 35px; height: 35px;}
.navtwo ul li:last-child{ margin-right: 0px;}

.nav_bar li a{ height: 35px; line-height: 35px; font-size: 14px;}
.navtwouly ul li{ width: 32%;}
.navtwouly ul li:nth-child(3n){ margin-right: 0px;}
.navtwouly ul li a{ display: block; padding-left: 0px; font-size: 14px; line-height: 35px; height: 35px; overflow: hidden;}
.navtwouly ul li:nth-child(5n){ margin-right: 1%;}
.solutul li .solu_ri .solutitle{ font-size: 14px; padding-bottom: 5px;}
.solutul li .solu_ri p{ font-size: 12px; line-height: 20px;}
.solutul li .solu_ri .soluday .more{ font-size: 12px;}

.map .map_tanc{ display: none;}


.newsin .news_li a .newsintime{ display: none;}
.newsin .news_li a .news-le{ width: 36%;}
.newsin .news_li a .news-ri{ width: calc(100% - 36% - 2% ); margin-right: 0px;}
.newsin .news_li a .news-ri .newsTitle{ font-size: 14px;}
.newsin .news_li a .news-ri p{ font-size: 12px; line-height: 20px;}

.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:40%;}
.sub_R .btn1 input { height:40px; line-height: 40px; font-size: 18px;}
.sub_area .contact_title { font-size: 20px;}






.casecul{ margin:0 -4px;}
.casecul [class*="col-"]{ padding:0 4px;}
.casecul .caseli p{ font-size: 14px;}
.news-title{ font-size: 20px; margin:2% 0px;}

.news-info a.aa{ float: none; width: 100%;}
.porducul .porducli{ width: 32%; margin-right: 2%; margin-bottom: 2%;}
.porducul .porducli:nth-child(3n){ margin-right: 0px;}
.porducul .porducli:nth-child(5n){ margin-right: 2%;}

.porducul .porducli .gray p{ font-size:14px;}

.pro-info-left{ float:none; width:100%;}
.pro-info-right{ float:none; width:100%; margin-top: 5%;}
.pro-info-p { font-size: 16px; height:40px; line-height: 40px;}

.mapRight li{ overflow:hidden; float:left; width:33%;}




}