@charset "utf-8";
/* CSS Document */

.main{ width:auto;}

.about1{ padding:60px 0 0;}
.about1 .flex{ display:flex; flex-wrap:wrap;}
.about1 .l{ display:flex; width:33%; flex-shrink:0; flex-direction:column; justify-content:space-between;}
.about1 .attr h2.title{ text-align:left; padding:0;}
.about1 .slogan{ font-size:16px; flex:auto; padding:3.75em 0 0;}
.about1 .slogan b{ display:block; width:1em; line-height:1.42; color:#e22434; font-size:1.5em; float:left; margin:0 0.66em 0 0;}
.about1 .slogan span{ display:block; width:1em; line-height:1.4; color:#434343; font-size:1.125em; overflow:hidden; padding:0.22em 0.5em 0 0; float:left;}
.about1 .r{ overflow:hidden; flex:1;}
.about1 .txt{ line-height:2; color:#666; font-size:16px; overflow:hidden; padding:2.5em 0 0;}

.about1 ul.data{ display:flex; justify-content:space-between; font-size:16px; overflow:hidden; padding:70px 0 0;}
.about1 ul.data li{ display:block; width:calc(25% - 15px); text-align:center; background:#f5f5f5; padding:20px 0; border-radius:6px; box-sizing:border-box;}
.about1 ul.data li:first-child{ border:0;}
.about1 ul.data li em{ display:block; height:3.25em; line-height:3.25em; color:#e22434; overflow:hidden;}
.about1 ul.data li b{ font-size:2.25em; margin-right:0.3em;}
.about1 ul.data li span{ display:block; line-height:1.5; color:#434343;}

.about2{ padding:0 0 80px;}
.about2 ul{ display:block; font-size:16px; overflow:hidden; padding:48px 0 0; margin:0 -22px;}
.about2 ul li{ display:block; width:33.33%; float:left;}
.about2 ul li a{ display:block; line-height:2; color:#fff; text-align:center; overflow:hidden; background:url(../images/icons/msg_bg.jpg) center no-repeat; background-attachment:fixed; padding:154px 0; border-radius:20px; margin:0 22px;}
.about2 ul li em{ display:block; font-size:1.75em;}
.about2 ul li p{ display:block; max-width:15em; height:6em; padding:1.25em 0 0; margin:0 auto;}

.about3{ background:url(../images/icons/honor_bg.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about3 .attr h2.title{ text-align:left;}
.about3 .l{ max-width:47%;}
.about3 h4{ display:block; line-height:3.5; color:#333; font-size:20px; padding:0.9em 0 0;}
.about3 .txt{ min-height:192px; line-height:2; color:#333; font-size:16px; text-align:justify;}
.about3 a.view{ display:block; width:150px; line-height:50px; color:#fff; font-size:14px; text-align:center; background:#e22434; border-radius:4px; margin:50px 0 0;}
.about3 a.view::after{ content:''; display:inline-block; vertical-align:top; width:20px; height:20px; padding:7px; background:#fff; background-clip:content-box; border:1px solid #fff; border-radius:50%; box-sizing:border-box; margin:25px 0 -25px 1em; transform:translateY(-50%); transition:all ease 0.25s;}
.about3 a.view:hover::after{ padding:5px;}

.about4{ padding:0 0 150px;}
.about4 ul{ display:block; overflow:hidden; padding:48px 0 0; margin:0 -30px;}
.about4 ul li{ display:block; width:33.33%; float:left;}
.about4 ul li a{ display:block; overflow:hidden; border-radius:20px; margin:0 30px;}
.about4 ul li a img{ display:block; width:100%; height:270px; object-fit:cover; transition:all ease 0.4s;}
.about4 ul li a:hover img{ transform:scale(1.1);}
.about4 .coop{ overflow:hidden; padding:80px 0;}
.about4 .coop .swiper-wrapper{ transition-timing-function:linear;}
.about4 .coop .swiper-slide a{ display:block; overflow:hidden; background:#fff; border:1px solid #ddd;}
.about4 .coop .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.about4 .coop .swiper-slide a:hover img{ transform:scale(1.1);}
.about4 .coop .swiper-button-prev,
.about4 .coop .swiper-button-next,
.about4 .coop .swiper-pagination{ display:none;}



@media only screen and (max-width:768px){

.about1{ padding:0 0 0;}
.about1 .flex{ display:block; position:relative;}
.about1 .l{ display:block; width:auto;}
.about1 .attr h2.title{ text-align:center; padding:3em 0 0;}
.about1 .slogan{ font-weight:bold; text-align:center; line-height:1.5; font-size:15px; padding:1.5em 0 0;}
.about1 .slogan b{ display:inline; float:none; margin:0 4px 0 0; font-size:inherit; line-height:inherit;}
.about1 .slogan span{ display:inline; font-size:inherit; line-height:inherit; padding:0; width:auto; float:none;}
.about1 .txt{ font-size:14px; padding:1em 0;}
.about1 .pic{ border-radius:10px;}
.about1 ul.data{ padding:0 0 0; flex-wrap:wrap; font-size:13px;}
.about1 ul.data li{ width:calc(50% - 7px); margin:12px 0 0; padding:16px 0;}
.about1 ul.data li em{ transform:translateY(-2px);}
.about1 ul.data li b{ margin-right:0.2em;}

.about2{ padding:0 0 40px;}
.about2 ul{ padding:30px 0 0;}
.about2 ul li{ width:100%; margin:0 0 12px;}
.about2 ul li a{ border-radius:10px; padding:30px 0;}
.about2 ul li em{ font-size:1.125em; font-weight:bold;}
.about2 ul li p{ font-size:0.875em; max-width:18em; height:auto; padding:0.5em 0 0;}

.about3{ padding:0 0 48px;}
.about3 .attr h2.title{ text-align:center;}
.about3 .l{ max-width:none;}
.about3 h4{ font-size:16px; line-height:1.5; padding:2em 0 1em; margin-right:10%;}
.about3 .txt{ font-size:14px; margin-right:24%;}
.about3 a.view{ width:120px; line-height:40px; font-size:13px; margin:2em 0 0;}
.about3 a.view::after{ width:14px; height:14px; padding:4px; margin:20px 0 -20px 0.75em;}

.about4{ padding:0 0 40px;}
.about4 ul{ padding:30px 0 0;}
.about4 ul li{ width:100%; margin:0 0 12px;}
.about4 ul li a{ border-radius:10px;}
.about4 ul li a img{ height:auto;}
.about4 .coop{ padding:12px 0 0;}




}























/**/