@charset "utf-8";
*{ margin:0; padding:0; border:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#333} 
body{max-width:640px;min-width:320px;margin:0 auto; font-family:"微软雅黑"; font-size: 100%;font-size:14px;
    line-height: 0px;}
img{
    margin-top: -1px;
    display:block;
}
input[type="submit"],input[type="reset"],input[type="date"]{-webkit-appearance: none;}
textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.b{ vertical-align:top; width:100%;}
.clear{ clear:both; content:"";}

.tit{ font-size:20px; text-align:center; border-bottom:1px solid #ccc; width:95%; margin:3% auto;
    line-height: 20px;}
.xxx{ border-bottom:2px solid #000; width:20%; margin:0 auto; padding-bottom:2%}

#q2 p,#q4 p{ padding:4% 2%; text-indent:2em; line-height:25px;}
.tab1{width:90%; margin:0 auto}
.menu li{float:left;width:23%;text-align:center; background-color:#C9C9C9; line-height:75px; margin-right:2%; height:75px; }
.menu li.off{ background:url(../images/b3.jpg) no-repeat 50%; color:#fff; height:70px}
.menudiv .conl{ width:42%; float:left; margin:2% 2% 0 0;}
.menudiv .conr{ width:56%; float:left;}
.menudiv .conr p{ padding:2% 0}
.menudiv .conr .zx{ background-color:#EAB000; display:block; color:#fff; text-align:center; border-radius:15px; padding:3% 8%;}
.menudiv .conr ul{ margin-top:5%; width:100%}
.menudiv .conr ul li{ width:100%; line-height:30px; height:30px;}
.menudiv .conr ul li span{ background-color:#000; width:5px; height:5px; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; display:inline-block; margin-right:3%}

#pubBanner{ height:3.96rem; position:relative; overflow:hidden;}
#pubBanner .bd ul li,#pubBanner .bd{ width:6.4rem!important;position:relative}
#pubBanner .hd { bottom: 0.1rem; height: 0.12rem; position: absolute; text-align: center; width: 100%; z-index: 1; }
#pubBanner .hd ul { display: inline-block; font-size: 0; height: 0.12rem; padding: 0.03rem 0.05rem; vertical-align: top; }
#pubBanner .hd ul li {  display:block; height: 0.08rem; margin: 0 0.04rem; width: 0.7rem; background:#231815; float:left;}
#pubBanner .hd ul .on { background: none repeat scroll 0 0 red; }
.clearfix:after, #container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.pub_width{max-width:6.4rem; width: 100%; margin:0 auto}

#q4 .js{ border:1px solid #019E97; width:95%; margin:0 auto 3%;}
#q4 .js .jsl{ width:40%; float:left; border-right:1px solid #019E97; text-align:center}
#q4 .js .jsl img{ width:90%; padding-top:2%}
#q4 .js .jsr{ width:58%; float:right; padding-top:3%}
#q4 .js .jsr strong{ color:#019E97;}
.q44{ width:90%; margin:3% auto;}
.q44l{ float:left; width:48%; margin-right:2%;}
.q44r{ float:left; width:48%;}

#q5 h3{ color:#018882; padding:3%; text-align:center}
#q5 ul{ height:70px;}
#q5 ul li{ float:left;}
#q5 ul li.tp{ width:22%; margin-left:2%}
#q5 ul li.border{ width:75%; border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; height:60px;}

#q6 ul{ width:98%; padding:0 0 0 2%;}
#q6 ul li{ float:left; width:48%; margin-right:2%;}
#q6 ul li.l{ margin-right:0;}
#q6 ul li p{ padding:5% 0; line-height:25px;}

#q7 .q66{ border-bottom:1px dashed #ccc; width:95%; margin:0 auto; padding:2% 0;}
#q7 h3{ color:#363636;}
#q7 ul li{ float:left; width:32%; margin:2% 0 2% 1%;}
#q7 span{ color:#999999; font-size:12px}

#q8 p{ width:90%; margin:0 auto; padding:3%; line-height:25px;}
#q8 p strong{ color:#019E97;}
#q8 p a{ color:#ff0000;}
#q8 .xx{ border-bottom:1px dashed #666; margin:2% 0 4%;}
#q8 .zx,#q9 .zx{ width:100%; text-align:center}
#q8 .zx img,#q9 .zx img{ width:80%;}
#q8 .q88{ width:95%; margin:0 auto;}
#q8 .q88 .q88l{ float:left; width:35%;}
#q8 .q88 .q88r{ float:right; width:64%;}
#q8 .q88 .q88r strong{ color:#007671; font-size:18px}
#q8 .q88 .q88r h3{ color:#238884; font-size:16px}
#q8 .q88 .q88r p{ font-size:15px; padding:0; width:100%}
#q8 .q88 .q88r span{ color:#238884}

#q9 ul{ width:98%; margin:0 auto 2%;;}
#q9 ul li{ float:left; text-align:center; width:48%; margin-bottom:2%; height:30px; line-height:30px;}
#q9 ul li a{ color:#fff;}
#q9 ul li.r1{ background-color:#6CB6B3; margin-right:2%;}
#q9 ul li.r2{ background-color:#4EC4A4;}
#q9 ul li.r3{ background-color:#15ACAE; margin-right:2%;}
#q9 ul li.r4{ background-color:#3AAE6A;}
#q9 ul li.r5{ background-color:#6CB6B3; margin-right:2%;}
#q9 ul li.r6{ background-color:#4EC4A4;}

#q10,#q9,#q8,#q7,#q6,#q5,#q4{ margin-top:5%}
#q10 dl{ width:80%; padding:0; margin:3% auto; line-height:30px; height:30px;}
#q10 dl p{ float:left; display:block; width:25%; text-align:right; margin-right:3%}
#q10 .bd{ border:1px solid #ccc; float:left; width:60%; margin:0 0 0 1%; font-size:13px; height:30px; line-height:30px;}
#q10 .bd2{ border:1px solid #ccc; float:left; width:60%; margin:0 0 0 1%; font-size:13px; height:50px; line-height:50px;}
#q10 span{ color:#ff0000;}
#q10 .tj{ float:left; width:35%; background-color:#F2B20F; color:#fff; height:30px; line-height:30px; text-align:center; border-radius:5px; margin:0 5% 0 15%}
#q10 .zx{ float:left; width:35%;color:#fff; height:30px; line-height:30px; background-color:#E14B32; text-align:center;border-radius:5px; font-size:14px}





@media screen and (min-width:320px) and (max-width:900px) { 
.menu li{ height:45px; line-height:45px;}#q5 ul{ height:50px;}#q5 ul li.border{ height:auto}
} 
@media only screen and (min-width: 320px) and (max-width: 479px) {
.menu li{ height:45px; line-height:45px;}#q5 ul{ height:50px;}q5 ul li.border{ height:auto}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu li{ height:45px; line-height:45px;}#q5 ul{ height:50px;}q5 ul li.border{ height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.menu li{ height:45px; line-height:45px;}#q5 ul{ height:50px;}q5 ul li.border{ height:auto}
}


.by_01{
    max-width: 640px;
    text-align: center;
    /*margin-top: 15px;*/
    /*margin-bottom: 30px;*/

}

.by_btn{
    width: 247px;
    height: 72px;
    margin: 0 auto;
    margin-top: 20px;

    line-height: 54px;
    color: #fff;
    /*background: #90c424;*/
    background: url(../images/zxxqzj.jpg) no-repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-align: center;
    font-size: 20px;
    /*-webkit-border-radius: 50px;*/
    /*-moz-border-radius: 50px;*/
    /*border-radius: 50px;*/
}



.jy_expert {
    /*background: #3598dc;*/
    text-align: center;
    padding: 0 0 0 0;
    position: relative;
}

.jy_expert b {
    font: 700 1.8rem/46px "Microsoft Yahei";
    font-size: 40px;
    color: #FFF;
}

.bya_expert {
    margin: 0 auto;
    text-align: center;
    /*background: #f2f2f2;*/
    margin-top: 20px;

}

.bya_expert .bd ul {
    width: 100%;
    float: left;
}

.bya_expert .bd li {
    width: 100%;
    float: left;
    text-align: center;
}

.bya_expert .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
}

.bya_expert .bd li img {
    width: 100%;
}

.bya_expert .bd li h3 {
    font-size: 18px;
    color: #861200;
    font-family: "Microsoft Yahei";
    line-height: 26px;
    padding: 10px 0;
}

.bya_expert .bd ul .chak {
    color: #fff;
    font-size: 20px;
    padding-top: .6rem;
}

.bya_expert .bd ul .chak a {
    color: #FFF;
    background: #90c424;
    border-radius: 20rem;
    font-size: 18px;
    padding: 0 .8rem;
    margin-left: 1rem;
    /*-moz-box-shadow: -1px 3px 4px #333333;-webkit-box-shadow: -1px 3px 4px #333333;box-shadow: -1px 3px 4px #333333;*/
    margin-top: 0.6rem;
}

/*.bya_expert .bd li p{color:#FFF;text-align:left;padding: 1rem;font-size: 1.2rem;}*/
.bya_expert .hd {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    padding: 0 6px;

    /*background: #3598dc;*/
}

.bya_expert .hd ul {
    display: inline-block;
    padding-top: 1px;
    /*display: flex;*/
    text-align: center;
}

.bya_expert .hd li {
    float: left;
    width: 15px;
    height: 15px;
    background: #aaaaaa;
    margin: 0 5px;
    overflow: hidden; /* -webkit-border-radius:8px; */
    text-indent: -9999rem;
    /*justify-content: space-between;*/
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.bya_expert .hd .on {
    background: #90c424;
}
.buya_zz{
    width: 95%;
    margin: 0 auto;
    /*height: 200px;*/
    background: #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.buya_zz_tit{
    font-size: 1.5em;
    text-align: center;
    color: #4c4c4c;
    margin-bottom: 20px;
    padding-top: 20px;
}
.buya_zz_items{
    width: 90%;
    margin: 0 auto;
}
.buya_zz_items ul li{
    width: 32%;
    margin-right: 2%;
    height: 40px;
    line-height: 40px;
    font-size: 1em;
    /*background: #66cccc;*/
    text-align: center;
    float: left;
    margin-bottom: 2%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.li_1{
    background: #a9ddd0;
}
.li_2{
    background: #c4dfcc;
}
.li_3{
    background: #d0d6ee;
    margin-right: 0!important;
}
.li_4{
    background: #c4dde2;
}
.li_5{
    background: #c7dced;
}

.li_6{
    background: #badde1;
    margin-right: 0!important;
}
.zz_zjtips{
    width: 95%;
    margin: 0 auto;
    /*margin-top: 20px;*/
    padding-bottom: 20px;

}
.line{
    height: 5px;
    width: 100%;
    border-bottom: 1px solid #4c4c4c;
}
.zz_zjtips span{
    font-size: 1.2em;
}
.zz_zjtips p{
    padding-top: 10px;
    font-size: 16px;
}
.zz_zjtips p a{
    color: #f76058;
}

.q1_banner{
    width: 100%;
}
.border p{
    padding-left: 5px;
}
.zj_bg{
    width: 640px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/zj_bg.jpg) center center no-repeat;
    z-index: -10;
}

.info{
    width: 100%;
}

.index-block.dongtai{
    padding-top: 10%;
}
.news .bd p{
    height: 0.2rem;
    line-height: 0.2rem;
}
.zz_al{
    position: relative;
    width: 100%;
    /*background: #fff5e3;*/
    /*padding-bottom: 10px;*/
}
.zz_al_slide{
    width: 95%;

    position: absolute;
    top: 0;
    left: 0;
}
.sskq_info{
    line-height: 1.5em;
    padding-left: 1em;
    padding-right: 1em;
    letter-spacing: 2px;
    font-size: 1.1em;
    text-indent: 2.2em;
    color: #4e4e4e;
}
.step{
    display: flex;justify-content: space-between;
    margin-bottom: 20px;
}
.step li{
    text-align: center;
}
.step img{
    width: 90%;
}

.dw{
    max-width: 640px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.dw img{
    width: 100%;
}
.full_w{
    max-width: 640px;
    width: 100%;
    position: relative;
}
.btn_l{
    width: 35%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.btn_r{
    width: 40%;
    height: 100%;
    position: absolute;
    left: 35%;
    bottom: 0;
}
.yy_bg{
    width: 100%;
    height: auto;
    background:#f4f4f4;
    background: url(../images/yy_bg.jpg) no-repeat center top;
    vertical-align: top;
    border: 0;
    background-size: 100% 100%;
}


/*表单*/
.form_div{
    width: 95%;
    margin: 0 auto;
}
.form_input{
    width: 100%;
    font-size: 15px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.form_input span{
    text-align: center;
    width: 35%;
    line-height: 25px;
    border-right: 1px solid #4c4c4c;
}
.form_input input{
    width: 55%;
    font-size: 15px;
    background: none;
    color: #757575;
}
.form_input select{
    width: 55%;
    font-size: 15px;
    background: none;
    color: #757575;
}
.form_btns{
    width: 100%;
    display: flex;
    justify-content: center;

    font-size: 18px;
}
.fform_btn1{
    padding: 20px 35px;
    text-align: center;
    color: #fff;
    background: #00b1ec;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.fform_btn2{
    padding: 20px 35px;
    text-align: center;
    color: #fff;
    background: #92d051;
    margin-left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}