body{
    margin:0;
    font: 12px/1.5 Microsoft YaHei,Tahoma,SimSun,Verdana;
    overflow: hidden;
}
a{
    text-decoration: none;
    color: #000;
}
p,ul,input{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
strong{
    font-weight: normal;
}

.content{
    max-width: 414px;
    position: relative;
    margin:0px auto;
    overflow-y:hidden;
    overflow-x:hidden;
/*    padding-top: 41.6px;*/
}
#title_logo{
    z-index: 1;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 3rem;
    background: url(../img/titlelogo.png) no-repeat;
    -moz-background-size:100% 100%;  
    background-size:100% 100%;  
}
#title_logo2{
    z-index: 1;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 3rem;
    background: url(../img/titlelogo2.png) no-repeat;
    -moz-background-size:100% 100%;  
    background-size:100% 100%;  
}
.open_co{
    position: relative;
    display: block;
    float: right;
    height:40px;
    width: 40px;
}
.logo2018{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 18px;
    width: 59%;
}
.opnone{
    display:none;
}
/*<768时*/
@media only screen and (max-width: 767px) {

}
/*768-1200时*/
/* @media only screen and (min-width: 768px) and (max-width:1200px) {

    .navbar .nav>li>a{
       padding:10px 5px;
    }
    .language{
       text-indent: 25px;
       width: 100%;
    }
} */
#music{
    position: absolute;
    right: 5px;
    top: 5px;
    transition:1s;
}
/*目录*/
.slideout{
    width: 12.8rem;
    background-color: #eb002e;
    position: absolute;
    right: -12.8rem;
    top: 48px;
    height:100%;
    z-index: 1000;
}
.slideout .list ul{
    margin-top: .8em;
}
.slideout .list a {
    display: block;
    width: 100%;
    height: 100%;
    color: #7a0018;
    float: left;
    text-shadow: 0.02rem 0.02rem 0.02rem #fff;
}
.slideout .list li {
    list-style: none;
    border-width: 0px 0px 1px;
    padding-left: 50px;
    width: 60%;
    background: url(data:image/png;base64,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);
    background-size: 101% 96%;
    margin: 0px 6%;
    height: 1.7rem;
    line-height: 1.5rem;
    text-align: left;
/*    margin-bottom: .5rem;*/
}
.slideout .header img {
position: absolute;
    left: 11%;
    top: 1.75rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    border: 0.2rem solid #d4002a;
    box-sizing: content-box;
}
.slideout .header {
    height: 7.5rem;
    width: 100%;
}
.slideout .header .contents {
text-align: center;
    border-radius: 1rem;
    background-color: #fff;
    color: #f0002f;
    width: 4.4rem;
    position: absolute;
    top: 41%;
    left: 48%;
    font-weight: bold;
}
.slideout .header:after {
    border-color: #ff5152;
}
.slideout .list {
    padding: .9rem;
}
.border-bottom:after {
    bottom: 0;
}
.border-bottom:after, .border-top:before {
    display: block;
    position: absolute;
    left: 0;
    border-top: 1px solid #dcdcdc;
    width: 100%;
    content: " ";
    pointer-events: none;
    z-index: 999;
}
.border-bottom, .border-left, .border-right, .border-top {
    position: relative;
}
/*导航关闭按钮*/
.moreOrClose{
    z-index: 1;
    position: absolute;
    top: 7px;
    width: 1.5rem;
    right: .7rem;
    height: 3px;
    margin-top: 25px;
    margin-bottom: 22px;
     background: #383635; 
}
.moreOrClose::before,.moreOrClose::after{
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    background: inherit;
    transition: all 1s ease;
}
.moreOrClose::before{
    top: -8px;
}
.moreOrClose::after{
    bottom: -8px;
}
.active .moreOrClose{
    background: rgba(0,0,0,0);
    margin-left: auto;
    right: 6.7%;
}
.active .moreOrClose::before,.active .moreOrClose::after{
    background: #fff;
    top: auto;
    bottom: auto;
    height: 2px;
}
.active .moreOrClose::before{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.active .moreOrClose::after{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/*first*/
.first{
    position: relative;
    background: #d6002a;
}

.first_index{
        position: absolute;
    opacity: 1;
    left: 0px;
    top: 10%;
    width: 100%;
}
.first_index2{
        position: absolute;
    opacity: 1;
    left: 20%;
    top: 30%;
    width: 60%;
            animation:index 2s linear 0s infinite normal ;
        -moz-animation:index 2s linear 0s infinite normal ;
        -webkit-animation:index 2s linear 0s infinite normal ;
}
.first_title{
        position: absolute;
    opacity: 1;
    left: 30%;
    top: 39%;
    width: 40%;
}
.first_title1{
        position: absolute;
    opacity: 0;
    left: 37%;
    top: 83%;
    width: 27%;
}
.first_title2{
position: absolute;
    opacity: 0;
    left: 37%;
    top: 89%;
    width: 28%;
}
.first_logo{
    position: absolute;
    opacity: 1;
    left: 3%;
    top: 6px;
    width: 40%;
}
.first_bg1{
    position: absolute;
    opacity: 0;
    left: 37%;
    top: 72%;
    width: 62%;
}
.first_bg2{
    position: absolute;
    opacity: 0;
    top: 93%;
    width: 59%;
}

/*second*/
.second{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}
.second_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.second_bgbox .second_bgphbs{
    position: absolute;
    width: 100%;
    height: 100%;
}
.second_bgred{
position: absolute;
    opacity: 1;
    left: 0px;
    top: 48px;
    width: 100%;
    height: 35%;
}
.second_text{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 33%;
    width: 32%;
}
.second_text2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 36%;
    width: 53%;
}
.second_bg1{
position: absolute;
    opacity: 0;
    left: 0%;
    top:48%;
    width: 40%;
}
.second_bg2{
    position: absolute;
    opacity: 0;
    left: 54%;
    top: 48%;
    width: 40%;
}
.second_bg3{
position: absolute;
    opacity: 0;
    left: 0%;
    top: 70%;
    width: 40%;
}
.second_bg4{
    position: absolute;
    opacity: 0;
    left: 54%;
    top: 70%;
    width: 40%;
}
.second_textint{
position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.second_textint2{
    position: absolute;
    opacity: 1;
    left:6%;
    top: 90.6px;
    width: 23%;
}
.second_text3{
position: absolute;
    opacity: 1;
    left: 16%;
    top: 57%;
    width: 29%;
}
.second_text4{
position: absolute;
    opacity: 1;
    left: 56%;
    top: 56%;
    width: 26%;
}
.second_text5{
position: absolute;
    opacity: 1;
    left: 17%;
    top: 78%;
    width: 28%;
}
.second_text6{
    position: absolute;
    opacity: 1;
    left: 57%;
    top: 78%;
    width: 26%;
}
/*third*/
.third{
    position: relative;
    overflow: hidden;
}
.third_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.third_bg{
position: absolute;
    opacity: 1;
    left: 0px;
    top: 48px;
    width: 100%;
        height: 35%;
}
.third_text {
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.third_text2 {
position: absolute;
    opacity: 1;
    left: 6%;
    top: 90.6px;
    width: 23%;
}
.third_bg2{
    position: absolute;
    opacity: 0;
    left: 3%;
    top: 47%;
    width: 84%;
}
.third_text3{
    position: absolute;
    opacity: 0;
    left: 20%;
    top: 49%;
    width: 45%;
}
.third_box1{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 57%;
    width: 40%;
}
.third_box2{
position: absolute;
    opacity: 1;
    left: 52%;
    top: 57%;
    width: 40%;
}
.third_box3{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 71%;
    width: 40%;
}
.third_box4{
    position: absolute;
    opacity: 1;
    left: 52%;
    top: 71%;
    width: 40%;
}
.third_text4{
    position: absolute;
    opacity: 1;
    left: 12%;
    top: 60%;
    width: 18%;
}
.third_text5{
position: absolute;
    opacity: 1;
    left: 57%;
    top: 60%;
    width: 19%;
}
.third_text6{
position: absolute;
    opacity: 1;
    left: 12%;
    top: 74%;
    width: 16%;
}
.third_text7{
    position: absolute;
    opacity: 1;
    left: 57%;
    top: 74%;
    width: 22%;
}
.third_bg4{
    position: absolute;
    opacity: 0;
    left: 40%;
    top: 60%;
    width: 9%;
}
.third_bg5{
position: absolute;
    opacity: 0;
    left: 85%;
    top: 60%;
    width: 9%;
}
.third_bg6{
    position: absolute;
    opacity: 0;
    left: 26%;
    top: 75%;
    width: 14%;
}
.third_bg7{
    position: absolute;
    opacity: 0;
    left: 80%;
    top: 75%;
    width: 9%;
}
/*fourth*/
.fourth{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}
.fourth_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.fourth_bgwomen{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/fourthPage/third_bgwomen.png) no-repeat;
    background-size: 100% 130%;
    background-position: center center;
}
.fourth_bg{
    width: 100%;
    height: 100%;
    opacity: .7;
}
.fourth_title1{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.fourth_title2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 90.6px;
    width: 15%;
}
.fourth_apply_text{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 30%;
    width: 85%;
}
.fourth_line{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 117px;
}
/*fifth*/
.fifth{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}
.fifth_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.fifth_bgwomen{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/fifthPage/fifth_bgwomen.png) no-repeat;
    background-size: 100% 130%;
    background-position: center center;
}
.fifth_title1{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.fifth_title2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 90.6px;
    width: 25%;
}
.fifth_title3{
    position: absolute;
    width: 41%;
    left: 11%;
    top: 30%;
}
.fifth_title4{
    position: absolute;
    width: 41%;
    left: 53%;
    top: 47%;
}
.fifth_title5{
position: absolute;
    width: 46%;
    left: 11%;
    top: 68%;
}
.fifth_line{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 117px;
}

/*sixth*/
.sixth{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}
.sixth_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.sixth_bg_man{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/sixthPage/sixth_bg_man.jpg) no-repeat;
    background-size: 242% 100%;
    background-position: 76% center;
}
.sixth_bg{
    width: 100%;
    height: 100%;
    opacity: .7;
}
.sixth_bg2{
    position: absolute;
    opacity: 0;
    width: 92%;
    height: 30%;
    left: 0%;
    top: 27%;
    background: #f0002f;
    border-radius: 7px;
    box-shadow:0 0 15px #ca051c;  
}
.sixth_line{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 117px;
}
.sixth_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.sixth_title2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 90.6px;
    width: 25%;
}
.sixth_title3{
    position: absolute;
    opacity: 0;
    left: 0%;
    top: 30%;
    width: 87%;
}
.sixth_title4{
    position: absolute;
    opacity: 0;
    left: 0%;
    top: 62%;
    width: 87%;
}

