﻿.clearboth{ clear: both;}li{list-style: none;}
/*.current {background: #D5D5D6;border-radius: 50px 50px 50px 50px;}*/



/***下一页***/
.dyn_next{  margin-bottom: 100px;margin-left: 25%;}
.dyn_next li{border: 1px solid #c9caca;list-style: none;border-radius:5px;padding:5px 10px;margin-right:9px ;}
.dyn_next li a{ color: #595757;}
.dyn_next .none{ border: none;margin-right:0px ;}
.next{margin-top: -5px;}
.dyn_next .current{ background: #567f7b; color: #fff; border: none;}
.dyn_next .current a{ color: #fff;}


/***微信***/
.ui-erweima{position: fixed;width: 118px;height: 128px;	display:block;left: 50%;bottom: 0;margin-left:250px; margin-bottom: 120px;}
.ui-erweima img{width: 119px;height: 127px;}
.ui-erweima1{position: fixed;width: 202px;height: 54px;	display:block;left: 50%;bottom: 0;margin-left:390px; margin-bottom: 150px;}
.ui-erweima1 img{width: 202px;height: 54px;}






/****首页****/
header{ height: 160px;}
header .container{ height: 160px;border-bottom: 1px solid #DDDDDD;}
header .container .logo{margin-top:32px; text-align: center;}
header .container .logo p{text-align: center; color: #9e9f9f; letter-spacing: 5px; margin-top: 10px;}
nav{  margin-top:62px; }
nav a{font-size: 16px;}

.lavaLampWithImage {position: relative;margin: 10px 0 0 0;overflow: hidden;}
.lavaLampWithImage li {float: left;list-style: none; margin-right: 10px; width: 100px !important;}
.lavaLampWithImage li.back {background: #D5D5D6;border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px;-webkit-border: 50px 50px 50px 50px; width: 100px !important;height: 37px;z-index: 8;position: absolute;}
.lavaLampWithImage li a {text-align: center;letter-spacing: 0;z-index: 10;display: block;line-height: 37px;position: relative;overflow: hidden;margin: auto 10px;}

/**banner**/
.banner{ width:100%;margin: 0 auto;position:relative; border: 0px solid red; height: 644px;}
.slides{ width: 100%; padding: 0;}
.slides li{height: 644px; width: 100%;}
.slides li img{height: 644px; width: 100%;}
.flexslider{position:relative;height:644px;overflow:hidden;}

.footer{ background: #567f7b; height: 150px;}
.col-xs-6{ height: 150px;}
.index_bg{ background: url(../img/say1.png) no-repeat center  center;}
.col-xs-6 ul{ border-left:1px solid #fff ; width: 368px; margin-left: 110px; margin-top: 40px;padding-left: 15px;}
.col-xs-6 li{ background: url(../img/index_bg.png) no-repeat left center;  padding-left: 15px;}
.col-xs-6 li a{ color: #fff; font-size: 16px; line-height: 26px;}
.index_count{ background: url(../img/count.png) no-repeat center center;margin-top: 0px; width:100%; height: 68px; line-height: 68px; font-size: 40px; font-weight: bold; color: #567f7b;margin-top: 25px;}
.index_count a{ color:#567f7b ; width:100%; height: 68px; display: block; text-align: center;}

.count_text{ width: 100%; font-size: 18px; color: #fff; margin-top: 10px;}
.count_text a{ color:#fff ;}

.footer1 p{ color: #dbdcdc; line-height: 140px;}
.footer1{ background: #567f7b; height: 150px;}
.footer1 p span{ margin-left: 15px;margin-right: 15px;}
.col-xs-5 .col-xs-6{ line-height: 150px;}





/***最新动态***/
/**动效**/
section.section:not(.overflowauto){overflow:hidden}
@keyframes qfyfadeInLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.qfyfadeInUp{animation-name:qfyfadeInUp; }
.qfyanimate{visibility:hidden; }
.qfyanimated{visibility:visible;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}

section ul{margin-top: 50px;margin-bottom: 50px;}
section ul li{margin-top: 30px;}
section ul li:hover .dyn_text h2 a{color: #567f7b;}
section ul li:hover .dyn_text span{ background: url(../img/more1.png) no-repeat right center; }
section ul li:hover .dyn_text span a{ color: #567f7b; font-size: 16px;padding-right: 20px;}
.dyn_img{ background: #FAFAFA; width: 303px; height: 193px; line-height: 193px; text-align: center;vertical-align: middle;display: table-cell;}
.dyn_img img{ max-width: 270px; max-height: 180px;line-height: 180px; vertical-align: middle;}
.dyn_text{width: 856px;}
.dyn_text h2{margin-bottom: 23px;margin-top: 0;}
.dyn_text h2 a{color: #595757;}
.dyn_text p{line-height: 26px;}
.dyn_text span{ background: url(../img/more.png) no-repeat right center; }
.dyn_text span a{ color: #9e9f9f; font-size: 16px;padding-right: 20px;}

/***动态文章***/
.arc_title span{ margin-left: 20px;}
.arc_title h3{color: #567f7b;}
.arc_title p{background: url(../img/dec.png) no-repeat; color: #b4b4b5;}
.arc_text p{ line-height: 26px; font-size: 14px;color: #595757; }
.arc_img{ margin-top: 40px;margin-bottom: 40px;}
.arc_img img{margin-bottom: 40px;}
.arc_img p{color: #567f7b;}

.arc_next{ list-style: none;padding: 0;margin: 0; }
.arc_next li{ margin-bottom: 10px;background: none;}
.arc_next li a{ color:#595757 ; font-size: 14px;}
.arc_next li a:hover{ color: #567f7b;}
.more{background: url(../img/more1.png) no-repeat right 80%; font-weight: bold; font-size: 16px;padding-right: 20px;}
.more p{ margin-top: px;}
.more p a{ color: #567f7b; }

/***艺术家简介***/
.aut_img{padding-top: 17px;padding-left: 13px;}
.col-md-8 h2{ color: #595758;margin-bottom:20px; font-weight: normal;
 font-size: 24px;}
.col-md-8 p{ color: #595757;line-height: 30px;}
.aut_text{ margin-bottom: 48px;line-height: 26px;}

/***艺术评论***/
.com_box{ border-bottom: 1px dashed #9e9f9f;padding-bottom: 50px;}
#info + .readmore-js-toggle {font-weight: bold;text-align:center;margin-top: 30px; width: 70px; height: 30px; border: 1px solid #dbdcdc; float: right; padding-top: 4px; color: #dbdcdc;}
#demo + .readmore-js-toggle {font-weight: bold;text-align:center;margin-top: 30px; width: 70px; height: 30px; border: 1px solid #dbdcdc; float: right; padding-top: 4px;color: #dbdcdc;}
.com h4{color: #567f7b;}
.com p{line-height: 26px;}
#info + .readmore-js-toggle:hover{border: 1px solid #567f7b;color: #567f7b;}
#demo + .readmore-js-toggle:hover{border: 1px solid #567f7b;color: #567f7b;} 

/***精品展示***/
.base{
	position: relative;
	width:1200px;
	/* border: 1px solid #e6e6e6; */
	height: 720px;
}
.base_left{
	position: absolute;
	width:70px;
	height:495px;
	text-align: center;
	cursor: pointer;
}
.jiantou_left{
	position: absolute;
	padding:0px;
	top: 50%;
	margin-top:-40px;
	left:9px;
	width:63px;
	height:86px;
	display: block;
	background: url(../img/slider.png) ;
	
}
.base_right{
	position: absolute;
	width:70px;
	height:495px;
	text-align:center;
	top:0;
	right:0px;
	cursor: pointer;
}
.jiantou_right{
	position:absolute;
	left:0px;
	top:50%;
	margin-top: -40px;
	left:9px;
	width:63px;
	height:86px;
	display: block;
	background: url(../img/slider1.png);
	
}
.content1{  
	margin-left:68px;
	margin-right:68px;			
	height: 495px;
	background:url(../img/pho2.jpg) 50% center / contain no-repeat;
	cursor:pointer;			
}
.bottle{
	position: absolute;
	width:100%;
	top:570px;
	/* border-top:1px solid #e6e6e6; */
	overflow: hidden;	
	height:130px;	
	padding-top:7px;
}
.bottle ul{
	margin: 0px;
	position: absolute;
	height:117px;
	padding:0px;
	display:flex;
	width:10000px;
}
#list_shot{
	height:117px;
	width:890px;
	position: absolute;
	left: 160px;
	overflow: hidden;
}

.bottle ul li{
	background: #fff;
	border-radius: 10px;
	text-decoration: none;
	float: left;
	margin: 0px 5px;
	position: relative;
	left:0px;
	transition: left 0.5s;
	/* border:1px solid #e6e6e6; */
	cursor: pointer;
	line-height:111px;
	/*height:111px;*/
}
.bottle ul li img{
	max-width: 100px;
	max-height: 100px;
	line-height: 100px;
}
/***最新创作***/
.wrappers{padding-left: 0px;}
.work_box{ background:#fff ;width: 379px;padding: 10px;border-radius:10px;margin-left: 0.5%;margin: 0.5%;margin-bottom:27px; height: 381px; overflow: hidden;}
.wrappers .work_box_img{ position: relative;overflow: hidden; width: 357px; height: 300px; line-height: 300px; background: #fff; vertical-align: middle; display: table-cell; text-align: center;}
.wrappers .work_box_img  img{max-width: 357px; max-height: 300px; line-height: 300px ;}
.wrappers .work_box_img span{display: block;width:100%;height: 0px;background-color:#567f7b;position: absolute; left:0;bottom: 0;line-height: 30px;padding-left: 40px;}
.wrappers .work_box_img span p{ float:left; color: #FFF;line-height: 26px;opacity:1; font-size: 14px;z-index: 99; width: 50%;margin:5px 0 0 0;}
.work_box_text{height: 40px;padding-top: 20px;}
.work_box_text a{ color: #595757; font-size: 18px;}
.work_box_text span{color: #dbdcdc; background: url(../img/work_see.png) no-repeat left center;padding-left: 30px;margin-top: 5px;}


/***详情页***/
.work_title{ margin-bottom: 30px;margin-top: 20px;}
.work_img{ width: 1200px;  vertical-align: middle;  text-align: center;display: table-cell; position: relative;}
.work_img img{margin-top: 20px;margin-bottom: 70px; text-align: center; max-height: 1000px;}
.work_img .big{ position: absolute; bottom: 0; right: 0; background: #000;opacity: 0.4; width: 50px;padding: 10px;border-radius: 10px; margin-bottom: 70px;margin-right:20%;}
.work_img .big img{width: 100%; margin: 0;}
.work_text{ border: 2px solid #dcdddd; font-size: 16px;}
.work_text h2{margin-left: 38px; font-weight: normal;}
.table1{ width: 212px;height: 55px; border: 1px solid #dcdddd;border-left:none ;}
.table2{ width: 261px; height: 55px;border: 1px solid #dcdddd;}
.table3{ width: 300px; height: 55px;border: 1px solid #dcdddd; border-right:none ;}
.table6{ width: 561px; height: 55px; border: 1px solid #dcdddd; border-right:none ;}
.table4{ width: 636px;height: 55px;border: 1px solid #dcdddd;border-left:none ;}
.table5{ width: 561px;height: 55px;border: 1px solid #dcdddd; border-right:none ;}
.work_table td{ border-top:none ;}
.see{ color:#595757 ; background: url(../img/see.png) no-repeat 40% center; font-size: 16px;}



/***作品图录***/
.tuku_listBox{ position: relative;width:1200px;margin:34px auto 80px auto;padding-top: 0px;padding-bottom: 0px;}
.tuku_listBox a{ color: #333; font-size: 14px;}
.tuku_title{font-size: 16px;font-weight: 700;width: 1200px;border: solid 1px #eaeaea;height: 54px;line-height: 54px;background-color: #F7F7F7;}
.tuku_title td{text-align: center;border-right: 1px solid #eaeaea;}
.tuku_title td:nth-child(1),.tuku_listBox tbody td:nth-child(1){width:57px;}
.tuku_title td:nth-child(2),.tuku_listBox tbody td:nth-child(2){width:128px;}
.tuku_title td:nth-child(3),.tuku_listBox tbody td:nth-child(3){width:220px;}
.tuku_title td:nth-child(4),.tuku_listBox tbody td:nth-child(4){width:90px;}
.tuku_title td:nth-child(5),.tuku_listBox tbody td:nth-child(5){width:109px;}
.tuku_listBox tbody td:nth-child(5){width:109px; background: url(../img/collect.png) no-repeat center center;}
.tuku_title td:nth-child(6),.tuku_listBox tbody td:nth-child(6){width:130px;}
.tuku_title td:nth-child(7),.tuku_listBox tbody td:nth-child(7){width:100px;}
.tuku_title td:nth-child(8),.tuku_listBox tbody td:nth-child(8){width:100px;}
.tuku_title td:nth-child(9),.tuku_listBox tbody td:nth-child(9){width:101px;}
.tuku_title td:nth-child(10),.tuku_listBox tbody td:nth-child(10){width:163px;border-right: none;}
.tuku_title td:nth-child(11),.tuku_listBox tbody td:nth-child(12){width:150px;}

.tuku_listBox tbody td:nth-child(1) a{width:57px; height: 41px; display: block;color: #333;}
.tuku_listBox tbody td:nth-child(2) a{width:128px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(3) a{width:220px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(4) a{width:90px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(5) a{width:109px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(6) a{width:130px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(7) a{width:100px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(8) a{width:100px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(9) a{width:101px;height: 41px;display: block;color: #333;}
.tuku_listBox tbody td:nth-child(10) a{width:163px;height: 41px;display: block;color: #333;border-right: none;display: block;}
.tuku_listBox tbody td:nth-child(12) a{width:150px;height: 41px;}

.tuku_listBox tbody{/*overflow: hidden;*/border:1px solid #eaeaea;line-height: 41px;}

.tuku_listBox tbody:hover{border:0;}
.tuku_listBox tbody tr:hover{
			border:1px solid #567f7b;
		}
.tuku_listBox tbody td{height: 41px;text-align: center;border-right: 1px solid #eaeaea;}
.tuku_listBox tbody td a{color: #248AF8}
.cover{margin-left: 0%;margin-bottom:106px; }
.cover p{margin-left:44%;margin-bottom: 2.4%; border: 1px solid #dcdcdc;width: 211px; height: 43px; vertical-align: middle; text-align: center;}
.cover p a{line-height: 43px;font-size: 16px;letter-spacing: 2px; color: #567f7b;}/**/


/**top**/
#share1{ position: fixed; right: 12%;bottom: 0;z-index: 8;/*margin-left: 620px;*/ margin-bottom: 100px;padding: 5px 5px 10px 5px; cursor: pointer;}
#share1 li{width: 50px;height: 50px;line-height: 50px; margin-bottom: 5px;border-radius: 5px;}
.ui-erweima2{position: fixed;width: 170px;height: 170px;	display: none;left: 50%;bottom: 0;margin-left: 675px; margin-bottom: 100px;}
.ui-erweima2 img{width: 170px;height: 170px;border: 1px solid #CDCED0;}



@media only screen and (max-width: 1600px) {
	#share1{ position: fixed; right: 0%;bottom: 0;z-index: 8;/*margin-left: 620px;*/ margin-bottom: 100px;padding: 5px 5px 10px 5px; cursor: pointer;}
}

@media only screen and (min-height: 0px) and (max-height: 950px) {
	#share1{ display: none;}
}
@media only screen and (min-height: 960px) and (max-height: 10000px) {
	#share1{ display: block;}
}

/**作品详情页，新闻动态详情页，评论详情页 导航样式**/
.work_nav{
	text-align:left;
}
.work_nav a{
	font-size:14px;
	color:#b4b4b5;
}
.work_nav img {
	line-height: 26px;
	margin-top: -5px;
}
.work_nav span {
	background: url(../img/next.png) no-repeat center right;
	padding-right: 20px;
	margin-left: 5px;
}







