@charset "utf-8";body,dd,div,dl,dt,fieldset,font,form,h1,h2,h3,h4,h5,h6,h7,img,input,legend,li,p,span,ul{margin:0;padding:0}
img{border:0;vertical-align:middle}
a,link{text-decoration:none}
.clear{clear:both;line-height:0;font-size:0}
a{text-decoration:none}
li,ol,ul{white-space:normal;list-style:none}
table{border-collapse:collapse}
body{width:100%;overflow-x:hidden;background:#000 url(../images/index_bg.jpg) no-repeat center top;font-family:"微軟正黑體",Helvetica,sans-serif;color: #F1D79A;}

/*
common
*/
#tabs li a,#tabs2 li a,.icon,.link-FB,.link-mf,.link-gamer,.link-gamer,.logo,.pc_down,.section_title,.pic ul li em,.close,.inner a{height:0;overflow:hidden;text-indent:100%;white-space:nowrap;display:block}
#tabs2 li a,.icon,.link-FB,.link-mf,.link-gamer,.link-gamer,.logo,.page_btn,.pc_down,.nav ul li:after,.nav ul li:first-child:before,.nav ul li a:after,.section_title,#tabs li.act,#tab_t li.act,#page_tabs li.act{background-image:url(../images/icon.png);background-repeat:no-repeat}
.f_l{float:left}
.f_r{float:right}
.clear{clear:both}
input{outline:0}
.wrap{width:100%;overflow: hidden;}
.forum_index,.inter_tit h2,.inter_vedio,.main_index,.nav ul,.news,.top_index{width:100%;max-width:1000px;margin:0 auto}
.banner_slogn img,.down_main a img,.QR_code img,.event_link img,.banner_logo img{width: 100%}

/*
nav
*/
.nav{position:fixed;top:0;right: 0;width:100%;background:url(../images/nav.png);z-index:999;height: 70px;}
.nav_main{position: relative;max-width: 1010px;margin:0 auto;}
.nav ul{overflow:hidden;height: 55px;max-width: 100%;}
.nav ul li{float:left; position: relative;}
.nav ul li a{display:block;color:#E6D684;height: 55px;line-height: 55px;font-size: 21px;margin: 0 28px;cursor:pointer;background: -webkit-gradient(linear,left top,left bottom,from(#FFF0CE),to(#dfbb65));-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;transition:all .5s;}
.nav ul li:after{content: "";display: block;position: absolute;right: -5px;top: 9px;width: 10px;height: 35px;background-position: -11px -191px;}
.nav ul li:first-child:before{content: "";display: block;position: absolute;left: -3px;top: 9px;width: 10px;height: 35px;background-position: -11px -191px;}
.nav ul li:nth-child(3):after{display: none;}
.nav ul li a:after{content: "";display: block;position: absolute;left: 50%;margin-left: -46px;top: -30px;width: 92px;height: 35px;background-position: -11px -122px; transition:all .5s;}
.nav ul li.p{margin-left: 170px;}
.nav ul li.visited a:after,.nav ul a:hover:after{top: -22px;}
.nav ul li a:hover{background: -webkit-gradient(linear,left top,left bottom,from(#F9D684),to(#AF9861));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.logo{width: 180px;padding-top: 90px;background-position: -9px 0;position:absolute;top:0;left: 410px;}

/*
index
*/
.index_top{width:100%;overflow:hidden;position:relative; min-height: 650px;}
.banner{background: url(../images/banner.jpg) center 10px no-repeat;height: 100%;background-size: cover;/* background-attachment: fixed; */}
.banner_main{position:relative;height: 100%;}
.banner_slogn{width: 60%;position:absolute;left: 18%;bottom: 12%;}
.name_left{position:absolute;left: 2%;bottom: 3%; width: 40%; display: none;}
.name_right{position:absolute;right: 4%;bottom: 3%; width: 40%; display: none;}
.banner_logo{position:absolute;left: 30%;bottom: 19%;width: 36%; display: none;}

.top_main{position:absolute;width: 100%;height:100%;left: 0;top:0;}

.top_left{position:absolute;width: 9%;left: 10px;top: 51%; display: none;}
.icon{width:180px;padding-top:180px;background-position:-12px -8px; display: none;}
.QR_code,.event_link{width: 100%; display: block;}
.QR_code{margin-bottom: 5px;}
.event_link{display: none;}

.vedio{width:465px;height:300px;background:url(../images/vedio.jpg) no-repeat;position:absolute;left:0;top:620px;padding:10px}

.videoBtn{width: 101px;height: 101px;position:absolute;left: 44.8%;bottom: 52%;background:url(../images/vbtn.png);cursor:pointer;z-index: 998;background-size: 100%;display: none;}
.videoOut{width: 101px;height: 101px;position      :absolute;left:0;top:0;background:url(../images/vout.png);animation:rtMv 6s infinite alternate;-webkit-animation:rtMv 6s linear infinite;background-size: 100%;}
@-webkit-keyframes rtMv{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes rtMv{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

.pop{position:fixed;height:100%;width:100%;top:0;left:0;z-index: 10000; display: none;}
.mask{display:block;position:absolute;width:100%;height:100%;background:#000;filter: Alpha(opacity=90);opacity: .9;top:0;left:0;z-index:1}
.pop_main{width: 925px;height: 600px;position: absolute; left: 50%; top: 50%;margin-top: -301px;margin-left: -480px; z-index: 999;}
.pop_video{position:absolute;z-index:2;left: 50%;top: 50%;width: 800px;height: 500px;margin-top: -250px;margin-left: -400px;}
.video-main,.card_pic{width: 100%;height: 100%;}
.vd{width: 100%; height: 100%}
.close{width: 50px;padding-top: 50px;position:absolute;top: 0;right: -52px;z-index:110;cursor:pointer;background: #E81212 url(http://images.efunfun.com/PMDESIGN/mzgd/20160205/images/close.png) center no-repeat;background-size: 50%;-webkit-transition:all .3s ease-out;}
.close:hover{background-size: 80%;}

.link-FB{padding-top: 90px;width: 90px;background-position: -13px -267px;position: fixed;right: 25px;top: 100px;z-index: 999;}
.link-gamer{padding-top: 90px;width: 90px;background-position: -23px -1009px;position: fixed;right: 25px;top: 200px;z-index: 99;}
.link-mf{padding-top: 90px;width: 90px;background-position: -23px -1158px;position: fixed;right: 25px;top: 300px;z-index: 99;}

.down{position:absolute;left: 21%;bottom: 3%;width: 54%;}

.down_main{width: 100%;}
.down_main li {float: left;width: 30%;margin: 1.5%;}
.down_main a{width: 100%;display: block;}

/*
right menu
*/
.subMenu{position: fixed;right: 24px;top: 550px;z-index: 999;margin-top: -150px;}
.inner{/* border-right: 7px solid #fff; */}
.inner a{display: block;margin-right:-7px;width: 90px;padding-top: 100px;background-image: url(../images/right_menu.png);background-repeat: no-repeat;/* margin-bottom: 25px; *//* border-right: 7px solid #fff; */}
.inner a.home{background-position: 0 15px;}
.inner a.menu_s1{background-position: 0 -86px;}
.inner a.menu_s2{background-position: 0 -179px;}
.inner a.active{border-right-color: #ffcd27;}
.inner a:hover{cursor: pointer; opacity: .8}
.link-FB:hover,.link-gamer:hover,.link-mf:hover{opacity: .8;}

/*
section1
*/
.section{position:relative;height: 959px;}
.section-main{width: 1028px;margin:0 auto;position:relative;padding-top: 100px;height: 860px;}
.section_title{width: 320px;padding-top: 80px;margin: 0 auto 30PX;}

.section1{background:url(../images/bg1.jpg) center top no-repeat;z-index:2}
.section1 .section_title{background-position: 11px -383px;}
.section1 .figure1{position:absolute;top: -1px;right: -440px;height:1100px;width:900px;background:url(../images/figure/f1.png) center top no-repeat;z-index:1;}
.section1 .figure1-1{display:none;position:absolute;bottom:-59px;right:-600px;height:920px;width:1100px;background:url(../images/figure/f1-1.png) center top no-repeat;z-index:2}
.snow1{position:absolute;bottom:1px;left: -246px;height:430px;width:478px;background:url(../images/figure/snow1.png) center top no-repeat;z-index:3;}
.snow2{position:absolute;bottom: -172px;right: -437px;height:700px;width:600px;background:url(../images/figure/snow2.png) center top no-repeat;z-index:3;}

.news_main{background:url(../images/frame.jpg) center top no-repeat;width: 393px;height: 246px;padding: 4px 15px 0;float: right;z-index: 99;position: relative;}
#tab_t{/*padding-left: 6px;*/height: 40px;}
#tab_t li{float:left}
#tab_t li{display:block;color: #d6d292;cursor:pointer;width: 67px;height:40px;line-height: 44px;text-align:center;font-size: 19px;}
#tab_t li.act{display:block;background-position: -20px -695px;color: #dbd693;border-bottom: 1px solid #251F19;line-height: 48px;}

.hide{display:none}

#tab_c{padding-top: 10px;}
#tab_c ul li{height:33px;line-height:34px;border-bottom:1px solid #382E15;font-size:17px;padding:0 10px}
#tab_c ul li:last-child{border:none}
#tab_c ul li a{color: #DCD9A7;overflow:hidden; display: block;}
#tab_c ul li a em{float:right;font-style:normal;color:#C1B087}
.btn-more{position:absolute;right: 8px;top: 12px;color: #d6d292;font-size: 16px;}

.pic_main{width: 590px;height: 248px;overflow: hidden;position: relative;border: 1px solid #B6B37E;float: left;}
.image_reel > div{float: left;}
.swipe { overflow: hidden;visibility: hidden; position: relative;}
.swipe-wrap { overflow: hidden;position: relative;}
.main_view{width: 588px;height: 247px;margin:0 auto;border:#000 1px solid;background:#000;color:#333;overflow: hidden;}
.swipe-wrap > div {float:left; width:100%; position: relative;}
.swipe-wrap > div > img{width: 100%}
.btn_show_l {display: block;position: absolute;z-index: 60;width: 11%;left: 0%;top: 43%;cursor:pointer;text-align:right;}
.btn_show_l:hover { left: -0.6%;}
.btn_show_r {display: block;position: absolute;z-index: 60;width: 11%;right: 0%;top: 43%;cursor:pointer;}
.btn_show_r:hover { right: -0.6%;}
.folio_block:after,.folio_block:before,.pic_main:after,.pic_main:before,.inter_pic:after,.inter_pic:before,.pic:after,.pic:before,.list_item li .thumb:before,.list_item li .thumb:after,.list_item li .thumb em:before,.list_item li .thumb em:after{content: "";display: block; width: 11px;height:10px; position: absolute;background:url(../images/border_li.png); z-index: 99}
.folio_block:after,.inter_pic:after,.list_item li .thumb:after{left: 0;top: 0; background-position: 0 0}
.folio_block:before,.inter_pic:before,.list_item li .thumb em:before{right: 0;top: 0; background-position: right top}
.pic_main:before,.pic:before,.list_item li .thumb:before{left: 0;bottom: 0; background-position: left bottom}
.pic_main:after,.pic:after,.list_item li .thumb em:after{right: 0;bottom: 0; background-position: right bottom}
.main_view img{width: 100%}

.inter_pic{float: left;position: relative;z-index: 999;width: 1025px;border: 1px solid #B6B37E;margin-top: 17px;height: 248px;overflow: hidden;background: #190B0A;}
.pic{}
.pic ul {overflow: hidden;}
.pic ul li{list-style:none;width: 100px;height: 249px;float:left;transition: all .8s;}
.pic ul li em{cursor: pointer;padding-top: 249px;width: 100px;background: rgba(19, 16, 6, 0.6);transition: all .8s;}
.pic ul li.active{width: 725px;}
.pic ul li.active em{opacity: 0;}
.pic .l1{background-image:url(../images/banner/pic1.jpg);}
.pic .l2{background-image:url(../images/banner/pic2.jpg);}
.pic .l3{background-image:url(../images/banner/pic3.jpg);}
.pic .l4{background-image:url(../images/banner/pic4.jpg);}

/*
section2
*/
.section2{background: #1A153E url(../images/bg2.jpg) center top no-repeat;z-index:2;}
.section2 .section-top{position:absolute;top:-150px;height:150px;background:url(../images/bg2-top.png) center top no-repeat;width:100%;left:-1px}
.section2 .figure2{position:absolute;bottom:-5px;left:-303px;height:400px;width:610px;background:url(../images/figure/f2-1.png) center top no-repeat}
.section2 .figure2-1{position:absolute;bottom: -65px;left: -490px;height:1100px;width:1500px;background:url(../images/figure/f2.png) center 0 no-repeat;}

.intr_main{position:absolute;right: 0;top: 244px;width: 718px;height: 545px;background: url(../images/raiders.png) no-repeat;}
.intr_top{height:0}
#tabs{overflow:hidden;padding: 7px 0 3px 14px; position: relative; }
#tabs:after{display: block;content: "";width: 15px;height: 95px;background: url(../images/intr_title.png) no-repeat;right: 10px;top: 16px;position: absolute;}
#tabs li{float:left;margin:0;}
#tabs li a{display:block;cursor:pointer;width: 113px;margin: 10px 0;height: 93px;background-image: url(../images/intr_title.png);}
#tabs li a.li_1st{background-position: -0px 0px;}
#tabs li a.li_2nd{background-position: -113px 0;}
#tabs li a.li_3rd{background-position: -227px 0;}
#tabs li a.li_4th{background-position: -344px 0;}
#tabs li a.li_5th{background-position: -458px 0;}
#tabs li a.li_6th{background-position: -573px 0;}
#tabs li.act{background-position: -8px -544px;}
#tab_conbox{overflow:hidden;height: 405px;}
#tab_conbox ul{overflow:hidden;padding:20px 0;margin:0 36px;width:590px}
#tab_conbox ul li{float:left;margin:0 6px;margin-bottom:13px}
#tab_conbox ul li a{display:block;width:50px;padding:10px 10px;height:50px;line-height:25px;text-align:center;border:1px solid #A99362;border-radius:10px;color:#F9D78E;font-size:18px}

/*
攻略
*/
.text_content{margin: 15px;width: 703px;height: 380px;padding: 5px 0;overflow:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.text_tent{margin: 0px 10px 25px 27px;}
.text_title{text-align: center;color: #e9cf84;font-size: 30px;border-bottom: 1px solid #46401F;width: 100%;height: 60px;line-height: 53px;}
.text_p{overflow: hidden;margin-top: 18px;}
.text_pic{float: left;border: 1px solid #FFF4BC;margin-right: 15px;margin-bottom: 10px;}
.text_pic img{width: 290px; height: 225px;}
.text_p{color: #DAD2AB;letter-spacing: 1px;line-height: 22px;}
.text_p p{margin-bottom: 10px}
.text_top{overflow: hidden;}
.p_table{width:100%;margin-top:20px;border-left:1px solid #5A5121;border-top:1px solid #5A5121}
.p_table td,.p_table th{padding:7px 15px;border-right:1px solid #5A5121;border-bottom:1px solid #5A5121}
.p_table th{text-align:center}
.p_table th img{width: 220px; }
._mCS_3 .tent_map{height: 4550px;}

/*
footer
*/

.footer{position:relative;height: 70px;background: #222;z-index:2;}
.footer-top{position:absolute;top:-90px;height:90px;background:url(../images/footer.png) center top no-repeat;width:100%}
.footer-main{width:1000px;margin:0 auto;overflow:hidden}

/*
內頁
*/
.page{background: #010101 url(../images/page_bg.jpg) center 30px no-repeat;background-attachment:fixed;}
.page_main{width:1024px;margin:0 auto;margin-bottom:120px}
.page_slogn{background:url(../images/page_slogn.png);background-size:100%;width: 820px;padding-top: 150px;margin: 419px auto 0;}
.tent_top{background:url(../images/page_mt.png) center top no-repeat;height:100px}
.page_top{overflow: hidden;height: 574px;}

#page_tabs{overflow:hidden;padding-top: 27px;margin:0 100px;padding-left:40px;}
#page_tabs li{float:left}
#page_tabs li{display:block;color: #D4B583;cursor:pointer;width: 85px;height:45px;line-height:45px;text-align:center;font-size:24px;font-weight:700;margin: 0 10px;}
#page_tabs li.act{display:block;background-position: -18px -792px;color: #D0AB70;}

.tent_main{}
#page_conbox{padding:0}
#page_conbox ul li{height:55px;line-height:55px;border-bottom:1px solid #2B2B2B;font-size:18px}
#page_conbox ul li:last-child{border:none}
#page_conbox ul li a{color:#DAA57D;overflow:hidden;}
#page_conbox ul li a em{float:right;font-style:normal;color:#7D7966}

.tent_bottom{background:url(../images/page_mb.png) center bottom no-repeat;height: 100px;}
.tent_bottom{text-align:center;padding-top:20px}
.page_btn{margin:0 40px;display:inline-block;background-position: -18px -898px;height: 65px;width: 177px;line-height: 61px;text-align:center;font-size:24px;color: #584423;font-weight: bold;}
.page_btn:hover{color: #94604A; cursor: pointer;}
.tab-c-main ul{padding:15px 100px;min-height:300px;background: url(../images/page_m.png) center top repeat-y;}
.tt-top{text-align:center;padding: 24px 100px 0;font-size:19px;color:#D0BF8D;}
.news_time{/* border-bottom:2px solid #4C3C31; */padding: 28px 0;}
.tt-main{padding:20px 110px;font-size:20px;line-height:36px;color:#C3B27F;background: url(../images/page_m.png) center top repeat-y;}
.fans_main{position:absolute;z-index:999;top:210px;left:367px;height:330px;width:710px;background:url(../images/fb_bg.png)}
.fb_main h2,.gam_main h2{border-bottom:2px solid #96725C}
.fb_main h2 span,.gam_main h2 span{background:#B58E77;color:#492E1E;padding:4px 10px;margin-left:15px;display:block;margin-top:7px;width:120px;text-align:center;font-size:21px}
.gam_main{overflow:hidden;margin:20px 0 0 22px}
.gam_main ul{margin-top:5px}
.gam_main li{border-bottom:1px solid #6B5B34}
.gam_main li:last-child{border:none}
.gam_main li a{color:#CEBD9F;height:35px;width:265px;display:block;line-height:35px;font-size:15px;padding-left:2px;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.fb_main{padding:5px 0;margin:15px 0 0 0;width:310px}
.fb_box{padding:10px;height:210px}

/*
武將圖鑒
*/
.list_area .filter_menu{text-align:center}
.plate_inf .filter_menu span{font-size: 23px;color: #E2CF91;}
.plate_inf .filter_menu li{width:32.6%;height: 55px;line-height: 55px;display:inline-block;text-align:center;background: #21180F;vertical-align:top;border: 1px solid #888551;position: relative;}
.plate_inf .filter_menu li i.drop{width: 30px;height: 16px;margin-left: 5px;background:url(../images/menu_drop.png) no-repeat;background-size:contain;display:inline-block;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s transform ease;transition:.5s transform ease;vertical-align: 0;}
.plate_inf .filter_menu li .children_fm{width: 97%;left: 5px;top: 56px;opacity:0;visibility:hidden;position: absolute;z-index: 107;overflow:hidden;clear:both;}
.plate_inf .filter_menu li .children_fm .menu_i{opacity:0;visibility:hidden;transition:.5s opacity ease;overflow:hidden;}
.plate_inf .filter_menu li .children_fm .menu_i li{width:100%;display:block;float:none;background: rgba(23, 13, 3, 0.86);border: 0;border-bottom: 1px solid #888551;}
.plate_inf .filter_menu li .children_fm .menu_i li a{width:100%;height:100%;display:block;color: #EFE389;font-size: 20px;}
.plate_inf .filter_menu li.on{background: #634222;}
.plate_inf .filter_menu li.on i.drop{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.5s transform ease;transition:.5s transform ease}
.plate_inf .filter_menu li.on .children_fm{opacity:100;visibility:visible}
.plate_inf .filter_menu li.on .children_fm .menu_i{opacity:1;visibility:visible;border:  solid #947F45;border-width: 0px 1px;}

.list_item{padding:.35rem 0 .05rem .55rem}
.list_item li{margin: 0 10px 27px;text-align:center;vertical-align:top;float: left;}
.list_item li .thumb{border: 1px solid #B0AD7B;width: 105px;position: relative;}
.list_item li .thumb img{display:block;width: 100%;}
.list_item .no-data{line-height:2rem;text-align:center;padding-right:.55rem}
.list_item.wj_list li .thumb{height:1.45rem;background-image:url(http://res.stzb.netease.com/gw/15v1/m/img/wj-border_d41db56.jpg);-webkit-background-size:100% 100%;background-size:100% 100%}
.list_item.wj_list li .thumb img{width:1.22rem;height:1.22rem;margin-top:.1rem}
.list_item.jn_list li .thumb{height:1.45rem;background-image:url(http://res.stzb.netease.com/gw/15v1/m/img/jn-border_1e6c07e.jpg)}
.list_item.jn_list li .thumb img{width:.9rem;height:.9rem;margin-top:.29rem}

.details{overflow:hidden}
.details .master{float:left;margin-right: 30px;}
.details .master .pic{position:relative;width: 287px;height: 384px;}
.details .master img{position:absolute;top:0;left:0;width:100%;height:100%}
.details .master i{position:absolute;top: 7px;left: 7px;width: 50px;height: 50px;}
.details .master .country-01{background:url(../images/country/country-wei.png) no-repeat}
.details .master .country-02{background:url(../images/country/country-jun.png) no-repeat}
.details .master .country-03{background:url(../images/country/country-wu.png) no-repeat}
.details .master .country-04{background:url(../images/country/country-han.png) no-repeat}
.details .master .country-05{background:url(../images/country/country-su.png) no-repeat}
.details .master .star{line-height: 44px;text-align:center;font-size: 22px;color: #FFDA8B;letter-spacing: 5px;color:#E6D684;background: -webkit-gradient(linear,left top,left bottom,from(#FFF0CE),to(#dfbb65));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.details span{font-size:.36rem;line-height:.55rem;font-weight:700;color:#37353f}

.plate_t{background: url(../images/page_mt.png) center top no-repeat;height: 90px;padding: 39px 51px 0 56px;}
.plate_m{background:url(../images/page_mb.png) center bottom no-repeat;padding-bottom: 50px}
.list_item{background: url(../images/page_m.png) center top repeat-y;padding: 10px 50px 0 68px;overflow: hidden;}
.list_item li p{color: #E2CF91;height: 30px;line-height: 30px;}
.list_item li .thumb{background: #BF8A56; display: block;}
.list_item li a:hover .thumb img{opacity: .8}
.trigger{cursor: pointer; }
.trigger:hover,.on .trigger{background: #000}
.plate_inf .filter_menu li .children_fm .menu_i li a:hover{background: rgba(99, 98, 50, 0.72)}

.plate_hero_t{background: url(../images/page_mt.png) center top no-repeat;height: 30px;}
.plate_hero_m{background: url(../images/page_m.png) center top repeat-y;padding: 10px 120px 0 110px;overflow: hidden;}
.plate_hero_b{background:url(../images/page_mb.png) center bottom no-repeat;padding-bottom: 50px}

.details span{font-size: 47px;line-height: 60px;font-weight:700;color: #F1D185;border-bottom: 1px solid #5F4C39;display: block;padding-bottom: 10px; color:#E6D684;background: -webkit-gradient(linear,left top,left bottom,from(#FFF0CE),to(#dfbb65));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.details p{font-size: 20px;padding-top: 10px;display: inline-block;width: 60%;}
.plate_tent{margin-bottom: 50px;}
.plate_tent .title{display:block;margin: 20px 0 11px;line-height:43px;font-weight:700;color: #C5BD44;text-indent: 2px;font-size: 24px;border-top: 1px solid #756350;padding-top: 15px;color:#E6D684;background: -webkit-gradient(linear,left top,left bottom,from(#FFF0CE),to(#dfbb65));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.plate_tent .tb{border: 1px solid #B1AE7D; width: 100%}
.plate_tent .tb tr td:last-child{border-right:0}
.plate_tent .tb td{line-height: 60px;text-indent: 21px;background-color: #463C33;border-right: 1px solid #B1AE7D;border-bottom: 1px solid #B1AE7D;}
.plate_tent .tb2{width:100%}
.plate_tent .tb2 td{vertical-align:middle}
.plate_tent .tb2 .title2{width: 130px;height: 130px;background: #383029;background-size:1.67px 1.67px;text-align:center;line-height:.42px;color:#E6D684;border: 1px solid #B1AE7D;}
.plate_tent .tb2 strong{font-size: 29px;line-height: 33px;}
.plate_tent .tb2 p{padding-left: 30px;padding-bottom:10px;margin-right: 43px;}
.wj{margin-top: 50px;border-bottom: 1px solid #463C33;padding-bottom: 50px;}

.skill_list{}
.skill_list .list_item li .thumb{background: #71665D}
.skill_img{float: left;width: 175px;}
.type{display: inline-block;}
.details p.skill_intr{width: 74%}

.list_item{min-height: 200px;}

.guangBg{width:40%;height:20%;top:65%;left:12%;position:absolute}
.py{display:block;width:59px;height:49px;top:160%;left:-55%;background-image:url(../images/spot.png);background-repeat:no-repeat;position:absolute;background-position:-42px 0;-moz-animation:py 2.5s ease-in infinite;-webkit-animation:py 5s ease-in infinite;-o-animation:py 5s ease-in infinite;-ms-animation:py 5s ease-in infinite}
.p2{background-image:url(../images/spot.png);top:60%;left:35%;width:150px;height:125px;background-position:0 -24px;display:block;-moz-animation:p2 4s ease-in infinite;-webkit-animation:p2 4s ease-in infinite;-o-animation:p2 4s ease-in infinite;-ms-animation:p2 4s ease-in infinite}
.p3{left:110%;top:0}
.p5{left:-44%;top:170%;background-position:-50px -50px;width:90px;height:90px;position:absolute}
.p4{display:block;width:30px;height:34px;top:103%;left:167%;background-image:url(../images/spot.png);background-repeat:no-repeat;position:absolute;background-position:-97px 5px;-moz-animation:py 2.5s ease-in infinite;-webkit-animation:py 5s ease-in infinite;-o-animation:py 5s ease-in infinite;-ms-animation:py 5s ease-in infinite}
.py2{left:50%}
@-moz-keyframes py{0%{opacity:.9;-moz-transform:translate(0,0);-moz-transform:rotate(-100deg)}
100%{opacity:0;-moz-transform:translate(200px,-600px)}
}
@-webkit-keyframes py{0%{-webkit-transform:translate(0,0);-webkit-transform:rotate(-100deg)}
100%{opacity:.5;-webkit-transform:translate(200px,-600px)}
}
@-o-keyframes py{0%{opacity:.9;-o-transform:translate(0,0);-o-transform:rotate(-100deg)}
100%{opacity:0;-o-transform:translate(200px,-600px)}
}
@-ms-keyframes py{0%{opacity:.9;-ms-transform:translate(0,0);-ms-transform:rotate(-100deg)}
100%{opacity:0;-ms-transform:translate(200px,-600px)}
}
@-moz-keyframes p2{0%{opacity:.9;-moz-transform:translate(0,0);-moz-transform:rotate(-100deg)}
100%{opacity:0;-moz-transform:translate(0,-500px)}
}
@-webkit-keyframes p2{0%{opacity:.9;-webkit-transform:translate(0,0);-webkit-transform:rotate(-100deg)}
100%{opacity:0;-webkit-transform:translate(0,-500px)}
}
@-o-keyframes p2{0%{opacity:.9;-o-transform:translate(0,0);-o-transform:rotate(-100deg)}
100%{opacity:0;-o-transform:translate(0,-500px)}
}
@-ms-keyframes p2{0%{opacity:.9;-ms-transform:translate(0,0);-ms-transform:rotate(-100deg)}
100%{opacity:0;-ms-transform:translate(0,-500px)}
}
.b-sidler{-webkit-animation:shakeScale .5s .6s ease-out both;-moz-animation:shakeScale .5s .6s ease-out both;-ms-animation:shakeScale .5s .6s ease-out both;animation:shakeScale .5s .6s ease-out both}
@-webkit-keyframes shakeScale{0%,100%{-webkit-transform:scale3d(1,1,1)}
50%,70%,90%{-webkit-transform:scale3d(1.02,1.02,1)}
40%,60%,80%{-webkit-transform:scale3d(1,1,1)}
}
@-moz-keyframes shakeScale{0%,100%{-moz-transform:scale3d(1,1,1)}
10%,30%,50%,70%,90%{-moz-transform:scale3d(1.02,1.02,1)}
20%,40%,60%,80%{-moz-transform:scale3d(1,1,1)}
}
@-o-keyframes shakeScale{0%,100%{-o-transform:scale3d(1,1,1)}
10%,30%,50%,70%,90%{-o-transform:scale3d(1.02,1.02,1)}
20%,40%,60%,80%{-o-transform:scale3d(1,1,1)}
}
@-ms-keyframes shakeScale{0%,100%{-ms-transform:scale3d(1,1,1)}
10%,30%,50%,70%,90%{-ms-transform:scale3d(1.02,1.02,1)}
20%,40%,60%,80%{-ms-transform:scale3d(1,1,1)}
}
.banner_slogn:after{content:"";display:block;background:url(../images/slogn.png) center center no-repeat;width: 100%;height: 100%;position:absolute;left:0;top:0;opacity:0;background-size: 100%;}
.banner_slogn:after{-webkit-animation:pulseInOut 1s .7s ease-out both;-moz-animation:pulseInOut 1s .7s ease-out both;-ms-animation:pulseInOut 1s .7s ease-out both;animation:pulseInOut 1s .7s ease-out both}
@-webkit-keyframes pulseInOut{0%{opacity:0;filter:alpha(opacity=0)}
10%{opacity:1;filter:alpha(opacity=100)}
50%{opacity:.4}
90%{-webkit-transform:scale3d(2.5,2.5,2.5)}
100%{opacity:0;filter:alpha(opacity=0)}
}
@-moz-keyframes pulseInOut{0%{opacity:0;filter:alpha(opacity=0)}
10%{opacity:1;filter:alpha(opacity=100)}
90%{-moz-transform:scale3d(2.5,2.5,2.5)}
100%{opacity:0;filter:alpha(opacity=0)}
}
@-o-keyframes pulseInOut{0%{opacity:0;filter:alpha(opacity=0)}
10%{opacity:1;filter:alpha(opacity=100)}
90%{-o-transform:scale3d(2.5,2.5,2.5)}
100%{opacity:0;filter:alpha(opacity=0)}
}
@-ms-keyframes pulseInOut{0%{opacity:0;filter:alpha(opacity=0)}
10%{opacity:1;filter:alpha(opacity=100)}
90%{-ms-transform:scale3d(2.5,2.5,2.5)}
100%{opacity:0;filter:alpha(opacity=0)}
}
.in-put{-webkit-animation:pulseIn .3s .4s ease-out both;-moz-animation:pulseIn .3s .4s ease-out both;-ms-animation:pulseIn .3s .4s ease-out both;animation:pulseIn .3s .4s ease-out both}
@-webkit-keyframes pulseIn{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(2.6,2.6,2.6)}
100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(1,1,1)}
}
@-moz-keyframes pulseIn{0%{opacity:0;filter:alpha(opacity=0);-moz-transform:scale3d(2.6,2.6,2.6)}
100%{opacity:1;filter:alpha(opacity=100);-moz-transform:scale3d(1,1,1)}
}
@-o-keyframes pulseIn{0%{opacity:0;filter:alpha(opacity=0);-o-transform:scale3d(2.6,2.6,2.6)}
100%{opacity:1;filter:alpha(opacity=100);-o-transform:scale3d(1,1,1)}
}
@-ms-keyframes pulseIn{0%{opacity:0;filter:alpha(opacity=0);-ms-transform:scale3d(2.6,2.6,2.6)}
100%{opacity:1;filter:alpha(opacity=100);-ms-transform:scale3d(1,1,1)}
}
@keyframes pulseIn{0%{opacity:0;filter:alpha(opacity=0);transform:scale3d(2.6,2.6,2.6)}
100%{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1)}
}

@media screen and (max-width:1440px){
	#figure1{display: none;}
	.snow1,.snow2{display: none;}
	.link-FB{width: 70px;background-size: 220px;background-position: -8px -194px;padding-top: 70px;}
	.link-gamer{width: 70px;background-size: 220px;background-position: -17px -739px;padding-top: 70px;top: 175px;}
	.link-mf{width: 70px;background-size: 220px;background-position: -17px -848px;padding-top: 70px;top: 250px;}
	.videoBtn{width: 70px;height: 70px;left: 45%;top: auto;bottom: 48%;}
	.videoOut{width: 70px;height: 70px;}

	.subMenu{top: 480px;right: 18px;}
	.inner a{width: 80px;background-size: 76%;border-width: 5px;padding-top: 64px;margin-bottom: 14px;}
  	.inner a.home{background-position: 0 2px;}
  	.inner a.menu_s1{background-position: 0 -79px;}
  	.inner a.menu_s2{background-position: 0 -159px;}
}


}

@media (min-width:1024) and (max-width:1200px){


}

@media screen and (max-width: 1023px){
	.nav{height: 90px; background-size: auto 100%;}
	.nav ul{max-width:740px}
	.nav ul li a{margin: 0 10px;padding: 0;font-size: 29px;line-height: 70px;}
	.nav ul li.p{margin-left:156px; display: none}
	.nav ul li a.link-inf{margin-left: 200px;padding: 0;}
	.link-plate,.link-data,.top_left{display: none!important;}
	.logo{left: 280px;}

	.banner{background: url(../images/mobile-bg.jpg) center top no-repeat;background-size: cover;}
	.banner_slogn {width: 100%;left: 0%;bottom: 11%;top: auto;}
	.down{width: 90%;left: 5%;bottom: 5%;}
	.banner_logo{width: 60%;left: 19%;bottom: 15%;}

	.section-main{width: 750px;margin: 0 auto;height: 1000px;}
	.section{height: 1625px;overflow: hidden;}

	.pic_main{width: 700px;height: 353px;float: none;margin: 0 auto;}
	.main_view{width: 698px;height: 350px;}
	.swipe-wrap a{display: block; width: 100%}
	.main_view img{height: 350px;}

	.news_main{width: 673px;height: 413px;float: none;margin: 30px auto;background-size: 100%;}
	#tab_t{height: 70px;}
	#tab_t li{font-size: 30px;height: 70px;line-height: 86px;width: 105px;margin: 0 5px;}
	#tab_t li.act{background-position: -15px -882px;line-height: 88px;background-size: 340px;}
	#tab_c ul li a{font-size: 30px;}
	.btn-more{font-size: 28px;top: 20px;}

	#tab_c ul li{height: 60px;line-height: 60px;border-bottom: 2px solid #675846;}

	.inter_pic{width: 709px;margin: 0 auto;float: none;height: 394px;}
	.pic ul li.active{width: 447px;}
	.pic ul li{background-size: cover; height: 394px; width: 87px;}
	.pic ul li em{padding-top: 394px; width: 87px;}
	.pic .l1{background-image: url(../images/mob-pic/pic-mob_01.jpg);}
	.pic .l2{background-image: url(../images/mob-pic/pic-mob_02.jpg);}
	.pic .l3{background-image: url(../images/mob-pic/pic-mob_03.jpg);}
	.pic .l4{background-image: url(../images/mob-pic/pic-mob_04.jpg);}

	.section2{height: 1120px;}
	.section2 .figure2-1{top: -260px;bottom: auto;left: -312px;}
	.intr_main{top: 533px;right: 15px;}
	
	.page_main{width:740px}
	.page_slogn{width: 690px;background-size:100%;padding-top: 134px;margin-top: 410px;}

	.page_top{
    height: 538px;
}
	.page{background-size: 1250px;background-position: center 70px;}

	.tent_top,.tent_bottom{background-size: cover}
	.tab-c-main ul{background-size: 100%;padding: 60px 30px 15px;}
	.tent_top{height: 53px;}

	.footer-main{width:740px}

	#page_tabs{margin: 0px 40px;padding-top: 27px;border-bottom: 1px solid #463B33;position: relative;z-index: 2;}
	.tt-top{padding:60px 20px 0}
	#page_tabs li.act{background-position: -15px -900px;line-height: 52px;background-size: 340px;}
	#page_tabs li{width: 105px;}
	.tt-main{padding: 20px 20px;background-size: 100%;}
	.footer{height:auto}
	.footer-main div{width:100%;text-align:center}

	#page_conbox ul li a,.page_btn{font-size:26px}
	#page_tabs li{font-size:30px}

	.pop_video{width: 750px; margin-left: -375px;}
  	.close{right: 0; top: -80px; width: 70px; padding-top: 70px}

  	.link-FB,.link-gamer,.link-mf,.subMenu{position: absolute; z-index: 98}

  	.plate_t,.plate_m,.list_item,.plate_hero_t,.plate_hero_m,.plate_hero_b{background-size: 100%}
  	.plate_t{padding-left:15px; padding-right: 15px;}
  	.list_item{padding-left:45px; padding-right: 15px;}
  	.plate_hero_m{padding-left:45px; padding-right: 45px;}
  	.details p.skill_intr{ width: 92%}
  	.details p{width: 50%}

  	.videoBtn{bottom: 30%}
  
}