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

.ibanner{ height:646px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ width:100vw; position:relative; height:auto; z-index:0;}
.ibanner .bd .tempWrap{ margin:0 auto;}
.ibanner .bd ul,
.ibanner .bd ul li{ width:100% !important;}
.ibanner .bd ul li a{ display:block; height:646px; background-size:cover !important; overflow:hidden; position:relative;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:38px;}
.ibanner .hd ul{ display:block; height:12px; text-align:center; overflow:hidden;}
.ibanner .hd ul li{ display:inline-block; vertical-align:top; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 12px; cursor:pointer; transition:all ease-in-out 0.4s;}
.ibanner .hd ul li.on{ background:#ffbc09;}

.main{ display:block; width:auto;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:80vw; 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:3.5em 0 3.5em;}
.ibox h2.title em{ display:block; line-height:1; color:#333; font-size:2.375em;}
.ibox h2.title span{ display:block; line-height:1; color:#1b48c8; text-transform:uppercase; padding:2em 0 0;}
.ibox h2.title span::before,
.ibox h2.title span::after{ content:''; display:inline-block; vertical-align:top; width:8em; height:1px; margin:0.5em 1.375em 0;}
.ibox h2.title span::before{ background:linear-gradient(to right, rgba(0,0,0,0), #1b48c8);}
.ibox h2.title span::after{ background:linear-gradient(to right, #1b48c8, rgba(0,0,0,0));}
.ibox a.more{ display:block; width:12em; font-size:15px; text-align:center; overflow:hidden; border-radius:1.333333em; margin:4.35em auto; clear:both;}
.ibox a.more em{ display:block; line-height:2.666666; color:#1b48c8; overflow:hidden; background:#f3f6fc; transition:all ease 0.5s;}
.ibox a.more:hover em{ color:#fff; background:#1b48c8;}

.box1{ background:url(../images/icons/bg1.jpg) center no-repeat; background-size:cover; padding:0 0 78px;}
.box1 .product{ width:108vw; text-align:center; margin:0 -4vw; position:relative;}
.box1 .product .swiper-slide{ display:block; height:100%; position:relative;}
.box1 .product .swiper-slide a{ display:block; font-size:16px; text-align:center; background:#dde4f7; overflow:hidden; position:relative;}
.box1 .product .swiper-slide a em{ display:block; overflow:hidden;}
.box1 .product .swiper-slide a img{ display:block; width:100%; object-fit:cover; transition:all ease 0.5s;}
.box1 .product .swiper-slide a span{ display:block; line-height:3.666666; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1em; transition:all ease 0.5s;}
.box1 .product .swiper-slide a:hover img{ transform:scale(1.12);}
.box1 .product .swiper-slide a:hover span{ color:#fff; background:#1b48c8;}
.box1 .product .swiper-button-prev,
.box1 .product .swiper-button-next{ display:inline-block; vertical-align:top; width:56px; height:56px; background-size:contain; position:static; margin:48px 7px 0;}
.box1 .product .swiper-button-prev{ background:#b2b2b2 url(../images/icons/prev1.png) center no-repeat;}
.box1 .product .swiper-button-next{ background:#b2b2b2 url(../images/icons/next1.png) center no-repeat;}
.box1 .product .swiper-button-prev:hover,
.box1 .product .swiper-button-next:hover{ background-color:#1b48c8;}

.box2{ padding:0 0 78px;}
.box2 .solution{ position:relative; padding:0 96px;}
.box2 .solution .swiper-slide{ display:block; width:33.333333333333%; height:100%; position:relative;}
.box2 .solution .swiper-slide::before,
.box2 .solution .swiper-slide::after{ content:''; display:block; overflow:hidden; clear:both;}
.box2 .solution .swiper-slide a{ display:block; font-size:9.28px; text-align:center; background:#000; overflow:hidden; margin:22% 0; position:relative; transition:all ease 0.5s;}
.box2 .solution .swiper-slide a em{ display:block; overflow:hidden;}
.box2 .solution .swiper-slide a img{ display:block; width:100.1%; object-fit:cover; opacity:0.6; transition:all ease 0.5s;}
.box2 .solution .swiper-slide a span{ display:block; width:100%; line-height:3.5; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(27,72,200,0.7); padding:0 1em; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.5s; opacity:0;}
.box2 .solution .swiper-slide.swiper-slide-active,
.box2 .solution .swiper-slide.swiper-slide-duplicate-active{ z-index:5;}
.box2 .solution .swiper-slide.swiper-slide-active a,
.box2 .solution .swiper-slide.swiper-slide-duplicate-active a{ transform:scale(1.7238);}
.box2 .solution .swiper-slide.swiper-slide-active a img,
.box2 .solution .swiper-slide.swiper-slide-duplicate-active a img{ opacity:1;}
.box2 .solution .swiper-slide.swiper-slide-active a span,
.box2 .solution .swiper-slide.swiper-slide-duplicate-active a span{ opacity:1;}
.box2 .solution .swiper-button-prev,
.box2 .solution .swiper-button-next{ width:56px; height:56px; background-size:contain;}
.box2 .solution .swiper-button-prev{ background:#b2b2b2 url(../images/icons/prev1.png) center no-repeat; left:0;}
.box2 .solution .swiper-button-next{ background:#b2b2b2 url(../images/icons/next1.png) center no-repeat; right:0;}
.box2 .solution .swiper-button-prev:hover,
.box2 .solution .swiper-button-next:hover{ background-color:#1b48c8;}

.box3{ padding:78px 0; background:url(../images/icons/bg3.jpg) center no-repeat; background-size:cover;}
.box3 .con{ display:flex; align-items:center;}
.box3 .l{ overflow:hidden;}
.box3 h2.title{ text-align:left; padding-top:0;}
.box3 h2.title em{ color:#fff;}
.box3 h2.title span{ color:#fff; padding:0 0 1.5em;}
.box3 h2.title span::before,
.box3 h2.title span::after{ display:none;}
.box3 .txt{ line-height:2.4; color:#fff; font-size:15px; overflow:hidden;}
.box3 a.view{ line-height:2.4; color:#ffbc09; font-size:15px; float:left; margin:3em 0 0;}
.box3 a.view:hover{ color:#fff; text-decoration:underline;}
.box3 ul.r{ display:flex; flex-wrap:wrap; flex-shrink:0; width:50%; max-width:542px; overflow:hidden; border:1px solid rgba(255,255,255,0.2); border-width:1px 0 0 1px; margin-left:7.25%;}
.box3 ul.r li{ display:flex; width:50%; float:left;}
.box3 ul.r li a{ display:flex; flex:auto; flex-direction:column; justify-content:center; line-height:1; color:#fff; font-size:16px; padding:2em 0; text-align:center; border:1px solid rgba(255,255,255,0.2); border-width:0 1px 1px 0; transition:all ease 0.5s;}
.box3 ul.r li a:hover{ background:rgba(255,255,255,0.1); background-clip:padding-box;}
.box3 ul.r li a img{ display:block; height:3.25em; margin:0 auto 1.25em;}
.box3 ul.r li a em{ display:block; font-size:1.25em;}
.box3 ul.r li a span{ display:block; font-size:0.75em; text-transform:uppercase; opacity:0.5; padding:1em 0 0;}

.box4{}
.box4 .case{ position:relative; padding:0 96px;}
.box4 .case .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box4 .case .swiper-slide a{ display:block; font-size:16px; text-align:center; overflow:hidden; border:1px solid #eee; position:relative; transition:all ease 0.5s;}
.box4 .case .swiper-slide a em{ display:block; overflow:hidden; margin:0.75em;}
.box4 .case .swiper-slide a img{ display:block; width:100%; object-fit:cover; transition:all ease 0.5s;}
.box4 .case .swiper-slide a span{ display:block; line-height:4; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1em; border-top:1px solid #eee; transition:all ease 0.5s;}
.box4 .case .swiper-slide a:hover{ border-color:#1b48c8;}
.box4 .case .swiper-slide a:hover img{ transform:scale(1.12);}
.box4 .case .swiper-slide a:hover span{ color:#fff; background:#1b48c8; border-color:#1b48c8;}
.box4 .case .swiper-button-prev,
.box4 .case .swiper-button-next{ width:56px; height:56px; background-size:contain;}
.box4 .case .swiper-button-prev{ background:#b2b2b2 url(../images/icons/prev1.png) center no-repeat; left:0;}
.box4 .case .swiper-button-next{ background:#b2b2b2 url(../images/icons/next1.png) center no-repeat; right:0;}
.box4 .case .swiper-button-prev:hover,
.box4 .case .swiper-button-next:hover{ background-color:#1b48c8;}

.box5{ background:url(../images/icons/bg5.jpg) center no-repeat; background-size:cover;}
.box5 ul{ display:block; overflow:hidden; margin:-28px 0 0;}
.box5 ul li{ display:block; width:calc(50% - 21px); background:#fff; padding:12px; padding-right:24px; border:1px solid #eee; overflow:hidden; box-sizing:border-box; float:left; margin:28px 0 0; transition:all ease 0.5s;}
.box5 ul li:nth-child(even){ margin-left:42px;}
.box5 ul li a.pic{ display:block; position:relative; overflow:hidden; float:left; margin-right:24px;}
.box5 ul li a.pic img{ display:block; width:256px; height:172px; object-fit:cover; transition:all ease 0.5s;}
.box5 ul li a.title{ display:block; height:3.25em; line-height:1.625; color:#333; font-size:16px; font-weight:bold; text-align:justify; margin:0.75em 0 0; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box5 ul li span{ display:block; line-height:3.625; color:#999; font-size:14px; overflow:hidden;}
.box5 ul li .txt{ line-height:1.75; color:#999; font-size:14px; text-align:justify;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box5 ul li:hover{ background:#f3f6fc; border-color:#1b48c8;}
.box5 ul li:hover a.pic img{ transform:scale(1.12);}
.box5 ul li:hover a.title{ color:#1b48c8;}
.box5 a.more em{ background:#edeff6;}




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

}

@media only screen and (max-width:768px){
.header{ position:relative;}
.ibanner,
.ibanner .bd ul li a{ height:46vw;}
.ibanner .hd{ bottom:16px;}
.ibanner .hd ul{ height:6px;}
.ibanner .hd ul li{ width:6px; height:6px; border-radius:3px; margin:0 3px;}
.ibanner .hd ul li.on{ width:32px;}

.ibox .con{ width:auto; margin:0 12px;}
.ibox h2.title{ font-size:12px; padding:2.25em 0 2em !important;}
.ibox h2.title em{ font-size:2.175em;}
.ibox h2.title span{ padding:1.2em 0 0;}
.ibox a.more{ margin:2em auto; font-size:13px;}

.box1{ padding:0 0 30px;}
.box1 .product{ width:auto; margin:0 8%;}
.box1 .product .swiper-slide a{ font-size:14px;}
.box1 .product .swiper-slide a span{ font-size:1em;}
.box1 .product .swiper-button-prev,
.box1 .product .swiper-button-next{ width:36px; height:36px; background-size:contain !important; margin-top:28px;}

.box2{ padding:0 0 30px;}
.box2 .solution{ padding:0; margin:0 8%; text-align:center;}
.box2 .solution .swiper-slide a{ margin:0; font-size:14px;}
.box2 .solution .swiper-slide.swiper-slide-active a,
.box2 .solution .swiper-slide.swiper-slide-duplicate-active a{ transform:scale(1);}
.box2 .solution .swiper-button-prev,
.box2 .solution .swiper-button-next{ display:inline-block; vertical-align:top; width:36px; height:36px; background-size:contain !important; margin-top:28px; position:static; margin:28px 7px 0;}

.box3{ padding:12px 0 36px;}
.box3 .con{ display:block;}
.box3 h2.title span{ padding:0 0 1.2em;}
.box3 .txt{ line-height:2.15; font-size:14px;}
.box3 a.view{ line-height:2.15; font-size:14px; margin:1.5em 0 1.5em;}
.box3 ul.r{ width:auto; margin:0;}
.box3 ul.r li a{ padding:1.5em 0;}
.box3 ul.r li a em{ font-size:1.05em; margin:-4px 0 4px;}
.box3 ul.r li a img{ height:2.25em;}

.box4 .case{ padding:0 48px;}
.box4 .case .swiper-slide a{ font-size:14px;}
.box4 .case .swiper-button-prev,
.box4 .case .swiper-button-next{ width:36px; height:36px; background-size:contain !important;}

.box5 ul{ margin:-16px 0 0;}
.box5 ul li{ width:100%; margin:12px 0 0 !important; padding:10px;}
.box5 ul li a.pic{ margin-right:16px;}
.box5 ul li a.pic img{ width:128px; height:86px;}
.box5 ul li a.title{ font-size:15px; margin:0.25em 0; text-align:left;}
.box5 ul li span{ font-size:13px; line-height:1.5; padding:0.4em 0 0;}
.box5 ul li .txt{ display:none;}


}





/**/