@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:top;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul,li { list-style:none; }
abbr, acronym { border:0; }
em,i{font-style: normal;}
a{ text-decoration:none; cursor:pointer;}
body{
  min-width: 1100px;
  background:#fff;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.base{
    width:1100px;
    margin:0 auto;
}
/*banner*/
.banner{

    height:652px;
    position: relative;
}
.banner>div{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -moz-transition: .6s all ease;
    -webkit-transition: .6s all ease;
    -ms-transition: .6s all ease;
    transition: .6s all ease;
}
.banner>div.active{
    opacity: 1;
    z-index: 10;
}
.banner-02{
    background: url('https://www.mobiletrain.org/img/banner_biaodan/vr1.jpg') repeat-x center; 
}
.banner-03{
    background: url('../img/vr_20170823/banner3.jpg') repeat-x center; 
}
.banner-02 a,.banner-03 a{
    display: block;
    height: 100%
}
.banner-btn{
    position: absolute;
    width: 100%;
    text-align: center;
    height: 30px;
    bottom: 15px;
    z-index: 20;
}
.banner-btn span{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #ccc;
    cursor: pointer;
}
.banner-btn span.active{
    background-color: #3688ff;
}
.banner_bg{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:652px;
    overflow: hidden;
    background: #000;
}
.banner .base{
/*     background:url(../img/vr_20170823/yanjing.png) no-repeat center top;
    padding: 230px 0 65px;
    position: relative; */

    background:url(../img/vr_20170823/yanjing.png) no-repeat 160px top;
    padding: 230px 0 65px;
    padding-left: 328px;
    position: relative;
    box-sizing: border-box;
}
.banner .base h2{
    text-align: center;
    font-size: 68px;
    color:#fff;
    font-weight: 100;
    margin-bottom: 25px;
}
.banner .base span{
    font-size: 34px;
    color:#c3c3c3;
    display: block;
    text-align: center;
    letter-spacing: 10px;
    font-weight: 100;
    position: relative;
    margin-bottom: 145px;
}
.banner .base span:after{
    content: "";
    display:block;
    position: absolute;
    height:2px;
    width:84px;
    left:50%;
    margin-left: -41px;
    bottom:-25px;
    background:#999;
}
.banner .base p{
    text-align: center;
}
.banner .base p a{
    display: inline-block;
    width:254px;
    height:44px;
    line-height: 44px;
    text-align: center;
    background: rgba(255,255,255,.3);
    font-size: 22px;
    margin:0 46px;
    color:#fff;
}
/*contain1*/
.contain1{
    background:#f1f1f1;
    padding:60px 0;
    padding-bottom: 1px;
}
.biaoti{
    font-size: 48px;
    color:#fff;
    text-align: center;
    margin-bottom: 20px;
}
.contain1 .biaoti{
    color:#333;
}
.fubiaoti{
    font-size: 24px;
    color:#666666;
    text-align: center;
    margin-bottom: 15px;
}
.contain1 .con1_wrap{
    margin:0 auto 60px;
    height:365px;
    position: relative;

}
.contain1 .con1_wrap>img{
    position: absolute;
    right:65px;
    top:0px;
    z-index: 5;
}
.contain1 .con1_wrap>img:nth-child(2){
    top:50px;
    right: -11px;
    z-index: 2;
}
.contain1 .con1_wrap .fl{
    width:535px;
    padding-top: 15px;
}
.contain1 .con1_wrap .fl .con1_flex{
    width: 535px;
    height: 80px;
    padding-top: 24px;
    margin-bottom: 15px;
    background: url(../img/vr_20170823/con1_img3.png) no-repeat center top;
}
.contain1 .con1_wrap .fl .con1_flex p{
    width:470px;
    margin:0 auto;
    background: #288b86;
    height:64px;
    font-size: 14px;
    color:#fff;
    line-height: 32px;
    padding:8px 15px ;
}
.contain1 .con1_wrap .fl #con1_left{
    height: 235px;
    padding-left: 10px;
    overflow: hidden;
}
.contain1 .con1_wrap .fl  #con1_left div{
    display:none;
    padding-left: 10px;
}
.contain1 .con1_wrap>.fl #con1_left div:nth-child(1){
    display: block;
}
.contain1 .con1_wrap>.fl #con1_left h6{
    color:#288b86;
    font-size: 18px;
    line-height: 28px;
}
.contain1 .con1_wrap>.fl #con1_left p{
    font-size: 16px;
    color:#333;
    line-height: 29px;
}
.contain1 .con1_wrap>.fl #con1_left p span:nth-child(1){
    font-weight: 900;
}
.contain1 .con1_wrap>.fl #con1_left p span:nth-child(2){
    color:#333;
    margin-left: 10px;
}
.contain1 .con1_wrap>.fl #con1_left i{
    font-size: 14px;
    color:#f02828;
    padding-left: 10px;
    display: block;
    line-height: 28px;
    background:url(../img/vr_20170823/con1_img2.png) no-repeat 3px center;
}
.contain1 .con1_wrap>.fr{
    width:530px;
    padding-top: 15px;
}
.contain1 .con1_wrap>.fr>table th{
    font-size: 18px;
    font-weight: 900;
    color:#288b86;
    text-align: center;
    height:43px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}
