*{ margin:0; padding:0;}
body{margin:0; padding:0; font-family: "Microsoft Yahei"; color:#001b1c;}
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;}
/*****************************/
bodybg{ width: 100%; max-width: 1920px; margin:0 auto;background:#1c0101 url(../images/body-bg.jpg) repeat-y center top;}

.head-box{ width:100%; height:150px; background:#1c0101 url('../images/head-bg.jpg') center no-repeat; margin:0 auto;}
/**************************/
.bannerbg{background:#1c0101; }
.banner{background:#1c0101;  width:100%; max-width: 1920px; height:656px;margin:0 auto; overflow: hidden; }
/******************************************************************************/

//.body-box{ width:100%; height:auto; background:#1c0101 url(../images/body-bg.jpg) repeat-y center top;}
.body-box {  
    width: 100%;  
    height: auto;  
    background: #1c0101 url(../images/body-bg.jpg) repeat-y center top / cover;  
}
.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:35%; 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:65%; 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: 99998; 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:10px; display: inline-block}
.ash-color{ color:#787878!important; margin-left:5%;}
.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:1250px; height:150px; margin:0 auto;}
.menu-logo{ float:left; height:150px}
/*.menu-logo img{ margin-top:10px;}*/
.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:870px; height:150px; float:right; }
.nav li{ width:135px; float:left; font-size:16px; cursor: pointer}
.nav li span{ height:35px; display: block; text-align:center;}
.nav li span:first-child{ font-size:24px; margin-top:35px; font-weight: 500; color:#fe7405;}
.nav li span:last-child{ color:#fe7405; font-weight: 700;}

/*********************************************/
.footer{ width:100%; height:176px; background:#000;}

/*********************************************/
.body-box-div{ width:1298px; height:auto; margin:0 auto;}

/*********************************************/


.parent-for-first-two .ver-img {  
    position: relative;  
    display: inline-block;  
}  
  
.parent-for-first-two .ver-img::after {  
    content: "";  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%; /* 宽度设置为100%，以覆盖整个容器 */  
    height: 15%; /* 高度设置为100%，以覆盖整个容器 */  
    background-image: url('../images/tj_bg.png'); /* 这里是tj_bg.png的data-uri编码 */  
    background-size: cover;  
    z-index: 1;  
    pointer-events: none;  
}
/*********************************************/
.body-box-div ul li{ width:33.3%; height:460px; float:left;}
.ver-list{ width:320px; height:360px; margin:0 auto; position: relative}
//.ver-img{ width:100%; height:206px; position: relative; cursor: pointer}
.ver-img{ width:100%; height:206px; position: relative; cursor: pointer}
.ver-img 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,.5); display: none;margin-top:-210px}
.ver-ewm .ewm{ width:200px; height:147px; margin:35px auto;z-index:9999999999;}
.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:url('../images/bbbg.jpg') no-repeat; color:#fe7405; overflow: hidden;}
.ver-txt span{ width:100%; text-align: center; display: block; font-size:14px;}
.ver-txt span:first-child{ margin-top:20px; height:30px; font-size:20px; font-weight: 700; margin-bottom:5px;}
.ver-txt span:nth-child(2){ width:100%; text-align:center; display: block; font-size:16px;font-weight: 700;}
.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 #fe7405}
.ver-txt span:last-child a i{ color:#fe7405}
.ver-txt span:last-child a:hover i{ color:#FFF}
.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(254,116,5, 0.5)}
.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:#fe7405;}

.ft-box{ width:1200px; height:auto; margin:0 auto;}
.ft-logo{width:309px;float:left;text-align:center;margin-top: 20px;}
/*.ft-logo img{ margin-top:20px;}*/
.ft-txt{ width:800px;float:left;}
.ft-txt li{ width:100%; line-height:30px; color:#fff;}
.ft-txt li:first-child{ margin-top:45px;}
.ft-txt li a {color:#fff; }

/***************************************************/
/* 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(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:194px; 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)no-repeat; position: absolute; left:-14px; top:13%;}
.float-left.close{ right:-185px; transition: all .3s ease;}
.close .f-l-close{ width:23px; height:91px; background:url(../images/f-l-zk.png)no-repeat; position: absolute; left:-14px; top:11%;}
.float-left .top{ width:100%; height:76px; background:url(../images/f-l-t.png) no-repeat;}
.float-left .main{ width:100%; height:auto; background:url(../images/f-l-bg.png) 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: 197px;background:url(../images/f-l-bt.png) 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(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:90%; line-height:30px; margin:0 auto;}
.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-top:10px; margin-bottom:10px; color:#EDDB93; font-size:18px;}
.main-box li:last-child{ height:110px;}
.main-box li:last-child img{ width:100px; height:100px;}
.main-box li a i{ width:100px; height:25px; line-height:25px; color: #EDDB93; display: block; margin:0 auto; border:1px solid #75674A;}
.main-box li.wx{ font-size:18px!important;}
/****************左浮动******************/

.f-r-box{ width:198px; height:auto; position: fixed;  z-index:999999; left:0; top:30%; 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') 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:180px; height: auto; margin:0 10px 0 0;}
.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:176px; height:auto; float:right; margin:0 auto; text-align: center;}
.f-r-body .main span{ margin:8px auto; border-radius: 5px; padding:2px 10px; display: inline-block;  color:#FFF; text-align:center; border:1px solid #ccc; cursor: pointer}
.f-r-body .main span.active,.f-r-body .main span:hover{background:#582102; color:#FFF; border:1px solid #582102;}

.f-r-bot-top{ width:100%; height:80px; 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') repeat-y}
.f-r-bot-bt{ width:100%; height:79px; margin-top:-40px; background:url('../images/f-r-box-bt.png') no-repeat}

/*****************视频框********************/
.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') no-repeat; position: absolute; right:-70px; top:-35px;}
.alert-int{ width:52px; height:36px; background:url('../images/alert-int.png') 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;color:#fe7405}
/*************************************************************/
@-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: 430px;
    animation: tb .6s infinite alternate;
}
@keyframes tb {
    0% {top:12px;}
    100% {top:8px;}
}

.link-main{ width:1180px; 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:#fe7405; 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;
}
/*********************************/
/* new */
.int {
    width: 37px;
    height: 32px;
    background: url('../images/new_bg.png') no-repeat;
    background-size: 148px 32px;
    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: 148px 32px;
}

.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: 48px auto;}
#news .l{width: 621px;height: 353px;float: left;}
#news .l img{/*width: 100%;height: 100%;*/width: 621px;height: 353px;}
#news .r{width: 560px;height: 353px;float: left;background: url(../images/newbg.jpg) no-repeat;}
#news .tit{margin-left: 42px;position: relative;height: 60px;width: 495px;border-bottom: 1px solid #fe7405;margin-bottom:5px;}
#news .r h3{color: #fe7405;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: #fe7405;}
#news .list-wrap .tuijian a:hover{color: #fe7405;}
#news .list-wrap .tuijian a:visited{color: #fe7405;}
#news .list-wrap .tuijian a:link{color: #fe7405;}
#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: #fe7405;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: #fe7405;}
#news .list-wrap ul li a:hover{color: #fe7405;}
#news .list-wrap ul li a:visited{color: #fe7405;}
#news .list-wrap ul li .date{position: absolute;top: 0;right: 0;}


.gq-mask{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
.gray{
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,.6);
}
.gq-mask .gq-img{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -275px auto 0;
    width: 1350px;
    height: 550px;
    cursor: pointer;
}
.gq1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gq-btn{
    width: 104px;
    height: 104px;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
        left: 0;
        right: 0;
    }

    50% {
        opacity: 1;
        left: 0;
        right: 0;
    }
}