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

.ibanner{ width:100vw; height:640px; 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; background-size:cover !important; background-attachment/:fixed !important; overflow:hidden; position:relative;}
.ibanner .swiper-slide .bg{ width:100%; height:40%; background-image:linear-gradient(#004097, rgba(0,64,151,0)); position:absolute; left:0; top:0; z-index:2; opacity:0.55;}
.ibanner .swiper-slide .txt{ display:none; width:1280px; 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:1280px; 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 1.75em;}
.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:#004097; margin:0.3333em auto 0;}
.ibox a.more{ display:block; width:9.7em; line-height:2.72; color:#004097; font-size:14px; text-align:center; overflow:hidden; border:1px solid #004097; 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:#004097;}
.ibox a.more:hover img{ filter:brightness(0) invert(1);}

.box1{ padding:0 0 120px;}
.box1 .abpic{ display:block; max-width:48%; float:right; margin-left:6.5%; position:relative; padding:30px 0 0;}
.box1 .abpic::after{ content:''; display:block; width:calc(100% + 30px); 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:30px -30px 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:#004097; font-size:24px; overflow:hidden; margin-top:-1em;}
.box1 .txt{ line-height:2.375; color:#444; font-size:16px; text-align:justify; overflow:hidden;}






@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:64vw;}
.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; margin:0;}
.box1 .txt{ font-size:14px; height:14.25em; height:auto; line-height:2;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
	-webkit-line-clamp:999;
}
.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;}





}





/**/