/*@charset "UTF-8";*/

/*手机端*/
@media screen and (max-width: 1200px) {
    .xl-progress-wp{
        width:156px;
        height:71px;
    }
    @media screen and (orientation:landscape){
        .xl-progress-wp{
            width:156px;
            height:auto;
        }
    }
    .logo-pd{
        padding:0 28px;
    }
    .xl-progress__txt{
        margin-top:12px;
        font-size:14px;
        line-height:20px;
    }
    .swiper-container{
        transform:translate3d(0,0,0);
    }
    .swiper-slide{
        transform:translate3d(0,0,0);
    }
    .header_ul{
        display:none;
    }
    .header_slideSubMenu{
        display:none!important;
    }
    .header_nav_button{
        display:block;
    }
    .header_wrap,.header_wrap .web_center,.header_box{
        height:60px;
    }
    .web_center{
        width:auto!important;
        padding:0 20px;
    }

    .header_box{
        padding:0;
        display:-webkit-flex;
        display:flex;
        -webkit-justify-content:space-between;
        justify-content:space-between;
        -webkit-align-content:center;
        align-content:center;
    }

    .header_logo{
        width:110px;
    }

    .header_nav_button {
        width: 30px;
        height: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-content: space-between;
        align-content: space-between;
        pointer-events: auto;
        cursor: pointer;
    }

    .header_nav_button span {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width:100%;
        height: 2px;
        background: #fff;
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
        transition: all .6s cubic-bezier(.645, .045, .355, 1);
    }
    .header_nav_top .header_nav_button span,.header_wrap.index_nav_box_active .header_nav_button span,.header_white .header_nav_button span{
        background:#333;
    }
    .header_nav_top.index_nav_box_active,.header_white.index_nav_box_active{
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
    .header_wrap.index_nav_box_active  .header_nav_button .header_nav_label1{
       -webkit-transform:translate(0,9px) rotate(45deg);
       transform:translate(0,9px) rotate(45deg);
    }
    .header_wrap.index_nav_box_active  .header_nav_button .header_nav_label2{
        opacity: 0;
    }
    .header_wrap.index_nav_box_active  .header_nav_button .header_nav_label3{
        -webkit-transform:translate(0,-9px) rotate(-45deg);
        transform:translate(0,-9px) rotate(-45deg);
    }
    .nav_public_wrap {
        position: fixed;
        width: 100%;
        top: 60px;
        left: 0;
        display:block;
        background: rgba(255, 255, 255, 1);
        z-index: 9999;
        height: 0%;
        opacity: 1;
        overflow: hidden;
        -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
    }
    .nav_public_wrap.active{
        height:-webkit-calc(100vh - 60px);
        height:calc(100vh - 60px);
        -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
        transition: all .6s cubic-bezier(.645, .045, .355, 1);
        opacity:1;
    }

    .nav_public_box {
        position:relative;
        height:-webkit-calc(100vh - 60px);
        height:calc(100vh - 60px);
        overflow:auto;
        overflow-x:hidden;
        -webkit-overflow-scrolling:touch;
    }
    .nav_public_ul {
        position:relative;
       /* opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
        transition: all .3s cubic-bezier(.645, .045, .355, 1);*/
    }
    /*
    .nav_public_wrap.active .nav_public_ul{
        -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
        transition: all .6s cubic-bezier(.645, .045, .355, 1);
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);

    }
    */
    .nav_public_ul:after{
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        height:1px;
        width:100%;
        background:#e5e5e5;
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center;
        -webkit-transform:scaleY(.5);
        transform:scaleY(.5);
    }

    .nav_public_li {
        position: relative;
    }
    .nav_public_li:before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        height:1px;
        width:100%;
        background:#e5e5e5;
        -webkit-transform-origin:top center;
        transform-origin:top center;
        -webkit-transform:scaleY(.5);
        transform:scaleY(.5);
    }


    .nav_public_li .first-link {
        display:block;
        position: relative;
        font-size: 15px;
        line-height: 54px;
        height: 54px;
        padding:0 30px;
        cursor:pointer;
    }
    .nav_public_li .first-link,.nav_public_li .first-link:hover{
        text-decoration:none;
    }
    .nav_public_li .first-text{
        display:block;
        width:-webkit-calc(100% - 60px);
        width:calc(100% - 60px);
        color: #686868;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }
    .nav_public_li.nav_active .first-text{
        color:#e31d1a;

    }
    .nav_public_li .first-arr{
        position:absolute;
        top:50%;
        right:30px;
        height:14px;
        width:30px;
        margin-top:-7px;
    }
    .nav_public_li .first-arr:before{
        content:'';
        position:absolute;
        top:50%;
        left:auto;
        right:0;
        width:12px;
        height:12px;
        -webkit-box-sizing:content-box;
        box-sizing:content-box;
        margin-left:-7px;
        margin-top:-7px;
        border-left:2px solid #040404;
        border-bottom:2px solid #040404;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        transition:all .3s linear;
    }
    .nav_public_li.nav_li_open .first-arr:before{
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        transform:rotate(135deg);
    }
    .nav_public_li .sec-div{
        display:none;
        padding-left:60px;
        background:#fafafa;
    }
    .nav_public_ul .sec-li{
        position:relative;
    }
    .nav_public_ul .sec-li:before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        height:1px;
        width:100%;
        background:#e5e5e5;
        -webkit-transform-origin:top center;
        transform-origin:top center;
        -webkit-transform:scaleY(.5);
        transform:scaleY(.5);
    }
    .nav_public_li .sec-link {
        display:block;
        position: relative;
        font-size: 14px;
        line-height: 54px;
        height: 54px;
        margin-right:30px;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
    }
    .nav_public_li .sec-link,.nav_public_li .sec-link:hover{
        text-decoration:none;
    }




    .header_wrap{
        -webkit-transition:none!important;
        transition:none!important;
    }
    .header_wrap.index_nav_box_active{
        /*background:none;*/
        z-index:10000;
    }



    .banner_img img{
        height:100vh;
        object-fit:cover;
    }
    .banner_top_item1{
        width:50%;
    }
    .banner_top_item2{
        width:50%;
    }
    .banner_top_item3{
        width:50%;
    }
    .banner_top_item4{
        width:50%;
    }
    .banner_top_item1 .banner_top_read{
        padding:20px 10px;
    }
    .banner_top_item2 .banner_top_read{
        padding:20px 10px;
    }
    .banner_top_item3 .banner_top_read{
        padding:20px 10px;
    }
    .banner_top_item4 .banner_top_read{
        padding:20px 10px;
    }
    .banner_top_title{
        font-size:18px;
        line-height:28px;
    }
    .banner_top_text{
        font-size:12px;
        line-height:18px;
        height:36px;
    }
    .banner_top_animate .banner_top_item4{
        -webkit-animation: transLeft .8333s .4s forwards ease-in-out;
        animation: transLeft .8333s .4s forwards ease-in-out;
    }
    .banner_top_wrap{top:-100vh;display:none;}
    .banner_box {
        height:100vh;
    }

    .banner_p {
        font-size: 23px;
        line-height: 30px;
    }

    .banner_text_read {
        font-size: 15px;
        padding: 12px 0 40px 0;
    }
    .banner_text {

        margin-left:0;
        padding-bottom:0;
    }
    .banner_text.web_center{
        width:-webkit-calc(100% - 40px)!important;
        width:calc(100% - 40px) !important;
    }
    .index_swiper_pagination {
        position: absolute;
        z-index: 99;
        left: 0 !important;
        width: 100%!important;
        bottom: 20px !important;
        margin: 0 auto;
        text-align: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -webkit-flex-flow:row nowrap;
        flex-flow:row nowrap;
        -webkit-justify-content: center;
        justify-content: center;

    }

    .index_swiper_pagination .swiper-pagination-bullet {
        display:inline-block;
        vertical-align:top;
        width: 10px;
        height: 10px;
        margin: 0 5px!important;
        opacity: .5;
        background: rgba(255, 255, 255, 1);
        -webkit-border-radius: 1000px;
        border-radius:1000px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .index_swiper_pagination .swiper-pagination-bullet-active {
        opacity: 1 !important;
        width: 10px;
        height: 10px;
    }
    .index_merit_box{
        padding:40px 0;
    }
    .index_public_title{
        font-size:19px;
        line-height:30px;
        font-weight:normal;
    }
    .index_public_line{
        width:40px;
        height:2px;
        margin:8px auto;
    }
    .index_public_text{
        font-size:13px;
        line-height:22px;
        padding:20px 0 0;
    }

    .index_merit_content {
        padding: 120px 0  100px;
    }
	
	.index_content_wrap{
		width:100%;
		overflow:hidden;
	}

    .merit_product_img {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .merit_product_item {
        position: absolute;

    }

    .merit_product_item:nth-child(1) {
        left: 18%;
        top: 40%;
    }

    .merit_product_item:nth-child(2) {
        left: 17%;
        top: 61.5%;
    }

    .merit_product_item:nth-child(3) {
        left: 80%;
        top: 49%;
    }

    .merit_dot_list {
        position: absolute;

    }

    .merit_dot {
        position: absolute;
        left: 0;
        top: 0;
        background: #e2211c;
        width: 6px;
        height: 6px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        opacity:0;
    }
    .merit_product_item_active .dot1{
        opacity: 1;
    }
    .merit_product_item_active .dot2 {
       display:none;
    }

    .merit_product_item_active .dot3 {
        display:none;
    }

    .merit_product_item_active .dot4 {
        display:none;
    }

    .merit_product_item_active .dot5 {
        display:none;
    }
    .merit_line_list{
        display:none;
    }
    .merit_line_list_wap svg{
        display:block;
        position:absolute;
        width:100%;
        height:100%;
    }
    .merit_line_list_wap{
        display:block;
        position:absolute;
        width:0;
        height:55px;
        overflow:hidden;
        -webkit-transition: all .6s .6s cubic-bezier(.61, .24, .51, .87);
        transition: all .6s .6s cubic-bezier(.61, .24, .51, .87);
    }
    .merit_product_item_active .merit_line_list_wap{
        width:100px;
    }
    .merit_product_item1 .merit_line_list_wap{
        height:110px;
        right:-5px;
        bottom:-5px;
    }
    .merit_product_item1 .merit_line_list_wap svg{
        right:0;
        bottom:0;
    }
    .merit_product_item2 .merit_line_list_wap{
        width:100px;
        height:0;
        top:5px;
        right:-2px;
    }
    .merit_product_item2.merit_product_item_active .merit_line_list_wap{
        height:110px;
    }
    .merit_product_item2 .merit_line_list_wap svg{
        top:0;
        right:0;
    }
    .merit_product_item3 .merit_line_list_wap{
        height:130px;
        left:2px;
        bottom:-5px;
    }
    .merit_product_item3 .merit_line_list_wap svg{
        left:0;
        bottom:0;
    }
    .merit_text{
        font-size:10px;
        line-height:14px;
        width:90px;
    }
    .merit_product_item1 .merit_text {
        right: -90px;
        top: auto;
        bottom: 114px;
        width: 150px;
    }
    .merit_product_item2 .merit_text{
        right: -112px;
        top: 124px;
        width:180px;
    }
    .merit_product_item3 .merit_text {
        width: 150px;
        left: -90px;
        top: auto;
        bottom: 138px;
        text-align:right;
    }
    .index_show_item {
        width: 50%;
        padding: 30px 0 35px;
    }

    .index_show_title {
        font-size: 17px;
        line-height: 24px;
        min-height: 48px;
        margin-bottom: 8px;
    }

    .index_show_text {
        font-size: 13px;
        line-height: 16px;
        min-height: 48px;
    }
    .index_show_head {
        min-height: 0px;
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .index_back_item {
        width: 50%;
        height: 50%;
    }
    .index_show_item:nth-child(3),.index_show_item:nth-child(4){
        padding-top:60px;
    }
    .show_icon_read img{
        display:block;
        width:80%;
        margin:0 auto;
    }
    .index_product_wrap{
        padding-bottom:50px;
    }
    .index_product_box{
        padding-top: 35px;
    }
    .index_product{
        margin:30px 10px 0;
    }
    .indProLeft{
        width:100%;
        float:none;
        padding-bottom:20px;
    }
    .indProRight{
        width:100%;
        float:none;
        right:0;
    }
    .indProInfo{
        padding-top:18px;
    }
    .indProTextTit{
        padding-bottom:14px;
        font-size:17px;
        line-height:26px;
    }
    .indProTextCon{
        font-size:13px;
        line-height:22px;
        height:44px;
        -webkit-line-clamp:2;
    }
    .proNav{
        margin-bottom:12px;
        white-space: nowrap;
    }
    .proNavItem{
        font-size:16px;
        line-height:42px;
        height:44px;
        padding:0 35px;
        max-width:48%;
    }
    .indBtnMore,.index_v2_btn{
        font-size:12px;
        line-height:28px;
        height:28px;
        border-radius:999px;
    }
    .indBtnMore_in,.index_v2_btn_in{
        padding:0 20px;
    }
    .indBtnMore i,.index_v2_btn i{
        margin-left:3px;
        width:7px;
        height:14px;
        top:-1px;
    }

    .indProTextBtn{
        margin-top:30px;
    }
	.index_video_box{
		width:100%;
	}
	.index_video_close{
		width:35px;
		height:35px;
        right:12px;
        top:12px;
	}
    .web_center_pro_wrap{padding:0;}
    .web_center_pro{padding:0 40px;}
    .web_center_pro_ch{
        padding:0 40px;
    }
    .bannerSwiper-button-prev, .bannerSwiper-button-next{top:50%;width:22px;height:30px;margin-top:-15px;}
    .bannerSwiper-button-prev{
        left:0;
    }
    .bannerSwiper-button-next{
        right:0;
    }
    .join_det_swiper .bannerSwiper-button-prev{
        left:20px;
    }
    .join_det_swiper .bannerSwiper-button-next{
        right:20px;
    }
    .indProPics{ margin-top:40px;}
    .indProPics-tit{
        font-size:14px;
        line-height:26px;
        margin-bottom:18px;
    }
    .swiper-container-indpro-prev{
        /*left:-18px;*/
        left:-25px;
    }
    .swiper-container-indpro-next{
        /*right:-18px;*/
        right:-25px;
    }
    .swiper-container-indpro-prev i, .swiper-container-indpro-next i{
        transform:scale(1.6);
    }
    .index_videos_wrap .chd{
        width:100%;
    }
    .index_v1_msg{
        font-size:16px;
        line-height:24px;
    }
    .index_v2_msg{
        font-size:23px;
        line-height:28px;
        margin-bottom:24px;
    }
    .index_news_wrap{
        padding-top:32px;
        padding-bottom:28px;
    }
    .index_news_wrap .index_public_tips{
        padding-bottom:16px;
    }
    .index_news{
        padding-bottom:28px;
    }
    .indNewsItem{
        position:relative;
        border-bottom:none;
        padding-top:20px;
        padding-bottom:25px;
    }
    .indNewsItem:first-child{
        border-top:none;
    }
    .indNewsItem:after{
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:1px;
        background:#bababb;
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        -webkit-transform:scaleY(.5);
        transform:scaleY(.5);
    }
    .indNewsItem:first-child:before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:1px;
        background:#bababb;
        -webkit-transform-origin:top;
        transform-origin:top;
        -webkit-transform:scaleY(.5);
        transform:scaleY(.5);
    }
    .indNewsItemPic{
        width:100%;
        margin-bottom:18px;
    }
    .indNewsItemInfo{
        width:100%;
    }
    .indNewsItemMsg{
        margin-bottom:16px;
        width:100%;
    }
    .indNewsItemTit a{
        display:inline-block;
        max-width:100%;
        max-height:none;
        text-overflow: clip;
        -webkit-line-clamp: initial;
    }
    .indNewsItemTit{
        font-size:17px;
        line-height:26px;
        max-height:none;
        text-overflow: clip;
        display: block;
        -webkit-line-clamp: initial;
        margin-bottom:18px;

    }
    .indNewsItemCon{
        font-size:13px;
        line-height:22px;
        height:auto;
        text-overflow: clip;
        display: block;
        -webkit-line-clamp: initial;
    }

    .indNewsItemOth .time{
        font-size:13px;
        line-height:28px;
    }
    .indNewsItemOth .more{
        font-size:13px;
        line-height:28px;
    }
    .indNewsItem.flex{
        display:block;
    }

    .footer_wrap{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .foot{
        padding-top:35px;
        padding-bottom:40px;
    }
    .foot .lBx{
        float:none;
        padding-top:0;
    }
    .foot .rBx{
        float:none;
        position:relative;
        margin:0 auto;
        width:100%;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .foot-wx-btn{
        margin-bottom:25px;
    }
    .foot-wx-btn-tit .iconfont{
        font-size:24px;
        line-height:30px;
        margin-right:10px;
    }
    .foot-wx-btn-tit .txt{
        font-size:14px;
        line-height:30px;
    }
    .foot-wx-wrap{
        padding-top:5px;
    }
    .foot-wx img{
        width:80px;
        height:80px;
    }
    .foot .rBx-item{
        display:none;
    }
    .foot .rBx-item-last{
        display:inline-block;
        vertical-align:top;
    }
    .foot .rBx-item-last .rBx-tit{
        display:none;
    }
    .foot .rBx-item-last .foot-cont{
        font-size:14px;
        line-height:24px;
        display:inline-block;
        vertical-align:top;
    }
    .cont-wx-wrap{
        padding-bottom:16px;
        width:90px;
        margin-left:-45px;
        top:-103px;
    }
    .cont-wx{
        padding-top:5px;
        padding-bottom:5px;
    }
    .cont-wx img{
        width:80px;
        height:80px;
    }


    .copyright{
        padding: 18px 0;
        font-size: 12px;
        line-height: 24px;

    }
    .copyright .p1{float:none;text-align:center;}
    .copyright .p2{float:none;text-align:center;}
    .copyright .p2 a,.copyright .p2 .a{margin-left:8px;}


    .index_video_wrap .index_v1{
        position:absolute;
        width:80%;
        height:70px;
        left:50%;
        top:50%;
        margin-left:-40%;
        margin-top:-35px;
    }
    .index_video_play{
        margin:0 auto 10px;
        width:40px;
        height:40px;
    }
    .index_video_play:before{
        margin-left:-4px;
        margin-top:-7px;
        width:0;
        height:0;
        border-left:10px solid #333;
        border-top:7px solid transparent;
        border-bottom:7px solid transparent;


    }
    .index_v1_msg{
        margin:0 auto;
        font-size:13px;
        line-height:20px;
    }
    .index_v2{
        height:64px;
        margin-top:-32px;
    }
    .index_v2_msg{
        font-size:24px;
        line-height:24px;
        margin-bottom:12px;
    }


    .banner_inner_wrap{
        margin-top:60px;
    }
    .banner_inner_wrap .banner_bg img{
        height:50vh;
        object-fit:cover;
    }
    .banner_inner_wrap.banner_inner_join_wrap .banner_bg img{
        height:-webkit-calc(100vh - 60px);
        height:calc(100vh - 60px);
    }
    .banner_inner_text{
        height: 64px;
        margin-top: -32px
    }
    .banner_inner_text_title {
        font-size: 20px;
        line-height: 30px;
    }
    .banner_inner_text_subtitle {
        font-size: 20px;
        line-height: 34px;
    }
    /*加入*/
    .join_banner_text{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        width:100%;
    }
    .join_banner_in .join_text_tit{
        padding-bottom:26px;
    }
    .join_banner_in .join_text_tit h2{
        font-size:22px;
        line-height:26px;
    }
    .join_banner_in .join_text_tit h3{
        font-size:18px;
        line-height:26px;
    }
    .join_banner_in .join_text_tit .p{
        padding-top:4px;
        font-size:12px;
        line-height:20px;
    }
    .join_banner_in .join_p{
        padding-bottom:0;
    }
    .join_banner_in .join_lnk{
        font-size:13px;
        line-height:40px;
    }
    .join_banner_in .join_lnk_in{
        padding:0 26px;
    }
    .join_banner_in .join_lnk2_mar_right{
        margin-right:16px;
    }
    .join_banner_in .join_lnk .iconfont{
        font-size:17px;
        vertical-align: middle;
        margin-right:8px;
    }
    .join_banner_in .join_lnk2 .iconfont{
        font-size:16px;
    }
    .join_lnk_to_right{
        margin-left:8px;
        width:16px;
        vertical-align:-2px;
    }
    .join_box1{
        padding-top:35px;
    }
    .join_box1 .content {
        padding: 15px 0 50px;
        font-size: 15px;
        line-height: 24px;
        text-align:justify;
    }
    .join_wel .box-left{
        width:100%;
    }
    .join_wel .box-right{
        position:relative;
        width:100%;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-flex-direction:row;
        flex-direction:row;
        -webkit-justify-content:center;
        justify-content:center;
        -webkit-align-content:flex-start;
        align-content:flex-start;
        -webkit-align-items:stretch;
        align-items:stretch;
        height:auto;
    }
    .join_wel .box-right .chd{
        float:none;
        width:50%;
        height:auto;
    }
    .join_wel .box-right .chin{
        position:relative;
        left:0;
        top:0;
        -wekbit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    .join_wel .box-right .chd1 .chin,.join_wel .box-right .chd2 .chin,.join_wel .box-right .chd3 .chin,.join_wel .box-right .chd4 .chin{
        width:100%;
        padding:28px 10px;
    }
    .join_wel .box-right .icon-wrap{
        padding-bottom:20px;
    }
    .join_wel .box-right .icon-wrap .iconfont{
        font-size:38px;
        line-height:46px;
    }
    .join_wel .box-right .icon-wrap .iconfont.icon-xuexi{
        font-size:34px;
    }
    .join_wel .box-right .text-wrap{
        font-size:13px;
        line-height:20px;
        height:auto;
    }
    .join_box2{
        padding-top:38px;
        padding-bottom:80px;
    }
    .join_box2 .web_center{
        padding-bottom:20px;
    }
    .join_style_box{
        padding-bottom:60%;
    }
    .join_style_wrap{
        padding-left:0;
    }
    .join_style_sNav_in{
        right:15px;
    }
    .join_box_text{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        -webkit-transform:translateY(0%);
        -moz-transform:translateY(0%);
        transform:translateY(0%);
    }
    .join_box_text_in{
        width:100%;
        height:100%;
        padding:20px;
        background:rgba(255,255,255,0);
    }
    .join_box_text_tit{
        padding-bottom:5px;
        margin-bottom: 10px;
        border-bottom:1px solid rgba(255,255,255,.2);
        box-shadow:0 1px 2px rgba(0,0,0,0.15);
    }
    .join_box_text_title{
        font-size:13px;
        line-height:20px;
        color:#fff;
        text-shadow:0 1px 3px rgba(0,0,0,0.5);
    }
    .join_box_text_time{
        font-size:12px;
        line-height:16px;
        color:#fff;
        text-shadow:0 1px 3px rgba(0,0,0,0.5);
    }
    .join_box_con{
        display:none;
        font-size:12px;
        line-height:16px;
        max-height:64px;
        overflow:hidden;
    }
    .banner_inner_wrap.banner_detail_inner_join_wrap .banner_bg img{
        height:52vw;
    }
    .join_detail_box1{
        padding-top:30px;
        padding-bottom:30px;
        font-size:13px;
        line-height:22px;
        text-align:justify;
    }
    .join_detail_box1 p{
        margin:1em 0;
    }
    .join_detail_box2{
        padding-top:30px;
        padding-bottom:60px;
    }
    .join_detail_box2_in{
        padding-top:20px;
        padding-bottom:10px;
    }
    .join_detail_box2_in .web_center{
        padding:0;
    }
    .joList_result{
        margin:0;
    }
    .joList_item{
        float:none;
        width:100%;
        margin-bottom:5px;
    }
    .joList_item .lnk{
        display:block;
        background:none;
        padding:22px 20px;
        height:auto;
        margin:0;
        background:#fff;
        border-bottom:none;
    }
    .joList_item .joList_item_title {
        display:block;
        font-size: 16px;
        line-height: 19px;
        height: auto;
        overflow: visible;
        -o-text-overflow: clip;
        text-overflow: clip;
        -webkit-line-clamp: none;
        margin-bottom:15px;
    }
    .joList_item .joList_item_con{
        font-size:12px;
        line-height:18px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .joList_item .joList_item_con .txt2{
        padding-left:7px;
        margin-left:7px;
    }
    .join_det_wrap{
        margin-top:60px;
        padding-top:25px;
        padding-bottom:40px;
    }
    .join_det_left{
        float:none;
        width:100%;
        padding:20px;
    }
    .join_det_right{
        display:none!important;
    }
    .join_det_left_tit{
        margin-bottom:25px;
    }
    .join_det_left_title{
        font-size: 17px;
        line-height: 24px;
    }
    .join_det_left_sub{
        font-size:12px;
        line-height:15px;
        padding:4px 0;
    }
    .join_det_left_sub .txt2{
        padding-left:8px;
        margin-left:8px;
    }
    .join_det_left_time{
        font-size:12px;
        line-height:15px;
    }

    .join_det_left_con{
        padding-top:8px;
        padding-bottom:8px;
        min-height:400px;
        font-size:12px;
        line-height:18px;
    }
    .join_det_left_con p + h1,.join_det_left_con p + h2,.join_det_left_con p + h3,
    .join_det_left_con p + h4,.join_det_left_con p + h5,.join_det_left_con p + h6{
        margin-top:32px;
    }
    .join_det_left_con h1,.join_det_left_con h2,.join_det_left_con h3,
    .join_det_left_con h4,.join_det_left_con h5,.join_det_left_con h6{
        font-size:13px;
        line-height:20px;
        margin-bottom:16px;
    }
    .join_det_left_con h1:after,.join_det_left_con h2:after,.join_det_left_con h3:after,
    .join_det_left_con h4:after,.join_det_left_con h5:after,.join_det_left_con h6:after{
        margin-left: 8px;
    }


    /*关于*/
    .about_box1_wrap{
        padding-top:25px;
        padding-bottom:45px;
    }
    .about_public_title{
        font-size:19px;
        line-height:30px;
        font-weight:normal;
    }
    .about_public_title:after{
        width:40px;
        height:2px;
        margin:8px auto;
    }
    .about_public_title::after{
        width:28px;
        height:1px;
        margin:8px auto;
    }
    .about_box1 .about_content{
        padding:30px 0 0;
        font-size:13px;
        line-height:22px;
    }


    .about_box4_wrap,.about_box4_back,.about_box4_back,.about_box4_wrap.fade-expand .xgl_back_inner{
        height:220px;
    }

    .about_box4{
        height:160px;
        margin-top:-80px;
    }
    .about_box4 > .web_center{
        padding:0 12px;
    }
    .about_box4 .about_content{
       padding-top:18px;
    }
    .about_box4 .about_content .item-left{
        width:45%;
    }
    .about_box4 .about_content .title{
        font-size:19px;
        line-height:30px;
        font-weight:normal;
        margin-bottom:18px;
    }
    .about_box4 .about_content .content{
        font-size:12px;
        line-height:18px;
    }
    .about_box4 .about_content .item-right{
        width:55%;
        padding-left:10px;
        text-align:right;
    }
    .about_box4 .about_content .content i{
        padding-left:7px;
        min-height:18px;
        margin-left:3px;
    }
    .about_box4 .about_content .content i:before{
        width:4px;
        height:4px;
        margin-top:-2px;
    }
    .about_box8_wrap{
        padding-top:30px;
        padding-bottom:50px;
    }
    .about_box8_wrap .about_public_title{
        padding-bottom:28px;
    }
    .about_box8 .item{
        width:50%;
        margin-bottom:16px;
    }
    .about_box8 .swiper-page-li-wrap{
        margin-top:10px;
        height:3px;
    }
    .about_box8 .swiper-page-li{
        width:40px;
        height:3px;
        margin:0 5px;
    }
    .about_history_wrap{
        padding-top:50px;
        padding-bottom:50px;
    }
    .about_history{
        display:none;
    }
    .about_history_wap{
        display:block;
        position:relative;
        margin-top:40px;
    }
    .about_history_wap:before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        height:20px;
        width:100%;
        background:#e30012;
    }
    .about_history_wap:after{
        content:'';
        position:absolute;
        left:0;
        top:10px;
        width:100%;
        height: 1px;
        background-image: linear-gradient(to right,#fff 0%,#fff 50%,transparent 50%);
        background-size: 16px 1px;
        background-repeat: repeat-x;
    }
    .swiper-container-hiswap .swiper-slide{
        height:200px!important;
    }
    .swiper-container-hiswap .dot{
        position:absolute;
        left:40%;
        top:6px;
        width:8px;
        height:8px;
        margin-left:-4px;
        background:#fff;
        border-radius:50%;

    }
    .swiper-container-hiswap .dot:before{
        content:'';
        position:absolute;
        left:50%;
        top:50%;
        width:14px;
        height:14px;
        margin:-7px 0 0 -7px;
        background:rgba(255,255,255,.5);
        z-index:-1;
        border-radius:50%;
    }
    .swiper-container-hiswap .dot .year-wrap{
        position:absolute;
        top:22px;
        left:50%;
        font-size:18px;
        line-height:30px;
        color:#3d3a39;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        transform:translateX(-50%);
    }
    .swiper-container-hiswap .dot .info{
        position:absolute;
        top:38px;
        left:0;
        width:240%;
        font-size:12px;
        line-height:20px;
        color:#595757;
    }
    .swiper-hiswap-prev,.swiper-hiswap-next{
        position:absolute;
        top:80px;
        width:20px;
        height:36px;
        overflow:hidden;
        cursor:pointer;
        z-index:12;
    }
    .swiper-hiswap-prev{
        left:7px;
    }
    .swiper-hiswap-next{
        right:7px;
    }
    .swiper-hiswap-prev:before,.swiper-hiswap-next:before{
        content:'';
        position:absolute;
        top:50%;
        margin-top:-12px;
        border-top:1px solid #cdcdcd;
        width:23px;
        height:23px;
        transition:all .3s linear;
    }
    .swiper-hiswap-prev:before{
        left:50%;
        margin-left:-2px;
        border-left:1px solid #cdcdcd;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    .swiper-hiswap-next:before{
        right:50%;
        margin-right:-2px;
        border-right:1px solid #cdcdcd;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .about_NsWebHisIn{
        left:10px;
        margin-top:20px;
    }
    .NsWebHisItem-year{
        font-size: 18px;
        margin-bottom: 8px;
    }
    .NsWebHisItem-info-wrap{
        overflow:hidden;
    }
    .NsWebHisItem-info{
        font-size: 13px;
        line-height: 18px;
    }
    .NsWebHisItemIn{
        padding:16px 45px 16px 35px;
    }
    .about_history_title{
        margin-bottom:0;
    }
    .NsWebHisItemIn .NsWebHisPic{
        float:left;
        position:relative;
        top:5px;
        left:0;
        width:96px;
        height:64px;
        margin-bottom:8px;
        margin-right:16px;
        opacity:1;
    }
    .NsWebHisItem{
        border-right:none;
        margin:0;
    }
    .swiper-NsWebHis-button{
        width: 36px;
        height: 36px;
        margin-top: 0;
        top: 33px;
    }
    .swiper-NsWebHis-button-prev{
        left:8px;
    }
    .swiper-NsWebHis-button-next{
        right:8px;
    }
    .swiper-NsWebHis-button:before{
        margin-top:-6px;
        width:11px;
        height:11px;
        border-top-width:1px;
    }
    .swiper-NsWebHis-button-prev:before{
        border-left-width:1px;
        margin-left:-3px;
    }
    .swiper-NsWebHis-button-next:before{
        border-right-width:1px;
        margin-right:-3px;
    }


    /*联系*/
    .contact-info-wrap{
        padding-top:30px;
        padding-bottom:30px;
    }
    .contact-info .lay-icon{
        font-size:30px;
        line-height:40px;
        margin-bottom:5px;
    }
    .contact-info .lay-icon .icon-lianxi-youxiang_huaban1{
        font-size:30px;
    }
    .contact-info .lay-icon .icon-dianhua{
        font-size:32px;
    }
    .contact-info .lay-icon .icon-weixin1{
        font-size:34px;
    }
    .contact-info .lay-info{
        font-size:10px;
        line-height:16px;
    }
    .contact-info .item{
        width:100%;
    }
    .contact-info .item:nth-child(3n-2), .contact-info .item:nth-child(3n-1){
        border-right:none;
        padding-bottom:15px;
    }
    .contact-map-wrap{
        padding-top:20px;
        padding-bottom:40px;
    }
    .contact-map{
        height:100vw;
    }
    .web_center_chtit{
        padding-bottom:18px;
    }
    .web_center_chtit .tit{
        padding-bottom:12px;
    }
    .web_center_chtit .tit-in{
        font-size:18px;
        line-height:38px;
        font-weight:normal;
    }
    .web_center_chtit .subtit{
        font-size:13px;
        line-height:22px;
        padding:5px 0;
    }
    .web_center_ch_top{
        padding-top:20px;
        padding-bottom:30px;
        margin-bottom:30px;
    }

    /*产品*/
    .proPCNav{
        display:none!important;
    }
    .NaShen-arr.NaShen-arr-abs{
        position:absolute;
        bottom:8px;
    }
    .NaShen-arr{
        position:fixed;
        z-index:90;
        left:50%;
        margin-left:-15px;
        bottom:10px;
        width:30px;
        height:45px;
        cursor:pointer;
    }
    .NaShen-arr .arr1,.NaShen-arr .arr2{
        position:absolute;
        left:50%;
        width:30px;
        height:14px;
        margin-left:-15px;
    }
    .NaShen-arr .arr1{
        top:0;
        -webkit-animation:NaShenAni 1.2s linear 0s infinite forwards;
        animation:NaShenAni 1.2s linear 0s infinite forwards;
    }
    .NaShen-arr .arr2{
        top:10px;
        -webkit-animation:NaShenAni2 1.2s linear 0s infinite backwards;
        animation:NaShenAni2 1.2s linear 0s infinite backwards;
    }
    .NaShen-arr i{
        position:absolute;
        width:17px;
        height:17px;
        top:50%;
        left:50%;
        margin-top:-9px;
        margin-left:-4px;
        border-left:1px solid #999;
        border-bottom:1px solid #999;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }

    @keyframes NaShenAni {
        0%{
            opacity:0;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        25% {
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(14px);
            transform:translateY(14px);
        }
    }


    @keyframes NaShenAni2 {
        0%{
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        75%{
            opacity:0;
            -webkit-transform:translateY(14px);
            transform:translateY(14px);
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(14px);
            transform:translateY(14px);
        }
    }

    .slide-inner1 .leftBox-wrap{
        width:100%!important;
        padding-left:20px;
        padding-right:20px;
    }
    .swiper-slide-1-even .slide-inner1 .leftBox-wrap{
        padding-right:0!important;
    }
    .swiper-container-pro .slide-inner1 .leftBox{
        width:100%;
        padding-bottom:20px;
    }
    .swiper-container-pro .slide-inner1 .tit-wrap{
        text-align:left;
        padding-bottom:25px;
        margin-bottom:0;
    }
    .swiper-container-pro .slide-inner1 .tit{
        font-size:24px;
        font-weight:bold;
        line-height:26px;
        margin-bottom:6px;
    }
    .swiper-container-pro .slide-inner1 .subtit{
        font-size:16px;
        font-weight:normal;
        line-height:24px;
    }
    .swiper-container-pro .slide-inner1 .con-wrap{

        font-size:12px;
        line-height:22px;
        padding-bottom:30px;
        text-align:justify;
    }
    .swiper-container-pro .slide-inner1 .lay-button{
        text-align:left;
    }
    .prolist-btn{
        width:100px;
        height:32px;
        line-height:32px;
        font-size:12px;
    }
    .prolist-btn i {
        margin-right: 8px;
    }
    .swiper-container-pro .slide-inner1{
        display:block;
        padding-top:80px;
    }
    .slide-inner1 .rightBox{
        display:none;
    }
    .slide-inner1 .rightBox-wap{
        display:block;
        width:100%;
        padding-top:20px;
        padding-bottom:20px;
        margin-bottom:20px;
    }
    .slide-inner1 .rightBox-wap img{
        display:block;
        /*width:50%;*/
        width:60%;
        max-height:40vh;
        object-fit:contain;
        margin:0 auto;
    }
    .proDDBanner .lay_image{
        margin-top:60px;
        padding-top:0;
        padding-bottom:0;
        height:50vh;
    }
    .proDDBannerTit{
        padding-top:10px;
    }
    .proDDBannerTit .tit{
        font-size: 26px;
        line-height: 52px;
        margin-bottom: 12px;
    }
    .proDDBannerTit .tit:after{
        width:40px;
        height:2px;
    }
    .proDDBannerTit .subtit{
        font-size:12px;
        line-height:20px;
    }
    .proDDBannerBg .img_web{
        top:30%;
        height:40vh;
    }
    .proDDBannerIcons{
        left:20px;
        bottom:80px;
        width:-webkit-calc(100% - 40px);
        width:calc(100% - 40px);
    }
    .proDDBannerIcons .item .icon-wrap{
        font-size:40px;
        line-height:60px;
    }
    .proDDBannerIcons .item .inf{
        font-size:13px;
        line-height:20px;
    }
    .proDDX .con1{
        padding-top:30px;
        padding-bottom:40px;
    }
    .proDDX .proCC .con1{
        padding-top:15px;
    }
    .con-tit {
        font-size:20px;
    }
    .proDDX .con1-tit{
        line-height:30px;
        margin-bottom:12px;
    }
    .proDDX .con1-con{
        font-size:13px;
        line-height:22px;
        text-align:justify;
    }
    .proDDX .con1-po .con1-con{
        padding:0;
    }
    .proDDX .con2{
        padding-top:30px;
        padding-bottom:30px;
    }
    .proDDX .con2-tit{
        line-height:30px;
        margin-bottom:10px;
    }
    .proDDX .con2-con{
        font-size:14px;
        line-height:24px;
    }
    .proDDX .con2-con .item{
        padding:8px 0 8px 16px;
        min-height:40px;
    }
    .proDDX .con2-con .item:before{
        top:17px;
        width:6px;
        height:6px;
    }
    .proDDX .con3{
        padding-top:30px;
        padding-bottom:30px;
    }
    .proDDX .con3-tit{
        line-height:30px;
        margin-bottom:10px;
    }
    .proDDX .con3-con table td:nth-child(1){
        width:120px;
    }
    .proDDX .con3-con table td{
        font-size: 13px;
        line-height: 20px;
        padding: 10px 10px 10px 0;
    }
    .proDDX  .con4{
        padding-top:30px;
        padding-bottom:50px;
    }
    .proDDX .con4-tit{
        line-height:30px;
        padding-bottom:20px;
    }
    .proDDX .con4-con-wrap{
        margin:0;
    }
    .proDDX .con4-con{
        margin:0 -10px;
    }
    .proDDX .con4-con .item{
        padding:0 10px 20px;
    }
    .proDDX .con4-con .img-wrap img{
        height:100px;
    }
    .proDDX .con4-con .img-wrap{
        padding-bottom:5px;
    }
    .proDDX .con4-con .inf-wrap {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .proDDX .con4-con .inf-tit {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .proDDX .con4-con .inf-con{
        font-size: 12px;
        line-height: 20px;
        min-height:40px;
    }
    .proDDX .con4-con .prolist-btn{
        /*width:100px;*/
		width:90px;
        height:30px;
        line-height:30px;
        font-size:12px;
    }
    .proDDX .con4-con .prolist-btn i{
		margin-right:8px;
    }
    .proDDX .con4-con .prolist-btn i{
        position:relative;
        top:-2px;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 5px solid #fff;
    }
    .proDDX .conx{
        padding-top:30px;
        padding-bottom:30px;
    }
    .proDDX .conx-tit{
        line-height: 30px;
        margin-bottom: 12px;
    }
    .proDDX .conx-con{
        font-size:13px;
        line-height:26px;
    }
    /*新闻*/
    .inner_news_content_wrap{
        padding-top:50px;
        padding-bottom:80px;
    }
    .inrNewsList .inrNewsItem{
        width:100%;
        margin-bottom: 30px;
    }
    .inrNewsItemInfo{
        padding:20px 15px 18px;
    }
    .inrNewsItemMsg{
        padding-bottom:18px;
    }
    .inrNewsItemTit{
        font-size:15px;
        line-height:24px;
        height:auto;
    }
    .inrNewsItemOth{
        font-size:14px;
        line-height:28px;
    }
    .inrNewsItemOth .iconfont{
        font-size:18px;
        margin-right:6px;
    }
    .inner_news_content_wrap{
        background:#f2f2f2;
    }
    .news_box1_wrap{
        overflow:visible;
    }
    .inrNewsList{
        padding-bottom:8px;
    }
    .inrNewsItem-in:before,.inrNewsItem-in:after,.inrNewsItem-in:hover:after{
        display:none;
    }
    .inrNewsItem-in,.inrNewsItem-in:hover{
        background:#fff;
        box-shadow: 0 0 15px 1px rgba(214, 211, 211, .75);
    }
    .join_detail_box2_in .newspage{
        margin-top:34px;
    }
    .join_detail_box2_in .newspage .prev-lnk:before{
        border-top-color:#666;
        border-left-color:#666;
    }
    .join_detail_box2_in .newspage .next-lnk:before{
        border-top-color:#666;
        border-right-color:#666;
    }
    .join_detail_box2_in .newspage .prev-lnk:hover:before{
        border-top-color:#fff;
        border-left-color:#fff;
    }
    .join_detail_box2_in .newspage .next-lnk:hover:before{
        border-top-color:#fff;
        border-right-color:#fff;
    }
    .newspage .lnk{
        display:none;
        font-size: 14px;
        line-height: 42px;
        text-align:center;
        padding:0;
        min-width:0;
        width: 44px;
        height: 44px;
        margin: 0;
        border-radius:1000px;
    }
    .newspage .prev-lnk, .newspage .next-lnk{
        display:inline-block;

    }
    .newspage .prev-lnk{
        margin-right:10px;
        background:#f00;
    }
    .newspage .next-lnk{
        margin-left:10px;
        background:#f00;
    }
    .newspage .prev-lnk:before{
        border-top-color:#fff;
        border-left-color:#fff;
    }
    .newspage .next-lnk:before{
        border-top-color:#fff;
        border-right-color:#fff;
    }
    .newsDD{
        padding-top:100px;
        padding-bottom:60px;
    }
    .newsD{
        padding:28px 20px 36px;
        width: 100%!important;
    }
    .newsArc-tit{
        padding-bottom:18px;
        margin-bottom:18px;
    }
    .newsArc-tit h1{
        font-size:18px;
        line-height:32px;
    }
    .newsArc-tit .p{
        font-size:12px;
        line-height:28px;
    }
    .newsArc-con{
        font-size:13px;
        line-height:24px;
    }
    .newsArc-con h1,.newsArc-con h2,.newsArc-con h3{
        font-size:16px;
        line-height:32px;
        padding-bottom:10px;
    }
    .newsArc-con h4,.newsArc-con h5,.newsArc-con h6{
        font-size:15px;
        line-height:28px;
        padding-bottom:8px;
    }
    .newsOth{
        padding-top:18px;
    }
    .newsOth-in{
        padding-right:110px;
        height:56px;
    }
    .newsOth-in .lBx p {
        font-size: 12px;
        line-height: 28px;
    }
    .newsOth-in .rBx {
        width: 90px;
        margin-top: -20px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .newsOth-in .rBx .iconfont{
        font-size:14px;
        margin-right:8px;
    }

    .decoration-div{
        height:20px;
    }



}

@media screen and (max-width:400px){
    .join_banner_in .join_lnk_in{
        padding:0 24px;
    }
    .join_banner_in .join_lnk2_mar_right{
        margin-right:14px;
    }

}

@media screen and (max-width:370px){
    .merit_product_item1 .merit_text {
        right: -75px;
        width: 130px;
    }
    .merit_product_item2 .merit_text{
        right:-98px;
        width:160px;
    }
    .merit_product_item3 .merit_text {
        width: 130px;
        left: -75px;
    }
    .proNavItem{
        padding:0 15px;
    }
}
@media screen and (min-width: 620px) and (max-width:1200px){
    .merit_product_item1 .merit_line_list_wap{
        height: 180px;
        width: 200px;
    }
    .merit_product_item1 .merit_text{
        right: -150px;
        bottom: 204px;
        width: 250px;
    }
    .merit_product_item2 .merit_line_list_wap{
        width: 140px;
    }
    .merit_product_item2.merit_product_item_active .merit_line_list_wap{
        height: 154px;
    }
    .merit_product_item2 .merit_text{
        right: -216px;
        top: 168px;
        width: 300px;
    }
    .merit_product_item3 .merit_line_list_wap{
        height: 250px;
        width: 180px;
    }
    .merit_product_item3 .merit_text {
        width: 250px;
        left: -140px;
        bottom: 238px;
    }
    .index_merit_content{
        padding-top:150px;
        padding-bottom:130px;
    }

}

/*小屏幕*/
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .loading_center {
        margin-top: 54px;
    }
    .loading_circular_box {
        width: 84px;
        height: 84px;
    }
    .loading_circular_box > div:not(:nth-child(1)):before {
        width: 22px;
        height: 22px;
        margin-top: -11px;
        margin-left: -11px;
    }
    .loading_logo img {
        width: 214px;
    }
    .web_center {
        padding: 0 80px;
    }
    .web_center_pro_wrap{
        padding:0 40px;
    }
    .web_center_pro{
        padding:0 40px;
    }
    .commerce-wrap .web_center{
        padding:0 170px;
    }

    .header_wrap_index .header_box .header_item a{
        padding: 38px 0;
    }
    .header_nav_top .header_box .header_item a,.header_wrap.hover .header_box .header_item a{
        padding: 23px 0;
        height: 60px;
    }

    .header_white .header_box .header_item a{
        padding: 23px 0;
        height: 60px;
    }

    .header_nav_logo {
        width: 112px;
    }
    .header_wrap_index{
        height:90px;
    }
    .header_white,.header_nav_top,.header_wrap.hover{
        height:60px;
    }
    .header_ul {
        width: calc(100% - 114px);
    }

    .header_logo {
        width: 114px;
    }

    .header_item {
        margin: 0 8px;
        padding:0 8px;
    }

    .header_item a {
        font-size: 14px;
        line-height:14px;
    }

    .header_slideSubMenu{
        top:60px;
        height:38px;
    }
    .header_nav_top .header_slideSubMenu,.header_wrap_index.hover .header_slideSubMenu{
        top:60px;
        height:38px;
    }
    .header_slideSubMenu_in{
        font-size:12px;
        line-height:38px;
    }

    .header_nav_top .header_slideSubMenu_in{
        line-height:38px;
    }
    .header_slideSubMenu_in .header_ul a{
        margin:0 26px;
    }
    .banner_top_item1 .banner_top_read{
        padding:44px 36px 44px 80px;
    }
    .banner_top_item2 .banner_top_read{
        padding:44px 36px;
    }
    .banner_top_item3 .banner_top_read{
        padding:44px 36px;
    }
    .banner_top_item4 .banner_top_read{
        padding:44px 36px;
    }
    .banner_top_title{
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 8px
    }
    .banner_top_text{
        font-size: 12px;
        line-height: 18px;
        height: 36px;
    }
    .banner_p {
        font-size: 37px;
        line-height: 48px;
    }
    .banner_text_read {
        font-size: 22px;
        padding: 11px 0 49px 0;
    }
    .index_public_title {
        font-size: 30px;
        line-height: 56px;
    }
    .index_public_line {
        width: 34px;
        height: 2px;
        margin: 13px auto;
    }
    .index_merit_box {
        padding: 90px 0;
    }
    .index_merit_content {
        padding: 26px 0 0 0;
    }
    .index_public_text{
        font-size: 14px;
        line-height: 24px;
        padding: 0 285px;
    }
    .merit_text{
        font-size:13px;
        line-height:25px;
    }
    .index_show_item {
        padding: 70px 0 78px 0;
    }

    .index_show_title {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 9px;
    }

    .index_show_text {
        font-size: 12px;
        line-height: 15px;
    }

    .index_show_head {
        min-height: 116px;
        padding: 0 17px;
        margin-bottom: 26px;
    }

    .index_product_wrap{
        padding-bottom:128px;
    }
    .index_product_box{
        padding-top: 100px;
    }
    .index_product{
        margin-top:34px;
    }
    .indProRight{
        right:28px;
    }
    .indProInfo{
        padding-top:20px;
    }
    .indProTextTit{
        padding-bottom:13px;
        font-size:17px;
        line-height:26px;
    }
    .indProTextCon{
        font-size:13px;
        line-height:26px;
        height:78px;
    }
    .indProTextBtn{
        margin-top:43px;
    }
    .proNav{
        margin-bottom:20px;
    }
    .proNavItem{
        font-size:16px;
        line-height:42px;
        height:44px;
    }
    .indBtnMore,.index_v2_btn{
        font-size:12px;
        line-height:26px;
        height:26px;
        border-radius:13px;
    }
    .indBtnMore_in,.index_v2_btn_in{
        padding:0 22px;
    }
    .indBtnMore i,.index_v2_btn i{
        margin-left:4px;
        width:7px;
        height:14px;
        top:-1px;
    }


    .indProPics{
        margin-top:60px;
    }
    .indProPics-tit{
        font-size:13px;
        line-height:22px;
        margin-bottom:14px;
    }

    .indProPics-con .indPro-inf{
        font-size:12px;
        line-height:18px;
    }
    .swiper-container-indpro-prev,.swiper-container-indpro-next{
        position:absolute;
        top:50%;
        z-index:9;
        width:21px;
        height:26px;
        margin-top:-13px;
        cursor:pointer;

    }
    .swiper-container-indpro-prev{
        left:-28px;
    }
    .swiper-container-indpro-next{
        right:-28px;
    }


    .bannerSwiper-button-prev,.bannerSwiper-button-next{
        width:28px;
        height:42px;
    }
    .join_det_swiper .bannerSwiper-button-prev,.join_det_swiper .bannerSwiper-button-next{
        margin-top:-21px;
    }
    .bannerSwiper-button-prev{
        left:30px;
    }
    .bannerSwiper-button-next{
        right:30px;
    }
    .join_det_swiper .bannerSwiper-button-prev{
        left:26px;
    }
    .join_det_swiper .bannerSwiper-button-next{
        right:26px;
    }


    .index_video_wrap .index_v1{
        position:absolute;
        width:80%;
        height:90px;
        left:50%;
        top:50%;
        margin-left:-40%;
        margin-top:-45px;
    }
    .index_video_play{
        margin:0 auto 10px;
        width:58px;
        height:58px;
    }
    .index_video_play:before{
        margin-left:-4px;
        margin-top:-11px;
        width:0;
        height:0;
        border-left:16px solid #333;
        border-top:11px solid transparent;
        border-bottom:11px solid transparent;


    }
    .index_v1_msg{
        margin:0 auto;
        font-size:18px;
        line-height:26px;
    }
    .index_v2{
        height:90px;
        margin-top:-45px;
    }
    .index_v2_msg{
        font-size:30px;
        line-height:30px;
        margin-bottom:25px;
    }
    .index_news_wrap{
        padding-top:120px;
        padding-bottom:90px;
    }
    .index_news_wrap .index_public_tips{
        padding-bottom:22px;
    }
    .index_news{
        padding-bottom:48px;
    }
    .indNewsItem{
        padding-top:43px;
        padding-bottom:38px;
    }
    .indNewsItemMsg{
        margin-bottom:32px;
    }
    .indNewsItemTit{
        font-size:20px;
        line-height:35px;
        max-height:70px;
        margin-bottom:22px;
    }
    .indNewsItemTit a{
        display:inline-block;
        max-height:70px;
    }
    .indNewsItemCon{
        font-size:14px;
        line-height:26px;
        height:78px;
    }
    .indNewsItemOth .time{
        font-size:13px;
        line-height:26px;
    }
    .indNewsItemOth .more{
        font-size:13px;
        line-height:26px;
    }


    .foot{
        padding-top:72px;
        padding-bottom:116px;
    }

    .foot-wx-btn-tit{
        font-size:17px;
        line-height:34px;
    }
    .foot-wx-btn-tit .iconfont{
        font-size:27px;
        margin-right:8px;
    }
    .foot-wx-wrap{
        padding-top:13px;
    }
    .foot-wx img{
        width:82px;
        height:82px;
    }

    .foot .rBx{
        width:72%;
    }
    .foot .rBx-tit{
        font-size:17px;
        line-height:34px;
        padding-bottom:13px;
    }
    .foot .rBx-tit + .rBx-tit{
        margin-top:26px;
    }
    .foot .rBx-tit a:after{
        bottom: 2px;
    }
    .foot-cont{
        font-size:12px;
        line-height:24px;
    }

    .foot-cont a:after{
        bottom: 0;
    }
    .foot .rBx-con{
        font-size:13px;
        line-height:21px;
        padding:5px 0;
    }
    .foot .rBx-con a:after{
        bottom: -1px;
    }

    .copyright{
        padding: 18px 0;
        font-size: 13px;
        line-height: 26px;

    }

    .copyright .p2 a,.copyright .p2 .a{margin-left:30px;}
    .copyright a:after{
        bottom: 0;
    }


    .cont-wx-wrap{
        top: -115px;
        width:102px;
        margin-left:-51px;
    }
    .cont-wx{
        padding-top:8px;
        padding-bottom:8px;
    }
    .cont-wx img{
        width:86px;
        height:86px;
    }




    /*关于*/

    .banner_inner_wrap{
        margin-top:60px;
    }
    .banner_inner_text{
        height:82px;
        margin-top:-41px;
    }
    .banner_inner_text_title{
        font-size:26px;
        line-height:44px;
    }
    .banner_inner_text_subtitle{
        font-size:26px;
        line-height:38px;
    }
    .join_banner_in .join_text_tit{
        padding-bottom:38px;
    }
    .join_banner_in .join_text_tit h2{
        font-size:44px;
        line-height:46px;
    }
    .join_banner_in .join_text_tit h3{
        font-size:21px;
        line-height:26px;
    }
    .join_banner_in .join_text_tit .p{
        padding-top:6px;
        font-size:17px;
        line-height:26px;
    }
    .join_banner_in .join_p{
        padding-bottom:32px;
    }
    .join_banner_in .join_lnk{
        font-size:15px;
        line-height:44px;
    }
    .join_banner_in .join_lnk_in{
        padding:0 42px;
    }

    .join_banner_in .join_lnk2_mar_right{
        margin-right:26px;
    }

    .join_banner_in .join_lnk .iconfont{
        font-size:21px;
        margin-right:8px;
    }
    .join_banner_in .join_lnk2 .iconfont{
        font-size:24px;
    }
    .about_box1_wrap{
        padding-top:90px;
        padding-bottom:93px;
    }
    .about_public_title{
        font-size:30px;
        line-height:56px;
    }
    .about_public_title:after{
        width:34px;
        height:2px;
        margin:13px auto;
    }
    .about_public_title::after{
        width:34px;
        height:2px;
        margin:13px auto;
    }
    .about_box1 .about_content{
        padding:38px 38px 0;
        font-size:13px;
        line-height:22px;
    }
    .about_box4_wrap,.about_box4_back,.about_box4_back,.about_box4_wrap.fade-expand .xgl_back_inner{
        height:510px;
    }
    .about_box4{
        height:320px;
        margin-top:-160px;

    }
    .about_box4 .about_content{
        padding-top:74px;
    }
    .about_box4 .about_content:before{
        top:68px;
        height:130px;
    }
    .about_box4 .about_content .item-right{
        padding-left:123px;
    }
    .about_box4 .about_content .title{
        font-size:30px;
        line-height:56px;
        margin-bottom:24px;
    }
    .about_box4 .about_content .content{
        font-size:22px;
        line-height:40px;
    }
    .about_box4 .about_content .content i{
        padding-left:28px;
        min-height:40px;
        margin-left:22px;
    }
    .about_box4 .about_content .content i:before{
        width:6px;
        height:6px;
        margin-top:-3px;
    }
    .about_box8_wrap{
        padding-top:96px;
        padding-bottom:85px;
    }
    .about_box8_wrap .about_public_title{
        padding-bottom:85px;
    }
    .about_box8 .item{
        margin-bottom:40px;
    }
    .about_box8 .item .pic{
        padding:0 8px;
    }
    .about_box8 .swiper-page-li-wrap{
        margin-top:16px;
        height:4px;
    }
    .about_box8 .swiper-page-li{
        width:60px;
        height:4px;
        margin:0 6px;
    }
    .about_history_wrap{
        padding-top:144px;
        padding-bottom:32px;
    }
    .about_history_prev,.about_history_next{
        top:83px;
        width:33px;
        height:68px;
    }
    .about_history_prev{
        left:30px;
    }
    .about_history_next{
        right:30px;
    }
    .about_history_prev:before,.about_history_next:before{
        width:47px;
        height:47px;
    }
    .about_history_prev:before{
        margin-left:-6px;
    }
    .about_history_next:before{
        margin-right:-6px;
    }
    .about_history_prev:before,.about_history_next:before{
        width:47px;
        height:47px;
        margin-top:-24px;
    }
    .about_history_prev:before{
        margin-left:-6px;
    }
    .about_history_next:before{
        margin-right:-6px;
    }
    .about_NsWebHisIn{
        left:16px;
    }
    .about_history_title{
        padding-bottom:0;
        margin-bottom:-10px;
    }
    .NsWebHisItem{
        margin:120px 0;
    }
    .NsWebHisItem-year{
        font-size: 41px;
        margin-bottom: 35px;
    }
    .NsWebHisItem-info{
        font-size: 13px;
        line-height: 25px;
    }
    .NsWebHisItemIn{
        padding:30px 32px;
    }
    .NsWebHisItemIn .NsWebHisPic{
        top:-130px;
        width:194px;
        height:130px;
    }
    .swiper-NsWebHis-button-prev{
        left:15px;
    }
    .swiper-NsWebHis-button-next{
        right:65px;
    }
    .swiper-NsWebHis-button{
        width: 50px;
        height: 50px;
        margin-top: -25px;
    }
    .swiper-NsWebHis-button:before{
        margin-top:-10px;
        width:18px;
        height:18px;
        border-top-width:2px;
    }
    .swiper-NsWebHis-button-prev:before{
        border-left-width:2px;
        margin-left:-5px;
    }
    .swiper-NsWebHis-button-next:before{
        border-right-width:2px;
        margin-right:-5px;
    }


    /*联系*/
    .contact-info-wrap{
        padding-top:90px;
        padding-bottom:90px;
    }
    .contact-info .item{
        padding-top:2px;
        padding-bottom:5px;
    }
    .contact-info .lay-icon{
        font-size:36px;
        line-height:42px;
        margin-bottom:26px;
    }
    .contact-info .lay-info{
        font-size:15px;
        line-height:22px;
        padding:0 8px;
    }
    .contact-map-wrap{
        padding-top:16px;
        padding-bottom:100px;
    }
    .contact-map{
        height:540px;
    }
    .web_center_chtit{
        padding-bottom:22px;
    }
    .web_center_chtit .tit{
        padding-bottom:24px;
    }
    .web_center_chtit .tit-in{
        font-size:38px;
        line-height:92px;
    }
    .web_center_chtit .subtit{
        font-size:17px;
        line-height:26px;
        padding:3px 0;
    }
    .web_center_ch_top{
        padding-bottom:95px;
        margin-bottom:53px;
    }
    /*产品*/
    .proPCNav .item{
        font-size:12px;
        line-height:22px;
        height:22px;
    }
    .proPCNav .item + .item{
        margin-top:38px;
    }
    .proPCNav .item .line{
        width:6px;
        height:2px;
        margin-right:6px;
    }
    .proPCNav .item.active .line{
        width:26px;
        margin-right:14px;
    }

    .swiper-container-pro .swiper-slide-page {
        font-size: 15px;
    }
    .swiper-slide-1-even .slide-inner1 .leftBox-wrap{
        padding-right:80px;
    }
    .swiper-container-pro .slide-inner1 .leftBox{
        width:80%;
        padding-left:80px;
		padding-top:90px;
        padding-bottom: 40px;
    }
    .swiper-container-pro .swiper-slide-1-even .slide-inner1 .leftBox{
        margin-left:20%;
    }

    .swiper-container-pro .slide-inner1 .rightBox{
        padding-top:30px;
        max-height:-webkit-calc(100vh - 140px);
        max-height:calc(100vh - 140px);
    }
    .swiper-slide-1-even .slide-inner1 .rightBox{
        left:14%;
    }

    .swiper-container-pro .slide-inner1 .rightBox .img{
		position:relative;
		top:30px;
        max-height:-webkit-calc(100vh - 140px);
        max-height:calc(100vh - 140px);
	}
    .swiper-container-pro .slide-inner1 .tit-wrap{
        padding-bottom: 26px;
        margin-bottom:5px;
    }
    .swiper-container-pro .slide-inner1 .con-wrap{
        font-size:13px;
        line-height:26px;
        padding-bottom:38px;
    }
    .prolist-btn{
        font-size:12px;
        width:120px;
        height:34px;
        line-height:34px;
    }
    .prolist-btn i{
        margin-right:8px;
    }
    .slide-inner1 .leftBox-wrap{
        padding-right:40px;
        width:55%;
    }
    .swiper-container-pro .swiper-slide-1-even .slide-inner1 .rightBox-wrap{
        padding-top:60px;
        width:39%;
        left:6.711%;
    }
    .swiper-container-pro .slide-inner1 .tit{
        font-size:50px;
        line-height:65px;
        margin-bottom:6px;
    }
    .swiper-container-pro .slide-inner1 .subtit{
        font-size:25px;
        line-height:43px;
        padding-bottom:10px;
        padding-right:43px;
    }


    .NaShen-arr.NaShen-arr-abs{
        bottom:16px;
    }
    .NaShen-arr{
        margin-left:-17px;
        bottom:5px;
        width:34px;
        height:50px;
    }
    .NaShen-arr .arr1,.NaShen-arr .arr2{
        width:34px;
        height:17px;
        margin-left:-17px;
    }
    .NaShen-arr .arr1{
        top:0;
    }
    .NaShen-arr .arr2{
        top:13px;
    }
    .NaShen-arr i{
        width:21px;
        height:21px;
        margin-top:-18px;
        margin-left:-11px;
    }

    @keyframes NaShenAni {
        0%{
            opacity:0;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        25% {
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(17px);
            transform:translateY(17px);
        }
    }


    @keyframes NaShenAni2 {
        0%{
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        75%{
            opacity:0;
            -webkit-transform:translateY(17px);
            transform:translateY(17px);
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(17px);
            transform:translateY(17px);
        }
    }

    .proDDBannerBg .img_web{
        top:245px;
    }
    .proDDBanner .lay_image{
        margin-top:60px;
    }
    .proDDBannerTit{
        padding-top:30px;
    }
    .proDDBannerTit .tit{
        font-size:84px;
        line-height:108px;
        margin-bottom:15px;
    }
    .proDDBannerTit .tit:after{
        width:72px;
        height:3px;
    }
    .proDDBannerTit .subtit{
        font-size:19px;
        line-height:34px;
    }
    .proDDBannerIcons{
        width:358px;
    }
    .proDDBannerIcons .item{
        padding:0 4px;
    }
    .proDDBannerIcons .item .icon-wrap{
        font-size:60px;
        line-height:85px;

    }
    .proDDBannerIcons .item .inf{
        font-size:15px;
        line-height:25px;
    }
    .con-tit{
        font-size:22px;
        line-height:25px;
    }
    .proDDX .con1{
        padding-top:60px;
        padding-bottom:44px;
    }
    .proDDX .proCC .con1{
        padding-top:30px;
    }
    .proDDX .con1-tit{
        line-height: 36px;
        margin-bottom: 11px;
    }

    .proDDX .con1-con{
        font-size: 13px;
        line-height: 26px;
    }

    .proDDX .con2{
        padding-top:26px;
        padding-bottom:34px;
    }
    .proDDX .con2-tit{
        line-height:41px;
    }
    .proDDX .con2-con{
        font-size:13px;
        line-height:22px;
    }
    .proDDX .con2-con .item{
        padding:13px 0 13px 17px;
        min-height:50px;
    }
    .proDDX .con2-con .item:before{
        top:20px;
        width:7px;
        height:7px;
    }
    .proDDX .con3{
        padding-top:21px;
        padding-bottom:34px;
    }
    .proDDX .con3-tit{
        line-height:51px;
    }
    .proDDX .con3-con table td{
        font-size:12px;
        line-height:19px;
        padding:13px 13px 13px 0;
    }
    .proDDX .con3-con table td:nth-child(1){
        width:180px;
    }
    .proDDX .con3-con table td:nth-child(2){
        min-width:180px;
    }
    .proDDX .con4{
        padding-top:21px;
        padding-bottom: 106px;
    }
    .proDDX .con4-tit{
        line-height:48px;
        padding-bottom:22px;
    }
    .proDDX .con4-con-wrap{
        margin:0 -17px;
    }
    .proDDX .con4-con .item{
        padding:0 17px 34px;
    }
    .proDDX .con4-con .img-wrap{
        padding-bottom:17px;
    }
    .proDDX .con4-con .img-wrap img{
        height:136px;
    }
    .proDDX .con4-con .inf-wrap{
        padding-top:17px;
        padding-bottom:26px;
    }
    .proDDX .con4-con .inf-tit{
        font-size:26px;
        line-height:39px;
        margin-bottom:6px;
    }
    .proDDX .con4-con .inf-con{
        font-size:15px;
        line-height:26px;
    }
    .proDDX .conx{
        padding-top:16px;
        padding-bottom:24px;
    }
    .proDDX .conx-tit{
        line-height: 36px;
        margin-bottom: 11px;
    }
    .proDDX .conx-con{
        font-size:13px;
        line-height:26px;
    }

    /*新闻*/
    .inner_news_content_wrap{
        padding-top:95px;
        padding-bottom:143px;
    }
    .inrNewsList{
        padding-bottom:42px;
        margin-left:-17px;
        margin-right:-17px;
    }
    .inrNewsList .inrNewsItem{
        margin-bottom:38px;
    }
    .inrNewsList .inrNewsItem-in{
        margin:0 17px;
    }
    .inrNewsItemInfo{
        padding:22px 14px 30px;
    }
    .inrNewsItemMsg{
        padding-bottom:10px;
    }
    .inrNewsItemTit{
        font-size:15px;
        line-height:23px;
        height:46px;
    }
    .inrNewsItemOth{
        font-size:13px;
        line-height:26px;
    }
    .inrNewsItemOth .iconfont{
        font-size:17px;
        margin-right:6px;
        top:-2px;
    }
    .join_detail_box2_in .newspage{
        margin-top:52px;
    }
    .newspage .lnk{
        font-size:13px;
        line-height:46px;
        padding:0 15px;
        min-width:48px;
        height:48px;
        margin:0 8px;
    }
    .newspage .prev-lnk:before,.newspage .next-lnk:before{
        margin-top:-3px;
        width:5px;
        height:5px;
    }
    .newspage .prev-lnk:before{
        margin-left:-1px;
    }
    .newspage .next-lnk:before{
        margin-right:-1px;
    }


    .newsDD{
        padding-top:138px;
        padding-bottom:131px;
    }
    .newsD{
        padding:97px 0 122px;
        width:1000px;
    }
    .newsArc{
        padding-bottom:44px;
    }
    .newsArc-tit{
        padding-bottom:55px;
        margin-bottom:55px;
    }
    .newsArc-tit h1{
        font-size:30px;
        line-height:54px;
    }
    .newsArc-tit .p{
        font-size:12px;
        line-height:28px;
    }
    .newsArc-con{
        font-size:12px;
        line-height:22px;
    }
    .newsArc-con h1,.newsArc-con h2,.newsArc-con h3{
        font-size:21px;
        line-height:44px;
        padding-bottom:17px;
    }
    .newsArc-con h4,.newsArc-con h5,.newsArc-con h6{
        font-size:17px;
        line-height:26px;
        padding-bottom:9px;
    }
    .newsOth-in{
        padding-right:171px;
        height:64px;
    }
    .newsOth-in .lBx p{
        font-size:13px;
        line-height:32px;
    }
    .newsOth-in .rBx{
        width:129px;
        margin-top:-21px;
        height:42px;
        line-height:42px;
        font-size:13px;
    }
    .newsOth-in .rBx .iconfont{
        font-size:15px;
        margin-right:9px;
    }
    .newsOth{
        padding-top:38px;
    }
    /*加入*/
    .join_box1{
        padding-top:93px;
    }
    .join_box1 .content{
        padding:28px 114px 82px;
        font-size:13px;
        line-height:23px;
    }
    .join_wel .box-right .chd1 .chin{
        width:90%;
    }
    .join_wel .box-right .chd2 .chin{
        width:90%;
    }
    .join_wel .box-right .chd3 .chin{
        width:90%;
    }
    .join_wel .box-right .chd4 .chin{
        width:90%;
    }
    .join_wel .box-right .icon-wrap{
        padding-bottom:26px;
    }
    .join_wel .box-right .icon-wrap .iconfont{
        font-size:49px;
        line-height:51px;
    }
    .join_wel .box-right .icon-wrap .iconfont.icon-xuexi{
        font-size:44px;
    }
    .join_wel .box-right .text-wrap{
        font-size:12px;
        line-height:18px;
        height:72px;
    }
    .join_box2{
        padding-top: 100px;
        padding-bottom: 156px;
    }
    .join_box2 .web_center{
        padding-bottom:71px;
    }
    .join_style_wrap{
        padding-left:200px;
    }
    .join_box_text{
        left:56px;
    }
    .join_box_text_in{
        width:496px;
        height:274px;
        padding:40px 50px;
    }
    .join_box_text_tit{
        padding-bottom:6px;
        margin-bottom: 18px;
    }
    .join_box_text_title{
        font-size:20px;
        line-height:34px;
    }
    .join_box_text_time{
        font-size:12px;
        line-height:26px;
    }
    .join_box_con{
        font-size:12px;
        line-height:19px;
    }
    .join_style_sNav_in{
        right:26px;
    }
    .join_detail_box1{
        font-size:12px;
        line-height:32px;
        padding-top:95px;
        padding-bottom:145px;
    }

    .join_detail_box2{
        padding-top:52px;
        padding-bottom:95px;
    }

    .join_detail_box2_in{
        padding-top:26px;
        padding-bottom:26px;
    }
    .joList_item .lnk{
        height: 124px;
        padding:24px 26px 20px;
    }
    .joList_item .joList_item_title{
        font-size: 17px;
        line-height: 24px;
        height: 48px;
    }
    .joList_item .joList_item_con{
        font-size: 12px;
        line-height: 17px;
    }
    .joList_item .joList_item_con .txt2{
        padding-left:9px;
        margin-left:9px;
    }
    .join_det_wrap{
        margin-top:60px;
        padding-top:45px;
        padding-bottom:135px;
    }
    .join_det_left{
        padding:18px 32px 45px;
    }
    .join_det_right_in{
        margin-left:18px;
        padding:18px 18px 45px;
    }
    .join_det_left_tit{
        margin-bottom:29px;
    }
    .join_det_left_title{
        font-size: 18px;
        line-height: 25px;
    }
    .join_det_left_sub{
        font-size:13px;
        line-height:16px;
        padding:5px 0;
    }
    .join_det_left_sub .txt2{
        padding-left:9px;
        margin-left:9px;
    }
    .join_det_left_time{
        font-size:13px;
        line-height:16px;
    }

    .join_det_left_con{
        padding-top:9px;
        padding-bottom:9px;
        min-height:560px;
        font-size:13px;
        line-height:19px;
    }
    .join_det_left_con p + h1,.join_det_left_con p + h2,.join_det_left_con p + h3,
    .join_det_left_con p + h4,.join_det_left_con p + h5,.join_det_left_con p + h6{
        margin-top:36px;
    }
    .join_det_left_con h1,.join_det_left_con h2,.join_det_left_con h3,
    .join_det_left_con h4,.join_det_left_con h5,.join_det_left_con h6{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px;
    }
    .join_det_left_con h1:after,.join_det_left_con h2:after,.join_det_left_con h3:after,
    .join_det_left_con h4:after,.join_det_left_con h5:after,.join_det_left_con h6:after{
        margin-left: 10px;
    }
    .join_det_right_title{
        font-size: 18px;
        line-height: 25px;
        margin-bottom:29px;
    }
    .join_det_right_title .more-lnk{
        font-size:12px;
        line-height:26px;
    }
    .join_det_right_con .item{
        padding:14px 0;
        font-size:13px;
        line-height:18px;
    }

    .decoration-div{
        height:34px;
    }



}
/*小完*/
/*中屏幕*/
@media screen and (min-width: 1400px) and (max-width: 1900px) {
    .loading_center {
        margin-top: 60px;
    }
    .loading_circular_box {
        width: 90px;
        height: 90px;
    }
    .loading_circular_box > div:not(:nth-child(1)):before {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px;
    }
    .loading_logo img {
        width: 226px;
    }

    .loading_number {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .web_center {
        padding: 0 140px;
    }
    .web_center_pro_wrap{
        padding:0 100px;
    }
    .web_center_pro{
        padding:0 40px;
    }
    .commerce-wrap .web_center{
        padding:0 200px;
    }

    .header_wrap_index .header_box .header_item a{
        padding: 38px 0;
    }
    .header_nav_top .header_box .header_item a,.header_wrap.hover .header_box .header_item a{
        padding: 23px 0;
        height: 60px;
    }

    .header_white .header_box .header_item a{
        padding: 23px 0;
        height: 60px;
    }

    .header_nav_logo {
        width: 112px;
    }
    .header_wrap_index{
        height:90px;
    }
    .header_white,.header_nav_top,.header_wrap.hover{
        height:60px;
    }
    .header_ul {
        width: calc(100% - 114px);
    }

    .header_logo {
        width: 114px;
    }

    .header_item {
        margin: 0 8px;
        padding:0 8px;
    }

    .header_item a {
        font-size: 14px;
        line-height: 14px;
    }

    .header_slideSubMenu{
        top:60px;
        height:38px;
    }
    .header_nav_top .header_slideSubMenu,.header_wrap_index.hover .header_slideSubMenu{
        top:60px;
        height:38px;
    }
    .header_slideSubMenu_in{
        font-size:12px;
        line-height:38px;
    }

    .header_nav_top .header_slideSubMenu_in{
        line-height:38px;
    }
    .header_slideSubMenu_in .header_ul a{
        margin:0 26px;
    }
    .banner_top_item1 .banner_top_read{
        padding:46px 38px 46px 140px;
    }
    .banner_top_item2 .banner_top_read{
        padding:46px 38px;
    }
    .banner_top_item3 .banner_top_read{
        padding:46px 38px;
    }
    .banner_top_item4 .banner_top_read{
        padding:46px 38px;
    }
    .banner_top_title {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 8px;
    }
    .banner_top_text {
        font-size: 12px;
        line-height: 19px;
        height: 38px;
    }
    .banner_p {
        font-size: 39px;
        line-height: 50px;
    }
    .banner_text_read {
        font-size: 23px;
        padding: 12px 0 52px 0;
    }
    .index_public_title {
        font-size: 32px;
        line-height: 58px;
    }
    .index_public_line {
        width: 36px;
        height: 2px;
        margin: 14px auto;
    }

    .index_merit_box {
        padding: 100px 0;
    }
    .index_merit_content {
        padding: 28px 0 0 0;
    }
    .index_public_text{
        font-size: 15px;
        line-height: 25px;
        padding: 0 300px;
    }
    .merit_text{
        font-size:14px;
        line-height:26px;
    }
    .index_show_item {
        padding: 75px 0 82px 0;
    }

    .index_show_title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 9px;
    }

    .index_show_text {
        font-size: 13px;
        line-height: 16px;
    }

    .index_show_head {
        min-height: 122px;
        padding: 0 18px;
        margin-bottom: 28px;
    }

    .index_product_wrap{
        padding-bottom:143px;
    }
    .index_product_box{
        padding-top: 116px;
    }
    .index_product{
        margin-top:36px;
    }
    .indProRight{
        right:28px;
    }
    .indProInfo{
        padding-top:21px;
    }
    .indProTextTit{
        padding-bottom:14px;
        font-size:18px;
        line-height:28px;
    }
    .indProTextCon{
        font-size:14px;
        line-height:28px;
        height:84px;
    }
    .indProTextBtn{
        margin-top:45px;
    }
    .proNav{
        margin-bottom:22px;
    }
    .proNavItem{
        font-size:17px;
        line-height:36px;
        height:38px;
    }
    .indBtnMore,.index_v2_btn{
        font-size:13px;
        line-height:28px;
        height:28px;
        border-radius:14px;
    }
    .indBtnMore_in,.index_v2_btn_in{
        padding:0 24px;
    }

    .indBtnMore i,.index_v2_btn i{
        margin-left:5px;
        width:7px;
        height:14px;
        top:-1px;
    }


    .indProPics{
        margin-top:72px;
    }
    .indProPics-tit{
        font-size:14px;
        line-height:26px;
        margin-bottom:18px;
    }

    .indProPics-con .indPro-inf{
        font-size:12px;
        line-height:20px;
    }
    .swiper-container-indpro-prev,.swiper-container-indpro-next{
        position:absolute;
        top:50%;
        z-index:9;
        width:21px;
        height:26px;
        margin-top:-13px;
        cursor:pointer;

    }
    .swiper-container-indpro-prev{
        left:-28px;
    }
    .swiper-container-indpro-next{
        right:-28px;
    }


    .bannerSwiper-button-prev,.bannerSwiper-button-next{
        width:28px;
        height:42px;
    }
    .join_det_swiper .bannerSwiper-button-prev,.join_det_swiper .bannerSwiper-button-next{
        margin-top:-21px;
    }
    .bannerSwiper-button-prev{
        left:80px;
    }
    .bannerSwiper-button-next{
        right:80px;
    }
    .join_det_swiper .bannerSwiper-button-prev{
        left:36px;
    }
    .join_det_swiper .bannerSwiper-button-next{
        right:36px;
    }

    .index_video_wrap .index_v1{
        position:absolute;
        width:80%;
        height:90px;
        left:50%;
        top:50%;
        margin-left:-40%;
        margin-top:-45px;
    }
    .index_video_play{
        margin:0 auto 10px;
        width:58px;
        height:58px;
    }
    .index_video_play:before{
        margin-left:-4px;
        margin-top:-11px;
        width:0;
        height:0;
        border-left:16px solid #333;
        border-top:11px solid transparent;
        border-bottom:11px solid transparent;


    }
    .index_v1_msg{
        margin:0 auto;
        font-size:18px;
        line-height:26px;
    }
    .index_v2{
        height:90px;
        margin-top:-45px;
    }
    .index_v2_msg{
        font-size:30px;
        line-height:30px;
        margin-bottom:25px;
    }
    .index_news_wrap{
        padding-top:133px;
        padding-bottom:100px;
    }
    .index_news_wrap .index_public_tips{
        padding-bottom:23px;
    }
    .index_news{
        padding-bottom:50px;
    }
    .indNewsItem{
        padding-top:45px;
        padding-bottom:40px;
    }
    .indNewsItemMsg{
        margin-bottom:34px;
    }
    .indNewsItemTit{
        font-size:21px;
        line-height:37px;
        max-height:74px;
        margin-bottom:23px;
    }
    .indNewsItemTit a{
        display:inline-block;
        max-height:74px;
    }
    .indNewsItemCon{
        font-size:15px;
        line-height:28px;
        height:84px;
    }
    .indNewsItemOth .time{
        font-size:14px;
        line-height:28px;
    }
    .indNewsItemOth .more{
        font-size:14px;
        line-height:28px;
    }
    .foot{
        padding-top:78px;
        padding-bottom:122px;
    }
    .foot-wx-btn-tit{
        font-size:18px;
        line-height:36px;
    }
    .foot-wx-btn-tit .iconfont{
        font-size:29px;
        margin-right:9px;
    }
    .foot-wx-wrap{
        padding-top:14px;
    }
    .foot-wx img{
        width:86px;
        height:86px;
    }

    .foot .rBx{
        width:72%;
    }
    .foot .rBx-tit{
        font-size:18px;
        line-height:36px;
        padding-bottom:14px;
    }
    .foot .rBx-tit + .rBx-tit{
        margin-top:28px;
    }
    .foot .rBx-tit a:after{
        bottom: 3px;
    }
    .foot-cont{
        font-size:13px;
        line-height:26px;
    }

    .foot-cont a:after{
        bottom: 0;
    }
    .foot .rBx-con{
        font-size:14px;
        line-height:22px;
        padding:5px 0;
    }
    .foot .rBx-con a:after{
        bottom: -2px;
    }


    .copyright{
        padding: 18px 0;
        font-size: 13px;
        line-height: 26px;

    }

    .copyright .p2 a,.copyright .p2 .a{margin-left:30px;}
    .copyright a:after{
        bottom: 0;
    }



    .cont-wx-wrap{
        top: -120px;
        width:108px;
        margin-left:-54px;
    }
    .cont-wx{
        padding-top:9px;
        padding-bottom:9px;
    }
    .cont-wx img{
        width:90px;
        height:90px;
    }





   


    /*关于*/


    .banner_inner_wrap{
        margin-top:60px;
    }
    .banner_inner_text{
        height:86px;
        margin-top:-43px;
    }
    .banner_inner_text_title{
        font-size:28px;
        line-height:46px;
    }
    .banner_inner_text_subtitle{
        font-size:28px;
        line-height:40px;
    }
    .join_banner_in .join_text_tit{
        padding-bottom:42px;
    }
    .join_banner_in .join_text_tit h2{
        font-size:46px;
        line-height:48px;
    }
    .join_banner_in .join_text_tit h3{
        font-size:22px;
        line-height:28px;
    }
    .join_banner_in .join_text_tit .p{
        padding-top:7px;
        font-size:18px;
        line-height:28px;
    }
    .join_banner_in .join_p{
        padding-bottom:34px;
    }
    .join_banner_in .join_lnk{
        font-size:16px;
        line-height:46px;
    }
    .join_banner_in .join_lnk_in{
        padding:0 45px;
    }

    .join_banner_in .join_lnk2_mar_right{
        margin-right:28px;
    }

    .join_banner_in .join_lnk .iconfont{
        font-size:22px;
        margin-right:9px;
    }
    .join_banner_in .join_lnk2 .iconfont{
        font-size:25px;
    }
    .about_box1_wrap{
        padding-top:95px;
        padding-bottom:98px;
    }
    .about_history_title{
        padding-bottom:0px;
        margin-bottom:-12px;
    }
    .about_public_title{
        font-size:32px;
        line-height:58px;
    }
    .about_public_title:after{
        width:36px;
        height:2px;
        margin:14px auto;
    }
    .about_public_title::after{
        width:36px;
        height:2px;
        margin:14px auto;
    }
    .about_box1 .about_content{
        padding:40px 45px 0;
        font-size:14px;
        line-height:24px;
    }
    .about_box4_wrap,.about_box4_back,.about_box4_back,.about_box4_wrap.fade-expand .xgl_back_inner{
        height:540px;
    }
    .about_box4{
        height:340px;
        margin-top:-170px;

    }
    .about_box4 .about_content{
        padding-top:78px;
    }
    .about_box4 .about_content:before{
        top:73px;
        height:140px;
    }
    .about_box4 .about_content .item-right{
        padding-left:130px;
    }
    .about_box4 .about_content .title{
        font-size:32px;
        line-height:58px;
        margin-bottom:26px;
    }
    .about_box4 .about_content .content{
        font-size:25px;
        line-height:44px;
    }
    .about_box4 .about_content .content i{
        padding-left:30px;
        min-height:44px;
        margin-left:24px;
    }
    .about_box4 .about_content .content i:before{
        width:6px;
        height:6px;
        margin-top:-3px;
    }
    .about_box8_wrap{
        padding-top:102px;
        padding-bottom:90px;
    }
    .about_box8_wrap .about_public_title{
        padding-bottom:90px;
    }
    .about_box8 .item{
        margin-bottom:45px;
    }
    .about_box8 .item .pic{
        padding:0 9px;
    }
    .about_box8 .swiper-page-li-wrap{
        margin-top:18px;
        height:4px;
    }
    .about_box8 .swiper-page-li{
        width:68px;
        height:4px;
        margin:0 6px;
    }
    .about_history_wrap{
        padding-top:160px;
        padding-bottom:56px;
    }
    .about_history_prev,.about_history_next{
        top:83px;
        width:33px;
        height:68px;
    }
    .about_history_prev{
        left:38px;
    }
    .about_history_next{
        right:38px;
    }
    .about_history_prev:before,.about_history_next:before{
        width:47px;
        height:47px;
        margin-top:-24px;
    }
    .about_history_prev:before{
        margin-left:-6px;
    }
    .about_history_next:before{
        margin-right:-6px;
    }
    .about_NsWebHisIn{
        left:18px;
    }
    .NsWebHisItem{
        margin:140px 0;
    }
    .NsWebHisItem-year{
        font-size: 43px;
        margin-bottom: 40px;
    }
    .NsWebHisItem-info{
        font-size: 14px;
        line-height: 27px;
    }
    .NsWebHisItemIn{
        padding:32px 36px;
    }
    .NsWebHisItemIn .NsWebHisPic{
        top:-148px;
        width:216px;
        height:144px;
    }
    .swiper-NsWebHis-button{
        width: 54px;
        height: 54px;
        margin-top: -27px;
    }
    .swiper-NsWebHis-button-prev{
        left:66px;
    }
    .swiper-NsWebHis-button-next{
        right:74px;
    }
    .swiper-NsWebHis-button:before{
        margin-top:-11px;
        width:20px;
        height:20px;
        border-top-width:2px;
    }
    .swiper-NsWebHis-button-prev:before{
        border-left-width:2px;
        margin-left:-5px;
    }
    .swiper-NsWebHis-button-next:before{
        border-right-width:2px;
        margin-right:-5px;
    }



    /*联系*/
    .contact-info-wrap{
        padding-top:100px;
        padding-bottom:100px;
    }
    .contact-info .item{
        padding-top:2px;
        padding-bottom:5px;
    }
    .contact-info .lay-icon{
        font-size:38px;
        line-height:46px;
        margin-bottom:28px;
    }
    .contact-info .lay-info{
        font-size:16px;
        line-height:24px;
        padding:0 9px;
    }
    .contact-map-wrap{
        padding-top:18px;
        padding-bottom:105px;
    }
    .contact-map{
        height:530px;
    }
    .web_center_chtit{
        padding-bottom:23px;
    }
    .web_center_chtit .tit{
        padding-bottom:25px;
    }
    .web_center_chtit .tit-in{
        font-size:40px;
        line-height:102px;
    }
    .web_center_chtit .subtit{
        font-size:18px;
        line-height:28px;
        padding:4px 0;
    }
    .web_center_ch_top{
        padding-bottom:100px;
        margin-bottom:56px;
    }
    /*产品*/
    .proPCNav .item{
        font-size:13px;
        line-height:24px;
        height:24px;
    }
    .proPCNav .item + .item{
        margin-top:40px;
    }
    .proPCNav .item .line{
        width:7px;
        height:2px;
        margin-right:7px;
    }
    .proPCNav .item.active .line{
        width:28px;
        margin-right:16px;
    }

    .swiper-container-pro .swiper-slide-page {
        font-size: 16px;
    }
    .swiper-slide-1-even .slide-inner1 .leftBox-wrap{
        padding-right:140px;
    }
    .swiper-container-pro .slide-inner1 .leftBox{
        width:80%;
        padding-left:80px;
        padding-bottom: 42px;
        padding-top: 100px;
    }
    .swiper-container-pro .swiper-slide-1-even .slide-inner1 .leftBox{
        margin-left:18%;
    }
    .swiper-container-pro .slide-inner1 .rightBox{
        padding-top:40px;
        max-height:-webkit-calc(100vh - 140px);
        max-height:calc(100vh - 140px);
    }
    .swiper-container-pro .swiper-slide-1-even .slide-inner1 .rightBox{
        left:16%;
    }
    .swiper-container-pro .slide-inner1 .rightBox .img{
        position:relative;
        top:30px;
        max-height:-webkit-calc(100vh - 140px);
        max-height:calc(100vh - 140px);
    }
    .swiper-container-pro .slide-inner1 .tit-wrap{
        padding-bottom: 28px;
        margin-bottom:6px;
    }
    .swiper-container-pro .slide-inner1 .con-wrap{
        font-size:14px;
        line-height:28px;
        padding-bottom:40px;
    }
    .prolist-btn{
        font-size:13px;
        width:130px;
        height:36px;
        line-height:36px;
    }
    .prolist-btn i{
        margin-right:11px;
    }
    .slide-inner1 .leftBox-wrap{
        width:55%;
        padding-right:80px;
    }

    .swiper-container-pro .slide-inner1 .tit{
        font-size:54px;
        line-height:70px;
        margin-bottom:8px;
    }
    .swiper-container-pro .slide-inner1 .subtit{
        font-size:27px;
        line-height:45px;
    }



    .NaShen-arr.NaShen-arr-abs{
        bottom:18px;
    }
    .NaShen-arr{
        margin-left:-18px;
        bottom:5px;
        width:36px;
        height:54px;
    }
    .NaShen-arr .arr1,.NaShen-arr .arr2{
        width:36px;
        height:18px;
        margin-left:-18px;
    }
    .NaShen-arr .arr1{
        top:0;
    }
    .NaShen-arr .arr2{
        top:14px;
    }
    .NaShen-arr i{
        width:23px;
        height:23px;
        margin-top:-19px;
        margin-left:-12px;
    }

    @keyframes NaShenAni {
        0%{
            opacity:0;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        25% {
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(18px);
            transform:translateY(18px);
        }
    }


    @keyframes NaShenAni2 {
        0%{
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0);
        }
        75%{
            opacity:0;
            -webkit-transform:translateY(18px);
            transform:translateY(18px);
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(18px);
            transform:translateY(18px);
        }
    }

    .proDDBannerBg .img_web{
        top:245px;
    }
    .proDDBanner .lay_image{
        margin-top:60px;
    }
    .proDDBannerTit{
        padding-top:32px;
    }
    .proDDBannerTit .tit{
        font-size:88px;
        line-height:114px;
        margin-bottom:16px;
    }
    .proDDBannerTit .tit:after{
        width:76px;
        height:3px;
    }
    .proDDBannerTit .subtit{
        font-size:20px;
        line-height:36px;
    }
    .proDDBannerIcons{
        width:378px;
    }
    .proDDBannerIcons .item{
        padding:0 4px;
    }
    .proDDBannerIcons .item .icon-wrap{
        font-size:63px;
        line-height:90px;

    }
    .proDDBannerIcons .item .inf{
        font-size:16px;
        line-height:26px;
    }
    .con-tit{
        font-size:23px;
        line-height:26px;
    }
    .proDDX .con1{
        padding-top:64px;
        padding-bottom:46px;
    }
    .proDDX .proCC .con1{
        padding-top:32px;
    }
    .proDDX .con1-tit{
        line-height: 38px;
        margin-bottom: 12px;
    }

    .proDDX .con1-con{
        font-size: 14px;
        line-height: 28px;
    }

    .proDDX .con2{
        padding-top:28px;
        padding-bottom:36px;
    }
    .proDDX .con2-tit{
        line-height:43px;
    }
    .proDDX .con2-con{
        font-size:14px;
        line-height:23px;
    }
    .proDDX .con2-con .item{
        padding:14px 0 14px 18px;
        min-height:52px;
    }
    .proDDX .con2-con .item:before{
        top:21px;
        width:7px;
        height:7px;
    }
    .proDDX .con3{
        padding-top:22px;
        padding-bottom:36px;
    }
    .proDDX .con3-tit{
        line-height:54px;
    }
    .proDDX .con3-con table td{
        font-size:13px;
        line-height:20px;
        padding:14px 14px 14px 0;
    }
    .proDDX .con3-con table td:nth-child(1){
        width:189px;
    }
    .proDDX .con3-con table td:nth-child(2){
        min-width:189px;
    }
    .proDDX .con4{
        padding-top:22px;
        padding-bottom: 112px;
    }
    .proDDX .con4-tit{
        line-height:50px;
        padding-bottom:23px;
    }
    .proDDX .con4-con-wrap{
        margin:0 -18px;
    }
    .proDDX .con4-con .item{
        padding:0 18px 36px;
    }
    .proDDX .con4-con .img-wrap{
        padding-bottom:18px;
    }
    .proDDX .con4-con .img-wrap img{
        height:144px;
    }
    .proDDX .con4-con .inf-wrap{
        padding-top:18px;
        padding-bottom:27px;
    }
    .proDDX .con4-con .inf-tit{
        font-size:27px;
        line-height:41px;
        margin-bottom:7px;
    }
    .proDDX .con4-con .inf-con{
        font-size:16px;
        line-height:27px;
    }
    .proDDX .conx{
        padding-top:18px;
        padding-bottom:26px;
    }
    .proDDX .conx-tit{
        line-height: 38px;
        margin-bottom: 12px;
    }
    .proDDX .conx-con{
        font-size:14px;
        line-height:28px;
    }
    /*新闻*/
    .inner_news_content_wrap{
        padding-top:100px;
        padding-bottom:150px;
    }
    .inrNewsList{
        padding-bottom:44px;
        margin-left:-18px;
        margin-right:-18px;
    }
    .inrNewsList .inrNewsItem{
        margin-bottom:40px;
    }
    .inrNewsList .inrNewsItem-in{
        margin:0 18px;
    }
    .inrNewsItemInfo{
        padding:24px 15px 32px;
    }
    .inrNewsItemMsg{
        padding-bottom:12px;
    }
    .inrNewsItemTit{
        font-size:16px;
        line-height:25px;
        height:50px;
    }
    .inrNewsItemOth{
        font-size:14px;
        line-height:28px;
    }
    .inrNewsItemOth .iconfont{
        font-size:18px;
        margin-right:7px;
        top:-2px;
    }
    .join_detail_box2_in .newspage{
        margin-top:60px;
    }
    .newspage .lnk{
        font-size:14px;
        line-height:50px;
        padding:0 16px;
        min-width:52px;
        height:52px;
        margin:0 9px;
    }
    .newspage .prev-lnk:before,.newspage .next-lnk:before{
        margin-top:-4px;
        width:7px;
        height:7px;
    }
    .newspage .prev-lnk:before{
        margin-left:-2px;
    }
    .newspage .next-lnk:before{
        margin-right:-2px;
    }


    .newsDD{
        padding-top:145px;
        padding-bottom:138px;
    }
    .newsD{
        padding:102px 0 128px;
        width:1020px;
    }
    .newsArc{
        padding-bottom:46px;
    }
    .newsArc-tit{
        padding-bottom:58px;
        margin-bottom:58px;
    }
    .newsArc-tit h1{
        font-size:32px;
        line-height:58px;
    }
    .newsArc-tit .p{
        font-size:13px;
        line-height:30px;
    }
    .newsArc-con{
        font-size:13px;
        line-height:23px;
    }
    .newsArc-con h1,.newsArc-con h2,.newsArc-con h3{
        font-size:22px;
        line-height:46px;
        padding-bottom:18px;
    }
    .newsArc-con h4,.newsArc-con h5,.newsArc-con h6{
        font-size:18px;
        line-height:28px;
        padding-bottom:9px;
    }
    .newsOth-in{
        padding-right:180px;
        height:68px;
    }
    .newsOth-in .lBx p{
        font-size:14px;
        line-height:34px;
    }
    .newsOth-in .rBx{
        width:136px;
        margin-top:-22px;
        height:44px;
        line-height:44px;
        font-size:14px;
    }
    .newsOth-in .rBx .iconfont{
        font-size:16px;
        margin-right:10px;
    }
    .newsOth{
        padding-top:40px;
    }

    /*加入*/
    .join_box1{
        padding-top:98px;
    }
    .join_box1 .content{
        padding:30px 120px 86px;
        font-size:14px;
        line-height:24px;
    }
    .join_wel .box-right .chd1 .chin{
        width:90%;
    }
    .join_wel .box-right .chd2 .chin{
        width:90%;
    }
    .join_wel .box-right .chd3 .chin{
        width:90%;
    }
    .join_wel .box-right .chd4 .chin{
        width:90%;
    }
    .join_wel .box-right .icon-wrap{
        padding-bottom:28px;
    }
    .join_wel .box-right .icon-wrap .iconfont{
        font-size:52px;
        line-height:54px;
    }
    .join_wel .box-right .icon-wrap .iconfont.icon-xuexi{
        font-size:46px;
    }
    .join_wel .box-right .text-wrap{
        font-size:13px;
        line-height:19px;
        height:76px;
    }
    .join_box2{
        padding-top: 105px;
        padding-bottom: 165px;
    }
    .join_box2 .web_center{
        padding-bottom:75px;
    }
    .join_style_wrap{
        padding-left:250px;
    }
    .join_box_text{
        left:60px;
    }
    .join_box_text_in{
        width:522px;
        height:288px;
        padding:45px 54px;
    }
    .join_box_text_tit{
        padding-bottom:8px;
        margin-bottom: 23px;
    }
    .join_box_text_title{
        font-size:21px;
        line-height:36px;
    }
    .join_box_text_time{
        font-size:13px;
        line-height:28px;
    }
    .join_box_con{
        font-size:13px;
        line-height:20px;
    }
    .join_style_sNav_in{
        right:28px;
    }
    .join_detail_box1{
        font-size:13px;
        line-height:34px;
        padding-top:100px;
        padding-bottom:155px;
    }

    .join_detail_box2{
        padding-top:56px;
        padding-bottom:100px;
    }

    .join_detail_box2_in{
        padding-top:28px;
        padding-bottom:28px;
    }
    .joList_item .lnk{
        height: 130px;
        padding:25px 28px 22px;
    }
    .joList_item .joList_item_title{
        font-size: 18px;
        line-height: 26px;
        height: 52px;
    }
    .joList_item .joList_item_con{
        font-size: 13px;
        line-height: 18px;
    }
    .joList_item .joList_item_con .txt2{
        padding-left:10px;
        margin-left:10px;
    }
    .join_det_wrap{
        margin-top:60px;
        padding-top:45px;
        padding-bottom:135px;
    }
    .join_det_left{
        padding:18px 32px 45px;
    }
    .join_det_right_in{
        margin-left:18px;
        padding:18px 18px 45px;
    }
    .join_det_left_tit{
        margin-bottom:29px;
    }
    .join_det_left_title{
        font-size: 18px;
        line-height: 25px;
    }
    .join_det_left_sub{
        font-size:13px;
        line-height:16px;
        padding:5px 0;
    }
    .join_det_left_sub .txt2{
        padding-left:9px;
        margin-left:9px;
    }
    .join_det_left_time{
        font-size:13px;
        line-height:16px;
    }

    .join_det_left_con{
        padding-top:9px;
        padding-bottom:9px;
        min-height:560px;
        font-size:13px;
        line-height:19px;
    }
    .join_det_left_con p + h1,.join_det_left_con p + h2,.join_det_left_con p + h3,
    .join_det_left_con p + h4,.join_det_left_con p + h5,.join_det_left_con p + h6{
        margin-top:36px;
    }
    .join_det_left_con h1,.join_det_left_con h2,.join_det_left_con h3,
    .join_det_left_con h4,.join_det_left_con h5,.join_det_left_con h6{
        font-size:14px;
        line-height:22px;
        margin-bottom:18px;
    }
    .join_det_left_con h1:after,.join_det_left_con h2:after,.join_det_left_con h3:after,
    .join_det_left_con h4:after,.join_det_left_con h5:after,.join_det_left_con h6:after{
        margin-left: 10px;
    }
    .join_det_right_title{
        font-size: 18px;
        line-height: 25px;
        margin-bottom:29px;
    }
    .join_det_right_title .more-lnk{
        font-size:12px;
        line-height:26px;
    }
    .join_det_right_con .item{
        padding:14px 0;
        font-size:13px;
        line-height:18px;
    }

    .decoration-div{
        height:36px;
    }




}
@media screen and (min-width: 1400px) and (max-width: 1490px) {
    .about_box1 .about_content{padding:45px 38px 0;}



}