@charset "utf-8";
html { min-width:1336px;cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;background-color: #deecff;color: #333;overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
.fl{float: left;}
.fr{float: right;}
.btn-hover{transition: all 0.5s;-webkit-transition: all 0.5s;}
.btn-hover:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.rel{width: 1200px;height: 100%;margin:0 auto;position: relative;}
.header-wrap{width: 100%;height: 1020px;background: url(/skin/default/images/header-wrap-bg.jpg) no-repeat center top;position: relative;}
.header-logo{position: absolute;left:66px;top:0;width: 114px;height: 80px;background: url(/skin/default/images/logo.png) no-repeat center; }
.header-menu{position:absolute;left:0;top:0;width: 100%;height: 80px;background: rgba(255,255,255,0.85 );}
.header-menu-list{position: absolute;right: 0;top:30px;z-index: 2;}
.header-menu-list li { float: left;position: relative;height: 20px; }
.header-menu-list li:before { content: "";position:absolute;top:5px;left:0;width: 1px; height: 14px;background: #414141; }
.header-menu-list li:first-child:before { display: none; }
.header-menu-list li.on a,.header-menu-list a:hover  { color: #db4828; }
.header-menu-list li.on a:before ,.header-menu-list a:hover:before{ opacity: 1; }
.header-menu-list a { display: inline-block; padding: 0 30px; height: 100%; font-size: 16px; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; position: relative;cursor: pointer; }
.header-menu-list a:before { content: ""; position: absolute; height: 4px; background: #db4828; opacity: 0; width: calc(100% - 60px); top: 27px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.header-slogan{position: absolute;right:0;top:525px;width: 796px;height: 213px;}
.header-btn-play{position: absolute;left: 614px;top:311px;width: 71px;height: 71px;background: url(/skin/default/images/header-btn-play.png) no-repeat center;text-indent: -9999px;cursor: pointer;}
.header-downbox{position: absolute;left:0;top:560px;width: 402px;height: 154px;background: rgba(255,255,255,.35);z-index: 2;}
.header-downbox-text{position: absolute;left: 15px;top:11px;width: 21px;background: url(/skin/default/images/header-down-icon.png) no-repeat center top;text-align: center;font-size: 14px;color: #966e0f;line-height: 18px;padding-top: 24px;}
.header-downbox-code{position: absolute;left: 40px;top:13px;width: 130px;height:130px;}
.header-downbox-code img{width: 130px;height: 130px;}
.header-downbox-btn-ios,.header-downbox-btn-android{display: block;position: absolute;left: 182px;width: 203px;background-repeat: no-repeat;background-position: center;text-indent: -9999px;cursor: pointer;}
.header-downbox-btn-ios{height: 60px;top:14px;background-image: url(/skin/default/images/header-downbox-btn-ios.png);}
.header-downbox-btn-android{height: 58px;top:85px;background-image: url(/skin/default/images/header-downbox-btn-android.png);}
/*新闻轮播图*/
.more{position: absolute; background:#4fa9e0; height: 20px;line-height: 18px;border-radius: 10px;padding: 0 6px; right: 0;color: #fff;font-size: 12px; text-indent: 0; }
.news-lunbo {position: absolute;bottom: 0;left: 0;width: 680px;height: 300px;overflow: hidden; }
.news-lunbo .hd { height: 16px; position: absolute; right: 17px; bottom: 20px; z-index: 10; }
.news-lunbo .hd ul { float: right; }
.news-lunbo .hd ul li { border-radius: 8px; width: 16px;text-indent: -99em; height: 16px; float: left; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #ffffff; margin: 0 3px;cursor: pointer; }
.news-lunbo .hd ul li.on { width: 43px; }
.news-lunbo .bd li { height: 100%; }
.news-lunbo .bd li img{ width:680px; height:300px;}
.news-lunbo .bd li a { display: block; height: 100%; }
.news-box{position: absolute;bottom: 0;left: 680px;width: 520px;height: 300px;background-color: #fff;}
.news-hot{margin:15px auto;width: 480px;height: 32px;border-radius: 16px;line-height: 32px;font-size:18px;text-indent: 35px;background:#4fa9e0 url(/skin/default/images/news-hot-icon.png) 9px center no-repeat;position: relative; }
.news-hot a{color: #fff;}
.news-hot a.news-hot-more{display:block;position: absolute;right:9px;top:5px;width:22px;height: 22px;line-height:22px;text-align:center;background: #fff;border-radius: 50%;color: #4fa9e0;font-size: 22px;text-indent: 0;}
/* 新闻列表 */
.news-list{width: 480px;margin:0 auto;}
.news-list .hd { border-bottom: 1px solid #dadada;}
.news-list .hd li { float: left;color: #666666; font:normal 16px/46px "Microsoft Yahei"; height: 46px; }
.news-list .hd li a {width:80px; color: #666666; padding: 0 2px; position: relative; display: inline-block; height: 100%;text-align: center; }
.news-list .hd li a:before { position: relative; bottom: -45px; content: ""; height: 2px; display: block; }
.news-list .hd li.on a { color: #4fa9e0; }
.news-list .hd li.on a:before { background-color: #4fa9e0; }
.news-list .bd{position: relative;}
.news-list .bd .more { top: -46px;}
.news-list .bd .news-cont{margin-top: 16px;}
.news-list .bd li { height: 35px; overflow: hidden; font-size: 12px;font-family: '宋体'; }
.news-list .bd li .time{float: right;color: #999999;}
.news-list .bd li a{ max-width: 276px; display: inline-block; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal;color: #666666;font-family: '宋体'; }
.news-list .bd li a:hover{color: #4fa9e0;}

.content-wrap{width: 100%;min-height: 1135px;overflow: hidden;}
.fourpics-box{width:1220px;margin:20px auto;}
.fourpics-box a{float: left;margin:0 10px;width: 285px;height: 137px;}
.fourpics-box a img{width: 285px;height: 137px;}
/* 职业介绍 */
.title{margin:0 auto;width: 1078px;height: 55px;line-height: 55px;text-align: center;background: url(/skin/default/images/section-title-bg.png) no-repeat center;font-size: 34px;color: #fff;}
.profession-box{width: 100%;height: 960px;background: url(/skin/default/images/profess-bg.png) no-repeat center 65px;padding-top: 105px;position: relative;}
.profess-tab{width:100%;height:84px; margin:60px auto 0;text-align: center;}
.profess-tab li{display:inline-block;width:100px; height:101px; margin:0 20px; cursor:pointer; text-indent:-9999px;background-repeat: no-repeat;background-image: url(/skin/default/images/profess-tab.png);}
.profess-tab li:hover,.profess-tab li.on{background-image: url(/skin/default/images/profess-tab-on.png);}
.profess-tab li.profess-tab0{background-position: 0 0;}
.profess-tab li.profess-tab1{background-position: -142px 0;}
.profess-tab li.profess-tab2{background-position: -284px 0;}
.profess-tab li.profess-tab3{background-position: -426px 0;}
.profess-tab li.profess-tab4{background-position: -568px 0;}
.profess-swiper{width: 1336px;height:860px;margin:0 auto;}
.profess-name{position: absolute;left: 126px;top:38px;width: 131px;height:271px;background-repeat: no-repeat;background-position: center;z-index: 2;}
.profess-role{display:block;position: absolute;background-repeat: no-repeat;background-position: center;}
.profess-intro{position: absolute;top:137px;left:777px;width:340px;}
.profess-intro span{display: block;margin-bottom:5px;height:27px;background-repeat: no-repeat;background-position: center;}
.profess-intro span.profess-style{margin-bottom:20px;width:117px;background-image: url(/skin/default/images/profess-style.png);}
.profess-intro span.profess-yx{margin-top:30px;width:112px;background-image: url(/skin/default/images/profess-yx.png);}

.profess-intro p{font-size: 16px;color: #565656;line-height: 26px;position: relative;padding-left: 40px;}
.profess-intro p span{position:absolute;left:5px;top:0;width: 30px;height: 35px;background: url(/skin/default/images/profess-style-icon.png) no-repeat center;color: #fff;text-align: center;line-height: 35px;}
.profess-skill-list{position: absolute;left: 820px;top:353px;z-index: 2;}
.profess-skill-list li{float: left;margin:0 12px;text-align: center;cursor: pointer;position: relative;}
.profess-skill-list li img{display:block;width: 60px;height: 60px;margin:0 auto;border:2px solid #59bce4;border-radius: 50%;}
.profess-skill-list li p{padding-top:6px;font-size: 15px;color: #067aa2;}
.skill-pop{display:none;position: absolute;right: 0;top:65;width: 600px;background-color: #fff;border:1px solid #ccc;padding: 15px;font-size: 14px;z-index: 6;text-align: left;}
.profess-radar{position: absolute;left: 834px;top:456px;width:332px;height: 214px;background-repeat: no-repeat;background-position: center;}
.profess-btn{position: absolute;left:730px;top:700px;width: 460px;text-align: center;}
.profess-btn a{display: inline-block;margin:0 17px;width: 193px;height: 53px;background-repeat: no-repeat;background-position: center;text-indent: -9999px;}
.profess-btn a.profess-btn1{background-image: url(/skin/default/images/profess-btn.png);}
.profess-btn a.profess-btn2{background-image: url(/skin/default/images/profess-btn.png);}
.profess-swiper .swiper-slide1 .profess-name img,.profess-swiper .swiper-slide1 .profess-role img{display: block;}
.profess-swiper .swiper-slide1 .profess-role{left: 100px;top:47px;width:872px;height:691px;}

.swiper-button-prev,.swiper-button-next{ position:absolute; width:73px; height:104px; top:405px;}
.swiper-button-prev{left:0px; background:url(/skin/default/images/profess-prev.png) no-repeat center;}
.swiper-button-next{right:0px; background:url(/skin/default/images/profess-next.png) no-repeat center;}
/* 媒体和资料 */
.media-box{width: 660px;}
.info-box{width: 520px;}
.box-title{width: 100%;margin:40px 0 15px;position: relative;font-size: 32px;color: #4aa3e1;}
.box-media-title{text-indent: 55px;background: url(/skin/default/images/media-icon.png) left center no-repeat;}
.box-title span{padding-left:4px;font-size: #4aa3e1;font-family: '宋体';text-transform: uppercase;font-size: 16px;}
.box-info-title{text-indent:45px;background: url(/skin/default/images/info-icon.png) left center no-repeat;}
.box-info-title .more{top:23px;}
.model-box{width: 100%;padding-top:20px;height: 380px;background-color: #fff;}

.media-list{width: 600px;margin:0 auto 0;}
.media-list .hd { border-bottom: 1px solid #dadada;}
.media-list .hd li { float: left;margin-right:20px;color: #666666; font:normal 16px/46px "Microsoft Yahei"; height: 46px; }
.media-list .hd li a {width:80px; color: #666666; padding: 0 2px; position: relative; display: inline-block; height: 100%;text-align: center; }
.media-list .hd li a:before { position: relative; bottom: -45px; content: ""; height: 2px; display: block; }
.media-list .hd li.on a { color: #4fa9e0; }
.media-list .hd li.on a:before { background-color: #4fa9e0; }
.media-list .bd{position: relative;text-align: center;}
.media-list .bd .more { top: -111px;}
.media-list .bd .media-cont{margin-top: 10px;}
.media-list .bd li {display:inline-block;width:240px; margin:5px 10px;position: relative;}
.media-list .bd li a{display:block;width:240px;height: 144px; overflow: hidden;}
.media-list .bd li a img{width: 240px;height: 144px;transition: all 0.5s;}
.media-list .bd li a:hover img{transform: scale(1.05);}
.media-list .bd .media-video li a:after{opacity: 0;position: absolute;left:0;top:0;content: '';width: 100%;height: 100%;background:rgba(255,255,255,0.3) url(/skin/default/images/icon-play.png) no-repeat center;transition: all 0.5s;}
.media-list .bd .media-video li a:hover:after{opacity: 1;}
.info-list{width: 480px;height: 120px;margin:0 auto;}
.info-list dt{padding:8px 0;width: 480px;border-bottom: 1px solid #d2d2d2;}
.info-list dt span{display:inline-block;font-size: 18px;color: #333333;position: relative;}
.info-list dt span:after{display: block;content: '';position: absolute;left: 0;bottom: -11px;width:100%;height: 0;border-bottom: 2px solid #4aa3e1;}
.info-list dd p a:last-child:after{display: none;}
.info-list dd a{display: inline-block;margin:8px 0;padding:0 28px;font-size:12px;font-family: '宋体';color: #666666;position: relative; }
.info-list dd a:after{display: block;content: '';position: absolute;right: 0;top:0;height: 17px;width: 0;border-right: 1px dashed #778393;}
.info-list dd a:hover{color: #4aa3e1;}
/* 热门活动 */
.hotevent-box{width:1250px;padding-top: 95px;}
.hotevent-list{margin-top: 57px;text-align: center;}
.hotevent-list a{display: inline-block;margin:0 14px;width: 280px;height: 483px;background-repeat: no-repeat;background-position: center;position: relative;}
.hotevent-list a:after{opacity:0;content: '';position: absolute;left: -11px;top:8px;width: 302px;height: 453px;background: url(/skin/default/images/hotevent-item-hover.png) no-repeat center;transition: all 0.6s;-webkit-transition: all 0.6s;}
.hotevent-list a:hover:after{opacity: 1;}
.hotevent-list a.hotevent-item1{background-image: url(/skin/default/images/hotevent-img1.png);}
.hotevent-list a.hotevent-item2{background-image: url(/skin/default/images/hotevent-img2.png);}
.hotevent-list a.hotevent-item3{background-image: url(/skin/default/images/hotevent-img3.png);}
.hotevent-list a.hotevent-item4{background-image: url(/skin/default/images/hotevent-img4.png);}
/* 游戏特色 */
.features-box{margin: 110px auto 0;width: 1593px;}
.features-swiper{width: 843px;height:530px;margin:100px auto 0;}
.features-swiper .swiper-slide img{width: 843px;height: 474px;}
.features-box .swiper-button-prev,.features-box .swiper-button-next{top:190px;}
.features-pagination{text-align: center;}
.features-pagination .swiper-pagination-bullet{ display: inline-block; background: url(/skin/default/images/dot.png) no-repeat center bottom; width: 29px; height: 36px; cursor: pointer; margin: 0 20px; vertical-align: top; opacity:1;}
.features-pagination .swiper-pagination-bullet-active{background: url(/skin/default/images/dot-on.png) no-repeat center bottom; }
/* 二维码 */
.code-box{width:1300px;margin:0 auto;padding-top: 88px;text-align: center;padding-bottom: 120px;}
.code-list li{display:inline-block;margin:0 55px;}
.code-list li a{display: block;cursor: pointer;width: 204px;height: 240px;}
.code-box li h3{padding-top:14px;width: 204px;height: 190px;background: url(/skin/default/images/bot-code-bg.png) no-repeat center;text-align: center;}
.code-box li h3 img{width:160px;height: 160px;cursor: pointer;}
.code-box li h3 p{padding-top:2px;font-size: 13px;color: #666666;}
.code-box li h3 p span{color: #e4927a;}
.code-box li h4{margin:10px auto 0;width: 178px;height: 23px;line-height: 23px;text-align: center;background: url(/skin/default/images/bot-code-btn.png) no-repeat center;font-size: 16px;color: #fff;cursor: pointer;}

/* pop_video */
.pop-video{display:none;position:absolute; width:820px; height:460px; left:50%; top:50%; margin-left:-410px; margin-top:-230px;background-color: #000;}
.pop-video video{ width:100%;}
.close-video{position: absolute; top: 0px; right: -50px; width: 41px; height: 41px; background: url(/skin/default/images/close.png) no-repeat 0 0;-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);-webkit-transition: transform 0.5s;transition: transform 0.5s; cursor:pointer;}
.close-video:hover{-webkit-transform: rotate3d(0,0,1,180deg);transform: rotate3d(0,0,1,180deg);}