@charset "UTF-8";

body {
    background-color: #f5f5f5;
    font-family: Microsoft YaHei,sans-serif
}

li,ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a:hover {
    text-decoration: none
}

i.icon {
    position: relative;
    display: inline-block
}

.clearfix:after,.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.wrapper {
    margin-right: auto;
    margin-left: auto;
    width: 75pc
}

.btn {
    border: none
}

.btn-primary {
    z-index: 1;
    background-color: #e43925
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    background-color: #f44336
}

.pagination>li>a,.pagination>li>span {
    color: #666
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    color: #ff6071
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    border-color: #ff6071;
    background-color: #ff6071
}

.btn-red {
    background-image: -ms-linear-gradient(90deg,#f38f31 0,#f38f31 100%);
    color: #fff
}

.btn.btn-red:active,.btn.btn-red:focus,.btn.btn-red:hover {
    outline: 0;
    background-color: #ff5a6c;
    color: #fff
}

.btn-switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
    border-radius: 9pt;
    background-color: #d9d9d9;
    cursor: pointer;
    transition: all .3s
}

.btn-switch span {
    position: relative;
    left: 100%;
    margin-left: -18px;
    color: #666;
    vertical-align: top;
    font-size: 9pt;
    line-height: 24px
}

.btn-switch span,.btn-switch:after {
    transition: all .3s cubic-bezier(0,.76,.06,.74)
}

.btn-switch:after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    content: " "
}

.btn-switch.active {
    background-color: #3db1fa
}

.btn-switch.active span {
    left: 13px;
    margin-left: 8px;
    color: #fff;
    font-size: 9pt!important
}

.btn-switch.active:after {
    left: 100%;
    margin-left: -22px
}

.text-red {
    color: #e35353!important
}

.text-green {
    color: #32ad1c
}

.text-xlarge {
    font-size: 60px
}

.ft12 {
    font-size: 9pt!important
}

.ft14 {
    font-size: 14px!important
}

.ft15 {
    font-size: 15px!important
}

.ft16 {
    font-size: 1pc!important
}

.ft17 {
    font-size: 17px!important
}

.ft18 {
    font-size: 18px!important
}

.ft20 {
    font-size: 20px!important
}

.ft22 {
    font-size: 22px!important
}

.ft24 {
    font-size: 24px!important
}

.ft26 {
    font-size: 26px!important
}

.ft28 {
    font-size: 28px!important
}

.ft30 {
    font-size: 30px!important
}

.ft36 {
    font-size: 36px!important
}

.ft40 {
    font-size: 40px!important
}

.ft45 {
    font-size: 45px!important
}

.number {
    font-family: Microsoft Yahei
}

.number-red {
    color: #f38f31
}

.number-middle {
    font-size: 18px
}

.number-large {
    font-size: 24px
}

.number-xlarge {
    font-size: 28px
}

.j-tab .tab-panel {
    display: none
}

.j-tab .tab-panel.active {
    display: block
}

.form-input-group .control-group {
    position: relative;
    margin-bottom: 23px
}

.form-input-group .code-group .input-control {
    float: left;
    width: 15pc
}

.form-input-group .code-group .input-control-right {
    overflow: hidden;
    padding-left: 20px
}

.form-input-group .code-group .input-control-right img {
    width: 85px;
    height: 42px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    cursor: pointer
}

.form-input-group .code-group .input-control-right .btn-reload {
    display: inline-block;
    padding: 0 10px;
    cursor: pointer
}

.form-input-group .input-control {
    position: relative;
    padding-right: 10px;
    padding-left: 40px;
    height: 42px;
    border: 1px solid #d9d9d9;
    border-radius: 4px
}

.form-input-group .input-control label {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    text-align: center
}

.form-input-group .input-control label img {
    position: relative;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%,-50%)
}

.form-input-group .input-control input {
    padding: 5px 0;
    width: 100%;
    height: 40px;
    border: none;
    line-height: 30px
}

.form-input-group .input-control input:focus {
    outline: 0
}

.form-input-group .input-control.error {
    border-color: red
}

.form-input-group .code-group+.error,.form-input-group .input-control+.error {
    position: absolute;
    padding-left: 0;
    color: red;
    line-height: 25px
}

.form-input-group .gatherInfo {
    margin-top: 10px;
    padding: 10px 0;
    font-size: 9pt;
    line-height: 20px
}

.form-input-group .gatherInfo .link-fr {
    float: right;
    color: #333
}

