@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {font-size: 14px;font-family: "SourceHanSansCN-Regular";font-style:normal; color:#000;font-weight: 400;overflow-x: hidden;}

/* 基本滚动条样式 */
::-webkit-scrollbar {width:10px;height:10px;}
/* 滚动条轨道 */
::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #fb5039;border-radius: 10px;}
/* 滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {background: #fb5039;}
/* Firefox滚动条样式 */
html {
  scrollbar-width: thin; /* auto | thin | none */
  scrollbar-color: #fb5039 #f1f1f1; /* 滑块颜色 轨道颜色 */
}

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url(https://jianzhan-fe.cdn.bcebos.com/font-v2/SourceHanSansCN-Regular.woff2), url(https://jianzhan-fe.cdn.bcebos.com/font/SourceHanSansCN-Regular.otf);
    font-display: swap;
}

a {text-decoration: none; color:#000;transition: all 0.3s ease;}
a:hover {color: #fb5039;text-decoration: none !important;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
button:focus{border:0; outline:0;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
img{transition: all 0.5s ease;}
.cont{width: 1560px;margin: 0 auto;max-width: 90%;}

.all{width: 100%;position: relative;z-index: 9;background:#f7f7f7;}

/*banner*/
.in-banner{width: 100%;overflow: hidden;height:100vh;position: relative;}
.in-banner video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.in-banner .in-banner-c{width: 100%;height: 100%;}
.in-banner .mySwiper{position: relative;overflow: hidden;width: 100%;height: 100%;}
.in-banner .mySwiper .swiper-slide{width: 100%;height: 100%;background-size: cover;background-position: center;position: relative;}
.banner-gradient-mask {position: absolute;bottom: 0;left: 0;width: 100%;height: 70%;background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);opacity: 0;transition: opacity 0.5s ease;z-index:99;}
.in-ban-text{width: 100%;position: absolute;top:50%;transform: translateY(-50%);left: 0;text-align: center;z-index:2;}
.in-ban-text h2{font-size:42px;color: #fff;margin: 0;font-weight: bold;}
.in-ban-text p{font-size:20px;color: #fff;line-height:60px;font-weight: bold;}
.in-ban-sb{width: 100%;position: absolute;text-align: center;bottom:4vw;z-index: 9;}
.in-ban-sb img{}
.bouncing-image {
  width: auto;
  height: 40px;
  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}


.in-banner .mySwiper .swiper-button-next:after,.in-banner .mySwiper .swiper-button-prev:after{color: #fff;font-size: 30px;opacity: 1;}
.in-banner .mySwiper .swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: all;}
.in-banner .mySwiper .swiper-button-prev{left: 0px;top: 55%;}
.in-banner .mySwiper .swiper-button-next{right: auto;left: 70px;top: 55%;}

.in-banner .mySwiper .swiper-pagination{text-align: left;bottom: 100px;}
.in-banner .mySwiper .swiper-pagination .swiper-pagination-bullet{width: 70px;height: 2px;background:rgba(255,255,255,0.7);opacity:1;margin: 0 8px;}
.in-banner .mySwiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background: #fff;}



/* 播放按钮样式 */
.play-button {
    width:40px;
    height:40px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    border: 2px solid white;
}
#playButton {
        display: none;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99999;
        cursor: pointer;
    }
/*banner-end*/

/*index*/
.in-title{text-align:center;padding:70px 0;font-size: 30px;font-weight: bold;color: #000;text-align: center;}


.in-fuwu{width: 100%;background: url(../images/index_02.jpg) no-repeat center;background-size: cover;background-attachment: fixed;height: 100vh;position: relative;}
.in-fuwu .in-title{width: 100%;text-align: center;position: relative;z-index: 9;}
.in-fuwu-box{position: absolute;width: 100%;left: 0;bottom: 0;height: 100%;}
.in-fuwu .mySwiper2{width: 100%;height: 100%;overflow: hidden;}
.in-fuwu .swiper-slide a{display: block;position: relative;width: 100%;height: 100%;z-index: 1;}
.in-fuwu .swiper-slide a figure{width: 100%;height:100vh;position: absolute;bottom:-50%;left: 0;opacity: 0;
transition: all 0.5s ease;}
.in-fuwu .swiper-slide a figure img{width: 100%;height: 100%;object-fit: cover;}
.in-fuwu-p{z-index: 9;position: relative;}
.in-fuwu-p{position: absolute;bottom:1vw;text-align: center;transition: all 0.5s ease;}
.in-fuwu-text span{display: block;margin: 0 auto;width: 58px;height: 58px;}
.in-fuwu-text span.sp1{background: url(../images/index_04.png) no-repeat top center;}
.in-fuwu-text span.sp2{background: url(../images/index_05.png) no-repeat top center;}
.in-fuwu-text span.sp3{background: url(../images/index_06.png) no-repeat top center;}
.in-fuwu-text span.sp4{background: url(../images/index_07.png) no-repeat top center;}
.in-fuwu-text span.sp5{background: url(../images/index_08.png) no-repeat top center;}
.in-fuwu-text h3{margin:50px 0 30px;color: #000;font-size: 24px;font-weight: bold;opacity: 1;}
.in-fuwu-text p{font-size: 16px;color: #fff;line-height: 30px;padding: 0 3vw;opacity: 0;height:120px;}
.in-fuwu .in-fuwu-text:hover figure{bottom: 0;opacity: 1;}
.in-fuwu .in-fuwu-text:hover span.sp1{background-position: 0 -160px;}
.in-fuwu .in-fuwu-text:hover span.sp2{background-position: 0 -160px;}
.in-fuwu .in-fuwu-text:hover span.sp3{background-position: 0 -160px;}
.in-fuwu .in-fuwu-text:hover span.sp4{background-position: 0 -160px;}
.in-fuwu .in-fuwu-text:hover span.sp5{background-position: 0 -160px;}
.in-fuwu .in-fuwu-text:hover .in-fuwu-p{bottom:5vw;}
.in-fuwu .in-fuwu-text:hover .in-fuwu-p h3{opacity: 1;color:#fff;}
.in-fuwu .in-fuwu-text:hover .in-fuwu-p p{opacity: 1;}

.in-cp .in-title{text-align: left;}
.in-cp{position: relative;height: 100vh;width: 100%;}
.in-cp-l{position: absolute;top: 0;left:8vw;width:59%;z-index: 9;}
.in-cp .mySwiper3{width:100%;padding-left: 18vw;height:621px;}
.in-cp .mySwiper3 .swiper-slide{position: relative;padding-right: 5vw;height: 200px !important;z-index: 9;cursor: pointer;}
.in-cp .mySwiper3 .swiper-slide::after{content: '';position: absolute;top: 0;left:-18%;height: 100%;background:#fff;transition: all 0.5s ease;width: 0;opacity: 0;}
.in-cp .mySwiper3 .swiper-slide:hover::after{width:110%;opacity: 1;}
.in-cp .mySwiper3 .swiper-slide a{display: flex;justify-content: space-between;align-items: center;width:340px;
position: relative;z-index: 1;height: 100%;}
.in-cp .mySwiper3 .swiper-slide.active::after{width:110%;opacity: 1;}
.in-cp .mySwiper3 .swiper-slide.active .in-cp-text{display: block;}
.in-cp .mySwiper3 .swiper-slide.active .in-cp-i{margin-right: -80%;}
.in-cp .mySwiper3 .swiper-slide.active .in-cp-i img{height: 117px;}

.in-cp .mySwiper3 .in-cp-text{width: 480px;}
.in-cp .mySwiper3 .in-cp-text h3{font-size: 24px;margin: 0;font-weight: bold;}
.in-cp .mySwiper3 .in-cp-text p{font-size: 16px;color: #666;line-height: 30px;margin:10px 0 0;display: none;transition: all 0.5s;}

.in-cp .mySwiper3 .swiper-slide:hover .in-cp-text p{display: block;}
.in-cp .mySwiper3 .swiper-slide:hover .in-cp-i{margin-right: -80%;}
.in-cp .mySwiper3 .swiper-slide:hover .in-cp-i img{height: 117px;}
.in-cp .mySwiper3 .swiper-pagination-lock{display: block;}

.in-cp .mySwiper3 .in-cp-ico img{height: 52px;margin-left: -80px;}
.in-cp .mySwiper3 .in-cp-i{width: 130px;text-align: center;}
.in-cp .mySwiper3 .in-cp-i img{height: 87px;}
.in-cp .mySwiper3 .swiper-button-next,.in-cp .mySwiper3 .swiper-button-prev{
  width: 52px;height: 52px;border-radius: 50%;border: 1px solid #c6c6c6;line-height: 52px;
  transition: all 0.5s;
}
.in-cp .mySwiper3 .swiper-button-next:after,.in-cp .mySwiper3 .swiper-button-prev:after{
  color: #666;font-size: 18px;transition: all 0.5s;
}
.in-cp .mySwiper3 .swiper-button-next:after{transform: rotateZ(90deg);}
.in-cp .mySwiper3 .swiper-button-prev:after{transform: rotateZ(90deg);}
.in-cp .mySwiper3 .swiper-button-prev{left:10px;top: 35%;}
.in-cp .mySwiper3 .swiper-button-next{left:10px;right: auto;top:70%;}
.in-cp .mySwiper3 .swiper-pagination{font-size: 16px;color: #666;text-align: center;top: 50%;width:70px;
height: 50px;}
.in-cp .mySwiper3 .swiper-button-next:hover{background: #fb5039;}
.in-cp .mySwiper3 .swiper-button-next:hover:after{color: #fff;}
.in-cp .mySwiper3 .swiper-button-prev:hover{background: #fb5039;}
.in-cp .mySwiper3 .swiper-button-prev:hover:after{color: #fff;}
.in-cp .mySwiper3 .swiper-pagination-current{font-size: 24px;color: #000;}
.in-cp .in-cp-r{width: 50%;height: 100vh;position: absolute;right:0;top: 0;overflow: hidden;}
.in-cp .in-cp-r img{width: 100%;transition: all 1s;}
.in-cp .in-cp-r:hover img{transform: scale(1.05);}
.in-cp-box-en .in-cp .mySwiper3 .in-cp-text h3 {font-size:22px;}

.in-dzcp{width: 100%;}
.in-dzcp ul{display: flex;justify-content: space-between;align-items: flex-start;}
.in-dzcp ul li{width: 50%;overflow: hidden;position: relative;}
.in-dzcp ul li .img-bj{width: 100%;overflow: hidden;}
.in-dzcp ul li .img-bj img{width: 100%;transition: all 1s ease;}
.in-dzcp ul li:hover .img-bj img{transform: scale(1.05);}
.in-dzcp-tit{position: absolute;top: 50%;transform: translateY(-50%);width:80%;text-align: center;z-index: 9;left: 10%;border-top: 1px solid rgba(255,255,255,0.3);display: flex;justify-content: space-between;    align-items: center;padding-top: 20px;transition: all 0.8s;}
.in-dzcp-tit span{font-size: 18px;color: #fff;}
.in-dzcp-tit h3{margin: 0;font-size: 24px;font-weight:500;color: #fff;}
.in-dzcp-tex{width:250px;left: 10%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;opacity: 0;transition: all 0.5s;}
.in-dzcp-tex span{font-size: 18px;color: #fff;}
.in-dzcp-tex i{display: block;width: 40px;height: 4px;background: #fb5039;margin: 20px 0;}
.in-dzcp-tex h3{margin: 0;font-size: 24px;font-weight:500;color: #fff;}
.in-dzcp-tex p{font-size: 16px;color: #fff;line-height: 30px;margin:50px 0 0;}
.in-dzcp ul li:hover .in-dzcp-tex{opacity: 1;}
.in-dzcp ul li:hover .in-dzcp-tit{opacity: 0;}

.in-qqbj{padding-bottom: 80px;}
.in-qqbj-dt{width: 100%;position: relative;background: url(../images/index_18.png) no-repeat center;height: 687px;background-size: auto 100%;}
.in-qqbj-dt .dt-tex{position: absolute;}
.in-qqbj-dt .dt-tex p{font-size: 17px;color: #000;margin: 0;}
.in-qqbj-dt .dt-tex span{border-radius: 50%;position: absolute;width:6px;height:6px;background: #fff;}
.in-qqbj-dt .dt-tex span::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:15px;
  height:15px;
  border-radius: 50%;
  border: 5px solid #0070c0;
  animation: breath 2s infinite ease-in-out;
}

@keyframes breath {
  0% {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%,-50%) scale(1.5);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
  }
}
.in-qqbj-dt .dt-1{top: 34%;right: 23%;text-align: center;}
.in-qqbj-dt .dt-2{right: 19.6%;top: 44.5%;}
.in-qqbj-dt .dt-3{right: 21.6%;top: 67%;}
.in-qqbj-dt .dt-4{right: 34.6%;top: 31.6%;text-align: center;}
.in-qqbj-dt .dt-5{right: 39.2%;top: 50.6%;text-align: center;}
.in-qqbj-dt .dt-6{right: 43%;top: 67%;text-align: center;}
.in-qqbj-dt .dt-7{right: 52.4%;top: 31.5%;text-align: center;}
.in-qqbj-dt .dt-8{right: 67.4%;top: 37%;}
.in-qqbj-dt .dt-9{right: 68.5%;top: 42%;}
.in-qqbj-dt .dt-10{right: 68.3%;top: 46.5%;}
.in-qqbj-dt .dt-11{right: 74%;top: 40.5%;}
.in-qqbj-dt .dt-12{right: 80.5%;top: 34.3%;text-align: center;}
.in-qqbj-dt .dt-13{right: 79.4%;top: 44%;text-align: center;}
.in-qqbj-dt .dt-14{right: 67.4%;top: 67%;}
.in-qqbj-dt .dt-11.dt-flex{justify-content:right;}
.in-qqbj-dt .dt-11 p{margin-right: 20px;margin-left: 0;}
.in-qqbj-dt .dt-4 p,.in-qqbj-dt .dt-5 p,.in-qqbj-dt .dt-6 p,.in-qqbj-dt .dt-7 p,.in-qqbj-dt .dt-13 p{margin-top: 12px;}
.in-qqbj-dt .dt-12 p{margin-bottom: 12px;}
.in-qqbj-dt .dt-1 span{}
.in-qqbj-dt .dt-1 span::after{border: 5px solid #fb5039;animation: breath 2s infinite ease-in-out;}
.in-qqbj-dt .dt-1 p{margin-bottom: 12px;}
.in-qqbj-dt .dt-flex{display: flex;justify-content: left;align-items: center;}
.in-qqbj-dt .dt-flex p{margin-left: 20px;}
.in-qqbj-dt .dt-green span::after{border: 5px solid #176854;animation: breath 2s infinite ease-in-out;}
.in-qqbj-btn{}
.in-qqbj-btn div{display: flex;justify-content: left;align-items: center;margin-bottom: 15px;}
.in-qqbj-btn div span{border-radius: 50%;width:6px;height:6px;background: #fff;position: relative;}
.in-qqbj-btn div span::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:15px;
  height:15px;
  border-radius: 50%;
  border: 5px solid #fb5039;
}
.in-qqbj-btn div p{margin-bottom: 0;margin-left: 12px;font-size: 16px;color: #333;}
.in-qqbj-btn .in-qqbj-blue span::after{border: 5px solid #0070c0;}
.in-qqbj-btn .in-qqbj-green span::after{border: 5px solid #176854;}

.in-slogan{width: 100%;background: url(../images/index_19.jpg) no-repeat center;background-attachment: fixed;padding: 250px 0;margin-bottom: 458px;background-size: cover;}
.in-slogan-box{text-align: center;}
.in-slogan-box h3{font-size: 30px;font-weight: bold;color: #fff;margin: 0 0 20px;}
.in-slogan-box span{display:block;width:40px;height:4px;background:#fff;margin: 14px auto;}
.in-slogan-box p{color: #fff;margin: 0;line-height: 35px;font-size:20px;}


/*footer*/
.footer{background: #2c2c2c;bottom: 0;left: 0;position: fixed;width: 100%;z-index: 1;}
.foot-box{width: 100%;padding: 0 3vw;}
.foot-con{display: flex;justify-content: space-between;align-items: center;padding-top: 85px;padding-bottom: 85px;}
.foot-con .foot-l{}
.foot-con .foot-r{width: 125px;text-align: center;}
.foot-con .foot-r img{width: 100%;}
.foot-con .foot-r p{color:#fff;font-size:14px;margin-top: 10px;}
.foot-lxfs{display: flex;justify-content: left;align-items: center;font-size: 16px;margin: 30px 0;font-family: "SourceHanSansCN-Regular";}
.foot-lxfs span{display:inline-block;width:10px;height:10px;border: 1px solid #fb5039;border-radius: 50%;margin-right:10px;}
.foot-lxfs .foot-nr{color: #fff;opacity: 0.8;text-align: justify;text-justify: inter-character;transition: all 0.5s;}
.foot-lxfs .foot-xq{color: #fff;opacity: 0.8;transition: all 0.5s;margin-left: 5px;}
.foot-lxfs:hover .foot-nr{opacity: 1;}
.foot-lxfs:hover .foot-xq{opacity: 1;}

.foot-bq{width: 100%;background: #0e0e0e;padding: 40px 0;}
.foot-bq-nr{display: flex;justify-content:space-between;align-items: center;}
.foot-bq-nr a{color: #fff;opacity: 0.7;font-size: 14px;transition: all 0.5s;font-family: "SourceHanSansCN-Regular";}
.foot-bq-l a{margin-right: 20px;}
.foot-bq-nr a:hover{opacity: 1;}

.footer-ny{position: inherit;}

/*右侧悬浮*/
.ycxf{width: 50px;position: fixed;right:10px;top: 50%;border-radius: 5px;padding:11px 0px 6px;z-index: 99;transform: translateY(-50%);}
.ycxf li{width: 100%;padding: 10px 5px;margin: 5px 0;color: #fff;position: relative;cursor: pointer;text-align: center;background: #fb5039;}
.ycxf li .ycxf-btn img{width: 27px;}
.ycxf li a{color: #666;}

.ycxf li .ycxf-btn{}
.ycxf li .ycxf-btn span{display: block;}
.ycxf li .ycxf-btn p{margin: 0;}
.ycxf li .ycxf-xs{
  overflow: hidden;
  position: absolute;
  width: 0px;
  height: 48px;
  font-size: 14px;
  background: #fb5039;
  color: #ffffff;
  line-height: 48px;
  top: 0px;
  right: 56px;
  opacity: 0;
  transition: all 0.5s;
}
.ycxf li:hover .ycxf-xs{width: 220px;opacity: 1;}




/*内页*/
/*banner*/
/* 添加CSS动画 */
@keyframes zoomOut {
    0% {
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 或者带缓动函数的更自然动画 */
@keyframes gentleZoomOut {
    0% {
        transform: scale(1.5);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    100% {
        transform: scale(1);
    }
}

.animate-zoomOut {
    animation: gentleZoomOut 5s ease-out forwards;
    will-change: transform;
}

/* 优化原有的banner样式 */

/* 确保覆盖层继承背景图样式 */
.banner > div:first-child {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.channel-banner{
    width: 100%;
    height: 100vh;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
@layer utilities {
     .letter-spacing-dynamic {letter-spacing: var(--letter-spacing, 0.1em);}
}
.about-text{transition: letter-spacing 0.1s ease-out;text-transform: capitalize;}
.about-text span{text-transform: capitalize;}

/* 添加一些背景装饰 */
.bg-decoration {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}
.bg-circle {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    animation: float 15s infinite linear;
}
.bg-circle:nth-child(1) {
    width: 300px;
    height: 300px;
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}
.bg-circle:nth-child(2) {
    width: 200px;
    height: 200px;
    top: 60%;
    right: 10%;
    animation-delay: -5s;
}
.bg-circle:nth-child(3) {
    width: 150px;
    height: 150px;
    bottom: 20%;
    left: 15%;
    animation-delay: -10s;
}
@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-20px) rotate(90deg);
    }
    50% {
        transform: translateY(0) rotate(180deg);
    }
    75% {
        transform: translateY(20px) rotate(270deg);
    }
}
/* 主要文字容器 */
.text-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/* 文字遮罩，实现从下到上的显示效果 */
.text-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, transparent 0%, #0f0c29 100%);
    animation: revealMask 4.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
    z-index: 2;
}
/* 渐变遮罩动画 */
@keyframes revealMask {
    0% {
        height: 100%;
        opacity: 1;
    }
    80% {
        height: 0%;
        opacity: 1;
    }
    100% {
        height: 0%;
        opacity: 0;
    }
}
/* 主文字样式 */
.about-text {
    position: relative;
    font-size: clamp(4rem, 15vw, 14rem);
    font-weight: 900;
    letter-spacing: -14px;
    color: white;
    line-height: 0.85;
    z-index: 1;
    opacity: 0;
    animation: fadeInText 2s ease-out 1.5s forwards;
    transform: translateY(30px);
    height: 104px;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
/* 文字淡入动画 */
@keyframes fadeInText {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 每个字母的容器 */
.char-container {
    position: relative;
    display: inline-block;
    height: 1.1em;
}
/* 每个字母的样式 */
.char {
    display: inline-block;
    text-transform: none;
    color: white;
    transform: translateY(100%);
    animation: slideUp 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
    animation-iteration-count: 1;
    
}

.about-banner .char{margin: 0 -13px;}
/* 为每个字母设置不同的延迟，创造从前到后的效果 */
.char:nth-child(1) { animation-delay: 1s; } 
.char:nth-child(2) { animation-delay: 1.2s; }
.char:nth-child(3) { animation-delay: 1.4s; }
.char:nth-child(4) { animation-delay: 1.6s; }
.char:nth-child(5) { animation-delay: 1.8s; } 
.char:nth-child(6) { animation-delay: 2s; }
.char:nth-child(7) { animation-delay: 2.1s; }
.char:nth-child(8) { animation-delay: 2.2s; } 
.char:nth-child(9) { animation-delay: 2.3s; } 
/* 字母从下到上滑动动画 */
@keyframes slideUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    20% {
        opacity: 0.5;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.about-banner .bg-gray-50 .banner{height:100vh;}
.about-banner .bg-gray-50 .banner .about-text{height: 90px;}
.ny-gsjj{width: 100%;background: url(../images/index_22.jpg) no-repeat left center;height:100vh;}
.ny-gsjj-box{width: 50%;}
.ny-title{width:100%;position:relative;padding:100px 0;}
.ny-title p{
    color: #000000;
    text-transform: uppercase;
    font-size: 110px;
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 50%;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
}
.ny-title h2{text-align:left;font-size:30px;font-weight:bold;color: #000;letter-spacing: 5px;}
.ny-title span{display:block;width:40px;height:4px;background:#fb5039;position:absolute;left:0;top:68%;}

.ny-gsjj .cont{height:100%;display:flex;justify-content:left;align-items:center;}
.ny-gsjj-nr{}
.ny-gsjj-nr p{font-size:16px;line-height:30px;color:#666;text-align: justify;font-family: "SourceHanSansCN-Regular";}

.ny-qywh{width: 100%;background: url(../images/index_23.jpg) no-repeat right center;height:100vh;background-size: cover;background-attachment: fixed;}
.ny-qywh .ny-title h2{color:#fff;}
.ny-qywh .ny-title p{color:#fff;}
.ny-qywh .ny-qywh-box{height:100%;display:flex;justify-content:left;align-items:center;}
.ny-qywh .mySwiper{width:50%;margin: 0;height: 350px;}
.ny-qywh .swiper-slide{}
.ny-qywh .swiper-slide h3{letter-spacing:2px;font-size:24px;margin:0 0 40px;color:#fff;font-family: "SourceHanSansCN-Regular";}
.ny-qywh .ny-wh-p{}
.ny-qywh .ny-wh-p p{font-size: 16px;color: #fff;line-height: 30px;font-family: "SourceHanSansCN-Regular";}
.ny-qywh .mySwiper .swiper-button-next,.ny-qywh .mySwiper .swiper-button-prev{width:45px;height:45px;border:1px solid #fff;border-radius:5px;
text-align: center;bottom: 0;top: auto;transition:all 0.5s;}
.ny-qywh .mySwiper .swiper-button-next:after,.ny-qywh .mySwiper .swiper-button-prev:after{color:#fff;font-size: 18px;}
.ny-qywh .mySwiper .swiper-button-prev{left:0px;}
.ny-qywh .mySwiper .swiper-button-next{left:60px;}
.ny-qywh .mySwiper .swiper-button-next:hover,.ny-qywh .mySwiper .swiper-button-prev:hover{background:#fb5039;border:1px solid #fb5039;}

.ny-zhuanjia{width:100%;background:#f7f7f7;padding-bottom:30px;}
.zhuanjia-c{width:100%;padding:0 3vw;}
.zhuanjia-c .ny-title{}
.zhuanjia-c .ny-title h2{text-align:center;}
.zhuanjia-c .ny-title p{left:50%;transform:translate(-50%,-50%);}
.zhuanjia-c .ny-title span{left:50%;transform:translateX(-50%);}

.zhuanjia-c .mySwiper2{padding: 40px 0 70px;}
.zhuanjia-c .mySwiper2 .swiper-pagination-bullet{background:#000;}
.zhuanjia-c .mySwiper2 .swiper-pagination-bullet-active{background:#fb5039;}
.zhuanjia-c .mySwiper2 .swiper-wrapper{}
.zhuanjia-c .mySwiper2 .swiper-slide{}
.zhuanjia-c .mySwiper2 .zhuanjia-nr{width:100%;position:relative;overflow:hidden;cursor: pointer;}
.zhuanjia-c .mySwiper2 .zhuanjia-nr figure{width:100%;height:100%;}
.zhuanjia-c .mySwiper2 .zhuanjia-nr figure img{width:100%;transition:all 0.5s;}
.zhuanjia-c .mySwiper2 .zhuanjia-nr p{position:absolute;width:100%;height:37px;left:0px;bottom:0px;text-align:center;line-height: 37px;
background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 16px;font-family: "SourceHanSansCN-Regular";}
.zhuanjia-c .mySwiper2 .zhuanjia-nr:hover figure img{transform:scale(1.05);}
.zhuanjia-tc{
    display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 1100px;
    max-width: 90%;
    z-index: 99;
}
.zhuanjia-gb{
    position: absolute;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    text-align: center;
    line-height: 37px;
    top: 30px;
    right: 30px;
    border: 1px solid #dfdede;
    color: #666;
    cursor: pointer;
}
.zhuanjia-gb img{transition: all 0.5s;}
.zhuanjia-gb:hover{}
.zhuanjia-gb:hover img{transform: rotate(90deg);}
.zhuanjia-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 80px;
}
.zhuanjia-box .zhuanjia-img{width:240px;border:1px solid #eee;}
.zhuanjia-box .zhuanjia-img img{width:100%;}
.zhuanjia-box .zhuanjia-text{width: calc(100% - 240px);padding:0 0px 0 50px;}
.zhuanjia-box .zhuanjia-text h3{font-size: 24px;color: #fb5039;font-weight: bold;margin: 0 0 20px;font-family: "SourceHanSansCN-Regular";}
.zhuanjia-box .zhuanjia-text h4{font-size:18px;color:#333;margin: 0 0 20px;}
.zhuanjia-p{height: 320px;overflow-y: auto;padding-right: 30px;scrollbar-width: thin;scrollbar-color: #fb5039 #f1f1f1;}
.zhuanjia-p p{font-size:16px;line-height:30px;color:#666;text-align: justify;font-family: "SourceHanSansCN-Regular";}
.zhuanjia-tc.active {display: block;}

.zhuanjia-p::-webkit-scrollbar {width:4px;height:4px;}
.zhuanjia-p::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.zhuanjia-p::-webkit-scrollbar-thumb {background: #fb5039;border-radius: 10px;}
.zhuanjia-p::-webkit-scrollbar-thumb:hover {background: #e54836;}

.ny-khlogo{width:100%;background:#272727;padding-bottom:100px;}
.ny-khlogo .zhuanjia-c .ny-title h2{color:#fff;}
.ny-khlogo .zhuanjia-c .ny-title p{color:#fff;opacity: 0.04;}
.ny-khlogo .mySwiper3{padding-bottom: 60px;}
.ny-khlogo .mySwiper3 .swiper-pagination-bullet{background:#fff;}
.ny-khlogo .mySwiper3 .swiper-pagination-bullet-active{background:#fb5039;}
.ny-khlogo .mySwiper3 .swiper-slide figure{width:100%;background:#2f2f2f;display:flex;justify-content:center;align-items:center;overflow:hidden;height: 88px;padding: 20px;}
.ny-khlogo .mySwiper3 .swiper-slide figure img{width: 100%;filter: brightness(0) invert(.6);transition: all 0.8s;}
.ny-khlogo .mySwiper3 .swiper-slide:hover figure img{filter: none;opacity: 1;}


/*分页*/
.last-page{text-align: center;margin:70px 0;}
.page-status,.page-index,.page-last{display: none;}
.last-page span a{display: inline-block;width:32px;height:32px;color: #999;line-height:30px;font-size: 16px;overflow: hidden;margin: 0 5px;border: 1px solid #999;text-align: center;}
.last-page .page-pre a,.last-page .page-next a{width:90px;}
.last-page .page-num-current,.last-page span a:hover{background: #fb5039;color: #fff;}
.last-page .page-none{margin-bottom: 80px;display: block;}

/*业务*/
.bg-gray-50 .banner{width: 100%;height:350px;background-attachment: fixed;background-position: top center;background-size: cover;}


.bg-nav .logo .logo1{display:none;}
.bg-nav .logo .logo2 {display: block;}
.bg-nav .head-nav li h2 a {color: #000;}

.menu-toggle .nav-navicon{display: flex;justify-content: center;width: 100%;margin-top: 60px;}
.menu-toggle .nav-navicon li{margin: 0 2vw;font-size:24px;transition:all 0.5s;padding: 0 28px;text-align:right;background: url(../images/index_25.png) -24px center no-repeat;position: relative;}
.menu-toggle .nav-navicon li:hover,.menu-toggle .nav-navicon li.active{background:url(../images/index_25.png) 0px center no-repeat;}
.menu-toggle .nav-navicon li.active p a{color:#fb5039;}
.menu-toggle .nav-navicon li:hover ul{display:block;}
.menu-toggle .nav-navicon li ul{
    display:none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 99;
    text-align: center;
    left:0px;
}
.menu-toggle .nav-navicon li ul li{
    width: 100%;
    text-align: center;
    padding: 12px 0;
    margin: 0;
    font-size: 16px;
    background-image: none;
    transition:all 0.5s;
}
.menu-toggle .nav-navicon li ul li a{color:#000;transition:all 0.5s;}
.menu-toggle .nav-navicon li ul li:hover{background:#fb5039;background-image: none;}
.menu-toggle .nav-navicon li ul li:hover a{color:#fff;}
.yw-box{width: 100%;padding:0 3px 5px;margin-top: 60px;}
.yw-box-title{margin-bottom:3px;}
.yw-box-title:last-of-type{margin-bottom:0px;}
.yw-box-title h2{color:#000;font-size:30px;font-weight:block;}
.yw-box .yw-list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:3px;}
.yw-box .yw-list li{}
.yw-box .yw-list li a{display:block;position:relative;overflow:hidden;width:100%;}
.yw-box .yw-list li .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: #ffffffba;
    padding: 50px;
    bottom:0;
    top: 0;
    opacity: 0;
    transition: 0.3s;
}
.yw-box .yw-list li .img-responsive{width:100%;transition:all 0.8s;}
/*.yw-box .yw-list li:hover .img-responsive{transform:scale(1.1);}*/
.yw-box .yw-list li .mask h3{font-size:18px;margin: 0 0 15px;color:#000;}
.yw-box .yw-list li .mask p{font-size:18px;color:#000;}
.yw-box .yw-list li:hover .mask{opacity: 1;}

.left-nav{
    position: fixed;
    right: 0;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
}
.left-nav ul{}
.left-nav ul li{
    padding: 0 12px 0 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    margin-top: 6px;
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    font-size: 14px;
    transition: all 0.5s;
}
.left-nav ul li a{display:block;width:100%;height:100%;color:#fff;}
.left-nav ul li:hover{background:#fb5039;}
.left-nav ul li:hover a{color:#fff;}

.yw-xq{width:100%;padding: 150px 3vw 0;}
.yw-xq-bt{display: flex;justify-content: left;align-items: center;}
.yw-xq-bt h3{font-size: 30px;margin-right: 8vw;margin-top: 0;margin-bottom: 0;}
.yw-xq-bt span{display: inline-block;font-size: 16px;color: #666;margin-right: 5vw;}
.yw-cont{}
.yw-cont .mySwiper{width:100%;margin-top: 80px;}
.yw-cont .mySwiper .swiper-slide{}
.yw-cont .mySwiper .swiper-slide img{width: 100%;}
.yw-cont-nr{padding:0px 3vw;}
.yw-cont-nr p{font-size:16px;line-height:30px;color:#333;}
.yw-cont-nr img{max-width:100%;}

.yw-cont .swiper-container{width:100%;height:100vh;margin-top:50px;}
.yw-cont .swiper-container .swiper-slide{
      text-align: center;
      font-size: 18px;
      background: #fff;

	  overflow:hidden;
    }
	
.yw-cont .swiper-container .swiper-slide .slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  color:#fff;
	}

.yw-cont .swiper-container .swiper-button-next,.yw-cont .swiper-container .swiper-button-prev{height:55px;width:55px;text-align:center;border-radius:5px;border:2px solid #fff;font-size: 22px;top:60%;}
.yw-cont .swiper-container .swiper-button-next:after,.yw-cont .swiper-container .swiper-button-prev:after{color:#fff;font-size:22px;}

/*联系我们*/
.ny-lxfs-box{display:flex;justify-content:space-between;align-items:center;}
.ny-lxfs-l{width:40%;border-radius:5px;overflow:hidden;margin:100px 0;}
.ny-lxfs-l img{width: 100%;}
.ny-lxfs-r{width:55%;}
.ny-lxfs-r h2{font-size:36px;margin-bottom: 50px;font-family: "SourceHanSansCN-Regular";}
.ny-lxfs-r ul{}
.ny-lxfs-r ul li{display:flex;justify-content:left;align-items:center;margin: 20px 0px;}
.ny-lxfs-r ul li span{display: block;width: 21px;}
.ny-lxfs-r ul li span img{width:100%;}
.ny-lxfs-r ul li p{font-size:16px;color:#333;margin-left:10px;font-family: "SourceHanSansCN-Regular";}
.ny-job{width:100%;background:#fafafa;padding-bottom:100px;}
.ny-job .ny-title{}
.ny-job .ny-title h2{text-align: center;}
.ny-job .ny-title p{left: 50%;transform: translate(-50%, -50%);}
.ny-job .ny-title span{left: 50%;transform: translateX(-50%);}
.job-list {width: 100%;background: #fff;padding-top: 30px;}
.job-list-bt{width:100%;background:#fff;}
.job-list-box:nth-child(even) {background-color: #fafafa;}
.job-list-box:nth-child(odd) {background-color: #fff;}
.job-list-div {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 17px;
    height: 90px;
    line-height: 90px;
    padding-left: 30px;
    color: #666;
    font-family: "SourceHanSansCN-Regular";
}
.job-list-box .job-list-div:hover {background-color: #f5f5f5;}
.job-list-div span {flex: 1;}
.job-list-div span:last-child {flex: 0.3;text-align: center;font-size: 30px;font-weight: 300;color: #000;transition: transform 0.3s;}
.job-list-box:last-child {border-bottom: none;}
.job-list-nr {
    display: none;
    padding: 0 20px;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.4s ease-out, padding 0.3s;
    padding: 50px 30px;
}
.job-list-nr p{font-size:16px;color:#666;line-height:30px;font-family: "SourceHanSansCN-Regular";}
.job-list-yx{margin-top:30px;font-family: "SourceHanSansCN-Regular";}
.job-list-yx a{font-size:24px;color:#fb5039;}

/*新闻*/
.news-list{padding: 0 3vw 50px;}
.news-list ul{}
.news-list ul li{width:100%;}
.news-list ul li a{display: flex; justify-content: space-between; padding:55px 0;align-items:flex-start;border-bottom: 1px solid #ddd;}
.news-list ul li .time{color:#666666;}
.news-list ul li .time .year{font-size:24px;}
.news-list ul li .time .day{font-size: 36px;}
.news-list ul li .news-text{width: 780px;margin-top: 45px;}
.news-list ul li .news-text h3{font-size:36px;color:#000;line-height: 50px;margin-bottom: 40px;transition: all 0.5s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-list ul li .news-text p{font-size:16px;color:#999;line-height:30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-list ul li .news-text span{width:25px;overflow:hidden;height:20px;background:url(../images/index_30.png) no-repeat;display: block;
margin-top: 50px;}
.news-img{width:450px;overflow:hidden;}
.news-img img{width: 100%;transition: all 0.8s;}
.news-list ul li:hover .news-img img{transform:scale(1.05);}
.news-list ul li:hover .news-text span{background-position-y: -45px;}
.news-list ul li:hover .news-text h3{color:#fb5039;} 

.xwxq-box{padding:160px 5vw 50px;position: relative;}
.xwxq-con{width:1440px;margin:0 auto;background:#fff;padding:50px 70px;}
.xwxq-con .time{color:#666666;}
.xwxq-con .time .year{font-size:24px;}
.xwxq-con .time .day{font-size: 36px;color:#000;}
.xwxq-tit{width: 100%;border-bottom: 1px solid #ddd;margin-top:30px;}
.xwxq-tit h3{font-size:36px;width: 880px;max-width: 100%;text-align: center;margin: 0 auto;line-height: 55px;padding-bottom:60px;}
.xwxq-con .mySwiper2{margin-top:60px;}
.xwxq-con .swiper-slide{overflow:hidden;}
.xwxq-con .swiper-slide img{width:100%;transition: all 0.5s;}
.xwxq-con .mySwiper{margin-top:20px;}
.xwxq-con .mySwiper .swiper-slide:hover img{transform:scale(1.03);}
.xwxq-con .mySwiper2 .swiper-button-prev,.xwxq-con .mySwiper2 .swiper-button-next{width:47px;height:47px;border-radius:5px;border:1px solid #fff;}
.xwxq-con .mySwiper2 .swiper-button-prev:after,.xwxq-con .mySwiper2 .swiper-button-next:after{font-size:22px;color:#fff;}
.xwxq-con .mySwiper2 .swiper-button-prev{left:30px;}
.xwxq-con .mySwiper2 .swiper-button-next{right:30px;}
.xwxq-nr{margin-top:50px;}
.xwxq-nr p{font-size:18px;color:#333;line-height:30px;margin:0;}
.xwxq-fl{position: fixed;right: 9vw;top: 160px;width: 2.5rem;}
.xwxq-fl ul{}
.xwxq-fl ul li{width: 80px;text-align: center;margin: 10px 0;}
.xwxq-fl ul li figure{margin:0px auto;}
.xwxq-fl ul .btn figure{width:35px;height:35px;border-radius:5px;border:1px solid #fb5039;display: flex;justify-content: center;align-items: center;transition: all 0.5s;}
.xwxq-fl ul .btn img{width:18px;}
.xwxq-fl ul li figure img{width:35px;}
.xwxq-fl ul li p{margin:10px 0;}
.xwxq-fl ul .btn:hover figure{background:#fb5039;transform:scale(1.3);}
.xwxq-fl ul .btn:hover figure img{filter: brightness(0) invert(1);transform:scale(1);}
.xwxq-fl ul li:hover figure img{transform:scale(1.3);}

/* 触底时的样式 */

.xwxq-box {
    position: relative; /* 作为absolute定位的基准 */
}

.yw-list{}
.yw-list ul{}
.yw-list ul li{display:flex;justify-content:space-between;align-items:center;padding:100px 3vw;}
.yw-list ul li figure{width:50%;border-radius:8px;overflow:hidden;}
.yw-list ul li figure img{width: 100%;}
.yw-list ul li figure:hover img{transform:scale(1.05);}
.yw-list ul li .yw-list-title{width:45%;}
.yw-list ul li:nth-child(2n) figure{order: 2;}
.yw-list ul li:nth-child(2n){background:#fafafa;}
.yw-list-title h3{font-size:36px;margin:0px;}
.yw-list-title span{display:block;width:40px;height:4px;background:#fb5039;margin:20px 0 40px;}
.yw-list-title p{font-size:16px;color:#666;line-height:30px;}
.yw-list-title h5{font-size:24px;color:#000;margin:25px 0 50px;}
.yw-list-title .yw-list-btn {
    width: 95px;
    height: 30px;
    background: url(../images/index_34.png) no-repeat 59px 7px;
    font-size: 20px;
}
.yw-list-title:hover .yw-list-btn{background-position-y:-43px;background-position-x: 59px;}

.back-to-top{width:55px;position: fixed;right:3vw;bottom:15%;left:auto;}
.back-to-top img{width: 100%;}
.about-banner-yw .bg-gray-50 .banner{height:350px;}

/*en*/
.in-banner-en .in-ban-text{padding: 0 15vw;}
.in-banner-en .in-ban-text p{font-size: 18px;letter-spacing: 0.4px;}
.in-banner-en .in-ban-text h2 { font-size: 41px;}
.in-dzcp-en .in-dzcp-tex {width: 60%;}
.in-qqbj-en .in-qqbj-dt .dt-1 {right: 21.5%;}
.in-qqbj-en .in-qqbj-dt .dt-2 {right: 17%;}
.in-qqbj-en .in-qqbj-dt .dt-3 {right: 19.7%;}
.in-qqbj-en .in-qqbj-dt .dt-4 {right: 35%;top: 32%;}
.in-qqbj-en .in-qqbj-dt .dt-5 {right: 39%;}
.in-qqbj-en .in-qqbj-dt .dt-6 {right: 42.7%;}
.in-qqbj-en .in-qqbj-dt .dt-7 {right: 51.3%;}
.in-qqbj-en .in-qqbj-dt .dt-14 {right: 67%;}
.in-qqbj-en .in-qqbj-dt .dt-10 {right: 67.3%;}
.in-qqbj-en .in-qqbj-dt .dt-9 {right: 67.3%;}
.in-qqbj-en .in-qqbj-dt .dt-8 {right: 64.4%;}
.in-qqbj-en .in-qqbj-dt .dt-13 {right: 78%;}
.in-qqbj-en .in-qqbj-dt .dt-12 {right: 80%;}
.in-slogan-en .in-slogan-box{padding: 0 21vw;}
.in-slogan-en .in-slogan-box p{font-size:24px;}
.menu-toggle_en .nav-navicon li {width: auto;padding: 0 25px;margin: 0 1vw;}
.yw-xq-en .yw-xq-bt h3{margin-right: 4vw;}
.yw-xq-en .yw-xq-bt span{margin-right: 3vw;}
.ny-qywh-en .mySwiper {width: 62%;}
.ny-title-en h2{letter-spacing: 0;display:none;}
.about-banner-en .char{margin: 0 0px;}
.zhuanjia-tc-en .zhuanjia-p p{text-align: left;}
.ny-gsjj-en .ny-gsjj-nr p{text-align: left;}
.ny-title-en span{display:none;}
.xwxq-con-en .xwxq-tit h3{width: 100%;line-height: 45px;font-size: 26px;padding-bottom: 40px;}

.wap-bt{display:none;}

@media (min-width: 1500px){

}

@media (min-width: 1950px){
    
}

@media screen and (max-width:1920px){
	
}

@media screen and (max-width:1800px){
   .cp-list-lb ul {width: 80%;}
   .xwxq-con {width: 1300px;}
}

@media screen and (max-width:1700px){
    .yw-xq-en .yw-xq-bt{flex-wrap: wrap;}
    .yw-xq-en .yw-xq-bt h3{width:100%;margin-bottom:30px;margin-right: 0;}
   
}

@media screen and (max-width:1650px){
    .xwxq-con {width: 1150px;}
   
}

@media screen and (max-width:1600px){
  .in-cp .mySwiper3{padding-left: 15vw;}
  .in-cp .mySwiper3 .swiper-slide::after{left: -9%;}
  .in-cp .mySwiper3 .swiper-slide.active .in-cp-i img,.in-cp .mySwiper3 .swiper-slide:hover .in-cp-i img {height: 85px;}
  .in-cp .mySwiper3 .swiper-slide:hover .in-cp-i {margin-right: -71%;}
  .in-cp .mySwiper3 .in-cp-i img {height: 80px;}
  .in-qqbj-dt .dt-1 {right: 20.5%;}
  .in-qqbj-dt .dt-2 {right: 17.3%;}
  .in-qqbj-dt .dt-3 {right: 19.3%;}
  .in-qqbj-dt .dt-4 {right: 33.2%;top: 32%;}
  .in-qqbj-dt .dt-5 {right: 38%;}
  .in-qqbj-dt .dt-6 {right: 42.3%;}
  .in-qqbj-dt .dt-8 {right: 69%;top: 37.3%;}
  .in-qqbj-dt .dt-11 {right: 76.1%;top: 40.6%;}
  .in-qqbj-dt .dt-9 {right: 70%;}
  .in-qqbj-dt .dt-10 {right: 70%;}
  .in-qqbj-dt .dt-12 {right: 83.1%;}
  .in-qqbj-dt .dt-13 {right: 82.2%;}
  .in-qqbj-dt .dt-14 {right: 69%;}
}

@media screen and (max-width:1550px){
    .in-cp .mySwiper3 .swiper-slide::after {left: -17%;}
}

@media screen and (max-width:1500px){
  .in-fuwu-text p{padding: 0 2vw;height: 60px;}
  .in-cp .mySwiper3 .swiper-slide{height: 190px !important;}
  .in-qqbj-dt{height:43vw;}
  .in-cp .mySwiper3{height: 600px;}
  .in-qqbj-dt .dt-1 {right:20.5%;}
  .in-qqbj-dt .dt-2 {right:17%;}
  .in-qqbj-dt .dt-3 {right:19%;}
  .in-qqbj-dt .dt-4 {right:33.2%;}
  .in-qqbj-dt .dt-5 {right:38.3%;}
  .in-qqbj-dt .dt-6 {right:42.3%;}
  .in-qqbj-dt .dt-8 {right:68.8%;}
  .in-qqbj-dt .dt-9 {right:69.6%;}
  .in-qqbj-dt .dt-11 {right:76%;}
  .in-qqbj-dt .dt-10 {right:69.5%;}
  .in-qqbj-dt .dt-12 {right:83%;}
  .in-qqbj-dt .dt-14 {right:68.7%;}
  .in-qqbj-dt .dt-13 {right:82%;}
  
  .in-banner-en .in-ban-text {padding: 0 6vw;}
  .in-fuwu-en .in-fuwu-text h3{font-size: 20px;height: 30px;}
  .in-fuwu-en .in-fuwu-p{bottom: -2vw;}
  .in-cp-box-en .in-cp .mySwiper3 .in-cp-text {width: 375px;}
  .in-qqbj-en .in-qqbj-dt .dt-1 {right: 19%;}
  .in-qqbj-en .in-qqbj-dt .dt-2 {right: 14%;}
  .in-qqbj-en .in-qqbj-dt .dt-3 {right: 16.7%;}
  .in-qqbj-en .in-qqbj-dt .dt-4 {right: 34%;}
  .in-qqbj-en .in-qqbj-dt .dt-5 {right: 38%;}
  .in-qqbj-en .in-qqbj-dt .dt-6 {right: 41.7%;}
  .in-qqbj-en .in-qqbj-dt .dt-14 {right: 68.6%;}
  .in-qqbj-en .in-qqbj-dt .dt-8 {right: 65%;}
  .in-qqbj-en .in-qqbj-dt .dt-9 {right: 68.3%;}
  .in-qqbj-en .in-qqbj-dt .dt-10 {right: 68.3%;}
  .in-qqbj-en .in-qqbj-dt .dt-12 {right: 82.7%;}
  .in-qqbj-en .in-qqbj-dt .dt-13 {right: 80%;}
  .in-slogan-en .in-slogan-box {padding: 0 12vw;}
  
  .news-img {width: 410px;}
  .news-list ul li .news-text h3 {font-size: 30px;line-height: 45px;margin-bottom: 25px;}
  .news-list ul li .news-text{margin-top: 35px;}
  
 
}

@media screen and (max-width:1450px){
  .in-fuwu-text h3{font-size: 20px;}
  .in-fuwu-text h3 {margin: 40px 0 20px;}
  .in-fuwu-p{bottom: 0vw;}
  .in-cp .mySwiper3 .in-cp-text h3 {font-size: 20px;}
  .in-cp .mySwiper3 .swiper-slide.active .in-cp-i {margin-right: -65%;}
  .yw-box .yw-list li:hover .mask {padding: 15px;}
  
  .ny-gsjj.ny-gsjj-en{padding-bottom: 50px;background-size: cover;}
  .ny-qywh-en .mySwiper {width: 80%;}
  .ny-khlogo .mySwiper3 .swiper-slide figure{height:75px;}
  .xwxq-con {width: 1000px;padding: 40px 50px;}
  .xwxq-con .time .year {font-size: 20px;}
  .xwxq-con .time .day {font-size: 30px;}
  .xwxq-con-en .xwxq-tit h3{font-size: 22px;}
  .xwxq-nr p {font-size: 16px;}
}
@media screen and (max-width:1400px){
  .in-qqbj-dt .dt-1 {right: 20.2%;}
  .in-qqbj-dt .dt-2 {right: 16.5%;}
  .in-qqbj-dt .dt-3 {right: 18.5%;}
  .in-qqbj-dt .dt-8 {right: 68.2%;}
  .in-qqbj-dt .dt-9 {right: 69%;}
  
  .yw-cont .mySwiper .swiper-button-next, .yw-cont .mySwiper .swiper-button-prev {height: 40px; width: 40px;border: 1px solid #fff;}
  .yw-cont .mySwiper .swiper-button-next:after, .yw-cont .mySwiper .swiper-button-prev:after{font-size: 16px;}
  .yw-xq-bt{flex-wrap: wrap;}
  .yw-xq-bt h3{width:100%;margin-bottom:30px;margin-right: 0;}
  .yw-xq-bt span{margin-right: 4vw;}
  
  .news-list ul li .news-text {width: 660px;}
  .ny-lxfs-r h2 {font-size: 30px;}

}

@media screen and (max-width:1360px){
  .in-qqbj-dt .dt-1 {top: 33%;}
  .in-qqbj-dt .dt-14 {right: 68.5%;}
  .in-qqbj-dt .dt-10 {right: 69%;}
  .in-qqbj-dt .dt-12{top: 33.3%;}
  
  .in-qqbj-en .in-qqbj-dt .dt-1 {right: 18.6%;}
  .in-qqbj-en .in-qqbj-dt .dt-2 {right: 13%;}
  .in-qqbj-en .in-qqbj-dt .dt-8 {right: 64.5%;}
  .in-qqbj-en .in-qqbj-dt .dt-14 {right: 68%;}
  
  .menu-toggle_en .nav-navicon li {padding: 0 25px;margin: 0 0;font-size: 20px;}
  .menu-toggle_en .nav-navicon li:hover,.menu-toggle_en .nav-navicon li.active{background-size: 15px auto;}
}

@media screen and (max-width:1300px){
    .news-list ul li .news-text {width: 600px;margin-top: 0;}
    .news-img {width: 360px;}
    .xwxq-con {width: 900px;}
  
	
}

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

}

@media screen and (max-width:1024px){
    .cont {width: 95%;}
    .in-ban-text p {font-size: 30px;line-height: 50px;}
    .in-fuwu-box .mySwiper2 .swiper-pagination-bullet-active{background: #fb5039;}
    .in-cp-l{left: 5vw;width: 65%;}
    .in-title{padding: 40px 0;}
    .in-cp .mySwiper3 {height: 460px;}
    .in-cp .mySwiper3 .swiper-slide {height:150px !important;}
    .in-cp .mySwiper3 .swiper-slide.active .in-cp-i {margin-right: -52%;}
    .in-cp .mySwiper3 .swiper-slide a{width: 280px;}
    .in-cp .mySwiper3 .in-cp-ico img{width: 45px;}
    .in-cp .mySwiper3 .in-cp-text h3 {font-size: 16px;margin-bottom:0px;}
    .in-cp .mySwiper3 .in-cp-text p {font-size: 14px;line-height: 20px;margin-top:10px;}
    .in-cp .mySwiper3 .swiper-slide.active .in-cp-i img,.in-cp .mySwiper3 .swiper-slide:hover .in-cp-i img {height: 75px;}
    .in-cp .mySwiper3 .in-cp-text {width: 200px;}
    .in-cp .mySwiper3 .in-cp-i img {height: 65px;}
    .in-cp .in-cp-r img{height: 100%;width: 100%;object-fit: cover;}
    .in-cp .mySwiper3 .swiper-button-next, .in-cp .mySwiper3 .swiper-button-prev{width: 35px;height: 35px;
    line-height: 35px;}
    .in-cp .mySwiper3 .swiper-button-next:after, .in-cp .mySwiper3 .swiper-button-prev:after{font-size: 12px;}
    .in-qqbj-dt .dt-tex p{font-size: 14px;}
    .in-qqbj-dt .dt-1 {top: 32%;right: 20%;}
    .in-qqbj-dt .dt-2 {right: 16%;top: 44%;}
    .in-qqbj-dt .dt-3 {right: 17.6%;top: 66.5%;}
    .in-qqbj-dt .dt-4 {right: 33%;}
    .in-qqbj-dt .dt-8 {right: 67.2%;}
    .in-qqbj-dt .dt-9 {right: 68%;}
    .in-qqbj-dt .dt-10 {right: 68%;}
    .in-qqbj-dt .dt-14 {right: 67.5%;}
    .in-cp .mySwiper3 .swiper-pagination-current {font-size: 16px;}
    .in-cp .in-cp-r,.in-cp{height: 70vw;}
    .in-ban-text h2 {font-size: 24px;}
    .in-ban-text p {font-size: 16px;font-weight: 400;line-height:30px;margin-top: 15px;}
    .in-slogan-box p{font-size:16px;}
    .in-slogan-en .in-slogan-box p{line-height: 27px;}
    .in-banner-en .in-ban-text {padding: 0 3vw;}
    .in-banner-en .in-ban-text p {font-size: 16px;line-height: 27px;margin-top: 15px;}
    
    .menu-toggle .nav-navicon li:hover, .menu-toggle .nav-navicon li.active{background-size: 14px auto;}
    .menu-toggle .nav-navicon li{margin: 0 1vw;font-size: 18px;background-size: 14px auto;padding: 0 15px;}
    .yw-xq-bt h3 {font-size: 20px;}
    .yw-xq-bt span{font-size: 14px;margin-right: 3vw;}
    .menu-toggle_en .nav-navicon li{width:auto;margin: 0;padding: 0 2vw;font-size: 16px;}
    .yw-xq {width: 100%;padding: 90px 3vw 0;}
    .yw-cont .mySwiper {margin-top: 30px;}
    
    .left-nav ul li {width: 70px;height: 35px;line-height: 35px;}
    .zhuanjia-p{height: 180px;padding-right: 15px;}
    .zhuanjia-box{padding: 30px;}
    .zhuanjia-box .zhuanjia-text{padding: 0 0px 0 20px;}
    .zhuanjia-p p {font-size: 14px;line-height: 25px;}
    .zhuanjia-gb{width: 30px;height: 30px;line-height: 30px;top: 15px;right: 15px;}
    .ny-gsjj-box {width: 100%;}
    .ny-title{padding: 40px 0;}
    .ny-title h2{font-size: 22px;}
    .ny-title p{font-size: 60px;}
    .ny-gsjj{height: auto;padding-bottom: 30px;background-size: cover;}
    .ny-gsjj-nr p {font-size: 14px;line-height: 25px;}
    .ny-qywh{height: auto;padding-bottom: 30px;}
    .ny-qywh .mySwiper{width:100%;}
    .ny-qywh .swiper-slide h3 {font-size:20px;margin: 15px 0 30px;}
    .ny-khlogo{padding-bottom: 30px;}
    
    .ny-gsjj-en .ny-gsjj-box {width: 100%;}
    .news-img{display: none;}
    .news-list ul li .news-text {width: 80%;}
    .news-list ul li .news-text h3 {font-size: 18px;line-height: 30px;margin-bottom: 10px;-webkit-line-clamp: 1;}
    .news-list ul li .news-text p {font-size: 14px;line-height: 26px;-webkit-line-clamp: 2;}
    .news-list ul li .time .year {font-size: 14px;}
    .news-list ul li .time .day {font-size: 20px;}
    .news-list ul li .news-text span {margin-top: 20px;width: 15px;background-size: 100% auto;height: 12px;}
    .news-list ul li a{padding: 30px 0;}
    .news-list ul li:hover .news-text span{background-position-y: -27px;}
    .xwxq-fl{display:none;}
    .xwxq-con{width:100%;padding: 30px;}
    .xwxq-con .time .year {font-size: 14px;}
    .xwxq-con .time .day {font-size: 20px;}
    .xwxq-con-en .xwxq-tit h3 {font-size: 18px; padding-bottom: 20px;line-height: 30px;}
    .xwxq-nr p {font-size: 14px;line-height: 25px;}
    .xwxq-con .mySwiper2 .swiper-button-next {right: 10px;}
    .xwxq-con .mySwiper2 .swiper-button-prev {left: 10px;}
    .xwxq-con .mySwiper2 .swiper-button-prev:after, .xwxq-con .mySwiper2 .swiper-button-next:after {font-size: 13px;}
    .xwxq-con .mySwiper2 .swiper-button-prev, .xwxq-con .mySwiper2 .swiper-button-next {width: 30px;height: 30px;}
    .ny-lxfs-l {width: 100%;margin: 40px 0;}
    .ny-lxfs-box{flex-wrap: wrap;}
    .ny-lxfs-r{width: 100%;}
    .ny-lxfs-r h2 {font-size: 20px;margin-bottom: 20px;}
    .job-list-div{padding-left: 15px;}
    .job-list-yx a {font-size: 18px;}
    .job-list-div{font-size:14px;height: 50px;line-height: 18px;}
    .ny-lxfs-r ul li p{width:80%;}
    
    .yw-list ul li{flex-wrap: wrap;padding:30px 3vw;}
    .yw-list ul li figure{width:100%;margin-bottom:30px;}
    .yw-list ul li .yw-list-title{width: 100%;}
    .yw-list ul li:nth-child(2n) figure {order: initial;}
    .yw-list-title h3 {font-size: 24px;}
    .yw-list-title span {width: 30px;height: 2px;margin: 15px 0;}
    .yw-list-title p {font-size: 14px;line-height: 25px;}
    .yw-list-title h5 {font-size: 18px;margin: 20px 0 20px;line-height: 30px;}
    .in-banner-en .in-ban-text h2 {font-size: 20px;}
    .bg-gray-50 .banner{margin-top: 60px;}
    .left-nav{top:auto;bottom: 10%;transform: translateY(0%);}

}

@media screen and (max-width:910px){
    .in-cp .mySwiper3 .swiper-slide.active::after {width: 120%;}
    .in-dzcp-tex {width:80%;}
    .in-dzcp-tex p{margin: 20px 0 0;}
    .in-dzcp-tex h3{font-size: 20px;}
    .in-dzcp-tit h3{font-size: 20px;}
    .in-title {padding: 40px 0;font-size: 24px;}
    .in-qqbj-dt .dt-tex{display: none;}
    .in-qqbj-dt{background: url(../images/index_21.png) no-repeat center;background-size: auto 100%;}
    /*.in-qqbj-dt .dt-1 {top: 31%;right: 19.5%;}
    .in-qqbj-dt .dt-2 {right: 15%;}
    .in-qqbj-dt .dt-3 {right: 16.6%;top: 66%;}
    .in-qqbj-dt .dt-4 {right: 32.5%;}
    .in-qqbj-dt .dt-5 {right: 38%;}
    .in-qqbj-dt .dt-6 {right: 41.3%;}
    .in-qqbj-dt .dt-8 {right: 66.2%;top: 36%;}
    .in-qqbj-dt .dt-9 {right: 67%;top: 41%;}
    .in-qqbj-dt .dt-10 {right: 67%;top: 46%;}
    .in-qqbj-dt .dt-11 {right: 76%;top: 40%;}
    .in-qqbj-dt .dt-12 {top: 30.3%;right: 82%;}
    .in-qqbj-dt .dt-13 {right: 81%;}
    .in-qqbj-dt .dt-14 {right: 66.5%;top: 66%;}*/
    .in-slogan{padding: 160px 0;}
    .in-cp .in-cp-r,.in-cp,.in-fuwu{height: 90vw;}
    .in-cp-l {width: 75%;}
    .in-cp .mySwiper3 .in-cp-i {width: auto;}
    .in-cp .mySwiper3 .in-cp-i img {height: 50px;}
    .in-cp .mySwiper3 .swiper-slide a {width: 206px;}
    .in-cp .mySwiper3 .in-cp-ico img {width: 38px;height: auto;}
    .in-cp .mySwiper3 .swiper-slide.active .in-cp-i img,.in-cp .mySwiper3 .swiper-slide:hover .in-cp-i img {height: 55px;}
    .in-cp .mySwiper3 .in-cp-text {width: 240px;}
    .in-cp .mySwiper3 .swiper-slide.active .in-cp-i,.in-cp .mySwiper3 .swiper-slide:hover .in-cp-i {margin-right: -114%;}
    .in-slogan-box {padding: 0 15px;}
    .in-slogan-en .in-slogan-box p {font-size: 16px;}
    .yw-box .yw-list li .mask{padding: 10px;}
    .yw-box .yw-list li .mask h3 {font-size: 16px;margin: 0px 0 10px;}
    .yw-box .yw-list li .mask p {font-size: 14px;}
}

@media screen and (max-width:780px){
    .in-banner {height: 460px;margin-top: 60px;}
    .in-fuwu-text h3 {font-size: 18px;}
    .in-fuwu-text p {font-size: 14px;line-height: 24px;height: 80px;}
    .in-dzcp-en .in-dzcp-tex {width: 100%;left: 0; padding: 0 20px;}
    .in-cp .in-title {text-align: center;}
    .in-slogan-en .in-slogan-box {padding: 0 3vw;}
    .in-qqbj-dt .dt-2 {right: 14%;}
    .in-qqbj-dt .dt-3 {right: 15.3%;}
    .yw-box .yw-list{grid-template-columns: repeat(2, 1fr);}
    .menu-toggle_en .nav-navicon li{width:auto;background:none;padding:0 1.5vw;text-align:center;}
    .menu-toggle_en .nav-navicon li:hover, .menu-toggle_en .nav-navicon li.active{background:none;}
    .yw-box{margin-top: 25px;}
    .yw-xq-bt span {width: 100%;margin: 5px 0;}
    
    .yw-cont .swiper-container{height: 500px;margin-top: 25px;}
    .yw-cont .swiper-container .swiper-button-next, .yw-cont .swiper-container .swiper-button-prev {
        height: 35px;
        width: 35px;
        border: 1px solid #fff;
        top: 68%;
    }
    .about-banner .about-text { letter-spacing: -2px !important;}
    .yw-cont .swiper-container .swiper-button-next:after, .yw-cont .swiper-container .swiper-button-prev:after {font-size: 15px;}
    .about-banner .bg-gray-50 .banner {height: 210px;margin-top: 60px;}
    .about-banner .bg-gray-50 .banner .about-text {height: 50px;}
    .zhuanjia-box .zhuanjia-img {width: 130px;}
    .zhuanjia-box .zhuanjia-text {width: calc(100% - 130px);}
    .zhuanjia-box .zhuanjia-text h3 {font-size: 18px;margin: 5px 0px 15px;}
    .zhuanjia-box .zhuanjia-text h4 {font-size: 16px;margin: 0 0 15px;}
    .char{margin: 0px 0px;}
    .about-banner .char {margin: 0 -4px;}
    .xwxq-con{padding:30px 15px;}
    .job-list-div span:last-child,.job-list-div span:nth-child(5){display:none;}
    .job-list-nr{padding: 20px 15px;}
    .job-list-nr p {font-size: 14px;line-height: 25px;}
    .in-dzcp-tex{opacity: 1;}
    .in-dzcp-tit{display:none;}
    .in-dzcp ul li .img-bj img{width:100%;height:100%;object-fit: cover;}
    .in-dzcp ul li{height: 350px;}
    .in-dzcp ul li .img-bj{height:100%;}
    .about-text{letter-spacing:-10px !important;height:46px;}
    .about-banner-yw .about-text{letter-spacing:-2px !important;}
    .menu-toggle .nav-navicon{margin-top: 25px;}
}

@media screen and (max-width:640px){
  .in-fuwu{height: 140vw;}
  .in-fuwu .in-title{display:none;}
  .wap-bt {display: block;text-align: center;position: relative;z-index: 9;font-size: 24px;font-weight: bold;padding-top: 40px;}
  .in-fuwu .swiper-slide a:hover .wap-bt{color:#fff;}
  .in-fuwu-p{width: 100%;}
  .in-cp .in-cp-r{position: initial;width: 100%;height: 70vw;}
  .in-cp-l {width: 90%;left: 5%;position: initial;margin: 0 auto;padding-bottom: 50px;}
  .in-cp .mySwiper3 {height: 500px;padding-top: 2vw;}
  .in-cp{height: auto;}
  .foot-con{flex-wrap: wrap;padding-bottom:20px;padding-top:40px;}
  .foot-con .foot-l{width: 100%;margin-bottom: 20px;}
  .foot-lxfs{font-size: 14px;margin: 18px 0;}
  .foot-bq-nr{flex-wrap: wrap;}
  .foot-bq-l{width: 100%;}
  .foot-bq-nr a{display: block;margin-top: 10px;}
  .in-slogan{margin-bottom:382px;}
  .in-dzcp ul{flex-wrap: wrap;}
  .in-dzcp ul li{width: 100%;}
  .in-cp .mySwiper3 .swiper-button-next,.in-cp .mySwiper3 .swiper-button-prev {left: 0;}
  .in-slogan {padding: 110px 0;}
  .in-cp .mySwiper3 {padding-left: 0;}
  .in-cp .mySwiper3 .swiper-slide a { width: 100%;}
  .in-cp .mySwiper3 .swiper-slide{padding: 0 15px;}
  .in-cp .mySwiper3 .in-cp-ico{width:38px;}
  .in-cp .mySwiper3 .in-cp-text {width:65%;}
  .in-cp .mySwiper3 .swiper-slide.active .in-cp-i, .in-cp .mySwiper3 .swiper-slide:hover .in-cp-i {margin-right: 0;}
  .in-cp .mySwiper3 .swiper-button-next, .in-cp .mySwiper3 .swiper-button-prev {left:25%;top: auto;bottom: 0;z-index:15;}
  .in-cp .mySwiper3 .swiper-button-next{left:auto;right:25%;}
  .in-cp .mySwiper3 .swiper-pagination {font-size: 14px;top: auto;width: 100%;height: 28px;bottom: 0;}
  .in-cp .mySwiper3 .swiper-pagination-current {font-size: 14px;}
  .foot-con .foot-r{display:none;}
  .in-fuwu-p {bottom: -7vw;}
  .foot-lxfs{align-items: flex-start;}
  .foot-lxfs span {width: 8px;height: 8px;margin-right: 7px;margin-top: 5px;}
  .in-cp .mySwiper3 .in-cp-ico{margin-right:10px;}
  /*.in-qqbj-dt .dt-2 {right: 13%;}
  .in-qqbj-dt .dt-3 {right: 13.3%;}
  .in-qqbj-dt .dt-14 {right: 64.5%;}
  .in-qqbj-dt .dt-12 {top: 26.3%;}*/
  
  .menu-toggle_en .nav-navicon{flex-wrap: wrap;}
  .menu-toggle_en .nav-navicon li{width:50%;padding:0;text-align:center;margin-bottom:15px;}
  .ny-qywh .mySwiper .swiper-button-next, .ny-qywh .mySwiper .swiper-button-prev {width: 35px;height: 35px;}
  .ny-qywh .mySwiper .swiper-button-next:after, .ny-qywh .mySwiper .swiper-button-prev:after {color: #fff;font-size: 14px;}
  .ny-qywh .mySwiper .swiper-button-next {left: 50px;}
  .ny-qywh .swiper-slide h3 {font-size: 18px;margin: 15px 0;}
  .ny-qywh .ny-wh-p p {font-size: 14px;line-height: 25px;}
  .char{margin: 0px 4px;}
   .ny-khlogo .mySwiper3 .swiper-slide figure {
        height: 50px;
        padding: 10px;
    }
    .zhuanjia-box {padding: 10px;}
    .zhuanjia-gb {top: 5px;right: 5px;}
    .in-cp .mySwiper3 .in-cp-ico img{margin-left: 0;}
    .in-cp .mySwiper3 .swiper-slide::after {left: -10%;}
    .in-cp .mySwiper3 .swiper-wrapper{}
}

@media screen and (max-width:510px){
   .in-cp .mySwiper3 .swiper-slide {height:auto;}
   .in-cp .mySwiper3 {height:510px;padding: 0 0 35px;}
   .in-cp .mySwiper3 .swiper-slide.active .in-cp-i img, .in-cp .mySwiper3 .swiper-slide:hover .in-cp-i img {height: 30px;}
   .in-cp .mySwiper3 .in-cp-i img {height: 30px;}
   /*.in-qqbj-dt .dt-1 {top: 23%;right: 17.5%;}
   .in-qqbj-dt .dt-2 {right: 11%;top: 42%;}
   .in-qqbj-dt .dt-3 {right: 11.3%;top: 62%;}
   .in-qqbj-dt .dt-4 {right: 29.5%;}
   .in-qqbj-dt .dt-5 {right: 36%;}
   .in-qqbj-dt .dt-6 {right: 39.3%;}
   .in-qqbj-dt .dt-14 {right: 62.5%;top: 64%;}
   .in-qqbj-dt .dt-8 {right: 61%;top: 34%;}
   .in-qqbj-dt .dt-9 {right: 62%;top: 40%;}
   .in-qqbj-dt .dt-10 {right: 71%;top: 46%;display: block;text-align: center;}*/
   
    .bg-gray-50 .banner {height: 210px;margin-top: 60px;}
    .menu-toggle .nav-navicon li {margin: 0px 0vw;width: 25%;font-size: 16px;background: none;text-align: center;padding: 0;}
    .menu-toggle .nav-navicon li:hover, .menu-toggle .nav-navicon li.active{background:none;}
    
    .menu-toggle_en .nav-navicon li{width:50%;padding:0;text-align:center;margin-bottom:15px;font-size:14px;}
}

@media screen and (max-width:480px){
    .in-slogan{margin-bottom: 400px;}
    .yw-box .yw-list {grid-template-columns: repeat(1, 1fr);}
    .yw-cont .swiper-container {height: 350px;}
    .yw-cont .swiper-container .swiper-button-next, .yw-cont .swiper-container .swiper-button-prev{top: 74%;}
    .ny-qywh .mySwiper {height: auto;padding-bottom: 60px;}
}

@media screen and (max-width:380px){
    .foot-lxfs .foot-nr{width: 75px;}
    .foot-lxfs .foot-xq{width:calc(100% - 88px);}
    .in-slogan{margin-bottom: 421px;}
    .in-slogan-en{margin-bottom: 421px;}
    .footer-en .foot-lxfs .foot-nr {width: auto;}
  
    	
}