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




.navSecond{ height: auto; overflow: hidden;  text-align: center;  margin: 2% 0px;}
.navSecond a{ color: #595959; font-size: 16px; margin-right: 25px; background:#ededed; padding: 0 30px; line-height: 35px; display: inline-block; border-radius: 30px;}
.navSecond a.cur{ color: #fff; background: #252525;}
.navSecond a:hover{ color: #fff; background: #252525;}
.navSecond a:last-child{ margin-right: 0px;}


.aboutMain{ height: auto; overflow: hidden; margin:27px 0px;}


.productCont{ height: auto; overflow: hidden; margin: 27px 0px;} 



.productCont .proIn{ height: auto; overflow: hidden; min-height: 335px;}







.productCont .proIn li{ float: left; width: 33%; padding: 10px;}
.productCont .proIn li a{ display: block;  height: auto; }
.productCont .proIn li .img{display: block;  height: auto;background: #fff; }
.productCont .proIn li img{ display: block; max-width: 100%; margin:0 auto;    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;      -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;}
.productCont .proIn li p{ text-align: center; color:#000000; font-size: 20px; margin-top: 5%; font-weight: bold;}
.productCont .proIn li span{ display: block; text-align: center; font-size: 18px; color: #404040; margin-top: 20px;}
.productCont .proIn li:hover img{    -webkit-box-shadow: 3px 3px 20px #888888;
    -moz-box-shadow: 3px 3px 20px #888888;
    box-shadow: 3px 3px 20px #888888;
    top: -10px;}
.productCont .proIn li:hover p{ color: #ee1d23;}


.proTop{ height: auto; overflow: hidden; margin:2% 0px; text-align: center;color: #252525;}
.proTop .title{ font-size: 36px; }
.proTop .subTitle{ font-size: 24px; margin: 1% 0px 3%;}

.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;display: flex;
    justify-content: center;}
.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:0px solid #CCCCCC;
margin: 0 auto;
    display: block
}
.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 410px;
  background: #ffffff;
  border: 0px 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: 0px 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:1px solid #d5d5d5; cursor: pointer;}

.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;}



.collectMain{ height: auto; overflow: hidden; border-bottom:1px dashed #d67578; padding-bottom: 20px; }
.collectMain .left{ float: left; background: url(../images/star.png) no-repeat left center; padding-left: 30px; cursor: pointer;}
.collectMain .right{ height: auto; overflow: hidden; float: right;width: 22%;}

.proinfoBot{ height: auto; overflow: hidden; margin-top: 50px;}
.proinfoBot .title{ width: 100%;  line-height: 50px; color: #1f1f1f; font-size: 24px;  background: #f1f1f1; text-indent: 1em; border-left: 10px solid #ee1d23;}
.proinfoBot .prodetail{ height: auto; overflow: hidden; margin-top: 2%;}



.newsin{ height:auto; overflow:hidden;  }
.newsin .news_li{ height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3; background:#fff; padding:3% 0px;}
.newsin .news_li:first-child{ padding-top: 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:#ee1d23;}


.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;}


.contactMain{ height: auto; background: url(../images/aboutBj.png) no-repeat bottom center;}



.asideTitle h2{ text-align: center; color: #ee1d23; font-size: 33px;  font-weight: bold; line-height:58px;}
.asideTitle span{display: block;}
.asideTitle span img{ display: block; max-width: 100%; margin:0 auto;}

.aboutUs{ height: auto;
    overflow: hidden;
 
    background: #fff;
    position: relative;
 
    margin-top: -202px; padding:3%;}
.aboutUs .aboutIn{ height: auto; overflow: hidden; margin-top: 2%;}
.showed{ display: block; margin:0 auto; max-width: 100%;}



.exhibition{ height: auto; overflow: hidden; background: #f5f5f5; padding:3% 0px;}
.aboutpv .owl-nav{ position: absolute;top:0px;right: 0px;left: 0px;margin-top: 0px;}
.aboutpv .owl-nav>div{ padding: 0px !important;width:54px !important;opacity: 1 !important;border-radius: 0px !important;font-size: 0px !important;height: 240px !important;filter: Alpha(Opacity=100) !important; border:0px solid #6c6c6c !important;transition: all .8s;background:#ee1d23 !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}

.aboutpv .owl-nav .owl-prev {background:#ee1d23 url(../images/prev.png) no-repeat center center !important;opacity: 1px !important;position: absolute;left: -7%;transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}
.aboutpv .owl-nav .owl-next {background:#ee1d23 url(../images/next.png) no-repeat center center !important;opacity: 1px !important;position: absolute;right: -7%;transition: all .8s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}



.aboutpv{ height: auto;}
.aboutpv .exhibitem{ width: 95%; margin:0 auto; height: auto; overflow: hidden;}
.aboutpv .exhibiimg{ background: #fff;overflow: hidden; position: relative;}
.aboutpv .exhibiimg 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;  width: 100%;}
.aboutpv .exhibitem p{ color: #fff; text-align: center; font-size: 18px;  position: absolute; bottom:0px; left:0px; width: 100%; line-height: 50px; background:rgba(0,0,0,0.2);}
.aboutpv .exhibitem:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden; }



.messageus{ height: auto; overflow: hidden;}
.messageus ul{ height: auto; overflow: hidden;padding-top: 58px;}
.messageus ul li{ float: left; width: 33%; text-align: center;}
.messageus ul li img{ display: block; margin:0 auto 30px; max-width: 100%;}
.messageus ul li .title{ font-size: 18px; color: #313131;}
.messageus ul li p{  font-size: 18px; color: #5d5d5d; margin-top: 10px;}




.aboutContact{ height: auto; position: relative;  margin-top: 48px; }
.aboutContact .contactInn{ height: auto; overflow: hidden; padding-top: 58px; padding-bottom: 38px;}
.aboutContact .left{ float: left; width: 51%; position: relative;}
.aboutContact .left .messagein{ height: auto; overflow: hidden;}
.aboutContact .left .messagein p{ height: auto; overflow: hidden; margin-bottom: 20px;}
.aboutContact .left .messagein p label{ float: left; width: 93px; margin-right: 15px; text-align: right; color: #3e3e3e; font-size: 15px;font-weight: normal; line-height: 38px;overflow: hidden;
    height: 38px;}

.aboutContact .left .messagein p label i{ color: #ff9f00; font-style: normal;}

.aboutContact .left .messagein p input{ background: #fff; border:1px solid #cecece; height: 38px; line-height: 38px;  text-indent: 1em; float: left; 
 width: calc(100% - 93px - 15px - 10%); }
.aboutContact .right .messBtn{ height: auto; overflow: hidden;}
.aboutContact .right .messBtn label{ float: left; width: 93px; margin-right: 15px; text-align: right; color: #3e3e3e; font-size: 15px;font-weight: normal; line-height: 38px;}

.aboutContact .right .messBtn textarea{ background: #fff;   float: left; 
 width: calc(100% - 93px - 15px);  border:1px solid #cecece; height: 165px;  text-indent: 1em;}
.aboutContact .subBtn{ height: auto; overflow: hidden; margin-bottom: 3%;}
.aboutContact .subBtn input{ width: 315px; display: block; margin:0 auto; color: #fff;  border:none; line-height: 50px;  background: #ee1d23; font-size: 24px; border-radius: 30px;}




.aboutContact .right{ float: left; width: 49%;  position: relative; }
.aboutContact .right h5{ font-size: 36px; font-weight: bold; margin-top: 10%;}
.aboutContact .right p{ font-size: 16px; margin-top: 8%; line-height: 25px; }


.parnetMain{ height: auto; overflow: hidden; margin:2% 0px;}
.parnetMain .title{ text-align: center; font-size: 24px; color: #3d3d3d;}
.parnetMain p{ font-size: 14px; color: #636363; line-height: 35px; margin-top: 2%;}

.parnetMain ul{ height: auto; overflow: hidden; margin-top: 3%;}
.parnetMain ul li{ float: left; width: 12%; margin-right: 0.5%; cursor: pointer; margin-bottom: 0.5%;}
.parnetMain ul li:nth-child(8n){ margin-right: 0px;}
.parnetMain ul li .img{ height: auto; overflow: hidden;border:1px solid #ececec;  }
.parnetMain ul li .img img{ display: block; max-width: 100%;-webkit-transition: all .8s;width: 100%;
    -moz-transition: all .8s;
    -o-transition: all .8s;  }

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

#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;}








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




}




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

.navSecond{ line-height: 30px; padding: 6px 0px;}
.navSecond a{ font-size: 14px; margin-right: 3%;}


.productCont .proIn li{ width: 50%; padding: 0px; margin-top: 5%;}
.productCont .proIn li p{ font-size: 16px;}
.productCont .proIn li span{ font-size: 16px; margin-top: 2%;}


.proTop .title{ font-size: 24px;}
.proTop .subTitle{ font-size: 16px;}
.collectMain .left{ float: none; width: 100%;}
.collectMain .right{float: none; width: 100%; margin-top: 10px;}
.parnetMain .title{ font-size: 20px;}


.parnetMain ul li{ width: 32.8%;margin-right: 0.5%;}
.parnetMain ul li:nth-child(3n){ margin-right:0px;}
.parnetMain ul li:nth-child(8n){ margin-right: 0.5%;}

.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;}

.newsin li .news-ri .date{ font-size: 12px;}

.news-kj{ margin-top: 0px;}

.news-title{ font-size: 18px; margin-bottom: 15px;}

.aboutUs{ margin-top: 10px; padding: 0px;}


.messageus ul li img{ max-width: 25%;margin: 0 auto 10px;}
.messageus ul li p{ font-size: 13px; margin-top: 5px;}
.messageus ul li .title{ font-size: 14px;}



.aboutflat h2{ text-align: center; font-size: 26px; line-height:35px;}
.asideTitle h2{ text-align: center; font-size: 20px; line-height:35px;}
.indexTitle .titlehtp{ font-size: 20px;}
.aboutContact .left{ float: none; width: 100%; }
.aboutContact .left .messagein p input{ width: calc(100% - 93px - 15px);}
.aboutContact{ border-right:none;}
.aboutContact .right{ float: none; width: 100%;}
.aboutContact .right .subBtn input{ font-size: 16px;}
.aboutpv .owl-nav{ display: none;}

.grallyMb{ display: block;}
.grallyPc{ display: none;}

.proinfoBot{ margin-top: 30px;}
.proinfoBot .title{ line-height: 40px; font-size: 16px;}
.proinfoTop .prori .title{ font-size: 20px;}


.messageus ul,.aboutContact .contactInn{ padding-top: 5%;}
.aboutContact{ margin-top: 5%;}
.aboutContact .subBtn input{ width: 80%; font-size: 20px;}

}