.form-input-group .gatherInfo .link-fr:hover,.form-input-group .gatherInfo .text-red:hover {
    color: #ff465a
}

.form-input-group .btn-submit {
    font-size: 18px;
    line-height: 28px
}

.header-top {
    display: block;
    height: 35px;
    background: #333;
    color: #999;
    line-height: 35px
}

.icon-phone {
    float: left;
    display: block;
    margin-top: 10px;
    margin-right: 5px;
    width: 19px;
    height: 19px;
    background-position: 1px 1px
}

.header-top .tel-num {
    float: left;
    padding-left: 25px;
    background: url(/static/home/img/sy_kfrx.png) left 7px no-repeat;
    color: #fff;
    font-size: 9pt
}

.header-top .tel-num .icon-tel {
    display: inline-block;
    width: 19px;
    height: 23px;
    background: url(../huiguanqian/mobiletop.png) no-repeat;
    vertical-align: -5px
}

.header-top .tel-num span {
    display: inline-block;
    height: 100%;
    font-size: 9pt
}

.header-top .quick-link {
    float: right;
    color: #999;
    font-size: 9pt
}

.header-top .quick-link a {
    display: inline-block;
    padding: 0 3px;
    color: #fff;
    font-size: 9pt
}

.header-top .quick-link a:hover {
    color: #fff
}

.wechat {
    position: relative;
    float: left;
    height: 40px;
    color: #4caf50;
    font-size: 9pt;
    cursor: pointer
}

.wechat i {
    float: left;
    display: block;
    margin-top: 10px;
    margin-right: 5px;
    width: 26px;
    height: 19px;
    background: url(../img/news/common.png) no-repeat;
    background-position: -153px 1px
}

.wechat .dropdown {
    position: absolute;
    top: 40px;
    left: -28px;
    z-index: 9999;
    display: none;
    margin: 0;
    padding: 11px 0 0;
    width: 90pt;
    height: 123px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center
}

.wechat:hover .dropdown {
    display: block;
    text-align: center
}

.wechat .dropdown span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 35px;
    line-height: 35px
}

.wechat .dropdown img {
    width: 90px;
    height: 90px
}

.orange {
    color: #ff696b
}

.dw_icon {
    background: url(../img/common.png) no-repeat
}


/*logo、导航 */



.header{

    height: 75px;

    background: #fff;

    margin:0 auto;
    box-shadow: 0px 2px 5px #ddd;


}

.header .logo{

    float: left;

    position: relative;

    top:7px;

}

.header .logo img {

    max-width: 200px;

    max-height: 80px;

}

.header .nav {

    float: right;

    margin-top:3px;

}

.header .nav .navigation-list{

    float: right;

}

.d_wrapM{

    height: 100px;

}

.d_wrapM ul {

    float: right;

}

.header .nav .navigation-item{

    float: left;

}

.header .nav li{

    float: left;

    text-align: center;

}

.header .nav li a{

    display: block;

    color: #3E3E3E;

    line-height: 40px;

    height: 40px;

    font-size:16px;

    padding:0px 15px;
    font-weight: 600;

}
/**
.header .nav ul.navigation-list li.active {
    background: #f44336;
    border-radius: 8px;
}
.header .nav ul.navigation-list li.active  a{color: white;}



.header .nav li a:hover{

    color: #f44336;

}**/

.header .nav li a.on {

    color: #fff;

    background:#f44336;

    border-radius: 8px;

}





.header  .nav {

    float: right;

    position: relative;

}

.header .nav li.nav1 {

    float: left;

    font-size: 18px;

    position: relative;

    margin-left: 0px;

    margin-top: 17px;

}

.header .nav .nav1 a.item {

    color: #000;

    line-height: 60px;

    font-weight: bold;

}

.header .nav .nav2 {

    width: 100px;

    background-color: #fff;

    text-align: center;

    position: absolute;

    top: 40px;

    left: 0px;

    padding: 2px 0px 0px;

    z-index: 10000;

    box-shadow: 1px 1px 8px 0px #ccc;

    border-top: 3px solid #cf2d36;

    display: none;

}

.header .nav .nav2 a {

    color: #000;

    display: inline-block;

    line-height: 40px;

    width: 100%;

    font-size: 16px;

    border-bottom: 1px solid #f1f1f1;

}

.my-message{

    width: 102px;

    margin-top: 17px;

    height: 40px;

}

