.index_prom{padding-top: 30px;}
.index_prom a{display: inline-block;width: 135px;height: 40px;line-height: 40px;background:#3a70d3;border-radius: 30px;color: #fff;text-align: center;}
.index_prom em{width: 14px;height: 14px;border:1px solid #fff;border-radius: 50%;position: relative;display: inline-block;margin-left: 10px;top:2px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_prom em i{width: 2px;height: 2px;background:#fff;border-radius: 50%;}

@media only screen and (max-width:767px) {
.index_prom{padding-top: 20px;}
.index_prom a{width: 120px;height:34px;line-height:34px;}

}
@media only screen and (min-width:1025px) {
.index_prom a:hover i{background:#fff;}
.index_prom a:hover em{margin-left: 5px;border-color:#fff;}
.index_prom a:hover{color:#fff !important;}


}



.his_cont{width:1440px;max-width: 94%;margin:auto;padding-bottom: 135px;}
.his_top{padding:130px 0;background: url(/upload/static/images/his_bg.png) no-repeat center center;background-size: 100%;}

.his_bottom{position: relative;}
.his_bottom:after{content:"";position: absolute;left: 0;bottom:22px;width: 100%;height: 1px;background:#dfdfdf;}
.his_bottom dt{color:#b5b8bc;position: relative;}

.but_pub{display: none;}
.but_pub div{background: none;font-weight: bold; font-size: 18px; width: 46px;height: 46px;line-height: 46px;margin-top: -23px; text-align: center;cursor: pointer;color: #fff;background:#3a70d3;border-radius:50%;}
.but_pub .swiper-button-prev{left: 0px;}
.but_pub .swiper-button-prev i{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);
    transform: rotate(-180deg);left: 0;top:0;}
.but_pub div i{width: 100%;font-size: 14px;}
.but_pub .swiper-button-next{right: 0px;}

.but_pub .swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: inherit;}
.but_pub .swiper-button-prev.disabled,.but_pub .swiper-button-next.disabled{box-shadow: 0 0 10px rgb(0 0 0 / 10%);cursor: default;color: #ccc;pointer-events: none;background:#fff;color:#3a70d3;}

.his_bottom .but_pub div{margin-top: 0;top:auto;bottom: 0;}
.his_bottom li{cursor: pointer;}
.his_bottom dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;position: relative;top:30px;font-family:"Arial";position: relative;}
.his_bottom dl{height:110px;position: relative;text-align: center;}
.his_bottom dd{width: 24px;height: 24px;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; bottom:11px;border:3px solid transparent;border-radius:50%;box-sizing:border-box;}
.his_bottom dd em{width: 12px;height: 12px;background:#e2e2e2;border-radius:50%;box-sizing:border-box;}
.his_bottom li dd i{width: 18px;height: 18px;border-radius:50%;box-sizing:border-box;}
.his_line{width: 4px;height: 32px;position: absolute;top:100%;left: 50%;margin-left: -2px;display: none;}
.his_line span{width: 4px;height: 4px;display: block;background:#3a70d3;border-radius: 50%;}
.his_line i{display: block;width: 1px;height: 5px;background:#3a70d3;margin: auto;margin-top: 4px;}
.his_line i:after{content:"";position: absolute;left:50%;top:16px;width: 1px;height: 5px;background:#3a70d3;}
.his_line i:before{content:"";position: absolute;left:50%;top:24px;width: 1px;height: 5px;background:#3a70d3;}

.his_bottom li.on dt{top:0;color:#3a70d3;font-size: 40px;line-height: 40px; font-weight: bold;}
.his_bottom li.on dd{border-color:#3a70d3;}
.his_bottom li.on dd em{background:#3a70d3;}
.his_bottom li.on dd i{ background:#fff;}
.his_bottom li.on .his_line{display: block;}

.his_top,.his_bottom{padding-left:60px;padding-right:60px}
.his_top{position: relative;;}
.but_pub2{display: none;}
.but_pub2 div{ width:40px; height: 40px; line-height: 40px; text-align: center;margin-top:-20px;color: #3a70d3;background: none;font-size: 40px;font-weight: bold;}
.but_pub2 .swiper-button-disabled{cursor: default; color: #fff;}
.but_pub2 .swiper-button-prev{left: 0;}
.but_pub2 .swiper-button-next{right: 0;}

.his_top dt{line-height: 36px;margin-bottom: 20px;}
.his_top dl{padding: 0 20px;position: relative;}
.his_top dl:after{content:"";position: absolute;top:10px;left: 0;width: 4px;height: 29px;background:#3a70d3;}


@media only screen and (max-width:1440px) {
.his_bottom li.on dt{font-size:36px;}
.his_top{padding:80px 60px;}
.his_cont{padding-bottom: 90px;}
}
@media only screen and (max-width:1024px) {
.his_cont{padding-bottom: 50px;}
.but_pub2 div{width: 30px;height: 30px;line-height: 30px;font-size:20px;margin-top: -15px;}
.his_top{padding:20px 30px;}
.his_top, .his_bottom{padding-left: 30px;padding-right: 30px;}
.but_pub div{width: 30px;height: 30px;line-height: 30px;}
.his_bottom:after{bottom: 15px;}
.his_bottom dd{width: 16px;height: 16px;border-width: 1px;bottom: 8px;}
.his_bottom li dd i{width: 14px;height: 14px;}
.his_bottom dl{height: 80px;padding: 0 10px;}
.his_top dl:after{width: 2px;top:6px;}
.his_top dt{line-height: 24px;margin-bottom: 10px;}

}
@media only screen and (max-width:767px) {

.his_bottom li.on dt{font-size: 20px;}
}

/*服务*/
.w_1497{width: 1497px;max-width:94%;margin: auto;}
.w_1525{width: 1525px;max-width:94%;margin: auto;}
.w_1630{width: 1630px;max-width:94%;margin: auto;}
.service_banner{padding:190px 0 80px 0;color:#FFF; position: relative;}
.service_banner::before{content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.service_ban_01{width:870px;max-width: 100%;margin: auto;margin-bottom: 50px;}
.service_ban_01 h2{font-weight: 100;margin-bottom: 10px;}
.service_ban_01 h3{margin-bottom: 20px;}
.service_ban_02{color: #fff;}
.service_ban_02 a{color: #fff;}
.service_ban_02 h4,.service_ban_02 p{padding-left: 45px;}
.service_ban_02 h4{line-height: 36px;position: relative;}
.service_ban_02 h4 i{margin-right: 10px;font-weight: normal;font-size: 36px;position: absolute;left: 0;top:0;}
.service_ban_02 p{font-family:"Arial"}

.service_01{background:#ededed;padding-top: 70px;overflow: hidden;}
.service_01 .box_content,.service_04 .box_content{position: relative;}
.service_01 .service_title,.service_04 .service_title{position: absolute;left: 0;top:0;} 
.service_title{line-height: 40px;font-weight: bold;}
.service_title span{display: inline-block;border-bottom: 1px solid #555555;}
.service_map li img{max-width: 100%;}
.service_map li{display: none;text-align: center;}
.service_map li:first-child{display: block;}

.service_problem li{margin-bottom: 3px;cursor: pointer;}
.service_02{background: #fafbff;padding:60px 0 130px 0;}
.service_02 .service_title{margin-bottom: 70px;} 
.service_03 .service_title{margin-bottom: 30px;} 
.service_problem,.service_lsit{padding: 0 50px}
.service_problem li{padding:15px 35px;background:#e7f0ff;border:2px solid #e7f0ff;}
.service_problem dd{padding-top: 10px;padding-bottom: 30px;display: none;}
.service_problem li.on{border-color:#779bde;background:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}

.service_03{background: #ededed;padding:60px 0 240px 0;}
.service_sh{width:630px;margin: auto;position: relative;}
.service_sh_img img{width: 100%;}
.service_sh li{width: 88px;height: 88px;position: absolute;text-align: center;}
.service_sh li dl{border:1px dashed #3a70d3;border-radius:50%;}
.service_sh li dt{width: 74px;height: 74px; border:1px solid #3a70d3;border-radius:50%;}
.service_sh li dt img{width: 40px;height: 40px;}
.service_sh li dd{position: absolute; width: 200px;line-height: 44px;font-size: 18px;}
.service_sh li a,.service_sh li dl{display: block;width: 100%;height: 100%;}
.service_sh li:nth-child(1){top: -36px;left: 50%;margin-left: -47px;}
.service_sh li:nth-child(1) dd{top:-50px;left: 50%;margin-left: -100px;}

.service_sh li:nth-child(2){top: 50%;right: -5%;margin-top: -44px;;}
.service_sh li:nth-child(2) dd{top:50%;margin-top: -22px; right: -200px;}

.service_sh li:nth-child(3){top: 50%;left: -6.2%;margin-top: -44px;}
.service_sh li:nth-child(3) dd{top:50%;margin-top: -22px; left: -200px}

.service_sh li:nth-child(4){bottom: -30px;left: 50%;margin-left: -47px;}
.service_sh li:nth-child(4) dd{bottom:-50px;left: 50%;margin-left: -100px;}

.service_04{background: #f4f4f4;overflow: hidden;padding:70px 0;}
.service_type{padding-top: 20px;margin-bottom: 55px;}
.service_type li{border-bottom: 1px solid #cacaca;padding:15px 0;}
.service_type dl{overflow: hidden;line-height:24px;}
.service_type dt{float: left;}
.service_type dd{overflow: hidden;float: right;width:calc(100% - 170px)}
.service_type dd a{float: left;margin-right: 40px;}
.service_type dd a:last-child{margin-right: 0;}
.service_type dd a.on{color:#3a70d3;}

.service_04 .search_box{ max-width: 450px; margin-bottom:1%; width: 30%; height:40px; line-height: 40px; border:1px solid #efefef; background: #fff;}
.service_04 .search_box_input{ float: left; width: calc(100% - 40px); padding: 0 20px; box-sizing: border-box; height:40px; line-height: 40px;}
.service_04 .search_box_btn{float: right; width:40px; height:40px; line-height: 40px;}
@media only screen and (max-width:1023px) {
  .service_04 .search_box{ width: 50%;}
}
@media only screen and (max-width:767px) {
  .service_04 .search_box{ width: 100%; margin-bottom: 5%;}
}

.service_lsit ul{overflow: hidden;margin: 0 -20px;}
.service_lsit dl{margin: 0 20px;background:#e7f0ff;border:2px solid #e7f0ff;padding: 30px;overflow: hidden;}
.service_lsit li{margin-bottom: 40px;width: 50%;float: left;}
.service_lsit dt{line-height: 32px;width:calc(100% - 50px);float: left; height: 128px;}
.service_lsit dt h3{max-height:96px; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.service_lsit dd{float: right;}
.service_lsit dd a{width: 30px;height: 30px;line-height: 30px; border-radius: 50%;display: block;color: #fff !important;background:#040000;text-align: center;}
.service_lsit .pageout{padding: 10px 0;}
.service_iteam {display: none;}
.service_iteam:first-child{display: block;}

@media only screen and (max-width:1440px) {
.service_banner{padding: 80px 0;}
.service_problem,.service_lsit{padding: 0 30px}
.service_02 .service_title{margin-bottom: 50px;}
.service_type{padding-top: 0;}
.service_03{padding-bottom: 150px;}
.service_02{padding-bottom: 100px;}
.service_lsit li{margin-bottom: 20px;}
.service_lsit dl{margin: 0 10px;}
.service_lsit ul{margin: 0 -10px;}
}
@media only screen and (max-width:1200px) {
.service_sh{width: 500px;}
.service_sh li:nth-child(3),.service_sh li:nth-child(2){bottom: -30%;}
}
@media only screen and (max-width:1024px) {
.service_banner,.service_02,.service_04{padding: 50px 0;}
.service_01{padding-top: 50px;}

.service_sh li:nth-child(2) dd,.service_sh li:nth-child(3) dd{top:auto;bottom: -50px; margin: 0;    left: 50%;margin-left: -80px;}
.service_ban_01{margin-bottom: 30px;}
.service_01 .box_content ul,.service_04 .box_content ul{display: block;}
.service_problem, .service_lsit{padding: 0;}
.service_02 .service_title{margin-bottom: 20px;}
.service_03 .service_title{margin-bottom: 60px;}
.service_01 .box_content, .service_04 .box_content{padding: 0;}
.service_01 .service_title, .service_04 .service_title{position: static;margin-bottom: 20px;}
.service_type{margin-bottom: 30px;}

}

@media only screen and (max-width:767px) {
.service_banner,.service_02,.service_04{padding: 30px 0;}
.service_03{padding-top: 30px;padding-bottom: 140px;}
.service_01{padding-top: 30px;}
.service_ban_01 h3{margin-bottom: 10px;}
.service_sh{width: 250px;}
.service_sh li{width: 60px;height:60px}
.service_sh li dt{width: 50px;height: 50px;}
.service_sh li dt img{width: 30px;height: 30px;}
.service_sh li dd{width: 100px;margin-left: -50px}
.service_sh li:nth-child(2) dd,.service_sh li:nth-child(3) dd{margin-left: -50px;}
.service_ban_02 h4 i{font-size: 24px;}
.service_ban_02 h4, .service_ban_02 p{padding-left: 30px;}
.service_problem li{padding: 10px;}
.service_problem dd{padding: 10px 0;}
.service_01 .box_content li, .service_04 .box_content li{width: 90px;}
.service_type li:first-child{padding-top: 0;}
.service_type dt,.service_type dd{float: none;width: 100%;}
.service_type dt{margin-bottom: 10px;}
.service_type dd a{margin-right: 20px;margin-bottom: 10px;}
.service_lsit li{float: none;width: 100%;margin-bottom: 10px;}
.service_lsit dl{padding: 10px;margin: 0;}
.service_lsit ul{margin: 0;}
.service_lsit dt h3{height: auto;max-height: 96px;}
.service_lsit dt{height: auto;}
}

/*产品*/
.pro_listcont{background:#f4f4f4;padding:90px 0 150px 0;}
.pro_listcont .box_content li{width:auto;}
.pro_listcont .box_link{padding: 0;padding-bottom: 80px;}
.pro_list{padding-top: 30px;}

.pro_list ul{margin: 0 -20px;}
.pro_list li a{margin: 0 20px;display: block;}
.pro_list li{float: left;width: 33.33%;margin-bottom: 80px;}
.pro_list li dt{background:#e7e7e7;overflow: hidden;}
.pro_list li dd{padding: 20px;padding-bottom: 0;}
.pro_list li h3{line-height: 30px;margin-bottom: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_list li p{height: 72px; -webkit-line-clamp: 3;color:#333333;}
.pro_more{color:#3a70d3;font-size: 14px;font-weight: bold;padding-top: 30px;}
.pro_list .pageout{padding: 10px 0;}
@media only screen and (max-width:1550px) {
.box_link li{margin: 0 5px;}
.pro_listcont .box_link{padding-bottom:50px;}
}
@media only screen and (max-width:1440px) {
.pro_listcont{padding-bottom: 100px;}
.pro_list ul{margin: 0 -10px;}
.pro_list li a{margin: 0 10px;}
.pro_list li{margin-bottom: 50px;}
}
@media only screen and (max-width:1024px) {
.pro_listcont{padding:50px 0;}
.pro_listcont .box_content ul{display: block;}
.pro_listcont .box_link{text-align: left;}
.pro_listcont .box_link li{margin: 0;margin-bottom: 10px;}
.pro_listcont .box_link{padding-bottom: 20px;}
.pro_list{padding-top: 0;}
.pro_more{padding-top: 20px;}
}
@media only screen and (max-width:767px) {
.pro_listcont{padding:30px 0;}
.pro_listcont .box_link ul{overflow: hidden;}
.pro_listcont .box_link li a{padding:5px 2px;}
.pro_listcont .box_link li{float: left;width: 50%;font-size: 12px;}
.pro_listcont .box_link{padding-bottom:10px;}
.pro_listcont .box_content{padding: 0;}
.pro_listcont .box_content li{width:49%;margin-bottom: 10px;float: left;font-size: 12px;}
.pro_listcont .box_content li:nth-child(2n){float: right;}
.pro_listcont .box_content ul{overflow: hidden;}

.pro_list ul{margin: 0 ;}
.pro_list li a{margin: 0 ;}
.pro_list li{margin-bottom: 10px;float: none;width: 100%;}
.pro_list li dd{padding:20px 10px;}
.pro_list li p{height: auto;max-height: 72px;}
}

@media only screen and (min-width:1025px) {
.service_01 .box_content li.on a:hover{color:#fff !important;}
.service_04 .box_content li.on a:hover{color:#fff !important;}
.service_lsit li dl:hover{background:#fff; border-color:#307bee;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.service_lsit li dl:hover dd a{background:#307bee}
.pro_list li a dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_list li a:hover dt{background:url(/upload/static/images/pro_01_on.jpg) no-repeat;background-size: cover; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}



}

/*产品*/
.pro_index{overflow: hidden;padding:100px 0;background:#f4f4f4;}
.pro_index:nth-child(2n){background:#ededed;}
.pro_index .left{overflow: hidden;width:475px;float: left;}
.pro_index .right{overflow: hidden;width:calc(100% - 505px);float: right;}
.pro_index .left dt{width:75px;height: 55px;margin-bottom: 10px;}
.pro_index .left dt img{width:100%;height: 100%;}
.pro_index .left .index_prom{padding-top: 120px;}
.pro_le{float: left;width: 260px;}
.pro_re{float: right;width:calc(100% - 270px)}
.pro_re p{line-height: 26px;margin-bottom: 20px;text-align: right;}
.pro_slider{position: relative;padding: 0 40px;}
.pro_slider dt{background:#e7e7e7; overflow: hidden;}
.pro_slider li{text-align: center;}
.pro_slider dl{position: relative;}
.pro_slider dd{box-sizing:border-box;padding: 0 10px; margin-top: 5%; width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_slider .but_pub2 .swiper-button-disabled{color:#b2b2b2;}
.pro_slider .but_pub2 .swiper-button-prev{text-align: left;}
.pro_slider .but_pub2 .swiper-button-next{text-align: right;}

@media only screen and (max-width:1660px) {
/*.pro_index .left{width: 390px;}
.pro_index .right{width:calc(100% - 420px)}*/
.pro_slider dd{bottom:10px;}
}

@media only screen and (max-width:1440px) {
.pro_index .left .index_prom{padding-top: 80px;}
}

@media only screen and (max-width:1240px) {
.pro_index{padding:50px 0;}
.pro_index .left,.pro_index .right{float: none;width: 100%;box-sizing:border-box;}
.pro_index .left{margin-bottom: 30px;padding: 0 40px;}
.pro_index .left .index_prom{padding-top: 30px;}
.pro_re p{margin-bottom: 10px;}

}
@media only screen and (max-width:767px) {
.pro_index{padding:30px 0;}
.pro_slider,.pro_index .left{padding: 0 20px;}
.pro_index .left{margin-bottom: 10px;}
.pro_index .left .index_prom{padding-top: 10px;}
.pro_le,.pro_re{float: none;width: 100%;}
.pro_re p{text-align: left;}
.pro_le{margin-bottom:20px;}
.pro_re{overflow: hidden;}
.pro_re p{float: left;margin-right: 20px;}
.pro_slider dd{position: static;}
.pro_slider dt{margin-bottom: 10px;}
}

@media only screen and (min-width:1025px) {
.pro_slider li dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_slider li:hover dt{background:url(/upload/static/images/pro_01_on.jpg) no-repeat;background-size: cover;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
}

/*产品详情*/
.pro_d_01{background:#ededed;padding:200px 0;padding-top: 40px;}
.pro_intr{padding-top:120px;overflow: hidden;}
.pro_intr dt{width:580px;float: left;}
.pro_intr dd{width:calc(100% - 610px);float: right;overflow: hidden;position: relative;}
.pro_intr .pro_dimg{width: 68.3%;float: left;position: relative;
background: url(/upload/static/images/pro_d_on.png) no-repeat;background-size: cover;}
.pro_intr .pro_consult a{color: #4476d4; }
.pro_intr .pro_consult{ color: #4476d4; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; right:0; top:50%;}
.pro_intr .pro_consult span i{font-size: 48px;}
.pro_intr .pro_consult span em{font-size: 18px;font-weight: bold;}

.pro_d_01 h3{color:#4476d4;margin-bottom: 40px;}
.p_type_01{overflow: hidden;margin-bottom: 50px;}
.p_type_01 p{padding-left: 20px; float: left;line-height: 24px;position: relative;margin-right: 30px;}
.p_type_01 p:last-child{margin-right: 0;}
.p_type_01 p:after{content:"";position: absolute;left: 0; top:50%;margin-top: -5px;width: 10px;height: 10px;background:#5fc8ce;}
.p_type_02 p{line-height: 26px;margin-bottom: 10px;position: relative;padding-left: 20px;}
.p_type_02 p:after{content:"";position: absolute;top:10px; left: 0;width: 5px;height: 5px;border-radius: 50%;}
.pro_d_03{position: relative;}
.pro_d_w{position: absolute;top:30px;left: 0;width: 100%;}
.pro_d_04{background:#ededed;padding: 60px 0 115px 0;}
.pro_d_04 .service_title{margin-bottom: 50px;}

.pro_d_list{text-align: right;padding-top: 40px;}
.pro_d_list ul{display: inline-block;}
.pro_d_list li{float: left;margin-right: 80px;line-height: 60px;}
.pro_d_list li:last-child{margin-right: 0;}
.pro_d_list dl{overflow: hidden;}
.pro_d_list dt{width: 60px;height: 60px;line-height: 60px;text-align: center;background:#3a70d3;border-radius:50%;position: relative;float: left;margin-right: 8px;}
.pro_d_list dd{float: left;}

@media only screen and (max-width:1440px) {
.pro_d_04{padding-bottom: 80px;}
.pro_d_01{padding-bottom: 100px;}
.pro_intr{padding-top: 80px;}
.pro_d_01 h3,.p_type_01{margin-bottom: 30px;}
}
@media only screen and (max-width:1366px) {
.pro_intr dt{width: 450px;}
.pro_intr dd{width: calc(100% - 480px)}
}
@media only screen and (max-width:1024px) {
.pro_d_04{padding:50px 0;}
.pro_d_01{padding-bottom: 50px;}
.pro_intr{padding-top: 50px;}
.pro_d_04 .service_title{margin-bottom: 20px;}
.pro_d_list{padding-top: 20px;}
.pro_d_list li{margin-right: 50px;}
.pro_intr dt,.pro_intr dd{float: none;width: 100%;}
.pro_intr dt{padding-bottom: 30px;}
.pro_intr .pro_dimg{width: 400px;}
}
@media only screen and (max-width:767px) {
.pro_d_04{padding:30px 0;}
.pro_d_01{padding-bottom: 30px;}
.pro_intr{padding-top: 30px;}
.pro_d_list li{margin-right: 0;float: none;margin-bottom: 10px;}
.pro_d_list ul{display: block;}
.pro_d_01 h3,.p_type_01{margin-bottom: 20px;}
.pro_intr .pro_dimg{width:calc(100% - 80px);max-width: 260px;}
.pro_intr .pro_consult span i{font-size: 28px;}
.pro_intr .pro_consult span em{font-size: 14px;}
}


/*案例*/
.case_cont{background:#f4f4f4;padding: 90px 0 180px 0;}
.case_cont .box_link{padding-top: 0;padding-bottom: 80px;}
.case_cont .box_content{margin-bottom: 70px;}
.case_list ul{margin: 0 -22px;}
.case_list dl{margin: 0 22px;background:#fff;cursor: pointer;}
.case_list li{float: left;width: 50%;margin-bottom: 60px;}
.case_list dt{overflow: hidden;}
.case_list dd{line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 30px;}
.case_list .pageout{padding:5px 0;}

.case_blank,.case_tac{display: none;}
.case_blank{position: fixed; top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.85);z-index: 9999}
.case_tac{width:1080px;max-width: 80%;z-index: 99991;color: #fff;}
.case_tac dt{position: relative;}
.case_tac dt em{position: absolute;top:0;left:0;width: 100%;height:100%;background: url(/upload/static/images/case_jb.png) no-repeat;background-size: 100% 100%;}
.case_tac dd{position: absolute;left: 0;bottom:40px;width: 100%;box-sizing:border-box;padding: 0 60px;}
.case_tac dd h3{margin-bottom: 10px;}
.case_tac dd p{overflow: hidden;}
.case_tac dd p span{margin-right: 30px;}
.case_close{position: absolute;top:0;right: -45px;font-size:30px;cursor: pointer;}


@media only screen and (max-width:1550px) {
.case_cont .box_link{padding-bottom:50px;}
.case_tac{max-width:86%}
.case_tac dd{bottom:30px;padding: 0 30px;}
}
@media only screen and (max-width:1440px) {
.case_cont{padding-bottom: 100px;}
.case_list ul{margin: 0 -15px;}
.case_list dl{margin: 0 15px;}
.case_list li{margin-bottom: 50px;}
}
@media only screen and (max-width:1024px) {
.case_cont{padding:50px 0;}
.case_cont .box_content ul{display: block;}
.case_cont .box_link li{margin: 0;margin-bottom: 10px;}
.case_cont .box_link{padding-bottom: 20px;}
.case_cont .box_content{margin-bottom: 40px;}
.case_list ul{margin: 0 -10px;}
.case_list dl{margin: 0 10px;}
.case_list li{margin-bottom: 30px;}
.case_list dd{padding: 0 20px;line-height: 50px;}
.case_tac dd p span{margin-right: 20px;}
}
@media only screen and (max-width:767px) {
.case_cont{padding:30px 0;}
.case_cont .box_link ul{overflow: hidden;}
.case_cont .box_link li a{padding:5px 2px;}
.case_cont .box_link li{float: left;width: 33.33%;font-size: 12px;}
.case_cont .box_link{padding-bottom:10px;}
.case_cont .box_content{padding: 0;margin-bottom: 20px;}
.case_cont .box_content li{width:49%;margin-bottom: 5px;float: left;font-size: 12px;}
.case_cont .box_content li:nth-child(2n){float: right;}
.case_cont .box_content ul{overflow: hidden;}
.case_list ul{margin: 0;}
.case_list dl{margin: 0;}
.case_list li{margin-bottom: 20px;width:100%;float: none;}
.case_list dd{padding: 0 10px;line-height: 40px;font-weight: normal;}

.case_close{right: 0;top:-40px;}
.case_tac dd{position: static;padding:0;padding-top: 20px;}
.case_tac{max-width: 94%;}
}


.focus_02{background:#ededed;padding:60px 0;overflow: hidden;}
.focus_02 .service_title {margin-bottom:40px;}
.focus_ic ul{overflow: hidden;margin:0 -20px;}
.focus_ic li{float: left;width:50%;text-align: center;margin-bottom: 90px;}
.focus_ic li:nth-child(2n+1){clear:both;}
.focus_ic li dl{margin:0 20px;}
.focus_ic dt{width:110px;height:110px;margin:auto;}
.focus_ic dt img{width:100%;height:100%;}
.focus_ic dd{padding-top:50px;position:relative;}
.focus_num{position:absolute;top:0;left:0;width:100%;text-align:center;height:180px;line-height:180px; font-size:180px;color:#e6e6e6;}
.focus_ic dd h3{margin-bottom:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.focus_ic dd h3,.focus_ic dd p{position:relative;z-index:2;line-height: 30px;height: 90px;overflow: hidden;}
.focus_ic dd p{line-height: 30px;height: 90px;overflow: hidden;}
.focus_ic .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.focus_ic .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #3a70d3 !important;
}
.focus_03{padding:120px 0; background:#f0f1f3;}
.focus_top li{padding: 0 90px;display: none;}
.focus_top li.on{display:block;}
.focus_top dl{overflow: hidden;padding:90px 0; background:url(/upload/static/images/focus_bg.png) no-repeat top center;background-size:44.9%;}
.focus_top dt{float: left;width:43.8%;}
.focus_top dd{float: right;padding-right: 110px;box-sizing:border-box; width: 52%;padding-top: 20px;}
.focus_top dd h3{margin-bottom: 40px;}
.focus_bottom{width:540px;max-width:80%; margin: auto;position: relative;margin-top: -30px;z-index: 2;}
.focus_bottom li{text-align: center;cursor: pointer;}
.focus_bottom dt{margin-bottom: 10px;}
.focus_bottom dd{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.focus_bottom dl{padding:20px 10px;margin:10px 15px;}
.focus_bottom li.on dl{background:#fff;color: #3a70d3;    box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.focus_edit {height: 260px;overflow: hidden;}

.focus_edit .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;}
.focus_edit .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#3a70d3;}
.focus_edit .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.focus_edit .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.focus_edit .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#3a70d3;}



.gk_btn{display: none;}
.gk_btn div{ width:30px; height: 30px; line-height: 30px; text-align: center;margin-top:-15px;color: #3A70D3;background: none;font-size: 30px;font-weight: bold;}
.gk_btn .swiper-button-prev{left:-40px;}
.gk_btn .swiper-button-next{ right:-40px; }
.gk_btn .swiper-button-prev.swiper-button-disabled,.gk_btn .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.gk_btn .swiper-button-prev.disabled,.gk_btn .swiper-button-next.disabled{ cursor: default;}
.gk_btn .swiper-button-prev.disabled,.gk_btn .swiper-button-next.disabled{color: #a1a1a1;}


@media only screen and (max-width:1440px) {
.focus_03{padding:80px 0;}
.focus_top dl{padding: 50px 0;padding-bottom:80px;}
.focus_top dd{padding-right: 0;padding-top: 0;}
.focus_top li{padding: 0 40px;}
}

@media only screen and (max-width:1024px) {
.focus_ic li{margin-bottom:50px;}
.focus_bottom{margin-top: 0;}
.focus_top li{padding: 0;}
.focus_top dd h3{margin-bottom: 20px;}
.focus_top dl{padding:30px 0;}
}
@media only screen and (max-width:767px) {
.focus_ic li{width:100%;float:none; margin-bottom:30px;}
.focus_ic li:last-child{margin-bottom:0;}
.focus_ic dt{width:70px;height:70px;}
.focus_ic dd h3{margin-bottom:10px;}
.focus_num{height:120px;line-height:120px; font-size:120px;}
.focus_ic dd{padding-top:30px;}
.focus_02 .service_title{margin-bottom:20px;}
.focus_02{padding:30px 0;}
.focus_bottom dl{padding:10px;margin:10px;}
.focus_top dt,.focus_top dd{float: none;width: 100%;}
.focus_top dt{margin-bottom: 20px;}
.focus_03{padding:20px 0;}
.focus_top dl{padding: 10px 0;}
.focus_top{margin-bottom: 20px;}
.focus_top dd h3{margin-bottom: 10px;}
.focus_edit{height: 120px;}

}

@media only screen and (min-width:1025px) {
.case_list dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.case_list dl:hover{color:#307bee;    box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
}




.case_list dt .video_button{font-size: 60px;color: #fff;}
.haveVid dt{position: relative;}
.haveVid_div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}

/*20230818 add*/
.pro_d_01{padding-bottom: 5%;}
.pro_info{margin-top: 5%;}
/*20230818 add end*/

/*20230822 add*/
.service_con{margin-top: 7%;}
.service_con li{ float: left; width: 23.7377%;position: relative;}
.service_con li:first-child{ width: 49.05%; margin-right: 1.8%;}
.service_con li:last-child{margin-top: 1.8%; float: right;}
.service_con li:nth-last-of-type(2){ float: right;}
.service_con li dd{ text-align: center; color: #fff; width: 90%; padding: 0 5%;}
.service_con li dd span{ display: block; margin-bottom:20px;}
.service_con li dd span img{ width: 38px; height: 38px; transform:scale(1,1)!important;}
@media only screen and (max-width:767px) {
  .service_03{padding-bottom: 50px;}
  .service_con{margin-top:0;}
  .service_con li{ width: 100%!important;}
  .service_con li:last-child{ margin-top: 0;}  
}
/*20230822 add end*/



/*20230912服务页面嵌入iframe*/
.iframebox{ min-height: 400px; height: 1993px;}
.iframebox iframe{width: 100%; height: 100%;}
@media only screen and (max-width:1024px) {
  .iframebox{ height: 1900px;}
}
@media only screen and (max-width:768px) {
  .iframebox{ height: 1620px;}
}
@media only screen and (max-width:767px) {
  .iframebox{ height: 2050px;}
}

@media only screen and (max-width:1023px) {
  .service_04 .w_1525{max-width: 100%;}
}
/*end*/