.contain1 .con1_wrap>.fr .scrollWrap{
    width:530px;
    height:295px;
    position: relative;
    overflow: hidden;
}
.contain1 .con1_wrap>.fr .scrollWrap table{
    position:absolute;

}
.contain1 .con1_wrap>.fr .scrollWrap table tr{
    border-bottom: 1px solid #d6d6d6;
    height:42px;
    text-align: center;
}
.contain1 .con1_wrap>.fr .scrollWrap table tr td{
    font-size:14px;
    color:#777;
}

.contain1 .con1_wrap>.fr .scrollWrap table tr td:nth-child(4){
    background: #ffd800;
    font-weight: 900;
    color: #333;
}
.contain1 .con1_wrap>.fr .scrollWrap table tr:nth-child(1) td{
    color:#09aaa5;
}
.btn{
    display: block;
    width:268px;
    height:44px;
    line-height: 44px;
    text-align: center;
    font-size:22px;
    color:#fff;
    background: #288b86;
    margin:0 auto;
}

/*contain2*/
.contain2{
    background:#09aaa5 url(../img/vr_20170823/con2_bg.png) no-repeat center 70px;
    padding:80px 0 60px;
}
.biaoti span{
    display: block;
    font-size: 36px;
    margin-bottom: 15px;
}
.contain2 .biaoti{
    margin-bottom: 50px;
}

.contain2 .con2_wrap{
    height:370px;
    background:url(../img/vr_20170823/con2_img1.png) no-repeat center top;
    background-size: 100%;
    margin-bottom: 50px;
    padding-top:90px;
}
.contain2 .con2_wrap div h5{
    font-size: 24px;
    width:263px;
    height:75px;
    border-bottom:2px solid #fff;
    color:#fff;
    text-align: center;
    margin-bottom: 25px;
}
.contain2 .con2_wrap div h5 span{
    display: block;
    font-size: 18px;
}
.contain2 .con2_wrap .con2_left p,.contain2 .con2_wrap .con2_right p{
    margin-bottom: 25px;
    font-size: 14px;
    color:#fff;

}
.contain2 .con2_wrap .con2_left p span,.contain2 .con2_wrap .con2_right p span{
    padding:0 8px;
}
.contain2 .con2_wrap .con2_left{
    width:336px;
}
.contain2 .con2_wrap .con2_left h5{
    float: right;
}
.contain2 .con2_wrap .con2_left p{
    text-align: right;
    float: right;
}

.contain2 .con2_wrap div .con2_pj{
    width:255px;
    height:37px;
    color:#006865;
    text-align: center;
    line-height: 37px;
    display: block;
    background:#fff;
    font-size: 18px;
}
.contain2 .con2_wrap .con2_left .con2_pj{
    float: right;
    margin-right:15px;
}
.contain2 .con2_wrap .con2_center{
    width:436px;
    padding-top:40px;
}
.contain2 .con2_wrap .con2_center p{
    font-size: 24px;
    text-align: center;
    color:#2a2a2a;
    line-height: 66px;
}
.contain2 .con2_wrap .con2_center p span{
    font-size: 36px;
    font-weight: 900;
}
.contain2 .con2_wrap .con2_center p:nth-child(1){
    position: relative;
}
.contain2 .con2_wrap .con2_center p:nth-child(1):after{
    content: "";
    display: block;
    position: absolute;
    width:113px;
    height:2px;
    background:#c8c8c8;
    left: 150px;
    bottom: 12px;s
}
.contain2 .con2_wrap .con2_center p:nth-child(1) span{
    font-size: 72px;
}

.contain2 .con2_wrap .con2_right{
    width:327px;
}
.contain2 .con2_wrap .con2_right h5{
    float: left;
}
.contain2 .con2_wrap .con2_right p{
    text-align: left;
    float: left;
}
.contain2 .con2_wrap .con2_right .con2_pj{
    float: left;
}



.contain2 .btn{
    width:196px;
    color:#288b86;
    background: #fff;
}


/*contain3*/
.contain3{
    background:#000;
    padding-top: 70px;
}

.contain3 .fubiaoti{
    font-size: 24px;
    color:#8c8c8c;
    margin-bottom: 65px;
}
.contain3 .con3_wrap{
    width:100%;
    position: relative;
}
.contain3 .con3_wrap ul{
    width:100%;
    overflow: hidden;
}
.contain3 .con3_wrap ul li{
    float: left;
    width:25%;
}
.contain3 .con3_wrap ul li img{
    width: 100%;
}
.contain3 .con3_wrap .con3_qdd{
    position: absolute;
    right:40%;
    bottom:50%;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    transition:1s;
    -webkit-transition:1s;
    -moz-transition:1s;
    -ms-transition:1s;
    -o-transition:1s;
}