/*seventh*/
.seventh{
    position: relative;
    overflow: hidden;
    background: #f0002f;
}
.seventh_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.seventh_title2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 90.6px;
    width: 9%;
}
.seventh_line{
    position: absolute;
    opacity: 1;
    left: 8%;
        top: 117px;
}
.seventh_1{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 29%;
    width: 21%;
}
.seventh_2{
    position: absolute;
    opacity: 1;
    left: 28.1%;
    top: 29%;
    width: 21%;
}
.seventh_3{
    position: absolute;
    opacity: 1;
    left: 50.5%;
    top: 29%;
    width: 21%;
}
.seventh_4{
    position: absolute;
    opacity: 1;
    left: 73.2%;
    top: 29%;
    width: 20.5%;
}
.seventh_5{
position: absolute;
    opacity: 1;
    left: 6%;
    top: 63%;
    width: 21%;
}
.seventh_6{
position: absolute;
    opacity: 1;
    left: 28%;
    top: 63%;
    width: 21%;
}
.seventh_7{
    position: absolute;
    opacity: 1;
    left: 50.5%;
    top: 63%;
    width: 21%;
}
.seventh_8{
    position: absolute;
    opacity: 1;
    left: 72.5%;
    top: 63%;
    width: 21%;
}
/*eighth*/
.eighth{
    position: relative;
    overflow: hidden;
}
.eighth_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 24%;
}
.eighth_title2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 90.6px;
    width: 43%;
}
.eighth_bg1{
    position: absolute;
    opacity: 0;
    left: 0%;
    top: 145.6px;
    width: 34%;
}
.eighth_bg2{
    position: absolute;
    opacity: 0;
    left: 40%;
    top: 145.6px;
    width: 39%;
}
.eighth_bg3{
    position: absolute;
    opacity: 0;
    left: 0%;
    top: 55%;
    width: 87%;
}
/*ninth*/
.ninth{
    position: relative;
    overflow: hidden;
}

