/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;font-family:' '; color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
.logo img{
  height: 70px;
}

body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,textarea,select{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1580px){
	.wapper{
		width: 1580px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#73674f;
	--main-color:#73674f;
	--font-color:#666;
	--font-color333:#333;
	--main-white:#fff;
	--main-color-white:#fff;
}

/* 滚动条样式 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}



/* 轮播图通用 */

.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
	
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


/* 导航 */
.headerbox{
	width: 100%;
	margin:  0 auto;
	height: 100px;
	position: relative;
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.headerbox .bg{position: absolute;left: 0;top: 100%;background-color: #fff;border-top: 1px solid #dedede;opacity: 0;visibility: hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;height: 360px;width: 100%;z-index: 9;}
.headerbox.on .bg{opacity: 1;visibility:visible;}
.headerbox.active{background-color: var(--main-white);z-index: 999;position: fixed;left: 0;top: 0;width: 100%;}
.headerbox .header{
	display: flex;
	align-items: center;
	justify-content: space-between;height:100px;
}
.headerbox .header .menu ul li{
	position: relative;
	display: inline-block;
	/* margin-right:1.0229166666666667vw; */
}
.headerbox .header .menu ul li >a{
	font-size: 18px;
    line-height: 1;
    padding:0 10px;
    color: var(--font-color);
    display: flex;
    position: relative;
    text-decoration: none;
	line-height: 100px;
}
.headerbox .header .menu ul li>a:after{
	content: '';
    display: block;
    width: 36px;
    height: 31px;
/*    background: url(../images/nav_cur.png) no-repeat center;
*/    position: absolute;
    left: 0;
    right: 0px;
    margin: 0px auto;
    bottom: -1px;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
    transform: scaleX(0);
    z-index: 3;
    background-size: 100%;
}
.headerbox .header .menu ul li:hover>a{
	color: var(--primary-color);
}
.headerbox .header .menu ul li:hover>a:after{
	transform: scaleX(1);
}
.headerbox .header .menu ul li.curr a{
	color: var(--primary-color);
}
.headerbox .header .menu ul li .sub_menu{
	position: absolute;
	left: 0;
	top: 101px;
	width: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(50%);
	padding: 20px 0;
    z-index: 999;
    transition: all 400ms ease;
}

.headerbox.on .header .menu ul li .sub_menu{ opacity:1; visibility:visible; transform:translateY(0);transition:cubic-bezier(0.215,.61,.355,1) .45s;}


.headerbox .header .menu ul li dd {
    position: relative;
    display: block;
	text-align: center;
}
.headerbox .header .menu ul li dl dd a {
    font-size: 14px;
    color: var(--font-color);
    line-height: 30px;
    white-space: nowrap;
    transition: all 400ms ease;
}
.headerbox .header .menu ul li dl dd:hover>a{
	color: var(--primary-color);
}
.phone{
	color: var(--primary-color);
	opacity: .8;
	line-height: 100px;
	font-size: 16px;
	display: block;
}
.phone em{
	width: 33px;
    height: 33px;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-top: 39px;
    background: url(../images/nav_t1.png) no-repeat center;
    background-size: 100%;
}
.phone i{font-size: 24px;font-weight: bold;font-style: normal;}





/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:var(--main-white);position:fixed;z-index:999;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
/* 横杠 */
.sp_nav 
span{display:block;background:#000000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:var(--main-white);width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:70px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;transition:all ease 0.35s}
.nav_show{display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom: 1px dashed #ddd;;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom: 1px dashed #ddd;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--font-color);width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:var(--font-color);display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:var(--main-white);}
.sjj_nav ul li .sjj_nav_i_se svg{fill:var(--main-white)}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}




/* 侧边 */
.leftsead{width:72px;position:fixed;top:200px;right:40px; z-index:999;}
.leftsead .sead-tu{width: 100%;height: 77px;margin: 0px auto;}
.leftsead .sead-con{width: 100%;box-sizing: border-box;border: 1px solid #a5cd95;background: url(../images/sead_coin1.jpg) repeat;border-radius: 6px;padding: 0px 0px;}
.leftsead .telb{ width:100%; height:70px; overflow: hidden; background:url(../images/sead_coin2.png) no-repeat center;cursor:pointer; transition:all 0.3s;border-bottom: 1px solid #cce5c6;background-size:30px;}
.leftsead .telb span{ display:none;}
.leftsead .telb:hover{ width:240px; height:70px; overflow: hidden;background:var(--main-white) url(../images/sead_coin3.png) no-repeat 7% center; color:var(--primary-color);text-align:left; text-indent:2.8em; line-height:70px; font-size:20px; font-weight:500; cursor:pointer; transition:all 0.3s; transform: scale(1) translatex(-170px);border-radius: 6px;border: 1px solid #cce5c6;font-weight: bold;}
.leftsead .telb:hover span{ display:block;}

.leftsead .er{ width:100%; height:70px; position:relative;background:url(../images/sead_coin3.png) no-repeat center; cursor:pointer; transition:all 0.5s;-moz-box-shadow:0 0 5px #dfdfdf; -webkit-box-shadow:0 0 5px #dfdfdf; box-shadow:0 0 5px #dfdfdf;border-bottom: 1px solid #cce5c6;background-size:26px;}
.leftsead .er .biger{ width:0; height:153px; position: absolute; margin:5px; left:0; top:-40px; border-radius:6px; text-align:center; transition:all 0.3s; opacity:0;}
.leftsead .er:hover .biger{ width:129px; height:153px; position: absolute; margin:5px; left:-140px; top:-40px; border-radius:6px; background-color:var(--primary-color); text-align:center; transition:all 0.3s;  opacity:1; -moz-box-shadow:0 0 10px #dfdfdf; -webkit-box-shadow:0 0 10px #dfdfdf; box-shadow:0 0 10px #dfdfdf;}
.leftsead .er .biger img{ width:85%; height:auto; margin:10px auto 0 auto;}
.leftsead .er .biger p{color: var(--main-white);font-size: 16px;text-align: center;line-height: 28px;font-weight: normal;}

.leftsead .top{ width:100%; height:90px; overflow: hidden;cursor:pointer; transition:all 0.5s;}
.leftsead .top .pic{width: 100%;height: 44px;background:url(../images/sead_coin4.png) no-repeat center;background-size: 16%;text-align: center;margin: 10px auto 0px;}
.leftsead .top p{font-size: 14px;color: var(--primary-color);text-align: center;}
.leftsead .top:hover p{transition:all 0.5s;font-weight: bold;}
.leftsead .top:hover .pic{animation:scrr 3s infinite linear;transition:all 0.3s;}




/* bannerbox */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}

.bannerbox .mySwiper1 .prev_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: var(--main-white);
	background: rgba(0,0,0,.1);
}
.bannerbox .mySwiper1 .next_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: var(--main-white);
	background: rgba(0,0,0,.1);
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
	font-size: 0px;
	width: 14px;
    height: 14px;
    overflow: hidden;
    -webkit-transition: border-color 350ms ease;
    -moz-transition: border-color 350ms ease;
    -o-transition: border-color 350ms ease;
    -ms-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    background-color: rgba(0,0,0,0.2);
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	background: var(--primary-color);
    width: 28px;
    border-radius: 20px;
}

.pd50{padding: 50px 0;}
/* footer */
.footerbox{width: 100%;margin: 0 auto;background-color: #f7f7f7;}
.footer{width: 100%;margin: 0 auto;}

.footer_top{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.f_logo{}
.f_logo img{max-width: 100%;max-height: 70px;width: auto;}

.f_phone span{
	background: url(../images/c_coin1.png) no-repeat left center;
	background-size: 23px;
	padding-left: 30px;
	display: inline-block;
	font-size: 18px;
	color: var(--font-color333);
}
.f_phone p{font-size: 30px;color: #73674f;font-weight: bold;}

.footer_center{width: 100%;display: flex;justify-content: space-between;margin-bottom: 30px;flex-wrap: wrap;}
.foot_addre{width: 38%;}
.foot_addre ul li{width: 100%;display: flex;align-items: center;    margin-bottom: 9px;line-height: 25px;}
.foot_addre ul li img{margin-right: 8px;}
.foot_addre ul li span{font-size: 15px;color: #000;}

.foot_company{width: 60%;}
.foot_company h3{font-size: 20px;color: var(--primary-color);margin-bottom: 5px;font-weight: bold;}
.foot_company .desc{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot_company p{font-size: 15px;color: #7a7a7a;line-height: 27px;width: 48%;}

.footer_link{width: 100%;padding-bottom: 20px;}
.footer_link h3{font-size: 20px;color: var(--primary-color);margin-bottom: 5px;font-weight: bold;}
.footer_link ul{display: flex;flex-wrap: wrap;align-items: center;}
.footer_link ul li{padding: 0px 10px;position: relative;}
.footer_link ul li:after{content: "|";right: 0;position: absolute;}
.footer_link ul li a{font-size: 16px;color: var(--font-color333);}


.footer_bot{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 18px 0px;border-top: 1px solid #ebebeb;flex-wrap: wrap;}
.f_b_left{}
.f_b_left span{color: #3e3e3e;font-size: 15px;}
.f_b_left a{color: #3e3e3e;padding: 0px 15px;}
.f_b_right{}
.f_b_right p{color: #3e3e3e;font-size: 15px;}



/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.inbannerbox img{width: 100%;}
.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .inside{
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}

.main_title{width: 100%;display: flex;justify-content: space-between;margin-bottom: 35px;}
.main_title h1{font-size: 50px;color: var(--font-color333);font-weight: bold;}
.main_title a{
	width: 122px;
    height: 46px;
    border: 1px solid var(--primary-color);
    line-height: 46px;
    text-align: center;
    color: var(--primary-color);
    font-size: 18px;
    border-radius: 30px;
    /* margin-top: 25px; */
	display: inline-block;
}





/* ================首页样式================== */
.index1box{width: 100%;margin: 0 auto;}
.index1{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}

.index1_left{width: 52%;}
.index1_left h1{font-size: 56px;color: var(--font-color333);margin-bottom: 10px;}
.index1_left h1 span{color: var(--main-color);font-weight: bold;}
.index1_left h3{font-size: 40px;color: var(--font-color333);}
.index1_left h3 span{font-weight: bold;font-size: 46px;}
.index1_left .desc{margin-top: 35px;margin-bottom: 45px;width: 90%;}
.index1_left .desc p{font-size: 18px;color: var(--font-color333);line-height: 30px;}

.number{width: 90%;margin-bottom: 70px;}
.number ul{display: flex;flex-wrap: wrap;}
.number ul li{width: 25%;color: var(--main-color);}
.number ul li h3{font-size: 45px;font-weight: bold;color: var(--main-color);}
.number ul li h3 span{font-size: 16px;color: var(--main-color);font-weight: normal;}
.number ul li p{font-size: 16px;}

.index1_right{width: 47%;font-size: 0;}
.index1_right img{width: 100%;}

.btn1{
	width: 165px;
    height: 52px;
    border-radius: 30px;
    background-color: #73674f;
    line-height: 52px;
}
.btn1 span{
	display: inline-block;
    font-size: 18px;
    padding: 0px 10px 0px 27px;
    float: left;
    color: #fff;
}
.btn1 em{
	display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    background: url(../images/icon.png) no-repeat center;
    margin: 16px auto 0px;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
    transform: translateX(0);
    background-size: 100%;
}
.btn1:hover em {
    transform: translateX(50%);
}



.index2box{width: 100%;margin: 0 auto;background-color: #f7f7f7;}
.index2{width: 100%;margin: 0 auto;}
.index2_content{position: relative;width: 100%;margin: 0 auto;padding: 0px 15px;}
.index2_content .swiper-wrapper{padding: 20px 0;}
.index2_content .swiper-slide{
	border-radius: 18px;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
	transition: all .3s cubic-bezier(0,0,.5,1);
	overflow: hidden;
}
.index2_content .swiper-slide:hover{box-shadow: 2px 4px 16px rgb(0 0 0 / 16%);transform: scale3d(1.01,1.01,1.01);}
.index2_content .slide_inner{
	width: 100%;
    background:#c4a17569 linear-gradient(to top, rgb(115 103 79) 0%, rgba(255, 255, 255) 28%);
    transition: all .3s cubic-bezier(0,0,.5,1);
}
.index2_content .swiper-slide:hover .slide_inner{
    background: olive linear-gradient(to top, rgba(177,217,179) 0%, rgba(255,255,255) 100%);
}
.index2_content .imgbox{}
.index2_content .textbox{padding: 15px 30px 30px;text-align: center;}
.index2_content .textbox h3{
	font-size: 20px;
    color: var(--font-color);
    line-height: 28px;
    margin-bottom: 8px;
    font-weight: bold;
    text-align: center;
}
.index2_content .index2_prev{
	background: url(../images/p-but1.png) no-repeat;
    left: -60px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: auto;
    top: 60%;
	z-index: 9;
}
.index2_content .index2_next{
	background: url(../images/p-but2.png) no-repeat;
    right: -60px;
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: auto;
    top: 60%;
	z-index: 9;
}



.index3box{width: 100%;margin: 0 auto;background-color: #f7f7f7;}
.index3{width: 100%;margin: 0 auto;}
.index3 .main_title{padding-top: 50px;}
.index3_top{width: 100%;background-color: var(--main-white);}
.index3_top ul{display: flex;flex-wrap: wrap;}
.index3_top ul li{width: 25%;}
.index3_top ul li a{display: block;width: 100%;height: 200px;position: relative;display: flex;align-items: center;justify-content: center;border-left: 1px solid #f7f7f7;}
.index3_top ul li:last-child a{border-right: 1px solid #f7f7f7;}
.item_bg{
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0;
    position: absolute;
    display: block;
    z-index: 5;
    overflow: hidden;
    -webkit-transition: all .5s cubic-bezier(.25,0,0,1);
    -o-transition: all .5s cubic-bezier(.25,0,0,1);
    -moz-transition: all .5s cubic-bezier(.25,0,0,1);
    transition: all .5s cubic-bezier(.25,0,0,1);
    background: rgba(89,177,81,0.90);
}
.index3_top ul li:hover .item_bg{
	height: 100%;
}
.index3_top ul li .title{position: relative;z-index: 6;text-align: center;transition: all .6s;}
.index3_top ul li .title .imgbox{
	display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0px auto;
    overflow: hidden;
	position: relative;
}
.index3_top ul li .title .imgbox img{position: absolute;left: 50%;top: 50%;width: 80%;height: 80%;transform: translate(-50%,-50%);}
.index3_top ul li .title .imgbox .img2{display: none;}
.index3_top ul li:hover .title .imgbox .img1{display: none;}
.index3_top ul li:hover .title .imgbox .img2{display: block;}
.index3_top ul li .title h4{font-size: 22px;margin: 5px 0;font-weight: bold;text-align: center;color: var(--font-color333);}
.index3_top ul li:hover .title h4{color: var(--main-white);}

.item_bg{
	content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0;
    position: absolute;
    display: block;
    z-index: 5;
    overflow: hidden;
    -webkit-transition: all .5s cubic-bezier(.25,0,0,1);
    -o-transition: all .5s cubic-bezier(.25,0,0,1);
    -moz-transition: all .5s cubic-bezier(.25,0,0,1);
    transition: all .5s cubic-bezier(.25,0,0,1);
    background: rgba(89,177,81,0.90);
}
.index3_content{width: 100%;}
.index3_content .mySwiper3 .index3_prev{
	top: 50%;
	width: 30px;
	height: 58px;
	left: 40px;
    background: url(../images/jm-bt1.png) no-repeat;
    background-size: 100%;
	position: absolute;
	z-index: 9;
}
.index3_content .mySwiper3 .index3_next{
	right: 40px;
	background: url(../images/jm-bt2.png) no-repeat;
	background-size: 100%;
	top: 50%;
    width: 30px;
    height: 58px;
	position: absolute;
	z-index: 9;
}


.index4box{width: 100%;margin: 0 auto;}
.index4{width: 100%;margin: 0 auto;}

.index4_content{width: 100%;margin: 0 auto;}
.index4_content ul{display: flex;flex-wrap: wrap;}
.index4_content ul li{width: 33.33%;}
.index4_content ul li a{display: flex;flex-wrap: wrap;}
.index4_content ul li a .imgbox{width: 100%;position: relative;font-size: 0;overflow: hidden;order: 0;height: 290px;}
.index4_content ul li a .imgbox img{width: 100%;transition: ease .4s;height: 100%;object-fit: cover;}
.index4_content ul li:hover a .imgbox img{transform: scale(1.1);}
.index4_content ul li a .imgbox:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f7f7f7;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    transition: ease-out .4s;
}

.index4_content ul li:nth-child(2) a .imgbox{order: 1;}
.index4_content ul li:nth-child(2) a .textbox{order: 0;}
.index4_content ul li:nth-child(2) a .imgbox:after {
    top: 0;
    bottom: auto;
    border-bottom: none;
    border-top: 20px solid #f7f7f7;
}
.index4_content ul li:hover:nth-child(2) a .imgbox:after {
    top: 0;
    bottom: auto;
    border-bottom: none;
    border-top: 20px solid var(--main-color);
}
.index4_content ul li:hover a .imgbox:after {
    border-top-color: var(--main-color);
    border-bottom-color: var(--main-color);
}
.index4_content ul li a .textbox{order: 1;width: 100%;display: flex;align-items: center;justify-content: center;height: 290px;padding: 10% 7%;transition: ease-out .4s;}
.index4_content ul li:hover a .textbox{background-color: var(--main-color)s;}
.time{
	transition: ease .4s;
	background: url(../images/n_coin2.png) no-repeat left center;
	background-size: 14px;
	line-height: 32px;
}
.time span {
    padding-left: 25px;
    font-size: 20px;
    color: var(--primary-color);
	transition: ease .4s;
}
.index4_content ul li a .textbox .text_inner h4{
	color: var(--font-color333);
    font-size: 20px;
    font-weight: initial;
    line-height: 1.7;
    margin: 10px 0 15px;
    transition: ease .4s;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.index4_content ul li a .textbox .text_inner .more{
	width: 116px;
    line-height: 38px;
    display: block;
    text-align: center;
    background: var(--main-white);
    border-radius: 25px;
    color: var(--main-color);
    opacity: 0;
    transition: ease .4s;
    font-size: 16px;
}
.index4_content ul li:hover a .textbox .text_inner .time span{color: var(--main-white);}
.index4_content ul li:hover a .textbox .text_inner .time{background: url(../images/n_coin1.png) no-repeat left center;}
.index4_content ul li:hover a .textbox .text_inner h4{color: var(--main-white);}
.index4_content ul li:hover a .textbox .text_inner .more{opacity: 1;}


.videobox{width: 100%;margin: 0 auto;}
.video{width: 100%;margin: 0 auto;}
.video video{width: 100%;}


.index5box{width: 100%;margin: 0 auto;}
.index5{width: 100%;margin: 0 auto;}
.index5_content{width: 100%;margin: 0 auto;}
.index5_content ul{display: flex;flex-wrap: wrap;}
.index5_content ul li{width: calc(100% / 8);padding: 0 10px;}
.index5_content ul li a{display: block;width: 100%;border: 1px solid #d4ead2;border-radius: 6px;box-sizing: border-box;padding: 8% 5%;text-align: center;transition: ease .4s;}

.index5_content ul li a .imgbox{width: 100%;margin-bottom: 16px;}
.index5_content ul li a .imgbox img{width: 100%;}

.index5_content ul li a .textbox{width: 100%;text-align: center;}
.index5_content ul li a .textbox h3{font-size: 17px;color: var(--font-color333);margin-bottom: 10px;transition: ease .4s;}
.index5_content ul li a .textbox p{font-size: 13px;color: #8d8d8d;transition: ease .4s;}

.index5_content ul li:hover a {
    background-color: #66b566;
    border-radius: 0px 0px 0px 25px;
}
.index5_content ul li:hover a .textbox h3{color: var(--main-white);}
.index5_content ul li:hover a .textbox p{color: var(--main-white);}




/* ================品牌故事样式================== */
.story-bannercon{width: 92%;position: absolute;left: 0px;right: 0px;margin: 0px auto;top: 0px;height: 100%;}
.story-commtitl{width: 100%;height: auto;overflow: hidden;padding-top: 80px;}
.story-commtitl p.p1{font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 8px;}
.story-commtitl p.p2{font-size: 26px;color: #fff;line-height: 35px;}
.story-commintro{width: 100%;height: auto;overflow: hidden;text-align: center;color: #fff;margin: 0px auto;}
.story-commintro-nums{font-size: 250px;margin-bottom: 15px;}
.story-commintro-ccont{font-size: 18px;line-height: 35px;}


.about1box{width: 100%;margin: 0 auto;}
.about1{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about1_left{width: 52%;}
.about1_right{width: 47%;font-size: 0;}
.about1_right img{width: 100%;}
.about1_left h1{font-size: 56px;font-weight: bold;color: var(--font-color333);margin-bottom: 30px;}
.about1_left .desc{margin-top: 35px;margin-bottom: 45px;width: 90%;}
.about1_left .desc p{font-size: 18px;color: var(--font-color333);line-height: 30px;}


.about2box{width: 100%;margin: 0 auto;background-repeat: no-repeat;background-size: cover;padding-top: 55px;background-position: top center;}
.about2{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.about2_left{width: 100%;font-size: 0;}
.about2_right{width: 52%;}

.about2_left img{width: 100%;}
.about2_right ul{display: flex;flex-wrap: wrap;}
.about2_right ul li{width: 31.3%;margin-bottom: 60px;}
.about2_right ul li h3{font-size: 45px;color: var(--main-color);font-weight: bold;margin-bottom: 6px;}
.about2_right ul li p{font-size: 18px;color: #949494;line-height: 30px;}



.about3box{width: 100%;margin: 0 auto;background-color: var(--main-color);}
.about3{width: 100%;margin: 0 auto;}
.about3 ul{display: flex;flex-wrap: wrap;}
.about3 ul li{width: 33.33%;margin-bottom: 15px;}
.about3 ul li .imgbox{width: 45px;height: 45px;border-radius: 50%;background-size: 45% !important;float: left;}
.about3 ul li .textbox{margin-left: 65px;}

.about3 ul li .textbox h3{font-size: 36px;margin-bottom: 10px;color: var(--main-white);font-weight: bold;}
.about3 ul li .textbox p{font-size: 16px;color: var(--main-white);}





.about4box{width: 100%;margin: 0 auto;padding: 60px 0 120px 0;}
.about4{width: 100%;margin: 0 auto;}
.about4 .a_title{width: 100%;text-align: center;}
.a_title h1{font-size: 50px;color: var(--main-white);font-weight: bold;}

.about4_content{margin-bottom: 40px;position: relative;}
.about4_content .swiper-slide{background-color: transparent;text-align: left;/*background: url(../images/lc_bgc.png) no-repeat left bottom;*/background-size: 100%;}
.about4_content .swiper-slide .slide_inner{
	padding: 30px;
}
.about4_content .swiper-slide .slide_inner h3{font-size: 36px;color: var(--main-white);margin-bottom: 12px;}
.about4_content .swiper-slide .slide_inner .desc{font-size: 18px;font-weight: bold;line-height: 28px;margin-bottom: 10px;color: var(--main-white);}
.about4_content .swiper-slide .slide_inner .desc p{font-weight: bold;}
.about4_next{background: url(../images/p-but2.png) no-repeat;right: -80px;width: 60px;height: 60px;position: absolute;left: auto;background-size: 100%;top:50%;z-index:99;transform: translateY(-50%);}
.about4_prev{background: url(../images/p-but1.png) no-repeat;left: -80px;width: 60px;height: 60px;position: absolute;right: auto;background-size: 100%;top:50%;z-index:99;transform: translateY(-50%);}
.about4_next:hover{background: url(../images/p-but2_2.png) no-repeat;background-size: 100%;}
.about4_prev:hover{background: url(../images/p-but1_1.png) no-repeat;background-size: 100%;}




.about5box{width: 100%;margin: 0 auto;background-color: #f3f9f9;}
.about5{width: 100%;margin: 0 auto;}

.about5_content{width: 100%;margin-top: 40px;position: relative;}
.about5_swiper{width: 90%;margin: 0 auto;}
.about5_content .swiper-slide{background-color: transparent;}
.about5_content .swiper-slide a .imgbox{width: 100%;font-size: 0;margin-bottom: 10px;}
.about5_content .swiper-slide a .imgbox img{width: 100%;}
.about5_content .swiper-slide a .textbox{text-align: left;width: 100%;}
.about5_content .swiper-slide a .textbox h3{color: var(--main-color);font-size: 30px;margin-bottom: 12px;font-weight: bold;}
.about5_content .swiper-slide a .textbox h4{font-size: 24px;color: #000;line-height: 35px;}
.about5_content .swiper-slide a .textbox p{font-size: 18px;color: var(--font-color);}
.a_more{width: 100%;text-align: right;}
.a_more a{
	height: 46px;
    border: 1px solid #5ba130;
    line-height: 46px;
    text-align: center;
    color: #5ba130;
    font-size: 18px;
    border-radius: 30px;
    display: inline-block;
    padding: 0px 45px;
    margin: 35px auto 0px;
}

.about5_content .about5_prev{
    left: 0;
	font-size: 50px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}
.about5_content .about5_next{
    right: 0;
	font-size: 50px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}


.about6box{width: 100%;margin: 0 auto;}
.about6{width: 100%;margin: 0 auto;}

.about6 .slide_inner{display: flex;align-items: center;width: 100%;flex-wrap: wrap;}
.about6 .slide_inner .slide_left{position: relative;width: 52%;}
.about6 .slide_inner .slide_left h1{font-size: 90px;color: #f8f8f8;font-weight: bold;}
.about6 .slide_inner .slide_left h3{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 50px;color: #000;font-weight: bold;}
.about6 .slide_inner .slide_right{width: 55%;margin-left: -18%;text-align: left;position: relative;z-index: 9;}
.about6 .slide_inner .slide_right h4{font-size: 28px;font-weight: bold;color: var(--main-color);}
.about6 .swiper-pagination{bottom:auto;width: 12px !important;display: flex;flex-wrap: wrap;right: 0 !important;left: auto !important;top: 50%;transform: translateY(-50%);}
.about6 .swiper-pagination-bullet {margin: 0 !important ;margin-bottom: 8px;width: 12px;height: 12px;background-color: #b2d9b2;}
.about6 .swiper-pagination-bullet-active {background: var(--main-color);}


.about7box{width: 100%;margin: 0 auto;background-color: var(--main-color);overflow: hidden;position: relative;height: 836px;}
.about7{width: 100%;height: 836px;}
.about7 .a_title{text-align: center;width: 100%;}
.about7 .a_title h1{margin-bottom: 15px;}
.a_title p{font-size: 18px;color: var(--main-white);line-height: 30px;}

.about7_img{width: 100%;margin: 0 auto;position: relative;    padding-top: 40px;height:70%;}
.about7_img .a_logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 277px;}
.about7_img .a_logo img{max-width: 100%;width: auto;}
.about7_img .imgbox{position: absolute;width: 110px;height: 110px;border-radius: 50%;background-color: #fff;}
.about7_img .imgbox img{width: 100%;border-radius: 50%;}
.about7_img .imgbox.imgbox1{left: 0;bottom: 12px;}
.about7_img .imgbox.imgbox2{left: 28%;top:18%;}
.about7_img .imgbox.imgbox3{right: 20%;bottom: 10%;}
.about7_img .imgbox.imgbox4{right: 4%;top: 14%;}


.bun-roll1{width: 1440px;height: 1440px;border: 1px dashed #82c07d;border-radius: 100%;position: absolute;top: 6%;left: 0px;right: 0px;margin: 0px auto;}
.bun-roll2{width: 890px;height: 890px;border: 1px dashed #d6ead5;border-radius: 100%;position: absolute; top: 50%; left: 0px;right: 0px;margin: 0px auto;}
.bun-roll3{width: 514px;height: 514px;border: 1px dashed #afd7ac;border-radius: 100%;position: absolute; top: 70%; left: 0px;right: 0px;margin: 0px auto;}
.bun-roll4{width: 590px;height: 590px;border: 1px dashed #8fc78a;border-radius: 100%;position: absolute; top: 18%; left: -25%;}


.about7box .sm-bubble {transform-origin: 30% 30px;}
.about7box .bubble{position: absolute;border-radius: 50%;;animation: spin 8s infinite linear;transform-origin: 55% 35%;}
.about7box .bubble1 {width: 2%;padding-top: 2%;left: 35%;bottom: 15%;background-color: #7abc74;}
.about7box .bubble2 {width: 4%;padding-top: 4%;right: 28%;bottom: 35%;background-color: #9ece9a;}
.about7box .bubble3 {width: 2%;padding-top: 2%;right: 15%;bottom: 20%;background-color: #82c07c;}
.about7box .bubble4 {width: 2%;padding-top: 2%;left: 15%;bottom: 50%;background-color: #7abc74;}
.about7box .bubble:nth-child(2n){animation:spin2 8s infinite linear;}


@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}


.about8box{width: 100%;margin: 0 auto;min-height: 400px;background-repeat: no-repeat;background-size: cover;}
.about8{width: 100%;margin: 0 auto;}
.about8 h1{font-size: 50px;color: var(--main-white);font-weight: bold;margin-bottom: 10px;}
.about8 h3{font-size: 18px;color: var(--main-white);max-width: 500px;line-height: 30px;}




/* ================产品简介样式================== */
.productbox{width: 100%;margin: 0 auto;position: relative;}

.pro_desc{width: 100%;padding: 25px 0 30px;background-color: #7fc179;color: var(--main-white);text-align: center;}
.pro_desc h3{font-size: 22px;font-weight: bold;padding-bottom: 10px;}
.pro_desc p{font-size: 18px;color: #fff;}

.product{width: 100%;margin: 0 auto;position: relative;}

.product_left{width: 20%;position: absolute;left: 0;top: 19%;overflow: hidden;z-index: 9;}
.product_left h3{font-size: 32px;font-weight: bold;color: var(--font-color333);margin-bottom: 15px;}
.product_left ul li{width: 100%;font-size: 18px;margin-bottom: 12px;} 
.product_left ul li a{color: var(--font-color333);display: inline-block;position: relative;}
.product_left ul li a:after{content: "";height: 4px;position: absolute;left: 0;bottom: 0;right: 0;margin: 0 auto;background-color: #66b46633;transform: translateX(50%);opacity: 0;transition: cubic-bezier(0.215,.61,.355,1) .45s;display: inline-block;width: 100%;}
.product_left ul li.cur a:after,.product_left ul li:hover a:after{opacity: 1;transform: translateX(0%);}

.product_right{width: 100%;padding-bottom: 80px;position: relative;}


.product_top{padding-bottom: 70px;width: calc(100% - 22%);position: relative;overflow: hidden;margin: 0 auto;}
.product_top ul li{float: left;}
.product_top ul li .l{width:46%;float: left;padding-top: 12%;padding-left: 20%;}
.product_top ul li .r{width: 50%;float: right;}

.product_top ul li .r .pic{width: 80%;height: auto;overflow: hidden;text-align: center;}
.product_top ul li .r .pic img{width: 88%;}
.product_top ul li p.title{font-size: 50px;color: #1e1b16;padding-bottom: 15px;font-weight: bold;font-family: 'SourceHanSans';}
.product_top ul li .desc{font-size: 16px;color: #666;line-height: 30px;font-family: 'SourceHanSans';height: 280px;}
.product_top ul li .desc p{padding: 2px 0px;line-height: 30px;}
.product_top ul li .desc img{max-width: 100%;}

.product_top a.btn{font-size: 18px;color: #1e1b16;}
.product_top a.btn:hover span{font-weight: normal;}
.product_top .worry{font-size: 16px;color: #999;width: 24px;line-height: 24px;writing-mode:vertical-lr;writing-mode:tb-rl;overflow: hidden;letter-spacing: 1px;position: absolute;right:10%;bottom: 80px;z-index:9}


.product_thumbs .swiper-wrapper{overflow: hidden;}
.product_thumbs{overflow: hidden;padding-top: 20px;width: 100%;margin: 0 auto;position: relative;padding: 0 100px;}
.product_thumbs .swiper-slide{text-align: center;opacity: 0.7;margin: 10px 0px;background-color: #fff;}
.product_thumbs .swiper-slide .item{padding: 3px 7px;border-radius: 8px;border: 3px solid #f7f7f7;}


.product_thumbs .swiper-slide img{width: 100%;max-width: 100%;}
.product_thumbs .swiper-slide.swiper-slide-thumb-active .item{border: 3px solid #7bbe75;}
.product_thumbs .swiper-slide-thumb-active {opacity: 1;}
.product_thumbs .swiper-slide:hover .item{border: 2px solid #7bbe75;}

.product_next{background: url(../images/p-but2.png) no-repeat;right: 0;background-size: 100%;width: 60px;height: 60px;position: absolute;left: auto;top: 50%;transform: translateY(-50%);}
.product_prev{background: url(../images/p-but1.png) no-repeat;left: 0;background-size: 100%;width: 60px;height: 60px;position: absolute;right: auto;top: 50%;transform: translateY(-50%);}
.product_next:hover{background: url(../images/p-but2_2.png) no-repeat;background-size: 100%;}
.product_prev:hover{background: url(../images/p-but1_1.png) no-repeat;background-size: 100%;}


.pro-gree1{width:20px;height: 21px;position: absolute;right: 25%;top: 32%;background: url(../images/p_coin3.png) no-repeat center;z-index: 9;}
.pro-gree2{width:73px;height: 305px;position: absolute;right: 0%;top: 20%;background: url(../images/p_coin2.png) no-repeat center;z-index: 9;}



/* ================新闻动态样式================== */
.newsbox{width: 100%;margin: 0 auto;}
.news{width: 100%;margin: 0 auto;}
.s_menu{width: 100%;margin: 0 auto;}
.s_menu ul{display: flex;align-items: center;flex-wrap: wrap;}
.s_menu ul li{font-size: 24px;padding: 0 24px;position: relative;}
.s_menu ul li:before{
	content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0px;
    top: 40%;
    background-color: #dedede;
}
.s_menu ul li:after{
	content: '';
    width: 100px;
    height: 9px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background: rgba(102,180,102,0.2);
    transform: translateX(50%);
    opacity: 0;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
}
.s_menu ul li a{font-size: 24px;color: var(--font-color);}
.s_menu ul li.cur:after, .s_menu ul li:hover:after {
    opacity: 1;
    transform: translateX(0%);
}

.news_content{margin-top: 30px;width: 100%;}
.news_content ul li{width: 100%;padding: 45px 0px;border-bottom: 1px solid #e9e9e9;}
.news_content ul li a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news_content ul li a .timec{
	width: 130px;
	font-weight: bold;
	color: #333;
}
.news_content ul li a .timec h3{font-size: 40px;color: var(--font-color333);font-weight: bold;}
.news_content ul li a .timec p{font-size: 24px;color: var(--font-color333);}
.news_content ul li a .rightcon{width: calc(100% - 160px);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.news_content ul li a .rightcon .imgbox{width: 30%;}
.news_content ul li a .rightcon .imgbox img{width: 100%;}

.news_content ul li a .rightcon .textbox{width: 66%;}
.news_content ul li a .rightcon .textbox h3{font-size: 28px;margin-bottom: 15px;color: var(--font-color333);}
.news_content ul li:hover a .rightcon .textbox h3{color: var(--main-color);font-weight: bold;}
.news_content ul li a .rightcon .textbox p{
	font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 40px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.news_content ul li a .rightcon .textbox .news_btn{
	width: 160px;
    height: 43px;
    border-radius: 30px;
    background-color: var(--main-color);
    line-height: 43px;
}
.news_content ul li a .rightcon .textbox .news_btn span{
	display: inline-block;
    font-size: 14px;
    padding: 0px 10px 0px 50px;
    float: left;
    color: var(--main-white);
}
.news_content ul li a .rightcon .textbox .news_btn em{
	display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    background: url(../images/p_coin8.png) no-repeat center;
    margin: 9px auto 0px;
    transition: cubic-bezier(0.215,.61,.355,1) .45s;
    transform: translateX(0);
    background-size: 70%;
}
.news_content ul li a .rightcon .textbox .news_btn:hover em{
    transform: translateX(50%);
}



/* ================新闻详情样式================== */
.n_detailbox{width: 100%;margin: 0 auto;}
.n_detail{width: 100%;margin: 0 auto;}
.n_detail_content{width: 100%;margin: 0 auto;margin-top: 40px;position: relative;background: url(../images/mess_coin1.png) no-repeat 90% center;}
.detail_inner{width: 100%;margin: 0 auto;box-shadow: 0px 0px 15px #f3f3f3;box-sizing: border-box;padding: 40px 70px 30px;
}
.detail_inner h1{
	font-size: 42px;
    color: #333;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold;
}
.viewbz{width: 100%;height: auto;overflow: hidden;text-align: center;border-bottom: 1px solid #f3f3f3;padding-bottom: 20px;}
.viewbz ul li{display: inline-block;padding: 0px 20px;font-size: 16px;color: #333;line-height: 30px;padding: 0px 30px;}
.viewbz ul li.li1{background: url(../images/t48.png) no-repeat left center;background-size: 24px;}
.viewbz ul li.li2{background: url(../images/t49.png) no-repeat left center;background-size: 21px;}
.viewbz ul li.li3{background: url(../images/t47.png) no-repeat left center;background-size: 21px;}

.n_detail_desc{width: 100%;margin: 0 auto;min-height: 450px;font-size: 18px;line-height: 28px;color: #333;margin-top: 40px;padding: 10px 0;}
.n_detail_desc img{width: 100%;margin-bottom: 10px;}
.n_detail_desc p{margin-bottom: 10px;}

.n_page{border-top: 1px solid #f3f3f3;padding-top: 10px;display: flex;align-items: center;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.n_page a{font-size: 16px;color: #333;}
.n_page a:hover{color: var(--primary-color);}



/* ================品牌形象样式================== */
.commbanner{width: 100%;height: auto;overflow: hidden;margin: 0px auto;position: relative;}
.commbanner.inner-banner.articleShow{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.commbanner.inner-banner .banner-bg{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transition: 4s;-o-transition: 4s;-moz-transition: 4s;transition: 4s;}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.commbanner img{width: 100%;}


.image1_content{width: 100%;margin: 0 auto;}
.image1{width: 100%;margin: 0 auto;}

.image_title{width: 100%;text-align: center;}
.image_title h1{font-size: 50px;color: var(--font-color333);margin-bottom: 15px;font-weight: bold;}
.image_title h1 span{color: var(--main-color);font-weight: bold;}
.image_title p{font-size: 18px;color: var(--font-color);width: 75%;margin: 0 auto;}

.image1_content{width: 100%;margin: 0 auto;padding-bottom: 30px;position: relative;margin-top: 30px;}
.image1_content .swiper-container {
    width: 100%;
    margin-bottom: 25px !important;
	overflow: hidden;
}
.image1_content .swiper-slide{-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7) !important;}
.image1_content .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1) !important;}
.image1_content .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.image1_content .swiper-slide img{width: 100%;}


.image1_content .swiper-pagination{bottom: -10px !important;}
.image1_content .swiper-pagination-bullet {margin-right: 4px;width: 12px;height: 12px;background-color: #b2d9b2;}
.image1_content .swiper-pagination-bullet-active {background: var(--main-color);}


.image1_content .image1_next{background: url(../images/p-but2.png) no-repeat;right: 20%;width: 60px;height: 60px;position: absolute;left: auto;background-size: 100%;top:35%;z-index:99}
.image1_content .image1_prev{background: url(../images/p-but1.png) no-repeat;left: 20%;width: 60px;height: 60px;position: absolute;right: auto;background-size: 100%;top:35%;z-index:99}
.image1_content .image1_next:hover{background: url(../images/p-but2_2.png) no-repeat;background-size: 100%;}
.image1_content .image1_prev:hover{background: url(../images/p-but1_1.png) no-repeat;background-size: 100%;}



.image2box{width: 100%;margin: 0 auto;background-color: #f3f9f9;}
.image2{width: 100%;margin: 0 auto;}
.image2_content{width: 100%;margin: 0 auto;padding-bottom: 30px;position: relative;margin-top: 30px;}
.image2_content .swiper-container {
    width: 100%;
    margin-bottom: 25px !important;
	overflow: hidden;
}
.image2_content .swiper-slide{width: 100%;}
.image2_content .swiper-slide .slide_inner{width: 100%;}
.image2_content .swiper-slide .slide_inner img{width: 100%;margin-bottom: 10px;}
.image2_content .swiper-slide .slide_inner p{font-size: 24px;color: var(--font-color333);}
.image2_content .image2_pagination{bottom: -10px !important;}
.image2_content .swiper-pagination-bullet {margin-right: 4px;width: 12px;height: 12px;background-color: #b2d9b2;}
.image2_content .swiper-pagination-bullet-active {background: var(--main-color);}



.image3box{width: 100%;margin: 0 auto;}
.image3{width: 100%;margin: 0 auto;}

.image3_content{width: 100%;margin: 0 auto;position: relative;margin-top: 30px;}
.image3_content .swiper-slide{width: 100%;}
.image3_content .swiper-slide .slide_inner{width: 100%;}
.image3_content .swiper-slide .slide_inner img{width: 100%;margin-bottom: 10px;}
.image3_content .swiper-slide .slide_inner p{font-size: 24px;color: var(--font-color333);}


.image3_content .swiper-pagination{bottom: -10px !important;}
.image3_content .swiper-pagination-bullet {margin-right: 4px;width: 12px;height: 12px;background-color: #b2d9b2;}
.image3_content .swiper-pagination-bullet-active {background: var(--main-color);}


.image3_content .image3_next{background: url(../images/p-but2.png) no-repeat;right: -80px;width: 60px;height: 60px;position: absolute;left: auto;background-size: 100%;top:35%;z-index:99}
.image3_content .image3_prev{background: url(../images/p-but1.png) no-repeat;left: -80px;width: 60px;height: 60px;position: absolute;right: auto;background-size: 100%;top:35%;z-index:99}
.image3_content .image3_next:hover{background: url(../images/p-but2_2.png) no-repeat;background-size: 100%;}
.image3_content .image3_prev:hover{background: url(../images/p-but1_1.png) no-repeat;background-size: 100%;}


/* ================优势及支持样式================== */
.support1box{width: 100%;margin: 0 auto;background-color: #f9f9f9;}
.support1{width: 100%;margin: 0 auto;position: relative;}
.support1 h1{font-size: 50px;color: var(--font-color333);font-weight: bold;text-align: center;margin-bottom: 30px;}
.support1 h1 span{color: var(--primary-color);font-weight: bold;}
.support1_content{width: 85%;margin: 0 auto;}
.support1_content ul{display: flex;flex-wrap: wrap;}
.support1_content ul li{width: 33.33%;padding: 0 10px;margin-bottom: 15px;}
.support1_content ul li .li_inner{width: 100%;margin: 0 auto;background-color: var(--main-white);box-shadow: 0 0 8px rgb(102 178 95 / 10%);padding: 45px 45px 35px;}
.support1_content ul li .li_inner .imgbox{width: 80px;height: 80px;border: 1px solid var(--main-color);border-radius: 50%;box-sizing: border-box;margin: 0px auto 35px;position: relative;}
.support1_content ul li .li_inner .imgbox img{position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;transform: translate(-50%,-50%);}
.support1_content ul li .li_inner .imgbox .img2{display: none;}
.support1_content ul li:hover .li_inner .imgbox .img1{display: none;}
.support1_content ul li:hover .li_inner .imgbox .img2{display: block;}
.support1_content ul li:hover .li_inner .imgbox{background-color: var(--main-color);}

.support1_content ul li .li_inner .textbox{width: 100%;text-align: center;}
.support1_content ul li .li_inner .textbox h3{font-size: 18px;color: var(--font-color333);margin-bottom: 15px;font-weight: bold;}
.support1_content ul li:hover .li_inner .textbox h3{color: var(--main-color);}
.support1_content ul li .li_inner .textbox p{font-size: 16px;color: var(--font-color);height: 50px;line-height: 24px;}

.supportlogo{position: absolute;width: 220px;right: 15%;bottom: 0;}
.supportlogo img{max-width: 100%;width: auto;}

.support3box{width: 100%;margin: 0 auto;}
.support3{width: 85%;margin: 0 auto;font-size: 0;}
.support3 img{width: 100%;}


.support2box{width: 100%;margin: 0 auto;background-repeat: no-repeat;background-position: top center;background-size: cover;}
.support2{width: 100%;margin: 0 auto;}
.support_title{text-align: center;width: 100%;margin-bottom: 45px;}
.support_title h1{font-size: 50px;color: var(--main-white);margin-bottom: 5px;font-weight: bold;}
.support_title h3{font-size: 20px;color: var(--main-white);}
.support2_content{width: 85%;margin: 0 auto;}
.support2_content ul{display: flex;flex-wrap: wrap;}
.support2_content ul li{width: 33.33%;padding: 0 10px;margin-bottom: 15px;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.support2_content ul li .li_inner{width: 100%;margin: 0 auto;background-color: var(--main-white);box-shadow: 0 0 8px rgb(102 178 95 / 10%);padding: 35px 35px 10px;}
.support2_content ul li .li_inner .imgbox{width: 99px;height: 90px;box-sizing: border-box;margin: 0px auto 35px;position: relative;}
.support2_content ul li .li_inner .imgbox img{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);}
.support2_content ul li .li_inner .imgbox .img2{display: none;}
.support2_content ul li:hover .li_inner .imgbox .img1{display: none;}
.support2_content ul li:hover .li_inner .imgbox .img2{display: block;}
.support2_content ul li .li_inner .textbox{width: 100%;text-align: center;}
.support2_content ul li .li_inner .textbox h3{font-size: 18px;color: var(--font-color333);height: 105px;line-height: 28px;font-weight: bold;}


.support4box{width: 100%;margin: 0 auto;}
.support4{width: 100%;margin: 0 auto;position: relative;}
.support4 h1{font-size: 50px;color: var(--font-color333);font-weight: bold;text-align: center;margin-bottom: 30px;}
.support4 h1 span{color: var(--primary-color);font-weight: bold;}
.support4_content{width: 85%;margin: 0 auto;}
.support4_content ul{display: flex;flex-wrap: wrap;}
.support4_content ul li{width: 33.33%;padding: 0 10px;margin-bottom: 15px;}
.support4_content ul li a{display: block;width: 100%;}
.support4_content ul li a .imgbox{width: 100%;font-size: 0;position: relative;}
.support4_content ul li a .imgbox>img{width: 100%;}
.support4_content ul li a .imgbox .video_btn{
	width: 100%;
    height: 100%;
    background: url(../images/v_coinbg2.png) no-repeat center rgba(0,0,0,0.6);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: 0px auto;
    background-size: 10%;
}
.support4_content ul li a .textbox{margin-top: 8px;width: 100%;text-align: center;}
.support4_content ul li a .textbox p{font-size: 18px;color: #333;line-height: 40px;}

.support4_btn{width: 100%;text-align: center;}
.support4_btn a{
	height: 46px;
    border: 1px solid var(--primary-color);
    line-height: 46px;
    text-align: center;
    color: var(--primary-color);
    font-size: 18px;
    border-radius: 30px;
    display: inline-block;
    padding: 0px 45px;
    margin: 35px auto 0px;
}



/* ================联系我们样式================== */
.contact1box{width: 100%;margin: 0 auto;}
.contact1{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact1_left{width: 40%;}
.contact1_right{width: 40%;}

.contact1_left h1{font-size: 50px;color: var(--font-color333);line-height: 55px;font-weight: bold;}
.contact1_left h1 span{color: var(--primary-color);font-weight: bold;}

.left_content{width: 100%;height: auto;overflow: hidden;background: url(../images/mess_coin1.png) no-repeat 80% center;padding-top: 45px;}
.left_content .desc p{font-size: 24px;color: #dfdfdf;line-height: 28px;}
.left_content h3{margin-top: 18px;font-size: 24px;color: #7f7f7f;}


.contact1_right form{width: 100%;}
.contact1_right form .item{width: 100%;margin-bottom: 18px;}
.contact1_right form .item h3{font-size: 18px;color: var(--font-color333);margin-bottom: 8px;display: block;}
.contact1_right form .item input,
.contact1_right form .item textarea,
.contact1_right form .item select{width: 100%;height: 46px;border: 1px solid #dfdfdf;line-height: 50px;padding-left: 15px;font-size: 16px;color: var(--font-color333);border-radius: 4px;font-weight: bold;}
.contact1_right form .item select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
.contact1_right form .item select::-ms-expand { display: none;}
.contact1_right form .item input:focus,
.contact1_right form .item textarea:focus {
    background-color: #ecf4eb;
    outline: none;
    border: 1px solid var(--primary-color);
}
.contact1_right form .item textarea{height: 100px;}
.contact1_right form .item input::-webkit-input-placeholder,.contact1_right form .item textarea::-webkit-input-placeholder{color: #dfdfdf;font-weight: bold;}

.contact1_right form .item button{
	width: 134px;
    height: 50px;
    background-color: var(--main-color);
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: none;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 30px;
}



.contact2box{width: 100%;margin: 0 auto;}
.contact2{width: 100%;margin: 0 auto;}
.contact2 ul{display: flex;flex-wrap: wrap;}
.contact2 ul li{width: 20%;position: relative;text-align: center;margin-bottom: 20px;}
.contact2 ul li::after {
    width: 1px;
    height: 173px;
    background-color: #f3f3f3;
    position: absolute;
    right: 0px;
    top: 0px;
    content: '';
}
.contact2 ul li .imgbox{display: flex;align-items: center;justify-content: center;font-size: 0;margin-bottom: 10px;}
.contact2 ul li .imgbox img{max-width: 100%;width: auto;}
.contact2 ul li h3{font-size: 20px;color: var(--main-color);font-weight: bold;height: 65px;}
.contact2 ul li p{font-size: 16px;color: var(--font-color);}




@media only screen and (max-width: 1470px) {
	.headerbox .header .menu ul li>a:after{width: 30px;height: 25px;}
	.story-commintro-nums {
	    font-size: 100px;
		margin-bottom: 0;
	}
}


@media only screen and (max-width: 980px) {
	.headerbox{display: none;}
	.sp_header{ display:block;}
	.bannerbox{margin-top: 70px;}
	.inbannerbox{margin-top: 70px;}
	.leftsead{display: none;}
	.pd50{padding: 25px 0;}
	.foot_addre {width: 100%;margin-bottom: 20px;}
	.foot_company {width: 100%;}
	.foot_company p {width: 100%;}
	.index5_content ul li {width: calc(100% / 3);}
	.index1_left {width: 100%;margin-bottom: 20px;
	}
	.index1_right {width: 100%;}
	.index1_left h1 {font-size: 30px;}
	.main_title h1 {font-size: 30px;}
	.main_title a {width: 100px;height: 38px;line-height: 38px;font-size: 14px;}
	.index1_left h3 {font-size: 20px;margin-bottom: 0;}
	.index1_left h3 span {font-size: 30px;}
	.index1_left .desc {margin-top: 10px;margin-bottom: 10px;width: 100%;}
	.index1_left .desc p {font-size: 14px;}
	.number{margin-bottom: 20px;width: 100%;}
	.number ul li {width: 50%;margin-bottom: 10px;}
	.number ul li h3 {font-size: 25px;}
	.contact1_left{width: 100%;margin-bottom: 20px;}
	.contact1_right{width: 100%;}
	.contact1box{margin-top: 70px;}
	.contact1_left h1 {font-size: 30px;}
	.left_content{padding-top: 20px;}
	.left_content .desc p {font-size: 18px;}
	.left_content h3 {font-size: 20px;}
	.contact2 ul li{width: 50%;}
	.support1 h1{font-size: 30px;}
	.support1_content {width: 100%;}
	.support1_content ul li{width: 50%;}
	.support2_content {width: 100%;}
	.support2_content ul li{width: 50%;}
	.support_title h1{font-size: 30px;}
	.support_title h3{font-size: 16px;}
	.support4 h1 {font-size: 30px;}
	.supportlogo{display: none;}
	.newsbox{margin-top: 70px;}
	.s_menu ul li a {font-size: 18px;}
	.news_content {margin-top: 10px;}
	.news_content ul li {padding: 15px 0;}
	.news_content ul li a .timec {width: 100%;margin-bottom: 20px;}
	.news_content ul li a .timec h3 {font-size: 25px;}
	.news_content ul li a .timec p{font-size: 16px;}
	.news_content ul li a .rightcon {width: 100%;}
	.news_content ul li a .rightcon .imgbox{width: 100%;margin-bottom: 20px;}
	.news_content ul li a .rightcon .textbox{width: 100%;}
	.news_content ul li a .rightcon .textbox h3 {font-size: 20px;}
	.n_detailbox{margin-top: 70px;}
	.detail_inner {padding: 15px;}
	.detail_inner h1 {font-size: 24px;}
	.viewbz ul li {font-size: 14px;}
	.n_detail_desc {margin-top: 20px;font-size: 16px;}
	.n_page a {width: 100%;display: inline-block;margin-bottom: 10px;}
	.pro_desc{margin-top: 70px;}
	.product_left {position: unset;width: 100%;}
	.product_top {width: 100%;}
	.product_top ul li {
	    float: none;
		flex-wrap: wrap;
	}
	.product_top ul li .l {
	    width: 100%;
	    float: none;
		margin-bottom: 10px;
		padding: 0;
	}
	.product_top ul li .r {
	    width: 100%;
	    float: none;
	}
	.product_top ul li .desc {height: auto;}
	.product_top ul li .r .pic {
	    width: 100%;
	}
	.product_next{width: 30px;height: 30px;}
	.product_prev{width: 30px;height: 30px;}
	.product_thumbs{padding: 0 40px;}
	.product_top ul li p.title {
	    font-size: 30px;
	}
	.image1_content .image1_next{width: 30px;height: 30px;}
	.image1_content .image1_prev{width: 30px;height: 30px;}
	.image_title h1{font-size: 30px;}
	.image_title p{font-size: 16px;width: 100%;}
	.image2_content .swiper-slide .slide_inner p {font-size: 18px;}
	.image3_content .swiper-slide .slide_inner p {font-size: 18px;}
	.image3_content .image3_next{right: 0;width: 30px;height: 30px;}
	.image3_content .image3_prev{left: 0;width: 30px;height: 30px;}
	.commbanner{margin-top: 70px;}
	.story-commtitl {padding-top: 10px;}
	.story-commtitl p.p1 {font-size: 20px;}
	.story-commtitl p.p2 {
	    font-size: 16px;
	    color: #fff;
	    line-height: 18px;
	}
	.story-commintro {
	    width: 100%;
	}
	.story-commintro-nums {
	    font-size: 80px;
		margin-bottom: 0;
	}
	.about1_left h1{font-size: 30px;}
	.about1_left{width: 100%;margin-bottom: 10px;}
	.about1_right{width: 100%;}
	.about2_left{width: 100%;margin-bottom: 20px;}
	.about2_right{width: 100%;}
	.about3 ul li {width: 100%;}
	.about2_right ul li {width: 50%;margin-bottom: 30px;}
	.about2_right ul li h3 {font-size: 30px;}
	.about2_right ul li p {font-size: 16px;}
	.about3 ul li .textbox h3 {font-size: 25px;}
	.about3 ul li .textbox p {font-size: 14px;}
	.about4_next{right: 0;width: 30px;height: 30px;}
	.about4_prev{left: 0;width: 30px;height: 30px;}
	.a_title h1 {font-size: 30px;}
	.about4_content .swiper-slide .slide_inner h3 {font-size: 28px;
	}
	.about5_content ul li{width: 50%;}
	.about5_content ul li .textbox h3 {font-size: 24px;margin-bottom: 5px;}
	.about5_content ul li .textbox h4 {font-size: 18px;}
	.about6 .slide_inner .slide_left{width: 100%;margin-bottom: 15px;}
	.about6 .slide_inner .slide_right{margin-left: 0;width: 100%;}
	.about6 .slide_inner .slide_left h1{font-size: 65px;}
	.about6 .slide_inner .slide_left h3{font-size: 40px;}
	.about7box{height: 500px;}
	.about7{height: 500px;}
	.about7 .about7_img{height: 500px;height: 50%;}
	.bun-roll1{width: 450px;height: 450px;}
	.bun-roll2{width: 390px;height: 390px;}
	.bun-roll3{width: 260px;height: 260px;}
	.bun-roll4{width: 310px;height: 310px;}
	.about7_img .imgbox {width: 60px;height: 60px;}
	.a_title p {
	    font-size: 14px;
	}
	.about8box {min-height: 200px;}
	.about8 h1{font-size: 30px;}
	.about8 h3{font-size: 14px}
}


@media only screen and (max-width: 680px) {
	.f_b_left {width: 100%;margin-bottom: 10px;}
	.f_b_right {width: 100%;}
	.f_logo{width: 100%;margin-bottom: 10px;}
	.f_phone{width: 100%;}
	.f_phone p {font-size: 23px;}
	.foot_company h3 {font-size: 17px;}
	.footer_link h3 {font-size: 17px;}
	.index5_content ul li {width: calc(100% / 2);}
	.index4_content ul li {width: 100%;}
	.index4_content ul li a .imgbox{order: 1 !important;}
	.index4_content ul li a .imgbox{order: 0 !important;}
	.index4_content ul li:nth-child(2) a .imgbox:after {top: auto;bottom: 0;border-bottom: 20px solid #f7f7f7;border-top: 0px solid #f7f7f7;}
	.index4_content ul li:hover:nth-child(2) a .imgbox:after {top: auto;bottom: 0;border-bottom: 20px solid var(--main-color);border-top: 0px solid var(--main-color);}
	.index3_top ul li {width: 50%;}
	.index2_content .index2_prev{left: 0;width: 40px;height: 40px;}
	.index2_content .index2_next{right: 0;width: 40px;height: 40px;}
	.index3_top ul li .title h4 {font-size: 17px;}
	.index3_content .mySwiper3 .index3_next {width: 20px;}
	.index3_content .mySwiper3 .index3_prev {width: 20px;}
	.contact2 ul li{width: 100%;}
	.support1_content ul li{width: 100%;}
	.support2_content ul li{width: 100%;}
	.support4_content ul li {width: 100%;}
	.story-commintro-nums {
	    font-size: 38px;
		margin-bottom: 0;
	}
	.story-commintro-ccont {
	    font-size: 14px;
	    line-height: 20px;
	}
	.about5_content ul li{width: 100%;}
	.about6 .slide_inner .slide_left h3 {
	    font-size: 30px;
	}
	.about6 .slide_inner .slide_right h4 {
	    font-size: 19px
	}
	.about6 .slide_inner .slide_left h1 {
	    font-size: 46px;
	}
	    .about4_content .swiper-slide .slide_inner h3 {font-size: 20px;}
	
}