/*contain4*/
.contain4{
    background:#f1f1f1;
    padding:55px 0 60px;
}
.contain4 .base .biaoti{
    color:#2a2a2a;
}
.contain4 .base .fubiaoti{
    color:#8c8c8c;
    margin-bottom: 50px;
}
.contain4 .con4_wrap{
    overflow: hidden;
    width:1200px;
    margin:0 auto;
}
.contain4 .con4_wrap .fl img{
    margin-bottom: 20px;
}
.contain4 .con4_wrap .fr{
    width:360px;
    padding-top: 125px;
}
.contain4 .con4_wrap .fr h5{
    font-size: 18px;
    color:#070002;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.contain4 .con4_wrap .fr h5:after{
    content: "";
    display: block;
    position: absolute;
    height:2px;
    width:24px;
    background: #000;
    left:50%;
    margin-left: -12px;
    bottom:-15px;
}
.contain4 .con4_wrap .fr p{
    font-size: 16px;
    line-height: 24px;
    color:#070002;
    margin-bottom: 20px;
    text-indent: 32px;
}
/*contain5*/
.contain5{
    background:#181818 url(../img/vr_20170823/con5_bg.png) no-repeat right 196px;
    padding:70px 0 54px;
}
.contain5 .base{
    position: relative;
}
.contain5 .base .biaoti{
    margin-bottom: 10px;
}
.contain5 .base .fubiaoti{
    width:900px;
    margin:0 auto 95px;
    text-align: right;
    font-size: 30px;
    color:#fff;
}
.contain5 .base .btn53{
    display: block;
    width: 240px;
    height: 46px;
    margin: 0 auto;
    background-color: #5d5d5d;
    text-align: center;
    font-size: 22px;
    line-height: 46px;
    color: #fff;
    margin-top: 55px;
}
.contain5 .base>span{
    display: block;
    position: absolute;
    color: #2a2a2a;
    font-size: 22px;
    text-align: center;
    width:262px;
    height:47px;
    line-height: 47px;
    background:#ffd800;
    border-radius: 23px;
    left:40px;
    top:120px;
}
.contain5 .base .con5_wrap{
    height:430px;
    position: relative;
    background:url(../img/vr_20170823/con5_wrap.png?1234) no-repeat center bottom;
    margin-bottom: 34px;
}
.contain5 .base .con5_wrap:last-child{
    margin-bottom: 0;           
}
.contain5 .base .con5_wrap .fl{
    margin:-10px 0 0 60px;
}
.contain5 .base .con5_wrap .fr{
    margin-right:70px;
    width:590px;
    padding-top:172px;
}
.contain5 .base .con5_wrap .fr h6{
    font-size: 18px;
    color:#00dfd7;
    font-weight: 900;
    line-height: 29px;
}
.contain5 .base .con5_wrap .fr p{
    font-size: 14px;
    color:#b9b9b9;
    line-height: 30px;
    margin-bottom:20px;
}
.contain5 .base .con5_wrap ul{
    position: absolute;
    height:90px;
    width:1000px;
    padding-left: 22px;
    left:96px;
    bottom:35px;
}
.contain5 .base .con5_wrap ul li{
    float: left;
    margin-right: 47px;
    width:89px;
    height:89px;
}
.contain5 .base .con5_wrap ul li:last-child{

    width:168px;
    height: 57px;
    margin-top: 20px;
    border:1px solid #0acbc4;
    border-radius: 28px;
    padding-left: 25px;
    cursor:pointer;
}
.contain5 .base .con5_wrap ul li:last-child a span{
    color:#00dfd7;
    display: block;
    float: left;
    font-size: 52px;
    line-height: 50px;

}
.contain5 .base .con5_wrap ul li:last-child a i{
    color:#00dfd7;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 57px;
}

/*contain6*/
.contain6{
    background:#181818;
    padding:60px 0 65px;
}
.contain6 .base .fubiaoti{
    font-size: 24px;
    color:#8c8c8c;
    margin-bottom: 50px;
}
.contain6 .base ul{
    width: 900px;
    margin:0 auto 30px;
    overflow: hidden;
}
.contain6 .base ul li{
    float: left;
    width:299px;
    height:103px;
    padding-top:15px;
    border-right:1px solid #424242;
    text-align: center;
}
.contain6 .base ul li:last-child{
    border:0;
}
.contain6 .base ul li img{
    margin-bottom:15px;
}
.contain6 .base ul li span{
    font-size: 14px;
    color:#8c8c8c;
    display: block;
}

.contain6 .base div{
    text-align: center;
    width:900px;
    text-align: center;
    margin:0 auto 40px;
}
.contain6 .base div img{
    margin:0 74px;
}

.contain6 .base .btn{
    width:238px;
    background: rgba(255,255,255,.3);
}

/*contain7*/
.contain7{
    background:#fff;
    padding:60px 0;
}
.contain7 .base .biaoti{
    color:#333;
}
.contain7 .base .fubiaoti{
    color: #8c8c8c;
    margin-bottom: 70px;
    font-size: 24px;
}
.contain7 .base .fubiaoti i{
    font-size: 20px;
}
.contain7 .base .con7_wrap{
    overflow: hidden;
}
.contain7 .base .con7_wrap ul{
    width:100%;
}
.contain7 .base .con7_wrap ul li{
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}
.contain7 .base .con7_wrap ul li .fl{
    width:570px;

}
.contain7 .base .con7_wrap ul li .fr{
    width:530px;
}
.contain7 .base .con7_wrap ul li div{
    box-sizing:border-box;
    padding-left: 40px;
}
.contain7 .base .con7_wrap ul li div h5{
    position: relative;
    padding:35px 0 0 25px;
    color:#333;
    font-weight: 900;
    margin-bottom: 15px;
    font-size: 30px;
}
.contain7 .base .con7_wrap ul li div h5 span{
    font-size: 14px;
    font-weight: 100;
    display: block;
    line-height: 25px;
}
.contain7 .base .con7_wrap ul li div h5 span i{
    font-size: 16px;
}
.contain7 .base .con7_wrap ul li div h5:before{
    content: "";
    display: block;
    position: absolute;
    background: #00dfd7;
    width:15px;
    height:40px;
    left:0px;
    top:40px;
}
.contain7 .base .con7_wrap ul li div p{
    font-size: 14px;
    color:#666;
    line-height: 30px;
    padding-left: 25px;
}
.contain7 .base .btn{
    width:239px;
}

