@charset "utf-8";
.about{max-width: 1920px;margin: 0 auto;}
.about main{max-width: 1400px;}
.about .section{padding: 5rem 0;background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
@media only screen and (max-width: 1440px){
.about .section{padding: 4rem 0;}}
@media only screen and (max-width: 1024px){
.about .section{padding: 3rem 0;}}
@media only screen and (max-width: 768px){
.about .section{padding: 2rem 0;}}

.company{background-image: url(../images/about_bg.jpg);}
.company .box{position: relative;width: 100%;display: flex;justify-content: space-between;padding-left: 45%;}
.company .txt{position: absolute;left: 0;display: flex;flex-wrap: wrap;width: 45%;height: 100%;align-content: space-between;}
.company .txt .con{position: relative;width: 100%;padding-bottom: 57%;overflow: auto;}
.company .txt p{position: absolute;width: 100%;color: #000;font-size: 18px;line-height: 1.8;padding-right: 2%;}
.company .txt a{color: #fff;font-size: 16px;line-height: 3;padding: 0 10%;border-radius: 5px;background: #bf0818;}
.company .txt a:hover{background: #f00;}
.company .gallery{width: 100%;padding-left: 12.5%;}
.company .gallery .swiper-slide .img{position: relative;width: 100%;padding-bottom: 53.5%;cursor: pointer;}
.company .gallery .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.company .gallery .thumbs{position: relative;margin-top: 5px;}
.company .gallery .thumbs .swiper-slide{position: relative;width: calc( 96.1% / 4);margin-right: 5px;}
.company .gallery .thumbs .swiper-slide .img{padding-bottom: 63%;}
.company .gallery .thumbs .swiper-slide .img:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid transparent;transition: all .5s;}
.company .gallery .thumbs .swiper-slide-thumb-active .img:after{border-color: #bf0818;}
.company .gallery [class^="swiper-button-"]{position: absolute;top: 0;left: 0;width: 4.5%;height: 100%;margin: 0;color: #fff;font-size: 30px;background: rgba(0,0,0,.45);opacity: 1;cursor: pointer;pointer-events: auto;transition: all .5s ease;}
.company .gallery [class^="swiper-button-"]:after{display: none;}
.company .gallery [class^="swiper-button-"] i{font-size: inherit;}
.company .gallery .swiper-button-next{left: auto;right: 0;transform: rotate(180deg);}
.company .gallery [class^="swiper-button-"]:hover{background: rgba(0, 0, 0, .6);}
@media only screen and (max-width: 1440px){
.company .txt p{font-size: 16px;}}
@media only screen and (max-width: 1024px){
.company .txt .con{padding-bottom: 50%;}
.company .txt p{font-size: 14px;}
.company .txt a{font-size: 14px;}
.company .gallery [class^="swiper-button-"]{font-size: 20px;}}
@media only screen and (max-width: 768px){
.company{padding: 3rem 0 2rem!important;}
.company .box{padding-left: 48%;}
.company .txt{width: 48%;}
.company .txt a{font-size: 12px;}
.company .gallery{padding-left: 8%;}}
@media only screen and (max-width: 480px){
.company .box{display: flex;flex-direction: column-reverse;padding: 0;}
.company .txt{position: relative;width: 100%;}
.company .txt .con{padding: 0;margin: 1rem  0;}
.company .txt .con p{position: relative;padding: 0;}
.company .txt a{margin: 0 auto;}
.company .gallery{width: 100%;padding: 0;}
.company .gallery [class^="swiper-button-"]{font-size: 16px;}}

.honor{padding-bottom: 0!important;background-image: url(../images/honor_bg.jpg);}
.honor .list{display: flex;flex-wrap: wrap;}
.honor .tit{color: #000;}
.honor .tit h3{font-size: 32px;}
.honor .btn{display: flex;align-items: center;margin-top: 3rem;}
.honor .btn [class^="swiper-button-"]{position: initial;flex: none;width: 55px;height: 55px;color: #4d4d4d;font-size: 24px;font-weight: bold;margin: 0;border-radius: 50%;background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, .15);transition: all .5s;opacity: 1;}
.honor .btn [class^="swiper-button-"]:after{display: none;}
.honor .btn [class^="swiper-button-"] i{font-size: inherit;}
.honor .btn .swiper-button-next{transform: rotate(180deg);}
.honor .btn .swiper-pagination{position: initial;font-size: 30px;width: 100px;}
.honor .btn [class^="swiper-button-"]:hover{color: #fff;background: #bf0818;}
.honor .box{display: flex;width: 100%;align-items: center;}
.honor .flex{position: relative;width: 48.786%;margin: 0;margin-left: auto;padding-bottom: 40px;}
.honor .flex:before,.honor .flex:after{content:"";position: absolute;left: -2%;bottom: 0;width: 141%;height: 40px;background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, .15);z-index: 2;}
.honor .flex:after{bottom: -7rem;height: 7.5rem;box-shadow: none;background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, transparent 100%);z-index: 1;transform: skewX(29.5deg);transform-origin: top;}
.honor .box+.flex{width: 66%;margin: 0;margin-right: auto;margin-top: 11.5rem;}
.honor .box+.flex:before,.honor .box+.flex:after{left: auto;right: -2%;width: 131%;}
.honor .box+.flex:after{transform: skewX(-29.5deg);}
.honor .swiper-slide img{max-width: 100%;}
.honor .list2{display: block;}
.honor .list2 .tit{display: flex;justify-content: space-between;align-items: center;margin: 6rem 0 5rem;}
.honor .list2 .btn{margin: 0;}
.honor .list2 .flex{width: 100%;}
.honor .list2 .flex:before{left: 50%;width: 138%;transform: translatex(-50%);}
.honor .list2 .flex:after{display: none;}
@media only screen and (max-width: 1440px){
.honor .tit h3{font-size: 28px;}
.honor .btn{margin-top: 2rem;}
.honor .btn [class^="swiper-button-"]{width: 45px;height: 45px;font-size: 20px;}
.honor .btn .swiper-pagination{font-size: 26px;width: 80px;}
.honor .flex{padding-bottom: 30px;}
.honor .flex:before,.honor .flex:after{height: 30px;}
.honor .flex:after{bottom: -5rem;height: 5.5rem;}
.honor .box+.flex{margin-top: 9.5rem;}
.honor .list2 .tit{margin: 5rem 0 4rem;}}
@media only screen and (max-width: 1024px){
.honor .tit h3{font-size: 26px;}
.honor .btn{margin-top: 1.5rem;}
.honor .btn [class^="swiper-button-"]{width: 40px;height: 40px;font-size: 16px;}
.honor .btn .swiper-pagination{font-size: 22px;width: 70px;}
.honor .flex{padding-bottom: 20px;}
.honor .flex:before,.honor .flex:after{height: 20px;}
.honor .flex:after{bottom: -4rem;height: 4.5rem;}
.honor .box+.flex{margin-top: 5.5rem;}
.honor .list2 .tit{margin: 4rem 0 3rem;}}
@media only screen and (max-width: 768px){
.honor .box{display: block;}
.honor .tit{display: flex;justify-content: space-between;align-items: center;margin: 0 0 2rem 0!important;}
.honor .tit h3{font-size: 22px;}
.honor .btn{margin: 0;transform: scale(.8);transform-origin: right;}
.honor .flex{width: 100%;}
.honor .flex:after{bottom: -3rem;height: 3.5rem;}
.honor .box+.flex{width: 100%;margin-top: 3rem;}
.honor .list2{margin-top: 3rem;}}
@media only screen and (max-width: 480px){
.honor .tit{margin: 0 0 1rem 0 !important;}
.honor .tit h3{font-size: 18px;}
.honor .btn{transform: scale(.6);}
.honor .flex{padding-bottom: 10px;}
.honor .flex:before,.honor .flex:after{height: 10px;}
.honor .flex:after{bottom: -2rem;height: 2.5rem;}
.honor .box+.flex,.honor .list2{margin-top: 2rem;}}

.contact .box{display: flex;justify-content: space-between;align-items: flex-start;}
.contact .form{flex: 1;min-width: 0;color: #000;}
.contact .tit{line-height: 1.8;margin-bottom: 2rem;padding-bottom: 2rem;border-bottom: 1px solid #c9c9c9;}
.contact .tit h3{font-size: 28px;}
.contact .tit p{font-size: 16px;}
.contact .lxwm{width: 29%;max-width: 400px;padding: 2% 2.5%;margin-left: 12%;background: #efefef;}
.contact .lxwm h3{color: #000;font-size: 18px;font-weight: bold;margin: 5% 0;}
.contact .lxwm h3:first-child{margin: 0;}
.contact .lxwm .txt{width: 100%;color: #808080;font-size: 18px;line-height: 1.8;padding: 4.5% 0;border-bottom: 2px solid #707070;}
.contact .lxwm .txt i{font-size: inherit;}
.contact .lxwm .img{max-width: 130px;}
.contact .lxwm .img img{width: 100%;height: 100%;}
.contact .layui-form-item{margin-bottom: 2rem;}
.contact .layui-form-item:last-child{margin: 0;}
.contact .layui-form-label{float: none;width: auto;padding: 0;margin-bottom: 10px;text-align: left;}
.contact .layui-input-block{margin: 0;min-height: auto;}
.contact .layui-form-radio{float: left;width: 33.33%;margin: 0 0 10px 0;}
.contact .layui-inline{width: 31.5%;margin-bottom: 0;margin-right: 15px;}
.contact .layui-inline:nth-child(2n){width: 48%;margin: 0;}
.contact .layui-input,.contact .layui-textarea{height: auto;line-height: 2.85;border-color: #707070;border-radius: 5px;}
.contact .layui-textarea{line-height: 1.45;}
.contact .layui-input:hover,.contact .layui-textarea:hover {border-color: #bf0818!important;}
.contact .layui-input:focus,.contact .layui-textarea:focus{border-color: #bf0818!important;box-shadow: 0 0 0 3px rgb(191 8 24 / 8%);}
.contact .layui-anim{right: auto;left: 0;width: 16px;height: 16px;line-height: 14px;border: 1px solid #707070;font-size: 12px;text-align: center;color: rgba(255, 255, 255, 0);border-radius: 5px;background-color: #fff;animation-name: none;-webkit-transition: .1s linear;transition: .1s linear;}
.contact .layui-anim:before{content: "\e605"!important;}
.contact .layui-form-radio,
.contact .layui-form-radio:hover>*{color: inherit;font-size: inherit;}
.contact .layui-form-radio:hover i{border-color: #bf0818;color: #fff;}
.contact .layui-icon-radio{border-color: #bf0818 !important;background-color: #bf0818;color: #fff;}
.contact .layui-btn{font-size: 18px;height: auto;line-height: 2.3;padding: 0 4.8%;border: 0;border-radius: 5px;background-color: #bf0818;}
.contact  .layui-btn-primary{color: #fff;margin-left: 15px;}
.contact .layui-btn:hover{opacity: 1;background-color: #f00;}
@media only screen and (max-width: 1024px){
.contact .tit{margin-bottom: 1.5rem;padding-bottom: 1.5rem;}
.contact .tit h3{font-size: 26px;}
.contact .tit p{font-size: 15px;}
.contact .lxwm h3{font-size: 16px;}
.contact .layui-form-item{margin-bottom: 1.5rem;}
.contact .layui-input, .contact .layui-textarea{line-height: 2.5;}
.contact .layui-btn{font-size: 16px;}
.contact .lxwm .txt{font-size: 16px;}}
@media only screen and (max-width: 768px){
.contact .tit{margin-bottom: 1rem;padding-bottom: 1rem;}
.contact .tit h3{font-size: 22px;}
.contact .tit p{font-size: 13px;}
.contact .lxwm{margin-left: 5%;}
.contact .lxwm h3{font-size: 16px;}
.contact .lxwm .txt{font-size: 14px;}
.contact .layui-form-item{margin-bottom: 1rem;}
.contact .layui-form-radio{width: 50%;}
.contact .layui-inline{width: calc(50% - 7px)!important;margin-right: 10px;}
.contact .layui-btn{font-size: 14px;}}
@media only screen and (max-width: 480px){
.contact .form{font-size: 13px;}
.contact .box{display: block;}
.contact .tit h3{font-size: 18px;}
.contact .tit p{font-size: 12px;}
.contact .lxwm{display: flex;flex-direction: column;width: 100%;margin: 0;padding: 1rem 1.5rem;margin-top: 2rem;flex-direction: column;align-items: center;text-align: center;}
.contact .layui-form-radio{padding: 0;}
.contact .layui-form-radio>*{font-size: inherit;}
.contact .layui-anim{margin-right: 5px;}
.contact .layui-inline{display: inline-block;width: calc(50% - 7px)!important;margin-right: 10px;}
.contact .layui-form-item:last-child .layui-input-block{display: flex;justify-content: space-between;}
.contact .layui-btn{width: calc(50% - 7px);margin: 0;}}