@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,hr,input,li,p,ul,pre {margin:0 auto;padding:0;list-style:none;vertical-align:middle;color:#000;}
body {font-size:12px; font-family:"微软雅黑", "宋体", "楷体", "仿宋",Tahoma, Geneva, sans-serif;background-color:#f2f2f2;}
a {text-decoration:none;outline:0;cursor:pointer;}
div, dl, dt, dd, li, td, input, select, textarea, form,table { margin: 0; padding: 0; font-weight: normal;}
li,ol,ul {list-style:none;}
a,p,span,pre {-webkit-user-select:auto;-webkit-touch-callout:none;color:inherit;}
img {border:none;display:inline-block;vertical-align:middle;background-size:cover;}
.clear {clear:both}
.hidden{display:none;}
.fl {float:left}
.fr {float:right}
.rel{position:relative;}
.abs {position:absolute;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.bodt {border-top:solid 1px #DADCE0;}
.bodb {border-bottom:solid 1px #DADCE0;}
.bodt1 {border-top:solid 1px #3BD9D0;}
.bodb1 {border-bottom:solid 1px #3BD9D0;}
.bodb2 {border-bottom:solid 3px #3BD9D0;}
.bodr {border-right:solid 1px #DADCE0;}
.bodl {border-left:solid 1px #DADCE0;}
.mtop {margin-top:10px;}
.mtop3{margin-top:30px;}
.mar{ margin-left:auto; margin-right:auto}
.ht3 {height:30px;line-height:30px;}
.ht4 {height:44px;line-height:44px;}
.ht5 {height:50px;line-height:50px;}
.cut05{width:5%}
.cut10 {width:10%}
.cut20 {width:20%} /*分割成2块*/
.cut25 {width:25%}
.cut33 {width:33.33%} /*分割成3块*/
.cut30{width:30%}
.cut40{width:40%}
.cut45{width:45%}
.cut50 {width:50%}
.cut60 {width:60%}
.cut70 {width:70%}
.cut80 {width:80%}
.cut90 {width:90%;}
.cut95 {width:95%}
.bg1{background-color:#0fafd1}
.bg2{background-color:#17b46d}
.bg3{background-color:#5a78da}
.bg4{background-color:#e89e3b}
.bg5{background-color:#d4c023}
.bg6{background-color:#d53faa}
.bg7{background-color:#FFF;}

footer,header,nav,section {display:block;margin:0 auto;border:0;height:auto;}


@media screen and (min-width:1500px) {
header,nav,section { width: 100%; }


}

 @media screen and (min-width: 1000px) and (max-width: 1499px) {
header,nav,section{ width: 100%;}


}
 @media screen and (min-width:750px) and (max-width: 999px) {
header,nav,section{width: 100%;}


}


  @media only screen and (min-width:401px) and (max-width:749px) {
header,nav,section{width:100%;}

}

 @media only screen and (min-width:180px) and (max-width:400px) {
header,nav,section{width:100%;}


}