body {
    min-width: 1366px;
    position: relative;
}

.live {
    position: fixed;
    top: 600px;
    left: 50px;
    z-index: 200;
    width: 200px;
    height: 200px;
    background: url(../image/live2.png) no-repeat center/cover;
    transform: scale(.9);
}
.xcx {
    position: fixed;
    top: 400px;
    left: 50px;
    z-index: 200;
    width: 200px;
    height: 200px;
    background: url(http://dt.132wm.com/static/images/xcx.png) no-repeat center/cover;
    transform: scale(.9);
}

.more {
    position: absolute;
    height: 28px;
    width: 28px;
    background: url(../image/sprites1.png) no-repeat -137px -83px;
}

.main {
    width: 100%;
    height: 1800px;
    background: url(../image/bg.jpg) no-repeat;
    /*background: url(../images/bg-v2.jpg) 0 0/100% no-repeat;*/
    background-size: cover;
    background-position: center;
    box-sizing: initial;
    padding-bottom: 200px;
}
.kv {
    width: 100%;
    height: 1200px;
    padding-top: 493px;
   background: url(../image/kv.jpg) center top /100% auto no-repeat;

    /*background: url(../images/kv-v2.png) 0 0 / 100% no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center;*/
}
.video-kv {
    margin-left: 350px;
    height: 92px;
    width: 118px;
    position: relative;

    background: url(../image/player.png) no-repeat;
}

/*.video-kv::after {*/
/*content: '';*/
/*width: 22px;*/
/*height: 25px;*/
/*display: block;*/
/*position: absolute;*/
/*left: 29px;*/
/*top: 26px;*/
/*background: url(../image/sprites3.png) no-repeat -328px -115px;*/
/*animation: jobvideo 1.5s infinite;*/
/*}*/

.idata-img {
    display: block;
    margin: 190px 0 0 290px;
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 20px;
    /*display: none;*/
}

.info {
    width: 1210px;
    margin: -600px auto 0;
    height: 332px;
}

.swiper-info {
    width: 610px;
    height: 332px;
    margin-right: 9px;
}

/* idata ??????��? */
.ggBox {
    width: 610px;
    height: 332px;
    position: relative;
    background: #ffffff;
    overflow: hidden
}

/*??????????????????????2?????????��?????????��??????????????????????T????*/
.adPic {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.adPic a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff
}

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

.adPic p {
    position: relative;
    padding-top: 50px
}

.loadI {
    width: 130px;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    background: #18b2ff;
    margin: 0px auto;
    display: block
}

.adPicUl {
    width: 1000%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.1s linear;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.adPicUl li {
    float: left;
    width: 14.3%;
    height: 100%;
}

.adPicUl a {
    display: block;
    width: 100%;
    height: 100%
}

.adPicUl img {
    display: block;
    width: 100%;
    height: 100%
}

/*??????????????????????2???D????????��??????��??????????����?????????????????????????T????~*/
.adBtn {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    zoom:1;
}
.adBtn:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.adBtn a {
    display: block;
    float:left;
    /* width: 25%; */
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #728cb8;
    opacity: 0.8;
    color: #fff;
    font-weight: 500;
}

/*D????????��??????��?*/
a.on {
    background-color: #8eb4ed;
    opacity: 1;
}

/*D????????��???????��????????��?*/
.adBtn a:hover {
    background-color: #8eb4ed;
    opacity: 1;
}

/*D????????��??????��?-????????????��?*/

/* idata?????????????????? */




.info-center {
    position: relative;
    margin-right: 9px;
    width: 426px;
    height: 332px;
    background: url(../image/info-center.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.info-title li {
    box-sizing: border-box;
    height: 50px;
    width: 88px;
    line-height: 57px;

}

.info-title .on {
    border-bottom: 2px solid #3683c2;
}

.info-title .on a {
    color: #3287c5;
}

.info-title li a {
    display: block;
    margin: 0 20px 0 24px;
    color: #000;
    font-size: 20px;
}

.info .more {
    right: 11px;
    top: 16px;
}

.news-con ul li:first-child {
    font-weight: bold;
    width: 426px;
    height: 32px;
    margin: 10px 0 7px 0;
    color: #fff;
    line-height: 32px;
    font-size: 16px;
    background: url(../image/sprites2.png) no-repeat 0 -490px;
}

.news-con li:first-child a {
    display: block;
    color: #fff;

}

.news-con li:first-child span {
    color: #fff;
    float: left;
    margin: 0 10px 0 0;
    display: block;
}


.news-con ul li {
    margin-left: 12px;
    height: 56px;
    line-height: 56px;
    position: relative;
}

.news-con ul a {
    display: block;
    width: 343px;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-con ul a:hover {
    color: #3287c5;
}



.date {
    position: absolute;
    top: 0;
    right: 14px;
    color: #3b3e40;
}

.info-right a {
    display: block;
    width: 144px;
    height: 80px;
    margin-bottom: 3px;
}

.download {

    background: url(../image/sprites2.png) no-repeat -608px 0;
}

.cdkey {
    background: url(../image/sprites2.png) no-repeat -608px -317px;
}

.edition {
    background: url(../image/sprites2.png) no-repeat -613px -215px;
}

.forum {
    background: url(../image/gflt.png) no-repeat;
}

.download.on {
    background: url(../image/sprites2.png) no-repeat -380px 0;
}

.cdkey.on {
    background: url(../image/sprites2.png) no-repeat -385px -315px;
}

.edition.on {
    background: url(../image/sprites2.png) no-repeat -381px -214px;
}

.forum.on {
    background: url(../image/gflt-hover.png) no-repeat;
}

.add-img{
    display: flex;
    width: 1210px;
    margin: 50px auto;
    height: 217px;
}
.add-img a{
    display: inline-block;
    width: 388px;
    height: 217px;
    text-indent: -9999px;
    transition: all .3s;
}
.add-img a:hover{
    transform: translateY(-10px);
}
.add-img a:nth-child(1){
    background: url(../image/img-1.png);
}
.add-img a:nth-child(2){
    background: url(../image/img-2.png);
    margin-left: 16px;
    margin-right: 16px;
}
.add-img a:nth-child(3){
    background: url(../image/img-3.png);
}

.section1 {
    margin-top: 89px;
    height: 533px;
}

.section1 h2 {
    height: 130px;
    width: 1366px;
    background: url(../image/sprites1.png) no-repeat 0 -528px;
    margin-bottom: 10px;
}

.left-wrap {
    width: 590px;
    height: 338px;
    background: url(../image/sec1-left.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.section1-left {
    position: relative;
    margin-right: 20px;
}

.section1-left h3 {
    margin-bottom: 20px;
    height: 35px;
    width: 273px;
    background: url(../image/sprites1.png) no-repeat -304px 0px;
}

.section1-l-tilte {
    margin-left: 19px;
}

.section1-l-tilte li {
    box-sizing: border-box;
    margin-right: 9px;
    height: 61px;
    width: 90px;
    line-height: 70px;

}

.section1-l-tilte .on {

    border-bottom: 2px solid #3683c2;
}

.section1-l-tilte .on a {
    color: #3287c5;
}

.section1-l-tilte li a {
    color: #000;
    font-size: 18px;
    margin: 0 7px;
}

.section1 .more {
    right: 0;
    top: 10px;
}

.tw ul {
    margin: 16px 24px 0 20px;
}

.tw ul li {
    height: 60px;
    line-height: 60px;

    position: relative;
}

.tw ul a {
    display: block;
    width: 480px;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-tw a:hover {
    color: #3287c5;
}

.section1-right {
    position: relative;
    width: 590px;
}

.section1-right h3 {
    margin-bottom: 20px;
    height: 35px;
    width: 273px;
    background: url(../image/sprites1.png) no-repeat -370px -176px;
}

.video-gl {
    width: 600px;
    height: 338px;
    overflow: hidden;
}

.video-sec {
    margin: 0 10px 10px 0;
    position: relative;
    display: block;
    width: 288px;
    height: 164px;
    background: url(../image/spbg.png) no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.video-sec img {
    transition: all 1s;
    width: 288px;
    height: 164px;
}

.video-sec::after {
    transition: all 1s;
    position: absolute;
    top: 56px;
    left: 120px;
    content: '';
    display: block;
    width: 58px;
    height: 59px;
    background: url(../image/sprites1.png) no-repeat -123px 0;
}

.video-sec:hover img {
    transform: scale(1.2);
}

.video-sec:hover::after {
    opacity: 0;
}



.video-bottom {
    color: #fff;
    width: 288px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.7);
}

.section2 {
    margin-top: 88px;
}

.section2 h2 {
    height: 130px;
    width: 1366px;
    background: url(../image/sprites1.png) no-repeat 0 -698px;
    margin-bottom: 10px;
}

.section2-left-con,
.section2-right-con {
    width: 590px;
    height: 338px;
    overflow: hidden;
}

.section2-left-con ul,
.section2-right-con ul {
    width: 600px;

}

.section2-left {
    margin-right: 20px;
    position: relative;
}

.section2-left h3 {
    margin-bottom: 20px;
    height: 35px;
    width: 278px;
    background: url(../image/sprites1.png) no-repeat -329px -120px;
}

.section2 hr {
    width: 586px;
    height: 1px;
    border: none;
    border-top: 1px solid #aac9ee;
    margin-bottom: 20px;
}

.section2-title a {
    text-align: center;
    display: block;
    font-size: 18px;
    width: 152px;
    height: 39px;
    color: #000;
    margin: 0 20px;
}

.tab-video::after {
    content: '|';
    display: block;
    color: #cbe2ff;
    font-weight: bold;
    position: absolute;
    left: 188px;
    top: 54px;
}

.img-sec {
    overflow: hidden;
    margin: 0 10px 10px 0;
    position: relative;
    display: block;
    width: 288px;
    height: 164px;
    background: url(../image/spbg.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.img-sec img {
    transition: all 1s;
    width: 288px;
    height: 164px;
}

.img-sec img:hover {
    transform: scale(1.2);
}

.section2-title .on {
    background: url(../image/sprites1.png) no-repeat -676px -33px;
    color: #529be0;
}

/* .video-sec {
	position: relative;
	display: block;
	width: 288px;
	height: 164px;
	background: url(../image/spbg.png) no-repeat;
	background-size: cover;
	background-position: center;
}



.video-sec:hover::after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 58px;
	height: 59px;
	background: url(../image/sprites1.png) no-repeat -123px 0;
} */

.section2-right {
    position: relative;
}

.section2-right h3 {
    margin-bottom: 20px;
    height: 35px;
    width: 223px;
    background: url(../image/sprites1.png) no-repeat -351px -61px;
}

.section2 .more {
    right: 0;
    top: 54px;
}

.section3 {
    margin-top: 88px;
    height: 900px;
}


.section3 .w {
    width: 1261px;
    position: relative;
}

.section3 h2 {
    height: 93px;
    width: 1366px;
    background: url(../image/sprites1.png) no-repeat 0 -401px;
    margin-bottom: 59px;
}

.role {
    width: 720px;
    height: 720px;
    background: url(../image/role-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-left: 35px;
}

.job-skill {
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}

.skill-move {
    animation: skillmove .5s;
}

.job7 .role-yr {
    margin-top: 0;
    margin-left: 53px;
}
.job8 .role-hq {
    margin-top: -18px;
}

@keyframes skillmove {
    0% {
        left: 100px;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}



.skill {
    margin-bottom: 13px;
    position: relative;
}

.skill-desc {
    display: none;
    width: 247px;
    padding: 26px 13px;
    background-color: #fff;
    border: 1px solid #1a79d2;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    left: 109px;
    font-size: 12px;
}

.skill-desc::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: inline-block;
    width: 14px;
    height: 21px;
    background: url(../image/sprites3.png) no-repeat -219px -107px;
}

.skill a i {
    animation: irotate 5s infinite linear;
}

@keyframes irotate {
    0% {
        transform: rotate(-360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.skill a {
    display: block;
    width: 77px;
    height: 77px;
    padding: 7px 7px;
    box-sizing: border-box;
    background: url(../image/sprites3.png) no-repeat -301px 0;
    animation: skillrotate 5s infinite linear;
}

@keyframes skillrotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.skill1 {
    margin-left: 15px;
}

.skill2 {
    margin-left: -31px;
}

.skill3 {
    margin-left: -35px;
}

.skill4 {
    margin-left: 1px;
}

.role-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    -moz-transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%);
    -o-transform: translate(-50%, -52%);
    z-index: 0;

}

.role-move {
    animation: rolemove .5s;
}

@keyframes rolemove {
    0% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: 50%;
        opacity: 1;
    }
}

.role-ym {
    transform: translate(-41%, -52%);
    -ms-transform: translate(-41%, -52%);
    -moz-transform: translate(-41%, -52%);
    -webkit-transform: translate(-41%, -52%);
    -o-transform: translate(-41%, -52%);
}

.role-yl {
    transform: translate(-50%, -61%);
    -ms-transform: translate(-50%, -61%);
    -moz-transform: translate(-50%, -61%);
    -webkit-transform: translate(-50%, -61%);
    -o-transform: translate(-50%, -61%);
}

.role-ys {
    transform: translate(-65%, -52%);
    -ms-transform: translate(-65%, -52%);
    -moz-transform: translate(-65%, -52%);
    -webkit-transform: translate(-65%, -52%);
    -o-transform: translate(-65%, -52%);
}

.role-fs {
    transform: translate(-39%, -52%);
    -ms-transform: translate(-39%, -52%);
    -moz-transform: translate(-39%, -52%);
    -webkit-transform: translate(-39%, -52%);
    -o-transform: translate(-39%, -52%);
}

.role-wx {
    transform: translate(-50%, -59%);
    -ms-transform: translate(-50%, -59%);
    -moz-transform: translate(-50%, -59%);
    -webkit-transform: translate(-50%, -59%);
    -o-transform: translate(-50%, -59%);
}

.skill i {
    display: block;
    width: 62px;
    height: 62px;
    background: url(../image/skills-sprites.png) no-repeat;
}

.skill .skill1-1 {
    background-position: -8px -394px;
}

.skill .skill1-2 {
    background-position: -81px -394px;
}

.skill .skill1-3 {
    background-position: -154px -395px;
}

.skill .skill1-4 {
    background-position: -227px -395px;
}

.skill .skill2-1 {
    background-position: -8px -12px;
}

.skill .skill2-2 {
    background-position: -81px -12px;
}

.skill .skill2-3 {
    background-position: -154px -12px;
}

.skill .skill2-4 {
    background-position: -227px -12px;
}

.skill .skill3-1 {
    background-position: -227px -87px;
}

.skill .skill3-2 {
    background-position: -81px -87px;
}

.skill .skill3-3 {
    background-position: -154px -87px;

}

.skill .skill3-4 {
    background-position: -8px -87px;
}

.skill .skill4-1 {
    background-position: -8px -162px;
}

.skill .skill4-2 {
    background-position: -81px -162px;
}

.skill .skill4-3 {
    background-position: -154px -162px;
}

.skill .skill4-4 {
    background-position: -227px -162px;
}

.skill .skill5-1 {
    background-position: -8px -233px;
}

.skill .skill5-2 {
    background-position: -81px -233px;
}

.skill .skill5-3 {
    background-position: -154px -233px;
}

.skill .skill5-4 {
    background-position: -227px -233px;
}

.skill .skill6-1 {
    background-position: -8px -317px;
}

.skill .skill6-2 {
    background-position: -81px -317px;
}

.skill .skill6-3 {
    background-position: -154px -317px;
}

.skill .skill6-4 {
    background-position: -227px -317px;
}

.skill .skill7-1 {
    background-position: -8px -472px;
}

.skill .skill7-2 {
    background-position: -83px -472px;
}

.skill .skill7-3 {
    background-position: -158px -472px;
}

.skill .skill7-4 {
    background-position: -227px -472px;
}
.skill .skill8-1 {
    background-position: -8px -538px;
}

.skill .skill8-2 {
    background-position: -83px -538px;
}

.skill .skill8-3 {
    background-position: -158px -538px;
}

.skill .skill8-4 {
    background-position: -227px -538px;
}

.job-skill-ylan{
    top: 55%;
}
.job-skill-ylan .skill5{
    margin-left: 45px;
}
.skill-ylan i {
    display: block;
    width: 62px;
    height: 62px;
    background: url(../image/ylan-skills.png) no-repeat;
}
.ylan.on:after{
    height: 37px;
    width: 30px;
    background: url(../image/ylan-icon.png) no-repeat center top / cover;
    opacity: 1;
}

.skill .skill9-1 {
    background-position: 0px 0px;
}

.skill .skill9-2 {
    background-position: -65px 0px;
}

.skill .skill9-3 {
    background-position: 0px -71px;
}

.skill .skill9-4 {
    background-position: -65px -71px;
}
.skill .skill9-5 {
    background-position: 0px -141px;
}

.skill span {
    display: inline-block;
    font-size: 14px;
    color: #151516;
    width: 72px;
    text-align: center;
}

.introduce {
    margin: 146px 0 0 15px;
}

.introduce h3 {
    width: 167px;
    height: 55px;
    background: url(../image/sprites2.png) no-repeat;
}

.scale {
    animation: scale .5s
}

@keyframes scale {
    0% {
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

.job1 h3 {
    background-position: 0 -332px;
}

.job2 h3 {
    background-position: 0 -409px;
}

.job3 h3 {
    background-position: -189px -411px;
}

.job4 h3 {
    background-position: -183px -332px;
}

.job5 h3 {
    background-position: -387px -414px;
}

.job6 h3 {
    background-position: -583px -414px;
}
.job7 h3 {
    background: url(../image/cke-name.png) no-repeat center/cover;
}
.job8 h3 {
    background: url(../image/wshi-name.png) no-repeat center/cover;
}
.job9 h3 {
    background: url(../image/mling-name.png) no-repeat center/cover;
}
.job11 h3 {
    background: url(../image/yying-name.png) no-repeat center/cover;
}
.job12 h3 {
    background: url(../image/yxian-name.png) no-repeat center/cover;
}

.text {
    margin: 18px 0 0 -37px;
    width: 126px;
    height: 36px;
    line-height: 36px;
    color: #b4904a;
    text-align: center;
    background: url(../image/sprites3.png) no-repeat -22px -104px;
}

.decs {
    width: 343px;
    margin-top: 38px;
    font-size: 16px;
}

.line {
    width: 341px;
    height: 8px;
    margin: 33px auto 0;
    background: url(../image/sprites3.png) no-repeat -1px -256px;
}

.chart {
    margin: 53px 0 0 0;
    opacity: 1;
}

.chart-move {
    animation: chartmove .5s;
}

@keyframes chartmove {
    0% {
        margin: 150px 0 0 110px;
        opacity: 0;
    }

    to {
        margin: 53px 0 0 0;
        opacity: 1;
    }
}

.role-select {
    /*margin: 0px 0 0 68px;*/
    /*margin: 42px 0 0 68px;*/
    /*cursor: pointer;*/
    display: flex;
    width: 170px;
    flex-wrap: wrap;
    position: absolute;
    right: -50px;
    justify-content: space-between;
    top: 100px;

}

.role-select li {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    color: #3583c6;
    margin-bottom: 10px;
    background: url(../image/sprites3.png) no-repeat 0 0;
}

.role-select li:after {
    content: "";
    position: absolute;
    width: 45px;
    height: 41px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 10;
    background: url(../image/sprites3.png) no-repeat;
    opacity: 0;
}

.role-select .on {
    background: url(../image/sprites3.png) no-repeat -148px 0;
}

.yj.on:after {
    height: 35px;
    width: 24px;
    background-position: -247px -191px;
    opacity: 1;
}

.ym.on:after {
    height: 33px;
    width: 30px;
    background-position: -134px -194px;
    opacity: 1;
}

.yl.on:after {
    height: 26px;
    width: 25px;
    background-position: -49px -199px;
    opacity: 1;
}

.ys.on:after {
    height: 32px;
    width: 23px;
    background-position: -100px -196px;
    opacity: 1;
}

.fs.on:after {
    height: 35px;
    width: 28px;
    background-position: -183px -195px;
    opacity: 1;
}

.wx.on:after {
    height: 37px;
    width: 22px;
    background-position: -8px -194px;
    opacity: 1;
}

.yr.on:after {
    width: 37px;
    height: 32px;
    background-position: -295px -194px;
    opacity: 1;
}

.hq.on:after {
    width: 42px;
    height: 43px;
    background-position: -346px -189px;
    opacity: 1;
}

.video-job {
    position: absolute;
    left: 590px;
    top: 46px;
    width: 58px;
    height: 59px;
    background: url(../image/sprites1.png) no-repeat -204px 0;
    z-index: 100;
    animation: jobvideo 2s infinite;
}

@keyframes jobvideo {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.role-job {
    position: relative;
}

.section4 {
    margin-top: 80px;
}

.section4 h2 {
    width: 1366px;
    height: 92px;
    background: url(../image/sprites1.png) no-repeat 0 -262px;
}

.swiper-special {
    padding-top: 15px;
    width: 878px;
    height: 475px;
    background: url(../image/swiper-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin: 68px auto 0;
    position: relative;
}

.swiper-container {
    width: 1200px;
    left: -161px;
    overflow: hidden;
    height: 444px;
}

.swiper-wrapper {
    text-align: center;
}

.swiper-slide {
    /* width: 1200px; */
    position: relative;

}

.swiper-slide img {
    margin: 0 auto;
    position: relative;
    width: 844px;
    height: 444px;
}

.cover {
    background: rgba(0, 0, 0, 0.6);
    width: 844px;
    height: 444px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.swiper-slide-active .cover {
    opacity: 0;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;

    top: 230px;
    z-index: 10;
    height: 49px;
    width: 29px;
}

.swiper-button-next {
    right: -90px;
    background: url(../image/sprites1.png) no-repeat -266px -121px;
}

.swiper-button-prev {
    left: -90px;
    background: url(../image/sprites1.png) no-repeat -208px -117px;
}







#container {
    width: 1124px;
    height: 614px;
}

.dia-close {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-weight: 600;
    font-size: 50px;
    position: absolute;
    right: -50px;
    top: 0;
    color: #fff1f2;
    background: black;
    text-align: center;
}

.dia-close2 {
    top: -50px;
    right: 80px;
    font-size: 0;
    height: 59px;
    width: 59px;
    background: url(../image/sprites3.png) no-repeat;
    background-position: -404px -361px;
}

.pop {
    position: relative;
    width: 978px;
    height: 291px;
    padding: 50px 0 0 180px;
    background: url(../image/pop.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.pop p {
    float: left;
    width: 20px;
    font-size: 20px;
    color: #fff;
    margin-right: 11px;
}

.pop-btns {
    width: 420px;
    height: 186px;
    margin: 0 0 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pop-btns a {
    height: 59px;
    width: 191px;
    margin: 0 18px 0 0;
    background: url(../image/sprites3.png) no-repeat;
    display: block;
}

.qrs {
    position: absolute;
    top: 50px;
    left: 210px;
    display: inline-block;
    height: 15px;
    width: 191px;
    animation: move2 4s linear infinite alternate;
    -webkit-animation: move2 4s linear infinite alternate;
    background: url(../image/sprites3.png) no-repeat -384px -333px;
}

@keyframes move2 {
    0% {
        top: 50px;
    }

    100% {
        top: 225px;
    }
}

.pop-btns .btn1 {
    width: 189px;
    height: 56px;
    background: url(../image/app.png) no-repeat center/cover;
}

.pop-btns .btn2 {
    background: url(../image/pc.png) no-repeat center/cover;
}

.pop-btns .btn3 {
    background: url(../image/andr.png) no-repeat center/cover;
}

.pop-btns .btn4 {
    background: url(../image/pick.png) no-repeat center/cover;
}
.pop-btns .btn5 {
    background: url(../image/download-cloud.png) no-repeat center/cover;
}
#changecode1
{
    display: block;position: fixed;width:170px;height:212px;top:40%;left:50px;
    z-index: 9999;
}
#changecode2
{
    display: block;position: fixed;width:167px;height:171px;top:65%;left:61px;
}

.packetcode {
    position: fixed;
    left: 100px;
    bottom: 245px;
    text-indent: -9999px;
    z-index: 9999;
}

.window {
    background: url(../image/window.png) no-repeat;
    width: 415px;
    height: 357px;
    position: fixed;
    left: 60px;
    bottom: 250px;
    text-indent: -9999px;
    zoom: 0.6;
    z-index: 9999;
    display:none;
}
.window:hover {
    width: 357px;
    height: 357px;
    background: url(http://dt.132wm.com/static/images/girlcode.png) no-repeat;
    /* background: url(http://dt.132wm.com/static/images/girlcode.png) no-repeat; */
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    left: 150px;
    bottom: 300px;
    zoom: 0.5;
}
.exclusive {
    width: 200px;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999;
    -webkit-animation: breath 1400ms linear alternate infinite;
    -o-animation: breath 1400ms linear alternate infinite;
    animation: breath 1400ms linear alternate infinite;
}

@keyframes breath {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.9);
    }
}
@-webkit-keyframes breath {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.9);
    }
}
.foot_links {
    display: block !important;
    float: initial !important;
    list-style: none;
    margin: 0 auto !important;
}

.job10 .jl-spr{
    background:url(../image/jl-spr.png) center / 414px auto no-repeat;
}
.job10 .skill i{
    background:url(../image/jl-spr.png) center / 414px auto no-repeat;
    transform: scale(0.81);
}
.job10 .skill .skill10-1{
    width: 62px;
    height: 62px;
    background-position: 0 0;
}
.job10 .skill .skill10-2{
    width: 62px;
    height: 62px;
    background-position: -88px 0;
}
.job10 .skill .skill10-3{
    width: 62px;
    height: 62px;
    background-position: -176px 0;
}
.job10 .skill .skill10-4{
    width: 62px;
    height: 62px;
    background-position: -264px 0;
}
.job10 .skill .skill10-5{
    width: 62px;
    height: 62px;
    background-position: -352px 0;
}
.job10 h3.jl-spr{
    width: 117px;
    height: 55px;
    background-position: 0 -104px;
}
.job10 .text{
    margin-left: 20px;
}
.role10-img{
    margin-left: -100px;
}

.job11 .skill .skill10-1{
    width: 62px;
    height: 62px;
    background-position: 0 0;
}
.job11 .skill .skill10-2{
    width: 62px;
    height: 62px;
    background-position: -88px 0;
}
.job11 .skill .skill10-3{
    width: 62px;
    height: 62px;
    background-position: -176px 0;
}
.job11 .skill .skill10-4{
    width: 62px;
    height: 62px;
    background-position: -264px 0;
}
.job11 .skill .skill10-5{
    width: 62px;
    height: 62px;
    background-position: -352px 0;
}

.job11 .text{
    margin-left: 20px;
}
.role11-img{
    margin-left: -100px;
}

.job12 .skill .skill10-1{
    width: 62px;
    height: 62px;
    background-position: 0 0;
}
.job12 .skill .skill10-2{
    width: 62px;
    height: 62px;
    background-position: -88px 0;
}
.job12 .skill .skill10-3{
    width: 62px;
    height: 62px;
    background-position: -176px 0;
}
.job12 .skill .skill10-4{
    width: 62px;
    height: 62px;
    background-position: -264px 0;
}
.job12 .skill .skill10-5{
    width: 62px;
    height: 62px;
    background-position: -352px 0;
}

.job12 .text{
    margin-left: 20px;
}
.role12-img{
    margin-left: -100px;
}
.jl.on:after {
    height: 37px;
    width: 30px;
    background: url(../image/jl-icon.png) no-repeat center top / cover;
    opacity: 1;
}
/* #t6Hl8#B1DF5EEBD6DB953D8773AABBD37CE9EC */