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;}



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

.flex_1{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_2{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_3{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_4{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.flex_5{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_6{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_7{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_8{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_9{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_10{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_11{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_12{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}



@font-face {
	font-family: 'Akzidenz Grotesk-Medium Extended';
	src: url('../fonts/Akzidenz Grotesk-Medium Extended.otf');
	font-weight: normal;
	font-style: normal;
}

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

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

@font-face {
	font-family: 'ABBEYROADNF';
	src: url('../fonts/ABBEYROADNF.OTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CHAMPAGNE_LIMOUSINESBOLD';
	src: url('../fonts/CHAMPAGNE_LIMOUSINESBOLD.TTF');
	font-weight: normal;
	font-style: normal;
}




.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;}

.maodian{ position: absolute; left:0; top:-100px;}


#fp-nav{ display: none;}


.header.op{ opacity: 0; pointer-events: none;}
.header.cur{ border-bottom: 1px solid rgba(0,0,0,0.21);}
.header.cur .pc_nav ul li a{ color: #333;}
.header.cur .pc_nav ul li.active a{ color: #c2000c;}
.header.cur .pc_nav ul li:hover a{ color: #c2000c;}
.header.cur .pc_xian i{ background: #c2000c;}
.header.cur .head_more div{ color: #666;}
.header.cur .head_more div a{ color: #666;}
.header.cur .head_more div a.active:after{ background: #666;}
.header.cur .head_more div:hover i{ color: #c2000c;}
.header.cur .head_more div a:hover{ color: #c2000c;}
.header.cur .head_more div a:hover:after{ background: #c2000c;}
.header.cur .logo a img:first-child{ display: none;}
.header.cur .logo a img:last-child{ display: block;}
.header.cur .pc_xiala{ background: rgba(255,255,255,0.95);}
.header.cur .pc_nav ul li .erji a{ color: #666;}
.header.cur .pc_nav ul li .erji a:after{ background: #c2000c;}
.header.ny.cur{ background: rgba(255,255,255,0.9);}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 101px; border-bottom: 1px solid rgba(0,0,0,0.21); z-index: 9999; transition: all 0.5s; background: #fff;}
.header .container{ position: relative; padding: 0;}
.logo{ height: 100px; position: absolute; left: 0; top: 0;}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 70px; width: auto; margin-top: 15px;} 
/*
.logo a img:last-child{ display: none;}*/

.pc_nav{ padding-right: 240px; padding-left: 23%;}
.pc_nav ul li a{ line-height: 100px; padding: 0 10px; text-transform: uppercase; font-size: 16px; font-family: '微软雅黑'; color: #333; display: block; letter-spacing: 1px; transition: all 0.3s;}

.pc_nav ul li{ position: relative;}
.pc_nav ul:hover .erji{ opacity: 1; pointer-events: auto; transition-delay: 0.3s;}
.pc_nav ul:hover .erji a{ transform: translateY(0); opacity: 1; transition: all 0.5s ease-out;}
.pc_nav ul li .erji{ position: absolute; left: 0; top: 100%; padding-top: 15px; padding-left: 10px; opacity: 0; pointer-events: none; transition: all 0.3s ease-out;}
.pc_nav ul li .erji a{ margin: 5px 0; line-height: 30px; white-space: nowrap; font-size: 14px; transition: all 0.3s ease-out; position: relative; padding-bottom: 2px; padding: 0; transform: translateY(50%); opacity: 0;}
.pc_nav ul li .erji a:after{ content: ''; width: 0; height: 2px; background: rgba(255,255,255,0.5); transition: all 0.3s ease-out; position: absolute; bottom: 0; left: 0;}
.pc_nav ul li .erji a:hover{ letter-spacing: 3px;}
.pc_nav ul li .erji a:hover:after{ width: 100%;}

.pc_xiala:hover, .pc_nav ul:hover .pc_xiala{ height: 0;}
.pc_xiala{ position: fixed; top: 0; left: 0; width: 100%; height: 0; background: transparent; transition: all 0.5s ease-out; z-index: -1; box-shadow: none;}



.head_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; padding-left: 45px;}
.head_more:after{ content: ''; width: 1px; height: 16px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.head_more div{ height: 40px; display: inline-block; color: #666; line-height: 40px; font-size: 18px;}
.head_search i{ font-size: 18px;}
.head_lang{ margin-left: 25px;}
.head_lang a{ display: inline-block; margin: 0 10px; color: #666; font-size: 18px; position: relative;}
.head_lang a.active:after{ content: ''; width: 100%; height: 2px; background: #666; position: absolute; bottom: 0px; left: 0;}

.pc_xian{ position: absolute; left: 0; width: 100%; height: 1px; top: 100%; pointer-events: none;}
.pc_xian i{ position: absolute; left: 0; bottom: 0; z-index: 2; background: #c2000c; width: 0; height: 3px; display: block; transition: all 1s;}

.s_banner{ position: relative; height: 100%; width: 100%;}
.s_banner .swiper0{ width: 100%; height: 100%;}
.s_banner .swiper-slide{ overflow: hidden; position: relative; height: 100vh;}
.s_banner .swiper-slide>div{ display: block; height: 100%; position: relative;}
.ban_text{ position: absolute; top: 48%; transform: translateY(-50% + 50px); left: 0; right: 0; margin: 0 auto; z-index: 2; color: #fff; text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.ban_text span{ font-size: 52px; display: block; font-weight: bold; line-height: 52px; margin-bottom: 15px;}
.ban_text strong{font-family: 'AKZIDENZGROTESK-EXTRABOLDCONDALT'; font-size: 28px; text-transform: uppercase; line-height: 36px; display: block;}

.s_banner .swiper0 .swiper-pagination{ position: static; width: auto; color: #fff; display: inline-block; opacity: 1; font-weight: bold; font-size: 18px;}
.s_banner .swiper0 .swiper-pagination span.swiper-pagination-total{ font-size: 18px;}
.s_banner .swiper0 .swiper-pagination span.swiper-pagination-current{ font-size: 30px; margin-right: 3px;}
.s_banner .swiper0 .swiper-pagination span:before{content: '0';}
.s_banner .swiper0 .swiper-button-prev, .s_banner .swiper0 .swiper-button-next{ background: none; color: #fff; width: 40px; height: 40px; text-align: center; margin: 0; opacity: 1;}
.s_banner .swiper0 .swiper-button-prev i, .s_banner .swiper0 .swiper-button-next i{ line-height: 40px; display: inline-block; font-size: 30px;}
.s_banner .swiper0 .swiper-button-prev{ right: 40px; top: 0; left: auto;}
.s_banner .swiper0 .swiper-button-next{ right: 0px; top: 0;}
.ban_fan{ position: absolute; right: 10%; bottom: 10%; z-index: 10; width: 190px; border-bottom: 3px solid #fff; padding-bottom: 5px;}
.banner_xian{ position: absolute; bottom: -3px; left: 0; background: #c2000c; height: 3px; z-index: 2; width: 0; transition: all 1s ease-in-out;}



.banner_down a{ color: #fff; display: block; width: 100%; height: 100%; position: relative;}
.banner_down{ width: 96px; height: 96px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 90px; text-align: center; color: #fff; z-index: 2;}
.banner_down:before{ content: ''; width: 1px; height: 60px; background: #fff; position: absolute; top: calc(100% + 30px);left: 50%; margin-left: -0.5px;}
.banner_down:after{ content: ''; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; border: 2px dashed #fff; pointer-events: none;
  -webkit-animation: banner_down1 10s linear infinite;
  animation: banner_down1 10s linear infinite;}
.banner_down i{ font-size: 36px; display: inline-block; line-height: 96px;}

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


#zhiding{ position: fixed; right: 10px; bottom: 10px; z-index: 99; width: 60px; height: 60px; text-align: center; color: #fff; border-radius: 4px; background: linear-gradient(to right, #005bad 0%,#009ee7 100%); cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.5s;}
#zhiding.active{ opacity: 1; pointer-events: auto;}
#zhiding i{ line-height: 60px; display: inline-block; font-size: 30px;}

.s_page.cur{ color: #666;}
.s_page.cur b{ background: rgba(0,0,0,0.1);}
.s_page{ position: fixed; bottom: 10%; left: 2%; z-index: 99; text-transform: uppercase; color: #fff; font-size: 14px;}
.s_page span{ display: block; font-weight: bold; transform: rotate(90deg); transition-duration: left bottom;}
.s_page b{ width: 2px; height: 60px; background: rgba(255,255,255,1); display: block; margin: 20px auto;}
.s_page i{ text-align: center; display: block; margin: 0 auto;} 
.s_page strong{ height: 25px; line-height: 25px; text-align: center; display: block; margin: 0 auto; font-size: 16px;}


.s_news{ transform: translateY(50px);}
.s_biao{ font-size: 40px; color: #c2000c; margin-bottom: 30px;}
.snew_left{ width: 28.8%;}
.snew_right{ width: 68%;}
.snew_ty .snew_img{ width: 49%;}
.snew_ty .snew_text{ width: 47%;}
.snew_img{ overflow: hidden;}
.snew_img a{ padding-top: 63.4%; display: block; transition: all 0.5s;}
.snew_left .snew_text{ border: 1px solid #Dedede; padding: 10px 8%; padding-bottom: 8%;}
.snew_text h5{ color: #999; font-size: 16px;}
.snew_text h3{ color: #000000; line-height: 38px; transition: all 0.3s;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_text p{ color: #666; line-height: 28px; font-size: 16px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.snew_text h6{ margin-top: 25px;}
.snew_text h6 a{ font-size: 14px; display: inline-block; padding: 8px 10px; background: #f5f5f5; color: #666; transition: all 0.3s;}
.snew_text h6 a i{ display: inline-block; margin-left: 5px;}
.snew_ty{ background: #f5f4f6;}
.snew_ty .snew_text { padding: 0 3%;}
.snew_ty .snew_text h6 a{ background: #ebeaec;}
.snew_ty2{ padding-top: 10px; border-top: 1px dashed #Dedede; margin-top: 25px;}
.hover_red:hover .snew_text h3{ color: #c2000c;}
.hover_red:hover .snew_img a{ transform: scale(1.05);}
.hover_red:hover .snew_text h6 a{ background: #c2000c; color: #fff;}

.s_about{ height: 100vh; padding-top: 100px;}
.sab_left{ width: 39%; height: 100%; position: relative;}
.sab_right{ width: 43%;}

.yd_in{ width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 18px; color: #fff; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; margin: 0 auto; transition: all 1s; cursor: pointer;}
.yd_in i{ display: inline-block; font-size: 34px;
	-webkit-animation: in_span 5s linear infinite;
	animation: in_span 5s linear infinite;}
.zh_in{ position: absolute; left: 1px; top: 1px; z-index: -1;
  width: 80px; height: 80px;
  -webkit-animation: zh_in 3s linear infinite;
  animation: zh_in 3s linear infinite;}
.zh_in:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; position: absolute; right: -2px; top: 50%;}
.zh_in img{ display: block; width: 100%;}
@-webkit-keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@-webkit-keyframes in_span {
  0%{ transform: scale(1);}
  50% { transform: scale(1.2);}
  100% { transform: scale(1);}
}
@keyframes in_span {
  0%{ transform: scale(1);}
  50% { transform: scale(1.2);}
  100% { transform: scale(1);}
}

.sab_biao{font-family: 'Akzidenz Grotesk-Medium Extended'; position: absolute; left: 100%; top: 20%; padding-top: 40px; color: #0071b7; font-weight: bold; text-align: right;}
.sab_biao:after{ content: ''; width: 45px; height: 7px; background: #0071b7; position: absolute; top: 0; right: 0;}
.sab_biao span{ display: block; position: relative; font-size: 64px; line-height: 70px;}
.sab_biao span em{ display: block; position: absolute; right: 100%; white-space: nowrap; color: #fff; font-style: normal;}
.sab_biao i{ font-style: normal; display: block; margin-top: 20px; font-style: 15px;}

.sab_right .ty_content p{ margin: 20px 0;}
.sab_right ul{ width: 100%; margin-bottom: 10%; border-top: 1px solid #dedede; padding-top: 20px; position: relative;}
.sab_right ul li{ width: 24%;}
.sab_right ul li.active a{ color: #c2000c; font-weight: bold;}
.sab_right ul li a{ padding: 10px 0; font-size: 18px; color: #555; display: block; text-align: center;}
.sab_xian{ width: 20%; height: 3px; top: 0; background: #c2000c; position: absolute; left: 0; z-index: 2; transition: all 0.5s ease-in-out;}
.sab_right ul li a:hover{ color: #c2000c;}
.sab_more{ margin-top: 40px;}
.sab_more a{ color: #0071b7;}
.sab_more a i{ width: 30px; height: 30px; border-radius: 50%; border: 1px solid #0071b7; display: inline-block; position: relative; margin-right: 20px; padding-left: 15px; line-height: 28px; font-size: 28px; vertical-align: middle;
  -webkit-animation: sab_m 2s ease-in-out infinite;
  animation: sab_m 2s ease-in-out infinite;}

@-webkit-keyframes sab_m {
  0%{ padding-left: 0px;}
  50% { padding-left: 15px;}
  100% { padding-left: 0px;}
}
@keyframes sab_m {
  0%{ padding-left: 0px;}
  50% { padding-left: 15px;}
  100% { padding-left: 0px;}
}


    
#videModal.cur{ opacity: 1; pointer-events: auto;}
#videModal.cur .modal_bai{ top: 50%;}
#videModal{ background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.5s;}
#videModal .modal_bai{ width: 800px; background: #0071b7; padding: 0 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);  position: absolute; top: 60%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 1px solid #0071b7; border-radius: 2px; transition: all 0.3s;}
#videModal .modal_bai .modal-header{ border: none; font-size: 16px; font-weight: bold; position: relative; color: #fff;}
#myModalLabel{ font-size: 16px; font-weight: bold; line-height: 16px;}
#videModal .modal_bai .modal-header .close{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #fff; opacity: 1;}
#videModal .modal_bai .modal-body{ padding: 0;}
#videModal .modal_bai .modal-body video{width: 100%; min-height: 460px;}


.s_yuan.ani-in.cur{ pointer-events: none;}
.s_yuan{ width: 540px; margin: 0 auto; position: absolute; top: calc(50% + 50px); transform: translateY(-50%); left:0; right: 0; z-index: 2; pointer-events: none;}
/* .s_yuan:after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; transform: rotate(-45deg); transform-origin: center center;}
.s_yuan:before{ content: ''; height: 100%; width: 1px; background: #fff; position: absolute; top: 0; left: 50%;} */
.y_fang{ height: 100%; width: 50%; overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 2; transform: rotate(0deg); transform-origin: left center; transition: transform 1s linear; pointer-events: none;}
.n_yuan{ width: 100%; height: 100%; position: absolute; right: 100%; top: 0; overflow: hidden; transform: rotate(45deg); transform-origin: right center; pointer-events: none;}
.n_yuan:after{ content: ''; width: 540px; height: 540px; border-radius: 50%; border: 4px solid #fff; position: absolute; left:0; top: 0;}
.s_yuan ul{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; pointer-events: none;}
.s_yuan ul li{ width: 8px; height: 8px; border-radius: 50%; background: #fff; position: absolute;}
.s_yuan ul li span{ display: block; position: absolute; color: #fff; font-size: 16px; white-space: nowrap;}
.s_yuan ul li span i{ display: block; margin: 0 auto; text-align: center; font-size: 36px;}
.s_yuan ul li:nth-child(1) span{ bottom: 100%; left: 50%; padding-bottom: 10px; transform: translateX(-50%);}
.s_yuan ul li:nth-child(2) span{ top: 50%; left: 100%; padding-left: 20px; transform: translateY(-70%);}
.s_yuan ul li:nth-child(3) span{ top: 50%; left: 100%; padding-left: 10px; transform: translateY(-50%);}
.s_yuan ul li:nth-child(4) span{ top: 50%; left: 100%; padding-left: 10px; transform: translateY(-30%);}
.s_yuan ul li:nth-child(5) span{ top: 100%; left: 50%; padding-top: 10px; transform: translateX(-50%);}
.s_yuan ul li:nth-child(6) span{ top: 50%; right: 100%; padding-right: 10px; transform: translateY(-30%);}
.s_yuan ul li:nth-child(7) span{ top: 50%; right: 100%; padding-right: 10px; transform: translateY(-50%);}
.s_yuan ul li:nth-child(8) span{ top: 50%; right: 100%; padding-right: 20px; transform: translateY(-70%);}

.s_yuan ul li:nth-child(1){ top: 2px; left: 50%; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(2){ top: 15%; left: 85%; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(3){ top: 50%; left: calc(100% - 2px); transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(4){ top: 85%; left: 85%; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(5){ top: calc(100% - 2px); left: 50%; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(6){ top: 85%; left: 15%; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(7){ top: 50%; left: 2px; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(8){ top: 15%; left: 15%; transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:after{ content: ''; width: calc(100% + 20px); height: calc(100% + 20px); border-radius: 50%; display: block; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0.7); opacity: 0; transition: all 0.3s;}
.s_yuan ul li.active:after{ opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1);}

.s_lingyu .swiper1 .swiper-slide{ height: 100vh; position: relative;}
.s_lingyu .swiper1 .swiper-slide:after{ content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.lingyu_text{ width: 24%; position: absolute; top: calc(50% + 50px); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; z-index: 4;}
.lingyu_text h3{ margin: 0; margin-bottom: 40px; font-size: 30px;}
.lingyu_text h3 i{ display: block; margin: 0 auto; font-size: 60px; margin-bottom: 10px;}
.lingyu_text p{ line-height: 30px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;}
.lingyu_text h5{ margin: 0; margin-top: 30px;}
.lingyu_text h5 a{ display: inline-block; padding: 10px 40px; border-radius: 24px; border: 1px solid #fff; color: #fff; transition: all 0.3s;}
.lingyu_text h5 a:hover{ background: rgba(255,255,255,0.3);}

ul.swiper_ul{ width: 540px; height: 540px; border-radius: 50%; margin: 0 auto; position: absolute; top: calc(50% + 50px); transform: translateY(-50%); left:0; right: 0; z-index: 3;}
ul.swiper_ul li{ width: 80px; height: 80px; position: absolute;}
ul.swiper_ul li:nth-child(1){ bottom: 100%; left: 50%; transform: translateX(-50%);}
ul.swiper_ul li:nth-child(2){ top: 15%; left: 85%; transform: translateY(-50%);}
ul.swiper_ul li:nth-child(3){ top: 50%; left: 100%; transform: translateY(-50%);}
ul.swiper_ul li:nth-child(4){ top: 85%; left: 85%; transform: translateY(-50%);}
ul.swiper_ul li:nth-child(5){ top: 100%; left: 50%; transform: translateX(-50%);}
ul.swiper_ul li:nth-child(6){ top: 85%; right: 85%; transform: translateY(-50%);}
ul.swiper_ul li:nth-child(7){ top: 50%; right: 100%; transform: translateY(-50%);}
ul.swiper_ul li:nth-child(8){ top: 15%; right: 85%; transform: translateY(-50%);}



.ly_biao.ani-up.cur{ pointer-events: none;}
.ly_biao{ width: 24%; position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; z-index: 5; transition: all 0.3s; pointer-events: none;}
.ly_biao i{ display: inline-block; font-size: 120px; font-family: 'ABBEYROADNF'; font-style: normal; line-height: 120px;}
.ly_biao span{ display: inline-block; font-weight: bold; font-size: 52px; line-height: 60px; margin-left: 15px;}
.ly_biao span b{ font-weight: normal; display: block; font-size: 56px; font-family: 'CHAMPAGNE_LIMOUSINESBOLD'; margin-top: 20px; text-align: left;}

.s_yuan ul li.active:after{ opacity: 0;}
.s_lingyu .swiper1, .s_yuan .y_fang{ opacity: 0;}
.s_lingyu.active .swiper1{ transition: opacity 0.5s 1s;}
.s_lingyu.active .ly_biao{ opacity: 0; transform: scale(1.1);}
.s_lingyu.active .swiper1, .s_lingyu.active .s_yuan .y_fang{ opacity: 1;}
.s_lingyu.active .s_yuan ul li.active:after{ opacity: 1;}


.s_case{ transform: translateY(50px);}
.case_img{ padding-top: 128%; transition: all 0.8s;}
.s_case .swiper2 .swiper-slide{ width: 28%;}
.s_case .swiper2 .swiper-slide a{ display: block; position: relative; overflow: hidden;}
.s_case .swiper2 .swiper-slide a:hover .case_img{ transform: scale(1.05);}
.case_text{ position: absolute; bottom: 10px; width: 90%; margin: 0 auto; left: 0; right: 0; color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.case_text i{ width: 78px; height: 78px; background: rgba(255,255,255,0.72); color: #c2000c; line-height: 78px; text-align: center; display: block; font-size: 46px;}
.case_text span{ text-align: right; display: block; width: calc(85% - 78px); font-size: 18px; font-weight: bold; transition: all 0.3s;}
.s_case .swiper2 .swiper-slide a:hover .case_text span{ text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.case_text span b{ font-size: 24px; padding-top: 10px; display: block; border-top: 1px solid #ffff; margin-top: 10px; position: relative;}
/* .case_text span b:after{ content: ''; width: 0; height: 1px; background: #c2000c; transition: all 0.5s ease-out; position: absolute; top: -1px; right: 0; z-index: 2;}
.s_case .swiper2 .swiper-slide a:hover .case_text span b:after{ width: 100%;} */

.case_fan{ margin-top: 30px;}
.case_fan .swiper-button-prev i, .case_fan .swiper-button-next i{ display: inline-block; line-height: 60px; font-size: 24px;}
.case_fan .swiper-button-prev, .case_fan .swiper-button-next, .case_fan .swiper-pagination{ position: static; margin: 0; outline: none;}
.case_fan .swiper-button-prev, .case_fan .swiper-button-next{ width: 60px; height: 60px; background: #0071b7; color: #fff; text-align: center; display: inline-block; margin-right: 20px;}
.case_fan .swiper-button-next i{ transform: rotateY(180deg);}
.case_fan .swiper-pagination{ text-align: right; font-size: 18px; color: #666; width: calc(100% - 180px); border-bottom: 1px solid #dedede;}
.case_fan .swiper-button-prev:focus, .case_fan .swiper-button-next:focus{ background: #016bad;}

.s_hezuo{ position: absolute; top: 100px; left: 0; right: 0; width: 100%; z-index: 2;}
.s_hezuo{ background: rgba(255,255,255,0.6); padding: 45px 0;}
.s_hezuo .swiper3 .swiper-slide a{ display: block; padding-top: 64%; position: relative;}
.s_hezuo .swiper3 .swiper-slide a img{ max-width: 100%; max-height: 100%; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.s_hezuo .swiper3.swiper-container .swiper-wrapper{
  -webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.aozhou{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; overflow: hidden;}
.aozhou img{width: 39.4%; margin: 0 auto; display: block;}
.az_a{ position: absolute; bottom: -25px; left: 0; right: 0; margin: 0 auto; width: 80px; height: 80px; z-index: 2;}
.az_a span{ display: block; position: absolute; bottom: 100%; margin-bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; color: #666; font-size: 16px; transition: all 0.3s;}
.az_a:hover span{ color: #cec4b2;}
.az_a i{ width: 100%; height: 100%; border-radius: 50%; border: 2px solid #cec4b2; margin: 0 auto; display: block;}
.az_a i img{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 62.5%; display: block;}
.az_a i:after{ content: ''; width: calc(100% + 36px); height: calc(100% + 36px); border-radius: 50%; border: 1px dashed #cec4b2; position: absolute; top: -18px; left: -18px; -webkit-animation: az_zhuan 10s linear infinite;	animation: az_zhuan 10s linear infinite;}
@-webkit-keyframes az_zhuan {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@keyframes az_zhuan {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}

.footer{ color: #fff; background: #333;}
.foot_left{ width: 59%;}
.foot_right{ width: 41%; border-left: 1px solid #333; padding: 60px 0;}
.foot_logo{ padding: 34px 0; border-bottom: 1px solid #333;}
.foot_logo img{ width: 100px; display: block;}
.foot_logo h5{ width: calc(100% - 130px); margin: 0; line-height: 24px;}
.foot_logo h5 span{ font-size: 20px; display: block; margin-bottom: 5px;}
.foot_nav{ padding: 40px 0;}
.foot_nav h5{ margin: 0; margin-bottom: 30px; font-size: 16px;}
.foot_nav ul{ width: 14%;}
.foot_nav ul li{ margin: 12px 0;}
.foot_nav ul li a{ color: #fff; opacity: 0.8; transition: all 0.3s;}
.foot_nav ul li a:hover{ opacity: 1;}

.foot_right{ padding-left: 30px;}
.foot_text{ width: calc(100% - 185px);}
.foot_text h3{ margin: 0; margin-bottom: 40px;}
.foot_text h3 span{ display: block; font-size: 20px; margin-top: 8px;}
.foot_text p{ line-height: 24px; margin: 20px 0;}
.foot_text p span{ font-size: 16px; display: block; margin-bottom: 2px;}
.foot_text h5{ opacity: 0.65; line-height: 24px; margin: 0;}
.foot_text h5 a{ color: #fff;}
.foot_ewm{ width: 185px; white-space: nowrap; margin-bottom: 70px;}
.foot_ewm img{ max-width: 100%; margin: 0 auto; display: block;}
.foot_ewm span{ display: block; text-align: center; margin-top: 12px;}




.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.search_box{ width: 30%; opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(15px);}
.search_box input{ width: calc(100% - 140px); height: 56px; background: rgba(0,0,0,0.2); border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 0 30px; font-size: 16px; color: #fff; padding-left: 70px; outline: none; box-shadow: none; border: none;}
.search_box input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.search_box i{ position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 24px;}
.search_box button{ width: 140px; font-size: 16px; background: #76afda; border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none;}


/* 内页样式 */
.n_banner{ height: 100vh; position: relative;}
.n_banner:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1;
}
.nban_biao{ position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto; font-size: 76px; color: #fff; line-height: 76px; z-index: 2; text-align: center; font-weight: bold; white-space: nowrap;}
.nban_biao span{ position: absolute; bottom: 15%; font-size: 136px; line-height: 136px; opacity: 0.33; left: 50%; transform: translateX(-50%); text-transform: uppercase;}


.nab1_left{ width: 46.1%; padding-right: 30px; padding-top: 2%;}
.nab1_right{ width: 53.9%;}
.nab1_left h3{ font-size: 30px; font-weight: bold; color: #bc1a25; margin: 40px 0;}
.nab1_left h3 span{ font-size: 40px;}
.nab1_left h3 strong{ font-size: 40px; opacity: 0.21; display: block; text-transform: uppercase;}
.nab1_left ul li{ width: 49%; font-size: 16px; color: #333; padding-left: 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 0;}
.nab1_left ul li:after{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: #bc1a25; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.nab1_left .ty_content{ font-size: 16px; color: #333;}
.nab1_left .ty_content p{ line-height: 30px; text-indent: 2em; margin: 20px 0;}

.n_about2{ padding: 60px 0;}
.nab2_li{ width: 32%; margin-right: 2%; margin-bottom: 40px;}
.nab2_li:nth-child(3n){ margin-right: 0;}
.nab2_li h5{ line-height: 32px; color: #333; font-size: 16px; padding: 0 15px;}

.n_about3{ padding-top: 4%; padding-bottom: 28%;}
.n_about3 .ty_content{ color: #fff; text-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.n_about3 .ty_content p{ line-height: 32px; color: #fff; margin: 20px 0;}

.n_guanhuai{ height: calc(100vh - 100px); max-height: 600px;}
.gh_left{ width: 71.5%; height: 100%; background: url(../images/xin.jpg) center no-repeat; background-size: cover; padding: 0 5%;}
.gh_right{ color: #fff; width: 28.5%; background: #bc1a25; height: 100%; position: relative;}
.gh_swiper{ position: relative;}


.gh_fan{ margin-top: 30px;}
.gh_fan .swiper-button-prev i, .gh_fan .swiper-button-next i{ display: inline-block; line-height: 60px; font-size: 24px;}
.gh_fan .swiper-button-prev, .gh_fan .swiper-button-next, .gh_fan .swiper-pagination{ position: static; margin: 0; outline: none;}
.gh_fan .swiper-button-prev, .gh_fan .swiper-button-next{ width: 60px; height: 60px; background: #bc1a25; color: #fff; text-align: center; display: inline-block; margin-right: 20px;}
.gh_fan .swiper-button-next i{ transform: rotateY(180deg);}
.gh_fan .swiper-pagination{ text-align: right; font-size: 18px; color: #666; width: calc(100% - 180px); border-bottom: 1px solid rgba(0,0,0,0.1);}
.gh_fan .swiper-button-prev:focus, .gh_fan .swiper-button-next:focus{ background: #bd0d19;}

.gh_img{ border-top-left-radius: 36px; border-bottom-right-radius: 36px; overflow: hidden;}
.gh_img img{ transition: all 0.5s;}
.gh_swiper .swiper-container .swiper-slide:hover .gh_img img{ transform: scale(1.05);}
.gh_swiper .swiper-container .swiper-slide h5{ font-size: 16px; line-height: 24px; color: #333;}

.gh_biao{ position: absolute; right: 30%; text-align: right; top: 8%;}
.gh_biao strong{ font-size: 75px; font-family: 'Arial'; text-transform: uppercase; line-height: 75px; display: block; white-space: nowrap; text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.gh_biao span{ font-size: 35px; font-weight: bold;}

.gh_right .swiper1 .swiper-slide{ width: 30%;}
#mytab-content{ width: 100%;}
.gh_right .swiper1{ height: 70%; width: 40%; margin-top: -80px;}
.gh_right .swiper1 .swiper-slide{ height: 20%; width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.gh_right .swiper1 .swiper-slide a{ display: block; text-align: center; font-size: 24px; color: #fff; opacity: 0.4; font-weight: bold; outline: none; -webkit-tap-highlight-color: transparent;}
.gh_right .swiper1 .swiper-slide.swiper-slide-active a{ opacity: 1;}
.gh_right .swiper1 .swiper-slide.swiper-slide-active{ border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.xm_left{ width: 21%; position: relative;}
.xm_left:after{ content: ''; content: ''; width: 1px; height: calc(100% - 90px); border-left: 1px solid #eee; position: absolute; left: 0; bottom: -50px;}
.xm_right{ width: 78%;}

.xm_biao{ color: #bc1a25; margin-bottom: 30px;}
.xm_biao strong{ font-size: 56px; font-family: 'Arial'; text-transform: uppercase; line-height: 75px; display: block; white-space: nowrap;}
.xm_biao span{ font-size: 30px; font-weight: bold;}
.xm_nav{}
.xm_nav.cur{ position: fixed;}
.xm_nav ul li{ padding: 15px 0;}
.xm_nav ul li a{ font-size: 18px; color: #333; padding: 5px 0; padding-left: 45px; display: block; position: relative; transition: all 0.3s;}
.xm_nav ul li a i{ display: inline-block; margin-right: 10px; font-size: 30px;}
.xm_nav ul li.active a{ color: #bc1a25;}
.xm_nav ul li.active a:after{ width: 30px;}
.xm_nav ul li a em{ width: 5px; height: 5px; display: block; border-radius: 50%; background: #666; position: absolute; left: 0; transform: translateX(-50%) translateY(-50%); top: 50%; opacity: 0;  transition: all 0.3s;}
.xm_nav ul li a em:after{ content: ''; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #666; position: absolute; left: -4px; top: -4px; border-radius: 50%;}
.xm_nav ul li a:after{ content: ''; width: 0; height: 1px; position: absolute; border-bottom: 1px dashed #666; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.xm_nav ul li.active a em{ left: 30px; opacity: 1; background: #bc1a25;}
.xm_nav ul li.active a em:after{ border-color: #bc1a25;}
.xm_nav ul li.active a:after{ border-color: #bc1a25;}
.xm_nav ul li:hover a em{ left: 30px; opacity: 1;}
.xm_nav ul li:hover a:after{ width: 30px;}



.xm_li{ width: 31%; margin-right: 3.5%; margin-bottom: 50px;}
.xm_li:nth-child(3n){ margin-right: 0;}
.xm_li a{ display: block; position: relative; overflow: hidden;}
.xm_li a:hover .case_img{ transform: scale(1.05);}

.xm_li .case_text{ position: absolute; bottom: 10px; width: 90%; margin: 0 auto; left: 0; right: 0; color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.xm_li .case_text i{ width: 66px; height: 66px; background: rgba(255,255,255,0.72); color: #c2000c; line-height: 66px; text-align: center; display: block; font-size: 36px;}
.xm_li .case_text span{ text-align: right; display: block; width: calc(85% - 66px); font-size: 16px; font-weight: bold;}
.xm_li .case_text span b{ font-size: 18px; padding-top: 5px; display: block; border-top: 1px solid #ffff; margin-top: 5px;}

.xm_more{ color: #999;}
.xm_more img{ display: none; margin: 0 auto;}
.xm_more.cur img{ display: block;}

.xm_box.active{ opacity: 1; pointer-events: auto}
.xm_box.active .xm_content{ opacity: 1; transform: translateX(0);}

.xm_box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: all 0.5s; pointer-events: none; z-index: 9999;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;}
.xm_content{ opacity: 0; transition: all 0.3s; transform: translateX(10%); width: 54%; height: 100%; background: #fff; padding: 2% 5%; position: relative;}
.xm_close{ width: 50px; height: 50px; text-align: center; line-height: 50px; color: #999; position: absolute; right: 5%; top: 2%; cursor: pointer;}
.xm_close i{ font-size: 36px; line-height: 50px;}
.xm_content .ty_content{ overflow: auto; height: calc(100% - 100px); padding-right: 15px;}
.xm_content .ty_content::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.xm_content .ty_content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #c2000c;
}
.xm_content .ty_content::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #fff;
}
.xm_content h2{ margin-top: 30px; padding-bottom: 20px; margin-bottom: 15px; font-size: 30px; color: #c2000c; border-bottom: 1px solid #dedede;}

.news_head ul{ position: relative;}
.news_head ul:after{ content: ''; height: 1px; background: #dedede; position: absolute; top: 0; left: 0;}
.news_head ul li{ margin-right: 30px; display: inline-block;}
.news_head ul li a{ padding:30px 20px; font-size: 18px; color: #666; font-weight: bold; display: block; position: relative; transition: all 0.3s;}
.news_head ul li a:after{ content: ''; width: 0; height: 3px; background: #c2000c; position: absolute; top: 0; z-index: 2; left: 50%; transform: translateX(-50%); transition: all 0.3s;}
.news_head ul li.active a:after{ width: 100%;}
.news_head ul li.active a{ color: #c2000c;}
.news_head ul li:hover a{ color: #c2000c;}



.nnew_ty{ position: relative;}
.nnew_ty:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #f5f4f6;}
.nnew_ty .snew_text h3{ margin-bottom: 40px;}

.news_list, .zr_list{ margin-top: 40px;}
.news_li{ border: 1px solid #dedede;}
.news_li .snew_text{ padding: 10px 30px; padding-bottom: 20px;}

.n_news{ width: 80%; margin: 0 auto;}
.nnew_biao{ margin-bottom: 35px;}
.nnew_biao strong{ display: block; font-size: 24px; line-height: 36px; color: #c2000c; padding-bottom: 20px; border-bottom: 1px solid #dedede; font-weight: normal;}
.nnew_biao span{ font-size: 16px; color: #999; margin-top: 15px; display: block;}

.nzr_img{ width: 44%; overflow: hidden;}
.nzr_img a{ padding-top: 64.7%; display: block; transition: all 0.5s;}
.zr_li{ margin-bottom: 40px; position: relative;}
.zr_li:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; z-index: -1;}
.zr_li:hover .nzr_img a{ transform: scale(1.05);}
.zr_li:hover:after{ background: #c2000c;}
.zr_li:hover .nzr_text h5, 
.zr_li:hover .nzr_text h5 span, 
.zr_li:hover .nzr_text p{ color: #fff;}
.nzr_text{ width: 52%; padding-top: 3%;}
.nzr_text h5{ margin-bottom: 30px; color: #666; font-size: 24px;}
.nzr_text h5 span{ display: inline-block; margin-right: 15px; font-size: 46px; color: #333;}
.nzr_text p{ font-size: 24px; line-height: 46px; color: #666;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;}

.zc_li{ padding: 40px 0; border-bottom: 1px solid #dedede;}
.zc_li a{ color: #666;}
.nzc_time{ width: auto;}
.nzc_xian{ width: 4.8%; margin: 0 2%; height: 1px; background: #9f9f9f; margin-top: 10px;}
.nzc_text{ width: 62.6%;}
.nzc_time span{ font-size: 16px; display: block; color: #999;}
.nzc_time i{ width: 38px; height: 38px; display: block; margin-top: 45px; background: #c2000c; color: #fff; line-height: 38px; text-align: center; font-size: 18px; transform: rotateY(180deg);}
.nzc_text h4{ margin-top: 0; font-size: 24px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s;}
.nzc_text p{ font-size: 16px; margin: 0; line-height: 30px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.zc_li a:hover .nzc_text h4{ color: #c2000c;}

/* 招聘 */
.job_form{ margin-bottom: 60px; position: relative; z-index: 2;}
.job_list{ position: relative;}
.job_list .job_li:nth-child(2n){ margin-right: 0;}
.job_li{ width: 49%; margin-right: 2%; margin-bottom: 30px; transition: all 0.5s;}
.job_li .ty_content{ display: none; background: #f7f7f7; padding: 0 50px; padding-top: 0; position: absolute; top: 100%; left: 0; width: 100%; overflow: auto;}
.job_li i{ width: 40px; height: 40px; font-size: 18px; border-radius: 50%; border: 3px solid #d8d8d8; line-height: 34px; text-align: center; color: #d8d8d8; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.job_li h5{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.job_li h4{ font-size: 20px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.job_li.active{ position: relative; z-index: 2;}
.job_li.active .ty_content{ display: block;}
.job_title{ background: #f7f7f7; padding: 40px 50px; position: relative; padding-right: 80px;}
.job_li.active .job_title i{ transform: rotateX(180deg) translateY(50%);}

.job_form h3{ margin-bottom: 40px;}
.job_form .form-group{ border-radius: 20px; border: 1px dashed #cf0e29; padding-right: 20px; padding-left: 10px; position: relative;}
.job_form .form-control{ height: 40px; border: none; outline: none; box-shadow: none; font-size: 16px; border-radius: 20px; background: none;}
.job_form .form-group button{ position: absolute; right: 10px; top: 0; height: 40px; width: 40px;text-align: center; border: none; background: none; outline: none;}
.job_form .form-group button i{ display: inline-block; line-height: 40px; font-size: 18px; color: #666;}
/* 招聘 */

.fc_list{ margin-top: 30px;}
.fc_li{ width: 48.5%; margin-bottom: 3%;}
.fc_li a{ display: block; overflow: hidden;}
.fc_img{ padding-top: 64.4%; transition: all 0.5s;}
.fc_li:hover .fc_img{ transform: scale(1.05);}
.fc_li h5{ padding: 30px 15px; background: #e8e8e8; color: #333; font-size: 24px; text-align: center; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.ncon_mass{ padding: 60px 0;}
.ncon_mass .form-group{ margin-bottom: 25px;}
.ncon_mass .form-control{ box-shadow: none; border-radius: 0; border: none; background: #ededed; font-size: 16px;}
.ncon_mass input.form-control{ height: 60px;}
.ncon_mass input.btn{ background: #c2000c; border: none; border-radius: 0; color: #fff; font-size: 16px; height: 60px; width: 100%; outline: none;}
.ncon_mass input.btn:focus{background: #ad000c;}

.ncon_left{ width: 63.5%;}
.ncon_right{ width: 36.5%; padding: 0 3%;}
.ncon_right .ty_content p{ margin: 30px 0; line-height: 24px;}
.lx_ewm span{ display: block; margin-top: 5px; line-height: 24px;}
.lx_ewm img{ max-width: 100%;}

.duoyuan.active{ height: calc(100vh - 100px);}
.duoyuan.active .nly_text{ opacity: 1; transform: translateY(-50%);}
.duoyuan.active:after{ opacity: 0;}
.duoyuan.active .nly_ico:after, .duoyuan.active .nly_ico:before{ height: 0;}

.duoyuan:hover{ height: 100vh;}
.duoyuan:hover .nly_text{ opacity: 1; transform: translateY(-50%);}
.duoyuan:hover:after{ opacity: 0;}
.duoyuan:hover .nly_ico:after, .duoyuan:hover .nly_ico:before{ height: 0;}

.duoyuan{ padding-top: 28.64%; height: 0; position: relative; overflow: hidden; transition: all 1.5s;}
.duoyuan:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.47); transition: all 0.5s;}
.nly_ico{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 2; text-align: center;}
.nly_ico:after{ content: ''; width: 1px; height: 20%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #fff; z-index: 2; transition: all 0.5s;}
.nly_ico:before{ content: ''; width: 1px; height: 20%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #fff; z-index: 2; transition: all 0.5s;}

.nly_ico span{ display: block; font-size: 36px; color: #fff;}
.nly_ico span i{ font-size: 60px; display: block;}

.nly_text{ width: 32.3%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) translateX(10%);  color: #333; z-index: 2; opacity: 0; transition: all 0.5s 0.5s;}
.nly_text:before{ content: ''; width: 200%; padding-bottom: 200%; border-radius: 50%; background: rgba(255,255,255,0.74); position: absolute; top: 50%; z-index: -1; transform: translateY(-50%); left: -140px;}
.nly_text .ty_content{ max-height: 50vh; overflow: auto; padding-right: 15px;}
.nly_text .ty_content p{ margin: 20px 0;}
.nly_biao{ font-size: 30px; color: #c2000c; display: inline-block; text-align: center;}
.nly_biao i{ font-size: 56px; display: block;}

.nly_text .ty_content::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.nly_text .ty_content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #ccc;
}
.nly_text .ty_content::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #fff;
}
.nly{ position: absolute; top: -100px; left: 0;}





/* 通用css */
.fanye{ text-align:center; padding:30px 0;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#c2000c; border:1px solid #c2000c;}
.fanye a.active{ background:#c2000c; border:1px solid #c2000c; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #c2000c;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.ty_content{ font-size: 18px; line-height: 34px; color: #454545;}
.ty_content img{ max-width: 100%;}
/* .ty_content ul{ padding-left: 20px; margin-top: 30px;}
.ty_content ul li{ position: relative; margin: 10px 0;}
.ty_content ul li:after{ content: ''; width: 6px; height: 6px; background: #c2000c; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);} */

.fanye02{ margin-top: 60px;}
.fanye02 a{ display: inline-block; padding: 8px 30px; border-radius: 18px; border: 1px solid #dedede; font-size: 16px; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: #c2000c; border-color: #c2000c;}


#container{ width: 100%; height: 760px;}
@media (max-width: 991px) {
    #container{ height: 40vh;}
}

.my-map { margin: 0 auto; width: 100%; height: 760px; }
.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; 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){
  .s_news{ padding: 30px 0; transform: translateY(0);}
  .s_about{ height: auto; padding: 30px 0;}
  .s_lingyu{ position: relative;}
  .s_lingyu .swiper1 .swiper-slide{ height: 60vh;}
  .s_yuan{ top: 50%;}
  .s_case{ padding: 30px 0; transform: translateY(0);}
  .s_page{ display: none;}
  .section6{ height: 100vh; position: relative;}

 
 
 
 /* ===== 手机端头部 ===== */
  .header{ height: 60px; background: #fff; z-index: 999;}
  .header .container{ padding: 0 15px;}
  .logo{ height: 60px; padding: 0; position: static; display: flex; align-items: center;}
  .logo a{ display: flex; align-items: center; height: 100%;}
  .logo a img{ height: 40px; width: auto; margin-top: 0;}

  /* 三条杠按钮 */
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after{ background-color: #c2000c;}
  .menu-link.active span{ background: transparent;}
  .menu-link.active span:before,
  .menu-link.active span:after{ background-color: #333;}

  /* 导航面板 */
  .pc_nav{
    padding: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    width: 100%;
    background: #333;
    transition: all 0.5s;
  }
  .pc_nav.active{ opacity: 1; pointer-events: auto; top: 100%;}

  /* 一级栏目 */
  .pc_nav ul li{
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.15);
  }
  .pc_nav ul li:last-child{ border-bottom: none;}
    .pc_nav ul li a{
    line-height: 48px;
    padding: 0 20px;
    color: #fff;
    font-size: 15px;
    display: block;
  }
  /* 加这一行 */
  .header .pc_nav ul li a,
  .header.cur .pc_nav ul li a{ color: #fff !important;}

  /* 隐藏其他 */
 /* 隐藏其他 */
  .pc_nav .erji, .pc_xiala{ display: none;}

  /* 手机端保留语言切换，隐藏在头部右侧、三条杠左边 */
  .head_more{
    display: block;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 0;
    z-index: 2;
  }
  .head_more:after{ display: none; }          /* 去掉竖线 */
  .head_search{ display: none; }               /* 隐藏搜索图标 */
  .head_lang{ margin-left: 0; }
  .head_lang ul{ display: flex; align-items: center; }
  .head_lang li{ margin: 0 6px; }
  .head_lang a{ font-size: 13px; margin: 0; color: #666; }
  .head_lang a.active{ color: #c2000c; font-weight: bold; }
  .head_lang .lang-item-flag img{ display: none; } /* 手机上不显示国旗，只显示文字 */

  .xs_san{ position: absolute; right: 15px; top: 9px;}
  .pc_xian{ display: none;}
  #fp-nav{ left: 5px;}
  
  
  

  .ban_fan { width: 110px;}
  .s_banner .swiper0 .swiper-button-prev, .s_banner .swiper0 .swiper-button-next{ width: 24px; height: 30px;}
  .s_banner .swiper0 .swiper-button-prev i, .s_banner .swiper0 .swiper-button-next i{ line-height: 30px; font-size: 20px;}
  .s_banner .swiper0 .swiper-button-prev{ right: 24px;}
  .ban_text{ top: 35%;}
  .ban_text span{ font-size: 24px; line-height: 36px;}
  .ban_text strong{ font-size: 24px; line-height: 36px; margin: 20px 0;}
  .s_banner .swiper0 .swiper-pagination0{ right: 5px; top: auto; bottom: 3%;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 18px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 14px;}
  
  .s_biao{ font-size: 18px; margin-bottom: 20px; font-weight: bold;}
  .snew_left{ width: 100%;}
  .snew_right{ display: none;}
  .snew_text h3{ font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; margin: 5px 0;}
  .snew_text h5, .snew_text p{ font-size: 14px; line-height: 24px;}
  .snew_left .snew_text{ padding: 10px 5%;}
  .s_page{ left: 0; opacity: 0.5;}
  .snew_text h6{ margin-top: 15px;}
.sab_left{ display: none;}
.sab_right{ width: 100%; padding: 0 15px;}
.sab_right ul{ padding-top: 10px; margin-bottom: 10px;}
.sab_right ul li{ width: 33.33%;}
.sab_xian{ width: 33.33%;}
.sab_right ul li a{ font-size: 16px; padding: 5px 0;}
.sab_right .ty_content p{ margin: 10px 0; font-size: 14px; line-height: 24px;}
.sab_more{ margin-top: 20px;}
.s_yuan{ width: 210px;}
ul.swiper_ul{ width: 210px; height: 210px; }
.n_yuan:after{ width: 210px; height: 210px; border: 3px solid #fff;}
.s_yuan ul li span i{ font-size: 18px;}
.s_yuan ul li span{ font-size: 14px;}
.lingyu_text h3 i{ font-size: 24px;}
.lingyu_text h3{ font-size: 16px; margin-bottom: 10px;}
.lingyu_text{ width: 55%;}
.lingyu_text p{ line-height: 20px; font-size: 12px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; display: none;}
  .ly_biao { width: 50%; top: 40%;}
  .ly_biao i{ font-size: 46px; line-height: 46px;}
  .ly_biao span{ font-size: 24px; line-height: 30px; margin-left: 10px;}
  .ly_biao span b{ font-size: 24px; margin-top: 5px;}
  .lingyu_text h5{ margin-top: 15px;}
  .lingyu_text h5 a{ padding: 6px 20px; border-radius: 18px; font-size: 14px;}
  .s_case .swiper2 .swiper-slide{ width: 80%;}
  .case_fan{ padding:0 15px;}
  .case_fan .swiper-button-prev, .case_fan .swiper-button-next{ width: 40px; height: 40px; margin-right: 10px;}
  .case_fan .swiper-button-prev i, .case_fan .swiper-button-next i{ font-size: 18px; line-height: 40px;}
  .case_text span{ font-size: 14px;}
  .case_text span b{ font-size: 16px;}
  .case_text i{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
  .case_text span{ width: calc(100% - 78px);}
  .case_text span b{ padding-top: 5px; margin-top: 5px;}
  .s_hezuo{ top: 120px; padding: 20px 0;}
  .aozhou img{ width: 100%;}
  .az_a{ width: 50px; height: 50px; bottom: -20px;}
  .az_a span{ font-size: 14px; margin-bottom: 20px;}
  .foot_left, .foot_right{ width: 100%;}
  .foot_logo{ padding: 15px 0;}
  .foot_right{ border: none; padding: 15px 0;}
  .foot_nav{ display: none;}
  .foot_text{ width: 100%;}
  .foot_text h3, .foot_text p{ display: none;}
  .foot_ewm{ display: none;}
  .foot_logo h5 span{ font-size: 16px;}

  .maodian{ top: -59px;}
  .n_banner{ height: 40vh;}
  .nban_biao{ font-size: 24px; line-height: 24px;}
  .nban_biao span{ font-size: 30px; line-height: 40px;}
  .banner_down{ width: 40px; height: 40px; bottom: 40px;}
  .banner_down i{ font-size: 16px; line-height: 40px;}
  .banner_down:before{ height: 20px; top: calc(100% + 20px);}
  .nab1_left{ width: 100%; padding: 15px;}
  .nab1_right{ width: 100%;}
  .nab1_left h3 strong{ font-size: 24px;}
  .nab1_left h3 span{ font-size: 18px;}
  .nab1_left h3{ font-size: 16px; margin: 20px 0;}
  .nab1_left ul li{ width: 100%; font-size: 14px;}
  .nab1_left .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .nab2_li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
  .nab2_li h5{ font-size: 14px; line-height: 24px; padding: 0;}
  .ty_content{ font-size: 14px; line-height: 24px;}
  .n_about3 .ty_content p{ margin: 15px 0; line-height: 24px;}
  .n_about2{ padding: 30px 0;}
  .n_about3 { position: relative;}
  .n_about3 .container{ position: relative; z-index: 5;}
  .n_about3:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; position: absolute; left: 0; top: 0;}
  .yrae2{ display: none !important;}
  .xm_biao strong{ font-size: 30px; line-height: 30px;}
  .xm_biao span{ font-size: 18px;}
  .news_head ul li{ margin-right: 0;}
  .news_head ul li a{ padding: 15px 5px; font-size: 14px;}
  .snew_ty .snew_img, .snew_ty .snew_text{ width: 100%;}
  .nnew_ty .snew_text h3{ margin-bottom: 10px;}
  .news_li{ width: 100%;}
  .news_li .snew_text{ padding: 10px 15px;}
  .xm_li, .news_li{ margin-bottom: 20px; margin-right: 0;}
  .n_news{ width: 100%;}
  .nnew_biao strong{ font-size: 18px; padding-bottom: 10px;}
  .fanye02 a{ font-size: 14px; padding: 6px 15px;}
  .xm_left.active{pointer-events: auto; transform: translateY(0);}
  .xm_left .sj_span{ white-space: nowrap; position: absolute; left: 100%; top: 0; padding: 6px 15px; color: #fff; background: #bc1a25; font-size: 14px; border-radius: 4px;}
  .xm_left{ width: 60%; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); position: fixed; top: 10%; padding-top: 15px; left: 0; z-index: 10; background: #fff; transform: translateX(-100%); transition: all 0.3s;}
  .xm_left .xm_biao strong{ font-size: 24px;}
  .xm_biao{ padding-left: 0; margin-bottom: 10px;}
  .xm_nav ul li{ padding: 5px 0;}
  .xm_nav ul li.active a:after{ width: 20px;}
  .xm_nav ul li.active a em{ left: 20px;}
  .xm_nav ul li a{ font-size: 14px; padding-left: 30px;}
  .xm_nav ul li a i{ font-size: 20px;}
  .xm_right{ width: 100%;}
  .xm_li, .news_li{ width: 100%;}
  .xm_li .case_text span{ font-size: 14px;}
  .xm_li .case_text span b{ font-size: 16px;}
  .xm_li .case_text i{ width: 46px; height: 46px; line-height: 46px; font-size: 24px;}
  .xm_li .case_text span{ width: calc(100% - 66px);}
  .nly_ico span{ font-size: 20px;}
  .nly_ico span i{ font-size: 40px;}
  .nly_biao{ font-size: 16px;}
  .nly_biao i{ font-size: 24px;}
  .nly_text .ty_content p{ margin: 10px 0;}
  .duoyuan{ padding-top: 46%;}
  .duoyuan.active{ height: calc(100vh - 80px);}
  .nly_text:before{ display: none;}
  .nly_text{ width: 100%; right: 0; bottom: 0; top: auto; transform: translateY(10%); padding: 15px; background: #fff;}
  .duoyuan.active .nly_text{ transform: translateY(0);}
  .ncon_left, .ncon_right{ width: 100%;}
  .ncon_right{ padding: 0; padding-top: 15px;}
  .ncon_right .ty_content p{ margin: 15px 0;}
  .ncon_mass input.form-control{ height: 40px;}
  .ncon_mass .form-control{ font-size: 14px;}
  .ncon_mass input.btn{ height: 40px;}
  .ncon_mass{ padding: 30px 0; padding-bottom: 0;}

  .gh_biao strong{ font-size: 24px; line-height: 24px;}
  .gh_biao span{ font-size: 24px;}
  .gh_right .swiper1 .swiper-slide a{ font-size: 18px;}
  .gh_fan .swiper-button-prev, .gh_fan .swiper-button-next{ width: 46px; height: 46px; margin-right: 10px;}
  .gh_swiper .swiper-container .swiper-slide h5{ font-size: 14px;}
  .gh_right .swiper1{ width: 100%;}
  .gh_fan .swiper-button-prev i, .gh_fan .swiper-button-next i{ line-height: 46px; font-size: 20px;}
  .job_form .form-control{ font-size: 14px;}
  .job_form{ margin-bottom: 20px;}
  .job_form h3{ font-size: 14px; margin-bottom: 20px;}
  .job_li .ty_content{ padding: 0 15px;}
  .nzr_img, .nzr_text{ width: 100%;}
  .nzr_text h5, .nzc_text h4{ font-size: 16px; margin-bottom: 15px;}
  .nzr_text h5 span{ font-size: 24px;}
  .nzr_text p, .nzc_text p{ font-size: 14px; line-height: 24px;}
  .fc_list{ margin-top: 0;}
  .fc_li{ width: 100%; margin-bottom: 0; margin-bottom: 20px;}
  .fc_li h5{ padding:15px; font-size: 14px;}
  .nzc_time{ display: none;}
  .nzc_text{ width: 100%;}
  .nzc_xian{ display: none;}
  .zc_li{ padding: 20px 0;}
  /* 招聘 */
  .job_form h3{ font-size: 18px; margin-bottom: 30px;}
  .job_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
  .job_title{ padding: 15px 30px; padding-right: 50px;}
  .job_li i{ right: 20px;}
  .job_li h4{ font-size: 18px;}
  /* 招聘 */
}

@media (min-width:768px) and (max-width:991px) {
  .s_news{ padding: 30px 0; transform: translateY(0);}
  .s_about{ height: auto; padding: 30px 0;}
  .s_lingyu{ position: relative;}
  .s_lingyu .swiper1 .swiper-slide{ height: 60vh;}
  .s_yuan{ top: 50%;}
  .s_case{ padding: 30px 0; transform: translateY(0);}
  .s_page{ display: none;}
  .section6{ height: 100vh; position: relative;}


  .pc_nav .erji, .pc_xiala{ display: none;}
  .header{ height: 60px; background: none; z-index: 999;}
  .header.cur{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); border-color: transparent;}
 .header.cur .pc_nav ul li a{ color: #333;}
  .header.cur .menu-link span{ background: #c2000c;}
  .header.cur .menu-link span:after {background-color: #c2000c;}
  .header.cur .menu-link span:before { background-color:#c2000c;}
  .header.cur .menu-link.active span{ background: transparent;}
  .header.cur .menu-link.active span:before { background-color:#c2000c;}
  .header.cur .menu-link.active span:after { background-color:#c2000c;}
  /*
  .header .logo a img:first-child{ display: none;}
  .header .logo a img:last-child{ display: block;}*/
  .header .container{ padding: 0 15px;}
  .logo{ height: 60px; padding: 0; position: static;}
  
  .pc_nav{ padding: 15px 30px; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 15px); left: 0; width: 100%; background:#333; transition: all 0.5s;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; top: 100%;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:last-child{ border: none;}
  .pc_nav ul li a{ line-height: 36px; padding: 5px 15px; color: #fff;}
  .pc_nav ul li.active a{ font-weight: bold; color: #fff;}
  .head_more{ display: none;}
  .head_more a, .head_more div{margin-left: 0;}
  .xs_san{ position: absolute; right: 0; top: 9px;}
  .pc_xian{ display: none;}
  #fp-nav{ left: 5px;}

  .ban_fan { width: 110px;}
  .s_banner .swiper0 .swiper-button-prev, .s_banner .swiper0 .swiper-button-next{ width: 24px; height: 30px;}
  .s_banner .swiper0 .swiper-button-prev i, .s_banner .swiper0 .swiper-button-next i{ line-height: 30px; font-size: 20px;}
  .s_banner .swiper0 .swiper-button-prev{ right: 24px;}
  .ban_text{ top: 35%;}
  .ban_text span{ font-size: 24px; line-height: 36px;}
  .ban_text strong{ font-size: 24px; line-height: 36px; margin: 20px 0;}
  .s_banner .swiper0 .swiper-pagination0{ right: 5px; top: auto; bottom: 3%;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 18px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 14px;}
  
  .s_biao{ font-size: 18px; margin-bottom: 20px; font-weight: bold;}
  .snew_left{ width: 100%;}
  .snew_right{ display: none;}
  .snew_text h3{ font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; margin: 5px 0;}
  .snew_text h5, .snew_text p{ font-size: 14px; line-height: 24px;}
  .snew_left .snew_text{ padding: 10px 5%;}
  .s_page{ left: 0; opacity: 0.5;}
  .snew_text h6{ margin-top: 15px;}
.sab_left{ display: none;}
.sab_right{ width: 100%; padding: 0 15px;}
.sab_right ul{ padding-top: 10px; margin-bottom: 10px;}
.sab_right ul li{ width: 33.33%;}
.sab_xian{ width: 33.33%;}
.sab_right ul li a{ font-size: 16px; padding: 5px 0;}
.sab_right .ty_content p{ margin: 10px 0; font-size: 14px; line-height: 24px;}
.sab_more{ margin-top: 20px;}
.s_yuan{ width: 210px;}
ul.swiper_ul{ width: 210px; height: 210px; }
.n_yuan:after{ width: 210px; height: 210px; border: 3px solid #fff;}
.s_yuan ul li span i{ font-size: 18px;}
.s_yuan ul li span{ font-size: 14px;}
.lingyu_text h3 i{ font-size: 24px;}
.lingyu_text h3{ font-size: 16px; margin-bottom: 10px;}
.lingyu_text{ width: 55%;}
.lingyu_text p{ line-height: 20px; font-size: 12px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; display: none;}
  .ly_biao { width: 50%; top: 40%;}
  .ly_biao i{ font-size: 46px; line-height: 46px;}
  .ly_biao span{ font-size: 24px; line-height: 30px; margin-left: 10px;}
  .ly_biao span b{ font-size: 24px; margin-top: 5px;}
  .lingyu_text h5{ margin-top: 15px;}
  .lingyu_text h5 a{ padding: 6px 20px; border-radius: 18px; font-size: 14px;}
  .s_case .swiper2 .swiper-slide{ width: 80%;}
  .case_fan{ padding:0 15px;}
  .case_fan .swiper-button-prev, .case_fan .swiper-button-next{ width: 40px; height: 40px; margin-right: 10px;}
  .case_fan .swiper-button-prev i, .case_fan .swiper-button-next i{ font-size: 18px; line-height: 40px;}
  .case_text span{ font-size: 14px;}
  .case_text span b{ font-size: 16px;}
  .case_text i{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
  .case_text span{ width: calc(100% - 78px);}
  .case_text span b{ padding-top: 5px; margin-top: 5px;}
  .s_hezuo{ top: 120px; padding: 20px 0;}
  .aozhou img{ width: 100%;}
  .az_a{ width: 50px; height: 50px; bottom: -20px;}
  .az_a span{ font-size: 14px; margin-bottom: 20px;}
  .foot_left, .foot_right{ width: 100%;}
  .foot_logo{ padding: 15px 0;}
  .foot_right{ border: none; padding: 15px 0;}
  .foot_nav{ display: none;}
  .foot_text{ width: 100%;}
  .foot_text h3, .foot_text p{ display: none;}
  .foot_ewm{ display: none;}
  .foot_logo h5 span{ font-size: 16px;}

  .maodian{ top: -59px;}
  .n_banner{ height: 40vh;}
  .nban_biao{ font-size: 24px; line-height: 24px;}
  .nban_biao span{ font-size: 30px; line-height: 40px;}
  .banner_down{ width: 40px; height: 40px; bottom: 40px;}
  .banner_down i{ font-size: 16px; line-height: 40px;}
  .banner_down:before{ height: 20px; top: calc(100% + 20px);}
  .nab1_left{ width: 100%; padding: 15px;}
  .nab1_right{ width: 100%;}
  .nab1_left h3 strong{ font-size: 24px;}
  .nab1_left h3 span{ font-size: 18px;}
  .nab1_left h3{ font-size: 16px; margin: 20px 0;}
  .nab1_left ul li{ width: 100%; font-size: 14px;}
  .nab1_left .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .nab2_li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
  .nab2_li h5{ font-size: 14px; line-height: 24px; padding: 0;}
  .ty_content{ font-size: 14px; line-height: 24px;}
  .n_about3 .ty_content p{ margin: 15px 0; line-height: 24px;}
  .n_about2{ padding: 30px 0;}
  .n_about3 { position: relative;}
  .n_about3 .container{ position: relative; z-index: 5;}
  .n_about3:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; position: absolute; left: 0; top: 0;}
  .yrae2{ display: none !important;}
  .xm_biao strong{ font-size: 30px; line-height: 30px;}
  .xm_biao span{ font-size: 18px;}
  .news_head ul li{ margin-right: 0;}
  .news_head ul li a{ padding: 15px 5px; font-size: 14px;}
  .snew_ty .snew_img, .snew_ty .snew_text{ width: 100%;}
  .nnew_ty .snew_text h3{ margin-bottom: 10px;}
  .news_li{ width: 100%;}
  .news_li .snew_text{ padding: 10px 15px;}
  .xm_li, .news_li{ margin-bottom: 20px; margin-right: 0;}
  .n_news{ width: 100%;}
  .nnew_biao strong{ font-size: 18px; padding-bottom: 10px;}
  .fanye02 a{ font-size: 14px; padding: 6px 15px;}
  .xm_left.active{pointer-events: auto; transform: translateY(0);}
  .xm_left .sj_span{ white-space: nowrap; position: absolute; left: 100%; top: 0; padding: 6px 15px; color: #fff; background: #bc1a25; font-size: 14px; border-radius: 4px;}
  .xm_left{ width: 60%; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); position: fixed; top: 10%; padding-top: 15px; left: 0; z-index: 10; background: #fff; transform: translateX(-100%); transition: all 0.3s;}
  .xm_left .xm_biao strong{ font-size: 24px;}
  .xm_biao{ padding-left: 15px; margin-bottom: 10px;}
  .xm_nav ul li{ padding: 5px 0;}
  .xm_nav ul li.active a:after{ width: 20px;}
  .xm_nav ul li.active a em{ left: 20px;}
  .xm_nav ul li a{ font-size: 14px; padding-left: 30px;}
  .xm_nav ul li a i{ font-size: 20px;}
  .xm_right{ width: 100%;}
  .xm_li, .news_li{ width: 100%;}
  .xm_li .case_text span{ font-size: 14px;}
  .xm_li .case_text span b{ font-size: 16px;}
  .xm_li .case_text i{ width: 46px; height: 46px; line-height: 46px; font-size: 24px;}
  .xm_li .case_text span{ width: calc(100% - 66px);}
  .nly_ico span{ font-size: 20px;}
  .nly_ico span i{ font-size: 40px;}
  .nly_biao{ font-size: 16px;}
  .nly_biao i{ font-size: 24px;}
  .nly_text .ty_content p{ margin: 10px 0;}
  .duoyuan{ padding-top: 46%;}
  .duoyuan.active{ height: calc(100vh - 80px);}
  .nly_text:before{ display: none;}
  .nly_text{ width: 100%; right: 0; bottom: 0; top: auto; transform: translateY(10%); padding: 15px; background: #fff;}
  .duoyuan.active .nly_text{ transform: translateY(0);}
  .ncon_left, .ncon_right{ width: 100%;}
  .ncon_right{ padding: 0; padding-top: 15px;}
  .ncon_right .ty_content p{ margin: 15px 0;}
  .ncon_mass input.form-control{ height: 40px;}
  .ncon_mass .form-control{ font-size: 14px;}
  .ncon_mass input.btn{ height: 40px;}
  .ncon_mass{ padding: 30px 0; padding-bottom: 0;}

  .gh_biao strong{ font-size: 24px; line-height: 24px;}
  .gh_biao span{ font-size: 24px;}
  .gh_right .swiper1 .swiper-slide a{ font-size: 18px;}
  .gh_fan .swiper-button-prev, .gh_fan .swiper-button-next{ width: 46px; height: 46px; margin-right: 10px;}
  .gh_swiper .swiper-container .swiper-slide h5{ font-size: 14px;}
  .gh_right .swiper1{ width: 100%;}
  .gh_fan .swiper-button-prev i, .gh_fan .swiper-button-next i{ line-height: 46px; font-size: 20px;}
  .job_form .form-control{ font-size: 14px;}
  .job_form{ margin-bottom: 20px;}
  .job_form h3{ font-size: 14px; margin-bottom: 20px;}
  .job_li .ty_content{ padding: 0 15px;}
  .nzr_img, .nzr_text{ width: 100%;}
  .nzr_text h5, .nzc_text h4{ font-size: 16px; margin-bottom: 15px;}
  .nzr_text h5 span{ font-size: 24px;}
  .nzr_text p, .nzc_text p{ font-size: 14px; line-height: 24px;}
  .fc_list{ margin-top: 0;}
  .fc_li{ width: 100%; margin-bottom: 0; margin-bottom: 20px;}
  .fc_li h5{ padding:15px; font-size: 14px;}
  .nzc_time{ display: none;}
  .nzc_text{ width: 100%;}
  .nzc_xian{ display: none;}
  .zc_li{ padding: 20px 0;}
  /* 招聘 */
  .job_form h3{ font-size: 18px; margin-bottom: 30px;}
  .job_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
  .job_title{ padding: 15px 30px; padding-right: 50px;}
  .job_li i{ right: 20px;}
  .job_li h4{ font-size: 18px;}
  /* 招聘 */
  
}

@media (min-width:991px) and (max-width:1200px) {
  .container{ position: relative; width: calc(100% - 160px);}
  .sab_right, .sab_right ul, .case_fan, .gh_right{ padding-right: 95px;}
  .sab_right ul{ margin-left: 95px;}
  .s_case{ padding-left: 75px;}
  .nab1_left{ padding-left: 95px;}
  .news_head ul:after{ width: calc(100% + 95px);}
  .zr_li:after, .nnew_ty:after{ width: calc(100% + 95px);}
  .ncon_left{ width:calc(63.5% + 95px); margin-left: -95px;}
  .nly_text{ padding-right: 95px;}
  .ban_text span{ font-size: 36px; line-height: 36px;}
  .ban_text strong{ font-size: 24px; line-height: 30px;}

  .head_more{ padding-left: 20px;}
  .head_lang{ margin-left: 10px;}
  .head_lang a{ font-size: 14px;}
  .head_search i{ font-size: 14px;}
  .header{ height: 81px;}
  .logo{ height: 80px;}
  .pc_nav ul li a{ padding: 0; font-size: 14px; line-height: 80px;}
  .pc_nav{ padding-left: 15%; padding-right: 165px;}
  .s_news, .s_case{ transform: translateY(40px);}
  .s_about{ padding-top: 80px;}
  .sab_right{ width: 47%;}
  .s_biao{ font-size: 18px; margin-bottom: 15px;}
  .snew_text h3{ font-size: 14px; font-weight: bold; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .snew_text p{ line-height: 24px; font-size: 14px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
  .snew_text h5{ font-size: 14px;}
  .snew_ty2{ padding-top: 5px; margin-top: 15px;}
  .snew_text h6, .snew_text h3{ margin-top: 10px;}
  .sab_right ul li a{ font-size: 14px;}
  .sab_right ul{ padding-top: 0; margin-bottom: 3%;}
  .sab_right .ty_content p{ font-size: 14px; margin: 10px 0;}
  .sab_biao span{ font-size: 30px; line-height: 30px;}
  .sab_biao{ padding-top: 20px;}
  .sab_more a{ font-size: 14px;}
  .s_yuan{ width: 340px;}
  ul.swiper_ul{ width: 340px; height: 340px; }
  .n_yuan:after{ width: 340px; height: 340px; border: 3px solid #fff;}
  .ly_biao{ top: 50%;}
  .ly_biao i{ font-size: 90px; line-height: 90px;}
  .ly_biao span{ font-size: 30px; line-height: 30px;}
  .ly_biao span b{ font-size: 30px; line-height: 30px; margin-top: 10px;}
  .lingyu_text h3{ margin-bottom: 15px; font-size: 16px;}
  .lingyu_text h3 i{ font-size: 36px;}
  .lingyu_text p{ line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
    .lingyu_text h5{ margin-top: 15px;}
    .lingyu_text h5 a{ padding: 5px 20px;}
    .s_yuan ul li span i{ font-size: 30px;}
    .s_yuan ul li span{ font-size: 14px;}
    .case_text i{ width: 46px; height: 46px; line-height: 46px; font-size: 24px;}
    .case_text span{ font-size: 14px;}
    .case_text span b{ font-size: 16px; padding-top: 5px; margin-top: 5px;}
    .case_fan .swiper-button-prev, .case_fan .swiper-button-next{ width: 50px; height: 50px;}
    .case_fan .swiper-button-prev i, .case_fan .swiper-button-next i{ line-height: 50px; font-size: 18px;}
    .s_hezuo{ top: 80px; padding: 30px 0;}
    .foot_text{ width: 100%;}
    
    .foot_left{ width: 100%;}
    .foot_text p{ line-height: 20px;}
    .foot_text h3{ margin-bottom: 20px; font-size: 18px;}
    .foot_text h3 span{ font-size: 16px;}
    .foot_right{ padding: 40px 0; padding-left: 30px; display: none;}
    .foot_nav{ padding: 30px 0;}
    .foot_text p span{ font-size: 14px;}
    .foot_logo{ padding-bottom: 25px;}
    .foot_nav h5{ margin-bottom: 20px; font-size: 14px; font-weight: bold;}
    .foot_ewm img{ max-width: 80px;}

    .xm_biao{ margin-bottom: 20px;}
    .xm_biao strong{ font-size: 30px; line-height: 30px;}
    .xm_biao span{ font-size: 18px;}
    .xm_nav ul li{ padding: 5px 0;}
    .xm_nav ul li.active a:after{ width: 20px;}
    .xm_nav ul li.active a em{ left: 20px;}
    .xm_nav ul li a{ font-size: 14px; padding-left: 30px;}
    .xm_nav ul li a i{ font-size: 20px;}
    .banner_down{ width: 60px; height: 60px; bottom: 60px;}
    .banner_down i{ line-height: 60px; font-size: 24px;}
    .snew_text h6 a{ padding: 4px 6px;}
    .news_li .snew_text{ padding: 10px 15px;}
    .n_news{ width: 100%;}
    .nly_ico span{ font-size: 20px;}
    .nly_ico span i{ font-size: 40px;}
    .nly_biao{ font-size: 18px;}
    .nly_biao i{ font-size: 36px;}
    .nly_text .ty_content p{ margin: 10px 0;}
    .duoyuan.active{ height: calc(100vh - 80px);}

    .nban_biao{ font-size: 30px;}
    .nban_biao span{ font-size: 60px; line-height: 90px;}
    .nab1_left h3 strong{ font-size: 24px;}
    .nab1_left h3 span{ font-size: 24px;}
    .nab1_left h3{ font-size: 18px; margin: 20px 0;}
    .nab1_left ul li{ font-size: 14px;}
    .nab1_left .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
    .nab2_li h5{ font-size: 14px; line-height: 24px;}
    .n_about3 .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}

    .news_head ul li{ margin-right: 20px;}
    .news_head ul li a{ padding: 15px 10px; font-size: 16px;}
    .nnew_biao strong{ font-size: 18px; padding-bottom: 10px;}
    .nnew_biao{ margin-bottom: 20px;}
    .fanye02 a{ padding:8px 20px; font-size: 14px;}
    .xm_li .case_text span{ font-size: 14px; width: calc(85% - 36px);}
    .xm_li .case_text span b{ font-size: 14px;}
    .xm_li .case_text i{ width: 36px; height: 36px; line-height: 36px; font-size: 18px;}
    .xm_li, .news_li{ margin-bottom: 30px;}
    .xm_content h2{ font-size: 24px;}
    .ncon_mass input.form-control, .ncon_mass input.btn{ height: 40px; font-size: 14px;}
    .gh_fan .swiper-button-prev i, .gh_fan .swiper-button-next i{ font-size: 20px; line-height: 46px;}
    .ncon_mass .form-control{ font-size: 14px;}
    .gh_biao strong{ font-size: 24px; line-height: 24px;}
    .gh_biao span{ font-size: 24px;}
    .gh_fan .swiper-button-prev, .gh_fan .swiper-button-next{ width: 46px; height: 46px;}
    .gh_swiper .swiper-container .swiper-slide h5{ font-size: 14px;}
    .nzr_text h5{ font-size: 16px; margin-bottom: 15px;}
    .nzr_text h5 span{ font-size: 24px;}
    .fc_li h5{ padding: 20px 15px; font-size: 16px;}
    .nzc_text h4{ font-size: 14px; font-weight: bold; margin-bottom: 10px;}
    .nzc_text p{ font-size: 14px; line-height: 24px;}
    .nzc_time i{ margin-top: 20px;}
    .zc_li{ padding: 30px 0;}
    .nnew_ty .snew_text h3{ margin-bottom: 20px;}

    .maodian, .nly{ top: -80px;}
    .nzr_text p{ font-size: 14px; line-height: 24px;}
    .ty_content{ font-size: 14px; line-height: 24px;}
  
  /* 招聘 */
  .job_form .form-control{ font-size: 14px; height: 34px;}
  .job_form{ margin-bottom: 30px;}
  .job_li h4{ font-size: 14px;}
  .job_form h3{ font-size: 18px;}
  /* 招聘 */
}

@media (min-width:1201px) and (max-width:1440px) {
  .container{ position: relative; width: calc(100% - 230px);}
  .sab_right, .sab_right ul, .case_fan, .gh_right{ padding-right: 130px;}
  .sab_right ul{ margin-left: 130px;}
  .s_case{ padding-left: 210px;}
  .nab1_left{ padding-left: 130px;}
  .news_head ul:after{ width: calc(100% + 130px);}
  .zr_li:after, .nnew_ty:after{ width: calc(100% + 130px);}
  .ncon_left{ width:calc(63.5% + 130px); margin-left: -130px;}
  .nly_text{ padding-right: 130px;}

  .head_more{ padding-left: 30px;}
  .head_lang{ margin-left: 15px;}
  .head_lang a{ font-size: 16px;}
  .head_search i{ font-size: 16px;}
  .header{ height: 81px;}
  .logo{ height: 80px;}
  .pc_nav ul li a{ padding: 0 10px; font-size: 15px; line-height: 80px;}
  .pc_nav{ padding-left: 15%; padding-right: 190px;}
  .s_news, .s_case{ transform: translateY(40px);}
  .s_about{ padding-top: 80px;}
  .s_biao{ font-size: 24px; margin-bottom: 20px;}
  .snew_text h3{ font-size: 16px; line-height: 24px;}
  .snew_text p{ line-height: 24px; font-size: 14px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
  .snew_text h5{ font-size: 14px;}
  .snew_text h6, .snew_text h3{ margin-top: 15px;}
  .sab_right ul li a{ font-size: 15px;}
  .sab_right ul{ padding-top: 10px; margin-bottom: 5%;}
  .sab_right .ty_content p{ font-size: 14px; margin: 10px 0;}
  .sab_biao span{ font-size: 46px; line-height: 46px;}
  .sab_biao{ padding-top: 30px;}
  .sab_more a{ font-size: 14px;}
  .s_yuan{ width: 380px;}
  ul.swiper_ul{ width: 380px; height: 380px; }
  .n_yuan:after{ width: 380px; height: 380px; border: 3px solid #fff;}
  .ly_biao{ top: 50%;}
  .ly_biao i{ font-size: 90px; line-height: 90px;}
  .ly_biao span{ font-size: 30px; line-height: 30px;}
  .ly_biao span b{ font-size: 30px; line-height: 30px; margin-top: 10px;}
  .lingyu_text h3{ margin-bottom: 15px; font-size: 16px;}
  .lingyu_text h3 i{ font-size: 36px;}
  .lingyu_text p{ line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
    .lingyu_text h5{ margin-top: 15px;}
    .lingyu_text h5 a{ padding: 5px 20px;}
    .s_yuan ul li span i{ font-size: 30px;}
    .s_yuan ul li span{ font-size: 14px;}
    .case_text i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
    .case_text span{ font-size: 16px;}
    .case_text span b{ font-size: 18px; padding-top: 5px; margin-top: 5px;}
    .case_fan .swiper-button-prev, .case_fan .swiper-button-next{ width: 50px; height: 50px;}
    .case_fan .swiper-button-prev i, .case_fan .swiper-button-next i{ line-height: 50px; font-size: 18px;}
    .s_hezuo{ top: 80px;}
    .foot_text p{ line-height: 20px;}
    .foot_text h3{ margin-bottom: 20px; font-size: 18px;}
    .foot_text h3 span{ font-size: 16px;}
    .foot_right{ padding: 40px 0; padding-left: 30px;}
    .foot_nav{ padding: 30px 0;}
    .foot_text p span{ font-size: 14px;}
    .foot_logo{ padding-bottom: 25px;}
    .foot_nav h5{ margin-bottom: 20px; font-size: 14px; font-weight: bold;}
    .foot_ewm img{ max-width: 80px;}

    .xm_biao{ margin-bottom: 20px;}
    .xm_biao strong{ font-size: 36px; line-height: 36px;}
    .xm_biao span{ font-size: 24px;}
    .xm_nav ul li a{ font-size: 16px;}
    .xm_nav ul li a i{ font-size: 24px;}
    .nly_ico span{ font-size: 20px;}
    .nly_ico span i{ font-size: 40px;}
    .nly_biao{ font-size: 18px;}
    .nly_biao i{ font-size: 36px;}
    .nly_text .ty_content p{ margin: 10px 0;}
    .duoyuan.active{ height: calc(100vh - 80px);}

    .nban_biao{ font-size: 50px;}
    .nban_biao span{ font-size: 90px; line-height: 90px;}
    .nab1_left h3 strong{ font-size: 24px;}
    .nab1_left h3 span{ font-size: 24px;}
    .nab1_left h3{ font-size: 18px; margin: 20px 0;}
    .nab1_left ul li{ font-size: 14px;}
    .nab1_left .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
    .nab2_li h5{ font-size: 14px; line-height: 24px;}
    .n_about3 .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}

    .news_head ul li a{ padding: 20px 10px; font-size: 16px;}
    .nnew_biao strong{ font-size: 18px; padding-bottom: 10px;}
    .nnew_biao{ margin-bottom: 20px;}
    .fanye02 a{ padding:8px 20px; font-size: 14px;}
    .xm_li .case_text span{ font-size: 14px;}
    .xm_li .case_text span b{ font-size: 16px;}
    .xm_li .case_text i{ width: 46px; height: 46px; line-height: 46px; font-size: 24px;}
    .xm_li, .news_li{ margin-bottom: 30px;}
    .xm_content h2{ font-size: 24px;}
    .ncon_mass input.form-control, .ncon_mass input.btn{ height: 40px; font-size: 14px;}
    .ncon_mass .form-control{ font-size: 14px;}
    .gh_biao strong{ font-size: 36px; line-height: 36px;}
    .gh_biao span{ font-size: 30px;}
    .gh_swiper .swiper-container .swiper-slide h5{ font-size: 14px;}

    .nzr_text h5{ font-size: 18px;}
    .nzr_text h5 span{ font-size: 36px;}
    .fc_li h5{ padding: 20px 15px; font-size: 16px;}
    .nzc_text h4{ font-size: 16px; margin-bottom: 20px;}
    .nzc_text p{ font-size: 14px; line-height: 24px;}
    .nzc_time i{ margin-top: 20px;}
    .zc_li{ padding: 30px 0;}
    .nnew_ty .snew_text h3{ margin-bottom: 20px;}

    .maodian, .nly{ top: -80px;}
    .nzr_text p{ font-size: 16px; line-height: 30px;}
    .ty_content{ font-size: 14px; line-height: 24px;}
  /* 招聘 */
  .job_form .form-control{ font-size: 14px;}
  .job_form{ margin-bottom: 30px;}
  .job_form h3{ font-size: 18px;}
  .job_li{ margin-bottom: 15px;}
  .job_li h4{ font-size: 18px;}
  .job_li .ty_content h4{ font-size: 16px;}
  .job_title{ padding: 30px 40px; padding-right: 60px;}
  .job_li i{ right: 40px;}
  /* 招聘 */
}

@media (min-width:1441px){

  .container{ position: relative; width: calc(100% - 250px);}
  .sab_right, .sab_right ul, .case_fan, .gh_right{ padding-right: 140px;}
  .sab_right ul{ margin-left: 140px;}
  .s_case{ padding-left: 220px;}
  .nab1_left{ padding-left: 140px;}
  .news_head ul:after{ width: calc(100% + 140px);}
  .zr_li:after, .nnew_ty:after{ width: calc(100% + 140px);}
  .ncon_left{ width:calc(63.5% + 140px); margin-left: -140px;}
  .nly_text{ padding-right: 140px;}
}



/* ===== 新闻 Tab 切换 ===== */
.news-tabs {
  position: relative;
}
.news-tabs:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dedede;
}
.news-tabs li {
  margin-right: 30px;
  display: inline-block;
}
.news-tabs li a {
  padding: 30px 20px;
  font-size: 18px;
  color: #666;
  font-weight: bold;
  display: block;
  position: relative;
  transition: all 0.3s;
}
.news-tabs li a:after {
  content: '';
  width: 0;
  height: 3px;
  background: #c2000c;
  position: absolute;
  top: 0;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.news-tabs li.active a {
  color: #c2000c;
}
.news-tabs li.active a:after {
  width: 100%;
}
.news-tabs li:hover a {
  color: #c2000c;
}

.news-panel { display: none; }
.news-panel.active { display: block; }

.news-tabs li a,
.news-tabs li a:focus,
.news-tabs li a:active {
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}



/* ===== 去掉点击后的黑框 ===== */
a:focus,
a:active,
button:focus,
button:active,
input:focus,
textarea:focus,
select:focus{
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}



/* ===== 俄文菜单宽度兜底（仅桌面端） ===== */
@media (min-width: 768px){
  .pc_nav ul.flex_7{
    flex-wrap: nowrap;
  }
  .pc_nav ul.flex_7 li a{
    white-space: nowrap;
    font-size: 15px;
    padding: 0 8px;
  }
}