body{
    margin:0;
    padding:0;
    background: url("../images/bgimg.jpg");
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
}
#zs img,#banner img{
    width:100%;
    height: 100%;
    border: 0;
}
#zs input,#zs select{
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
}
#zs li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#zs h2,#zs h3{
    font-weight: normal;
}
 .banner{
    position: relative;
    z-index:-999;
}
.banner .logo-left{
    position: absolute;
    top:25px;
    left: 6%;
    height: 26px;
    width: 22.6%;
}
.footer .logo-right{
    position: absolute;
    right: 4%;
    top:25px;
    width: 26.5%;
}
#zs {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: -70px;
    z-index: 999;
}
.topbar{
    height: 10px;
    background: #163da4;
}
.gallery-thumbs{
    position: absolute;
    top:75px;
    right: 55px;
}
.gallery-thumbs .swiper-slide{
    width: 190px;
    height:100px;
    background-position: 60px 0;
}
.hidden-img{
    display: none;
}

.gallery-thumbs .swiper-slide-active .hidden-img{
    display: block;
    width: 190px;
}
#zs .news{
    margin-top:20px;
}
#zs .news .news-img,.news .news-content{
    display: inline-block;
    vertical-align: top;
}
#zs .news .news-img{
    width: 200px;
    height: 300px;
    float: left;
    background: #1c2d59;
}

.news .news-content{
    width: 860px;
    height: 300px;
    padding-left: 65px;
    padding-right:75px;
    background: #dfe8ff;
}
.news .news-content h2{
    margin-top: 90px;
    font-size: 20px;
    color: #333333;
}
.news .news-content p{
    margin-top:25px;
    font-size: 14px;
    color: #333333;
}
.news .news-content a{
    display: block;
    width: 115px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #163da4;
    text-decoration: none;
    color: #ffffff;
    margin-top:40px;
}

.appointment{
    margin-top:20px;
}
.appointment .appointment-img,.appointment .appointment-content{
    display: inline-block;
    vertical-align: top;
}
.appointment .appointment-content{
    float: left;
    width: 995px;
    height: 537px;
    background: #1e2a48;
}
.appointment .appointment-img{
    width: 205px;
    height: 537px;
}

.form-group input{
    width: 263px;
    height: 31px;
    vertical-align: middle;
    padding:0;
    border: none;
    padding-left: 7px;
}
.form-group select{
    width: 270px;
    height: 31px;
    vertical-align: middle;
}
.form-group .select-nav{
    height: 31px;
    line-height:31px;
}
.appointment-header{
    width: 100%;
    text-align: center;
    position: relative;
}
h3{
    font-size: 14px;
    color: #ffffff;
}
.appointment-header h3:first-child{
    margin-top: 45px;
}
.appointment-header h3:last-child{
    margin-bottom:25px;
}
.appointment-wrap{
    width: 780px;
    height: 195px;
    padding-top: 40px;
    margin: 0 auto;
    border-top:2px solid #30384b;
    border-bottom:2px solid #30384b;
}
.appointment-wrap .form-group{
    display: inline-block;
}
#zs .form-group span{
    display: inline-block;
    vertical-align: middle;
    width: 75px;
    font-size: 14px;
    text-align: right;
    color: #ffffff;
}
#zs .form-group span i{
    color: #163380;
    font-style: normal;
}
#zs .tel,.city{
    margin-left:60px;
}
.province,.city,.provider{
    margin-top: 20px;
}

.appointment-wrap .address{
    display: block;
    height: 30px;
    margin-top: 20px;
}
.appointment-wrap .address span{
    width: 80px;
}
.appointment-wrap .address p{
    color: #f2f2f2;
    display: inline-block;
}
.rules{
    margin: 0 auto;
    margin-top: 30px;
    width: 780px;
}
.rules span{
    font-size: 12px;
    color: #ffffff;
}
.rules input:hover{
    cursor: pointer;
}
select:hover{
    cursor: pointer;
}
.rules input,.rules span{
    vertical-align: top;
}
.rules span a{
    display: inline-block;
    vertical-align: top;
}
#zs button{
    display: block;
    width: 210px;
    height: 35px;
    color: #ffffff;
    font-size: 14px;
    margin-top: 20px;
    margin: 0 auto;
    background: #163da4;
    border: none;
    outline:none;
    font-size: 14px;
    font-weight: bold;
}
#zs .footer{
    width: 100%;
    float: left;
    position: relative;
}
.footer .logo-right{
    position: absolute;
    right: 4%;
    top:25px;
    width: 26.5%;
}
#zs .footer p{
    margin-top: 30px;
    font-size: 20px;
    font-weight:lighter;
    color: #000000;
}

