@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; font-family: "microsoft yahei", "Arial"; font-size: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important; outline: none!important; text-decoration:none;  }
img { border: 0px; margin: 0px; vertical-align: middle; }
html, body { color: #3D3D3D; background: #FFF; }
body { min-width: 1200px; max-width: 1440px!important; margin: 0px auto!important;}
i, span, em { font-style: normal; display: inline-block;}
a{ color: #333; text-decoration: none; }
a:hover { color:#1677d1;text-decoration: none;}
a, button, input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
.tl { text-align: left!important; }
.tr { text-align: right; }
.tc { text-align: center;}
.fl { float: left;}
.fr { float: right;}
.mt20 { margin-top: 20px!important;}
.mt30 { margin-top: 30px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.red { color: #FF0000;}
.w { width: 100%; clear: both; overflow: hidden; }
.cl { clear: both;}
.hide { display:none;}
i,span { vertical-align: middle; }
.m{ clear: both; overflow: hidden; width: 1200px; margin: 0px auto;}
.ovf { overflow: hidden;}
html.ovf,body.ovf { height: 100%; }
.hand { cursor: pointer;}

.bxsg,input,textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.nobor { border: none!important; }
.shadow { -moz-box-shadow: 0px 0px 10px #888 ; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; }
.header { height: 140px; background-color: #0356a4; background-size: auto; background-position: center; background-repeat: no-repeat;}
.header>dl { width: 1200px; margin: 0px auto; overflow: hidden; position: relative;}
.header>dl>p { display: inline-block; position:absolute; right: 0px; top: 0px; text-align: right; color: #FFF; line-height: 30px; }
.header>dl>p>span{ vertical-align: middle; font-size: 18px; margin-right: 5px;}
.header>dl>p>a { color: #FFF; vertical-align: middle}
.header>dl>p>i{ padding: 0px 10px; vertical-align: baseline;}
.header>dl>dt{ line-height: 140px; text-align: left; float:left; width: 705px;}
.header>dl>dd {float: right; width: 200px; }
.header>dl>dd>p{ line-height: 30px; text-align: center; color: #FFF; margin-top: 35px; padding: 10px 0px 5px;}
.header>dl>dd>p a { color: #FFF; font-size: 16px;;}
.header>dl>dd>p i { padding: 0px 25px;}
.header>dl>dd>div { position: relative; height: 36px; background: #FFF;}
.header>dl>dd>div>input{ height: 36px; background: #FFF; border: none; display: block; padding: 0px 10px;}
.header>dl>dd>div>i{ position: absolute; display: inline-block; width: 24px; height: 24px; background: url("../imgs/icons-search.png") no-repeat center center; right: 10px; top: 6px; cursor: pointer;}
.nav { height: 60px;line-height: 60px; text-align: center; background: #FFF;}
.nav a { font-size: 18px;  transition: all 0.2s linear 0.1s; display: inline-block; }
.nav a>i,.nav>a>div { display: none;}
.cn .nav a { padding: 0px 25px;  }
.en .nav a { padding: 0px 20px; }
.nav a.active,.nav a:hover { font-weight: bold; color: #1677d1;}
.en .nav a:hover,.en .nav a.active{ font-weight: unset; }

.mymask { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.5); z-index: 99; transition: all 0.2s linear 0.1s;}
html.ovf,body.ovf { overflow: hidden; }

.banner { width: 100%; clear: both; overflow: hidden; position: relative; text-align: center; }
.swiper-container a { width: 100%; overflow: hidden; display: block; text-align: center;}
.swiper-container a > img { max-width: 100%; }
.empty { text-align: center; background: url(../../admin/img/null.jpg) no-repeat center center; width: 393px; height: 277px; margin: 50px auto;}
.pages { text-align: center; padding: 20px 0px; clear: both}
.pages a,.pages select {  line-height: 25px; padding: 0 9px; display: inline-block; border: 1px solid #ededed; color: #666; margin: 0px 2px; }
.pages a:hover, .pages a.current { color: #fff; background-color: #0356A4; }
.pages a.disabled, .pages a:hover.disabled { background-color: #f2f2f2; border: 1px solid #ededed; cursor: default; color: #666; }
.pages select { padding: 0px 10px; vertical-align: baseline;   line-height: 27px; height: 27px;}
.footer { background: #002E5A; color: #c0cbd6; padding: 30px 0px;}
.footer .tit { width: 300px; float: left;line-height: 90px; text-align: left;   }
.footer .txt { width: 800px; float: left;padding: 20px 0px 0px; line-height: 30px;}
.footer .qrcode { width: 100px; float: right;line-height: 90px; text-align: right;}

.login{width: 410px;border: 1px solid #e6e6e6;border-radius: 10px;z-index: 999999;position: fixed;left: 50%;top: 50%;margin-top: -170px;background: #FFF;margin-left: -206px;}
.register { margin-top: unset; top: 150px;}
.login > .close{position: absolute;top: 10px;right: 5px;width: 20px;height: 20px;display: block;color: #0168b7;}
.login > dl{padding: 10px 30px;}
.login > dl > dt{border-bottom: 1px solid #1677d1;position: relative;height: 45px;line-height: 45px; font-size: 22px; margin-bottom: 20px; text-align: center}
.login > dl > dd{padding: 8px 0px;position: relative;}
.login > dl > dd > label{position: absolute;height: 40px;width: 40px;font-size: 28px;color: #ccc;left: 10px;top: 17px;}
.login > dl > dd > span{position: absolute;height: 20px;padding-left: 15px;width: 150px;right: 0px;top: 20px;border-left: 1px solid #ccc;color: #4698e4;cursor: pointer;}
.login > dl > dd > input, .login > dl > dd > select{height: 44px;border: 1px solid #e8e8e8;border-radius: 5px;padding: 0px 5px 0px 50px;width: 100%; }
.slide-unlock > .slide-unlock-btn{background: #FFF;}
.submit-btn{height: 45px;line-height: 45px;text-align: center;display: block;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;color: #FFF;background: #0168b7;font-size: 16px;border-radius: 5px;}
.submit-btn:hover{background: #0a90f7;color: #FFF;}
.submit-disable { background: #eee; color: #999;}
.submit-disable:hover { background: #eee;color: #999;}

.login > dl > p { margin-bottom: 15px; text-align: right}
.login > dl > p  > a{color: #1677d1;}
.login > dl > dd.phone{display: none;}
.login > dl.phone > dd.phone{display: block;}
.login > dl.phone > dd.pwd{display: none;}