@charset "utf-8";
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img, input { border:none; } /*为了照顾ie6 链接图片有边框*/
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
/*body {font-size:16px; line-height: 26px; color:#333; font-family: "Microsoft YaHei","微软雅黑","Arial Narrow"; background: #f6f6f6; }*/
body {font-size:16px; line-height: 26px; color:#333; font-family: "微软雅黑","Arial Narrow"; background: #f6f6f6; }
.clearfix:after { content:""; display:block; height:0; clear:both; }
.clearfix { zoom:1; }
a { color:#666; text-decoration:none; }
a:hover { color:#ff9b37; text-decoration:none; }

@media screen and (min-width:1001px) {
.box { width: 1040px; margin: 30px auto; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
.banner{ width:100%; background:url(../images/bj.jpg) repeat-x;}
.banner p{ width:1200px; margin:auto;}
.main { width: 990px; border-top: 36px solid #009c9a; margin: 20px auto; padding: 20px 25px; background: #fff; }
.main h3 { font-size: 24px; color: #009c9a; text-align: center; line-height: 50px; border-bottom: 1px solid #009c9a; font-weight:bold; }
.main .outer { padding: 10px 0; border-bottom: 1px dashed #999; overflow: hidden; }
.main .outer dt { margin: 5px 0; color: #111; font-weight:bold;}
.main .outer dd { margin: 0 30px; font-size: 15px; }
.main .outer dd .inner { float: left; width: 220px; margin: 5px 0; }
.main .outer dd .inner6 { margin: 5px 0; }
.main .outer dd .left { float: left; width: 50%; }
.main .outer dd .right { float: left; width: 50%; }
.main .outer dd .inner6 p { font-weight: bold; }
.main .outer dd .inner6 ol { margin-left: 25px; }
.main .outer dd .innertop { width: 100%; font-weight: bold; }
.main .outer dd .inner .line input { width: 100px; border: 0; border-bottom: 1px solid #ccc; outline: none; }
.biao{ color:#F00}
.outer textarea{ width:100%; height:100px; border:1px solid #CCC; margin-top:10px;}
.information{ overflow:hidden;}
.information .left { margin-top:30px; overflow:hidden; }
.information .left h5 { font-size: 20px; margin-bottom: 10px; font-weight:bold; }
.information .left h5 span { font-size: 14px; color: red; }
.information .left ul{ width:100%; overflow:hidden;}
.information .left li { float:left; margin-top: 15px; overflow: hidden; width:50%;}
.information .left dl{ width:100%; overflow:hidden;}
.information .left dt { float: left;height: 32px; line-height: 32px; text-align: right; margin-right: 10px;}
.information .left dd { float: left; }
.information .left dt span { color: red; }
.information .left input, .information .left select { width: 370px; height: 32px; border: 1px solid #ccc; } 
.information .left .botton { width: 270px; height: 32px; background: #009c9a; color: #fff; font-family: "Microsoft YaHei","微软雅黑","Arial Narrow"; font-size: 16px; }
.information .right { float: left; width: 290px; }
.information .right dl { margin-top: 80px; }
.information .right dt img { display: block; margin: 0 auto; }
.information .right dd { line-height: 50px; text-align: center; }
.footer { background:#666; color:#FFF; text-align: center; font-size: 14px; padding: 20px 0; }
.btn{ width:300px; background:#009c9a; border:none; height:50px; line-height:50px; color:#FFF; font-size:16px; margin:auto; display:block;}
.btn:hover{ background:#2387a9; cursor:pointer;}
}

@media screen and (max-width:1000px) {
.box { width:100%;background: #fff; overflow:hidden; }
.banner{ width:100%; background:url(../images/bj.jpg) repeat-x;}
.banner p{ width:100%; margin:auto;}
.banner p img{ width:100%;}
.main { width: 96%; padding:10px; margin-top:10px; background: #fff; }
.main h3 { font-size: 18px; padding-bottom:10px; color: #009c9a; text-align: center; border-bottom: 1px solid #009c9a; font-weight:bold; }
.main .outer { padding: 10px 0; border-bottom: 1px dashed #999; overflow: hidden; font-size:14px; overflow:hidden;}
.main .outer dt { margin: 5px 0; color: #111; font-size:16px; }
.main .outer dd {font-size: 14px; }
.main .outer dd .inner {width:50%; float:left; font-size:14px;}
.be{ font-size:14px;}
.main .outer dd .inner6 { margin: 5px 0; }
.main .outer dd .inner6 p { font-weight: bold; }
.main .outer dd .inner6 ol { margin-left: 20px; }
.main .outer dd .inner .line input { width: 200px; height: 30px; border: 1px solid #ccc; margin-left: 20px;  }
.information .left { width: 100%; margin:10px 0 0 0 ; overflow:hidden; }
.information .left h5 { font-size:16px; }
.information .left h5 span { font-size: 14px; color: red; }
.information .left li { float:left; margin-top: 15px; overflow: hidden; width:50%;}
.information .left dt {height: 32px; font-size:14px; float:left; }
.information .left dd { float: left;}
.information .left dt span { color: red; }
.information .left input, .information .left select { width: 90%; height: 28px; display: block; margin: 0 auto; border: 1px solid #ccc; } 
.information .left .botton { width: 90%; height: 32px; display: block; margin: 0 auto; margin-bottom: 20px; background: #009c9a; color: #fff; font-family: "Microsoft YaHei","寰蒋闆呴粦","Arial Narrow"; font-size: 16px; }
.information .right { width: 100%; }
.information .right dl { margin-top: 30px; }
.information .right dt img { display: block; margin: 0 auto; }
.information .right dd { line-height: 50px; text-align: center; }
.footer { width:96%; background:#666; color:#FFF; text-align: center; font-size:12px; padding: 15px 10px; }
.outer textarea{ width:96%; height:100px; border:1px solid #CCC; margin-top:10px;}
.btn{ width:70%; background:#009c9a; border:none; height:40px; line-height:40px; color:#FFF; font-size:16px; margin:auto; display:block;}









}


















