/*
* @Author            : 哈利路球
* @Date              :   2018-06-05 10:52:50
* @Last Modified by  :   Being
* @Last Modified time: 2018-12-11 15:23:05
*/

body {
    margin     : 0 auto;
    padding    : 0;
    background : #ffffff;
    font-family: "微软雅黑";
}

div {
    box-sizing: border-box;
}

ul {
    margin : 0;
    padding: 0;
}

ul li {
    list-style: none;
}

img {
    border   : 0;
    max-width: 100%;
}

b,
strong {
    font-weight: normal;
}

a img {
    border: 0;
}

a {
    text-decoration: none;
    color          : #000000;
}

.clearfix:after {
    display: block;
    content: '';
    clear  : both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

/* 1200 以上分辨率*/
body {
    font-size  : .16rem;
    line-height: .35rem;
}

.not-animated {
    opacity: 0;
}

#wrapper {
    background: #FFFFFF;
}

.welcome {
    width           : 100%;
    height          : 0.3rem;
    line-height     : 0.3rem;
    background-color: #0b5f94;
    color           : #ffffff;
    font-size       : 0.16rem;
}

.welcome .welcome_center {
    width      : 12rem;
    margin     : 0 auto;
    height     : 0.3rem;
    line-height: 0.3rem;
}

.welcome .welcome_center h6 {
    float      : left;
    margin     : 0;
    margin-left: 0.2rem;
    font-family: '微软雅黑';
    font-weight: normal;
    font-size  : 0.16rem;
}

.welcome .welcome_center p {
    float       : right;
    margin      : 0;
    margin-right: 0.2rem;
}

/* 头部 */
.head_box {
    width     : 100%;
    height    : 1.31rem;
    background: rgba(0, 0, 0, 0.3);
    position  : fixed;
    top       : 0;
    left      : 0;
    z-index   : 9999;
}

.head_box .head {
    width : 12rem;
    height: 1.01rem;
    margin: 0 auto;
}

.head_box .head .head_logo {
    width     : 2rem;
    height    : 1.2rem;
    float     : left;
    margin-top: -.1rem;
}

.head_box .head .head_logo img {
    width : 1.96rem;
    height: 1.14rem;
}

.head_box .head .category {
    display: none;
}

.head_box .head .lang {
    display: none;
}

.head_box .head .lang_list {
    display: none;
}

.head_box .head .head_nav {
    width      : 9rem;
    height     : 1.01rem;
    float      : left;
    text-align : center;
    line-height: 1.31rem;
    margin-left: .15rem;
}

.head_box .head .head_nav ul li {
    width    : 1rem;
    height   : 1.01rem;
    float    : left;
    font-size: .16rem;
}

.head_box .head .head_nav ul li a {
    color: #ffffff;
}

.head_box .head .head_nav ul li.on {
    background: #0072d2;
}

.head_box .head .head_nav ul li.on a {}

.head_box .head .head_nav ul li ul.children {
    display   : none;
    position  : absolute;
    top       : 1.31rem;
    width     : 1rem;
    background: rgba(0, 0, 0, 0.2);
    float     : left;
    z-index   : 9999;
}

.head_box .head .head_nav ul li ul.children li {
    width     : 1rem;
    height    : .4rem;
    padding   : 0px;
    display   : inline-block;
    font-size : .14rem;
    background: none;
}

.head_box .head .head_nav ul li ul.children li {
    display: block;
}

.head_box .head .head_nav ul li ul.children li a {
    width          : 1rem;
    height         : .4rem;
    line-height    : .4rem;
    overflow       : hidden;
    display        : block;
    float          : left;
    color          : #fff;
    text-align     : center;
    text-decoration: none;
    font-size      : .14rem;
    font-weight    : normal;
}

.head_box .head .head_nav ul li ul.children li a:hover {
    width      : 1rem;
    line-height: .4rem;
    background : rgba(255, 255, 255, 0.8);
    color      : #015fb6;
}

.head_box .head .head_yy {
    width      : .65rem;
    height     : 1.31rem;
    float      : right;
    text-align : center;
    margin-top : .4rem;
    line-height: .3rem;
    display    : none;
}

.head_box .head .head_yy ul li img {
    width : .26rem;
    height: .27rem;
}

/* 轮播图 */
.banner_box {
    width   : 100%;
    position: fixed;
    top     : 0;
    left    : 0;
    z-index : 9;
}

.bg {
    width     : 100%;
    background: #ffffff;
    position  : absolute;
    top       : 5.2rem;
    z-index   : 99;
}

/* 关于我们 */
.about {
    width : 12rem;
    margin: 0 auto;
}

.about .about_bt {
    width     : 100%;
    height    : .74rem;
    text-align: center;
    margin    : .2rem 0;
}

.about .about_bt img {
    width : 4.95rem;
    height: .74rem;
}

