canvas{z-index:10;}
.banner{overflow: hidden;position: relative;}
.banner video{width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide{overflow: hidden;}
.banner_item{overflow: hidden;}
/* .banner_item img{animation: moveing 30s infinite;} */
.banner_item video{width: 100%;object-fit: cover;}
.banner_item .banner_move{animation: moveing 30s infinite;}
.banner_item img{height: 100%;width: 100%;}
.banner_font{z-index: 99;position: absolute;top: 36%;left: 110px;}
.banner_font p{color: #fff;font-size: 50px;font-weight: bold;text-transform:uppercase;}
.banner_font1{background: rgba(11,79,149,.6);width: 1100px;}
.banner_font2{background: rgba(0, 179, 182, 0.6);width: 1150px;}
.banner_swiper{height: 100%;}
.banner_swiper .swiper-slide{height: 100%;}
.banner_button{position: absolute;right: 300px;bottom:160px;z-index: 100;display: flex;align-items: center;}
.banner_button .banner_num{color: #fff;font-weight: bold;font-size: 35px;margin-right: 35px;}
.banner_button .banner_next{display: flex;align-items: center;justify-content: space-between;width: 170px;}
.banner_button .swiper-button-prev1,.banner_button .swiper-button-next1{border: none;outline: none;}
.banner_button i{display: inline-block;width: 76px;height: 76px;background: #fff;text-align: center;line-height: 76px;border-radius: 5px;font-size: 20px;transition: .2s all ease-in;}
.banner_button i:active{background: #c6c6c6;transition: .2s all ease-in;}

.banner_foot{width: 100%;height: 100px;background: rgba(0,0,0,.5);position: absolute;bottom: 0;z-index: 99;overflow: hidden;}
.banner_foot ul{width: 1200px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;height: 100%;}
.banner_foot li{cursor: pointer;height: 100%;width:100%}
.banner_foot li a{display: flex;align-items: center;height: 100%;}


.banner_foot li i,.banner_foot li span{color: #fff;}
.banner_foot li i{font-size: 40px;display: inline-block;height: 40px;margin-bottom: 10px;}
.banner_foot li .left{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;flex-shrink: 0;width: 132px;transition: .2s all ease-in;}
.banner_foot li .right{overflow: hidden;width: 0;transition: .2s all ease-in;}
.banner_foot li:hover .right{width: 210px;transition: .3s all ease-in;}
.banner_foot li:hover .left{background: #5dc2d0;transition: .2s all ease-in;}
/* banner */

/* 鏂伴椈涓績 */
.news{width: 1400px;margin: 0 auto;box-sizing: border-box;padding: 75px 0;}
.news .news_title{}
.news .news_title h3{font-size: 35px;font-weight: bold;}
.news .news_title>p{margin: 27px 0 35px 0;}
.news .news_title>div{display: flex;align-items: center;margin-bottom: 50px;}
.news .news_title>div span{width: 20px;height: 20px;background: #5dc2d0;display: flex;border-radius: 50%;align-items: center;justify-content: center;}
.news .news_title>div i{width: 6px;height: 6px;background: #5dc2d0;display: inline-block;border-radius: 50%;border: 3px solid #fff;}
.news .news_title>div hr{width: 100px;height: 2px;background: #e2e2e2;border: none;}

.news_main{width: 100%;position: relative;}
.new_swiper{overflow: hidden;width: 100%;}
.news_item{width: 440px;}
.news_item .top{width: 100%;overflow: hidden;margin-bottom: 25px;}
.news_item .top img{width: 100%;height: 292px;}
.news_item .bom{display: flex;align-items: center;width: 100%;transition: .2s all ease-in;}
.news_item .bom .left{width: 68px;flex-shrink: 0;margin-right: 13px;}
.news_item .left span{display: block;width: 100%;padding: 26px 0;background: #5dc2d0;color: #fff;text-align: center;font-size: 18px;}
.news_item .left p{border: 1px solid #e6e6e6;padding: 17px 0;text-align: center;border-top: none;font-size: 18px;}
.news_item .bom .right{width: 100%;overflow: hidden;}
.news_item .bom .right h4{font-size: 18px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;line-height: 30px;margin-bottom: 17px;transition: .2s color ease-in;}
.news_item .bom .right p{color: #666;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;line-height: 30px;}
.news_item:hover .bom h4{color: #5dc2d0;transition: .2s color ease-in;}
.news_item:hover .bom{transform: translateY(-2px);transition: .2s all ease-in;}

.news_btn{position: absolute;right: 0;top:-95px;z-index: 99;display: flex;align-items: center;justify-content: space-between;width: 110px;}
.news_btn .swiper-button-prev2,.news_btn .swiper-button-next2{border: none;outline: none;}
.news_btn i{display: inline-block;width: 45px;height: 45px;background: #ccc;text-align: center;line-height: 45px;border-radius: 5px;font-size: 20px;transition: .2s all ease-in;color: #fff;}
.news_btn i:active{background: #f1f1f1;transition: .2s all ease-in;}
/* 鏂伴椈涓績 */
/* 鏍稿績浼樺娍 */
.core{width: 100%;height: 744px;background: url(../img/img0.jpg)no-repeat 100% 100%;}
@keyframes moveing{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}

.core_main{width: 1400px;box-sizing: border-box;margin: 0 auto;padding: 50px 0;}
.core .index_title{display: flex;align-items: center;flex-direction: column;}
.core .index_title h3{font-size: 35px;font-weight: bold;color: #fff;}
.core .index_title>p{margin: 24px 0 27px 0;color: #fff;}
.core .index_title>div{display: flex;align-items: center;position: relative;margin-bottom: 35px;}
.core .index_title>div span{width: 16px;height: 16px;background: #fff;display: flex;border-radius: 50%;align-items: center;justify-content: center;}
.core .index_title>div i{width: 6px;height: 6px;background: #fff;display: inline-block;border-radius: 50%;border: 3px solid #2f877a;}
.core .index_title>div hr{width: 100px;height: 1px;background: #fff;border: none;position: absolute;left: -40px;top: -2px;}

.core ul{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 30px;height: 433px;position: relative;overflow: hidden;}
.core ul::after{content: '';width: 100%;height: 1px;background: #79fff8;position: absolute;top: 50%;display: block;left: -30px;}
.core ul li{display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: 100%;border-right: #79fff8 solid 1px;width: 350px;}
.core ul li:last-child{border: none;}
.core_item{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 216px;cursor: pointer;user-select: none;transition: .2s all ease-in;}
.core_item img{transform:rotateY(0deg);transition: .5s all ease-in;}
.core_item h3{font-size: 25px;font-weight: bold;color: #fff;margin: 20px 0;}
.core_item p{font-size: 15px;color: #cdfffe;}
.core_item:hover{transform: translateY(-5px);transition: .2s all ease-in;}
.core_item:hover img{transform: rotatey(360deg);transition: .5s all ease-in;}

/* 鏍稿績浼樺娍 */
/* 浜у搧涓績 */
.index_title{display: flex;align-items: center;flex-direction: column;}
.index_title h3{font-size: 35px;font-weight: bold;color: #333;}
.index_title>p{margin: 24px 0 27px 0;color: #666;}
.index_title>div{display: flex;align-items: center;position: relative;margin-bottom: 35px;}
.index_title>div span{width: 16px;height: 16px;background: #e9e9e9;display: flex;border-radius: 50%;align-items: center;justify-content: center;}
.index_title>div i{width: 6px;height: 6px;background: #e9e9e9;display: inline-block;border-radius: 50%;border: 3px solid #fff;}
.index_title>div hr{width: 100px;height: 1px;background: #e9e9e9;border: none;position: absolute;left: -40px;top: -2px;}

.product{width: 100%;box-sizing: border-box;background: #f8f8f8;padding: 60px 0 30px 0;position: relative;}
.product .product_main{width: 1400px;margin: 0 auto;box-sizing: border-box;}
.product .product_tab{width: 1200px;margin: 0 auto;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;transition: .2s all ease-in;}
.product .product_tab li{width: 200px;height: 60px;background: #fff;color: #333;border-radius: 5px;font-size: 18px;text-align: center;line-height: 60px;user-select: none;cursor: pointer;transition: .2s all ease-in;}
.product .product_list{width: 100%;display: none;}
.product .product_list .product_swiper{width: 100%;overflow: hidden;height: 450px;padding-top: 10px;}
.swiper-container3,.swiper-container4,.swiper-container5,.swiper-container6,.swiper-container7{height: 100%;}
.product .product_swiper .product_item{height: 100%;background: #fff;border-bottom: 2px solid #5dc2d0;box-sizing: border-box;transition: .2s all ease-in;}
.product .product_item .top{height: 360px;display: flex;align-items: flex-end;justify-content: center;width: 100%;overflow: hidden;box-sizing: border-box;}
/* .product .product_item .top img{box-shadow: 0 7px 8px -7px #333;} */
.product .product_item .bom{text-align: center;}
.product .product_item .bom h3{font-size: 21px;font-weight: bold;margin-bottom: 10px;transition: .2s all ease-in;}
.product .product_item .bom p{color: #666;}
.product .product_item:hover{box-shadow: 0 0 20px -5px #378d91;transform: translateY(-5px);transition: .2s all ease-in;}
.product .product_item:hover .bom h3{color: #5dc2d0;transition: .2s all ease-in;}

.swiper-button-prev3,.swiper-button-next3,.swiper-button-prev4,.swiper-button-next4,.swiper-button-prev5,.swiper-button-next5,.swiper-button-prev6,.swiper-button-next6,.swiper-button-prev7,.swiper-button-next7{border: none;outline: none;}
.product .product_btn i{display: inline-block;width: 45px;height: 80px;background: #fff;text-align: center;line-height: 80px;border-radius: 5px;font-size: 20px;transition: .2s all ease-in;color: #cccccc;}
.product .product_btn i:active{background: #d6d6d6;transition: .2s all ease-in;}
.swiper-button-prev3,.swiper-button-prev4,.swiper-button-prev5,.swiper-button-prev6,.swiper-button-prev7{position: absolute;left: 120px;z-index: 99;top: 60%;}
.swiper-button-next3,.swiper-button-next4,.swiper-button-next5,.swiper-button-next6,.swiper-button-next7{position: absolute;right: 120px;z-index: 99;top: 60%;}
.product_main>a{color: #5dc2d0;display: block;text-align: end;margin-top: 30px;}
.product_curr{background: #5dc2d0!important;color: #fff!important;}
/* 浜у搧涓績 */

/* 瀹犵墿鐧剧 */
.doubt{width: 1400px;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
.doubt_main .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 45px;}
.doubt_main .top>a{width: 650px;height: 400px;display: flex;align-items: center;justify-content: center;padding-top: 220px;box-sizing: border-box;overflow: hidden;}
.doubt_main .top .left{background: url(../img/img2.jpg)no-repeat center center;background-size: 100% 100%;transition: .2s all ease-in;overflow: hidden;}
.doubt_main .top .right{background: url(../img/img3.jpg)no-repeat center center;background-size: 100% 100%;transition: .2s all ease-in;overflow: hidden;}


.doubt_main .top>a>div{width: 320px;height: 130px;background: rgba(255,255,255,.8);border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 0;transition: .3s all ease-in;transform: translateY(160px);z-index: -1;}
.doubt_main .top>a .doubt_show{opacity: 1;transition: .3s all ease-in;z-index: 1;transform: translateY(0);}
.doubt_main .top>a>div h3{font-size: 22px;margin-bottom: 20px;}
.doubt_main .top>a>div p{font-size: 16px;}
.doubt_main>a{display: block;width: 130px;height: 40px;border: 1px solid #ddd;color: #666;border-radius: 5px;text-align: center;line-height: 40px;margin: 50px auto 0 auto;transition: .2s all ease-in;}
.doubt_main>a:hover{background: #5dc2d0;color: #fff;border: 1px solid #5dc2d0;transition: .2s all ease-in;}

.doubt_list li{width: 100%;box-sizing: border-box;padding: 20px 50px 20px 35px;background: #fafafa;border-radius: 5px;margin-bottom: 20px;cursor: pointer;transition: .2s all ease-in;}
.doubt_list li>div{display: flex;align-items: center;justify-content: space-between;transition: .2s all ease-in;}
.doubt_list li>div>p{font-size: 16px;transition: .2s all ease-in;}
.doubt_list li>p{display: none;color: #666;line-height: 28px;transition: .2s all ease-in;}
.doubt_list_curr{background: #fff!important;box-shadow: 0 0 10px -5px #3e3e3e;transition: .2s all ease-in;}
.doubt_list_curr>div{margin-bottom: 20px;transition: .2s all ease-in;}
.doubt_list_curr>div p{color: #5dc2d0!important;transition: .2s all ease-in;}
.doubt_list_curr>p{display: block!important;transition: .2s all ease-in;}
/* 瀹犵墿鐧剧 */

/* 绀句細璐ｄ换 */
.duty{background: #f8f8f8;width: 100%;padding: 60px 0 120px 0;}
.duty .duty_main{width: 1400px;margin: 0 auto;box-sizing: border-box;}
.duty_main ul{display: flex;align-items: center;height: 250px;}
.duty_main ul li a{display: flex;align-items: center;height: 100%;}
.duty_main ul .left{width: 350px;overflow: hidden;flex-shrink: 0;height: 250px;}
.duty_main ul .left img{width: 100%;height: 100%;transition: .3s all ease-in;}
.duty_main ul .right{background: #fff;height: 250px;width: 100%;box-sizing: border-box;padding: 20px;transform: translateY(0px);transition: .2s all ease-in;width: 350px;}
.duty_main ul .right h3{font-size: 16px;line-height: 30px;transition: .2s all ease-in;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.duty_main ul .right hr{width: 35px;height: 2px;background: #5dc2d0;display: block;border: none;margin: 15px 0 22px 0;transition: .2s all ease-in;}
.duty_main ul .right p{color: #666;line-height: 25px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}
.duty_main ul .right span{display: block;margin-top: 20px;transition: .2s all ease-in;}
.duty_main ul li:hover .left img{transform: scale(1.03);transition: .3s all ease-in;}
.duty_main ul li:hover .right h3{transition: .2s all ease-in;}
.duty_main ul li:hover .right hr{width: 60px;}
.duty_main ul li:hover .right span{color: #5dc2d0;transition: .2s all ease-in;}
.duty_main ul li:hover .right{transform: translateY(-2px);transition: .2s all ease-in;}

.triangle{position: relative;}
.triangle i{position: absolute;top: 25px;right: 0;width: 0; height: 0;z-index: 20;border-right: 18px solid #fff;border-top: 18px solid transparent;border-bottom: 20px solid transparent;}

.triangle2{position: relative;}
.triangle2 i{position: absolute;top: 25px;left: 0;width: 0; height: 0;z-index: 20;border-left: 18px solid #fff;border-top: 18px solid transparent;border-bottom: 20px solid transparent;}

.duty>a{display: block;width: 130px;height: 40px;border: 1px solid #ddd;color: #666;border-radius: 5px;text-align: center;line-height: 40px;margin: 30px auto 0 auto;transition: .2s all ease-in;}
.duty>a:hover{background: #5dc2d0;color: #fff;border: 1px solid #5dc2d0;transition: .2s all ease-in;}
/* 绀句細璐ｄ换 */

/* 瀹㈡埛瀹炶瘉 */
.prove{width: 1400px;margin: 0 auto;padding: 60px 0 120px 0;}
.prove_main{display: flex;align-items: center;height: 625px;width: 100%;}
.prove_main ul{width: 100%;height: 625px;overflow:hidden;}
.prove_main li{width: 100%;overflow:hidden;height: 312.5px;position: relative;}
.prove_main li .item{height: 100%;}
.prove_main li .item img{width: 100%;height: 100%;transition: .3s all ease-in;object-fit: cover;}

.prove_main li .pos{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgb(0,0,0,.3);z-index: 15;transition: .3s all ease-in;}
.prove_main li .pos img{transition: .3s all ease-in;}
.prove_main li .pos p{color: #fff;font-size: 16px;margin-top: 30px;transition: .3s all ease-in;}
.prove_main li:hover .pos{background: rgba(0,0,0,0);transition: .3s all ease-in;z-index: 15;}
.prove_main li:hover .pos img{transform: translateY(-15px);transition: .3s all ease-in;}
.prove_main li:hover .pos p{transform: translateY(15px);transition: .3s all ease-in;}
.prove_main li:hover .item img{transform: scale(1.1);transition: .3s all ease-in;}


.prove_main .left img{width: 101%;height: 100%;transition: .3s all ease-in;}
.prove_main .left{height: 100%;position: relative;width: 100%;overflow: hidden;}
.prove_main .left div{height: 95px;position: absolute;width: 100%;background: rgba(0,0,0,.3);bottom: 0;line-height: 95px;padding: 0 30px;box-sizing: border-box;z-index: 99;}
.prove_main .left div span{color: #fff;font-size: 25px;z-index: 150;display: block;position: relative;}
.prove_main .left div::before{content: '';display: inline-block;position: absolute;bottom: 0;width: 0%;background: rgba(0,0,0,.3);height: 100%;left: 0;transition: .3s all ease-in;}
.prove_main .left:hover div::before{width: 100%;transition: .3s all ease-in;z-index: 10;}
.prove_main .left:hover img{transform: scale(1.1);transition: .3s all ease-in;z-index: 1;}
.prove_main .mid,.prove_main .right{}
/* 瀹㈡埛瀹炶瘉 */

/* 浼佷笟鎰挎櫙 */
.vision{width: 100%;height: 802px;}
.vision ul{width: 100%;box-sizing: border-box;display: flex;align-items:center;justify-content: space-between;height: 100%;}
.vision ul li{height: 100%;user-select: none;cursor: pointer;overflow: hidden;transition: .2s all ease-in;}
.vision ul li p{color: #fff;font-size: 18px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;line-height: 30px;background: rgba(3,164,162,.5);opacity: 0;padding: 0 25%;transition: .3s all ease-in;}
.vision ul li .vision_curr{opacity: 1;transform: scale(1,1);transition: .3s all ease-in;}
.vision ul li:nth-child(1){width: 32.7%;background: url(../img/img9.jpg)no-repeat center center;background-size: 101% 100%;transition: .3s all ease-in;}
.vision ul li:nth-child(2){width: 44.27%;display: flex;flex-direction: column;justify-content: space-between;}
.vision ul li:nth-child(2)>div:nth-child(1){background: url(../img/img7.jpg)no-repeat center center;height: 49.3%;background-size: 100% 100%;transition: .3s all ease-in;}
.vision ul li:nth-child(2)>div:nth-child(2){display: flex;align-items: center;justify-content: space-between;height: 49.3%;}
.vision ul li:nth-child(2)>div:nth-child(2)>div:nth-child(1){background: url(../img/img8.jpg)no-repeat center center;height: 100%;width: 49%;background-size: 100% 100%;transition: .3s all ease-in;}
.vision ul li:nth-child(2)>div:nth-child(2)>div:nth-child(2){background: url(../img/img6.jpg)no-repeat center center;height: 100%;width: 49%;background-size: 100% 100%;transition: .3s all ease-in;}
.vision ul li:nth-child(3){width: 21.78%;height: 100%;display: flex;justify-content: space-between;flex-direction: column;}
.vision ul li:nth-child(3) div:nth-child(1){background: url(../img/img5.jpg)no-repeat center center;height: 49.3%;background-size: 100% 100%;transition: .3s all ease-in;}
.vision ul li:nth-child(3) div:nth-child(2){background: url(../img/img4.jpg)no-repeat center center;height: 49.3%;background-size: 100% 100%;transition: .3s all ease-in;}

.vision ul li:nth-child(1):hover{background-size: 105% 105%;transition: .3s all ease-in;}
.vision ul li:nth-child(2)>div:nth-child(1):hover{background-size: 105% 105%;transition: .3s all ease-in;}
.vision ul li:nth-child(2)>div:nth-child(2)>div:nth-child(1):hover{background-size: 105% 105%;transition: .3s all ease-in;}
.vision ul li:nth-child(2)>div:nth-child(2)>div:nth-child(2):hover{background-size: 105% 105%;transition: .3s all ease-in;}
.vision ul li:nth-child(3) div:nth-child(1):hover{background-size: 105% 105%;transition: .3s all ease-in;}
.vision ul li:nth-child(3) div:nth-child(2):hover{background-size: 105% 105%;transition: .3s all ease-in;}
/* 浼佷笟鎰挎櫙 */