body{ margin:0 auto; padding:0; background:#2b0c12; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}


@font-face
{
font-family: t1;
src: url('../images/t1.otf');

}





.tt{ clear:both; margin-bottom:20px; }
.tt img{ margin:0 auto; display:block; }


.top{ width:100%; height:auto;  }
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #654c41; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{  color:#654c41; text-decoration:none;}



.banner{ width:100%; height:700px; background:url(../images/banner.jpg) top center no-repeat; margin:0 auto; }
.main{ width:1200px; height:auto; margin:0 auto; }
.main .ttop{ width:100%; height:78px; margin:0 auto; }
.showbox{ width:100%; height:717px;}
.showbox img{ border:0 none; display:block; }
.showtop{ border:0 none; margin:0; padding:0; }
.showin{ width:100%; height:auto; box-sizing:border-box; }



.rwbox{ width:100%; clear:both; }
.rwbox .rwl{ float:left; width:400px; height:400px; position:relative; }
.rwbox .rwr{ float:right; width:600px; height:400px; }
.rwbox .rwr h2{ color:#998263; font-size:48px; font-family:t1; }
.rwbox .rwr h3{ color:#998263; font-size:30px; padding:20px 0; font-family:t1; }
.rwbox p{ font-size:18px; color:#654c41; line-height:30px; text-align:justify; }
.rwpic{ position:absolute; top:0; left:0; z-index:9999; }
.rwin{ width: 400px; height: 400px; background:#efefef; }






.footer{ width:100%; height:auto; padding:40px 0; position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#654c41; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#654c41; font-size:14px; margin:0 5px;}




.slideBox{ width:1100px; height:560px; overflow:visible; position:relative;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:55px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox .hd ul li.on{ background:#e40e12 ; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox .bd img{ width:1100px; height:560px; display:block; background: #efefef;  }
.slideBox .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }



.ttin{ width:1200px; height:auto; }
.ttin .ttbox{ clear:both; margin-bottom:30px; }
.ttin .ttbox .tx{ float:left; width:355px; height:395px; position:relative; }
.ttin .ttbox .tx .tx1{ width:355px; height:355px; position:absolute; top:0; left:0; z-index:99999; }
.ttin .ttbox .tx .tx2{ width:355px; height:355px; position:absolute; top:0; left:0; z-index:888; }
.ttin .ttbox .ttxt{ float:right; width:845px; height:350px; box-sizing:border-box; padding-left:40px; }
.ttin .ttbox .ttxt p{ padding-bottom: 20px; font-size:18px; color:#fff; font-family:microsoft yahei; text-align:justify; line-height:30px; }
.ttin .ttbox .ttxt .p1{ font-size:46px; color:#f6d791; text-align:left; font-family:t1; }
.ttin .ttbox .ttxt .p2{ font-size:26px; color:#f6d791; text-align:left; font-family:t1; }




.art{ position: relative; width:200px; height:350px; float:left; background:#efefef; margin:12px; }
.artborder{ position:absolute ; top:0; left:0;  }
.artin{ width:200px; height:350px; float:left; background:#efefef;  }


.c3{ width: 1200px; height: auto; box-sizing: border-box; background:url(../images/crepeat.png) top center repeat-y; position: relative;　}
.c3 .ct{ width: 1200px; height:30px; position: absolute; top: 0; left: 0;  }
.c3 .cb{ width: 1200px; height:30px; position: absolute; bottom: 0; left: 0;  }


.pubu{ width: 1200px; height: 1010px; overflow:hidden; margin-top: 30px; padding-right: 20px; position: relative; margin-bottom: 30px; }
.pubu .zjbg{ position:absolute; bottom: 0; left: 0; z-index: 99999999999; }
.pubu .zjmore{ position: absolute;  bottom: 0; left:435px; z-index: 99999999999; cursor: pointer;}
.masonry {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari 和 Chrome */
    column-count:3;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    width: 100%;
}
.masonry .item { position: relative;
    margin-bottom: 2em;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
.masonry .item img{ width: 100%; border-radius:20px; }
.masonry .item p{ z-index: 6; width: 200px; text-align: center;;  font-size: 21px ;color: #fff; font-weight: 800; position: absolute; top: 30%; left: 50%; margin-left: -90px; }

@media screen and (max-width: 800px) {
    .masonry {
        column-count: 2; // two columns on larger phones
    }
}
@media screen and (max-width: 500px) {
    .masonry {
        column-count: 1; // two columns on larger phones
    }
}