body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,form,input,textarea,select{margin:0;padding:0;}
body{ font-size:14px; color:#333; background-color: #f3f3f3; font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif;}
.bg-white { background-color: #fff;}
li{list-style:none;}
img{border:0; height: auto}
a{ color:#2f78f2;text-decoration:none; outline: none}
a,a:link,a:visited,a:hover,a:active{text-decoration:none; outline: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); }
.wrapper {margin:0 auto; max-width:750px;}
.wr-p4 {padding: 0 4%}
.both {clear: both}
.t-ellipsis {word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.red {color: #ff4d56;}
.yellow { color: #ff3c00}
.blue {color: #2f78f2}
.gray {color: #909090}
.none {display: none}
.h10 {height: 10px;}.h20 {height: 20px;}.h30 {height: 30px;}.h40 {height: 40px;}.h50 {height: 50px;}.h60 {height: 60px;}

.zcbtn-plain { padding: 0 15px; min-width: 80px; height:34px; line-height: 34px; color: #db2b2d; font-size: 15px;   text-align: center; border: 1px solid #db2b2d; border-radius:4px; display:inline-block; cursor: pointer;}
.zcbtnn-plain:hover {background-color: #db2b2d; color: #fff}
.zcbtn{ padding: 0 15px;  height:30px; line-height: 30px; color: #fff; font-size: 16px;   text-align: center; border: 1px solid #db2b2d; background-color: #db2b2d; border-radius:4px; display:inline-block; cursor: pointer;}
.zcbtnn:hover {background-color: #db2b2d; color: #fff}

/* top bengin */
header img {width: 100%; overflow: hidden; z-index: 1}
.boxshadow { background-color: #ffffff; box-shadow: 0px 1px 6px rgba(0,4,0,0.6); border-radius: 6px;}

.zc-one { margin-bottom: 5px; padding: 0 3% ;  position: relative; clear: bottom; }
.zc-one dl { padding: 12px 15px; position: relative; overflow: hidden; transform: translateY(-10px); z-index: 3}
.zc-one dl dt { width: 20%; float: left;}
.zc-one dl dt img { width: 100%;}
.zc-one dl dd { width: 80%; float: right; font-size: 13px; text-align: right;}

.zc-two  {margin: 0 3% 20px; padding:0 4%; overflow: hidden}
.zc-two  h2 { margin-bottom: 5px; height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.zc-two dl dt { padding: 8px 0;  min-height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; cursor: pointer}
.zc-two dl dt .t { max-width: 60%; overflow:hidden; display: inline-block; float: left;}
.zc-two dl dt:hover { opacity: 0.9}
.zc-two dl dt .r { float: right;}
.zc-two dl dt i { margin-left: 8px; width: 22px; height: 10px; display: inline-block; background: url("../images/zc-ico-arrow1.png") no-repeat center; background-size: contain; }
.zc-two dl dt.on i { transform: rotate(-180deg)}
.zc-two dl dd {padding: 10px ; background-color: #f2f2f2; border-radius: 4px; font-size: 13px;  line-height: 20px; color: #999; position: relative; display: none}
.zc-two dl dd:before {content: ' '; position: absolute; width: 0; height: 0;left:30px;top: -16px;border:8px solid;border-color: transparent transparent #f2f2f2 transparent;}
.zc-two .fbtn { padding:10px 0 20px; text-align: right}

.zc-fixed { width: 100%; position: fixed; left: 0; top: 0; z-index: 2}
.zc-three {padding:0; height: 50px; line-height: 50px; background-color: #ffffff; overflow: hidden; }
.zc-three li { width: 33.333%; float: left; text-align: center;}
.zc-three li a {padding: 0 3px; height: 50px; font-size: 15px; display: inline-block; color: #222222; position: relative}
.zc-three li.active a {color: #2f78f2; font-weight: bold}
.zc-three li.active a:before {content: ' '; width: 100%; height: 2px; background-color: #2f78f2; display: inline-block; position: absolute; left:0; bottom: 0;}
.zc-threebg { background-color:#4376ea; overflow: hidden;}
.zc-three-img img { width: 100%}
.zc-three-img2 { padding: 25px 3% 0;}
.zc-three-img2 img { width: 100%}

.zc-three-list {margin: 15px 3%; background-color: #ffffff; border-radius:12px; clear: both; overflow: hidden;}
.zc-three-list dl { padding: 20px 5%;clear: both; overflow: hidden;}
.zc-three-list dl dt { padding-top: 15px; width: 20%; text-align: center; float:left;}
.zc-three-list dl dt img { width: 60%;}
.zc-three-list dl dd { margin:0 5% 0 25%; font-size: 13px; line-height: 20px;}
.zc-three-list dl dd b { font-size: 14px;}
.zc-three-list dl:nth-child(2n) {background-color: #eeeeee;}
.zc-three-list dl:nth-child(2n) dt { float: right}
.zc-three-list dl:nth-child(2n) dd {margin:0 25% 0 5%; }

.zc-four { padding: 25px 3%; text-align: center;}
.zc-four h2 { margin:0 0 25px; padding: 0 20px; height: 50px; background-color: #2f78f2; border-radius: 50px;  line-height: 46px; font-size: 28px; color: #fff; display: inline-block;box-shadow: 0 0 12px rgba(47,120,242,0.5);}
.zc-four p img { width: 100%}
.zc-five {padding: 20px 3%; background-color:#4376ea; overflow: hidden;}
.zc-five .fbox { background-color: #ffffff; border-radius:12px; clear: both; overflow: hidden;}
.zc-five .fbox  h2 { padding: 10px 0; height: 60px;line-height: 60px; font-size: 28px; color: #2f78f2; text-align: center}
.zc-five .fbox dl:nth-child(2n) {background-color: #eeeeee;}
.zc-five .fbox dl { padding: 15px 15px; overflow: hidden;}
.zc-five .fbox dl dt { padding-top: 10px; width: 15%; float: left;}
.zc-five .fbox dl dt img { width: 90%;  max-width: 86px;}
.zc-five .fbox dl dd { margin-left: 20%; font-size: 13px; line-height: 22px;}
.zc-five .fbox dl dd h3 { font-size: 14px; line-height: 26px;}
.zc-five .fbox dl dd .zfw { display: inline-block; min-width: 60px; margin-right: 5%;}

.zc-six  { padding: 25px 3% 30px; text-align: center;}
.zc-six h2 { margin:0 0 25px; padding: 0 20px; height: 50px; background-color: #2f78f2; border-radius: 50px;  line-height: 46px; font-size: 28px; color: #fff; display: inline-block;box-shadow: 0 0 12px rgba(47,120,242,0.5);}
.zc-six p img { width: 100%}

.index-seven {padding: 15px 3%; background-color:#4376ea; overflow: hidden;}
.index-seven .sbox {background-color: #ffffff; border-radius:12px; clear: both; overflow: hidden;}
.index-seven h2 {padding: 5px 0; height: 60px;line-height: 60px; font-size: 28px; color: #2f78f2; text-align: center}

.index-seven dl {margin-bottom: 10px; border-bottom: 1px dashed #c6d6f9;}
.index-seven dl:last-child { margin-bottom: 0; border-bottom: none;}
.index-seven dl dt { padding: 10px 10px 5px; font-size: 15px; }
.index-seven dl dt .s {margin-right: 8px; width: 22px; height:22px; line-height: 22px; text-align: center; color: #ffffff; font-size: 10px;  background-color: #4376ea; border-radius: 100%; display: inline-block; vertical-align: middle }
.index-seven dl dd {padding:0 0 12px 24px; clear: both; overflow: hidden;}
.index-seven dl dd span {padding-left: 15px; width: 140px; height: 30px; line-height: 30px;  color: #5a5a5a; overflow: hidden; float: left; display: inline-block; cursor: pointer}
.index-seven dl dd span i {width: 16px; height: 16px; margin:0 8px 2px 0;  border: 1px solid #d9e4fb; border-radius: 2px; background-color: #d9e4fb; display: inline-block; text-align: center; vertical-align: middle}
.index-seven dl dd span i.active {border-color:  #4376ea;  background: #4376ea url("../images/ico-selected.png") no-repeat center;  background-size:100%;}

/* 图标 */
.icon {width:14px; height: 18px; background-position:center; background-repeat: no-repeat; background-size: contain; display: inline-block;}
.ico-name {background-image:url("../images/ico-name.png")}
.ico-phone {background-image:url("../images/ico-phone.png")}

.seven-frow { width: 100%;   clear: both; overflow: hidden; position: relative}
.seven-frow .simg { width: 105%; margin-left:-5%;}
.seven-frow .fbox { width: 39%; position: absolute; right: 9%; top: 38%; z-index: 1;}
.seven-frow .fcol {padding: 0; position: relative}
.seven-frow .fcol .ff {padding: 5px 0; position: relative}
.seven-frow .fcol .ff input { padding: 8px 10px 8px 30px; width:100%; height: 30px;  line-height: 20px; border: 1px  solid #5c89ed; }
.seven-frow .fcol .ff .icon { position: absolute; left: 8px; top: 10px; z-index: 2}
.seven-frow .fcol .fmsg {color: #fe002a; line-height: 16px;}
.seven-frow .frombox {padding-top: 5px;}
.seven-frow .frombox .zcbtn {width: 100%; height: 26px; line-height: 26px; padding: 0; font-size: 14px; }

.zc-title {padding: 5px 0; height: 60px;line-height: 60px; font-size:20px; color: #2f78f2; }
.zc-eight { padding: 0 4% 20px; background-color: #ffffff;}
.zc-eight p img { width: 100%}
.zc-nine { padding: 0 4% 30px; background-color: #ffffff;}

.index-ask-list { clear: both;}
.index-ask-list dl { margin-bottom:20px; padding: 0 0;  line-height: 22px;}
.index-ask-list dl dt { padding:0 0 5px 27px; font-weight: bold; position: relative; font-size: 15px;}
.index-ask-list dl dt .t { color: #2f78f2; text-align: center;  display: inline-block; position: absolute; left:0; top:0; }
.index-ask-list dl dd { color: #666;}
.index-ask-list dl dd .t {font-weight: bold; }

.foot-h { height: 50px;}
footer {width: 100%; height: 50px; background-color: #fafafa; position: fixed; left: 0; bottom: 0; z-index: 5;}
footer .f-btn { width: 45%; height: 50px; line-height: 50px;font-size: 18px;color: #fff;background-color: #2f78f2; text-align: center; display: inline-block; float: right;}
footer .f-btn:hover { background-color: #739cf7;}
footer .f-service { padding:6px 10px 0 20px; width:10%; height: 60px; line-height:22px;color: #666666; display: inline-block; float: left;}
footer .ico-service {width: 24px; height: 24px; background: url("../images/zc-ico-service.png") no-repeat center; background-size: contain; display: inline-block;}
footer .f-service span {display:block;}
footer .price { font-size: 28px; color: #fe002a; padding: 10px 10px 0; border-radius: 3px; display: block; text-align: center}
footer .price i { font-style: normal; font-size: 14px;}

.remind-dox {transform: translateX(-50%); top: 10%; left: 50%; position:fixed; z-index: 33; display: none}
.remind-dox .modal-dialog { width: 300px;}
.remind-dox .modal-content{ padding: 10px 20px; text-align: center;box-shadow: 0 5px 15px rgba(0,0,0,.5);background-color: #fff;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;background-clip: padding-box;}
button.close {-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #666;text-shadow: 0 1px 0 #fff;}
.remind-dox dl  dt { padding: 40px 0 20px; }
.remind-dox dl  dd { padding: 0 0 20px; font-size: 16px; font-weight: bold}
.remind-dox dl  dd .r-img { padding: 15px 0;}
.remind-dox dl  dd .r-img img{ width: 100%}
.remind-dox dl  dd .r-img p { font-size: 16px; font-weight: normal}

.footer-copyright {padding: 5px 1%;font-size: 12px;line-height: 20px;color: #999;background-color: #f7f7f7;text-align: center;}
.footer-copyright a {color: #999; display: block}

.agreement-bg {width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: fixed;left: 0; top: 0; z-index: 20; display: none}
.agreement-box { width:80%; height:65%;padding: 10px 4%; text-align: center;box-shadow: 0 5px 15px rgba(0,0,0,.5);background-color: #fff;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;background-clip: padding-box; position: absolute; left: 50%; top: 15%; z-index: 21; transform: translateX(-50%);overflow: auto }
.agreement-box h2 { padding: 10px 0 20px; text-align: center; font-size: 20px;}
.agreement-box p { margin-bottom: 10px; line-height: 22px; font-size: 13px; color: #666; text-align: justify; word-wrap : break-word ;}
.agreement-box .tright { text-align: right}
.agreement-box .close { position: absolute; right: 10px; top:10px; font-weight: normal; color: #ccc}

@media screen and (min-width:720px){
    .zc-one dl dd { font-size: 20px;}
    .zc-two dl dt { font-size: 16px; line-height: 30px;}
    .zc-two dl dd { font-size: 15px; line-height: 28px;}
    .zc-two dl dt sup img {width: 40px;}
    .zc-two  h2 {margin-bottom: 10px;height: 60px;line-height: 60px; font-size: 20px;}
    .zc-three li a { font-size: 16px;}
    .zc-three-list dl dd { font-size: 15px; line-height: 24px;}
    .zc-three-list dl dd .t { font-size: 18px; padding-bottom: 5px; display: inline-block}
    .zc-five .fbox dl dd h3 { font-size: 15px; line-height: 26px;}
    .zc-five .fbox dl dd { font-size: 14px; line-height: 24px;}
    .index-seven dl dt { font-size: 16px; padding: 10px 10px 8px}

    .icon {width:26px; height: 22px;}
    .seven-frow .fbox { top: 42%;}
    .seven-frow .simg { width:100%; margin-left:0;}
    .seven-frow .fcol { padding: 6px 0;}
    .seven-frow .fcol .ff input {padding: 10px 10px 10px 36px; height: 40px;  line-height: 40px; font-size: 16px;}
    .seven-frow .fcol .ff .icon { left: 6px; top: 13px; }
    .seven-frow .frombox {padding-top: 10px;}
    .seven-frow .frombox .zcbtn { height: 40px; line-height: 40px;font-size: 16px; }
    .seven-frow .fcheck { font-size: 12px;}
    .zc-title {font-size: 24px;}
    .index-ask-list dl { line-height: 26px; font-size: 15px;}
    .index-ask-list dl dt { font-size: 16px;}
    .footer-copyright a {display: inline-block}
}