/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; display: table-cell;vertical-align: bottom;width:100%;}
a { color:#000; text-decoration:none; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
/* css base */
body { font-family:"微软雅黑"; font-size:12px; color:#000; line-height:1.8;}
.left{ float:left;}
.right{ float:right;}
.clear:after{  content: "."; display: block;height: 0;clear: both; visibility: hidden;}
*{margin: 0;padding: 0;}
.common-btn{display:flex;justify-content: space-between;}
.wrap1200{width:1200px;margin:0 auto;}
.mtop{margin-top:50px;}
.ptop{padding-top:50px;}
/*导航*/
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background:white
}
.nav_box.fixnav{
	background:#000;
	opacity: 1;
}
.m_list_le{
    display:flex;
    justify-content: space-between;
}
.copy a{
	color:#7B7978;
}
.m_list_le>div{
    width:30%;
    border-bottom:1px solid #999;
    color:#A5A8AC;
    font-size:16px;
}
#inicon{
    width:70%;
    margin-top:130px;
    height:45px;
    border:none;
    background:none;
}
.contact-bg>.right{
    width:50%;
}
textarea{
    width:100%;
    display:block;
    background:none;
    height:200px;
    border:none;
}
.liuyan-bg{
    border-bottom:1px solid #999;
}
.liuyan{
    padding-top:50px;
    color:#A5A8AC;
    text-align:left;
    display:block;
    font-size:16px;
}
input,textarea{
    color:white;
}
.liubtn{
    width:40%;
    height:50px;
    line-height:50px;
    text-align:center;
    background:none;
    border:1px solid #999;
    text-align:center;
    margin-top:40px;
    color:#999;
    font-size:16px;
    float:left;
    cursor:pointer
}
.fanhui{
    color:white;
    font-size:18px;
    font-weight:bold;
    padding-top:30px;
    display:block;
}
.llk-page{
    text-align:right;margin-top:.5rem;
}
.llk-page a{
    color:white;
    font-size:16px;
    padding:0 .2rem;
}
.pro-img-bg .swiper-pagination-bullet{
		background:none;
}
.pro-img-bg .swiper-pagination:before,.pro-img-bg .swiper-pagination:after{
	content:"";
	padding:13px;
	position: relative;
    top: -2px;
	display:none;
	background:url(../img/pro_perv.jpg) no-repeat center center;
}
.pro-img-bg .swiper-pagination:after{
	background:url(../img/pro_next.jpg) no-repeat center center;
}
.pro-img-bg .swiper-pagination .swiper-pagination-bullet{
	width:auto;
	height:auto;
	display: inline-block;
    margin: 0 5px;
}

