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

/*banner*/
.ibanner{ height:calc(100vh - 96px); max-height:814px; position:relative; margin:96px 0 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; height:12px; bottom:11.67%; margin-bottom:-6px;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:6px; opacity:1; margin:0 1% !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ width:18%; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:2%; height:128px; background-size:contain !important; margin-top:-64px;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2%;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ overflow:hidden;}
.ibox h2{ display:block; line-height:4.5; color:#575757; font-size:41px; font-weight:normal; overflow:hidden; position:relative;}
.ibox h3{ display:block; line-height:1em; color:#575757; font-size:21px; font-weight:normal; overflow:hidden; position:relative; padding:2em 0; margin:0 0 0 10%;}
.ibox h3 a{ display:block; font-size:0.75em; background:url(../images/icons/down.png) right center no-repeat; background-size:auto 1.33em; padding-right:2em; float:right;}
.ibox h3 a:hover{ color:#0052fe; background-image:url(../images/icons/down_h.png);}

.box1 h2{ margin:4% 0 0 10%;}
.box1 .txt{ line-height:2.2; color:#a0a0a0; font-size:16px; overflow:hidden; margin:0 0 5% 10%;}
.box1 ul{ display:block; overflow:hidden; margin:0 -6px 8%;}
.box1 ul li{ display:block; width:33.33%; overflow:hidden; position:relative; float:left;}
.box1 ul li .box{ overflow:hidden; margin:6px; position:relative;}
.box1 ul li a.cate{ display:block; line-height:2; color:#fff; font-size:14px; padding:4% 5%; position:absolute; left:0; top:0; z-index:5; opacity:0;}
.box1 ul li a.tit{ display:block; width:100%; height:100%; color:#fff; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:9; transition:all ease 0.3s; opacity:0; z-index:3;}
.box1 ul li .info{ width:90%; position:absolute; left:0; bottom:0; margin:0 5% 4%;}
.box1 ul li span{ display:block; line-height:2.5; font-size:17px;}
.box1 ul li p{ line-height:1.75; font-size:13px; overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:99;
}
.box1 ul li img{ display:block; width:100%; transition:all ease 0.3s;}
.box1 ul li:hover a.cate{ opacity:1;}
.box1 ul li:hover a.tit{ opacity:1;}
.box1 ul li:hover img{ transform:scale(1.1);}



@media only screen and (min-width:1680px){
.header .head,
.main{ margin:0 86px;}

.ibanner{ height:calc(100vh - 5.72vw); margin:5.72vw 0 0;}
.ibanner .swiper-button-prev{ left:4%;}
.ibanner .swiper-button-next{ right:4%;}

.ibox h2{ font-size:46px;}
.ibox h3{ font-size:24px;}
.ibox .con{ margin:0 11%; margin:0 0;}

.box1 .txt{ font-size:18px;}
.box1 ul{ margin-left:-10px; margin-right:-10px;}
.box1 ul li .box{ margin:10px;}
.box1 ul li a.cate{ font-size:16px;}
.box1 ul li span{ font-size:20px;}
.box1 ul li p{ font-size:14px;}
}

@media only screen and (max-width:1368px){
.ibox .con{ width:1200px; margin:0 auto;}
}

@media only screen and (max-width:1240px){
.ibox .con{ width:auto; margin:0 0;}
.ibox h2{ font-size:36px;}
.ibox h3,
.box1 h2,
.box1 .txt{ margin-left:20px;}
}

@media only screen and (max-width:1024px){
.ibanner{ height:60vw;}
.ibanner .swiper-pagination{ height:10px; margin-bottom:-5px;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px;}
.ibanner .swiper-pagination-bullet-active{ width:8%;}

.ibox h2{ font-size:28px;}
.ibox h3,
.box1 h2,
.box1 .txt{ margin-left:10px;}
.box1 h2{ margin-top:2%;}
.box1 ul li{ width:50%;}
}

@media only screen and (max-width:767px){
.ibanner{ margin-top:60px;}
.ibox .con{ padding:0 4px;}
.ibox h2{ line-height:1.7; font-size:20px; padding:1em 0;}
.ibox h3{ font-size:16px;}
.ibox h3,
.box1 h2,
.box1 .txt{ margin-left:0;}
.box1 .txt{ font-size:13.5px;}
.box1 ul{ margin-left:-10px; margin-right:-10px;}
.box1 ul li{ width:100%;}
}










/**/