.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:#116DB7; color:#fff; padding:3px 11px;}



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


.nav_bar{ height: auto; overflow: hidden; margin:2% 0px 0px;}
.nav_bar .navBar_list{height: auto; overflow: hidden;   text-align: center; }
.nav_bar .navBar_list li{ display: inline-block;  font-size: 16px; background: url(../images/nline.jpg) no-repeat right center; padding:0 40px;}
.nav_bar .navBar_list li a{ color: #3f4040; display: block;}
.nav_bar .navBar_list li:last-child{ background: none;}

.nav_bar .navBar_list li.active a{ color: #116db7;}



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

.navtwo{ height: auto; overflow: hidden;  margin: 3% 0px 3%;}
.navtwo ul{height: auto; overflow: hidden;  text-align: center; }
.navtwo ul li{ display: inline-block;
   
    text-align: center;
  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; background: url(../images/sline.jpg) no-repeat right center; padding:0 12px;}

.navtwo ul li a{     font-size: 14px;
    color: #787878;
    display: block;
    width: 100%;
    }
.navtwo ul li.cur a{ color: #116db7; }




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

.mainCont .mainContLeft{ float: left; width: 70%;}
.mainCont .mainContRight{ float: right; width: 25%;}


.news-kj{border: 1px solid #eaeaea;
    height: auto;
    overflow: hidden;
    padding: 20px;
    margin-top: 4%;}
   
  .news-title {
    text-align: center;
    font-size: 28px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 30px;
}

.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-info {
    height: auto;
    overflow: hidden;
    margin-top: 30px;
    line-height: 25px;
    border-top: 1px solid #d1d1d1;
}
.news-info a.aa {
    float: right;
    color: #116db7;
    margin-right: 0;
}


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

.proul .proli{ margin-bottom: 4%;}
.proul .proli a{ height: auto; overflow: hidden; display: block;}
.proul .proli .producimg{ height: auto; overflow: hidden;  border:1px solid #e8e8e8; }
.proul .proli .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;}
.proul .proli p{ color: #272727; font-size: 16px; margin:15px 0px 10px;}
.proul .proli ol{ height: auto; overflow: hidden; min-height: 200px;}
.proul .proli ol li{ color: #646464; font-size: 14px; line-height: 25px;}

.proul .proli:hover .producimg img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}




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

.souul .souli{ margin-bottom: 4%; height: auto; overflow: hidden; border-bottom: 1px dashed #c6c6c6;}
.souul .souli a{ height: auto; overflow: hidden; display: block;}
.souul .souli .producimg{ height: auto; overflow: hidden;  border:1px solid #e8e8e8; }
.souul .souli .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;}
.souul .souli p{ color: #272727; font-size: 14px; margin:10px 0px 10px;  text-align: center;}


.souul .souli:hover .producimg img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}





.mainContRight .proRecommd{ height: auto; overflow: hidden;}
.mainContRight .proRecommd li{ height: auto; overflow: hidden; margin-bottom: 20px;}
.mainContRight .proRecommd li a{height: auto; overflow: hidden; position: relative; display: block; }
.mainContRight .proRecommd li a img{ display: block; overflow: hidden;}
.mainContRight .proRecommd li a p{ position: absolute; width: 100%; bottom:20px; left:0px;  font-size: 16px; color: #272727; text-indent: 2em;}

.mainContRight .proRecommd li:last-child p{ top:20px;}

.mainContRight .soluRecommd li a p{ position: absolute; width: 100%; top:20px; left:0px;  font-size: 16px; color: #fff; text-indent: 2em;}



.mainBox-conNews{ background: #def8ff;  margin-bottom: 0px; padding-bottom: 3%;}


.newsNav{ height: auto; overflow: hidden; width: 100%; background: #fff; padding:1% 0px; margin-bottom: 20px;}
.newsNav ul{ height: auto; overflow: hidden; max-width: 1200px; margin:0 auto;}
.newsNav ul li{ float: left;  width: 15%; margin-right: 2%; height: 40px; border:1px solid #116db7; border-radius: 30px; line-height: 40px; text-align: center;}
.newsNav ul li:last-child{ margin-right: 0px;}

.newsNav ul li a{ color: #116db7;}
.newsNav ul li.cur{ background: #116db7;}
.newsNav ul li.cur a{ color: #fff;}

.newsNav ul li#cur{ background: #116db7;}
.newsNav ul li#cur a{ color: #fff;}


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




.Newsmore{ background: url(../images/white1.png) repeat-x left center; width: 100%; border-left:5px solid #116db7; margin-bottom: 20px; }
.Newsmore span{  background: #fff;}
.Newsmore span a{ font-size: 16px; color: #116db7; height: 34px; line-height: 34px;  display: inline-block;  padding:0 10px;}

.Newsmore em{  background: #fff; float: right;}
.Newsmore em a{ font-size: 13px; color: #116db7; height: 34px; line-height: 34px;  display: inline-block;  padding:0 10px;}


.headNews{ height: auto; overflow: hidden;  }
.headNews .containerr{ background:#fff; padding:20px;}


.headNews .headNewsli a{ display: block; height: auto; overflow: hidden;}
.headNews .headNewsli a 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;}

.headNews .headNewsli a div{ height: auto; overflow: hidden;}
.headNews .headNewsli a p{ color: #272727; font-size: 14px; margin:10px 0px 10px;  text-align: center;}


.headNews .headNewsli:hover a img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}




.hotNews{ height: auto; overflow: hidden;  margin-top: 20px;}
.hotNews .containerr{ background:#fff; padding:20px; padding-bottom: 0px;}
.hotNews .hotNewsli{ height: auto; overflow: hidden; margin-bottom:3%;}
.hotNews .hotNewsli a{ display: block; height: auto; overflow: hidden;}

.hotNews .hotNewsli a .left{ width: 48%;height: auto; overflow: hidden; float: left;}
.hotNews .hotNewsli a .left img{ display: block; max-width: 100%; height: auto; overflow: hidden;}

.hotNews .hotNewsli a .right{width: 48%;height: auto; overflow: hidden; float: right; overflow: hidden;}
.hotNews .hotNewsli a .right h2{ font-size: 16px; color: #3a3a3a; height: 20px; margin:5px 0px 10px;}
.hotNews .hotNewsli a .right .date{ font-size: 14px; color: #a2a2a2; margin-bottom: 10px;}
.hotNews .hotNewsli a .right p{ font-size: 14px; color: #6a6a6a; height: 40px; overflow: hidden;}






.newsContent{ height: auto; overflow: hidden;}
.newsContent .left{ float: left; width: 77%;}
.newsContent .left .row{ margin:0 -10px;}


.newsContent .left .Newsli{ height: auto; overflow: hidden;   margin-bottom: 20px; padding:0 10px;}
.newsContent .left .Newsli a{ display: block; height: auto; overflow: hidden;background: #fff;padding:10px;}

.newsContent .left .Newsli a .newsle{ width: 45%;height: auto; overflow: hidden; float: left;}
.newsContent .left .Newsli a .newsle img{ display: block; max-width: 100%; height: auto; overflow: hidden;}

.newsContent .left .Newsli a .newsri{width: 53%;height: auto; overflow: hidden; float: right; overflow: hidden;}
.newsContent .left .Newsli a .newsri h2{ font-size: 16px; color: #3a3a3a; height: 20px; margin:0px 0px 10px;}
.newsContent .left .Newsli a .newsri .date{ font-size: 14px; color: #a2a2a2; margin-bottom: 10px;}
.newsContent .left .Newsli a .newsri p{ font-size: 14px; color: #6a6a6a; height: 40px; overflow: hidden;}









.newsContent .right{ float: right; width: 20%; background: #fff; padding:10px;}
.newsContent .right .newhotRcom{ height: auto; overflow: hidden; font-size: 16px; color: #116db7; border-left:5px solid #116db7; line-height: 30px; text-indent: 1em;}

.newsContent .right ol{ height: auto; overflow: hidden; width: 90%; margin:0px auto;}
.newsContent .right ol li{ height: auto; overflow: hidden; margin-top: 10px;}

.newsContent .right ol li a{  height: auto; overflow: hidden;  display: block;}

.newsContent .right ol li a div{height: auto; overflow: hidden; }
.newsContent .right ol li a div img{ display: block; max-width: 100%; margin:0 auto;}

.newsContent .right ol li a p{ font-size: 14px; color: #3a3a3a; line-height: 25px; text-align: center;}


.speliceNav{ height: auto; overflow: hidden; }
.speliceNav .spliceLi{ width: 48%; float: left; background: #def8ff; height: 100px;margin-top: 10px;}
.speliceNav .spliceLi:nth-child(2n){ float: right;}

.speliceNav .spliceLi img{ display: block; max-width: 100%; margin:15px auto 10px; }
.speliceNav .spliceLi p{ text-align: center; font-size: 16px; color: #fff;}
.speliceNav .spliceLi:first-child{ background: #116db7;}
.speliceNav .spliceLi:nth-child(4){ background: #116db7;}





.newsInfo{ height: auto; overflow: hidden; background: #fff; padding: 30px;}
.newsInfo .newsTitle{ height: auto; overflow: hidden; border-bottom: 1px dashed #bebebe;  font-size: 16px; color: #3a3a3a; padding-bottom: 15px;}
.newsInfo .newsTitle span{ float: right; color: #a2a2a2; font-size: 14px;}
.newsInfo .infoContent{ height: auto; overflow: hidden; margin-top: 2%;}




.newsTopic{ height: auto; overflow: hidden; padding:20px; background: #fff;}
.newsTopic .TopicFirst{ height: auto; overflow: hidden; }
.newsTopic .TopicFirst .left{ float: left; width: 32%;}
.newsTopic .TopicFirst .left img{ display: block; max-width: 100%;}
.newsTopic .TopicFirst .right{ float: right; width: 66%;}
.newsTopic .TopicFirst .right .title{ font-size: 18px; color: #000; margin-bottom: 20px;}
.newsTopic .TopicFirst .right .content{ height: auto; overflow: hidden; font-size: 14px; color: #6d6d6d; line-height: 25px;}



.newsTopic .TopicSecond{ height: auto; overflow: hidden; margin-top: 3%;}
.newsTopic .TopicSecond .topicLi{ height: auto; overflow: hidden;}
.TopicSecond .topicLi .topicBigImg{height: auto; overflow: hidden; }
.newsTopic .TopicSecond .topicLi .topicBigImg a{ display: block; height: auto; overflow: hidden;}


.newsTopic .TopicSecond .topicLi .left{ width: 48%;height: auto; overflow: hidden; float: left;}
.newsTopic .TopicSecond .topicLi .left img{ display: block; max-width: 100%; height: auto; overflow: hidden;}

.newsTopic .TopicSecond .topicLi .right{width: 48%;height: auto; overflow: hidden; float: right; overflow: hidden;}
.newsTopic .TopicSecond .topicLi .right h2{ font-size: 16px; color: #3a3a3a; height: 20px; margin:0px 0px 10px;}
.newsTopic .TopicSecond .topicLi .right .date{ font-size: 14px; color: #a2a2a2; margin-bottom: 8px;}
.newsTopic .TopicSecond .topicLi .right p{ font-size: 14px; color: #6a6a6a; height: 40px; overflow: hidden;}
.newsTopic .TopicSecond .topicLi ol{ height: auto; overflow: hidden;}
.newsTopic .TopicSecond .topicLi ol li{ font-size: 14px; color: #424242; line-height: 40px; height: 40px; overflow: hidden;}
.newsTopic .TopicSecond .topicLi ol li a{ display: block;color: #424242; }
.newsTopic .TopicSecond .topicLi ol li a span{ float: right; color: #a9a9a9;}


.newsTopic .TopicSecond .topicLi .topicVideo{ height: auto; overflow: hidden;}
.newsTopic .TopicSecond .topicLi .topicVideo img{ display: block; max-width: 100%;}



.newsTopic .TopicThird{ height: auto; overflow: hidden; margin-top: 3%; background: #646464;}


.TopicThird .swiper-slide {
    background-size: cover;
    background-position: center center;
   
}
.TopicThird .swiper-slide .slideP{ height: auto; overflow: hidden; font-size: 18px; color: #ffffff; margin:2% 0px 1%; padding-left: 70px;}
.TopicThird .swiper-slide .slideP span{ font-size: 14px; color: #c7c7c7;}


.TopicThird .gallery-thumbs{ padding:10px 70px 30px;}



  .TopicThird .gallery-thumbs .swiper-slide {
      width: 16.6%;
      height: auto !important; cursor: pointer;
      opacity: 0.4;
    }

.TopicThird .gallery-thumbs .swiper-slide img{ max-width: 100%;}
.TopicThird .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.TopicThird .swiper-button-next, .TopicThird .swiper-container-rtl .swiper-button-prev{ right: -50px;}
.TopicThird .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:-50px;}



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


.activityNews{ height: auto; overflow: hidden;}
.activityNews .left{ float: left; width: 20%; background: #fff; padding:10px; padding-bottom: 10%;}
.activityNews .left .activeUl{ height: auto; overflow: hidden; margin-bottom: 20px;}
.activityNews .left .activeUl li{ height: auto; overflow: hidden; line-height: 50px; border-bottom: 1px dashed #bdbdbd; padding-left: 25px;}

.activityNews .left .activeUl li a{ display: block; height: auto; overflow: hidden; font-size: 16px; color: #515151;}
.activityNews .left .activeUl li a img{ margin-right: 20px; vertical-align: middle;}


.activityNews .left .activeUl li.cur{ background: #def8ff; border-bottom: none; line-height: 45px;}
.activityNews .left .activeUl li.cur a{ color: #116db7; }

.activityNews .right{ float: right; width: 77%;}

.activityNews .right .sortUl{ height: auto; overflow: hidden;}
.activityNews .right .sortUl li{ height: auto; overflow: hidden; background: #fff; padding:10px; margin-bottom: 20px;}
.activityNews .right .sortUl li .sortTitle{ height: auto; overflow: hidden;}
.activityNews .right .sortUl li .sortTitle a{ font-size: 16px; color: #116db7;}

.activityNews .right .sortUl li .sortContent{ height: auto; overflow: hidden; margin-top: 10px;}
.activityNews .right .sortUl li .sortContent a { display: block; height: auto; overflow: hidden;}
.activityNews .right .sortUl li .sortContent a .newsle{ width: 20%;height: auto; overflow: hidden; float: left;}
.activityNews .right .sortUl li .sortContent a .newsle img{ display: block; max-width: 100%; height: auto; overflow: hidden;}

.activityNews .right .sortUl li .sortContent a .newsri{width: 78%;height: auto; overflow: hidden; float: right; overflow: hidden;}
.activityNews .right .sortUl li .sortContent a .newsri h2{ font-size: 16px; color: #3a3a3a; height: 20px; margin:0px 0px 10px;}
.activityNews .right .sortUl li .sortContent a .newsri .date{ font-size: 14px; color: #a2a2a2; margin-bottom: 10px;}
.activityNews .right .sortUl li .sortContent a .newsri p{ font-size: 14px; color: #6a6a6a; height: 40px; overflow: hidden;}


.newsThirdNav{ height: auto; overflow: hidden; max-width: 1200px; margin:0 auto;}
.newsThirdNav a{ font-size: 14px; color: #3f4040; padding-bottom: 20px; display: inline-block; margin-right: 20px; border-bottom: 2px solid transparent;}
.newsThirdNav a.cur{ color: #116db7;border-bottom: 2px solid #00a9e6;}

.newsPicture .containerr{ height: auto; overflow: hidden; background: #fff; padding-bottom: 5%;}
.newsPicture .left{ padding-left: 20px; height: auto; overflow: hidden;}
.newsPicture .left .newsPicUl{ height: auto ;overflow: hidden; border-bottom: 1px dashed #bdbdbd; padding:20px 0px;}
.newsPicture .left .newsPicUl .title{ height: auto; overflow: hidden; font-size: 18px; color: #000; margin: 10px 0px 20px;}
.newsPicture .left .newsPicUl a{ display: block; color: #000;  }
.newsPicture .left .newsPicUl .row{ margin:0 -11px;}
.newsPicture .left .newsPicUl .newsPicLi{ height: auto ;overflow: hidden; padding:0 11px;}
.newsPicture .left .newsPicUl .newsPicLi img{ display: block; max-width: 100%;}
.newsPicture .left .newsPicUl .date{ height: auto ;overflow: hidden; font-size: 14px; color: #919191; margin-top:20px;}
.newsPicture .left .newsPicUl .date span{ margin-right: 40px;}
.newsPicture .left .newsPicUl .date em{ float: right; color: #919191; font-style: normal; background: url(../images/share.png) no-repeat left center; padding-left: 30px;}
.newsPicture .left .newsPicUl .date em a{ color: #919191;}
.newsContent.newsPicture .right ol{  width: 100%;}



.activityNews .videoContent{ height: auto; overflow: hidden; background: #fff; padding:10px;}
.activityNews .videoContent .videoBig{ height:auto; overflow: hidden;}
.activityNews .videoContent .videoBig img{ display: block; max-width: 100%;}

.activityNews .videoScroll{height: auto;  max-width: 800px; margin:20px auto 0px; }




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

.videoOwl .owl-nav>div{  margin: 0px !important;padding: 0px !important;width:40px !important;opacity: 1 !important;border-radius: 0% !important;font-size: 0px !important;height: 116px !important;filter: Alpha(Opacity=100) !important; border:0px solid #6c6c6c !important; background:#b8b8b8 !important; }

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

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

.videoOwl img{ cursor: pointer;}


.infoPicture{ height: auto ;overflow: hidden; }
.infoPicture .infoSwiper{ height: auto; overflow: hidden;background: #fff; padding:20px; }


.infoPicture .swiper-slide {
    background-size: cover;
    background-position: center center;
   
}

.infoPicture .gallery-top{  height: auto; overflow: hidden;}



.infoPicture .swiper-slide .slideP{ height: auto; overflow: hidden; font-size: 18px; color: #000000; margin:1% 0px 1%; }
.infoPicture .swiper-slide .slideP span{ font-size: 14px; color: #c7c7c7; float: right;}
.infoPicture .swiper-slide .detail{ height: auto; overflow: hidden;  margin-top: 20px; font-size: 14px; color: #6d6d6d; line-height: 25px;}
.infoPicture .gallery-thumbs{ padding:10px 70px 0px;}

.infoPicture .gallery-thumbs .swiper-slide {
      width: 16.6%;
      height: auto !important; cursor: pointer;
      opacity: 0.4;
    }

.infoPicture .gallery-thumbs .swiper-slide img{ max-width: 100%; display: block;}
.infoPicture .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.infoPicture .swiper-button-next, .TopicThird .swiper-container-rtl .swiper-button-prev{ right: -50px;}
.infoPicture .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:-50px;}


.SwiperGallery{ height: auto; overflow: hidden; background: #646464; padding:10px 20px;}



.about-in{ height: auto;  margin-bottom:3%;}
.about-in h1{ text-align: center; font-size: 30px; color: #116db7; margin-top:2%; margin-bottom: 2%; font-weight: bold;}
.about-in .about-detail{ height: auto; overflow: hidden;}


.exhibition{ height: auto; overflow: hidden; background: #fff; padding:3% 0px;}
.insideTitle{ height: auto; overflow: hidden; text-align: center;}
.insideTitle .insideh1{ font-size: 30px; color: #444444; font-weight: bold;}



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

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



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

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



.exhibitionowl{ height: auto; margin-top: 3%;}
.exhibitionowl .exhibitem{ width: 95%; margin:0 auto; height: auto; overflow: hidden;}
.exhibitionowl .exhibiimg{ background: #fff; border:1px solid #e5e5e5; padding:2px; overflow: hidden;}
.exhibitionowl .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; }
.exhibitionowl .exhibitem p{ color: #363636; text-align: center; font-size: 14px; margin-top: 4%;}
.exhibitionowl .exhibitem:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden; }



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






.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: 20px; display: inline-block; text-align: left; height: 50px; }
.ab_ul li h2{ font-size: 18px; color:#3e2e25; 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: 18px; color:#116db7;  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:#116db7; border:none; color:#fff; font-size:16px; text-align: center; display:block;  overflow:hidden;}
.sub_R .btn1 .isbtn{ background: #666666; margin-bottom: 8px;}



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


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

.nav_bar .navBar_list li{ padding:0px;}

.proul,.souul,.headNewsUl,hotNews.hotNews .row,.newsContent .left .row,.TopicSecond .row{ margin:0 -5px;}
.proul .proli,.souul .souli,.headNewsli,.hotNews .hotNewsli,.newsContent .left .Newsli,.newsTopic .TopicSecond .topicLi{ padding:0 5px;}

.proul .proli p{ margin:10px 0px;}
.proul .proli ol li{ font-size: 12px;}


.newsContent .left{ float: none; width: 100%;}


.newsPicture .left{ padding-left: 0px;}
.activityNews .left .activeUl li a{ font-size: 14px;}
.activityNews .left .activeUl li{ padding-left: 5px;}
.activityNews .left .activeUl li a img{ margin-right: 10px;}

.speliceNav .spliceLi img{ max-width: 48%;}
.speliceNav .spliceLi p{ font-size: 14px;}


.videoOwl .owl-nav .owl-prev{ left:0px;    background: transparent url(../images/videoPrev.png) no-repeat center center !important;}
.videoOwl .owl-nav .owl-next{right:0px;     background: transparent url(../images/videoNext.png) no-repeat center center !important;}

.newsTopic .TopicFirst .right{ display: block;}




}




@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%;}


.mainCont .mainContLeft{ float: none; width: 100%;}
.mainCont .mainContRight{ display: none;}
.newsNav{ padding:1% 10px;}
.newsNav ul li{ width: 32%; height: 30px; line-height: 30px;}
.newsNav ul li:nth-child(3n){ margin-right: 0px; margin-bottom: 5px;}

.newsInfoRight{ display: none;}

.newsInfo{ padding: 10px;}
.newsInfo .newsTitle span{ float: none; display: block;} 


.newsPicture .left .newsPicUl .title{ font-size: 14px;    margin: 10px 0px 10px;}
.newsPicture .left .newsPicUl .row{ margin:0 -5px;}
.newsPicture .left .newsPicUl .newsPicLi{ padding:0 5px;}
.newsPicture .left .newsPicUl .date span{ margin-right: 10px;}
.newsPicture .left .newsPicUl .date{ font-size: 12px;}



.newsPicture .right{ display: none;}
.infoPicture .infoSwiper{ padding:10px;}

.infoPicture .swiper-slide .slideP{ font-size: 16px;sss}
.infoPicture .swiper-slide .slideP span{ float: none; display: block; font-size: 14px;}

.SwiperGallery{ padding: 10px;}
.infoPicture .gallery-thumbs{     padding: 0px 50px 0px;}
.activityNews .left{ float: none; width: 100%;}
.speliceNav{ display: none;}
.activityNews .right{ float: none; width: 100%; margin-top: 5%; }
.newsTopic{ padding:10px;}

.newsTopic .TopicFirst .right .title{ font-size: 16px; margin-bottom: 5px;}

.newsTopic .TopicFirst .left,.newsTopic .TopicFirst .right{ float: none; width: 100%;}
.TopicThird .swiper-slide .slideP{ font-size: 14px; padding-left: 20px;}


.TopicThird .gallery-thumbs{     padding: 10px 50px 10px;}


.navtwouly ul li:nth-child(3n){ background: none;}
.navtwouly ul li{ height: 30px; line-height: 30px;}
.navtwouly ul li a{ font-size: 12px; height: 30px; line-height: 30px;}
.newsNav{ margin-bottom: 10px;}
.newsThirdNav a{ padding-bottom: 10px; font-size:12px;}

}