@charset "utf-8";
/*banner*/
.n-banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.n-banner .bgimg{
    width: 100%;
    height: 650px;
    position: relative;
    overflow: hidden;
}
.n-banner .bgimg .wordbox{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.n-banner .bgimg .wordbox .wrap{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-delay: 0.1s;
    animation-fill-mode: both;
}
.n-banner .bgimg .wordbox .wrap .ad-tit {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
}
.n-banner .bgimg .wordbox .wrap .ad-line {
    height: 4px;
    width: 60px;
    background: #fff;
    margin: 20px auto 0;
}
.n-banner .typebox{
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 30px;
}
.n-banner .typebox ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.n-banner .typebox a{
    position: relative;
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;
    color: #fff;
    display: block;
    transition: 0.3s ease 0s;
}
.n-banner .typebox a:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}
.n-banner .typebox a:hover:before,
.n-banner .typebox li.current a:before {
    width: 80%;
    left: 10%;
    background-color: #fff;
}
.n-banner .typebox a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
.n-banner .typebox li:last-child a:after{
    display: none;
}
@media (max-width: 1360px) {
    .n-banner{
        margin-top: 60px;
    }
}
@media (max-width: 1280px) {    
    .n-banner .bgimg{
        height: 550px;
    }
}
@media (max-width: 992px) {	
    .n-banner .bgimg{
        height: 500px;
    }
    .n-banner .bgimg .wordbox .wrap .ad-tit {
        font-size: 24px;
        line-height: 24px;
    }
    .n-banner .typebox{
        height: auto;
        position: static;
        background: #f7f7f7;
        overflow: hidden;
    }
    .n-banner .typebox ul{
        display: block;
    }
    .n-banner .typebox li{
        float: left;
        display: inline-block;
    }
    .n-banner .typebox a{
        color: #000;
        padding:0 20px;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }
    .n-banner .typebox a:hover:before,
    .n-banner .typebox li.current a:before {
        background-color: #171c60;
    }
}
@media (max-width: 750px) {	
    .n-banner .bgimg{
        height: 300px;
    }
    .n-banner .bgimg .wordbox .wrap .ad-tit {
        font-size: 18px;
    }
}

