body{font:14px/24px arial,'\5FAE\8F6F\96C5\9ED1,\5B8B\4F53';_font-family:arial,'\5B8B\4F53';color: #fff;/* background-color: #213d41; */}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,i{ margin:0;padding:0;font-style:normal;outline:none}
a{color: #fff;text-decoration:none;cursor:pointer;zoom:1;}
a:hover{color: #e7c772;cursor:pointer;}
ol,ul,li{ list-style:none;}
img{ border:none;}
.topbar{font:12px/24px arial,'\5FAE\8F6F\96C5\9ED1,\5B8B\4F53';}
.topbar .r_menu a{color:#555;}
.topbar a:hover{color:#f60;}
.topbar .logo{height:40px;}
/*common*/
.cf,.wrap{ *zoom:1;}
.cf:after,.wrap:after{ content:'\20';display:block;height:0;clear:both;}
.hide{ display:none;}
.mt8{ margin-top:8px !important;}
.mt10{ margin-top:10px !important;}
.fl{ float:left;}
.fr{ float:right;}
.fl,.fr{ _display:inline;}
:root *{ filter:none\9!important;}
.bg{width:100%;min-width:1016px;background-position:center top;background-repeat:no-repeat;}
.m{width: 1016px;position:relative;margin:0 auto;background-repeat: no-repeat;background-position:center top;}
.btn{text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;cursor: pointer;}
.btn:hover{background-position:bottom;}
.tbar a:hover {color: #f60}
.tbar {position: relative;z-index: 9999999;font-size: 12px;}
.bre {width: 980px;margin: 0 auto}
.logo {width: 121px;height: 32px}
.l-link .more1 { color: #848484}

.w{ width: 1000px;margin: 0 auto; }
.hd1{ height:300px;background: url('../images/hd1.jpg') no-repeat center top; }
.hd2{ height:300px;background: url('../images/hd2.jpg') no-repeat center top; }
.hd3{ height:323px;background: url('../images/hd3.jpg') no-repeat center top; overflow: hidden;}
.start-btn{width:223px;height:67px;display: block;margin: 190px auto 0;background: url('../images/hdbtns.png') no-repeat 0 0;}
.order-btn{width:223px;height:67px;display: block;margin: 190px auto 0;background: url('../images/hdbtns.png') no-repeat -468px 0;}
.coming-btn{width:223px;height:67px;display: block;margin: 190px auto 0;background: url('../images/hdbtns.png') no-repeat -936px 0;}
.start-btn:hover{ background-position:-235px 0 ; }
.order-btn:hover{ background-position:-702px 0 ; }

.hd3 .hd-con3 p{ width: 100%; text-align: center; color: #ffffff; font-size: 16px; margin-top: 20px;}
.hd3 .hd-con3 p em{ color: #3badad; }

.main{ background: url('../images/mainbg.jpg') no-repeat center top; min-height: 3000px;}
.m1{ width: 1000px; height: 153px; margin: 0 auto; position: relative; background: url('../images/m1.png') no-repeat center top;position: relative;}
.m1txt{font-size: 16px;margin: 30px 0 0 95px;color: #fff;width: 688px;height: 110px;line-height: 32px;float: left;}
.m1 .bbsbtn{width: 176px;height: 50px;display: block;position: absolute;right: 20px;top: 50px;background: url('../images/bbsbtn.png') no-repeat center top;}
.m2{ width: 1000px; height: 457px; margin: 38px auto 0; background: url('../images/m2.png') no-repeat center top;overflow: hidden;}

.m2 .m2-left{width: 324px;height: 416px;position: relative;margin: 25px 0 0 22px;}
.m2 .m2-left .topnews{height: 144px;}
.m2 .m2-left .topnews .tit{height: 26px;width:240px;margin: 0 auto;text-align: center;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top:44px;}
.m2 .m2-left .topnews .tit a{color:#fff;font-weight: bold;font-size:28px;}
.m2 .m2-left .topnews p{    
    height: 54px;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;margin-top: 10px;}

.m2 .m2-left .tab{height: 40px;line-height: 40px;overflow: hidden;text-align: center;}
.m2 .m2-left .tab span{width:162px;height:40px;float: left;background: #191919;font-size: 24px;cursor: pointer;color: #fff;}
.m2 .m2-left .tab span.on{background: url('../images/tab.png') no-repeat center;color: #191919;}
.m2 .m2-left .tabcon{background: url('../images/tabcon.jpg') no-repeat center;background-size: 100%;width:324px;height:223px;}

.tabcon .list{display:block;overflow:hidden;}
.tabcon .list li{float:left;display:inline;width:253px;height:20px;padding: 12px 60px 13px 10px;font-size:16px;line-height:20px;position:relative;overflow:hidden;}
.tabcon .list li a{display:inline-block;color: #fff;zoom: 1;max-width:240px;height:20px;line-height:20px;white-space:normal;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;overflow:hidden;}
.tabcon .list li a:hover{color: #35dcdc;text-decoration: underline;}
.tabcon .list .new a{background:url(../images/new.gif) no-repeat right 3px;padding-right:14px}
.tabcon .list .hot a{background:url(../images/hot.gif) no-repeat right 3px;padding-right:14px;}
.tabcon .list li i{position:absolute;width:23px;height:12px}
.tabcon .list li span{position:absolute;right:5px;top:14px;width:45px;height:20px;line-height:20px;/* color:#808080; */font-size:14px}

.m2-right{width:610px;position:relative;overflow:hidden;margin: 22px 22px 0 0;}
.m2-right .imgbox{width:502px;height: 301px;overflow:hidden;position:relative;}
.imgbox ul{width:1020px;height:301px;overflow:hidden}
.imgbox li{float:left;display:inline;width:502px;height:301px;overflow:hidden;position:relative;}
.imgbox img{width:502px;height:301px;display:block}
.imgbox li .tit{width:100%;color:#fff;text-align:center;position:absolute;bottom:6px;left:0;z-index:2;font-size:16px;}
.imgbox li a:hover .tit{text-decoration:none;color:#35dcdc}
.imgbox .mask{background:#000\9;background:rgba(0, 0, 0, 0.5);filter:alpha(opacity=50)\9;width:100%;height:40px;display:block;position:absolute;bottom:0;left:0;z-index:1}
.m2-right .imgtit{width:110px;border-bottom:0;border-left:0;position:absolute;right:0;overflow:hidden;z-index:6;}
.m2-right .imgtit em{float:left;display:inline;width:110px;height:32px;background: #404040 url(../images/pnbtn.png) no-repeat 0 0;cursor:pointer;}
.m2-right .imgtit em.nbtn{background-position: center -73px;border-top: 1px solid #adadad;}
.m2-right .imgtit em.nbtn:hover{background-position: center -108px;}
.m2-right .imgtit em.pbtn{background-position: center 3px;border-bottom: 1px solid #adadad;}
.m2-right .imgtit em.pbtn:hover{background-position: center -34px;}
.m2-right .imgtit .titbox{width:110px;height:235px;overflow:hidden;position:relative;}
.m2-right .imgtit .titbox li{float:left;display:inline;width:110px;}
.m2-right .imgtit a{display:block;width:90px;;background: #404040;border-bottom: 1px solid #adadad;padding:10px;height:38px;line-height:20px;text-align:center;position:relative;cursor:pointer;color: #fff}
.m2-right .imgtit a p{height:38px;overflow:hidden}
.m2-right .imgtit .on a,.m2-right .imgtit a:hover{background: url('../images/lion.png') no-repeat right center;text-decoration:none;color: #404040;}
.m2-right .imgtit .on a i,.m2-right .imgtit a:hover i{display:block;width:8px;height:9px;position:absolute;top:25px;left:-6px;}
.m2-right .glimg{width:1020px;height:100px;overflow:hidden;margin:10px auto 0}
.m2-right .glimg li{float:left;display:inline;width:300px;height:100px;margin-right:10px;overflow:hidden}
.m2-right .glimg img{width:300px;height:100px;display:block}
.m2-right .imgtit em, .m2-right .imgtit a{border-color: #adadad;}

.m-tit{height: 100px;text-align: center;padding-top: 6px;}

.m3{margin:40px auto;height:652px;position:relative;width:1000px;color: #fff;}
.m3 .m-tit{padding-top:36px;}
.roletab{width: 426px;position:absolute;top:500px;right:110px;}
.roletab .tabbox{width: 446px;overflow:hidden;position:relative;}
.rolecon{position: relative;height: 644px;}
.rolecon .item{height:560px;position:relative}
.rolecon img{display:block;width:550px;height:446px;user-select: none;overflow:hidden;margin-left: -108px;}
.roletab ul{width:2000px;overflow:hidden}
.roletab li{float:left;display:inline;width: 114px;height: 114px;margin-left: 20px;overflow:hidden;position:relative;cursor:pointer;padding:7px 6px 6px 7px;background: url('../images/rolelibg.png') no-repeat center top;}
.roletab img{width:114px;height: 114px;margin:0 auto;display:block;opacity:0.6;filter:alpha(opacity=60)\9;}
.roletab li.on{background: url('../images/rolelibg_on.png') no-repeat center top;}

.roletab li.on img{opacity:1;filter:alpha(opacity=100)\9}
.roletab .prev, .roletab .next{background: url(../images/pnbtn3.png) no-repeat 0 0;width: 32px;height: 44px;position:absolute;top:50%;margin-top: -20px;z-index:99;cursor:pointer;}
.roletab .prev{left: -28px;}
.roletab .next{right: -64px;background-position: -96px 0;}
.roletab .prev:hover{background-position:-37px 0;}
.roletab .next:hover{background-position: -133px 0;}
.rolecon .info{position:absolute;top: 40px;right:0px;width:556px;height:284px;line-height:30px;text-align:left;font-size:16px;}
.rolecon .info p{margin: 15px 0px 0 0;height: 96px;text-align:left;width: 460px;overflow:hidden;font-size: 14px;color: #fff;overflow-y: auto;padding-right: 17px;}
.rolecon .info p::-webkit-scrollbar {
  width: 4px;
  background: #848484;
}
.rolecon .info p::-webkit-scrollbar-thumb {
  background: #35dcdc;
}
.rolecon .info p::-webkit-scrollbar-track {
  background: #848484;
}
.rolecon .item .tit{height: 51px;line-height: 51px;width: 334px;font-size: 36px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color: #fff;font-weight: bold;text-align: left;background: url('../images/info_titbg.png') no-repeat left bottom;}
.rolecon .item .entxt{color:#54ffff;font-size:20px;line-height: 24px;}
.rolecon .item .tagv{height: 24px;line-height: 24px;margin-top:15px;}
.rolecon .item .tagv em{height: 24px;float: left;padding: 0 5px;background: #35dcdc;color: #333;font-size: 20px;font-weight: bold;margin-right: 10px;}

.m4{height: 575px;position: relative;}
.video-content{ width: 1000px;height:372px;background:url('../images/video_contentbg.png') no-repeat center top;overflow: hidden;margin: 24px auto 0;}
.video-content .video-conlist{width: 660px;position: relative;height: 350px;}
.video-conlist ul li{float: left;width:310px;height: 155px;margin: 20px 0 0 18px;}
.video-conlist ul li a,.video-conlist ul li img{width: 100%;height: 100%;display: block;}
.video-content .video-conlist .morebtn{width: 100px;height: 40px;background: url('../images/morebtn.png') no-repeat 0 0;cursor: pointer;position: absolute;right: 0;bottom: 0;}
.video-content .video-conlist .morebtn:hover{background-position: 0 -42px;}

.video-content .setting-about{width: 300px;float: right;margin: 20px 18px 0 0;}
.video-content .setting-about .set-tab{width: 300px;height: 49px;line-height: 50px;overflow: hidden;}
.video-content .setting-about .set-tab span{float: left;width: 150px;height: 49px;text-align: center;cursor: pointer;color: #fff;background: #191919;font-size: 27px;font-weight: bold;user-select: none;}
.video-content .setting-about .set-tab span.on{background: url('../images/settab_bg.png') no-repeat center;color: #191919;color: #191919;}
.video-content .setting-about .setcon{width: 300px;height:280px;background: url('../images/setbg.jpg') no-repeat center top;overflow: hidden;}
.video-content .setting-about .setcon p{height:40px;line-height:40px;padding:0 20px;color: #fff;font-size: 16px;}
.video-content .setting-about .setcon p:hover{color: #fff;background: #191919;cursor:pointer}

.m5{width: 1000px;height: 580px;margin: 0px auto;position: relative;}
.swiper-box { width: 1000px; height: 580px; margin-top: 30px;}

.swiper-box .swiper-container { margin: 0 auto; overflow: hidden; padding-bottom: 40px; }

.swiper-box .next-slide, .swiper-box .prev-slide {width: 32px;height: 44px;position: absolute;top: 315px;cursor: pointer;z-index: 20;background: url("../images/pnbtn3.png") no-repeat 0 0;}

.swiper-box .next-slide {background-position: -96px 0;right: 62px;}

.swiper-box .next-slide:hover { background-position: -133px 0; }

.swiper-box .prev-slide {left: 58px;}

.swiper-box .prev-slide:hover { background-position: -37px 0; }


.swiper-box .swiper-slide { width: 674px; height: 377px; background: url('../images/swiperbg.png') no-repeat center top; padding: 4px 5px;text-align: center;}

.swiper-box .swiper-slide img { width: 670px; height: 375px; vertical-align: bottom; display: inline-block; border: 1px solid #fff;}

.swiper-pagination { bottom: 0px !important; }

.swiper-pagination-bullet { width: 8px; height: 8px; background: #247878; opacity: 0.5; vertical-align: middle; margin: 0 6px; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {  width: 10px; height: 10px; vertical-align: middle; background: #35dcdc;opacity: 1;}

.m6{ width:1000px; min-height: 300px; margin: 40px auto 0; position: relative;}
.comment-box-wrap{ padding: 2px; border: 1px solid #fff;background: #000;min-height: 200px;}
.comment-box-wrap .comment-box{ background: #fff;min-height: 200px;color: #333;}

.fixed_menu { width: 128px; position: fixed; left: 50%; margin-left: 510px; bottom: 200px; zoom: 1; z-index: 99; display: none;}
.fixed_menu .giftbtn{width: 125px;height:108px;display: block;}
.fixed_menu .giftbtn img{display: block;width: 100%;height:100%;}
.fixed_menu .fixli{width: 128px;height: 274px;background: url('../images/fixmenubg.png') no-repeat center top;margin-top: -20px;position: relative;z-index: 2;}
.fixed_menu .fixli ul{padding-top: 5px;}
.fixed_menu .fixli li,.fixed_menu .fixli .gotop{width: 111px;height: 42px;line-height: 9999;text-align: center;cursor: pointer;background: url('../images/fixlibtn.png') no-repeat -125px 0;margin: 2px auto 0;}
.fixed_menu .fixli li.li1:hover{background-position: 0 0;}
.fixed_menu .fixli li.li2{background-position:-125px -43px;}
.fixed_menu .fixli li.li2:hover{background-position:0 -43px;}
.fixed_menu .fixli li.li3{background-position: -125px -86px;}
.fixed_menu .fixli li.li3:hover{background-position: 0 -86px;}
.fixed_menu .fixli li.li4{background-position: -125px -129px;}
.fixed_menu .fixli li.li4:hover{background-position: 0 -129px;}
.fixed_menu .fixli li.li5{background-position: -125px -172px;}
.fixed_menu .fixli li.li5:hover{background-position: 0 -172px;}
.fixed_menu .fixli .gotop{background-position: -125px -215px;cursor: pointer;}
.fixed_menu .fixli .gotop:hover{background-position: 0 -215px;}


.pop{width: 522px;position: relative;color: #fff;height: 424px;background: url('../images/poporderbg.png') no-repeat center top;padding: 10px;}
.pop .pop-close{ width: 26px;height:26px;background:url('../images/popclose.png') no-repeat center;cursor: pointer;position: absolute;z-index: 2;right: 20px;top:20px;}
.pop .pop-con{padding:80px 30px 20px;}
.pop  .info{margin-bottom: 30px;}
.pop  .tel-reserve{text-align: center;}
.pop  .tel-reserve .msg-tit{text-align: center;color: #56ffff;font-size: 24px;font-weight: bold;}
.pop  .tel-reserve  .tel-input{ width: 452px;height: 48px;text-align: center; display: block;line-height:48px;margin: 13px auto;font-size: 16px;color: #fff;background: #8a8a8a;border-radius: 6px;}
.pop  .tel-reserve  .tel-input::placeholder{color: #f1f1fa;}
.pop .hint{font-size: 12px;line-height:20px;}
.pop .reserve{ text-align: center;}
.pop .reserve .pop-reserve{width: 186px;height: 56px;margin:20px auto;background: url('../images/reserve_btn.png') no-repeat center;display: block;}
.pop .reserve .pop-reserve:hover{
  opacity: 0.8;
  filter: opacity(80);
}
.dialog-mask { position: fixed; top: 0; left: 0; right: 0; z-index: 85; background-color: #0c0f14; opacity: 0.7; filter: alpha(opacity=70); height: 100% !important; }

.dialog-content { position: fixed; z-index: 100; background: none; border: none; left: 50%; top: 120px !important; z-index: 222; margin-left: -286px; width: 100%; }