@charset "gb2312";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; color:#333; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body { background:#fff; overflow-x: hidden;}
:root body { filter:none;}

article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { text-decoration:none;}
b{ font-weight:normal;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob { display:none;}
.fl { float:left;} .fr { float:right;}
.mr{ margin-right:0 !important;}
.ml{ margin-left:0 !important;}
.red{ color:#f63550;}
.wrapper{ width:1100px; margin:0 auto;}
.textc{ text-align: center;}


/*head*/
.head{ height: 130px; overflow: hidden;}
.head header{ 
    width: 950px; 
    height: 130px; overflow: hidden; float: left;}
.head header h1{ height: 52px; 
    font-size: 38px; 
    font-weight: bold; color: #20207a; padding-top: 29px; line-height: 52px; 
    }
.head p{ height: 31px; font-size:19px; color: #c6c6c6; line-height: 31px;}
.head .login{ margin-top: 52px; width: 135px; height: 26px; overflow: hidden;}
.head .login a{ display: block; width: 135px; height: 26px; line-height: 24px; text-indent: 35px; background:url(../images/login.png) no-repeat; font-size: 18px; color: #20207a;}
.head .login p{ display: block; width: 135px; height: 26px; line-height: 24px; text-indent: 35px; background:url(../images/login.png) no-repeat; font-size: 18px; color: #20207a;}


/*nav*/
.nav{ width: 100%; height: 50px; background: #20207a;}
.nav ul{ width: 1096px; height: 50px; overflow: hidden; margin: 0 auto;}
.nav ul li{ width: 160px; height: 50px; line-height: 50px; float: left; text-align: center; font-size: 20px; color: #fff; line-height: 50px;}
.nav ul li:hover{ background: #3550b7; cursor: pointer;}
.nav ul li.ok { background: #3550b7;}


/*box_contaner*/
.box_contaner{ width: 100%; height: 730px; background:url(../images/bj.jpg) no-repeat top center; }
.crumb{ height: 70px; line-height: 70px;}
.crumb a{ font-size: 20px; font-weight: bold; color: #333;}
.crumb a span{ color: #20207a;}
.crumb a:hover{ text-decoration: underline;}

.cont{ width: 1098px; margin: 0 auto; height: 600px; box-shadow: 0px 0px 9px 0px rgba(206, 206, 206, 0.5); background:#fff; border: #dfdfdf solid 1px; overflow: hidden;}

.box{ width: 1098px; height: auto; overflow: hidden; margin: 0 auto; display: none;}
.box .title{ width: 1098px; height: 99px; background: #fafafa; border-bottom: #dfdfdf solid 1px;}
.box .title-bz{ width: 728px; height: 99px; background:url(../images/title.png) no-repeat; margin: 0 auto;}
.box .title-bz p{ float: left; width: 92px; height: 27px; line-height: 27px; font-size: 18px; color: #6c6c6c; font-weight: bold; text-align: center; letter-spacing: 1px; padding-top: 58px;}
.box .title-bz p span{ color: #20207a;}
.box .title-bz .jiange{ padding-right: 226px;}
.box .title .subtitle{ font-size: 38px; font-weight: bold; color: #20207a; line-height: 99px; text-align: center;}
.box .info{ width: 728px; height: auto; overflow: hidden; margin: 60px auto 0;}
.info ul{ width: 728px; height: auto; overflow: hidden;}
.info ul li { width: 728px; height: 50px; overflow: hidden; margin-bottom: 30px;}
.info ul li label{ display: block; float: left; width: 187px; height: 50px; line-height: 50px; font-size: 20px; color: #333; text-align: right; padding-right: 5px;}
.info ul li select { float: left; width: 448px; height: 48px; border: 1px solid #9e9e9e; padding:0 10px;appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url(../images/tir.png) no-repeat scroll 400px center transparent; font-size: 18px;}
.info ul li select::-ms-expand { display: none; }
.info ul li input[type="text"] { float: left; width: 428px; height: 48px; border: 1px solid #9e9e9e; padding:0 10px; font-size: 18px;}
.info ul li input[type="submit"] { float: left; width: 342px; height: 50px; border:none; border-radius: 10px; font-size: 20px; text-align: center; line-height: 50px; color: #fff; letter-spacing: 2px; background: #20207a;}








/*footer*/
.footer{height: 50px; overflow: hidden;}
.footer p{ font-size: 14px; color: #666; text-align: center; line-height: 50px;}













/*登录注册弹框*/
#biao1 { display: none; width: 100%; height: 100%; background: rgba(76, 76, 76, 0.6); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000;}
#biao1 .tanceter{ width: 560px; height: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff;}
#biao1 .tanceter h1{ height: 70px; line-height: 70px; width: 100%; margin-top: 15px; margin-bottom: 5px; font-size: 28px; color: #000; font-weight: bold;}
#biao1 .tanceter img { position: absolute; top: 0; right: 0; margin-top: 10px; margin-right: 10px; cursor: pointer;}
#biao1 .tanceter form { font-size: 18px; color: #666666; width: 410px; margin: 0 auto;}
#biao1 .tanceter form input::-webkit-input-placeholder { color: #999;}
#biao1 .tanceter form input::-moz-placeholder { color: #999;}
#biao1 .tanceter form input:-moz-placeholder { color: #999;}
#biao1 .tanceter form input:-ms-input-placeholder { color: #999;}
#biao1 .tanceter form div { height: 56px; line-height: 56px; width: 100%; margin-bottom: 26px;}
#biao1 .tanceter form div select,
#biao1 .tanceter form div input { height: 100%; width: 100%; border-radius: 5px; color: #888888; padding: 0 20px; font-size: 16px; box-sizing: border-box; border: 1px solid #dfdfdf;}
#biao1 .tanceter form p{ font-size: 16px; margin-left: 20px;}
#biao1 .tanceter form p .mi { width: 16px; height: 16px; vertical-align: middle; margin-right: 10px;}
#biao1 .tanceter form .dosubmit { display: block; margin: 35px auto 20px; width: 100%; height: 55px; background: #20207a; border-radius: 5px; border: 0; font-size: 22px; color: #fff; box-sizing: border-box; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#biao1 .tanceter form .dosubmit:hover { background: #fff; color: #20207a; border: 1px solid #20207a;}
.step .shu_1{ margin-left: -10px;}
.step .shu_1.s_3
{ margin-left: -19px;}