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

.main .attr h2.title{ text-align:left;}

.about1{ font-size:16px; background:url(../images/icons/ab1.jpg) center bottom no-repeat; padding:20px 0 100px; position:relative;}
.about1 .attr{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.about1 .attr::before,
.about1 .attr::after{ display:none;}
.about1 .attr h2.title{ margin:0 6% 0 0;}
.about1 .attr h2.title em{ min-width:5em; max-width:8em;}
.about1 .box{ flex:1; padding:70px 0 0;}
.about1 .txt{ line-height:2.35; color:#434343; text-align:justify; overflow:hidden;}
.about1 ul.data{ display:block; font-size:16px; overflow:hidden; padding:40px 0 0;}
.about1 ul.data li{ display:block; width:25%; color:#333; float:left;}
.about1 ul.data li em{ display:block; color:#2f4d93; font-size:1.25em;}
.about1 ul.data li b{ line-height:1.5; font-size:2.25em; margin:0 0.125em 0 0;}
.about1 ul.data li span{ display:block; line-height:1.5; color:#333; font-size:1.125em;}

.about2{ background:url(../images/icons/ab2.jpg) center no-repeat; background-size:cover; position:relative;}
.about2 .attr{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.about2 .attr::before,
.about2 .attr::after{ display:none;}
.about2 .attr h2.title em{ color:#fff;}
.about2 ul{ display:block; width:50%; font-size:16px; overflow:hidden; padding:50px 0 110px;}
.about2 ul li{ display:block; line-height:1; color:#fff; overflow:hidden; padding:2em 0.5em; border-bottom:1px solid #e1e1e1;}
.about2 ul li img{ display:block; height:5em; float:right; transition:all ease 0.4s;}
.about2 ul li h4{ display:block; font-size:1.5em; font-weight:normal; overflow:hidden; padding:0.3em 0 1em;}
.about2 ul li p{ display:block; font-size:1.125em; overflow:hidden;}
.about2 ul li:hover img{ transform:rotateY(180deg);}

.about3{ background:#fafafa url(../images/icons/ab3.png) center bottom no-repeat; padding:0 0 110px; position:relative;}
.about3 .attr{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.about3 .attr::before,
.about3 .attr::after{ display:none;}
.about3 ul{ display:block; width:50%; height:460px; font-size:16px; overflow:hidden; overflow-y:auto; background:linear-gradient(rgba(250,250,250,0), rgba(250,250,250,0.7)); padding:0px 24px 8px 24px; border-left:1px solid #2f4d93; box-sizing:border-box; margin:110px 0 0;}
.about3 ul::-webkit-scrollbar{ width:5px; height:5px;}
.about3 ul::-webkit-scrollbar-thumb{ background:#2f4d93; border:1px solid #2f4d93; border-radius:3px; cursor:pointer;}
.about3 ul::-webkit-scrollbar-thumb:hover{ background/:#00aa72;}
.about3 ul::-webkit-scrollbar-track{ background:#d1d1d1; border:1px solid #fff; border-radius:3px;}
.about3 ul::-webkit-scrollbar-button{ height:0; border-radius:2px;}
.about3 ul::-webkit-scrollbar-button:hover{ background/:#e60012;}
.about3 ul li{ display:block; overflow:hidden; padding:10px 0 12px;}
.about3 ul li h4{ display:block; line-height:1.75; color:#2f4d93; font-size:1.5em; overflow:hidden;}
.about3 ul li p{ display:block; line-height:1.6; color:#5a5a5a; font-size:1.125em; overflow:hidden;}

.about4{ background:url(../images/icons/ab4.jpg) center bottom no-repeat; background-size:cover; padding:0 0 40px; position:relative;}
.about4 .honor{ font-size:16px; overflow:hidden; position:relative; margin:0 0 20px;}
.about4 .honor .bd{ margin:0 -14px;}
.about4 .honor .bd ul{ overflow:hidden; zoom:1;}
.about4 .honor .bd ul li{ float:left; overflow:hidden; text-align:center;}
.about4 .honor1 .bd ul li{ width:20%;}
.about4 .honor2 .bd ul li{ width:33.3333%;}
.about4 .honor .bd ul li a{ display:block; overflow:hidden; margin:0 14px; cursor:pointer;}
.about4 .honor .bd ul li i{ display:block; overflow:hidden; border:1px solid #eee;}
.about4 .honor .bd ul li img{ display:block; width:100%; object-fit:cover;}
.about4 .honor .bd ul li span{ display:block; line-height:1.5; color:#333; text-align:center; padding:0.75em 0.25em 0.25em;}

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

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.2s;}
.shadow.show{ opacity:1; visibility:visible;}
.picShow{ position:fixed; left:50vw; top:50%; top:0; transform:translate(-50%,0); z-index:9999; opacity:0; visibility:hidden;}
.picShow.show{ opacity:1; visibility:visible;}
.picShow .pic{ display:flex; justify-content:center; align-items:center; width:80vw; height:80vh; height/:750px; max-height/:82vh; width:90vw; height:100vh; background-size:contain !important; background-position:center; background-repeat:no-repeat; transform:scale(0.8); opacity:0; transition:all ease 0.4s;}
.picShow .pic img{ display:block; max-width:96%; max-height:92%;}
.picShow.show .pic{ transform:scale(1); opacity:1;}
.picShow a.close{ width:24px; height:24px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; left:100%; bottom/:100%; top:2%; cursor:pointer;}


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


}

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

.main .attr h2.title{ text-align:center;}

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

.about1{ font-size:14px; padding:0 0 40px;}
.about1 .attr{ display:block;}
.about1 .attr h2.title{ margin:0;}
.about1 .attr h2.title em{ min-width:0; max-width:none;}
.about1 .box{ padding:0;}
.about1 .txt{ line-height:2;}
.about1 ul.data{ font-size:13px; padding:10px 0 0;}
.about1 ul.data li{ width:50%; text-align:center; padding:10px 0 4px;}
.about1 ul.data li b{ font-size:2em;}

.about2 .attr{ display:block;}
.about2 ul{ width:auto; font-size:14px; padding:0 0 48px;}
.about2 ul li{ position:relative; padding:1.25em 0.5em; padding-right:5em;}
.about2 ul li img{ height:4em; margin:0; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.about2 ul li h4{ font-size:1.25em; padding:0.25em 0 0.5em;}
.about2 ul li p{ font-size:1em; line-height:1.5; opacity:0.9;}
.about2 ul li:hover img{ transform:translateY(-50%);}

.about3{ padding:0 0 48px;}
.about3 .attr{ display:block;}
.about3 ul{ width:auto; margin:0; padding:0 15px; font-size:14px; height:400px; background:rgba(250,250,250,0.6);}
.about3 ul li{ padding:0 0 16px;}
.about3 ul li h4{ padding:0 0 0.25em; font-size:1.375em;}
.about3 ul li p{ font-size:1em;}

.about4{ padding:0 0 20px;}
.about4 .attr{ overflow:hidden;}
.about4 .honor{ width:1000px; font-size:15px; margin:6px 0 14px;}
.about4 .honor .bd{ margin:0 -6px;}
.about4 .honor .bd ul li a{ margin:0 6px;}
.about4 .honor .bd ul li span{ padding:0.75em 0.25em 0; font-size:1em;}



}












/**/