.header{width:100%;min-width:300px;height:auto;z-index:10;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;border-top:6px solid #00873c;position:fixed}
/* .header::before{content: '';height: 6px;position: absolute;left: 0;right: 0;top: 0;background:#00873c;background: -webkit-linear-gradient(left, #00873c , #4b9537);background: -o-linear-gradient(right, #00873c, #4b9537);background: -moz-linear-gradient(right, #00873c, #4b9537);background: linear-gradient(to right, #00873c , #4b9537);} */
.wrapTop{width:100%;/*background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0))*/position: relative;}
.wrapTop::before{content: '';display: block;background: url(../images/logo_bg1.png) no-repeat center/cover;height: 135px;width: 451px;position: absolute;left: 0;top: 0;z-index: 2;}
/* .wrapTop::after{content: '';display: block;background: url(../images/logo_cover.png) left top/349px 100%;height: 135px;width: 451px;position: absolute;left: 0;top: 0;z-index: 3;mask: url(../images/logo_bg2.png) no-repeat center/cover;-webkit-animation: logocover 10s linear infinite;animation: logocover 10s linear infinite;opacity: .5;} */
.wrapTop::after{content: '';display: block;background: url(../images/gif1.gif) no-repeat center;background-size: cover;height: 135px;width: 451px;position: absolute;left: 0;top: 0;z-index: 3; opacity: .5;}
@-webkit-keyframes logocover{
	from {background-position: 0 0%;}
	to {background-position: 349px 0%;}
}
@keyframes logocover{
	from {background-position: 0 0%;}
	to {background-position: 349px 0%;}
}
.header2 .wrapTop::before,.header2 .wrapTop::after{display: none}

.header.currents .wrapTop1 .top_link{display:none}
.header.currents .wrapTop1 .logo{width:180px;top:5px}
.header.currents .wrapTop1 .nav{top:5px}
.header.currents .wrapTop1 .top{height:70px}
.header .top{position:relative;z-index:2;}

.logo{width:223px;position:absolute;left:90px;font-size:0;top:25px;z-index:10}
.logo a{display:block;position:absolute;top:0;bottom:0}
.logo img{width:100%;display:block}
.logo a.logo1{left:0;width:100%}
.logo a.logo2{width:40%;right:0;z-index:2}

.top_link{color:#fff;text-align:right;line-height:40px}
.top_link1,.top_link2{overflow:hidden;line-height: 40px;background: url(../images/header_top.png) no-repeat top center/cover;border-bottom: 2px solid #edb74c;position: relative;z-index: 1;}
.top_link2{background: #00873c;border-top: none;}

.top_linkIn{overflow:hidden;float:right;margin-right:80px}
.top_link dl dt::before{background:#fff;opacity:.75}
.top_link dl{float:left;margin:0 60px 0 0}
.top_link dl:nth-child(2){margin:0}
.top_link dl a{color:#fff;opacity:.75;font-size:14px}
.top_link dl dt{float:left;padding:0 20px 0 0;position:relative}
.top_link dl dt::before{content:'';position:absolute;width:2px;height:16px;background:rgba(255,255,255,.75);right:10px;top:calc(50% - 8px)}
.top_link dl dt a{font-size:14px;color:#fff;font-weight:700}
.top_link dl dd{float:left;padding:0 20px 0 0;position:relative}
.top_link dl dd::before{content:'';position:absolute;width:5px;height:1px;opacity:.3;background:#fff;right:10px;top:50%}
.top_link dl dd:last-child::before{display:none}
.top_link .item{padding:0 22px;color:#fff;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;position:relative}
.top_link .item::before{content:'';display:block;width:1px;height:16px;background:rgba(255,255,255,.6);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.top_link a{color:#fff;display:inline-block;vertical-align:middle}
.top_link span.arrow{display:inline-block;vertical-align:middle;background:url(../images/header_arrow.png) center no-repeat;width:15px;height:9px;margin:0 0 0 10px}
.top_link .pop_box{position:absolute;top:100%;line-height:30px;width:93px;left:50%;transform:translateX(-50%);border:1px solid #00873c;background:#00873c;text-align:center;z-index:2;display:none}
.top_link .item:hover .pop_box{display:block}
.top_link .pop_box a{display:block;opacity:1}
.top_link .item:hover,.top_link a:hover{opacity:1}

.ser{height:37px;z-index:600;overflow:hidden;width:37px;position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:0 0 0 12px;border-radius:40px;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.ser .search{width:100%;height:100%;background: transparent;border-radius:17px}
.ser .search input.notxt{position:absolute;width:calc(100% - 56px);height:100%;color:#eee;left:0;top:1px;padding:0;margin:0;outline:0;font-size:12px;z-index:3;padding:0 0 0 20px;background:0 0;border:0}
.ser .search input.notxt1{position:absolute;width:37px;height:100%;border:none;background:url(../images/search_btn.png) center center no-repeat;right:0;cursor:pointer;border-radius:50%;top:0;z-index:3;font-size:0;padding:0}
.ser:hover{border:1px solid rgba(255,255,255,.3);width:200px}
.ser:hover .search input.notxt1{background-color:#00873c}

.ser2{display: inline-block;vertical-align: middle;position: relative;}
.ser2 .ser_btn{width: 96px;height: 40px;background: #4c9537 url(../images/search_btn.png) center center no-repeat;border-radius: 50px;}
.ser2 .ser{position: absolute;right: 0;top: 65px;border:1px solid rgba(255,255,255,.3);width:200px;background: #4c9537;display: none;}
.ser2.on .ser{display: block;}
.ser2 .ser .search input.notxt{top: 0;}
.ser2 .ser .search input.notxt1{background-color:#00873c}

.nav{position:absolute;right:0;top:0;right: 80px;left: 485px;}
.nav ul{font-size:0;text-align:justify;text-justify:inter-ideograph}
.nav ul::after{content:'';width:100%;display:inline-block;*display:inline;*zoom:1}
.nav ul>li{position:relative;text-align:center;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;transform:perspective(5000px);-moz-transform:perspective(5000px);-o-transform:perspective(5000px);-webkit-transform:perspective(5000px);line-height: 82px;height:88px;}
.nav ul li>a{font-size: 20px;display:block;position:relative;color:#fff;font-weight:700}
.nav ul li>a.on,.nav ul li>a:hover{opacity:1}
.nav ul li:hover>a::after,.nav ul li>a.on::after{position:absolute;width:100%;height:1px;background:#fff;content:"";left:0;bottom: 14px;}

.subNav{width: 792px;background:url(../images/nav_bg.png) no-repeat center bottom/cover;white-space:normal;position:absolute;top:100%;display:none;padding: 25px 45px 33px 50px;left: -150px;text-align: left;}
li:nth-child(6) ~ li .subNav{left: auto;right: -150px;}
.subNav h3{color: #fff;font-weight: normal;font-size: 22px;line-height: 28px;margin: 0 0 15px;}
.subNav .img_box{float: right;width: 250px;position: relative;z-index: 2;box-sizing: border-box;padding:10px 10px 0 0;margin: -40px 0 0;}
.subNav .img_box::before{content: '';display: block;position: absolute;right: 0px;top: 0px;width: calc(100% - 10px);height: calc(100% - 10px);background: #41993e;border-radius: 0 60px;z-index: -1;}
.subNav .img_box img{border-radius: 0 60px;display: block;}
.subNav dl{margin: 0 344px 0 0;padding: 5px 0 0;}
.subNav dl::after{content: '';display: block;clear: both;}
.subNav dd{width: 50%;float: left;}
.subNav a{color:#fff;padding: 0 0 0 34px;display:block;line-height:28px;font-size:18px;position: relative;margin: 0 0 20px;}
.subNav a::before{content: '';display: block;width: 4px;height: 4px;background: #edb74c;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.subNav a::after{content: '';display: block;width: 31px;height: 28px;background: url(../images/nav_ico.png) no-repeat center/cover;position: absolute;left: -12px;top: 50%;opacity: 0;transform: scale(0) translateY(-50%);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.subNav a:hover::after{opacity: 1;transform: scale(1) translateY(-50%);}

.header.currents{box-shadow:0 2px 6px rgba(0,0,0,.4);background:rgba(0,117,53,.8);position:fixed}
.header.currents .top{height:120px}
.header.fix .top_link{display:none}

.nav ul li:hover .subNav{-webkit-animation-name:flipInY;animation-name:flipInY;animation-duration:.6s;-webkit-animation-duration:.6s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;display:block}
@keyframes flipInY{
	from{opacity: 0;}
	to{opacity: 1;}
}

.header1{border-top:0}
.top2{background: url(../images/header_top2.png) no-repeat center/cover;position:relative;height:75px;border-bottom: 2px solid #edb74c;}
.top2 .logo{top:7px}
.nav.nav2{top: 0;left: 80px;}
.nav.nav2 ul li{position: relative;}
.nav.nav2 ul li > a{color:#fff;}
.nav.nav2 ul > li:first-child{margin-left:0}
.nav.nav2 .subNav{left: 0px;width: calc(100vw - 160px);box-sizing: border-box;top: 77px;background: none;padding: 0;background: url(../images/slogan.png) no-repeat right center;} 
.nav.nav2 .subNav::before{content: "";display: block;width: 200%;height: 100%;background: rgba(0, 135, 60,0.8);position: absolute;left: -50%;top: 0;}
.nav.nav2 .subNav dl{padding: 30px 0 10px;}
.nav.nav2 .subNav dd{width: auto;margin-right: 39px;}
.nav.nav2 .subNav a{font-size: 16px; padding: 0 0 0 16px;margin: 0 0 20px;} 
.nav.nav2 .subNav a::after{width: 25px;height: 22px;}
.nav.nav2 li:nth-child(6) ~ li .subNav{left: auto;right: -40px;}
  
.slogan-wrap {
    position: relative;
    margin: auto;
    max-width: 1500px;
    height: 100%
} 
  .slogan {
    width: 415px;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 33px;
    right: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(../image/lys/png80.png) no-repeat center;
    background-size: contain
}


.logo_box{display: inline-block;vertical-align: top;position: relative;width: 370px;height: 115px;}
.logo_box::before{content: '';display: block;background: url(../images/logo_bg21.png) no-repeat center/cover;height: 115px;width: 370px;position: absolute;left: 0;top: 0;z-index: 2;filter: drop-shadow( 0 5px 10px rgba(4, 54, 22, .15));}

/* .logo_box::after{content: '';display: block;background: url(../images/logo_cover.png) left center/660px 100%;height: 115px;width: 370px;position: absolute;left: 0;top: 0;z-index: 3;-webkit-mask: url(../images/logo_bg22.png) no-repeat center/cover;mask: url(../images/logo_bg22.png) no-repeat center/cover;-webkit-animation: logocover 10s linear infinite;animation: logocover 10s linear infinite;opacity: 1;} */
.logo_box::after{content: '';display: block;background: url(../images/gif3.gif) center;background-size: cover;height: 115px;width: 370px;position: absolute;left: 0;top: 0;z-index: 3;opacity: 1;}
.logo_box .logo{width: 208px;top: 15px;left: 50%;transform: translateX(-50%);}

.body_home{height:100%;overflow:hidden;position: relative;z-index: 1;}
.body_b{position:fixed;left:0;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top .7s cubic-bezier(.5,0,.2,1) 0s;z-index:1;overflow:auto;outline:0}
.body_b *{outline:0}
.body_b.showdiv{top:0}

/* */
.header{position: absolute;left:0;top:0;right:0;z-index: 994;transition:all .7s ease-out 0s;/* opacity:0; *//* transform:translateY(-100%); */}
.header.showdiv,.body_home.showdiv .header{opacity:1;transform:none}

.header2{position:fixed;left:0;right:0;top:0;z-index:3;opacity:0;transform:translateY(-100%);transition:all .5s ease-out 0s;box-shadow:0 0 10px rgba(0,0,0,.15)}
.body_b .header2{opacity:0;transform:translateY(-250%)}
.body_b.showdiv .header2{transition:all .7s ease-in-out .5s;transform:none;opacity:1}
.header2.showdiv{opacity:1;transform:none;}
.header2.lit .d1{height:0}
.header2 .d2{transition:all .3s ease-out 0s;height:85px;height:85px;background:#fff}
.nav_mobile{display:none}
/* */

 

footer{border-top: 1px solid rgba(255,255,255,.25);clear:both;position:relative;padding: 20px 0 33px;color:#fff;overflow: hidden;background:#00873c;background: -webkit-linear-gradient(left, #00873c , #4b9537);background: -o-linear-gradient(right, #00873c, #4b9537);background: -moz-linear-gradient(right, #00873c, #4b9537);background: linear-gradient(to right, #00873c , #4b9537);}
footer h3{font-weight:400;margin:0 0 16px}
footer a,footer a:hover{color:#fff;color: rgba(255,255,255,.65);}
.footer_top{padding:0 0 33px}
.footer_lf{width:260px;float:left;margin:0}
.footer_rt{float:right;line-height:36px;text-align:right;width: 380px;}
.footer_info .lf{float:left;color: rgba(255,255,255,.65);margin: 0;}
.footer_info .ico{padding:0 0 0 42px;line-height:40px;background:4px 8px no-repeat;margin:0 0 0}
.footer_info .ico1{background-image:url(../images/footer_ico1.png)}
.footer_info .ico2{background-image:url(../images/footer_ico2.png)}
.footer_info .ico3{background-image:url(../images/footer_ico3.png);float:left;margin-left:60px;color: rgba(255,255,255,.65);}
.footer_logo{position:relative;padding: 9px 0 0;width: 230px;}
.footer_logo img{display:block;width:100%}
.footer_logo a{display:block;position:absolute;left:0;right:0;top:0;bottom:0}
.footer_logo a.logo2{z-index:2;left:auto;width:40%}
.footer .footer_md{padding:5px 0 0 calc(50% - 577px);float:left}

/* .footer_share{width:50px;height:50px;display:inline-block;*display:inline;*zoom:1;margin:0 0 0 26px;position:relative;background:center no-repeat;background:#fff}
.footer_share::after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:center no-repeat;opacity:1;z-index:1}
.footer_share.wechat::after{background-image:url(../images/footer_wechat.png)}
.footer_share.sina::after{background-image:url(../images/footer_sina.png)}
.footer_share .code{background:#fff;margin:0 0 3px;position:absolute;left:-10%;bottom:110%;width:100px;display:none;left:50%;transform:translateX(-50%);padding:5px}
.footer_share .code::after{content:'';display:block;border:10px solid transparent;border-top:6px solid #fff;position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.footer_share:hover .code{display:block}
.footer_share:hover::after{opacity:1}
.footer_share .code img{display:block}
.footer_share p{color:#fff;text-align:center;padding:10px 0 0} */

.footer_link h3{margin-bottom:9px}
.footer_link a{display:inline-block;position:relative;padding:0 0 0 12px;margin:0 0 0 26px}
.footer_link a::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:.5}

.copy_right{/* text-align:center; */color: rgba(255,255,255,.65);line-height: 40px;margin: 0 -36px 0 0;}
.copy_right span{display:inline-block;vertical-align:middle;padding: 0 36px 0 0;}



@media screen and (max-width:1640px){
	.nav.nav2 .subNav{top: 58px;}
	.nav.nav2 .subNav {width: calc(100vw - 60px);}
	.wrapTop::before{height: 105px;width: 350px;}
	.wrapTop::after{height: 105px;width: 350px;} 

	.top_linkIn{margin-right: 50px;}

	.header .top{overflow:visible;width:auto}
	.nav ul>li{margin-left:10px;line-height: 56px;height: 56px;}
	.logo{transform:none;overflow:visible;width:180px;left: 80px;top: 13px;}
	.nav{width:auto;left: 380px;right: 50px;}
	.nav ul li>a{font-size:16px}
	.subNav{padding: 25px 38px 25px 25px;width: 700px;}
	.subNav a{font-size:14px;/* padding: 6px 10px; */margin: 0 0 10px;line-height: 24px;}
	
	.top2{height: 56px;}
	.nav.nav2{left: 20px;right: 20px;}
	.nav.nav2 ul li > a{font-size: 16px;}

	.nav.nav2 .subNav{left: -20px;}
	.nav.nav2 li:nth-child(6) ~ li .subNav{left: auto;right: -20px;}

	.logo_box{width: 259px;height: 81px;}
	.logo_box::before,.logo_box::after{width: 259px;height: 81px;}
	.logo_box .logo{width: 160px;top: 10px;}
	.ser2 .ser_btn{width: 60px;height: 32px;}

}
@media screen and (max-width:1280px){
	.wrapTop::before{height: 72px;width: 240px;}
	.wrapTop::after{height: 72px;width: 240px;}
	
	.logo{width: 144px;left: 44px;top: 6px;}

	.nav{left: 220px;}
	.nav ul li>a,.nav.nav2 ul li>a{font-size:14px}

	.logo_box{width: 181.3px;height: 56.35px;}
	.logo_box::before,.logo_box::after{width: 181.3px;height: 56.35px;}
	.logo_box .logo{width: 110px;top: 6px;}
	.ser2 .ser_btn{width: 44px;}


	footer{padding: 30px 0;}
	.footer_lf{float: none;margin: 0 auto;}
	.footer_logo{margin: 0 0 6px;}
}
@media screen and (max-width:1040px){
	.footer.row{overflow:visible}
	.top_linkIn{margin-right:20px}
	.nav{right:20px}
}
@media screen and (max-width:992px){
	.wrapTop::before,.wrapTop::after{display: none;}

	.header.currents{display:none!important}
	.nav,.top_link{display:none}
	.header .top{height:auto;width:auto;position: relative;}
	.logo{top:0;padding:12px 0 0;width:180px;left: 20px;}
	footer{background-size:cover;padding: 30px 0;}
	footer h3.fs24{font-size:18px}
	.footer_logo{margin: 0 auto;}
	.footer_lf{float: none;max-width: 60%;margin: 0 auto;}
	.footer_info .ico3,.footer_info .lf{float: none;margin: 0 auto;width: 300px;max-width: 100%;box-sizing: border-box;}
	.footer_share{width:52px;height:52px;margin:0 6px}
	.footer_share::after{background-size:30px auto}
	.footer .footer_md{padding-top:10px;padding-left:0;float: none;}
	.footer_rt{float: none;margin: 0 auto;}
	.copy_right{font-size:12px;margin: 0;line-height: 2em;text-align: center;}
	.copy_right span{padding:0 10px}
}
@media screen and (max-width:767px){
	.logo{overflow:hidden;width:160px;max-width:100%;text-align:center;position:relative;padding:16px 0 0;left: 20px;}
	footer{padding: 20px 0;}
	.footer_lf{width:auto;float:none;max-width: initial;}
	.footer .footer_md{float:none;padding:10px 0 0}
	.footer_rt{width:auto;float:none;padding:16px 0 0;text-align:center}
	.footer_link a{margin:0 10px}

	.footer_info .ico{line-height: 30px;background-position: 4px 4px;}
}
@media screen and (max-width:413px){
	.footer_share{width:60px;height:60px;background-size:70% auto!important}
}



@media screen and (max-width:992px){
	.header{position: absolute;}

	.mob_nav_btn{height:40px;text-align:left;width:40px;z-index: 1000;position:absolute;cursor:pointer;margin-right:0;font-weight:700;text-align:right;right:20px;top:20px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;background:url(../images/m_nav1.png) no-repeat center/100% 100%;}
	.mob_nav_btn.on{background-image:url(../images/m_nav2.png);/* right:20px; *//* top:20px; */}
	.mob_nav_btn span{position:absolute;left:calc((100% - 25px)/ 2);top:calc((100% - 1px)/ 3);width:22px;height:2px;background-color:#fff;animation-duration:.5s;animation-fill-mode:both;display:none}
	.mob_nav_btn span:nth-child(1){transform:translateY(4px) rotate(0);animation-name:outfirst}
	.mob_nav_btn span:nth-child(2){transform:translateY(-4px) rotate(0);animation-name:outsecond}
	.mob_nav_btn span:nth-child(3){transform:translateY(-4px) rotate(0);animation-name:outthird}
	@keyframes outfirst{
		0%{transform:translateY(0) rotate(-45deg)}
		100%{transform:translateY(-4px) rotate(0)}
	}
	@keyframes outsecond{
		0%{transform:translateY(0) rotate(45deg)}
		100%{transform:translateY(4px) rotate(0)}
	}
	@keyframes outthird{
		0%{transform:translateY(0) rotate(90deg)}
		100%{transform:translateY(12px) rotate(0)}
	}
	.mob_nav_btn.on span:nth-child(1){animation-name:clickfirst}
	.mob_nav_btn.on span:nth-child(2){animation-name:clicksecond}
	.mob_nav_btn.on span:nth-child(3){animation-name:clickthird}
	@keyframes clickfirst{
		0%{transform:translateY(4px) rotate(0)}
		100%{transform:translateY(0) rotate(45deg)}
	}
	@keyframes clicksecond{
		0%{transform:translateY(-4px) rotate(0)}
		100%{transform:translateY(0) rotate(-45deg)}
	}
	@keyframes clickthird{
		0%{opacity:0}
		100%{opacity:0}
	}
	.mobile_header_cover{display:block;position:fixed;left:0;right:0;top:0;bottom:100%;background:rgba(0,0,0,.7);z-index:9;transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s}
	.mobile_header_cover.on{bottom:0}
	.mobile-header{max-width:90%;position: fixed;top: 0;right:0;z-index:995;overflow:auto;background:#fff;display:none;width:392px;border-left:8px solid #00873c;height: 100vh;}
	.mobile-header.on{animation-duration:.5s;animation-fill-mode:both;animation-name:y_scale;display:block}
	.mobile-nav{width:100%;padding-top:104px}
	.mobile-nav li{position:relative;padding:0 0;border-bottom:1px solid #f2f2f2}
	.mobile-nav li a{display:block;line-height:45px;text-decoration:none;font-size:18px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:13px 60px 12px 30px}
	.mobile-nav dd a{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal}
	@-webkit-keyframes returnToNormal{
		from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
		to{opacity:1;-webkit-transform:none;transform:none}
	}
	@keyframes returnToNormal{
		from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
		to{opacity:1;-webkit-transform:none;transform:none}
	}
	.mobile_subNav{padding:0 22px 0 8px;background:#dcf5e7;overflow:hidden}
	.mobile-nav dd a{height:35px;line-height:35px;border-top:1px solid rgba(0,135,60,.1);font-size:16px;padding-left:84px;position:relative}
	.mobile-nav dd:first-child a{border-top:0}
	.mobile-nav dd a::before{content:'';display:block;position:absolute;left:50%;right:50%;top:0;bottom:0;background:#00873c;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;z-index:-1}
	.mobile-nav dd:hover a{color:#fff}
	.mobile-nav dd:hover a::before{left:-30px;right:-30px}
	.mobile-nav .arrow{color:#fff;position:absolute;right:0;top:12px;font-size:2.5rem;cursor:pointer;width:45px;height:45px;text-align:center;line-height:40px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background:url(../images/mobile_arrow1.png) center no-repeat}
	.mobile-nav .arrow.on{background-image:url(../images/mobile_arrow2.png)}
	.mobile_subNav{display:none}
	li.on .mobile_subNav{display:block}
	.mobile_search{height:56px;z-index:600;overflow:hidden;position:relative;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;margin:30px 40px 40px;border:1px solid #d3d3d3}
	.mobile_search .search{width:100%;height:100%}
	.mobile_search .search input.notxt{position:absolute;width:calc(100% - 56px);height:100%;color:#666;left:0;top:1px;padding:0;margin:0;outline:0;font-size:16px;z-index:3;padding:0 0 0 20px;background:0 0;border:0}
	.mobile_search .search input.notxt1{position:absolute;width:58px;height:100%;border:none;background:url(../images/m_search_btn.png) center center no-repeat;right:0;cursor:pointer;top:0;z-index:3;font-size:0;padding:0}

	.mob_links{color:#fff;text-align: center;line-height:40px}
	.mob_linksIn{overflow:hidden;float:right;margin-right:50px}
	.mob_links dl dt::before{background:#fff;opacity:.75}
	.mob_links dl{margin: 0 0 10px;overflow: hidden;}
	.mob_links dl:nth-child(2){margin:0}
	.mob_links dl a{color: #333;opacity:.75;font-size:14px}
	.mob_links dl dt{/* float:left; */position:relative}
	.mob_links dl dt::before{content:'';position:absolute;width: 16px;height: 2px;background:#a7a8a7;bottom: 0;left: calc(50% - 8px);}
	.mob_links dl dt a{font-size:14px;color: #333;font-weight:700}
	.mob_links dl dd{/* float:left; */padding: 0 10px;position:relative;display: inline-block;}
	.mob_links dl dd::before{content:'';position:absolute;width:5px;height:1px;opacity:.3;background:#fff;right:10px;top:50%}
	.mob_links dl dd:last-child::before{display:none}
	
}
@media screen and (max-width:767px){
    .mob_nav_btn{width:36px;height:36px;background-size:100% auto;right:20px;top:20px}
    .mobile-nav{padding-top:70px}
    .mobile-nav li a{line-height:30px}
    .mobile-nav dd a{padding-left:60px}
    .mobile-nav .arrow{top:6px}
}


.wrap_mode08{padding:0;background:#00873c;background: -webkit-linear-gradient(left, #00873c , #4b9537);background: -o-linear-gradient(right, #00873c, #4b9537);background: -moz-linear-gradient(right, #00873c, #4b9537);background: linear-gradient(to right, #00873c , #4b9537);}
.index_08 ul{margin:0;border-right:1px solid rgba(255,255,255,.3)}
.index_08 li{width: 16.6%}
.index_08 .item{border-left:1px solid rgba(255,255,255,.3);padding: 33px 0 23px;}
.index_08 .img_centered{width:88px;height:88px;border:1px dashed #fff;border-radius:50%;margin:0 auto 11px;position:relative;top:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_08 .img_centered img{transition:all ease-in-out .8s;-ms-transition:all ease-in-out .8s;-moz-transition:all ease-in-out .8s;-webkit-transition:all ease-in-out .8s;-o-transition:all ease-in-out .8s}
.index_08 .title{margin:0 0 0;text-align:center;color:#fff;position:relative;top:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.index_08 .item:hover .img_centered{top:-20px}
.index_08 .item:hover .img_centered img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg)}
.index_08 .item:hover .title{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);top:-10px}
@media screen and (max-width:1280px){
	.index_08 .title{font-size: 14px;}
}

@media screen and (max-width:767px){
	.index_08 li{width: 33.3%;}
	.index_08 .item{padding: 20px 0;}
	.index_08 .img_centered{width: 40px;height: 40px;}
	.index_08 .img_centered img{max-width: 60%;}
	.index_08 .title{font-size: 12px;}
}
@media screen and (max-width:413px){
	.index_08 li{width: 50%;}
}