@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:14px;line-height:22px;color:#565656;-webkit-text-size-adjust:none;overflow-x:hidden;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0; vertical-align:center;}ul,li{list-style:none;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fb{font-weight:bold;}
.flex{display: flex;}
.spac-b{justify-content: space-between;}
.spac-a{justify-content: space-around;}
.spac-c{justify-content: center;}
.spac-s{justify-content: flex-start;}
.spac-e{justify-content: flex-end;}
.align-itc{align-items: center;}
.align-its{align-items: flex-start;}
.align-ite{align-items: flex-end;}
.cont{width:100%;min-height:100%;background: #dfedfa;}
.w1400{width: 72%;margin:0 auto;}
a{text-decoration:none;color:#fff;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
@font-face{
    font-family: impact;
    src: url('PingFangSCRegular.ttf'),url('PingFangSCRegular.eot');
}

/*右侧导航*/
.close_nav{position: fixed;top:20px;right:20px;width:50px;height:50px;height:50px;transition-duration:1.2s;display: none;z-index:999;}
.close_nav img{width:100%;height:100%;display:block;}
.open_nav{position: fixed;top:20px;right:20px;width:50px;height:50px;transition-duration:1.2s;z-index:999;}
.open_nav img{width: 100%;height:100%;display:block;}

.navbar {z-index:998;position: fixed;top: 0;right: 0%;width:200px;height: 100%;transition: 0.6s;box-shadow: 0px 2px 26px rgb(0 0 0 / 10%);margin-right:-200px;background: #fff;}
.nav_list {width: 100%;padding-top: 150px;font-size: 16px;font-family: impact;z-index: 4;}
.nav_list li { width: 90%;padding-left:10%;cursor: default; text-align: left;height:60px;line-height: 60px;position: relative;transition: all .5s ease;border-top: 1px solid #F5F5F5;}
.nav_list li a{color: #000;}
.nav_list li:hover{background: #03632e;}
.nav_list li:hover a{color:#fff;}
    
#fullPage-nav {position: fixed;z-index: 999;top: 80%;opacity: 1;}
#fullPage-nav.right {right: 25px;}
#fullPage-nav li{display: block;width: 14px;height: 14px;margin:12px 7px;position:relative}
#fullPage-nav li a {display: block;position: relative;z-index: 1;width: 14px;height: 14px;cursor: pointer;text-decoration: none;border:1px solid #fff;border-radius: 10px; box-shadow: 0 0 2px #000;}
#fullPage-nav li a span{display: block;width: 8px;height: 8px;margin:3px;background: #fff;border-radius: 4px;}
#fullPage-nav li .active { width:18px;height:18px;margin-left:-2px;margin-top:-4px;}
#fullPage-nav li .active span{margin:5px;}

/*内容*/
/*logo*/
/*.logo{width:6.25vw;height:5vw;position: absolute;top:-100%;right:2%;transition:2.5s;}
.logo img{width:100%;height:100%;display: block;}*/
/*下一页*/
/*.next_page{position: absolute;left:50%;bottom:8%;margin-left:-8.5px;}
.godown{height: 30px;width: 17px;display: inline-block;vertical-align: middle;background: url(../images/page_next.png) center center no-repeat;position: relative;-webkit-background-size: 100%;background-size: 100%;}
.godown_1{background: url(../images/page_next_1.png) center center no-repeat;-webkit-background-size: 100%;background-size: 100%;}
.godown:after{content: '';height:6px;width:1px;border: 1px solid darkorange;position: absolute;top:4px;left: 7px;border-radius:40%px;animation: yishan infinite;animation-duration: 1s;animation-timing-function: linear;}
.next_page:hover .godown:after{content: '';height:11px;width: 8px;border:none;background: url(../images/pagenext_h.png) center center no-repeat;position: absolute;top:1px;left:1px;border-radius: 0;animation: yishan infinite;animation-duration: 1s;animation-timing-function: linear;}*/
@keyframes yishan{
	0%{opacity: 1;display: block;}
	50%{opacity: 0;display: none;}
	100%{opacity: 1;display: block;}
}
/*动画*/
.left { transition: all 2.5s;}
.right { transition: all 2.5s;}
.bottom{ transition: all 2s;}
.top{ transition: all 2s;}
.s4_time{transition: all 1s;}
.active .logo{top:3%;transition: all 2.5s;}

/*页面内容*/
.dowebod{width:100%;height:100%;}
#superContainer { height: 100%; position: relative;}
.section{width:100%;height:100%;position: relative; overflow: hidden;}

/*第一屏*/
.section1{}
.section1 video{position: absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section1 .s1_bj1{position: absolute; left:-200%; top:0; width: 150px; margin:0;z-index:999;transition: all 1s;}
.section1 .s1_bj2{position: absolute; left:-230%; top:0; width: 150px; margin:0;z-index:999;transition: all 1s;transition-delay:0.2s;}
.section1 .sec1_nr{position: relative;width: 100%;height:100%;background: url('../images/3.png') no-repeat;}
.section1 .s1_bj3{height:52%;}
.section1 .s1_bj4{position: relative;}
.active .s1_bj1{left:180px;transition-delay:0.5s;}
.active .s1_bj2{left:350px;transition-delay:0.3s;}
.active .sec1_nr{animation-name: fadeOut;animation-direction: normal;animation-duration: 2s;animation-delay: 2s;
	animation-fill-mode: both!important; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode: both!important; 
    -webkit-animation-fill-mode: both!important; 
    -o-animation-fill-mode: both!important;
}

/*第二屏*/
.section2{background: url(../images/7.jpg) 50% 50% no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.section2 .sec_top{width:100%;position: absolute;top:4%;left:0;right:0;font-family:impact; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;text-align: center;}
.section2 .sec_tit_1{font-size: 36px;color:#2d2d2d;line-height:36px;font-weight: bold;}
.section2 .sec_tit_2{font-size: 18px;color:#666666;margin-top:20px;}
.prod{margin-top:8%;}
.prod .swiper-slide{position: relative;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.prod .prod_bg{position: absolute;left:0;top:0;right:0;width: 100%;}
.prod .prod_tu{position: relative;width:100%;margin:120px 0 0;}
.prod .prod_tit{font-size:22px;color:#000000;margin-top: 5px;}
.prod_tit1{font-size:16px;margin-top:10px;color:#565656;}
.swiper_butt{width:100%;margin-top: 30px;left:0;bottom:-100%;position: absolute;transition: all 1s;}
.swiper_butt p{font-size:22px;}
.swiper_butt img{display: block;}
.prod .swiper-slide:hover .prod_tu{animation: pulse 1s;}

.active .sec_top{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .swiper-slide{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .swiper_butt{bottom:40px;}

/*第三屏*/
.section3{}
.section3 video{position: absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section3 .sec3_nr{position: relative;margin-top:50px;}
.section3 .sec3_tit{font-size:24px;font-weight: bold;color:#fff;position: relative;margin-top:-100%;transition: all 1s;}
.section3 .sec3_tit1{padding-top:10px;border-top:5px solid #03632e;}
.section3 .sec3_tit2{margin-left:30px;}

.sec3_about{margin-top:50px;height:530px;position: relative;}
.sec3_left{height:100%;width: 44%;padding:0 2%;background:rgba(0,0,0,0.5);position: absolute;left:-100%;top:0;bottom:0;transition: all 1.5s;}
.sec3_left_wz{font-size:15px;color:#fff;line-height:2.2em;margin-top:40px;}
.sec3_left_more{display:block;text-align: right;margin-top:25px;}
.sec3_left_more a{display: inline-block;background: #027c38;padding:5px 20px;border-radius:30px;}
.sec3_rig{height:100%;width:52%;overflow:hidden;position: absolute;right:-100%;top:0;bottom:0;transition: all 1.5s;overflow:hidden; }
.sec3_rig img{width: 100%;display: block;transition: all 1s;}
.sec3_rig:hover img{transform: scale(1.1);}
.sec3_bot{position:absolute;width:100%;left:0;right:0;bottom:-100%;height:160px;background:rgba(3,99,46, 0.8);border-top:1px solid #83a894;transition: all 1s;}
.sec3_bot_nr{height:100%;}
.sec3_bot a{width:36%;padding:50px 1.5% 0 1.5%;height:100%;display: inline-block;border-right:1px solid #83a894;color:#fff;position: relative;}
.sec3xx_1 p:first-child{font-size:20px;}
.sec3xx_1 p:last-child{font-size:15px;margin-top:10px;}
.sec3_bot a:last-child{border:none;}
.sec3_bot a .sec3_xian{width:0;height:3px;background: #ae935c;position: absolute;left:50%;top:-2px;transition: all 0.5s;}

.sec3_xian1{width:0;height:3px;background: #ae935c;position: absolute;left:0;bottom:159px;transition: all 0.5s;}
.sec3_xian2{width:0;height:3px;background: #ae935c;position: absolute;right:0;bottom:159px;transition: all 0.5s;}
.sec3_xian1.on{width: 14%;}
.sec3_xian2.on{width: 14%;}
.sec3_bot a:hover .sec3_xian{left:0;right:0;width: 100%;}

.active .sec3_tit{margin-top:0;}
.active .sec3_left{left:0;}
.active .sec3_rig{right:0;}
.active .sec3_bot{bottom:0;}

/*第四屏*/
.section4{align-items:center;flex-wrap: wrap;background: #f1f1f1;}
.sec4_tit{width:100%;height:11%;padding-top: 1%;text-align:center;color:#000; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.sec4_tit .sec_tit_1{font-size:36px;line-height: 36px;}
.sec4_tit .sec_tit_2{font-size:18px;margin-top:15px;}
.sec4_nr{width:100%;height: 64%;margin:0 auto;padding:1% 0;}
.sec4_nr .swiper-container{height: 100%;position: relative;}
.sec4_nr .swiper-prev{position: absolute;top:48%;left:7%;z-index:99;}
.sec4_nr .swiper-next{position: absolute;top:48%;right:7%;z-index:99;}

.sec4_nr .swiper-slide {text-align: center;padding:0 0.25%;width: 80%;position: relative;}
.sec4_nr .swiper-slide-next .sec4_info {transform: translateX(350px);transition:all 1.5s;}
.sec4_nr .swiper-slide-active .sec4_info {opacity: 1;transform: translateX(0);transition:all 1.5s;}
.sec4_tu {width: 100%;height:100%;display: flex;align-items: center;}
.sec4_tu img {width: 100%;}
.sec4_info{position: absolute;right:0.25%;top:20%;background: #4a4a4a;width: 50%;padding:40px 30px;text-align: left;color:#fff;opacity: 0;}
.sec4_info .sec4_title{font-size: 22px;}
.sec4_info .sec4_cont{font-size: 16px;line-height: 2.2em;margin-top:15px;}
.sec4_bot{height:15%;padding-bottom: 2%;position: relative;left:-100%;transition: all 1s;}

.active .sec4_tit{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .sec4_bot{left:0;}

/*第五屏*/
.section5{background: url(../images/bg_5.jpg) 50% 50% no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.sec5_each{width: 33.3%;position: relative;transition: all 1s;}
.sec5_each:first-child{margin-left: -200%;}
.sec5_each:nth-child(2){opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.sec5_each:last-child{margin-right: -200%;}
.sec5_bg{width: 100%;}
.sec5_nr{position: absolute;left:0;top:0;right:0;bottom:0;width: 70%;height:100%;padding: 0 15%;background-image: linear-gradient(to bottom,#02632e , rgba(0,0,0,0));color:#fff;text-align: center;height:0;overflow:hidden;transition: all 0.5s;}
.sec5_nr .sec5_title{margin-top: 40%;font-size:30px;}
.sec5_nr .sec5_cont{font-size:16px;line-height: 2.4em;margin-top:50px;}
.sec5_each:hover .sec5_nr{height:100%;}

.active .sec5_each:first-child{margin-left: 0;}
.active .sec5_each:nth-child(2){opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s;}
.active .sec5_each:last-child{margin-right: 0;}

/*第六屏*/
.section6{background: url(../images/24.jpg) 50% 50% no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.section6 .sec_top{width:100%;padding-top:3%;font-family:impact; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;text-align: center;}
.section6 .sec_tit_1{font-size: 36px;color:#fff;line-height:36px;font-weight: bold;}
.section6 .sec_tit_2{font-size: 18px;color:#fff;margin-top:20px;}
.s6_nr{margin-top:3%;}
.s6_left{width: 42%;position: relative;margin-left: -300px;transition: all 1s;transition-delay: 0.3s;}
.s6_left>img{width: 100%;display: block;}
.s6_left_nr{width:94%;padding:25px 3%;background: #fff;}
.s6_left_tit{font-size:22px;color:#a82224;font-weight: bold;}
.s6_left_time{font-size: 14px;color:#adadad;}
.s6_left_time img{vertical-align: middle;}
.st_left_jj{margin-top:15px;line-height: 2em;color:#333333;font-size:14px;}

.s6_rig{width:55%;}
.s6_rig_li{margin-bottom:30px;position: relative;left:300px;transition: all 1s;}
.s6_rig_li:nth-child(1){transition-delay: 0.3s;}
.s6_rig_li:nth-child(2){transition-delay: 0.5s;}
.s6_rig_li:nth-child(3){transition-delay: 0.7s;}
.s6_rig_li:nth-child(4){transition-delay: 0.9s;}
.s6_rig_tu{padding:8px;background: #d0d0d0;width: 206px;height:127px;flex-shrink: 0;}
.s6_rig_tu img{display: block;width:100%;height:100%;}
.s6_rig_xx{margin-left: 20px;color:#fff;}
.s6_rig_title{font-size:18px;}
.s6_rig_jj{font-size:14px;line-height: 1.8em;margin-top:10px;}
.s6_rig_more{margin-top: 10px;}

.active .sec_top{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .swiper-slide{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .swiper_butt{bottom:40px;}
.active .s6_left{margin-left:0;}
.active .s6_rig_li{left:0;}


/*第七屏*/
.section7{position: relative;}
.section7 .top{width: 100%;height:55%;}
.section7 .bottom{width: 100%;height:45%;}
.anchorTL{display: none;}
.anchorBL{display: none;}

.sec7_nr{height:45%;position:absolute; bottom:0;left:50%;margin-left:-700px;z-index:9;}
.sec7{width: 50%;height:100%;transition: all 1s;}
.sec7_left{background: #fff;position: relative;left:-100%;}
.sec7_rig{background: #333333;position: relative;right:-100%;}
.lianxi{margin-left:60px;color:#000;}
.lxtit{font-size:24px;margin-top:30px;}
.lxnr{font-size:0.15rem!important;line-height: 2.4em;margin-top:20px;}

.erweima{margin-top:0px;margin-left:60px;}
.erweima p{text-align: center;margin-right:20px;}
.erweima img{margin-bottom: 10px;width: 100px;height:100px;}
.banquan{margin-left:30px;margin-top: 40px;line-height: 2em;color:#666666;}
.gbook{margin-left:60px;color:#fff;font-weight: bold;}
.form{margin-top: 30px;}
.form_in{border-bottom: 1px solid #9c9c9c;width:88%;margin-bottom:20px;}
.form_in .label{margin-bottom:10px;font-size:15px;line-height: 38px;}
.form_in textarea{width: 100%;resize: none;background:none;border:0;color:#fff;font-size:15px;line-height: 2em;height:100px;}
.form_in input{height:38px;line-height: 38px;margin-left: 10px;width: 75%;background:none;border:0;color:#fff;font-size:15px;}
.tijiao{width: 120px;height:32px;background: #fff;color:#000;text-align: center;line-height: 32px;margin-top:40px;font-size:15px;cursor:pointer;}

.active .sec7_left{left:0;}
.active .sec7_rig{right:0;}

@media screen and (max-width: 1440px) {
    .section1 .s1_bj1 {width: 120px;}
    .section1 .s1_bj2 {width: 120px;}
	.prod {margin-top: 9%;}
	.sec3_about {height: 400px;}
	.sec3_left{overflow:hidden;}
	.sec3_left_wz{font-size: 14px;line-height: 2.1em;}
	.sec4_info .sec4_cont {font-size: 14px;}
	.s6_rig_jj {font-size: 14px;line-height: 1.8em;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .s6_rig_tu {width: 158px;height: 88px;}
    .sec7_nr{width: 1300px!important;margin-left: -650px;}
}