.about .about_left {
    width     : 5.56rem;
    height    : 3.6rem;
    float     : left;
    background: #f0f9ff;
    padding   : .1rem;
}

.about .about_left .left_zi {
    width      : 5.36rem;
    height     : 2.4rem;
    overflow   : hidden;
    line-height: .4rem;
    font-size  : .16rem;
    color      : #000000;
}

.about .about_left .more {
    width: 100%;
}

.about .about_left .more .gd {
    width      : 1rem;
    height     : .4rem;
    float      : right;
    text-align : center;
    line-height: .4rem;
    background : #015a92;
    margin-top : 0.4rem;
}

.about .about_left .more .gd a {
    color    : #ffffff;
    font-size: .14rem;
}

.about .other {
    width: 1.26rem;
    float: left;
}

.about .other ul li {
    width          : 1.26rem;
    height         : 1.14rem;
    float          : left;
    font-size      : .14rem;
    line-height    : .24rem;
    margin-bottom  : 0.08rem;
    background     : url(../images/bg_no_03.jpg) 0 0 no-repeat;
    background-size: 100%;
    position       : relative;
}

.about .other ul li a {
    position  : absolute;
    top       : 50%;
    transform : translateY(-50%);
    display   : block;
    width     : 1.12rem;
    text-align: center;
}

.about .other ul li.show {
    background     : url('../images/bg_yes_03.jpg') 0 0 no-repeat;
    background-size: 100%;
}

.about .other ul li.show a {
    color: #ffffff;
}

.about .other ul li span {
    width           : 0.11rem;
    height          : 0.11rem;
    border          : 0.03rem solid #8a8a8a;
    background-color: #c3c3c3;
    border-radius   : 50%;
    position        : absolute;
    right           : -0.36rem;
    top             : 0.47rem;
}

.about .other ul li:nth-child(2) span {
    top: 0.48rem;
}

.about .other ul li.show span {
    background-color: #fcfcfc;
    border          : 0.03rem solid #015a92;
}

.about .new_btn {
    width          : 0.19rem;
    margin         : 0 0.19rem;
    height         : 3.59rem;
    background     : url('../images/shuxian_03.jpg') 0 0 no-repeat;
    float          : left;
    background-size: 100%;
}

