/*内页样式*/
#globalnav{background: rgba(0, 0, 0, 0.7);}
.container{max-width:1400px;margin:0 auto 50px auto;padding: 0 10px;position: relative;}
.subbanner{overflow: hidden;position: relative;width: 100%;text-align: center}

/* wlw */
.wlw .mod1{width: 100%;position: relative;padding: 3% 0}
.wlw .title h2{font: 600 36px Arial,"microsoft yahei";text-align: center;position: relative;padding-bottom:25px;margin-bottom: 15px }
.wlw .title h2::after{content: '';position: absolute;width: 80px;height: 4px;background: #00979c;bottom: 0;text-align: center;left: 50%;transform: translateX(-50%);}
.wlw .title .des{font-size: 24px;color: #555555;text-align: center}
.wlw .mod1 .so_list{width: 80%;margin: 3% auto 2%}
.wlw .mod1 .so_list li{width: 25%;float: left;overflow: hidden;text-align: center;font-size: 22px}
.wlw .mod1 .so_list .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wlw .mod1 .so_list li img{display: block;margin: 0 auto;}
.wlw .mod1 .imgarea{text-align: center;}
.wlw .mod1 .imgarea img{max-width: 100% }
.wlw .mod1 .imglist{width: 80%;margin: 1% auto}
.wlw .mod1 .imglist li{width: 12.5%;float: left;text-align: center;margin-bottom: 15px}
.wlw .mod1 .imglist li img{max-width: 100%;}
.wlw .mod2 .imgarea{width: 100%;text-align: center}
.wlw .mod2 .imgarea img{max-width: 100%}
.wlw .mod3{margin: 3% 0;width: 100%;position: relative;}
.wlw .mod3 ul{margin: 3% 0}
.wlw .mod3 ul li{width: 20%;float: left;text-align: center}
.wlw .mod3 ul li img{max-width: 100%}
.wlw .mod3 ul li .cont{padding: 0 20px}
.wlw .mod3 ul li .cont .tit{font-size: 22px;margin: 10px 0}
.wlw .mod3 ul li .cont p{color: #555555}
.wlw .mod4{width: 100%}
.wlw .caselist{margin: 3% 0}
.wlw .caselist li {width: 25%;float: left;position: relative;overflow: hidden;}
.wlw .caselist li img{width: 100%;transition: transform 2s;}
.wlw .caselist li:hover img{ transform: scale(1.1);} 
.wlw .caselist li .txt{width:260px;height: 90px;overflow: hidden;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;color: #fff;background:rgba(0, 151, 156, 0.7);text-align: center;line-height: 90px;font-size: 28px}

/* pro */
.innerpro{width: 100%;padding-top: 5%}
.innerpro .mod1{width: 100%;}
.innerpro .title h1{font: 600 72px "Arial";font-style: italic;text-align: center;color: #00979c}
.innerpro .mod1 .txt{font-size: 28px;line-height: 2.2;width: 90%;margin: 2% auto;text-align: center}
.innerpro .imgarea {text-align: center;}
.innerpro .imgarea img{max-width: 100%}
.innerpro .title h2{font: 600 36px Arial,"Microsoft Yahei";text-align: center}
.innerpro .mod2{padding: 3% 0;width: 100%}
.innerpro .mod2 ul{margin-top: 3%;margin-bottom: 2%}
.innerpro .mod2 ul li{width: 25%;float: left;border-right: 3px solid #00979c;box-sizing: border-box}
.innerpro .mod2 ul li:last-child{border-right: none}
.innerpro .mod2 ul li .cont{padding: 15px;font-size: 24px;text-align: center}
.innerpro .mod3{padding: 3% 0;width: 100%;background: linear-gradient( #f2f2f2,#fff);}
.innerpro .mod3 .txt{font-size: 28px;line-height: 2.2;width: 90%;margin: 2% auto;text-align: center}
.innerpro .mod4{width: 100%;padding: 2%}
.innerpro .mod4 ul{margin-top: 5%}
.innerpro .mod4 ul li{width: 33.33%;float: left;margin-bottom: 20px;}
.innerpro .mod4 ul li img{display: block;float: left;}
.innerpro .mod4 ul li .fr{float: right;width: calc(100% - 100px)}
.innerpro .mod4 ul li h3{font: 500 24px Arial,"Microsoft Yahei";margin-bottom: 15px;color: #3d3c3c}
.innerpro .mod4 ul li p{width: 80%;color: #666666;height: 75px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

/* topbar */
.topbar{width: 100%;line-height: 18px;margin: 2% 0;}
.topbar .topnav{float: left;}
.topbar .topnav li{float: left;padding:0 20px;border-right: 1px solid #999999;font-size: 16px}
.topbar .topnav li:last-child{border-right: none}
.topbar .topnav li a{color: #666666;text-transform: capitalize;}
.topbar .topnav li i{color: #00979c;display: none}
.topbar .topnav li.active i{display: inline-block;margin-right: 10px}
.topbar .topnav li.active a{color: #000000;}
.topbar .path{float: right;}
.path .fa-home{width: 30px;height: 30px;border-radius: 100%;background: #eeeeee;color: #00979c;margin-right: 8px;display: inline-block;line-height: 30px;text-align: center;font-size: 18px}
.path a{margin: 0 5px}

/* prolist */
.container .prolist{width: 106%}
.container .prolist li{width: 27.33%;margin-right: 6%;float: left;background: #f5f5f5;text-align: center;margin-bottom: 30px}
.container .prolist li .cont{padding-bottom:20px}
.container .prolist li .imgarea{width: 100%;display: block;height: 270px;margin-bottom: 10px}
.container .prolist li .imgarea img{width: 100%;height: 100%;}
.container .prolist li .tit{font-size: 16px;padding:0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container .prolist li .des{line-height: 21px;height: 42px;font-size: 14px;color: #666666;margin: 10px 0;padding:0 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.container .prolist li .more{color: #00979c;}
.container .prolist li:hover{box-shadow: 0 0 10px #dddddd}

/* prodetail */
.pro_detail .mod1 .imgarea{width: 40%;margin-right: 5%;border: 1px solid #ddd;box-sizing: border-box;}
.pro_detail .mod1 .imgarea li{text-align: center;}
.pro_detail .mod1 .imgarea .swiper-button-prev,.pro_detail .mod1 .imgarea .swiper-button-next{background-image: none;width: 36px;height: 66px;background: rgba(0, 0, 0, 0.5);}
.pro_detail .mod1 .imgarea .swiper-button-prev::after{position: absolute;content: "<";font-size: 18px;text-align: center;width: 100%;line-height: 66px;color: #fff;font-family: '宋体'}
.pro_detail .mod1 .imgarea .swiper-button-next::after{position: absolute;content: ">";font-size: 18px;text-align: center;width: 100%;line-height: 66px;color: #fff;font-family: '宋体'}
.pro_detail .mod1 .imgarea .swiper-button-prev{left: 0;margin-top: 0;transform: translateY(-50%);}
.pro_detail .mod1 .imgarea .swiper-button-next{right: 0;margin-top: 0;transform: translateY(-50%);}

.pro_detail .mod1 .imgarea img{max-width: 100%;}
.pro_detail .mod1 {position: relative;}
.pro_detail .mod1 .des{width: 55%}
.pro_detail .mod1 .des h2{font: 500 30px "Microsoft Yahei";margin-bottom: 15px}
.pro_detail .mod1 .des span{color: #00979c}
.pro_detail .mod1 .des p{font-size: 16px}
.pro_detail .mod1 .des .more{padding: 8px 30px;background: #00979c;display: inline-block;color: #fff;margin-top: 3%}
.pro_detail .mod2{margin: 3% 0}
.pro_detail .mod2 ul{width: 100%;background: #f5f5f5;height: 60px;margin-bottom: 20px;}
.pro_detail .mod2 ul li{float: left;margin: 0 30px;line-height: 40px;margin-top: 10px}
.pro_detail .mod2 h3{font: 600 24px Arial,"Microsoft Yahei";margin: 20px 0}
.pro_detail .mod2 ul li:hover a,.pro_detail .mod2 ul li.active a {border-bottom: 3px solid #00979c;padding-bottom: 10px}
.pro_detail .mod3 .relate_pro,.pro_detail .mod3 .relate_news{width: 48%;}
.pro_detail .mod3 h2{font: 500 24px/20px Arial,"Microsoft Yahei";padding-left: 20px;border-left: 3px solid #00979c;color: #00979c;margin-bottom: 20px}
.pro_detail .mod3 .relate_pro ul{width: 103%}
.pro_detail .mod3 .relate_pro li{width: 30.33%;margin-right: 3%;position: relative;float: left;}
.pro_detail .mod3 .relate_pro li .imgarea{width: 100%;height: 155px;display: block}
.pro_detail .mod3 .relate_pro li .imgarea img{width: 100%;height: 100%;}
.pro_detail .mod3 .relate_pro li .tit{width: 100%;text-align: center;color: #00979c;line-height: 30px;position: relative;bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_detail .mod3 .relate_news li{line-height: 31px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_detail .mod3 .relate_news li i{color: #00979c;margin-right: 10px}

/* caselist */
.container .caselist{width: 100%}
.container .caselist li{width: 100%;background: #f5f5f5;position: relative;margin-bottom: 40px}
.container .caselist li .cont{padding:30px}
.container .caselist li .imgarea{width: 30%;display: block;float: left;height: 265px;}
.container .caselist li .imgarea img{width: 100%;height: 100%;}
.container .caselist li .fr{width:calc(70% - 40px) }
.container .caselist li .fr h3{font: 500 24px Arial,"Microsoft Yahei";margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container .caselist li .fr .tag{margin: 30px 0 25px;color: #666666}
.container .caselist li .fr .tag a{display: inline-block;padding: 3px 15px;border: 1px solid #00979c;margin-right: 20px;color: #00979c}
.container .caselist li .fr .des{color: #777777;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.container .caselist li .fr .more{display: inline-block;padding: 8px 35px;border: 1px solid #cccccc;position: absolute;bottom: 30px;color: #888888}
.container .caselist li:hover .more{border: 1px solid #00979c;background: #00979c;color: #fff}
.container .caselist li:hover{box-shadow: 0 0 10px #dddddd}

/* down */
.product-head{font-size: 15px;margin-bottom: 30px;overflow: hidden;;}
#form{display: inline-block;line-height: 35px;}
.search-input{height: 35px;line-height: 35px;}
#downlist li:first-child{display: block !important;}
.container .downlist{border: 1px solid #dddddd}
.container .downlist li{width: 100%;border-bottom: 1px solid #dddddd;line-height: 50px;background: #fff;color: #777777;font-weight: normal}
.container .downlist li:first-child{background: #f3f3f3;line-height: 60px;color: #333333;font-weight: bold}
.container .downlist li:last-child{border-bottom: none}
.container .downlist .mod01{width: 32%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 2%}
.container .downlist .mod02,.container .downlist .mod03,.container .downlist .mod04,.container .downlist .mod05{width: 16.5%;float: left;}
.container .downlist .mod05 .fa-arrow-down{padding-left: 10px}
.container .downlist li:hover .fa-arrow-down{color: #00979c}

/* about */
.container .about{width: 95%;margin: 0 auto;}
.container .about li{margin-bottom: 30px}
.container .about .txt,.container .about .imgarea{width: 48%}
.container .about .txt{padding-top: 20px}
.container .about .txt h3{font: 600 36px Arial,"Microsoft Yahei";}
.container .about .txt .line{width: 100%;height: 1px;background: #00979c;margin:25px 0 30px}
.container .about .txt .dec .fr{width: calc(100% - 90px);line-height: 2.2;color: #777777;font-size: 15px;}
.container .about .imgarea img{max-width: 100%}

/* right_sides */
.right_sides{float: right;width: 24%;overflow: hidden;position: relative;margin-left: 4%}
.right_sides .hotnews,.right_sides .tag{border: 1px solid #ddd;padding:10px 30px 0;margin-bottom: 40px}
.right_sides .title h2{font: 500 22px Arial,"microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.hotnewsbd ul li{color: #666666;margin: 15px 0}
.hotnewsbd ul li .date{color: #999999;font-size: 13px}
.right_sides .tag h2{font: 500 22px Arial,"microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.tagbd{margin-top: 15px}
.tagbd a{display: block;width: 46%;color: #666666;margin:0 2%;line-height: 40px;background: #f2f2f2;margin-bottom: 10px;text-align: center;float: left;}

/* left block */
.left-cont{float: left;width: 72%;}
.left-cont .tag_sq{width: 100%;height: 60px;line-height: 60px;background: #f2f2f2;border: 1px solid #dddddd}
.left-cont .tag_sq span{border-right: 1px solid #dddddd;color: #000;display: inline-block;padding: 0 30px}
.left-cont .article_cont{margin: 0 30px;overflow: hidden;}
.article_cont .title{text-align: center;font-size: 28px;color: #000;margin-top: 30px;margin-bottom: 20px}
.article_cont .title span{margin: 0 10px;color: #bbbbbb}

/* newslist */
.container .newslist{width: 100%}
.container .newslist li{width: 100%;border-bottom: 1px solid #ddd;position: relative;margin-bottom: 30px}
.container .newslist li .cont{padding-bottom:30px }
.container .newslist li .imgarea{width: 30%;display: block;float: left;height: 210px;}
.container .newslist li .imgarea img{width: 100%;height: 100%;}
.container .newslist li .fr{width:calc(70% - 40px) }
.container .newslist li .fr h3{font: 500 24px Arial,"Microsoft Yahei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container .newslist li .fr .tag{margin: 20px 0 15px;color: #888888}
.container .newslist li .fr .tag a{display: inline-block;padding: 3px 15px;border: 1px solid #00979c;margin-right: 20px;color: #00979c}
.container .newslist li .fr .des{color: #777777;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.container .newslist li .fr .more{display: inline-block;padding: 8px 35px;border: 1px solid #cccccc;position: relative;margin-top: 20px;color: #888888}
.container .newslist li:hover .more{border: 1px solid #00979c;background: #00979c;color: #fff}

/* newsdetail */
.sub_title {text-align: center;padding: 20px 0;line-height: 30px;}
.sub_info{color: #777;background: #f4f4f4;line-height: 40px}
.sub_info span{margin-right: 30px}
.sub_title h3{font:500 24px Arial,"microsoft yahei";margin-bottom: 20px;margin-top: 10px}
.article{margin: 10px 0;line-height: 25px}
.article img{text-align: center;
/*height: auto !important;*/
}
.skip{margin-top: 50px;margin-bottom: 30px;background: #f6f6f6;padding: 5px;}
.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip a{color: #666666}
.skip .fl{float: left;margin-left: 10px}
.skip .fr{float: right;}
.bdshare-button-style0-16{display: inline-flex}
.relate{padding: 30px;}
.relate .tit h3{font: 600 20px Arial,"microsoft yahei";float: left;color: #333333;margin-bottom: 10px}
.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}
.relate .newslink{width: 46%;margin: 0 15px;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}
.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .newslink i{margin-right: 10px;color: #00979c;font-size: 18px}
.relate .newslink .date{float: right;color: #999999;font-family: Arial}

/* --------------news---------------- */
#dcms_pager { margin-top: 3%; text-align: center;position: relative;margin-bottom: 3%}
#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}
#dcms_pager a, #dcms_pager span {float: left;color: #666;line-height: 2.4rem;text-align: center;border: 1px solid #BBB;min-width: 14px;padding: 0 1rem;margin: 0 5px 0 0;border-radius: 3px;}
#dcms_pager a:hover {text-decoration: none;background: #00979c;color:#ffc107}
#dcms_pager .active {color: #FFF;border:none; cursor: default;}
#dcms_pager .active a{background: #00979c;color: #ffc107;border: 1px solid #00979c;}
#dcms_pager .disabled {color: #ccc;cursor: default;}

/* tag */
.breakerDiv h2{font: 500 26px/40px Arial,"microsoft yahei";color: #333333}
.searchbox{margin-top: 10px;}
.search-body li{margin-bottom: 18px;height: 96px;overflow: hidden;}
.search-body .date{width: 100px;text-align: center;float: left;font: 300 14px/24px Arial,"microsoft yahei";background: #06245f;color: #fff;padding: 16px}
.search-body .date h3{font: 300 30px/40px Arial;}
.search-body .date span{font: 300 18px/20px Arial;}
.search-body .txtarea{float: right;width: calc(100% - 125px);background: #f7f7f7;padding: 10px 20px}
.search-body .txtarea h3{font: 700 18px/30px Arial,"microsoft yahei";width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.message .bt_txt img{max-width: 100%;}
@media only screen and (max-width: 1400px){
  #globalnav .gn-list{width: 650px}
  #globalnav .gn-link{font-size: 15px}
  .container .caselist li .imgarea{height: 21vw;}
  .innerpro .title h1{font-size: 60px}
  .innerpro .mod1 .txt,.innerpro .mod3 .txt{font-size: 22px;}
  .innerpro .mod2 ul li .cont{padding: 0;font-size: 20px}
  .container .prolist li .imgarea{height: 20vw;}
  .container .prolist li .des{margin: 5px 0;}
  .container .caselist li .fr .more,.container .newslist li .fr .more{display: none}
  .pro_detail .mod3 .relate_pro li .imgarea{height: 12vw;}
  .wlw .title h2{font-size: 30px}
  .container .newslist li .imgarea{height: 15vw;}
  .container .about .txt h3{font-size: 30px;}
  .container .about .txt .line{margin: 15px 0 20px;}
  .container .about .txt .dec .fr{font-size: 14px;}
}

@media only screen and (max-width: 1000px){
  #globalnav .gn-list{width: 100%}
  .subbanner img{width: 130%;margin-left: -15%}
  .container{margin: 30px auto 30px auto;}
  .level2{display: none}
  .sidebar .overview{display: none}
  .sidenav{display: none}
  .right_sides .hotnews{display: none}
  .right_sides .tag{display: none}
  .right-block{width: 100%;padding-top: 0;}
  .left-cont{width: 100%;}
  .relate .newslink{width: 100%}
  .prolist li .imgarea{height:21vw;}
  #dcms_pager{margin-top: 3vw;margin-bottom: 3vw;}
  .relate .prolink .imgarea{height: 110px;}
  .topbar{margin: 0;background: #f5f5f5;padding: 15px 0}
  /* .topbar .topnav{display: none} */
  .topbar .path{display: none}
  .wlw .title h2{font-size: 26px}
  /* case */
  .container .caselist li .fr h3{margin-top: 0}
  .container .caselist li .fr .tag{margin: 20px 0 15px;}
  .innerpro .title h1{font-size: 48px}
  .innerpro .mod1 .txt{font-size: 20px;}
  .innerpro .title h2{font-size: 26px}
  .innerpro .mod4 ul li h3{font-size: 22px;margin-bottom: 8px}
  .innerpro .mod4 ul li img{width: 60px}
  .innerpro .mod4 ul li .fr{width: calc(100% - 80px);}
  .container .about .txt{padding-top: 0}
  .container .about .txt h3{font-size: 30px}
  .container .about .txt img{display: none}
  .container .about .txt .dec .fr{width: 100%}
  .container .about .txt .line{ margin: 15px 0 15px;}
  .container .newslist li .cont{padding-bottom: 20px}
  .container .newslist li{margin-bottom:20px }
  .pro_detail .mod1 .des h2{font-size: 26px}
  .pro_detail .mod1 .des .more{bottom: 0}
  .pro_detail .mod3 .relate_news{display: none}
  .pro_detail .mod3 .relate_pro{width: 100%}
  .pro_detail .mod3 .relate_pro li .imgarea{height: 23vw;}
  .wlw .caselist li .txt{width: 60%;font-size: 24px;height: auto;line-height: 60px}
  .container .newslist li .imgarea{height: 20vw;}
  .container .prolist li .cont{padding-bottom: 10px;}
  .wlw .mod1 .so_list{width: 100%;}
  .container .prolist{width: 103%}
  .container .prolist li{width:30.33%;margin-right: 3%;}
  .innerpro .mod4{padding: 0;}
}

@media only screen and (max-width: 768px){
  .sub_info span{margin-right: 10px}
  .bdsharebuttonbox{display: none}
  .innerpro .mod1 .txt,.innerpro .mod3 .txt{line-height: 1.8}
  .innerpro .mod4 ul li{width: 50%}
  .container .prolist{width: 103%;}
  .container .prolist li{width: 47%;margin-bottom: 20px;margin-right: 3%;}
  .container .prolist li .imgarea{height: 35vw;}
  .container .downlist .mod01{width: 65%}
  .container .downlist .mod02,.container .downlist .mod03{display: none}
  .container .about .txt h3{font-size: 24px}
  .container .caselist li{margin-bottom: 30px;}
  .container .caselist li .cont{padding: 20px}
  .container .caselist li .fr,.container .newslist li .fr{width: calc(70% - 30px);}
  .container .caselist li .fr h3,.container .newslist li .fr h3{font-size: 20px}
  .container .caselist li .fr .tag{margin: 10px 0}
  .pro_detail .mod2 ul li{width: 20%;float: left;margin: 10px 0 0}
  .pro_detail .mod1 .des h2{font-size: 24px}
  .wlw .title h2{font-size: 26px}
  .wlw .title .des{font-size: 18px}
  .wlw .mod3 ul li .cont p{display: none}
  .wlw .title h2{padding-bottom: 15px;margin-bottom: 10px;}
  .wlw .title h2::after{width: 50px;height: 3px;}
  .wlw .mod3 ul li .cont{padding: 0 10px}
  .container .about .txt, .container .about .imgarea{width: 100%}
  .wlw .caselist li .txt{font-size: 22px;}
  .wlw .caselist li{width: 50%;}
  
}

@media only screen and (max-width: 640px){
  .left-cont .tag_sq span{padding: 0 10px;}
  .sub_title h3{font: 500 22px Arial,"microsoft yahei";}
  /* .subbanner img{width: 220%;margin-left: -30%;} */
  .newslist li {padding: 13px;}
  .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}
  .newslist .txtarea{float: none;width: auto;}
  .newslist .tag{display: none;}
  .newslist .txtarea .desc {line-height: 1.7; }
  .newslist .date {line-height: 1em;font-size: 12px;}
  .newslist .txtarea h2{font-size:18px;}
  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}
  .skip .fr{margin-left: 10px;float: left;}
  .copyright a{float: none;}

  .innerpro .title h1{font-size: 42px}
  .innerpro .mod1 .txt{font-size: 22px;}
  .innerpro .title h2{font-size: 26px}
  .innerpro .mod4 ul li h3{font-size: 20px;margin-bottom: 8px}
  .innerpro .mod4 ul li{width: 100%;margin-bottom: 15px}
  .innerpro .mod4 ul li p{width: 100%}
  .innerpro .mod2 ul li{width: 50%;margin-bottom: 15px;}
  .innerpro .mod2 ul li:nth-child(2){border-right: none; }
  .innerpro .mod2 ul li .cont{font-size: 18px}
  .innerpro .mod1 .txt, .innerpro .mod3 .txt{font-size: 20px}
  .container .downlist .mod04{display: none}
  .container .downlist .mod01{width: 81.5%}
  .container .caselist li .fr h3,.container .newslist li .fr h3{margin-bottom: 10px}
  .container .caselist li .fr .tag{display: none}
  .pro_detail .mod1 .imgarea,.pro_detail .mod1 .des{width: 100%}
  .pro_detail .mod1 .imgarea{margin-bottom: 15px}
  .pro_detail .mod1 .imgarea img{width: 80%}
  .pro_detail .mod1 .des .more{position: relative;margin: 20px 0 10px}
  .wlw .title h2{font-size: 22px}
  .wlw .title .des{font-size: 18px}
  .wlw .mod1 .so_list li{font-size: 15px;margin: 5px 0;}
  .wlw .mod3 ul li .cont .tit{font-size: 15px}
  .wlw .caselist li .txt{font-size: 20px;line-height: 50px}
  .pro_detail .mod1 .des h2{font-size: 18px}
  .pro_detail .mod1 .des p{font-size: 14px}
  .article img{height: auto !important; }
}

@media only screen and (max-width: 480px){
    .relate .prolink .imgarea{height:45x;}
    .newslist li{padding: 15px 5px;}
    .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}
    .newslist .date{height: 1em;display: block;margin:5px 0;}
    .newslist .date h3{margin-top:0;margin-bottom:0}
    .news_imgarea{margin-right: 2vw;}
    .wlw .title h2{font-size: 20px}
    .innerpro .title h1{font-size: 36px}
  .innerpro .title h2{font-size: 24px}
  .innerpro .mod2 ul li .cont{font-size: 16px}
  .innerpro .mod1 .txt, .innerpro .mod3 .txt{font-size: 18px}
  .wlw .caselist li .txt{font-size: 18px;line-height: 40px}
}

.breadcrumb-bar{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.article table, .article th,.article td{border: 1px solid #333;}

/* question */
.container .question {border: 1px solid #ddd;box-sizing: border-box;}
.container .question li{width: 100%;border-bottom: 1px solid #dddddd;background: #fff;color: #777777;font-weight: normal;}
.container .question li:first-child{background: #f3f3f3;line-height: 60px;color: #333333;font-weight: bold}
.container .question li:last-child{border-bottom: none}
.container .question li .top{line-height: 50px;height: 50px;}
.container .question .mod01{width: 68%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 2%}
.container .question .mod02{width: 30%;float: left;}
.container .question .bt_txt{height: 0;transition: all ;overflow: hidden;padding-left: 2%;}
.container .question li.active .top{color: #00979c;}
.container .question li.active .bt_txt{height: 100%;padding-top: 10px;padding-bottom: 10px;background: #d0f2f3;color: #555;line-height: 1.8;border-top: 1px solid #ddd;}

/* aftersale */
.container .aftersale li{width: 25%;float: left;line-height: 50px;background: #f3f3f3;text-align: center;font-size: 15px;}
.container .aftersale li.active{background: #00979c;color: #fff;}
.container .aftersale_cont {width: 100%;box-sizing: border-box;padding: 40px 20px 60px;display: none;position: relative;}
.container .aftersale_cont.show{display: block;}
.clause-title{width:15%;font-size: 18px;color: #333333;vertical-align: text-top;}
.clause-title-small{width: 10%;line-height: 30px;font-size: 14px;vertical-align: text-top;}
.clause-text{width: 75%;font-size: 14px;color: #333333;line-height: 30px;	padding-bottom: 30px;}
.clause-text h6{font-weight:bold;font-size:16px;line-height:40px;}
.clause tr:nth-child(1) .clause-text{padding-bottom:40px}
.sale_down{display: inline-block;float: right;padding: 8px 40px;border: 1px solid #00979c;color: #00979c;margin-bottom: 20px;}
.sale_down:hover{color: #fff;background: #00979c;border: 1px solid #00979c;}

.aftersale_cont table,.aftersale_cont  th,.aftersale_cont  td{border:none;}
.aftersale_cont .download-table, .aftersale_cont .download-table th, .aftersale_cont .download-table td{border: 1px solid #333;}

/* contact */
.container.contact h3{font: 600 16px "微软雅黑";color: #00979c;padding-bottom: 10px;border-bottom: 2px solid #00979c;padding-left: 10px;}
.container.contact .par1,.container.contact .par2,.container.contact .par3{margin: 20px 0 30px;}
.container.contact .par1 li{width: 30.33%;margin-right: 3%;background: #f5f5f5;color: #666;border-radius: 5px;float: left;}
.container.contact .par1 li .cont,.container.contact .par2 li .cont{padding: 25px;}
.container.contact .par2 li .cont{ min-height: 150px;}
.container.contact  .tit{font-size: 14px;font-weight: bold;color: #00979c;margin-bottom: 10px;}
.container.contact p{color: #333;}
.container.contact .txt1{text-indent: 30px;display: block;font-family: Arial}
.container.contact .par2{width: 103%;}
.container.contact .par2 li{width:22% ;margin-right: 3%;float: left;background: #f5f5f5;color: #666;border-radius: 5px;margin-bottom:20px;}
.container.contact .par3 .fl,.container.contact .par3 .fr{width: 48%;position: relative;overflow: hidden;}
.container.contact .par3 .fl {font-size: 16px;line-height: 60px;}
.container.contact .par3 i{width: 40px;height: 40px;border-radius: 100%;border: 1px solid #00979c;text-align: center;line-height: 40px;margin-right: 10px;color: #00979c;font-size: 20px;}
.container.contact .par3 .fl .code_img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;line-height: normal;text-align: center;}

/* join */
.container.join{width: 100%;height: auto;}
.container.join{overflow: hidden;
  /* -moz-column-count:2; -webkit-column-count:2; column-count:2;-moz-column-gap: 2em;-webkit-column-gap: 2em;column-gap: 2em;width: 100%;margin:2em auto;column-count: inherit\9; */
}
.container.join .box{float: left;width: 48%;margin-right: 2%;
  margin-bottom: 2em;
  /* -moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid; */
}
.container.join .box.id2,.container.join .box.id4,.container.join .box.id6{float: right;}
.container.join .box.id1,.container.join .box.id3,.container.join .box.id5{clear: left;}
.container.join .box .tit{line-height: 60px;background: #00979c;padding-left: 30px;color: #fff;font-size: 18px;font-weight: bold;}
.container.join .box .tit i{margin-right: 10px;}
.container.join .box .des{padding: 10px;line-height: 2.2;font-size: 15px;}

/* message */
.container.message{width: 100%;}
.message .red{color: red;}
.message form{margin-top: 25px;line-height: 40px;padding-right: 15px;margin-bottom: 30px;}
.message .mod1 .field{width: 48%;border: 1px solid #ddd;box-sizing: border-box;margin-bottom: 20px;}
.message .txt{display: inline-block;width: 120px;padding-left: 30px;background: #eeeeee;border-right: 1px solid #ddd;box-sizing: border-box;}
.message .mod1 .ui-input{width: calc(100% - 140px);padding-left:10px;color: #bdbcbc;border: none;line-height: 40px;}
.message .mod2{border: 1px solid #ddd;margin-bottom: 20px;}
.message .mod2 .txt{display: block;padding-left: 30px;background: #eeeeee;border-bottom: 1px solid #ddd;box-sizing: border-box;width: 100%;}
.message .ui-textarea{width: 100%;height: 150px;font-family: Arial,"microsoft yahei";box-sizing: border-box;border: none;}
.message .ui-btn1 { background:#00979c;border: none;color: #fff;width: 120px;position: absolute;right: 20px;line-height: 40px;}
.message .mod3{text-align: center}
.message .bt_txt{text-align: center;}
.message .bt_txt a{display: inline-block;padding: 8px 30px;background: #00979c;color: #fff}

#verify { height: 40px; box-sizing: border-box;border: 1px solid #ddd;margin-left: -5px;}
#code_img {width: 100px;height: 40px;cursor: pointer;}


/* video */
.container .video{max-width: 1100px;margin: 0 auto;}
.video_item{width: 50%;float: left;margin-bottom: 20px;}
.video_item:first-child{width: 100%;}
.video_item .cont{padding:10px 20px;}
.video_item video{height: auto;width: 100%;}
.video_item img{max-width: 100%;}
.contain_bg{position: fixed;position: fixed;width: 100%;height: 100%;display: none;;top: 0;left: 0;z-index: 999;background: rgba(1,1,1,0.6);-webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.contain_bg video {position: absolute;top: 50%;left: 50%; max-width: 550px;min-width: 320px;height: auto;z-index: 9999999;transform: translate(-50%,-50%);}
.contain_bg.show{visibility: visible;}

.sing_cont table {width: 80%;margin: 0 auto;}
.sing_cont table {border-right:1px solid #ddd;border-bottom:1px solid #ddd} 
.sing_cont table td{width: auto !important;height: auto !important;border-left:1px solid #ddd !important;border-top:1px solid #ddd !important;display:table-cell;vertical-align: middle;padding: 8px 0 8px 8px;text-align: center;border-right: none !important;border-bottom: none !important;} 

@media only screen and (max-width: 1400px){
  .container.contact .par1 li{width: 47%;}
  .subbanner img{width: 130%;margin-left: -15%;}
}
@media only screen and (max-width: 1000px){
  .container.contact .par2 li{width: 47%;margin-bottom: 20px;}
  .container.contact .par3 .fl,.container.contact .par3 .fr{width: 100%;}
  #globalnav{background: #fff;}
  .container.join{column-count: 1;}
  .container.join .box{}
  .sing_cont table {width: 100%;}
}
@media only screen and (max-width: 768px){}

@media only screen and (max-width: 640px){
  .solution ul li .tit{font-size: 17px;font-weight: bold;}
  .message .mod1 .field{width: 100%;}
  .container.join .box{width: 100%;left: 0;top: 0;}
  .video_item{width: 100%;width: 100%;margin-right: 0;}
  .container .prolist,.container .prolist li{width: 100%;}
  .container .prolist li .des{}
  .container .prolist li .imgarea{height: 60vw;}
  .topbar .topnav li{font-size: 14px;padding: 0px 8px;}
  .message .ui-btn1{position: relative;margin-top: 15px;right: 0;}
  #verify{width: 120px;}
  .message .ui-textarea{height: 100px;}
  .topbar .wrapper{padding: 0;}
  .left-cont .article_cont{margin: 0;}
  .sub_title{padding: 0;}
  .sub_info{line-height: 1.5;}
  .container{margin: 10px auto;}
  .container .caselist li .fr h3, .container .newslist li .fr h3{font-size: 16px;}
  .container .caselist li .cont{padding: 10px;}
  .container .caselist li{margin-bottom: 20px;}
}
@media only screen and (max-width: 480px){}

.pro_detail .article>div{display: none;}
.pro_detail .article>div.show{display: block;}