:root {
  --max1600: 1600px;
  --max1200: 1200px;
  --topmargin70: 70px;
  --topmargin50: 50px;
  --font60: 60px;
  --font36: 36px;
  --font22: 22px;
  --font18: 18px;
  --font16: 16px;
  --font14: 14px;
}

body {
  padding-top: 100px;
}

.hertre {
  width: 100%;
  z-index: 999;
  height: 100px;
  position: fixed;
  background: #fff;
  top: 0;
  box-shadow: 0px 0px 5px 2px rgb(0,0,0,0.2);
}

.hertre_cen {
  width: var(--max1600);
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.logo {
  width: 180px;
  overflow: hidden;

}

.logo img {
  width: 100%;
  height: auto;
}

.nav {
  width: max-content;
  overflow: hidden;
}

.nav ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.nav ul li {
  font-size: var(--font16);
  color: #333333;
  text-align: center;
  position: relative;
  margin-left: 4vw;
}


.nav ul li.nav_cen {
  font-weight: 900;
}

.nav ul li:hover {
  font-weight: 900;
}

.an {
  width: 60px;
  height: 60px;
  display: none;
  position: absolute;
  right: 0%;
  top: 5px;
  transition: all 0.5s;
  z-index: 99;
}


.container {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
}

svg {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.active svg {
  transform: rotate(90deg);
}

path {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

path:nth-child(1) {
  transform-origin: 36% 40%;
}

path:nth-child(2) {
  stroke-dasharray: 29 299;
}

path:nth-child(3) {
  transform-origin: 35% 63%;
}

path:nth-child(4) {
  stroke-dasharray: 29 299;
}

path:nth-child(5) {
  transform-origin: 61% 52%;
}

path:nth-child(6) {
  transform-origin: 62% 52%;
}

.active path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}

.active path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}

.active path:nth-child(3) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}

.active path:nth-child(5) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(6) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}

.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.banner .swiper-pagination {
  bottom: 30px !important;
}


.mySwiper .swiper-pagination {
  bottom: 10px !important;
}

.mySwiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 1;
  border-radius: 116.29px;
  background: rgba(255, 255, 255, 0.5);
}

.mySwiper .swiper-pagination-bullet-active {
  width: 18px;
  height: 8px;
  opacity: 1;
  border-radius: 116.29px;
  background: white;
}

