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

.wrap{ background:#fff;}

/* banner */
.ibanner{ height:660px; position:relative;}
.ibanner .waves{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.ibanner .waves canvas{ width:100% !important; height:100% !important; position:absolute; left:0; top:0;}
.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-size:cover !important; padding:0 8%; overflow:hidden; position:relative;}
.ibanner .swiper-pagination{ display:block; bottom:5.3%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:none; padding:5px; border:2px solid #fff; border-radius:50%; opacity:1; margin:0 6px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet::after{ content:''; display:block; width:100%; height:100%; background:#fff; border-radius:50%;}
.ibanner .swiper-pagination-bullet-active{ background:none; border-color:#00c3de; opacity:1;}
.ibanner .swiper-pagination-bullet-active::after{ background:#00c3de;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:70px; height:70px; background-size:contain !important; margin-top:-35px;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat;}

/*主体样式*/
.main{ background:#fff; padding:0; overflow:hidden; position:relative;}
.clear{ clear:both;}

.ibox{ position:relative;}
.ibox .con{ padding:0 8%;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2{ display:block; line-height:1; font-size:40px; font-weight:normal; overflow:hidden; position:relative; margin:5% 0 0;}
.ibox h2 em{ display:block; color:#233f76; padding:0.5em 0 0; position:relative; z-index:3;}
.ibox h2 span{ display:block; width:100%; line-height:1; color:#666; font-size:0.6em; text-transform:uppercase;}
.ibox h2 span::first-letter{ font-size:1.5em;}
.ibox a.more{ display:block; width:10em; line-height:2.5; color:#fff; font-size:14px; text-align:center; background:#00c3de; border-radius:5px; transition:all ease 0.4s; margin:3% 0 5%;}
.ibox a.more:hover{ background:#0f3a5a;}

.box1{ background:#f5f5f5;}
.box1 .bg{ width:50%; height:100%; background:url(../images/icons/about.jpg) center no-repeat; background-size:cover; position:absolute; right:0; top:0; overflow:hidden;}
.box1 .bg::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/about.jpg) center no-repeat; background-size:cover; position:absolute; right:0; top:0; transition:all ease 0.4s;}
.box1 .bg:hover::after{ transform:scale(1.06);}
.box1 .txt{ line-height:1.68; color:#233f76; font-size:18px; overflow:hidden; hyphens:auto; padding:1.68em 0 0; margin-right:54%;}
.box11 ul{ display:block; overflow:hidden; margin:6% 0 0;}
.box11 ul li{ display:block; width:33.33%; float:left;}
.box11 ul li a{ display:block; line-height:1; font-size:24px; text-align:center; padding:0 0 0.5em; border-right:1px dotted #bebebe; position:relative;}
.box11 ul li:first-child a{ border-left:1px dotted #bebebe;}
.box11 ul li a img{ display:block; height:2.5em; margin:0 auto; transition:all ease 0.4s;}
.box11 ul li a em{ display:block; color:#0f3a5a; padding:1em 0 0;}
.box11 ul li a span{ display:block; color:#999; font-size:0.875em; padding:1em 0 0;}
.box11 ul li a:hover img{ transform:rotateY(180deg);}

.box2 h2{ float:left; margin:0;}
.box2 .ywSlide{ font-size:16px; position:relative; margin:6% 0 6%;}
.box2 .ywSlide .hd{ overflow:hidden;}
.box2 .ywSlide .hd ul{ display:block; text-align:center; padding:0.5em 0 0; float:right;}
.box2 .ywSlide .hd ul li{ display:block; float:left;}
.box2 .ywSlide .hd ul li a{ display:block; width:10.675em; line-height:1; color:#9b9b9b; background:#e5e5e5; padding:1.375em 0; cursor:pointer; margin:0 0 0 10px;}
.box2 .ywSlide .hd ul li a em{ display:block; color:#666; font-size:1.375em; padding:0 0 0.3em;}
.box2 .ywSlide .hd ul li a i{ display:block; height:2em; margin:0 0 -0.6em; padding:0 0.5em;}
.box2 .ywSlide .hd ul li:nth-child(4) a i,
.box2 .ywSlide .hd ul li:nth-child(5) a i{ line-height:2;}
.box2 .ywSlide .hd ul li.on a{ color:#959eb5; background:#233f76;}
.box2 .ywSlide .hd ul li.on a em{ color:#fff;}
.box2 .ywSlide .bd{ position:relative; z-index:2; margin:5% 46px 0;}
.box2 .ywSlide .bd::after{ content:''; display:block; width:100vw; height:100%; background:#233f76; position:absolute; right:43%; top:0; z-index:1;}
.box2 .ywSlide .bd ul{ display:block; position:relative; z-index:9;}
.box2 .ywSlide .bd ul li{ display:block; position:relative;}
.box2 .ywSlide .bd ul li a.pic{ display:block; width:57%; overflow:hidden; margin-right:5%; float:left;}
.box2 .ywSlide .bd ul li a.pic img{ display:block; width:100%; height:506px; object-fit:cover; transition:all ease 0.4s;}
.box2 .ywSlide .bd ul li i{ display:block; width:4.25em; height:3px; background:#233f76; overflow:hidden; margin:1.5em 0 0.375em;}
.box2 .ywSlide .bd ul li a.title{ display:block; line-height:1.68; color:#233f76; font-size:2.25em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 .ywSlide .bd ul li .txt{ height:7.5em; line-height:1.875; color:#233f76; margin:2.25em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.box2 .ywSlide .bd ul li .txt:nth-child(4){ height:8.34em; line-height:1.66; font-size:1.125em; -webkit-line-clamp:5;}
.box2 .ywSlide .bd ul li a.more{ overflow:hidden; margin:3.5% 0;}
.box2 .ywSlide a.prev,
.box2 .ywSlide a.next{ display:block; width:28px; height:28px; position:absolute; top:50%; margin-top:-14px; z-index:5;}
.box2 .ywSlide a.prev{ background:url(../images/icons/prev1.png) left center no-repeat; left:-46px;}
.box2 .ywSlide a.next{ background:url(../images/icons/next1.png) right center no-repeat; right:-46px;}

.box3{ background:#f5f5f5;}
.box3 dl{ display:block; font-size:16px; overflow:hidden; margin:5% 0 -1%;}
.box3 dl dt{ display:block; width:48%; float:left; margin-right:4%;}
.box3 dl dt a.pic{ display:block; overflow:hidden;}
.box3 dl dt a.pic img{ display:block; width:100%; height:326px; transition:all ease 0.4s;}
.box3 dl dt a.title{ display:block; line-height:1.8; color:#233f76; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.box3 dl dt a.title:nth-child(2){ font-size:1.5em; margin:1em 0 0;}
.box3 dl dt:hover a.title{ color:#00c3de;}
.box3 dl dt .txt{ height:5.625em; line-height:1.875; color:#666; margin:1em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box3 dl dt a:hover img{ transform:scale(1.12);}
.box3 dl dt a:hover span{ background:rgba(0,195,222,0.6);}
.box3 dl dd{ display:block; overflow:hidden; padding:0 0 30px;}
.box3 dl dd a.pic{ display:block; overflow:hidden; float:left; margin-right:4%;}
.box3 dl dd a.pic img{ display:block; width:190px; height:108px; transition:all ease 0.4s;}
.box3 dl dd a.title{ display:block; line-height:1.68; color:#233f76; font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.box3 dl dd a.title:nth-child(2){ font-size:1.125em;}
.box3 dl dd:hover a.title{ color:#00c3de;}
.box3 dl dd .txt{ height:3em; line-height:1.5; color:#666; margin:0.4em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 dl dd a:hover img{ transform:scale(1.12);}
.box3 dl dd a:hover span{ background:rgba(0,195,222,0.6);}
.box3 a.more{ margin-bottom:6%;}

.box4 h2{ font-size:24px; text-align:center; padding:0.9em 0; margin:3% 2% 0 0; float:left;}
.box4 h2 em{ padding:0 0 0;}
.box4 h2 span{ color:#999; font-size:0.66em; padding:1em 0 0;}
.box4 h2 span::first-letter{ font-size:1em;}

.box4 .hz-swiper{ position:relative; overflow:hidden; margin:3% 0;}
.box4 .hz-swiper .swiper-container{ margin:0 30px;}
.box4 .hz-swiper .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.box4 .hz-swiper .swiper-slide a img{ display:block; max-width:100%; height:98px; object-fit:cover; transition:all ease 0.4s;}
.box4 .hz-swiper .swiper-slide a:hover img{}
.box4 .hz-swiper .swiper-button-prev,
.box4 .hz-swiper .swiper-button-next{ width:20px; height:20px; background:#fff center no-repeat; background-size:contain; margin-top:-10px;}
.box4 .hz-swiper .swiper-button-prev{ background-image:url(../images/icons/prev2.png); left:0;}
.box4 .hz-swiper .swiper-button-next{ background-image:url(../images/icons/next2.png); right:0;}


/*pc适配*/
@media only screen and (max-width:1440px){
.ibox .con{ width:1200px; padding:0; margin-left:auto; margin-right:auto;}
}

@media only screen and (max-width:1240px){
.ibanner{ height:55vw;}
.ibox .con{ width:auto; padding:0 20px;}
.box2 .ywSlide{ font-size:15px;}
.box2 .ywSlide .hd ul li a{ width:10em;}
}

/*pad适配*/
@media only screen and (max-width:1024px){
.ibanner .swiper-pagination{ bottom:4%;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; padding:3px;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

.ibox h2{ font-size:34px;}
.ibox .con{ padding:0 16px;}
.ibox a.more{ font-size:15px;}

.box1 .txt{ max-height:8.4em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.box11 ul li a{ font-size:20px;}

.box2 h2{ float:none;}
.box2 .ywSlide{ font-size:14px;}
.box2 .ywSlide .hd{ margin:3% 0 0;}
.box2 .ywSlide .hd ul{ float:none; margin:0 -6px;}
.box2 .ywSlide .hd ul li{ width:20%;}
.box2 .ywSlide .hd ul li a{ width:auto; padding:1.2em 0 1.1em; margin:0 6px;}
.box2 .ywSlide .hd ul li a i{ margin:0.1em 0 -0.3em;}
.box2 .ywSlide .bd ul li a.pic img{ height:436px;}
.box2 .ywSlide .bd ul li .txt:nth-child(4){ -webkit-line-clamp:4; height:6.64em;}

.box3 dl dt{ width:auto; margin-right:0; float:none; padding:0 0 24px;}
.box3 dl dt a.pic img{ object-fit:cover;}
.box3 dl dd{ padding:0 0 20px;}

.box4 h2{ font-size:24px;}
}

/*手机适配*/
@media only screen and (max-width:767px){
.ibanner .swiper-pagination{ height:12px;}
.ibanner .swiper-pagination-bullet{ width:6px; height:6px; padding:2px; border-width:1px; margin:0 3px !important;}

.ibox .con{ padding:0 12px;}
.ibox h2{ font-size:24px; margin-top:9%;}
.ibox a.more{ font-size:12px; margin:5% 0 8%;}

.box1{ padding-bottom:40vw;}
.box1 .txt{ font-size:14px; margin:0; -webkit-line-clamp:999; max-height:none; padding-top:1.2em;}
.box1 .bg{ width:100%; height:40vw; top:auto; bottom:0;}

.box11 ul li a{ font-size:14px;}

.box2 .ywSlide{ font-size:14px;}
.box2 .ywSlide .hd ul{ margin:0 -3px;}
.box2 .ywSlide .hd ul li{ width:50%;}
.box2 .ywSlide .hd ul li.more{ display:none;}
.box2 .ywSlide .hd ul li a{ font-size:12px; margin:3px 3px; padding:0.8em 0 0.7em;}
.box2 .ywSlide .hd ul li a em{ font-size:1.275em;}
.box2 .ywSlide .hd ul li a i{ margin:0.1em 0 -0.1em;}
.box2 .ywSlide .hd ul li:nth-child(1) a i,
.box2 .ywSlide .hd ul li:nth-child(3) a i,
.box2 .ywSlide .hd ul li:nth-child(4) a i{ line-height:2;}
.box2 .ywSlide .bd{ margin-top:4%; margin-left:20px; margin-right:20px; margin-left:0; margin-right:0;}
.box2 .ywSlide .bd::after{ height:224px; height:0;}
.box2 .ywSlide .bd ul li a.pic{ width:auto; float:none; margin-right:0;}
.box2 .ywSlide .bd ul li a.pic img{ height:224px;}
.box2 .ywSlide .bd ul li a.title{ font-size:1.65em; padding:0.6em 0 0;}
.box2 .ywSlide .bd ul li i{ margin:0.6em 0 1em; width:3.25em;}
.box2 .ywSlide .bd ul li .txt{ margin-top:0.6em;}
.box2 .ywSlide .bd ul li .txt:nth-child(4){ font-size:1em;}
.box2 .ywSlide a.prev,
.box2 .ywSlide a.next{ display:none; width:20px; height:20px; background-size:contain !important; margin-top:-10px;}
.box2 .ywSlide a.prev{ left:-20px;}
.box2 .ywSlide a.next{ right:-20px;}
.box2 .ywSlide .bd ul li a.more{ margin:5% 0 4%;}

.box3 dl{ font-size:14px;}
.box3 dl dt a.pic img{ height:auto;}
.box3 dl dt a.title:nth-child(2){ margin-top:0.8em; font-size:1.35em;}
.box3 dl dd a.pic img{ width:126px; height:72px;}
.box3 dl dd .txt{ height:1.5em; font-size:0.88em; -webkit-line-clamp:1;}
.box3 a.more{ margin-left:auto; margin-right:auto;}

.box4 h2{ font-size:20px; margin-top:3.5%; margin-right:6%; margin-left:2%;}
.box4 h2 span{ padding-top:0.8em;}
.box4 .hz-swiper .swiper-slide a img{ height:78px;}


}





/**/