.n-y{
   margin-top: 1rem;
   margin-bottom: 4rem;
   overflow: hidden;
}
.n-page{
    width: 100%;
    padding:20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.n-page a{
    position: relative;
    float: left;
    height: 38px;
    min-width: 38px;
    margin: 0 5px 0 0;
    padding: 0 5px;
    background-size: 100% 100%;
    color: #ffffff;
    border: 1px solid #fff;
    cursor: pointer;
    line-height: 38px;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    text-decoration: none;
    background-color: #c8c8c8;
    text-align: center;
    border-radius: 0px;
}
.n-page a.first,
.n-page a.last{
    display: none;
}
.n-page a.next{
    margin-right: 0;
}
.n-page a.active {
    text-decoration: none;
    background-color: #171c60;
    color: #fff;
    border-color: #171c60;
}
@media (max-width: 1280px) {	
    .n-y{
        margin-bottom: 3rem;
    }
    .n-page a{
        height: 30px;
        min-width: 30px;
        line-height: 30px;
    }
}
@media (max-width: 992px) {	
    .n-y{
        margin-bottom: 2rem;
    }
    .n-page{
        justify-content: space-between;
    }
    .n-page a{
       display: none;
    }
    .n-page a.prev,
    .n-page a.next{
       display: block;
       width: 49.5%;
       height: 45px;
       line-height: 45px;
       background: #171c60;
       border-color: #171c60;
       margin-right: 0;
    }
    .n-page a.disable{
        background: #f5f5f5;
        border-color: #f5f5f5;
        color: #bfbfbf;
        cursor: default;
    }
}
@media (max-width: 750px) {	
    .n-y{
        margin-bottom: 1rem;
    }
    .n-page a.prev,
    .n-page a.next{
       height: 40px;
       line-height: 40px;
    }
}

.n-about{
   width: 100%;
   background: #f7f7f7;
   padding: 30px;
   margin-top: 30px;
   overflow: hidden;
}
.n-about .about-box{
    width: 100%;
    padding:20px;
    overflow: hidden;
}
.n-about .about-box .box1 .title{
    font-size: 20px;
    font-weight: 700;
    color:#171c60;
}
.n-about .about-box .box1 .title span{
    font-size: 26px;
    font-weight: 700;
}
.n-about .about-box .box1 .content{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.8;
}
.n-about .about-box .box1 .content .left,
.n-about .about-box .box1 .content .right{
    width: 48%;
}
.n-about .about-box .box1 .content .right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.n-about .about-box .box2{
    width: 100%;
    margin-top: 50px;
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: none;
    overflow: hidden;
}
.n-about .about-box .box2 ul{
    display: flex;
    flex-wrap: wrap;
}
.n-about .about-box .box2 li{
    flex-grow:1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-right: 1px solid #e5e5e5;
}
.n-about .about-box .box2 li:last-child{
    border-right: none;
}
.n-about .about-box .box2 .t span:nth-child(1){
    font-size: 48px;
    font-family: "OPPOSans-R";
}
.n-about .about-box .box3{
    margin-top: 50px;
}
.n-about .about-box .box3 .title{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.n-about .about-box .box3 .title h1{
    font-size: 20px;
    color:#171c60;
    font-weight: 700;
}
.n-about .about-box .box3 .title h2{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.n-about .about-box .box3 .title h3{
    width: 200px;
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 10px;
}
.n-about .about-box .box3 .content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.n-about .about-box .box3 .content li{
    width: 23.5%;
    padding:30px 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.n-about .about-box .box3 .content li > div{
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.n-about .about-box .box3 .content li .div1 img{
    display: block;
}
.n-about .about-box .box3 .content li .div2{
    font-weight: 700;
    font-size: 18px;
    margin:20px 0;
}
.n-about .about-box .box3 .content li .div3{
    font-size: 16px;
    line-height: 1.6;
}
.n-about .linian-box{
    width: 100%;
    padding:20px;
    overflow: hidden;
}
.n-about .linian-box .title{
    font-size: 20px;
    color:#171c60;
    font-weight: 500;
}
.n-about .linian-box .content .text{
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
}
.n-about .linian-box .content .list{
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}
.n-about .linian-box .content .list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.n-about .linian-box .content .list li{
    width: 32%;
    transition: 0.5s;
    overflow: hidden;
}
.n-about .linian-box .content .list li:hover{
    margin-top: -10px;
}
.n-about .linian-box .content .list li .box{
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 0.5s;
    margin-top: 20px;
}
.n-about .linian-box .content .list li:hover .box{
    background-color: #171c60;
    box-shadow: 0 3px 15px 2px rgba(0,0,0,0.2);
    color: #fff;
}
.n-about .linian-box .content .list .image img{
    width: 100%;
    display: block;
}
.n-about .linian-box .content .list .word{
    padding:20px;
}
.n-about .linian-box .content .list .word .t{
    text-align: center;
    font-size: 18px;
}
.n-about .linian-box .content .list .word .c{
    color: #999;
    margin-top: 20px;
}
.n-about .linian-box .content .list li:hover .word .c{
    color: #fff;
}
@media (max-width: 1280px) {    
    .n-about{
       padding: 3%;
    }
    .n-about .about-box,
    .n-about .linian-box{
        padding:10px;
    }
}
@media (max-width: 992px) { 
    .n-about .about-box .box1 .content{
        flex-direction: column;
    }
    .n-about .about-box .box1 .content .left,
    .n-about .about-box .box1 .content .right{
        width: 100%;
    }
    .n-about .about-box .box1 .content .right{
        margin-top: 50px;
    }
    .n-about .about-box .box2{
        padding:0;
        border-bottom: none;
    }
    .n-about .about-box .box2 li{
        width: 33.33333%;
        padding:20px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .n-about .about-box .box2 li:nth-child(3n){
        border-right: none;
    }
    .n-about .about-box .box2 .t span:nth-child(1){
        font-size: 24px;
    }
    .n-about .about-box .box3 .content li{
        width: 49%;
        margin-top: 2%;
    }
    .n-about .linian-box .content .list li{
        width: 100%;
    }
}
@media (max-width: 750px) { 

}

.n-products{
   width: 100%;
   margin-top: 30px;
   overflow: hidden;
}
.n-products .products-list{
    width: 100%;
    overflow: hidden;
}
.n-products .products-list ul{
    display: flex;
    flex-wrap: wrap;
}
.n-products .products-list li{
    width: 23.95%;
    margin-right: 1.4%;
    margin-top: 1.4%;
    border: 1px solid #eee;
}
.n-products .products-list li:nth-child(4n){
    margin-right: 0;
}
.n-products .products-list a{
    display: block;
}
.n-products .products-list .image{
    width: 100%;
    overflow: hidden;
}
.n-products .products-list .image img{
    width: 100%;
    display:block;
    transition: all .5s ease;
}
.n-products .products-list a:hover .image img{
    transform: scale(1.06);
}
.n-products .products-list .word {
    width: 100%;
    padding: 15px 20px;
    transition: all .5s ease;
    overflow: hidden;
}
.n-products .products-list a:hover .word{
    background: #171c60;
    color: #fff;
}
.n-products .products-list .word .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.n-products .products-list .word .title .left{
    width: calc(100% - 40px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.n-products .products-list .word .title i{
    width: 30px;
    height: 30px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.n-products .products-list .word .line {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 2px;
}
.n-products .products-list .word .line::before {
    content: '';
    position: absolute;
    right: 0;
    display: block;
    width: 30px;
    height: 1px;
    background: #999;
    transition: all .5s ease;
}
.n-products .products-list a:hover .word .line::before {
    width: 100%;
    background: #fff;
    opacity: 0.4;
}
@media (max-width: 1280px) {
    .n-products{
        margin-top: 0;
    }
    .n-products .products-list li{
        width: 49.3%;
    }
    .n-products .products-list li:nth-child(4n){
        margin-right: 1.4%;
    }
    .n-products .products-list li:nth-child(2n){
        margin-right: 0%;
    }
}
@media (max-width: 992px){
}
@media (max-width: 750px){
}

.n-productsdetail{

}
.n-productsdetail .box{
    width: 100%;
    background: #f7f7f7;
    margin-top: 30px;
    padding:30px;
    overflow: hidden;
}
.n-productsdetail .box1 .div1{
    display: flex;
    justify-content: space-between;
}
.n-productsdetail .box1 .div1 .left,
.n-productsdetail .box1 .div1 .right{
    width: 47%;
}
.n-productsdetail .box1 .div1 .left img{
    width: 100%;
    display: block;
}
.n-productsdetail .box1 .div1 .left .bigImg{
    width: 100%;
    background: #fff;
    border:1px #eee solid;
    overflow: hidden;
}
.n-productsdetail .box1 .div1 .left .bigImg img{
    width: 100%;
    display: block;
}
.n-productsdetail .box1 .div1 .left .smImg{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.n-productsdetail .box1 .div1 .left .smImg .swiper-button-prev,
.n-productsdetail .box1 .div1 .left .smImg .swiper-button-next{
    width: 10px;
    position: static;
    margin:0;
}
.n-productsdetail .box1 .div1 .left .smImg .swiper-button-prev:after,
.n-productsdetail .box1 .div1 .left .smImg .swiper-button-next:after{
    font-size: 20px;
    color: #2b2b2b;
}
.n-productsdetail .box1 .div1 .left .smImg .swiper-button-prev{
    left: 0;
    justify-content: flex-start;
}
.n-productsdetail .box1 .div1 .left .smImg .swiper-button-next{
    right: 0;
    justify-content: flex-end;
}
.n-productsdetail .box1 .div1 .left .smImg .swiper-container{
    width: calc(100% - 54px);
}
.n-productsdetail .box1 .div1 .left .smImg li{
    cursor: pointer;
    border:1px #eee solid;
    background: #fff;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
.n-productsdetail .box1 .div1 .left .smImg li:hover,
.n-productsdetail .box1 .div1 .left .smImg li.swiper-slide-active{
    border-color: #152f7a;
}
.n-productsdetail .box1 .div1 .left .smImg li img{
    width: 100%;
    display: block;
}
.n-productsdetail .box1 .div1 .right .title{
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
}
.n-productsdetail .box1 .div1 .right .scontent{
    margin-top: 10px;
}
.n-productsdetail .box1 .div1 .right .scontent p {
    color: #444;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.n-productsdetail .box1 .div1 .right .scontent img{
    max-width: 100%;
}
.n-productsdetail .box1 .div1 .right .type{
    margin-top: 80px;
}
.n-productsdetail .box1 .div1 .right .links{
    margin-top: 20px;
}
.n-productsdetail .box1 .div1 .right .links a{
    display: block;
    width: 160px;
    line-height: 36px;
    color: #fff;
    background: #394869;
    text-align: center;
}
.n-productsdetail .box1 .div1 .right .links a:hover{
    background: #152f7a;
}
.n-productsdetail .box1 .div2{
    width: 100%;
    border-top: 1px #e5e5e5 solid;
    margin-top: 40px;
    padding-top: 40px;
}
.n-productsdetail .box1 .div2 .name{
    width: 114px;
    height: 45px;
    background: #394869;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.n-productsdetail .box1 .div2 .content{
    width: 100%;
    background: #fff;
    padding:40px 20px 20px;
    overflow: hidden;
}
.n-productsdetail .box1 .div2 .content img{
    max-width: 100%;
}
.n-productsdetail .box1 .div3{
    width: 100%;
    border-top: 1px #e5e5e5 solid;
    background: #fff;
    padding:20px;
    display: flex;
    line-height: 32px;
    overflow: hidden;
}
.n-productsdetail .box1 .div3 .list a{
    display: block;
    border: 1px #ccc solid;
    padding:0 10px;
}
.n-productsdetail .box1 .div3 .list a:hover{
    background: #eee;
}
.n-productsdetail .box1 .div4{
    width: 100%;
    border-top: 1px #e5e5e5 solid;
    background: #fff;
    padding:20px;
    line-height: 32px;
    overflow: hidden;
}
.n-productsdetail .box1 .div4 ul{
    display: flex;
    justify-content: space-between;
}
.n-productsdetail .box2 .title{
    font-size: 18px;
}
.n-productsdetail .box2 .list{
    margin: 20px 0;
}
.n-productsdetail .box2 .list a{
    display: block;
    border:1px #eee solid;
    background: #fff;
}
.n-productsdetail .box2 .list a:hover{
    border-color: #152f7a;
}
.n-productsdetail .box2 .list .image img{
    width: 100%;
    display: block;
}
.n-productsdetail .box2 .list .word{
    width: 100%;
    border-top: 1px #eee solid;
    text-align: center;
    padding:20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.n-productsdetail .box2 .list .swiper-pagination{
    position: static;
    margin-top: 20px;
}
.n-productsdetail .box2 .list .swiper-pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
}
.n-productsdetail .box2 .list .swiper-pagination .swiper-pagination-bullet-active{
    background: #152f7a;
}
@media (max-width: 1280px) {    

}
@media (max-width: 992px) { 
    .n-productsdetail .box{
        margin-top: 3%;
        padding:3%;
    }
    .n-productsdetail .box1 .div1{
        flex-direction: column;
    }
    .n-productsdetail .box1 .div1 .left,
    .n-productsdetail .box1 .div1 .right{
        width: 100%;
    }
    .n-productsdetail .box1 .div1 .right .type{
        margin-top: 8%;
    }
    .n-productsdetail .box1 .div4 ul{
        flex-direction: column;
    }
    .n-productsdetail .box2 .list .type{
        padding:10px;
    }
    .n-productsdetail .box2 .list .swiper-pagination{
        margin-top: 10px;
    }
    .n-productsdetail .box2 .list .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
}
@media (max-width: 750px) { 
    
}

.n-news{
    width: 100%;
    overflow: hidden;
}
.n-news .news-list{
    width: 100%;
    overflow: hidden;
}
.n-news .news-list ul{
    display: flex;
    flex-wrap: wrap;
}
.n-news .news-list li{
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
    padding: 20px;
    background: #f7f7f7;
}
.n-news .news-list li:nth-child(3n+1){
    margin-right: 0;
}
.n-news .news-list a{
    display: block;
    padding-bottom: 5%;
}
.n-news .news-list a:hover{
    background: #152f7a;
}
.n-news .news-list .image{
    width: 100%;
    overflow: hidden;
}
.n-news .news-list .image img{
    width: 100%;
    display: block;
    transition: 0.5s linear 0s;
}
.n-news .news-list a:hover .image img{
    transform: scale(1.3);
}
.n-news .news-list .word {
    margin: 8% auto 0;
    width: 90%;
}
.n-news .news-list .word .title{
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.n-news .news-list .word .scontent {
    margin-top: 5%;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.n-news .news-list a:hover .word{
    color: #fff;
}
.n-news .news-list a:hover .word .scontent{
    color: #fff;
}
.n-news .news-list .more{
    display: none;
}
.n-news .news-list li:first-child{
    width: 100%;
    margin-right: 0;
}
.n-news .news-list li:first-child a{
    display: flex;
    padding-bottom: 0;
    justify-content: space-between;
    align-items: center;
}
.n-news .news-list li:first-child a:hover{
    background: #f7f7f7;
}
.n-news .news-list li:first-child .image{
    width: 39%;
}
.n-news .news-list li:first-child .word{
    width: 54%;
    margin:0;
}
.n-news .news-list li:first-child .word .title{
    font-size: 20px;
}
.n-news .news-list li:first-child .word .title:before {
    width: 15px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    background: #171c60;
    margin-right: 15px;
    content: '';
}
.n-news .news-list li:first-child .word .scontent{
    margin-left: 30px;
}
.n-news .news-list li:first-child a:hover .word .title{
    color: #000;
}
.n-news .news-list li:first-child a:hover .word .scontent{
    color: #666;
}
.n-news .news-list li:first-child .more{
    display: flex;
    background: #171c60;
    margin-left: 30px;
    margin-top: 6%;
    color: #fff;
    width: 165px;
    height: 50px;
    justify-content: space-between;
    align-items: center;
    padding:0 25px;
}
@media (max-width: 1280px) {    
    .n-news .news-list li{
        width: 49%;
    }
    .n-news .news-list li:nth-child(3n+1){
        margin-right: 2%;
    }
    .n-news .news-list li:nth-child(2n+1){
        margin-right: 0;
    }
}
@media (max-width: 992px) { 
    .n-news .news-list li{
        width: 100%;
        margin-right: 0;
    }
    .n-news .news-list li:nth-child(3n+1){
        margin-right: 0;
    }
    .n-news .news-list li:first-child a{
        display: block;
        padding-bottom: 5%;
    }
    .n-news .news-list li:first-child a:hover{
        background: #152f7a;
    }
    .n-news .news-list li:first-child .image{
        width: 100%;
    }
    .n-news .news-list li:first-child .more{
        display: none;
    }
    .n-news .news-list li:first-child .word{
        margin: 8% auto 0;
        width: 90%;
    }
    .n-news .news-list li:first-child .word .title{
        font-size: 16px;
    }
    .n-news .news-list li:first-child .word .title:before{
        display: none;
    }
    .n-news .news-list li:first-child .word .scontent{
        margin-left: 0;
    }
    .n-news .news-list li:first-child a:hover .word .title{
        color: #fff;
    }
    .n-news .news-list li:first-child a:hover .word .scontent{
        color: #fff;
    }
}
@media (max-width: 750px) { 
    
}

.n-newsdetail{
    width: 100%;
    overflow: hidden;
}
.n-newsdetail .box{
    width: 100%;
    background: #f7f7f7;
    margin-top: 30px;
    padding:30px;
    overflow: hidden;
}
.n-newsdetail .box .mainbox{
    width: 100%;
    padding:30px;
    background: #fff;
    overflow: hidden;
}
.n-newsdetail .box1 .title{
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 22px;
    font-size: 500;
}
.n-newsdetail .box1 .date{
    width: 100%;
    margin:20px 0;
    padding-top: 20px;
    border-top: 1px solid #d9d9d9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.n-newsdetail .box1 .date span{
    margin-right: 10px;
}
.n-newsdetail .box1 .date span:last-child{
    margin-right: 0;
}
.n-newsdetail .box1 .content{
    width: 100%;
    padding:20px 0;
    overflow: hidden;
}
.n-newsdetail .box1 .content img{
    max-width: 100%;
}
.n-newsdetail .box1 .tag{
    width: 100%;
    display: flex;
    line-height: 32px;
    overflow: hidden;
}
.n-newsdetail .box1 .tag .list a{
    display: block;
    border: 1px #ccc solid;
    padding:0 10px;
}
.n-newsdetail .box1 .tag .list a:hover{
    background: #eee;
}
.n-newsdetail .box1 .page{
    width: 100%;
    padding-bottom: 20px;
    margin:20px 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}
.n-newsdetail .box1 .page ul{
    display: flex;
    justify-content: space-between;
}
.n-newsdetail .box2 .title{
    font-size: 18px;
    width: 100%;
    overflow: hidden;
}
.n-newsdetail .box2 .list{
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}
.n-newsdetail .box2 .list ul{
    display: flex;
    flex-wrap: wrap;
}
.n-newsdetail .box2 .list li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
    padding:20px;
}
.n-newsdetail .box2 .list li:nth-child(2n){
    margin-right: 0;
}
.n-newsdetail .box2 .list a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.n-newsdetail .box2 .list .image{
    width: 40%;
    overflow: hidden;
}
.n-newsdetail .box2 .list .image img{
    width: 100%;
    display: block;
}
.n-newsdetail .box2 .list .word{
    width: 57%;
}
.n-newsdetail .box2 .list .word .title{
    font-size: 16px;
    font-weight: 500;
    display: block;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.n-newsdetail .box2 .list .word .scontent{
    margin-top: 3%;
    font-size: 14px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: #8c8c8c;
}
.n-newsdetail .box2 .list .word .date{
    margin-top: 6%;
    color: #8c8c8c;
    font-size: 13px;
}
@media (max-width: 1280px) {    
    .n-newsdetail .box{
        margin-top: 3%;
        padding:3%;
    }
    .n-newsdetail .box .mainbox{
        padding:3%;
    }
}
@media (max-width: 992px) { 
    .n-newsdetail .box1 .page ul{
        flex-direction: column;
    }
    .n-newsdetail .box1 .page li{
        margin:5px 0;
    }
    .n-newsdetail .box2 .list li{
        width: 100%;
        margin-right: 0;
    }
}
@media (max-width: 750px) { 
    .n-newsdetail .box1 .date .hidden{
        display: none;
    }
    .n-newsdetail .box2 .list .word .scontent{
        display: none;
    }
}

.n-pic{
    width: 100%;
    overflow: hidden;
}
.n-pic .pic-list{
    width: 100%;
    overflow: hidden;
}
.n-pic .pic-list ul{
    display: flex;
    flex-wrap: wrap;
}
.n-pic .pic-list li{
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
    background: #f7f7f7;
    padding:10px;
}
.n-pic .pic-list li:nth-child(3n){
    margin-right: 0;
}
.n-pic .pic-list a{
    display: block;
}
.n-pic .pic-list .image{
    width: 100%;
    background: #fff;
    padding:10px;
    overflow: hidden;
}
.n-pic .pic-list .image > div{
    width: 100%;
    overflow: hidden;
}
.n-pic .pic-list .image img{
    width: 100%;
    transition: 0.5s linear 0s;
}
.n-pic .pic-list a:hover .image img{
    transform: scale(1.1);
}
.n-pic .pic-list .word{
    text-align: center;
    padding:10px 0;
}
@media (max-width: 1280px) {    

}
@media (max-width: 992px) { 
    .n-pic .pic-list li{
        width: 49%;
    }
    .n-pic .pic-list li:nth-child(3n){
        margin-right: 2%;
    }
    .n-pic .pic-list li:nth-child(2n){
        margin-right: 0;
    }
}
@media (max-width: 750px) { 

}

.n-partner{
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}
.n-partner ul{
    display: flex;
    flex-wrap: wrap;
}
.n-partner li{
    width: 16.666666%;
    border-right: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    padding:30px;
}
.n-partner li:nth-child(6n){
    border-right: none;
}
.n-partner a{
    width: 100%;
    display: block;
    overflow: hidden;
}
.n-partner img{
    max-width: 100%;
    display: block;
    transition: all 0.6s;
}
.n-partner li:hover img{
    transform: scale(1.2);
}
@media (max-width: 1280px) {    
    .n-partner li{
        padding:10px;
    }
}
@media (max-width: 992px) { 
    .n-partner li{
        width: 25%;
    }
    .n-partner li:nth-child(6n){
        border-right: 1px #e5e5e5 solid;
    }
    .n-partner li:nth-child(4n){
        border-right: none;
    }
}
@media (max-width: 750px) { 
    
}

.n-service{
    width: 100%;
    width: 100%;
    background: #f7f7f7;
    padding: 30px;
    margin-top: 30px;
    overflow: hidden;
}
.n-service .servicebox{
    width: 100%;
    overflow: hidden;
    padding: 30px;
    background: #fff;
}
.n-service .servicebox .title {
    width: 100%;
    border: none;
    text-align: center;
    margin: 20px 0;
    padding-bottom: 20px;
    font-size: 28px;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}
.n-service .servicebox .content{
    width: 100%;
    overflow: hidden;
}
.n-service .servicebox .content img{
    max-width: 100%;
}
@media (max-width: 1280px) {    

}
@media (max-width: 992px) { 
    
}
@media (max-width: 750px) { 

}

.n-contact{
    width: 100%;
    overflow: hidden;
}
.n-contact .box{
    width: 100%;
    background: #f7f7f7;
    margin-top: 30px;
    padding:30px;
    overflow: hidden;
}
.n-contact .box1 .mainbox{
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
}
.n-contact .box1 .mainbox .left{
    width: 34%;
    padding:4rem;
    font-size: 16px;
    line-height: 1.8;
}
.n-contact .box1 .mainbox .left .title{
    font-size: 18px;
    font-weight: 500;
}
.n-contact .box1 .mainbox .left .content li{
    margin-top: 20px;
}
.n-contact .box1 .mainbox .left .juli{
    margin-top: 20px;
}
.n-contact .box1 .mainbox .right{
    width: 66%;
}
.n-contact .box1 .mainbox .right .my-map{
    width: 100%;
    height: 100%;
}
@media (max-width: 1280px) {    
    .n-contact .box1 .mainbox{
        flex-direction: column;
    }
    .n-contact .box1 .mainbox .left,
    .n-contact .box1 .mainbox .right{
        width: 100%;
    }
    .n-contact .box1 .mainbox .left{
        padding:3rem;
    }
    .n-contact .box1 .mainbox .right{
        height: 480px;
    }
}
@media (max-width: 992px) { 
    .n-contact .box{
        padding:3%;
        margin-top: 3%;
    }
}
@media (max-width: 750px) { 
    .n-contact .box1 .mainbox .left{
        padding:1rem;
    }
}

.n-message{
    width: 100%;
}
.n-message .title{
    width: 100%;
    margin-top: 20px;
    text-align: center;
    overflow: hidden;
}
.n-message .title h1{
    font-size: 28px;
}
.n-message .title h2{
    color: #787878;
    text-transform: uppercase;
}
.n-message .content{
    width: 100%;
    overflow: hidden;
}
.n-message .content ul{
    display: flex;
    flex-wrap: wrap;
}
.n-message .content li{
    width: 50%;
    float: left;
    padding:10px;
}
.n-message .content li.wid-100{
    width: 100%;
}
.n-message .content input,
.n-message .content textarea{
    width: 100%;
    height: 42px;
    background: #fff;
    display: block;
    border:1px #eee solid;
    outline: none;
    padding:0 10px;
    font-size: 14px;
}
.n-message .content textarea{
    height: 160px;
    resize: none;
    padding:10px;
}
.n-message .content li.code{
    display: flex;
    align-items: center;
}
.n-message .content li.code input{
    width: 100px;
}
.n-message .content li.code img{
    display: block;
    margin-left: 10px;
}
.n-message .content button{
    width: 100%;
    cursor: pointer;
    border:none;
    outline: none;
    background: #666;
    color: #fff;
    height: 42px;
    font-size: 14px;
}
.n-message .content button:hover{
    background: #152f7a;
}
@media (max-width: 1280px) {    
    .n-message .title h1{
        font-size: 18px;
    }
}
@media (max-width: 992px) { 
    .n-message .title h1{
        font-size: 18px;
    }
}
@media (max-width: 750px) { 
    .n-message .content li{
        width: 100%;
        padding:5px;
    }
}