*{outline:none!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }


.pcNav{position: fixed;left: 0;top: 0; width: 100%;background: none;z-index: 999; background: #fff; box-shadow: 0 0 2px #dfdfdf; transition: .4s all ease}
.pcNav.active{border-color:#eaeaea;background: rgba(255,255,255,.85)}
.pcNav_w{max-width: 1800px; margin: 0 auto}
.n-pcNav{background: #fff;}
.n-pro .pcNav{background:rgba(0,0,0,.5)}
.pcNav-b{display: flex;justify-content: space-between;align-items: center;}
.pcNav-l{}
.pcNav-l img{   transition: .4s all ease}
.pcNav-l a:nth-child(2){display: none}
.pcNav.active .pcNav-l a:nth-child(1){display: none}
.pcNav.active .pcNav-l a:nth-child(2){display: block}

.pcNav-r{ width: 116px; margin-left:109px; position: relative;display: flex;align-items: center;justify-content: space-between}
.pcNav-r i{ display: inline-block; width: 40px; height: 40px; text-align: center;line-height: 40px;  color: #fff;font-size: 18px;background: #cccccc; border-radius: 50%;  transition: .4s all ease}
.pcNav.active .pcNav-r  i{ background: #1d2088;}
.pcNav-r i:hover { background: #1d2088;;transition: .4s all ease}
.pcNav-r i{color: #fff;transition: .4s all ease}
.pcNav-r.active i{color: #525252; }
.pcNav-r i:hover{transition: .4s all ease }
.pcNav-r input{ height: 30px; line-height: 30px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #fff; box-shadow:  0 0 4px #dfdfdf;
    position: absolute;right: 0;top: 100%;white-space: nowrap;width: 0;opacity: 0;padding: 0;transition: .4s all ease;overflow: hidden}
 .pcNav-r .tel{width: 126px; height: 30px; line-height: 30px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #fff; background: #fff; white-space: nowrap;box-shadow:  0 0 4px #dfdfdf;
     position: absolute;left: 0;top: 100%;  opacity: 0;padding: 0;transition: .4s all ease;overflow: hidden}
.pcNav-r .pcNav-r-search:hover input{width: 180px;opacity: 1; padding: 0 20px; transition: .4s all ease}
.pcNav-r .pcNav-r-search:hover .tel{opacity: 1; padding: 0 10px; transition: .4s all ease}


.pcNav-c{display: flex;justify-content: space-between;align-items: center}
.pcNav .g_w{position: relative}
.h-nav1{display: flex;position: relative}
.h-nav1 > li {margin-left: 46px; min-width: 80px; display: flex;align-items: center;position: relative}
.h-nav1 > li:nth-child(1){margin-left: 0}
.h-nav1 > li > a{ width: 100%; height: 90px; line-height: 90px;display: block; text-align: center; color: #525252;font-size: 18px;text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); background: #1d2088;width: 0;height: 3px;transition: .4s all ease}
.pcNav_dow .h-nav1 > li > a{height: 80px;line-height: 80px;}
.pcNav_dow .pcNav-l img{ transition: .4s all ease}
.pcNav.active .h-nav1 > li > a{ color: #1d2088}
.pcNav.active .h-nav1 > li > a:after{background: #1d2088}
.h-nav1 > li.active > a{color: #1d2088}
.h-nav1 > li.active > a:after{width: 100%}
.h-nav1 > li:hover > a{color: #1d2088;transition: .4s all ease}
.h-nav1 > li:hover > a:after{width: 100%;transition: .4s all ease}
.pcNav.active .h-nav1 > li.active > a{color: #1d2088}
.pcNav.active .h-nav1 > li.active > a:after{width: 100%}
.pcNav.active .h-nav1 > li:hover > a{color: #1d2088;transition: .4s all ease}
.pcNav.active .h-nav1 > li:hover > a:after{width: 100%;transition: .4s all ease}
.h-nav1 > li:hover  .h-nav2{display: block}
.pcNav_u1_2{display: none; position: absolute;left:50%;top: 100%;  opacity: 0; z-index: 9;overflow: hidden;
    animation: navU .5s ease forwards;
    -webkit-animation: navU .5s ease forwards;
}
.pcNav_u1_2 li { font-size: 0;margin-top: 2px;background: rgba(29,32,136,.8);}
.pcNav_u1_2 li>a{ display: block; width: 246px; height: 36px;transition: .4s all ease;line-height: 36px; font-size: 15px; color: #fff;text-align: center;font-weight: bold; }
.pcNav_u1_2L{display: inline-block; vertical-align: text-top;}
.pcNav_u1_2R{display:inline-block ;width: 400px; margin-left: 20px; vertical-align: text-top;}
.pcNav_u1_2 li:hover>a{background: #fff;color: #1d2088; border: 1px solid #1d2088;transition: .4s all ease}
.h-nav1 > li:hover .pcNav_u1_2{display: block}
.h-right ul li:hover .h-right-hover{display: block}
@keyframes navU
{
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes navU {
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}


.i-banner {background-size: cover;background-position: center;padding-top: 44.8%}
.i-banner-swiper .swiper-pagination{right: 10%;width: auto!important;text-align: right}
.i-banner-swiper .swiper-pagination-bullet {width: 6px;height: 15px;margin: 0 10px!important;
    transition: .3s all ease;background: #ffffff; border-radius: 30px; opacity: 1  }
.i-banner-swiper .swiper-pagination-bullet-active {width: 6px;height: 23px;background: #1d2088;  }
.i-banner-swiper .swiper-pagination-bullet:hover {width: 6px!important; background: #1d2088!important;  }
.i-banner-img { width: 54.1%; position: absolute; left: 50%; top: 28.7%;  margin-left: -27%; text-align: center; z-index: 1001  }
/*.i-banner-swiper .swiper-pagination-bullet:hover {width: 10px;height: 10px;transition: .3s all ease;  }*/
.i-banner-img a{display: flex; justify-content: center;   margin-top: 12.3%; width: 150px; height: 40px; line-height: 40px;text-align: center; font-size: 18px;
    border-radius: 30px; border: 1px solid rgba(255,255,255,.5);color: #fff;text-transform: uppercase;transition: .4s all ease}
.i-banner-img a i{margin-left: 12px;transition: .4s all ease}
.i-banner-img a:hover{width: 180px; color: #b2a07a; border-color: #b2a07a; transition: .4s all ease}
.i-banner-img a:hover i{ margin-left: 60px;color: #b2a07a;transition: .4s all ease}


.i-title{}
.i-title b{font-size: 80px;color: #1d2088;opacity: .1;text-transform: uppercase;line-height:60px;display: block;font-family: Arial;letter-spacing: 6px;}
.i-title span{font-size: 30px;color: #000000;display: block;line-height: 30px; margin-top: 18px;}

.i-about{padding: 80px 0}
 .i-about .g_w{display: flex;align-items: stretch}
 .i-about-l {width: 38.9%; padding: 97px 56px; background: url("../images/i-about-1.jpg") no-repeat;background-position: center;background-size: cover;overflow: hidden}
 .i-about-c {width: 37.6%;overflow: hidden}
 .i-about-r {width: 23.5%;overflow: hidden}
 .i-about-l .text{font-size: 18px; color: #333;margin-top: 48px;line-height: 36px;}
 .i-about-l .num{ margin-top: 100px; display: flex;justify-content: space-between;color: #525252;transition: 4s all ease}
 .i-about-l .num b{font-size: 40px; font-family: DIN-BOLD }
 .i-about-l .num i{display: inline-block;vertical-align: top;transform: translateY(10px);}
 .i-about-l .num span{font-size: 18px; }
 .i-about-l .num p{font-size: 18px; }
 .i-about-l .num .item:hover {color: #1d2088;transition: .4s all ease}
 .i-about-c .g_bg{padding-top: 118%;height: 100%;transition: .8s all ease}
 .i-about-r .item{position: relative;height: 33.333%}
 .i-about-r .item .img{overflow: hidden;height: 100%}
 .i-about-r .item .g_bg{height: 100%;padding-top: 63.25%;transition: .8s all ease}
 .i-about-r .item .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 40px 26px;}
 .i-about-r .item .text b{ display: block; color: #fff;opacity:  .5;font-size: 20px;text-transform: uppercase}
 .i-about-r .item .text span{display: block; color: #fff; font-size: 24px;margin-top: 0}

 .i-about-c:hover .g_bg{ transform: scale(1.1); transition: .8s all ease}
 .i-about-r .item:hover .g_bg{ transform: scale(1.1); transition: .8s all ease}
 .i-about-r .item:hover .text{ background: rgba(29,32,136,.4); transition: .8s all ease}

 .i-testItem{padding: 117px 0 63px 0;background: url("../images/i-testItem-1.jpg") no-repeat;background-size: cover;background-position: center}
 .i-testItem .i-testItem-con{position: relative}
 .i-testItem .i-title{position: absolute;left: 0;top: 68px;}
 .i-testItem .i-title b{color: #fff;opacity: 1}
 .i-testItem .i-title span{color: #fff;}
 .i-testItem .swiper-slide .con{display: flex;padding-bottom: 60px;}
 .i-testItem .i-testItem-l{width: 674px;padding-top: 292px;padding-bottom: 60px;position: relative}
 .i-testItem .i-testItem-l .text{font-size: 24px; line-height: 30px; color: #fff;position: relative;padding-left: 20px;}
 .i-testItem .i-testItem-l .text:before{ content: ''; width: 4px; height: 24px; background: #fff;margin-right: 16px;position: absolute;left: 0;top: 2px;}
 .i-testItem .i-testItem-l a{width: 160px; height: 56px; position: absolute;left: 0;bottom: 0;text-align: center;line-height: 56px;border-radius: 30px;border: 1px solid #fff;
     color: #fff;font-size: 18px; text-transform: uppercase;transition: .4s all ease;}
 .i-testItem .i-testItem-l a:hover{background: #1d2088;border-color: #1d2088;transition: .4s all ease}
 .i-testItem-r{width: calc(100% - 674px - 54px);position: relative}
 .i-testItem-r:after{ content: ''; width: 100%;height: 100%;position: absolute;left:55px; top: 60px; background: url("../images/i-testItem-3.png") no-repeat;background-size: 100% 100% }
 .i-testItem-r .g_bg{padding-top: 65.3%;position: relative;z-index: 9}
 .i-testItem .swiper-button-prev{ margin: 0; top:auto; bottom: 60px; left: 674px;transform: translateX(-100%);width:70px; height: 90px; text-align: center;line-height: 90px; background: #fff; color: #1d2088;}
 .i-testItem .swiper-button-next{margin: 0; top:auto; bottom: 60px; left: 674px;  width:70px; height: 90px; text-align: center;line-height: 90px; color: #1d2088;background: #fff }
 .i-testItem .swiper-button-prev i{font-size: 28px;}
 .i-testItem .swiper-button-next i{font-size: 28px;}
 .i-testItem .swiper-button-prev:hover{background: #1d2088;color: #fff;transition: .4s all ease}
 .i-testItem .swiper-button-next:hover{background: #1d2088;color: #fff;transition: .4s all ease}


 .i-strength{padding: 70px 0 78px 0}
 .i-strength .i-title{text-align: center}
 .i-strength .list{margin-top: 30px;display: flex}
 .i-strength .list .item{width: 33.33%;text-align: center;position: relative;}
 .i-strength .list .item .img{overflow: hidden}
 .i-strength .list .item .g_bg{padding-top: 132%}
 .i-strength .list .item > .text{position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); width: calc(100% - 30px);height: calc(100% - 30px);
     border-radius: 10px;background: rgba(255,255,255,0);overflow: hidden}
 .i-strength .list .item .text .con{position: relative;width: 100%;height: 100%; padding-top: 23%;transform: translateY(45%);transition: .4s all ease}
 .i-strength .list .item .text .top{padding: 0 46px; width: 100%;  }
 .i-strength .list .item .text .top i{ display: block; margin: 0 auto; width: 96px; height: 96px; text-align: center;line-height: 96px; color: #fff; font-size: 36px;
     border-radius: 50%;border: 2px solid #fff;transition: .4s all ease}
 .i-strength .list .item:nth-child(1) .text .top i{font-size: 42px;}
 .i-strength .list .item:nth-child(3) .text .top i{font-size: 42px;}
 .i-strength .list .item .text .top span{font-size: 30px;color: #fff;margin-top: 18px;display: block;transition: .4s all ease}
 .i-strength .list .item .text .top small{font-size: 18px;color: #fff;opacity: .5;margin-top:10px;display: block; transition: .4s all ease}
 .i-strength .list .item .text .text{padding: 0 46px;opacity: 0; }
 .i-strength .list .item .text .text p{color: #525252;font-size: 18px; line-height: 40px;margin-top: 72px;height: 80px; overflow: hidden}
 .i-strength .list .item .text .text a{display: block; margin: 54px auto 0 auto; width: 160px; height: 56px ; line-height: 56px; text-align: center;
     font-size: 18px; text-transform: uppercase; color: #1d2088; border: 1px solid #1d2088; border-radius: 30px; }
 .i-strength .list .item:hover .text .top i{background: #1d2088;border-color: #1d2088;transition: .4s all ease}
 .i-strength .list .item:hover .text .top span{color: #1d2088;transition: .4s all ease}
 .i-strength .list .item:hover .text .top small{color: #525252;transition: .4s all ease}
 .i-strength .list .item:hover .text .con{transform: translateY(0)}
 .i-strength .list .item:hover  > .text{background: rgba(255,255,255,.7);transition: .4s all ease}
 .i-strength .list .item:hover .text .text{opacity: 1;transition: .4s all ease}
 .i-strength .list .item .text .text a:hover{background: #1d2088;color: #fff}


 .i-news{padding: 97px 0 70px 0;background: url("../images/i-news-4.jpg") no-repeat;background-size: cover;background-position: center}
 .i-news .i-title{text-align: center}
 .i-news .i-title b{color: #fff}
 .i-news .i-title span{color: #fff}
 .i-news .list{display: flex;margin-top: 30px;}
 .i-news .list .item{width: 32%;margin-right: 2%}
 .i-news .list .item:nth-last-child(1){margin-right: 0}
 .i-news .list .item .img{overflow: hidden}
 .i-news .list .item .g_bg{ padding-top: 53%; transition: .8s all ease}
 .i-news .list .item .text{ padding: 38px 23px;  background: #fff;}
 .i-news .list .item .text h4{ font-size: 20px; color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
 .i-news .list .item .text p{ font-size: 16px; color: #777777;line-height: 28px; margin-top:17px; height: 56px; overflow: hidden; }
 .i-news .list .item .text span{display: block;  color: #000000;line-height: 28px; margin-top:20px; }
 .i-news .list .item .text span i{margin-left:10px; }
 .i-news .g_w > a{ margin: 50px auto 0 auto; display: block; width: 160px;text-align: center;height: 56px; line-height: 56px; border-radius: 30px; border: 1px solid #fff; color: #fff;font-size: 18px; text-transform: uppercase }
 .i-news .list .item:hover h4{color: #1d2088;font-weight: bold; transition: .4s all ease}
 .i-news .list .item:hover span{color: #1d2088;transition: .4s all ease}
 .i-news .list .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
 .i-news .g_w > a:hover{background: #1d2088;border-color: #1d2088;transition: .4s all ease}

 footer{background: url("../images/footer.jpg") no-repeat;background-size: cover;background-position: center}
.f-top{padding: 100px 0;display: flex;justify-content: space-between}
.f-top-l{width: 45.8%;}
.f-top-l ul{display: flex;justify-content: space-between}
.f-top-l ul li span{color: #fff;font-size: 18px;display: block;padding-bottom: 10px;}
.f-top-l ul li a{color: #fff;font-size: 16px;display: block;opacity: .3;margin-top: 18px;transition: .4s all ease }
.f-top-l ul li a:hover{opacity: 1;transform: translate(2px,2px);transition: .4s all ease}
.f-top-r{width: 41.7%;}
.f-top .top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.f-top .top span{font-size: 24px;color: #fff}
.f-top .top b{font-size: 24px;color: #fff;opacity:.1 ;text-transform: uppercase;font-family: Arial;letter-spacing: 2px;}
.f-top .lead{margin-top: 20px; display: flex;justify-content: space-between}
.f-top input{border: 0 ;background:rgba(255,255,255,.2);height: 52px;line-height: 52px; padding: 0 24px;font-size: 16px;color: #fff;border-radius: 4px;}
 .f-top input::placeholder{color: rgba(255,255,255,.5)}
.f-top .w48{width: 48%}
.f-top .w100{width: 100%}
.f-top .submit{margin-top: 30px; width: 180px; height: 52px; line-height: 52px; text-align: center;background: #fff;border-radius: 30px; color: #1d2088;font-size: 20px;}
.f-bottom{padding-bottom: 34px;font-size: 16px;color: #fff}
.f-bottom span{opacity: .3}
.f-bottom a{opacity: .3;color: #fff;margin-left:30px;transition: .4s all ease }
.f-bottom a:hover{opacity: 1;transition: .4s all ease}


.n-banner{position: relative;padding-top: 36.4%;background-size: cover;background-position: center}
.n-banner .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.n-banner .con .g_w{height: 100%;}
.n-banner .con .g_w>div{position: relative;height: 100%}
.n-banner .text{position: absolute;left: 0;top: 34%;color: #fff;}
.n-banner .text b{font-size:40px; display: block; letter-spacing: 4px;}
.n-banner .text span{font-size:24px; display: block;text-transform: uppercase ;font-weight: lighter;letter-spacing: 2px;font-family: MONTSERRAT-LIGHT}
.n-banner .text:after{ content: ''; width: 50px; height: 2px;background: #fff;margin-top: 40px;display: block}

.n-top{margin-top: -96px;position: relative;z-index: 9}
.n-top .g_w .con{ padding: 0 46px; display: flex;justify-content: space-between;align-items: center;height: 120px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3)}
.n-nav a{display: inline-block;vertical-align: middle;min-width: 150px; padding: 0 10px; text-align: center;position: relative;font-size: 18px;color: #000;transition: .4s all ease}
.n-nav a:nth-last-child(1):after{display: none}
.n-nav a:after{ content: ''; width: 1px;height: 16px; background: #cccccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.n-nav a:hover{color: #1d2088;transition: .4s all ease}
.n-nav a.active{color: #1d2088;transition: .4s all ease}
.n-breadcrumb{display: flex;align-items: center;color: #525252;font-size: 16px;}
.n-breadcrumb i{font-size: 20px;color: #525252}
.n-breadcrumb a{ margin-right: 10px; color: #525252;transition: .4s all ease}
.n-breadcrumb a:hover{color: #1d2088; transition: .4s all ease}
.n-breadcrumb span{ margin-right: 10px;}

.n-title{color: #fff;text-align: center}
.n-title b{display: block;opacity: .2;font-size: 80px;text-transform: uppercase;letter-spacing:6px; }
.n-title span{display: block;font-size: 30px;}

.n-about1{}
.n-about1 .con1{ margin-top: 50px; padding: 130px 0 223px 0;  background: url("../images/n-about1-1.jpg") no-repeat;background-position: center;background-size: cover}
.n-about1 .con1 .text{ margin-top: 52px; text-align: justify;font-size: 18px; line-height: 38px; color: #fff;}
.n-about1 .con1 .num{ margin-top: 100px; display: flex; justify-content: space-between; transition: .4s all ease}
.n-about1 .con1 .num .item{width: 31%; padding-top: 32px; text-align: center;height: 150px;color: #1d2088;position: relative}
.n-about1 .con1 .num .item:after{ content: ''; width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url("../images/n-about1-3.png") no-repeat;background-size: 100% 100%;opacity: 1}
.n-about1 .con1 .num .item:before{ content: ''; width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url("../images/n-about1-2.jpg") no-repeat;background-size: 100% 100%;opacity: 0}
.n-about1 .con1 .num .item .con{display: inline-block;text-align: left;position: relative;z-index: 9}
.n-about1 .con1 .num .item b{font-size: 50px;line-height: 50px;font-family: DIN-BOLD}
.n-about1 .con1 .num .item i{font-size: 20px;display: inline-block;vertical-align: top}
.n-about1 .con1 .num .item span{font-size: 18px;}
.n-about1 .con1 .num .item p{font-size: 18px;}
.n-about1 .con1 .num .item:hover{color: #fff;transition: .4s all ease}
.n-about1 .con1 .num .item:hover:after{opacity: 0;transition: .4s all ease}
.n-about1 .con1 .num .item:hover:before{opacity: 1;transition: .4s all ease}

.n-about2{}
.n-about2 .con1{ padding-top: 40px; overflow: hidden; background: #f4f4f4}
.n-about2 .con1 .list{display: flex;flex-wrap: wrap}
.n-about2 .con1 .item{width: 23%;margin-right: 2.666%; margin-top: 40px; padding: 0 30px;position: relative;background: #fff;overflow: hidden}
.n-about2 .con1 .item:nth-child(4n){margin-right: 0;}
.n-about2 .con1 .item .top{padding: 26px;}
.n-about2 .con1 .item .img {position: relative;display: block;padding-top:140%; }
.n-about2 .con1 .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;height: 100%}
.n-about2 .con1 .item .text{padding:24px 0;border-top: 1px solid #dddddd;font-size: 16px; text-align: center;color: #000000; }
.n-about2 .con1 .item .before{position: absolute;left: 0;top: 0; transform: translateY(60%) scale(.5); opacity: 0; width: 100%;height: 100%;background: rgba(29,32,136,.8);
    display: flex;align-items: center;justify-content: center;text-align: center;transition: .4s all ease}
.n-about2 .con1 .item .before span{display: block;color: #fff;font-size: 18px;margin-top: 24px;}
.n-about2 .con1 .item:hover .before{transform: translateY(0) scale(1);opacity: 1;transition: .4s all ease}


.n-about3{}
.n-about3 .con1{margin: 40px 0 60px 0  ;padding: 106px 0;background: url("../images/n-about3-2.jpg") no-repeat;background-size: cover;background-position: center }
.n-about3 .n-title b{letter-spacing: 8px;}
.n-about3 .con1 .img{text-align: center;margin-top: 70px;}


.n-about4{background: #f4f4f4;}
.n-about4 .n-con{overflow: hidden}
.n-about4 .con1{margin-top: 60px;}
.n-about4 .title{text-align: center}
.n-about4 .title span{font-size: 30px;display: block}
.n-about4 .title i{font-size: 18px;color: #777777;font-style: normal;display: block;letter-spacing: 1px}
.n-about4 .con1 .list{display: flex;justify-content: space-between}
.n-about4 .con1 .list .item{width: 23%;position: relative;margin-top: 24px;}
.n-about4 .con1 .list .item:before{ content: ''; position: absolute;left: 5%;top: 5%; border-radius: 10px; width: 90%;height: 90%;background: rgba(255,255,255,.3);opacity: 0;transition: .4s all ease}
.n-about4 .con1 .list .item .img{overflow: hidden}
.n-about4 .con1 .list .item .g_bg{padding-top: 121%}
.n-about4 .con1 .list .item .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;z-index: 9}
.n-about4 .con1 .list .item .icon{ margin: 0 auto; width: 84px; height: 84px;position: relative;text-align: center;line-height: 84px;}
.n-about4 .con1 .list .item .icon i{font-size:44px; }
.n-about4 .con1 .list .item .icon:after{ content: ''; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);
    width: 100%;height: 100%; border: 1px solid #fff;z-index: 1;display: block;transition: .4s all ease}
.n-about4 .con1 .list .item .text span{display: block;font-size: 18px;margin-top: 40px;}
.n-about4 .con1 .list .item .text small{display: block;font-size: 18px; text-transform: uppercase}
.n-about4 .con1 .list .item:hover .text{color: #1d2088;transition: .4s all ease}
.n-about4 .con1 .list .item:hover:before{opacity: 1;  transition: .4s all ease}
.n-about4 .con1 .list .item:hover .icon:after{transform:translate(-50%,-50%) rotate(180deg); border-color: #1d2088;transition: .4s all ease}

.n-about4 .con2{margin: 54px 0 90px 0;}
.n-about4 .con2 .list1{display: flex;flex-wrap: wrap;justify-content: space-between}
.n-about4 .con2 .list1 .item{margin-top: 30px; width: 48%; padding: 36px; display: flex;align-items: center;background: #fff;transition: .4s all ease}
.n-about4 .con2 .list1 .item b{ font-family: MONTSERRAT-BOLD; font-size: 160px;line-height: 160px;text-transform: uppercase;color: #1d2088;opacity: .2}
.n-about4 .con2 .list1 .item p{font-size: 20px;padding-left: 50px;}
.n-about4 .con2 .list1 .item strong{ font-size: 50px;color: #1d2088}
.n-about4 .con2 .list1 .item:hover{background: #1d2088;color: #fff;transition: .4s all ease}
.n-about4 .con2 .list1 .item:hover strong{color: #fff;transition: .4s all ease}
.n-about4 .con2 .list1 .item:hover b{color: #fff; transition: .4s all ease}
.n-about4 .con2 .list2 .item{display: flex; margin-top: 56px; background: #fff;  }
.n-about4 .con2 .list2 .item .con-l{ padding: 80px 28px 80px 46px; width: 50% }
.n-about4 .con2 .list2 .item .con-r{ width: 50%; }
.n-about4 .con2 .list2 .item .con-r .g_bg{padding-top: 75%;height: 100%}
.n-about4 .con2 .list2 .item .top{display: flex;align-items: center}
.n-about4 .con2 .list2 .item .top i{color: #1d2088;font-size:58px; margin-right: 14px; }
.n-about4 .con2 .list2 .item .top span{font-size:30px; display: block}
.n-about4 .con2 .list2 .item .top small{font-size:18px;color: #777777;display: block }
.n-about4 .con2 .list2 .item .text{font-size: 18px; line-height: 38px;color: #525252;margin-top: 34px;}
.n-about4 .con2 .list2 .item:nth-child(2){flex-direction: row-reverse}

.n-about5{background: #f4f4f4;overflow: hidden}
.n-about5 .con1 .text{background: #fff;margin:50px 0 74px 0;padding: 100px; }
.n-about5 .con1 .title { font-size: 30px; text-align: center}
.n-about5 .con1 .title:after{ content: '';display: block; width: 60px; height: 2px; margin:20px auto 0 auto; background: #9f9f9f;}
.n-about5 .con1 .text{font-size: 16px;color: #333;line-height: 40px;}
.n-about5 .con1 .item{  margin-top: 50px; height: 80px; padding: 0 56px; line-height: 80px; background: #f4f4f4;font-size: 18px;border-radius: 6px;}
.n-about5 .con1 .item i{display: inline-block;width: 38px; height: 38px; line-height: 38px; text-align: center;color: #1d2088;font-size: 16px;background: #dddddd;border-radius: 50%}
.n-about5 .con1 .item b{font-size: 24px;letter-spacing: 1px;transition: .4s all ease}

 .n-about5 .con1 .item:hover b{color: #1d2088;transition: .4s all ease}
 .n-about5 .con1 .item:hover i{-webkit-animation:shake 1s ;animation:shake 1s}

.n-test{}
.n-test .n-banner .text{color: #1d2088}
.n-test .n-banner .text:after{background: #888888}
.n-test1 .n-title b{color: #1d2088}
.n-test1 .n-title span{color: #000}
.n-test1 .con1{padding: 70px 0 100px 0}
.n-test1 .list{display: flex;justify-content: space-between;flex-wrap: wrap}
.n-test1 .item{width: 48%; margin-top: 50px; position: relative}
.n-test1 .item .img{overflow: hidden;}
.n-test1 .item .g_bg{padding-top: 59.7%;transition: .8s all ease}
.n-test1 .item .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 80px; line-height: 80px ;text-align: center;color: #fff;font-size: 24px;background: rgba(0,0,0,.3);transition: .4s all ease}
.n-test1 .item:hover .text{background: #1d2088;transition: .4s all ease}
.n-test1 .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}

.n-test1-d{}
.n-test1-d .con1{padding-bottom: 60px;}
.n-test1-d .con1 .title{font-size: 30px;color: #1d2088;margin-top: 60px;text-align: center}
.n-test1-d .con1 .img{margin-top: 30px;text-align: center}
.n-test1-d .con1 .table{margin-top: 48px;}
.n-test1-d .con1 .table table{width: 100%;}
.n-test1-d .con1 .table table th{background: #1d2088;color: #fff;font-size: 24px;height: 70px; padding: 0 10px ; line-height: 70px;text-align: center;width: 50%}
.n-test1-d .con1 .table table tr th:nth-child(1){border-right: 1px solid #fff}
.n-test1-d .con1 .table table td{ font-size: 18px;height: 47px; padding: 0 10px ; line-height: 47px;text-align: center;width: 50%;border: 0}
.n-test1-d .con1 .table tbody tr:nth-child(1) td{background: #1d2088;color: #fff;font-size: 24px;height: 70px; padding: 0 10px ; line-height: 70px;text-align: center;width: 50%}
.n-test1-d .con1 .table tbody tr td:nth-child(1){border-right: 1px solid #dddddd}
.n-test1-d .con1 .table tbody tr:nth-child(2n){background: #eeeeee}
.n-test1-d .con1 .table tbody tr:nth-child(2n) td:nth-child(1){border-right: 1px solid #fff}

.n-strength1{}
.n-strength1 .con1{padding: 176px 0 152px 0; background: url("../images/n-strength1-1.jpg") no-repeat;background-size: cover;background-position: center}
.n-strength1 .swiper-con{position: relative}
.n-strength1 .n-title{position: absolute;right: 60px;top: 21%; color: #1d2088; z-index: 99;text-align: right}
.n-strength1 .item{display: flex;align-items: stretch}
.n-strength1 .item .con-l{width: 53%;}
.n-strength1 .item .con-l .g_bg{height: 100%;padding-top:76.5% }
.n-strength1 .item .con-r{width: 47%;}
.n-strength1 .item .con-r .text{ height: 100%;padding:49% 60px 43% 60px;  text-align: right; background: url("../images/n-strength1-3.jpg") no-repeat;background-size: cover;background-position: center}
.n-strength1 .item .con-r .text span{display: inline-block; padding: 10px; min-width: 200px;text-align: center;color: #fff;background: #1d2088;font-size: 24px;}
.n-strength1 .swiper-button-prev{ margin: 0; top:auto; bottom: 19%; left: auto; right: 160px; width:70px; height: 70px; border-radius: 50%;transition: .4s all ease;
    text-align: center;line-height: 70px; background: none; color: #777777;border: 1px dashed #777777}
.n-strength1 .swiper-button-next{margin: 0; top:auto; bottom: 19%; right: 60px; width:70px; height: 70px; border-radius: 50%;transition: .4s all ease;
    text-align: center;line-height: 70px; background: none; color: #777777;border: 1px dashed #777777}
.n-strength1 .swiper-button-prev i{font-size: 20px;}
.n-strength1 .swiper-button-next i{font-size: 20px;}
.n-strength1 .swiper-button-prev:hover{border-color: #1d2088;color: #1d2088}
.n-strength1 .swiper-button-next:hover{border-color: #1d2088;color: #1d2088}

.n-strength2{}
.n-strength2 .n-title{color: #1d2088;text-align: left}
.n-strength2 .con1{ margin: 50px 0 60px 0; padding: 315px 0 104px 0;background: url("../images/n-strength2-1.jpg") no-repeat;background-position: center;background-size: cover }
.n-strength2 .con1 .text{background: rgba(255,255,255,.85);padding: 80px 76px 72px 76px; width: 900px;max-width: 100%}
.n-strength2 .con1 .text p{margin-top: 50px; font-size: 18px; line-height: 46px;}

.n-strength3{}
.n-strength3 .n-title{text-align: left}
.n-strength3 .con1{ margin: 60px 0 ; padding: 160px 0 198px 0; background: url("../images/n-strength3-1.jpg")}
.n-strength3 .swiper-con{padding-left: 40%;margin-top: 20px; position: relative}
.n-strength3 .swiper-con .swiper-slide{position: relative;padding-bottom:34px; }
.n-strength3 .swiper-con .swiper-slide:after{content: ''; position: absolute; left: 50%;bottom: 0;transform: translate(-50%,0); z-index: 9;
    width: 9px; height: 9px; background: #fff;border-radius: 50%; display: block}
.n-strength3 .swiper-con .item{padding: 32px 32px 20px 32px;background: #fff;position: relative}
.n-strength3 .swiper-con .item .img{padding-top: 140%;position: relative}
.n-strength3 .swiper-con .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}
.n-strength3 .swiper-con .item span{text-align: center;font-size: 18px; color: #000; margin-top: 20px;display: block}
.n-strength3 .swiper-con .item:after{content: '';display: block; position: absolute;left: 50%;top: 100%; transform: translate(-50%,-1px); width: 25px; height: 16px; background: url("../images/dow.png") no-repeat;}
.n-strength3 .swiper-con .swiper-button-next{margin: 0; top:49%;  left: 100px; width:70px; height: 70px; border-radius: 50%;transition: .4s all ease;
    text-align: center;line-height: 70px; background: none; color: #fff;border: 1px dashed #fff}
.n-strength3 .swiper-con .swiper-button-prev{margin: 0; top:49%;  left: 0; width:70px; height: 70px; border-radius: 50%;transition: .4s all ease;
    text-align: center;line-height: 70px; background: none; color: #fff;border: 1px dashed #fff}
.n-strength3 .swiper-button-prev:hover{border-color: #1d2088;color: #1d2088}
.n-strength3 .swiper-button-next:hover{border-color: #1d2088;color: #1d2088}
.n-strength3 .swiper-con-bottom{position: absolute;left: 0;bottom: 4px; transform: translateY(50%); display: flex;align-items: center;width: 100%}
 .n-strength3 .swiper-con-bottom span{display: inline-block;width: 282px; color: #fff;font-size: 20px;}
 .n-strength3 .swiper-con-bottom:after{content: '';width: calc(100% - 282px);height: 1px;background: #fff;opacity: .4;display: block}


 .n-news{background: #f4f4f4;overflow: hidden}
 .n-news-search{ margin-top: 48px;  }
 .n-news-search .form{display: flex;justify-content: space-between;align-items: center }
 .n-news-search .item{position: relative}
 .n-news-search .item:nth-child(1){width: 25%;}
 .n-news-search .item:nth-child(1):before{content: ''; position: absolute; left:20px;top: 50%;transform: translateY(-50%);
     width: 24px; height: 24px; background: url("../images/icon1.png") no-repeat;background-position: center;background-size: 100% 100%}
 .n-news-search .item:nth-child(1):after{content: ''; position: absolute; right:20px;top: 50%;transform: translateY(-50%);
     width: 13px; height: 7px; background: url("../images/icon4.png") no-repeat;background-position: center}
 .n-news-search .item:nth-child(2){width: 25%;}
 .n-news-search .item:nth-child(2):before{content: ''; position: absolute; left:20px;top: 50%;transform: translateY(-50%);
     width: 24px; height: 24px; background: url("../images/icon2.png") no-repeat;background-position: center;background-size: 100% 100%}
 .n-news-search .item:nth-child(2):after{content: ''; position: absolute; right:20px;top: 50%;transform: translateY(-50%);
     width: 13px; height: 7px; background: url("../images/icon4.png") no-repeat;background-position: center}
 .n-news-search select { width: 100%; height: 60px;line-height: 60px;padding: 0 60px;font-size: 16px;border-radius: 4px;
     background: #fff;border: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
 .n-news-search .item:nth-child(3){width: 25%;}
 .n-news-search .item:nth-child(3):before{content: ''; position: absolute; left:20px;top: 50%;transform: translateY(-50%);
     width: 24px; height: 24px; background: url("../images/icon3.png") no-repeat;background-position: center;background-size: 100% 100%}
 .n-news-search input{width: 100%;height: 60px;line-height: 60px;padding: 0 60px;font-size: 16px;border-radius: 4px;border: 0;background: #fff;}
 .n-news-search .item:nth-child(4){width: 16%;}
 .n-news-search button{width: 100%;height: 60px;line-height: 60px; text-align: center; font-size: 16px; color: #fff;background: #1d2088;border-radius: 4px;border: 0;}
 .n-news-search input::-webkit-input-placeholder{color:#000;}
 .n-news .list{display: flex;margin-top: 30px;flex-wrap: wrap}
 .n-news .list .item{width: 32%;margin-right: 2%;margin-top: 34px;}
 .n-news .list .item:nth-child(3n){margin-right: 0}
 .n-news .list .item .img{overflow: hidden}
 .n-news .list .item .g_bg{ padding-top: 53%; transition: .8s all ease}
 .n-news .list .item .text{ padding: 38px 23px;  background: #fff;}
 .n-news .list .item .text h4{ font-size: 20px; color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
 .n-news .list .item .text p{ font-size: 16px; color: #777777;line-height: 28px; margin-top:17px; height: 56px; overflow: hidden; }
 .n-news .list .item .text span{display: block;  color: #000000;line-height: 28px; margin-top:20px; }
 .n-news .list .item .text span i{margin-left:10px; }
 .n-news .g_w > a{ margin: 50px auto 0 auto; display: block; width: 160px;text-align: center;height: 56px; line-height: 56px; border-radius: 30px; border: 1px solid #fff; color: #fff;font-size: 18px; text-transform: uppercase }
 .n-news .list .item:hover h4{color: #1d2088;font-weight: bold; transition: .4s all ease}
 .n-news .list .item:hover span{color: #1d2088;transition: .4s all ease}
 .n-news .list .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
 .n-news .g_w > a:hover{background: #1d2088;border-color: #1d2088;transition: .4s all ease}


.n-news-d{background: #f4f4f4;overflow: hidden}
.n-news-d .con1{margin: 60px 0}
.n-news-d .con1 .g_w{display: flex;justify-content: space-between;align-items: stretch}
 .n-news-d .con1 .con-l{width:62.5%;background: #fff;padding:70px 40px; }
 .n-news-d .con1 .con-l .title{text-align: center;}
 .n-news-d .con1 .con-l .title b{display: block;font-size:30px;}
 .n-news-d .con1 .con-l .title span{ margin-top: 18px; display: block;font-size:18px;color: #777;}
 .n-news-d .con1 .con-l .title span:before{content: ''; width: 17px; height: 17px; display: inline-block;vertical-align: middle; background: url("../images/icon5.png") no-repeat}
 .n-news-d .con1 .con-l .text{text-align: justify; font-size:18px;color: #333333;line-height: 38px;margin-top: 22px;}
 .n-news-d .con1 .con-l .back{width: 150px; height: 50px; line-height: 50px;text-align: center;display: block;margin: 40px auto 0 auto;border: 1px solid #1d2088;color: #1d2088;border-radius: 30px;}
 .n-news-d .con1 .con-l .back:before{margin-right: 10px; width: 22px; height: 17px; background: url("../images/icon6.png") no-repeat;display: inline-block;vertical-align: middle;content: ''}
 .n-news-d .con1 .con-r{width:36% ;padding: 34px;background: #fff;}
 .n-news-d .con1 .con-r .top{display: flex;justify-content: space-between}
 .n-news-d .con1 .con-r .top b{ font-size: 20px;}
 .n-news-d .con1 .con-r .top a{ font-size: 20px;color: #525252}
 .n-news-d .con1 .con-r .list{margin-top: 0}
 .n-news-d .con1 .con-r .item{width: 100% !important;box-shadow: 0 0 2px #dfdfdf}
 .n-news-d .con1 .con-r .more{ margin: 40px auto; display: block;width: 150px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #9f9f9f;color: #9f9f9f;border-radius: 30px;}
 .n-news-d .con1 .con-r .more:before{ margin-right: 10px; width: 16px; height: 16px; background: url("../images/icon7.png") no-repeat;display: inline-block;vertical-align: middle;content: ''}

.n-service .n-banner .text{color: #1d2088;text-align: center;left: 50%;transform: translateX(-50%)}
.n-service .n-banner .text:after{background: #1d2088;margin: 40px auto 0 auto}
.n-service1{background: #f4f4f4;overflow: hidden}
.n-service1 .con1{margin: 36px 0 86px 0}
.n-service1 .con1 .text{background: #fff;padding:100px 30px;text-align: center }
.n-service1 .con1 .img{margin-top: 40px; }
.n-service1 .n-title{color: #1d2088}

.n-service2{background: #f4f4f4;overflow: hidden}
.n-service2 .con1{display: flex;margin: 50px 0 60px 0;}
 .n-service2 .con1 .con-l{width: 50%;}
 .n-service2 .con1 .con-l .g_bg{ height: 100%;  background: url("../images/n-service2-1.jpg") no-repeat;background-size: cover;background-position: center}
 .n-service2 .con1 .con-r{width: 50%;padding:7.2% 8.7% 7.2% 6.25%;background: #fff }
 .n-service2 .con1 .con-r .top{display: flex;justify-content: space-between;padding-bottom: 36px;border-bottom: 1px solid #e2e2e2}
 .n-service2 .con1 .con-r .top b{display: block; color: #1d2088;font-size: 30px;}
 .n-service2 .con1 .con-r .top span{display: block; color: #888888;font-size: 18px;text-transform: uppercase}
 .n-service2 .con1 .con-r .top i{font-size: 60px;color: #9f9f9f;line-height: 50px;}
 .n-service2 .con1 .con-r .item{margin-top: 32px;font-size: 18px;}
 .n-service2 .con1 .con-r .item b i{font-size: 20px; font-weight: 100}
 .n-service2 .con1 .con-r .item:nth-child(2) b i{font-size: 18px;}
 .n-service2 .con1 .con-r .item p{margin-top: 26px;}
 .n-service2 .con1 .con-r .item a{color: #000}

 .n-service3{background: #f4f4f4;overflow: hidden}
 .n-service3 .con1{margin: 60px 0}
 .n-service3 .list{display: flex;flex-wrap: wrap;justify-content: space-between}
 .n-service3 .item{width: 48%;margin-top: 20px;transition: .4s all ease}
 .n-service3 .item a{height: 140px; padding: 46px; display: flex;align-items: center;background: #fff;transition: .4s all ease}
 .n-service3 .item img{width: 75px; margin-right: 40px;}
 .n-service3 .item span{width: calc(100% - 120px); font-size: 18px; color: #525252;transition: .4s all ease}
 .n-service3 .item:hover a{background: rgba(29,32,136,.3);transition: .4s all ease }
 .n-service3 .item:hover span{color: #fff;transition: .4s all ease }
 .n-service3 .item:hover {transform: translate(-4px,-4px);box-shadow: 0 0 2px #1d2088;transition: .4s all ease }

 .n-job1{background: #f4f4f4;overflow: hidden}
 .n-job1 .con1{margin: 30px 0}
 .n-job1 .n-banner .text{left: auto;right: 0;text-align: right}
 .n-job1 .n-banner .text:after{float: right }
 .n-job1 .list{ display: flex; background: url("../images/n-job1-1.jpg") no-repeat;background-position: center;background-size: cover}
 .n-job1 .list .item{position: relative; width: 25%; height: 917px; display: flex;align-items: center;justify-content: center; text-align: center;
     background: rgba(0,0,0,.08);color: #fff; border-right: 1px solid rgba(255,255,255,.3); transition: .4s all ease}
 .n-job1 .list .item:nth-last-child(1){border: 0}
 .n-job1 .list .item:before{ content: ''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:url("../images/n-job1-2.png")no-repeat;background-size: 100% 100%;  background-color: rgba(29,32,136,.85); opacity: 0}
 .n-job1 .list .item i{ display: block; margin: 0 auto; width: 80px; height: 80px;text-align: center;line-height: 80px; border: 1px solid #fff; border-radius: 50%;font-size: 36px;transition: .6s all ease }
 .n-job1 .list .item b{margin-top: 14px; font-weight: 400;font-size: 24px;display: block;z-index: 9;position: relative}
 .n-job1 .list .item span{ margin-top: 10px; text-transform: uppercase; opacity: .5; font-size: 16px;display: block;z-index: 9;position: relative}
 .n-job1 .list .item:hover:before{opacity: 1 ;transition: .4s all ease}
 .n-job1 .list .item:hover i{transform: rotateY(180deg);transition: .6s all ease}

 .n-job2{}
 .n-job2 .con1{margin: 60px 0 0 0}
 .n-job2 .con1 .list{}
 .n-job2 .con1 .list .top{display: flex;color: #525252}
 .n-job2 .con1 .list .top span{width: 20%; padding: 10px;  text-align: center;font-size: 18px; display: block;position: relative;}
 .n-job2 .con1 .list > .top{background: #1d2088;color: #fff}
 .n-job2 .con1 .item .con{ }
 .n-job2 .con1 .item .top{border-bottom: 1px solid #eeeeee;cursor: pointer}
 .n-job2 .con1 .item .top span:nth-last-child(1):before{ content: ''; width: 18px; height: 2px; background: #525252;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
 .n-job2 .con1 .item .top span:nth-last-child(1):after{content: ''; width: 18px; height: 2px; background: #525252;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(90deg);transition: .4s all ease}
 .n-job2 .con1 .item .con{padding: 30px 44px;background: #f4f4f4;display: none }
 .n-job2 .con1 .item .con .text{line-height: 36px; font-size: 16px;color: #525252}
 .n-job2 .con1 .item .con .text b{color: #000}
 .n-job2 .con1 .item.active span:nth-last-child(1):after{transform: translate(-50%,-50%) rotate(180deg);}

 .n-contact{overflow: hidden}
 .n-contact .con1{margin: 60px 0}
 .n-contact .con1 .g_w{display: flex;align-items: stretch}
 .n-contact .con1 .con-l{width: 50%;height: 590px;}
 .n-contact .con1 .con-r{width: 50%;padding: 124px 120px 20px 90px;background-color: #f4f4f4;background-image: url("../images/n-contact.png");background-position:96% 90%;background-repeat: no-repeat }
 .n-contact .con1 .con-r .top{font-size: 24px;padding-bottom: 30px;border-bottom: 1px solid #c9c9c9;position: relative}
 .n-contact .con1 .con-r .top:after{width: 160px; height: 3px; background: #1d2088;position: absolute;left: 0;bottom: 0;transform: translateY(1px);content: ''}
 .n-contact .con1 .con-r .text{margin-top: 50px;font-size: 18px}
 .n-contact .con1 .con-r .text p{margin-top: 24px;}
 .n-contact .con1 .con-r .text p i{color: #777777;font-size: 24px;}
 .n-contact .con1 .con-l .mpa{height: 100%}
 .my-map { margin: 0 auto; width: 100%; height: 100%; }
 .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
 .my-map .icon-cir { height: 31px; width: 28px; }
 .my-map .icon-cir-red { background-position: -11px -5px; }
 .amap-container{height: 100%;}
 .myinfowindow{width: 240px;min-height: 50px;}
 .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
 .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


 @media (max-width: 1750px) {
    .pcNav_w{padding: 0 5%}
    .n_wenhua1 .list{padding: 0 5%}
    .g_w{padding: 0 5%;}
    .i-title b{font-size:64px; }
}

@media (max-width:1650px) {
    .i-title b{font-size: 60px;}
    .i-about-l{padding: 76px 44px;}
    .i-about-l .num{margin-top: 60px;}
    .i-testItem .i-title{top: 0;}
    .i-testItem .i-testItem-l{padding-top: 230px;}
    .i-testItem-r:after{left: 40px;top: 40px;}
    .i-testItem .swiper-slide .con{padding-bottom: 40px;}
    .i-testItem .swiper-button-prev{height: 70px; line-height: 70px;bottom: 40px;}
    .i-testItem .swiper-button-prev i{font-size: 20px;}
    .i-testItem .swiper-button-next{height: 70px; line-height: 70px;bottom: 40px;}
    .i-testItem .swiper-button-next i{font-size: 20px;}
    .i-testItem .i-testItem-l a,
    .i-strength .list .item .text .text a,
    .i-news .g_w > a{width: 140px;height: 50px; line-height: 50px;}

    .i-strength .list .item .text .text p{margin-top: 62px;}
    .i-strength .list .item .text .text a{margin-top: 44px;}
}
@media (max-width:1440px) {
    .pcNav-r{margin-left: 40px;}
    .h-nav1 > li{margin-left: 30px;}
    .h-nav1 > li > a{font-size: 16px;height: 80px; line-height: 80px;}
    .pcNav_u1_2 li>a{width: 200px;font-size: 14px;}
    .pcNav-r a{font-size: 16px}
    .pcNav-r i{font-size: 16px}
    .g_body{padding-top: 80px;}


    .i-title b{font-size: 48px;}
    .i-title span{font-size: 24px;}
    .i-about-l .text{font-size: 16px;}
    .i-about-l .num b{font-size: 30px;}
    .i-about-l .num span{font-size: 16px;}
    .i-about-l .num p{font-size: 16px;}
    .i-about-r .item .text b{font-size: 18px;}
    .i-about-r .item .text span{font-size: 22px;}
    .i-testItem .i-testItem-l{padding-top: 180px}
    .i-testItem .i-testItem-l .text{font-size: 20px;}
    .i-testItem .swiper-button-next{height: 50px;line-height: 50px;width: 40px; }
    .i-testItem .swiper-button-prev{height: 50px;line-height: 50px;width: 40px; }
    .i-testItem .swiper-button-prev i{font-size: 16px;}
    .i-testItem .swiper-button-next i{font-size: 16px;}

    .i-strength .list .item .text .text p{margin-top: 50px;font-size: 16px;height:60px;line-height: 34px; }
    .i-strength .list .item .text .text a{margin-top: 34px;}
    .i-strength .list .item .text .top i{width: 80px; height: 80px; line-height: 80px }
    .i-strength .list .item .text .top span{font-size: 24px;}

    .n-top{margin-top: -50px;}
    .n-top .g_w .con{height: 100px;}
    .n-nav a{font-size: 16px;width: 130px;}
    .n-breadcrumb a{font-size: 16px;}
    .n-breadcrumb span{font-size: 16px;}
    .n-breadcrumb i{font-size: 18px;}

    .n-about1 .con1{padding: 100px 0 200px 0; }
    .n-title b{font-size: 60px;}
    .n-title span{font-size: 24px;}
    .n-about1 .con1 .text{font-size: 16px;line-height: 30px;}

    .n-about4 .con2 .list1 .item{padding: 28px;}
    .n-about4 .con2 .list1 .item b{font-size: 120px;line-height: 120px;}
    .n-about4 .con2 .list1 .item strong{font-size: 40px;}
    .n-about4 .con2 .list2 .item .con-l{padding: 64px 30px;}
    .n-about4 .con2 .list2 .item .top span{font-size: 24px;}
    .n-about4 .con2 .list2 .item .text{font-size: 16px;}

    .n-test1-d .con1 .table table td{font-size: 16px;}
    .n-strength1 .con1{padding: 110px 0}

    .n-strength2 .con1{padding:200px 0 104px 0; }

    .n-strength3 .con1{padding: 120px 0;}
    .n-strength3 .swiper-con .swiper-button-prev{top: 40%;width: 60px; line-height: 60px; height: 60px;}
    .n-strength3 .swiper-con .swiper-button-next{top: 40%;width: 60px; line-height: 60px; height: 60px;}

    .n-news-d .con1 .con-l .title b{font-size: 24px;}
    .n-news-d .con1 .con-l .text{font-size: 16px;}
    .n-news-d .con1 .con-r .top b{font-size: 18px;}
    .n-news-d .con1 .con-r .top a{font-size: 18px;}

    .n-service1 .con1 .text{padding: 80px 20px;}

    .n-service2 .con1 .con-r .top{padding-bottom: 30px;}
    .n-service2 .con1 .con-r .top b{font-size: 24px;}
    .n-service2 .con1 .con-r .top i{font-size: 50px;}
    .n-service2 .con1 .con-r .item{font-size: 16px;}

    .n-job1 .list .item{height: 800px;}
    .n-contact .con1 .con-r{padding: 100px 60px 20px 60px}
}


@media (max-width:1350px) {
    .i-title b{font-size: 34px;line-height: initial}
    .i-title span{font-size: 20px;margin-top: 0}
    .i-about-l .text{margin-top: 30px;}
    .i-about-l .num{margin-top: 30px}
    .i-about-r .item .text span{font-size: 18px;}
    .i-about-r .item .text b{font-size: 14px;}
    .i-testItem .i-testItem-l{padding-top: 120px;}
    .i-testItem .i-testItem-l a,
    .i-strength .list .item .text .text a,
    .i-news .g_w > a{width: 140px;height: 44px; line-height: 44px;}

}
@media (max-width:1280px) {
    .i-title b{font-size: 30px;}

}

@media (max-width:1220px) {
    .n-body{padding-top: 60px;}
    .pcNav{display: none;}
    .webNav{display: block;}
    .g_body{padding: 60px 0 0 0;}

    .i-about-l .num b{font-size: 24px;}
    .i-about-l .text{font-size: 14px;line-height: 24px;}
    .i-about-l .num span{font-size: 14px;}
    .i-about-l .num p{font-size: 14px;}

    .i-testItem .i-testItem-l{width: 50%}
    .i-testItem .i-testItem-r{width: calc(50% - 54px)}
    .i-testItem .swiper-button-prev{left: 50%}
    .i-testItem .swiper-button-next{left: 50%}

    .i-strength .list .item .text .con{padding-top: 18%}
    .i-strength .list .item .text .text p{margin-top: 30px;font-size: 14px;line-height: 24px;height: 44px;}
    .i-strength .list .item .text .text a{margin-top: 20px;}
    .i-testItem .i-testItem-l a,
    .i-strength .list .item .text .text a,
    .i-news .g_w > a{width: 140px;height: 40px; line-height: 40px;font-size: 16px;}

    .i-news .list .item .text h4{font-size: 18px;}
    .i-news .list .item .text p{font-size: 14px;line-height: 24px; height: 44px;}
    .n-news .list .item .text h4{font-size: 18px;}
    .n-news .list .item .text p{font-size: 14px;line-height: 24px; height: 44px;}

    .f-top-l ul li span{font-size: 16px;}
    .f-top-l ul li a{font-size: 14px;}
    .f-top .top span{font-size: 20px;}
    .f-top .top b{font-size: 20px;}
    .f-top input{font-size: 14px;height: 44px;line-height: 44px;}
    .f-top .submit{ width: 140px; height: 44px; line-height: 44px; font-size: 16px;}


    .n-banner .text b{font-size: 34px;}
    .n-banner .text span{font-size: 20px;}
    .n-top{margin-top: 0}
    .n-top .g_w .con{display: block; height: auto; box-shadow: none;padding: 0;text-align: center}
    .n-nav{padding: 20px 0;display: none}
    /*.n-nav a{width: 120px; }*/
    .n-breadcrumb{padding: 10px;font-size: 14px;text-align: right;display: block}
    .n-breadcrumb a{font-size: 14px;margin-right: 4px;}
    .n-breadcrumb i{font-size: 16px}
    .n-breadcrumb span{font-size: 14px;margin-right: 4px;}
    .n-title b{font-size: 48px;}
    .n-title span{font-size: 20px;}


    .n-about1 .con1{margin-top: 0;padding: 80px 0 160px 0; }
    .n-about1 .con1 .num .item b{font-size: 40px;}
    .n-about1 .con1 .num .item span{font-size: 16px;}
    .n-about1 .con1 .num .item p{font-size: 16px;}
    .n-about1 .con1 .num .item{height: 130px;padding-top: 30px; }

    .n-about2 .con1 .item{padding: 10px;margin-top: 20px}
    .n-about2 .con1 .item .text{padding: 10px 0;font-size: 14px;}
    .n-about2 .con1 .item .top{padding: 10px;}

    .n-about3 .con1{padding: 70px 0;margin: 0}

    .n-about4 .title span{font-size: 24px;}
    .n-about4 .title i{font-size: 16px;}
    .n-about4 .con1 .list .item .icon{width: 70px; height: 70px;line-height: 70px;}
    .n-about4 .con1 .list .item .icon i{font-size: 38px;}
    .n-about4 .con2 .list1 .item b{font-size: 90px;line-height: 90px;}
    .n-about4 .con2 .list1 .item p{font-size: 16px;padding-left: 30px;}
    .n-about4 .con2 .list1 .item strong{font-size: 30px;}

    .n-about4 .con2 .list2 .item .con-l{padding: 30px  ;}
    .n-about4 .con2 .list2 .item .top i{font-size: 40px;}
    .n-about4 .con2 .list2 .item .top span{font-size: 20px;}
    .n-about4 .con2 .list2 .item .top small{font-size: 16px;}
    .n-about4 .con2 .list2 .item .text{font-size: 14px; line-height: 24px;margin-top: 1%;}

    .n-about5 .con1 .title{font-size: 24px;}
    .n-about5 .con1 .text{padding: 60px;font-size: 14px;margin: 40px 0}

    .n-test1 .item .text{font-size: 20px;height: 60px; line-height: 60px;}

    .n-test1-d .con1 .title{font-size: 24px;margin-top: 40px;}
    .n-test1-d .con1 .table table th{font-size: 20px;height: 60px; line-height: 60px;}
    .n-test1-d .con1 .table tbody tr:nth-child(1) td{font-size: 20px;height: 60px; line-height: 60px;}
    .n-test1-d .con1 .table table td{font-size: 14px;height: 40px;line-height:20px; padding: 8px 10px;vertical-align: middle}

    .n-strength1 .n-title{top: 10%;right: 30px;}
    .n-strength1 .item .con-r .text{padding: 40% 30px 40% 30px;}
    .n-strength1 .swiper-button-prev{bottom: 10%;width: 60px; line-height: 60px; height: 60px; right: 130px;}
    .n-strength1 .swiper-button-next{bottom: 10%;width: 60px; line-height: 60px; height: 60px; right: 30px;}
    .n-strength1 .item .con-r .text span{font-size: 20px;padding: 6px }
    .n-strength1 .con1{padding: 80px 0}

    .n-strength2 .con1 .text{padding: 60px;}
    .n-strength2 .con1 .text p{font-size: 16px;margin-top: 30px;line-height: 36px;}

    .n-strength3 .con1{padding: 80px 0}
    .n-strength3 .swiper-con .swiper-button-prev{width: 50px;height: 50px; line-height: 50px;}
    .n-strength3 .swiper-con .swiper-button-next{width: 50px;height: 50px; line-height: 50px;}
    .n-strength3 .swiper-con .item{padding: 20px;}
    .n-strength3 .swiper-con .item span{font-size: 16px;margin-top: 10px;}
    .n-strength3 .swiper-con-bottom span{font-size: 18px;}

    .n-news-search select{height: 46px;line-height: 46px;font-size: 14px;}
    .n-news-search input{height: 46px;line-height: 46px;font-size: 14px;}
    .n-news-search button{height: 46px;line-height: 46px;font-size: 14px;}

    .n-service1 .con1 .text{padding: 60px 20px;}

    .n-service2 .con1 .con-r{padding: 60px 30px;}
    .n-service2 .con1 .con-r .item{margin-top: 16px;}
    .n-service2 .con1 .con-r .item p{margin-top: 10px;}

    .n-service3 .item a{padding: 20px;}
    .n-service3 .item span{font-size: 14px;}

    .n-job1 .list .item i{width: 70px; height: 70px; line-height: 70px;font-size: 30px;}
    .n-job1 .list .item b{font-size: 20px;}
    .n-job1 .list .item span{font-size: 14px;}
    .n-job1 .list .item{height: 600px;}

    .n-job2 .con1 .list .top span{font-size: 16px;}
    .n-contact .con1 .con-r{padding: 80px 40px 20px 40px;}
}

@media (max-width:1024px) {
    .i-strength .list .item .text .con{padding-top: 12%}
    .i-strength .list .item .text .text p{margin-top: 20px;}
}

@media (max-width:998px){
    .i-about .g_w{display: block}
    .i-about-l{width: 100%;padding: 40px }
    .i-about-c{display: none}
    .i-about-r{width: 100%;display: flex}
    .i-about-r .item {width: 33.33%}
    .i-testItem .swiper-slide .con{flex-wrap: wrap; flex-direction: column-reverse;}
    .i-testItem .i-testItem-l{width: 100%;padding-top: 30px;}
    .i-testItem .i-testItem-r{width: 100%}
    .i-testItem-r:after{display: none}
    .i-testItem .i-title{position: relative;text-align: center}
    .i-testItem-swiper{margin-top: 30px;}
    .i-testItem .swiper-button-prev{bottom: 50%;right:auto;left:0}
    .i-testItem .swiper-button-next{bottom: 50%;right:0;left:auto;transform: translate(0)}
    .i-testItem .swiper-slide .con{padding-bottom: 0}
    .i-testItem{padding: 60px 0}

    .i-strength .list{display: block}
    .i-strength .list .item{width: 100%;padding: 30px;}
    .i-strength .list .item .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
    .i-strength .list .item > .text{position: relative; left: 0;top: 0; transform: translate(0); z-index: 9;margin: 0 auto }
    .i-strength .list .item .text .con{transform: translateY(0);padding: 30px;}
    .i-strength .list .item .text .text{opacity: 1}
    .i-strength .list .item .text .top i{background: #1d2088;border-color: #1d2088;transition: .4s all ease}
    .i-strength .list .item .text .top span{color: #1d2088;transition: .4s all ease}
    .i-strength .list .item .text .top small{color: #525252;transition: .4s all ease}
    .i-strength .list .item .text .con{transform: translateY(0)}
    .i-strength .list .item  > .text{background: rgba(255,255,255,.7);transition: .4s all ease}
    .i-strength .list .item .text .text{opacity: 1;transition: .4s all ease}
    .i-strength .list .item .text .text a{background: #1d2088;color: #fff}
    .i-news{padding: 60px 0}

    .f-top{padding: 60px 0}
    .f-top .top{padding: 0}
    .f-top-l{display: none}
    .f-top-r{width: 100%}
    .f-top .submit{margin: 0 auto;display: block}
    .f-bottom{font-size: 14px;text-align: center;padding-bottom: 10px;}
    .f-bottom a{display: block;margin-top: 6px;}

    .n-about4 .con1 .list{flex-wrap: wrap}
    .n-about4 .con1 .list .item{width: 48%}
    .n-about4 .con2 .list1{display: block}
    .n-about4 .con2 .list1 .item{width: 100%;padding:14px 26px;}

    .n-strength1 .n-title{position: relative;text-align: center;left: auto;top: auto;right: auto}
    .n-strength1 .swiper-container{margin-top: 30px;}
    .n-strength1 .item{display: block}
    .n-strength1 .item .con-l{width: 100%}
    .n-strength1 .item .con-r{width: 100%}
    .n-strength1 .item .con-r .text{padding: 30px;text-align: center}
    .n-strength1 .item .con-r .text span{font-size: 18px;}
    .n-strength1 .swiper-button-prev{left: 6px;top: 45%;bottom: auto;right: auto;width: 40px; line-height: 40px; height: 40px;background: #fff;border: 0;color: #1d2088}
    .n-strength1 .swiper-button-next{right: 6px;top: 45%;bottom: auto;left: auto;width: 40px; line-height: 40px; height: 40px;background: #fff;border: 0;color: #1d2088}
    .n-strength1 .swiper-button-prev i{font-size: 16px;}
    .n-strength1 .swiper-button-next i{font-size: 16px;}

    .n-news-search{margin-top: 0}
    .n-news-search .form{display: block}
    .n-news-search .item{width: 100%!important;margin-top: 10px;}
    .n-news-search select{height: 40px;line-height: 40px;font-size: 14px;}
    .n-news-search input{height: 40px;line-height: 40px;font-size: 14px;}
    .n-news-search button{height: 40px;line-height: 40px;font-size: 14px;}

    .n-news-d .con1 .con-l{padding: 30px;width: 100%}
    .n-news-d .con1 .con-r{display: none;}

    .n-service2 .con1{display: block}
    .n-service2 .con1 .con-l{width: 100%;height: 100px;}
    .n-service2 .con1 .con-r{width: 100%;padding: 30px 5%;}
    .n-service2 .con1 .con-r .top{}

    .n-contact .con1 .g_w{display: block}
    .n-contact .con1 .con-l{width: 100%;height: 300px;}
    .n-contact .con1 .con-r{width: 100%; padding:40px 30px;}
}
@media (max-width:768px) {

    .i-about{padding: 40px 0}
    .i-about-l{padding: 20px;}
    .i-about-l .text{margin-top: 20px;}
    .i-about-r{display: block}
    .i-about-r .item {width: 100%}
    .i-testItem{padding: 40px 0}
    .i-strength{padding: 40px 0}
    .i-strength .list .item{padding: 20px;}
    .i-strength .list .item > .text{width: 100%;height: 100%}
    .i-strength .list .item .text .top i{width: 70px;height: 70px;line-height: 70px;}
    .i-strength .list .item .text .text p{margin-top: 10px;}
    .i-strength .list .item .text .text{padding: 0}
    .i-news{padding: 40px 0}
    .i-news .list{display: block}
    .i-news .list .item{width: 100%;margin-top: 30px;}
    .n-news .list{display: block}
    .n-news .list .item{width: 100%;margin-top: 30px;}
    .f-top{padding:30px 0;}

    .n-banner .text b{font-size: 26px;}
    .n-banner .text span{font-size: 18px;}
    .n-banner .text:after{margin-top: 20px;}
    .n-nav{display: none}
    /*.n-nav a{display: block;width: 100%;border-bottom: 1px solid #dfdfdf;padding: 8px 0;font-size: 14px;}*/
    /*.n-nav a:after{display: none}*/

    .n-about1 .con1{padding: 40px 0 100px 0}
    .n-title b{font-size: 24px;}
    .n-title span{font-size: 20px;}
    .n-about1 .con1 .text{font-size: 14px; line-height: 24px; margin-top: 20px;}
    .n-about1 .con1 .num .item b{font-size: 30px;}
    .n-about1 .con1 .num .item p{font-size: 14px;}
    .n-about1 .con1 .num .item span{font-size: 14px;}
    .n-about1 .con1 .num .item i{font-size: 14px;}
    .n-about1 .con1 .num{margin-top: 40px;}

    .n-about2 .con1{padding-top: 20px;}
    .n-about2 .con1 .item{width: 49%;margin-right: 2%}
    .n-about2 .con1 .item:nth-child(2n){margin-right: 0}

    .fenye{margin: 30px 0}
    .fenye a{width: 40px; height: 40px; line-height: 40px;font-size: 14px;}
    .fenye a.pg_n{width: auto;white-space: nowrap}

    .n-about3 .con1{padding: 40px 0; }
    .n-about3 .con1 .img{margin-top: 30px;}

    .n-about4 .title span{font-size: 20px;}
    .n-about4 .title i{font-size: 14px;}
    .n-about4 .con1{margin-top: 30px;}
    .n-about4 .con1 .list .item{margin-top: 20px;}
    .n-about4 .con2 .list1 .item{margin-top: 20px;}
    .n-about4 .con2 .list1 .item b{font-size: 70px;}
    .n-about4 .con2 .list2 .item{display: block;margin-top: 30px;}
    .n-about4 .con2 .list2 .item .con-l{width: 100%}
    .n-about4 .con2 .list2 .item .con-r{width: 100%}

    .n-about5 .con1 .title{font-size: 20px;}
    .n-about5 .con1 .title:after{margin-top: 10px;}
    .n-about5 .con1 .text{padding: 20px;font-size: 14px; line-height: 24px; margin: 40px 0}
    .n-about5 .con1 .item{padding: 0 16px ;font-size: 14px;height: 60px; line-height: 60px;margin-top: 30px;}
    .n-about5 .con1 .item b{font-size: 16px;}

    .n-test1 .con1{padding: 40px 0}
    .n-test1 .list{display: block}
    .n-test1 .item{width: 100%;margin-top: 20px;}
    .n-test1 .item .text{font-size: 18px;height: 44px; line-height: 44px;}

    .n-test1-d .con1 .title{font-size: 20px;margin-top: 30px;}
    .n-test1-d .con1 .table {margin-top: 20px;}
    .n-test1-d .con1 .table table th{font-size: 16px;height: 40px; line-height: 40px;}
    .n-test1-d .con1 .table tbody tr:nth-child(1) td{font-size: 16px;height: 40px; line-height: 40px;}
    .n-test1-d .con1 .table table td{font-size: 14px; height: auto;line-height:20px; padding: 8px 10px;}
    .n-test1-d .con1{padding-bottom: 30px;}

    .n-strength1 .con1{padding: 30px 0 40px 0}
    .n-strength2 .con1{padding: 60px 0}
    .n-strength2 .con1{margin:   0}
    .n-strength2 .con1 .text{padding: 30px 20px;}
    .n-strength2 .con1 .text p{font-size: 14px;margin-top: 10px;line-height: 24px;}

    .n-strength3 .con1{margin: 0}
    .n-strength3 .con1{padding: 40px 0}
    .n-strength3 .swiper-con{padding: 0}
    .n-strength3 .swiper-con .item:after{display: none}
    .n-strength3 .swiper-con .swiper-slide:after{display: none}
    .n-strength3 .swiper-con-bottom{position: relative;transform: translateY(0);top: auto;margin-top: 20px;display: block}
    .n-strength3 .swiper-con-bottom span{display: block;width: 100%;text-align: center}
    .n-strength3 .swiper-con-bottom:after{display: none}
    .n-strength3 .swiper-con .swiper-button-prev{border: 0;color: #fff; background: #1d2088; left: 0;}
    .n-strength3 .swiper-con .swiper-button-next{border: 0;color: #fff; background: #1d2088; right: 0; left: auto}

    .n-news-d .con1 .con-l{padding: 30px 20px;}
    .n-news-d .con1 .con-l .title b{font-size: 20px; }
    .n-news-d .con1 .con-l .title span{font-size: 12px; }
    .n-news-d .con1 .con-l .text{font-size: 14px;line-height: 24px;}
    .n-news-d .con1 .con-l .back{height: 40px;line-height: 40px; font-size: 14px;}
    .n-news-d .con1{margin: 30px 0;}

    .n-service1 .con1{margin: 30px 0}
    .n-service1 .con1 .text{padding: 30px 20px;}
    .n-service1 .con1 .img{margin-top: 20px;}

    .n-service2 .con1{margin: 30px 0}
    .n-service2 .con1 .con-r .top{padding-bottom: 10px;}
    .n-service2 .con1 .con-r .top b{font-size: 20px;}
    .n-service2 .con1 .con-r .top span{font-size: 14px;}
    .n-service2 .con1 .con-r .top i{font-size: 36px;}
    .n-service2 .con1 .con-r .item{font-size: 14px;}

    .n-service3 .con1{margin: 30px 0}
    .n-service3 .list{display: block}
    .n-service3 .item{width: 100%;}
    .n-service3 .item a{height: auto}
    .n-service3 .item img{width: 50px;margin-right: 20px;}
    .n-service3 .item span{width:calc(100% - 70px);}

    .n-job1 .list {flex-wrap: wrap}
    .n-job1 .list .item{width: 50%;height: 300px;border: 1px solid rgba(255,255,255,.3) !important}

    .n-job2 .con1 .list .top span{font-size: 14px;padding: 10px 4px;}
    .n-job2 .con1 .item .con{padding: 20px;}
    .n-job2 .con1{margin-top: 10px;}

    .n-contact .con1{margin: 30px 0}
    .n-contact .con1 .con-r{padding: 30px 20px;}
    .n-contact .con1 .con-r .top{font-size: 20px;}
    .n-contact .con1 .con-r .text p{margin-top: 14px;}
}
@media (max-width:600px){

}

@media (max-width:500px){
    .n-banner .text{top: 25%}
    .n-banner .text b{font-size: 20px;}
    .n-banner .text span{font-size: 14px;}
    .n-banner .text:after{margin-top: 10px;}

    .n-about2 .con1 .item{width: 100%;margin-right: 0}

    .n-about4 .con1 .list .item{width: 100%}
    .n-about4 .con2{margin: 40px 0; }

    .n-job1 .list .item{width: 100%;height: 300px;border: 1px solid rgba(255,255,255,.3) !important}
}