blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {margin: 0;padding: 0;outline: none}
abbr,acronym,fieldset,img {border: 0}
ol,ul {list-style: none}
caption,th {text-align: left}
.clearfix:after {clear: both;content: '';display: block;height: 0;line-height: 0;visibility: hidden}
.clearfix {zoom:1}
.clear {clear: both}
.fl {float: left}
.fr {float: right}

input,select,textarea {font-size: 14px;color: #999;font-family: "Microsoft Yahei",sans-serif;outline: 0;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer}
::-webkit-input-placeholder {color: #999}
::-moz-placeholder {color: #999}
::-ms-input-placeholder {color: #999}
::selection {color:#fff;background-color: #0352b8;}
::-moz-selection {color:#fff;background-color: #0352b8;}
::-webkit-selection {color:#fff;background-color: #0352b8;}
::-webkit-scrollbar {width: 10px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 6px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 6px; background-color: #0352b8;}
::-webkit-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
* {padding: 0;margin: 0; box-sizing:border-box;}

body {color: #333333;font-size: 16px;line-height: 1.1;font-family: "Microsoft Yahei",'Roboto';overflow-x: hidden;}
* {-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
a,img {-ms-transition: .20s;-moz-transition: .20s;-webkit-transition: .20s;-o-transition: .20s;transition: .20s}
img,video {width: auto;height: auto;max-width: 100%;vertical-align: middle;}
a{color: #333;text-decoration: none;border: none;outline: none}
a:hover{color: #015198;}
textarea {resize: none}
.wrap{max-width: 1400px;margin: 0 auto;position: relative;z-index: 99}
@media (max-width:1600px){
	.wrap{width: 85%;}
}
@media (min-width:767px) and (max-width:1200px){
    .wrap{width: 90%;}
}
body{ }
/*header*/

.header{ position:fixed; width:100%; background:#fff; z-index:9999999; width:100%; transition:1s; height:5rem; box-shadow:0 1px 2px 0 rgba(0,0,0,.1);top: 0;}
.header.hide{top: -5rem;}
.header.show{top: 0;}

.logo{ float:left;}
.logo a{ display:table-cell; vertical-align: middle; height:5rem;}
.logo a img{height: 4rem;}
a.more{font-size: 1.125rem;box-shadow: 0 0px 20px 0 rgb(84 152 216 / 0%);background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:1rem 2rem;display: inline-block;transition: 1s;position:relative}
a.more:hover {box-shadow: 0 0px 20px 0 rgb(84 152 216 / 80%);}

#nav{ float:right;position: relative;}
#nav>ul{ float:left;}
#nav>ul>li{ float:left; position:relative;margin-right:2.5rem;}
#nav>ul>li>a{ font-size:1rem; color:#000; display:block;position: relative;}
#nav>ul>li>a h3{ position:relative; font-size:1.125rem; color:#000;line-height:5rem;font-weight: normal;display: inline-block;}
#nav>ul>li>a i{width: 10px;height: 10px;background: url(../images/nav.png) center no-repeat;background-size: 100% auto;top: 2.25rem;display: inline-block;margin-left: 0.25rem}
#nav>ul>li:last-child{margin-right: 0;}
#nav>ul>li.act h3{color:#015198;}
#nav>ul>li:hover h3{color:#015198;}

#nav>ul>li ul.sub{position:absolute; top:5rem; width:10rem; display:none; opacity: 0;transition: 1s;background:#fff; font-size:1rem; color:#585858; line-height:2.5;border-top:2px solid #015198;padding:0.5rem 0;box-shadow: 0 1px 20px rgb(0 0 0 / 15%);}
#nav .sub li{ padding:0 0.5rem;}
#nav .sub li a{ display:block;text-align: center;color: #000}
#nav .sub li:hover a{color: #015198}
#nav .sub{ left:50%; margin-left:-5.5rem;}
#nav>ul>li:hover ul.sub{ display:block;opacity: 1 }

.navMenu {right: 15px;z-index: 22;position: absolute;top: 50%;margin-top:1.5rem;cursor: pointer;width: 30px;height: 24px;display: none;}
.navMenu span {border-radius: 2px;position: absolute;left: 0;background: #015198;width: 100%;height: 2px;display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.navMenu .line1 {top: 0;}
.navMenu .line2 {top: 50%;margin-top: -1px;}
.navMenu .line3 {bottom: 0;}
.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}
.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
.navMenu.on .line3{display: none;}
@media (max-width:1200px){
    #nav>ul{background-color: #fff;}
    .navMenu{display: block;}
    #nav{bottom: 0;overflow-y: auto;transition: .5s;-webkit-transition: .5s;transform: translate(100%,0);-webkit-transform: translate(100%,0);position: fixed;width: 100%;right: 0;min-height: 560px;height: calc(100vh - 5rem);top: 5rem;z-index: 66;background: #f9f9f9;}
    #nav.on{transform: translate(0,0);-webkit-transform: translate(0,0);}
    #nav>ul>li:nth-child(1){border-top: 1px solid #ddd;}
    #nav>ul>li{width: 100%;padding:0 15px;border-bottom: 1px solid #ddd;}
    #nav>ul>li>a h3{height: 3rem;line-height: 3rem;font-size: 1.125rem;color: #015198}
    #nav>ul>li h3:after{display: none;}
    #nav>ul>li a h3{margin: unset;}
    #nav .sub{display: block;position: unset;width: 100%;line-height: 34px;color: #666;}
    #nav .sub1{margin-left:0;}
    #nav .sub1 li{padding: 0;display: inline-block;margin-right: 10px;}
    #nav .sub1>li:hover, #nav .sub1>li.on{background:unset;color: #015198}
    #nav .sub{display: block;position: unset;width: 100%;line-height: 34px;color: #666;left: unset;margin-left: unset;padding:0;}
    #nav .sub1{margin-left:0;}
    #nav .sub1 li{padding: 0;display: inline-block;margin-right: 10px;}
    #nav .sub1>li:hover, #nav .sub1>li.on{background:unset;color: #015198}
    #nav>ul>li>a h3{height: 3.5rem;line-height: 3.5rem;}
    #nav>ul>li ul.sub{display: block;opacity: 1;position: relative;border-top:unset;top: unset;width: 100%;padding-top: 0;background:unset;box-shadow:unset}
    #nav .sub li{display: inline-block;padding:0;padding-right: 1rem}

}
.next-icon{position: absolute;left:calc(50% - 18px);bottom: 3rem;width: 36px;height: 36px;display: inline-block;margin-top: 20px;border: #ffffff 1px solid;border-radius: 50%;}
.next-icon:before {content: "";width: 8px;height: 15px;position: absolute;left: 50%;margin-left: -4px;top: 50%;margin-top: -10px;background: url(../images/jiantou.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;border-radius: 1.5px;}
@keyframes scroll {
    0% {
        opacity: 0;
    }

    10% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -o-transform: translateY(0);
        transform: translateY(5px);
        opacity: 0;
    }
}
/*banner*/
.banner{margin-top:5rem;background:#111723;overflow:hidden;position: relative;}
.banner ul{}
.banner .banner-txt{position: absolute;color: #fff;margin-top: 10rem;z-index: 100;width: 100%;text-align: center;}
.banner .banner-txt h5{font-size: 3rem;background-image: linear-gradient(#fff 30%,rgba(255,255,255,0.2));-webkit-background-clip:text; -webkit-text-fill-color:transparent;line-height: 1;margin-bottom: 1.5rem;}
.banner .banner-txt p{font-size: 1.25rem;margin-top: 3rem;line-height: 2}
.banner .banner-txt a{font-size: 1.25rem;box-shadow: 0 0px 20px 0 rgb(84 152 216 / 0%);background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:1rem 2rem;margin-top: 4rem;display: inline-block;border-radius: 0.25rem;transition: 1s;}
.banner .banner-txt a:hover{box-shadow: 0 0px 20px 0 rgb(84 152 216 / 80%);}
.banner .banner-ul li{position: relative;}
.banner .slick-dots {text-align: center;margin-top: 1.75rem;position: absolute;z-index: 1;bottom: 3rem;width: 100%;text-align: center;}
.banner .slick-dots li {display: inline-block;padding: 0 1rem;cursor: pointer;}
.banner .slick-dots li button {outline: none;font-size: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 0px solid #3068bf;background-color: rgba(255,255,255,0.4);display: block;cursor: pointer;transition: all .3s ease-in-out;position: relative;}
.banner .slick-dots li.slick-active button{background-color: #fff}
.banner .slick-dots li.slick-active button:before{content: '';position: absolute;width: 1.5rem;height: 1.5rem;left: calc(-0.5rem - 2px);top: calc(-0.5rem - 1px);border: 2px solid #008ae7;border-top: 1px solid #000;border-left: 1px solid #000;border-radius: 50%;animation: rotate 3s infinite linear;}
@keyframes rotate {100% {transform: rotate(360deg);}}

/*about*/
.about{background: #f8f8f8;padding:6rem 0;position: relative;overflow:hidden;z-index: 99}
.about .wrap{position: relative;}
.about .s_title{margin-bottom: 3rem;text-align: center;}
.about .s_title h2{font-size: 2.5rem;margin-bottom: 2rem;color:#000;}
.about .s_title p{font-size: 1.125rem;line-height: 2}
.about_m{width: 80%;margin:0 auto;margin-bottom: 5rem}
.about_m ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_m li {width: 33.333%;text-align: center;position: relative;cursor: pointer;color:#000}
.about_m li .scene_num {font-size: 2.5rem;line-height: 4rem;font-family: 'impact';display: inline-block;position: relative;}
.about_m li .scene_num em{font-style: normal;margin-right: 0.5rem;font-size: 4.5rem;}
.about_m li .scene_p {color: #080808;font-size: 1.25rem;line-height: 2;}
.about_b{position: relative;}
.about_b_swiper{overflow: hidden;}
.about_b li{position: relative;}
.about_b li p{position: absolute;bottom: 0rem;width:100%;padding:2rem 1rem 1rem;text-align: center;display: block;background: linear-gradient(to top, rgba(9,21,49,1), rgba(9,21,49,0));color: #fff;}
.about_b .slick-arrow{cursor: pointer;position: absolute;z-index: 99;top: calc(50% - 1.5rem);width: 3rem;height: 3rem;border-radius: 50%;background: url(../images/arrow.png) no-repeat center center,linear-gradient(to right, #003fbb, #008ae7) ;border:unset;font-size: 0; }
.about_b .slick-prev{left: -3rem;}
.about_b .slick-next{right: -3rem;transform:rotate(180deg);}
.about .xin_a{width: 100%;text-align: center;margin-top: 5rem;}
.about .xin_a a{width: 17rem;height: 5rem;background: url(../images/news_more.png);background-size: cover;display: inline-block;line-height: 5rem;font-size: 1.125rem;font-weight: bold;color: #015198;transition:1s}
.about .xin_a a:hover{transform: translateY(-6px);}
.bg_dong{position: absolute;top: 0}
.about-prev{left: -4rem;color: #333}
.about-next{right: -4rem;color: #333}

/*solution*/
.solution{background: #fff;padding:6rem 0;position: relative;}
.solution .s_title{margin-bottom: 3rem;text-align: center;}
.solution .s_title h2{font-size: 2.5rem;margin-bottom: 2rem;color:#000}
.solution_con{position: relative;margin-bottom: 4rem;}
.solution_l{width: 49%;background: #f8f8f8;padding: 3rem 4rem;padding-top: 2.5rem;box-sizing: border-box;border-radius: 0.5rem;float: left;transition: 1s}
.solution_l li{position: relative;}
.solution_l li span{font-size: 1.5rem;line-height: 3.5;color: #333;display: inline-block;left: 0;position: relative;transition: 0.5s;opacity: 0.3}
.solution_l li.on span{left: 4rem;opacity: 1}
.solution_l li em{background: url(../images/s_icon.png) left center no-repeat;background-size:cover;position: absolute;left: 10px;top: 1.25rem;opacity: 0;width: 3rem;height: 3rem;transition: 0.5s;}
.solution_l li.on em{opacity: 1;left: 0}
.solution_r{width: 68%;position: absolute;right: 0;top: 2rem;z-index: 3;float: right;transition: 0.5s;overflow: hidden;}
.solution_r li{border-radius: 1rem;overflow:hidden;position: relative;transition: 0.5s}
.solution_r li a{display: block;}
.solution_r li .solution_r_cons{position: absolute;bottom: 0;width: 100%;padding: 5rem 3rem 3rem;background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));color: #fff}
.solution_r li .solution_r_cons h6{font-size: 1.75rem;margin-bottom: 1.25rem;}
.solution_r li .solution_r_cons p{font-size: 1rem;line-height:1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.solution_r .swiper-slide{opacity:0!important}
.solution_r .swiper-slide-active{opacity:1!important}


.pro{position: relative;overflow:hidden;z-index: 99;margin-bottom:4rem}
.pro h4{font-size: 1.5rem;padding-left: 2.5rem;position: relative;margin-bottom: 2rem}
.pro h4:before{content: '';left: 0;top: 0.375rem;width: 2rem;height: 1rem;background-image: url(../images/h_arrow.png);background-size:cover;position: absolute;}
.pro .pro_more{position: absolute;right: 0;top: 0;font-size: 1.25rem;color: #333}
.pro ul li{position: relative;padding:2.5rem 2rem;border-radius: 0.5rem;overflow: hidden;}
.pro ul li .pro-text{height:8rem}
.pro ul li span{font-size: 1.5rem;margin-bottom: 1.5rem;color: #fff;display: block;}
.pro ul li p{font-size: 1rem;color: #fff;line-height: 1.5;font-weight: lighter;}
.pro ul li a{margin-top: 2rem;}
.pro ul li img{transition: 0.5s;}

/*honor*/
.honor{background: url(../images/honor_bg.jpg);background-size: cover;padding:6rem 0;position: relative;z-index:9999}
.honor .s_title{margin-bottom: 3rem;text-align: center;}
.honor .s_title h2{font-size: 2rem;margin-bottom: 2rem}
.honor_l_con{float: left;width: 49%;margin-right:2%;}
.honor_r_con{float: left;width: 49%;}
.honor_l{float: left;width: 49%;margin-right:2%;overflow: hidden;position: relative;}
.honor_l h4{font-size: 1.5rem;padding-left: 2.5rem;position: relative;margin-bottom: 2rem}
.honor_l h4:before{content: '';left: 0;top: 0.375rem;width: 2rem;height: 1rem;background-image: url(../images/h_arrow.png);background-size:cover;position: absolute;}
.honor_l li img{width: 100%}
.honor_l .honor_more{position: absolute;right: 0;top: 0;font-size: 1.25rem;color: #333}
.honor_l .honor_more:hover{color: #0b3caa}
.honor_l .swiper-slide h6{font-size: 1rem;padding:1rem 1rem;background-color: rgba(58,86,182,0.8);color: #fff;text-align: center;display: inline-block;position: absolute;bottom: 2rem;left: 0;border-bottom: 2px solid #3a56b6;line-height:1.5}
.honor_l .swiper-slide img{border:1px solid #ddd}
.honor_r{float: left;width: 49%;overflow: hidden;position: relative;}
.honor_r img{border: 1px solid #ddd;}
.honor_r h4{font-size: 1.5rem;padding-left: 2.5rem;position: relative;margin-bottom: 2rem}
.honor_r h4:before{content: '';left: 0;top: 0.375rem;width: 2rem;height: 1rem;background-image: url(../images/h_arrow.png);background-size:cover;position: absolute;}

.honor_r .honor_more{position: absolute;right: 0;top: 0;font-size: 1.25rem;color: #333}
.honor_r .honor_more:hover{color: #0b3caa}
.honor_r p{font-size:1.125rem;line-height:2;margin-bottom:1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.honor_r .honor_r_b{margin-top:1.75rem;display: flex;justify-content: space-between;}
.honor_r .honor_r_b ul li{font-size:1.125rem;height:25%;border-bottom:1px solid #ddd;padding-top:1.5rem}
.honor_r .honor_r_b ul li img{max-width:1.125rem;margin-right:1rem}
.honor_r .honor_r_b>img{max-width:64%}
.honor-dots{position: absolute;bottom: 2rem;right: 2rem;}
.honor-dots .swiper-pagination-bullet{width: 1rem;height:1rem;background-color: #fff;border-radius: 0.5rem;margin:0 0.25rem;}
.honor-dots .swiper-pagination-bullet-active{width: 2rem;height:1rem;background-color: #fff}
.mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position:fixed; top:0; left: 0; z-index: 9998; display: none;}
.wrap_big{ width: 100%; position: fixed; left: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 9999; display: none; }
.wrap_big{text-align:center;}
.wrap_big .swiper-slide img{max-height:70vh;max-width:70%;}
.popClose{width: 27px;height: 27px;background: rgba(255,255,255,0.2) url(../images/close.png) no-repeat center;border: 1px solid rgba(255,255,255,0.2);position: absolute;right: 1rem;top: 1rem;cursor: pointer;z-index: 99999;}
.wrap-big-next{color:#fff}
.wrap-big-prev{color:#fff}
/*news*/
.news{background: #fff;padding:6rem 0;position: relative;}
.news .s_title{margin-bottom: 3rem;text-align: center;}
.news .s_title h2{font-size: 2.5rem;margin-bottom: 2rem}
.news_l{float: left;width: 49%;margin-right:2%;}
.news_l div{height: 30rem;}
.news_r{float: right;width: 49%}
.news_r li{height: 14rem;margin-bottom: 2rem;}
.news_r_pic{height: 14rem;width: 50%;float: left;}
.news_r li .news_r_texts{width: 50%;float: right;padding:2rem;background-color: #f8f8f8;height: 14rem}
.news_r li .news_r_texts h6{font-size: 1.125rem;font-weight:normal;color: #000;line-height: 1.5;margin-bottom: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_r li .news_r_texts p{font-size: 1rem;color: #666;margin-bottom: 2rem}
.news_r li .news_r_texts a.news-a{color: #333;font-size: 1rem}
.news_r li .news_r_texts h6:hover{color: #0b3caa}
.news_r li .news_r_texts a.news-a:hover{color: #0b3caa}
.news_r li:last-child{margin-bottom: 0;}
.news_r li:last-child .news_r_pic{display: none;}
.news_r li:last-child .news_r_texts{width: 100%;background-color: #0352b8}
.news_r li:last-child .news_r_texts h6{color: #fff;}
.news_r li:last-child .news_r_texts p{color: #ffff}
.news_r li:last-child .news_r_texts a.news-a{color: #fff}
.news-a{position: relative;}
.news-a:before{content: '';position: absolute;right: -1.75rem;width: 1.5rem;height: 0.5rem;background: url(../images/more.png) center;top: 0.25rem}
.news_r li:last-child .news_r_texts a.news-a:before{filter: grayscale(100%) brightness(1000%);}

.news-list .news-more{width: 100%;text-align: center;margin-top:5rem;}
.news-list .news-more a{width: 17rem;height: 5rem;background: url(../images/news_more.png);background-size: cover;display: inline-block;line-height: 5rem;font-size: 1.125rem;font-weight: bold;color: #015198}
.news .xin_a{width: 100%;text-align: center}
.news .xin_a a{margin-top: 3rem;width: 17rem;height: 5rem;background: url(../images/news_more.png);background-size: cover;display: inline-block;line-height: 5rem;font-size: 1.125rem;font-weight: bold;color: #015198;}


/*join*/
.join{background: url(../images/join-bg.jpg) center;background-size: cover;padding-top: 5rem;padding-bottom:5rem;text-align: center;}
.join h2{font-size: 2.5rem;color: #fff;transition: 0.5s}
.join span{font-size: 1.25rem;color: #fff;margin-top: 1.5rem;display: block;}
.join .xin_a a{margin-top: 3rem;width: 17rem;height: 5rem;background: url(../images/news_more.png);background-size: cover;display: inline-block;line-height: 5rem;font-size: 1.125rem;font-weight: bold;color: #015198;filter: grayscale(100%) brightness(1000%);transition:1s}
.join .xin_a a:hover{transform: translateY(-6px);}
/*footer*/
.footer{background: #151721;}
.footer .wrap{display: flex;justify-content: space-between;flex-flow:wrap;}
.footer .footer_left{padding: 2.5rem 0;float: left;}
.footer .footer_left img{height: 4rem;}
.footer .footer_left h6{font-size: 1rem;color: #fff;margin-bottom: 1rem;margin-top: 1rem;}

.footer .footer_left ul{display: flex;justify-content: space-between;margin-top:2rem;}
.footer .footer_left ul li{width:20%}
.footer .footer_left ul li h6{font-size: 1rem;color: #fff;margin-bottom: 1rem;font-weight: normal;}
.footer .footer_left ul li a{display: block;font-size: 1rem;color:#999;padding:0.5rem 0;}
.footer .footer_left ul li a:hover{color: #fff;}
.footer .footer_mid{float:left;padding: 3rem 1rem;}
.footer .footer_mid p{color:#aaa;font-size:1rem;line-height:1.75;}
.footer .footer_mid p span{color:#aaa;font-size:1rem;line-height:1.75;padding-left:1.75rem;position:relative;}

.footer .footer_mid b{color:#fff;font-size:1rem;font-weight:normal;font-family:'arial'}
.footer .footer_mid p:first-child{margin-bottom:0.5rem}
.footer .footer_mid p:first-child span:before{position:absolute;content:'';left:0;top:0rem;width:1.5rem;height:1.5rem;background-image:url(../images/phone.png);background-size:cover}
.footer .footer_mid p:nth-child(2) span:before{position:absolute;content:'';left:0;top:0rem;width:1.5rem;height:1.5rem;background-image:url(../images/mail.png);background-size:cover}
.footer .footer_mid ul{margin-top:1rem}
.footer .footer_mid ul li{position:relative;display:inline-block;margin-right:0.5rem}
.footer .footer_mid ul li div{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #999;cursor: pointer;}
.footer .footer_mid ul li img{display:none;width:6rem;position:absolute;left:3rem;top:0rem;max-width:unset;opacity:0;transition:1s}
.footer .footer_mid ul li:hover img{display:block;opacity:1}


.footer .footer_right{padding: 3rem 0;}
.footer .footer_right h6{font-size: 1.125rem;color: #fff;font-weight:normal}
.footer .footer_right ul{display: flex;justify-content: space-between;}
.footer .footer_right ul li{color: #fff;font-size: 1rem;text-align: center;margin-left:2rem}
.footer .footer_right ul li:first-child{margin-left:0}
.footer .footer_right ul li img{margin-bottom: 1rem;}
.footer .footer_right p{font-size: 1rem;margin-top:2rem;color: #fff;display: inline-block;}
.footer .footer_right span{font-size: 1.5rem;margin-top: 0.5rem;color: #fff;display: inline-block;}
.footer_last{background: #151721;border-top:1px solid #4c4d4e;line-height: 4rem;}
.footer_last .wrap{display: flex;justify-content: space-between;}
.footer_last .footer_copy{color: #999;width: 70%}
.footer_last .footer_copy p{font-size: 1rem;}
.footer_last .footer_copy a{margin-left: 1rem;color:#999;}
.footer_last .footer_link>div{border: 1px solid #333;display: inline-block;padding:0.5rem 1rem;color: #fff;line-height: 1.5;font-size: 1rem;text-align: left;cursor: pointer;position: relative;}
.footer_last .footer_link>div ul{display: none;position: absolute;bottom: 2.5rem;left: 0;right:0;background-color: #222;}
.footer_last .footer_link>div:hover ul{display: block;}
.footer_last .footer_link>div ul li{padding:0.5rem 1rem;}
.footer_last .footer_link>div ul li:hover{background: linear-gradient(to right, #003fbb, #008ae7);}

.n_banner{padding-top: 14rem;padding-bottom:9rem}
.n_banner h6{font-size: 2.5rem;color: #fff;margin-bottom: 1rem;font-weight: bold;}
.n_banner p{font-size: 1.25rem;color: #fff;line-height:2}
.n_nav{line-height: 4;border-bottom: 1px solid #ddd}
.n_nav .wrap{display: flex;justify-content: space-between;}
.n_nav ul.n_nav_left{display: flex;justify-content: space-between;}
.n_nav ul.n_nav_left li{margin-right: 2rem;position: relative;}
.n_nav ul.n_nav_left li a{display: block;}
.n_nav ul.n_nav_left li:last-child{margin-right: 0;}
.n_nav ul.n_nav_left li:before{content: '';position: absolute;bottom: 0;width: 0%;background-color: #015198;height: 2px;transition: 0.5s}
.n_nav ul.n_nav_left li:hover::before{width: 100%}
.n_nav ul.n_nav_left li.on:before{width: 100%}
.n_nav ul.n_nav_left li.on a{color: #015198}
.n_nav .n_nav_right{padding-left: 1.5rem;position: relative;}
.n_nav .n_nav_right:before{position: absolute;content: '';width: 1rem;height: 1rem;background-image: url(../images/n_home.png);background-size: cover;left: 0;top: calc(50% - 0.5rem)}
.pagelist{padding:3rem 0 5rem;margin:0 auto;text-align: center;font-size: 1rem;}
.pagelist a{padding:0.5rem 0.75rem;border:1px solid #ddd;margin:0 0.25rem;display:inline-block}
.pagelist a:hover{border:1px solid #015198;}
.pagelist b{padding:0.5rem 0.75rem;border:1px solid #015198;margin:0 0.25rem;background-color: #015198;font-weight: normal;color: #fff}
.n_fanye{margin-top:2rem}
.n_fanye a{display:block;line-height:1.5;padding:0.5rem 0;border-bottom:1px solid #ddd}
.n_fanye a:last-child{border-bottom:0}

.n_about_banner{padding-top: 12rem;height: 45rem;}
.n_about_banner h6{line-height: 1.5;font-size: 2.5rem}
.n_about_banner p{font-size: 1rem;line-height: 2;}
.n_about_one{padding:5rem 0}
.n_about_one_t{display: flex;justify-content: space-between;}
.n_about_one_t h6{font-size:2.5rem;color:#333;position:relative}
.n_about_one_t h6:after{content:"";position:absolute;left:0;top:4rem;width:5rem;height:3px;background: linear-gradient(to right, #003fbb, #008ae7);}
.n_about_one_t p{font-size:2rem;color:#333;width:75%;line-height:1.5;display:block}
.n_about_one_b{display: flex;justify-content: space-between;margin-top:3rem}
.n_about_one_b_l ul li{padding-left:4rem;margin-bottom:3rem;color:#666;position:relative}
.n_about_one_b_l ul li:before{content:'';position:absolute;left:0;top:0;width:3rem;height:3rem;background-size: cover;}
.n_about_one_b_l ul li:nth-child(1):before{background: url(../images/about_1.jpg);}
.n_about_one_b_l ul li:nth-child(2):before{background: url(../images/about_2.jpg);}
.n_about_one_b_l ul li:nth-child(3):before{background: url(../images/about_3.jpg);}
.n_about_one_b_l ul li span{font-size:3rem;font-weight:bold;color:#000;display:block;margin-bottom:1rem;line-height:1}
.n_about_one_b_l ul li span a{color:#000}
.n_about_one_b_l ul li span a:hover{color:#000}
.n_about_one_b_l ul li span b{font-size:2rem;margin-left:0.25rem}
.n_about_one_b_l ul li:nth-child(3) span b{font-size:1.5rem}
.n_about_one_b_r{width:75%;font-size:1rem;line-height:2}

.n_about_two{padding:5rem 0;position:relative;background: url(../images/about_bj.png) center;background-size: cover;background-attachment:fixed}
.n_about_two_t{display: flex;justify-content: space-between;}
.n_about_two_t h6{font-size:2.5rem;color:#333;position:relative;}
.n_about_two_t h6:after{content:"";position:absolute;left:0;top:4rem;width:5rem;height:3px;background: linear-gradient(to right, #003fbb, #008ae7);}

.n_about_two_b{position:relative}
.n_about_histroy{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin-top:3rem}
.n_about_histroy .wrap{}
.n_about_two_b_m{display:none;}

.n_about_two_b ul{height:640px;}
.n_about_two_b ul li{margin-bottom:3rem;color:#666;position:relative;opacity:0}
.n_about_two_b ul li .year{font-size:1.75rem;margin-bottom:1rem;position:relative;color:#015198;font-weight:bold}

.n_about_two_b ul li .txt{position:absolute;padding-left:1.5rem;width:150%}
.n_about_two_b ul li .txt:before{content: "";background: #fff;display: block;width: 7px;height: 7px;position: absolute;z-index: 99;left: 0;top: 12px;border: 2px solid #015198;border-radius: 50%;}
.n_about_two_b ul li .txt:after{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 12px;background: #c7dcef;left: 5px;border-radius: 50%;}
.n_about_two_b ul li .txt .con p{font-size:1rem;line-height:1.5;margin-bottom:0.5rem;position:relative;color:#000}
/*.n_about_two_b ul li .txt .con p:before {content: "";display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #626262;position: absolute;left: 0;top: 0.75rem;}*/
.n_about_two_b ul li.first .txt{bottom: 53%;padding-bottom: 2.5rem;}
.n_about_two_b ul li.second .txt{top: 44%;padding-top: 5rem;}
.n_about_two_b ul li.second .txt:before{top:5.75rem;}
.n_about_two_b ul li.second .txt:after{height:5.75rem}
.n_about_two_b ul li.third .txt{bottom: 48%;padding-bottom: 2rem;}
.n_about_two_b ul li.forth .txt{top: 54%;padding-top: 3rem;}
.n_about_two_b ul li.forth  .txt:before{top:3.75rem;}
.n_about_two_b ul li.forth  .txt:after{height:3.75rem}
.n_about_two_b ul li.fifth .txt{bottom: 56%;padding-bottom:6rem;}
.n_about_two_b ul li.first,.n_about_two_b ul li.second,.n_about_two_b ul li.third,.n_about_two_b ul li.forth,.n_about_two_b ul li.fifth{opacity:1}
.licheng_line{padding-bottom:4rem;width:100%}
/*n_news*/
.n_news{background-color:#f5f5f5}
.n_news .n_news_top{display: flex;justify-content: space-between;padding: 5rem 0 3rem ;}
.n_news .n_news_top img{width: 50%}
.n_news .n_news_top .n_news_top_right{padding:3rem;background-color: #fff}
.n_news .n_news_top .n_news_top_right span{font-size: 1rem;color: #015198;margin-bottom: 1rem;display: inline-block;}
.n_news .n_news_top .n_news_top_right h6{font-size: 1.5rem;color: #000;margin-bottom: 1rem;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news .n_news_top .n_news_top_right h6:hover{color: #015198}
.n_news .n_news_top .n_news_top_right p{font-size: 1rem;color:#666;line-height: 1.5;margin-bottom: 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.n_news .n_news_top .n_news_top_right a.news-a{font-size: 1rem;color: #333;margin-top: 2rem;display: inline-block;}
.n_news .n_news_top .n_news_top_right a.news-a:hover{color: #015198}
.n_news .n_news_list li{display: flex;justify-content: space-between;align-items: center;padding:2rem;background-color: #fff;margin-bottom: 2rem;transition: 0.5s;position: relative;}
.n_news .n_news_list li:before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 2px;background-color: #015198;transition: 0.5s;}
/*.n_news .n_news_list li .n_news_list_left{width: 6%;text-align: center}*/
/*.n_news .n_news_list li .n_news_list_left p{font-size: 2rem;color:#015198;font-weight: bold;margin-bottom: 0.5rem;font-family: 'arial'}*/
/*.n_news .n_news_list li .n_news_list_left span{padding:0.25rem 1rem;color: #fff;font-size: 1rem;border-radius: 1rem;background-color:#015198;font-family: 'arial';margin-bottom: 0.25rem;display: inline-block;}*/

.n_news .n_news_list li .n_news_list_right{width: 100%;}
.n_news .n_news_list li .n_news_list_right h6{font-size: 1.25rem;color: #000;margin-bottom: 1rem}
.n_news .n_news_list li .n_news_list_right span{color:#666;margin-bottom:0.5rem;display:block}
.n_news .n_news_list li .n_news_list_right p{font-size: 1rem;margin-bottom:1rem;color: #666;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news .n_news_list li .n_news_list_right .news-a{display:inline-block}
.n_news .n_news_list li:hover::before{width: 100%}
.n_news .n_news_list li:hover{box-shadow: 0 0 25px #ddd;}
.n_news .n_news_list li:hover .n_news_list_right h6{color: #015198}
.n_news .n_news_list a:nth-last-child(2) li{margin-bottom:0}
.n_fixed{position:fixed;right:calc(50% - 700px);top:6rem}
.n_absolute{position:absolute;right:0;bottom:2.5rem;top:unset}

/*n_detail*/
.n_detail .wrap{display: flex;justify-content: space-between;padding-top:5rem;padding-bottom: 5rem}
.n_detail .n_detail_left{width: calc(100% - 26rem)}
.n_detail .n_detail_left h6{font-size: 1.75rem;color: #000;margin-bottom: 2rem;line-height:1.5}
.n_detail .n_detail_left>span{font-size: 1rem;padding-bottom: 1rem;display: block;border-bottom:1px solid #ddd;margin-bottom: 2rem;}
.n_detail .n_detail_left .n_content{font-size:1rem;line-height: 2;}
.n_detail .n_detail_left .n_content strong{}
.n_detail .n_detail_left .n_content img{height:auto!important}
.n_detail_right{width: 22rem;}
.n_detail_right .n_detail_right_top{background-color: #f5f5f5;padding:2.5rem;margin-bottom: 2rem;border-radius:0.5rem}
.n_detail_right .n_detail_right_top h6{font-size: 1.5rem;color:#000;display: inline-block;position: relative;padding-bottom:1rem}
.n_detail_right .n_detail_right_top h6:before{position: absolute;content: '';right: -1rem;top: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border:1px solid #015198;}
.n_detail_right .n_detail_right_top li{padding:1.25rem 0;border-bottom: 1px solid #ddd}
.n_detail_right .n_detail_right_top li span{font-size: 1rem;color: #000;line-height: 1.5;margin-bottom: 0.5rem;display: block;}
.n_detail_right .n_detail_right_top li p{font-size: 1rem;color: #666;}
.n_detail_right .n_detail_right_top li:hover span{color: #015198}
.n_detail_right .n_detail_right_top a:last-child li{border-bottom:0}
.n_detail_right .n_detail_right_bottom{background-color: #f5f5f5;padding:2.5rem;}
.n_detail_right .n_detail_right_bottom h6{font-size: 1.5rem;color:#333;display: inline-block;padding-bottom: 1rem;position: relative;}
.n_detail_right .n_detail_right_bottom h6:before{position: absolute;content: '';right: -1rem;top: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border:1px solid #015198;}
.n_detail_right .n_detail_right_bottom span{font-size: 1rem;color: #666;display: block;margin-bottom: 2rem;}
.n_detail_right .n_detail_right_bottom ul{display: flex;justify-content: space-between;}
.n_detail_right .n_detail_right_bottom ul li{width: 48%;text-align: center;border:1px solid #ddd;padding:1rem;}
.n_detail_right .n_detail_right_bottom ul li img{width: 8rem;display: inline-block;}
.n_detail_right .n_detail_right_bottom ul li p{display: block;font-size: 1rem;color: #333;margin-top: 1rem;}
.n_detail_right_top_down{margin-bottom: 1rem;color: #666}
.n_detail_right_top_down_a{background: linear-gradient(to right, #003fbb, #008ae7);color: #fff;padding:0.75rem 1rem;font-size: 1rem;border-radius: 1.5rem;display: inline-block;}
.n_detail_right_top_down_a:hover{color: #fff;}

.n_pro{padding-top:0rem;}
.n_pro ul li{padding:4rem 0}
.n_pro ul li .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.n_pro ul li .n_pro_left{width: 45%;}
.n_pro ul li .n_pro_left h6{font-size: 2.25rem;margin-bottom: 3rem;position: relative;}
.n_pro ul li .n_pro_left h6:after{position: absolute;content: '';bottom: -1.5rem;left: 0;width: 3rem;height: 2px;background-color:#0060e1;}
.n_pro ul li .n_pro_left p{font-size: 1.125rem;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 2rem;}
.n_pro ul li .wrap>a{width: 50%;text-align: center;}
.n_pro ul li:nth-child(2n){background-color: #f5f5f5;}
.n_pro ul li:nth-child(2n) .wrap{flex-flow: row-reverse;}
.n_detail_t{padding:4rem 0}
.n_detail_t .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.n_detail_t .n_detail_t_l {width: 45%;}
.n_detail_t .wrap>a{max-width:50%}
.n_detail_t .n_detail_t_l h6{font-size: 2.25rem;margin-bottom: 3rem;position: relative;}
.n_detail_t .n_detail_t_l h6:after{position: absolute;content: '';bottom: -1.5rem;left: 0;width: 3rem;height: 2px;background-color:#0060e1;}
.n_detail_t .n_detail_t_l p{font-size: 1.125rem;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 2rem;}
.n_detail_m{padding:4rem 0 2rem;background-color: #f5f5f5;}
.n_detail_m h6{font-size: 2.5rem;margin-bottom: 4rem;position: relative;text-align: center;}
.n_detail_m h6:after{position: absolute;content: '';bottom: -2rem;left: calc(50% - 1.5rem);width: 3rem;height: 2px;background-color:#0060e1;}
.n_detail_m ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.n_detail_m ul li{width: calc(50% - 1rem);background-color: #fff;border-radius: 0.5rem;margin-bottom: 2rem;padding:2.5rem 3rem;transition: 0.5s;}
.n_detail_m ul li:hover{transform: translateY(-10px);}
.n_detail_m ul li strong{font-size: 1.25rem;color:#0352b8;margin-bottom: 1rem ;display: block;}
.n_detail_m ul li h2{font-size: 1.5rem;margin-bottom: 1rem;font-weight: normal;}
.n_detail_m ul li p{font-size: 1rem;line-height: 1.75;color:#666;height: 5.25rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.n_detail_b{padding:4rem 0 4rem;background-color: #fff;}
.n_detail_b h6{font-size: 2.5rem;margin-bottom: 4rem;position: relative;text-align: center;}
.n_detail_b h6:after{position: absolute;content: '';bottom: -2rem;left: calc(50% - 1.5rem);width: 3rem;height: 2px;background-color:#0060e1;}
.n_detail_b ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.n_detail_b ul li{width: calc(33.3333% - 1rem);background-color: #f5f5f5;border-radius: 0.5rem;margin-bottom: 2rem;padding:9rem 3rem 2.5rem;text-align: center;position: relative;transition: 0.5s;}
.n_detail_b ul li:hover{transform: translateY(-10px);}
.n_detail_b ul li:before{content: '';position: absolute;top: 2.5rem;width: 5rem;height: 5rem;left: calc(50% - 2.5rem);background-image: url(../images/ys-icon.png);}
.n_detail_b ul li h2{font-size: 1.5rem;margin-bottom: 1rem;font-weight: bold;}
.n_detail_b ul li p{font-size: 1rem;line-height: 1.75;color:#666;height: 5.25rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/*n_solution*/
.n_solution{background-color:#f5f5f5}
.n_solution .n_solution_ul{;padding: 5rem 0 3rem ;}
.n_solution .n_solution_ul li{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3rem;border-radius:0.5rem;overflow:hidden}
.n_solution .n_solution_ul li:hover{box-shadow: 0 0 25px #ddd;}
.n_solution .n_solution_ul li>a{width:50%}
.n_solution .n_solution_ul li>a img{width: 100%;height:100%}
.n_solution .n_solution_ul li:nth-child(2n){flex-flow: row-reverse;}
.n_solution .n_solution_ul .n_solution_right{padding:3rem;background-color: #fff;width: 50%}
.n_solution .n_solution_ul .n_solution_right span{font-size: 1rem;color: #015198;margin-bottom: 1rem;display: inline-block;}
.n_solution .n_solution_ul .n_solution_right h6{font-size: 1.75rem;color: #000;margin-bottom: 2rem;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_solution .n_solution_ul .n_solution_right h6:hover{color: #015198}
.n_solution .n_solution_ul .n_solution_right p{font-size: 1rem;color:#333;line-height: 2;margin-bottom: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.n_solution .n_solution_ul .n_solution_right a.news-a{font-size: 1rem;color: #333;margin-top: 2rem;display: inline-block;}
.n_solution .n_solution_ul .n_solution_right a.news-a:hover{color: #015198}


/*n_down*/
.n_down .wrap{display: flex;justify-content: space-between;padding-top:3rem;padding-bottom: 3rem;}
.n_down .n_down_left{width: 62%}
.n_down .n_down_left ul.n_down_list li{padding:1.5rem 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd}
.n_down .n_down_left ul.n_down_list li .n_down_list_left{font-size: 1rem}
.n_down .n_down_left ul.n_down_list li .n_down_list_right img{margin-right:0.5rem;filter: grayscale(1);opacity: 0.5;width: 2rem;height: 2rem;}
.n_down .n_down_left ul.n_down_list li .n_down_list_right:hover img{filter: grayscale(0);opacity: 1;}

.down_link{margin-top: 2rem;display: block;}
.down_link img{margin-right:0.5rem;}
/*n_guide*/
.n_guide .wrap{display: flex;justify-content: space-between;padding:5rem 0;}
.n_guide .n_guide_left{width: 62%}
.n_guide .n_guide_left .n_guide_left_list{padding:0rem 0 3rem;margin-bottom: 3rem;border-bottom: 1px solid #ddd}
.n_guide .n_guide_left .n_guide_left_list:last-child{border-bottom: 0}
.n_guide .n_guide_left .n_guide_left_list h6{font-size: 1.75rem;margin-bottom: 2rem;color: #333}
.n_guide .n_guide_left .n_guide_left_list .n_guide_con{font-size: 1rem;line-height: 2;color: #333}

/*n_career*/
.n_career_one{padding: 5rem 0;}
.n_career_one_t{display: flex;justify-content: space-between;}
.n_career_one_t h6{font-size:2.5rem;color:#333;position:relative}
.n_career_one_t h6:after{content:"";position:absolute;left:0;top:4rem;width:5rem;height:3px;background: linear-gradient(to right, #003fbb, #008ae7);}
.n_career_one_t p{font-size:1.25rem;color:#333;width:66%;line-height:1.75;display:block}
.n_career_one_b{margin-top:3rem}
.n_career_one_b ul{display: flex;justify-content: flex-start}
.n_career_one_b ul li{width:32%;margin-right:2%}
.n_career_one_b ul li .img{transition: all .4s;overflow: hidden;}
.n_career_one_b ul li .img img{transition: all .4s;}
.n_career_one_b ul li:nth-child(3n){margin-right:0}
.n_career_one_b ul li span{font-size:2rem;margin-top:2rem;font-weight:bold;display:block}
.n_career_one_b ul li p{font-size:1.125rem;margin-top:1rem;line-height:2;display:block}
.n_career_one_b ul li:hover .img img{transform: scale(1.1);}
.n_career_one_b ul li:hover span{color:#015198}
.n_career_two{padding-top: 5rem;background-image:url(../images/career_two_bg.jpg);background-size:cover}
.n_career_two_t{display: flex;justify-content: space-between;}
.n_career_two_t h6{font-size:2.5rem;color:#fff;position:relative}
.n_career_two_t h6:after{content:"";position:absolute;left:0;top:4rem;width:5rem;height:3px;background: #fff;}
.n_career_two_t p{font-size:1.25rem;color:#fff;width:66%;line-height:1.75;display:block}
.n_career_two_b{margin-top:5rem;}
.n_career_two_b ul{display: flex;justify-content: flex-start}
.n_career_two_b ul li{width:32%;margin-right:2%;padding-left:1.5rem;padding-bottom:8rem;border-left:1px solid #4982c5;}
.n_career_two_b ul li span{font-size:2rem;margin-bottom:2rem;color:#fff;font-weight:bold;display:block}
.n_career_two_b ul li .img{transition: all .4s;overflow: hidden;}
.n_career_two_b ul li .img img{transition: all .4s;}
.n_career_two_b ul li:nth-child(3n){margin-right:0}
.n_career_two_b ul li p{font-size:1.125rem;margin-top:1rem;line-height:2;display:block;color:#fff}
.n_career_two_b ul li:hover .img img{transform: scale(1.1);}
.n_career_three{padding: 5rem 0;}
.n_career_three_t{display: flex;justify-content: space-between;}
.n_career_three_t h6{font-size:2.5rem;color:#333;position:relative}
.n_career_three_t h6:after{content:"";position:absolute;left:0;top:4rem;width:5rem;height:3px;background: linear-gradient(to right, #003fbb, #008ae7);}
.n_career_three_t p{font-size:1.25rem;color:#333;width:66%;line-height:1.75;display:block}
.n_career_three_b{margin-top:3rem}
.n_career_three_b ul{display: flex;justify-content: flex-start;flex-wrap:wrap}
.n_career_three_b ul li{width:23.5%;margin-right:2%;margin-bottom:2%;text-align:center;background-color:#f5f5f5;padding:3rem 0;transition: all .4s;}
.n_career_three_b ul li .img{transition: all .4s;overflow: hidden;}
.n_career_three_b ul li .img img{transition: all .4s;}
.n_career_three_b ul li:nth-child(4n){margin-right:0}
.n_career_three_b ul li span{font-size:1.5rem;margin-top:2rem;display:block}
.n_career_three_b ul li:hover{box-shadow: 0 1px 20px rgb(0 0 0 / 15%);}

.n_career_four{padding: 5rem 0;background-color:#f5f5f5}
.n_career_four_t{display: flex;justify-content: space-between;}
.n_career_four_t h6{font-size:2.5rem;color:#333;position:relative}
.n_career_four_t h6:after{content:"";position:absolute;left:0;top:4rem;width:5rem;height:3px;background: linear-gradient(to right, #003fbb, #008ae7);}
.n_career_four_t p{font-size:1.25rem;color:#333;width:66%;line-height:1.75;display:block}
.n_career_four_b{margin-top:3rem;background:url(../images/career_four_bg.jpg) center;background-size:cover;padding:6rem 5rem;border-radius:1rem}
.n_career_four_b h6{font-size:2rem;color:#fff;margin-bottom:1rem}
.n_career_four_b span{font-size:1.5rem;color:#fff;}
.n_career_four_b ul{margin-top:3rem}
.n_career_four_b ul li{display:inline-block;}
.n_career_four_b ul li a{display:inline-block;color:#fff;padding:1rem 2rem;font-size:1rem;border-radius:2rem;border:1px solid #fff;margin-right:0.5rem;transition:0.5s}
.n_career_four_b ul li:last-child{margin-right:0}
.n_career_four_b ul li:first-child a{background-color:#fff;color:#0a0c1b}
.n_career_four_b ul li:hover a{box-shadow: 0 0px 20px 0 rgb(255 255 255 / 30%);transform: translateY(-6px);}
/*n_join*/
.n_join{background-color: #f5f5f5}
.n_join ul{padding: 3rem 0;}
.n_join ul li {margin-bottom: 1rem;border:1px solid #eee;}
.n_join ul li .top{position: relative;background: #fff;padding: 1.5rem 2rem;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.n_join ul li .top .need{}
.n_join ul li .top h5 {font-size: 1.25rem;color: #333;width: 35%;padding-left: 3rem;position: relative;}
.n_join ul li .top h5:before{content: '';width: 2rem;height: 2rem;background-image: url(../images/join.png);background-size: cover;position: absolute;left: 0;top: -0.25rem}
.n_join ul li .top .need{width: 60%;text-align: left;}
.n_join ul li .top .need p{display: inline-block;padding: 0 1.5rem;border-right: 1px solid #999;color: #333;font-size: 1rem}
.n_join ul li .top .need p:first-child{padding-left: 0;}
.n_join ul li .top .need p:last-child{border-right:unset;padding-right: 0}
.n_join ul li .top i {width: 18px;height: 18px;background: url(../images/join_jia.png) right no-repeat;width: 5%;}
.n_join ul li .ar_article {padding: 2rem;background: #ffff;display: none;display: flex;justify-content: space-between;flex-wrap: wrap;}
.n_join ul li .ar_article strong{font-size: 1.25rem;color: #333;margin-bottom: 0.5rem;display: inline-block;color: #1646b2}
.n_join ul li .ar_article p {font-size: 1rem;color: #333;line-height: 2;}
.n_join ul li a.open .top {background: #1646b2;}
.n_join ul li a.open .top h5 {color: #fff;font-size: 1.25rem}
.n_join ul li a.open .top i {background: url(../images/join_jian.png) right no-repeat;}
.n_join ul li a.open .top .need p{color: #fff;border-right: 1px solid #fff;}
.n_join ul li a.open .top .need p:last-child{border-right:unset;}
.n_join ul li a.open .top h5:before{filter: grayscale(100%) brightness(1000%);}
.n_join_l{width: 60%;border-right: 1px solid #ddd;padding-right: 5%}
.n_join_r{width: 40%;padding-left:5%;}
.n_join_r h6{font-size: 1.25rem;line-height: 2;color: #333;display: inline-block;margin-bottom: 0.5rem;color: #1646b2}
.yingpin{height:2.5rem;font-size: 1rem;padding: 0 2rem;line-height: 2.5rem;background-color: #fff;border: 1px solid #ddd;cursor:pointer;margin-top:2rem}
.windowmod{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;display: none;justify-content: center;align-items: center;z-index: 10;}
.bgmod{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgb(0,0,0,0.3);}
.contain{padding: 2.5rem;border-radius: 0.5rem;background-color: #ffffff;position: relative;z-index: 999999;}
.contain h6{font-size: 1.5rem;text-align: center;color: #333;margin-bottom: 1rem;display: block;}
.contain .biaodan_zp{margin-bottom: 1rem;}
.contain .biaodan_zp span{font-size: 1rem;line-height: 2rem;color: #333}
.contain .biaodan_zp .intxt{min-width: 20rem;height: 2.25rem;border:1px solid #ddd;padding:0 1rem;}
.contain .biaodan_tj{margin:0 auto;width: 100%;text-align: center;color: #333}
.contain .biaodan_tj .coolbg{width: 10rem;color: #333;font-size: 1rem;display: inline-block;line-height: 2.5rem;background:#f5f6fa;border:1px solid #ddd;margin-top: 0.5rem;cursor:pointer;}
.toudi{display: inline-block;padding:1rem 1.5rem;background-color: #1646b2;color: #fff;text-align: center;font-size: 1rem;border-radius:0.25rem;margin-top: 2rem }
.n_cg{padding-top:4rem}
.n_cg_con{padding:4rem 0}
.n_cg_con .wrap{overflow: hidden;}
.n_cg .n_cg_t{display: flex;justify-content:space-between;flex-wrap: wrap;position:relative}
.n_cg .n_cg_con:nth-child(2n){background-color: #f5f5f5}
.n_cg .n_cg_t h6{font-size: 1.5rem;padding-left: 2.5rem;position: relative;margin-bottom: 2rem;}
.n_cg .n_cg_t h6:before {content: '';left: 0;top: 0.375rem;width: 2rem;height: 1rem;background-image: url(../images/h_arrow.png);background-size: cover;position: absolute;}
.n_cg .n_cg_t .honor_more {position: absolute;right: 0;top: 0;font-size: 1.25rem;color: #333;}
.n_cg .n_cg_t .honor_more:hover{color:#1646b2}
.n_cg_con .wrap p{font-size: 1rem;text-align: center;margin-top: 1rem;display: block;line-height:1.5}
.n_cg_con .swiper-slide img{border:1px solid #ddd}
.swiper-pagination1{margin-top: 1rem;text-align: center;display: block;}
.swiper-pagination1 span{margin:0 0.25rem;}

.n_honor{padding:5rem 0;background: #f5f6fa}
.n_honor ul{display: flex;justify-content:left;flex-wrap: wrap;}
.n_honor ul li{width: 23.5%;margin-right: 2%;margin-bottom:1rem;}
.n_honor ul li:nth-child(4n){margin-right: 0;}
.n_honor ul li img{border:1px solid #ddd;width: 100%}
.n_honor ul li p{font-size: 1rem;text-align: center;display: block;margin-top:0.5rem;}
.n_honor ul li:hover img{border:1px solid #1646b2;}
.n_honor ul li:hover p{color: #1646b2}

.n_join_p{font-size: 1rem;color: #333;margin-top: 3rem;position: relative;padding-left: 3.5rem}
.n_join_p:before{content: '';width: 3rem;height: 3rem;background-image: url(../images/join_p.png);background-size: cover;position: absolute;left: 0;top: -0.5rem}
.n_join_p b{font-size: 1.5rem;color:#1646b2;font-weight: bold;display: inline-block; }
@media (min-width:1601px) and (max-width:1900px){
    .n_about_histroy{margin-top:0rem}
}
@media (min-width:1440px) and (max-width:1600px){
    .n_fixed{right:7.5%;top:6rem}
    .n_absolute{right:0;bottom:2.5rem;top:unset}
    .n_about_histroy{margin-top:-1rem}

}

@media  (min-width:767px) and (max-width:1440px){
    
    #nav>ul>li>a h3{font-size:1rem;line-height:4rem;height:4rem;}
    .header{height:4rem}

    #nav>ul>li ul.sub{top:4rem}
    .logo a{height: 4rem;}
    .logo a div{height: 4rem;}
    .logo a img{height:3.5rem}
    .banner{margin-top:4rem;}
    .banner .banner-txt{margin-top:7rem;}
    .banner .banner-txt h5{font-size:2.5rem}
    .banner .banner-txt p{font-size:1.125rem}
    .solution{padding: 4rem 0;}
    .about{padding: 4rem 0;}
    .about .s_title p{font-size:1rem}
    .about_m li .scene_num em{font-size:3.5rem}
    .about_m li .scene_p{font-size:1rem}
    .pro ul li p{font-size:0.875rem}
    .solution{padding: 4rem 0;}
    .solution_l li span{font-size:1.125rem}
    .solution_l li em{top:0.75rem}
    .solution_l{padding:2rem 3rem}
    .solution_r li .solution_r_cons h6{font-size:1.5rem}
    .solution_r li .solution_r_cons{padding:4rem 2rem 2rem;}
    .solution_r li .solution_r_cons p{line-height: 2;font-size:0.875rem}
    .solution_r{width:65%}
    .about .xin_a a{width: 13.5rem;height: 4rem;line-height: 4rem;}
    .footer .footer_right ul li{margin-left:1rem}
    .footer .footer_right h6{font-size:1rem;}
    .honor{padding: 4rem 0;}
    .honor_r p{font-size:1rem;line-height:1.5}
    .honor_r .honor_r_b ul li{font-size:1rem;}
    
    .news{padding: 4rem 0;}
    .news_l div{height:24rem}
    .news_r li{height:11rem}
    .news_r_pic{height:11rem}
    .news_r li .news_r_texts{height:11rem;padding:1rem}
    .news_r li .news_r_texts h6{font-size:1rem;margin-bottom:1rem}
    .news_r li .news_r_texts p{margin-bottom:1rem}
    .news .xin_a a{width: 13.5rem;height: 4rem;line-height: 4rem;}
    .join .xin_a a{width: 13.5rem;height: 4rem;line-height: 4rem;}
    .n_banner{padding-top:13rem}
    .n_news .n_news_top{padding: 3rem 0 2rem;}
    .n_solution .n_solution_ul{padding: 3rem 0 2rem;}
    .n_solution .n_solution_ul .n_solution_right h6{font-size:1.75rem}
    .n_detail .n_detail_left{width: calc(100% - 22rem)}
    .n_detail_right{width:18rem}
    .n_detail_right .n_detail_right_top{padding:1.5rem}
    .n_detail_right .n_detail_right_bottom{padding:1.5rem}
    .n_detail_right .n_detail_right_top li{padding:1rem 0}
    .n_detail_right .n_detail_right_top li span{font-size:0.875rem}
    .n_detail_right .n_detail_right_top li p{font-size:0.875rem}
    .n_fixed{right:7.5%;top:5rem}
    .n_absolute{right:0;bottom:2.5rem;top:unset}
    .n_detail_right .n_detail_right_bottom span{margin-bottom:1rem}
    .n_detail_right .n_detail_right_top h6{font-size:1.25rem}
    .n_detail_right .n_detail_right_bottom h6{font-size:1.25rem}
    .n_career_one{padding: 4rem 0;}
    .n_career_one_b ul li span{font-size:1.5rem}
    .n_career_one_b ul li p{font-size:1rem}
    
    .n_career_two{padding-top: 4rem;}
    .n_career_two_b{margin-top: 4rem;}
    .n_career_two_b ul li{padding-bottom: 6rem;}
    .n_career_two_b ul li span{font-size:1.5rem}
    .n_career_two_b ul li p{font-size:1rem}
    .n_career_three_b ul li{padding:2rem 0}
    .n_career_three_b ul li span{font-size:1.25rem}
    .n_career_three{padding: 4rem 0;}
    .n_career_four{padding: 4rem 0;}
    .n_about_histroy{margin-top:-4rem}
    .n_about_two_b ul li .year{margin-bottom:0.5rem;font-size:1.5rem}
    .n_about_one_t p{font-size:1.5rem}
    .n_about_two_b ul li .txt .con p{font-size:0.875rem}
    .n_about_two_b ul li .txt{padding-top:0.25rem}
    
    
}


@media (max-width:767px){
    .popClose{top:-3rem}
    .navMenu{margin-top:1.75rem}
    .wrap{width: 100%;padding:0 1rem;}
    .logo a img{height: 3rem}
    .header.hide{top: 0;}
    .banner .banner-ul li{height: 24rem;}
    .banner .banner-ul li img{display: none}
    .banner .banner-txt h5{font-size: 1.25rem;margin-bottom:1rem;}
    .banner .banner-txt p{font-size:1rem;}
    .banner .banner-txt{margin-top: 4rem;padding:0 1rem;}
    .about_m li .scene_p{font-size: 0.875rem;}
    .about_m li .scene_num{font-size: 2rem;}
    .about_m li .scene_num em{font-size: 3.5rem;}
    .about .s_title p{text-align:left;font-size: 1rem;}
    .about .s_title p br{display:none}
    .banner .wrap{padding:0;}
    .about{padding:3rem 0;}
    .about .s_title{margin-bottom:2rem;}
    .about_m{width: 100%;margin-bottom: 2rem}
    .about-next{right: 0;color: #fff}
    .about-prev{left: 0;color: #fff}
    .about .xin_a{margin-top: 2.5rem;}
    .bg_dong{transform: scale(0.8);top:-4rem;}
    .about .s_title h2{font-size: 1.75rem}
    .solution .s_title{margin-bottom: 1.5rem}
    .solution{padding:3rem 0;}
    .solution .s_title h2{font-size: 1.75rem;margin-bottom:1rem;}
    .solution_con{margin-bottom:0}
    .solution_l{width: 100%;padding:1.5rem;display:none;}
    .solution_r{width: 100%;position: relative;top:0}
    .solution_r li{border-radius:0.5rem}
    .solution_l li span{line-height: 3;font-size: 1.125rem}
    .solution_l li em{top: 0.25rem;}
    .solution_r li .solution_r_cons{padding:1.5rem 1rem;}
    .solution_r li .solution_r_cons p{line-height: 1.5;font-size:0.875rem}
    .solution_r li .solution_r_cons h6{font-size: 1.25rem;margin-bottom: 1rem;}
    .solution_r li a{height:200px;}
    .solution_r li a img{transform: scale(1.3);transform-origin: top center;}
    .honor .s_title h2{font-size: 1.75rem;margin-bottom: 1rem}
    .honor .s_title{margin-bottom: 2rem}
    .honor_l h4{font-size:1.25rem;margin-bottom:1rem}
    .honor_l h4:before{top:0.25rem}
    .honor_r h4{font-size:1.25rem;margin-bottom:1rem}
    .honor_r h4:before{top:0.25rem}
    .honor_r .honor_r_b{flex-wrap:wrap;margin-top:0}
    .honor_r p{-webkit-line-clamp: 3;font-size:1rem;}
    .honor_r .honor_r_b>img{max-width:100%;margin-top:2rem}
    .honor_r .honor_r_b ul li{line-height:3;padding-top:0rem}
    .honor{padding:3rem 0;}
    .honor_l{width: 100%;margin-right: 0;}
    .honor_r{width: 100%;margin-top:2rem;}
    .honor_l .honor_more{font-size: 1rem;}
    .honor_r .honor_more{font-size: 1rem;}
    .honor-dots .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem}
    .honor-dots{right: 1rem;}
    .honor_l .swiper-slide h6{padding:1rem 1.5rem;}
    .news{padding:3rem 0;}
    .news .s_title h2{font-size: 1.75rem}
    .news .s_title{margin-bottom: 2rem}
    .news_l{width: 100%;margin-right:0;height: 16rem;}
    .news_l div{height: 16rem}
    .news_r{width: 100%;margin-top: 1rem;}
    .news_r li{height: 10rem;margin-bottom:0}
    .news_r_pic{height: 10rem;width:100%}
    .news_r li .news_r_texts{height: 10rem;padding:1rem;width:100%;margin-bottom:1rem}
    .news_r li .news_r_texts h6{margin-bottom:1rem;font-size: 1rem;}
    .news_r li .news_r_texts p{margin-bottom:1rem;}
    .about .xin_a a{width: 12rem;height: 3.5rem;line-height: 3.5rem}
    .news .xin_a a{width: 12rem;height: 3.5rem;line-height: 3.5rem}
    .join{padding-top: 3rem;height: unset;padding-bottom:3rem}
    .join h2{font-size: 1.75rem;}
    .join span{line-height: 1.5;font-size: 1rem}
    .join .xin_a a{width:12rem;height:3.5rem;line-height:3.5rem;margin-top:1rem}
    .footer .footer_left ul{flex-wrap: wrap;width: 100%}
    .footer .footer_left ul li{width: 33%}
    .footer .footer_left{width: 100%;border-right: unset;padding-right: 0;padding:2rem 0 1rem}
    .footer .footer_left img{height:3rem}
    .footer .footer_left h6{font-size: 1.5rem}
    .footer .footer_right{display:none;}
    .footer .footer_mid{width:100%;padding:0;padding-bottom:2rem}

    .footer_last .footer_copy{width: 100%;line-height: 2;padding:1rem 0;}
    .footer_last .footer_copy p{font-size:0.875rem}
    .footer_last .footer_copy a{display: block;margin-left: 0;}
    .footer_last .wrap{flex-wrap: wrap;}
    .footer_link{display: none}

    .n_banner{height: unset;padding-top: 9rem;padding-bottom: 4rem;}
    .n_banner h6{font-size: 1.75rem;margin-bottom:1rem}
    
    .n_about_banner{height: 57rem;}
    .n_about_banner h6{font-size: 1.5rem}
    .n_about .n_about_top{margin-top: 3rem;margin-bottom:3rem;}
    .n_about .n_about_top h6{font-size: 2rem;margin-bottom: 2rem;}
    .n_about .n_about_top .n_about_top_con strong{font-size: 1rem;}
    .n_about_m{padding-top: 3rem;padding-bottom: 3rem;}
    .n_about_m h6{font-size: 2rem;}
    .n_about_b{padding-top: 3rem;padding-bottom: 3rem;}
    .n_about_b h6{font-size: 2rem;}
    .mask_lc{display:none!important;}
    .n_about_one{padding:3rem 0}
    .n_about_one_t{flex-wrap: wrap;}
    .n_about_one_t h6{font-size:1.75rem;width:100%}
    .n_about_one_t h6:after{top:2.5rem;width:3.5rem}
    .n_about_one_t p{width:100%;font-size:1rem;margin-top:1.5rem}
    .n_about_one_b{margin-top:2rem;flex-wrap: wrap;text-align:center}
    .n_about_one_b_l{width:100%}
    .n_about_one_b ul{display:flex;justify-content:space-between;width:100%}
    .n_about_one_b ul li{width:33.33%;padding-left:0;padding-top:3rem;font-size:0.875rem}
    .n_about_one_b_r{width:100%;text-align:left}
    .n_about_one_b_l ul li{margin-bottom:2rem}
    .n_about_one_b_l ul li:nth-child(1):before{left:calc(50% - 1.25rem);}
    .n_about_one_b_l ul li:nth-child(2):before{left:calc(50% - 1.25rem);}
    .n_about_one_b_l ul li:nth-child(3):before{left:calc(50% - 1.25rem);}
    .n_about_one_b_l ul li span{margin-bottom:0.5rem}
    
    
    .n_about_two{padding:3rem 0}
    .n_about_two h6{font-size:1.75rem;width:100%}
    .n_about_two h6:after{top:2.5rem;width:3.5rem}
    .n_about_two_b{display:none}
    .n_about_two_b_m{display:block}
    .n_about_two_b_m ul{margin-top:2rem}
    .n_about_two_b_m ul li{display:block;margin-bottom:2rem}
    .n_about_two_b_m ul li:last-child{margin-bottom:0}
    .n_about_two_b_m ul li .txt{margin-bottom:1rem}
    .n_about_two_b_m ul li .txt .year{font-size:1.25rem;color:#015198;margin-bottom:0.5rem}
    .n_about_two_b_m ul li .txt .con p{font-size:1rem;line-height:1.5;padding-left:0.5rem;position:relative}

    .n_banner{background-position: center!important;}
    .n_nav{display: none;}
    .n_banner p{font-size: 1rem;line-height: 2}
    .n_nav ul.n_nav_left li{line-height: 4rem}
    .n_nav .n_nav_right{display: none}
    
    .n_news .n_news_top{padding:3rem 0 0rem;flex-wrap: wrap;}
    .n_news .n_news_top img{width: 100%}
    .n_news .n_news_top .n_news_top_right{width: 100%;margin-top: 0rem;padding:1.5rem;}
    .n_news .n_news_top .n_news_top_right h6{font-size: 1.25rem;}
    .n_news .n_news_list{padding-top:2rem}
    .n_news .n_news_top .n_news_top_right p{margin-bottom:0.5rem}
    .n_news .n_news_list li{padding:1.5rem}
    .n_news .n_news_list li .n_news_list_right h6{line-height: 1.5;font-size:1.25rem}
    .n_news .n_news_top .n_news_top_right a.news-a{margin-top:0rem;}
    .n_news .n_news_list li .n_news_list_right{width: 100%;}
    .n_detail_right{margin-top:0;display:none!important}
    .n_detail_right .n_detail_right_top li span{font-size: 1.125rem}
    .n_detail .wrap{padding-top: 3rem;padding-bottom: 3rem;flex-wrap: wrap;}
    .n_detail .n_detail_left{width: 100%;margin-bottom: 0rem}
    .n_detail .n_detail_left h6{font-size: 1.25rem;line-height: 1.5;margin-bottom: 1rem;}
    .n_solution .n_solution_ul{padding-top: 3rem;}
    .n_solution .n_solution_ul li>a{width:100%}
    .n_solution .n_solution_ul .n_solution_right{width: 100%;padding:1.5rem;}
    .n_solution .n_solution_ul li:nth-child(2n){flex-wrap: wrap;}
    .n_solution .n_solution_ul li:last-child{margin-bottom: 0;}
    .n_solution .n_solution_ul .n_solution_right h6{font-size: 1.25rem;margin-bottom:1rem;}
    .n_solution .n_solution_ul .n_solution_right p{margin-bottom: 1rem;line-height:1.5}
    .n_solution .n_solution_ul .n_solution_right a.news-a{margin-top: 0rem;}
    .n_honor{padding:3rem 0;}
    .n_honor ul{justify-content: center;}
    .n_honor ul li{width: 48%}
    .n_honor ul li:nth-child(2n){margin-right: 0;}

    .n_down .wrap{flex-wrap: wrap;padding-top: 2rem;padding-bottom: 2rem;}
    .n_down .n_down_left{width: 100%;}
    .n_detail_right{width: 100%;padding-left: 0;margin-top: 2rem}
    .n_down .n_down_left ul.n_down_list li{padding:1rem 0rem;flex-wrap: wrap;}
    .n_down .n_down_left ul.n_down_list li:last-child{}
    .n_down .n_down_left ul.n_down_list li .n_down_list_left{width: 100%;}
    .n_down .n_down_left ul.n_down_list li .n_down_list_left p{font-size: 1.125rem;margin-bottom: 1rem;display: block;line-height:1.5}
    .n_down_list_right{width: 100%;}
    
    .n_cg .n_cg_t h6{font-size:1.25rem;margin-bottom:1rem}
    .n_cg .n_cg_t h6:before{top:0.25rem}
    .n_cg .n_cg_t .honor_more{font-size:1rem}
    .n_cg_con .wrap p{font-size:0.875rem}
    .n_honor ul li p{font-size:0.875rem}
    .swiper-pagination1{margin-top:0}
    .pagelist{padding:2rem 0 3rem}
    .n_join ul li .top{padding:1.5rem 1.5rem 1rem;justify-content:left;}
    .n_join ul li .top h5{width: 100%}
    .n_join ul li .top .need{width: 100%;text-align: left;margin-top: 1rem}
    .n_join ul li .top .need p{width: 49%;border-right: 0;padding:0;line-height: 2;font-size:0.875rem}
    .n_join ul li a.open .top .need p{border-right: 0;}
    .n_join ul li .top i{position: absolute;top: 1.5rem;right: 1.5rem}
    .n_join ul li .ar_article{padding:1rem;}
    .n_join_l{width: 100%;margin-right: 0;border-right: 0;}
    .n_join_r{width: 100%;padding-left: 0;border-top:1px solid #ddd;margin-top: 2rem;padding-top: 2rem}
    .toudi{margin-top: 1rem;padding:0.75rem 1rem}
    .contain{max-width: 80%;padding:1.5rem;}
    .contain .biaodan_zp .intxt{min-width:unset;width: 100%}
    .n_cg_con{padding:3rem 0;}
    
    .n_career_one{padding:3rem 0}
    .n_career_one_t{flex-wrap: wrap;}
    .n_career_one_t h6{font-size:1.75rem;width:100%}
    .n_career_one_t h6:after{top:2.5rem;width:3.5rem}
    .n_career_one_t p{width:100%;font-size:1rem;margin-top:1.5rem}
    .n_career_one_b{margin-top:2rem}
    .n_career_one_b ul{flex-wrap:wrap;}
    .n_career_one_b ul li{width:100%;margin-right:0;margin-bottom:2rem}
    .n_career_one_b ul li .img{height:8rem}
    .n_career_one_b ul li span{font-size:1.25rem;margin-top:1rem}
    .n_career_one_b ul li p{font-size:1rem;line-height:1.5}
    .n_career_one_b ul li:last-child{margin-bottom:0}
    
    .n_career_two{padding:3rem 0 0rem 0}
    .n_career_two_t{flex-wrap: wrap;}
    .n_career_two_t h6{font-size:1.75rem;width:100%}
    .n_career_two_t h6:after{top:2.5rem;width:3.5rem}
    .n_career_two_t p{width:100%;font-size:1rem;margin-top:1.5rem}
    .n_career_two_b{margin-top:2rem}
    .n_career_two_b ul{flex-wrap:wrap;}
    .n_career_two_b ul li{width:100%;margin-right:0;padding-bottom:2rem;padding-left:1rem}
    .n_career_two_b ul li .img{height:12rem}
    .n_career_two_b ul li span{font-size:1.25rem;margin-bottom:1rem}
    .n_career_two_b ul li p{font-size:1rem;line-height:1.5}
    .n_career_two_b ul li:last-child{margin-bottom:0}
    
    .n_career_three{padding:3rem 0}
    .n_career_three_t{flex-wrap: wrap;}
    .n_career_three_t h6{font-size:1.75rem;width:100%}
    .n_career_three_t h6:after{top:2.5rem;width:3.5rem}
    .n_career_three_t p{width:100%;font-size:1rem;margin-top:1.5rem}
    .n_career_three_b{margin-top:2rem}
    .n_career_three_b ul{flex-wrap:wrap;}
    .n_career_three_b ul li{width:48%;margin-bottom:1rem;margin-right:4%;padding:1rem 0}
    .n_career_three_b ul li:nth-child(2n){margin-right:0}
    .n_career_three_b ul li span{font-size:1rem;margin-top:1rem}
    
    .n_career_four{padding:3rem 0}
    .n_career_four_t{flex-wrap: wrap;}
    .n_career_four_t h6{font-size:1.75rem;width:100%}
    .n_career_four_t h6:after{top:2.5rem;width:3.5rem}
    .n_career_four_t p{width:100%;font-size:1rem;margin-top:1.5rem}
    .n_career_four_b{margin-top:2rem;padding:1.5rem;padding-bottom:12rem;background-color: #0a0c1b;background-image: url(../images/career_four_bg.jpg);background-repeat: no-repeat;background-position: right bottom;background-size:220%}
    .n_career_four_b h6{font-size:1.5rem}
    .n_career_four_b span{font-size:1rem}
    .n_career_four_b ul{margin-top:1.5rem}
    .n_career_four_b ul li a{padding:0.75rem 1.5rem;margin-bottom:0.5rem;}
    .n_career_four_b ul li:first-child{display:block}
    .n_pro ul li .n_pro_left{width:100%}
    .n_pro ul li .wrap>a{width:100%;margin-top:1rem}
    .n_pro ul li{padding:3rem 0}
    .n_pro ul li .n_pro_left h6{font-size:1.75rem;margin-bottom:2rem}
    .n_pro ul li .n_pro_left h6:after{bottom:-1rem}
    .n_pro ul li .n_pro_left p{font-size:1rem}
    .n_pro ul li:nth-child(2n) .wrap{flex-flow: wrap;}
    .n_detail_t .n_detail_t_l{width:100%}
    .n_detail_t .wrap>a{max-width:100%;margin-top:1rem}
    .n_detail_t{padding:3rem 0}
    .n_detail_t .n_detail_t_l h6{font-size:1.75rem;margin-bottom:2rem}
    .n_detail_t .n_detail_t_l h6:after{bottom:-1rem}
    .n_detail_t .n_detail_t_l p{font-size:1rem}
    .n_detail_m{padding:3rem 0 1rem;}
    .n_detail_m h6{font-size:2rem;margin-bottom:3rem}
    .n_detail_m ul li h2{font-size:1.25rem}
    .n_detail_m h6:after{bottom:-1.5rem}
    .n_detail_m ul li{width:100%;padding:1.5rem;margin-bottom:1rem}
    .n_detail_b{padding:3rem 0 1rem}
    .n_detail_b h6{font-size:1.75rem;margin-bottom:2rem}
    .n_detail_b h6:after{bottom:-1rem}
    .n_detail_b ul li{width:100%;padding:8rem 2rem 2rem}
    .n_detail_b ul li:before{top:2rem}
    .n_detail_b ul li h2{font-size:1.25rem;}
    
    
}