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

.ibanner{ width:100vw; height:960px; max-height:100vh; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1; transition:all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); transform:scale(1.08);}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transform:scale(1);}
.ibanner .swiper-pagination{ height:12px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:6px; opacity:0.5; margin:0 14px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ width:52px; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:56px; height:56px; border-radius:50%; background-size:auto 36% !important; margin-top:-28px;}
.ibanner .swiper-button-prev{ background:rgba(0,0,0,0.3) url(../images/icons/prev.png) center no-repeat; left:1%;}
.ibanner .swiper-button-next{ background:rgba(0,0,0,0.3) url(../images/icons/next.png) center no-repeat; right:1%;}

.main{ width:auto; overflow:visible; position:relative;}

.ibox{ position:relative; z-index:2;}
.ibox .con{ width:83.34vw; min-width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; padding:1em 0 0; position:relative; margin:3.5em 0 0;}
.ibox h2.title em{ display:block; line-height:1.3; color:#000; font-size:2.125em; position:relative; z-index:3;}
.ibox h2.title span{ display:block; width:100%; line-height:1.078; color:#969a9c; font-size:2.75em; font-weight:bold; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1;}
.ibox h2.title i{ display:block; width:8.875em; height:12px; background:#00b9ff; opacity:0.3; margin:-12px auto 0; position:relative; z-index:3;}
.ibox a.more{ display:block; width:9em; line-height:3; color:#fff; font-size:16px; text-align:center; border-radius:1.5em; background:#00b9ff; transition:all ease 0.5s; margin:0 auto;}
.ibox a.more:hover{ background:#0489bb;}

.box1{ background:url(../images/icons/bg1.jpg) center no-repeat; background-size:cover;}
.box1 .con{ position:relative; z-index:3;}
.box1 .txt{ max-width:56.25%; line-height:2.11; color:#252525; font-size:18px; overflow:hidden; padding:4.33em 0 2.66em;}
.box1 a.more{ margin:0 0 3.25em;}
.box1 img.pic{ display:block; max-width:44.5%; max-height:87.5%; position:absolute; right:0; bottom:0; z-index:3;}
.box1 .data{ font-size:16px; padding:75px 0; background-image:linear-gradient(to right, rgba(0,160,220,1), rgba(15,148,208,0.33)); position:relative;}
.box1 .data ul{ display:block; overflow:hidden;}
.box1 .data ul li{ display:block; height:4em; padding-left:5.5em; position:relative; z-index:3; float:left; margin-right:7%;}
.box1 .data ul li img{ display:block; height:4em; position:absolute; left:0; top:0; filter:brightness(0) invert(1);}
.box1 .data ul p{ display:block; height:2.08em; line-height:2.08em; color:#fff; font-size:1.5em; font-weight:normal; overflow:hidden;}
.box1 .data ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.box1 .data ul p b{ font-size:1.5em; margin:0 0.1em 0 0;}
.box1 .data ul p sup{ display:inline-block; line-height:1; font-weight:bold; font-size:inherit; vertical-align:top; margin:0 0 0 2px;}
.box1 .data ul p sub{ display:inline-block; line-height:1.4; font-weight:bold; font-size:inherit; vertical-align:bottom; margin:0 0 0 2px;}
.box1 .data ul span{ display:block; line-height:1; color:#fff; font-size:0.875em; overflow:hidden;}

.box2{ background:url(../images/icons/bg2.jpg) center no-repeat; background-size:cover; padding:0 0 100px;}
.box2 .team{ display:block; font-size:16px; position:relative; padding:50px 0 80px;}
.box2 .team .swiper-container{ padding:0 24px; margin:0 -24px;}
.box2 .team .swiper-slide{ display:block; padding:30px 0;}
.box2 .team .swiper-slide a{ display:block; padding:1em; background:#fff; overflow:hidden; box-shadow:0 0 12px rgba(14,38,69,0.2); transition:all ease 0.5s;}
.box2 .team .swiper-slide a em{ display:block; overflow:hidden; float:left; margin-right:1.25em;}
.box2 .team .swiper-slide a em img{ display:block; height:14.5em; transition:all ease 0.5s;}
.box2 .team .swiper-slide a span{ display:block; line-height:2.3; color:#333; font-size:1.125em; font-weight:bold; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box2 .team .swiper-slide a p{ height:9.3em; line-height:1.86; color:#444; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.box2 .team .swiper-slide a font{ display:block; line-height:1.86; color:#666; font-size:0.875em; transition:all ease 0.5s; float:left; margin:0.5em 0 0;}
.box2 .team .swiper-slide a:hover{ background:#00b9ff;}
.box2 .team .swiper-slide a:hover em img{ transform:scale(1.05);}
.box2 .team .swiper-slide a:hover span,
.box2 .team .swiper-slide a:hover p,
.box2 .team .swiper-slide a:hover font{ color:#fff;}
.box2 .team .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.box2 .team .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 7px !important; opacity:1;}
.box2 .team .swiper-pagination-bullet-active{ background:#00b9ff;}
.box2 .team .swiper-button-prev,
.box2 .team .swiper-button-next{ display:none; width:30px; height:50px; margin-top:-25px; background-size:auto 48% !important;}
.box2 .team .swiper-button-prev{ background:rgba(0,0,0,0.3) url(../images/icons/prev.png) center no-repeat; left:0;}
.box2 .team .swiper-button-next{ background:rgba(0,0,0,0.3) url(../images/icons/next.png) center no-repeat; right:0;}

.box3 h2.title{ text-align:left;}
.box3 h2.title i{ margin-left:0;}
.box3 .product{ font-size:16px; overflow:visible;}
.box3 .product>.swiper-pagination{ width:auto; font-size:1.125em; text-align:center; position:relative; bottom:auto;}
.box3 .product>.swiper-pagination::after{ content:''; display:block; width:100%; height:2px; background-image:linear-gradient(to right, rgba(119,157,218,0.1), rgba(119,157,218,1), rgba(119,157,218,0.1)); position:absolute; left:0; top:3.225em; z-index:1; margin-top:-1px;}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet{ width:auto; height:auto; line-height:3; color:#333; background:none; border-radius:0; opacity:1; margin:0 5.5%; position:relative; z-index:3;}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet i{ display:block; width:6.45em; border-radius:50%; background:#fff; overflow:hidden; margin:0 auto; box-shadow:0 0 9px rgba(224,224,224,0.6);}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet img{ display:block; width:100%;}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet-active{ color:#00b9ff; background:none;}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet-active i{ background:#00b9ff;}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet-active img{ filter:brightness(0) invert(1);}
.box3 .inner{ visibility:hidden; position:relative; padding:0 0 60px;}
.box3 .inner.swiper-slide-active{ visibility:visible;}
.box3 .inner .swiper-container{ padding:0 18px 20px; margin:0 -18px;}
.box3 .inner .swiper-slide{ position:relative; cursor:pointer; pointer-events:auto;}
.box3 .inner .swiper-slide a{ display:block; overflow:hidden; padding:1.5em; background:#fff; position:relative; box-shadow:0 0 10px rgba(14,38,69,0.2); margin:40px 0;}
.box3 .inner .swiper-slide a em{ display:block; overflow:hidden;}
.box3 .inner .swiper-slide a img{ display:block; width:100%; transition:all ease 0.5s;}
.box3 .inner .swiper-slide a span{ display:block; line-height:3.88; color:#333; font-size:1.125em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #e2e2e2; transition:all ease 0.5s;}
.box3 .inner .swiper-slide a p{ height:3.5em; line-height:1.75; color:#666; margin:1em 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner .swiper-slide a font{ display:block; line-height:3; color:#666; font-size:0.875em; float:left; transition:all ease 0.5s;}
.box3 .inner .swiper-slide a:hover img{ transform:scale(1.1);}
.box3 .inner .swiper-slide a:hover span,
.box3 .inner .swiper-slide a:hover font{ color:#00b9ff;}
.box3 .inner .swiper-button-prev,
.box3 .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;}
.box3 .inner .swiper-button-prev{ background:url(../images/icons/prev31.png) center no-repeat; left:50%; margin-left:-120px;}
.box3 .inner .swiper-button-next{ background:url(../images/icons/next31.png) center no-repeat; right:50%; margin-right:-120px;}
.box3 .inner .swiper-button-prev:hover,
.box3 .inner .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.box3 .inner .swiper-button-prev:hover{ background-image:url(../images/icons/prev3_h.png);}
.box3 .inner .swiper-button-next:hover{ background-image:url(../images/icons/next3_h.png);}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover; padding:0 0 50px;}
.box4 .yingyong{ display:block; font-size:16px; position:relative; padding:50px 0;}
.box4 .yingyong .swiper-container{ margin:0 8.5%;}
.box4 .yingyong .swiper-slide{ display:block; padding:10px 0;}
.box4 .yingyong .swiper-slide a{ display:block; background:#000; overflow:hidden; position:relative; box-shadow:0 0 7px rgba(146,146,146,0.15); transition:all ease 0.5s;}
.box4 .yingyong .swiper-slide a em{ display:block; overflow:hidden;}
.box4 .yingyong .swiper-slide a em img{ display:block; width:100%; transition:all ease 0.5s;}
.box4 .yingyong .swiper-slide a p{ display:block; width:100%; padding:0 1.2em 2em; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; transition:all ease 0.5s;}
.box4 .yingyong .swiper-slide a span{ display:block; line-height:2; color:#fff; font-size:1.125em; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box4 .yingyong .swiper-slide a font{ display:block; width:6em; line-height:1.65; color:#fff; font-size:0.875em; text-align:center; border:1px solid #fff; transition:all ease 0.5s; margin:2em 0 0;}
.box4 .yingyong .swiper-slide a:hover em img{ transform:scale(1.05); opacity:0.6;}
.box4 .yingyong .swiper-slide a:hover p{ transform:translateY(-10%);}
.box4 .yingyong .swiper-slide a:hover span{ font-weight:bold;}
.box4 .yingyong .swiper-slide a font:hover{ border-color:#00b9ff; background:#00b9ff;}
.box4 .yingyong .swiper-pagination{ display:none; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.box4 .yingyong .swiper-pagination-bullet{ vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 7px !important; opacity:1;}
.box4 .yingyong .swiper-pagination-bullet-active{ background:#00b9ff;}
.box4 .yingyong .swiper-button-prev,
.box4 .yingyong .swiper-button-next{ display:block; width:62px; height:62px; margin-top:-31px; background-size:100% auto !important; filter:brightness(0) invert(0); opacity:0.25;}
.box4 .yingyong .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:3%;}
.box4 .yingyong .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:3%;}
.box4 .yingyong .swiper-button-prev:hover,
.box4 .yingyong .swiper-button-next:hover{ filter:brightness(1) invert(0); opacity:1;}


.box5{ padding:0 0 80px;}
.box5 dl{ display:flex; flex-wrap:wrap; justify-content:center; padding:4% 0; margin:50px 0 0; position:relative;}
.box5 dl::before,
.box5 dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box5 dl dd{ display:block; width:16.66%; padding:3.1%; box-sizing:border-box; margin:-4.15% 0; position:relative;}

.box5 dl dd:nth-child(1){ margin-left:16.66%;}
.box5 dl dd:nth-child(4){ margin-right:16.66%;}

.box5 dl dd:nth-child(5){ margin-left:8.33%;}
.box5 dl dd:nth-child(6){ margin-right:16.66%;}
.box5 dl dd:nth-child(8){ margin-right:8.33%;}

.box5 dl dd:nth-child(10){ margin-right:33.32%;}

.box5 dl dd:nth-child(13){ margin-left:8.33%;}
.box5 dl dd:nth-child(14){ margin-right:16.66%;}
.box5 dl dd:nth-child(16){ margin-right:8.33%;}

.box5 dl dd:nth-child(17){ margin-left:16.66%;}
.box5 dl dd:nth-child(20){ margin-right:16.66%;}

.box5 dl dd a{ display:block; overflow:hidden; padding:0 0 100%; box-shadow:0 0 20px rgba(14,38,69,0.1); position:relative; z-index:999; transition:all ease 0.5s; transform:rotate(-45deg);}
.box5 dl dd img{ display:block; width:100%; position:absolute; left:50%; top:50%; transition:all ease 0.5s; transform:translate(-50%,-50%) rotate(45deg) scale(1.78025);}
.box5 dl dd a:hover{ box-shadow:0 0 20px rgba(4,137,187,0.5);}
.box5 dl dd a:hover img{ transform:translate(-50%,-50%) rotate(45deg) scale(1.88);}
.box5 dl dt{ display:block; width:33.32%; padding:5.5%; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.box5 dl dt a{ display:block; overflow:hidden; background:#00b9ff; padding:0 0 100%; position:relative; transition:all ease 0.5s; transform:rotate(-45deg);}
.box5 dl dt b{ display:block; width:100%; line-height:1; color:#fff; font-size:36px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg);}


@media only screen and (max-width:1440px){
.ibanner{ max-height:720px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; margin:0 10px !important;}
.ibanner .swiper-pagination-bullet-active{ width:48px;}

.ibox a.more{ font-size:15px;}

.box1 .txt{ font-size:15px;}
.box1 .data{ font-size:15px; padding:60px 0;}
.box1 .data ul li{ margin-right:4%;}

.box2 .team .swiper-container{ padding:0 12px; margin:0 -12px;}
.box2 .team .swiper-slide a p{ font-size:0.875em; line-height:2; height:10em; margin-bottom:0.5em;}

.box3 .product{ margin-top:20px;}
.box3 .product>.swiper-pagination{ font-size:inherit;}
.box3 .inner .swiper-container{ padding:0 10px 20px; margin:0 -10px;}

.box4 .yingyong .swiper-button-prev,
.box4 .yingyong .swiper-button-next{ width:50px; height:50px; margin-top:-25px;}

.box5 dl dt b{ font-size:32px;}

}

@media only screen and (max-width:768px){
.ibanner{ height:70vw;}
.ibanner .swiper-slide .box .bg{ background-size:auto 120% !important;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:30px; height:30px; margin-top:-15px;}
.ibanner .swiper-pagination{ display:none;}

.ibox .con{ width:calc(100% - 32px); min-width:0;}
.ibox h2.title{ font-size:13px; margin:2.5em 0 0;}
.ibox h2.title span{}
.ibox h2.title i{ height:6px; margin-top:-6px;}
.ibox a.more{ font-size:12px;}

.box1 img.pic{ height:110px; opacity:0.3;}
.box1 .txt{ font-size:14px; max-width:none; line-height:2; padding:2em 0 1.5em;}
.box1 a.more{ margin:0 auto 2.75em;}
.box1 .data{ font-size:13.7px; padding:32px 8px;}
.box1 .data ul{ display:flex; justify-content:space-between;}
.box1 .data ul li{ padding-left:3.25em; padding-left:0; margin-right:0; width:auto; box-sizing:border-box;}
.box1 .data ul li img{ display:none; height:2.5em; top:0.75em;}
.box1 .data ul span{ overflow:visible;}

.box2{ padding:0 0 40px;}
.box2 .team{ font-size:15px; padding:0 0 20px;}
.box2 .team .swiper-container{ padding:0 36px; margin:0 -16px;}
.box2 .team .swiper-slide a{ padding:10px;}
.box2 .team .swiper-slide a em img{ height:12.5em;}
.box2 .team .swiper-slide a p{ height:8em; -webkit-line-clamp:4; margin:0.35em 0 0.15em;}
.box2 .team .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px !important;}

.box3 h2.title{ text-align:center;}
.ibox h2.title i{ margin-left:auto;}
.box3 .product{ font-size:14px; margin-top:30px;}
.box3 .product>.swiper-pagination::after{ top:2.25em;}
.box3 .product>.swiper-pagination span.swiper-pagination-bullet i{ width:4.5em;}
.box3 .inner{ padding:0 0 40px;}
.box3 .inner .swiper-container{ width:836px; margin:0 0 0 50%; transform:translateX(-50%); padding:0 0 20px; overflow:visible;}
.box3 .inner .swiper-slide a{ margin:20px 0;}

.box4{ padding:0 0 30px;}
.box4 .yingyong{ font-size:14px; padding:20px 0;}
.box4 .yingyong .swiper-container{ margin:0 48px;}
.box4 .yingyong .swiper-slide a em img{ height:360px; object-fit:cover;}
.box4 .yingyong .swiper-button-prev,
.box4 .yingyong .swiper-button-next{ width:24px; height:24px; margin-top:-12px;}

.box5{ padding:0 0 40px;}
.box5 dl{ margin:20px 0 0;}
.box5 dl dt{ display:none;}
.box5 dl dd{ width:50% !important; margin:0 !important; padding:6px;}
.box5 dl dd:nth-child(n+11){ display:none;}
.box5 dl dd a{ padding:0; transform:none;}
.box5 dl dd img{ position:static; transform:none;}





}





















/**/