body{ margin:0 auto; padding:0; background:#000; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{
	text-decoration: none;
	color: #FFFFFF;
}
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;
}


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

}



.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;}
.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;}



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


.tt { width:1200px; height: auto; text-align: center; padding: 20px 0; margin-bottom: 0;  }




.banner{ width: 100%; height:600px; margin: 0 auto; background: url(../images/banner.jpg) top center no-repeat; }

.main{ width: 1200px; height: auto; margin: 0 auto;  overflow: visible; }
.c1{ width: 1200px; height: auto;  box-sizing: border-box; background: url(../images/c1.png) top left 200px no-repeat; background-size: 20%;  }
.c1 .c1pic{ float:left; width: 700px; height: 400px; background: #efefef; }
.c1 .c1R{ float: right; width: 460px; height:400px; overflow: hidden; position: relative; box-sizing: border-box;}
.c1 .c1R .c1box{ width: 100%; height:80px; overflow: hidden; margin:0 0 20px 0;}
.c1 .c1R .c1box .c1bt{ font-size: 20px; color: #fff; text-align: left; }
.c1 .c1R .c1box .c1bt a{ font-size: 20px; font-family: T1; color: #f6dfc6; letter-spacing: -1.3px; }
.c1 .c1R .c1box p{ font-size: 14px; color: #b19782; line-height: 28px; text-align: justify; }
.more{ display:inline-block; vertical-align:middle; cursor: pointer;  color: #fff; font-size: 14px; width: 115px; height: 30px; background: url(../images/more.png) top center no-repeat; }


.c1tit{ position: absolute; top: 0; left: 0; font-size: 24px; color: #fff; border-bottom: 1px solid #e71f19; }

.rbox .rr{ opacity: 0.5; position: absolute;}
.rbox .on{ opacity: 1 }
.rbox img:hover{ cursor: pointer; opacity: 1 }

.r1{ top: 0; left: 0; }
.r2{ top: 0; left: 800px; }
.r3{ top: 0; left: 350px; }


.c22{  width: 1200px; height: 780px; position: relative; padding:50px 0; }
.c22 .c22txt{ position: absolute; bottom: 50px; left: 30px; width: 1000px; height: 260px; padding: 30px 70px; border: 1px solid #ab9890; }
.c22 .c22txt .c22tit{ text-align: center; font-size: 42px; color: #fff; font-family: t1; line-height: 50px; margin-bottom: 20px; }
.c22 .c22txt p{ font-size: 16px; color: #fff; text-align: justify; line-height: 30px;}
.c22 .c22txt p a{ color: #e40e12; }


.baogao{ width: 1200px; height: auto; }
.bbin{ width: 100%; height: 100px; padding-left: 500px; margin-top: 20px; box-sizing: border-box; background: url(../images/bjl.jpg) left no-repeat; }
.baogao p{ font-size: 16px; color: #b19782; line-height: 30px; }


.c33{ clear: both; }
.c33 .c33box{ float: left; width: 230px; height: 230px; background: #efefef; margin: 6px; border:3px solid #ead3ac; box-sizing: border-box; position: relative; }
.c33 .tmbox{float: left; width: 600px; height: 400px;}
.c33 .tmbox img{ display: block; width: 600px; height: 400px; background: #efefef; }


.pp{ overflow:visible; }
.picScroll-left{ position:relative; overflow:visible; padding: 10px 0; }
.picScroll-left .plborder{ width: 1200px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }
.picScroll-left .hd ul{ position: absolute; right:365px; bottom: -20px; }
.picScroll-left .hd ul li{ float: left; width: 15px; height: 15px; border-radius: 30px; background: #f6dfc6; text-indent: -999999px; cursor: pointer; margin: 0 5px; }
.picScroll-left .hd ul li.on{ background: #cc0000; }
.picScroll-left .bd{  overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:282px; height:365px; display:block;   }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:-50px; top:170px; cursor:pointer; width:31px; height:105px; background:url(../images/arr1.png) no-repeat;}
.next{ position:absolute; right:-50px; top:170px; cursor:pointer; width:31px; height:105px; background:url(../images/arr2.png) no-repeat;}


.duihua{}
.duihua p{ background:url(../images/i1.jpg) 0 5px no-repeat; font-size: 16px; color: #fff; padding-left: 20px; margin: 10px 0; text-align: justify;  }


.video{ width:1200px; height: auto; margin: 0 auto; }
.video .vv{ float: left; width: 590px; height: 370px; background: #000; }
.video .vvt{ float: right; position: relative; width: 590px; height:370px; }
.video .vvt img{ width: 540px; height: 340px; background: #efefef; display: block; }
.v1 p{ position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); font-size: 14px; color: #fff; text-align: center; line-height: 30px; padding: 10px; text-align: left;}
.v1 ul{ margin: 0; width: 590px; height:210px; float: left; margin-left: 20px; padding-top: 25px; }
.v1 ul li{ padding: 4px 0; padding-left: 20px; background:url(../images/i1.jpg) 0 10px no-repeat; margin: 2px 0; }
.v1 ul li a{ font-size: 16px; color: #f6dfc6;  }

.c33box .shadow{ background: rgba(0,0,0,0.5); position: absolute; width: 230px; height: 230px; left: 0; top: 0; }
.c33box .shadow p{ color: #fff; font-size: 14px; text-align: center; padding: 20px; padding-top: 50px; }


.slideBox{ width:1200px; height:500px; overflow:visible; position:relative;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:550px; bottom:20px; 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: #f6dfc6; 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:1200px; height:500px; 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;  }




.slideBox2{ width:1200px; height:500px; overflow:visible; position:relative;   }
.slideBox2 .hd{ height:18px; overflow:hidden; position:absolute; right:550px; bottom:20px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #f6dfc6; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox2 .hd ul li.on{ background:#e40e12 ; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox2 .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;}
.slideBox2 .bd img{ width:1200px; height:500px; display:block; background: #efefef;  }
.slideBox2 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox2 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox2 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }






.his img{ margin: 0 18px; }





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









.s3{ padding-top: 40px; }
.s3 .s3box{ float: left; width: 580px; height: 180px; padding: 0 16px;  box-sizing: border-box; padding: 0 0; background: linear-gradient(to right, #5744b7, #a06cdb); }
.s3 .s3box img{ width: 189px; height: 189px; margin: 0;  display: block;  float: left; }
.s3 .s3box:nth-child(2n) { margin-left: 40px; }
.s3 .s3box p{ font-size: 16px; line-height:22px; color: #fff; text-align: justify;; }
.s3 .s3box p font{  color: #fff; font-size:28px; }
.s3 .s3box p a{ color: #1ffff1; }


.s22{ width: 344px; height: auto; float: left; margin: 10px 28px;  position: relative; cursor: pointer; }
.s3box{ float: left; width: 344px; height: 254px; box-sizing: border-box;  }
.s3box img{ width: 340px; height: 250px;  margin-right: 20px;  display: block; margin: 2px 0 0 2px;  }
.s22 p{ position: absolute; bottom: 0; left: 0; width: 100%; font-size: 24px; font-family: T1; line-height:20px; text-align: center; padding: 10px 0; color: #ecd0b5; line-height: 24px; background: rgba(0,0,0,0.7); }
.s22 p font{  color: #fff; font-size:14px; }
.s22 p a{ color: #fff; }
.s23{ width: 189px; height: 230px; margin: 10px 18px; }
.s23 .s3box{ width: 189px; height: 189px; position: relative; }
.s23 .s3box .pic1{  position: absolute; top:0; left: 0;  width: 189px; height: 189px; z-index: 999999; }
.s23 .s3box .pic2{  display: block; width: 189px; height: 189px; }


.main .c2{ }
.main .c2 .c2l{ float: left; width:420px; height: 350px; position: relative;  }
.main .c2 .c2l img{ display: block; width: 340px; height: 340px; border-radius: 200px;  background: #efefef; box-shadow: 5px 5px 0 5px #867463; }
.main .c2 .c2l p{ position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: #2f9bff; font-size: 20px; padding: 20px 0; color: #fff; }
.main .c2 .c2l p b{ font-size: 28px; }
.main .c2 .c2r{ float: right; padding:0 20px; box-sizing: border-box; float: right; border-right: 0 none; width: 780px; height: 350px; box-sizing: border-box;}
.main .c2 .c2r p{ font-size: 16px; color: #b19782; line-height: 34px; text-align: justify; padding: 5px 0; text-indent: 30px; }
.main .c2 .c2r .name{ font-size:46px;  color: #f6dfc6; font-family: T1;  text-indent: 0; }
.main .c2 .c2r .name b{ font-size: 28px; color: #f6dfc6; margin-left: 20px; font-family: T1; }
.main .c2 .c2r .pt{ text-align: center; font-size: 30px; color: #f6dfc6; font-family: T1; }
.main .c2 .c2r h3{ padding-bottom: 20px; }
.main .c2 .c2r h3 a{ font-size: 30px; color: #fff; }
.main .c2 .c2r .ppbox{ border: 1px solid #fff; padding:20px 50px; line-height:30px; color: #fff; font-size: 18px; text-indent: 30px; text-align: justify; }
.main .c2 .c2r .p1{ font-size: 60px; color: #fff; font-family: T1; padding-top: 30px; }
.main .c2 .c2r .p2{ font-size: 22px; color: #fff; }





.c4{ width: 100%; overflow: hidden;}
.c4 .vvbox iframe{  position: absolute; top:79px; left:95px; width: 906px; height: 510px; background: #efefef; border: 2px solid #2f9bff; border-radius: 10px;   }
.c4 .ltbox{ width: 100%; }
.c4 .ltbox .ltl{ float: left; width: 750px; height: 380px;; background: #efefef; }
.c4 .ltbox .ltr{ float: right;  background: #161102; padding: 30px; box-sizing: border-box; width: 440px; height: 380px;border: 1px solid #6f6455; }
.c4 .ltbox .ltr img{ display: block; width:750px; height: 380px; background: #efefef; }
.p1{ font-family: T1; font-size: 30px; text-align: center; color: #f6dfc6; font-weight: 800;}
.p2{  font-size: 16px ; color: #b19782; text-align:justify; line-height: 28px;  margin:10px 0 0 0; text-indent: 30px; background: url(../images/yq.png) top 7px left no-repeat; }
.p2 a{ color: #fff;}
.s2{ margin-top: 40px; }
.s2box{ float: left; width: 550px; height: 210px; position: relative; overflow: hidden; margin:10px 25px; box-sizing: border-box; }
.s2box .spic{ width: 189px; height: 189px; margin-right: 20px;  display: block; background: #fff; border-radius: 300px; float: left; }
.s2box p{ font-size: 16px; line-height:28px; color: #b19782; text-align: justify;; }
.s2box p b{ font-size: 16px; line-height:28px; color: #ffead0; text-align: justify;;  }
.s2box p font{  color: #ffead0; font-family: T1; font-size:28px; }
.s2box p a{ color: #1ffff1; }
.c4list{ margin-top: 30px; }
.c4list .c4ll{ float: left; width: 370px; height: 60px; padding-left: 20px; box-sizing: border-box; margin: 0 10px;  background: url(../images/yq.png) top 7px left no-repeat;}
.c4list .c4ll p a{ text-align: justify; font-size: 18px; color: #f6dfc6; }
.simg{ position: absolute; top: 0; left: 0; width: 189px; height: 189px; z-index: 99999; }



.ysz{ width: 100%; }
.ysz .ystxt{ float: left; width: 480px; height: 410px; box-sizing: border-box; border:1px solid #6f6455; background: #161102; }
.ysz .ystxt p{ font-size: 16px; color: #b19782; padding: 40px; box-sizing:border-box; font-family: T1; text-align: justify; line-height: 24px; }
.ysz .yspic{ float: right; width: 710px; height: 410px; }
.ysz .yspic img{ display: block; background: #efefef; float: left; width: 350px; height: 200px; }




.slideBox3{ width:1200px; height:500px; overflow:visible; position:relative;   }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:470px; bottom:20px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #f6dfc6; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox3 .hd ul li.on{ background:#e40e12 ; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox3 .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;}
.slideBox3 .bd img{ width:1200px; height:500px; display:block; background: #efefef;  }
.slideBox3 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox3 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox3 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }




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

.art{ margin-top: 4px;}
.art img{ float: left; width: 395px; height: 240px; margin: 3.5px; margin}
.art img:first-child{ margin-left:0;}
.art img:last-child{ margin-right:0;}



.td{}
.td .tdtxt{ position: relative; width: 1100px; height: 180px; padding: 25px; box-sizing: border-box;  padding-right: 80px; margin-top: -20px; border:1px solid #6f6455; border-top:0 none; padding-right: 80px; }
.td .tdtxt p{ font-family: T1; color: #b19782; font-size: 18px; line-height: 32px; text-indent: 30px; text-align: justify; }

.pubu{ width: 1100px; height: 720px; overflow:hidden; margin-top: 30px; padding-right: 20px; position: relative; margin-bottom: 100px; }
.pubu .zjbg{ position:absolute; bottom: 0; left: 0; z-index: 99999999999; }
.pubu .zjmore{ position: absolute;  bottom: 0; left: 520px; 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%; }
.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
    }
}
.shadow{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }