/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;font-family:'hr','Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {color: #000;}
.fullscreen,.fullscreen body {width: 100%;height: 100% ;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background: #202020;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #666666;}
::-webkit-scrollbar-button{height:0; width:5px;background: #666666;}
::-webkit-scrollbar-thumb{background-color:#73bf03;box-shadow:inset 1px 1px 0 #73bf03,inset 0 -1px 0 #73bf03;}
video{
width: 100%; /* 宽度占满父容器 */
height: auto; /* 固定高度 */}
@media (max-width:800px){
video{
width: 100%; /* 宽度占满父容器 */
height: auto; /* 固定高度 */}
}
@font-face {
font-family:'hr','Microsoft YaHei',Arial,sans-serif;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "hb",'Microsoft YaHei',Arial,sans-serif;
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "hl",'Microsoft YaHei',Arial,sans-serif;
font-weight: 100;
font-style: normal;
}
/* 颜色样式 */
.cl-lg{ color: #73BF03 !important}
.cl-mg{ color: #193735 !important}
.cl-zg{ color: #41821C !important}
/* 最小高度样式 */
.min-h28{ min-height: 3.1rem !important}
.min-h34{ min-height: 3.4rem !important}
/* 对齐样式 */
.dq-l{ text-align: left !important}
.dq-r{ text-align: right !important}
.dq-c{ text-align: center !important}
/* 图标样式 */
.ico-80{ height: 0.9rem !important; width: auto}
.pd-50{ padding: 0.5rem 0}
.pd-60{ padding: 0.6rem 0}
.pd-90{ padding: 0.9rem 0}
.pd-t-10{ padding-top: 0.1rem !important}
.pd-t-20{ padding-top: 0.2rem !important }
.pd-t-30{ padding-top: 0.3rem !important }
.pd-t-40{ padding-top: 0.4rem !important }
.pd-t-50{ padding-top: 0.5rem !important }
.pd-t-60{ padding-top: 0.6rem !important }
.pd-t-70{ padding-top: 0.7rem !important }
.pd-t-80{ padding-top: 0.8rem !important }
.pd-b-10{ padding-bottom: 0.1rem !important}
.pd-b-20{ padding-bottom: 0.2rem !important}
.yj-l{ border-radius: 0.14rem 0 0 0;}
.yj-r{ border-radius: 0 0.14rem 0 0;}
.i-bgh{background: #e7eae9; color:#73BF03; font-size:0.22rem; padding: 0.15rem; border-radius: 50%; margin-right: 0.1rem}
.gt-main{ width: 100%}
.gt-index-content{ width:84%; margin:auto; }
.gt-content{ width:84%; margin:auto; }
.gt-content table{ width:100% !important; height:20px; color:#666666; font-size:14rem !important; line-height:0.22rem; border-collapse:collapse; }
.gt-content table tr:nth-child(odd) { background: #f9fafb; } /* 奇数行 */
.gt-content table tr:nth-child(even) { background: #ffffff; } /* 偶数行 */
.gt-content table th{ height:30px; border-bottom: 1px solid #e5e7eb; border-collapse:collapse}
.gt-content table td{ height:28px; border-bottom: 1px solid #e5e7eb; border-collapse:collapse; font-size:0.16rem; padding:0.14rem 0.1rem !important; line-height:0.22rem }
.gt-content table p{ padding:0px 0px !important; font-size:0.16rem !important; }
.gt-content table strong{font-family: "hb"; font-weight:bold; font-weight:bold; font-size:0.2rem; color:#193735}
.gt-content h4{ font-size:0.16rem !important; color: #666666; line-height: 0.24rem}
.gt-content h3{ font-size:0.22rem;font-family: "hb"; font-weight:bold; font-weight:bold; padding:0.1rem 0 0.1rem 0; color:#193735 }
.gt-content p{ font-size:0.16rem; color:#666666; line-height:0.26rem }
.gt-content img{ max-width: 100%; height: auto}
.gt-content .content{ padding: 0px}
.gt-content .left{ float: left; width: 48%;}
.gt-content .right{ float: right; width: 48%;}
.table-title{ background:#73BF03; color: #ffffff; font-size: 0.18rem !important; padding: 0.10rem 0; font-family: "hb"; font-weight:bold; font-weight:bold; line-height: 0.24rem}
.gt-content .list{ display: flex ; flex-wrap: wrap;}
.gt-content-title{ background:url(../images/titlebg1.png) no-repeat top left; font-family: "hr"; color:#000; font-size:0.42rem; padding:0.54rem 0 0.4rem 0 }
.gt-content-title2{ background:url(../images/titlebg2.png) no-repeat top left; font-family: "hr"; color:#000; font-size:0.42rem; padding:0.54rem 0 0.4rem 0 }
.gt-content-title3{ background:url(../images/titlebg1.png) no-repeat top left; font-family: "hr"; color:#000; font-size:0.36rem; padding:0.54rem 0 0.4rem 0 }
.gt-content-title4{ padding:0 0 0.4rem 0; text-align: center}
.gt-content-title4 h2{font-family: "hb"; font-weight:bold; font-weight:bold; color:#193735; font-size:0.40rem; }
.gt-content2{ width:84%; margin:auto; }
.gt-content2 h4{ font-size:0.16rem !important; color: #666666; line-height: 0.24rem}
.gt-content2 h3{ font-size:0.22rem;font-family: "hb"; font-weight:bold; font-weight:bold; padding:0.1rem 0 0.1rem 0; color:#193735 }
.gt-content2 p{ font-size:0.16rem; color:#666666; line-height:0.26rem }
.gt-content2 img{ max-width: 100%; height: auto}
.gt-content2 .content{ padding: 0px}
.gt-content2 .left{ float: left; width: 48%;}
.gt-content2 .right{ float: right; width: 48%;}
.col-md-1{ float:left; width:100%; padding: 2% 2%; text-align: center; margin-bottom:2%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-1:hover{transform: translateY(-4px);}
.col-md-2{ float:left; width:49%; padding: 2% 2%; text-align: center; margin-right:2% !important; margin-bottom:2%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-2:nth-of-type(2n){margin-right: 0 !important; }
.col-md-2:hover{transform: translateY(-4px);}
.col-md-2 img{ height: 0.9rem !important; width: auto !important}
.col-md-3{ float:left; width:32%; padding: 2% 2%; text-align: center; margin-right:2%; margin-bottom:2%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-3:nth-of-type(3n){margin-right: 0; }
.col-md-3:hover{transform: translateY(-4px);}
.col-md-3 img{ height: 0.9rem !important; width: auto !important}
.col-md-4{ float:left; width:23.5%; padding: 2% 2%; text-align: center; margin-right:2%; margin-bottom:2%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-4:nth-of-type(4n){margin-right: 0; }
.col-md-4:hover{transform: translateY(-4px);}
.col-md-4 img{ height: 0.9rem !important; width: auto !important}
.data-pill {
display: inline-block;
padding: 4px 12px;
border-radius: 0.16rem;
font-size: 0.15rem;
font-weight: 500;
background: rgba(10, 61, 46, 0.1);
color: #0A3D2E;
margin-right: 8px;
margin-bottom: 8px;
}
.bgh{ background:#f0f2f5}
.bgg{ background:#193735}
.bgp{ background: url(../images/bgg.png) no-repeat right top #f5f5f5}
.bgp2{ background: url(../images/prog2.png) no-repeat left top #f0f2f5}
a.mo{display:block;height:0.5rem; line-height:0.5rem; width:1.7rem; border-radius:0.25rem; background:#73BF03; text-align:center; color:#ffffff; font-size:0.18rem; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
a.mo:hover {display:block;height:0.5rem; line-height:0.5rem; width:1.7rem; border-radius:0.25rem;background:#41821C; text-align:center; color:#ffffff; font-size:0.18rem; }
a.contact-m{display:block; margin:0 auto; height:0.6rem; line-height:0.6rem; width:2.2rem; border-radius:0.3rem; background:#73BF03; text-align:center; color:#ffffff; font-size:0.24rem;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
a.contact-m:hover {display:block; margin:0 auto; hheight:0.6rem; line-height:0.6rem; width:2.2rem; border-radius:0.3rem;background:#193735; text-align:center; color:#ffffff; font-size:0.24rem; }
.input_bk{ font-size:0.16rem; color:#666666; width:97%; height:0.34rem; line-height:0.34rem; padding-left:2%; border-radius:0.06rem; border:1px solid #CCC}
.textarea{ font-size:0.16rem; color:#666666; width:97%; height:2rem; line-height:0.2rem; padding:1% 1%; border-radius:0.06rem; border:1px solid #CCC}
.input_submit{ background:#73BF03 !important; border:0px; width:180px; height:48px; line-height:48px; border-radius:6px; text-align:center; cursor:pointer; font-family:'Microsoft YaHei','微软雅黑'; font-size:22px; font-weight:bold; color:#FFF !important}
.input_bk2{ font-size:0.16rem; color:#666666; width:0.9rem; height:0.34rem; line-height:0.34rem; padding-left:2%; border-radius:0.06rem; border:1px solid #CCC}
.input_bk3{ font-family:'Microsoft YaHei','微软雅黑'; font-size:0.16rem; border-radius:0.06rem; color:#666666; width:85%; height:0.40rem; line-height:0.4rem; padding-left:0.12rem; border:1px solid #CCC}
.b_submit{ background:#006cb7 !important; border:0px; width:144px; height:44px; line-height:44px; border-radius:6px; text-align:center; cursor:pointer; font-family:'Microsoft YaHei','微软雅黑'; font-size:18px; color:#FFF !important}
.input_submit2{ background:#73BF03 !important; margin-top:0.4rem; border:0px; width:100%; height:0.4rem; line-height:0.4rem; border-radius:0.06rem; text-align:center; cursor:pointer; font-family:'Microsoft YaHei','微软雅黑'; font-size:0.16rem; font-weight:bold; color:#FFF !important}
@media screen and (max-width: 800px) {
/* 最小高度样式 */
.min-h28{ min-height: 150 !important}
.min-h34{ min-height: 250 !important}
.ico-80{ height: 70px !important; width: auto}
.gt-index-content{ width:93%; margin:auto; }
.gt-content{ width:94%; margin:auto; }
.gt-content table{ width:100% !important; height:20px; color:#666666; font-size:14px !important; line-height:22px; border-collapse:collapse; }
.gt-content table tr:nth-child(odd) { background: #f9fafb; } /* 奇数行 */
.gt-content table tr:nth-child(even) { background: #ffffff; } /* 偶数行 */
.gt-content table th{ height:30px; border-bottom: 1px solid #e5e7eb; border-collapse:collapse}
.gt-content table td{ height:28px; border-bottom: 1px solid #e5e7eb; border-collapse:collapse; font-size:14px; padding:14px 10px !important; line-height:22px }
.gt-content table p{ padding:0px 0px !important; font-size:14px !important; }
.gt-content table strong{font-family: "hb"; font-weight:bold; font-weight:bold; font-size:16px; color:#193735}
.gt-content h4{ font-size:14px !important; color: #666666; line-height: 24px}
.gt-content h3{ font-size:18px;font-family: "hb"; font-weight:bold; font-weight:bold; padding:10px 0 10px 0; color:#193735 }
.gt-content p{ font-size:14px; color:#666666; line-height:22px }
.gt-content img{ max-width: 100%; height: auto; margin: 10px 0px}
.gt-content .content{ padding: 0px}
.gt-content .left{ float: left; width: 100%;}
.gt-content .right{ float: right; width: 100%;}
.table-title{ background:#73BF03; color: #ffffff; font-size: 14px !important; padding: 8px 0; font-family: "hb"; font-weight:bold; font-weight:bold; line-height: 24px}
.gt-content2{ width:94%; margin:auto; }
.gt-content2 h4{ font-size:14px !important; color: #666666; line-height: 24px}
.gt-content2 h3{ font-size:18px;font-family: "hb"; font-weight:bold; font-weight:bold; padding:10px 0 10px 0; color:#193735 }
.gt-content2 p{ font-size:14px; color:#666666; line-height:22px }
.gt-content2 img{ max-width: 100%; height: auto; margin: 10px 0px}
.gt-content2 .content{ padding: 0px}
.gt-content2 .left{ float: left; width: 100%;}
.gt-content2 .right{ float: right; width: 100%;}
.gt-content-title{ background:url(../images/titlebg1.png) no-repeat top left; background-size:36% auto; font-family: "hr"; color:#000; text-align:left; font-size:26px; padding:34px 0 20px 0 }
.gt-content-title2{ background:url(../images/titlebg2.png) no-repeat top left; background-size:36% auto; font-family: "hr"; color:#000; font-size:26px; text-align:left; padding:34px 0 20px 0}
.gt-content-title3{ background:url(../images/titlebg1.png) no-repeat top left; background-size:36% auto; font-family: "hr"; color:#000; text-align:left; font-size:22px; padding:34px 0 20px 0 }
.gt-content-title4{ padding:0 0 0.4rem 0; text-align: center}
.gt-content-title4 h2{font-family: "hb"; font-weight:bold; font-weight:bold; color:#193735; font-size:0.40rem; }
.col-md-1{ float:left; width:100%; padding: 4% 3%; text-align: center; margin-bottom:4%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-1:hover{transform: translateY(-4px);}
.col-md-2{ float:left; width:100%; padding: 4% 4%; text-align: center; margin-bottom:4%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-2:hover{transform: translateY(-4px);}
.col-md-2 img{ height: 70px !important; width: auto !important}
.col-md-3{ float:left; width:100%; padding: 4% 4%; text-align: center; margin-bottom:4%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-3:hover{transform: translateY(-4px);}
.col-md-3 img{ height: 70px !important; width: auto !important}
.col-md-4{ float:left; width:100%; padding: 4% 4%; text-align: center; margin-bottom:4%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.col-md-4:hover{transform: translateY(-4px);}
.col-md-4 img{ height: 70px !important; width: auto !important}
.data-pill {
display: inline-block;
padding: 4px 12px;
border-radius: 10px;
font-size: 14px;
line-height: 24px;
font-weight: 500;
background: rgba(10, 61, 46, 0.1);
color: #0A3D2E;
margin-right: 8px;
margin-bottom: 8px;
}
.bgh{ background:#f0f2f5}
.bgp{ background: url(../images/bgg.png) no-repeat right top #f5f5f5}
a.mo{display:block; height:40px; line-height:40px; width:140px; border-radius:20px; background:#73BF03; text-align:center; color:#ffffff; font-size:16px; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
a.mo:hover {display:block; height:40px; line-height:40px; width:140px; border-radius:20px; background:#193735; text-align:center; color:#ffffff; font-size:16px; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
a.contact-m{display:block; margin:0 auto; height:40px; line-height:40px; width:140px; border-radius:20px; background:#73BF03; text-align:center; color:#ffffff; font-size:20px; }
a.contact-m:hover {display:block; margin:0 auto; height:40px; line-height:40px; width:140px; border-radius:20px;background:#193735; text-align:center; color:#ffffff; font-size:20px; }
.input_bk{ font-size:14px; color:#666666; width:97%; height:34px; line-height:34px; padding-left:10px; border-radius:6px; border:1px solid #CCC}
.textarea{ font-size:0.16rem; color:#666666; width:97%; height:2rem; line-height:0.2rem; padding:1% 1%; border-radius:0.06rem; border:1px solid #CCC}
.input_submit{ background:#73BF03 !important; border:0px; height:40px; line-height:40px; width:140px; border-radius:20px; text-align:center; cursor:pointer; font-size:20px; font-weight:normal; color:#FFF !important}
.input_bk2{ font-size:14px; color:#666666; width:90px; height:34px; line-height:34px; padding-left:10px; border-radius:6px; border:1px solid #CCC}
.input_bk3{ font-size:14px; border-radius:6px; color:#666666; width:100%; height:40px; line-height:40px; padding-left:12px; border:1px solid #CCC}
.b_submit{ background:#006cb7 !important; border:0px; width:144px; height:44px; line-height:44px; border-radius:6px; text-align:center; cursor:pointer; font-family:'Microsoft YaHei','微软雅黑'; font-size:18px; color:#FFF !important}
.input_submit2{ background:#73BF03 !important; margin-top:10px; border:0px; width:100%; height:40px; line-height:40px; border-radius:6px; text-align:center; cursor:pointer; font-size:18px; font-weight:bold; color:#FFF !important}
}
/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease; }
.header-content {width:94%;height: 90px;margin: auto;position: relative;z-index: 500; }
.header-logo {width:11%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logo.png') left center no-repeat;background-size: contain;}
.header-logo img {opacity: 0;display: block;width: auto;height: auto;max-width: 100%;}
.header-right {position: absolute;right: 0;width: 100%;height: 100%;top: 0;z-index: 10;text-align: right;}
.header-nav {display: inline-block;vertical-align: middle;}
.header-nav ul{list-style: none;margin: 0;padding: 0;}
.header-nav ul li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 0 20px;position: relative;}
.header-nav ul li a{color: #fff;line-height: 90px; font-size:0.18rem; position: relative;z-index: 10;}
.header-nav ul li.cur a {color: #73BF03 !important; font-weight: 600 !important}
.header-nav ul li.cur a {font-family: 'Barlow-Bold';}
.header-nav ul li a:hover {color:#73BF03; font-family: 'Barlow-Bold';}
.header-nav ul li::after {position: absolute;left: 50%;top:50%;transform:skewX(340deg) translate(-100%,-40%);z-index: 1;background: #fff;opacity:0;}
.header-nav ul li.cur::after {opacity: .3;}
.header-langtuage-search {display: inline-block;vertical-align: middle;margin-left: 30px;}
.header-langtuage-search a{text-align: center;position: relative;display: block;line-height: 48px;}
.header-langtuage-search i{width: 18px;height: 18px;}
.header-langtuage-search i img {display: block;max-width: 100%;}
.header-langtuage-search span{ color: #fff;margin-left: 7px;}
.header-langtuage-search i,.header-langtuage-search span {display: inline-block;vertical-align: middle;position: relative;z-index: 11;}
.langtuage-1,.search-1 {display: inline-block;vertical-align: middle;}
.langtuage-1 {position: relative;}
.langtuage-1 a {width: 180px;height: 48px;}
.langtuage-1 a::after{content: '';width: 180px;height: 48px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;}
.search-1 {margin-left: 5px;}
.search-1 a {width: 60px;height: 48px;}
.search-1 a::after{content: '';width: 60px;height: 48px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;}
.langtuage-1 a:hover::after,.search-1 a:hover::after {background:#73bf03;border: 1px solid #73bf03;opacity: 1;}
.langtuage-1 a:hover i,.search-1 a:hover i {filter: invert(100%);}
.langtuage-1 a:hover span,.search-1 a:hover span {color: #000;}
.langtuage-show {position: absolute;width: 100%;left: -8px;top: 104%;overflow: hidden;z-index: 11;display: none;}
.langtuage-show ul {background: #fff;padding: 5% 0;overflow: hidden;box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);margin-top: 3%;}
.langtuage-show a {display: block;color: #1a1a1a;width: auto;height: auto;border-bottom: 1px solid #e8e8e8;text-align: left;width: 80%;margin: auto;}
.langtuage-show a:hover {color:#73BF03;}
.langtuage-show a:last-child {border: none;}
.langtuage-show a::after {display: none;}
.header.scroll-down,.header.scroll-top,.header.black {background: #fff;border-bottom: 1px solid #e6e6e6;}
.header.scroll-down .header-logo a,.header.scroll-top .header-logo a,.header.black .header-logo a{background: url('../images/logoh.png') left center no-repeat;background-size: contain;}
.header.scroll-down .header-nav ul li a,.header.scroll-top .header-nav ul li a,.header.black .header-nav ul li a{color: #1a1a1a;}
.header.scroll-down .header-nav ul li.cur a,.header.scroll-top .header-nav ul li.cur a,.header.black .header-nav ul li.cur a {color: #1f1c5e;}
.header.scroll-down .header-nav ul li.cur::after,.header.scroll-top .header-nav ul li.cur::after,.header.black .header-nav ul li.cur::after {background: #73bf03;opacity: 1;}
.header.scroll-down .header-langtuage-search i img,.header.scroll-top .header-langtuage-search i img,.header.black .header-langtuage-search i img {filter: invert(100%);}
.header.scroll-down .header-langtuage-search a:hover i img,.header.scroll-top .header-langtuage-search a:hover i img,.header.black .header-langtuage-search a:hover i img{filter: invert(0);}
.header.scroll-down .header-langtuage-search a::after,.header.scroll-top .header-langtuage-search a::after,.header.black .header-langtuage-search a::after {border: 1px solid #e6e6e6;opacity: 1;}
.header.scroll-down .header-langtuage-search a:hover::after,.header.scroll-top .header-langtuage-search a:hover::after,.header.black .header-langtuage-search a:hover::after {border: 1px solid #73bf03;opacity: 1;}
.header.scroll-down .header-langtuage-search span,.header.scroll-top .header-langtuage-search span,.header.black .header-langtuage-search span {color: #1a1a1a;}
.header.scroll-down .header-nav ul li a:hover,.header.scroll-top .header-nav ul li a:hover,.header.black .header-nav ul li a:hover {color: #1f1c5e;font-family: 'Barlow-Bold';}
.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;}
.header-nav-show-mark.cur {z-index: 20;opacity: .2;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:-1;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease; background-color: rgb(255,255,255,0.99); margin-top:90px;overflow: hidden;}
.header-nav-solution {text-align: center;padding: 2% 0;overflow: hidden;text-align: center;}
.header-nav-solution-item {width: 14%;display: inline-block;vertical-align: top;text-align: left;overflow: hidden;margin: 0 1%;}
.header-nav-solution-item .img {overflow: hidden;background: #e3e3e3;}
.header-nav-solution-item .nav-item {padding: 0 0 5% 0;overflow: hidden;}
.header-nav-solution-item .nav-item a.cur{display: block;font-family: 'Barlow-Bold';color: #404040;border-bottom: 1px solid #e8e8e8;padding: 5% 0;overflow: hidden;}
.header-nav-solution-item .nav-item li{list-style: none;margin: 0;padding: 4% 0;}
.header-nav-solution-item .nav-item li a{display: block;padding: 1.5% 0;color: #666666; }
.header-nav-solution-item .nav-item li a:hover {color: #1f1c5e;text-decoration: underline;}
.header-nav-products {text-align: center;padding: 2% 0;overflow: hidden;text-align: center;}
.header-nav-products-item {width: 80%; margin:0px auto}
.header-nav-products-item .nav-item{padding: 0 0 0 0;overflow: hidden; display: flex ; flex-wrap: wrap; }
.header-nav-products-item .nav-item li{ list-style:none; width:30%; float:left; margin-right:5%; margin-bottom:0.2rem;}
.header-nav-products-item .nav-item li:nth-child(3n){ margin-right:0;}
.header-nav-products-item .nav-item .ico{ width:20%; float:left}
.header-nav-products-item .nav-item .ico img{ width:95%; height:auto; margin-top:0.1rem}
.header-nav-products-item .nav-item .content{ width:75%; float:right; text-align:left}
.header-nav-products-item .nav-item .content h2{font-size:0.24rem ; font-family: "hb"; font-weight:bold; font-weight:bold; text-align:left;color:#333333; padding:0.1rem 0 0.06rem 0}
.header-nav-products-item .nav-item .content h2 a{font-size:0.20rem ; font-family: "hb"; font-weight:bold; font-weight:bold; text-align:left;color:#333333; }
.header-nav-products-item .nav-item .content h2 a:hover{font-size:0.20rem ; font-family: "hb"; font-weight:bold; font-weight:bold; text-align:left;color:#73BF03; }
.header-nav-products-item .nav-item .content p{ font-size:0.15rem; color:#666666; line-height:0.2rem; font-family: "hl"; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-nav-products-item .nav-item .content a{ color:#666666; line-height:22px; font-size:0.15rem; }
.header-nav-products-item .nav-item .content a:hover{ color:#73BF03; line-height:22px; font-size:0.15rem; }
.search-content-show {position: absolute;left: 50%;top:-50%;width: 30%;transform: translate(-50%,-50%);z-index: 511;transition:all .4s ease;}
.search-content-show-content {position: relative;}
.search-content-show-top {position: relative;overflow: hidden;}
.search-submit{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;background: url('../images/ss.png') left center no-repeat;margin-top: -25px;border: none;z-index: 11;cursor: pointer;filter: invert(100%);}
.search-submit:hover {opacity: .5;}
.search-input{padding: 0 5%;width: 100%;box-sizing: border-box;background: none;border: none;border-bottom: 1px solid #000;height:50px;display: block;}
.close-1 {position: absolute;width: 50px;height: 50px;right: -20px;top: 50%;margin-top: -25px;z-index: 11;cursor: pointer;transition:all .4s ease;transform: rotate(45deg);}
.close-1::after {content: '';width: 12px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1::before {content: '';width: 2px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1:hover {transform: rotate(315deg);}
.searchshow .search-content-show {top: 50%;}
.searchshow .header-right {opacity: 0;transform: translateY(-100%);}
.search-content {width: 40%;margin: auto;position: relative;}
.search-content .search-text {padding: 4% 5%;border: 1px solid #000;display: block;background: #f7f7f7;width: 100%;box-sizing: border-box;}
.search-ok {position: absolute;right:0;top:0;width: 10%;height: 100%;z-index: 11;background: url('../images/ss.png') center no-repeat ;filter: invert(100%);display: block;border: none;cursor: pointer;}
.search-ok:hover {opacity: .5;}
.search-content-main {width:100%;margin: auto;padding: 4% 0;overflow: hidden;}
.search-content-nav {overflow: hidden;padding: 1% 0;border-bottom: 1px solid #e8e8e8;}
.search-content-nav a{display: inline-block;vertical-align: middle;margin-right: 3%;position: relative;}
.search-content-nav a span{display: block;position: relative;z-index: 20;}
.search-content-nav a.cur span{font-family: 'Barlow-Bold';color: #1f1c5e;}
.search-content-nav a::after {content: '';width: 10px;height: 26px;position: absolute;left: 50%;top:50%;transform:skewX(340deg) translate(-100%,-40%);z-index: 1;background: #73bf03;opacity:1;z-index: 1;opacity: 0;}
.search-content-nav a.cur::after {opacity: 1;}
.search-content-list {padding: 1% 0;overflow: hidden;}
.search-result {color: #999999;}
.search-result span{color: #000;}
.search-content-result {padding: 1% 0;overflow: hidden;}
.solution-result-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.solution-result-item.mr0 {margin-right: 0;}
.news-detail-content.search-detail-content {padding: 6% 0 0 0;}
.search-content-result.solution-detail-related-swiper .text{text-align: left;}
/* 位置导航 */
.p_hbox{ width:100%; background:#193735; }
.p_here{ width:84%; margin:0px auto; height:0.5rem; color:#FFF}
.p_here a{ font-size:0.14rem; height:0.5rem; color:#FFF}
.p_here a:hover{ font-size:0.14rem; height:0.5rem; color:#73BF03}
.p_hbox2{ width:100%; background-color:rgb(25,55,53,0.06);}
.p_here2{ width:84%;font-size:0.16rem; margin:0px auto; height:0.54rem; color:#666666}
.p_here2 a{ font-size:0.16rem; line-height:0.54rem; color:#666666}
.p_here2 a:hover{ font-size:0.16rem; line-height:0.54rem; color:#73BF03}
@media (max-width:800px){
.p_hbox{ width:100%; background:#193735; }
.p_here{ width:96%; margin:0px auto; min-height:40px; padding:10px 0px;color:#FFF}
.p_here a{ font-size:14px; line-height:20px; color:#FFF}
.p_here a:hover{ font-size:14px; line-height:20px; color:#73BF03}
.p_hbox2{ width:100%; background-color:rgb(25,55,53,0.06);}
.p_here2{ width:96%;font-size:14px; margin:0px auto; min-height:40px; padding:10px 0px; color:#666666}
.p_here2 a{ font-size:14px; line-height:20px; color:#666666}
.p_here2 a:hover{ font-size:14px; line-height:20px; color:#73BF03}
}
/* 内页横幅 */
.nyban_box{ height:3.8rem; text-align:center; margin-top:80px; width: 100%}
.nyban_mask{ position: absolute; height:3.8rem;width: 100% !important; background: linear-gradient(to right, #193735, rgba(25, 55, 53, 0)); background-size:auto 100%;}
.nyban{ position: absolute; width:84%; margin: 0px 8%; padding-top:1.5rem; font-size:0.18rem; text-align:left; background-size:100% auto;}
.nyban h1{ font-size:0.4rem; color:#73BF03; line-height:0.36rem; font-weight:bold}
.nyban h2{ font-size:0.34rem; color:#73BF03; line-height:0.46rem; font-weight:bold}
.nyban h3{ font-size:0.18rem; color:#d6d8d9; font-weight:bold}
.nyban p{ padding-top:0.18rem; font-size:0.18rem; color:#d6d8d9; }
.nyban2{ width:1280px; margin:0px auto; padding-top:110px; font-size:18px; text-align:left; background-size:100% auto;}
.nyban2 h2{ font-size:54px; color:#ffffff; line-height:104px; font-weight:500}
.nyban2 h3{ font-size:18px; color:#666666; font-weight:400}
.nyban2 p{ padding-top:5px; font-size:18px; color:#a7a6a6}
.nymain2{ width:90%; margin:0.6rem auto}
@media (max-width:800px){
.nyban_box{ height:2.5rem; text-align:center; margin-top:60px}
.nyban_mask{position: absolute; height:2.5rem; background: linear-gradient(to right, #193735, rgba(25, 55, 53, 0)); background-size:auto 100%;}
.nyban{ position: absolute; width:96%; margin:0px 2%; padding-top:0.8rem; font-size:14px; text-align:left; }
.nyban h1{ font-size:22px; color:#73BF03; line-height:26px; font-weight:bold}
.nyban h2{ font-size:20px; color:#73BF03; line-height:22px; font-weight:bold}
.nyban h3{ font-size:18px; color:#d6d8d9; font-weight:bold}
.nyban p{ padding-top:6px; font-size:16px; color:#d6d8d9; }
.nyban2{ width:1280px; margin:0px auto; padding-top:110px; font-size:18px; text-align:left; background-size:100% auto;}
.nyban2 h2{ font-size:54px; color:#ffffff; line-height:104px; font-weight:bold}
.nyban2 h3{ font-size:18px; color:#666666; font-weight:bold}
.nyban2 p{ padding-top:5px; font-size:18px; color:#a7a6a6}
.nymain2{ width:90%; margin:0.6rem auto}
}
/* 联系我们页 */
.contact{ width:100%; margin:0.8rem auto; font-size:0.16rem; line-height:0.18rem; color:#666}
.contact h2{ font-size:0.24rem; color:#333; line-height:0.3rem; padding-bottom:0.06rem}
.contact .left{ width:47%; float:left; font-size:0.16rem; color:#333; line-height:0.3rem;}
.contact .left h2{ font-size:0.24rem; color:#000; padding-bottom:0.2rem;}
.contact .left p{ font-size:0.16rem; color:#333; line-height:0.3rem; }
.contact .right{ width:47%; float:right}
.contact .right h2{ font-size:0.22rem; color:#333; font-weight:bold; line-height:0.32rem; padding-bottom:0.06rem}
.contact .right p{font-size:0.16rem; color:#333; line-height:0.24rem; padding-bottom:0.06rem }
@media (max-width:800px){
.contact{ width:100%; margin:40px auto; font-size:14px; line-height:24px; color:#666}
.contact h2{ font-size:18px; color:#333; line-height:24px; padding-bottom:5px}
.contact .left{ width:100%; font-size:16px; color:#333; line-height:22px; padding-bottom:20px}
.contact .left h2{ font-size:18px; color:#000; padding-bottom:14px;}
.contact .left p{ font-size:16px; color:#333; line-height:24px; }
.contact .right{ width:100%; }
.contact .right h2{ font-size:18px; color:#333; font-weight:bold; line-height:26px; padding-bottom:5px}
.contact .right p{font-size:16px; color:#333; line-height:24px; padding-bottom:5px }
}
/* 新闻分类 */
.news-title{ height:1.86rem;}
.news-nav{ padding:0;}
.news-nav li{ float:left; height:0.44rem; line-height:0.44rem; padding:0 0.18rem; text-align:center; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.news-nav li:hover,.news-nav li.hover{float:left;height:0.44rem; line-height:0.44rem; background:rgba(25,55,53,0.8); padding:0 0.18rem;text-align:center; }
.news-nav li a{color:#ffffff; display:block; font-size:0.17rem;line-height:0.44rem;}
.news-nav li:hover a,.news-nav li.hover a{color:#73BF03; display:block; font-size:0.17rem;line-height:0.44rem; }
/* 新闻资讯页 */
.nnav_box{ background:#e5eff7; width:100%}
.nnav{ width:1280px; margin:0px auto; height:56px}
.nnav li{ float:left; height:56px; line-height:56px; width:180px; text-align:center; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.nnav li:hover,.nnav li.hover{float:left; height:56px; line-height:56px; width:180px; background:#0167ae; text-align:center; }
.nnav li a{color:#666666; display:block; font-family: 'Microsoft YaHei','黑体';font-size:16px;line-height:56px;}
.nnav li:hover a,.nnav li.hover a{color:#ffffff; display:block; font-family: 'Microsoft YaHei','黑体'; font-size:16px;line-height:56px;}
.newslist{ padding:0.6rem 0;}
.newslist li{ padding:0.2rem 0.2rem; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.newslist li:hover{ background-color:rgb(25,55,53,0.08);}
.newslist .left{ width:30%; float:left}
.newslist .left img{ width:100%; height:3.0rem}
.nysearch_l{ width:200px; float:left}
.nysearch_l img{ width:200px; height:auto}
.newslist .right{ width:66%; float:right}
.newslist .right h2{ color:#333333; padding:0.24rem 0 0.1rem 0;}
.newslist .right h2 a{ font-size:0.2rem; line-height:0.28rem; color:#333333; font-weight:bold }
.newslist .right h2 a:hover{ font-size:0.2rem; line-height:0.24rem; color:#73BF03;}
.newslist .right span{ font-size:0.13rem; color:#999;line-height:0.2rem; }
.newslist .right p{ font-size:0.16rem; color:#666; line-height:0.28rem; padding-top:0.14rem}
.newslist-page{ text-align:center; padding:0.4rem 0;}
@media (max-width:800px){
.newslist{ padding:30px 0;}
.newslist li{ -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.newslist li:hover{ background-color:rgb(25,55,53,0.08);}
.newslist .left{ width:100%; margin-bottom:10px}
.newslist .left img{ width:100%; height:auto}
.nysearch_l{ width:200px; float:left}
.nysearch_l img{ width:200px; height:auto}
.newslist .right{ width:100%; }
.newslist .right h2{ color:#333333; padding:20px 0px 10px 0px;}
.newslist .right h2 a{ font-size:18px; line-height:26px; color:#333333; font-weight:bold }
.newslist .right h2 a:hover{ font-size:18px; line-height:26px; color:#73BF03;}
.newslist .right span{ font-size:13px; color:#999;line-height:16px; }
.newslist .right p{ font-size:14px; color:#666; line-height:24px; padding-top:10px}
.newslist-page{ text-align:center; padding:40px 0;}
}
/* 新闻详情页 */
.nynews_show{ padding:0.8rem 0}
.nynews_show .left{ width:73%; float:left}
.nynews_show .right{ width:23%; float:right}
.nynews_show_bk{ background-color:rgb(25,55,53,0.08); padding:0.2rem 0.25rem; margin-bottom:0.3rem; }
.nynews_show_r_bt{ height:0.2rem; line-height:0.2rem; border-left:4px solid #73BF03; padding-left:0.15rem;margin-top:0.1rem; margin-bottom:0.2rem}
.nynews_show_r_bt h2{ font-size:0.18rem; font-weight:bold; line-height:0.22rem; color:#333;}
.nynews_show_r_pic{ padding-top:0.05rem}
.nynews_show_r_pic li{ margin-bottom:0.16rem}
.nynews_show_r_pic_l{ width:35%; float:left}
.nynews_show_r_pic_l img{ width:100%; height:0.8rem}
.nynews_show_r_pic_r{ width:60%; float:right}
.nynews_show_r_pic_r h2{ font-size:0.16rem; font-weight:500; line-height:0.24rem; color:#666 }
.nynews_show_r_pic_r a { font-size:0.16rem; font-weight:500; line-height:0.24rem; color:#666 }
.nynews_show_r_pic_r a:hover { font-size:0.16rem; font-weight:500; line-height:0.24rem; color:#0065af }
.nynews_show_r_pic_r p{ padding-top:0.05rem; font-size:0.13rem; color:#999}
.nynews_show_r_pic_r i{font-size:0.16rem; color:#999 }
.nynews_show_r_list{ padding-top:0.05rem}
.nynews_show_r_list li{ margin-bottom:0.16rem; border-bottom:1px solid #d3e6f7; padding:0 0 0.1rem 0}
.nynews_show_r_list h2{ font-size:0.16rem; font-weight:500; line-height:0.24rem; color:#666 }
.nynews_show_r_list a { font-size:0.16rem; font-weight:500; line-height:0.24rem; color:#666 }
.nynews_show_r_list a:hover { font-size:0.16rem; font-weight:500; line-height:0.24rem; color:#0065af }
.nynews_show_r_list p{ padding-top:0.05rem; font-size:0.13rem; color:#999}
.nynews_show_r_list i{font-size:0.16rem; color:#999 }
.nynews_show_bt{ padding-bottom:0.2rem; text-align:center}
.nynews_show_bt h1{ font-size:0.3rem; font-weight:600; color:#000000; line-height:0.36rem}
.nynews_show_d{ padding-bottom:0.15rem; font-size:0.15rem; color:#999; text-align:center; border-bottom:1px solid #e8e8e8}
.nynews_show_con{ padding-top:0.1rem; padding-bottom:0.4rem; line-height:0.28rem; font-size:0.15rem}
.nynews_show_con img{ max-width:100% !important; height:auto}
.nynews_show_con h2{ font-size:0.22rem; font-weight:bold; color:#73BF03; line-height:0.36rem; padding-bottom:0}
.nynews_show_con li{ text-align:left; list-style-type:none; background:url(../images/pc-li-yd.png) no-repeat 2px 11px; margin-left:0; padding-left:0.18rem}
.nynews_show_con h3{ font-size:0.18rem; font-weight:bold; color:#73BF03; line-height:0.36rem}
.nynews_show_con a{ color:#0067b3}
.nynews_show_con a:hover{ color:#0067b3; text-decoration:underline}
.nynews_show_con p{ padding:0.08rem 0px; font-size:0.16rem; line-height:0.26rem; color:#666}
.nynews_copyright{ padding:0.1rem 0 0.3rem 0; font-size:0.15rem; color:#666; line-height:0.22rem}
.nynews_copyright span{ font-weight:bold; color:#F00; font-weight:bold}
.tagcloud {
font-size: 0
}
.tagcloud a {
display: inline-block;
width: 31.33%;
margin:1% 1%;
padding: 0.08rem 0.08rem;
font-size: 0.14rem !important;
line-height: 1.2;
text-align: center;
color: #666;
border: 1px solid hsla(0,0%,39%,.5);
border-radius: 0.02rem;
text-decoration: none;
background:#ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.tagcloud a:nth-child(3n+1) {
margin-left: 0
}
.tagcloud a:nth-child(3n+3) {
margin-right: 0
}
.tagcloud a:hover {
color: #fff;
background:#73BF03;
border-color: #73BF03;
}
@media (max-width:800px){
.nynews_show{ padding:40px 0}
.nynews_show .left{ width:100%; float:left}
.nynews_show .right{ width:100%; float:right}
.nynews_show_bk{ background-color:rgb(25,55,53,0.08); padding:15px 15px; margin-bottom:20px; }
.nynews_show_r_bt{ height:30px; line-height:30px; border-left:4px solid #73BF03; padding-left:15px;margin-top:10px; margin-bottom:20px}
.nynews_show_r_bt h2{ font-size:16px; font-weight:bold; line-height:22px; color:#333;}
.nynews_show_r_pic{ padding-top:6px}
.nynews_show_r_pic li{ margin-bottom:14px}
.nynews_show_r_pic_l{ width:100%; float:left}
.nynews_show_r_pic_l img{ width:100%; height:210px}
.nynews_show_r_pic_r{ width:100%; }
.nynews_show_r_pic_r h2{ font-size:16px; font-weight:500; line-height:22px; color:#666; padding:15px 0px 5px 0px }
.nynews_show_r_pic_r a { font-size:16px; font-weight:500; line-height:22px; color:#666 }
.nynews_show_r_pic_r a:hover { font-size:16px; font-weight:500; line-height:22px; color:#0065af }
.nynews_show_r_pic_r p{ padding-top:6px; font-size:14px; color:#999}
.nynews_show_r_pic_r i{font-size:16px; color:#999 }
.nynews_show_r_list{ padding-top:10px}
.nynews_show_r_list li{ margin-bottom:10px; border-bottom:1px solid #d3e6f7; padding:0 0 10px 0}
.nynews_show_r_list h2{ font-size:16px; font-weight:500; line-height:22px; color:#666 }
.nynews_show_r_list a {font-size:16px; font-weight:500; line-height:22px; color:#666 }
.nynews_show_r_list a:hover {font-size:16px; font-weight:500; line-height:22px; color:#0065af }
.nynews_show_r_list p{ padding-top:5px; font-size:13px; color:#999}
.nynews_show_r_list i{font-size:16px; color:#999 }
.nynews_show_bt{ padding-bottom:20px; text-align:center}
.nynews_show_bt h1{ font-size:24px; font-weight:600; color:#000000; line-height:30px}
.nynews_show_d{ padding-bottom:15px; font-size:14px; color:#999; text-align:center; border-bottom:1px solid #e8e8e8}
.nynews_show_con{ padding-top:10px; padding-bottom:40px; line-height:28px; font-size:14px}
.nynews_show_con img{ max-width:100% !important; height:auto}
.nynews_show_con h2{ font-size:20px; font-weight:bold; color:#73BF03; line-height:24px; padding-bottom:0}
.nynews_show_con li{ text-align:left; list-style-type:none; background:url(../images/pc-li-yd.png) no-repeat 2px 11px; margin-left:0; padding-left:15px}
.nynews_show_con h3{ font-size:16px; font-weight:bold; color:#73BF03; line-height:26px}
.nynews_show_con a{ color:#0067b3}
.nynews_show_con a:hover{ color:#0067b3; text-decoration:underline}
.nynews_show_con p{ padding:8px 0px; font-size:14px; line-height:16px; color:#666}
.nynews_copyright{ padding:10px 0 30px 0; font-size:14px; color:#666; line-height:22px}
.nynews_copyright span{ font-weight:bold; color:#F00; font-weight:bold}
.tagcloud {
font-size: 0
}
.tagcloud a {
display: inline-block;
width: 48%;
margin:1% 1%;
padding: 10px 10px;
font-size: 14px !important;
line-height: 1.2;
text-align: center;
color: #666;
border: 1px solid hsla(0,0%,39%,.5);
border-radius: 2px;
text-decoration: none;
background:#ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.tagcloud a:nth-child(2n+1) {
margin-left: 0
}
.tagcloud a:nth-child(2n+2) {
margin-right: 0
}
.tagcloud a:hover {
color: #fff;
background:#73BF03;
border-color: #73BF03;
}
}
/* 相关新闻推荐 */
.re_news{ width:100%; }
.re_news_title{ padding:0 0 0.2rem 0; text-align:left; height:0.44rem; border-bottom:1px solid #e8e8e8; margin:0.3rem 0 0.25rem 0}
.re_news_title h2{ font-size:0.24rem; color:#333; line-height:0.26rem; font-weight:400; border-left:0.04rem solid #73BF03; padding-left:0.15rem }
.re_news li{ margin-bottom:0.2rem}
.re_news_pic{ width:20%; float:left}
.re_news_pic img{ width:100%; height:1.8rem; -webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;}
.re_news_pic img:hover{ filter:brightness(80%);}
.re_news_r{ width:77%; float:right}
.re_news_bt{ padding:0.05rem 0 0.1rem 0; text-align:center}
.re_news_bt h2{font-size:0.2rem; line-height:0.26rem;}
.re_news_bt h2 a{ font-size:0.2rem; line-height:0.26rem; text-align:left; color:#000;display:block;}
.re_news_bt h2 a:hover{ font-size:0.2rem; color:#034c87; line-height:0.26rem; text-align:left;display:block;}
.re_news_js{ font-size:0.16rem; line-height:0.28rem; color:#666}
.re_news_m{ color:#999; font-size:0.13rem; padding-top:0.1rem}
@media (max-width:800px){
.re_news{ width:100%; }
.re_news_title{ padding:0 0 20px 0; text-align:left; height:44px; border-bottom:1px solid #e8e8e8; margin:30px 0 25px 0}
.re_news_title h2{ font-size:22px; color:#333; line-height:26px; font-weight:400; border-left:4 solid #73BF03; padding-left:15px }
.re_news li{ margin-bottom:20px}
.re_news_pic{ width:100%; }
.re_news_pic img{ width:100%; height:210px; -webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;}
.re_news_pic img:hover{ filter:brightness(80%);}
.re_news_r{ width:100%; }
.re_news_bt{ padding:5px 0 10px 0; text-align:center}
.re_news_bt h2{font-size:18px; line-height:26px;}
.re_news_bt h2 a{ font-size:18px; line-height:26px; text-align:left; color:#000;display:block;}
.re_news_bt h2 a:hover{font-size:18px; color:#034c87; line-height:26px; text-align:left;display:block;}
.re_news_js{ font-size:14px; line-height:24px; color:#666}
.re_news_m{ color:#999; font-size:13px; padding-top:10px}
}
/* 保修查询 */
.warranty{ margin:0.8rem auto; width:60%}
.warranty .intro{ text-align:center; font-size:0.2rem; padding-bottom:0.3rem; color:#333}
.warranty .intro img{ vertical-align:middle; margin-right:0.1rem; height:0.6rem; width:auto}
.warranty .content{ padding:0.3rem 0}
.warranty .content h3{padding-bottom:0.1rem; font-size:0.16rem;}
.warranty .content span{ color:#F00}
.warranty .content .model{width:42%; float:left}
.warranty .content .serial{width:42%; float:left}
.warranty .content .button{width:16%; float:left; }
@media screen and (max-width: 800px) {
.warranty{ margin:30px auto; width:100%}
.warranty .intro{ text-align:center; font-size:16px; line-height:16px; padding-bottom:6px; color:#333}
.warranty .intro img{ vertical-align:middle; margin-right:10px; height:50px; width:auto}
.warranty .content{ padding:30px 0}
.warranty .content .model{width:100%; margin-bottom:20px}
.warranty .content .model h3{padding-bottom:8px; font-size:14px !important;}
.warranty .content .model span{color:#F00}
.warranty .content .serial{width:100%; margin-bottom:20px}
.warranty .content .serial h3{padding-bottom:8px; font-size:14px !important;}
.warranty .content .serial span{color:#F00}
.warranty .content .button{width:100%; text-align:center}
}
/* 资源下载页 */
.ny_down{ margin:0.8rem auto; }
.ny_down_nav{ padding-bottom:25px; overflow:hidden; }
.ny_down_nav li{ float:left; width:18.4%; border:0px solid #7fa4c1; background:#f0f2f5; line-height:0.5rem; padding:0.4rem 0; text-align:center; margin-right:2%; }
.ny_down_nav li:hover,.ny_down_nav li.hover{float:left; width:18.4%; border:0px solid #7fa4c1; background:#f0f2f5; line-height:0.5rem; padding:0.4rem 0; text-align:center; margin-right:2%;}
.ny_down_nav li a{color:#666666; font-size:0.18rem;line-height:0.5rem;}
.ny_down_nav li:hover a,.ny_down_nav li.hover a{color:#73BF03; font-size:0.18rem;line-height:0.5rem;}
.ny_down_nav li img{ max-height:0.6rem; vertical-align:middle;}
.ny_down_nav li:nth-child(5){margin-right: 0}
.ny_down_con{ padding:20px 0px 0px 0px; overflow:hidden; }
.ny_down_con ul{display: flex ; flex-wrap: wrap; }
.ny_down_con li{ width:23.5%; border:1px solid #f0f2f5; float:left; margin-bottom:0.3rem; margin-right:2%}
.ny_down_con li:nth-child(4n){ margin-right:0}
.down_bt{ height:0.5rem; line-height:0.3rem;background:#f0f2f5; border-bottom:1px solid #f0f2f5; padding:0rem 0.1rem}
.down_bt a{ font-size:0.16rem; color:#333; line-height:0.5rem}
.down_bt a:hover{ font-size:0.16rem; color:#73BF03; line-height:0.5rem}
.down_bt img{ height:0.3rem; width:auto; margin-top: 0.2rem}
.down_bt_l{ float:left; width: 88%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.down_bt_r{ float:right; width: 12%; height:0.5rem; display: flex; justify-content: right; /* 水平居中 */
align-items: center; /* 垂直居中 */}
.down_js{ padding:0.1rem 0.1rem; font-size:0.14rem; color:#666; line-height:0.26rem;
}
@media screen and (max-width: 800px) {
.ny_down{ margin:0.8rem auto; }
.ny_down_nav{ padding-bottom:5px; overflow:hidden; }
.ny_down_nav li{ float:left; width:18.4%; border:0px solid #7fa4c1; background:#f0f2f5; padding:15px 0; min-height:100px; line-height:16px; text-align:center; margin-right:2%; }
.ny_down_nav li:hover,.ny_down_nav li.hover{float:left; width:18.4%; border:0px solid #7fa4c1; background:#f0f2f5; padding:20px 0; min-height:100px; line-height:16px; text-align:center; margin-right:2%;}
.ny_down_nav li a{color:#666666; font-size:14px;line-height:16px;}
.ny_down_nav li:hover a,.ny_down_nav li.hover a{color:#73BF03; font-size:14px;line-height:16px;}
.ny_down_nav li img{ max-height:30px; vertical-align:middle; margin-bottom:10px}
.ny_down_nav li:nth-child(5){margin-right: 0}
.ny_down_con{ padding:20px 0px 0px 0px; overflow:hidden; }
.ny_down_con ul{display: flex ; flex-wrap: wrap; }
.ny_down_con li{ width:100%; border:1px solid #f0f2f5; margin-bottom:10px; }
.ny_down_con li:nth-child(4n){ margin-right:0}
.down_bt{ background:#f0f2f5; min-height:34px; border-bottom:1px solid #f0f2f5; padding:5px 10px 0px 10px}
.down_bt a{ font-size:14px; color:#333; line-height:30px}
.down_bt a:hover{font-size:14px; color:#73BF03; line-height:30px}
.down_bt img{ height:18px; width:auto; margin-top: 9px}
.down_bt_l{ float:left;
width: 88%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.down_bt_r{ float:right; width: 12%; height:34px; display: flex; justify-content: right; /* 水平居中 */
align-items: center; /* 垂直居中 */}
.down_js{ padding:10px 10px; font-size:14px; color:#666; line-height:20px}
}
/* 内页解决方案 */
.sltban{ height:460px; text-align:center; position:relative; padding-top:180px; margin-top:80px}
.slt_intro{ height:280px; background-color:rgb(25,55,53,0.95); width:800px; padding:40px 50px;}
.slt_intro h1{ font-size:30px; color:#73BF03; line-height:36px;text-align:left; padding-bottom:20px; font-weight:400}
.slt_intro p{ font-size:16px; line-height:30px; text-align:left; color:#ffffff;}
.ny_s_box{ width:100%; padding:0.5rem 0; background:#FFF}
.ny_s_show_bt{ width:90%; margin:0px auto; text-align:center}
.ny_s_show_bt h1{ font-size:0.34rem; color:#73BF03; line-height:0.36rem; font-family: "hb"; font-weight:bold; font-weight:bold; }
.slt_content{ width:84%; margin:60px auto; }
.slt_content p{ font-size:0.16rem; color:#666; line-height:0.26rem; }
.slt_content h2{ font-size:0.24rem; color:#73BF03; line-height:0.32rem; font-weight:bold; padding:0.1rem 0 0.12rem 0}
.slt_content h3{ font-size:0.20rem; color:#73BF03; line-height:0.26; font-weight:bold; padding:0.08rem 0}
.slt_content img{ max-width:100%; height:auto}
@media screen and (max-width: 800px) {
.sltban{ height:230px; text-align:center; position:relative; padding-top:50px; margin-top:60px}
.slt_intro{ height:180px; background-color:rgb(25,55,53,0.95); margin:0px auto; width:90%; padding:20px 20px;}
.slt_intro h1{ font-size:20px; color:#ffffff; line-height:28px;text-align:left; padding-bottom:10px; font-weight:400}
.slt_intro p{ font-size:14px; line-height:20px; text-align:left; color:#ffffff;}
.ny_s_show_bt{ width:96%; margin:0px auto; text-align:center}
.ny_s_show_bt h1{ font-size:24px; color:#73BF03; line-height:24px; font-family: "hb"; font-weight:bold; font-weight:bold; }
.slt_content{ width:96%; margin:20px auto 30px auto;}
.slt_content p{ font-size:14px; color:#666; line-height:24px; }
.slt_content h2{ font-size:22px; color:#41821C; line-height:28px; font-weight:bold; padding:10px 0px 12px 0px}
.slt_content h3{ font-size:18px; color:#41821C; line-height:22px; font-weight:bold; padding:8px 0px 8px 0px}
.slt_content img{ max-width:100%; height:auto}
}
.solution{ padding-bottom:40px}
.ny_solution_intro{ padding:0px; width:1280px; margin:10px auto}
.ny_solution_intro_l{ width:850px; float:left; font-size:16px; color:#666; line-height:26px}
.ny_solution_intro_l h2{ font-size:38px; color:#000; font-weight:400; padding-top:20px}
.ny_solution_intro_r{ width:385px; float:right}
/*解决方案分类*/
.ny_solution{padding:0px; width:1280px; margin:0px auto }
.ny_solution_nav{ padding-bottom:25px}
.ny_solution_nav li{ float:left; height:44px; line-height:44px; padding:0px 15px; text-align:center; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.ny_solution_nav li:hover,.ny_solution_nav li.hover{float:left; height:44px; line-height:44px; background:rgba(255,255,255,0.2);padding:0px 15px; text-align:center; }
.ny_solution_nav li a{color:#ffffff; display:block; font-size:16px;line-height:44px;}
.ny_solution_nav li:hover a,.ny_solution_nav li.hover a{color:#73BF03; display:block; font-size:16px;line-height:44px;}
.ny_solution_nav2{ width:84%; margin:0px auto; height:0.48rem; color:#666666}
.ny_solution_nav2 li{ float:left; height:0.48rem; line-height:0.48rem; padding:0 0.13rem; text-align:center; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.ny_solution_nav2 li:hover,.ny_solution_nav2 li.hover{float:left; height:0.48rem; line-height:0.48rem; background:rgba(25,55,53,0.95);padding:0 0.13rem; text-align:center; }
.ny_solution_nav2 li a{color:#444444; display:block; font-size:0.16rem;line-height:0.48rem;}
.ny_solution_nav2 li:hover a,.ny_solution_nav2 li.hover a{color:#ffffff; display:block; font-size:0.16rem;line-height:0.48rem;}
@media screen and (max-width: 800px) {
.nylmdh3{ width:100%; padding:12px 0px 8px 8px; background:#f1f3f3 }
.nylmdh3 li{ width:48%; height:30px; line-height:30px; text-align:center; float:left; background:#FFF; margin:0px 5px 5px 0px}
.nylmdh3 li:hover,.nylmdh3 li.hover{width:48%; height:30px; line-height:30px; text-align:center; float:left; background:#73BF03; margin:0px 5px 5px 0px }
.nylmdh3 li a{color:#333333; display:block; font-family:'Microsoft YaHei', '微软雅黑'; font-size:13px;line-height:30px;}
.nylmdh3 li:hover a,.nylmdh3 li.hover a{color:#ffffff; display:block;font-family:'Microsoft YaHei', '微软雅黑'; font-size:13px;line-height:30px; }
}
/*解决方案分类*/
.ny_solution_c{ margin-right:-60px;overflow: hidden; margin-left:-26px}
.ny_solution_c li{ width:392px; margin:0px 26px 6px 26px; min-height:420px; float:left}
.ny_solution_c_pic{ width:392px; }
.ny_solution_c_pic img{ width:392px; height:260px}
.ny_solution_c_bt{ padding:18px 0px 10px 0px; text-align:center}
.ny_solution_c_bt a{ color:#000000; font-size:18px; }
.ny_solution_c_bt a:hover{ color:#0356a0; font-size:18px; text-decoration:underline; }
.ny_solution_c_js{ font-size:15px; color:#666; line-height:22px; padding-top:10px}
/* 解决方案页相关产品 */
.re_products{ width:1280px; margin:0px auto;}
.re_products_b{ height:50px; padding-top:10px; margin-bottom:20px; text-align:center;font-size:50px; color:#ffffff; text-transform:uppercase; font-weight:bold; position:relative }
.re_products_b2{ height:50px; padding-top:10px; margin-bottom:20px; text-align:center;font-size:42px; color:#f0f2f5; text-transform:uppercase; font-weight:bold; position:relative }
.re_products_bt{ position:absolute; width:100%; text-align:center; top:0px}
.re_products_bt h2{font-size:36px !important; color:#333 !important; font-weight:400 !important; }
.re_products_con{ clear:both; padding-top:0px}
@media (max-width:800px){
.re_products{ width:100%; margin:0px auto;}
.re_products_b{ height:50px; padding-top:10px; margin-bottom:20px; text-align:center;font-size:38px; color:#ffffff; text-transform:uppercase; font-weight:bold; position:relative }
.re_products_b2{ height:50px; padding-top:10px; margin-bottom:20px; text-align:center;font-size:30px; color:#f0f2f5; text-transform:uppercase; font-weight:bold; position:relative }
.re_products_bt{ position:absolute; width:100%; text-align:center; top:0px}
.re_products_bt h2{font-size:30px !important; color:#333 !important; font-weight:400 !important; }
.re_products_con{ clear:both; padding-top:0px}
}
/* 解决方案详情页 */
.sb1{ width:100%; background:#f0f2f5; padding:0.8rem 0}
.sb2{ width:100%; background:#ffffff; padding:0.8rem 0}
.ss{ width:84%; display:table; margin:0 auto; color:#666666; line-height:0.28rem; font-size:0.16rem}
.ss img{ max-width:100% !important; height:auto !important}
.ss table{ width:100% !important; height:0.2rem; border:1px solid #CCC; border-collapse:collapse}
.ss table th{ height:0.3rem; border:1px solid #CCC; border-collapse:collapse}
.ss table td{ height:0.28rem; border:1px solid #CCC; border-collapse:collapse; padding:2px 8px !important; }
.ss table p{ padding:0px 0px; color:#666666; font-size:0.16rem !important;}
.ss li{ text-align:left; list-style-type:none; background:url(../images/pc-li-yd.png) no-repeat 2px 11px; font-size:0.16rem; margin-left:0; padding-left:18px}
.ss h1{ font-size:0.3rem; color:#73BF03 ; line-height:0.34rem; font-weight:bold; padding:10px 0px 12px 0px}
.ss h2{ font-size:0.24rem; color:#73BF03 ; line-height:0.32rem; font-weight:bold; padding:10px 0px 12px 0px}
.ss h3{ font-size:0.2rem; color:#73BF03 ; line-height:0.26rem; font-weight:bold; padding:8px 0px 8px 0px}
.ss p{ color:#666666; line-height:0.26rem; font-size:0.16rem !important; padding:8px 0px}
.ss strong{color:#73BF03; font-weight:bold; }
.s_l{ width:48%; float:left; display:table-cell; vertical-align:middle;}
.s_l img{ text-align:left; max-width:100% !important; height:auto !important}
.s_l p{ color:#666666; line-height:0.28rem; font-size:0.16rem !important; padding:5px 0px}
.s_r{width:48%; float:right; display:table-cell; vertical-align:middle;}
.s_r img{ text-align:right; max-width:100% !important; height:auto !important}
.s_r p{ color:#666666; line-height:0.26rem; font-size:0.16rem !important; padding:8px 0px}
.s_r strong{color:#73BF03 ; font-weight:bold; }
.s_l2{ width:38%; float:left; display:table-cell; vertical-align:middle;}
.s_l2 img{ text-align:left; max-width:100% !important; height:auto !important}
.s_l2 p{ color:#666666; line-height:0.28rem; font-size:0.16rem !important; padding:5px 0px}
.s_r2{width:58%; float:right; display:table-cell; vertical-align:middle;}
.s_r2 img{ text-align:right; max-width:100% !important; height:auto !important}
.s_r2 p{ color:#666666; line-height:0.26rem; font-size:0.16rem !important; padding:8px 0px}
.s_l3{ width:58%; float:left; display:table-cell; vertical-align:middle;}
.s_l3 img{ text-align:left; max-width:100% !important; height:auto !important}
.s_l3 p{ color:#666666; line-height:0.28rem; font-size:0.16rem !important; padding:5px 0px}
.s_r3{width:38%; float:right; display:table-cell; vertical-align:middle;}
.s_r3 img{ text-align:right; max-width:100% !important; height:auto !important}
.s_r3 p{ color:#666666; line-height:0.26rem; font-size:0.16rem !important; padding:8px 0px}
.ls_l{ width:48%; float:left;text-align:left}
.ls_l h2{ font-size:0.24rem; color:#73BF03; font-weight:bold;padding-bottom:10px}
.ls_l h3{ font-size:0.18rem; color:#73BF03; font-weight:bold; padding:10px 0px 5px 0px}
.ls_l p{ font-size:0.16rem; color:#666; line-height:0.28rem}
.ls_l img{ text-align:left; width:100% !important; height:auto !important}
.ls_r{width:48%; float:right; text-align:left}
.ls_r img{ text-align:right; width:100% !important; height:auto !important}
.ls_r strong{color:#73BF03 ; font-weight:bold; }
.ls_l2{ width:48%; float:right; text-align:left}
.ls_l2 img{ width:100% !important; height:auto !important}
.ls_l2 h2{ font-size:0.24rem; color:#73BF03 ;font-weight:bold; padding-bottom:10px}
.ls_l2 h3{ font-size:0.18rem; color:#73BF03 ; font-weight:bold; padding:10px 0px 5px 0px}
.ls_l2 p{ font-size:0.16rem; color:#666; line-height:0.28rem}
.ls_r2{width:48%; float:left; text-align:left}
.ls_r2 img{ width:100% !important; height:auto !important}
.ls_r2 strong{color:#73BF03 ; font-weight:bold; }
.ls_pro{ padding-bottom:5px}
.ls_pro a{ font-size:0.16rem; line-height:0.34rem; color:#666666;}
.ls_pro a:hover{ font-size:0.16rem; line-height:0.34rem;color:#41821c;}
@media screen and (max-width: 800px) {
.sb1{ width:100%; background:#f0f2f5; padding:20px 0px}
.sb1 img{max-width:100% !important; height:auto !important}
.sb2{ width:100%; background:#ffffff; padding:20px 0px}
.sb2 img{max-width:100% !important; height:auto !important}
.ss{ width:100%; margin:0px auto; color:#666666; line-height:22px; font-size:14px; padding:0px 10px}
.ss table{ width:100% !important; height:20px; border:1px solid #CCC; border-collapse:collapse}
.ss table th{ height:30px; border:1px solid #CCC; border-collapse:collapse}
.ss table td{ height:30px; border:1px solid #CCC; border-collapse:collapse; padding:2px 8px !important}
.ss table p{ padding:0px 0px; color:#666666; font-size:14px !important;}
.ss li{ text-align:left; font-size:14px; list-style-type:none; background:url(../images/pc-li-yd.png) no-repeat 2px 7px; margin-left:0px; padding-left:18px}
.ss h2{ font-size:18px; color:#73BF03 ; line-height:34px; font-weight:bold; padding-bottom:10px}
.ss h3{ font-size:16px;color:#73BF03 ; line-height:26px; font-weight:bold; padding:8px 0px 8px 0px}
.ss img{ max-width:100% !important; height:auto !important}
.ss p{ color:#666666; line-height:22px; font-size:14px !important; padding:8px 0px}
.ss strong{color:#73BF03 ; font-weight:bold; }
.s_l{ width:100%; padding:10px 0px;}
.s_l img{ text-align:left; max-width:100% !important; height:auto !important}
.s_r{width:100%;padding:10px 0px; }
.s_r img{ text-align:right; max-width:100% !important; height:auto !important}
.s_r strong{color:#73BF03 ; font-weight:bold; }
.s_l2{ width:100%; padding:10px 0px;}
.s_l2 img{ text-align:left; max-width:100% !important; height:auto !important}
.s_r2{width:100%;padding:10px 0px; }
.s_r2 img{ text-align:right; max-width:100% !important; height:auto !important}
.s_r2 strong{color:#73BF03 ; font-weight:bold; }
.ls_l{ width:100%; text-align:left; padding-bottom:20px}
.ls_l h2{ font-size:18px; color:#73BF03; font-weight:bold; padding-bottom:5px}
.ls_l h3{ font-size:16px; color:#73BF03; font-weight:bold; padding:10px 0px 5px 0px}
.ls_l p{ font-size:14px; color:#666; line-height:22px; padding:8px 0px}
.ls_l img{ text-align:left; width:100% !important; height:auto !important}
.ls_r{width:100%; float:left;padding-bottom:20px }
.ls_r img{ max-width:100% !important; height:auto !important}
.ls_l strong{color:#73BF03 ; font-weight:bold; }
.ls_l2{width:100%; text-align:left; padding-bottom:20px}
.ls_l2 img{ width:100% !important; height:auto !important}
.ls_l2 h2{ font-size:18px; color:#73BF03; font-weight:bold; padding-bottom:5px}
.ls_l2 h3{ font-size:16px; color:#73BF03; font-weight:bold; padding:10px 0px 5px 0px}
.ls_l2 p{font-size:14px; color:#666; line-height:22px; padding:8px 0px}
.ls_r2{width:100%; float:left; padding-bottom:20px }
.ls_r2 img{ max-width:100% !important; height:auto !important}
.ls_r2 strong{color:#73BF03 ; font-weight:bold; }
.ls_pro{ padding-bottom:0px}
.ls_pro a{ font-size:16px; line-height:20px; color:#73BF03;}
.ls_pro a:hover{ font-size:16px; line-height:20px; text-decoration:underline; color:#034777;}
}
/* 相关产品滚动产品 */
.rollBox {width:1340px; height:390px;overflow:hidden;}
.rollBox .LeftBotton {overflow:hidden;float:left;display:inline;background: url(../images/jt1.png) no-repeat;width:23px;height:70px; cursor: pointer;margin:145px 12px 0 0px;}
.rollBox .RightBotton {overflow:hidden;float:left;display:inline;background: url(../images/jt2.png) no-repeat;width:23px;height:70px; cursor:pointer;display:inline;margin:145px 0px 0 13px;}
.rollBox .Cont {width:1268px;overflow:hidden;float:left;display:inline;}
.rollBox .ScrCont {width:100000px;}/*加大宽度是为了适应更多的logo内容*/
.rollBox .Cont li {width:290px; height:375px; background:#ffffff; border:1px solid #CCC; padding:5px 5px 0px 5px; float:left; display:inline; margin-right:20px; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.rollBox .Cont li:hover,.rollBox .Cont li.hover{width:290px; height:375px; background:#ffffff; border:1px solid #CCC; padding:5px 5px 0px 5px;float:left; display:inline; margin-right:20px;}
.rollBox .Cont li p a{ text-decoration:none; color:#656565; padding:11px 0 0px 0; display:block; line-height:12px;}
.rollBox #List1, .rollBox #List2 {float:left;}
.propic{ width:290px; height:290px; position:relative}
.probt{ text-align:center; width:290px; padding:20px 0px 0px 0px; height:70px; background:#EAEAEA; }
.probt a{ color:#666666; font-size:16px; line-height:22px; }
.probt a:hover{ color:#0059A9; font-size:16px; line-height:22px;}
.probrand{ text-align:center; padding:0px 0px}
.probrand a{ color:#ffffff; font-size:14px; line-height:18px }
.probrand a:hover{ color:#ffffff; font-size:14px; line-height:18px}
/* 相关产品滚动产品 */
/* Index products */
.gt-index-products{ padding:0.9rem 0 0.9rem 0}
.gt-index-products .title{ padding:0.1rem 0 0.4rem 0}
.gt-index-products .title h2{font-size:0.4rem ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#333;}
.gt-index-products .item{ width:50%; height:auto; float:left}
.gt-index-products .item .pic{ height:3rem; width:50%; float: left; background:#FFF;
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */}
.gt-index-products .item .pic img{ width:100%; height: auto}
.gt-index-products .item .con{ height:3rem; float: left; width:50%;padding:3% 3% 0% 3.5%; background:#193735; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.gt-index-products .item .con:hover{height:3rem; float: left; width:50%; padding:3% 3% 0% 3.5%; background-color:rgb(25,55,53,0.9) }
.gt-index-products .item .con h2{ font-size:0.20rem ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#ffffff; padding:0.1rem 0;
line-height:0.28rem; max-height:0.7rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.gt-index-products .item .con p{ font-size:0.15rem; color:#ffffff; line-height:0.26rem; font-family: "hl";margin-bottom:0.2rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
max-height:1rem;
}
@media (max-width:800px){
.gt-index-m-products{ padding:40px 0px 40px 0px}
.gt-index-m-products .title{ padding:10px 0px 40px 0px}
.gt-index-m-products .title h2{font-size:26px ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#333;}
.gt-index-m-products .item{ width:100%; height:auto; float:left; margin-bottom:20px}
.gt-index-m-products .item .pic{ width:100%; background:#FFF}
.gt-index-m-products .item .pic img{ width:100%; height: auto}
.gt-index-m-products .item .con{ width:100%; padding:6% 6% 6% 6%; background:#193735}
.gt-index-m-products .item .con h2{ font-size:22px ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#ffffff; padding:0px 0px 5px 0px;}
.gt-index-m-products .item .con p{ font-size:14px; color:#ffffff; line-height:26px; font-family: "hl"; padding-bottom:20px}
}
/* 相关产品滚动产品 */
.container-box{ padding:0.8rem 0}
.container{max-width: 84%;margin: 0 auto;padding: 0px;text-align: center;}
.container h2{ font-size:0.4rem; line-height:0.38rem; text-align:center; font-weight:400}
.carousel-container {position: relative;width: 100%; margin: 0 auto;overflow: hidden; padding: 20px 0;}
.carousel {display: flex;transition: transform 0.5s ease-in-out;padding: 20px 0;}
.product {min-width: calc(25% - 20px);margin: 0 10px;background: rgba(255, 255, 255, 0.95);border-radius: 0px;overflow: hidden;position: relative; padding:10px 0px; display: flex;flex-direction: column;}
.product:hover {transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.product-image {width: 100%; overflow: hidden;position: relative;}
.product-image img { width: 100%; height:auto; object-fit: cover;transition: transform 0.5s ease;}
.product:hover .product-image img {transform: scale(1.1);}
.product-tag {position: absolute;top: 15px;right: 15px;background: #ff6b6b;color: white;padding: 5px 12px;border-radius: 20px;font-size: 0.8rem;font-weight: bold;z-index: 2; }
.product-info {padding: 0.2rem 0.2rem 0.2rem 0.2rem;flex: 1;display: flex;flex-direction: column;}
.product-name {font-size: 0.3rem;color: #333;margin-bottom: 10px;font-weight: 600;}
.product-name h2{ font-size: 0.2rem; color: #333; font-weight: 600;}
.product-name h2 a{ font-size: 0.2rem; color: #333; font-weight: 600;}
.product-name h2 a:hover{ font-size: 0.2rem; color:#73BF03; font-weight: 600;}
.product-description {color: #666;font-size: 0.16rem;line-height: 0.24rem;margin-bottom: 20px; }
.btn {display: inline-block;
background: #73BF03;
margin:0 auto;
width:50%;
color: white;
padding: 0.13rem 0;
border-radius: 0.3rem;
text-decoration: none;
transition: all 0.3s ease;
border: none;
cursor: pointer;
font-size: 0.2rem;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0,0, 0.1);
}
.carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.9);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
transition: all 0.3s ease;
border: none;
color: #73BF03;
}
.carousel-btn i{ font-size:20px}
.carousel-btn:hover {
background: white;
transform: translateY(-50%) scale(1.1);
}
.carousel-btn.prev {
left: 20px;
}
.carousel-btn.next {
right: 20px;
}
.carousel-indicators {
display: flex;
justify-content: center;
margin-top: 25px;
}
.indicator {
width: 12px;
height: 12px;
background: rgba(25, 55, 53, 0.5);
border-radius: 50%;
margin: 0 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.indicator.active {
background: #73BF03;
transform: scale(1.3);
}
@media (max-width: 800px) {
.container-box{ padding:40px 0}
.container {max-width: 100%;margin: 0 auto;padding: 0px 0px;text-align: center;}
.container h2{ font-size:26px; line-height:36px; text-align:center; font-weight:400}
.carousel-container {width: 100%;padding: 15px 0;}
.product {min-width: calc(100% - 20px);}
.product:hover {transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.product-image {width: 100%;height: auto;overflow: hidden;position: relative;}
.product-image img { width: 100%;height: 100%; object-fit: cover;transition: transform 0.5s ease;}
.product:hover .product-image img {transform: scale(1.1);}
.product-tag {position: absolute;top: 15px;right: 15px;background: #ff6b6b;color: white;padding: 5px 12px;border-radius: 20px;font-size: 0.8rem;font-weight: bold;z-index: 2; }
.product-info {padding: 0.2rem 0.2rem 0.4rem 0.2rem;flex: 1;display: flex;flex-direction: column;}
.product-name {font-size: 0.3rem;color: #333;margin-bottom: 10px;font-weight: 600;}
.product-name h2{ font-size: 18px; line-height:22px; color: #333; font-weight: 600;}
.product-name h2 a{ font-size: 18px; line-height:22px; color: #333; font-weight: 600;}
.product-name h2 a:hover{ font-size: 18px; line-height:22px; color:#73BF03; font-weight: 600;}
.product-description {color: #666;font-size:14px;line-height: 24px;margin-bottom: 10px;}
.btn {display: inline-block;
background: #73BF03;
margin:0 auto;
width:50%;
color: white;
padding: 10px 0;
border-radius: 30px;
text-decoration: none;
transition: all 0.3s ease;
border: none;
cursor: pointer;
font-size: 20px;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0,0, 0.1);
}
.carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.9);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
transition: all 0.3s ease;
border: none;
color: #73BF03;
}
.carousel-btn i{ font-size:20px}
.carousel-btn:hover {
background: white;
transform: translateY(-50%) scale(1.1);
}
.carousel-btn.prev {
left: 20px;
}
.carousel-btn.next {
right: 20px;
}
.carousel-indicators {
display: flex;
justify-content: center;
margin-top: 10px;
}
.indicator {
width: 12px;
height: 12px;
background: rgba(25, 55, 53, 0.5);
border-radius: 50%;
margin: 0 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.indicator.active {
background: #73BF03;
transform: scale(1.3);
}
}
/* 相关产品滚动产品 */
/* 内页产品列表 */
.gt-products-list{ padding:1.6rem 0 0.8rem 0;}
.gt-products-list h1{ text-align:center; padding-bottom:0.2rem; color:#000; font-family: "hb"; font-weight:bold; font-weight:bold; font-size:0.36rem}
.gt-products-list .search{ text-align:center; padding:0.3rem 0 0 0}
.gt-products-list .nav{ text-align: center; padding:0.2rem 0}
.gt-products-list .nav li{display:inline-block; *display:inline; zoom:1; width:9%; font-size:0.16rem; color:#ffffff; margin:0 0.2rem; cursor:pointer; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-products-list .nav li:hover,.gt-products-list .nav li.hover{ transform: translateY(-4px); }
.gt-products-list .nav li img{ max-height:0.6rem; max-width:0.9rem; margin-bottom:0.14rem}
.gt-products-list .nav li h2{ font-size:0.16rem; line-height:0.24rem; }
.gt-products-list .nav li a{color:#666666; display:block; text-align:center; font-size:0.16rem; line-height:0.24rem }
.gt-products-list .nav li:hover a,.gt-products-list .nav li.hover a{color:#73BF03; display:block; font-family: "hb"; font-weight:bold; font-weight:bold; text-align:center; font-weight:bold; font-size:0.16rem; line-height:0.24rem}
.gt-products-list .list{ padding:0.4rem 0 0.2rem 0}
.gt-products-list .list li{ width:49%; background:#FFF; border-radius:0.16rem; padding:0.5rem 2%; min-height:3.44rem; float:left; margin-bottom:2%; margin-right:2%; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-products-list .list li:hover{ transform: translateY(-4px); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
.gt-products-list .list li:nth-child(2n){ margin-right:0}
.gt-products-list .list .left{ width:45%; float:left}
.gt-products-list .list .left img{ width:100%; height:auto}
.gt-products-list .list .right{ width:52%; float:right; font-size:0.16rem; color:#666; line-height:0.24rem}
.gt-products-list .list .right h2{ font-size:0.24rem; line-height:0.32rem; color:#333;
margin-bottom:0.1rem;
max-height:0.72rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.gt-products-list .list .right h2 a{ font-size:0.24rem; line-height:0.32rem; color:#333}
.gt-products-list .list .right h2 a:hover{ font-size:0.24rem; line-height:0.32rem; color:#73BF03}
.gt-products-list .list .right li{ list-style:circle; margin-left:20px; font-size:0.16rem;}
.gt-products-list .list .right p{ font-size:0.16rem; color:#666; line-height:0.28rem;
margin-bottom:0.2rem;
max-height:1.2rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
@media (max-width:800px){
.gt-products-list{ padding:100px 0 40px 0;}
.gt-products-list h1{ text-align:center; padding-bottom:20px; color:#000; font-family: "hb"; font-weight:bold; font-weight:bold; font-size:26px}
.gt-products-list .search{ text-align:center; padding:25px 0}
.gt-products-list .nav{ text-align: center; padding:0.2rem 0}
.gt-products-list .nav li{display:inline-block; *display:inline; zoom:1; width:30% !important; font-size:14px; color:#ffffff; margin:0 1% 20px 1%; cursor:pointer; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-products-list .nav li:hover,.gt-products-list .nav li.hover{ transform: translateY(-2px); }
.gt-products-list .nav li img{ max-height:40px; max-width:60px; margin-bottom:14px}
.gt-products-list .nav li h2{ font-size:14px; line-height:20px; }
.gt-products-list .nav li a{color:#666666; display:block; text-align:center; font-size:14px; line-height:20px }
.gt-products-list .nav li:hover a,.gt-products-list .nav li.hover a{color:#73BF03; display:block; font-family: "hb"; font-weight:bold; font-weight:bold; text-align:center; font-weight:bold; font-size:14px; line-height:20px}
.gt-products-list .list{ padding:0.4rem 0 0.2rem 0}
.gt-products-list .list li{ width:100%; background:#FFF; border-radius:0.16rem; padding:20px 2%; float:left; margin-bottom:18px; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-products-list .list li:hover{ transform: translateY(-2px); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
.gt-products-list .list li:nth-child(2n){ margin-right:0}
.gt-products-list .list .left{ width:100%; margin-bottom:10px}
.gt-products-list .list .left img{ width:100%; height:auto}
.gt-products-list .list .right{ width:100%; font-size:16px; color:#666; line-height:22px; padding:0px 15px}
.gt-products-list .list .right h2{ font-size:20px; line-height:24px; color:#333; padding-bottom:14px}
.gt-products-list .list .right h2 a{ font-size:20px; line-height:24px; color:#333}
.gt-products-list .list .right h2 a:hover{font-size:20px; line-height:24px; color:#73BF03}
.gt-products-list .list .right li{ list-style:circle; margin-left:20px; font-size:16px;}
.gt-products-list .list .right p{ font-size:16px; color:#666; line-height:20px; padding:0 0 20px 0}
}
/* 产品详情页 */
.gt-product-main{ padding:0.5rem 0 0.8rem 0; margin-top:80px}
.gt-product-main .intro{ width:50%; float:left; margin-top:0.4rem}
.gt-product-main .intro h1{ color:#73bf03; font-size:0.48rem; padding:0.1rem 0;font-family: "hb"; font-weight:bold; font-weight:bold; line-height:0.5rem }
.gt-product-main .intro h2{ color:#193735; font-size:0.3rem; padding:0.1rem 0 0.04rem 0;font-family: "hb"; font-weight:bold; font-weight:bold; line-height:0.32rem}
.gt-product-main .intro h4{ color:#193735; font-size:0.2rem !important; padding:0.1rem 0 0.04rem 0;font-family: "hb"; font-weight:bold; font-weight:bold; line-height:0.26rem}
.gt-product-main .intro p{ font-size:0.18rem; line-height:0.32rem; color:#666; padding:0.1rem 0 0.2rem 0}
.gt-product-main .intro li{ list-style: disc; line-height: 0.30rem; color: #666;font-size:0.17rem; margin-left: 30px; }
.gt-product-main .intro .core{ padding: 0.3rem 0}
.gt-product-main .intro .core li{background: #ffffff; list-style: none !important; margin-left: 0px; border-radius: 10px; padding: 0.3rem 0 0 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); float: left; margin-right: 3%; text-align: center; width: 30.33%; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-main .intro .core li:hover{ transform: translateY(-4px);}
.gt-product-main .intro .core li img{ height: 0.7rem; width: auto; text-align: center; margin-bottom: 0.1rem}
.gt-product-main .intro .core li p{ text-align: center; font-size: 0.18rem; color: #333333; line-height: 0.26rem}
.gt-product-main .intro .line-b{ height:4px; width:2rem; background:#FFF; position:relative; margin:0.3rem 0 0.3rem 0}
.gt-product-main .intro .line-g{ background:#73BF03; height:4px; width:1.2rem; position:absolute; }
.gt-product-main .intro .download{ padding:0 0}
.gt-product-main .intro .download .left{ float:left; width: 0.6rem; margin-right:0.1rem;}
.gt-product-main .intro .download .left img{ height:0.6rem; width:auto}
.gt-product-main .intro .download .right{ float:left !important; }
.gt-product-main .intro .download .right h3{ font-size:0.22rem; color:#333; line-height:0.26rem; font-weight:normal; padding-top:5px}
.gt-product-main .intro .download .right h3 a{ font-size:0.2rem; color:#333; line-height:0.22rem; font-weight:normal}
.gt-product-main .intro .download .right h3 a:hover{ font-size:0.2rem; color:#73BF03; line-height:0.22rem; font-weight:normal}
.gt-product-main .intro .download .right p{ font-size:0.14rem; color:#666666; padding-top:0rem}
.gt-product-main .mainpic{ width:45%; float:right}
@media (max-width:800px){
.gt-product-main{ padding:50px 0 20px 0; margin-top:60px}
.gt-product-main .intro{ width:100%; margin-top:10px}
.gt-product-main .intro h1{ color:#73bf03; font-size:30px; padding:0px 0 10px 0;font-family: "hb"; font-weight:bold; font-weight:bold; line-height:40px }
.gt-product-main .intro h2{ color:#193735; font-size:20px; padding:10px 0 5px 0;font-family: "hb"; font-weight:bold; font-weight:bold; line-height:30px}
.gt-product-main .intro h4{ color:#193735; font-size:16px !important; padding:5px 0 0px 0;font-family: "hb"; font-weight:bold; font-weight:bold; line-height:26px}
.gt-product-main .intro p{ font-size:16px; line-height:24px; color:#666; padding:5px 0 14px 0}
.gt-product-main .intro li{ list-style: disc; line-height: 26px; color: #666;font-size:14px; margin-left: 30px; }
.gt-product-main .intro .core{ padding: 20px 0; display: flex ; flex-wrap: wrap;}
.gt-product-main .intro .core li{background: #ffffff; list-style: none !important; margin-left: 0px; border-radius: 10px; padding: 0.3rem 0 0 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); float: left; margin-right: 3%; text-align: center; width: 30.33%; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-main .intro .core li:hover{ transform: translateY(-4px);}
.gt-product-main .intro .core li img{ height: 70px; width: auto; text-align: center; margin-bottom: 10px}
.gt-product-main .intro .core li p{ text-align: center; font-size: 16px; color: #333333; line-height: 26px}
.gt-product-main .intro .line-b{ height:4px; width:120px; background:#FFF; position:relative; margin:16px 0 24px 0}
.gt-product-main .intro .line-g{ background:#73BF03; height:4px; width:80px; position:absolute; }
.gt-product-main .intro .download{ padding:0 0}
.gt-product-main .intro .download .left{ float:left; margin-right:15px;}
.gt-product-main .intro .download .left img{ height:40px; width:auto}
.gt-product-main .intro .download .right{ float:left !important; width: auto !important }
.gt-product-main .intro .download .right h3{ font-size:20px; color:#333; line-height:22px; font-weight:normal; padding: 5px 0px 5px 0px}
.gt-product-main .intro .download .right h3 a{ font-size:16px; color:#333;line-height:20px; font-weight:normal}
.gt-product-main .intro .download .right h3 a:hover{font-size:16px; color:#73BF03; line-height:20px; font-weight:normal}
.gt-product-main .intro .download .right p{ font-size:14px; color:#666666; padding-top:0px}
.gt-product-main .mainpic{ width:100%; }
}
/* 产品广告 */
.gt-product-ad{ padding: 0.6rem 0 0.6rem 0 }
.gt-product-ad .content{ padding:0 0; text-align: center}
.gt-product-ad .content h2{ font-size:0.46rem;font-family: "hb"; font-weight:bold; font-weight:bold; padding:0.1rem 0 0.1rem 0; color:#ffffff }
.gt-product-ad .content h3{ font-size:0.30rem;font-family: "hr"; padding:0 0 0.1rem 0; color:#ffffff }
.gt-product-ad .content p{ font-size:0.18rem; line-height: 0.4rem; font-weight: 100; padding:0.1rem 0 0.1rem 0; color:#ffffff }
.gt-product-ad .content li{ float:left; width:32%; min-height:2.2rem; padding: 1.5% 1.5%; text-align: center !important; margin-right:2%; margin-bottom:2%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-ad .content li:hover{transform: translateY(-4px);}
.gt-product-ad .content li:nth-child(3n){ margin-right:0}
.gt-product-ad .content li img{ height:0.66rem !important; width:auto; text-align: center !important; margin:0.1rem 0 0.1rem 0; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-ad .content li img:hover{ transform: scale(1.05);}
.gt-product-ad .content li p{ font-size:0.16rem; color:#666666; line-height:0.26rem; }
.gt-product-ad .list{ width: 60%; margin: 0px auto; padding-top: 0.3rem}
.gt-product-ad .list h3{font-size:0.20rem;font-family: "hb"; font-weight:bold; font-weight:bold; padding:0 0 0.1rem 0; color:#193735 }
@media (max-width:800px){
.gt-product-ad{ padding: 30px 0 30px 0 }
.gt-product-ad .content{ padding:0 0; text-align: center}
.gt-product-ad .content h2{ font-size:28px;font-family: "hb"; font-weight:bold; font-weight:bold; padding:10px 0 10px 0; color:#ffffff }
.gt-product-ad .content h3{ font-size:16px;font-family: "hr"; padding:0 0 10px 0; color:#ffffff }
.gt-product-ad .content p{ font-size:14px; line-height: 24px; font-weight: 100; padding:10px 0 10px 0; color:#ffffff }
.gt-product-ad .content li{ float:left; width:32%; padding: 1.5% 1.5%; text-align: center !important; margin-right:2%; margin-bottom:2%; background: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-ad .content li:hover{transform: translateY(-4px);}
.gt-product-ad .content li:nth-child(3n){ margin-right:0}
.gt-product-ad .content li img{ height:0.66rem !important; width:auto; text-align: center !important; margin:0.1rem 0 0.1rem 0; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-ad .content li img:hover{ transform: scale(1.05);}
.gt-product-ad .content li p{ font-size:14px; color:#666666; line-height:22px; }
.gt-product-ad .list{ width: 60%; margin: 0px auto; padding-top: 30px}
.gt-product-ad .list h3{font-size:18px;font-family: "hb"; font-weight:bold; font-weight:bold; padding:0 0 10px 0; color:#193735 }
}
@media (min-width:1200px){
/* 产品特点 */
.gt-product-feature{ padding:0.8rem 0; }
.gt-product-feature .content{ padding:0 0; display: flex ; flex-wrap: wrap;}
.gt-product-feature .content li{ float:left; width:30.5%; min-height:2.2rem; padding-left:1.5%; margin-right:2%; margin-bottom:2%; background:url(../images/tdleftl.png) no-repeat left top; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-feature .content li:hover{transform: translateY(-4px);}
.gt-product-feature .content li:nth-child(3n){ margin-right:0}
.gt-product-feature .content li img{ height:0.66rem !important; width:auto; margin:0.1rem 0 0.1rem 0; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-feature .content li img:hover{ transform: scale(1.05);}
.gt-product-feature .content li h3{ font-size:0.24rem;font-family: "hb"; font-weight:bold; font-weight:bold; padding:0.1rem 0 0.1rem 0; color:#193735 }
.gt-product-feature .content li p{ font-size:0.17rem; color:#666666; line-height:0.26rem }
}
@media (max-width:800px){
.gt-product-feature{ padding:40px 0px 30px 0px; }
.gt-product-feature .content{ padding:0 0;}
.gt-product-feature .content li{ float:left; width:100%; padding-left:4%; margin-right:0 !important; margin-bottom:24px; background:url(../images/tdleftl.png) no-repeat left top; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-feature .content li:hover{transform: translateY(-4px);}
.gt-product-feature .content li:nth-child(2n){ margin-right:0 !important}
.gt-product-feature .content li img{ height:50px !important; width:auto; margin:10px 0 5px 0; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-feature .content li img:hover{ transform: scale(1.05);}
.gt-product-feature .content li h3{ font-size:18px;font-family: "hb"; font-weight:bold; font-weight:bold; padding:5px 0 5px 0; color:#193735 }
.gt-product-feature .content li p{ font-size:14px; color:#666666; line-height:22px}
}
/* 应用领域 */
.gt-product-area{ padding:0.8rem 0; }
.gt-product-area .content{ padding:0 0;}
.gt-product-area .content ul{ display: flex ; flex-wrap: wrap; }
.gt-product-area .content li{ float:left; width:23.5%; margin-right:2%; margin-bottom:0; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-area .content li:hover{transform: translateY(-4px);}
.gt-product-area .content li:nth-child(4n){ margin-right:0}
.gt-product-area .content li img{ height:2.4rem !important; width:100% !important; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-area .content li h3{ font-size:0.2rem; padding:0.1rem 0 0.1rem 0; color:#666666 }
.gt-product-area .content p{font-size: 0.18rem; line-height: 0.24rem; padding: 0px 0px 10px 0px }
@media (max-width:800px){
.gt-product-area{ padding:40px 0 30px 0; }
.gt-product-area .content{ padding:0 0;}
.gt-product-area .content ul{ display: flex ; flex-wrap: wrap; }
.gt-product-area .content li{ float:left; width:49%; margin-right:2% !important; margin-bottom:0; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-area .content li:hover{transform: translateY(-4px);}
.gt-product-area .content li:nth-child(2n){ margin-right:0 !important}
.gt-product-area .content li img{ height:2.4rem !important; width:100% !important; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-area .content li h3{ font-size:14px; padding:0px 0 10px 0; color:#666666 }
.gt-product-area .content p{font-size: 14px; line-height: 24px; padding: 0px 0px 10px 0px }
}
/* 产品规格 */
.gt-product-specs{ padding:0.8rem 0; }
.gt-product-specs .content{ padding:0 0;}
.gt-product-specs .content h3{ font-size:0.24rem; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:0.2rem; color:#333}
.gt-product-specs .content h4{ font-size:0.20rem !important; font-family: "hb"; font-weight:bold; font-weight:bold; padding:0.2rem 0 0.1rem 0; color:#41821C;}
.gt-product-specs .content p{ padding:0.08rem 0 0.12rem 0 !important; color:#666666; font-size:0.16rem !important; line-height:0.24rem}
.gt-product-specs .content table{ width:100% !important; height:0.2rem; font-size:0.16rem !important; border:1px solid #CCC; border-collapse:collapse; }
.gt-product-specs .content table tr:nth-child(odd) { background: #f5f5f5; } /* 奇数行 */
.gt-product-specs .content table tr:nth-child(even) { background: #e9e9e9; } /* 偶数行 */
.gt-product-specs .content table th{ height:0.3rem; border:1px solid #ffffff; font-size: 0.18rem; background: #73bf03; color:#ffffff; padding: 0.10rem 0.12rem; font-weight: bold; border-collapse:collapse}
.gt-product-specs .content table td{ height:0.28rem; border:1px solid #ffffff; border-collapse:collapse; font-size:0.16rem !important; padding:0.08rem 0.12rem !important; line-height:0.24rem }
.gt-product-specs .content table p{ padding:0 0 !important; color:#666666; font-size:0.16rem !important; line-height:0.24rem}
.gt-product-specs .content table strong{font-family: "hb"; font-weight:bold; font-weight:bold; font-size:0.2rem; color:#FFF}
@media (max-width:800px){
.gt-product-specs{ padding:40px 0 30px 0; }
.gt-product-specs .content{ padding:0 0;
width: 100%;
overflow-x: auto; /* 关键属性：水平方向自动滚动 */
}
.gt-product-specs .content h3{ font-size:18px; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:12px; color:#333}
.gt-product-specs .content h4{ font-size:16px !important; font-family: "hb"; font-weight:bold; font-weight:bold; padding:10px 0 10px 0px; color:#41821C;}
.gt-product-specs .content p{ padding:8px 0 12px 0 !important; color:#666666; font-size:14px !important; line-height:24px}
.gt-product-specs .content table{ width:100% !important; min-width: 500px; height:20px; font-size:12px !important; border:1px solid #CCC; border-collapse:collapse; }
.gt-product-specs .content table tr:nth-child(odd) { background: #f5f5f5; } /* 奇数行 */
.gt-product-specs .content table tr:nth-child(even) { background: #e9e9e9; } /* 偶数行 */
.gt-product-specs .content table th{ height:30px; border:1px solid #ffffff; font-size: 12px; background: #73bf03; color:#ffffff; padding: 10px 12px; font-weight: bold; border-collapse:collapse}
.gt-product-specs .content table td{ height:28px; border:1px solid #ffffff; border-collapse:collapse; font-size:12px !important; padding:0.1rem 0.1rem !important; line-height:16px }
.gt-product-specs .content table p{ padding:10px 0px; color:#666666; font-size:12px !important; line-height:16px}
.gt-product-specs .content table strong{font-family: "hb"; font-weight:bold; font-weight:bold; font-size:14px; color:#FFF}
}
/* 资料下载 */
.gt-product-download{ padding:0.8rem 0; }
.gt-product-download .content{ padding:0 0;}
.gt-product-download .content li{ float:left; width:49.5%; min-height:0.9rem; background:#FFF; border:1px solid #eceae7; padding:0.26rem 0.2rem; margin-right:1%; margin-bottom:1%; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-download .content li:hover{}
.gt-product-download .content li:nth-child(2n){ margin-right:0}
.gt-product-download .content .left{ width:0.42rem; float: left; margin-right:0.2rem; }
.gt-product-download .content .left img{ height:0.5rem !important; width:auto; margin:0 0 !important}
.gt-product-download .content .mid{ width:80%; float: left; }
.gt-product-download .content .mid h3{font-size:0.18rem; color:#333; line-height:0.22rem; padding-bottom:0.1rem}
.gt-product-download .content .mid h3 a{ font-size:0.18rem; color:#333; line-height:0.22rem; }
.gt-product-download .content .mid h3 a:hover{ font-size:0.18rem; color:#73BF03; line-height:0.22rem; }
.gt-product-download .content .mid p{font-size:0.14rem; color:#666666; line-height:0.20rem;}
.gt-product-download .content .right{ width:0.54rem; float:right }
.gt-product-download .content .right img{ height:0.54rem !important; margin:0 0 !important}
.gt-product-download .content .right img:hover{ transform: scale(1.05); }
@media (max-width:800px){
.gt-product-download{ padding:40px 0 30px 0; }
.gt-product-download .content{ padding:0 0;}
.gt-product-download .content li{ float:left; width:100%; background:#FFF; border:1px solid #eceae7; min-height:60px; margin-right:0px; padding:20px 15px; margin-bottom:13px; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-product-download .content li:hover{}
.gt-product-download .content li:nth-child(2n){ margin-right:0}
.gt-product-download .content .left{ width:10%; float: left; margin-right:4% }
.gt-product-download .content .left img{ width:100% !important; height:100% !important; margin:0 0 !important}
.gt-product-download .content .mid{ width:74%; float: left; }
.gt-product-download .content .mid h3{font-size:16px; color:#333; line-height:20px; padding-bottom:6px}
.gt-product-download .content .mid h3 a{ font-size:16px; color:#333; line-height:20px; }
.gt-product-download .content .mid h3 a:hover{ font-size:16px; color:#73BF03; line-height:20px; }
.gt-product-download .content .mid p{font-size:14px; color:#666666; line-height:18px;}
.gt-product-download .content .right{ width:12%; float:right !important }
.gt-product-download .content .right img{ width:100% !important; height:100% !important;}
.gt-product-download .content .right img:hover{ transform: scale(1.05); }
}
@media (min-width:1200px){
/* Index software */
.gt-index-software{padding:0.8rem 0 0.8rem 0}
.gt-index-software .left{ float:left; width:47%;}
.gt-index-software .right{ float:right; width:47%;}
.gt-index-software .content{ padding:0px}
.gt-index-software .content h2{ font-size:0.34rem ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#333333; line-height:0.34rem; padding:0.1rem 0 0.2rem 0}
.gt-index-software .content p{ font-size:0.16rem; color:#666; line-height:0.26rem; }
.gt-index-software .pic{ width:100%; margin-top:6%}
.gt-index-software .pic img{ width:100%; height:auto;}
.gt-index-software .feature{ padding:0.4rem 0 0.2rem 0; display: flex ; flex-wrap: wrap;}
.gt-index-software .feature li{ width:31.33%; margin:0 1% 20px 1%; float:left; text-align:center; }
.gt-index-software .feature li img{ height:0.6rem; width:auto; margin-bottom:0.1rem; }
.gt-index-software .feature li h3{font-size:0.18rem; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:5px; text-align:center; color: #193735 }
.gt-index-software .feature li p{ font-size:0.14rem; color:#666; line-height:0.18rem; font-family: "hr";}
.gt-index-software .feature2{ padding:0.4rem 0 0.2rem 0; display: flex ; flex-wrap: wrap;}
.gt-index-software .feature2 li{ width:23%; margin:0 1% 20px 1%; float:left; text-align:center; }
.gt-index-software .feature2 li img{ height:0.6rem; width:auto; margin-bottom:0.1rem; }
.gt-index-software .feature2 li h3{font-size:0.18rem; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:5px; text-align:center; color: #193735 }
.gt-index-software .feature2 li p{ font-size:0.14rem; color:#666; line-height:0.18rem; font-family: "hr";}
.gt-index-software .more{ padding-top:0px}
.gt-software{ padding:0.8rem 0 0.8rem 0}
.gt-software .left{ float:left; width:47%;}
.gt-software .right{ float:right; width:47%;}
.gt-software .content{ padding:0px}
.gt-software .content h2{ font-size:0.34rem ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#333333; line-height:0.32rem; padding:0.1rem 0 0.2rem 0}
.gt-software .content p{ font-size:0.16rem; color:#666; line-height:0.26rem; }
.gt-software .pic{ width:100%; margin-top:6%}
.gt-software .pic img{ width:100%; height:auto;}
.gt-software .feature{ padding:0.4rem 0 0.2rem 0}
.gt-software .feature li{ width:23%; min-height:1.52rem; margin:0 1% 10px 1%; float:left; text-align:center; min-height:1.4rem; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.gt-software .feature li:hover{ transform: translateY(-4px);}
.gt-software .feature li img{ height:0.6rem; width:auto; margin-bottom:0.1rem; }
.gt-software .feature li h3{font-size:0.16rem; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:0.05rem; text-align:center; color: #73BF03 }
.gt-software .feature li p{ font-size:0.16rem; color:#666; line-height:0.2rem; font-family: "hr";}
.gt-software .more{ padding-top:0}
}
@media (max-width:800px){
.gt-index-software{ padding:40px 0px 40px 0px}
.gt-index-software .left{ float:left; width:100%; margin-bottom:20px}
.gt-index-software .right{ float:left; width:100%;}
.gt-index-software .content{ padding:0px}
.gt-index-software .content h2{ font-size:26px ; font-family: "hb"; font-weight:bold; font-weight:bold; color:#333333; line-height:30px; padding:20px 0px 20px 0px }
.gt-index-software .content p{ font-size:14px; color:#666; line-height:22px; }
.gt-index-software .pic{ width:100%; margin-top:0%}
.gt-index-software .pic img{ width:100%; height:auto;}
.gt-index-software .feature{ padding:20px 0px 20px 0px; display: flex ; flex-wrap: wrap;}
.gt-index-software .feature li{ width:43%; margin:0 1% 10px 1%; float:left; text-align:center; }
.gt-index-software .feature li img{ height:50px; width:auto; margin-bottom:10px; }
.gt-index-software .feature li h3{font-size:14px; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:5px; text-align:center; color: #193735 }
.gt-index-software .feature li p{ font-size:13px; color:#666; line-height:18px; font-family: "hr";}
.gt-index-software .more{ padding-top:0px}
.gt-index-software .feature2{ padding:20px 0px 20px 0px; display: flex ; flex-wrap: wrap;}
.gt-index-software .feature2 li{ width:23%; margin:0 1% 10px 1%; float:left; text-align:center; }
.gt-index-software .feature2 li img{ height:50px; width:auto; margin-bottom:10px; }
.gt-index-software .feature2 li h3{font-size:14px; font-family: "hb"; font-weight:bold; font-weight:bold; padding-bottom:5px; text-align:center; color: #193735 }
.gt-index-software .feature2 li p{ font-size:13px; color:#666; line-height:18px; font-family: "hr";}
.gt-software{ padding:40px 0px 40px 0px}
.gt-software .left{ float:left; width:100%; margin-bottom:20px}
.gt-software .right{ float:left; width:100%;}
.gt-software .content{ padding:0px}
.gt-software .content h2{ font-size:26px ; font-family: "hb"; font-weight:bold; color:#333333; line-height:30px; padding:20px 0px 20px 0px }
.gt-software .content p{ font-size:14px; color:#666; line-height:22px; }
.gt-software .pic{ width:100%; margin-top:0%}
.gt-software .pic img{ width:100%; height:auto;}
.gt-software .feature{ padding:20px 0px 20px 0px}
.gt-software .feature li{ width:43%; margin:0 1% 10px 1%; float:left; text-align:center; min-height:146px}
.gt-software .feature li img{ height:50px; width:auto; margin-bottom:10px; }
.gt-software .feature li h3{font-size:14px; font-family: "hb"; font-weight:bold; padding-bottom:5px; text-align:center; color: #73BF03 }
.gt-software .feature li p{ font-size:13px; color:#666; line-height:18px; font-family: "hr";}
.gt-software .more{ padding-top:0px}
}
/* Index help */
.gt-index-help{ padding:80px 0px 80px 0px}
.gt-index-help .content{ color:#333; line-height:0.4rem; text-align:center}
.gt-index-help .content h2{ padding:0 0 0.4rem 0; font-size:0.3rem; color:#333; font-weight:normal; line-height:0.4rem; }
@media (max-width:800px){
.gt-index-help{ padding:40px 0px 40px 0px}
.gt-index-help .content{ color:#333; line-height:40px; text-align:center}
.gt-index-help .content h2{ padding:0 0 20px 0; font-size:20px; color:#333; font-weight:normal; line-height:40px; }
}
/* 测试管家 */
.gt-manager{ padding:80px 0px 80px 0px}
.gt-manager .left{ float:left; width:47%}
.gt-manager .right{ float:right; width:47%}
.gt-manager h2{ font-size:0.32rem ; font-family: "hb"; font-weight:bold; color:#73BF03; line-height:0.38rem; padding:10px 0px 20px 0px }
.gt-manager h3{ font-size:0.24rem ; font-family: "hb"; font-weight:bold; color:#73BF03; line-height:0.34rem; padding:10px 0px 10px 0px }
.gt-manager p{ font-size:0.18rem; color:#666; line-height:0.30rem; padding:0.05rem 0 }
.gt-manager li{ text-align: left; font-size:0.16rem; line-height:0.26rem; list-style-type: none;background: url(../images/pc-li-yd.png) no-repeat 2px 11px;margin-left: 0px; padding-left: 18px;}
.gt-manager strong{ color:#73BF03; font-weight:bold}
.gt-manager li p{font-size:0.16rem; color:#666; line-height:26px; }
.gt-manager img{ max-width:100%; height:auto; }
.m-link{position:relative; top:-80px}
@media (max-width:800px){
.gt-manager{ padding:40px 0px 40px 0px}
.gt-manager .left{ float:left; width:100%; margin-bottom:20px}
.gt-manager .right{ float:right; width:100%}
.gt-manager h2{ font-size:22px ; font-family: "hb"; font-weight:bold; color:#73BF03; line-height:28px; padding:10px 0px 10px 0px }
.gt-manager h3{ font-size:18px ; font-family: "hb"; font-weight:bold; color:#73BF03; line-height:22px; padding:5px 0px 5px 0px }
.gt-manager p{ font-size:16px; color:#666; line-height:26px; padding:5px 0 }
.gt-manager li{ text-align: left; font-size:16px; line-height:26px; list-style-type: none;background: url(../images/pc-li-yd.png) no-repeat 2px 11px;margin-left: 0px; padding-left: 18px;}
.gt-manager strong{ color:#73BF03; font-weight:bold; line-height:26px}
.gt-manager li p{font-size:16px; color:#666; line-height:26px; }
.gt-manager img{ max-width:100%; height:auto}
.m-link{position:relative; top:-60px}
}
/* footer */
.footer {background:#193735;position: relative;clear: both;padding: 4% 0 2% 0;overflow: hidden;color: #fff;}
.footer a {color: #fff;}
.footer-content {overflow: hidden;width: 84%;margin: auto;}
.footer-content-top {overflow: hidden;padding-bottom: 2%; }
.footer-content-top-left {float: left;width: 30%;}
.footer-logo {width: 33%;position: relative;}
.footer-logo a {display: block;}
.footer-logo img {display: block;max-width: 100%;}
.footer-contact {margin-top: 0px;}
.footer-contact .contact-1{color: #e7e4e4; font-size:0.3rem !important;}
.footer-contact .contact-1 p{ font-size:0.16rem !important; line-height:28px; color: #e7e4e4;}
.footer-contact .contact-1 h2{ font-size:0.4rem !important; font-family: "hb"; font-weight:bold; color:#73bf03; line-height:34px; padding:10px 0px}
.footer-contact .contact-1 h3{ font-size:0.3rem !important; font-family: "hl"; color:#73bf03; line-height:30px; padding:10px 0px}
.footer-content-top-left .nwm{ margin:30px 0px 10px 0px}
.footer-content-top-left .nwm li{ width:1.3rem; text-align:center; margin-right:25px; float:left}
.footer-content-top-left .nwm li img{ width:100%; height:auto}
.footer-content-top-left .nwm li h2{ padding:10px 0px 0px 0px; text-align:center; font-size:0.16rem !important; color: #e7e4e4; font-weight:normal}
.footer-content-top-right {float: right;width: 65%;}
.footer-right-nav{ width:25%; float:left}
.footer-right-nav .title{ color:#73bf03; text-align:right; font-size:0.2rem; padding-bottom:10px;font-family: "hb"; font-weight:bold; }
.footer-right-nav .nav{ padding:0px}
.footer-right-nav .nav li{ line-height:34px;font-family: "hb"; font-size:0.16rem; color: #e7e4e4; text-align:right; }
.footer-right-nav .nav li a{line-height:34px;font-family: "hl";font-size:0.16rem; color: #e7e4e4; }
.footer-right-nav .nav li a:hover{line-height:34px;font-family: "hl";font-size:0.16rem; color:#73bf03; }
.footer-right-cro{ clear:both; padding:60px 0px 20px 0px; text-align:right; line-height:36px; font-family: "hl";font-size:0.14rem; color: #e7e4e4;}
.footer-right-cro a{ line-height:36px; font-family: "hl";font-size:0.14rem; color: #e7e4e4;}
.footer-right-cro a:hover{ line-height:36px; font-family: "hl";font-size:0.14rem; color:#73bf03;}
.footer-from {overflow: hidden;position: relative;}
.footer-from-left{float: left;width: 40%;overflow: hidden;}
.footer-from-left li{list-style: none;margin: 0;padding: 0;margin-bottom: 7px;}
.footer-from-left li:last-child {margin: 0;}
.input-1,.textarea-1 {border: 1px solid rgba(255,255,255,.2);display: block;outline: none;background: none;box-sizing: border-box;padding: 14px 15px;width: 100%;color: #fff;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border: 1px solid rgba(255,255,255,1);}
.textarea-1 {height: 100%;}
.footer-from-right {width: 60%;position: relative;overflow: hidden;padding-left: 8px;box-sizing: border-box;position: absolute;right: 0;top: 0;height: 100%;}
.footer-from-right .textarea-1 {width: 82.333%;}
.send-1 {width: 15%;height: 100%;position: absolute;right: 0;top: 0;background:#fff;}
.send-1::before {content: '';width: 20px;height: 20px;background: url('../images/send.png') no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.send-1:hover {background: #ededed;}
.footer-content-center {overflow: hidden;position: relative;margin-top: 2.5%;clear: both;}
.footer-nav {overflow: hidden;}
.footer-nav a{display: inline-block;vertical-align: middle;font-family: 'Barlow-Bold';margin-right: 3%;}
.footer-nav a:hover {color: #73bf03;}
.footer-social {text-align: right;position: absolute;right: 0;width: 30%;top: 0;z-index: 1;}
.footer-social li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin: 0 7px;}
.footer-social li a{display: block;position: relative;width: 30px;height: 30px;}
.footer-social li a:hover {opacity: .8;}
.footer-content-bottom {overflow: hidden;position: relative;margin-top: 10%;}
.footer-content-bottom a {color: #666666;}
.footer-content-bottom a:hover {color: #73bf03;}
.footer-copy {overflow: hidden;color: #666666;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666666;}
@media screen and (max-width: 800px) {
/* footer */
.footer {background:#193735;position: relative;clear: both;padding: 4% 0 2% 0;overflow: hidden;color: #fff;}
.footer a {color: #fff;}
.footer-content {overflow: hidden;width: 96%;margin: auto;}
.footer-content-top {overflow: hidden;padding-bottom: 2%; }
.footer-content-top-left {width: 100%;}
.footer-logo {width: 33%;position: relative;}
.footer-logo a {display: block;}
.footer-logo img {display: block;max-width: 100%;}
.footer-contact {margin-top: 0px;}
.footer-contact .contact-1{color: #e7e4e4; font-size:30px !important;}
.footer-contact .contact-1 p{ font-size:16px !important; line-height:28px; color: #e7e4e4;}
.footer-contact .contact-1 h2{ font-size:34px !important; font-family: "hb"; font-weight:bold; color:#73bf03; line-height:34px; padding:10px 0px}
.footer-contact .contact-1 h3{ font-size:30px !important; font-family: "hl"; color:#73bf03; line-height:30px; padding:10px 0px}
.footer-content-top-left .nwm{ margin:30px 0px 10px 0px}
.footer-content-top-left .nwm li{ width:48%; text-align:center; margin-right:4%; float:left}
.footer-content-top-left .nwm li:nth-child(2){ margin-right:0;}
.footer-content-top-left .nwm li img{ width:90%; height:auto}
.footer-content-top-left .nwm li h2{ padding:10px 0px 0px 0px; text-align:center; font-size:16px !important; color: #e7e4e4; font-weight:normal}
.footer-content-top-right {float: right;width: 65%;}
.footer-right-nav{ width:25%; float:left}
.footer-right-nav .title{ color:#73bf03; text-align:right; font-size:0.2rem; padding-bottom:10px;font-family: "hb"; font-weight:bold; }
.footer-right-nav .nav{ padding:0px}
.footer-right-nav .nav li{ line-height:34px;font-family: "hb"; font-weight:bold;font-size:0.16rem; color: #e7e4e4; text-align:right; }
.footer-right-nav .nav li a{line-height:34px;font-family: "hl";font-size:0.16rem; color: #e7e4e4; }
.footer-right-nav .nav li a:hover{line-height:34px;font-family: "hl";font-size:0.16rem; color:#73bf03; }
.footer-right-cro{ clear:both; padding:30px 0px 0px 0px; text-align:center; line-height:26px; font-family: "hl";font-size:14px; color: #e7e4e4;}
.footer-right-cro a{ line-height:26px; font-family: "hl";font-size:14px; color: #e7e4e4;}
.footer-right-cro a:hover{ line-height:26px; font-family: "hl";font-size:14px; color:#73bf03;}
.footer-from {overflow: hidden;position: relative;}
.footer-from-left{float: left;width: 40%;overflow: hidden;}
.footer-from-left li{list-style: none;margin: 0;padding: 0;margin-bottom: 7px;}
.footer-from-left li:last-child {margin: 0;}
.input-1,.textarea-1 {border: 1px solid rgba(255,255,255,.2);display: block;outline: none;background: none;box-sizing: border-box;padding: 14px 15px;width: 100%;color: #fff;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border: 1px solid rgba(255,255,255,1);}
.textarea-1 {height: 100%;}
.footer-from-right {width: 60%;position: relative;overflow: hidden;padding-left: 8px;box-sizing: border-box;position: absolute;right: 0;top: 0;height: 100%;}
.footer-from-right .textarea-1 {width: 82.333%;}
.send-1 {width: 15%;height: 100%;position: absolute;right: 0;top: 0;background:#fff;}
.send-1::before {content: '';width: 20px;height: 20px;background: url('../images/send.png') no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.send-1:hover {background: #ededed;}
.footer-content-center {overflow: hidden;position: relative;margin-top: 2.5%;clear: both;}
.footer-nav {overflow: hidden;}
.footer-nav a{display: inline-block;vertical-align: middle;font-family: 'Barlow-Bold';margin-right: 3%;}
.footer-nav a:hover {color: #73bf03;}
.footer-social {text-align: right;position: absolute;right: 0;width: 30%;top: 0;z-index: 1;}
.footer-social li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin: 0 7px;}
.footer-social li a{display: block;position: relative;width: 30px;height: 30px;}
.footer-social li a:hover {opacity: .8;}
.footer-content-bottom {overflow: hidden;position: relative;margin-top: 10%;}
.footer-content-bottom a {color: #666666;}
.footer-content-bottom a:hover {color: #73bf03;}
.footer-copy {overflow: hidden;color: #666666;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666666;}
}
/* index */
.div-content {width: 80%;margin: auto;}
.index-banner-swiper {width: 100%;height: 100%;position: relative;}
.index-banner-item {position: relative;overflow: hidden;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .text {width: 70%;left: 9%;top: 50%;z-index: 51;color: #fff;position: absolute;transform: translateY(-50%);}
.index-banner-swiper .text-3 {margin-top: 1%;transition:all .4s ease}
.index-banner-swiper .title-1 div,
.index-banner-swiper .title-2 div,
.index-banner-swiper .title-3 div{overflow: hidden;font-family: 'Barlow-BlackItalic';text-transform: uppercase;opacity: 0;}
.HeadlineCopy {overflow: hidden;white-space: nowrap;letter-spacing: 0; }
@keyframes typing {0% { width: 0; opacity: 0;} 1% { opacity: 1; } 100% { width: 100% ;opacity: 1; }}
.index-banner-swiper .swiper-slide-active .title-1 div{animation: typing 1s steps(100, end) forwards;}
.index-banner-swiper .swiper-slide-active .title-2 div{animation: typing 1s 1s steps(100, end) forwards;}
.index-banner-swiper .swiper-slide-active .title-3 div{animation: typing 1s 2s steps(100, end) forwards;}
.index-banner-swiper .swiper-slide .more-1 a,
.index-banner-swiper .swiper-slide .text-3 {transition-delay: 1.5s;transform: translateX(-100%);opacity: 0;}
.index-banner-swiper .swiper-slide-active .more-1 a,
.index-banner-swiper .swiper-slide-active .text-3{transform: translateX(0px);opacity: 1;}
.index-banner-swiper .swiper-slide .index-banner-item.center .more-1 a,
.index-banner-swiper .swiper-slide .index-banner-item.center .text-3,
.index-banner-swiper .swiper-slide .index-banner-item.right .text-3 {transition-delay: 1.5s;transform: translateY(100%);opacity: 0;}
.index-banner-swiper .swiper-slide-active .index-banner-item.center .more-1 a,
.index-banner-swiper .swiper-slide-active .index-banner-item.center .text-3,
.index-banner-swiper .swiper-slide-active .index-banner-item.right .text-3{transform: translateY(0px);opacity: 1;}
.index-banner-item.left,.index-banner-item.right {float: none;}
.index-banner-item.center .text {left: 50%;transform: translate(-50%,-90%);text-align: center;}
.index-banner-item.center .title-1 div,.index-banner-item.center .title-2 div,.index-banner-item.center .title-3 div{clear: both;display: inline-block;}
.index-banner-item.center .text-1 {text-align: center;}
.index-banner-item.center .text .more-1 {margin: 3% auto;}
.index-banner-item.center .text .more-1 a{margin: 0 auto;}
.index-banner-item.right .text {left: auto;right: 9%;text-align: right;}
.index-banner-item.right .title-1 div,.index-banner-item.right .title-2 div,.index-banner-item.right .title-3 div{clear: both;display: inline-block;}
.index-banner-item.right .more-1 a {display: inline-block;}
.index-banner-item.none .text {display: none;}
.swiper-button {position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.swiper-button .swiper-button-prev,.swiper-button .swiper-button-next {width: 70px;height: 65px;display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin:0px 5px;outline: none;}
.swiper-button .swiper-button-prev::before ,.swiper-button .swiper-button-next::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #fff;}
.swiper-button .swiper-button-prev::after ,.swiper-button .swiper-button-next::after {font-size: 16px;font-weight:900;z-index: 11;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.swiper-button .swiper-button-prev {margin-top: 20px;}
.swiper-button .swiper-button-prev:hover::before {background: #ededed;}
.swiper-button .swiper-button-next::before {background: #73BF03;}
.swiper-button .swiper-button-next:hover::before {background: #73bf03;}
.index-banner-swiper .banner-pagination {bottom: 2%;left: 0;width: auto;z-index: 11;color: #fff;width: 100px;text-align: right;}
.index-banner-swiper .banner-pagination span {display: block;padding: 15px 0;position: relative;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 40px;font-family: 'Barlow-BlackItalic';padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total {font-size: 20px;font-family: 'Barlow-Italic';padding-right: 40%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current::after {content: '';width: 100%;height: 1px;background: #fff;opacity: .3;position: absolute;bottom:0;left: 0;}
.more-1 {position: relative;display:block;margin: 4% 0;}
.more-1 a {color: #fff;position: relative;display: block;width: 170px;height: 54px;transition:all .8s ease-in-out;}
.more-1 a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;border: 1px solid #fff;opacity: .3;transform:skewX(340deg);z-index: 1;}
.more-1 a::before {content: '';width: 18px;height: 100%;position: absolute;right: -14px;top:-8px;transform:skewX(340deg);z-index: 11;background: #73bf03;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'Barlow-Bold';z-index: 11;width: 100%;text-align: center;}
.more-1 a:hover::after {background: #fff;opacity: 1;}
.more-1 a:hover span {color: #000;}
.more-1 a:hover::before {right: -11px;}
.heasn-title-1 {font-family: 'Barlow-BlackItalic';color: #404040;}
.index-heasn-valued {position: relative;overflow: hidden;}
.index-heasn-valued-text {position: absolute;text-align: center;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.index-heasn-valued-text .title-1 {display: inline-block;}
.index-heasn-valued-text .text-1 {margin-top: 1.5%;}
.index-heasn-valued-text .text-1 strong {font-weight: normal;font-family: 'Barlow-Bold';}
.index-heasn-valued-text .text-1 p {margin: 0;padding: 0;}
.index-heasn-valued .img {background: #fff;}
.graphical {position: absolute;left: 0;top: 0;z-index: 1;}
.graphical i{transform:skewX(340deg);width: 140px;height: 240px;background-image: -webkit-linear-gradient( 90deg, rgb(253,208,0) 0%, rgba(253,208,0,0.2) 100%);opacity: .2;display: block;}
.graphical-1 {left: 29%;top: 30%;}
.graphical-2 {left: 57%;top: 22%;}
.graphical-3 {left: 68.7%;top: 18%;}
.graphical-2 i{width: 240px;height: 400px;}
.graphical-3 i{width: 90px;height: 320px;}
.detail .header {background: #fff;border-bottom: 1px solid #e6e6e6;}
.detail .header .header-logo a{background: url('../images/logoh.png') left center no-repeat;background-size: contain;}
.detail .header .header-nav ul li a{color: #1a1a1a;}
.detail .header .header-nav ul li.cur a {color: #193735;}
.detail .header .header-nav ul li a:hover {color: #193735;font-family: 'Barlow-Bold';}
.detail .header .header-nav ul li.cur::after {background: #73bf03;opacity: 1;}
.detail .header .header-langtuage-search i img {filter: invert(100%);}
.detail .header .header-langtuage-search a:hover i img{filter: invert(0);}
.detail .header .header-langtuage-search a::after {border: 1px solid #e6e6e6;opacity: 1;}
.detail .header .header-langtuage-search a:hover::after {border: 1px solid #73bf03;opacity: 1;}
.detail .header .header-langtuage-search span {color: #1a1a1a;}
.page-solution-detail {overflow: hidden;position: relative;background: #f7f7f7;padding-top: 110px;}
.page-solution-detail .div-path {position: relative;margin-left: 3%;}
.div-path {position: relative;}
.div-path a{display: inline-block;vertical-align: middle;position: relative;}
.div-path span {display: inline-block;vertical-align: bottom;font-family: "宋体",Arial, Helvetica, sans-serif;padding: 0 10px;font-size: 13px;font-weight: bold;}
.div-path a:first-child {padding-left: 30px;}
.div-path a:first-child::before {content: '';position: absolute;left: 0;top: 0;background: url('../images/home.png') center no-repeat;width: 20px;height: 18px;}
.div-path a:hover {color: #1f1c5e;}
.bottom-ctrl {border-top: 2px solid #000;overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;padding-top: 3%;}
.bottom-ctrl .number-1{display: inline-block;float: left;margin-top: 3%;}
.bottom-ctrl .number-1 strong{color: #404040;}
.bottom-ctrl .number-1 span{color: #999999;}
.bottom-ctrl .prevnext-1{float: right;}
.swiper-characteristics-next,.swiper-characteristics-prev{width: 60px;height: 55px;position: relative;display: inline-block;vertical-align: middle;text-align: center;margin-right:13px;outline: none;cursor: pointer;}
.swiper-characteristics-next::after,
.swiper-characteristics-prev::after {content: '';width: 60px;height: 55px;position: absolute;left: 0px;top: 0;transform:skewX(340deg);z-index: 1;background: #404040;}
.swiper-characteristics-next::after {background: #73bf03;}
.swiper-characteristics-prev::after {background: #404040;}
.swiper-characteristics-next::before,
.swiper-characteristics-prev::before {content: '';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.swiper-characteristics-next::before {background: url('../images/r2.png') center no-repeat;filter:invert(100%);}
.swiper-characteristics-prev::before {background: url('../images/l2.png') center no-repeat;}
.swiper-characteristics-next:hover::after {background: #73bf03;}
.swiper-characteristics-prev:hover::after {background: #262626;}
.swiper-characteristics-next {margin-top: -7%;}
.swiper-characteristics-prev {margin-top: 3%;}
.tuxing-2 {position: absolute;right: 19%;bottom: 0%;z-index: 1;width: 340px;height: 547px;}
.tuxing-2 i{transform:skewX(340deg);width: 340px;height: 547px;background-image: -webkit-linear-gradient(90deg, rgb(253,208,0,0.2) 0%, rgba(253,208,0,0) 100%);display: block;}
.tuxing-3 {position: absolute;right: 12.5%;bottom: 16.6%;z-index: 1;width: 140px;height: 447px;}
.tuxing-3 i{transform:skewX(340deg);width: 140px;height: 447px;background-image: -webkit-linear-gradient(90deg, rgb(253,208,0,0.2) 0%, rgba(253,208,0,0) 100%);display: block;}
/* service */
.header-nav-service {width: 80%;margin: auto;padding: 3% 0;overflow: hidden;}
.header-nav-service-left {float: left;width: 45%;}
.header-nav-service-left .img{width: 70%;}
.header-nav-service-left .text{padding: 3% 0;}
.header-nav-service-left .text p {margin: 10px 0;}
.header-nav-service-right {float: right;width: 49.33%;}
.header-nav-service-nav {overflow: hidden;margin-top: -3%;}
.header-nav-service-nav a {display: block;float: left;width: 45%;margin-right: 5%;position: relative;padding:3% 0;}
.header-nav-service-nav a span {display: block;font-family: 'Barlow-Bold';color: #404040;position: relative;}
.header-nav-service-nav a span::after {content: '';width: 10px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r6.png') center no-repeat;filter: grayscale(100%);opacity: .3;}
.header-nav-service-nav a::after {content: '';width: 100%;height: 1px;background: #e8e8e8;position: absolute;left: 0;bottom: 0;}
.header-nav-service-nav a::before {content: '';width: 0;height: 1px;background: #73bf03;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.header-nav-service-nav a:hover span {color: #73bf03;}
.header-nav-service-nav a:hover::before {width: 100%;}
.header-nav-service-nav a:hover span::after {filter: grayscale(0);opacity: 1;}
.page-service {padding: 5% 0;overflow: hidden;}
.page-service-top {text-align: center;}
.page-service-top .title-1 {display: inline-block;}
.page-service-top .text-2 {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;color: #666666;}
.page-service-top .text-2 img {max-width: 100%;}
.page-service-nav {text-align: left;width: 90%;margin: auto;padding: 5% 0;overflow: hidden;}
.page-service-nav a {display: block;float: left;width: 47%;padding: 10px 0;margin: 1%;border: 1px solid #ccc;text-align: center;}
.page-service-nav a.cur {background: #73bf03;border: 1px solid #73bf03;color: #000;}
.header-nav-download {width: 80%;margin: auto;padding: 3% 0;overflow: hidden;}
.header-nav-download li{ float:left; width:18.4%; border:0px solid #7fa4c1; background:#eaeaea; line-height:0.5rem; padding:0.4rem 0; text-align:center; margin-right:2%; }
.header-nav-download li:hover,.header-nav-download li.hover{float:left; width:18.4%; border:0px solid #7fa4c1; background:#eaeaea; line-height:0.5rem; padding:0.4rem 0; text-align:center; margin-right:2%;}
.header-nav-download li a{color:#666666; font-size:0.18rem;line-height:0.5rem;}
.header-nav-download li:hover a,.header-nav-download li.hover a{color:#73BF03; font-size:0.18rem;line-height:0.5rem;}
.header-nav-download li img{ max-height:0.6rem; vertical-align:middle;}
.header-nav-download li:nth-child(5){margin-right: 0}
/* other */
.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7); overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.getprice-windows {margin-top: 110px;overflow: hidden;padding: 4% 0;}
.getprice-windows-content {width: 70%;margin: auto;min-height: 500px;}
.getprice-contact-information {overflow: hidden;}
.product-information {overflow: hidden;padding: 3% 0;}
.add-products-type-swiper .add-products a{display: block;}
.add-products-type-swiper .swiper-slide {width: auto;}
.add-products {overflow: hidden;margin-bottom: 1%;}
.add-products a{display: block;width: 150px;line-height: 50px;border: 1px solid #73bf03;text-align: center;float: left;margin-right: 5px;}
.add-products a:hover,.add-products.cur a{background: #73bf03;color: #fff;}
.products-list-return {overflow: hidden;}
.products-getprice-item {float: left;width: 13.4%;position: relative;margin-right: 1%;margin-bottom: 1%;overflow: hidden;}
.products-getprice-item.mr0 {margin-right: 0;}
.products-getprice-item .text{padding-top: 4%;overflow: hidden;}
.products-getprice-item .text-1 {color: #000;}
.products-getprice-item .title-2 {color: #999999;margin-top: 1%;}
.products-getprice-item .img {background: #e0e0e0;}
.products-getprice-item a {display: block;position: relative;overflow: hidden;padding: 4%;border: 1px solid #e3e3e3;opacity: .5;}
.products-getprice-item a img {filter: grayscale(100%);}
.products-getprice-item.cur a{border: #73bf03 1px solid;opacity: 1;}
.products-getprice-item.cur img {filter: grayscale(0);}
.products-getprice-item.cur .close-2 {display: block;}
.products-getprice-item a:hover {border: 1px solid #73bf03;opacity: 1;}
.products-getprice-item a:hover img {filter: grayscale(0);}
.getprice-windows .title-1{font-weight: bold;}
.contact-information-from {overflow: hidden;}
.contact-information-from li{list-style: none;margin: 0;padding: 0;margin: 1% 0;}
.contact-information-from .input-1,.contact-information-from .textarea-1{border: 1px solid #e3e3e3;padding: 15px 20px;width: 100%;box-sizing: border-box;color: #000;}
.contact-information-from .input-1:focus,.contact-information-from .textarea-1:focus {border: 1px solid #000;}
.contact-information-from .textarea-1{min-height: 100px;}
.contact-information-from .submission-1 {display: block;width: 100%;background: #73bf03;color: #fff;padding: 15px 0;text-align: center;}
.contact-information-from .submission-1:hover {background: #1f1c5e;}
.close-2 {width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 11;cursor: pointer;display: none;}
.close-2 i{display: block;width: 30px;height: 30px;position: relative;;background: #73bf03;break-before: 0;}
.close-2 i::after {content: '';width: 20px;height: 2px;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -10px;background: #000;transform: rotate(45deg);transition:all .4s ease;}
.close-2 i::before {content: '';width: 2px;height: 20px;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -1px;background: #000;transform: rotate(45deg);transition:all .4s ease;}
.close-2 i:hover::before,.close-2 i:hover::after {transform: rotate(225deg);}
.add-products-content {overflow: hidden;padding-bottom: 1%;}
.add-products-type {margin-bottom: 1%;font-size: 0;}
.add-products-content a{display: inline-block;vertical-align: middle;border: 1px solid #e3e3e3;padding: 10px 10px;text-align: center;color: #999;margin-right: 5px;}
.add-products-content a.cur,.add-products-content a.cur:hover,.add-products-type-swiper .swiper-slide-thumb-active a {background: #73bf03;border: 1px solid #73bf03;color: #fff;opacity: 1;}
.add-products-content a:hover {border: 1px solid #000;color: #000;}
.add-products-nav {margin-bottom: 1%;font-size: 0;}
.getprice-products-list {overflow: hidden;opacity: 0;z-index: -1;position: relative;}
.products-type-swiper .swiper-slide-active .getprice-products-list {opacity: 1;z-index: 11;position: relative;}
.select-product-content {overflow: hidden;height: 0px;}
.select-product-content.cur {height: auto;}
.currently-selected-products .products-getprice-item a img {filter: grayscale(0);}
.currently-selected-products .products-getprice-item a {border: 1px solid #e3e3e3;opacity: 1;}
/* menu */
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 0;top: 5px;display: none;z-index: 111;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;background: #000;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}
.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #e2f1d5 url('../images/top2.jpg') no-repeat center;background-size: 100%;}
.aside-top a:hover {background: #e2f1d5 url('../images/top1.jpg') no-repeat center;background-size: 100%;}
@keyframes biginsmall{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.1);opacity: 1;}100%{transform:scale(1.0);opacity: 1;}}
.biginsmall{-webkit-animation-name:biginsmall;animation-name:biginsmall;-webkit-animation-duration:1.9s;animation-duration:1.9s}
@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}
@keyframes dazhis{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0; opacity: 0;}1% { opacity: 1; }100%{width: 100% ;opacity: 1; }}
.dazhis{animation: dazhis 1s steps(100, end) forwards;overflow: hidden;white-space: nowrap;letter-spacing: 0; }
@keyframes dazhi{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0; opacity: 0;}1% { opacity: 1; }100%{width: 100% ;opacity: 1; }}
.dazhi{animation: dazhi 2s steps(100, end) forwards;overflow: hidden;white-space: nowrap;letter-spacing: 0;opacity: 0; }
@keyframes fadeinrt{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:translate(-100px,300px);opacity:0;}100%{transform:translate(0px,0px);opacity: 1;}}
.fadeinrt{-webkit-animation-name:fadeinrt;animation-name:fadeinrt;-webkit-animation-duration:0.9s;animation-duration:0.9s}
@media screen and (max-width: 5120px) {
.news-detail-right-center img {max-width: 100%;}
.wow {opacity: 0;}
.index-heasn-valued-text .text-1,.index-about-us-text .text-1 p,.page-solution-item .text-2 p,.page-about-bottom .text-2 p {margin: 0;padding: 0;}
.characteristics-swiper .img{background: none;}
}
@media screen and (max-width: 3840px) {
}
@media screen and (max-width: 2560px) {
}
@media screen and (max-width: 2048px) {
}
@media screen and (max-width: 1920px) {
.HeadlineCopy {line-height: 80px;}
.news-detail-right-center * {font-size: 16px;line-height: 26px;}
.news-detail-right-center a {text-decoration: none;color: #1a1a1a;}
.news-detail-right-center a * {color: #1a1a1a;}
}
@media screen and (max-width: 1680px) {
.header-content {height: 80px;}
.header-nav ul li a {line-height: 80px;}
.header-nav-show-content {margin-top: 80px}
.page-solution-detail {padding-top: 100px;}
.langtuage-1 a,.langtuage-1 a::after {width: 160px;height: 45px;}
.search-1 a,.search-1 a::after {height: 45px;}
.header-nav ul li {padding: 0 15px;}
.more-1 a {width: 150px;height: 50px;}
.more-1 a::before {width: 15px;}
.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev::before,.swiper-button .swiper-button-next::before {width: 50px;height: 55px;}
.swiper-button .swiper-button-prev::after, .swiper-button .swiper-button-next::after {font-size: 12px;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 30px;}
.HeadlineCopy {line-height: 70px;}
.graphical1 i {width: 120px;height: 220px;}
.graphical-2 i {width: 220px;height: 380px;}
.graphical-3 i {width: 70px;height: 300px;}
.graphical-3 {left: 70%;}
.page-banner .tuxing-1,.page-banner .tuxing-1 i {width: 220px;height: 327px;}
.page-about .div-content .text-img {width: 60%;}
.solution-main-top .btn-2 a {width: 160px;height: 50px;line-height: 50px;}
.solution-main-top .btn-2 a::after {width: 160px;height: 50px;}
.characteristics-text-swiper {margin-top: 0;}
.swiper-characteristics-next, .swiper-characteristics-prev,.swiper-characteristics-next::after, .swiper-characteristics-prev::after {width: 50px;height: 45px;}
.solution-detail-parameters-list {height: 550px;}
.news-detail-right-bottom a i {width: 60px;height: 45px;margin: 0 4px;}
.news-detail-right-bottom a i::after {width: 50px;height: 45px;}
.news-detail-right-bottom a:first-child {margin-left: 10px;}
.langtuage-show a {width: 80%;height: auto;line-height: 40px;}
.page-news-item .title-1 {min-height: auto;}
.news-detail-right-center * {font-size: 16px;line-height: 24px;}
.solution-item-left .class {width: 100%;}
.solution-item-left .class li {padding: 1.1% 0;}
}
@media screen and (max-width: 1440px) {
.graphical-3 {left: 72%;top: 13%;}
.index-heasn-valued-text {width: 80%;}
.more-1 a {width: 140px;height: 40px;}
.index-news-bottom-right .latest-news-item .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 80%;}
.page-banner .tuxing-1,.page-banner .tuxing-1 i {width: 200px;height: 307px;}
.our-team-item .text-1 li span {width: auto;}
.our-team-item .text-1 li span:last-child {float: none;text-align: left;}
.solution-main-top .btn-2 a {width: 150px;height: 40px;line-height: 40px;margin: 0 3px;}
.solution-main-top .btn-2 a::after {width: 150px;height: 40px;}
.tuxing-2 {right: 19%;width: 240px;height: 427px;}
.tuxing-2 i,.page-banner .tuxing-1 i,.tuxing-3 i,.page-news-list-bottom .prevnext-1 a i::after,.langtuage-1 a::after,.swiper-button .swiper-button-prev::before, .swiper-button .swiper-button-next::before {width: 100%;height: 100%;}
.tuxing-3 {width: 110px;height: 417px;}
.page-news-list-bottom .prevnext-1 a i {width: 50px;height: 45px;}
.news-detail-right-center * {font-size: 15px;line-height: 23px;}
.page-news-item .title-1.clamp3 {-webkit-line-clamp: 2;}
.page-news-item .text {margin-top: 0;}
}
@media screen and (max-width: 1366px) {
.langtuage-1 a {width: 130px;height: 45px;}
.langtuage-show a {width: 80%;height: auto;line-height: 35px;}
.HeadlineCopy {line-height: 50px;}
.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next {height: 50px}
.solution-detail-parameters-list {height: 520px;}
.news-detail-right-center * {font-size: 14px;line-height: 22px;}
}
@media screen and (max-width: 1280px) {
.header-langtuage-search span {font-size: 14px;}
.solution-item {padding: 5% 10%;}
.solution-item-left .class {margin-top: 5%;width: 80%;}
.solution-item-left .class li {padding: 1.5% 0;}
.header-nav-solution-item {width: 20%;}
}
@media screen and (max-width: 1152px) {
.index-about-us-text {left: 5%;}
.index-about-us-date,.page-Area-of-sales .text {left: 5%;width: 90%; }
.div-content,.footer-content,.news-detail-content {width: 90%;}
.solution-detail-parameters-list {height: 500px;}
.page-contact .title-1 {left: 5%;top: 25%;}
.contact-item.caddi-2 {top: 15%;}
.news-detail-right-center * {font-size: 13px;line-height: 21px;}
}
@media screen and (max-width: 1024px) {
.div-content,.footer-content,.news-detail-content {width: 94%;}
.news-detail-right-center * {font-size: 12px;line-height: 20px;}
}
@media screen and (max-width: 860px) {
.pcshow ,.aside-top a,.index-solution-nav i,.demo-center-item.dci2,.page-about .div-content .text-img,.header-nav-show ,.header-nav-show-mark{display: none!important;}
.mbshow,.menu-toggle{display: block!important;}
.header-logo {width: 30%;}
.header-right {position: fixed;right: 0;display: block;background: #fff;transform: translateX(100%);}
.no-touch .header-right {transform: translateX(0);}
.header-nav ,.header-nav ul li{display: block;}
.header-nav ul {padding-top: 50px;border-top: 1px solid #f1f1f1;margin-top: 50px;}
.header-nav ul li {padding: 1% 15px;}
.header-nav ul li::after {display: none;}
.header-nav ul li a {line-height: 30px;color: #000;font-size: 24px;}
.header-langtuage-search {display: block;margin-left: 0px;}
.header-langtuage-search span {color: #000;}
.header-langtuage-search i img {filter: invert(100%);}
.header-langtuage-search {margin-top: 5%;}
.header-content {height: 50px;}
.index-banner-swiper .title-1 div, .index-banner-swiper .title-2 div, .index-banner-swiper .title-3 div{font-size: 24px;}
.HeadlineCopy {line-height: 30px;}
.index-banner-swiper .text {width: 90%;left: 5%;}
.no-touch .header-logo a { background: url('../images/logoh.png') left center no-repeat;background-size: contain;}
.search-content-show {width: 100%;background: #fff;padding: 0 5%;box-sizing: border-box;}
.search-input {padding: 0 10%;border-bottom:none;}
.index-heasn-valued .img ,.page-contact .div-path{display: none;}
.index-heasn-valued-text {position: relative;left: auto;top:auto;transform: none;margin: auto;width: 90%;}
.index-heasn-valued-text .title-1,.index-demo-center-main .title-1 {font-size: 22px;white-space: nowrap;}
.dazhis { white-space: normal;}
.graphical-1 {left: 5%;top: 30%;}
.graphical-1 i {width: 50px;height: 140px;}
.graphical-2 {left: 57%;top: 22%;}
.index-about-us-text,.page-service-top .text-2 {width: 90%;}
.index-about-us-date {font-size: 0;}
.index-about-us-date ul {width: 25%;}
.index-about-us-date ul li sub {font-size: 24px;}
.index-about-us-date ul p {font-size: 12px;min-height: 30px;}
.index-solution-top .more-1 {right: 3%;}
.index-solution-nav,.index-news-bottom,.index-news-bottom-right,.footer-content-top-right,.company-in-numbers-right {margin-top: 5%;}
.page-solution-right,.solution-main-top .text {margin-top: 10%;}
.page-solution-item .img {margin: 5% 0;}
.index-solution-nav li {width: 50%;}
.index-solution-nav li:nth-child(3) a {padding: 10% 10% 10% 0;}
.solution-item-left {position: relative;left:auto;top: auto;width: 100%;}
.view-more-1 {position: relative;left: auto;bottom: auto;margin-top: 5%;}
.more-1 a {width: 100px;height: 30px;}
.more-1 a span {text-align: center;width: 100%;}
.index-solution-top .more-1 {top: 10%; }
.index-demo-center-main {position: relative;right: auto;top:auto;width: 100%;}
.index-news-top .more-1 {margin-right: 3%;}
.footer {padding: 5% 0 5% 0;}
.footer-social {text-align: left;position: relative;right: auto;width: 100%;margin-top: 5%;}
.footer-link {position: relative;right: auto;top: auto;transform:none}
.footer-social li {margin: 0 7px 0 0;}
.index-banner-swiper .banner-pagination {width: 60px;bottom: 3%;}
.index-banner-swiper .banner-pagination span {padding: 10px 0;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current {font-size: 20px;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total {font-size: 14px;}
.more-1 a::before {width: 10px;right: -10px;top: -5px;}
.page-banner .tuxing-1{width: 80px;height: 117px;}
.page-banner .tuxing-1 i {width: 100%;height: 100%;}
.page-banner .pic img {max-width: 200%;width: 200%;}
.page-about-bottom .text {position: relative;right: auto;bottom:auto;width: 100%;padding: 5%;box-sizing: border-box;}
.company-in-numbers:nth-child(2) {margin-left: 0;}
.page-Area-of-sales .text-1 {width: 100%;position: absolute;left: 0;top: 12%;right: auto;}
.page-Area-of-sales .date ul.date2 {left: 77%;}
.page-Area-of-sales .date ul.date1 {left: 5%;top: 42%;}
.page-Area-of-sales .date ul.date4 {left: 20%;top: 60%;}
.page-Area-of-sales .date ul.date3 {top: 77%;}
.our-team-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
.heasn-title-1 {display: block;width: 100%;white-space: nowrap;}
.page-solution-item .text {position: relative;left:auto;top:auto;width: 100%;transform:none;overflow: hidden;}
.page-solution-item a:hover .img,.page-solution-item.fr a:hover .img {transform: none;}
.page-solution-item a:hover .text ,.page-solution-item.fr a:hover .text{left:auto;right: auto;}
.page-solution-item.fr .text-1,.page-solution-item.fr .title-2,.page-solution-item.fr .text-2,.page-solution-item.fr .jiantou-1 {padding-left: 0;margin-left: 0;}
.page-solution {padding: 5% 0 15% 0;}
.page-solution-detail,.page-news-detail {padding-top: 60px;}
.news-detail-date li {border: none;}
.page-solution-detail .div-path a:last-child,.parameters-item .img,.news-detail-date li:nth-child(2),.news-detail-date li:nth-child(3),.news-detail-right-bottom a span {display: none;}
.div-path span {padding: 0 5px}
.solution-main-top .product {margin-top: 0;padding: 5% 0;overflow: hidden;}
.solution-main-top .text-1 {font-size: 18px;}
.solution-main-top .title-1 {font-size: 24px;}
.characteristics-right {width: 100%;position: relative;right: auto;top:auto;height: 100%;}
.bottom-ctrl {position: relative;}
.solution-detail-parameters-top .parameters-nav {position: relative;right:auto;bottom: auto;text-align: left;padding: 5% 0 2% 0;overflow: hidden;}
.solution-detail-parameters-top .parameters-nav a {margin-left:0px;margin-right: 10px;}
.solution-detail-parameters-bottom {padding-top: 1%;}
.solution-detail-parameters-list {height: auto;overflow: hidden;}
.parameters-item {float: none;width: 100%;margin-right: 0;margin-bottom:0;}
.parameters-item .text {position: relative;left:auto;top:auto;transform:none;width: 100%;padding: 5% 0;overflow: hidden;}
.solution-detail-video-item .text {position: relative;right:auto;top: auto;width: 100%;height: 100%;padding: 5% 0;margin-top: 5%;}
.solution-detail-video-bottom .bottom-ctrl {width:100%;margin-top: 10%;}
.solution-detail-related {padding-bottom: 15%;}
.page-banner .title-1.font80 {font-size: 24px;line-height: 26px;white-space:normal; }
.page-news-item {width: 100%;margin-bottom: 4%;float: none;margin-right: 0;}
.page-news-list-bottom,.search-content-nav,.search-result {padding: 5% 0;}
.news-detail-content {padding: 6% 0 16% 0;}
.page-contact .title-1 {top: 15%;}
.contact-item.caddi-2 {top: 25%;left: 5%;right: auto;width: 90%;}
.contact-item.caddi-1 {left: 5%;top: 70%;}
.solution-result-item {float: none;width: 100%;margin-right:0;margin-bottom: 5%;}
.index-about-us-date ul li strong {font-size: 24px;}
.index-news-bottom-left {overflow: hidden;}
.characteristics-right {margin-top: 5%;}
.page-news-item .title-1.clamp2 {display:block;-webkit-line-clamp:none;-webkit-box-orient:none;overflow: hidden;}
.page-news-item .title-1.clamp3 {display:block;-webkit-line-clamp: none;-webkit-box-orient: none;overflow: hidden;}
.page-news-detail .div-path {display: flex;}
.page-news-item .title-1 {min-height: none;}
.news-detail-right-bottom a {width: auto;}
.solution-main-top .title-1 {display: block;overflow: visible;white-space: normal;animation: none;opacity: 1;}
.solution-main-top .btn-2 {margin-top: 5%;}
.news-detail-right-center img {height: auto!important;}
.news-detail-right-center * {font-size: 14px;line-height: 24px;}
.getprice-windows {margin-top: 50px;padding: 4% 0;}
.getprice-windows-content {width: 90%;}
.products-getprice-item {width: 31%;margin: 1%;}
.index-heasn-valued,.index-solution,.index-news,.page-about,.page-our-team,.solution-detail-characteristics,.page-service,
.solution-detail-parameters,.solution-detail-video{padding: 15% 0;overflow: hidden;}
.solution-item-left .class,.view-more-1,.solution-item-right,.demo-center-item.dci1,.index-news-bottom-left,.index-news-bottom-right,.footer-content-top-left,.footer-content-top-right,.demo-center-item.dci2,.demo-center-item.dci3,.demo-center-item.dci4,.page-about-bottom .img,.company-in-numbers-left,.company-in-numbers-right,.page-news-item.pni1 .text,.news-detail-left,.news-detail-right,.demo-center-item.dci5,.latest-news-item .img,.latest-news-item .text,.page-Area-of-sales .title-1,.page-solution-left,.page-solution-right,.page-solution-item .img,.characteristics-left,.parameters-item .text-2,.solution-detail-video-item .img,.page-news-item.pni1 .img,.search-content {width: 100%;float: none;}
.header.scroll-down .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger,.detail .header .menu-toggle span.hamburger,
.header.scroll-down .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:after,.detail .header .menu-toggle span.hamburger:after,
.header.scroll-down .menu-toggle span.hamburger:before,.header.scroll-top .menu-toggle span.hamburger:before,.detail .header .menu-toggle span.hamburger:before {background: #000;}
}
@media screen and (min-width: 800px) {
.pc{ display:block}
.mob{ display:none}
}
@media screen and (max-width: 800px) {
.pc{ display:none}
.mob{ display:block}
}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/* 分页样式*/
.pagebar { padding:0.2rem; overflow:hidden}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 0.1rem;
}
.pagination a {
background-color:rgb(25,55,53,0.08);
color: #666;
font-size: 0.16rem;
padding: 0.06rem 0.11rem;
margin: 0 0.02rem;
border-radius: 0.04rem;
}
.pagination span {
color: #666;
font-size: 0.16rem;
padding: 0.06rem .011rem;
margin: 0 0.02rem;
border-radius: 0.04rem;
}
.pagination a:hover {
color: #fff;
background-color:#73BF03;
}
.pagination a.page-num-current {
color: #fff;
background-color:#73BF03;
}
.pagination .st{ }
/* 分页样式*/
@media screen and (max-width: 800px) {
.pagebar { padding:10px; overflow:hidden}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 0.1rem;
}
.pagination a {
background-color:rgb(25,55,53,0.08);
color: #666;
font-size: 14px;
padding: 6px 10px;
margin: 0 2px;
border-radius: 4px;
}
.pagination span {
color: #666;
font-size: 14px;
padding: 6px 10px;
margin: 0 2px;
border-radius: 4px;
}
.pagination a:hover {
color: #fff;
background-color:#73BF03;
}
.pagination a.page-num-current {
color: #fff;
background-color:#73BF03;
}
.pagination .st{ }
}
/* 产品详情页轮播图*/
.product-gallery {
max-width: 800px;
width: 100%;
user-select: none; /* 防止选中文本 */
}
@media (min-width: 768px) {
.product-gallery {width: 100%;}
}
.main-image-container {
position: relative;
width: 100%;
padding-top: 70%; /* 1:1 比例，可根据需要调整 */
overflow: hidden;
margin-bottom: 10px;
touch-action: none; /* 禁用浏览器默认触摸行为 */
}
.main-image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
}
.main-image-slide {
flex: 0 0 100%;
position: relative;
}
.main-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
pointer-events: none; /* 防止图片拖拽 */
}
.main-image.active {
opacity: 1;
}
.thumbnails-container {
position: relative;
width: 100%;
padding: 0 0.5rem;
}
.thumbnails {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.thumbnails::-webkit-scrollbar {
display: none;
}
.thumbnail {
flex: 0 0 auto;
width: 100px;
height: 63px;
margin-right: 0.1rem;
cursor: pointer;
scroll-snap-align: start;
opacity: 0.7;
transition: opacity 0.3s ease, border 0.3s ease;
border: 1px solid transparent;
}
.thumbnail:last-child {
margin-right: 0;
}
.thumbnail.active {
opacity: 1;
border: 1px solid #73BF03;
}
.thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.4rem;
height: 0.4rem;
background: rgba(115, 191, 3, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1;
border: none;
font-size: 20px;
color:#FFF;
}
.arrow-left {
left:0;
}
.arrow-right {
right:0;
}
@media (max-width:800px){
.thumbnails-container {
position: relative;
width: 100%;
height: 80px;
padding: 0 36px;
}
.thumbnail img {
width: 100%;
height: 50px;
}
.arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
width: 30px;
height:30px;
background: rgba(115, 191, 3, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1;
border: none;
font-size: 16px;
color:#FFF;
}
}
/* 产品详情页轮播图*/
/* 手机端首页轮播图*/
@media (max-width:800px){
.ban{padding:0px; margin-top:75px}
.slidsm{ margin-top:0px;}
.slider{ display:none;}
.slider,.slider ul,.slider ul li{ margin:0px; padding:0px;}
.focus{ background:none; height:30px; bottom:18px}
.focus span{ width:10px; height:10px; margin:0px 5px 0px 0px; border-radius:50%; background:#fff;}
.focus span.current{ background:#76d238;}
}
/* 产品页搜索栏*/
.search-container {display: flex;max-width: 500px;margin: 0 auto 50px auto;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1); height:50px; border-radius: 25px;overflow: hidden;transition: all 0.3s ease;}
.search-container form{ width:500px}
.search-container:focus-within {box-shadow: 0 15px 40px rgba(115, 191, 3, 0.25);transform: translateY(-5px);}
.search-input {flex-grow: 1;padding: 18px 25px;border: none;font-size: 0.16rem;outline: none;background: white; color: #666666; float:left; height:50px; line-height:50px; width:86%;}
.search-input::placeholder { color: #bdc3c7;}
.search-button { width:14%; float:right; height:50px; line-height:50px; padding: 0 10px;background: #73BF03;border: none;color: white;font-size: 0.16rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}
.search-button i{ font-size:24px;}
.search-button:hover {background: #193735;}
@media (max-width:800px){
.search-container {display: flex;max-width: 70%;margin: 0 auto 40px auto; height:40px; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);border-radius:20px;overflow: hidden;transition: all 0.3s ease;}
.search-container form{ width:100%}
.search-container:focus-within {box-shadow: 0 5px 20px rgba(115, 191, 3, 0.25);transform: translateY(-3px);}
.search-input {flex-grow: 1;padding: 10px 15px;border: none;font-size:14px; height:40px; width:90%; line-height:40px; outline: none;background: white; color: #666666; width:82%;}
.search-input::placeholder { color: #bdc3c7;}
.search-button {padding: 0 15px; height:40px; line-height:40px; background: #73BF03;border: none;color: white; width:18%; font-size: 16px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}
.search-button i{ font-size:20px; line-height:40px }
.search-button:hover {background: #193735;}
}
/* 产品页搜索栏*/
/* 悬浮客服样式 */
.floating-service {
position: fixed;
right: 0.2rem;
top:60%;
transform: translateY(-50%);
z-index: 1000;
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.service-item {
position: relative;
width: 0.6rem;
height: 0.6rem;
background: #73BF03;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 0.24rem;
cursor: pointer;
transition: all 0.3s ease;
}
.service-item:hover {
transform: scale(1.1);
}
.service-info {
position: absolute;
right: 0.7rem;
top: 50%;
transform: translateY(-50%);
background: white;
padding: 0.12rem 0.2rem;
border-radius: 0.08rem;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
white-space: nowrap;
font-size: 0.16rem;
color: #333333;
font-weight: 500;
}
.service-item:hover .service-info {
opacity: 1;
visibility: visible;
right: 0.7rem;
}
.qr-code {
width: 0;
height: 0;
position: absolute;
right: 0.8rem;
top: 50%;
transform: translateY(-50%);
background: white;
border-radius: 0.1rem;
box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2);
overflow: hidden;
transition: all 0.4s ease;
opacity: 0;
padding: 0;
}
.service-item.wechat:hover .qr-code {
width: 1.6rem;
height: 1.6rem;
opacity: 1;
padding: 0.15rem;
}
.qr-code img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-item.top {
background:#73BF03;
}
@media (max-width: 768px) {
.floating-service {
right: 15px;
top:80%;
}
.service-item {
width: 40px;
height: 40px;
font-size: 16px;
}
.service-info {
font-size: 14px;
padding: 8px 15px;
right: 50px;
}
.service-item:hover .service-info {
opacity: 1;
visibility: visible;
right: 50px;
}
.service-item.wechat:hover .qr-code {
width: 130px;
height: 130px;
right: 50px;
}
}
/* 轮播图容器 - 默认在PC端隐藏 */
.mobile-carousel {
display: none;
position: relative;
width: 100%;
max-width: 400px;
margin: 0 auto;
overflow: hidden;
border-radius: 0;
box-shadow: none;
}
/* 在移动设备上显示 */
@media (max-width: 768px) {
.mobile-carousel {
display: block;
}
.pc-message {
display: none;
}
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
transition: opacity 0.8s ease;
}
.carousel-item.active {
opacity: 1;
position: relative;
}
.carousel-item img {
width: 100%;
height: auto;
display: block;
border-radius: 0;
}
.carousel-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
color: white;
padding: 20px;
text-align: center;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.carousel-caption h3 {
margin-bottom: 10px;
font-size: 1.5rem;
}
.carousel-indicators {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
z-index: 10;
}
.indicator {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.indicator.active {
background-color: #73BF03;
transform: scale(1.2);
}
.controls {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 10px;
transform: translateY(-50%);
z-index: 10;
}
.control-btn {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
color: white;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
font-size: 18px;
box-shadow: none;
}
.control-btn:hover {
background-color: #73BF03;
}
.auto-play-control {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: white;
}
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.3);
transition: .4s;
border-radius: 24px;
box-shadow: none;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
}