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

*{ 
	margin:0px; 
	padding:0px;
	border:none;
	color:#333;
	font-size:12px;
	font-family:"Microsoft YaHei",SimSun;
	list-style-type:none;
}
a{ color:#333; text-decoration:none;}
a:hover{ color:#CA1D1D; text-decoration:underline;}
body{ background:#065DB1 url(../images/index-bg.jpg) center top no-repeat; background-size:100%;}





/* HEAD --------------- */
.head{ width:100%; height:54px; padding:0 0 6px 0; position:absolute; top:10px; left:0px; /*background:#1A57A0;*/ background:url(../images/head-bg.png) bottom repeat-x;
 /*border-bottom:1px solid rgba(255,255,255,0.06);*/}
.head .hmain{ width:988px; height:54px; margin:0 auto; padding:1px 0;}
.head .hmain .logo{ height:54px; float:left; color:#FFF;}
.head .hmain .text{ height:54px; float:right; color:#FFF;}
.head .hmain .text a,.head .hmain .text span{ height:24px; float:left; padding:15px;}
.head .hmain .text a img{ height:100%; float:left;}
.head .hmain .text a:hover{ background:rgba(255,255,255,0.10);}
.head .hmain .text a:hover img{ border-radius:100%;}

.head .hmain .text span i{ width:24px; height:24px; float:left; padding:0 10px 0 0;}
.head .hmain .text span i img{ float:left;}
.head .hmain .text span em{ height:24px; float:left; color:#FFF; font:normal 14px/24px "Microsoft YaHei";}



/* MAIN --------------- */
.Main{ width:988px; height:493px; margin:0 auto; padding:110px 0 55px 0;}
.Main .main-left{ width:278px; height:493px; float:left; margin:0 8px 0 0;}
.Main .main-left-top{ width:228px; height:262px; padding:0 25px; background:#197DB9;}
.Main .main-left-top h1{ width:228px; height:35px; color:#FFF; line-height:33px; padding:18px 0 0 0; font:normal 18px/35px "Microsoft YaHei";}
.Main .main-left-top p{ width:228px; height:40px; padding:5px 0 19px 0; line-height:20px; color:#BAF0FF; border-bottom:1px dashed #27A4C6;}
.Main .main-left-top p a{ color:#FFF;}
.Main .main-left-top ul{ width:228px; float:left; overflow:hidden; padding:25px 0 0 0;}
.Main .main-left-top ul li{ width:50%; height:28px; float:left; line-height:28px;}
.Main .main-left-top ul li a{ display:block; color:#FFF; font-weight:bold; padding:0 15px 0 10px;}
.Main .main-left-top ul li a:hover{ border-radius:3px; background:#1170A8 url(../images/nav-li-bg.png) 100px 11px no-repeat; text-decoration:none;}

.Main .main-left-bottom{ width:228px; height:223px; padding:0 25px; margin:8px 0 0 0; background:#354FC9;}
.Main .main-left-bottom h1{ width:228px; height:33px; color:#FFF; line-height:33px; padding:18px 0 0 0; font:normal 16px/33px "Microsoft YaHei";}
.Main .main-left-bottom .time{ width:228px; padding:6px 0 0 0;}
.Main .main-left-bottom .time span{ font-size:24px; color:#66C6FF;}
.Main .main-left-bottom .time u{ font-size:14px; color:#66C6FF; padding:0 0 0 5px; text-decoration:none;}
.Main .main-left-bottom .slider{ width:228px; height:70px; overflow:hidden; position:relative;}
.Main .main-left-bottom .slider ul{ width:200%; height:70px;}
.Main .main-left-bottom .slider ul li{ width:228px; height:70px; float:left; padding:0 20px 0 0;}
.Main .main-left-bottom .slider ul li span{ width:228px; height:30px; float:left; font-size:14px; color:#FFF; line-height:30px;}
.Main .main-left-bottom .slider ul li p{ width:228px; height:40px; color:#A4B6D9; line-height:20px;}
.Main .main-left-bottom .slider ul li p a{ color:#66C6FF;}
.Main .main-left-bottom .control{ height:24px; padding:18px 0 0 0;}
.Main .main-left-bottom .control a{ width:24px; height:24px; float:left; margin:0 8px 0 0; opacity:0.5;}
.Main .main-left-bottom .control a.over{ opacity:1;}
.Main .main-left-bottom .control a.prev{ background:url(../images/search-bg.png) 0px -100px no-repeat;}
.Main .main-left-bottom .control a.next{ background:url(../images/search-bg.png) 0px -144px no-repeat;}

/* ----- BANNER -------------------- */
.banner{ width:340px; height:493px; float:left; overflow:hidden; position:relative; margin:0 8px 0 0; background:#FFF;}
.banner .main-pic{ width:2000%; height:493px; float:left; overflow:hidden; position:absolute; top:0; left:0; background:#CCC;}
.banner .main-pic a{ width:340px; height:493px; float:left;}
.banner ul{ width:340px; text-align:center; position:absolute; bottom:20px; left:0px; z-index:9;}
.banner li{ width:10px; height:10px; text-indent:-99999px; overflow:hidden; display:inline-block; background:url(../images/slide-bg.png) 0px -11px;}
.banner li.cur{ background:url(../images/slide-bg.png) 0px 0px;}


.main-right{ width:154px; height:493px; float:left;}
.main-right-top{ width:354px; height:360px; margin:0 0 8px 0;}
.right-left{ width:147px; height:360px; float:left; background:#1FB9A0;}
.right-left h1{ width:147px; height:33px; color:#FFF; line-height:33px; text-align:center; padding:18px 0 0 0; font:normal 16px/33px "Microsoft YaHei";}
.right-left ul{ width:147px; height:309px;}
.right-left ul li{ width:147px; height:103px; float:left;}
.right-left ul li a{ width:147px; height:35px; display:block; text-align:center; font-size:14px; line-height:30px; color:#FFF; padding:68px 0 0 0;}
.right-left ul li a:hover{ background-color:#0D9D86; text-decoration:none;}
.right-left ul li a.a1{ background-image:url(../images/product-bg.png); background-position:53px 18px; background-repeat:no-repeat;}
.right-left ul li a.a2{ background-image:url(../images/product-bg.png); background-position:-52px 18px; background-repeat:no-repeat;}
.right-left ul li a.a3{ background-image:url(../images/product-bg.png); background-position:-170px 18px; background-repeat:no-repeat;}
.right-right{ width:199px; height:360px; float:right;}
.right-right-top{ width:199px; height:176px; float:left; margin:0 0 8px 0; background:#3045A6;}
.right-right-top a{ width:199px; height:59px; display:block; line-height:59px; font-size:16px; text-align:center; color:#FFF; padding:107px 0 10px 0; background:url(../images/product-bg.png) 64px -75px no-repeat;}
.right-right-bottom{ width:199px; height:176px; float:left; background:#0F80C4;}
.right-right-bottom a{ width:199px; height:59px; display:block; line-height:59px; font-size:16px; text-align:center; color:#FFF; padding:107px 0 10px 0; background:url(../images/product-bg.png) -116px -75px no-repeat;}
.main-app{ width:354px; height:125px; float:left;}
.main-app-left{ width:145px; height:125px; float:left; background:#DB9432;}
.main-app-left a{ width:145px; height:48px; float:left; line-height:40px; font-size:16px; color:#FFF; text-align:center; padding:77px 0 0 0; background:url(../images/product-bg.png) 44px -255px no-repeat;}
.main-app-right{ width:141px; height:125px; float:right; background:#5D50CE;}
.main-app-right a{ width:141px; height:48px; float:left; line-height:40px; font-size:16px; color:#FFF; text-align:center; padding:77px 0 0 0; background:url(../images/product-bg.png) -138px -255px no-repeat;}









/* ---------------
	  FOOTER
--------------- */
.Footer{ width:100%; height:176px; margin:0 auto; padding:16px 0 20px 0; background:url(../images/footer-bg.png) top repeat-x ; /*background:rgba(255,255,255,0.08); border-top:1px solid rgba(0,0,0,0.15);*/}
.Footer p{ width:100%; float:left; font-size:14px; color:#FFF; text-align:center; line-height:26px; opacity:0.88;}
.Footer span{ width:88px; height:88px; clear:both; display:block; margin:0 auto; padding:15px 0 0 0;}
.Footer span img{ width:100%; float:left; border-radius:2px;}