@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;
        width: 544px;
        vertical-align: top;
    }

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

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

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

    .nav-wrap {
        display:inline-block;
        width: 650px;
        vertical-align: top;
    }

    /*导航*/
    .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:#ff6600;
        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 .carousel-inner .item {
        width: 100%;
        height: 100px;
    }

    .partoner  .carousel-inner .item a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .partoner  .carousel-indicators {
        position: absolute;
        bottom: -40px;
    }

    .partoner  .carousel-indicators li{
        border:1px solid #e3e3e3;
    }

    .partoner  .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ed7020;
        border:1px solid #ed7020;
    }


    .partoner  .carousel-control {
        display:none;
        width: 5%;
    }


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

    .partoner .partoner-hd{
        position: relative;
        width:100%;
        height:80px;
        padding-bottom:45px;
        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{
        height:100px;
        margin-top:40px;
        border:1px solid #eaeaea;
        font-size:0px;
        overflow: hidden;
    }

    .partoner .partoner-bd li{
        display: inline-block;
    }
    .partoner .partoner-bd li div{
        display:inline-block;
        width:199px;
        height:98px;
        padding:20px 20px;
        vertical-align: top;
        text-align: center;
        cursor: pointer;
        border-right:1px solid #eaeaea;
    }
    /***********底部*********/
    footer{
        background-color: #2788f9;
    }

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

    footer .list .logo{
        display:inline-block;
        width:250px;
        height:160px;
        padding:50px 20px;
        border-right:1px solid #62b4f9;
        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:180px;
        height:160px;
        padding-left:50px;
        font-size:14px;
        color:#ffffff;
        border-right:1px solid #62b4f9;
        vertical-align: top;
    }

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

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


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


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

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

    footer .list .qrcode li{
        position: relative;
        display:inline-block;
        width:33.3%;
        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 li.code2 i{
        background-position: -115px 0px;
    }

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


    footer .list .qrcode li b{
        display:none;
        position: absolute;
        top:-210px;
        left:-20px;
        width:200px;
        height:200px;
        background: url("../images/qrcode.png") 0px 0px no-repeat;
        background-size: auto 200px;

        -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.2);
    }

    footer .list .qrcode li b .arrow {
        position: absolute;
        bottom: -12px;
        left: 94px;
        width: 0;
        height: 0;
        font-size: 0;
        border: solid 6px;
        border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    }

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


    footer .list .qrcode li.code2 b{
        background-position: -255px 0px;
    }

    footer .list .qrcode li.code3 b{
        background-position: -525px 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:#8dcaf9;
        text-align:center;
        border-top:1px solid #62b4f9;
    }



    /******栏目通用*****/
    .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;
    }
}



/**********************************手机端******************************************/

