﻿@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;}
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}
.fl {float:left}
.fr {float:right}
.rel{position:relative;}
.abs {position:absolute;}
.tl {text-align:left;padding-left:10px;font-size: 16px;color:blue;}
.tl2 {text-align:left;padding-left:25px;font-size: 14px;color:red;}
.tr {text-align:right;}
.tc {text-align:center;}
.bodt {border-top:solid 1px #CCCCCC;}
.bodb {border-bottom:solid 1px #CCCCCC;}
.bodr {border-right:solid 1px #CCCCCC;}
.bodl {border-left:solid 1px #CCCCCC;}
.mtop {margin-top:10px;}
.mtop3{margin-top:40px;}
.mb{margin-bottom:80px;}
.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;}
.cut1 {width:10%}
.cut2 {width:20%} /*分割成2块*/
.cut25 {width:25%}
.cut3 {width:33.33%} /*分割成3块*/

.cut40{width:40%}
.cut4 {width:25%} /*分割成4块*/
.cut5 {width:50%}
.cut6 {width:60%}

.cut8 {width:80%}
.cut9{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;}

.cut30{width:30%}
.cut7 {width:68%}
section{width:100%;}

footer,header,nav,section {display:block;margin:0 auto;border:0;height:auto;}

@media screen and (min-width:1500px) {
	header,section { width: 1200px; }
	.cut30{width:30%}
	.cut7 {width:68%}
}

@media screen and (min-width: 1000px) and (max-width: 1499px) {
	header,section{ width: 950px;}
	.cut30{width:30%}
	.cut7 {width:68%}
}
@media screen and (min-width:750px) and (max-width: 999px) {
	header,section{width: 90%;}
	.cut30{width:30%}
	.cut7 {width:68%}
}

@media only screen and (min-width:401px) and (max-width:749px) {
	header,section{width:100%;}
	.search .kuang input{ text-indent:13em;}
	.five p{font-size:13px;}
	.cut30{width:50%}
	.cut7 {width:48%}
}

@media only screen and (min-width:180px) and (max-width:400px) {
	header,section{width:100%;}
	.search .kuang input{ text-indent:9em;}
	.cut30{width:50%}
	.cut7 {width:48%}
}

.meizhaung{height:40px;line-height:40px;width:100%;background-color: #E8E8E8;overflow: hidden;}