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

.about1{ background:url(../images/icons/ab_bg1.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about1 .pic{ display:block; max-width:60%; float:right; margin:0 calc(50% - 50vw) 0 0;}
.about1 .pic img{ display:none; width:100%;}
.about1 p.tab{ display:block; font-size:16px; float:right; margin:8.125% -13.625% 0 6.875%;}
.about1 p.tab a{ display:block; width:11.25em; line-height:3.125; color:#333; text-align:center; background:rgba(255,255,255,0.7); margin:0 0 3.75em; position:relative; cursor:pointer; transition:all ease 0.4s;}
.about1 p.tab a::after{ content:''; display:block; border:6px solid #ccc; border-color:#ccc #ccc transparent transparent; position:absolute; left:0; top:100%; transition:all ease 0.4s;}
.about1 p.tab a.cur{ color:#fff; background:#e60012;}
.about1 p.tab a.cur::after{ border-color:#7a0d15 #7a0d15 transparent transparent;}
.about1 .tbox{ overflow:hidden;}
.about1 .info{ display:none; font-size:16px;}
.about1 .info h3{ line-height:3.75; color:#e60012; font-size:1.5em; font-weight:normal; overflow:hidden;}
.about1 .info .txt{ line-height:1.8; color:#333; font-size:0.9375em; overflow:hidden;}

.main .data{ background:url(../images/icons/data_bg.jpg) center no-repeat; background-size:cover; padding:110px 0;}
.main .data ul{ display:flex; justify-content:space-evenly; font-size:18px; overflow:hidden; position:relative;}
.main .data ul li{ display:block; min-width:15%; position:relative; z-index:3;}
.main .data ul p{ display:block; line-height:2em; color:#e60012; overflow:hidden;}
.main .data ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.main .data ul p b{ font-size:2em; margin:0 0.1em 0 0;}
.main .data ul span{ display:block; line-height:1; color:#333; overflow:hidden; padding:1.25em 0 0;}

.about2{ height:960px; background:url(../images/icons/about_bg2.jpg) center top no-repeat;}
.about2 .attr{ position:relative; z-index:3;}
.about2 .attr h2.title{ text-align:left; padding-left:0; padding-bottom:0;}
.about2 .attr h2.title em{ transform-origin:left center;}
.about2 .attr h2.title i{ margin-left:0; margin-bottom:0;}
.about2 .history{ width:1600px; height:758px; font-size:16px; padding:60px 0 0; margin:-60px 0 0; margin-left:calc(50% - 800px);}
.about2 .swiper-slide{ display:flex; align-items:flex-end; box-sizing:border-box;}
.about2 .swiper-slide a{ display:block; width:100%; box-sizing:border-box; padding:14px 0 0 48px; margin-bottom:110px; position:relative; transition:all ease 0.6s;}
.about2 .swiper-slide.next1 a{ margin-bottom:160px;}
.about2 .swiper-slide.next2 a{ margin-bottom:210px;}
.about2 .swiper-slide.next3 a{ margin-bottom:320px;}
.about2 .swiper-slide.next4 a{ margin-bottom:420px;}
.about2 .swiper-slide.next5 a{ margin-bottom:620px;}
.about2 .swiper-slide a::after{ content:''; display:block; width:4px; height:calc(100% - 60px); position:absolute; left:18px; top:30px; background-image:linear-gradient(rgba(230,0,18,0.7), rgba(230,0,18,0)); z-index:1; opacity:0.5; transition:all ease 0.4s;}
.about2 .swiper-slide a:hover::after{ transform:translateY(-10px);}
.about2 .swiper-slide a i{ display:block; width:20px; height:20px; border-radius:50%; position:absolute; left:0; top:0; margin:10px; transition:all ease 0.4s;}
.about2 .swiper-slide a i font{ display:block; width:100%; height:100%; background:#e65663; border-radius:50%; position:relative; z-index:3;}
.about2 .swiper-slide a i::after{ content:''; display:block; width:100%; height:100%; background:rgba(230,86,99,0.2); border-radius:50%; position:absolute; top:0; left:0; z-index:1; animation:playBtn1 2s linear infinite; opacity:0; transform:scale(1.625);}
.about2 .swiper-slide a i::after/{ animation-delay:1s;}
@keyframes playBtn1{
	0%{ opacity:0; transform:scale(1.5);}
	50%{ opacity:1; transform:scale(1.5);}
	75%{ opacity:1;}
	100%{ opacity:0; transform:scale(2);}
}
.about2 .swiper-slide a:hover i{ transform:translateY(-10px);}
.about2 .swiper-slide a b{ display:block; line-height:1.2; color:#e60012; font-size:1.25em; transition:all ease 0.4s;}
.about2 .swiper-slide a:hover b{ transform:translateY(-10px);}
.about2 .swiper-slide a .txt{ min-height:120px; line-height:1.8; color:#333; font-size:0.9375em; padding:0.5em 2em 70px 0; transition:all ease 0.4s;}
.about2 .swiper-slide.next1 a .txt{ min-height:206px;}
.about2 .swiper-slide.next2 a .txt{ min-height:264px;}
.about2 .swiper-slide.next3 a .txt{ min-height:306px;}
.about2 .swiper-slide.next4 a .txt{ min-height:282px;}
.about2 .swiper-slide.next5 a .txt{ min-height:90px;}
.about2 .swiper-slide a .txt img{ display:block; box-sizing:border-box; border:2px solid #bbb; max-width:60%; max-height:9em; margin:1em 0 0; cursor:pointer;}
.about2 .swiper-slide a:hover .txt{ transform:translateY(-10px);}
.about2 .swiper-slide a em{ display:block; width:18px; height:18px; background:#fff; border-radius:50%; position:absolute; left:0; bottom:0; margin:11px; box-shadow:0 0 7px rgba(237,191,191,0.7); transition:all ease 0.4s;}
.about2 .history .swiper-pagination{ width:auto; height:12px; padding:30px 0; bottom:0; z-index:9; left:50%; transform:translateX(-50%);}
.about2 .history .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:2px solid #e60012; opacity:1; margin:0 6px;}
.about2 .history .swiper-pagination-bullet-active{ background:#e60012;}
.about2 .history .swiper-button-prev,
.about2 .history .swiper-button-next{ width:68px; height:68px; background:none; border:2px solid #e60012; border-radius:50%; margin-top:0; background-size:contain !important; top:auto; bottom:0; z-index:10;}
.about2 .history .swiper-button-prev{ left:50%; margin-left:-320px;}
.about2 .history .swiper-button-next{ right:50%; margin-right:-320px;}
.about2 .history .swiper-button-prev img,
.about2 .history .swiper-button-next img{ display:block; width:100%;}
.about2 .history .swiper-button-prev:hover,
.about2 .history .swiper-button-next:hover{ background:#e60012;}
.about2 .history .swiper-button-prev:hover img,
.about2 .history .swiper-button-next:hover img{ filter:brightness(0) invert(1);}

.about3{ padding:0 0 100px;}
.about3 .team{ font-size:16px; overflow:visible; margin:20px 0 0;}
.about3 .team>.swiper-pagination{ width:auto; text-align:center; position:static; padding:0 0 60px;}
.about3 .team>.swiper-pagination span.swiper-pagination-bullet{ width:13.25em; height:auto; line-height:3.5; color:#e60012; background:#fff; border-radius:1.75em; opacity:1; margin:0 1.25em; position:relative; box-shadow:0 0 14px 2px rgba(221,221,221,0.6);}
.about3 .team>.swiper-pagination span.swiper-pagination-bullet-active{ color:#fff; background:#e60012;}
.about3 .inner{ position:relative; visibility:hidden; opacity:0;}
.about3 .inner.swiper-slide-active{ visibility:visible; opacity:1;}
.about3 .inner .swiper-container{ padding:0 0 80px;}
.about3 .inner .swiper-slide{ font-size:16px; position:relative; cursor:pointer; pointer-events:auto;}
.about3 .inner .box{ display:flex; background:url(../images/icons/team_title.jpg) center no-repeat; background-size:cover; padding:4.5%;}
.about3 .inner .box a.pic{ display:block; flex-shrink:0; margin-right:6.5%;}
.about3 .inner .box a.pic img{ display:block; width:8.625em; height:11.75em;}
.about3 .inner .box p{ display:flex; flex:auto; flex-direction:column; justify-content:center; color:#fff; font-size:0.9375em;}
.about3 .inner .box p a{ display:block; line-height:2; padding:0.5em 0;}
.about3 .inner .box p a img{ display:block; height:1.2em; float:left; margin:0.4em 0.8em 0 0; filter:brightness(0) invert(1);}
.about3 .inner .info{ background:url(../images/icons/team_info.jpg) center no-repeat; background-size:cover; padding:4.5%;}
.about3 .inner .info a.title{ display:block; line-height:1.5; color:#333; font-size:1.125em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.about3 .inner .info a.title:hover{ color:#e60012;}
.about3 .inner .info em{ display:block; height:3.5em; line-height:1.75; color:#333; overflow:hidden; padding:0.5em 0 0;}
.about3 .inner .info .txt{ height:3.6em; line-height:1.8; color:#666; font-size:0.9375em; padding:0.75em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.about3 .inner .info a.view{ display:block; width:6.5em; height:2.35em; line-height:2.35; color:#e60012; font-size:0.875em; text-align:center; overflow:hidden; border:1px solid #e60012; border-radius:1.25em; margin:1.125em 0 0.25em; transition:all ease 0.4s;}
.about3 .inner .info a.view font{ display:block; color:#e60012; transition:all ease 0.4s;}
.about3 .inner .info a.view:hover{ color:#fff; background:#e60012;}
.about3 .inner .info a.view:hover font{ color:#fff; transform:translateY(-100%);}
.about3 .inner .swiper-pagination{ display:none; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.about3 .inner .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#e60012; border-radius:50%; margin:0 7px !important; opacity:0.25;}
.about3 .inner .swiper-pagination-bullet-active{ opacity:1;}
.about3 .inner .swiper-button-prev,
.about3 .inner .swiper-button-next{ width:68px; height:68px; background:none; border:2px solid #e60012; border-radius:50%; margin-top:0; background-size:contain !important; top:46%; margin-top:-36px; z-index:10;}
.about3 .inner .swiper-button-prev img,
.about3 .inner .swiper-button-next img{ display:block; width:100%;}
.about3 .inner .swiper-button-prev{ left:-114px;}
.about3 .inner .swiper-button-next{ right:-114px;}
.about3 .inner .swiper-button-prev:hover,
.about3 .inner .swiper-button-next:hover{ background:#e60012;}
.about3 .inner .swiper-button-prev:hover img,
.about3 .inner .swiper-button-next:hover img{ filter:brightness(0) invert(1);}
.about3 a.more{ display:block; width:11.5em; height:3em; line-height:3; color:#fff; font-size:16px; text-align:center; background:#e60012; overflow:hidden; border-radius:1.5em; margin:0 auto;}
.about3 a.more font{ display:block; transition:all ease 0.4s;}
.about3 a.more:hover font{ transform:translateY(-100%);}


@-webkit-keyframes bounceIn-infinite{
    0%  { -webkit-transform:translate(0,0);}
    20% { -webkit-transform:translate(0,3px);}
    50% { -webkit-transform:translate(0,0);}
    70% { -webkit-transform:translate(0,-3px);}
    100%{ -webkit-transform:translate(0,0);}
}
@-moz-keyframes bounceIn-infinite{
    0%  { -moz-transform:translate(0,0);}
    20% { -moz-transform:translate(0,3px);}
    50% { -moz-transform:translate(0,0);}
    70% { -moz-transform:translate(0,-3px);}
    100%{ -moz-transform:translate(0,0);}
}
@-o-keyframes bounceIn-infinite{
    0%  { -o-transform:translate(0,0);}
	20% { -o-transform:translate(0,3px);}
	50% { -o-transform:translate(0,0);}
	70% { -o-transform:translate(0,-3px);}
	100%{ -o-transform:translate(0,0);}
}
@keyframes bounceIn-infinite{
    0%  { transform:translate(0,0);}
    20% { transform:translate(0,5px);}
    50% { transform:translate(0,0);}
    70% { transform:translate(0,-5px);}
    100%{ transform:translate(0,0);}
}
@-webkit-keyframes bounceIn-infinite2{
	0%  { -webkit-transform:translate(0,0);}
	20% { -webkit-transform:translate(0,5px);}
	50% { -webkit-transform:translate(0,0);}
	70% { -webkit-transform:translate(0,-5px);}
	100%{ -webkit-transform:translate(0,0);}
}
@-moz-keyframes bounceIn-infinite2{
	0%  { -moz-transform:translate(0,0);}
	20% { -moz-transform:translate(0,5px);}
	50% { -moz-transform:translate(0,0);}
	70% { -moz-transform:translate(0,-5px);}
	100%{ -moz-transform:translate(0,0);}
}
@-o-keyframes bounceIn-infinite2{
	0%  { -o-transform:translate(0,0);}
	20% { -o-transform:translate(0,5px);}
	50% { -o-transform:translate(0,0);}
	70% { -o-transform:translate(0,-5px);}
	100%{ -o-transform:translate(0,0);}
}
@keyframes bounceIn-infinite2{
	0%  { transform:translate(0,0);}
	20% { transform:translate(0,5px);}
	50% { transform:translate(0,0);}
	70% { transform:translate(0,-5px);}
	100%{ transform:translate(0,0);}
}

.about4{ background:url(../images/icons/ab_bg4.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about4 .attr h2.title{ text-align:left; padding-left:0; padding-bottom:0;}
.about4 .attr h2.title em{ transform-origin:left center;}
.about4 .attr h2.title i{ margin-left:0; margin-bottom:0;}
.about4 .flex{ display:flex; justify-content:space-between; align-items:flex-end; position:relative;}
.about4 dl{ display:block; font-size:16px; flex:auto; padding:0 0 40px;}
.about4 dl dt{ display:block; font-size:1.125em; position:absolute; left:3.25%; top:18.5%;}
.about4 dl dt::before{ content:''; display:block; width:32%; height:32%; background:#a4a4a4; border-radius:50%; opacity:0.1; position:absolute; left:87.5%; bottom:79.5%;
    animation:bounceIn-infinite 4s linear infinite;
    -webkit-animation:bounceIn-infinite 4s linear infinite;
    -moz-animation:bounceIn-infinite 4s linear infinite;
    -o-animation:bounceIn-infinite 4s linear infinite;
    -ms-animation:bounceIn-infinite 4s linear infinite;
	animation-delay:3s;
}
.about4 dl dt::after{ content:''; display:block; width:12%; height:12%; background:#a4a4a4; border-radius:50%; opacity:0.1; position:absolute; right:100%; bottom:16.8%;
    animation:bounceIn-infinite2 4s linear infinite;
    -webkit-animation:bounceIn-infinite2 4s linear infinite;
    -moz-animation:bounceIn-infinite2 4s linear infinite;
    -o-animation:bounceIn-infinite2 4s linear infinite;
    -ms-animation:bounceIn-infinite2 4s linear infinite;
	animation-delay:2s;
}
.about4 dl dt p{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:13.25em; height:13.25em; line-height:1; text-align:center; background:rgba(230,0,18,0.1); border-radius:50%;
    animation:bounceIn-infinite2 4s linear infinite;
    -webkit-animation:bounceIn-infinite2 4s linear infinite;
    -moz-animation:bounceIn-infinite2 4s linear infinite;
    -o-animation:bounceIn-infinite2 4s linear infinite;
    -ms-animation:bounceIn-infinite2 4s linear infinite;
}
.about4 dl dt i{ display:block; width:19%; height:19%; background:#a4a4a4; border-radius:50%; opacity:0.1; position:absolute; left:96%; bottom:9%;
    animation:bounceIn-infinite 4s linear infinite;
    -webkit-animation:bounceIn-infinite 4s linear infinite;
    -moz-animation:bounceIn-infinite 4s linear infinite;
    -o-animation:bounceIn-infinite 4s linear infinite;
    -ms-animation:bounceIn-infinite 4s linear infinite;
	animation-delay:1s;
}
.about4 dl dt p span{ display:block; padding:0 0 0.66em;}
.about4 dl dt p b{ display:block; color:#e60012; font-size:2em;}
.about4 dl dd{ display:flex; justify-content:space-between; align-items:flex-end;}
.about4 dl dd p{ display:block; line-height:1.875; color:#333;}
.about4 dl dd p b{ display:block; line-height:2.22; color:#e60012; font-size:1.125em;}
.about4 dl dd p font{ display:block;}
.about4 dl dd p span{ display:none;}
.about4 img.map{ display:block; max-width:53.625%;}
.about4 p.zb{ display:block; width:13em; color:#fff; font-size:16px; padding:0 0 60px;}
.about4 p.zb span{ display:block; line-height:2; padding:0 0 3.5em;}
.about4 p.zb span em{ display:block; line-height:2.7; font-size:1.125em; padding-left:1.6em; position:relative;}
.about4 p.zb span em::before{ content:''; display:block; width:0.8em; height:100%; background:url(../images/icons/zb.png) left center no-repeat; background-size:100% auto; position:absolute; left:0; top:0; filter:brightness(0) invert(1);}

.about5{ background:url(../images/icons/ab_bg5.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.about5 .honor{ display:block; font-size:16px; position:relative; padding:20px 0 130px;}
.about5 .honor .swiper-slide{ display:block;}
.about5 .honor .swiper-slide a{ display:block; padding:32px 0; background:url(../images/icons/h_t.jpg) center top no-repeat, url(../images/icons/h_b.jpg) center bottom no-repeat; background-size:calc(100% - 64px) 32px; position:relative; cursor:pointer;}
.about5 .honor .swiper-slide a::before{ content:''; display:block; width:100%; height:32px; background:url(../images/icons/h_lt.jpg) left top no-repeat, url(../images/icons/h_rt.jpg) right top no-repeat; background-size:32px 32px; position:absolute; left:0; top:0;}
.about5 .honor .swiper-slide a::after{ content:''; display:block; width:100%; height:32px; background:url(../images/icons/h_lb.jpg) left bottom no-repeat, url(../images/icons/h_rb.jpg) right bottom no-repeat; background-size:32px 32px; position:absolute; left:0; bottom:0;}
.about5 .honor .swiper-slide a em{ display:block; padding:0 32px; background:url(../images/icons/h_l.jpg) left center no-repeat, url(../images/icons/h_r.jpg) right center no-repeat; background-size:32px 100%; position:relative;}
.about5 .honor .swiper-slide a em img{ display:block; width:100%;}
.about5 .honor .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.about5 .honor .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 7px !important; opacity:1;}
.about5 .honor .swiper-pagination-bullet-active{ background:#00b9ff;}
.about5 .honor .swiper-pagination{ width:auto; height:12px; padding:30px 0; bottom:0; z-index:9; left:50%; transform:translateX(-50%);}
.about5 .honor .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:2px solid #e60012; opacity:1; margin:0 6px;}
.about5 .honor .swiper-pagination-bullet-active{ background:#e60012;}
.about5 .honor .swiper-button-prev,
.about5 .honor .swiper-button-next{ width:68px; height:68px; background:none; border:2px solid #e60012; border-radius:50%; margin-top:0; background-size:contain !important; top:auto; bottom:0; z-index:10;}
.about5 .honor .swiper-button-prev{ left:50%; margin-left:-320px;}
.about5 .honor .swiper-button-next{ right:50%; margin-right:-320px;}
.about5 .honor .swiper-button-prev img,
.about5 .honor .swiper-button-next img{ display:block; width:100%;}
.about5 .honor .swiper-button-prev:hover,
.about5 .honor .swiper-button-next:hover{ background:#e60012;}
.about5 .honor .swiper-button-prev:hover img,
.about5 .honor .swiper-button-next:hover img{ filter:brightness(0) invert(1);}

.about6{ padding:0 0 40px;}
.about6 .coop{ display:block; font-size:16px; position:relative; padding:10px 0 110px;}
.about6 .coop .swiper-slide{ overflow:hidden;}
.about6 .coop .swiper-slide a{ display:block; width:20%; float:left;}
.about6 .coop .swiper-slide a em{ display:block; position:relative; overflow:hidden; cursor:pointer; box-shadow:0 0 7px rgba(206,206,206,0.4); margin:8px 12px; transition:all ease 0.4s;}
.about6 .coop .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.about6 .coop .swiper-slide a em:hover{ box-shadow:0 0 7px rgba(230,0,18,0.4);}
.about6 .coop .swiper-slide a em:hover img{ transform:scale(1.12);}
.about6 .coop .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.about6 .coop .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 7px !important; opacity:1;}
.about6 .coop .swiper-pagination-bullet-active{ background:#00b9ff;}
.about6 .coop .swiper-pagination{ width:auto; height:12px; padding:30px 0; bottom:0; z-index:9; left:50%; transform:translateX(-50%);}
.about6 .coop .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:2px solid #e60012; opacity:1; margin:0 6px;}
.about6 .coop .swiper-pagination-bullet-active{ background:#e60012;}
.about6 .coop .swiper-button-prev,
.about6 .coop .swiper-button-next{ display:none; width:68px; height:68px; background:none; border:2px solid #e60012; border-radius:50%; margin-top:0; background-size:contain !important; top:auto; bottom:0; z-index:10;}
.about6 .coop .swiper-button-prev{ left:50%; margin-left:-320px;}
.about6 .coop .swiper-button-next{ right:50%; margin-right:-320px;}
.about6 .coop .swiper-button-prev img,
.about6 .coop .swiper-button-next img{ display:block; width:100%;}
.about6 .coop .swiper-button-prev:hover,
.about6 .coop .swiper-button-next:hover{ background:#e60012;}
.about6 .coop .swiper-button-prev:hover img,
.about6 .coop .swiper-button-next:hover img{ filter:brightness(0) invert(1);}


.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{ width:720px; height:478px; max-width:none;}
.about1 p.tab{ position:relative; z-index:3; margin-left:5%;}
.about1 .info .txt{ height:26em; overflow-y:scroll; padding-right:0.4em;}
.about1 .info .txt::-webkit-scrollbar{ width:6px; height:6px;}
.about1 .info .txt::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.15); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-radius:5px; cursor:pointer;}
.about1 .info .txt::-webkit-scrollbar-thumb:hover{ background/:#e60012;}
.about1 .info .txt::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05);}
.about1 .info .txt::-webkit-scrollbar-button{ height:0; background:rgba(0,0,0,0.05); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-width:0px 0;}
.about1 .info .txt::-webkit-scrollbar-button:hover{ background/:#e60012;}

.main .data{ padding:80px 0;}
.main .data ul{ justify-content:space-around;}

.about2{ height:760px; overflow:hidden; background-position:center top -50px;}
.about2 .history{ width:1200px; margin-left:calc(50% - 600px); margin:-110px 0 0;}
.about2 .swiper-slide a{ margin-bottom:150px;}
.about2 .swiper-slide.next1 a{ margin-bottom:175px;}
.about2 .swiper-slide.next2 a{ margin-bottom:257px;}
.about2 .swiper-slide.next3 a{ margin-bottom:366px;}
.about2 .swiper-slide.next4 a{ margin-bottom:506px;}
.about2 .swiper-slide.next5 a{ margin-bottom:506px;}
.about2 .swiper-slide a .txt{ min-height:120px;}
.about2 .swiper-slide.next1 a .txt{ min-height:210px;}
.about2 .swiper-slide.next2 a .txt{ min-height:260px;}
.about2 .swiper-slide.next3 a .txt{ min-height:280px;}
.about2 .swiper-slide.next4 a .txt{ min-height:280px;}
.about2 .swiper-slide.next5 a .txt{ min-height:280px;}
.about2 .swiper-slide a .txt img{ max-height:8em;}
.about2 .history .swiper-pagination{ padding:17px 0; bottom:110px;}
.about2 .history .swiper-button-prev,
.about2 .history .swiper-button-next{ width:42px; height:42px; bottom:110px;}
.about2 .history .swiper-button-prev{ margin-left:-240px;}
.about2 .history .swiper-button-next{ margin-right:-240px;}

.about3 .inner .info{ padding:5.5% 4.5%;}
.about3 .inner .swiper-button-prev,
.about3 .inner .swiper-button-next{ width:40px; height:40px;}
.about3 .inner .swiper-button-prev{ left:-60px;}
.about3 .inner .swiper-button-next{ right:-60px;}

.about4 dl{ font-size:15px;}
.about4 dl dt{ font-size:14px; top:14.5%;}
.about4 img.map{ max-width:50%;}
.about4 p.zb{ font-size:15px; width:11em;}

.about5 .honor .swiper-pagination{ padding:17px 0;}
.about5 .honor .swiper-button-prev,
.about5 .honor .swiper-button-next{ width:42px; height:42px;}
.about5 .honor .swiper-button-prev{ margin-left:-160px;}
.about5 .honor .swiper-button-next{ margin-right:-160px;}


}


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

.about1{ padding:0 0 40px;}
.about1 .pic{ display:none;}
.about1 p.tab{ float:none; margin:0; overflow:hidden; font-size:14px;}
.about1 p.tab a{ text-align:center; width:50%; float:left; margin:0;}
.about1 p.tab a::after{ display:none;}
.about1 .info{ font-size:14px;}
.about1 .info h3{ line-height:2.75; padding:0.625em 0 0; font-size:1.285em; font-weight:bold;}
.about1 .info .txt{ font-size:inherit; overflow:hidden; height:auto; padding:0; text-align:justify;}

.main .data{ padding:24px 0;}
.main .data ul{ text-align:center; flex-wrap:wrap; font-size:13px; transform:translateY(4px);}
.main .data ul li{ width:50%; padding:0.75em 0;}
.main .data ul span{ padding:0.25em 0 0;}

.about2{ background:url(../images/icons/about_bg2_m.jpg) center no-repeat; background-size:cover; height:auto; padding:0 0 30px;}
.about2 .history{ width:auto; height:auto; padding:20px 0 48px; margin:0; font-size:14px;}
.about2 .swiper-slide{ display:block;}
.about2 .swiper-slide a{ margin:0 !important; min-height:160px; padding:4px 0 0 32px;}
.about2 .swiper-slide a::after{ height:120px; width:2px; left:11px; top:20px;}
.about2 .swiper-slide a i{ width:12px; height:12px; margin:8px 6px;}
.about2 .swiper-slide a em{ display:none;}
.about2 .swiper-slide a .txt{ padding-bottom:0; font-size:inherit; min-height:0 !important;}
.about2 .history .swiper-pagination{ display:none;}
.about2 .history .swiper-button-prev,
.about2 .history .swiper-button-next{ width:32px; height:32px; border-width:1.5px; bottom:0;}
.about2 .history .swiper-button-prev{ margin-left:-48px;}
.about2 .history .swiper-button-next{ margin-right:-48px;}

.picShow .pic{ width:94vw;}
.picShow a.close{ left:auto; right:0; z-index:3;}

.about3{ padding:0 0 40px;}
.about3 .team{ font-size:13px; margin:0;}
.about3 .team>.swiper-pagination{ display:flex; justify-content:space-between; box-shadow:0 0 14px 2px rgba(221,221,221,0.6); padding:0; margin:0 0 12px;}
.about3 .team>.swiper-pagination span.swiper-pagination-bullet{ width:auto; margin:0; line-height:3; border-radius:0; box-shadow:none; padding:0 0.5em;}
.about3 .inner .swiper-container{ padding:0 0 40px;}
.about3 .inner .swiper-slide{ font-size:14px;}
.about3 a.more{ font-size:13px; width:10em;}

.about4{ padding:0 0 40px;}
.about4 .flex{ display:block;}
.about4 dl{ font-size:14px; padding:12px 0 0; margin:6px 0 0;}
.about4 dl dd{ display:block;}
.about4 dl dd p{ padding-bottom:0.25em;}
.about4 dl dd p:nth-child(n+4){ display:none;}
.about4 dl dd p font{ display:inline; margin-right:0.5em; white-space:nowrap;}
.about4 dl dd b{ display:block;}
.about4 dl dd p span{ display:inline;}
.about4 dl dt{ left:auto; right:11%; font-size:12px; top:1%;}
.about4 dl dt p{ width:11em; height:11em;}
.about4 dl dt p b{ font-size:1.75em;}
.about4 img.map{ max-width:100%;}
.about4 p.zb{ color:#666; font-size:14px; width:auto; padding:0;}
.about4 p.zb span{ padding:0 0 0.5em;}
.about4 p.zb span em{ line-height:2; font-size:15px; color:#333;}
.about4 p.zb span em::before{ filter:brightness(1) invert(0);}

.about5{ padding:0 0 40px;}
.about5 .honor{ padding:0 0 60px;}
.about5 .honor .swiper-container{ width:720px; margin-left:calc(50% - 360px);}
.about5 .honor .swiper-slide a{ padding:16px 0; background-size:calc(100% - 32px) 16px;}
.about5 .honor .swiper-slide a::before{ height:16px; background-size:16px 16px;}
.about5 .honor .swiper-slide a::after{ height:16px; background-size:16px 16px;}
.about5 .honor .swiper-slide a em{ padding:0 16px; background-size:16px 100%;}
.about5 .honor .swiper-slide a em img{ height:300px;}
.about5 .honor .swiper-pagination{ display:none;}
.about5 .honor .swiper-button-prev,
.about5 .honor .swiper-button-next{ width:32px; height:32px; border-width:1.5px; bottom:0;}
.about5 .honor .swiper-button-prev{ margin-left:-48px;}
.about5 .honor .swiper-button-next{ margin-right:-48px;}

.about6{ padding:0 0 40px;}
.about6 .coop{ padding:0 0 40px;}
.about6 .coop .swiper-container{ padding:0 7px; margin:0 -11px;}
.about6 .coop .swiper-slide a{ width:33.33%;}
.about6 .coop .swiper-slide a em{ margin:4px; box-shadow:0 0 9px rgba(206,206,206,0.5);}
.about6 .coop .swiper-pagination{ padding:0; height:10px;}
.about6 .coop .swiper-pagination-bullet{ width:6px; height:6px; margin:0 6px !important;}












}