
/* public */
.web_head {position: fixed; top: 0; left: 0;}
.web_head .head_layer{padding: 25px 0 50px;}
.fixed-nav .head_layer{padding: 10px 0 12px;}


@media only screen and (max-width: 980px) {
	
}
/* banner_video */
.banner_video .video_div{width: 100%; /* height: 100vh; min-height: 600px; */ background: #000; /* object-fit: fill; */ position: relative; z-index: 1;}

.banner_video{position: relative;}
.banner_video .web_th{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-45%); z-index: 10;}
.banner_video .web_th .title,
.banner_video .web_th .brief{text-shadow: 0px 3px 7px rgba(0,0,0,0.76);}
.banner_video .web_th .brief{font-size: 28px; margin: 20px 0 3%; line-height: 1.5;}
.banner_video .web_th .title b{color: var(--secondColor); transform: scale(1.15); display: inline-block;}

@media only screen and (max-width: 1500px) {
	.banner_video .web_th .brief{font-size: 26px;}
}
@media only screen and (max-width: 1300px) {
	.banner_video .web_th .brief{font-size: 24px;}
}
@media only screen and (max-width: 1023px) {
	.banner_video{margin-top: 126px;}
	.banner_video .video_div{height: calc(100vw * 1.12); min-height: unset; height: auto;}
	.banner_video .web_th{transform: translateY(-48%);}
	.banner_video .web_th .title,
	.banner_video .web_th .brief{width: 100%;}
	.banner_video .web_th .title{font-size: 20px;}
	.banner_video .web_th .brief{font-size: 16px; margin: 8px 0 8px;}
	.banner_video .pubMore{height: 32px; line-height: 28px; font-size: 16px; padding: 0 20px;}
}
@media only screen and (max-width: 980px) {
	/* .banner_video{position: relative; height: 0; padding-bottom: 75%;}
	.banner_video .video_div{height: 100%; width: 100%; position: absolute; left: 0; top: 0;} */
	/* .banner_video .video_div{height: calc(100vw * 0.75);} */
}

/* slider_banner */
.slider_banner {position: relative;}
.slider_banner .swiper-slide {overflow: hidden; border-radius: 0 0 80px 80px;}
.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
	opacity: 0;
}
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity: 1;}
.slider_banner .swiper-button-prev {left: 0;}
.slider_banner .swiper-button-next {right: 0;}
.slider_banner:hover .swiper-button-prev {left: 20px;}
.slider_banner:hover .swiper-button-next {right: 20px;}

.slider_banner .swiper-slide img+img {
	position: absolute; left: 0; top: 0
}
.slider_banner .swiper-slide img {
    width: 100%; transition: 3s linear; transform: scale(1.08)
}
.slider_banner .swiper-slide.swiper-slide-active img {
	transform: scale(1);
}

