a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:#000}
body{margin: 0;}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 16px; font-family: "Oswald";font-weight: 200;}
h1, h2, h3, h4, h5, h6{margin:0;}
ul{margin:0;padding:0}
li{list-style:none}
pre{white-space:pre-wrap;overflow:hidden}
table{width:100%!important}
table td{border:1px solid #333}
iframe{width:100%!important}
.clear{clear: both;}
p{margin-bottom: 0;}
.flexbetweent{display: flex;justify-content: space-between;align-items: center}
.w100{width: 100%;margin: 0 auto;}
.w1600{width: 1440px;max-width: 100%;margin: 0 auto;}
.w1440{width: 1385px;max-width: 100%;margin: 0 auto;}
header{background-color:#fff;padding: 30px 0; position: sticky;    top: 0; z-index: 1000;}
.logo{display:flex;align-items:center}
.logo h1{font-size:24px;color:#0e3482;margin-right:10px}
.logo span{font-size:16px;color:#333}
.nav-menu{display:flex;justify-content:right;width: 60%;}
.nav-menu li{/*margin-left:25px;*/padding:0 25px;border-right:1px solid #ccc;position:relative}
.nav-menu a{color:#000;font-size:16px;padding:5px 0;text-transform: uppercase;font-family: "Oswald";font-weight: 200;}
.nav-menu a:hover{color:#fe880b}
.nav-menu .active a{color:#fe880b}
.nav-menu .active::after{content:"";width: 100%;height: 2px;background: #fe880b;margin-top:10px;display: none;}
.mobile-menu-btn{display:none;font-size:24px;cursor:pointer}

.indexbanner .swiper{height:950px;}
.indexbanner .swiper-button-prev, .indexbanner  .swiper-button-next{color: #fff;}
.indexbanner .swiper-slide{background-size: cover;}
.indexbanner .swbox{display: flex;flex-wrap: wrap;flex-direction: column;text-align: left;justify-content: center;height: 100%;margin: 0 auto;margin-top: -8%;}
.indexbanner .swbox h3{margin-top:30px;font-size:48px;text-transform: uppercase;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);color: #000;font-weight: 400}
.indexbanner .swbox p{ font-size:18px;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);margin-top: 30px;width: 550px;}
.indexbanner .swbox a{min-width: 100px; display: block;height: 45px;line-height: 45px;text-align: center;color: #fff;text-transform: uppercase;font-size:18px;font-weight: 300;padding: 0 35px;border-radius: 25px;}
.indexbanner .swbox p a:nth-child(1){background: #fe880b;}
.indexbanner .swbox p a:nth-child(2){background: #fff;color: #000;}
.indexbanner .swbox p a:nth-child(3){background: #242834;}
@media screen and (min-width:1921px) {
.indexbanner .swiper-slide{background-position: bottom center;}
}
@media screen and (max-width:1440px) {
.w1600{width:1320px;}  
.w1440{width: 1220px;}
.nav-menu{width: 980px;}

}
@media screen and (max-width:1380px) {
    .w1600{width:100%;padding:0 10px;}

}
@media screen and (max-width:1220px) {
    .w1440{width: 1200px;} 
    .nav-menu li{margin-left: 20px;}
    .nav-menu a{font-size: 0.8rem;}

}
@media screen and (max-width:1024px) {
.nav-menu{width: 70%;}

}
@media screen and (max-width:768px) { 
    .w1440{width: 100%;} 
.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;flex-direction:column;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.nav-menu.active{display:flex}
.nav-menu .active::after{display: none;}
.nav-menu li{margin:0;border-bottom:1px solid #eee}
.nav-menu a{display:block;padding:15px}
.mobile-menu-btn{display:block;position: absolute;right: 10px;}
}

@media screen and (max-width:640px) {
header{padding:10px 0;}
.logo{width: 46%;}
.logo img{max-width: 100%;max-height: 100%;width: auto;}
.nav-menu li{border-right:none;}
.indexbanner .swbox h3{font-size: 35px;}
.indexbanner .swbox p{flex-wrap: wrap;width: auto;display: block}
.indexbanner .swbox a{font-size: 16px;width: 60%;margin: 20px auto 0 auto;}
 }
.indexvideo{position: relative;height: 980px;overflow: hidden;} 
.indexvideo h3{position: absolute;top:0;z-index: 99;font-weight: 600;font-size: 26px;width: 200px;height: 70px;line-height: 70px;text-align: center;background-color: #fe880b;color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.indexvideo video{width: 100%;height: 100%;object-fit: cover;}
.indexvideo iframe{width: 100%;height: 100%;object-fit: cover;display: none;}
/*.indexvideo video::-webkit-media-controls{display: none !important;}
.indexvideo video::-moz-media-controls{display: none !important;}*/
.indexvideo p{font-weight: 200;position: absolute;top: 30%;transform: translateY(-30%);}
.indexvideo p abbr{display: block;font-size: 60px;margin-top: 15px;color: #fff;text-transform:uppercase;font-weight: 300}
.indexvideo p a{display: block;width:100px;text-transform:uppercase;border-radius: 25px;background-color: #fff;height: 40px;line-height: 40px;
    text-align: center;font-size:16px;color: #000;margin-top: 30px;font-weight: 300;}
@media screen and (max-width:1440px) {
 .indexvideo{height: 780px;} 
}    
@media screen and (max-width:768px) {
   .indexvideo{height: 680px;} 
   .indexvideo video::-webkit-media-controls{display: block !important;}
.indexvideo video::-moz-media-controls{display: block !important;}
}    
@media screen and (max-width:768px) {
    .indexvideo{height: 600px}
   
}
@media screen and (max-width:546px) {
  .indexvideo{height: 450px;overflow: hidden;}   
 .indexvideo h3{width: 200px;height: 45px;line-height: 45px;font-size: 20px;}   
 .indexvideo p{font-size: 30px; left: 12%;transform: translateX(-12%)}
 .indexvideo p abbr{margin-top: 10px;font-size: 26px;}
 .indexvideo p a{margin: 20px auto;}
}    


.indexchoose{height: 800px;overflow: hidden;}
.indexchoosebg{background:url(../images/banner3.jpg) left top no-repeat;background-size:cover;object-fit: cover;width: 100%;}
.indexchoosebg1{background:url(../images/banner4.jpg) left top no-repeat;background-size:cover;object-fit: cover;width: 100%;}
.indexchoose h3{font-weight: 600;font-size: 26px;width: 200px;height: 70px;line-height: 70px;text-align: center;background-color: #fe880b;color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.indexchoose ul{width:50%;font-weight: 200;margin-top:7%;gap: 50px;flex-wrap: wrap}
.indexchoose ul li{width: 46%;box-sizing: border-box}
.indexchoose ul li i{display: block;width: 55px;height: 55px;}
.indexchoose ul li b{display:block;font-size: 26px;color: #fff;text-transform: capitalize;height: 60px;line-height: 60px;}
.indexchoose ul li span{display: block;font-size: 26px;color: #fff;}
.indexchoose ul li abbr{display: block;font-size: 16px;color: #fff;font-weight: 400;line-height: 25px;height: 90px;}
@media screen and (max-width:1360px) {
    .indexchoose ul{width: 70%;margin-left: 20px;}
}
@media screen and (max-width:768px) {
    .indexchoose{height: 600px;}
    .indexchoose ul{width:100%;}
}
@media screen and (max-width:640px) {
 .indexchoose{height: 600px;}  
 .indexchoosebg{margin-top: -1px;}
 .indexchoose h3{width: 200px;height: 45px;line-height: 45px;font-size: 20px;}   

 .indexchoose ul{gap: 10px;margin-left: 0;}
 .indexchoose ul li abbr{line-height: 20px;height: 110px;}
}
footer{background-color: #fe880b;padding:80px 0; }
footer ul{width: 50%;justify-content: center;display: flex;align-items: center;align-content: center;margin: 0 auto;gap: 5%}
footer ul li{width: 40%;text-align: center;line-height: 40px;}
footer ul li b{font-size: 20px;font-weight: 400;color: #fff;}
footer ul li p{font-size: 16px;font-weight: 400;color: #fff;line-height: 20px}
.copyright {color: #fff;text-align: center;background-color: #fe880b;padding-bottom:20px;font-weight: 400;}
.copyright ul{width: 90px;margin: 0 auto 20px auto;display: flex;justify-content: center;align-items: center;gap: 10px;}
.copyright ul li i{width: 30px;height: 30px;line-height:25px;border-radius: 50%;display: inline-block;background-color: #fff;}
.copyright a{color: #fff;display: inline-block}
@media screen and (max-width:1440px){  
    footer ul{width: 80%;}
}
@media screen and (max-width:768px) {
 footer ul{width: 100%;}   
}

@media screen and (max-width:640px) {
footer ul{width: 100%;flex-wrap:wrap}
footer ul li{width: 100%;}
.copyright{padding-top: 20px;}
}

.huanbao{height: 650px;background: url(../images/bannerb.jpg) top center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.huanbao .tbox{text-align: center;}
.huanbao .tbox p{font-size: 72px;color: #fff;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);font-weight: 600;}
.huanbao .tbox p abbr{font-size: 30px;font-weight: 200;display: block;margin-top: 30px;}

.huanbao1{height: 640px;overflow: hidden;}
.huanbao1 b{font-weight: 600;font-size: 60px;}
.huanbao1 img{max-width: 100%;width: auto;display: block;margin: 20px auto;max-height: 195px;}
.huanbao1 p{font-size: 20px;font-weight: 200;height: 250px;width: 80%;margin: 0 auto;}
.huanbao1 p abbr{display: block;line-height: 35px;text-align: left;width: 80%;color:#fff;}
.huanbao1 .left{width: 50%;background-color: #70ad47;padding:100px 30px 30px 6%;box-sizing: content-box;overflow: hidden;text-align: center;}
.huanbao1 .left b{color: #fff;}
.huanbao1 .right{width: 50%;background-color: #e9e8ed;padding:100px 30px 30px 6%;box-sizing: content-box;overflow: hidden;text-align: center;}
.huanbao1 .right b{color: #70ad47;}

.huanbao2{height: 700px;background: url(../images/bannerb3.jpg) top center;background-size:cover;padding: 90px 0 30px 0;background-attachment: fixed; }
.huanbao2 b{font-weight: 600;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: center;color: #fff;}
.huanbao2 ul{width: 50%;margin: 60px auto;}
.huanbao2 ul li{width: 28%;position: relative;height:380px;}
.huanbao2 ul li p{height: 320px;background-color: #fff;position: absolute;z-index: 20;display: flex;align-items: center;justify-content: center;width: 100%;padding: 0 10px;box-sizing: border-box}
.huanbao2 ul li p>img{max-width: 100%;width: auto;}
.huanbao2 ul li span{width:100%;display: block;position: absolute;z-index: 30;bottom:0;left:20px;background-color: #c6deb5;color: #000;height: 84px;line-height: 84px;text-align: center;font-weight: 200;font-size: 24px;}

.huanbao3{height: 650px;background: url(../images/bannerb7.jpg) left top;background-size:cover;display: flex;align-items: center;animation: huanbaoslideUp 20s linear infinite;}
.huanbao3 b{font-weight: 600;font-size: 60px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;width: 100%;}
.huanbao3 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}

.huanbao4{height: 650px;background: url(../images/bannerb8.jpg) right top;background-size:cover;display: flex;align-items: center;justify-content: right}
.huanbao4 .flexbetweent{justify-content: right;}
.huanbao4 .tbox{width: 60%;}
.huanbao4 b{font-weight: 600;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao4 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao4 span{display: block;padding-top: 20px;height: 80px; mix-blend-mode: screen;}
.huanbao4 span::before{display: block;content:"";width: 50px;height: 1px;background-color: #fff;margin-bottom: 30px;}
.huanbao4 span>img {max-width: 100%;width: auto;}

.huanbao5{height: 650px;background: url(../images/bannerb9.jpg) top center;background-size:cover;display: flex;align-items: center}
.huanbao5 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: center;color: #fff;}
.huanbao5 abbr{display: block;display: flex;justify-content: center;height: 74px;line-height: 74px;color: #fff;font-size: 20px;font-weight: 200;margin-top: 20px;}
.huanbao5 abbr>img{display: inline-block;max-width: 100%;width: auto;margin:0 10px;}
.huanbao5 ul{width: 100%;margin: 60px auto;}
.huanbao5 ul li{width: 23%;text-align: center}
.huanbao5 ul li::before{content:"";display: inline-block;width:30px;height: 31px;background: url(../images/bannerb9ico6.png) left center no-repeat;margin-right: 40px;}
.huanbao5 ul li:nth-child(1)::before{display: none;}
.huanbao5 ul li p{width: 100%;font-size:24px;text-align:center;font-weight: 200;color: #fff;margin: 15px auto;padding-left: 40px;    box-sizing: content-box;}
.huanbao5 ul li:nth-child(1) p{padding-left: 0;}
.huanbao5 ul li img{max-width: 100%;width: auto;}

.huanbao6{height: 650px;background: url(../images/bannerb10.jpg) left top;background-size:cover;background-attachment: fixed;display: flex;align-items: center;justify-content: right}
.huanbao6 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao6 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao6 span{display: block;padding-top: 20px;height: 80px; mix-blend-mode: screen;}
.huanbao6 span::before{display: block;content:"";width: 50px;height: 1px;background-color: #fff;margin-bottom: 30px;}
.huanbao6 span>img {max-width: 100%;width: auto;}

.huanbao7{height: 650px;background: url(../images/bannerb11.jpg) left top;background-size:cover;display: flex;align-items: center;justify-content: right;animation: huanbaoslideUp 20s linear infinite;}
.huanbao7 .flexbetweent{justify-content: right;}
.huanbao7 .tbox{width: 45%;}
.huanbao7 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao7 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao7 span{display: block;padding-top: 20px;mix-blend-mode: screen;}
.huanbao7 span>img {max-width: 100%;width: auto;}

.huanbao8{height: 650px;background: url(../images/banner11.jpg) right top;background-size:cover;display: flex;align-items: center;}
.huanbao8 .flexbetweent{justify-content: left;}
.huanbao8 .tbox{width: 45%;}
.huanbao8 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao8 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao8 span{display: block;padding-top: 20px;mix-blend-mode: screen;}
.huanbao8 span>img {max-width: 100%;width: auto;}

.huanbao9{height: 650px;background: url(../images/banner13.jpg) right top;background-size:cover;display: flex;align-items: center;animation: huanbaoslideleft 50s linear infinite;}
.huanbao9 .flexbetweent{justify-content: right;}
.huanbao9 .tbox{width: 45%;}
.huanbao9 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao9 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao9 span{display: block;padding-top: 20px;mix-blend-mode: screen;}
.huanbao9 span>img {max-width: 100%;width: auto;}

.huanbao10{height: 650px;background: url(../images/banner14.jpg) right top;background-size:cover;display: flex;align-items: center;}
.huanbao10 .flexbetweent{justify-content: left;}
.huanbao10 .tbox{width: 65%;}
.huanbao10 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao10 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao10 span{display: block;padding-top: 20px;mix-blend-mode: screen;}
.huanbao10 span>img {max-width: 100%;width: auto;}

.huanbao11{height: 650px;background: url(../images/banner15.jpg) right top;background-size:cover;display: flex;align-items: center;;}
.huanbao11 .flexbetweent{justify-content: right;}
.huanbao11 .tbox{width: 45%;}
.huanbao11 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #fff;}
.huanbao11 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #fff;margin-top: 40px;line-height: 35px;}
.huanbao11 span{display: block;padding-top: 20px;mix-blend-mode: screen;}
.huanbao11 span>img {max-width: 100%;width: auto;}

.huanbao12{height: 650px;display: flex;align-items: center;background:url(../images/banner16.jpg);;background-size:cover;}
.huanbao12 .flexbetweent{justify-content: left;}
.huanbao12 .tbox{width:50%;}
.huanbao12 b{font-weight: 200;font-size: 60px;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);display: block;text-align: left;color: #000;}
.huanbao12 p{font-weight: 200;font-size: 20px;display: block;text-align: left;text-shadow: 1px 2px 3px rgba(0,0,0,0.3);color: #000;margin-top: 40px;line-height: 35px;}
.huanbao12 span{display: block;padding-top: 20px;mix-blend-mode: darken;}
.huanbao12 span>img {max-width: 100%;width: auto;}
.huanbao12 .picbox{width: 50%;}
.huanbao12 .picbox img{max-width: 100%;width: auto;}
@keyframes huanbaoslideUp {
    0% { background-position: 0 0; }
    100% { background-position: 0 100%; } 
}

@keyframes huanbaoslideleft {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; } 
}
@media screen and (max-width:1441px) {
.huanbao1 .left{padding:80px 30px 30px;}
.huanbao1 p{width: 100%;}
.huanbao1 p abbr{width: 100%;}
.huanbao2 ul{width: 70%;}
.huanbao5 ul{overflow: hidden;}
}
@media screen and (max-width:1360px) {
    .huanbao5 ul li::before {margin-right: 10px; background-size: 70%;height: 18px;}
}
@media screen and (max-width:768px) {
.huanbao1{height: auto;flex-wrap: wrap}    
.huanbao1 p{height: auto;width: 100%;}
.huanbao1 b{font-size: 50px;}
.huanbao1 .left{width: 100%;padding: 60px 30px 60px 30px;}
.huanbao1 .right{width: 100%;}
.huanbao2{height: auto}
.huanbao2 ul{width: 90%;}
.huanbao2 ul li{width: 30%;}
.huanbao3 b{font-size: 50px;}
.huanbao4 .tbox{width: 100%;}
.huanbao5{height: 900px;background: url(../images/bannerb9-1.jpg) right center no-repeat;}
.huanbao5 ul{flex-wrap: wrap;justify-content: center}
.huanbao5 ul li{width: 33%;}
.huanbao5 ul li:nth-child(1){width: 29%;}
.huanbao5 ul li::before{margin-right: 20px;}
.huanbao7 .tbox{width: 100%;}
.huanbao8{background:url(../images/banner11.jpg) left bottom repeat-y;}
.huanbao8 .tbox{width: 100%;}
.huanbao9 .tbox{width: 100%;}
.huanbao10 .tbox{width: 100%;}
.huanbao11 .tbox{width: 100%;}
.huanbao12 .tbox{width: 100%;}
}
@media screen and (max-width:546px) {
   .huanbao2 ul{flex-wrap: wrap;}
   .huanbao2 ul li{width: 95%;margin-bottom: 30px;}
   .huanbao5{height: 1100px;}
   .huanbao5 b,.huanbao6 b,.huanbao5 b,.huanbao7 b,.huanbao8 b,.huanbao9 b,.huanbao10 b,.huanbao11 b,.huanbao12 b{font-size: 50px;}
   .huanbao5 abbr{display: block;text-align: center;height: 85px;line-height: 35px;}
   .huanbao5 abbr>img{max-width: 200px;display:block;margin: 0 auto;}
   .huanbao5 ul li{width: 49%;}
   .huanbao5 ul li:nth-child(1){width: 49%}
   .huanbao5 ul li img{width: 110px;}
   .huanbao5 ul li::before {margin-right: 10px; background-size: 70%;height: 18px;}
   .huanbao5 ul li p{padding-left:20px;font-size: 20px;}
   .huanbao7{background: url(../images/bannerb11-1.jpg) right top repeat-y;}
   .huanbao7 p{    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);}
   .huanbao9{animation: huanbaoslideleft 120s linear infinite;}

}
.nbanner{height:310px;background-size: cover;object-fit: cover;justify-content: center;} 
.nbanner p{font-weight: 400;font-size:60px;text-shadow: 3px 2px 3px rgba(0,0,0,0.3);color: #fff;text-align: center}

@media screen and (max-width:768px) {
    .nbanner p{font-size: 50px}
}

@media screen and (max-width:640px) {
    .nbanner{height: 100px;}
    .nbanner p{font-size: 30px;}
}

.prolist{height: 620px;}
.prolist .tbox{width: 50%;height:620px;background-size: cover !important;object-fit: cover;overflow: hidden;}
.prolist .tbox p{font-size: 60px;font-weight: 400;width: 100%;height: 100%;cursor: pointer;justify-content: center;text-transform:capitalize;}
.prolist .tbox p>a{display: block;color: #fff;border-bottom: 9px solid #fff;padding-bottom: 10px;transition: all 0.5s ease-in;}
.prolist .tbox p:hover a{color:#fe880b;margin-top: -20px;border-bottom: 7px solid #fe880b;}
@media screen and (max-width:768px) {
    .prolist{height: auto;flex-wrap: wrap;}
    .prolist .tbox{width: 100%;}
}
@media screen and (max-width:640px) {
    .prolist .tbox p{font-size: 50px}
}

.exhibition{margin:0 auto;padding-top: 30px;}
.exhibition h3{font-size: 60px;font-weight: 200;text-align: center;margin: 60px auto 40px auto;}
.exhibition ul{flex-wrap: wrap;gap: 30px;}
.exhibition ul li{width: 31%;box-sizing: border-box}
.exhibition .pimg{height: 350px;overflow: hidden;}
.exhibition .pimg img{object-fit: cover;transition: all 1s ease-in;max-width: 100%;}
.exhibition ul li:hover .pimg img{transform:scale(1.1)}
.exhibition ul li p{font-size: 24px;font-weight: 200;text-align: center;color: #000;margin: 24px auto;}
.products{position: relative;padding:20px 0 40px 0;}
.products h3{font-size: 60px;font-weight: 200;text-align: center;margin: 40px auto;}
.productsul{padding:30px 0 60px 0;width: 90%;}
.products .pimg{height: 345px;background-color: #f7f7f7;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.products .pimg img{object-fit: cover;transition: all 1s ease-in;max-width: 100%;}
.products .swiper-slide p{font-size: 24px;font-weight: 200;text-align: center;color: #000;margin: 24px auto;}
.products .swiper-pagination-bullet-active{background-color:#fe880b;width: 10px;height: 10px;}
.products .swiper-button-prev, .products .swiper-button-next{margin-top: 0}
.products .swiper-button-prev{width: 40px;height: 40px;background-color: #dcdcdc;border-radius: 50%;color: #fff;}
.products .swiper-button-next{width: 40px;height: 40px;background-color: #fe880b;border-radius: 50%;color: #fff;}
.products .swiper-button-prev:after, .products .swiper-button-next:after{font-size: 20px}
@media screen and (max-width:768px) {
    .exhibition ul li{width: 47%;}
    .exhibition .pimg{height: auto;}
    .products{margin-top: 0;padding: 0;}
    .products .swiper-slide p{line-height: 30px;}
}
@media screen and (max-width:640px) {
    .exhibition h3{font-size: 50px}
    .exhibition ul li{width: 100%;}
    .productsul{width: 70%;}
}

.project{height:750px;justify-content: center;}
.project .tbox{width:50%;}
.project p{font-size: 60px;font-weight: 200;color: #fff;line-height: 80px;margin-bottom: 10px;}
.project abbr{display: block;color: #fff;font-weight: 200;font-size: 20px;line-height: 35px;}
.wedo{height: 643px;}
.wedo .left{width:864px;height: 643px;position: relative;align-items: center;background: url(../images/video.jpg) center no-repeat;overflow: hidden;background-size: cover;}
.wedo .left video{object-fit: cover;}
.wedo .left i{width:70px;height: 70px;display: none;background: url(../images/play.png) no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.wedo .right{flex:1;height: 643px;background-color: #1c2029;padding:50px 60px;box-sizing: border-box;overflow: hidden;}
.wedo .right h3{font-weight: 200;font-size: 36px;color: #fff;}
.wedo .right ul{padding: 20px 0;flex-wrap: wrap;}
.wedo .right ul li{width: 100%;margin-top: 15px;}
.wedo .right ul li span{font-weight: 200;font-size: 24px;color: #fff;display: block;color: #fe880b;}
.wedo .right ul li p{color: #fff;line-height: 26px;font-weight: 200;font-size: 20px;margin-top: 20px;}
.wedo .right ul li:nth-child(2),.wedo .right ul li:nth-child(3){width: 50%;border-top: 1px solid #67696f;border-bottom: 1px solid #67696f;padding: 20px 0;margin-top:20px;}
.customer{height:450px;background: url(../images/projectbg.jpg) left center no-repeat;padding: 80px;box-sizing: border-box;background-size: cover;}
.customer ul{padding:0 40px;gap: 20px;}
.customer ul li{    mix-blend-mode: screen;}
.customer ul li img{max-width: 100%;width: auto;}
.customer ul li:nth-child(6) img{mix-blend-mode:screen;}
.customer p{font-size: 36px;font-weight: 200;color: #fff;text-transform: uppercase;margin:40px auto 10px auto;text-align: center;}
.customer span{display: block;width: 190px;height: 45px;line-height: 45px;text-align: center;font-weight:400;color: #fff;
    text-transform: uppercase;border-radius: 25px;background-color: #fe880b;margin:30px auto 10px auto;}
.customer span>i{display: inline-block;width:15px;height:9px;background: url(../images/upico.png) center no-repeat;}
.customer a{display: inline-block;color: #fff;margin-right: 20px;}

.factory{background-color: #1c2029;}
.factory h3{font-weight: 600;font-size: 26px;width: 260px;height: 70px;line-height: 70px;text-align: center;background-color: #fe880b;color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.factory p{color: #fff;font-weight: 200;font-size: 24px;text-align: center;line-height: 30px;margin: 60px auto;width: 80%;}
.factory ul{gap: 30px;flex-wrap: wrap;padding-bottom: 80px;}
.factory ul li{width: calc((100% - 90px)/4);box-sizing: border-box;margin-top: 20px;overflow: hidden;}
.factory ul li img{max-width: 100%;width: auto;transition: all 0.5s ease-in;}
.factory ul li:hover img{transform: scale(1.1)}

.success{height:450px;background: url(../images/projectbg2.jpg) left center no-repeat;padding: 80px;box-sizing: border-box;background-size: cover;}
.success p{font-size: 36px;font-weight:200;color: #fff;text-transform: capitalize;margin:40px auto 10px auto;text-align: center;}
.success span{display: block;width: 190px;height: 45px;line-height: 45px;text-align: center;font-weight:400;color: #fff;
    text-transform: uppercase;border-radius: 25px;background-color: #fe880b;margin:30px auto 10px auto;}
.success a{display: inline-block;color: #fff;}

.person{height: 770px;background: url(../images/projectbg3.jpg) top center no-repeat;background-size: cover;padding: 120px 10px;box-sizing: border-box;}
.person h3{font-size: 60px;font-weight: 600;color: #fe880b;text-align: center;}
.person p{font-size: 24px;font-weight: 200;color: #fff;text-align: center;margin:30px auto;line-height:30px;}
.person ul{justify-content: center;gap: 40px;margin-top: 30px;}
.person ul li{width:calc((100% - 200px)/6);box-sizing: border-box;}
.person ul li .pimg{border-radius: 50%;border:6px solid #fe880b;width: 100%;height: 100%;overflow: hidden;;}
.person ul li .pimg img{max-width: 100%;}
.person ul li p{text-align: center;font-size: 30px;font-weight: 200;margin-top: 40px;}
.joinus{height: 250px;background-color: #1c2029;padding: 30px 10px;text-align: center;box-sizing: border-box;}
.joinus p{font-size: 36px;font-weight: 200;color: #fff;text-transform: uppercase;margin:20px auto;text-align: center;}
.joinus span{display: block;width: 190px;height: 45px;line-height: 45px;text-align: center;font-weight:400;color: #fff;
    text-transform: uppercase;border-radius: 25px;background-color: #fe880b;margin:30px auto 10px auto;}
.joinus span>i{display: inline-block;width:19px;height:15px;background: url(../images/ico.png) center no-repeat;}
.joinus a{display: inline-block;color: #fff;margin-right: 20px;}

@media (max-width:1440px){
.project .tbox{width: 80%;}    
.wedo .left{width: 46%}
}
@media (max-width:768px){
.project .tbox{width: 90%;}
.project p    {font-size: 50px;}
.project abbr{font-size: 25px;line-height: 40px;}
.wedo{flex-wrap: wrap;height: auto;}
.wedo .left{width: 100%;height: 520px;}
.wedo .right{width: 100%;height: auto;padding: 40px 10px;}
.wedo .right ul li:nth-child(2), .wedo .right ul li:nth-child(3){width: 100%;}
.wedo .right ul li:nth-child(3){border-top: none;margin-top: 0;}
.customer{padding: 30px 10px;height: auto;}
.customer ul{flex-wrap: wrap;padding: 0;}
.customer ul li{width: 20%;text-align: center;}
.customer p{font-size: 30px;}
.factory p{width: 98%;font-size: 20px;}
.factory ul li{width: calc((100% - 30px) / 2);margin-top: 0;}
.success{height: auto;}
.success p{margin: 10px auto;}
.person{padding:60px 10px;}
.person h3{font-size: 50px;}
.person p{font-size: 20px;}
.person ul {gap: 30px;flex-wrap: wrap;}
.person ul li{width: calc((100% - 160px) / 3);}
.person ul li p{font-size: 18px;height: 30px;margin-top: 5px;}
}
@media (max-width:640px){
    .wedo .left{height: 320px;}
    .person ul li{width: calc((100% - 60px) / 3);}
    .factory ul li{width: 100%;}
    .joinus{height: auto;  padding: 50px 10px;}
    .joinus p{font-size: 30px;}
}

.contactus{height:1043px;background: url(../images/contactbg.jpg) left center;background-size: cover;flex-wrap: wrap;padding:4% 0;box-sizing: border-box}
.contactus abbr{font-size: 60px;font-weight: 200;color: #fff;text-align: center;display: block;margin-bottom: 20px;}
.contactus p{font-size: 24px;font-weight: 200;color: #fff;text-align: center;display: block;margin-bottom: 3%;}
.contact{width:988px;background-color: #fff;border-radius: 15px;margin: 0 auto;height: 725px;padding: 40px;box-sizing: border-box;}
.contact .left{width: 50%;}
.contact .left ul{width: 90%;}
.contact .left ul li{margin-top: 10px;}
.contact .left label{display: block;font-size: 20px;color: #000;font-weight: 400;}
.contact .left input{border:none;width: 100%;;height: 40px;line-height: 40px;color: rgba(0, 0, 0, 0.5);font-size: 16px;border-bottom: 1px solid #000;display: block;outline: none;}
.contact .left textarea{width: 100%;outline:none;height: 90px;border:none;line-height: 40px;color: rgba(0, 0, 0, 0.5);font-size: 16px;border-bottom: 1px solid #000;}
.contact .left .submit{width: 180px;height: 47px;line-height: 47px;background-color: #fe880b;color: #fff;font-weight: 200;border: none;margin:20px auto;border-radius: 25px;}
.contact .left .checkcode{width: 150px;display: inline-block;}
.contact .left .checkcodeimg{display: inline-block;width: 150px;}
.contact .left .phone{color: rgba(0, 0, 0, 0.5);font-size: 16px;border: none;border-bottom: 1px solid #000;display: inline-block;outline: none;height: 40px;}
.contact .left .comment_phone{display: inline-block;flex: auto;margin-left: 10px;}
.contact .left p{font-size: 16px;font-weight: 200;color: #000;text-align: center;margin: 10px auto;}
.contact .left p>span{font-size: 18px;}
.contact .right{width: 50%;}
.contact .right img{max-width: 100%;width: auto;}
.contact .right img:nth-child(2){margin-top: 10px;}
@media (max-width:768px){
   .contact{width: 90%;} 
}
@media (max-width:640px){
    .contactus{height: auto;padding: 20px 0;background-repeat: repeat-y;}
    .contactus abbr{font-size: 50px;}
    .contactus p{padding:0 10px;}
    .contact{flex-wrap: wrap;height: auto;padding:40px 20px}
   .contact .left{width: 100%;}
   .contact .right{width: 100%;}
   .contact .left .checkcodeimg{margin: 10px auto;}
}
.pagination{margin:30px auto 40px auto;}
.pagination .screen-reader-text{display:none}
.pagination .nav-links{display:flex;justify-content:center}
.pagination .nav-links .page-num{width:40px;height:40px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;margin:0 5px;font-size:20px;color: #4c4c4c;;background-color: #f5f5f5;}
.pagination .nav-links .page-num-current{background-color:#0e3482;color:#fff}
@media (max-width:768px){
    .pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}