﻿:root{
	--main_color:#e00024;        /* 主色 */
	--main_color_rgb:224,0,36;  /* rgba */}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'"阿里妈妈方圆体 VF Regular'; 
src:  url('/images/ALIMAMAFANGYUANTIVF-THIN.ttf') format("ttf"),
  url('/images/AlimamaFangYuanTiVF-Thin.woff2') format("woff2"),
  url('/images/AlimamaFangYuanTiVF-Thin.woff') format("woff");
  font-display: swap;


}
body::-webkit-scrollbar{ display:none;}
::-webkit-scrollbar{ display:none;}
.TitHead h2:before {width: 60px;height: 4px;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;background: var(--main_color);}
.TitHead h2 {text-align: center;font-size: 2vw;font-weight: bold;color: #000;margin-bottom: 1vw;position: relative;padding-bottom: 1%;}

.width_1600{ width:1520px; margin:0 auto;}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

#mould87106{ width:100%; position:fixed; top:0; left:0; background:none; z-index:99; transition: .6s ease-in-out;display: flex;justify-content: flex-end;}
.navbars41{display: flex;width: 1720px;height: 100px;flex-direction: row;justify-content: space-evenly;align-items: center;}
.navbars41 .logo{ float:left; width: 120px; height: 100%; display: table;background:url(/images/logo1.png) no-repeat;background-size:contain; background-position: center;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{height:100%;margin:0 auto;align-items: center;justify-content: space-between;width: 58%;line-height:100px;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 36px;font-size:18px;color:#fff;transition: .4s ease-in-out;}
.navbars41 .phone{ background:url(/images/phone1.png) no-repeat center;width:50px;height:50px;background-color:#fff;border-radius:50%;}
.navbars41 .tabb {font-size: 18px;background: #ffffff;font-weight: bold;padding: 13px;border-radius: 50%;margin-left: 3%;color:var(--main_color);}
.navbars41 li .hide1{ width:160px; position:absolute; top:80px; left:50%; z-index:999;transform:translateX(-50%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; 
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 6px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:44px; font-size:14px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}
.header_active{ background: #fff!important; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.header_active .navbars41{ height:100px;}
.header_active .navbars41 li a{ color:#333;}
.header_active .navbars41 li a:hover{ color: var(--main_color);}
.header_active .navbars41 li.active a{ color: var(--main_color);}
.header_active .navbars41 .phone{background:url(/images/phone.png) no-repeat center;width:50px;height:50px;background-color:var(--main_color);border-radius:50%;}
.icon {width: 50px;height: 50px;flex-direction: row;}
a.hotTel {display: flex;flex-direction: row;position: relative;align-items: center;padding: 0 3%;}
.navbars41 .hotTel .icon i{display: block;-webkit-transition: all .35s;-webkit-animation: rotateIns 2s ease infinite;}
.header_active a.hotTel {background: var(--main_color);height: 100px;}
@-webkit-keyframes rotateIns {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
.navbars41 .hotTel .tel {color: #fff;font-family: Arial;font-weight: bold;font-size: 32px;letter-spacing: 2px;}
.navbars41 .hotTel:hover .tel {opacity: 1;}
.header_active .navbars41 .logo{float:left;width: 150px;height: 100%;display: table;background:url(/images/logo.png) no-repeat;background-size:contain;background-position: center;}
.header_active .navbars41 .tabb {font-size: 18px;color: #ffffff;font-weight: bold;padding: 13px;border-radius: 50%;margin-left: 3%;background:var(--main_color);}
#mould87107{ position: relative;}
#mould87107 .swiper-pagination{ bottom:20px;}
#mould87107 .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:30px; height:30px; background:url(/images/icon_btn.png) no-repeat; background-size:cover; opacity:0.3; border-radius:inherit;}
#mould87107 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ opacity:1;}
#mould87107 .swiper-slide {width: 100%!important;height: auto;}
#mould87107 .swiper-slide  video {height: 100vh;width: 100%;object-fit: cover;}

/*返回顶部*/
.back_top{ position: fixed; right: 24px; bottom: 126px; width: 64px; height: 64px; color: #fff; border-radius:6px; background-color: var(--main_color); text-align:Center; cursor: pointer;z-index: 999;}
.back_top img{ width: 20px; display: block; margin:0 auto 5px auto; padding-top:10px;}
.back_top p{ font-size: 14px;}

.jianjie {display: flex;flex-direction: row;align-items: center;}
.wenzi p {font-size: 18px;line-height: 2;margin-right: 3%;text-align: justify;text-indent: 2em;}
.jianjie img {width: 52%;border-radius: 30px;}
.wenhua {display: flex;flex-direction: row;margin: 5% 0;justify-content: space-between;align-items: center;}
.wenhua img {width: 52%;border-radius: 30px;}
.wenzi {flex: 1;}


.join_c{ background:url(/images/join/jm_bg2.jpg) no-repeat center top; background-size:cover; padding:1.5rem 0 1rem; overflow:hidden;    margin-top: 4%;}
.join_c .main_a{ margin: auto; max-width: 1600px; position:relative;}
.join_c .swiper-slide{width:1600px;}
.tabs1{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;padding-top: 2%;
}

.tabs1 a {
    padding: 3% 7%;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 24px;
    font-weight: bold;
}
.tabs1 a.active{background:  var(--main_color);color:#fff;border: 1px solid var(--main_color);}
.tabs1 a:hover{color:#333;}
.tabs1 a.active:hover{color:#fff;}
#tabs-container1 li {
    display: flex;
    justify-content: space-between;
}

#tabs-container1 img {
    flex: 1;
    background: #666;
}

div#tabs-container1 {
    padding-top: 3%;
}

#tabs-container1 li .box1 {
    display: flex;
    flex-direction: column;
    padding: 7% 5%;
    flex: 1;background: url(/images/box2.jpg) no-repeat center center;background-size: cover;
}

#tabs-container1 .box1 h2 {padding-bottom: 3%;
    font-size: 2vw;color:#fff;
}
#tabs-container1 .box1 p {
    font-size: 18px;
    line-height: 1.75;color:#fff;WIDTH: 90%;
}

#tabs-container1 .box1 h1 {
    font-size: 3vw;
    margin-top: 14%;
    font-weight: bold;
    color: #e72523; /* 文字颜色 */
    text-shadow: 
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
    letter-spacing: 7px;
}



/* liucheng */
#box-5{background: url(/images/box5.jpg) no-repeat center center;background-size: cover;padding:120px 0 50px 0;margin-top: 5%;}
#box-5 .TitHead h2 {color:#fff;}
#box-5 .block01{border-bottom: 1px solid rgba(255,255,255,0.2);}
#box-5 .box1{position: relative;overflow: hidden;}
#box-5 .box1 ul{align-items: flex-end;display: flex;justify-content: space-between;}
#box-5 .box1 li{padding: 60px 0 340px 0;position: relative;}
#box-5 .box1 li:nth-child(2n){padding-bottom: 155px;}
#box-5 .box1 li::after{content: '';width: 1px;height: 70%;background: rgba(255,255,255,0.2);display: block;position: absolute;left: 50%;top: 43%;}
#box-5 .box1 li:nth-child(2n)::after{top: 63%;}
#box-5 .box1 li>div{width: 9.5vw;height: 9.5vw;border-radius: 50%;position: relative;margin: auto;border: 1px solid #fff;transition: 0.5s;max-width: 144px;max-height:144px;}
#box-5 .box1 li>div::after{content: '';width: 100%;height: 100%;background: url(../img/hzjm_box5_yw.png) no-repeat center center;background-size: cover;position: absolute;left: 0%;top: 0%;transform: scale(1.4);opacity: 0;transition: 0.5s;}
#box-5 .box1 li .box{text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;overflow: hidden;width: 100%;height: 100%;border-radius: 50%;position: relative;}
#box-5 .box1 li .content{width: 100%;}
#box-5 .box1 li .content .img{width: 26%;margin: auto;}
#box-5 .box1 li .content .title{font-size: 20px;color: #fff;padding: 5px 10px 10px 10px;}
#box-5 .box1 li .number{position: absolute;bottom: 0;width: 5vw;height:5vw;background: var(--main_color);border-radius: 50%;bottom: -3.5vw;padding: 5px;font-size: 18px;color: #fff;line-height: 1.1;}

#box-5 .box1 li.active>div::after{opacity: 1;}
#box-5 .box1 li.active>div{background: #C60019;border: none;}
#box-5 .box1 li.active .number{color: #C60019;}
#box-5 .swiper-pagination {padding-top: 40px;}




/* 支持 */
.study_a.pinlei.width_1200 {margin-top: 5%;}
.dingwei1 li:hover h2{ color:#fff;}
.dingwei1 li:hover p{ color:#fff;}
.dingwei1 li:hover h2:after{ background:#fff;}
.dingwei1{ margin-top:30px;}
.dingwei1 li{ width:32%; float:left; margin:0% 2% 2% 0; background:#fff7ee; padding:40px 30px 30px 30px; box-sizing:border-box; color:#fff;border-radius:10px;}
.dingwei1 li:hover{ background:var(--main_color);}
.dingwei1 li:nth-child(3){ margin-right:0;}
.dingwei1 li h2{ font-size:30px; font-weight:bold; line-height:30px; text-align:center; position:relative; padding-bottom:30px; margin-bottom:30px;    color: var(--main_color);}
.dingwei1 li h2:after{ content:""; width:60px; height:2px; background:var(--main_color); position:absolute; bottom:0; margin-left:-30px; left:50%;}
.dingwei1 li p{ line-height:30px; height:120px;color:#333;}



/*人才理念*/
.st_fadeUp.is-inview {-webkit-transform: translateY(0px);opacity: 1;margin-top: 2%;}
.singePage.st_fadeUp.is-inview {padding: 3%;border: 1px solid var(--main_color);border-radius: 30px;height: auto;}
.singePage p {margin-bottom: 15px;line-height: 2;font-size: 16px;padding-right: 10px;}
.rczp{padding-bottom:4%;}
.rcln_box{margin-bottom:2%;width: 100%;display: flex;position: relative;justify-content: space-between;align-items: center;}
.rcln_box .left{width: 45%;}
.gz_name {text-align:center;font-size: 2vw;font-weight: bold;color: #000;margin-bottom: 1vw;position: relative;line-height: 2;}
.gz_name:before{width: 60px;height: 4px;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;background:  var(--main_color);}
.rc_icons{width: 45%;position: relative;}
.rc_icons ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.rc_icons ul li{width: 30%;position: relative;margin-right: 5%;margin-bottom: 3vw;}
.rc_icons ul li:nth-child(even){-webkit-transition: all 1s ease 0.4s;}
.rc_icons ul li:nth-child(3n){-webkit-transition: all 1s ease 0.5s;}
.rc_icons ul li:nth-child(n+4){margin-bottom: 0px;}
.rc_icons ul li:nth-child(3n){margin-right: 0%;}
.rc_icons ul li .icon{width: 40px;height: auto;position: relative;background: var(--main_color);border-radius: 50%;margin: 0px auto;padding: 27px;}
.rc_icons ul li .icon:before{width: 122px!important;height: 122px!important;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);content: '';background: url(/images/icon_huan.png);}
.rc_icons ul li p{text-align: center;display: block;position: relative;margin-top: 25px;font-size: 18px;color:var(--main_color);}
.rcln_box .left .name{font-size: 24px;margin-bottom: 10px;}


/*招聘页*/
.zhaopin_list{ width:80%; margin: auto; min-height:600px;    margin-top: 4%;}
.zhaopin_a .left{ width:70%; float:left;}
.zhaopin_a .left .zhaopin_column{ background: var(--main_color); color:#fff; padding:0 24px; box-sizing:border-box; border-radius:4px; margin-bottom:1px;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:80px;text-align:center!important;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:30%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:20%;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{ padding:0 24px; box-sizing:border-box;}
.zhaopin_a .left li .title span{ line-height:72px; float: left;text-align:center!important;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:20%;}
.zhaopin_a .left li .title span:nth-child(3){ width:30%;}
.zhaopin_a .left li .title span:nth-child(4){ width:20%;}
.zhaopin_a .left li .title span:nth-child(5){width: 7%;}
.zhaopin_a .left li .title em{ float:left; width:2%; width:14px; height:14px; background-position:center; background-image: url(/images/ico2.png); margin-top:33px;}
.zhaopin_a .left li .title.active{ background: var(--main_color); color:#fff;}
.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid var(--main_color); box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}

.zhaopin_a .right{ width:27%; float:right;}
.zhaopin_a .right .img_boxs{ background:url(/images/zhaopin.jpg) no-repeat; background-size: cover; color:#fff; padding:40px 36px 80px 36px; box-sizing:border-box; border-radius:6px;}
.zhaopin_a .right .img_boxs span{ font-size:24px; letter-spacing: 2px;}
.zhaopin_a .right .img_boxs h2{ font-size:36px; font-weight:bold; line-height:40px; margin:12px 0; letter-spacing: 3px;}
.zhaopin_a .right .img_boxs p{ line-height:18px;}
.zhaopin_a .right .img_boxs a{ border:1px solid #fff; width:128px; line-height:40px; display:inline-block; color:#fff; text-align:Center; margin-top:20px;}
.zhaopin_a .right .img_boxs a:hover{ color:var(--main_color); background:#fff;}
.zhaopin_a .right .text_boxs{ background:#f2f2f2; color:#333; border-radius:6px; margin-top:20px; padding:36px;}
.zhaopin_a .right .text_boxs h2{ font-size:24px; margin-bottom:10px;}
.zhaopin_a .right .text_boxs p{ line-height:30px;}


/*简历*/
.resume{ margin-bottom:64px; width:1080px;    margin-top: 4%;}
.resume textarea{ width:100%; padding:20px; box-sizing:border-box;}
.resume .resume_submit{ margin-top: 30px; height:48px; line-height:48px; border-radius:6px;}
.resume .resume_submit:hover{ background:var(--main_color);}



/*联系我们*/
.boxes {position: relative;background: #fff}
.contactBox {position: relative;direction: rtl;}
.contactBox {width: 100%;height: auto;display: flex;justify-content: space-between;}
.sub_title{margin:0 auto;}
.sub_title h2{ font-family:arial; font-size:48px; line-height:64px; font-weight:bold; color: var(--main_color); text-align:center;margin-top:3%;}
.sub_title h3{ letter-spacing:2px; font-size:56px; line-height:64px; font-weight:bold; color: var(--main_color); text-align:center; margin:12px 0 48px 0;}
.map {width: 55%;height: 500px;background: #fff;overflow: hidden;position: relative;z-index: 0;background-color: rgb(243, 241, 236);color: rgb(0, 0, 0);text-align: left;}
.map img {width: 100%;height: 100%;object-fit: cover;}
.cons {
    width: 45%;
    height: 500px;
    background: var(--main_color);
    padding: 0px 50px;
    color: #fff;
    position: relative;
    direction: initial;
}
.cons h2 {
      margin-top: 6%;
    display: block;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.cons ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    padding-top: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 25px;
}
.cons ul li {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.cons ul li .icon {
    width: 45px;
    height: 45px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    letter-spacing: 1px;
}
.cons ul li .info {
    width: 100%;
}
.cons ul li .name {
    font-size: 14px;
}
.cons ul li .info a {
    font-size: 28px;
    font-family: GeoBrandBold;
    color: #fff;
}


.picture1 .picture1-cont {width:1500px;}
.picture1 .picture1-cont > ul li a img {height:auto;}
#box-6{width: 100%;height: auto;padding: 100px 0 100px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
#box-6{padding-top: 3%;padding-bottom: 80px;}
#box-6 .ny_bt .ftitle {font-size: 24px;}
#box-6 .box1{margin-top: 40px;border: 1px solid rgba(0,0,0,0.1);border-radius: 50px;padding: 100px 75px 80px 75px;}
#box-6 ul{display: flex;flex-wrap: wrap;margin: 0 auto;padding: 0;list-style: none;display: flex;flex-wrap: wrap;margin: 0 auto;padding: 0;list-style: none;margin: 0 -35px;display: flex;flex-wrap: wrap;}
#box-6 li{box-sizing: border-box;padding: 10px;/padding:0 50px 32px 35px;display: flex;align-items: center;}
#box-6 li:nth-child(-n+4):nth-child(odd) {flex: 1 1 calc(30% - 20px);}
#box-6 li:nth-child(-n+4):nth-child(even) {flex: 1 1 calc(30% - 20px);}
#box-6 h3{text-align:center; font-size: 2vw;font-weight: bold;color: #000;margin-bottom: 1vw;position: relative;padding-bottom:1%;}
#box-6 h3:before{width: 60px;height: 4px;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;background:  var(--main_color);}
#box-6 li .title{color: #666;font-size: 24px;min-width: 140px;}
#box-6 li .title span{color:  var(--main_color);font-size: 24px;margin-left: 5px;}
#box-6 li input,#box-6 textarea{width: 100%;border: 1px solid #E2E2E2;border-radius: 10px;margin: 10px 0;padding: 15px;font-size: 16px;height: 60px;outline-color:  var(--main_color)!important;}
#box-6 li input::-webkit-input-placeholder{color: #BBB;}
#box-6 .textarea{flex: 1 1 100%;}
#box-6 .textarea p{margin-bottom: 10px;}
#box-6 .textarea textarea{height: 240px;}
#box-6 .textCenter{text-align: center;}
#box-6 .submit{border-radius: 50px;background: var(--main_color);display: inline-flex;border: 2px solid var(--main_color);z-index: 2;position: relative;overflow: hidden;transition: color 0.2s;/* margin-top: 15px; *//* text-align: center; */margin: 0 auto;justify-content: center;}
#box-6 .submit input{background: transparent;border: none;font-size: 16px;color: #fff;font-weight: bold;/* padding: 0 85px 12px 30px; */line-height: 52px;width: 150px;text-align: center;}
#box-6 .submit>div:hover input{color: var(--main_color);}
#box-6 .submit>div img{width: 26px;margin-left: 10px;transition: 1s;position: absolute;right: 35px;top: 35%;}
#box-6 .submit>div:hover img{content: url(/images/index_btn_jtC.png);transform: translateX(5px);}
#box-6 .submit>div::before {content: "";will-change: transform;transform-origin: 50% 0%;border-radius: 50%;width: 150%;height: 200%;transition: transform 1s cubic-bezier(.5,0,0,1);position: absolute;top: -50%;left: -25%;transform: scaleY(0);z-index: -1;background-color: #fff;}
#box-6 .submit>div:hover::before {transform-origin: 50% 100%;transform: none;}



/*标签栏*/
/*标签栏*/
.crumbs{ width: 1470px; margin: 0 auto;}
.crumbs_nav{ float: left; width: 30%; line-height: 80px;display: flex;
    align-items: center;}
.crumbs_nav a{ display: inline-block; margin: 0 15px;}
.crumbs_nav a:hover{ color: var(--main_color);}
.crumbs_nav a.b{ background: url("/images/btn1.png") no-repeat center; width: 20px; height: 20px; position: relative; }
.crumbs_nav span{ margin-left: 15px; color: var(--main_color);}
.crumbs ul{ float: right; width: auto;}
.children-navs{ margin-bottom:36px;}
.children-navs ul li{ min-width: auto; margin:0 5px;}
.children-navs ul li:last-child{ margin-right:0;}
.children-navs ul li a{ font-size:16px; padding: 0 15px;}
.children-navs ul li:hover a{ color: var(--main_color);}
.children-navs ul li.active a{ color: var(--main_color);}
.children-navs ul li.active:after, .children-navs ul li.active:before{ bottom: -2px; background: var(--main_color);}
.children-navs ul li:hover:after, .children-navs ul li:hover:before{ bottom: -2px; background: var(--main_color);}






/*内页大图*/
#mould76972{ width:100%;}
.fixed_img img {width: 100vw;}
.fixed_img{ width:100%; position:relative; overflow:hidden;}
.fixed_img .txt{ position:absolute; left:0; top:0; bottom:0; right:0;  z-index:9; background: rgba(0,0,0,0.1);display: flex;
    align-items: center;
    justify-content: center;}
.fixed_img .txt h2{line-height: 2;font-family:'alimama';color:#fff;font-size: 3vw;}
.fixed_img .txt h5{ font-size:1.5vw; line-height: 3rem; font-weight:600; color:#fff;  text-transform: uppercase;}
.txt .main_a {text-align: center;}
/*基本页*/
#mould76974{ min-height:400px;}
#mould76976{ width:1600px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}



.honor_list_a{ width:100%; background:url(/images/about4_bg.jpg) no-repeat center bottom; padding:60px 0;}
.honor_list_a .one_box_a .swiper-slide{ padding:0 10px;}
.honor_list_a .one_box_a{ position:relative;}
.honor_list_a .one_box_a:after{ content:""; width:100%; height:1px; background:var(--main_color); position:absolute; top:50%;}
.honor_list_a .one_box_a .swiper-slide:before {
    content: "";
    width: 1px;
    height: 50px;
    background: var(--main_color);
    position: absolute;
    left: 52.6%;
    bottom: -24%;
    transform: translateX(-50%);
}
.honor_list_a .one_box_a .swiper-wrapper{
  -webkit-transition-timing-function:linear;
  -moz-transition-timing-function:linear;
  -ms-transition-timing-function:linear;
  -o-transition-timing-function:linear;
  transition-timing-function:linear;
}
.honor_list_a .one_box_a .swiper-slide h3{ position:relative; text-align:Center; line-height: 24px; height:48px; margin: 0 0 10px 0;}
.honor_list_a .one_box_a .swiper-slide h3 span{ display:inline-block; width:12px; height:12px; border-radius:6px; box-sizing:border-box; background:none; border:3px solid rgba(250,157,153,1); margin-right:10px;}

.honor_list_a .one_box_a .swiper-slide{ position:relative;}
.honor_list_a .one_box_a .swiper-slide:after{ content:""; width:16px; height:16px; border-radius:50%; background:var(--main_color); position:absolute; left:50%; bottom: -27%;}
.honor_list_a .one_box_a .swiper-slide:before{ content:""; width:1px; height:50px; background:var(--main_color); position:absolute; left:52.6%; bottom: -24%; transform:translateX(-50%);}
.honor_list_a .one_box_a .swiper-slide:nth-child(even){ margin-top:300px;}
.honor_list_a .one_box_a .swiper-slide:nth-child(even):after{ top:-25.6%;}
.honor_list_a .one_box_a .swiper-slide:nth-child(even):before{ top:-24.5%;}
.honor_list_a .one_box_a .swiper-slide:nth-child(even) h3{ margin:10px 0 0 0;}




/*荣誉页面*/
.picture1 .picture1-cont{ width:1600px; margin:0 auto;}
.picture1 .picture1-cont > ul{ margin-bottom:20px;}
.picture1 .picture1-cont > ul li{ width:23.5%;}
.picture1 .picture1-cont > ul li a{ border:1px solid #ccc; box-sizing:border-box;}
.picture1 .picture1-cont > ul li a img{ height:auto;}


/*产品列表*/
.product-list > ul li img {
    transition: 1s;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.product-list{ width:88%;}
.product-list > ul li{ margin-bottom:20px; width:24%;}
.product-list > ul li p:first-child{display: flex;    background: #e1f0e6eb;
    padding: 3%;
    justify-content: center;
    align-items: center;
    height: 300px;
    border: 1px solid #ccc;
    overflow: hidden;}
.product-list > ul li h2{ text-align:center;}
.product-list > ul li p:last-child{ border-top:1px solid #e5e5e5; line-height:24px; text-align:left; padding-top:10px; height:48px; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

/*产品详情*/
.main3{ width:88%; padding:0; margin-bottom:0;}
.products {
display: flex;
    justify-content: center;
    margin-top: 2%;
    flex-direction: column;
    align-items: center;
}
.products img {
    width: 85%;
    margin: 0 auto;display: flex;}
.products h3 {
    font-size: 1.2vw;
    font-weight: bold;color:var(--main_color);
}
.pro .pp{
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.productl ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 两列，每列占据可用空间的相等部分 */
    gap: 50px;margin-bottom: 2%;
}
.pro {
    display: flex;
    flex-direction: column;
}
.pro img {
    border-radius: 30px 30px 0 0;
}
.proo {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background: var(--main_color);
    border-radius: 0 0 30px 30px;
}
.pro:hover .proo {
    color:#fff!important;
}
.proo p {
    font-size: 16px;    margin-top: -6%;line-height: 1.5;
    text-align: justify;width: 90%;
}
.pro h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 3;
    color: #fff;
}

/*产品详情-推荐新闻*/
.main4 {
    width: 82%;
    padding: 1% 0 2% 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.main4 .mySwiper2 {
    height: 500px;
    width: 52%;
}
.main4 .mySwiper2 .swiper-slide{ background-position: center; position:relative;}
.main4 .mySwiper2 .swiper-slide p{ position:absolute; bottom:0; left:0; font-size:24px; line-height:64px; color:#fff; width:100%; padding:0 24px; box-sizing:border-box;
  background:url(/images/underlay-bg.png); background-size: contain;}
.main4 .mySwiper2 .swiper-button-prev:after,.main3 .mySwiper2 .swiper-button-next:after{ display:none;}

.main4 .mySwiper{ height: 200px; box-sizing: border-box; padding: 10px 0;}
.main4 .mySwiper .swiper-slide{ width: 25%; height: 100%; opacity: 0.4; background-size: cover;}
.main4 .mySwiper .swiper-slide-thumb-active{ opacity: 1;}

/*新闻*/
.neww{margin-top: 1%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.nn {display: flex; justify-content: center;    width: calc(25% - 10px);flex-direction: column;padding: 3%;background: #fff;margin-right: 2%;margin-bottom: 5%;border-radius: 20px;}
.neww .nn:nth-child(3n){margin-right:0;}
.nn:hover{box-shadow:0px 0px 12px #0000004d;}
.nn:hover h4{color:var(--main_color);}
.times {display: flex;justify-content: space-between;width: 100%;align-items: center;}
.nn .times p {color:#fff;background: var(--main_color);padding: 2% 5%;border-radius: 30px;margin-bottom: 0;}
.times h5 {color: #777;font-size: 14px;}
.nn h4 {margin: 7% 0;font-size: 24px;line-height: 1.5;}
.nn p {text-align: justify;margin-bottom: 6%;line-height: 1.5;color:#333;}
.nn a {color: #999;display: flex;align-items: center;flex-direction: column;}
.nn a span{background: url(/images/btn.png) no-repeat center center;width: 29px;height: 29px;display: block;margin-left: 2%;}
.nn a.cha {display: flex;flex-direction: row;}



.newcontent{width:80%; min-height:400px; padding-top:0;overflow-y: hidden;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;text-align: justify;}
.newcontent h3 a,.tb_page h4 a,.fenye3_all h4 a{ color:var(--main_color);}
.tb_page{ width:1600px; margin:30px auto;}

.f-pageone.fenye{ margin:10px 0 48px;}



/*视频*/
#mould35389{ width:1600px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;margin-right:4%;}
#mould35389 li:nth-child(2){ margin-right:0;}
#mould35389 li:nth-child(4){ margin-right:0;}
#mould35389 li:nth-child(6){ margin-right:0;}
#mould35389 li .videos{ height: 432px;background-color:#000;}
#mould35389 li video{ width:100%; height: 100%; border:none;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}
#mould52519 .span6:first-child{ width:60%; overflow: hidden;}
#mould52519 .span6:last-child{ width:36%; float:right;}
#mould52519{ width:1300px; margin:0 auto 40px;}


/*底部*/
/*底部*/
footer{ background: var(--main_color) url(/images/foot_bg.jpg) no-repeat center bottom 80px; padding:100px 0;}
footer .left{ float:left;}
footer .left li{ margin-bottom:40px;}
footer .left li h4{ float:left; font-size:20px; line-height:24px; margin-right:24px;}
footer .left li h4:before{ content:"•"; color:#fff; padding-right:12px;}
footer .left li h4 a{ color:#fff;}
footer .left li h5{ float:left; font-size:18px; line-height:24px; margin-right:24px;}
footer .left li h5 a{ color:rgba(255,255,255,0.9);}
footer .left li h5:hover a{ color:rgba(255,255,255,0.8);}

footer .right{ width:24%;}
footer .right .ewm{ float:left; margin-right:30px; margin-top:30px;}
footer .right .ewm:last-child{  margin-right:0;}
footer .right .ewm h5{ text-align:center; color:#fff; line-height:36px;}
footer .right{ float:right;}
footer .right .lianxi_a p{ color:#fff; line-height:36px;}
footer .right .lianxi_a p span{ font-size:24px; font-weight:bold;}

.messages3{ width: 28%; background:none; float:left; margin-left:8%;}
.messages3 ul{ padding: 0; width: 100%;}
.messages3 ul li{ margin-bottom:12px;}
.messages3 ul li input{ float: inherit;height: 50px; padding: 0; padding-left: 14px; width: 100%; color:#333; border:none; border-radius: 6px; margin: 0!important; background:#fff; box-shadow:none; font-size:16px;}
.messages3 ul li input:first-child{ margin-right:2%!important;}
.messages3 ul li input:focus{ box-shadow:none; border:1px solid #fff;}
.messages3 ul li textarea{ float: inherit; height: 180px; padding: 0; padding: 14px 0 0 14px; width: 100%; color:#333; border:none; border-radius: 6px; margin: 0; background:#fff; box-shadow:none; font-size:16px;}
.messages3 ul li a{ width: 100%; background: #fff; border-radius: 6px; font-size: 16px; color: var(--main_color); margin: 0; line-height: 48px; height: 48px;}


.copyright{ background:#ffcb75; width:100%; color:#333; position:absolute; bottom:0;}
.copyright_bg{ width:1600px; margin:0 auto;}
.copyright p{ float:left; line-height:48px;}
.copyright p:last-child{ float:right;}
.copyright p a{ color:#333;}
.copyright p a:hover{ text-decoration: underline;}

.f-pageone.fenye li:hover{ border: 1px solid var(--main_color); background:var(--main_color); color:#fff;}
.f-pageone.fenye li a:hover,.f-pageone.fenye li:hover a{ color:#fff;}

@media (max-width: 1680px){.header_active .navbars41 .logo {width: 120px;}
.navbars41 li a {padding: 0 30px;}
  .picture1 .picture1-cont {width:88%;}.lianxi {
    width: 88%;}
  .width_1600 {width: 88%;}.navbars41 {width: 94%;}.crumbs {width: 88%;}.footer_down_cont {
    width: 88%;}.footer_down_text {
      width: 88%;}.copyright div {width: 88%;}
}

@media (min-width: 1560px) and (max-width: 1679px){.navbars41 li a {padding: 0 24px;}
  .pro h2 {
    font-size: 18px;}
  .proo p {
    font-size: 14px;}
  .about_list_d li span {font-size: 16px;}.lxr {max-width: 970px;}.lianxi li:nth-child(1) strong {
    font-size: 16px;
}.lianxi li strong {
    font-size: 16px;
}
}
@media (min-width: 1440px) and (max-width: 1559px){ 
  .messages3 {margin-left: 5%;}
  .wenzi p {
    font-size: 16px;}
  .pro h2 {
    font-size: 18px;}
  .proo p {
    font-size: 14px;}
 .lxr {max-width: 930px;}.navbars41 li>a {padding: 0 20px;}
  .lianxi li:nth-child(1) strong {
    font-size: 16px;
}.lianxi li strong {
    font-size: 16px;
}
 
}
@media (min-width: 1360px) and (max-width: 1439px){
  footer .right .ewm {margin-right: 20px; }
  .messages3 {margin-left: 2%;}
  .pro h2 {
    font-size: 18px;}
  .proo p {
    font-size: 14px;}
.navbars41 li>a {padding: 0 18px;}
  .company_lc {
    width: 86%;}
  .lxr {max-width: 860px;}.lianxi li:nth-child(1) strong { font-size: 14px;}
  .lianxi li strong {
    font-size: 14px;
}.lxr ul li p {font-size: 16px;}
}






