﻿/*
	*
		*宋继新艺术网
	*
*/
/* 基本样式 */
body{margin:0px;padding:0px;background-color:#CCC;font-family: "Microsoft YaHei";}
ul {padding: 0px;margin: 0px;list-style: none;}
li{padding: 0px;margin: 0px;list-style: none;}
a{color:#333; text-decoration:none;}
a:hover {color: #093F67; text-decoration:none;}

p{margin:0px; padding:0px;}
.container{width: 1002px;margin: 0px auto;padding: 0px; position:relative;}
.clear{clear: both;}
.left{float:left;}
.right{float:right;}
img{border:0px;}
/***
	**
		*页头和Logo
	**
***/
#header{border: 1xp solid red;width: 100%;height: 135px;background:url(../images/header_bg.jpg) no-repeat center;}
#logo{display:block;margin: 0px auto;padding: 35px 0px;}
/***
	**
		*导航
	**
***/
#menu{background-color: #777;width: 100%;height: 45px;}
#menu .container{width: 1200px;margin: 0px auto;padding: 0px;height: 45px;background: url(../images/menu_bg.jpg);}
#menu ul{padding-left: 120px;}
#menu ul li{display: block;float: left;color: #FFF;margin: 10px 20px;} 
#menu ul li a {color:#fff;}
#menu ul li a:hover{color:#333;}
/***
	**
		*轮播图
	**
***/
#img_roll{
	width: 100%;
	height: 580px; 
	background: url(../images/roll_bg.jpg) no-repeat center;
}

/***
	**
		*作者简介
	**
***/
#auther{width: 100%;height: 508px;background: url(../images/auther_bg.jpg) no-repeat center;}/*作者简介背景*/
#auther .container .titleBlank .titleMore{position:relative;display:block; color:#fff;width: 45px;height: 20px;z-index:1;left: 485px;top:60px;font-size: 12px;color: #fff;}
.titleMore a { color:#fff; }
/*更多*/
#auther .container .titleBlank .titleMore.titleMore{position:relative;display:block;width: 45px;height: 20px;z-index:1;left: 485px;top:60px;font-size: 12px;color: #fff;}/*更多*/
.auther_cons_box{width:100%; height:306px; margin-top: 54px;}
.auther_img_l{width: 402px; height: 306px;}
.auther_img_r{width: 578px; height: 306px;}
.auther_text{text-indent:0.8cm; font-size: 15px; color:#4A4A4B; line-height: 22px; padding:8px 5px; font-weight:600;}
/***
	***
		common
	***
***/
.titleBlank img{display:block;margin: 0px auto;} /*标题栏图片*/
/***
	**
		*艺术历程
	**
***/
#history{width: 100%;height:100%;background: url(../images/history_bg.jpg);background-repeat: repeat;}
/*更多*/
#history .container .history_title_box .titleBlank .titleMore{position:relative;display:block;width: 45px;height: 20px;z-index:1;left: 482px;top:61px;font-size: 12px;color: #fff;}
.history_title_box{ padding-top:44px; padding-bottom:30px;}
/*下拉按钮*/
#btn_box{width:100%;height:48px;background-color:#CCC;}
#showMore img{display:block; margin: 0px auto;}
#brandList ul li{margin-bottom: 25px ;height: 100%;}
/*年份圆图片DIV*/
#brandList .hl{float:left;width:52px;height:52px;}
/*内容*/
#brandList .hr{float:left;margin-left: 25px;margin-bottom: 35px;}
/*内容容器P标签*/
#brandList .hr p{padding-top: 14px;width: 899px; font-size: 15px; color:#444; font-family: "Microsoft YaHei";}
/*下拉按钮上的箭头*/
.arrow{ position: relative;z-index:0;display:block; top: -20px;}
/***
	**
		*作品欣赏
	**
***/
#production{width: 100%; height: 710px; background-color: #CCC; }
/*更多*/
#production  .container .titleBlank .titleMore{position:relative;display:block;width: 45px;height: 20px;z-index:1;left: 485px;top:60px;font-size: 12px;color: #fff;}
/*tab_box 最outDiv*/
#tab_box{width: 1002px; height:510px;margin:38px auto; background-color: #CCC;}
/*图片*/
#tab_box .content .pro_one_box{width:308px;height:245px;float:left;margin: 5px 12px;}
#tab_box .content .pro_one_imgDiv{ width:300px; height:200px;border: 4px solid #DDD;display:block;
	overflow:hidden;box-shadow:2px 3px 2px #888888;}
#tab_box .content .pro_one_textbox{height: 33px;width: 100%;text-align: center;
	padding: 7px 10px;color:#535352; text-align:center; display:block;overflow: hidden;}
#tab_box .content .pro_one_imgDiv img{width: 300px;height: 200px;cursor: pointer;  
	-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}
#tab_box .content .pro_one_imgDiv img:hover{-webkit-transform: scale(1.4);-moz-transform: scale(1.4); transform: scale(1.4); }
/***
	**
		*作品收藏
	**
***/
#collection{width: 100%; height: 522px; background: url(../images/collection_bg.jpg);background-repeat: repeat;}
#collection .container .titleBlank .titleMore{position:relative;display:block;width: 45px;height: 20px;z-index:1;left: 485px;top:60px;font-size: 12px;color: #fff;}
#collection_box{width:1002px; height: 355px; margin: 40px auto;}
.rotate{transition:all 1s;-webkit-transition:all 1s; }
.rotate:hover{cursor: pointer;transform: rotate(40deg);-ms-transform: rotate(40deg);-webkit-transform: rotate(40deg); }
/***
	**
		*无须列表
	**
***/
#tablelist{width: 100%; height: 323px; background-color: #CCC; }
#news_box{width: 100%; height: 323px; padding-top: 40px;}
.title_menu_img{width:480px; height:46px; background-image: url(../images/ul_bg.jpg);}
/*列表title 和 更多*/
.title_menu_img div p{line-height: 45px;margin-left: 15px;color: #333;font-weight: 800;}
.title_menu_img div p span{float: right;margin-right: 25px;}
.title_menu_img div p span a{color:#333;}
/*左侧  名家品牌*/
.l_div{width: 480px;height: 252px;}
/*右侧  资讯博览*/
.r_div{width: 480px;height: 252px;}
.ul_contents{
	 background-image:url(../images/ul_bg.png);width: 475px;height: 200px;}
.ul_contents ul{padding-top: 20px;}
.ul_contents ul li{margin-left: 10px;margin-right: 10px;border-bottom: 1px dashed #333;display: block;
	width:460px;height:40px;}
/*列表文字*/
.ul_contents ul li p{display: block;height: 40px;width: 350px; overflow:hidden;
	line-height: 40px;font-size: 13px;color: #666;font-weight: 400;float:left;}
/*列表中的日期外框*/
.ul_contents ul li span{float: right;}
/*列表中的日期*/
.ul_contents ul li .data{display:block; width:110px; height:40px; float:left;}
.ul_contents ul li p a{color:#666;}
.ul_contents ul li p a:hover{color:#000;}
/***
	**
		*长图
	**
***/
#longPicture{width: 100%; height: 196px;}
/***
	**
		*国际荣誉
	**
***/
#gjry{width:100%; height:362px; background-color:#CCC;}
#gjry .container .titleBlank .titleMore{position:relative;display:block;width: 45px;height: 20px;z-index:1;left: 485px;top:60px;font-size: 12px;color: #fff;}
#honor_img_box ul{list-style: none outside none;padding-left: 0;width: 100%;height: 212px;padding-top: 30px;}
#honor_img_box .gallery li {display: block;float: left;height: 150px;width: 220px;border:3px solid #DDD;margin: 2px  12px;box-shadow:2px 3px 2px #888888;}
#honor_img_box .gallery li a {height: 100px;width: 100px;}
#honor_img_box .gallery li p{display: block;text-align:center;width: 100%;height: 45px;font-size: 13px;color: #666;padding: 2px 4px; }
/***
	**
		*友情链接
	**
***/
#weblinks{width: 100%; height: 46px; background-color: #A1A1A1;}
#weblinks .container ul{padding-top:12px;}
#weblinks .container ul li{display: block; float: left; margin-left: 15px; font-size: 15px; color:#FFF;}
#weblinks .container ul li a{color: #FFF;}
#weblinks .container ul li a:hover{color: #333; font-weight: 400;}
/***
	**
		*页脚
	**
***/
#footer{width: 100%; height: 212px; background-color: #CCC;}
#footer .f_msg{width:682px; height:200px; padding-top: 44px; padding-left: 8px;}
#footer .f_msg p{font-size: 15px;  color:#444; margin: 4px 0px;} 
#footer .fcode{width: 300px; height:200px;}
#footer .fcode img{padding-top: 50px;}
/***                                 ***
	**                         **
		*   子页面左侧部分  *    
	**                         **
***                                   ***/
#son_page{background-color: #CCC;}
/*子页基本外框定义*/
.middleBox{width:930px;  margin: 20px auto;}
#leftBox{ width: 25%;  border-right: 1px dashed #666;}
#rightBox{ width: 70%;  }

/* 子页面左侧栏--作者简介 */
#leftBox .left_author{ padding: 5px; margin-right: 9px; border-bottom: 1px solid #000;}
#leftBox h3{text-align:center; color: #666;}
#leftBox .left_author  p:first-child{text-align: left; font-size: 15px; text-indent:0.5cm;margin-right: 5px;color: #333;}
#leftBox  .left_author p:last-child{text-align: right;padding: 7px;}
#leftBox   .left_author p:last-child a{color: #333;}
#leftBox   .left_author p:last-child a:hover{color: #FF0000;}

/* 子页面左侧联系我们 */
#leftBox .linkUs{margin: 55px 0px;border-top: 1px solid #666;margin-right: 9px;}
#leftBox .linkUs p{text-indent: 1.2cm;font-size: 16px;color: #333;line-height: 18px;margin: 8px 0px;font-weight: 800;}
#leftBox .linkUs label{color: #333;}

/* 子页面左侧二维码 */
.codeImg{margin-top: 55px; margin-bottom: 15px; border-top: 1px solid #666; margin-right: 9px;}
.codeImg img{box-shadow:2px 2px 3px 1px #333; display:block; margin: 0px auto; width:190px; height:180px;}

/* picImages */
.picImages{width:218px ; height: 223px; margin-top: 30px; margin-bottom: 80px; padding-bottom: 30px; border: 1px solid #ccc;}
#phoneCarousel {widht:218px; height: 223px;}
#stage{position:absolute;width:218px;height:245px; overflow:hidden;}
#stage img{display:none; box-shadow: 2px 2px 3px 1px #666; border: 3px solid #FFF;}
#stage .default{display:block;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}
/***                                 ***
	**                         **
		*   子页面右侧部分  *    
	**                         **
***                                   ***/
#rightBox{width: 650px;  }
#rightBox h3{text-align:left; color: #666; border-bottom:1px dashed #333; padding-bottom: 7px;}
#pages {width: 100%; margin-top: 25px; margin-bottom: 25px;}
#pages p{text-align: center;}
#rightBox h3 span{float: right; font-size: 14px;}
#rightBox h3 span a{color: #E12E2E;}

/* 图片详情页 图片样式在img_zoom-index.css中*/
#rightBox .zoom_imgBox img{max-width: 646px;box-shadow: 2px 2px 4px 1px #666;}
#rightBox .zoom_imgBox { width:100%; margin-bottom: 20px;}
/* 左侧作品信息 */
#leftBox .mess{margin: 5px 0px;margin-right: 9px;}
#leftBox .mess p{text-indent: 1.2cm;font-size: 16px;color: #333;line-height: 18px;margin: 8px 0px;font-weight: 800;}
#leftBox .mess label{color: #333;}

/* 新闻列表 */
#rightBox .list_box  dl dt {display: block;margin-top:35px;margin-bottom: 12px;color: #333;font-size: 17px;font-weight: 800;} 
#rightBox .ys a{color: #666; font-size: 15px;}
#rightBox .ys a:hover{color: #000; }

/* 新闻详情页 */
.clickPage{margin-top: 55px;}
.text_detail_box p{ font-size: 15px; font-family: "Microsoft YaHei"; line-height: 22px; margin: 8px 0px;}
.text_detail_box p img{max-width:100%;}
.clickPage p a{color: #333;}
.clickPage p a:hover{color: #E1292B;}

/* 竖排图片列表 */
#rightBox .all{width: 650px; height: 100%;border: 1px solid #ccc; overflow: hidden; }
#rightBox .all ul li{width:200px; height:100%; float:left; margin-left: 7px;margin-right:5px; margin-bottom:10px; cursor:pointer;}
#rightBox .all ul li img{box-shadow: 2px 2px 4px 1px #666;}



/*   首页导航二级菜单样式   */

#menuDown
{
	position: relative; 
	z-index: 1; 
	top: 15px; 
	left: 410px;
	width: 135px; 
	height: 80px; 
	border: 0px;
	display: none;
	padding-top: 30px;
}

#menuDown p
{
	display: block;
	width: 100%;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	background-color: #ddd;
	padding: 5px 3px;
	text-align: center;
	color: #333;
}

#menuDown p  a 
{
	color: #666;
}
#menuDown a:hover
{
	color: #333;
}
.dashed
{
	border-bottom: 1px dashed #FFF;
}




/* 横向左右滚动css */
	.scrollBox{ width:1000px; padding:10px 0;   position:relative; }
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;width:833px;left:100px}
	.scrollBox {position:relative;overflow:hidden;zoom:1;}
	.scrollBox .piclist li{float:left; display:inline; width:227px;margin-right:20px; margin-left:20px;}
	.scrollBox .piclist li img { width:227px; height:227px; }
	.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
	.scrollBox .piclist li p{color:#555; text-align:center;  font-size:12px; font-weight:700; height:22px; line-height:22px;  }
	.scrollBox .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:43px;height:119px;position:absolute;top:60px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	.scrollBox .pageBtn .prev{left:10px;background-position:-4px -12px ;}
	.scrollBox .pageBtn .next{right:10px;background-position:-64px -12px ;}
	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
	.scrollBox .pageBtn .list li{ background:url(../images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	.scrollBox .pageBtn .list li.on{background-position:-114px -57px }
	.sc_btn {margin:20px auto; background:#6D6D6D; border-radius:15px; width:176px; height:32px; text-align:center; font-size:14px; line-height:32px; color:#fff; }
	.sc_btn i { background:url(../images/eye.png) no-repeat 0 9px; padding:8px 15px;}
	
	.kong { height:10px; }
	.kong2 { height:20px; }
	.kong1 { height:30px; }



/*语言切换*/
.language { width:130px; height:20px; position:absolute; top:15px; right:0px;  }
.language span { background:#6B6B6B; padding:2px 10px; font-size:12px; color:#fff; }
.language span:hover { background:#000; }