@charset "utf-8";

/*css reset*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;outline: none;}
button{background: none; border: none; cursor: pointer;}
body{font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;  text-align:center; margin:0 auto; }
table{border-collapse:collapse;border-spacing:0;}
a{ color:#333; text-decoration:none;}
img{border: none; vertical-align: top;}

/*给ul添加.clearfix用来清浮动*/
.clearfix{
    zoom: 1;
}

.clearfix:before, .clearfix:after { 
     display: table; 
     line-height: 0; 
     content: ""; 
} 
.clearfix:after { 
     clear: both; 
}
/*清浮动结束*/


/*顶部通栏广告*/

.topHeader{
	display: block;
    width:100%;
}

.topHeader img{
    width: 100%;
}

.header{
    width: 1167px;
    margin: 0px auto;
    padding-left: 20px;
    padding-right: 13px;
    padding-bottom: 40px;
}

.header .logos{
	display: block;
    width: 307px;
    height: 117px;
    background: url(../images/logo.png) no-repeat;
    float: left;
}

.header .searchs{
    float: right;
    padding-top: 35px;
}

.header .searchs .searchs_box{
    width: 452px;    
    border: 2px solid #5ba627; 
    position: relative;   
}

.header .searchs .searchs_box .searchs_name{
    width: 375px;
    height: 35px;
    padding-left: 13px;
    line-height: 31px;
    color: #989898; 
    float: left;
    border: none;
     
}

.header .searchs .searchs_box .submits{
	display: block;
	width: 64px;
    height: 37px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 37px;
    color: #fff;
    background-color: #5ba627;
    position: absolute;
    right: 0px;
}

/*导航栏*/

.nav_container{
	width: 100%;
	height: 42px;
	padding-top: 18px;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #5aa628;
}

.nav{
	width: 1184px;
	margin: 0px auto;
	padding-left: 16px;
}

.nav li{
	float: left;
	width: 110px;
	height: 35px;
	margin-right: 38px;
	text-align: center;
	position: relative;
}

.nav li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 35px;
	font-weight: bold;
	font-size: 16px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.cssh_active{
	background:#5aa628;
}

.nav li a:hover{	
	background:#5aa628;
	color: #fff;
}

.cssh_line{
	width: 55px;	
	height: 3px;
	background-color: #5aa628;
	margin: 0px auto;	
	margin-top: 5px;
	display: none;
}

.cssh_active1{
	display: block;
}

/*头部菜单栏--开始*/
#c_ddsh a {
    background-color:#5AA628; color:#fff;
}

#c_ddsh span {
    display:block; width:61px; height:3px; background-color:#5AA628; margin-top:6px; margin-left:24px;
}
/*头部菜单栏--结束*/


/*热门搜索词*/

.searchs_hot{
	text-align: left;
	padding-top: 10px;
}

.searchs_hot .rmss{
	color: #999;
	font-size: 12px;
	font-weight: bold;
}

.searchs_hot a{
	font-size: 12px;
	color: #969696;
}

.searchs_hot a:hover{
	color: #59A626;
}

.searchs_hot .searchs_line{
	font-size: 12px;
	color: #969696;
}

/*底部*/

.cssh_footer{
	width: 100%;
	height: 154px;
	background-color: #000;
	padding-top: 44px;
}

.cssh_footers{
	width: 989px;
	margin: 0px auto;
	padding-left: 211px;
}

.cssh_footers>li{
	float: left;
}

.cssh_footers1{
	padding-bottom: 15px;	
}

.cssh_iWidth1{
	width: 430px;
	margin: 0px auto;
}

.cssh_iWidth2{
	width: 400px;
	margin: 0px auto;
}

.cssh_footers1 li{
	float: left;
}

.cssh_footers1 li a,.cssh_footers1 li span{
	font-size: 14px;
	color:#298728;
	font-weight: bold;
}

.cssh_footers1 li span{
	padding-left: 12px;
	padding-right: 12px;
}