.icon-zhanghu {

    background: url(../img/news/common.png) no-repeat;

    width: 33px;

    height: 31px;

    display: block;

    float: left;

    background-position: -207px 1px;

    margin-top: 4px;

    margin-right: 5px;

}

.header .nav li a.msgment {

    background: #fb8614;

    width: 19px;

    height: 19px;

    line-height: 19px;

    display: block;

    color: #fff;

    border-radius: 50px;

    font-size: 12px;

    position: relative;

    top: -45px;

    left: 34px;

    padding: 0px;

}

.header .zhanghu {
    float: right;
    width: 150px;
    border-radius: 5px;
    height: 40px;
    margin-left: 30px;
    margin-top: 17px;
    position: relative;
    cursor: pointer;
    border: 1px solid #C3C3C3;
}
.header .zhanghu .i1 {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/zhanghu.png) no-repeat 0 0;
    position: absolute;
    top: 12px;
    left: 15px;
}
.header .zhanghu span {
    font-size: 16px;
    line-height: 40px;
    margin-left: 40px;
    font-weight: 600;
    color: #3E3E3E;
}
.header .zhanghu .i2 {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/you.png) no-repeat 0 0;
    position: absolute;
    top: 12px;
    right: 15px;
}
.header .zh-y {
    width: 182px;
    height: 235px;
    background: #fff;
    position: absolute;
    right: 0;
    top:54px;
    z-index: 20;
    border-radius: 5px;
    box-shadow: 1px 3px 5px 0px #ccc;
    display: none;
}
.header .zh-y .members {
    height: 70px;
    line-height: 71px;
    border-bottom: 1px solid #ECECFB;
}
.header .zh-y .members img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-top: 18px;
    margin-left: 10px;
}
.header .zh-y .members a {
    float: left;
    color: #3583E9;
    margin-left: 10px;
}
.header .zh-y .zh-list {
    line-height: 37px;
    margin-top: 3px;
    color: #333;
}
.header .zh-y .zh-list li{
    text-align: left;
    float: none;
    width: auto;
}
.header .zh-y .zh-list li a{
    font-size: 15px;
    display: inline;
    line-height: 37px;
    font-weight: normal;
}
.header .zh-y .zh-list .xxzx i {
    background: url(../img/icon-new.png) no-repeat;
    display: inline-block;
    width: 38px;
    height: 15px;
    float: right;
    position: relative;
    top: 14px;
}


/*logo、导航 end*/


.footer-module {
    height: 180px;
    overflow: hidden;
}

.footer-module {
    clear: both;
    background: #414141;
    color: #fff;
    border-top: 1px solid #eee;
    padding-bottom: 25px;
    height: 222px;
}

.footer-module .related-link {
    float: left;
    width: 473px;
    border-right: 1px solid #323840;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 36px;
}

.footer-module .related-link div {
    float: left;
    font-size: 14px;
    text-align: center;
    color: #888;
    line-height: 32px;
    margin-right: 46px;
}

.footer-module .related-link div a {
    color: #ffffff;
}

.footer-module .related-link div .first-row {
    font-size: 18px;
    color: #fff;
}

.footer-module .qr-code-module {
    float: left;
    width: 160px;
    padding-left: 23px;
    border-right: 1px solid #323840;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 36px;
}

.footer-module .qr-code-module .qr-code-item {
    float: left;
}

.footer-module .qr-code-module .qr-code-item img {
    width: 120px;
    border: 3px solid #EEEEEE;
}

.footer-module .qr-code-module .qr-code-item p {
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    text-align: center;
}

.footer-module .service-num-module {
    float: right;
    text-align: left;
    width: 270px;
    margin-top: 36px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}

.footer-module .service-num-module img {
    height: 57px;
}

.footer-module .service-num-module .dianhua {
    font-size: 29px;
    color: #ff7300;
    padding: 10px 0;
    font-weight: bold;
}

.copyRight {
    width: 100%;
    padding: 10px 0;
    background: #555555;
}

.copyRight a {
    color: #545454;
    font-size: 14px;
}

.copyRight a:hover {
    color: #CC7832;
}

.copyRight .text {
    width: 100%;
    float: left;
    line-height: 35px;
    color: #fff;
    text-align: center;
}

.copyRight .text span {
    display: inline-block;
    margin-right: 20px;
}