.ninth_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.ninth_title2{
    position: absolute;
    opacity: 1;
    left: 6.8%;
    top: 90.6px;
    width: 29%;
}
.ninth_line{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 117px;
}
.ninth_bg{
    position: absolute;
    opacity: 1;
    left: 6.8%;
    top: 26%;
    width: 86%;
}
.ninth_bg2{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 61.6%;
    width: 87%;
}

/*tenth*/
.tenth{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}
.tenth_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.tenth_bgwomen{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/tenthPage/tenth_bgwomen.png) no-repeat;
    background-size: 100% 130%;
    background-position: center center;
}
.tenth_box1 {
    position: absolute;
    opacity: 1;
    width: 92%;
    height: 62%;
    left: 4%;
    top: 27%;
    background: #d6002a;
    border-radius: 7px;
    box-shadow: 0 0 15px #ca051c;
}
.tenth_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.tenth_title2{
position: absolute;
    opacity: 1;
    left: 6.8%;
    top: 90.6px;
    width: 31%;
}
.tenth_text3{
    position: absolute;
    opacity: 1;
    left: 6.8%;
    top: 32%;
    width: 86%;
}
.tenth_line{
    position: absolute;
    opacity: 1;
    left: 8%;
        top: 117px;
    height: 6%;
}
/*eleventh*/
.eleventh{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}
.eleventh_bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
}
.eleventh_bgwomen{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/eleventhPage/eleventh_bgwomen.png) no-repeat;
    background-size: 100% 130%;
    background-position: center center;
}
.eleventh_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.eleventh_title2{
position: absolute;
    opacity: 1;
    left: 6.8%;
    top: 90.6px;
    width: 31%;
}
.eleventh_line{
    position: absolute;
    opacity: 1;
    left: 8%;
    top: 117px;
    height: 6%;
}
.eleventh_line2{
    position: absolute;
    opacity: 0;
    left: 51%;
    top: 44%;
    height: 6%;
}
.eleventh_line3{
    position: absolute;
    opacity: 0;
    left: 51%;
    top: 60%;
    height: 6%;
}
.eleventh_text1{
position: absolute;
    opacity: 0;
    left: 4%;
    top: 33%;
    width: 91%;
}
.eleventh_text2{
    position: absolute;
    opacity: 0;
    left: 4%;
    top: 48%;
    width: 91%;
}
.eleventh_text3{
    position: absolute;
    opacity: 0;
    left: 4%;
    top: 65%;
    width: 91%;
}
/*twelfth*/
.twelfth{
    position: relative;
    overflow: hidden;
    background: #d6002a;
}


