*{margin:0;padding:0;box-sizing:border-box}
,a:active,a:hover,a:link,a:visited{background:0 0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
a{text-decoration:none;}
ul{list-style:none}
body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
.flex{display: flex;flex-wrap: wrap;}
.content1300{margin:0 auto;width:1300px}
.content1400{margin:0 auto;width:1400px}
.content1480{margin:0 auto;width:1480px;max-width:94%}
.content1200{margin:0 auto;width:1200px}
.content1500{margin:0 auto;width:1500px}
.content1600{margin:0 auto;width:1600px}
.hoverLi .pic{overflow:hidden;text-align: center;}
.hoverLi:hover .imgScale{transform:scale(1.2)}
.imgScale{transition:all .6s;display:block;width:100%;}
@font-face{font-family:Impact;src:url(../fonts/Antonio-Bold.ttf) format('truetype')}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.ttf) format('truetype')}
@font-face{font-family:"Century Gothic";src:url(../fonts/GOTHIC.TTF) format('truetype')}

/* 多语言 */
.l1{background-position: 0 -256px !important;}
.l2{background-position: 0 -736px !important;}
.l3{background-position: 0 -528px !important;}

header .mobile_nav #m_btn{position: absolute;right: 20px;top: 12px;width: 60px;height: 60px;cursor: pointer;z-index: 100;}
header .mobile_nav #m_btn i{position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%,-50%);background: url(../images/m_btm.png)no-repeat center;}
header .mobile_nav #m_btn:hover i{transform: translate(-50%,-50%) rotateZ(180deg);}



