@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
body{font-size:14px;font-family:'微软雅黑',Helvetica,Arial,sans-serif;color:#000000;background:#ffffff;position:relative}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;font-size:inherit;width:100%}img{border:0 none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}a{text-decoration:none;outline:none;color:#000000}input,button,select,textarea{outline:none}textarea{resize:none}a:hover{text-decoration:underline;}
/*reset over*/

/* html5 reset */
header,footer,section,article,nav{ display:block; }
/* html5 reset over */

/* common */
.center{ margin:0 auto; width: 980px;}

.step_1{height: 710px; background:url(images/step_1.jpg) no-repeat center top #a5e5ff;}
.step_2{height: 840px; background:url(images/step_2.jpg) no-repeat center top;}
.step_3{height: 782px; background:url(images/step_3.jpg) no-repeat center top;}
.step_4{height: 699px; background:url(images/step_4.jpg) no-repeat center top;}
.step_5{height: 587px; background:url(images/step_5.jpg) no-repeat center top;}
.step_6{}

.timebox{background: #6a4622; height: 124px;}
.timebox .time{color: #d48c44;font-size: 32px; padding-top:35px;}
.timebox .time span{color: #ffffff;font-size: 38px;}
.timebox .govmall{padding-top: 26px;}

.posrelative{position: relative;height: 840px;}
.toturnplate{ display: block; width: 200px; height: 40px; position: absolute; left: 420px; bottom: 172px;}

.dis{padding-top: 220px; }
.dis .disbox{width: 580px;padding: 60px 20px 20px;background: url(images/honor7.jpg) no-repeat center 15px #ffffff;
	-webkit-box-shadow:0 0 15px #ccc;-moz-box-shadow:0 0 15px #ccc;box-shadow:0 0 15px #ccc;}
.disbox h2{font-size: 18px;color: #333333;text-align: center; font-weight: normal; margin-bottom: 10px;}
.text{border: 1px solid #d0d0d0; height: 220px;padding: 10px;}
.text textarea {
    border: 0 solid #fff;
    color: #333;
    font-size: 14px;
    height: 190px;
    line-height: 24px;
    overflow-y: auto;
    width: 550px;
}
.disbox .sub{ margin-left:170px;margin-top:15px; width:209px; height:42px; border: none; cursor: pointer;background:url('images/subbtn.jpg') no-repeat;display: block; }

#phizbtn{ margin-top:7px; float:left; display:inline-block; height:21px; line-height:21px; color:#999; font-size:14px; padding-left:25px; overflow: hidden; background: url('images/phizbtn.jpg') no-repeat left center; cursor: pointer; }
#phiz{  width:375px; position:absolute; left:0; top:0; z-index:100; display:none; white-space:nowrap; }
#phiz ul{ padding:5px 7px 7px; background:#ffffff; }
#phiz ul li{ border-bottom:1px solid #eeeeee; padding:10px 0; text-align:center; overflow:hidden; }
#phiz ul li img{ margin:0 1px; cursor:pointer; }

/* sharebox */
.sharebox{ float:right; overflow:hidden; height: 28px; font-size: 14px; padding:5px 0 0;  }
.sharebox #ckepop a{ display:inline-block; height:25px; background-image:url(images/share.jpg); background-repeat:no-repeat; float:left; cursor:pointer; margin-left:5px; }
.sharebox #ckepop a span{ background:none !important; }
.sharebox #ckepop a.jiathis_button_tsina{ width:28px;background-position:0 top; }
.sharebox #ckepop a.jiathis_button_renren{ width:28px; background-position:-35px top; }
.sharebox #ckepop a.jiathis_button_tqq{ width:28px; background-position:-68px top; }
.sharebox #ckepop a.jiathis_button_kaixin001{ width:28px; background-position:-101px top; }

.banner{width: 450px; height: 400px;overflow: hidden;position: relative;}
.flash{width: 450px; height: 400px;}
.flash ul li {
    height: 400px;
    position: relative;
    width: 450px;
}
.flash ul li img {
    max-width: 450px;
    max-height: 400px;
}
.banner b {
    cursor: pointer;
    height: 60px;
    position: absolute;
    top: 170px;
    width: 40px;
}
.banner b.btnnext {
    right: 0;
}
.banner b.btnprev {
    left: 0;
}
.banner b.btnnext em {
    background: url("images/arr.png") no-repeat scroll right top;
    right: 0;
}
.banner b.btnprev em {
    background: url("images/arr.png") no-repeat scroll left top;
    left: 0;
}
.banner b span {
    background: #000000 none repeat scroll 0 0;
    display: inline-block;
    height: 60px;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 40px;
}
.banner b em {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.about{padding-top: 80px;}
.about h3{font-size: 24px; color: #b89975; font-weight: normal;margin-bottom: 20px;}
.about p{padding: 10px 0; font-size: 20px; line-height: 28px; color: #5c5c5c;}
.about a{color: #00b5e2;}

.footer{padding-bottom: 50px; font-size:20px;text-align: center; }
.footer span{color: #00b5e2;}

.goback{display: block;background:url("images/cssbj.png") no-repeat 0 0; width:210px; height: 92px;position: absolute;top: 0;left: 0;  }
.honorlogin{display: block;background:url("images/cssbj.png") no-repeat 0 -100px; width:175px; height: 40px;position: absolute;top: 20px;right: 20px;  }
.honorlogin .to_login{float: left;display: block;width: 85px;height: 40px;}
.honorlogin .to_register{float: right;display: block;width: 85px;height: 40px;}