/*服务*/

.ny-tit {
color: #333;
 text-align: center;
}

.ny-dec {
color: #666;
margin-top: 13px;text-align: center;
}

.com-icon {
text-align: center;
}

.icon-img {
font-size: 0;
position: relative;
width: 125px;
height: 125px;
margin: auto;
overflow: hidden;
border-radius: 50%;
}

.icon-img::after {
position: absolute;
top: 0;
right: 0;
background-color: #f3981e;
content: "";
display: inline-block;
border-radius: 50%;
width: 100%;
height: 100%;
transform: translateX(100%);
transition: all 0.5s;
}

.icon-img img {
transition: all 0.5s;
width: 100%;
}

.icon-img .icon-img1 {
border: 2px solid #f3981e;
border-radius: 50%;
}

.icon-img .icon-img2 {
transform: translateX(-100%);
position: absolute;
top: 0;
left: 0;
z-index: 11;
}

.com-icon:hover .icon-img .icon-img2 {
transform: translateX(0%);
}

.com-icon:hover .icon-img::after {
transform: translateX(0%);
}

.icon-font p {
color: #666;
}


.com-btn span {
position: relative;
z-index: 33;
}

.com-btn {
color: #333;
border: 2px solid #959697;
display: inline-block;
padding: 6px 32px;
position: relative;
}

.com-btn::after {
transition: all 0.5s;
content: "";
display: block;
background-color: #f3981e;
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
}

.com-btn:hover {
border: 2px solid transparent;
}

.com-btn:hover span {
color: #fff;
}

.com-btn:hover::after {
width: 100%;
}

/* quality */
.com-ul {
margin: 0 -12px;
font-size: 0;
}

.com-ul li {
width: 33.33%;
padding: 0 12px;
display: inline-block;
vertical-align: top;

}
.quality-one .ny-dec {
margin-top: 8px;
}

.quality-one {
padding: 76px 0 80px;
}

.service-one .ny-tit span,
.quality-one .ny-tit span {
font-family: 'Arial';
font-weight: bold;
font-size: 50px;
vertical-align: middle;
margin-top: -6px;
display: inline-block;
}

.quality-one ul {
text-align: center;
}

.quality-one li {
margin-bottom: 30px;
}

.quality-one .com-icon {
text-align: left;
background-color: #fff;
padding: 46px 50px 40px;
}

.quality-one .ny-wrap p {
line-height: 26px;
color: #666;
height: 52px;
}

.quality-one .icon-img {
width: 67px;
height: 66px;
margin: 0;
}

.quality-one .icon-img1 {
border: none;
background-color: #f1f1f1;
}

.quality-one .ny-wrap h4 {
font-weight: bold;
margin: 25px 0 8px;
}

.quality-one .ny-wrap {
margin-top: 27px;
}

.quality-btn .down-btn {
float: none;
margin: auto;
background-color: #fff;
padding: 11px 45px 12px;
}

.quality-btn .down-btn span {
background: none;
padding-right: 0;
}

.quality-btn {
text-align: center;
margin-top: 10px;
}


.quality-two {
padding: 76px 0 95px;
}

.quality-two .ny-wrap {
margin-top: 47px;
}

.quality-two .ny-wrap p {
line-height: 24px;
color: #666;
height: 70px;
}

.quality-two ul {
margin: 0 -13px;
}

.quality-two li {
width: 25%;
padding: 0 13px;
}

.quality-two .swxt-font {
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
border-radius: 10px;
background-color: #fff;
padding:20px;
transition: all 0.5s;
}

.qutw-box {
padding: 0 20px;
margin-top: -30px;
position: relative;
transition: all 0.5s;
}

.quality-two .swxt-font h4 {
margin-bottom: 14px;
}

.quality-two li:hover img {
transform: scale(1.05);
}

.quality-two li:hover .qutw-box {
padding: 0;
}

.quality-two li:hover h4 {
color: #f49914;
}

.quality-three .ny-wrap h4 {
font-weight: bold;
margin: 35px 0 0;
}

.quality-three .ny-wrap h4.ssline::after {
width: 40px;
transition: all 0.5s;
margin: 14px auto 26px;
}

.quality-three li:hover h4.ssline::after {
width: 64px;
}

.quality-three li:hover img {
animation: swing 1s;
}

.quality-three .ny-wrap p {
line-height: 28px;
color: #666;
padding: 0 54px;
}

.quality-three .ny-wrap {
margin: 59px auto;
}

.quality-three .down-btn {
padding: 11px 65px 12px;
}

.quality-three .quality-btn {
margin-top: 54px;
}



.quality-four {
background: url(../image/sever/qufo-bj.jpg)no-repeat center;
padding: 78px 0; margin-top: 60px
}

.quality-four .ny-tit {
color: #fff;
}

.quality-four .ny-dec {
color: #fff;
}

.quality-four .ny-wrap {
margin-top: 68px;
}

.quality-four .ny-wrap p {
color: #fff;
}

.quality-four li {
width: 12.5%;
}

.quality-four .ny-item {
text-align: center;
}

.qufo-box {
width: 84px;
height: 84px;
text-align: center;
border: 1px solid #65656b;
border-radius: 50%;
line-height: 84px;
position: relative;
margin: 0 auto 26px;
}

.qufo-box::before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 40%;
height: 40%;
border-radius: 50%;
background-color: #f49914;
opacity: 0;
transition: all 0.6s;
}

.qufo-box::after {
position: absolute;
content: "";
top: 0%;
right: -108%;
width: 100%;
height: 100%;
background: url(../image/sever/a.png)no-repeat center;
}

.qufo-box span {
font-family: 'Roboto';
font-size: 32px;
color: #c4c4c5;
position: relative;
z-index: 11;
}

