@charset "utf-8";blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}
.container{width:100%; max-width: 1630px; margin:auto}
@media screen and (max-width:1560px){
    .container{ padding: 0 6rem;}
}
@media screen and (max-width:1199px){
    .container{ padding: 0 1rem;}
}
.imgcut{position:relative;padding-bottom:75%}
.imgcut img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.imgcon{position:relative;padding-bottom:75%}
.imgcon img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}
.flex{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.flwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.flcolumn{-webkit-flex-direction: column;flex-direction: column;}
.fixed{position:fixed}
/*banner*/
#hmpage{position:relative;z-index:0;width:100%; height:100%;opacity:1}
.banner{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer}
.banner .swiper{ position: relative; width:100%;height:100%;margin:0 auto}
.banner .swiper .swiper-wrapper .swiper-slide{width:100%;position:relative;overflow:hidden;height:100%;}
.banner .swiper .swiper-wrapper .swiper-slide img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}

.banner .swiper .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
.banner .swiper .swiper-slide-active img,.banner .swiper .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}


.banner .swiper .swiper-pagination{ position:absolute; left: 0; top:50%; margin-top:-3rem; display:flex; flex-direction:column;align-items: flex-end; padding:0 3rem}
.banner .swiper .swiper-pagination .swiper-pagination-bullet{width:3rem;height:1px;background:rgba(255,255,255,1);opacity:1;margin: 1rem;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.banner .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#69aa6f;width:5rem}
.banner .txt{ position: absolute; top: 30%; width: 100%;z-index: 1; padding: 3rem 0; 
     background: rgba(0,0,0,.3); 
}
.banner .txt h3{ font-family:lighter; font-family: impact; background: linear-gradient(to right, #666, #fff, #aaa);background-clip: text;color: transparent;
    /*text-shadow: 3px 3px 1px #69aa6f;*/
    font-size: 10rem; padding-bottom: 1rem;
	-webkit-transform: translate(0%, 100%);
	-moz-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	-webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
}
.banner .txt p{
    /*text-shadow: 2px 2px 1px #69aa6f;*/
    font-size: 5rem; color: #fff; letter-spacing: 4px;
    line-height: 1.2;
    font-weight: lighter;
	-webkit-transform: translate(0%, 100%);
	-moz-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	-webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
}
.banner .swiper-slide-active .txt h3{opacity: 1; filter: alpha(opacity=100);-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%); background: linear-gradient(to right, #666, #fff, #aaa);background-clip: text;color: transparent;}
.banner .swiper-slide-active .txt p{opacity: 1; filter: alpha(opacity=100);-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%);}
@media (max-width:1199px){
    .banner .txt h3{ font-size: 3rem; letter-spacing: 0; padding-bottom: 1rem;}
	.banner .txt p{ font-size: 2.4rem; letter-spacing: 2px;}
	#hmpage{ padding-top: 80px;}
	.banner .swiper .swiper-wrapper .swiper-slide{ height: 500px;}
	.banner .swiper .swiper-pagination{ bottom: 1rem; text-align: center;}
}
@media (max-width:767px){
	#hmpage{ padding-top: 50px;}
    .banner .txt h3{ font-size: 2rem; letter-spacing: 0; padding-bottom: 1rem;}
	.banner .txt p{ font-size: 1.6rem; letter-spacing: 2px;}
	.banner .swiper .swiper-wrapper .swiper-slide{ height: 350px;}
}
/*向下滚动*/
.mouse_icon{ display: block; width:150px;height:auto;position:absolute;left:50%;margin-left:-75px;bottom:5%;color:rgba(255,255,255,.75);text-align:center;z-index:1005}
.mouse_icon p{color:rgba(255,255,255,.75);font-size:14px;display:block;margin-bottom:10px}
.mouse_icon .mouse{width:25px;height:auto;margin:0 auto;position:relative}
.mouse_icon .mouse img{-webkit-animation:upAnimate 2s ease infinite;animation:upAnimate 2s ease infinite;width:100%}
@-webkit-keyframes upAnimate{0%,100%{-webkit-transform:translateY(-4px)}
50%{-webkit-transform:translateY(4px)}
}
@keyframes upAnimate{0%,100%{transform:translateY(-4px)}
50%{transform:translateY(4px)}
}
.mouse_icon .icon{width:12px;margin:0 auto}
.mouse_icon .icon img{-webkit-animation:upAnimate2 2s ease infinite;animation:upAnimate2 2s ease infinite}
@-webkit-keyframes upAnimate2{0%,100%{-webkit-transform:translateY(-1px)}
50%{-webkit-transform:translateY(3px)}
}
@keyframes upAnimate2{0%,100%{transform:translateY(-1px)}
50%{transform:translateY(3px)}
}
@media (max-width:1199px){
	.mouse_icon{display: none;}
}


/*侧边客服*/
.floating_ck{position:fixed;right:0;bottom:0;z-index:9999;display:block}
.floating_ck dl dd{position:relative;width:6rem;height:6rem;margin-bottom:1px;background-color:#69aa6f;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;color:#666}
.floating_ck dl dd:hover{background-color:#69aa6f}
.floating_ck dl dd:hover .floating_left{display:block}
.consult{background-image:url(../images/qq.png)}
.words{background-image:url(../images/kficon.png)}
.quote{background-image:url(../images/kficon.png)}
.qrcord{background-image:url(../images/erweima.png)}
.return{background-image:url(../images/fanhui.png)}
.floating_ck dd span{display:block;padding-top:4rem;color:#fff;font-size:10px}
.floating_left{position:absolute;left:-120px;top:0;width:120px;height:6rem;background-color:#69aa6f;border:solid 1px #69aa6f;display:none}
.floating_left a{color:#fff;line-height:6rem;font-size: 1.4rem;}
.floating_ewm{height:auto;top:-8rem; padding-bottom: 1rem;}
.floating_ewm i{display:block;width:100px;height:100px;margin:auto;margin-top:1rem;background-size:100%}
.floating_ewm p{margin-top:5px;color:#fff}
.floating_ewm .qrcord_p01{font-size:1rem;line-height:2rem}
.floating_ewm .qrcord_p02{font-size:1.2rem}
@media screen and (max-width:767px){
    .floating_ck{display:none}
}
/*移动端底部导航按钮*/
.footer-nav{position:fixed;right:0;bottom:0;left:0;z-index:9999;height:7rem; padding-top: 1rem; background:#69aa6f; border-top:1px solid rgba(255,255,255,.3);color:#fff}
.footer-nav .nav-item{-webkit-display:flex;display:flex;width:25%;height:100%;vertical-align:middle;flex-shrink:1;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.8rem;color:#fff}
.footer-nav .nav-item.active{background-color:#69aa6f}
.footer-nav .nav-item .nav-icon{display:block; width:3rem}
.footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
.show-wx{position:fixed;z-index:1002;bottom:6rem;width:100%;display:none;overflow:hidden;text-align:center}
.show-wx img{display:inline-block;max-width:15rem}

/*标题*/
.tit{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 3rem 0;}
.tit small{ position:absolute; top:0; display:block;font-size:12rem; font-weight:bold; width:100%;text-transform: uppercase; text-align:center; color:rgba(0,0,0,0.02);line-height: 1; font-family:"impact";white-space: nowrap;}
.tit h3{position: relative; z-index:-1; padding-bottom: 2.4rem; font-size: 3rem; font-weight: bold; color:#222}
.tit h3 span{ color: #222;}
.tit h3::after{content: ""; position: absolute; bottom: 1rem; left: 50%; margin-left: -1.5rem; width: 3rem; height: 0.4rem; background: #222;}
.tit p{font-size: 1.6rem; color: #666;}
/*数字滚动*/
.numCount{ padding: 3rem 0; -webkit-align-items: stretch; align-items: stretch; overflow: hidden;}
.numCount .item{ width:25%; box-sizing: border-box; cursor: pointer;}
.numCount .item .txt{ position: relative; text-align: center; border-right: 1px solid rgba(0,0,0,.2);}
.numCount .item:last-child .txt{ border: 0;}
.numCount .item .txt .txtbox{ width: 100%; height: 100%; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center;}
.numCount .item .txt h3{ position: relative; font-size: 4.5rem; color: #222; font-weight: normal; font-family:"PF DinText Pro","Microsoft YaHei"}
.numCount .item .txt p{  font-size: 1.4rem;}
.numCount .item .txt h3 font{position: absolute; right: -3rem; top: 0; display: block; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background: #69aa6f; color: #fff; font-size: 1.2rem }
@media (max-width:1199px){
    .numCount { -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .numCount .item{ width: 50%; margin: 1rem 0;}
    .numCount .item .txt{ border-right: 0;}
    .tit small{ font-size: 6rem;}
}

/*底部*/
.footer{position:relative;width:100%;height:auto; padding:10rem 0;background:#e4e4e4}
.footer a.return{ position:absolute; right:1rem;  bottom:1rem; display:block; width:4rem; height:4rem; border-radius:50%; overflow:hidden;background:url(../images/fanhui.png) no-repeat center #69aa6f; background-size:1.4rem;}
.footer-bar{padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-logo{float:left;font-size:4rem;color:#666;font-weight:lighter}
.footer-menu{float:right;font-size:15px;line-height:44px}
.footer-menu a{display:inline-block;margin-left:60px;color:#666}
.footer-menu a:hover{color:#000}
.footer-con{padding:60px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-contact{float:left;width:70%}
.footer-contact li{float:left;padding-right:5rem}
.footer-contact li i{display:inline-block;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:100%}
.footer-contact li i.tel{background:url(../images/footer-tel-ico.png) no-repeat center #69aa6f}
.footer-contact li i.address{background:url(../images/footer-address-ico.png) no-repeat center #69aa6f}
.footer-contact li h3{padding-top:8px;font-size:14px;font-weight:400;color:#666}
.footer-contact li p{padding-top:5px;color:#222;line-height:1.2}
.footer-contact li p .tel-num{font-family:Bahnschrift;font-weight:lighter;font-size:30px; color: #222;}
.footer-qrcode{float:right}
.footer-qrcode img{width:120px;margin-left:1rem}
.footer-btm{padding-top:30px;font-size:13px;line-height:24px}
.footer-btm .copyright{float:left;color:#666}
.footer-btm .beian a,.footer-btm .copyright a{color:#333}
.footer-btm .beian{float:right;color:#666}
.footer-btm .beian span{padding-left:12px}
@media only screen and (max-width:1199px){footer{padding:60px 0 40px;text-align:center}
.footer-bar{padding-bottom:24px}
.footer-logo{text-align: center;float:none;font-size:3rem}
.footer-menu{float:none;padding-top:32px;line-height:40px}
.footer-menu a{margin-left:0;width:25%;float: left;text-align: center;}
.footer-con{padding:32px 0}
.footer-contact{float:none;width:100%;}
.footer-contact ul{flex-wrap:wrap;-webkit-flex-wrap:wrap}
.footer-contact li{width:50%;float:none;padding-bottom:20px;text-align:center;padding:2rem 0;margin:auto}
.footer-contact li p{line-height:24px}
.footer-qrcode{float:none;padding:1.5rem 0;text-align:center}
.footer-btm{padding-top:24px;font-size:12px;line-height:20px;text-align:center}
.footer-btm .copyright{float:none}
.footer-btm .beian{float:none;padding-top:8px}
.footer-btm .beian span{display:block;padding-left:0}
}
@media only screen and (max-width:767px){
    .footer-contact li{width:100%}
}

/*动画*/
.section.active .am-left{ animation: fadeInLeft 1s;}
.section.active .am-left-d1{ animation: fadeInLeft 1.5s;}
@keyframes fadeInLeft {
    0%{
        opacity: 0;
        transform: translateX(150%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
    
}
.section.active .am-right{ animation: fadeInRight 1s;}
.section.active .am-right-d1{ animation: fadeInRight 1.2s;}
.section.active .am-right-d2{ animation: fadeInRight 1.4s;}
.section.active .am-right-d3{ animation: fadeInRight 1.6s;}
@keyframes fadeInRight {
    0%{
        opacity: 0;
        transform: translateX(-150%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
    
}
.section.active .am-up{ animation: fadeInUp 1s ease-in-out;}
.section.active .am-up-d1{ animation: fadeInUp 1.5s ease-in-out;}
.section.active .am-up-d2{ animation: fadeInUp 1.6s ease-in-out;}
.section.active .am-up-d3{ animation: fadeInUp 1.7s ease-in-out;}
.section.active .am-up-d4{ animation: fadeInUp 1.8s ease-in-out;}
.section.active .am-up-d5{ animation: fadeInUp 1.9s ease-in-out;}
.section.active .am-up-d6{ animation: fadeInUp 2s ease-in-out;}
.section.active .am-up-d7{ animation: fadeInUp 2.1s ease-in-out;}
.section.active .am-up-d8{ animation: fadeInUp 2.2s ease-in-out;}
@keyframes fadeInUp {
    0%{
        opacity: 0;
        transform: translateY(100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
    
}
.section.active .am-down{ animation: fadeInDown 1s;}
@keyframes fadeInDown {
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
    
}




.bnrWave{
    position: absolute;
    bottom:99%;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 3;
}
.bnrWave .wave1,
.bnrWave .wave2{
    display: block;
    position: absolute;
    bottom: 0px;
    height: 100px;
    left: 0;
    width: 100%;
    background: url(../images/ftbg.png) repeat-x -600px -25px;
    z-index: 99;
}
.bnrWave .wave1{
    background-position: 0 -300px;
    z-index: 2;
}