@charset "utf-8";

/* CSS Document */
html{font-size:62.5%;margin:0;} 
body{font-size:12px;font-size:1.2rem ;background-color:#fff; overflow-x:hidden;font-family: 黑体;margin:0;} 
p{font-size:14px;font-size:1.4rem;margin:0 auto}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:1.6rem;color:#000;background:inherit;margin:0 0 5px;padding:0}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.wrap{border-bottom: 0px solid #ddd;}

/*banner*/
.banner {position:relative;margin-top:2rem;}
.banner img{width:100%;}

.index_banner{position:relative;margin:0rem auto;width: 86%;}
.index_banner ul{overflow:hidden;margin: 0;padding: 0;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:auto;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-67px;width:144px;height:15px;_display:none;bottom: 10%;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:8px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#ff9966;}
.index_banner cite span.cur{background-color:#ff9966;cursor:default;}
.clear{clear:both;}

/*展讯+艺术家*/
.zy{width:86%;margin:5rem auto;overflow: hidden;}
.zyn{width:100%;}

.zynl{width:56.5%;float:left;}
.zynl h3{font-size:3.6rem;color:#000;padding-bottom:2rem;font-weight: normal;}
.zynl h3 a{font-size:1.6rem;color:#000;float:right;line-height: 4rem;}
.zynln{width:100%;margin-top:1rem;}

.zynlnl{width:41%;float:left;}
.zynlnl img{width:100%;}

.zynlnr{float:right;width:53%;}
.zynlnr h4{font-size:1.8rem;color:#000;font-weight: normal;padding:1rem 0 2rem 0;}
.zynlnr h4:hover{color: #9c1111;}
.zynlnr dd{font-size:1.4rem;color:#000;}
.zynlnr p{font-size:1.4rem;color:#666;line-height:2rem;}
.zynlnr p a{color: #9c1111;}
.zynlnr ul{padding:0;margin:2rem 0 0 0;}
.zynlnr ul li{}
.zynlnr ul li a{font-size:1.5rem;color:#000;line-height:2.5rem;}
.zynlnr ul li a:hover{color: #9c1111;}

.zynr{float:right;width:36%;}
.zynr h3{font-size:3.6rem;color:#000;padding-bottom:2rem;font-weight: normal;}
.zynr h3 a{font-size:1.6rem;color:#000;float:right;line-height: 4rem;}
.zynr ul{padding:0;margin:1rem 0 0 0;}
.zynr ul li{float:left;width:32%;margin:0 2% 2% 0;border-radius: .25rem 0 .25rem 0;}
.zynr ul li:nth-child(3n){margin-right:0%;}
.zynr ul li a img{width:100%;border-radius:1rem 0 1rem 0;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.zynr ul li a:hover img{transform: scale(1.05,1.05);}

/*美术馆*/
.meishuguan{width:86%;margin:5rem auto 0 auto;overflow: hidden;}
.meishuguan h3{font-size:3.6rem;color:#000;padding-bottom:3rem;font-weight: normal;}
.meishuguan h3 a{font-size:1.6rem;color:#000;float:right;line-height: 4rem;}
.meishuguan ul{padding:0;margin:0 0 4rem 0;overflow: hidden;}
.meishuguan ul li{float:left;width:18.4%;margin:0 2% 2% 0;border-radius: .25rem 0 .25rem 0;}
.meishuguan ul li:nth-child(5n){margin-right:0%;}
.meishuguan ul li a img{width:100%;border-radius:1rem 0 1rem 0;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.meishuguan ul li a:hover img{transform: scale(1.05,1.05);}
.meishuguan ul li a dd{font-size:1.4rem;color:#000;text-align:center;padding:25px 0;}
.meishuguan ul li a:hover dd{color: #9c1111;font-weight:bold;}

/*品牌*/
.pinpai{width:86%;margin:0rem auto 5rem auto;overflow: hidden;}
.pinpain{width:100%%;}
.pinpainl{width:47%;float:left;position: relative;}
.pinpainl ul{padding:0;margin:0;width:100%;}
.pinpainl ul li{float:left;width:49%;margin-right:2%;margin-bottom:2%;}
.pinpainl ul li:nth-child(2n){margin-right: 0rem;}
.pinpainl ul li img{width:100%;position: relative;}
.wenzi{position:absolute;top: 8rem;right:8rem;text-align: right;width: 56%;}
.wenzi h3{font-size:3.6rem;color:#000;padding-bottom:0.5rem;font-weight: normal;}
.wenzi dd{font-size:1.6rem;color:#000;padding-bottom:3rem;font-weight: normal;}
.wenzi p{font-size:1.4rem;color:#000;padding-bottom:2rem;font-weight: normal;line-height:2rem;}
.wenzi a{font-size:1.4rem;color:#000;padding: 0.8rem 4rem;font-weight: normal;border:1px solid #000;}
.wenzi a:hover{background: #9c1111;color:#fff;border:0;}

.zhanxun{width:47.5%;overflow: hidden;float: right;}

.marqueeleft{height:auto;width:100%;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 10px 0 0;display:inline;width:253px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:253px;height:324px;padding:0px;overflow:hidden;}
.marqueeleft li .pic img{width:100%;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

.kding{text-align:center;width:99.8%;margin:0 auto 1rem auto;border: 0px solid #ddd;padding: 0rem 0;}
.kding h3{font-size:3.5rem;color:#000;font-weight: normal;}
.kding:hover h3{color: #9c1111;}
.kding p{font-size:1.2rem;color:#333;line-height:2.2rem;padding: 0rem 0;width:60%;margin:0 auto;}
.kding a{font-size:2rem;color:#666;padding:0;border-radius: 5px;border:0px solid #ddd;}
.kding a img{width:100%;display: block;padding:0;}

@media (min-width:1024px) and (max-width:1370px) 
{
.kding{text-align:center;width:99.5%;margin:0 auto 1rem auto;border: 0px solid #ddd;padding:0rem 0;}
.kding a{border:0px solid #ddd;padding:0;margin:0;}
.kdinga a img{width:100%;display: block;padding:0;}
  
.marqueeleft li{float:left;margin:0 10px 0 0;display:inline;width:170px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:170px;height:218px;padding:0px;overflow:hidden;}  
}

@media (min-width:1371px) and (max-width:1450px) 
{
.kding{text-align:center;width:99.5%;margin:0 auto 1rem auto;border: 0px solid #ddd;padding:0rem 0;}
.kding a{border:0px solid #ddd;}
.kdinga a img{width:100%;display: block;padding:0;}
  
.marqueeleft li{float:left;margin:0 10px 0 0;display:inline;width:182px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:182px;height:233px;padding:0px;overflow:hidden;}   
  
}

@media (min-width:1451px) and (max-width:1690px) 
{
.kding{text-align:center;width:99.5%;margin:0 auto 1rem auto;border: 0px solid #ddd;padding:0rem 0;}
.kding a{border:0px solid #ddd;}
.kdinga a img{width:100%;display: block;padding:0;}
  
.marqueeleft li{float:left;margin:0 10px 0 0;display:inline;width:219px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:219px;height:280px;padding:0px;overflow:hidden;}
}

/*项目*/

.lubo{ width: 86%; min-width:1000px;clear: both; position: relative;margin:0 auto;}
.lubo_box{ position: relative; width: 100%; padding-bottom: 40%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%;position: relative;}

.baidi{width:80%;background: #fff;position: absolute;bottom: 50px;left: 10%;}
.baidi h3{font-size:3.5rem;color:#000;font-weight: normal;float:left;width: 11%;padding:5rem 5%;}
.baidi dd{float:right;width: 68%;border-left:1px solid #ddd;padding:3rem 5% 3rem 5%;}
.baidi dd h4{font-size:2rem;color:#000;font-weight: normal;padding-bottom: 1rem;}
.baidi dd h4:hover{color: #9c1111;}
.baidi dd p{font-size:1.4rem;color:#666;font-weight: normal;line-height:2rem;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #ff9966 !important;}


/*专题*/
.zhuanti{width:86%;margin:5rem auto 10rem auto;overflow: hidden;}
.zhuantin{width:100%;}

.zhuanti h3{font-size:3.6rem;color:#000;padding-bottom:2rem;font-weight: normal;}
.zhuanti h3:hover{color: #9c1111;}
.zhuanti h3 a{font-size:1.6rem;color:#000;float:right;line-height: 4rem;}

.zhuantinl{float:left;width:55%;}
.zhuantinl ul{padding:0;margin:0;}
.zhuantinl ul li{float:left;width:31%;margin-right:2%;}
.zhuantinl ul li img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.zhuantinl ul li:hover img{transform: scale(1.05,1.05);}

.zhuantinr{width:42%;float:right;}
.zhuantinr ul{padding:0;margin:0;}
.zhuantinr ul li{margin-bottom:1.5rem;}
.zhuantinr ul li a{}
.zhuantinr ul li a h3{color:#000;font-size:1.8rem;text-align:left;margin-bottom:1rem;padding-bottom: 0;}
.zhuantinr ul li a p{color:#999;font-size:1.4rem;line-height:2.2rem;margin-bottom:1rem;display: inline-block;}

@media (min-width:1024px) and (max-width:1450px) 
{
.zhuantinl{float:left;width:60%;}
.zhuantinr{width:35%;float:right;}
.zhuantinr ul li a h3{color:#000;font-size:1.4rem;text-align:left;margin-bottom:0.5rem;padding-bottom: 0;}
.zhuantinr ul li a p{color:#999;font-size:1.2rem;line-height:1.8rem;margin-bottom:0.5rem;display: inline-block;}
}

@media (min-width:1380px) and (max-width:1690px) 
{
.baidi h3 {
    font-size: 2.5rem;
    color: #000;
    font-weight: normal;
    float: left;
    width: 11%;
    padding: 5rem 5%;
}