@charset "utf-8";

/* CSS Document */

@media (max-width: 1024px) {
    .xm-db {
        display: block;
    }
    .xm-dn {
        display: none;
    }
    .xm-pl15 {
        padding-left: 20px;
    }
    .xm-pr15 {
        padding-right: 20px;
    }
    .banner li {
        height: 3rem;
    }
    .news li .news_left a {
        height: .64rem;
    }
    .culture ul li a {
        height: 1.553rem;
    }
    .culture ul li h3 {
        margin-top: .25rem;
        padding-top: .2rem
    }
    .culture h1 span {
        padding: 0 .2rem;
        line-height: .4rem;
        font-size: .3rem;
    }
    .culture h1 span:first-child,
    .culture h1 span.first {
        background: url(../images/radius.png) no-repeat left center;
    }
    .honor li a {
        height: 1.578rem;
    }
    .video li a {
        margin-bottom: .25rem;
    }
    .video li div {
        height: 1.525rem;
    }
    .map {
        height: 2.5rem;
    }
    .con_tab table {
        width: 60%;
    }
    .plan li .p_img {
        height: 1.125rem;
    }
    .pro_open .pro_c_box {
        width: 94%;
    }
    .company .c_right .c_r_img {
        height: 2.2125rem;
    }
    .development .d_left {
        margin-left: 3.96%;
    }
    .news li {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1024px) {
    .all_top {
        display: none;
    }
}

@media (max-width: 1023px) {
    .header {
        display: none;
    }
}

@media (max-width: 991px) {
    .bm-db {
        display: block;
    }
    .bm-dn {
        display: none;
    }
    .bm-pl30 {
        padding-left: .3rem;
    }
    .bm-w87 {
        width: 87.74%;
        padding-left: 6.13%;
        padding-right: 6.13%;
    }
    .header {
        height: .726rem;
        display: none;
    }
    .header .logo {
        width: 1.484rem;
        height: .5605rem;
        margin-top: .08275rem;
    }
    .a-nav {
        width: .635rem;
        height: .726rem;
        background: url(../images/nav_dot.jpg) no-repeat center center;
        background-size: .37rem .304rem;
    }
    .sv-nav {
        background-color: #fff;
        padding-bottom: 2rem;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .nav li {
        float: none;
        margin: 0;
    }
    .nav li>a {
        line-height: 1.16rem;
        font-size: .423rem;
    }
    .nav li>span {
        display: none;
    }
    .nav li.act>a {
        background-color: #284286;
        color: #fff;
    }
    .nav .snav {
        background: #f0f3fc;
        padding: .2rem 0;
    }
    .nav .snav a {
        display: block;
        color: #666;
        line-height: .84rem;
        font-size: .31rem;
        color: #666;
    }
    .language a {
        line-height: .58rem;
        width: 2.22rem;
        font-size: .31rem;
        border-radius: .3rem;
    }
    .logo1 {
        width: 4.41rem;
        height: 1.39rem;
        margin: .95rem auto .6rem;
    }
    .sv-nav .a-close {
        width: .6rem;
        height: .6rem;
        top: .35rem;
        right: .35rem;
        background: url(../images/nav_close.png) no-repeat center center;
        background-size: .36rem .36rem;
    }
    .news li .news_left {
        width: 25%;
        margin-right: 5.5%;
        margin-left: 2%;
    }
    .news li .news_detail {
        width: 56%;
    }
    .news li .news_left a {
        height: .735rem;
    }
    .news li .news_go {
        margin-right: 2%;
    }
    .ad_img {
        height: 1.815rem;
    }
    .ad_img .title {
        padding-top: .56rem;
    }
    .ad_img .news_data {
        padding-top: .43rem;
    }
    .ad_img .news_data h2 {
        line-height: .36rem;
        background-size: .324rem .36rem;
        padding-left: .45rem;
        font-size: .24rem;
    }
    .bx_adimg {
        height: 3.025rem;
    }
    .bx_adimg .title {
        padding-top: 1.1rem;
    }
    .plan li {
        width: 33.33%;
    }
    .plan li .p_img {
        height: 1.48rem;
    }
    .join .li {
        width: 33.33%;
    }
    .pro_center .p-left {
        height: .8rem;
        line-height: .8rem;
        width: 100%;
        padding: 0;
        margin-bottom: .3rem
    }
    .pro_center .p-left ul {
        z-index: 997;
        background: #fff;
        position: absolute;
        left: 0;
        top: .8rem;
        width: 100%;
        display: none;
    }
    .pro_center .p-right {
        width: 100%;
    }
    .pro_center .p-right li .p_img {
        height: 2rem
    }
    .pro_center .p-left li>a,
    .pro_center .p-left li>a {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .sm-dn {
        /*display: block;*/
    }
    .sm-db {
        display: block;
    }
    .sm-w100 {
        width: 100%
    }
    .sm-mb20 {
        margin-bottom: .2rem;
    }
    .sm-w87 {
        width: 100%%;
        padding-left: 6.13%;
        padding-right: 6.13%;
    }
    .banner li {
        height: 4rem;
    }
    .text {
        font-size: .3rem;
        line-height: .4rem;
    }
    .text h1 {
        font-size: .36rem;
        line-height: .56rem;
    }
    .header {
        height: 1.04rem;
        border-bottom: 4px solid #dfe0dd;
    }
    .header .logo {
        width: 1.96rem;
        height: .74rem;
        margin-top: .15rem;
    }
    .a-nav {
        width: .48rem;
        height: 1.04rem;
        background-size: .28rem .23rem;
    }
    .nav li>a {
        line-height: .88rem;
        font-size: .32rem;
    }
    .nav .snav {
        padding: .15rem 0;
    }
    .nav .snav a {
        display: block;
        line-height: .64rem;
        font-size: .24rem;
    }
    .nav .snav a:hover {
        color: #284286;
    }
    .logo1 {
        width: 3.34rem;
        height: 1.05rem;
    }
    .language a {
        line-height: .44rem;
        width: 1.68rem;
        font-size: .24rem;
    }
    .banner .bx-wrapper .bx-pager.bx-default-pager a {
        width: 20px;
    }
    .banner .bx-wrapper .bx-pager.bx-default-pager a.active {
        width: 25px;
    }
    .banner .bx-wrapper .bx-pager {
        bottom: .2rem;
    }
    .banner .bx-wrapper .bx-controls-direction a {
        width: .28rem;
        height: .48rem;
        margin-top: -.24rem;
    }
    .banner .bx-wrapper .bx-controls-direction a.bx-prev {
        background-size: .28rem .48rem;
    }
    .banner .bx-wrapper .bx-controls-direction a.bx-next {
        background-size: .28rem .48rem;
    }
    .title h1 {
        font-size: .36rem;
        line-height: .56rem;
    }
    .product .pro_tab a {
        width: 60px;
    }
    .product .pro_item li p {
        font-size: .3rem;
        line-height: .4rem;
    }
    .solution .bx-viewport {
        padding-top: .8rem
    }
    .solution li .s_div {
        padding: 1.3rem .5rem .5rem
    }
    .solution li .s_icon {
        width: 1.4rem;
        height: 1.4rem;
        margin-left: -.7rem;
        top: -.7rem;
        background-size: 1.4rem 1.4rem;
    }
    .solution li h1 {
        font-size: .4rem;
        line-height: .52rem;
        padding-bottom: .3rem;
    }
    .solution li p {
        margin-bottom: .4rem;
    }
    .solution li p,
    .solution li a {
        font-size: .3rem;
        line-height: .4rem;
    }
    .news li {
        padding: .4rem 0 .35rem
    }
    .news li .news_left {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        height: auto;
    }
    .news li .news_left a {
        border: none;
        position: static;
        height: 2.52rem;
    }
    .news li .news_detail {
        width: 100%;
    }
    .news li:hover,
    .news li.act {
        background: #fff;
        transition: none;
    }
    .news li:hover .news_left,
    .news li.act .news_left {
        border-color: #efefef;
    }
    .news li .news_detail {
        transform: scaleX(0px);
        -webkit-transform: translateX(0px);
        transition: none;
    }
    .news li:hover .news_detail,
    .news li.act .news_detail {
        transform: scaleX(0px);
        -webkit-transform: translateX(0px);
        transition: none;
    }
    .news li h1 a {
        color: #333;
        font-size: .4rem;
        line-height: .56rem;
    }
    .news li p,
    .news li:hover p {
        color: #999;
        font-size: .3rem;
        line-height: .4rem;
    }
    .news li:hover h1 a {
        color: #333;
    }
    .more {
        font-size: .32rem;
        line-height: .7rem;
    }
    .foot {
        height: auto;
        line-height: 0;
    }
    .foot_r a.sx-dn {
        display: none;
    }
    .foot_r {
        width: 100%;
    }
    .foot_r .bdshare-button-style1-32 {
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .foot_r .bdshare-button-style1-32 a {
        float: none;
        width: .6rem;
        height: .6rem;
        border-radius: 50%;
        background-color: #272727;
        background-size: .45rem 2.893rem;
    }
    .foot_r .bdshare-button-style1-32 a.bds_sqq {
        background-position: .14rem .14rem;
    }
    .foot_r .bdshare-button-style1-32 a.bds_tsina {
        background-position: .11rem -1.18rem;
    }
    .foot_r .bdshare-button-style1-32 a.bds_weixin {
        background-position: .1rem -2.45rem;
    }
    .foot p {
        line-height: .4rem;
        font-size: .3rem;
        margin-top: .3rem;
        text-align: center;
    }
    .development .d_left {
        width: 22.08%;
    }
    .development .d_right {
        width: 77.92%;
    }
    .development .d_right li {
        padding: .2rem 0 .3rem;
        line-height: .4rem;
        font-size: .3rem
    }
    .development .d_right li .d_r_s1 {
        width: 14%;
    }
    .development .d_right li .d_r_s2 {
        width: 86%;
    }
    .company .c_left {
        width: 100%;
        margin-bottom: .3rem
    }
    .company .c_left .c_text {
        padding: 0;
        font-size: .3rem;
        line-height: .4rem;
    }
    .company .c_right {
        width: 100%;
        margin-bottom: .3rem
    }
    .culture h1 span {
        padding: 0 .4rem;
        font-size: .4rem;
        line-height: .5rem;
    }
    .culture ul {
        margin-top: .65rem;
    }
    .culture ul li {
        width: 100%;
    }
    .culture ul li a {
        height: 3.01rem;
        width: 100%;
        margin-bottom: .3rem;
    }
    .culture ul li h3 {
        font-size: .4rem;
        line-height: .56rem;
        margin-top: .4rem;
        padding-top: .464rem;
    }
    .culture ul li p {
        font-size: .3rem;
        line-height: .4rem;
    }
    .honor h5 {
        font-size: .34rem;
        line-height: .5rem;
    }
    .honor li,
    .video li {
        width: 50%;
    }
    .honor li a {
        height: 2.2rem;
        margin-top: .4rem;
    }
    .video li a {
        margin-bottom: .4rem;
    }
    .video li div {
        height: 1.956rem;
    }
    .video li a span {
        background-size: .37rem .55rem;
    }
    .np_pager {
        height: 1rem;
    }
    .np_pager .pager_a {
        line-height: 1rem;
    }
    .p_goback {
        width: 1rem;
        height: 1rem;
        background-size: 0.46rem .35rem;
    }
    .np_pager .pager_a {
        font-size: .32rem;
    }
    .map {
        height: 3.5rem;
    }
    .con_us li {
        width: 50%;
        margin-bottom: .1rem;
    }
    .con_us li span {
        width: .7rem;
        height: .7rem;
        background-size: .7rem .7rem;
    }
    .con_us li p,
    .con_us li h5 {
        line-height: .4rem;
        font-size: .3rem;
    }
    .con_us li p {
        min-height: 1.2rem;
        max-height: 1.2rem;
    }
    .con_tab table {
        width: 100%;
    }
    .con_tab table td .btn {
        line-height: 18px;
    }
    .plan li {
        width: 50%;
        margin-bottom: .35rem;
    }
    .plan li .p_img {
        height: 2.2rem;
    }
    .plan li .p_text h1 {
        font-size: 14px;
        line-height: .52rem;
    }
    .plan li .p-a {
        font-size: .24rem;
        line-height: .5rem;
        width: 1.5rem;
    }
    .pro_open .pro_c_box h1 a {
        font-size: .3rem;
        line-height: .4rem;
        margin-bottom: .15rem;
    }
    .pro_open .pro_c_box {
        width: 100%;
    }
    .pro_open .pro_l {
        height: 3.2rem;
        margin-bottom: .3rem;
    }
    .pro_open .pro_b {
        margin-bottom: .3rem;
    }
    .pro_open .pro_r {
        height: auto;
    }
    .pro_open .pro_r,
    .pro_open .pro_l {
        width: 100%;
        padding: 1.9% 4%;
    }
    .pro_open .pro_r .pro_p {
        min-height: auto;
        max-height: auto;
    }
    .pro_buy {
        font-size: .3rem;
        line-height: .4rem;
    }
    .join .li {
        width: 50%;
    }
    .join .li a {
        border-width: .08rem;
    }
    .join .li .j_d h1 {
        font-size: .36rem;
        line-height: .52rem;
    }
    .join .li .j_d p {
        font-size: .24rem;
        line-height: .36rem;
    }
    .join .li .j_d .j_p span {
        display: block;
        float: none;
    }
    .join .li .j_p b {
        height: 0.09rem;
        width: .26rem;
        top: -.045rem;
    }
    .b_nav {
        position: absolute;
        top: .82rem;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 998;
        padding-bottom: .2rem;
        display: none;
    }
    .b_nav a {
        display: block;
        font-size: .3rem;
        line-height: .4rem;
        padding: .15rem 0;
    }
    .pro_center .p-right li {
        width: 46.92%;
    }
    .pro_center .p-right li {
        margin-left: 9px;
    }
    .pro_center .p-right li .p_img {
        height: 2.5rem
    }
    .bigImage .big_box {
        width: 65%;
        padding: .5rem 5%;
    }
    .bigImage .big_box.li .j_d h1 {
        font-size: .36rem;
        line-height: .52rem;
    }
    .join_gw .li .j_p,
    .join_gw .j_d .j_text,
    .bigImage .big_box.li .j_d h2 {
        font-size: .24rem;
        line-height: .36rem;
    }
    .bigImage .big_box.li .j_d h4,
    .bigImage .big_box.li .j_d h6 {
        font-size: .24rem;
        line-height: .3rem;
    }
    .company .c_right .c_r_img {
        height: auto;
    }
    .company .c_right .c_r_img span {
        background-size: .68rem .68rem;
    }
    .bigImage .big_box.li .j_text {
        height: 2.6rem;
    }
}


}