html{
font-size: 7.142vw;
}
@media screen and (min-width:1400px){
html{
font-size: 100px;
}
}
@media screen and (max-width:300px){
html{
font-size:100px;
}
}
body {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}
.w_width{max-width:1400px; margin-right: auto; margin-left: auto;}
@media screen and (max-width: 1500px) {.w_width{max-width:1100px; margin-right: auto; margin-left: auto;}}
.ctext{padding-left: 164px;padding-right: 164px;}
@media screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*顶部导航*/
body.on{overflow: hidden;height: 100vh;}
.head{width: 100%;position: fixed;left: 0;top: 0;z-index: 93;}
.head.active .t_navs{background: #333;box-shadow: 0 0 0.4rem 1px rgba(0,0,0,0.15);}
.head.back .t_navs{background: none;box-shadow: none;}
.head.active .t_navs .top .menu .nli span a{color: #fff; z-index:999;}
.head.active .t_navs .top .menu .nli.on span a{color: #6aa338;}
.head.active .t_navs .top .menu .nli:hover span a{color: #6aa338;}
.head.active .t_navs .top .menu .nli.on span a::after{background: #6aa338 ;}
.head.active .t_navs .top .menu .nli:hover span a::after{background: #6aa338 ;}
/* .head.active2 .t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{display: none;} */
.head.active .t_navs .top .logo .i1{display: none;}
.head.active .t_navs .top .logo .i2{display: block;}
.head.active .t_navs .top .Search{background:url(../images/search.svg) center no-repeat; background-size:cover;}
.head.active .t_navs .lang .ico{background: url(../images/world.svg) no-repeat;background-size: cover;}
.head.active .t_navs .lang i{border-top:5px solid #6aa338;}
.t_navs{ width: 100%;}
.t_navs::after{content: "";display: block;clear: both;}
/*正常屏幕显示*/
.t_navs .top{ width: 100%; float: left; position: relative;}
/*logo*/
.t_navs .top .logo{ margin: 28px 0; line-height: 0; float: left;}
.t_navs .top .logo img{ width: auto; height: 44px;}
.t_navs .top .logo .i1{display: block;}
.t_navs .top .logo .i2{display: none;}
/* 搜索 */
.t_navs .top .Search{ cursor:pointer; float:left; width:22px; height:22px; background:url(../images/search2.svg) center no-repeat; background-size:cover;margin:33px 0.22rem 33px 0;}
.t_navs .soDown{ display:none; float:left; width:100%;position:absolute; left:0; top:84px; z-index:10; background:rgba(255,255,255,0.99); box-shadow:0 0 3px rgba(0,0,0,0.15); border-top:3px solid #6aa338;}
.t_navs ._searchs{ float:left; width:50%; margin:0.5rem 25%; position:relative; }
.t_navs ._searchs input{float: left; height: 40px; border: 0;}
.t_navs ._searchs .but{width:50px; height: 40px; background:url(../images/search.svg) center no-repeat; background-size:22px auto; position:absolute; right:0; top:0;}
.t_navs ._searchs .txt{width:100%; background: #fff; border:1px solid #cccccc; padding: 0 15px; color:#000; font-size:14px;}
.t_navs ._searchs .txt:focus{ border:1px solid #6aa338;}
/* 语言切换 */
.t_navs .lang{float: left;position: relative;display: flex;align-items: center;}
.t_navs .lang .ico{float: left;width:24px;height: 24px;background: url(../images/world2.svg) no-repeat;background-size: cover;margin:32px 0;}
.t_navs .lang i{float: left;border-left:4px solid transparent;border-right: 4px solid transparent;border-top:5px solid #fff;margin-left: 4px;}
.t_navs .lang .lg_ul{display: block;position: absolute;left: 50%;top: 100%;background: #fff;display: none;padding: 5px 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.t_navs .lang .lg_ul .lg_li{display: block;}
.t_navs .lang .lg_ul a{display: block;width: 100%;white-space: nowrap;font-size: calc(14px + 0.02rem);line-height: calc(30px + 0.08rem);color: #000;padding: 0 calc(15px + 0.15rem);text-align: center;}
.t_navs .lang .lg_ul a:hover{color: #6aa338;}
/*一级导航*/
.t_navs .top .right{ float: right;}
.t_navs .top .right .menu{float: left;margin-right: 3.94rem;}
.t_navs .top .right .menu ul{float: left;}
.t_navs .top .menu .nli{ float: left; position: relative;padding: 0 28px;}
.t_navs .top .menu .nli span a{ display: block;color: #fff; position: relative;font-size: 18px;line-height: 88px;}
/*鼠标经过样式*/
.t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #fff;}
.t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block;width: 100%; height: 1px; background: #fff; position: absolute; bottom: 30px; left: 0;}
/*二级导航*/
.t_navs .top .sub{width: auto;position: absolute;top:100%;left: 50%;z-index: 9999;display: none;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.t_navs .top .sub .flex_box{width: 100%;display: flex;position: relative;background:#fff;background-size:cover;}
.t_navs .top .sub .flex_box::after{content: "";display: block;position: absolute;background: url(../images/img113.png) bottom no-repeat;background-size: cover;width: 100%;height: 3.27rem;left: 0;bottom: 0;}
.t_navs .top .sub .subtit{float: left;width: 37.47%;min-width: 3.41rem;padding:54px 0;text-align: center;font-size: 30px;line-height: 36px;color: #ffffff;font-weight: bold;position: relative;z-index: 5;}
.t_navs .top .sub .ul1{float: left;width: 100%;min-width: 3.21rem;padding:0px 0px 0 0;margin-bottom: 0px;font-size: 18px;line-height: 24px;color: #fff;font-weight: bold;max-height: 540px;overflow: auto;text-transform: capitalize;position: relative;z-index: 5;}
.t_navs .top .sub .ul1::-webkit-scrollbar{ display: none;}
.t_navs .top .sub .ul1 .li1{display: block;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.24);}
.t_navs .top .sub .ul1 .li1:hover{display: block;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.24); background:#6aa338; color:#fff;}
.t_navs .top .sub .ul1 a{display: block;width: 100%;padding: 17px 20px;color: #333;background: transparent center right no-repeat;background-size: 13px auto;padding-right: 13px; font-weight: 100;}
.t_navs .top .sub .ul1 a:hover{display: block;width: 100%;padding: 17px 20px;color: #fff;background: transparent center right no-repeat;background-size: 13px auto;padding-right: 13px;}
.t_navs .top .sub .ul1 .li1.on a{background: url(../images0/arrow-right.svg) center right no-repeat;background-size: 13px auto;}
.t_navs .top .sub .ul2box{float: left;width: 27.26%;min-width: 2.49rem;position: relative;z-index: 5;}
.t_navs .top .sub .ul2{float: left;width: 100%;border-left: 1px solid rgba(255,255,255,0.24);padding: 62px 0 54px;font-size: 18px;font-weight: bold;line-height: 24px;height: 100%;}
.t_navs .top .sub .ul2 .li2{display: block;width: 100%;margin-bottom: 28px;}
.t_navs .top .sub .ul2 .li2:last-child{margin-bottom: 0;}
.t_navs .top .sub .ul2 a{display: block;width: 100%;padding: 0 34px;color: #ffffff;position: relative;}
.t_navs .top .sub .ul2 a::after{content: "";display: none;width: 1px;height: 14px;background: #fff;position: absolute;left: -1px;top: 50%;margin-top: -4px;}
.t_navs .top .sub .ul2 .li2.on a::after{display: block;}
.t_navs .top .sub .ul2 a:hover::after{display: block;}
/*隐藏手机显示*/
.t_navs .menuph{ display: none;}
.t_navs .xialaph{ display: none;}
@media screen and (max-width:1800px) {
.t_navs .top .right .menu{margin-right: 0.6rem;}
}
@media screen and (max-width:1450px) {
.t_navs .top .menu .nli{padding: 0 20px;}
.t_navs .top .right .menu{margin-right: 0.3rem;}
}
@media screen and (max-width:1335px) {
.t_navs .top .right .menu{margin-right: 0.05rem;}
}
@media screen and (max-width:1300px) {
.t_navs .top .menu .nli{padding: 0 10px;}
.t_navs .top .right .menu{margin-right: 0.2rem;}
.t_navs .top .sub{min-width: 340px;}
}
@media screen and (max-width:1024px) {
/*电脑端导航隐藏*/
.t_navs .menu{ display: none;}
/*手机端导航显示*/
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
/*手机端样式*/
.t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #333;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
/*logo*/
.t_navs .top .logo{ margin: 15px 0;}
.t_navs .top .logo img{ height: 20px;}
.t_navs .top .logo .i1{display: none !important;}
.t_navs .top .logo .i2{display: block !important;}
.t_navs .top .Search{margin:14px 15px 14px 0;display: none;}
.t_navs .lang{margin-right: 20px;display: none;}
.t_navs .lang .ico{margin: 13px 0;}
.t_navs .soDown{top: 50px;}
.t_navs ._searchs{width: 90%;margin: 0.5rem 5%;}
/*右侧三条杠*/
.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin: 5px 0;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#6aa338;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-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;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#6aa338;position:absolute;top:50%;margin-top:-1px;left:0;-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;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #6aa338;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#6aa338;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;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #6aa338;}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #6aa338;}
/*一级导航*/
.t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 15px 100px 15px; display: none; z-index:3; background:#fff;}
.t_navs .xialaph .ul1{float: left;width: 100%;padding: 10px 0;position: relative;margin-bottom: 20px;}
.t_navs .xialaph .ul1::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph .ul1 li{float: left;width: 100%;}
.t_navs .xialaph .ul2,
.t_navs .xialaph .ul3{ display: none;}
.t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 40px;font-size: 16px;}
.t_navs .xialaph h4{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h4:hover a,
.t_navs .xialaph h5:hover a{ color: #6aa338;}
.t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px;font-size: 14px;}
.t_navs .xialaph h5{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 16px; cursor: pointer;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph h4.active img,
.t_navs .xialaph h5.active img{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;width: 100%;}
.t_navs .xialaph .ul2 li{width: 100%;float: left;}
.t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; position: relative;width: 100%;float: left;}
.t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
.t_navs .xialaph .ul3 li:hover a{color: #6aa338;}
.t_navs .xialaph .ul3 li{ padding-top: 5px;float: left;width: 100%;}
/*二级三级导航箭头*/
.t_navs .img_d,
.t_navs .disno{ display: none;}
.t_navs .xialaph .input_box{float: left;width: 100%;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;position: relative;}
.t_navs .xialaph .input_box input{width: 100%;height: 40px;padding-right: 60px;font-size: 16px;color: #333;}
.t_navs .xialaph .input_box input::-webkit-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input:-ms-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box img{width: 24px;cursor: pointer;position: absolute;right: 14px;top: 50%;margin-top: -12px;}
.t_navs .xialaph .yyqh_box{float: left;width: 100%;font-size: 0;text-align: center;}
.t_navs .xialaph .yyqh_box a{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;line-height: 20px;margin-right: 14px;}
.t_navs .xialaph .yyqh_box a:last-child{margin-right: 0;}
.t_navs .xialaph .yyqh_box a.on,
.t_navs .xialaph .yyqh_box a:hover{color: #6aa338;}
}
/* 底部 */
.bottomnav{width: 100%;background: #f5f5f5;}
.bottomnav .topbox{width: 100%;max-width: 1920px;margin: auto;}
.bottomnav .topbox .navlist{width: 100%;border-bottom: 1px solid #dcdcdc;padding-top: calc(10px + 0.68rem);padding-bottom: calc(10px + 0.48rem);display: flex;}
.bottomnav .topbox .navli:nth-child(1){float: left;padding:0px 1%;justify-content: center;position: relative; width: 30%;}
.bottomnav .topbox .navli{float: left;padding:0px 1%;justify-content: center;position: relative; width: 17.5%;}
.bottomnav .topbox .navli::after{}
.bottomnav .topbox .navli:last-child{border-right: none;}
.bottomnav .topbox .navli:last-child::after{display: none;}
.bottomnav .topbox .centerbox{float: left;}
.bottomnav .topbox .navname{display: block;font-size: 22px;line-height: 24px;color: #6aa338;font-weight: 900;}
.bottomnav .topbox .navname:hover{color: #6aa338;}
@media screen and (max-width:1350px) {
.bottomnav .topbox .navname{font-size: 20px;}
}
.bottomnav .topbox .abox{display: flex;margin-top: calc(10px + 0.16rem);}
.bottomnav .topbox .cont{float: left;font-size: 16px;line-height: 22px;color: #888888;}
.bottomnav .topbox .cont:nth-child(2){margin-left: 1rem;}
.bottomnav .topbox .cont a{display: block;color: #888888;margin-bottom: 6px;}
.bottomnav .topbox .cont a:hover{color: #6aa338;}
.bottomnav .topbox .cont a:last-child{margin-bottom: 0;}
.bottomnav .botbox{width: 100%;max-width: 1920px;margin: auto;margin-bottom: calc(0px + 0rem);}
.bottomnav .botbox .flexbox{width: 100%;padding: 20px 0px 20px 10px;border-bottom: 1px solid #dcdcdc;display: flex;align-items: center;}
@media screen and (min-width: 1024px) {.bottomnav .botbox .logo{float: left;width:20%;margin-right: 0.72rem;}
.bottomnav .botbox .logo img{display: block;width: 100%;}
.bottomnav .botbox .share{float: left;margin-right: 0.7rem;width: 35%;}
.bottomnav .botbox .share a{float: left;margin-right: calc(10px + 0.04rem);}
.bottomnav .botbox .share a:last-child{margin-right: 0;}
.bottomnav .botbox .share img{display: block;height: calc(22px + 0.06rem);width: auto;}
.bottomnav .botbox .share a:nth-child(3) img{height: calc(22px + 0.12rem);}
.bottomnav .botbox .share a:nth-child(5){background: #6aa338;padding: 2px;border-radius: 2px;}
.bottomnav .botbox .share a:nth-child(5) img{height:18px;}
.bottomnav .botbox .infobox{float: left;width: 35%; position:relative;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #888888;}}
@media screen and (max-width: 1024px) {.bottomnav .botbox .logo{float: left;width:100%;margin-right: 0.72rem;}
.bottomnav .botbox .logo img{display: block;width: 100%;}
.bottomnav .botbox .share{float: left;margin-right: 0.7rem;width: 100%;}
.bottomnav .botbox .share a{float: left;margin-right: calc(10px + 0.04rem);}
.bottomnav .botbox .share a:last-child{margin-right: 0;}
.bottomnav .botbox .share img{display: block;height: calc(22px + 0.06rem);width: auto;}
.bottomnav .botbox .share a:nth-child(3) img{height: calc(22px + 0.12rem);}
.bottomnav .botbox .share a:nth-child(5){background: #6aa338;padding: 2px;border-radius: 2px;}
.bottomnav .botbox .share a:nth-child(5) img{height:18px;}
.bottomnav .botbox .infobox{float: left;width: 100%; position:relative;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #888888;}}
.bottomnav .botbox .infobox .info{float: left;width: 100%;}
.bottomnav .botbox .infobox .info:first-child{width: 100%;margin-bottom: calc(6px + 0.06rem);}
.bottomnav .botbox .infobox img{display: inline-block;vertical-align: middle;width: 15px;height: auto;margin-right: 7px;}
.bottomnav .copyright{width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #fff;text-align: center;padding-top: calc(10px + 0.19rem);padding-bottom: calc(10px + 0.19rem);background: #242825;}
.bottomnav .copyright a{display: inline-block;color: #fff;}
/* @media screen and (min-width:1921px) and (max-width:3000px) {
.bottomnav .botbox .flexbox{padding: calc(20px + 0.2rem) 8.6% calc(10px + 0.3rem);}
} */
@media screen and (max-width:1600px) {
.bottomnav .topbox .cont:nth-child(2){margin-left: 0.3rem;}
.bottomnav .botbox .flexbox{}
}
@media screen and (max-width:1080px) {
.bottomnav .topbox{display: none;}
.bottomnav .botbox .flexbox{flex-wrap: wrap;justify-content: space-between;border: none;}
.bottomnav .botbox .infobox{margin-top: 15px;}
.bottomnav .botbox .share{margin-right: 0;}
.bottomnav .botbox{margin-bottom: 0;}
.bottomnav .botbox .logo{min-width:auto;width: 100px;}
}
@media screen and (max-width:991px) {
/* .bottomnav{margin-bottom: 50px;} */
}
@media screen and (max-width:767px) {
.bottomnav .botbox .infobox .info{width: 100%;margin-bottom: calc(6px + 0.06rem);}
.bottomnav .botbox .infobox img{width: 18px;}
}
/*底导航漂浮*/
.b_navs .q_d_m{ float: left; width: 100%; height: 50px;}
.b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #6aa338; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);display: none !important;}
.b_navs .pf_down li{ width: 25%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 20px;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;}
.b_navs .pf_down li.l1 .ico7{ background: url(../images/home.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l2 .ico7{ background: url(../images/phone-call.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l3 .ico7{ background: url(../images/pfly2.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l4 .ico7{ background: url(../images/to-top.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li:last-child{ border: none;}
.b_navs .pf_down li:nth-child(4n){ border: none;}
/* 侧悬浮 */
.cxf_section{float: right;position: fixed;right: 6px;top: 50%;display: none;z-index: 90;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.cxf_section.active{display: block;}
.cxf_section .ul{display: block;}
.cxf_section .li{display: block;width: 48px;height: 48px;border-radius: 100%;margin-bottom: 10px;background: #6aa338;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;}
.cxf_section .li:last-child{margin-bottom: 0;}
.cxf_section #myArea{animation: flicker 1.2s infinite alternate}
@keyframes flicker{
from{
opacity: 1;
}
to{
opacity: 0.7;
}
}
.cxf_section #myArea:hover{animation: none;}
.cxf_section .li .ico{display: block;width: 25px;}
.cxf_section .li .Top{float: left;font-size: 12px;line-height: 12px;padding-top: 12px;position: relative;color: #fff;text-transform: uppercase;}
.cxf_section .li .Top::after{content: "";display: block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:7px solid #fff;position: absolute;left: 50%;top: 0;margin-left: -5px;}
.cxf_section .liuyan_tc{min-width: 368px;position: absolute;top: 50%;right: calc(100% + 38px);background: #ffffff;border-radius: 10px;box-shadow: 0 0 21px 0 #e3ebf2;padding: 26px 20px 20px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-webkit-transform-origin:95% 50%;
-moz-transform-origin:95% 50%;
-ms-transform-origin:95% 50%;
-o-transform-origin:95% 50%;
transform-origin:95% 50%;
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0)}
.cxf_section .li:hover .liuyan_tc{opacity: 1;
filter: alpha(opacity=100);
display: block;
pointer-events: auto;
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);}
.cxf_section .liuyan_tc .tit{display: block;width: 100%;font-size: 22px;line-height: 28px;color: #6aa338;font-weight: bold;text-transform: uppercase;text-align: center;}
.cxf_section .liuyan_tc .form{display: block;width: 100%;margin-top: 26px;}
.cxf_section .liuyan_tc .input{display: block;width: 100%;background: #f1f4f7;border-radius: 2px;font-size: 14px;line-height: 20px;color: #5a646d;padding:10px 12px;height: 40px;position: relative;opacity: 0.9;}
.cxf_section .liuyan_tc .input::-webkit-input-placeholder{color: #5a646d;}
.cxf_section .liuyan_tc .input::-moz-placeholder{color: #5a646d;}
.cxf_section .liuyan_tc .input::-ms-input-placeholder{color: #5a646d;}
.cxf_section .liuyan_tc .textarea{height: 126px;padding:12px 10px;}
.cxf_section .liuyan_tc .submit{display: block;width: 100%;position: relative;height: 40px;background: #6aa338;border-radius: 2px;font-size: 16px;color: #fff;font-weight: bold;}
.cxf_section .liuyan_tc .submit:hover{background: #0068a0;}
.cxf_section .liuyan_tc .inputbox{display: block;width: 100%;position: relative;margin-bottom: 8px;}
.cxf_section .liuyan_tc .down{width: 100%;position: absolute;left: 0;top: 100%;margin-top: 8px;font-size: 14px;line-height: 20px;color: #5a646d;border-radius: 2px;overflow: hidden;z-index: 5;background: #f1f4f7;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);padding: 10px 0;display: none;max-height: 170px;overflow: auto;}
.cxf_section .liuyan_tc .down::-webkit-scrollbar{width: 4px;background: #d5e2f0;border-radius: 4px;}
.cxf_section .liuyan_tc .down::-webkit-scrollbar-thumb{width: 4px;border-radius: 4px;background: #6aa338;}
.cxf_section .liuyan_tc .down li{display: block;padding:5px 12px;cursor: pointer;}
.cxf_section .liuyan_tc .down li:hover{color: #6aa338;}
.cxf_section .liuyan_tc .Country::after{content: "";display: block;position: absolute;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #6aa338;right: 21px;top: 50%;margin-top: -2.5px;}
.cxf_section .liuyan_tc .yzm{position: absolute;height: 32px;width: 94px;top: 50%;right: 2px;margin-top: -16px;}
@media screen and (max-width:767px) {
/* .cxf_section.active{display: none;} */
.cxf_section{top: auto;bottom: 10%;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);}
.cxf_section .li:hover .liuyan_tc{display: none;}
}
/* 手机留言弹窗 */
.tc_back_ph{width: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.4);height: 100%;z-index: 98;display: none;}
.liuyan_tc_ph{width: 90%;position:fixed;top: 50%;left: 5%;background: #ffffff;border-radius: 10px;padding: 26px 20px 20px;z-index: 99;display: none;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.liuyan_tc_ph .close{position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;display: block;}
.liuyan_tc_ph .tit{display: block;width: 100%;font-size: 22px;line-height: 28px;color: #6aa338;font-weight: bold;text-transform: uppercase;text-align: center;}
.liuyan_tc_ph .form{display: block;width: 100%;margin-top: 26px;}
.liuyan_tc_ph .input{display: block;width: 100%;background: #f1f4f7;border-radius: 2px;font-size: 14px;line-height: 20px;color: #5a646d;padding:10px 12px;height: 40px;position: relative;}
.liuyan_tc_ph .textarea{height: 126px;padding:12px 10px;}
.liuyan_tc_ph .submit{display: block;width: 100%;position: relative;height: 40px;background: #6aa338;border-radius: 2px;font-size: 16px;color: #fff;font-weight: bold;}
.liuyan_tc_ph .submit:hover{background: #0068a0;}
.liuyan_tc_ph .inputbox{display: block;width: 100%;position: relative;margin-bottom: 8px;}
.liuyan_tc_ph .down{width: 100%;position: absolute;left: 0;top: 100%;margin-top: 8px;font-size: 14px;line-height: 20px;color: #5a646d;border-radius: 2px;overflow: hidden;z-index: 5;background: #f1f4f7;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);padding: 10px 0;display: none;max-height: 170px;overflow: auto;}
.liuyan_tc_ph .down::-webkit-scrollbar{width: 4px;background: #d5e2f0;border-radius: 4px;}
.liuyan_tc_ph .down::-webkit-scrollbar-thumb{width: 4px;border-radius: 4px;background: #6aa338;}
.liuyan_tc_ph .down li{display: block;padding:5px 12px;cursor: pointer;}
.liuyan_tc_ph .down li:hover{color: #6aa338;}
.liuyan_tc_ph .Country::after{content: "";display: block;position: absolute;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #6aa338;right: 21px;top: 50%;margin-top: -2.5px;}
.liuyan_tc_ph .yzm{position: absolute;height: 32px;width: 94px;top: 50%;right: 2px;margin-top: -16px;}
/* 首页banner */
.sy_banner{width: 100%;}
.sy_banner .ban_ph{width: 100%;position: relative;}
.sy_banner .ban_ph .pic{display: block;width: 6.12rem;position: absolute;right: 4%;top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.sy_banner .ul{width: 100%;}
.sy_banner .ul .li{width: 100%;position: relative;line-height: 0;overflow: hidden;}
@media screen and (min-width: 1024px) {.sy_banner .bancont{width: 100%;position: absolute;left: 0;top: 50%;padding-left:10.78%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}}
@media screen and (max-width: 1024px) {.sy_banner .bancont{width: 100%;position: absolute;left: 0;top: 30%;padding-left:10.78%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}}
.sy_banner .bancont .tit{display: block;width: 100%;font-size: 0.4rem;line-height: 0.46rem;color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 0.52rem;
transition: All 0.8s ease-out;
-webkit-transition: All 0.8s ease-out;
-moz-transition: All 0.8s ease-out;
-o-transition: All 0.8s ease-out;
transform: translateX(-100%);}
.sy_banner .bancont .textbox{display: block;width: 100%;
transition: All 0.8s ease-out;
-webkit-transition: All 0.8s ease-out;
-moz-transition: All 0.8s ease-out;
-o-transition: All 0.8s ease-out;
transform: translateX(-100%);}
.sy_banner .bancont .ul2{display: inline-block;vertical-align: top;font-size: 0.24rem;line-height: 0.3rem;color: #fff;margin-right: 0.52rem; background:#6aa338; padding:10px; border-radius:7px;}
.sy_banner .bancont .ul2:last-child{margin-right: 0;}
.sy_banner .bancont .li2{display: block;margin-bottom: 0.2rem;}
.sy_banner .bancont .li2:last-child{margin-bottom: 0;}
.sy_banner .bancont .li2 i{display: inline-block;vertical-align: middle;width: calc(10px + 0.18rem);height: calc(10px + 0.18rem);background: url(../images/ico1.png) no-repeat;background-size: cover;margin-right: calc(5px + 0.04rem);}
.sy_banner .bancont .btnbox{width: 100%;transition: All 0.8s ease-out;
-webkit-transition: All 0.8s ease-out;
-moz-transition: All 0.8s ease-out;
-o-transition: All 0.8s ease-out;
transform: translateX(-100%);}
.sy_banner .ul .btn{display: block;width: calc(100px + 0.8rem);font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.34rem);color: #ffffff;border-radius: 4px;background: #adadad;display: flex;align-items: center;justify-content: center;margin-top: 0.57rem;position: relative;overflow: hidden;}
.sy_banner .ul .btn:hover{display: block;width: calc(100px + 0.8rem);font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.34rem);color: #ffffff;border-radius: 4px;background: #6aa338;display: flex;align-items: center;justify-content: center;margin-top: 0.57rem;position: relative;overflow: hidden;}
.sy_banner .ul .btn i{display: inline-block;width: 18px;height: 18px;background: url(../images/right2.svg) no-repeat;background-size: cover;margin-left: calc(10px + 0.1rem);}
.sy_banner .ul .btn::after{content: "";display: block;width: 0;height: 0;border-radius: calc(30px + 0.38rem);opacity: 0.6;position: absolute;left: 50%;top: 50%;background: rgba(0,0,0,0.4);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.sy_banner .ul .btn:hover::after{width: 80%;height: 200%;opacity: 0;
transition: All 0.6s ease-in-out;
-webkit-transition: All 0.6s ease-in-out;
-moz-transition: All 0.6s ease-in-out;
-o-transition: All 0.6s ease-in-out;}
.sy_banner .slick-dots{width: 100%;position: absolute;left: 0;bottom: calc(10px + 0.3rem);display: flex;align-items: center;justify-content: center;}
.sy_banner .slick-dots li{float: left;width: 10px;height: 10px;border-radius: 100%;border: 1px solid #6aa338;margin-right: 5px;}
.sy_banner .slick-dots li:last-child{margin-right: 0;}
.sy_banner .slick-dots .slick-active{background: #6aa338;}
.sy_banner .slick-arrow{width: calc(20px + 0.2rem);height: calc(20px + 0.2rem);border-radius: 100%;border: 1px solid #e5e6e6;z-index: 5;}
.sy_banner .slick-prev{background:url(../images/left.svg) #fff center no-repeat;background-size:auto calc(14px + 0.06rem);}
.sy_banner .slick-next{background:url(../images/right.svg) #fff center no-repeat;background-size:auto calc(14px + 0.06rem);}
.sy_banner .slick-prev:hover{background:url(../images/left2.svg) #6aa338 center no-repeat;background-size:auto calc(14px + 0.06rem);border: 1px solid #6aa338;}
.sy_banner .slick-next:hover{background:url(../images/right2.svg) #6aa338 center no-repeat;background-size:auto calc(14px + 0.06rem);border: 1px solid #6aa338;}
.sy_banner .slick-current .bancont .tit{transform: translateX(0);}
.sy_banner .slick-current .bancont .textbox{transform: translateX(0);}
.sy_banner .slick-current .bancont .btnbox{transform: translateX(0);}
@media screen and (max-width:1024px) {
.sy_banner{margin-top: 50px;}
.sy_banner .bancont{padding-left: 15px;}
.sy_banner .slick-arrow{opacity: 0;}
.sy_banner .bancont .ul2{width: 100%;margin-right: 0;margin-bottom: 0.2rem;}
.sy_banner .bancont .ul2:last-child{margin-bottom: 0;}
}
@media screen and (max-width:767px) {
.sy_banner .bancont .tit{font-size: 12px;line-height: 22px;}
.sy_banner .bancont .ul2{font-size: 10px;line-height: 20px;}
}
@media screen and (min-width: 1024px) {._Titlebox{width: 100%;position: relative;}
._Titlebox .pub_tit{width: 100%;font-size:44px;line-height: calc(22px + 0.2rem);color: #6aa338;font-weight: bold;padding-bottom: calc(10px + 0.09rem);position: relative;text-align: center;}
._Titlebox .pub_tit::after{content: "";display: block;position: absolute;width: calc(40px + 0.4rem);height: 5px;background: #6aa338;left: 50%;bottom: -14px;margin-left: calc(-20px - 0.2rem);}
._Titlebox .all{float: right;position: absolute;right: 0;top: 0.1rem;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #6aa338;padding-right: 18px;background: url(../images/right.svg) right center no-repeat;background-size: 18px auto;}
._Titlebox-2 .pub_tit{color: #6aa338;}}
@media screen and (max-width: 1024px) {._Titlebox{width: 100%;position: relative;}
._Titlebox .pub_tit{width: 100%;font-size:34px;line-height: calc(22px + 0.2rem);color: #6aa338;font-weight: bold;padding-bottom: calc(10px + 0.09rem);position: relative;text-align: center;}
._Titlebox .pub_tit::after{content: "";display: block;position: absolute;width: calc(40px + 0.4rem);height: 5px;background: #6aa338;left: 50%;bottom: -14px;margin-left: calc(-20px - 0.2rem);}
._Titlebox .all{float: right;position: absolute;right: 0;top: 0.1rem;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #6aa338;padding-right: 18px;background: url(../images/right.svg) right center no-repeat;background-size: 18px auto;}
._Titlebox-2 .pub_tit{color: #6aa338;}}
.sy_sect1{width: 100%;padding-top: calc(10px + 0.98rem);}
.sy_sect1 .list{width: 100%;margin-top: calc(10px + 0.24rem);display: flex;flex-wrap: wrap;}
.sy_sect1 .ul{float: left;width: calc(100% + 8px);margin: -4px;display: flex;}
.sy_sect1 .li{float: left;width: 25%;padding: 4px;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.sy_sect1 .li a{float: left;width: 100%;background: #f7f8f9;position: relative;height: 100%;}
.sy_sect1 .li ._img{display: block;width: 100%;height: calc(100px + 3.09rem);display: flex;justify-content: center;align-items: center;}
.sy_sect1 .li img{display: block;width: auto;margin: auto ;object-fit: cover;max-width: 100%;}
.sy_sect1 .li .tit{display: block;width: 100%;font-size:calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);color: #010101;text-align: center;padding:calc(10px + 0.39rem) 0.43rem;border-top: 2px solid #6aa338;}
.sy_sect1 .li .hover{width: 100%;height: 100%;display: flex;align-items: flex-end;position: absolute;left: 0;top: 0;display: flex;opacity: 0;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.sy_sect1 .li .hover::after{content: "";display: block;position: absolute;width: 100%;height: 100%;background: #000000;opacity: 0.3;left: 0;top: 0;z-index: 1;}
.sy_sect1 .li .hover .tit{color: #fff;border: none;text-align: left;position: relative;z-index: 5;}
.sy_sect1 .li:hover{width: 34%;}
.sy_sect1 .li:hover .hover{opacity: 1;}
@media screen and (max-width:767px) {
.sy_sect1 .ul{flex-wrap: wrap;}
.sy_sect1 .li{width: 50%;}
.sy_sect1 .li:hover{width: 50%;}
.sy_sect1 .li img{width: 100%;}
}
.sy_sect2{width: 100%;padding-top: calc(10px + 0.49rem);}
.sy_sect2 .box{width: 100%;display: flex;flex-wrap: wrap;margin-top: calc(10px + 0.24rem);background: #f7f8f9;box-shadow:0 5px 20px rgba(0, 0, 0, 0.7)}
.sy_sect2 ._left{float: left;width: 50%;padding:calc(10px + 0.3rem) calc(10px + 0.32rem) calc(10px + 0.3rem);text-align: justify;}
.sy_sect2 ._left .text{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #666;margin-bottom: calc(10px + 0.55rem);}
.sy_sect2 ._left .ul{float: left;width:87%;display: flex;justify-content: space-between;}
.sy_sect2 ._left .li{float: left;margin-left: 10px;}
.sy_sect2 ._left ._t{display: block;color: #6aa338;}
.sy_sect2 ._left ._t .numb{display: inline-block;font-size: calc(16px + 0.48rem);line-height: (16px + 0.48rem); color: #000;font-weight: 900;}
.sy_sect2 ._left ._t i{font-size: calc(12px + 0.18rem);line-height: calc(12px + 0.18rem);display: inline-block;vertical-align:baseline;}
.sy_sect2 ._left ._t .i1{margin-top: 0.08rem;}
.sy_sect2 ._left ._t .i2{vertical-align: bottom;margin-bottom: 0.04rem;}
.sy_sect2 ._left ._b{display: block;font-size: calc(10px + 0.04rem);line-height: calc(20px + 0.04rem);color: #000000;margin-top: calc(7px + 0.1rem);text-align: left;}
.sy_sect2 ._right{float: left;width: 50%;overflow: hidden;}
.sy_sect2 ._right img{display: block;width: 100%;height: 100%;object-fit: cover;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;
transition: -webkit-transform 2s;}
.sy_sect2 ._right:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1024px) {
.sy_sect2 ._left{width: 100%;}
.sy_sect2 ._right{width: 100%;}
}
@media screen and (max-width:767px) {
.sy_sect2 ._left ._b{font-size: 10px;line-height: 18px;}
}
.sy_sect3{width: 100%;padding-top: calc(10px + 0.98rem);position: relative;}
.sy_sect3 .mySwiper{width: 100%;overflow: hidden;position: relative;margin-top: calc(10px + 0.24rem);}
.sy_sect3 .list{width: 100%;}
.sy_sect3 .list::after{content: "";display: block;clear: both;}
.sy_sect3 .ul{float: left;width: calc(100% + 10px + 0.14rem);margin: calc(-5px - 0.07rem);display: flex;flex-wrap: wrap;}
.sy_sect3 .ul .li{float: left;width: 50%;padding: calc(5px + 0.07rem);}
.sy_sect3 .ul a{float: left;width: 100%;background: #f7f8f9;display: flex;flex-wrap: wrap;height: 100%;}
.sy_sect3 .ul .contbox{float: left;width: 52%;padding: calc(10px + 0.34rem) calc(10px + 0.22rem) calc(10px + 0.2rem);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.sy_sect3 .ul .cont{float: left;width: 100%;}
.sy_sect3 .ul .tit{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #010101;font-weight: bold;}
.sy_sect3 .ul .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.04rem);color: #5a646d;margin-top: calc(10px + 0.14rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_sect3 .ul .morebox{float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.sy_sect3 .ul .more{float: left;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;}
.sy_sect3 .ul .btn{float: right;width: calc(22px + 0.1rem);height: calc(22px + 0.1rem);background: #6aa338;border-radius: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.sy_sect3 .ul .btn::before{content: "";display: block;width: 100%;height: 100%;border-radius: 100%;border: 1px solid #6aa338;left: 0;top: 0;position: absolute;}
.sy_sect3 .ul a:hover .btn::before{-webkit-transform: scale(1.6); -moz-transform: scale(1.6);transform: scale(1.6);opacity: 0;
transition: All 0.8s ease-in-out;
-webkit-transition: All 0.8s ease-in-out;
-moz-transition: All 0.8s ease-in-out;
-o-transition: All 0.8s ease-in-out;}
.sy_sect3 .ul .btn img{display: block;width: calc(14px + 0.04rem);height: auto;}
.sy_sect3 .ul ._img{float: left;width: 48%;overflow: hidden;}
.sy_sect3 .ul ._img img{display: block;width: 100%;height: 100%;object-fit: cover;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;
transition: -webkit-transform 2s;}
.sy_sect3 .ul a:hover{background: #f1f4f7;}
.sy_sect3 .ul a:hover .tit{color: #6aa338;}
.sy_sect3 .ul a:hover ._img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.sy_sect3 .ul a:hover .more{color: #6aa338;}
.sy_sect3 .swiper-scrollbar{position: static !important;width: 100% !important;background: #f3f3f3 !important;margin-top: calc(10px + 0.35rem);}
.sy_sect3 .swiper-scrollbar-drag{background: #6aa338 !important;cursor: pointer;}
.sy_sect3 .btnbox{position: absolute;display: block;right: 164px;bottom: calc(-10px - 0.13rem);background: #fff;}
.sy_sect3 .swiper-next{display: inline-block;vertical-align: middle; width: calc(20px + 0.3rem);height: calc(20px + 0.3rem);background: url(../images/right.svg) no-repeat;background-size: cover;z-index: 10;cursor: pointer;}
.sy_sect3 .swiper-prev{display: inline-block;vertical-align: middle;margin-right: 10px;width: calc(20px + 0.3rem);height:calc(20px + 0.3rem);background: url(../images/left.svg) no-repeat;background-size: cover;z-index: 10;cursor: pointer;}
@media screen and (max-width:1024px) {
.sy_sect3 .ul .morebox{margin-top: 10px;}
.sy_sect3 .btnbox{right: 40px;}
}
@media screen and (max-width:767px) {
.sy_sect3 .ul .tit{font-size: 16px;line-height: 22px;}
.sy_sect3 .ul .li{width: 100%;}
.sy_sect3 .ul .contbox{width: 60%;}
.sy_sect3 .ul ._img{width: 40%;}
.sy_sect3 .ul .text{margin-top: 4px;-webkit-line-clamp:2;font-size: 12px;line-height: 18px;}
.sy_sect3 .ul .morebox{margin-top: 4px;}
}
.sy_sect4{width:100%;padding-top: calc(10px + 0.98rem);}
.sy_sect4 .list{width: 100%;margin-top: calc(10px + 0.24rem);}
.sy_sect4 .list::after{content: "";display: block;clear: both;}
.sy_sect4 .ul{float: left;width: calc(100% + 8px);margin: -4px;display: flex;flex-wrap: wrap;}
.sy_sect4 .ul .li{float: left;width: 20%;padding: 4px;}
.sy_sect4 .ul a{float: left;width: 100%;background: #f7f8f9;text-align: center;padding: calc(10px + 0.42rem) calc(10px + 0.26rem) calc(10px + 0.25rem);height: 100%;position: relative;top: 0;}
.sy_sect4 .ul .tit{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #010101;font-weight: bold;margin-bottom: calc(6px + 0.04rem);}
.sy_sect4 .ul .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;margin-bottom: calc(10px + 0.1rem);}
.sy_sect4 .ul .more{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #6aa338;margin-bottom: calc(7px + 0.08rem);}
.sy_sect4 .ul .more .ico{display: inline-block;vertical-align: middle; width: 16px;height: 16px;background: url(../images/right.svg) no-repeat;background-size: cover;}
.sy_sect4 .ul ._img{float: left;width: 100%;overflow: hidden;padding-bottom: 100%; position: relative;}
.sy_sect4 .ul ._img img{display: block;width: 100%; position: absolute; left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.sy_sect4 .ul a:hover ._img img{ -webkit-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);}
.sy_sect4 .ul a:hover .tit{color: #6aa338;}
.sy_sect4 .ul a:hover{top: -0.1rem;background: #f1f4f7;}
.sy_sect4 .slick-arrow{width: calc(20px + 0.2rem);height: calc(20px + 0.2rem);border-radius: 100%;border: 1px solid #e5e6e6;z-index: 5;}
.sy_sect4 .slick-prev{background:url(../images/left.svg) #fff center no-repeat;background-size:auto calc(14px + 0.06rem);left: calc(10px + 0.1rem);}
.sy_sect4 .slick-next{background:url(../images/right.svg) #fff center no-repeat;background-size:auto calc(14px + 0.06rem);right: calc(10px + 0.1rem);}
.sy_sect4 .slick-prev:hover{background:url(../images/left2.svg) #6aa338 center no-repeat;background-size:auto calc(14px + 0.06rem);border: 1px solid #6aa338;}
.sy_sect4 .slick-next:hover{background:url(../images/right2.svg) #6aa338 center no-repeat;background-size:auto calc(14px + 0.06rem);border: 1px solid #6aa338;}
@media screen and (max-width:1024px) {
.sy_sect4 .ul .li{width: 33.33%;}
}
.sy_sect5{width: 100%;padding-top: calc(10px + 0.18rem);padding-bottom: calc(10px + 0.94rem);}
.sy_sect5 .box{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: calc(70px + 0.26rem);}
.sy_sect5 ._l{float: left;width: 47.09%;}
.sy_sect5 ._l .ul{float: left;width: 100%;}
.sy_sect5 ._l .li{float: left;width: 50%;padding: calc(5px + 0.19rem);}
.sy_sect5 .box a{float: left;width: 100%;}
.sy_sect5 ._img{display: block;width: 100%;margin-bottom: calc(10px + 0.18rem);padding-bottom: 75.125%; position: relative; overflow: hidden;}
.sy_sect5 ._img img{display: block;width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;
transition: -webkit-transform 2s;}
.sy_sect5 .date{display: block;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;margin-bottom: calc(4px + 0.01rem);}
.sy_sect5 .tit{display: block;width: 100%;font-size: calc(16px + 0.02rem);line-height: calc(22px + 0.02rem);color: #000000;font-weight: bold;margin-bottom: calc(4px + 0.08rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_sect5 .text{display: block;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.04rem);color: #5a646d;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.sy_sect5 .box a:hover img{-webkit-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);}
.sy_sect5 .box a:hover .tit{color: #6aa338;}
.sy_sect5 ._r{float: left;width: 49.33%;}
.sy_sect5 ._r .ul2{float: left;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.sy_sect5 ._r .li2{float: left;width: 100%;margin-bottom: 0px;padding:10px;}
.sy_sect5 ._r .li2:hover{float: left;width: 100%;margin-bottom: 0px; background:#d2e5c2; padding:10px;}
.sy_sect5 ._r .li2:last-child{margin-bottom: 0;}
.sy_sect5 ._r .text{-webkit-line-clamp:2;}
@media screen and (max-width:1600px) {
.sy_sect5 .date{margin-bottom: 4px;}
.sy_sect5 .tit{margin-bottom:4px;}
}
@media screen and (max-width:1024px) {
.sy_sect5 ._l{width: 100%;}
.sy_sect5 ._r{width: 100%;margin-top: calc(10px + 0.1rem);}
.sy_sect5 ._r .li2{margin-bottom: 15px;}
}
@media screen and (max-width:767px) {
.sy_sect5 ._l .ul .text{display: none;}
.sy_sect5 ._l .ul .tit{-webkit-line-clamp:2;font-size: 14px;line-height: 20px;}
.sy_sect5 .tit{margin-bottom: 2px;}
.sy_sect5 .date{font-size: 12px;line-height: 18px;}
}
/* 关于我们 */
.ny_banner{width: 100%;line-height: 0;position: relative;}
.ny_banner .ontit{width: 100%;position: absolute;left: 0;top: 50%;font-size: calc(16px + 0.44rem);line-height: calc(22px + 0.44rem);color: #ffffff;font-weight: bold;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.nowplace{width: 100%;position: absolute;left: 0;top: 22.59%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #ffffff;font-weight: bold;}
.nowplace a{color: #ffffff;white-space: nowrap;}
.nowplace a:last-child{white-space:normal;}
.nowplace a:hover{color: #6aa338;}
.nowplace i{display: inline-block;vertical-align: middle;margin: 0 5px;}
.nowplace .home{width: calc(14px + 0.02rem);height: calc(14px + 0.02rem);background: url(../images/home-two.svg) no-repeat;background-size: cover;display: inline-block;}
@media screen and (max-width:1080px) {
.nowplace{top: 30%;}
}
@media screen and (max-width:1024px) {
.ny_banner{margin-top: 50px;}
}
@media screen and (max-width:767px) {
.nowplace{top: 35%;}
.ny_banner .ontit{top: 60%;}
}
.about_sect1{width: 100%;padding-top: calc(10px + 0.07rem);padding-bottom: calc(10px + 1.08rem);}
.about_sect1 .box{width: 100%;margin-top: calc(10px + 0.0rem);display: flex;flex-wrap: wrap;}
.about_sect1 ._left{/*float: left;width:48%;position:relative;*/padding-right: 0.5rem; }
.about_sect1 ._left .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.14rem);color: #010101;font-weight: bold;margin-bottom: calc(10px + 0.16rem);}
.about_sect1 ._left .ul1{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #000000;}
.about_sect1 ._left .li1{float: left;width: 100%;margin-bottom: calc(8px + 0.04rem);position: relative;padding-left: calc(18px + 0.06rem);}
.about_sect1 ._left .li1:last-child{margin-bottom: 0;}
.about_sect1 ._left .li1::after{content: "";display: block;width: 8px;height: 8px;border-radius: 100%;background: #6aa338;position: absolute;left: 0;top: calc(8px + 0.01rem);}
.about_sect1 ._left .ul2{float: left;width: 100%;display: flex;flex-wrap: wrap;margin-top: calc(10px + 0.25rem);}
.about_sect1 ._left .li2{float: left;width: 33.33%;background: #69bb20;border-right: 1px solid #fff;min-height: calc(100px + 0.88rem);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;padding: 0 10px;}
.about_sect1 ._left .li2:last-child{border-right: none;}
.about_sect1 ._left .li2:hover{background: #6aa338;}
.about_sect1 ._left ._t{display: block;width: 100%;color: #fff;text-align: center;}
.about_sect1 ._left ._t .numb{display: inline-block;font-size: calc(16px + 0.48rem);line-height: calc(16px + 0.48rem);}
.about_sect1 ._left ._t i{font-size: calc(12px + 0.2rem);line-height: calc(12px + 0.2rem);display: inline-block;vertical-align:top;}
.about_sect1 ._left ._t .i1{margin-top: 0.04rem;}
.about_sect1 ._left ._t .i2{vertical-align: bottom;margin-bottom: 0.04rem;}
.about_sect1 ._left ._b{display: block;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);color: #fff;margin-top: calc(7px + 0.1rem);text-align: center;}
.about_sect1 ._right{/*float: right;width: 48%; position:relative*/height: 100%;width: 100%;}
.about_sect1 ._right ._video{float: left;width: 100%;position: relative;height: 100%;cursor: pointer;}
.about_sect1 ._right video{display: block;width: 100%;height: 100%;object-fit: cover;}
.about_sect1 ._right .btn{display: block;width: calc(40px + 0.3rem);height: calc(40px + 0.3rem);background: url(../images/play.svg) no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
@media screen and (max-width:1080px) {
.about_sect1 ._left .li2{justify-content: flex-start;padding:20px 10px;}
.about_sect1 ._left{padding-right: 0.2rem;}
}
@media screen and (max-width:1024px) {
.about_sect1 ._left{width: 100%;padding-right: 0;}
.about_sect1 ._right{width: 100%;margin-top: calc(12px + 0.1rem);}
}
@media screen and (max-width:767px) {
.about_sect1 ._left .li2{justify-content: flex-start;padding:20px 10px;}
}
.about_sect2{width: 100%;padding-top: calc(10px + 0.64rem);padding-bottom: calc(10px + 1.03rem);}
.about_sect2 .list1{width: 100%;margin-top: calc(10px + 0.32rem);}
.about_sect2 .ul1{width: 100%;}
.about_sect2 .li1{width: 100%;display: flex;flex-wrap: wrap;}
.about_sect2 .ul1 ._l{float: left;width: 60.72%;padding: 0.5rem 1.36rem 0.5rem 0;}
.about_sect2 .ul1 .year{float: left;width: 100%;font-size: calc(16px + 0.32rem);line-height: calc(20px + 0.32rem);color: #6aa338;font-weight: bold;}
.about_sect2 .ul1 .text{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.1rem);color: #010101;margin-top: 0.3rem;max-height: calc(110px + 0.5rem);overflow: auto;}
.about_sect2 .ul1 .text::-webkit-scrollbar{width: 3px;}
.about_sect2 .ul1 .text::-webkit-scrollbar-thumb{width: 3px;background: #6aa338;border-radius: 3px;}
.about_sect2 .ul1 ._r{float: left;width: 39.28%;}
.about_sect2 .ul1 ._r img{display: block;width: 100%;object-fit: cover;}
.about_sect2 .list2{width: 100%;margin-top: calc(10px + 0.6rem);}
.about_sect2 .ul2{width: 100%;position: relative;}
.about_sect2 .ul2::before{content: "";display: block;width: 100%;height: 1px;background: #c7d1d9;position: absolute;left: 0;top: 21px;}
.about_sect2 .ul2::after{content: "";display: block;clear: both;}
.about_sect2 .ul2 .li2{float: left;width: 14.28%;font-size: calc(14px + 0.16rem);line-height: calc(18px + 0.16rem);color: #6aa338;font-weight: bold;text-align: center;opacity: 0.73;padding-top: 50px;position: relative;}
.about_sect2 .ul2 .li2::after{content:"";display: block;width: 12px;height: 12px;background: #6aa338;border-radius: 100%;position: absolute;left: 50%;top: 15px;margin-left: -6px;}
.about_sect2 .slick-arrow{width: 44px;height: 44px;border-radius: 100%;background: #6aa338;top: 0;z-index: 5;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);}
.about_sect2 .slick-prev{left: 0;background: url(../images/arrow-left.svg) #6aa338 center no-repeat;background-size: 20px auto;}
.about_sect2 .slick-next{left: auto;right: 0;background: url(../images/arrow-right.svg) #6aa338 center no-repeat;background-size: 20px auto;}
.about_sect2 .ul2 .slick-current{opacity: 1;}
.about_sect2 .ul2 .slick-current::after{box-shadow: 0 0 0.21rem 0 #6aa338;}
@media screen and (max-width:1024px) {
.about_sect2 .ul1 ._l{padding: 0 calc(10px + 0.1rem) 0 0;}
}
@media screen and (max-width:767px) {
.about_sect2 .ul1 ._l{width: 100%;padding: 0;}
.about_sect2 .ul1 ._r{width: 100%;margin-top: 15px;}
.about_sect2 .slick-arrow{width: 30px;height: 30px;}
.about_sect2 .slick-prev{background-size: 14px auto;}
.about_sect2 .slick-next{background-size: 14px auto;}
.about_sect2 .ul2 .li2{padding-top: 30px;}
.about_sect2 .ul2 .li2::after{top: 10px;}
.about_sect2 .ul2{padding:0 20px;}
.about_sect2 .ul2::before{top: 15px;}
}
.about_sect3{width: 100%;position: relative;overflow: hidden;}
.about_sect3 ._Titlebox{padding-top: calc(10px + 0.94rem);padding-bottom: calc(10px + 0.52rem);position: relative;}
.about_sect3 ._Titlebox .pub_tit{text-align: left;color: #fff;z-index: 5;}
.about_sect3 ._Titlebox .pub_tit::after{background: transparent;left: 0;margin-left: 0;}
.about_sect3 .after::after{content: "";display: block;position: absolute;width: 10000px;height: 100%;background: #6aa338;opacity: 0.83;top: 0;right: 0;}
.about_sect3 .backlist{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.about_sect3 .backlist .back{width: 100%;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;}
.about_sect3 .backlist .back.on{opacity: 1;position: static;z-index: 5;animation: myback 8s 1;}
@keyframes myback {
from {
transform:scale(1.1);
}
to{
transform: scale(1);
}
}
.about_sect3 .box{width: 100%;position: relative;z-index: 10;display: flex;flex-wrap: wrap;}
.about_sect3 .ph_show{display: none;}
.about_sect3 ._l{float: left;width: 37%;position: relative;}
.about_sect3 ._l .ul{width: 100%;}
.about_sect3 ._l .li{width: 100%;position: relative;padding-right: 0.73rem;font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);color: #fff;font-weight: bold;cursor: pointer;}
.about_sect3 ._l .border{width: 100%;position: relative;z-index: 5;padding: calc(10px + 0.17rem) 0;}
.about_sect3 ._l .border::after{content: "";display: block;width: calc(20px + 0.1rem);height: calc(20px + 0.1rem);background: url(../images/arrow-right.svg) no-repeat;background-size: cover;position: absolute;right: 0;top: 50%;margin-top: calc(-10px - 0.05rem);display: none;}
.about_sect3 ._l .li.on .border::after{display: block;}
.about_sect3 ._l .mg_b{width: 100%;height: calc(10px + 0.87rem);position: relative;}
.about_sect3 ._l .li:hover::after{display: none;}
.about_sect3 ._l .li.on::after{display: none;}
.about_sect3 ._r{float: left;width: 63%;padding: calc(20px + 0.1rem) 0 calc(20px + 0.1rem) 16%;}
.about_sect3 ._r .ul2{float: left;width: 100%;height: 100%;display: flex;align-items: center;position: relative;}
.about_sect3 ._r .li2{float: left;width: 100%;}
.about_sect3 ._r .ico{display: block;width: 100%;}
.about_sect3 ._r .ico img{display: block;height: calc(40px + 0.4rem);width: auto;}
.about_sect3 ._r .tit{display: block;width: 100%;font-size: calc(16px + 0.32rem);line-height: calc(22px + 0.32rem);color: #fff;font-weight: bold;text-transform: uppercase;margin-top: calc(10px + 0.28rem);}
.about_sect3 ._r .text{display: block;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.1rem);color: #fff;margin-top: calc(10px + 0.16rem);}
.about_sect3 .swiper{width: calc(100% - 30px);margin:0 15px;}
.about_sect3 .swiper-next{display: block;width: 30px;height: 30px;position: absolute;right: -15px;top: 50%;margin-top: -15px;background: url(../images/right2.svg) no-repeat;background-size: cover;z-index: 10;}
.about_sect3 .swiper-prev{display: block;width: 30px;height: 30px;position: absolute;left: -15px;top: 50%;margin-top: -15px;background: url(../images/left2.svg) no-repeat;background-size: cover;z-index: 10;}
@media screen and (max-width:1024px) {
.about_sect3 ._r{padding-left: 10%;}
}
@media screen and (max-width:767px) {
.about_sect3 ._r{padding: 80px 0 80px 30px;width: 100%;}
.about_sect3 ._l{width: 100%;}
.about_sect3 .after::after{right: -15px;}
.about_sect3 ._Titlebox{padding-bottom: 0;}
.about_sect3 ._Titlebox .pub_tit{text-align: center;}
.about_sect3 ._Titlebox .pub_tit::after{left: 50%;margin-left: calc(-20px - 0.2rem);}
.about_sect3 .ph_hide{display: none !important;}
.about_sect3 .ph_show{display: block;}
.about_sect3 ._l .li{padding-right: 0;}
.about_sect3 .li::after{right: 0;width: 100%;}
.about_sect3 ._l .mg_b{display: none;}
.about_sect3 ._l .li{width: auto;}
.about_sect3 ._l .border{padding: 10px;text-align: center;}
.about_sect3 ._l .border::after{display: none !important;}
}
.about_sect4{width: 100%;padding-top: calc(10px + 1.04rem);}
.about_sect4 .list{width: 100%;margin-top: calc(10px + 0.32rem);}
.about_sect4 .list::after{content: "";display: block;clear: both;}
.about_sect4 .ul{float: left;width: calc(100% + 10px + 0.26rem);margin: calc(-5px - 0.13rem);}
.about_sect4 .li{float: left;width: 25%;padding: calc(5px + 0.13rem);}
.about_sect4 .li ._img{display: block;width: 100%;margin-bottom: calc(10px + 0.3rem);padding-bottom: 68.125%; position: relative; overflow: hidden;}
.about_sect4 .li ._img img{display: block;width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.about_sect4 .li ._img:last-child{margin-bottom: 0;}
.about_sect4 .li .hoverbox{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 10px;background: rgba(106,163,56,0.92);
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.about_sect4 .hoverbox .text{display: block;width: 100%;font-size: calc(12px + 0.02rem);line-height: calc(18px + 0.06rem);color: #fff;font-weight: bold;text-align: center;margin-bottom: 20px;}
.about_sect4 .hoverbox .btn{float: left;position: absolute;left: 50%;bottom: calc(10px + 0.12rem);font-size: calc(12px + 0.02rem);line-height: calc(18px + 0.02rem);color: #bdddf5;padding-bottom: 4px;white-space: nowrap;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.about_sect4 .hoverbox .btn::after{content: "";display: block;width: 100%;height: 2px;background: rgba(189, 221, 245);position: absolute;left: 0;bottom: 0;}
.about_sect4 .li ._img:hover .hoverbox{top: 0;}
.about_sect4 .slick-arrow{width: calc(30px + 0.1rem);height: calc(30px + 0.1rem);border-radius: 100%;background: #6aa338;z-index: 5;}
.about_sect4 .slick-prev{left: -0.52rem;background: url(../images/left.svg) #e5f0f8 center no-repeat;background-size: calc(15px + 0.1rem) auto;}
.about_sect4 .slick-next{left: auto;right: -0.52rem;background: url(../images/right.svg) #e5f0f8 center no-repeat;background-size: calc(15px + 0.1rem) auto;}
.about_sect4 .slick-prev:hover{background: url(../images/left2.svg) #6aa338 center no-repeat;background-size: calc(15px + 0.1rem) auto;}
.about_sect4 .slick-next:hover{background: url(../images/right2.svg) #6aa338 center no-repeat;background-size: calc(15px + 0.1rem) auto;}
@media screen and (max-width:1600px) {
.about_sect4 .hoverbox .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.about_sect4 .hoverbox .text br{display: none;}
.about_sect4 .slick-prev{left: calc(5px + 0.13rem);}
.about_sect4 .slick-next{right: calc(5px + 0.13rem);}
}
@media screen and (max-width:767px) {
.about_sect4 .ul{padding-bottom: calc(30px + 0.1rem);}
.about_sect4 .slick-arrow{top: auto;bottom: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);}
.about_sect4 .slick-prev{left: 38%}
.about_sect4 .slick-next{right: 38%;}
}
.about_sect4-1 .li ._img{padding-bottom: 144.0625%;}
.about_sect4-1 .hoverbox .btn{bottom: calc(10px + 0.5rem);}
@media screen and (max-width:1600px) {
.about_sect4-1 .hoverbox .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
}
.about_sect5{width: 100%;padding-top: calc(10px + 1.07rem);padding-bottom: 10px;}
.about_sect5 .list{width: 100%;margin-top: calc(10px + 0.32rem);display: flex;flex-wrap: wrap;}
.about_sect5 .ul{float: left;width: calc(100% + 10px);margin: -5px;}
.about_sect5 .ul .li{float: left;width: 8.36rem;padding: 5px;}
.about_sect5 .ul ._img{display: block;width: 100%;}
.about_sect5 .ul ._img img{display: block;width: 100%;}
.about_sect5 .slick-arrow{width: calc(30px + 0.1rem);height: calc(30px + 0.1rem);border-radius: 100%;z-index: 5;}
.about_sect5 .slick-prev{left: 10.41%;background: url(../images/left.svg) #ffffff center no-repeat;background-size: calc(15px + 0.1rem) auto;}
.about_sect5 .slick-next{left: auto;right: 10.41%;background: url(../images/right.svg) #ffffff center no-repeat;background-size: calc(15px + 0.1rem) auto;}
.about_sect5 .slick-prev:hover{background: url(../images/left2.svg) #6aa338 center no-repeat;background-size: calc(15px + 0.1rem) auto;}
.about_sect5 .slick-next:hover{background: url(../images/right2.svg) #6aa338 center no-repeat;background-size: calc(15px + 0.1rem) auto;}
@media screen and (max-width:767px) {
.about_sect5 .slick-prev{left: 15px;}
.about_sect5 .slick-next{right: 15px;}
.about_sect5 .ul .li{width: 300px;}
}
/* 新闻 */
._News1{width: 100%;padding-top: calc(10px + 0.84rem);padding-bottom: calc(10px + 0.49rem);}
._News1 .mySwiper{width: 100%;background: #6aa338;}
._News1 .swiper-slide{width: 100%;}
._News1 .mySwiper a{width: 100%;display: flex;flex-wrap: wrap;position: relative;}
._News1 .mySwiper .lab{float: left;font-size: calc(14px + 0.04rem);line-height: calc(30px + 0.14rem);color: #fff;font-weight: bold;padding: 0 calc(12px + 0.1rem);position: absolute;left: 0;top: 0;z-index: 5;background: #6aa338;}
._News1 .mySwiper ._img{float: left;width: 5.27rem;overflow: hidden;}
._News1 .mySwiper ._img div{width:100%; padding-bottom:75%; position:relative;}
._News1 .mySwiper ._img img{display: block; min-height:100%; max-height:100%; min-width:100%; max-width:initial;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;
transition: -webkit-transform 2s;
position:absolute; left:50%; top:50%;
-webkit-transform: translate( -50%, -50%);
-ms-transform: translate( -50%, -50%);
transform: translate( -50%, -50%);
}
._News1 .mySwiper a:hover ._img img{-webkit-transform: translate( -50%, -50%) scale(1.1); -moz-transform: translate( -50%, -50%) scale(1.1);transform: translate( -50%, -50%) scale(1.1);}
._News1 .mySwiper .cont{float: left;width: calc(100% - 5.27rem);padding: 0.66rem 0.44rem 0.56rem;text-align: center;}
._News1 .mySwiper .time{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #ffffff;}
._News1 .mySwiper .tit{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #ffffff;font-weight: bold;padding-bottom: calc(10px + 0.1rem);position: relative;margin-top: calc(4px + 0.06rem);}
._News1 .mySwiper .tit::after{content:"";display: block;position: absolute;left: 50%;bottom: 0;width: calc(40px + 0.14rem);height: 2px;background: #fff;margin-left: calc(-20px - 0.07rem);}
._News1 .mySwiper .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.08rem);color: #ffffff;opacity: 0.45;margin-top: calc(10px + 0.28rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._News1 .swiper-pagination{float: right;width: calc(100% - 5.27rem);left: auto;right: 0;color: #fff;bottom: calc(10px + 0.47rem);font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.1rem);z-index: 1;}
._News1 .swiper-button-prev{left: 5.71rem;background: #fff;z-index: 5;width:calc(22px + 0.1rem);height: calc(22px + 0.1rem);border-radius: 100%;top: auto !important;bottom: calc(10px + 0.47rem);margin-top: 0 !important;opacity: 1 !important;}
._News1 .swiper-button-next:after, .swiper-button-prev:after{font-size: 12px !important;color: #1181d5 !important;}
._News1 .swiper-button-next{right: 0.44rem;background: #fff;z-index: 5;width:calc(22px + 0.1rem);height: calc(22px + 0.1rem);border-radius: 100%;top: auto !important;bottom: calc(10px + 0.47rem);margin-top: 0 !important;opacity: 1 !important;}
@media screen and (max-width:991px) {
._News1 .mySwiper .cont{padding: 0.4rem;}
._News1 .swiper-button-prev{bottom: calc(10px + 0.1rem);}
._News1 .swiper-button-next{bottom: calc(10px + 0.1rem);}
._News1 .swiper-pagination{bottom: calc(10px + 0.1rem);}
}
@media screen and (max-width:767px) {
._News1 .mySwiper ._img{width: 100%;}
._News1 .mySwiper .cont{width: 100%;padding:20px 15px 50px;}
._News1 .swiper-pagination{width: 100%;}
._News1 .swiper-button-prev{left: 15px;}
._News1 .swiper-button-next{right: 15px;}
}
._News2{width: 100%;padding-bottom: calc(10px + 0.7rem);}
._News2 .ul{width: 100%;margin-bottom: calc(10px + 0.5rem);}
._News2 .li{width: 100%;margin-bottom: calc(10px + 0.5rem);}
._News2 .li:last-child{margin-bottom: 0;}
._News2 .li a{width: 100%;display: flex;flex-wrap: wrap;background: #f7f8f9;padding: calc(10px + 0.38rem);align-items: center;}
._News2 .ul .cont{float: left;width: calc(100% - 3.98rem);padding-right: calc(10px + 0.1rem);}
._News2 .ul .time{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;}
._News2 .ul .tit{float: left;width: 100%;font-size: calc(16px + 0.04rem);line-height: calc(22px + 0.04rem);color: #6aa338;font-weight: bold;position: relative;margin-top: calc(4px + 0.08rem);}
._News2 .ul .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.06rem);color: #5a646d;margin-top: calc(10px + 0.13rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._News2 .ul .more{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;display: flex;align-items: center;margin-top: calc(10px + 0.36rem);}
._News2 .ul .more .ico{display: inline-block;width: calc(22px + 0.1rem);height: calc(22px + 0.1rem);background: #6aa338;border-radius: 100%;margin-left: calc(4px + 0.08rem);position: relative;}
._News2 .ul .more .ico::after{content: "";display: block;position: absolute;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;left: 50%;top: 50%;margin-left: -1px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);}
._News2 .ul .more .ico::before{content: "";display: block;width: 100%;height: 100%;border-radius: 100%;border: 1px solid #6aa338;left: 0;top: 0;position: absolute;}
._News2 .li a:hover .more .ico::before{-webkit-transform: scale(1.6); -moz-transform: scale(1.6);transform: scale(1.6);opacity: 0;
transition: All 0.8s ease-in-out;
-webkit-transition: All 0.8s ease-in-out;
-moz-transition: All 0.8s ease-in-out;
-o-transition: All 0.8s ease-in-out;}
._News2 .ul ._img{float: left;width: 3.98rem;overflow: hidden;}
._News2 .ul ._img img{display: block;width: 100%;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;
transition: -webkit-transform 2s;}
._News2 .li a:hover{background: #fff;box-shadow: 0 0 calc(10px + 0.25rem) 0 rgba(99,99,99,0.11);}
._News2 .li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:767px) {
._News2 .ul .cont{width: 100%;padding-right: 0;padding-top: 15px;}
._News2 .ul ._img{width: 100%;}
._News2 .li{margin-bottom: 15px;}
._News2 .li a{flex-direction: column-reverse;}
._News2 .ul .text{margin-top: 4px;}
._News2 .ul .more{margin-top: 6px;}
}
/* 分页 */
.page_sect{width: 100%;display: flex;align-items: center;justify-content: center;}
.page_sect ul{float: left;}
.page_sect ul li{float: left;margin-right: 10px;}
.page_sect ul li:last-child{margin-right: 0;}
.page_sect ul a{float: left;width: 36px;height: 36px;border: 1px solid #e7e7e7;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 20px;color: #000000;}
.page_sect ul a:hover{color: #6aa338;border-color: #6aa338;}
.page_sect ul img{display: block;width: 14px;height: auto;}
.page_sect .input{float: left;margin-left: 10px;width: 72px;height: 36px;border: 1px solid #e7e7e7;font-size: 16px;line-height: 20px;color: #000000;text-align: center;padding: 5px 10px;}
.page_sect .input::-webkit-input-placeholder{font-size: 16px;color: #cacaca;}
.page_sect .input::-moz-placeholder{font-size: 16px;color: #cacaca;}
.page_sect .input::-ms-input-placeholder{font-size: 16px;color: #cacaca;}
.page_sect .input:focus{ border:1px solid #6aa338;}
.page_ph{width: 100%;display: flex;align-items: center;justify-content: center;padding: 0 20px;display: none;}
.page_ph a{float: left;width: 30%;font-size: 14px;line-height: 30px;color: #fff;background: #6aa338;border-radius: 30px;text-align: center;}
.page_ph span{float: left;width: 40%;font-size: 14px;color: #000;line-height: 30px;text-align: center;}
@media screen and (max-width:767px) {
.page_sect{display: none;}
.page_ph{display: flex;}
}
/* 新闻详情 */
.nowplace-1{margin-top: 0px;position: static;background: #f7f8f9;padding-top: calc(10px + 0.08rem);padding-bottom: calc(10px + 0.08rem);color: #000000;}
.nowplace-1 a{color: #000000;}
.nowplace-1 .home{background: url(../images/home-two2.svg) no-repeat;background-size: cover;}
@media screen and (max-width:1024px) {
.nowplace-1{margin-top: 0px;}
}
.new_detail{width: 100%;padding-top: calc(10px + 0.34rem);padding-bottom: calc(10px + 0.98rem);overflow: hidden;}
.new_detail .time{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);color: #5a646d;text-align: center;margin-bottom: calc(10px + 0.34rem);}
.detail_title{width: 100%;font-size: calc(16px + 0.2rem);line-height: calc(22px + 0.2rem);color: #6aa338;font-weight: bold;padding-bottom: calc(10px + 0.37rem);position: relative;text-align: center;}
.detail_title::before{content: "";display: block;width: 10000px;height: 1px;background: #e7e7e7;position: absolute;left: 50%;bottom: 0;margin-left: -5000px;}
.detail_title::after{content:"";display: block;position: absolute;left: 50%;bottom: 0;width: calc(40px + 0.4rem);height: 3px;background: #6aa338;margin-left: calc(-20px - 0.2rem);}
.new_detail .cont{width: 100%;margin-top: calc(10px + 0.74rem);font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;margin-bottom: calc(10px + 0.84rem);}
.new_detail ._img{display: block;width: 100%;margin: 0.72rem 0;}
.new_detail ._img img{display: block;max-width: 100%;margin: 0 auto;}
.detail_page{width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.detail_page ._l{float: left;width: calc(100% - 100px - 1.17rem);padding-right: calc(10px + 0.1rem);}
.detail_page ._l .box{float: left;width: 100%;display: flex;align-items: center;margin-bottom: calc(10px + 0.2rem);}
.detail_page ._l .box:last-child{margin-bottom: 0;}
.detail_page ._l .lab{float: left;white-space: nowrap;font-size: calc(14px + 0.04rem);line-height: calc(14px + 0.04rem);color: #6aa338;font-weight: bold;text-transform: uppercase;padding-right: calc(10px + 0.1rem);margin-right: calc(10px + 0.1rem);border-right: 1px solid #e7e7e7;}
.detail_page ._l .name{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);color: #000000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.detail_page ._l .name:hover{color: #6aa338;}
.detail_page ._r{float: left;width: calc(100px + 1.17rem);}
.detail_page ._r a{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(30px + 0.26rem);color: #ffffff;font-weight: bold;text-align: center;background: #6aa338;position: relative;overflow: hidden;}
/* .detail_page ._r a:hover{background: #055491;} */
.detail_page ._r a::after{content: "";display: block;width: 0;height: 0;border-radius: calc(30px + 0.38rem);opacity: 0.6;position: absolute;left: 50%;top: 50%;background: rgba(0,0,0,0.4);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.detail_page ._r a:hover::after{width: 80%;height: 200%;opacity: 0;
transition: All 0.6s ease-in-out;
-webkit-transition: All 0.6s ease-in-out;
-moz-transition: All 0.6s ease-in-out;
-o-transition: All 0.6s ease-in-out;}
@media screen and (max-width:767px) {
.detail_page ._l{width: 100%;}
.detail_page ._r{width: 100%;margin-top: 15px;display: flex;justify-content: center;}
.detail_page ._r a{width: calc(150px + 1.17rem);}
}
/* 产品中心 */
._Product1{width: 100%;background: #6aa338;}
._Product1 .select{width: 100%;}
._Product1 .select::after{content: "";display: block;clear: both;}
._Product1 .opt{float: left;width: 25%;height: calc(40px + 0.7rem);font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);padding: 5px;color: #ffffff;font-weight: bold;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;}
._Product1 .opt.on{background: #427600;}
._Product1 .opt:hover{background: #427600;}
._Product1 .slick-arrow{left: 0;width: 18px;height: 18px;}
._Product1 .slick-prev{background: url(../images/left2.svg) no-repeat; background-size: cover;}
._Product1 .slick-next{background: url(../images/right2.svg) no-repeat; background-size: cover;right: 0;left: auto;}
@media screen and (max-width:1024px) {
._Product1{padding: 0;}
._Product1 .opt{padding: 0 15px;}
}
._Titlebox-1 .pub_tit{font-size: calc(16px + 0.14rem);line-height: calc(22px + 0.14rem);color: #6aa338;padding-bottom: calc(10px + 0.32rem);border-bottom: 1px solid #f3f3f3;}
._Titlebox-1 .pub_tit::after{height: 3px;width: calc(40px + 0.4rem);margin-left: calc(-20px - 0.2rem);}
._Product2{width: 100%;padding-bottom: calc(10px + 0.7rem);}
._Product2 .prod_box{width: 100%;padding-top: calc(10px + 0.85rem);}
._Product2 .prod_box.hide{display: none;}
._Product2 .list{width: 100%;margin-top: calc(10px + 0.7rem);}
._Product2 .list::after{content: "";display: block;clear: both;}
._Product2 .ul{float: left;width: calc(100% + 10px + 0.16rem);margin: calc(-5px - 0.08rem);display: flex;flex-wrap: wrap;}
._Product2 .ul .li{float: left;width: 25%;padding: calc(5px + 0.08rem);}
._Product2 .ul a{float: left;width: 100%;background: #f3f3f3;text-align: center;padding: calc(10px + 0.28rem) calc(10px + 0.25rem) calc(10px + 0.25rem);height: 100%;position: relative;top: 0;}
._Product2 .ul .tit{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #010101;font-weight: bold;margin-bottom: calc(6px + 0.04rem);}
._Product2 .ul .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;margin-bottom: calc(10px + 0.1rem);}
._Product2 .ul .more{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #6aa338;margin-bottom: calc(7px + 0.23rem);}
._Product2 .ul .more .ico{display: inline-block;vertical-align: middle; width: 16px;height: 16px;background: url(../images/right.svg) no-repeat;background-size: cover;}
._Product2 .ul ._img{float: left;width: 100%;overflow: hidden;padding-bottom: 100%; position: relative;}
._Product2 .ul ._img img{display: block;width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
._Product2 .ul a:hover ._img img{ -webkit-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);}
._Product2 .ul a:hover .tit{color: #6aa338;}
._Product2 .ul a:hover{top: -0.2rem;background: #f1f4f7;}
@media screen and (max-width:1024px) {
._Product2 .ul .li{width: 33.33%;}
}
@media screen and (max-width:767px) {
._Product1 .opt{width: 50%;}
._Product2 .ul .li{width: 50%;}
._Product2 .ul a{padding-top: 23px;}
}
/* 产品详情 */
.prod_sect1{width: 100%;padding-top: calc(10px + 0.88rem);padding-bottom: calc(10px + 0.87rem);overflow: hidden;}
.prod_sect1 .box{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.prod_sect1 ._l{float: left;width: 46.42%;}
.prod_sect1 ._l .list1{float: left;width: 100%;}
.prod_sect1 ._l .ul1{float: left;width: 100%;}
.prod_sect1 ._l .li1{float: left;width: 100%;padding-right: 1px;}
.prod_sect1 ._l .ul1 ._img{float: left;width: 100%;border: 1px solid #e7e7e7;padding-bottom: 100%; position: relative; overflow: hidden;}
.prod_sect1 ._l .ul1 img{display: block;width: 100%;width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.prod_sect1 ._l .list2{float: left;width: 100%;margin-top: 9px;}
.prod_sect1 ._l .ul2{float: left;width: calc(100% + 8px);margin: -4px;padding: 0 calc(20px + 0.18rem);}
.prod_sect1 ._l .li2{float: left;width: 20%;padding: 4px;}
.prod_sect1 ._l .ul2 ._img2{float: left;width: 100%;height: 64px;border: 1px solid #e7e7e7;}
.prod_sect1 ._l .ul2 img{display: block;width: 100%;height: 100%;/*object-fit: cover;*/}
.prod_sect1 ._l .ul2 .slick-current ._img2{border-color: #6aa338;}
.prod_sect1 ._l .ul2 .li2:hover ._img2{border-color: #6aa338;}
.prod_sect1 .slick-arrow{left: 0;width: 18px;height: 18px;}
.prod_sect1 .slick-prev{background: url(../images/left.svg) no-repeat; background-size: cover;}
.prod_sect1 .slick-next{background: url(../images/right.svg) no-repeat; background-size: cover;right: 0;left: auto;}
.prod_sect1 ._r{float: left;width: 47.85%;padding-top: calc(10px + 0.14rem);}
.prod_sect1 ._r .tit{float: left;width: 100%;font-size: calc(16px + 0.2rem);line-height: calc(22px + 0.2rem);color: #6aa338;font-weight: bold;padding-bottom: calc(10px + 0.37rem);position: relative;margin-bottom: 0.53rem;}
.prod_sect1 ._r .tit::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: calc(40px + 0.4rem);height: 3px;background: #6aa338;}
.prod_sect1 ._r .tit::before{content: "";display: block;position: absolute;left: 0;bottom: 0;width:10000px;height: 1px;background: #e7e7e7;}
.prod_sect1 ._r .name{float: left;width: 100%;font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);color: #000000;margin-bottom: calc(4px + 0.1rem);}
.prod_sect1 ._r .text{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;}
.prod_sect1 ._r .btns{float: left;width: 100%;margin-top: 1.28rem;}
.prod_sect1 ._r .btns a{float: left;width: 47%;font-size: calc(14px + 0.02rem);line-height: calc(30px + 0.38rem);color: #ffffff;text-align: center;position: relative;background: #6aa338;margin-right: 10px;overflow: hidden;}
.prod_sect1 ._r .btns a:last-child{margin-right: 0;}
.prod_sect1 ._r .btns a .ico{display: block;position: absolute;right: calc(4px + 0.2rem);top: 50%;height:calc(18px + 0.06rem);width: calc(18px + 0.06rem);margin-top: calc(-9px - 0.03rem);}
.prod_sect1 ._r .btns a::after{content: "";display: block;width: 0;height: 0;border-radius: calc(30px + 0.38rem);opacity: 0.6;position: absolute;left: 50%;top: 50%;background: rgba(0,0,0,0.4);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.prod_sect1 ._r .btns a:hover::after{width: 80%;height: 200%;opacity: 0;
transition: All 0.6s ease-in-out;
-webkit-transition: All 0.6s ease-in-out;
-moz-transition: All 0.6s ease-in-out;
-o-transition: All 0.6s ease-in-out;}
@media screen and (max-width:1600px) {
.prod_sect1 ._r .btns{margin-top: calc(10px + 0.5rem);}
}
@media screen and (max-width:1024px) {
.prod_sect1 ._r{padding-top: 0;}
.prod_sect1 ._r .text{max-height: calc(154px + 0.98rem);overflow: auto;}
.prod_sect1 ._r .text::-webkit-scrollbar{width: 3px;background: #d5e2f0;border-radius: 3px;}
.prod_sect1 ._r .text::-webkit-scrollbar-thumb{border-radius: 4px;background: #6aa338;}
}
@media screen and (max-width:767px) {
.prod_sect1 ._l{width: 100%;}
.prod_sect1 ._r{width: 100%;margin-top: 20px;}
.prod_sect1 ._r .btns a{width: calc(50% - 5px);}
}
.prod_sect2{width: 100%;background: #f7f8f9;}
.prod_sect2.navFix{position: fixed;top: 88px;left: 0;z-index:40;}
.prod_sect2 .select{width: 100%;display: flex;}
.prod_sect2 .opt{float: left;margin-right: 0.88rem;font-size: calc(14px + 0.04rem);line-height: calc(40px + 0.38rem);color: #000000;white-space: nowrap;}
.prod_sect2 .opt:last-child{margin-right: 0;}
.prod_sect2 .opt.active{color: #6aa338;}
@media screen and (max-width:1024px) {
.prod_sect2.navFix{top: 50px;}
}
@media screen and (max-width:767px) {
.prod_sect2 .select{overflow: auto;}
.prod_sect2 .select::-webkit-scrollbar{ display: none;}
}
.pub_title2{width: 100%;font-size: calc(16px + 0.14rem);line-height: calc(22px + 0.14rem);color: #6aa338;font-weight: bold;padding-bottom: calc(10px + 0.35rem);border-bottom: 1px solid #e7e7e7;position: relative;}
.pub_title2::after{content: "";display: block;width: calc(40px + 0.4rem);height: 3px;background: #6aa338;left: 0;bottom: 0;position: absolute;}
.prod_sect3{width: 100%;padding-top: calc(10px + 0.87rem);}
.prod_sect4 .tit{width: 100%;font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.14rem);color: #010101;padding-left: calc(10px + 0.08rem);border-left: 2px solid #6aa338;margin-top: calc(10px + 0.5rem);margin-bottom: calc(10px + 0.19rem);}
.prod_sect4 .name{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;font-weight: bold;}
.prod_sect4 .text{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;}
.prod_sect4{width: 100%;padding-top: calc(10px + 0.8rem);position: relative;}
.prod_sect4 .table{width: 100%;margin-top: calc(10px + 0.5rem); font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;}
.prod_sect4 .tip_ph{display:none; float: right;position: absolute;right: 15px;top: calc(10px + 0.8rem);font-size: 12px;line-height: calc(22px + 0.14rem);color: #6aa338;}
@media screen and (max-width:767px) {
.prod_sect4 .table{overflow: auto;}
.prod_sect4 .table::-webkit-scrollbar{ display: none;}
.prod_sect4 ._Table{width: 820px;}
/*.prod_sect4 .tip_ph{display:block;}*/
}
.prod_sect5{width: 100%;padding-top: calc(10px + 0.92rem);}
.prod_sect5 ._img{width: 100%;margin-top: calc(10px + 0.5rem);}
.prod_sect5 ._img img{display: block;max-width: 100%;width: auto;margin: 0 auto;}
.prod_sect5 .table{width: 100%;margin-top: calc(10px + 0.48rem);}
@media screen and (max-width:767px) {
.prod_sect5 .table{overflow: auto;}
.prod_sect5 .table::-webkit-scrollbar{ display: none;}
.prod_sect5 ._Table{width: 1024px;}
}
.prod_sect6{width: 100%;padding-top: calc(10px + 0.92rem);padding-bottom: calc(10px + 0.93rem);}
.prod_sect6 ._img{width: 100%;margin-top: calc(10px + 0.33rem);margin-bottom: calc(10px + 0.75rem);}
.prod_sect6 ._img img{display: block;max-width: 100%;width: auto;margin: 0 auto;}
/* 视频中心 */
.video_main{width: 100%;padding-top: calc(10px + 0.75rem);padding-bottom: calc(10px + 0.79rem);}
.video_main .list{width: 100%;margin-bottom: calc(10px + 0.4rem);}
.video_main .list::after{content: "";display: block;clear: both;}
.video_main .ul{float: left;width: calc(100% + 10px + 0.3rem);margin: calc(-5px - 0.2rem) calc(-5px - 0.15rem);display: flex;flex-wrap: wrap;}
.video_main .ul .li{float: left;width: 50%;padding: calc(5px + 0.2rem) calc(5px + 0.15rem);}
.video_main .ul a{float: left;width: 100%;background: #f1f4f7;height: 100%;}
.video_main .ul ._video{width: 100%;padding-bottom:56.323%; position: relative; overflow: hidden;}
.video_main .ul ._video video{display: block;width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video_main .ul .bf_btn{display: block;width: calc(28px + 0.1rem);height: calc(28px + 0.1rem);background: url(../images/play.svg) no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video_main .ul .tit{width: 100%;font-size: calc(16px + 0.02rem);line-height: calc(22px + 0.02rem);color: #000000;text-align: center;padding:calc(10px + 0.18rem) calc(10px + 0.1rem);}
.video_main .ul a:hover .tit{color: #6aa338;}
@media screen and (max-width:767px) {
.video_main .ul .li{width: 100%;}
}
/* 下载中心 */
._Download{width: 100%;padding-top: 0px;padding-bottom: 54px;}
._Download .form{width: 100%;margin-bottom: calc(10px + 0.7rem);}
._Download .form .inputbox{width: 100%;display: flex;align-items: center;margin-bottom: calc(10px + 0.2rem);}
._Download .form .name{float: left;width: 13.14%;min-width: calc(110px + 0.3rem);font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);color: #000000;padding: 5px 10px 5px calc(10px + 0.14rem) ;border-left: 3px solid #6aa338;}
._Download .form .input{float: left;width: 71.14%;border: 1px solid #e7e7e7;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #000;height: calc(44px + 0.2rem);padding:10px calc(10px + 0.1rem);}
._Download .form .input::-webkit-input-placeholder{color: #dedede;}
._Download .form .input::-moz-placeholder{color: #dedede;}
._Download .form .input::-ms-input-placeholder{color: #dedede;}
._Download .form .radiobox{float: left;width: 86.86%;}
._Download .form .label{float: left;margin-right: calc(10px + 0.39rem);font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);color: #000000;display: flex;align-items: center;cursor: pointer;}
._Download .form .label:last-child{margin-right: 0;}
._Download .form .radio{margin-right: calc(6px + 0.04rem);width: calc(14px + 0.04rem);height: calc(14px + 0.04rem);margin-top:3px;}
._Download .form input.radio:checked + span {color: #6aa338;}
._Download .form .submit{display: block;width: calc(116px + 1rem);height: calc(36px + 0.2rem);font-size: calc(14px + 0.04rem);color: #ffffff;font-weight: bold;background: #6aa338;margin-left: 13.14%;}
._Download .form .submit:hover{background: #005da4;}
._Download .table{width: 100%;margin-bottom: calc(10px + 0.3rem);}
._Download .table img{display: block;height: calc(20px + 0.1rem);width: auto;margin: 0 auto;}
._Download .table_ph{width: 100%;margin-bottom: 20px;display: none;}
._Download .table_ph::after{content: "";display: block;clear: both;}
._Download .table_ph .ul1{float: left;width: 100%;}
._Download .table_ph .li1{float: left;width: 100%;border: 1px solid #e7e7e7;margin-bottom: 10px;}
._Download .table_ph .name{float: left;width: 100%;padding: 10px 10px;border-bottom: 1px solid #e7e7e7;font-size: 14px;line-height: 30px;color: #000000;font-weight: bold;}
._Download .table_ph .ul2{float: left;width: 100%;}
._Download .table_ph .li2{float: left;width: 33.33%;font-size: 14px;line-height: 30px;color: #000000;padding: 10px 5px;text-align: center;}
._Download .table_ph .li2 a{float: left;width: 100%;}
._Download .table_ph .li2 img{display: block;height: 30px;margin: auto;}
@media screen and (max-width:767px) {
._Download .table{overflow: auto;}
._Download .table::-webkit-scrollbar{ display: none;}
._Download .table ._Table{width: 820px;}
._Download .ph_hide{display: none;}
._Download .form .inputbox{flex-wrap: wrap;}
._Download .form .name{width: 100%;font-size: 16px;line-height: 16px;margin-bottom: 10px;}
._Download .form .input{width: 100%;height: 40px;}
._Download .form .radiobox{width: 100%;margin-bottom: -10px;}
._Download .form .label{margin-right: 0;width: 33.33%;margin-bottom: 10px;}
._Download .form .submit{margin-left: 0;width: 100%;}
._Download .table_ph{display: block;}
}
/* After Service */
.after_sect1{width: 100%;padding-bottom: calc(10px + 0.88rem);}
.after_sect1 .form{width: 100%;margin-top: calc(10px + 0.7rem);display: flex;justify-content: space-between;flex-wrap: wrap;}
.after_sect1 .form .inputbox{float: left;display: flex;margin-bottom: calc(10px + 0.38rem);position: relative;}
.after_sect1 .form .lab{float: left;font-size: calc(14px + 0.04rem);color: #000000;line-height: calc(44px + 0.2rem);min-width: 100px;}
.after_sect1 .form .inputbox:nth-child(2n) .lab{min-width: 146px;}
.after_sect1 .form .inputbox:nth-child(8) .lab{min-width: 100px;}
.after_sect1 .form .inputbox .input{float: left;width: 5.15rem;border: 1px solid #e7e7e7;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #000;height: calc(44px + 0.2rem);padding:10px calc(10px + 0.1rem);}
.after_sect1 .form .inputbox .input::-webkit-input-placeholder{color: #c8c8c8;}
.after_sect1 .form .inputbox .input::-moz-placeholder{color: #c8c8c8;}
.after_sect1 .form .inputbox .input::-ms-input-placeholder{color: #c8c8c8;}
.after_sect1 .form .inputbox .textarea{width: 100% !important;height: calc(100px + 0.28rem);padding: calc(10px + 0.1rem) calc(10px + 0.1rem);}
.after_sect1 .form .w100{width: 100%;}
.after_sect1 .form .btnbox{display: block;width: auto;margin: 0 auto;text-align: center;position: relative;overflow: hidden;}
.after_sect1 .form .submit{display: inline-block;width: calc(116px + 1rem);height: calc(36px + 0.2rem);font-size: calc(14px + 0.04rem);color: #ffffff;font-weight: bold;background: #6aa338;position: relative;z-index: 3;}
.after_sect1 .form .btnbox::after{content: "";display: block;width: 0;height: 0;border-radius: calc(30px + 0.38rem);opacity: 1;position: absolute;left: 50%;top: 50%;background: rgba(0,0,0,0.4);z-index: 4;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
/* .after_sect1 .form .btnbox:hover::after{width: 120%;height: 200%;opacity: 0;
transition: All 0.8s ease-in-out;
-webkit-transition: All 0.8s ease-in-out;
-moz-transition: All 0.8s ease-in-out;
-o-transition: All 0.8s ease-in-out;} */
.after_sect1 .form .submit:hover{background: #005da4;}
.after_sect1 .form .inputbox .yzmbox{float: left;position: relative;}
.after_sect1 .form .inputbox .yzm{display: block;position: absolute;width: calc(60px + 0.44rem);height: 30px;right: 6px;top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
@media screen and (max-width:1600px) {
.after_sect1 .form .inputbox .input{width: 4.35rem;}
}
@media screen and (max-width:767px) {
.after_sect1 .form .inputbox .yzmbox{width: 100%;}
.after_sect1 .form .inputbox{width: 100%;}
.after_sect1 .form .lab{min-width: 120px !important;}
.after_sect1 .form .inputbox .input{width: 100%;}
.after_sect1 .form .btnbox{width: 100%;}
.after_sect1 .form .submit{width: 80%;}
}
.after_sect2{width: 100%;background: #e1edf6;}
.after_sect2 ._img{display: block;width: 100%;}
.after_sect2 ._img img{display: block;width: 100%;}
.after_sect2 ._img .img_ph{display: none;}
@media screen and (max-width:767px) {
.after_sect2 ._img .img_pc{display: none;}
.after_sect2 ._img .img_ph{display: block;}
}
.after_sect3{width: 100%;padding-top: calc(10px + 0.96rem);padding-bottom: calc(10px + 0.88rem);}
.after_sect3 .list{width: 100%;margin-top:calc(10px + 0.7rem);}
.after_sect3 .ul{width: 100%;}
.after_sect3 .ul .li{width: 100%;padding-bottom: calc(10px + 0.4rem);border-bottom: 1px solid #e7e7e7;margin-bottom: calc(10px + 0.4rem);display: flex;align-items: flex-start;flex-wrap: wrap;}
.after_sect3 .ul .li:last-child{margin-bottom: 0;}
.after_sect3 .ul ._l{float: left;width: calc(100% - 4.46rem);padding-top: 0.38rem;padding-right: 12.14%;}
.after_sect3 .ul .numb{float: left;width: calc(38px + 0.1rem);height: calc(38px + 0.1rem);background:#6aa338;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: calc(14px + 0.1rem);color: #ffffff;}
.after_sect3 .ul .text{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;margin-top: calc(6px + 0.36rem);}
.after_sect3 .ul ._r{float: left;width: 4.46rem;}
.after_sect3 .ul ._r ._img{display: block;width: 100%;}
.after_sect3 .ul ._r img{display: block;width: 100%;}
@media screen and (max-width:1080px) {
.after_sect3 .ul ._l{padding-right: calc(10px + 0.1rem);padding-top: 0;}
.after_sect3 .ul .text{margin-top: calc(10px + 0.1rem);}
}
@media screen and (max-width:767px) {
.after_sect3 .ul ._l{width: 100%;padding: 0;}
.after_sect3 .ul ._r{width: 100%;margin-top: 15px;}
.after_sect3 .ul .numb{width: 30px;height: 30px;font-size: 12px;margin-top: 4px;}
.after_sect3 .ul .text{width: calc(100% - 30px);padding-left: 15px;margin-top: 0;}
.after_sect3 .ul .li{padding-bottom: calc(20px + 0.4rem);}
}
/* Solutions */
.solut_main{width: 100%;padding-top:0.86rem;padding-bottom: calc(10px + 0.7rem);}
.solut_main .pub_title2{border:none;position: relative;}
.solut_main .pub_title2::before{content: "";display: block;width: 10000px;height: 1px;background: #e7e7e7;position: absolute;left: 0;bottom: 0;}
.solut_main .allbox{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.solut_main .ph_show{display: none;}
.solut_main ._left{float: left;width: 24.71%;position: relative;}
.solut_main ._left .select{float: left;width: 100%;}
.solut_main ._left .opt{float: left;width: 100%;border-bottom: 1px solid #e7e7e7;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);color: #000000;padding:calc(10px + 0.11rem) calc(10px + 0.34rem);cursor: pointer;white-space: nowrap;}
.solut_main ._left .opt:hover{background: #f7f8f9;}
.solut_main ._left .opt.on{background: #6aa338;color: #fff;}
.solut_main ._right{float: left;width: 71.42%;}
.solut_main ._right .contlist{width: 100%;}
.solut_main ._right .contbox{width: 100%;}
.solut_main ._right .ul{width: 100%;margin-top: calc(10px + 0.42rem);margin-bottom: calc(10px + 0.3rem);}
.solut_main ._right .li{width: 100%;margin-bottom: calc(10px + 0.3rem);}
.solut_main ._right .li:last-child{margin-bottom: 0;}
.solut_main ._right .li a{width: 100%;background: #f7f8f9;display: flex;flex-wrap: wrap;}
.solut_main ._right .li a:hover{background: #fff;box-shadow: 0 0 0.35rem 0 rgba(99,99,99,0.11);}
.solut_main ._right .li a:hover ._r img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.solut_main ._right .li a:hover .more{color: #6aa338;}
.solut_main ._right .ul ._l{float: left;width: calc(100% - 4.24rem);padding:calc(10px + 0.38rem) calc(10px + 0.1rem) calc(10px + 0.2rem) calc(10px + 0.22rem);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.solut_main ._right .ul .cont{float: left;width: 100%;}
.solut_main ._right .ul .tit{float: left;width: 100%;font-size: calc(16px + 0.04rem);line-height: calc(22px + 0.04rem);color: #6aa338;font-weight: bold;}
.solut_main ._right .ul .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(22px + 0.04rem);color: #5a646d;margin-top: calc(10px + 0.1rem);}
.solut_main ._right .ul .btnbox{float: left;width: 100%;margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.solut_main ._right .ul .more{float: left;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;}
.solut_main ._right .ul .ico{float: right;width: calc(22px + 0.1rem);height: calc(22px + 0.1rem);background: #6aa338;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.solut_main ._right .ul .ico img{display: block;width: calc(10px + 0.06rem);height: auto;}
.solut_main ._right .ul ._r{float: left;width: 4.24rem;overflow: hidden;}
.solut_main ._right .ul ._r img{display: block;width: 100%;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;
transition: -webkit-transform 1s;}
@media screen and (max-width:1080px) {
.solut_main ._right .ul ._l{padding: 15px;}
.solut_main ._right .ul .text{margin-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
}
@media screen and (max-width:1024px) {
.solut_main ._right .ul ._l{padding: 15px;}
.solut_main ._right .ul .tit{font-size: 16px;line-height: 22px;}
.solut_main ._right .ul .text{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width:767px) {
.solut_main{padding-top: 0.6rem;}
.solut_main ._left{width: 100%;overflow: hidden;}
/* .solut_main ._left .select{display: flex;overflow: auto;}
.solut_main ._left .select::-webkit-scrollbar{ display: none;} */
.solut_main ._left .opt{width: auto;text-align: center;}
.solut_main .ph_show{display: block;}
.solut_main .ph_hide{display: none;}
.solut_main .swiper-next{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;margin-top: -15px;background: url(../images/right.svg) no-repeat;background-size: cover;z-index: 10;}
.solut_main .swiper-prev{display: block;width: 30px;height: 30px;position: absolute;left:0;top: 50%;margin-top: -15px;background: url(../images/left.svg) no-repeat;background-size: cover;z-index: 10;}
.solut_main ._right{width: 100%;margin-top: 15px;}
.solut_main ._right .ul ._l{width: 100%;}
.solut_main ._right .ul ._r{width: 100%;}
.solut_main ._right .ul .text{-webkit-line-clamp:100;}
}
/* solution详情 */
.solut_detail{width: 100%;padding-top: calc(10px + 0.66rem);padding-bottom: calc(10px + 0.96rem);overflow: hidden;}
.solut_detail .contbox{width: 100%;margin-top: calc(10px + 0.96rem);}
.solut_detail .cont{width: 100%;margin-bottom: calc(10px + 0.88rem);}
.solut_detail .cont .text{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;margin-top: calc(10px + 0.3rem);}
.solut_detail .cont ._img{width: 100%;margin-top: calc(10px + 0.34rem);}
.solut_detail .cont ._img img{display: block;width: auto;max-width: 100%;margin: 0 auto;}
.solut_detail .listbox{width: 100%;margin-bottom: calc(10px + 0.94rem);}
.solut_detail .list{width: 100%;margin-top: calc(10px + 0.42rem);}
.solut_detail .list::after{content: "";display: block;clear: both;}
.solut_detail .ul{float: left;width: calc(100% + 10px + 0.16rem);margin: calc(-5px - 0.08rem);display: flex;flex-wrap: wrap;}
.solut_detail .ul .li{float: left;width: 25%;padding: calc(5px + 0.08rem);}
.solut_detail .ul a{float: left;width: 100%;background: #f3f3f3;text-align: center;padding: calc(10px + 0.28rem) calc(10px + 0.25rem) calc(10px + 0.25rem);height: 100%;position: relative;top: 0;}
.solut_detail .ul .tit{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #010101;font-weight: bold;margin-bottom: calc(6px + 0.04rem);}
.solut_detail .ul .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #5a646d;margin-bottom: calc(6px + 0.1rem);}
.solut_detail .ul .more{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #6aa338;margin-bottom: calc(10px + 0.1rem);}
.solut_detail .ul .more .ico{display: inline-block;vertical-align: middle; width: 16px;height: 16px;background: url(../images/right.svg) no-repeat;background-size: cover;}
.solut_detail .ul ._img{float: left;width: 100%;overflow: hidden;padding-bottom: 100%; position: relative;}
.solut_detail .ul ._img img{display: block;width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.solut_detail .ul a:hover ._img img{ -webkit-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);}
.solut_detail .ul a:hover .tit{color: #6aa338;}
.solut_detail .ul a:hover{top: -0.2rem;background: #f1f4f7;}
.solut_detail .slick-arrow{width: calc(20px + 0.2rem);height: calc(20px + 0.2rem);border-radius: 100%;border: 1px solid #e5e6e6;z-index: 5;}
.solut_detail .slick-prev{background:url(../images/left.svg) #fff center no-repeat;background-size:auto calc(14px + 0.06rem);left: calc(15px + 0.18rem);}
.solut_detail .slick-next{background:url(../images/right.svg) #fff center no-repeat;background-size:auto calc(14px + 0.06rem);right: calc(15px + 0.18rem);}
.solut_detail .slick-prev:hover{background:url(../images/left2.svg) #6aa338 center no-repeat;background-size:auto calc(14px + 0.06rem);border: 1px solid #6aa338;}
.solut_detail .slick-next:hover{background:url(../images/right2.svg) #6aa338 center no-repeat;background-size:auto calc(14px + 0.06rem);border: 1px solid #6aa338;}
/* Contact */
._Contact2{width: 100%;padding-bottom: calc(10px + 0.95rem);padding-top: calc(10px + 0.72rem);}
._Contact2 .ul{width: 100%;margin-top: calc(10px + 0.36rem);margin-bottom: calc(10px + 0.7rem);}
._Contact2 .ul .li{width: 100%;border-bottom: 1px solid #e7e7e7;min-height: calc(14px + 0.5rem);padding: calc(10px + 0.1rem) calc(10px + 0.28rem);display: flex;align-items: center;position: relative;}
._Contact2 .ul .li::after{content: "";display: block;position: absolute;left: 0;top: 50%;width: 1px;height: calc(34px + 0.3rem);background: #6aa338;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%)}
._Contact2 .ul .ico{float: left;width: calc(32px + 0.1rem);}
._Contact2 .ul .ico img{display: block;width: 100%;}
._Contact2 .ul .info{float: left;width: calc(100% - 32px - 0.1rem);padding-left: 0.5rem;font-size: calc(14px + 0.04rem);color: #000000;line-height: calc(20px + 0.04rem);}
._Contact2 .ul .lab{min-width: calc(50px + 0.48rem);display: inline-block;}
._Contact2 .map-container{width: 100%;}
._Contact2 .map-container #map{width: 100%;height: 5.5rem;}
._Contact2 .map-container ._img{width: 100%;}
._Contact2 .map-container img{display: block;width: 100%;}
@media screen and (max-width:1080px) {
._Contact2 .ul .info{display: flex;}
}
@media screen and (max-width:767px) {
._Contact2 .ul .info{display: block;}
._Contact2 .ul .lab{width: 100%;}
}
._Contact3{width: 100%;padding-bottom: calc(10px + 0.89rem);}
._Contact3 .list{width: 100%;margin-top: calc(10px + 0.62rem);}
._Contact3 .list::after{content: "";display: block;clear: both;}
._Contact3 .ul{float: left;width: calc(100% + 10px + 0.56rem);margin: calc(-5px - 0.28rem);}
._Contact3 .ul .li{float: left;width: 50%;padding: calc(5px + 0.28rem);}
._Contact3 .ul .address{width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #000000;text-transform: uppercase;margin-bottom: calc(10px + 0.25rem);}
._Contact3 .ul ._img{display: block;width: 100%;margin-bottom: calc(10px + 0.25rem);}
._Contact3 .ul ._img img{display: block;width: 100%;}
._Contact3 .ul .info{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.12rem);color: #000000;margin-bottom: calc(10px + 0.22rem);}
._Contact3 .ul .info:last-child{margin-bottom: 0;}
._Contact3 .ul .tit{width: 100%;font-weight: bold;}
@media screen and (max-width:767px) {
._Contact3 .ul .li{width: 100%;}
}
.about_sect1 ._right .video{display: block;width: 100%;height: 100%;object-fit: cover;}
.solut_detail .ul .slick-list{width:100%;}
.sy_sect4 .ul .slick-list{width:100%;}
.pagecon{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.14rem);color: #000000;}
img{max-width:100%;}
._pop_video ._htm{width:800px;}
@media screen and (max-width: 991px){
._pop_video ._htm{width:90%;}
/*.sy_sect3 .swiper-prev{display:none;}
.sy_sect3 .swiper-next{display:none;}*/
}
.prod_sect1 ._r .name{color:#6aa338;}
/*20230713*/
.prod_sect1 ._l .ul2 ._img2{height:auto; padding-bottom:100%; position:relative;}
.prod_sect1 ._l .ul2 ._img2 img{position:absolute; left:0; top:0;}
._Table,
._Table *{ color:#000000 !important; font-size: calc(14px + 0.02rem) !important; line-height: calc(20px + 0.1rem) !important; font-family: 'Noto Sans SC' !important;}
._Table th{ padding:15px 10px !important; border:1px solid #e7e7e7 !important; border-top:0 !important; border-bottom:0 !important;}
._Table th:first-child{ border-left:1px solid #e7e7e7 !important;}
._Table th:last-child{ border-right:1px solid #e7e7e7 !important;}
._Table td{ padding:15px 10px !important; border:1px solid #e7e7e7 !important;}
table._Table {
width: 100% !important;
margin-bottom: calc(10px + 0.5rem);
}
table._Table:last-child{margin-bottom:0;}
table._Table td,
table._Table td * {
text-align: center !important;
vertical-align:middle !important;
}
table._Table tr.firsttr,
table._Table tr.firsttr * {
background: #6aa338 !important;
color: #fff !important;
}
table._Table tr.firsttr td{font-weight:bold !important;}
table._Table td.firsttd,
table._Table td.firsttd * {
background: #f7f8f9 !important;
color: #6aa338 !important;
font-weight: bold;
}
@media screen and (max-width: 991px){
.table{overflow-y: auto;}
.table::-webkit-scrollbar{ display: none;}
table._Table{width: 820px !important;}
}
.sy_banner .bancont .tit{text-transform:initial; margin-bottom: 0.52rem;}
.sy_banner .bancont .tit2{margin-bottom:0.1rem;}
.sy_banner .bancont .tit1{font-size: 0.3rem;line-height: 0.36rem;}
@media screen and (max-width:767px) {
.sy_banner .bancont .tit1{font-size: 14px;line-height: 18px;}
}
._Product2 .ul{margin-bottom: calc(10px + 0.5rem);}
._Contact2 .map-container ._img {position:relative; padding-bottom:39%;}
._Contact2 .map-container ._img iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
/*20230919start*/
.cxfewm{position: relative;}
.cxfewm .ico{width: 60%;}
.cxfewm .ewmbox{width: 180px;position: absolute;right: calc(100% + 20px);top: 50%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);padding: 12px;margin-top: -106px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);}
.cxfewm:hover .ewmbox{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
.cxfewm .ewmbox img{width: 100%;display: block;margin-bottom: 12px;}
.cxfewm .ewmbox .words{font-size: 14px;color: #333;line-height: 20px;text-align: center;}
@media screen and (max-width:1024px) {
.cxfewm .ewmbox{width: 150px;right: calc(100% + 12px);padding: 10px;margin-top: -74px;}
.cxfewm .ewmbox img{width: 80%;margin: 0 auto 8px auto;}
.cxfewm .ewmbox .words{font-size: 12px;line-height: 16px;}
}
/*20230919end*/
/* 人才招聘 */
.recruit{float: left; width: 100%; margin-top: 0px;}
.recList{float: left; width: 100%; min-height: 600px;}
.t_14{float: left; width: 100%; background: #6aa338;}
.t_14 span{float: left; width:28.114754%; height: 60px; display: inline-block; font-size: 16px; font-weight: bold; padding-left: 80px; line-height: 60px; color: #fff;}
.t_14 ul{float: left; width: 71.885246%; padding-right: 10.638298%;}
.t_14 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #fff; line-height: 60px; height: 60px; font-weight: bold;}
.d_14{float: left; width: 100%; margin-top: 10px; background: #f5f5f5; cursor: pointer;}
.d_14 .d_14_t{float: left; width:28.114754%; display: table; height: 60px; }
.d_14 .d_14_t div{ display: table-cell; vertical-align: middle;}
.d_14 .d_14_t span{float: left; width: 100%; line-height: 30px; max-height: 60px;overflow: hidden; font-size: 16px;padding-left: 80px;}
.d_14 ul{float: left; width:71.885246%;padding-right: 10.638298%; position: relative;}
.d_14 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #333; line-height: 60px; height: 60px;}
.d_14 ul i{position: absolute; right: 0; top: 0; width: 10.638298%; height: 60px; background: url(../images/bg_14_3.png) no-repeat center; display: block; border-left: 1px solid rgba(255,255,255,.8);}
.d_14.on i{background: url(../images/bg_14_4.png) no-repeat center;}
.d_14.on{background: #6aa338;}
.d_14.on .d_14_t span{color: #fff;}
.d_14.on ul li{color: #fff;}
.d_14 .d_14_h{display: none;float: left; width: 100%; padding: 32px 0; background: #fff;}
.d_14 .d_14_le{float: left; width: 47.340426%; padding-left: 80px;padding-right: 80px; line-height: 30px; font-size: 14px; color: #666;}
.d_14 .d_14_le .d_14_h4{float: left; width: 100%; font-size: 16px; line-height: 24px; height: 24px; color: #333; margin-bottom: 26px;}
.d_14 .d_14_le .recBtn{float: left; width: 100%; margin-top: 30px; }
.d_14 .d_14_le a{float: left; padding: 0 27px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #fff; background:#6aa338; background-size: 100%;
-webkit-border-radius:19px;
-moz-border-radius:19px;
border-radius:19px; }
.d_14 .d_14_le a:hover{
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.d_14 .d_14_le.d_14_r{ padding-left: 86px; border-left: 1px solid #e7e7e7; position: relative;}
.d_14 .d_14_le.d_14_r::before{position: absolute; content: ""; width: 1px; height: 18px; background: #d7d7d7; top: 50%; margin-top: -9px; left: -1px;}
@media screen and (max-width:1429px){
.d_14 .d_14_le{padding-left: 80px; }
.d_14 .d_14_le.d_14_r{padding-left: 40px;}
}
@media screen and (max-width:1199px){
.t_14 span{padding-left: 10px;}
.d_14 .d_14_t span{ font-size: 14px; padding-left: 10px;}
.d_14 .d_14_le{padding-left: 20px; }
.d_14 ul li{font-size: 14px;}
}
@media screen and (max-width:991px){
.recruit{margin-top: 40px;}
.t_14{height: 48px;}
.t_14 span,
.t_14 ul li{font-size: 14px; line-height: 48px; height: 48px; }
.d_14 .d_14_t{height: 48px;}
.d_14 .d_14_t span{ font-size: 12px;}
.d_14 ul li{font-size: 12px; line-height: 48px; height: 48px;}
.d_14 ul i{height: 48px;}
.d_14 .d_14_le.d_14_r{padding-left: 20px; }
.d_14 .d_14_le.d_14_r .d_14_h4{padding-left: 20px;}
.d_14 .d_14_le a{line-height: 30px; height: 30px; padding: 0 15px; font-size: 14px;}
}
@media screen and (max-width:767px){
.recruit{margin-top: 30px;}
.recList{min-height: 400px;}
.t_14{display: none;}
.d_14 .d_14_t{width: 80%;}
.d_14 .d_14_t span{ font-size: 14px;}
.d_14 ul{width: 20%;}
.d_14 ul i{width: 100%;}
.d_14 ul li{display: none;}
.d_14 .d_14_h{ padding: 14px 0;}
.d_14 .d_14_le{width: 100%; padding-top: 10px; padding: 10px 15px 0 15px;}
.d_14 .d_14_le .d_14_h4{font-size: 14px; margin-bottom: 15px;}
.d_14 .d_14_le.d_14_r{margin-left: 0; }
.d_14 .d_14_le a{width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top: 19px; margin-left: 0;}
.d_14 .d_14_le.d_14_r{padding-left: 15px; border: 0;}
.d_14 .d_14_le.d_14_r .d_14_h4{padding-left: 0;}
.d_14 .d_14_le.d_14_r::before{display: none;}
}
@media screen and (min-width: 1024px) {.kgkg01{ width:100%; margin:70px 0px;clear: both; padding-bottom: 10px;}
.kgkg02{ width:20px; position:relative; float:left;}
.kgkg03{ width:88%; position:relative; float:left; padding-left:4px;}
.kgkg04{ width:10px; height:100px; background:#6aa338;}
.kgkg044{ width:5px; height:50px; background:#6aa338;}
.kgkg05{ font-size:44px; color:#000; line-height:100%; font-weight:900;}
.kgkg055{ font-size:44px; color:#6aa338; line-height:100%; font-weight:900;}
.kgkg066{ font-size:24px; color:#777; line-height:170%; font-weight:400; padding-bottom:74px;}
.kgkg06{ font-size:28px; color:#6aa338; line-height:200%; font-weight:100;}
.kgkg07{ width:100px; height:5px; background:#6aa338; margin:30px 0px;}}
@media screen and (max-width: 1024px) {.kgkg01{ width:100%; margin:70px 0px;clear: both; padding-bottom: 10px;}
.kgkg02{ width:20px; position:relative; float:left;}
.kgkg03{ width:88%; position:relative; float:left; padding-left:24px;}
.kgkg04{ width:10px; height:100px; background:#6aa338;}
.kgkg05{ font-size:34px; color:#000; line-height:100%; font-weight:900;}
.kgkg06{ font-size:28px; color:#6aa338; line-height:200%; font-weight:100;}
.kgkg07{ width:100px; height:10px; background:#6aa338; margin:30px 0px;}
.kgkg044{ width:5px; height:50px; background:#6aa338;}
.kgkg055{ font-size:44px; color:#6aa338; line-height:100%; font-weight:900;}
.kgkg066{ font-size:24px; color:#777; line-height:170%; font-weight:400; padding-bottom:74px;}
}
@media screen and (min-width: 1024px) {.cskg01{ width:90%; margin:0px auto; padding:70px 0px;}
.cskg02{ width:78%; position:relative; float:left;}
.cskg03{ width:20%; position:relative; float:right; margin-top:44px;}
.bg001{ background-image:url(../images/bg01.png); height:1256px;}
.bg002{ background-image:url(../images/bg02.jpg); height:400px;}
.btx01{ width:21%; margin:2% 2% 10% 2%; position:relative; float:left; text-align:center}
.btx02{text-align:center; color:#fff; font-size: 14px;}
.btx03{ width:54px;}
.biaoti01 {font-size: 44px; color: #fff; line-height: 100%;font-weight: 900; text-align:center}
.biaoti02 {width: 100px; height: 5px; margin:30px auto;background: #fff; }
.biaoti002 {width: 77px; margin:40px auto; }
.bg003{width: 100%;margin:0px auto; padding-top:140px;}
.bg007{width: 100%;margin:0px auto; padding-top:340px;}
.bgt003{width: 100%;margin:0px auto; padding-top:100px;}
.biaott01 {font-size: 44px; color: #6aa338; line-height: 100%;font-weight: 900; text-align:center}
.biaott02 {width: 100px; height: 5px; margin:40px auto;background: #6aa338; }
.cskg04{ font-size:40px; color:#6aa338; line-height:100%; font-weight:900;}
.cskg05{ font-size:28px; color:#999; line-height:150%; font-weight:100;}
.cskg06{ width:400px; border:1px solid #f5f5f5; max-width: none; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.14);}
.cskg07{ margin:14px;-webkit-transition: -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out;}
.cskg07:hover{ margin:14px;-webkit-transform: scale(1.1);transform: scale(1.1);}
}
@media screen and (max-width: 1024px) {.cskg01{ width:90%; margin:0px auto; padding:70px 0px;}
.cskg02{ width:100%; position:relative; float:left;}
.cskg03{ width:100%; position:relative; float:right; margin-top:44px;}
.bg001{ background-image:url(../images/bg01.png); height:1256px;}
.bg002{ background-image:url(../images/bg02.jpg); height:400px;}
.biaoti002 {width: 100px; margin:40px auto; }
.btx01{ width:46%; margin:2%; position:relative; float:left; text-align:center}
.btx02{text-align:center; color:#fff;}
.btx03{ width:80px;}
.biaoti01 {font-size: 34px; color: #fff; line-height: 100%;font-weight: 900; text-align:center}
.biaoti02 {width: 100px; height: 5px; margin:40px auto;background: #fff; }
.bg003{width: 100%;margin:0px auto; padding-top:170px;}
.bg007{width: 100%;margin:0px auto; padding-top:300px;}
.cskg04{ font-size:34px; color:#6aa338; line-height:100%; font-weight:900;}
.cskg05{ font-size:28px; color:#999; line-height:200%; font-weight:100;}
.cskg06{ width:400px; border:1px solid #f5f5f5; max-width: none; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.14);}
.cskg07{ margin:14px;-webkit-transition: -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out;}
.cskg07:hover{ margin:14px;-webkit-transform: scale(1.1);transform: scale(1.1);}
}
.sasab:link{ text-decoration:none; color:#666; font-size:18px; padding:7px; border-bottom:2px solid #999; margin:0px 14px}
.sasab:visited{ text-decoration:none; color:#666; font-size:18px; padding:7px; border-bottom:2px solid #999; margin:0px 14px}
.sasab:hover{ text-decoration:none; color:#427600; font-size:18px; padding:7px; font-weight:700; border-bottom:2px solid #427600; margin:0px 14px}
.gourip{ height:80px;}
@media screen and (min-width: 1024px) {.sbsb01{padding-bottom: 0px;width: 100%; display: flex;flex-wrap: wrap;}
.kgkv01{ width:100%;}
.kgkv02{ width:68%; position:relative; float:left;}
.kgkv03{ width:28%; position:relative; float:right;}
.kgkv05{ width:28%; position:relative; float:left;}
.kgkv06{ width:68%; position:relative; float:right;}
.kgkv04{ height:100%;}
}
@media screen and (max-width: 1024px) {.sbsb01{padding-bottom: 0px;width: 100%; bottom: 0px; }
.kgkv01{ width:90%; margin:0px auto;}
.kgkv02{ width:100%; position:relative; float:left;}
.kgkv03{ width:100%; position:relative; float:right;}
.kgkv05{ width:100%; position:relative; float:left;}
.kgkv06{ width:100%; position:relative; float:right;}
.kgkv04{ height:100%;}
}