.service_dets{padding: 80rem 0 120rem; background: #F8F8F8;}
.service_ll{ float: left; width: calc(100% - 410rem);}
.service_rr{ float: right; width: 336rem;}
.service_rr dl{ background: #fff; border-radius:10rem; overflow: hidden;}
.service_rr dt{padding: 25rem 25rem; background: #A4B0D0; color: #fff;} 
.service_rr dd{padding: 25rem 25rem; border-bottom: 1rem solid #D9D9D9;}
.service_rr dd:last-child{border-bottom: none;}
.service_rr dd.on{background:linear-gradient(to right,#0160C5,#58A1FF);}
.service_rr dd.on a{ color: #fff;}
.service_rr dd a i{ float: right; color: #008CD6; font-weight: normal;}
.service_rr dd.on a i{color: #fff;}

.service_ll .back{border-bottom: 1rem solid #000000; padding-bottom: 20rem; margin-bottom: 50rem;}
.service_list li{float: left; position: relative; width: 48.8%; padding:25rem 28rem 30rem; padding-left: 90rem; margin-bottom:28rem; border: 1rem solid #DEDEDE; background: #fff; border-radius: 10rem; overflow: hidden;}
.service_list li:nth-child(2n){ float: right;}
.service_list li i{ position: absolute; left:28rem; top:20rem; color: #F32F34;}

.service_part{padding:70rem 0 100rem; background: #F8F8F8;}
.service_part .wrap>h2{text-align: center; margin-bottom: 40rem;}
.service_part .swiper-container{border-radius: 10rem;}
.service_part ul{margin: 0; position: relative; }
.service_part li{ float: left; width:10.254%; height: 100%;overflow: hidden;transition: all 0.3s;}
.service_part li::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0, 0.5);}
.service_part li.on{ width:48.73%;}
.service_part li.on::before{background: rgba(0,0,0, 0.15);}
.service_part li dl{position: relative; height: 100%;}
.service_part li dt{width: 100%;}
.service_part li dt img{ display: none;}
.service_part li dd{width: 100%; color: #fff; height: 100%; position: absolute; lefT:0; top:0; z-index: 2;}
.service_part li dd h3{position: absolute; left:0; bottom:50rem; text-align: center; width: 100%; padding: 0 5%;}
.service_part li.on dd h3{display: none;}
.service_part li dd .con{display: none; position: absolute; left:0;top:0; padding: 80rem 160rem 70rem 70rem;}
.service_part li.on dd .con{display: block;}
.service_part li dd h2{line-height:20px; margin-top: 5px; width: 80%;}
.service_part li dd p{margin-top:30rem; line-height: 1.8;}
.service_part li dd .more{margin-top: 50rem; display: inline-block;}
.service_part li dd span.online_bx{margin-left: 10rem;}
.online_bx{ cursor: pointer;}
.service_part .swiper-button-prev,.service_part .swiper-button-next{display: none; width: 40rem; height: 40rem; line-height: 40rem; top:50%; margin-top: -20rem; color: #fff; text-align: center; background: none;}

.online_bxbg{ display: none; position: fixed; z-index: 1000; lefT:0; top:0;width: 100%; height: 100%; background: rgba(0,0,0, 0.5);}
.online_bxbox{ display: none; position: fixed; z-index: 1001; width: 930rem; padding: 65rem; background: #fff; border-radius: 10rem;}
.online_bxbox ul{ max-width: 394rem; margin: 0 auto;}
.online_bxbox li{ margin-bottom: 30rem;}
.online_bxbox li:last-child{margin-bottom: 0;}
.online_bxbox .codebox{overflow: hidden;}
.codebox .inp{float: left;width: calc(100% - 110rem);}
.codebox span{float:right;width: 100rem;height: 44rem;cursor: pointer;}
.codebox span img{width: 100%;height: 100%;}

.online_bxbox li .inp{ padding: 0 15rem; height: 44rem; line-height: 44rem;border: 1rem solid #D2D2D2;position: relative;}
.online_bxbox li .inp input{width: 100%;}
.online_bxbox li .inp textarea{width: 100%;font-family: inherit;height: 100%;padding: 15rem 0;}
.online_bxbox li .txt{ height: 120rem;}
.online_bxbox li button{ cursor: pointer; margin-top: 0; width: 100%; height: 50rem; line-height: 50rem; border-radius: 5rem; border: none;}
.address_city{position: relative; z-index: 99;}
.address_select{ float: left; width: 30.33%; margin-right: 3%;padding: 0 5rem 0 15rem; height: 44rem; line-height: 44rem;border: 1rem solid #D2D2D2;}
.address_select.qu{margin-right: 0; width: 33.33%;}
.selectblock dl{/*position: relative;*/}
.selectblock dl dd p{padding: 0 20rem; cursor: pointer; }
.selectblock dl dt p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pub_select dd{position: absolute; top: calc(100% + 1rem); left: 0;width: 100%;    background: #fff; z-index: 9;    padding: 10rem 0;max-height: 180rem;overflow: hidden;overflow-y: auto;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); display: none;}
.pub_select dd p a{display: block;padding: 0 20rem;line-height: 40rem;}
.pub_select dt {position: relative;cursor: pointer;}
.pub_select dt i{position: absolute;right: 0;top: 0; color: #008cd6;font-size: 14rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_select dt.on_o i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}

.online_close{position: absolute;right: 10rem;top:10rem;font-size: 10rem; font-size: 30rem; cursor: pointer;}

@media only screen and (max-width:1024px){
.online_bxbox{width: 90%;}
.online_bxbox ul{max-width: 50%;}
}


@media only screen and (max-width:1023px){
.service_ll,.service_rr{width: 100%;}
.service_rr{margin-top: 5%;}
.service_part .swiper-button-prev,.service_part .swiper-button-next{display: block;}
.service_part .swiper-container{ height: auto!important;}
.service_part li{ float: none; width: 100%;}
.service_part li::before{ background: rgba(0,0,0,0.2);}
.service_part li dt img,.service_part li dd .con{ display: block;}
.service_part li dd h3{ display: none;}
.service_list li{width: 100%;}
.online_bxbox ul{max-width:100%;}
}

@media only screen and (max-width:767px){
.service_part li dd .more{padding-left: 20rem; padding-right: 25rem;}
.service_part li dd .more em{margin-right: 10rem;}
}

@media only screen and (min-width:1025px){
.service_rr dd:hover{background:linear-gradient(to right,#0160C5,#58A1FF);}
.service_rr dd:hover a{ color: #fff!important;}
.service_rr dd:hover a i{color: #fff;}
}