@charset "utf-8";
@import "../iconfont/iconfont.css";
/* CSS Document */
html {font-size: 62.5%; font-size: 10px;}
@media (max-width: 1440px) {
html {
font-size: calc(10 * 100vw / 1440);
}
}
@media (max-width: 1000px) {
html {
font-size: calc(10 * 100vw / 368);
}
}
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #666; font: 14px/1 "Arial", "寰蒋闆呴粦"; margin: 0; padding: 0; overflow: hidden; }
body,html{
scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }
address, cite, dfn, em, var { font-style: normal; } /* 灏嗘枩浣撴壎姝 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */
small { font-size: 14px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇伙紝璁 small 姝e父鍖 */
abbr[title], acronym[title] { /* 娉細1.ie6 涓嶆敮鎸 abbr; 2.杩欓噷鐢ㄤ簡灞炴€ч€夋嫨绗︼紝ie6 涓嬫棤鏁堟灉 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
p { margin: 0; padding: 0; }
/* 閲嶇疆琛ㄥ崟鍏冪礌 */
legend { color: #424242; } /* for ie6 */
fieldset, img { border: none; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */
/* 娉細optgroup 鏃犳硶鎵舵 */
button, input, select, textarea { font-size: 100%; /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ }
input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
/* 閲嶇疆琛ㄦ牸鍏冪礌 */
/* 閲嶇疆 hr */
hr { border: none; height: 1px; }
/* 璁╅潪ie娴忚鍣ㄩ粯璁や篃鏄剧ず鍨傜洿婊氬姩鏉★紝闃叉鍥犳粴鍔ㄦ潯寮曡捣鐨勯棯鐑 */
:hover { text-decoration: none !important;}
html { overflow-y: scroll; }
:link { text-decoration: none; color: #424242; }
:visited { text-decoration: none; color: #424242;}
.fl { float:left;}
.fr { float:right;}
[data-mfp-src],
.btn-img-popup {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
img,.menu span,.header-right,.header,.header-code:before,.header-code span,.header-code p,.header-lang,.search,.search form,.search-close,.header-right ul li.icon span:before,.header-right ul li.icon span:after,.header-search:before,.header-search:after,.subs,.subs-item .em:before,.subs-item p i a:before,.subs-item p i a:after,.navs,.navs-li,.navs-li:before,.navs-li p,.navs-li em:before,.navs-li em:after,.navs-form form,.sub-nav,.footer-1right ul li,.footer-1right ul li img,.menu-item:before,.right-phone,.right-wx,.banner-detail span:before,.banner-detail span:after,.banner-more,.habout-1more span,.habout-1more span:before,.habout-1more span:after,.habout-item,.habout-item samp img,.habout-item span,.happ-bg span,.happ-more span,.happ-more span:before,.happ-more span:after,.happ-item,.happ-item:before,.happ-item samp,.happ-item span,.hpro-right img,.hpro-button .swiper-button-prev:before,.hpro-button .swiper-button-prev:after,.hpro-button .swiper-button-next:before,.hpro-button .swiper-button-next:after,.hpro-title span,.hpro-nav p samp,.hpro-nav p samp:before,.hpro-nav p samp:after,.hpro-nav span,.hpro-nav em:before,.hpro-nav em:after,.hpro-bottom .swiper-button-prev,.hpro-bottom .swiper-button-next,.hnews-left,.hnews-cont .h4,.hnews-info,.hnews-left em,.hnews-left .swiper-pagination span,.hnews-model,.hnews-model:before,.hnews-model span,.hnews-model p,.hnews-model em,.bread-nav ul li a:before,.news-input,.news-right span,.news-item:after,.news-model span,.detail-page span,.vd-1 span,.about-3item,.about-3item:before,.about-5 ul li,.about-5pannel .swiper-button-prev,.about-5pannel .swiper-button-next,.join-item samp:before,.join-center,.contact-2item:before,.contact-2cont,.contact-3item,.contact-3item span,.contact-3item p,.join-2right span,.zx-nav span,.zx-2item,.zx-2left span,.zx-2left em,.zx-2left em:before,.zx-2left em:after,.zp-5,.zp-5 input,.solve-nav ul li,.solve-nav ul li samp img,.solve-2more em,.solve-2more em:before,.solve-2more em:after,.solve-3content .swiper-slide,.solve-3content .swiper-button-prev,.solve-3content .swiper-button-next,.solve-4right em,.solve-5 ul li,.solve-6 ul li,.solve-6 ul li:before,.solve-7pannel ul li,.solve-7pannel ul li span,.solve-7pannel ul li em,.pro-title,.pro-title span,.pro-title span:before,.pro-title em:before,.pro-title em:after,.pro-item span,.pro-item em:before,.pro-item em:after,.pro-model ul li,.pro-li p,.pro-li p span,.pro-1nav .swiper-slide,.pro-1nav .swiper-button-prev,.pro-1nav .swiper-button-next,.pro-2 ul li,.pro-2 ul li:before,/*.pro-3pannel,*/.pro-3small samp,.pro-3small samp:before,.pro-3small .pro-3res span,.pro-3small .pro-3res em,.pro-3rel span,.pro-3rel .swiper-button-prev,.pro-3rel .swiper-button-next,.pro-3item samp em,.pro-3video .swiper-button-prev,.pro-3video .swiper-button-next,.down-1icon,.down-1icon samp img,.down-1icon span,.down-2content ul li,.down-2content ul li span,.down-2content ul li em,.down-3content .swiper-slide,.down-3item samp em,.down-3item span,.down-3content .swiper-button-prev,.down-3content .swiper-button-next,.down-4 .txt5,.down-4 textarea,.down-4bt input,.tz-2 ul li,.tz-2item,.tz-2left:before,.tz-2left span,.tz-2left em,.tz-2right span,.tz-2right em,.tz-3item,.tz-3item samp img,.tz-3item span,.server-1left ul li,.server-1bg span,.server-1icon samp:before,.server-1icon samp:after,.server-1icon span,.server-3 ul li,.server-3 ul li span,.server-3 ul li em,.server-3more,.server-4 ul li,.server-4 ul li:after,.server-4 ul li span,.server-4item span,.server-4more,.pro-3li,.pro-3li span,.pro-3li em,.zx-close,.zx-g select,.zx-g .txt5,.zx-g textarea,.zx-bt input{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
/*swiper*/
.swiper-container{width:100%;height:100%;}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto;}
.swiper-button-prev,.swiper-button-next{background:none;}
.swiper-button-prev::after,.swiper-button-next::after{content:"";}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:3s;animation-duration:3s;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none !important;
}
}
@media (max-width: 991px) {
.container {padding: 0 15px;}
}
@media (min-width: 1200px) {
.container {max-width: 98%; }
}
@media (min-width: 1300px) {
.container {max-width: 96%; }
}
@media (min-width: 1400px) {
.container {max-width: 95%; }
}
@media (min-width: 1600px) {
.container {max-width: 1600px; }
}
/*======================鍏敤鏍峰紡=======================*/
.wrap { width: 100%; }
/*header*/
.header{width:100%;height: 82px;position:fixed;left:0px;top:0px;z-index:1000;padding: 0px 40px;box-sizing:border-box;}
.header .logo{float:left;width:220px;height:100%;overflow:hidden;position:relative;}
@media (max-width:1400px) {
.header .logo{width:200px;}
}
.header .logo a{width:100%;height:100%;display:block;overflow:hidden;}
.header .logo img{width:100%;height:auto;position:absolute;left:0px;top:50%;transform:translateY(-50%);}
.header .logo img:last-child{opacity:0;}
.header-code{float:left;width:auto;overflow:hidden;color:#fff;margin: 27px 0px 0px 20px;padding-left:20px;position:relative;}
.header-code:before{width:1px;height:100%;content:"";position:absolute;left:0px;top:0px;background:rgba(255,255,255,0.2);}
.header-code span{width:100%;overflow:hidden;display:block;font-size: 15px;margin-bottom: 8px;}
.header-code p{width:100%;overflow:hidden;display:block;font-size: 15px;}
.header-lang{float:left;width:68px;height:20px;box-sizing:border-box;margin-left:30px;border-radius:10px;border:1px rgba(255,255,255,0.2) solid;overflow:hidden;margin-top:calc((100px - 20px)/2);}
.header-lang span{float:left;width:50%;height:100%;text-align:center;line-height:17px;}
.header-lang span a{color:#fff;font-size:12px;font-family:"arial";}
.header-lang span.active{background:#c62630;}
.header-lang span.active a{color:#fff;}
.header-right{float:right;width:auto;height:100%;}
.search{width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.6);z-index:500;opacity:0;visibility:hidden;}
.search form{width:80%;height:60px;line-height:60px;margin:100px auto 0px;background:#fff;position:relative;transform:translateY(-100px);}
.search form .txt{width:100%;height:100%; border: 0; overflow:hidden;display:block;box-sizing:border-box;padding:0px 20px 0px 60px;}
.search form .bt{width:50px;height:100%; border: 0; overflow:hidden;display:block;position:absolute;left:0px;top:0px;background:url("../images/icon-2-2.png") no-repeat center;cursor:pointer;}
.search-close{width:60px;height:100%;position:absolute;right:0px;top:0px;cursor:pointer;background:url("../images/close.png") no-repeat center;}
.search-close:hover{transform:rotate(180deg);}
.search.search-active{opacity:1;visibility:visible;}
.search.search-active form{transform:translateY(0px);}
.header-right ul{float:left;width:auto;height:100%;}
.header-right ul li{float:left;width:auto;height:100%;margin-left:3.5vw;position:relative;}
.header-right ul li:nth-child(3){position:static;}
.header-right ul li span em {float: left; margin-right: 7px;}
.header-right ul li span {float:left;width:auto;line-height: 82px;position:relative;}
.header-right ul li.icon span:before{width:8px;height: 82px;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-1.png") no-repeat right center;}
.header-right ul li.icon span:after{width:8px;height:82px;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-1-1.png") no-repeat right center;opacity:0;}
.header-right ul li span a{font-size:16px;color:#fff;}
@media (min-width: 992px) and (max-width: 1199.98px) {
.header-code{display:none}
.header-right ul li span a{font-size:14px}
.header-right ul li {margin-left:1.2vw;}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.header-right ul li span a{font-size:15px}
.header-right ul li {margin-left: 1.5vw;}
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
.header-right ul li {margin-left:2vw;}
}
.header-right ul li.icon span{padding-right:14px;}
.header-right ul li.icon.on span:before,.header-right ul li.icon:hover span:before{opacity:0;}
.header-right ul li.icon.on span:after,.header-right ul li.icon:hover span:after{opacity:1;}
.header-search{float:left;width:18px;height:22px;overflow:hidden;cursor:pointer;margin-left:20px;border-left:1px rgba(255,255,255,0.2) solid;padding-left:32px;position:relative;margin-top:calc((100px - 38px)/2);}
.header-search:before{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2.png") no-repeat center;}
.header-search:after{width:18px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-2-1.png") no-repeat center;opacity:0;}
.subs{width:100%;overflow:hidden;background:#fff;box-shadow:0px 4px 12px 5px rgba(0,0,0,0.02);position:absolute;left:0px;top:82px;z-index:123;border-top:1px #ddd solid;padding-bottom:20px;opacity:0;visibility:hidden;transform:scale(0);transform-origin:top;}
.subs-center{width:88.02%;overflow:hidden;margin:20px auto 0px;display:flex;justify-content:center;}
@media (max-width:1300px) {
.subs-center {width: 95%;}
}
.subs-item{width:auto;overflow:hidden;position:relative;padding: 0 1.4vw;}
@media (min-width: 992px) and (max-width: 1199.98px) {
.subs-item{padding: 0 0.7vw;}
}
.subs-item:before{width:1px;height:200px;content:"";position:absolute;right:0px;top:0px;background:#ebebeb;}
.subs-item:first-child{padding-left:0px;}
.subs-item:last-child{padding-right:0px;}
.subs-item:last-child:before{display:none;}
.subs-item .em{width:100%;display:block;overflow:hidden;font-size:14px;color:#009d9d;white-space:pre;position:relative;}
.subs-item .em a{float:left;width:auto;color:#009d9d;font-weight:bold;}
/*.subs-item .em a:hover{transform:translateX(5px);}*/
.subs-item p{width:100%;overflow:hidden;margin-top:10px;}
.subs-item p i{width:100%;display:block;overflow:hidden;line-height:30px;font-style:normal;}
.subs-item p i a{float:left;width:auto;overflow:hidden;font-size:12px;color:#333;position:relative;padding-right:12px;}
@media (max-width:1280px) {
.subs-item p i a {padding-right: 10px;}
}
.subs-item p i a:before{width:7px;height:7px;content:"";position:absolute;right:0px;top:12px;background:url("../images/icon-1-2.png") no-repeat center;background-size:100%;transform:rotate(-90deg);opacity:1;}
.subs-item p i a:after{width:7px;height:7px;content:"";position:absolute;right:0px;top:12px;background:url("../images/icon-1-1.png") no-repeat center;background-size:100%;transform:rotate(-90deg);opacity:0;}
.subs-item p i:hover a{color:#009d9d;}
.subs-item p i:hover a:before{opacity:0;}
.subs-item p i:hover a:after{opacity:1;}
.header-right ul li.active .subs{opacity:1;visibility:visible;transform:scale(1);}
.navs{width:80%;position:absolute;left:10%;top:100px;background:#fff;z-index:123;height:640px;box-shadow:0px 4px 12px 5px rgba(0,0,0,0.02);opacity:0;visibility:hidden;transform:scale(0);transform-origin:top;}
.navs-left{float:left;width:450px;overflow:hidden;height:100%;background:url("../images/bg-5.jpg") no-repeat;background-size:cover;}
.navs-ul{width:80%;overflow:hidden;margin:30px auto 0px;}
.navs-li{float:left;width:100%;overflow:hidden;height:60px;line-height:60px;margin-top:30px;cursor:pointer;}
.navs-li a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;align-items:center;}
.navs-li p{float:left;width:auto;height:100%;font-size:18px;color:#fff;margin-left:20px;}
.navs-li em{float:right;width:40px;height:40px;overflow:hidden;position:relative;}
.navs-li em:before{width:100%;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-5.png") no-repeat center;opacity:1;}
.navs-li em:after{width:100%;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-5-2.png") no-repeat center;opacity:0;}
.navs-li.active{background:#fff;}
.navs-li.active p{color:#333;}
.navs-li.active em:before{opacity:0;}
.navs-li.active em:after{opacity:1;}
.navs-right{float:right;width:calc(100% - 450px);overflow:hidden;}
.navs-form{width:86%;overflow:hidden;margin:60px auto 0px;}
.navs-form form{float:left;width:40%;overflow:hidden;border:1px #ddd solid;height:50px;line-height:50px;position:relative;}
.navs-form .txt6{float:left;width:100%;height:100%;overflow:hidden;padding:0px 60px 0px 20px;box-sizing:border-box;font-size:14px;outline-color:#666;}
.navs-form .bt6{width:50px;height:50px;overflow:hidden;position:absolute;right:0px;top:0px;z-index:12;background:url("../images/icon-2-2.png") no-repeat center;cursor:pointer;}
.navs-form form:hover{border-color:#2057c7;}
.navs-form p{float:left;width:auto;line-height:50px;}
.navs-form p a{float:left;width:auto;height:30px;line-height:30px;overflow:hidden;margin:10px 0px 0px 30px;padding:0px 15px;border-radius:15px;font-family:14px;color:#fff;background:#2057c7;}
.navs-form p a:hover{transform:translateX(5px);}
.navs-model{width:86%;overflow:hidden;margin:10px auto 0px;height:500px;position:relative;}
.navs-pannel{width:100%;height:100%;overflow-y:auto;display:none;box-sizing:border-box;overflow-x:hidden;}
.navs-pannel.active{display:block;}
.navs-pannel h4{float:left;width:100%;overflow:hidden;border-bottom:1px #eee solid;font-size:18px;color:#333;padding-left:25px;position:relative;padding-bottom:10px;margin-top:40px;}
.navs-pannel h4:before{width:8px;height:8px;content:"";position:absolute;left:0px;top:8px;border-radius:50%;background:#2057c7;}
.navs-list{width:100%;overflow:hidden;box-sizing:border-box;padding:0px 25px;}
.nav-item{float:left;width:100%;overflow:hidden;font-size:16px;color:#666;line-height:24px;margin-top:10px;}
.nav-item a{color:#666;}
.nav-item a:hover{color:#2057c7;}
.header-right ul li.active .navs{opacity:1;visibility:visible;transform:scale(1);}
.sub-nav{width:auto;background:#fff;position:absolute;left:50%;top:82px;padding:10px 0px;min-width:150px;opacity:0;visibility:hidden;transform:translateX(-50%) scale(0);transform-origin:top;border-radius:0px 0px 4px 4px;box-shadow:0px 4px 12px 5px rgba(0,0,0,0.02);}
.sub-nav p{width:100%;overflow:hidden;line-height:36px;}
.sub-nav p a{font-size:14px;color:#222;word-break:keep-all;text-align:center;width:100%;display:block;padding:0px 15px;box-sizing:border-box;}
.sub-nav p a:hover{background:#009d9d;color:#fff;}
.header-right ul li.active .sub-nav{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);}
.header-active,.header-on{background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02);}
.header-active .logo img,.header-on .logo img{opacity:0;}
.header-active .logo img:last-child,.header-on .logo img:last-child{opacity:1;}
.header-active .header-code:before,.header-on .header-code:before{background:#e5e5e5;}
.header-active .header-code span,.header-on .header-code span{color:#55585a;}
.header-active .header-code p,.header-on .header-code p{color:#55585a;}
.header-active .header-lang,.header-on .header-lang{border-color:#009d9d;}
.header-active .header-lang span a,.header-on .header-lang span a{color:#666;}
.header-active .header-lang span.active a,.header-on .header-lang span.active a{color:#fff;}
.header-active .header-right ul li span a,.header-on .header-right ul li span a{color:#666;}
.header-active .header-right ul li.icon span:before,.header-on .header-right ul li.icon span:before{background-image:url("../images/icon-1-2.png");}
.header-active .header-search,.header-on .header-search{border-left-color:#ccc;}
.header-active .header-search:before,.header-on .header-search:before{opacity:0;}
.header-active .header-search:after,.header-on .header-search:after{opacity:1;}
@media screen and (max-width:1000px){/*header*/
.header{height:50px;padding:0px 5%;background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);}
.header .logo{width:130px;}
.header .logo img{opacity:0;}
.header .logo img:last-child{opacity:1;}
.header-code{margin:8px 0px 0px 12px;padding-left:12px;}
.header-code:before{background:#e5e5e5;}
.header-code span{font-size:12px;color:#999;}
.header-code p{font-size:14px;color:#222;}
.header-lang{width:60px;margin-left:15px;margin-top:calc((50px - 20px)/2);border-color:#c62630;}
.header-lang span a{color:#666;}
.header-right{float:none;width:100%;position:fixed;left:-100%;top:50px;height:calc(100% - 50px);background:#fff;z-index:1000;border-top:1px #eee solid;box-sizing:border-box;overflow-y:auto;opacity:1;}
.search{width:80%;height:auto;position:relative;background:none;opacity:1;visibility:visible;margin:20px auto 0px;}
.search form{width:100%;height:40px;line-height:40px;margin:0px auto 0px;transform:translateY(0px);border:1px #eee solid;border-radius:20px;box-sizing:border-box;}
.search form .txt{float:left;background:none;padding:0px;padding-left:20px;}
.search form .bt{width:40px;left:auto;right:0px;}
.search-close{display:none;}
.header-right ul{float:none;width:80%;height:auto;margin:30px auto 0px;border-top:1px #eee solid;}
.header-right ul li{width:100%;height:auto;margin-left:0px;border-bottom:1px #eee solid;}
.header-right ul li em{width:50px;height:50px;position:absolute;right:0px;top:0px;z-index:12;background:url("../images/icon-24.png") no-repeat center;background-size:12px;transform:rotate(90deg);cursor:pointer;}
.header-right ul li span{width:100%;line-height:50px;}
.header-right ul li span em {display: none;}
.header-right ul li.icon span:before,.header-right ul li.icon span:after{display:none;}
.header-right ul li span a{font-size:16px;color:#333;}
.header-right ul li.icon span{padding-right:0px;}
.header-right ul li.on span a{color:#009d9d;}
.header-right ul li.open em{transform:rotate(180deg);}
.header-search{display:none;}
.sub-nav{float:left;width:98%;position:relative;left:0%;top:0px;padding:0px;opacity:1;visibility:visible;transform:translateX(0%) scale(1);border-radius:2px;margin:0px 1% 4%;display:none;-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;}
.sub-nav p{line-height:30px;padding:10px 0px;}
.sub-nav p a{text-align:left;box-sizing:border-box;padding:0px 20px;}
.header-right ul li:nth-child(3){position:relative;}
.navs{float:left;width:98%;position:relative;left:0%;top:0px;height:auto;opacity:1;visibility:visible;transform:scale(1);border-radius:2px;margin:0px 1% 4%;display:none;-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;}
.navs-left{width:100%;height:auto;background:none;}
.navs-ul{width:100%;margin:0px auto 0px;line-height:30px;padding:10px 0px;}
.navs-li{line-height:30px;height:30px;margin-top:0px;box-sizing:border-box;padding:0px 20px;position:relative;}
.navs-li:before{width:0%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:2;background:#009d9d;}
.navs-li p{font-size:13px;margin-left:0px;color:#222;position:relative;z-index:12;}
.navs-li em{display:none;}
.navs-li:hover:before{width:100%;}
.navs-li:hover p{color:#fff;}
.navs-right{display:none;}
.header-right ul li.active .navs{opacity:1;visibility:visible;transform:scale(1);}
.subs{float:left;width:98%;position:relative;left:0%;top:0px;height:auto;opacity:1;visibility:visible;transform:scale(1);border-radius:2px;margin:0px 1% 4%;display:none;-webkit-transition:all 0s linear 0s;-moz-transition:all 0s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;border:none;padding-bottom:0px;}
.subs-center{width:100%;margin:0px auto 0px;display:block;padding:10px 0px;}
.subs-item{width:100%;padding:0px;}
.subs-item:before{display:none;}
.subs-item .em{line-height:30px;height:30px;margin-top:0px;box-sizing:border-box;padding:0px 20px;position:relative;}
.subs-item .em:before{width:0%;height:100%;content:"";position:absolute;left:0px;top:0px;z-index:2;background:#009d9d;}
.subs-item .em a{float:left;/*width:100%;*/color:#222;font-weight:normal;position:relative;z-index:22;font-size:13px;}
.subs-item .em a:hover{transform:translateX(0px);color:#fff;}
.subs-item .em:hover:before{width:100%;}
.subs-item p{display:none;}
.header-right ul li.active .subs{opacity:1;visibility:visible;transform:scale(1);}
.menu{float:right;width:24px;display:block;position:relative;z-index:820;margin-top:10px;cursor:pointer;}
.menu span{float:left;width:100%;height:2px;background:#009d9d;margin-top:6px;border-radius:2px;}
.header-slide .menu{margin-top:15px;}
.header-slide .menu span:nth-child(1){transform:rotate(45deg) translateY(5px);}
.header-slide .menu span:nth-child(2){transform:rotate(-45deg) translateY(-6px);}
.header-slide .menu span:nth-child(3){display:none;}
.header-slide .header-right{left:0px;opacity:1;}
}
/*搴曢儴*/
.foot { width: 100%; overflow: hidden; background:#eee;}
.foot-line {width: 100%; height: 12px; background: linear-gradient(to right, #db8522, #108787);}
.foot-main-1 {padding: 20px 0;border-bottom: 1px solid #d2d2d2;overflow: hidden;}
.foot-main-1 .foot-logo {width: 50%; float: left;}
.foot-main-1 .er {width: 50%; float: left;}
.foot-main-1 .er .pic {float: right;}
.foot-main-1 .er .pic img {float: left; margin-left:13px; display: block;}
.foot-con {padding: 20px 0;overflow: hidden;}
.foot-con .foot-nav {width: 78%; float: left;}
.foot-con .foot-nav .con {float: left; width: auto; overflow: hidden; margin-right: 4vw;}
@media (max-width:1400px) {
.foot-con .foot-nav .con {margin-right: 3vw;}
}
@media (max-width:1300px) {
.foot-con .foot-nav .con {margin-right: 2vw;}
}
.foot-con .foot-nav .con .tit {width: 100%;overflow: hidden;font-size: 18px;color: #333;position: relative;padding-bottom: 20px;}
.foot-con .foot-nav .con .tit:before {width:18px; height:2px; content:""; position:absolute; left:0px; bottom:0px; background:#17afb0;}
.foot-con .foot-nav .con ul {width:100%; overflow:hidden; margin-top:16px;}
.foot-con .foot-nav .con ul li {width:100%;overflow:hidden;line-height: 30px;}
.foot-con .foot-nav .con ul li a{font-size:14px; color:#6b6b6b;}
.foot-con .foot-nav .con ul li a:hover{color:#17afb0;}
.foot-con .foot-nav .con .foot-nav-2 {width:100%; overflow:hidden;}
.foot-con .foot-nav .con .foot-nav-2 ul {float:left; width:auto;}
.foot-con .foot-nav .con .foot-nav-2 ul:first-child {margin-right:20px;}
.foot-con .foot-lx {width: 22%; float: left;}
.foot-con .foot-lx .t-1 {font-size: 18px;color: #333;padding-bottom: 10px;}
.foot-con .foot-lx .t-2 {font-size: 40px; color: #00a8a8; padding-bottom: 10px;}
.foot-con .foot-lx span {display: block;line-height: 30px;color: #6c6c6c;}
.foot-con .foot-lx span a {color:#6c6c6c;}
.foot-con .foot-lx span i {color:#00a8a8; margin-right: 10px; font-size: 16px;}
.foot-con .foot-lx span .fa-map-marker{margin-right: 16px;}
.foot-link {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;color: #4c4c4c;}
.foot-link a {color: #888;margin-right: 15px;}
.foot-link a:hover {color:#17afb0;}
.foot-copy {color: #888;line-height: 60px;font-size: 13px;border-top:1px solid #d2d2d2;overflow: hidden;}
.foot-copy a {color: #888;}
.foot-copy span {display: block; float: left;}
.foot-copy em {display: block; float: right;}
.foot-link .tab-up .switch-item a.active{color:#17afb0;}
@media (max-width:1080px) {
.foot-con {padding: 30px 0;}
.foot-main-1 {display: none;}
.foot-main-1 .foot-logo {width: 100%; float: none;}
.foot-main-1 .foot-logo img {width: 100%;}
.foot-main-1 .er {display: none;}
.foot-con .foot-nav {display: none;}
.foot-con .foot-lx {width: 100%; float: none;}
.foot-con .foot-lx .t-1 {font-size: 16px; padding-bottom: 15px;}
.foot-con .foot-lx .t-2 {font-size: 22px; padding-bottom: 10px;}
.foot-con .foot-lx span {font-size: 12px; line-height: 22px;}
.foot-link {display: none;}
.foot-copy {font-size: 12px; line-height: 25px; padding: 20px 0;}
.foot-copy em {display: none;}
}
.ban {position: relative;}
.ban-pc {display: block;margin-top: 82px;}
.ban-pc .swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.ban-pc .swiper-slide img {display: block; max-width: 100%; max-height: 100%; margin:0 auto;}
.ban-pc .info {width: 100%; overflow: hidden; position: absolute; top: 25%; left: 0; z-index: 2;}
.ban-pc .info .t-1 {width: 35%; line-height: 56px; font-size: 44px; font-weight:bold; color: #2e364b;}
.ban-pc .info p {display: block; width: 45%; margin-top: 2%; line-height: 24px; font-size: 16px;}
.ban-pc .info .link {width: 200px; border-radius: 25px; margin-top: 3%; padding: 0 26px; background: #fff; line-height: 50px;}
.ban-pc .info .link a {color: #3073ff; font-size: 16px;}
.ban-pc .info .link a i {margin-left: 30px;}
.ban-pc .info .link:hover {background: #3073ff;}
.ban-pc .info .link:hover a {color: #fff;}
.ban-mobile {display: none;}
.ban-mobile img {width: 100%; height: auto;}
.ban .swiper-pagination-bullet {
position: relative;
width: 7px;
height: 7px;
border-radius: 7px;
background: #0da6a5;
margin-right: 8px;
opacity: 1;
}
.ban .swiper-pagination-bullet:before {
content: "";
top: 0;
left: 0;
position: absolute;
width: 0;
height: 100%;
border-radius: 7px
}
.ban .swiper-pagination-bullet-active {
width: 40px;
border-radius: 7px
}
.ban .swiper-pagination-bullet-active:before {
-webkit-transition: width 4s;
transition: width 4s;
content: "";
top: 0;
border-radius: 2px;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(149deg,var(--theme-gradient1),var(--theme-gradient2))
}
.ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:10%!important;}
@media (max-width: 991px) {
.ban-pc {display: none;}
.ban-mobile {display: block; margin-top: 50px;}
.ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:6%!important;}
}
.txt-center {text-align: center;}
.index-tit {width: 100%; overflow: hidden;}
.index-tit span {display: block; color: #17afb0; margin-bottom: 13px; text-transform: uppercase; font-weight: bold;}
.index-tit h2 {display: block;font-size: 50px;color: #333;}
@media (max-width: 991px) {
.index-tit span {font-size: 16px;}
.index-tit h2 {font-size:24px;}
}
/*棣栭〉*/
.index-box-1 {padding: 85px 0 75px 0; overflow: hidden;}
.index-box-1 .main {margin: 45px auto 0;}
.index-box-1 .main .con { border-radius: 5px; border-bottom: 4px solid #fff; padding: 40px 30px 40px 30px; box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background: url("../images/index-box-1-conbg.png") no-repeat top right #fff; display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;text-align:center; position: relative;}
.index-box-1 .main .con:hover {border-bottom: 4px solid #009d9d;}
.index-box-1 .main .con:hover .icon {background: #009d9d; border-radius: 40px;}
.index-box-1 .main .con:hover .ic {transform:translateX(0);filter:none}
.index-box-1 .main .con span {display:block;}
.index-box-1 .main .con .t-1 {/*margin-top: 29px;*/font-size: 28px;text-align: left;position: absolute;top: 66px;left: 40%;}
.index-box-1 .main .con .t-2 {margin-top: 19px; line-height: 27px; font-size: 15px;text-align: left;}
.index-box-1 .main .con a .t-1 {color: #222;}
.index-box-1 .main .con a .t-2 {color: #767575; text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.index-box-1 .main .icon {width:80px;height:80px;display:block;position:relative;overflow:hidden; background: #f2f2f2; border-radius: 40px;}
.index-box-1 .main .icon .ic {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat: no-repeat; background-position: center; background-size: contain;transform:translateX(-100%);-webkit-filter:drop-shadow(80px 0 0 #363636);filter:drop-shadow(80px 0 0 #363636)}
@media (max-width: 991px) {
.index-box-1 {padding: 40px 0;}
.index-box-1 .main {margin: 30px auto 0;}
.index-box-1 .main .con {margin-bottom: 20px; padding: 30px 20px 40px 20px;}
.index-box-1 .main .con .t-1 {font-size: 22px;top: 60px;left: 45%;}
}
.index-box-2 {width: 100%; padding: 84px 0 100px 0; overflow: hidden; background: url("../images/index-box-2bg.jpg") no-repeat top center #f0f0f0;}
.index-box-2 .main {margin-top: 50px;}
.index-box-2 .main-fl {width: 55%; float: left;}
.index-box-2 .main-fl .txt {margin-bottom: 20px; line-height: 32px; font-size: 16px; color: #6c6c6c;}
.index-box-2 .main-fl .txt span {display: block; font-size: 36px; color: #242424; line-height: 68px; margin-bottom: 4px;}
.index-box-2 .main-fl .txt p{margin-bottom: 20px;}
.index-box-2 .main-fl .more {width: 160px; line-height: 48px; border-radius: 24px; background: #009d9d; text-align: center; margin-bottom: 50px;}
.index-box-2 .main-fl .more a {font-size: 16px; color: #fff; display: block;}
.index-box-2 .datas {text-align:center;}
.index-box-2 .datas li {}
.index-box-2 .datas .valbox {position: relative; display: inline-block; margin-bottom: 20px; z-index: 1;}
.index-box-2 .datas .val { font-size: 50px; color: #009d9d; font-family: medium; line-height: 1;font-weight: bold;}
.index-box-2 .datas .val sup {font-size: 16px; top: -30px;}
.index-box-2 .datas .tit {font-size:16px; color: #666; }
.index-box-2 .main-fr {width: 45%; float: left;}
.index-box-2 .main-fr .video {overflow:hidden;position:relative;}
.index-box-2 .main-fr .video:before{content:"";position:absolute;left:0px;top:0px;background:rgba(34,34,34,0.3);z-index:1;}
.index-box-2 .main-fr .video img {object-fit:cover;float: right;}
@media (max-width: 1280px) {
.index-box-2 .main-fr .video img {width: 100%;}
}
.index-box-2 .main-fr .video span{width:75px;height:75px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;z-index:12;}
@media (max-width: 991px) {
.index-box-2 {padding: 40px 0;}
.index-box-2 .main {margin-top: 20px;}
.index-box-2 .main-fl {width: 100%; float: none;}
.index-box-2 .main-fl .more {margin-bottom: 35px;}
.index-box-2 .main-fl .txt {margin-bottom: 20px;line-height: 28px;font-size: 15px;}
.index-box-2 .main-fl .txt span {font-size: 20px; color: #242424; line-height:40px;}
.index-box-2 .main-fr {width: 100%; float: none;}
.index-box-2 .main-fr .video img {width: 100%;}
.index-box-2 .datas .col-lg-3 {width: 50%;}
.index-box-2 .datas li {margin-bottom: 20px;}
.index-box-2 .datas .val {font-size: 30px;}
.index-box-2 .datas .val sup {font-size: 16px; top: -16px;}
.index-box-2 .datas .valbox {margin-bottom: 20px;}
.index-box-2 .datas .tit {font-size: 15px;}
}
/*home-product*/
.hpro{width:100%; overflow:hidden;}
.hpro-top{width:100%;overflow:hidden;position:relative; }
.hpro-top .swiper-slide{display:block;}
.hpro-left {float:left;width:37%;overflow:hidden; margin-top: 90px; background: url("../images/hpro-leftbg.jpg") no-repeat top left;}
.hpro-left .h3 {font-size: 50px;color:#009d9d;margin-top: 55px;padding-bottom:45px;}
.hpro-left .h3 a {color:#009d9d;}
.hpro-ul {overflow:hidden;}
.hpro-li{float:left; overflow:hidden;box-sizing:border-box;margin:0px 10px 10px 10px; position: relative; }
.hpro-li:before {width: 100%; content:"";position: absolute; bottom: 0; left: 0;border-bottom: 2px solid #009d9d;}
.hpro-li a{font-size:16px;color:#4e4e4e;line-height:32px;/* font-weight:bold; */}
.hpro-li a:hover{color:#009d9d;}
.hpro-txt {margin-top: 18px; overflow: hidden; font-size: 16px; line-height: 30px; color: #777;}
.hpro-subname{float:left;width:100%;overflow:hidden;font-size:18px;margin-top:16px;font-weight:bold;}
.hpro-info{float:left;width:100%;overflow:hidden;line-height:26px;font-size:16px;color:#222;margin-top:6px !important;}
.hpro-left ul{width:90%;overflow:hidden;margin-top:57px;}
.hpro-left ul li{width:auto;overflow:hidden;float: left; margin-right: 30px;}
.hpro-left ul li samp{width:58px;height:58px;display:block;margin:0px auto;box-sizing:border-box;overflow:hidden;}
.hpro-left ul li span{width:100%;display:block;overflow:hidden;margin:15px 0 0 0;text-align:center;font-size:22px;color:#333;}
.hpro-right{float:right;width:53.25%;overflow:hidden;background:url("../images/hpro-rightbg.jpg") no-repeat top right;text-align:center;transform:translateX(-3vw);background-size:100%;}
.hpro-right img{height:auto;margin-top:12%;}
.hpro-right:hover img{transform:scale(1.05);}
.hpro-top .swiper-slide-active .hpro-left .h3{animation:updown 0.6s ease 1;animation-fill-mode:forwards;}
.hpro-top .swiper-slide-active .hpro-left .hpro-info{animation:updown 0.6s ease 0.1s 1;animation-fill-mode:forwards;}
.hpro-top .swiper-slide-active .hpro-left ul{animation:updown 0.6s ease 0.2s 1;animation-fill-mode:forwards;}
.hpro-top .swiper-slide-active .hpro-right img{opacity:1;}
.hpro-button{width:240px;position:absolute;right:0px;top:0px;z-index:12;}
.hpro-button .swiper-button-prev{width:22px;height:12px;left:0px;top:0px;margin:0px;}
.hpro-button .swiper-button-prev:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-24.png") no-repeat center;}
.hpro-button .swiper-button-prev:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-25.png") no-repeat center;transform:rotate(180deg);opacity:0;}
.hpro-button .swiper-button-prev:hover:before{opacity:0;}
.hpro-button .swiper-button-prev:hover:after{opacity:1;}
.hpro-button .swiper-button-next{width:22px;height:12px;right:auto;bottom:0px;top:50px;margin:0px;}
.hpro-button .swiper-button-next:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-24.png") no-repeat center;transform:rotate(180deg);}
.hpro-button .swiper-button-next:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-25.png") no-repeat center;transform:rotate(0deg);opacity:0;}
.hpro-button .swiper-button-next:hover:before{opacity:0;}
.hpro-button .swiper-button-next:hover:after{opacity:1;}
.hpro-cont{float:right;width:calc(100% - 40px);overflow:hidden;position:relative;}
.hpro-cont .swiper-pagination{width:100%;overflow:hidden;font-size:42px;color:#c62630;font-family:"dinreg";position:relative;text-align:left;}
.hpro-title{width:100%;overflow:hidden;position:relative;margin-top:-10px;}
.hpro-title span{float:left;width:100%;position:absolute;left:0px;top:0px;opacity:0;font-size:15px;color:#333;z-index:1;}
.hpro-title span.active{position:relative;opacity:1;z-index:2;}
.hpro-bottom{width:100%;overflow:hidden;margin-top:3vw; padding-bottom: 50px; position:relative;opacity:1;}
.hpro-bottom .swiper-button-next:after, .hpro-bottom .swiper-button-prev:after {text-indent: -9999px;}
.hpro-bottom .swiper-container{width:96%;overflow:hidden;margin:0px auto;position:relative;}
.hpro-bottom .swiper-container:before{width:50%;height:1px;content:"";position:absolute;left:0px;top:26px;background:-webkit-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);background:-moz-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);background:-ms-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);background:-o-linear-gradient(left,rgba(217,217,217,0),#d9d9d9 15%);}
.hpro-bottom .swiper-container:after{width:50%;height:1px;content:"";position:absolute;right:0px;top:26px;background:-webkit-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);background:-moz-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);background:-ms-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);background:-o-linear-gradient(right,rgba(217,217,217,0),#d9d9d9 15%);}
.hpro-nav{width:100%;box-sizing:border-box;padding:0px 4%;cursor:pointer;}
.hpro-nav p{width:54px;height:54px;display:block;margin:0px auto;position:relative;overflow:hidden;}
.hpro-nav p samp{width:59%;height:59%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:1px #4abcbc dashed;border-radius:50%;}
.hpro-nav p samp:before{width:50%;height:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#d4f1f1;}
.hpro-nav p samp:after{width:23%;height:23%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#009d9d;}
.hpro-nav span{width:100%;display:block;overflow:hidden;text-align:center;margin:10px auto 0px;font-size:16px;color:#333;}
.hpro-nav em{width:100%;display:block;overflow:hidden;margin-top:8px;height:70px;position:relative;animation:ud 1s linear infinite alternate;}
.hpro-nav em:before{width:100%;content:"";height:100%;position:absolute;left:0px;top:0px;background:url("../images/icon-40.png") no-repeat top center;}
.hpro-nav em:after{width:100%;content:"";height:100%;position:absolute;left:0px;top:0px;background:url("../images/icon-39.png") no-repeat top center;opacity:0;}
.hpro-bottom .swiper-slide.active .hpro-nav p samp{width:100%;height:100%;}
.hpro-bottom .swiper-slide.active .hpro-nav p samp:before{width:60%;height:60%;}
.hpro-bottom .swiper-slide.active .hpro-nav span{font-weight:bold;/* color: #17afb0; */}
.hpro-bottom .swiper-slide.active .hpro-nav em:before{opacity:0;}
.hpro-bottom .swiper-slide.active .hpro-nav em:after{opacity:1;}
.hpro-bottom .swiper-button-prev{width:24px;height:24px;border-radius:50%;opacity:1;background:#e5e5e5 url("../images/icon-41.png") no-repeat center;left:0px;top:16px;margin:0px;pointer-events:auto;cursor:pointer;}
.hpro-bottom .swiper-button-next{width:24px;height:24px;border-radius:50%;opacity:1;background:#e5e5e5 url("../images/icon-41.png") no-repeat center;right:0px;top:16px;margin:0px;transform:rotate(180deg);pointer-events:auto;cursor:pointer;}
.hpro-bottom .swiper-button-prev:hover{background-color:#009d9d;}
.hpro-bottom .swiper-button-next:hover{background-color:#009d9d;}
.section.active .hpro-top{animation:updown 0.6s ease 0.7s 1;animation-fill-mode:forwards;}
.section.active .hpro-bottom{animation:updown 0.6s ease 0.8s 1;animation-fill-mode:forwards;}
@media (max-width: 991px) {
.hpro{height:auto;padding:40px 0px;}
.hpro .swiper-wrapper {max-height: 870px;}
.hpro-center{width:90%;left:0px;top:0px;transform:translate(0px,0px);position:relative;margin:0px auto;}
.hpro-left{width:100%; margin-top: 0;}
.hpro-li a {font-weight: normal;font-size: 15px;}
.hpro-left .h3{font-size: 24px;padding-bottom: 20px;}
.hpro-txt {font-size: 14px; line-height: 26px;}
.hpro-txt img {width: 60%;}
.hpro-left ul {margin-top: 20px;}
.hpro-left ul li span {font-size: 16px;margin: 10px 0 0 0;}
.hpro-right{width:100%;margin-top:30px;transform:translateX(0px);}
.hpro-right img {width: 100%;}
.hpro-bottom {margin-top: 10px;}
.hpro-nav span {font-size: 15px;}
}
.index-news {width: 100%; padding: 80px 0 70px 0; background: url("../images/index-newsbg.jpg") no-repeat center top #f1f1f1; overflow: hidden;}
.index-news-top {width: 100%; overflow: hidden;}
.index-news .tab-up {margin-top: 49px;position: relative;z-index: 2; float: right;}
.index-news .nav {width: 100%; padding-right: 0;}
.index-news .nav-tabs {
border-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.index-news .switch-item { margin-left:50px; font-size:22px; float: left; cursor: pointer; transition: all 0.3s; }
.index-news .switch-item a:hover {color: #17afb0;}
.index-news .switch-item:hover,.index-news .switch-item:hover a {color: #17afb0;}
.index-news .switch-item .active {display: block; padding-bottom: 12px; border-bottom: 2px solid #17afb0; color: #17afb0;}
.index-news .switch-item a {display: block; }
.index-news .tab-content {}
.index-news-main {padding:45px 0 30px 0; overflow: hidden;}
.index-news-main .top-new { overflow: hidden;}
.index-news-main .top-new .img {overflow: hidden;}
.index-news-main .top-new img {width: 100%; height: auto;}
.index-news-main .top-new img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.index-news-main .top-new:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.index-news-main .top-new:hover .info .t-1 span a {color: #17afb0;}
.index-news-main .top-new:hover .info .t-1 em {color: #17afb0;}
.index-news-main .top-new .info {padding: 20px 30px;background: #fff;}
.index-news-main .top-new .info .t-1 {margin-bottom: 10px;overflow: hidden;}
.index-news-main .top-new .info .t-1 span {display: block;float: left;font-size: 22px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-news-main .top-new .info .t-1 span a {color: #424242;}
.index-news-main .top-new .info .t-1 em {display: block;float: right;font-size: 18px;line-height: 22px;color: #888;}
.index-news-main .top-new .info .txt {
font-size: 14px;
line-height: 24px;
color: #888;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_item{display: none;}
.news_item:first-child,.news_item:nth-child(1){display:block;}
.index-news-main .new-list {background: #fff;padding: 4px 30px 0 30px;}
.index-news-main .new-list li {overflow: hidden;display: block;padding: 24px 0;margin-bottom: 8px;border-bottom: 1px solid #dadada;}
@media (min-width: 1280px) and (max-width: 1440px) {
.index-news-main .new-list li {padding: 14px 0;}
}
.index-news-main .new-list li:hover .txt span a {color: #17afb0;}
.index-news-main .new-list li:hover .time span {color: #17afb0;}
.index-news-main .new-list li:nth-child(4) {border-bottom: 0;}
.index-news-main .new-list li .time {text-align: center;float: left;display: block;padding: 0 20px 10px 0;border-right: 1px solid #dadada;}
.index-news-main .new-list li .time span {font-size: 38px;font-weight: bold;color: #888;margin-bottom: 14px;display: block;}
.index-news-main .new-list li .time em {font-size: 16px;color: #888;display: block;}
.index-news-main .new-list li .txt {width: 85%;overflow: hidden;float:right;}
.index-news-main .new-list li .txt span {line-height: 22px;font-size: 20px;display: block;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-news-main .new-list li .txt span a {color: #424242;}
.index-news-main .new-list li .txt em {line-height: 24px;color: #888;}
@media (max-width: 1280px) {
.index-news-main .new-list li .txt em { overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
.index-news .link {width: 150px; border-radius: 25px; background: #fff; margin: 0 auto; padding: 0 26px; border: 1px solid #ddd; line-height: 50px; text-align: center;}
.index-news .link a {color: #575757; font-size: 16px;}
.index-news .link:hover {background: #17afb0; border: 1px solid #17afb0;}
.index-news .link:hover a {color: #fff;}
@media (max-width: 991px) {
.index-news {padding: 40px 0;}
.index-news .tab-up {margin-top: 30px; float: left;}
.index-news .switch-item {font-size: 18px;margin-left: 0;margin-right: 20px;}
.index-news .switch-item .active {padding-bottom: 15px;}
.index-news .tab-content {margin-top:0; padding: 0 0;}
.index-news-main {padding: 10px 0;}
.index-news-main .top-new {margin-bottom: 20px;}
.index-news-main .top-new .info {padding:20px 10px;}
.index-news-main .top-new .info .t-1 {margin-bottom: 20px;}
.index-news-main .top-new .info .t-1 span {font-size: 18px;}
.index-news-main .top-new .info .t-1 em {font-size: 12px;}
.index-news-main .top-new .info .txt {font-size: 13px; line-height: 24px; }
.index-news-main .new-list {padding: 0;}
.index-news-main .new-list li {padding: 20px 10px; margin-bottom:0;}
.index-news-main .new-list li .time {display: none;}
.index-news-main .new-list li .txt {width:100%; float:none;}
.index-news-main .new-list li .txt span {font-size: 16px;}
.index-news-main .new-list li .txt em {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.index-news .link {width: 150px; padding: 0 25px; line-height:40px;}
.index-news .link a {font-size: 14px;}
}
.index-hz {width: 100%; padding: 90px 0 130px 0; overflow: hidden;}
.index-hz .main {margin-top: 70px;}
.index-hz .main .pic {}
.index-hz .main .pic img {width: 100%;box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1);}
@media (max-width: 991px) {
.index-hz {padding: 40px 0 20px 0;}
.index-hz .main {margin-top: 30px;}
.index-hz .main .col-lg-3 {width: 50%;}
.index-hz .main .pic {margin-bottom: 20px;}
}
/*鍐呴〉*/
.mobile-b {width: 100%; height: 52px; display: none;}
.inner-ban {width:100%;overflow:hidden;position:relative;margin-top:82px;}
.inner-ban img{width:100%;height:100%;overflow:hidden;display:block;object-fit:cover;}
.banner-center{width:81.25%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;color:#fff;}
.banner-center .h3{width:100%;overflow:hidden;font-size:55px;}
.banner-center span {width:100%;overflow:hidden;font-size:22px;font-family:"Arial";margin-top:5px; display: block;}
.banner-info{width:45%;overflow:hidden;line-height:28px;font-size:16px;margin-top:10px;}
@media (max-width: 1400px) {
.banner-info{width:70%;}
}
@media (max-width: 991px) {
.mobile-b {display: block;}
.inner-ban {margin-top:50px;}
.banner-center {width:90%;}
.banner-center .h3{font-size:22px;}
.banner-center span {font-size:18px;}
.banner-info {display: none;}
}
.gynav-MQkitchen-bj {
width: 100%;
border-top: 1px solid rgba(69,157,162,.3);
background: rgb(0 0 0 / 70%);
margin-top: -60px;
position: relative;
z-index:0;
}
.gynav-MQkitchen-bj .container-fluid {padding: 0}
.gynav-MQkitchen {
text-align: center;
color: #fff;
font-size: 0;
}
.gynav-MQkitchen>div{
display: inline-block;
width: 14.28%;
border-right: 1px solid rgba(255,255,255,.3);
font-size: 16px;
line-height: 60px;
transition: all .3s;
-webkit-transition:all .3s;
cursor: pointer;
}
.gynav-MQkitchen>div:first-child{
border-left: 1px solid rgba(255,255,255,.3);
}
.gynav-MQkitchen>div:hover{
background: #0da6a5;
transition: all .3s;
-webkit-transition:all .3s;
}
.gynav-MQkitchen>a{
display: inline-block;
width: 12.5%;
border-right: 1px solid rgba(255,255,255,.3);
border-bottom: 1px solid rgba(255,255,255,.3);
font-size: 16px;
color: #fff;
line-height: 60px;
transition: all .3s;
-webkit-transition:all .3s;
cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.gynav-MQkitchen>a{font-size: 14px;}
}
.gynav-MQkitchen>a:first-child{
border-left: 1px solid rgba(255,255,255,.3);
}
.gynav-MQkitchen>a:hover{
background: #0da6a5;
color: #fff;
transition: all .3s;
-webkit-transition:all .3s;
}
.gynav-MQkitchen>a.on{
background: #0da6a5;
transition: all .3s;
-webkit-transition:all .3s;
}
.gynav-MQkitchen-3 a {width: 20%;}
.gynav-MQkitchen-4 a {width: 50%;}
.gynav-MQkitchen-5 a {width: 25%;}
@media (max-width: 991px) {
.gynav-MQkitchen-bj-1 {display: none;}
.gynav-MQkitchen-bj-2 {margin-top: 0; overflow: hidden;}
.gynav-MQkitchen-bj-2 .container {padding: 0;}
.gynav-MQkitchen-1 a {font-size: 14px; line-height: 36px;}
.gynav-MQkitchen-2 a {width: 33.33%; font-size: 12px; line-height: 25px; float: left;}
.gynav-MQkitchen-3 a {width: 33.33%; font-size: 14px; line-height: 30px; float: left;}
.gynav-MQkitchen-5 a {width: 50%; font-size: 12px; line-height: 25px; float: left;}
}
.inner-T {width: 100%; margin-top: 23px; overflow: hidden;}
.inner-T1 {width: 100%; background: #f7f7f7; overflow: hidden; margin-top: 100px;}
.inner-T1 .location {margin:30px 0 25px 0; color: #6b6b6b;}
.inner-T2 {width: 100%;background: #f7f7f7; overflow: hidden; padding: 25px 0;}
.inner-T2 .location {margin: 15px 0; color: #6b6b6b; float: left;}
.inner-T .location {margin: 15px 0; color: #6b6b6b; float: left;}
.location a {color: #6b6b6b;}
@media (max-width: 991px) {
.inner-T .location {margin: 0 0 20px 0;overflow: hidden;white-space: nowrap;}
.inner-T1 {margin-top: 50px;}
.inner-T1 .location {width:100%;margin:15px 0;overflow: hidden;white-space: nowrap;}
.inner-T2 {padding: 0 0 20px 0;overflow: hidden;white-space: nowrap;}
}
.news-input{float:right;width:400px;overflow:hidden;box-sizing:border-box;height:43px;line-height:43px;border:1px #fff solid;background:#fff;margin-left:15px;padding:0px 12px 0 25px;}
.news-input .txt{float:left;width:87%;height:100%;overflow:hidden;font-size:16px;color:#666;}
.news-input .txt::placeholder{color:#666 !important;opacity:1;}
.news-input .txt::-webkit-input-placeholder{color:#666 !important;opacity:1;}
.news-input .txt::-ms-input-placeholder{color:#666 !important;opacity:1;}
.news-input .txt::-moz-placeholder{color:#666 !important;opacity:1;}
.news-input .bt{float:right;width:18px;height:100%;overflow:hidden;background:url("../images/icon-2-1.png") no-repeat center;cursor:pointer;}
.search-in {width:400px; border: 1px solid #10a7a6; float: right; overflow: hidden;}
.search-in .search-form{position:relative}
.search-in .search-form .search-input{display:block;width:100%;height:42px;line-height:initial;border:1px solid #eee;color:#373737;outline:0;padding-top:4px;padding-left:20px}
.search-in .search-form .search-button{position:absolute;right:0;top:0;height:42px;background:#0da6a5;border:0;width:93px;outline:0;padding:0;cursor:pointer;color:#fff;}
.search-in .search-btn {-webkit-transition:all .5s;transition:all .5s;font-size:16px; text-align: center;}
.search-in .search-form .search-button i {margin-right: 8px;}
@media (max-width: 991px) {
.search-in {width: 100%; float: none;}
.news-input {width: 100%; float: none; margin-left: 0;}
}
.Atis-box {width: 100%;height: 0;position: relative;top: -70px;}
@media (max-width: 991px) {
.Atis-box {top:-50px}
}
.inner {width: 100%; overflow: hidden;}
/*鍏充簬鎴戜滑*/
.about-1 {padding: 70px 0; overflow: hidden;}
.about-1-main {margin-top: 45px; overflow: hidden;}
.about-1-main .txt {font-size: 16px; line-height: 35px; overflow: hidden;}
.about-1-main .datas { padding-top:40px; text-align:center;}
.about-1-main .datas .valbox {position: relative; display: inline-block; margin-bottom: 20px;}
.about-1-main .datas .ic{ width: 60px; height: 60px; position: absolute; right: -30px; top: -10px; z-index: -1;}
.about-1-main .datas .ic1 { background-image: url(../images/ic_about1.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.about-1-main .datas .ic2 { background-image: url(../images/ic_about3.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.about-1-main .datas .ic3 { background-image: url(../images/ic_about2.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.about-1-main .datas .ic4 { background-image: url(../images/ic_about4.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.about-1-main .datas .val { font-size:45px; color: #0da6a5; font-family: medium; line-height: 1;font-weight: bold;}
.about-1-main .datas .tit {font-size:16px; color: #666; }
/*
.about-1video{margin-top: 20px; float:right;overflow:hidden;position:relative;cursor:pointer;}
.about-1video img{display:none;}
.about-1video span{width:53px;height:53px;display:block;overflow:hidden;background:url("../images/icon-43.png") no-repeat center;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.about-1video video{width:100%;height:auto;display:block;overflow:hidden;}*/
.about-1-main .video {margin-top: 20px; float:right;overflow:hidden;position:relative;cursor:pointer;}
.about-1-main .video:before{content:"";position:absolute;left:0px;top:0px;background:rgba(34,34,34,0.3);z-index:1;}
.about-1-main .video img {object-fit:cover;float: right; width: 100%;}
.about-1-main .video span{width:75px;height:75px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;z-index:12;}
@media (max-width: 991px) {
.about-1 {padding: 40px 0;}
.about-1-main {margin-top: 30px;}
.about-1-main .txt {font-size: 16px; line-height: 28px;}
.about-1-main .datas { padding-top:20px;}
.about-1-main .datas .col-md-3 {width: 50%;}
.about-1-main .datas .val {font-size: 38px;}
.about-1-main .datas .tit {font-size: 14px;}
.about-1-main .video img {width: 100%;}
}
.about-2 {padding: 70px 0; overflow: hidden; background: url("../images/about-fz-bg.jpg") no-repeat center;}
.about-2nav{width:100%;overflow:hidden;margin:50px auto 0px;position:relative;}
.about-2nav:before{width:100%;height:2px;content:"";position:absolute;left:0px;top:63px;background:#ccc;}
.about-2line{height:2px;content:"";position:absolute;left:0px;top:63px;background:#0da6a5;z-index:12;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.about-2left{width:44px;height:44px;position:absolute;left:0px;top:41px;border-radius:50%;background:#0da6a5;z-index:40;}
.about-2left:before{width:6px;height:6px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;}
.about-2right{width:44px;height:44px;position:absolute;right:0px;top:41px;border-radius:50%;background:#0da6a5;z-index:40;}
.about-2right:before{width:6px;height:6px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;}
.about-2nav .swiper-container{width:94%;margin:0px auto;overflow:hidden;position:relative;z-index:33;}
.about-2nav .swiper-slide{cursor:pointer;}
.about-2nav .about-2model{width:100%;overflow:hidden;}
.about-2nav .about-2model span{width:100%;display:block;overflow:hidden;text-align:center;font-size:24px;color:rgba(51,51,51,0.5);-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about-2nav .about-2model em{width:28px;height:28px;display:block;overflow:hidden;margin:25px auto 0px;border-radius:50%;background:rgba(0,0,0,0.05);position:relative;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about-2nav .about-2model em samp{width:18px;height:18px;display:block;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px #ccc solid;background:#fff;box-sizing:border-box;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about-2nav .about-2model em samp:before{width:6px;height:6px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#cfcfcf;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about-2nav .about-2model p{width:100%;overflow:hidden;text-align:center;font-size:22px;color:rgba(51,51,51,0.5);margin-top:12px;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about-2nav .swiper-slide.active .about-2model span{color:#0da6a5;}
.about-2nav .swiper-slide.active .about-2model em{background:rgba(198,38,48,0.11);}
.about-2nav .swiper-slide.active .about-2model em samp{border-color:#0da6a5;}
.about-2nav .swiper-slide.active .about-2model em samp:before{background:#0da6a5;}
.about-2nav .swiper-slide.active .about-2model p{color:#0da6a5;}
.about-2content{width:100%;overflow:hidden;margin-top:60px;position:relative;}
.about-2content .swiper-container{width:100%;margin:0px auto;}
.about-2pannel{width:100%;overflow:hidden;position:relative;}
.about-2item{float:left;width:60%;overflow:hidden;height:30vw;background:#fff url("../images/about-fzmainbg.jpg") no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:flex-start;}
.about-2date{width:auto;position:absolute;left:52%;top:5%;font-size:110px;color:#fff;font-family:"dinbold";-webkit-text-stroke:1px #efefef;text-stroke:1px #efefef;-webkit-transition:all 0.6s ease 0.4s;-moz-transition:all 0.6s ease 0.4s;-ms-transition:all 0.6s ease 0.4s;-o-transition:all 0.6s ease 0.4s;transition:all 0.6s ease 0.4s;opacity:0;transform:translateY(60px);}
@media (max-width: 1280px) {
.about-2date {left: 47%;}
}
.about-2list{width:70%;height:72%;overflow:auto;margin-left:11%; padding-right: 20px; -webkit-transition:all 0.6s ease 0.5s;-moz-transition:all 0.6s ease 0.5s;-ms-transition:all 0.6s ease 0.5s;-o-transition:all 0.6s ease 0.5s;transition:all 0.6s ease 0.5s;opacity:0;transform:translateY(60px); position: relative;}
.about-2li{float:left;width:100%;box-sizing:border-box;padding-left:24px;padding-bottom:30px;min-height:100px;position:relative;}
.about-2li:before{width:7px;height:7px;content:"";position:absolute;left:0px;top:10px;border-radius:50%;background:#0da6a5;display:block;overflow:hidden;}
.about-2li:after{width:2px;height:100%;content:"";position:absolute;left:2px;top:12px;display:block;overflow:hidden;background:url("../images/icon-155.png") repeat-y top center;}
.about-2li:last-child:after{display:none;}
.about-2li:last-child{padding-bottom:0px;min-height:inherit;}
.about-2list::-webkit-scrollbar{ width:4px;}
.about-2list::-webkit-scrollbar-thumb{ background:#0da6a5;}
.about-2list::-webkit-scrollbar-track{ background:#ddd;}
.about-2li span{width:100%;overflow:hidden;display:block;font-size:22px;color:#0da6a5;}
.about-2li p{width:100%;overflow:hidden;display:block;font-size:19px;color:#333;line-height:32px;margin-top:12px;}
.about-2pic{width:50%;height:24vw;position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:12;overflow:hidden;}
.about-2pic img{width:100%;height:100%;object-fit:cover;}
.about-2pic:hover img{transform:scale(1.03);}
.about-2content .swiper-slide-active .about-2date,.about-2content .swiper-slide-active .about-2list{opacity:1;transform:translateY(0px);}
.about-2content .mCSB_inside > .mCSB_container{padding-right:20px;}
.about-2content .mCSB_scrollTools{width:12px;}
.about-2content .mCSB_scrollTools:before{background:#f2f2f2;}
.about-2content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#f00;}
.about-2content .swiper-button-prev{display: none;width:50px;height:50px;border-radius:50%;background:#e4e4e4 url("../images/icon-5.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;transform:rotate(180deg);left:10px;}
.about-2content .swiper-button-next{display: none;width:50px;height:50px;border-radius:50%;background:#e4e4e4 url("../images/icon-5.png") no-repeat center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;right:10px;}
.about-2content .swiper-button-prev:hover,.about-2content .swiper-button-next:hover{background-color:#333;}
@media (max-width: 991px) {
.about-2 {padding: 40px 0;}
.about-2nav {margin: 20px auto 0;}
.about-2nav::before,.about-2line{top:34px;}
.about-2nav .about-2model em samp {width: 16px; height: 16px;}
.about-2nav .about-2model em samp:before {width: 4px; height: 4px;}
.about-2left,.about-2right{width:20px;height:20px;top:25px;}
.about-2nav{margin:20px auto 0px;}
.about-2nav .about-2model span{font-size:14px;}
.about-2nav .about-2model p{font-size:14px;}
.about-2nav .about-2model em,.about-2nav .about-2model p{margin-top:4px;}
.about-2content{margin-top:20px;}
.about-2pic{width:100%;height:auto;position:relative;top:0%;transform:translateY(0%);}
.about-2pic img{height:auto;}
.about-2item{width:100%;float:none;height:300px;}
.about-2date{font-size:40px;left:auto;right:20px;}
.about-2list{width:100%;height:90%;margin:0px auto;padding: 0 10px;}
.about-2li{min-height:inherit;}
.about-2li span {font-size: 16px;}
.about-2li p{line-height:24px;font-size:14px;}
.about-2li::before{top:7px;}
.about-2content .swiper-button-prev{left:2%;top:25%;opacity:0.6; display: block;}
.about-2content .swiper-button-next{right:2%;top:25%;opacity:0.6;display: block;}
}
.about-3 {padding: 80px 0 90px 0; overflow: hidden;}
.about-3-main {width: 100%; overflow: hidden; background: url("../images/about-3mainbg.jpg") no-repeat center bottom #f9f9f9; margin-top: 45px;}
.about-3-main li {float:left;width:25%;text-align: center; border-right:1px solid rgba(219,219,219,.3);overflow:hidden}
.about-3-main li:nth-child(4) {border-right:0;}
.about-3-main .con {display:inline-block;vertical-align:middle;width:100%;padding-top: 157px; height:462px;overflow: hidden; -webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.about-3-main .con .pic{margin:0 auto;width:56px;height:56px;}
.about-3-main .con .pic img{display:block;width:100%;}
.about-3-main .con .txt {margin-top: 15px;}
.about-3-main .con .txt span {display: block; font-size: 30px; margin-bottom: 16px; color: #333;}
.about-3-main .con .txt em {display: block; width: 80%; margin: 0 auto; line-height: 30px; color: #555; font-size: 16px;}
.about-3-main li:hover .con {-webkit-transition:.5s;-o-transition:.5s;transition:.5s; background: rgba(153,153,153,.3);}
@media (max-width: 991px) {
.about-3 {padding: 40px 0;}
.about-3-main {margin-top: 30px;}
.about-3-main li {width: 50%; border-bottom:1px solid rgba(219,219,219,.3);}
.about-3-main li:nth-child(2) {border-right:0;}
.about-3-main li:nth-child(3),.about-3-main li:nth-child(4) {border-bottom:0;}
.about-3-main .con {padding-top: 40px; height: 260px;}
.about-3-main .con .pic {width: 46px; height: 46px;}
.about-3-main .con .txt span {font-size: 18px;}
.about-3-main .con .txt em {width: 85%; font-size: 14px; height: auto; line-height: 25px;}
}
.about-4 {padding: 80px 0 70px 0; overflow: hidden; background: url("../images/about-4bg.jpg") no-repeat center; }
.about-4-main {width: 100%; overflow: hidden; margin-top: 50px;}
.about-4-main .swiper-slide {width: 25%; float: left; padding:0 1rem; display:block;}
.about-4 .bottom50 {width: 100%; height: 50px;}
.about-4 .swiper-pagination-bullet-active { background: #0da6a5 !important;}
.about-4 .swiper-pagination-bullet { width: 12px!important; height: 12px!important; background: #ccc; opacity:1!important;}
.about-4-main .con {padding: 30px 30px 10px;background: #fff;border-bottom: 3px solid #fff;}
.about-4-main .con:hover {border-bottom: 3px solid #0da6a5;}
.about-4-main .con:hover .txt {color:#0da6a5;}
.about-4-main .con .img {overflow: hidden;margin-bottom: 10px;}
.about-4-main .con img {width: 100%;}
.about-4-main .con .img img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.about-4-main .con:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.about-4-main .con .txt {line-height: 20px;text-align: center;font-size: 16px;color: #464545;}
@media (max-width: 991px) {
.about-4 {padding: 40px 0;}
.about-4-main {margin-top: 30px;}
.about-4-main .con {padding: 20px 20px 10px;}
.about-4-main .con .txt {/* font-size: 14px; */}
.about-4-main .swiper-slide {width:100%;}
}
.about-5 {padding: 90px 0 75px 0; overflow: hidden;}
.about-5-main {width: 100%; overflow: hidden; margin-top: 60px;}
.about-5-main .infotxt {width: 100%; overflow: hidden;}
.about-5-main .infotxt .infotxt-fl {width: 50%; float: left; font-size: 16px; color: #494949; line-height: 30px;}
.about-5-main .infotxt .infotxt-fr {width: 50%; float: left;}
.about-5-main .infotxt .infotxt-fr .con {width:85%; float: right; overflow: hidden; display: flex; justify-content: space-between;}
.about-5-main .infotxt .infotxt-fr .con dl {width: auto; overflow: hidden; margin-top: 17px; color: #0da6a5; text-align: center;}
.about-5-main .infotxt .infotxt-fr .con dl dt {margin-bottom: 20px; font-size: 65px; font-weight: bold;}
.about-5-main .infotxt .infotxt-fr .con dl dt sup {font-size: 20px; font-weight: 100;vertical-align: super;}
.about-5-main .infotxt .infotxt-fr .con dl dd {font-size:16px;}
.about-5content {padding: 60px 0 35px 0; position: relative;}
.about-5content .con {padding:20px; background: #eee;}
.about-5content .con .img {overflow: hidden;}
.about-5content .con img {width: 100%;}
.about-5content .con .img img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.about-5content .con:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.about-5content .swiper-button-prev{width:50px;height:50px;border-radius:50%;background:#ccc url("../images/icon-59.png") no-repeat center;left:-90px;}
.about-5content .swiper-button-next{width:50px;height:50px;border-radius:50%;background:#ccc url("../images/icon-59.png") no-repeat center;right:-90px;transform:rotate(180deg);}
.about-5content .swiper-button-prev:hover,.about-5content .swiper-button-next:hover{background-color:#0da6a5;}
@media (max-width: 991px) {
.about-5 {padding: 40px 0 20px 0;}
.about-5-main {margin-top: 30px;}
.about-5-main .infotxt .infotxt-fl {width: 100%; font-size: 14px; line-height: 28px; float: none;}
.about-5-main .infotxt .infotxt-fr {width: 100%; float: none;}
.about-5-main .infotxt .infotxt-fr .con {width: 100%; float: none;}
.about-5-main .infotxt .infotxt-fr .con dl dt {margin-bottom: 10px; font-size: 30px;}
.about-5-main .infotxt .infotxt-fr .con dl dt sup {font-size: 14px;}
.about-5-main .infotxt .infotxt-fr .con dl dd {font-size: 12px;}
.about-5content {padding: 30px 0;}
.about-5content .con {padding:10px; background: #eee;}
.about-5content .swiper-button-prev{left:10px; width: 36px; height: 36px; background-size: 10px;}
.about-5content .swiper-button-next{right:10px; width: 36px; height: 36px; background-size: 10px;}
}
.about-6 {padding: 100px 0; overflow: hidden; background: url("../images/about-6bg.jpg") no-repeat center;}
.about-6-fl {width: 22.8%; float: left; overflow: hidden;}
.about-6-fl .img {overflow: hidden;}
.about-6-fl .img img {width: 100%;}
.about-6-fl .img img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.about-6-fl:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.about-6-fr {width: 70%; float: right; overflow: hidden;}
.about-6-fr .t-1 {font-size: 42px; color: #333; font-weight: bold; margin-bottom: 12px;}
.about-6-fr .t-2 {line-height: 30px; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; font-size: 16px; color: #636363;}
.about-6-fr .t-3 {padding: 20px 0; line-height: 28px; font-size: 15px; color: #444;}
@media (max-width: 991px) {
.about-6 {padding: 40px 0;}
.about-6-fl {width: 100%; float: none; margin-bottom: 20px;}
.about-6-fr {width: 100%; float: none;}
.about-6-fr .t-1 {font-size:22px;}
.about-6-fr .t-2 {line-height:28px; padding-bottom: 20px; font-size: 14px;}
.about-6-fr .t-3 {line-height: 25px; font-size: 12px;}
}
/*鏈嶅姟鏀寔*/
.service-box {padding: 70px 0; overflow: hidden;}
.service-box .service-box-main {margin-top: 60px; overflow: hidden;}
.service-box .service-box-main .txt {margin-bottom: 30px;}
.service-box .service-box-main .t-1 {line-height: 35px; font-size: 20px; color: #0c9f9f; font-weight: bold;margin-bottom: 10px;}
.service-box .service-box-main .t-2 {line-height: 30px; font-size: 16px; color: #494949;}
.service-box .service-box-main .t-2 p {margin-bottom: 10px;}
.service-box .service-box-main .t-1 span {font-size: 19px; font-weight: 100;}
.service-box .service-box-main .txt .pic {width: 100%; text-align: center; display: inline-block;}
.service-box .service-box-main .txt .pic img {display:inline-block;max-width: 100%;}
.service-box .contact-form-ser {width: 100%; overflow: hidden; background:#0da6a5; padding:22px 20px; margin-top: 12px;}
.service-box .contact-form-ser .input-item-ser {width:17%; overflow: hidden; float: left; margin-right:1%; }
.service-box .contact-form-ser .item2 {width:39%;}
.service-box .contact-form-ser .btn-brand {width: 6%;line-height: 46px;background: #4a4a4a;text-align: center; font-size: 16px;color: #fff;float: left;}
.service-box .contact-form-ser .btn {padding: 0;border-radius: 0;border: 0;}
.service-box .contact-form-ser .input-item-ser input,
.service-box .contact-form-ser .input-item-ser textarea {
width: 100%;
border: 1px solid #fff;
display: block;
background-color: #fff;
padding: 14px 0;
text-indent: 15px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size: 14px;
height: 44px;
}
@media (max-width: 991px) {
.service-box {padding: 40px 0;}
.service-box .service-box-main {margin-top: 30px;}
.service-box .service-box-main .t-1 {font-size: 16px;}
.service-box .service-box-main .t-2 {font-size: 14px; line-height: 25px;}
.service-box .service-box-main .t-1 span {font-size: 15px;}
.service-box .service-box-main .txt .pic img {width: 100%;}
.service-box .contact-form-ser .input-item-ser {width: 100%; margin-right: 0; margin-bottom:5px; float: none;overflow-x: auto; height: 62px;}
.service-box .contact-form-ser .item2 {width: 100%;margin-bottom: 10px;}
.service-box .contact-form-ser .btn-brand {width: 100%; font-size: 14px; float: none;}
.input-item-ser{ position: relative;}
.input-item-ser .formError{ position: absolute !important; top:40px !important;}
.input-item-ser .formError br{display: none;}
.service-box .input-item-ser .formError .formErrorContent{background: rgba(0,0,0,.3);}
}
.server-1 {width:100%;overflow:hidden;padding:80px 0px 50px;background:#f5f5f5;}
.server-1center{width:100%;overflow:hidden;position:relative;margin:0px auto;display:flex;justify-content:space-between;align-items:center;}
.server-1left{width:40%;overflow:hidden;}
.server-1left ul{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;}
.server-1left ul li{width:24%;height:50px;line-height:50px;overflow:hidden;box-sizing:border-box;border:1px #e4e4e4 solid;background:#fff;text-align:center;cursor:pointer;font-size:16px;color:#999;margin:7px 1.33% 0px 0px;}
.server-1left ul li:nth-child(4n){margin-right:0px;}
.server-1left ul li.active{background:#0da6a5;color:#fff;}
.server-1cont{width:100%;overflow:hidden;margin-top:19px;background:#fff;height:21vw;box-sizing:border-box;padding:40px;}
.server-1pannel{width:100%;height:100%;position:absolute;opacity:0;z-index:1;}
.server-1pannel.active{position:relative;z-index:2;animation:opa 1s ease 1;animation-fill-mode:forwards;opacity:1;}
.server-1item{width:100%; height: 100%; overflow:auto;margin-top:34px;}
.server-1item::-webkit-scrollbar{ width:4px;}
.server-1item::-webkit-scrollbar-thumb{ background:#0da6a5;}
.server-1item:first-child{margin-top:0px;}
.server-1item span{float:left;width:100%;overflow:hidden;box-sizing:border-box;padding-left:18px;font-size:17px; line-height: 47px; color:#333;position:relative;}
.server-1item span:before{width:3px;height:21px;content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);background:#0da6a5;}
.server-1cont .mCSB_scrollTools .mCSB_draggerContainer{background:none;}
.server-1right{width:58.33%;overflow:hidden;position:relative;}
.server-1map{float:left;width:100%;overflow:hidden;}
.server-1map img{width:100%;height:auto;}
.server-1bg{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:12;}
.server-1bg span{width:100%;height:100%;position:absolute;display:block;overflow:hidden;left:0px;top:0px;opacity:0;}
.server-1bg span img{width:100%;height:auto;}
.server-1bg span.active{opacity:1;}
.server-1pos{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:20;overflow:hidden;}
.server-1icon{width:auto;position:absolute;cursor:pointer;transform:translate(-50%,-50%);}
.server-1icon samp{width:16px;height:20px;display:block;margin:0px auto;position:relative;}
.server-1icon samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-113.png") no-repeat center;}
.server-1icon samp:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-113-1.png") no-repeat center;opacity:0;}
.server-1icon span{width:100%;overflow:hidden;display:block;font-size:16px;color:#0da6a5;margin-top:4px;}
.server-1icon.active samp:before{opacity:0;}
.server-1icon.active samp:after{opacity:1;}
.server-1icon.active span{color:#fff;}
.server-1icon.icon1{left:77%;top:58%;}/*鍗庝笢涓€鍖?*/
.server-1icon.icon2{left:76%;top:73%;}/*鍗庝笢浜屽尯2*/
.server-1icon.icon3{left:69%;top:43%;}/*鍗庡寳鍖?*/
.server-1icon.icon4{left:37%;top:49%;}/*鍖楁柟鍖?*/
.server-1icon.icon5{left:62%;top:84%;}/*鍗庡崡鍖?*/
.server-1icon.icon6{left:66%;top:64%;}/*鍗庝腑鍖?*/
.server-1icon.icon7{left:42%;top:65%;}/*瑗垮崡鍖?*/
.server-1icon.icon8{left:85%;top:21%;}/*涓滃寳鍖?*/
@media (max-width: 991px) {
.server-1 {padding: 40px 0;}
.server-1center{display:block;}
.server-1left{width:100%;margin-top:20px;}
.server-1left ul li{height:40px;line-height:40px;font-size:14px;}
.server-1cont{height:76vw;padding:15px;}
.server-1cont .mCSB_scrollTools{width:4px !important;}
.server-1right{width:100%;margin-top:20px;}
.server-1item span {font-size: 16px; line-height: 40px;}
}
.server-2 {padding: 70px 0; overflow: hidden;}
.server-2 .server-2-main {margin-top: 60px; overflow: hidden;}
.server-2 .server-2-main .txt {margin-bottom: 30px;}
.server-2 .server-2-main .t-1 {line-height: 35px; font-size: 20px; color: #0c9f9f; font-weight: bold;margin-bottom: 10px;}
.server-2 .server-2-main .t-2 {line-height: 30px; font-size: 16px; color: #494949;}
.server-2 .server-2-main .t-2 p{margin-bottom: 10px;}
.server-2 .server-2-main .t-1 span {font-size: 19px; font-weight: 100;}
.server-2 .server-2-main .t-3 {line-height: 36px; font-size:30px; color: #0c9f9f; font-weight: bold; padding-left: 50px; position: relative;}
.server-2 .server-2-main .t-3:before{width:36px;height:36px;content:"";position:absolute;left:0px;top:0px;background:url("../images/s-2.png") no-repeat;}
.server-2 .server-2-main .t-4 {padding: 20px 0; text-align: center; font-size:20px; color: #0c9f9f; font-weight: bold;}
.server-2 .server-2-main .t-5 {width: 100%; display: inline-block;text-align: center;font-size: 16px; color: #555; line-height: 40px;}
.server-2 .server-2-main .t-5 .info {display: inline-block;text-align: left;padding: 0 35px;}
.server-2 .server-2-main .t-5 .info span {display: block;}
.server-2 .server-2-main .t-5 .info span em {color: #0c9f9f;}
.server-2 .server-2-main .txt .pic {width: 100%; text-align: center; display: inline-block;}
.server-2 .server-2-main .txt .pic img {display:inline-block;max-width: 100%;}
.server-2 .contact-form-ser {width: 100%; overflow: hidden; background:#0da6a5; padding:22px 20px; margin-top: 12px;}
.server-2 .contact-form-ser .input-item-ser {width:49%; overflow: hidden; float: left; margin-right:2%; margin-bottom:12px; }
.server-2 .contact-form-ser .input-item-ser:nth-child(2),.server-2 .contact-form-ser .item1{ margin-right:0;}
.server-2 .contact-form-ser .item2 {width:100%; margin-right: 0;}
.server-2 .contact-form-ser .item3 {width:100%; margin-right: 0;}
.server-2 .contact-form-ser .item3 textarea {
padding: 14px 15px;
text-indent: 0;
min-height: 100px;
}
.server-2 .contact-form-ser .btn-brand {margin: 0 auto;width:117px;line-height: 46px; display: block; background: #4a4a4a;text-align: center; font-size: 16px;color: #fff;}
.server-2 .contact-form-ser .btn {padding: 0;border-radius: 0;border: 0; }
.server-2 .contact-form-ser .input-item-ser input,
.server-2 .contact-form-ser .input-item-ser textarea {
width: 100%;
border: 1px solid #fff;
display: block;
background-color: #fff;
padding: 14px 0;
text-indent: 15px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size: 14px;
height: 44px;
}
.input-item-ser .formError br{display:none;}
.server-2 .contact-form-ser .input-item-ser .formError .formErrorContent {
background:rgba(0,0,0,.3);
}
/* .contact-form-ser .input-item-ser .formError .formErrorArrowBottom div{ background: red;} */
@media (max-width: 991px) {
.server-2 {padding: 40px 0;}
.server-2 .server-2-main {margin-top: 30px;}
.server-2 .server-2-main .t-1 {font-size: 16px;}
.server-2 .server-2-main .t-2 {font-size: 14px; line-height: 25px;}
.server-2 .server-2-main .t-3 {font-size: 18px;padding-left: 40px;}
.server-2 .server-2-main .t-4 {font-size: 14px;}
.server-2 .server-2-main .t-5 {display: block;}
.server-2 .server-2-main .t-5 .info {display: block; font-size: 14px; line-height: 30px; padding: 0;}
.server-2 .server-2-main .t-1 span {font-size: 15px;}
.server-2 .server-2-main .txt .pic img {width: 100%;}
.server-2 .contact-form-ser .input-item-ser {width: 100%; margin-right: 0;height:65px; margin-bottom: 2px; float: none;}
.server-2 .contact-form-ser .item2 {width: 100%;margin-bottom: 5px;}
.server-2 .contact-form-ser .btn-brand {width: 100%; font-size: 14px; float: none;}
.server-2 .contact-form-ser .item3 { height:133px;}
.server-2 .contact-form-ser .item3 .formError{ top:122px !important;}
}
/*鎶曡祫*/
.inv-1 {width: 100%; margin: 60px 0 90px 0; overflow: hidden;}
.inv-1-main {width: 100%; overflow: hidden; padding: 35px 0; border: 1px solid #ddd; }
.inv-1-main .con-fl {background: url("../images/inv-1-1.jpg") no-repeat left bottom;padding-left: 50px; padding-right: 5%; overflow: hidden; border-right:1px solid #ddd;}
.inv-1-main .con-fl .tit {font-size: 35px; color: #0da6a5; line-height: 47px; margin-bottom: 112px;}
.inv-1-main .con-fl .number {margin-bottom: 125px; overflow: hidden;}
.inv-1-main .con-fl .number .t-1 {font-size: 65px; color: #2d2d2d; float: left;}
.inv-1-main .con-fl .number .t-2 {margin-top: 25px; margin-left: 16px; padding-left: 30px; font-size: 20px; color: #2d2d2d; line-height: 26px; float: left;}
.inv-1-main .con-fl .number .red {color:#da251d; background: url(../images/gp2.png) left bottom no-repeat;}
.inv-1-main .con-fl .number .green {color:#2db93d; background: url(../images/gp3.png) left bottom no-repeat;}
.inv-1-main .con-fl .txt {line-height: 22px; color: #6d6d6d;}
.inv-1-main .con-fr {width: 100%; padding: 0 2%;}
.inv-1-main .con-fr .con-tab { overflow: hidden; }
.inv-1-main .con-fr .con-tab .tab-pane {}
.inv-1-main .con-fr .con-tab .tab-up {position: relative;z-index: 2;}
.inv-1-main ul.irt{ margin-bottom: 10px; display: none;}
.inv-1-main ul.irt li{ float: left; width:33.33%; line-height: 33px;}
.inv-1-main ul.irt li .ltt{ font-weight: bold;display: inline-block;width:49%;}
.inv-1-main ul.irt li .num{ width:49%;display: inline-block;}
.inv-1-main .con-fr .con-tab .nav {width: 100%; padding-right: 0;}
.inv-1-main .con-fr .con-tab .nav-tabs {border: 0;}
.inv-1-main .con-fr .con-tab .switch-item {width:25%; font-size:16px; line-height:40px; background: #f0f0f0; text-align: center; float: left; cursor: pointer; transition: all 0.3s;border-right: 1px solid #fff;}
.inv-1-main .con-fr .con-tab .switch-item:nth-child(4) { border-right:0;}
.inv-1-main .con-fr .con-tab .switch-item a:hover {background: #1ab0b1;}
.inv-1-main .con-fr .con-tab .switch-item:hover {background: #1ab0b1; color: #fff;}
.inv-1-main .con-fr .con-tab .switch-item:hover a {color: #fff;}
.inv-1-main .con-fr .con-tab .switch-item .active {display: block; background: #1ab0b1; color: #fff;}
.inv-1-main .con-fr .con-tab .switch-item a {display: block; color: #4b4b4b; }
.inv-1-main .con-fr .tab-content {padding: 20px;}
@media (max-width: 991px) {
.inv-1 {margin: 0 0 30px 0;}
.inv-1-main {padding: 30px 0;}
.inv-1-main .con-fl {padding: 0; border-right: 0; margin-bottom: 20px;}
.inv-1-main .con-fl .tit {font-size: 20px; margin-bottom: 30px;}
.inv-1-main .con-fl .number {margin-bottom: 50px;}
.inv-1-main .con-fl .txt {font-size: 12px;}
.inv-1-main .con-fr {padding: 0;}
.inv-1-main .con-fr .con-tab .nav {height: auto; overflow: hidden;}
.inv-1-main .con-fr .con-tab .switch-item {font-size: 14px; line-height: 30px;}
.inv-1-main .con-fr .con-tab .tab-pane {font-size: 12px;}
.inv-1-main .con-fr .tab-content {padding: 10px 0;}
.inv-1-main .con-fr .tab-content img {width: 100%;}
}
.inv-tit {width:100%;overflow:hidden;text-align:center;font-size:42px;font-weight:bold;color:#333;position:relative;padding-bottom:20px;}
.inv-tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;}
@media (max-width: 991px) {
.inv-tit {font-size: 20px;}
}
.inv-2 {width: 100%; padding: 80px 0; background: #f5f5f5; overflow: hidden;}
.inv-2-main {}
.inv-2-main .con-tab {margin-top: 40px; overflow: hidden; }
.inv-2-main .con-tab .tab-pane {margin-bottom: 30px;}
.inv-2-main .con-tab .tab-up {position: relative;z-index: 2;}
.inv-2-main .con-tab .nav {width: 100%; padding-right: 0; text-align: center; display: inline-block}
.inv-2-main .con-tab .nav-tabs {border: 0;}
.inv-2-main .con-tab .switch-item {width:170px;overflow:hidden;display:inline-block;height:48px;line-height:48px;box-sizing:border-box;border:1px #0da6a5 solid;margin:0px 10px; cursor: pointer;}
.inv-2-main .con-tab .switch-item a:hover {background: #1ab0b1;}
.inv-2-main .con-tab .switch-item:hover {background: #1ab0b1; color: #fff;}
.inv-2-main .con-tab .switch-item:hover a {color: #fff;}
.inv-2-main .con-tab .switch-item .active {display: block; background: #1ab0b1; color: #fff;}
.inv-2-main .con-tab .switch-item a {display: block; color: #0da6a5; text-align: center; }
.inv-2-main .tab-content {margin-top: 65px;}
.inv-2-main .con {padding:25px 40px; margin-bottom: 26px; background: #fff; overflow: hidden;transition: 460ms;}
.inv-2-main .con figcaption {padding-top: 35px;border-top: 8px solid #eee; position: relative;transition: 460ms;}
.inv-2-main .con figcaption .mask {height: 8px;width: 0px;transition: 460ms;background: #eee;position: absolute;left: 0;top: -8px;}
.inv-2-main .con:hover figcaption .mask {height: 8px;width: 100%;transition: 460ms;background: #0da6a5;}
.inv-2-main .con .t-1 {width: 100%; overflow: hidden; margin-bottom: 18px; line-height: 28px; color: #2b2b2b; font-size: 18px;transition: 460ms; }
.inv-2-main .con .t-1 span, .inv-2-main .con .t-1 em {display: block;width: 100%; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.inv-2-main .con .t-1 span a {color: #2b2b2b;}
.inv-2-main .con .t-2 {width: 100%; padding-top: 20px; border-top: 1px solid #ddd; line-height: 18px; color: #999;}
.inv-2-main .con .t-2 span {display: block; float: left;}
.inv-2-main .con .t-2 span i {margin-right: 8px;}
.inv-2-main .con .t-2 em {display: block; float: right;}
.inv-2-main .con .t-2 em a {color: #999;}
.inv-2-main .con .t-2 em i {display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-2px 0 0 8px;padding:0;background:url(../images/jt0.png) center center no-repeat;background-size:20px 20px;}
@media (max-width: 991px) {
.inv-2 {padding: 40px 0;}
.inv-2-main .con-tab {margin-top: 20px;}
.inv-2-main .con-tab .switch-item {width: 30%; margin: 0 1%;}
.inv-2-main .tab-content {margin-top: 20px;}
.inv-2-main .con {padding: 20px;margin-bottom:20px;}
.inv-2-main .con figcaption {padding-top: 20px;}
.inv-2-main .con .t-1 {font-size: 14px;}
}
.inv-3 {padding: 80px 0; overflow: hidden;}
.inv-3-main {margin-top: 50px; overflow: hidden;}
.tz-3content{margin-bottom:30px;}
.tz-3item{overflow:hidden;background:#f5f5f5;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;height:10.41vw;}
.tz-3item a{width:100%;overflow:hidden;display:block;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.tz-3item samp{width:100%;display:block;overflow:hidden;position:relative;height:32px;}
.tz-3item samp img{width:auto;height:auto;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.tz-3item samp img:last-child{opacity:0;}
.tz-3item span{width:100%;display:block;overflow:hidden;text-align:center;font-size:16px;color:#808080;margin-top:10px;}
.tz-3item:hover{background:#0c9f9f;}
.tz-3item:hover samp img{opacity:0;}
.tz-3item:hover samp img:last-child{opacity:1;}
.tz-3item:hover span{color:#fff;}
.tz-map {width:100%;overflow:hidden;margin:30px auto 0px;height:500px;}
.tz-map img {width: 100%;}
@media (max-width: 991px) {
.inv-3 {padding: 40px 0;}
.inv-3-main {margin-top: 20px;}
.tz-3content {margin-bottom: 0;}
.tz-3item {height: 35vw; margin-bottom: 15px;}
.tz-map {height: 360px; margin: 10px auto 0;}
}
/*涓嬭浇*/
.down {padding: 70px 0 100px 0; overflow: hidden;}
.down .tit {width:100%;overflow:hidden;text-align:center;font-size:42px;font-weight:bold;color:#333;position:relative;padding-bottom:20px;}
.down .tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;}
.down .search_box_2 {width: 100%;background: #f1f0f0;padding: 30px 2%;margin-top: 60px;margin-bottom: 30px;}
.down .search_box_2 .t-1 {width: 9%;line-height: 50px;text-align: center;font-size: 20px;color: #333;float: left;margin-right: 2%;}
.down .down_top_form {width: 36.5%;line-height:50px;border: 1px solid #e1e1e1;margin-right: 2%;text-indent:20px;}
.down select{width:100%;background:url("../images/icon-108.png") no-repeat 96% center #fff;}
.down .down_top_txt {width: 36.5%;line-height:50px;border: 1px solid #e1e1e1;margin-right: 2%;text-indent:20px;}
.down .down_top_btn {width: 11%;line-height:50px;font-size: 20px;background:#0da6a5;color:#fff;text-align:center;border:0;}
.down .form-control { width:39%; line-height:50px; border: 1px solid #e1e1e1; margin-right:26px; text-indent:20px;}
@media (max-width: 991px) {
.down {padding: 40px 0;}
.down .tit {font-size:18px;}
.down .search_box_2 {padding: 20px; margin: 30px 0;}
.down .search_box_2 .t-1 {display: none;}
.down .down_top_form {width: 100%; margin-bottom: 10px; margin-right: 0; line-height: 35px;}
.down .down_top_txt {width: 100%;margin-bottom: 10px; margin-right: 0; line-height: 35px;}
.down .down_top_btn {display: block; margin: 0 auto; line-height: 40px; font-size: 16px;}
}
.list_download {margin-bottom: 50px}
.list_download table {
width: 100%;
font-size: 16px
}
.list_download td {}
.list_download td .pdfpic {position: relative; padding-left:20px;}
.list_download td a {color: #424242;}
.list_download td .pdfpic:before {width:27px; height: 29px; background: url("../images/pdf.png") no-repeat;content:"";position:absolute;left:0;transform:translateX(-50%);top:-6px;}
.list_download th {
background-color: #3c3c3c;
color: #fff
}
.list_download td i.fa{ color:#0da6a5; font-size: 16px;}
.list_download th:nth-child(2) {
min-width: 150px
}
@media (max-width: 991px) {
.list_download {margin-bottom: 20px;}
.list_download thead {display: none;}
.list_download table {font-size: 12px;}
.list_download td {width: 80%;}
.list_download td .pdfpic {padding-left: 0;}
.list_download td .pdfpic:before {display: none;}
}
@media (max-width:640px) {
.list_download th:nth-child(2) {
min-width: 120px
}
}
.list_download th:nth-child(3) {
width: 72px;
text-align: center
}
@media (max-width:640px) {
.list_download th:nth-child(3) {
width: 50px
}
}
@media (min-width:640px) {
.list_download th,
.list_download td {
height: 80px;
padding: 31px 40px;
min-width: 200px !important
}
.list_download th:nth-child(1),
.list_download td:nth-child(1) {
width: 60%
}
.list_download th:nth-child(3),
.list_download td:nth-child(3) {
white-space: nowrap;
min-width: 80px;
text-align: center
}
}
@media (max-width:768px) {
.list_download th,
.list_download td {
padding: 10px 20px;
min-width: 100px !important
}
}
@media (max-width:639px) {
.list_download th,
.list_download td {
padding: 10px 0
}
}
@media (min-width:640px) {
.list_download tr:nth-child(2n) {
background: #f1f0f0
}
}
@media (min-width:768px) {
.list_download .icon-xiazai {
width: 72px;
height: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #c9c9c9;
border-radius: 3px;
display: inline-block;
transition: .6s;
font-size: 18px
}
.list_download .icon-xiazai:hover {
background-color: #3c3c3c;
color: #fff;
border-color: #3c3c3c
}
}
@media (max-width:639px) {
.list_download th {
display: none
}
.list_download tr {
display: block;
padding: 20px 0;
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f3
}
.list_download td {
padding: 0
}
.list_download td:nth-child(3) {
display: none
}
.list_download .time {
font-size: 12px;
margin-top: 10px;
color: #999;
text-align: right;
}
}
/*搴旂敤妗堜緥*/
.list-case {padding: 70px 0 100px 0; overflow: hidden;}
.list-case .tit {width:100%;overflow:hidden;text-align:center;font-size:42px;font-weight:bold;color:#333;position:relative;padding-bottom:20px;}
.list-case .tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;}
.list-case-main {margin: 60px 0 20px; overflow: hidden;}
.list-case-main .con {margin-bottom:30px;}
.list-case-main .con:hover .info {border-bottom: 2px solid #0da6a5;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.list-case-main .con:hover .info .t-1 {color:#0da6a5;}
.list-case-main .con .pic {overflow: hidden;}
.list-case-main .con .pic img {width: 100%; }
.list-case-main .con .pic img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.list-case-main .con:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.list-case-main .con .info {padding: 20px 0; overflow: hidden; border-bottom: 2px solid #e1e1e1;}
.list-case-main .con .info .t-1 {display: block; margin-bottom: 8px; line-height: 25px; font-size: 20px; color: #000;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.list-case-main .con .info .t-2 {display: block; line-height: 24px; color: #757575;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media (max-width: 991px) {
.list-case {padding: 40px 0;}
.list-case .tit {font-size:18px;}
.list-case-main .con {margin-bottom: 20px;}
.list-case-main .con .info .t-1 {font-size: 16px;}
}
/*琛屼笟搴旂敤*/
.solve {padding-top: 70px;/* overflow: hidden;*/}
.solve-tit {width:100%;overflow:hidden;text-align:center;font-size:40px;/*font-weight:bold;*/color:#333;position:relative;padding-bottom:20px;}
.solve-tit:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;}
@media (max-width: 991px) {
.solve-tit {font-size: 20px;padding-bottom: 12px;}
.solve-tit:before {width: 40px; height: 2px;}
}
.solve-1 {padding: 32px 0 70px 0; line-height: 32px; font-size: 16px; color: #494949;}
.solve-1 p{margin-bottom: 10px;}
.solve-2 {margin-top: 40px;}
.category_solve-2{margin-bottom: 100px;}
.solve-2item{width:100%;overflow:hidden;background:#fff;margin-top:40px;position:relative;box-shadow:0px 0px 13px 3px rgba(204,204,204,0.3);}
.solve-2item a{width:100%;height:100%;display:block;overflow:hidden;position:relative;}
.solve-2left{float:left;width:50%;overflow:hidden;}
.solve-2left img{width:100%;height:auto;}
.solve-2item:hover .solve-2left img{transform:scale(1.03);}
.solve-2right{width:50%;overflow:hidden;position:absolute;right:0px;top:0px;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.solve-2right span{width:82%;display:block;overflow:hidden;font-size:30px;color:#000;margin:0px auto;}
.solve-2info{width:82%;overflow:hidden;line-height:26px;font-size:16px;color:#666;margin:20px auto 0px;}
.solve-2more{width:82%;margin:30px auto 0px;}
.solve-2more em{float:left;width:146px;height:48px;line-height:48px;overflow:hidden;border:1px #0da6a5 solid;border-radius:2px;box-sizing:border-box;padding-left:18px;font-size:14px;color:#333;position:relative;}
.solve-2more em:before{width:26px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-93.png") no-repeat left center;}
.solve-2more em:after{width:26px;height:100%;content:"";position:absolute;right:0px;top:0px;background:url("../images/icon-93-1.png") no-repeat left center;opacity:0;}
.solve-2more em:hover{background:#0da6a5;color:#fff;}
.solve-2more em:hover:before{opacity:0;}
.solve-2more em:hover:after{opacity:1;}
.solve-2item:nth-child(2n) .solve-2left{float:right;}
.solve-2item:nth-child(2n) .solve-2right{right:auto;left:0px;}
.solve-4{width:100%;overflow:hidden;padding: 85px 0 13px 0; background: #fff;}
.solve-4left{width:50%;overflow:hidden; float: left;}
.solve-4left img{width:100%;height:auto;}
.solve-4left:hover img{transform:scale(1.03);}
.solve-4right{width:47%; float: right; padding-top: 70px;}
.solve-4right .tit {width:100%;overflow:hidden;font-size:32px;color:#222;}
.solve-4info {width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#626262;margin-top: 30px;}
.solve-4right .solve-4more {width:100%;margin-top:40px;}
.solve-4right .solve-4more a{float:left;width:130px;height:44px;line-height:44px;overflow:hidden;text-align:center;margin-right:20px;box-sizing:border-box;border:1px #0da6a5 solid;font-size:14px;color:#333;}
.solve-4right .solve-4more em a{ min-width:120px; padding:0 25px; width:auto;}
.solve-4right .solve-4more a:hover,.solve-4right .solve-4more a:first-child{background:#0da6a5;color:#fff;}
.solve-4right .solve-4more a:hover{transform:translateY(-3px);}
@media(max-width:991px){
.solve-4right .solve-4more span{ display: none; }
.solve-4right .solve-4moree em{ width:120px; }
}
@media(min-width:992px){
.solve-4right .solve-4more em{ display: none; }
}
@media (max-width: 991px) {
.solve {padding: 20px 0 0 0;}
.solve-1 {padding: 20px 0 40px 0; font-size: 14px; line-height: 25px;}
.solve-2left{width:100%;}
.solve-2right{float:left;position:relative;box-sizing:border-box;padding:20px 0px;width:100%;}
.solve-2right span{font-size:18px;}
.solve-2info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height: 24px; font-size: 14px;}
.solve-2more em{width:110px;height:36px;line-height:36px;}
.solve-4 {padding: 20px 0;}
.solve-4left{width:100%; float: none;}
.solve-4right {width: 100%; float: none; padding-top: 20px;}
.solve-4right .tit {font-size: 20px;}
.solve-4info {line-height: 25px;font-size: 14px;margin-top: 20px;}
.solve-4right .solve-4more {margin-top: 20px;}
.solve-4right .solve-4more a {width: 120px; padding: 0 15px !important; min-width: 20px;}
.solve-4right .solve-4more span{ display: none; }
.solve-4right .solve-4more em{ width:120px; }
}
/*NEWS*/
.inner-news {padding: 60px 0 80px 0;}
.news-top {}
.news-top .con {}
.news-top .con a {display: block;}
.news-top .con a .pic {display: block; width: 100%; overflow: hidden;}
.news-top .con a .pic img{height: auto;width: 100%;display: block;}
.news-top .con a .info {padding: 22px;background: #f4f4f4;position: relative;z-index: 2;}
.news-top .con a .info .tit {height: 50px;line-height: 25px;overflow: hidden;display: flex;align-items: center;color: #1c1c1c;font-size: 18px;margin-bottom: 14px;}
.news-top .con a .info .day {border-top:1px solid #e1e1e1;padding-top: 18px;color: #8d8d8d;font-size: 16px;background: url(../images/arr.png) no-repeat right;}
.news-top .con:hover {-moz-box-shadow:0px 2px 10px #bbb; -webkit-box-shadow:0px 2px 10px #bbb; box-shadow:0px 2px 10px #bbb;}
.news-top .con:hover a .pic img{transform: scale(1.09);-webkit-transform: scale(1.09);}
.news-top .con:hover a .info .day{color: #000; background: url(../images/arr_c.png) no-repeat right; }
.list-news {padding: 60px 0 30px 0; overflow: hidden;}
.list-news li {display: inline-block;width: 100%;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb;}
.list-news li:hover .imgfd img {transform: scale(1.09);-webkit-transform: scale(1.09);}
.list-news li .imgfd {width:19%;overflow: hidden; display: block;}
.list-news li .imgfd img{width: 100%; display: block;}
.list-news li .txt{width: 78%; margin-top: 15px;}
.list-news li .txt .t-1 {font-size: 24px;color: #222;font-weight: normal;height: 26px;line-height: 26px;overflow: hidden;}
.list-news li .txt .word{color: #666;font-size: 16px;line-height:28px;height:58px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0;}
.list-news li .bott span{color: #666;line-height: 34px;font-size: 16px;}
.list-news li .bott .tags .t_lx{display: block;float: left;font-size: 16px;color: #888;background: #f3f4f8;padding: 6px;border-radius: 10px;margin-right: 16px;}
.list-news li .bott .tags .t_lx:last-child{margin-right: 0;}
.list-news li .bott .tags .t_lx:hover{background: #e0f3f3;}
.list-news li .txt .t-1:hover{color: #1aa0a1;}
.list-news .info {text-align: left;padding-right: 20px;font-size: 18px;line-height: 48px;margin-bottom: 20px;}
.show-new {overflow: hidden; background: #f7f7f7;}
.show-new-main {padding: 60px 65px; background: #fff;}
.show-new-fl {padding-right: 40px; overflow: hidden;}
.show-new-fl .t-1 {font-size: 28px;line-height: 40px;color: #1b1b1b;}
.show-new-fl .t-2 {width: 100%; height: 62px; padding: 12px 0; border-bottom: 1px dotted #f1f1f1;}
.show-new-fl .t-3 {display: block;float: left;font-size: 14px;line-height: 38px;color: #888;}
/*.show-new-fl .t-2 span a {color: #b6b5b5;}*/
.show-new-fl .t-2 em {display: block; float: right; line-height: 38px; position: relative;}
.pro-1fx {float:right; line-height: 44px; font-size: 16px;}
.show-new-fl .t-2 em o {display: block; float: left;}
.show-new-fl .t-2 em a {width: 34px;line-height: 34px;border-radius: 20px;text-align: center;color: #fff;background: #c5c5c5;margin: 2px 6px 0 0;float: left;}
.show-new-fl .t-2 em a:hover i {background: #0da6a5;width: 34px; line-height:34px; display: block; border-radius: 20px;}
.show-new-fl .box-1 {padding: 20px 0;line-height: 28px;font-size: 16px;overflow: hidden;}
.show-new-fl .box-1 h3 {font-size: 18px;font-weight: bold;color: #0ea6a5;margin: 20px 0 0 32px;}
.show-new-fl .box-1 p:first-child,.show-new-fl .box-1 h3:first-child{margin-top:0;}
.show-new-fl .box-1 p:last-child{margin-bottom:0;}
.show-new-fl .box-1 p{margin: 20px 0;}
.show-new-fl .box-1 img,.show-new-fl .box-1 video{max-width: 100%;}
.show-new-fl .box-2 {width: 100%; height: 27px; margin-bottom: 25px;}
.show-new-fl .box-2 dt {line-height: 27px; float: left; font-size: 15px; color: #484848; display: block;}
.show-new-fl .box-2 dd {display: block;float: left;background: #f3f4f8;padding:0 10px; line-height: 27px; border-radius: 20px; margin-right: 15px;}
.show-new-fl .box-2 dd a {display: block; color: #717171;}
.show-new-fl .box-2 dd:hover{background: #e0f3f3;}
.show-new-fl .paging { width: 100%; overflow: hidden; padding: 40px 0; border-top: 1px dotted #f1f1f1;}
.show-new-fl .paging-fl {float: left;}
.show-new-fl .paging-fl span {display: block; line-height: 35px; font-size: 16px; color: #484848;}
.show-new-fl .paging-fl span a {color: #484848;}
.show-new-fl .paging-fl span a:hover {color: #1aa0a1;}
.show-new-fl .return { float: right; border-radius: 25px; display: block;width: 140px; line-height: 50px; margin-top: 10px; text-align: center; font-size: 16px; background: #0da6a5; color: #fff; }
.show-new-fl .return a {color: #fff; display: block;}
.show-new-fl .show_qrcode{position: absolute; top:45px ; right: 6px;display:none; background: #fff;}
.show-new-fl .show_qrcode .code{ border:#ccc solid 1px; border-radius: 5px;box-shadow: 2px 2px 3px rgba(0,0,0,.4); }
.show-new-fl .show_qrcode .code img{ margin-top:-10px ; width: 120px;}
.show-new-fl .show_qrcode span{ text-align: center; line-height: 25px; overflow: hidden;display: block;width:100%;font-size: 15px;color:rgba(0,0,0,.8); font-weight: bold;margin-top: 8px;}
.show-new-fl .show_qrcode i.close{font-size: 16px; padding-top: 5px; padding-right: 5px;}
.show-new-fr {margin-top: 18px; overflow: hidden;}
.show-new-fr .title {font-size: 20px;color: #555;border-left: 8px solid #0da6a5;padding-left: 10px;margin-bottom: 5px;display: block;font-weight: bold;}
.show-new-fr .info-new {margin-top: 10px; padding-bottom: 35px;overflow: hidden;}
.show-new-fr .info-new .con {padding-top: 18px;overflow: hidden;}
.show-new-fr .info-new .con .pic {width: 35%;float: left;overflow: hidden;}
.show-new-fr .info-new .con .pic img {width: 98%;display: block;border-radius: 10px;transition: transform 0.3s ease;}
.show-new-fr .info-new .con:hover .pic img {transform: scale(1.05);-webkit-transform: scale(1.05);}
.show-new-fr .info-new .con:hover .txt span a {color: #0da6a5;}
.show-new-fr .info-new .con .txt {width: 63%;float: right;display: flex;flex-direction: column;overflow: hidden;}
.show-new-fr .info-new .con .txt span {display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;max-height: 44px;overflow: hidden;text-overflow: ellipsis;font-size: 15px;}
.show-new-fr .info-new .con .txt span a {color: #1b1b1b;}
.show-new-fr .info-new .con .txt em {margin-top: 10px;color: #888;font-size: 14px;display: block;}
.show-new-fr .list-rmtj {margin-top: 15px;overflow: hidden;display: block;}
.show-new-fr .list-rmtj li {width: 100%;line-height: 38px;height: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.show-new-fr .list-rmtj li span {font-size: 18px; /*color: #888;*/}
.show-new-fr .list-rmtj li a {font-size: 16px; color: #3d3d3d;}
.show-new-fr .list-rmtj li a:hover {color: #0da6a5;}
.news-solve-3 {background: #fff!important; overflow: hidden; margin: 80px 0 100px 0!important; padding: 70px 5% 90px 5%!important;}
.news-solve-3 .solve-3content .swiper-slide {border:1px solid #dbdbdb;}
.news-solve-3 .solve-3content .swiper-button-next {right: -60px;}
.news-solve-3 .solve-3content .swiper-button-prev {left: -60px;}
.video-new {width: 100%; padding: 70px 0; overflow: hidden; background: #fff;}
.video-new .vd-list{overflow:hidden;clear: both;}
.video-new .vd-item {overflow:hidden;margin-bottom:30px;cursor:pointer;}
.video-new .vd-top{width:100%;overflow:hidden;position:relative;}
.video-new .vd-top:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:rgba(34,34,34,0.3);z-index:1;}
.video-new .vd-top img{width:100%;height:100%;object-fit:cover;}
.video-new .vd-item:hover .vd-top img{transform:scale(1.02);}
.video-new .vd-top span{width:75px;height:75px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;z-index:12;}
.video-new .vd-bottom{width:100%;overflow:hidden;margin-top:20px;}
.video-new .vd-bottom span{float:left;width:100%;overflow:hidden;font-size:20px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:center;}
.video-new .vd-bottom p{float:left;width:100%;overflow:hidden;font-size:20px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:10px;text-align:center;}
@media (max-width: 991px){
.video-new {padding: 40px 0;}
.video-new .vd-list .col-lg-4 {width: 50%;}
.video-new .vd-item {margin-bottom:20px;}
.video-new .vd-top span {width: 30px; height: 30px;}
.video-new .vd-bottom{margin-top:12px;}
.video-new .vd-bottom span {font-size: 12px;}
.news-solve-3 {padding: 30px 10px!important; margin: 20px 0 40px 0!important;}
.news-solve-3 .solve-3content .swiper-button-next {right:10px;}
.news-solve-3 .solve-3content .swiper-button-prev {left:10px;}
.show-new-main {padding: 30px 10px;}
.show-new-fl {padding: 0;}
.show-new-fl .t-1 {text-align: center;font-size: 20px;line-height: 28px;}
.show-new-fl .t-2 span {width: 100%; font-size: 13px;}
.show-new-fl .t-2 em {display: none;}
.show-new-fl .t-3 {float: none;text-align: center;font-size: 12px;}
.show-new-fl .box-2 {margin-bottom: 15px;}
.show-new-fl .box-2 dt {font-size: 12px;}
.show-new-fl .box-2 dd {font-size: 12px; padding: 0 5px; margin-right: 10px;}
.show-new-fl .paging {padding: 20px 0;}
.show-new-fl .paging-fl {float: none;}
.show-new-fl .paging-fl span {line-height: 28px;font-size: 15px;}
.show-new-fl .return {display: none;}
.show-new-fr .title {font-size: 18px;}
.show-new-fr .list-rmtj li a {font-size: 15px;}
.news-top .con {margin-bottom: 20px;}
.news-top .con a .info {padding: 10px;}
.news-top .con a .info .tit {font-size: 16px;}
.news-top .con a .info .day {font-size: 12px;}
.list-news {padding:15px 0;}
.list-news li {margin-bottom: 0;padding: 20px 0;}
.list-news li .txt .t-1 {font-size: 17px;}
.list-news li .txt .word{height: 48px;line-height: 24px;margin: 5px 0;}
.list-news li .imgfd {width: 38%!important;}
.list-news li .txt{width: 60%!important; margin-top: 0;}
}
@media (max-width: 991px) {
.inner-news {padding: 40px 0;}
.list-news li .bott span{font-size: 16px;}
.list-news li .bott .tags{display: none;}
}
@media (max-width: 450px){
.list-news li .txt .t-1 {font-size: 15px;}
.list-news li .imgfd{width: 44%;}
.list-news li .txt{width: 53%;}
.list-news li .bott span{font-size: 14px;line-height: 20px;}
.list-news li .pad{padding: 14px;}
.list-news li {margin-bottom: 0;padding: 10px 0;}
.list-news li .txt .word{font-size: 12px;height: 40px;line-height: 20px;}
}
.contact {width: 100%; padding: 50px 0 100px 0; overflow: hidden;}
.contact .col-lg-4,.contact .col-lg-8 {padding: 0;}
.contact .lx-txt {padding: 95px 40px 88px 68px; background: #0da6a5; color: #fff; overflow: hidden;}
.contact .lx-txt .t-1 {font-size: 30px; margin-bottom: 35px; overflow: hidden;}
.contact .lx-txt .t-2 {font-size: 48px; line-height: 38px; font-weight: bold; overflow: hidden;}
.contact .lx-txt .t-2 i {display: block; float: left; width:30px; height: 30px; background: url("../images/f-tel.png") no-repeat; margin:4px 20px 0 0;}
.contact .lx-txt .t-3 {margin-top: 28px; line-height: 48px; font-size: 18px;}
.contact .lx-txt .t-3 i {display: block; float: left; width: 22px; height: 24px; margin:12px 10px 0 0;}
.contact .lx-txt .t-3 .i-1 {background: url("../images/l-1.png") no-repeat;}
.contact .lx-txt .t-3 .i-2 {background: url("../images/l-2.png") no-repeat;}
.contact .lx-txt .t-3 .i-3 {background: url("../images/l-3.png") no-repeat;}
.contact .lx-txt .t-3 .i-4 {background: url("../images/l-4.png") no-repeat;}
.contact .lx-txt .t-3 .i-5 {background: url("../images/l-5.png") no-repeat;}
.contact .lx-map {width: 100%;}
@media(max-width:1280px){
.contact .lx-txt .t-2 {
font-size: 40px;
}
.contact .lx-txt {padding: 80px 40px 48px 68px;}
}
.contact-form-content {width: 100%; background: #eef1f5; padding: 80px 0; overflow: hidden;}
.contact-form-content .tit {margin: 65px 0 30px 0; font-size: 16px; color: #404040; overflow: hidden;}
.contact-form-content .tit span {display: block; color: #061f23; font-size: 42px; margin-bottom: 30px;}
.contact-form-wrap {width: 100%;}
.input-item {margin-top: 12px;}
.input-item .invalid-feedback{ text-indent: 6px; line-height: 20px;}
.input-item input::placeholder,.input-item textarea::placeholder {
font-size: 14px; /* 璁剧疆瀛椾綋澶у皬涓?4px */
}
.input-item input,
.input-item textarea {
border: 1px solid #e1e1e1;
display: block;
padding: 12px 15px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width: 100%;
font-size: 14px;
}
.input-item input{
height: 45px;
}
.input-item input:focus,
.input-item textarea:focus {
border-color: #eeb644;
}
.input-item .nice-select {
border-color: #e1e1e1;
height: 50px;
padding-left: 15px;
line-height: 50px;
}
.input-item .nice-select .list {
max-height: 200px;
overflow: auto;
}
.input-item .btn-brand {
font-size: 18px;
margin: 10px auto 0;
letter-spacing: 1.6px;
width: 190px;
line-height: 50px;
padding: 0;
border: 0;
display: block;
}
.btn-brand {
background-color: #0da6a5;
border-color: #0da6a5;
color: #fff;
}
.btn-brand:hover {
background-color: #d8d8d8;
border-color: #d8d8d8;
}
@media (max-width: 991px) {
.contact {padding:0 0 30px 0;}
.contact .lx-txt {padding: 20px 15px;}
.contact .lx-txt .t-1 {font-size: 18px; margin-bottom: 20px;}
.contact .lx-txt .t-2 {font-size: 20px;}
.contact .lx-txt .t-3 {font-size: 14px; margin-top: 20px;}
.contact .lx-map img {width: 100%;}
.contact-form-content {padding:30px 0; }
.contact-form-content .tit {margin:30px 0 0 0; font-size: 14px;}
.contact-form-content .tit span {font-size:28px; margin-bottom:20px;}
.contact-form-content .tit p {line-height: 20px;}
.input-item {margin-top: 12px;}
.input-item .btn-brand {font-size: 16px;line-height: 40px;}
}
.inner-pro {padding: 40px 0;overflow: hidden;}
.inner-pro .pro-fl {width: 20%; float: left;}
.pro-left{float:left;width:calc(295px + 5px);box-sizing:border-box;position:sticky;/*top:calc(100px + 20px);max-height:80vh;*/}
.pro-center{float:left;width:300px;box-sizing:border-box;position:relative;}
/*.pro-center:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;border:1px #e6e6e6 solid;box-sizing:border-box;}*/
.pro-pannel{width:100%;overflow:hidden;position:relative;z-index:12;border:1px #e6e6e6 solid; margin-bottom: 4px;}
/*.pro-pannel:before{width:100%;height:1px;content:"";position:absolute;left:0px;bottom:0px;background:#e6e6e6;}*/
.pro-title{width:100%;overflow:hidden;height:64px;line-height:64px;cursor:pointer;}
.pro-title a{width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box;padding:0px 20px 0px 16px;justify-content:space-between;align-items:center;}
.pro-title span{width:90%;display:block;overflow:hidden;box-sizing:border-box;font-size:16px !important;color:#222;position:relative;line-height:22px;}
.pro-pannel .icon {width:45px;height:45px;display:block;position:absolute;overflow:hidden; top:9px;right: 16px;}
.pro-pannel .icon .ic {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat: no-repeat; background-position: center; background-size: contain;transform:translateX(-100%);-webkit-filter:drop-shadow(45px 0 0 #0da6a5);filter:drop-shadow(45px 0 0 #0da6a5)}
.pro-pannel.active {margin-bottom: 18px;}
.pro-pannel.active .ic {transform:translateX(0);filter:none}
.pro-title em{width:12px;height:12px;display:block;position:relative;}
.pro-title em:before{width:100%;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;}
.pro-title em:after{width:2px;height:100%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;}
.pro-pannel.active .pro-title{background:#0da6a5;cursor:default;}
.pro-pannel.active .pro-title span{color:#fff;}
.pro-pannel.active .pro-title span:before{border-color:#fff;}
.pro-pannel.active .pro-title em:after{opacity:0;}
.pro-pannel.active .pro-title em:before{background:#fff;}
.pro-cont{width:100%;overflow:hidden;display:none;box-sizing:border-box;}
.pro-model{width:100%;overflow:hidden;border-bottom:1px #e6e6e6 solid;}
.pro-model:last-child {border-bottom: 0;}
.pro-item{width:100%;overflow:hidden;height:58px;line-height:58px;padding: 0 40px 0 20px; text-indent: 10px; cursor:pointer; position: relative;}
.no_cat{text-indent:23px ;}
.pro-item span a:hover{ color:#0da6a5;}
/*.pro-item:before {width:100%;height:1px;content:"";position:absolute;left:0px;bottom:0px;background:#e6e6e6;}*/
.pro-item span{float:left;width:calc(100% - 20px);overflow:hidden;height:100%;font-size:15px !important;color:#414141;}
.pro-item em{width:12px;height:100%;float:left;overflow:hidden;position:relative;}
.pro-item em:before{width:12px;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;}
.pro-item em:after{width:2px;height:12px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0da6a5;}
.pro-model.active .pro-item span{color:#0da6a5;}
.pro-model.active .pro-item span a{color:#0da6a5;}
.pro-model.active .pro-item em:after{opacity:0;}
.pro-model ul{width:100%;overflow:hidden; display:none;}
.pro-model ul li{float:left;width:100%;overflow:hidden;line-height:50px;border-top:1px #e6e6e6 solid;text-indent:50px; position:relative;cursor:pointer;}
.pro-model ul li a{color:#666;}
.pro-model ul li a.active{color:#0da6a5;}
.pro-model ul li:before{width:4px;height:4px;content:"";position:absolute;left:38px;top:22px;border-radius:50%;background:#bdbdbd;}
.pro-model ul li.on a,.pro-model ul li:hover a{color:#0da6a5;}
.inner-pro .pro-fl .other-news {width: 96%; padding-top: 45px; clear: both;}
.inner-pro .pro-fl .other-news-top {width: 100%; height: 34px; position: relative;}
.inner-pro .pro-fl .other-news-top:after {width:4px;height:34px;content:"";position:absolute;left:0;top:0;background:#0da6a5;}
.inner-pro .pro-fl .other-news-top span {text-indent: 20px; line-height: 34px; font-size: 26px; color: #000; display: block; float: left;}
.inner-pro .pro-fl .other-news-top em {width: 20px; height: 16px; float: right; display: block; margin: 9px 7px 0 0;}
.inner-pro .pro-fl .other-news ul {display: block; margin-top: 19px; overflow: hidden;}
.inner-pro .pro-fl .other-news ul li {width: 100%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; padding: 23px 15px; background: #f8f8f8; margin-bottom: 10px;}
.inner-pro .pro-fl .other-news ul li a {color: #414141;}
.inner-pro .pro-fr {width: 77%; float: right;/*min-height:2190px;*/}
.inner-pro .pro-fr .screen-OFF {background: #fff!important; border: 0!important;}
.inner-pro .pro-fr .screen-OFF .col-lg-8 {display: none;}
.inner-pro .pro-fr .screen {width: 100%;background: #f7f7f7;border: 1px solid #dcdcdc;margin-bottom: 15px;}
.inner-pro .pro-fr .screen .dropdown {float: left;}
.inner-pro .pro-fr .screen .dropdown .btn-secondary {color: #5d5b5b; background: none;}
.inner-pro .pro-fr .screen .show > .btn-secondary.dropdown-toggle:focus {box-shadow:none}
.inner-pro .pro-fr .screen .btn-secondary:focus, .inner-pro .pro-fr .screen .btn-secondary.focus {-webkit-tap-highlight-color: transparent; outline: none;}
.inner-pro .pro-fr .screen .dropdown .btn {min-width: 10rem;padding: 10px 12px;border: 0;border-right: 1px solid #dcdcdc;border-radius: 0;font-size: 15px;}
.inner-pro .pro-fr .screen .dropdown .dropdown-item {padding: 8px 15px;text-align: center;font-size: 14px;border-bottom: 1px solid #dcdcdc;}
.inner-pro .pro-fr .screen .dropdown .dropdown-item:hover{background: rgba(13, 166, 165, 0.1);cursor: pointer;}
.inner-pro .pro-fr .screen .dropdown .dropdown-item:hover{color: #0da6a5;}
.inner-pro .pro-fr .screen .dropdown .dropdown-item:last-child {border-bottom: 0;}
@media (max-width: 991px) {
.inner-pro .pro-fr .screen .dropdown .dropdown-item{padding: 6px 15px;}
}
.inner-pro .pro-fr .screen .info {float: right; padding-right: 12px;font-size: 15px; line-height: 42px; color: #0da6a5;}
.inner-pro .pro-fr .screen .info span {margin-left: 10px; color: #5d5d5d;}
.inner-pro .pro-fr .screen .info o {color: #0da6a5;}
.inner-pro .pro-fr .screen .info h1{display: inline-block;font-size: 15px;}
.inner-pro .pro-fr-main { /*margin-bottom: 10px;*/ overflow: hidden;}
.inner-pro .pro-fr-main .con {border: 1px solid #ddd; border-bottom: 3px solid #fff;margin-bottom: 30px;}
.inner-pro .pro-fr-main .con:hover {border-bottom: 3px solid #0da6a5;}
.inner-pro .pro-fr-main .con .pic {overflow: hidden;}
.inner-pro .pro-fr-main .con .pic img {width: 100%; }
.inner-pro .pro-fr-main .con .pic img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.inner-pro .pro-fr-main .con:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.inner-pro .pro-fr-main .con .info {padding: 15px 17px 0 17px;position: relative;}
.inner-pro .pro-fr-main .info:before {width: 100%; content:"";position:absolute;left:0;bottom:-1px;border-bottom: 1px solid #ddd;}
.inner-pro .pro-fr-main .con .info .t-1 {height: 44px;line-height: 22px;font-size: 16px;margin-bottom: 5px;overflow: hidden;display: flex;align-items: center;text-align: center;justify-content: center;}
.inner-pro .pro-fr-main .con .info .t-1 a {color: #000;}
.inner-pro .pro-fr-main .con .info .t-2 {color: #999;margin-bottom: 15px;line-height: 25px;height: 50px;overflow: hidden;}
.inner-pro .pro-fr-main .con .info .more {line-height: 52px; border-top: 1px solid #ddd; text-align: center; font-size: 16px;}
.inner-pro .pro-fr-main .con .info .more a {color: #444;}
.inner-pro .pro-fr-main .con:hover .t-2{color: #444;}
.inner-pro .pro-fr-main .con:hover .info a {color: #0da6a5;}
.solve-main {padding-bottom: 160px;}
.solve-ls {width:100%;overflow:hidden;height:70px;background:#f2f2f2;margin-top: 70px;}
.solve-ls ul{overflow:hidden;margin: 10px auto 0px;height: 60px;line-height: 60px;}
.solve-ls ul li{float:left;width: 24%;margin-right: 1.33%;overflow:hidden;height:100%;text-align:center;font-size:18px;color:#666;cursor:pointer;position:relative;}
.solve-ls ul li:last-child{margin-right: 0;}
.solve-ls ul li a{ color:#333;}
.solve-ls ul li:before{width:0%;height:2px;content:"";position:absolute;left:0px;top:0px;background:#0da6a5;}
.solve-ls ul li:hover {background:#fff;color:#0da6a5; }
.solve-ls ul li.active {background:#fff;color:#0da6a5;}
.solve-ls li.active:before{width:100%;}
.solve-ls ul li:hover:before{width:100%;height:2px;content:"";position:absolute;left:0px;top:0px;background:#0da6a5;}
.solve-info {overflow:hidden;margin:0px auto;padding-top: 70px;font-size: 16px;line-height: 25px;color: #333;}
.solve-info h2.tit{font-size: 20px;color: #0ea6a5;margin-bottom: 30px;}
.solve-info p {margin-bottom: 10px;}
@media (max-width: 991px) {
.solve-main {padding-bottom: 40px;}
.solve-ls {margin-top:10px;height: 56px;}
.solve-ls ul{overflow:hidden;margin: 5px auto 0px;height: 51px;line-height: 48px;}
.solve-ls li a{font-size: 16px;}
.solve-info {padding-top:20px;}
.solve-info h2.tit{font-size:18px;margin: 10px 0 20px;}
}
.inner-pro .pro-fr-T {width: 100%;line-height: 22px;border-top: 1px solid #ddd;padding-top: 20px;font-size: 14px;margin-top: 30px;color: #888;clear: both;}
.inner-pro .pro-fr-T p{text-indent: 2em;}
@media (max-width: 991px) {
.inner-pro .pro-fr-T{display:none;}
}
@media (max-width: 1480px) {
.inner-pro .pro-fr .screen .col-lg-9 {max-width: 100%;flex:0 0 100%;}
.inner-pro .pro-fr .screen .col-lg-3 {display: none;}
}
@media (max-width: 1440px) {
.pro-center {width:90%;}
}
@media (max-width: 1366px) {
.pro-center {width:85%;}
}
@media (max-width: 991px) {
.inner-pro {padding: 30px 0;}
.inner-pro .pro-fl {width: 85%; float: none; margin: 0 auto;}
/*.pro-left {width: 100%; top: 0px; position: relative; max-height: 200px;}*/
.inner-pro .pro-fl .other-news {display: none;}
.inner-pro .pro-fr {width: 100%; float: none; clear: both; padding-top: 20px;}
.inner-pro .pro-fr .screen .dropdown {}
.inner-pro .pro-fr .screen .dropdown .btn {width: auto;font-size: 14px;padding: 12px 10px;border-right:0;}
.inner-pro .pro-fr .screen .info {float: none; text-align: center; padding-right: 0; font-size: 14px;}
.inner-pro .pro-fr-main {/* padding-bottom: 20px; */overflow: inherit;}
.inner-pro .pro-fr-main .con .info {padding: 10px 5px 0 5px;}
.inner-pro .pro-fr-main .con .info .t-2 {display: none;}
.inner-pro .pro-fr-main .con {margin-bottom: 20px;}
.inner-pro .pro-fr-main .con .info .t-1 {height: 60px;font-size: 15px;line-height: 20px;display: flex;align-items: center;text-overflow: clip;white-space: normal;}
.inner-pro .pro-fr-main .con .info .t-2 {font-size: 12px;}
.inner-pro .pro-fr-main .con .info .more{font-size: 15px;line-height: 40px;}
}
/*video*/
.video-prop{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:1000;background:rgba(0,0,0,0.6);text-align:center;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.video-prop:before{height:100%;content:"";display:inline-block;vertical-align:middle;}
.video-center{width:65%;vertical-align:middle;display:inline-block;position:relative;}
.video-center video{width:100%;height:auto;display:block;}
.video-close{width:36px;height:36px;overflow:hidden;position:absolute;right:-18px;top:-18px;z-index:12;border-radius:50%;background:#fafafa;text-align:center;cursor:pointer;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.video-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);}
.video-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);}
.video-close:hover{transform:rotate(180deg);}
.video-active{opacity:1;visibility:visible;}
@media screen and (max-width:768px){.video-center{width:90%;}
.video-close{width:32px;height:32px;right:-16px;top:-16px;}
}
/*product-info*/
.pro-1 {width:100%;overflow:hidden;padding:66px 0px 0px 0;}
.pro-1left{width:46%;overflow:hidden; float: left;}
.pro-1left .tit {width: 100%;font-size:32px;color:#222;}
/*.pro-1left .tit .t-1 {width: 70%;font-size:32px;color:#222; float:left;}
.pro-1left .tit .t-2 {width: 27%; float: right; text-align: right;line-height:38px; color:#999; font-size:16px; background:url(../images/eye0.png) center left no-repeat; background-size:24px 24px;}*/
.pro-1info{width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:30px;}
.pro-1-m {width:100%;margin-top:60px; position: relative; min-height: 200px;}
.pro-1more{float:left;}
@media(max-width:991px){
.pro-1more span{ display: none; }
.pro-1more em{ width:120px; }
}
@media(min-width:992px){
.pro-1more em{ display: none; }
}
.pro-1more a{float:left;width:150px;height:44px;line-height:44px;overflow:hidden;text-align:center;margin-right:20px;box-sizing:border-box;border:1px #0da6a5 solid;font-size:14px;color:#333;border-radius: 4px;}
.pro-1more a:hover,.pro-1more a:first-child{background:#0da6a5;color:#fff;}
.pro-1more a:hover{transform:translateY(-3px);}
.pro-1fx {float:right; line-height: 44px; font-size: 16px;}
.pro-1fx span {display: block; float: left;}
.pro-1-m .show_qrcode{position: absolute; top:45px ; right: 6px;display:none;background-color: #fff;}
.pro-1-m .show_qrcode .code{ border:#ccc solid 1px; border-radius: 5px;box-shadow: 2px 2px 3px rgba(0,0,0,.4); }
.pro-1-m .show_qrcode .code img{ margin-top:-10px ;width:120px;}
.pro-1-m .show_qrcode span{ text-align: center; line-height: 25px; overflow: hidden;display: block;width:100%;font-size: 15px;color:rgba(0,0,0,.8); font-weight: bold;margin-top: 2px;}
.pro-1-m .show_qrcode i.close{font-size: 16px; padding-top: 5px; padding-right: 5px;}
.pro-1fx a {width: 34px; line-height: 34px; display: block; border-radius: 20px; text-align: center; color: #fff; background: #bdbdbd; margin: 2px 6px 0 0; float: left;}
.pro-1fx a:hover i {background: #0da6a5;width: 34px; line-height:34px; display: block; border-radius: 20px;}
.pro-1right{width:46%; float: right;}
.pro-1cont{float:left;width:83.5%;overflow:hidden;}
.pro-1cont .swiper-slide{position:relative;}
.pro-1cont .swiper-slide img{width:100%;height:auto;/*max-width:80%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/}
.pro-1nav{float:right;width:15.234%;height:17vw; margin: 50px 0; position:relative;}
.pro-1nav .swiper-slide{box-sizing:border-box;border:3px #f2f2f2 solid;position:relative;cursor:pointer;}
.pro-1nav .swiper-slide img{width:auto;height:auto;max-width:70%;max-height:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pro-1nav .swiper-slide.active{border-color:#0da6a5;}
.pro-1nav .swiper-button-prev{width:100%;height:40px;background:#f7f7f7 url("../images/icon-24.png") no-repeat center;left:0px;margin:0px;top:-50px;}
.pro-1nav .swiper-button-next{width:100%;height:40px;background:#f7f7f7 url("../images/icon-24.png") no-repeat center;right:0px;margin:0px;top:auto;bottom:-50px;transform:rotate(180deg);}
.pro-1nav .swiper-button-prev:hover,.pro-1nav .swiper-button-next:hover{background-color:#ddd;}
.pro-2{width:100%;overflow:hidden;height:70px;background:#f2f2f2;margin-top: 30px;}
.pro-2 ul{overflow:hidden;margin:10px auto 0px;height:60px;line-height: 60px;}
.pro-2 ul li{float:left;width:25%;overflow:hidden;height:100%;text-align:center;font-size:18px;color:#333;cursor:pointer;position:relative;}
.pro-2 ul li:before{width:0%;height:2px;content:"";position:absolute;left:0px;top:0px;background:#0da6a5;}
.pro-2 ul li.active{background:#fff;color:#0da6a5;}
.pro-2 ul li.active:before{width:100%;}
.pro-3{width:100%;overflow:hidden;position:relative;color:#333;}
.pro-3pannel {width:100%;overflow:hidden;position:absolute;left:0px;top:0px; opacity: 0; z-index:1;}
.pro-3pannel.active {opacity: 1; z-index:2; position:relative;}
/*.pro-3pannel.item4 {opacity: 0;}
.pro-3pannel.item4.active {opacity: 1;}*/
.pro-3td{overflow:hidden;margin:0px auto;padding: 80px 20px;}
.pro-3td .h4{float:left;width:100%;overflow:hidden;font-size:24px;color:#0da6a5;}
.pro-3info{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:20px;}
.pro-3pic{float:left;width:100%;overflow:hidden;margin-top:20px;}
.pro-3pic img{width:100%;height:auto;}
.pro-3pannel ul{float:left;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;margin-top:25px;}
.pro-3pannel ul li{float:left;width:100% !important;overflow:hidden;line-height:24px;position:relative;font-size:16px;color:#222;padding-left:24px;margin-top:20px;box-sizing:border-box;}
.pro-3pannel ul li:before{width:6px;height:6px;content:"";position:absolute;left:0px;top:10px;border-radius:50%;background:#0da6a5;overflow:hidden;}
.pro-3des{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:50px;}
.pro-3pannel ul.on li{width:32%;margin-right:1%;}
.pro-3pannel.active .pro-3td {animation:updown 0.5s ease 1;animation-fill-mode:forwards;font-size: 16px;line-height: 25px;}
.pro-3pannel.active .pro-3td .pic {display: inline-block; width: 100%; text-align: center;}
.pro-3pannel.active .pro-3td h3:first-child{
margin-top: 0;
}
.pro-3pannel.active .pro-3td h3{
border-left: 6px solid #43b0ac;
padding-left: 10px;
font-size: 20px;
font-weight: 600;
margin: 40px 0 20px;
}
.pro-3pannel.active .pro-3td p{
margin-bottom: 10px;
}
.pro-3pannel.active .pro-3td p img{
max-width:100%;
}
.pro-3pannel.active .pro-3td table {
border-collapse: collapse;
border: #dcdcdc solid 1px;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.pro-3pannel.active .pro-3td table tr:hover{
background: rgba(13, 166, 165, 0.1);
cursor: pointer;
}
.pro-3pannel.active .pro-3td table td {
padding: 6px 4px;
/*min-width: 120px;*/
}
@media (max-width:992px){
.pro-3pannel.active .pro-3td .table-con {overflow: scroll; }
.pro-3pannel.active .pro-3td table {width: 100%;/* margin: 20px 0; */}
}
@media (max-width:1600px){
.pro-3pannel.active .pro-3td .table-con {overflow: scroll; }
}
.pro-3pannel.active .pro-3td table.index {
border-collapse: collapse;
border: #fff solid 1px;
}
.pro-3pannel.active .pro-3td table.index tr {
border: #fff solid 1px;
}
.pro-3pannel.active .pro-3td table.index tr:first-child td:nth-child(1) {
/*background: rgb(28, 160, 159) !important;*/
}
.pro-3pannel.active .pro-3td table.index tr:first-child td:nth-child(2) {
/*background: #dcedec !important;*/
font-size: 16px;
}
.pro-3pannel.active .pro-3td table.index tr > td.bg {
background: rgb(28, 160, 159) !important;
font-size: 16px;
}
.pro-3pannel.active .pro-3td table.index tr td:nth-child(2) {
border: #fff solid 1px; /*background: #dcedec !important;*/
padding-left: 40px;
font-size: 16px;
}
.pro-3pannel.active .pro-3td table.index tr td:nth-child(2) p {
text-indent: 0px !important; /*border-bottom:#fff solid 1px;*/
}
.pro-3pannel.active .pro-3td table.index tr td:nth-child(2) p:last-child {
/*border-bottom:none;*/
}
.pro-3left{width:41.5%;overflow:hidden;}
.pro-3model{width:100%;overflow:hidden;}
.pro-3model samp{display:none;}
.pro-3model span{float:left;width:100%;overflow:hidden;font-size:24px;color:#0da6a5;opacity:0;transform:translateY(60px);}
.pro-3model em{float:left;width:100%;overflow:hidden;font-size:14px;color:#999;opacity:0;transform:translateY(60px);}
.pro-3ct{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:60px;opacity:0;transform:translateY(60px);}
.pro-3left .swiper-slide-active .pro-3model span{animation:updown 0.5s ease 1;animation-fill-mode:forwards;}
.pro-3left .swiper-slide-active .pro-3model em{animation:updown 0.5s ease 0.1s 1;animation-fill-mode:forwards;}
.pro-3left .swiper-slide-active .pro-3ct{animation:updown 0.5s ease 0.2s 1;animation-fill-mode:forwards;}
.pro-3right{width:32.29vw;height:32.29vw;position:relative;background:url("../images/icon-128.png") no-repeat center;background-size:100%;transform:translateX(-22%);}
.pro-3cir{width:70%;height:70%;overflow:hidden;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pro-3cir span{width:100%;display:block;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;opacity:0;-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-ms-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;transform:scale(1.06);}
.pro-3cir span img{width:100%;height:100%;overflow:hidden;object-fit:cover;}
.pro-3cir span.active{opacity:1;transform:scale(1);}
.pro-3loop{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.pro-3small{width:auto;overflow:hidden;position:absolute;z-index:12;cursor:pointer;display:flex;justify-content:space-between;align-items:center;top:50%;transform:translateY(-50%);opacity:0;}
.pro-3small samp{width:3.646vw;height:3.646vw;display:block;border-radius:50%;box-sizing:border-box;overflow:hidden;position:relative;}
.pro-3small samp:before{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;box-sizing:border-box;border-radius:50%;border:5px transparent solid;}
.pro-3small samp img{width:100%;height:100%;}
.pro-3small .pro-3res{width:280px;overflow:hidden;margin-left:27px;}
.pro-3small .pro-3res span{width:100%;overflow:hidden;display:block;font-size:16px;color:#222;}
.pro-3small .pro-3res em{width:100%;overflow:hidden;display:block;font-size:14px;color:#999;text-align:left;}
.pro-3small.active samp:before{border:5px #0da6a5 solid;}
.pro-3small.active .pro-3res span,.pro-3small.active .pro-3res em{color:#0da6a5;}
.pro-3small.ps{left:89%;opacity:1;}
.pro-3small.ps1{left:88%;top:40%;opacity:1;}
.pro-3small.ps2{left:88%;top:60%;opacity:1;}
.pro-3small.psa1{left:85%;top:32%;opacity:1;}
.pro-3small.psa2{left:89%;top:50%;opacity:1;}
.pro-3small.psa3{left:85%;top:68%;opacity:1;}
.pro-3small.pt1{left:81%;top:24%;opacity:1;}
.pro-3small.pt2{left:88%;top:41%;opacity:1;}
.pro-3small.pt3{left:88%;top:59%;opacity:1;}
.pro-3small.pt4{left:81%;top:76%;opacity:1;}
.pro-3small.p1{left:74%;top:16%;opacity:1;}
.pro-3small.p2{left:85%;top:32%;opacity:1;}
.pro-3small.p3{left:89%;top:50%;opacity:1;}
.pro-3small.p4{left:85%;top:68%;opacity:1;}
.pro-3small.p5{left:74%;top:84%;opacity:1;}
.pro-3small.po1,.pro-3small.pm1{left:61%;top:9%;opacity:1;}
.pro-3small.po2,.pro-3small.pm2{left:80%;top:22%;opacity:1;}
.pro-3small.po3,.pro-3small.pm3{left:88%;top:40%;opacity:1;}
.pro-3small.po4,.pro-3small.pm4{left:88%;top:60%;opacity:1;}
.pro-3small.po5,.pro-3small.pm5{left:80%;top:78%;opacity:1;}
.pro-3small.po6,.pro-3small.pm6{left:61%;top:91%;opacity:1;}
.pro-3pannel.active .pro-3app{animation:updown 0.5s ease 1;animation-fill-mode:forwards;}
.pro-3rel{width:75%;margin:160px auto;position:relative;opacity:0;transform:translateY(60px);}
.pro-3rel .swiper-slide{box-sizing:border-box;padding:0px 2.4vw;}
.pro-3rel a{width:100%;display:block;overflow:hidden;height:100%;}
.pro-3rel samp{width:100%;display:block;overflow:hidden;height:13.54vw;position:relative;}
.pro-3rel samp img{width:auto;height:auto;max-width:90%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pro-3rel span{width:100%;display:block;overflow:hidden;margin-top:40px;line-height:28px;font-size:18px;color:#222;text-align:center;}
.pro-3rel .swiper-slide:hover span{color:#0da6a5;transform:translateY(4px);}
.pro-3rel .swiper-button-prev{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;left:-80px;}
.pro-3rel .swiper-button-next{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;right:-80px;transform:rotate(180deg);}
.pro-3rel .swiper-button-prev:hover,.pro-3rel .swiper-button-next:hover{background-color:#0da6a5;}
.pro-3pannel.active .pro-3rel{animation:updown 0.5s ease 1;animation-fill-mode:forwards;}
.pro-3video{width:75%;margin: 80px auto;position:relative;}
.pro-3item{width:100%;overflow:hidden;padding-bottom: 30px;cursor:pointer;}
.pro-3item samp{width:100%;height:14.58vw;display:block;overflow:hidden;position:relative;border-radius:8px;}
.pro-3item samp em{width:3.9vw;height:3.9vw;overflow:hidden;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../images/icon-42.png") no-repeat center;background-size:100%;opacity:0.7;}
.pro-3item samp img{width:100%;height:100%;overflow:hidden;object-fit:cover;}
.pro-3item:hover samp img{transform:scale(1.03);}
.pro-3item span{width:100%;overflow:hidden;font-size:18px;color:#222;margin-top:50px;display:block;text-align:center;}
.pro-3item p{width:100%;overflow:hidden;font-size:20px;color:#222;margin-top:8px;display:block;text-align:center;}
.pro-3item:hover samp em{opacity:1;}
.pro-3video .swiper-button-prev{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;left:-80px;}
.pro-3video .swiper-button-next{width:50px;height:50px;overflow:hidden;border-radius:50%;background:#e5e5e5 url("../images/icon-59.png") no-repeat center;right:-80px;transform:rotate(180deg);}
.pro-3video .swiper-button-prev:hover,.pro-3video .swiper-button-next:hover{background-color:#0da6a5;}
.pro-3pannel.active .pro-3video{animation:updown 0.5s ease 1;animation-fill-mode:forwards;}
.pro-3ul{width:75%;display:flex;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;margin: 80px auto;}
.pro-3li{width:100% !important;overflow:hidden;background:#fff;margin-bottom: 20px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02);height:60px;line-height:60px;display:block;overflow:hidden;box-sizing:border-box;padding:0px 40px;}
.pro-3li span{float:left;width:85%;height:100%;overflow:hidden;box-sizing:border-box;padding-left:40px;background:url("../images/icon-94.png") no-repeat left center;font-size:18px;color:#353535;}
.pro-3li span a{color:#353535;}
.pro-3li em{float:right;width:21px;height:100%;overflow:hidden;background:url("../images/icon-95.png") no-repeat center;}
.pro-3li em a{width:100%;height:100%;display:block;overflow:hidden;}
.pro-3li:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.06);}
.pro-3li:hover span a{color:#0da6a5;}
.pro-3li:hover em{transform:translateY(3px);}
.solve-3{width:100%;margin:0px auto;padding:80px 0;background:#f7f7f7; margin-top: 100px;}
.solve-3 .h3{width:100%;overflow:hidden;text-align:center;font-size:36px;/*font-weight:bold;*/color:#1b1b1b;position:relative;padding-bottom:20px;}
.solve-3 .h3:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;}
.solve-3content{width:100%;margin:50px auto 0px;position:relative;}
.solve-3content .swiper-container{padding-bottom:5px;}
.solve-3content .swiper-slide{background:#fff;}
.solve-3content .swiper-slide a{width:100%;height:100%;overflow:hidden;display:block;}
.solve-3content .swiper-slide samp{width:100%;overflow:hidden;display:block;height:16.4vw;position:relative;}
.solve-3content .swiper-slide samp img{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);/*max-width:70%;max-height:70%;*/ width:100%;}
.solve-3content .swiper-slide em {width:100%;overflow:hidden;display:block;}
.solve-3content .swiper-slide em img{width:100%;}
.solve-3content .swiper-slide span {width:100%;display:block;overflow:hidden;height: 60px;line-height: 60px;text-align:center;background:#0da6a5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size: 18px;color:#fff;}
.solve-3content .swiper-slide .info {padding: 22px 30px; overflow: hidden; background: #fff;}
.solve-3content .swiper-slide .info .t-1 {font-size: 20px; color: #000; margin-bottom: 10px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.solve-3content .swiper-slide .info .t-2 {font-size: 14px; color: #757575; line-height: 24px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.solve-3content .swiper-slide:hover{transform:translateY(5px);}
.solve-3content .swiper-button-prev{width:50px;height:50px;border-radius:50%;overflow:hidden;background: #dcdcdc url(../images/icon-59.png) no-repeat center;left:-80px;}
.solve-3content .swiper-button-next{width:50px;height:50px;border-radius:50%;overflow:hidden;background: #dcdcdc url(../images/icon-59.png) no-repeat center;right:-80px;transform:rotate(180deg);}
.solve-3content .swiper-button-prev:hover,.solve-3content .swiper-button-next:hover{background-color:#0da6a5;}
.solve-3content .swiper-slide:hover samp img{transform:translate(-50%,-50%) scale(1.02);}
@media (max-width:992px){
/*product*/
.pro-1-m .show_qrcode{position: absolute;top: -173px;right: 37px;}
.pro-1-m {min-height:95px;}
.pro-1left .tit{font-size: 20px;}
/*.pro-1left .tit .t-1 {width: 100%; float: none; font-size: 20px;}
.pro-1left .tit .t-2 {display: none;}*/
.pro-1info {margin-top: 20px;line-height: 25px;font-size: 14px;}
.pro-1-m {margin-top: 20px;}
.pro-1more {width: 100%; float: none; overflow: hidden;}
.pro-1fx {float: none; margin-top: 20px;}
.pro-left{width:100%;top:0px;position:relative;max-height:280px;}
.pro-center{width:calc(100% - 20px);}
.pro-right{width:100%;margin-top:30px;}
.pro-li samp{height:32vw;}
.pro-form{width:100%;}
/*product-info*/
.pro-1{padding: 20px 0px;}
.pro-1center{width:90%;display:block;}
.pro-1right{width:100%;float:left;}
.pro-1left{width:100%;margin-top: 20px;float:left;}
.pro-1left .h3{font-size:18px;}
.pro-1more a{width:120px;height:36px;line-height:36px;margin-right:10px;}
.pro-1nav{height:28vw;}
.pro-2{margin-top: 0;height: 56px;}
.pro-2 ul{height: 51px;line-height: 48px;margin: 5px auto 0;}
.pro-2 ul li{font-size:16px;}
.pro-3td,.pro-3app{padding: 40px 0px;}
.pro-3pannel.active .pro-3td h3{font-size:18px;margin: 30px 0 20px;}
.pro-3left{width:100%;}
.pro-3model span{font-size:18px;}
.pro-3ct{margin-top:20px;}
.pro-3right{transform:translateX(-17%);width:60vw;height:60vw;margin-top:20px;}
.pro-3rel{margin:20px auto;}
.pro-3des{margin-top:20px;}
.pro-3small samp{width:7vw;height:7vw;}
.pro-3small .pro-3res{margin-left:11px;}
.pro-3small.active samp::before{border:2px #c62630 solid;}
.pro-3small .pro-3res span{font-size:12px;}
.pro-3small .pro-3res em{font-size:10px;}
.pro-3rel samp{height:24vw;}
.pro-3rel .swiper-button-prev{left:10px;}
.pro-3rel .swiper-button-next{right:10px;}
.pro-3video{margin: 30px auto;padding-bottom:70px;}
.pro-3item samp{height: 46vw;}
.pro-3item samp em{width:9vw;height:9vw;}
.pro-3item span{font-size:14px;margin-top:16px;}
.pro-3item p{font-size:14px;margin-top:3px;}
.pro-3video .swiper-button-prev{left:25%;top:auto;bottom:20px;}
.pro-3video .swiper-button-next{right:25%;top:auto;bottom:20px;}
.solve-3 .swiper-button-next,.solve-3 .swiper-button-prev {top: -11%}
.solve-3{padding:30px 0px;}
.solve-3 .h3{font-size:20px;}
.solve-3content{margin-top:20px;}
.solve-3content .swiper-button-next,.solve-3content .swiper-button-prev {width: 40px; height: 40px;}
.solve-3content .swiper-slide samp{height:64vw;}
.solve-3content .swiper-slide span{height:40px;line-height:40px;font-size: 14px;}
.solve-3content .swiper-slide .info {padding: 20px;}
.solve-3content .swiper-slide .info .t-1 {font-size: 16px;}
.solve-3content .swiper-button-prev{left:10px;}
.solve-3content .swiper-button-next{right:10px;}
}
@media screen and (max-width:1440px){.pro-3ul{margin:80px auto;}
}
@media screen and (max-width:1280px){.pro-3ul{margin:50px auto;}
}
@media screen and (max-width:1000px){.pro-3ul{margin:40px auto;width: 100%;}
}
@media screen and (max-width:768px){.pro-3ul{margin:30px auto;}
.pro-3li{height:40px;line-height:40px;padding: 0px;}
.pro-3li span{font-size: 14px;width: 92%;background-size:14px;padding-left:26px;}
.pro-3li em{background-size:15px;}
}
/*鍒嗛〉*/
ul.pagination {
display: block;
float: right;
overflow: hidden;
}
ul.pagination li {display: inline;}
ul.pagination li a {
color: black;
float: left;
padding: 6px 14px;
font-size: 15px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
ul.pagination li a.active {
background-color: #0da6a5;
color: white;
border: 1px solid #0da6a5;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
@media (max-width:992px){
ul.pagination {width: 100%; overflow: hidden;}
ul.pagination li a {padding: 2px 6px;margin: 0 3px 3px 0;}
}
.zx-prop{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:2000;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.zx-prop.zx-prop-active{opacity:1;visibility:visible;}
.zx-center{width:40%;overflow:hidden;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-bottom:30px;}
.zx-close{width:30px;height:30px;position:absolute;right:20px;top:20px;transform:rotate(45deg);z-index:12;cursor:pointer;}
.zx-close:before{width:70%;height:2px;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;}
.zx-close:after{width:2px;height:70%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;}
.zx-close:hover{transform:rotate(135deg);}
.zx-center .h3{width:100%;overflow:hidden;text-align:center;font-size:26px;font-weight:bold;color:#333;position:relative;padding-bottom:15px;margin-top:40px;}
.zx-center .h3:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#0da6a5;}
.zx-center form{width:90%;overflow:hidden;margin:20px auto 0px;}
.zx-g{width:100%;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.zx-g .txt5{width:32%;}
.zx-g .sel{width:100%;}
.zx-g .sel select{
overflow: hidden;
box-sizing: border-box;
margin-top: 20px;
border: 1px #e3e3e3 solid;
height: 40px;
line-height: 40px;
background-color: #fff;
padding: 0px 10px;
font-size: 14px;
color: #666;
}
.zx-g .txt5 input[type='text'],.zx-g .txt5 input[type='email']{
width:100%;
overflow:hidden;
box-sizing:border-box;
margin-top:12px;
border:1px #e3e3e3 solid;
height:40px;
line-height:40px;
background-color:#fff;
padding: 0px 10px;
font-size:14px;
color:#666;
}
.zx-g .txt5 .invalid-feedback,.zx-g .sel .invalid-feedback,.zx-g .txt .invalid-feedback{ line-height:20px ; text-indent: 6px;}
zx-g .txt5::placeholder{color:#666 !important;opacity:1;}
.zx-g .txt5::-webkit-input-placeholder{color:#666 !important;opacity:1;}
.zx-g .txt5::-ms-input-placeholder{color:#666 !important;opacity:1;}
.zx-g .txt5::-moz-placeholder{color:#666 !important;opacity:1;}
.zx-g select{width:100%;background:url("../images/icon-108.png") no-repeat 98% center;}
.zx-g .txt.form-floating{width:100%;}
.zx-g .form-floating textarea{
width:100%;
overflow:hidden;
box-sizing:border-box;
margin-top:20px;
border:1px #e3e3e3 solid;
background-color:#fff;
padding: 10px;
font-size:14px;
color:#666;
line-height:24px;
height:100px;
}
.zx-g textarea::placeholder{color:#666 !important;opacity:1;}
.zx-g textarea::-webkit-input-placeholder{color:#666 !important;opacity:1;}
.zx-g textarea::-ms-input-placeholder{color:#666 !important;opacity:1;}
.zx-g textarea::-moz-placeholder{color:#666 !important;opacity:1;}
.zx-bt{width:100%;overflow:hidden;padding-top:30px;}
.zx-bt input{width:40%;height:40px;line-height:40px;display:block;margin:0px auto;overflow:hidden;cursor:pointer;background:#0da6a5;text-align:center;font-size:14px;color:#fff;}
.zx-bt input:hover{transform:translateY(-3px);}
.zx-g select:hover,.zx-g.txt5:hover,.zx-g textarea:hover{border-color:#0da6a5;}
@media screen and (max-width:1440px){.zx-center{width:70%;padding-bottom:24px;}
.zx-center form{margin:10px auto 0px;}
}
@media screen and (max-width:768px){.zx-center .h3{margin-top:20px;font-size:20px;}
.zx-center .h3:before{width:30px;height:2px;}
.zx-center{width:90%;padding-bottom:14px;}
.zx-center form{margin:10px auto 0px;}
.zx-g select,.zx-g .txt5{width:100%;margin-top:8px;height:35px;line-height:35px;}
.zx-g textarea{margin-top:6px;height:90px;}
.zx-bt{padding-top:15px;}
.zx-bt input{width:100%;}
}
.pro-1 .pro-1more em a{ min-width:120px; padding:0 25px; width:auto;}
@media (max-width:767px){
.pro-1 .pro-1more a{width: 120px; padding: 0 15px!important; min-width:20px;}
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #0da6a5;
border-color: #0da6a5;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #0da6a5;
border-color: #0da6a5;
}
.pages{
display: flex;
justify-content: center;
}
.invalid-feedback{ text-indent: 6px; line-height: 20px;}
#content_list{ min-height: 320px;}
@media(max-width:991px){
#content_list{ min-height: 340px;}
}
.inner-news .txtarea h1 {
font-size: 24px;
font-weight: bold;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inner-news .txtarea h1:after {
display: block;
content: " ";
width: 40px;
height: 2px;
background: #0da6a5;
z-index: 5;
margin: 11px 0;
}
.a_dw{position:relative !important;top:-140px !important;}
.vd-1{float:left;width:auto;overflow:hidden; margin-bottom: 30px;}
.vd-1 span{float:left;height:52px;line-height:52px;margin-top:4px;overflow:hidden;width:7.813vw;box-sizing:border-box;margin-right:18px;border:1px #e4e4e4 solid;text-align:center;}
.vd-1 span a{width:100%;height:100%;display:block;overflow:hidden;text-align:center;font-size:16px;color:#999;}
.vd-1 span:last-child{margin-right:0px;}
.vd-1 span.active,.vd-1 span:hover{background:#0da6a5;border-color:#0da6a5;}
.vd-1 span.active a,.vd-1 span:hover a{color:#fff;}
@media(max-width:990px){
.vd-1{margin-bottom:15px;}
.vd-1 span{height:30px;line-height:30px;width:80px;margin-right:8px;}
.vd-1 span a{font-size:12px;}
}
.pro_pages{ margin-bottom: 20px;}
@media(min-width:1200px){
.content-fix{
position: fixed;
top:112px;
/* bottom: 30px;*/
background: #fff;
max-height: 70vh;
}
}