@charset "utf-8";
/* CSS Document */

a.ads{ display:block;}
a.ads img{ display:block; width:100%;}

.main{ display:block;}

.ibox{ overflow:hidden; padding:0 20px; position:relative; z-index:2;}
.ibox h2.title{ display:block; height:75px; border-bottom:1px solid #ddd;}
.ibox h2.title em{ display:block; line-height:72px; color:#e61717; font-size:26px; padding:0 12px; border-bottom:4px solid #e61717; float:left; position:relative;}
.ibox h2.title em::after{ content:''; display:block; border:1px solid #e61717; border-width:5px 4px 0; border-color:#e61717 transparent; position:absolute; left:50%; top:100%; margin:4px 0 0 -4px;}
.ibox h2.title a{ display:block; line-height:72px; color:#999; font-size:20px; font-weight:normal; padding:3px 0 0; float:right;}
.ibox h2.title a:hover{ color:#e61717;}
.ibox a.more{ display:block; width:142px; line-height:32px; color:#e61717; font-size:14px; text-align:center; border:1px solid #e61717; border-radius:17px; overflow:hidden; margin:54px auto 0;}
.ibox a.more:hover{ color:#fff; background:#e61717;}

.ibox ul.list{ display:block; overflow:hidden; padding:20px 2px 0;}
.ibox ul.list li{ display:block; overflow:hidden;}
.ibox ul.list li span{ display:block; line-height:60px; color:#999; font-size:21px; overflow:hidden; float:right; margin-left:2em;}
.ibox ul.list li a{ display:block; line-height:60px; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px; background:url(../images/icons/dot.png) left center no-repeat;}
.ibox ul.list li a:hover{ color:#e61717; background-image:url(../images/icons/dot_cur.png);}

.ibox ul.news{ display:block; overflow:hidden; padding:20px 0 4px;}
.ibox ul.news li{ display:block; overflow:hidden; padding:16px 0;}
.ibox ul.news li a.pic{ display:block; float:left; margin-right:26px;}
.ibox ul.news li a.pic img{ display:block; width:186px; height:110px;}
.ibox ul.news li a.title{ display:block; height:72px; line-height:36px; color:#333; font-size:22px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.ibox ul.news li a.title:hover{ color:#e61717;}
.ibox ul.news li span{ display:block; line-height:26px; color:#e61717; font-size:20px; overflow:hidden; padding:12px 0 0;}

.box1{ padding:0 20px 40px;}
.box1 .slider{ height:380px; overflow:hidden; position:relative; z-index:1; margin:0 -20px 14px;}
.box1 .slider .bd{ position:relative; height:auto; z-index:0;}
.box1 .slider .bd ul li,
.box1 .slider .bd ul li a{ display:block; overflow:hidden; position:relative;}
.box1 .slider .bd ul li a img{ display:block; width:100%; height:380px; object-fit:cover;}
.box1 .slider .bd ul li a span{ display:block; width:100%; line-height:64px; color:#fff; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:44px 126px 0 20px; background:linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.5) 62%); box-sizing:border-box; position:absolute; left:0; bottom:0;}
.box1 .slider .hd{ z-index:1; position:absolute; right:0; bottom:26px;}
.box1 .slider .hd ul{ display:block; overflow:hidden; margin:0 16px;}
.box1 .slider .hd ul li{ display:block; width:11px; height:11px; background:#fff; border-radius:50%; float:left; margin:0 7px; cursor:pointer;}
.box1 .slider .hd ul li.on{ background:#e61717;}

.box2{ padding:20px 20px 24px;}

.box3{ background:#f8f8f8; padding:20px 20px 0; margin:30px 0 0;}
.box3 .slider{ position:relative; z-index:9; margin:36px -14px 0;}
.box3 .slider .bd{ position:relative; height:auto; z-index:0;}
.box3 .slider .bd ul{ display:block; overflow:hidden;}
.box3 .slider .bd ul li{ display:block; overflow:hidden;}
.box3 .slider .bd ul li .item{ display:block; width:50%; float:left;}
.box3 .slider .bd ul li a{ display:block; overflow:hidden; position:relative; margin:0 14px 30px;}
.box3 .slider .bd ul li img{ display:block; width:100%; height:169px;}
.box3 .slider .bd ul li span{ display:block; line-height:44px; color:#333; font-size:24px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:14px 0 0;}
.box3 .slider .bd ul li a:hover span{ color:#e61717;}
.box3 .slider .bd ul li .txt{ display:block; line-height:30px; color:#999; font-size:20px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 .slider .hd{ z-index:1; position:absolute; right:0; bottom:26px;}
.box3 .slider .hd ul{ display:block; overflow:hidden; margin:0 16px;}
.box3 .slider .hd ul li{ display:block; width:11px; height:11px; background:#fff; border-radius:50%; float:left; margin:0 7px; cursor:pointer;}
.box3 .slider .hd ul li.on{ background:#e61717;}
.box3 .slider a.prev,
.box3 .slider a.next{ display:block; width:36px; height:36px; cursor:pointer; position:absolute; right:14px; bottom:100%; margin-bottom:56px; z-index:9;}
.box3 .slider a.prev{ background:url(../images/icons/prev3.png) center top no-repeat; margin-right:40px;}
.box3 .slider a.next{ background:url(../images/icons/next3.png) center top no-repeat;}
.box3 .slider a.prev:hover,
.box3 .slider a.next:hover{ background-position:center bottom;}

.box4{ background:#f8f8f8; padding:0 20px 40px;}
.box4 .slider{ overflow:hidden; position:relative; z-index:1; margin:36px 0 0;}
.box4 .slider .bd{ position:relative; height:auto; z-index:0; margin:0 -14px;}
.box4 .slider .bd ul li{ display:block; width:50%; float:left;}
.box4 .slider .bd ul li a{ display:block; overflow:hidden; border:1px solid #ccc; position:relative; margin:0 14px 16px;}
.box4 .slider .bd ul li a img{ display:block; width:100%; height:56px;}
.box4 .slider .bd ul li a:hover{ border-color:#e61717;}






/**/