﻿:root{
	--main_color:#014fff;        /* 主色 */
	--main_color_rgb:1,79,255;  /* rgba */
}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
body.edit {
    max-width: 1920px;
    margin: 0 auto;
}
.width_1600{ width:1600px; margin:0 auto;}
.flex_space{ display: flex; justify-content: space-betweenn; flex-wrap: wrap;}
.container-fluid {
    position: relative;
    z-index: 999;
}
.titles{font-size:42px;color: #222;text-align:center;line-height:2;font-weight: bold;margin-bottom: 2%;}
.picture1 {margin-top: 3%;}
.boxes.b9 {
    position: relative;
    background: #fff;
    margin: 3% 0 0;
}

.liaoj {width: 250px;height: 40px;color: var(--main_color);display: flex;align-items: center;}
.a_img {position: relative;transform: translateX(20px);animation: jiant 3s infinite linear alternate;    display: flex;justify-content: center;align-items: center;}
.liaoj span {width: 35px;height: 35px;border: 1px solid var(--main_color);border-radius: 50px;}
.liaoj:hover span{border: 1px solid var(--main_color);}
.liaoj:hover{color:var(--main_color);}
.liaoj:hover .a_img img:first-child {opacity: 0;}
.liaoj .a_img img:last-child {position: absolute;left: 0;top: 0;opacity: 0;}
.liaoj:hover .a_img img:last-child {opacity: 1;}

/*侧边*/
.ce{border-radius: 55px;position:fixed;right: 20px;display: flex;bottom: 35%;z-index:300;display: flex;flex-direction: column;align-items: center;}
.right-float{width: 55px;height: 218px;border-radius: 55px;background: var(--main_color);display: flex;justify-content: space-evenly;align-items: center;flex-direction: column;margin-bottom: %;}
.right-1{width: 40px;height: 40px;background: var(--main_color);border-radius: 40px;/* margin-top:1px; */display:flex;position:relative;cursor:pointer;/* padding-bottom: 5%; */flex-direction: column;justify-content: center;align-items: center;}
.right-1 a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.ce samp{width: 100%;/* height: 40px; *//* overflow:hidden; *//* display:block; */text-align:center;display: flex;justify-content: center;align-items: center;}
.imger {opacity: 0;width: 0;}
.ce img {display: flex;justify-content: center;}
.right-1:hover img{opacity:0;width:0;}
.right-1:hover{background:#fff;}
.right-1:hover .imger{opacity:1;width:auto;}
.right-1 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:12px;color:#fff;margin-top:6px;}
.right-phone{width:200px;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 img {
    opacity: 1!important;
    width: 100%!important;
}
.right-1:hover .right-wx{transform:translateY(-50%) scale(1);opacity:1;}
.right-2{width: 40px;height: 40px;background: var(--main_color);border-radius: 40px;margin-top:1px;display:flex;/* flex-wrap:wrap; *//* position:relative; *//* cursor:pointer; *//* box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04); */justify-content: center;align-items: center;margin-top: 20px;}
.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;}

/*办公环境/员工关怀/培训发展*/
.honor_list{ width:100%; background: #f1f1f1; padding:60px 0;}
.slider11{ width:1360px; margin:0 auto;}
.slider11 .swiper-container{ padding:120px 0;}
.slider11 .swiper-slide{ align-items: center; transition: 300ms; transform: scale(1); border-radius:8px; overflow:hidden;}
.slider11 .swiper-slide a{ display:block; position:relative;}
.slider11 .swiper-slide a img {
    overflow: hidden;
    border-radius: 20px;
}
.slider11 .swiper-slide a:before{ content:""; width:100%; height:100%; background:url(/images/honor_list_bg.png) no-repeat bottom; background-size:100%; position:absolute; top:0; left:0;overflow: hidden;
    border-radius: 20px;}
.slider11 .swiper-slide a:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
.slider11 .swiper-slide a div{ width:100%; position:absolute; left:0; bottom:0; color:#fff; padding:0 30px 20px 30px; box-sizing:border-box;}
.slider11 .swiper-slide a div h2{ font-size:18px; line-height:18px; font-family: "ZYYT-B";}
.slider11 .swiper-slide a div p{ font-size:12px; line-height:12px; margin-top:8px; position:relative; padding-left: 16px;}
.slider11 .swiper-slide a div p:after{ content:""; width:10px; height:10px; border-radius:50%; box-sizing:border-box; background:none; border:2px solid rgba(250,157,153,1); position:absolute; top:50%; left:0; transform:translateY(-50%);}

.slider11 .swiper-slide-active,.slider11 .swiper-slide-duplicate-active{ transform: scale(1.8)!important; z-index:99;}
.slider11 .swiper-slide-active a:after,.slider11 .swiper-slide-duplicate-active a:after{ background:rgba(0,0,0,0);}
.slider11 .swiper-button-next{ top:50%; right:14%; width:35px; height:35px; background:url(/images/btn_jiantou.png) no-repeat; transform:rotate(180deg);}
.slider11 .swiper-button-prev{ top:50%; left:14%; width:35px; height:35px; background:url(/images/btn_jiantou.png) no-repeat;}

.ying{background: url(/images/linian.jpg) no-repeat bottom;background-size: cover;height: 750px;padding-top: 3%;margin-bottom: 4%;}
.ying .width_1600 {background:#014fffa1;
    padding: 5% 4%;
    width: 70%;
    margin: 0 auto;
    border-radius: 20px;
}

.ying .width_1600 p {
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 2%;
    text-align: justify;
    text-indent: 2em;
    color: #fff;
}

.ying h2 {
    color: #fff;
}
#box-a h2{ color: var(--main_color); }
#box-a 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;}
#box-a .condition-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5%;
    }
#box-a .condition-item {
      width: 30%;
      border-radius: 10px;
      display: flex;
      align-items: center;
      padding: 15px;
      border: 1px solid var(--main_color);
      background-color: #fff;
      box-shadow: 0 0 10px rgb(0 0 0 / 10%);
      position: relative;
}
#box-a .condition-number {
	width: 52px;
	height: 52px;
	background: #014fff94;
	font-weight: bold;
	border-radius: 5px;
	background-size: contain;
	color: white;
	margin: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#box-a .condition-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 74%;
    }
#box-a .red-bg {background-color: var(--main_color);color: white;font-size: 16px;text-align: center;/* padding: 0 2%; */width: 100%;height: 70px;display: flex;line-height: 2;border-radius: 10px;/* margin-right: 24px; */justify-content: center;align-items: center;}


/*返回顶部*/
.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;}
.back_top img{ width: 20px; display: block; margin:0 auto 5px auto; padding-top:10px;}
.back_top p{ font-size: 14px;}
.product-list {
  width: 82%;}

