@font-face{
  font-family: "iconfont";
  /* Project id 2874806 */
  src: url('./iconfont/iconfont.woff2?t=1635210561214') format('woff2'), url('./iconfont/iconfont.woff?t=1635210561214') format('woff'), url('./iconfont/iconfont.ttf?t=1635210561214') format('truetype');
}
/*@font-face{
  font-family: HarmonyOS_Sans_Medium;
  src: url("../fonts/HarmonyOS_Sans_Medium.ttf");
  font-display: swap;
}
@font-face{
  font-family: HarmonyOS_Sans_Bold;
  src: url("../fonts/HarmonyOS_Sans_Bold.ttf");
  font-display: swap;
}*/

body {
  font-family: "Noto Sans SC", "Microsoft Yahei", "微软雅黑", "Arial";
  font-weight: 400;
  color: #333333;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.under_more{
    position: relative;
}
.under_more:after{
    display: block;
    content:'';
    width: 0;
    height: 1px;
    background: #b72d29;
    position: absolute;
    left: 0;
    margin-top: 4px;
    transition: all 0.5s;
}
.under_more:hover:after{
    width: 100%;
}
.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.w1440 {
  width: 1440px;
  margin: 0 auto;
}

.s-title {
  text-align: center;
}
.s-title h2 {
  font-weight: 500;
  color: #222;
  letter-spacing: 4px;
}
.s-title h3 {
  color: #333;
  margin-top: 14px;
}
.s-title h3 a {
  letter-spacing: 1px;
  color: #a42b30;
  margin-left: 4px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.s-title h3 a:hover {
  color: #c9151e;
}
.s-title.white h2 {
  color: #fff;
}
.s-title.white h3 {
  color: #fff;
}
.s-title.white h3 span {
  opacity: 0.8;
}
.s-title.white h3 a {
  color: #c9151e;
}
.s-title.white h3 a:hover {
  color: #a42b30;
}
.n_body .header {
  background: #fff;
}
.header .con .nav > ul > li{
    margin-right: 50px;
}
.header .con .nav > ul > li:last-child{
    margin-right: 0px;
}
.header .con .right .lang ul {
  background: #fff;
}
.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.header_act{
    top: -80px;
}
.header .con {
  display: flex;
}
.header .con .logo a {
  height: 80px;
  display: flex;
  align-items: center;
}
.header .con .nav {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 1.5vw;
}
.header .con .nav > ul {
  display: flex;
}
.header .con .nav > ul > li h2 {
  position: relative;
}
.header .con .nav > ul > li h2:before {
  content: '';
  width: 0;
  height: 2px;
  background: #c9151e;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .con .nav > ul > li h2 a {
  display: block;
  letter-spacing: 1px;
  line-height: 80px;
  color: #000;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .con .nav > ul > li .nav-down {
  position: fixed;
  width: 100%;
  left: 0;
  top: auto;
  display: none;
  border-top: 1px solid #eee;
  background: #fff;
}
@keyframes example1 {
  0%   {top:80px;}
  100% {top:0px;}
}
/*.header_act .con .nav > ul > li .nav-down{
   animation: example1 0.5s forwards;
}*/
.header .con .nav > ul > li .nav-down ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.5vw 0;
}
.header .con .nav > ul > li .nav-down ul li {
  padding: 0 1vw;
}
.header .con .nav > ul > li .nav-down ul li a {
  color: #000;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .con .nav > ul > li .nav-down ul li a:hover {
  color: #c9151e;
}
.header .con .nav > ul > li:hover h2:before {
  width: 100%;
  left: 0;
}
.header .con .nav > ul > li:hover h2 a {
  color:  #c9151e;
}
.header .con .right {
  display: flex;
  align-items: center;
}
.header .con .right .search {
  cursor: pointer;
  margin-right: 1.5vw;
}
.header .con .right .search_btn{
    margin-right: 20px;
}
.header .con .right .search_btn span {
  color: #333;
  position: relative;
  top: 2px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .con .right .search_btn span:hover {
  color:  #c9151e;
}
.header .con .right .lang {
  position: relative;
}
.header .con .right .lang h2 {
  line-height: 80px;
  cursor: default;
  position: relative;
  overflow: hidden;
  padding-right: 20px;
  letter-spacing: 1px;
}
.header .con .right .lang h2:after {
  content: '\e850';
  font-family: iconfont;
  position: absolute;
  right: 0;
  top: 1px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .con .right .lang ul {
  position: absolute;
  width: 110%;
  left: -5%;
  top: 80px;
  background: rgba(0, 0, 0, 0.1);
  border-top: 1px solid #eee;
  display: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.header .con .right .lang ul li a {
  display: block;
  color: #000;
  line-height: 44px;
  text-align: center;
  letter-spacing: 1px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .con .right .lang ul li a:hover {
  color:  #c9151e;
}
.header .con .right .lang.active h2:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.header .con .right .mobile-btn {
  display: none;
}
.header .search-list {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
}
.header .search-list .search-box {
  background: #fff;
  padding: 40px 0;
}
.header .search-list .search-box .search-center {
  width: 400px;
  max-width: 80%;
  margin: 0 auto;
  position: relative;
}
.header .search-list .search-box .search-center input {
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-right: 40px;
  font-size: 16px;
}
.header .search-list .search-box .search-center span {
  position: absolute;
  color: #666;
  line-height: 40px;
  right: 0;
  cursor: pointer;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.header .search-list .search-box .search-center span:hover {
  color:  #c9151e;
}
.header.active {
  background: #fff;
}
.header.active .con .nav > ul > li .nav-down {
  background: #fff;
}
.header.active .con .right .lang ul {
  background: #fff;
}
/*下拉导航*/
.nav2{
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 80px;
  width: 100vw;
  left: 0;
  background: white;
  padding: 44px 0;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.06);
}
.nav2_flx{
  display: flex;
  flex-wrap: wrap;
}
.nav2_flx>div{
  width: 20%;
  padding-right: 2.5%;
}
.nav2_flx>div:nth-child(n+6){
  margin-top: 30px;
}
.nav2_name{
  border-bottom: 1px solid #e2e2e2;
  line-height: 1;
  padding-bottom: 20px;
  position: relative;
  font-weight: bold;
}
.nav2_name a{
  color: #000;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav2_name a[href]::after{
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            background-color: transparent;
            border-right: 1px solid rgba(0,0,0,0.4);
            border-top: 1px solid rgba(0,0,0,0.4);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            transition:all 0.5s;
}
.nav2_name a[href]:hover{
  color: #c9151e;
}
.nav2_name a[href]:hover::after{
  border-color: #c9151e;
}
.nav2_name::after{
  position: absolute;
  content: '';
  display: block;
  height: 2px;
  width: 64px;
  background: #c9151e;
  left: 0;
  bottom: 0;
}
.nav3{
  margin-top: 25px;
}
.nav3_name{
    color: rgb(51, 51, 51);
  transition: all 0.5s;
}
.nav3_name:hover{
  color: #c9151e;
}
.nav3_des{
  color: #999999;
  margin-top: 5px;
}
.nav3_des a{
    width: 140px;
    height: 30px;
    border: 1px solid #f7e5e6;
    margin-bottom: 6px;
    background: #fefafa;
    display: flex;
    align-items: center;
    transition: all 0.5s;
    color: #999999;
}
.nav3_des a .spe_icon{
    width: 30px;
    display: flex;
    justify-content: center;
}
.nav3_des a span:last-child{
    width: calc(100% - 30px);
}
.nav3_des a svg path{
    transition: all 0.5s;
}
.nav3_des a:hover{
    color: #c9151e;
}
.nav3_des a:hover svg path{
    fill: #c9151e;
}
.nav3>div{
  margin-bottom: 20px;
}
.nav3>div:last-child{
  margin-bottom: 0px;
}



.footer {
  background: url(../img/bg1.jpg) no-repeat;
  background-size: cover;
  border-top: 10px solid  #c9151e;
}
.footer .f-t .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3vw 0 2vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .f-t .footer-top .left {
  display: flex;
}
.footer .f-t .footer-top .left h2 {
  color: #fff;
  opacity: 0.5;
  position: relative;
  top: 12px;
  width: 116px;
  flex-shrink: 0;
}
.footer .f-t .footer-top .left ul {
  display: flex;
  flex-wrap: wrap;
}
.footer .f-t .footer-top .left ul li {
  margin-right: 8px;
  margin-top: 8px;
}
.footer .f-t .footer-top .left ul li a {
  color: #fff;
  opacity: 0.6;
  display: block;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-top .left ul li a:hover {
  background: #c9151e;
  border: 1px solid #c9151e;
  opacity: 1;
}
.footer .f-t .footer-top .right ul {
  display: flex;
}
.footer .f-t .footer-top .right ul li {
  position: relative;
}
.footer .f-t .footer-top .right ul li .icons {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-top .right ul li .icons img {
  max-width: 70%;
  max-height: 70%;
  opacity: 0.6;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-top .right ul li .erweima {
  position: absolute;
  width: 80px;
  top: 44px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-top .right ul li .erweima img {
  width: 100%;
}
.footer .f-t .footer-top .right ul li:not(:last-child) {
  margin-right: 1vw;
}
.footer .f-t .footer-top .right ul li:hover .icons {
  background: #c9151e;
}
.footer .f-t .footer-top .right ul li:hover .icons img {
  opacity: 1;
}
.footer .f-t .footer-top .right ul li:hover .erweima {
  top: 54px;
  opacity: 1;
}
.footer .f-t .footer-middle {
  padding: 2vw 0;
  display: flex;
}
.footer .f-t .footer-middle .left {
  width: 25%;
}
.footer .f-t .footer-middle .left .logo {
  width: 70%;
}
.footer .f-t .footer-middle .left .logo img {
  width: 100%;
}
.footer .f-t .footer-middle .left .text {
  color: #fff;
  opacity: 0.5;
  text-align: justify;
  line-height: 1.6;
  margin-top: 1.5vw;
}
.footer .f-t .footer-middle .right {
  width: 75%;
  display: flex;
  justify-content: flex-end;
}
.footer .f-t .footer-middle .right .nav > ul {
  display: flex;
  margin-right: 90px;
}
.footer .f-t .footer-middle .right .nav > ul > li {
  margin-right: 66px;
}
.footer .f-t .footer-middle .right .nav > ul > li:last-child{
    margin-right: 0px;
}
.footer .f-t .footer-middle .right .nav > ul > li h2 {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.2);
  position: relative;
}
.footer .f-t .footer-middle .right .nav > ul > li h2:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #c9151e;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.footer .f-t .footer-middle .right .nav > ul > li h2 a {
  color: #fff;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-middle .right .nav > ul > li h2 a:hover {
  color: #c9151e;
}
.footer .f-t .footer-middle .right .nav > ul > li ul {
  margin-top: 20px;
}
.footer .f-t .footer-middle .right .nav > ul > li ul li {
  margin-top: 6px;
}
.footer .f-t .footer-middle .right .nav > ul > li ul li a {
  color: #fff;
  opacity: 0.5;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-middle .right .nav > ul > li ul li a:hover {
  color:  #c9151e;
  opacity: 1;
}
.footer .f-t .footer-middle .right .contact ul li h2 {
  color: #fff;
  opacity: 0.5;
}
.footer .f-t .footer-middle .right .contact ul li p {
  font-family: HarmonyOS_Sans_Medium;
  color: #fff;
}
.footer .f-t .footer-middle .right .contact ul li p a {
  color: #fff;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.footer .f-t .footer-middle .right .contact ul li p a:hover {
  color: #c9151e;
}
.footer .f-t .footer-middle .right .contact ul li:first-child {
  margin-top: 6px;
}
.footer .f-t .footer-middle .right .contact ul li:not(:first-child) {
  margin-top: 14px;
}
.footer .f-b {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.5vw 0;
  text-align: center;
}
.footer .f-b p {
  color: rgba(255, 255, 255, 0.3);
}
.footer .f-b p a {
  color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  margin-left: 10px;
}
.footer .f-b p a:hover {
  color: #fff;
}
.inner-banner {
  margin-top: 80px;
  position: relative;
  display: flex;
}
.inner-banner>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-banner .text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.inner-banner .text img {
  width: auto;
  max-height: 90px;
}
.inner-banner .text h3 {
  font-family: HarmonyOS_Sans_Medium;
  color: #333;
}
.inner-banner .text h2 {
  font-weight: 500;
  color: #333;
}
.inner-banner .text h4 {
  color: #222;
  margin-top: 1vw;
  line-height: 1.6;
}
.inner-banner .text h5 {
  color: #333;
  margin-top: 1vw;
}
.inner-banner .text h5 span {
  font-family: HarmonyOS_Sans_Bold;
  color:  #c9151e;
}
.inner-banner .text p {
  color: #333;
  margin-top: 1.6vw;
  line-height: 1.8;
  width: 662px;
  max-width: 100%;
  text-align: justify;
}
.inner-banner .text .btns {
  margin-top: 2.8vw;
  display: flex;
}
.inner-banner .text .btns a {
  width: 160px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.inner-banner .text .btns .download {
  color: #fff;
  background:  #c9151e;
  margin-right: 20px;
}
.inner-banner .text .btns .download:hover {
  background: #a42b30;
}
.inner-banner .text .btns .document {
  border: 1px solid #999;
  color: #222;
}
.inner-banner .text .btns .document:hover {
  border: 1px solid #a42b30;
  background: #a42b30;
  color: #fff;
}
.inner-banner .text .btns .seek img {
  width: 20px;
  height: auto;
  margin-left: 10px;
}
.inner-banner .text .inlet{
  display: flex;
  margin-top: 4vw;
  flex-wrap: wrap;
}
.inner-banner .text .inlet a{
  height: 58px;
  display: flex;
  align-items: center;
  padding:0 20px;
  border: 1px solid white;
  background: rgba(255, 255, 255, 0.2);
  color: #333333;
  font-weight: bold;
  margin-right: 20px;
}
.inner-banner .text .inlet a:last-child{
  margin-right: 0;
}
.inner-banner .text .inlet a::before{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #b72d29;
  margin-right: 12px;
}
.inner-banner .text .inlet .inlet_act{
  background: #b72d29;
  border-color: #b72d29;
  color: white;
}
.inner-banner .text .inlet .inlet_act::before{
  background: white;
}
.inner-banner .breadcrumbs {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
  display: none;
}
.inner-banner .breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
}
.inner-banner .breadcrumbs ul li {
  color: #333;
}
.inner-banner .breadcrumbs ul li a {
  color: #333;
  display: flex;
  align-items: center;
  padding-right: 10px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.inner-banner .breadcrumbs ul li a:after {
  content: '>';
  font-family: iconfont;
  position: absolute;
  color: #333;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.inner-banner .breadcrumbs ul li a:hover {
  color: #c9151e;
}
.inner-banner .breadcrumbs ul li svg {
  margin-right: 6px;
  width: 14px;
  position: relative;
  top: -1px;
}
.inner-banner .breadcrumbs ul li svg path {
  fill: #333;
}
.inner-banner .breadcrumbs ul li:last-child {
  color: #b72d29;
}
.inner-banner .breadcrumbs ul li:last-child a {
  padding-right: 0;
}
.inner-banner .breadcrumbs ul li:last-child a:after {
  display: none;
}
.banner_href{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -36px;
}
.banner_href .swiper{
  padding: 10px 0;
}
.banner_href a{
  width: auto;
  margin-right: 20px;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 25px;
  background: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  color: #333;
  transition: all 0.5s;
}
.banner_href a:hover{
    color: #cc2a33;
}
.banner_href .banner_act{
  color: white !important;
  background: #cc2a33;
}
.sub-nav {
    background: white;
  border-bottom: 1px solid #dcdcdc;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 3;
}
.sub-nav ul {
  display: flex;
}
.sub-nav ul li {
  width: auto;
  margin-right: 4vw;
  position: relative;
}
.sub-nav ul li:after {
  content: '';
  width: 0;
  max-width: 72px;
  height: 3px;
  background: #b72d29;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.sub-nav ul li a {
  height: 60px;
  display: flex;
  align-items: center;
  color: #666;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.sub-nav ul li:hover:after {
  width: 100%;
}
.sub-nav ul li:hover a {
  color: #b72d29;
}
.sub-nav ul li.active:after {
  width: 72px !important;
}
.sub-nav ul li.active a {
  font-weight: 500!important;
  color: #b72d29 !important;
}
.n-title {
  text-align: center;
}
.n-title h2 {
  color: #333;
  position: relative;
  padding-bottom: 16px;
  font-weight: 500;
}
.n-title h2:after {
  content: '';
  width: 50px;
  height: 4px;
  background: #b72d29;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.n-prev {
  width: 18px;
  height: 25px;
  background: url(../img/prev1.png);
  background-size: 100% 100%;
  margin-top: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.n-prev:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/prev2.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.n-prev:after {
  display: none;
}
.n-prev:hover:before {
  opacity: 1;
}
.n-next {
  width: 18px;
  height: 25px;
  background: url(../img/next1.png);
  background-size: 100% 100%;
  margin-top: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.n-next:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/next2.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.n-next:after {
  display: none;
}
.n-next:hover:before {
  opacity: 1;
}
#videoPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
#videoPopup .video-box {
  width: 66%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#videoPopup .video-box video {
  width: 100%;
}
#videoPopup .video-box .closes {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-align: center;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
#videoPopup .video-box .closes span {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
}
#videoPopup .video-box .closes:hover {
  background: rgba(0, 0, 0, 0.5);
}

/*侧导航弹窗开始*/
.cover{
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  display: none;
}
.query{
  max-width: 955px;
  width: 60%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
}
.query-tit{
  color: #fff;
  text-align: center;
  line-height: 4;
  background:url('../img/dz/staty_a1.jpg') no-repeat center center/cover;
}
.query-btm{
  padding: 3.125vw 6.67vw 5.3125vw;
}
.query-btm p.fnt_22{
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
.query .form{
  margin-top: 2.66vw;
}
.query .form-item{
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}
.query .form-item label{
  flex:0 0  8em;
  position: relative;
}
.query .form-item input{
flex: 1;
height: 50px;
padding: 0 20px;
border:1px solid #dcdcdc;
outline: none;
font-size: 16px;
}
.query .form-item label.must:before{
  content: '*';
  font-size: 18px;
  position: absolute;
  left:0;
  transform: translateX(-100%);
  color: #c9151e;
}
.query .btns{
  display: flex;
  justify-content: center;
  margin-top: 4.16vw;
}
.query .btns>button{
  width: 300px;
  line-height: 50px;
  text-align: center;
  font-weight: 500;
  border:none;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 15px;
      background-color: #ddd;
      transition: all 0.5s;
}
.query .btns>button:hover{
  background-color: #c9151e;
  color: #fff;
}


.result1{
  max-width: 955px;
  width: 60%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  display: none;
}
.result1 .btns{
  display: flex;
  justify-content: center;
  margin-top: 4.16vw;
}
.result1-btm{
  padding:3.125vw  8.4375vw  5.3125vw;
}
.result1-btm .rbtit{
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
.result1 .txt {
  margin-top: 1.485vw;
}
.result1 .txt  p{
  line-height: 2.125;
  color: #333;
  font-weight: 500;
}
.result1 .txt span{
  color: #666;
  font-weight: 400;
}
.result1 .message{
  margin-top: 0.9375vw;
  border-top: 1px dashed #c5c5c5;
  line-height: 2;
  color: #333;
  font-weight: bold;
  padding-top: 0.78125vw;;
  margin-bottom: 3px;
}
.result1 .btns{
  display: flex;
  justify-content: center;
  margin-top: 2.08vw;
}
.result1 .btns>button{
  width: 300px;
  line-height: 50px;
  text-align: center;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  background-color: #ddd;
  border: none;
  transition: all 0.5s;
  margin: 0 15px;
}
.result1 .btns>button:hover{
  background-color: #c9151e;
  color: #fff;
}

.result2{
  max-width: 955px;
  width: 60%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  display: none;
}

.result2-btm{
  padding:5.41vw  8.4375vw  5.3125vw;
}

.result2 .img{
  width: 76px;
  margin: 0 auto;
}
.result2 .img img{
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.result2 .txt{
  margin-top: 2.135vw;
  line-height: 2.125;
  color: #666;
  font-weight: 400;
  text-align: center;
}
.result2 .txt a{
  color: #c9151e;
  font-weight: bold;
}

.result2 .btns{
  display: flex;
  justify-content: center;
  margin-top: 5.41vw;
}
.result2 .btns>button{
  width: 300px;
  line-height: 50px;
  text-align: center;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.5s;
  background-color: #ddd;
  margin: 0 15px;
  border: none;
}
.result2 .btns>button:hover{
  background-color:#c9151e;
  color: #fff;
}
.side_nav{
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 9;
}
.side_icon{
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: white;
  transition: all 0.5s;
  margin-bottom: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.side_name{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    border-radius: 10px;
    right: 65px;
    padding:10px 20px;
    color: #333;
    display: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    word-break: keep-all;
}
.side_icon svg path{
  transition: all 0.5s;
}
.side_icon:hover{
  background: #c9151e;
}
.side_icon:hover svg path{
  fill: #ffffff;
}
.return_top{
  width: 46px;
  border-radius: 50px;
  background: white;
  transition: all 0.5s;
  color: #c9151e;
  text-align: center;
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.return_top span{
  writing-mode: vertical-rl;
}
.return_top::before{
  content: '';

            display: block;
            width: 8px;
            height: 8px;
            background-color: transparent;
            border-right: 1px solid #c9151e;
            border-top: 1px solid #c9151e;
            -ms-transform: rotate(310deg);
            -webkit-transform: rotate(310deg);
            transform: rotate(310deg);
            transition:all 0.5s;
            margin-bottom: 10px;
}
.return_top:hover{
  background: #c9151e;
  color: white;
}
.return_top:hover::before{
  border-color: #ffffff;
}
.phone_sidebtn{
  display: none;
}
/*侧导航弹窗结束*/

 .header .con .logo img {
    width: 220px;
  }

@media screen and (max-width: 1600px) {
  .w1440 {
    width: 85%;
  }
  .s-title h2 {
    letter-spacing: 2px;
  }
  .header .con .logo a {
    height: 70px;
  }
  .header .con .logo img {
    width: 200px;
  }
  .header .con .nav > ul > li h2 a {
    line-height: 70px;
  }
  .header .con .nav > ul > li .nav-down {
    top: 70px;
  }
  .header .con .right .search span {
    top: 1px;
  }
  .header .con .right .lang h2 {
    line-height: 70px;
  }
  .header .con .right .lang ul {
    top: 70px;
  }
  .header .con .nav > ul > li{
    margin-right: 30px;
}
  .footer {
    border-top: 8px solid #c9151e;
  }
  .footer .f-t .footer-top .left h2 {
    width: 100px;
  }
  .inner-banner {
    margin-top: 70px;
  }
  .inner-banner .text .logo img {
    height: 64px;
  }
  .inner-banner .text p {
    width: 580px;
  }
  .inner-banner .text .btns a {
    width: 140px;
  }
  .inner-banner .text .btns .seek img {
    width: 18px;
  }
  .sub-nav ul li a {
    height: 54px;
  }
  .banner_href a{
    height: 70px;
  }
  .footer .f-t .footer-middle .right .nav > ul > li {
    margin-right: 46px;
  }
  .footer .f-t .footer-middle .right .nav > ul {
    margin-right: 70px;
}
}
@media screen and (max-width: 1440px) {
  .header .con .logo img {
    width: 180px;
  }
  .inner-banner .text .logo img {
    height: 64px;
  }
  .inner-banner .text p {
    margin-top: 1.2vw;
  }
  .inner-banner .text .btns {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 1300px) {
    .header .con .logo img {
        width: 120px;
    }
      .header .con .nav > ul > li{
    margin-right: 20px;
}
}
@media screen and (max-width: 1200px) {
  .w1440 {
    width: 90%;
  }
  .footer .f-t .footer-middle .right .nav > ul > li h2 a {
    font-size: 16px;
  }
  .n-title h2 {
    padding-bottom: 12px;
  }
  .n-title h2:after {
    width: 40px;
  }
  .inner-banner .text {
    top: 42%;
  }
  .inner-banner .text .logo img {
    height: 44px;
  }
  .inner-banner .breadcrumbs {
    bottom: 10px;
  }
  .query .form-item input{
    height: 42px;
}
.query .btns>button,
.result1 .btns>button,
.result3 .btns>button{
    height: 42px;
    line-height: 42px;
    
}
    .footer .f-t .footer-middle .right .nav > ul > li {
        margin-right: 25px;
    }
        .footer .f-t .footer-middle .right .nav > ul {
        margin-right: 40px;
    }
}
@media screen and (max-width: 1024px) {
    .nav2_name {
        font-weight: inherit;
    }
    .nav2_name a{
        font-size: 12px;
    }
  .header {
    position: fixed;
  }
  .header .con {
    justify-content: space-between;
  }
  .header .con .nav {
    margin-right: 0;
    position: fixed;
    top: 70px;
    width: 100%;
    background: #fff;
    padding: 0 5% 20px;
    left: auto;
    bottom: 0;
    right: -100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
  }
  .header .con .nav > ul {
    display: block;
    width: 100%;
  }
  .header .con .nav > ul > li {
    width: 100%;
  }
  .header .con .nav > ul > li h2 {
    border-bottom: 1px solid #f2f2f2;
  }
  .header .con .nav > ul > li h2:before {
    display: none;
  }
  .header .con .nav > ul > li h2:after {
    content: '\e603';
    font-family: iconfont;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
  }
  .header .con .nav > ul > li h2 a {
    width: 50%;
    line-height: 50px;
    color: #333;
  }
  .header .con .nav > ul > li h2 a:after {
    display: none;
  }
  .header .con .nav > ul > li .nav-down {
    position: relative;
    top: 0;
    display: none;
    padding: 0;
    background: #fff;
    border-top: none;
    box-shadow: none;
  }
  .nav2_flx{
    flex-direction: column;
    padding: 20px 0;
  }
  .nav2_flx>div {
    width: 100%;
    padding-right: 0;
}
.nav2_flx>div:nth-child(n+2){
  margin-top: 20px;
}
.nav2_name{
  padding-bottom: 14px;
}
.nav2_name::after{
  width: 30px;
}
  .header .con .nav > ul > li .nav-down ul {
    display: block;
    padding: 0;
  }
  .header .con .nav > ul > li .nav-down ul li {
    width: 100%;
  }
  .header .con .nav > ul > li .nav-down ul li a {
    display: block;
    padding: 0 20px;
    line-height: 40px;
    color: #666;
    font-weight: normal;
    position: relative;
  }
  .header .con .nav > ul > li .nav-down ul li a:before {
    content: '\e683';
    font-family: iconfont;
    position: absolute;
    font-size: 16px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .header .con .nav > ul > li.active h2:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }
  .header .con .nav.active {
    right: 0;
  }
  .header .con .right .search {
    margin-right: 20px;
  }
  .header .con .right .lang {
    margin-right: 20px;
  }
  .header .con .right .mobile-btn {
    width: 20px;
    height: 70px;
    display: block;
    position: relative;
  }
  .header .con .right .mobile-btn .nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 20px;
    height: 40px;
    text-align: center;
    z-index: 11;
    font-size: 0;
    margin: 0 auto;
  }
  .header .con .right .mobile-btn .nav-button div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 20px;
    height: 16px;
  }
  .header .con .right .mobile-btn .nav-button div span {
    width: 100%;
    height: 2px;
    background-color: #000;
    display: block;
    margin: 0 auto;
    line-height: 2px;
    position: static;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }
  .header .con .right .mobile-btn .nav-button div span.center-hr {
    margin: 5px auto;
  }
  .header .con .right .mobile-btn .nav-button div span.top-hr {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .header .con .right .mobile-btn .nav-button div span.bottom-hr {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .header .con .right .mobile-btn .nav-button.active div span {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
  }
  .header .con .right .mobile-btn .nav-button.active div span.center-hr {
    display: none;
  }
  .header .con .right .mobile-btn .nav-button.active div span.top-hr {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  .header .con .right .mobile-btn .nav-button.active div span.bottom-hr {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }
  .footer {
    border-top: 6px solid #c9151e;
  }
  .footer .f-t .footer-top {
    display: block;
    border-bottom: none;
  }
  .footer .f-t .footer-top .right {
    margin-top: 30px;
  }
  .footer .f-t .footer-top .right ul {
    justify-content: center;
  }
  .footer .f-t .footer-top .right ul li:not(:last-child) {
    margin-right: 14px;
  }
  .footer .f-t .footer-middle {
    padding: 10px 0 20px;
  }
  .footer .f-t .footer-middle .left {
    display: none;
  }
  .footer .f-t .footer-middle .right {
    width: 100%;
    display: block;
  }
  .footer .f-t .footer-middle .right .nav > ul {
    display: block;
    margin-right: 0;
  }
  .footer .f-t .footer-middle .right .nav > ul > li {
    margin-right: 0;
  }
  .footer .f-t .footer-middle .right .nav > ul > li h2 {
    padding-bottom: 10px;
  }
  .footer .f-t .footer-middle .right .nav > ul > li ul {
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
  }
  .footer .f-t .footer-middle .right .nav > ul > li ul li {
    margin-top: 10px;
    margin-right: 10px;
  }
  .footer .f-t .footer-middle .right .nav > ul > li:not(:first-child) {
    margin-top: 20px;
  }
  .footer .f-t .footer-middle .right .contact {
    margin-top: 20px;
    text-align: center;
  }
  .footer .f-b {
    padding: 20px 0;
  }
  .inner-banner .text .logo img {
    height: 36px;
  }
  #videoPopup .video-box {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
    .nav3>div {
    margin-bottom: 10px;
}
.nav3_name{
    font-size: 14px;
}
.nav3 {
    margin-top: 15px;
}
    .nav3_des{
        font-size: 14px;
        margin-top: 0;
    }
    .header .con .nav > ul > li h2 a{
        font-size: 18px;
    }
    .nav2_name{
        font-size: 16px;
    }
    .footer .f-t .footer-middle .right .contact{
        display: none;
    }
  .s-title h2 {
    letter-spacing: 0;
  }
  .s-title h3 {
    margin-top: 10px;
  }
  .s-title h3 a {
    display: block;
    letter-spacing: 0;
    margin-left: 0;
    margin-top: 6px;
  }
  .header .con .logo a {
    height: 60px;
  }
  .header .con .logo img {
    width: 140px;
  }
  .header .con .nav {
    top: 60px;
  }
  .header .con .right .search span {
    top: 0;
  }
  .header .con .right .lang h2 {
    line-height: 60px;
  }
  .header .con .right .lang ul {
    top: 60px;
  }
  .header .con .right .mobile-btn {
    height: 60px;
  }
  .header .search-list .search-box .search-center span {
    font-size: 18px;
  }
  .footer .f-t .footer-top {
    padding: 20px 0;
  }
  .footer .f-t .footer-top .left {
    display: block;
  }
  .footer .f-t .footer-top .left h2 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    top: 0;
  }
  .footer .f-t .footer-top .left ul {
    margin-top: 10px;
    justify-content: center;
  }
  .footer .f-t .footer-top .left ul li a {
    padding: 4px 10px;
  }
  .inner-banner {
    margin-top: 60px;
    height: 300px;
  }
  .inner-banner .text h4 {
    margin-top: 10px;
  }
  .inner-banner .text h5 span {
    font-size: 16px;
  }
  .inner-banner .text p {
    margin-top: 10px;
  }
  .inner-banner .text .btns {
    margin-top: 20px;
  }
  .inner-banner .text .btns .download {
    margin-right: 10px;
  }
  .inner-banner .text .btns a {
    width: 120px;
    height: 36px;
  }
  .sub-nav ul li {
    margin-right: 20px;
  }
  .sub-nav ul li:after {
    max-width: 60px;
  }
  .sub-nav ul li:hover:after {
    width: 0;
  }
  .sub-nav ul li:hover a {
    color: #666;
  }
  .n-title h2:after {
    width: 30px;
    height: 3px;
  }
  .n-prev {
    width: 14px;
    height: 18px;
  }
  .n-next {
    width: 14px;
    height: 18px;
  }
  .banner_href a {
    height: 54px;
    padding: 0 20px;
  }
  .inner-banner .text .inlet a{
    height: 46px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
  }
  .inner-banner .text .inlet a::before{
    margin-right: 6px;
  }
  /*侧导航弹窗开始*/
  .query,.result1,.result2{
    width: 90%;
 }
 .query .form-item input{
    height: 36px;
}
.query .btns>button,
.result1 .btns>button,
.result2 .btns>button{
    height: 36px;
    line-height: 36px;
    
}
.query-tit{
    line-height: 2.8;
}
.result2 .img {
    width: 64px;
}
.side_nav{
    height: 40px;
  display: flex;
  align-items: center;
  right: -60px;
  transition: all 0.5s;
  bottom: inherit;
  top: 50%;
  transform: translateY(-50%);
}
.side_act{
     height: auto;
  right: 20px;
}
.phone_sidebtn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-right: 20px;
}
.cover input{
    font-size: 12px !important;
    padding: 0 10px !important;
}
  /*侧导航弹窗结束*/
}