/*内页样式*/
#globalnav .gn-content .logo .logopic .logo1{display:none;}
#globalnav .gn-content .logo .logopic .logo2{display: inline-block;}
#globalnav{background: rgba(0, 0, 0, 0.7);}
.container{width:1400px;margin:0 auto 50px auto;padding: 0 10px;position: relative;}
.subbanner{overflow: hidden;position: relative;width: 100%;text-align: center}

/* 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 15px;border-right: 1px solid #999999;font-size: 15px}
.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;box-shadow: 0 0 10px #dddddd;}
.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;margin-bottom: 20px;}
.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: 3;overflow : hidden;word-break:break-all;}
.container .caselist li .fr .more{display: inline-block;padding: 8px 35px;border: 1px solid #cccccc;margin-top: 50px;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 */
.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 24px 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;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 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;max-width: 800px !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){
  .container{width: auto;}
  #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: 22px;}
  .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: 18px}
  .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: 16px}
  .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}
}

@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, th, 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, th, td{border:none;}
.aftersale_cont .download-table, .aftersale_cont .download-table th, .aftersale_cont .download-table td{border: 1px solid #333;}

/* contact */
.contact h3{font-size: 24px;font-weight: bold;text-align: left;margin-bottom: 40px;}
.contact h3 i{font-size: 30px;vertical-align: middle;margin-right: 10px;line-height: 1;}
.contact .top{box-shadow: 0 0 15px #ddd;padding: 50px;margin-bottom: 3%;}
.contact .top .inform{float: left;width: 45%;position: relative;margin-right: 5%;}
.contact .top .inform h5{font-size: 15px;font-weight: bold;margin-bottom: 20px;}
.contact .top .inform .tel{margin-bottom: 30px;}
.contact .top .inform .tel p{font-size: 26px;color: #2a2973;line-height: 1;margin-bottom: 15px;font-weight: bold;}
.contact .top .inform .tel p span{font-size: 15px;color: #555;font-weight: normal;}
.contact .top .inform .info{margin-bottom: 5px;}
.contact .top .inform .info span{font-size: 15px;font-weight: bold;}
.contact .top .inform .info i{display: inline-block;vertical-align: top;padding-top:3px;}
.contact .top .inform .code{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 15px;text-align: center;}
.contact .top .inform .code img{max-width: 110px;}
.contact .top .map{width: 50%;overflow: hidden;}
/* form */
.contact .message{padding: 2% 0 3%;background: #f5f5f5;}
.contact .message h3{text-align: center;font-size: 30px;}
.message input{height: 45px;line-height: 45px;border: 1px solid #ddd;box-sizing: border-box;width: 100%;padding-left: 20px;}
.message textarea{height: 120px;line-height: 45px;border: 1px solid #ddd;box-sizing: border-box;width: 100%;padding-left: 20px;margin: 20px 0;}
.message .last{text-align: center;}
.message .last input{width: 150px;height: 45px;line-height: 45px;margin: 0 20px;color: #fff;padding: 0;text-align: center;}
.message .last input:first-child{background:#00979c}
.message .last input:last-child{background:#2a2977}

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

/* 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;}




/* 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: 100%;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;} 
.sing_cont table tbody td{text-align:initial;}
.sing_cont table tbody td *{line-height:1.7em !important;}
.sing_cont table tbody .firstRow td{text-align:center;}

.change-tag-btn{font-size: 13px;float: right;text-decoration: none !important;}
  h1.tagname {
    position: absolute;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    top: -13vw;
    left: 0;
    z-index: 66;
    letter-spacing: 1px;
}
.taglist {
    background-color: #fff;
    padding: 2em 1.5em;
    margin-bottom: 5vw;
    margin-top: -1%;
}
.taglist a {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding: 3px 10px;
    background-color: #f3f3f3;
    white-space: nowrap;
    margin: 4px 10px 4px 0;
    border-radius: 3px;
}
.taglist a:hover {
    color: #fff;
    background: #1abc9c;
}
@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;}