.slider_banner-phone {display: none;}
@media only screen and (max-width: 950px) {
	.slider_banner{display: none;}
	.slider_banner-phone{display: block; margin-top: 0;}
	.slider_banner-phone .swiper-slide{max-height: 260px;}
	.slider_banner-phone img{width: 100%; height: 100%;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* home_toptxt */
.home_toptxt .web_th .title{width: 49%;}
.home_toptxt .web_th .brief{width: 46%;}

@media only screen and (max-width: 980px) {
	.home_toptxt .web_th .title{width: 100%;}
	.home_toptxt .web_th .brief{width: 100%;}
}

/* home_num */
.home_num{margin-top: 4%; position: relative; height: calc(100vh); min-height: 560px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.num_inner{color: #fff; margin-bottom: 4%;}
.num_inner .num_item{width: 220px; justify-content: center;}
.num_inner .num_item:first-child{width: 170px;}
.num_inner .num_item:nth-child(7){width: 350px;}
.num_inner .num_item .num_div{align-items: center;}
.num_inner .num_item .world-number,
.num_inner .num_item .world-number-l{font-family: 'Poppins-Bold'; font-size: 70px;}
.num_inner .num_item .world-unit{font-size: 66px; font-family: 'Adobe Heiti Std R'; text-transform: none; padding-bottom: 8px;}
.num_inner .num_item .world-unit span{transform: scaleX(0.75); display: inline-block;}
.num_inner .num_item .world-unit sup{font-size: 30px; margin-left: -5px;}
.num_inner .num_item .world-tip-b{text-align: center; color: #E5E5E5;}
.num_inner .num_item:hover .num_icon{animation: swing 0.5s;}

.num_inner .num_line{width: 10px; position: relative; height: 100%;}
.num_inner .num_line::before{position: absolute; width: 1px; left: 5px; top: 30%; height: 56%; content: ''; background: rgba(255, 255, 255, .4);}
.num_inner .num_line:last-child{display: none;}

@media only screen and (max-width: 1600px) {
	.num_inner .num_item .world-number,
	.num_inner .num_item .world-number-l,
	.num_inner .num_item .world-unit{font-size: 60px;}
}
@media only screen and (max-width: 1500px) {
	.num_inner .num_item .world-number,
	.num_inner .num_item .world-number-l,
	.num_inner .num_item .world-unit{font-size: 54px;}
}
@media only screen and (max-width: 1400px) {
	.num_inner .num_item .world-number,
	.num_inner .num_item .world-number-l,
	.num_inner .num_item .world-unit{font-size: 48px;}
	.num_inner .num_item .world-unit sup{font-size: 26px;}
}
@media only screen and (max-width: 1280px) {
	.num_inner .num_item .world-number,
	.num_inner .num_item .world-number-l,
	.num_inner .num_item .world-unit{font-size: 42px;}
	.num_inner .num_item .world-unit sup{font-size: 22px;}
}
@media only screen and (max-width: 980px) {
	.home_num{height: 460px; min-height: unset;}
	.num_inner{flex-wrap: wrap;}
	.num_inner .num_item{flex-direction: column; text-align: center; width: 40% !important; margin-bottom: 15px;}
	.num_inner .num_item:nth-child(3), .num_inner .num_item:nth-child(7){width: 56% !important;}
	.num_inner .num_line{height: 68px; margin-bottom: 15px}
	.num_inner .num_line:nth-of-type(4n){display: none;}
	.num_inner .num_item .num_icon{margin: 0 auto 10px;}
	.num_inner .num_item .num_row{align-items: center; justify-content: center;}
	.num_inner .num_item .world-number,
	.num_inner .num_item .world-number-l,
	.num_inner .num_item .world-unit{font-size: 30px;}
	.num_inner .num_item .world-unit sup{font-size: 16px;}
}

/* home_solution */
.solu_inner{min-height: 600px;}
.solu_left{width: 48%; height: 100%; min-height: 500px; position: sticky; top: 100px;}
.solu_right{width: 46%;}

.solu_left .more_btn{margin-top: 20px;}
.solu_right .more_btn{display: none;}

.solu_list{border: 1px solid #E5E5E5; border-radius: 10px 10px 0 0;}
.solu_item{border-bottom: 1px solid #E5E5E5; padding: 8% 10% 9%;}
.solu_item:last-child{border-bottom: none;}

.solu_item .order{display: inline-block; font-size: 80px; color: var(--commonColor); position: relative; line-height: 1; font-family: 'Poppins-Bold';}
.solu_item .order::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to top, #fff 20%, rgba(255, 255, 255, 0.95) 60%, rgba(255, 255, 255, 0.92)); z-index: 1;}
.solu_item .title{font-family: 'Poppins-Bold'; font-size: 18px; color: var(--commonColor); margin-top: -36px; position: relative; z-index: 2;}
.solu_item .txt_list{padding-top: 12px;}
.solu_item .txt_list .txt_item{position: relative; padding-left: 30px; line-height: 26px; margin-top: 8px;}
.solu_item .txt_list .txt_item::before{position: absolute; left: 0; top: 5px; width: 16px; height: 16px; background: url(../img/icon_right.png) no-repeat center; background-color: var(--secondColor); border-radius: 50%; content: ''; background-size: 12px auto;}

.solu_item:hover{box-shadow: 0 0 16px 6px rgba(0, 0, 0, .15);}
.solu_item:first-child:hover{border-radius: 10px 10px 0 0;}
.solu_item:hover .order{animation: jump 0.5s;}

@media only screen and (max-width: 980px) {
	.solu_inner{flex-direction: column;}
	.solu_left{width: 100%; position: static; min-height: unset;}
	.solu_right{width: 100%; margin-top: 20px;}
	.solu_left .more_btn{display: none;}
	.solu_right .more_btn{display: block; margin-top: 24px;}
	.solu_item{padding: 30px 20px;}
	.solu_item .txt_list{padding-top: 8px;}
}


/* home_choose */
.home_choose{background: rgba(var(--comColorRgb), 0.05); padding: 5% 0 4%;}

.choose_inner{padding: 5% 0 0;}
.choose_item{width: 30.5%; margin-right: 4.25%; border: 1px solid #E5E5E5; border-radius: 10px; height: auto; padding: 3% 3%; text-align: center;}
.choose_item:last-child{margin-right: 0;}
.choose_item .title{background: #E5E5E5; border-radius: 10px; font-family: 'Montserrat-Bold'; font-size: 18px; color: #000; height: 54px; line-height: 22px; padding: 0 12px;}

.choose_item .brief{color: #666; line-height: 28px; padding: 0 20px; margin-top: 20px;}

.choose_item:hover{background: #fff; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.14);}
.choose_item:hover .title{background: var(--secondColor); color: #fff;}
.choose_item:hover .brief{color: #333;}
.choose_item:hover{}

.choose_inner .more_btn{text-align: center; margin-top: 5%;}

@media only screen and (max-width: 1200px) {
	.choose_inner{padding: 3.6% 0 0;}
	.choose_item{width: 31.5%; margin-right: 2.75%;}
	.choose_item .brief{padding: 0;}
	.choose_inner .more_btn{margin-top: 4%;}
}
@media only screen and (max-width: 980px) {
	.home_choose{padding: 30px 0;}
	.home_choose .web_th .title .large_txt{font-size: 38px;}
	.choose_list{flex-direction: column;}
	.choose_inner{padding-top: 0;}
	.choose_item{width: 100%; margin-right: 0; margin-top: 20px; padding: 20px;}
	.choose_item .title{display: block; line-height: 26px; padding: 10px 14px; height: auto;}
	.choose_item .brief{margin-top: 15px;}
	.choose_inner .more_btn{margin-top: 24px;}
}


/* home_parameter */
.paramter_inner{margin-top: 3%;}
.param_table{border-spacing: 0; border-collapse: separate; width: 100%; border: 1px solid #E5E5E5; border-radius: 10px;}
.param_table tr th, .param_table tr td{text-align: center; padding: 20px 15px; border: none; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; line-height: 24px;}
.param_table tr th{font-weight: normal; color: #666; background: none;}
.param_table tr td{font-size: 18px; color: #000;}
.param_table tr td:first-child{font-family: 'Poppins-Bold';}
.param_table tr th:first-child, 
.param_table tr td:first-child{border-left: 0; background: none;}
.param_table tr:last-child td{border-bottom: none;}

@media only screen and (max-width: 980px) {
	.param_table tr th, .param_table tr td{padding: 14px 12px;}
	.paramter_inner{margin: 15px 0 6px;}
}


/* home_worry */
.worry_ul{padding-top: 10px;}
.worry_ul .worry_item{margin-top: 4.5%;}
.worry_item .worry_pic_item{width: 46.5%; order: 3;}
.worry_item .worry_info_item{width: 46.5%; order: 2;}

.worry_item:nth-child(2n) .worry_pic_item{order: 1;}

.worry_pic_item .pic{padding-bottom: 55%; border-radius: 20px;}
.worry_info_item .title{font-family: 'Poppins-Bold'; font-size: 24px; color: var(--commonColor); display: inline-block; border-bottom: 2px solid #fff;}
.worry_info_item .brief{padding-left: 30px; position: relative; line-height: 36px; margin-top: 3%; font-size: 18px; color: #333;}
.worry_info_item .brief::before{position: absolute; top: 12px; bottom: 12px; width: 2px; left: 0; content: ''; background: var(--commonColor);}

.worry_item:hover .worry_info_item .title{border-bottom-color: var(--commonColor);} 

@media only screen and (max-width: 1200px) {
	.worry_info_item .brief{font-size: 16px; line-height: 32px;}
}
@media only screen and (max-width: 980px) {
	.worry_ul{padding-top: 0;}
	.worry_ul .worry_item{flex-direction: column; margin-top: 20px;}
	.worry_item .worry_pic_item{width: 100%; order: 1;}
	.worry_item .worry_info_item{width: 100%; margin-top: 12px;}
	.worry_info_item .title{border-bottom: none;}
	.worry_info_item .brief{margin-top: 5px; padding-left: 20px;}
}


/* home_area */
.home_area{background: rgba(var(--comColorRgb), 0.05); padding: 4.5% 0 6%;}
.area_inner .web_th .title{color: var(--commonColor); text-transform: unset;}

.area_left{width: 21%; height: 100%; position: sticky; top: 100px;}
.area_right{width: 74%;}

.area_right .web_th .title span.mtxt{display: none; text-transform: none;}
.area_right .area_item{margin-bottom: 5%;}
.area_right .area_item:last-child{margin-bottom: 0;}

.area_right .area_video{margin-top: 3.5%;}
.area_right .area_video .pubPic{padding-bottom: 46%;}
.area_right .area_video .video{position: absolute; left: 7%; top: 0; width: 86%; height: 100%; object-fit: fill; border-radius: 12px;}

@media only screen and (max-width: 980px) {
	.home_area{padding: 30px 0;}
	.area_left{display: none;}
	.area_right{width: 100%;}
	.area_right .web_th .title span.mtxt{display: inline;}
	.area_right .area_item{margin-bottom: 24px;}
	.area_right .area_video .pubPic{padding-bottom: 75%;}
	.area_right .area_video .video{left: 0; width: 100%;}
}


/* home_cer */
.home_cer .web_th .title{width: 42%;}
.home_cer .web_th .brief{width: 50%; color: #666;}

.cer_inner{position: relative; padding-top: 2%;}
.cer_inner::after{clear: both; height: 0; content: ''; overflow: hidden; display: block;}
.cer_ul{float: right; width: 55%;}
.cer_ul .cer_item{width: 25%; margin-top: 25px;}
.cer_ul .cer_item img{display: block; max-width: 95%; margin: 0 auto;}

@media only screen and (max-width: 1200px) {
	.cer_ul .cer_item img{max-width: 86%;}
}
@media only screen and (max-width: 980px) {
	.home_cer .web_th{flex-direction: column;}
	.home_cer .web_th .title{width: 100%;}
	.home_cer .web_th .brief{width: 100%; margin-top: 10px;}
	.cer_inner{padding-top: 0;}
	.cer_ul{float: none; width: 100%;}
	.cer_ul .cer_item{width: 50%; margin-top: 20px;}
	.cer_ul .cer_item img{max-width: 90%;}
}

/* home_customer */
.home_customer{background: rgba(var(--comColorRgb), 0.05);}
.customer_inner{margin-top: 2%;}
.swiper_customer{position: relative; padding: 26px 0 26px;}
.swiper_customer .swiper-slide{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; transition: 300ms;
	transform: scale(0.8); height: auto; width: 33.3%;
}
.swiper_customer .swiper-slide-active, 
.swiper_customer .swiper-slide-duplicate-active{transform: scale(1);}

.customer_item{background: #fff; border-radius: 10px; box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.14); padding: 16% 12% 14%; text-align: center; position: relative; height: 100%;}
.customer_item .brief{font-size: 20px; line-height: 1.5;}
.customer_item .title{font-size: 18px; line-height: 1.5; color: var(--secondColor); margin-top: 15%;}
.customer_item .item_icon{position: absolute; right: 20px; bottom: -26px; width: 86px; height: 74px; background: url(../img/icon_cus.webp) no-repeat center; background-size: 100% auto; opacity: 0;}
.swiper_customer .swiper-slide-active .customer_item .item_icon{opacity: 1;}

.customer-prev, .customer-next{display: block; background: transparent; color: #000; font-weight: bold; width: 40px; height: 40px; margin-top: -20px; line-height: 38px;}
.customer-prev{left: 3.6%;}
.customer-next{right: 3.6%;}
.customer-prev:hover, .customer-next:hover{background: transparent; color: var(--commonColor);}

@media only screen and (max-width: 1200px) {
	.customer_item{padding: 40px 30px 50px;}
	.customer_item .item_icon{width: 66px; height: 57px;}
	.customer-prev{left: 32px;}
	.customer-next{right: 32px;}
}
@media only screen and (max-width: 980px) {
	.home_customer .layout{padding: 0 4px;}
	.home_customer .web_th{padding: 0 16px;}
	.customer_inner{margin-top: 0;}
	.swiper_customer{padding: 20px 16px 20px;}
	.swiper_customer .swiper-slide{width: 100%;}
	.customer_item{padding: 30px 20px 40px; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);}
	.customer_item .title{margin-top: 10%;}
	.customer_item .item_icon{width: 56px; height: 48px; bottom: -20px;}

	.customer-prev, .customer-next{display: block !important;}
	.swiper_customer .common-pagination{display: none !important;}
	.customer-prev{left: 10px;}
	.customer-next{right: 10px;}

}

/* home_about */
.home_about{position: relative;}
.about_inner{padding: 0 0 0;}
.about_inner .web_th{width: 38%; padding: 3% 0;}
.about_inner .about_btn{margin: 10% 0 0;}
.about_inner .about_right{width: 58%;}
.about_right .video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: fill;}


@media only screen and (max-width: 980px) {
	.home_about .layout{padding: 0;}
	.about_inner{flex-direction: column;}
	.about_inner .web_th{width: 100%; padding: 0 20px;}
	.about_inner .web_th .title{text-align: center;}
	.about_inner .about_right{width: 100%; margin-top: 30px;}
	.about_inner .web_th .about_btn{margin-top: 24px;}
	.about_right .about_btn{display: block; text-align: center;}
}



/* home_ad */
.home_ad{background: var(--commonColor); padding: 4% 0; position: relative;}
/* .home_ad::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; z-index: 1;} */
.home_ad .web_th{max-width: 1100px; margin: 0 auto; position: relative; z-index: 2;}
.home_ad .web_th .brief{color: #E5E5E5;}
.home_ad .ad_btn{margin-top: 3%;}

@media only screen and (max-width: 980px) {
	.home_ad{padding: 35px 0 35px;}
	.home_ad .ad_btn{margin-top: 20px;}
	.ad_btn .pubMoreBg{font-size: 18px;}
}


/* home_news */
.home_news_inner{margin-top: 30px;}
.home_news_left{width: 33.5%; min-height: 500px;}
.home_news_ul{width: 62.5%;}

.home_news_left .more_btn{margin-top: 20px;}

.home_news_item{background: #fff;}
.home_news_item:nth-child(n+2){margin-top: 6%;}
.news_pic_item{width: 42%;}
.home_news_info{width: 54%;}
.home_news_item .pic{padding-bottom: 58%;}

.home_news_info .date{color: var(--commonColor);}
.home_news_info .title{font-family: 'Poppins-SemiBold'; font-size: 20px; margin: 15px 0; line-height: 1.5; height: 3em; overflow: hidden; color: #000;}
.home_news_info .brief{color: #666; line-height: 26px; max-height: 78px; overflow: hidden;}

.home_news_item:hover .home_news_info .title{color: var(--commonColor);}

@media only screen and (max-width: 1200px) {
	.home_news_left{min-height: 400px;}
	.home_news_info .title{margin: 10px 0;}
}
@media only screen and (max-width: 980px) {
	.home_news_inner{margin-top: 0; flex-direction: column;}
	.home_news_left{width: 100%; min-height: unset;}
	.home_news_ul{width: 100%; margin-top: 30px;}
	.home_news_item{flex-direction: column; padding: 0; background: transparent;}
	.home_news_item:nth-child(n+2){margin-top: 24px;}
	.news_pic_item{width: 100%;}
	.home_news_info{width: 100%; margin-top: 20px;}
	.home_news_info .title{height: auto; display: block; margin: 12px 0 10px; font-size: 20px;}
	.home_news_info .brief{display: block; height: auto;}
}


.home_news {
	margin-bottom: 2%;
}

 .container1 {
            width: 100%;
          
            margin: 20px auto 50px;
            padding:50px 40px;box-shadow: 0px 0px 23px 0px rgba(0, 11, 40, 0.17);    line-height: 2;border-radius: 8px;
        }
		.marb{
			margin: 30px 0;border-radius: 8px;
		}.mara{
			margin: 60px auto 30px;
		}
        .ph2{
            color: #00229E;
            font-size: 28px;    font-weight: 600;    margin: 20px 0;
        }
       
        .ph3 {
           
            font-weight: 600;
          color: #333;margin-bottom: 10px;
           
        }
        
      
        
        .text-sm {
           color: #676767;
        }
        
        .text-center {
            text-align: center;
        }
		.subtitle , .footer-text{
			margin: 25px 0 30px;
		}
        
        /* Components */
        .section {
            padding: 4rem 0;
        }
        
        .card-container {
            display: flex;
           justify-content: space-between;
           flex-wrap: wrap;
        }
        
       
       
        
       
        .footer-text {
         
            text-align: center;
        }
        
      .card-container .deployment-card{
        width: 31%;position: relative;margin: 10px 0;
      }

      .card-container .deployment-card:nth-child(1) , .card-container .deployment-card:nth-child(2){
            padding-right: 15px;
      }
     .card-container .deployment-card:nth-child(1)::before , .card-container .deployment-card:nth-child(2)::before{
    content: '';  
    width: 1px;
    height: 50%;
    background-color: #e5e5e5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); 
}
      
        
.leri{
        display: flex;
        justify-content: space-between;flex-wrap: wrap;margin: 30px 0;

    }
    .leri .tit{
        
            color: #333;
            font-size: 28px;    font-weight: 600;
        margin: 15px 0;

    }
   .leri .erj{
    width: 45%;
    padding:50px 40px;box-shadow: 0px 0px 23px 0px rgba(0, 11, 40, 0.17);    border-radius: 8px;
   }
  .leri .txt{
	line-height: 2;
  }
   
        /* Responsive */
        @media (max-width: 950px) {
          .card-container .deployment-card{
        width: 100%;
      }
           .card-container .deployment-card:nth-child(1)::before , .card-container .deployment-card:nth-child(2)::before{
             content: ''; width: 0; 
           }  .leri .erj{
            width: 100%;
            margin: 10px 0;
        } 
		.text-center , .footer-text{
			text-align: left;
		}
		.leri {
			width: 96%;
    margin: 30px auto;
		}
           
        }



