#qualityService{
    background-image: url("../img/service/qualityService_bg.jpg");
    background-repeat:no-repeat;
    background-position: left top;
    margin-top: 25px;
    padding-top: 56px;
    padding-bottom: 80px;
}
#qualityService_content{
    width: 1200px;
    background-color: white;
    background-image: url("../img/service/line_bg.jpg");
    background-repeat: repeat-x;
    margin-left: 360px;
    padding-top: 10px;
    padding-bottom: 44px;
}
#qualityService_title{
    margin: 17px 0 26px 0;
}
#qualityService_menu{

}
.qualityService_item{
    display: inline-block;
    cursor: pointer;
}
.qualityService_icon{
    width:100px ;
    height: 100px;
    background-size: 55px 55px;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #c59b6c;
    border-radius: 100px;
    margin-bottom: 19px;
    background-color: white;
}
.qualityService_active{

}
.qualityService_active .qualityService_icon{
    background-color: #005a3c;
    border: 2px solid #005a3c;
}
.qualityService_active .btn_text{
    color:#005a3c;
}
.btn_text{
    color: #c7a174;
}
.btn_text span{
    display: block;
}
.btn_text span:nth-child(1){
    font-size: 22px;
    margin-bottom: 7px;
}.btn_text span:nth-child(2){
    font-size: 16px;
}
 .jt{
     display: inline-block;
     vertical-align: top;
     margin-top: 45px;
     margin: 45px 45px 0px 38px;
 }
.qualityService_item:nth-child(1) .qualityService_icon{
    background-image: url("../img/service/btn_icon_1.png");
}
.qualityService_item:nth-child(3) .qualityService_icon{
    background-image: url("../img/service/btn_icon_2.png");
}
.qualityService_item:nth-child(5) .qualityService_icon{
    background-image: url("../img/service/btn_icon_3.png");
}
.qualityService_item:nth-child(7) .qualityService_icon{
    background-image: url("../img/service/btn_icon_4.png");
}
.qualityService_item:nth-child(9) .qualityService_icon{
    background-image: url("../img/service/btn_icon_5.png");
}

.qualityService_active:nth-child(1) .qualityService_icon{
    background-image: url("../img/service/btn_icon_1_hover.png");
}
.qualityService_active:nth-child(3) .qualityService_icon{
    background-image: url("../img/service/btn_icon_2_hover.png");
}
.qualityService_active:nth-child(5) .qualityService_icon{
    background-image: url("../img/service/btn_icon_3_hover.png");
}
.qualityService_active:nth-child(7) .qualityService_icon{
    background-image: url("../img/service/btn_icon_4_hover.png");
}
.qualityService_active:nth-child(9) .qualityService_icon{
    background-image: url("../img/service/btn_icon_5_hover.png");
}
.service_content{
    position: relative;
    margin-top: 25px;
    background-color: transparent;
    display: none;
}
.service_content>img{
    position: relative;
}
#swiper_parent{
    width: 614px;
    height: 411px;
    position: absolute;
    top: 66px;
    left: 82px;
}
#service_banner{
    width: 100%;
    height: 100%;
}
.swiper-button-next{
    background-image: url("../img/service/pre_btn.jpg");
    position: absolute;
    left: 233px;
    top: 410px;
    width: 49px;
    height: 49px;
    background-size: 49px 49px;
}
.swiper-button-prev{
    background-image: url("../img/service/next_btn.jpg");
    position: absolute;
    left: 282px;
    top: 410px;
    width: 49px;
    height: 49px;
    background-size: 49px 49px;
}
#swiper_parent{
    overflow: visible;
}
#design{
    position: absolute;
    top: 106px;
    right: 73px;
    background-image: url("../img/service/design_bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 489px;
    height: 397px;
    z-index: 2;
}
#name,#tel,#name1,#tel_1,select{
    background-color: #adadad;
    color: white;
    font-size: 16px;
    border-radius: 0px!important;
    height: 44px;
}
#name,#tel,#name1,#tel_1{
    width: 204px;
    margin-top: 169px;
}
select{
    width: 135px;
}
#name::-webkit-input-placeholder,#tel::-webkit-input-placeholder,#name1::-webkit-input-placeholder,#tel_1::-webkit-input-placeholder{
    color: #ffffff;
}
#name::-moz-placeholder,#tel::-moz-placeholder,#name1::-moz-placeholder,#tel_1::-moz-placeholder{
color:#ffffff;
}
#name::-ms-input-placeholder,#tel::-ms-input-placeholder,#name1::-ms-input-placeholder,#tel_1::-ms-input-placeholder{
color: #ffffff;
}
.service_btn{
    width: 205px;
    margin-top: 25px;
    cursor: pointer;
}
#tel_1{
    background-image: none;
}
#freedesign{
    width: 1920px;
    height: 6129px;
    background-image: url("../img/service/freedesign.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0% 0;
    overflow: hidden;
    position: relative;
}
#submit_form{
    width: 474px;
    height: 622px;
    background-image: url("../img/service/formbg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0% 0;
    margin-left: 460px;
    margin-top: 60px;
}
.btn_container{
    position: absolute;
}
.appointment,.consult{
    width: 222px;
    height: 49px;
    cursor: pointer;
}
.consult{
    margin-top: 18px;
}
#appointment_tc{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 999999999999999999999;
    top: 0;
    left: 0;
    display: none;

}
#appointment{
    width: 581px;
    height: 453px;
    background-image: url(../img/service/tc_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.return_btn{

}


