
/* 5.31 nav部分 hover添加 */
.nav_wrap .nav .nav_right .nav1 a{
	color: #222 !important;
}

.nav_wrap .nav .nav_right .nav1 a:hover{
	color: #28a7e1 !important;
}

.nav_wrap .nav .nav_right .nav4 a {
	color: #28a7e1 !important;
}

/*banner部分样式开始*/
.banner_wrap{
    width: 100%;
    height: 420px;
    overflow: hidden;
    min-width: 1240px;
}
.banner_wrap .wrap{
    width: 1240px;
    height: 60px;
    margin: 310px auto 0;
}
.banner_wrap .wrap .content{
    width: 688px;
    height: 40px;
    border: 10px solid rgba(0,0,0,0.5);
    border-radius: 10px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.banner_wrap .wrap .content select::-ms-expand { display: none; }

#formCityMock{
    width: 64px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    font: 14px/40px "微软雅黑";
    color: #222;
    padding: 0 41px 0 10px;
    border: 1px solid gainsboro;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    border-radius: 5px 0 0 5px;
    text-align: center;
    background: white 87px 16px url("../images/gongshang_imgs/drop_triangle.png");
    background-repeat: no-repeat;
}
.banner_wrap .wrap .content .address{
    width: 117px;
    height: 40px;
    border-radius: 5px 0 0 5px;
    font: 14px/40px "微软雅黑";
    color: #333;
    float: left;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    outline: none;
    background: white 87px 16px url("../images/gongshang_imgs/drop_triangle.png");
    background-repeat: no-repeat;
    border: 0;
    padding: 0 41px 0 10px;
}
.banner_wrap .wrap .content .phone_icon{
    position: absolute;
    top: 8px;
    left: 305px;
}
.banner_wrap .wrap .content .space{
    width: 5px;
    height: 40px;
    background: #000;
    opacity: 0.5;
    float: left;
}
.banner_wrap .wrap .content .service_items{
    width: 168px;
    height: 40px;
    background: white;
    font: 14px/40px "微软雅黑";
    color: #000;
    float: left;
    outline: none;
    border: 0;
    padding: 0 0 0 10px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    outline: none;
    background: white 138px 16px url("../images/gongshang_imgs/drop_triangle.png");
    background-repeat: no-repeat;
}
.banner_wrap .wrap .content .service_items::-webkit-input-placeholder { color:#d3d6e0; }
.banner_wrap .wrap .content .service_items::-moz-placeholder { color:#d3d6e0; } /* firefox 19+ */
.banner_wrap .wrap .content .service_items:-ms-input-placeholder { color:#d3d6e0; } /* ie */
.banner_wrap .wrap .content .service_items:-moz-placeholder { color:#d3d6e0; }

.banner_wrap .wrap .content .phonenumber{
    width: 207px;
    height: 40px;
    background: white;
    font: 14px/40px "微软雅黑";
    color: #333;
    float: left;
    outline: none;
    border: 0;
    padding: 0 0 0 36px;
}
.banner_wrap .wrap .content .phonenumber::-webkit-input-placeholder { color:#d3d6e0; }
.banner_wrap .wrap .content .phonenumber::-moz-placeholder { color:#d3d6e0; } /* firefox 19+ */
.banner_wrap .wrap .content .phonenumber:-ms-input-placeholder { color:#d3d6e0; } /* ie */
.banner_wrap .wrap .content .phonenumber:-moz-placeholder { color:#d3d6e0; }

.banner_wrap .wrap .content .order_btn{
    width: 150px;
    height: 40px;
    background: #90c41f;
    border-radius: 0 5px 5px 0;
    float: left;
    text-align: center;
    font: 16px/40px "微软雅黑";
    color: white;
    cursor: pointer;
}
/*banner部分样式结束*/
/*/////////////////////////////////////////////////////////////////////////////*/
/*service部分样式开始*/
.service_wrap{
    width: 100%;
    height: 600px;
    padding: 60px 0 20px;
    min-width: 1240px;
}
.service_wrap .service{
    width: 1240px;
    height: 600px;
    margin: 0 auto;
}
.service_wrap .service .service_title{
    width: 1200px;
    height: 80px;
    padding: 0 20px;
    font: 26px/26px "微软雅黑";
    text-align: center;
}
.service_wrap .service .service_title .line{
    width: 392px;
    height: 1px;
    background: #7e7e7e;
    margin-top: 12px;
}
.service_wrap .service .service_title .line_left{
    float: left;
    margin-left: 132px;
}
.service_wrap .service .service_title .line_right{
    float: right;
    margin-right: 132px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
.service_wrap .service .services{
    width: 1200px;
    height: 540px;
    padding: 0 20px;
}
.service_wrap .service .services li{
    width: 338px;
    height: 220px;
    margin: 0 93px 40px 0;
    float: left;
    font-size: 0;
}
.service_wrap .service .services .services3,.service_wrap .service .services .services6{
    margin-right: 0;
}
.service_wrap .service .services li p{
    font: 16px/42px "微软雅黑";
    color: white;
    text-align: center;
    background: #28a8e0;
}
/*service部分样式结束*/
/*/////////////////////////////////////////////////////////////////////////////*/
/*vas部分样式开始*/
.vas_wrap{
    width: 100%;
    height: 666px;
    background: #f6f6f6;
    min-width: 1240px;
}
.vas_wrap .vas{
    width: 1200px;
    height: 666px;
    margin: 0 auto;
    padding: 0 20px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
.vas_wrap .vas .vas_left{
    width: 446px;
    height: 514px;
    padding-top: 50px;
    float: left;
}
.vas_wrap .vas .vas_left .vas_title{
    width: 280px;
    height: 40px;
    margin: 0 auto 52px;
    border-radius: 6px;
    font: 26px/40px "微软雅黑";
    color: white;
    text-align: center;
    background: #28a8e0;
}
.vas_wrap .vas .vas_left .vas_items{
    width: 446px;
    height: 424px;
}
.vas_wrap .vas .vas_left .vas_items li{
    width: 446px;
    height: 66px;
    margin-bottom: 40px;
}
.vas_wrap .vas .vas_left .vas_items .icon{
    width: 66px;
    height: 66px;
    font: 40px/66px "微软雅黑";
    color: white;
    text-align: center;
    background: #28a8e0;
}
.vas_wrap .vas .vas_left .vas_items .vas_text{
    width: 360px;
    height: 66px;
    float: right;
}
.vas_wrap .vas .vas_left .vas_items .vas_text1{
    font: 16px/16px "微软雅黑";
    color: #222;
}
.vas_wrap .vas .vas_left .vas_items .vas_text2{
    font: 14px/20px "微软雅黑";
    color: #999;
    margin-top: 10px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
.vas_wrap .vas .vs_img_wrap{
    width: 208px;
    height: 396px;
    padding: 170px 50px 0;
    float: left;
}
/*/////////////////////////////////////////////////////////////////////////////*/
.vas_wrap .vas .vas_right{
    width: 446px;
    height: 514px;
    padding-top: 50px;
    float: left;
}
.vas_wrap .vas .vas_right .vas_title{
    width: 280px;
    height: 40px;
    margin: 0 auto 52px;
    border-radius: 6px;
    font: 26px/40px "微软雅黑";
    color: white;
    text-align: center;
    background: #999;
}
.vas_wrap .vas .vas_right .vas_items{
    width: 446px;
    height: 424px;
}
.vas_wrap .vas .vas_right .vas_items li{
    width: 446px;
    height: 66px;
    margin-bottom: 40px;
}
.vas_wrap .vas .vas_right .vas_items .icon{
    width: 66px;
    height: 66px;
    font: 40px/66px "微软雅黑";
    color: white;
    text-align: center;
    float: right;
    background: #999;
}
.vas_wrap .vas .vas_right .vas_items .vas_text{
    width: 360px;
    height: 66px;
    text-align: right;
}
.vas_wrap .vas .vas_right .vas_items .vas_text1{
    font: 16px/16px "微软雅黑";
    color: #222;
}
.vas_wrap .vas .vas_right .vas_items .vas_text2{
    font: 14px/20px "微软雅黑";
    color: #999;
    margin-top: 10px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
.vas_wrap .vas .vas_btn{
    width: 280px;
    height:40px;
    border-radius: 6px;
    background: #28a8e0;
    font: 18px/40px "微软雅黑";
    color: white;
    text-align: center;
    margin: 0 auto;
    clear: both;
}
/*vas部分样式结束*/
/*/////////////////////////////////////////////////////////////////////////////*/
/*背景图兼容开始*/
@media screen and (max-width: 1240px) {
    .banner_wrap{
        background-position:  -340px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}

@media screen and (min-width:1241px) and (max-width: 1280px) {
    .banner_wrap{
        background-position:  -300px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}

@media screen and (min-width:1281px) and (max-width: 1360px) {
    .banner_wrap{
        background-position:  -280px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}
@media screen and (min-width:1361px) and (max-width: 1366px) {
    .banner_wrap{
        background-position:  -277px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}
@media screen and (min-width:1367px) and (max-width: 1400px) {
    .banner_wrap{
        background-position:  -260px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}
@media screen and (min-width:1401px) and (max-width: 1440px) {
    .banner_wrap{
        background-position:  -240px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}
@media screen and (min-width:1441px) and (max-width: 1600px) {
    .banner_wrap{
        background-position:  -160px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}
@media screen and (min-width:1601px) and (max-width: 1680px) {
    .banner_wrap{
        background-position:  -120px 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}
@media screen and (min-width:1681px) and (max-width: 1920px) {
    .banner_wrap{
        background-position:  0 0;
    }
    .banner_wrap{
        background-image: url("../images/zengzhi_imgs/banner_bg.jpg");
    }
}

@media screen and (min-width:1921px) {
	.banner_wrap{
        background: url("../images/zengzhi_imgs/banner_bg.jpg") no-repeat center center;
        width: 100%;
    }
}
/*背景图兼容结束*/