/**/
@charset "utf-8";
.head .topNav {
    padding-right: 200px
}
.head .topNav li {
    display: inline-block;
    line-height: 72px;
    float: left
}
.head .topNav li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 72px;
    padding: 0 20px
}
.head .user_info .app_down,.head .user_info .login_btn,.head .user_info .cooperative {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #23cf3a;
    border-radius: 3px;
    float: right;
    padding: 0 20px;
    margin-left: 20px
}
.head .user_info .app_down i {
    float: left;
    margin-right: 5px;
    display: inline-block;
    width: 23px;
    height: 44px;
    background: url(../images/ico_24.png) no-repeat 5px 11px
}
.head .user_info .app_down span {
    float: left
}
.homepageWrap .listBox h2 span {
    display: inline-block;
    text-indent: -9999px;
    border-top: 2px solid #fff;
    height: 1px;
    line-height: 1px;
    width: 40px;
    margin: 0 30px
}
.homepageWrap .listBox {
    width: 100%;
    text-align: center
}
.homepageWrap .list1 {
    background: url(../images/p1_line2.jpg) repeat-x left top
}
.homepageWrap .list1 img {
    margin: 0 auto;
    display: inline-block
}
.homepageWrap .list1 .total {
    background: url(../images/totalbg.png) repeat-x;
    height: 131px
}
.homepageWrap .list1 .total p {
    line-height: 131px;
    text-align: center;
    color: #898989;
    font-size: 30px
}
.homepageWrap .list1 .total p span {
    font-size: 50px;
    color: #00ff22;
    margin: 0 20px
}
.homepageWrap .list2 {
    background: #75be0d
}
.homepageWrap .list4 h2,.homepageWrap .list2 h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    line-height: 100px
}
.homepageWrap .list5 h2,.homepageWrap .list3 h2 {
    font-size: 40px;
    color: #555;
    font-weight: 400;
    line-height: 100px
}
.homepageWrap .list5 h2 span,.homepageWrap .list3 h2 span {
    border-color: #555
}
.homepageWrap .list2 .total {
    background: #f3f3f3;
    height: 131px
}
.homepageWrap .list2 img {
    position: relative;
    bottom: -37px
}
.homepageWrap .list4 p,.homepageWrap .list2 p {
    line-height: 40px;
    font-size: 18px;
    color: #fff
}
.homepageWrap .list3 {
    background: #fff
}
.homepageWrap .list4 ul,.homepageWrap .list3 dl {
    width: 1060px;
    margin: 0 auto
}
.homepageWrap .list3 dl {
    width: 1060px;
    margin: 0 auto;
    text-align: left
}
.homepageWrap .list3 dd {
    display: inline-block;
    width: 205px;
    text-align: center;
    margin: 0 27px 20px
}
.homepageWrap .list3 dd {
    /**+display: inline*/
}
.homepageWrap .list3 dd a {
    text-align: center
}
.homepageWrap .list3 dd a span {
    display: block
}
.homepageWrap .list3 dd a .title {
    font-size: 16px;
    color: #3c3c3c;
    line-height: 18px
}
.homepageWrap .list3 dd a .alt {
    font-size: 12px;
    color: #8a8a8a
}
.homepageWrap .list3 dd .icon {
    display: inline-block;
    width: 130px;
    height: 130px;
    background: url(../images/ddIcon.png) no-repeat;
    margin-bottom: 10px
}
.homepageWrap .list3 dd .icon1 {
    background-position: -3px 0
}
.homepageWrap .list3 dd .icon2 {
    background-position: -250px 0
}
.homepageWrap .list3 dd .icon3 {
    background-position: -496px 0
}
.homepageWrap .list3 dd .icon4 {
    background-position: -742px 0
}
.homepageWrap .list3 dd .icon5 {
    background-position: -3px -210px
}
.homepageWrap .list3 dd .icon6 {
    background-position: -250px -210px
}
.homepageWrap .list3 dd .icon7 {
    background-position: -496px -210px
}
.homepageWrap .list3 dd .icon8 {
    background-position: -742px -210px
}
.homepageWrap .list3 dd .icon9 {
    background-position: -3px -420px
}
.homepageWrap .list3 dd .icon10 {
    background-position: -250px -420px
}
.homepageWrap .list3 dd .icon11 {
    background-position: -496px -420px
}
.homepageWrap .list3 dd .icon12 {
    background-position: -742px -418px
}
.homepageWrap .list3 dd .icon13 {
    background-position: -3px -640px
}
.homepageWrap .list3 dd .icon14 {
    background-position: -230px -640px
}
.homepageWrap .list4 {
    background: #01a9fa;
    text-align: center
}
.homepageWrap .list4 ul li {
    display: inline-block;
    margin-top: 30px
}
.homepageWrap .list4 ul li {
    /**+display: inline*/
}
.homepageWrap .list4 ul li p {
    width: 250px;
    line-height: 40px;
    font-size: 12px;
    text-align: left;
    font-size: 14px
}
.homepageWrap .list4 ul li p span {
    text-align: left
}
.homepageWrap .list4 ul li .num {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    border-radius: 20px;
    background: #ffd300;
    color: #fff;
    margin-right: 10px
}
.homepageWrap .list4 ul li .red {
    background: #ff4848
}
.homepageWrap .list4 ul li .green {
    background: #2ef2e6
}
.homepageWrap .list4 .total {
    background: #f3f3f3;
    height: 33px
}
.homepageWrap .list4 img {
    position: relative;
    bottom: -18px
}
.homepageWrap .list5 {
    background: #fff
}
.homepageWrap .list5 ul {
    width: 1060px;
    margin: 0 auto
}
.homepageWrap .list5 ul li {
    display: inline-block;
    margin: 0 59px;
    height: 250px;
    width: 385px
}
.homepageWrap .list5 ul li {
    /**+display: inline*/
}
.homepageWrap .list5 ul li img {
    margin-bottom: 20px
}
.homepageWrap .list5 li h4 {
    margin: 10px 0;
    font-weight: 400;
    width: 100%
}
.homepageWrap .list5 li h4 span {
    line-height: 30px;
    border-radius: 5px;
    color: #fff;
    background: #efaf03;
    font-size: 18px;
    display: inline-block;
    padding: 0 35px
}
.homepageWrap .list5 li h4 .jx {
    background: #01a9fa
}
.homepageWrap .list5 li p {
    height: 48px;
    width: 100%
}
.homepageWrap .list5 h2 {
    color: #ff6d3b
}
.homepageWrap .list5 h2 span {
    border-color: #ff6d3b
}
.homepageWrap .list5 li p span {
    line-height: 24px;
    display: block;
    height: 24px;
    font-size: 16px;
    color: #666
}
.homepageWrap .rightFloat {
    position: fixed;
    right: 60px;
    top: 200px;
    _position: absolute
}
.homepageWrap .floatInner {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    background: transparent
}
.homepageWrap .floatBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    border-radius: 15px;
    background: #000;
    opacity: .4;
    /*filter: apha(opacity=40);*/
    height: 130px
}
.homepageWrap .floatInner a {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    color: #fff
}
/*.homepageWrap .floatInner a.active,.homepageWrap .floatInner a: hover {*/
    /*color: #f90*/