.operate-flow {
    margin-top: 20px;
    padding: 30px 30px 40px;
    background-color: #fff;
    box-sizing: border-box;
}
.operate-flow .item {
    float: left;
    width: 110px;
    text-align: center;
    cursor: pointer;
}
.operate-flow .item .title {
    font-weight: 600;
}
.operate-flow .item .icon {
    height: 110px;
    position: relative;
}
.operate-flow .item .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: -26px\9;
    margin-top: -25px\9;
}
.operate-flow .gutter {
    float: left;
    width: 60px;
    height: 105px;
}


.header .nameimg {
    width: 50px;
    height: 50px
}

.nuhl-box {
    position: absolute;
    top: 5pc;
    right: 0;
    display: none;
    padding-top: 20px;
    width: 20pc;
    background-color: #fff
}

.nu-havelogin {
    position: relative
}

.nu-havelogin:hover .nuhl-box {
    display: block
}

.nuhl-box {
    position: absolute;
    top: 89px;
    right: 0;
    z-index: 9999;
    display: none;
    padding-top: 20px;
    width: 20pc;
    border: 1px solid #ddd;
    background-color: #fff
}

.nuhl-box .nuhl-aa h1 {
    padding-bottom: 10px;
    color: #444;
    font-weight: 700;
    font-size: 18px;
    line-height: 40px
}

.nuhl-box .nuhl-aa img {
    margin-right: 30px
}

.nuhl-box .nuhl-btn a {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 20px;
    border: 1px solid #ff6e07;
    border-radius: 6px;
    color: #ff6e07;
    font-size: 1pc
}

.nuhl-box .nuhl-btn a:first-child {
    margin-right: 8px;
    background-color: #ff6e07;
    color: #fff
}

.nuhl-box .huhl-ye {
    padding-top: 10px;
    color: #666;
    text-align: right;
    font-size: 9pt
}

.nuhl-box .huhl-ye>span {
    color: #666;
    font-size: 14px
}

.nuhl-box .huhl-ye>i {
    color: #ff6e07;
    font-style: initial;
    font-size: 18px
}

.nuhl-box .nuhl-bb {
    padding: 0 20px;
    border-top: 1px solid #eee;
    line-height: 40px
}

.nuhl-box .nuhl-bb a {
    display: inline-block;
    color: #666;
    font-size: 14px
}

.nuhl-box .nuhl-bb a:last-child {
    float: right
}

.nuhl-info {
    padding: 20px
}

.nuhl-info .nuhl-level {
    float: left;
    width: 85px;
    height: 110px;
    background: url(../img/nuhl-level.png) no-repeat center top;
    text-align: center
}

.nuhl-info .nuhl-level span {
    display: inline-block;
    margin-top: 90px;
    padding: 0 4px;
    border-radius: 5px;
    background-color: #b9c2d1;
    color: #fff;
    font-size: 9pt;
    line-height: 24px
}

.header .nu-notlogin {
    float: right;
    padding-top: 35px;
    color: #666
}

.nu-notlogin>a.aname {
    padding: 0 10px;
    border: 0;
    font-size: 18px
}

.nu-notlogin>a.aname:hover {
    background: 0 0;
    color: #ff6e07
}

.nu-notlogin>a {
    display: inline-block;
    padding: 0 9pt;
    height: 40px;
    border: 1px solid #ff6e07;
    color: #ff6e07;
    line-height: 40px
}

.nu-havelogin>span {
    color: #fff
}

.nu-notlogin>a:hover,.nuh-appdown:hover {
    background-color: #fff;
    color: #ff6e07
}

.nuh-appdown {
    border: 1px solid #ff7c1f;
    color: #ff7c1f
}

.nuh-appdown:hover {
    background-color: #ff7c1f;
    color: #fff
}

#header_box_move {
    position: fixed;
    top: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 121px;
    background: #fff;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.08) inset
}

#header_box_move .header {
    background: #fff
}

#header_box_move #head_nav a {
    position: relative;
    float: left;
    text-align: center
}

#header_box_move .nu-notlogin>a,.nuh-appdown {
    display: inline-block;
    margin-left: 8px;
    padding: 0 9pt;
    height: 40px;
    border: 1px solid #ff7c1f;
    color: #ff7c1f;
    line-height: 40px
}

#header_box_move .nu-notlogin .aname {
    border: 0;
    background: #fff;
    color: #ff7c1f
}

#header_box_move .nu-notlogin .aname:hover {
    background: #fff;
    color: #ff7c1f
}

