body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;}
p,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin: 0}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}

.h_20{width:100%;height:20px}
.h_30{width:100%;height:30px}
.h_40{width:100%;height:40px}
.h_50{width:100%;height:50px}
.h_60{width:100%;height:60px}
.h_70{width:100%;height:70px}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
iframe{border: 0; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}

.wrap{width: 100%; height: auto; max-width: 1920px; min-width: 1280px; margin: 0 auto; position: relative;overflow: hidden;display: none}
.mouse-tip{position: fixed; background: url("../image/mouse-tip.png") no-repeat center top;width: 66px;height: 161px;bottom: 50px;right: 100px;animation:nst 1.5s .2s infinite; -ms-animation:nst 1.5s .2s infinite; -webkit-animation:nst 1.5s .2s infinite;}
.wrap1{width: 100%; height: 1048px; background: url("../image/bj01.jpg") no-repeat center top; position: relative; transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
.logo{position: absolute; top: 100px; left: 60px; z-index: 10;}
.logo2{position: absolute; top: 100px; left: 280px; z-index: 10;}
.logo3{position: absolute; top: 100px; left: 500px; z-index: 10;}
.logo4{position: absolute; top: 100px; left: 720px; z-index: 10;}
.guide{position: absolute; top: 0; right: 50px; width: 644px; height: 86px; z-index: 10; background: url("../image/guide.png") no-repeat center top;}
.guide-main{float: left; width: 260px; height: 100%; margin-left: 87px;}
.guide1{float: left; width: 45px; height: 50px; margin: 0 0 0 400px;}
.guide2,.guide3{float: left; width: 45px; height: 50px; margin: 0 0 0 10px;}
.wrapper1{width: 1280px; height: 1049px; margin: 0 auto; position: relative;}
.mov{position: absolute; top: 108px; right: 310px; width: 94px; height: 95px; background: url("../image/mov.png") no-repeat center top;}
.zhiye-tab{position: absolute; top: 613px; right: 145px; width: 237px; height: 230px; background: url("../image/biao-zhan.png") no-repeat center top; transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
.text-tip{position: absolute; top: 361px; right: 951px; width: 254px; height: 331px; background: url("../image/txt-tip.png") no-repeat center top;}
.line-tab{position: absolute; top: 800px; left: -152px; width: 555px; height: 90px; background: url("../image/time_line.png") no-repeat center top;}
.line-tab a{float: left; width: 50px; height: 70px; font-size: 18px; color: #ffffff; line-height: 100px; text-align: center; font-weight: bold; text-shadow: 1px 2px 8px #000000; background: url("../image/dian1.png") no-repeat center top;}
.line-tab1{margin: 0 75px 0 5px;}
.line-tab2, .line-tab3, .line-tab4{margin-right:75px;}
.line-tab a:hover,.line-tab a.on{background: url("../image/dian1-fang.png") no-repeat center top;}
.wrap2{width: 100%; height: 851px; position: relative; background: url("../image/1010.jpg") no-repeat center top;}
.wrapper2{width: 1280px; height: 849px; margin: 0 auto; position: relative; padding-top: 2px;}
.tab-box{width: 100%; height: 106px; padding-top: 24px; text-align: center;}
.tab{display: inline-block; width: 166px; height: 76px; margin: 0 33px;}
.tab1{background: url("../image/tab-zhan.png") no-repeat left top} .tab1:hover, .tab1.active{background: url("../image/tab-zhanc.png") no-repeat left top}
.tab2{background: url("../image/tab-fa.png") no-repeat left top}
.tab2:hover,.tab2.active{background: url("../image/tab-fac.png") no-repeat left top}
.tab3{background: url("../image/tab-dao.png") no-repeat left top} .tab3:hover, .tab3.active{background: url("../image/tab-daoc.png") no-repeat left top}
.tab4{background: url("../image/tab-ci.png") no-repeat left top}
.tab4:hover,.tab4.active{background: url("../image/tab-cic.png") no-repeat left top}
.tab5{background: url("../image/nav-archer.png") no-repeat left top} .tab5:hover, .tab5.active{background: url("../image/nav-archer-on.png") no-repeat left top}
.main{width: 990px; height: 540px; margin: 130px 0 0 145px;}
.content{display: none;position:relative;}
.btns-cate{position:absolute; left:0; top:-100px; width: 100%; height:66px;} .btns-cate a{display: block; float: left; width: 262px; height: 58px; margin-right:60px; text-align: center; line-height: 58px; font-size: 26px; font-weight: bold; color: #7f5a33; border: 4px solid #7f5a33;} .btns-cate a.on{background-color: #7f5a33; color: #f8f4ea;}
.wp-skill{display:none;}
.wp-skill1{display:block;}
.con1{display: block;}
.con-title{width: 100%; height: 24px; padding-left: 33px; line-height: 24px; font-size: 18px; color: #202e31; background: url("../image/icon1.png") no-repeat left center;}
.con-title h1{display: inline-block; font-size: 24px; color: #7f5a33; font-weight: bold; margin-bottom:5px;}
.con-title p{display: inline-block; white-space:nowrap;} .con-title p.sp{font-size:14px;}
.con-focus{width: 989px; height: 413px; margin-top: 0px;}
.wp-skill1 .focus-zxs01{background: url("../image/zs01.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-zxs02{background: url("../image/zs02.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-zxs03{background: url("../image/zs03.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-zxs04{background: url("../image/zs04.png") no-repeat left top; background-size: auto 100%;}
.focus-zs01{background: url("../image/zs01.png") no-repeat center top;}
.focus-zs02{background: url("../image/zs02.png") no-repeat center top;}
.focus-zs03{background: url("../image/zs03.png") no-repeat center top;}
.focus-zs04{background: url("../image/zs04.png") no-repeat center top;}
.focus-zs05{background: url("../image/zs05.gif") no-repeat center top;}
.focus-zs06{background: url("../image/zs06.gif") no-repeat center top;}
.focus-zs07{background: url("../image/zs07.gif") no-repeat center top;}
.focus-zs08{background: url("../image/zs08.gif") no-repeat center top;}
.focus-zs09{background: url("../image/zs09.gif") no-repeat center top;}
.focus-fs01{background: url("../image/fs01.png") no-repeat center top;}
.focus-fs02{background: url("../image/fs02.png") no-repeat center top;}
.focus-fs03{background: url("../image/fs03.png") no-repeat center top;}
.focus-fs04{background: url("../image/fs04.png") no-repeat center top;}
.focus-fs05{background: url("../image/fs05.png") no-repeat center top;}
.focus-fs06{background: url("../image/fs06.png") no-repeat center top;}
.focus-fs07{background: url("../image/fs07.gif") no-repeat center top;}
.focus-fs08{background: url("../image/fs08.gif") no-repeat center top;}
.focus-fs09{background: url("../image/fs09.gif") no-repeat center top;}
.focus-fs10{background: url("../image/fs10.gif") no-repeat center top;}
.focus-fs11{background: url("../image/fs11.gif") no-repeat center top;}
.focus-ds01{background: url("../image/ds01.png") no-repeat center top;}
.focus-ds02{background: url("../image/ds02.png") no-repeat center top;}
.focus-ds03{background: url("../image/ds03.png") no-repeat center top;}
.focus-ds04{background: url("../image/ds04.png") no-repeat center top;}
.focus-ds05{background: url("../image/ds05.png") no-repeat center top;}
.focus-ds06{background: url("../image/ds06.png") no-repeat center top;}
.focus-ds07{background: url("../image/ds07.gif") no-repeat center top;}
.focus-ds08{background: url("../image/ds08.gif") no-repeat center top;}
.focus-ds09{background: url("../image/ds09.gif") no-repeat center top;}
.focus-ds10{background: url("../image/ds10.gif") no-repeat center top;}
.focus-ds11{background: url("../image/ds11.gif") no-repeat center top;}
.wp-skill1 .sw01{background: url("../image/sw01.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw02{background: url("../image/sw02.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw03{background: url("../image/sw03.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw04{background: url("../image/sw04.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw05{background: url("../image/sw05.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw06{background: url("../image/sw06.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw07{background: url("../image/sw07.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw08{background: url("../image/sw08.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw09{background: url("../image/sw09.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw10{background: url("../image/sw10.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .sw11{background: url("../image/sw11.png") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .zy01{background: url("../image/zy01.png") no-repeat left top; background-size: auto 100%;}
.focus-js01{background: url("../image/js01.png") no-repeat center top;}
.focus-js02{background: url("../image/js02.png") no-repeat center top;}
.focus-js03{background: url("../image/js03.png") no-repeat center top;}
.focus-js04{background: url("../image/js04.png") no-repeat center top;}
.focus-js05{background: url("../image/js05.png") no-repeat center top;}
.focus-js06{background: url("../image/js06.gif") no-repeat center top;}
.focus-js07{background: url("../image/js07.gif") no-repeat center top;}
.focus-fa{background: url("../image/focus-fa.jpg") no-repeat center top;}
.focus-zhan{background: url("../image/focus-zhan.jpg") no-repeat center top;}
.focus-ci{background: url("../image/focus-ci.jpg") no-repeat center top;}
.focus-archer{background: url("../image/bg-skill-archer.jpg") no-repeat center top;}
.wp-skill1 .focus-zhan{background: url("../image/zs45.gif") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-fa{background: url("../image/fs45.gif") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-dao{background: url("../image/ds45.gif") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-ci{background: url("../image/ck45.gif") no-repeat left top; background-size: auto 100%;}
.wp-skill1 .focus-archer{background: url("../image/gs45.gif") no-repeat left top; background-size: auto 100%;}
.con-list{width: 316px; height: 392px; padding-top: 21px;margin-left:4px; background-color: rgba(0, 0, 0, .6); animation:fadeRight 1s .2s ease both;-ms-animation:fadeRight 1s .2s ease both;-webkit-animation:fadeRight 1s .2s ease both;-moz-animation:fadeRight 1s .2s ease both;}
@keyframes fadeRight{0%{opacity:0; transform:translateX(20px)} 100%{opacity:1; transform:translateY(0)}}
@-ms-keyframes fadeRight{0%{opacity:0; -ms-transform:translateX(20px)} 100%{opacity:1; -ms-transform:translateY(0)}}
@-webkit-keyframes fadeRight{0%{opacity:0; -webkit-transform:translateX(20px)} 100%{opacity:1; -webkit-transform:translateY(0)}}
@-moz-keyframes fadeRight{0%{opacity:0; -moz-transform:translateX(20px)} 100%{opacity:1; -moz-transform:translateY(0)}}
.con-list h2{font-size: 24px; color: #c1a88e; font-weight: bold; margin: 4px 0 0 30px;}
.con-list h3{font-size: 22px; color: #1e1613; text-indent: 18px; width: 151px; height: 51px; line-height: 35px; margin: 23px 0 0 -12px; background: url("../image/tbg.png") no-repeat center top;}
.con-list p{width: 90%; font-size: 15px; color: #eeeeee; margin: 0 0 20px 15px;}
.overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 150; background: url("../image/popupbg.png") no-repeat center top; background-size:cover; display: none;}
.popup{position: fixed; top: 0; left: 0; width: 100%; height: 1080px; z-index: 160; display: none;}
.popup-wrapper{width: 1280px; height: 100%; margin: 0 auto;}
.popup-guide{position: fixed; left: 50%; top: 60%; transform: translate(-50%, -50%); width: 1140px; height: 700px;} .popup-guide i{display: block; position: absolute; top:0; width: 1px; height: 413px; background-color: #938c87;} .popup-guide .l1{left:285px;} .popup-guide .l2{left: 568px;} .popup-guide .l3{left: 852px;} .popup-guide a{display:block; float:left; width: 284px; height: 413px; position: relative;}
.popup-guide1{background: url("../image/btn-menu2.png") no-repeat center 44px; border-left: none !important;}
.popup-guide2{background: url("../image/btn-menu2.png") no-repeat center 44px;}
.popup-guide3{background: url("../image/btn-menu3.png") no-repeat center 44px;}
.popup-guide4{background: url("../image/btn-menu4.png") no-repeat center 44px;}
.popup-guide a.off{-webkit-animation:bounceOutDown 1s ease both; -moz-animation:bounceOutDown 1s ease both;}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)} 20%{opacity:1; -webkit-transform:translateY(-20px)} 100%{opacity:0; -webkit-transform:translateY(2000px)}}
@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)} 20%{opacity:1; -moz-transform:translateY(-20px)} 100%{opacity:0; -moz-transform:translateY(2000px)}}
.popup-guide a.animate{-webkit-animation: bounceOutUp 1s ease both; -moz-animation: bounceOutUp 1s ease both;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)} 20%{opacity:1; -webkit-transform:translateY(20px)} 100%{opacity:0; -webkit-transform:translateY(-2000px)}}
@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)} 20%{opacity:1; -moz-transform:translateY(20px)} 100%{opacity:0; -moz-transform:translateY(-2000px)}}
.jian{position: absolute; bottom: 50px; left: 50%; margin-left: -17px; width: 34px; height: 17px; background: url("../image/jian.png") no-repeat center top;}
.popup-guide a:hover .jian{animation:nnt 1.5s infinite; -ms-animation:nnt 1.5s infinite; -webkit-animation:nnt 1.5s infinite;}
@keyframes nnt{0%,100%{transform:translate(0,0px);} 50%{transform:translate(0,-10px);}}
@-ms-keyframes nnt{0%,100%{-ms-transform:translate(0,0px);} 50%{-ms-transform: translate(0,-10px);}}
@-webkit-keyframes nnt{0%,100%{-webkit-transform:translate(0,0px);} 50%{-webkit-transform: translate(0,-10px);}}
.back{display:block; position:absolute; left:50%; top:472px; width: 122px; height: 149px; margin-left:-61px; background: url("../image/back.png") no-repeat center top; cursor: pointer;}
.container{width: 50%; height: 100%; margin: 0 auto; position: relative; font-size: 15px; color: #cccccc; line-height: 30px; display: none;}
.container .txt img{margin: 20px 0;}
.popu-title{position: absolute; left: -260px; top: 60px; -webkit-animation:bounceInDown .8s ease both; -moz-animation:bounceInDown .8s ease both;}
.group{width: 100%; height: 70%; margin: 5% auto 0 auto;;}
.group .title{width: 100%; height: 66px; overflow: auto;}
@-webkit-keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-500px)} 60%{opacity:1; -webkit-transform:translateY(30px)} 80%{-webkit-transform:translateY(-10px)} 100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInDown{0%{opacity:0; -moz-transform:translateY(-500px)} 60%{opacity:1; -moz-transform:translateY(30px)} 80%{-moz-transform:translateY(-10px)} 100%{-moz-transform:translateY(0)}}
.titlebottom{content: ""; position: absolute; bottom: -90px; width: 100%; height: 80px; background: url("../image/titlebottom.png") no-repeat center top;}
.title1{background: url("../image/title1.png") no-repeat left top;}
.title2{background: url("../image/title2.png") no-repeat left top;}
.title3{background: url("../image/title4.png") no-repeat left top;}
.group .txt{width: 100%; height: 90%; margin: 5% auto 0 auto;; overflow: auto;}
.close{position: absolute; top: 50%; left: -100px; width: 80px; height: 80px; background: url("../image/close.png") no-repeat center top;}
#loading{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../image/loadingbg.jpg"); background-size:cover; z-index: 150; display: block;}
.loading-guide{position: absolute; top: 15px; right: 25px; width: 185px; height: 55px; background: url("../image/main_btn.png") no-repeat center top;}
.loading-guide a{float: left; width: 33.3%; height: 55px;}
.loading-box{position: absolute; top: 50%; left: 50%; width: 900px; height: 900px; transform: translate(-50%, -50%); background: url("../image/yuan.png") no-repeat center top;}
.load1{position: absolute; top: 138px; left: 50%; margin-left: -309px; width: 618px; height: 619px; background: url("../image/btn-menu2.png") no-repeat center top; animation:roll1 25s linear infinite; -webkit-animation:roll1 25s linear infinite; -ms-animation:roll1 25s linear infinite; -moz-animation:roll1 25s linear infinite;}
.load2{position: absolute; top: 80px; left: 50%; margin-left: -367px; width: 735px; height: 738px; background: url("../image/loading2.png") no-repeat center top; animation:roll2 20s linear infinite; -webkit-animation:roll2 20s linear infinite; -ms-animation:roll2 20s linear infinite; -moz-animation:roll2 20s linear infinite;}
.load3{position: absolute; top: 30px; left: 50%; margin-left: -417px; width: 835px; height: 835px; background: url("../image/loading3.png") no-repeat center top; animation:roll1 25s linear infinite; -webkit-animation:roll1 25s linear infinite; -ms-animation:roll1 25s linear infinite; -moz-animation:roll1 25s linear infinite;}
.load4{position: absolute; top: 260px; left: 50%; margin-left: -390px; width: 726px; height: 397px; background: url("../image/title.png") no-repeat center top; animation:scale1 0.6s .5s both;-webkit-animation:scale1 0.6s .5s both;}
@-webkit-keyframes scale1{0%{opacity:0;-webkit-transform:scale(10,10);}80%{-webkit-transform:scale(.8,.8);}100%{opacity:1;-webkit-transform:scale(1,1);}}
@keyframes scale1{0%{opacity:0;transform:scale(10,10);}80%{transform:scale(.8,.8);}100%{opacity:1;transform:scale(1,1);}}
.load5{position: absolute; top: 180px; left: 50%; margin-left: -40px; width: 94px; height: 95px; background: url("../image/mov.png") no-repeat center top;}
@keyframes roll1{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
@-ms-keyframes roll1{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(360deg);}}
@-webkit-keyframes roll1{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes roll1{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);}}
@keyframes roll2{0%{transform:rotate(0deg);} 100%{transform:rotate(-360deg);}}
@-ms-keyframes roll2{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(-360deg);}}
@-webkit-keyframes roll2{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);}}
@-moz-keyframes roll2{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);}}
.enter{position: absolute; bottom: 275px; right: 150px; width: 102px; height: 33px; background: url("../image/enter.png") no-repeat center top; animation:st 1.5s .2s infinite; -ms-animation:st 1.5s .2s infinite; -webkit-animation:st 1.5s .2s infinite;}
@keyframes st{0%,100%{transform:translate(0,0px);} 50%{transform:translate(-18px,0);}}
@-ms-keyframes st{0%,100%{-ms-transform:translate(0,0px);} 50%{-ms-transform:translate(-18px,0);}}
@-webkit-keyframes st{0%,100%{-webkit-transform:translate(0,0px);} 50%{-webkit-transform:translate(-18px,0);}}
@keyframes nst{0%,100%{transform:translate(0,0px);} 50%{transform:translate(0,-18px);}}
@-ms-keyframes nst{0%,100%{-ms-transform:translate(0,0px);} 50%{-ms-transform:translate(0,-18px);}}
@-webkit-keyframes nst{0%,100%{-webkit-transform:translate(0,0px);} 50%{-webkit-transform:translate(0,-18px);}}
.highlight{color: #f73535;}
.video_box{position:fixed; left: 50%;top: 50%; margin: -230px 0 0 -443px; z-index: 190; width: 886px; height: 500px; display: none;}
.video_close{width: 47px; height: 46px; cursor: pointer; position: absolute; text-indent: -9999px; top: -47px; right: 5px; background: url(../image/s1_close.png) center top no-repeat;}