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

/* banner */
.ibanner{ width:100%; height:746px; overflow:hidden; position:relative; z-index:1;}
.ibanner .tempWrap{ margin:0 auto;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block;}
.ibanner .bd ul li a{ display:block; width:100%; height:746px; background-size:cover !important;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:20px;}
.ibanner .hd ul{ display:block; height:10px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 10px; vertical-align:top; cursor:pointer;}
.ibanner .hd ul li.on{ background:#ffd700;}

.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{ display:block; font-weight:normal; text-align:center; background:url(../images/icons/title.png) center no-repeat; margin:40px 0 0;}
.ibox h2 em{ display:block; line-height:54px; color:#0a3585; font-size:36px;}
.ibox h2 span{ display:block; line-height:32px; color:#999; font-size:16px; text-transform:capitalize;}

.box1{ padding:0 0 10px;}
.box1 .slider{ width:590px; height:396px; position:relative; z-index:1; float:left; margin:32px 30px 0 0;}
.box1 .slider .bd{ position:relative; overflow:hidden; height:auto; z-index:0;}
.box1 .slider .bd ul{ display:block; overflow:hidden;}
.box1 .slider .bd ul li{ display:block; overflow:hidden;}
.box1 .slider .bd ul li a{ display:block; position:relative;}
.box1 .slider .bd ul li a img{ display:block; width:100%; height:396px;}
.box1 .slider .bd ul li a span{ display:block; width:550px; line-height:56px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:52px 20px 0; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0; transition:all ease-in-out 0.4s;}
.box1 .slider .bd ul li a:hover span{ background:linear-gradient(rgba(88,22,12,0), rgba(88,22,12,0.8));}
.box1 .slider a.prev,
.box1 .slider a.next{ display:block; width:36px; height:72px; position:absolute; top:50%; margin-top:-36px;}
.box1 .slider a.prev{ background:url(../images/icons/prev1.png) center top no-repeat; left:0;}
.box1 .slider a.next{ background:url(../images/icons/next1.png) center top no-repeat; right:0;}
.box1 dl{ display:block; overflow:hidden; padding:32px 0 0;}
.box1 dl dd{ display:block; overflow:hidden; padding-right:24px; border-bottom:1px solid #f1f1f1;}
.box1 dl dd span{ display:block; width:96px; height:76px; line-height:26px; color:#db381f; font-size:14px; font-family:Arial; text-align:center; padding:22px 0 0; overflow:hidden; float:left; margin:0 8px 0 0; border-left:3px solid #fff;}
.box1 dl dd span b{ display:block; line-height:38px; font-size:30px;}
.box1 dl dd a{ display:block; line-height:30px; color:#333; font-size:16px; margin:19px 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box1 dl dd:hover{ background:#f7f7f7;}
.box1 dl dd:hover span{ border-color:#db381f;}
.box1 a.more{ display:block; width:200px; line-height:54px; color:#db381f; font-size:16px; text-align:center; margin:16px auto 0;}

.box2{ padding:0 0 30px;}
.box2 .slider{ position:relative; z-index:1; margin:36px 0 0;}
.box2 .slider .bd{ position:relative; overflow:hidden; height:auto; z-index:0; margin:0 -18px;}
.box2 .slider .bd ul{ display:block; overflow:hidden;}
.box2 .slider .bd ul li{ display:block; width:33.33%; overflow:hidden; float:left;}
.box2 .slider .bd ul li a.pic{ display:block; overflow:hidden; border:1px solid #e5e5e5; border-width:1px 1px 0; margin:0 18px;}
.box2 .slider .bd ul li a.pic img{ display:block; width:100%; height:251px;}
.box2 .slider .bd ul li a.title{ display:block; line-height:30px; color:#333; font-size:18px; font-weight:bold; padding:26px 28px 0; border:1px solid #e5e5e5; border-width:0 1px; margin:0 18px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 .slider .bd ul li .txt{ display:block; height:84px; line-height:2; color:#666; font-size:14px; padding:24px 28px 0; margin:0 18px; border:1px solid #e5e5e5; border-width:0 1px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box2 .slider .bd ul li span{ display:block; line-height:60px; color:#999; font-size:14px; overflow:hidden; padding:0 28px 10px; border:1px solid #e5e5e5; border-width:0 1px 1px; margin:0 18px;}
.box2 .slider .bd ul li:hover a.title{ color:#db381f;}
.box2 .slider .bd ul li:hover a.pic,
.box2 .slider .bd ul li:hover a.title,
.box2 .slider .bd ul li:hover .txt,
.box2 .slider .bd ul li:hover span{ border-color:#db381f;}
.box2 .slider a.prev,
.box2 .slider a.next{ display:block; width:44px; height:82px; border:2px solid #e5e5e5; position:absolute; top:50%; margin-top:-42px;}
.box2 .slider a.prev{ background:url(../images/icons/prev2.png) left center no-repeat; left:-80px;}
.box2 .slider a.next{ background:url(../images/icons/next2.png) left center no-repeat; right:-80px;}
.box2 .slider a.prev:hover,
.box2 .slider a.next:hover{ background-position:right center; border-color:#db381f;}
.box2 a.more{ display:block; width:200px; line-height:54px; color:#db381f; font-size:16px; text-align:center; margin:16px auto 0;}
.box2 a.more:hover{ text-decoration:underline;}

.box1 dl dd{ border-bottom-color:#ddd;}



/**/