@charset "utf-8";
@media (max-width:768px){body {overflow-x:hidden}}
@media(min-width:769px){header{background-color:#1b1b1b}
.nav>li>a{color:#fff}}
footer{background:url(/uploads/37122/banner/2024110708440123b04.jpg) no-repeat;background-size:cover;background-position:center}
.common-width{width:100%;max-width:1770px;margin:0 auto;box-sizing:border-box}
.titleBox{margin:30px 0}
.title-p{display:flex;justify-content:center;align-items:center}
.common-title{color:#292929;font-size:47px;text-transform:uppercase;font-weight:700;margin:0 20px;line-height:1.2;letter-spacing:2px;text-align:center}
.common-stitle{text-align:center;font-size:20px;color:#2e2e2e;font-weight:400}
.hot-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.hot-item{width:23%;border:1px solid #e5e5e5;padding:35px 40px;margin:20px 0}
.pro-img{overflow:hidden}
.pro-img img{display:block;width:100%}
.pro-title{text-align:center;color:#242424;font-size:18px;text-transform:capitalize}
.pro-a{text-align:center;margin-top:20px;background:#f2f2f2;padding:10px 20px;text-transform:capitalize;color:#242424;transition:all .5s}
.hot-item:hover img{transform:scale(1.1)}
.hot-item:hover .pro-a{background:#1c3a78;color:#fff}
.pro-more{text-align:center;margin-top:30px}
.pro-more a{color:#fff;font-size:18px;text-transform:capitalize;background:#1c3a78;border:1px solid #1c3a78;padding:10px 30px;transition:all .5s}
.pro-more a:hover{color:#1c3a78;background:#fff}
.about{background:url(/js/37122/img/about-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:140px 0;margin-bottom:170px}
.aboutBox{display:flex;justify-content:space-between;align-items:center}
.about-l{width:44%}
.about-title{font-size:34px;font-weight:700;color:#fff;width:80%;text-transform:uppercase;margin:15px 0;line-height:1.2}
.about-word{font-size:18px;color:#fff;text-align:justify;word-break:break-all}
.about-r{width:52%}
.about-r video{width:100%}
.about-ul{display:flex;justify-content:space-around;background:#fff;padding:40px 0;margin-bottom:-220px;margin-top:50px}
.about-item{width:19%;text-align:center}
.about-icon-title{color:#16171c;font-size:55px;border-bottom:1px solid #16171c;font-weight:500}
.about-icon-title span{font-size:24px}
.about-icon-word{color:#16171c;font-size:20px;margin-top:15px}
.about-item:hover img{transform:rotateY(360deg)}
.why-title{color:#3b3b3b}
.why-stitle{margin-top:10px}
.why-ul{display:flex;justify-content:space-between;margin:50px 0}
.why-li{width:24%}
.why-img{overflow:hidden}
.why-img img{display:block;width:100%}
.why-words{background:#fff;box-shadow:-1px 4px 11px 1px rgba(182,182,182,.38);padding:40px 30px;min-height:185px;transition:all .5s}
.why-t{color:#282828;font-size:20px;font-weight:500;text-align:center;margin-bottom:10px}
.why-w{color:#3b3b3b;font-size:16px;text-align:center}
.why-li:hover img{transform:scale(1.1)}
.why-li:hover .why-words{background:#1c3a78}
.why-li:hover .why-words p{color:#fff}
.why-more{margin:60px 0;text-align:center}
.why-more a{color:#2e2e2e;font-size:18px;text-transform:capitalize;border:1px solid #2e2e2e;transition:all .5s;padding:10px 30px}
.why-more a:hover{background:#1c3a78;border-color:#1c3a78;color:#fff}
.leader{background:url(/js/37122/img/leader-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:200px 0;text-align:center}
.leader-title{color:#f9f9f9;font-size:43px;font-weight:700;text-transform:uppercase;letter-spacing:3px}
.leader-word{color:#f9f9f9;font-size:24px;margin-top:10px}
.application{padding:50px 0}
.appli-inner{display:flex;justify-content:space-between;padding:50px 0;align-items:center}
.appli-container{display:flex;justify-content:space-between;align-items:center;width:90%}
.appliBox{display:flex;align-items:center;justify-content:space-between}
.appli-wrapper{width:90%;display:flex;align-items:center}
.appli-l{width:22%}
.appli-t{color:#3d3d3d;font-size:44px;font-weight:700;line-height:1.2;text-transform:capitalize}
.appli-w{color:#3d3d3d;font-size:16px;text-align:justify;word-break:break-all;margin:20px 0}
.appli-r{width:69%}
.appli-pagination{display:none}
.appli-btn{width:8%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.appli-btn div{width:50px;height:50px;background:#e5e5e5;border-radius:50%;position:relative;cursor:pointer;transition:all .5s}
.appli-btn div:after{content:'';display:block;width:1px;height:200px;background:#e5e5e5;position:absolute;left:50%;transform:translateX(-50%)}
.appli-button-prev{margin-bottom:20px}
.appli-button-prev:after{bottom:50px}
.appli-button-next:after{top:50px}
.appli-btn div i{color:#313131;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.appli-btn div:hover{background:#1c3a78}
.appli-btn div:hover i{color:#fff}
.swiper-button-disabled{opacity:.6;pointer-events:none}
.impact{background:url(/js/37122/img/impact-bg.jpg) no-repeat;background-position:center;background-size:cover;display:flex;justify-content:flex-end;padding:70px 80px}
.impact-inner{width:47%}
.impact-title{color:#fff;font-size:36px;text-transform:uppercase;font-weight:700}
.impact-word{margin:10px 0 25px;font-size:18px;color:#fff;text-align:justify}
.impact-more a{color:#fff;font-size:18px;background:#1c3a78;padding:8px 15px;transition:all .5s}
.impact-more a:hover{color:#1c3a78;background:#fff}
.new{padding:50px 0;background:#f9f9f9}
.new-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.new-li{width:24%;margin:30px 0}
.new-img{overflow:hidden}
.new-img img{width:100%;display:block}
.newBox{background:#fff;padding:40px 30px}
.new-title{color:#393939;font-size:21px;text-transform:capitalize;font-weight:500;line-height:1.2}
.new-word{color:#3f3f3f;font-size:16px;font-weight:100;text-align:justify;margin:10px 0 20px}
.new-more a{color:#212121;font-size:14px;font-weight:500;padding:5px 8px;border:1px solid #1b1b1b;transition:all .5s}
.new-li:hover img{transform:scale(1.1)}
.new-li:hover .newBox{box-shadow:-1px 4px 11px 1px rgba(182,182,182,.38)}
.new-li:hover .new-title{color:#1c3a78}
.new-li:hover .new-more a{background:#1c3a78;color:#fff;border-color:#1c3a78}
@media(max-width:1601px){.common-width{width:1400px}}
@media(max-width:1441px){.common-width{padding-left:15px;padding-right:15px;max-width:100%}
.about{padding:90px 0}
.appli-l{width:25%}
.leader{padding:120px 0}}
@media(max-width:1281px){.about-item{width:22%}
.about-icon-title{font-size:46px}
.about-icon-title span{font-size:20px}
.about-icon-word{font-size:18px;margin-top:10px}
.why-words{min-height:220px}}
@media(max-width:1025px){.titleBox{margin:0 0 15px}
.common-title{font-size:42px}
.hot-item{padding:20px 10px;width:24%;margin:7px 0}
.hot{padding:30px 0 50px}
.about-title{font-size:30px;width:100%}
.about-word{font-size:16px}
.about{padding:30px 0;margin-bottom:220px}
.why-words{padding:20px 15px;min-height:190px}
.leader{padding:80px 0}
.leader-title{font-size:34px}
.leader-word{font-size:20px}
.appli-inner{padding:0}
.appli-l{width:28%}
.appli-t{font-size:34px}
.appli-btn{display:none}
.appli-wrapper{margin-bottom:10px}
.appliBox{margin:20px 0}
.appli-container{position:relative}
.appli-pagination{margin:0 auto;display:block;position:absolute;text-align:center}
.swiper-pagination-bullet-active{background-color:#1c3a78}
.impact{padding:30px}
.impact-title{font-size:30px}
.impact-word{font-size:15px;margin:10px 0 15px}
.impact-more a{font-size:14px}
.newBox{padding:15px 10px}
.new-title{font-size:17px}
.new-word{font-size:13px}}
@media(max-width:768px){.common-width{padding-left:.3rem;padding-right:.3rem}
.logo{max-width:20%}
.hot-item{width:49%}
.aboutBox{flex-direction:column}
.about-l,.about-r{width:100%;margin:5px 0}
.about-ul{margin:0;padding:20px 0}
.about-item{width:24%}
.about-icon-title{font-size:34px}
.about-icon-word{font-size:14px}
.about{margin-bottom:40px}
.why-ul{margin:20px 0;flex-wrap:wrap}
.why-li{width:48%;margin:5px 0}
.why-words{min-height:auto}
.why-more{margin:20px 0 40px}
.leader{padding:50px 0}
.leader-title{font-size:24px}
.leader-word{font-size:14px}
.application{padding:30px 0}
.appliBox{flex-direction:column}
.appli-l,.appli-r{width:100%}
.appli-wrapper{align-items:flex-start}
.new-li{width:49%;margin:5px 0}}
@media(max-width:640px){.common-title{font-size:26px;margin:0 10px}
.title-p>div{width:18%}
.common-stitle{font-size:13px}
.pro-a{padding:10px}
.about-title{font-size:20px}
.about-word,.why-w{font-size:12px}
.about-ul{flex-wrap:wrap}
.about-item{margin:5px 0;width:48%}
.why-t{font-size:16px}
.about{margin-bottom:20px}
.about-icon-title{font-size:30px}
.about-icon-title span{font-size:15px}
.why-words{min-height:170px;padding:10px 15px}
.appli-t{font-size:22px}
.appli-w{font-size:12px;margin:10px 0}
.impact-inner{width:100%}
.impact{padding:10px 15px;background-position:left}
.application{padding:30px 0 0}
.new{padding:30px 0}}
@media(max-width:320px){.hot-item,.new-li,.why-li{width:100%}}
@font-face{font-family:iconfont;src:url(iconfont.ttf?t=1670304315561) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-xiangshang:before{content:"\f01a3"}
.icon-xiangxia:before{content:"\f01a6"}
.indcomment{padding:60px 0}
.comslide{padding:0 65px;max-width:1300px;margin:0 auto;position:relative}
.comslide .swiper-container{padding-bottom:40px}
.indcombox{display:flex;justify-content:space-between;align-items:center}
.indcombox .indcomlef{width:250px;text-align:center}
.indcombox .indcomrig{width:calc(100% - 250px);padding-left:100px;font-size:20px;line-height:1.6}
.comslide .swiper-pagination-bullet-active{background:var(--color)}
.indcom-btn>div{width:40px;height:40px;cursor:pointer;position:absolute;top:50%;margin-top:-20px;background:#eee}
.indcom-btn .indcom-prev{left:0}
.indcom-btn .indcom-next{right:0}
.indcom-btn .indcom-prev:after{content:'';width:10px;height:10px;border:2px solid #000;border-left:none;border-top:none;transform:rotate(-225deg);position:absolute;top:14px;left:16px}
.indcom-btn .indcom-next:after{content:'';width:10px;height:10px;border:2px solid #000;border-left:none;border-top:none;transform:rotate(-45deg);position:absolute;top:14px;left:10px}
.indcom-btn>div:hover{background:var(--color)}
.indcom-btn>div:hover:after{border-color:#fff}
@media(max-width:1024px){.indcombox .indcomrig{width:calc(100% - 200px);padding-left:40px;font-size:18px}
.indcombox .indcomlef{width:200px}}
@media(max-width:768px){.indcombox .indcomrig{width:calc(100% - 150px);padding-left:30px;font-size:15px}
.indcombox .indcomlef{width:150px}}
@media(max-width:560px){.indcombox .indcomrig{width:100%;padding:15px 0 0}
.indcombox .indcomlef{width:100%}
.indcombox{flex-wrap:wrap}
.comslide{padding:0}
.indcom-btn{display:none}}
.logo{max-width:10%}
header{padding-bottom:10px}
.new-img a{position:relative;height:0;padding-bottom:90%;display:block}
.new-img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:cover}
.relatednews-img img{height:90px}
.new-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:25px;height:50px}
.new-word:after{content:'...'}
.newBox{padding-bottom:70px;position:relative}
.newBox .new-more{position:absolute;bottom:35px}
.home-contact .des{color: var(--color);font-size: 24px;}
.home-contact .home-title{font-size:35px;text-transform: capitalize;color: #FFF;margin: 20px 0px 40px;}
.home-contact .more{position: relative;width: 180px;height: 54px;background: var(--color);color: #FFF;display: inline-flex;align-items: center;justify-content: center;text-transform: capitalize;overflow: hidden;border-radius: var(--borderradius);transition: all 0.1s linear;font-size: 24px;}
.home-contact{background: no-repeat center;text-align: center;overflow: hidden;padding: 4.5% 15px;position: relative;background-size: cover;margin-bottom:3%;}
@media (max-width: 768px){.home-contact .des,.home-contact .more{font-size:20px;}
.home-contact .home-title{font-size: 26px;}}
@media (max-width: 500px){.home-contact .des,.home-contact .more{font-size:17px;}
.home-contact .home-title{font-size: 22px;}}