body{ margin: 0; padding: 0; font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif';}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}

.container {
    max-width: 1600px;
}

.mode-content img{
    max-width: 100%;
}

@font-face {
	font-family: 'FRAHV';
	src: url('../fonts/frahv.ttf');
	font-weight: normal;
	font-style: normal;
  
}
@font-face {
	font-family: 'BARLOWCONDENSED-BOLD';
	src: url('../fonts/barlowcondensed-bold.ttf');
	font-weight: normal;
	font-style: normal;
  
}

@font-face {
	font-family: 'upcll';
	src: url('../fonts/upcll.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url('../fonts/SourceHanSansCN-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceHanSansCN-Bold';
	src: url('../fonts/SourceHanSansCN-Bold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceHanSansCN-Light';
	src: url('../fonts/SourceHanSansCN-Light.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MONTSERRAT-BOLD.OTF';
	src: url('../fonts/MONTSERRAT-BOLD.OTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MONTSERRAT-LIGHT.OTF';
	src: url('../fonts/MONTSERRAT-LIGHT.OTF');
	font-weight: normal;
	font-style: normal;
}



body::-webkit-scrollbar {
  display: none;
}

.ani-in{ opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 0.6s;}
.ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}

.delay_1.cur{ transition-delay: 0.1s;}
.delay_2.cur{ transition-delay: 0.2s;}
.delay_3.cur{ transition-delay: 0.3s;}
.delay_4.cur{ transition-delay: 0.4s;}
.delay_5.cur{ transition-delay: 0.5s;}
.delay_6.cur{ transition-delay: 0.6s;}
.delay_7.cur{ transition-delay: 0.7s;}
.delay_8.cur{ transition-delay: 0.8s;}
.delay_9.cur{ transition-delay: 0.9s;}
.delay_10.cur{ transition-delay: 1s;}



#fp-nav{ left: 1%; transform: translateY(calc(-50% + 50px));}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background-color: #fff;}


/*导航开始*/

/* 内页 */
.header.ny{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); height: 100px;}
.header.ny:after{ display: none;}
.header.ny .pc_nav{ position: relative; z-index: 2;}
.header.ny .pc_nav>ul>li>a{ color: #000;}
.header.ny .pc_nav>ul>li.one-nav:hover>a{ color: #fff;}
.header.ny .pc_nav>ul>li.one-nav:hover>a{ color: #fff;background:#2d3a49;}
.header.ny .pc_nav>ul>li.one-nav.active>a{ color: #fff; font-weight: bold;background:#2d3a49;}
.header.ny .pc_nav>ul>li.one-nav.active.cur a{ color: #000;}
.header.ny .pc_nav>ul>li .erji ul li a:hover{ color: #fff;}
.header.ny .pc_nav>ul>li .erji ul{ width: auto; padding: 0;}
.header.ny .pc_nav>ul>li .erji ul li{ display: inline-block; margin: 0; padding: 15px 10px; transition: all 0.3s;}
.header.ny .pc_nav>ul>li .erji ul li:hover{ background: #2d3a49;}


.header.ny .xian{ pointer-events: none; background: none; z-index: 1; top: auto; bottom: 0;}
.header.ny .xian i{ height: 100px; transition: all 0.3s; background: #2d3a49;}

.header.ny .nav_more{ color: #434242;}
.header.ny .nav_lang a{ color: #434242;}
.header.ny .nav_tel_ss a{ color: #434242;}
/* 内页 */

.container{ width: calc(100% - 320px); padding: 0;}

.xian.active{background: rgba(0,0,0,0.59);}
.xian{ width: 100%; height: 1px; position: absolute; top: 100%; left: 0; background: rgba(255,255,255,0.2); transition: all 0.3s; pointer-events: none;}
.xian i{ content: ''; width: 0; height: 4px; background: #fff0c7; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all 0.6s;}

.header.active{ background: rgba(0,0,0,0.84);}
.header{ position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; height: 100px; transition: all 0.3s; background: rgba(8,0,0,0);
  /*box-shadow:0px 1px 4px rgba(0,0,0,0.1); */
}
.header:after{ content: ''; width: 100%; height: 150%; position: absolute; top: 0; opacity: 0.35; z-index: -1; left: 0; background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.75), rgba(0,0,0,0));}
.header .container{ width: calc(100% - 120px); position: relative; padding-left: 30%; padding-right: 120px;}
.logo{ position: absolute; z-index: 2; left: 0; top: 50%; transform:translateY(-50%); height: 60px; transition: all 0.3s;}
.logo a{ display: block; height:100%;}
.logo a img{ max-height: 100%; display: block; max-width: 100%;}
.pc_nav{ transition: all 0.3s;}
.pc_nav>ul{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;}
.pc_nav>ul>li{ position: relative;}
.pc_nav>ul>li>a{ display: block; line-height: 100px; height: 100px; padding: 0 15px; position: relative; font-size: 18px; color: #fff; transition: all 0.3s;}
.pc_nav>ul>li>a i{ display: inline-block; font-size: 18px; margin-right: 10px;}
/* .pc_nav>ul>li:hover>a{ color: #2d3a49;} */
.pc_nav>ul>li:hover .erji{ opacity: 1; pointer-events: auto; top: 100%;}

.erji{ opacity: 0; pointer-events: none; position: absolute; top: calc(110%); left: 50%; transform: translateX(-50%); white-space: nowrap; transition: all 0.3s;}
.erji:after{ content: ''; width: 5000px; height: 100%; background: rgba(0,0,0,0.65); position: absolute; left: -1920px; top: 0; z-index: -1;}
.erji ul{ width: auto; padding: 15px 0;}
.erji ul li{ display: inline-block; margin: 0 10px;}
.erji ul li a{ font-size: 16px; color: #fff; padding: 5px 0; display: block; transition: all 0.3s;}
.erji ul li a:hover{ color: #fff0c7;}


.nav_more{ position: absolute; right: 0; top: 0; z-index: 2; text-align: right; transition: all 0.3s; line-height: 100px; color: #fff;}
.nav_lang{ display: inline-block; line-height: 30px; vertical-align: middle;}
.nav_lang a{ display: inline-block; font-size: 18px; line-height: 30px; color: #fff;}
.nav_lang a:hover{ color: #fff0c7;}

.nav_tel_ss{ display: inline-block; margin-left: 30px; line-height: 30px; vertical-align: middle;}
.nav_tel_ss a{ display: inline-block; line-height: 24px; padding-top: 6px; height: 30px; color: #fff;}
.nav_tel_ss a i{ font-size: 24px; transition: all 0.3s;}
.nav_tel_ss a:hover i{ color: #fff0c7;}

.tel_ss_bai.active{ opacity: 1; pointer-events: auto; top: calc(100% + 10px);}
.tel_ss_bai{ width: 260px; height: 180px; background: #fff; position: absolute; top: calc(100% + 20px); right: 0; box-shadow: 0px 4px 8px rgba(0,0,0,0.3); opacity: 0; pointer-events: none;  transition: all 0.3s; color: #333;}
.tel_ss_bai:after{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; border: 1px solid #dedede; position: absolute; pointer-events: none;}
.tel_bai{ padding-top: 40px; text-align: center; font-size: 24px; line-height: 46px;}
.tel_bai span{ display: block;}

.ss_bai{ text-align: center; padding-top: 35px; font-size: 18px; line-height: 46px;}
.ss_bai .form-group{ width: 80%; margin: 0 auto; line-height: auto; font-size: 16px; position: relative;}
.ss_bai .form-group input{ outline: none; line-height: 36px; border: none; border-bottom: 1px solid #999; width: 100%; padding-right: 39px;}
.ss_bai .form-group button{ position: absolute; right: 0; top: 0; height: 39px; background: none; text-align: center; width: 39px; line-height: 39px; border: none; outline: none;}
.ss_bai .form-group button i{ font-size: 24px;}

.s_banner .swiper-slide a{ height: 100vh; display: block; position: relative; overflow: hidden;}
.s_banner .swiper_ye{ position: absolute; top: 45%; right: 3%; z-index: 10; overflow: hidden;}
.s_banner .swiper_ye span{ color: #fff; font-size: 20px; line-height: 20px; display: inline-block;font-family: 'MONTSERRAT-LIGHT.OTF';}
/*.s_banner .swiper_ye span:first-child{ font-size: 40px; padding-right: 10px; line-height: 30px; font-weight: bold; vertical-align: top; font-family: 'MONTSERRAT-BOLD.OTF'; margin-left: -13px;}*/
.s_banner .swiper_ye span:first-child{ font-size: 40px; padding-right: 10px; line-height: 40px; font-weight: bold; vertical-align: top; font-family: 'MONTSERRAT-BOLD.OTF'; margin-left: 0;}
/* .s_banner .ban_text1{ position: absolute; top: 44%; left: 60px; width: 42.5%; z-index: 2;}
.s_banner .ban_text2{ position: absolute; bottom: -10px; left: 10.5%; width: 42.5%; z-index: 2;}
.s_banner.active .ban_text1{ transform: translateX(0); opacity: 1; transition-delay:0.3s;}
.s_banner.active .ban_text2{ transform: translateY(0); opacity: 1; transition-delay:0.4s;} */

.s_banner .swiper0 .swiper-button-next{ right: 2%;}
.s_banner .swiper0 .swiper-button-prev{ right: calc(2% + 50px); left: auto;}
.s_banner .swiper0 .swiper-button-prev:after{ content: ''; position: absolute; right: -0.5px; top: 50%; transform: translateY(-50%); height: 40%; background: #fff; opacity: 0.75; width: 1px;}
.s_banner .swiper0 .swiper-button-next, .s_banner .swiper0 .swiper-button-prev{ width: 50px; height: 50px; background: none; color: #fff; text-align: center; opacity: 1; top: calc(45% + 60px); margin: 0; transition: all 0.5s;}
.s_banner .swiper0 .swiper-button-next i, .s_banner .swiper0 .swiper-button-prev i{ display: inline-block; line-height: 50px; font-size: 24px;}
.s_banner .swiper0 .swiper-button-next:hover, .s_banner .swiper0 .swiper-button-prev:hover{ color: #fff0c7;}

.ban_img{ position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; width: 62%;}
.ban_img img{ max-width: 100%; display: block; margin: 0 auto;}

.ban_text{ position: absolute; left: 0; top: 28%; width: 100%; padding-left: 10%;}
.ban_text img{ display: block; max-width: 70%;}

.fan_mouse{ width: 61px; height: 65px; position: absolute; z-index: 10; bottom: 3%; left: 50%; margin-left: -30px; background: url(../images/mouse.png) center no-repeat; background-size: cover;
  -webkit-animation: shangxia 2s infinite;
  animation: shangxia 2s infinite;
}

@-webkit-keyframes shangxia {
  0%{ transform: translateY(0);}
  70%{ transform: translateY(15px);}
  100%{ transform: translateY(0);}
}
@keyframes shangxia {
  0%{ transform: translateY(0);}
  70%{ transform: translateY(15px);}
  100%{ transform: translateY(0);}
}


/* .ls_ani_right{ transform: translateX(10%); opacity: 0; transition: all 0.6s ease-out;}
.ls_ani_left{ transform: translateX(-10%); opacity: 0; transition: all 0.6s ease-out;}
.ls_ani_up{ transform: translateY(100%); opacity: 0; transition: all 0.6s ease-out;} */

/* 
.s_banner2{ height: 100vh; overflow: hidden;}
.s_banner2 .ban_text1{ position: absolute; top: 49%; left: 80px; width: 47%; z-index: 2;}
.s_banner2.active .ban_text1{ transform: translateX(0); opacity: 1; transition-delay:0.3s;} */


/* 第二屏 */
.s_about{ width: 100%; height: 100%; background: url(../images/bg2.jpg) center no-repeat; background-size: cover; position: relative;}
.s_about .container{ position: absolute; top: 50%; transform: translateY(calc(-50% + 50px)); left: 0; right: 0; margin: 0 auto;}

.s_ab_nav{ width: 67%; margin-left: 33%; margin-top: -60px; padding: 40px 50px; background: rgba(45, 58, 69,0.5);}
.s_ab_nav ul{ width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.s_ab_nav ul li{ display: block; width: 25%; position: relative;}
.s_ab_nav ul li:after{ content: ''; width: 0; height: 90%; position: absolute; right: 0; top: 5%; border-right: 1px dashed #999;}
.s_ab_nav ul li:last-child:after{ display: none;}
.s_ab_nav ul li a{ display: block;  text-align: center;}
.s_ab_nav ul li a i{ font-size: 46px; color: #fff0c7; transition: all 0.5s;}
.s_ab_nav ul li a span{ display: block; font-size: 18px; color: #fff0c7; text-align: center; transition: all 0.5s;}
.s_ab_nav ul li a:hover i, .s_ab_nav ul li a:hover span{ color: #fff0c7;}

.s_ab_text{ width: 46%;}
.s_ab_text h2{ margin: 0; margin-bottom: 20px; color: #2d3a49; line-height: 60px;}
.s_ab_text h2 strong{ display: block; font-size: 60px; font-family: 'SourceHanSansCN-Bold'; font-weight: normal;}
.s_ab_text h2 span{ font-family: 'Arial'; color: #fff; font-size: 27px; text-transform: uppercase; line-height: 30px;}
.s_ab_text p{ font-size: 18px; line-height: 36px; color: #fff; margin: 20px 0; font-family: 'SourceHanSansCN-Light';}
.s_ab_text h5{ margin-top: 50px; }
.s_ab_text h5 a{color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'MONTSERRAT-BOLD.OTF'; transition: all 0.3s;}
.s_ab_text h5 a i{ display: inline-block; margin-left: 10px; -webkit-animation: jian 3s ease infinite; animation: jian 3s ease infinite;}
.s_ab_text h5 a:hover{ color: #fff0c7;}



/* 第三屏开始 */
.s_yewu{ width: 100%; height: 100%; background: url(../images/bg3.jpg) center no-repeat; background-size: cover; position: relative;}
.s_yewu ul{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  /*flex-wrap: wrap;*/
  justify-content: flex-start;}
.s_yewu ul li{ width: 20%; transition: all 0.5s; height: 100%;}
.s_yewu ul li a{ height: 100%; display: block; width: 100%; position: relative; transition: all 0.5s; }
.s_yewu ul li.active{ width: 40%;}
.s_yewu ul li.active a:after{ opacity: 0;}
.s_yewu ul li a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: #154178; opacity: 0.2; transition: all 0.3s;}
.syw_ico{ position: absolute; top: 50%; left: 0; right: 0; z-index: 10; margin: 0 auto; transform: translateY(-50%); width: 120px; height: 70px; text-align: center; background: #fff; transition: all 0.5s; box-shadow: 0px 4px 8px rgba(0,0,0,0.5);}
.syw_ico i{ display: inline-block; line-height: 70px; font-size: 56px; color: #2d3a49; transition: all 0.5s;}
.syw_ico:after{ content: ''; width: 0; height: 0; border-bottom: 35px solid #fff; border-left: 60px solid transparent; border-right: 60px solid transparent; position: absolute; bottom: 100%; left: 0; transition: all 0.5s;}
.syw_ico:before{ content: ''; width: 0; height: 0; border-top: 35px solid #fff; border-left: 60px solid transparent; border-right: 60px solid transparent; position: absolute; top: 100%; left: 0; transition: all 0.5s;}
.s_yewu ul li.active .syw_ico{ background: #2d3a45;}
.s_yewu ul li.active .syw_ico:after{ border-bottom: 35px solid #2d3a45;}
.s_yewu ul li.active .syw_ico:before{ border-top: 35px solid #2d3a45;}
.s_yewu ul li.active .syw_ico i{ color: #fff;}

.syw_name{ position: absolute; bottom: 55px; width: 80%; margin: 0 auto; text-align: center; left: 10%; z-index: 10; color: #fff; transition: all 0.5s;}
.syw_name span{ font-size: 28px; line-height: 30px; display: inline-block; transition: all 0.5s;}
.syw_name em{ color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: bold; text-transform: uppercase; font-family: 'MONTSERRAT-BOLD.OTF'; opacity: 0; pointer-events: none; transition: all 0.5s; font-style: normal;}
.syw_name em i{ display: inline-block; margin-left: 10px;}
.syw_name em:hover{ color: #fff0c7;}
.s_yewu ul li.active .syw_name span{ margin-left: -75%; padding-left: 10px; border-left: 5px solid #fff;}
.s_yewu ul li.active .syw_name em{ opacity: 1; pointer-events: auto;}
.s_yewu ul li.active .syw_name em i{-webkit-animation: jian 3s ease infinite;
  animation: jian 3s ease infinite;}



.s_news{ width: 100%; height: 100%; background: url(../images/bg4.jpg) center no-repeat; background-size: cover; position: relative;}
.snew_dw{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(calc(-50% + 50px)); z-index: 10;}
.snew_li{ padding: 30px 215px; transition: all 0.5s;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.snew_img{ width: 20%; overflow: hidden;}
.snew_text{ width: 60%; margin: 0 4%; position: relative;}
.snew_time{ width: 12%; position: relative;}

.snew_biao{ color: #fff; position: relative; padding: 0 215px; margin-bottom: 20px;}
.snew_biao .ceng{ position: relative;}
.snew_biao strong{ display: block; font-size: 60px; line-height: 60px;}
.snew_biao span{ display: block; font-family: 'Arial'; font-size: 26px; color: #fff; opacity: 0.51; line-height: 30px; text-transform: uppercase;}
.snew_biao ul{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.snew_biao ul li{ display: inline-block; margin-left: 15px;}
.snew_biao ul li a{ display: inline-block; padding: 12px 30px; border: 1px solid rgba(255,255,255,0.7); color: #fff; font-size: 18px; transition: all 0.5s;}
.snew_biao ul li:hover a{ background: rgba(255,255,255,0.85); color: #333;}
.snew_img a{ display: block; padding-top: 68%; transition: all 0.5s;}
.snew_text a{ display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.snew_text h4{ font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; transition: all 0.5s;}
.snew_text p{ font-size: 16px; color: #fff; opacity: 0.7;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; line-height: 36px; transition: all 0.5s;}
.snew_time span{ display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #fff; font-size: 24px; font-family: 'MONTSERRAT-BOLD.OTF'; transition: all 0.5s;}

.snew_more{ text-align: center; margin-top: 20px;}
.snew_more a{color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'MONTSERRAT-BOLD.OTF'; transition: all 0.3s;}
.snew_more a i{ display: inline-block; margin-left: 10px;}
.snew_more a:hover i{-webkit-animation: jian 3s ease infinite;
  animation: jian 3s ease infinite;}
.snew_more a:hover{ color: #fff0c7;}


.snew_li:hover{ background: rgba(255,255,255,0.64);}
.snew_li:hover .snew_text h4{ color: #2d3a49  ;}
.snew_li:hover .snew_text p{ color: #000;}
.snew_li:hover .snew_time span{ color: #fff0c7;}
.snew_li:hover .snew_img a{ transform: scale(1.1);}



.footer{ background: #333333; padding-top: 70px;}

.foot_left{ margin-top: 20px;}
.foot_left h4{ font-size: 18px; color: #fff; padding-left: 30px; position: relative; margin-bottom: 35px;}
.foot_left h4 i{ position: absolute; left: 0; top: 0; color: #fff; opacity: 0.65;}
.foot_left h4 img{ max-width: 120px; display: block;}
.foot_left h4:last-child{ margin-top: 45px;}

.footer .caption{ margin-top: 20px;}
.footer .caption h5{ font-size: 16px; color: #fff; margin-bottom: 30px;}
.footer .caption p a{ color: #fff; opacity: 0.26; display: inline-block; transition: all 0.3s;}
.footer .caption p a:hover{ opacity: 0.65;}

.foot_form{ padding-left: 15%; margin-top: 30px;}
.foot_form input{ width: 100%; border: none; border-bottom: 2px solid #999999; height: 42px; color: #fff; font-size: 16px; text-align: right; background: none; outline: none;}
.foot_form button.btn, .foot_form input.btn{ background: #717171; color: #fff; font-size: 16px; padding: 12px 50px; border-radius: 4px; border: none; margin-top: 30px; outline: none;}
.foot_form button.btn:hover, .foot_form input.btn:hover{ color: #fff;}
.foot_form button.btn:focus, .foot_form input.btn:focus{ color: #fff; outline: none;}

.foot_logo{ position: relative; display: inline-block;}
.foot_logo img{ display: block;}
.foot_logo i{ width: 100%; display: block; position: absolute; height: 100%; top: 0; left: 0; background: url(../images/foot_logo_en.png) center no-repeat; background-size: cover;
  -webkit-animation: xuanzhuan 20s linear infinite;
  animation: xuanzhuan 20s linear infinite}

.foot_di{ padding: 20px 0; background: #323232; color: #aaaaaa; font-size: 14px; margin-top: 40px; border-top: 1px solid #484848;}
.foot_di a{ color: #aaaaaa; transition: all 0.3s;}
.foot_di a:hover{ color: #fff;}

@-webkit-keyframes xuanzhuan {
  0%{ transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
@keyframes xuanzhuan {
  0%{ transform: rotate(0); }
  100% { transform: rotate(360deg); }
}


@-webkit-keyframes jian {
  0%{ transform: translateX(0);}
  50% { transform: translateX(15px);}
  100% { transform: translateX(0);}
}
@keyframes jian {
  0%{ transform: translateX(0);}
  50% { transform: translateX(15px);}
  100% { transform: translateX(0);}
}



/* 内页样式开始 */
.n_banner{ padding-top: 32%; position: relative; margin-top: 100px;}
.n_banner span{ position: absolute; left: 0; display: block; text-align: center; width: 100%; top: 30%; color: #2d3a49; font-size: 32px; line-height: 50px; text-transform: uppercase;}
.n_banner span strong{ font-size: 74px; line-height: 80px; display: block; font-family: 'MONTSERRAT-BOLD.OTF';}

.ny_weizhi{ box-shadow: 0px 2px 12px rgba(0,0,0,0.065); position: relative; z-index: 10;}
.ny_weizhi .container{ width: calc(100% - 120px); margin: 0 auto; padding: 0; position: relative;}
.ny_weizhi ul{ font-size: 0;}
.ny_weizhi ul li{ display: inline-block; margin-right: 30px;}
.ny_weizhi ul li a{ padding: 30px 15px; font-size: 18px; color: #000; display: block; position: relative; transition: all 0.5s;}
.ny_weizhi ul li a:after{ content: ''; width: 100%; height: 2px; background: #2d3a49; position: absolute; bottom: 0; left: 0; display: none;}
.ny_weizhi ul li.active a{ color: #2d3a49;}
.ny_weizhi ul li.active a:after{ display: block;}
.ny_weizhi ul li a:hover{ color: #2d3a49;}
.weizhi{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: #666;}
.weizhi a{ color: #666;}

.n_about_1{ padding-top: 40px; background: url(../images/nab_bg.webp) center no-repeat; background-size: cover; padding-bottom: 7.5%;}
.n_about_1 h2{ color: #2d3a49; font-size: 32px; line-height: 40px; text-align: center; margin-bottom: 40px;}
.n_about_1 h2 span{ display: block; font-size: 15px; text-transform: uppercase; line-height: 30px;}
.n_about_1 p{ line-height: 40px; font-size: 16px; text-align: center; color: #000;}
.n_about_2{ padding: 140px 0;}
.n_about_2 .container{ width: calc(100% - 120px); margin: 0 auto; padding: 0; position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
}
.nabout2_left{ width: 55%;}
.nabout2_right{ width: 35%;}
.nabout2_right ul{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;}
.nabout2_right ul li{ width: 33.2%;}
.nabout2_right ul li img{ display: block; width: 100%;}
.nabout2_right ul li:nth-child(2){ transform: translateY(-14.6%);}

.nabout2_left .ty_content p{ line-height: 40px; font-size: 16px; color: #000;}

.n_honor_1{ padding-top: 5%; padding-bottom: 20%; background: url(../images/wenhua.jpg) center no-repeat; background-size: cover;}
.ny_biao{ text-align: center; color: #fff; position: relative;}
.ny_biao span{ display: inline-block; font-size: 44px; font-weight: bold; font-family: 'SourceHanSansCN-Bold';}
.ny_biao strong{ font-size: 76px; font-family: 'Impact'; text-transform: uppercase; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; opacity: 0.09;}
.n_honor_1 ul{display: flex; margin-top: 80px;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.n_honor_1 ul li{ width: 20%; color: #fff;display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.n_honor_1 ul li p{ writing-mode: vertical-lr; writing-mode: tb-lr; font-size: 20px; line-height: 40px; letter-spacing: 2px;}
.n_honor_1 ul li span{background-image: linear-gradient(#fff, rgba(255,255,255,0)); writing-mode: vertical-lr; writing-mode: tb-lr; font-size: 24px; color: #2d3a49; padding: 15px 5px; padding-bottom: 60px; margin-right: 10px; display: inline-block;}

.n_dangqun{ padding: 80px 0;}
.n_dangqun .container{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.ndq_li{ width: 31%; margin-bottom: 50px;}
.ndq_li{ margin-right: 3.5%;}
.ndq_li:nth-child(3n){ margin-right: 0;}
.ndq_img{ overflow: hidden;}
.ndq_img a{ padding-top: 65%; display: block; background-size: cover; background-repeat: no-repeat; transition: all 0.5s;}
.ndq_li:hover .ndq_img a{ transform: scale(1.1);}
.ndq_li h5{ font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; text-align: center;}


.n_join{ padding: 80px 0; background: url(../images/join.jpg) center no-repeat; background-size: cover;}
.n_join .ny_biao{ color: #2d3a49;}
.zhaopin_2{ margin-top: 60px;}
.zhaopin_2 .panel{ border: 1px solid #dedede; background: none; margin-bottom: 20px; box-shadow: none;}
.zhaopin_2 .panel-heading{ padding:0; background: none;}
.zhaopin_2 .panel-heading a{ display:block;line-height: 30px; background: transparent; color: #00539b; position: relative; font-size: 20px; padding:20px 50px; padding-right: 80px; transition: all 0.3s;}
.zhaopin_2 .panel-heading a:after{ content: ''; height: 60%; width: 3px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #00539b;}
.zhaopin_2 .panel-heading a span{ font-size: 16px; margin-top: 0px; color: #666; display: block;}
.zhaopin_2 .panel-heading a i{ display: block; width: 34px; height: 34px; background: url(../images/jian.png) center no-repeat; background-size: cover; font-style: normal; position: absolute; right: 50px; top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 2;}
.zhaopin_2 .panel-heading a.collapsed{ color: #333; background: transparent;}
.zhaopin_2 .panel-heading a.collapsed i{ transform: translateY(-50%) rotate(0);}
.zhaopin_2 .panel-body{ background: none; padding: 0 50px; padding-bottom: 40px;}
.zhaopin_2 .panel-group .panel-heading+.panel-collapse>.panel-body{ border: none;}
.zhaopin_2 .panel-body .ty_content{ color: #666;}
.zhaopin_2 .panel-body .ty_content p{ font-size: 16px; line-height: 30px;}

.link_a{ margin-top: 20px;}
.link_a a{ display: inline-block; padding: 12px 40px; color: #fff; background: #00539b; font-size: 16px;}

.rongyu_img{ padding-top: 66%;}
.n_rongyu .swiper1{ margin-top: 80px;}
.n_rongyu .swiper1 .swiper-slide a{ display: block; box-shadow: 0px 4px 6px rgba(0,0,0,0.1);}
.n_rongyu .swiper1 h5{ margin: 0; font-size: 18px; padding: 15px 10px; text-align: center; background: #dadada; color: #000;}

.n_rongyu .ny_biao{ color: #00539b;}
.n_rongyu{ padding: 80px 0; padding-bottom: 160px;}
.n_rongyu{ background: url(../images/rongyu.jpg) center bottom no-repeat;}
.n_rongyu .container{ position: relative;}
.n_rongyu .container .swiper-button-next1, .n_rongyu .container .swiper-button-prev1{
  width: 54px; height: 54px; margin: 0; border-radius: 50%; background: #2d3a49; color: #fff; text-align: center; outline: none;}
.n_rongyu .container .swiper-button-next1{ right: -5%;}
.n_rongyu .container .swiper-button-prev1{ left: -5%;}
.n_rongyu .container .swiper-button-next1 i, .n_rongyu .container .swiper-button-prev1 i{ line-height: 54px; display: inline-block;}
.n_rongyu .container .swiper-button-prev1 i{ transform: rotateY(180deg);}


.n_rencai_1{ padding: 80px 0; background: url(../images/rencai.jpg) center no-repeat; background-size: cover; padding-bottom: 26%;}
.n_rencai_1 .ty_content{ text-align: center; margin-top: 60px;}
.n_rencai_1 .ty_content p{ font-size: 26px; line-height: 46px; color: #fff; margin-top: 30px;}
.n_rencai_2{ padding: 80px 0;}
.n_rencai_2 .swiper1 .swiper-slide{ width: 38%;}

.swiper_fan{ text-align: center; margin-top: 50px;}
.n_rencai_2 .swiper1 .swiper-button-next, .n_rencai_2 .swiper1 .swiper-button-prev{ position: static; margin: 0; display: inline-block;  width: 54px; height: 54px; margin: 0 30px; border-radius: 50%; background: #2d3a49; color: #fff; text-align: center; outline: none;}
.n_rencai_2 .swiper1 .swiper-button-next i, .n_rencai_2 .swiper1 .swiper-button-prev i{ line-height: 54px; display: inline-block;}
.n_rencai_2 .swiper1 .swiper-button-prev i{ transform: rotateY(180deg);}

.n_rencai_2 .swiper1 .swiper-slide a{ position: relative; display: block;}
.n_rencai_2 .swiper1 .swiper-slide a h5{ position: absolute; left: 0; top: 0; height: 100%; padding: 20px 15px; background-image: linear-gradient(rgba(26,77,154,1), rgba(26,77,154,0)); writing-mode: vertical-lr; writing-mode: tb-lr; margin: 0; font-size: 24px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 2px;}

.n_shiye{ padding: 50px 0;}
.shiye_li{ padding: 40px 60px; transition: all 0.5s; border-bottom: 1px solid #dedede;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.shiye_img{ width: 20%; overflow: hidden;}
.shiye_text{ width: 60%; margin: 0 4%; position: relative;}
.shiye_time{ width: 12%; position: relative;}

.shiye_img a{ display: block; padding-top: 68%; transition: all 0.5s;}
.shiye_text a{ display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.shiye_text h4{ font-size: 20px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; transition: all 0.5s;}
.shiye_text p{ font-size: 16px; color: #666; opacity: 0.7;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; line-height: 36px; transition: all 0.5s;}
  .shiye_text h5{ margin-top: 15px;}
  .shiye_text h5 span{ color: #00539b; padding: 5px 10px; border-bottom: 1px solid #00539b;} 
.shiye_time{  opacity: 0.57;}
.shiye_time span strong{ font-weight:normal; display: inline-block; font-size: 56px; color: #000; line-height: 56px; padding: 0 10px; padding-bottom: 8px; border-bottom: 1px solid #dedede;}
.shiye_time span{ margin: 0 auto; text-align: center; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #000; font-size: 16px; line-height: 30px; transition: all 0.5s;}
.shiye_li:hover .shiye_text h4{ color: #00539b;}
.n_shiye .fanye{ margin-top: 30px;}

.n_yewu.n_rencai_2{ padding: 100px 0; background: url(../images/yewu_bg.jpg) center no-repeat; background-size: cover;}
.ny_biao2{ text-align: center; margin-bottom: 60px;}
.ny_biao2 span{ display: inline-block; font-size: 26px; color: #00539b; padding-bottom: 20px; position: relative; font-weight: bold;}
.ny_biao2 span:after{ content: ''; width: 50%; height: 1px; background: #dedede; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.ny_biao2 span:before{ content: ''; width: 50px; height: 3px; background: #00539b; bottom: -1px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2;}
.n_yewu.n_rencai_2 .swiper_fan{ margin-top: 80px;}

.n_dangqun.yewu{ padding: 60px 0;}
.n_dangqun.yewu .container{ width: calc(100% - 120px);}
.n_dangqun.yewu .ndq_li{ width: 23.8%;margin-right: 1.6%; margin-bottom: 25px;}
.n_dangqun.yewu .ndq_li:nth-child(4n){ margin-right: 0;}
.n_dangqun.yewu .ndq_li h5{ padding: 20px; transition: all 0.3s; background: #dde4f0; margin-top: 0;}
.n_dangqun.yewu .ndq_li:hover .ndq_img a{ transform: scale(1);}
.n_dangqun.yewu .ndq_li:hover h5{ background: #00539b; color: #fff;}


.n_new{ padding: 80px 0;}
.n_new .container{display: flex; width: calc(100% - 120px);
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.nnew_li{ width: 22%; margin-bottom: 50px; transition: all 0.3s;}
.nnew_li{ margin-right: 4%;}
.nnew_li:nth-child(4n){ margin-right: 0;}
.nnew_img{ overflow: hidden;}
.nnew_img a{ padding-top: 65%; display: block; background-size: cover; background-repeat: no-repeat; transition: all 0.5s;}
.nnew_text{ padding: 5px 10px;}
.nnew_li h6{ font-size: 14px; color: #666;}
.nnew_li h5{ font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px;}
.nnew_li p{ line-height: 24px; color: #666;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.nnew_li:hover{ box-shadow: 0px 4px 6px rgba(0,0,0,0.1); transform: translateY(-10%);}

.nnew_content{ padding: 0 3%; padding-right: 8%;}
.nnew_biao{ padding-bottom: 30px; text-align: center; line-height: 40px; font-size: 24px; color: #333; border-bottom: 1px solid #dedede; margin-bottom: 30px;}

.nnew_tuijian{ padding-left: 10%;}
.nnew_tuijian h3{ margin-bottom: 40px; color: #000; margin-top: 0;}
.nnew_tuijian .nnew_li{ width: 100%; margin: 0; margin-bottom: 40px;}
.nnew_tuijian .nnew_li:hover{ transform: translateY(0);}



.n_rongyu.zizhi{ background: url(../images/zizhi_bg.jpg) center no-repeat; background-size: cover;}
.n_rongyu.zizhi .swiper1 h5{ background: none; color: #fff;}
.n_rongyu.zizhi .rongyu_img{ padding-top: 140%;}


.n_zizhi{ padding: 80px 0; background: url(../images/zizhi_bg.jpg) center no-repeat; background-size: cover;}
.n_zizhi .container{ width: calc(100% - 120px); }
.zizhi_list{display: flex; margin: 7% 0; margin-bottom: 9%;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.zizhi_img{ padding-top: 140%;}

.zizhi_li{ width: 24%; margin-right: 2%; position: relative; margin-bottom: 40px;}
.zizhi_li:nth-child(3n){ margin-right: 0;}
.zizhi_name{  text-align: center;
  color: #fff; font-size: 18px; line-height: 40px; width: 100%;}


/* 通用样式 */
.ty_content p{ font-size: 14px; color: #666; line-height: 24px;}
.ty_content img{ max-width: 100%;height:auto !important;}



.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding:30px 0; }
.fanye a:first-child, .fanye a:last-child{ width: auto; background: none; border-radius: 0; box-shadow: none;}
.fanye a{ display:inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background:#fff; color:#333; text-decoration:none; margin: 0 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.1); border-radius: 50%;  transition: all 0.3s;}
.fanye a:hover{ color:#333; transform: translateY(-5px);}
.fanye a.active{background: #2d3a49; color:#fff;}
.fanye a.active:hover{ color:#333; transform: translateY(0);}
.fanye a:first-child:hover, .fanye a:last-child:hover{ transform: translateY(0);}
.fanye a.cur{ color:#999; pointer-events: none}

.fanye02{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #dedede;}
.fanye02 a{ display: inline-block; padding: 10px 40px; border: 1px solid #dedede; color: #666; font-size: 16px; transition: all 0.3s;}
.fanye02 a:hover{ background: #2d3a49; border-color: #2d3a49; color: #fff;}


.my-map { margin: 0 auto; width: 100%; height: 650px;}
.my-map .icon { background: url(../images/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; }




.menu-link{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
  .menu-link span {position: relative;display: block;margin-top:12px;}
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after {background-color: #fff; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  
  .menu-link span{ width:90%;}
  .menu-link span:before{ width:110%;}
  .menu-link span:after{ width:80%;}
  .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
  
  .menu-link span:before,
  .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
  .menu-link span:after {top: .7em;}
  .menu-link.active span {background: transparent;}
  .menu-link.active span:before { background-color:#fff;
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
  }
  .menu-link.active span:after { background-color:#fff;
  -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
  -moz-transform: rotate(-45deg) translate(.6em, -.5em);
  -ms-transform: rotate(-45deg) translate(.6em, -.5em);
  -o-transform: rotate(-45deg) translate(.6em, -.5em);
  transform: rotate(-45deg) translate(.6em, -.5em);
  }


@media (max-width:767px){
  .xian{ display: none;}

  .menu-link span, .menu-link span:before, .menu-link span:after{ background: #333;}
  .menu-link.active span:before, .menu-link.active span:after{ background: #333;}
  .header.ny .pc_nav{ position: absolute;}
  .container{ padding: 0 15px; width: 100%;}
  .header.ny{ height: 60px;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 50px; left: 15px; top: 50%;}
  .header{ height: 60px;}

  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.75); padding: 15px; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
  .pc_nav>ul>li{ text-align: left; width: 33.33%;}
  .pc_nav>ul>li .erji{ display: none !important;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0; font-size: 14px; display: inline-block;}

  .nav_phone{ padding-top: 0; text-align: center;}
  .nav_phone a i{ font-size: 24px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 15px;}
  .ban_text{ padding-left: 5%;}
  .ban_text img{ max-width: 90%;}
  .s_banner .swiper_ye span:first-child{ font-size: 24px; line-height: 30px; margin-left: -8px;}
  .s_banner .swiper_ye span{ font-size: 14px; line-height: 18px;}
  .s_banner .swiper0 .swiper-button-next, .s_banner .swiper0 .swiper-button-prev{ width: 36px; height: 36px; right: 0; top: calc(45% + 36px);}
  .s_banner .swiper0 .swiper-button-next i, .s_banner .swiper0 .swiper-button-prev i{ line-height: 36px; font-size: 16px;}
  .s_banner .swiper0 .swiper-button-prev{ right: 36px;}
  .fan_mouse{ width: 36px; height: 40px;}
  .s_ab_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .s_ab_text{ width: 100%;}
  .s_ab_text h2{ line-height: 18px;}
  .s_ab_text h2 strong{ font-size: 24px;}
  .s_ab_text h2 span{ font-size: 14px; line-height: 14px;}
  .s_ab_text h5{ margin-top: 15px;}
  .s_ab_nav{ width: 100%; margin: 0; padding: 10px 15px;}
  .s_ab_nav ul li a i{ font-size: 18px;}
  .s_ab_nav ul li a span{ font-size: 14px;}
  .s_about .container{ padding-left: 35px;transform: translateY(calc(-50% + 30px));}
  .s_ab_text h5 a{ font-size: 16px;}
  .s_yewu ul {
      flex-wrap: wrap;
  }
  .s_yewu ul li{ width: 33%; height: 50%;}
  .s_yewu ul li.active{ width: 33%;}
  .syw_ico{ width: 60px; height: 40px; top: 45%; background: #2d3a45;}
  .syw_ico:after{ border-bottom: 15px solid #2d3a45;border-left: 30px solid transparent; border-right: 30px solid transparent;}
  .syw_ico:before{ border-top: 15px solid #2d3a45; border-left: 30px solid transparent; border-right: 30px solid transparent;}
  .syw_ico i{ font-size: 30px; line-height: 40px; color: #fff;}
  .syw_name span{ font-size: 14px; padding: 0; display: block;}
  .s_yewu ul li.active .syw_name span{ margin: 0; border: none;}
  .syw_name em{ position: static; font-size: 16px; display: block; transform: translateY(0); opacity: 1;}
  .s_yewu ul li:nth-child(3) .syw_ico, .s_yewu ul li:nth-child(4) .syw_ico{ top: 45%;}
  .s_yewu ul li:nth-child(3) .syw_name, .s_yewu ul li:nth-child(4) .syw_name{ bottom: 55px;}
  .s_yewu ul li.active .syw_ico:after{ border-bottom: 15px solid #2d3a45;}
  .s_yewu ul li.active .syw_ico:before{ border-top: 15px solid #2d3a45;}
  .snew_biao{ padding: 0 15px; padding-left: 35px; margin-bottom: 15px;}
  .snew_li{ padding: 0 15px; padding-left: 35px;}
  .snew_biao strong{ font-size: 24px; line-height: 30px;}
  .snew_biao span{ font-size: 16px; line-height: 18px;}
  .snew_biao ul li{ margin-left: 0;}
  .snew_biao ul li a{ padding: 4px 10px; font-size: 14px;}
  .snew_img{ width: 100%;}
  .snew_text{ width: 100%; margin: 0;}
  .snew_time{ display: none;}
  .snew_text a{ width: 100%; transform: translateY(0); position: static;}
  .snew_li{ display: none;}
  .snew_li:first-child{ display: block;}
  .snew_text h4{ font-size: 16px; margin-bottom: 15px;}
  .snew_text p{ line-height: 24px; font-size: 14px;}
  .snew_more a{ font-size: 16px;}
  .footer{ padding-top: 20px;}
  .foot_left h4{ font-size: 14px; margin-bottom: 10px;}
  .foot_left h4:last-child{ margin-top: 15px;}
  .footer .caption{ display: none;}
  .foot_logo{display: none;}
  .foot_form button.btn, .foot_form input.btn{ padding: 6px 15px; font-size: 14px; margin-top: 15px;}
  .foot_form input{ font-size: 14px; height: 40px;}
  .foot_form{ margin-top: 15px; padding-left: 0;}
  .foot_di{ padding: 15px; margin-top: 20px;}


  /* 内页开始 */
  .n_banner{ margin-top: 60px;}
  .n_banner span{ font-size: 14px; line-height: 30px;}
  .n_banner span strong{ font-size: 24px; line-height: 36px;}
  .header.ny .pc_nav>ul>li>a{ color: #fff;}
  .ny_weizhi ul li a{ padding: 15px 5px; font-size: 14px;}
  .ny_weizhi ul li{ margin-right: 5px;}
  .ny_weizhi .container{ width: 100%; padding: 0 15px;}
  .weizhi{ position: static; transform: translateY(0); display: none;}
  .ny_biao span{ font-size: 24px;}
  .ny_biao strong{ font-size: 30px; white-space: nowrap;}
  .n_honor_1, .n_rongyu{ padding: 30px 0;}
  .n_honor_1 ul, .n_rongyu .swiper1{ margin-top: 30px;}
  .n_honor_1 ul {
      padding: 0 30px;
  }
  .n_honor_1 ul li {
      justify-content: space-between;
  }
  .n_honor_1 ul li span{ font-size: 16px; padding: 10px 0;}
  .n_honor_1 ul li{ width: 50%; text-shadow: 0px 2px 2px rgba(0,0,0,0.3);}
  .n_honor_1 ul li p{ font-size: 14px; line-height: 30px;}
  .n_about_1 h2{ font-size: 18px; line-height: 36px; margin-bottom: 20px;}
  .n_about_1 h2 span{ font-size: 12px; line-height: 18px;}
  .n_about_1 p{ font-size: 14px; line-height: 24px;}
  .n_about_1{ padding-bottom: 30%; background-size: contain; background-position: center bottom;}
.n_about_2{ padding: 30px 0;}
.n_about_2 .container, .n_new .container, .n_dangqun.yewu .container{ width: 100%; padding: 0 15px;}
.nabout2_left, .nabout2_right{ width: 100%;}
.nabout2_left .ty_content p{ font-size: 14px; line-height: 24px;}
.nabout2_right{ padding-top: 60px;}
.n_dangqun, .n_rencai_2{ padding: 30px 0;}
.ndq_li{ width: 100%; margin: 0; margin-bottom: 15px;}
.fanye{ padding: 15px 0;}
.fanye a{ line-height: 24px;}
.zhaopin_2 .panel-heading a{ padding: 12px 15px; padding-right: 36px; font-size: 16px;}
.zhaopin_2 .panel-heading a span{ font-size: 14px;}
.zhaopin_2 .panel-heading a i{ right: 8px; width: 24px; height: 24px;}
.zhaopin_2 .panel-body{ padding: 0 15px;}
.link_a a{ padding: 8px 15px;}
.n_rencai_1{ padding: 30px 0; padding-bottom: 45%;}
.n_rencai_1 .ty_content{ margin-top: 30px;}
.n_rencai_1 .ty_content p{ font-size: 16px; line-height: 30px;}
.swiper_fan{ margin-top: 15px;}
.n_rencai_2 .swiper1 .swiper-button-next, .n_rencai_2 .swiper1 .swiper-button-prev{ margin: 0 5px;}
.shiye_time{ display: none;}
.shiye_img{ width: 100%;}
.shiye_text{ width: 100%; margin: 0;}
.shiye_text a{ position: static; transform: translateY(0);}
.n_shiye, .n_new, .n_dangqun.yewu{ padding: 30px 0;}
.shiye_li{ padding:20px 15px;}
.shiye_text h4{ margin-bottom: 15px; font-size: 16px;}
.shiye_text p{ font-size: 14px; line-height: 24px;}
.nnew_biao{ font-size: 18px; line-height: 30px; padding-bottom: 20px;}
.fanye02{ margin-top: 20px; padding-top: 20px;}
.fanye02 a{ padding: 8px 20px; font-size: 14px;}
.nnew_li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
.n_dangqun.yewu .ndq_li{ width: 100%; margin-bottom: 20px; margin-right: 0;}
.ny_biao2 span{ font-size: 18px; padding-bottom: 15px;}
.n_yewu.n_rencai_2 .swiper_fan{ margin-top: 30px;}
.ny_biao2{ margin-bottom: 30px;}
.n_yewu.n_rencai_2{ padding: 30px 0;}
.n_zizhi{ padding: 60px 0;}
.zizhi_li{ width: 100%; margin: 0; margin-bottom: 20px;}
.zizhi_name{ position: static; font-size: 16px; line-height: 30px;}
.n_rongyu .container .swiper-button-next1{ right: 0;}
.n_rongyu .container .swiper-button-prev1{ left: 0;}


}
@media (min-width:768px) and (max-width:991px) {
   
  .menu-link span, .menu-link span:before, .menu-link span:after{ background: #333;}
  .menu-link.active span:before, .menu-link.active span:after{ background: #333;}
  .header.ny .pc_nav{ position: absolute;}
  .container{ padding: 0 15px; width: 100%;}
  .header.ny{ height: 60px;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 50px; left: 15px; top: 5px;}
  .header{ height: 60px;}

  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.75); padding: 15px; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
  .pc_nav>ul>li{ text-align: left; width: 33.33%;}
  .pc_nav>ul>li .erji{ display: none !important;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0; font-size: 14px; display: inline-block;}

  .nav_phone{ padding-top: 0; text-align: center;}
  .nav_phone a i{ font-size: 24px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 15px;}
  .ban_text{ padding-left: 10%;}
  .ban_text img{ max-width: 90%;}
  .s_banner .swiper_ye span:first-child{ font-size: 24px; line-height: 30px; margin-left: -8px;}
  .s_banner .swiper_ye span{ font-size: 14px; line-height: 18px;}
  .s_banner .swiper0 .swiper-button-next, .s_banner .swiper0 .swiper-button-prev{ width: 36px; height: 36px; right: 0; top: calc(45% + 36px);}
  .s_banner .swiper0 .swiper-button-next i, .s_banner .swiper0 .swiper-button-prev i{ line-height: 36px; font-size: 16px;}
  .s_banner .swiper0 .swiper-button-prev{ right: 36px;}
  .fan_mouse{ width: 36px; height: 40px;}
  .s_ab_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .s_ab_text{ width: 100%;}
  .s_ab_text h2{ line-height: 18px;}
  .s_ab_text h2 strong{ font-size: 24px;}
  .s_ab_text h2 span{ font-size: 14px; line-height: 14px;}
  .s_ab_text h5{ margin-top: 15px;}
  .s_ab_nav{ width: 100%; margin: 0; padding: 10px 15px;}
  .s_ab_nav ul li a i{ font-size: 18px;}
  .s_ab_nav ul li a span{ font-size: 14px;}
  .s_about .container{ padding-left: 35px;transform: translateY(calc(-50% + 30px));}
  .s_ab_text h5 a{ font-size: 16px;}
  .s_yewu ul li{ width: 50%; height: 50%;}
  .s_yewu ul li.active{ width: 50%;}
  .syw_ico{ width: 60px; height: 40px; top: 45%; background: #fff0c7;}
  .syw_ico:after{ border-bottom: 15px solid #fff0c7;border-left: 30px solid transparent; border-right: 30px solid transparent;}
  .syw_ico:before{ border-top: 15px solid #fff0c7; border-left: 30px solid transparent; border-right: 30px solid transparent;}
  .syw_ico i{ font-size: 30px; line-height: 40px; color: #fff;}
  .syw_name span{ font-size: 18px; padding: 0; display: block;}
  .s_yewu ul li.active .syw_name span{ margin: 0; border: none;}
  .syw_name em{ position: static; font-size: 16px; display: block; transform: translateY(0); opacity: 1;}
  .s_yewu ul li:nth-child(3) .syw_ico, .s_yewu ul li:nth-child(4) .syw_ico{ top: 35%;}
  .s_yewu ul li:nth-child(3) .syw_name, .s_yewu ul li:nth-child(4) .syw_name{ bottom: 25%;}
  .s_yewu ul li.active .syw_ico:after{ border-bottom: 15px solid #2d3a45;}
  .s_yewu ul li.active .syw_ico:before{ border-top: 15px solid #2d3a45;}
  .snew_biao{ padding: 0 15px; padding-left: 35px; margin-bottom: 15px;}
  .snew_li{ padding: 0 15px; padding-left: 35px;}
  .snew_biao strong{ font-size: 24px; line-height: 30px;}
  .snew_biao span{ font-size: 16px; line-height: 18px;}
  .snew_biao ul li{ margin-left: 0;}
  .snew_biao ul li a{ padding: 4px 10px; font-size: 14px;}
  .snew_img{ width: 100%;}
  .snew_text{ width: 100%; margin: 0;}
  .snew_time{ display: none;}
  .snew_text a{ width: 100%; transform: translateY(0); position: static;}
  .snew_li{ display: none;}
  .snew_li:first-child{ display: block;}
  .snew_text h4{ font-size: 16px; margin-bottom: 15px;}
  .snew_text p{ line-height: 24px; font-size: 14px;}
  .snew_more a{ font-size: 16px;}
  .footer{ padding-top: 20px;}
  .foot_left h4{ font-size: 14px; margin-bottom: 10px;}
  .foot_left h4:last-child{ margin-top: 15px;}
  .footer .caption{ display: none;}
  .foot_logo{display: none;}
  .foot_form button.btn, .foot_form input.btn{ padding: 6px 15px; font-size: 14px; margin-top: 15px;}
  .foot_form input{ font-size: 14px; height: 40px;}
  .foot_form{ margin-top: 15px; padding-left: 0;}
  .foot_di{ padding: 15px; margin-top: 20px;}


  /* 内页开始 */
  .n_banner{ margin-top: 60px;}
  .n_banner span{ font-size: 14px; line-height: 30px;}
  .n_banner span strong{ font-size: 24px; line-height: 36px;}
  .header.ny .pc_nav>ul>li>a{ color: #fff;}
  .ny_weizhi ul li a{ padding: 15px 5px;}
  .ny_weizhi ul li{ margin-right: 10px;}
  .ny_weizhi .container{ width: 100%; padding: 0 15px;}
  .ny_weizhi ul li a{ font-size: 16px;}
  .weizhi{ position: static; transform: translateY(0); display: none;}
  .ny_biao span{ font-size: 24px;}
  .ny_biao strong{ font-size: 30px; white-space: nowrap;}
  .n_honor_1, .n_rongyu{ padding: 30px 0;}
  .n_honor_1 ul, .n_rongyu .swiper1{ margin-top: 30px;}
  .n_honor_1 ul li span{ font-size: 16px; padding: 10px 0;}
  .n_honor_1 ul li{ width: 50%; text-shadow: 0px 2px 2px rgba(0,0,0,0.3);}
  .n_honor_1 ul li p{ font-size: 14px; line-height: 30px;}
  .n_about_1 h2{ font-size: 18px; line-height: 36px; margin-bottom: 20px;}
  .n_about_1 h2 span{ font-size: 12px; line-height: 18px;}
  .n_about_1 p{ font-size: 14px; line-height: 24px;}
  .n_about_1{ padding-bottom: 30%; background-size: contain; background-position: center bottom;}
.n_about_2{ padding: 30px 0;}
.n_about_2 .container, .n_new .container, .n_dangqun.yewu .container{ width: 100%; padding: 0 15px;}
.nabout2_left, .nabout2_right{ width: 100%;}
.nabout2_left .ty_content p{ font-size: 14px; line-height: 24px;}
.nabout2_right{ padding-top: 60px;}
.n_dangqun, .n_rencai_2{ padding: 30px 0;}
.ndq_li{ width: 100%; margin: 0; margin-bottom: 15px;}
.fanye{ padding: 15px 0;}
.fanye a{ line-height: 24px;}
.zhaopin_2 .panel-heading a{ padding: 12px 15px; padding-right: 36px; font-size: 16px;}
.zhaopin_2 .panel-heading a span{ font-size: 14px;}
.zhaopin_2 .panel-heading a i{ right: 8px; width: 24px; height: 24px;}
.zhaopin_2 .panel-body{ padding: 0 15px;}
.link_a a{ padding: 8px 15px;}
.n_rencai_1{ padding: 30px 0; padding-bottom: 45%;}
.n_rencai_1 .ty_content{ margin-top: 30px;}
.n_rencai_1 .ty_content p{ font-size: 16px; line-height: 30px;}
.swiper_fan{ margin-top: 15px;}
.n_rencai_2 .swiper1 .swiper-button-next, .n_rencai_2 .swiper1 .swiper-button-prev{ margin: 0 5px;}
.shiye_time{ display: none;}
.shiye_img{ width: 100%;}
.shiye_text{ width: 100%; margin: 0;}
.shiye_text a{ position: static; transform: translateY(0);}
.n_shiye, .n_new, .n_dangqun.yewu{ padding: 30px 0;}
.shiye_li{ padding:20px 15px;}
.shiye_text h4{ margin-bottom: 15px; font-size: 16px;}
.shiye_text p{ font-size: 14px; line-height: 24px;}
.nnew_biao{ font-size: 18px; line-height: 30px; padding-bottom: 20px;}
.fanye02{ margin-top: 20px; padding-top: 20px;}
.fanye02 a{ padding: 8px 20px; font-size: 14px;}
.nnew_li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
.n_dangqun.yewu .ndq_li{ width: 100%; margin-bottom: 20px; margin-right: 0;}
.ny_biao2 span{ font-size: 18px; padding-bottom: 15px;}
.n_yewu.n_rencai_2 .swiper_fan{ margin-top: 30px;}
.ny_biao2{ margin-bottom: 30px;}
.n_yewu.n_rencai_2{ padding: 30px 0;}
.n_zizhi{ padding: 60px 0;}
.zizhi_li{ width: 100%; margin: 0; margin-bottom: 20px;}
.zizhi_name{ position: static; font-size: 16px; line-height: 30px;}


}
@media (min-width:991px) and (max-width:1200px) {
  .header{ height: 80px;}
  .header.ny{ height: 80px;}
  .logo{ height: 60px; top: 10px;}
  .pc_nav>ul>li>a{ height: 80px; line-height: 80px; padding: 0 5px; font-size: 14px;}
  .nav_more{ line-height: 80px;}
  .erji ul{ padding: 10px 0;}
  .erji ul li a{ font-size: 14px;}
  .xian i{ height: 3px;}
  .nav_tel_ss{ margin-left: 20px;}
  .nav_tel_ss a i{ font-size: 18px;}
  .nav_lang a{ font-size: 16px;}
  .header .container{ padding-right: 90px; padding-left: 30%;}

  /*.ban_text{ padding-left: 15%;}*/
  /*.ban_text img{ max-width: 55%;}*/
  .fan_mouse{ width: 46px; height: 48px;}
  .s_ab_text h2{ line-height: 20px;}
  .s_ab_text h2 strong{ font-size: 24px;}
  .s_ab_text h2 span{ font-size: 14px; line-height: 14px;}
  .s_ab_text p{ margin: 10px 0; font-size: 14px; line-height: 24px;}
  .s_ab_text h5 a{ font-size: 16px;}
  .s_ab_nav{ padding: 30px 30px;}
  .s_ab_nav ul li a i{ font-size: 30px;}
  .s_ab_nav ul li a span{ font-size: 16px;}
  .syw_ico{ width: 90px; height: 50px;}
  .syw_ico i{ line-height: 50px; font-size: 36px;}
  .syw_ico:after, .syw_ico:before{ border-left: 45px solid transparent; border-right: 45px solid transparent;}
  .syw_ico:after{ border-bottom: 25px solid #fff;}
  .syw_ico:before{ border-top: 25px solid #fff;}
  .s_yewu ul li.active .syw_ico:after{ border-bottom: 25px solid #2d3a45;}
  .s_yewu ul li.active .syw_ico:before{ border-top: 25px solid #2d3a45;}
  .syw_name span{ font-size: 20px; line-height: 20px;}
  .s_yewu ul li.active .syw_name span{ border-left: 3px solid #fff;}
  .syw_name em{ font-size: 16px;}
  .snew_li{ padding: 20px 215px;}
  .snew_biao strong{ font-size: 30px; line-height: 30px;}
  .snew_biao span{ font-size: 16px;}
  .snew_biao ul li a{ padding: 8px 20px; font-size: 16px;}
  .snew_text h4{ font-size: 16px; margin-bottom: 15px;}
  .snew_text p{ line-height: 24px; font-size: 14px;}
  .snew_time span{ font-size: 18px;}
  .snew_more a{ font-size: 16px;}
  .footer{ padding-top: 50px;}
  .foot_left h4{ font-size: 14px; margin-bottom: 30px;}
  .foot_left h4:last-child{ margin-top: 30px;}
  .footer .caption h5{ font-size: 14px; font-weight: bold; margin-bottom: 20px;}
  .foot_form{ margin-top: 20px;}
  .foot_form input{ font-size: 14px;}
  .foot_form button.btn, .foot_form input.btn{ font-size: 14px; padding: 8px 30px; margin-top: 20px;}

  /* 内页开始 */
  .container{ width: 970px;}
  .n_banner{ margin-top: 80px;}
  .n_banner span strong{ font-size: 36px; line-height: 36px;}
  .n_banner span{ font-size: 18px; line-height: 36px;}
  .zizhi_name{ font-size: 16px; line-height: 24px;}
  .ny_biao strong{ font-size: 46px;}
  .ny_biao span{ font-size: 30px;}
  .ny_weizhi ul li a{ padding: 20px 15px; font-size: 16px;}
  .nnew_biao{ font-size: 20px; line-height: 36px;}
  .nnew_tuijian h3{ font-size: 20px;}
  .shiye_text h4{ margin-bottom: 20px; font-size: 16px;}
  .shiye_text p{ font-size: 14px; line-height: 24px;}
  .shiye_time span strong{ font-size: 46px; line-height: 46px;}
  .ty_content img{ max-width: 70%;}
  .n_rencai_1 .ty_content p{ font-size: 16px; line-height: 30px;}
  .n_about_1 p{ font-size: 14px; line-height: 24px;}
  .n_about_2{ padding: 90px 0;}
  .nabout2_left .ty_content p{ font-size: 14px; line-height: 24px;}
  .n_rongyu .swiper1 h5{ font-size: 14px; line-height: 20px;}

}
@media (min-width:1201px) and (max-width:1440px) {
  .header{ height: 80px;}
  .header.ny{ height: 80px;}
  .logo{ height: 80px;}
  .pc_nav>ul>li>a{ height: 80px; line-height: 80px; padding: 0 5px; font-size: 14px;}
  .nav_more{ line-height: 80px;}
  .erji ul{ padding: 10px 0;}
  .erji ul li a{ font-size: 14px;}
  .xian i{ height: 3px;}
  .nav_tel_ss{ margin-left: 20px;}
  .nav_tel_ss a i{ font-size: 18px;}
  .nav_lang a{ font-size: 16px;}
  .header .container{ padding-right: 110px;}

  /*.ban_text{ padding-left: 5%;}*/
  /*.ban_text img{ max-width: 55%;}*/
  .fan_mouse{ width: 46px; height: 48px;}
  .s_ab_text h2{ line-height: 20px;}
  .s_ab_text h2 strong{ font-size: 24px;}
  .s_ab_text h2 span{ font-size: 14px; line-height: 14px;}
  .s_ab_text p{ margin: 10px 0; font-size: 14px; line-height: 24px;}
  .s_ab_text h5 a{ font-size: 16px;}
  .s_ab_nav{ padding: 30px 30px;}
  .s_ab_nav ul li a i{ font-size: 30px;}
  .s_ab_nav ul li a span{ font-size: 16px;}
  .syw_ico{ width: 90px; height: 50px;}
  .syw_ico i{ line-height: 50px; font-size: 36px;}
  .syw_ico:after, .syw_ico:before{ border-left: 45px solid transparent; border-right: 45px solid transparent;}
  .syw_ico:after{ border-bottom: 25px solid #fff;}
  .syw_ico:before{ border-top: 25px solid #fff;}
  .s_yewu ul li.active .syw_ico:after{ border-bottom: 25px solid #2d3a45;}
  .s_yewu ul li.active .syw_ico:before{ border-top: 25px solid #2d3a45;}
  .syw_name span{ font-size: 20px; line-height: 20px;}
  .s_yewu ul li.active .syw_name span{ border-left: 3px solid #fff;}
  .syw_name em{ font-size: 16px;}
  .snew_li{ padding: 20px 215px;}
  .snew_biao strong{ font-size: 30px; line-height: 30px;}
  .snew_biao span{ font-size: 16px;}
  .snew_biao ul li a{ padding: 8px 20px; font-size: 16px;}
  .snew_text h4{ font-size: 16px; margin-bottom: 15px;}
  .snew_text p{ line-height: 24px; font-size: 14px;}
  .snew_time span{ font-size: 18px;}
  .snew_more a{ font-size: 16px;}
  .footer{ padding-top: 50px;}
  .foot_left h4{ font-size: 14px; margin-bottom: 30px;}
  .foot_left h4:last-child{ margin-top: 30px;}
  .footer .caption h5{ font-size: 14px; font-weight: bold; margin-bottom: 20px;}
  .foot_form{ margin-top: 20px;}
  .foot_form input{ font-size: 14px;}
  .foot_form button.btn, .foot_form input.btn{ font-size: 14px; padding: 8px 30px; margin-top: 20px;}

  /* 内页开始 */

  .n_banner{ margin-top: 80px;}
  .n_banner span strong{ font-size: 46px; line-height: 46px;}
  .n_banner span{ font-size: 18px; line-height: 36px;}
  .zizhi_name{ font-size: 16px; line-height: 24px;}
  .ny_biao strong{ font-size: 56px;}
  .ny_biao span{ font-size: 30px;}
  .ny_weizhi ul li a{ padding: 20px 15px; font-size: 16px;}
  .nnew_biao{ font-size: 20px; line-height: 36px;}
  .nnew_tuijian h3{ font-size: 20px;}
  .shiye_text h4{ margin-bottom: 20px; font-size: 16px;}
  .shiye_text p{ font-size: 14px; line-height: 24px;}
  .shiye_time span strong{ font-size: 46px; line-height: 46px;}
  .ty_content img{ max-width: 70%;}
  .n_rencai_1 .ty_content p{ font-size: 16px; line-height: 30px;}

}
@media (min-width:1441px) and (max-width:1800px) {
  .pc_nav>ul>li>a{ padding: 0 5px; font-size: 16px;}
  .xian i{ height: 3px;}
  .nav_tel_ss{ margin-left: 20px;}
  .nav_tel_ss a i{ font-size: 18px;}
  .nav_lang a{ font-size: 16px;}
  .header .container{ padding-right: 110px;}

  .ban_text{ padding-left: 5%;}
  /*.ban_text img{ max-width: 55%;}*/
  .fan_mouse{ width: 46px; height: 48px;}
  .s_ab_text h2{ line-height: 30px;}
  .s_ab_text h2 strong{ font-size: 36px;}
  .s_ab_text h2 span{ font-size: 16px; line-height: 16px;}
  .s_ab_text p{ margin: 10px 0; font-size: 16px; line-height: 30px;}
  .s_ab_text h5 a{ font-size: 16px;}
  .s_ab_nav{ padding: 30px 30px;}
  .s_ab_nav ul li a i{ font-size: 36px;}
  .s_ab_nav ul li a span{ font-size: 16px;}
  .syw_name span{ font-size: 20px; line-height: 20px;}
  .s_yewu ul li.active .syw_name span{ border-left: 3px solid #fff;}
  .syw_name em{ font-size: 16px;}
  .snew_li{ padding: 20px 215px;}
  .snew_biao strong{ font-size: 30px; line-height: 30px;}
  .snew_biao span{ font-size: 16px;}
  .snew_biao ul li a{ padding: 8px 20px; font-size: 16px;}
  .snew_text h4{ font-size: 16px; margin-bottom: 15px;}
  .snew_text p{ line-height: 24px; font-size: 14px;}
  .snew_time span{ font-size: 18px;}
  .snew_more a{ font-size: 16px;}
  .footer{ padding-top: 50px;}
  .foot_left h4{ font-size: 14px; margin-bottom: 30px;}
  .foot_left h4:last-child{ margin-top: 30px;}
  .footer .caption h5{ font-size: 14px; font-weight: bold; margin-bottom: 20px;}
  .foot_form{ margin-top: 20px;}
  .foot_form input{ font-size: 14px;}
  .foot_form button.btn, .foot_form input.btn{ font-size: 14px; padding: 8px 30px; margin-top: 20px;}


  

}


@media (min-width:1441px){

}

@media (max-width:991px) {


  .fanye{ text-align: center ;}
  .fanye a{ padding: 4px 8px ; }
  
  }
@media (min-width:991px) {
  .container{ padding: 0;}

  .fancybox-button {  width: 60px ;  height: 60px ;}
  .fancybox-navigation button {  width: 80px ; height:120px ;}
  .fancybox-navigation button:before { width: 60px ; height: 60px ;}
}


/* ===== 在线留言表单样式 ===== */
.n_message{ padding: 80px 0; background: #f7f9fc;}
.n_message .ny_biao{ color: #2d3a49; margin-bottom: 20px;}
.n_message .ny_biao strong{ font-family: 'Impact'; text-transform: uppercase; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; opacity: 0.06; font-size: 76px; white-space: nowrap;}
.n_message .ny_biao span{ display: inline-block; font-size: 44px; font-weight: bold; font-family: 'SourceHanSansCN-Bold'; position: relative;}

.msg_intro{ text-align: center; font-size: 16px; color: #888; line-height: 30px; margin-bottom: 50px;}

.msg_form_wrap{ max-width: 860px; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: 0px 6px 30px rgba(0,0,0,0.06); padding: 60px 70px; position: relative; overflow: hidden;}
.msg_form_wrap:before{ content: ''; width: 6px; height: 100%; background: #2d3a49; position: absolute; left: 0; top: 0;}

.msg_field{ margin-bottom: 28px;}
.msg_field label{ font-size: 15px; color: #333; font-weight: normal; display: block; margin-bottom: 10px; font-family: 'SourceHanSansCN-Regular';}
.msg_field label em{ color: #fff0c7; font-style: normal;}
.msg_field label i{ color: #2d3a49; font-size: 15px;}

.msg_input{ width: 100%; height: 48px; border: 1px solid #e0e4e8; border-radius: 4px; padding: 0 16px; font-size: 15px; color: #333; outline: none; transition: all 0.3s; background: #fafbfc; font-family: 'SourceHanSansCN-Regular';}
.msg_input:focus{ border-color: #2d3a49; background: #fff; box-shadow: 0 0 0 3px rgba(26,77,154,0.08);}
.msg_input::placeholder{ color: #b0b8c4;}
.msg_input.error{ border-color: #fff0c7;}

.msg_textarea{ width: 100%; height: 140px; border: 1px solid #e0e4e8; border-radius: 4px; padding: 14px 16px; font-size: 15px; color: #333; outline: none; transition: all 0.3s; background: #fafbfc; resize: vertical; font-family: 'SourceHanSansCN-Regular';}
.msg_textarea:focus{ border-color: #2d3a49; background: #fff; box-shadow: 0 0 0 3px rgba(26,77,154,0.08);}
.msg_textarea::placeholder{ color: #b0b8c4;}

.msg_submit_row{ text-align: center; margin-top: 40px;}
.msg_btn{ display: inline-flex; align-items: center; padding: 14px 56px; background: #2d3a49; color: #fff; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; transition: all 0.3s; font-family: 'SourceHanSansCN-Regular'; letter-spacing: 2px; outline: none;}
.msg_btn i{ margin-left: 8px; font-size: 16px; transition: all 0.3s;}
.msg_btn:hover{ background: #153d7a; box-shadow: 0px 4px 15px rgba(26,77,154,0.3);}
.msg_btn:hover i{ transform: translateX(4px);}
.msg_btn:active{ transform: translateY(1px);}
.msg_btn.loading{ pointer-events: none; opacity: 0.7;}
.msg_btn.loading i{ display: none;}

.msg_success{ display: none; text-align: center; padding: 60px 20px;}
.msg_success_icon{ width: 80px; height: 80px; border-radius: 50%; background: #e8f0fe; line-height: 80px; text-align: center; margin: 0 auto 24px;}
.msg_success_icon i{ font-size: 40px; color: #2d3a49;}
.msg_success h3{ font-size: 24px; color: #2d3a49; margin: 0 0 10px; font-family: 'SourceHanSansCN-Bold';}
.msg_success p{ font-size: 16px; color: #888; margin: 0 0 30px; line-height: 28px;}
.msg_success .msg_btn{ padding: 12px 40px; font-size: 15px; letter-spacing: 1px;}

@media (max-width:767px){
  .n_message{ padding: 40px 0;}
  .msg_intro{ font-size: 14px; margin-bottom: 30px; padding: 0 15px;}
  .msg_form_wrap{ padding: 30px 20px; border-radius: 0;}
  .msg_form_wrap:before{ width: 4px;}
  .msg_field{ margin-bottom: 20px;}
  .msg_submit_row{ margin-top: 30px;}
  .msg_btn{ padding: 12px 40px; font-size: 15px; width: 100%; justify-content: center;}
  .msg_success{ padding: 40px 20px;}
  .n_message .ny_biao span{ font-size: 28px;}
  .n_message .ny_biao strong{ font-size: 36px;}
}

@media (min-width:768px) and (max-width:991px) {
  .n_message{ padding: 50px 0;}
  .msg_form_wrap{ padding: 40px 35px;}
  .msg_intro{ font-size: 15px; margin-bottom: 35px;}
  .n_message .ny_biao span{ font-size: 32px;}
  .n_message .ny_biao strong{ font-size: 46px;}
}


/* ===== 网站地图样式 ===== */
.n_sitemap{ padding: 80px 0; background: #f7f9fc;}
.n_sitemap .ny_biao{ color: #2d3a49; margin-bottom: 20px;}
.n_sitemap .ny_biao strong{ font-family: 'Impact'; text-transform: uppercase; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; opacity: 0.06; font-size: 76px; white-space: nowrap;}
.n_sitemap .ny_biao span{ display: inline-block; font-size: 44px; font-weight: bold; font-family: 'SourceHanSansCN-Bold'; position: relative;}

.sitemap_intro{ text-align: center; font-size: 16px; color: #888; line-height: 30px; margin-bottom: 50px;}

.sitemap_list{ max-width: 960px; margin: 0 auto;}

.sitemap_block{ background: #fff; border-radius: 8px; padding: 30px 30px; margin-bottom: 30px; box-shadow: 0px 2px 12px rgba(0,0,0,0.04); transition: all 0.3s; border-left: 3px solid #2d3a49;}
.sitemap_block:hover{ box-shadow: 0px 6px 24px rgba(0,0,0,0.08); transform: translateY(-3px);}

.sitemap_block_head{ display: flex; align-items: center; margin-bottom: 14px;}
.sitemap_block_head i{ font-size: 24px; color: #2d3a49; margin-right: 12px; flex-shrink: 0;}
.sitemap_block_head h3{ margin: 0; font-size: 18px; font-family: 'SourceHanSansCN-Bold';}
.sitemap_block_head h3 a{ color: #2d3a49; transition: all 0.3s;}
.sitemap_block_head h3 a:hover{ color: #fff0c7;}

.sitemap_desc{ font-size: 14px; color: #999; line-height: 22px; margin: 0;}

.sitemap_sublist{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.sitemap_sublist li{ margin-right: 20px; margin-bottom: 6px; position: relative; padding-left: 14px;}
.sitemap_sublist li:before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: #ccd5e3; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.sitemap_sublist li:hover:before{ background: #2d3a49;}
.sitemap_sublist li a{ font-size: 14px; color: #666; transition: all 0.3s; line-height: 28px;}
.sitemap_sublist li a:hover{ color: #2d3a49;}

@media (max-width:767px){
  .n_sitemap{ padding: 40px 0;}
  .sitemap_intro{ font-size: 14px; margin-bottom: 30px;}
  .sitemap_block{ padding: 20px 20px; margin-bottom: 20px;}
  .sitemap_block_head h3{ font-size: 16px;}
  .sitemap_block_head i{ font-size: 20px; margin-right: 10px;}
  .sitemap_sublist li{ margin-right: 12px;}
  .sitemap_sublist li a{ font-size: 13px;}
  .n_sitemap .ny_biao span{ font-size: 28px;}
  .n_sitemap .ny_biao strong{ font-size: 36px;}
}

@media (min-width:768px) and (max-width:991px) {
  .n_sitemap{ padding: 50px 0;}
  .sitemap_block{ margin-bottom: 25px;}
  .n_sitemap .ny_biao span{ font-size: 32px;}
  .n_sitemap .ny_biao strong{ font-size: 46px;}
}

.fanye {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  --itemBorder: 40px;
}
.fanye .page-item .page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--itemBorder);
  height: var(--itemBorder);
  font-size: 14px;
  color: #000;
  transition: all 0.5s ease-in-out;
  padding: 0;
  background: #eff2f9;
  border-radius: 5px;
}
.fanye .page-item.active .page-link {
  background: #2d3a49;
  color: #fff;
}
.fanye .page-item:hover .page-link {
  background: #2d3a49;
  color: #fff;
}
.fanye .page-item:not(:last-child) {
  margin-right: 20px;
}

a:focus {
    outline: 0;
}