﻿/*电脑*/
input::placeholder {
    color: #fff;
}
textarea::placeholder {
    color: #fff;
}
:root{
	--main_color:#ff5402;
  --main-bg-color:#ff5402;
}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'极影毁片圆'; src: url('/images/极影毁片圆.ttf');}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: none;}
/*侧边*/
.right-float{width:60px;position:fixed;right:2px;bottom:8%;z-index:300;}
.right-1{width:60px;height:60px;background:var(--main_color);border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;}
.right-1 a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.right-1 samp{width:100%;overflow:hidden;display:block;text-align:center;}
.right-1 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:12px;color:#fff;margin-top:6px;}
.right-phone{width: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:60px;height:60px;background:#fff;border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);}
.right-2 span{width:100%;overflow:hidden;text-align:center;display:block;font-size:14px;font-weight:bold;color:var(--main_color);background:url("/images/icon-153.png") no-repeat top center;padding-top:12px;}
.right-2 p{width:100%;overflow:hidden;text-align:center;display:block;font-size:12px;color:#222;}




@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}
.container-fluid {position: relative;overflow: hidden;}
body::-webkit-scrollbar{ display:none;}
::-webkit-scrollbar{ display:none;}
.width_1600{ width:1520px; margin:0 auto; }
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
input[type="text"]{height:52px;    padding: 0;background-color: #ffffff69;border: none;-webkit-box-shadow: none;border-radius: 50px;color:#fff!important;}
input[type="phone"]{height:52px;    padding: 0;background-color: #ffffff69;border: none;-webkit-box-shadow: none;border-radius: 50px;}
textarea{height:52px;  padding-left: 5%;line-height: 52px;  padding: 0;background-color: #ffffff69;border: none;-webkit-box-shadow: none;width:100%;border-radius: 50px;}
input[type="submit"]{font-size: 18px;width: 200px;line-height: 56px;border-radius: 50px;border: none;margin-top: 1%;color:var(--main_color);}

.title_a{margin:0 auto 30px auto;}
.title_a span{float:left;}
.title_a h3{color:var(--main_color);font-size: 42px;font-weight: bold;line-height: 60px;position: relative; display: inline-block;}
.title_a h3::before {content: "";position: absolute;top: -40px;left: 0;width: 120px;height: 32px; background-color: var(--main_color);border-radius:20px 0 20px 0; }
.title_a h5 {font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 36px;}
.title_a a{ float:right;color:#fff; border-radius:28px; margin-top:12px;}

.new-i-more {display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.new-i-more.border .text {line-height: 50px;border: 1px solid var(--main_color);background: unset;color: #000;}
.new-i-more .text {width: clamp(68.2666666667px,6.6666666667vw,128px);display: flex;align-items: center;justify-content: center;border-radius: 99px;font-size: clamp(0.75rem,0.6071428571rem + 0.2232142857vw,0.875rem);font-weight: bold;transition: .3s;}
.new-i-more.border .arrow {background: var(--main_color);color: #fff;border-radius: 50%;display: flex;align-items: center;overflow: hidden;transition: .3s;justify-content: center;}
.new-i-more .arrow .fa {width: 50px;height: 50px;background:url(/images/jiantou.png) no-repeat center;}
.new-i-more:hover .text{background:var(--main_color);color:#fff;}
.new-i-more:hover .fa{transform: rotate(45deg);}

#mould86072{ width:100%; position:fixed; top:0; left:0; background:#fff!important; z-index:99; transition:1s; box-shadow: 0 0 10px rgb(0 0 0 / 20%);height:100px;}
.navbars41{width: 1520px;height: 100px;margin: 0 auto;/* position: absolute; *//* right: 0; */display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.navbars41 .logo{/* float:left; */width: 16%;height: 100%;display: table;padding-right: 2%;/* overflow: hidden; */padding-top: 1%;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{/* float:right; */display: table;height:100%;/* margin-right: 1%; */flex: 1.5;}
.navbars41 li{display: table-cell;vertical-align: middle;position:relative;}
.navbars41 li>a{padding: 10px 30px;font-size:18px;transition:.5s;margin-right: 2%;color: #333;border-radius: 50px;}
.navbars41 li:nth-child(1) a{background: var(--main_color);color:#fff;}
.navbars41 li>a:hover{background: var(--main_color);color:#fff;}
.navbars41 li.active a{ color:var(--main_color);}
.navbars41 .tab{display: block;align-items: center;justify-content: center;}
.dropdown {
            position: relative;
            display: inline-block;
            /* display: flex; */
            text-align: center;
        }
        
        .tab {
            width: 26px;height: 26px;
  background: url(/images/diqiu.gif) var(--main-bg-color) no-repeat center center;-webkit-border-radius: 100%;background-size: cover;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 94px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            top: 35px;
            left: -118%;
            border-radius: 10px;
        }
        
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            
        }
.dropdown-content a:nth-child(1){border-bottom: 1px solid #e5e5e5;}
        .dropdown-content a:hover {
            color:var(--main_color);
        }
        
        .show {
            display: block;
        }

.phone_a img {
    width: 19%;
}
.navbars41 .phone_a{float:right;padding: 0 16px;border: 2px solid var(--main_color);height: 50px;border-radius: 80px;width: 180px;display: flex;align-items: center;flex-direction: row;}
.navbars41 .phone_a p{color:var(--main_color);font-size: 22px;font-family:arial;line-height: 24px;}
.ph {display: flex;flex-direction: column;align-items: flex-start;margin-left: 4%;}

.ph span {font-size: 14px;color: var(--main_color);}


.navbars41 .btngsearch{float:right;width:85px;height:100px;line-height:100px;background:var(--main_color) url(/images/search.png) no-repeat center;}
#searchBox{ position:fixed; top:100px; left:0; width:100%; background:rgba(0,0,0,0.2); z-index:99;}
#searchBox div{ width:1200px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox 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;}
#searchBox a{ background:var(--main_color) url(/images/search.png) no-repeat center; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}

.navbars41 li .hide1{ width:146px; position:absolute; top:80px; left:36%; transform:translateX(-50%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 20px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:44px; font-size:18px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}


.banner1 .swiper-slide{ position:relative;width:100%!important;    overflow: hidden;}
.banner1 .swiper-slide img{ 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;display: flex;flex-direction: column;align-items: center;}
.banner1 .swiper-slide .txt h2{ font-size:58px; line-height:58px; font-weight:bold;}
.banner1 .swiper-slide .txt h3{ font-size:32px; line-height:32px; margin-top:36px;color:#fff;}
.banner1 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}


/*第一屏 关于*/
.guanyu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* width: 1569px; */
    margin: 0 auto;
    margin-top: 14%;
    flex-wrap: wrap;
}

.zu {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.zu img {
    width: 40%;
}

.qi {
    display: flex;
    flex-direction: row;
    margin-top: 16%;
}

.yo {
    display: flex;
    flex-direction: row;
    width: 48%;
    justify-content: space-between;
    margin-top: 15%;
}

.yiqi {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 50%;
}


.yiqi h2 {
    font-family: 'alimama';
    font-size: 20px;
    margin-right: 0%;
    font-weight: bold;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hengs h3 {
    font-family:'Arial';
    font-size: 34px;
    font-weight: bold;
    border-bottom: 3px solid var(--main_color);
    width: 100%;
    text-align: center;
    color:var(--main_color);
}
.hengs p span {
    font-size: 12px;
}
.hengs p {font-family: 'alimama';
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
}
.hengs {display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0;
}
.hengs:nth-child(2n) {
    margin-right: 10%;
    margin-left: 2%;
}
.yiqi h2 span {
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
}

.bo {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.bo p {
    font-size: 16px;
    text-align: justify;
    text-indent: 2em;
    line-height: 2;
    margin-bottom: 5%;
}



/*产品*/
div#box-5 {
    padding-top: 6%;
}
#box-5 .titles{color:#fff;}
#box-5 .box1{margin: 0 -25%;padding-top: 20px;}
#box-5 .swiper-slide-shadow-left,#box-5 .swiper-slide-shadow-right{display: none;}
#box-5 li .img img{border-radius: 25px;overflow: hidden;}
.img img{
	object-fit: cover;
	max-width: 100%;
}
#box-5 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
@media (min-width: 767px){
	#box-5 li{flex-shrink: 0!important;position: relative!important;transition-property: transform!important;box-sizing: border-box!important;}
	#box-5 li.swiper-slide-active{transform: translate3d(0px, 0px, -2vw) rotateX(0deg) rotateY(58deg) scale(1.1)!important;opacity: 1;}
	#box-5 li.swiper-slide-active+li{transform:translate3d(1vw, 0px, -115.9485px) rotateX(0deg) rotateY(8.9743deg) scale(0.89)!important;opacity: 1;}
	#box-5 li.swiper-slide-next+li{transform:translate3d(-1vw, 0px, -115.9485px) rotateX(0deg) rotateY(-8.9743deg) scale(0.89)!important;opacity: 1;}
	#box-5 li.swiper-slide-next+li+li{transform:translate3d(0px, 0px, -2vw) rotateX(0deg) rotateY(-58deg) scale(1.1)!important;opacity: 1;}
}
.product_q .wrapper{ position: relative;padding: 120px 90px 70px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.title_top{ width: 458px; height: 164px; background: url(/images/title_bg.png) no-repeat center; background-size: 100% 100%; margin-bottom:80px;}
.title_top p{ font-size: 60px; line-height: 164px; color: #fff; text-align: center; font-family:'alimama';}
.product_q .wrapper .koubei{ width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.product_q .wrapper .koubei li{ flex: auto; display: flex; align-items: center;}
.product_q .wrapper .koubei li:nth-child(2){ justify-content: center;}
.product_q .wrapper .koubei li:nth-child(3){ justify-content: flex-end;}

/*第3屏 hezuo*/
.honor_a .title_a {
    margin-bottom: 70px;
}
.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%;
}


.shili_a{position:relative;}
.shili_a .title_a { width: 1520px;position: absolute;top: 22%;left: 10%;z-index: 999;}
.shili_a .title_a h5{color:#fff;}
.shili_a .new-i-more.border .text{color:var(--main_color);}
.shili_a .new-i-more:hover .text{background:#fff;color:var(--main_color);}
.shili_a .bt{text-align:center;position: relative;background-image: url(/images/title-bg.png);}
.shili_a .title{ margin-bottom:25px;position: relative;margin-top: 6%;}
.shili_a .title h2,.title h4{margin-bottom:0;}
.shili_a .line-wrapper {position: relative;display: inline-block;width: 180px;height: 0;margin-top: 20px;}
.shili_a .line-wrapper::before,.shili_a .line-wrapper::after {content: '';position: absolute;left: 50%;background-color: #fff;transform: translateX(-50%);}
.shili_a .line-wrapper::before {top: -7px;width: 50px;height: 7px;}
.shili_a .line-wrapper::after {top: -4px;width: 180px;height: 1px;}
.shili_a .title h2{position:relative;z-index: 2;font-size: 60px;line-height: 80px;color: #000;font-weight: bold;text-align:center;font-family:'alimama';letter-spacing: 6px;}
.shili_a .title h4{position: absolute;font-size: 100px;color: rgb(255,255,255,0.2);font-weight: bold;top: 40px;left: 50%;transform: translate(-50%, -50%);
  text-transform: uppercase;font-family:'alimama';letter-spacing: 6px;}
.shili_a .shili_img{ width:100vw; height:auto; position:relative;}
.shili_a .shili_img:after{ content:""; width:100%; height:100%;  position:absolute; top:0; left:0;}
.shili_a .shili_img img{ width:100%; height:auto;}
.shili_a ul{position:absolute;bottom: 5%;left: 10.5%;background: #ffffffba;;display: flex;justify-content: center;align-items: center;border-radius:100px;}
.shili_a li{width: 16%;float:left;text-align: center;cursor: pointer;color: #333;padding: 1.2% 0;}
.shili_a li:last-child{ border-right:none;}
.shili_a li h2{font-size: 16px;line-height: 20px;margin-top: 2%;}
.shili_a li h3{font-size: 16px;line-height: 20px;}
.shili_a li.on{ color: var(--main_color);}


.news_a .title_a {
    width: 1520px;
    margin: 0 auto;
    margin-bottom: 3%;
}
#box-4 .container{margin:0 auto;}
#box-4{width: 100%;height: auto;ound-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;padding-top: 5%;}
#box-4 .btn{margin-bottom: 5px;}
#box-4 .box2{position: relative;overflow: hidden;}
#box-4 ul {display: flex;flex-wrap: wrap;}
#box-4 li {padding: 0 25px;width: 30%;}
#box-4 .content_img{position: relative;border-radius: 50px 50px 0 50px;overflow: hidden;}
#box-4 .content_img .content{padding-top: 66%;position: relative;}
#box-4 .content .img{-webkit-mask-image: url(/images/xwtpbj.png);-webkit-mask-position: right bottom;-webkit-mask-size: 100%;mask-image: url(/images/xwtpbj.png);mask-position: right bottom;mask-size: 100%;z-index: 2;position: relative;transition: 0.2s;transform-origin: bottom;position: absolute;height: 100%;width: 100%;top: 0;}
#box-4 .content .img img{height: 100%;}
#box-4 li>a:hover .content .img{transform: scaleY(1.06) scaleX(1.02);}
#box-4 .box2 .jt{width: 7.3vw;height: 7.3vw;background: #1D2939;border-radius: 50%;position: absolute;bottom: 0;right: 0;z-index: 3;transition: background 0.5s,bottom 0.3s;}
#box-4 .box2 li>a:hover .jt{bottom: 8px;background: var(--main_color);}
#box-4 .box2 .jt img{width: 35%;}
#box-4 .box2 .content_text{margin-top: 30px;}
#box-4 .box2 .text1 p{font-size: 18px;color: #666;min-width: 30%;}
#box-4 .box2 .text1 p::before{content: '';width: 7px;height: 7px;background: var(--main_color);border-radius: 50%;display: inline-block;margin-bottom: 3px;margin-right: 7px;}
.cz-center{align-items: center;align-content: center; display: flex;flex-wrap: wrap;}
#box-4 .box2 .title{font-size: 30px;color: #333;margin: 25px 0 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;  /* 限制显示行数 */overflow: hidden;text-overflow: ellipsis;line-height: 1.5;}
#box-4 .box2 li>a:hover .title{color: var(--main_color);}
#box-4 .box2 .desc p{font-size: 16px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  /* 限制显示行数 */overflow: hidden;text-overflow: ellipsis;line-height: 1.5;}
.cs-center {
    align-items: center;
    align-content: center;
    display: flex;
    justify-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
}



/*第六屏 底部*/
.footer_up img {width: 60%;}
.lianxi {display: flex;justify-content: space-between;border-bottom: 1px solid #e1e1e1;padding-bottom: 2%;}
.lianxi h5 {font-size: 22px;line-height: 1.5;}
.lianxi h3 {font-size: 52px;font-weight: bold;line-height: 2; color:var(--main_color);}
.lx p {font-size: 16px;width: 55%;line-height: 1.5;}
.xz {max-width: 400px;display: flex;flex-direction: column;align-items: center;/* position: absolute; */right: 0;justify-content: flex-end;margin-right: 5%;}
.tb {display: flex;flex-direction: row;justify-content: space-between;}
.tbb {margin-right: 4%;width: 78px;height: 68px;display: flex;justify-content: center;align-items: center;border-radius: 50%;flex: 1;border:1px solid var(--main_color);}
.tb .tbb:hover{background:var(--main_color);}
.tb .tbb:hover img{filter:none;
            width: 36%;
            }
.tb .tbb img{
    filter:grayscale(20%) 
    brightness(50%) 
    sepia(50%) 
    hue-rotate(-40deg) 
    saturate(1000%);
    width: 36%;
    }
.zhong .ewm {text-align: center;right: 0;}
.ee img {
    width: 46%;
}

.zhong {
    display: flex;
    position: relative;
    margin-top: 2%;
}

span.ee {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zhong ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 60%;
}

.zhong h4 {
    font-size: 22px;
    line-height: 2;
    font-weight: 600;
}

.zhong h5 {
    font-size: 18px;
    line-height: 2;
}


.footer_down {border-top: 1px solid #e1e1e1;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
  flex-direction: row;}



.foot_copy{ position:absolute; bottom:0; left:0; width:100%;} 
.copyright{width:100%;/* display: flex; */}
.copyright div{/* width: 100%; */margin: 0px auto;display: flex;justify-content: space-between;flex-direction: row;align-items: center;}
.copyright p{line-height:64px;font-size:18px;color:#333;/* position: absolute; *//* right: 0; */}
.copyright a{color:#333;}
.copyright p a:hover{ color:#333;}

@media (min-width: 1800px) and (max-width: 1919px){
.guanyu {margin-top: 14%;}
.zu img {width: 42%;}
.qi {margin-top: 11%;}
.yo {margin-top: 14%;}
  .bo p {margin-bottom: 2%;}
}

@media (max-width: 1680px){
  .banner1 .swiper-slide img{ width:100%; height:auto!important;}
  .news_a .title_a {
    width: 88%;}
.title_a h3 {font-size: 38px;line-height: 44px;}
  .title_a h5 {
    font-size: 16px;line-height: 32px;}
  
  
.zu {width: 48%;}
  .qi { margin-top: 8%;}
  .yo {width: 50%;margin-top: 10%;}
  .sz{padding-top:0;}  
  .width_1600 {width: 90%;}
.navbars41 {width: 90%;}
  .about { margin-top: -14%;}
#box-5 {margin-top: 1%;}
#box-5  .title_a {margin: 0 auto 10px auto;}
  #box-5 .box1 { padding-top: 0; }
  .shili_a ul {bottom: 14%;
    left: 4.5%;}

.shili_a .title_a {
width: 88%;
    top: 20%;
    left: 5%;}
  
  #box-4 { padding-top: 7%;}
  .news_a .title_a {margin-bottom: 1%;}
  #box-4 .box2 .title {font-size: 24px;margin: 10px 0 10px 0;}
  .footer_up img {
    width: 42%;
}
  .lianxi h3 {
    font-size: 46px;line-height: 1.5;}
  .footer_up {
    margin-top: 8%;
}
  .footer_a {
    margin-top: -6%;
}
  .copyright p {
    line-height: 50px;
    font-size: 16px;}
  
}

@media (min-width: 1560px) and (max-width: 1679px){
  #box-5 .content_video {max-width: 600px;}
  img.top-image {left: -1.2%;}
  img.bottom-image {left: -1.2%;}
  .news_a .title_a {
    width: 88%;}
  #box-4 li {
    padding: 0 25px;
    width: 29%;
}
  .shili_a ul {
    bottom: 6%;
    left: 5%;
}
   .zu {width: 53%;}
  .width_1600 {width: 88%;}
.navbars41 {width: 88%;}
  .about {
    margin-top: -12%;
}
.shili_a .title_a {top: 30%;}
  .sz{padding-top: 0%;}  
  .qi {margin-top: 12%;}
  .yo {width: 44%;margin-top: 14%;}
  .bo p {margin-bottom: 2%;}
}
@media (min-width: 1440px) and (max-width: 1559px){.zu {width: 56%;}
  .qi {
    margin-top: 9%;
}
  .hengs h3 {
    font-size: 30px;}
  .hengs p {
    font-size: 16px;}
  .bo p {text-indent: 2em;line-height: 1.5; margin-bottom: 0;}
  .yo {
    width: 44%;
    margin-top: 11%;
}
  .width_1600 {width: 88%;}
.navbars41 {width: 88%;}
  .navbars41 li>a {
    padding: 10px 22px;}
.about-a h2 {
    color: var(--main_color);
  font-size: 42px;}
.about-a p {line-height: 1.5;}
  .yii h4 {font-size: 42px;}
  .title_a h3 {font-size: 32px;line-height: 40px;}
  div#box-5 {padding-top: 10%;}
  .honor_a.width_1600 {
    margin-top: 10%;
}
  .shili_a .title_a {
    width: 88%;
    position: absolute;
    top: 20%;left: 6%;}
  .shili_a ul {
    position: absolute;
    bottom: 7%;
    left: 5%;
}
  .news_a .title_a {
    width: 88%;
    margin: 0 auto;
    margin-bottom: 2%;
}
  #box-4 li {
    padding: 0 27px;
    width: 29%;
}
  #box-4 {padding-top:7%;}
  .footer_up.wow.fadeInDown {
    margin-top: 10%;
}
}
@media (min-width: 1360px) and (max-width: 1439px){ 
  #box-5 .content_video {max-width: 600px;}
 .hengs:nth-child(2n) {
    margin-right: 6%;margin-left: 1%;
}
.hengs h3 {
  font-size: 30px;
  }
  .hengs p {
    font-size: 16px;
    }
  .zu {width: 52%;}
  .zu img {
    width: 44%;
}
  .yo {
    width: 44%;
    margin-top: 12%;
}
  .bo p {font-size: 16px;line-height: 1.25; margin-bottom: 6px;}
  
  .about {margin-top: -18%;}
  .about-a h2 {font-size: 42px;}
  .about-a p {line-height: 1.5;}
  .yi {width: 100%;}
  .yy h3 {font-size: 24px;}
  .yii h4 {font-size: 46px;}
  .width_1600 {width: 88%;}
.navbars41 {width: 88%;}
.navbars41 li>a {padding: 10px 18px;}
  .about {
    margin-top: -12%;
}
  .shili_a .title_a {top: 23%;}
  #box-4 .box2 .title {
    font-size: 24px;}
  .lianxi h3 {
    font-size: 46px;}
}



















