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

.about1{ background:url(../images/icons/ab_bg1.jpg) center no-repeat; background-size:cover; padding:0 0 100px;}
.about1 img.pic{ display:block; max-width:38.5%; float:right; margin:60px 0 0 2.5%;}
.about1 .txt{ line-height:2; color:#333; font-size:16px; overflow:hidden; padding:5em 0 5.625em;}
.about1 ul.data{ display:flex; justify-content:space-evenly; font-size:16px; overflow:hidden; position:relative;}
.about1 ul.data li{ display:block; height:4em; padding-left:5.5em; position:relative; z-index:3;}
.about1 ul.data li img{ display:block; height:4em; position:absolute; left:0; top:0;}
.about1 ul.data p{ display:block; height:2.08em; line-height:2.08em; color:#333; font-size:1.5em; font-weight:normal; overflow:hidden;}
.about1 ul.data p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.about1 ul.data p b{ font-size:1.5em; margin:0 0.1em 0 0;}
.about1 ul.data p sup{ display:inline-block; line-height:1; font-weight:bold; font-size:inherit; vertical-align:top; margin:0 0 0 2px;}
.about1 ul.data p sub{ display:inline-block; line-height:1.4; font-weight:bold; font-size:inherit; vertical-align:bottom; margin:0 0 0 2px;}
.about1 ul.data span{ display:block; line-height:1; color:#666; font-size:0.875em; overflow:hidden;}

.about2{ background:url(../images/icons/ab_bg2.jpg) center no-repeat; background-size:cover; padding:0 0 100px;}
.main .about2 h2.title{ text-align:left;}
.main .about2 h2.title span{ color:#fff; opacity:0.25;}
.main .about2 h2.title em{ color:#fff;}
.main .about2 h2.title i{ background:#fff; margin-left:0;}
.about2 .develop{ display:block; color:#fff; font-size:16px; position:relative; margin:100px 0 0;}
.about2 .develop .swiper-container{ margin:0 5%; position:relative;}
.about2 .develop .swiper-container::after{ content:''; display:block; width:100%; height:4px; background:#00b9ff; position:absolute; left:0; top:3.5625em; margin-top:-2px; z-index:1;}
.about2 .develop .swiper-wrapper{ z-index:2;}
.about2 .develop .swiper-slide{ display:block;}
.about2 .develop .swiper-slide a{ display:block; min-height:350px; overflow:hidden; padding:0 5em; position:relative;}
.about2 .develop .swiper-slide a em{ display:block; overflow:hidden; float:left;}
.about2 .develop .swiper-slide a em img{ display:block; height:2.25em; margin:0 auto 0.75em;}
.about2 .develop .swiper-slide a em i{ display:block; width:1.125em; height:1.125em; box-sizing:border-box; background:#00b9ff; border:2px solid #fff; border-radius:50%; margin:0 auto;}
.about2 .develop .swiper-slide a em b{ display:block; line-height:1.62; font-size:2.25em;}
.about2 .develop .swiper-slide a p{ display:block; line-height:1.875; padding:0.375em 0 0; overflow:hidden; clear:both;}
.about2 .develop .swiper-button-prev,
.about2 .develop .swiper-button-next{ display:block; width:44px; height:44px; border:2px solid #fff; border-radius:50%; top:3.5625em; margin-top:-24px; background-size:100% auto !important; opacity:1 !important;}
.about2 .develop .swiper-button-prev{ background:url(../images/icons/prev0.png) center no-repeat; left:0;}
.about2 .develop .swiper-button-next{ background:url(../images/icons/next0.png) center no-repeat; right:0;}
.about2 .develop .swiper-button-prev:hover,
.about2 .develop .swiper-button-next:hover{ background-color:#00b9ff; border-color:#00b9ff;}

.about3 .txt{ line-height:2; color:#333; font-size:16px; text-align:center; padding:2.5em 0 0;}
.about3 ul{ display:flex; justify-content:space-between; font-size:16px; padding:60px 0 20px;}
.about3 ul li{ display:block; width:22%; text-align:center; padding:50px 0; box-shadow:0 0 9px rgba(206,206,206,0.7);}
.about3 ul li p{ display:block; height:5em; line-height:5em; color:#333; overflow:hidden;}
.about3 ul li p b{ color:#00b9ff; font-size:2.25em;}
.about3 ul li p b.counter{ font-size:3.75em; margin:0 0.1em 0 0;}
.about3 ul li p sup{ display:inline-block; line-height:2.25; color:#00b9ff; vertical-align:top; margin:0 0 0 2px;}
.about3 ul li p sub{ display:inline-block; line-height:1.5; color:#00b9ff; vertical-align:bottom; margin:0 0 0 2px;}
.about3 ul li span{ display:block; line-height:3; color:#333; overflow:hidden; padding:0.75em 0 0;}

.about4 .attr + .attr{ display:flex; flex-direction:row-reverse; font-size:16px; position:relative; margin-top:50px;}
.about4 .bg{ width:100vw; height:100%; background:#00326f; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.about4 .bg img{ display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; opacity:0; transition:all ease 0.5s;}
.about4 .bg img.cur{ opacity:0.6;}
.about4 p.tab{ display:flex; flex-direction:column; justify-content:center; flex-shrink:0; color:#fff; position:relative; z-index:3; margin-left:15%;}
.about4 p.tab::before{ content:''; display:block; width:4px; height:100%; background:#fff; opacity:0.4; position:absolute; left:0; top:0; z-index:1;}
.about4 p.tab a{ display:block; line-height:2.3; color:#fff; font-size:2em; background:#00b9ff; padding:0 1.3125em; opacity:0.4; transition:all ease 0.5s; cursor:pointer; margin:0.375em 0; position:relative; z-index:3;}
.about4 p.tab a.cur{ opacity:1;}
.about4 .tbox{ display:flex; align-items:center; flex:auto; color:#fff; position:relative; z-index:3;}
.about4 .tbox .info{ display:none; line-height:2.25; text-align:justify; padding:0 0 1em;}
.about4 .tbox .info h4{ display:block; line-height:1; font-size:2em; padding:0 0 1.3125em;}
.about4 p.tab,
.about4 .tbox{ padding:8em 0;}

.about5{ padding:0 0 60px;}
.about5 .txt{ line-height:2; color:#333; font-size:16px; padding:2.5em 0 0;}

.about6{ background:url(../images/icons/ab_bg6.jpg) center no-repeat; background-size:cover; padding:0 0 100px;}
.about6 .txt{ line-height:2; color:#333; font-size:16px; text-align:center; padding:2.5em 0;}
.about6 .honor{ font-size:16px; overflow:visible;}
.about6 .honor>.swiper-pagination{ width:auto; text-align:center; position:static; padding:0 0 40px;}
.about6 .honor>.swiper-pagination span.swiper-pagination-bullet{ width:8.75em; height:auto; line-height:2.5; color:#00b9ff; background:none; border:2px solid #00b9ff; border-radius:1.375em; opacity:1; margin:0 1.25em; position:relative;}
.about6 .honor>.swiper-pagination span.swiper-pagination-bullet-active{ color:#fff; background:#00b9ff;}
.about6 .inner{ visibility:hidden; position:relative;}
.about6 .inner.swiper-slide-active{ visibility:visible;}
.honor .inner .swiper-container{ padding:0 18px 80px;}
.about6 .inner .swiper-slide{ position:relative; cursor:pointer; pointer-events:auto;}
.about6 .inner .swiper-slide a{ display:block; overflow:hidden; position:relative; box-shadow:0 0 9px 1px rgba(206,206,206,0.4); margin:16px 0;}
.about6 .inner .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.about6 .inner .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.about6 .inner .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#00b9ff; border-radius:50%; margin:0 7px !important; opacity:0.25;}
.about6 .inner .swiper-pagination-bullet-active{ opacity:1;}
.about6 .inner .swiper-button-prev,
.about6 .inner .swiper-button-next{ display:none; width:66px; height:66px; border:1px dashed #6eb92b; border-radius:50%; margin-top:0; background-size:contain !important; top:auto; bottom:0;}
.about6 .inner .swiper-button-prev{ background:url(../images/icons/prev31.png) center no-repeat; left:50%; margin-left:-120px;}
.about6 .inner .swiper-button-next{ background:url(../images/icons/next31.png) center no-repeat; right:50%; margin-right:-120px;}
.about6 .inner .swiper-button-prev:hover,
.about6 .inner .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.about6 .inner .swiper-button-prev:hover{ background-image:url(../images/icons/prev3_h.png);}
.about6 .inner .swiper-button-next:hover{ background-image:url(../images/icons/next3_h.png);}

.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:96%;}
.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){

.about1 img.pic{ max-width:44%;}
.about1 .txt{ font-size:15px; padding:4em 0 3em;}
.about1 ul.data{ font-size:15px;}

.about2 .develop{ font-size:15px;}
.about2 .develop .swiper-container{ margin:0 6%;}
.about2 .develop .swiper-slide a{ padding:0 1.5em; min-height:280px;}

.about3 .txt{ font-size:15px;}
.about3 ul{ font-size:15px;}

.about4 .attr + .attr{ font-size:15px;}

.about5 .txt{ font-size:15px;}

.about6 .txt{ font-size:15px;}
.about6 .honor{ font-size:15px;}


}


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

.about1{ padding:0 0 10px;}
.about1 img.pic{ max-width:none; float:none; width:100%; margin:30px 0 0;}
.about1 .txt{ font-size:13px; padding:1.3em 0 0;}
.about1 ul.data{ display:flex; justify-content:space-between; font-size:13.7px; padding:32px 8px;}
.about1 ul.data li{ padding-left:3.25em; padding-left:0; margin-right:0; width:auto; box-sizing:border-box;}
.about1 ul.data li img{ display:none; height:2.5em; top:0.75em;}
.about1 ul.data p{ color:#00b9ff;}
.about1 ul.data span{ overflow:visible;}

.about2{ padding:0 0 40px;}
.main .about2 h2.title{ text-align:center;}
.main .about2 h2.title i{ background:#00b9ff; margin-left:auto;}
.about2 .develop{ font-size:13px; margin:40px 0 0;}
.about2 .develop .swiper-container{ margin:0 42px;}
.about2 .develop .swiper-container::after{ height:2px; margin-top:-1px;}
.about2 .develop .swiper-slide a{ padding:0 1em; min-height:220px;}
.about2 .develop .swiper-slide a em b{ font-size:2em;}
.about2 .develop .swiper-button-prev,
.about2 .develop .swiper-button-next{ width:24px; height:24px; margin-top:-12px;}


.about3 .txt{ font-size:13px;}
.about3 ul{ flex-wrap:wrap; font-size:13px; padding:20px 0 10px;}
.about3 ul li{ width:48%; margin:2% 0; box-sizing:border-box; padding:1.25em 0;}
.about3 ul li p{ white-space:nowrap; line-height:4em; height:4em;}
.about3 ul li p b{ font-size:1.5em;}
.about3 ul li p b.counter{ font-size:3em;}
.about3 ul li span{ line-height:1.5; height:3em; margin:0 1em -1em;}
.about3 ul li:first-child p{ transform:translateY(-0.1em);}
.about3 ul li:first-child span{ transform:translateY(-1em);}

.about4 .attr + .attr{ font-size:13px; margin-top:30px; display:block;}
.about4 p.tab{ padding:20px 0; margin:0; flex-direction:row; justify-content:space-between;}
.about4 p.tab::before{ display:none;}
.about4 p.tab a{ font-size:1em; width:33%; box-sizing:border-box; text-align:center; padding:0.75em 0.5em; line-height:1.5; opacity:0.7;}
.about4 .tbox{ padding:1em 0 1.5em;}
.about4 .tbox .info h4{ font-size:1.5em; padding:0 0 1em;}

.about5{ padding:0 0 40px;}
.about5 .txt{ font-size:13px; padding:2em 0 0;}

.about6{ padding:0 0 40px;}
.about6 .txt{ font-size:13px; padding:2em 0;}
.about6 .honor{ font-size:13px;}
.about6 .honor>.swiper-pagination{ margin:0 -16px; padding:0 0 10px;}
.about6 .honor>.swiper-pagination span.swiper-pagination-bullet{ width:7em; margin:0 0.5em;}
.honor .inner .swiper-container{ width:720px; margin-left:50%; transform:translateX(-50%); padding:0 0 30px;}
.about6 .inner .swiper-pagination{ height:8px;}
.about6 .inner .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px !important;}





}