@charset "UTF-8";

.kv{height:calc(100vh - 87px);position: relative;}
.kv .swiper-container{width:100%;height:100%;}
.kv .box{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position: relative;}
.kv .box .txt_body{position: absolute;left:0;right:0;top:25%;}
.kv .box .txt_body h1{font-size:34px;line-height:60px;color:#fff;font-weight:bold;display:none;}
.kv .box .txt_body h2{font-size:60px;line-height:60px;font-weight:bold;color:#fff;display:none;margin-top:10px;}
.kv .box .txt_body a.more{display:inline-block;width:182px;height:52px;border:1px solid #fff;box-sizing: border-box;font-size:16px;line-height:50px;text-align:center;font-weight:700;color:#fff;margin-top:30px;text-decoration:none;transition:all ease-out .5s;}
.kv .box .txt_body a.more:hover{border:1px solid #237ae4;background-color:#237ae4;color:#fff;}

.kv .dot{position: absolute;left:0;right:0;bottom:35px;z-index:4;text-align:center;}
.kv .dot span{cursor:pointer;display:inline-block;width:12px;height:12px;border-radius:0;background-color:#fff;opacity:1;margin:0 10px;}
.kv .dot span.swiper-pagination-bullet-active{background-color:#dc1211;}
.solution .solu_tab{padding:40px 0;background-image:linear-gradient(to right, #25c1ff , #237ae4);}
.solution .solu_tab h2{font-size:42px;font-size:4.2rem;color:#fff;font-weight:bold;padding-top:25px;position: relative;}
/*.solution .solu_tab h2::before{content:"";display:inline-block;width:50px;height:6px;background-color:#fff;position: absolute;left:0;top:0;}*/
.solution .solu_tab ul{font-size:0;margin-top:40px;}
.solution .solu_tab ul li{display:inline-block;box-sizing: border-box;margin-right:84px;cursor:pointer;text-align:center;}
.solution .solu_tab ul li:last-child{margin-right:0;}
.solution .solu_tab ul li .icon{display:inline-block;width:76px;height:76px;box-sizing: border-box;border:2px solid #fff;border-radius:8px;;transition:all linear .5s;position: relative;}
.solution .solu_tab ul li .icon i{display:block;width:100%;height:100%;position: absolute;left:0px;top:0px;z-index:1;background-position:center;background-repeat:no-repeat;}
.solution .solu_tab ul li .icon i.cover{z-index:2;opacity:0;transition:all linear .5s;}
.solution .solu_tab ul li p{font-size:16px;font-size:1.6rem;color:#fff;text-align:center;font-weight:bold;margin-top:5px;}
.solution .solu_tab ul li.active .icon{background-color:#fff;}
.solution .solu_tab ul li.active .icon i.cover{opacity:1;}
.solution .con_list{padding:40px 0 70px;overflow:hidden;}
.solution .solu_con{display:none;}
.solution .solu_con .container{position: relative;}
.solution .solu_con .container::before{content:"";position: absolute;right:1215px;top:0;bottom:0;width:100%;height:440px;background-color:#fff;z-index:9;}
.solution .solu_con .slider{height:440px;width:100%;position: relative;}

.solution .solu_con .slider .dot{position: absolute;left:0;z-index:2;width:480px;bottom:0;text-align:right;}
.solution .solu_con .slider .dot span{display:inline-block;width:30px;height:2px;background-color:#adacb6;opacity:1;border-radius:0;margin-left:5px;}
.solution .solu_con .slider .dot span.swiper-pagination-bullet-active{background-color:#0d0d0d;}
.solution .solu_con .slider .slider-btn{position: absolute;display:inline-block;width:50px;height:50px;background-color:#000;top:50%;transform: translateY(-50%);left:0;text-align:center;line-height:50px;z-index:19;transition:all linear .4s;}
.solution .solu_con .slider .slider-btn i{font-size:20px;color:#fff;}
.solution .solu_con .slider .slider-btn.swiper-button-disabled{opacity:0;cursor:auto;}
.solution .solu_con .slider .slider-btn.left{left:1090px;}
.solution .solu_con .slider .slider-btn.right{left:1150px;}
.solution .solu_con .slider .slider-btn:hover{background-color:#237ae4}

.solution .solu_con .slider .swiper-container{overflow:inherit;}
.solution .solu_con .content-wrap{display:flex;flex-wrap: wrap; justify-content: flex-start; transition-property: opacity,transform; transition-timing-function: ease;position:relative;}
.solution .solu_con .content-wrap .content-image{width:655px;height:440px;order:1;transition:all ease .5s;transform: translateX(10px)}
.solution .solu_con .content-wrap::before{content:"";width:545px;left:0;top:0;bottom:0;position: absolute;background-color:#fff;z-index:1;}
.solution .solu_con .content-wrap .content-image .img-box{position: relative;width:100%;height:100%;overflow:hidden;}
.solution .solu_con .content-wrap .content-image .img-box::after{content:"";position: absolute;left:0;right:0;bottom:0;display:inline-block;height:5px;background-color:#25c1ff}
.solution .solu_con .content-wrap .content-image .img-box a{position: absolute;display:block;left:0;right:0;top:0;bottom:0;min-width:100%;min-height:100%;max-height:100%;object-fit:cover;}
.solution .solu_con .content-wrap .content-image .img-box a img{width:calc(100% + 30px);transform: translateX(-15px);transition:transform .5s ease;height:100%;object-fit: cover;}
.solution .solu_con .content-wrap .content-image .img-box a:hover img{transform: translateX(0);}
.solution .solu_con .content-wrap .content-txt{width:545px;padding-top:30px;padding-right:65px;box-sizing: border-box;transition:all ease 5s;background:#fff;position: relative;z-index:2;}/*display:none;*/
.solution .solu_con .content-wrap .content-txt h3{font-size:36px;color:#237ae4;font-weight:bold;margin-bottom:25px;}
.solution .solu_con .content-wrap .content-txt p{font-size:16px;font-size:1.6rem;line-height:30px;color:#686868;}
.solution .solu_con .content-wrap .content-txt a{display:inline-block;font-size:16px;font-size:1.6rem;width:150px;height:50px;line-height:50px;text-align:center;background-color:#237ae4;color:#fff;margin-top:40px;text-decoration:none;transition:all ease-out .5s;}
.solution .solu_con .content-wrap .content-txt a:hover{background-color:#28C1FF;}
.solution .solu_con .slider .swiper-slide-active .content-wrap .content-txt{display:inline-block;}
.solution .solu_con .slider .swiper-slide-active .content-wrap .content-image{transform:translateX(0);}


.solution .solu_con .slider .content{display:flex;flex-wrap: wrap; justify-content: flex-start; transition-property: opacity,transform; transition-timing-function: ease;position:relative;}
.solution .solu_con .slider .content .img_out{width:655px;height:440px;order:1;transition:all ease .5s;transform: translateX(10px)}
.solution .solu_con .slider .content .img_out .box{position: relative;width:100%;height:100%;overflow:hidden;}
.solution .solu_con .slider .content .img_out .box::after{content:"";position: absolute;left:0;right:0;bottom:0;display:inline-block;height:5px;background-color:#25c1ff}
.solution .solu_con .slider .content .img_out .box a{position: absolute;display:block;left:0;right:0;top:0;bottom:0;min-width:100%;min-height:100%;max-height:100%;object-fit:cover;}

.solution .solu_con .slider .content .img_out .box.pre{transform: translate3d(-90px,0px,0px);opacity: 0;}
.solution .solu_con .slider .content .img_out .box.active{transform: translate3d(0px,0px,0px);opacity: 1;}
.solution .solu_con .slider .content .img_out .box.next{transform: translate3d(532px,0px,0px);opacity: 1;}
.solution .solu_con .slider .content .img_out .box.after{transform: translate3d(1064px,0px,0px);opacity: 1;}

.solution .solu_con .slider .content .txt_out{width:545px;padding-top:30px;padding-right:65px;box-sizing: border-box;transition:all ease 5s;background:#fff;position: relative;z-index:2;}/*display:none;*/
.solution .solu_con .slider .content .txt_out h3{font-size:36px;color:#237ae4;font-weight:bold;margin-bottom:25px;}
.solution .solu_con .slider .content .txt_out p{font-size:16px;font-size:1.6rem;line-height:30px;color:#686868;}
.solution .solu_con .slider .content .txt_out a{display:inline-block;font-size:16px;font-size:1.6rem;width:150px;height:50px;line-height:50px;text-align:center;background-color:#237ae4;color:#fff;margin-top:40px;text-decoration:none;transition:all ease-out .5s;}
.solution .solu_con .slider .content .txt_out a:hover{background-color:#28C1FF;}


#testContainer{width:100%;}
/*图片列表与图片容器*/
#imgListContainer{width:1220px;height: 440px;overflow-x: hidden;position: absolute;z-index: 1;top: 0;left:545px;;}
.imgContainer{width:655px;height:440px;position: absolute;left:0;top: 0;bottom:0;margin:auto;transition: all 0.6s ease-out;}
.imgContainer a > img{width: 100%;height: 100%;object-fit: cover;}
.imgContainer a{display:block;width:100%;height:100%;position: relative}
.imgContainer a::after{content:"";position: absolute;left:0;right:0;bottom:0;display:inline-block;height:5px;background-color:#25c1ff}
.imgContainer.slide-pre{transform: translate3d(-90px,0px,0px);opacity: 0;}
.imgContainer.slide-active{transform: translate3d(0px,0px,0px);opacity: 1;}
.imgContainer.slide-next{transform: translate3d(665px,0px,0px);opacity: 1;}
.imgContainer.slide-after{transform: translate3d(1230px,0px,0px);opacity: 1;}
/*左右操作按钮*/
#imgListContainer:hover > .slideBtn{opacity: 1;}
.slideBtn{position: absolute;display:inline-block;width:50px;height:50px;background-color:#666;top:50%;transform: translateY(-50%);left:0;text-align:center;line-height:50px;z-index:19;transition:all linear .4s;cursor:pointer;opacity:0;}
.slideBtn i{font-size:20px;color:#fff;}
.slideBtn#slideLeft{left:605px;}
.slideBtn#slideRight{left:665px;}
.slideBtn:hover{background-color:#237ae4}
#slideLeft{left: 562px;}
#slideRight{right:482px;}
.slideBtn.hide{opacity: 0 !important;cursor:default;}
/*指示点列表*/
#handlerListContainer{width: 100%;height: 40px;position: absolute;bottom:0;right:0;overflow-x: hidden;display: flex;align-items:flex-end;flex-wrap: nowrap; justify-content:flex-end;z-index:3;}
.handler{width: 30px;height: 30px;margin: 0 4px;display: flex;align-items:flex-end;cursor: pointer;}
.handler::after{content:'';background-color:#adacb6;height: 2px;width: 100%;transition: all 0.3s;}
.handler.active::after{background-color:#0d0d0d;}
/*文字区域*/
#textListContainer{width:480px;height:440px;position: relative;z-index:5;}
.textContainer{position: absolute;left: 0px;top: 30px;transition: all 0.3s ease-out;}
.textContainer h3{font-size:36px;color:#237ae4;font-weight:bold;margin-bottom:25px;}
.textContainer p{font-size:16px;font-size:1.6rem;line-height:30px;color:#686868;text-align:justify;}
.textContainer a{display:inline-block;font-size:16px;font-size:1.6rem;width:150px;height:50px;line-height:50px;text-align:center;background-color:#237ae4;color:#fff;margin-top:40px;text-decoration:none;transition:all ease-out .5s;}
.textContainer a:hover{background-color:#28C1FF;color:#fff;}
.textContainer.slide-pre{transform: translate3d(-60px,0px,0px);opacity: 0;z-index:1}
.textContainer.slide-active{transform: translate3d(0px,0px,0px);opacity:1;z-index:2;}
.textContainer.slide-after{transform: translate3d(60px,0px,0px);opacity:0;z-index:1;}


/**/
/*.solution .solu_con .slider .swiper-slide{opacity:1!important;z-index:9}
.solution .solu_con .slider .swiper-slide-active{z-index:19}
.solution .solu_con .slider .swiper-slide.swiper-slide-prev .content-image{opacity: 0;}
.solution .solu_con .slider .swiper-slide.swiper-slide-active .content-image{transform:translate3d(0px,0px,0px);opacity:1;}
.solution .solu_con .slider .swiper-slide.swiper-slide-next .content-image{transform:translate3d(1210px,0px,0px);opacity: 1;}*/

/*
.solution .solu_con .slider .swiper-slide-active .content-wrap .content-image{transform: translateX(0)}
.solution .solu_con .slider .swiper-slide-next .content-wrap .content-image{transform: translateX(635px)}
*/

.product h2{font-size:42px;font-size:4.2rem;font-weight:bold;color:#0f0f0f;position: relative;padding-bottom:25px;}
/*padding-top:20px;*/
/*.product h2::before{content:"";display:inline-block;width:50px;height:6px;background-color:#237ae4;position: absolute;left:0;top:0;}*/
.product .content{height:calc(100vh - 88px);min-height:600px;background:url(../images/index/product_bg.jpg) no-repeat center bottom;background-size:cover;position: relative;}
.product .content .list{position: absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:all linear .5s;}
.product .content .list .box_list{float:left;width:25%;box-sizing: border-box;height:100%;border-left:1px solid #d2d2d2;text-align:center;}
.product .content .list .box_list:hover{background:url(../images/index/product_list_bg.png) repeat;background-size:cover;}
.product .content .list .box_list .box{box-sizing: border-box;height:100%;width:100%; padding:140px 30px 0;transition:all linear .3s;}
.product .content .list .box_list .box .icon{width:100px;height:100px;display:inline-block;background-repeat:no-repeat;background-position:center}
.product .content .list .box_list .box .icon i{display:block;width:100%;height:100%;opacity:0;background-repeat:no-repeat;background-position:center;transition:all linear .3s;}

.product .content .list .box_list .box h3{font-size:32px;font-size:3.2rem;color:#237ae4;font-weight:bold;margin:0 0 10px;}
.product .content .list .box_list .box h4{font-size:16px;font-size:1.6rem;line-height:24px;color:#666;}
.product .content .list .box_list .box:hover{padding-top:20px;}
.product .content .list .box_list .box:hover .icon i{opacity:1;}
.product .content .list .box_list .box:hover h3{color:#fff;}
.product .content .list .box_list .box:hover h4{color:#fff;}
/*.product .content .list .box_list .box .icon_1{background-image:url(../images/index/product_box_icon_1.png);}
.product .content .list .box_list .box .icon_2{background-image:url(../images/index/product_box_icon_2.png);}
.product .content .list .box_list .box .icon_3{background-image:url(../images/index/product_box_icon_3.png);}
.product .content .list .box_list .box .icon_4{background-image:url(../images/index/product_box_icon_4.png);}
.product .content .list .box_list .box:hover .icon_1{background-image:url(../images/index/product_box_icon_1_h.png);}
.product .content .list .box_list .box:hover .icon_2{background-image:url(../images/index/product_box_icon_2_h.png);}
.product .content .list .box_list .box:hover .icon_3{background-image:url(../images/index/product_box_icon_3_h.png);}
.product .content .list .box_list .box:hover .icon_4{background-image:url(../images/index/product_box_icon_4_h.png);}*/

.product .content .list .box_list .box .mask{display:none;padding-top:20px;}
.product .content .list .box_list .box .mask ul li{height:46px;line-height:46px;color:#fff;font-size:14px;font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.5);overflow:hidden;}
.product .content .list .box_list .box .mask ul li a{font-size:14px;font-size:1.4rem;line-height:46px;color:#fff;text-decoration:none;transition:all linear .3s;}
.product .content .list .box_list .box .mask ul li a:hover{opacity:.5;}
.product .content .list .box_list .box .mask a.more{display:inline-block;width:140px;height:44px;line-height:44px;background-color:#fff;font-size:16px;font-size:1.6rem;color:#237ae4;font-weight:bold;text-decoration:none;margin-top:20px;transition:all ease-out .5s;}
.product .content .list .box_list .box .mask a.more:hover{background-color:#28C1FF;color:#fff;}


.about{height:540px;background:url(../images/index/about_bg.jpg) no-repeat center;background-size:cover;background-attachment: fixed;box-sizing: border-box;padding-top:150px;}
.about .box_lf{float:left;width:685px;height:390px;background-color:rgba(255,255,255,.95);box-sizing: border-box;padding:50px 70px 0;}
.about .box_lf h2{font-size:42px;font-size:4.2rem;color:#1B2026;line-height:42px;font-weight:bold;padding-top:30px;position: relative;margin-bottom:25px;}
/*.about .box_lf h2::before{content:"";display:inline-block;width:40px;height:6px;background-color:#428ce6;position: absolute;left:0;top:0;}*/
.about .box_lf p{font-size:16px;font-size:1.6rem;line-height:28px;color:#666;}
.about .box_lf a.more{display:inline-block;text-align:center;width:150px;height:50px;line-height:50px;background-color:#237ae4;font-size:16px;font-size:1.6rem;font-weight:bold;color:#fff;text-decoration:none;margin-top:30px;transition:all ease-out .5s;}
.about .box_lf a.more:hover{background-color:#28C1FF;color:#fff;}
.about .slider_rt{float:right;width:515px;height:390px;position: relative;}
.about .slider_rt .box{text-align:center;padding-top:70px;}
.about .slider_rt .box h3{position: relative}
.about .slider_rt .box h3 span{font-size:90px;font-size:9rem;font-weight:bold;color:#fff;}
.about .slider_rt .box h3 sup{font-size:65px;font-size:6.5rem;line-height:60px;color:#fff;position:absolute;top:0;}
.about .slider_rt .box h4{font-size:27px;font-size:2.7rem;color:#fff;}
.about .slider_rt .dot{position: absolute;left:0;right:0;bottom:65px;text-align:center;}
.about .slider_rt .dot span{width:8px;height:8px;background-color:rgba(255,255,255,.5);opacity:1;cursor:pointer;margin:0 8px;}
.about .slider_rt .dot span.swiper-pagination-bullet-active{background-color:#fff;}

.news{padding:60px 0 100px;background:url(../images/index/news_bg.jpg) no-repeat center;background-size:cover;background-attachment: fixed;}
.news .content{width:100%;}
.news .news_left{width:280px;height:550px;float:left;margin-right:24px;}
.news .news_left a{display:block;box-sizing: border-box;padding:35px 25px;width:100%;height:100%;background-color:#2381e7;text-decoration:none;transition:all ease-out .5s;}
.news .news_left a h2{font-size:42px;font-size:4.2rem;line-height:42px;padding-top:25px;color:#fff;font-weight:bold;position: relative;}
/*.news .news_left a h2::before{content:"";display:inline-block;width:40px;height:6px;background-color:#fff;position: absolute;left:0;top:0;}*/
.news .news_left a h3{margin-top:30px;}
.news .news_left a h3 span{font-size:16px;font-size:1.6rem;color:#fff;padding-right:35px;background:url(../images/index/arrow.png) no-repeat right center;}
.news .news_left a:hover{background-image:linear-gradient(to bottom, #25c1ff , #237ae4);}
.news .news_right{width:896px;float:left;overflow:hidden;}
.news .news_right .list{width:924px;}
.news .news_right .list a{float:left;width:280px;margin-right:28px;text-decoration:none;margin-bottom:35px;}
.news .news_right .list a .img_out{width:280px;height:200px;overflow:hidden;}
.news .news_right .list a .img_out img{display:block;width:100%;height:100%;object-fit: cover;transition:all ease-out .5s;}
.news .news_right .list a .txt_out{width:100%;height:130px;box-sizing: border-box;padding:25px 15px 0;background-color:#f4f4f4;position: relative;}
.news .news_right .list a .txt_out h3{font-size:18px;font-size:1.8rem;line-height:28px;color:#666;position: relative;transition:all linear .3s;}
.news .news_right .list a .txt_out::after{content:"";position: absolute;width:0;bottom:0;height:4px;background-color:#25c1ff;transform: translateX(-50%);left:50%; transition:all linear .3s;}

/*padding-top:15px;.news .news_right .list a .txt_out h3::before{content:"";display:inline-block;width:0;height:6px;background-color:#fff;transition:all linear .2s;position: absolute;left:0;top:0;}*/
.news .news_right .list a .txt_out h4{ffont-size:15px;font-size:1.5rem;line-height:25px;color:#666;margin-top:20px;transition:all linear .5s;}
.news .news_right .list a:hover .img_out img{transform:scale(1.05)}
.news .news_right .list a:hover .txt_out{background-image:linear-gradient(to right, #25c1ff , #237ae4);}
.news .news_right .list a:hover .txt_out h3{color:#fff;}
.news .news_right .list a:hover .txt_out h3::before{width:45px;}
.news .news_right .list a:hover .txt_out h4{color:#fff;}
.news .news_right .list a:hover .txt_out::after{width:100%;}



.searchKv{height:230px;background-image:linear-gradient(to right, #25c1ff , #237ae4);}
.searchKv .container{padding-top:90px;}
.searchKv .content{position: relative;border-bottom:2px solid #fff;margin:0 200px;}
.searchKv .content input{background:none;border:0;font-size:16px;line-height:26px;color:#fff;padding:10px 50px 10px 0;box-sizing:border-box;width:100%;}
.searchKv .content input::placeholder{color:#fff;}
.searchKv .content .sechBtn{position: absolute;right:0;top:0;display:inline-block;width:46px;height:46px;line-height:46px;text-align:center;font-size:24px;color:#fff;text-decoration:none;}

.sechBody{padding:45px 0;background-color:#f0f1f5;}
.sechBody .sechTab{margin-bottom:35px;}
.sechBody .sechTab a{display:inline-block;font-size:16px;font-size:1.6rem;line-height:20px;color:#666;margin-right:40px;padding-bottom:10px;position: relative;text-decoration:none;transition:all ease-out .3s;}
.sechBody .sechTab a:last-child{margin-right:0;text-decoration:none;}
.sechBody .sechTab a.active::after{content:"";position: absolute;left:0;right:0;bottom:0;background-color:#237ae4;display:inline-block;height:3px;}
.sechBody .sechTab a:hover{color:#25c1ff;}
.sechBody .sechlist li{padding-bottom:30px;}
.sechBody .sechlist li a{padding:30px;background-color:#fff;display:block;text-decoration:none;transition:all linear .3s;position: relative;}
.sechBody .sechlist li a h3{font-size:22px;font-weight:bold;color:#1B2026;margin-bottom:10px;transition:all ease-out .3s;}
.sechBody .sechlist li a h4{font-size:15px;line-height:24px;color:#666;height:48px;padding-right:150px;}
.sechBody .sechlist li a h5{font-size:12px;line-height:18px;color:#666;}
.sechBody .sechlist li a:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}
.sechBody .sechlist li a:hover h3{color:#237ae4;}
.sechBody .sechlist li .imgout{display:inline-block;width:125px;height:75px;overflow:hidden;border-radius:8px;;position: absolute;right:30px;top:50%;transform:translateY(-50%);}
.sechBody .sechlist li .imgout img{display:block;min-width:100%;height:inherit}


@media only screen and (min-width : 1680px) {
	.product .content .list .box_list .box{padding:40% 30px 0;}
	.product .content .list .box_list .box:hover{padding-top:20%;}
}