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

.ibanner{ width:100vw; height:716px; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#000; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box::before{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.ibanner .swiper-slide video{ display:block; width:100%; height:100%; background:#000; object-fit:cover;}
.ibanner .swiper-slide .bg{ width:100vw; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:2; transition:1s linear 2s; transform:scale(1.1,1.1);}
.ibanner .swiper-slide .txt{ display:none; width:1290px; color:#fff; font-size:16px; position:absolute; left:50%; top:52%; z-index:3; opacity:0; transform:translate(-50%,5%);}
.ibanner .swiper-slide .txt h4{ line-height:1; font-size:3em;}
.ibanner .swiper-slide .txt p{ line-height:1; font-size:0.875em; font-family:Arial; padding:1.5em 0 6em;}
.ibanner .swiper-slide .txt a.view{ display:block; width:3em; line-height:3; color:#fff; font-size:1.375em; text-align:center; border:1px solid #fff; transition:all ease 0.4s;}
.ibanner .swiper-slide .txt a.view:hover{ color:#01479d; background:#fff;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 0.8s; transition-delay:0.5s; opacity:1; transform:translate(-50%,-50%);}
.ibanner .swiper-pagination{ height:6px; bottom:4.5%;}
.ibanner .swiper-pagination-bullet{ width:32px; height:6px; background:#fff; border-radius:0; opacity:1; margin:0 6px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ background:#4ab4e6; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:36px; height:124px; margin-top:-62px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.8%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.8%;}

ul.solution{ display:flex; justify-content:space-between; width:1290px; font-size:16px; padding:70px 0 0; position:absolute; left:50%; bottom:50%; transform:translate(-50%,50%); z-index:9;}
ul.solution li{ display:block; width:23%; flex-shrink:0;}
ul.solution li a{ display:block; color:#fff; text-align:center; overflow:hidden; background:linear-gradient(rgba(0,71,157,0), rgba(0,71,157,0.7)); padding:2em 0 2em; padding:2.25em 0 1.75em; border:1px solid rgba(255,255,255,0.8); border-radius:1em; position:relative; transition:all ease 0.4s;}
ul.solution li a::before{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.24)); position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s;}
ul.solution li a::after{ content:''; display:block; width:100%; height:100%; background:linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)); position:absolute; left:0; top:0; z-index:2; transition:all ease 0.4s; opacity:0;}
ul.solution li a i{ display:block; position:relative; z-index:3;}
ul.solution li a i img{ display:block; height:3em; margin:0 auto; transition:all ease 0.4s;}
ul.solution li a i img.h{ position:absolute; left:50%; top:0; transform:translate(-50%,0); z-index:2; opacity:0;}
ul.solution li a em{ display:block; line-height:1.5; font-size:1.125em; font-weight:bold; padding:1.25em 0 0.5em; position:relative; z-index:3;}
ul.solution li a p{ display:none; line-height:1.5; color:#fff; padding:0 1em; transition:all ease 0.4s; position:relative; z-index:3;}
ul.solution li a:hover{ color:#01479d;}
ul.solution li a:hover::before{ opacity:0;}
ul.solution li a:hover::after{ opacity:1;}
ul.solution li a:hover i img{ opacity:0;}
ul.solution li a:hover i img.h{ opacity:1;}
ul.solution li a:hover p{ color:#01479d; opacity:0.8;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1290px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:1; font-size:16px;}
.ibox h2.title em{ display:block; color:#dedede; font-size:3.75em; text-transform:uppercase;}
.ibox h2.title span{ display:block; line-height:1; color:#01479d; font-size:1.75em; padding:0.5em 0 0;}
.ibox h3.title{ display:block; line-height:2em; font-size:16px; overflow:hidden; padding:0.5em 0;}
.ibox h3.title em{ display:block; color:#333; font-size:1.5em; text-transform:uppercase; float:left;}
.ibox h3.title a{ display:block; color:#01479d; font-size:0.875em; font-weight:normal; float:right;}
.ibox a.more{ display:block; width:3em; line-height:3; color:#01479d; font-size:22px; text-align:center; border:1px solid #01479d; margin:2em 0 0; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#01479d;}

.box1{ background:#f9f9f9; padding:60px 0 70px;}
.box1 .con{ display:flex; justify-content:space-between; align-items:stretch;}
.box1 .con::before,
.box1 .con::after{ display:none;}
.box1 .box{ width:32%; flex-shrink:0; font-size:15px; box-sizing:border-box; padding:12px 24px 16px 20px; background:#fff; border:1px solid #eee; border-left:4px solid #4ab4e6; border-radius:0 1em 1em 0;}
.box1 .box:nth-child(1){ width:32%;}
.box1 .box:nth-child(2){ width:32%;}
.box1 .box:nth-child(3){ width:32%;}
.box1 .txt{ line-height:1.9375; color:#535353; overflow:hidden;}
.box1 ul.list{ display:block; font-size:15px;}
.box1 ul.list li{ display:block; padding:0.25em 0 0.3em;}
.box1 ul.list li:nth-child(n+10){ display:none;}
.box1 ul.list li a{ display:block; line-height:1.5; color:#535353; padding-left:1.5em; background:url(../images/icons/list.png) no-repeat; background-size:auto 1.5em;}

.box2{ padding:40px 0 70px;}
.box2 ul{ display:block; overflow:hidden; position:relative; margin:6px 0 0; border-top:1px solid #ddd;}
.box2 ul li{ display:block; padding:20px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.box2 ul li a.pic{ display:block; overflow:hidden; border-radius:4px; float:left; margin-right:24px;}
.box2 ul li a.pic img{ display:block; width:306px; height:160px; object-fit:cover; transition:all ease 0.4s;}
.box2 ul li a.pic:hover img{ transform:scale(1.05);}
.box2 ul li a.title{ display:block; line-height:2.5; color:#333; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.box2 ul li a.title:hover{ color:#01479d;}
.box2 ul li span{ display:block; line-height:1.5; color:#999; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 ul li .txt{ display:block; height:4.8em; line-height:1.6; color:#666; font-size:16px; overflow:hidden; padding:0.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}



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


}

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

ul.solution,
.ibox .con{ width:calc(100% - 30px);}

.ibanner{ height:96vw;}
.ibanner .swiper-pagination{ height:4px;}
.ibanner .swiper-pagination-bullet{ width:28px; height:4px;}

ul.solution{ flex-wrap:wrap; font-size:14px; padding:60px 0 0;}
ul.solution li{ width:48%; margin:0 0 4%;}
ul.solution li a{ padding:1em 0 1em; border-radius:0.5em;}
ul.solution li a i img{ height:2.5em;}
ul.solution li a em{ font-size:13px; white-space:nowrap; margin:0 auto; padding:1em 0 0;}



.ibox h2.title{ font-size:12px;}
.ibox h2.title em{ font-size:3em;}
.ibox h3.title{ font-size:14px;}
.ibox a.more{ width:2.5em; line-height:2.5; font-size:14px; padding:0 1px; margin:1.5em 0 0;}

.box1{ padding:24px 0 12px;}
.box1 .con{ display:block;}
.box1 .box{ width:auto !important; font-size:14px; margin:0 0 24px;}
.box1 .txt{ line-height:1.875;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:99;
}

.box1 ul.list li:nth-child(n+9){ display:block;}

.box2{ padding:20px 0 40px;}

.box2 ul{ display:block; font-size:13px;}
.box2 ul li{ padding:16px 0;}
.box2 ul li a.pic{ margin:0 16px 0 0;}
.box2 ul li a.pic img{ width:134px; height:80px;}
.box2 ul li span{ font-size:inherit; padding:0.625em 0 0;}
.box2 ul li a.title{ font-size:15px; line-height:1.625; height:3.25em; white-space:normal;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 ul li .txt{ display:none;}












}





/**/