.about_list_b{margin-bottom:5%;}
.pz #about_list_c {display: flex;justify-content: space-evenly;align-items: center;margin: 5% 0;flex-direction: column-reverse;}
.pz #about_list_c .bgg {/* width: 48%; */padding-right: 0;}
.pz #about_list_c .tu {
    /* width: 45%; */
    overflow: hidden;
    border: 24px solid rgba(1,79,255,0.2);
    box-sizing: border-box;
    border-radius: 10px;
}
.bgg h1 {font-size: 36px;line-height: 40px;margin-bottom: 40px;position: relative;display: inline-block;}
.bgg h1:after {content: "";width: 54px;height: 54px;border-radius: 50%;box-sizing: border-box;background: none;border: 6px solid rgba(1,79,255,0.2);position: absolute;bottom: -4px;right: -16px;}
.pz #about_list_c .bgg p{    text-align: justify;font-size: 18px;line-height: 30px;position: relative;padding-left: 20px;margin-bottom: 20px;}
.pz #about_list_c .bgg p:after {content: "";width: 12px;height: 12px;border-radius: 50%;box-sizing: border-box;background: none;border: 3px solid rgba(1,79,255,1);position: absolute;top: 12px;left: 0;}
.pz #about_list_c .tu img {transition: 1s;}
.pz #about_list_c .tu:hover {border: 24px solid rgba(1,79,255,1);cursor: pointer;}
.pz #about_list_c .tu:hover img {transform: scale(1.1);}

