@charset "utf-8";
/* css document */

.ibanner{ height:640px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul li,
.ibanner .bd ul li a{ display:block; width:100%; height:640px; overflow:hidden; position:relative;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:36px;}
.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 8px; vertical-align:top; cursor:pointer; opacity:0.6;}
.ibanner .hd ul li.on{ width:56px; opacity:1;}

.main{ width:auto; overflow:visible; position:relative;}
.main::after{ width:100%; height:0; background:none; clear:both; position:static;}

.ibox{ position:relative; z-index:2;}
.ibox .con{ width:1260px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; color:#1a35a6; font-size:20px; font-weight:normal; text-align:center; padding:44px 0 0;}
.ibox h2.title em{ display:block; line-height:1.35; font-size:2em;}
.ibox h2.title span{ display:block; line-height:1.4; font-family:'trebuchet ms'; opacity:0.25;}
.ibox a.more{ display:block; width:142px; line-height:32px; color:#c9051b; font-size:14px; text-align:center; border:1px solid #c9051b; border-radius:17px; overflow:hidden; margin:54px auto 0;}
.ibox a.more:hover{ color:#fff; background:#c9051b;}

.box1{ height:780px; background:url(/uploads/image/saciicons/bg1.jpg) center top no-repeat;}
.box1 h2.title{ text-align:left; margin:18px 0 0;}
.box1 .slider{ width:684px; border:22px solid #fff; overflow:hidden; position:relative; z-index:1; float:right; margin:-28px 0 0 52px;}
.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:468px;}
.box1 .slider .bd ul li a span{ display:block; width:100%; line-height:60px; color:#fff; font-size:16px; text-align:center; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.box1 .slider .bd ul li a span:hover{ background:rgba(26,53,166,0.8);}
.box1 .slider .hd{ width:82px; z-index:1; position:absolute; left:0; bottom:0;}
.box1 .slider .hd::before{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
.box1 .slider .hd ul{ display:block;}
.box1 .slider .hd ul li{ display:none; width:100%; line-height:60px; color:#fff; font-size:22px; font-family:tahoma; text-align:right;}
.box1 .slider .hd ul li em{ color:#c9051b; font-size:28px;}
.box1 .slider .hd ul li.on{ display:block;}
.box1 .slider a.prev,
.box1 .slider a.next{ display:block; width:60px; height:60px; cursor:pointer; position:absolute; bottom:0; z-index:9;}
.box1 .slider a.prev{ background:url(/uploads/image/saciicons/prev1.png) center no-repeat; left:0;}
.box1 .slider a.next{ background:url(/uploads/image/saciicons/next1.png) center no-repeat; right:0;}
.box1 dl{ display:block; overflow:hidden; padding:28px 0 0;}
.box1 dl dt{ display:block; overflow:hidden; padding:16px 0 20px; border:1px solid #dfe1e9; border-width:1px 0; margin:0 0 20px;}
.box1 dl dt span{ display:block; line-height:26px; color:#c9051b; font-size:13px; overflow:hidden;}
.box1 dl dt a{ display:block; max-width:100%; line-height:34px; color:#c9051b; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; float:left;}
.box1 dl dt .txt{ height:44px; line-height:22px; color:#999; font-size:13px; padding:4px 0 0; clear:both;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box1 dl dd{ display:block; overflow:hidden; padding:0 0 18px;}
.box1 dl dd span{ display:block; line-height:24px; color:#999; font-size:12px; overflow:hidden;}
.box1 dl dd a{ display:block; max-width:100%; line-height:32px; color:#444; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.box1 dl dd a:hover{ color:#c9051b;}
.box1 dl dt.hot a::before,
.box1 dl dd.hot a::before{ content:''; display:block; width:14px; background:url(/uploads/image/sacicommon/hot.png) center no-repeat; float:right; margin-left:8px;}
.box1 dl dt.hot a::before{ height:34px;}
.box1 dl dd.hot a::before{ height:32px;}
.box1 a.more{ width:94px; margin:30px 0 0;}

.box2{ height:544px; background:url(/uploads/image/saciicons/bg2.jpg) center top no-repeat;}
.box2 .slider{ position:relative; z-index:1; margin:60px 0 0;}
.box2 .slider::after{ content:''; display:block; width:200vw; height:1px; background:#ccc; position:absolute; left:50%; top:50%; margin-left:-100vw; margin-top:-0.5px; z-index:1;}
.box2 .slider .bd{ position:relative; height:auto; z-index:2; margin:0 -25px;}
.box2 .slider .bd ul{ display:block; overflow:hidden;}
.box2 .slider .bd ul li{ width:25%; float:left;}
.box2 .slider .bd ul li .box{ background:#fff; padding:0 22px; overflow:hidden; border:1px solid #ccc; position:relative; margin:0 25px;}
.box2 .slider .bd ul li span{ display:block; width:126px; line-height:34px; color:#fff; font-size:20px; font-family:'palatino linotype'; text-align:center; background:#ccc; margin:0 -22px;}
.box2 .slider .bd ul li a{ display:block; height:64px; line-height:32px; color:#666; font-size:18px; margin:20px 0 4px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box2 .slider .bd ul li a:hover{ color:#1a35a6;}
.box2 .slider .bd ul li p{ display:block; line-height:42px; color:#aaa; font-size:14px; padding:0 0 14px;}
.box2 .slider .bd ul li .box:hover{ border-color:#1a35a6;}
.box2 .slider .bd ul li .box:hover span{ background:#1a35a6;}
.box2 .slider .bd ul li.hot .box{ border-color:#c9051b;}
.box2 .slider .bd ul li.hot a{ color:#c9051b;}
.box2 .slider .bd ul li.hot p{ color:#c89fa4;}
.box2 .slider .bd ul li.hot span{ background:#c9051b !important;}
.box2 .slider a.prev,
.box2 .slider a.next{ display:block; width:42px; height:42px; border:1px solid #ccc; border-radius:50%; cursor:pointer; position:absolute; top:50%; margin-top:-22px; z-index:9;}
.box2 .slider a.prev{ background:#fff url(/uploads/image/saciicons/prev2.png) center top no-repeat; left:-74px;}
.box2 .slider a.next{ background:#fff  center top no-repeat; right:-74px;}
.box2 .slider a.prev:hover,
.box2 .slider a.next:hover{ background-position:center bottom; border-color:#c9051b;}

.box3{ height:608px; background:url(/uploads/image/saciicons/bg3.jpg) center top no-repeat;}
.box3 .calender{ width:764px; height:444px; position:relative; float:left; margin:38px 0 0;}
.box3 .calender::before{ content:''; display:block; width:100vw; height:100%; background:url(/uploads/image/saciicons/calender.jpg) right top no-repeat; position:absolute; right:0; top:0; z-index:1;}
.box3 .calender::after{ content:''; display:block; overflow:hidden; clear:both;}
.box3 .calender h3{ display:block; line-height:70px; color:#fff; font-size:22px; padding:14px 0 0; overflow:hidden; position:relative; z-index:2;}
.box3 .calender select.month{ display:block; height:42px; color:#fff; font-size:14px; background:none; border:0; float:right; position:relative; z-index:2; margin:28px 20px 0 0;}
.box3 .calender select.month option{ color:#1a35a6;}
.box3 .calender #calender{ height:294px; height:324px; background:#f3f4f9; overflow:hidden; position:relative; z-index:2;}
.box3 .calender table.table-calendar{ width:428px; font-family:'palatino linotype'; table-layout:fixed; border-collapse:collapse; margin:14px 0 0 32px;}
.box3 .calender table.table-calendar tr th{ line-height:58px; color:#1a35a6; font-size:14px; text-align:center; padding:0;}
.box3 .calender table.table-calendar tr td{ padding:1px 0;}
.box3 .calender table.table-calendar tr td span{ display:block; width:36px; line-height:36px; color:#99a4ce; font-size:14px; font-weight:bold; text-align:center; border-radius:50%; margin:0 auto;}
.box3 .calender table.table-calendar tr td.selected span{ background:#d9ddec; cursor:pointer;}
.box3 .calender table.table-calendar tr td.current span{ color:#fff; background:#c9051b; cursor:pointer;}
.box3 .info{ display:block; width:220px; height:440px; background:#fff; padding:0 26px; border-top:3px solid #c9051b; float:right; position:relative; z-index:2; cursor:pointer;}
.box3 .info dl{ display:block; overflow:hidden; position:relative; z-index:2;}
.box3 .info dl dt{ display:block; line-height:36px; color:#c9051b; font-size:20px; font-weight:bold; padding:28px 0; border-bottom:1px dashed #cacaca; margin:0 0 22px;}
.box3 .info dl dd{ display:block; overflow:hidden; padding:9px 0;}
.box3 .info dl dd img{ display:block; width:16px; height:16px; float:left; margin:3px 10px 0 0;}
.box3 .info dl dd p{ display:block; line-height:22px; color:#999; font-size:14px; overflow:hidden;}
.box3 dl.news{ display:block; width:calc(100% - 846px); height:444px; padding:0 0 0 24px; border-left:1px solid rgba(26,53,166,0.3); margin:38px 0 0; float:right;}
.box3 dl.news dt{ display:block; overflow:hidden; padding:0 0 20px;}
.box3 dl.news dt b{ display:block; line-height:22px; color:#1a35a6; font-size:22px; overflow:hidden;}
.box3 dl.news dt a{ display:block; line-height:22px; color:#999; font-size:14px; float:right;}
.box3 dl.news dt a:hover{ color:#c9051b;}
.box3 dl.news dd{ display:block; margin:28px 0 0; position:relative;}
.box3 dl.news dd::after{ content:''; display:block; width:7px; height:7px; background:#1a35a6; border-radius:50%; position:absolute; left:-28px; top:10px;}
.box3 dl.news dd a{ display:block; line-height:28px; color:#444; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 dl.news dd a:hover{ color:#c9051b;}
.box3 dl.news dd p{ display:block; line-height:24px; color:#999; font-size:13px; overflow:hidden;}

.box4{ height:658px; background:url(/uploads/image/saciicons/bg4.jpg) center top no-repeat;}
.box4 h2.title{ color:#c9051b; margin:18px 0 0;}
.box4 dl{ display:block; overflow:hidden; padding:48px 0 0;}
.box4 dl dt{ display:block; overflow:hidden; background:url(/uploads/image/saciicons/quot_l.png) left top no-repeat, url(/uploads/image/saciicons/quot_r.png) right bottom no-repeat; padding:42px 206px 26px; border:1px solid #c9051b; margin:0 0 28px;}
.box4 dl dt a{ display:block; line-height:54px; color:#333; font-size:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.box4 dl dt a:hover{ color:#c9051b;}
.box4 dl dt .txt{ height:56px; line-height:28px; color:#888; font-size:15px; padding:4px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 dl dt span{ display:block; line-height:54px; color:#c9051b; font-size:15px; overflow:hidden;}
.box4 dl dd{ display:block; width:32%; position:relative; float:left; margin-right:2%;}
.box4 dl dd:last-child{ margin-right:0;}
.box4 dl dd a{ display:block; line-height:32px; color:#666; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/uploads/image/saciicons/dot_cur.png) left center no-repeat; padding-left:16px;}
.box4 dl dd a:hover{ color:#c9051b;}

@media only screen and (min-width:1441px){
.ibox .con{ width:1400px;}
}

@media only screen and (min-width:1590px){
.ibox .con{ width:80vw;}
}





/**/