@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:微软雅黑;color:#555;line-height:1.1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
 body {display: block; overflow-x: hidden;}

.header{position: fixed;width: 100%; z-index: 50;left: 0; top: 0;transition: all .5s;  }
.header:hover{background: rgba(0,0,0,.7);}
.header.on{background: rgba(0,0,0,.7);padding: 0; backdrop-filter: blur(6px);}
.headerbox{width: 1700px; margin: 0 auto;max-width: 94%; position: relative;height: 100px;display: flex;justify-content: space-between;align-items: center;}
.logo{width:;}
.logo img{width: ; height: 100%;}
.nav{transition: .5s; overflow: hidden;}
.nav ul{display: flex;justify-content: space-between;gap:58px;}
.nav a{display: block; font-size: 18px;color: #fff;line-height: 95px; transition: 0.5s; border-bottom: rgba(20,35,108,0) 5px solid;}
.nav a:hover{ border-bottom: rgba(111,223,255,0.9) 5px solid;}

.banner{position: relative;overflow: hidden;}
.banner-box{position: relative;height: 100vh;}
.banner-box img{width: 100%;height: 100%; object-fit: cover;}
.banner-text{width: 1600px; max-width: 94%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner-text h2{ font-size: 50px;color: #fff;font-weight: bold;margin-bottom: 35px;}
.banner-text p{font-size: 20px;line-height: 38px;color: #fff;opacity: 0.7;width: 660px;max-width: 100%;}
.banner .swiper-pagination-bullet{width: 40px;height:5px;background: #fff;border-radius: 0;}
.banner .swiper-pagination{bottom: 30px;}

.about{width: 1600px;margin: 0 auto;max-width: 94%;padding: 80px 0 0 0;}
.about-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-title{width: 45%;}
.about-title p{font-size: 24px;color: #F3412D;margin-bottom: 35px;text-transform: uppercase;}
.about-title h2{font-size: 42px;color: #232323;}
.about-text{width: 55%;padding-top: 30px;}
.about-text p{font-size: 18px;line-height: 34px;color: #585656;}
.about-text a{display: inline-block;font-size: 18px;line-height: 34px;color: #585656; margin-top: 10px;transition:all .4s;}
.about-text a b{background: url(../images/a5.png); width: 24px;height: 24px;display: inline-block;vertical-align: middle; margin: -3px 0 0 5px;background-size: 100%;transition:all .4s;}
.about-text a:hover{color: #F3412D;}
.about-text a:hover b{margin-left: 10px;}
.about-list{padding-top: 55px;}
.about-list ul{display: flex;gap:45px;}
.about-list li{width: calc(50% - 45px/2); overflow: hidden;}
.about-list img{width: 100%;transition: .8s;}
.about-list li img:hover{transform: scale(1.1);}


.manufacture-title{width: 1600px; margin: 0 auto;max-width: 100%; padding: 80px 3% 55px 3%;}
.manuf-bg{background: url(../images/a4.png) no-repeat right bottom;}
.manufacture-title p{font-size: 24px;color: #F3412D;margin-bottom: 35px;}
.manufacture-title h2{font-size: 42px;color: #232323;}
.manufacture-content ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.manufacture-content li{width: 11%;background: #122060;cursor: pointer;transition: all .5s;overflow: hidden;}
.manufacture-content li.cur{width:23%;}
.manu{overflow: hidden;position: relative;}
.manu-img{position: relative;height: 100%;width: 100%;}
.manu-img:before{position: absolute;content: "";width: 100%;height: 100%; left: 0;top: 0;background: rgba(5,11,27,.63);}
.manu-img img{height:100%; height: 585px; width: 100%; object-fit: cover;}
.manu-img h2{position: absolute;width: 100%;text-align: center;left: 0;top: 140px;font-size: 24px;color: #fff;}
.manufacture-content li.cur .manu{}
.manufacture-content li.cur .manu-wb{opacity: 1;}

.manufacture-content li.cur .manu-img h2{display: none;}
.manufacture-content li.cur .manu-img:before{display: none;}
.manu-wb{opacity: 0;transition: all .5s;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(20,35,108,0.85);  background-size: cover; padding: 80px 60px 0 60px;}
.manu-wb h2{font-size: 32px;color: #fff;font-weight: bold;position: relative;padding-bottom: 30px;margin-bottom: 40px;display: inline-block;padding-right: 25px;}
.manu-wb h2:before{position:absolute; content: "";width: 100%; border-bottom: 2px solid rgba(255,255,255,.3);left: 0;bottom: 0;}
.manu-wb p{font-size: 16px;color: #fff;line-height: 2.1;opacity: .83;}
.manu-wb a{display: inline-block; width: 174px; line-height: 42px;border-radius: 5px;background: #f3412d;text-align: center;color: #fff;font-size: 14px;margin-top: 85px;transition: all .5s;}
.manu-wb a img{display: inline-block;vertical-align: middle; margin: -1px 0 0 5px;}
.manu-wb a:hover{letter-spacing: 2px;}

.manufacturebox{position: relative;}
.news-box{background: #f3f3f3;position: relative;}
.news-box:before{position: absolute;content: "";border-bottom: 3px solid #f3412d;width: 0;left: 0;bottom: 0;transition: all .5s;}
.news-box span{display: block;overflow: hidden;}
.news-box img{width: 100%; object-fit: cover;transition: all 1s;}
.news-text{padding: 30px 35px;}
.news-text h2{font-size: 18px; line-height: 34px;height: 68px;color: #292929;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-text p{color: #939393;font-size: 15px;margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.news-text p b{background: url(../images/a27.png);width: 24px;height: 24px;background-size: 100%;}
.news-box a:hover span img{transform: scale(1.1);}
.news-box:hover:before{width: 100%;}

.manufacturebox{width: 1600px;max-width: 94%; margin: 0 auto;padding: 85px 0 60px;}
.manufacturebox-content{padding-top: 50px;}
.manufacturebox-content ul{display: flex;flex-wrap: wrap;gap:35px;}
.manufacturebox-content li{width: calc(33.333% - 70px/3);}
.mannfacbox span{display: block; overflow: hidden;}
.mannfacbox img{width: 100%; object-fit: cover;aspect-ratio: 509 / 225;transition: all 1s;}
.mannfacbox:hover img{transform: scale(1.1);}
.mannfacbox p{text-align: center; font-size: 18px;font-weight: bold;color: #3D3D3D;margin-top: 15px;}

.cooperation{background: url(../images/bg1.png) no-repeat left center #f6f6f6;background-size: auto 100%;padding: 100px 0 105px;}
.ooperationbox{width: 1600px;margin: 0 auto;max-width: 94%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cooperation-title p{font-size: 24px;color: #F3412D;margin-bottom: 30px;text-transform: uppercase;}
.cooperation-title h2{font-size: 42px;color: #232323;}
.cooperation-title  a{display: inline-block; text-align: center; width: 175px; line-height: 42px;border-radius: 4px;background: #f3412d;color: #fff;transition: all .5s;font-size: 14px;margin-top: 250px;}
.cooperation-title img{display: inline-block;vertical-align: middle; margin:0 0 0 5px;}
.cooperation-title  a:hover {letter-spacing: 5px;}

.cooperation-right{width: calc(100% - 440px);}
.cooperation-right ul{display: flex;gap:15px;flex-wrap: wrap;}
.cooperation-right  li{width: calc(25% - 45px/4);}
.cooperation-right a{display: block;overflow: hidden;}
.cooperation-right img{width: 100%;object-fit: cover;aspect-ratio: 278 / 120;transition: all 1s;}
.cooperation-right a:hover img{transform: scale(1.1);}
.news{width: 1600px;margin: 0 auto;max-width: 94%; padding: 65px 0 90px;}
.news-content{position: relative;padding-top: 50px;}

.news-content .swiper-button-next{background: url(../images/a35.png);width: 55px;height: 55px;background-size: 100%;right: 15px;margin: 0;top: -15px;transition: all .5s;}
.news-content .swiper-button-next:hover{background: url(../images/a37.png) no-repeat center center;background-size: 100%;}
.news-content .swiper-button-prev{background: url(../images/a34.png);width: 55px;height: 55px;background-size: 100%;right: 75px;margin: 0;top: -15px;transition: all .5s;left: auto;}
.news-content .swiper-button-prev:hover{background: url(../images/a36.png) no-repeat center center;background-size: 100%;}
.news-content .swiper-button-next:after, .news-content .swiper-button-prev:after{font-size: 0;}




.footer{background: #0f0f26;}
.footerbox{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1600px;max-width: 94%; margin:0 auto ;padding: 60px 0 40px;}
.foot-left{width:53%;}
.foot-left ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot-left h2{color: #fff;font-size: 18px;margin-bottom: 20px;}
.foot-left dt{font-size: 16px;color: #FFFFFF;}
.foot-left dt a{color: #9E9E9E;line-height: 2;}
.foot-left dt a:hover{color: #fff;}

.foot_right{width: calc(47% - 140px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.wzdz h2{color: #fff;font-size: 18px;margin-bottom: 20px;}
.wzdz p{color: #9E9E9E;line-height: 2; font-size: 15px;}
.wzdz p b{font-size: 22px;color: #FF964C;}
.rwm{width: 140px;}
.rwm span{display: block;}
.rwm span img{width: 100%;}
.rwm p{text-align: center; line-height: 32px;font-size: 15px;}
.rwm ul{display: flex;justify-content: space-between;gap:12px;padding-top: 20px;}
.rwm ul li img{width: 100%;border-radius: 50%;}
.bqxx{border-top: 1px solid #1E2C52;}
.bqxxbox{width: 1600px; max-width: 94%; margin: 0 auto; padding: 28px 0;}
.bqxxbox ul{display: flex;gap:7px;}
.bqxxbox a{display: block;border-radius: 50%; width: 48px;height: 48px;background: #292929;position: relative;transition: all .5s;}
.bqxxbox a:hover{background: #0847a5;}
.bqxxbox p{font-size: 15px;color: #9E9E9E;line-height: 25px;text-align: center;}
.bqxxbox p img{display: inline-block;vertical-align: middle; margin: 0 10px;}
@media(max-width:1900px){
.manufacture-content li{height: 580px;}	
.manu-img img{height: 580px;}
.manufacture-content li.cur .manu-wb{padding: 50px 30px 0 30px;}
.manu-img h2{top: 40px;}
}
@media(max-width:1440px){
.manu-img h2{top: 70px;}
.manufacture-content li.cur .manu-wb{padding: 50px 30px 0 30px;}
.manu-wb a{margin-top:40px;}
.manu-wb h2{font-size: 28px;}
}
@media(max-width:1200px){
.header{z-index: 100;}
.headerbox{height: 60px;}	
.logo{width: 200px;}


.nav{position:fixed;width: 200px;height: calc(100vh - 60px);top: 60px;left:-200px;background: #010101;overflow: auto;}
.nav ul{display: block;}
.nav a{font-size: 16px; line-height: 46px;color: #fff;padding: 0 15px;border-bottom: 1px solid rgba(255,255,255,.2);}
.dhbj{position: fixed;z-index: 88;width: 100%;height: 100%; left: 0;top: 0;background: rgba(0,0,0,.7);display: none;}
.dhbtn{width: 30px;height: 30px; right: 3%;top: 50%;transform: translateY(-50%);background: url(../images/d1.png) no-repeat center center #f3412d;background-size: 20px 20px;position: absolute;border-radius: 4px;cursor: pointer;z-index: 10;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #f3412d;background-size: 20px 20px;}
.banner-text h2{font-size: 40px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.banner-box{height: 300px;}
.banner-text h2{font-size: 24px;margin-bottom: 15px;}
.banner-text p{font-size: 14px;line-height: 1.8;}

.about{padding: 50px 0 0 0;}
.about-top{display: block;}
.about-title{width: 100%;display: block;}
.about-title p{font-size: 14px;margin-bottom: 15px;}
.about-title h2{font-size: 24px;}
.about-text{width: 100%; padding-top: 15px;}
.about-text p{font-size: 14px; line-height: 1.8;}
.about-text a{font-size: 14px;}
.about-list{padding-top: 30px;}
.about-list li{width: 100%;padding-bottom: 15px;}
.about-list ul{display: block;}

.manufacture-title{padding: 40px 3% 20px 3%;}
.manufacture-title p{font-size: 14px;margin-bottom: 15px;}
.manufacture-title h2{font-size: 24px;}
.manufacture-content li{width: 100%;height: auto;margin-bottom: 15px;}
.manufacture-content li.cur{width: 100%;}
.manufacture-content ul{display: block;}
.manu-img img{height:100%;object-fit: cover;width: 100%;}

.manu-img:before{display: none;}
.manu-wb{display: block;}
.manu{height: 350px;}
.manu-wb h2{font-size: 24px;padding-bottom: 15px;margin-bottom: 15px;}
.manu-img h2{display: none;}
.manu-wb{padding: 25px;opacity: 1;}
.manu-wb p{font-size: 14px; line-height: 1.8;}
.manu-wb a{margin-top: 30px;}
.manufacture-content li.cur .manu-wb{padding: 25px;}
.manu-img h2{font-size: 18px;top: 25px;}
.manufacturebox{padding: 50px 0;}
.manufacturebox-content{padding-top: 15px;}
.manufacturebox-content ul{gap:15px;}
.manufacturebox-content li{width: calc(50% - 15px/2);}

.cooperation{padding: 50px 0;}
.ooperationbox{display: block;}
.cooperation-title a{margin-top: 30px;}
.cooperation-title p{font-size: 14px;margin-bottom: 15px;}
.cooperation-title h2{font-size: 24px;}
.cooperation-right{width: 100%;padding-top: 20px;}
.cooperation-right li{width: calc(50% - 15px/2);}
.news{padding: 50px 0 50px;}
.news-content{padding-top: 20px;}
.news-content .swiper-button-next{width: 40px;height: 40px;right: 0;top: -25px;}
.news-content .swiper-button-prev{width: 40px;height: 40px;right: 45px;top: -25px;}
.footerbox{padding: 30px 0;display: block;}
.foot-left h2{margin-bottom: 8px;}
.foot-left dl{overflow: hidden; margin-left: -20px;}
.foot-left dt a{font-size: 14px;line-height: 1.5;float: left; padding-left: 20px;}
.foot-left ul{display: block;}
.foot-left li{width: 100%;padding-bottom: 25px;}
.foot-left{width: 100%;}
.foot-left p{font-size: 14px;line-height: 1.8;}
.foot_right{width: 100%;display: block;border-top: 1px solid #1E2C52;padding-top: 15px;}
.bqxxbox{display: block;text-align: center;}
.bqxxbox ul{justify-content: center;padding-bottom: 10px;}
.bqxxbox p{font-size: 14px;}
.yzxz ul{top: 60px;}
.wzdz{text-align: center;}
.rwm{width: 120px;margin: 15px auto 0 auto;}
}