@charset "utf-8";

html,
body {
    background: #fff;
    color     : #333;
    font      : 14px/1.6 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';
}

a {
    color          : #333;
    text-decoration: none;
    outline        : none;
}

a:focus {
    outline: none;
}

a:hover {
    color          : #fa7676;
    text-decoration: none;
}

a:hover,
a.active {
    color: #ff6600;
}

ul,
li {
    list-style: none;
}

.clear {
    clear: both;
}

.container,
.container-fluid {
    padding: 0px;
}

video {
    width: 100%;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}


@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -10px, 0);
        transform        : translate3d(0, -10px, 0);
        visibility       : visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -10px, 0);
        transform        : translate3d(0, -10px, 0);
        visibility       : visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name        : slideInDown;
}

/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
li,
ol,
ul,
dd,
th,
td,
p,
pre,
form,
input,
button,
textarea,
hr {
    margin : 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%
}

/** 模板公用部分 */
.container {
    padding-right: 0px;
    padding-left : 0px;
}


.ul {
    list-style: none;
}

* {
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
}

@media (min-width: 640px) {
    .container {
        min-width: 1200px;
    }
}


/*****************************************PC端*******************************************************************/
@media (min-width: 640px) {
    header {
        position          : fixed;
        top               : 0px;
        width             : 100%;
        height            : 90px;
        background-color  : #fff;
        transition        : all 0.2s ease;
        z-index           : 999;
        -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
        box-shadow        : 0px 5px 5px rgba(0, 0, 0, 0.1);
    }


    /*****logo******/
    header .logoh1 {
        display       : inline-block;
        padding-top   : 8px;
        vertical-align: top;
    }

    header .logoh1 a {
        line-height: 66px;
    }

    .logo {
        display : block;
        position: relative;
    }

    .logo img {
        margin-left : 0px;
        margin-right: 0px;
    }

    .nav-wrap {
        float  : right;
        display: block;
        width  : 650px;
    }

    .qqlogin{
        float:right;
        padding-top:30px;
        padding-left:50px;
    }

    /*导航*/
    .navbar-response {
        display: none;
    }

    .navbar * {
        transition: all 0.4s ease;
    }

    .navbar {
        float        : right;
        margin-bottom: 0px;
        padding      : 0px;
        border       : none;
        min-height   : 90px;
    }

    .navbar .item {
        position   : relative;
        display    : inline-block;
        height     : 90px;
        line-height: 80px;
    }

    header.header .navbar .item {
        position   : relative;
        display    : inline-block;
        height     : 90px;
        line-height: 80px;
    }

    .navbar .item a:link,
    .navbar .item a:visited {
        display  : inline-block;
        height   : 100%;
        width    : 100%;
        padding  : 0px 20px;
        font-size: 16px;
        color    : #333;
    }

    .navbar .item.active a,
    .navbar .item a:hover {
        color           : #14b371;
        font-weight     : bold;
        background-color: #fff;
    }

    .navbar .item.open .sub-item {
        display: block;
    }

    .navbar .item .sub-item {
        display: none;
    }

    .navbar .item .sub-item {
        position          : absolute;
        top               : 90px;
        left              : 0px;
        min-width         : 180px;
        line-height       : 50px;
        background-color  : #fff;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.2);
        animation         : slideInDown 0.25s;
    }

    header.header .navbar .item .sub-item {
        top: 90px;
    }

    .navbar .item .sub-item a:link,
    .navbar .item .sub-item a:visited {
        display      : inline-block;
        height       : 100%;
        width        : 100%;
        padding      : 0px 15px;
        font-size    : 14px;
        color        : #333;
        border       : none;
        border-bottom: 1px solid #eaeaea;
    }

    .navbar .item .sub-item a:hover {
        color           : #ff6600;
        background-color: #f3f3f3;
    }

    /*************合作伙伴************/



    .partoner {
        padding         : 60px 0px;
        background-color: #f8f8f8;
    }

    .partoner .partoner-hd {
        position      : relative;
        width         : 100%;
        height        : 60px;
        padding-bottom: 25px;
        font-size     : 32px;
        color         : #333333;
        text-align    : center;
    }

    .partoner .partoner-hd:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 50%;
        bottom          : -2px;
        width           : 80px;
        height          : 3px;
        margin-left     : -40px;
        background-color: #ed7020;
    }

    .partoner .partoner-bd {
        margin-top: 40px;
        font-size : 0px;
        overflow  : hidden;
    }

    .partoner .partoner-bd li {
        display: inline-block;
    }

    .partoner .partoner-bd li div {
        display         : inline-block;
        width           : 230px;
        height          : 130px;
        padding         : 20px 20px;
        margin-right    : 12px;
        margin-bottom   : 8px;
        vertical-align  : top;
        text-align      : center;
        cursor          : pointer;
        background-color: #fff;
        border          : 1px solid #eaeaea;
    }

    .partoner .partoner-bd li div:nth-child(5n) {
        margin-right: 0px;
    }

    /***********底部*********/
    footer {
        background-color: #202020;
    }

    footer .list {
        margin-top   : 30px;
        margin-bottom: 20px;
        font-size    : 0px;
    }

    footer .list .logo {
        display       : inline-block;
        padding       : 20px 50px 80px 20px;
        border-right  : 1px solid #2e2e2e;
        vertical-align: top;
    }

    footer .list .logo img {
        width: 100%;
    }

    footer .list .links li.tt,
    footer .list .contact li.tt {
        line-height: 40px;
        font-size  : 16px;
        color      : #fff;
    }

    footer .list .links {
        display       : inline-block;
        width         : 250px;
        height        : 160px;
        padding-left  : 50px;
        font-size     : 14px;
        color         : #a9a9a9;
        border-right  : 1px solid #2e2e2e;
        vertical-align: top;
    }

    footer .list .links li a {
        line-height: 30px;
        font-size  : 12px;
        color      : #a9a9a9;
    }

    footer .list .links li a:hover {
        color: #fff;
    }


    footer .list .contact {
        display       : inline-block;
        width         : 450px;
        height        : 160px;
        padding-left  : 50px;
        font-size     : 16px;
        color         : #ffffff;
        border-right  : 1px solid #2e2e2e;
        vertical-align: top;
    }


    footer .list .contact li {
        line-height: 30px;
        font-size  : 12px;
        color      : #a9a9a9;
    }

    footer .list .qrcode {
        display       : inline-block;
        width         : 200px;
        height        : 160px;
        padding-top   : 20px;
        padding-left  : 20px;
        font-size     : 0px;
        color         : #fff;
        vertical-align: top;
        text-align    : center;
    }

    footer .list .qrcode li {
        position      : relative;
        display       : inline-block;
        font-size     : 14px;
        padding       : 0px 10px;
        vertical-align: top;
        text-align    : center;
    }

    footer .list .qrcode li i {
        display        : inline-block;
        width          : 90px;
        height         : 90px;
        cursor         : pointer;
        background     : url("../images/qrcode.png") 0px 0px no-repeat;
        background-size: auto 90px;
    }

    footer .list .qrcode li.code1 i {
        background-position: 0px 0px;
    }


    footer .list .qrcode span {
        display    : block;
        width      : 137px;
        line-height: 30px;
        text-align : center;
    }

    footer .copyright {
        height          : 60px;
        line-height     : 60px;
        font-size       : 12px;
        color           : #fff;
        text-align      : center;
        background-color: #111111;
    }


    
    .page {
        display: block;
        width: 100%;
        padding: 30px 0px 0px 0px;
        font-size: 0px;
        text-align: center;
    }

    .page a, .page span {
        display: inline-block;
        min-width: 40px;
        padding: 5px 10px;
        margin: 0px 5px;
        font-size: 14px;
        color: #666;
        vertical-align: top;
        border: 1px solid #e3e3e3;
    }

    .page a:hover, .page span.current, .page a.active {
        color: #fff;
        background-color: #6388cf;
        border: 1px solid #6388cf;
    }

    .page span.disabled {
        display: inline-block;
        min-width: 40px;
        padding: 5px 10px;
        margin: 0px 5px;
        font-size: 14px;
        color: #666;
        vertical-align: top;
        border: 1px solid #e3e3e3;
    }

    #pageTarget {
        background: #f6f6f6;
    }

    #pageTarget .module_container {
        padding-bottom: 0
    }

    /******栏目通用*****/
    .column-hd {
        position      : relative;
        width         : 100%;
        height        : 80px;
        margin-top    : 50px;
        padding-bottom: 45px;
        font-size     : 32px;
        color         : #333333;
        text-align    : center;
    }

    .column-hd:after {
        content         : "";
        display         : block;
        position        : absolute;
        left            : 50%;
        bottom          : -2px;
        width           : 80px;
        height          : 3px;
        margin-left     : -40px;
        background-color: #ed7020;
    }

    .column-block {
        width      : 100%;
        padding-top: 20px;
    }

    .column-block .block-hd {
        position     : relative;
        width        : 100%;
        height       : 60px;
        padding-left : 15px;
        line-height  : 60px;
        font-size    : 18px;
        color        : #666;
        border-bottom: 1px solid #e3e3e3;
    }

    .column-block .block-hd:before {
        content         : "";
        position        : absolute;
        display         : block;
        width           : 3px;
        height          : 25px;
        top             : 18px;
        left            : 0px;
        background-color: #ff6600;
    }

    .column-block .block-bd {
        width      : 100%;
        padding    : 40px 0px;
        line-height: 30px;
        color      : #808080;
    }
}