/* webCSS Document */
:root{
	--main_color:#014fff;        /* 主色 */
	--main_color_rgb:1,79,255;  /* rgba */
}
.width_1600{ width:1600px; margin:0 auto;}
#fp-nav.fp-right {left: 17px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #fff;}

/*侧边*/
.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 .right-wx img{ opacity:1; width:100%;}
.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{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;}
.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;}

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

.content_text1 .txt {
    position: absolute;
    z-index: 99;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.webb {
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin-top: 3%;
}

.webb a {
    color: #333;
    background: #fff;
    padding: 4% 10%;
    border-radius: 50px;
}
.webb a:hover {
    color: #fff;
    background: var(--main_color);
}
.content_text1 .txt h2{ font-size:48px; line-height:1.75; font-weight:bold;}
.content_text1 .txt h3{font-size:20px;line-height: 2;margin-top: 10px;text-align: center;}
.content_text1 .txt p{position: fixed;right: 2%;bottom: -150%;font-size: 14px;}

.SM{position: fixed;left: 0;top: 0;width: 100%;height: 100%;font-size: 20px;z-index:9998;/* z-index:-1; */background: rgba(0, 0, 0, 0.3);} 
.SM>div{position: absolute;height: 100%;overflow-y: auto;overflow-x: hidden;width: 100%;padding:0 0px 60px 0px;} 
.SM .container{height: 100%;display: flex;justify-content: center;align-items: center;width: 100%;/* width: 1600px; */}
.SM>div::-webkit-scrollbar-thumb,.SM>div::-webkit-scrollbar{display: none;}


.SM .close_SM{position: absolute;right: 3%;top: 30px;z-index: 99;}
.SM .close_SM img{cursor: pointer;width: 40px;transition: 0.5s;}
.SM .close_SM img:hover{transform: scale(1.08);}

.SM_c{animation: sm_c 1s forwards ease-in-out;}
.SM_block{animation: sm_d 1s forwards ease-in-out;}
.SM_close{animation: sm_dc 1s forwards ease-in-out;}

@keyframes sm_c {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sm_d {
  0% {transform: scale(0);opacity: 0;}
  100% {transform: scale(1);opacity: 1;}
}
@keyframes sm_dc {
  0% {transform: scale(1);opacity: 1;}
  100% {transform: scale(0);opacity: 0;}
}
@media (min-width:1199px) and (max-width:1500px){
	.SM .content_box .content_btn {font-size: 18px;margin: 5px 0 10px 0;}
	.SM .box1 .box1_title{font-size: 24px;}
	.SM .box1 ul{margin: 0 -20px 10px -20px;}
	.SM .box1 ul li{padding: 20px 20px;}
}
@media (min-width:1199px) and (max-width:1380px){
	.SM .title{font-size: 38px;}
	.SM .content_box p,.SM .content_box .content_text1 div,.SM .bottom_title{font-size: 16px;}
}
@media (min-width:767px) and (max-width:1199px){
	.SM .title{font-size: 36px;}
	.SM .SM_block{border-radius: 25px;width: 82%;}
	.SM .SM_block .sm_logo {margin-top: -4.8%;}
	.SM .SM_block .block_001 {padding: 40px 7.5% 50px 6%;}
	.SM .close_SM img {width: 30px;}
	.SM .content_box p,.SM .bottom_title{font-size: 15px;}
	.SM .box1 ul{margin: 0 -20px 10px -20px;}
	.SM .box1 ul li{padding: 20px 20px;width: 21%;}
}
@media (min-width:767px) and (max-width:850px){
	.SM .box1 ul{margin: 0 -18px 10px -18px;}
	.SM .box1 ul li {width: 25%;padding: 20px 18px;}
}
@media (max-width:767px){
	.SM .SM_block .block_001 {padding: 28px 7% 40px 7%;}
	.SM .SM_block{border-radius: 10px;width: 96%;border: 2px solid var(--main_color);}
	.SM .SM_block .sm_logo {margin-top: -4.8%;}
	.SM .SM_block .sm_logo img{width: 40%;}
	.SM .SM_block .content_box{height: 52vh;margin-right: -10px;padding-right: 10px;}
	.SM .close_SM{/*top: 15px;*/top: 94%;text-align: center;z-index: 2;margin-bottom: 15px;width: 100%;}
	.SM .close_SM img {width: 25px;}
	.SM .title{font-size: 28px;margin-bottom: 10px;}
	.SM .SM_block .content_box{padding-right: 15px;}
	.SM .SM_block .content_box::-webkit-scrollbar {width: 3px;}
	.SM .content_box p,.SM .bottom_title{font-size: 15px;}
	.SM .box1 ul{margin: 5px -4.5% 10px -4.5%;}
	.SM .box1 ul li{padding: 10px 4.5%;width: 44.5%;}
}


#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: 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;/* position: relative; */}
.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/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;}



.header_active{ background: linear-gradient(to bottom,#0050ff, #024fff,#0196fd)!important;}
.header_active .navbars41{ height:100px;}
.header_active .navbars41 li a{ color:#fff;}
.header_active .navbars41 li a:hover{ color:#fff;}
.header_active .navbars41 li.active a{ color: #fff;}
.header_active .navbars41 .phone p{ color: #222;}
.header_active .navbars41 .phone a{ color: #222;}
.header_active .navbars41 .phone{ margin-top:18px;}
.header_active .navbars41 .phone{ float:right; margin-top:25px; background:url(/images/icon_phone1.png) no-repeat top left; padding-left:48px;}
.header_active .navbars41 .logo{ float:left; width: 240px; height: 100%; display: table;background:url(/images/logo-a.png) no-repeat;background-size:contain; background-position: center;}

.banner1 .swiper-slide{position:relative;width:100%!important;overflow: hidden;}
.banner1 .swiper-slide .imgs{ width:100%; height:100vh; min-height:100%; transition:1s linear 2s; transform:scale(1.1,1.1);}
.banner1 .swiper-slide .txt{width:100%;position:absolute;top: 52%;left:50%;transform: translate(-50%, -50%);color:#fff;text-align:Center;}
.banner1 .swiper-slide .txt .biaoti img{width:211px!important;height:76px!important;margin-bottom:1%;}
.banner1 .swiper-slide .txt h2{ font-size:52px; line-height:1.75; font-weight:bold;}
.banner1 .swiper-slide .txt h3{font-size:20px;line-height: 2;margin-top: 10px;}
.banner1 .swiper-slide .txt p{position: fixed;right: 2%;bottom: -150%;font-size: 14px;}
.banner1 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}

.about {display: flex;justify-content: space-between;}
.about .left {width: 45%;color: #fff;}
h2.title {font-size: 48px;font-weight: bold;line-height: 3;}
.about .left h4 {font-size: 24px;line-height: 2;}
.about .left p {font-size: 16px;line-height: 30px;text-align: justify;padding: 2% 0 7% 0;}
.liaoj {width: 250px;height: 40px;color: #fff;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 #fff;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;}

.about .right {width: 40%;display: flex;flex-direction: column;border-top: 1px solid #ffffff38;color: #fff;}
.boxa h3 {font-size: 72px;font-weight: bold;font-family: arial;}
.boxa {display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #ffffff38;padding-bottom: 8%;padding-top: 5%;}
.boxa h3 span {font-size: 48px;}
.boxa p {width: 43%;font-size: 16px;line-height: 30px;text-align: justify;}




.producta h2 {text-align: center;}
h2.title span {color: var(--main_color);}
.products {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px 30px;} 
.products li {background: #fff;box-shadow: 0 0 10px #00000040;align-items: center;}
.products li a {display: flex;flex-direction: column;align-items: center;position: relative;padding: 4%;overflow: hidden;}
.products li a:before {width: 20px;height: 20px;z-index: 15;right: 0;bottom: 0;content: "";border-right: 3px solid var(--main_color);border-bottom: 3px solid var(--main_color);position: absolute;transition: all 0.5s;}
.products li a p {display: flex;justify-content: center;font-size: 18px;color:#333;}
.products li a img {width: 84%;}
.products li .moress {position: absolute;right: -100%;bottom: 0;width: 50px;height: 50px;background: var(--main_color);z-index: 10;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;}
.products li .moress:before {display: inline-block;width: 17px;height: 8px;content: "";background: url(/images/white.png) right center no-repeat;}
.products li:hover .moress{right: 0;opacity: 1;}

.honor_a h2 {text-align: center;}
.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%;}

.jiejue {display: flex;position: relative;width: 100%;height: 100%;justify-content: space-between;align-items: center;}
.jiejuel {position: relative;flex-direction: row;align-items: center;position: absolute;left: 0;top: 0;width: 50%;height: 100%;}
.tabb {position: absolute;right: -172px;top: 32%;z-index: 999;width: 20%;}
.tabb p {font-size: 20px;margin-bottom: 80px;display: flex;flex-direction: row;align-items: center;width: 100%;left: 5px;}
.tabb span {display: flex;width: 8px;height: 8px;border-radius: 8px;/* display: block; */background:url(/images/tuo1.png) no-repeat center;margin-right: 20%;justify-content: center;align-items: center;}
p.tabp1 {margin-left:0;}
p.tab2 {margin-left: 8%;}
p.tab3 {margin-left: 8%;}
p.tabp4 {margin-left: 1%;}
.tabb .on span{background: url(/images/tuo.png) no-repeat center center;background-size: contain;width: 50px;height: 50px;}
p.tabp4.on {margin-left: -9%;}
p.tab3.on {margin-left: -2%;}
p.tab2.on {margin-left: 0;}
p.tabp1.on {margin-left: -10%;}
.jiejuer {width: 30%;right: 5%;/* padding-right: 7%; *//* margin-top: 13%; */position: absolute;z-index: 99;display: flex;flex-direction: column;align-items: flex-start;}
.same h2 {font-size: 24px;line-height: 3;color:#333;}
.same h5 {font-size: 16px;line-height: 30px;text-align: justify;color:#555;width: 90%;}
.jiejuer .liaoj {margin-top: 9%;color: var(--main_color);}
.jiejuer .liaoj span {border: 1px solid var(--main_color);}


.kehus {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

.kehu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kehus li {
    box-shadow: 0 0 7px #00000012;
}


.news h2{text-align:center;}
.news_a a {padding: 10%;display: block;}
.news_a time {font-size: 22px;color: #727272;}
.news_a time span {font-size: 30px;color: var(--main_color);font-family: Arial;border-bottom: 1px solid #dadada;padding-bottom: 5%;margin-right: 5%;}
.news_a h3 {font-size: 24px;line-height: 36px;margin: 10% 0;}
.news_a .swiper-slide .txt span {margin-top: 9%;display: block;color: #5a6470;background: url(/images/kan.png) center left no-repeat;padding-left: 10%;}
.news_a .swiper-slide{overflow:hidden;width: 32%!important;border: 1px solid #e5e5e5;position: relative;height: 550px;margin-right: 20px;background:#fff;}
.news_a .swiper-slide:hover{border: 1px solid var(--main_color);}
.news_a .swiper-slide:hover h3{color:#111;}
.news_a .swiper-slide:hover .txt p{color:#333;}
.news_a .swiper-wrapper {display: flex;transition-property: transform;box-sizing: content-box;justify-content: space-between;    padding-bottom: 2%;}
.news_a .swiper-slide .img{width:100%;height: auto;overflow:hidden;position: absolute;bottom: 0;}
.news_a .swiper-slide .img img{ width:100%; height:100%; transition:.6s;}
.news_a .swiper-slide:hover .img img {opacity: 0;}
.news_a .swiper-slide a:hover .img img {opacity: 0;}
.news_a .swiper-slide a h3:hover .img img{opacity: 0;}
.news_a .swiper-slide .txt{padding: 10% 0;background:#fff;}
.news_a .swiper-slide .txt h3{ font-size:20px; line-height:24px; margin-bottom:12px;  font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a .swiper-slide .txt p{font-size: 16px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.news_a .swiper-slide .txt time{ margin-top:10px; display:block;}
.news_a .swiper-slide .txt time span{ float:right; font-size:15px; text-decoration: underline;}

.news_a .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--main_color);}
.news_a .swiper-container-horizontal>.swiper-pagination-progressbar {width: 70%;height: 4px;left: 15%;top: 88%;}


.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 (max-width: 1680px){
 .width_1600 {width: 90%;}
  h2.title {
    font-size: 40px;line-height: 2;}
  .producta {
    margin-top: 3%;
}
  .products {gap: 20px 50px;}
  .honor_a{margin-top: 3%;}
  .news {margin-top: 3%;}
  .news_a .swiper-slide {height: 500px;}
 .footer_b {padding-top: 7%;}
  .footer_c {padding-top: 6%;}
  .jiejuel {/* margin-left: -2%; */}
  .banner1 .swiper-slide .txt h2 {
    font-size: 42px;}
  
  p.tabp1 {
    margin-left: -15%;
}
  p.tab2 {
    margin-left: -5%;
}
  p.tab3 {
    margin-left: -6%;
}
  p.tabp4 {
    margin-left: -15%;
}
  p.tabp1.on {
    margin-left: -26%;
}
  p.tab2.on {
    margin-left: -18%;
}
  p.tab3.on {
    margin-left: -17%;
}
  p.tabp4.on {
    margin-left: -29%;
}
}

@media (min-width: 1560px) and (max-width: 1679px){ 
   .banner1 .swiper-slide .txt h2 {
    font-size: 42px;}
.about {margin-top: 4%;}
  .width_1600 {width: 90%;}
    h2.title {
    font-size: 40px;line-height: 2;}
  .producta {
    margin-top: 3%;
}
  .products {gap: 20px 50px;}
  .honor_a{margin-top: 3%;}
  .news {margin-top: 3%;}
  .news_a .swiper-slide {height: 500px;}
 .footer_b {padding-top: 7%;}
  .footer_c {padding-top: 6%;}
  .navbars41 li a {
    padding: 0 25px;
    font-size: 16px;}
  .navc{margin-bottom: 2%;}
  p.tabp1 {
    margin-left: -31px;
}
  p.tab2 {
    margin-left: -11%;
}
  p.tab3 {
    margin-left: -13%;
}
  p.tabp4 {
    margin-left: -26%;
}
  p.tabp1.on {
    margin-left: -31%;}
  p.tab3.on {
    margin-left: -26%;
}
  p.tabp4.on {
    margin-left: -37%;
}
  .tabb span {margin-right: 15%;}
  
}
@media (min-width: 1440px) and (max-width: 1559px){
   .banner1 .swiper-slide .txt h2 {
    font-size: 42px;}
  .navbars41 .logo {width: 180px;}
  .header_active .navbars41 .logo {width: 180px;}
  .about {margin-top: 4%;}
  .width_1600 {width: 90%;}
    h2.title {
    font-size: 40px;line-height: 2;}
  .producta {
    margin-top: 3%;
}
  .products {gap: 20px 50px;}
  .honor_a{margin-top: 3%;}
  .news {margin-top: 3%;}
  .news_a .swiper-slide {height: 480px;}
 .footer_b {padding-top: 7%;padding-left: 7%;width:350px;}
  .footer_c {padding-top: 6%;}
  .navbars41 li a {
    padding: 0 25px;
    font-size: 16px;}
  .navc{margin-bottom: 2%;}
  .tabb {
    position: absolute;
    right: -144px;
    top: 27%;
    z-index: 999;
    width: 20%;
}
   .tabb span {margin-right: 15%;}

}
@media (min-width: 1360px) and (max-width: 1439px){
   .banner1 .swiper-slide .txt h2 {
    font-size: 42px;}
  .navbars41 .logo {width: 200px;}
 .header_active .navbars41 .logo {width: 200px;}
  .about {margin-top: 4%;}
  .width_1600 {width: 90%;}
    h2.title {
    font-size: 40px;line-height: 2;}
  .producta {
    margin-top: 3%;
}
  .products {gap: 20px 50px;}
  .honor_a{margin-top: 3%;}
  .news {margin-top: 3%;}
  .news_a .swiper-slide {height: 480px;}
 .footer_b {padding-top: 7%;padding-left: 7%;width:350px;}
  .footer_c {padding-top: 6%;}
  .navbars41 li a {
    padding: 0 20px;
    font-size: 16px;}
  .jiejuel {top: 100px;}
.tabb {
    position: absolute;
    right: -138px;
    top: 21%;
    z-index: 999;
    width: 20%;
}
   .tabb span {margin-right: 15%;}
  .navc{margin-bottom: 2%;}
}