.pz #about_list_b {display: flex;justify-content: space-evenly;align-items: center;flex-direction: row-reverse;}
.pz #about_list_b .bgg {width: 48%;padding-left: 5%;}
.pz #about_list_b .tu {width: 45%;overflow: hidden;
    border: 24px solid rgba(1,79,255,0.2);
    box-sizing: border-box;
    border-radius: 10px;}
.bgg h1 {font-size: 36px;line-height: 40px;margin-bottom: 40px;position: relative;display: inline-block;}
.bgg h1:after {content: "";width: 54px;height: 54px;border-radius: 50%;box-sizing: border-box;background: none;border: 6px solid rgba(1,79,255,0.2);position: absolute;bottom: -4px;right: -16px;}
.pz #about_list_b .bgg p{    text-align: justify;font-size: 18px;line-height: 30px;position: relative;padding-left: 20px;margin-bottom: 20px;}
.pz #about_list_b .bgg p:after {content: "";width: 12px;height: 12px;border-radius: 50%;box-sizing: border-box;background: none;border: 3px solid rgba(1,79,255,1);position: absolute;top: 12px;left: 0;}
.pz #about_list_b .tu img {transition: 1s;}
.pz #about_list_b .tu:hover {border: 24px solid rgba(1,79,255,1);cursor: pointer;}
.pz #about_list_b .tu:hover img {transform: scale(1.1);}



