body{ margin: 0; padding: 0;}
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;}



.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: 'TURNPIKE';
	src: url('../fonts/TURNPIKE.TTF');
	font-weight: normal;
	font-style: normal;
}

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

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

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



.ani-ov{ transform: translateY(100%); pointer-events: none; transition: all 1.5s;}
.ani-ov.cur{ transform: translateY(0); pointer-events: auto; transition-delay: 0.6s;}


.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-up2{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 1s;}
.ani-up2.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 1s;}
.ani-up3{ transform: translateY(60px); pointer-events: none; transition: all 0.5s;}
.ani-up3.cur{ transform: translateY(0); 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;}


.pd{ padding: 0 110px;}

.header.cur{ background: rgba(0,0,0,0.85);}
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 990; transition: all 0.5s ease-out;}
.header .pd{ height: 100%; }
.header .container{ height: 100%;}
.logo{ height: 80px;}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}

.pc_nav{ position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #000; opacity: 0; transition: all 0.5s ease-out; pointer-events: none; overflow: visible; z-index: -1;}
.header .pc_nav .pd{ height: auto;}
.pc_nav .pd{ position: relative; opacity: 0; transition: all 0.5s ease-out; padding: 0 95px;}
.pc_nav .pd .qiu{ position: absolute; left: 4%; bottom: 20%;}
.pc_nav .pd:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; top: 85px; left: 0; z-index: -1;}
.pc_nav.active .pd{ transition-delay: 0.3s; opacity: 1;}
.pc_nav.active{ opacity: 1; pointer-events: auto; height: 100vh;}
.pc_nav ul{ margin-top: 10%;}
.pc_nav ul li{ padding-bottom: 10%; position: relative;}
.pc_nav ul li span{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; font-size: 60px; color: #fff; opacity: 0.04; font-family: 'TURNPIKE'; text-align: center;}
.pc_nav ul li .caption{ display: inline-block; text-align: center; color: #fff;}
.pc_nav h3{ padding: 0 15px; padding-bottom: 40px; margin-bottom: 30px; position: relative; letter-spacing: 2px;}
.pc_nav h3:after{ content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #972127; transition: all 0.3s ease-out;}
.pc_nav ul li .caption:hover h3:after{ width: 100%;}
.pc_nav h4 a{ color: rgba(255,255,255,0.7); line-height: 40px; display: inline-block; transition: all 0.3s ease-out;}
.pc_nav h4 a:hover{ color: rgba(255,255,255,1); text-shadow: .2rem 0rem .5rem red,-.2rem 0rem .5rem red,0rem .2rem .5rem red,0rem -.2rem .5rem red;}




.head_more{ color: #fff;}
.head_search{ font-size: 18px; transition: all 0.5s ease-out; border: 1px solid transparent; position: relative; border-radius: 4px;}
.head_search input{ border: none; background: none; width: 78px; height: 40px; color: #fff; transition: all 0.5s ease-out; outline: none;}
.head_search input::placeholder{ color: #fff; font-family: 'MONTSERRAT-LIGHT';}
.head_search button{ border: none; background: none; width: 40px; text-align: center; height: 40px; line-height: 40px; outline: none;}
.head_search.active input{ width: 160px; padding: 0 10px;}
.head_search.active{ border-color:rgba(255,255,255,0.75);}
.head_lang{ position: relative; margin: 0 60px; margin-left: 50px; font-size: 18px; cursor: pointer; font-family: 'MONTSERRAT-LIGHT';}
.head_lang:hover ul{ opacity: 1; pointer-events: auto; top: calc(100% + 5px);}
.head_lang span{ opacity: 0.5; transition: all 0.3s ease-out;}
.head_lang ul:after{ content: ''; width: 100%; height: 10px; position: absolute; bottom: 100%; left: 0;}
.head_lang ul{ position: absolute; top: calc(100% + 15px); left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.45); border-radius: 4px; padding: 0 10px; opacity: 0; pointer-events: none; transition: all 0.5s ease-out;}
.head_lang ul li{ border-bottom: 1px solid rgba(255,255,255,0.1);}
.head_lang ul li:last-child{ border-bottom: none;}
.head_lang ul li a{ padding: 5px 10px; display: block; white-space: nowrap; font-size: 16px; color: #fff; opacity: 0.65;}
.head_lang ul li:hover a{ opacity: 1;}
.head_lang:hover span{ opacity: 1;}


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

.s_banner .swiper-pagination{ bottom: 7%; left: 5%; z-index: 2; width: auto;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ background: none; border: 1px solid #fff; margin: 0 8px; border-radius: 4px; opacity: 1; transition: all 0.5s ease-out;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 80px; border: 1px solid #d60007;}
.ban_text{ position: absolute; top: 32%; 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: 18px; display: block; line-height: 36px; margin: 40px 0;}
.ban_text b{ font-family: 'TURNPIKE'; font-size: 40px; text-transform: uppercase;}
.s_more a{ width: 220px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: rgba(0,0,0,0.3); border-radius: 4px; display: inline-block; text-transform: uppercase; font-size: 16px; transition: all 0.3s ease-out;}
.s_more a i{ font-size: 30px;  transform: translateY(-2px); display: inline-block; margin-left: 6px; vertical-align: middle;}
.s_more a:hover{ background: rgba(0,0,0,0.4);}
.s_more a:hover i{-webkit-animation: rightIn 1.2s ease-out infinite;
  animation: rightIn 1.2s ease-out infinite;}
@-webkit-keyframes rightIn {
  0% { transform: translateX(0) translateY(-2px); opacity: 1;}
  100% { transform: translateX(20%) translateY(-2px); opacity: 0;}
}
@keyframes rightIn {
  0% { transform: translateX(0) translateY(-2px); opacity: 1;}
  100% { transform: translateX(20%) translateY(-2px); opacity: 0;}
}


.banner_down{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; text-align: center; color: #fff; z-index: 2;  cursor: pointer;}
.banner_down i{ font-size: 36px; display: block; margin: 0 auto; transform: translateY(-10%);
  -webkit-animation: banner_down1 1.6s infinite;
  animation: banner_down1 1.6s infinite}

@-webkit-keyframes banner_down1 {
  0% { transform: translateY(-10%); }
  100% { transform: translateY(0);}
}
@keyframes banner_down1 {
  0% { transform: translateY(-10%); }
  100% { transform: translateY(0);}
}

.sban_more{ position: absolute; right: 5%; bottom: 7%; text-align: right; z-index: 2;}
.sban_fan{ font-size: 18px; color: rgba(255,255,255,0.65);}
.sban_fan i{ cursor: pointer; width: 40px; height: 40px; text-align: center; transition: all 0.3s; line-height: 40px; color: #fff;}
.sban_fan i:hover{ color: #d60007;}
.sban_ye{ margin-top: 20px; font-size: 30px; font-family: 'TURNPIKE'; color: #fff;}

.s_biao{ margin-bottom: 40px; color: #fff;}
.s_biao strong{ font-size: 24px; font-weight: normal; display: block;}
.s_biao span{ font-size: 40px; font-family: 'TURNPIKE';}

/* 3D-按钮 */
.btn_3d{ display: inline-block; width: 180px; height: 40px; line-height: 38px; border: 1px solid #fff; text-transform: uppercase; font-size: 18px; border-radius: 24px; color: transparent; position: relative; overflow: hidden; text-align: center; transition: all 0.5s ease-out; overflow: hidden;}
.btn_3d:after, .btn_3d:before{
  content: attr(data-text);
  z-index: 2;
  display: block;
  color: #fff;
  width: 100%;
  position: absolute;
  transition: all 0.5s ease-out;
  height: 40px;
  line-height: 40px;
}
.btn_3d:after{ top: 50%; left: 0; transform: translateY(-50%); background: transparent;}
.btn_3d:before{ top: 100%; left: 0; transform: rotateX(-90deg); background: #144f9d;}
.btn_3d:hover:after{ top: 0; transform: translateY(-100%) rotateX(90deg);}
.btn_3d:hover:before{ top: 50%; transform: translateY(-50%) rotateX(0);}
.btn_3d:hover{ border-color: transparent;}
/* 3D-按钮 */


.s_quality, .s_news{ padding: 5% 0; background: #050011; position: relative;}
.quality_text{ width: 23%; position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.quality_text h3{ font-size: 30px; letter-spacing: 2px; padding-bottom: 40px; position: relative; color: #fff;}
.quality_text h3:after{ content: ''; width: 60px; height: 1px; background: #d60007; position: absolute; left: 0; bottom: 0;}
.quality_text h3.on{-webkit-animation: downIn 1.2s ease-out;
animation: downIn 1.2s ease-out}
@-webkit-keyframes downIn {
  0% { transform: translateY(50%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1;}
}
@keyframes downIn {
  0% { transform: translateY(50%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1;}
}
.s_quality .swiper-container{ position: relative; z-index: 3;}
.s_quality .swiper-container .swiper-slide{ width: 76%;}
.s_quality .swiper-container .swiper-slide a{ padding-top: 55%; display: block;}


.quality_fan{ position: absolute; left: 0; bottom: 0;}
.snew_ico{ width: 50px; height: 50px; display: inline-block; transition: all 0.5s ease-out; text-align: center; border: 1px solid #fff; color: #fff; outline: none;}
.snew_ico i{ font-size: 24px; line-height: 48px; display: inline-block;}
.snew_ico:hover{ border-color: #d60007; color: #d60007;}
.snew_ico.quality_next{ margin-left: 40px;}

.s_quality{ overflow: hidden;}
.s_quality .s_x{ position: absolute; left: 0; top: 20%; width: 32%;}
.s_news .s_x{ position: absolute; left: 75%; bottom: 0%; width: 32%;}
.s_x ul{ opacity: 0.5;}
.s_x ul li{ width: 12.5%; padding-top: 12.5%; display: block; position: relative;}
.s_x ul li i{ width: 25%; display: block; position: absolute; padding-top: 25%;}
.s_x ul li i:after, .s_x ul li i:after{ content: ''; width: 80%; height: 2px; background: #fff; border-radius: 2px; position: absolute; top: 50%; transform-origin: center; left: 10%; z-index: 2;}
.s_x ul li i:nth-child(1){ left: 0; top: 0;}
.s_x ul li i:nth-child(1):after{ transform: translateY(-50%) rotate(45deg);
  -webkit-animation: li_fu 10s ease-out infinite;
  animation: li_fu 10s ease-out infinite;
}
.s_x ul li i:nth-child(2){ left: 0; top: 50%;}
.s_x ul li i:nth-child(2):after{ transform: translateY(-50%) rotate(-45deg);
  -webkit-animation: li_zheng 10s ease-out infinite;
  animation: li_zheng 10s ease-out infinite;
}
.s_x ul li i:nth-child(3){ left: 50%; top: 0;}
.s_x ul li i:nth-child(3):after{ transform: translateY(-50%) rotate(-45deg);
  -webkit-animation: li_zheng 10s ease-out infinite;
  animation: li_zheng 10s ease-out infinite;
}
.s_x ul li i:nth-child(4){ left: 50%; top: 50%;}
.s_x ul li i:nth-child(4):after{ transform: translateY(-50%) rotate(45deg);
  -webkit-animation: li_fu 10s ease-out infinite;
  animation: li_fu 10s ease-out infinite;
}


@-webkit-keyframes li_fu {
  0% { transform: translateY(-50%) rotate(45deg);}
  5% { transform: translateY(-50%) rotate(-45deg);}
  50% { transform: translateY(-50%) rotate(-45deg);}
  55% { transform: translateY(-50%) rotate(45deg);}
  100% { transform: translateY(-50%) rotate(45deg);}
}
@keyframes li_fu {
  0% { transform: translateY(-50%) rotate(45deg);}
  5% { transform: translateY(-50%) rotate(-45deg);}
  50% { transform: translateY(-50%) rotate(-45deg);}
  55% { transform: translateY(-50%) rotate(45deg);}
  100% { transform: translateY(-50%) rotate(45deg);}
}


@-webkit-keyframes li_zheng {
  0% { transform: translateY(-50%) rotate(-45deg);}
  5% { transform: translateY(-50%) rotate(45deg);}
  50% { transform: translateY(-50%) rotate(45deg);}
  55% { transform: translateY(-50%) rotate(-45deg);}
  100% { transform: translateY(-50%) rotate(-45deg);}
}
@keyframes li_zheng {
  0% { transform: translateY(-50%) rotate(-45deg);}
  5% { transform: translateY(-50%) rotate(45deg);}
  50% { transform: translateY(-50%) rotate(45deg);}
  55% { transform: translateY(-50%) rotate(-45deg);}
  100% { transform: translateY(-50%) rotate(-45deg);}
}

.s_about{ overflow: hidden; position: relative;}
.yun_logo{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2;}
.yun{ background: url(../images/yun.png) center top no-repeat; background-size: cover; padding-top: 15.625%;}
.logo_g{ position: absolute; bottom: 48%; right: 23%; z-index: -1;}

.s_about{ position: relative; padding-top: 7%; padding-bottom: 28%;}
.s_about .container{ z-index: 5;}
.sab_left{ width: 48%; margin-right: 2%; color: #fff;}
.sab_right{ width: 50%;}
.sab_left .s_biao{ color: #fff;}
.sab_left p{ font-size: 16px; line-height: 42px; margin: 7% 0;}
.sab_right ul li{ width: 33.33%; text-align: center; border-right: none; position: relative; z-index: 2;}
.sab_right ul li:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.5s ease-out; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)); opacity: 0; z-index: -1;}
.sab_right ul li a{ color: #fff; display: block; padding: 30px 0; border: 1px solid rgba(255,255,255,0.06);}
.sab_right ul li span{ display: block; font-size: 16px; margin-top: 10px;}
.sab_right ul li i{ font-size: 36px;}
.sab_right ul li:hover a{ border-color: transparent;}
.sab_right ul li:hover:after{ opacity: 1;}

.sab_right ul li:hover i {
  -webkit-animation: Glow 1.5s ease-out infinite alternate;
  animation: Glow 1.5s ease-out infinite alternate;
}
@-webkit-keyframes Glow {
  from {
    text-shadow: 0 0 4px rgba(255,255,255,0.5), 0 0 8px rgba(255,255,255,0.5), 0 0 16px rgba(255,255,255,0.5);
  }
  to {
    text-shadow: 0 0 16px rgba(255,255,255,0.5), 0 0 32px rgba(255,255,255,0.5), 0 0 64px rgba(255,255,255,0.5);
  }
}

@keyframes Glow {
  from {
    text-shadow: 0 0 4px rgba(255,255,255,0.5), 0 0 8px rgba(255,255,255,0.5), 0 0 16px rgba(255,255,255,0.5);
  }
  to {
    text-shadow: 0 0 16px rgba(255,255,255,0.5), 0 0 32px rgba(255,255,255,0.5), 0 0 64px rgba(255,255,255,0.5);
  }
}


@-webkit-keyframes fadeInUp2 {
  0% {
  opacity:0;
  -webkit-transform:translate3d(0, 50px, 0);
  transform:translate3d(0, 50px, 0)
  }
  100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
  }
  }
  @keyframes fadeInUp2 {
  0% {
  opacity:0;
  -webkit-transform:translate3d(0, 50px, 0);
  -ms-transform:translate3d(0, 50px, 0);
  transform:translate3d(0, 50px, 0)
  }
  100% {
  opacity:1;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none
  }
  }
  .fadeInUp2 {
    -webkit-animation: fadeInUp2 1s 1s ease-out;
    animation: fadeInUp2 1s 1s ease-out
  }



.s_news{ position: relative;}
.s_news .qiu{ position: absolute; top: 0; right: 8%;}

.snew_text{ padding: 15px 0;}
.snew_text h4{	font-family: 'TURNPIKE'; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid transparent; transition: all 0.5s ease-out; color: #fff; margin-top: 0;}
.snew_text h5{ font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew_text p{ color: rgba(255,255,255,0.65); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew_text h6{ font-size: 18px; color: #fff; transition: all 0.5s ease-out; margin-bottom: 0;}
.snew_img{ display: block; position: relative; padding-top: 162%;}
.snew_img i{ position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; z-index: 2; color: #d60007; width: 68px; height: 68px; text-align: center; line-height: 66px; border: 1px solid #d60007; border-right: 50%; opacity: 0; transition: all 0.5s ease-out;}

.snew_list{ padding: 0 10%; position: relative;}
.s_news .swiper2 .swiper-slide{ width: 22%; margin-right: 17%;}
.s_news .swiper2 .swiper-slide:hover .snew_text h4{ color: #d60007; border-color: #d60007;}
.s_news .swiper2 .swiper-slide:hover .snew_text h6{ color: #d60007;}

.snew_prev{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.snew_next{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}


.footer{ background: #111111; padding-top: 3%;}
.foot_logo{ width: 105px; margin: 0 auto; margin-bottom: 50px;}

.footer ul li{ padding: 0 2.5%; position: relative;}
.footer ul li:after{ content: ''; width: 1px; height: 80%; position: absolute; top: 10%; right: 0; background: rgba(255,255,255,0.2);}
.footer ul li a{ font-size: 18px; color: #fff;}
.footer ul li a:hover{
  -webkit-animation: Glow 1.5s ease-out infinite alternate;
  animation: Glow 1.5s ease-out infinite alternate;}
.foot_ico{ width: 38px; height: 38px; border-radius: 50%; background: #2b2b2b; color: #fff;  margin: 0 1.2%; line-height: 38px; text-align: center; transition: all 0.5s ease-out; position: relative;}
.foot_ico i{ font-size: 18px;}
.foot_ico:hover{ transform: scale(1.1); color: #fff;}
.foot_more{ margin: 40px 0;}

.ico_text{ position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); background: #000; color: #fff; padding: 0 15px; border-radius: 6px; white-space: nowrap; text-align: center; z-index: 2; opacity: 0; transition: all 0.3s; line-height: 34px; pointer-events: none;}
.foot_ico:hover .ico_text{ opacity: 1; bottom: 100%; opacity: 1; pointer-events: auto;}

.ico_ewm{ pointer-events: none; position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); width: 100px; background: #000; z-index: 2; opacity: 0; transition: all 0.3s; border-radius: 4px; overflow: hidden; padding: 4px;}
.ico_ewm img{ display: block; width: 100%;}
.foot_ico:hover .ico_ewm{ opacity: 1; bottom: 100%; opacity: 1; pointer-events: auto;}

.foot_search{ width: 26%; margin: 0 auto; position: relative;}
.foot_search input{ width: calc(100% - 140px); height: 50px; background: #2b2b2b; border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 0 30px; font-size: 16px; color: #fff; outline: none; box-shadow: none; border: none;}
.foot_search input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.foot_search i{ position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 24px;}
.foot_search button{ width: 140px; font-size: 16px; background: #808080; border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #fff; outline: none;}

.foot_di{ border-top: 1px solid rgba(255,255,255,0.1); padding: 30px 0; font-size: 16px; margin-top: 35px; color: rgba(255,255,255,0.3);}
.foot_di a{ color: rgba(255,255,255,0.3);}

.foot ul.ani-up.cur{ transition-delay: 0.7s;}
.foot_more.ani-up.cur{ transition-delay: 0.8s;}
.foot_search.ani-up.cur{ transition-delay: 0.9s;}
.foot_di.ani-up.cur{ transition-delay: 1s;}
.qiu.ani-down.cur{ transition-delay: 1s;}
.s_x.ani-in.cur{ transition-delay: 1s;}




.n_banner{ height: 100vh; overflow: hidden; position: relative;}
.n_banner .nban_bg{ width: 100%; height: 100%; animation: zoom_big2 10s ease-out infinite;}
.nban_biao{ color: #fff; position: absolute; top: 48%; transform: translateY(-50%); z-index: 2; left: 0; width: 100%;}
.nban_biao strong, .nban_biao span{overflow: hidden; position: relative; display: block; color: transparent;}
.nban_biao strong{ font-size: 30px; font-weight: normal; line-height: 30px; margin-top: 10px; letter-spacing: 5px;}
.nban_biao span{ font-size: 40px; line-height: 50px; font-family: 'TURNPIKE';}
.nban_biao strong:after, .nban_biao span:after{ content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; transition: all 0.6s ease-out; transform: translateY(100%); color: #fff;}
.nban_biao.cur strong:after, .nban_biao.cur span:after{ transform: translateY(0);}
@keyframes zoom_big {
  0%{
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom_big2 {
  0%{
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  95% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.ny_nav{ margin: 40px 0;}
.ny_nav ul li{ width: 16.25%;}
.ny_nav ul.yewu{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ny_nav ul.yewu li{width: auto; max-width: 13%;}
.ny_nav ul li a{ font-size: 18px; color: #666; display: block; text-align: center; transition: all 0.5s ease-out;}
.ny_nav ul li i{ width: 90px; height: 90px; display: block; margin: 0 auto; margin-bottom: 10px; border-radius: 50%; border: 1px solid transparent; line-height: 88px; text-align: center; font-size: 36px; position: relative; transition: all 0.5s 0.3s ease-out;}
.ny_nav ul li i:after{ content: ''; width: calc(100% + 2px);height: calc(100% + 2px); position: absolute; left: -1px; top: -1px; border:1px dashed #dedede; border-radius: 50%; transition: all 0.5s ease-out;}
.ny_nav ul li a:hover i:after{ transform: rotate(45deg); border-color: #d60007;}
.ny_nav ul li a:hover i{ border-color:#d60007; color: #d60007;}
.ny_nav ul li a:hover{ color: #d60007;}
.ny_nav ul li.active a i:after{ display: none;}
.ny_nav ul li.active a i{ border-color:#d60007; color: #d60007;}
.ny_nav ul li.active a{ color: #d60007;}


.nabout_1{ background: url(../images/xian_red.jpg) left bottom no-repeat; background-size: 50% 100%; padding-bottom: 8%; margin-top: 6%;}
.nabout_1 .n_biao{ width: 50%;}
.n_biao{ color: #000000; margin-bottom: 40px;}
.n_biao strong{ font-size: 40px; font-weight: normal; font-family: 'TURNPIKE';}
.n_biao span{ font-size: 24px; display: block; margin-top: 15px;}
.nabout_1 p{ width: 50%; text-align: justify; line-height: 40px; font-size: 18px;}
.nabout_2{ margin-top: -10%; position: relative;}
.nab_2_text{ position: absolute; left: 3%; bottom: 6%; background: rgba(255,255,255,0.85); color: #333; line-height: 40px; font-size: 18px; padding: 4% 3%; width: 54%; z-index: 2;}

.nabout_3{ margin: 5% 0; background: url(../images/xian_red.jpg) right bottom no-repeat;}
.nab_3_left{ width: 68%; position: relative; z-index:2;}
.nab_3_left:after{ content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.1); z-index: -1; left: 20px; top: 20px;}
.nab_3_right{ width: 25%; margin-left: 7%; padding-top: 5%;}
.nab_3_right p{ font-size: 18px; line-height: 40px; colo: #333;}

.honor_2{ padding: 2% 0; padding-bottom: 5%; background: url(../images/xian.jpg) center center no-repeat; background-size: contain;}
.honor_2 .swiper_1{ padding: 15px 0;}
.honor_2 .swiper_1 a{ display: block; padding-top: 133.33%; position: relative;}
.honor_2 .swiper_1 .swiper-slide span{ font-size: 18px; display: block;  text-align: center; margin-top: 5%;}
.honor_2 .swiper_1 .swiper-slide i{ display: block; width: 100%; height: 2px; background: #d60007; position: relative; margin-top: 15%;}
.honor_2 .swiper_1 .swiper-slide i:after{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: #d60007; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0; transition: all 0.3s ease-out; pointer-events: none;}
.honor_2 .swiper_1 .swiper-slide i:before{ content: ''; width: 16px; height: 16px; border-radius: 50%; border: 1px dashed #d60007; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; transition: all 0.3s ease-out; cursor: pointer;}


.honor_2 .swiper_1 a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 96%; max-height: 96%;box-shadow: 0px 0px 12px rgba(0,0,0,0.2); }
.honor_2 .swiper_1 .swiper-slide a{ transform: scale(0.6); transition: all 0.5s ease-out;}
.honor_2 .swiper_1 .swiper-slide.swiper-slide-active a{ transform: scale(1);}
.honor_2 .swiper_1 .swiper-slide.swiper-slide-active i:before{ width: 24px; height: 24px; border-style: solid;}
.honor_2 .swiper_1 .swiper-slide.swiper-slide-active i:after{ opacity: 1;}
.honor_prev{ left: 0;}
.honor_next{ right: 0;}
.honor_prev.snew_ico, .honor_next.snew_ico{ border-color: #dedede; color: #999;}
.honor_prev, .honor_next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.honor_prev.snew_ico:hover, .honor_next.snew_ico:hover{ color: #d60007; border-color: #d60007;}

.culture_1{ padding-top: 56.25%; position: relative; margin-bottom: 6%;}
.culture_1 ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.culture_1 ul li{ width: 31.25%; transition: all 0.6s ease-out; position: relative; height: 100%; overflow: hidden;}
.culture_1 ul li.active{ width: 68.75%;}
.culture_1 ul li.active .c_ico{ top: 24%;}
.culture_1 ul li.active .c_ico span{ opacity: 1;}
.c_ico{ position: absolute; top: 40%; left: 50%; text-align: center; transform: translateX(-50%); color: #fff; transition: all 0.5s ease-out; font-weight: lighter;}
.c_ico i{ font-size: 80px; display: inline-block; line-height: 80px;}
.c_ico strong{ font-weight: normal; font-size: 30px; display: block; margin-bottom: 30px;}
.c_ico strong em{ font-style: normal; display: block; font-size: 18px; opacity: 0.5; text-transform: uppercase; margin-top: 5px;font-family: 'MONTSERRAT-LIGHT'; letter-spacing: 1px;}
.c_ico span{ font-size: 36px; display: block; white-space: nowrap; opacity: 0; transition: all 0.3s ease-out;}

.deve_list{ position: relative;}
.deve_list:after{ content: ''; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #d60007; background: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-100%); z-index: 2;}
.deve_list:before{ content: ''; width: 1px; height: 100%; background: #dedede; position: absolute; left: calc(50% - 0.5px); top: 0; transform: translateX(-50%); transition: all 1s ease-out;}
.deve_li{ position: relative; margin-bottom: 70px;}
.deve_li:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: #d60007; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.deve_li:before{ content: ''; width: 25px; height: 25px; border-radius: 50%; border: 1px dashed #d60007; position: absolute; top: calc(50% - 12.1px); left: calc(50% - 12.6px); background: #fff;}
.deve_li:hover:before{ animation: aniZhuan 2s linear infinite;}
.deve_li:hover .deve_right h4{ color: #d60007;}
.deve_li:hover .deve_ty a:after{ opacity: 1;}
.deve_li:hover .deve_ty a i{ opacity: 1;}
.deve_left{ margin-right: 15.33%;}
.deve_li:nth-child(2n) .deve_right{ text-align: right;}
.deve_li img{ display: block; width: 100%;}
.deve_ty a{ display: block; position: relative; transition: transform 0.2s linear;}
.deve_ty a:after{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #d60007; position: absolute; left: 10px; top: 10px; z-index: 2; transition: all 0.5s ease-out; opacity: 0;}
.deve_ty a i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 65px; height: 65px; border-radius: 50%; border-radius: 50%; line-height: 63px; border: 1px solid #d60007;  text-align: center; font-size: 30px; color: #d60007; transition: all 0.3s ease-out; opacity: 0;}
.deve_ty{ perspective: 500px;}
.deve_left, .deve_right{ width: 27%;}
.deve_li h4{ color: #333; margin: 0; margin-bottom: 20px; transition: all 0.3s ease-out;}
.deve_li h4 span{ font-size: 36px; font-family: 'TURNPIKE'; display: inline-block; margin-right: 5px; line-height: 36px;}
.deve_li p{ line-height: 40px; font-size: 18px; margin: 0;}

.development_1{ padding: 2% 0; padding-bottom: 6%;}
.gy_img{ position: relative;}
.gy_img p{ position: absolute; z-index: 2; top: 45%; width: auto; left: 50%; transform: translateX(-50%); margin: 0 auto; text-align: center; color: #fff; font-size: 24px; font-weight: lighter; line-height: 40px;}
.gy_img p i:first-child{ position: absolute; left: -40px; top: -20px; font-size: 36px;}
.gy_img p i:last-child{ position: absolute; right: -40px; bottom: -20px; font-size: 36px;}

.njob_1 .gy_img p{ top: 30%;}

.hz_list{ margin-top: 5%;}
.hz_list ul li{ width: 23.875%; margin-right: 1.5%; margin-bottom: 1.5%; border-radius: 6px;
  perspective: 400px;}
.hz_list ul li:nth-child(4n){ margin-right: 0;}
.hz_list ul li a img{ max-width: 100%; }
.hz_list ul li a{ display: block; width: 100%; height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #dedede;
  background: #fff;
  transition: transform 0.2s linear;
}
.hz_list ul li:hover a{box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.nyw_list{ padding: 2% 0; padding-bottom: 5%; position: relative; z-index: 2; overflow: hidden;}
.nyw_li{ width: 48%; margin-right: 4%; margin-bottom: 4%;}
.nyw_list .nyw_li:nth-child(2n){ margin-right: 0;}
.nyw_name{ padding: 20px 40px; padding-right: 60px; background: #f4f4f4; color: #333; font-size: 20px; font-weight: lighter; transition: all 0.3s ease-out; position: relative;}
.nyw_name i{ position: absolute; width: 20px; font-size: 24px; right: 40px; top: 50%; transform: translateY(-50%);}
.nyw_li:hover a:after{ opacity: 1;}
.nyw_li:hover a i{ opacity: 1; animation: flash 1.6s 1s linear infinite;}
.nyw_li:hover .nyw_name{ background: #d60007; color: #fff;}
.nyw_li:hover a{ animation: zoom_big 10s ease-out infinite;}
.nyw_li a{ padding-top: 55%; display: block; position: relative;}
.nyw_li a:after{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #d60007; position: absolute; left: 10px; top: 10px; z-index: 2; transition: all 0.5s ease-out; opacity: 0;}
.nyw_li a i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 65px; height: 65px; border-radius: 50%; border-radius: 50%; line-height: 63px; border: 1px solid #d60007;  text-align: center; font-size: 30px; color: #d60007; transition: all 0.3s ease-out; opacity: 0;}
.nyw_img{ overflow: hidden;}
.nyw_list .s_x{ position: absolute; left: 75%; bottom: 0%; width: 32%; z-index: -1;}
.nyw_list .s_x ul li i:after, .nyw_list .s_x ul li i:after{ background: #ccc;}

.nyw_swiper .swiper-slide>div{ padding-top: 55%;}
.nyw_swiper .swiper-pagination{ bottom: 7%; left: 5%; z-index: 2; width: auto;}
.nyw_swiper .swiper-pagination .swiper-pagination-bullet{ background: none; border: 1px solid #fff; margin: 0 8px; border-radius: 4px; opacity: 1; transition: all 0.5s ease-out;}
.nyw_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 80px; border: 1px solid #d60007;}

.nyw_swiper h2{ margin-bottom: 30px;}
.nyw_swiper h2 span{ display: inline-block; position: relative; padding-bottom: 20px;}
.nyw_swiper h2 span:after{ content: ''; height: 1px; position: absolute; width: 80px; bottom: 0; left: 50%; transform: translateX(-50%); background: #d60007;}

.nyw_content{ background: url(../images/xian2.jpg) center bottom no-repeat #f7f7ff; padding: 4% 6%; margin-top: 30px;}
.nyw_content h3{ border-bottom: 1px solid #Dedede; margin-bottom: 30px;}
.nyw_content h3 span{ display: inline-block; padding-bottom: 20px; border-bottom: 2px solid #d60007; transform: translateY(1px);}
.nyw_content .ty_content{ line-height: 42px; font-size: 16px; color: #666;}
.back_a{ margin-top: 40px;}
.back_a a{ padding: 10px 30px; display: inline-block; color: #999; border: 1px solid #dedede; border-radius: 4px; font-size: 16px; transition: all 0.3s ease-out;}
.back_a a i{ display: inline-block; margin-right: 5px; font-size: 18px; vertical-align: middle;}
.back_a a:hover{ border: 1px solid #d60007; color: #d60007;}

.syw_xg{ margin-top: 30px;}
.syw_xg h3{ border-bottom: 1px solid #Dedede; margin-bottom: 30px; position: relative;}
.syw_xg h3 span{ display: inline-block; padding-bottom: 20px; border-bottom: 2px solid #d60007; transform: translateY(1px);}
.syw_xg h3 a{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: #666;}

.nyw_video{ padding: 2% 0; padding-bottom: 5%;}
.nyw_video .n_biao span{ padding-bottom: 20%; margin-bottom: 40%; position: relative;}
.nyw_video .n_biao span:after{ content: ''; width: 30%; height: 1px; position: absolute; bottom: 0; left: 0; background: #d60007;}
.nyw_video .swiper-container{ position: relative; z-index: 3;}
.nyw_video .swiper-container .swiper-slide{ width: 76%;}
.nyw_video .swiper-container .swiper-slide a{ padding-top: 55%; display: block; position: relative;}
.nyw_video .swiper-container .swiper-slide a:after{ content: ''; position: absolute; left: 0; z-index: 2; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0; transition: all 0.3s;}
.nyw_video .swiper-container .swiper-slide:hover a:after{ opacity: 1;}
.nyw_video .quality_text h3{ padding-bottom: 0; color: #666; font-size: 24px;}
.nyw_video .quality_text h3:after{ display: none;}
.nyw_video .quality_fan .snew_ico{ border-color: #dedede; color: #999;}
.nyw_video .quality_fan .snew_ico:hover{ border-color: #d60007; color: #d60007;}
.nyw_video .quality_fan .snew_ico.quality_prev{ margin-right: 30px;}

.v_cio{ width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 3;}
.v_cio i{ position: absolute; left: 32%; top: 50%; transform: translateY(-50%); font-size: 46px; color: #fff;}
.v_cio svg {
  display: block;
  width: 100px;
  height: 100px;
  z-index: 5;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.v_cio svg circle {
  stroke-width: 2px;
  stroke: #fff;
  stroke-dasharray: 300%;
  stroke-dashoffset: 300%;
  transition: stroke-dashoffset 0.6s ease-out;
  -webkit-transition: stroke-dashoffset 0.6s ease-out;
  -moz-transition: stroke-dashoffset 0.6s ease-out;
  -o-transition: stroke-dashoffset 0.6s ease-out;
  -ms-transition: stroke-dashoffset 0.6s ease-out;
}
.nyw_video .swiper-container .swiper-slide:hover .v_cio svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.2s ease-out;
  -webkit-transition: stroke-dashoffset 1.2s ease-out;
  -moz-transition: stroke-dashoffset 1.2s ease-out;
  -o-transition: stroke-dashoffset 1.2s ease-out;
  -ms-transition: stroke-dashoffset 1.2s ease-out;
}

.nnews_list{ padding: 2% 0; padding-bottom: 5%;}
.nnews_li:nth-child(3n){ margin-right: 0;}
.nnews_li{ width: 23.374%; margin-right: 14.939%; margin-bottom: 5%;}

.nnews_li .snew_text h4{color: #333;}
.nnews_li .snew_text h5{ color: #333;}
.nnews_li .snew_text p{ color: rgba(0,0,0,0.65);}
.nnews_li .snew_text h6{ color: #666;}
.nnews_li:hover .snew_text h4{color: #d60007; border-color: #d60007;}
.nnews_li:hover .snew_text h6{ color: #d60007;}

.nnews_content{ padding: 2% 12%; padding-bottom: 5%;}
.nnews_content>h2{ margin: 0;}
.nnews_content>h5{ margin: 30px 0; color: #666; font-size: 16px;}
.nnews_content>h5 i{ margin-right: 5px;}

.ln_list{ margin: 6% 0;}
.ln_list ul li{ width: 19%; position: relative;}
.ln_list ul li:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); opacity: 0; transition: all 0.3s ease-out;}
.ln_list ul li:nth-child(2n){ margin-top: 5%;}
.ln_list ul li img{ width: 100%; display: block;}
.ln_list ul li h3{ position: absolute; left: 10%; bottom: 10%; color: #fff; transition: all 0.3s ease-out; z-index: 2;}
.ln_list ul li h3 span{ font-size: 18px; color: #d60007; display: block; margin-bottom: 5px;}
.ln_list ul li .ln_text h3{ position: static; opacity: 1;}
.ln_list ul li .ln_text h3 span{ color: #fff;}
.ln_text{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 8%; transition: all 0.6s 0.3s ease-out; opacity: 0; z-index: 2;}
.ln_text p{ line-height: 30px; margin-top: 25px; color: #fff;}
.ln_list ul li:hover .ln_text{ top: 40%; opacity: 1;}
.ln_list ul li:hover .ln_text h3{ opacity: 1;}
.ln_list ul li:hover h3{ opacity: 0; bottom: 5%;}
.ln_list ul li:hover:after{ opacity: 1;}

.nyw_video.fengcai{ position: relative; padding: 0; margin-bottom: 5%;}
.nyw_video.fengcai:after{ content: ''; width: 70%; height: 50%; background: #eeeeee; position: absolute; right: 0; bottom: 0; z-index: -1;}
.nyw_video.fengcai .quality_text{ width: 37.5%;}
.nyw_video.fengcai .swiper-container .swiper-slide{ width: 100%;}
.nyw_video.fengcai .swiper-container .swiper-slide a{ padding-top: 60%;}
.nyw_video.fengcai .swiper-container .swiper-slide a:after{ display: none;}
.nyw_video.fengcai .n_biao span{ padding-bottom: 15%; margin-bottom: 25%;}

.n_ygpy{ position: relative;}
.ygpy_text .n_biao span{ padding-bottom: 30px; position: relative;}
.ygpy_text .n_biao span:after{ content: ''; width: 100px; height: 1px; position: absolute; bottom: 0; left: 0; background: #d60007;}
.ygpy_text{ position: absolute; left: 0; bottom: 0; padding: 5% 5%; background: rgba(255,255,255,0.8); width: 55%;}
.ygpy_text p{ line-height: 40px; font-size: 18px;}

.njob_list{ margin: 3% 0; margin-bottom: 5%;}
.njob_left{ width: 14.68%;}
.njob_right{ width: 85.32%;}
.njob_right .swiper-container{ padding: 10px;}
.job_text{ box-shadow: 0px 0px 8px rgba(0,0,0,0.1); background: #fff; padding: 8% 0; transition: all 0.5s ease-out; margin-bottom: 32%;}
.job_text h4{ color: #333; padding: 0 10%; position: relative; text-transform: uppercase; transition: all 0.3s ease-out;}
.job_text h4:after{ content: ''; width: 2px; height: 100%; background: #d60007; position: absolute; left: 0; top: 0; transition: all 0.3s ease-out;}
.job_text h4 i{ font-style: normal; display: inline-block; color: #284181;}
.job_text h4 span{ font-size: 30px; display: block; margin-top: 10px;}
.job_text p{ margin: 10% 0; font-size: 16px; color: #474747; line-height: 40px; padding: 0 10%;  transition: all 0.3s ease-out;}

.job_text h5{ opacity: 0; pointer-events: none; padding: 0 10%; position: absolute; margin: 0; left: 0; top: 80%;}
.job_text h5 a{ background: #fff; color: #333; padding: 10px 20px; border-radius: 4px; display: block;}
.job_text h5 a i{ display: inline-block; margin-left: 5px; font-size: 18px;}

.njob_right .swiper-slide.swiper-slide-active{ background: url(../images/yin.jpg) center no-repeat; background-size: cover;}
.njob_right .swiper-slide.swiper-slide-active .job_text{ background: transparent; box-shadow: none; padding-bottom: 40%; margin-bottom: 0;}
.njob_right .swiper-slide.swiper-slide-active .job_text h5{ opacity: 1; top: 75%; transition: all 0.5s 0.5s ease-out; pointer-events: auto;}
.njob_right .swiper-slide.swiper-slide-active .job_text p{ color: #fff;}
.njob_right .swiper-slide.swiper-slide-active .job_text h4{ color: #fff;}
.njob_right .swiper-slide.swiper-slide-active .job_text h4:after{ left: -2px;}
.njob_right .swiper-slide.swiper-slide-active .job_text h4 i{ color: #d60007;}

.job_fan{ position: absolute; left: calc((100% - 120px)/3 + 60px); bottom: 10px; z-index: 2;}
.job_fan .snew_ico{ border-color: #dedede; color: #999; background: #fff;}
.job_fan .snew_ico:hover{ border-color: #d60007; color: #d60007;}
.job_fan .snew_ico.job_prev{ margin-right: 30px;}

.job_biao{ font-size: 24px; writing-mode: tb-rl; padding-top: 10px;}
.job_biao strong{ display: block; color: #d60007; font-size: 40px; font-weight: normal;font-family: 'TURNPIKE';}

.njob_content{ background: #f4f4f4; padding: 5%;}
.njob_content>h4{ color: #333; position: relative; text-transform: uppercase; margin-bottom: 3%;}
.njob_content>h4:after{ content: ''; width: 2px; height: 100%; background: #d60007; position: absolute; left: -5.7%; top: 0;}
.njob_content>h4 i{ font-style: normal; display: inline-block; color: #284181;}
.njob_content>h4 span{ font-size: 30px; display: block; margin-top: 10px;}

.njob_content .back_a{ margin-top: 50px;}

.n_contact{ margin: 5% 0;}
.lx_content{ background: url(../images/lx.jpg) center bottom no-repeat; background-size: cover; padding: 4%; padding-bottom: 10%; color: #fff;}
.lx_content .h3_img{ padding-left: 60px; position: relative;}
.lx_content .h3_img img{ width: 50px; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.lx_content h3{ font-weight: bold; margin-bottom: 30px;}
.lx_content ul{ border-top: 1px solid rgba(255,255,255,0.2); padding-top: 10px;}
.lx_content ul li{ margin-top: 20px; padding-left: 30px; font-size: 18px; line-height: 30px; position: relative;}
.lx_content ul li i{ position: absolute; left: 0; top: 0; font-size: 18px;}
.lx_content .form-control{ color: #fff; background: rgba(255,255,255,0.2); border: none; border-radius: 2px; font-size: 16px; height: 46px; box-shadow: none;}
.lx_content textarea.form-control{ height: auto;}
.lx_content button.btn{ background: #d60007; color: #fff; border: none;}
.lx_content .row .col-md-4:first-child{ width: 37.33%;}
.lx_content .row .col-md-4:nth-child(2){ width: 29.33%;}







/* 涟漪特效代码 */
@-webkit-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@-moz-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@-ms-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@keyframes aniZhuan{
  0%{ transform: rotate(0deg);}
  100%{ transform: rotate(360deg);}
}

   
#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: #343434; 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 #343434; 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;}




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

.ty_content{ font-size: 16px; line-height: 40px; 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: #d60007; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);} */

.fanye02{ margin-top: 50px; padding-top: 30px; border-top: 1px dashed #dedede;}
.fanye02 .caption{ padding-left: 110px; position: relative;}
.fanye02 .caption i{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px;}
.fanye02 .caption.text-left{ padding-left: 35px;}
.fanye02 .caption.text-right{ padding-right: 35px; padding-left: 0;}
.fanye02 .caption.text-left i{ left: 0;}
.fanye02 .caption.text-right i{ right: 0;}
.fanye02 .caption.text-left span{left: 30px;}
.fanye02 .caption.text-right span{left: 0;}
.fanye02 .caption a{ font-size: 16px; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fanye02 .caption:hover{ color: #d60007;}
.fanye02 .caption:hover a{ color: #d60007;}

.my-map { margin: 0 auto; width: 100%; height: 600px; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


/* .menu-link.active{ padding-right: 0;} */
.menu-link{ width:22px; height:18px; padding: 8px 0; padding-right: 6px; position: relative; transition: all 0.3s ease-out; cursor: pointer;}
.menu-link span{ width: 100%; height: 2px; display: block; background: #fff; transition: all 0.3s ease-out;}
.menu-link:after{ content: ''; background: #fff; width: 100%; height: 2px; position: absolute; top: 0; left: 0; transition: all 0.3s ease-out;}
.menu-link:before{ content: ''; background: #fff; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-out;}
.menu-link.active:after{ transform: rotate(-45deg); transform-origin: right top; top: 0.5px;}
.menu-link.active:before{transform: rotate(45deg); transform-origin: right bottom; bottom: 0.5px;}
.menu-link.active span{ background: transparent;}

@media (max-width:767px){
  .maodian{ top:-60px;}
  .header, .logo{ height: 60px;}
  .pd{ padding: 0 15px;}
  .head_search{ display: none;}
  .head_lang{ margin: 0; margin-right: 15px; font-size: 16px;}

  .pc_nav .pd{ padding: 0 15px;}
  .pc_nav .pd:after{ top: 0;}
  .pc_nav ul{ margin-top: 60px; padding-top: 15px;}
  .pc_nav ul li{ width: 100%; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 10px;}
  .pc_nav ul li .caption{ width: 100%; text-align: left;}
  .pc_nav h4{ margin: 0; display: inline-block;}
  .pc_nav h4 a{ font-size: 14px; line-height: 30px; padding: 0 5px;}
  .pc_nav h3{ font-size: 14px; padding: 10px 5px; margin: 0; padding-bottom: 5px;}
  .pc_nav h3:after{ height: 2px; display: none;}
  .pc_nav ul li span{ font-size: 24px; left: auto; right: 0; width: auto;}
  .pc_nav .pd .qiu{ left: auto; right: 0; bottom: 0; transform: translateY(100%);}
  .pc_nav .pd .qiu img{ width: 100px;}

  .ban_text{ text-align: center; top: 25%;}
  .ban_text b{ font-size: 16px;}
  .ban_text span{ margin: 20px 0;}
  .s_more a { width: 180px; height: 40px; line-height: 40px; font-size: 14px;}
  .sban_ye{ font-size: 16px; margin-top: 10px;}
  .sban_ye strong{ font-size: 14px;}
  .sban_fan i{ width: 24px; height: 24px; line-height: 24px;}
  .banner_down i{ font-size: 18px;}
  .banner_down strong{ font-size: 12px;}
  .banner_down, .sban_more{ bottom: 2%; display: none;}
  .s_banner .swiper-pagination{ width: 100%; text-align: center;}
  .s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px;}
  .s_biao span{ font-size: 16px;}
  .s_biao strong{ font-size: 18px;}
  .s_quality, .s_news{ padding: 10% 0; overflow: hidden;}
  .quality_text h3{ font-size: 14px;}
  .s_quality .swiper-container{ width: 60%; margin-right: 0;}
  .snew_ico.quality_next{ margin-left: 0;}
  .snew_ico{ width: 30px; height: 30px;}
  .snew_ico i{ font-size: 16px; line-height: 28px;}
  .quality_text { width: 40%; display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;}
  .quality_text h3{ margin: 0; padding-bottom: 10px;}
  .s_about{ padding-top: 10%; padding-bottom: 60%;}
  .sab_left, .sab_right{ width: 100%; margin: 0;}
  .sab_left .s_biao{ margin-bottom: 15px;}
  .sab_left p{ font-size: 14px; line-height: 24px; margin: 15px 0;}
  .logo_g{ width: 46%; right: 20%;}
  .logo_g img{ display: block; width: 100%;}
  .sab_right ul{ margin-top: 15px;}
  .sab_right ul li a{ padding: 10px 0;}
  .sab_right ul li i{ font-size: 24px;}
  .sab_right ul li span{ font-size: 14px; margin-top: 0;}
  .s_news .qiu{ right: 5%; top: 5%;}
  .s_news .qiu img{ width: 60px;}
  .s_news .swiper2 .swiper-slide{ width: 100%; margin-right: 10px;}
  .snew_img{ padding-top: 162%;}
  .s_biao{ margin-bottom: 30px;}
  .foot_logo{ width: 60px; margin-bottom: 15px;}
  .footer ul{ display: none;}
  .foot_more{ margin: 15px;}
  .foot_search{ width: 80%;}
  .foot_search button{ width: 100px; font-size: 14px; height: 40px;}
  .foot_search input{ width: calc(100% - 100px); font-size: 14px; height: 40px; padding: 0 15px;}
  .foot_di{ margin-top: 15px; padding: 10px 0; font-size: 14px;}

  .n_banner{ height: 40vh;}
  .n_banner .nban_bg{ background-attachment: initial !important;}
  .nabout_1{ background-size: 100%;}
  .nban_biao.text-left{ text-align: center; top: 55%;}
  .nab_2_text{ position: static; width: 100%; padding: 0;}
  .nabout_1 .n_biao, .nabout_1 p{ width: 100%;}
  .ny_nav{ margin: 30px 0; margin-top: 20px;}
  .ny_nav ul li, .ny_nav ul.yewu li{ width: 25%; margin-top: 10px;}
  .ny_nav ul li a{ font-size: 12px;}
  .ny_nav ul li a i{ width: 40px; height: 40px; line-height: 38px; font-size: 18px;}
  .n_biao strong{ font-size: 18px;}
  .n_biao span{ font-size: 18px; margin-top: 0;}
  .n_biao{ margin-bottom: 20px;}
  .nabout_1 p, .nab_2_text, .nab_3_right p{ font-size: 14px; line-height: 24px;}
  .nab_3_right, .nab_3_left{ margin: 10px 0; padding: 0; width: 100%;}
  .nab_3_left:after{ display: none;}
  .nban_biao span{ font-size: 24px; line-height: 30px;}
  .nban_biao strong{ font-size: 24px; line-height: 24px;}
  .culture_1{ padding-top: 0;}
  .culture_1 ul{ height: auto; position: static;}
  .culture_1 ul li .c_ico{ top:20%;}
  .culture_1 ul li.active .c_ico{ top: 20%;}
  .culture_1 ul li, .culture_1 ul li.active{ width: 100%; height: auto; padding-top: 60%;}
  .c_ico i{ font-size: 36px; line-height: 36px;}
  .c_ico strong{ font-size: 16px; margin-bottom: 20px;}
  .c_ico strong em{ font-size: 14px; margin-top: 0; white-space: nowrap;}
  .culture_1 ul li .c_ico span{ opacity: 1; font-size: 16px;}
  .deve_left, .deve_right{ width: 100%; margin: 0; margin-bottom: 10px; padding-left: 40px;}
  .deve_li:before{ left: 0;}
  .deve_li:after{ left: 13px;}
  .deve_list:after{ left: 13px;}
  .deve_list:before{ left: 13px;}
  .deve_li h4 span{ font-size: 18px;}
  .deve_li h4{ margin-bottom: 0; font-size: 14px;}
  .deve_li p, .nyw_content .ty_content, .ty_content, .ygpy_text p{ font-size: 14px; line-height: 24px;}
  .gy_img p{ font-size: 14px; line-height: 24px; top: 20%; width: 80%;}
  .hz_list ul li{ width: 49%; margin-right: 2%;}
  .hz_list ul li:nth-child(2n){ margin-right: 0;}
  .nyw_li{ width: 100%; margin-right: 0;}
  .nyw_name{ padding: 10px 15px; font-size: 14px; padding-right: 40px;}
  .nyw_name i{ right: 15px; font-size: 18px;}
  .fanye a{ padding: 4px 10px;}
  .nyw_content{ padding: 15px;}
  .nyw_content>h3, .syw_xg>h3{ font-size: 18px; margin: 0; margin-bottom: 15px;}
  .nyw_content>h3 span, .syw_xg h3 span{ padding-bottom: 10px;}
  .back_a a, .syw_xg h3 a{ font-size: 14px;}
  .nyw_video .swiper-container{ width: 100%; margin-right: 0;}
  .nyw_video.fengcai:after{ display: none;}
  .nyw_video.fengcai .n_biao span{ padding-bottom: 20px; margin-bottom: 30px;}
  .nyw_video.fengcai .quality_text{ width: 100%;}
  .nyw_video .quality_text .n_biao{ width: 100%;}
  .nyw_video .quality_text h3{ font-size: 18px;}
  .nyw_video .n_biao span{ padding-bottom: 15px; margin-bottom: 25px;}
  .quality_fan{ position: static;}
  .nyw_video .quality_fan .snew_ico.quality_prev{ margin-right: 15px;}
  .nyw_video .swiper-container .swiper-slide{ width: 100%;}
  .nnews_li{ width: 100%; margin-right: 0;}
  .nnews_content{ padding: 2% 0;}
  .nnews_content>h2{ font-size: 18px; line-height: 30px;}
  .fanye02{ margin-top: 30px;}
  .fanye02 .caption a{ font-size: 14px;}
  .fanye02 .caption.text-right{ text-align: left;}
  .fanye02 .caption{ margin-bottom: 15px;}
  .ygpy_text{ width: 100%; position: static;}
  .ygpy_text .n_biao span{ padding-bottom: 15px;}
  .ln_list ul li{ width: 100%; margin-bottom: 2%;}
  .ln_list ul li:nth-child(2n){ margin: 0; margin-bottom: 2%; margin-right: 0;}
  .ln_text{ opacity: 1; padding: 0 15px;}
  .ln_list ul li:after{ opacity: 1;}
  .ln_list ul li:hover .ln_text{ top: 50%;}
  .ln_list ul li>h3{ display: none;}
  .ln_list ul li .ln_text h3 span{ color: #d60007;}
  .job_text h4{ font-size: 14px;}
  .job_text h4 span{ font-size: 16px;}
  .job_text p{ line-height: 24px; font-size: 14px;}
  .njob_left{ width: 25%;}
  .njob_right{ width: 75%;}
  .job_biao strong{ font-size: 24px;}
  .job_biao{ font-size: 18px;}
  .job_fan{ position: static;}
  .job_fan .snew_ico.job_prev{ margin-right: 15px;}
  .njob_content>h4 span{ font-size: 18px;}
  .njob_content>h4{ font-size: 14px;}
  .back_a a{ padding: 8px 15px;}
  .back_a a:first-child{ margin-right: 10px !important;}
  .lx_content .h3_img img{ width: 40px;}
  .lx_content .h3_img{ padding-left: 50px;}
  .lx_content h3{ font-size: 16px; margin-bottom: 20px;}
  .lx_content ul li{ margin-top: 10px; font-size: 14px; line-height: 24px;}
  .lx_content .form-control{ height: 34px; font-size: 14px;}
  .lx_content .row .col-md-4:first-child{ width: 100%;}
  .lx_content .row .col-md-4:nth-child(2){ width: 100%;}
  .my-map{ height: 300px;}
  .gy_img p i:first-child{ left: -10px; top: -10px;}
  .gy_img p i:last-child{ right: -10px; bottom: -10px;}

  #videModal .modal_bai{ width: 90%;}
  #videModal .modal_bai iframe{ height: 240px !important;}
  #videModal .modal_bai .modal-header{ font-size: 14px;}
  
  .ny_nav ul.yewu li{max-width: 25%;}
}

@media (min-width:768px) and (max-width:991px) {
  
  .maodian{ top:-60px;}
  .header, .logo{ height: 60px;}
  .pd{ padding: 0 15px;}
  .head_search{ display: none;}
  .head_lang{ margin: 0; margin-right: 15px; font-size: 16px;}

  .pc_nav .pd{ padding: 0 15px;}
  .pc_nav .pd:after{ top: 0;}
  .pc_nav ul{ margin-top: 60px; padding-top: 15px;}
  .pc_nav ul li{ width: 100%; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 10px;}
  .pc_nav ul li .caption{ width: 100%; text-align: left;}
  .pc_nav h4{ margin: 0; display: inline-block;}
  .pc_nav h4 a{ font-size: 14px; line-height: 30px; padding: 0 5px;}
  .pc_nav h3{ font-size: 14px; padding: 10px 5px; margin: 0; padding-bottom: 5px;}
  .pc_nav h3:after{ height: 2px; display: none;}
  .pc_nav ul li span{ font-size: 24px; left: auto; right: 0; width: auto;}
  .pc_nav .pd .qiu{ left: auto; right: 0; bottom: 0; transform: translateY(100%);}
  .pc_nav .pd .qiu img{ width: 100px;}

  .ban_text{ text-align: center; top: 25%;}
  .ban_text b{ font-size: 16px;}
  .ban_text span{ margin: 20px 0;}
  .s_more a { width: 180px; height: 40px; line-height: 40px; font-size: 14px;}
  .sban_ye{ font-size: 16px; margin-top: 10px;}
  .sban_ye strong{ font-size: 14px;}
  .sban_fan i{ width: 24px; height: 24px; line-height: 24px;}
  .banner_down i{ font-size: 18px;}
  .banner_down strong{ font-size: 12px;}
  .banner_down, .sban_more{ bottom: 2%; display: none;}
  .s_banner .swiper-pagination{ width: 100%; text-align: center;}
  .s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px;}
  .s_biao span{ font-size: 16px;}
  .s_biao strong{ font-size: 18px;}
  .s_quality, .s_news{ padding: 10% 0; overflow: hidden;}
  .quality_text h3{ font-size: 14px;}
  .s_quality .swiper-container{ width: 60%; margin-right: 0;}
  .snew_ico{ width: 30px; height: 30px;}
  .snew_ico i{ font-size: 16px; line-height: 28px;}
  .quality_text { width: 40%; display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;}
  .quality_text h3{ margin: 0; padding-bottom: 10px;}
  .s_about{ padding-top: 10%; padding-bottom: 60%;}
  .sab_left, .sab_right{ width: 100%; margin: 0;}
  .sab_left .s_biao{ margin-bottom: 15px;}
  .sab_left p{ font-size: 14px; line-height: 24px; margin: 15px 0;}
  .logo_g{ width: 46%; right: 20%;}
  .logo_g img{ display: block; width: 100%;}
  .sab_right ul{ margin-top: 15px;}
  .sab_right ul li a{ padding: 10px 0;}
  .sab_right ul li i{ font-size: 24px;}
  .sab_right ul li span{ font-size: 14px; margin-top: 0;}
  .s_news .qiu{ right: 5%; top: 5%;}
  .s_news .qiu img{ width: 60px;}
  .s_news .swiper2 .swiper-slide{ width: 100%; margin-right: 10px;}
  .snew_img{ padding-top: 162%;}
  .s_biao{ margin-bottom: 30px;}
  .foot_logo{ width: 60px; margin-bottom: 15px;}
  .footer ul{ display: none;}
  .foot_more{ margin: 15px;}
  .foot_search{ width: 80%;}
  .foot_search button{ width: 100px; font-size: 14px; height: 40px;}
  .foot_search input{ width: calc(100% - 100px); font-size: 14px; height: 40px; padding: 0 15px;}
  .foot_di{ margin-top: 15px; padding: 10px 0; font-size: 14px;}

  .n_banner{ height: 40vh;}
  .n_banner .nban_bg{ background-attachment: initial !important;}
  .nabout_1{ background-size: 100%;}
  .nban_biao.text-left{ text-align: center; top: 55%;}
  .nab_2_text{ position: static; width: 100%; padding: 0;}
  .nabout_1 .n_biao, .nabout_1 p{ width: 100%;}
  .ny_nav{ margin: 30px 0; margin-top: 20px;}
  .ny_nav ul li, .ny_nav ul.yewu li{ width: 25%; margin-top: 10px;}
  .ny_nav ul li a{ font-size: 12px;}
  .ny_nav ul li a i{ width: 40px; height: 40px; line-height: 38px; font-size: 18px;}
  .n_biao strong{ font-size: 18px;}
  .n_biao span{ font-size: 18px; margin-top: 0;}
  .n_biao{ margin-bottom: 20px;}
  .nabout_1 p, .nab_2_text, .nab_3_right p{ font-size: 14px; line-height: 24px;}
  .nab_3_right, .nab_3_left{ margin: 10px 0; padding: 0; width: 100%;}
  .nab_3_left:after{ display: none;}
  .nban_biao span{ font-size: 24px; line-height: 30px;}
  .nban_biao strong{ font-size: 24px; line-height: 24px;}
  .culture_1{ padding-top: 0;}
  .culture_1 ul{ height: auto; position: static;}
  .culture_1 ul li .c_ico{ top:20%;}
  .culture_1 ul li.active .c_ico{ top: 20%;}
  .culture_1 ul li, .culture_1 ul li.active{ width: 100%; height: auto; padding-top: 60%;}
  .c_ico i{ font-size: 36px; line-height: 36px;}
  .c_ico strong{ font-size: 16px; margin-bottom: 20px;}
  .c_ico strong em{ font-size: 14px; margin-top: 0; white-space: nowrap;}
  .culture_1 ul li .c_ico span{ opacity: 1; font-size: 16px;}
  .deve_left, .deve_right{ width: 100%; margin: 0; margin-bottom: 10px; padding-left: 40px;}
  .deve_li:before{ left: 0;}
  .deve_li:after{ left: 13px;}
  .deve_list:after{ left: 13px;}
  .deve_list:before{ left: 13px;}
  .deve_li h4 span{ font-size: 18px;}
  .deve_li h4{ margin-bottom: 0; font-size: 14px;}
  .deve_li p, .nyw_content .ty_content, .ty_content, .ygpy_text p{ font-size: 14px; line-height: 24px;}
  .gy_img p{ font-size: 14px; line-height: 24px; top: 20%; width: 80%;}
  .hz_list ul li{ width: 49%; margin-right: 2%;}
  .hz_list ul li:nth-child(2n){ margin-right: 0;}
  .nyw_li{ width: 100%; margin-right: 0;}
  .nyw_name{ padding: 10px 15px; font-size: 14px; padding-right: 40px;}
  .nyw_name i{ right: 15px; font-size: 18px;}
  .fanye a{ padding: 4px 10px;}
  .nyw_content{ padding: 15px;}
  .nyw_content>h3, .syw_xg>h3{ font-size: 18px; margin: 0; margin-bottom: 15px;}
  .nyw_content>h3 span, .syw_xg h3 span{ padding-bottom: 10px;}
  .back_a a, .syw_xg h3 a{ font-size: 14px;}
  .nyw_video .swiper-container{ width: 100%; margin-right: 0;}
  .nyw_video.fengcai:after{ display: none;}
  .nyw_video.fengcai .n_biao span{ padding-bottom: 20px; margin-bottom: 30px;}
  .nyw_video.fengcai .quality_text{ width: 100%;}
  .nyw_video .quality_text .n_biao{ width: 100%;}
  .nyw_video .quality_text h3{ font-size: 18px;}
  .nyw_video .n_biao span{ padding-bottom: 15px; margin-bottom: 25px;}
  .quality_fan{ position: static;}
  .nyw_video .quality_fan .snew_ico.quality_prev{ margin-right: 15px;}
  .nyw_video .swiper-container .swiper-slide{ width: 100%;}
  .nnews_li{ width: 100%; margin-right: 0;}
  .nnews_content{ padding: 2% 0;}
  .nnews_content>h2{ font-size: 18px; line-height: 30px;}
  .fanye02{ margin-top: 30px;}
  .fanye02 .caption a{ font-size: 14px;}
  .fanye02 .caption.text-right{ text-align: left;}
  .fanye02 .caption{ margin-bottom: 15px;}
  .ygpy_text{ width: 100%; position: static;}
  .ygpy_text .n_biao span{ padding-bottom: 15px;}
  .ln_list ul li{ width: 100%; margin-bottom: 2%;}
  .ln_list ul li:nth-child(2n){ margin: 0; margin-bottom: 2%; margin-right: 0;}
  .ln_text{ opacity: 1; padding: 0 15px;}
  .ln_list ul li:after{ opacity: 1;}
  .ln_list ul li:hover .ln_text{ top: 50%;}
  .ln_list ul li>h3{ display: none;}
  .ln_list ul li .ln_text h3 span{ color: #d60007;}
  .job_text h4{ font-size: 14px;}
  .job_text h4 span{ font-size: 16px;}
  .job_text p{ line-height: 24px; font-size: 14px;}
  .njob_left{ width: 25%;}
  .njob_right{ width: 75%;}
  .job_biao strong{ font-size: 24px;}
  .job_biao{ font-size: 18px;}
  .job_fan{ position: static;}
  .job_fan .snew_ico.job_prev{ margin-right: 15px;}
  .njob_content>h4 span{ font-size: 18px;}
  .njob_content>h4{ font-size: 14px;}
  .back_a a{ padding: 8px 15px;}
  .back_a a:first-child{ margin-right: 10px !important;}
  .lx_content .h3_img img{ width: 40px;}
  .lx_content .h3_img{ padding-left: 50px;}
  .lx_content h3{ font-size: 16px; margin-bottom: 20px;}
  .lx_content ul li{ margin-top: 10px; font-size: 14px; line-height: 24px;}
  .lx_content .form-control{ height: 34px; font-size: 14px;}
  .lx_content .row .col-md-4:first-child{ width: 100%;}
  .lx_content .row .col-md-4:nth-child(2){ width: 100%;}
  .my-map{ height: 300px;}
  .gy_img p i:first-child{ left: -10px; top: -10px;}
  .gy_img p i:last-child{ right: -10px; bottom: -10px;}

  #videModal .modal_bai{ width: 90%;}
  #videModal .modal_bai iframe{ height: 240px !important;}
  #videModal .modal_bai .modal-header{ font-size: 14px;}
  .ny_nav ul.yewu li{max-width: 25%;}
}

@media (min-width:991px) and (max-width:1200px) {

  .container{ position: relative; width: calc(100% - 190px);}
  .sban_more{ position: absolute; right: 110px;}
  .s_quality .swiper-container{ width: calc(77% + 110px); margin-right: -110px;}

  .container.ny{ position: relative; width: calc(100% - 190px);}
  .nyw_video .swiper-container{ width: calc(77% + 110px); margin-right: -110px;}
  .nyw_video.fengcai .swiper-container{ width: 62.5%; margin-right: 0;}
  .ygpy_text{ width: calc(55% + 110px); padding-left: 110px;}
  

  .header{ height: 81px;}
  .logo{ height: 80px;}

  .pc_nav h3{ font-size: 16px; padding-bottom: 25px; margin-bottom: 20px;}
  .pc_nav h4{ font-size: 14px;}
  .pc_nav h4 a{ line-height: 30px;}
  .pc_nav .pd:after{ top: 62px;}
  .pc_nav ul li span{ font-size: 40px;}
  .pc_nav .pd .qiu{ left: 6%;}
  .pc_nav .pd .qiu img{ width: 120px;}

  .head_lang a, .head_more div, .head_search i{ font-size: 14px;}
  .ban_text b{ font-size: 24px;}
  .ban_text strong{ font-size: 30px;}
  .ban_text span{font-size: 18px; line-height: 30px; margin-top: 30px;}
  .s_biao span{ font-size: 30px;}
  .quality_text h3{ font-size: 24px;}
  .sab_left p{ margin: 5% 0; font-size: 14px; line-height: 30px;}
  .logo_g{ max-width: 28%; right: 25%;}
  .logo_g img{ display: block; max-width: 100%;}
  .s_more a { width: 200px; height: 50px; line-height: 50px; font-size: 14px;}
  .snew_list{ padding: 0 7%;}
  .footer ul li a{ font-size: 16px;}
  .foot_logo{ width: 90px; margin-bottom: 30px;}
  .foot_search{ width: 40%;}
  .foot_di{ padding: 20px 0;}


  .nban_biao span{ font-size: 30px; line-height: 40px;}
  .nban_biao strong{ font-size: 24px; line-height: 24px;}

  .ny_nav ul li a{ font-size: 16px;}
  .ny_nav ul li i{ width: 70px; height: 70px; line-height: 68px; font-size: 24px;}
  .n_biao strong{ font-size: 24px;}
  .n_biao span{ font-size: 20px; margin-top: 10px;}
  .nabout_1 p, .nab_2_text, .nab_3_right p{ font-size: 14px; line-height: 24px;}
  .c_ico i{ font-size: 60px;}
  .c_ico strong{ font-size: 18px; margin-bottom: 20px;}
  .c_ico strong em{ font-size: 14px;}
  .c_ico span{ font-size: 30px;}
  .deve_li{ margin-bottom: 50px;}
  .deve_li h4{ font-size: 14px; margin-bottom: 10px;}
  .deve_li h4 span{ font-size: 24px;}
  .deve_li p{ font-size: 14px; line-height: 24px;}
  .gy_img p{ font-size: 18px; top: 40%;}
  .honor_2 .swiper_1 .swiper-slide span{ font-size: 16px;}
  .nyw_name{ padding: 15px 30px; padding-right: 50px; font-size: 16px;}
  .nyw_name i{ right: 30px; font-size: 18px;}
  .nyw_swiper h2 span{ font-size: 24px;}
  .nyw_content{ padding: 2% 4%;}
  .nyw_content h3 span, .syw_xg h3 span{ font-size: 18px; padding-bottom: 15px;}
  .syw_xg h3 a{ font-size: 14px;}
  .nyw_content .ty_content{ line-height: 30px; font-size: 14px;}
  .back_a a{ font-size: 14px;}
  .back_a a i{ font-size: 16px;}
  .nnews_content>h2{ font-size: 20px;}
  .nnews_content>h5{ margin: 20px 0; font-size: 14px;}
  .ty_content, .ygpy_text p{ font-size: 14px; line-height: 24px;}
  .fanye02 .caption a{ font-size: 14px;}
  .ln_list ul li h3 span{ font-size: 16px;}
  .ln_list ul li h3{ font-size: 20px;}
  .ln_text p{ line-height: 24px;}
  .n_biao{ margin-bottom: 30px;}
  .ygpy_text .n_biao span{ padding-bottom: 15px;}
  .nyw_video .quality_text h3{ font-size: 18px;}
  .job_text h4 span{ font-size: 18px;}
  .job_text p{ font-size: 14px; line-height: 30px;}
  .job_biao{ font-size: 20px;}
  .job_biao strong{ font-size: 30px;}
  .njob_content>h4, .job_text h4{ font-size: 16px;}
  .njob_content>h4 span{ font-size: 24px;}
  .lx_content .h3_img img{ width: 40px;}
  .lx_content .h3_img{ padding-left: 50px;}
  .lx_content h3{ font-size: 16px; margin-bottom: 20px;}
  .lx_content ul li{ margin-top: 10px; font-size: 14px; line-height: 24px;}
  .lx_content .form-control{ height: 34px; font-size: 14px;}

}

@media (min-width:1201px) and (max-width:1440px) {

  .container{ position: relative; width: calc(100% - 190px);}
  .sban_more{ position: absolute; right: 110px;}
  .s_quality .swiper-container{ width: calc(77% + 110px); margin-right: -110px;}

  .container.ny{ position: relative; width: calc(100% - 190px);}
  .nyw_video .swiper-container{ width: calc(77% + 110px); margin-right: -110px;}
  .nyw_video.fengcai .swiper-container{ width: 62.5%; margin-right: 0;}
  .ygpy_text{ width: calc(55% + 110px); padding-left: 110px;}
  

  .header{ height: 81px;}
  .logo{ height: 80px;}

  .pc_nav h3{ font-size: 16px; padding-bottom: 25px; margin-bottom: 20px;}
  .pc_nav h4{ font-size: 14px;}
  .pc_nav h4 a{ line-height: 30px;}
  .pc_nav .pd:after{ top: 62px;}
  .pc_nav ul li span{ font-size: 40px;}
  .pc_nav .pd .qiu{ left: 6%;}
  .pc_nav .pd .qiu img{ width: 120px;}

  .head_lang a, .head_more div, .head_search i{ font-size: 14px;}
  .ban_text b{ font-size: 24px;}
  .ban_text strong{ font-size: 30px;}
  .ban_text span{font-size: 18px; line-height: 30px; margin-top: 30px;}
  .s_biao span{ font-size: 30px;}
  .quality_text h3{ font-size: 24px;}
  .sab_left p{ margin: 5% 0; font-size: 14px; line-height: 30px;}
  .logo_g{ max-width: 28%; right: 25%;}
  .logo_g img{ display: block; max-width: 100%;}
  .s_more a { width: 200px; height: 50px; line-height: 50px; font-size: 14px;}
  .snew_list{ padding: 0 7%;}
  .footer ul li a{ font-size: 16px;}
  .foot_logo{ width: 90px; margin-bottom: 30px;}
  .foot_search{ width: 30%;}
  .foot_di{ padding: 20px 0;}


  .nban_biao span{ font-size: 30px; line-height: 40px;}
  .nban_biao strong{ font-size: 24px; line-height: 24px;}

  .ny_nav ul li a{ font-size: 16px;}
  .ny_nav ul li i{ width: 70px; height: 70px; line-height: 68px; font-size: 24px;}
  .n_biao strong{ font-size: 24px;}
  .n_biao span{ font-size: 20px; margin-top: 10px;}
  .nabout_1 p, .nab_2_text, .nab_3_right p{ font-size: 14px; line-height: 24px;}
  .c_ico i{ font-size: 60px;}
  .c_ico strong{ font-size: 18px; margin-bottom: 20px;}
  .c_ico strong em{ font-size: 14px;}
  .c_ico span{ font-size: 30px;}
  .deve_li{ margin-bottom: 50px;}
  .deve_li h4{ font-size: 14px; margin-bottom: 10px;}
  .deve_li h4 span{ font-size: 24px;}
  .deve_li p{ font-size: 14px; line-height: 24px;}
  .gy_img p{ font-size: 18px; top: 40%;}
  .honor_2 .swiper_1 .swiper-slide span{ font-size: 16px;}
  .nyw_name{ padding: 15px 30px; padding-right: 50px; font-size: 16px;}
  .nyw_name i{ right: 30px; font-size: 18px;}
  .nyw_swiper h2 span{ font-size: 24px;}
  .nyw_content{ padding: 2% 4%;}
  .nyw_content h3 span, .syw_xg h3 span{ font-size: 18px; padding-bottom: 15px;}
  .syw_xg h3 a{ font-size: 14px;}
  .nyw_content .ty_content{ line-height: 30px; font-size: 14px;}
  .back_a a{ font-size: 14px;}
  .back_a a i{ font-size: 16px;}
  .nnews_content>h2{ font-size: 20px;}
  .nnews_content>h5{ margin: 20px 0; font-size: 14px;}
  .ty_content, .ygpy_text p{ font-size: 14px; line-height: 24px;}
  .fanye02 .caption a{ font-size: 14px;}
  .ln_list ul li h3 span{ font-size: 16px;}
  .ln_list ul li h3{ font-size: 20px;}
  .ln_text p{ line-height: 24px;}
  .n_biao{ margin-bottom: 30px;}
  .ygpy_text .n_biao span{ padding-bottom: 15px;}
  .nyw_video .quality_text h3{ font-size: 18px;}
  .job_text h4 span{ font-size: 18px;}
  .job_text p{ font-size: 14px; line-height: 30px;}
  .job_biao{ font-size: 20px;}
  .job_biao strong{ font-size: 30px;}
  .njob_content>h4, .job_text h4{ font-size: 16px;}
  .njob_content>h4 span{ font-size: 24px;}
  .lx_content .h3_img img{ width: 40px;}
  .lx_content .h3_img{ padding-left: 50px;}
  .lx_content h3{ font-size: 16px; margin-bottom: 20px;}
  .lx_content ul li{ margin-top: 10px; font-size: 14px; line-height: 24px;}
  .lx_content .form-control{ height: 34px; font-size: 14px;}

}

@media (min-width:1441px){

  .container{ position: relative; width: calc(100% - 190px);}
  .sban_more{ position: absolute; right: 110px;}
  .s_quality .swiper-container{ width: calc(77% + 110px); margin-right: -110px;}

  .container.ny{ position: relative; width: calc(100% - 290px);}
  .nyw_video .swiper-container{ width: calc(77% + 160px); margin-right: -160px;}
  .nyw_video.fengcai .swiper-container{ width: 62.5%; margin-right: 0;}
  .ygpy_text{ width: calc(55% + 160px); padding-left: 160px;}
  
}