@charset "utf-8";
body{ background:#efefef;}
.container{ width:1008px; margin:0 auto; position:relative;}

.app{ overflow:hidden;position: relative; }
.header{background: none;color: #707070;position: absolute;z-index: 9999;width: 100%;left: 0;top: 0; }
.header.header-default{ position: relative; background: white; padding-bottom: 14px; }
.header .topr-wrap{ padding:30px 0 20px; display:flex;align-items: center;justify-content:space-between; border-bottom: 3px solid #da251d; position:relative;}
.header .topr-wrap:after{position:absolute;content:'';background:#25155f;height:3px;width:150px; bottom:-3px;right:0;}
.header .logo{ display:block;}
.header .topr-a{ min-width:246px;display: flex;align-items: center;justify-content: space-between;}
.header .topr-a .luang{ float:left; margin-left:18px;}
.header .topr-a .luang a{ color:#707070; font-size: 14px;}
.header .topr-a .luang a.curr{color:#da251d;}
.header .search{ width:119px; height:15px; border-bottom:1px solid #fff; float:left;}
.header .search .text{ border:none; background: none; color:#fff; font-size:11px; height:15px; line-height:15px; width:100px; float:left;}
.header .search .submit{ border:none; width:16px; height:15px; float:right; background:url(../images/sousou.png) center center no-repeat;}

.header #search {float:right;padding:0 5px;margin: 0 20px 0 10px;}
.header #search .search-input-wrapper {padding:0;border-radius:4px;width:42px;height:42px;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.header #search.active .search-input-wrapper {padding:0 10px 0 40px;background-color:#FFF;width:180px;}
.header #search .search-input { outline: none; -webkit-appearance:none;background-color:transparent;-webkit-tap-highlight-color:transparent;border:0 none;-webkit-box-shadow:none;box-shadow:none;vertical-align:top;height:42px;width:100%;font-size:0;color:#333;}
.header #search.active .search-input {font-size:14px;}
.header #search .search-submit {display:none;}
.header #search .search-icon {border: 1px solid #707070;position:absolute;background-color:transparent;left:0;top:0;width:42px;height:42px;display:block;text-align:center;line-height:32px;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;border-radius:50%;}
.header #search .search-icon .icon {display: inline-block; width:42px;height:42px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAF3klEQVRoQ9WZbYhUVRjH/8+dnaU27EtZJCnVhyyjpMygJMjSohc1gswkxIw2ddu5587WfoiiDbRoYeacM+uabWhhmZUfNF8SsheRjKI0+mChBIkGpVugRbS+zHniLDNy5+6duffOjLIeWIad8zz/5/zuPS/PeYZQR+vu7h5z6tSpx40xk4noSgD2bzwRjQFwiJkP2U8AhwFsVkrtrSNMLBeKZVUyymazDxljZgFoT+IH4CARfWKM2aW1/jChb03zWACe590G4FVmvqfR4ES01RizTGv9baNa1j8SQAjRAeA1AHZ6NKudYGYLsaxRwaoAPT09rceOHXsLwIJaQZj5BztFABwhoiPMPNZxnLH2E8BdEQPc1NrauqC3t/efekFCATo6Oi5Jp9PvAri/ivAaANtSqdSuXC73Z7XgQoirmPlRIpoL4NYqdl8AeEIp9Xs9ECMASkHXEdEdIYK7mblXa705aTDXdecTkX2b9wV9iWgPEc3P5/MHkupWAGSz2fHGmG0AbgwJskFKaZ9kQ00I0QPg5RCRHUqpe5OKVwB4ntfHzM+GiLyjlHoyqXg1+0wms9hxnDeC/czcqbVekSTOGQDXdWcS0achzq8opexTa2oTQjwIYGtA9LDjONPy+bw9AGO1MwBCCDv4mQEvpZTyYinVYRQ2nYhohZSyM67cMEBpga3zO9mFJaWstnPE1Y+0E0J8BWCaz9CeEZO11vsjncsHmRDibQALAwDPSCkH4og0YuO67mwi+tivUTrkXoqjO/wGhBB2ztmEbLidq6dfjieEWA1gkS/+r+l0enKcA46EELcD+DpAu1wp9WKcJ9AMG8/z5jHz+oDWUqXUiJ0qGM8CjNiXiWiqlPL7ZgwujobrupcT0R+BabRSa23zsJrNAlS8PgA/K6UmRTk2u18I8SOAm3y69h4xJyqOBdgBYEbZkJk3aq0fiXJsdr8QYiOAh326e5VSU6LikOd5+5n5Wh/AKq31kijHZvd7njfAzE/7dAeVUpdFxbEA/zHzBT7Ds3LyRg3Edd3lRPSCbycaklJeGOVnp9BRADZ3H27MHGvxRAkn7fc8TzNzxgdwQEo5MUrHAuwBcIvPsSlZZ1TgYL8Q4gMAj/m+/0wpFUxtRshaAHsKzvb17FRKTU86gEbthRBfBm5wa5RST0Xpkuu6/US0NGA4rt4bUlTAsP729vZ0W1vbvwDSSdeiXcTtzPymX5iZF2utK76rZ2BxfYQQdwP4PGA/JU49iWyR6uTJk3/7nW0NR0pp8/Vz0kKygYNKqavjBC8nc/ZpVxSrHMeZlc/ngxeOOJqJbLLZ7M3GGJtSt/k2kpVSysg0wtoPA5QqblsCkbcopfyLO9HA4hq7rrueiOYFpvC8uBU8/40seLGwmmf1UBNCdAN4PQC7XSn1QNwH4L8Tj7hYWBFjzJJCobAqrmBcu0wmM8VxnBEZrzFmRqFQCC7oqrIVVYmQzLTsOF0ptTPu4KLsurq6Li0Wi4NBO2bOaa2fi/Kv2HD8/7iuO5GI7FS6NChCRIuklPbq2VDzPO9OZt4VIrIvlUrNzeVyPyUJMKIy53neHGa2F/yLQoQGjDEDhULBph+JWmdn58WpVMpWG2oVdBNDhNZGs9ns9GKx+B4RjasySnvZ36SU2h5FIYS4opTn28FfH2UPIBFE1eq067pTAawloutqBP0FgK2jHjXGDBLRoK86bXN5Wyq0d+5qbR+AGxqZTjV/H7C1UmburlJujPEwq5sw8+qWlpZ8sVj8qBGIyB847BBKZcfnQyp39UDsK1W411rnrq6uSY1AxAIoj1IIsbBU74990PgIv2PmDadPn17T39//l5+8EYhEAOWgnuddY4yZD8AmfBOqLHa7z9uC2W7Hcd7P5/Pf1Hpd9ULUBRAcSE9PT8vx48cnMPOEdDp9eGho6Le+vr4TSedXPRBNAUg60Ga+iVEHkHRhj0qAJBCjFiAuxKgGiAMx6gFqQAznTOcFQAjEmYTvvAHwQ/jvDf8DGfWVea+txEIAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;background-size:20px;} 
.header #search.active .search-icon{ border:none;}
.header #search .search-icon .icon:hover {opacity:0.5;}
.header #search.active .search-icon .icon {opacity:0.5;}

/*.nav{ float:right; margin-top:14px; margin-right:-22px; _display:inline;}
.nav ul li{ float:left; padding:0px 22px; position:relative; height:37px; line-height:30px;}
.nav ul li.on,.nav ul li.cur{ background:url(../imagesh/on.png) top center no-repeat;}
.nav ul li.on a,.nav ul li.cur a{ color:#000000;}
.nav ul li .subnav{ position: absolute; top:36px; width:106px; background:#060734; z-index:9999;left:50%; margin-left:-53px; display:none;}
.nav ul li a{ font-size:14px; color:#fff;}
.nav ul li ul{ padding:10px 0 5px 10px;}
.nav ul li ul li{ padding:0; float:none; line-height:29px;}
.nav ul li ul li a{ padding-left:13px; background:url(../imagesh/ic-01.png) left center no-repeat; font-size:12px; color:#fff;}
.nav ul li li.on{ background:none;}
.nav ul li.on li a{ color:#fff; }*/
.nav{ margin-top:14px;}
.nav ul{ display:flex;align-items: center;justify-content:space-between;}
.nav ul li{ position:relative; height:37px; line-height:30px;}
/*.nav ul li.on,.nav ul li.cur{ background:url(../imagesh/on.png) top center no-repeat;}*/
.nav ul li.on a,.nav ul li.cur a{ color:#da251d;}
.nav ul li .subnav{ position: absolute; top:36px; width:200px; background:#060734; z-index:9999;left:50%; margin-left:-53px; display:none;}
.nav ul li a{ font-size:14px; color:#25155f;font-weight: 700;}
.nav ul li ul{ padding:10px 0 5px 10px; display:block;}
.nav ul li ul li{ padding:0; float:none; line-height:29px;}
.nav ul li ul li a{ padding-left:13px; background:url(../images/ic-01.png) left center no-repeat; font-size:12px; color:#fff;}
.nav ul li li.on{ background:none;}
.nav ul li.on li a{ color:#fff; }



.model-swiper-wrap {height:auto; position: relative;}
.model-swiper-wrap .swiper-bg {width: 100%;height:auto;min-height: 480px;}
.model-swiper-wrap .swiper-box {position: absolute;z-index: 9;width: 100%;height: 100%;user-select: none;display: flex;align-items: center;pointer-events: none;}
.model-swiper-wrap .head-swiper {transform: translate3d(0,0,0);background-color: #f5f5f5;width: 100%;height: 100%;max-height: inherit;position: absolute;top: 0;left: 0;}
.model-swiper-wrap .head-swiper .slide-item {overflow: hidden;transform: translate3d(0,0,0);position: relative;height: inherit;}
.model-swiper-wrap .head-swiper .slide-item:after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.7), transparent);}

.model-swiper-wrap .head-swiper .slide-item .swiper-content{height: 100%; z-index: 9; }
.model-swiper-wrap .head-swiper .slide-item .swiper-info{ line-height: 1; color: #fff; position: absolute;bottom:60px; right: 0; text-align: right; }
.model-swiper-wrap .head-swiper .slide-item .small-title{ opacity: 0; margin-bottom: 10px; font-size: 24px; text-shadow: 1px 1px 2px #858585;}
.model-swiper-wrap .head-swiper .slide-item .medium-title{ opacity: 0; font-size: 36px; text-shadow: 1px 1px 2px #858585;}
.model-swiper-wrap .head-swiper .slide-item.swiper-slide-active .small-title {opacity: 1; -webkit-animation: fadeInLeft 1.5s; -moz-animation: fadeInLeft 1.5s; animation: fadeInLeft 1.5s; transition: all 1.5s; -webkit-transition: all 1.5s;}
.model-swiper-wrap .head-swiper .slide-item.swiper-slide-active .medium-title {opacity: 1; -webkit-animation: fadeInLeft 1s; -moz-animation: fadeInLeft 1s; animation: fadeInLeft 1s; transition: all 1s; -webkit-transition: all 1s;}


.model-swiper-wrap .head-swiper .slide-item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;object-position: center;}
.model-swiper-wrap .head-swiper .swiper-pagination-bullets {bottom: 36px; text-align: right;}
.model-swiper-wrap .head-swiper .swiper-pagination-bullet{width: 50px; height: 4px; border-radius: 0; background-color: white; opacity: 1;}
.model-swiper-wrap .head-swiper .swiper-pagination-bullet-active{ background-color: #72a422; }


.content{overflow: visible;}

.model-home-menu-wrap{ width:100%; height:95px; margin-top:1px; margin-bottom:24px; position:relative; z-index:1000;}
.model-home-menu-wrap .menu { display: flex; justify-content: space-between; align-items: end; }
.model-home-menu-wrap .menu a{ display: inline-flex ; align-items: center; width:100%; height:95px;transition: .3s linear all;}

.model-home-menu-wrap .menu a .info{ display:block; width: 100%; height:auto; padding:0 10px 0 15px;}
.model-home-menu-wrap .menu a:nth-child(1){ background:#aad433;}
.model-home-menu-wrap .menu a:nth-child(2){ background:#92b92a;}
.model-home-menu-wrap .menu a:nth-child(3){ background:#72a422;}
.model-home-menu-wrap .menu a:nth-child(4){ background:#5d8814;}
.model-home-menu-wrap .menu a:nth-child(5){ background:#aad433;}
.model-home-menu-wrap .menu a:nth-child(6){ background:#72a422;}
.model-home-menu-wrap .menu a:nth-child(7){ background:#5d8814;}
.model-home-menu-wrap .menu a:hover{ margin-top: -12px; height: 107px; }
.model-home-menu-wrap .menu a .info{ display: inline-flex; justify-content: space-between; align-items: flex-end; }
.model-home-menu-wrap .menu a .text{ position: relative; background-color: white; width: calc(100% - 40px); padding:5px;color:#68931f;  font-size:14px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;line-height: 22px;}
.model-home-menu-wrap .menu a .text::after{content: '';position: absolute;width: 0;height: 0;
            right:15px;bottom: -5px; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid white;}
.model-home-menu-wrap .menu a .icon{ transition: .3s all;background-color: #8cab56; background-image: url(../images/arrow-right-circular-white.svg); background-size: 18px; background-repeat: no-repeat; background-position: center; border-radius: 50%; height: 20px; width: 20px;border: 1px solid transparent; }
.model-home-menu-wrap .menu a:hover .icon{ background-size: 20px; border-color: white;   }

.span-tit{display: inline-block; background: #aad433; padding: 8px 0 8px 24px; color: #fff; font-size: 24px; line-height: 1; z-index: 1000; margin: 38px 0 0 8px; min-width: 165px; max-width: 200px;}
.cloumn-a{ width:calc(50% - 12px); float:left; padding-top:6px; background-color:#575850; height:450px; overflow:hidden; position:relative;}
.cloumn-a:after{ content: ''; height: 7px; position: absolute;top: 0; left: 0; width: 200px; background-color: #aad433; }
.cloumn-a:before{ content: ''; height: 7px; position: absolute;top: 0; left: 0; width: 100%; background-color: #888984; }
.cloumn-a .txt{ color:#fff; font-size:14px; line-height:24px; background:#575850; padding:15px; width: 100%; max-height:100px;}
.cloumn-a .txt .more{ font-family:Tahoma, Geneva, sans-serif; color:#aad433;}
.cloumn-a .span-tit{ position:absolute; left:15px; top:0;}
.cloumn-a .home-about-swiper-box{ height: 350px;  position: relative; }
.cloumn-a .home-about-swiper-box .swiper-bg {width: 100%;height: 350px;}
.cloumn-a .home-about-swiper {transform: translate3d(0,0,0);background-color: #f5f5f5;width: 100%;height: 100%;max-height: inherit;position: absolute;top: 0;left: 0;}
.cloumn-a .home-about-swiper-box .slide-item {overflow: hidden;transform: translate3d(0,0,0);position: relative;height: inherit;}
.cloumn-a .home-about-swiper-box .slide-item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;object-position: center;}
.cloumn-a .swiper-button-prev,
.cloumn-a .swiper-button-next{ width:24px; height: 24px; border-radius: 50%; background-color: white;margin-top: calc(0px - 24px / 2); }
.cloumn-a .swiper-button-prev:after,
.cloumn-a .swiper-button-next:after{ font-size: 12px; font-weight: bolder;}

.cloumn-b{ width:calc(50% - 12px); float:right; padding-top:6px;height:450px; background-color: #e6e6e6; overflow:hidden; position:relative;}
.cloumn-b:after{ content: ''; height: 7px; position: absolute;top: 0; left: 0; width: 200px; background-color: #aad433; }
.cloumn-b:before{ content: ''; height: 7px; position: absolute;top: 0; left: 0; width: 100%; background-color: #dfdfdd; }
.cloumn-b ul{ margin:0 13px; padding-top:14px;}
.cloumn-b ul li{ min-height:82px; padding:15px 10px; border-top:1px solid #575850; line-height:24px;}
.cloumn-b ul li a{ display: block; color:#575850; font-size:14px;}
.cloumn-b .more{ font-family:Tahoma, Geneva, sans-serif; color:#aad433; position:absolute; right:24px; bottom:20px; z-index:10;}

.pw100{width: 100%!important;}

.h84{ height:84px;width:100%}
.h42{ height:42px;width:100%}
.h24{ height:24px;width:100%}

.cloumn-c{ width:calc(50% - 12px); background-color: #e6e6e6; float:left; position: relative;height:280px;}
.cloumn-c:after{ content: ''; height: 7px; position: absolute;bottom: 0; left: 0; width: 200px; background-color: #aad433; }
.cloumn-c:before{ content: ''; height: 7px; position: absolute;bottom: 0; left: 0; width: 100%; background-color: #dfdfdd; }
.cloumn-c .qrcode-box{ display: flex ; justify-content: space-evenly;}
.cloumn-c .qrcode-box .item{ min-width: 132px; height: auto; padding-top:50px;text-align: center;}
.cloumn-c .qrcode-box .item .image { width: auto; height: 132px; }
.cloumn-c .qrcode-box .item .info{padding: 10px 0; display: flex ; justify-content: space-between;align-items: center;}
.cloumn-c .qrcode-box .item .info .icon{ width: 32px;height: 24px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: auto 24px; margin-right: 5px;}
.cloumn-c .qrcode-box .item .info .icon.weixin{ background-image: url(../images/icon-weixin.png); }
.cloumn-c .qrcode-box .item .info .icon.weibo{ background-image: url(../images/icon-weibo.png); }
.cloumn-c .qrcode-box .item .info .icon.douyin{ background-image: url(../images/icon-tiktok.png); }
.cloumn-c .qrcode-box .item .info .icon.xiaohongshu{ background-image: url(../images/icon-xiaohongshu.png); }
.cloumn-c .qrcode-box .item .info .icon.qq{ background-image: url(../images/icon-qq.png); }
.cloumn-c .qrcode-box .item .info .icon.facebook{ background-image: url(../images/icon-facebook.png); }
.cloumn-c .qrcode-box .item .info .icon.tuite{ background-image: url(../images/icon-tuite.png); }
.cloumn-c .qrcode-box .item .info .text{  font-size: 16px;line-height: 1;}


.cloumn-d .span-tit{ margin-top:23px;}
.cloumn-d{ width:calc(50% - 12px);float:right; background:#575850 url(../imagesh/bg-5.jpg) bottom left no-repeat; height:280px; position:relative;}
.cloumn-d:after{ content: ''; height: 7px; position: absolute;bottom: 0; left: 0; width: 200px; background-color: #aad433; }
.cloumn-d ul{ padding:4px 14px 0 14px;}
.cloumn-d ul li a{ color:#fff;}
.cloumn-d ul li a:hover{ opacity: 0.8; padding-left: 10px;}
.cloumn-d ul li{color: white; border-bottom:1px dashed #fff; line-height:20px; font-size:14px; padding:7px 0;}
.cloumn-d ul li.last-child{ border:none;}
.cloumn-d .more{ font-family:Tahoma, Geneva, sans-serif; color:#aad433; position:absolute; right:24px; bottom:20px; z-index:10;}

.footer{ background:url(../imagesh/bg-6.jpg) top center no-repeat; overflow:hidden; margin:0 auto;}
.footer .linear-color-block{display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.footer .linear-color-block span{ display: inline-block; height:7px; width: 100%; }
.footer .linear-color-block span:nth-child(1){ background-color: #aad434; }
.footer .linear-color-block span:nth-child(2){ background-color: #92b92a; }
.footer .linear-color-block span:nth-child(3){ background-color: #72a421; }
.footer .linear-color-block span:nth-child(4){ background-color: #5d8814; }
.footer .linear-color-block span:nth-child(5){ background-color: #aad434; }
.footer .linear-color-block span:nth-child(6){ background-color: #72a421; }
.footer .linear-color-block span:last-child{ background-color: #5d8814; }
.footer .flink {display:flex;justify-content: space-between;}
.footer .flink dl{  width:100%; padding-right: 10px;}
.footer .flink dl:last-child{ padding-right: 0px;}
.footer .flink dl dt{ padding-bottom:15px;}
.footer .flink dl dt a{ font-size:16px; color:#575850;}
.footer .flink dl dd{ line-height:28px;}
.footer .flink dl dt a{ color:#575850;}
.footer .copyright{padding: 24px 0; color: #575850; font-size: 13px; text-align: center; border-top: 1px solid #e5e5e5; margin-top: 24px;}
.footer .flink dl dd a{ color:#5c5c5c;font-size: 12px;}
.footer .flink dl dd a:hover{ color:#5d8814;}
.footer .copyright .icp{ margin-left: 24px; }



.ad img{ width:100%;}
.submenu-m{ height:81px; background:rgba(158,205,43,0.85) url(../images/bg-7.png) no-repeat; position:relative; z-index:1000; margin-top:-30px; padding-left: 39px;}

.submenu-m h1{ font-size:36px; font-weight: 400;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:#fff; float:left; line-height:81px; padding: 0 20px; min-width: 180px; background-color: #9ecd2b; margin-right: 20px;}
.submenu-m .submenu-nav{ padding-top:30px;height: 100%; }
.submenu-m .submenu-nav::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */}
.submenu-m ul{ }
.submenu-m ul li{ float:left; margin-right:10px;}
.submenu-m ul li a{ position: relative; display:block; float:left; min-width:120px; padding: 0 5px; text-align:center; line-height:32px; font-size:14px; color:#fff;}
.submenu-m ul li a::before{ position: absolute; content: ''; width: 0; height: 0; left:calc(50% - 5px); bottom: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; opacity: 0; transition:.3s linear all;}
.submenu-m ul li a:hover::before,
.submenu-m ul li a.on::before{ opacity: 1;  }
.submenu-m ul li a:hover{margin-top: -3px; }
.submenu-m ul li a:hover,.submenu-m ul li a.on{ background-color: white; color:#333;}

.title{ padding:45px 0 30px 0; overflow:hidden;}
.title h1{ height: 58px; min-width: 256px; font-size: 26px; line-height: 58px; font-weight: normal; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding-left: 44px; background-image: url(../images/arrow-right-circular-green.svg); background-size: 22px; background-repeat: no-repeat; background-position: 12px center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: left;}

.eidt{ line-height:36px; font-size:15px; color:#565656;}

.event-m{ margin-right:-1px;}
.event-m li{ width:333px; height:293px; float:left; margin:0 1px 1px 0; position:relative;}
.event-m li .txt{ width:307px; height:233px; padding:60px 13px 0 13px; position:absolute; z-index:10; left:0; top:0; background:url(../imagesh/ds-mk.jpg) no-repeat; font-size:12px; display:none;line-height:22px}

.honnr-tab-tit ul{ display: grid;   grid-template-columns:repeat(3, 1fr);gap: 1px; overflow:hidden;}
.honnr-tab-tit ul li{height: 300px; position: relative; display: flex ; justify-content: center; align-items: flex-end; cursor: pointer; padding: 0 32px;}
.honnr-tab-tit ul li .img{ object-fit: cover; object-position: center; max-width: 100%; height:auto; }
.honnr-tab-tit ul li .info{ position: relative; font-size: 32px; color: white; margin-bottom: 145px; letter-spacing: 4px; }
.honnr-tab-tit ul li .info:after{ position: absolute; bottom: -10px; left: -5px; width: calc(100% + 10px); height: 4px; background-color: white; content: ''; }
.honnr-tab-tit ul li .yco{transition: .3s linear all; display:block; width:61px; height:60px; background:url(../images/yco.png) no-repeat; position:absolute; opacity: 0; z-index:10; bottom:52px; left: 0; right: 0; margin: auto;}
.honnr-tab-tit ul li.on .yco{ opacity: 1;}
.honnr-tab-con{ margin-top: 1px; }
.honnr-tab-con ul{ display: none; grid-template-columns:repeat(3, minmax(0, 1fr));gap: 1px;overflow:hidden;}
.honnr-tab-con ul.on{ display: grid; }
.honnr-tab-con ul li{position:relative; background-color: #dcdcdc; height: 300px;}
.honnr-tab-con ul li.brand{ cursor: pointer; }
.honnr-tab-con ul li.brand .logo_name{ height: 208px; display: flex; justify-content: center; align-items: center; }
.honnr-tab-con ul li.brand .logo_name .box{ padding:0 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.honnr-tab-con ul li.brand .logo_name .logo { width: 100%; text-align: center; max-height:70px; }
.honnr-tab-con ul li.brand .logo_name .name{ line-height: 1.6;width: 100%; text-align: center; margin-top: 20px;    font-size: 16px;}
.honnr-tab-con ul li.brand .desc{ transition: .3s linear all;font-size: 16px; color: white; width: 100%; height: 92px; background-color: #888687; display: flex; justify-content: center; align-items: center; position: relative;padding: 0 24px; line-height: 1.6;}
.honnr-tab-con ul li.brand .desc::before {transition: .3s linear all; position: absolute; content: ''; width: 0; height: 0; left: calc(50% - 5px); top: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #888687; transition: .3s linear all; }
.honnr-tab-con ul li.brand:hover .desc{ background-color: #5d8814; }
.honnr-tab-con ul li.brand:hover .desc::before{border-bottom: 5px solid #5d8814;}
.honnr-tab-con ul li.honnr{ display:flex; align-items: center;justify-content: center; }
.honnr-tab-con ul li.honnr .content{ width: 100%; padding: 20px; overflow-y: auto; max-height: 300px;  }
.honnr-tab-con ul li.honnr .content p{font-size: 17px; text-align: center;line-height: 1.6; cursor: pointer; padding: 5px 0; border-bottom: 1px dashed transparent;transition: .3s linear all;}
.honnr-tab-con ul li.honnr .content p:hover{ border-bottom-color: #666; }

.honnr-tab-con ul li.awards{display: flex ; align-items: flex-end; justify-content: center;}
.honnr-tab-con ul li.awards .info{ line-height: 1.6; padding: 20px 30px;width: 100%;margin-bottom: 100px;}
.honnr-tab-con ul li.awards .info .content{ text-align: center; font-size: 18px; }
.honnr-tab-con ul li.awards .info .name{text-align: center; font-size: 13px; border-top: 1px solid #666; margin-top: 5px; padding-top: 10px; }
.honnr-tab-con ul li.awards .info{}

.about-teams{ margin: auto; width: 820px; }
.about-teams ul li{margin-top: 117px; overflow: hidden;}

.about-teams ul li .avatar {width: 200px;}
.about-teams ul li:nth-child(2n) .avatar, .about-teams ul li:nth-child(odd) .desc { float: right; }
.about-teams ul li:nth-child(odd) .avatar {float: left;}
.about-teams ul li .avatar img { opacity: 1; display: block; width: 100%; height: auto; }
.about-teams ul li .desc {width: calc(100% - 280px);display: table-cell;vertical-align: middle;}
.about-teams ul li:nth-child(2n) .desc { float: left; }
.about-teams ul li:nth-child(odd) .desc {float: right;}
.about-teams ul li .desc h2 { height: 40px; font-size: 28px; font-weight: 500; color: #333; line-height: 40px; letter-spacing: 2px; margin: 6px 0; }
.about-teams ul li .desc h3 { color: #565656; font-size: 18px; letter-spacing: 1.3px; white-space: nowrap; line-height: 25px; margin: 6px 0 0 1px; }
.about-teams ul li .desc .underline { width: 100%; height: 2px; background-color: #72a422; margin-top: 18px; }
.about-teams ul li .desc .info { margin: 18px 0; color: #565656; line-height:2; text-align: justify;}


.about-teams-table {width: 100%; margin:0 auto;overflow: hidden;display: flex;}
.about-teams-table ul { margin: auto; display: inline-grid; grid-template-columns: repeat(5, 1fr);gap: 12px;}
.about-teams-table ul li {width: 190px; position: relative;}
.about-teams-table ul li.on{ z-index:1000;}
.about-teams-table ul li .mk {width: 392px;height: 310px;overflow: hidden;background: #72a422;position: absolute;left:202px;top: 0;z-index: 100;display: none;}
.about-teams-table ul li.item-2 .mk{left:-404px;}
.about-teams-table ul li.item-3 .mk{left:auto;right:202px;}
.about-teams-table ul li .mkin {padding: 24px 30px;position: relative;overflow: hidden;}
.about-teams-table ul li .mkin h4 { position: relative; font-size: 24px;margin: 0; padding-bottom:10px; display: inline-block;}
.about-teams-table ul li .mkin h4:after{ position: absolute; bottom: 0; left: 0; content: ''; height:2px; width: 100%; background-color: white; }
.about-teams-table ul li .mkin .p {line-height: 24px;padding-bottom:10px; padding-top:10px; overflow-y: auto; max-height: 200px;}
.about-teams-table ul li .mk .closebtn {position: absolute;top: 24px;right: 30px;cursor: pointer;width: 24px;height: 24px;display: block;z-index: 2000;font-size: 0;text-indent: -9999px;overflow: hidden;background-image: url(../images/icon-close-white.svg);background-repeat: no-repeat; background-position: center; background-size: 24px;}
.about-teams-table ul li a {display: block;position: relative; background:#747474; color:#fff; text-align:center; height:310px;}
.about-teams-table ul li a:hover,.about-teams-table ul li.on a{ background:#72a422;}
.about-teams-table ul li a img {width: 190px;height: 240px;}
.about-teams-table ul li p{ line-height:22px;}
.about-teams-table ul li .name{ padding-top:5px; font-size:14px;}
.about-teams-table ul li .zc{ padding-bottom:5px; font-size:12px;}


.model-tuwen .tuwen_list ul{margin: auto; display: inline-grid; grid-template-columns: repeat(3, 1fr);gap: 5px;}
.model-tuwen .tuwen_list ul li{position: relative;cursor: pointer; }
.model-tuwen .tuwen_list ul li .box{ position: relative;}
.model-tuwen .tuwen_list ul li .icon{ position: absolute; bottom: -32.5px; right: -32.5px; z-index: 5; width: 60px; height: 60px;border-radius: 50%; border: 5px solid white; }
.model-tuwen .tuwen_list ul li .icon:hover{animation: spin 4s linear infinite; border: 5px dashed white;}
.model-tuwen .tuwen_list ul li .bg{ background-color: #9ecd2b;width: 100%;background-position: center; background-repeat: no-repeat; background-size: cover; }
.model-tuwen .tuwen_list ul li .img{ background-color: #9ecd2b;width: 100%;background-position: center; background-repeat: no-repeat; background-size: cover; }

.model-tuwen .tuwen_list ul li .info{ position: absolute;width: 100%; height: 100%; top: 0;left: 0; display: flex; justify-content: center;align-items: center; }
.model-tuwen .tuwen_list ul li .info.layer:after{position: absolute; content: ''; left: 0;top: 0; width: 100%; height: 100%;background-color: rgba(0,0,0,0.1);transition:all 0.3s ease-out; }
.model-tuwen .tuwen_list ul li:hover .info.layer:after{ backdrop-filter:blur(6px); background-color: rgba(0,0,0,.4);}
.model-tuwen .tuwen_list ul li .info .content{ z-index: 1; margin: 20px; font-size:18px; line-height: 32px; text-align:center; overflow-y: auto; max-height:300px;color:#fff;}

.model-tuwen .tuwen_list_2 ul{margin: auto; display: inline-grid; grid-template-columns: repeat(3, 1fr);gap: 1px;}
.model-tuwen .tuwen_list_2 ul li{position: relative;cursor: pointer; }
.model-tuwen .tuwen_list_2 ul li .box{ position: relative; }
.model-tuwen .tuwen_list_2 ul li .cover{ background-color: #9ecd2b;width: 100%;height: 100%; position: absolute; z-index: 9; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;transition: .3s linear all;}
.model-tuwen .tuwen_list_2 ul li:hover .cover{ opacity: 0; z-index: 0; }
.model-tuwen .tuwen_list_2 ul li .bg{ background-color: #dcdcdc;width: 100%; }
.model-tuwen .tuwen_list_2 ul li .info{ position: absolute;width: 100%; height: 100%; top: 0;left: 0; }
.model-tuwen .tuwen_list_2 ul li .info .info-title{margin: 20px 20px 0;display: flex; align-items: center; justify-content: space-between;}
.model-tuwen .tuwen_list_2 ul li .info .info-title .text{ margin-left: 20px; font-size: 18px; color: #507a11; font-weight: 900; }
.model-tuwen .tuwen_list_2 ul li .info .icon{flex-shrink: 0;width: 38px;border-radius: 50%; border:2px dashed transparent;}
.model-tuwen .tuwen_list_2 ul li:hover .info .icon {animation: spin 4s linear infinite; border-color: white;}
.model-tuwen .tuwen_list_2 ul li .info .content{ z-index: 1; margin: 20px; font-size: 14px; line-height:24px; overflow-y: auto; max-height:190px;color:#565656;font-family: SimSun;}

.model-content{}
.model-content .content{ line-height: 36px; font-size: 15px; color: #565656; }

.model-product-show{}
.model-product-show .product-show{ position: relative; }
.model-product-show .product-show.vertical-line{border-left: 4px solid #5d8814;}
.model-product-show .product-header{ display: flex ; align-items: center; min-height: 78px; width: 60%; background: #5d8814; padding: 12px 12px 12px 38px;    margin-bottom: 60px;}
.model-product-show .product-title{ font-size: 32px;color: #FFF;font-family:SimSun;    font-weight: 400;}
.model-product-show .product-main{ }
.model-product-show .product-main .content-item{padding-bottom: 60px; }
.model-product-show .product-main .content-item:last-child{ padding-bottom: 0; }
.model-product-show .product-main.product-main-lr{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));gap: 0px; }
.model-product-show .product-main.product-main-lr .content-item{ padding:0px 38px 60px; }

.model-product-show .content-item .item-title{color: rgb(103, 143, 35); font-size: 24px; line-height: 1.6; padding: 10px 0; font-family: SimSun;}
.model-product-show .content-item .item-main{ font-size: 15px; line-height: 2;color: #565656;font-family: SimSun;}
.model-product-show .content-item .company-title{font-family:SimSun; margin-top: 40px; color: #5b5c5a; font-size: 14px; font-weight: 700; }
.model-product-show .content-item .company-line{margin-top: 10px;}
.model-product-show .content-item .company-line a{ transition:all 0.3s ease-out;line-height:2; color: #678f23; font-size: 14px;}
.model-product-show .content-item .company-line a span{font-family:SimSun; }
.model-product-show .content-item .company-line a i{transition:all 0.3s ease-out;margin-left: 5px; display: inline-block;}
.model-product-show .content-item .company-line a:hover{ color: #9ecd2b; }
.model-product-show .content-item .company-line a:hover i{ margin-left: 10px; }
.model-product-show .product-footer{ }
.model-product-show .product-icon{margin-left: -4px; margin-bottom: -36.5px; position: absolute; bottom: 0; left: 0;}

.article-list{ overflow:hidden;}
.article-list ul{ margin: auto; display: inline-grid; grid-template-columns: repeat(3, 1fr);gap: 1px;}
.article-list ul li{ float:left; margin:0 1px 1px 0; position:relative;}
.article-list ul li a{ display:block; background:#747474; color:#fff;}
.article-list ul li .thumb{ background-size: cover; background-repeat: no-repeat;background-position: center; }
.article-list ul li .meta{ display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; } 
.article-list ul li .meta .meta-title{ position: relative; width: calc(100% - 80px);  line-height: 1.6; min-height: 45px;display: flex ; align-items: center;}
.article-list ul li .meta .meta-title:after{ position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; background-color: white; content: ''; }
.article-list ul li .meta .meta-more{ line-height: 1; width: 55px; display: inline-flex; justify-content: space-between; align-items: center;}
.article-list ul li .meta .meta-more .icon{  width: 16px; height: 16px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 16px; background-image: url(../images/arrow-right-circular-white.svg); }
.article-list ul li .txt{ line-height:1.6; margin:19px 0 0 23px; border-bottom:1px solid #fff; }
.article-list ul li .more{ line-height:1.6; position:absolute; right:18px; bottom:30px; padding-right:18px; background:url(../imagesh/mm.png) right center no-repeat;}
.article-list ul li a:hover{ background:#b9da5b;}

.article-list-text{ }
.article-list-text ul li{ line-height:32px;}
.article-list-text ul li.docment-list{ line-height: 42px; border-bottom: 1px solid #e6e6e6; }
.article-list-text ul li.docment-list:last-child{border-bottom: none;}
.article-list-text ul li a{ color:#575850; position: relative; display: flex; align-items: center; padding-left: 24px;}
.article-list-text ul li a span.text-title{ display: inline-block; max-width: calc(100% - 32px); }
.article-list-text ul li a span.docment-date{display: inline-block; min-width: 80px; max-width: 120px; color: #5d8814; margin-right: 10px; font-weight: 700;}
.article-list-text ul li a span.docment--title{ display: inline-block; max-width: calc(100% - 152px); }
.article-list-text ul li a i{ display: inline-block; margin-left: 5px;transition: .3s linear all; }
.article-list-text ul li a:after{ position: absolute;width:14px;height: 12px; background-color: #666; content: ''; left: 0; top: 0; bottom: 0;margin: auto;transition: .3s linear all;}
.article-list-text ul li a:hover i{ margin-left: 15px; }
.article-list-text ul li a:hover:after{ background-color:#72a421; }
.article-list-text ul li a:hover{ color:#72a421;}

.article-more-wrap{ border-bottom: 1px solid #5d8814; transition: .3s linear all;}
.article-more-wrap:hover{  border-bottom-style:dotted; }
.article-more-wrap .more-btn{ background-color:#5d8814; color: #fff; display: inline-block; line-height:38px; min-width: 135px; padding: 0 20px; text-align: center;}
.article-more-wrap .more-btn:hover{ background-color:#72a421; }


.page-navigation-wrap{padding: 25px 0 50px;}
.page-navigation-wrap a{display: inline-block; min-width: 35px; height: 35px; padding: 0 5px; border-radius: 3px; color: #747474; line-height: 35px; margin: 0 1px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.page-navigation-wrap a.prev,.page-navigation-wrap a.next{ width:65px; text-align:center; color:#747474;}
.page-navigation-wrap a.current,.page-navigation-wrap a:not(.previous):not(.next):hover{ background:#5d8814; color:#fff;}


.article-show{ padding: 0 10px;margin:0 auto;}
.article-show .article-header{border-bottom: 1px solid #747474; padding-bottom: 10px;}
.article-show .article-title{min-width: 450px; padding: 0 24px;text-align: center;font-size: 24px; line-height:1.5; color: #747474; margin: 0 auto; font-weight: bold;}
.article-show .join-title{ padding: 0; text-align: left; }
.article-show .article-meta{ text-align: center; color: #666; margin-top: 15px;}
.article-show .article-detail{padding-top: 40px; padding-bottom: 60px; line-height: 30px; font-size: 14px; color: #747474;}
.article-show .article-page{padding: 60px 0 0 185px; line-height: 30px; color: #747474; border-top: 1px solid #747474;}
.article-show .article-page a{}
.article-show .article-page a i{margin-left: 5px; transition: .3s linear all; }
.article-show .article-page a:hover i{transition: .3s linear all; margin-left: 15px; }
.article-show .detit{ border-bottom:1px solid #747474; padding-bottom:10px;}
.article-show .detit h1{ font-size:24px; line-height:36px; color:#747474; width:430px; margin:0 auto; font-weight:bold;}
.article-show .name{ text-align:center; padding:11px 0;}
.article-show .detxt{ padding-top:40px; padding-bottom:60px; line-height:30px; font-size:14px; color:#747474;}

.article-show .swiper-show{ padding:5px; background-color: white;max-width: 768px; margin: auto; }
.article-show .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.article-show .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.article-show .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.article-show .swiper-slide { cursor: pointer; background-size: cover; background-position: center; }
.article-show .article-big-swiper { height: 80%; width: 100%; }
.article-show .article-swiper-title{ position: absolute; bottom: -42px; left: 0; width: 100%; height:42px; display: flex; align-items: center; color: white; font-weight: bold;background: #72a41f; opacity: 0.5; padding: 0 1em; font-size: 14px; transition: .3s linear all;}
.article-show .article-big-swiper .swiper-slide-active .article-swiper-title{ bottom: 0; opacity:1;  }
.article-show .article-small-swiper-box{ position: relative; }
.article-show .article-small-swiper { height: 20%; width: calc(100% - 88px); margin:5px auto 0; }
.article-show .article-small-swiper .swiper-slide { cursor: pointer;width: 25%; height: auto; opacity: 0.4; }
.article-show .article-small-swiper .swiper-slide-thumb-active { opacity: 1; }
.article-show .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.article-show .swiper-button-prev,.article-show .swiper-button-next { color:#72a41f; cursor: pointer;}
.article-show .swiper-button-prev{ left: 5px; }
.article-show .swiper-button-next { right: 5px; }
.article-show .swiper-button-prev:after,.article-show .swiper-button-next:after{font-size: 32px; font-weight: 100;}



/*.newsde .detxt p{ text-indent:2em;}*/
.back{ display:block; float:right; line-height:81px;}
.debtn{ padding:60px 0 0 185px; line-height:30px; color:#747474; border-top:1px solid #747474;}
.debtn a{ font-size:14px; color:#747474;}
.debtn a:hover{ color:#72a421;}


.hdong{ overflow:hidden;}
.hdong ul{ margin-right:-1px; overflow:hidden;}
.hdong ul li{ float:left; width:333px; margin:0 1px 25px 0; position:relative;}
.hdong ul li a{ display:block; height:294px; background:#747474; color:#fff;}
.hdong ul li .txt{ line-height:18px; width:235px; margin:30px 0 0 23px; border-bottom:1px solid #fff; padding-bottom:5px;}
.hdong ul li .more{ position:absolute; right:18px; bottom:30px; padding-right:18px; background:url(../images/mm.png) right center no-repeat;}
.hdong ul li a:hover{ background:#b9da5b;}


.job-list .menu_list{width:100%;}
.job-list .menu_head{ margin-top: 5px; height:55px;line-height:55px;padding-left:25px;font-size:14px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;font-weight:bold;background:#f9f9f9;}
.job-list .menu_head:after{ position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; display: inline-block; text-align: center; content: '+'; line-height: 32px; font-size: 18px; }
.job-list .menu_list .current{background:#aad434; color:#fff;}
.job-list .menu_list .menu_head.current:after{content: '-'; }
.job-list .menu_body{line-height:36px;border-bottom:1px solid #e1e1e1; padding:25px;background: #ffffff;}

.join-items{}
.join-items ul{width: 100%;margin: auto; display: inline-grid ; grid-template-columns:1fr; gap: 5px;}
.join-items a{ display: block; padding: 24px 32px; background-color: white; min-height:94px;  }
.join-items a:hover{background:#fafafa;}
.join-items .item-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.join-items .item-title{ font-size: 16px;color: #2b3c4d; }
.join-items a:hover .item-title{color: #5d8814;}
.join-items .item-salary{ font-size: 16px; color:#d7322b; }
.join-items .item-footer{display: flex; justify-content: space-between; align-items: center;}
.join-items .item-tags{ font-size: 12px; color:#666; }
.join-items .item-line{margin: 0 8px; height: 0.8em; width: 1px; background-color: #d7d7d7; display: inline-block; }
.join-items .item-date{ font-size: 12px; color:#b0adab; }
.job-list-page-navigation-wrap{padding: 0; margin-top:5px; }
.job-list-page-navigation-wrap .page-navigation{background-color: white; padding: 24px 32px;}

.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
.modal-overlay.active{opacity:1;pointer-events:all;}
.modal-overlay .modal{background:white;width:90%;max-width:500px;position:relative;overflow:hidden;border:1px solid #ddd;}
.modal-overlay .modal-header{background:#5d8814;color:white;padding:15px;text-align:center;position:relative;}
.modal-overlay .modal-header h2{font-size:18px;font-weight:600;}
.modal-overlay .close-btn{position:absolute;top:12px;right:15px;background:none;border:none;color:white;font-size:20px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.modal-overlay .close-btn:hover{background:rgba(0,0,0,0.1);}
.modal-overlay .modal-body{padding:20px;}
.modal-overlay .form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;}
.modal-overlay .form-row-bottom{ margin-bottom:15px; }
.modal-overlay .form-group{flex:1 1 calc(50% - 15px);min-width:200px;text-align:left;}
.modal-overlay .form-group.full-width{flex:1 1 100%;}
.modal-overlay .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px;}
.modal-overlay .form-group label .required{color:#e74c3c;}
.modal-overlay .form-control{width:100%;padding:10px 12px;border:1px solid #ddd;font-size:14px;transition:border-color 0.2s;background:#f8f9fa;}.modal-overlay .form-control:focus{border-color:#5d8814;outline:none;background:white;}
.modal-overlay textarea.form-control{min-height:90px;resize:vertical;}
.modal-overlay .file-upload{position:relative;display:inline-block;width:100%;}
.modal-overlay .file-upload input{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer;}
.modal-overlay .file-upload-label{display:block;padding:10px 12px;background:#f8f9fa;border:1px dashed #ddd;text-align:center;color:#666;transition:all 0.2s;cursor:pointer;font-size:13px;}
.modal-overlay .file-upload-label:hover{background:#f0f5e6;border-color:#aad434;}
.modal-overlay .template-download{background:#f0f5e6;border-left:3px solid #5d8814;padding:12px;margin:15px 0;text-align:left;font-size:13px;}
.modal-overlay .template-download a{color:#5d8814;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;}
.modal-overlay .template-download a:hover{text-decoration:underline;}
.modal-overlay .terms-group{display:flex;align-items:flex-start;margin:15px 0;}
.modal-overlay .terms-group input{margin-top:3px;margin-right:8px;appearance:auto;-moz-appearance:auto;appearance:auto;}.modal-overlay .terms-text{text-align:left;color:#666;font-size:13px;line-height:1.5;}
.modal-overlay .terms-text a{color:#5d8814;text-decoration:none;font-weight:500;}
.modal-overlay .terms-text a:hover{text-decoration:underline;}
.modal-overlay .submit-btn{background:#5d8814;color:white;border:none;width:100%;padding:12px;font-size:14px;cursor:pointer;transition:all 0.2s;font-weight:600;margin-top:10px;}
.modal-overlay .submit-btn:hover{background:#4a6d10;}





.default-vbtn{ text-decoration: none !important; color: white !important; display: inline-block; padding: 0 20px; min-width: 134px; height: 37px; line-height: 37px; text-align: center; background: #5d8814;}
.default-vbtn:hover{background: #aad434;  color: white; }

.pro{ position:relative; width:100%; overflow:hidden;}
.pro ul{ overflow:hidden; margin-right:-1px;}
.pro ul li{ margin:0 1px 1px 0; width:333px; float:left;}
.pro .yco{ display:block; width:61px; height:60px; background:url(../images/yco.png) no-repeat; position:absolute; z-index:10;}

.document-list{  }
.document-list ul{margin: auto; display: inline-grid; grid-template-columns: repeat(3, 1fr);gap: 1px; }
.document-list ul li{ position:relative;background:#AAD434;}
.document-list ul li a{ display: block; }
.document-list ul li .item{ position: relative; }
.document-list ul li .item-info{opacity: 0; position:absolute; top: 0;left: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; background-color: #AAD434;transition: .3s linear all;}
.document-list ul li a:hover .item-info{ opacity: 1; }
.document-list ul li .item-title{ position: relative; color:#fff; text-align:center; font-size:16px; line-height:1.6;padding:0 24px 10px;}
.document-list ul li .item-title:after{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 80px;height: 2px; background-color: white; content: ''; }
.document-list ul li .item-more{ color: white; font-size: 16px; line-height: 1; width: 55px; display: inline-flex; justify-content: space-between; align-items: center; margin: 15px auto 0;}
.document-list ul li .item-more .icon{  width: 16px; height: 16px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 16px; background-image: url(../images/arrow-right-circular-white.svg); }


.document-list ul li .item-thumb{ display:block; width:100%; height:100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.mpk{ padding-bottom:100px; padding-top:50px;}

.soubg{ border: 1px solid transparent; margin:40px 0 0 0; height:55px; background:#dcdcdc url(../images/soum.jpg) right center no-repeat; padding:0 0 0 10px;transition: .3s linear all;}
.soubg:hover{ border:1px solid #9ecd2b;}
.soubg .text{ height:55px; line-height:55px; border:none; background:none; width:930px;}
.soubg .submit{ float:right; width:50px; height:55px; background:none; cursor:pointer; border:none;}

.plan{ line-height:36px; font-size:15px; color:#565656; width:100%; position:relative;}
.plan .plan_top{width:60%; background:#5d8814; color:#FFF; font:33px/78px 'Microsoft YaHei'; padding-left:38px}
.plan .plan_cont{ width:100%;}
.plan_cont .plan_l{ float:left; padding:60px 38px; border-left:5px solid #5d8814; position:relative; width:43%}
.plan_l .plan_l_p{ text-align:center}
.plan_l .plan_l_tit{ background:url(../images/eat_tit.png) no-repeat  center left; text-indent:30px; font:24px/48px "Microsoft YaHei"; color:#678f23; margin:35px 0px; padding: 0px 25px }
.plan_l  .plan_l_c p{ font:14px/28px "Microsoft YaHei"; color:#5b5c5a; padding-bottom:40px}
 .plan_last{}
.plan_last p{font:14px/28px "Microsoft YaHei"; color:#5b5c5a;}
.plan_last  p  a{font:14px/28px "Microsoft YaHei"; color:#678f23;}
.plan_l .plan_l_btn{ position:absolute; bottom:-40px; left:-5px}

.plan_cont .plan_r{ padding:60px 0px 0px 38px; border-left:5px solid #5d8814; width:45%; position:absolute; right:0}
.plan_r .plan_r_p{ text-align:center}
.plan_r .plan_r_tit{ background:url(../images/eat_tit.png) no-repeat  center left; text-indent:30px; font:24px/48px "Microsoft YaHei"; color:#678f23; margin:35px 0px; padding: 0px 25px }
.plan_r  .plan_r_c p{ font:14px/28px "Microsoft YaHei"; color:#5b5c5a; padding-bottom:40px}
 .plan_r_last{}
.plan_r_last p{font:14px/28px "Microsoft YaHei"; color:#5b5c5a;}
.plan_r_last  p  a{font:14px/28px "Microsoft YaHei"; color:#678f23; width:100%}

.plan_r .plan_r_btn{ position:absolute; bottom:-40px; left:-24px}

.plan_r .plan_r_b{ border-left:5px solid #5d8814; width:85%; position:absolute; right:0; height:25%; top:0}
.plan_r  .plan_r_cp{}


.join{  margin:50px 0 15px 0}
.join .join_plate1{ position:relative; overflow:hidden; margin-bottom:50px}
.join_plate1 .join_tit{ font:14px/20px "Microsoft YaHei"; color:#333333; margin-bottom:25px}
.join_plate1 .join_p{ position:relative; overflow:hidden}
.join_p ul li{ font:14px "Microsoft YaHei"; color:#747474; background:#dddddd; width:98px; height:85px; float:left; margin-right:3%}
.join_p ul li p{top:35%; left:2%; position:absolute}
.join_p ul li div{position:absolute; top:40%; left:11%}
.join .join_plate2{ position:relative; overflow:hidden; margin-bottom:50px; border-bottom:1px solid #e6e6e6}
.join_plate2 .join2_tit{ font:14px/20px "Microsoft YaHei"; color:#333333; margin-bottom:25px}
.join_plate2 .join2_p{ position:relative; overflow:hidden}
.join2_p ul li{font:14px/28px "Microsoft YaHei"; color:#747474;float:left; margin-right:24%; text-indent:30px; margin-bottom:30px}
.join .join_plate3{ position:relative; overflow:hidden; margin-bottom:20px; width:100%}
.join_plate3 .join3_tit{ font:14px/20px "Microsoft YaHei"; color:#333333; margin-bottom:25px}
.join .join_plate3 .join3_l{ float:left; width:50%;*width:40%}
.join .join_plate3 .join3_l p{ margin-bottom:20px; font:14px/18px "Microsoft YaHei"; color:#333333}
.join .join_plate3 .join3_r{ float:left; background:#dddddd; color:#747474; font:14px/18px "Microsoft YaHei"; width:50%}
.join3_r ul li{ font:14px "Microsoft YaHei"; border-bottom:1px solid #FFF; padding-top:18px; padding-bottom:18px}
.join3_r ul li .span_l{ padding-left:40px; padding-right:40px; border-right:1px solid #FFF;padding-top:18px; padding-bottom:18px}
.join3_r ul li .span_r{padding-left:30px}



.model-text-items .text_items{color: #565656;}
.model-text-items .text_items .ti-title{ position: relative; font-size: 15px; font-weight: 700; padding-left: 14px; line-height: 2; margin-bottom: 24px; }
.model-text-items .text_items .ti-title:after{ content:'';position: absolute;left: 0; top: 0; bottom: 0; margin: auto; width: 4px; height:50%; background-color: #448b07;  }
.model-text-items .text_items .ti-items{ width: 100%; margin: auto; display: inline-grid ; grid-template-columns: repeat(3, 1fr); gap:24px;}
.model-text-items .text_items .ti-items .ti-item .icon{  border-radius: 50%; width:21px;height: 21px; display: inline-block; line-height: 21px; color: white; text-align: center;font-weight: 100; font-family: fangsong;  }
.model-text-items .text_items .ti-items .ti-item:nth-child(4n+1) .icon{background-color: #5d8814;}
.model-text-items .text_items .ti-items .ti-item:nth-child(4n+2) .icon{background-color: #aad433;}
.model-text-items .text_items .ti-items .ti-item:nth-child(4n+3) .icon{background-color: #92b92a;}
.model-text-items .text_items .ti-items .ti-item:nth-child(4n+4) .icon{background-color: #72a422;}
.model-text-items .text_items .ti-items .ti-item .text{ margin-left: 14px; }


.model-content-items{color: #565656;}
.model-content-items .ci-title{ position: relative; font-size: 15px; font-weight: 700; padding-left: 14px; line-height: 2; margin-bottom: 24px; }
.model-content-items .ci-title:after{ content:'';position: absolute;left: 0; top: 0; bottom: 0; margin: auto; width: 4px; height:50%; background-color: #448b07;  }
.model-content-items .ci-main{width: 100%; margin: auto; display: inline-grid ; grid-template-columns: repeat(2, 1fr); gap:24px;}
.model-content-items .ci-content{ line-height:32px; }
.model-content-items .ci-items{}
.model-content-items .ci-item{ display: flex; justify-content: space-between; margin-bottom: 1px; }
.model-content-items .ci-item div{ display: inline-block; padding: 18px 32px; color: #747474; background-color: #dddddd; }
.model-content-items .ci-item .ci-label{ width: 140px; }
.model-content-items .ci-item .ci-value{ width: calc(100% - 141px); }


/*@media screen and (min-width: 1440px) {
   .container{ width:1280px!important;} 
   .about-teams-table ul { grid-template-columns: repeat(6, 1fr);}
   .model-tuwen .tuwen_list ul{ grid-template-columns: repeat(4, 1fr);}
   .model-tuwen .tuwen_list_2 ul li .info .content{ max-height: 265px; }
   .join-items ul{width: 100%;margin: auto; display: inline-grid ; grid-template-columns: repeat(2, 1fr); gap: 5px;}
}*/


@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}