/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;min-width: 1440px; overscroll-behavior: none;}
body{font-size:14px;color:#333; font-family:PingFang SC, PingFang SC,Helvetica,"微软雅黑";
	box-sizing: border-box;
	padding-top: 64px;
}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;}
font{font-size:12px;}
/*table{border-collapse: collapse;border-spacing: 0;}*/
table{border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a{text-decoration:none;}

.transition{transition:all .3s;}
.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* 公共头尾 */

.header_bg{
    width: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 88;
}
.header{
	width: 1000px;
	height: 64px;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    margin: 0 auto;
}
.logo{
    flex-shrink: 0;
	width: 100px;
}
.logo img{
	display: block;
	width: 100%;
}
.menu{
    display: flex;
    align-items: center;
    width: 900px;
    margin-left: 50px;
    justify-content: space-between;
}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu ul li{
    list-style: none;
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    height: 64px;
}
.menu ul li strong a,.menu ul li strong{
    display: block;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 64px;
}
.menu ul li p{
    display: none;
    position: absolute;
    left: 0;
    top: 64px;
    width: 260px;
    background: #fff;
    box-sizing: border-box;
    padding:20px 40px;
    z-index: 9;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.menu ul li p a{
    display: block;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    padding:5px 0;
}
.menu ul li:hover p{
    display: block;
}



.search{
    flex-shrink: 0;
    width: 264px;
    height: 36px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 12px;
}
.search img{
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.search input{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    box-sizing: border-box;
    height: 100%;
    line-height: 34px;
}
.en{
    flex-shrink: 0;
    width: 67px;
    height: 36px;
    background: rgba(255,255,255,0.1);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 12px;
    cursor: pointer;
}
.en img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.en span{
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}


.page_banner1{
    width: 100%;
    height: calc(100vh - 60px);
    background: url('../images/bg_p1.jpg') no-repeat center center;
    background-size: cover;
}

.footer_bg{
    width: 100%;
    background: #fff;
}
.footer{
    width: 1200px;
    margin: 0 auto;
}
.footer_top{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.footer_top_left{
    flex-shrink: 0;
    margin-top: 48px;
    margin-right: auto;
}
.footer_top_left img{
    display: block;
    width: 132px;
    margin-right: 20px;
}
.footer_top_left p{
    font-size: 12px;
    color: #42464E;
    line-height: 20px;
    margin-top: 20px;
}
.footer_bottom{
    border-top: 1px solid #E2E8F0;
    margin-top: 48px;
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.footer_bottom p{
    font-size: 12px;
    color: #42464E;
    line-height: 20px;
    margin-right: 24px;
}

.footer_item{
    margin-left: 85px;
    margin-top: 48px;
}
.footer_item h3{
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}
.footer_item ul{
    margin-top: 8px;
}
.footer_item ul li{
    font-size: 14px;
    color: #42464E;
    line-height: 20px;
    margin-top: 10px;
}
.footer_item ul li a{
    color: #42464E;
}
.footer_item ul li a:hover{
    color: #000;
}


/* 首页 */
.about{
    width: 100%;
    height: calc(100vh - 60px);
    background: url('../images/bg_p5.jpg') no-repeat center center;
    background-size: cover;
}
.about h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
    text-align: center;
    padding-top: 84px;
}
.about p{
    width: 1200px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    margin-top: 24px;
}
.about ul{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}
.about li strong{
    display: block;
    font-weight: 600;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 50px;
    margin-top: 30px;
}
.about li span{
    display: block;
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 5px;
}
.news{
    background: #F5F5F5;
}
.news ul{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding:32px 32px 60px;
    box-sizing: border-box;
    width: 1440px;
    margin: 0 auto;
}
.news li{
    width: 326px;
    cursor: pointer;
}
.news li img{
    display: block;
    width: 326px;
    height: 164px;
    font-size: 0;
    border-radius: 10px;
}
.news li p{
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    margin-top: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.news li span{
    display: block;
    font-size: 14px;
    color: #42464E;
    line-height: 14px;
    margin-top: 12px;
}
.news li:hover p{
    color: #E50012;
}

.earth{
    width: 100%;
    height: calc(100vh - 60px);
    background: url('../images/bg_p4.jpg') no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    padding:80px 0;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: flex-end;
}
.earth h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
    text-align: center;
}
.earth p{
    width: 1200px;
    margin: 24px auto 0;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}

.solution{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.solution li{
    width: 25%;
	height: 480px;
    position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.solution li:hover {
	width: 50%;
}
.solution li img{
    width: 100%;
	transition: all 0.3s;
}
/* 
.solution li:hover img{
	transform: scale(1.1);
} */
.solution_info{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    color:#fff;
    text-align: center;
    box-sizing: border-box;
    padding:48px 32px;
}
.solution_info h3{
    font-weight: 600;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 44px;
}
.solution_info p{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 20px;
}

/*.hot_bg1{*/
/*    background: url('../images/bg_p2.jpg') no-repeat center center;*/
/*}*/
/*.iot_bg1{*/
/*    background: url('../images/bg_p3.jpg') no-repeat center center;*/
/*}*/

.hot_banner .swiper-slide{
    width: 100%;
    height: calc(100vh - 60px);
    background-size: cover;
}
.iot_banner .swiper-slide{
    width: 100%;
    height: calc(100vh - 60px);
    background-size: cover;
}
.iot_plan{
    width: 1200px;
    height: calc(100vh - 60px);
    margin: 0 auto;
    background-size: cover;
    color:#fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 90px;
}
.iot_plan strong{
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 32px;
	margin-bottom: auto;
	margin-top: 50px;
}
.iot_plan h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
    text-align: center;
    padding:20px 0;
}
.iot_plan p{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}
.iot_plan .line_more{
    width: 180px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 99px 99px 99px 99px;
    text-align: center;
    line-height: 54px;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    margin-top: 32px;
}

/*.tiga_banner{*/
/*    width: 100%;*/
/*    height: calc(100vh - 60px);*/
/*    background: url('../images/bg_p1.jpg') no-repeat center center;*/
/*    background-size: cover;*/
/*    color:#fff;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    box-sizing: border-box;*/
/*    padding-bottom: 16vh;*/
/*}*/
.tiga_banner h3{
    font-weight: 600;
    font-size: 44px;
    color: #FFFFFF;
    line-height: 64px;
    text-align: center;

}
.tiga_banner ul{
    width: 930px;
    margin-top: 40px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.tiga_banner li{
    width: 454px;
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
    padding:20px 30px;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 34px;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(6px); 
}


/* swiper */
.home_swiper_bullet{
    display: inline-block;
    width: 100px;
    height: 3px;
    background: rgba(255,255,255,0.5);
}
.home_swiper_bullet_active{
    background: #fff;
}
.home_swiper .swiper-pagination{
    bottom: 44px !important;
}
.home_swiper .swiper-button-prev{
    width: 54px;
    height: 54px;
    background: url('../images/ico_left.png') no-repeat;
    left:60px;
}
.home_swiper .swiper-button-prev::after{
    display: none;
}
.home_swiper .swiper-button-next{
    width: 54px;
    height: 54px;
    background: url('../images/ico_right.png') no-repeat;
    right:60px;
}
.home_swiper .swiper-button-next::after{
    display: none;
}

/* 产品 */
.banner_title{
    width: 100%;
    height: 470px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.banner_title2{
    width: 100%;
    height: calc(100vh - 60px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.product_text{
    width: 915px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 44px;
    color: #FFFFFF;
    line-height: 64px;
    text-shadow: 0px 2px 0px #10235E;
    text-align: center;
    padding-top: 120px;
}

.product_main{
    width: 1310px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 64px;
    padding-bottom: 80px;
}
.join_main{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 80px;
}
.product_cont{
    width: 1090px;
}
.product_title h3{
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    line-height: 36px;
}
.product_title p{
    font-size: 16px;
    color: #42464E;
    line-height: 26px;
    margin-top: 8px;
}
.product_list{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product_list li{
    width: 528px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    padding:24px 24px 36px;
    position: relative;
    margin-top: 32px;
}
.product_list li h3{
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    margin-top: 20px;
}
.product_list li p{
    font-size: 14px;
    color: #42464E;
    line-height: 24px;
    margin-top: 8px;
}
.product_list li span{
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    margin-top: 14px;
}
.product_list li b{
    font-size: 20px;
}
.product_list li .prod_more{
    position: absolute;
    right: 24px;
    bottom: 30px;
    display: block;
    width: 90px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #10235E;
    font-size: 14px;
    color: #10235E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_side{
    width: 192px;
    flex-shrink: 0;
}
.product_side h3{
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    padding-bottom: 15px;
    border-bottom: 2px solid #D9D9D9;
}
.product_side li{
    border-bottom: 2px solid #D9D9D9;
}
.product_side li strong{
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    padding:20px 0;
    position: relative;
    cursor: pointer;
}
.product_side li strong::after{
    content: '';
    position: absolute;
    right: 0;
    top: 18px;
    width: 24px;
    height: 24px;
    background: url('../images/ico_plus.png') no-repeat center center;
    background-size: 100% 100%;
}
.product_side li.hover strong::after{
    background: url('../images/ico_minus.png') no-repeat center center;
    background-size: 100% 100%;
}

.product_side li p{
    display: none;
    padding-bottom: 14px;
}
.product_side li p a{
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    padding:10px 14px;
}
.product_side li p a:hover,.product_side li p a.hover{
    color: #E50012;
}
.product_side li.hover p{
    display: block;
}

/* 产品详情 */
.site{
    width: 1310px;
    margin: 24px auto 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #9E9E9E;
    line-height: 20px;
}
.site span{
    display: block;
    padding:0 5px;
    line-height: 10px;
}
.site a{
    font-weight: 500;
    font-size: 12px;
    color: #181818;
    line-height: 20px;
}
.prod_main{
    width: 1310px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 80px;
}
.prod_banner{
    width: 678px;
}
.prod_cont{
    width: 570px;
}
.prod_info h3{
    font-weight: 500;
    font-size: 28px;
    color: #000000;
    line-height: 44px;
}
.prod_info strong{
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: rgba(0,0,0,0.7);
    line-height: 32px;
    margin-top: 20px;
}
.prod_info p{
    font-size: 18px;
    color: #595959;
    line-height: 28px;
    margin-top: 24px;
}
.prod_info .link_down{
    display: block;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    text-decoration-line: underline;
    margin-top: 16px;
}
.prod_info .link_btn{
    display: block;
    height: 54px;
    background: #10235E;
    border-radius: 99px 99px 99px 99px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
    margin-top: 40px;
}
.prod_ul{
    margin-top: 60px;
}
.prod_ul_item{
    border-bottom: 2px solid #D9D9D9;
    transition: all 0.3s;
}
.prod_ul_item.hover{
    background: #FFFFFF;
    border-radius: 8px;
}
.prod_ul_item h3{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    position: relative;
    padding:32px 32px;
    cursor: pointer;
}
.prod_ul_item h3::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%,-50%);
    background: url('../images/ico_plus.png') no-repeat center center;
    background-size: 100% 100%;
}
.prod_ul_item.hover h3::after{
    background: url('../images/ico_minus.png') no-repeat center center;
    background-size: 100% 100%;
}
.prod_ul_item.hover h3{
    padding:32px 32px 25px;
}
.prod_info_box{
	display: none;
}
.prod_ul_item ul{
    padding:0 32px 10px;
}
.prod_ul_item ul li{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
}
.prod_ul_item.hover .prod_info_box{
    display: block;
}
.prod_ul_item ul li::after{
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #333;
    transform: translate(0,-50%);
}
.prod_thumbs_ph{
    width: 104px;
    height: 104px;
    cursor: pointer;
}
.prod_thumbs_swiper{
    margin-top: 12px;
    padding-bottom: 20px;
}
.prod_thumbs_swiper .swiper-slide-thumb-active .prod_thumbs_ph{
    border:1px solid #eee;
    box-sizing:border-box;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 解决方案 */
.solution_side{
    width: 192px;
    flex-shrink: 0;
}
.solution_side h3{
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    padding-bottom: 15px;
    border-bottom: 2px solid #D9D9D9;
}
.solution_side ul{
    padding:10px 0;
}
.solution_side li a{
    display: block;
    padding:10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 22px;
}
.solution_side li a:hover,.solution_side li a.hover{
    color: #E50012;
}

.solution_item{
    height: 400px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-top: 24px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.solution_item.reverse{
    flex-direction: row-reverse;
}
.solution_item .img{
    width: 648px;
    flex-shrink: 0;
}
.solution_item_info{
    width: 100%;
    box-sizing: border-box;
    padding:48px;
}
.solution_item_info h3{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
}
.solution_item_info p{
    font-size: 16px;
    color: #42464E;
    line-height: 26px;
    margin-top: 20px;
}
.solution_item_btn{
    display: block;
    width: 136px;
    border-radius: 99px 99px 99px 99px;
    border: 1px solid #10235E;
    font-size: 16px;
    color: #10235E;
    line-height: 38px;
    text-align: center;
    margin-top: 24px;
    transition: all 0.3s;
}
.solution_item_btn:hover{
    color:#fff;
    background: #10235E;
}

/* 解决方案-详情 */
.solu_detail{
    width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.solu_detail_info{
    padding:130px 64px 130px 84px;
}
.solu_detail_info h3{
    font-weight: 500;
    font-size: 44px;
    color: #000000;
    line-height: 64px;
}
.solu_detail_info p{
    font-weight: 400;
    font-size: 18px;
    color: #42464E;
    line-height: 28px;
    margin-top: 32px;
}
.solu_info_btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 64px 0;
}
.solu_info_btn a{
    display: block;
    width: 254px;
    height: 54px;
    border-radius: 99px 99px 99px 99px;
    border: 1px solid #10235E;
    font-weight: 500;
    font-size: 14px;
    color: #10235E;
    line-height: 54px;
    text-align: center;
}
.solu_info_btn a.hover{
    color:#fff;
    background: #10235E;
}
.solu_detail_ph{
    width: 760px;
    height: 760px;
}
.solu_intr{
    width: 1440px;
    margin: 0 auto;
    color: #fff;
    box-sizing: border-box;
    padding:64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.solu_intr .img{
    border-radius: 15px;
    margin-right: 64px;
}
.solu_intr h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.solu_intr p{
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 24px;
    margin-bottom: 60px;
}

.worth{
    width: 100%;
    height: calc(100vh - 60px);
    background: url('../images/bg_p6.jpg') no-repeat center center;
    background-size: cover;
}
.worth h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
    padding-top: 120px;
}
.worth p{
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 34px;
    margin-top: 24px;
}
.advantage{
    width: 1310px;
    margin: 0 auto;
    padding:80px 0;
}
.adva_title{
    text-align: center;
}
.adva_title h3{
    font-weight: 600;
    font-size: 36px;
    color: #000000;
    line-height: 52px;
}
.adva_title p{
    font-weight: 400;
    font-size: 18px;
    color: #42464E;
    line-height: 28px;
    margin-top: 20px;
}
.adva_list{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 16px;
}
.adva_list li{
    width: 420px;
    background: #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    box-sizing: border-box;
    padding:24px 30px 30px;
    margin-top: 24px;
}
.adva_list li strong{
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    margin-top: 20px;
}
.adva_list li b{
    display: block;
    font-weight: 600;
    font-size: 32px;
    color: #000000;
    line-height: 40px;
    margin-top: 20px;
}
.adva_list li img{
    display: block;
}
.adva_list li p{
    font-weight: 400;
    font-size: 16px;
    color: #42464E;
    line-height: 26px;
    margin-top: 14px;
}

.solu_list{
    display: flex;
    align-items: stretch;
    justify-content: space-between;

}
.solu_list li{
    width: 420px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin-top: 40px;
    overflow: hidden;
    box-sizing: border-box;
    padding:24px 24px 32px;
}
.solu_list li img{
    display: block;
    width: 100%;
}
.solu_list li h3{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 36px;
    margin-top: 20px;
}
.solu_list li p{
    font-weight: 400;
    font-size: 18px;
    color: #42464E;
    line-height: 28px;
    margin-top: 8px;
}
.solu_list li .btn{
    display: block;
    width: 136px;
    border-radius: 99px 99px 99px 99px;
    border: 2px solid #10235E;
    font-weight: 400;
    font-size: 16px;
    color: #10235E;
    line-height: 44px;
    text-align: center;
    margin-top: 24px;
}
.solu_help{
    width: 100%;
    height: 358px;
    background: #10235E;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:#fff;
}
.solu_help h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.solu_help p{
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 24px;
}
.solu_help .btn{
    width: 136px;
    border-radius: 30px;
    border: 2px solid #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    margin-top: 40px;
}

/* 关于我们 */
.banner_title_about{
    width: 100%;
    height: 470px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_title_about .text{
    width: 1200px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 44px;
    color: #FFFFFF;
    line-height: 64px;
    text-shadow: 0px 2px 0px #10235E;
    text-align: center;
}

.about_us_title{
    text-align: center;
    padding:80px 0 40px;
}
.about_us_title h3{
    font-weight: 600;
    font-size: 28px;
    color: #000000;
    line-height: 44px;
}
.about_us_title p{
    font-weight: 400;
    font-size: 18px;
    color: #42464E;
    line-height: 28px;
    margin-top: 16px;
}
.about_us_info{
    width: 1312px;
    margin: 0 auto;
    background: url('../images/bg_p7.jpg') no-repeat center center;
    border-radius: 10px;
    box-sizing: border-box;
    padding:520px 64px 60px;
}
.about_us_info h3{
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 32px;
}
.about_us_info p{
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 26px;
    margin-top: 20px;
}

.hexin_list{
    width: 1310px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 auto;
}
.hexin_list li{
    width: 33.3333%;
	height: 480px;
    position: relative;
	transition: all 0.3s;
	z-index: 1;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/* 放大 */
.hexin_list li:hover {
  width: 55%;
}

.hexin_list li img{
    display: block;
    width: 100%;
}
.hexin_list li div{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color:#fff;
    text-align: center;
    box-sizing: border-box;
    padding:48px 32px;
}
.hexin_list li h3{
    font-weight: 600;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 44px;
}
.hexin_list li p{
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 12px;
}

.rongyu{
    width: 1310px;
    margin: 0 auto;
    position: relative;
}
.rongyu::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 84px;
    bottom: 0;
    width: 16px;
    transform: translate(-8px,0);
    background: rgba(16,35,94,0.1);
    border-radius: 99px 99px 99px 99px;
}
.rongyu li{
    display: flex;
    align-items: center;
    margin-left: 54%;
    position: relative;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
}
.rongyu li i{
    position: absolute;
    left:-60px;
    top:50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: #10235E;
    border-radius: 99px 99px 99px 99px;
}
.rongyu li img{
    flex-shrink: 0;
    width: 300px;
    height: 184px;
}
.ry_info{
    background: #fff;
    width: 100%;
    height: 184px;
    border-radius: 0 12px 12px 0;
    box-sizing: border-box;
    padding:24px 32px;
}
.ry_info span{
    display: block;
    width: 64px;
    height: 32px;
    background: #10235E;
    border-radius: 99px 99px 99px 99px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #FFFFFF;
}
.ry_info p{
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 32px;
    margin-top: 14px;
}

.rongyu li:nth-child(even){
    margin-left: 0;
    margin-right: 54%;
}
.rongyu li:nth-child(even) i{
    left: auto;
    right: -60px;
}
.about_tit{
    margin: 160px 0 40px;
}
.about_tit h3{
    font-weight: 600;
    font-size: 28px;
    color: #000000;
    line-height: 44px;
    text-align: center;
}
.about_tit p{
    font-weight: 400;
    font-size: 18px;
    color: #42464E;
    line-height: 28px;
    text-align: center;
    margin-top: 16px;
}


.about_ys{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1310px;
    margin: 0 auto;
}
.about_ys li{
    width: 420px;
    background: #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    box-sizing: border-box;
    padding:24px 30px 30px;
	text-align: center;
}
.about_ys li strong{
    display: block;
    font-weight: 600;
    font-size: 32px;
    color: #000000;
    line-height: 40px;
    margin-top: 20px;
}
.about_ys li img{
    display: block;
	margin: 0 auto;
}
.about_ys li p{
    font-weight: 400;
    font-size: 16px;
    color: #42464E;
    line-height: 26px;
    margin-top: 8px;
}
.fazhan li{
    margin-top: 24px;
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
}
.fazhan li:first-child{
    margin: 0;
}
.fazhan li img{
    display: block;
    width: 782px;
}
.fazhan li:nth-child(even){
    flex-direction: row-reverse;
}
.fazhan_text{
    box-sizing: border-box;
    width: 100%;
    padding:48px;
}
.fazhan_text h3{
    font-weight: 500;
    font-size: 28px;
    color: #000000;
    line-height: 36px;
}
.fazhan_text p{
    font-weight: 400;
    font-size: 16px;
    color: #42464E;
    line-height: 30px;
    margin-top: 20px;
}

.kehu{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 50px;
}
.kehu li{
    width: 192px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 32px;
}
.kehu li img{
    display: block;
    width: 192px;
    height: 80px;
    object-fit: cover;
}

/* 加入我们 */
.wenhua{
    width: 1310px;
    height: 540px;
    margin: 0 auto;
    background: url('../images/bg_j1.jpg') no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    padding:140px 64px 0 760px;
    color:#fff;
}
.wenhua h3{
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.wenhua p{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 20px;
}
.linian{
    width: 1310px;
    height: 540px;
    margin: 0 auto;
    background: url('../images/bg_j2.jpg') no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    padding:140px 64px 0 64px;
    color:#fff;
    margin-top: 24px;
}
.linian h3{
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.linian p{
    width: 490px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 20px;
}
.fengc_item{
    background: #FFFFFF;
    border-radius: 14px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 24px;
    overflow: hidden;
}
.fengc_item:first-child{
    margin-top: 0;
}
.fengc_item:nth-child(even){
    flex-direction: row-reverse;
}
.fengc_item div{
    box-sizing: border-box;
    width: 100%;
    padding:48px;
}
.fengc_item h3{
    font-weight: 500;
    font-size: 28px;
    color: #000000;
    line-height: 36px;
}
.fengc_item p{
    font-weight: 400;
    font-size: 16px;
    color: #42464E;
    line-height: 30px;
    margin-top: 20px;
}
.join_cont{
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    padding:30px;
    height: 100%;
}
.join_title{
    padding-bottom: 24px;
    border-bottom: 1px solid #D9D9D9;
}
.join_title h3{
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    line-height: 36px;
}
.join_title p{
    font-weight: 400;
    font-size: 16px;
    color: #42464E;
    line-height: 26px;
    margin-top: 8px;
}
.join_info h3{
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 32px;
    margin-top: 30px;
}
.join_info p{
    font-weight: 400;
    font-size: 14px;
    color: #42464E;
    line-height: 26px;
    margin-top: 14px;
}
.join_btn{
    margin-top: 32px;
}
.join_btn a{
    display: inline-block;
    width: 90px;
    height: 36px;
    border-radius: 99px 99px 99px 99px;
    border: 1px solid #10235E;
    font-size: 14px;
    color: #10235E;
    line-height: 36px;
    text-align: center;
}
.contact_us{
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding:47px 0 49px;
}
.contact_us li{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    border-left: 1px solid #E2E8F0;
}
.contact_us li:first-child{
    border:none;
}
.contact_us li img{
    display: block;
}
.contact_us li strong{
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    padding:15px 0 6px;
}
.contact_us li p{
    font-weight: 400;
    font-size: 14px;
    color: #42464E;
    line-height: 24px;
}

.contact_need{
    background: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 80px !important;
    box-sizing: border-box;
    padding:38px 42px 48px;
}
.contact_need_tit{
    display: flex;
    align-items: center;
}
.contact_need_tit h3{
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    margin-right: 10px;
}
.contact_need_tit b{
    font-size: 14px;
    color: #E50012;
    line-height: 22px;
}
.contact_need_tit span{
    font-size: 14px;
    color: #42464E;
    line-height: 22px;
}
.contact_form{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact_form li{
    width: 600px;
    position: relative;
}
.contact_form_name{
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    padding:24px 0 8px;
}
.contact_form_name b{
    color: #E50012;
}
.btn_code{
    position: absolute;
    right: 2px;
    bottom: 2px;
    height: 50px;
    font-weight: 500;
    font-size: 14px;
    color: #10235E;
    line-height: 50px;
    border:none;
    background: #fff;
    border-radius: 15px;
    padding:0 15px;
    cursor: pointer;
}
.contact_form li .input{
    width: 100%;
    height: 54px;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #E2E8F0;
    box-sizing: border-box;
    padding:0 15px;
    font-size: 14px;
}
.contact_form_checkbox{
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.contact_form_checkbox label{
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #333;
}
.contact_form_checkbox input{
    margin-right: 5px;
}
.contact_form_checkbox span{
    color: #64748B;
}
.check_link{
    color: #10235E;
    font-weight: bold;
}
.contact_form_btn{
    margin-top: 24px;
}
.contact_form_btn button{
    width: 150px;
    height: 44px;
    background: #10235E;
    border-radius: 99px 99px 99px 99px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    border:none;
    cursor: pointer;
}

/* 详情页面 */
.banner_title_uwb{
    width: 100%;
    height: calc(100vh - 60px);
    background-size: cover;
    text-align: center;
    background-position: center center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding-bottom: 18vh;
}
.banner_title_uwb h3{
    font-weight: 600;
    font-size: 44px;
    color: #FFFFFF;
    line-height: 64px;
    text-shadow: 0px 2px 0px #10235E;
    text-align: center;
}
.banner_title_uwb p{
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 32px;
    text-shadow: 0px 2px 0px #10235E;
    text-align: center;
    margin-top: 20px;
}
.why_uwb{
    width: 100%;
    height: calc(100vh - 60px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-bottom: 12vh;
}
.why_uwb h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.why_uwb p{
    width: 480px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 24px;
}
.why_uwb strong{
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 24px;
    font-weight: bold;
}
.why_uwb ul{
    width: 480px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 4px;
}
.why_uwb li{
    padding-left: 20px;
    position: relative;
}
.why_uwb li::after{
    content: '';
    position: absolute;
    left:5px;
    top:50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #fff;
    border-radius: 50%;
}
.pl800{
    box-sizing: border-box;
    padding-left:810px;
}
.down_contact{
    height: 358px;
    background: #10235E;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.down_contact h3{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.down_contact p{
    margin-top: 24px;
}
.down_contact p a{
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    text-align: center;
    text-decoration-line: underline;
}
.detail_list{
    padding-bottom: 80px;
}
.detail_list li{
    border-radius: 14px;
    background: #fff;
    margin-top: 24px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.detail_list li:nth-child(even){
    flex-direction: row-reverse;
}
.detail_list li:first-child{
    margin-top: 0;
}
.detail_list li div{
    width: 100%;
    box-sizing: border-box;
    padding:48px;
}
.detail_list li h3{
    font-weight: 500;
    font-size: 28px;
    color: #000000;
    line-height: 36px;
}
.detail_list li p{
    font-size: 16px;
    color: #42464E;
    line-height: 28px;
    margin-top: 20px;
}

.xuqiu_mask{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.xuqiu_box{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99;
    width: 694px;
	max-height: 90%;
	overflow-y: auto;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    box-sizing: border-box;
    padding:40px 48px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.btn_deta{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 10px;
}
.btn_deta a{
	margin-right: 40px;
}

/*  */
.product_cont2{
	margin-top: 50px;
}
.product_title2 h3{
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    line-height: 36px;
}
.product_title2 p{
    font-size: 16px;
    color: #42464E;
    line-height: 26px;
    margin-top: 8px;
}
.product_list2{
    display: flex;
      flex-wrap: wrap;
      gap: 22px;
      justify-content: flex-start;
}
.product_list2 li{
    width: 310px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    padding:24px 24px 34px;
    position: relative;
    margin-top: 24px;
}

.product_list2 li img{
	width: 100%;
}
.product_list2 li h3{
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    margin-top: 20px;
}
.product_list2 li p{
    font-size: 14px;
    color: #42464E;
    line-height: 24px;
    margin-top: 8px;
}
.product_list2 li span{
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    margin-top: 14px;
}
.product_list2 li b{
    font-size: 20px;
}
.product_list2 li .prod_more2{
    position: absolute;
    right: 24px;
    bottom: 30px;
    display: block;
    width: 90px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #10235E;
    font-size: 14px;
    color: #10235E;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_list2 li.prod_org{
	padding:0 24px;
	background: linear-gradient( to bottom, #FF9F55 0%, rgba(255,159,85,0.6) 100%);
	border-radius: 8px 8px 8px 8px;
}
.prod_org_more{
	display: block;
	text-align: center;
	height: 140px;
	line-height: 40px;
	padding: 50px 0;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 24px;
	color: #000000;
}
.product_list2 li.prod_blue{
	padding:0 24px;
	background: linear-gradient( to bottom, #5C8FFF 0%, rgba(92,143,255,0.6) 100%);
	border-radius: 8px 8px 8px 8px;
}

.prod_table{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 30px;
	padding:0 32px 30px;
}
.prod_table table{
	width: 100%;
}
.prod_table td{
	padding:10px 0px;
	border-bottom: 1px solid #eee;
}
.prod_table td.right{
	text-align: right;
}


/* ------- */
.w1310{
    width: 1310px;
    margin: 0 auto;
}
.w1440{
    width: 1440px;
    margin: 0 auto;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.bgff{
    background: #fff;
}
.bgf5{
    background: #F5F5F5;
}
.bg00{
    background: #000;
}
.mt80{
    margin-top: 80px !important;
}
.mt24{
    margin-top: 24px !important;
}
xm-select > .xm-label .scroll .label-content{
    padding:9px 15px !important;
}