﻿/* 
 * Project Name:guohao
 * Author:mydongli
 * Date:2026-1-22
*/
@charset "utf-8";
/** main **/
.top {position:fixed;left:0;top:0;width:100%;z-index:999;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100px;color:#333;transition:0.3s;-webkit-transition:0.3s;background-color:rgba(255,255,255,1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.16);box-shadow:0 1px 3px rgba(0,0,0,0.16);}
.top a {color:#333;}
.top a:hover {color:#1DAB38;}
.logo {margin-left:4%;}
.logo a {display:block;height:52px;position:relative;}
.logo img {height:100%;display:block;}
.logo .logom {position:absolute;left:0;top:0;display:none;}
.top_rg {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-right:4%;}
.nav {margin-right:20px;}
.nav li {float:left;display:inline-block;margin-right:20px;font-size:18px;color:#333; font-weight:bold;position:relative;}
.nav li > a {padding:0 10px;line-height:100px;display:block;}
.nav a.active {color:#1DAB38;}
.nav a:before {content: "";width: 0;height: 3px;background: #1DAB38;position: absolute;right: 0;bottom: 0;transition: 0.4s;z-index: -1;}
.nav a.active:before {width: 100%;right: auto;left: 0;}
.nav .subnav {position:absolute;left:0;width:100%;top:100%;background-color:#fff;-webkit-box-shadow:2px 5px 3px rgba(0,0,0,0.16);box-shadow:2px 5px 3px rgba(0,0,0,0.16);text-align:center;display:none;margin-top:20px;padding:15px 0;border-radius:5px;}
.nav .subnav::before {content:"";border-left:6px solid transparent;border-right:6px solid transparent;display:block;margin:0px auto;height:0;width:0;border-bottom:6px solid #fff;position:absolute;left:50%;margin-left:-6px;top:-6px;}
.nav .subnav p {margin-bottom:4px;}
.nav .subnav a {display:block;line-height:1.4;padding:5px 0;position:relative;z-index:1;color:#333333;font-size:15px;-webkit-perspective:100px;-moz-perspective:100px;perspective:100px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.nav .subnav a::before {content:"";position:absolute;left:0;bottom:0;width:100%;z-index:-1;display:block;height:100%;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;-webkit-transform:rotateX(-70deg);-moz-transform:rotateX(-70deg);transform:rotateX(-70deg);-moz-transform-origin:center top 0;-ms-transform-origin:center top 0;-o-transform-origin:center top 0;transform-origin:center top 0;-webkit-transform-origin:center top 0;opacity:0;visibility:hidden;background-color:#1DAB38;}
.nav .subnav a:hover {color:#fff;}
.nav .subnav a:hover::before {-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;visibility:visible;}

.menu_ds {width:44px;height:56px;display:none;margin-left:10px;cursor:pointer;}
.menu_ds span:first-child {position:relative;display:block;width:24px;height:3px;margin:25px 0 0 10px;background-color:#333;-webkit-transition-duration:0.3s,0.3s;-moz-transition-duration:0.3s,0.3s;-o-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;-moz-transition-delay:0.3s,0s;-o-transition-delay:0.3s,0s;transition-delay:0.3s,0s;}
.menu_ds span:first-child:after,.menu_ds span:first-child:before {content:"";position:absolute;display:inline-block;width:24px;height:3px;left:0;background-color:#333;-webkit-transition-duration:0.3s,0.3s;-moz-transition-duration:0.3s,0.3s;-o-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;-moz-transition-delay:0.3s,0s;-o-transition-delay:0.3s,0s;transition-delay:0.3s,0s;}
.menu_ds span:first-child:before {top:-7px;-webkit-transition-property:top,transform;-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;-o-transition-property:top,-o-transform;-moz-transition-property:top,transform,-moz-transform;transition-property:top,transform;transition-property:top,transform,-webkit-transform,-moz-transform,-o-transform;}
.menu_ds span:first-child:after {bottom:-7px;-webkit-transition-property:bottom,transform;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;-o-transition-property:bottom,-o-transform;-moz-transition-property:bottom,transform,-moz-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform,-moz-transform,-o-transform;}
.menu_ds.active span {background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s;}
.menu_ds.active span:after,.menu_ds.active span:before {-webkit-transition-delay:0s,0.3s;-moz-transition-delay:0s,0.3s;-o-transition-delay:0s,0.3s;transition-delay:0s,0.3s;}
.menu_ds.active span:before {top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.menu_ds.active span:after {bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.menubar a:link,.menubar a:visited {color:#333;}
.menubar a:active,.menubar a:hover {color:#333;}
.menubar {background-color:#fff;color:#333;position:fixed;display:none;right:0px;top:0px;width:320px;height:100%;height:100vh;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);z-index:995;-webkit-transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);}
.menubar_main {height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.menubar_list {padding:56px 0 0;}
.menubar_list > li {border-bottom:1px solid #dcdcdc;}
.menubar_list > li > a {position:relative;display:block;font-size:15px;padding:10px 40px;background-color:#f5f5f5;}
.menubar_list > li > a::before {content:"";position:absolute;width:3px;height:3px;top:0;bottom:0;margin:auto 0;left:20px;background-color:#0B308E;border-radius:50%;}
.menubar_list > li > a i {position:absolute;right:3%;top:50%;font-size:18px;line-height:1;margin-top:-9px;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;-o-transition:-o-transform 0.3s;-moz-transition:transform 0.3s,-moz-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;}
.menubar_list .cur > a i {-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.menubar_list .subnav {background-color:#fff;display:none;padding:10px 40px 15px 40px;}
.menubar_list .subnav p {border-bottom:1px solid #eaeaea;}
.menubar_list .subnav p:last-child {border-bottom:0 none;}
.menubar_list .subnav a {position:relative;display:block;line-height:1.4;padding:10px 0;color:#666;}
.pusher-black {position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:990;background-color:rgba(0,0,0,0.6);visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.2s cubic-bezier(0.02,0.01,0.47,1) 0s;-o-transition:all 0.2s cubic-bezier(0.02,0.01,0.47,1) 0s;-moz-transition:all 0.2s cubic-bezier(0.02,0.01,0.47,1) 0s;transition:all 0.2s cubic-bezier(0.02,0.01,0.47,1) 0s;}
.menuOpen .pusher-black {visibility:visible;opacity:1;}
.menuOpen .menubar {-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.top.tophei {background-color: #fff;top:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.16);box-shadow:0 1px 3px rgba(0,0,0,0.16);}
.top.tophei a {color:#333333;}
.top.tophei a:hover,.top.tophei a.active {color:#1DAB38;}
.top.tophei .logo .logo1 {display:none;}
.top.tophei .logo .logom {display:block;}
.top.tophei .nav .subnav {border-top:3px solid #1DAB38;border-radius:0 0 5px 5px; top:97px;}
.top.tophei .nav .subnav::before {display:none;}
.top.tophei .nav .subnav a:hover {color:#fff;}
.top.topm {top:0;}
.main {position:relative;overflow:hidden;height:100vh;}
.main .wrapper {height:100vh;}
.app-con {overflow:hidden;}
.gree {color:#1DAB38;}

.serach-box {position:relative;width:130px;border-radius:18px;background-color:#fff;padding:0 44px 0 24px;border:1px solid #F0F0F0;}
.serach-box .serach-txt {width:100%;display:block;border:0 none;padding:0;line-height:36px;height:36px;color:#666666;background-color:#FFF;}
.serach-box .serach-btn {width:36px;height:36px;line-height:36px;border-radius:50%;background-color:#1DAB38;position:absolute;overflow:hidden;right:0;top:0;font-size:15px;text-align:center;color:#fff;}
.serach-box .serach-btn i {position:relative;z-index:2;color:#fff;}
.serach-box .serach-btn:before {content:"";position:absolute;display:block;bottom:auto;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity 0.5s cubic-bezier(0.165,0.84,0.44,1);background-color:#1DAB38;}
.serach-box .serach-btn::after {content:"";position:absolute;display:block;border-radius:50%;bottom:0;left:50%;transform:translateZ(0) translate(-50%,50%) scale(0);transition:transform 0.5s cubic-bezier(0.165,0.84,0.44,1);will-change:transform;pointer-events:none;width:200%;height:200%;background-color:#CA2F2F;}
.serach-box .serach-btn:hover:before {opacity:0;}
.serach-box .serach-btn:hover:after {transform:translateZ(0) translate(-50%,40%) scale(1);-webkit-transform:translateZ(0) translate(-50%,40%) scale(1);}
.serach-box .serach-btn2 {display:none;}


/** home **/
.i_banner {color:#fff;height:100vh;}
.i_banner .main_slide {height:100%;}
.i_banner a {color:#fff;}
.i_banner .imgBox {position:relative;height:100%;overflow:hidden;}
.i_banner .imgBox img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:-webkit-transform 3.5s;transition:-webkit-transform 3.5s;-o-transition:-o-transform 3.5s;-moz-transition:transform 3.5s,-moz-transform 3.5s;transition:transform 3.5s;transition:transform 3.5s,-webkit-transform 3.5s,-moz-transform 3.5s,-o-transform 3.5s;-webkit-transition:transform 3.5s;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1);}
.i_banner .main_slide-active .imgBox img {-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);}
.i_banner .main_slide-active .b_en .line::before {-webkit-animation:bannerline 5s linear;-moz-animation:bannerline 5s linear;-o-animation:bannerline 5s linear;animation:bannerline 5s linear;}
.i_banner .main_slide-active .b_tit,.i_banner .main_slide-active .b_en .en {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.i_banner .main_slide-active .b_en .en {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.bannertxt {position:absolute;left:4%;width:92%;bottom:22%;}
.b_tit {line-height:1.2;opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s;}
.b_en {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;}
.b_en .en {text-transform:uppercase;line-height:1.1;margin-right:15px;opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s;}
.b_en .swiper-btn {position:relative;width:100px;margin-left:30px;display:block;overflow:hidden;text-transform:uppercase;line-height:1;}
.b_en .swiper-btn .swiper-prev {float:left;}
.b_en .swiper-btn .swiper-next {float:right;}
.b_en .swiper-btn::before {content:"";position:absolute;width:5px;height:5px;background-color:#fff;border-radius:50%;left:0;top:0;right:0;bottom:0;margin:auto;}
.b_en .line {position:relative;width:100%;height:1px;background-color:#fff;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.b_en .line::before {content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#1DAB38;}
.swiper-btn {color:#fff;font-size:13px;}
.swiper-btn a {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.swiper-btn a:hover {color:#1DAB38;}
.swiper-btn .iconfont {font-size:30px;}
.swiper-btn .swiper-prev i {margin-right:10px;}
.swiper-btn .swiper-next i {margin-left:10px;}

.mousebox { position: absolute; width: 115px; left: 50%; margin-left: -15px; bottom: 58px; z-index: 20; }
.mouse { width: 31px; height: 50px; margin: auto; position: relative; background: url(../images/index/mouse.png) center no-repeat; }
.mouse i { width: 13px; height: 8px; display: block; background: url(../images/index/arrow.png) no-repeat center center; position: absolute; left: 9px; bottom: 13px; animation-delay: 0ms; animation-duration: 1340ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mousebox span { color: #fff; margin-top: 10px; display: block; text-align:center; }

@-webkit-keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

@keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

.i_about {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.i_about_img {width:45%;}
.i_about_img img {height:100%;-o-object-fit:cover;object-fit:cover;}
.i_about_dec {background-position:bottom center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:55%;}
.i_about_txt {width:60%;margin:0 auto;padding-top:0;}
.i_about_txt .c {margin:50px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ibox-t1 {text-transform:uppercase;color:#000;line-height:1.5; font-weight:bold;}
.ibox-t2 {text-transform:uppercase;color:#1DAB38;line-height:1.2;}
.ibox-t3 {color:#333;line-height:1.5;margin-top:8px;}
.more-btn {position:relative;overflow:hidden;display:block;width:10.0208vw;}
.more-btn .ico {color:#EBF5ED;font-size:13.0208vw;line-height:1;display:block;width:100%;}
.more-btn .txt {position:absolute;left:20%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#333;}
.more-btn:hover .ico {-webkit-animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;-moz-animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;-o-animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;}
@-webkit-keyframes menu_line_right {
  0% {-webkit-transform-origin: right;transform-origin: right;-webkit-transform: translateX(0);transform: translateX(0);}
  25% {-webkit-transform-origin: right;transform-origin: right;-webkit-transform: translateX(100%);transform: translateX(100%);}
  26% {-webkit-transform-origin: left;transform-origin: left;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  50% {-webkit-transform-origin: left;transform-origin: left;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-moz-keyframes menu_line_right {
  0% {-moz-transform-origin: right;transform-origin: right;-moz-transform: translateX(0);transform: translateX(0);}
  25% {-moz-transform-origin: right;transform-origin: right;-moz-transform: translateX(100%);transform: translateX(100%);}
  26% {-moz-transform-origin: left;transform-origin: left;-moz-transform: translateX(-100%);transform: translateX(-100%);}
  50% {-moz-transform-origin: left;transform-origin: left;-moz-transform: translateX(0);transform: translateX(0);}
}
@-o-keyframes menu_line_right {
  0% {-o-transform-origin: right;transform-origin: right;-o-transform: translateX(0);transform: translateX(0);}
  25% {-o-transform-origin: right;transform-origin: right;-o-transform: translateX(100%);transform: translateX(100%);}
  26% {-o-transform-origin: left;transform-origin: left;-o-transform: translateX(-100%);transform: translateX(-100%);}
  50% {-o-transform-origin: left;transform-origin: left;-o-transform: translateX(0);transform: translateX(0);}
}
@keyframes menu_line_right {
  0% {-webkit-transform-origin: right;-moz-transform-origin: right;-o-transform-origin: right;transform-origin: right;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
  25% {-webkit-transform-origin: right;-moz-transform-origin: right;-o-transform-origin: right;transform-origin: right;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);  transform: translateX(100%);}
  26% {-webkit-transform-origin: left;-moz-transform-origin: left;-o-transform-origin: left;transform-origin: left;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%); transform: translateX(-100%);}
  50% {-webkit-transform-origin: left;-moz-transform-origin: left;-o-transform-origin: left;transform-origin: left;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
}

.i_busititle {position:absolute;left:4%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:10;color:#fff;transition:0.55s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.55s cubic-bezier(0.09,0.34,0.63,1);}
.i_busititle.act {top:20%;opacity:0;visibility:hidden;}
.i_titles_r .ibox-t1,.i_titles_r .ibox-t3 {color:#fff;line-height:1.5;}
.i_titles_r .ibox-t2 {color:#1DAB38;line-height:1.2;}
.i_busibg {background-position:center center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;}
.i_busi {position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;will-change:width;overflow:hidden;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.i_busi .item {width:33.33%;height:100%;background-position:center center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-o-transition:0.65s cubic-bezier(0.33,1,0.68,1);-moz-transition:0.65s cubic-bezier(0.33,1,0.68,1);transition:0.65s cubic-bezier(0.33,1,0.68,1);-webkit-transition:0.65s cubic-bezier(0.33,1,0.68,1);}
.i_busi .item.wf-w {width:63.34%;}
.i_busi .item.sx-w {width:18.3333%;}
.i_busi .item.wf-w .i_busi_dt {display:none;opacity:0;}
.i_busi .item.wf-w .i_busi_dd {width:100%;}
.i_busi .item.active .i_busi_dd .desc {-moz-transition-delay:0.75s;-o-transition-delay:0.75s;transition-delay:0.75s;-webkit-transition-delay:0.75s;opacity:1;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit;-webkit-transform:inherit;}
.i_busi_dt {background-color:rgba(0,153,0,0.3);width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1px;position:relative;transition:0.35s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.35s cubic-bezier(0.09,0.34,0.63,1);}
.i_busi_dt .tico {font-size:34px;width:70px;height:70px;display:block;margin:0 auto;border-radius:50%;background-color:#EDA812;text-align:center;line-height:70px;position:relative;}
.i_busi_dt .tico::before {content:"";position:absolute;left:50%;top:50%;width:150%;height:150%;border-radius:50%;background-color:#EDA812;opacity:0.15;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.i_busi_dt .title {display:block;margin:120% auto 100%;line-height:1.4;text-align:center;}
.i_busi_dt .more {text-align:center;}
.i_busi_dd {position:relative;width:0%;overflow:hidden;}
.i_busi_dd::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:-moz-linear-gradient(left,#009900,rgba(78,121,140,0));background:-webkit-linear-gradient(left,#009900,rgba(78,121,140,0));background:-o-linear-gradient(left,#009900,rgba(78,121,140,0));background:linear-gradient(left,#009900,rgba(78,121,140,0));}
.i_busi_dd .desc {position:absolute;bottom:15%;left:6.5%;width:52%;display:block;transition:0.55s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.55s cubic-bezier(0.09,0.34,0.63,1);opacity:0;-moz-transform:translateY(-36px);-ms-transform:translateY(-36px);-o-transform:translateY(-36px);transform:translateY(-36px);-webkit-transform:translateY(-36px);}
.i_busi_dd .tico {line-height:1;display:block;margin-bottom:45px;}
.i_busi_dd .title {margin-bottom:25px;}
.i_busi_dd .c {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:45px;}
.btn-more2 {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;}
.btn-more2 .ico {margin-left:18px;font-size:24px;position:relative;overflow:hidden;}
.btn-more2 .ico i {display:block;}
.btn-more2:hover {color:#1DAB38;}
.btn-more2:hover .ico i {-webkit-animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;-moz-animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;-o-animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;animation:menu_line_right 1s cubic-bezier(0.645,0.045,0.355,1) 0s 1;}

.i_news .i_titles {position:absolute;left:4%;top:120px;}
.i_news .more-btn {position:absolute;left:4%;bottom:10%;}
.i_news_ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:-3%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.i_news_ul li {width:30.33%;margin-left:3%;margin-bottom:3.5%;position:relative;height:100%;transition:0.3s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.3s cubic-bezier(0.09,0.34,0.63,1);}
.i_news_ul .desc {position:relative;background-color:#fff;-webkit-box-shadow:0 10px 30px rgba(11,48,142,0.08);box-shadow:0 10px 30px rgba(11,48,142,0.08);padding:70px 8% 90px;transition:0.3s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.3s cubic-bezier(0.09,0.34,0.63,1);}
.i_news_ul .timeBox {color:#666666;margin-bottom:25px;}
.i_news_ul .timeBox .day {display:block;line-height:0.9;}
.i_news_ul .timeBox .year {padding-left:5px;}
.i_news_ul .title {font-weight:bold;color:#222222;line-height:1.5;margin-bottom:25px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;height:54px;overflow:hidden;}
.i_news_ul .c {margin-bottom:35px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:75px;overflow:hidden;}
.i_news_ul .img {background-position:center center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;transition:0.3s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.3s cubic-bezier(0.09,0.34,0.63,1);margin-bottom:35px;}
.i_news_ul .more {font-size:15px;}
.i_news_list {position:absolute;right:4%;bottom:8%;width:74.5%;margin-left:0;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;}

.i_foots,.foots {background-color:#1DAB38;}
.foots_s {background-color:#333333;padding:80px 4% 100px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#FFFFFF;}
.foots_s a {color:#C2C2C2;}
.foots_s a:hover {color:#FFFFFF;}
.foots_s .foots_rg {margin-left:20px;}
.foots_m {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;margin-bottom:50px;}
.foots_m li {margin-right:60px;font-weight:500;}
.foots_m li:last-child {margin-right:0;}
.foots_con p {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;line-height:1.2;}
.foots_con p:last-child {margin-bottom:0;}
.foots_con p .c {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.foots_con .ico {font-size:24px;margin-right:10px;color:#ADADAD;}
.foots_con b {margin-right:15px;}
.foots_ewm {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#ADADAD;margin-bottom:50px;}
.foots_ewm .img {width:115px;}
.foots_ewm .txt {width:115px;line-height:1.2;margin-left:10px;}
.foots_link {position:relative;width:216px;height:34px;border:1px solid #717171;z-index:10;transition:0.3s;-webkit-transition:0.3s;}
.foots_link .foots_link_t {padding:0 46px 0 15px;position:relative;cursor:pointer;line-height:34px;color:#fff;}
.foots_link .foots_link_t .aw {position:absolute;top:0;width:34px;height:34px;line-height:34px;right:0;color:#ADADAD;text-align:center;transition:0.3s;-webkit-transition:0.3s;font-size:12px;}
.foots_link .foots_link_c {position:absolute;left:-1px;right:-1px;bottom:100%;z-index:100;display:none;max-height:168px;overflow-y:auto;}
.foots_link ul {background-color:#FFF;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.16);box-shadow:0 1px 3px rgba(0,0,0,0.16);}
.foots_link a {display:block;height:32px;line-height:32px;padding:0 5%;color:#333333;font-size:12px;border-bottom:1px solid #f5f5f5;}
.foots_link a:hover {background-color:#f5f5f5;color:#0B308E;}
.foots_d {background-color:#1DAB38;padding:20px 4%;color:#FFF;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.foots_d a {color:#FFF;}
.foots_d a:hover {color:#FFF;}
.foots_d .c {margin-right:20px;}

/** class **/
.zhanwei {height:100px;}
.c_banner {position:relative;overflow:hidden;background-color:#000;}
.c_banner .load-img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;}
.c_banner .pimg {position:relative;}
.c_banner .pimg::after {content:"";position:absolute;left:0;top:0;width:40%;height:100%;}
.act .load-img {-webkit-animation:nextSlide 2s cubic-bezier(0.25,0.46,0.45,0.94) both 0.3s;-moz-animation:nextSlide 2s cubic-bezier(0.25,0.46,0.45,0.94) both 0.3s;-o-animation:nextSlide 2s cubic-bezier(0.25,0.46,0.45,0.94) both 0.3s;animation:nextSlide 2s cubic-bezier(0.25,0.46,0.45,0.94) both 0.3s;}
.pbanenr-desc {position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);color:#fff;}
.pbanenr-desc .t1 {line-height:1.2;margin-bottom:35px;text-shadow:0 0 5px rgba(0,0,0,.3);}
.pbanenr-desc .t2 {position:relative;text-shadow:0 0 5px rgba(0,0,0,.2)}
.pbanenr-desc .t2 .ico {margin-left:10px;position:absolute;line-height:1;top:-2px;-webkit-animation:mouse-dot 1.5s cubic-bezier(0.23,1,0.32,1) infinite;-moz-animation:mouse-dot 1.5s cubic-bezier(0.23,1,0.32,1) infinite;-o-animation:mouse-dot 1.5s cubic-bezier(0.23,1,0.32,1) infinite;animation:mouse-dot 1.5s cubic-bezier(0.23,1,0.32,1) infinite;}
.class_subnav {margin-top:-57px;position:relative;border-top:1px solid rgba(255,255,255,0.3);background-color:rgba(0,0,0,0.5);}
.class_subnav_d a:link,.class_subnav_d a:visited {color:#fff;}
.class_subnav_d a:active,.class_subnav_d a:hover {color:#fff;}
.class_subnav_d ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;}
.class_subnav_d li {margin-right:40px;}
.class_subnav_d li:last-child {margin-right:0;}
.class_subnav_d a {position:relative;height:56px;line-height:56px;padding:0 32px;display:block;z-index:1;overflow:hidden;}
.class_subnav_d a::before {content:"";width:100%;height:100%;background-color:#1DAB38;position:absolute;left:0;bottom:0;-moz-transform-origin:100%;-ms-transform-origin:100%;-o-transform-origin:100%;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.4,0,0.2,1);transition:-webkit-transform 0.3s cubic-bezier(0.4,0,0.2,1);-o-transition:-o-transform 0.3s cubic-bezier(0.4,0,0.2,1);-moz-transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),-moz-transform 0.3s cubic-bezier(0.4,0,0.2,1);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),-webkit-transform 0.3s cubic-bezier(0.4,0,0.2,1),-moz-transform 0.3s cubic-bezier(0.4,0,0.2,1),-o-transform 0.3s cubic-bezier(0.4,0,0.2,1);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;z-index:-1;}
.class_subnav_d a.active:before {-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-moz-transform-origin:0;-ms-transform-origin:0;-o-transform-origin:0;transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;}
.class_subnav_d a::after {position:absolute;font-size:80px;line-height:1;display:block;left:50%;top:50%;-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);opacity:0;color:#fff;color:rgba(255,255,255,0.1);transition:0.4s cubic-bezier(0.09,0.34,0.63,1);-webkit-transition:0.4s cubic-bezier(0.09,0.34,0.63,1);}
.class_subnav_d a.active::after {opacity:1;-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);}
.page-padding {padding:90px 0;}

/** about **/
.c_about_jj{ padding: 100px 280px 50px; box-sizing: border-box;align-items: flex-start; position: relative;}
.c_about_jj .slg{ position: absolute; left: 0; bottom: 0;z-index:-1;}
.c_about_jj .slg img{ display: block; width: 900px;}
.c_about_tit{ flex-shrink: 0;}
.c_about_tit h3{ font-size: 3.125vw; font-weight: bold; color: #000;line-height: 3.5vw;}
.c_about_tit h4{ font-size: 18px; color: #888888; margin-top: 10px; font-weight: bold;}
.c_about_jj .conwarp{ width:35.41666vw; margin-left: auto; padding: 0 1vw 0;}
.c_about_jj .conwarp .desc{font-size: 16px;color: #444444;line-height: 30px;}
.c_about_jj .conwarp .desc p{margin:0 0 9px!important;font-size: 16px;text-indent:2em; line-height:30px;}

.c_about_main{background: #F6F6F6;padding: 5vw 5vw;}
.c_about_shuzi{ }
.c_about_shuzi ul{ display: flex; justify-content: center;}
.c_about_shuzi li{ display: flex;align-items: flex-start; margin: 0 1.5vw;}
.c_about_shuzi li .icon{ flex-shrink: 0; display: block; margin-right: 1.5vw; font-size:45px; padding:0.3vw; line-height:1.1;color: #1DAB38;}
.c_about_shuzi li h3{font-size: 20px;font-weight: bold;color: #666;line-height:2.6vw;}
.c_about_shuzi li em{ display: inline-block; margin-right: 10px;font-size: 2.91666vw;font-weight: bold;color: #CA2F2F;line-height:2.6vw;}
.c_about_shuzi li h4{color: #666;line-height: 28px; font-size: 16px; width: 12.5vw; border-top: 1px solid #C3CCDC; padding-top: 1vw; margin-top: 1vw;}

/* swiper */
.swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container {margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-container-fade .swiper-slide{pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-fade .swiper-slide{pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.swiper-vertical>.swiper-wrapper {flex-direction: column;}
.swiper-grid-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column;}
.swiper-pointer-events {touch-action: pan-y;}
.swiper-grid>.swiper-wrapper {flex-wrap: wrap;}

.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.c_about_wh_btn span{ overflow: hidden; display: inline-block;transition: ease 1s; cursor: pointer; outline: none;border-radius: 50%; text-align: center; position: relative; font-weight: bold; margin-left: 10px; color: #1DAB38; }
.c_about_wh_btn .iconfont{border: 2px solid #FFF; display: inline-block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;transition: ease 1s;}
.c_about_wh_btn span::after{ content: ""; display: block; width: 110%; height: 0; position: absolute; left: -5%; bottom: 0; background: #1DAB38; position: absolute; left: 0; bottom: 0; transition: ease 1s;z-index: -1;} 
.c_about_wh_btn span:hover::after{ height: 100%;z-index: -1;}
.c_about_wh_btn span:hover .iconfont{ color: #FFF; border-color: #1DAB38;}

.c_about_wh{ position: relative;}
.c_about_wh_main{ width: 100%;height: 45.83333vw; overflow: hidden;}
.c_about_wh_main li{ position: relative;display: flex; align-items: center; color: #fff; padding: 0 8.3vw; box-sizing: border-box; }
.c_about_wh_main li .imgbg{ position: absolute; left: 0; top: 0; z-index: -1;}
.c_about_wh_main li h3{ font-size: 2.6vw;line-height: 2.6vw; font-weight: bold;}
.c_about_wh_main li h4{line-height: 28px; font-size: 16px; margin: 3vw 0; width: 30vw;}
.c_about_wh_main .c_about_wh_btn .iconfont{  border: none; z-index: 1; font-size: 26px;}
.c_about_wh_main .c_about_wh_btn .cir{ margin-left: 0; margin-right: 1vw;background: #fff; transition: ease .6s;}
.c_about_wh_main .c_about_wh_btn .cir:hover{ background: none;}
.c_about_wh_ico{width: 83.33333vw; position: absolute; left: 50%; transform: translate(-50%); z-index: 2; bottom: 0;background: rgba(255,255,255,.9);border-radius: 20px 20px 0px 0px;}
.c_about_wh_ico ul{ display: flex; height: 8.3vw; align-items: center;}
.c_about_wh_ico li{ flex: 1; text-align: center; cursor: pointer; }
.c_about_wh_ico li .icon{ height: 40px; width: 40px;overflow: hidden; margin: 0 auto; margin-bottom: 10px; font-size: 36px;line-height: 1.2;}
.c_about_wh_ico li.active .icon { color: #1DAB38;}
.c_about_wh_ico li h3{ font-size: 16px;color: #95A0AD;}
.c_about_wh_ico li.active h3{color: #1DAB38;}

.c_about_lc{ padding: 6.25vw 0; padding-left: 8.3vw; box-sizing: border-box;}
.c_about_lc_main{ display: flex; align-items: flex-start;}
.c_about_lc_y{font-size:12.54166vw;line-height: 13vw; color: #DFEDDB; margin-top: 8vw; position: relative; font-weight:bold; }
.c_about_lc_y::before{ content: ""; display: block; width: 20vw; height: 20vw; background: url(../images/class/c_about_lc_yuan.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 38%; top: 50%; transform: translateY(-50%); animation: rog 20s linear infinite; z-index: -1;}
.c_about_lc_y em{ color: #1DAB38; margin-left:-70px;}
.c_about_lc_fr{ width: 50vw; margin-left: auto; padding-right: 5vw; box-sizing: border-box;}
.c_about_lc_con{ overflow-y: auto; max-height: 38vw; padding-right: 5vw;}
.c_about_lc_con .item:first-child{border-top: 2px solid  #F4F4F4;}
.c_about_lc_con .item{ padding: 1.5vw 0; border-bottom: 2px solid  #F4F4F4;}
.c_about_lc_con .year{font-size: 24px;color: #1DAB38;margin-bottom: 1vw;}
.c_about_lc_con li,.c_about_lc_con p{ display: flex;align-items: flex-start;font-size: 16px;line-height: 32px; color: #666666;}
.c_about_lc_con li span,.c_about_lc_con p strong{font-family: Exo2;color: #000000; display: inline-block; margin-right: 10px;}
.c_about_lc_con li:hover,.c_about_lc_con li:hover span,.c_about_lc_con p:hover strong,.c_about_lc_con p:hover{ color: #1DAB38;}
@keyframes rog{
	0%{ transform: translateY(-50%) rotate(0deg);}
	100%{transform: translateY(-50%) rotate(360deg);}
}
.c_about_lc_fr .z_more{ margin-top: 3vw;}

.c_about_ry_nav{ display: flex; align-items: center;}
.c_about_ry_nav a{ display: inline-block;height: 46px;background: #FFFFFF; margin: 0 10px; min-width: 8vw;text-align: center;box-shadow: 0px 0px 24px 0px #D9D9D9;line-height: 46px;font-size: 16px;border-radius: 23px; padding: 0 15px;}
.c_about_ry_nav a.active,.c_about_ry_nav a:hover{ background: #1DAB38; color: #fff;}

.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}

.z_open_text{ display: none;}
.c_about_ry{background: #F6F6F6; padding: 6vw 8.3vw;box-sizing: border-box;}
.c_about_ry .c_about_ry_nav{ position: relative; top: auto; transform: translate(0); left: auto; margin-left: auto; flex-shrink: 0;}
.c_about_ry .c_about_ry_nav a{min-width: 7vw; text-align: center;}
.c_about_ry_top{ margin-bottom: 4vw;}
.c_about_ry_top .c_about_tit{ width: 60%;}
.c_about_ry_swiper{ overflow: hidden;}
.c_about_ry_warp{ position: relative;}
.c_about_ry_warp .iconfont{width: 46px;height: 46px;background: #FFFFFF;box-shadow: 0px 2px 8px 0px rgba(133,162,192,0.4);border-radius: 50%;line-height: 46px; color: #1DAB38;font-size: 26px; text-align: center; cursor: pointer;outline: none; transition: ease 1s; position: absolute; top: calc(50% - 30px); transform: translateY(-50%);}
.c_about_ry_warp .iconfont:hover{ background: #1DAB38; color: #FFF;}
.c_about_ry_warp .prev{ left: -88px;}
.c_about_ry_warp .next{ right: -88px;}
.c_about_ry_swiper .img{ background: #FFF;border: 2px solid #F0F0F0; height: 17.70833vw; display:flex;align-items: center; justify-content: center; padding: 2vw;box-sizing: border-box;border-radius: 8px;}
.c_about_ry_swiper .img img{ display: block; max-height: 100%; width:auto; max-width:100%;}
.c_about_ry_swiper h3{ text-align: center;font-size: 16px; margin-top: 15px; color: #333; font-weight:normal;}
.c_about_ry_swiper li .img{ position: relative;}
.c_about_ry_swiper li .img::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/class/c_about_ry_bg.png) no-repeat bottom center; background-size: 100% auto; position: absolute; left: 0; bottom: 0; z-index: 1; transition: ease 1s; opacity: 0; pointer-events: none;}
.c_about_ry_swiper li:hover .img::before{ opacity: 1;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important; background: rgb(0, 0, 0); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;   -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,.rebox-button:focus { opacity: 1; background: #1DAB38;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;-webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;-ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;}

/** product **/
.c_pro_list li:hover .gbtls {color: #fff;}
.gbtls:hover i,.c_pro_list li:hover .gbtls i {background: url(../images/class/arrow-orange.png) no-repeat;background-size: contain;}
.c_pro_list li:hover .gybtn i {animation: move 1s infinite;}
@keyframes move {
	0% {transform: translateX(0);}
	50% {transform: translateX(-6px);opacity: 0.8;}
	100% {transform: translateX(0);}
}
.gbtls {color: #1DAB38;border: 1px solid #1DAB38;}
.gbtls:before {background: #1DAB38;}
.gbtls i {background: url(../images/class/arrow-orange2.png) no-repeat;background-size: contain;}
.gybtn {position: relative;display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;cursor: pointer;z-index: 3;}
.gybtn:hover:before,.c_pro_list li:hover .gbtls:before {width: 100%;}
.gybtn:before {content: "";	position: absolute;	left: 0;top: 0;	width: 6px;height: 100%;transition: 0.45s;z-index: -3;}
.gybtn i {display: inline-block;vertical-align: text-top;width: 18px;height: 18px;margin-left: 10px;transition: 0.35s;}

.c_pro_list {padding: 0 0 70px 0;}
.c_pro_list li {position: relative;padding: 20px 0;margin-top: 50px;z-index: 3;}
.c_pro_list li:hover:before {height: 100%;}
.c_pro_list li:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #F7F7F7;transition: 0.45s;z-index: -3;}
.c_pro_list li:nth-of-type(odd) .alpic {float: right;}
.c_pro_list li:nth-of-type(odd) .alwz {float: left;}
.c_pro_list li:nth-of-type(even) .alpic {float: left;}
.c_pro_list li:nth-of-type(even) .alwz {float: right;}
.alpic {width: 40%;overflow: hidden;}
.alpic img {display: block;width: 100%;}
.alwz {width: 60%;box-sizing: border-box;padding: 50px 50px 0;}
.awbt {display: block;color: #333333;font-size: 30px;line-height: 1.5;}
.aweng {position: relative;display: block;color: #999999;font-size: 18px;text-transform: uppercase;padding-bottom: 15px;}
.aweng:before {content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background: #1DAB38;}
.awms {color: #666666;font-size: 16px;margin-top: 40px;}
.awbtn {margin-top: 70px;}


.c_pro_main {min-height:100%;background:#F6F6F6}
.c_pro_main .c_pro_main_cont:after {content:'';display:block;clear:both}
.c_pro_main .c_pro_main_list {margin-right:-5px}
.c_pro_main .c_pro_main_list_li {float:left;margin-bottom:10px;padding-right:5px;width:32.90%}
.c_pro_main .c_pro_main_list_li a {display:block;overflow:hidden;position:relative;z-index:1;padding:10px 20px;height:380px;background:#FFF}
.c_pro_main .c_pro_main_list_li a:hover {z-index:3}
.c_pro_main .c_pro_main_list_li a:hover .c_pro_main_list_pic .bg {-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}
.c_pro_main .c_pro_main_list_li a:hover .c_pro_main_list_tit .n {visibility:hidden;opacity:0}
.c_pro_main .c_pro_main_list_li a:hover .c_pro_main_list_info {visibility:visible;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
.c_pro_main .c_pro_main_list_pic {margin:10px 0;overflow:hidden}
.c_pro_main .c_pro_main_list_pic img {display:none;width:100%}
.c_pro_main .c_pro_main_list_pic .bg {display:block;height:300px;background:no-repeat center center;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.c_pro_main .c_pro_main_list_tit {border-top:1px solid #eee;padding:20px 0 0;}
.c_pro_main .c_pro_main_list_tit .n {font-size:18px;line-height:20px;text-align:center;color:#333;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.c_pro_main .c_pro_main_list_info {position:absolute;top:0;left:0;z-index:3;padding:35px 10%;width:80%;height:100%;color:#fff;visibility:hidden;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}
.c_pro_main .c_pro_main_list_info:before {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#1DAB38;opacity:.92;content:''}
.c_pro_main .c_pro_main_list_info .t {font-size:24px;line-height:25px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.c_pro_main .c_pro_main_list_info .cont {margin:20px 0 15px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);padding:25px 0;line-height:25px}
.c_pro_main .c_pro_main_list_info .c {height:200px;font-size:14px;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:8;-webkit-box-orient:vertical}
.c_pro_main .c_pro_main_list_info .m {display:block;width:15px;height:15px;background:url(../images/class/j.png) no-repeat center center}
.c_pro_main .c_pro_main_list_info .m:hover {-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}

.c_pro_show_top {padding: 50px 40px 60px 40px;background: #FFF;margin-bottom: 40px;}
.c_pro_show_pic {float: left;width: 55%;}
.c_pro_show_pic img {display: block;width: 100%;}
.c_pro_show_tit {float: right;width: 41%;}
.c_pro_show_name {color: #464646;font-size: 26px;}
.c_pro_show_info_line {display: block;padding: 10px 0;color: #464646;font-size: 18px;border-bottom: 1px solid #D2D2D2;}
.c_pro_show_info_line.active .pyjicon {height: 3px;background: url(../images/more-zk.png) no-repeat;margin-top: 14px;}
.c_pro_show_info p {margin-top: 15px; color: #333; font-size: 17px; line-height:30px;}
.c_pro_show_info_btn {margin-top: 30px;}
.c_pro_show_info_btn a {display: block;float: left;width: 240px;height: 50px;text-align: center;color: #fff;font-size: 20px;line-height: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.c_pro_show_info_btn_a {background: #1DAB38;}
.c_pro_show_info_btn_a:hover {background: #FF6600;}
.c_pro_show_info_btn a i {display: inline-block;vertical-align: middle;font-size: 22px;}
.c_pro_show_info_btn_a i {margin-right: 10px;}
.c_pro_show_con {margin-top: 24px;}
.c_pro_show_con_tit {background: #1DAB38;padding: 5px 55px;color: #FFF;font-size: 22px;}
.c_pro_show_con_box {background: #FFF;padding: 30px 55px;color: #333;}
.c_pro_show_con_box img{margin:0 auto;display: block;max-width: 1000px !important;height: auto !important;}
.c_pro_show_con_box p{margin:0 0 9px!important;font-size: 18px;text-indent:2em; line-height:35px;}


/** page **/
.c_pages {padding:50px 0 0;line-height:1;text-align:center}
.c_pages .next,.c_pages .pages-item,.c_pages .prev {display:inline-block;margin:0 2px;font-size:14px;line-height:20px;vertical-align:top;background:#666;color:#fff;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.c_pages .next:hover,.c_pages .pages-item:hover,.c_pages .prev:hover {background:#1DAB38}
.c_pages .pages-item {padding:10px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.c_pages .pages-item.active {background:#1DAB38}
.c_pages .next,.c_pages .prev {padding:10px 15px}

/** mews **/
.c_news {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-left: -3%;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.c_news li {width: 30.33%;margin-left: 3%;margin-bottom: 3.5%;position: relative;height: 100%;transition: 0.3s cubic-bezier(0.09, 0.34, 0.63, 1);-webkit-transition: 0.3s cubic-bezier(0.09, 0.34, 0.63, 1);}
.c_news .desc {position: relative;background-color: #fff;-webkit-box-shadow: 0 10px 30px rgba(11, 48, 142, 0.08);box-shadow: 0 10px 30px rgba(11, 48, 142, 0.08);padding: 70px 8% 90px;transition: 0.3s cubic-bezier(0.09, 0.34, 0.63, 1);-webkit-transition: 0.3s cubic-bezier(0.09, 0.34, 0.63, 1);}
.c_news .timeBox { color: #666666;margin-bottom: 25px;}
.c_news .timeBox .day {display: block;line-height: 0.9;}
.c_news .timeBox .year {padding-left: 5px;}
.c_news .title {font-weight: bold;color: #222222;line-height: 1.5;margin-bottom: 25px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 18px;height: 54px;overflow: hidden;}
.c_news .c {margin-bottom: 35px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 75px;overflow: hidden;}
.c_news .img {background-position: center center;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;transition: 0.3s cubic-bezier(0.09, 0.34, 0.63, 1);-webkit-transition: 0.3s cubic-bezier(0.09, 0.34, 0.63, 1);margin-bottom: 35px;}
.c_news .more {font-size: 15px;}
.pc_news {-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.pc_news li {margin-bottom: 0;}
.pc_news .desc { margin-bottom: 12%;}
.mc_news {display: none;}


.c_news_txt li {position:relative;padding:45px 0;}
.c_news_txt li:before {content:"";width:100%;height:0;background:#F8F8F8;position:absolute;left:0;bottom:0;transition:0.4s;z-index:-1;}
.c_news_txt li:hover:before,.c_news_txt li.active:before {height:100%;bottom:auto;top:0;}
.c_news_txt .w1400 {position:relative;}
.c_news_txt .w1400::before {content:"";position:absolute;height:100%;background-color:#DFDFDF;width:4px;z-index:1;transition:0.3s;-webkit-transition:0.3s;}
.c_news_txt .desc {width:90%;margin-left:10%;}
.c_news_txt .title {font-size:18px;color:#222222;font-weight: bold;margin-bottom:20px;line-height:1.5;transition:0.3s;-webkit-transition:0.3s;}
.c_news_txt .c {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.c_news_txt .timeBox {width:85px;text-align:center;position:absolute;left:20px;padding:5px 0;color:#999999;transition:0.3s;-webkit-transition:0.3s;}
.c_news_txt .timeBox .day {display:block;line-height:1.4;}
.c_news_txt .timeBox .year {border-top:1px solid #999999;padding-top:4px;margin-top:4px;}

.c_news {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;}
.c_news_con_tit {font-weight:normal;color:#333333;border-bottom:1px solid #EFEFEF;padding:80px 6% 45px;margin-bottom:45px;}
.c_news_con_tit .num {margin-top:10px;}
.c_news_con {background-color:#fff;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-bottom:90px;}
.c_news_con .pageC {width:88%;margin:0 auto;font-size:18px;}
.pageC p{margin:0 0 9px!important;font-size: 18px;text-indent:2em; line-height:35px;color:#333333;}
.pageC img{margin:5px auto;display: block;max-width: 100% !important;height: auto !important;}

.c_news_con_pg {border-top:1px solid #EAEAEA;padding:30px 5% 0;margin-top:45px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.c_news_con_pg .btn {color:#333333;}
.c_news_con_pg .btn i {color:#000;}
.c_news_con_pg .btn:hover {color:#1DAB38;}
.c_news_con_pg .btn:hover i {color:#1DAB38;}


.c_contact_title {font-size: 40px;line-height: 1;padding-bottom: 20px;margin-bottom: 20px;}
.c_contact_title .ch {font-size: 40px;margin-bottom: 20px; color:#333; font-weight:bold;}
.c_contact_title .en {font-size: 15px;text-transform: uppercase;}
.c_contact {background-color:#fff;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:30px;}
.c_contact .flx { margin-top: 50px; margin-bottom: -30px;}
/*
.c_contact .flx .col-content {padding: 16px;margin-bottom: 30px;border-right: 1px solid #e8e8e8; color:#333;}
.c_contact .flx .col-content > .circle {width: 48px; height: 48px; text-align: center;line-height: 48px; background-color: #1DAB38;color: #fff;margin-bottom: 40px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.c_contact .flx .col-content > .circle > .iconfont {font-size: 32px;}
.c_contact .flx .col-content > .name {font-size: 20px; margin-bottom: 16px;}
.c_contact .flx .col-content > .padding {height: 20px;}
.c_contact .flx .col-content > .title {font-size: 16px;}
.c_contact .flx .col-content > .value {font-size: 16px;}
.c_contact .flx .col-content > .tip {font-size: 0.8em;opacity: 0.7;}
.c_contact .flx > .col-item:last-child > .col-content {border: 0 none;}
.c_contact .flx .col-content > .title a:link, .c_contact .flx .col-content > .title a:visited { color: #333;}
.c_contact .flx .col-content > .title a:active, .c_contact .flx .col-content > .title a:hover { color: #1DAB38;}
*/
.c_contact .flx .col-content {padding: 16px;margin-bottom: 30px;border-right: 1px solid #e8e8e8;color:#333;display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
.c_contact .flx .col-content > .circle {width: 48px;height: 48px;text-align: center;line-height: 48px;background-color: #1DAB38;color: #fff; border-radius: 50%;flex-shrink: 0;}
.c_contact .flx .col-content > .circle > .iconfont {font-size: 32px;}
.c_contact .flx .col-content > .name {font-size: 20px;margin: 0; font-weight:bold;}
.c_contact .flx .col-content > .padding { height: 20px;width: 100%;}
.c_contact .flx .col-content > .title {font-size: 16px;width: 100%;margin: 30px 0 0;}
.c_contact .flx .col-content > .value {font-size: 16px;}
.c_contact .flx .col-content > .tip {font-size: 0.8em;opacity: 0.7;}
.c_contact .flx > .col-item:last-child > .col-content {border: 0 none;}
.c_contact .flx .col-content > .title a:link,.c_contact .flx .col-content > .title a:visited {color: #333;}
.c_contact .flx .col-content > .title a:active,.c_contact .flx .col-content > .title a:hover {color: #1DAB38;}

.col-3 .col-item {width: 33.3333%;}
.c_contact_box {font-size: 20px;}

.c_page_dy {background-color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-flex;display:-moz-flex;padding:30px;}
.c_page_dy .imgbox {width:44%;margin-right:6%;}
.c_page_dy .imgbox img {height:100%;-o-object-fit:cover;object-fit:cover;}
.c_page_dy .desc {color:#333333;width:50%;padding-top:3%;}

.c222 {color:#222222;}
.cblue {color:#0B308E;}
.page-padding2 {padding-top:94px;}
.bgf8 {background-color:#F8F8F8;}