/*导航*/
#mould87106{width:100%;position: fixed;top:0;left:0;background: linear-gradient(to bottom,#0050ff, #024fff,#0196fd)!important;z-index:99;transition: .6s ease-in-out;}
.navbars41{ height:100px;}
.navbars41 .logo{ float:left; width: 240px; height: 100%; display: table;background:url(/images/logo.png) no-repeat;background-size:contain; background-position: center;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{display: table; height:100%;margin:0 auto;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 30px; font-size:18px; font-weight:bold; color:#fff; transition: .4s ease-in-out;}
.navbars41 li a:hover{ color:#fff;}
.navbars41 ul li.active::after, .navbars41 ul li:hover::after {width: 20%;left: 40%;bottom:20px;}
.navbars41 .bot{float:right;line-height: 100px;display: flex;justify-content: space-between;flex-direction: row;align-items: center;background: url(/images/earth.png) center left no-repeat;padding-left: 22px;}
.navbars41 .bot span {width: 1px;height: 16px;background: #fff;margin: 0px 10px;}
.navbars41 .bot .qh {color: #fff;font-size: 18px;font-family: arial;}
.navbars41 .btngsearch{width: 16px;height: 16px;background:url(/images/sousuo.png) no-repeat center;}
.head-search{width:100%;background: rgba(0,0,0,0.2);position: fixed;left:0;top:-200px;transition:.5s;z-index:9;}
.head-search div{width:1200px;margin:30px auto;position:relative;}
.head-search input{width: 100%;height: 60px;line-height: 60px;background: #f5f5f5;font-size: 16px;transition:.5s;box-shadow:none;border: 2px solid var(--main_color);padding: 0 20px;box-sizing:border-box;margin-bottom:0;border-radius: 50px;}
.head-search a{background:var(--main_color) url(/images/sousuo.png) no-repeat center;width:60px;height:60px;display:block;position:absolute;right:0;top:0;border-radius: 0 50px 50px 0;}
.btn_active{ top:100px;}
.navbars41 li .hide1{width: 196px;position:absolute;top: 80px;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%);z-index: 999;}
.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: 15px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}


/*标签栏*/
.children_navs{ position:absolute; left:0; bottom:0; width:100%; background:rgba(1,79,255,0.8);}
.children_navs ul{ margin:0 auto;}
.children_navs li{ float:left; width:180px; line-height:60px; text-align:Center; margin: 0 10px;}
.children_navs li a{ color:#fff; font-size: 18px;}
.children_navs li.active{ background:#fff;}
.children_navs li.active a{ color:#333;}

.children_navs_active{ position:fixed; left:0; top:0; bottom:inherit; width:100%; background:rgba(50,171,161,1); z-index:99;}


/*关于我们*/
.about {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin: 4% auto 5%;
}

.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;
}
.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(1,79,255, .75));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-radius: 20px;
    border: 1px solid #333;
    height: auto;
    overflow: hidden;
}
#honor { margin: 3% 0;}
#honor a {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
}

#honor a p {
    line-height: 3;
    background: var(--main_color);
    width: 100%;
    text-align: center;
    color: #fff;
}
/*风采*/
.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;background:#000;padding-top: 100px;}
.fixed_img .txt{ position:absolute; left:0; top:0; bottom:0; right:0;  z-index:9; }
.fixed_img .txt h2{ font-size:.6rem; line-height: .6rem; font-family:'alimama'; color:#fff; margin-top:.8rem;}
.fixed_img .txt h2:after{ content:''; width:1.3rem; height:.06rem; background:var(--main_color); display:block;  margin:.15rem 0 .1rem; border-radius:5px;}
.fixed_img .txt h5{ font-size:.28rem; line-height: .36rem; font-weight:600; color:#fff;  }

/*基本页*/
#mould76974{ min-height:400px;}
#mould76976{ width:82%; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}


/*荣誉页面*/
.picture1 .picture1-cont{ width:82%; 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;}

/*产品列表*/
.menu_a{/* border-bottom:1px solid #ccc; */position:relative;display: flex;justify-content: center;}
.menu_a>div{/* padding:30px 0 20px 0; */    margin: 2% 0;display: flex;justify-content: center;width: 50%;}
.menu_a>div a{text-align: center;display: flex; margin-right: 2%;background: #999;color: #fff;/* width: 150px; */padding: 0 3%;height: 52px;justify-content: center;align-items: center;}
.menu_a>div a:last-child{margin-right:0!important;}
.menu_a>div a span{ width:60px; height:60px; margin:0 auto; border-radius:50%; display:block; border:1px solid #ccc; box-sizing:border-box; overflow:hidden;} 
.menu_a>div a.active span{ background:var(--main_color); border:none;}
.menu_a>div a:hover span{ background:var(--main_color); border:none;}
.menu_a>div a.active span img{ margin-top:-60px;}
.menu_a>div a:hover span img{ margin-top:-60px;}
.menu_a>div a p{/* margin-top:15px; */color: #fff;} 
.menu_a>div a.active {
    background: var(--main_color);
}
.menu_a>div a.active p{color: #fff;} 
.menu_a>div a:hover{ background: var(--main_color);} 
.menu_a>div a:hover p{ color:#fff;} 

.page403 a.current {background-color: var(--main_color)!important;}
.page403 a:not(.disabled):not(.current):hover {background-color: var(--main_color)!important;}

.product-list{ margin:30px auto; min-height:400px; z-index: 9; position: relative;}
.product-list > ul li{ width:23.5%;    border-radius: 6px;
    overflow: hidden;}
.product-list > ul li:nth-child(-n+4){ margin-bottom:2%;}
.product-list > ul li p:first-child{ height:260px;}
.product-list > ul li h2{ line-height:64px; padding:0 30px; font-family: "ZYYT-B"; font-size:17px; background:#f5f5f5;}
.product-list > ul li:hover h2{ background:var(--main_color); color:#fff;}
.product-list > ul li h2 em{ width: 76px; height: 28px; margin-top:18px;; display: block; background: var(--main_color) url(/images/jian.png) no-repeat center bottom 1px; border-radius: 14px; float:right;}
.product-list > ul li:hover h2 em{ background: #fff url(/images/jian.png) no-repeat center bottom 9px;}

.main3{ width:1480px;}
.product_xq3 h2{ height:auto;}
.main3 .fenye3_all{ margin:30px auto 0 auto;}

/*产品详情*/
.product_xq3_con {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main3{ width:82%; padding:0; margin-bottom:48px;}
.product_xq3 h2{ height: auto;width: 30%;}
.product_xq3 h2 img {border: 1px solid #333;}
.product3_txt h3 {line-height: 0px;padding: 30px 0!important;color: #003894!important;font-size:32px!important;margin-top: 1%;text-align: left;}
.product3_txt {margin: 2% 0;/* text-align:center; */}


/*门店展示*/
.timeline-img.pic_lc {
    background: var(--main_color);
}
#timeline::before {
    background: #014fff36;
}

.timeline-content {
    background: #f2f2f2;
    box-shadow: 0 3px 0 #014fff36;
}

.timeline-content h2 {
    font-weight: bold;
    color: var(--main_color);
}
.mendian_title h2 {font-size: 36px;margin: 2% 0;text-align: center;font-weight: bold;}
.mendian_a .swiper-slide img{/* border-radius:20px; */}
.mendian_a .swiper-container{padding-bottom:4%;}
.mendian_a .liaojie a{margin:0 auto;width:160px; line-height:50px; display:block; color:#fff; background: var(--main_color);text-align:center; position:relative;box-sizing: border-box;}
.mendian_a .liaojie a:hover {border-radius: 50px;background: var(--main_color);}
.brand_box3 .title1 h2{font-size: 36px;text-align: center;font-weight: bold;}
.brand_box3{ padding: 80px 0; background:url(/images/brand_bg1.jpg) no-repeat}
.history_a{ margin-top: 36px; height: 540px; overflow-y: scroll;}
.history_a ul{ position: relative; z-index: 1;}
.history_a ul::after{ content: ""; width: 1px; height: 100%; border-left: 1px dashed #999; position: absolute; left: 50%; top: 0; z-index: -1;}
.history_a li:nth-child(odd){ padding-left: 53%; text-align: left;}
.history_a li:nth-child(even){padding-right: 53%;text-align: left;display: flex;flex-direction: column;align-items: flex-end;}
.history_a li{ padding-top: 40px; position: relative;}
.history_a li::before{ content: ""; width: 15px; height: 15px; border-radius: 50%; border: 1px solid var(--main_color); position: absolute; left: 50%; top: 56px; transform: translateX(-50%);}
.history_a li::after{ content: ""; width: 11px; height: 11px; border-radius: 50%; background: var(--main_color); position: absolute; left: 50%; top: 59px; transform: translateX(-50%);}
.history_a li h2{ font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.history_a li p{font-size: 16px;line-height: 30px;width: 80%;}
.history_a ul .more{padding-top:2%;}
.history_a ul a{margin:0 auto;width:160px; line-height:50px; display:block; color:#fff; background: var(--main_color);text-align:center; position:relative;box-sizing: border-box;}
.history_a ul a:hover {border-radius: 50px;background: var(--main_color);}


/*产品详情-推荐新闻*/
.more_case1{ margin:60px auto; position:relative;}
.more_case1:after{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:39px; z-index:-1;}
.more_case1 h2{ display:inline-block; color:#fff; background:var(--main_color); line-height:40px; padding:0 15px; margin-bottom:24px;}

.more_case1 li{ float:left; width:32%; margin-right:2%; position:relative;}
.more_case1 li:nth-child(3n){ margin-right:0;}
.more_case1 li:nth-child(-n+3){ margin-bottom:1%; padding-bottom:1%; border-bottom:1px dashed #ccc;}
.more_case1 li .img{ float:left; width:30%; border-radius:8px; overflow:hidden;}
.more_case1 li .img img{ transition:1s;}
.more_case1 li:hover .img img{ transform:scale(1.1);}
.more_case1 li .txt{ float:right; width:66%;}
.more_case1 li h3{ font-size:16px; line-height:16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:12px 0;}
.more_case1 li:hover h3{ color:var(--main_color);}
.more_case1 li p{ font-size:14px; line-height:20px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} 


/*新闻列表*/
.newslist li{ width:32%!important;}
.newslist>ul li:hover .newsconts h3{ color: #333;}
.newslist>ul li .newsimgs{ height:288px;}
.newslist>ul li .newsconts{ padding: 15px 2% 5px 2%;}
.newslist>ul li .newsconts h3{ padding-bottom:10px;}
.newslist li .newsconts time{ display: block; margin-top:18px;}
.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}




.tb_page h4 a,.news001 .news_ny_cont_xq h3 a{ color: var(--main_color);}
#mould54322{ margin-top:40px;}

.newcontent{width: 74%;min-height:400px;margin-top: 3%;text-align: justify;margin: 3% auto 0;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;}
.tb_page h4 a,.fenye3_all h4 a,.newcontent h3 a{ color: var(--main_color);}
.tb_page{ width:82%; margin:30px auto;}
.f-pageone.fenye{ margin:0 0 24px 0!important;}





/*视频*/
#mould35389{ width:82%; margin: 48px auto 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;}
.map{ width:100%; height:auto;}
#mould52519 .span6:first-child{ width:60%; overflow: hidden;}
#mould52519 .span6:last-child{ width:36%; float:right;}
#mould52519{ width:1300px; margin:0 auto 40px;}

/*服务网络*/
.top-block {margin: 4vw 9.25vw;position: relative;z-index: 2;display: flex;align-items: center;}
.left-box {width: 47.738%;padding-right: 6.25vw;}
.c-title.gray span {color:var(--main_color);border-top-color: var(--main_color);}
.c-title span {display: inline-block;font-size: 52px;margin-bottom: 20px;}
.c-title.gray h2, .c-title.gray h3 {color: #1e2e45;}
.c-title h2 {font-size: 26px;    line-height:1.5;}
.left-box .items {margin-top: 3.125vw;display: flex;justify-content: space-between;}
.left-box .item.item-1:before {background-image: url(/images/icon-1-11.png);}
.left-box .item:before {content: '';width: 76px;height: 76px;background-position: center;background-repeat: no-repeat;background-size: contain;display: block;}
.left-box .item .num {font-size: 66px;color: var(--main_color);font-family: 'EuclidCircularA-Regular';}
.left-box .item p {font-size: 18px;color: #203451;}
.left-box .line {width: 1px;background-color: #cdd3e0;}
.left-box .item.item-2:before {background-image: url(/images/icon-1-22.png);}
.left-box a.more {display: block;margin-top: 3.125vw;width: 240px;border-radius: 24px;text-align: center;font-size: 16px;line-height: 48px;color: #fff;background:var(--main_color);transition: all .3s ease;}
.right-box {position: relative;width: 52.262%;}
.right-box img.bg {display: block;width: 100%;}



/*人才理念*/
.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: 22px;font-weight: bold;padding-right: 10px;}
.rczp{padding-top:4%;}
.rcln_box{margin-bottom:2%;width: 100%;display: flex;position: relative;justify-content: space-evenly;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;}
.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:64%; 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:30%; 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);}


/*lianxi*/
.boxes {position: relative;background: #fff;    margin: 5% 0 0;}
.contactBox {position: relative;direction: rtl;}
.contactBox {width: 100%;height: auto;display: flex;justify-content: space-between;margin-bottom: 2%;}
.sub_title{margin: 2% 0;}
.sub_title h3{text-align:center; font-size: 2vw;font-weight: bold;color: #000;margin-bottom: 1vw;position: relative;padding-bottom:1%;}
.sub_title h3:before{width: 60px;height: 4px;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;background:  var(--main_color);}
.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;
}

/*底部*/
.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;}
.foot_share img {
    border-radius: 10px;
    overflow: hidden;
}
.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);}
.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; */}

.newslist {
    margin-top: 3%;
}
.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 (min-width: 1921px) { 
}

@media (max-width: 1680px){
  .ying .width_1600 p {
    font-size: 16px;}
  .width_1600 {
    width: 90%;}
  .navbars41 li a {
    padding: 0 20px;}
 .about_list_e {
   width: 90%;}
}

@media (min-width: 1560px) and (max-width: 1679px){ 
  .footer_b {width: 360px;}
  .about_list_e {
    width: 90%;}
.width_1600 {
    width: 90%;}
  .navbars41 li a {
    padding: 0 20px;}
.about .abl p {line-height: 1.4;margin-top: 1%;}

}
@media (min-width: 1440px) and (max-width: 1559px){
.about { align-items: center;}
  .about .abl {
    width: 60%;}
  #box-a .condition-item {
    width: 27%;}
  .footer_b {width: 360px;}
  .footer_c {width: 56%;}
}
@media (min-width: 1360px) and (max-width: 1439px){
  
  .navbars41 li a {padding: 0 17px;}
  .navbars41 li a {font-size: 16px;}
.about { align-items: center;}
  .about .abl {
    width: 60%;}
  #box-a .condition-item {
    width: 27%;}
  .c-title span {
    display: inline-block;
    font-size: 38px;}
  .c-title h2 {
    font-size: 20px;}
  .left-box .item .num {
    font-size: 36px;
    color: var(--main_color);
    font-family: 'EuclidCircularA-Regular';
}
  .footer_b {width: 370px;}
.footer_c {width: 56%;}
}






