@charset "utf-8";
/* CSS Document */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, p, blockquote, th, td{margin:0;padding:0;font-family:"微软雅黑";}
div{overflow:hidden;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
ol, ul{list-style:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
body{min-width:320px;max-width:640px; margin:0 auto;}
bdo{color:#F00;}
a{color:#666;text-decoration:none;}
a:hover{color:#f60}
a:active{text-decoration:underline;}
.fl{float:left;}
.fr{float:right;}
/*-------media------*/
@media only screen and (max-width: 320px){body{font:10px/1.5 Microsoft Yahei; margin-top:12%; margin-bottom:7%;}}
@media screen and (min-width: 321px){body{font:11px/1.6 Microsoft Yahei;}}
@media (min-width: 400px) and (max-width:520px){body{font:12px/1.6 Microsoft Yahei;}}
@media (min-width: 520px) and (max-width:639px){body{font:18px/1.8 Microsoft Yahei;}}
@media (min-width: 640px) and (max-width:1440px){body{font:20px/1.8 Microsoft Yahei; margin-top:4%; margin-bottom:4%;}}
/*** top 公共样式 ***/
.header{display:block;width:100%;height:auto;margin:0 auto;margin-top:1.5rem!important;}
.nav{display:block;width:100%;height:3.2em;margin:0 auto;line-height:3.2em; background:#031f47;}
.nav a{color:#FFF;width:20%;float:left;font-size:100%; background:#031f47;text-align:center;}
.nav a:hover{color:#FF0;}
.banner{display:block;width:100%;height:auto;margin:0 auto;margin-top:1%;}
/*** middle start ***/
.index_title1{display:block;width:100%;height:4.0em;margin:0 auto;margin-top:2%;text-align:center;}
.middle1{display:block;width:95%;height:40em;margin:0 auto;margin-top:2%;}
.middle1_block1{display:block;width:98%;height:6.7em;margin:0 auto;padding:0.5%;margin-bottom:2%;border:1px solid #e5e5e5;}
.middle1_block1 span{display:block;float:left;width:24%;}
.middle1_block1 ul{float:right;width:75%;margin-top:2%;}
.middle1_block1 ul li{display:block;width:auto;float:left;font-size:110%;line-height:2.8em;padding-left:5%;padding-right:5%;}
.middle1_block2{display:block;width:98%;height:6.7em;margin:0 auto;padding:0.5%;margin-bottom:2%;border:1px solid #e5e5e5;}
.middle1_block2 span{display:block;float:left;width:24%;}
.middle1_block2 ul{float:right;width:75%;margin-top:2%;}
.middle1_block2 ul li{display:block;width:auto;float:left;font-size:110%;line-height:2.8em;padding-left:5%;padding-right:5%;}
.ggt{display:block;width:100%;margin:0 auto;height:7em;margin-top:2%;}
.middle2{display:block;width:95%;height:16em;margin:0 auto;margin-top:2%;}
.middle2 ul li{display:block;width:31.5%;height:3.0em;float:left;line-height:3.0em;text-align:center;margin-left:0.5%;margin-right:0.5%;background:#e9e9e9;font-size:120%;margin-bottom:1%;border:1px solid #e5e5e5;}
.middle3{display:block;width:95%;margin:0 auto;margin-top:2%;}
.middle3_block1{display:block;width:100%;height:11em;margin:0 auto;}
.middle3_block1 span{display:block;width:30%;float:left;}
.middle3_block1_right{display:block;width:68%;float:right;}
.middle3_block1_right span{display:block;width:100%;}
.middle3_block1_right span b{font-size:120%;}
.middle3_block1_right_content{display:block;width:100%;line-height:160%;font-size:100%;color:#333;}
.botton{width:100%;margin-top:2%;}
.middle4{display:block;width:100%;height:29.5em;margin:0 auto;padding-top:2%;background:#ececec;}
.middle4_block1{display:block;width:96%;height:8.4em;margin:0 auto;padding:1%;margin-bottom:1.5%;background:#fff;}
.middle4_block1 span{display:block;width:25%;float:left;}
.middle4_block1_right{display:block;width:72%;height:8.4em;float:right;}
.middle4_block1_right b{color:#0f6ab9;font-size:120%;line-height:110%;}
.middle4_block1_right span{display:block;width:100%;color:#F63;margin-bottom:2%;border-bottom:1px dashed #cacaca;}
.middle4_block1_right_in{display:block;width:100%;margin:0 auto;text-indent:2em;line-height:130%;}
.middle5{display:block;width:95%;height:auto;margin:0 auto;padding-top:2%;}
.middle5 span{display:block;width:100%;font-size:120%;margin-bottom:2%;text-align:center;}
.middle5_in{display:block;width:90%;height:auto;margin:0 auto;}
.input{display:block;width:130%;height:2.4em;background:#ececec;border:0px;padding-left:10px;}
.bqms{display:block;width:130%; height:7.4em;background:#ececec;border:0px;}
input[type="button"]{display:block;width:49%;height:2.2em;float:left;background:#011e46;border:none;font-size:120%;color:#FFF;padding-top:2%;padding-bottom:2%;}
input[type="reset"]{display:block;width:49%;height:2.2em;float:right;background:#e9380e;border:none;font-size:120%;color:#FFF;}
.bottom{display:block;width:100%;height:14em;margin:0 auto;margin-top:3%;padding-bottom:9%;background:#011e46;}
.bottom_nav{display:block;width:94%;font-size:120%;color:#FFF;margin:0 auto;}
.bottom_nav a{display:block;width:24%;float:left;line-height:240%;text-align:center;color:#FFF;border-bottom:1px dashed #03F;}
.bottom_nav_line{width:0.6%;float:left;margin-top:2.4%;}
.bottom_in{color:#FFF;padding-bottom:10px;text-align:center;margin-top:20px;line-height:22px;}
.bottom_in a{color:#FF0;}
.bottom_in a:hover{color:#F30;}
.obt3{ text-align:center; font-size:110%;}
.obt3 .bt1{width:38%; display:inline-block;margin:1% 2% 0; line-height:280%; color:#fff;}
.obt3 .bt2{width:38%; display:inline-block;margin:1% 2% 0; line-height:280%; color:#fff;}

.textarea{
    display: block;
    width: 130%;
    background: #ececec;
    border: 0px;
    padding-left: 10px;
    height:80px;
}


.article{
    width: 100%;
}
.article ul{
    width:96%;
    margin:0 auto;
    margin:1rem auto;
}
.article ul li{line-height:1.5rem;}
.article ul li a,.article ul li span{
    color:#575757;
    font-size:.8rem;
}