/*头部样式*/
.foot a:hover {
    color: #278add;
    cursor: pointer;
}

.head {
    width: 100%;
    min-width: 12rem;
    margin: 0 auto;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}

    .head .top-nav {
        height: .29rem;
        border-bottom: 1px solid #ebebeb;
        background: #444444;
        min-width: 12rem;
    }

        .head .top-nav a {
            color: #ffffff;
            font-size: .12rem;
            line-height: .29rem;
            margin: 0 .20rem 0 0;
        }

    .head .top-nav-fr {
        color: #d0d0d0;
        border-right: 1px solid #626060;
    }

        .head .top-nav-fr a {
            color: #d0d0d0;
            padding: 0 .10rem 0 0;
            line-height: .29rem;
        }

    .head .top-nav a:hover {
        color: #f65f6e;
    }

    .head .top-nav-fr a:hover {
        color: #f65f6e;
    }

.login-current a:hover {
    color: #278add;
}

.register-login-a a {
    padding: 0 .20rem 0 0;
    line-height: .29rem;
    color: #7c7c7c;
    font-size: .12rem;
}

    .register-login-a a:hover {
        color: #b20808;
    }

.head .top-nav-fr a img {
    float: left;
}

.login-top-nav-fr {
    padding: 0 0 0 .15rem;
    font-size: .12rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

    .login-top-nav-fr a {
        color: #757575;
        line-height: .29rem;
        margin: 0 .15rem 0 0;
        font-size: .12rem;
    }

        .login-top-nav-fr a:hover {
            color: #b20808;
        }

.register-login .top-nav-fl a {
    color: #7c7c7c;
    margin: 0 .20rem 0 0;
    line-height: .29rem;
    font-size: .12rem;
}

    .register-login .top-nav-fl a:hover {
        color: #b20808;
    }

.register-login {
    width: 100%;
    margin: 0 auto;
    min-width: 12rem;
    /*    height: 29px;*/
    background: #fafafa !important;
}

.login-head-wrap {
    background: #fafafa !important;
    color: #7c7c7c;
}

.head-link {
    margin: .22rem 0 0 0;
}

    .head-link a {
        display: block;
        padding: 0 .16rem 0 .16rem;
        font-size: .12rem;
        float: left;
        line-height: .13rem;
        height: .13rem;
        color: #333;
        border-right: 1px solid #ddd;
    }

        .head-link a:hover {
            text-decoration: underline;
        }

.hd-link-end {
    padding-right: 0 !important;
    border: 0 !important;
}

.hd-link-first {
    padding-left: 0 !important;
}

.hd-tit {
    font-size: .28rem;
    line-height: .28rem;
    margin: .33rem 0 0 .13rem;
    background: url(../image/point.png) no-repeat left center;
    padding: 0 0 0 .15rem;
}

.hd-logo {
    height: .93rem;
}

.hd-phone {
    width: 1.25rem;
    height: .25rem;
    line-height: .25rem;
    background: url(../image/hd-p.png) no-repeat #5bb36a .10rem;
    padding: 0 0 0 .30rem;
    margin: .35rem 0 0 .15rem;
    border-radius: .25rem;
}

    .hd-phone a {
        color: #FFF;
        font-size: .14rem;
    }

.hd-search {
    /*width: 610px;*/
    color: #333;
    margin: .30rem 0 0 0;
}

    .hd-search span a {
        font-size: .12rem;
        color: #999;
        margin: 0 .13rem 0 0;
    }

        .hd-search span a:hover {
            text-decoration: underline;
        }

    .hd-search span {
        font-size: .12rem;
    }

.search-sel, .ser-input {
    height: .36rem;
    outline: none;
    font-size: .14rem;
    color: #757575;
    line-height: .36rem;
}

.search-sel {
    width: .95rem;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    background: #fafafa;
    cursor: pointer;
}

.search {
    width: 3.92rem;
    height: .38rem;
    border: 1px solid #dcdcdc;
    position: relative;
}

.ser-input {
    width: 2.95rem;
    padding: 0 0 0 .15rem;
    border-left: none;
    font-family: "Mircroft YaHei",微软雅黑;
    font-size: .14rem;
    border: 0;position: absolute;
    box-sizing: border-box;
}

.search-btn {
    width: .36rem;
    height: .36rem;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../image/search.png) no-repeat .07rem;
    border: none;
}

    .search-btn:hover {
        background: url(../image/search2.png) no-repeat .07rem;
    }

.zx-sel {
    background: url(../image/zx.png) no-repeat .75rem .15rem;
    position: relative;
    text-align: left;
    color: #757575;
    font-family: "Mircroft YaHei",微软雅黑;
}

.zx-sel-lis {
    width: .60rem;
    display: inline-block;
    text-align: center !important;
}

.zx-sel span {
    color: #757575;
    text-align: left;
    padding-left: .10rem;
    font-size: .14rem;
    display: inline-block;
}

.zx-sel ul {
    text-align: left;
    width: .95px;
    margin-left: -1px;
    display: none;
    border: 1px solid #dcdcdc;
    background: #fff;
    z-index: 9999;
    zoom: 1;
    position: relative
}

