/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:100vh; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;font-size: 18px;/* 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; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-slide .title{  color: #ffffff; display: block; text-align: left;  left: -17%; position: relative;}
.ibanner .swiper-slide .title span{ display: block;font-weight: bold; font-size: 6rem; }
.ibanner .swiper-slide .title span b{ color: #90c42f;}
.ibanner .swiper-slide .title em{font-size: 2.4rem; color: rgb(255,255,255,0.5); font-style: normal;}
.ibanner .swiper-slide .title div{ font-size: 3.6rem; color: #ffffff; margin-top: 5rem;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:1%;}
.ibanner .swiper-button-next{ right:1%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:3rem; height:3rem; line-height:3rem; text-align:center; background: #b62b20;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 15%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 2px; height: 9px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 20px;top: -11px;transition: all 0.5s;}


.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; }
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}


/*pro*/
.sect_k1{ background: #ffffff;  z-index: 2;position: relative; }
.sect_k1 .swiper-button-prev{ background: none; line-height: 7.3rem; border:1px solid #d1d1d1; border-radius: 100%; width: 7.3rem; height: 7.3rem; text-align: center; top: 40%;}
.sect_k1 .swiper-button-prev i{ font-size: 4rem; color: #d1d1d1;}
.sect_k1 .swiper-button-next{ background: none; line-height: 7.3rem; border:1px solid #d1d1d1; border-radius: 100%; width: 7.3rem; height: 7.3rem; text-align: center;top: 40%;}
.sect_k1 .swiper-button-next i{ font-size: 4rem; color: #d1d1d1;}
.pro_bg{background:url(../img/pro_bg.jpg) no-repeat center top; background-size: cover; padding: 9rem 0; height:70rem; }
.pro_bg1{background:url(../img/bg_fb.jpg) no-repeat center top; background-size: cover; padding: 9rem 0; height:70rem; }
.pro_bg2{background:url(../img/bg_yy.jpg) no-repeat center top; background-size: cover; padding: 9rem 0; height:70rem; }
.pro_bg3{background:url(../img/bg_hs.jpg) no-repeat center top; background-size: cover; padding: 9rem 0;height:70rem; }
.pro_bg4{background:url(../img/bg_hes.jpg) no-repeat center top; background-size: cover; padding: 9rem 0;height:70rem; }
.pro_box{ margin-top: 90px;}
.box_p1{ text-align: right; position: relative;}
.box_p1 .box1{ position: absolute; left: 13%; top: 12%; max-width: 542px; text-align: left;}
.box_p1 .box1 h2{ font-size: 4.8rem; display: block; font-weight: 500;}
.box_p1 .box1 p{ font-size: 1.8rem; line-height: 40px; padding-top: 3rem; }
.box_p2{ color: #333333; text-align: left; max-width: 480px; margin-left: 2%; margin-top: 5rem;}
.box_p2 h2{ font-size: 4.8rem;display: block; font-weight: 500;}
.box_p2 p{ font-size: 1.8rem; line-height: 40px; padding-top: 3rem; }
.box_p2 img{ margin-top: 4rem;}
.box_p2 a{ font-size: 18px; color: #66bc99; margin-top: 5rem; display: block;}
.box_p2 a:hover{}
.box_p2 a i{ font-size: 18px; }
.sect_k1 .swiper-pagination{bottom: 50px;}
.sect_k1 .swiper-pagination:after{ width: 80%; content: ""; height: 1px; display: block; background: #dedede; left: 0; right: 0; background: #dedede;position: absolute; margin: 0 auto; bottom: 7px;     z-index: 0;}
.sect_k1  .swiper-pagination-bullet{ position: relative; background: #dedede; z-index: 1;  opacity: 1; width: 10px; height: 10px; margin: 0 30px !important;}
.sect_k1 .swiper-pagination-bullet-active {background: #66bc99;}
/*.sect_k1 .swiper-pagination-bullet-active:first-child {background: #134988;}
.sect_k1 .swiper-pagination-bullet-active:nth-child(2){background: #95c83f;}
.sect_k1 .swiper-pagination-bullet-active:nth-child(3){background: #fd0202;}
.sect_k1 .swiper-pagination-bullet-active:nth-child(4){background: #22c60c;}
.sect_k1 .swiper-pagination-bullet-active:nth-child(5){background: #af1e0a;}*/
/*about*/
.sect_k2{ padding: 10rem 0; background: url(../img/bg_about.jpg) no-repeat center; background-size: cover;}
.box_1{ max-width: 590px; width: 100%; text-align: left;}
.box_1 em{ position: relative; font-size: 2.4rem; font-style: normal; color: #272727; display: block;}
.box_1 em:after{ width: 71px; height: 1px; content: ""; display: block; background: #1b1b1b; position: absolute; left: 20%; top:57%}
.box_1 span{ font-size: 3.6rem; color: #63bd97; font-weight: 600;  display: block;   padding: 2rem 0;}
.box_1 p{ font-size: 16px; color: #333333; line-height: 30px; text-align: left;}
.box_1 a{ width: 100%; max-width: 177px; display: block; background-image: linear-gradient(to right, #61ba97, #2c84a3); border-radius: 30px; padding: 10px 0; text-align: center; color: #ffffff; font-size: 16px; font-weight: 600; margin-top: 4rem;}

.box_2{ background: #ffffff; border-radius: 15px; margin-top: 15rem;}
.dot_4{ display: flex; flex-direction: column; align-items: center; text-align: center; padding: 4rem 0; color: #ffffff; position: relative; overflow: hidden;}
.dot_4:before{ width: 100%; height: 100%; position: absolute; left: -100%;  margin: 0 auto; top: 0; content: ""; background: url(../img/pic_h.jpg) no-repeat center; background-size: cover; border-radius: 15px; opacity: 0; }
.dot_4:hover::before{ left: 0; opacity: 1; z-index: 0;}
.dot_4 a{ position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.dot_4 a:hover img{filter: grayscale(100%) brightness(400%);}
.dot_4 a:hover span{color: #ffffff;}
.dot_4 a:hover p{color: #ffffff;}
.dot_4 a:hover em{color: #ffffff;}
.dot_4 a:hover em i{ color: #ffffff;}
.dot_4 img{ display: block;    margin: 0 auto;}
.dot_4 span{ font-size: 18px; display: block; line-height: 2.5; color: #333333;}
.dot_4 p{ font-size: 14px;  line-height: 25px; color: #666666;}
.dot_4 em{ font-style: normal; color: #62bc97; font-size: 14px; padding-top: 15px;     display: block;} 
.dot_4 em i{ font-size: 14px; padding-left: 5px;}
/*news*/
.sect_k3{ padding: 8rem 0; background: url(../img/bg_news.jpg) no-repeat center; background-size: cover;}
.sect_k3 .span-5{ width: 44.5%; margin-right: 3%;}
.sect_k3 .span-7{ width: 50%;}
.tit_1{ text-align: center;  background: url(../img/tit_bg.png) no-repeat center center; position: relative; padding: 3rem 0;}
.tit_1 span{ font-size: 4rem; color: #333333; display: block; padding-bottom: 1.5rem; font-weight: bold;}
.tit_1 em{ font-style: normal; font-size: 16px; color: #666666; text-transform: uppercase;}
.pusb{ display: flex; justify-content: center;    line-height: 30px; color: #333333;}
.pusb a{ font-size: 16px; padding: 0 10px; color: #333333;}
.pusb a:hover{  color: #63bd97;}

.news-box3{ margin-bottom: 0rem; background: #ffffff; overflow: hidden; border-radius: 15px; margin-top: 4.8rem;}
.news-box3 a{}
.news-box3 .icon{ border-radius: 15px 15px 0 0;}
.news-box3 .icon img{ width: 100%; height: 100%;}
.news-box3 a:hover .icon img{transform:scale(1.2);}
.news-box3 a:hover .ntit{ border-bottom: 2px solid #63bd97;}
.news-box3 a:hover .ntit span{ color: #63bd97;}
.news-box3 a:hover .ntit em{ color: #63bd97;}
.news-box3 a:hover .ntit p{ color: #63bd97;}
.news-box3 a:hover .ntit b{ color: #63bd97;}
.news-box3 .ntit{  position: relative; text-align: left; padding: 2rem; }

.news-box3 .ntit span{ font-size: 2rem; color: #333333; line-height: 5rem;display: block; font-weight: bold;}
.news-box3 .ntit em{ font-size:14px;color: #999999; line-height: 3rem; font-style: normal; margin-top: 2rem; margin-bottom: 1rem; display: flex; }
.news-box3 .ntit em i{ font-size: 2.5rem;}
.news-box3 .ntit p{ color: #666666; font-size: 16px; line-height: 30px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.news-box3 .ntit b{ font-size: 14px; color: #90c42f; margin-top: 2rem; display: block;}
.news-box3 .ntit b i{ font-size: 16px; }

.ys-prev{ left:85%; color:rgb(255,255,255,0.6); ; height: 5rem; width: 3rem; line-height: 5rem; text-align: center; top: 92%; background: none;}
.ys-next{ left:95%; background: rgb(0,0,0,0.5); height: 5rem; width: 3rem; line-height: 5rem; text-align: center; top: 92%; background: none;}
.ys-next i,.ys-prev i{ font-size: 4rem; color: #fff; line-height: 5rem; font-weight: 300;}
.news-box{  position: relative; margin-bottom: 6rem;transition: all 0.6s;}
.news-box .icon{ width: 100%;overflow: hidden;border-radius: 15px;}
.news-box img{ border-radius: 15px;}
.news-box .n-box{  position: absolute; left: 0;  bottom: -52px; max-width: 517px; width: 100%;}
.news-box .n-box div{background: url(../img/pic_nbg.png) no-repeat left center; padding: 4rem; background-size: cover; max-width: 517px;border-radius: 0 30px 0 0;}
.news-box .n-box div span{ color: #ffffff; font-size: 1.8rem;}
.news-box .n-box div span em{ font-style: normal; font-size: 4.8rem;}
.news-box .n-box div p{ font-size: 2rem; line-height: 3rem; color: #ffffff; font-weight: bold;}
.news-box .n-box b{ font-size: 14px; font-weight: normal; color: #ffffff; display: block; padding-left: 4rem; line-height: 3;  background: #63bd97;}
.news-box .n-box b i{ font-size: 18px; }
.news-box:hover img{transform:scale(1.2);}



.sect_k4{ background: #ffffff;  padding: 3rem 0; position: relative; }

.news-box5{ padding:0; position: relative; }


.news-box5 a:hover .icon img{transform:scale(1.2);}
.news-box5 .ntit{ text-align: center;}
.news-box5 .ntit p{ color: #292929; font-size: 16px; line-height: 5rem;}



.xz_ys{ padding: 5rem 0;}
.youshi{ text-align: center; cursor: pointer; }
.youshi:hover img{
	transform:rotate(360deg);
	-webkit-transition: transform .25s linear;
  -moz-transition: transform .25s linear;
  -o-transition: transform .25s linear;
  transition: transform .25s linear; display: block;
}
.youshi img{ display: block;     margin: 0 auto;}
.youshi p{ font-size: 16px; color: #8c8c8c;}
.youshi span{ font-size: 2.4rem; color: #595959; display: block; padding-top: 15px;    padding-bottom: 15px;}
canvas {display:block;}
.waves {position:absolute;left:0;top:0;right:0;bottom:0;}