/*contain8*/
.contain8{
    background:#181818 url(../img/vr_20170823/con8_bg.png) no-repeat center 100px;
    padding:60px 0 160px;
}
.contain8 .base .biaoti{
    margin-bottom:150px;
}
.contain8 .base .con8_wrap{
    overflow: hidden;
    padding:0 70px;
}
.contain8 .base .con8_wrap .fl{
    padding-top:10px;
}
.contain8 .base .con8_wrap .fl li{
    font-size: 20px;
    color:#575757;
    font-weight: 900;
    position: relative;
    text-align: left;
    height:50px;
    line-height: 50px;
    margin-bottom: 20px;
}
.contain8 .base .con8_wrap .fl li:after{
    content: "";
    display: block;
    position: absolute;
    left:0px;
    bottom:0px;
    height:2px;
    background:#323232;
    width:36px;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}
.contain8 .base .con8_wrap .fl li.hover{
    color:#00dfd7;
}
.contain8 .base .con8_wrap .fl li.hover:after{
    content: "";
    display: block;
    position: absolute;
    left:0px;
    bottom:0px;
    height:2px;
    background:#323232;
    width:92px;
}
.contain8 .base .con8_wrap .fr{
    width:795px;
    height:447px;
    background:url(../img/vr_20170823/con8_wrap.png) no-repeat left top;
}
.contain8 .base .con8_wrap .fr .con8_main{
    float: right;
    width:747px;
    height:447px;
    display: none;
}
.contain8 .base .con8_wrap .fr .con8_main:nth-child(1){
    display: block;
}
.contain8 .base .con8_wrap .fr .con8_main img{
    width: 100%;
}
.contain8 .base .con8_wrap .fr .con8_main span{
    float: left;
    margin:0 5px 5px 0;
}
.contain8 .base .con8_wrap .fr .con8_main span:nth-child(2n){
    margin-right: 0;
}

/*contain9*/
.contain9{
    background: #252525;
    padding:55px 0 20px;
}