.twelfth_title{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 63px;
    width: 20%;
}
.twelfth_title2{
    position: absolute;
    opacity: 1;
    left: 6.8%;
    top: 90.6px;
    width: 19%;
}
.twelfth_line{
    position: absolute;
    opacity: 1;
    left: 8%;
       top: 125px;
    height: 6%;
}
.twelfth_bg1{
    position: absolute;
    opacity: 1;
    top: 17%;
    height: 64%;
            animation:oscalea 5s linear 0s infinite normal ;
        -moz-animation:oscalea 5s linear 0s infinite normal ;
        -webkit-animation:oscalea 5s linear 0s infinite normal ;
}
.twelfth_bg2{
    position: absolute;
    opacity: 1;
    left: -7%;
    top: 13%;
    height: 72%;
        animation:scalea 5s linear 0s infinite normal ;
        -moz-animation:scalea 5s linear 0s infinite normal ;
        -webkit-animation:scalea 5s linear 0s infinite normal ;
}
.twelfth_img{
position: absolute;
    opacity: 1;
    left: 39%;
    top: 73%;
    height: 18%;
}
.twelfth_text{
    position: absolute;
    opacity: 1;
    left: 6%;
    top: 36%;
    width: 87%;
}

    @keyframes scalea{
        0%{opacity:1;transform:scale(.95,.95);}
        100%{opacity:.6;transform:scale(1.3,1.3);}
    }
    @-webkit-keyframes scalea{
        0%{opacity:1;transform:scale(.95,.95);}
        100%{opacity:.6;transform:scale(1.3,1.3);}
    }
    @-moz-keyframes scalea{
        0%{opacity:1;transform:scale(.95,.95);}
        100%{opacity:.6;transform:scale(1.3,1.3);}
    }
    @keyframes oscalea{
        0%{opacity:1;transform:scale(1,1);}
        50%{opacity:1;transform:scale(1.07,1.07);}
        100%{opacity:1;transform:scale(1,1);}
    }
    @-webkit-keyframes oscalea{
        0%{opacity:1;transform:scale(1,1);}
        50%{opacity:1;transform:scale(1.07,1.07);}
        100%{opacity:1;transform:scale(1,1);}
    }
    @-moz-keyframes oscalea{
        0%{opacity:1;transform:scale(1,1);}
        50%{opacity:1;transform:scale(1.07,1.07);}
        100%{opacity:1;transform:scale(1,1);}
    }
    @keyframes index{
        0%{opacity:1;transform:scale(1,1);}
        50%{opacity:1;transform:scale(1.03,1.03);}
        100%{opacity:1;transform:scale(1,1);}
    }
    @-webkit-keyframes index{
        0%{opacity:1;transform:scale(1,1);}
        50%{opacity:1;transform:scale(1.03,1.03);}
        100%{opacity:1;transform:scale(1,1);}
    }
    @-moz-keyframes index{
        0%{opacity:1;transform:scale(1,1);}
        50%{opacity:1;transform:scale(1.03,1.03);}
        100%{opacity:1;transform:scale(1,1);}
    }