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

/* banner */
.ibanner{ width:1200px; height:300px; position:relative; margin:18px auto 0;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide a{ display:block; overflow:hidden; position:relative; height:300px;}
/*
.ibanner .swiper-slide a img{ display:block; width:100%; height:300px; object-fit:cover;}
*/
.ibanner .swiper-slide a img{ display:block; min-width:100%; min-height:300px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ibanner .swiper-slide a span{ display:block; width:100%; height:8.75em; line-height:1; color:#fff; font-size:18px; padding:6.2em 6.26em 0 1.66em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); box-sizing:border-box; position:absolute; left:0; bottom:0;}
.ibanner .swiper-slide a span::after{ content:''; display:block; width:2em; height:2px; background:#fff; position:absolute; left:1.7em; bottom:4em;}
.ibanner .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.ibanner .swiper-pagination{ width:auto; height:10px; bottom:26px; left:auto; right:24px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:50%; opacity:1; margin:0 6px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ background:#e6ab57; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

/*主体样式*/
.main{ margin-top:0; background:none;}
.ibox{ overflow:hidden;}
.ibox .con{ position:relative; margin:0 auto;}
.ibox h2{ display:block; line-height:3em; font-size:18px; border-top:1px solid #ddd; overflow:hidden; margin:1px 0 0; position:relative;}
.ibox h2::before,
.ibox h2::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2 em{ display:block; color:#347bc4; padding:0 0.78em; border-top:2px solid #347bc4; transform:translateY(-2px); float:left; position:relative; z-index:1;}
.ibox h2 a{ display:block; color:#999; font-size:14px; font-weight:normal; float:right; transform:translateY(4px);}
.ibox h2 a:hover{ color:#347bc4;}

.ibox dl.news{ display:block; overflow:hidden;}
.ibox dl.news dt{ display:block; overflow:hidden; padding:10px 0 12px;}
.ibox dl.news dt a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.ibox dl.news dt a.pic img{ display:block; width:170px; height:108px; object-fit:cover; transition:all ease-in-out 0.4s;}
.ibox dl.news dt a.pic:hover img{ transform:scale(1.08);}
.ibox dl.news dt a.title{ display:block; height:3.5em; line-height:1.75; color:#333; font-size:16px; transition:all ease-in-out 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.ibox dl.news dt a.title:hover{ color:#347bc4;}
.ibox dl.news dt span{ display:block; line-height:2.5; color:#999; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1em 0 0;}
.ibox dl.news dd a{ display:block; line-height:2.2; color:#333; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/dot.png) left center no-repeat; padding-left:1em;}
.ibox dl.news dd a:hover{ color:#347bc4;}

.ibox ul.news{ display:block; overflow:hidden;}
.ibox ul.news li{ display:block; overflow:hidden; padding:10px 0;}
.ibox ul.news li a{ display:block; height:3.2em; line-height:1.6; color:#333; font-size:15px; margin:3px 0 0; transition:all ease-in-out 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.ibox ul.news li a:hover{ color:#347bc4;}
.ibox ul.news li span{ display:block; width:4.5em; height:4.5em; line-height:1; color:rgba(255,255,255,0.5); font-size:12px; text-align:center; background:#347bc4; border-radius:5px; float:left; margin-right:20px;}
.ibox ul.news li span em{ display:block; color:#fff; font-size:1.833em; padding:0.36em 0 0.18em;}

.ibox .con>a.more{ display:block; width:13.125em; line-height:2.625; color:#fff; font-size:16px; text-align:center; background:#347bc4; border-radius:1.3125em; margin:0 auto 5.4%;}

.box1{ width:31.666666%; float:left; margin:42px 0 0;}

.box2{ width:31.666666%; float:left; margin:42px 0 0 2.5%;}

.box3{ width:31.666666%; float:left; margin:42px 0 0 2.5%;}

.box4{ clear:both;}
.box4 ul{ display:block; overflow:hidden; border-top:1px solid #ddd; margin:2.66% 0 5%;}
.box4 ul li{ display:block; width:20%; overflow:hidden; float:left;}
.box4 ul li a{ display:block; color:#fff; font-size:16px; text-align:center; margin:14.5% 0 0; transition:all ease-in-out 0.4s;}
.box4 ul li a:hover{ transform:translateY(-4px);}
.box4 ul li em{ display:block; width:4em; padding:0.5em; border-radius:50%; margin:0 auto; transition:all ease-in-out 0.4s;}
.box4 ul li a:hover em{ transform:rotateY(180deg);}
.box4 ul li:nth-child(1) em{ background:#ffe5ad;}
.box4 ul li:nth-child(2) em{ background:#a7f7f8;}
.box4 ul li:nth-child(3) em{ background:#fec7c7;}
.box4 ul li:nth-child(4) em{ background:#a1f397;}
.box4 ul li:nth-child(5) em{ background:#e1c4f3;}
.box4 ul li img{ display:block; width:100%; height:4em; border-radius:50%;}
.box4 ul li:nth-child(1) img{ background:#fbd176;}
.box4 ul li:nth-child(2) img{ background:#6ae7e8;}
.box4 ul li:nth-child(3) img{ background:#f4a0a0;}
.box4 ul li:nth-child(4) img{ background:#70e960;}
.box4 ul li:nth-child(5) img{ background:#c3a1d8;}
.box4 ul li span{ display:block; line-height:1.5; padding:0.625em 0 0;}
.box4 ul li:nth-child(1) span{ color:#c19024;}
.box4 ul li:nth-child(2) span{ color:#20aeb0;}
.box4 ul li:nth-child(3) span{ color:#dc3f3f;}
.box4 ul li:nth-child(4) span{ color:#59ba4d;}
.box4 ul li:nth-child(5) span{ color:#956ab0;}


/*宽度适配*/
@media only screen and (min-width:1560px){
.ibanner{ width:84vw;}
}

@media only screen and (max-width:1350px){
.ibox .con{ width:calc(100vw - 40px);}
}

@media only screen and (max-width:1024px){
.ibox .con{ width:calc(100vw - 32px);}
}

@media only screen and (max-width:767px){
.ibox .con{ width:calc(100vw - 24px);}
}

/*手机适配*/
@media only screen and (max-width:768px){
.ibanner{ width:auto; height:calc((100vw - 24px)*0.55); margin:12px 12px 0;}
.ibanner .swiper-slide a{ height:calc((100vw - 24px)*0.55);}
/*
.ibanner .swiper-slide a img{ height:calc((100vw - 24px)*0.55);}
*/
.ibanner .swiper-slide a img{ width:100%; height:100%; object-fit:cover;}

.ibanner .swiper-slide a span{ font-size:14px;}

.ibox h2{ font-size:16px;}

.ibox dl.news{ padding-bottom:10px;}
.ibox dl.news dt{ padding:0 0 8px;}
.ibox dl.news dt a.pic{ margin-right:16px;}
.ibox dl.news dt a.pic img{ width:126px; height:80px;}
.ibox dl.news dt a.title{ font-size:15px;}
.ibox dl.news dt span{ font-size:13px; margin-top:0;}
.ibox dl.news dd a{ line-height:2.5; font-size:14px;}

.ibox ul.news{ padding:2px 0 12px;}
.ibox ul.news li{ padding:0 0 12px;}
.ibox ul.news li a{ font-size:14px; margin-top:5px;}

.box1,
.box2,
.box3{ width:auto; float:none; margin:12px 0 0;}

.box4 ul{ padding:10px 0 8px;}
.box4 ul li{ width:auto; float:none; padding:12px 0 0;}
.box4 ul li a{ width:16em; font-size:14px; padding:0.5em 3.4em; border-radius:0.5em; text-align:left; margin:0 auto; overflow:hidden;}
.box4 ul li em{ width:3.5em; background:none; padding:0; float:left;}
.box4 ul li img{ height:3.5em;}
.box4 ul li span{ overflow:hidden; padding:0.25em 1em;}
.box4 ul li:nth-child(1) a{ background:#ffe5ad;}
.box4 ul li:nth-child(2) a{ background:#a7f7f8;}
.box4 ul li:nth-child(3) a{ background:#fec7c7;}
.box4 ul li:nth-child(4) a{ background:#a1f397;}
.box4 ul li:nth-child(5) a{ background:#e1c4f3;}

}







/**/