body{font-family: "Microsoft YaHei";}
.position{ background-color: #e7f4f3;}
.positionContent{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*tab栏*/
.tabColumn{ background-color: #e7f4f3;padding-top: 50px;padding-bottom: 52px;}
/*.tabColumn li{ float: left;padding-left: 10px;padding-right: 10px;width: 193px;}
.tabColumn li a{ font-size: 16px;color: #fff;display: inline-block;width: 100%;height: 40px;line-height: 40px;background-color: #8e939a;
     text-align: center;letter-spacing: 0.8px;cursor: pointer;overflow: hidden;}
.tabColumn li:hover a,.tabColumn li.on a{background-color: #1b9f96;}
.slideContent {position: relative;}
.slideWrap {overflow: hidden;width: 1065px;margin: 0 auto;}
.slideContent ul.JQ-slide-content{ margin: 0 auto;}
.picPrev {width: 14px;height: 25px;display: block;background: url(../images/ico_leftArrow.png) no-repeat 0 0;position: absolute;left: 28px;top: 8px;}
.picPrev:hover{background: url(../images/ico_leftArrowOn.png) no-repeat 0 0;}
.picNext {width: 14px;height: 25px;display: block;background: url(../images/ico_rightArrow.png) no-repeat 0 0;position: absolute;right: 28px;top: 8px;}
.picNext:hover{background: url(../images/ico_rightArrowOn.png) no-repeat 0 0;}*/

.tabColumn .container{ position: relative;}
.tabColumn .our-container {overflow: hidden;width: 1080px;margin: 0 auto;}
.tabColumn .our-container .swiper-wrapper .swiper-slide div{width: 208px;margin: 0 auto;}
.tabColumn .our-container .swiper-wrapper .swiper-slide a{ font-size: 16px;color: #fff;display: inline-block;width: 100%;height: 40px;line-height: 40px;background-color: #8e939a;
     text-align: center;letter-spacing: 0.8px;cursor: pointer;overflow: hidden;}
.tabColumn .our-container .swiper-wrapper .swiper-slide a:hover,.tabColumn .our-container .swiper-wrapper .swiper-slide a.on{background-color: #1b9f96;}
.tabColumn .our-container .arrow-left{width: 14px;height: 25px;display: block;background: url(../images/ico_leftArrow.png) no-repeat 0 0;position: absolute;left: 28px;top: 8px;    z-index: 99;}
.tabColumn .our-container .arrow-right{width: 14px;height: 25px;display: block;background: url(../images/ico_rightArrow.png) no-repeat 0 0;position: absolute;right: 28px;top: 8px;    z-index: 99;}
.tabColumn .our-container .arrow-left:hover{background: url(../images/ico_leftArrowOn.png) no-repeat 0 0;}
.tabColumn .our-container .arrow-right:hover{background: url(../images/ico_rightArrowOn.png) no-repeat 0 0;}
/*富文本*/
.article{ margin-top: 70px;}
.articleBody p{ font-size: 14px;color: #666;letter-spacing: 0.6px;line-height: 24px;}
.articleBody p img{ display: table;margin: 0 auto;}
.articleFoot{margin-top: 92px;}
.articleFoot a{ font-size: 14px;color: #333;letter-spacing: 0.7px;}
.articleFoot a:hover{ color: #1b9f96;}
.articleFoot a.prev,.articleFoot a.next{ color: #1b9f96;display: inline-block;background-color: #fff;width: 80px;height: 26px;line-height: 26px;
               text-align: center;margin-right: 12px;border: solid 1px #1b9f96;}
.articleFoot a.prev:hover,.articleFoot a.next:hover{ background-color: #1b9f96;color: #fff;}
.articleFoot div.prev,.articleFoot div.next{ width: 48%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.articleFoot div.next{ text-align: right;}
/*在线申请*/
.onlineApply{ background-color: #e7f4f3;margin-top: 57px;padding-bottom: 44px;padding-top: 45px;}
.onlineApply h2{ font-size: 20px;color: #333;letter-spacing: 1px;}
.onlineApply .applyLink{ margin-top: 30px;text-align: center;}
.onlineApply .applyLink a{ font-size: 16px;color: #1b9f96;background-color: #fff;border: solid 1px #1b9f96;border-radius: 5px;display: inline-block;
     height: 33px;width: 109px;text-align: center;line-height: 33px;letter-spacing: 0.8px;}
.onlineApply .applyLink a.apply{ margin-right: 23px;}
.onlineApply .applyLink a:hover{ color: #fff;background-color: #1b9f96;}
/*资料下载*/
.download{margin-top: 38px;}
.download h2{ font-size: 18px;color: #333;letter-spacing: 0.6px;}
.download .downloadList{margin-top: 27px;}
.download .downloadList li{border-bottom: dashed 1px #dcdcdc;padding-bottom: 5px;margin-bottom: 11px;width: 47%;}
.download .downloadList li a{ font-size: 14px;color: #333;letter-spacing: 0.8px;display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.downloadList li a:hover{ color: #1b9f96;}
.download .downloadList li a img{ vertical-align: middle;margin-right: 13px;}
/*推荐服务*/
.recommendReservice{ margin-top: 59px;padding-bottom: 65px;padding-top: 39px;background-color: #edf9f8;}
.recommendReservice .serviceTitle{border-bottom: solid 1px #ccc;}
.recommendReservice .serviceTitle h2{ font-size: 22px;color: #333;letter-spacing: 1px;padding-bottom: 4px;width: 92px;border-bottom: solid 2px #1b9f96;}
.service.mobile{ display: none;}
.service{ margin-top: 38px;}
.service ul{ margin-left: -30px;}
.service li{ position: relative;margin-left: 30px;line-height: 0;}
.service li .serviceImg{ display: inline-block;overflow: hidden;}
.service li .serviceImg img{ transition: all 0.6s;  }
.service li .serviceImg img:hover{transform: scale(1.1);  }
.service li .serviceName{ font-size: 18px;color: #fff;display: inline-block;position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);
     width: 100%;height: 36px;line-height: 36px;text-align: center;letter-spacing: 0.8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.serviceTxt{width: 100%;
    height: 36px;
    position: absolute;
    bottom: 0;}
.service .txt h3{ color: #fff;text-align: center;margin-top: 40px;margin-bottom: 20px;line-height: 20px;}
.service .txt span{ font-size: 18px;color: #fff;letter-spacing: 1px;padding-bottom: 10px;border-bottom: solid 2px #fff;
     display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.service .txt p{ font-size: 14px;color: #fff;line-height: 24px;height: 72px;letter-spacing: 0.8px;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.service .txt span.more{ line-height: 20px;font-size: 12px;color: #fff;font-family: simsun;position: absolute;right: 15px;bottom: 20px;margin: 0;width: auto;
    background: url(../images/ico_moreService.png) left center no-repeat;padding-left: 8px;padding-bottom: 0;border: none;}
.service .txt{display: none;height: 230px;width: 345px;position: absolute;left: 0;bottom: 0;padding: 0 15px 0 20px;background-color: rgba(25,154,145,0.8);}
/*在线申请表单*/
.mask{ z-index: 99;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;}
.form{display: none;z-index: 999;background-color: #fff;position: fixed;height: 695px;width: 789px;left: 50%;top: 50%;margin-left: -394.5px;margin-top: -347.5px;}
.form .formHead{ position: relative;}
.form .formHead h2{ color: #333;font-size: 24px;text-align: center;letter-spacing: 1.5px;padding-top: 47px;font-weight:400;}
.form .formHead a{ position: absolute;right: 10px;top: 10px;}
form{width: 370px;margin: 48px auto 0;}
form li{margin-bottom: 23px;position: relative;}
form span{ font-size: 16px;color: #333;margin-right: 13px;font-weight:400;}
form i{ color: #ff0000;margin-left: 6px;position: absolute;top: 4px;}
form input{ border: solid 1px #e1e1e1;border-radius: 3px;outline: none;height: 36px;width: 271px;padding: 0 10px;}
form input:focus,form textarea:focus{ border: solid 1px #1b9f96;}
form textarea{border: solid 1px #e1e1e1;border-radius: 3px;outline: none;height: 135px;width: 271px;padding: 10px;}
form input,form textarea{ font-family: "Microsoft YaHei";color: #333;font-size: 12px;}
/*form input[type=submit]{ background-image: url(../images/ico_submit.png);background-color: #1b9f96;color: #fff;background-repeat: no-repeat;
    background-position: 17px center;font-size: 14px;border: none;width: 114px;height: 38px;padding: 0 0 0 28px;letter-spacing: 0.8px;margin-top: 19px;}*/
form input[type=submit]{ background-image: url(../images/ico_submitOn.png);color: #1b9f96;border: solid 1px #1b9f96;
    background-repeat: no-repeat;background-position: 17px center;font-size: 14px;width: 114px;height: 38px;display: inline-block;
    padding: 0 0 0 28px;letter-spacing: 0.8px;margin-top: 23px;margin-bottom: 45px;background-color: #fff;}
form input[type=submit]:hover{background-image: url(../images/ico_submit.png);color: #fff;background-color: #1b9f96;}
.errorWrap{position: absolute;font-size: 12px;color: #ff0000;bottom: -20px;left: 61px;}
form li.btnSubmit{ text-align: center;}
form li.type input{ background: url(../images/ico_select.png) 268px center no-repeat;cursor: pointer;}
form li.type .typeList{border-radius: 3px;width: 293px;background: #fff;box-sizing: border-box;border: 1px solid #e1e1e1;position: absolute;
     left: 61px;top: 38px;display: none;z-index: 100;}
form li.type .typeList li{font-size: 16px;color: #333;margin: 0;line-height: 26px;padding: 0 10px;cursor: pointer;}
form li.type .typeList li:hover{ color: #1b9f96;}
.box{display: none;position: relative;z-index: 999;background-color: #fff;width: 789px;height: 339px;left: 50%;top: 50%;position: fixed;margin-left: -394.5px;margin-top: -169.5px;}
.box a.close{ position: absolute;right: 10px;top: 10px;}
.box a.back{ color: #1b9f96;font-size: 14px;display: block;border: solid 1px #1b9f96;border-radius: 3px;width: 112px;
    height: 36px;line-height: 36px;margin: 38px auto 0;text-align: center;}
.box a.back:hover{ color: #fff;background-color: #1b9f96;}
.successBox .success{ text-align: center;padding-top: 87px;}
.successBox .success h2{ font-size: 18px;color: #333;display: inline-block;letter-spacing: 0.8px;}
.successBox .success img{ vertical-align: middle;margin-right: 6px;}
.failBox h2{ font-size: 18px;color: #333;letter-spacing: 0.9px;}
.failBox p{ font-size: 14px;color: #333;letter-spacing: 0.7px;margin-top: 11px;text-align: left;}
.failBox .fail div{ display: inline-block;}
.fail{padding-top: 78px;text-align: center;}
.fail img{vertical-align: top;margin-right: 6px;}


@media(max-width: 1240px) {
    .mycontainer{ width: 94%;margin: 0 auto;}
    
    .picPrev {left: 0;}
    .picNext {right: 0;}
    .service ul{ margin-left: -3%;}
    .service li{ width: 30.33%;margin-left: 3%;overflow: hidden;}
    .service li .serviceImg img{ width: 100%;}
    .service .txt {width: auto;}
}
@media(max-width: 1239px) {
    .tabColumn .our-container {width: 852px;}
}
@media(max-width: 1160px) {
    .slideWrap {width: 852px;}
}
@media(max-width: 1100px) {
    .articleBody p img{ width: 100%;}
    .service .txt h3 {margin-top: 65px;}
}
@media(max-width: 999px) {
    
    .service .txt h3 {margin-top: 70px;}
    .service .txt span.more {bottom: 5px;}
     /*表单*/
    .form {width: 700px;margin-left: -350px;}
    .box {width: 660px;margin-left: -330px;}
    .slideWrap {
    width: 640px;
}
.tabColumn {
    background-color: #e7f4f3;
    padding-top: 33px;
    padding-bottom: 33px;
}
.article {
    margin-top: 46px;
}
}
@media(max-width: 998px) {
    .tabColumn .our-container {width: 639px;}
}
@media(max-width: 940px) {
    .service .txt h3 {margin-top: 80px;margin-bottom: 10px;}
    .service .txt span {padding-bottom: 5px;}
}
@media(max-width: 888px) {
    .service .txt h3 {margin-top: 95px;}
}
@media(max-width: 768px) {
    
    .service{ display: none;}
    .service.mobile{ display: block;margin-top: 40px;}
    /*.service.mobile ul{ margin-left: 0;}
    .service.mobile li{margin-left: 0;width: auto;}
    .service.mobile li img{ width: 100%;}
    .slideWrap {width: 426px;}
    .service .slideWrap{ width: 380px;}
    .service.mobile .slideContent {width: 380px; margin: 0 auto;}
    .service.mobile .picPrev {width: 12px;height: 27px;display: block;background: url(../images/prevService.png) no-repeat 0 0;position: absolute;top: 101.5px;}
    .service.mobile .picPrev:hover{background: url(../images/prevServiceOn.png) no-repeat 0 0;}
    .service.mobile .picNext {width: 12px;height: 27px;display: block;background: url(../images/nextService.png) no-repeat 0 0;position: absolute;top: 101.5px;}
    .service.mobile .picNext:hover{background: url(../images/nextServiceOn.png) no-repeat 0 0;}*/
    .recommendReservice {margin-top: 35px;padding-top: 33px;padding-bottom: 58px;}

    .service.mobile .serviceName {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 96%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .service.mobile{ }
    .service.mobile .our-container {position: relative;overflow: hidden;margin-left: auto;margin-right: auto;width: 100%;}
    .service.mobile .our-container .swiper-wrapper .swiper-slide{ text-align: center;}
    .service.mobile .our-container .swiper-wrapper .swiper-slide a{display: inline-block;width: 96%;}
    .service.mobile .our-container .swiper-wrapper .swiper-slide a img{ width: 100%;}
    
    
    .service.mobile .our-container .arrow-left{width: 12px;height: 27px;display: block;background: url(../images/prevService.png) no-repeat 0 0;position: absolute;left: 1%;top: 50%;margin-top: -13.5px;z-index: 99;}
.service.mobile .our-container .arrow-right{width: 12px;height: 27px;display: block;background: url(../images/nextService.png) no-repeat 0 0;position: absolute;right: 1%;top: 50%;margin-top: -13.5px;z-index: 99;}
.service.mobile .our-container .arrow-left:hover{background: url(../images/prevServiceOn.png) no-repeat 0 0;}
.service.mobile .our-container .arrow-right:hover{background: url(../images/nextServiceOn.png) no-repeat 0 0;}

    .tabColumn .our-container .arrow-left{left: 0;}
.tabColumn .our-container .arrow-right{right: 0;}
    /*表单*/
    .form {width: 550px;margin-left: -275px;}
    .box {width: 500px;margin-left: -250px;height: 280px;margin-top: -140px;}
    .successBox .success {padding-top: 60px;}
    .service.mobile .txt h3 {margin-top: 40px;margin-bottom: 20px;}
    .service.mobile .txt span {padding-bottom: 0;}
    .service.mobile .txt span.more {bottom: 20px;}
}
@media(max-width: 767px) {
    .tabColumn .our-container {width: 426px;}
}
@media(max-width: 700px) {
    
}
@media(max-width: 680px) {
    .download .downloadList li {width: 100%;}
}
@media(max-width: 650px) {
     /*表单*/
    .form {width: 450px;margin-left: -225px;}
}

@media(max-width: 580px) {
     /*表单*/
    .box {width: 400px;margin-left: -200px;height: 312px;margin-top: -156px;}
    .successBox .success {padding-top: 91px;}
    .fail {padding-top: 92px;}

}
@media(max-width: 480px) {
    
    .service.mobile .our-container {width: 100%;}
    .service.mobile .our-container .swiper-wrapper .swiper-slide a{width: 100%;margin-left:0;margin-right:0;}
    .service.mobile .serviceName{ width: 100%;height: 30px;line-height: 30px;}
     .service.mobile .our-container .arrow-left{ left: 0;}
      .service.mobile .our-container .arrow-right{ right: 0;}
    /*.slideWrap {width: 213px;}*/
    .tabColumn {padding-top: 25px;padding-bottom: 32px;}

    .article {margin-top: 32px;}
    .articleFoot{margin-top: 37px;}
    .articleFoot a{ display: none;}
    .articleFoot a.prev, .articleFoot a.next{ margin-right: 0;}
    .onlineApply h2{ text-align: center;line-height: 28px;}
    .onlineApply {padding-bottom: 58px;}
    .download {margin-top: 50px;}
    .service li .serviceName{ height: 30px;line-height: 30px;}

    /*表单*/
    .form {width: 380px;margin-left: -190px;height: 600px;margin-top: -300px;}
    form span{ display: block;margin-bottom: 7px;}
    form li {margin-bottom: 25px;}
    form input {width: 266px;}
    form i {top: 32px;}
    form {width: 302px;margin: 18px auto 0;}
    .form .formHead h2 {padding-top: 40px;}
    .errorWrap {left: 0;}
    form li.type .typeList {width: 288px;left: 0;top: 66px;}
    .form{overflow-y: scroll;}

}
@media(max-width: 479px) {
    .tabColumn .our-container {width: 100%;}
}
@media(max-width: 420px) {
    .service .slideWrap{ width: 300px;}
    .service.mobile li{ width: 300px;}
    .service.mobile .picPrev {position: absolute;top: 77.5px;}
    .service.mobile .picNext {position: absolute;top: 77.5px;}
    .service.mobile .slideContent {width: 300px; margin: 0 auto;}
    /*表单*/
    .box {width: 320px;margin-left: -160px;}
    .form {width: 350px;margin-left: -175px;}
    .service.mobile .txt h3 {margin-top: 60px;}
}
@media(max-width: 400px) {
    .filter .choice {max-width: 75%;}
    .service.mobile .txt h3 {margin-top: 80px;}
    .service.mobile .txt span.more {bottom: 10px;}
}
@media(max-width: 380px) {
    .form {width: 340px;margin-left: -170px;}
}
@media(max-width: 350px) {
    .form {width: 320px;margin-left: -160px;height: 450px;margin-top: -225px;}
    
}