.zx-sel ul li {
    height: .36rem;
    text-align: left;
    width: .83rem;
    color: #999;
    margin: 0;  
    padding-left: .12rem;
    font-family: "Microsoft YaHei", 微软雅黑;
}

.zx-sel ul li:hover a {
    color: #999;
}

.zx-sel ul li:hover {
    background: #fafafa;
}
.nav-lis{
    z-index: 9;
}
.nav-lis li{
    float: left;
    height: .40rem;
    line-height: .40rem;
    font-size: .15rem;
    text-align: center;
    z-index: 9;
    zoom: 1;

}
.nav-lis li.crt{
    background: #1d1d1d;
}
.nav-lis li:hover{
    background: #1d1d1d;
}
.nav-lis li a{
    color: #fff;
    padding: 0 .4rem;
    display: block;
    letter-spacing: .27px;
    background: #81d3f8;
}
.nav-pc{
    background: #015478;
    width: 100%;
    min-width: 12rem;
    z-index: 9;
    position: relative;
}
.ch{
    position: relative;
    z-index: 9999;
}
.main{
    position: relative;
    z-index: 9;

}
.w1200{
width: 12rem;
}
/*底部样式*/
.foot {
    max-width: 12rem;
    height: .78rem;
    margin: 0 auto; position: relative;
}

    .foot a {
        color: #fff;
        font-size: .12rem;
        line-height: .20rem;
        display:block;
    }

        .foot a:hover {
            text-decoration: underline;
        }

.copyright {
    color: #9a9a9a;
    font-size: .12rem;
    line-height: .20rem;
    margin: .10rem 0 0 .36rem
}

    .copyright ul li {
        float: left;
        padding-right: .25rem;
    }

.user-name {
    height: .29rem;
    line-height: .29rem;
    margin-right: .15rem;
}

    .user-name .register-border:hover {
        color: #a41f24;
    }

.foot ul li {
    float: left;
    margin-right: .20rem;
    color: #fff;
    font-size: 12px;
}

.copyright span {
    float: left;
    padding-right: .20rem;
    color: #fff;
    font-size: .12rem;
    line-height: .20rem;
}

    .copyright span a {
        float: left;
        color: #fff;
        font-size: .12rem;
        line-height: .20rem;
    }

    .copyright span img {
        display: block;
    }
.footer {
    border-top: 2px solid #015478;
    background: #0d0d0d;
}
.myw-link {
    position: absolute;
    left: 0;
    bottom: .27rem
}
.login-top-nav-fr {
    padding: 0 0 0 .15rem;
    font-size: .12rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.login-top-nav-fr a {
    color: #757575;
    line-height: .29rem;
    margin: 0 .15rem 0 0;
    font-size: .12rem;
}

.login-top-nav-fr a:hover {
    color: #b20808;
}

.register-login .top-nav-fl a {
    color: #7c7c7c;
    margin: 0 .2rem 0 0;
    line-height: .29rem;
    font-size: .12rem;
}

    .register-login .top-nav-fl a:hover {
        color: #b20808;
    }

.register-login {
    width: 100%;
    margin: 0 auto;
    min-width: 12rem;
    height: .29rem;
    background: #fafafa !important;
}
.header {
    width: 100%;
}

.topnav-main, .quick-nav, .media-head, .navbar {
    width: 12rem;
    margin: 0 auto;
}

.topnav {
    font-size: .12rem;
    width: 100%;
    height: .36rem;
    background: #333;
    color: #fff;
    overflow: hidden;
}

    .topnav a {
        color: #fff;
        text-decoration: none;
        margin-right: .15rem;
    }

        .topnav a:hover {
            color: #5bb36a;
        }

.topnav-lf {
    width: 3.50rem;
}

.topnav-rt {
    /*width: 511px;*/
}

.topnav-lf, .topnav-rt {
    height: 100%;
    line-height: .36rem;
}

.topnav-login {
    /*width: 96px;*/
    border-right: 1px solid #4a4a4a;
}

.topnav-website {
    width: 3.93rem;
    border-right: 1px solid #4a4a4a;
    padding-left: .15rem;
}
/*page*/
.tcdPageCode {
    text-align: center;
    color: #ccc;
    margin: .40rem 0;
}

    .tcdPageCode a {
        display: inline-block;
        color: #999999;
        display: inline-block;
        height: .25rem;
        line-height: .25rem;
        padding: 0 .10rem;
        margin: 0 .02rem;
        border-radius: .04rem;
        vertical-align: middle;
    }

        .tcdPageCode a:hover {
            text-decoration: none;
            background-color: #3bab6c;
            color: #FFFFFF;
        }

    .tcdPageCode span.current {
        display: inline-block;
        height: .25rem;
        line-height: .25rem;
        padding: 0 10px;
        background-color: #3bab6c;
        margin: 0 .10rem;
        color: #fff;
        border-radius: .04rem;
        vertical-align: middle;
    }

    .tcdPageCode span.disabled {
        display: inline-block;
        height: .25rem;
        line-height: .25rem;
        padding: 0 .10rem;
        margin: 0 .02rem;
        color: #bfbfbf;
        border-radius: .04rem;
        vertical-align: middle;
    }
.hotkey-link {
    position: absolute;
    right: 6.10rem;
    bottom: .58rem;
}