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

/*主体样式*/
.main{ width:auto;}

.ibox{ overflow:hidden;}
.ibox .con{ width:1200px; position:relative; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:1.5; font-size:30px; font-weight:normal; text-align:center; padding:52px 0 24px;}
.ibox h2.title em{ display:block; color:#cc0000;}
.ibox h2.title span{ display:block; color:#333;}
.ibox a.more{ display:block; width:9.65em; line-height:2.7; color:#fff; font-size:14px; text-align:center; background:rgba(204,0,0,0.7); border-radius:1.35em; margin:0 auto; transition:all ease 0.4s;}
.ibox a.more:hover{ background:#cc0000;}

.box1{ padding:0 0 60px;}
.box1 ul{ display:block; overflow:hidden; margin:0 -10px;}
.box1 ul li{ display:block; width:50%; float:left;}
.box1 ul li a{ display:block; overflow:hidden; position:relative; margin:0 10px;}
.box1 ul li a img{ display:block; width:100%; height:500px; object-fit:cover;}
.box1 ul li a span{ display:block; width:calc(100% - 12px); line-height:38px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 6px; position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.4s;}
.box1 ul li a:hover span{ background:rgba(204,0,0,0.8);}

.box2{ background:url(../images/icons/bg2.jpg) center no-repeat; background-size:cover; padding:0 0 60px;}
.box2 .con{ width:1160px;}
.box2 .about{ width:432px; height:286px; position:relative; float:left; margin:28px 20px 0;}
.box2 .about .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box2 .about .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.box2 .about .swiper-slide a img{ display:block; width:432px; height:286px; object-fit:cover;}
.box2 .about .swiper-pagination{ display:none;}
.box2 .about .swiper-button-prev,
.box2 .about .swiper-button-next{ display:block; width:30px; height:50px; background-size:100% 100% !important; position:absolute; top:50%; margin-top:-29px; z-index:9;}
.box2 .about .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:10px;}
.box2 .about .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:10px;}
.box2 .info{ overflow:hidden; padding:12px 16px; border:1px solid #fff;}
.box2 .info .txt{ line-height:1.75; color:#333; font-size:16px;}
.box2 .info .txt p{ padding:6px 0;}
.box2 .info a.more{ float:right; margin:14px 0 8px;}

.box3{ background:#f2f2f2; padding:0 0 60px;}
.box3 ul{ display:block; overflow:hidden; margin:0 -8px;}
.box3 ul li{ display:block; width:33.33%; float:left;}
.box3 ul li a{ display:block; overflow:hidden; position:relative; margin:0 8px;}
.box3 ul li a img{ display:block; width:100%; height:256px; object-fit:cover;}
.box3 ul li a span{ display:block; width:calc(100% - 12px); line-height:38px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 6px; position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.4s;}
.box3 ul li a:hover span{ background:rgba(204,0,0,0.8);}

.box4{ padding:0 0 60px;}
.box4 ul{ display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; overflow:hidden;}
.box4 ul li{ display:block; overflow:hidden; flex:auto;}
.box4 ul li a{ display:block; padding:18px 0;}
.box4 ul li a img{ display:block; max-width:100%; height:62px; margin:0 auto;}















/**/