@charset "utf-8";

body{overflow-x: hidden;}


.index_banner{position: relative;z-index: 1;overflow: hidden;}
/*按钮*/
.index_banner .bannerBtn{position: absolute;width: 33px;height: 62px;top:50%;margin-top: -31px;background-repeat: no-repeat;background-size: 100% 100%;z-index:4;cursor: pointer;}
.index_banner .bannerBtn_l{left: 36px;background-image:url("../images/indexBanner/bannerBtn_l.png");}
.index_banner .bannerBtn_r{right: 36px;background-image:url("../images/indexBanner/bannerBtn_r.png");}
/*num*/
.index_banner .banner_num{position: absolute;width: 100%;left: 0;bottom: 32px;z-index:4;}
.index_banner .banner_num span{width: 59px;height: 5px;background: #fff;opacity:.4;overflow: hidden;display: inline-block;text-indent: -77em;margin: 0 6px;transition: 0.5s all;-webkit-transition: 0.5s all;border-radius: 0}
.index_banner .banner_num span.swiper-pagination-bullet-active{background: #0e43bb;background: #fff;opacity: 1;}
.index_banner .banner_bg{display: block;width: 100%;}
.index_banner .banner_bg2{visibility: hidden;}
/*第一张banner*/
.index_banner_1{position: relative;background-size:cover;background-position: center center;background-repeat: no-repeat;}
.index_banner_1 .banner01_img1,.index_banner_1 .banner01_img2{position: absolute;top:0;width: auto;height: 99%;z-index: 2;}
.index_banner_1 .banner01_img1{left: 0;}
.index_banner_1 .banner01_img2{right: 0;}
.index_banner_1 .banner01_txt,.index_banner_1 .banner01_txt1,.index_banner_1 .banner01_txt2{z-index: 3;}
.index_banner_1 .banner01_txt{text-align: center;position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.index_banner_1 .banner01_txt img{display: block;margin: 0 auto;}
.index_banner_1 dl{display:table;width: 100%;height: 100%;}
.index_banner_1 dd{display:table-cell;width: 100%;height: 100%;vertical-align: middle;}
.index_banner_1 img.banner01_txt2{margin: 14px auto 14px;}
/*动画*//*
.index_banner .index_banner_1 .banner01_img2,.index_banner .index_banner_1 .banner01_img1{transform:scale(1.04)}
.index_banner .index_banner_1.o_on .banner01_img2,.index_banner .index_banner_1.o_on .banner01_img1{animation:scale_1to11 1.4s ease-out 0.6s;animation: scale_1to11 1.4s ease-out forwards 0.6s;}
@keyframes scale_1to11{ from {transform:scale(1.04)} to {transform:scale(1) } }*/

.swiper-InBanner .swiper-button-prev, .swiper-InBanner .swiper-button-next{display: none;}



.bigColumn_T{text-align: center;}
.bigColumn_T span{position: relative;font-weight: bold;font-size:34px;color:#333;display: inline-block;margin-top: 97px;padding-bottom: 28px;margin-bottom: 49px;}
.bigColumn_T span:after{content: '';position: absolute;left:50%;bottom: 0;margin-left:-25px;width: 50px;height: 2px;line-height: 2px;overflow: hidden;background: #bdbdbd;}
.In_advantage .bigColumn_T span{margin-bottom: 104px;}
.In_news .bigColumn_T span{margin-bottom: 0px;}



.In_advantage,.In_product,.In_about,.In_news{padding-bottom: 100px;}




/*===我们的优势===*/
.In_advantage{text-align: center;}
.In_advantage dl{border: 2px #cdcecf solid;float: left;width:22.16%;box-sizing:border-box;position: relative;}
.In_advantage dt{font-size:18px;color: #333}
.In_advantage dl .img{margin-bottom: 14px;margin-top:-54.5px;position: relative;z-index: 2;pointer-events: none;}
.In_advantage dl .img img{display: block;margin: 0 auto;width: 109px;height: 109px;border:9px #fff solid;background: #fff;pointer-events: none;}
.In_advantage dl .txt{font-size:14px;color: #555;padding: 20px 20px 0;line-height: 32px;}
.In_advantage dl .more{padding: 20px 0 40px}
.In_advantage dl .more span{font-size:14px;color: #fff;background: #cdcecf;height: 41px;line-height: 41px;display: inline-block;width: 140px;border-radius: 40px;display: flex;flex-direction: column;justify-content: center;margin: 0 auto;}
.In_advantage dl .more a{position: absolute;left:0px;top:0px;width: 100%;height: 100%;box-sizing: border-box;}
/*移上去效果*/
.In_advantage dl:hover{border: 2px #cdcecf solid;}
.In_advantage dl .more a:before,.In_advantage dl .more a:after{content:"";display:block;width: 0;height:0;border:2px solid transparent;box-sizing: border-box;position: absolute;box-sizing: border-box;}
.In_advantage dl .more a:before{top:-2px;left:2px;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.In_advantage dl .more a:after{right:2px;bottom:-2px;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.In_advantage dl .more a:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color: #008cd6;border-right-color: #008cd6;box-sizing: border-box;}
.In_advantage dl .more a:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color: #008cd6;border-left-color: #008cd6;box-sizing: border-box;}



.In_advantage .In_con dl:nth-child(2){margin:0 1.6% 0 3.3%;}
.In_advantage .In_con dl:nth-child(3){margin:0 3.3% 0 1.6%;}
/*.In_advantage dl.cur,.In_advantage dl:hover{border: 2px #008cd6 solid;}*/
.In_advantage dl.cur .more span,.In_advantage dl:hover .more span{background: #008cd6;}


/*===产品中心===*/
.In_product{background: #eeeeee;position: relative;}
.In_product .bigColumn_T,.In_product .In_product_con{position: relative;z-index: 2;}
.In_product_con{overflow: hidden;}
.In_product_con li{overflow: hidden;width: 134px;float: left;position: relative;background-repeat:no-repeat;background-position: right top;background-size: 100% 100%;margin-left: -2px;}
.In_product_con .dt{width:134px;float: left;background: #bdbdbe;cursor: pointer;position: relative;z-index: 2;}
.In_product_con .dt img{display: block;width: 100%;vertical-align: top}
.In_product_con .dd{width:0;height: 100%!important;position: absolute;right: 0;top:0;overflow: hidden;z-index: 1;}
.In_product_con .dd img{display: block;width: 100%;}
.In_product_con .dd .txt{font-size: 16px;color: #fff;line-height: 30px;background: rgba(0, 0, 0, 0.58);position: absolute;bottom: 0;left: 0;padding: 20px 24% 20px 6%;display: none;transition: 0.6s all;transform:translateY(100%);opacity: 0;width: 100%;    box-sizing: border-box;}
.In_product_con .dd .txt a{width: 43px;height: 43px;margin-top: -21.5px;background: url("../images/In_product_jt.png") no-repeat;background-size: 100% 100%;position: absolute;right: 6%;top:50%;}

.In_product_con .curr{width:66.46%;}
.In_product_con .curr .dt{background: #008cd6;}
.In_product_con .curr .txt{display: inherit;}
.In_product_bg{background-repeat:no-repeat;background-position: right top;background-size:cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity:.08;display: none;}

.In_product i.dt{width: 11.18%;display: block;height: 0;overflow: hidden;line-height: 0}




/*===关于我们===*/
.In_about{}
.In_about .img{width:46.4%;float: left;margin-bottom: 12px}
.In_about .img img{display: block;width: 100%;;}
.In_about .In_con{width:50%;float: right;}
.In_about .In_con p{font-size: 15px;color: #666;line-height:42px;margin-bottom: 20px;text-indent: 2em;}

.In_about .In_con a{display: inline-block;width: 142px;height: 46px;line-height: 46px;border-radius: 40px;font-size: 14px;color: #333;background: #e3e3e3;margin-right: 30px;text-align: center;display: flex; flex-direction: column; justify-content: center;margin: 0 auto;}
.In_about .In_con a:hover{color: #fff;background: #008cd6;}

.scrollBox{position: relative;}
.scrollBox video{width: 100%; height: 100%; object-fit: fill; mix-blend-mode: screen; z-index: 1; position: absolute;left: 0;top:0;}
.scrollBox .scrollCon{position: absolute!important;z-index: 1;left: 0;top:0;width: 100%!important;;height: 100%!important;}
.scrollBox .scrollCon li{position: relative;height: 100%!important;}
.scrollBox .scrollNum{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;text-align: center;}
.scrollBox .scrollNum li{width: 13px;height:13px;background: #fff;border-radius: 13px;border: 1px #ccc solid;display: inline-block;text-indent: -22em;overflow: hidden;margin: 0 5px;}
.scrollBox .scrollNum li.on{background: #008cd6;border: 1px #fff solid;}

/*======*/
.In_aboutNum{padding: 103px 0 121px;background:url("../images/In_aboutNum.jpg") no-repeat;background-size:100% 100%;}
.In_aboutNum dl{overflow: hidden;}
.In_aboutNum dd{font-size: 16px;color: #fff;width: 33%;float: left;}
.In_aboutNum dd span{font-size: 70px;font-weight: 300;}

.In_aboutNum dd:first-child{text-align:left;}
.In_aboutNum dd:nth-child(2){text-align: center;width: 35%}
.In_aboutNum dd:nth-child(3){text-align: right;width: 31%}


/*===新闻资讯===*/
.In_news{}
.In_news .img{width: 48.34%;height:100%;float: left;background-size:cover; background-repeat: no-repeat; background-position: center}
/* .In_news .img img{display: block;width: 100%;height: 100%;} */


.In_news .In_con{float: right;width: 48%;padding-top: 1px;min-height: 346px;}
.In_news .In_con img{display: none;}
.In_news dl{display: table;padding-bottom: 20px;margin-bottom:20px;border-bottom: 1px #f0f0f0 solid;position: relative;width: 100%}
.In_news dl:last-child{border-bottom: none;margin-bottom: 0!important;padding-bottom: 0!important;}
.In_news dl dd,.In_news dl dt{display: table-cell;vertical-align: middle;}
.In_news dt{padding: 6px 0 6px 16px;}
.In_news dt span{display: block;}
.In_news dt .title{margin-bottom: 8px;height:20px;position: relative;}
.In_news dt .title i{position: absolute;width: 100%;font-size: 16px;color: #333;left: 0;top:0;line-height: 20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
.In_news dt .info{font-size: 14px;line-height:24px;color: #666;height: 48px;overflow: hidden;}
.In_news dd{background: #ccc;font-size: 12px;color: #fff;text-align: center;width: 84px;}
.In_news dd span{font-size: 36px;display: block;}

.In_news dl dt a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.In_news dl.cur .title,.In_news dl:hover .title,.In_news dt a:hover .title{color: #008cd6;}
.In_news dl.cur dd,.In_news dl:hover dd{background: #008cd6}


.In_news .more{text-align: center;padding-top:40px;}
.In_news .more a{font-size: 14px;color: #888;border: 1px #888 solid;display: inline-block;width: 132px;height: 45px;line-height: 45px;border-radius: 45px;display: flex; flex-direction: column; justify-content: center;margin: 0 auto;}
.In_news .more a:hover{color: #008cd6;border: 1px #008cd6 solid;}

.In_news #myTab{padding: 22px 0 34px;}
.In_news .none{display: none;}
.In_news #myTab{text-align: center;overflow: hidden;}
.In_news #myTab li{font-size: 16px;color: #666;padding: 0 25px;display: inline-block;height: 18px;line-height: 18px;cursor: pointer;}
.In_news #myTab li:first-child{border-right: 1px #a3a3a3 solid;}
.In_news #myTab li.active{color: #008cd6;}


/*===合作伙伴===*/
.In_partner{background: #f8f8f8;}



@media screen and (max-width:1200px){
    .index_banner{}
    .index_banner .bannerBtn{width:20px;height: 40px;margin-top: -20px;}
    .index_banner .bannerBtn_r{right:10px;}
    .index_banner .bannerBtn_l{left: 10px;}
    .index_banner .banner_num{bottom:10px;}
    .index_banner .banner_num span{width:16px;height: 16px;border-radius: 16px;margin: 0 6px;}
    .banner01_img1,.banner01_img2{}
    .banner01_txt1{width:60%;}
    .banner01_txt2,.banner01_txt3{width:58%;}


    .bigColumn_T span{font-weight: bold;font-size:24px;margin-top:44px;padding-bottom:16px;margin-bottom:30px;}
    .In_advantage .bigColumn_T span{margin-bottom: 54px;}

    .In_advantage, .In_product, .In_about, .In_news{padding-bottom: 60px;}


    .In_advantage dl:nth-child(4){margin-bottom: 0!important;}
    .In_advantage dl .img{margin-top: -44px;margin-bottom: 0}
    .In_advantage dl .img img{width:60px;height:60px;}
    .In_advantage dl .txt{line-height: 24px;padding:10px 20px 0;}
    .In_advantage dl .more{padding:10px 0 20px}
    .In_advantage dl .more span,.In_news .more a{height: 34px;line-height: 34px!important;width:90px;padding: 0 20px;font-size: 12px;vertical-align: middle;}

    .In_product_con .dt{width:34.88px;}
    .In_product_con .dd .txt{font-size: 11px;line-height:18px;padding: 6px 16% 6px 6%;}
    .In_product_con .dd .txt a{width: 24px;height: 24px;margin-top: -12px;right:2%;}


    .In_about .In_con p{font-size: 12px;line-height: 24px;}
    .In_about .In_con a{width: auto;height: 34px;line-height: 34px;padding: 0 20px; margin-right: 20px;vertical-align: middle;}


    .In_aboutNum{padding:40px 0 40px}
    .In_aboutNum dd span{font-size:40px;}
    .In_aboutNum dd{font-size: 12px;}


    .In_news dt .title{font-size: 14px;height: 18px;}
    .In_news dt .title i{font-size: 14px;line-height:18px;}
    .In_news dt .info{font-size: 12px;line-height: 20px;height: auto;}
    .In_news .more{padding-top: 20px;}
}


@media screen and (max-width:880px){

    .In_advantage dl{width: 100%;margin:0!important;margin-bottom: 60px!important;}

    .In_about .img,.In_about .In_con{width: 100%;}

    .In_aboutNum dd{width: 100%!important;text-align: center!important;}
    .In_aboutNum dd:nth-child(2){margin: 20px 0}

    .In_news .img{display: none;}
    .In_news .In_con{width: 100%;}

}