.fnt_36{font-size: 36px;}
.fnt_30{font-size: 30px;}
.fnt_24{font-size: 24px;}
.fnt_16{font-size: 16px;}
@media only screen and (max-width:768px) {
.fnt_36{font-size: 24px;}
.fnt_30{font-size:22px;}
.fnt_24{font-size: 18px;}
}




img{max-width: 100%;}

.about_part{padding: 4rem 0;}
.about_part dt{ float: left; width: 53.491200000000006%;}
.about_part dt h2{margin: 10px 0 20px; color: #00a1e9;}
.about_part dt h3{color: #00a1e9; line-height: 2;}
.about_part dt .con{line-height: 30px;}
.about_part dd{ float: right; width: 42.5088%; }
.about_part dd img,.about_part .img img{ width: 100%;}
.about_part .img{margin-top: 20px;}
@media only screen and (max-width:1024px) {
.about_part dt,.about_part dd{width: 100%;}
}

.culture_part{padding: 4rem 0;}
.culture_part dl{ background: #F8F8F9;}
.culture_part dt{ float: left; width: 50%; padding: 20px 5%;}
.culture_part dd{ float: right; width:50%;}
.culture_part dt h2{color: #00a1e9; line-height: 1.6;}
.culture_part dt p{color:#999999; margin: 10px 0 20px; line-height: 30px;}
@media only screen and (max-width:1600px) {
.culture_part dt{padding-left: 3%;}
}
@media only screen and (max-width:1024px) {
.culture_part dt{width: 39.44%;}
.culture_part dd{ width: 60.56%;}
}
@media only screen and (max-width:768px) {
.culture_part dt,.culture_part dd{width: 100%;}
.culture_part dt{padding:20px 40px;}
}

.history_part{padding: 4rem 0 5rem; background-position: bottom center!important;}
.history_part h2{ text-align: center; color: #333;padding-bottom:1em; border-bottom:1px solid #E8E8E8;}
.his_box{height: 660px; position: relative; margin-top: 40px; }
.his_box .wrap{ height: 100%;position: relative;}
.his_box .swiper-container{ height: 100%; margin: 0 80px;}
.his_box::before{content: ""; position: absolute; lefT:0; top:50%; width: 100%; height: 2px; background: #00A1E9;}
.his_box li::before{content: ""; position: absolute; lefT:0;top:calc(50% - 8px); width: 17px; height: 17px; border-radius: 100%; background: #00a1e9;}
.his_box li::after{content: ""; position: absolute; lefT:8px;top:0; width: 2px; height: 50%; background: #00A1E9;}
.his_box li:nth-child(2n)::after{top:auto; bottom:0;}
.his_box li dl{margin-left: 22px; height: 50%;}
.his_box li dt{color:#00a1e9; font-family: "impact"; margin: 0 0 10px;}
.his_box li dd{font-size: 13px; line-height: 1.4; color: #555;}
.his_box li:nth-child(2n) dl{ margin-top:330px; padding-top: 10%;}
.his_box .swiper-button-prev,.his_box .swiper-button-next{left:0; background:rgba(245,245,245,0.9); border-radius: 100%; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: -25px;}
.his_box .swiper-button-next{left:auto; right:0;}
@media only screen and (max-width:1660px) {
.his_box .swiper-button-prev{left:30px;}
.his_box .swiper-button-next{right:30px;}
}
@media only screen and (max-width:1023px) {
.his_box{ height: auto;}
.his_box::before,.his_box li::before,.his_box li::after{display: none;}
.his_box .swiper-container{ margin: 0 50px; background: rgba(255,255,255,0.5);}
.his_box li:nth-child(2n) dl{margin-top: 0; padding-top:20px;}
.his_box li dl{margin-left: 0; height: auto; padding: 20px;}
.his_box .swiper-button-prev{left:10px;}
.his_box .swiper-button-next{right:10px;}
}
@media only screen and (max-width:767px) {
.his_box .swiper-container{margin: 0 30px;}
.his_box .swiper-button-prev,.his_box .swiper-button-next{width: 30px; height: 30px; line-height: 30px; margin-top: -15px;}
}



.honor_part{margin: 4rem 0; padding-bottom: 2.2rem; border-bottom: 1px solid #e8e8e8;}
.honor_part h2{text-align: center; color: #333; margin-bottom: 3%;}
.honor_part ul{font-size: 0; padding: 0 20px; display: flex;flex-wrap:wrap}
.honor_part li{ transition: 0.3s ease 0s;font-size: 16px; display: inline-block;width: 23%; margin-bottom: 2.5%; margin-left: 2.6%;
background: #f0f0f0; padding: 10px; vertical-align: top; box-sizing: border-box;}
.honor_part li:nth-child(4n+1){margin-left: 0;}
.honor_part li a{font-size: 0; overflow: hidden; text-align: center; background: #f6f6f6; width: 100%; margin: 0 auto; height: 11vw; display: block;}
.honor_part li a:before{content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.honor_part li .lineBlock{ display: inline-block; width: 100%; height: 100%; overflow: hidden;}
.honor_part li .lineBlock img{display: inline-block; vertical-align: middle; transition: 0.5s linear 0s; width: auto; height: 100%; margin-left: 0; transform: scale(1);}
.honor_part li h4{ display: none;}
.honor_part li span{white-space: nowrap; transition: 0.3s ease 0s; display: block; width: 100%; text-align: center; overflow: hidden;text-overflow: ellipsis; font-size: 16px; height: 40px; font-weight: 700; margin-bottom: 6px; padding: 3% 10px; box-sizing: border-box; border: none;}
@media only screen and (max-width:768px) {
.honor_part li{width: 48%;margin-bottom: 5%;}
.honor_part li:nth-child(2n+0){margin-left: 4%;}
.honor_part li:nth-child(2n+1){margin-left: 0;}
.honor_part li a{height: 31vw;}
.honor_part li span{padding: 2vw;font-size: 14px;}
}