/* CSS Document */
:root{
	--main_color:#e62129;        /* 主色 */
	--main_color_rgb:229,0,18;  /* rgba */}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}
a {
    text-decoration: none;
}
.t_left_center{ display: flex; flex-direction: column; justify-content: center;}
.flex_start{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.t_center{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.width_1600{ width:1600px; margin:0 auto;}
.container-fluid{overflow:hidden;}

/*侧边*/
.right-float{width:70px;position:fixed;right:2px;bottom:4%;z-index:300;}
.right-1{width:70px;height:70px;background:var(--main_color);border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;}
.right-1 a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.right-1 samp{width:100%;overflow:hidden;display:block;text-align:center;}
.right-1 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:12px;color:#fff;margin-top:6px;}
.right-phone{width:240px;height:70px;position:absolute;right:90px;top:50%;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;border-radius:6px;box-sizing:border-box;padding-left:16px;opacity:0;transform-origin:right center;transform:translateY(-50%) scale(0);}
.right-phone:before{width:auto;content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:10px #fff solid;border-top:10px transparent solid;border-bottom:10px transparent solid;}
.right-phone p{width:100%;overflow:hidden;font-size:16px;color:#222;line-height:24px;}
.right-1:hover .right-phone{transform:translateY(-50%) scale(1);opacity:1;}
.right-wx{width:180px;height:180px;position:absolute;right:90px;top:50%;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;border-radius:6px;box-sizing:border-box;transform-origin:right center;transform:translateY(-50%) scale(0);}
.right-wx:before{width:auto;content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:10px #fff solid;border-top:10px transparent solid;border-bottom:10px transparent solid;}
.right-wx img{width:100%;height:auto;border-radius:6px;}
.right-1:hover .right-wx{transform:translateY(-50%) scale(1);opacity:1;}
.right-2{width:70px;height:70px;background:#fff;border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);}
.right-2 span{width:100%;overflow:hidden;text-align:center;display:block;font-size:14px;font-weight:bold;color:var(--main_color);background:url("/images/icon-153.png") no-repeat top center;padding-top:12px;}
.right-2 p{width:100%;overflow:hidden;text-align:center;display:block;font-size:12px;color:#222;}

.pro_serie .title_a {padding-top: 3%;}

.pro_serie .title_a h2 {
    color: #fff;
}

.pro_serie .title_a h3 {
    color: #fff;
}
/*产品列表*/
.width_1520 {
    width: 1600px;
    margin: 0 auto;
}
.container_a{ margin-top:64px!important;}
.container_a .sidebar{ width:18%; float:left;}
.container_a .sidebar h5 {font-weight:bold;       width: 256px;
    font-size: 20px;
    line-height: 50px;
    background:var(--main_color);
    margin-bottom: 6px;
    border-radius: 10px;
    text-align: center;color:#fff;
}
.container_a .sidebar li{  width: 256px;font-size:18px; line-height:50px; cursor: pointer;background: #efefefc7;
border-radius: 10px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 52px;}
.container_a .sidebar li a{color:#333;}
.container_a .sidebar li:hover{background:var(--main_color);}
.container_a .sidebar li:hover a{color:#fff;}
.container_a .content{float:right;width: 78%;padding-bottom:60px;}
.container_a .content h2{ font-size:36px; font-weight:bold; margin:0 0 20px 0;}
.container_a .content .product_list{ width:100%; margin-bottom:48px;}
.container_a .content .product_list li{width: 29%;float:left;margin: 0 2% 2% 0;text-align: center;padding: 2% 0 0;border: 1px solid #999;border-radius: 30px;}
.container_a .content .product_list li:nth-child(3n){ margin-right:0;}
.container_a .content .product_list li .a1{ display:block; border-radius:8px; overflow:hidden;}
.container_a .content .product_list li .a1 img{transition:.5s;width: 92%;border-radius: 50%;}
.container_a .content .product_list li div{ font-size:18px; font-weight:bold;    margin-top: 5%; box-sizing:border-box;text-align: center;}
.container_a .content .product_list li:hover div{ color:var(--main_color);}
.container_a .content .product_list li p{ font-family:arial; color:#999;padding: 20px 12px 0 12px;
    box-sizing: border-box;
    overflow: hidden;}
.container_a .content .product_list li:hover p{ color: #333;}
.container_a .content .product_list>div{ line-height:30px; margin-bottom:20px;}
.a2 {
    line-height: 5;
    background: var(--main_color);
    width: 120px;
    padding: 3% 7%;color:#fff;
border-radius: 50px;border:2px solid var(--main_color);}
.container_a .content .product_list li:hover .a2{background:none;color: var(--main_color);}

.container_a .sidebar li.active{ font-weight: bold; color: var(--main_color);}  
.sidebar.fixed{ position: fixed; top: 120px; z-index: 1000t;}
.main3 {width:1400px;}
.main3 .sidebar h5 {font-weight:bold; 
    font-size: 20px;
    line-height: 50px;
    background:var(--main_color);
    margin-bottom: 6px;
    border-radius: 10px;
    text-align: center;color:#fff;    padding: 0 20px;
}
.main3 .sidebar li{font-size:16px; line-height:50px; cursor: pointer;background: #efefefc7;
border-radius: 10px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 52px;    padding: 0 20px; cursor: pointer;}
.main3 .sidebar li a{color:#333;}
.main3 .sidebar li:hover{background:var(--main_color);}
.main3 .sidebar li:hover a{color:#fff;}
.main3 .sidebar{position: absolute;
    top: 10%;
    left: 0px;}
.main3 .sidebar li.active{ font-weight: bold; color: var(--main_color);}  
.about{display:flex;align-items: center;}
.about .abl {
    width: 48%;
    margin-right: 3%;
}

.about .abl h2 {
    font-size: 32px;
    line-height: 2;
}

.about .abl h3 {
    font-size: 44px;
    line-height: 1;
    text-align: right;
    font-family: Arial;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    /* margin-bottom: 3%; */
    color: var(--main_color);
}

.about .abl h3 span {
    font-weight: normal;
    margin-right: 2%;
    color: #bbb;
}

.about .abl p {
    font-size: 16px;
    line-height: 1.75;
    text-indent: 2em;
    text-align: justify;
    margin-top: 2%;
}

.pro_serie{
	width: 100%;
	height: 80vh;
	position: relative;
	padding: 0px;
	background: #000;
}

.title_a h2{font-family:arial;font-size: 32px;line-height: 2;font-weight:bold;color: var(--main_color);text-align:center;}
.title_a h3{letter-spacing:2px;font-size: 50px;line-height: 1;font-weight:bold;color: var(--main_color);text-align:center;margin:0 0 48px 0;}
.pro_serie .titles{font-size:42px;color: #fff;/* text-align: center!important; */line-height:2;font-weight: bold;margin-bottom: 2%;position: absolute;/* display: flex; */left: 44%;top: 5%;}

.serie{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.serie img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	left: 0px;
	top: 0px;
	-webkit-transition: all 1s;
}

.serie img.active{
	opacity: 0.7;
}
.pro_serie ul li {
    width: calc(100% / 3);
    height: 100%;
    position: relative;
    cursor: pointer;
}
.pro_serie ul{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	display: flex;
}

.pro_serie ul li{
	width: calc(100% / 3);
	height: 100%;
	position: relative;
	cursor: pointer;
}

.pro_serie ul li .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	z-index: 10;
	-webkit-transition: all 1s;
  margin-bottom: 5vw;
}

.pro_serie ul li .name b{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	font-size: 1.8vw;
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	-webkit-transition: all 0.5s;
	line-height: 1.3;
}
.pro_serie ul li .name b i{font-style: normal;}
.pro_serie ul li .name b span{display: block;width: 100%;font-size: 1vw;text-transform: uppercase;font-family: din;}
.pro_serie ul li .name b::after{width: 1px;height: 20px;position: absolute;left: 50%;margin-left: -0.5px;bottom: -10px;content: '';background: #fff;-webkit-transition: all 1s;}
.pro_serie ul li:hover .name b::after,.pro_serie ul li.active .name b::after{height: 40px;bottom: 0px;}
.pro_serie ul li:hover .name b,.pro_serie ul li.active .name b{padding-bottom: 60px;margin-bottom: 15px;}
.pro_serie ul li::after{width: 100%;height: 50%;position: absolute;left: 0px;bottom: 0px;background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(229,0,18));content: '';opacity: 0;-webkit-transition: all .5s;}
.pro_serie ul li:hover::after,.pro_serie ul li.active::after{opacity: 1;}
.pro_serie ul li .name p{-webkit-transition: all 0.5s;line-height: 28px;}
.pro_serie ul li:hover .name p,.pro_serie ul li.active .name p{letter-spacing: 1px;}

#honor .swiper-slide {
    border: 1px solid #333;
    height: auto;
}
#honor { margin: 3% 0;}

/*风采*/
.about_list_e{margin:64px auto; text-align:center;}
.about_list_e p{ font-size:24px; line-height:36px; margin:24px 0 40px 0;}
.about_list_e li{ float:left; width:23.5%; margin-right:2%; border-radius:12px; overflow:hidden;}
.about_list_e li img{ width:100%; transition:1s;}
.about_list_e li:hover img{ transform:scale(1.1); cursor: pointer;}
.about_list_e li:nth-child(-n+2){ width:49%; margin-bottom:2%;}
.about_list_e li:nth-child(2),.about_list_e li:nth-child(6){ margin-right:0;}


/*内页大图*/
.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.2);}
.fixed_img .txt h2{line-height: 2;font-family:'alimama';color:#fff;font-size: 56px;}
.fixed_img .txt h5{ font-size:30px; line-height: 3rem; font-weight:600; color:#fff;  text-transform: uppercase;}
.txt .main_a {text-align: center;}

.abs{ width: 1600px; margin:0 auto;display: flex;flex-direction: column;align-items: center;}
.abs h3 {font-size: 36px;font-weight: bold;line-height: 3;color:var(--main_color);}

.ab {display: flex;flex-direction: row;align-content: center;justify-content: space-between;align-items: center;}

.abl {flex: 1.2;max-width: 770px;margin-right:2%;}

.abr {flex: 1;max-width: 800px;}
.abr video {width: 100%;height: auto;}

.abl p {font-size: 16px;line-height: 1.5;text-align: justify;margin-bottom: 1%;}

.wenhua {display: flex;width: 1600px;position: relative;overflow: hidden;margin:5% auto;}
.wh {position: absolute;z-index: 2;top: 42%;left: 25%;display: flex;width: 800px;/* margin: 0 auto; */justify-content: space-between;}
.wh div {/* display: flex; */text-align: center;color: #fff;}

.wh div h2 {font-size: 24px;font-weight: bold;/* line-height: 3; */margin-bottom: 4%;}

.wh div p {font-size: 18px;line-height: 2;}

.lianxi {width: 1600px;margin: 5% auto 0;display: flex;align-items: center;padding: 5% 0;background: #fff2f2;justify-content: space-around;border-radius:50px;}
.lxl h1 {font-size: 76px;font-weight: bold;line-height: 1.5;background: url(/images/bj.png) no-repeat top right;margin-right: -14%;}
.lxl p {font-size: 20px;font-weight: 500;}
.lxr {flex: 1;display: flex;flex-direction: column;max-width: 1060px;}
.lxr h3 {font-size: 36px;line-height: 3;}
.lxr ul {display: flex;justify-content: space-between;}
.lxr ul li img {margin-bottom: 7%;}
.lxr ul li p {margin-bottom: 4%;font-size: 18px;}
.lxr ul li p a:hover{color:var(--main_color);}


/* 导航 */
#mould86072{ width:100%; top:0; left:0; background:#fff; z-index:99; transition:1s; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41{ width:1600px; height:100px; margin:0 auto;}
.navbars41 .logo{float:left;width: 16%;height: 100%;display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{float:right;display: table;height:100%;margin-right: 7%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li:first-child .hide1{ display:none;}
.navbars41 li>a{ padding:0 24px; font-size:16px; transition:.5s;}
.navbars41 li>a:hover{ color:var(--main_color);}
.navbars41 li.active a{ color:var(--main_color);}
.navbars41 .phone_a{ float:right;padding: 0 17px;position: relative;display: inline-block;}
.navbars41 .phone_a p{ background:url(/images/icon-2.png) no-repeat left center; padding-left:30px; font-size:20px; font-weight:bold; font-family:arial; line-height:100px;}
.navbars41 .btngsearch{ float:right;  width:50px; height:100px; line-height:100px; background:url(/images/icon-1.png) no-repeat center;}
.navbars41 .earth{float:right;padding: 0 17px;position: relative;display: inline-block;}
.navbars41 .earth p{ background:url(/images/icon-3.png) no-repeat left center; padding-left:26px; font-size:18px; font-weight:bold; font-family:arial; line-height:100px;}
.navbars41 .earth:hover p{color:#222;}
#searchBox{ position:fixed; top:100px; left:0; width:100%;  z-index:9999;}
#searchBox div{ width:1000px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{width: 100%;height: 60px;line-height: 60px;background: #fff;font-size: 16px;transition:.5s;box-shadow:none;padding: 0 20px;box-sizing:border-box;margin-bottom:0;}
#searchBox a{ background:var(--main_color) url(/images/icon-5.png) no-repeat center; background-size: 30px; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}
.navbars41 li .hide1{z-index:999;width: 186px;position:absolute;top:100px;left:50%;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 20px;}
.navbars41 li:hover .hide1 a{background: none;border-radius:inherit;color:#333;line-height: 56px;font-size:14px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radiuss:5px; color:#fff;}

  
#mould76972 .swiper-slide {width: 100%!important;}
/*页面宽度*/
#mould76972{ width:100%;}


/*基本页*/
#mould76976{ width:1600px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}

/*内页栏目*/
.ny_lanmu{ margin:0 auto;}
.ny_lanmu ul{ margin:64px auto;}
.ny_lanmu li{ width: 180px; float:left;}
.ny_lanmu li a{ font-size:18px; line-height:60px; text-align:center; display:block; background: rgba(var(--main_color_rgb),0.08); border-radius:0px; margin:0 10px;}
.ny_lanmu li.active a{ background: var(--main_color); color: #fff;}
.ny_lanmu li:hover a{ background: var(--main_color); color: #fff;}


/* 简介 */
.brand_box1 .left{ width:50%; padding:6vw 5vw 0; box-sizing:border-box;}
.brand_box1 .left h2{ font-family:arial; font-size:64px; line-height:72px; font-weight:bold; color: var(--main_color);}
.brand_box1 .left h3{ letter-spacing:2px; font-size:56px; line-height:64px; font-weight:bold; color: var(--main_color); margin:12px 0 36px 0;}
.brand_box1 .left p{ font-size:18px; line-height:36px; text-indent:2em;}
.brand_box1 .right{ width:50%;}

.brand_box2 .left{ padding:4vw 5vw 0;}
.brand_box2 .left p{ text-indent:0;}
.brand_box2 .left p span{ font-weight:bold; color: var(--main_color); display:block;}

.brand_box3 .left{ padding:4vw 5vw 0;}
.brand_box3 .left h4{ background: var(--main_yell_color); padding:20px 30px; box-sizing:border-box; text-align:center; margin-bottom:48px;}
.brand_box3 .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(2, 1fr);  
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    justify-content: space-around;
}
.brand_box3 li img{ width:150px; margin:0 auto; display:block;height:100%;}

.brand_box4{ background: url(/images/news-bg.jpg) no-repeat; padding:100px 0; background-attachment: fixed;}
.brand_box4 h2{ font-family:arial; font-size:64px; line-height:72px; font-weight:bold; color: #fff; text-align:center;}
.brand_box4 h3{ letter-spacing:2px; font-size:56px; line-height:64px; font-weight:bold; color: #fff; text-align:center; margin:12px 0 48px 0;}
#index_case_btn{ overflow:hidden;}
.brand_box4 .swiper-slide p{ font-size:18px; line-height:30px; color:#fff; margin-top:12px;}


/* 产品 */
.product_xq3_con {
    margin-top: 1%;
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
}
.product_xq3 h2 {
    width: 50%;
    height: auto;
    margin: 0;
    /* margin-left: 13%; */
}
.product3_txt p {
    line-height: 30px;
}

.product3_txt h3 {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
  line-height: 40px;padding:0;}
.product3_txt strong {
    font-size: 24px;
    color: var(--main_color);
}
.product-list{ width:1600px; margin:0 auto; box-sizing:border-box; margin-bottom:2%;}
.product-list > ul li{ width:32%; margin-bottom:2%;}
.product-list > ul li p:first-child{ height:auto;}
.product-list > ul li p:last-child{ font-size:30px; font-weight:bold; margin-top:12px;}
.product-list > ul li:hover p:last-child{ color: 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:1600px;}
.picture1 .picture1-cont > ul li a img {height:auto;}

/*新闻*/
.newslist{width: 1600px;margin: 0 auto;}
.newslist > ul {
    display: flex;
    /* display: -webkit-flex; */
    -webkit-justify-content: space-between;
    flex-direction: column;
}
.newslist a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.newslist>ul li .newsimgs {
    height: auto;
    border-radius: 6px;
    overflow: hidden;
    width: auto;
}
.newslist>ul li{ width:100%; transition: .8s ease-in-out;}
.newslist>ul li:hover{ border-radius:10px; overflow:hidden; margin-top:inherit;}
.newslist>ul li .newsimgs img{ transition:.5s;}
.newslist>ul li:hover .newsimgs img{ transform:scale(1.08);}
.newslist>ul li .newsconts{padding: 0 4%;    flex: 1;}
.newslist>ul li .newsconts h3 {
    /* padding-bottom: 10px; */
    /* line-height: 30px; */
    font-weight: bold;
    transition: .3s;
    font-size: 30px;
}
.newslist>ul li .newsconts p {
    font-size: 18px;
    line-height: 24px;
    color: #999;
    line-height: 3;
    margin: 0 0;}
.newslist li:hover .newsconts h3{ color: var(--main_color);}
.newslist li .newsconts time {
    display: flex;
    margin-top: 12px;
    justify-content: space-between;
}.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}

.newcontent{ width:1600px; min-height:400px; padding-top:0;overflow-y: hidden;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;}
.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_1360{ width:1500px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;}
#mould35389 li:nth-child(even){ float:right;}
#mould35389 li .videos{ border:1px solid #ccc; height: auto;}
#mould35389 li video{ width:100%; height: 404px; display:block;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}


/* 合作 */



#box-5{background: #eaf4ff;width: 100%;height: auto;padding: 50px 0 50px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
#box-5 h2{ font-family:arial; font-size:64px; line-height:72px; font-weight:bold; color: var(--main_color);text-align:center;}
#box-5 h3{ letter-spacing:2px; font-size:48px; line-height:48px; font-weight:bold; color: var(--main_color); margin:8px 0 16px 0;text-align:center;}
#box-5 .block {
    background: #eaf4ff;
    border-radius: 50px;
    padding: 100px 80px 130px 80px;
}
#box-5 .box1 {
    padding-top: 55px;
    position: relative;
    overflow: hidden;
    margin: 0 -20px;
}
#box-5 .box1{padding-top: 55px;position: relative;overflow: hidden;margin: 0 -20px;}
#box-5 .box1 li{position: relative;}
#box-5 .box1 li:not(:last-child)::after{content: '';width: 13px;height: 20px;background: url(/images/zsjm_lc_jt.png) no-repeat center center;background-size: contain;position: absolute;right: -6px;top: 30%;}
#box-5 .box1 .img{width: 68%;margin: auto;}
#box-5 .box1 .title{text-align: center;font-size: 24px;color: #333;margin-top: 25px;}

#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: 55px;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); /* Subtract margin */
}
 
#box-6 li:nth-child(-n+4):nth-child(even) {
    flex: 1 1 calc(30% - 20px); /* Subtract margin */
}
#box-6 h2{font-family:arial;font-size: 32px;line-height: 2;font-weight:bold;color: var(--main_color);text-align:center;}
#box-6 h3{letter-spacing:2px;font-size: 50px;line-height: 1;font-weight:bold;color: var(--main_color);text-align:center;margin:0 0 48px 0;}
#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;background: #fff;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;}

.jm_box4{ background:url(/images/about_bg.jpg) no-repeat; background-attachment: fixed; width:100%; padding:80px 3% 100px; box-sizing:border-box;}
.jm_box4 h2{ font-family:arial; font-size:48px; line-height:48px; font-weight:bold; color: var(--main_color); text-align:center;}
.jm_box4 h3{ letter-spacing:2px; font-size:56px; line-height:64px; font-weight:bold; color: var(--main_color); text-align:center; margin:0 0 24px 0;}
.jm_box4 .picture1 a{ width:24%; margin-top:30px; overflow:hidden;}
.jm_box4 .picture1 a img{ transition:.6s;}
.jm_box4 .picture1 a:hover img{ transform:scale(1.08);}

.jm_box5{ padding:100px 0;}
.jm_box5 h2{ font-family:arial; font-size:48px; line-height:48px; font-weight:bold; color: var(--main_color); text-align:center;}
.jm_box5 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;}
.jm_box5_cont{ width:100%; padding:0 3%; box-sizing:border-box;}
.fuwu .swiper-slide{ background: var(--main_color); padding:60px 0; box-sizing:border-box; color:#fff; text-align:center; cursor: pointer; border-radius:12px;}
.fuwu .swiper-slide h2{ font-size:30px; line-height:30px; font-weight:bold; letter-spacing:2px; color:#fff; margin-bottom:24px;}
.fuwu .swiper-slide .img{ width:84%; margin:0 auto; border:3px solid #fff; box-sizing:border-box; overflow:hidden; border-radius:12px;}
.fuwu .swiper-slide .img img{ transition:1s;}
.fuwu .swiper-slide .img:hover img{ transform:scale(1.08);}
.fuwu .swiper-slide p{ line-height:24px; width:84%; margin:16px auto 0 auto; text-align:left;}

.jm_box6{ width:100%; padding:80px 3% 60px; box-sizing:border-box;}
.jm_box6 h2{ font-family:arial; font-size:48px; line-height:48px; font-weight:bold; color: var(--main_color); text-align:center;}
.jm_box6 h3{ letter-spacing:2px; font-size:56px; line-height:64px; font-weight:bold; color: var(--main_color); text-align:center; margin:0 0 48px 0;}
.jm_box6 li{ width: 15%;}
.jm_box6 li img{ border:1px solid rgba(var(--main_color_rgb),0.1);}
.jm_box6 li p{ text-align:center; margin:10px 0 20px;}


/*人才理念*/
.sections{margin:0 auto;}
.recruit-s1 {padding: 6.25vw 0;}
.recruit-s1 .top-block {display: flex;}
.recruit-s1 .inner-tit {width: 360px;flex: 1 0 360px;}
.inner-tit h3 {font-size: 36px;}
.recruit-s1 .para {width: 100%;font-size: 18px;line-height: 2;color: #808080;text-align: justify;}
.recruit-s1 .items {margin-top: 3.125vw;display: flex;justify-content: space-between;}
.recruit-s1 .item {width: calc((100% - 48px) / 3);box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);transition: all .3s ease;}
.recruit-s1 .item .img-box {overflow: hidden;}
.recruit-s1 .item img {display: block;width: 100%;transition: transform .6s ease;}
.recruit-s1 .item .txt-box {position: relative;padding: 2vw;}
.recruit-s1 .item .txt-box:before {content: '';width: 4px;height: 36px;background-color: var(--main_color);position: absolute;top: 1.5vw;left: 0;transition: all .3s ease;}
.recruit-s1 .item h3 {font-size: 24px;color: #1c1b1b;transition: color .3s ease;}
.recruit-s1 .item p {font-size: 16px;line-height: 2;color: #808080;margin-top: 15px;transition: color .3s ease;text-align: justify;}

.width_ny_{ width:1600px; margin:0px auto 50px auto;}
.about_list_d{ text-align:center;}
.about_list_d h2{ font-size:36px; font-weight:bold; margin-top:36px;}
.about_list_d h3{ font-size:24px; line-height:36px; margin:24px 0 40px 0;}


/*招聘页*/
.zhaopin_list{ width:100%; margin: auto; min-height:620px;}
.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;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:32%;}
.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;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left li .title span:nth-child(3){ width:20%;}
.zhaopin_a .left li .title span:nth-child(4){ width:30%;}
.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: 9%;}
.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);}


/*底部*/
.footer_a {background: #2f3e51;display: flex;}
.footer_b {background: #314154;width: 420px;display: flex;flex-direction: column;align-items: flex-start;padding-left: 8%;padding-top: 5%;color: #fff;}
.footer_b .bb {margin-bottom: 8%;}
.footer_b .bb h3 {font-size: 42px;font-family: Arial;font-weight: bold;}
.footer_b .bb p {margin-bottom: 8px;}
.footer_b .bb h4 {font-size: 20px;font-family: Arial;}
.footer_b .bb h5 {font-size: 20px;}
.footer_b .bbb img {width: 160px;height: 160px;border-radius: 8px;overflow: hidden;}
.footer_b .bbb p {text-align: center;line-height: 2;}

.footer_c {display: flex;flex-direction: column;padding-left: 2%;padding-top: 5%;width: 60%;}
.navc {display: flex;flex-direction: row;justify-content: space-between;width: 100%;margin-bottom: 5%;}
.footer_c a {color: #fff;}
.navcc {display: flex;flex-direction: row;width: 26%;justify-content: space-between;}
.cc {display: flex;flex-direction: row;justify-content: space-between;}
.footer_c dt {font-size: 20px;margin-bottom: 50px;font-weight: normal;}
.footer_c dt a {border-bottom: 1px solid #ffffff2e;padding-bottom: 20px;}

.footer_c dd {font-size: 16px;line-height: 36px;}
.foterr {display: flex;flex-direction: column;}
.foterr b {font-size: 20px;font-weight: normal;color: #fff;}
.foterr .item {position: relative;}
.foterr .itp {display: flex;justify-content: space-between;align-items: center;height: 42px;border: 1px solid rgba(255,255,255,.1);background: #fff;padding: 0 20px;width: 180px;color: #333;line-height: 1.6;font-size: 15px;margin-top: 10%;}
.foterr .ibt {/* border-radius:0 0 5px 5px; */position: absolute;left: 0;top: 100%;width: 100%;background: var(--main_color);max-height: 500px;overflow-y: hidden;display: none;}
.foterr .link:first-child {padding-top: 5px;border-top: 1px solid rgba(255,255,255,.1);}
.foterr .link a {display: block;padding: 5px 20px;font-size: 14px;line-height: 1.5;color: #fff;border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);}
.foterr .ggt {overflow-y: hidden;}

.copyright {display: flex;flex-direction: row;justify-content: space-between;border-top: 1px solid #ffffff2e;margin-top: 5%;padding-top: 3%;margin-bottom: 3%;}
.copyright .le {display: flex;}
.copyright .foot_share a{width: 50px;height: 50px;display:block;border: 1px solid;border-radius: 50px;float:left;position:relative;}
.copyright .foot_share a:nth-child(-n+2){ margin-right:24px;}
.copyright .foot_share a:nth-child(1){background: url(/images/sj1.png) no-repeat center;}
.copyright .foot_share a:nth-child(2){ background: url(/images/wx1.png) no-repeat center;}
.copyright .foot_share a:nth-child(3){ background: url(/images/dy1.png) no-repeat center;}
.copyright .foot_share a div{width:120px;height:120px;position:absolute;bottom:56px;left:50%;margin-left:-56px;box-shadow: 0 0 8px rgb(0 0 0 / 10%);transition:.5s;transform: scale(0);}
.copyright .foot_share a:hover div{ transform: scale(1);}
.foot_share img {
    border-radius: 10px;
    overflow: hidden;
}
.copyright .ri {display: flex;flex-direction: column;color: #fff;align-items: flex-end;}
.copyright .ri p {font-size: 14px;line-height: 2;width: 100%;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.copyright .gong{background: url(/images/gong.png) no-repeat center left;padding-left: 4%;background-size: 8%;align-items: center;/* height: auto; */}

@media (min-width: 1921px) and (max-width: 4000px){
#mould76972{ width:100%;height:400px;}
.fixed_img img {
    transition: all 0.6s;
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
  left: 0;}
}

@media (max-width: 1680px){
  .width_1520{width: 92%;}.width_1600{width: 92%;} .abs{width: 92%;} .wenhua{width: 92%;} .lianxi{width: 92%;} .main_a{width: 92%;} .foott{width: 92%;} .newcontent{width: 92%;} .tb_page{width: 92%;} .picture1 .picture1-cont{width: 92%;}
  .newslist{width: 92%;} .product-list{width: 92%;} .navbars41{width: 92%;} #mould76976{width: 92%;}
}


@media (min-width: 1560px) and (max-width: 1679px){
.lxr {max-width: 880px;}
}

@media (min-width: 1440px) and (max-width: 1559px) {
   .fol h3 {
    font-size: 30px;}
  .for strong {
    font-size: 20px;
    color: var(--main_color);
}.fol ul {width: 80%;}
  .main3 {width:90%;}
.lxr {max-width: 880px;}.product_xq3 h2 {margin-left: 15%; width: 46%;}.main3 .sidebar li {padding: 0 14px;}
  .container_a .sidebar li {
      width: 220px;}.container_a .sidebar h5 {width: 220px;}
}

@media (min-width: 1360px) and (max-width: 1439px) { .fol h3 {
    font-size: 30px;}
  .for strong {
    font-size: 20px;
    color: var(--main_color);
}.fol ul {width: 80%;}
  .product_xq3 h2 {margin-left: 15%; width: 46%;}.main3 .sidebar li {padding: 0 14px;}
.lxr {max-width: 880px;}
  .container_a .sidebar li {
    font-size: 16px;}.main3 {width:90%;}.container_a .sidebar li {
      width: 220px;}.container_a .sidebar h5 {width: 220px;}
}
@media (min-width: 1300px) and (max-width: 1359px) { .fol h3 {
    font-size: 30px;}
  .for strong {
    font-size: 20px;
    color: var(--main_color);
}.fol ul {width: 80%;}
  .product_xq3 h2 {margin-left: 15%; width: 46%;}.main3 .sidebar li {padding: 0 14px;}
.lxr {max-width: 880px;}
  .container_a .sidebar li {
    font-size: 16px;}.main3 {width:90%;}
  .container_a .sidebar li {
      width: 220px;}.container_a .sidebar h5 {width: 220px;}
}