.banner_text {
  width: 170px;
  line-height: 50px;
  background: #e71616;
  text-align: center;
  font-size: var(--font22);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.dzfu{
  width: var(--max1600);
  overflow: hidden;
  margin: var(--topmargin70) auto;
}
.gg{
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: var(--font36);
  text-align: center;
  color: #333333;
  line-height: 1;
  font-weight: 900;
}
.gg::after{
  content: "";
  width: calc(50% - 150px);
  height: 1px;
  background: #dddddd;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}
.gg::before{
  content: "";
  width: calc(50% - 150px);
  height: 1px;
  background: #dddddd;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}
.gg_p{
  width: 560px;
  max-width: 100%;
  font-size: var(--font16);
  color: #333333;
  line-height: 24px;
  text-align: center;
  margin: auto;
  margin-top: 10px;
}
.dzfu ul{
  width: 1200px;
  max-width: 100%;
  overflow: hidden;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.dzfu ul li{
  width: 30%;
  overflow: hidden;
  margin-left: 5%;
  margin-top: var(--topmargin50);
}
.dzfu ul li:nth-child(3n+1){
  margin-left: 0%;
}
.dzfu ul li:hover{
  transform: translateY(-20PX);
}
.dzfu ul li img{
  width: 100%;
  aspect-ratio: 4 / 2.5;
  object-fit: cover;
}
.dzfu ul li h1{
  font-size: var(--font22);
  color: #333333;
  font-weight: 900;
  margin-top: 15px;
}
.dzfu ul li p{
  font-size: var(--font16);
  color: #333333;
  line-height: 24px;
  margin-top: 10px;
}
.hezuo{
  width: 100%;
  overflow: hidden;
  background-image: url(../images/beijing_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.hezuo_max{
  width: var(--max1600);
  overflow: hidden;
  margin: var(--topmargin70) auto;
}
.hezuo_max ul{
  width: 100%;
  overflow: hidden;
  margin-top: var(--topmargin50);
}
.hezuo_max ul li,
.hezuo_max ul li a{
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.hezuo_max ul li:nth-child(2n) a{
  flex-direction: row-reverse;
}
.hezuo_max ul li img{
  width: 50%;
  aspect-ratio: 4 / 3;
}
.hezuo_text{
  width: 50%;
  overflow: hidden;
  padding: 0 7vw;
}
.hezuo_text h1{
  font-size: var(--font22);
  color: #333333;
  font-weight: 900;
}
.hezuo_text p{
  font-size: var(--font16);
  color: #333333;
  line-height: 30px;
  margin-top: 15px;
}
.jiaru{
  width: var(--max1600);
  overflow: hidden;
  margin: var(--topmargin70) auto;
}
.jiaru h1{
  text-align: center;
  font-size: var(--font36);
  color: #333333;
  font-weight: 900;
}
.jiaru_max{
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--topmargin50);
}
.jiaru_max img{
  width: 50%;
  height: auto;
}
.jiaru_max form{
  width: calc(50% - 7vw);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.jiaru_max form input{
  width: calc(50% - 10px);
  height: 40px;
  border: 1px solid #dddddd;
  font-size: var(--font14);
  color: #666666;
  padding: 0 10px;
  margin-bottom: 20px;
}
.jiaru_max form input:nth-child(5){
  width: 100%;
}
.jiaru_max form input.submit{
  width: 120px;
  height: 40px;
  background: #000;
  display: block;
  margin: 0 auto;
  font-size: var(--font14);
  color: #fff;
  border: none;
  margin-top: 10px;
}
.zyzfu{
  width: var(--max1600);
  overflow: hidden;
  margin: var(--topmargin70) auto;
  background-image: url(../images/beining_03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: var(--topmargin70) 0;
}
.zyzfu>h1{
  text-align: center;
  color: #333333;
  font-size: var(--font36);
  font-weight: 900;
}
.zyzfu ul{
  width: var(--max1200);
  overflow: hidden;
  margin: auto;
  margin-top: var(--topmargin70);
  display: flex;
  flex-wrap: wrap;
  
}
.zyzfu ul li{
  width: 28%;
  overflow: hidden;
  margin-left: 8%;
  overflow: hidden;
}
.zyzfu ul li:nth-child(3n+1){
  margin-left: 0%;
}
.zyzfu ul li>img{
  width: 100%;
  aspect-ratio: 4 / 2.5;
  object-fit: cover;
}
.zyzfu ul li h1{
  text-align: center;
  font-size: var(--font18);
  color: #333333;
  margin-top: 20px;
  font-weight: 900;
}
.linian{
  width: var(--max1600);
  overflow: hidden;
  margin: var(--topmargin70) auto;
}
.linian>h1{
  text-align: center;
  color: #333333;
  font-size: var(--font36);
  font-weight: 900;
}
.linian ul{
  width: 100%;
  overflow: hidden;
  margin-top: var(--topmargin50);
}
.linian ul li{
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
}
.linian_top{
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.linian_top h1{
  width: calc(100% - 40px);
  font-size: var(--font18);
  color: #333333;
}
.linian_text{
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: var(--font14);
  color: #333333;
  line-height: 24px;
  display: none;
  transition: auto;
}
.bida{
  width: 100%;
  overflow: hidden;
  background: #eae9e8;
}
.bida ul{
  width: var(--max1600);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto;
}
.bida ul li{
  font-size: var(--font18);
  color: #333333;
  margin: 0 30px;
}
.bida ul li.bida_nav{
  font-weight: 900;
}
.cp{
  width: var(--max1600);
  margin: var(--topmargin50) auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.cp_l{
  width: 250px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 2px rgb(0,0,0,0.1);
}
.cp_top{
  width: 100%;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #000;
}
.cp_top img{
  max-width: 100px;
  max-height: 45px;
}
.cp_top h1{
  font-size: var(--font18);
  color: #fff;
  margin-left: 10px;
  font-weight: 900;
}
.cp_l ul{
  width: 100%;
  overflow: hidden;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cp_l ul li{
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dashed #eaeaea;
  font-size: var(--font16);
  color: #000000;
  line-height: 70px;
  text-align: center;
}
.cp_l ul li.cp_nav{
  font-weight: 900;
}
.cp_r{
  width: calc(100% - 290px);
}
.cp_r ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cp_r ul li{
  width: 32%;
  overflow: hidden;
  margin-left: 2%;
  margin-bottom: 30px;
  box-shadow: 0px 0px 5px 2px rgb(0,0,0,0.1);
  padding: 20px;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.cp_r ul li:hover{
  border: 1px solid #000;
}
.cp_r ul li:nth-child(3n+1){
  margin-left: 0%;
}
.cp_img{
  width: 100%;
  aspect-ratio: 4 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cp_img img{
  max-height: 80%;
  max-width: 80%;
}
.cp_r ul li h1{
  text-align: center;
  font-size: var(--font16);
  color: #0a0b0c;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.cp_r ul li p{
  text-align: center;
  font-size: var(--font14);
  color: #666666;
  margin-top: 10px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.cp_r_top{
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.cp_r_img{
  width: 400px;
  aspect-ratio: 4 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
}
.cp_r_img img{
  max-width: 70%;
  max-height: 70%;
}
.cp_r_text{
  width: calc(100% - 460px);
  overflow: hidden;
}
.cp_r_text h1{
  font-size: var(--font22);
  color: #000;
  font-weight: 900;
}
.cp_r_text p{
  font-size: var(--font16);
  color: #666666;
  margin-top: 20px;
}
.cp_r>h1{
  width: 100px;
  line-height: 40px;
  text-align: center;
  background: #000;
  font-size: 12px;
  color: #fff;
  border-radius: 40px;
  margin-top: var(--topmargin70);
}
.cp_text{
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  font-size: var(--font14);
  color: #000;
  line-height: 24px;
}

.linian ul>p{
  font-size: var(--font22);
  color: #000000;
}
.xunhuan{
  width: var(--max1600);
  margin: auto;
  margin-bottom: var(--topmargin70);
}
.xunhuan h1{
  font-size: var(--font22);
  color: #000000;
}
.xunhuan ul{
  width: 1200px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.xunhuan ul li{
  width: 32%;
  overflow: hidden;
  margin-left: 2%;
  margin-top: 30px;
  box-shadow: 0px 0px 5px 2px rgb(0,0,0,0.1);
  padding: 20px;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.xunhuan ul li:hover{
  border: 1px solid #000;
}
.xunhuan ul li:nth-child(3n+1){
  margin-left: 0%;
}
.xunhuan ul li h1{
  text-align: center;
  font-size: var(--font16);
  color: #0a0b0c;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.xunhuan ul li p{
  text-align: center;
  font-size: var(--font14);
  color: #666666;
  margin-top: 10px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.w1200{
  width: var(--max1200);
  background: none;
}
.moli{
  width: var(--max1200);
  outline-color: honeydew;
  margin: auto;
  margin-top: var(--topmargin70);
}
.moli p{
  margin-top: 30px;
  width: 100%;
  text-align: left;
}
.moli span{
  display: block;
  text-align: center;
  font-size: 12px;
  color: #161c20;
  margin-top: 10px;
}
.lx{
  width: var(--max1200);
  outline-color: honeydew;
  margin: auto;
  margin: var(--topmargin70) auto;
}
.lx>h1{
  text-align: center;
  font-size: var(--font36);
  color: #000;
  font-weight: bold;
}
.lx ul{
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: var(--topmargin70);
}
.lx ul li{
  width: 230px;
  overflow: hidden;
}
.lx_img{
  width: 75px;
  height: 75px;
  background: #333333;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;  
  margin: auto;
}
.lx_img img{
  max-width: 30px;
  max-height: 30px;
}
.lx ul li h1{
  font-size: var(--font18);
  color: #333333;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
}
.page{
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page .active,
.page .total{
  font-size: 12px;
  color: #000;
  margin: 0 7px;
}
.shwo{
  width: var(--max1200);
  overflow: hidden;
  margin: var(--topmargin70) auto;
}
.shwo>h1{
  text-align: center;
  font-size: var(--font36);
  color: #000;
  font-weight: 900;
}
.shwo>p{
  text-align: center;
  font-size: 12px;
  color: #999999;
  margin-top: 15px;
}
.shwo_text{
  width: 100%;
  overflow: hidden;
  font-size: var(--font16);
  color: #333333;
  line-height: 30px;
  margin-top: var(--topmargin50);
}
.shwo_text img{
  max-width: 100%;
  height: auto;
  margin: auto;
}
.gy_in{
  width: var(--max1600);
  overflow: hidden;
  margin: auto;
  position: relative;
}
.gy_in img{
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 300px;
}
.gy_in:hover img{
  transform: scale(1.2);
}
.gy_text {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 5vw;
  left: 0;
  padding: 0 3vw;
}
.gy_text h1{
  font-size: var(--font60);
  color: #000;
}
.gy_text p{
  font-size: var(--font18);
  color: #161c20;
  margin-top: 1vw;
  font-weight: 900;
}
.gy_text  a{
  width: max-content;
  padding: 0 2.5vw;
    line-height: 40px;
    background: #e71616;
    text-align: center;
    font-size: var(--font16);
    color: #fff;
    display: block;
    margin-top: 30px;
}
.in_xw{
  width: var(--max1600);
  overflow: hidden;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.in_xw_l{
  width: 600px;
  height: 470px;
  overflow: hidden;
  position: relative;
}
.in_xw_l img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.in_xw_l:hover img{
  transform: scale(1.2);
}
.in_xw_text {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 2vw;
  left: 0;
  padding: 0 5vw;
}
.in_xw_text h1{
  font-size: var(--font36);
  color: #fff;
}
.in_xw_text p{
  font-size: var(--font18);
  color: #fff;
  margin-top: 1vw;
  font-weight: 900;
}
.in_xw_text  a{
  width: max-content;
  padding: 0 2.5vw;
    line-height: 40px;
    background: #e71616;
    text-align: center;
    font-size: var(--font16);
    color: #fff;
    display: block;
    margin-top: 30px;
}
.in_xw_r{
  width: calc(100% - 650px);
  height: 470px;
  overflow: hidden;
  position: relative;
}
.in_xw_r img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.in_xw_r:hover img{
  transform: scale(1.2);
}


.cl_in{
  width: var(--max1600);
  overflow: hidden;
  margin: auto;
  position: relative;
}
.cl_in img{
  width: 100%;
  height: auto;
  min-height: 300px;
  object-fit: cover;
}
.cl_in:hover img{
  transform: scale(1.2);
}
.cl_in_text {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 2vw;
  left: 0;
  padding: 0 5vw;
}
.cl_in_text h1{
  font-size: var(--font36);
  color: #fff;
}
.cl_in_text  a{
  width: max-content;
  padding: 0 2.5vw;
    line-height: 40px;
    background: #e71616;
    text-align: center;
    font-size: var(--font16);
    color: #fff;
    display: block;
    margin-top: 30px;
}
.icona{
  width: 50px;
  height: 50px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.icona img{
  max-width: 30px;
  max-height: 30px;
}
.zyzfu_in ul li a>img{
  margin-top: 40px;
}
.xsz{
  width: var(--max1600);
  margin: var(--topmargin50) auto;
}

.xsz ul{
  width: var(--max1200);
  max-width: 100%;
  margin: auto;
  margin-top: var(--topmargin50);
  display: flex;
  flex-wrap: wrap;
}
.xsz ul li{
  width: calc(25%  - 15px);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin-left: 20px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 5px 5px 1px rgb(0,0,0,0.2);
}
.xsz ul li:nth-child(4n+1){
  margin-left: 0px;
}
.xsz ul li img{
  max-height: 70%;
  max-width: 70%;
}
.xsz ul li:hover img{
  transform: scale(1.2);
}
.footer{
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer_max{
  width: var(--max1200);
  margin: var(--topmargin50) auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.footer_form{
  width: 300px;
  overflow: hidden;
  display: block;
}
.footer_max h1{
  font-size: var(--font22);
  color: #ffffff;
  line-height: 1;
}
.footer_form form{
  width: 100%;
  margin-top: 30px;
  display: block;
}

.footer_form input{
  width: 100%;
  height: 40px;
  border: 1px solid #333333;
  background: #a7a7a7;
  font-size: 12px;
  color: #ffffff;
  padding: 10px;
  display: block;
  margin-top: 10px;
}
.footer_form textarea{
  width: 100%;
  height: 100px;
  border: 1px solid #333333;
  background: #a7a7a7;
  font-size: 12px;
  color: #ffffff;
  padding: 10px;
  display: block;
  margin-top: 10px;
  font-family: "微软雅黑";
}
.footer_form input.submit{
  background: #000000;
  border: none;
  color: #fff;
  padding: 0;
}
.layui-layer{
  transition: auto;
}
.footer_max>ul{
  width: max-content;
  overflow: hidden;
  margin: 0 5vw;
}
.footer_max>ul h1{
  width: 100%;
  font-size: var(--font22);
  color: #ffffff;
  line-height: 1;
}
.footer_max>ul>li{
  font-size: var(--font16);
  color: #ffffff;
  margin-top: 30px;
  line-height: 1;
}
.shwjiao{
  width: max-content;
}
.shwjiao h1{
  font-size: var(--font22);
  color: #ffffff;
  line-height: 1;
}
.shwjiao ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.shwjiao ul li{
  width: 40px;
  height: 40px;
  margin-right: 15px;
  position: relative;
}
.shwjiao ul li>img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.shwjiao_img{
  width: 120px;
  overflow: hidden;
  background: #fff;
  padding: 10px;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.shwjiao_img img{
  width: 100%;
  height: auto;
}
.shwjiao ul li:hover .shwjiao_img{
  display: block;
}
.beian{
  width: 100%;
  overflow: hidden;
  border-top: 2px solid #fff;
  font-size: var(--font16);
  color: #ffffff;
  padding: 2vw;
  text-align: center;
}