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

.about1{ background:url(../images/icons/abg1.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about1 img.pic{ display:block; max-width:43.75%; float:right; margin:30px 0 0 6.25%;}
.about1 .txt{ line-height:1.875; color:#333; font-size:16px; overflow:hidden; text-align:justify;}
.about1 .txt font{ color:#e71f19; font-weight:bold;}
.about1 .txt h4{ line-height:1; color:#e71f19; font-size:26px; margin:0 0 0.5em;}
.about1 .txt h4::after{ content:''; display:block; width:2.45em; height:2px; background:#e71f19; margin:0.8em 0 0;}
.about1 .txt h5{ line-height:2.5; font-size:1.125em; padding:0.5em 0 0;}
.about1 ul.data{ display:flex; justify-content:space-between; font-size:18px; overflow:hidden; clear:both; padding:4em 0 0;}
.about1 ul.data li{ display:block;}
.about1 ul.data p{ display:block; height:6.75em; line-height:6.75em; color:#e71f19; font-weight:bold; overflow:hidden;}
.about1 ul.data p.block{ height:1px; margin:-1px 0 0;}
.about1 ul.data p b{ display:block; font-size:4.44em; float:left;}
.about1 ul.data p b:first-child{ margin-left:0;}
.about1 ul.data span{ display:block; line-height:1; color:#333;}

.about2{ background:url(../images/icons/abg2.jpg) center no-repeat; background-size:cover; padding:80px 0;}
.about2 .photo{ display:block; font-size:16px; position:relative; padding:0 0 80px;}
.about2 .photo .swiper-container{ padding:0 10px; margin:0 -10px;}
.about2 .photo .swiper-slide{ display:block; padding:10px 0;}
.about2 .photo .swiper-slide a{ display:block; border:5px solid #fff; overflow:hidden; box-shadow:0 0 10px rgba(172,172,172,0.6); transition:all ease 0.4s;}
.about2 .photo .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.about2 .photo .swiper-slide a:hover img{ transform:scale(1.05);}
.about2 .photo .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.about2 .photo .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 7px !important; opacity:1;}
.about2 .photo .swiper-pagination-bullet-active{ background:#e71f19;}

.about3{ padding:0 0 80px;}
.about3 ul{ display:block; overflow:hidden; margin:0 -1.6vw;}
.about3 ul li{ display:block; width:33.33%; float:left;}
.about3 ul li a{ display:block; overflow:hidden; background:#000; position:relative; margin:0 1.6vw;}
.about3 ul li img{ display:block; width:100%; transition:all ease 0.4s;}
.about3 ul li p{ display:block; width:100%; box-sizing:border-box; line-height:1.5; color:#fff; font-size:18px; padding:0 9%; position:absolute; left:0; bottom:8%; transition:all ease 0.4s;}
.about3 ul li p b{ display:block; line-height:2; font-size:1.22em;}
.about3 ul li a:hover img{ transform:scale(1.05); opacity:0.8;}
.about3 ul li a:hover p{ transform:translateY(-20%);}

.about4{ background:url(../images/icons/abg4.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about4 .honor{ display:block; font-size:16px; position:relative; padding:0 0 60px; margin:-10px 0 0;}
.about4 .honor .swiper-container{ margin:0 4.5%; padding:0 10px;}
.about4 .honor .swiper-slide{ display:block; padding:4% 0; padding:10px 0; position:relative; z-index:1;}
.about4 .honor .swiper-slide-active{ z-index:3;}
.about4 .honor .swiper-slide a{ display:block; background:#fff; padding:10px; overflow:hidden; box-shadow:0 0 10px rgba(124,124,124,0.6); transition:all ease 0.4s;}
.about4 .honor .swiper-slide-active a/{ transform:scale(1.168);}
.about4 .honor .swiper-slide-prev a/{ transform:translateX(10%);}
.about4 .honor .swiper-slide-next a/{ transform:translateX(-10%);}
.about4 .honor .swiper-slide a img{ display:block; width:100%; border:1px solid #ff7a00; box-sizing:border-box;}
.about4 .honor .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.about4 .honor .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 7px !important; opacity:1;}
.about4 .honor .swiper-pagination-bullet-active{ background:#e71f19;}


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

.about1 .txt{ overflow:visible;}

.about3 ul li p{ font-size:16px; bottom:8%; padding:0 6%;}

.about4 .honor .swiper-container{ margin:0;}








}


/**/