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

.about1{ font-size:16px; background:url(../images/icons/ab_bg1.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about1 .flex{ display:flex; align-items:center;}
.about1 .pic{ width:44.5%; overflow:hidden; flex-shrink:0; margin-right:4%;}
.about1 .pic img{ display:block; max-width:100%; margin:0 auto; transition:all ease 0.4s;}
.about1 .pic:hover img{ transform:scale(1.05);}
.about1 .txt{ flex:auto; line-height:2.625; color:#333; overflow:hidden; padding:1em 0;}
.about1 ul.data{ display:block; font-size:18px; overflow:hidden; position:relative; padding:60px 0 0;}
.about1 ul.data li{ display:block; width:25%; text-align:center; box-sizing:border-box; padding:0 3.5em; position:relative; z-index:3; float:left;}
.about1 ul.data li p{ display:block; height:4em; line-height:4em; color:#333; font-weight:normal; overflow:hidden;}
.about1 ul.data li p img{ display:inline-block; height:2.5em; vertical-align:top; margin:0.75em 0.6em 0 0;}
.about1 ul.data li p b{ font-size:2.75em;}
.about1 ul.data li p sup{ display:inline-block; line-height:1; font-size:inherit; vertical-align:top;}
.about1 ul.data li p sub{ display:inline-block; line-height:1.4; font-size:inherit; vertical-align:bottom;}
.about1 ul.data li span{ display:block; line-height:2; overflow:hidden; border-top:1px solid #0c70cd;}

.about2{ background:url(../images/icons/ab_bg2.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about2 .attr h2.title{ text-align:left;}
.about2 .attr h2.title em{ color:#fff;}
.about2 .attr h2.title span{ color:#fff; opacity:0.6;}
.about2 ul{ display:block; font-size:16px; overflow:hidden; margin:0 -2vw;}
.about2 ul li{ display:block; width:33.33%; float:left;}
.about2 ul li a{ display:block; background:#000; overflow:hidden; border:1px solid #fff; position:relative; margin:20px 2vw; cursor:pointer; transition:all ease 0.4s; box-shadow:0 0 18px 2px rgba(9,46,89,0.7);}
.about2 ul li img.pic{ display:block; width:100%; opacity:0.5; transition:all ease 0.4s;}
.about2 ul li .txt{ display:block; width:81.25%; color:#fff; box-sizing:border-box; position:absolute; left:50%; top:0; transform:translate3d(-50%,0,0);}
.about2 ul li .txt img{ display:block; height:1.875em;}
.about2 ul li .txt b{ display:block; line-height:1; font-size:1.875em; padding:16.66% 0 0;}
.about2 ul li .txt em{ display:block; line-height:2.7; font-size:1.625em;}
.about2 ul li .txt p{ display:block; min-height:8.9em; line-height:1.78; font-size:1.125em; border-top:1px solid #fff; padding:11.8% 0 0; margin:8.4% 0 0;}
.about2 ul li a:hover{ background:#0c70cd; border-color:#54b9ff;}
.about2 ul li a:hover img.pic{ transform:scale(1.1); opacity:0.3;}

.about3{ background:url(../images/icons/ab_bg3.jpg) center no-repeat; background-size:cover; padding:0 0 90px;}
.about3 ul{ display:flex; justify-content:space-between; font-size:16px;}
.about3 ul li{ display:flex; width:23.25%;}
.about3 ul li .box{ padding:10% 10%; background:rgba(255,255,255,0.8); border-radius:1.25em; box-shadow:0 0 10px 1px rgba(103,163,203,0.3);}
.about3 ul li img{ display:block; height:2.75em; margin:0 auto;}
.about3 ul li em{ display:block; line-height:2; color:#0c70cd; font-size:1.75em; text-align:center; border-bottom:1px dashed #0c70cd;}
.about3 ul li .txt{ line-height:2; color:#333; padding:8% 0 0;}

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

#ab1,
#ab2,
#ab3{ display:block; width:10px; height:10px; position:absolute; left:0; top:-98px;}


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

.about1{ font-size:15px;}
.about1 .txt{ line-height:2;}
.about1 ul.data{ font-size:16px;}
.about1 ul.data li{ padding:0 2.5em;}

.about2 ul{ font-size:14px;}
.about2 ul li img.pic{ height:420px;}

.about3 ul{ font-size:15px;}
.about3 ul li em{ font-size:1.5em; line-height:3;}

}

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

.about1{ font-size:14px; padding:0 0 40px;}
.about1 .flex{ display:block;}
.about1 .pic{ width:auto; margin:0;}
.about1 ul.data{ font-size:13px; padding:10px 0 0;}
.about1 ul.data li{ width:50%; padding:0.75em 1em;}
.about1 ul.data li p{ height:2.46em; line-height:2.46em;}
.about1 ul.data li p img{ height:1.54em; margin:0.5em 0.4em 0 0;}
.about1 ul.data li p b{ font-size:1.7em;}

.about2{ padding:0 0 40px;}
.about2 ul{ font-size:13px;}
.about2 ul li{ width:100%;}
.about2 ul li a{ margin:0 2vw 14px;}
.about2 ul li img.pic{ height:286px;}
.about2 ul li .txt{ width:88%;}
.about2 ul li .txt b{ padding:10% 0 0; font-size:1.75em;}
.about2 ul li .txt em{ font-size:1.5em; line-height:3;}
.about2 ul li .txt p{ font-size:inherit; margin:4% 0 0; padding:7% 0 0; min-height:7.12em;}

.about3{ padding:0 0 40px;}
.about3 ul{ flex-wrap:wrap; justify-content:center; font-size:13px;}
.about3 ul li{ width:96%; margin:0 0 14px;}
.about3 ul li .box{ padding:6% 8%; border-radius:0.75em;}
.about3 ul li em{ font-size:1.25em; line-height:2.75;}
.about3 ul li .txt{ padding:6% 0 1%;}








}












/**/