@media screen and (min-width:1441px){
    .sj-container,.ny-team,.sj-footer,.sj-copy,.sj-box,.ny-case,.ny-join,.ny-new,.ny-new-show,.ny-team-show,.ny-show,.main_de1,.ny-page{display:none;}
    body{background:#111}
    .pro-img-bg{position:relative;}
	.pro-img-bg .p-list img{display:block;margin:0 auto;}
    .pro-img-bg .swiper-pagination span{color:white;font-size:22px;margin-right:20px;}
    .pro-img-bg .swiper-pagination-bullet-active{background:none;} 
    .pro-img-bg .swiper-pagination{bottom:65px;left:50%;}
    .pro-img-bg .swiper-slide{background:#131313;}
    .pro-img-bg .swiper-button-prev{color:white;top:98%;font-size:22px;left:46%;}
    .pro-img-bg .swiper-button-next{color:white;top:98%;font-size:22px;right:46%;} 
    
    #if_map iframe{width:100%;scrolling : no;height:220px;border:none;overflow：hidden}
    .pc-ny-zi{
        color: white;
    font-size: 20px;
    font-weight: bold;
    margin-top: 35px;
    padding-bottom: rem;
    border-bottom: 1px solid #505050;
    margin-bottom: 30px;   
    }
    .pc-ny-case img{
        width:70%; 
        display:block;  
        margin-top:20px;  
        margin-bottom:50px;        
    }   
    .ypl_pag{
        color:white;
        font-size:16px;
    }
    .ypl_pag a{
        color:white;
        font-size:16px;
    }
    .pagination {
        text-align:center;
        padding-top:1.5rem; 
    }
    .pagination li{
        display:inline-block;
        color:#767575;
        font-size:18px;
        padding:1rem .2rem;
        
    }
    .pagination li a{
        color:#767575;
        font-size:18px;
    }
    .pagination .active{
        color:white;
    }
    .newlist-gg{
        padding-left:10%;
        width:65%;
        border-left:1px solid #7B7978;
        color:white;
        text-align:left;
        padding-bottom:.5rem;
    }
    .newlist-gg p:nth-child(1){
        font-size:20px;margin-top:.5rem;margin-bottom:.1rem;
    }
    .newlist-gg p:nth-child(3){
        font-size:14px;margin-bottom:.3rem;
    }
    .newlist-gg a{
        color:white;
        text-align:left;
    }
    .m_list_le{
    display:flex;
    justify-content: space-between;
    }
    .m_list_le>div{
    width:30%;
    border-bottom:1px solid #999;
    color:#A5A8AC;
    font-size:16px;
    }
    .about-show-list a{
        display:block;
        width:40%;
        margin-right:5%;
        margin-top:.3rem;
        color:white;
        text-align:center;
        font-size:8px;
    }
    .about-img a{
        display:block;
        width:30%;
        margin-left:3%;
        margin-top:1rem;
        text-align:center;
        color:white;
        font-size:8px;
    }
    #inicon{
        width:70%;
        margin-top:130px;
        height:45px;
        border:none;
        background:none;
    }
    .contact-bg>.right{
    width:55%;
    }
    textarea{
        width:100%;
        display:block;
        background:none;
        height:200px;
        border:none;
    }
    .liuyan-bg{
    border-bottom:1px solid #999;
    }
    .liuyan{
    padding-top:50px;
    color:#A5A8AC;
    text-align:left;
    display:block;
    font-size:16px;
    }
    input,textarea{
    color:#A5A8AC;
    }
    .liubtn{
    width:40%;
    height:50px;
    line-height:50px;
    text-align:center;
    background:none;
    border:1px solid #999;
    text-align:center;
    margin-top:40px;
    color:#999;
    font-size:16px;
    float:left;
    cursor:pointer
    }
    .wrap{width:90%;margin:0 auto;}
    .nav_box{
        position: fixed;
        left: 0px;
        z-index: 2000;
        width: 100%;
        /* border:1px solid red; */
        background: rgb(6,7,9,0.5);
        /* opacity: .8; */
        /* padding:15px 0; */
        border-bottom:1px solid #8D8D8D;
        display: flex;
        align-items: center;
        opacity:.9;
    }
    #menu li:hover{
        background:none;
    }
    .nav_box .logo{
        float: left;
        width:12%;
        /* opacity:.9; */
    }
    .nav_box .logo a{
        display:block;
    }
    .nav_box .logo img{
        display: block;
        width:2.5rem;
        margin-top:.3rem;
    } 
    .er-btn{
        position:absolute;
        width:140%;
        margin-top:.3rem;
        display:none;
        color:white;
    }
    .er-btn a{
        display:block;
        padding:0rem 0;
        width:140%;
        color:white;
        font-size:12px;
        background:black;
        height:1rem;
        line-height:1rem;
        margin-left:-30%;
        text-align:center;
        transition:all .5s;
    }
    .er-btn a:hover{
        background:#FDE48F;
        
    }
    .nav_er{
        height:1.5rem;
        line-height:1.5rem;
        float: right;
        display:block;

    }
    .seek{
        width:3rem;
        height: .5rem;
        border: 1px solid #ADADAD;
        float: right;
        margin-left: 1rem;
        margin-top:40px
    }
    .seek input:nth-child(1){
        display:block;
        float:left;
        /* width:90%; */
        border:none;
        background: #131313;
        text-align: left;
        line-height:.5rem;
        width:2rem
    }
    .nav-btn{
        display:none;
    }
    .seek input:nth-child(2){
        width:11%;
        display:block;
        float:right;
        box-sizing: border-box;
        margin-top:.1rem;
        margin-right:.1rem;
    }
    #menu{
        position: relative;
    }
    #menu li{
        font-size: 16px;
        width:80px;
        color: #ffffff;
        border-radius: none;
        background: none;
        position:relative;
        display:inline-block;
    }
    #menu>li:hover .er-btn{
        display:block;
    }
    #menu li a, #menu li.active a{padding:0;}
    #menu li>a{
        width:80px;
        text-align:center;
        color: #8A8A8B;
        margin-top:-.3rem;
        display:block;
    }
    #menu li>a:hover{
        color:#fff;
        font-size:18px;
    }
    #menu li p{
        color: white;
        position: absolute;
        text-align: center;
        left: 0%;
        transition: all .5s;
        opacity: 0;
		display:none;
        width: 100%;
        margin-top: .3rem;
        height: 1rem;
        line-height: .1rem;
		transition: all ease-in-out; .5s
        /* border:1px solid red; */
    }
    #menu li:hover p{
        opacity:1;
		display:block; 
        transform:translateY(-30px);
    }
    .header{
        position: relative;
        height: 100%;
    }
    .banner{
        height: 100%;

    }
    .banner .swiper-slide{
        width:100%;
        height:100%;

    }
    .banner .swiper-slide img{
        width:100%;
        height:100%;
    }
    .banner .swiper-container{
        height: 100%;
    }
    .banner .swiper-pagination-bullet{
        background: #ffffff;
        opacity: 1;
        border-radius:0%;
        width:4px;
        height:10px;
    }
    .banner .swiper-pagination-bullet-active{
        background: #fff;
        height:20px;
    }
    .banner-nei{
        padding-top:1.5rem;
    }
    /*关于我们*/
    .about{
        background: url(../img/1_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .product{
        background: url(../img/2_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .case{
        background: url(../img/3_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .new{
        background: url(../img/4_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .join{
        background: url(../img/5_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .contact{
        background: url(../img/6_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    /*********  news  *********/
    .new{
        
    }
    .new .new-bg a{
        margin-bottom:.5rem;
        display:block;
        padding:.3rem 0;
        
    }
    .new .new-bg .right .data{
        font-size:16px;
        margin-top:5px;
    }
    .new .new-bg .right .tit{
        font-size:16px;
        margin-top:.1rem;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
        padding-bottom:.2rem;
        font-weight: bold;
    }
    .new .new-bg .right .xian{
        border-bottom:1px solid #FEE590;
        width:2%;
        transition:all 1s;
    }
    .new .new-bg .right .text{
        font-size:14px;
        margin-top:.3rem;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        color:#999;
    }
    .new .new-bg{
        height:540px;
        /* margin-top:-20px; */
    }
    .new .new-bg{
        /* border:1px solid red; */
        box-sizing: border-box;
        padding-left:5%;
        display:block;
        transition:all .5s;
    }
    .new .new-bg .left{
        width:30%;
        display: flex;
        align-items: center
    }
    .new .new-bg .right{
        width:68%;
        font-size:14px;
    }
    .new .new-bg:hover{
        color:#FEE590
    }
    .new .new-bg a:hover{
        background:linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Mozilla-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Opera-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
    }
    .new .new-bg a:hover .xian{
        width:100%
    }
    .new .new-bg .left img{
        width:250px;
        height:150px;
        align-items: center;
        display:block;
        margin:0 auto;
    }
    .new .new-bg .right{
        color:white;
        line-height:26px;
        text-align: justify;
        /* margin-top:px; */
        margin-right:20px;
    }
    /*******  index_about    **********/
    .about-bgs{
        opacity:1;
        transition: all .5s;
        cursor: pointer;
        padding:.3rem 50px;
        margin-bottom:.3rem;
        height:2.2rem;
        display:block;
    }
    .about-bgs .left{
        width:30%;
        height:2.2rem;
        display: flex;
        align-items: center
    }
    .about-bgs .right{
        width:68%;
        font-size:14px;
         word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical;
        overflow:hidden;
        color:#CBCBCB;
    }
    .about-bgs .left img{
        width:30%;
        align-items: center
    }
    #productNumber{
        color:white;
        font-size:16px;
        font-weight:bold;
        padding-left:.5rem;
    }
    #productNumber b{font-size:34px;}
    #productNumber p{
        margin-top: -15px;
        font-size: 14px;
    }
    .about .about-bgs:hover{
        background:linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Mozilla-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Opera-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
    }
    .about .about-bgs:hover .right{
        color:white;
    }
    .about-bgs .right{
        color:#CBCBCB;
        line-height:26px;
        text-align: justify;
        margin-right:20px;
    }
    /*******  index_product  **********/

    .product .left{
        box-sizing: border-box;
        width:10%;
    }
    .product .left a{
        width:100%;
        display:block;
        text-align: center;
        font-size:16px;
        color:#999999;
        margin-bottom:10px;
        transition: all .5s;
        height:30px;
        line-height:30px;
    }
    .product .left a:hover{
        font-size:20px;
        color:white;
    }
    .product .right{
        width:85%;
        display:flex;
        justify-content: space-between;
        /* overflow: visible; */
    }
    .product .right a{
        width:30%;
        display:block;
        position: relative;
        float:left;
        transition: all .5s;
    }
    .pro-list .title{
        background: #4C4C4C;
        color:white;
        width:60%;
        text-align: center;
        margin:0 auto;
        position: absolute;
        top:20px;
        left:20%;
    }
    .pro-list .title p:nth-child(1){
        font-size:18px;
        /* font-weight: bold; */
    }
    .pro-list .title p:nth-child(2){
        font-size:14px;
        margin-top:-10px;
        /* font-weight: bold; */
    }
    .pro-list .title p:nth-child(3){
        border-top:5px solid #BAD9EB;
        width:30px;
        margin:0 auto;
        margin-top:5px;
        padding-bottom:10px;
    }
    .pro-list .name{
        position: absolute;
        bottom:30px;
        text-align: center;
        width:100%;
        font-size:18px;
    }
    .pro-show-img{
        transition: all .5s;
    }
    .dibu{
        background: #999999;
        opacity: .8;
        width:100%;
        height:100%;
        position: absolute;
        transition: all .5s;
        opacity: 0;
        top:0;
    }
    .dibu-1{
        border:1px solid white;
        border-radius: 50%;
        font-size:36px;
        font-weight: bold;
        color:white;
        width:40px;
        height:40px;
        line-height:35px;
        margin:0 auto;
        margin-top:150px;
    }
    .dibu-2{
        margin-top:10px;
        font-size:18px;
        color:white;
    }
    .product .right a:hover .pro-show-img{
        transform: scale(1.2);
    }
    .product .right a:hover .dibu{
        opacity: .8;
        transform: scale(1.2);
    }
    /*******  index_case     **********/
    .case .left{
        width:100%;
        margin-top:1rem;
    }
    .case .wrap{
        margin-top:1.5rem;
    }
    .case .left{
        width:15%;
    }
    .case-bg{
        width:85%;
        margin-left:15%;
        margin-top:-1rem;
    }
    .case-bg>a{
        display:block;
        width:40%;
        float:left;
        margin-right:5%;
        margin-top:.2rem;
    }
    .case-img{
        background: white;
    }
    .case-img img{
        height:5rem;
    }
    .case-zi{
        text-align: left;
        margin-top:.1rem;
    }
    .case-zi span:nth-child(1){
        font-size:16px;
        color:white;
        padding-right:15px;
    }
    .case-zi span:nth-child(2){
        border-right:1px solid white;
    }
    .case-zi span:nth-child(3){
        color:white;
        font-size:16px;
        padding-left:20px;
    }

    /*******  index_contact  **********/
    .contact{
        position: relative;
    }
    .contact-bg .left{
        width:40%;
    }
    .c-title{
        margin-bottom:50px;
    }
    .c-title p:first-child{
        font-size:30px;
        color:white;
        text-align: left;
    }
    .c-title p:last-child{
        font-size:14px;
        color:white;
        margin-top:-10px;
        text-align: left;
    }
    .c-head .left{
        font-size:20px;
        color:#A5A8AC;
        text-align: left;
        width:300px;
    }
    .c-head .right img {
        width: 30px;
        height: 30px;
        display: inline-block;
    }
    .c-head{
        border-bottom:1px solid #475561;
        padding-bottom:20px;
    }
    ..c-head .right{width:15%;}
    .c-content{
        padding-top:30px;
    }
    .c-content p{
        color:#A5A8AC;
        line-height:28px;
        font-size:14px;
        text-align: left;
    }
    #allmap{
        width:100%;
        height:170px;
        margin-top:30px;
    }
    .BMapLib_SearchInfoWindow,.anchorBL,.BMap_cpyCtrl{
        display:none;
    }
    .copy{
        position: absolute;
        bottom:0;
        text-align: center;
        color:#7B7978;
        border-top:1px solid #7B7978;
        z-index:999;
        width:100%;
        padding:15px 0;
    }
    .c-copy{
        text-align: center;
        color:#7B7978;
        border-top:1px solid #7B7978;
        z-index:999;
        width:100%;
        padding:20px 0;
    }


    /*************about  **********/
    .a-bg{
        width:100%;
        background: #131313;
    }
    .a-top{
        border-bottom:1px solid #333333;
    }
    .a-tit .left p:first-child{
        font-size:24px;
        color:white;
        padding-top:15px;
    }
    .a-tit .left p:last-child{
        font-size:14px;
        color:white;
        margin-top:-10px;
        padding-bottom:10px;
    }
    .a-content .img img{
        margin:0 auto;
        display:block;
        width:80%;
    }
    .a-content{
        margin-top:100px;
    }
    .a-content .content .tit{
        color:#999;
        font-size:24px;
    }
    .a-content .content .text{
        color:#999;
        font-size:16px;
        text-indent: 2em;;
    }
    .tubiao1 img{
        float:right;
        width:15%;
        margin-top:100px;
        margin-bottom:100px;
    }

    /**************   product   ********/
    .a-top{
        padding-left:2.15%;
    }
    .pro-tit{
        border-left:1px solid #7B7978;
        margin-left:16.74%;
        width:75%;
        color:#7F7F7F;
    }
    .pro-tit .left{
        padding-left:5%;
    }
    .pro-tit .right{margin-top:40px;font-size:14px;}
    .pro-tit .right a{color:#7f7f7f}
    .pro-tit .right span{color:#E3D186}
    .pc-ny-bg{width:70%;border-left:1px solid #7B7978;
		box-sizing: border-box;
		padding-left:5%;
		padding-bottom:100px;}
    .pro-img-bg{
        width:85%;
        border-left:1px solid #7B7978;
        box-sizing: border-box;
        padding-left:5.2%;
        padding-bottom:100px;
    }
    .p-list-tit{
        width:300px;
        height:40px;
        line-height:40px;
        border:1px solid #494949;
        text-align: center;
        color:white;
        margin:0 auto;
        font-size:18px;
        margin-bottom:30px;
    }
    .p-lists{
        padding-top:50px;
    }
    .p-list{
        display:flex;
        justify-content: space-between;
        padding-bottom:50px;
    }
    .p-list a{
        display:block;
        overflow: hidden;
        position: relative;
        float:left;
        transition: all .5s;
    }
    .p-list .title{
        background: #4C4C4C;
        color:white;
        width:60%;
        text-align: center;
        margin:0 auto;
        position: absolute;
        top:20px;
        left:20%;
    }
    .p-list .title p:nth-child(1){
        font-size:18px;
        /* font-weight: bold; */
    }
    .p-list .title p:nth-child(2){
        font-size:14px;
        margin-top:-10px;
        /* font-weight: bold; */
    }
    .p-list .title p:nth-child(3){
        border-top:5px solid #BAD9EB;
        width:30px;
        margin:0 auto;
        margin-top:5px;
        padding-bottom:10px;
    }
    .p-list .name{
        position: absolute;
        bottom:30px;
        text-align: center;
        width:100%;
        font-size:18px;
    }
    /*********  case  *********/
    .z-tiaojian{
        text-align: center;
    }
    .z-tit{
        color:white;
        text-align: center;
        border-bottom:2px solid #999;
        font-size:20px;
        display:inline-block;
        margin-bottom:50px;
    }
    .z-list ul{
        list-style-position: inside;
        margin-top:20px;
    }
    .z-list li{
        text-align: left;
        color:#999;
        font-size:14px;
        margin-bottom:15px;
        list-style: inside;
    }
    .z-list .left,.z-list .right{
        width:48%
    }
    .liuc-li{
        display:flex;
        justify-content: space-between;
        margin-top:30px;
        margin-bottom:100px;
    }
    .liuc-li li:nth-child(2n){
        margin-top:40px;
    }
    .anli-bg{
        width:100%;
    }
    .anli-bg>a{
        display:block;
        width:45%;
        float:left;
        margin-right:5%;
        margin-top:1rem;
    }
    .anli-img{
        background: white;
    }
    .anli-zi{
        text-align: left;
        margin-top:.3rem;
    }
    .anli-zi span:nth-child(1){
        font-size:16px;
        color:white;
        padding-right:15px;
    }
    .anli-zi span:nth-child(2){
        border-right:1px solid white;
    }
    .anli-zi span:nth-child(3){
        color:white;
        font-size:16px;
        padding-left:20px;
    }
    /***********  左边栏目   *********/
    .pro-nav .pro-nav-bg div:first-child{
        color:white;
        font-weight: bold;
        margin-bottom:15px;
        font-size:18px;
        text-align: right;
        width:65%;
    }
    .pro-nav{
        width:15%;
        padding-top:50px;
        /* border: 1px solid red; */
        box-sizing: border-box;
    }

    .news-more{
        margin-top:100px;
        width:80%;
        padding:0 5%;
    }
    .news-more-tit{
        text-align: center;
        color:#999;
        font-size:18px;
        padding-bottom:20px;
    }
    .news-more a{
        margin-bottom:30px;
        display:block;
    }
    .news-more p{
        color:#999;
        font-size:16px;
        margin-top:10px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .jk-btn>a{
        width:100%;
        box-sizing: border-box;
        display:block;
        cursor: pointer;
        color:#cbcbcb;
        text-align: center;
        font-size:16px;
        padding:10px 0;
        transition:all .5s;
    }
    .jk-btn>a:hover{
        color:white;
        transform:scale(1.2)
    }
    .jk-show{
        width:100%;
        text-align: center;
        /* visibility: hidden; */
        display:none;
        margin-top:-10x;
    }
    .jk-show a{
        color:white;
        text-align: center;
        font-size:16px;
        margin-top:5px;
    }
    .jk-btn:hover .jk-show{
        display:block;
    }


    /*********  new  *********/
    .new-list-bg{
        margin-top:100px;
        display:block;
        /* border:1px solid red; */
        box-sizing: border-box;
        /* transition: all .5s; */
    }

    .new-img{
        width:30%;
    }
    .new-img img{
        width:100%;
    }
    .new-text{
        width:45%;
        margin-left:3%;
    }
    .new-text p:first-child{
        font-size:16px;
        color:white;
        font-weight: bold;
        padding-top:20px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .new-text p:last-child{
        font-size:14px;
        color:#999;
        padding-top:45px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height:30px;
        margin-top:20px;
        border-top:1px solid #262626;
    }
    .new-data{
        width:15%;
        margin-left:5%;
        border-left:1px solid #444444;
    }
    .new-data p:first-child{
        font-size:26px;
        color:#666666;
        text-align: center;
        padding-top:30px;
    }
    .new-data p:last-child{
        font-size:24px;
        color:#666666;
        text-align: right;
        margin-right:30%;
        padding-top:30px;
    }
}
@media screen and (min-width:1201px) and (max-width:1440px){
    .sj-container,.ny-team,.sj-footer,.sj-copy,.sj-box,.ny-case,.ny-join,.ny-new,.ny-new-show,.ny-team-show,.ny-show,.main_de1,.ny-page{display:none;}
    body{background:#111}
    .pro-img-bg{position:relative;}
	.pro-img-bg .slide-width{width: 100% !important;}
    .pro-img-bg .swiper-pagination span{color:white;font-size:22px;margin-right:20px;}
    .pro-img-bg .swiper-pagination-bullet-active{background:none;} 
    .pro-img-bg .swiper-pagination{bottom:65px;left:50%;}
    .pro-img-bg .swiper-slide{background:#131313;}
    .pro-img-bg .swiper-button-prev{color:white;top:98%;font-size:22px;left:46%;}
    .pro-img-bg .swiper-button-next{color:white;top:98%;font-size:22px;right:46%;} 
     #if_map iframe{width:100%;scrolling : no;height:220px;border:none;overflow：hidden}
    .pc-ny-zi{
        color: white;
    font-size: 20px;
    font-weight: bold;
    margin-top: 35px;
    padding-bottom: rem;
    border-bottom: 1px solid #505050;
    margin-bottom: 30px;
    }
    .pc-ny-case img{
        width:70%; 
        display:block;  
        margin-top:10px;  
        margin-bottom:30px;        
    }
    .ypl_pag{
        color:white;
        font-size:16px;
    }
    .ypl_pag a{
        color:white;
        font-size:16px;
    }
     .pagination {
        text-align:center;
        padding-top:1.5rem; 
    }
    .pagination li{
        display:inline-block;
        color:#767575;
        font-size:18px;
        padding:1rem .2rem;
        
    }
    .pagination li a{
        color:#767575;
        font-size:18px;
    }
    .pagination .active{
        color:white;
    }
    .newlist-gg{
        padding-left:10%;
        width:65%;
        border-left:1px solid #7B7978;
        color:white;
        text-align:left;
        padding-bottom:.5rem;
    }
    .newlist-gg p:nth-child(1){
        font-size:20px;margin-top:.5rem;margin-bottom:.1rem;
    }
    .newlist-gg p:nth-child(3){
        font-size:14px;margin-bottom:.3rem;
    }
    .newlist-gg a{
        color:white;
        text-align:left;
    }
    .m_list_le{
    display:flex;
    justify-content: space-between;
    }
    .m_list_le>div{
    width:30%;
    border-bottom:1px solid #999;
    color:#A5A8AC;
    font-size:16px;
    }
    .about-show-list a{
        display:block;
        width:40%;
        margin-right:5%;
        margin-top:.3rem;
        color:white;
        text-align:center;
        font-size:8px;
    }
    .about-img a{
        display:block;
        width:30%;
        margin-left:3%;
        margin-top:1rem;
        text-align:center;
        color:white;
        font-size:8px;
    }
    #inicon{
        width:70%;
        margin-top:2.9rem;
        height:45px;
        border:none;
        background:none;
    }
    .contact-bg>.right{
    width:55%;
    }
    textarea{
        width:100%;
        display:block;
        background:none;
        height:2rem;
        border:none;
    }
    .liuyan-bg{
    border-bottom:1px solid #999;
    }
    .liuyan{
    padding-top:50px;
    color:#A5A8AC;
    text-align:left;
    display:block;
    font-size:16px;
    }
    input,textarea{
    color:#A5A8AC;
    }
    .liubtn{
    width:40%;
    height:50px;
    line-height:50px;
    text-align:center;
    background:none;
    border:1px solid #999;
    text-align:center;
    margin-top:40px;
    color:#999;
    font-size:16px;
    float:left;
    cursor:pointer
    }
    .wrap{width:90%;margin:0 auto;}
    .nav_box{
        position: fixed;
        left: 0px;
        z-index: 2000;
        width: 100%;
        /* border:1px solid red; */
        background: (6,7,9,0.5);
        /* opacity: .8; */
        /* padding:15px 0; */
        border-bottom:1px solid #8D8D8D;
        display: flex;
        align-items: center;
        opacity:.9;
    }
    #menu li:hover{
        background:none;
    }
    .nav_box .logo{
        float: left;
        width:12%;
        /* opacity:.9; */
    }
    .nav_box .logo a{
        display:block;
    }
    .nav_box .logo img{
        display: block;
        width:2.5rem;
        margin-top:.3rem;
    } 
    .er-btn{
        position:absolute;
        width:140%;
        margin-top:.3rem;
        display:none;
        color:white;
    }
    .er-btn a{
        display:block;
        padding:0rem 0;
        width:140%;
        color:white;
        font-size:12px;
        background:black;
        height:1rem;
        line-height:1rem;
        margin-left:-30%;
        text-align:center;
        transition:all .5s;
    }
    .er-btn a:hover{
        background:#FDE48F;
        
    }
    .nav_er{
        height:1.5rem;
        line-height:1.5rem;
        float: right;
        display:block;

    }
    .seek{
        width:3rem;
        height: .5rem;
        border: 1px solid #ADADAD;
        float: right;
        margin-left: 1rem;
        margin-top:40px;
    }
    .seek input:nth-child(1){
        display:block;
        float:left;
        /* width:90%; */
        border:none;
        background: #131313;
        text-align: left;
        line-height:.5rem;
        width:2rem
    }
    .nav-btn{
        display:none;
    }
    .seek input:nth-child(2){
        width:11%;
        display:block;
        float:right;
        box-sizing: border-box;
        margin-top:.1rem;
        margin-right:.1rem;
    }
    #menu{
        position: relative;
    }
    #menu li{
        font-size: 16px;
        width:80px;
        color: #ffffff;
        border-radius: none;
        background: none;
        position:relative;
        display:inline-block;
    }
    #menu li:hover .er-btn{
        display:block;
    }
    #menu li a, #menu li.active a{padding:0;}
    #menu li>a{
        width:80px;
        text-align:center;
        color: #8A8A8B;
        margin-top:-.3rem;
        display:block;
    }
    #menu li>a:hover{
        color:#fff;
        font-size:18px;
    }
    #menu li p{
        color: white;
        position: absolute;
        text-align: center;
        left: 0%;
        transition: all .5s;
        opacity: 0;
        width: 100%;
        margin-top: .3rem;
        height: 1rem;
        line-height: .1rem;
		display:none;
        /* border:1px solid red; */
    }
    #menu li:hover p{
        opacity:1;
		display:block;
        transform:translateY(-30px);
    }
    .header{
        position: relative;
        height: 100%;
    }
    .banner{
        height: 100%;

    }
    .banner .swiper-slide{
        width:100%;
        height:100%;

    }
    .banner .swiper-slide img{
        width:100%;
        height:100%;
    }
    .banner .swiper-container{
        height: 100%;
    }
    .banner .swiper-pagination-bullet{
        background: #ffffff;
        opacity: 1;
        border-radius:0%;
        width:4px;
        height:10px;
    }
    .banner .swiper-pagination-bullet-active{
        background: #fff;
        height:20px;
    }
    .banner-nei{
        padding-top:1.5rem;
    }
    /*关于我们*/
    .about{
        background: url(../img/1_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .product{
        background: url(../img/2_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .case{
        background: url(../img/3_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .new{
        background: url(../img/4_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .join{
        background: url(../img/5_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
    .contact{
        background: url(../img/6_02.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    /*********  news  *********/
    .new{
        
    }
    .new .new-bg a{
        margin-bottom:.2rem;
        display:block;
        padding:.2rem 0;
        
    }
    .new .new-bg .right .data{
        font-size:16px;
        margin-top:5px;
        display:none;
    }
    .new .new-bg .right .tit{
        font-size:16px;
        margin-top:.1rem;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
        padding-bottom:.2rem;
        font-weight: bold;
    }
    .new .new-bg .right .xian{
        border-bottom:1px solid #FEE590;
        width:2%;
        transition:all 1s;
    }
    .new .new-bg .right .text{
        font-size:14px;
        margin-top:.3rem;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        color:#999;
    }
    .new .new-bg{
        height:540px;
        /* margin-top:-20px; */
    }
    .new .new-bg{
        /* border:1px solid red; */
        box-sizing: border-box;
        padding-left:5%;
        display:block;
        transition:all .5s;
    }
    .new .new-bg .left{
        width:30%;
        display: flex;
        align-items: center
    }
    .new .new-bg .right{
        width:68%;
        font-size:14px;
    }
    .new .new-bg:hover{
        color:#FEE590
    }
    .new .new-bg a:hover{
        background:linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Mozilla-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Opera-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
    }
    .new .new-bg a:hover .xian{
        width:100%
    }
    .new .new-bg .left img{
        width:60%;
        align-items: center;
        display:block;
        margin:0 auto;
    }
    .new .new-bg .right{
        color:white;
        line-height:26px;
        text-align: justify;
        /* margin-top:px; */
        margin-right:20px;
    }
    /*******  index_about    **********/
    .about-bgs{
        opacity:1;
        transition: all .5s;
        cursor: pointer;
        padding:.3rem 50px;
        margin-bottom:.3rem;
        height:1.6rem;
        display:block;
    }
    .about-bgs .left{
        width:30%;
        height:1.6rem;
        display: flex;
        align-items: center
    }
    .about-bgs .right{
        width:68%;
        font-size:14px;
         word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        color:#CBCBCB;
        margin-top:.4rem;
    }
    .about-bgs .left img{
        width:30%;
        align-items: center
    }
    #productNumber{
        color:white;
        font-size:16px;
        font-weight:bold;
    }
    #productNumber b{font-size:34px;}
    #productNumber p{
        margin-top: -15px;
        font-size: 14px;
    }
    .about .about-bgs:hover{
        background:linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Mozilla-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
        background:-Opera-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
    }
    .about .about-bgs:hover .right{
        color:white;
    }
    .about-bgs .right{
        color:#CBCBCB;
        line-height:26px;
        text-align: justify;
        margin-right:20px;
    }
    /*******  index_product  **********/

    .product .left{
        box-sizing: border-box;
        width:10%;
    }
    .product .left a{
        width:100%;
        display:block;
        text-align: center;
        font-size:16px;
        color:#999999;
        margin-bottom:10px;
        transition: all .5s;
        height:30px;
        line-height:30px;
    }
    .product .left a:hover{
        font-size:20px;
        color:white;
    }
    .product .right{
        width:85%;
        display:flex;
        justify-content: space-between;
        margin-top:1rem;
        /* overflow: visible; */
    }
    .product .right a{
        width:30%;
        display:block;
        position: relative;
        float:left;
        transition: all .5s;
    }
    .pro-list .title{
        background: #4C4C4C;
        color:white;
        width:60%;
        text-align: center;
        margin:0 auto;
        position: absolute;
        top:20px;
        left:20%;
    }
    .pro-list .title p:nth-child(1){
        font-size:18px;
        /* font-weight: bold; */
    }
    .pro-list .title p:nth-child(2){
        font-size:14px;
        margin-top:-10px;
        /* font-weight: bold; */
    }
    .pro-list .title p:nth-child(3){
        border-top:5px solid #BAD9EB;
        width:30px;
        margin:0 auto;
        margin-top:5px;
        padding-bottom:10px;
    }
    .pro-list .name{
        position: absolute;
        bottom:30px;
        text-align: center;
        width:100%;
        font-size:18px;
    }
    .pro-show-img{
        transition: all .5s;
    }
    .dibu{
        background: #999999;
        opacity: .8;
        width:100%;
        height:100%;
        position: absolute;
        transition: all .5s;
        opacity: 0;
        top:0;
    }
    .dibu-1{
        border:1px solid white;
        border-radius: 50%;
        font-size:36px;
        font-weight: bold;
        color:white;
        width:40px;
        height:40px;
        line-height:35px;
        margin:0 auto;
        margin-top:150px;
    }
    .dibu-2{
        margin-top:10px;
        font-size:18px;
        color:white;
    }
    .product .right a:hover .pro-show-img{
        transform: scale(1.2);
    }
    .product .right a:hover .dibu{
        opacity: .8;
        transform: scale(1.2);
    }
    /*******  index_case     **********/
    .case .left{
        width:100%;
        margin-top:1rem;
    }
    .case .wrap{
        margin-top:1.5rem;
    }
    .case .left{
        width:15%;
    }
    .case-bg{
        width:85%;
        margin-left:15%;
        margin-top:-1rem;
    }
    .case-bg>a{
        display:block;
        width:35%;
        float:left;
        margin-right:8%;
        margin-top:.2rem;
    }
    .case-img{
        background: white;
    }
    .case-img img{
        height:3.5rem;
    }
    .case-zi{
        text-align: left;
        margin-top:.1rem;
    }
    .case-zi span:nth-child(1){
        font-size:16px;
        color:white;
        padding-right:15px;
    }
    .case-zi span:nth-child(2){
        border-right:1px solid white;
    }
    .case-zi span:nth-child(3){
        color:white;
        font-size:16px;
        padding-left:20px;
    }

    /*******  index_contact  **********/
    .contact{
        position: relative;
    }
    .contact-bg .left{
        width:40%;
    }
    .c-title{
        margin-top:2rem;
    }
    .c-title p:first-child{
        font-size:24px;
        color:white;
        text-align: left;
    }
    .c-title p:last-child{
        font-size:12px;
        color:white;
        margin-top:-10px;
        text-align: left;
    }
    .c-head .left{
        font-size:20px;
        color:#A5A8AC;
        text-align: left;
        width:300px;
    }
    .c-head .right img {
        width: 30px;
        height: 30px;
        display: inline-block;
    }
    .c-head{
        border-bottom:1px solid #475561;
        padding-bottom:.1rem;
    }
    ..c-head .right{width:15%;}
    .c-content{
        padding-top:.1rem;
    }
    .c-content p{
        color:#A5A8AC;
        line-height:28px;
        font-size:14px;
        text-align: left;
    }
    #allmap{
        width:100%;
        height:2rem;
        margin-top:30px;
    }
    .BMapLib_SearchInfoWindow,.anchorBL,.BMap_cpyCtrl{
        display:none;
    }
    .copy{
        position: absolute;
        bottom:0;
        text-align: center;
        color:#7B7978;
        border-top:1px solid #7B7978;
        z-index:999;
        width:100%;
        padding:15px 0;
    }
    .c-copy{
        text-align: center;
        color:#7B7978;
        border-top:1px solid #7B7978;
        z-index:999;
        width:100%;
        padding:20px 0;
    }


    /*************about  **********/
    .a-bg{
        width:100%;
        background: #131313;
    }
    .a-top{
        border-bottom:1px solid #333333;
    }
    .a-tit .left p:first-child{
        font-size:24px;
        color:white;
        padding-top:15px;
    }
    .a-tit .left p:last-child{
        font-size:14px;
        color:white;
        margin-top:-10px;
        padding-bottom:10px;
    }
    .a-content .img img{
        margin:0 auto;
        display:block;
        width:80%;
    }
    .a-content{
        margin-top:100px;
    }
    .a-content .content .tit{
        color:#999;
        font-size:24px;
    }
    .a-content .content .text{
        color:#999;
        font-size:16px;
        text-indent: 2em;;
    }
    .tubiao1 img{
        float:right;
        width:15%;
        margin-top:100px;
        margin-bottom:100px;
    }

    /**************   product   ********/
    .a-top{
        padding-left:2.15%;
    }
    .pro-tit{
        border-left:1px solid #7B7978;
        margin-left:16.74%;
        width:75%;
        color:#7F7F7F;
    }
    .pro-tit .left{
        padding-left:5%;
    }
    .pro-tit .right{margin-top:40px;font-size:14px;}
    .pro-tit .right a{color:#7f7f7f}
    .pro-tit .right span{color:#E3D186}
    .pc-ny-bg{
        width:70%;border-left:1px solid #7B7978;
		box-sizing: border-box;
		padding-left:5%;
		padding-bottom:100px;
    }
    .pro-img-bg{
        width:85%;
        border-left:1px solid #7B7978;
        box-sizing: border-box;
        padding-left:5.2%;
        padding-bottom:100px;
    }
    .p-list-tit{
        width:300px;
        height:40px;
        line-height:40px;
        border:1px solid #494949;
        text-align: center;
        color:white;
        margin:0 auto;
        font-size:18px;
        margin-bottom:30px;
    }
    .p-lists{
        padding-top:50px;
    }
    .p-list{
        display:flex;
        justify-content: space-between;
        padding-bottom:40px;
    }
    .p-list a{
       
        display:block;
        overflow: hidden;
        position: relative;
        float:left;
        transition: all .5s;
    }
    .p-list .title{
        background: #4C4C4C;
        color:white;
        width:60%;
        text-align: center;
        margin:0 auto;
        position: absolute;
        top:20px;
        left:20%;
    }
    .p-list .title p:nth-child(1){
        font-size:18px;
        /* font-weight: bold; */
    }
    .p-list .title p:nth-child(2){
        font-size:14px;
        margin-top:-10px;
        /* font-weight: bold; */
    }
    .p-list .title p:nth-child(3){
        border-top:5px solid #BAD9EB;
        width:30px;
        margin:0 auto;
        margin-top:5px;
        padding-bottom:10px;
    }
    .p-list .name{
        position: absolute;
        bottom:30px;
        text-align: center;
        width:100%;
        font-size:18px;
    }
    /*********  case  *********/
    .z-tiaojian{
        text-align: center;
    }
    .z-tit{
        color:white;
        text-align: center;
        border-bottom:2px solid #999;
        font-size:20px;
        display:inline-block;
        margin-bottom:50px;
    }
    .z-list ul{
        list-style-position: inside;
        margin-top:20px;
    }
    .z-list li{
        text-align: left;
        color:#999;
        font-size:14px;
        margin-bottom:15px;
        list-style: inside;
    }
    .z-list .left,.z-list .right{
        width:48%
    }
    .liuc-li{
        display:flex;
        justify-content: space-between;
        margin-top:30px;
        margin-bottom:100px;
    }
    .liuc-li li:nth-child(2n){
        margin-top:40px;
    }
    .anli-bg{
        width:100%;
    }
    .anli-bg>a{
        display:block;
        width:45%;
        float:left;
        margin-right:5%;
        margin-top:1rem;
    }
    .anli-img{
        background: white;
    }
    .anli-zi{
        text-align: left;
        margin-top:.3rem;
    }
    .anli-zi span:nth-child(1){
        font-size:16px;
        color:white;
        padding-right:15px;
    }
    .anli-zi span:nth-child(2){
        border-right:1px solid white;
    }
    .anli-zi span:nth-child(3){
        color:white;
        font-size:16px;
        padding-left:20px;
    }
    /***********  左边栏目   *********/
    .pro-nav .pro-nav-bg div:first-child{
        color:white;
        font-weight: bold;
        margin-bottom:15px;
        font-size:18px;
        text-align: right;
        width:65%;
    }
    .pro-nav{
        width:15%;
        padding-top:.5rem;  
        /* border: 1px solid red; */
        box-sizing: border-box;
    }

    .news-more{
        margin-top:100px;
        width:80%;
        padding:0 5%;
    }
    .news-more-tit{
        text-align: center;
        color:#999;
        font-size:18px;
        padding-bottom:20px;
    }
    .news-more a{
        margin-bottom:30px;
        display:block;
    }
    .news-more p{
        color:#999;
        font-size:16px;
        margin-top:10px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .jk-btn>a{
        width:100%;
        box-sizing: border-box;
        display:block;
        cursor: pointer;
        color:#cbcbcb;
        text-align: center;
        font-size:16px;
        padding:10px 0;
        transition:all .5s;
    }
    .jk-btn>a:hover{
        color:white;
        transform:scale(1.2)
    }
    .jk-show{
        width:100%;
        text-align: center;
        /* visibility: hidden; */
        display:none;
        margin-top:-10x;
    }
    .jk-show a{
        color:white;
        text-align: center;
        font-size:16px;
        margin-top:5px;
    }
    .jk-btn:hover .jk-show{
        display:block;
    }


    /*********  new  *********/
    .new-list-bg{
        margin-top:100px;
        display:block;
        /* border:1px solid red; */
        box-sizing: border-box;
        /* transition: all .5s; */
    }

    .new-img{
        width:30%;
    }
    .new-img img{
        width:100%;
    }
    .new-text{
        width:45%;
        margin-left:3%;
    }
    .new-text p:first-child{
        font-size:16px;
        color:white;
        font-weight: bold;
        padding-top:20px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .new-text p:last-child{
        font-size:14px;
        color:#999;
        padding-top:45px;
        word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height:30px;
        margin-top:20px;
        border-top:1px solid #262626;
    }
    .new-data{
        width:15%;
        margin-left:5%;
        border-left:1px solid #444444;
    }
    .new-data p:first-child{
        font-size:26px;
        color:#666666;
        text-align: center;
        padding-top:30px;
    }
    .new-data p:last-child{
        font-size:24px;
        color:#666666;
        text-align: right;
        margin-right:30%;
        padding-top:30px;
    }
}
@media screen and (min-width:769px) and (max-width:1200px) {
    .sj-container,.ny-team,.sj-footer,.sj-copy,.sj-box,.ny-case,.ny-join,.ny-new,.ny-new-show,.ny-new-show,.ny-show,.main_de1,.ny-page{display:none;}
    body{background:#111}
    .pro-img-bg{position:relative;}
    .pro-img-bg .swiper-pagination span{color:white;font-size:22px;margin-right:20px;}
    .pro-img-bg .swiper-pagination-bullet-active{background:none;} 
    .pro-img-bg .swiper-pagination{bottom:65px;left:50%;}
    .pro-img-bg .swiper-slide{background:#131313;}
    .pro-img-bg .swiper-button-prev{color:white;top:98%;font-size:22px;left:46%;}
    .pro-img-bg .swiper-button-next{color:white;top:98%;font-size:22px;right:46%;} 
     #if_map iframe{width:100%;scrolling : no;height:220px;border:none;overflow：hidden}
    .pro-img-bg .swiper-slide img{width:100%;}
    .pc-ny-zi{
        color: white;
    font-size: 20px;
    font-weight: bold;
    margin-top: 35px;
    padding-bottom: rem;
    border-bottom: 1px solid #505050;
    margin-bottom: 30px;
    }
    .seek{}
    .pc-ny-case img{
        width:70%; 
        display:block;  
        margin-top:10px;  
        margin-bottom:.3rem;        
    }
    .ypl_pag{
        color:white;
        font-size:14px;
    }
    .ypl_pag a{
        color:white;
        font-size:14px;
    }
     .pagination {
        text-align:center;
        padding-top:1.5rem; 
    }
    .pagination li{
        display:inline-block;
        color:#767575;
        font-size:18px;
        padding:1rem .2rem;
        
    }
    .pagination li a{
        color:#767575;
        font-size:18px;
    }
    .newlist-gg p:nth-child(1){
        font-size:20px;margin-top:.5rem;margin-bottom:.1rem;
    }
    .newlist-gg p:nth-child(3){
        font-size:14px;margin-bottom:.3rem;
    }
    .pagination .active{
        color:white;
    }
    .biaodan{display:none;}
	.wrap{width:94%;margin:0 auto;}
    #menu li a, #menu li.active a{padding:0;}
    #menu{
        position: relative;
    }
    #menu li{
        font-size: 16px;
        width:80px;
        color: #ffffff;
        border-radius: none;
        background: none;
        position:relative;
        display:inline-block;
    }
    #menu li:hover .er-btn{
        display:block;
    }
    #menu li a, #menu li.active a{padding:0;}
    #menu li>a{
        width:80px;
        text-align:center;
        color: #8A8A8B;
        margin-top:-.2rem;
        display:block;
    }
    #menu li>a:hover{
        color:#fff;
        font-size:18px;
    }
    #menu li p{
        color: white;
        position: absolute;
        text-align: center;
        left: 0%;
        transition: all .5s;
        opacity: 0;
        width: 100%;
        margin-top: .3rem;
        height: 1rem;
        line-height: .1rem;
		display:none;
        /* border:1px solid red; */
    } 
    #menu li:hover p{
        opacity:1;
		display:block;
        transform:translateY(-30px);
    }
	.nav_box{
		position: fixed;
		left: 0px;
		z-index: 2000;
		width: 100%;
		/* border:1px solid red; */
		background: rgb(6,7,9,0.5); 
		/* opacity: .8; */
		/* padding:15px 0; */
		border-bottom:1px solid #8D8D8D;
		display:block;
	}
        #menu li:hover{
        background:none;
    }
	.nav_box .logo{
		float: left;
		width:17%;
		/* opacity:.9; */
	}
	.nav_box .logo a{
		display:block;
	}
	.nav_box .logo img{
		display: block;
		width:2rem;
        margin-top:.3rem
	} 

	.nav-btn{
		display:none;
	}
	.er-btn{
        position:absolute;
        width:140%;
        margin-top:.3rem;
        display:none;
        color:white;
    }
    .er-btn a{
        display:block;
        width:140%;
        color:white;
        font-size:12px;
        background:black;
        margin-left:-30%;
        text-align:center;
        transition:all .5s;
        height:.8rem;
        line-height:.8rem;
    }
    .er-btn a:hover{
        background:#FDE48F;
        
    }
	.nav_er{
		float: right;
		/* margin-top: 6px; */
		display:block;
        height:1.5rem;
        line-height:1.5rem;

	}
	.seek{
        width: 22%;
        height: 0.5rem;
        border: 1px solid white;
        float: right;
        margin-top: 40px;
        margin-left: 1rem;
	}
    .seek .inp_1{background:#131313;color:white;border:none;float:left;margin-top:.1rem;}
    .seek .inp_2{background:#131313;color:white;border:none;float:right;margin-top:.1rem;}
	.nav-btn{
		display:none;
	}
	.header{
		position: relative;
		height: 100%;
	}
	.banner{
		height: 100%;
	
	}
	.banner .swiper-slide{
		width:100%;
		height:100%;

	}
	.banner .swiper-slide img{
		width:100%;
		height:100%;
	}
	.banner .swiper-container{
		height: 100%;
	}
	.banner .swiper-pagination-bullet{
		background: #ffffff;
		opacity: 1;
        border-radius:0%;
        width:4px;
        height:10px;
	}
	.banner .swiper-pagination-bullet-active{
		background: #fff;
        height:20px;
	}
	.banner-nei{
		padding-top:1.5rem;
	}
	/*关于我们*/
	.about{
		background: url(../img/1_02.jpg) no-repeat center center;
		background-size: 100% 100%;
	}
	.product{
		background: url(../img/2_02.jpg) no-repeat center center;
		background-size: 100% 100%;
	}
	.case{
		background: url(../img/3_02.jpg) no-repeat center center;
		background-size: 100% 100%;
	}
	.new{
		background: url(../img/4_02.jpg) no-repeat center center;
		background-size: 100% 100%;
	}
	.join{
		background: url(../img/5_02.jpg) no-repeat center center;
		background-size: 100% 100%;
	}
	.contact{
		background: url(../img/6_02.jpg) no-repeat center center;
		background-size: 100% 100%;
	}
	
	/*********  news  *********/
	.new .new-bg .right .data{
		font-size:14px;
		margin-top:5px;
        display:none;
	}
	.new .new-bg .right .tit{
		font-size:18px;
		margin-top:.1rem;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
		padding-bottom:.2rem;
		font-weight: bold;
	}
    .newlist-gg{
        width:65%;
        padding-left:10%;
        border-left:1px solid #7B7978;color:white; 
        padding-bottom:.5rem;
    }
    .newlist-gg a{
        color:white;
    }
    .new .new-bg a{display:block;margin-bottom:.8rem;}
    .new .new-bg .right .xian{
		border-bottom:2px solid #FEE590;
        width:2%;
        transition:all .5s;
	}
	.new .new-bg .right .text{
		font-size:16px;
		margin-top:.3rem;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		color:#999;
	}
	.new .new-bg{
		/* height:600px; */
		/* margin-top:-20px; */
	}
	.new .new-bg{
		/* border:1px solid red; */
		box-sizing: border-box;
		padding-left:5%;
		display:block;
        transition:all .5s;
        margin-top:.5rem;
	}
	.new .new-bg .left{
		width:30%;
        display: flex;
        align-items: center
	}
	.new .new-bg .right{
		width:60%;
		font-size:14px;
	}
    .new .new-bg a:hover .xian{
        width:100%
    }
	.new .new-bg .left img{
		width:80%;
        align-items: center;
        display:block;
        margin:0 auto;
	}
	.new .new-bg .right{
		color:white;
		line-height:26px;
		text-align: justify;
		/* margin-top:px; */
		margin-right:20px;
	}
	/*******  index_about    **********/
	.about-bgs{
		opacity:1;
		transition: all .5s;
		cursor: pointer;
		padding:.2rem 50px;
        margin-bottom:.2rem;
        height:2rem;
        display:block;
	}
	.about-bgs .left{
		width:30%;
        height:2rem;
        display: flex;
        align-items: center
	}
	.about-bgs .right{
		width:60%;
		font-size:12px;
         word-break:break-all;
        display:-webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical;
        overflow:hidden;
        color:#CBCBCB;
	}
    .about-show-list a{
        display:block;
        width:40%;
        margin-right:5%;
        margin-top:.3rem;
        color:white;
        text-align:center;
        font-size:6px;
    }
    .a-bg .about-img a{
        display:block;
        width:30%;
        margin-left:3%;
        margin-top:.3rem;
        color:white;
        text-align:center;
        font-size:8px;
    }
	.about-bgs .left img{
		width:50%;
        align-items: center
	}
    #productNumber{
        color:white;
        font-size:12px;
        margin-left:.5rem;
        font-weight:bold;
        text-align:center;
    }
    #productNumber p{
        margin-top: -15px;
        font-size: 12px;
        text-align:center;
    }
    #productNumber b{
        font-size: 30px;
    }
	.about .about-bgs:hover{
		background:linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
		background:-webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
		background:-Mozilla-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
		background:-Opera-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1));
	}
    .about .about-bgs:hover .right{
        color:white;
    }
	.about-bgs .right{
		color:#CBCBCB;
		line-height:26px;
		text-align: justify;
		margin-right:20px;
	}
	/*******  index_product  **********/
	
	.product .left{
		box-sizing: border-box;
		width:10%;
	}
	.product .left a{
		width:100%;
		display:block;
		text-align: center;
		font-size:16px;
		color:#999999;
		margin-bottom:10px;
		transition: all .5s;
		height:30px;
		line-height:30px;
	}
	.product .left a:hover{
		font-size:20px;
        color:white;
	}
	.product .right{
		width:85%;
		display:flex;
		justify-content: space-between;
        margin-top:2rem;
		/* overflow: visible; */
	}
    #swiper-slide{height:auto;}
	.product .right a{
		width:30%;
		display:block;
		overflow: hidden;
		position: relative;
		float:left;
		transition: all .5s;
	}
	.pro-list .title{
		background: #4C4C4C;
		color:white;
		width:60%;
		text-align: center;
		margin:0 auto;
		position: absolute;
		top:20px;
		left:20%;
	}
	.pro-list .title p:nth-child(1){
		font-size:18px;
		/* font-weight: bold; */
	}
	.pro-list .title p:nth-child(2){
		font-size:14px;
		margin-top:-10px;
		/* font-weight: bold; */
	}
	.pro-list .title p:nth-child(3){
		border-top:5px solid #BAD9EB;
		width:30px;
		margin:0 auto;
		margin-top:5px;
		padding-bottom:10px;
	}
	.pro-list .name{
		position: absolute;
		bottom:30px;
		text-align: center;
		width:100%;
		font-size:18px;
	}
	.dibu{
		background: #999999;
		opacity: .8;
		width:100%;
		height:100%;
		position: absolute;
		transition: all .5s;
		opacity: 0;
        top:0;
	}
	.dibu-1{
		border:1px solid white;
		border-radius: 50%;
		font-size:36px;
		font-weight: bold;
		color:white;
		width:40px;
		height:40px;
		line-height:35px;
		margin:0 auto;
		margin-top:150px;
	}
	.dibu-2{
		margin-top:10px;
		font-size:18px;
		color:white;
	}
	.product .right a:hover{
		transform: scale(1.2);
	}
	.product .right a:hover .dibu{
		opacity: .8;
	}
	/*******  index_case     **********/
	.case .left{
		width:100%;
		margin-top:1rem;
	}
	.case .wrap{
		margin-top:1.5rem;
	}
	.case .left{
		width:15%;
	}
	.case-bg{
		width:96%;
		margin-left:2%;
        margin-top:-.3rem
	}
	.case-bg>a{
		display:block;
		width:40%;
		float:left;
		margin:0 5%;
		margin-top:.5rem;
	}
	.case-img{
		background: white;
	}
	.case-zi{
		text-align: left;
		margin-top:.1rem;
	}
	.case-zi span:nth-child(1){
		font-size:16px;
		color:white;
		padding-right:15px;
	}
	.case-zi span:nth-child(2){
		border-right:1px solid white;
	}
	.case-zi span:nth-child(3){
		color:white;
		font-size:16px;
		padding-left:20px;
	}
	
	/*******  index_contact  **********/
	.contact{
		position: relative;
	}
	.contact-bg .left{
		width:100%;
	}
    .contact-bg>.right{
        width:20%;
    }
	.c-title{
		margin-bottom:20px;
        margin-left:.4rem;
        display:none;
	}
	.c-title p:first-child{
		font-size:22px;
		color:white;
		text-align: left;
	}
	.c-title p:last-child{
		font-size:12px;
		color:white;
		margin-top:-10px;
		text-align: left;
	}
	.c-head .left{
		font-size:20px;
		color:#A5A8AC;
		text-align: left;
		width:70%;
	}
	.c-head .right{}
	.c-head .right img {
		width: 30px;
		height: 30px;
		display: inline-block;
	}
	.c-head{
		border-bottom:1px solid #475561;
		padding-bottom:10px;
	}
	.c-content{
		padding-top:10px;
	}
	.c-content p{
		color:#A5A8AC;
		line-height:28px;
		font-size:14px;
		text-align: left;
	}
	#allmap{
		width:100%;
		height:6rem;
		margin-top:5px;
	}
	.BMapLib_SearchInfoWindow,.anchorBL,.BMap_cpyCtrl{
		display:none;
	}
	.copy{
		position: absolute;
		bottom:0;
		text-align: center;
		color:#7B7978;
		border-top:1px solid #7B7978;
		z-index:999;
		width:100%;
		padding:15px 0;
	}
	.c-copy{
		text-align: center;
		color:#7B7978;
		border-top:1px solid #7B7978;
		z-index:999;
		width:100%;
		padding:20px 0;
	}
	
	
	/*************about  **********/
	.a-bg{
		width:100%;
		background: #131313;
	}
	.a-top{
		border-bottom:1px solid #333333;
	}
	.a-tit .left p:first-child{
		font-size:24px;
		color:white;
		padding-top:15px;
	}
	.a-tit .left p:last-child{
		font-size:14px;
		color:white;
		margin-top:-10px;
		padding-bottom:10px;
	}
    .a-tit .right{
        color:#7f7f7f;
        padding-top:40px;
    }
    .a-tit .right a{
        color:#7f7f7f;
    }
	.a-content .img img{
		margin:0 auto;
		display:block;
		width:80%;
	}
	.a-content{
		margin-top:100px;
	}
	.a-content .content .tit{
		color:#999;
		font-size:24px;
	}
	.a-content .content .text{
		color:#999;
		font-size:16px;
		text-indent: 2em;;
	}
	.tubiao1 img{
		float:right;
		width:15%;
		margin-top:100px;
		margin-bottom:100px;
	}
	
	/**************   product   ********/
	.a-top{
		padding-left:2.15%;
	}
	.pro-tit{
		border-left:1px solid #7B7978;
		margin-left:15.3%;
        width:75%;
	}
	.pro-tit .left{
		padding-left:5%;
	}
    .pc-ny-bg{width:70%;border-left:1px solid #7B7978;
		box-sizing: border-box;
		padding-left:5%;
		padding-bottom:100px;}
	.pro-img-bg{
		width:85%;
		border-left:1px solid #7B7978;
		box-sizing: border-box;
		padding-left:5.2%;
		padding-bottom:100px;
	}
	
	.p-list-tit{
		width:300px;
		height:40px;
		line-height:40px;
		border:1px solid #494949;
		text-align: center;
		color:white;
		margin:0 auto;
		font-size:18px;
		margin-bottom:30px;
	}
	.p-lists{
		padding-top:50px;
	}
	.p-list{
		display:flex;
		justify-content: space-between;
        padding-bottom:40px;
	}
	.p-list a{
		
		display:block;
		overflow: hidden;
		position: relative;
		float:left;
		transition: all .5s;
	}
	.p-list .title{
		background: #4C4C4C;
		color:white;
		width:60%;
		text-align: center;
		margin:0 auto;
		position: absolute;
		top:20px;
		left:20%;
	}
	.p-list .title p:nth-child(1){
		font-size:18px;
		/* font-weight: bold; */
	}
	.p-list .title p:nth-child(2){
		font-size:14px;
		margin-top:-10px;
		/* font-weight: bold; */
	}
	.p-list .title p:nth-child(3){
		border-top:5px solid #BAD9EB;
		width:30px;
		margin:0 auto;
		margin-top:5px;
		padding-bottom:10px;
	}
	.p-list .name{
		position: absolute;
		bottom:30px;
		text-align: center;
		width:100%;
		font-size:18px;
	}
	/*********  case  *********/
	.z-tiaojian{
		text-align: center;
	}
	.z-tit{
		color:white;
		text-align: center;
		border-bottom:2px solid #999;
		font-size:20px;
		display:inline-block;
		margin-bottom:50px;
	}
	.z-list ul{
		list-style-position: inside;
		margin-top:20px;
	}
	.z-list li{
		text-align: left;
		color:#999;
		font-size:16px;
		margin-bottom:15px;
		list-style: inside;
	}
	.z-list .left,.z-list .right{
		float:none;
		text-align: center;
	}
	.liuc-li{
		margin-top:30px;
		margin-bottom:100px;
		text-align: center;
	}
	.liuc-li li{
		width:20%;
		display:inline-block;
		height:4rem;
	}
	.liuc-li li img{
		width: 90%;
		height: 3.5rem;
	}
	.anli-bg{
		width:100%;
	}
	.anli-bg>a{
		display:block;
		width:45%;
		float:left;
		margin-right:5%;
		margin-top:1rem;
	}
	.anli-img{
		background: white;
	}
	.anli-zi{
		text-align: left;
		margin-top:.3rem;
	}
	.anli-zi span:nth-child(1){
		font-size:16px;
		color:white;
		padding-right:15px;
	}
	.anli-zi span:nth-child(2){
		border-right:1px solid white;
	}
	.anli-zi span:nth-child(3){
		color:white;
		font-size:16px;
		padding-left:20px;
	}
	/***********  左边栏目   *********/
	.pro-nav .pro-nav-bg div:first-child{
		color:white;
		font-weight: bold;
		margin-bottom:15px;
		font-size:18px;
		text-align: right;
        width:70%;
	}
	.pro-nav{
		width:15%;
		/* border: 1px solid red; */
		box-sizing: border-box;
	}
	
	.news-more{
		margin-top:100px;
		width:80%;
		padding:0 5%;
		display:none;
	}
	.news-more-tit{
		text-align: center;
		color:#999;
		font-size:18px;
		padding-bottom:20px;
	}
	.news-more a{
		margin-bottom:30px;
		display:block;
	}
	.news-more p{
		color:#999;
		font-size:16px;
		margin-top:10px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	
	.jk-btn>a{
		width:100%;
		box-sizing: border-box;
		display:block;
		cursor: pointer;
		color:#cbcbcb;
		text-align: center;
		font-size:16px;
		padding:10px 0;
	}
    .ny-in:hover{color:white;font-size:18px;}
    .jk-btn:hover{color:white;font-size:18px;}
	.jk-show{
		width:100%;
		text-align: center;
		/* visibility: hidden; */
		display:none;
		margin-top:-10x;
	}
	.jk-show a{
		color:white;
		text-align: center;
		font-size:16px;
		margin-top:5px;
	}
	.jk-btn:hover .jk-show{
		display:block;
	}
	
	
	/*********  new  *********/
	.new-list-bg{
		margin-top:50px;
		display:block;
		/* border:1px solid red; */
		box-sizing: border-box;
		/* transition: all .5s; */
	}

	.new-img{
		width:30%;
	}
	.new-img img{
		width:100%;
	}
	.new-text{
		width:45%;
		margin-left:3%;
	}
	.new-text p:first-child{
		font-size:14px;
		color:white;
		font-weight: bold;
		padding-top:10px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	.new-text p:last-child{
		font-size:12px;
		color:#999;
		padding-top:0px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		line-height:24px;
		margin-top:10px;
        padding-top:.3rem;
		border-top:1px solid #262626;
	}
	.new-data{
		width:15%;
		margin-left:5%;
		border-left:1px solid #444444;
	}
	.new-data p:first-child{
		font-size:22px;
		color:#666666;
		text-align: center;
		padding-top:10px;
	}
	.new-data p:last-child{
		font-size:22px;
		color:#666666;
		text-align: right;
		margin-right:30%;
		padding-top:.3rem;
	}
}
@media screen and (min-width:320px) and (max-width:768px){
    .join-ny{margin:10px 10%;}
    .join-ny li{font-size:14px;color:white;}
    .join-ny p{font-size:18px;color:white;}
    .wrapllk{width:94%;margin:0 auto;}
    .ny-team,.ny-team-show{display:block;}
    img{width:100%;}
    body{background:#181818;width:100%;}
    #html{background:#181818;height:auto}
    #fullpage,.nav_box,#fp-nav.fp-right,.main_de,.pc-bg{display:none;}
    .main_de{padding-top:40px;}
    .sj-body-bg{background:#000;padding-bottom:.5rem;}
    .ny-nav-top{width:100%;height:1rem;line-height:1rem;}
    .ny-nav-title{background:#988151;width:80%;height:1rem;line-height:1rem;color:white;padding:0 10%;font-size:14px;position:relative;}
    .ny-nav-top .right{transform:rotate(90deg);font-size:18px;}
    .ny-nav-btn{position:absolute;width:100%;background:#181818;top:1rem;z-index:99999;left:0;display:none;}
    .ny-nav-btn li{border-bottom:1px solid #2A2A2A;width:80%;padding:0 10%;}
    .ny-nav-btn a{padding:.1rem 0;color:white;font-size:12px;display:block;}
    .pagination{margin-left:3%;margin-top:1rem;color:#666;padding-bottom:1rem;text-align:center; }
    .pagination li{padding:.1rem .3rem;color:#666;display:inline-block;font-size:20px;}
    .pagination a{color:#666;font-size:20px;}
    .pagination .active{color:#CAA976;font-size:20px;}
    /*********  index header  ********/
    .sj-box{position:relative;}
    .sj-top{background:#000000;position:relative;height:1.5rem;}
    .sj-btn{width:9%;position:absolute;top:.4rem;left:5%;}
    .sj-logo{width:25%;margin:0 auto;padding-top:.3rem;}
    .sj-btn-img2{display:none;}
    .sj-seek{width:5%;position:absolute;right:5%;top:.5rem;}
    .sj-seek-bg .search{background:#4D4D4D;position:absolute;top:0;width:100%;padding:.2rem 0;transform:translateY(-101%)}
    .sj-seek-bg .search .inp_1{height:1rem;background: none;border: none;color: white;width: 80%;z-index: 9999;float:left;padding-left:5%;}
    .sj-seek-bg .search .inp_2{width:15%;float:right;height:1rem}
    .sj-nav{position:absolute;left:-80%;;top:0;width:80%;height:100%;z-index:99999999999999999999999;}
	.sj-er-bg{background:#181818;position:absolute;top:0;width:100%;padding-top:2rem;overflow:hidden;padding-bottom:5rem; }	
    .sj-er-bg>a:first-child{color:#988151}
    .sj-er-nav{width:100%;margin:0 auto;border-bottom:1px solid #242424;color:#666666;height:1.3rem;line-height:1.3rem;font-size:14px;position:relative;display:block;}
    .sj-er-nav a{color:#666666;padding:.5rem 0;font-size:14px;padding-left:8%;}
    .sj-er-nav .right{padding-right:8%;}
    .sj-er-nav .left{padding-left:8%;}
    .sj-san-bg{position:absolute;top:0;right:0;width:100%;background:#111;height:70rem;transform:translateX(100%);padding-top:.3rem;z-index:99999;}
    .sj-san-bg a{display:block;padding:.3rem 0;color:#666;}
    .sj-san-bg .sj-san-fan{color:#666;}
    .sj-san-bg>div{padding:0 8%;border-bottom:1px solid #242424;}
    .sj-san-bg p{padding-left:8%;}
    .sj-mubu{position:absolute;top:1.5rem;left:0;width:100%;height:70rem;z-index:9999;display:none;}
    
    /**********  sj product  *******/
    .sj-title{padding:.3rem 0;}
    .sj-title-top {color:white;}
    .sj-title-top .left a{font-size:16px;color:white;}
    .sj-title-top .right{width:12%;}
    .sj-title-bottom{color:#717171;}
    .sj-title-bottom p{color:white;text-align:center;}
    .sj-prolist a p{color:white;text-align:center;font-size:16px;padding:.1rem 0 .4rem 0;}
    .sj-prolist a{display:block;}

    /********  sj new  ******/
    .sj-new-a a{padding-bottom:.2rem;border-bottom:1px solid #1C1C1C;margin-bottom:.5rem;display:block;}
    .sj-new-a a p:nth-child(1){color:white;font-size:14px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
    .sj-new-a a p:nth-child(2){color:#ADADAD;font-size:12px;}
    .sj-new-a a p:nth-child(3){color:#404040;font-size:12px;word-break:break-all;padding-top:.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    
    /********** sj -contact  ********/
    .sj-message{margin-top:.5rem;}
    .sj-contact-btn{width:100%;background:#1A1A1A;color:#7E7E7E;margin-bottom:.7rem;}
    .sj-input input{background:#111;display:block;border:1px solid #363636;color:#7E7E7E;width:100%;height:1rem;margin-bottom:.2rem;box-sizing: border-box;padding: 0 3%;appearance: none;}
    .sj-input textarea{background:#111;display:block;border:1px solid #363636;color:#7E7E7E;width:100%;height:3rem;margin-bottom:.2rem;box-sizing: border-box;padding: 3% 3%;appearance: none;}
    .sj-wenzi{margin-bottom:1rem;}
    .sj-wenzi p{color:#6A6A6A;font-size:14px;}
    .sj-footer{padding:.5rem 0;opacity:.8;position:fixed;bottom:1rem;width:100%;z-index:9999;}
    .sj-icon{justify-content: space-between;display:flex;width:85%;margin:0 auto;}
    .sj-icon img{display:block;width:20%;margin:0 auto;}
    .sj-icon div{width:33.3%;background:#000000;padding:.3rem 0}
    .sj-icon div:nth-child(1){border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px solid #151515;box-sizing:border-box;}
    .sj-icon div:nth-child(3){border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:1px solid #151515;box-sizing:border-box;}
    .sj-copy{color:#424141;padding:.3rem 0;text-align:center;font-size:14px;margin-top:2rem;}
    
    /*******   ny new  *******/
    .ny-new-list{margin-top:.5rem;}
    .ny-new-list a{display:block;padding-bottom:1rem;border-bottom:1px solid #2A2A2A;padding:.5rem 0;}
    .ny-new-list a p:nth-child(1){color:white;font-size:14px;}
    .ny-new-list a p:nth-child(2){color:#ADADAD;font-size:12px;}
    .ny-new-list a p:nth-child(3){color:#404040;font-size:12px; padding-top:.5rem;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    
    /******   ny  team  *****/
    .ny-team{margin-bottom:2rem;color:#666;}
    .ny-team>ul{margin-top:1rem;}
    .ny-team>ul>li{width:45%;float:left;margin:.2rem 2.5%}
    .ny-team-text{color:white;text-align:center;padding:.3rem 0;}
    
    .ny-show-zi{text-align:center;color:white;padding:1rem 0 1rem 0;font-size:16px;}
    .ny-page{color:white;margin-top:1rem;}
    .ny-page a{color:white;}
   
    .ny-case-img{width:90%;margin:0 auto;margin-top:.5rem;}
    .ny-case-zi{text-align:center;color:white;padding:.3rem 0;}
    
    .ny-new-show p:nth-child(1){font-size:16px;color:white;text-align:center;padding:1rem 0 .3rem 0;}
    .ny-new-show p:nth-child(2){font-size:12px;color:white;text-align:center;padding:0rem 0 .3rem 0;}
    .ny-new-show p{color:#666;}
    
    .sj-erwei{background:black;width:100%;height:100%;position:fixed;top:0;z-index:9999;text-align:center;color:white;display:none;}
    .sj-erwei img{width:40%;display:block;margin:0 auto;margin-top:50%;padding-bottom:.2rem;}

    .a_text {color:white;font-size:16px;}
    .t_text {color:white;font-size:16px;}
    
}