.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }

/*按钮*/

.public_button_read {width: 8.59375vw;position: relative;-webkit-border-radius: 1.40625vw;border-radius: 1.40625vw;overflow: hidden;}
.public_button_read:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 1.40625vw;border-radius: 1.40625vw;border: 1px solid #c9c9c9;box-sizing: border-box;z-index: 1;}
.public_button_read:before {content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #1860c2;box-sizing: border-box;z-index: 2;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: .26s;transition-delay: .26s;}
.public_button_text {font-size:0.88541666vw;line-height: 2.8125vw;color: #222222;width: 100%;z-index: 9;position: relative;text-align: center;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: .26s;transition-delay: .26s;}
.public_button_icon {width: 2.8125vw;height: 2.8125vw;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-border-radius: 100%;border-radius: 100%;position: relative;overflow: hidden;background: #3b3e9a;}
.public_button_icon:after {content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;-webkit-background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);background-image: linear-gradient(to right, #1860c2 20%, #28c0ca);box-sizing: border-box;z-index: 2;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_icon .public_button_label {width: 33.333%;position: relative;z-index: 9;}
.public_button_icon .public_button_label svg {fill: #ffffff;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_box:hover .public_button_text {color: #ffffff;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_box:hover .public_button_read:before {width: 100%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.public_button_box:hover .public_button_icon:after {width: 100%;-webkit-transition-delay: .26s;transition-delay: .26s;}
.public_button_box:hover .public_button_icon .public_button_label svg {fill: #ffffff;-webkit-transition-delay: .26s;transition-delay: .26s;}
.index_banner_title_box {pointer-events: none;-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_cn_box {-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_en_box {-webkit-transform: translateY(4vw);transform: translateY(4vw);}
.index_banner_button {-webkit-transform: translateY(4vw);transform: translateY(4vw);}

@media (max-width: 1200px){
.public_button_read{width: 120px;}
.public_button_icon{width: 40px; height: 40px;;}
.public_button_text{font-size: 16px; line-height: 41px;}
}

/*首页产品展示*/
.homepro{background: url('../images/a2.jpg') no-repeat center top;background-size:cover; overflow: hidden; padding: 4% 0;}
.homepro .homepro_top{width: 90%; margin: 0 auto; -webkit-justify-content: space-between;justify-content: space-between;align-items: flex-end;}

/*首页公司简介*/
.homeabout{background: url('../images/aboutbg.jpg') no-repeat center top;background-size:cover; overflow: hidden; padding: 7% 0;}
.homeabout .page_center{display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
.homeabout .homeabout_l{width: 50%;}
.homeabout .index-title{border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.2);padding-bottom: 3vw;}
.homeabout .homeabout_r{width: 30%; position: relative;}

.about-s1 .para {  font-size: 0.11rem;}
.about-s1 .label{  font-size: 0.3rem;}
.about-s1 .data span {  font-size: 0.54rem;}
.about-s1 .data em, .about-s1 .data p{  font-size:1.2vw;}
.about-s1 .data i{  font-size: 0.24rem;padding:0 0 0 10px}
.about-s1 .tip {font-size: 0.2rem;}
@keyframes o-upfade-top {
0% {opacity: 0;transform: translateY(40px);}
100% {opacity: 1;transform: translateY(0);}
}
@keyframes run {
0% {width: 20px;height: 20px;}
50% {width: 40px;height: 40px;}
100% {width: 20px;height: 20px;}
}
@keyframes o-scale {
0% {opacity: 1;transform: scale(1);}
80% {opacity: 1;}
100% {opacity: 0;transform: scale(2);}
}
@keyframes o-scale-1 {
0% {opacity: 1;transform: scale(0.5);}
80% {opacity: 1;}
100% {opacity: 0;transform: scale(1);}
}
@keyframes scale-bg {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes indexsvg {
0% {
stroke-dashoffset: 100;
}
100% {
stroke-dashoffset: 0;
}
}

.about-s1 { position: relative; z-index: 3; }
.about-s3{ width:50%; padding:55px 0}
.about-s1-{width:22%; background: #3b3e9a;}
.about-s1 .label {  text-align: center;  color: #3b3e9a;font-weight: bold;}
.about-s1 .tip {
text-align: center;
color: #272c31;
margin-top: 2rem;
}
.about-s1 .para {
text-align: center;
line-height: 2;
margin-top: 1rem; width:70%;margin:30px auto 0 auto;
}
.about-s1 .data-box {padding: 0 0 0 0;width:100%;margin:0 auto 0 auto; height: 100%;font-size: 0; display: flex;justify-content: space-between;flex-direction: column; align-items: center;}
.about-s1.about-s2 .data-box {display: flex;justify-content: center; flex-wrap: wrap; align-items: flex-start;}
.about-s1 .data { vertical-align: top;display: flex;justify-content:space-between; align-items: center;  position: relative;  transition: transform .3s ease; width:100%;border-top: 1px solid rgba(0,0,0,0.1);padding:35px 0  }
.about-s1.about-s3 .data{border-top: 0 solid rgba(0,0,0,0.1); }
.about-s1.about-s3 .data:nth-child(1){border-bottom: 1px solid rgba(255,255,255,0.5);}
.about-s1.about-s2 .data{ width: 15%;}
.about-s1.about-s1-{padding: 55px 0;}
.about-s1.about-s1- .data-box .data{ width: 100%; justify-content:center}
.about-s1 .data .data_icon{margin:0 25px 0 0}
.about-s1 .data_l{width:1px; height: 100px;background: rgba(0,0,0,0.1);} 

.about-s1 .data .box {position: relative;z-index: 2;}
.about-s1 .data .num {  display: flex; justify-content: flex-start;align-items:center;  position: relative;  color: #3b3e9a;  transition: all .3s ease;}
.about-s1.about-s3 .data .num{ color: #fff;}
.about-s1.about-s2 .data .num {  color: #3b3e9a; justify-content: flex-start; }
.about-s1 .data .num .count{ color: #3b3e9a; }
.about-s1.about-s3 .data .num .count{ color: #fff;}
.about-s1.about-s2 .data .num {  color: #3b3e9a;   }
.about-s1.about-s2 .data .num .count{ color: #3b3e9a;  }
.about-s1.about-s2 .data  .d_pic{margin: 0 25px 0 0 ;}
.about-s1 .data span {  display: inline-block;  vertical-align: middle; line-height:1.5;font-weight: bold;}
.about-s1.about-s2  .data span{ line-height: 1;}
.about-s1 .data em {  position: absolute;  left: 100%;  bottom: 10px;  font-style: normal;}
.about-s1 .data i {  display: inline-block;  vertical-align: middle;  font-style: normal;}
.about-s1 .data p {  color: #111111; }
.about-s1.about-s3 .data p{  color: #fff; }
.about-s1.about-s2  .data p {  color: #111;}
@media screen and (min-width: 1020px) {
.about-s1 .data:hover {
transform: translateY(-10px);
}
.about-s1 .data:hover:before {
opacity: .5;
}
.about-s1 .data:hover .num {
text-shadow: 0 10px 10px rgba(24, 175, 180, 0.1);
}
.about-s1 .data span{    font-size:3.8vw;}
.box_icon img{width:40px}
.about-s1 .data i{    font-size: 0.25rem;}
}
.about-s1 .comm-line-btn {
margin: 0 auto;
}
@media only screen and (max-width:1750px){ 

}
@media only screen and (max-width:1600px){ 
.about-s1 .label{font-size: 0.25rem;}
.about-s1 .data .data_icon img{width:85px}
.about-s1 .data .data_icon{margin: 0 15px 0 0;}
}
@media only screen and (max-width:1440px){ 
.about-s3{    padding: 25px 0; width: 70%;}
}
@media only screen and (max-width:1060px){ 
.about-s1 .label{    font-size:0.15rem;  }
.about-s1 .tip{font-size:0.13rem; line-height: 2;    margin-top: 0.1rem;}
.about-s1 .para{width: 95%;    margin: 30px auto 0 auto; font-size: 0.1rem;}
.about-s1 .data-box{width:100%;  flex-direction: row; flex-wrap: wrap;}

.about-s1 .data{width:100%; justify-content:space-between; flex-direction: row;align-items: flex-start;padding: 25px 3%;}
.about-s1.about-s1- .data-box .data{width:50%; }
.se_about .about-s1 .data-box{padding: 35px 0 30px 0;}
.about-s1 .data .data_icon{margin: 0 0 8px 0;}
.about-s1 .data .data_icon img{width:51px;display: block;margin: 0 auto;}
.about-s1 .data .num{  }
.about-s1 .data span{    font-size:36px;}
.about-s1 .data i{    font-size: 14px;}
.about-s1 .data em, .about-s1 .data p{    font-size:16px;}
.about-s1 .data:nth-child(5){display: none;}
.about-s1 { padding:0.1rem 0 0 0; width:100% }
.about-s1-{width:100%}
.about-s1.about-s1-{    padding: 35px 0;}
#banner .txt strong{font-size: 0.28rem; letter-spacing: 0;}
#banner .txt p{    font-size: 16px;}
#banner .txt em{font-size: 0.3rem;}
}


@media (max-width: 1200px){
.homepro{padding: 50px 0 0 0 ;}
.homepro .homepro_top{width: 95%;}
.homeabout .homeabout_l{width: 100%;}
.homeabout .homeabout_r{width: 100%; margin-top: 30px;}
}

/*首页技术创新*/
.homeadv {padding: 4% 0; overflow: hidden; position: relative;}
.homeadv .homepro_top{width: 90%; margin: 0 auto; -webkit-justify-content: space-between;justify-content: space-between;align-items: flex-end;}
/* 外层容器 */
.split-banner {width: 100%;;display: flex;overflow: hidden;position: relative; margin-top: 4%; height: 70vh;}
/* 公共左右板块样式 PC端 */
.split-item {flex: 1;height: 100%;position: relative;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);overflow: hidden;}

/* 左侧斜切：右上角斜切掉 */
.split-left {transform: skew(-8deg);;background: #0a1428;transform-origin: left top;}

/* 右侧斜切：左上角斜切掉 */
.split-right {transform:skewX(-8deg);  transform-origin: right center;;;background: #0a1428;}

/* PC端悬浮放大交互 */
.split-banner:hover .split-item:not(:hover) {flex: 0.7;opacity: 0.8;}
.split-banner:hover .split-item:hover {flex: 1.3;z-index: 2;box-shadow: 0 0 40px rgba(0,140,255,0.25);}

/* 内容容器 */
.item-content {width: 100%;height: 100%;padding: 5% 6%;display: flex;flex-direction: column;justify-content:flex-end;color: #ffffff;transition: opacity 0.35s ease;}
.split-item:nth-child(1) .item-content{justify-content:center;}

/* 左侧文案 PC */
.split-left h2 {font-weight: bold;margin-bottom: 20px;}
.split-left p {font-size: 24px;line-height: 1.8;margin-bottom: 35px;}
.split-left .public_button_box {margin-top: 10%;}
.split-left .public_button_text {color: #fff;}


/* 右侧文案 PC */
.split-right h2 {font-weight: bold;margin-bottom: 20px;text-align: right;}
.split-right p {font-size: 24px;line-height: 1.8;text-align: right;}

/* 背景图 */
.split-left::before {content: '';position: absolute;inset: 0;background: url('../images/honor.jpg') center / cover no-repeat;z-index: -1;opacity: 0.25;}
.split-right::before {content: '';position: absolute;inset: 0;background: url('../images/sb.jpg') center / cover no-repeat;opacity: 0.25;z-index: -1;
}

@media (max-width: 1440px){
.split-banner{height: 60vh;}
.split-left{transform: skew(0deg)}
.split-right{transform: skewX(0deg);}
}

/* ====================== 移动端适配 768px以下 ====================== */
@media screen and (max-width: 768px) {
.split-banner {
height: auto;
flex-direction: column;
}

/* 取消斜切，改为完整矩形 */
.split-left,
.split-right {
clip-path: none;
height: 420px;
}

/* 移动端关闭悬浮拉伸效果 */
.split-banner:hover .split-item:not(:hover) {
flex: 1;
opacity: 1;
}
.split-banner:hover .split-item:hover {
flex: 1;
box-shadow: none;
}

/* 内边距缩小 */
.item-content {
padding: 40px 30px;
}

/* 左侧手机端左对齐 */
.split-left h2 {
font-size: 22px;
margin-bottom: 12px;
}
.split-left p {
font-size: 16px;
margin-bottom: 25px;
}
.read-more-btn {
width: 130px;
height: 46px;
font-size: 15px;
}

/* 右侧手机端改为左对齐，更适合阅读 */
.split-right h2 {font-size: 22px;text-align: left;margin-bottom: 12px;}
.split-right p {font-size: 16px;text-align: left;}
}

/* 超小屏 480px 进一步压缩 */
@media screen and (max-width: 480px) {
.split-left,.split-right {height: 360px;}
.item-content {padding: 30px 20px;}
}

/*行业案例*/
.sec13 {background-color: #1455c3; width: 100%; height:100vh; position: relative}
.cvbanner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.sw02out {position: relative;width: 100%;height: 100%;}
.sw02 {height: 100%;}
.sw02 .swiper-slide {overflow: hidden;}
.sw02 .swiper-slide .swiper-inner {display: block;position: relative;width: 100%;height: 100%;}
.sw02 img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 75% 50%;object-position: 75% 50%;}
.fhangye .swiper-pagination02 {font-size: 24px;color: #fff;line-height: 52px;text-align: center;width: 140px;height: 52px;margin-right: 52px;pointer-events: none;position: absolute;left: auto;bottom: auto;right: 8%;bottom:30%;z-index: 10;}
.swiper-pagination02 .swiper-pagination-current {font-size: 36px;margin-right: 10px;}
.swiper-pagination02 .swiper-pagination-total {font-size: 24px;}
.sw-next02,.sw-prev02 {position: absolute;right: 8%;bottom: 30%;;z-index: 11;width: 50px;height: 50px;font-size: 0;border-radius: 50%;text-align: center;
    cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);}
.sw-prev02 {background: url('../images/lt1.png') center no-repeat;margin-right: 192px;}
.sw-next02 {background: url('../images/gt1.png') center no-repeat;}
.sw-prev02:hover,.sw-next02:hover {background-color: rgba(225, 35, 39, 0.9);}

@media screen and (max-width: 1560px) {
.sec13{height: 90vh;}
}
@media screen and (max-width: 1440px) {
.sec13{height: 80vh;}
}
@media screen and (max-width: 1023px) {
    .fcate4 .index-title{display: none;}
    .fhangye .swiper-pagination02,.sw-next02 {right: 5%;top: auto;margin-top: 0; display: none;}
    .sw-prev02 {left: 5%;right: auto;top: auto;margin-top: 0;margin-right: 0; width: 30px; height: 30px;background-size: 30%;; bottom: 18%; display: none;}
    .sw-next02{width: 30px; height: 30px;background-size: 30%; bottom: 18%; display: none;}
    .fhangye .swiper-pagination02 {right: 50%;margin-right: -70px; bottom: 16%;}
    .swiper-pagination02 .swiper-pagination-current {font-size: 24px;}
}
.cvbanner .pagination {position: absolute;left: 6.25%;top: 50%;margin-top: 100px;z-index: 20;height: 2px;font-size: 0;}
.cvbanner .pagination .btn {display: inline-block;position: relative;cursor: pointer;width: 30px;height: 2px;margin-right: 10px;background-color: rgba(255, 255, 255, 0.4);}
.cvbanner .pagination .btn:before {content: " ";position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 2px;background-color: #fff;}
.cvbanner .pagination .btn.on:before {-webkit-transition: linear 4s;transition: linear 4s;width: 100%;}
.ctrbox {position: absolute;right: 6.25%;bottom: 148px;z-index: 20;margin-left: 380px;font-size: 0;}
.ctrbox .ctr {display: block;width: 42px;height: 42px;z-index: 11;font-size: 0;border-radius: 5px;text-align: center;cursor: pointer;}
.ctrbox .ctr.prev {background: url('../images/lt2.png') center no-repeat;}
.ctrbox .ctr.next {background: url('../images/gt2.png') center no-repeat;margin-top: 24px;}
.ctrbox .ctr.prev:hover,.ctrbox .ctr.next:hover {background-color: rgba(225, 35, 39, 0.6);-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);}
@media screen and (max-width: 750px) {
    .ctrbox {right: 4%;bottom: 84px;}
}
.swiper-container-vertical > .swiper-pagination-bullets {right: auto!important;left: 50px;}
.swiper-pagination000 .swiper-pagination-bullet {position: relative;width: 17px;height: 17px;opacity: 1;margin: 11px 0!important;border: 1px solid transparent;outline: 0 none;
    -webkit-transition: all 0.3s;transition: all 0.3s;background-color: transparent;}
.swiper-pagination000 .swiper-pagination-bullet:before {content: '';position: absolute;left: 7px;top: 7px;z-index: 0;width: 3px;height: 3px;background-color: #999;border-radius: 2px;}
.swiper-pagination000 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #999;}
.swiper-pagination000.white .swiper-pagination-bullet:before {background-color: #fff;}
.swiper-pagination000.white .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff;}

.peijianlist {position: absolute;left:0;right: 0;bottom: 0;z-index: 2;border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);}
.peijianlist li {display: inline-block;width: 24%;vertical-align: top;border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);padding-left: 4%;
}
.peijianlist li a {display: block;position: relative;width: 100%;padding-top:10%;padding-bottom:  10%;}
.peijianlist .pic {width: 100%;overflow: hidden;font-size: 0;line-height: 87px;height: 92px; margin-bottom: 0.3rem; display: block;}
.peijianlist li:nth-child(1) .pic{background: url('../images/index/hang1.png') no-repeat  center center; width: 55px; height: 55px;  background-size: 100%;}
.peijianlist li:nth-child(2) .pic{background: url('../images/index/hang2.png') no-repeat  center center; width: 55px; height: 55px;  background-size: 100%;}
.peijianlist li:nth-child(3) .pic{background: url('../images/index/hang3.png') no-repeat  center center; width: 55px; height: 55px;background-size: 100%;}
.peijianlist li:nth-child(4) .pic{background: url('../images/index/hang4.png') no-repeat  center center; width: 55px; height: 55px; background-size: 100%;}
.peijianlist li:nth-child(5) .pic{background: url('../images/index/hang5.png') no-repeat  center center; width: 55px; height: 55px;  background-size: 100%;}
.peijianlist img {max-width: 100%;max-height: 100%;margin: 0 auto; display: block}
.peijianlist li h3 {color: #fff;line-height: 36px;width: 100%;height: 36px;overflow: hidden;-webkit-transition: .3s;transition: .3s;}
.peijianlist2 {font-size: 0;position: absolute;left: 4%;top: 50%;z-index: 2;width: 60%;;margin-top: -90px;pointer-events: none;}
.peijianlist2 li {position: absolute;z-index: 0;width: 100%;opacity: 0;-webkit-transform: translateX(60px);transform: translateX(60px);}
.peijianlist2 li h3 {color: #fff;overflow: hidden;}
.peijianlist2 li h3 span{font-size: 36px;}
.peijianlist2 li .hx {width: 100%;height: 1px;position: relative;margin: 21px 0 31px;background-color: rgba(255, 255, 255, 0.2);}
.peijianlist2 li .hx:before {content: '';position: absolute;left: 0;top: -1px;z-index: 0;width: 30px;height: 3px;background-color: #fff;}
.peijianlist2 li .txt {color: #fff;overflow: hidden;margin:4%  0; word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.peijianlist2 li .hymore {display: block;width: 140px;height: 48px;background-color: #3b3e9a;position: relative;color: #fff;line-height:48px;text-align: center;    overflow: hidden;pointer-events: auto;}
.peijianlist2 li.on {z-index: 2;opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .5s;transition: .5s;}

@media screen and (max-width: 1440px) {
.peijianlist li a{padding: 15px 0;}
.peijianlist .pic{height: 60px;}
}
@media screen and (max-width: 1280px) {
.sec13 { height:600px;}
.peijianlist li h3{font-size:16px}
.peijianlist2 li h3 span{font-size: 26px;}
.peijianlist2 li .txt {font-size: 16px;}
.peijianlist li a{padding: 20px 0;}
}
@media screen and (max-width: 1023px) {
.sec13 { height:500px; ;}
.peijianlist {left: 0;right: 0;}
.peijianlist li {width:49%;}
.peijianlist li a {padding-top: 0;padding-bottom: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.peijianlist li h3 {font-size: 16px; padding: 10px 0; height: auto; line-height: 28px;}
.peijianlist2 {width: 90%;max-width: 90%;}
.peijianlist2 {position: relative;left: 5%;top: 7%;margin-top:0px;}
.sw02 img{width: 100%; height: auto;position:absolute; bottom: 0; height: 100%;}
}
@media screen and (max-width: 750px) {
.peijianlist2 li h3 {font-size: 24px;line-height: 40px;height: 40px;}
.peijianlist2 li .txt {font-size: 15px;margin: 12px 0;}
.peijianlist2 li .hymore{width: 100px; height: 40px;line-height: 40px;}
}
.fcate4 {position: absolute;left: 0%;right: 0; top: 15%;z-index: 20;padding-bottom: 2%;pointer-events: none}
.fcate4 .index-title{width: 90%; margin: 0 auto;}


@media screen and (max-width: 1023px) {
    .fhangye {padding-top: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .fcate4 {width: 100%;text-align: center;position: relative;left: 0;top: 0;margin-top: 0;}
    .fcate4 .nname{margin-top: 10px;}
    .fcate4 .cn {font-size: 32px;line-height: 50px;}
    .fcate4 .enp {width: 100%;}
    .peijianlist .pic{height: 30px; line-height: 30px; display: none;}
}

#hezuo {background: url(../images/sewenhua.jpg);background-size: 100% auto cover;background-position: center;background-repeat: no-repeat;color: #fff; }
#hezuo .hezuo_ul {width: 100%;margin: 0 auto;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 2px; }
#hezuo .hezuo_ul li {overflow: hidden;text-align: center; border:1px solid transparent; border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);transition: .5s;;}
#hezuo .hezuo_ul li:hover img {transform: scale(1.2); }
#hezuo .hezuo_ul li:hover{background: #fff;}
#hezuo .hezuo_ul li a {overflow: hidden;}
#hezuo .hezuo_ul .pic {width: 100%;overflow: hidden;}
#hezuo .hezuo_ul img {max-width: 70%;-webkit-transition: 0.3s;transition: 0.3s; margin: 0 auto;padding: 25px 0;  filter: grayscale(100%) brightness(100);
-webkit-filter: grayscale(100%) brightness(100); opacity: 0.7;}
#hezuo .hezuo_ul li:hover img {-webkit-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);filter: none;
-webkit-filter: none;opacity:1;}
@media screen and (max-width: 600px) {
#hezuo .hezuo_ul {width:100%;margin: 0 auto;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1px; } 
}
#yh_inpro .pro_swiper {width: 90%;margin: 30px auto; }
#yh_inpro .pro_swiper .swiper-slide {width: 25%; }
#yh_inpro .pro_swiper .swiper-slide .honor_pic {overflow: hidden;margin-bottom: 15px; }
#yh_inpro .pro_swiper .swiper-slide .honor_pic img {margin: 0 auto; }
#yh_inpro .pro_swiper .swiper-slide p {width: 95%;margin: 0 auto; }
#yh_inpro .pro_swiper .swiper-slide .news_summary {color: #666666; }
#yh_inpro .pro_swiper .swiper-slide .news_ctime {color: #005FAC; }
#yh_inpro .pro_swiper .swiper-slide .honor_pic img {width: 150px;height: 150px; }
@media screen and (max-width: 1200px) {
#yh_inpro .pro_swiper .swiper-slide {width: 100%; } 
}


.sty2 {margin-top: 66px;position: relative}
.sty2 .swiper-container {width: 100%;border-radius: 25px 0 0 25px}
.sty2 .swiper-slide {width:33.3%;display: block;position: relative;overflow: hidden;transition: all linear 0.4s; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 0.5%;}
.sty2 .swiper-slide .case_pic{width: 100%; margin: 0 auto;}
.sty2 .swiper-slide img {width: 100%;display: block;border-radius: 10px;}
.sty2 .swiper-slide .wenan {position: relative;;padding: 30px 0;}
.sty2 .swiper-slide .wenan strong {display: block;font-size: 20px;; padding: 20px 0;text-align: center;color: #fff; background: #e12327;}
.sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px;cursor: pointer;transition: all linear 0.3s}
.sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.sty2 .swiper-button-prev {left: 0; }
.sty2 .swiper-button-next {right: 0;}
.sty2 .swiper-button-prev img,.sty2 .swiper-button-next img{width: 13px;height: 23px;}
.sty2 .swiper-button-next:after,.sty2 .swiper-button-prev:after{display: none;}

@media (max-width: 1200px){
.sty2{margin-top: 0;}
.sty2 .swiper-slide {width:33.33%;} 
}

/*内页公司简介*/
.boxBottom{width: 100%; margin:4% auto 0 auto;  border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);; padding: 3% 0;}
.boxBottom ul{width: 100%; margin: 0 auto; display: flex; display:-webkit-flex;   -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;color: #333;}
.boxBottom li{width: 20%;padding: 0 0 0 5%;}
.boxBottom li:nth-child(4){border-right: none;}
.boxBottom li .counter{ margin-right: 10px;}
.boxBottom li .szicon{}

@media (max-width: 1200px){
.boxBottom li{width: 50%; margin-bottom: 15px;}  
.about_culture_item_box {width: 100%;padding: 12.07729vw 0;}
.about_culture_item_text {opacity: 1;pointer-events: auto;-webkit-transform: none;transform: none;font-size: 3.381642vw;line-height: 5.3140096vw;height: auto;margin-top: 4.830917vw;}
.about_culture_item_line:after {height: 9.661835vw;}
.about_culture_item_big {padding: 0 3.623188vw;-webkit-align-items: center;align-items: center;position: relative;height: auto;}
.about_culture_item_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-bottom: 0;}
.about_culture_item_back:before {height: 0;}
.about_culture_item_back:after {background: rgba(0, 0, 0, .5);}
.about_culture_item_box:hover .about_culture_item_back:after {height: 100%;}
.about_culture_item_box:hover .about_culture_item_back:before {height: 0;}
.about_culture_item_box:hover .about_culture_item_line:after {height: 9.661835vw;}
.about_culture_item_box:hover .about_culture_item_bjq {padding: 0 3.623188vw;}
.about_culture_item_icon {font-size: 9.661835vw;line-height: 12.07729vw;margin-bottom: 2.4154589vw;}
.about_culture_item_title {font-size: 4.347826vw;line-height: 6.280193vw;margin-bottom: 4.830917vw;}  
}

.se_about{width: 90%;margin:4% auto 0 auto;}
.se_about li{padding: 25px 0;font-size: 0.9vw;-webkit-justify-content: space-between;   justify-content: space-between;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}

/*内页联系我们*/
.secontact{width: 90%; margin: 0 auto 4% auto; position: relative; display: flex; display:-webkit-flex;   -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
.secontact .secontact_l{width: 60%;border-radius: 20px; overflow: hidden;}
.secontact .secontact_l img{overflow: hidden;}
.secontact .secontact_r{width:32%;background: #ECEDF4;border-radius: 20px;padding: 4% 0 4% 5%;}
.secontact .secontact_r li{padding-bottom: 40px;}
.secontact .secontact_r li em{display: block; color: #999; padding-bottom:10px;}
.liuyan{background: linear-gradient(to bottom, #EBECF3, #FFFFFF); padding: 4% 0;}

@media (max-width: 1200px){
.secontact{width: 98%;}
.secontact .secontact_l{width: 100%;} 
.secontact .secontact_r{width: 100%}
}

.rel{width: 100%;}
.relXx{background: #f7f9fb url("../images/pages/rel1bg.jpg") no-repeat center/cover;}
.relXx-list{width: 100%;}
.relXx-list ul{margin: -30px 0 0 -30px;}
.relXx-list li{width: calc(100%/2 - 30px);margin: 30px 0 0 30px;}
.relXx-link{width: 100%;display: block;padding: 40px 38px;background: #eceff4;transition: box-shadow .4s ease;height: 100%;}
.relXx-link .ico{height: 40px;display: flex;align-items: flex-end;}
.relXx-link .ico img{max-height: 100%;}
.relXx-link:hover{box-shadow: 0 0 16px rgba(5, 69, 134, 0.2);}
.relBd{background: linear-gradient(to top, #EBECF3, #FFFFFF); padding: 4% 0;;}
.relBd-wrap{width: 100%;background: #fff;padding: 60px 48px;}
.relBd .contain{width: 90%; margin: 0 auto;}
.relBd-from{width: calc(100% - 442px);padding-right: 48px;float: left}
.relBd-from .mess_box{}
.relBd-from .layui-form-item{margin: 30px 0 0 34px;}
.relBd-from .layui-form-item{width: 45%; }
.relBd-from .layui-form-item:nth-child(6){width: 94%}
.relBd-from .other{margin-top: 20px;}
.relBd-from  .hint{font-size: 14px;color: #4c5664;line-height: 1;height: 28px;}
.relBd-from  .hint span, .relBd-from  .tell span{color: #0050b5;margin-right: 5px;}
.relBd-from  input, .relBd-from  textarea{width: 100%;display: block;background: transparent;border-radius: 10px;height: 50px;font-size: 14px;color: #222;padding: 0 18px;transition: border .4s ease;border: 1px solid #d1d8de;}
.relBd-from  textarea{padding: 14px 18px;height: 110px;}
.relBd-from  input:focus, .relBd-from li textarea:focus{border-color: #75a9dd;}
.relBd-from  .tell{font-size: 14px;color: #999;display: flex;}
.relBd-from  .tell a{transition: color .4s ease;}
.relBd-from  .tell a:hover{color: #005fac;}
.relBd-from-mix{width: 100%;justify-content: space-between;}
.relBd-from-code{width: auto;}
.relBd-from  .relBd-from-code input{width: 280px;}
.relBd-from-code .img{max-width: 160px;display: flex;align-items: center;height: 50px;cursor: pointer;margin-left: 16px;border-radius: 10px;overflow: hidden;}
.relBd-from-code .img img{height: 100%;object-fit: fill;}
.relBd-from  button{padding: 0 54px;height: 50px;border-radius: 25px;background: #005fac;cursor: pointer;line-height: 1;color: #fff;font-size: 16px;transition: all .4s ease;}
.relBd-from  button span{position: relative;}
.relBd-from  button i{font-size: 14px;position: absolute;top: 50%;margin-top: -7px;right: -26px;transform: rotate(180deg);transition: transform .4s ease;}
.relBd-from  button:hover{box-shadow: 0 4px 20px rgba(209, 41, 46, 0.3);}
.relBd-from  button:hover i{transform: rotate(180deg) translateX(4px);}
.relBd-info{width: 442px;padding-left: 48px;border-left: 1px solid #d1d8de;}
.relBd-info-img{width: 100%;}
.relBd-info-img img{width: 100%;}
.relBd-info-text{width: 100%;}
.relBd-info-text .text{line-height: 1.2;margin-top: 8px;}
.relBd-info-code{width: 100%;}
.relBd-info-code li{width: auto;margin-right: 14px;text-align: center;}
.relBd-info-code li:last-child{margin-right: 0;}
.relBd-info-code li .img{width: 120px;height: 120px;margin: 0 auto;border: 1px solid #c7d7e6;}
.relBd-info-code li .img img{max-height: 100%;}


@media (max-width: 1200px){
.relBd-from{width: 100%;}
.relBd-wrap{padding: 0;}
.relBd-from .layui-form-item{width: 100%}
.layui-form-label{font-size: 16px; margin-bottom: 15px;}
.relBd-info{display: none;}
}


.sely{width: 100%; margin:7% auto 4% auto;background: url(../images/messagesBg.png) no-repeat  left bottom;}
.sely .container{width: 90%; margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding-bottom: 4%;position: relative;}
.sely_l{width: 30%;position: sticky;position: -webkit-sticky;top:3rem;}
.sely_l .index-title{text-align: left; width: 100%;}
.sely_r{width: 58%;}
.sely_r .layui-form-label{display: none;}
.sely_r .layui-form-item{width: 48%;float: left; margin-bottom: 50px;}
.sely_r .layui-input{width: 94%;border-radius: 40px;background-color: #f1f2f7; height: 60px;float: left;font-size: 16px;}
.sely_r .layui-form-item:nth-child(8){width: 100%;}
.sely_r .layui-textarea{border-radius: 25px;background-color: #f1f2f7; font-size: 16px; width:94%;}
.sely_r .layui-btn{height: 60px;background:#0054a5;border-radius: 40px;cursor: pointer; width:150px;font-size: 18px;}


@media (max-width:1200px){
.selx{width: 95%;}
.selx li{width: 100%;}
.selx li .selx_img{width: 50px; height:50px;;}
.sely .container{width: 95%;}
.sely_l{width: 100%; position: relative; top: 0;}
.sely_r{width: 100%;margin-top: 50px;}
.sely_r .layui-form-item{width: 100%; margin-bottom: 20px;}
}



/* 1. 元素默认状态：初始看不见、下移4vw */
.FadeInUp {
opacity: 0;
pointer-events: none;
transform: translateY(4vw);
/* 绑定过渡动画：所有属性变化 0.7秒完成，先快后慢 */
transition: all 0.7s ease-out;

}

/* 2. 激活类：动画结束状态，JS添加这个类就触发动画 */
.FadeInUp.AddFadeInUp {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}