﻿.fs55 {
    font-size: 55px;
}
.mt70 {
    margin-top: 70px;
}
.boldTitle {
    font-weight: 700;
    color: #333;
}

/* 服务简介 */
.custom_service_div{width: 100%;position: relative;}
.custom_service_divcontent{width: 100%;position: relative;overflow: hidden;background: #eeeeee;border-radius:10px;overflow:hidden;}
.custom_service_divcontent-info{max-width:650px;padding: 50px;}
.custom_service_divcontent-info .text{color: #848484;line-height: 2;}
.custom_service_divcontent-image{width1: 686px;overflow: hidden;}
.custom_service_divcontent-image img{width: 100%;vertical-align:middle;boder:0px;}
.custom_service_divcontent-num{width: 100%;}
.custom_service_divcontent-num ul{justify-content: space-between;max-width:1440px;margin:auto auto;}
.custom_service_divcontent-num li{text-align: center;}
.custom_service_divcontent-num .num{line-height: 1;color: #444;font-size:32px;}
.custom_service_divcontent-num .text{color: #858585;margin-top: 12px;}
.custom_service_divcontent-num .line{width: 1px;height: 78px;background: #d5d5d5;margin-top: 6px;}
 

@media (max-width: 1700px) {

}

@media (max-width: 1599px) {
	.flexld .sontypename{font-size:36px;}
	.custom_service_divcontent-info{max-width:550px;}
	.custom_service_divcontent-image img{max-height:450px;}
}

@media (max-width: 1270px) {
	.flexld .sontypename{font-size:34px;}
	.custom_service_divcontent-info{max-width:480px;}
	.custom_service_divcontent-image img{max-height:400px;}
}

@media (max-width: 1100px) {
 	.flexld .sontypename{font-size:32px;}
	.custom_service_divcontent-info{max-width:400px;padding:25px;}
	.custom_service_divcontent-image img{max-height:400px;}
}
@media (max-width: 1000px) {
 	.flexld .sontypename{font-size:26px;}
	.custom_service_divcontent-info{max-width:550px;padding:25px;}
	.custom_service_divcontent-image img{max-height:450px;}
}
@media (max-width: 800px) {
	.custom_service_divcontent-mix{display:block;padding:25px 15px;}
	.flexld .sontypename{font-size:24px;max-width:100%}
	
	.custom_service_divcontent-info{max-width:100%;padding:0px;margin-bottom:25px;}
	.custom_service_divcontent-image{padding:25px;
		border-radius:10px;
		height:200px;
		background:url(../images/service/customer_person.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		
	}
	.custom_service_divcontent-image img{display:none;}
	.custom_service_divcontent-info .text{font-size:14px;}
}
@media (max-width: 680px) {
	.flexld .sontypename{font-size:20px;}
	
}

@media (max-width: 640px) {

}











.section2 {
    padding-top: 150px;
    padding-bottom: 150px;
	display:none;
}

.section2 ul li {
    width: 25.02%;
    padding-top: 25%;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    margin-left: -4px
}

.section2 ul li:nth-child(2n):after {
    transform: rotate(180deg)
}

.section2 ul li:before {
    content: "";
    background-color: #aed94f;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: -10px;
    bottom: 50%;
    border-radius: 50%;
    z-index: 2
}

.section2 ul li:after {
    transition: all .4s ease;
    content: "";
    border-radius: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background-image: url(../images/service/border-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.section3 .box ul li:hover .ico:after {
    animation: trackRun 1.5s ease-out both infinite alternate;
}

.section2 ul li:hover .ico:after {
    animation: trackRun 1.5s ease-out both infinite alternate;
}

.section2 ul li:hover::after {
    animation: rotateA 4s linear infinite;
}

@keyframes rotateA {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes trackRun {
    0% {
        transform: scaleY(1);
        display: none;
    }

    20% {
        transform: scaleY(0.6)
    }

    50% {
        transform: translateY(-12px) scaleY(1);
    }

    80% {
        transform: translateY(0) scaleY(0.8);
    }

    100% {
        transform: scaleY(1)
    }
}

.section2 ul li .ico {
    position: absolute;
    height: 66px;
    width: 66px;
    margin-left: -33px;
    left: 50%;
    top: 80px;
    right: 50%
}

.section2 ul li .ico i {
    background-image: url(../images/service/ico-se-tel.png);
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 100% 100%;
    z-index: 2
}

.section2 ul li:nth-child(2) .ico i {
    background-image: url(../images/service/ico-se-escort.png)
}

.section2 ul li:nth-child(3) .ico i {
    background-image: url(../images/service/ico-se-manual.png)
}

.section2 ul li:nth-child(4) .ico i {
    background-image: url(../images/service/ico-se-after.png)
}

.section2 ul li .ico:after {
    content: "";
    background-color: #01b3bb;
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    right: -5px;
    bottom: -1px;
    z-index: 1;
    border-radius: 50%
}

.section2 ul li p {
    position: absolute;
    font-size: 28px;
    line-height: 36px;
    color: #0b0b0b;
    text-align: center;
    left: 0;
    right: 0;
    font-weight: 700;
    padding-right: 55px;
    padding-left: 55px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    padding-top: 45%
}

.section2 ul li p br {
    content: "";
    display: block;
    height: 0
}

.section2 ul li p:after {
    content: "";
    background-color: #fff;
    display: block;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    border: 2px solid #aed94f;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -16px;
    bottom: 50%;
    border-radius: 50%
}








.section3 {
    padding-top: 122px;
    padding-bottom: 0px;
	max-width:1600px;
	margin:auto;
}

.section3 .tit {
    font-size: 32px;
    color: #0b0b0b;
    font-weight: 700;
    text-align: center
}

.section3 .box {
    background-image: url(../images/service/bg-logo-light.png);
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 115px;
    padding-right1: 84px;
    padding-left1: 84px;
    box-sizing: border-box
}

.section3 .box ul li {
    width: 25%;
    padding-top: 25%;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    margin-left: -4px
}

.section3 .box ul li:nth-child(2n):after {
    transform: rotate(-135deg)
}

.section3 .box ul li:after {
    content: "";
    border-radius: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: dashed;
    border-left-style: dashed;
    border-top-color: #aed94f;
    border-left-color: #aed94f;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(45deg)
}

.section3 .box ul li .ico {
    position: absolute;
    height: 66px;
    width: 66px;
    margin-left: -33px;
    left: 50%;
    top: 80px;
    right: 50%
}

.section3 .box ul li .ico i {
    background-image: url(../images/service/ico-se-feedback.png);
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 100% 100%;
    z-index: 2
}

.section3 .box ul li:nth-child(2) .ico i {
    background-image: url(../images/service/ico-se-accptance.png)
}

.section3 .box ul li:nth-child(3) .ico i {
    background-image: url(../images/service/ico-se-solution.png)
}

.section3 .box ul li:nth-child(4) .ico i {
    background-image: url(../images/service/ico-se-survey.png)
}

.section3 .box ul li .ico:after {
    content: "";
    background-color: #c1ed61;
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
    border-radius: 50%
}

.section3 .box ul li p {
    position: absolute;
    font-size: 28px;
    line-height: 36px;
    color: #0b0b0b;
    text-align: center;
    left: 0;
    right: 0;
    font-weight: 700;
    padding-right: 55px;
    padding-left: 55px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    padding-top: 45%
}

.section3 .box ul li p br {
    content: "";
    display: block;
    height: 0
}

.section3 .box ul li:before {
    content: "";
    background-color: #fff;
    border: 2px solid #e9e9e9;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    height: 80%;
    border-radius: 50%
}

.section3 .box ul li p:before {
    content: "";
    background-color: #aed94f;
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: -4px;
    bottom: 50%;
    border-radius: 50%;
    z-index: 2
}

.section3 .box ul li p:after {
    content: "";
    background-color: #aed94f;
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    left: -3px;
    bottom: 50%;
    border-radius: 50%;
    z-index: 2
}















@media (max-width: 1700px) {

}

@media (max-width: 1599px) {
	.section3 .box ul li p{font-size:24px;}
}

@media (max-width: 1270px) {

}

@media (max-width: 1100px) {

}
@media (max-width: 1000px) {

}
@media (max-width: 800px) {

}
@media (max-width: 680px) {

	
}

@media (max-width: 640px) {

}












/*常见问题*/

.section4 {
	padding-top: 122px;
	padding-bottom: 90px;
	max-width:1600px;
	margin:auto;
}

.section4 .tit {
	font-size: 32px;
	color: #0b0b0b;
	font-weight: 700;
	text-align: center;
	padding-bottom:30px;
}

.section4 .box { 
	background-repeat: no-repeat;
	background-position: center 20px;
	padding-top: 115px;
	padding-right: 84px;
	padding-left: 84px;
	box-sizing: border-box
}		
.section4 .sontypename_title{color:#848484;margin-top:10px;text-align:center;}
.section4 a{text-decoration:underline;color:#000;font-weight:700;}			
.Serfq-list .list:nth-child(1){border-top: 0px solid #ccd1d9;}
.Serfq-list .list{border-bottom: 1px solid #ccd1d9;padding: 30px 40px;}
.Serfq-list .list .show{align-items: center;cursor:pointer;}
.Serfq-list .list .show span{width1: 40px;margin-right:5px;}
.Serfq-list .list .show .fmQ{color:#e8222a;font-size:20px;}
.Serfq-list .list .show .title{width: calc(100% - 70px);font-weight:700;font-size:18px;}
.Serfq-list .list .show .btn{
	background: url(../images/icon/rel_slider_down@3x.png) center no-repeat;
	background-size: 48px;
	height:30px;
	width: 30px;display: block; transform1: rotate(-90deg);display: flex;justify-content: center;align-items: center;transition: all .4s ease;font-size: 18px;}
.Serfq-list .list .show .btn:hover{color: #e7222a;}
.Serfq-list .list.active .show .btn{
	background: url(../images/icon/rel_slider_up_active@3x.png) center no-repeat;
	background-size: 48px;
	transform1: rotate(90deg);color: #e7222a;}
.Serfq-list .list .hide{margin-top:34px;padding: 0px 65px;line-height:24px;display: none;}



@media (max-width: 1700px) {

}

@media (max-width: 1599px) {
	.section3,.section4{padding:80px 0px 50px;}
}

@media (max-width: 1270px) {
	.section3 .box ul li .ico{}
}

@media (max-width: 1000px) {
	.section3 .box{background-size:100%;padding-top:70px;}
	.section4 .box{padding:40px 0px 0px 0px;}
	Serfq-list .list {padding: 10px;}
	
	
}
@media (max-width: 800px) {
	.section3 .tit,.section4 .tit{font-size:20px;}
	.section3 .box ul li{width:50%;padding-top:50%;}
	.section3 .box ul li .ico {top:10vw;    height: 50px; width: 50px; margin-left: -25px;}
	.section3 .box ul li p{font-size:18px;padding-left:20px;padding-right:20px;padding-top:50%;line-height:28px;}
	
}
@media (max-width: 680px) {
	.section3,.section4{padding:40px 0px 0px 0;}
	.section3 .box ul li p{font-size:16px;padding-left:20px;padding-right:20px;padding-top:50%;}

	.section4 .box{padding:20px 0px 0px 0px;}
	.Serfq-list .list {padding: 10px;}
	.Serfq-list .list .show .fmQ{font-size:18px;}
	.Serfq-list .list .show .title{font-size:16px;}
	.Serfq-list .list .hide {padding: 0px 15px;}
	
}

@media (max-width: 640px) {

}




.typename-head{justify-content: space-between;align-items: flex-end;}
.typename-title { max-width: 520px;}
.sontypename { padding-bottom: 30px; font-size: 32px;font-weight: 600;}
.boldTitle {font-weight: 700;color: #333;}
.center{text-align:center;}
.typename-title .text {color: #848484; line-height: 1.6;margin-top1: 10px;}

.pos {position: relative;}
.flex {display: flex;flex-wrap: wrap;}.abHonor-swp{width: calc(100% + 30px); margin-left: -15px;display: none;}
.loop0{display:block;}
.abHonor-swp .swiper-slide{padding1: 15px;height: auto;}
.abHonor-list{margin: 40px 0 0 0px;flex-wrap: wrap;justify-content: space-between;padding:0px 10px;}
.abHonor-slide{width: calc(25% - 20px);margin-bottom:30px;margin1: 30px 0 0 30px;padding: 0 15px 15px; background: url('../images/decoration_service_img_bg.jpg') no-repeat center/cover;box-shadow: 0px 0px 15px 0px rgba(5, 69, 134, 0.15);}
.abHonor-slide .img{height: 300px;}
.abHonor-slide .img img{max-width: 90%;max-height: 90%;transition: all .6s ease;border-radius:10px;}
.abHonor-slide:hover .img img{transform: scale(1.08);}
.abHonor-switch{justify-content: center;align-items: center;padding: 0 15px;}
.abHonor-btn{margin-right: 0px;}
.abHonor-btn .btn{user-select: none;cursor: pointer; width: 50px;height: 50px;border-radius: 50%;border: 2px solid #dae4eb;font-size: 13px;color: #dae4eb;font-weight: 700;}
.abHonor-btn .btn.next{transform: rotate(180deg);margin-left: 30px;}
.abHonor-btn .btn:hover{background: #014190;border-color: #014190;color: #fff;}
.abHonor-pagination{display: none;}
.abHonor-pagination.swiper-pagination-progressbar{flex: 1;background: #dae4eb;position: relative;height: 1px;}
.abHonor-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: -1px;height: 3px;background: #014190;}
@media (max-width: 1000px) {
	.abHonor-list {margin: 20px 0px;}
	.abHonor-slide {width: calc(50% - 10px);}
	.abHonor-slide:nth-child(1),.abHonor-slide:nth-child(2) {margin-top: 0;}
	.abHonor-slide .img {
		height: 230px;
	}
}