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

.header h1.logo a img{ filter:brightness(0) invert(1);}

.ibanner{ width:100vw; 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 .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1; transition:1.5s linear 2.5s; transform:scale(1.1,1.1);}
.ibanner .swiper-slide .txt{ width:83.2vw; min-width:1200px; color:#fff; font-size:32px; text-shadow:1px 2px 2px rgba(6,25,59,0.6); position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%); opacity:0;}
.ibanner .swiper-slide .txt h5{ line-height:1; font-size:2em; padding/:0 0 0.4em; transition:all ease 1s; transform:translateY(-100%); opacity:0; transition-delay:0.1s; animation-fill-mode:both;}
.ibanner .swiper-slide .txt h4{ line-height:1; font-size:2.15em; white-space:nowrap; padding/:0 0 0.5em; padding:0.375em 0 0; transition:all ease 1s; transform:translateY(100%); opacity:0; transition-delay:0.2s; animation-fill-mode:both;}
.ibanner .swiper-slide .txt p{ display:inline-block; vertical-align:top; line-height:1.6; padding:0.3em; margin:1.075em 0 0; background-image:linear-gradient(to right, rgba(255,255,255,0.14), rgba(255,255,255,0)); border-radius:1.1em; transition:all ease 1s; transform:translateY(100%); opacity:0; transition-delay:0.4s; animation-fill-mode:both;}
.ibanner .swiper-slide .txt p span{ display:block; padding:0 0.625em; background-image:linear-gradient(to right, rgba(255,255,255,0.4), rgba(255,255,255,0)); border-radius:0.8em;}
.ibanner .swiper-slide-active .bg,
.ibanner .swiper-slide-duplicate-active .bg{ transition:7s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .txt,
.ibanner .swiper-slide-duplicate-active .txt{ opacity:1;}
.ibanner .swiper-slide-active .txt h5,
.ibanner .swiper-slide-duplicate-active .txt h5{ transform:translateY(0); opacity:1;}
.ibanner .swiper-slide-active .txt h4,
.ibanner .swiper-slide-duplicate-active .txt h4{ transform:translateY(0); opacity:1;}
.ibanner .swiper-slide-active .txt p,
.ibanner .swiper-slide-duplicate-active .txt p{ transform:translateY(0); opacity:1;}
.ibanner .swiper-pagination{ height:12px; bottom:3.5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:6px; opacity:1; margin:0 12px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ width:52px; 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%;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:83.2vw; 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:36px; text-align:center; padding:1.75em 0 1.25em;}
.ibox h2.title em{ display:block; line-height:1; color:#333; position:relative; margin:-0.65em 0 0;}
.ibox h2.title span{ display:block; line-height:1; color:#0c5ab3; font-size:1.25em; text-transform:uppercase; opacity:0.2;}
.ibox h2.title i{ display:block; width:0.75em; height:2px; background:#0b469e; border-left:0.75em solid #00a2e9; margin:0.5em auto 0;}
.ibox a.more{ display:block; width:9.7em; line-height:2.72; color:#0b469e; font-size:14px; text-align:center; overflow:hidden; border:1px solid #0b469e; border-radius:2.86em; margin:0 auto;}
.ibox a.more img{ display:inline-block; height:2.72em; vertical-align:top; margin-left:0.5em;}
.ibox a.more:hover{ color:#fff; background:#0b469e;}
.ibox a.more:hover img{ filter:brightness(0) invert(1);}

.box1{ background:url(../images/icons/bg1.jpg) center no-repeat; background-size:cover;}
.box1 .abpic{ display:block; max-width:44%; float:right; margin-left:7%; position:relative;}
.box1 .abpic::after{ content:''; display:block; width:100%; height:44%; background:#0b469e; opacity:0.3; position:absolute; left:-9%; bottom:0; z-index:1;}
.box1 .abpic i{ display:block; overflow:hidden;}
.box1 .abpic img{ display:block; width:694px; max-width:100%; position:relative; z-index:3; transition:all ease 0.4s;}
.box1 .abpic:hover img{ transform:scale(1.1);}
.box1 h4{ display:block; line-height:3.5; color:#0b469e; font-size:24px; overflow:hidden; padding:1.4em 0 0;}
.box1 .txt{ line-height:2.375; color:#444; font-size:16px; text-align:justify; overflow:hidden;}
.box1 a.more{ overflow:hidden; margin:3em 0 0;}

.box2{ z-index:5;}
.box2 ul{ display:block; overflow:hidden; font-size:16px;}
.box2 ul li{ display:block; width:33.33%; color:#fff; text-align:center; text-shadow:1px 2px 6px rgba(3,38,73,0.5); float:left; transition:all ease 0.4s;}
.box2 ul li a{ display:block; overflow:hidden; position:relative;}
.box2 ul li a img.pic{ display:block; width:100%; transition:all ease 0.4s;}
.box2 ul li a .box{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all ease 0.4s;}
.box2 ul li a .box::after{ content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to right, #3ad1fc, #1f58ea); position:absolute; left:0; top:0; z-index:1; opacity:0.4; transition:all ease 0.4s;}
.box2 ul li a img.ico{ display:block; height:6.875em; position:relative; z-index:3; transition:all ease 0.4s;}
.box2 ul li a span{ display:block; line-height:1; font-size:1.875em; font-weight:bold; padding:1em 0 0; position:relative; z-index:3; transition:all ease 0.4s;}
.box2 ul li a span i{ display:none; width:8px; height:8px; background:#fff; background-clip:content-box; padding:4px; border-radius:50%; position:relative; margin:1.5em auto 1em;}
.box2 ul li a span i::before,
.box2 ul li a span i::after{ content:''; display:block; width:4.5em; height:1px; background:#fff; position:absolute; top:50%; margin-top:-0.5px;}
.box2 ul li a span i::before{ right:100%;}
.box2 ul li a span i::after{ left:100%;}
.box2 ul li a em{ display:block; width:9.7em; line-height:2; font-size:1.5em; border:1px solid #fff; border-radius:1.05em; margin:2.7em 0 0; position:relative; z-index:3; transition:all ease 0.4s;}
.box2 ul li a em:hover{ color:#0b469e; background:#fff; text-shadow:none;}
.box2 ul li a p{ display:none; line-height:2; position:relative; z-index:3; transition:all ease 0.4s;}
.box2 ul li a p b{ display:block; font-size:1.25em; padding:0.4em 0 0;}
.box2 ul li a p i{ display:block; width:1px; height:1.25em; background:#fff; margin:0 auto;}
.box2 ul li a:hover img.pic{ transform:scale(1.1);}
.box2 ul li a:hover .box::after{ opacity:0.9;}
.box2 ul li a:hover span i,
.box2 ul li a:hover p{ display:block;}

.box3{ background:url(../images/icons/bg3.jpg) center no-repeat; background-size:cover; padding:0 0 60px;}
.box3 .news{ padding:90px 13px 13px; margin:0 -13px -13px;}
.box3 .news > .swiper-pagination{ height:50px; bottom:auto; top:0;}
.box3 .news > .swiper-pagination .swiper-pagination-bullet{ width:9em; height:2.66em; line-height:2.66; color:#0b469e; font-size:18px; font-weight:bold; text-align:center; background:#fff; border:1px solid #0b469e; border-radius:10px; opacity:1; margin:0 12px;}
.box3 .news > .swiper-pagination .swiper-pagination-bullet-active{ color:#fff; background:#0b469e;}

.box3 .inner{ opacity:0 !important; z-index:1;}
.box3 .inner.swiper-slide-active{ opacity:1 !important; z-index:9;}
.box3 .inner::before,
.box3 .inner::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .inner .swiper-container{ width:47%; background:#fff; box-shadow:0 0 13px rgba(32,32,32,0.1); float:left; overflow:hidden; border-radius:12px; margin:0 0 22px;}
.box3 .inner .swiper-slide a.pic{ display:block; overflow:hidden;}
.box3 .inner .swiper-slide a.pic img{ display:block; width:100%; height:400px; object-fit:cover; transition:all ease 0.4s;}
.box3 .inner .swiper-slide a.pic:hover img{ transform:scale(1.05);}
.box3 .inner .swiper-slide span{ display:block; width:78px; height:78px; line-height:1; color:#fff; font-size:13px; text-align:center; background:#0b469e; border-radius:5px; position:absolute; left:0; top:0; z-index:3; margin:24px;}
.box3 .inner .swiper-slide span em{ display:block; font-size:30px; font-weight:bold; padding:10px 0 8px;}
.box3 .inner .swiper-slide a.title{ display:block; height:3em; line-height:1.5; color:#333; font-size:22px; font-weight:bold; margin:1.5em 5% 0; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner .swiper-slide a.title:hover{ color:#0b469e;}
.box3 .inner .swiper-slide .txt{ display:block; height:56px; line-height:28px; color:#999; font-size:15px; margin:1em 5% 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.view{ display:block; line-height:1; color:#ccc; font-size:16px; float:right; margin:1em 5% 2em; transition:all ease 0.4s;}
.box3 .inner .swiper-slide a.view::after{ content:''; display:inline-block; vertical-align:top; width:1em; height:1em; background:url(../images/icons/view.png) center no-repeat; background-size:contain; transition:all ease 0.4s; filter:brightness(0) invert(0.85); margin-left:0.5em;}
.box3 .inner .swiper-slide a.view:hover{ color:#0b469e;}
.box3 .inner .swiper-slide a.view:hover::after{ filter:brightness(1) invert(0);}
.box3 .inner .swiper-pagination{ height:12px; bottom:3.5%;}
.box3 .inner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:6px; opacity:1; margin:0 12px !important; vertical-align:top; transition:all ease 0.4s;}
.box3 .inner .swiper-pagination-bullet-active{ width:52px; opacity:1;}
.box3 .inner .swiper-button-prev,
.box3 .inner .swiper-button-next{ width:60px; height:60px; background-size:100% 200% !important; top:220px; margin-top:-30px;}
.box3 .inner .swiper-button-prev{ background:url(../images/icons/prev3.png) center top no-repeat; left:12px;}
.box3 .inner .swiper-button-next{ background:url(../images/icons/next3.png) center top no-repeat; right:12px;}
.box3 .inner .swiper-button-prev:hover,
.box3 .inner .swiper-button-next:hover{ background-position:center bottom;}

.box3 .inner dl{ display:block; width:50%; float:right;}
.box3 .inner dl::before,
.box3 .inner dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .inner dl dd{ display:block; background:#fff; padding:29px 0; overflow:hidden; border-radius:12px; box-shadow:0 0 13px rgba(32,32,32,0.1); margin:0 0 22px;}
.box3 .inner dl dd span{ display:block; width:114px; height:58px; line-height:1; color:#0b469e; font-size:13px; text-align:center; overflow:hidden; border-right:1px solid #e2e2e2; float:left; margin:13px 0; margin-right:40px; transition:all ease 0.4s;}
.box3 .inner dl dd span em{ display:block; font-size:28px; font-weight:bold; padding:4px 0 6px;}
.box3 .inner dl dd a.title{ display:block; height:26px; line-height:26px; color:#333; font-weight:bold; font-size:17px; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box3 .inner dl dd:hover a.title{ color:#0b469e;}
.box3 .inner dl dd .txt{ display:block; height:44px; line-height:22px; color:#999; font-size:14px; padding:1em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner dl dd a.view{ display:flex; justify-content:center; align-items:center; width:100px; height:84px; float:right; transition:all ease 0.4s; filter:brightness(0) invert(0.5);}
.box3 .inner dl dd:hover a.view{ filter:brightness(1) invert(0);}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.box4 h2.title span{ color:#fff;}
.box4 h2.title em{ color:#fff;}
.box4 h2.title i{ background:#fff;}
.box4 .coop{ position:relative; padding:0 80px;}
.box4 .coop .swiper-slide{ display:block; height:100%; position:relative;}
.box4 .coop .swiper-slide a{ display:block;}
.box4 .coop .swiper-slide a img{ display:block; width:120%; margin:0 -10%; filter:brightness(0) invert(1); transition:all ease 0.4s;}
.box4 .coop .swiper-slide a:hover img{ transform:scale(1.05);}
.box4 .coop .swiper-button-prev,
.box4 .coop .swiper-button-next{ width:48px; height:48px; background-size:100% 100% !important; filter:brightness(1) invert(0);}
.box4 .coop .swiper-button-prev{ background:url(../images/icons/prev4.png) center no-repeat; left:0;}
.box4 .coop .swiper-button-next{ background:url(../images/icons/next4.png) center no-repeat; right:0;}
.box4 .coop .swiper-button-prev:hover,
.box4 .coop .swiper-button-next:hover{ filter:brightness(0) invert(1);}



@media only screen and (max-width:1820px){
.ibanner .swiper-slide .txt{ font-size:24px;}
}

@media only screen and (max-width:1440px){
.ibanner .swiper-slide .txt,
.ibox .con{ width:1200px;}

.ibox h2.title{ font-size:32px;}

.box2 ul{ font-size:14px;}

}

@media only screen and (max-width:768px){
.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 24px); min-width:0;}

.ibanner,
.ibanner .bd ul li a{ height:70vw;}
.ibanner .swiper-slide .txt{ font-size:10px; top:56%;}
.ibanner .swiper-slide .txt p{ font-size:1.2em;}
.ibanner .swiper-slide-duplicate-active .txt{ opacity:1;}

.ibanner .swiper-slide .txt h4{ line-height:1.5; white-space:normal; margin-bottom:-0.25em;}
.ibanner .swiper-slide .txt h5,
.ibanner .swiper-slide .txt h5{ transform:translateY(0); opacity:1;}
.ibanner .swiper-slide .txt h4,
.ibanner .swiper-slide .txt h4{ transform:translateY(0); opacity:1;}
.ibanner .swiper-slide .txt p,
.ibanner .swiper-slide .txt p{ transform:translateY(0); opacity:1;}

.ibanner .swiper-pagination{ height:8px; bottom:16px;}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; border-radius:4px; margin:0 4px !important;}
.ibanner .swiper-pagination-bullet-active{ width:32px;}

.ibox h2.title{ font-size:22px;}
.ibox a.more{ font-size:12px;}

.box1 .abpic{ float:none; margin:0; max-width:none;}
.box1 h4{ font-size:16px; line-height:2;}
.box1 .txt{ font-size:14px;}
.box1 a.more{ margin:2em auto;}

.box2 ul{ font-size:12px; padding:12px 12px 30px;}
.box2 ul li{ width:100%; margin:0 0 12px;}
.box2 ul li a img.pic{ height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.box2 ul li a img.ico{ height:4em;}
.box2 ul li a .box{ position:relative; padding:2.75em 0 3em;}
.box2 ul li a span{ padding:0.625em 0 0; font-size:1.5em;}
.box2 ul li a span i,
.box2 ul li a p{ display:block !important; margin:0.7em auto 0em;}
.box2 ul li a em{ margin-top:1.5em; width:8em; display:block; font-size:1.2em;}
.box2 ul li a .box::after{ opacity:0.4 !important;}

.box3{ padding:0 0 40px;}
.box3 .news > .swiper-pagination .swiper-pagination-bullet{ font-size:13px; margin:0 6px; width:7em;}
.box3 .news{ padding-top:60px;}
.box3 .inner .swiper-container{ width:auto; float:none; margin:0;}
.box3 .inner .swiper-slide a.pic img{ height:auto;}
.box3 .inner .swiper-slide span{ transform:scale(0.8); margin:4px;}
.box3 .inner .swiper-slide a.title{ font-size:16px; height:1.5em; -webkit-line-clamp:1;}
.box3 .inner .swiper-slide .txt{ font-size:13px;}
.box3 .inner .swiper-slide a.view{ font-size:14px;}
.box3 .inner .swiper-button-prev,
.box3 .inner .swiper-button-next{ display:none;}
.box3 .inner dl{ width:auto; float:none;}
.box3 .inner dl dd{ padding:12px 0; margin:12px 0 0;}
.box3 .inner dl dd span{ width:76px; font-size:12px; margin:0 16px 0 0;}
.box3 .inner dl dd span em{ font-size:20px; padding-top:9px;}
.box3 .inner dl dd a.view{ width:20px; height:58px;}
.box3 .inner dl dd a.view img{ display:none;}
.box3 .inner dl dd a.title{ height:52px; -webkit-line-clamp:2; font-size:14px; margin:3px 0 0;}
.box3 .inner dl dd .txt{ display:none;}

.box4{ padding:0 0 40px;}
.box4 .coop{ padding:0 30px;}
.box4 .coop .swiper-button-prev,
.box4 .coop .swiper-button-next{ width:28px; height:28px; margin-top:-14px;}




}





/**/