/*}*/
.foot_bg {
    background: #1C2021
}
.foot {
    width: 1060px;
    padding-bottom: 10px
}
.foot .footList {
    padding-top: 30px;
    margin-bottom: 40px
}
.foot li {
    float: left;
    height: 140px
}
.foot li h4 {
    font-size: 20px;
    font-weight: 400;
    color: #4c4c4c;
    margin-bottom: 10px
}
.foot li h4 small {
    font-size: 12px;
    font-weight: 400;
    color: #4c4c4c;
    padding-left: 10px
}
.foot .contactUs dd,.foot li p {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 20px
}
.foot li.aboutUs {
    width: 360px;
    border-right: 1px solid #4c4c4c;
    padding: 0 40px 0 10px
}
.foot li.contactUs {
    width: 275px;
    border-right: 1px solid #4c4c4c;
    padding: 0 40px
}
.foot .contactUs dd a {
    display: inline-block;
    border: 1px dashed #4c4c4c;
    float: left;
    width: 124px;
    height: 40px;
    line-height: 40px;
    background: url(../images/wboIcon.png) no-repeat;
    text-indent: 50px;
    margin-bottom: 5px
}
.foot .contactUs dd a.xlwb {
    background-position: 9px -34px
}
.foot .contactUs dd a.txwb {
    background-position: 9px 11px
}
.foot li.vkoCode {
    padding-left: 40px
}
.foot li.vkoCode p {
    text-align: center;
    line-height: 22px;
    width: 140px
}
.foot .foot_btm p {
    text-align: center;
    float: none;
    margin-bottom: 10px
}
@media screen and (max-width: 1200px) {
    .head_bg,.foot_bg,.head {
        width: 100%;
        min-width: 100%
    }
    .foot {
        width: 100%;
        height: auto
    }
    .homepageWrap .list2 img {
        width: 100%
    }
    .homepageWrap .list1 img {
        width: 100%
    }
    .homepageWrap .list5 ul,.homepageWrap .list4 ul,.homepageWrap .list3 dl {
        width: 100%;
        margin: 0 auto
    }
    .foot .footList li {
        width: 80%;
        border: 0
    }
}@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
    .homepageWrap .listBox .total {
        height: 40px
    }

    .homepageWrap .list1 .total p {
        font-size: 12px;
        line-height: 40px
    }

    .homepageWrap .list1 .total p span {
        font-size: 20px
    }

    .homepageWrap .list4 p, .homepageWrap .list2 p {
        font-size: 12px;
        line-height: 20px
    }

    .homepageWrap .listBox h2 {
        font-size: 20px;
        line-height: 40px
    }

    .homepageWrap .list3 dl {
        text-align: center
    }
}