@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:14px; margin:0; font-family: "Microsoft YaHei","微软雅黑","Arial Narrow"; }
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: #ffffff; }
.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; }
img { display: block; }

@media screen and (min-width: 992px) {
.banner { width: 100%; height: 395px; background: url(../images/banner.jpg) center center no-repeat; }
.banner img { display: none; }
.main h3 { height: 80px; line-height: 80px; margin-top: 30px; font-size: 36px; color: #ffffff; text-align: center; }
.main img { margin: 0 auto; }
.main p { width: 1120px; margin: 0 auto; color: #fff; }
.main .h20 { height: 20px; }
.item7 li { float: left; height: 306px; position: relative; }
.item7 ul { width: 1200px; margin: 0 auto; }
.item7 .w459 { width: 459px; margin-right: 13px; }
.item7 .w408 { width: 408px; margin-right: 13px; }
.item7 .w306 { width: 306px; }
.item7 li h4 { height: 76px; width: 100%; position: absolute; left: 0; bottom: 0;background: url(../images/black_bg.png) repeat-x; color: #fff; }
.item7 li h4 span { display: block; margin: 10px; }
.footer { background: #49494a; height: 70px; line-height: 70px; color: #fff; text-align: center; }
.img09ph, .img10ph { display: none; }
.code { width: 80%; max-width: 500px; margin: 100px auto 0; padding: 10px 0; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.8); position: relative; }
.code .close { width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 9999; }
.code .close img { width: 20px; height: 20px; }
.code .title { font-size: 24px; line-height: 36px; padding: 12px 0; font-weight: bold; text-align: center; color: #5d838c; }
.code .subtitle { font-size: 14px; line-height: 20px;text-align: center; margin-bottom: 20px; }
.code .question { margin: 10px 20px; font-size: 18px; line-height: 26px; }
.code .ans-list {margin: 0 30px; overflow: hidden; }
.code .ans-list li { line-height: 22px; margin: 10px 0; overflow: hidden; }
.code .ans-list li input { float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 10px; }
.code .ans-list li label { float: left; width: 410px; }
.code .btn a { display: block; width: 240px; height: 30px; margin: 20px auto; line-height: 30px; background: #5d838c; color: #fff; text-align: center; border-radius: 5px; }
.code .btn a:hover { background: #5ba1b2; color: #fff; }
.code .top { font-size: 16px; color: #f85b28; font-weight: bold; line-height: 30px; text-align: center; }
.code .num { font-size: 16px; color: #333; line-height: 30px; text-align: center; }
.code .touxian { font-size: 16px; color: #333; line-height: 45px; margin-top: 10px; text-align: center; }
.code .touxian span { font-size: 42px; color: #f85b28; }
.code .info-list { margin: 0 30px; overflow: hidden; }
.code .info-list li { height: 32px; line-height: 32px; margin: 10px 0; }
.code .info-list li label { width: 60px; margin-right: 10px; float: left;  }
.code .info-list li input { float: left; width: 300px; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; }
.code .chose { margin: 0 30px; }
} 

@media screen and (max-width: 991px) {
.banner { width: 100%; }
.banner img { width: 100%; height: auto; }
.main h3 { padding: 12px 0; line-height: 36px; margin-top: 10px; font-size: 24px; color: #ffffff; text-align: center; }
.main img { width: 100%; height: auto; margin: 0 auto; }
.main p { width: 96%; margin: 0 auto; color: #fff; }
.main .h20 { height: 10px; }
.item7 li { width: 100%; }
.item7 li img { width: 90%; }
.item7 li h4 { width: 90%; margin: 5px auto; }
.footer { background: #49494a; padding: 10px 0; font-size: 14px; line-height: 20px; color: #fff; text-align: center; }
.img09pc, .img10pc { display: none; }
.code { width: 320px; margin: 10px auto 0; padding: 10px 0; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.8); position: relative; }
.code .close { width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 9999; }
.code .close img { width: 15px; height: 15px; }
.code .title { font-size: 20px; line-height: 30px; padding: 12px 0; font-weight: bold; text-align: center; color: #5d838c; }
.code .subtitle { font-size: 14px; line-height: 20px;text-align: center; margin-bottom: 10px; }
.code .question { margin: 5px 10px; font-size: 16px; line-height: 26px; }
.code .ans-list {margin: 0 20px; overflow: hidden; }
.code .ans-list li { line-height: 20px; margin: 10px 0; overflow: hidden; font-size: 12px; }
.code .ans-list li input { float: left; width: 12px; height: 12px; margin-top: 3px; margin-right: 10px; }
.code .ans-list li label { float: left; width: 235px; }
.code .btn a { display: block; width: 240px; height: 30px; margin: 20px auto; line-height: 30px; background: #5d838c; color: #fff; text-align: center; border-radius: 5px; }
.code .btn a:hover { background: #5ba1b2; color: #fff; }
.code .top { font-size: 16px; color: #f85b28; font-weight: bold; line-height: 30px; text-align: center; }
.code .num { font-size: 16px; color: #333; line-height: 30px; text-align: center; }
.code .touxian { font-size: 16px; color: #333; line-height: 45px; margin-top: 10px; text-align: center; }
.code .touxian span { font-size: 38px; color: #f85b28; }
.code .info-list { margin: 0 20px; overflow: hidden; }
.code .info-list li { height: 32px; line-height: 32px; margin: 10px 0; }
.code .info-list li label { width: 60px; margin-right: 10px; float: left;  }
.code .info-list li input { float: left; width: 190px; padding: 0 5px; height: 30px; line-height: 30px; border: 1px solid #ccc; }
.code .chose { margin: 0 20px; }
}
.item1 { background: #5d838c; overflow: hidden; }
.item2 { background: #8ecfda; overflow: hidden; }
.item3 { background: #52838c; overflow: hidden; }
.item4 { background: #90e5d0; overflow: hidden; }
.item5 { background: #5b90b9; overflow: hidden; }
.item6 { background: #ffffff; overflow: hidden; }
.item7 { background: #ffffff; overflow: hidden; }
.item6 h3, .item7 h3 { color: #333; }
.item8 { background: #f8b55f; overflow: hidden; }
.item8 .start a { display: block; width: 304px; margin: 0 auto; height: 58px; background: url(../images/start_btn.png); }
.item8 .start a:hover { background: url(../images/start_btn_hover.png); }
.item8 .list { width: 333px; height: 452px; margin: 0 auto; background: url(../images/list_bg.png); overflow: hidden; }
.item8 h4 { height: 60px; line-height: 60px; margin-top: 36px; font-size: 18px; color: #ff000f; font-weight: bold; text-align: center; }
.item8 .namelist { width: 280px; margin: 0 auto; }
.item8 .namelist li { height: 40px; }
.item8 .namelist li s { text-decoration: none; float: left; }
.item8 .namelist li .name { width: 70px; margin-right: 10px; text-align: right; line-height: 40px;}
.item8 .namelist li .line { width: 150px; height: 20px; border-bottom: 1px dashed #999; }
.item8 .namelist li .title { width: 40px; margin-left: 10px; line-height: 40px;}
.item8 .list p { width: 200px; color: #333; margin-left: 32px; margin-top: 10px; font-size: 15px; line-height: 22px; color: #ff000f; }
.goodcover { 
	width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.50;
    filter: alpha(opacity=80); }
.codeWrap { 
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
    left: 0;
    z-index: 1002;
 }