﻿.clearboth{ clear: both;}li{list-style: none;}
/*a:hover{color: #DF9627;}*/
a{text-decoration: none;}
.current a{color: #C8BB9B;line-height:34px;}
.current{border: 2px solid #C8BB9B;border-radius: 15px;}
a {text-decoration: none;}
a:hover,a:focus {text-decoration:none;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
/***页眉***/
header{width: 100%;background: #74202D;height: 612px;color: #C8BB9B; text-align: center;}
header .logo{margin-top: 200px; font-weight: bold;}
header h1{ letter-spacing: 15px; text-align: center;margin-top:0px;font-weight: normal;margin-bottom: 0;}
header p{width: 136px;height:37px;line-height: 37px; background-color:#C8BB9B;color:#74202D ;font-size: 18px; text-align: center;margin-left: 525px;}
nav li{width: 10%;text-align: center;height: 40px;line-height: 32px;margin-left:2%;margin-right: 2%;border: 2px solid #74202D;}
nav li:hover{border: 2px solid #C8BB9B;border-radius: 15px;line-height: 34px;}
nav li a{color: #C8BB9B; font-size: 18px;line-height:34px;}
/***页脚***/
footer{ background-color: #74202D;height: 83px;color: #C8BB9B;}
.footer_left{position: relative;}
.footer_left img{ position: absolute;top: 0;left: 0; margin-top: -20px;}
.footer_left p{margin-left: 210px;line-height: 75px; font-weight: bold;font-size:18px ;margin-bottom:0;}
.footer_right{line-height: 75px;}


/***首页***/
/**指数**/
.count_bg{background: #F6F7F7; height: 200px; color: #C8C9C9;line-height: 200px;box-shadow:0px 0px 10px #adadad;z-index: -99;margin-top:0px;}

.wrapper { width:1200px; position: relative;margin: 0 auto;text-align: left;}
.counter {float: left;width: 25%; border: 0px solid red;}
.count-text h2,.count-text img{ float:left;}
.count-text h2{line-height: 200px;margin-top: 0;margin-bottom: 0;margin-left: 20px;font-size: 40px;}
.count-text img{margin-top: 50px;}
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }


/**新闻**/
.box{text-align: center;overflow: hidden;position: relative;}
.box img{width: 100%;height: auto;transition: all 1s ease 0s;}
.box:hover img{ transform: scale(1.3); }
.new_left{border-bottom: 1px solid #EEEEEE;}
.new_left h6{margin-bottom: 43px;}
.new_left h6 a{color: #595757;font-size: 20px;margin-bottom: 20px;}
.new_left img{ width: 100%;}
.new_left p{ line-height: 26px; font-size: 15px;}
.new_index_title a{color: #595757; font-weight: bold;font-size: 21px;}
.new_index_title span{ color: #C8C9C9; font-weight: normal;font-size: 14px;margin-top: 10px;}
.new_index_text{ width: 240px;color: #595757;line-height: 20px;}
.new_index_time{ margin-top: 20px;color: #C8C9C9;}

/**右侧动效**/
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;padding: 0;}
section ul li{margin-top: 30px;border-bottom: 1px solid #EEEEEE;padding-bottom: 15px;}
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;}

/**最新创作**/
.index_title{width:1200px;margin: 0 auto;text-align: center;}
.index_line{background: #74202D;height: 2px; width: 38px;margin: 0 auto;}
.index_title:hover .index_line{width: 76px;transition:all 0.6s;margin: 0 auto;}
.index_title h3 a{ font-size: 30px; color: #595757;}
.index_title h3{ margin-top: 0;margin-bottom: 15px;}
.index_title p{ font-size: 16px;color: #B4B4B5;margin-bottom: 20px;}

/***艺术评论***/
.com_bg{ background-color: #F6F7F7;padding:33px 46px 27px 104px;border-left: 10px solid #C8BB9B;background-image:url(../img/com_icon.png);background-repeat:no-repeat ; background-position: 30px 30px;height: 286px;}
.com_box h4{ color:#C8BB9B; font-weight: bolder;}
.com_box p{color: #595757;line-height: 28px;font-size: 15px;}
.com_box .com_name{ font-weight: bold;}
.com_bg_right{ background-color: #F6F7F7;padding:33px 46px 27px 104px;border-right: 10px solid #C8BB9B;background-image:url(../img/com_icon.png);background-repeat:no-repeat ; background-position: 30px 30px;height: 286px;}

/***作品图录***/
.tuku_listBox{ position: relative;width:1200px;margin:34px auto 80px auto;padding-top: 0px;padding-bottom: 0px;}
.tuku_listBox a{ color: #595757; font-size: 14px;}
.tuku_title{font-size: 16px;font-weight: 700;width: 1200px;border: solid 1px #eaeaea;height: 45px;line-height: 45px;background-color: #F7F7F7;}
.tuku_title td{text-align: center;border-right: 2px 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: 38px; display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(2) a{width:128px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(3) a{width:220px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(4) a{width:90px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(5) a{width:109px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(6) a{width:130px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(7) a{width:100px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(8) a{width:100px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(9) a{width:101px;height: 38px;display: block;color: #595757;}
.tuku_listBox tbody td:nth-child(10) a{width:163px;height:38px;display: block;color: #595757;border-right: none;display: block;}
.tuku_listBox tbody td:nth-child(12) a{width:150px;height: 38px;}

.tuku_listBox tbody{/*overflow: hidden;*/border:1px solid #eaeaea;line-height: 38px;}

.tuku_listBox tbody:hover{border:2px solid #C8BB9B;border-top:2px solid #C8BB9B;!important;}
.tuku_listBox tbody td{height: 38px;text-align: center;border-right: 2px solid #eaeaea;}
/*.tuku_listBox tbody td a{color: #248AF8}*/

.tuku_listBox tbody:hover{border:0;}
.tuku_listBox tbody tr:hover{
			border:1px solid #C8BB9B;
		}
.cover{margin-left: 0%;margin-bottom:106px; }
.cover p{margin-left:44%;margin-bottom: 2.4%; border: 1px solid #dcdcdc;width: 211px; height: 35px; vertical-align: middle; text-align: center;}
.cover p a{line-height: 35px;font-size: 16px;letter-spacing: 1px; color: #C8BB9B;}/**/


/***动态***/
.dym_bg{margin-left:3.3%;margin-right: 3.2%; border: 1px solid #EEEEEE; height: 520px; position: relative;margin-bottom: 80px;}
.dym_bg img{ width: 100%;}
.dym_box{ width:80%;margin: 0 auto;}
.dym_box h3{ font-size: 18px; font-weight: normal;line-height: 26px;margin-top: 40px; height: 55px; overflow: hidden;}
.dym_box h3 a{ font-size: 18px; font-weight: normal;line-height: 26px;color: #595757;}
.line{ background: #74202D;height: 2px; width: 38px;}
.dym_bg:hover .line{width: 76px;transition:all 0.6s;}
.dym_text{ line-height:26px; font-size: 15px;margin-bottom: 60px;color: #595757;}
.dym_all{ position: absolute;bottom:-27px; left:115px; background: #C8BB9B;width: 126px;height: 35px;line-height: 35px; text-align: center;}
.dym_all a{font-size: 16px; color: #fff;}
.dym_next li{border: 1px solid #C8C9C9; float: left;height: 38px;width: 120px;line-height: 36px;text-align: center;margin-left: 20px;border-radius: 15px;}
.dym_next li a{ font-size: 16px;color:#C8C9C9;}

/***动态文章***/
.arc_title{ background: #fafafa;padding-top: 10px; padding-bottom: 10px;}
.arc_title span{ margin-left: 20px;}
.arc_title h3{ font-weight: bold;color: #595757;}
.arc_text{width: 1050px;margin: 0 auto;}
.arc_text p{ line-height: 26px; font-size: 14px;color: #595757;}
.arc_img{ margin-top: 40px;margin-bottom: 40px;color: #B4B4B5;}
.arc_img img{margin-bottom: 40px;}
.arc_next{ list-style: none; }
.arc_next li{ margin-bottom: 10px;}
.arc_next li a{color: #595757;}

.col-xs-6 .arc_next li:hover span{ color: #dcc4a0;}
.col-xs-6:hover .arc_next li a{ color: #595757;}
.more{ background: url(../img/more.jpg) no-repeat center right; font-weight: bold; font-size: 16px;padding-right: 20px;}
.more p{ margin-top: -5px;}
.more p a{ margin-top: -5px;color: #595757;}



/***艺术简介***/
.col-xs-2 img{ width: 100%;}
.art_infor{margin-top:56px ; background: #C8BB9B;padding:27px 40px;color: #fff;height:559px;}
.content_box{ width:100%;margin: 0 auto;}
.show_box{ width:100%; margin:0 auto;}
.service{float:left; width:100%;margin-bottom:10px;padding: 0;}
.service li{float:left;margin-right:20px; font-size:20px;line-height:36px; text-align:left;color: #fff; cursor: pointer;}
.service .current1{ color: #fff; font-weight: bold;border-bottom: 2px solid #fff;}
.content p{ text-align:left; font-size: 16px;line-height: 36px;}
.art_top{ background:#F6F7F7 ;padding: 35px 50px;height: 371px;}
.art_top h3{ margin-top: 0;color: #C8BB9B;border-bottom: 2px solid #C8BB9B;width: 50px;line-height: 46px;}
.art_top p{ color: #595757;line-height: 34px;font-size: 15px;}
.art_bottom{background:#F6F7F7 ;padding: 27px 50px;height:559px;margin-top: 55px;}
.service1{float:left; width:100%;margin-bottom:10px;padding: 0;}
.service1 li{float:left;margin-right:20px; font-size:20px;line-height:36px; text-align:left;color: #C8C9C9; cursor: pointer;font-weight:bold;}
.service1 .current2{ color: #C8BB9B; font-weight: bold;border-bottom: 2px solid #C8BB9B;}
.art_text{ overflow: scroll;overflow-x: hidden;width: 770px;height: 430px;margin-top: 80px;text-align:left; font-size: 15px;line-height: 36px; color: #595757;}
/*滚动条*/
.content1::-webkit-scrollbar {display: none;}
.content1:hover::-webkit-scrollbar {display: block;}
::-webkit-scrollbar{width: 6px;height: 0px;background-color:#E6E6E6;border-radius: 50%;} 
::-webkit-scrollbar-track{border-radius: 10px;background-color:#F6F7F7;}
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #C8C9C9;}

/***最新创作***/
.work_bg li{width: 365px; height: 467px; border: 0px solid red; float: left; margin-left: 15px;margin-right: 15px;margin-bottom: 30px;}
.work_img{ background: url(../img/work1.png) no-repeat center center;height: 365px;}
.work_img2{ background: url(../img/work2.png) no-repeat center center;height: 365px;}
.work_img3{ background: url(../img/work3.jpg) no-repeat center center;height: 365px;}
.work_img4{ background: url(../img/work4.jpg) no-repeat center center;height: 365px;}

.work_bg li:hover .work_text{display: none;}
.disappear{width: 365px; height: 467px; line-height: 467px; display: table-cell;text-align: center;vertical-align: middle; border: 1px solid #eee;display: none;}
.disappear img{max-width: 345px;max-height: 411px; line-height: 401px;vertical-align: middle;}
.work_text{ background: #F6F7F7;padding: 20px 30px;}
.work_text h3{ color: #595757; font-size: 16px; font-weight: bold; margin-top:0 ;margin-bottom: 10px;}
.work_text p{ color: #595757; float: left;width: 50%;}
.work_bg li:hover .display{display: none;}
.work_bg li:hover .disappear{display: block;}

/***精品展示***/
.container1.container1{ width: 1200px; margin: 0 auto;border: 0px solid forestgreen;}
.container1:hover{ width: 1500px;}
.new_box1{width: 400px; height: 800px;margin-left: 0px;margin-right:0px;border: 0px solid red; float: left;}
.new_box1:hover{ width: 620px;margin-left:80px;margin-right:0px;}
.new_img{ width: 100%; height: 550px; line-height: 550px; vertical-align:middle; text-align: center; border: 0px solid red;}
.new_img img{ max-width: 95%; max-height: 95%;vertical-align:middle;}
.new_img:hover{border: none;}
.new_box1:hover{border: 1px solid #eee;}
.new_box1:hover .new_text{ display: block;}
.new_text{ padding: 0 20px 20px 20px;display: none;}
.new_text h4{ color: #74202D;}
.new_text p{ color: #595757; line-height: 26px;}
.new_art{margin-bottom: 20px;}
.new_box1:hover #block{ display: none;border: none;}

/***下一页***/
.dyn_next{  margin-bottom: 100px;margin-left:32%;margin-top:30px ;}
.dyn_next li{border: 1px solid #c9caca;list-style: none;border-radius:50px; behavior:url(js/ie-css3.htc);padding:5px 10px;margin-right:9px ;width: 100px;}
.dyn_next .next_current a{color: #74202d;}
.dyn_next li a{ color: #C8C9C9;font-size: 16px;}
.dyn_next .none{ border: none;margin-right:0px ;width: 50px; height: 36px; line-height: 30px;}
.next{margin-top: -5px;}
.next_current a{color: #74202d;}

/***详情页***/
.work_nav img{line-height: 26px;margin-top: -5px;}
.work_nav a{ color: #595758;line-height: 26px;font-size: 16px;}
.work_nav span{background: url(../img/next.png) no-repeat center right;padding-right:20px;margin-left:5px;}
/*.infor_img_box .infor_left,.infor_img_box .infor_right,*/.infor_img_box .infor_img{float: left;}
.infor_left{margin-top: 260px;margin-right:100px ;width:80px;height:80px; border-radius:20px; background: #f7f7f7; text-align: center;line-height: 80px;}
.infor_right{margin-top: 260px;width:80px;height:80px; border-radius:20px; background: #f7f7f7;text-align: center;line-height: 80px;}



.infor_img{ width: 900px;height: 700px; line-height: 700px; vertical-align: middle; display: table-cell; text-align: center; border: 1px #D9534F soild;}
.infor_img img{max-width:900px; max-height:650px;vertical-align: middle;}
.work_name{ color:#74202D;}
.infor_text{ background: #F6F7F7;padding: 30px 30px;}

.infor_text p{ color: #595757; float: left;width: 25%;font-size: 16px;line-height: 26px;}






