.main{position:relative;padding-top:100px}
.main .main-lines{position:absolute;left:0;top:0;width:100%;height:100%}
.main .main-lines .content1480{height:100%}
.main .main-lines ul{display:flex;justify-content:space-between;height:100%}
.main .main-lines li{width:1px;height:100%;background-color:#f2f2f2}
.header .content .header-search .icon-sousuo{font-size:24px;color:#333}
.header .header-search .searchbox{position:absolute;display:none;width:300px;height:40px;top:50px;right:0;z-index:2;background-color:#fff}
.header .header-search .searchbox.active{display:flex}
.header .header-search .searchbox input{flex:1;height:auto;border:none;outline:0;padding-left:20px;box-sizing:border-box}
.header .header-search .searchbox .btn{width:50px;height:40px;line-height:40px;text-align:center;background-color:#f0f0f0;cursor:pointer}
.header .header-search .searchbox .btn .icon-sousuo{color:#222}
.header{position:fixed;left:0;top:0;width:100%;background-color:#f7f7f7;z-index:999}
.header .content{display:flex;justify-content:space-between;align-items:center}
.header .content .l{display:flex;align-items:center}
.header .content .l .logo img{display:block;width: 80px;}
.header .content .l .nav{margin-left:100px}
.header .content .l .nav ul{display:flex;align-items:center}
.header .content .l .nav li{position:relative;line-height:100px}
.header .content .l .nav li:before{position:absolute;content:"";left:0;bottom:0;width:100%;height:2px;background:#108a25;opacity:0}
.header .content .l .nav li.active:before,.header .content .l .nav li:hover:before{opacity:1}
.header .content .l .nav li:not(:last-child){margin-right:65px}
.header .content .l .nav li .sub-nav{position:absolute;top:100%;left:-20px;width: max-content;background:#fff;box-shadow:0 10px 30px 0 rgba(79,157,87,.2);border-radius:5px;line-height:1;padding: 25px;display:none;}
.header .content .l .nav li:hover .sub-nav{display:block}
.header .content .l .nav li .sub-nav a{font-size: 15px;font-family:Poppins;font-weight:400;color:#333;line-height:1;display:block;text-transform:uppercase;}
.header .content .l .nav li .sub-nav a:hover{color:#108a25}
.header .content .l .nav li .sub-nav a:not(:last-child){margin-bottom: 20px;}
.header .content .l .nav a{font-size: 18px;font-family:Poppins;font-weight:700;color:#000;text-transform:uppercase;}
.header .content .l .nav li.active>a,.header .content .l .nav li:hover>a{color:#108a25}
.header .content .r{display:flex;align-items:center}
.header .header-search .search-text img{width: 24px;}
.header .header-search-box{position:absolute;right:0;top:100%;width:920px;max-width:100%;z-index:50;background-color:#fff;box-shadow:0 10px 30px 0 rgba(79,157,87,.2);height:60px;display:none}
.header .header-search-box form{margin-top: 2%;}
.header .header-search-container{padding:0 20px 0 46px;display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}
.header .header-search-box input{flex:1;border:none;outline:0;padding:0 25px;font-size:16px;font-family:Poppins;font-weight:300;color:#666;width:100%}
.header .header-search-box .iconfont{font-size:22px;color:#121212;font-weight:700}
.header .header-search-container .icon-yuyinguanbi{cursor:pointer}
.header .aslide{color:#000;cursor:pointer;display: none;}
.header .aslide>.iconfont{font-size:28px;display:block}
.header .aslide .aslide-box{position:absolute;right:0;top:100%;background:#000;box-shadow:0 10px 30px 0 rgba(79,157,87,.2);width:430px;height:calc(100vh - 102px);max-width:100%;z-index:2;padding:73px 20px 73px;transform:translateX(100%);transition:all .6s}
.header .aslide .aslide-box.active{transform:translateX(0)}
.header .aslide .aslide-box-container{width:100%;height:100%;height:100%;text-align:center;overflow:auto}
.header .aslide .aslide-box-container::-webkit-scrollbar{width:2px;height:0}
.header .aslide .aslide-box-container::-webkit-scrollbar-track{background:#e9e9e9;border-radius:10px}
.header .aslide .aslide-box-container::-webkit-scrollbar-thumb{background:#108a25;border-radius:10px}
.cooperations .box1{padding-top:60px;background-color:#f7f7f7;text-align:right}
.header .aslide .aslide-box-container ul{padding-right:90px}
.header .aslide .aslide-box-container li{text-align:right}
.header .aslide .aslide-box-container li:not(:last-child){margin-bottom:30px}

.header .aslide .aslide-box-container li>a{font-size:24px;font-family:Poppins;font-weight:400;color:#fff;line-height:1;text-transform: uppercase;}
.header .aslide .aslide-box-container li.active>a,.header .aslide .aslide-box-container li>a:hover{color:#108a25}
.header .aslide .aslide-box-container li:hover .sub-nav{display:block}
.header .aslide .aslide-box-container .sub-nav{margin-top:25px;display:none}
.header .aslide .aslide-box-container .sub-nav a{text-transform: uppercase; display:block;font-size:15px;font-family:Poppins;font-weight:400;color:#999;line-height:36px;line-height:1}
.header .aslide .aslide-box-container .sub-nav a:not(:last-child){margin-bottom:20px}
.footer{position:relative;background-color:#108a25;padding-top:60px;z-index:2}
.footer .backTop{position:absolute;top:188px;right:0;cursor:pointer}
.footer .backTop .line{width:2px;height:80px;background:#fff;opacity:.5;margin:0 auto}
.footer .backTop .backTop-text{font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:30px;transform-origin:center top;transform:rotate(90deg);margin-top:60px;margin-left:27px}
.footer .box-t ul{display:flex;justify-content:space-between;padding-bottom:57px}
.footer .box-t .li1 .lists{margin-top:28px}
.footer .box-t .li1 .item{display:flex;font-size:16px;font-family:Poppins;line-height:24px;color:#fff}
.footer .box-t .li1 .item-r:hover{text-decoration: underline;}
.footer .box-t .li1 .item-r{max-width:313px}
.footer .box-t .li1 .item:not(:last-child){margin-bottom:15px}
.footer .box-t .li1 .item .text{color:#fff} 
.footer .box-t .li1 .item .iconfont{margin-right:14px;color:#fff}
.footer .box-t .li1 .more{font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:24px;padding-bottom:6px;border-bottom:2px solid #fff;display:inline-block;margin:44px 0 0 30px}
.footer .box-t .li-title{font-size:18px;font-family:Poppins;font-weight:500;color:#fff;line-height:1;text-transform: uppercase;}
.footer .box-t .footer-line{margin-top:20px;display:block}
.footer .box-t .li-text{margin-top:22px}
.footer .box-t .li-text a{display:block;font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:30px}
.footer .box-t .li-text a:hover{text-decoration: underline;}
.footer .box-t .form{margin-top:20px;display:flex;height:50px}
.footer .box-t .form input{border:1px solid rgba(255,255,255,.2);outline:0;width:270px;background-color:#fff;padding:0 20px;font-size:16px;font-family:Poppins;font-weight:400;}
.footer .box-t .form input::-moz-placeholder{color:#000}
.footer .box-t .form input::-webkit-input-placeholder{color:#000}
.footer .box-t .form input::placeholder{color:#000}
.footer .box-t .form .submit{width:110px;height:50px;background-image: linear-gradient(90deg,#d6831a 50%,#da241c 100%),linear-gradient(#108a25,#108a25);line-height:50px;text-align:center;font-size:16px;font-family:Poppins;font-weight:400;color:#fff;cursor:pointer;border: none;}
.footer .box-t .share{margin-top:45px;display:flex}
.footer .box-t .share a{width:50px;height:50px;border:2px solid #fff;display:inline-flex;justify-content:center;align-items:center;color:silver}
.footer .box-t .share a:not(:last-child){margin-right:10px}
.footer .box-t .share a .iconfont{font-size:24px;color: #fff;}
.footer .box-b{border-top:1px solid rgba(255,255,255,.15);padding:17px 0;font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:30px;opacity:.5}
.footer .box-b a{color:#fff}
.common-bread .l{display:flex;align-items:center;font-size:16px;font-family:Poppins;font-weight:400;color:#b0b0b0;line-height:1;flex-wrap:wrap;word-break:break-all}
.common-bread .l a{color:#b0b0b0;text-transform:uppercase}
.common-bread .l a.current{color:#108a25}
.common-bread .l span{margin:0 3px;font-size:18px}
.common-bread .l .icon-home{margin:0 10px 0 0;color:#050505}
.product-title{font-size:40px;font-family:Poppins;font-weight:700;color:#108a25;text-transform:uppercase}
.product-box5{padding:80px 0 60px;text-align:center}
.product-box5 .product-title{padding-bottom:4px;border-bottom:1px solid #108a25;display:inline-block}
.product-box5 .des{font-size:24px;font-family:Poppins;font-weight:400;color:#108a25;line-height:1;margin-top:16px}
.product-box5 .box-c{margin-top:43px}
.product-box5 .box-c .list{display:flex;align-items:center;justify-content:center}
.product-box5 .box-c li{position:relative}
.product-box5 .box-c li .pic img{max-width:260px}
.product-box5 .box-c li .pic{border-radius:50%}
.product-box5 .box-c li .li-box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.product-box5 .box-c li .li-box .share{display:flex;align-items:center}
.product-box5 .box-c li .li-box a{color:#fff}
.product-box5 .box-c li .li-box a:not(:last-child){margin-right:23px}
.product-box5 .box-c li .li-box a .iconfont{font-size:28px}
.product-box5 .box-c li .li-box1 a{font-size:30px;font-family:Poppins;font-weight:700;color:#ff9a2a;text-transform:uppercase}
.product-box5 .box-c li:not(:last-child){margin-right:77px}
.product-box4{padding:100px 0 90px;background-color:#4f9d57}
.product-box4 .content1480{display:flex;justify-content:space-between;align-items:center}
.product-box4 .l{width:54.05%}
.product-box4 .l .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.product-box4 .l .list i,.product-box4 .l .list li{width:32.5%}
.product-box4 .l .list li{margin-bottom:10px}
.product-box4 .r{width:37.29%}
.product-box4 .r .title{font-size:36px;font-family:Poppins;font-weight:700;color:#fff;line-height:46px;text-transform:uppercase}
.product-box4 .r .des{font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:30px;margin-top:30px}
.product-box4 .r .more{position:relative;width:200px;height:46px;background:rgba(255,255,255,.2);border:1px solid #fff;border-radius:5px;margin-top:37px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Poppins;font-weight:400;color:#fff;overflow:hidden}
.product-box4 .r .more span{position:relative;z-index:2}
.product-box4 .r .more::before{position:absolute;content:"";left:0;top:0;height:100%;width:0;background-color:#108a25;transition:all .6s}
.product-box4 .r .more:hover::before{width:100%}
.product-box3{padding:36px 0 80px;text-align:center}
.product-box3 .text-title{font-size:22px;font-family:Poppins;font-weight:500;color:#108a25;line-height:30px}
.product-box3 .text-des{font-size:18px;font-family:Poppins;font-weight:500;color:#333;line-height:30px;margin-top:5px}
.product-box3 .box-c{margin-top:30px}
.product-box3 .list{display:flex;justify-content:space-between}
.product-box3 .list li{max-width:11%}
.product-box3 .list li img{display:block;max-width:100px;max-height:100px;transition:all .6s}
.product-box3 .list li:hover img{transform:rotateY(180deg)}
.m_right{display:none}
.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);display:none;z-index:999}
.modal .shadow{position:absolute;left:0;top:0;width:100%;height:100%}
.pagination ul{display:flex;justify-content:center;flex-wrap:wrap}
.pagination ul li{width:41px;height:41px;border:1px solid #a0a0a0;border-radius:50%;margin:5px;line-height:39px}
.pagination ul li .iconfont{font-size:18px}
.pagination ul li.active,.pagination ul li:hover{background-color:#108a25;border-color:#108a25}
.pagination ul li a,.pagination ul li.active span,.pagination ul li.disabled span{display:block;text-align:center;font-size:20px;font-family:Poppins;font-weight:400;color:#666}
.pagination ul li.active span{color:#fff}
.pagination ul li.active a,.pagination ul li:hover a{color:#fff}
.m-right-buttom{display:none}
.m-navbar{display:none}
@media (max-width:1630px){.content1600{width:94%}
.footer .backTop{right:-35px}
}
@media (max-width:1530px){.content1500{width:94%}
}
@media (max-width:1440px){.header .content .l .nav li:not(:last-child){margin-right:50px}
.header .content .l .nav{margin-left:40px}
.footer .box-t .li1 .item-r{max-width:250px}
}
@media (max-width:1430px){.content1400{width:94%}
}
@media (max-width:1330px){.content1300{width:94%}
}
@media (max-width:1280px){.product-title{font-size:36px;line-height:1.5!important}
}
@media (max-width:1230px){.content1200{width:94%}
}
@media (max-width:1199px){
.header .content .l .nav{display:none}
.header .header-search .search-text{margin-right: 20px;}
.header{height:60px}
.header .content{height:100%}
.header .aslide{display: block;}
.main{padding-top:60px}
.header .aslide .aslide-box{height:calc(100vh - 60px)}
.footer .box-t ul{flex-direction:column}
.footer .box-t .li1 .more{display:none}
.footer .box-t .li1 .item-r{max-width:100%}
.footer .box-t .li1 .lists{margin-top:20px}
.footer .box-t .li2,.footer .box-t .li3{margin-top:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.5)}
.footer .box-t .footer-line{display:none}
.footer .box-t .li-text{display:none;margin-top:5px}
.footer .box-t .li4{margin-top:30px}
.footer .box-t .form{margin-top:10px}
.footer .box-t .share{margin-top:15px}
.footer .backTop{display:none}
.footer .box-t .li-text a{opacity:.5}
.footer .box-t ul{padding:0 0 30px}
.footer{padding-top:35px}
.product-title{font-size:30px}
.product-box4 .r .title{font-size:30px;line-height:1.5}
}
@media (max-width:1200px){.header .content .l .logo img{width:64px}}
@media (max-width:1024px){
.header .content .l .logo img{width:64px}
.product-title{font-size:28px}
.product-box4 .r .title{font-size:28px}
.product-box4 .content1480{flex-direction:column-reverse}
.product-box4 .r{width:100%}
.product-box4 .l{width:100%;margin-top:45px}
.product-box4 .r .des{margin-top:10px}
.product-box4 .r .more{margin-top:15px}
.product-box4{padding:50px 0}
.product-box5 .box-c li:not(:last-child){margin-right:0}
.product-box5 .box-c .list{justify-content:space-between}
.product-box5 .box-c li .pic img{max-width:220px}
.product-box5 .des{font-size:22px}
}
@media (max-width:768px){
.header .content .l .logo img{width:56px}
.footer .box-t .li1>img{display:block;width:30px}
.product-title{font-size:26px}
.product-box5 .box-c li .pic img{max-width:170px}
.product-box5 .box-c li .li-box1 a{font-size:24px}
.product-box5 .box-c li .li-box a:not(:last-child){margin-right:13px}
.product-box5 .box-c li .li-box a .iconfont{font-size:22px}
.product-box4 .r .title{font-size:26px}
.product-box5 .des{font-size:20px}
.product-box3 .list li{max-width:100%;width:25%;margin-bottom:20px}
.product-box3 .list{flex-wrap:wrap;justify-content:flex-start}
.product-box3 .list li img{margin:0 auto;max-width:90%}
}
@media (max-width:500px){
.header .header-search .search-text img{width: 20px;}
.footer .box-t .share a{width:40px;height:40px}
.footer .box-t .share a .iconfont{font-size:20px}
.footer .box-t .form{width:100%}
.footer .box-t .form input{flex:1;width:100%;padding:0 10px}
.product-title{font-size:22px}
.product-box5 .box-c li .pic img{max-width:100%;width:100%}
.product-box5 .box-c li .li-box1 a{font-size:18px}
.product-box5 .box-c li{width:32%}
.product-box5 .box-c li .li-box a:not(:last-child){margin-right:5px}
.product-box4 .r .title{font-size:22px}
.product-box5 .des{font-size:18px}
.product-box5 .box-c{margin-top:30px}
.product-box4{padding:40px 0 30px}
.product-box4 .l{margin-top:30px}
.product-box5{padding:40px 0 40px}
.footer .box-t .li1 .item:not(:last-child){margin-bottom:5px}
.product-box3 .list li{width:33.33%}
}


/* 侧边栏 */
#wmkc{position:fixed;right:15px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:99}
	#wmkc *{box-sizing:border-box;font-size:12px;line-height:1.1}
	.wmkc-list{padding:0;border:1px solid #eee;background-color:#fff;max-width:78px;border-radius:4px;margin:0}
	.wmkc-icon{display:inline-block;background:url(../img/wmkc-ico23.png) no-repeat;width:28px;height:28px;transform:scale(.8)}
	.wmkc-list>li{background: #108a25; width:100%;border-top:1px solid #b8b0b0;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
	.wmkc-list>li>a>p{margin:0;transform:scale(.9);text-transform:capitalize}
	.wmkc-list>li a{color:#fff;text-decoration:none;display:block;padding:0 2px}
	.wmkc-wechat-img{position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#fff;border:1px solid #eee;border-radius:4px;transform:scale(0);transform-origin:right bottom}
	.wmkc-wechat-img img{display:block;max-width:100%;max-height:100%}
	.wmkc-wechat-img p{margin:4px 0 0;transform:scale(.9);word-break:break-all}
	.wmkc-wechat-img em{display:inline-block;width:16px;height:16px;background:url(../img/wmkc-ico23.png) -76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
	.wmkc-list>li:hover .wmkc-wechat-img{transition:transform .4s;transform:scale(1)}
	.wmkc-list>li:hover,.wmkc-list>li:hover+li{border-color:transparent}
	.wmkc-email .wmkc-icon{background-position: -96px -6px!important;}
	.wmkc-whatsapp .wmkc-icon{background-position: -52px -94px!important;}
	.wmkc-skype .wmkc-icon{background-position:-52px -6px}
	.wmkc-wechat .wmkc-icon{background-position:-144px -10px}
	.wmkc-list li:hover a{color:#fff}
	.wmkc-email:hover{background-color:#2cb740}
	.wmkc-whatsapp:hover{background-color:#2cb740}
	.wmkc-skype:hover{background-color:#0091df}
	.wmkc-wechat:hover{background-color:#51c332}
	.wmkc-email:hover .wmkc-icon{background-position:-96px -6px}
	.wmkc-whatsapp:hover .wmkc-icon{background-position:-52px -94px}
	.wmkc-skype:hover .wmkc-icon{background-position:-96px -50px}
	.wmkc-wechat:hover .wmkc-icon{background-position:-144px -62px}
	.wmkc-list>li:first-child{border-radius:4px 4px 0 0;border:0}
	.wmkc-list>li:last-child{border-radius:0 0 4px 4px}
	@media only screen and (max-width:520px){
	#wmkc{top: 80%;}
	}
	 

/* menu_bar */
.menu_bar{position:relative;cursor:pointer;z-index: 3;display: none;align-items: center;justify-content: center;transition: 0.4s 0.2s;}
.menu_bar .bar{width: 25px;height: 21px;position: relative;}
.menu_bar span{width:100%;height: 2px;position:absolute;background:#000;display:block;-webkit-transition:all .35s;-webkit-transform:rotate(0);top:0;}
.menu_bar.active{z-index:9998}
.menu_bar.active span{background:#fff}
.menu_bar span:nth-child(1){width: 15px;right: 0;}
.menu_bar span:nth-child(2){top: 8px;}
.menu_bar span:nth-child(3){top: 8px;width:18px;}
.menu_bar:hover span:nth-child(1){width:25px}
.menu_bar:hover span:nth-child(3){width:25px}
.menu_bar.active:hover span:nth-child(2){width:0}
.menu_bar.active:hover span:nth-child(3){width:25px}
.menu_bar.active span:nth-child(2){width:0}
.menu_bar.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);width:25px}
.menu_bar.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);width: 25px;}
.menu_bar span:nth-child(3){top: 17px;width: 15px;}
 
/* menu */
.menu{width: 100vw;height:100vh;position:fixed;top:0;right:0;z-index:999;background:rgba(0,0,0,.7);box-shadow:0 0 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);transform:translateX(100vw);transition:.5s all ease-in-out;padding: 5vw 4vw;opacity:0;visibility: hidden;display: none;}
.menu.active{transform:translateX(0);opacity: 1;visibility: visible;display: block;}
.menu ul{width: 100vw;position:absolute;}
.menu ul li{border-bottom:1px solid rgba(255,255,255,.3);padding: 15px 0;transition:.3s all ease-in-out;width: 100%;}
.menu ul li:nth-child(2) .flex{display: initial;}
.menu ul li .rd{position: relative;display: flex;flex-wrap: wrap;width: 100%;}
.menu ul li .rd a{color:#fff;font-size: 20px;}
.menu ul li .rd i:after{content: "";width: 2px;height: 16px;background: #fff;position: absolute;transition: all .35s;right: 7px;top: 3px;}
.menu ul li .rd i:before{content: "";width: 16px;height: 2px;background: #fff;position: absolute;transition: all .35s;right: 0px;top: 10px;}
.menu ul li.cur .rd i:after{width: 0;-webkit-transform: rotate(90deg);}
.menu ul li .hd{display: none;}
.menu ul li .hd .second{opacity:1;transition:.3s all ease-in-out;margin-top: 5px;}
.menu ul li .hd .second{width: 100%;display:flex;align-items: center;margin-top: 13px;}
.menu ul li .hd .second a{font-size: 17px;color: #fff;font-weight: normal;margin: 0 10px;}
.he_fadeup1{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.3s}
.he_fadeup2{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.4s}
.he_fadeup3{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.5s}
.he_fadeup4{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.6s}
.he_fadeup5{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.7s}
.he_fadeup6{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.8s}
.he_fadeup7{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.9s}
.he_fadeup8{-webkit-animation:fadeIniup 1s ease both;animation:fadeIniup 1s ease both;-ms-animation:fadeInUp 1s ease both;animation-delay:.9s}
@keyframes fadeIniup{0%{opacity:0;transform:translateY(60px)}
100%{opacity:1;transform:translateY(0)}
}

/* mobile-end */
@media only screen and (max-width:1080px){
.menu_bar{display: flex;}
.menu{width: 100%;transform: translateX(100vw);padding: 5vw 0;}
.menu ul{padding: 0 4%;width: -webkit-fill-available;}
.menu ul li .second .hd{margin-top: 0;}
}	
@media only screen and (max-width:768px){
.menu ul li{padding: 15px 0;}
.menu ul li .rd a{font-size: 17px;}
.menu ul li .hd .second a{font-size: 14px;}
}
@media only screen and (max-width:520px){
.menu ul li{padding: 12px 0;}
.menu_bar{width: auto !important;background: none;}
.menu_bar .bar{height: 18px;margin-left: 8px;}
.menu_bar span:nth-child(2){top: 7px;}
.menu_bar span:nth-child(3){top: 15px;}
}


/* pagenav */
.pagenav{padding: 20px 0;background: #F7F7F7;}
.pagenav .ul{display:flex;flex-wrap: wrap;}
.pagenav .ul li{margin: 0 20px;position:relative;padding-bottom: 10px;}
.pagenav .ul li:after{content:'';position:absolute;height: 2px;z-index:9;width:0;right: 0;transition: all .5s ease-in-out;bottom: 0;background: #333333b0;}
.pagenav .ul li a{font-size: 16px;transition: all .5s ease-in-out;color: #333;}
.pagenav .ul li.cur:after,.pagenav .ul li:hover:after{width:100%;left:0;right:auto;background: #108a25;}
.pagenav .ul li.cur a,.pagenav li:hover a{color: #108a25;}
@media screen and (max-width:1280px){
.pagenav .ul li{margin: 0 20px;}
}
@media screen and (max-width:1080px){
.pagenav{padding: 20px 0 0;}
.pagenav .ul li{margin-bottom: 15px;}
}
@media screen and (max-width:768px){
.pagenav{overflow: scroll;padding: 15px 0;}
.pagenav .ul{width: max-content;margin: 0 auto;}
.pagenav .ul li{margin: 0 15px;}
}
@media screen and (max-width:520px){
.pagenav{padding: 10px 0;}
.pagenav .ul li{margin-bottom: 0;padding-bottom: 0;}
.pagenav .ul li:after{bottom: -7px;}
.pagenav .ul li a{font-size: 16px;}
}