@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none ;}
a:hover{ text-decoration:none;}
.c{ clear:both;}
.box{ width:1000px; margin:0 auto;}
body{ font-family:"微软雅黑"; background-color:#0e0e0e;}
a{font-family:"微软雅黑"; color:#333;}
.hide{display: none;}
.show{display: block;}
/*----------专题------------*/

.banner{ height:502px; background: url(../images/pic_01.jpg) no-repeat center 0; background-size:1920px;}
.banner img{ display:none;}
.title{ width:458.5px; margin:0 auto; height:89px;margin-top:80px;}
.title img{ width:100%;}
.present{ width:1040px; margin:0 auto; background:#1c1a17; padding:30px;  margin-top:60px; overflow:hidden;}
.present dt{ width:318px; float:left;  border:2px solid #a88f70; }
.present dt a{ display:block; border:0;}
.present dd{ width:718px; float:left;}
.present dd p.content{ color:#fff4e8; font-size:15px;  line-height:34px; padding-top:20px;margin-left:28px; width:639px; padding-right:42px; background:url(../images/pic_08.jpg) no-repeat right top; background-size:33px;}
.present dd p.content a{ color:#ffffff;}
.present dd .prestiel{ width:685px; background:url(../images/x.jpg) repeat-y; height:110px; margin-top:46px; color:#e7caa1;padding-left:28px; padding-top:30px; }
.present dd .prestiel .name{ border-left:3px solid #e7caa1; padding-left:25px; font-size:24px;}
.present dd .prestiel .name h3{ padding-bottom:13px; font-weight: normal;}
.present dd .prestiel .name h3 span{ font-size:14px;}
.present dd .prestiel .name a h3 ,.present dd .prestiel .name a h3 span ,.present dd .prestiel .name a p{color:#e7caa1;}

.presentA{ width:1040px; margin:0 auto; background:#1c1a17; padding:30px;  margin-top:60px; overflow:hidden;}
.presentA dt{ width:318px; float:left;  border:2px solid #a88f70; }
.presentA dt a{ display:block; border:0;}

.presentA dd{ width:718px; float:left;}
.presentA dd p.content{ color:#fff4e8; font-size:15px;  line-height:34px; padding-top:20px;margin-right:28px; width:639px; padding-left:42px; background:url(../images/pic_16.jpg) no-repeat left top; background-size:33px;}
.presentA dd p.content a{ color:#ffffff;}
.presentA dd .prestiel{ width:685px; /* background:url(../images/xx.jpg) repeat-y; */ height:110px; margin-top:46px; color:#e7caa1;padding-right:28px; padding-top:30px; text-align:right; }
.presentA dd .prestiel .name{ border-right:3px solid #e7caa1; padding-right:25px; font-size:24px;}
.presentA dd .prestiel .name h3{ padding-bottom:13px; font-weight: normal;}
.presentA dd .prestiel .name h3 span{ font-size:14px;}
.presentA dd .prestiel .name a h3 ,.presentA dd .prestiel .name a h3 span ,.presentA dd .prestiel .name a p{color:#e7caa1;}

.review{ width:1100px; margin:0 auto; padding-top:60px;}
.smallTitle{ background: url(../images/pic_23.jpg) no-repeat; background-size:160px; font-size:26px; color:#e7caa1; padding-top:20px; padding-left:22px;}

.reviewa{ padding-top:40px;}
.reviewa ul{ width:1124px; overflow:hidden;}
.reviewa ul li{ width:250px; float:left; text-align:center; margin-right:31px; margin-bottom:47px; height:320px; }
.reviewa ul li .head{ width:222px; height:222px; border:2px solid #e5c89f; border-radius:500px;position:relative; margin:0 auto; }
.reviewa ul li .head img{ width:100%;border-radius:500px;}
.reviewa ul li h3{ font-size:14px; color:#e7caa1; font-weight:normal; text-align:center; line-height:24px;padding-top:27PX;}
.reviewa ul li p.t{ color:#ffffff; font-size:13px; padding-top:15px;}
.vevi{ position:absolute; bottom:-10px; width:182px; height:53px; background:url(../images/tu.png) no-repeat; left:20px;}
.more a{ width:180px; height:48px; border-radius:3px; background:#312c26; color:#e7caa1; display:block; margin:0 auto; text-align:center; line-height:48px; font-size:18px; font-family:"微软雅黑"; }
.more a:hover{  background:#4a433a;}



.scene{ width:1100px; margin:0 auto;  margin-top:60px; margin-bottom:119px;}
.scene ul{ width:1185px; overflow:hidden;}
.scene ul li{ width:211px; height:169px; border:1px solid #fff4e8; float:left; margin-right:12px; margin-bottom:12px;}
.scene ul li img{ width:100%;}



.importantHu{width: 1040px; margin: 0 auto;  background: #1c1a17;    padding: 30px;    margin-top: 60px; position:relative; }
.importantHu dl{ }
.importantHu dl:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.importantHu dl dt{ width: 318px; float: left; border: 2px solid #a88f70;}
.importantHu dl dd{  position:absolute; bottom:30px; left:355px; width:640px;
    background: url(../images/x.jpg) repeat-y;    height: 110px;    margin-top: 46px;    color: #e7caa1;    padding-left: 28px;    padding-top: 30px;}

.nameshow{ border-left:2px solid #e7caa1; padding-left:10px; font-size:16px; }
.nameshow  a h3{ padding-bottom:5px; font-weight: normal; color:#e7caa1; font-size:24px;}
.nameshow  a h3 span{ font-size:14px;color:#e7caa1; margin-top:10px; margin-left:10px;}
.nameshow  a p{ font-size:24px;color:#e7caa1; display:block; margin-top:12px; line-height:26px;}
.impcontent{color: #fff4e8;   font-size: 15px;    line-height: 34px;    padding-top: 20px;    margin-left: 28px;    width: 639px;    padding-right: 42px;
    background: url(../images/pic_08.jpg) no-repeat right top;    background-size: 33px; position:absolute; left:350px; top:20px;}
.impcontent a{color:#fff4e8;}


.RightImp .nameshow{ border:0; padding-left:0; border-right:2px solid #e7caa1; padding-right:10px; text-align:right; }
.RightImp dl dt{ float:right;}
.RightImp dl dd{    position:absolute;    bottom:30px;    left:30px;   width: 674px;    text-align:right;    background: url(../images/xx.jpg) repeat-y;
    height: 110px;    margin-top: 46px;    color: #e7caa1;    padding:0;    padding-right: 40px;    padding-top: 30px;    }
.RightImp .impcontent{ right:380px; left:0;  background: url(../images/pic_16.jpg) no-repeat left top; background-size: 33px; padding-left:42px; padding-right:0;}




/*图片放大*/
.reviewa ul li .head img{-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: transform .8s;
-o-transition: transform .8s;transition: transform .8s; -webkit-backface-visibility: hidden;}
.reviewa ul li .head img:hover{-webkit-transform: scale(1.1;)-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:10%;/*left:89.5%;*/ right:10px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.Backtop img{ width:100%;}




/*s视频*/
.vedioShow{width:1100px; margin:0 auto;  margin-top:60px;}
.vedioShow dl:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.vedioShow dl dt{ float:left; width:759px; height:427px; border:2px solid #e7caa1; margin-right:24px; position:relative;}
.vedioShow dl dt a{ display:block;position:relative;}
.vedioShow dl dt a img{ display:block; width:100%;}
.vedioShow dl dt a em{ display:block; width:66px; height:66px; position:absolute; top:50%; left:50%; margin:-33px 0 0 -33px;}
.vedioShow dl dt a em img{ display:block; width:100%;}
.vedioShow dl dd{ float:left; width:312px;}
.vedioShow dl dd ul li{ height:226px;}
.vedioShow dl dd ul li a{ display:block; }
.vedioShow dl dd ul li a p{border:2px solid #e7caa1; position:relative;}
.vedioShow dl dd ul li a img{ display:block; width:100%; }
.vedioShow dl dd ul li a em{ display:block; width:46px; height:46px; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px;}
.vedioShow dl dd ul li a em img{ display:block; width:100%;}
.vedioShow dl dd ul li a span{ display:block; font-size:13px; color:#ffffff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; margin-top:12px;}
.vedioShow dl dt iframe{ height:427px;}

@media screen and ( max-width:600px){
.banner{ width:100%;background:none;height:auto;}
.banner img{ display: block; width:100%;}

.title{ width:80%; margin:0 auto; height:60px;margin-top:60px;}
.title img{ width:100%;}
.present{ width:90%; margin:0 auto; background:#1c1a17; padding:5%;  margin-top:30px; overflow:hidden;}
.present dt{ width:70%; float: none;  border:1px solid #a88f70; margin:0 auto; }
.present dt img{ width:100%;}
.present dd{ width:100%; float:none;}
.present dd p.content{ color:#fff4e8; font-size:14px;  line-height:25px; padding-top:10px;margin-left:0px; width:100%; padding-right:0px; background: none; background-size:33px;}
.present dd .prestiel{ width:100%; background:none; height:110px; margin-top:10px; color:#e7caa1;padding-left:0px; padding-top:20px; }
.present dd .prestiel .name{ border-left:2px solid #e7caa1; padding-left:10px; font-size:16px;}
.present dd .prestiel .name h3{ padding-bottom:13px; font-weight: normal;}
.present dd .prestiel .name h3 span{ font-size:12px;}


.presentA{ width:90%; margin:0 auto; background:#1c1a17; padding:5%;  margin-top:30px; overflow:hidden;}
.presentA dt{  width:70%; float: none;  border:1px solid #a88f70; margin:0 auto; }
.presentA dt img{ width:100%;}
.presentA dd{ width:100%; float:none;}
.presentA dd p.content{ color:#fff4e8; font-size:14px;  line-height:25px; padding-top:10px;margin-right:0px; width:100%; padding-left:0px; background: none; background-size:33px;}
.presentA dd .prestiel{ width:100%; background:none; height:110px; margin-top:10px; color:#e7caa1;padding-right:0px; padding-top:20px; }
.presentA dd .prestiel .name{ border-right:2px solid #e7caa1; padding-right:10px; font-size:16px;}
.presentA dd .prestiel .name h3{ padding-bottom:13px; font-weight: normal;}
.presentA dd .prestiel .name h3 span{ font-size:12px;}




.review{ width:90%; margin:0% auto; padding-top:40px;}
.smallTitle{ background: url(../images/pic_23.jpg) no-repeat; background-size:110px; font-size:22px; color:#e7caa1; padding-top:10px; padding-left:22px;}

.reviewa{ padding-top:40px;}
.reviewa ul{ width:100%; overflow:hidden; display:flex; flex-wrap:wrap;flex-direction:row;}
.reviewa ul li{ width:40%; /*float:left; */text-align:center; padding:0px 5%; margin:0; margin-bottom:30px; display:table-cell; height:250px;}
.reviewa ul li .head{ width:100%; height: auto; border:1px solid #e5c89f; border-radius:500px;position:relative; margin:0 auto; }
.reviewa ul li .head img{ width:100%;border-radius:500px;}
.reviewa ul li h3{ font-size:12px; color:#e7caa1; font-weight:normal; text-align:center; line-height:22px;padding-top:8PX;}
.reviewa ul li p.t{ color:#ffffff; font-size:12px; padding-top:10px; line-height:24px;}
.vevi{ display:none;}
.more a{ width:180px; height:40px; border-radius:3px; background:#312c26; color:#e7caa1; display:block; margin:0 auto; text-align:center; line-height:40px; font-size:16px; font-family:"微软雅黑"; }


.scene{ width:90%; margin:0 auto;  margin-top:40px; margin-bottom:30px; padding-bottom:50px;}
.scene ul{ width:100%; overflow:hidden;}
.scene ul li{ width:44%; height: auto; border:1px solid #fff4e8; float:left; margin:0px 2.5%; margin-bottom:12px;}
.scene ul li img{ width:100%;}
.scene ul li.noshow{ display:none;}

.importantHu{margin-top:30px; background:#1c1a17; padding:5%; width:80%;}
.importantHu dl{ display:-webkit-box;  display:flex;display:-ms-flex; display:-webkit-flex;width:100%; }
.importantHu dl dt{ width:150px;border:1px solid #a88f70; margin-right:20px; overflow:hidden; float:none; }
.importantHu dl dt a{ width:150px; display:block; }
.importantHu dl dt img{ display:block; width:100%;}
.importantHu dl dd{flex:1; -ms-flex:1; -webkit-flex:1; -webkit-box-flex:1; width:100%; padding:0; height:auto; margin:0; background:none; position:static; left:0; bottom:0;}
.nameshow{ border-left:2px solid #e7caa1; padding-left:10px; font-size:16px; }
.nameshow  a h3{ padding-bottom:5px; font-weight: normal; color:#e7caa1;}
.nameshow  a h3 span{ font-size:13px;color:#e7caa1; margin-top:10px; display:block; margin-left:0;}
.nameshow  a p{ font-size:16px;color:#e7caa1; display:block; margin-top:12px; line-height:26px;}
.impcontent{color:#fff4e8; font-size:15px;  line-height:26px; padding-top:15px; position:static; left:0; top:0; width:100%; margin:0; background:none;}
.impcontent a{color:#fff4e8;}


.RightImp .nameshow{ border:0; padding:0; text-align:left;border-left:2px solid #e7caa1; padding-left:10px; }
.RightImp dl dt{ float:none;}
.RightImp dl dd{flex:1; -ms-flex:1; -webkit-flex:1; -webkit-box-flex:1; width:100%; padding:0; height:auto; margin:0; background:none; position:static; left:0; bottom:0;   }
.RightImp .impcontent{color:#fff4e8; font-size:15px;  line-height:26px; padding:0;padding-top:15px; position:static; left:0; right:0; top:0; width:100%; margin:0; background:none;}




/*s视频*/
.vedioShow{width:90%; margin:0 auto;  margin-top:30px;}
.vedioShow dl:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.vedioShow dl dt{ float:none; width:100%; height:auto; border:0; margin-right:0; position:relative; margin-bottom:0px;}
.vedioShow dl dt a{ display:block;position:relative;}
.vedioShow dl dt a img{ display:block; width:100%;}
.vedioShow dl dt a em{ display:block; width:46px; height:46px; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px;}
.vedioShow dl dt a em img{ display:block; width:100%;}
.vedioShow dl dd{ float:none; width:100%;}
.vedioShow dl dd ul li{ height:auto; margin-top:15px; float:left; width:48%; margin-right:4%;}
.vedioShow dl dd ul li:last-child{ margin-right:0;}
.vedioShow dl dd ul li a{ display:block; }
.vedioShow dl dd ul li a p{border:1px solid #e7caa1; position:relative;}
.vedioShow dl dd ul li a img{ display:block; width:100%; }
.vedioShow dl dd ul li a em{ display:block; width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}
.vedioShow dl dd ul li a em img{ display:block; width:100%;}
.vedioShow dl dd ul li a span{ display:block; font-size:13px; color:#ffffff;text-overflow:clip; overflow:visible; white-space:normal; word-wrap: normal; margin-top:8px;}


}


@media screen and (min-width:320px) and (max-width:374px){.vedioShow dl dt iframe{ height:160px;overflow:hidden;}}
@media screen and (min-width:375px) and (max-width:413px){.vedioShow dl dt iframe{ height:188px;overflow:hidden;}}
@media screen and (min-width:414px) and (max-width:640px){.vedioShow dl dt iframe{ height:208px; overflow:hidden;}}