#header_box_move .nu-notlogin>a:hover,.nuh-appdown:hover {
    background-color: #ff7c1f;
    color: #fff
}

.banner-inner {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.banner-inner .responsive-img {
    position: relative;
    left: 50%;
    height: auto;
    transform: translateX(-50%)
}

.banner-inner img {
    display: block;
    width: 100%
}

.qiandao-warp_img {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2016111013;
    display: none;
    width: 200px;
    height: 90px
}

.qiandao-warp_img .hcp-mask-img {
    position: absolute;
    z-index: 2016111015
}

.qiandao-warp_img .hcp-mask-img img {
    width: 200px;
    height: 90px
}

.qiandao-warp_img .qiandao-mask {
    position: absolute;
    top: -18px;
    right: -20px;
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/colse.png) no-repeat center;
    cursor: pointer;
    transition: transform .5s
}

.qiandao-warp_img .qiandao-mask:hover {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.fl {
    float: left!important
}

.fr {
    float: right!important
}

i {
    font-style: normal
}

.txt-c {
    text-align: center!important
}

.footer-container {
    padding: 30px 0;
    width: 100%;
    min-width: 75pc;
    background: #272729
}

.footer-wrap {
    overflow: hidden;
    margin: auto;
    width: 75pc;
    height: auto;
    background: #272729;
    color: #f8f8fb
}

.footer-wrap .foot-left ol,.footer-wrap .foot-left ul {
    display: inline-block;
    overflow: hidden;
    width: 450px
}

.footer-wrap .foot-left li {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    font-size: 14px
}

.footer-wrap .foot-left ul li {
    width: 205px
}

.footer-wrap .foot-left ul li:first-child {
    padding-left: 30px;
    background: url(/static/home/img/fqq.png) left center no-repeat
}

.footer-wrap .foot-left ul li:nth-child(2) {
    padding-left: 30px;
    background: url(/static/home/img/sy_kfrx.png) left center no-repeat
}

.footer-wrap .foot-left ul li:nth-child(3) {
    padding-left: 30px;
    background: url(/static/home/img/dianhua.png) left center no-repeat
}

.footer-wrap .foot-left ul li:last-child {
    padding-left: 30px;
    background: url(/static/home/img/rest.png) left center no-repeat
}

.footer-wrap .foot-left ol li {
    margin-right: 35px
}

.footer-wrap .foot-left ol li a {
    color: #f8f8fb
}

.footer-wrap .foot-right span {
    display: inline-block;
    margin-left: 20px;
    font-size: 9pt;
    line-height: 25px
}

.footer-wrap .foot-right img {
    display: block;
    width: 5pc;
    height: 5pc
}

.footer-container .copy {
    margin: 20px auto 0;
    width: 75pc;
    color: #a7a7a7;
    text-align: center;
    font-size: 9pt
}

.icon_qq {
    background: url(../img/icon_qq.png?id=201410291633)
}

.icon_qq,.icon_weibo {
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    height: 1pc
}

.icon_weibo {
    background: url(../img/weibo.png);
    background-size: 15px
}

/*安全信息 beg*/
.safe-wrap{
	position: relative;
	width:100%;
	min-width: 1200px;
	color:#fff;
	background:#f0eadc;
}
.safe-top{
	height: 50px;
	line-height: 50px;
	padding:0 100px 0 60px;
	background: url(../img/sy_aq.png) 20px center no-repeat #21ad49;
}
.safe-top p {
	height:50px;
}
.safe-top p a{
	color:#ffe6ae;
	vertical-align: top;
	margin-right:5px;
}
.safe-top p span {
	display: inline-block;
	height:50px;
}
.safe-list ul{
	width:100%;
}
.safe-list ul li{
	float: left;
	width:22%;
	height:40px;
	line-height: 40px;
	text-align: center;
}
.safe-list ul li a{
	font-size:14px;
	color:#5fbf89;
}
.hide_bottom{
	position: absolute;
	top:0;right:10px;
	z-index: 9;
	display: inline-block;
	width:40px;
	padding:20px 10px;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background:url(../img/sy_yc_up.png) center 7px no-repeat #3bbe60;
	padding-top:25px;
	cursor: pointer;
}
span.hide_bottom a{color:#fff;font-size:14px;}
span.hide_bottom.active{background: url(../img/sy_yc_down.png) center 15px no-repeat #3BBE60!important;}
span.hide_bottom.active a{display:none!important;}

/*安全信息 end*/