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

.about1{ padding:10px 0 40px;}
.about1 .article{ padding-top:0; margin-top:-1.25em;}

.slogan{ background:url(../images/icons/slogan.jpg) center top no-repeat; background-attachment:fixed; padding:100px 0;}
.slogan .attr h2.title{ padding:0 0 1em;}
.slogan .attr h2.title em{ color:#0c5985;}

.about2{ padding:0 0 70px;}
.about2 ul{ display:block; overflow:hidden; background:url(../images/icons/culture.jpg) center top no-repeat; background-attachment:fixed; margin:0 -14px;}
.about2 ul li{ display:block; width:25%; float:left;}
.about2 ul li a{ display:block; border:14px solid #fff; position:relative;}
.about2 ul li a::after{ content:''; display:block; padding:0 0 132%; background:linear-gradient(rgba(12,89,133,0), rgba(12,89,133,1));}
.about2 ul li a p{ display:block; line-height:1; color:#ccc; font-size:15px; position:absolute; left:0; bottom:0; margin:26px 18px 38px;}
.about2 ul li a p em{ display:block; color:#fff; font-size:20px; padding:0 0 0.75em;}

.about3{ background:#f6f6f6; padding:0 0 90px;}
.about3 .honor{ overflow:hidden; position:relative; margin:10px 0 0;}
.about3 .honor .bd{ position:relative; height:100%;}
.about3 .honor .bd ul{ display:block; overflow:hidden;}
.about3 .honor .bd ul li{ display:block; width:33.33%; overflow:hidden; float:left;}
.about3 .honor .bd ul li a{ display:block; background:#fff; padding:14px; border:1px solid #ddd; margin:0 12px; position:relative; transition:all ease 0.4s;}
.about3 .honor .bd ul li a img{ display:block; width:100%;}
.about3 .honor .bd ul li a span{ display:block; line-height:1.5; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1em 0 0;}
.about3 .honor .bd ul li a:hover{ border:1px solid #0c5985;}
.about3 .honor .bd ul li a:hover span{ color:#0c5985;}

.about1,
.about2,
.about3{ position:relative;}
#ab1,
#ab2,
#ab3{ display:block; width:10px; height:10px; position:absolute; left:0; top:-96px;}


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


}

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

.about1{ padding:0 0 20px;}

.slogan{ padding:48px 0 36px;}

.about2{ padding:0 0 40px;}
.about2 ul{ margin:-6px -6px 0;}
.about2 ul li{ width:100%;}
.about2 ul li a{ border-width:6px;}
.about2 ul li a::after{ padding:0 0 92px;}
.about2 ul li a p{ margin:24px 14px; white-space:nowrap; font-size:14px;}
.about2 ul li a p em{ font-size:17px;}

.about3{ padding:0 0 40px;}
.about3 .attr{ overflow:hidden;}
.about3 .honor{ width:240%; margin:-10px 0 0;}
.about3 .honor .bd ul li a{ padding:10px; margin:0 8px;}
.about3 .honor .bd ul li a span{ font-size:14px; padding:0.875em 0 0.125em;}

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

}












/**/