/*弹出框*/
#zs .popup {position: fixed; display: none; width: 100%; height: 100%; background: url(../images/mask.png) repeat; top: 0; left: 0; text-align: center; z-index: 1000;}
#zs .popup-wrap {width: 100%; max-width: 960px; margin: 70px auto 0; text-align: left;  background: #333; background: rgba(46,52,59,.8); color: #fff;}
#zs .popupBg {  display:none;position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color:#000;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity:0.8; background-color: #000\0; *background-color: #000; filter: alpha(opacity=80); z-index: 1002; }
#zs .popupBox {display: none; width: 840px; position: fixed; left: 20%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.34); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.34); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.34); -ms-box-shadow: 0 2px 5px rgba(0,0,0,.34); -o-box-shadow: 0 2px 5px rgba(0,0,0,.34); border: 5px solid #dcdcdc \0; *border: 5px solid #dcdcdc; z-index: 1003; }
#zs .popClose { background-size: 150px auto; position: absolute; right: 0; top: 0; display: block; width: 34px; height: 34px; background-position: 0px -576px;
    background: url("../images/commonSprite.png");
    background-position: -68px -85px; }
#zs .popupBox p.popupTitle { height: 40px; width:760px;
    margin:0 auto;
    margin-top:20px;
    line-height:40px;
    padding:20px 0; background: #333333; line-height: 40px; position: relative; -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #333333; box-shadow: 2px 2px 5px #333333; }
#zs .popupBox p.popupTitle span { padding-left: 5%; color: #ffffff; font-size: 12px; float: left; }
#zs .popupBox p.popupTitle a.popClose { width: 40px; height: 40px; float: right; display: block; background-position: -119px -136px; }

#zs .consultDetInfo{height:428px;overflow: hidden;padding:10px 20px;width:720px;margin:0 0 20px 0;}
#zs .popConsultDet{color:#666666;font-size:12px;padding:0;width: 760px;margin: 0 auto;
    margin-top:4px;}
#zs .popConsultDet h3{font-size:22px;color:#333;font-weight:bold;margin-bottom:20px}
#zs .popConsultDet p{line-height:18px}
#zs .popConsultDet ul{margin-top:30px}
#zs .popConsultDet h4{font-size:18px;color:#333333}
#zs .popConsultDet h5{font-size:12px;color:#666666;font-weight:bold}
#zs .popConsultDet li{margin-bottom:5px;line-height:17px}
#zs .jspContainer { overflow: hidden; position: relative;}
#zs .jspPane { position: absolute; padding: 0 0 20px 0; }
#zs .jspVerticalBar { position: absolute; top: 0; right: 0px; width: 4px; height: 100%; }
#zs .jspCap { display: none; }
#zs .jspHorizontalBar .jspCap { float: left; }
#zs .jspTrack { background: #f2f2f2; position: relative; }
#zs .jspDrag { background: #666666; position: relative; top: 0; left: 0; cursor: pointer; }
#zs .appointment-header  em.close {background:url(../images/close.png) no-repeat; width: 34px; height: 34px; position: absolute; right: 0; top: -14px; cursor: pointer;}

/*ie8*/
/*.slider { margin: 50px 0 10px!important;}*/
/*#carousel li {margin-right: 5px;}*/
/*#carousel img {display: block; opacity: .5; cursor: pointer;}*/
/*#carousel img:hover {opacity: 1;}*/
/*#carousel .flex-active-slide img {opacity: 1; cursor: default;}*/
#zs .arr-left{
    width: 27px;
    height: 48px;
    background: url("../images/images/arr-left_07.png");
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
}
#zs .arr-right{
    width: 27px;
    height: 48px;
    background: url("../images/arr-right_03.png");
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
}
#zs .page{
    position: absolute;
    right: 55px;
    top:75px;
    z-index:999;
}
#zs a:hover{
    cursor: pointer;
}
#zs button:hover{
    cursor: pointer;
}
#zs li:hover{
    cursor: pointer;
}