.page-main .banner{width:100%;aspect-ratio:1/0.37;max-height:712px}
.page-main .banner-item{background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:center}
.page-main .banner .swiper-pagination{padding-right:10%;bottom:3.125vw;text-align:right}
.page-main .banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:4px;margin:4px;background:rgba(255,255,255,.5);opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-border-radius:0;border-radius:0}
.page-main .banner .swiper-pagination .swiper-pagination-bullet-active{width:60px;background:#fff!important}
.page-main .section .section-title{font-size:36px;font-weight:700;line-height:54px;padding-bottom:24px}
.page-main .section.product{padding:12px 12px 0}
.page-main .section.product a{width:-webkit-calc(20% - 12px);width:-moz-calc(20% - 12px);width:calc(20% - 12px);position:relative;margin-bottom:12px;margin-right:12px;aspect-ratio:4 / 3}
.page-main .section.product a img{width:100%;height:100%}
.page-main .section.product a .des{width:100%;text-align:center;padding-top:5px;}
.page-main .section.product a .des p:first-child{font-size:14px;color:#000;line-height:34px}
.page-main .section.product a:nth-child(5n){margin-right:0}
.page-main .section.news{padding:80px 0}
.page-main .section.news .section-content a{width:-webkit-calc(50% - 6px);width:-moz-calc(50% - 6px);width:calc(50% - 6px);height:350px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:#eef1f8;margin-bottom:12px;margin-right:12px;position:relative}
.page-main .section.news .section-content a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(351deg,#355492 .8%,#593164 98.1%);background:-moz- oldlinear-gradient(351deg,#355492 .8%,#593164 98.1%);background:linear-gradient(99deg,#355492 .8%,#593164 98.1%);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.page-main .section.news .section-content a:nth-child(even){margin-right:0}
.page-main .section.news .section-content a:hover::before{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.page-main .list-swiper .swiper-slide.hide{display: none!important;}
.page-main .section.news .section-content a:hover p{color:#fff}
.page-main .section.news .section-content a:hover .link{background:url(/dist/static/images/arrow-right.png) no-repeat scroll left top / 100% 100%}
.page-main .section.news .section-content a p{position:relative;z-index:10;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;color:#2e2e2e}
.page-main .section.news .section-content a .date{font-size:40px;line-height:56px}
.page-main .section.news .section-content a .title{font-size:20px;line-height:28px;width:90%;height:56px;text-align:center;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-top:12px}
.page-main .section.news .section-content a.en .title{height:67px}
.page-main .section.news .section-content a .flex .flex:first-child{margin-right:30px}
.page-main .section.news .section-content a .name,.page-main .section.news .section-content a .phone{font-size:16px;line-height:24px}
.page-main .section.news .section-content a .name{padding-top:50px}
.page-main .section.news .section-content a .link{margin-top:33px;width:42px;height:11px;background:url(/dist/static/images/arrow-right-normal.png) no-repeat scroll left top / 100% 100%;-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s}
.page-main .section.company .item{width:50%;aspect-ratio:2/1;max-height:480px;min-height:400px}
.page-main .section.company .company-des{background:url(/dist/static/images/company-bg.jpg) no-repeat scroll left top / cover;padding-right:82px}
.page-main .section.company .company-des p{width:518px;color:#fff}
.page-main .section.company .company-des p:first-child{font-size:40px;line-height:56px;letter-spacing:2px}
.page-main .section.company .company-des p:nth-child(2){font-size:16px;line-height:34px;padding-top:20px}
.page-main .section.company .company-des .link{padding-top:32px;color:#fff;display: block;}
.page-main .section.company .company-thumb{background:url(/dist/static/images/company-thumb.png) no-repeat scroll left top / cover}
.page-main .section.product-list{padding:121px 0 106px}
.page-main .section.product-list .section-content{width:100%}
.page-main .tabs-swiper{border-bottom:1px solid #eeeeee;padding-bottom:20px;}
.page-main .section.product-list .tabs{max-width:1200px;margin:0 auto}
.page-main .section.product-list .tabs .swiper-slide{padding:0 30px;cursor:pointer;width:auto;font-size:20px;}
.page-main .section.product-list .tabs .swiper-slide.active{color:#0660aa}
.page-main .section.product-list .cover{position:relative;padding-top:60px;width:100%;padding:60px 0 0}
.page-main .section.product-list .cover .slider-button{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;text-align:center;line-height:50px;cursor:pointer;z-index:88}
.page-main .section.product-list .cover .slider-button i{font-size:45px;font-weight:200}
.page-main .section.product-list .cover .slider-button--prev{left:110px}
.page-main .section.product-list .cover .slider-button--prev i{display:block;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.page-main .section.product-list .cover .slider-button--next{right:110px}
.page-main .section.product-list .cover .slider-button:hover{color:#0660aa}
.page-main .section.product-list .list{width:1200px;height:auto}
.page-main .section.product-list .list img{width:798px;height:auto}
.page-main .section.product-list .list a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.page-main .section.product-list .list a strong{font-size:24px;line-height:34px;color:#2e2e2e;padding-top:50px}
.page-main .section.items{padding:80px 0}
.page-main .section.items .section-content a{width:-webkit-calc(50% - 6px);width:-moz-calc(50% - 6px);width:calc(50% - 6px);height:230px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background:#eef1f8;margin-bottom:12px;margin-right:12px;position:relative}
.page-main .section.items .section-content a:nth-child(even){margin-right:0}
.page-main .section.items .section-content a:hover p{color:#0660aa}
.page-main .section.items .section-content a .link{font-weight:700}
.page-main .section.items .section-content a .link i{padding-left:5px}
.page-main .section.items .section-content a .thumb{position:relative;z-index:50;width:230px;height:230px}
.page-main .section.items .section-content a .thumb img{width:100%;height:100%;object-fit:cover}
.page-main .section.items .section-content a .content{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:0;height:230px;padding:48px 48px 40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.page-main .section.items .section-content a .content .name{font-size:20px;line-height:28px;font-weight:700}
.page-main .section.items .section-content a .content .desc{font-size:16px;line-height:22px;padding-top:6px}
.page-main .section.form{background:#eef1f8;padding:65px 0 75px}
.page-main .section.form .section-title{font-size:40px;padding-bottom:0}
.page-main .section.form .tips{font-size:20px;line-height:28px;padding-top:4px;color:#2e2e2e;padding-bottom:32px}
.page-main .section.form .form-content{margin-right:42px}
.page-main .section.form .form-cover .input-row{font-size:0}
.page-main .section.form .form-cover .input-row input{width:291px;height:40px;background:#fff;padding:0 12px;font-size:16px}
.page-main .section.form .form-cover .input-row input:first-child{margin-right:12px}
.page-main .section.form .form-cover .content-cover{width:594px}
.page-main .section.form .form-cover .content-cover textarea{width:100%;height:80px;margin-top:12px;padding:12px;font-size:16px;resize:none}
.page-main .section.form .form-cover #submit{width:160px;height:40px;background:#0660AA;color:#fff;font-size:20px;margin-top:20px;letter-spacing:1px;cursor:pointer}
.page-main .section.form .form-cover #submit:hover{opacity:.8}
.page-main .image-news{position:relative;height:580px;padding:0;margin-top:80px;overflow:hidden}
.page-main .image-news:after{content:'';position:absolute;top:72px;left:0;width:100%;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(#3B81B4),to(#28549E));background:-webkit-linear-gradient(top,#3B81B4 0,#28549E 100%);background:-moz- oldlinear-gradient(top,#3B81B4 0,#28549E 100%);background:linear-gradient(180deg,#3B81B4 0,#28549E 100%)}
.page-main .image-news .section-title{width:50%;background-color:#fff;width:100%}
.page-main .image-news-cover{width:50%;padding-right:23px}
.page-main .image-news .slider-cover{position:relative;z-index:5;padding:20px 0;height:508px}
.page-main .image-news .slider-cover .news-item{color:#fff;padding:15px 20px 15px 0;position:relative;height:25%;cursor:pointer}
.page-main .image-news .slider-cover .news-item--date{font-size:14px;color:rgba(255,255,255,.8);line-height:20px}
.page-main .image-news .slider-cover .news-item--content{font-size:20px;line-height:28px;padding-top:4px}
.page-main .image-news .slider-cover .news-item::before{content:'';position:absolute;left:-15px;top:0;bottom:0;background-color:rgba(255,255,255,.2);right:0;opacity:0;-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .3s ease;-moz-transition:transform .3s ease,opacity .2s ease,-moz-transform .3s ease;transition:transform .3s ease,opacity .2s ease;transition:transform .3s ease,opacity .2s ease,-webkit-transform .3s ease,-moz-transform .3s ease;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.page-main .image-news .slider-cover .news-item:after{content:'';top:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(top,#FFF 0,rgba(255,255,255,0) 100%);background:-moz- oldlinear-gradient(top,#FFF 0,rgba(255,255,255,0) 100%);background:linear-gradient(180deg,#FFF 0,rgba(255,255,255,0) 100%);position:absolute;left:-15px;width:6px;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.page-main .image-news .slider-cover .news-item.active::before{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}
.page-main .image-news .slider-cover .news-item.active:after{opacity:1}
.page-main .image-news .slider-images{position:absolute;height:100%;width:50%;top:0;right:0;overflow:hidden;z-index:20}
.page-main .image-news .slider-images .slider-image{display:none;height:100%}
.page-main .image-news .slider-images .slider-image img{object-fit:cover;width:100%;height:100%}
.page-main .image-news .slider-images .slider-image.active{display:block}
.page-main .news-slider{background:url(../images/section-bg.png) scroll no-repeat left top;overflow:hidden}
.page-main .news-slider-content .news-slider-item{height:230px;padding:40px 100px;background:#eef1f8;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#0b57a7;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease;position:relative;overflow:hidden}
.page-main .news-slider-content .news-slider-item::before{content:'';background:#0b57a7;position:absolute;left:0;height:100%;top:0;right:100%;-webkit-transition:right .5s ease;-moz-transition:right .5s ease;transition:right .5s ease;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.page-main .news-slider-content .news-slider-item .date,.page-main .news-slider-content .news-slider-item .content,.page-main .news-slider-content .news-slider-item .more{position:relative;z-index:10}
.page-main .news-slider-content .news-slider-item .date{font-size:14px;line-height:24px;padding-bottom:4px}
.page-main .news-slider-content .news-slider-item .content{line-height:28px;font-size:20px;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-align:center;text-overflow:ellipsis}
.page-main .news-slider-content .news-slider-item .more{font-size:16px;padding-top:43px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.page-main .news-slider-content .news-slider-item .more i{padding-left:8px}
.page-main .news-slider-content .news-slider-item:hover{color:#fff}
.page-main .news-slider-content .news-slider-item:hover::before{right:0}
.page-main .news-slider-content .swiper{overflow:visible}
.page-main .news-slider-content .swiper .swiper-slide{opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}
.page-main .news-slider-content .swiper .swiper-slide-active{opacity:1}
.page-main .news-slider-content .swiper .swiper-slide-active~.swiper-slide{opacity:1}
.page-main .culture{background:url(/dist/static/images/culture-bg.png) scroll no-repeat center / cover;padding-bottom:64px}
.page-main .culture .section-title{color:#fff}
.page-main .culture-content{color:#fff;padding-top:13px}
.page-main .culture-content .culture-item--title{font-size:22px;line-height:31px;padding-left:12px;position:relative}
.page-main .culture-content .culture-item--title::before{content:'';position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:74%;width:6px;-webkit-border-radius:10px;border-radius:10px;background:#3edfff}
.page-main .culture-content .culture-item--content{padding:18px 0 0 12px;width:318px;font-size:16px;line-height:22px}
.page-main .culture .link-more{margin-top:136px;color:#fff;display:block}
.page-main .culture .link-more span:last-child:after,.page-main .culture .link-more span:last-child::before{border-color:#fff}
.page-main .about-us{padding:120px 0}
.page-main .about-us-sidebar{width:260px}
.page-main .about-us-sidebar-item{font-size:22px;line-height:31px;cursor:pointer;margin-bottom:40px;color:rgba(11,87,167,.5);-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.page-main .about-us-sidebar-item span:last-child{font-size:20px;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.page-main .about-us-sidebar-item.active{color:#0b57a7}
.page-main .about-us-sidebar-item.active span:last-child{opacity:1}
.page-main .about-us-content{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:0;padding-left:120px}
.page-main .about-us-content-item{width:820px;height:340px;padding:50px 40px;background:url(../images/us-bg.png) no-repeat scroll left top / cover;color:#fff;position:relative}
.page-main .about-us-content-item__title{font-size:26px;line-height:54px;font-weight:700}
.page-main .about-us-content-item__content{font-size:14px;line-height:24px;width:578px}
.page-main .about-us-content-item__link.link-more{color:#fff}
.page-main .about-us-content-item__link.link-more span:last-child:after,.page-main .about-us-content-item__link.link-more span:last-child::before{border-color:#fff}
.page-main .about-us-content-item__thumb{width:499px;height:260px;position:absolute;z-index:20;right:-360px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.page-main .about-us-content-item__thumb img{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:1220px){.public-w{width:100%}
.page-main .section.news,.page-main .section.items{padding:80px 12px}
.page-main .section.company .company-des{padding-right:40px;padding-left:40px}
.page-main .section.company .company-des p{width:100%}
.page-main .section.product-list .tabs{padding:0 20px}
.page-main .section.product-list .list{width:100%;padding:0 20px}
.page-main .section.product-list .cover .slider-button--prev{left:20px}
.page-main .section.product-list .cover .slider-button--next{right:20px}
.page-main .section.items .section-content a .content{padding:48px 28px 40px}
.page-main .section.form{padding:65px 12px 75px}
.page-main .section.form .form-content{width:50%}
.form-bg{width:-webkit-calc(50% - 42px);width:-moz-calc(50% - 42px);width:calc(50% - 42px)}
.form-bg img{width:100%;height:auto}
.page-main .section.form .form-cover .input-row input{width:-webkit-calc(50% - 6px);width:-moz-calc(50% - 6px);width:calc(50% - 6px)}
.page-main .section.form .form-cover .content-cover{width:100%}}
@media screen and (max-width:968px){.page-main .banner{aspect-ratio:auto;height:50vw}
.page-main .section .section-title{font-size:min(24px,6.4vw);line-height:min(40px,10.6667vw);padding-bottom:min(10px,2.6667vw)}
.page-main .banner .swiper-pagination{text-align:center;padding:0 4vw}
.page-main .banner .swiper-pagination .swiper-pagination-bullet{width:min(20px,5.3333vw)}
.page-main .banner .swiper-pagination .swiper-pagination-bullet-active{width:min(40px,10.6667vw)}
.page-main .section.product{padding:min(15px,4vw);padding-bottom:0}
.page-main .section.product a{margin-right:0!important;width:100%;margin-bottom:min(12px,3.2vw)}
.page-main .section.product a .des{padding-bottom:min(10px,2.6667vw)}
.page-main .section.product a .des p:first-child{font-size:min(20px,5.3333vw);line-height:min(32px,8.5333vw)}
.page-main .section.product a .des p:nth-child(2){font-size:min(14px,3.7333vw);line-height:min(22px,5.8667vw);padding-top:min(2px,.5333vw)}
.page-main .section.news,.page-main .section.items{padding:min(20px,5.3333vw) min(15px,4vw)}
.page-main .section.news .section-content a{width:100%;margin-right:0;margin-bottom:min(12px,3.2vw);height:auto;padding-top:min(20px,5.3333vw);padding-bottom:min(20px,5.3333vw)}
.page-main .section.news .section-content a .date{font-size:min(30px,8vw);line-height:min(42px,11.2vw)}
.page-main .section.news .section-content a .title{width:80%;font-size:min(18px,4.8vw);line-height:min(28px,7.4667vw);padding-top:min(4px,1.0667vw);overflow:visible}
.page-main .section.news .section-content a .name,.page-main .section.news .section-content a .phone{font-size:min(16px,4.2667vw);line-height:min(24px,6.4vw)}
.page-main .section.news .section-content a .name{padding-top:min(30px,8vw)}
.page-main .section.news .section-content a .link{margin-top:min(30px,8vw);width:min(42px,11.2vw);height:min(11px,2.9333vw)}
.page-main .section.company .item{width:100%;min-height:0;aspect-ratio:auto}
.page-main .section.company .company-thumb{display:none}
.page-main .section.company .company-des{padding:min(40px,10.6667vw) min(15px,4vw)}
.page-main .section.company .company-des p:first-child{font-size:min(30px,8vw);line-height:min(42px,11.2vw)}
.page-main .section.company .company-des p:nth-child(2){font-size:min(14px,3.7333vw);line-height:min(30px,8vw);padding-top:min(12px,3.2vw)}
.page-main .section.company .company-des .link{padding-top:min(20px,5.3333vw)}
.page-main .section.product-list{padding:min(40px,10.6667vw) min(15px,4vw)}
.page-main .section.product-list .tabs{padding:0}
.page-main .section.product-list .tabs .swiper-slide{padding:min(0px,0vw) min(15px,4vw);font-size:min(13px,3.4667vw)}
.page-main .section.product-list .cover{padding-top:min(50px,13.3333vw)}
.page-main .section.product-list .cover .slider-button{display:none}
.page-main .section.product-list .list{padding:0}
.page-main .section.product-list .list img{width:100%}
.page-main .section.product-list .list a strong{padding-top:min(40px,10.6667vw);font-size:min(18px,4.8vw);line-height:min(32px,8.5333vw)}
.page-main .section.items .section-content a{width:100%;margin-right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}
.page-main .section.items .section-content a .thumb{width:100%;height:auto}
.page-main .section.items .section-content a .thumb img{height:auto}
.page-main .section.items .section-content a .content{width:100%;padding:min(20px,5.3333vw) min(15px,4vw);height:auto}
.page-main .section.items .section-content a .content .link{padding-top:min(40px,10.6667vw)}
.page-main .section.form .section-title{font-size:min(24px,6.4vw)}
.page-main .section.form .tips{font-size:min(18px,4.8vw);line-height:min(24px,6.4vw);padding-bottom:min(32px,8.5333vw)}
.page-main .section.form .form-cover .input-row input{height:min(40px,10.6667vw);padding:min(0,0vw) min(12px,3.2vw);font-size:min(16px,4.2667vw)}
.page-main .section.form .form-cover .content-cover textarea{height:min(80px,21.3333vw);padding:min(12px,3.2vw);font-size:min(16px,4.2667vw)}
.page-main .section.form .form-cover #submit{width:min(160px,42.6667vw);height:min(40px,10.6667vw);font-size:min(18px,4.8vw);margin-top:min(20px,5.3333vw)}
.page-main .section.form .form-content{width:100%;margin-right:0}
.page-main .section.news .section-content a.en .title{height:auto;-webkit-line-clamp:none;}
.form-bg{display:none}}