body { color: #333;font-size:.28em; line-height: 1.5; font-family: arial, Microsoft Yahei }
body,.h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,
legend, button, input, textarea, th, td { margin: 0; padding: 0; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, li { list-style: none; }
.lf{
    float: left;
}
.row{
    margin: 0;
}
.col-xs-12{
    padding: 0;
}
.container{
    max-width: 480px;
    padding: 0;
    margin: auto;
}
.container img{
    width: 100%;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body{font-size:10px!important}


}
@media only screen and (max-width:310px) and (min-width:300px){
    body{font-size:10px!important}


}
@media only screen and (max-width:320px) and (min-width:310px){
    body{font-size:10.66667px!important}
    .book{right: -168px;}
    .sec .row p{
        font-size: 12px;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }

}
@media only screen and (max-width:360px) and (min-width:320px){
    body{font-size:10.66667px!important}
    .sec .row p{
        font-size: 12px;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }


}
@media only screen and (max-width:360px) and (min-width:350px){
    body{font-size:12px!important}
    .book{right: -217px;}
    .sec .row p{
        font-size:12px;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }

}
@media only screen and (max-width:400px) and (min-width:359px){
    body{font-size:12px!important}
    .book{right: -198px;}
    .sec .row p{
        font-size: 12px;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }

}
@media only screen and (max-width:469px) and (min-width:401px){
    body{font-size:12px!important}
    .book{right: -237px;}
    .sec .row p{
        font-size: 1.1em;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }

}
@media only screen and (max-width:480px) and (min-width:470px){
    body{font-size:15.66667px!important}
    .book{right: -237px;}
    .sec .row p{
        font-size: 1.1em;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }

}
@media only screen and (min-width:480px){
    body{font-size:15.66667px!important}
    .book{right: -348px;bottom: -26px !important;}
    .sec .row p{
        font-size: 1.1em;
        line-height: 1.6em;
        color: #333;
        padding-top: 0.3em;
    }

}

/*????*/
.sdxhmo_btm_form {width: 96%;background: #FFF;margin: 0 auto;border: 1px solid #E1E1E1;font-size: 16px;padding: 1% 0;text-align: center;}
.sdxhmo_btm_form {background-color: #1478f4;height: auto;overflow: hidden;}
.sdxhmo_btm_form .sdxhmo_btm_form_title {font-size: 1.5em;line-height: 1.6em;}
.sdxhmo_btm_form p {margin: 0.8em 0 0;font-size: 1.3em;}
.tbtp img {width: 100%;}
.sdxhmo_btm_form div {
    box-sizing: border-box;display: inline-block;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 2%;}
.ind_shijiu_b {width: 95%;height: auto;margin: 0.5em auto 0;overflow: hidden;background: #fff;border-radius: 6px;padding-top: 0.6em;}
.sdxhmo_btm_form div {box-sizing: border-box;display: inline-block;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 2%;}
.tbtp {float: left;width: 20%;}
.dui {float: right;width: 80%;margin-top: 0.6em;padding: 0;}
.dui li {float: left;width: 33.33%;}
.dui li img{float:left; padding-top:0.6em; width:20%;}
.dui li p{float:left; color:#333333; font-size:0.8em;text-align:center;margin-top:0.6em;}
.font-red {text-align: center;width: 90%;margin: 2% auto;color: #F00;font-size: 0.8em;}
.sdxhmo_btm_form_title {color: #FFF;}
.form{padding: 15px 25px 0;}
ul li{list-style-type: none}
.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}

.container{
    max-width: 640px;
}
.banner img{width:100%}
.jp_1{width: 96%;margin: 5% auto;}
.jp1_str1{font-size: 1.8em;display:block;text-align:center;letter-spacing:1px;border-bottom:2px solid #D1D0D0;}
.jp1_str1 span{display:block; border-bottom:4px solid #D7000F; width:20%; margin:1% auto; margin-bottom:0px;}
.jp1_show{padding: 0;display: flex;justify-content: space-between;font-size: 1.2em;margin: 1em 0 0;}
.jp1_show li{width: 29%;margin: 0 1%;}
.jp1_show li img{width: 100%;}
.jp1_show li p{font-size: 0.9em;text-align:center;margin: 1em 0 0;}
.ljzx{width:30%;height:auto;background:#D7000F repeat;font-size: 1.2em;color:#FFF;text-align:center;line-height:2.2em;margin: 2% auto 0;display:block;border-radius:10px;}

.jp2_show{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0;font-size: 1.2em;}
.jp2_show li{width: 49%;border:1px solid #BEB9BD;background:#FEF8FD repeat;margin: 1% 0;}
.jp2_show li img{width: 100%;}
.jp2_show li p{line-height: 1.6em;text-align: center;margin-top: 2%;width: 92%;margin: 0.5em auto;min-width: 135px;}
.jp3_show{width:99%;height:auto;overflow:hidden;border:1px solid #C4C5C5;margin:4% auto;font-size: 1.2em;}
.jp3s_h3{font-weight: bold;width:40%;background:#0078ff repeat;font-size: 1.2em;color:#FFF;text-align:center;line-height:2em;margin: 0;}
.jp3s_h3 a{color:#FFF;}
.jp3s_zs{width: 96%;margin:2% auto;border-bottom:1px solid #C4C5C5;display: flex;padding: 0 0 2%;}
.jp3_str1{font-size:1em;}
.jp3s_l{width: 25%;max-width: 99px;margin: 0;}
.jp3s_l img{width: 100%;}
.jp3s_c{width: 63%;margin: 0 2%;}
.jp3s_c p{font-size: 0.9em;color:#898686;margin: 0;}
.jp3s_c>p{margin: 0.5em 0;}
.zyjj{color:#7f7f7f;width: 100%;overflow: hidden;display: flex;}
.zyjj p:last-child{display: none;}
.jp3s_r{width: 20%;min-width: 7em;display: flex;flex-wrap: wrap;align-items: center;box-sizing: border-box;padding: 1em  0 0 0;}
.jp3s_r a{border: #d3d3d3 solid 1px;border-radius: 3px;color: #7f7f7f;text-align: center;display: block;width: 100%;}
.jp3s_r .llzx{border: #ff0000 solid 1px;background: #ff0000;color: white;}
.jp3_show .ljzx{border:1px solid #C4C5C5;font-size: 1em;margin: 0 auto 2%;}

.yybm {margin: 3% 0 0!important;}
.index_seven{margin-bottom: 80px!important;font-size: 0.875em;}
.zxUrl{cursor: pointer;}

.zy_pg1 {width: 96%;margin: 5% auto;text-align: center;}
.zyml{width: 100%;border-collapse:collapse;text-align:center;font-size: 0.24rem;margin:3% auto;overflow: hidden}
.zyml li{border:1px solid #c2c2c2;width: 18%;height: 0.95rem;line-height:0.85rem;margin:0 1% 0.1rem 1%;border-radius: 0.2em;background: #da0316;float: left}
.zyml li:nth-child(1){height: 2rem;line-height: 2rem}
.zyml li a{display:block;color:white;padding:7% 0;}
.red{background: #cc9e36!important;}
.blue{background: #0078ff!important;}

.header_top{width: 30%;margin:0 1.667%;position: relative;border: 1px dashed #a0a0a0;border-radius: 1em;padding: 2em 0 1em 0;float: left }
.header_top img{position: absolute;width: 0.5rem;height: 0.5rem;left: 40%;top: -25%}
.header_top p{font-weight: bold;font-size: 1.2em;text-align: center}

.kb{;margin: 0 auto;}
.kb h2{font-size: 1.8em;text-align: center;padding:1em 0;color: #333;border-bottom: 0.1em dotted #999;}
.kb h2 span{font-size: 0.8em;padding-left: 1em;}
.kb p{padding: 1em;font-size:0.8em;overflow: hidden;line-height: 1.8em;border-bottom: 0.1em dotted #999;}
.kb p .kb-wz{display: block;float: left;margin-right: 1em;}
.bn{width: 7em;}
.kb p .kb-wz b{background-color: #636C76;text-align: center;color: #fff;padding:0.4em 0.6em;margin: 0 0.5em;}
.wz2 img{display: block;width:1em;float: right;}
.zx1{display: block;width: 6em;background-color: #3399FF;text-align: center;color: #fff;float: right;height: 1.8em;line-height: 1.8em;border-radius: 0.2em;}

.zx6{display: block;background-color: #3399FF;text-align: center;width: 14em;height: 2.5em;line-height: 2.5em;margin: 1em auto;font-size: 1.2em;color: #fff;border-radius: 0.2em;}
.zt01{;margin: 1em auto;}
.zt01 h2{font-size: 1.6em;text-align: center;padding:1em 0;color: #333;font-weight: bold}
.zt01 p{font-size:1em;overflow: hidden;line-height: 1.8em;text-indent: 2em;color: #666;padding: 0 15px}
.zt01 ul{;margin: 1em auto;overflow: hidden;display: flex;flex-direction: row;flex-flow: wrap;justify-content: space-around;}
.zt01 ul li{float: left;width: 14.5em;margin-right: 1em;margin-bottom: 1em;}
.zt01 ul li:nth-child(2n){margin-right: 0;}
.question{margin: 1em auto;text-align: center;}
.question ul{margin: 1em auto;overflow: hidden;display: flex;flex-direction: row;flex-flow: wrap;justify-content: space-around;}
.question ul li{width: 14.5em;height: 2.5em;line-height: 2.5em;text-align: center;margin-right: 1em;margin-bottom: 1em;background-color: #F0F0F0;border-radius: 0.4em;float: left;font-size: 1em;}
.question ul li:nth-child(2n){margin-right: 0;}
.question ul li a{display: inline-block;width: 14.5em;height: 2.5em;color: #333;}
.question ul li.q_1{background-color: #018EDE;}
.question ul li.q_1 a{color: #fff;}
.question ul li.q_2{background-color: #DD514C;}
.question ul li.q_2 a{color: #fff;}

.zxtop{
    padding: 0 0 0.5em 0;
    width: 20%;
    text-align: center;
}
.zxtop:nth-child(1) a {
    color: #E60012;
    border-bottom: 2px solid #E60012;
}
.zxtop a {
    color: #444;
    font-size: 1.2em;
    display: inline-block;
    padding: 0.9em 0.5em 0 0.5em;
}