*{ padding:0; margin:0;  font-family: 'Microsoft YaHei';}
body{ margin:0; padding:0; background: #030224}
ul, ol, li {  list-style: none;}
i{ font-style: normal;}
a,a:hover{ text-decoration: none;  cursor: pointer;  color: #000;}
img{ border: none; display：block; vertical-align:bottom}
.clear{ clear: both; width:100%; height:0; line-height:0; overflow: hidden;}

.header{ width:100%; height:80px; background:#000;}

#nav { width: 100%;  height: 69px;  position: absolute;  top: 0;  left: 0;  z-index: 99;  /* background-size: 100% 100%; */}
#nav ul { display: flex;  width: 1066px;  height: 69px;  margin: 0 auto;  font-size: 16px;}
#nav ul li { flex: 1;  text-align: center;  color: #E0CFCF;}
#nav ul li p:first-child { font-size: 18px;  margin-top: 20px;}
#nav ul li p:last-child { font-size: 12px;  margin-top: 5px;}
#nav ul li a{  color: #E0CFCF;}
#nav ul li a:hover { color: #EFDF3F;}
#nav ul li a:visited {  color: #E0CFCF;}
#nav ul li a:hover {  color: #EFDF3F;}


.banner{ width:100%; height:auto; background:#191a1c; position:relative;}
.banner video{ position:absolute; z-index: 2}
.downs{ width:649px; height:172px; background:url('../images/b-downs.png') no-repeat; position:absolute; bottom:40px; margin:0 auto; left:0; right:0; z-index: 5}
.downs-body{ width:100%; height:172px; position:relative;}
.mbile-ewm,.pc-ewm{ width: 117px; height: 117px; position:absolute;}
.mbile-ewm img,.pc-ewm img{ width:117px; height: 117px;}
.mbile-ewm{ left:72px; top:33px;}
.pc-ewm{ left:264px; top:33px;}
.btns{ position:absolute; left:422px; top:25px;}
.btns li{ margin:15px auto;}
.moblie-btn:hover .mobile-ewm{ display: block}
.mobile-ewm{ width:196px; height:196px; background:#fff; text-align: center; position:absolute; top:-200px; display: none;}
.mobile-ewm img{ width:180px; height:180px; margin: 8px auto;}


.art-body{ width:100%; height:868px; background:url('../images/bg1.jpg'); position:relative; }
.art-rw{ width:1022px; height:808px; background: url('../images/art-rw.png') no-repeat; position: absolute; top:-80px; z-index: 3}
.art-main{ width:969px; height:464px; background:url('../images/art-desc.png') no-repeat; margin:0 auto; position:relative; z-index: 3; top:10%;}
.art-main ul{ width:600px; height:auto; margin:0 auto; position:absolute; top:153px; right:70px;}
.art-main ul li{ width:600px; height:54px; background:url('../images/js_item_bg.gif') no-repeat; margin:3px auto; cursor: pointer;}
.art-main ul li:hover{  animation: m-l .5s normal; -webkit-animation:m-l .5s normal;}
@keyframes m-l{
  from {margin-left:0px;}
	to {margin-left:15px;}
}
@-webkit-keyframes m-l /*Safari and Chrome*/
{
	from {margin-left:0px;}
	to {margin-left:15px;}
}
.art-main ul li span{ display:block; color:#eda136; float: left;}
.art-main ul li span.txt{ line-height:54px; }
.art-main ul li span:first-child,.art-main ul li span:last-child{ margin:0 20px;}
.art-main ul li span:first-child img{ margin-top:15px;}
.art-main ul li span:last-child { float:right;}
.art-main ul li span:last-child img{ margin-top:25px;}



.covers{ width:100%; height:auto; background: url('../images/bg2.jpg') no-repeat; position:relative; top:0;}
.cover-main{ width:1330px; height:597px; background:url('../images/cover-zb.png') no-repeat; position:absolute; top:-220px; left:0; right:0; margin: 0 auto;}
.cover-imgs{ width:1200px; height:400px;  position:absolute; top:145px; left:59px;}
.cover-imgs li{ width:50%; height:400px; text-align:center;  float:left;}
.cover-imgs li img{width:592px; height:413px; margin:0 auto;}
.cover-imgs li:first-child img{ float:left}
.cover-imgs li:last-child img{ float:right;}


.imgs-main{ width:1330px; height:420px; margin-top:30%; margin-left: auto; margin-right:auto; position:relative;}
.imgs-title{ width:312px; height:119px; background:url('../images/cover-title.png') no-repeat; margin:0 auto; position:absolute; left:0; right:0; top:-119px; }
.imgs-center{ margin-top:20px;}
#certify .swiper-button-prev{ width:76px!important; height:76px!important; background:url('../images/l-jt.png') no-repeat!important; outline: none;}
#certify .swiper-button-next{ width:76px!important; height:76px!important; background:url('../images/r-jt.png') no-repeat!important; outline: none;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
/* #certify{ margin-top:20px!important;} */
#certify .swiper-slide img{ width:600px; height:358px;}

.gq-imgs{ width:800px; height:auto; margin:100px auto;}
.gq-imgs-title{ width:100%; height:114px; text-align:center;}
.gq-imgs-cover{ width:100%; height:500px; margin:50px auto 80px auto; text-align:center;}
.gq-imgs-cover img{ width:791px; height:507px;}
/* ----------------------------------------------------------------------------------- */
#footer { width: 1920px;  height: 215px;  background: #000;  position: relative;  overflow: hidden;}
#footer h3 {  text-align: center;  margin: 20px auto 20px;  color: #fff;  background-image:-webkit-linear-gradient(bottom,#FF3400,#FF6600);  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;}
#footer .txt{  text-align: left;}
#footer p {  color: #aaa;  margin-bottom: 14px;  font-size: 14px;  font-weight: bold;}
#footer .f-logo {  margin-left: 400px;  margin-right: 40px;  float: left;  width: 240px;  height: 120px;}
#footer .f-logo img{  width: 100%;  height: 100%;}


/*******************右浮动**************************/
.float-left{ top:8%;}
.float-left{ width:200px; height:auto; position: fixed; right:20px; top:13%; z-index:999999; transition: all .3s ease!important;  animation: floatDiv 2s forwards; -webkit-animation: floatDiv 2s forwards; -moz-animation: floatDiv 2s forwards;}

.f-l-close{ width:23px; height:91px; background:url('../images/f-l-c.png?v=1')no-repeat; position: absolute; left:-8px; top:13%; z-index:999;}
.float-left.close{ right:-185px; transition: all .3s ease;}
.close .f-l-close{ width:23px; height:91px; background:url('../images/f-l-zk.png?v=1')no-repeat; position: absolute; left:-9px; top:11%;}
.float-left .top{ width:100%; height:72px; background:url('../images/f-l-t.png?v=1') no-repeat;}
.float-left .main{ width:100%; height:auto; background:url('../images/f-l-bg.png?v=1') repeat-y;}
/* .float-left .main .main-box{ width:100%; height:auto; background:url('../images/f-l-b.png') no-repeat top; overflow: hidden;} */
.float-left .bt{ width:100%; height:117px; background:url('../images/f-l-bt.png?v=1') no-repeat;}
.wx-img img{ border:5px solid #fff;}
.main-box{ overflow: hidden;}
.main-box li{ width:155px; height:auto; line-height:40px; margin:0 auto; font-weight: 600;  text-align: center; font-size:14px; background-image: -webkit-linear-gradient(bottom,rgb(0, 0, 0), rgb(0, 0, 0) ); -webkit-background-clip: text;  color: transparent!important;}

/* .main-box li{ width:140px; height:35px; margin:0 auto;  font-weight: 600;  text-align: center; font-size:14px; background-image: -webkit-linear-gradient(bottom,rgb(240, 206, 0), rgb(210, 201, 146) ); -webkit-background-clip: text;  color: transparent!important;} */

.main-box li span{ display: block; float:left; margin-left:10px;}
.main-box li.span div{ width:80%; line-height:30px; margin:0 auto; color:#d3c56e!important;}
.main-box li.j-b{  background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0), rgb(0, 0, 0)); -webkit-background-clip: text;  color: transparent!important;}
/* .main-box li.j-b{  background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;} */
.main-box li:first-child{ margin-bottom:10px; height:30px; line-height:30px; margin-top:15px; color:#A03A16!important; font-size:18px;}
.main-box li:last-child{ height:110px;}
.main-box li:last-child img{ width:100px; height:100px;}
.main-box li a {color:#000!important;}
.main-box li a i{ width:140px; height:27px; line-height:27px; color: #fff; display: block; margin:0 auto; border-radius: 15px; background:#A03A16; border-bottom:3px solid #CA4032}
.main-box li.wx{ font-size:18px!important;}
.float-l-title-red{height:40px; line-height:40px; color:#A03A16!important; font-size:16px!important; background:none;}
.float-l-img-border{ border:4px solid #fff;}
/****************左浮动******************/

.f-r-box{ width:179px; height:auto; position: fixed;  z-index:999999; left:0%; top:1%; transition: all .3s ease; animation: floatDiv 3s forwards; -webkit-animation: floatDiv 3s forwards; -moz-animation: floatDiv 3s forwards;}
.f-r-box-close{ width:41px; height:131px; background:url('../images/f-r-sub.png?v=1') no-repeat; position: absolute; right:-35px; top:90px; z-index: 10}
.close .f-r-box-close{ background-position: -54px 0;}
.f-r-box.close{ left:-179px; transition: all .3s ease;}
.f-r-body{ width:160px; height: auto; margin:0 15px; overflow: hidden;}
.f-r-body li{ width:134px; height:auto; margin:8% auto;}
.f-r-body li:last-child{ margin-bottom:20px;}
.f-r-body .title{ width:176px; height:50px; line-height:50px; font-weight: 700; font-size: 24px; text-align: center; margin:0 auto; background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;}
.f-r-body .main{ width:130px; height:130px;  background:#fff; margin:20px auto 10px auto; text-align: center;}
.f-r-body .main img{ width:126px; height:126px;}
.f-r-body .main span{ width:70px; height:31px; line-height:31px; margin:8px 5px;  display: inline-block; float:left; text-align:center; border-bottom:1px solid #7F4226; cursor: pointer}
.f-r-body .main span.active,.f-r-body .main span:hover{background:#D5C4A6; color:#582102; border-radius: 20px;}

.f-r-bot-top{ width:100%; height:44px; background:url('../images/f-r-box-top.png') no-repeat}
.f-r-bot-top .title{ width:176px; height:80px; line-height:110px; font-weight: 700; font-size: 24px; text-align: center; margin:0 auto; background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;}
.f-r-bot-bg{ width:100%; height:auto; background:url('../images/f-r-box-bg.png?v=1') repeat-y}
.f-r-bot-bt{ width:100%; height:79px; background:url('../images/f-r-box-bt.png?v=1') no-repeat}

.alert-ewm{ width:400px; height:812px; background:url('../images/011.png') no-repeat; text-align: center;}
.alert-ewm img{ width:140px; height:140px; margin:20px auto;}


.swiper-slide img{ width:520px; height:310px;}
#certify .swiper-slide{ height:auto!important;}