/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,iframe,abbr{border:0;}
i,em,address{font-style:normal;}
li{list-style:none;}
label{cursor:default;}
a,button,input[type='submit']{cursor:pointer;}
a,a:hover{text-decoration:none;}
a{color:#535353;}
a:hover{color:#136bb1;}
/*public*/
html{font-size: 14px;}
.clear{clear:both;}
#wrapper{width:100%; font-family: "Microsoft YaHei",Arial,serif;  background:#f9f9f9; }
.lf{float: left;}
.rt{float: right;}

#paged{
    text-align: center;
    margin-top: 3em;
}

.public-title h2{
    font-size: 1.21rem;
    color: #333333;
    padding: 0.2em 0 0.5em;
    border-bottom: 3px solid #0f6bb2;
    display: inline-block;
}

.public-title hr{
    width: 100%;
    border: none;
    border-top: 1px solid #d9d9d9;
    margin-top:-1px;
}

.public-title .more{
    color:#8c8c8c;
    font-size: 1.05rem;
    float: right;
    margin: 0.4em 0.7em 0 0;
}

.public-title .more:hover{
    color: #0f6bb2;
}

/*header*/
#header-box{
    width: 100%;
    background-color: #ffffff;
}
#header{
    width: 85.714rem;
    margin:0 auto;
    padding:1.285rem 0;
    clear: both;
    position: relative;
}

#header>h1{
    font-size: 1.85rem;
    font-weight: normal;
    color:#282828;
    height: 5.7rem;
    line-height: 5.7rem;
    display: inline-block;
    clear: left;
}

#header>img{
    width: 5.93rem;
    float: left;
    margin-right: 0.5rem;
}

.header-font{
    font-size: 0.928rem;
    color: #0b0b0b;
    display: inline-block;
    text-indent: 1.3rem;
    margin-left: 2rem;
}

.header-font1{
    font-size: 0.928rem;
    color: #0b0b0b;
    display: inline-block;
}
.login{background:url("../images/login.png") left center no-repeat;}
.phone{background:url("../images/phone.png") left center no-repeat;}

.header-code{
    padding: 0.3rem;
    border:1px solid #dadada;
    background-color: #ffffff;
    position:absolute;
    top: -0.8rem;
    right:-8.5rem;
    z-index: 3;
    display: none;
}

.header-code img{
    width:7rem;
}

.header-login{
    position: absolute;
    top:1.285rem;
    right:0;
}



.search-box{
    border: 1px solid #dddddd;
    border-radius: 0.3rem;
    position: absolute;
    top: 4.28rem;
    right:0;
    background-color: #e8e8e8;
}

#keyword{
    width: 16.98rem;
    height: 2em;
    font-size: 1em;
    line-height: 2em;
    color: #a9a9a9;
    outline: none;
    border:none;
    background: transparent;
    padding: 0 0.8rem;
}

#search{
    width: 2.5rem;
    height: 2em;
    border: none;
    background:#e8e8e8 url("../images/search.png") left center no-repeat;
    outline:none;
}

#search:hover{
    background:#e8e8e8 url("../images/search-hover.png") left center no-repeat;
    border: none;
}
/*nav*/

#nav-box{
    background-color: #0f6bb2;
    padding-bottom: 2px;
    height: 3.06rem;
    position: relative;
}

.nav{
    width:85.714rem;
    height: 3.06rem;
    margin: 0 auto;
    position: relative;
}
.nav>li{
    float: left;
    width: 10.7rem;
    height: 3.06rem;
    text-align: center;
    line-height: 3.06rem;
    background: url("../images/nav-line.png") right center no-repeat;
}

.nav>li:last-child{
    background: none;
}

.nav>li>a{
    height: 3.06rem;
    color: #ffffff;
    font-size: 1.16rem;
    line-height: 3.06rem;
    display: block;
}

.nav>li>a:hover,.nav>li>a.hover{
    background: #2b98d0;
}

.nav>li>a.hover{
    cursor: default;
}


.nav-hr{
    width: 100%;
    border: none;
    border-top: 1px solid #ffffff;
    position: absolute;
    left:0;
    bottom:1px;
}

/*banner*/
#banner img{
    width: 100%;
}

/*main*/
#main-box{
    width:100%;
    background: url("../images/main-bg1.png") left bottom no-repeat,
    url("../images/main-bg2.png") right bottom no-repeat;
    padding: 1.57rem 0  2.2rem;
}
.main{
    width: 85.714rem;
    margin:0 auto;
}

#footer-box{
    width:100%;
    background-color: #0f6bb2;
}

#footer{
    width: 85.714rem;
    margin: 0 auto;
    position: relative;
}

