/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:100%; overflow: hidden; }
.ibanner .swiper-container { width: 100%; height: 100%;}
.ibanner .swiper-slide { height:100vh; background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;padding: 40% 0;    text-align: center;}
.ibanner .ban-img img{ width: 90%; margin: 0 auto; max-width: 642px;}
.ibanner .swiper-pagination{ bottom:5rem!important; color: #fff; text-align: left;  box-sizing: border-box; max-width: 255px; display: flex; align-items: center;justify-content: center;  right: 0; left: 0; margin: 0 auto;}

.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 8px; height: 8px; border-radius: 100%;    margin: 0 8px !important;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 8px;height: 8px;transition: all 0.5s; position: relative;}
.ibanner .swiper-pagination-bullet-active:after{width: 20px; height: 20px; content: ""; display: block; background: rgba(255,255,255,0.6); position: absolute; left: -6px; right: -5px;margin: 0 auto; top: -6px; border-radius: 100%;    opacity: 1;}
.ibanner .swiper-slide:last-child{ height:100vh !important;}

.mySwiper{ height: 100vh; width: 100%; overflow: hidden; max-height: 1080px;}
.mySwiper .swiper-slide{height: 100%;}
.mySwiper .swiper-slide:last-child{ height: auto;}
::-webkit-scrollbar{ display: none;}
a.more2{ position: relative; max-width: 180px; display: block; text-align: center; margin: 3rem auto 3rem 0; color: #333333; border: 1px solid #e5e5e5; height: 4.8rem; line-height: 4.8rem; font-size: 18px; }
a.more2 i{ font-size: 18px; margin-left: 15px;}
a.more2:hover{ background: #03883b; color: #ffffff;}

a.more3{ position: relative; max-width: 180px; display: block; text-align: center; margin: 1rem 0 0 auto; color: #333333; border: 1px solid #c8262f; height: 4.8rem; line-height: 4.8rem; font-size: 18px; }
a.more3 i{ font-size: 18px; margin-left: 15px;}
a.more3:hover{ background: #c8262f; color: #ffffff;}

a.more4{ position: relative; max-width: 180px; display: block; text-align: center; margin: 4rem 0 0; color: #ffffff; background: #50b23f; height: 4.8rem; line-height: 4.8rem; font-size: 18px; }
a.more4 i{ font-size: 18px; margin-left: 15px;}
a.more4:hover{ background-image: linear-gradient(to right, #29cf0b 60%,#aee304, #c5e603);}


/*关于我们*/
.section.active .dot_a1 img{transform: scale(1); transition: 10s;}
.section.active .tit_a1{animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .box_a1{animation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .box_a2{animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .more2{animation-name: fadeInUp; animation-delay: 0.8s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .vedio{animation-name: fadeInUp; animation-delay: 1s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .box_a3{animation-name: fadeInUp; animation-delay: 1s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.sect_k1{height: 100%;}
.dot_a1{text-align: center; overflow: hidden;}
.dot_a1 img{height: 100%; min-height: 100vh;transform: scale(1.2);
    transition: 10s;}
.dot_a2{ width: 100%; max-width: 670px; margin: 0 auto;padding: 90px 0 0;}
.tit_a1{ font-size: 4.8rem; font-family: 'SourceHanSansCN-Bold'; position: relative;}
.tit_a1:after{ width: 9px; height: 9px; background: #50b23f; content: ""; display: block; position: absolute; bottom: 0; left: 37%;}
.box_a1{margin: 4rem 0; clear: both; overflow: hidden;}
.box_a1 li{ width: 25%; float: left;}
.box_a1 li span { color: #50b23f; font-size:16px}
.box_a1 li span b{ font-size: 3.6rem; font-family: 'SourceHanSansCN-Bold';}
.box_a1 li p{ font-size: 16px;}
.box_a2{ max-width: 670px; width: 100%;}
.box_a2 p{ font-size: 16px; color: #666666; line-height: 3rem;}
.box_a3{background: url(../img/bg_1.jpg) no-repeat center; background-size: cover; padding: 3rem;}
.box_a3 li{ text-align: left; font-size: 18px; color: #ffffff; position: relative; line-height: 4rem;}
.box_a3 li:hover::before{ width: 100%;}
.box_a3 li:hover span{ opacity: 1;}
.box_a3 li span{ opacity: 0;float: right;}
.box_a3 li a{ color: #ffffff;}
.box_a3 li:before{ width: 0; height: 1px; background: #ffffff; display: block; content: ""; position: absolute; left: 0; bottom: 0;}
.vedio{ position: relative;}
.vedio i{background: rgba(0,0,0,0.5); border-radius: 100%; width: 66px; height: 66px; line-height: 66px; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center;top: 40%; color: #ffffff; font-size: 3rem;}
/*第二屏*/
.sect_k11{   height: 100%;}
.section.active .box_a5{transition: 10s; background-size: 120%;}
.section.active .dot_a1 img{transform: scale(1); transition: 10s;}
.section.active .tit_a2{animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .box_a7{animation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.box_a5 .swiper-slide-active{ width: 60% !important;}
.box_a5 .swiper-slide-prev{ width: 20% !important;}
.box_a5 .swiper-slide-prev .dot_h1 span,.box_a5 .swiper-slide-next .dot_h1 span{ font-size: 2.4rem; color: rgba(255,255,255,0.5);}
.box_a5 .swiper-slide-prev .dot_h1 p,.box_a5 .swiper-slide-next .dot_h1 p{ visibility: hidden;}
.box_a5 .swiper-slide-prev .dot_h1 img,.box_a5 .swiper-slide-next .dot_h1 img{ visibility: hidden;}
.box_a5 .swiper-slide-prev .dot_h1 em,.box_a5 .swiper-slide-next .dot_h1 em{ visibility: hidden;}
.box_a5 .swiper-slide-next{ width: 20% !important;}

.dot_h1{ text-align: center; }

.dot_h1 span{display: block; font-size: 4rem;font-family: 'SourceHanSansCN-Regular'; color: #ffffff;}
.dot_h1 p{ font-size: 18px; line-height: 2; text-align: center; max-width: 458px; width: 94%; margin: 3rem auto; color: #ffffff;}
.dot_h1 em{position: relative; max-width: 180px; display: block; text-align: center; margin: 3rem auto; color: #ffffff; background: #50b23f; height: 4.8rem; line-height: 4.8rem; font-size: 18px; font-style: normal;}
.dot_h1 img{ max-width: 136px; width: 100%; margin: 0 auto;}
.dot_h1:hover em{background-image: linear-gradient(to right, #2fd10c, #fff100); transition: all 0.3s;}
.box_a4{ display: flex; flex-direction: column; max-width: 600px; margin: 0 auto;}
.box_a5{ background: url(../img/bg_h2.jpg) no-repeat center; height: 100vh; background-size: 140%; display: flex; align-items: center;}
.box_a6{ background: url(../img/bg_h1.jpg) no-repeat center; background-size: cover; height: 100vh;display: flex;justify-content: center;align-items: center;}
.tit_a2{ font-size: 4.8rem; font-family: 'SourceHanSansCN-Bold'; position: relative; color: #ffffff;}
.tit_a2:after{ width: 9px; height: 9px; background: #ffffff; content: ""; display: block; position: absolute; bottom: 0; left: 37%;}
.box_a7{ color: #ffffff; margin: 4rem 0 0;}
.box_a7 p{font-size: 16px; line-height: 3rem;}
.box_a7 img{ margin-top: 3rem;}
/*第三屏*/
.section.active .wow1{animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .prod{animation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.sect_k2{ height:100%; background: url(../img/bg_h3.jpg) no-repeat center; background-size: cover;     padding: 8% 0;}
.tit_a3{ text-align: left; font-size: 4.8rem;font-family: 'SourceHanSansCN-Bold';}
.prodBox{ width: 100%; position: relative; z-index: 100;}
.prodBox .hd{margin:5px auto 0; }
.prodBox .hd ul{display: flex; justify-content: center;max-width: 740px; margin-left: 0; }
.prodBox .hd ul li{text-align: center;line-height: 60px;position: relative; z-index: 0;cursor: pointer; overflow: hidden;}
.prodBox .hd ul li p{color: #333333; font-size: 2.4rem; position: relative; padding: 0 24px; z-index:2;font-family: 'SourceHanSansCN-Regular';}
.prodBox .hd ul li:before{ width: 0; height: 4px; position: absolute;  opacity: 0; left: 0; bottom: 0; content: ""; background: #c8262f; z-index: 0;}
.prodBox .hd ul li:hover p{ color: #c8262f;}
.prodBox .hd ul li:hover::before{opacity: 1;  width: 100%;}
.prodBox .hd ul li.on p{ color: #c8262f; cursor: pointer;}
.prodBox .hd ul li.on:before{opacity: 1;  width: 100%;height: 4px; position: absolute;   left: 0; bottom: 0; content: ""; background: #c8262f; z-index: 0;}
.img-box{ margin-bottom: 4rem; }
.img-box .time{ background: #cf3b46; color: #ffffff;max-width: 65px; border-radius: 0 0 0 5px; text-align: center;}
.img-box .time span{ font-size: 3rem; height: 40px; line-height: 40px;background: #e8303e; display: block; }
.img-box .time p{ font-size: 14px; height: 40px; line-height: 40px;}
.img-box .icon img{ width: 100%; height: 100%;}
.img-box a{position: relative; transition: all 0.8s; padding: 3rem 4rem;}
.img-box a:hover{ background: #f9f9f9;}
.img-box a:hover .ntit p{ color: #cf3b46;}
.img-box a:hover .icon img{transform:scale(1.1);}
.img-box .ntit{margin: 0 auto; text-align: left; }
.img-box .ntit i{ font-size: 3rem; margin-top: 2rem; color: #c5c5c5;}
.img-box .ntit p{ color: #333333; font-weight: bold; font-size: 2.2rem;}

.img-box1{ position: relative; margin-bottom: 0;}
.img-box1 .icon img{ width: 100%; height: 100%;}
.img-box1 a{position: relative; transition: all 0.8s;}
.img-box1 a:hover{ background: #f9f9f9;}
.img-box1:hover .ntit p{ color: #cf3b46;}
.img-box1 a:hover .icon img{transform:scale(1.1);}
.img-box1 .ntit{margin: 0 auto; text-align: left; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), #000000); padding: 1rem 3rem;}
.img-box1 .ntit p{ color: #ffffff; font-family: 'SourceHanSansCN-Regular'; font-size: 2.4rem; line-height: 2;}
.news1{left: auto !important; right: 10% !important;  bottom: 8% !important; text-align: right;}
.news1 .swiper-pagination-bullet-active{ background: #ffffff;}
.news1 .swiper-pagination-bullet{background: #ffffff;}

.new_list{ list-style: none; background: #ffffff;padding: 2rem;}
.new_list li{ line-height: 4rem; position: relative;}
.new_list li a{ font-size: 2rem; padding-left: 15px;color: #333333;    overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; display: block;}
.new_list li:hover a{color: #cf3b46;}
.new_list li:before{ width: 8px; height: 8px; background: #d2d2d2; display: block; content: ""; position: absolute; left: 0; top: 42%;    border-radius: 100%}

/*第四屏*/
.section.active .box_1 img{transform: scale(1); transition: 10s;}
.prodBox1{ width: 100%; position: relative; z-index: 100; height: 100%;}
.prodBox1 .hd{margin:0 auto; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }
.prodBox1 .hd ul{display: flex; justify-content: center; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.4);}
.prodBox1 .hd ul li{text-align: center;position: relative; width: 25%;  z-index: 0;cursor: pointer; overflow: hidden; padding: 3rem 0;}
.prodBox1 .hd ul li:before{ width: 0; height: 4px; position: absolute; content: ""; left: 0; top: 0; display: block;background-image: linear-gradient(to right, #29cf0b 60%,#aee304, #c5e603);}
.prodBox1 .hd ul li:hover::before{ width: 100%;}
.prodBox1 .hd ul li:last-child::after{ display: none;}
.prodBox1 .hd ul li:after{ border-right: 1px solid rgba(255,255,255,0.4); content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
.prodBox1 .hd ul li div{ display: flex;justify-content: center;  align-items: center;}
.prodBox1 .hd ul li div p{ font-size: 18px; color: rgba(255,255,255,0.5); text-align: left;}
.prodBox1 .hd ul li div p span{ font-size: 3rem;font-family: 'SourceHanSansCN-Regular'; display: block;}
.prodBox1 .hd ul li div i{ font-size: 3rem; color: #ffffff; border-radius: 100%; margin-left: 5rem; width: 5rem; height: 5rem; line-height: 5rem; display: block;}
.prodBox1 .hd ul li:hover div i{ border: 1px solid #ffffff;}
.prodBox1 .hd ul li.on:before{width: 100%; height: 4px; position: absolute; content: ""; left: 0; top: 0; display: block;background-image: linear-gradient(to right, #29cf0b 60%,#aee304, #c5e603);}
.prodBox1 .hd ul li.on p{ color: #ffffff; cursor: pointer;}

.box_1{ position: relative;}
.box_1 img{ width: 100%; height: 100%; position: relative;z-index: 0; transform: scale(1.2);}
.box_2 { position:absolute; z-index: 1; max-width: 670px; width: 100%; left: 4%; top: 20%;}
/*第五屏*/
.section.active .tit_a3{animation-name: slideInLeft; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .box_3{animation-name: slideInLeft; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .news-box1{animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .box_4{animation-name: slideInRight; animation-delay: 0.8s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}

.sect_k3{ background:#f2f4f6; background-size: cover; height: 100vh; display: flex; justify-content: center; align-items: center;}
.sect_k3 .mtop{ padding-top: 90px;}
.box_3{ clear: both; overflow: hidden; margin-top: 2rem; }
.box_3 li{ font-size: 2.4rem;font-family: 'SourceHanSansCN-Regular'; position: relative; width: 25%; float: left; text-align: center;}
.box_3 li a{ color: #333333;}
.box_3 li:before{ width: 0; height: 2px; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; background: #56b124; bottom: 0;}
.box_3 li:hover::before{ width: 80%;}
.box_3 li:hover a{ color: #56b124;} 
.box_4{ position: relative; }
.box_4 .icon{ overflow: hidden;}
.box_4:hover img{transform:scale(1.2);}
.box_4 .ntit{ background: #50b23f; width: 100%; position: absolute; padding: 3rem 7rem 0 0;left: 20%; bottom: -25%;}
.box_4 .ntit .time1{ color: #ffffff; font-size: 2rem; color: rgba(255,255,255,0.29); padding-left: 10%;}
.box_4 .ntit .time1 span{ background: none; display: inline-block;padding: 0;}
.box_4 .ntit p{ color: #ffffff; font-size: 2.4rem;font-family: 'SourceHanSansCN-Regular'; padding-left: 10%; margin: 3rem 0 5rem;}
.box_4 .ntit .time1 span{ color: #ffffff; font-size: 6rem;font-family: 'SourceHanSansCN-Bold';}
.box_4 .ntit span{ display: block; background: #4aa53a; height: 5rem; line-height: 5rem; color: #8fc388; font-size: 16px; padding-left: 10%;}
/*第六屏*/
.section.active .wow2{animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .notice{nimation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.sect_k4{height:100vh; background: url(../img/bg_h4.jpg) no-repeat center; background-size: cover;}
.box_notice{flex-direction: column; height: 100vh; justify-content: center; display: flex;}
.notice{}
.notice a{font-family: 'SourceHanSansCN-Regular'; color: #666666;}
.notice span{ font-size: 3rem;font-family: 'SourceHanSansCN-Regular'; display: block;}
.notice p{font-size: 18px; line-height: 30px;}
.notice em{ font-size: 14px; color: #888888; font-style: normal; margin: 3rem 0; display: block;}


.notice1{ max-width: 900px; width: 100%; margin-left: auto; overflow: hidden;}
.notice1 .swiper-slide-active{ width:80% !important; height: 100%; position: relative;}
.notice1 .swiper-container{ overflow: visible;}
.notice1 .swiper-slide-next{height: 100%; opacity: 0.8;  width: 100% !important;}
.notice1 .swiper-slide-prev{ opacity: 0; }


.prod_left{max-width: 700px; margin: 0 auto; position: relative;}
.prod_left .swiper-slide-next {opacity: 0 !important; }
.prod_left .swiper-slide-prev {opacity: 0 !important;}

.inext5{ background: none;width: 50px;top: 140%; font-size: 3rem; height: 50px;line-height: 43px; background: #ffffff; text-align: center;right: 80%;}
.iprev5{ transform: rotateY(180deg); top: 140%; font-size: 3rem; width: 50px;height: 50px;line-height: 43px; background: #ffffff; text-align: center;}
.iprev5:hover,.inext5:hover{ background: #50b23f; color: #ffffff;}

		
.display-none {display:none;}
.tab ul {list-style-type:none;overflow:hidden;margin-top: 1.5rem;}
.tab ul li {float:left;max-width:150px; margin:0 2rem; font-size: 2.4rem;font-family: 'SourceHanSansCN-Regular'; position: relative;line-height: 2;}
.tab ul li:before{width: 0; height: 2px; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; background: #56b124; bottom: 0;}
.tab ul li:hover::before{ width: 80%;}
.tab ul li a {color: #333333;}
.tab ul li.active {color: #56b124;}
.tab ul li.active:before{width: 100%; height: 2px; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; background: #56b124; bottom: 0;}
.tab ul li.active a {color:#56b124;}

.qiehuan{top: -30%; right: -10%; left: auto !important; font-size: 18px;}
.qiehuan:first-letter{ font-size: 3.6rem; color: #56b124;}
@media only screen and (max-width: 1600px) {
.prodBox1 .hd{ bottom: 0;}
}

.floatingAd .ad{z-index:10001 !important;background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}
.floatingAd .close{display:none;}
.floatingAd .opacity{position:absolute; top:0; width:100%; height:25px;  opacity:0.20; filter:alpha(opacity = 20);}
.opacity1{opacity:0.90; filter:alpha(opacity = 90);}
.floatingAd .text{position:absolute; top:0; width:100%; height:25px; color:#000000; line-height:25px; }
.floatingAd .text .button{position:relative;float:right;top:5px;right:5px;width:16px;height:16px;background:url("../img/close.png") no-repeat;cursor:pointer;}
.floatingAd .text .title{position:relative;float:left;font-size:12px;margin-left:5px;}