.ser_title{text-align: center;margin-bottom: 50rem;}
.ser_title h3{line-height: 1em;padding-bottom: 45rem; position: relative;}
.ser_title h3::after{ width: 60rem;height: 3rem;background: #e1001f; content: "";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:0;}
input,button,textarea{border:none;outline: none;background: none;}
.line30{line-height: 1.8em;}
.main{overflow: inherit;}

    
@media only screen and (max-width:1024px){
    .fnt_40{font-size: 30rem;}
}
@media only screen and (max-width:767px){
    .fnt_20{font-size: 14px;}
    .fnt_40{font-size: 40rem;}
}

.seatr_01{padding: 100rem 0 90rem 0;background: #cdd8e3;}
.seatr_01 .ser_title{margin-bottom: 40rem;}
.seatr_map{width: 80.7%;margin: auto;position: relative;}
.seatr_map img{width: 100%;}
.seatr_maplist li{position: absolute; min-width: 120rem;line-height: 38rem;background: #e1001f;color: #fff;border-radius: 20rem;padding: 0 30rem; text-align: center;}

.seatr_02{padding: 80rem 0 60rem 0;}
.seatr_03{background: url(../images/service_bg.jpg) no-repeat;background-size: cover;padding: 95rem 0 135rem 0;}
.sear_list{padding-top: 10rem;}
.sear_list li{width: 25%;float: left;margin-bottom: 60rem;}
.sear_list ul{margin: 0 -15rem; display: flex;flex-wrap: wrap;}
.sear_list dl{margin: 0 15rem;padding: 30rem;padding-bottom: 55rem; background: #fff; box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1); border-radius: 20rem; height: 100%; position: relative;overflow: hidden;}
.sear_list dl::after{content: "";position: absolute;bottom:0;left: 0;width: 100%;height: 3rem;background: #e1001f;}
.sear_list dt {margin-bottom: 40rem;}
.sear_list dt h3{color: #e1001f;margin-bottom: 10rem;}
.sear_list dt p{line-height: 1.8em;}
.sear_list dd h3{line-height: 1em;margin-bottom: 10rem;}
.sear_list dd p{line-height: 1.8em;margin-bottom: 0.4em;}
.sear_list dd p:last-child{margin-bottom: 0;}
.seatr_form li{width: 50%;float: left;margin-bottom: 30rem;}
.seatr_form .li_w100{float: none;width: 100%;clear: both;}
.seatr_form ul{margin: 0 -15rem;}
.seatr_form .form_w{position: relative; border: 1rem solid #c6c6c6;background: #fff;border-radius: 4rem;overflow: hidden; margin: 0 15rem;}
.seatr_form .form_w .yzm{position: absolute; z-index: 2; right:0; top:50%; margin-top: -20rem; width: 109rem; height: 41rem; overflow: hidden;}
.seatr_form li input{width: 100%; line-height: 44rem;padding: 0 20rem;font-family: inherit;}
.seatr_form  textarea{font-family: inherit; padding: 15rem 20rem;height: 145rem;width: 100%;}
.sear_btn{overflow: hidden; padding-top: 30rem;}
.sear_btn button{display: block;float: right;width: 188rem;height: 50rem;line-height: 50rem;color: #fff;text-align: center;background: #e1001f;border-radius: 4rem;}

.seatr_form input::-webkit-input-placeholder,.seatr_form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    opacity: 1;
}
.seatr_form input:-moz-placeholder,.seatr_form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     opacity:  1;
}
.seatr_form input::-moz-placeholder,.seatr_form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity:  1;
}
.seatr_form input:-ms-input-placeholder,.seatr_form textarea:-ms-textarea-placeholder { /* Internet Explorer 10-11 */
   opacity: 1;
}
.seatr_form input::-ms-input-placeholder,.seatr_form textarea::-ms-textarea-placeholder { /* Microsoft Edge */
   opacity: 1;
}

.seatr_form input::placeholder,.seatr_form textarea::placeholder { /* Most modern browsers support this now. */
   opacity: 1;
}

.sear_list dl{border: 1rem solid transparent;}
@media only screen and (min-width:1025px){
    .sear_btn button,.about_tab li,.sear_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;}
    .sear_btn button:hover{opacity: 0.8;}
    .tel_a:hover{color: #000 !important;cursor:default;}
    .about_tab li:hover{color: #fff;}
    .sear_list dl:hover{border: 1rem solid #e1001f; box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.3);}
}
@media only screen and (max-width:1024px){
    .sear_list ul{margin: 0 -10rem; }
    .sear_list dl{margin: 0 10rem;padding: 20rem;padding-bottom: 30rem;border-radius: 10rem;}
    .sear_list li{margin-bottom: 30rem;}
    .sear_list dt{margin-bottom: 20rem;}
}
@media only screen and (max-width:767px){
    .seatr_03,.seatr_02,.seatr_01{padding: 90rem 0;}
    .ser_title h3{padding-bottom: 15px;}
    .ser_title h3::after{width: 50px;height: 2px;}
.seatr_map{width: 94%;}
.seatr_maplist li{padding:4px 6px; line-height: 12px;}
.sear_list ul,.sear_list dl{margin: 0;}
.sear_list li{margin-bottom: 20px;width: 100%;float: none;}
.sear_list li:last-child{margin-bottom: 0;}
.sear_list dl::after{height: 2px;}
.sear_list dl{padding: 20px;}
.sear_list dt{margin-bottom: 20px;}
.sear_list dd h3{margin-bottom: 10px;}
.seatr_form .form_w,.seatr_form ul{margin: 0;}
.seatr_form li{float: none;width: 100%;margin-bottom: 10px;}
.seatr_form li input{line-height: 44px;padding:0 10px;}
.seatr_form textarea{padding: 10px;height: 120px;}
.sear_btn button{width: 120px;height: 40px;line-height: 40px;}
}


/* 关于 */
.about_01{padding: 120rem 0 135rem 0;}
.about_01 li{margin-bottom: 100rem;}
.about_01 li:last-child{margin-bottom: 0;}
.about_01 dl{overflow: hidden;}
.about_01 dt{float: left;width: 51.7%; border-radius: 20rem;}
.about_01 dd{float: right;width: 42.5%;padding-top: 30rem;}
.about_01 li:nth-child(2n) dt{float: right;}
.about_01 li:nth-child(2n) dd{float: left;}
.ser_title02 h3{line-height: 1.35em;text-align: left;padding-bottom: 30rem;}
.ser_title02 h3::after{left: 0;    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);}
.ser_title02{margin-bottom: 30rem;}

.about_02{padding-top: 70rem;position: relative; padding-bottom: 140rem;}
.about_02_bg{position: absolute;top:0;left: 0;width: 100%;height: 657rem;background-size: cover;background: url(../images/about_bg1.jpg);}
.about_02 .wrap{position: relative;z-index: 5;}
.about_tab{padding-bottom: 10rem;}
.about_tab ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center; }
.about_tab li{width: 41.8%; margin:0 4.1%; float: left;}
.about_tab li{margin-bottom: 50rem; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;color: #ff7287;font-weight: bold; cursor: pointer;padding-bottom: 20rem;position: relative;}
.about_tab li::after{content: "";position: absolute;bottom:0;left: 50%;width: 0%;height: 3rem;background: #e1001f;}
.about_tab li p{line-height: 1.2em;word-break:break-all; }
.about_tab li.on{color: #fff;}
.about_tab li.on::after{width: 100%;left: 0;}

.about_poiner li{display: none;}
.about_poiner li.on{display: block;}
.about_poiner dl{overflow: hidden;background: #fff;box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);border-radius: 20rem;overflow: hidden;}
.about_poiner dt,.about_poiner dd{height: 100%;overflow: hidden;}
.about_poiner dt{float: right;width: 63.2%;border-left: 1rem solid #d20421;}
.about_poiner dd h3{line-height: 1.2em;padding-bottom: 20rem;}
.about_poiner dd{float: left;width: 36.8%;padding:55rem 0;}

.about_poiner .mCSB_outside+.mCSB_scrollTools{right: 30rem;}
.about_scoll{height: 100%;padding: 0 55rem;}

.about_03{padding: 130rem 0;min-height: 974rem;}
.abput_p {margin-bottom: 40rem;}
/* .about_bre{overflow: hidden;} */
.about_bre .right{width: 47.3%;float: right;}
.about_bre .right li{padding: 55rem 45rem; border-radius: 20rem; background: #8FC3E0; background: linear-gradient(180deg,rgba(143, 195, 224, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.about_bre .right li{display: none;}
.about_bre .right li.on{display: block;}
.about_bre .left{width: 46.8%;float: left;}
.about_brelist li{position: relative;margin-bottom: 20rem;cursor: pointer;}
.about_brelist li:last-child{margin-bottom: 0;}
.about_brelist dt,.about_brelist dt h3{font-weight: bold;}
.about_brelist dt{position: relative;padding-right: 40rem;line-height: 58rem;position: relative;}
.about_brelist li::after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 1rem;background: #91989f;}
.about_brelist dt span{position:absolute; right: 15rem; top:0;}
.about_brelist dd{display: none;padding-bottom: 20rem;}
.about_brelist dd p{max-height: 9em;overflow: hidden;padding-right: 30rem;}
.about_brelist dt span,.about_brelist li::after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.about_brelist li.on::after{height: 3rem;background: #e1001f;}
.about_brelist li.on span{color: #e1001f;}
.about_brelist li.on dd{display: block;}
.about_brelist .mCSB_outside+.mCSB_scrollTools{right: 0;}

.about_04{padding: 115rem 0 130rem 0;}
.about_04 .sear_list dt h3{color: #000;margin-bottom: 20rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about_04 .sear_list dt{padding-bottom: 30rem;margin-bottom: 30rem; border-bottom: 1rem solid #dedede;}
.about_04 .sear_list dt p{height: 5.4em;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.about_04 .sear_list .last{text-align: center;}
.about_04 .sear_list .last h4{ width: 160rem;height: 160rem;margin:auto; margin-bottom: 30rem;margin-top: 20rem;}
.about_04 .sear_list .last h4 img{width: 100%;height: 100%;}
.about_04 .sear_list .last dt{border: 0;padding: 0;margin: 0;}

    
@media only screen and (max-width:1024px){
    .about_01,.about_02,.about_03,.about_04{padding: 80rem 0;}
    .about_01 dt,.about_01 dd{float: none;width: 100%;}
    .ser_title02 h3{line-height: 1.2em;}
    .about_01 li{margin-bottom: 50rem;}

    .about_tab li{width: 48%; margin:0 1%; float: left;margin-bottom: 30rem;}
    .about_tab li br{display: none;}
    .about_poiner dd{padding: 30rem 0;}
    .about_scoll{padding: 0 30rem;}
    .about_poiner .mCSB_outside+.mCSB_scrollTools{right: 0;}

    .about_bre .right li{padding: 20rem;}
    .about_bre .right{width: 38%; position: sticky;top:70rem}
    .about_bre .left{width: 60%;}
    .abput_p{margin-bottom: 20rem;}
    .about_03{    min-height:inherit;}
}

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

    .about_tab li{width:100%; margin:0 ; margin-bottom: 30rem; font-size: 13px;}
    .about_poiner dt,.about_poiner dd{float: none;width: 100%;}
    .about_poiner dl{height: auto !important;}
    .about_poiner dt{border: 0;}
    .about_scoll{height: auto;max-height: 200px;}
    .about_bre .left,.about_bre .right{float: none;width: 100%;}
    .about_bre .left{margin-bottom: 50rem;}
    .about_bre .right li{padding: 40rem;}
    .about_brelist dt{line-height: 20px;padding: 10px 0;padding-right: 20px;}
    .about_brelist dt span{top:10px;right: 0px;}
    .about_brelist dd p{padding-right: 10px;}
    .about_04 .sear_list .last h4{width: 160px;height: 160px;}
    .about_brelist li::after{height: 1px;}
    .about_brelist li.on::after{height: 2px;}
}



.seatr_maplist li{animation:tiaodong 2s linear infinite;}
.seatr_maplist li:nth-child(1),
.seatr_maplist li:nth-child(4){animation: tiaodong 1.5s linear infinite;}
.seatr_maplist li:nth-child(2),
.seatr_maplist li:nth-child(6){animation: tiaodong 1.2s linear infinite;}
@keyframes tiaodong {
0%, 100% {transform:translateY(0)}
50% {transform: translateY(-5px);}
}


.seatr_maplist li{z-index: 1; cursor: pointer;}
.seatr_maplist li.on{z-index: 10;}
.seatr_maplist li .box{ display: none; position: absolute; left:calc(100% + 10rem);top:0; z-index: 2; text-align: left; color: #000; padding:20rem; width: 300rem; border-radius: 10rem; background: #fff; box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);}
.seatr_maplist li.on .box{display: block;}
.seatr_maplist li .box dt{margin-bottom:10rem;}
.seatr_maplist li .box dt h3{line-height:1.5; color: #e1001f;margin-bottom: 10rem;}
.seatr_maplist li .box dt p{line-height: 1.5;}
.seatr_maplist li .box dd h3{line-height: 1.5;}
.seatr_maplist li .box dd p{line-height: 1.8em;}

@media only screen and (max-width:1023px){
    .seatr_maplist li .box{width: 280rem;}
    .seatr_maplist li:last-child .box{ left: auto; right:calc(100% + 10rem);}
}
@media only screen and (max-width:767px){
    .seatr_01{position: relative; z-index: 2;}
    .seatr_maplist li .box{left: 0; top:100%; width: 400rem;}
    .seatr_maplist li:last-child .box{right:0;}
}