@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; border:0px; width:100%; height:100%; }


@font-face {
	font-family: 'BSiconfont';
    src: url('/Src/font/icons/bs_icons_01.eot'); /* IE9*/
    src: url('/Src/font/icons/bs_icon_01.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Src/font/icons/bs_icon_01.woff') format('woff'), /* chrome、firefox */
    url('/Src/font/icons/bs_icon_01.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/Src/font/icons/bs_icon_01.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.BSiconfont{
    font-family:"BSiconfont",'STHeiti-Light','STHeiti-Medium','Microsoft YaHei UI', 'Microsoft YaHei','微软雅黑','微軟正黑體','Droid Sans','Droid Sans Fallback' !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


*{ margin:0px; padding:0px; border:none; text-decoration:none}
*{ font-family:'STHeiti-Light','STHeiti-Medium','Microsoft YaHei UI', 'Microsoft YaHei','微软雅黑','微軟正黑體','Droid Sans','Droid Sans Fallback' !important}
a{ cursor:pointer; width:100%; height:100%; float:left;}
.bgp{ background:#9B59B6}
.bgt{ background:#1ABC9C}
.bgo{ background:#D03E1A}
.bgg{ background:#2ECC71}
.bgb{ background:#3498DB}
.bg0{ background:#79d4da}
.bg1{ background:#81c48f}
.bg2{ background:#fdb53f}
.bg3{ background:#e0dad1}
.bg4{ background:#f4d17e}
.bg5{ background:#e14b4e}
.bg6{ background:#4774b7}
.bg7{ background:#4b4461}

#slider{ width:100%; height:180px; background:#ccc; float:left; text-align:center; line-height:200px; color:#fff; overflow:hidden}
/*#slider img{ height:100%;}*/
.btn{ border-top:0px !important; margin-top:0px !important;}

.pice{ width:100%; float:left; height:300px; overflow:hidden; margin-top:2px;}
.pice .divide{ height:100%; width:50%; float:left;}
.pice .divide .lit{ width:100%; height:35.5%; float:left; border:2px solid #fff; margin:-2px; overflow:hidden; position: relative;}
.pice .divide .lar{ width:100%; height:65.5%; float:left; border:2px solid #fff; margin:-2px; overflow:hidden;}

.pice .divide .lit a{ color: #fff; font-weight:bold; font-size:15px; width: 80%; height: 90px; top: 50%; margin-top: -45px; padding-left: 20%; float: left;  position: relative;}
.pice .divide .lit a span{ font-size: 25px; line-height: 90px; margin-right: 10px;}

.pice .divide .lar a .pic{ height:50px; float:left; position: relative; left:50%;  margin-left:-25px; margin-top:14.5%; margin-right:15px; z-index:99; font-size: 50px; color: #fff }

.pice .divide .lit { position:relative}
.pice .divide .lit a { z-index:99; position:relative}
.pice .divide .lar { position:relative}
.pice .divide .lar a { z-index:99; position:relative}
.pice .divide .lit a .pic{ height:30%; float:left; margin-left:30px; margin-top:16.5%; margin-right:15px; z-index:99; }
.pice .divide .lit a .tit{ height:20px; float:left; line-height:20px; top:50%; position:relative; margin-top:-10px; color:#fff; font-weight:bold; font-size:15px; z-index:99;}
.pice .divide .lar a .tit{ height:20px; float:left; line-height:20px; margin-top:10%; margin-left:10%; width:90%; color:#fff; font-weight:bold; font-size:15px; z-index:99;}
.pice .divide .lar a .pic{ height:50px; float:left; position: relative; left:50%;  margin-left:-25px; margin-top:16.5%; margin-right:15px; z-index:99; }
.pice .divide .tilebg{ height:100%;width: 100%; z-index:0; position:absolute; left:0px; top:0px;}