.contain9 .base .biaoti{
    color:#fff;
    margin-bottom: 40px;
}
.contain9 .base .biaoti span{
    font-weight: 100;
    color: #8c8c8c;
}
.contain9 .base .con9_list{
    overflow: hidden;
    padding-top: 20px;
}
.contain9 .base .con9_list li{
    float:left;
    height: 225px;
    width:320px;
    margin-bottom: 55px;
    transition:.3s;
    -webkit-transition:.3s;;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;

}
.contain9 .base .con9_list li:nth-child(2),.contain9 .base .con9_list li:nth-child(5){
    margin:0 70px 55px;
}
.contain9 .base .con9_list li span{
    display: block;
    margin:0 auto 15px;
    width:50px;
    height:50px;
    background:url(../img/vr_20170823/con9_img1.png) no-repeat center;
}
.contain9 .base .con9_list li h6{
    font-size: 18px;
    color:#a4a4a4;
    text-align: center;
    margin-bottom: 10px;
}
.contain9 .base .con9_list li p{
    font-size: 14px;
    color:#515151;
    line-height: 24px;
    padding-bottom: 24px;
    position: relative;
    text-align: center;
}
.contain9 .base .con9_list li p:after{
    content: "";
    display: block;
    position: absolute;
    width:70px;
    height:4px;
    background:#00dfd7;
    left:50%;
    margin-left: -35px;
    bottom:0px;

}
.contain9 .base .con9_list li.hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.contain9 .base .con9_list li.hover span{
    background:url(../img/vr_20170823/con9_img1_hover.png) no-repeat center;
}
.contain9 .base .con9_list li.hover h6{
    color:#00dfd7;
    font-weight: 900;
}
.contain9 .base .con9_list li.hover p{
    color:#e1e1e1;
}
.contain9 .base .con9_list li:nth-child(2) span{
    background:url(../img/vr_20170823/con9_img2.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(2).hover span{
    background:url(../img/vr_20170823/con9_img2_hover.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(3) span{
    background:url(../img/vr_20170823/con9_img3.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(3).hover span{
    background:url(../img/vr_20170823/con9_img3_hover.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(4) span{
    background:url(../img/vr_20170823/con9_img4.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(4).hover span{
    background:url(../img/vr_20170823/con9_img4_hover.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(5) span{
    background:url(../img/vr_20170823/con9_img5.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(5).hover span{
    background:url(../img/vr_20170823/con9_img5_hover.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(6) span{
    background:url(../img/vr_20170823/con9_img6.png) no-repeat center;
}
.contain9 .base .con9_list li:nth-child(6).hover span{
    background:url(../img/vr_20170823/con9_img6_hover.png) no-repeat center;
}

/*contain10*/
.contain10{
    background: #09aaa5 url(../img/vr_20170823/con10_bg.png) no-repeat center 55px;
    padding: 290px 0 55px;
}
.contain10 .base h4{
    font-size: 36px;
    text-align: center;
    color:#fff;
    font-weight: 900;
}
.contain10 .base .fubiaoti{
    display: block;
    font-size:24px;
    color:#fff;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
}
.contain10 .base .con10_sm{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color:#fff;
    margin-bottom: 30px;
}
.contain10 .base .con10_form{
    width:600px;
    margin:0 auto;
    overflow: hidden;
}
.contain10 .base .con10_form p{
    width:300px;
    margin-bottom: 27px;
}
.contain10 .base .con10_form p span{
    font-size: 20px;
    color:#333;
    display: block;
    text-align: left;
    margin-bottom: 10px;
}
.contain10 .base .con10_form p input{
    width:280px;
    height:28px;
    border:1px solid #fff;
    background: rgba(0,0,0,0);
}
.contain10 .base .con10_form div{
    text-align: center;
}
.contain10 .base .con10_form div button{
    font-size: 22px;
    color: #333;
    background: #ffff00;
    width:147px;
    height:46px;
    line-height: 46px;
    text-align: center;
    margin:0 40px;
    border:0;
    cursor: pointer;
}

/*contain11*/
.contain11{
    background: #fbfbfb url(../img/vr_20170823/con11_bg.jpg) no-repeat center top;
    height:700px;
    padding:60px 0 225px;
}
.contain11 .base .biaoti{
    color:#333;
    margin-bottom: 15px;
}
.contain11 .base .fubiaoti{
    color:#8c8c8c;
    margin-bottom: 55px;
}
.contain11 .base .con11_wrap{
    margin-bottom: 75px;
    height:422px;
    position: relative;
}
.contain11 .base .con11_wrap .con11_list li{
    width:500px;
    height:80px;
    margin-bottom: 6px;
    float: left;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(2n){
    float: right;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(2n) div{
    float: right;
}
.contain11 .base .con11_wrap .con11_list li div{
    width:140px;
    float: left;
    height:75px;
    background:#ececec;
    position: relative;
    padding-top: 5px;
}
.contain11 .base .con11_wrap .con11_list li i{
    display: block;
    width:30px;
    height:25px;
    margin:0 auto;
    background:url(../img/vr_20170823/con11_img1.png) no-repeat center;

}
.contain11 .base .con11_wrap .con11_list li.hover i{
    background:url(../img/vr_20170823/con11_img1_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(2) i{
    background:url(../img/vr_20170823/con11_img2.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(2).hover i{
    background:url(../img/vr_20170823/con11_img2_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(3) i{
    background:url(../img/vr_20170823/con11_img3.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(3).hover i{
    background:url(../img/vr_20170823/con11_img3_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(4) i{
    background:url(../img/vr_20170823/con11_img4.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(4).hover i{
    background:url(../img/vr_20170823/con11_img4_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(5) i{
    background:url(../img/vr_20170823/con11_img5.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(5).hover i{
    background:url(../img/vr_20170823/con11_img5_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(6) i{
    background:url(../img/vr_20170823/con11_img6.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(6).hover i{
    background:url(../img/vr_20170823/con11_img6_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(7) i{
    background:url(../img/vr_20170823/con11_img7.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(7).hover i{
    background:url(../img/vr_20170823/con11_img7_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(8) i{
    background:url(../img/vr_20170823/con11_img8.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(8).hover i{
    background:url(../img/vr_20170823/con11_img8_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(9) i{
    background:url(../img/vr_20170823/con11_img9.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(9).hover i{
    background:url(../img/vr_20170823/con11_img9_hover.png) no-repeat center;
}

.contain11 .base .con11_wrap .con11_list li:nth-child(10) i{
    background:url(../img/vr_20170823/con11_img10.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li:nth-child(10).hover i{
    background:url(../img/vr_20170823/con11_img10_hover.png) no-repeat center;
}
.contain11 .base .con11_wrap .con11_list li span{
    display: block;
    text-align: center;
    font-size: 20px;
    color:#606060;
    font-weight: 900;
}
.contain11 .base .con11_wrap .con11_list li div:after{
    content: "";
    display: block;
    position: absolute;
    width:20px;
    height:4px;
    background: #00dfd7;
    left:50%;
    margin-left: -10px;
    bottom:10px;
}
.contain11 .base .con11_wrap .con11_list li.hover div{
    background:#00dfd7;
}
.contain11 .base .con11_wrap .con11_list li.hover div:after{
    background: #fff;
}
.contain11 .base .con11_wrap .con11_list li.hover  span{
    color:#fff;
}
.contain11 .base .con11_wrap .con11_main{
    width:790px;
    height:420px;
    position: absolute;
    left:50%;
    margin-left: -395px;
    top:0;
}
.contain11 .base .con11_wrap .con11_main div{
    width:790px;
    height:420px;
    display: none;
    position: relative;
}
.contain11 .base .con11_wrap .con11_main div img{
    width:100%;
    height:100%:;
}
.contain11 .base .con11_wrap .con11_main div span{
    position: absolute;
    display: block;
    width: 100%;
    height:50px;
    line-height: 50px;
    font-size: 18px;
    color:#272727;
    text-align: center;
    bottom:0;
    left:0;
    background: rgba(255,255,255,.7);
}
.contain11 .base .con11_wrap .con11_main div:nth-child(1){
    display: block;

}
.contain11 .base .btn{
    color:#fff;
    width:220px;
}

/*contain12*/
.contain12{
    padding-top: 93px;
    height:514px;
    background: url(../img/vr_20170823/con12_bg.jpg) no-repeat center top;
}

.contain12 .biaoti{
    font-size: 30px;
    color:#00dfd7;
    margin-bottom: 35px;
}
.contain12 .con12_wrap{
    height:100px;
    position: relative;
}
.contain12 .con12_wrap span{
    position: absolute;
    font-size: 18px;
    color:#fff;
    display: block;
    width:300px;
    height:30px;
    left:230px;
    top:5px;
}
.contain12 .con12_wrap span:nth-child(2){
    color:rgba(255,255,255,.7);
    left:515px;
    top:10px;
}
.contain12 .con12_wrap span:nth-child(3){
    color:rgba(255,255,255,.5);
    left:730px;
    top:13px;
}

.contain12 .con12_wrap span:nth-child(4){
    color:rgba(255,255,255,.4);
    left:360px;
    top:50px;
}

.contain12 .con12_wrap span:nth-child(5){
    color:rgba(255,255,255,.9);
    left:540px;
    top:53px;
}
.contain12 .base p{
    width:450px;
    margin:0 auto;
    height:50px;
}
.contain12 .base p .btn{
    width:166px;
    background: rgba(255,255,255,.3);
}


/** 添加板块1 **/
.contain-add1{
    background-color: #f1f1f1;
    padding: 70px 0;
}
.contain-add1 .biaoti{
    color: #333333;
}
.contain-add1 .biaoti{
    margin-bottom: 50px;
}
.c-add-cont{
    height: 470px;
}
.c-add-cont:after{
    content: "";
    clear: both;
    display: block;
}
.c-add-cont>div{
    float: left;
    height: 100%;
}
.c-add-cont>div:nth-child(1){
    margin-right: 63px;
    width: 219px;
    position: relative;
    background-image: url(../img/vr_20170823/c-add-pic1.png);
}
.c-add-cont>div:nth-child(1) img{
    position: absolute;
    bottom: -12px;
    right: -55px;
}
.c-add-cont>div:nth-child(2){
    width: 818px;
    background-color: #000;
    position: relative;
} 
.c-add-cont>div:nth-child(2) a{
    position: absolute;
    width: 141px;
    height: 141px;
    background-image: url(../img/vr_20170823/player-btn.png);
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -90px;
}


/** 就业薪资部分添加板块 **/
.contain-add2{
   background-color: #f1f1f1;
   padding-bottom: 50px;
}
.contain-add2 .warp{
    min-width: 1158px;
    width: 1158px;
    margin:  0 auto;
}
.c-add2-cont{
    margin-bottom: 34px;
}
.c-add2-cont:after{
    content: "";
    display: block;
    clear: both;
}
.c-add2-cont>div{
    float: left;
}
.c-add2-cont>div:nth-child(1){
    width: 278px;
    margin-right: 13px;
}
.c-add2-cont>div:nth-child(1) p{
    font-size: 12px;
    line-height: 22px;
    margin-top: 15px;
    text-align: center;
}
.c-add2-cont>div:nth-child(2){
    width: 867px;
    height: 213px;
    overflow: hidden;
    position: relative;
}
.c-add2-cont>div:nth-child(2) ul:after{
    content: "";
    display: block;
    clear: both;
}
.c-add2-cont>div:nth-child(2) ul{
    width: 3000px;
    position: absolute;
    left: 0;
    top: 0;
}
.c-add2-cont>div:nth-child(2) li{
    width: 207px;
    margin-right: 13px;
    float: left;
}
.c-add2-cont>div:nth-child(2) li img{
    border: 4px solid #c4c4c4;
}
.c-add2-cont>div:nth-child(2) li p{
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-top: 8px;
}


/*20170925  banner添加表单  跟php专题一样  */
.banner .warp{
  position: relative;
}
.banner20170923_wrap{
    position: absolute;
    width:260px;
    height: 408px;
    background: url(https://www.mobiletrain.org/img/banner_biaodan/php20170923_img1.png) no-repeat center top;
    top:0;
    left: 50%;
    margin-left: -550px;
    padding: 72px 10px 20px;
}
.banner20170923_head{
    width:260px;
    height: 65px;
    margin:0 auto 45px;
    background:url(https://www.mobiletrain.org/img/banner_biaodan/php20170923_img5.png) no-repeat center top;
}
.banner20170923_bg{
    background:#f3f3f3;
    width:260px;
    height: 200px;
    margin-bottom: 20px;
}
.banner20170923_form{
    width:258px;
    border:1px solid #cccccc;
    border-radius: 10px;
}
.banner20170923_form p{
    height: 48px;
    border-bottom: 1px solid #cccccc;
    padding-left: 42px;
    background:#fff url(https://www.mobiletrain.org/img/banner_biaodan/php20170923_img3.png) no-repeat 15px center;
}
.banner20170923_form p:nth-child(3){
    border:0;
    border-radius: 0 0 10px 10px ;
    background:#fff url(https://www.mobiletrain.org/img/banner_biaodan/php20170923_img4.png) no-repeat 15px center;
}
.banner20170923_form p:nth-child(1){
    border-radius: 10px 10px 0 0 ;
    background:#fff url(https://www.mobiletrain.org/img/banner_biaodan/php20170923_img2.png) no-repeat 15px center;
}
.banner20170923_form p input{
    font-size: 14px;
    line-height: 48px;
    color:#333;
    border:0;
    outline: none;
    width:205px;
    height: 48px;
    box-sizing:border-box;
}
.banner20170923_bg span{
    font-size: 14px;
    color:#8e9a9d;
    line-height: 20px;
    display: block;
    padding:5px;
}
.banner20170923_wrap button{
    display: block;
    border:0;
    text-align: center;
    font-size: 16px;
    color:#fff;
    width: 260px;
    height: 46px;
    background:#105ead;
    border-radius: 23px;
    margin-bottom: 10px;
    outline: none;
    cursor: pointer;
}
.banner20170923_wrap .banner20170923_mf{
    text-align: center;
    font-size: 14px;
    color:#8e9a9d;
}
.banner20170923_wrap .banner20170923_mf span{
    color:#ea523b;
    font-weight: bold;
}
.jysk131, .xygy131 {
  min-width: 1100px; }
  .jysk131 > div, .xygy131 > div {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    position: relative; }

.jysk131 {
  padding: 50px 0;
  background: #181818; }
  .jysk131 > div h2 {
    font-size: 44px;
    color: #fff;
    text-align: center;
    margin-bottom: 12px;
    font-weight: normal; }
  .jysk131 > div > div {
    height: 538px;
    box-sizing: border-box;
    padding-top: 34px;
    position: relative;
    background-image: url(../img/vr_20170823/sk-bg.png);
    background-repeat: no-repeat;
    background-position: 235px 1px; }
    .jysk131 > div > div .jysk131-list-box {
      height: 473px;
      overflow: hidden;
      background-image: url(../img/vr_20170823/sk-iphone.png);
      background-repeat: no-repeat;
      background-position: center; }
      .jysk131 > div > div .jysk131-list-box ul {
        width: 4000px;
        -webkit-transition: 0.6s all ease;
        -o-transition: 0.6s all ease;
        transition: 0.6s all ease; }
      .jysk131 > div > div .jysk131-list-box li {
        width: 213px;
        height: 355px;
        margin-right: 8px;
        margin-top: 54px; }
        .jysk131 > div > div .jysk131-list-box li > img {
          width: 100%;
          height: 100%; }
    .jysk131 > div > div .jysk131-btnl,
    .jysk131 > div > div .jysk131-btnr {
      position: absolute;
      width: 38px;
      height: 68px;
      top: 50%;
      margin-top: -19px;
      background-image: url(../img/vr_20170823/ico-btn-left.png);
      background-repeat: no-repeat;
      background-position: center;
      background-color: rgba(0, 0, 0, 0.7); }
    .jysk131 > div > div .jysk131-btnl {
      left: 0; }
    .jysk131 > div > div .jysk131-btnr {
      right: 4px;
      background-image: url(../img/vr_20170823/ico-btn-right.png); }

.xygy131 {
  height: 768px;
  background-color: #ffffff; }
  .xygy131 > div {
    position: relative; }
    .xygy131 > div .xygy131-tit {
      position: absolute;
      top: 85px;
      right: 30px;
      width: 488px;
      height: 171px;
      font-size: 41px;
      line-height: 41px;
      color: #111;
      box-sizing: border-box;
      padding-top: 58px;
      background-image: url(../img/vr_20170823/gy-tit-bg.png);
      background-repeat: no-repeat; }
    .xygy131 > div .xygy131-txt-box {
      position: absolute;
      width: 756px;
      height: 400px;
      top: 311px;
      right: 0;
      background: #f1f1f1;}
      .xygy131 > div .xygy131-txt-box .xygy131-txt {
        position: absolute;
        width: 503px;
        top: 148px;
        left: 146px; }
        .xygy131 > div .xygy131-txt-box .xygy131-txt:after {
          position: absolute;
          content: "";
          width: 18px;
          height: 29px;
          top: -13px;
          left: -40px;
          background-image: url(../img/vr_20170823/ico2.png);
          background-repeat: no-repeat; }
        .xygy131 > div .xygy131-txt-box .xygy131-txt p {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          font-size: 18px;
          line-height: 46px;
          color: #333; }
          .xygy131 > div .xygy131-txt-box .xygy131-txt p.active {
            display: block; }
      .xygy131 > div .xygy131-txt-box .xygy131-btnl,
      .xygy131 > div .xygy131-txt-box .xygy131-btnr {
        position: absolute;
        width: 46px;
        height: 46px;
        bottom: 17px;
        border-radius: 50%;
        background-image: url(../img/vr_20170823/ico-btn-left2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0.1); }
      .xygy131 > div .xygy131-txt-box .xygy131-btnl {
        left: 21px; }
      .xygy131 > div .xygy131-txt-box .xygy131-btnr {
        right: 21px;
        background-image: url(../img/vr_20170823/ico-btn-right2.png); }
    .xygy131 > div .xygy131-video-box {
      position: absolute;
      top: 118px;
      left: 0;
      width: 509px;
      height: 292px;
      box-sizing: border-box;
      padding-top: 5px;
      padding-left: 5px;
      background-image: url(../img/vr_20170823/gy-img-bg.png);
      background-repeat: no-repeat; }
      .xygy131 > div .xygy131-video-box .xygy131-video-img {
        position: relative;
        width: 495px;
        height: 278px; }
        .xygy131 > div .xygy131-video-box .xygy131-video-img li {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          display: none; }
          .xygy131 > div .xygy131-video-box .xygy131-video-img li:hover > p {
            opacity: 1; }
          .xygy131 > div .xygy131-video-box .xygy131-video-img li:hover > a {
            -webkit-transform: rotateZ(120deg);
            -ms-transform: rotateZ(120deg);
            -o-transform: rotateZ(120deg);
            transform: rotateZ(120deg); }
          .xygy131 > div .xygy131-video-box .xygy131-video-img li.active {
            display: block; }
          .xygy131 > div .xygy131-video-box .xygy131-video-img li > img {
            width: 100%;
            height: 100%; }
          .xygy131 > div .xygy131-video-box .xygy131-video-img li > a {
            position: absolute;
            width: 68px;
            height: 68px;
            top: 50%;
            left: 50%;
            margin-top: -34px;
            margin-left: -34px;
            -webkit-transition: 0.6s all ease;
            -o-transition: 0.6s all ease;
            transition: 0.6s all ease;
            background-image: url(../img/vr_20170823/ico-playbtn.png);
            background-repeat: no-repeat; }
          .xygy131 > div .xygy131-video-box .xygy131-video-img li > p {
            position: absolute;
            width: 100%;
            height: 36px;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            text-align: center;
            font-size: 18px;
            line-height: 36px;
            left: 0;
            bottom: 0;
            opacity: 0;
            -webkit-transition: 0.6s all ease;
            -o-transition: 0.6s all ease;
            transition: 0.6s all ease; }
      .xygy131 > div .xygy131-video-box .xygy131-video-txt {
        position: absolute;
        width: 166px;
        height: 42px;
        color: #fff;
        text-align: center;
        top: 31px;
        right: -3px;
        line-height: 36px;
        background-image: url(../img/vr_20170823/ico-txt.png);
        background-repeat: no-repeat; }
        .xygy131 > div .xygy131-video-box .xygy131-video-txt p {
          display: none;
          position: absolute;
          font-size: 18px;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }
          .xygy131 > div .xygy131-video-box .xygy131-video-txt p.active {
            display: block; }
    .xygy131 > div .xygy131-more {
      position: absolute;
      width: 125px;
      height: 125px;
      top: 583px;
      box-sizing: border-box;
      background-image: url(../img/vr_20170823/gy-btn-bg.png);
      background-repeat: no-repeat; }
      .xygy131 > div .xygy131-more a {
        display: block;
        font-size: 20px;
        line-height: 24px;
        color: #333;
        text-align: center;
        padding-top: 40px;
        position: relative; }
        .xygy131 > div .xygy131-more a:after {
          position: absolute;
          content: "";
          width: 185px;
          border: 1px solid #f6f6f6;
          height: 0;
          top: 4px;
          right: -152px;
          display: none; }
.videoalert21 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }
  .videoalert21 > div {
    position: absolute;
    width: 580px;
    height: 326px;
    border: 1px solid #444;
    padding: 3px;
    top: 50%;
    left: 50%;
    margin-left: -290px;
    margin-top: -163px; }
  .videoalert21 .videoalert21-videobox {
    width: 100%;
    height: 100%; }
    .videoalert21 .videoalert21-videobox > video {
      width: 100%;
      height: 100%; }
  .videoalert21 .videoalert21-close {
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer; }

.add1{
    padding: 103px 0 65px;
    background: #fefefe;
}
.add1 .biaoti{
    color: #333;
    margin-bottom: 30px;
}
.add1 ul{
    margin-bottom: 50px;
    height: 350px;
}
.add1 ul li{
    width: 310px;
    float: left;
    margin-right: 85px;
    background: url(../img/vr_20170823/add1_img2.png) no-repeat center 20px;
    box-sizing: border-box;
    padding-top: 215px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.add1 ul li:nth-child(2){
    background: url(../img/vr_20170823/add1_img3.png) no-repeat center 20px;
}
.add1 ul li:last-child{
    margin-right: 0px;
    background: url(../img/vr_20170823/add1_img4.png) no-repeat center 20px;
}
.add1 ul li img{
    position: absolute;
    left: 50%;
    top: 8px;
    margin-left: -74px;
    /*-webkit-transform: perspective(800) rotateX(0deg) translateY(-33px) rotateZ(16deg);
    -ms-transform: perspective(800) rotateX(0deg) translateY(-33px) rotateZ(16deg);
    -o-transform: perspective(800) rotateX(0deg) translateY(-33px) rotateZ(16deg);
    transform: perspective(800) rotateX(0deg) translateY(-33px) rotateZ(16deg);*/

}
.add1 ul li h4{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin-bottom: 15px;
}
.add1 ul li p{
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.add2{
    background: #fff;
    padding: 90px 0 75px;

}
.add2 .biaoti,.add2 .fubiaoti{
    color: #333;
}
.add2 .fubiaoti{
    margin-bottom: 20px;
}
.add2 .add2_wrap{
    background: url(../img/vr_20170823/add2_bg.png) no-repeat center top;
    margin-bottom: 20px;
}
.add2 ul{
    position: relative;
    height: 600px;
}
.add2 ul li{
    position: absolute;
    left:50%;
}
.add2 ul li h6{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}
.add2 ul li p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.add2 ul li:nth-child(1){
    top: 193px;
    margin-left: -530px;
    width: 225px;
}
.add2 ul li:nth-child(2){
    top: 420px;
    margin-left: -350px;
    width: 260px;
}
.add2 ul li:nth-child(3){
    top: 145px;
    margin-left: 335px;
    width: 215px;
}
.add2 ul li:nth-child(4){
    top: 58px;
    margin-left: -296px;
}