*{ margin:0; padding:0;}
body{ min-width: 1920px; max-width: 1920px; margin:0; padding:0; font-family: "Microsoft Yahei"; color:#959595;overflow-x: hidden;}
a,a:hover{ text-decoration: none;}
ul,li{ list-style: none;}
i{ font-style:normal}
.null-tr{ width:100%; height:30px; overflow: hidden;}
.null-15{ width:100%; height:15px; overflow: hidden}
.clear{ width:100%; height:0; line-height:0; overflow: hidden; clear: both;}
/*****************************/

.head-box{ width:100%; height:125px; background:url('../images/head-bg.jpg') no-repeat; }
/**************************/
/*.banner{ width:100%; max-width: 1910px; height:656px; overflow: hidden; background:#000; }*/
/******************************************************************************/

.body-box{ width:100%; height:auto; min-height: 1025px; background-image:url('../images/body-bg.jpg'); background-color:#1D0F0C; background-position: top; background-repeat: no-repeat;padding-top:1px;}

.top-one{ width:100%; height:40px; line-height:40px; position: relative; z-index: 9999; background:#000; font-weight:500; font-size: 14px; color:#959595!important;}
.top-box{ width:1200px; height:40px; margin:0 auto; }
.top-one-left{ width:30%; height:40px; line-height:40px; float:left;}
.top-one-left span{ float:left; display: inline-block}
.top-one-left span img{ margin-right:10px;}
.top-one-left a,.top-one-left a:hover,.top-one-right span a,.top-one-right span a:hover{ color:#959595!important;}

.top-one-right{ width:68%; height:40px; float:right;}
.top-one-right span{padding:0 5px; float:right;}

.xz-bb{ padding:0 15px; cursor: pointer; position:relative}
.xz-bb img{ margin-left:10px; float:right; margin-top:13px; width:13px; height:13px;}
.xz-bb:hover .ban-b{ display: block}
.ban-b{ width:180px; height:auto; background:#fff; left:-30px; position:absolute; z-index: 9999999; display: none; overflow: auto; max-height: 550px;}
.ban-b a{ width:80%; height:35px; line-height:35px; display: block; text-align:left; margin:0 auto; color:#959595!important;}
.ban-b a:hover{ color:#959595!important;}
.fa-black{ height:40px; line-height:40px!important;     margin-right: 5px;  margin-left: 10px;; display: inline-block}
.ash-color{ color:#787878!important; }
.org-color{color:#959595}
.top-ewm{ display: none; background:#fff; color:red; text-align: center; font-size:12px; line-height:25px; position: absolute; top: 40px; left:-20px;}
.top-ewm img{ width:120px; height:120px; border:5px solid #fff;}
.gz-wx:hover .top-ewm{ display: block}
.f-p{ cursor: pointer; display: block}

/***************************************/
.head-menu{ width:1200px; height:125px; margin:0 auto;}
.menu-logo{ float:left; height:123px}

.nav-icon{ background:url('../images/nav-icon.png?v=1') no-repeat; display: block; margin:5px auto;}
.nav-1{ width:33px; height:33px;  background-position: -10px -8px;}
.nav-2{ width:33px; height:33px; background-position: -55px -8px;}
.nav-3{ width:33px; height:33px; background-position: -104px -8px;}
.nav-4{ width:33px; height:33px; background-position: -148px -8px;}
/*.nav-5{ width:33px; height:33px; background-position: -197px -8px;}*/
.nav-5{ width:33px; height:33px; background-position: -345px -8px;}
.nav-6{ width:33px; height:33px; background-position: -248px -8px;}
.nav-play{ width:33px; height:33px; background-position: -300px -6px;}
.nav{ width:860px; height:125px; float:right; }
.nav li{ width:142px; height:125px; float:left; font-size:16px; cursor: pointer}

.nav li span{ height:35px; display: block; text-align:center; cursor: pointer;
  transition:transform .8s ease-out;
  transition: transform .8s ease-in-out;
  -webkit-transition: transform .8s ease-in-out;
  -moz-transition: transform .8s ease-in-out;
  -ms-transition: transform .8s ease-in-out;
  -o-transition: transform .8s ease-in-out;
  -webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  display:block;position: relative;
}
.nav li:hover span{ transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg); z-index:1}
.nav li span:first-child{ font-size:20px; margin-top:42px; font-weight: 700; color:#c8954b;}
.nav li span:last-child{ font-size:13px!important; color:#a8a887; font-weight: 600;}

.nav-art-div-r{ position:relative!important; cursor: pointer;}
.nav-art-div{ width:128px; height:auto; line-height:35px; font-size:20px; color:#c8954b; font-weight: 600; background:#1D1812; position:absolute; z-index: 99999999; text-align:center; display: none;}
.nav-art-div a{ color:#c8954b; display: block;}
.nav-art-div a:first-child{ margin-top:20px;}
.nav-art-div a:hover{ color:#9B702F;}
.nav-art-div a i{ height:35px; line-height:35px; font-size:13px!important; color:#a8a887; font-weight:600; display: block;}
#nav-art:hover .nav-art-div{ display: block;}

/**********************公告*************************/
#notice{
    width:1180px;
    height: 45px;
    margin: 16px auto 0;
    border: 1px solid #4A3D28;
    border-radius: 10px;
    box-shadow: RGBA(246, 214, 84, 0.1) 0 0 20px 2px inset;
    overflow: hidden;
    color: #F6D654;
    font-size: 18px;
}
.not-icon{
    width: 40px;
    height: 27px;
    float: left;
    margin: 9px 5px 0 33px;
}
.not-icon img{
    vertical-align: top;
    width: 28px;
    height: 27px;
    float: left;
    animation:mymove2 1s infinite!important;
    -webkit-animation:mymove2 1s infinite!important; /*Safari and Chrome*/
}
@keyframes mymove2
{
    0%{
    transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(0.9); /*放大0.9倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(0.9);
    }

}

@-webkit-keyframes mymove2 /*Safari and Chrome*/
{
    0%{
    transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(0.9); /*放大0.9倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(0.9);
    }
}

.not-icon span{
    float: right;
    line-height: 28px;
}
.not-content{
    width: 950px;
    height: 45px;
    float: left;
    overflow: hidden;
    position: relative;
    line-height: 45px;
    white-space:nowrap;
}
.not-content p{
    position: absolute;
    top: 0;
    left: 0;
    white-space:nowrap;
}
.not-btn{
    float: right;
    width: 105px;
    height: 31px;
    background: #582102;
    margin: 7px 30px 0 0;
    color:#D5C4A6;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    line-height: 31px;
}
.not-btn a:link{
    color:#D5C4A6;
}
.not-btn a:visited{
    color:#D5C4A6;
}

/*********************************************/
.body-box-div{ width:1200px; height:auto; margin:0 auto;}
.body-box-div ul li{ width:33.3%; height:460px; float:left;}
.ver-list{ width:380px; height:360px; margin:0 auto; position: relative}
.ver-img{ width:100%; height:206px; position: relative; cursor: pointer}
.ver-img:hover .ver-ewm{ display: block}
.ver-ewm{ width:100%; height:206px; position: absolute; background:rgba(000,000,000,.8); display: none;}
.ver-ewm .ewm{ width:200px; height:147px; margin:35px auto;}
.ver-ewm .ewm span{ width:30px; height:147px; text-align: center; display: inline-block; color:#fff; vertical-align: top; padding-top:10px;}
.ver-ewm .ewm span:nth-child(2){ width:130px; padding-top:0;}
.ver-ewm .ewm span img{ width:110px; height:110px; border:10px solid #fff;}
.ver-txt{ width:100%; height:154px; background:#D5C4A6; color:#3A1A03; overflow: hidden;}
.ver-txt span{ width:100%; text-align: center; display: block; font-size:14px;}
.ver-txt span:first-child{ margin-top:35px; height:40px; font-size:27px; font-weight: 700; margin-bottom:5px;}
.ver-txt span:last-child{ margin-top:5px; height:40px;}
.ver-txt span:last-child i{ width:100px; height:35px; line-height:35px; cursor: pointer; margin:0 auto; display: block; border:1px solid #3C1802}
.ver-txt span:last-child a i{ color:#473423}
.ver-txt span:last-child a:hover i{ color:#473423}
.vid-box{ width:70px; height:70px; transform:rotate(45deg); background:#582102; position: absolute; top:42%; left:41%; z-index: 9}
.vid-box .vid-bor{ width:58px; height:58px; border:1px solid #f8f0e1; margin:5px;}
.vid-bor i{ width:33px; height:33px; display: block; color:#D3C2A4; margin:12px; font-size:45px; transform:rotate(-45deg)!important; animation: fadenum 3s infinite; -webkit-animation: fadenum 3s infinite; -moz-animation: fadenum 3s infinite; cursor: pointer}

@-webkit-keyframes fadenum{ /*设置内容由显示变为隐藏*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}

@-moz-keyframes fadenum{ /*设置内容由显示变为隐藏*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}

@-o-keyframes fadenum{ /*设置内容由显示变为隐藏*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}

@keyframes fadenum{ /*设置内容由显示变为隐藏*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
.ver-bt{ width:374px; height:60px; margin:10px auto 0 auto; border: 2px solid rgba(213, 196, 166, 0.3)}
.ver-bt span{ width:100%; height:60px; line-height:60px; font-size:20px; background:url('../images/ver-bg.png') no-repeat center ; display: block; text-align:center; color:#CDAF71;}
/*********************************************/
.footer{ width:100%;  background:#1D1D1D;overflow: hidden;position: relative;padding: 23px 0 37px;font-size:13.5px;color:#939393;}
.footer-img{    position: absolute;    left: 0;    bottom: 0;    width: 100%;}
.ft-box{ width:1400px; height:auto; margin:10px auto 0;position: relative;z-index:9;}
.ft-top{
    width: 1368px;
    height: 129px;
    margin: 0 auto;
    overflow: hidden;
}
.ft-logo{ width:309px; float:left; text-align:center;height:129px;}
.ft-logo img{height: 129px;}
.ft-t-text{
    float:left;
    line-height: 54px;
    margin-top: 22px;
}
.ft-t-text p:first-child,.ft-t-text p:first-child a{color:#fff;opacity:1;}

.ft-t-text p:first-child{border-bottom: 1px solid #939393;}

/*.ft-logo img{ margin-top:20px;}*/
.ft-txt{ line-height:24px;margin: 8px 0 0 30px;}
.ft-txt-l{ line-height:24px;margin: 8px 0 0 30px;float:left;width: 750px;}
.ft-btm{text-align:center;padding-top: 15px;width: 490px;float:left;}
.ft-btm div { width:110px!important; height:40px!important;float:left;margin: 0 12px; position: relative;}
.ft-btm div::after{
    content: "";
    width: 1px;
    height: 30px;
    background: #535353;
    position: absolute;
    top: 5px;
    right: -12px;
}
.ft-btm div:last-child::after{display: none;}
.ft-btm div img {width:110px!important; height:40px!important;}
/***************************************************/
/* fullSlide */
.fullSlide{width:100%; position:relative; height:625px; background:#000;}
.fullSlide .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important; height:625px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{display:block; height:625px;}
.fullSlide .hd{width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50); opacity:0.5;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*******************右浮动**************************/
.float-left{ width:200px; height:auto; position: fixed; right:50px; 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 li{ width:140px; height:35px; 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;}
.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:50px; 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:198px; height:auto; position: fixed;  z-index:999999; left:0; top:380px; 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:-198px; transition: all .3s ease;}
.f-r-body{ width:160px; height: auto; margin:0 15px;}
.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:160px; height:auto; float:right; margin:0 auto; text-align: center;}
.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:60px; background:url('../images/f-r-box-top.png?v=1') 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:52px; background:url('../images/f-r-box-bt.png?v=1') no-repeat}
/****************2020/9/28 左浮动-助手 开始******************/
.zhushou{
    width: 318px;
    height: 298px;
    position: fixed;
    left: 0;
    top: 60px;
    /* background: #000; */
    transition: .3s;
    z-index: 99999;
}
.zs-top{
    width: 300px;
}
.zs-top img{
    width: 100%;
    margin-left: -34px;
}
.zhushou2{
    left: -320px;
}
.zhushou2 .zs-btn{
    width: 140px;
}
/* 控制按钮 */
.zs-btn{
    width: 30px;
    height: 26px;
    background: #582102;
    border-radius: 0 13px 13px 0;
    position: absolute;
    bottom: 121px;
    left: 213px;
    cursor: pointer;
    transition: .3s;
}
.btn-img{
    float: right;
    text-align: center;
    width: 36px;
    height: 26px;
}
.btn-close{
    float: right;
    width: 36px;
    height: 26px;
    background: url(../images/zs_close.png) no-repeat;
    background-position: center center;
}
.btn-open{
    float: right;
    width: 36px;
    height: 26px;
    background: url(../images/zs_open.png) no-repeat;
    background-position: center center;
}


.zs-bottom{
    width: 213px;
    height: 147px;
    border-radius: 15px 0 15px 0;
    background: #582102;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* 文字 */
.zs-text{
    margin: 24px auto 0;
    text-align: center;
}
.zs-text p{
    color: #fff;
    font-size: 16px;
    line-height: 28px;
}
.zs-text p span{
    color: #F7E869;
}
/* 跳转按钮 */
.zs-b-btn{
    width: 151px;
    height: 32px;
    line-height: 32px;
    background: #BE9755;
    text-align: center;
    color: #582102;
    font-size: 16px;
    border-radius: 19px;
    margin: 12px auto 0;
}
.zs-b-btn a{
    color: #582102;
}

/* .zs-bottom-b{
    width: 32px;
    height: 26px;
    background: #582102;
    border-radius: 13px 0 0 13px;
    position: absolute;
    bottom: 0;
    left: -32px;
} */
/****************2020/9/28 左浮动-助手 结束******************/
/*****************视频框********************/
.alert-vid{ position: fixed; top:20%; left:27%; width:800px; height:520px; border:5px solid #C9984A; background:#000; z-index: 9999; display: none; animation: floatDiv 1s forwards; -webkit-animation: floatDiv 1s forwards; -moz-animation: floatDiv 1s forwards;}
.alert-vid .close{ width:56px; height:56px; background:url('../images/close.png?v=1') no-repeat; position: absolute; right:-70px; top:-35px;}
.alert-int{ width:52px; height:36px; background:url('../images/alert-int.png?v=1') no-repeat; position: absolute; z-index: 999;}
.alert-int-l-t{ background-position: 0 -4px; left:-15px; top:-17px;}
.alert-int-l-b{ background-position: 0 -67px; left:-18px; bottom:-18px;}
.alert-int-r-t{ background-position: -79px -4px; right:-15px; top:-17px}
.alert-int-r-b{ background-position: -79px -67px; right:-18px; bottom:-18px}
.alert-vid video{ margin:5px;}

/*****************弹出QQ群************************/
.alert-qq{ width:534px; height:auto; position: fixed; display: none; top:33%; left:35%; z-index: 99999999; transition: all .5s ease; animation: floatDiv .5s forwards; -webkit-animation: floatDiv .5s forwards; -moz-animation: floatDiv .5s forwards;}
.alert-qq-close{ position: absolute; top:-10px; right:-40px; cursor: pointer; z-index: 99999999999}
.alert-qq-top{ width:534px; height:60px;}
.alert-qq-bg{ width:534px; min-height:200px; background:url('../images/alert-qq-bg.png') repeat-y; position: relative}
.alert-qq-dao{ width:294px; height:327px; position: absolute; bottom:-60px; right:-150px;}
.alert-qq-bt{ width:534px; height:49px;}
.alert-qq-bg-box{ width:460px; height:auto; margin:0 auto; position: relative; z-index: 111}
.alert-qq-bg-box li{ width:30%; margin:3% 1%; float:left; text-align: center}
/*************************************************************/
@-webkit-keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}

.about-box{ width:100%; min-height:400px!important; height:auto; background:#000!important;}
.about-ban{ height:auto!important;}
.about-box-div{ width:1024px; height:600px; z-index: 9999; position: relative; margin-left:auto; margin-right:auto; margin-top:-340px; }
.about-box-div .left{ width:283px; float:left; text-align:center;}
.about-box-div .left li{ margin:5px auto; cursor: pointer}
.about-box-div .left li:first-child{ margin-top:-4px;}
.about-box-div .right{ width:725px;  float:right}
.about-box-div .right .title{ width:100%; height:75px; background:url('../images/r-title.png') no-repeat}
.about-box-div .right .title span{ display: inline-block; padding:0 20px; line-height:75px; color:#D8C17A;}
.about-box-div .right .title span:first-child{ font-size:24px;}
.about-box-div .right .main{ min-height:580px; background:url('../images/r-body.png') repeat-y; overflow: hidden;}
.about-box-div .right .main .main-div{ width:96%; color:#000; margin:2% auto; line-height:40px;}

.us-ban{ width:100%; height:1219px!important; background:#000!important; position: relative}
.us-box{ width:100%; height:auto; top:33%; position: absolute}
.ust-box-div{ width:1024px; margin:0 auto;}
.ust-box-div .left{ width:283px; float:left; text-align:center;}
.ust-box-div .left li{ margin:5px auto; cursor: pointer}
.ust-box-div .left li:first-child{ margin-top:-4px;}
.ust-box-div .right{ width:725px;  float:right}
.ust-box-div .right .title{ width:100%; height:75px; background:url('../images/r-title.png') no-repeat}
.ust-box-div .right .title span{ display: inline-block; padding:0 15px; text-align: center; line-height:75px; color:#D8C17A;}
.ust-box-div .right .title span:first-child{ font-size:24px;}
.ust-box-div .right .main{ min-height:580px; background:url('../images/r-body.png') repeat-y; overflow: hidden;}
.ust-box-div .right .main .main-div{ width:98%; color:#000; margin:7% auto; line-height:40px;}
.ust-box-div .right .main .main-div li{ width:340px; height:488px; background:red; margin:0 6px; float:left;}
.ust-box-div .right .main .main-div li:first-child{ background:url('../images/us-box-us.png') no-repeat}
.ust-box-div .right .main .main-div li:last-child{ background:url('../images/us-box-qq.png') no-repeat}
.ust-box-div .right .main .main-div li span{ width:80%; height: auto; color:#F8F2CC; display: block; margin:0 auto; }
.ust-box-div .right .main .main-div li span:first-child{ margin-top:60%;}
.ust-box-div .right .main .main-div li span i{ margin-right:10px; font-size: 24px;}

.down-ban{ width:100%; height:1016px!important; background:#000!important; position: relative}
/*.down-box{ width:100%; height:auto; top:26%; position: absolute}*/
.down-box{ width:100%; height:auto; top:26%; margin-top:-750px; position: relative; z-index: 999999}
.down-box-div{ width:1024px; margin:0 auto;}
.down-box-div .left{ width:283px; float:left; text-align:center;}
.down-box-div .left li{ margin:5px auto; cursor: pointer}
.down-box-div .left li:first-child{ margin-top:-4px;}
.down-box-div .right{ width:725px;  float:right}
.down-box-div .right .title{ width:100%; height:75px; background:url('../images/r-title.png') no-repeat}
.down-box-div .right .title span{ display: inline-block; padding:0 15px; text-align: center; line-height:75px; color:#D8C17A;}
.down-box-div .right .title span:first-child{ font-size:24px;}
.down-box-div .right .main{ min-height:580px; background:url('../images/r-body.png') repeat-y; overflow: hidden;}
.down-box-div .right .main .main-div{ width:98%; color:#000; margin:7% auto; line-height:40px;}
.down-box-div .right .main .main-div li{ width:340px; height:488px; background:red; margin:0 6px; float:left;}
.down-box-div .right .main .main-div li:first-child{ background:url('../images/us-box-us.png') no-repeat}
.down-box-div .right .main .main-div li:last-child{ background:url('../images/us-box-qq.png') no-repeat}
.down-box-div .right .main .main-div li span{ width:80%; height: auto; color:#F8F2CC; display: block; margin:0 auto; }
.down-box-div .right .main .main-div li span:first-child{ margin-top:60%;}
.down-box-div .right .main .main-div li span i{ margin-right:10px; font-size: 24px;}

.down-main-box{ margin-top:20px;}
.down-main-box>div{ width:100px; height:45px; text-align: center; line-height:45px; margin:0 10px; float:left; background:#FEECB3; color:#744C2B; cursor: pointer}
.down-main-box>div.active{ background:#744C2B; color:#FBEA9D;}
.down-main-li{ width:100%; height:110px; border-bottom:1px dashed #744C2B; cursor: pointer}
.down-main-li:hover{ background:rgba(255,255,255,.5)}
.down-main-li>div{ float:left;}
.li-1{ width:60%; float:left;}
.li-1 span{ display: block; width:80%; margin-left:20px; color:#744C2B;}
.li-1 span:first-child{ height:60px; line-height:60px; font-size:24px; margin-top:8px;}
.li-2{ width:20%; float:left;}
.li-2 img{ margin-top:18%;}
.li-3{ width:20%; float:left;}
/*.li-3 img{ margin-top:25%;}*/
.li-3 span{ width:135px; height:100px; margin-top:5px; display: block; background:url('../images/wap-bg.png') no-repeat}
.li-3 span i img{ width:90px; height:90px; margin-top:5px; margin-left:5px;}
.li-3 span i:hover img{   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
.down-list .down-tag{ display: none;}
/******************友情链接********************/
.more{
    width:100%;
    height:52px;
    margin: 24px auto 30px;
    text-align: center;
    cursor: pointer;
    background: url(../images/more_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.more-icon{
    position: absolute;
    top: 12px;
    left: 470px;
    animation: tb .6s infinite alternate;
}
@keyframes tb {
    0% {top:12px;}
    100% {top:8px;}
}

.link-main{ width:1200px; height:auto; margin:0 auto; }
.link-title{ width:100%; height:45px; margin-top:20px; text-align:center;}
.link-title span{ width:667px; height:45px; font-size:35px; font-weight: 700; color:#cdae72; background:url('../images/link-title.png') no-repeat; txt-align:center;}
.link-link{ width:100%;}
.link-main .link-link{ width:100%; float:left; text-align:center; margin:20px auto;}
.link-link li{ width:200px; height:80px; float:left; margin-bottom:15px; text-align: center; cursor: pointer }
.link-link li img{ margin:10px auto 20px auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);   filter: grayscale(100%);  filter: gray;}

.link-link li:hover img{ margin:10px auto 20px auto; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);   filter: grayscale(0); }

/*********************分页**************************/

.page-count{ width:100%; height:60px; margin:18px auto; text-align:center; padding-left:20px;}
.page-count span{ padding:2px 7px; border:1px solid #744C2B; color:#744C2B; text-align:center; margin-top:15px; cursor: pointer}
/*.page-count span.active{ background:#754308; color:#fff;}*/
/*.page-count span:last-child{ border:none;}*/
#page{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    margin-top:30px;
    margin-bottom:30px;
}
#page li {
    float: left;
    margin-right: 5px;
    line-height: 25px;
}
#page li .page{ padding:2px 7px; border:1px solid #744C2B; color:#744C2B; text-align:center; /*margin-top:15px;*/ cursor: pointer}
#page li.active .page{ background:#754308; color:#fff; padding:2px 7px; border:1px solid #744C2B; text-align:center;  cursor: pointer}
.page-btn span{
    display: inline-block;
    border: 1px solid #754308;
    padding: 0 5px;
    height: 29px;
}
.page-btn-disble span{
    display: inline-block;
    padding: 0 5px;
    height: 29px;
    border:1px solid #959595;
}
#page li .page-btn {
    color:#000;
}
/*********************************/
/* new */
.int {
    width: 74px;
    height: 64px;
    background: url('../images/new_bg.png') no-repeat;
    background-size: 296px 64px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

/* 火 */
.hot{
    width: 50px;
    height: 60px;
    background: url(../images/hot_bg.png) no-repeat;
    background-size: 250px 60px;
    background-position-x: -50px;
    position: absolute;
    right: -15px;
    top: -20px;
    z-index: 999;
}

.hot_bg,.int_bg{
    width: 100%;
    height: 100%;
}
.hot_bg{
    background: url(../images/hot_bg.png) no-repeat;
    background-size: 250px 60px;
}
.int_bg{
    background: url(../images/new_bg.png) no-repeat;
    background-size: 296px 64px;
}

.complaint-ban{ width:100%; height:auto; background-image:url('../images/complaint.jpg'); background-repeat: no-repeat; background-color:#160c0d;}
.complaint-box-div{  margin-top:500px;}

.complaint-box{ width:90%; margin:0 auto; }
.comp-li{ width:50%; float:left}
.comp-li span{ display: block; height:55px; line-height:55px; font-size: 16px; color:#a91917; text-indent: 1em}
.comp-li select{ width:90%; margin:0 auto; height:45px; background:#b0946c; font-size:16px; text-indent: 1em; color:#562509; border-radius: 8px; outline: none; border:none;}
.comp-li select>option{ outline: none; text-indent: 1em; height:35px; line-height:35px; border:none;}
.comp-li textarea{ border:1px solid #b1a38a; background:#c9b594; width:90%; height:100px; line-height:33px; border-radius: 8px; text-indent: 1px; text-align: left; outline: none; padding:5px; color:#95785d; font-size:14px;}
.comp-li input{ width:90%; text-indent: 1em; border-radius: 8px; border:1px solid #b1a38a; background:#c9b594; margin:0 auto; height:35px; line-height:35px; outline: none;}

.upload-box{ width:97%; height:auto; margin:20px 0; border:1px dashed #c8ad8e;}
.upload-box .left{ width:30%; height:100px; float:left;}
.upload-box .left span{ color:#3d1603}
.upload-box .left span:first-child{ color:#ab1917; margin-top:40px;}

.upload-box .right{ width:70%; height:auto; float:right;}
.button-tr{ width:100%; height:60px; margin:30px auto; text-align: center}
.button-tr input[type=button]{ width:60%; height:50px; line-height:50px; outline: none; border-radius: 8px; color:#d1bda0; font-size: 16px; margin:0 auto!important; border:none; background:#863d18;}
/**********************投诉查询*******************************/
.query-main-li{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #744C2B; cursor: pointer;}
.query-main-li li{ float:left;}
.query_orderid{ width:30%; float:left; color:#000;}
.query_title{ width:50%; float:left; display: block; color:#000;}
.query_status{ width:10%; float:left; color:#000;}
.query_admin{ width:10%; float:left;}
.query_admin a { color: #744C2B; }

.wx{ width:100%; text-align:center; font-size:20px; font-weight: 700; line-height:45px; background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;}
.wx-img{ width:100%; text-align:center;}
/* .f-r-box{ top:20%;} */
.alert-qq{ top:23%;}
.float-left{ top:5%;}
.main-box li:last-child{ height:auto;}
/*********************************************************/
#news{
            width: 1182px;
            height: 353px;
            margin: 10px auto;
        }
        #news .l{
            width: 621px;
            height: 353px;
            float: left;
            background:url('../images/hdpk.png') no-repeat;
        }
        #news .l img{
            width: 590px;
            height: 325px;
            margin-top:18px;
            margin-left:14px;
        }
        #news .r{
            width: 560px;
            height: 353px;
            float: left;
            background: #291714;
        }
        #news .tit{
            margin-left: 42px;
            position: relative;
            height: 60px;
            width: 495px;
            border-bottom: 1px solid #3B2B29;
        }
        #news .r h3{
            color: #7B6842;
            font-size: 26px;
            line-height: 60px;
        }
        #news .r .c-btn{
             width: 69px;
            height: 22px;
            position: absolute;
            top: 26px;
            right: 0;
            cursor: pointer;
        }
        #news .r .c-btn:active{
            top: 27px;
            right: -1px;
        }
        #news .list-wrap{
            margin-left: 44px;
        }
        #news .list-wrap .tuijian{
            width: 494px;
            height: 28px;
            background:url(../images/tj_bg.png) no-repeat;
            background-size: 100% 100%;
            font-size: 16px;
            line-height: 28px;
            font-weight: bold;
            text-indent: 72px;
        }
        #news .list-wrap .tuijian a:link{
            color: #CDAE72;
        }
        #news .list-wrap .tuijian a:hover{
            color: #CDAE72;
        }
        #news .list-wrap .tuijian a:visited{
            color: #CDAE72;
        }
        #news .list-wrap .tuijian a:link{
            color: #CDAE72;
        }
        #news .list-wrap ul li{
            width: 462px;
            background:url(../images/li_bg.png) no-repeat;
            background-size: 10px 12px;
            background-position: 0 5px;
            text-indent: 22px;
            font-size: 14px;
            color: #7E7159;
            margin: 16px 0 22px 5px;
            position: relative;
        }
        #news .list-wrap ul li p{
            width: 370px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;

        }
        #news .list-wrap ul li a:link{
            color: #7E7159;
        }
        #news .list-wrap ul li a:hover{
            color: #CDAE72;
        }
        #news .list-wrap ul li a:visited{
            color: #7E7159;
        }
        #news .list-wrap ul li .date{
            position: absolute;
            top: 0;
            right: 0;
        }
        
        .test-inverse{
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transition: transform .5s;
        }
        .more2{
            width:100%;
            height:52px;
            margin: 24px auto 30px;
            text-align: center;
            cursor: pointer;
            background: url('../images/more_bg2.png') no-repeat;
            background-size: 100% 100%;
            position: relative;
        }

        .jssorl-009-spin img {
	animation-name:jssorl-009-spin;
	animation-duration:1.6s;
	animation-iteration-count:infinite;
	animation-timing-function:linear
}
@keyframes jssorl-009-spin {
	from {
	transform:rotate(0);
}
to {
	transform:rotate(360deg);
}
}
/* #jssor_1{ width:590px!important; height:320px!important; background:red;} */