@charset "utf-8";
/* CSS Document */
/*----------公用样式----------*/
body,div,span,ul,li,input,a{ margin:0px; padding:0px; font:14px/16px "\5FAE\8F6F\96C5\9ED1",Arial,Verdana,"\5b8b\4f53"; list-style:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; color:#404040; -webkit-tap-highlight-color: rgba(0,0,0,0);}
input{ outline:none;}
img{ display:block; width:100%; border:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none;}
a{ text-decoration:none; -webkit-touch-callout:none;}

.hide{display:none;}
.bg{background:url(../images/webhome_icon.png) no-repeat center top;}
.category .bg{width:140px;height:167px;margin: 0 auto; }
/*----------bar----------*/
.whole{ overflow:hidden;}
.bar{ height:50px;}
.bar .barCont{ position:relative; width:950px; height:50px; margin:0px auto;}
.bar .barPhoneNum{ display:inline-block;  float:left; margin-top:15px;}
.bar .phoneIco{ float:left; width: 14px; height: 20px;background-position: -1647px -76px;}
.bar .phoneNumTxt{ float:left; margin:2px 20px 0 5px;}
.bar .loginCont{ display:inline-block; float:right; margin-top:11px;}
.bar .loginCont a{ transition:color 0.5s;}
.bar .loginCont a:hover{ color:#ef6002;}
.bar .loginCont .head{ width:40px; height:40px; border-radius:100px; display:block; background:#CCC; float:left; margin:-12px 5px 0 0; overflow:hidden;}
.bar .logoCont{ position:absolute; left:50%; top:45px; margin-left:-165px; width:330px; height:130px; background:url(../images/xw_header_bg_logo.png) no-repeat; z-index:2;}
.bar .logo{ width:242px; overflow:hidden; margin:16px auto 0;}
.bar .logo .img1{ float:left; width:121px; }
.bar .logo .img2{ float:left; width:100px; padding-left:5px; margin-left:5px; border-left:1px solid #ed6d1a;}
/*----------轮播----------*/
.focus{ position:relative; overflow:hidden; width: 100%; height: 580px}
.focus .focusLB{ width:500%; overflow:hidden;}
.focus .focusLB >a{ float:left; width:20%; height:100%; overflow:hidden;}
.focus .focusLB >a img{ height:100%;}
.focus .btn{ position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; color:#fff; text-align:center; font-size:20px; line-height:40px; background:#000; background:rgba(0,0,0,0.45); filter:alpha(opacity=45); -webkit-user-select:none; -moz-user-select:none; cursor:pointer;}
.focus .LBtn{ left:20px;}
.focus .RBtn{ right:20px;}
.focus .dot{ position:absolute; left:50%; bottom:20px; margin-left:-28px; width:56px; height:10px;}
.focus .dot li{ float:left; margin:0 2px; width:10px; height:10px; background:#fff; cursor:pointer; border-radius:100px;}
.focus .dot li:first-child{ background:#3cf;}
/*----------首页导航----------*/
.navCont{ width:100%; height:60px; border-bottom:solid 5px #ef6002; background:#fff; text-align:center;}
.nav{ display:inline-block; height:60px; margin:0 auto; }
.nav >a{ display:inline-block; height:56px; padding:5px 10px; margin:0 20px; border-bottom:solid 4px #fff; float:left; text-align:center; line-height:60px; cursor:pointer; box-sizing:border-box;}

.nav >a:hover{ border-bottom:solid 4px #ef6002; color:#ef6002;}
.nav >a:first-child{ width:220px; height:60px; background:#ef6002; border-bottom:solid 4px #ef6002; color:#fff; text-align:center; cursor:default; position:relative; z-index:3;}
.nav >a:first-child span{ display:inline-block; margin-left:5px; color:#fff; text-align:center;}
.nav >a:first-child .houseIco{ width:20px; height:20px; display:inline-block; background:url(../images/xw_nav_icon_home.png) no-repeat; margin-top:5px;}
.nav .secNavA{ width:140px; height:56px; border-bottom:solid 4px #fff; float:left; text-align:center; line-height:60px; cursor:pointer; position:relative;}
.nav .secNavA:hover{ border-bottom:solid 4px #fff;}
.nav .secNavA:hover .sjTxt{ color:#ef6002;}
.nav .secNavA:hover .sj{ border-color:#ef6002 transparent transparent transparent;}
.nav .sjCont{ margin:22px 0 0 35px;}
.nav .sjTxt{ display:inline-block; float:left;}
.nav .sj{ width:0px; height:0px; border:solid 5px; border-color:#404040 transparent transparent transparent; float:left; margin:5px 0 0 4px;}
.nav .secNav{ width:100px; background:#161616; position:absolute; left:50%; margin-left:-50px; top:46px; z-index:4; border-bottom:solid 2px #ef6002; display:none;}
.nav .secNav >a{ height:48px; line-height:48px; color:#fff; text-align:center; display:block;}
.nav .secNav >a:hover{color:#ef6002;}
.nav .secNavA:hover .secNav{ display:block;}
/*----------首页类别----------*/
.category{ padding:100px 0;}
.category .title{ font:bold 40px/44px "\5FAE\8F6F\96C5\9ED1",Arial,Verdana,"\5b8b\4f53"; text-align:center; overflow:hidden; color:#010101;}
.category .sTitle{ font-size:24px; line-height:40px; text-align:center; overflow:hidden; color:#010101; margin-bottom:76px;}
.category .type{ width:1200px; overflow:hidden; margin:0 auto;}
.category .type a{ display:block;float:left;width:33.33%;height:288px;overflow:hidden;text-align:center;}
.category .type a:first-child .bg{ background-position: 0 0;}
.category .type a:first-child:hover .bg{ background-position: -150px 0;}
.category .type a:first-child+a .bg{ background-position: -300px 0;}
.category .type a:first-child+a:hover .bg{ background-position: -450px 0;}
.category .type a:first-child+a+a .bg{ background-position: -900px 0;}
.category .type a:first-child+a+a:hover .bg{ background-position: -1050px 0;}
.category .type a:first-child+a+a+a .bg{ background-position: -900px 0;}
.category .type a:first-child+a+a+a:hover .bg{ background-position: -1050px 0;}
.category .typeTitle{margin: 30px 0; font-size:24px; color:#222; text-align:center; letter-spacing: 0.14em }
.category .typeInfo{ font-size:12px; line-height:18px; color:#535353; word-break:break-all; margin-left:12px;}
.categoryBg{ background:#f5f4f4;}
/*----------精彩赛况----------*/
.game{ height:800px; background:url(../images/xw_home_bg_game.jpg) center; background-size:100% 100%;}
.game .title,.game .sTitle{ color:#fff;}
.game .videotitle{ width:700px; height:50px; margin:0 auto; background:url(../images/xw_home_image_game_line.png) no-repeat; line-height:50px; margin-top:34px; color:#fff; font-size:16px; text-align:center;}
.videoFocus{ width:1000px; height:540px; margin:0 auto; overflow:hidden;}
.videoFocus .videoLB{ width:500%; height:100%;}
.videoFocus .videoLB >a{ position:relative; width:20%; height:100%; float:left; cursor:pointer; content:'';}
.videoFocus .videoLB >a:before{ position:absolute; top:50%; left:50%; margin:-57px 0 0 -57px; width:114px; height:114px; background:url(../images/xw_home_icon_game_play.png); content:'';}
.videoFocus .btn{ position:absolute; width:40px; height:40px; background:#000; background:rgba(0,0,0,0.4); filter:alpha(opacity=40);}
.videoView{ position:fixed; top:50%; left:50%; margin:-270px 0 0 -500px; width:1000px; height:540px; display:none; z-index:101;}
.videoViewBg{ position:fixed; top:0; bottom:0; right:0; left:0; background:#000; background:rgba(0,0,0,0.7); z-index:100; display:none; filter:alpha(opacity=70);}
.videoFocus .dot{display: none;}
.game.category .more{border:solid 2px #ef6002; border-radius:4px; color:#ef6002;}
/*----------游学路线----------*/
.category .mapCont{ overflow:hidden;}
.category .map{ width:830px; height:295px; background:url(../images/xw_home_study_image_map.png) no-repeat; margin:0 auto;}
.category .more{ width:100px; height:34px; border:solid 2px #3d3d3d; border-radius:4px; color:#3d3d3d; text-align:center; display:block; margin:60px auto 0; line-height:34px;}
.category .more:hover{ color:#76360b; border:solid 2px #76360b;}
/*----------游学路线轮播----------*/
.lrFocus{ position:relative; width:1000px; height:260px; overflow:hidden; margin:80px auto 0;}
.lrFocus .btnCont{ width:65px; height:100%; float:left; position:relative;}
.lrFocus .btn{ position:absolute; top:50%; left:50%; margin:-50px 0 0 -20px; width:40px; height:40px; background:#000; background:rgba(0,0,0,0.65); filter:alpha(opacity=65); text-align:center; color:#fff; border-radius:100px; font:20px/40px 'SimSun'; -webkit-user-select:none; -moz-user-select:none; cursor:pointer; transition:background 0.6s;}
.lrFocus .btn:hover{background:#ef6002; background:rgba(239,96,2,0.65); filter:alpha(opacity=65);}
.lrFocus .lrLBCont{ float:left; width:870px; height:100%; overflow:hidden;}
.lrFocus .lrLB{ width:1450px; height:220px;}
.lrFocus .lrLB img{ height:100%;}
.lrFocus .lrLB >a{ display:block; float:left; width:280px; height:100%; margin:0 5px; background:#FC6;}
.lrFocus .lrLB >a .infoTitle{ overflow:hidden; text-align:center; margin-top:20px;}
/*----------新闻资讯----------*/
.news{ width:1000px; overflow:hidden; margin:0 auto;}
.news li{ height:78px; margin-bottom:30px; background:#e5e3e1; position:relative; line-height:78px;}
.news .num{ width:78px; height:100%; float:left; text-align:center; font-size:32px; line-height:78px; color:#fff; background:#161616; display:block;}
.news .blackLine{ content:''; width:0; height:78px; background:#161616; transition:width 0.8s; position:absolute; top:0; left:78px;float:left;}
.news .blackLine2{ content:''; width:0; height:78px; background:#ef6002; transition:width 0.8s; position:absolute; top:0; left:78px;float:left;}
.news .blackLine:after{ content:''; width:0px; height:0px; border:solid 8px; border-color: transparent transparent transparent #161616; position:absolute; right:-16px; top:50%; margin-top:-8px;}
.news .blackLine2:after{ content:''; width:0px; height:0px; border:solid 8px; border-color: transparent transparent transparent #ef6002; position:absolute; right:-16px; top:50%; margin-top:-8px;}
.news .date{ width:200px; height:78px; background:#f3f1f0; float:right; text-align:center; line-height:78px; color:#717171;}
.news .infoTitle{ position:absolute; left:78px; top:0; text-indent:4em; line-height:78px; transition:color 0.5s;}
.news li:hover .blackLine,.news li:hover .blackLine2{ width:722px; transition:0.8s cubic-bezier(0.53, 2.41, 0.28, 0.23);}
.news li:hover .infoTitle{ color:#fff;}
.news .newsBg{ background:#ef6002;}
/*----------合作伙伴----------*/
.company{ height:180px; background:url(../images/xw_footer_image_bg_2.jpg) no-repeat center; background-size:100% 100%; border-top:solid 1px #fff; text-align:center;}
.company .partner{ display:inline-block; overflow:hidden; margin:20px auto;}
.company .partner a{color: #fff;}
.company .partner li{ width:280px; height:100px; overflow:hidden; background:rgba(220,69,3,0.5); float:left; margin:0 30px; padding:20px;text-align:left;}
.company .companyName{ color:#fff;}
div.companyName{line-height: 20px;}
/*----------联系我们----------*/
.contactCont{ width: 100%; height:524px; background:url(../images/xw_footer_image_bg.jpg) no-repeat; background-size: 100% 100%;}
.contact{position:relative; width:1000px; height:100%; margin:0 auto;}
.contact .contactList{ width:400px; overflow:hidden; float:left; margin-left:30px;}
.contact .contactList li{ overflow:hidden; margin:50px 0;}
.contact .conIco{ width:28px; height:28px; float:left; margin-top:5px;}
.contact .conPersonIco{ background:url(../images/xw_footer_icon_name.png) no-repeat; }
.contact .conPhoneIco{ background:url(../images/xw_footer_icon_phone.png) no-repeat; }
.contact .conaddIco{ background:url(../images/xw_footer_icon_address.png) no-repeat; }
.contact .contTxtCont{ width:350px; overflow:hidden; float:left; margin-left:20px;}
.contact .contxt1{ color:#fff; font-size:12px; margin-bottom:5px;}
.contact .contxt2{ color:#fff;}
.contact .wenxin{ width:372px; overflow:hidden; padding:10px 7.5px; border:3px solid rgba(96,96,96,0.5); border-radius:3px;}
.contact .code{ width:108px; height:146px; background:#dedcdc; padding:3px; float:left; margin:0 5px; text-align:center;}
.contact .code .codeTxt{ font: bold 14px/40px "\5FAE\8F6F\96C5\9ED1",Arial,Verdana,"\5b8b\4f53";}
.contact .map{ width:440px; height:480px; background:url(../images/xw_footer_image_map.png) no-repeat center; float:left; margin-left:70px;}
/*----------footer----------*/
.footer{ height:80px; padding:10px 0; background:#000;}
.footer p{ color:#fff; text-align:center; font-size:12px;}
/*---礼物二维码---*/
.mask{ display:none; position:fixed; top:0; bottom:0; z-index:100; width:100%; background:rgba(0,0,0,0.65);}
.liwuCont{ position:fixed; top:100px; right:50px; z-index:200; width:100px; height:100px; background:url(../images/liwuImg.png) no-repeat; background-size:100% 100%;}
.liwuCont2{ position:absolute; top:100px; left:50%; z-index:200; width:100px; height:100px; margin-left:-250px; background:url(../images/liwuImg.png) no-repeat; background-size:100% 100%;}
.codesImg{ position:fixed; top:50%; left:50%; z-index:101; width:300px; overflow:hidden; margin:-150px 0 0 -150px; border:10px solid #fff; border-radius:10px; background:#fff; box-shadow:0 0 20px #000; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(-800px); opacity:0; -webkit-transition:0.5s cubic-bezier(0.81, 0.32, 0, 1.21); font-size:20px; text-align:center; line-height:40px; color:#333;}
.codesImgAnimate{ -webkit-transform:translateZ(0); opacity:1;}
.posA{ position:absolute;}
.liwuCont .txt,.liwuCont2 .txt{ position:absolute; bottom:-0.5rem; width:100%; color:#fff; text-shadow:1px 1px 2px #000; text-align:center;}