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

.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%; background:#0080ff; overflow:hidden; position:relative;}
.ibanner .swiper-slide video{ display:block; min-width:100vw; min-height:100vh; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; opacity:0.9;}
.ibanner .swiper-slide .bg{ width:100%; height:50%; background-image:linear-gradient(#0e365f, rgba(254,252,255,0)); position:absolute; left:0; top:0; z-index:2; opacity:0.55;}
.ibanner .swiper-slide .txt{ width:83.2vw; min-width:1200px; color:#fff; font-size:64px; text-align:center; text-shadow:1px 2px 2px rgba(6,25,59,0.6); position:absolute; left:50%; top:46%; z-index:3; transform:translate(-50%,-50%);}
.ibanner .swiper-slide .txt h4{ line-height:1; font-size:1.045em;}
.ibanner .swiper-slide .txt p{ line-height:1; font-weight:normal; font-family:Arial; padding:0.72em 0 0;}

.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:2.25em 0 2em;}
.ibox h2.title em{ display:block; line-height:1; color:#333; position:relative; margin:-1em 0 0;}
.ibox h2.title span{ display:block; line-height:1; color:#0b469e; text-transform:uppercase; opacity:0.16; transform:scale(1.1666);}
.ibox h2.title i{ display:block; width:2em; height:2px; background:#0b469e; margin:0.3333em 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; padding:0 0 100px;}
.box1 .abpic{ display:block; max-width:40%; float:right; margin-left:6.5%; position:relative; padding:40px 0 0;}
.box1 .abpic::after{ content:''; display:block; width:104%; height:44%; background:#639cdb; opacity:0.35; position:absolute; right:0; bottom:-10%; z-index:1;}
.box1 .abpic i{ display:block; overflow:hidden; box-shadow:40px -40px 0 #639cdb;}
.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.25; color:#0b469e; font-size:24px; overflow:hidden;}
.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;}
.box1 ul.ab{ display:block; font-size:16px; padding:3em 0 0; overflow:hidden;}
.box1 ul.ab li{ display:block; width:33.33%; float:left;}
.box1 ul.ab li a{ display:block; line-height:1; color:#fff; text-align:center; background:#639cdb; padding:1.25em 0; border-radius:1.25em 0; transition:all ease 0.4s; margin:0 4em 0 0; box-shadow:0 0 7px 1px rgba(187,187,187,0.6);}
.box1 ul.ab li a img{ display:block; height:3em; margin:0 auto 1.5em; transition:all ease 0.4s;}
.box1 ul.ab li a:hover{ background:#0047ba;}
.box1 ul.ab li a:hover img{ transform:rotateY(180deg);}

.box2{ z-index:5;}
.box2 ul{ display:flex; font-size:16px; margin:0 -6px;}
.box2 ul li{ display:block; width:33.33%; box-sizing:border-box; overflow:hidden; position:relative; transition:all ease 0.4s;}
.box2 ul li.wap{ display:none;}
.box2 ul li .box{ display:block; height:862px; overflow:hidden; position:relative;}
.box2 ul li .bg{ display:block; width:100%; height:100%; background-size:auto 100% !important; transition:all ease 0.4s; opacity:1; position:relative;}
.box2 ul li .bg::after{ content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to right, #4760ff, #0dccff); position:absolute; left:0; top:0; opacity:0; transition:all ease 0.4s;}
.box2 ul li .txt{ width:100%; line-height:1; color:#fff; text-align:center; box-sizing:border-box; position:absolute; left:0; top:50%; transition:transform ease-in-out 0.4s; transform:translate(0,-50%);}
.box2 ul li .txt img.ico{ display:block; height:6.5em; margin:0 auto;}
.box2 ul li .txt b{ display:block; font-size:1.875em; padding:1.2em 0 0;}
.box2 ul li .txt em{ display:block; font-size:1.5em; font-weight:bold; text-transform:uppercase; overflow:hidden; padding:0.66em 0 0;}
.box2 ul li .txt i{ display:none; width:7.75em; height:2px; background:#fff; margin:1.125em 0 0;}
.box2 ul li .txt p{ display:none; height:5em; line-height:1.75; font-size:1.5em; padding:1.75em 0 0;}
.box2 ul li .txt p font{ display:block; width:calc(50% - 2em); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 2em 0 0; float:left;}
.box2 ul li .txt span{ display:none; width:7.5em; line-height:2.5; color:#fff; text-align:center; overflow:hidden; border:2px solid #fff; border-radius:1.375em; cursor:pointer; transition:all ease 0.4s; margin:2.5em 0 0;}
.box2 ul li .txt span:hover{ background:#0047ba; border-color:#0047ba;}

@media only screen and (min-width:769px){
.box2 ul li .txt i:hover{ color:#0f94d0; background:#fff;}
.box2 ul li .txt i:hover font{ transform:translateY(-50%);}
.box2 ul.on li{ width:25%;}
.box2 ul li.on{ width:50%;}
.box2 ul li.on .bg::after{ opacity:0.4;}
.box2 ul li.on img.ico{ margin-left:0;}
.box2 ul li.on .txt{ text-align:left; padding:0 16%;}
.box2 ul li.on .txt b{ font-size:2.25em;}
.box2 ul li.on .txt em{ font-size:1.875em;}
.box2 ul li.on .txt i{ display:block;}
.box2 ul li.on .txt p{ display:block;}
.box2 ul li.on .txt span{ display:block;}
}

.box3{ padding:0 0 100px;}
.box3 .news{ padding:120px 13px 13px; margin:-10px -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:1.33em; 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; transition:all ease 0.4s;}
.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 dl{ display:block; font-size:16px;}
.box3 .inner dl::before,
.box3 .inner dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .inner dl dt{ width:50%; background:#fff; border:2px solid #dbdbdb; box-sizing:border-box; box-shadow:1px 2px 12px 1px rgba(176,176,176,0.2); float:left; margin:0 24px 0 0; transition:all ease 0.4s;}
.box3 .inner dl dt::before,
.box3 .inner dl dt::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .inner dl dt:hover{ border-color:#0b469e;}
.box3 .inner dl dt a.pic{ display:block; overflow:hidden;}
.box3 .inner dl dt a.pic img{ display:block; width:100%; height:446px; object-fit:cover; transition:all ease 0.4s;}
.box3 .inner dl dt a.pic:hover img{ transform:scale(1.05);}
.box3 .inner dl dt span{ display:block; width:6em; height:6em; line-height:1; color:#fff; font-size:1.25em; text-align:center; background:#0b469e; position:absolute; left:0; top:0; z-index:3; margin:-1em 0 0 1em;}
.box3 .inner dl dt span em{ display:block; font-size:1.7em; font-weight:bold; padding:0.75em 0 0.5em;}
.box3 .inner dl dt a.title{ display:block; line-height:1.5; color:#333; font-size:1.375em; margin:1.25em 5% 0.95em; 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 dl dt a.title:hover{ color:#0b469e;}
.box3 .inner dl dt .txt{ display:block; height:3.5em; line-height:1.75; color:#999; margin:0 5%;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner dl dt a.view{ display:block; line-height:1; color:#ccc; float:right; margin:1.875em 5% 2em; transition:all ease 0.4s;}
.box3 .inner dl dt a.view::after{ content:''; display:inline-block; vertical-align:top; width:1em; height:1em; background:url(../images/icons/more.png) center no-repeat; background-size:100% auto; transition:all ease 0.4s; filter:brightness(0) invert(0.85); margin-left:0.5em;}
.box3 .inner dl dt a.view:hover{ color:#0b469e;}
.box3 .inner dl dt a.view:hover::after{ filter:brightness(1) invert(0);}
.box3 .inner dl dd{ display:block; background:#fff; padding:19px 2.75% 9px; overflow:hidden; border:2px solid #dbdbdb; box-shadow:1px 2px 12px 1px rgba(176,176,176,0.2); margin:0 0 24px; transition:all ease 0.4s;}
.box3 .inner dl dd:hover{ border-color:#0b469e;}
.box3 .inner dl dd a.title{ display:block; line-height:2.68; color:#333; font-size:1.375em; 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:3.5em; line-height:1.75; color:#999;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .inner dl dd span{ display:block; line-height:3.75; color:#ccc; float:left; transition:all ease 0.4s;}
.box3 .inner dl dd a.view{ display:flex; justify-content:center; align-items:center; width:2em; height:3.75em; 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);}



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

.ibanner .swiper-slide .txt{ width:1200px; font-size:60px;}

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

.box1 ul.ab{ clear:both; margin-left:4em;}

.box2 ul{ font-size:12px;}
.box2 ul li .box{ height:646px;}

.box3 .news{ padding-top:90px;}
.box3 .news > .swiper-pagination .swiper-pagination-bullet{ font-size:16px;}
.box3 .inner dl{ font-size:14px;}
.box3 .inner dl dt a.pic img{ height:410px;}


}

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

.ibanner,
.ibanner .bd ul li a{ height:70vw;}
.ibanner .swiper-slide .txt{ font-size:22px; top:56%;}

.ibox h2.title{ font-size:22px; padding:2em 0 1.5em;}
.ibox a.more{ font-size:12px;}

.box1{ padding:0 0 40px;}
.box1 .abpic{ float:none; margin:0; max-width:none; padding:0;}
.box1 .abpic::after{ display:none;}
.box1 .abpic i{ box-shadow:none;}
.box1 .abpic img{ height:200px; object-fit:cover;}
.box1 h4{ font-size:18px; line-height:2.5; padding:0.75em 0 0;}
.box1 .txt{ font-size:14px; height:14.25em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
}
.box1 a.more{ margin:1.75em 0 0;}
.box1 ul.ab{ margin:0 -6px; font-size:13px; padding:2.5em 0 0;}
.box1 ul.ab li a{ margin:0 6px; padding:1em 0 1em;}
.box1 ul.ab li a img{ height:2em; margin:0 auto 0.75em;}

.box2 ul li .box{ height:200px;}
.box2 ul li .bg::after{ opacity:0.2;}
.box2 ul li .txt img.ico{ height:3em; padding:1em 0 0;}
.box2 ul li .txt b{ font-size:1.375em; padding:0.75em 0 0.25em;}
.box2 ul li .txt em{ width:6em; font-size:inherit; margin:0 auto; line-height:1.25; font-weight:normal;}

.box3{ padding:0 0 40px;}
.box3 .news{ padding-top:60px; margin-top:-6px;}
.box3 .news > .swiper-pagination .swiper-pagination-bullet{ font-size:13px; width:7em; margin:0 4px;}
.box3 .inner dl{ font-size:13px;}
.box3 .inner dl dt{ width:auto; float:none; margin:0 0 12px; border-width:1px;}
.box3 .inner dl dt span{ font-size:inherit; margin:0; width:5.5em; height:5.5em;}
.box3 .inner dl dt span em{ padding:0.625em 0 0.45em;}
.box3 .inner dl dt a.pic img{ height:auto;}
.box3 .inner dl dt a.title{ font-size:1.155em;}
.box3 .inner dl dt a.view{ margin:1em 5% 1.57em;}
.box3 .inner dl dd{ margin:0 0 12px; border-width:1px; padding:8px 5% 2px;}
.box3 .inner dl dd a.title{ font-size:1.155em;}
.box3 .inner dl dd .txt{ margin-bottom:-4px;}




}





/**/