/* 全局设置 */
*{margin: 0px;padding: 0px;}
html,body{margin: 0px;padding: 0px; background-color:#FAFAFA;}
ul,li{list-style:none;list-style-type:none;list-style-position:outside;}
input,textarea{ outline:none; }
textarea{ resize:none; }
html,body,td,div{font-size: 10pt;font-family:"Microsoft Yahei", Arial, "Lantinghei SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;}
a:link,a:visited {color: #333333;text-decoration: none;}
a:hover,a:active {color: #108CEE;text-decoration: none;}
.row_blank,.rb{height:10px;clear: both;}
.clear,.cf{clear: both;}
/* 居中 */
.warp{width: 1200px;margin-right: auto;margin-left: auto;}
/* header */
.header{}
.header,.header .warp{background-color:#282D30;}
.header,.header .warp,.header .logo,.header .nav,.nav li,.nav a{height:40px;line-height:40px;}
.header .logo{float:left;width: 200px;background-image: url(tpl/toplogo.png);background-repeat: no-repeat;background-position: left center;}
.header .nav{ float:right;}
.header .nav li{float:left;color: #696C6F;}
.header .nav .line{width:1px;border-right-width: 1px;border-right-style: solid;border-right-color: #535759;}
.header .nav .line span{display:none;}
.header .nav a{display:block; padding-left:5px;padding-right:5px;}
.header .nav a:link,.header .nav a:visited {color: #696C6F;text-decoration: none;}
.header .nav a:hover,.header .nav a:active {background-color:#009EE5;color: #FFFFFF;text-decoration: none;}
/* Slide */
.slide,.slide .warp{background-image: url(tpl/Slide01.jpg);background-repeat: no-repeat;background-position: center center;height: 300px;background-color:#009EE5;}

/* Scontainer */
.container{ padding-top:10px; padding-bottom:10px;}
.container .border{
	border: 1px solid #EBEBEB;
	min-height:150px;
}
.container .box{clear: both;}
.container .about{float:left;width: 335px; height:360px;}
.container .recommend{float:right;width: 850px;height:360px;}

.container .about .box{margin-left:10px;margin-right:10px;}
.container .about .face{}
.container .about .face img{width: 120px;height:120px;float:left;}
.container .about .face h2,.container .about .face p{float:right; width:185px;}
.container .about .face h2{line-height:20px;font-size:16px; font-weight:normal; color:#333333;}
.container .about .face p{line-height:20px; color:#666666;}
.container .about .lb{
	height: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #EBEBEB;
	clear: both;
}
.container .about .info img{width: 120px;height:120px;float:left;}
.container .about .info h2,.container .about .info p{float:right; width:185px;}
.container .about .info h2{line-height:20px;font-size:16px; font-weight:normal; color:#333333;}
.container .about .info p{line-height:20px; color:#666666;}


.recommend .box{margin-left:10px;}
.recommend li{
	height: 60px;
	margin-bottom: 10px;
	float:left;
	margin-right:10px;
	background-image: url(tpl/line_dashed_h.gif);background-repeat: repeat-x;background-position: left bottom;
}
.recommend li.last{height: 50px;background-image: none;}

.recommend li a{display: block;width: 410px;height: 50px;overflow: hidden;}
.recommend li i{ float:left;width:50px;height:50px;margin-right:10px;}
.recommend li a p,.recommend li a span{float:left; width: 330px;}
.recommend li a p{ font-size:18px;line-height:30px;}
.recommend li a span{ font-size:14px;line-height:20px;color:#999999;}
.recommend li a:link,.recommend li a:visited {color: #333333;text-decoration: none;}
.recommend li a:hover,.recommend li a:active {color: #108CEE;text-decoration: none;}

.recommend i{background-repeat: no-repeat;background-position: left center;}
.recommend .ri_code{background-image: url(icon/icon_code.png);}
.recommend .ri_xuehua{background-image: url(icon/icon_xuehua.png);}
.recommend .ri_music{background-image: url(icon/icon_music.png);}
.recommend .ri_mofang{background-image: url(icon/icon_mofang.png);}
.recommend .ri_dui{background-image: url(icon/icon_dui.png);}
.recommend .ri_ie{background-image: url(icon/icon_ie.png);}
.recommend .ri_btn{background-image: url(icon/icon_btn.png);}
.recommend .ri_popup{background-image: url(icon/icon_popup.png);}
.recommend .ri_xuanzhuan{background-image: url(icon/icon_xuanzhuan.png);}
.recommend .ri_window{background-image: url(icon/icon_window.png);}
/* ------------------------- */
.shop{width: 1200px;margin-right: auto;margin-left: auto;border: 1px solid #EBEBEB;height:140px;background-color:#FFFFFF;margin-top:10px;}
.shophead{float:left;display:inline;width:160px;height:120px;overflow: hidden; margin-left:10px;margin-top:10px;}
.shoplist{float:left;display:inline;width:1010px;height:120px;overflow: hidden; margin-left:10px;margin-top:10px;}
.shoplist ul{display:table;}
.shoplist li{display:table-cell;text-align:left;}
.shoplist .item{width:170px;height:120px; display:block;}
.shoplist a img{width:160px;height:120px;}
/* ------------------------- */
/*artlistview*/
.artbox{
	background-color: #FFFFFF;
}
.artlistview{
	display:table;
	width:100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #EBEBEB;
	border-left-color: #EBEBEB;
}
.artlistview .artrow{ display:table-row;}
.artlistview .artcol{
	display:table-cell;
	width:50%;
	vertical-align:top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
}
.artlistview h1,
.artlistview h2{line-height:40px;height:40px;font-size:18px; font-weight:normal; color:#108CEE; text-indent:10px; display:block;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #EBEBEB;}
.artlistview h2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}
.artlistview ul{ margin:10px;}
.artlistview li{ display:block;height:30px;margin-bottom: 10px;background-image: url(tpl/line_dashed_h.gif);background-repeat: repeat-x;background-position: left bottom; clear:both;}
.artlistview li.last{height: 20px;background-image: none;margin-bottom: 0px;}
.artlistview li a{ float:left; height:20px;line-height:20px;}
.artlistview li a:link,.artlistview li a:visited {color: #333333;text-decoration: none;}
.artlistview li a:hover,.artlistview li a:active {color: #108CEE;text-decoration: none;}
.artlistview li a i{
	background-image: url(small/icon_art.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	width:20px;
	height:20px;
	float:left;
}
.artlistview li a:hover i,.artlistview li a:active i{background-position: center -30px;}
.artlistview li a span{
	float:left;
}
.artlistview .bigitem{ height:80px; overflow:hidden;}
.artlistview .bigitem .icon{float:left;width: 80px;height: 80px;}
.artlistview .bigitem .icon img{
	height: 60px;
	width: 60px;
	margin-top: 10px;
	margin-left: 10px;
}
.artlistview .bigitem .info{float:left;}
.artlistview .bigitem .info h3,
.artlistview .bigitem .info a,
.artlistview .bigitem .info p{height:20px; line-height:20px; color:#999999;}
.artlistview .bigitem .info h3{margin-top: 10px;font-size:16px;color:#333333; font-weight:normal;}
.artlistview .bigitem .info a:link,.artlistview .bigitem .info a:visited {color: #333333;text-decoration: none;}
.artlistview .bigitem .info a:hover,.artlistview .bigitem .info a:active {color: #108CEE;text-decoration: none;}
.artlistview .bigitem .info a i{
	background-image: url(small/icon_art.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	width:20px;
	height:20px;
}
/*bottom*/
.bottom{}
.bottom,.bottom .warp{ background-color:#444855; color:#A6A7AA; text-align:center; line-height:2.0;}
.bottom a:link,.bottom a:visited {color: #D6D6D6;text-decoration: none;}
.bottom a:hover,.bottom a:active {color: #D6D6D6;text-decoration:underline;}

/*--------------------------------------*/
/*高DPI处理*/
@media screen and (resolution:120dpi) {
    .header,.header .warp{}
}