/* CSS Document */

.about1 .txt{ line-height:2.25; color:#333; font-size:16px; overflow:hidden; padding:2em 0 4em;}
.about1 .data{ font-size:15px; font-family:'Oswald', sans-serif; padding:88px 0; background-image:url(../image/bg1.jpg); background-repeat:no-repeat; background-attachment:fixed; clear:both; position:relative;}
.about1 .data ul{ display:block; overflow:hidden;}
.about1 .data ul li{ display:block; width:25%; position:relative; z-index:3; float:left;}
.about1 .data ul li::before{ content:''; display:block; width:3px; height:22px; background:#46c1b8; position:absolute; left:0; top:0; z-index:2;}
.about1 .data ul li::after{ content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1;}
.about1 .data ul li:first-child::before,
.about1 .data ul li:first-child::after{ display:none;}
.about1 .data ul p{ display:block; height:2.22em; line-height:2.22em; color:#fff; font-size:1.2em; font-weight:normal; overflow:hidden; text-align:center;}
.about1 .data ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.about1 .data ul p b{ font-size:2.22em; margin:0 0.1em;}
.about1 .data 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;}
.about1 .data ul span{ display:block; line-height:1; color:#ddd; text-align:center; padding:0.85em 0 0;}

.about2 ul{ display:block; font-size:16px; padding:50px 0 80px; margin:0 -20px;}
.about2 ul::before,
.about2 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.about2 ul li{ display:block; width:33.33%; float:left;}
.about2 ul li a{ display:block; text-align:center; overflow:hidden; background:#f6f6f6; padding:40px 30px; transition:all ease 0.5s; margin:0 20px;}
.about2 ul li img{ display:block; height:4.375em; margin:0 auto; transition:all ease 0.5s;}
.about2 ul li b{ display:block; line-height:3.64; color:#000; font-size:1.375em;}
.about2 ul li i{ display:block; width:3.75em; height:1px; background:#00837e; margin:0 auto 0.75em;}
.about2 ul li p{ display:block; line-height:2; color:#333; font-size:0.875em;}
.about2 ul li a:hover img{ transform:rotateY(180deg) translateY(-4px);}


.about3{ background:url(../image/bg2.jpg) center top no-repeat; padding:0 0 100px;}
.about3 ul{ display:block; font-size:16px; overflow:hidden; margin:30px -2em 0; position:relative;}
.about3 ul::after{ content:''; display:block; width:100%; height:2px; background:#777; position:absolute; left:0; top:7.125em; z-index:1;}
.about3 ul li{ display:block; width:16.66%; overflow:hidden; float:left; position:relative; z-index:3;}
.about3 ul li em{ display:block; line-height:4.9; color:#333; font-size:1.375em; text-align:center; overflow:hidden;}
.about3 ul li i{ display:block; width:1em; height:1em; background:#00837e; border:1px solid #fff; border-radius:50%; box-sizing:border-box; margin:0 auto;}
.about3 ul li p{ display:block; line-height:1.75; color:#333; font-size:0.875em; overflow:hidden; padding:2.5em 2em 0;}

.about4{ padding:0 0 70px;}
.about4 .honorList{ display:block; overflow:hidden; margin:0 -20px; padding:50px 0 0;}
.about4 .honorList figure{ display:block; width:33.33%; background:#f1f1f1; padding:6px 6px 0; border-left:20px solid #fff; border-right:20px solid #fff; overflow:hidden; box-sizing:border-box; float:left; margin:0 0 30px;}
.about4 .honorList figure a{ display:block; overflow:hidden;}
.about4 .honorList figure a img{ display:block; width:100%; transition:all ease 0.5s;}
.about4 .honorList figure span{ display:block; line-height:2.875; color:#222; font-size:16px; text-align:center; cursor:pointer; transition:all ease 0.5s;}
.about4 .honorList figure:hover a img{ transform:scale(1.1);}
.about4 .honorList figure:hover span{ color:#fff; background:#2cadac;}

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


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

.about1 .txt{ font-size:14px;}
.about1 .data{ font-size:14px; padding:50px 0;}
.about1 .data ul li{ width:50%; margin:1em 0;}
.about1 .data ul li:nth-child(3)::before,
.about1 .data ul li:nth-child(3)::after{ display:none;}
.about1 .data ul p{ font-size:inherit;}

.about2 ul{ font-size:14px; padding:34px 0 50px;}
.about2 ul li{ width:100%; margin:0 0 16px;}
.about2 ul li img{ height:3.5em;}
.about2 ul li b{ line-height:3;}
.about2 ul li p{ font-size:inherit;}

.about3{ padding:0 0 60px;}
.about3 ul{ margin:34px 0 0;}
.about3 ul::after{ width:2px; height:100%; left:0.4375em; top:0; transform:translateX(-50%);}
.about3 ul li{ width:auto; position:relative; float:none; padding:0 0 1em 1.875em;}
.about3 ul li em{ line-height:2; text-align:left; font-size:1.125em;}
.about3 ul li i{ position:absolute; left:0; top:1.125em; transform:translateY(-50%); width:0.875em; height:0.875em;}
.about3 ul li p{ padding:0;}

.about4{ padding:0 0 40px;}
.about4 .honorList{ padding:34px 0 0;}
.about4 .honorList figure{ width:100%; margin:0 0 16px;}
.about4 .honorList figure span{ font-size:14px;}






}