@charset "utf-8";
/* CSS Document */
#box {width: 100%;position: relative;margin: auto;}
.close {position: absolute;color: #fff;top:20px ;cursor: pointer;}
.img {width:100%}

.footer .block{ display:none;}

/* banner */
.ibanner{ width:100vw; height:920px; 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%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1; transition/:all ease 50s; transform/:scale(1,1);}
.ibanner .swiper-slide .box .txt{ line-height:1; color:#fff; font-size:20px; text-align:center; white-space:nowrap; position:absolute; left:50%; top:44.7826%; transform:translate(-50%,-50%); z-index:5; opacity:0;}
.ibanner .swiper-slide .box .txt h4{ display:block; font-size:3.1em;}
.ibanner .swiper-slide .box .txt p{ display:block; padding:1.2em 0 0;}
.ibanner .swiper-slide .box .txt h4,
.ibanner .swiper-slide .box .txt p{ text-shadow:3px 4px 5px #a17429; transition:all ease 1.1s; transform:translateX(-100%); opacity:0; visibility:hidden;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ animation:scale_b 36s linear infinite alternate;}
@keyframes scale_b{
	0%{ transform:scale(1);}
	50%{ transform:scale(1.5);}
	100%{ transform:scale(2);}
}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ opacity:1;}
.ibanner .swiper-slide-active .box .txt h4,
.ibanner .swiper-slide-active .box .txt p,
.ibanner .swiper-slide-duplicate-active .box .txt h4,
.ibanner .swiper-slide-duplicate-active .box .txt p{ transform:translateX(0%); transition-delay:0.1s; opacity:1; visibility:visible;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:36px; height:124px; margin-top:-62px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../../images/icons/prev.png) center no-repeat; left:2.8%;}
.ibanner .swiper-button-next{ background:url(../../images/icons/next.png) center no-repeat; right:2.8%;}
.ibanner ul.recomd{ display:block; width:37.6em; font-size:1.4rem; overflow:hidden; position:absolute; left:50%; bottom:48px; transform:translateX(-50%); z-index:9;}
.ibanner ul.recomd li{ display:block; width:20%; height:auto; background:none; border-radius:0; margin:0 !important; float:left; opacity:1;}
.ibanner ul.recomd li:first-child{ display:none;}
.ibanner ul.recomd li a{ display:block; width:6em; line-height:2.285; color:#fff; text-align:center; background:rgba(0,0,0,0.5); border-radius:0.36em; margin:0 auto;}
.ibanner ul.recomd li.swiper-pagination-bullet-active a{ background:#f08300;}

.main{ width:1400px; margin:0 auto;}

.ibox{ width:calc((100% - 32px) * 0.33); padding-bottom:60px; position:relative; z-index:2; margin-left:16px; float:left;}
.ibox h2.title{ display:block; line-height:2.25em; font-size:20px; font-weight:normal; overflow:hidden; padding:1.7em 0 0; position:relative;}
.ibox h2.title em{ color:#fff; float:left; margin-right:0.5em;}
.ibox h2.title span{ color:#f08300; font-size:0.75em; text-transform:uppercase;}
.ibox h2.title a{ display:block; width:1.25em; height:2.25em; background:url(../../images/icons/more.png) right center no-repeat; background-size:contain; float:right;}
.ibox h2.title a:hover{ background-image:url(../../images/icons/more_h.png);}
.ibox a.more{ display:block; width:8.5em; line-height:1.875; color:#333; font-size:20px; text-align:center; letter-spacing:0.2em; border:1px solid #333; border-radius:1em; overflow:hidden; margin:0 auto; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#f08300; border-color:#f08300;}

.box1{ margin:0;}
.box1 dl{ display:block; height:282px; font-size:16px; overflow:hidden; background:#61646b; padding:15px;}
.box1 dl dt{ display:block; overflow:hidden; position:relative; margin:0 0 4px;}
.box1 dl dt a.pic{ display:block; overflow:hidden; float:left; margin-right:0.875em;}
.box1 dl dt a.pic img{ display:block; width:252px; height:158px; object-fit:cover;}
.box1 dl dt a.title{ display:block; line-height:2.2; color:#dcdcdc; font-size:1.25em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box1 dl dt a.title:hover{ color:#fff;}
.box1 dl dt .txt{ display:block; height:7.5em; line-height:1.5; color:#9f9f9f; font-size:0.875em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.box1 dl dt p{ display:block; box-sizing:border-box; width:100%; line-height:3.5em; background:#fff; padding:0 1.25em; overflow:hidden; position:absolute; left:0; bottom:0;}
.box1 dl dt p span{ display:block; color:#333; float:left; margin-right:2em;}
.box1 dl dt p a{ display:block; color:#333; font-size:1.25em; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.box1 dl dt p a:hover{ color:#f08300;}
.box1 dl dd{ display:block; line-height:1.75; overflow:hidden; padding:0.75em 0 0;}
.box1 dl dd::before{ content:''; display:block; width:5px; height:5px; background:#f08300; border-radius:50%; float:left; margin:0.875em 0.625em 0 0; transform:translateY(-50%);}
.box1 dl dd span{ display:block; color:#ddd; font-family:Arial; float:right; margin-left:2em;}
.box1 dl dd a{ display:block; color:#ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.box1 dl dd a:hover{ color:#fff;}

.box2 .video{ display:block; overflow:hidden; background:#61646b; padding:15px;}
.box2 .video video{ display:block; width:100%; height:282px; background:#000;}

.box3 .pic{ display:block; overflow:hidden; background:#61646b; padding:15px;}
.box3 .pic a{ display:block; overflow:hidden;}
.box3 .pic a img{ display:block; width:100%; height:282px; object-fit:cover;}



@media only screen and (max-width:1500px){
.ibanner{ height:788px;}

.main{ width:1200px;}

.box1 dl{ height:236px;}
.box1 dl dt a.pic img{ width:178px; height:112px;}
.box1 dl dt .txt{ height:4.5em; -webkit-line-clamp:3;}
.box2 .video video,
.box3 .pic a img{ height:236px;}
}

@media only screen and (max-width:768px){
.ibanner{ min-width:0; height:80vw;}
.ibanner .swiper-slide .box .txt{ width:90%; font-size:14px; white-space:normal; top:48%;}
.ibanner .swiper-slide .box .txt h4{ font-size:2em;}
.ibanner .swiper-slide .box .txt p{ height:1em; line-height:1.5; margin:0 0.5em;}

.ibanner ul.recomd{ font-size:1rem; width:calc(100% - 24px); bottom:5%;}
.ibanner ul.recomd li{ width:20%;}
.ibanner ul.recomd li a{ width:auto; margin:0 3px;}

.main{ width:calc(100% - 24px);}

.ibox{ width:auto; margin:0; float:none; padding:0;}
.ibox h2.title{ padding:1em 0 0; font-size:19px;}

.box1 dl{ height:auto; padding:12px;}
.box1 dl dt{ padding-bottom:2px;}
.box1 dl dt a.pic img{ width:130px; height:82px;}
.box1 dl dt a.title{ font-size:1.125em;}
.box1 dl dt .txt{ height:3em; -webkit-line-clamp:2;}
.box1 dl dd{ font-size:14px; padding:0.625em 0 0;}

.box2 .video,
.box3 .pic{ padding:12px;}
.box2 .video video,
.box3 .pic a img{ height:auto;}

.box3{ margin-bottom:40px;}



}













/**/