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

.about1{ padding:0 0 50px;}
.about1 .attr h2.title{ padding-bottom:0;}
.about1 .txt{ width:80%; line-height:2; color:#4e4e4e; font-size:15px; text-align:center; overflow:hidden; padding:1.25em 0 0; margin:0 auto;}
.about1 .txt *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

.about2{ font-size:14px; background:url(../images/icons/bg_data.png) center no-repeat; background-attachment:fixed; position:relative; padding:20px 0 50px;}
.about2 .attr h2.title em{ color:#fff;}
.about2 .attr h2.title span{ color:#fff; padding:1em 0 0;}
.about2 ul{ display:flex; font-size:16px; overflow:hidden; justify-content:space-evenly; margin:0 10%; padding:20px 0;}
.about2 ul li{ display:block; width:20.8%; text-align:center; padding:28px 0; border:1px dashed #fff; border-radius:20px; box-sizing:border-box; position:relative; z-index:3;}
.about2 ul li img{ display:block; height:2.5em; margin:0 auto 0.375em;}
.about2 ul p{ display:block; line-height:1.4; color:#fff; font-size:2.5em; overflow:hidden;}
.about2 ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.about2 ul p sub{ display:inline-block; line-height:2; color:#fff; font-weight:bold; font-size:inherit; vertical-align:bottom; margin:0 0 0 2px;}
.about2 ul span{ display:block; line-height:1.375; color:#fff;}

.about3{ border-bottom:1px solid #ddd; padding:0 0 20px;}
/*
.about3 ul.team{ display:block; font-size:16px; overflow:hidden; margin:-10px; padding:10px 0 0;}
.about3 ul.team li{ display:block; width:25%; float:left;}
.about3 ul.team li a{ display:block; overflow:hidden; background:#005beb; position:relative; margin:10px;}
.about3 ul.team li a img{ display:block; width:100%; transition:all ease 0.4s;}
.about3 ul.team li a p{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; line-height:1.5; color:#fff; text-align:center; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s; opacity:0;}
.about3 ul.team li a p em{ display:block; font-size:1.125em;}
.about3 ul.team li a p span{ display:block; font-size:0.875em; padding:1em 0 0;}
.about3 ul.team li a:hover img{ opacity:0.1; transform:scale(0.9);}
.about3 ul.team li a:hover p{ opacity:1;}
.about3 p.contact{ display:block; line-height:7; color:#005beb; font-size:28px; text-align:center; padding:0;}
*/
.about3 .honor{ font-size:15px; overflow:hidden; position:relative; margin:10px 0 40px;}
.about3 .honor .bd{ margin:0 -14px;}
.about3 .honor .bd ul{ overflow:hidden; zoom:1;}
.about3 .honor .bd ul li{ float:left; overflow:hidden; text-align:center;}
.about3 .honor1 .bd ul li{ width:25%;}
.about3 .honor2 .bd ul li{ width:20%;}
.about3 .honor .bd ul li a{ display:block; overflow:hidden; margin:0 14px; cursor:pointer;}
.about3 .honor .bd ul li i{ display:block; overflow:hidden; border:1px solid #eee;}
.about3 .honor .bd ul li img{ display:block; width:100%; object-fit:cover;}
.about3 .honor .bd ul li span{ display:block; line-height:1.5; color:#333; text-align:center; padding:0.75em 0.25em 0.25em;}

.about4{ overflow:hidden; padding:0 0 60px;}
.about4 ul{ display:block; overflow:hidden; margin:0 -10px;}
.about4 ul li{ display:block; width:20%; float:left;}
.about4 ul li a{ display:block; overflow:hidden; padding:10px; border:1px solid #ddd; position:relative; margin:10px; transition:all ease 0.4s;}
.about4 ul li a img{ display:block; width:100%; transition:all ease 0.4s;}
.about4 ul li a:hover{ border-color:#005beb;}
.about4 ul li a:hover img{ transform:scale(1.1);}

.about1,
.about2,
.about3,
.about4{ position:relative;}

#ab1,
#ab2,
#ab3,
#ab4{ width:10px; height:10px; position:absolute; left:0; top:-80px;}




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

.about1{ padding:0 0 30px;}
.about1 .txt{ width:auto; text-align:justify;}

.about2{ padding:0 0 20px;}
.main .about2 h2.title{ padding-bottom:0;}
.about2 ul{ margin:0; flex-wrap:wrap; padding:14px 0 0; font-size:14px;}
.about2 ul li{ width:44%; margin:0 0 5%;}

.about3 .honor{ font-size:14px; margin:10px 0 20px;}
.about3 .honor1{ width:225%;}
.about3 .honor2{ width:200%;}
.about3 .honor .bd{ margin:0 -6px;}
.about3 .honor .bd ul li a{ margin:0 6px;}
.about3 .honor .bd ul li span{ padding:0.5em 0 0.25em;}

.about4{ padding:0 0 40px;}
.about4 ul{ margin:0 -6px;}
.about4 ul li{ width:50%;}
.about4 ul li a{ padding:0; margin:6px;}

#ab1,
#ab2,
#ab3,
#ab4{ top:-60px;}



}










/**/