@media (max-width: 640px) {
    body{
        overflow-x: hidden;
    }

    .container {
        width: 100%;
    }

    header {
        position: fixed;
        top: 0px;
        width: 100%;
        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 {
        width: 100%;
        padding:0px 60px 0px 15px;
        border-bottom:1px solid #eaeaea;
    }

    header .logoh1 .drop-icon{
        position: absolute;
        display:block;
        top:25px;
        right:15px;
        width:25px;
        height:20px;
        background: url("../images/drop-menu.png") 0px 0px no-repeat;
        background-size: 25px auto;
    }

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

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

    header .logoh1 .logo img {
        width:100%;
        height:auto;
        margin-left: 0px;
        margin-right: 0px;
    }

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

    .nav-wrap{

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

    .navbar-response {
        display:none;
        position: fixed;
        width:50%;
        top:80px;
        right:10px;
        border-radius: 5px;
        background-color:#fff;
        -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
        z-index:999;
    }

    .empty-mask{
        display:none;
        position: fixed;
        top:0px;
        right:0px;
        width:100%;
        height:100%;
        background-color: rgba(0,0,0,0);
        z-index:1;
    }

    .navbar-response:before{
        content:"";
        position: absolute;
        top: -12px;
        right: 20px;
        width: 0;
        height: 0;
        font-size: 0;
        border: solid 6px;
        border-color:rgba(0,0,0,0) rgba(0,0,0,0)  #fff  rgba(0,0,0,0);
    }


    .navbar-response .item {
        position: relative;
        display:block;
        width:100%;
        line-height: 50px;
        border-bottom:1px solid #e3e3e3;
    }

    .navbar-response .item:last-child{
        border-bottom:none;
    }

    .navbar-response .item:before{
        content:"";
        display:block;
        position: absolute;
        top:18px;
        right:10px;
        width:20px;
        height:15px;
        background: url("../images/drop-arrow.png") 0px 0px no-repeat;
        background-size:18px auto;

        transition: all 0.2s cubic-bezier(0.6, 0.2, 0.1, 1);
        -moz-transition: all 0.2s cubic-bezier(0.6, 0.2, 0.1, 1); /* Firefox 4 */
        -webkit-transition: all 0.2s cubic-bezier(0.6, 0.2, 0.1, 1); /* Safari 和 Chrome */
        -o-transition: all 0.2s cubic-bezier(0.6, 0.2, 0.1, 1); /* Opera */
    }

    .navbar-response .item:first-child:before{
        display:none;
    }

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

    .navbar-response .item.open a, .navbar-response .item a:hover {
        color:#ff6600;
        background-color:#fff;
    }

    .navbar-response .item.open:before{
        content:"";
        display:block;
        position: absolute;
        top:18px;
        right:10px;
        width:20px;
        height:15px;
        background: url("../images/drop-arrow.png") 0px 0px no-repeat;
        background-size:18px auto;

        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);

    }

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

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

    .navbar-response .item .sub-item {
        width:100%;
        padding-left:15px;
        line-height: 40px;
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        animation: slideInDown 0.25s;
    }

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

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

    /*************合作伙伴************/
    .partoner{
        display:none;
    }
    .partoner .carousel-inner .item {
        width: 100%;
        height: 100px;
    }

    .partoner  .carousel-inner .item a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .partoner  .carousel-indicators {
        position: absolute;
        bottom: -40px;
    }

    .partoner  .carousel-indicators li{
        border:1px solid #e3e3e3;
    }

    .partoner  .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ed7020;
        border:1px solid #ed7020;
    }


    .partoner  .carousel-control {
        display:none;
        width: 5%;
    }


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

    .partoner .partoner-hd{
        position: relative;
        width:100%;
        height:50px;
        padding-bottom:30px;
        font-size:24px;
        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{
        height:100px;
        margin-top:10px;
        border:1px solid #eaeaea;
        font-size:0px;
    }

    .partoner .partoner-bd li{
        display:inline-block;
        width:199px;
        height:98px;
        padding:20px 20px;
        vertical-align: top;
        text-align: center;
        cursor: pointer;
        border-right:1px solid #eaeaea;
    }

    .partoner .partoner-bd li:last-child{
        border-right:none;
    }

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

    footer .list{
        margin:10px 0px;
        font-size:0px;
    }

    footer .list .logo{
        display:block;
        width:100%;
        padding:10px 0px;
        text-align:center;
    }

    footer .list .links li.tt,footer .list .contact li.tt{
        width:100%;
        font-size:16px;
        color:#fff;
    }

    footer .list .links{
        display:block;
        width:100%;
        padding:10px 15px;
        font-size:0px;
        color:#ffffff;
        border-top:1px solid #62b4f9;
    }

    footer .list .links li{
        display:inline-block;
        width:25%;
        font-size:16px;
        text-align:center;
        vertical-align: top;
    }

    footer .list .links li a{
        line-height: 30px;
        font-size:14px;
        color:#91dcff;
    }


    footer .list .contact{
        display:inline-block;
        width:100%;
        padding:10px 15px;
        font-size:16px;
        color:#ffffff;
        text-align:center;
        vertical-align: top;
        border-top:1px solid #62b4f9;
    }


    footer .list .contact li{
        line-height: 30px;
        font-size:14px;
        color:#91dcff;
    }

    footer .list .qrcode{
        display:inline-block;
        width:100%;
        height:160px;
        padding:20px 10px 0px 10px;
        font-size:0px;
        color:#fff;
        vertical-align: top;
    }

    footer .list .qrcode li{
        position: relative;
        display:inline-block;
        width:33.3%;
        font-size:12px;
        padding:0px 5px;
        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 li.code2 i{
        background-position: -115px 0px;
    }

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

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

    footer .copyright{
        height:60px;
        padding:0px 10px;
        line-height: 25px;
        font-size:14px;
        color:#8dcaf9;
        text-align:center;
        border-top:1px solid #62b4f9;
    }


    /******栏目通用*****/
    .column-hd {
        position: relative;
        width: 100%;
        height: 60px;
        margin-top:20px;
        padding-bottom: 15px;
        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:50px;
        padding-left:25px;
        line-height: 50px;
        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:13px;
        left:10px;
        background-color: #ff6600;
    }

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


}


.page{
    display:block;
    width:100%;
    padding:40px 0px 20px 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{
    color:#fff;
    background-color: #ff6600;
    border:1px solid #ff6600;
}


.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
}

.module .module_container {
    max-width: 1170px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 50px;
    margin: 0 auto
}

.container_target {
    float: right;
    padding: 20px 0;
    color: #898989;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.container_target a {
    color: #444
}

.container_target i {
    margin: 0 10px
}