html{ scroll-behavior:smooth; font-size: 62.5%;}
body{ margin: 0; padding: 0;}
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: '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;}

.ani-3d-left{ transform: rotateY(120deg); transform-origin: left center; opacity: 0; pointer-events: none; transition: all 0.6s ease-out;}
.ani-3d-left.cur{ transform: rotateY(0); opacity: 1; pointer-events: auto; transition-delay:  0.6s;}

.ani-3d-down{ transform: rotateX(120deg); transform-origin: center bottom; opacity: 0; pointer-events: none; transition: all 0.6s ease-out;}
.ani-3d-down.cur{ transform: rotateX(0); opacity: 1; pointer-events: auto; transition-delay:  1s;}

.maodian{ position: absolute; left:0; top:-10rem;}
#fp-nav{ display: none;}


.header.cur .logo a img{ display: none;}
.header.cur .logo a img:last-child{ display: block;}
.header.cur .pc_nav ul li>a{ color: #222;}
.header.cur .pc_nav ul li:hover>a{ color: #aa0211;}
.header.cur .head_more a{ color: #222;}

.header.ny{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.header.ny .logo a img{ display: none;}
.header.ny .logo a img:last-child{ display: block;}
.header.ny .pc_nav ul li>a{ color: #222;}
.header.ny .pc_nav ul li>a{ color: #222;}
.header.ny .pc_nav ul li.active>a{ color: #aa0211;}
.header.ny .head_more a{ color: #222;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 10rem; z-index: 990; transition: all 0.5s ease-out;}
.header:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0; pointer-events: none;}
.header .container{ position: relative; padding-left: 40%; padding-right: 7rem; height: 100%;}
.logo{ height: 10rem; position: absolute; left: 1.5rem; top: 0;}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}
.logo a img:last-child{ display: none;}


.pc_nav{ position: relative; width: 100%; height: 100%;}
.pc_nav ul{ height: 100%; width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;}
.pc_nav ul li>a{ font-size: 1.8rem; letter-spacing: 1px; color: #fff; white-space: nowrap; 
  line-height: 10rem;
  padding: 0 2rem; display: block;}
.pc_nav ul li{ position: relative;}
.pc_nav ul li:after{ content: ''; width: 0; height: 2px; background: #aa0211; pointer-events: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.3s ease;}
.pc_nav ul li.active:after{ width: 100%;}

.pc_nav ul li:hover .erji{ opacity: 1; transform: translateX(-50%); pointer-events: auto;}
.pc_nav ul li .erji{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(1rem); pointer-events: none; opacity: 0; min-width: 100%; padding: 0.5rem 0; background: rgba(0,0,0,0.3); transition: all 0.3s ease-out; z-index: 2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.pc_nav ul li .erji a{ display: block; line-height: 3.6rem; font-size: 14px; color: rgba(255,255,255,0.75); white-space: nowrap; padding: 0 1rem; text-align: center;}
.pc_nav ul li .erji a:hover{ color: #fff;}



.head_more{ transition: all 0.3s ease; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%);}
.head_tel{ cursor: pointer;}
.head_tel a{ color: #fff;}
.head_tel i{ font-size: 2.4rem;}
.tel_bai.cur{ opacity: 1; pointer-events: auto; transform: translateY(3rem);}
.tel_bai{ width: 20rem; height: 15rem; background: #fff; position: absolute; top: 100%; right: 0; z-index: 2; transform: translateY(5rem); box-shadow: 0px 4px 8px rgba(0,0,0,0.3); opacity: 0; pointer-events: none; transition: all 0.3s ease; color: #333;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.8rem;
  text-align: center;
}
.tel_bai:after{ content: ''; width: calc(100% - 2rem); height: calc(100% - 2rem); left: 1rem; top: 1rem; border: 1px solid #dedede; position: absolute; pointer-events: none;}
.tel_bai strong{ display: block; color: #dc0418; font-size: 2.4rem;}


.menu-link{ cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: none;
}
.menu-link em{ display: inline-block; font-style: normal; font-size: 1.8rem;}
.menu-link span{ width: 2.5rem; height: 2rem; display: inline-block; position: relative;}
.menu-link span i{ width: 100%; height: 0.4rem; display: block; background: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%);transition: all 0.3s ease-out;}
.menu-link span:after{ content: ''; background: #fff; width: 100%; height: 0.4rem; position: absolute; top: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right top;}
.menu-link span:before{ content: ''; background: #fff; width: 100%; height: 0.4rem; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg); top: -0.05rem;}
.menu-link.active span:before{transform: rotate(45deg); bottom: -0.05rem;}
.menu-link.active span i{ background: transparent;}

.s_banner{ position: relative;}

.s_banner .swiper-slide video{ position: absolute; left: 50%; min-width: 100%; min-height: 100%; max-height: 110%; top: 50%; transform: translateX(-50%) translateY(-50%);}

.s_banner .swiper .swiper-slide{ position: relative; height: 100vh;}
.s_banner .swiper .container{ position: absolute; top: 35%; left: 0; right: 0; text-align: center;}
.s_banner .swiper .swiper-slide strong{ display: inline-block; font-size: 7.2rem; color: #fff; position: relative; padding-bottom: 3rem; letter-spacing: 0.2rem; text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.s_banner .swiper .swiper-slide strong:after{ content: ''; width: 90%; background: #fff; height: 1px; position: absolute; bottom: 0; left: 5%;}
.s_banner .swiper .swiper-slide strong:before{ content: ''; width: 30%; height: 0.5rem; background: #dc0418; position: absolute; bottom: -0.2rem; left: 50%; z-index: 2; transform: translateX(-50%);}
.s_banner .swiper .swiper-slide strong span{ color: #dc0418;}
.s_banner .swiper .swiper-slide p{ font-size: 2.8rem; color: #fff; margin-top: 3rem;}


.ico_number{ position: absolute; left: 13.5rem; bottom: 5%; z-index: 2; color: #fff; font-size: 1.8rem;}
.ico_number strong{ font-weight: normal;}

.s_biao{ color: #fff;}
.s_biao strong{ font-size: 5.4rem; display: block; line-height: 5.4rem; margin-bottom: 2rem; letter-spacing: 3px;}
.s_biao span{ font-size: 2.6rem; display: block; line-height: 2.6rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.s_biao.red{ color: #aa0211;}
.s_biao.red span{ color: #000; opacity: 0.66;}


.s_about{ margin-top: 5rem;}
.s_about .container{ padding-right: 40%;}
.s_about p{ font-size: 1.6rem; color: #fff; line-height: 4rem; margin: 6rem 0;}
.s_more a{ display: inline-block; padding: 1.5rem 5rem; border: 1px solid rgba(255,255,255,0.5); font-size: 1.6rem; letter-spacing: 0.2rem; border-radius: 0.8rem; border-top-right-radius: 3rem; color: #fff;}

.s_about ul{ margin-top: 8%;}
.s_about ul li a{ display: block; font-size: 1.8rem; padding: 0 8rem; text-align: center; color: #fff;}
.s_about ul li a img{ width: 6rem; display: block; margin: 0 auto; margin-bottom: 1rem;}
.s_about ul li:first-child a{ padding-left: 0; border-right: 1px solid rgba(0,49,145,0.3);}
.s_about ul li:last-child a{ padding-right: 0;}
.s_about ul li:hover a img{ animation: tada 1s linear;}


.bi_bai{ display: inline-block; width: 4.3rem; height: 4.3rem; background: #fff; border-radius: 50%; text-align: center;font-size: 2.4rem; line-height: 4.3rem; color: #aa0211; font-weight: bold;}
.bi_red{ display: inline-block; width: 4.3rem; height: 4.3rem; background: #aa0211; border-radius: 50%; text-align: center; line-height: 4.3rem; font-size: 2.4rem; color: #fff;}

.s_case .scase_li{ width: 31%; transition: all 0.5s ease-out;}
.s_case .scase_li.active{ width: 69%;}
.s_case .scase_li.active .case_text{ animation: case_1 1s ease;animation-fill-mode:forwards; right: 0; background: rgba(170,2,17,0);}
.s_case .scase_li .case_text{ animation: case_2 1s ease;animation-fill-mode:forwards;}
.s_case .scase_li a{ height: 100vh; display: block; position: relative; overflow: hidden;}
.s_case .scase_li a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: #032c89; opacity: 0.21; transition: all 0.3s ease;}
.case_text{ border-top-right-radius: 3rem; z-index: 3; position: absolute; bottom: 6rem; padding: 2rem 8rem; left: 0; background: rgba(170,2,17,0.65); color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;}
  .case_text h3{ font-size: 3.8rem; font-weight: bold; margin-right: 3rem;}
  .case_text h3 span{ font-size: 1.8rem; display: block;}


  @-webkit-keyframes case_1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
  }
  @keyframes case_1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
  }

  @-webkit-keyframes case_2 {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
    }
    @keyframes case_2 {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
    }

.s_news{ margin-top: 5rem;} 
.s_news .swiper-slide{ width: 67%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
}

.s_news .swiper-slide .snew_img{ width: 73%;}
.snew_img{ width: 100%; overflow: hidden;}
.snew_img a{ padding-top: 58%; display: block; border-radius: 2rem; transition: all 0.3s ease;}
.s_news .swiper-slide .snew_text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 45%; padding: 5rem; background: rgba(255,255,255,0.82); border-right: 1rem solid #aa0211; border-radius: 1rem; border-bottom-right-radius: 0;}
.snew_text h6{ color: #999; font-size: 1.6rem; font-weight: normal;}
.snew_text h3{ font-size: 2.4rem; color: #222; margin: 2rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew_text p{ font-size: 1.6rem; line-height: 3rem; color: #666;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_text h5{ margin-top: 5rem;}
.snew_text h5 a{ color: #aa0211; font-size: 1.6rem;}
.snew_fan .news_prev{ margin-right: 3rem;}
.s_news .s_biao{ margin-bottom: 4rem;}




.footer{ padding-top: 3rem; background: #151a2d;}
.foot_logo img{ width: 24rem;}
.footer .caption{ position: relative; width: 30%;}
.footer .caption input{ outline: none;}
.footer .caption input:first-child{ width: 100%; height: 7rem; color: #fff; border-radius: 1rem; background: rgba(255,255,255,0.28); border: none; box-shadow: none; padding: 0 3rem; padding-right: 7rem; font-size: 1.6rem; border-top-right-radius: 3.5rem;}
.footer .caption input:last-child{ width: 7rem; height: 7rem; border-radius: 50%; border-bottom-right-radius: 0; background: #aa0211; color: #fff; border: none; box-shadow: none; font-weight: bold; font-size: 1.6rem; position: absolute; right: 0; top: 0;}
.footer .caption input:first-child::placeholder{ color: rgba(255,255,255,0.6); outline: none;}
.foot_nav{ padding: 4rem 0; margin-top: 3rem; border-top: 1px solid rgba(255,255,255,0.2);}
.foot_nav ul{ width: calc(100% - 35rem);}
.foot_nav ul li a{ color: #fff; font-size: 1.8rem;}
.foot_nav ol{ margin: 0;}
.foot_nav ol li{ margin-left: 3rem; position: relative;}
.foot_nav ol li a{ display: block; width: 3.6rem; border-radius: 50%; height: 3.6rem; border: 1px solid #fff; text-align: center; color: #fff;}
.foot_nav ol li a i{ display: inline-block; line-height: 3.4rem; font-size: 1.8rem;}

.span_ewm{ position: absolute; right: 100%; top: 50%; transform: translateY(-50%); width: 12rem; opacity: 0; transition: all 0.3s ease; pointer-events: none;}
.span_ewm img{ width: 100%; display: block;}
.foot_nav ol li:hover .span_ewm{ opacity: 1; pointer-events: auto;}

.foot_di{ font-size: 1.4rem; color: rgba(255,255,255,0.25); padding: 3rem 0; border-top: 1px solid rgba(255,255,255,0.2);}
.foot_di a{ color: rgba(255,255,255,0.25); }




.n_banner.on .nban_bg{ padding-top: 43%;}
.n_banner{ overflow: hidden; height: 100vh; position: relative;}
.n_banner .nban_bg{ width: 100%; height: 100%; animation: zoom_big2 16s ease-out infinite;}
.n_banner .container{ position: absolute; top: 48%; transform: translateY(-50%); z-index: 3; left: 0; right: 0;}
.nban_biao{ color: #fff; position: relative;}
.nban_biao:after{ content: ''; width: 0; height: 0.2rem; background: #fff; position: absolute; left: 0; top: 1.2rem; transition: all 0.3s 0.6s ease;}
.nban_biao strong, .nban_biao span{overflow: hidden; position: relative; display: block; color: transparent;}
.nban_biao span{ font-size: 2.4rem; line-height: 2.4rem; margin-bottom: 1.2rem; transition: all 0.3s 0.6s ease;}
.nban_biao strong{ font-size: 6.4rem; line-height: 6.4rem;}
.nban_biao strong:after, .nban_biao span:after, .nban_biao p: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, .nban_biao.cur p:after{ transform: translateY(0);}
.nban_biao.cur span{ margin-left: 6rem;}
.nban_biao.cur:after{ width: 5rem;}
@keyframes zoom_big2 {
  0%{
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  95% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.weizhi{ position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,0.85); padding: 3rem 0; width: 100%; z-index: 2; font-size: 1.4rem; color: #333;}
.weizhi .container{ position: static; transform: translateY(0);}
.wz_left img{ margin-right: 1rem;}
.wz_left a{ color: #333; margin: 0 0.5rem;}
.wz_right span{ font-size: 4.8rem; line-height: 4.8rem; font-weight: bold; text-transform: uppercase; color: #fff;text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, 0px 1px 1px #000; opacity: 0.4; display: block;}
.wz_right strong{ font-size: 2.4rem; line-height: 2.4rem; color: #333; display: block; margin-top: 1.5rem;}

.nab1_right{ width: 50%; padding-left: 4rem;}
.nab1_right h2{ margin-bottom: 3rem; color: #dc0418; font-size: 3.2rem;}
.nab1_right h2 i{ width: 7rem; height: 3px; background: #dc0418; display: block; margin-top: 2rem;}

.n_about_2 ul li{ position: relative; width: 25%;}
.n_about_2 ul li:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: #000; transition: all 0.3s ease; opacity: 0;}
.n_about_2 ul li img{ width: 100%; transition: all 0.3s ease;}
.n_about_2 ul li .caption{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; z-index: 3; text-align: center; color: #fff;}
.n_about_2 .caption i{ width: 12rem; height: 12rem; border-radius: 50%; background: rgba(255,255,255,0.62); display: block; margin: 0 auto; line-height: 12rem; font-size: 4.6rem; color: #dc0418; transition: all 0.3s ease;}
.n_about_2 .caption span{ display: block; font-size: 2.2rem; margin: 1rem 0;}
.n_about_2 .caption em{ width: 50%; background: rgba(255,255,255,0.2); height: 1px; display: block; position: relative; margin: 1.5rem auto;}
.n_about_2 .caption em:after{ content: ''; width: 25%; height: 0.3rem; position: absolute; top: -0.1rem; z-index: 2; left: 50%;  transform: translateX(-50%); background: #dc0418;}
.n_about_2 .caption p{ font-size: 2rem;}
.n_about_2 ul li:hover .caption i{ transform: scale(0.8);}
.n_about_2 ul li:hover:after{ opacity: 0.2;}

.n_about_3{ padding: 12rem 0; background: url(../images/nab_6.jpg) center no-repeat; background-size: cover;}
.n_about_3 .swiper-slide a{ padding-top: 87.5%; display: block; position: relative;}
.n_about_3 .swiper-slide a img{ position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; max-width: 100%; max-height: 100%;}
.honor_prev, .honor_next{ width: 6rem; height: 6rem; text-align: center; position: absolute; top: 50%;  transform: translateY(-50%); color: #fff; z-index: 2; outline: none;}
.honor_prev.swiper-button-disabled, .honor_next.swiper-button-disabled{ opacity: 0.5;}
.honor_prev i, .honor_next i{ display: inline-block; line-height: 6rem; font-size: 5rem;}
.honor_prev{ left: 0;}
.honor_next{ right: 0;}

.n_biao{ text-align: center; margin-bottom: 5rem;}
.n_biao strong{ font-size: 5rem; line-height: 5rem; color: #333; display: inline-block; position: relative;}
.n_biao span{ font-size: 2.4rem; text-transform: uppercase; color: #555; font-weight: bold; display: block; margin-top: 1rem;}
.nb_svg{ position: absolute; left: 100%; bottom: 90%; height: 20px; width: 20px;}
.nb_svg svg{ left: 0; top: 0; position: absolute;}
.nb_svg svg #path_1{ stroke-dasharray:90 60; 
  animation:dash_1 2s linear infinite;
  
}
@keyframes dash_1{
  0%{ stroke-dashoffset:120; }
  50%{ stroke-dashoffset:60; opacity: 1;}
  100% { stroke-dashoffset:0; opacity: 0;}
}

.nb_svg svg #path_2{ stroke-dasharray:120 30; 
  animation:dash_2 2s linear infinite;
}
@keyframes dash_2{
  0%{ stroke-dashoffset:120;}
  100% { stroke-dashoffset:0; opacity: 0;}
}


.n_news, .new_content, .n_case, .case_content, .n_contact{ padding: 7rem 0;}

.new_li{ width: 31%; margin-right: 3.5%; background: #fff; border-radius: 2rem; margin-bottom: 3%; transition: all 0.3s ease; position: relative; overflow: hidden;}
.new_li:after{ content: ''; width: 100%; height: 0.5rem; background: #dc0418; position: absolute; bottom: 0; left: 0; transform: translateY(100%);  transition: all 0.3s ease;}
.new_li:nth-child(3n){ margin-right: 0;}
.new_li:nth-last-child(-n+3){ margin-bottom: 0;}
.new_li .snew_text{ padding: 1.5rem; }
.new_li .snew_text h5{ margin-bottom: 1rem;}
.nnew_left{ width: 70%;}
.nnew_right{ width: 30%; padding-left: 6%;}
.nnew_right .new_li{ width: 100%; margin-bottom: 3rem;}
.nnew_right>h3{ font-size: 3rem; color: #222; margin-bottom: 3rem;}
.nnew_right>h3 em{ height: 1px; background: #dedede; display: block; position: relative; margin-top: 2rem;}
.nnew_right>h3 em:after{ content: ''; width: 7rem; height: 3px; top: -1px; left: 0; z-index: 2; background: #dc0418; position: absolute;}
.new_li:hover{ box-shadow: 0px 2px 12px rgba(0,0,0,0.1);}
.new_li:hover:after{ transform: translateY(0);}

.nnew_left>h3{ font-size: 2.8rem; color: #333; padding-bottom: 2rem; border-bottom: 1px solid #dedede; margin-bottom: 2rem;}
.nnew_left>h5{ font-size: 1.6rem; color: #999;}
.nnew_left .ty_content{ margin-top: 4rem;}

.case_li{ width: 29%; margin-right: 6.5%; margin-bottom: 3%; position: relative;}
.case_li:nth-child(3n){ margin-right: 0;}
.case_li:nth-last-child(-n+3){ margin-bottom: 0;}
.case_yy{ position: relative;}
.case_yy:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #f2f2f2;  transform: translateX(4rem) translateY(7rem); transition: all 0.3s ease;}
.case_img{ overflow: hidden;}
.case_img a{ padding-top: 63%; display: block; transition: all 0.3s ease;}
.case_li h5{ height: 7rem; padding: 0 2rem; font-size: 1.6rem; line-height: 2.4rem; color: #333;  transform: translateX(4rem); transition: all 0.3s ease;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.case_li:hover .case_yy:after{ background: #aa0211;}
.case_li:hover h5{ color: #fff;}
.case_li:hover .case_img{ box-shadow: 0px 2px 16px rgba(0,0,0,0.4);}
.case_li:hover .case_img a{ transform: scale(1.05);}

.n_nav{ margin-bottom: 6rem;}
.n_nav ul{ border-top: 1px solid #dedede;}
.n_nav ul li{ margin-right: 4rem;}
.n_nav ul li a{ padding: 1.5rem 2rem; font-size: 1.8rem; color: #333; position: relative; display: block; transition: all 0.3s ease;}
.n_nav ul li.active a:after{ content: ''; width: 100%; height: 3px; background: #dc0418; position: absolute; top: -1px; left: 0;}
.n_nav ul li:hover a{ color: #dc0418;}

.case_content .n_biao strong{position: relative; padding-bottom: 3rem;}
.case_content .n_biao strong:after{ content: ''; width: 90%; background: #dedede; height: 1px; position: absolute; bottom: 0; left: 5%;}
.case_content .n_biao strong:before{ content: ''; width: 30%; height: 0.5rem; background: #dc0418; position: absolute; bottom: -0.2rem; left: 50%; z-index: 2; transform: translateX(-50%);}

.case_content .swiper-slide{ width: 42%;}
.case_content .swiper-slide a{ padding-top: 63%; display: block;}
.case_content .swiper .case_prev{ left: calc(29% - 60px + 1rem);}
.case_content .swiper .case_next{ right: calc(29% - 60px + 1rem);}
.case_content .swiper .ico_next, .case_content .ico_prev{ width: 4rem; height: 4rem; border-radius: 50%; border: 0.1rem solid #999; line-height: 3.8rem; text-align: center; color: #999; outline: none;}
.case_content .swiper .ico_next i, .case_content .ico_prev i{ display: inline-block; font-size: 2.4rem;}
.case_content .swiper .ico_next, .case_content .swiper .ico_prev{ position: absolute; top: 50%; transform: translateY(-50%);}

.lx_content{ padding: 6rem 9rem; background: #fff; border-radius: 4rem; box-shadow: 0px 0.4rem 1.6rem rgba(0,0,0,0.2); position: relative; z-index: 980;}
.lx_left{ width: 75%;}
.lx_left ul li{ margin: 2rem 0; font-size: 1.6rem; padding-left: 3.5rem; position: relative;}
.lx_left ul li i{ position: absolute; left: 0; top: 0; font-size: 1.8rem; color: #dc0418;}
.lx_right{ width: 25%;}


.n_liuyan{ margin-top: 10rem;}
.n_liuyan .n_biao{ padding-bottom: 2rem; position: relative;}
.n_liuyan .n_biao strong{ font-size: 2.8rem; line-height: 2.8rem; color: #111;}
.n_liuyan .n_biao span{ font-size: 2.4rem; line-height: 2.4rem; color: #111;}
.n_liuyan .n_biao:after{ content: ''; width: 5rem; height: 0.3rem; background: #dc0418; position: absolute; left: 0; bottom: 0;}
.n_liuyan .caption{ padding-right: 18%; margin-top: 10rem;}
.n_liuyan .caption p{ font-size: 1.8rem; line-height: 3rem; margin-top: 5rem; color: #666;}
.n_liuyan .caption p span{ color: #dc0418; font-size: 3.5rem; display: block; font-weight: bold;}
.n_liuyan input.form-control, .n_liuyan input.btn{ height: 5rem; font-size: 1.6rem; padding-left: 1.5rem; padding-right: 1.5rem;}
.n_liuyan textarea.form-control{ font-size: 1.6rem; padding-left: 1.5rem; padding-right: 1.5rem;}
.n_liuyan .form-group{ margin-bottom: 1.8rem;}
.n_liuyan input.btn{ background: #dc0418; padding: 0 4rem; border: none;}



.n_join{ padding-top: 48.95%; position: relative;}
.n_join .n_biao{ margin: 0;}
.join_box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 49%; background: rgba(255,255,255,0.75); padding: 5% 5%; border-left: 4px solid #dc0418;}
.join_box ul li a{ padding: 0.8rem 3rem; border: 1px dashed #dc0418; border-radius: 3rem; transition: all 0.3s ease; color: #333; display: block; font-size: 1.8rem;}
.join_box ul li a:hover{ border: 1px solid #dc0418; background: #dc0418; color: #fff;}
.join_box ul li{ margin-right: 3rem; display: inline-block;}
.zhuimu{ margin: 3rem 0;}
.zhuimu strong{ font-size: 3rem; color: #dc0418; display: inline-block; margin-right: 1rem; line-height: 3rem;}
.zhuimu span{ color: #666; font-size: 1.8rem; display: inline-block; letter-spacing: 2px;}
.zhuimu strong i{ display: block; font-style: normal; font-size: 1.6rem; color: #666; line-height: 1.8rem;}

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


.fanye02{ margin-top: 6rem; border-top: 1px solid #dedede; padding-top: 4rem;}
.fanye02 a{ display: inline-block; padding: 0.8rem 3rem; border-radius: 1.8rem; border: 1px solid #dedede; font-size: 1.6rem; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: #aa0211; border-color: #aa0211;}


.ty_content{ font-size: 1.6rem; line-height: 3rem; color: #666; text-align: justify;}
.ty_content img{ max-width: 100%; height: auto !important;}

.ty_content table{ text-align: center; max-width: 100%; border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
.ty_content table tr td{ padding: 0.4rem 0.8rem; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; vertical-align: middle;}
.ty_content table tr:first-child td{ font-weight: bold; background: #366092; color: #fff;}


#container{ width: 100%; height: 75rem; margin-top: -15rem; pointer-events: none;}

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


.s_more a:hover div{
  animation: b12_3d_glitch 0.3s linear;
  -webkit-animation: b12_3d_glitch 0.3s linear;
  -moz-animation: b12_3d_glitch 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;
}


@-webkit-keyframes b12_3d_glitch {
  from {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #000000;
  }
  25.00% {
      transform: skewX(80deg);
      -webkit-transform: skewX(80deg);
      -moz-transform: skewX(80deg);
      color: #000000;
  }
  75.00% {
      transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      color: #ffffff;
  }
  90.00% {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
  to {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
}


@-moz-keyframes b12_3d_glitch {
  from {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #000000;
  }
  25.00% {
      transform: skewX(80deg);
      -webkit-transform: skewX(80deg);
      -moz-transform: skewX(80deg);
      color: #000000;
  }
  75.00% {
      transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      color: #ffffff;
  }
  90.00% {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
  to {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
}



@media (max-width:767px){
  .header.ny .menu-link i, .header.ny .menu-link span:before, .header.ny .menu-link span:after{ background: #333;}
  .header.cur .menu-link i, .header.cur .menu-link span:before, .header.cur .menu-link span:after{ background: #333;}
  .header.cur{ background: rgba(255,255,255,0.9);}
  .nab1_left{ width: 100%; margin-left: 0;}
  .s_news .swiper{ margin-left: 1.5rem;}
  html{ font-size: 49%;}
  .menu-link.active{ right: 2rem;}
  .header.ny .menu-link.active i, .header.cur .menu-link.active i{ background: transparent;}
  .menu-link{ display: block; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); transition: all 0.3s ease;}
  .header{ height: 8rem;}
  .logo{ height: 8rem;}
  .head_more{ right: 6rem;}
  .tel_bai{ display: none;}
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(255,255,255,0.9); padding: 2rem 0; border-top: 1px solid #dedede; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
  .pc_nav.active{ display: block;}
  .pc_nav ul{ height: auto; flex-wrap: wrap;}
  .pc_nav ul li:after{ display: none;}
  .pc_nav ul li{ width: 100%; margin-top: 0; text-align: center;}
  .pc_nav ul li>a{ padding: 1rem 0; line-height: 3rem; font-weight: bold; display: inline-block;}
  .s_about .container{ padding-right: 15%;}
  .s_about ul li a{ padding: 0 2rem;}
  .s_case.flex_2{align-items: flex-start;}
  .s_case .scase_li{ width: 100%;}
  .s_case .scase_li.active{ width: 100%;}
  .s_case .scase_li a{ height: 50vh;}
  .s_case .scase_li.active a{ height: 50vh;}
  .s_case .scase_li.active .case_text {
    animation: none;
    animation-fill-mode: forwards;
    right: auto;
    background: rgba(170,2,17,0.65);
}
.s_case .scase_li{animation: none;}
.case_text{ padding: 2rem 4rem;}
.s_case .scase_li:first-child.active .case_text{ right: 0;}
.s_case .scase_li:first-child .case_text{ left: auto; right: 0;}
.s_news .swiper-slide{ width: calc(100% - 1.5rem);}
.n_banner{ height: 30vh;}
.nban_bg{ background-size: contain !important; background-position: center top !important;}
.nab1_right{ width: 100%; padding: 3rem 0;}
.n_about_2 ul li{ width: 50%;}
.new_li, .case_li {width: 100%; margin-right: 0;}
.new_li:nth-child(3n), .case_li:nth-child(3n){ margin-right: 0;}
.new_li:nth-last-child(-n+3), .case_li:nth-last-child(-n+3){ margin-bottom: 3%;}
.nnew_right{ display: none;}
.nnew_left{ width: 100%;}
.weizhi{ padding: 1.5rem 0;}
.wz_right strong{ margin-top: 1rem;}
.wz_right span{ font-size: 1.8rem; line-height: 1.8rem;}
.wz_right strong{ font-size: 1.6rem; line-height: 1.6rem;}
.wz_left img{ width: 2.5rem;}
.s_news .swiper-slide .snew_img{ width: 100%;}
.s_news .swiper-slide .snew_text{ width: 100%; position: static; transform: translateY(0); padding: 2rem 1.5rem; border-right: none; border-top: 1rem solid #aa0211;}
.snew_text h5{ margin-top: 2rem;}
  
  .header .container{ padding: 0 15px;}
  .s_banner .swiper .swiper-slide strong{ font-size: 4rem;}
  .s_banner .swiper .swiper-slide p{ font-size: 2rem;}
  .s_biao strong{ font-size: 3.6rem; line-height: 3.6rem; margin-bottom: 1rem;}
  .s_biao span{ font-size: 1.8rem; line-height: 1.8rem;}
  .s_about p{ margin: 4rem 0; line-height: 3.6rem;}
  .s_more a{ padding: 1.2rem 4rem;}
  .s_about p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
  .s_about ul li a img{ width: 5rem;}
  .case_text h3{ font-size: 2rem;}
  .case_text h3 span{ font-size: 1.4rem;}
  .snew_text h3{ font-size: 1.8rem; margin: 1.5rem 0;}
  .nban_biao{ display: none;}
  .nban_biao strong{ font-size: 2.4rem; line-height: 2.6rem;}
  .nban_biao span{ font-size: 1.8rem; line-height: 1.8rem;}
  .nab1_right h2{ font-size: 2.4rem;}
  .n_biao strong{ font-size: 3rem; line-height: 3rem;}
  .n_biao span{ font-size: 1.8rem;}
  .nban_biao:after{ top: 0.8rem;}
  .nban_biao.cur:after{ width: 3rem;}
  .nban_biao.cur span{ margin-left: 4rem;}
  .nnew_left>h3, .nnew_right>h3{ font-size: 2.4rem;}
  .lx_content{ padding:0; padding-bottom: 3rem; box-shadow: none;}
  .lx_left, .lx_right{ width: 100%;}
  #container{ height: 40rem; margin: 0;}
  .n_liuyan{ margin-top: 3rem;}
  .n_liuyan .caption, .n_liuyan .caption p{ margin: 2rem 0;}
  .foot_logo{ display: none;}
  .footer .caption{ width: 100%;}
  .foot_nav{ padding: 2rem 0;}
  .foot_nav ul{ display: none;}
  .foot_nav ol{ width: 100%;}
  .fanye02 .text-right{ margin-top: 1rem; text-align: left !important;}
  .case_li h5{transform: translateX(0);}
  .case_yy:after{ transform: translateX(0) translateY(7rem);}
  .case_content .swiper-slide{ width: 100%;}
  .case_content .swiper .ico_next, .case_content .swiper .ico_prev{ z-index: 2; background: rgba(255,255,255,0.65); color: #aa0211; border-color: #aa0211;}
  .case_content .swiper .case_prev{ left: 1.5rem;}
  .case_content .swiper .case_next{ right: 1.5rem;}


  .n_join{ padding-top: 60%;}
  .join_box{ width: 80%;}
  .join_box .n_biao{ margin-bottom: 3rem;}
  .join_box ul li{ margin-right: 2rem;}
  .join_box ul li:last-child{ margin-right: 0;}
  .join_box ul li a{ font-size: 1.6rem; padding: 0.6rem 2rem;}
}

@media (min-width:768px) and (max-width:991px) {
  
  .nab1_left{ width: 100%; margin-left: 0;}
  .s_news .swiper{ margin-left: 1.5rem;}
  html{ font-size: 49%;}
  .menu-link{ display: block; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%);}
  .head_more{ right: 6rem;}
  .tel_bai{ display: none;}
  .pc_nav{ display: none;}
  .s_about .container{ padding-right: 35%;}
  .s_about ul li a{ padding: 0 3rem;}
  .s_case.flex_2{align-items: flex-start;}
  .s_case .scase_li{ width: 100%;}
  .s_case .scase_li.active{ width: 100%;}
  .s_case .scase_li a{ height: 50vh;}
  .s_case .scase_li.active a{ height: 50vh;}
  .s_case .scase_li.active .case_text {
    animation: none;
    animation-fill-mode: forwards;
    right: auto;
    background: rgba(170,2,17,0.65);
}
.s_case .scase_li{animation: none;}
.s_case .scase_li:first-child.active .case_text{ right: 0;}
.s_case .scase_li:first-child .case_text{ left: auto; right: 0;}
.s_news .swiper-slide{ width: calc(100% - 1.5rem);}
.n_banner{ height: 40vh;}
.nban_bg{ background-size: contain !important; background-position: center top !important;}
.nab1_right{ width: 100%; padding: 3rem 0;}
.n_about_2 ul li{ width: 50%;}
.new_li, .case_li {width: 48%; margin-right: 4%;}
.new_li:nth-child(3n), .case_li:nth-child(3n){ margin-right: 4%;}
.new_li:nth-child(2n), .case_li:nth-child(2n){ margin-right: 0;}
.new_li:nth-last-child(-n+3), .case_li:nth-last-child(-n+3){ margin-bottom: 3%;}
.new_li:nth-last-child(-n+2), .case_li:nth-last-child(-n+2){ margin-bottom: 0;}
.nnew_right{ display: none;}
.nnew_left{ width: 100%;}

  .pc_nav ul li>a{ padding: 0 1.5rem;}
  .header .container{ padding: 0 15px;}
  .s_banner .swiper .swiper-slide strong{ font-size: 6rem;}
  .s_banner .swiper .swiper-slide p{ font-size: 2.4rem;}
  .s_biao strong{ font-size: 3.6rem; line-height: 3.6rem; margin-bottom: 1rem;}
  .s_biao span{ font-size: 1.8rem; line-height: 1.8rem;}
  .s_about p{ margin: 4rem 0; line-height: 3.6rem;}
  .s_more a{ padding: 1.2rem 4rem;}
  .s_about ul li a img{ width: 5rem;}
  .case_text h3{ font-size: 3rem;}
  .case_text h3 span{ font-size: 1.6rem;}
  .snew_text h3{ font-size: 1.8rem; margin: 1.5rem 0;}
  .nban_biao strong{ font-size: 5rem; line-height: 5.5rem;}
  .nab1_right h2{ font-size: 3rem;}
  .n_biao strong{ font-size: 4rem; line-height: 4rem;}
  .n_biao span{ font-size: 2rem;}
  .nnew_left>h3, .nnew_right>h3{ font-size: 2.4rem;}
}

@media (min-width:991px) and (max-width:1200px) {
  
  .container{ max-width: calc(100% - 17rem); padding: 0 1.5rem;}
  .nab1_left{ width: calc(50% + 10rem); margin-left: -10rem;}
  .s_news .swiper{ margin-left: 10rem;}
  html{ font-size: 49%;}
  
  .pc_nav ul li>a{ padding: 0 1.5rem;}
  .header .container{ padding-left: 30%;}
  .s_banner .swiper .swiper-slide strong{ font-size: 6rem;}
  .s_banner .swiper .swiper-slide p{ font-size: 2.4rem;}
  .s_biao strong{ font-size: 3.6rem; line-height: 3.6rem; margin-bottom: 1rem;}
  .s_biao span{ font-size: 1.8rem; line-height: 1.8rem;}
  .s_about p{ margin: 4rem 0; line-height: 3.6rem;}
  .s_more a{ padding: 1.2rem 4rem;}
  .s_about ul li a img{ width: 5rem;}
  .case_text h3{ font-size: 3rem;}
  .case_text h3 span{ font-size: 1.6rem;}
  .snew_text h3{ font-size: 1.8rem; margin: 1.5rem 0;}
  .nban_biao strong{ font-size: 5rem; line-height: 5.5rem;}
  .nab1_right h2{ font-size: 3rem;}
  .n_biao strong{ font-size: 4rem; line-height: 4rem;}
  .n_biao span{ font-size: 2rem;}
  .nnew_left>h3, .nnew_right>h3{ font-size: 2.4rem;}
}

@media (min-width:1201px) and (max-width:1440px) {
  html{ font-size: 55%;}

  .pc_nav ul li>a{ padding: 0 1.5rem;}
  .header .container{ padding-left: 30%;}
  .s_banner .swiper .swiper-slide strong{ font-size: 6rem;}
  .s_banner .swiper .swiper-slide p{ font-size: 2.4rem;}
  .s_biao strong{ font-size: 3.6rem; line-height: 3.6rem; margin-bottom: 1rem;}
  .s_biao span{ font-size: 1.8rem; line-height: 1.8rem;}
  .s_about p{ margin: 4rem 0; line-height: 3.6rem;}
  .s_more a{ padding: 1.2rem 4rem;}
  .s_about ul li a img{ width: 5rem;}
  .case_text h3{ font-size: 3rem;}
  .case_text h3 span{ font-size: 1.6rem;}
  .snew_text h3{ font-size: 1.8rem; margin: 1.5rem 0;}
  .nban_biao strong{ font-size: 5rem; line-height: 5.5rem;}
  .nab1_right h2{ font-size: 3rem;}
  .n_biao strong{ font-size: 4rem; line-height: 4rem;}
  .n_biao span{ font-size: 2rem;}
  .nnew_left>h3, .nnew_right>h3{ font-size: 2.4rem;}

}

@media (min-width:1201px){

  .container{ max-width: calc(100% - 27rem); padding: 0 1.5rem;}
  .nab1_left{ width: calc(50% + 15rem); margin-left: -15rem;}
  .s_news .swiper{ margin-left: 15rem;}
}
@media (min-width:1441px) and (max-width:1620px) {
  html{ font-size: 55%;}
}