.quality-four li:hover .qufo-box::before {
width: 100%;
height: 100%;
opacity: 1;
}

.quality-four li:hover span {
color: #fff;
}

.quality-four li:hover p {
color: #f49914;
}

.quality-four li:last-child .qufo-box::after {
display: none;
}


@media (max-width: 1679px) {
.quality-two .ny-wrap .p-style {
display: inline;
}

.quality-two .swxt-font {
padding: 20px;
}
}

@media (max-width: 1459px) {
.quality-four,
.quality-two,
.quality-one {
padding: 60px 0;
}

.quality-one .com-icon {
padding: 28px 40px;
}

.service-one .ny-tit span,
.quality-one .ny-tit span {
font-size: 42px;
}

.quality-one .icon-img {
width: 62px;
height: 62px;
}

.quality-two li {
padding: 0 8px;
}

.quality-two ul {
margin: 0 8px;
}

.quality-three .ny-wrap {
margin: 35px auto;
}

.quality-three .ny-wrap h4 {
margin: 16px 0 0;
}

.quality-three .ny-wrap h4.ssline::after {
margin: 12px auto 14px;
}

.quality-three .quality-btn {
margin-top: 40px;
}

.quality-three .ny-wrap p {
padding: 0 20px;
line-height: 26px;
}

.qufo-box {
width: 74px;
height: 74px;
line-height: 74px;
margin: 0 auto 18px;
}

.qufo-box span {
font-size: 28px;
}

.qufo-box::after {
background-size: 80%;
}

.quality-four .ny-wrap {
margin-top: 56px;
}
}

@media (max-width: 1259px) {
.quality-one .ny-wrap p {
line-height: 24px;
height: 48px;
}

.quality-one .icon-img {
width: 56px;
height: 56px;
}

.quality-one .ny-wrap h4 {
margin: 14px 0 8px;
}

.quality-one .com-icon {
padding: 20px;
}

.quality-four,
.quality-two,
.quality-one {
padding: 50px 0;
}

.quality-three .down-btn {
padding: 10px 42px;
}

.quality-three .quality-btn {
margin-top: 26px;
}

.qufo-box {
width: 60px;
height: 60px;
line-height: 60px;
margin: 0 auto 10px;
}
}

@media (max-width: 991px) {
.quality-one li {
padding: 0 8px;
margin-bottom: 16px;
}

.quality-two li {
width: 50%;
margin-bottom: 20px;
}

.quality-three .ny-wrap .p-style {
display: inline;
}

.quality-four li {
width: 25%;
margin-bottom: 20px;
}

.qufo-box::after {
background-size: 100%;
right: -150%;
}

.quality-four li:nth-child(4) .qufo-box::after {
display: none;
}

.quality-four .ny-wrap {
margin-top: 35px;
}

.quality-four {
padding: 50px 0 30px;
}
}

@media (max-width: 767px) {
.quality-four,
.quality-two {
padding: 45px 0 20px;
}

.quality-one {
padding: 45px 0;
}

.service-one .ny-tit span,
.quality-one .ny-tit span {
font-size: 30px;
margin-top: -5px;
}

.quality-one li {
width: 100%;
}

.quality-one .ny-wrap p {
height: auto;
}

.quality-two li {
width: 100%;
}

.quality-three li {
width: 50%;
}

.quality-three li:nth-child(1) {
width: 100%;
margin-bottom: 20px;
}

.quality-four li {
width: 50%;
}

.quality-four li:nth-child(2n) .qufo-box::after {
display: none;
}

.quality-four {
background-size: auto 100% !important;
}

.qufo-box {
width: 60px;
height: 60px;
line-height: 60px;
}

.qufo-box span {
font-size: 22px;
}
}



.quality-three li .icon-img {
width: 64px;
height: 64px;
border-radius: 0;
}

.quality-three li .icon-img1 {
border: none;
border-radius: 0;
}

.quality-three .icon-img::after {
display: none;
}

.quality-three li:hover .icon-img1 {
display: none;
}


.qufo-box2::after {
position: absolute;
content: "";
top: 0%;
right: -108%;
width: 100%;
height: 100%;
background: url(../images/a.png)no-repeat center;
transform: rotateZ(180deg);
}
.com-icon img {
max-width:100%;
}

.case-one .com-ul li {
margin-bottom:2%;
}



.down-btn {
border: 2px solid #f49914;
font-size: 16px;
color: #f49914;
display: inline-block;
padding: 11px 27px 12px;
border-radius: 30px;
float: right;
margin-top: 11px;
}

.down-btn span {
background: url(../images/down-icon.png)no-repeat right center;
padding-right: 36px;
}

.down-one .ny-item {
display: block;
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
padding: 38px 40px 41px 33px;
}

.down-one .ny-left {
width: 53%;
}

@media (max-width: 1459px) {
.down-btn {
font-size: 16px;
padding: 8px 18px;
}

.down-btn span {
padding-right: 28px;
background-size: 18px;
}

.down-one .ny-item {
padding: 30px;
}

.down-one {
margin-bottom: 50px;
}
}

@media (max-width: 1259px) {
.down-one .ny-item {
padding: 20px;
}

.down-one em {
width: 28px;
background-size: 28px !important;
}

.down-btn {
font-size: 14px;
padding: 6px 13px;
}

.down-btn span {
padding-right: 23px;
background-size: 14px;
}
}

@media (max-width: 991px) {
.down-one .ny-left {
width: 100%;
margin-bottom: 10px;
}

.down-btn {
float: left;
}
}

@media (max-width: 767px) {
.down-one {
margin-bottom: 40px;
}

.down-one li {
width: 100%;
margin-bottom: 20px;
}

.down {
padding: 45px 0 0;
}
}