@charset "utf-8";
.banner {
	position:relative;
	width:100%;
	height:554px;
	z-index:1;
}
.banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center; }
.banner .hd { position:absolute; bottom:1%; width:100%; height:12px; z-index:1; }
.banner .hd ul { width:1002px; height:12px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 2px; border-radius:100%; background:#fff; line-height:99px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background:#595959; opacity:1; }
.banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:59px; height:60px; margin-top:-30px; z-index:99; display:none; }
.banner .bPrev { left:3%; background:url(bPrev.png) no-repeat; }
.banner .bNext { right:3%; background:url(bNext.png) no-repeat; }

.fls { position:absolute; top:-10px; left:50%; width:380px; height:90px; margin-left:-190px; z-index:9; }

.container { position:relative; }
.g-bd { width:1000px; margin:0 auto; }

.col-b { padding:18px 0 30px; }
.col-b .m-mn { float:left; width:320px; margin-right:54px; }
.col-b .m-sd { float:left; width:308px; }
.col-b .m-ex { float:right; width:264px; }

.u-tt .hd { position:relative; height:60px; line-height:60px; }
.u-tt .hd h2 { height:60px; color:#005bac; font-size:18px; }
.u-tt .hd h2 i,.u-tt .hd h2 em { float:left; font-weight:bold; vertical-align:top; }
.u-tt .hd h2 em { padding:15px 0 0 8px; color:#b9b9b9; font-size:15px; line-height:30px; text-transform:uppercase; }
.u-tt .hd .more { position:absolute; top:0; right:0; padding-right:10px; font-size:11px; text-transform:uppercase; }

 
.list li { padding-left:10px; background:url(o_ico_01.gif) no-repeat 0 10px; line-height:26px; }
.list li span { float:right; color:#888; font-size:11px; }

.m-info { line-height:20px; }

.col-c { padding:18px 0 30px; border-top:1px solid #e1e1e1; background:#e9eaef; }
.col-d { background:#3585c4 url(o_ico_02.jpg) repeat-x; }
.col-e { padding:18px 0 30px; border-top:2px solid #5599cd; background:#3585c4; overflow:hidden; }

.iso { height:52px; line-height:26px; font-size:14px; letter-spacing:10px; }

.m-share { position:relative; width:990px; height:40px; margin:0 auto; color:#fff; }
.m-share i { display:block; position:absolute; top:0; left:50%; width:26px; height:13px; margin-left:-13px; background:url(o_ico_03.jpg) no-repeat center top; cursor:pointer; }
.m-site { float:left; padding-left:108px; background:url(o_ico_05.jpg) no-repeat; }
.m-site dl { float:left; padding:10px; margin-right:10px; background:#226eab; }
.m-site dl dt { margin-bottom:10px; border-bottom:1px solid #4d79a6; color:#fff; line-height:38px; font-size:14px; text-align:center; }
.m-site dl dd { padding:4px 0 4px 6px; font-size:14px; line-height:16px; }
.m-site dl dd a { color:#fff; }
.m-site dl dd a:hover { color:#ff0; }

.m-cons { float:right; width:264px; padding-top:65px; background:url(o_ico_06.jpg) no-repeat; color:#fff; line-height:23px; }

.pro { position:relative; height:324px; }
.pro-i { position:absolute; height:100px; padding-top:56px; color:#fff; text-align:center; cursor:pointer; }
.pro-i .u-pic { position:absolute; top:0; left:0; display:none; }
.pro-i a { color:#fff; }
.pro-i h2 { position:relative; font-size:20px; font-weight:100; line-height:30px; z-index:1; }
.pro-i h3 { position:relative; font-size:11px; font-weight:100; line-height:14px; text-transform:uppercase; opacity:0.6; z-index:1; }
.pro .hover { height:36px; padding-top:120px; }
.pro .hover .u-pic { display:block; }
.pro .hover h2 { background:url(o_ico_04.png); line-height:36px; }
.pro .hover h3 { display:none; }
.pro-1 { top:0; left:0; width:156px; background:#e76653; }
.pro-2 { top:0; left:168px; width:156px; background:#9c6830; }
.pro-3 { top:0; left:336px; width:156px; background:#35444b; }
.pro-4 { top:0; right:290px; width:206px; background:#006fb7; }
.pro-5 { top:0; right:0; width:278px; background:#ba534f; }
.pro-6 { bottom:0; left:0; width:324px; background:#e67c00; }
.pro-7 { bottom:0; left:336px; width:375px; background:#27ae61; }
.pro-8 { bottom:0; right:0; width:278px; background:#9b58b5; }



.container img { vertical-align:top; }
