:root{
	--main_color:#d8271c;        /* 主色 */
	--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;
}
#good a {
    border: 1px solid #999;
}
.messages5{
  width:300px;
  position:absolute;
  top:-100px;
  left:-320px;
  border-radius:6px;
  background:#fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  padding:20px 24px;
  box-sizing:border-box;
  color:#333;
  text-align:left;
  display:none;
  }
.messages5 h2{ font-size:20px;}
.messages5 p{ color:#666!important; margin:3px 0 10px 0;}
.messages5 label{ display:block; line-height: 30px;}
.messages5 input{ display: block; width: 100%; border: 1px solid #d7d8d9; height: 36px; line-height: 36px; padding: 0 12px; font-size: 14px; box-sizing: border-box; outline: none;}
.messages5 textarea{ display: block; width: 100%; border: 1px solid #d7d8d9; height: 36px; line-height: 36px; padding: 0 12px; font-size: 14px; box-sizing: border-box; outline: none;}

.messages5 input::placeholder{ color: rgba(0,0,0,0.5);}
.messages5 input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0;}
.messages5 input[type="number"]{ -moz-appearance: textfield;}
.messages5 .phone_a{ margin-top:12px;}
.messages5 div a{ width:100%; line-height:36px; background: var(--main_color); color:#fff; text-align:Center; margin-top:20px;display: flex;
    justify-content: center;}
.messages5>a{ position:absolute; top:6px; right:6px; color:#fff; width:18px!important; height:18px!important; background:#333; border-radius:50%;}
.messages5>a img{ width:100%; height:100%; padding:0;}
.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;
}
.fixed_img{width:100%;position: relative;}


ul.shipin {
    margin: 2% 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
}


video#video17914 {
    height: 450px;
}

ul.shipin a {
    width: auto;
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #222;
}


.team_cont{ background:#f5f5f5; padding-bottom: 60px;}
.team_cont_a{width: 1280px;margin:0 auto;min-height:200px;padding-top:36px;}
.team_cont_a .left{ background:#fff; float:left; width:74%; min-height:200px; padding:30px; box-sizing:border-box;}
.team_cont_a .left h2{ font-size:24px; line-height:24px; border-bottom:1px solid #ccc; margin-bottom:24px; padding-bottom: 15px;}
.team_cont_a .left .team_cont_xq{ border-bottom:10px solid #ebebeb; margin-bottom:20px; padding-bottom:20px;}
.team_cont_a .left .team_cont_xq img{width:300px;height: auto;float:left;margin-right:36px;}
.team_cont_a .left h3{font-size: 26px;font-weight:bold;color:#000;}
.team_cont_a .left h4{font-size: 18px;color:#e12021;line-height:36px;}
.team_cont_a .left h4 span{ font-weight:bold; color:#333;}
.team_cont_a .left p{font-size: 16px;line-height:30px;}
.team_cont_a .left p span{ font-weight:bold;}


/*gongdi*/
.gongdi {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: space-between;
}

.gongdi .tuu {
    width: 94%;
}

.gongdi .tuu img {
    width: 100%;
}

/* 加盟优势 */
.join_c .ys {margin: 3% auto 2% auto;}
.join_c{ background:url(/images/join/jm_bg2.jpg) no-repeat center top; background-size:cover; padding:1.5rem 0 1rem; overflow:hidden; }
.join_c .main_a{ margin: auto; max-width: 1600px; position:relative;}
.join_c .swiper-slide{width:100%;}
.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 {width:84%;
    font-size: 18px;
    line-height: 1.75;color:#fff;
}

#tabs-container1 .box1 h1 {
    font-size: 4vw;
    margin-top: 14%;
    padding-left: 9%;
    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;
}


.youshi_a{ padding:0 0 4%;width: 100%;}
.youshi_a .title h2 {color: #fff;}
.youshi_a h4 {color: #fff;}
.youshi_a img {
    border-radius: 30px 30px 0 0;
}
.youshi_a .swiper-slide{position:relative;}
.wen {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5% 0;
    border-radius: 0 0 30px 30px;
    background: #fff;box-shadow: inset 0px -8px 10px rgb(0 0 0 / 30%);
}
img.imm {
    position: absolute;
    width: 100px;
    border-radius: 0;
    right: 7%;
}
.wen h5 {
    font-size: 24px;color:var(--main_color);
    font-weight: bold;
    line-height: 2;
}

.wen p {
    font-size: 18px;
    line-height: 2;
}
.youshi_a .swiper-container{ width:82%; margin:0 auto;padding-bottom: 2%;}
.youshi_a .swiper-wrapper a{ float:left; margin-right:2%; border-radius:30px; overflow:hidden; position:relative;filter: drop-shadow(0px 0px 5px rgb(2 126 63 / 30%));}
.youshi_a .swiper-wrapper a:last-child{ margin-right:0;}
.youshi_a .swiper-wrapper a img{ width:100%; transition:.5s;}
.youshi_a .swiper-wrapper a:hover img{ transform:scale(1.1);}
.youshi_a .swiper-wrapper a p{ font-size:18px; width:100%; line-height:60px; text-align:center; color:#fff; background: var(--main_color); position:absolute; left:0; bottom:0;}


/*产品列表*/
.pro_lanmu{width: 1600px;margin: 3% auto 30px auto;/* border: solid 1px #e5e5e5; */box-sizing:border-box;}
.pro_lanmu_a{border-bottom: solid 1px #e6e6e6;overflow: hidden;display: flex;align-items: center;}
.pro_lanmu label{
    display: block;
    float: left;
    width: 80px;
    text-align: left;
    font-size: 18px;
    /* line-height: 70px; */
    color: #333;
    background-color: #f8f8f8;
    margin-bottom:0;
}
.pro_lanmu ul{
    width: 90%;
   display: grid;
    grid-template-columns: repeat(9,1fr);
    /* float: left; */
    padding-left: 20px;
    line-height: 40px;
    background-color: #fff;
    /* border-left: solid 1px #e6e6e6; */
    flex-wrap: wrap;
}
.pro_lanmu li{display: flex;width: 100px;/* float:left; */line-height: 36px;margin: 17px 0;padding: 0 20px;font-size: 18px;color: #999;line-height: 60px;align-items: center;justify-content: center;}
.pro_lanmu li.active{ background:#d81518; color:#fff;}
.pro_lanmu li:hover{ background:#d81518; color:#fff;}

.product-list > ul li{ border:1px solid #ccc; box-sizing:border-box; margin-bottom:2%;}
.product-list > ul li div{ padding:20px; box-sizing:border-box;}
.product-list > ul li div p:first-child{ height:auto;}
.product-list > ul li div p:last-child{ text-align:inherit; font-size:14px; color:#666; line-height:14px; padding-top: 12px;}
.product-list > ul li div p:last-child span{ border-left:1px solid #999; display: inline-block; margin-left:4px; padding-left:4px;}
.product-list > ul li div p:last-child span:first-child{ border:0; margin-left:0; padding-left:0;}

#mould75352{ width:100%;}
#mould75352>div{ min-height:600px;}

#mould75355 p{ line-height:30px;}
#mould75355 p img{ margin: 5px 0;}



/*侧边*/
.right-float{width: 70px;position:fixed;right: 7px;bottom: 25%;z-index:300;/* padding: 10px; */background: #122133;/* border-radius: 70px; */box-shadow: 0px 0px 7px rgb(0 0 0 / 30%);display: flex;flex-direction: column;align-items: center;}
.topp {position: absolute;top: -30%;}
.right-1{width: 70px;height: 80px;display:flex;justify-content: center;flex-wrap:wrap;position:relative;cursor:pointer;/* margin: 20% 0; */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;}
.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-1:hover {
    background: var(--main_color);
}
.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: 800px;height: 400px;position:absolute;right: 100px;top: 88%;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: 80px;display:flex;justify-content: center;flex-wrap:wrap;position:relative;align-content: center;cursor:pointer;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);/* color: #e60012; */}
.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: #fff;
    line-height: 2;}
.right-2:hover{background:var(--main_color);}


/*导航*/
#mould87106{ width:100%; position:fixed; top:0; left:0; background:none; z-index:99; transition: .6s ease-in-out;}
.navbars41{ height:100px;}
.navbars41 .logo{float:left;width: 24%;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 ul li.active::after, .navbars41 ul li:hover::after {width: 20%;left: 40%;bottom:20px;}
.navbars41 ul li::after {width: 0%;height: 3px;position: absolute;left: 50%;bottom: 0px;border-radius: 50px;background: #fff;content: '';-webkit-transition: all .35s;}
.navbars41 .bot{float:right;line-height: 100px;display: flex;justify-content: space-between;flex-direction: row;align-items: center;background: url(/images/phone-a.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-a.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-a.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;}


.header_active .navbars41 li::after {
    background: var(--main_color);
}
.header_active{ background:#fff!important;
    box-shadow: 0 0 10px #00000052;}
.header_active .navbars41{ height:100px;}
.header_active .navbars41 li a{ color:#333;}
.header_active .navbars41 li a:hover{ color:#333;}
.header_active .navbars41 li.active a{ color: #333;}
.header_active .navbars41 .phone p{ color: #222;}
.header_active .navbars41 .qh{ color: #333;}
.header_active .navbars41 .phone{ margin-top:18px;}
.header_active .navbars41 .bot{ background: url(/images/phone.png) center left no-repeat;}
.header_active .navbars41 .bot span { background: #333;}
.header_active .navbars41 .btngsearch{background:url(/images/sousuo.png) no-repeat center;}
.header_active .navbars41 .logo{ float:left; width: 24%x; height: 100%; display: table;background:url(/images/logo-a.png) no-repeat;background-size:contain; background-position: center;}
.header_active .navbars41 .logo img{display:none;}


/*关于我们*/
.guanyu {display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 5% auto;}
.guanyu img {flex: 1;max-width: 850px; border-radius: 0 40px 0 40px;}
.gyz {margin-right: 2%;}
.gyz h3 {font-size: 80px;color: var(--main_color);line-height: 1;    text-transform: uppercase;font-weight: bold;}
.gyz b {font-size: 20px;line-height: 2;}
.gyz h4 {font-size: 36px;font-weight: bold;line-height: 2;}
.gyz p {line-height: 2;text-indent: 2em;font-size:18px;}
.brand_box3 .main_a {
    width: 88%;
    margin: auto;
    max-width: 1280px;
    position: relative;
}
.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: right;}
.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;}
.history_a ul .more{padding-top:1%;}
.history_a ul a{margin:0 auto;width:146px; line-height:46px; 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);}

.honor_a .ys {
    font-size: 2.3vw;
    text-align: center;
    margin: 2% auto 2% auto;
}
.ys {
    font-size: 2.3vw;
    text-align: center;
    margin:5% auto 2% auto;
}
.youshi {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 4%;
}

.shang {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.xia {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 2% auto;
}

.xx {
    display: flex;
    flex-direction: column;
    width: 45%;
    padding: 0 2% 2%;
    background: #007bff;
    align-items: center;
    border-radius: 20px;
}
.xx:hover {
    background: #004097;
}
.xx img {
    width: 100px;
    height: 100px;
    /* max-width: 200px; */
}

.xia .xx {
    width: 28%;
}

.xx h4 {
    font-size: 26px;
    line-height: 2;
    font-weight: bold;
    color: #fff;
}

.xx p {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    width: 80%;
    color: #fff;
}
/* 荣誉 */
.mendian {background: #fff;padding: 1.5% 0 6%;position:relative;}
.mendians .TitHead h2 {margin-bottom: 2%;}
.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%;}
.TitHead .desc {padding: 0 0 0 1.82vw;}
.TitHead .desc {color: #142233;}
.mendian .swiper-slide a {display: flex;flex-direction: column;align-items: center;border: 1px solid #ccc;}
.mendian .swiper-slide img {position: relative;}
.mendian .swiper-slide h5{position: absolute;bottom: 0;line-height: 3;background: var(--main_color);color: #fff;width: 100%;text-align: center;}
.mendian .swiper-container {position: unset;}

.mendian .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--main_color);}
.mendian .swiper-container-horizontal>.swiper-pagination-progressbar {width: 70%;height: 4px;left: 15%;top: 90%;}
.mendian .new-i-more {margin: 4% auto 0;}

.honor_a{background: url(/images/hezuo.jpg) center center / 100%;position:relative;padding: 1% 0 3% 0;margin-top: 5%;}
.honor_a .one_box_a{ margin-bottom:2%;}
.honor_a .swiper-wrapper{ transition-timing-function:linear !important;}
.honor_a .swiper-slide{ border-radius:12px; overflow:hidden; margin-right:40px;}
.honor_a .swiper-slide a{ display:block; width:100%; height:100%;}
.honor_a .swiper-slide a img{ width:100%; height:100%;}
.sz {width: 26%;display: flex;margin: 0 auto;justify-content: space-between;padding-top: 3%;}
.boxsz {display: flex;flex-direction: column;}
.heng {display: flex;flex-direction: row;align-items: flex-end;}
.sz h2 {font-family:'Beba';font-size: 50px;font-weight: bold;}
.sz p {font-size: 18px;line-height:1;margin-top: 3%;}
.honor_a.width_1600 {margin-top: 8%;}
.honor_a.width_1600 {margin-top: 8%;}
.hezis {display: grid;grid-template-columns: repeat(3,1fr);padding: 3% 2%;    gap: 30px;}
#tuan {background: url(/images/tuan.jpg) no-repeat;background-size: cover;padding: 1px 0 9%;height: 700px;    margin-top: 5%;}div#tuan .ys {margin-top: 3%;}
.hezi2 {display: flex;flex-direction: row;border: 1px solid #ccc;border-radius: 10px;padding: 13%;justify-content: center;align-items: center;}
.hezi2 img {border: 1px solid var(--main_color);padding: 10%;margin-right: 7%;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.xhz {display: flex;flex-direction: column;}
.xhz h3 {font-size: 24px;color: var(--main_color);font-weight: bold;line-height: 2;}
.xhz p {font-size: 18px;line-height: 2;}
.lcs {display: flex;margin: 2% auto;}

#lius {display: flex;flex-direction: column-reverse;position: relative;}

#liu {display: flex;flex-direction: column;position: relative;}
#liu b {position: absolute;transition: .3s;top: 63%;border: 0.01rem solid transparent;left: 50%;transform: translateX(-50%);width: 36px;height: 36px;background: var(--main_color);border-radius: 50%;line-height: 36px;font-size: 16px;font-weight: 400;color: #fff;z-index: 3;display: flex;justify-content: center;align-items: center;}

.liuch {display: flex;align-items: center;}
#lius b {position: absolute;transition: .3s;bottom: 63%;border: 1px solid transparent;left: 50%;transform: translateX(-50%);width: 36px;height: 36px;background: var(--main_color);border-radius: 50%;line-height: 36px;font-size: 16px;font-weight: 400;color: #fff;z-index: 10;display: flex;justify-content: center;align-items: center;}
.liuch:hover .ch {
    background: var(--main_color);
    width: 100%;
    color: #fff;
}

.liuch:hover b {
    background: #fff;
    color: var(--main_color);
    border: 1px solid var(--main_color);
}
.ch {height: 170px;display: flex;justify-content: center;align-items: center;}
.ch h5 {font-size: 20px;line-height: 2;font-weight: bold;text-align: center;}


/*标签栏*/
.children_navs{ position:absolute; left:0; bottom:0; width:100%; background:rgba(216,29,28,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;}



/*产品列表*/
.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;}

/*产品详情*/
.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-top: 2%;text-align:center;}


/*新闻列表*/
.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;}



/*VR*/
.vr ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: space-between;
    justify-items: center;gap:30px;
}

.vr {margin: 3% auto;}

.vr ul li {width: 90%;}

.vr ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background: var(--main_color); */
}

.vrimgs {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.vrimgs span {
    background: url(/images/vr.png) no-repeat center;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ffffff21;
}
.vrs {
    /* color: #fff; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 94%;
    /* height: 70px; */
    align-items: flex-start;
    padding: 0 3%;
}
.vrs h3 {
    font-size: 28px;
    line-height: 2;
}

.vrs time {
    font-size: 18px;
}

.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: 50px 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;background: var(--main_color);color: #fff;font-size: 18px;}
#mould35389 li:hover p{color: #fff;}
.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;}


/*联系*/
.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;
}

#box-2{padding-top: 10px;padding-bottom: 10px;}
#box-2 .box1{position: relative;display: flex;justify-content: space-between; align-items: center;}
#box-2 .box1 .left{width: 55%;padding-top: 35px;}
#box-2 .box1 ul{background: #fff;border-radius: 20px;padding:45px 50px 80px 50px;}
#box-2 .box1 ul .title{font-size: 30px;color: #222;padding-bottom: 10px;}
#box-2 .box1 li{width: 100%;display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.1);align-items: center;}
#box-2 .box1 li span{white-space: nowrap;margin-right: 18px;font-size: 18px;color: #999;}
#box-2 .box1 li span b{color:#FF0B0B;}
#box-2 .box1 input{width: 100%;background: transparent;font-size: 18px;outline-color: #fff!important;border:none;color: #222;padding: 32px 0;border: none;
    box-shadow: none;}
#box-2 .box1 input::-webkit-input-placeholder{color: #999;}
#box-2 .box1 input:focus{outline: none;}

#box-2 .box1 #submit{background:var(--main_color);border-radius: 20px;padding: 22px 25px 22px 25px;margin-top: 12px;transition: 0.5s;cursor: pointer;width: 20%;margin:0 auto;display: flex;align-items: center;justify-content: center;}
#box-2 .box1 .submit:hover{opacity: 0.95;}
#box-2 .box1 .submit span{color: #fff;font-size: 18px;}
#box-2 .box1 .submit img{width: 20px;}
.sb-center {
    display: flex;
    justify-content: space-between;
}
#box-2 .box1 .right{width: 44%;position: relative;}

#box-6{width: 100%;height: auto;padding: 0px 0 100px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
#box-6{/* padding-top: 80px; */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(50% - 20px); /* Subtract margin */
}
 
#box-6 li:nth-child(-n+4):nth-child(even) {
    flex: 1 1 calc(50% - 20px); /* Subtract margin */
}
#box-6 h2{ font-family:arial; font-size:48px; line-height:48px; font-weight:bold; color: var(--main_color); text-align:center;}
#box-6 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;}
#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: #faf8f1;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;}
#box-6 .submit input{background: transparent;border: none;font-size: 16px;color: #fff;font-weight: bold;padding: 0 85px 12px 30px;line-height: 30px;}
#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;}


/*底部*/
.footers {padding: 4% 2% 0;background: url(/images/foot-bj.jpg) no-repeat;}
.footers .width_1600 {display: flex;flex-direction: column;justify-content: space-between;}
.foot-t {display: flex;flex-direction: row;justify-content: space-between;}
div#mould68531 {width: auto;margin: 0;overflow: hidden;background: none;}
.messages3 ul li input {margin: 0;width: 265px;border-radius: 0;border: none;}
.messages3 ul li input:first-child {margin: 2% 0;background: #0b1725;color: #fff!important;}
.messages3 ul li textarea {margin: 2% 0 0;width: 265px;border-radius: 0;border: none;background: #0b1725;color: #fff!important;height: 40px;font-size: 14px;padding-top: 3.2%;}
.messages3 ul li a {width: 265px;margin: 15% 0 0;border-radius: 0;background: var(--main_color);color: #fff;font-size: 14px;}
div#mould68531 h4 {font-size: 22px;color: #fff;margin-bottom: 5%;display: flex;align-items: center;}
div#mould68531 h4 span {font-size: 26px;font-family: 'Arial';padding: 0 3%;color: var(--main_color);}
.foot-n {width: 70%;}
.foot-n ul {display: flex;flex-direction: row;justify-content: space-between;}
.foot-n a {color: #fff;}
.foot-n h4 {font-size: 20px;border-bottom: 1px solid #ffffff6b;padding-bottom: 15%;margin-bottom: 10%;line-height: 2;}
.foot-n h5 {font-size: 16px;line-height: 2;}
.messages3 ul {width: 295px;display: flex;flex-direction: column;align-items: flex-start;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{box-shadow:none;}
.foot-b {display: flex;flex-direction: row;justify-content: space-between;color: #fff;align-items: center;}
.ll {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;width: 72%;}
.lls {max-width: 450px;}
.foot-b .lls p img {width: 30px;margin-right: 8px;}
.lls p {display: flex;flex-direction: row;align-items: center;color: #999;margin-bottom: 3%;}
.lls h2 {font-family: 'Arial';font-size: 24px;font-weight: bold;}
.lls h5 {font-size: 20px;font-weight: bold;}
.wx {display: flex;flex-direction: column;align-items: center;}
.wx p {line-height: 2;}
.copyright .width_1600 {display: flex;flex-direction: row;padding-top: 1%;border-top: 1px solid #ffffff4d;margin-top: 1%;}
.copyright{padding: 1% 0;color:#fff;text-transform:uppercase;font-size:16px;}
.copyright a{ color:#fff;}

.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){
  .pro_lanmu {width: 94%;}
  .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){ 
  .pro_lanmu li {font-size: 16px;}
  .pro_lanmu {width: 94%;}
  .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%;}
#tabs-container1 .box1 h1 {
  font-size: 3vw;}
}
@media (min-width: 1440px) and (max-width: 1559px){.gyz p {font-size: 16px;}.pro_lanmu li {font-size: 16px;}
  .pro_lanmu {width: 94%;}
.about { align-items: center;}
  .about .abl {
    width: 60%;}
  #box-a .condition-item {
    width: 27%;}
  .footer_b {width: 360px;}
  .footer_c {width: 56%;}
  .lls h5 {
    font-size: 18px;}#tabs-container1 .box1 h1 {
  font-size: 3vw;}
}
@media (min-width: 1360px) and (max-width: 1439px){.pro_lanmu li {font-size: 16px;}
  
#tabs-container1 .box1 h1 {
  font-size: 3vw;}
  .pro_lanmu {width: 94%;}
  .lls h5 {
    font-size: 16px;}
  .gyz p {font-size: 16px;}
  .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%;}
}