@-webkit-keyframes icoI {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    25% {
        -webkit-transform: translate(0px, -5px);
    }

    50% {
        -webkit-transform: translate(0px, 0px);
    }

    75% {
        -webkit-transform: translate(0px, 5px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@-moz-keyframes icoI {
    0% {
        -moz-transform: translate(0px, 0px);
    }

    25% {
        -moz-transform: translate(0px, -5px);
    }

    50% {
        -moz-transform: translate(0px, 0px);
    }

    75% {
        -moz-transform: translate(0px, 5px);
    }

    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@keyframes icoI {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(0px, -5px);
    }

    50% {
        transform: translate(0px, 0px);
    }

    75% {
        transform: translate(0px, 5px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes icoII {
    0% {
        -moz-transform: translate(0px, 0px);
    }

    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@-moz-keyframes icoII {
    0% {
        -moz-transform: translate(0px, 0px);
    }

    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@keyframes icoII {
    0% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.about .about_left .more .other ul li a {
    color:
}

.about .about_right {
    width : 4.2rem;
    height: 3.6rem;
    float : right;
}

.about .about_right img {
    width : 4.2rem;
    height: 3.6rem;
}

/*新闻轮播*/
.silder {
    width     : 100%;
    height    : 4.35rem;
    overflow  : hidden;
    text-align: center;
    margin    : 0 auto;
    position  : relative;
    float     : left;
}

.silder .silder_list {
    height  : 4.35rem;
    overflow: hidden;
    position: relative;
}

.silder .silder_list a {
    position: absolute;
    top     : 0;
    left    : 0;
}

.silder .silder_list a,
.silder .silder_list img {
    display: inline-block;
    float  : left;
}

.silder .silder_page {
    height    : 0.42rem;
    text-align: right;
    margin    : 0 auto;
    right     : 1px;
    overflow  : hidden;
    position  : absolute;
    bottom    : 1px;
}

.silder .silder_page li {
    width      : .16rem;
    font-size  : .12rem;
    float      : left;
    height     : .16rem;
    line-height: .16rem;
    margin     : .15rem .1rem 0 0;
    background : #F1F1F1;
    display    : inline-block;
    text-align : center;
    color      : #000;
}

.silder .silder_page li.current {
    background: #0747be;
    color     : #fff;
}

.silder_desc {
    color      : #fff;
    background : url(tit_bg.png) repeat 0 0;
    float      : left;
    line-height: .42rem;
    height     : .42rem;
    width      : 100%;
    overflow   : hidden;
    position   : absolute;
    left       : 0;
    bottom     : 0;
    text-align : left;
    text-indent: 10px;
}

.silder .silder_page li:hover {
    cursor: pointer;
}

/* 新闻活动 */
.news {
    width : 12rem;
    margin: 0 auto;
}

.news .news_bt {
    width     : 100%;
    height    : .74rem;
    float     : left;
    text-align: center;
    margin    : .2rem 0;
}

.news .news_bt img {
    width : 4.95rem;
    height: .79rem;
}

.news .news_left {
    width : 6rem !important;
    height: 4.35rem;
    float : left;
}

.news .news_left img {
    width : 6rem;
    height: 3.95rem;
}

.news .news_right {
    width     : 5.9rem;
    float     : right;
    background: #f0f9ff;
}

.news .news_right .right_bt {
    width     : 100%;
    margin-top: .03rem;
}

.news .news_right .right_bt img {
    width : 5.36rem;
    height: .34rem;
}

.news .news_right .right_bt a img {
    width       : .34rem;
    height      : .34rem;
    float       : right;
    margin-right: .04rem;
}

.news .news_right .right_lb {
    padding: 0 .06rem;
}

.news .news_right .right_lb .lb_tt {
    width        : 100%;
    border-bottom: #cccccc 1px dashed;
}

.news .news_right .right_lb .lb_tt .tt_bt {
    margin-top: 0.1rem;
    height      : .25rem;
    line-height : .25rem;
    font-size   : .16rem;
    border-left : #015a92 2px solid;
    padding-left: .05rem;
    overflow    : auto;
}

.news .news_right .right_lb .lb_tt .tt_bt a {
    color: #015a92;
    float: left;
}

.news .news_right .right_lb .lb_tt .tt_bt span {
    color    : #999999;
    float    : right;
    font-size: .12rem;
}

.news .news_right .right_lb .lb_tt .tt_nr {
    width        : 100%;
    color        : #999999;
    margin-bottom: .1rem;
    font-size    : .12rem;
    margin-top   : .05rem;
    line-height  : .16rem;
    height       : .32rem;
    overflow     : hidden;
    padding-left: 0.1rem;
}

.news .news_right .right_lb .lb_nr {
    padding-bottom: .03rem;
}

.news .news_right .right_lb .lb_nr ul li {
    width        : 100%;
    height       : .43rem;
    border-bottom: #cccccc 1px dashed;
    font-size    : .16rem;
    line-height  : .43rem;
}

.news .news_right .right_lb .lb_nr ul li a {
    color: #015a92;
    float: left;
}

.news .news_right .right_lb .lb_nr ul li span {
    color    : #999;
    float    : right;
    font-size: .12rem;
}

.news .news_right .right_lb .lb_nr ul li b {
    font-size: 0.2rem;
    padding  : 0 0.1rem;
}

/* 产品中心 */
.cpzx {
    width          : 100%;
    height         : 6.54rem;
    background     : url('../images/index1_02.jpg') bottom no-repeat;
    background-size: 100% 100%;
    min-width      : 12rem;
}

.cpzx .cp_bt {
    height    : .8rem;
    text-align: center;
    margin    : .2rem 0px;
}

.cpzx .cp_bt img {
    width : 4.95rem;
    height: .75rem;
}

.cpzx .cp_box {
    width : 12rem;
    margin: 0 auto;
}

.cpzx .cp_box .cp_left {
    width        : 3.97rem;
    height       : 5.33rem;
    float        : left;
    overflow     : hidden;
    position     : relative;
    border       : 14px solid #015a92;
    border-radius: 30% 0;
}

.cpzx .cp_box .cp_left img {
    width : 3.97rem;
    height: 5.33rem;
}

.cpzx .cp_box .cp_left a {
    width           : 3.97rem;
    height          : .45rem;
    float           : left;
    background      : #333333;
    background-color: rgba(0, 0, 0, 0.5);
    text-align      : center;
    line-height     : .45rem;
    z-index         : 11;
    position        : relative;
    bottom          : 0;
    color           : #FFF;
    font-size       : 16px;
}

.cpzx .cp_box .cp_right {
    width   : 8rem;
    float   : right;
    position: relative;
}

.cpzx .cp_box .cp_right .new_canvas {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    margin-top : -1.31rem;
    margin-left: -1.32rem;
    width      : 2.64rem;
}

.cpzx .cp_box .cp_right ul li {
    width     : 50%;
    height    : 2.66rem !important;
    float     : left;
    position  : relative;
    overflow  : hidden;
    box-sizing: border-box;
}

.cpzx .cp_box .cp_right ul li:nth-child(1) {
    border-right : 0.05rem solid #015a92;
    border-bottom: 0.05rem solid #015a92;
}

.cpzx .cp_box .cp_right ul li:nth-child(2) {
    border-left  : 0.05rem solid #015a92;
    border-bottom: 0.05rem solid #015a92;
}

.cpzx .cp_box .cp_right ul li:nth-child(3) {
    border-right: 0.05rem solid #015a92;
    border-top  : 0.05rem solid #015a92;
}

.cpzx .cp_box .cp_right ul li:nth-child(4) {
    border-left: 0.05rem solid #015a92;
    border-top : 0.05rem solid #015a92;
}

.cpzx .cp_box .cp_right ul li img {
    width                     : 4rem;
    height                    : 2.66rem;
    transition-delay          : 0s;
    transition-duration       : 1s;
    transition-property       : all;
    transition-timing-function: ease;
}

/*.cpzx .cp_box .cp_right ul li .inner{ position: absolute; left: 0; bottom: 0; height: 0; width: 4rem; background: rgba(0,0,0,0.5); text-align: center; color: #ffffff; }*/
.cpzx .cp_box .cp_right ul li .inner {
    background                : rgba(0, 0, 0, 0.4);
    height                    : 100%;
    width                     : 100%;
    left                      : 0;
    opacity                   : 0;
    filter                    : alpha(opacity=0);
    position                  : absolute;
    top                       : 0;
    transition-delay          : 0s;
    transition-duration       : 0.3s;
    transition-property       : opacity;
    transition-timing-function: ease-in;

}

.cpzx .cp_box .cp_right ul li .inner .ico {
    left    : 50%;
    bottom  : 0;
    margin  : -0.15rem 0px 0px -0.40rem;
    opacity : 0;
    position: absolute;
}

.cpzx .cp_box .cp_right ul li .inner .ico img {
    width : .77rem;
    height: .76rem;
}

.cpzx .cp_box .cp_right ul li .inner .name {
    font-size                 : .24rem;
    color                     : #ffffff;
    line-height               : .3rem;
    left                      : 50%;
    bottom                    : 0;
    margin                    : -0.15rem 0px 0px -0.40rem;
    opacity                   : 0;
    position                  : absolute;
    transition-delay          : 0s;
    transition-duration       : 0.4s;
    transition-property       : all;
    transition-timing-function: ease;
}

/*产品图片动画*/
.cpzx .cp_box .cp_right ul .img_item:hover img {
    transform: scale(1.4, 1.4);
}

.cpzx .cp_box .cp_right ul .img_item:hover .inner {
    opacity: 1;
    filter : alpha(opacity=100);
}

.cpzx .cp_box .cp_right ul .img_item:hover .inner .ico {
    opacity: 1;
    filter : alpha(opacity=100);
    bottom : 40%;
}

.cpzx .cp_box .cp_right ul .img_item:hover .inner .name {
    opacity: 1;
    filter : alpha(opacity=100);
    bottom : 20%;
}

.cpzx .cp_box .cp_lef {
    margin-top: 20px;
}

.cpzx .cp_box .cp_left a .inner {
    position: absolute;
    top     : 0;
    left    : 0;
}

.cpzx .cp_box .cp_left a img {
    transition-delay          : 0s;
    transition-duration       : 1s;
    transition-property       : all;
    transition-timing-function: ease;
}

.cpzx .cp_box .cp_left:hover a img {
    transform: scale(1.4, 1.4);
}

.cpzx .cp_box .cp_left:hover a .inner {
    opacity: 1;
    filter : alpha(opacity=100);
}

.cpzx .cp_box .cp_left:hover a .inner .ico {
    opacity: 1;
    filter : alpha(opacity=100);
    bottom : 40%;
}

.cpzx .cp_box .cp_left:hover a .inner .name {
    opacity: 1;
    filter : alpha(opacity=100);
    bottom : 20%;
}

.cpzx .cp_box .cp_left a .inner {
    background                : rgba(0, 0, 0, 0.4);
    /*height                  : 3.97rem;*/
    width                     : 100%;
    left                      : 0;
    opacity                   : 0;
    filter                    : alpha(opacity=0);
    position                  : absolute;
    bottom                    : 0;
    transition-delay          : 0s;
    transition-duration       : 0.3s;
    transition-property       : opacity;
    transition-timing-function: ease-in;

}

.cpzx .cp_box .cp_left a .inner .ico {
    left    : 50%;
    bottom  : 0;
    margin  : -0.15rem 0px 0px -0.40rem;
    opacity : 0;
    position: absolute;
}

.cpzx .cp_box .cp_left a .inner .ico img {
    width : .77rem;
    height: .76rem;
}

.cpzx .cp_box .cp_left a .inner .name {
    font-size                 : .24rem;
    color                     : #ffffff;
    line-height               : .3rem;
    left                      : 50%;
    bottom                    : 0;
    margin                    : -0.15rem 0px 0px -0.40rem;
    opacity                   : 0;
    position                  : absolute;
    transition-delay          : 0s;
    transition-duration       : 0.4s;
    transition-property       : all;
    transition-timing-function: ease;
}

/* 荣誉资质 */
.ryzz {
    width : 12rem;
    margin: 0 auto;
}

.ryzz .zz_bt {
    width     : 100%;
    text-align: center;
    margin    : .2rem 0px;
}

.ryzz .zz_bt img {
    width : 4.97rem;
    height: .73rem;
}

.ryzz .zz_nr ul {
    overflow: hidden;
    height  : 2.36rem
}

.ryzz .zz_nr ul li {
    width     : 2rem;
    float     : left;
    text-align: center;
}

.ryzz .zz_nr ul li img {
    width     : 1.59rem;
    height    : 2.25rem;
    transition: 1s transform;
}

.ryzz .zz_nr ul li:hover img {
    transform: scale(1.5, 1.5);
}


/* 合作单位 */
.hzdw {
    width : 12rem;
    margin: 0 auto;
}

.hzdw .hzdw_bt {
    width     : 100%;
    text-align: center;
    margin    : .2rem 0px;
}

.hzdw .hzdw_bt img {
    width : 4.99rem;
    height: .84rem;
}

.hzdw .hzdw_lb ul li {
    width     : 2rem;
    float     : left;
    text-align: center;
}

.hzdw .hzdw_lb ul li img {
    width     : 1.72rem;
    height    : .82rem;
    transition: 1s transform;
}

.hzdw .hzdw_lb ul li:hover img {
    transform: scale(1.3, 1.3);
}

.hzdw .hzdw_lb ul li p {
    display      : inline-block;
    overflow     : hidden;
    border-radius: 0.08rem;
    box-sizing   : border-box;
    border       : 2px solid #fff;
}

.hzdw .hzdw_lb ul li:hover p {
    border: 2px solid #015a92;
}

/* 底部 */
.foot {
    width     : 100%;
    background: url('../images/index1_04.jpg') center no-repeat;
    margin-top: .2rem;
    min-width : 12rem;
}

.foot .foot_box {
    width         : 12rem;
    margin        : 0 auto;
    padding-bottom: .2rem;
}

.foot .foot_box .lxwm {
    width: 100%;
}

.foot .foot_box .lxwm .lx_left {
    width   : 7.2rem;
    float   : left;
    position: relative;
}

.foot .foot_box .lxwm .lx_left .erwei {
    width   : 1rem;
    position: absolute;
    top     : 0.66rem;
    right   : -1.2rem;
}

.foot .foot_box .lxwm .lx_left .lxwm_bt {
    width  : 100%;
    padding: .2rem .1rem;
}

.foot .foot_box .lxwm .lx_left .lxwm_bt img {
    width : 2.59rem;
    height: .33rem;
}

.foot .foot_box .lxwm .lx_left .lx_nr {
    width       : 100%;
    line-height : .35rem;
    color       : #ffffff;
    font-size   : .16rem;
    padding-left: .05rem;
}

.foot .foot_box .lxwm .lx_right {
    float       : right;
    margin-right: .3rem;
}

.foot .foot_box .lxwm .lx_right img {
    width : 2.98rem;
    height: 2.32rem;
}

.foot .foot_box .ly {
    width       : 100%;
    margin-top  : .1rem;
    padding-left: .05rem;
}

.foot .foot_box .ly .lxfs {
    width    : 2.64rem;
    float    : left;
    font-size: .16rem;
    color    : #ffffff;
}

.foot .foot_box .ly .lxfs .lxsrk {
    width  : 1.75rem;
    height : .45rem;
    border : 0;
    margin : 0;
    padding: 0;
}

.foot .foot_box .ly .lynr {
    width      : 6rem;
    float      : left;
    font-size  : .16rem;
    color      : #ffffff;
    margin-left: .15rem;
}

.foot .foot_box .ly .lynr .lysrk {
    width  : 5.1rem;
    height : .45rem;
    border : 0;
    margin : 0;
    padding: 0;
}

.foot .foot_box .ly .tj {
    width      : 3rem;
    float      : left;
    text-align : center;
    line-height: .45rem;
}

.foot .foot_box .ly .tj .button1 {
    width           : 1.5rem;
    height          : .45rem;
    margin          : 0 auto;
    background-color: #015a92;
    font-size       : .16rem;
    color           : #ffffff;
    border          : none;
    padding         : 0px;
    border-radius   : 0.08rem;
}

/*.foot .foot_box .ly .tj .button1:hover{animation: bgI 1s; -webkit-animation: bgI 1s; -moz-animation: bgI 1s;}*/

@-webkit-keyframes bgI {
    from {
        background-color: #015a92;
    }

    to {
        background-color: #1ea3f6;
    }
}

@-moz-keyframes bgI {
    from {
        background-color: #015a92;
    }

    to {
        background-color: #1ea3f6;
    }
}

@keyframes bgI {
    from {
        background-color: #015a92;
    }

    to {
        background-color: #1ea3f6;
    }
}

@-webkit-keyframes bgII {
    from {
        background-color: #1ea3f6;
    }

    to {
        background-color: #015a92;
    }
}

@-moz-keyframes bgII {
    from {
        background-color: #1ea3f6;
    }

    to {
        background-color: #015a92;
    }
}

@keyframes bgII {
    from {
        background-color: #1ea3f6;
    }

    to {
        background-color: #015a92;
    }
}

.foot_d {
    width      : 100%;
    height     : .6rem;
    text-align : center;
    line-height: .6rem;
    font-size  : .14rem;
    background : #015a92;
    color      : #ffffff;
    min-width  : 12rem;
}

.foot_wap {
    display: none;
}

/* 分页 */
.page_info {
    width      : 100%;
    text-align : center;
    line-height: .4rem;
    margin     : .4rem auto 0;
}

.page {
    display      : inline-block;
    padding-left : 0;
    border-radius: .04rem;
}

.page>li {
    display: inline;
}

.page>li>a {
    color: #686868;
}

.page>.current>a,
.page>.current>span {
    z-index         : 2;
    color           : #ffffff;
    cursor          : default;
    background-color: #2f5ca8;
    border-color    : #2f5ca8;
}

.page>li>a,
.page>li>span {
    position        : relative;
    float           : left;
    padding         : .06rem .12rem;
    margin-left     : -1px;
    line-height     : 1.428571429;
    text-decoration : none;
    background-color: #ffffff;
    border          : 1px solid #e5e5e5;
}

.content {
    width : 12rem;
    margin: .25rem auto;
}

/*左右图片跳转链接*/
.content .dy_nr {
    position: relative;
}

.last_next img {
    width : 1rem;
    height: 2rem;
}

.last_next .last {
    position  : absolute;
    top       : 50%;
    left      : 2%;
    margin-top: -1rem;
    z-index   : 9999;
}

.last_next .next {
    position  : absolute;
    top       : 50%;
    right     : 2%;
    margin-top: -1rem;
    z-index   : 9999;
}

/* 子页栏目名称 */
.index_title {
    width        : 100%;
    text-align   : center;
    line-height  : .35rem;
    font-size    : .26rem;
    color        : #015a92;
    font-weight  : bold;
    border-bottom: #cccccc 1px solid;
}

.index_title p {
    width      : 100%;
    font-size  : .16rem;
    font-weight: normal;
    color      : #666666;
}

/* 下级分类 */
.child_cate {
    width: 100%;
}

.child_cate ul li a {
    width      : 19%;
    height     : .45rem;
    float      : left;
    border     : #015a92 1px dotted;
    font-size  : .16rem;
    text-align : center;
    line-height: .45rem;
    margin-top : .2rem;
    margin-left: 0.5%;
}

.child_cate ul li a:hover {
    background: #015a92;
    color     : #ffffff;
}

.child_cate ul li a.on {
    background: #015a92;
    color     : #ffffff;
}

/* 文章列表 */
.wzlb {
    padding: 0 .1rem;
}

.wzlb ul li {
    width        : 100%;
    border-bottom: #999999 1px dashed;
    font-size    : .16rem;
    line-height  : .5rem;
}

.wzlb ul li span {
    float    : right;
    font-size: .14rem;
    color    : #999999;
}

/* 图片列表 */
.tplb {
    padding: .2rem .1rem 0;
}

.tplb ul li {
    width     : 33.33%;
    float     : left;
    text-align: center;
}

.tplb ul li .tp_img {
    width   : 3.87rem;
    height  : 2.6rem;
    overflow: hidden;
}

.tplb ul li img {
    width : 3.82rem;
    height: 2.56rem;
    border: #015a92 2px solid;
}

.tplb ul li img:hover {
    transform : scale(1.5, 1.5);
    transition: .3s transform;
}

.tplb a {
    display    : block;
    line-height: .5rem;
    font-size  : .16rem;
}

/* 团队列表 */
.itemlb {
    padding: .2rem .1rem 0;
}

.itemlb ul li {
    width     : 25%;
    float     : left;
    text-align: center;
}

.itemlb ul li .tp_img {
    width   : 2.87rem;
    height  : 3.6rem;
    overflow: hidden;
}

.itemlb ul li img {
    width : 2.82rem;
    height: 3.56rem;
    border: #015a92 2px solid;
}

.itemlb ul li img:hover {
    transform : scale(1.5, 1.5);
    transition: 1.3s transform;
}

.itemlb a {
    display    : block;
    line-height: .5rem;
    font-size  : .16rem;
}

/* 荣誉列表 */
.ryzzlb {
    padding: .2rem .1rem 0;
}

.ryzzlb ul li {
    width     : 16.66%;
    float     : left;
    text-align: center;
}

.ryzzlb ul li .zz_img {
    width : 1.59rem;
    height: 2.25rem;
    margin: 0 auto;
}

.ryzzlb ul li img {
    width     : 1.59rem;
    height    : 2.25rem;
    transition: 1s transform;
}

.ryzzlb ul li img:hover {
    transform: scale(1.5, 1.5);
}

.ryzzlb a {
    display    : block;
    line-height: .5rem;
    font-size  : .16rem;
}

/* 单页 */
.dy_nr {
    padding: .2rem .1rem 0;
}

.nr_bt {
    text-align : center;
    line-height: .4rem;
    font-size  : .2rem;
}

.nr_zi {
    line-height: .35rem;
    margin-top : .15rem;
    font-size  : .14rem;
}

.CuPlayerc1-dimensions {
    height: 3.58rem;
}

@media (max-width: 1199px) {

    .about .about_left .more .other {
        display: none;
    }

    .foot .foot_box .ly {
        display: none;
    }

    .foot .foot_box .lxwm .lx_left .erwei {
        width: 1rem;
    }
}

@media (max-width: 767px) {
    .welcome {
        display: none;
    }

    /* 头部 */
    .head_box {
        width   : 100%;
        height  : 0.7rem;
        position: fixed;
        top     : 0rem;
        left    : 0;
        z-index : 9999;
    }

    .head_box .head {
        width     : 7.67rem;
        background: #015a92;
        height    : .7rem;
    }

    .head_box .head .head_logo {
        width     : 1rem;
        height    : auto;
        margin-top: 0.05rem;
    }

    .head_box .head .head_logo img {
        width : 1rem;
        height: .58rem;
    }

    .head_box .head .category {
        display     : block;
        width       : .32rem;
        height      : .32rem;
        float       : right;
        margin-right: .25rem;
        margin-top  : .2rem;
    }

    .head_box .head .lang {
        display    : none;
        width      : 1rem;
        float      : right;
        line-height: .7rem;
        color      : #ffffff;
        font-size  : .26rem;
        text-align : center;
    }

    .head_box .head .lang_list {
        display    : none;
        width      : 7.5rem;
        border-top : 1px #ffffff solid;
        position   : absolute;
        top        : .7rem;
        z-index    : 999;
        background : #015a92;
        margin-left: 0;
        float      : none;
        height     : auto;
    }

    .head_box .head .lang_list ul li {
        width      : 100%;
        height     : auto;
        line-height: .5rem;
        text-align : center;
    }

    .head_box .head .lang_list ul li a {
        color: #ffffff;
    }

    .head_box .head .head_nav {
        display    : none;
        width      : 7.5rem;
        border-top : 0px #ffffff solid;
        position   : absolute;
        top        : .7rem;
        z-index    : 999;
        background : #015a92;
        margin-left: 0;
        float      : none;
        height     : auto;
    }

    .head_box .head .head_nav ul li {
        width      : 100%;
        height     : auto;
        line-height: .5rem;
    }

    .head_box .head .head_nav ul li a {
        color: #ffffff;
    }

    .head_box .head .head_nav ul li ul.children {
        position  : relative;
        top       : 0;
        width     : 100%;
        background: #0072d2;
    }

    .head_box .head .head_nav ul li ul.children li {
        width: 100%;
    }

    .head_box .head .head_nav ul li ul.children li a {
        width: 100%;
    }

    .head_box .head .head_nav ul li ul.children li a:hover {
        width: 100%;
    }

    .head_box .head .head_yy {
        display: none;
    }

    /*轮播*/
    .silder .silder_list a,
    .silder .silder_list img {
        width: 100%
    }

    .bg {
        width     : 100%;
        background: #ffffff;
        position  : absolute;
        top       : 3.2rem;
        z-index   : 99;
    }


    /* 关于我们 */
    .about {
        width: 7.5rem;
    }

    .about .about_left {
        width : 100%;
        height: auto;
    }

    .about .about_right {
        display: none;
    }

    .about .new_btn {
        display: none;
    }

    .about .other {
        display: none;
    }

    .about .new_line {
        display: none;
    }

    .about .about_left .left_zi {
        width: 100% !important;
    }

    /* 新闻活动 */
    .news {
        width: 7.5rem;
    }

    .news .news_left {
        width      : 7.1rem !important;
        margin-left: 0.2rem;
        text-align : center;
    }

    .news .news_right {
        width     : 7.1rem;
        margin    : 0 .2rem;
        margin-top: .1rem;
        padding   : 0 .1rem;
    }

    .news .news_right .right_lb .lb_tt .tt_nr {
        font-size  : .14rem;
        line-height: .3rem;
        height     : .6rem;
    }

    .news .news_right .right_lb .lb_nr ul li a {
        width   : 5rem;
        height  : .45rem;
        overflow: hidden;
    }

    /* 产品中心 */
    .cpzx {
        width     : 7.5rem;
        height    : auto;
        background: none;
        min-width : 7.5rem;
    }

    .cpzx .cp_box {
        width: 7.5rem;
    }

    .cpzx .cp_box .cp_left {
        display: none;
    }

    .cpzx .cp_box .cp_right {
        width  : 7.5rem;
        padding: 0 .1rem;
    }

    .cpzx .cp_box .cp_right ul li {
        height: auto;
    }

    .cpzx .cp_box .cp_right ul li img {
        width : 3.6rem;
        height: 2.66rem;
    }

    /* 荣誉资质 */
    .ryzz {
        width: 7.5rem;
    }

    /*.ryzz .zz_nr ul li{ width: 33.33%; }*/

    /* 合作单位 */
    .hzdw {
        width: 7.5rem;
    }

    .hzdw .hzdw_lb ul li {
        width: 33.33%;
    }

    /* 底部 */
    .foot {
        display: none;
    }

    .foot_d {
        display: none;
    }

    .foot_wap {
        display    : block;
        width      : 100%;
        text-align : center;
        line-height: .4rem;
        font-size  : .16rem;
        background : #015a92;
        color      : #ffffff;
        padding    : .1rem 0;
    }

    .content {
        width: 7.5rem;
    }

    /* 图片列表 */
    .tplb ul li {
        width: 50%;
    }

    .tplb ul li img {
        width : 3.35rem;
        height: 2.35rem;
    }

    /* 荣誉列表 */
    .ryzzlb ul li {
        width: 33.33%;
    }

    .wzlb ul li {
        overflow: auto;
    }

    .wzlb ul li a {
        width   : 5rem;
        float   : left;
        height  : .45rem;
        overflow: hidden;
    }

    .child_cate ul li a{
        width: 32%;
    }

    .itemlb ul li{
        width: 50%;
    }

    .itemlb ul li .tp_img{
        overflow: unset;
         margin: 0 auto;
    }

}



/* ============================= page-loading-cover ============================= */

.page-cover {
    background: #ffffff url('../images/loading.gif') no-repeat center 350px;
    width     : 100%;
    height    : 0;
    position  : absolute;
    bottom    : 0;
    z-index   : 10000001;
}


/* ============================= animate ============================= */

@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform: scale(1);
        -ms-transform    : scale(1);
        -moz-transform   : scale(1);
        transform        : scale(1);
    }

    100% {
        -webkit-transform: scale(0.80);
        -ms-transform    : scale(0.8);
        -moz-transform   : scale(0.8);
        transform        : scale(0.8);
    }
}

@-moz-keyframes bounceIn {
    0% {
        -webkit-transform: scale(1);
        -ms-transform    : scale(1);
        -moz-transform   : scale(1);
        transform        : scale(1);
    }

    100% {
        -webkit-transform: scale(0.80);
        -ms-transform    : scale(0.8);
        -moz-transform   : scale(0.8);
        transform        : scale(0.8);
    }
}

@-ms-keyframes bounceIn {
    0% {
        -webkit-transform: scale(1);
        -ms-transform    : scale(1);
        -moz-transform   : scale(1);
        transform        : scale(1);
    }

    100% {
        -webkit-transform: scale(0.80);
        -ms-transform    : scale(0.8);
        -moz-transform   : scale(0.8);
        transform        : scale(0.8);
    }
}

@keyframes bounceIn {
    0% {
        -webkit-transform: scale(1);
        -ms-transform    : scale(1);
        -moz-transform   : scale(1);
        transform        : scale(1);
    }

    100% {
        -webkit-transform: scale(0.80);
        -ms-transform    : scale(0.8);
        -moz-transform   : scale(0.8);
        transform        : scale(0.8);
    }
}

@-webkit-keyframes upAndDown {
    0% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        -ms-transform    : translate(0, 0);
        -moz-transform   : translate(0, 0);
        transform        : translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }
}

@-moz-keyframes upAndDown {
    0% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        -ms-transform    : translate(0, 0);
        -moz-transform   : translate(0, 0);
        transform        : translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }
}

@-ms-keyframes upAndDown {
    0% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        -ms-transform    : translate(0, 0);
        -moz-transform   : translate(0, 0);
        transform        : translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }
}

@keyframes upAndDown {
    0% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        -ms-transform    : translate(0, 0);
        -moz-transform   : translate(0, 0);
        transform        : translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, 15px);
        -ms-transform    : translate(0, 15px);
        -moz-transform   : translate(0, 15px);
        transform        : translate(0, 15px);
    }
}