.sub-nav{
    width: 69.6rem;
    display:block;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.sub-nav a{
    font-size: 1.07rem;
    color: #a3d5fc;
    border-right: 1px solid #a3d5fc;
    padding: 0 1.7rem 0;
    margin: 2.3rem 0 3.2rem;
    display: inline-block;
}

.sub-nav a:last-child{
    border-right:none;
}

.sub-nav a:hover{
    color: #ffffff;
}


address{
    color:#a3d5fc;
    text-align: center;
    line-height: 2em;
    padding-bottom: 3rem;
}

address a{
    color:#a3d5fc;
}

address a:hover{
    color:#a3d5fc;
}


.code{
    display: inline-block;
    position: absolute;
    top:6rem;
    right:16.07rem;
}

.code img{
    width:7rem ;
}
.code span{
    font-size: 1.07rem;
    color: #a3d5fc;
    text-align: center;
    line-height: 2.8rem;
    display: block;
}


.content-box{
    border: 1px solid #dadada;
    padding: 1.1em;
    margin-bottom: 1.07rem;
    background-color: #ffffff;
}

.share{
    height:2.85rem;
    margin:0rem 0 0rem 0.71rem;
    color:#333;
    font-size:1rem;
    line-height:2.14rem;
}
.share h4{
    font-size:1.0rem;
    float:left;
}
.bdsharebuttonbox .icoWx{
    background:url(../images/icoWxHover.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    padding:2px;
}
.bdsharebuttonbox .icoWx:hover{
    background:url(../images/icoWxHover.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    display:inline-block
}
.bdsharebuttonbox .qzone{
    background:url(../images/icoWbHover.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    padding:2px;
}
.bdsharebuttonbox .qzone:hover{
    background:url(../images/icoWbHover.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    display:inline-block
}
.bdsharebuttonbox .tsina{
    background:url(../images/weibo.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    padding:2px;
}
.bdsharebuttonbox .tsina:hover{
    background:url(../images/weibo.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    display:inline-block
}
.bdsharebuttonbox .qq{
    background:url(../images/qq.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    padding:2px;
}
.bdsharebuttonbox .qq:hover{
    background:url(../images/qq.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    display:inline-block
}
.bdsharebuttonbox .more{
    background:url(../images/more1.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    padding:2px;
}
.bdsharebuttonbox .more:hover{
    background:url(../images/more1.png) left top no-repeat;
    height:1.78rem;
    width:1.78rem;
    display:inline-block
}


.back-home{
    position: absolute;
    top:5rem;
    right:0;
    color:#2494d4;
    font-size:1.1rem;
}


.code_bar{ width:1000px;margin:0 auto; overflow:hidden;color:#414141;}
.code_left{ float:left; width:800px;}
.code_left p{ line-height:26px; font-size:14px; color:#414141; margin-left:10px;}
.code_right{ float:right; width:180px; text-align:right; margin-right:10px;}
.code_c{ width:98%;box-shadow:0px 0px 20px 0px rgba(0,0,0,.19);transform:translate3d(0,-7px,0);transition:all .3s cubic-bezier(.55,0,.1,1);margin:30px auto 0; display:block; overflow:hidden;}
.code_c p{ line-height:60px; font-size:18px; color:#747474; text-indent:20px;}
.code_c_left{ float:left; width:295px; margin:30px 0px 20px 120px; }
.code_c_left img{ padding:15px; border:1px solid #e6e6e6; width:260px; height:260px}

.code_c_right{ float:right; width:400px;  margin-right:100px;}

.f15c{ font-size:15px; width:100%; background:#338dd4; color:#fff; padding:10px 0; text-align: center; margin-top:20px;}

/*20181213*/
/* RADIO */

.regular-radio {
    display: none;
}

.regular-radio + label {
    -webkit-appearance: none;
    background-color:transparent;
    border: 1px solid #384966;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 50px;
    display: inline-block;
    position: relative; margin-left:20px;width: 0px;
}

.regular-radio:checked + label:after {
    content: ' ';
    width: 11px;
    height: 9px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: url(../images/radio_checked.png) center center no-repeat;
    left: 3px;
    font-size: 32px;
}

.regular-radio:checked + label {
    background-color: #f5663a;
    color: #99a1a7;
    border: 1px solid #f5663a;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-text{ position:relative; top:-3px; font-style:normal;}
.recharge h4{ position:relative; left:0; float:left;width:50%; margin-bottom:2%;}


.botton{ width:16%; height:40px; line-height:40px; background:#2694d3; color:#fff; -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:none; font-size:16px;margin:20px 42%;}