﻿blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body{padding:0;margin:0;background:#f0f0f0}
abbr,body,fieldset,html,iframe,img{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{        color: #999;cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover{text-decoration:none}
body,button,input,textarea{color:#fff}
body,html{min-width:1200px;margin:0 auto;font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:14px}
em,i{font-style:normal}
.hide{display:none}
.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
.clearfix:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}
.clearfix{zoom:1}
.inline-box{display:inline-block;zoom:1}
.clearfix:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}
.clearfix{zoom:1}
.hide{display:none}

*{background-size:100% 100%!important}
body{font-size:100%}
.wrap{width:100%;position:relative;overflow:hidden;min-width:1200px}
#NIE-topBar{z-index:990!important}
#NIE-copyRight{background:#000}
#NIE-copyRight a{color:#fff}
.main{width:100%}
.main .top_bar{position:relative;width:100%;height:.79rem;background:url(../image/top_bar.png) top center no-repeat;z-index:10}
.main .top_bar .logo{position:absolute;width:3.94rem;height:1.19rem;left:53%;top:0;margin-left:-2.47rem;background:url(../image/logo.png) no-repeat}
.main .top_bar .nav{position:relative;width:14.8rem;height:.79rem;margin:0 auto}
.main .top_bar .nav a{top:0;position:absolute;width:1.53rem;height:.79rem;font-size:.18rem;color:#ffe2ab;text-align:center;line-height:.7rem}
.main .top_bar .nav a.on,.main .top_bar .nav a:hover{font-size:.2rem;color:#322208;text-align:center;height:.99rem;background:url(../image/tabbg.png) no-repeat}
.main .top_bar .nav a.home{left:0}
.main .top_bar .nav a.news{left:1.93rem}
.main .top_bar .nav a.tese{left:3.82rem}
.main .top_bar .nav a.zhiye{left:9.45rem}
.main .top_bar .nav a.gonglue{left:11.33rem}
.main .top_bar .nav a.shiting{left:13.22rem}
.main .page{position:relative;width:100%}
.main .page.page1{height:9.59rem;background:url(../image/page1.jpg) top center no-repeat}

.main .page.page2{height:9.61rem;background:url(../image/page2.jpg) top center no-repeat}
.main .page.page2 .icon{position:relative;display:block;width:1.35rem;height:1.26rem;margin:0 auto;background:url(../image/icon1.png) no-repeat;top:-.6rem;z-index:10}
.main .page.page2 .title{width:1.63rem;height:.81rem;margin:.25rem auto 0;background:url(../image/title2.png) no-repeat}
.main .page.page2 .con-box{position:relative;width:1200px;height:350px;margin:40px auto 0}
.main .page.page2 .con-box .banner-box{float:left;position:relative;width:458px;height:347px;border:1px solid #fffcbf}
.main .page.page2 .con-box .banner-box .bannertab{width:54px;height:38px;position:absolute;z-index:10;top:0;background:#2b4263;font-size:14px;color:#c0daff;line-height:38px;text-align:center}
.main .page.page2 .con-box .banner-box .bannertab.gfbanner{left:0}
.main .page.page2 .con-box .banner-box .bannertab.hzbanner{left:54px}
.main .page.page2 .con-box .banner-box .bannertab.on,.main .page.page2 .con-box .banner-box .bannertab:hover{color:#503e23;background:#ffdaa6}
.main .page.page2 .con-box .banner-box .banner{width:458px;height:347px;position:absolute;top:0;left:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;z-index:1}
.main .page.page2 .con-box .banner-box .banner .hd{z-index:2;position:absolute;bottom:20px;right:20px}
.main .page.page2 .con-box .banner-box .banner .hd ul li{float:left;width:19px;height:19px;background:url(../image/dot.png) no-repeat;margin:0 5px;cursor:pointer}
.main .page.page2 .con-box .banner-box .banner .hd ul li.on{background:url(../image/dot_h.png)}
.main .page.page2 .con-box .banner-box .banner .bd li{text-align:center}
.main .page.page2 .con-box .banner-box .banner .bd li img{width:458px;height:347px}
.main .page.page2 .con-box .banner-box .banner.on{-webkit-opacity:1;-moz-opacity:1;opacity:1;z-index:2}
.main .page.page2 .con-box .news-box{float:left;width:459px;height:347px;background:url(../image/newbg.jpg) no-repeat;margin-left:12px}
.main .page.page2 .con-box .news-box .hd{width:100%;height:57px}
.main .page.page2 .con-box .news-box .hd li{width:77px;height:57px;float:left;text-align:center;line-height:59px;color:#fff;font-size:16px;cursor:pointer}
.main .page.page2 .con-box .news-box .hd li.on{background:url(../image/newtabbg.jpg) no-repeat}
.main .page.page2 .con-box .news-box .hd .more{width:22px;height:22px;float:right;background:url(../image/more.png) no-repeat;margin:17px}
.main .page.page2 .con-box .news-box .bd .ssjx{display:block!important;height:34px;line-height:34px;color:#3c3c3c;overflow:hidden;white-space:nowrap}
.main .page.page2 .con-box .news-box .bd .ssjx i{width:42px;height:34px;background:url(../image/tuijian.png) no-repeat;float:left;margin-right:10px}
.main .page.page2 .con-box .news-box .bd .ssjx a{display:block;color:#fff;font-size:14px;font-weight:700;height:34px;line-height:38px;background:#203353}
.main .page.page2 .con-box .news-box .bd li{padding:0 30px 0 20px;height:40px;line-height:45px}
.main .page.page2 .con-box .news-box .bd li .news_in{float:left;font-size:14px;color:#bfd4f3;width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .page.page2 .con-box .news-box .bd li .news_time{float:right;font-size:12px;color:#839bbd}
.main .page.page2 .con-box .news-box .bd li:hover .news_in{color:#fbd6a4}
.main .page.page2 .con-box .active{width:252px;height:347px;background:url(../image/actbg.jpg) no-repeat;float:left;margin-left:12px}
.main .page.page2 .con-box .active .open-service{width:220px;height:32px;margin:26px auto 0;color:#fff;font-size:14px;text-align:center;line-height:32px;background:#1a2d4b;border:1px solid #36527a}
.main .page.page2 .con-box .active .act-con{position:relative}
.main .page.page2 .con-box .active .act-con li{width:100%;padding:0 20px;height:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px}
.main .page.page2 .con-box .active .act-con li span{ color: #3bab50;font-size:14px;height:40px;line-height:40px;display:inline-block}
.main .page.page2 .con-box .active .act-con li span:last-child{float:right; color: #7f7f7f;}
.main .page.page3{height:9.61rem;background-size:100% 100%}
.main .page.page3.zs{background:url(../image/zsbg.jpg) no-repeat}
.main .page.page3.fs{background:url(../image/dsbg.jpg) no-repeat}
.main .page.page3.js{background:url(../image/jsbg.jpg) no-repeat}
.main .page.page3.lm{background:url(../image/lmbg.jpg) no-repeat}
.main .page.page3 .icon{position:relative;display:block;width:1.35rem;height:1.26rem;margin:0 auto;background:url(../image/icon2.png) no-repeat;top:-.6rem;z-index:10}
.main .page.page3 .job-tab li{z-index:10;cursor:pointer}
.main .page.page3 .job-tab .zs{position:absolute;width:3.34rem;height:1.36rem;background:url(../image/zytab1_n.png);left:0;top:.46rem}
.main .page.page3 .job-tab .zs.on,.main .page.page3 .job-tab .zs:hover{top:0;width:3.46rem;height:1.82rem;background:url(../image/zytab1.png)}
.main .page.page3 .job-tab .fs{position:absolute;width:2.83rem;height:1.36rem;background:url(../image/zytab2_n.png);left:0;top:2.1rem}
.main .page.page3 .job-tab .fs.on,.main .page.page3 .job-tab .fs:hover{top:1.75rem;width:2.83rem;height:1.7rem;background:url(../image/zytab2.png)}
.main .page.page3 .job-tab .js{position:absolute;width:2.31rem;height:1.36rem;background:url(../image/zytab3_n.png);left:0;top:3.73rem}
.main .page.page3 .job-tab .js.on,.main .page.page3 .job-tab .js:hover{top:3.26rem;width:2.31rem;height:1.81rem;background:url(../image/zytab3.png)}
.main .page.page3 .job-tab .lm{position:absolute;width:1.81rem;height:1.36rem;background:url(../image/zytab4_n.png);left:0;top:5.36rem}
.main .page.page3 .job-tab .lm.on,.main .page.page3 .job-tab .lm:hover{top:5.18rem;width:1.81rem;height:1.53rem;background:url(../image/zytab4.png)}
.main .page.page3 .job-box{position:absolute;top:0;left:0;width:100%;height:9.61rem}
.main .page.page3 .job-box .job-list{display:none;width:100%;height:9.61rem}
.main .page.page3 .job-box .job-list.on{display:block}
.main .page.page3 .job-box .job-list.on .jn-box,.main .page.page3 .job-box .job-list.on .jn-tit,.main .page.page3 .job-box .job-list.on .job-video,.main .page.page3 .job-box .job-list.on .line,.main .page.page3 .job-box .job-list.on .zy-title{-webkit-animation:fade 1s linear 0s 1 alternate forwards .3s 0 ease;-moz-animation:fade 1s linear 0s 1 alternate forwards .3s 0 ease;-ms-animation:fade 1s linear 0s 1 alternate forwards .3s 0 ease;animation:fade 1s linear 0s 1 alternate forwards .3s 0 ease;-o-animation:fade 1s linear 0s 1 alternate forwards;-webkit-animation:fade 1s linear 0s 1 alternate forwards;-moz-animation:fade 1s linear 0s 1 alternate forwards;-ms-animation:fade 1s linear 0s 1 alternate forwards;animation:fade 1s linear 0s 1 alternate forwards}
.main .page.page3 .job-box .job-list .zy-title{position:absolute;top:1rem;left:3rem}
.main .page.page3 .job-box .job-list .job-video{position:absolute;width:2.33rem;height:1.06rem;top:3.44rem;left:2.6rem;background:url(../image/video_btn2.png)}
.main .page.page3 .job-box .job-list .line{position:absolute;width:4.2rem;height:1px;background:url(../image/line.png);top:3.76rem;left:2.54rem}
.main .page.page3 .job-box .job-list .jn-tit{position:absolute;width:.92rem;height:.18rem;        font-size: 14px;        color: #fbe3b2;top:4.04rem;left:2.4rem}
.main .page.page3 .job-box .job-list .jn-box{position:absolute;width:2.5rem;height:1.5rem;top:4.36rem;left:2.2rem}
.main .page.page3 .job-box .job-list .jn-box li{position:relative;float:left;width:1.1rem;height:1.5rem;margin-left:.15rem;cursor:pointer}
.main .page.page3 .job-box .job-list .jn-box li .jnimg{width:1.1rem;height:1.1rem}
.main .page.page3 .job-box .job-list .jn-box li .jntext{position: absolute; bottom: 0; left: .23rem; font-size: 13px; color: #fbe3b2; font-style: italic;}
.main .page.page3 .job-box .job-list .jn-box li span{display:none;position:absolute;height:.9rem;min-width:.5rem;width:5rem;top:1.2rem;left:0;padding:0 .15rem;line-height:.3rem;font-size:.16rem;color:#d8ba85;text-align:left;background:#0e213f;z-index:2;border-radius:.05rem}
.main .page.page3 .job-box .job-list .jn-box li:hover span{display:block}
.main .page.page3 .job-box .job-list.zs{background:url(../image/zsbg.jpg) no-repeat}
.main .page.page3 .job-box .job-list.zs .zy-title{width:4.27rem;height:2.08rem;background:url(../image/zstit.png)}
.main .page.page3 .job-box .job-list.ds{background:url(../image/dsbg.jpg) no-repeat}
.main .page.page3 .job-box .job-list.ds .zy-title{width:4.38rem;height:2.07rem;background:url(../image/dstit.png)}
.main .page.page3 .job-box .job-list.fs{background:url(../image/jsbg.jpg) no-repeat}
.main .page.page3 .job-box .job-list.fs .zy-title{width:4.59rem;height:2.08rem;background:url(../image/jstit.png)}
.main .page.page3 .job-box .job-list.lm{background:url(../image/lmbg.jpg) no-repeat}
.main .page.page3 .job-box .job-list.lm .zy-title{width:5.09rem;height:1.78rem;background:url(../image/lmtit.png)}
.main .page.page4{height:9.61rem;background:url(../image/page3.jpg) top center no-repeat}
.main .page.page4 .icon{position:relative;display:block;width:1.35rem;height:1.26rem;margin:0 auto;background:url(../image/icon3.png) no-repeat;top:-.6rem}
.main .page.page4 .title{width:1.64rem;height:.78rem;margin:-.4rem auto 0;background:url(../image/title3.png) no-repeat}
.main .page.page4 .tese-box{overflow:hidden;position:absolute;top:1.96rem;left:50%;width:13.76rem;height:5.62rem;margin-left:-6.88rem;background:url(../image/tsbg.png) no-repeat;box-sizing:border-box}
.main .page.page4 .tese-box .on{width:7.18rem}
.main .page.page4 .tese-box .on b{-o-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-opacity:0;-moz-opacity:0;opacity:0}
.main .page.page4 .list{width:1.58rem;height:5.39rem;overflow:hidden;float:left;-o-transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.main .page.page4 .list b{display:block;width:1.58rem;height:5.39rem;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.main .page.page4 .list.list1{background:url(../image/test1.jpg) no-repeat;margin:.1rem 0 0 .14rem}
.main .page.page4 .list.list1 b{background:url(../image/ts1imgs.png) no-repeat}
.main .page.page4 .list.list2{background:url(../image/test2.jpg) no-repeat;margin:.1rem 0}
.main .page.page4 .list.list2 b{background:url(../image/ts2imgs.png) no-repeat}
.main .page.page4 .list.list3{background:url(../image/test3.jpg) no-repeat;margin:.1rem 0}
.main .page.page4 .list.list3 b{background:url(../image/ts3imgs.png) no-repeat}
.main .page.page4 .list.list4{background:url(../image/test4.jpg) no-repeat;margin:.1rem 0}
.main .page.page4 .list.list4 b{background:url(../image/ts4imgs.png) no-repeat}
.main .page.page4 .list.list5{background:url(../image/test5.jpg) no-repeat;margin:.1rem 0}
.main .page.page4 .list.list5 b{background:url(../image/ts5imgs.png) no-repeat}
.main .page.page5{height:9.6rem;background:url(../image/page4.jpg) top center no-repeat}
.main .page.page5 .icon{position:relative;display:block;width:1.35rem;height:1.26rem;margin:0 auto;background:url(../image/icon4.png) no-repeat;top:-.6rem}
.main .page.page5 .title{width:1.65rem;height:.77rem;margin:-.4rem auto 0;background:url(../image/title4.png) no-repeat}
.main .page.page5 .jchd{position:relative;width:15rem;height:6.38rem;margin:.2rem auto}
.main .page.page5 .jchd .left{cursor:pointer;width:3.22rem;height:3.12rem;position:absolute;left:.1rem;top:1.63rem}
.main .page.page5 .jchd .left img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-filter:grayscale(1);filter:grayscale(1)}
.main .page.page5 .jchd .left img.on{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-moz-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-ms-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-o-animation:fadeshow .2s linear 0s 1 alternate forwards;-webkit-animation:fadeshow .2s linear 0s 1 alternate forwards;-moz-animation:fadeshow .2s linear 0s 1 alternate forwards;-ms-animation:fadeshow .2s linear 0s 1 alternate forwards;animation:fadeshow .2s linear 0s 1 alternate forwards}
.main .page.page5 .jchd .center{width:6.5rem;height:6.38rem;position:absolute;top:0;left:50%;margin-left:-3.25rem}
.main .page.page5 .jchd .center .img-box{position:absolute;left:0;top:0;width:6.5rem;height:6.38rem;z-index:0;-webkit-opacity:0;-moz-opacity:0;opacity:0}
.main .page.page5 .jchd .center .img-box img{width:100%;height:100%}
.main .page.page5 .jchd .center .img-box p{position:absolute;width:3.2rem;text-align:center;left:50%;margin-left:-1.6rem}
.main .page.page5 .jchd .center .img-box p.act-name{font-size:.33rem;color:#ffdaa6;top:4.3rem}
.main .page.page5 .jchd .center .img-box p.act-tit{font-size:.14rem;color:#ffdaa6;top:4.8rem}
.main .page.page5 .jchd .center .img-box .go{position:absolute;height:.8rem;line-height:.8rem;width:2.2rem;text-align:center;left:50%;margin-left:-1.1rem;font-size:.22rem;color:#fff;font-weight:700;top:5.1rem}
.main .page.page5 .jchd .center .img-box.on{z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-moz-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-ms-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-o-animation:fadeshow .2s linear 0s 1 alternate forwards;-webkit-animation:fadeshow .2s linear 0s 1 alternate forwards;-moz-animation:fadeshow .2s linear 0s 1 alternate forwards;-ms-animation:fadeshow .2s linear 0s 1 alternate forwards;animation:fadeshow .2s linear 0s 1 alternate forwards}
.main .page.page5 .jchd .right{cursor:pointer;width:3.22rem;height:3.12rem;position:absolute;right:.1rem;top:1.63rem}
.main .page.page5 .jchd .right img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-filter:grayscale(1);filter:grayscale(1)}
.main .page.page5 .jchd .right img.on{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-moz-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-ms-animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;animation:fadeshow .2s linear 0s 1 alternate forwards .3s 0 ease;-o-animation:fadeshow .2s linear 0s 1 alternate forwards;-webkit-animation:fadeshow .2s linear 0s 1 alternate forwards;-moz-animation:fadeshow .2s linear 0s 1 alternate forwards;-ms-animation:fadeshow .2s linear 0s 1 alternate forwards;animation:fadeshow .2s linear 0s 1 alternate forwards}
.main .page.page5 .jchd .prev{position:absolute;width:.44rem;height:.85rem;background:url(../image/nextact.png);top:50%;margin-top:-.42rem;left:-.5rem}
.main .page.page5 .jchd .next{position:absolute;width:.44rem;height:.85rem;background:url(../image/prevact.png);top:50%;margin-top:-.42rem;right:-.5rem}
.main .page.page6{height:4.98rem;background:url(../image/page5.jpg) top center no-repeat}
.main .page.page6 .title{position:relative;width:4.8rem;height:.9rem;background:url(../image/tip.png);margin:0 auto;top:1.2rem}
.main .page.page6 .nie-download{width:4.25rem;height:1.17rem;position:absolute;top:2.3rem;left:50%;margin-left:-2.125rem}
.main .page.page6 .nie-download .NIE-qrcode{float:left;width:1.07rem;height:1.07rem}
.main .page.page6 .nie-download .NIE-qrcode img{width:100%;height:100%}
.main .page.page6 .nie-download .buttons{float:left;margin-left:.1rem}
.main .page.page6 .nie-download .buttons .link-apple{display:block;width:1.72rem;height:.52rem;background:url(../image/ios_dl.png) no-repeat;margin-top:-.03rem}
.main .page.page6 .nie-download .buttons .link-android{display:block;width:1.74rem;height:.54rem;background:url(../image/and_dl2.png) no-repeat;margin-top:.05rem}
.main .page.page6 .nie-download .pc-download{float:left;margin:-.03rem 0 0 .1rem;width:1.12rem;height:1.12rem;background:url(../image/pc_dl.png) no-repeat}
.kefu .piao-ce{position:fixed;width:63px;height:190px;top:50%;right:0; z-index: 999;margin-top:-123px;background:url(../image/nav_right.png) no-repeat}
.kefu .piao-ce li{position:relative;width:63px;height:63px}
.kefu .piao-ce li a{display:block;width:100%;height:100%}
.kefu .piao-ce li img{display:none;position:absolute;width:100px;height:100px;top:0;left:-100px;transition:.3s all}
.kefu .piao-ce li:hover{background:url(../image/shade.png) center no-repeat}
.kefu .piao-ce li:hover img{display:block}
/*新闻list*/
.news-con { font-size: 14px;        padding-bottom: 30px;background: url(../image/newsbg.jpg) fixed no-repeat; background-size: auto !important; }
.news-con .news-box{width: 1200px;   margin: 0 auto;background: #292727;padding: 20px;}
.news-con .newlist-right .news-title {   margin: 40px 0 0 0px; line-height: 70px; border-bottom: 2px solid #fffcbf; font-size: 28px; color: #fff; font-weight: 700; }
.news-con .newlist-right .news-title ul { float: right; margin-top: 14px; }
.news-con .newlist-right {    padding-top: 1px;}
.news-con .newlist-right .news-title ul li.on { border: 2px solid #ffd6a3; } 
.news-con .newlist-right .news-title ul li { float: left; width: 92px; height: 38px; font-size: 14px; color: #fff; line-height: 38px; text-align: center; border: 0; }
.news-con .newlist-right .news-title ul li a {    display: block;    color: #fff;}

.news-con .newlist-right .content_list li { line-height: 43px; border-bottom: 1px dashed #656450; cursor: pointer; }
.news-con .newlist-right .content_list li a { color: #f8f8f8; font-size: 14px; }
.news-con .newlist-right .content_list li time { float: right; font-size: 12px; margin-right: 12px; }
.ts-pagination {        margin: 20px auto;}
#share{display:none!important}
.zzc{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;-webkit-opacity:0;-moz-opacity:0;opacity:0;z-index:-1}
.zzc.on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:998}
.zzc.show{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:998}

.video-pop{display:none;width:800px;height:450px;position:fixed;left:50%;top:50%;margin:-225px 0 0 -400px;z-index:99999}
.video-pop .close{cursor:pointer;position:absolute;width:57px;height:57px;background:url(../image/close.png) no-repeat;top:-57px;right:0;transition:.4s all}
.video-pop .close:hover{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
@-webkit-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-moz-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-ms-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-o-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-webkit-keyframes fadeshow{0%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-moz-keyframes fadeshow{0%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-ms-keyframes fadeshow{0%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@-o-keyframes fadeshow{0%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
@keyframes fadeshow{0%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
ul.breadnav { font-size: 14px;}
.breadnav a {color: #f8f8f8; font-size: 12px;  line-height: 12px; font-weight: 400; }
.news-con h1.arttit{font-size: 22px; color: #fff; font-weight: 400; margin-top: 25px; text-align: center;}
.news-con .artdes{text-align: center; margin: 10px auto 5px; color: #8e8e8e;}
.newstext {margin-top: 20px;}
.newstext p{color: #e3e3e3; font-size: 15px; line-height: 28px;}
.newstext img {display: block;max-width: 100%;height: auto;margin: 10px auto;}

.h2-tt { line-height: 50px;   color: #e1c8aa; }
.article-list .news_list { padding: 10px 25px; margin: 0; height: auto; }
.article-list .news_list li { list-style: disc; color: #624d21; border-bottom: 1px dashed #484132;  line-height: 38px; }
.footer{color:#999;padding:30px 0;margin:0 auto;width:100%;position:relative;overflow:hidden;min-width:1200px;background:#000}
.foot{width:1000px;font-size:12px;margin:0 auto}
.foot img{float:left;margin:0 10px 0 15px}
.footinf{float:left;width:700px}
.foot .flink a{color:#999;font-size:14px;padding:0 10px}
.foot .flink a:hover{color:#fff}
.foot p{margin-top:10px;font-size:12px;padding-left:10px}
@media screen and (min-width:751px){.wrap{display:block}
.container{display:none}
.container .wrap{display:none}
.nie-download{width:4.8rem!important;height:2.3rem!important;position:absolute!important;top:6.33rem!important;margin: 0 auto;background:url(../image/bg.png) no-repeat!important;background-size:100% 100%!important;position:relative!important}
.nie-download .buttons{box-sizing:border-box!important;width:2rem!important;height:100%!important;position:absolute!important;top:0!important;right:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-around!important;padding:10px 0!important}
.nie-download .buttons a{width:1.9rem!important;height:.6rem!important;position:relative!important}
.nie-download .buttons img{position:absolute!important;width:100%!important;height:100%!important}
}
/*下载*/
.index_banner { position: relative; background: #210000 url(../image/down_bg.png) bottom no-repeat; padding-top: 150px;        background-size: auto !important;}
.ib_right {padding: 0 0.5rem; text-align: center; color: #fff; margin: 0 auto; }
.ib_right-box { display: flex; flex-direction: column; height: 100%; text-align: center; color: #fff; }
.ib_right h2 {     font-size: 22px;margin-bottom: 34px; font-weight: bold; text-shadow: rgb(255, 0, 0) 0px 0px 10px, rgb(255, 0, 0) 0px 0px 20px, rgb(255, 0, 0) 0px 0px 30px, rgb(255, 0, 0) 0px 0px 40px, rgb(255, 0, 0) 0px 0px 70px, rgb(255, 0, 0) 0px 0px 80px, rgb(255, 0, 0) 0px 0px 100px, rgb(255, 0, 0) 0px 0px 150px;}
.ib_right h3 {    color: #fe0; font-size: 20px;  margin: 0 0 20px 0; letter-spacing: 5px; }
.ib_right-btn { height: 83px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; }
.ib_right .down { display: inline-block;width: 340px; height: 100%; margin: 0; transition: opacity .2s linear 0s; position: relative; float: right; text-align: center; }
.ib_right .time {    font-size: 18px; font-weight: 500; color: #FFFFFF; line-height: 30px; }
.ib_right_codeBox { display: flex; flex-direction: column-reverse; margin-top: 48px; }
.ib_right_codeBox .ib_right_code { width: 150px; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 12px 10px; margin: 0 auto; }
.ib_right_codeBox .ib_right_code .ib_right_code-title { width: 130px; height: 18px; font-size: 16px; font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: 500; color: #333333; }
.ib_right-box .icon_logo{margin:30px auto;  border-radius: 20px;  width: 100px;    height: 100px;}

.gamebox{background: #1a1a1a;}
.con-main {position: relative; width: 1200px; margin: 40px auto 0;}
.art_tit h1 { color: #fff; font-size: 20px; font-weight: 500; line-height:60px; text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #fff700, 0 0 40px #ffeb00, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;    text-align: center; }
.xhu-game{    border-top: 1px solid #393939; min-height: 130px;   box-shadow: 0px 2px 15px 0px rgb(217 217 217 / 20%);position:relative;padding:10px; }
.gamelist .down_link{  position: absolute; z-index: 2; right: 15px; top: 50px; line-height: 26px; text-align: center; border-radius: 10px; padding: 0 10px;background: #e35109;    font-size: 16px;}
.gamelist .down_link a {font-size: 14px; padding: 0 5px;color:#fff}
.gamelist .down_link:hover {background: #ff0000;}
.xhu-game img{width:64px;height:64px;float:left;position:relative;z-index:1;margin:0 12px 0 0;border-radius:5px}
.xhu-game:hover img{ opacity: .8; }
.xhu-game p{      color: #83ff00;  padding: 5px 0;font-size:12px;}
.xhu-game h2{font-size: 18px;     color: #fff;margin: 12px 0 10px; font-weight: 600;}
.xhu-game p em{    font-style: normal;background: #f00; padding: 2px 5px; border-radius: 5px; color: #fff; margin-right: 5px;}
.xhu-game p em.col1{background: #0095ff;}
.xhu-game p em.col2{background: #ffe000; color: #000;;}
.xhu-game p.star{color: #ffe000; font-size: 16px; padding: 0;}
.down-text { margin: 20px auto; line-height: 30px; z-index: 2; text-align: center; width: 30%; border-radius: 15px; overflow: hidden; text-overflow: ellipsis; background: #4383f4; background-image: -webkit-linear-gradient(left, #28c5fe 0%, #4383f4 100%); background-image: -o-linear-gradient(left, #28c5fe 0%, #4383f4 100%); background-image: linear-gradient(90deg, #28c5fe 0%, #4383f4 100%); animation: rainbow 3s infinite, heartbeat 0.6s infinite;}
.down-text:hover {background-image: -webkit-linear-gradient(left, #c90000 0%, #ff0c00 100%); background-image: -o-linear-gradient(left, #c90000 0%, #ff0c00 100%);background-image: linear-gradient(90deg, #c90000 0%, #ff0c00 100%);}
.down-text a {     font-size: 18px;color: #fff; font-weight: bold;display: flex; align-items: center; justify-content: center;  }
.down-text a span {    font-size: 12px;    line-height: 21px;    padding-left: 5px;}
.contact {text-align: center;}
.contact h2{line-height: 60px; color: #f9d383; font-size: 32px; height: 60px;}
.wxbox { display: inline-flex ; margin-top: 20px; padding-bottom: 50px; }
.wxbox .ewm-item  { width: 150px; margin: 0 20px; color: #fff; font-size: 13px; text-align: center; }
.wxbox .ewm-item img { width: 140px; }
@keyframes rainbow {
  0% {
    background: #1abc9c;
  }
  10% {
    background: #2ecc71;
  }
  20% {
    background: #3498db;
  }
  30% {
    background: #9b59b6;
  }
  40% {
    background: #e74c3c;
  }
  50% {
    background: #e67e22;
  }
  60% {
    background: #f1c40f;
  }
  70% {
    background: #2c3e50;
  }
  80% {
    background: #9b59b6;
  }
}
@keyframes heartbeat {
  50% {
    transform: scale(1.1);
  }
}