.cssh_footers2{
	font-size: 12px;
	color:#298728;
	font-weight: bold;
	text-align: left;
	padding-bottom: 15px;
}

.cssh_footers_left{
	width: 580px;
	margin-right: 224px;
}


/*推荐作品*/

.cssh_jxdsh{
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 9px;
	padding-top: 21px;
	border-bottom: 1px solid #5AA628;
}

.cssh_jxdsh_title{
	float: left;
}

.cssh_jxdsh li{
	float: left;
	margin-right: 7px;
	padding-top: 8px;
}

.cssh_jxdsh li.cssh_padding{
	padding-top: 0px;
}

.cssh_jxdsh li span{
	margin-left: 10px;
	color: #5AA628;
}

.cssh_jxdsh li a{
	color: #5AA628;
}

.cssh_jxdsh li a.cssh_big{
	font-size: 22px;
	font-weight: bold;	
}

.cssh_jxdsh .cssh_more{
	display: block;
	float: right;
	width: 46px;
	height: 20px;
	background-color: #5AA628;
	color: #fff;
	line-height: 20px;
	position: relative;
	top: 10px;
}

/*推荐作品列表*/

.ddsh_works_container{
	width: 100%;
	padding-top: 22px;
}

.ddsh_works{
	width: 1184px;
	height: 720px;
	margin: 0px auto;
	background-color: #5aa727;
	text-align: left;
	padding-left: 18px;
	padding-top: 20px;
}

.ddsh_works_top li{
	float: left;
}

.ddsh_works_top li a.ddsh_works_top_left{
	display: block;
	width: 216px;
	height: 216px;
	position: relative;
}

.ddsh_works_top li a img{
	width: 100%;
	height: 100%;
}

.ddsh_works_top li a.ddsh_iMbottom{
	position: relative;
	margin-bottom: 19px;
}

.ddsh_works_top_middle{
	
}

.ddsh_works_top_middle a{
	display: block;
	width: 453px;
	height: 453px;
	position: relative;
}

.ddsh_works_top_middle a img{
	width: 100%;
	height: 100%;
}

.ddsh_iMright{
	margin-right: 20px;
}

.ddsh_iMright1{
	margin-right: 20px;
}

.ddsh_iMright2{
	margin-right: 11px;
	margin-bottom: 13px;
}

.ddsh_works_top_right a{
	display: block;
	width: 453px;
	height: 453px;
	position: relative;
}

.ddsh_works_top_right a img{
	width: 100%;
	height: 100%;
}

.ddsh_works_bottom{
	padding-top: 17px;
}

.ddsh_works_bottom li{
	float: left;
}

.ddsh_list_container{
	width: 100%;
	padding-top: 21px;
	padding-bottom: 42px;
}
.ddsh_work_list{
	width: 1200px;
	margin: 0px auto;	
}

.ddsh_work_list li{
	float: left;
}

.ddsh_work_list li a{
	display: block;
	width: 289px;
	height: 291px;
	position: relative;
}

.ddsh_work_list li a img{
	width: 100%;
	height: 100%;
}


/*当代书画遮罩层*/

.ddsh_works_mask{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    display: none;
}

.ddsh_works_mask .ddsh_works_masks{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0; 
	bottom: 0;
	margin: auto;
	width: 67.67%;
	height: 150px;
}

.ddsh_works_mask_title{
	font-weight: bold;
}

/*-----------------*/

.ddsh_works_mask1{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    display: none;
}

.ddsh_works_mask1 .ddsh_works_masks1{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0; 
	bottom: 0;
	margin: auto;
	width: 67.67%;
	height: 120px;
}

.ddsh_works_mask_title1{
	font-weight: bold;
}

#ddsh_works_bottom li>a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

/*----------------------------*/

.ddsh_works_mask2{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    display: none;
}

.ddsh_works_mask2 .ddsh_works_masks2{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0; 
	bottom: 0;
	margin: auto;
	width: 67.67%;
	height: 70px;
}

.ddsh_works_mask_title2{
	font-weight: bold;
	font-size: 28px;
	color: #fff;
}