@charset "utf-8";





* {

    word-wrap: break-word;

    font-family: 微软雅黑;

}



html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {

    margin: 0;

    padding: 0

}



ul, ol, dl {

    list-style-type: none

}



html, body {

    *position: static

}

body{

    background: white;

}



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}

/*div{*/

/*display: block;*/

/*!*width: 100%;*!*/

/*background-repeat: no-repeat;*/

/*}*/

address, caption, cite, code, dfn, em, th, var {

    font-style: normal;

    font-weight: normal

}



input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit

}



input, button {

    overflow: visible;

    vertical-align: middle;

    outline: none

}



body, th, td, button, input, select, textarea {

    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";

    font-size: 14px;

    color: #333;

    background-color: #ffffff;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased

}





h1, h2, h3, h4, h5, h6 ,b,strong{

    font-weight: normal;

}



a, area {

    outline: none;

    blr: expression(this.onFocus=this.blur());

}



a {

    text-decoration: none;

    cursor: pointer;

}



a:hover {

    outline: none

}



a.ie6:hover {

    zoom: 1

}



a:focus {

    outline: none

}



a:hover, a:active {

    outline: none

}

.clear{

    clear: both;

}

img{

width: 100%;

}

.floor1{

    margin: 30px auto;

}

.floor1 img{

    display: block;

    width: 646px;

    margin: 30px auto 10px;

}

.floor1 p{

    text-align: center;

    font-size: 20px;

    color: #E31D52;

}

.floor1 p span{

    font-size: 16px;

    padding-left: 5px;

}

#f1{

    padding-right: 5px;

}

.floor3{

    margin: 30px auto;

}

.floor3 p{

    text-align: center;

    font-size: 16px;

}

.floor3 ul{

    width: 53.4%;

    height: 160px;

    margin:20px auto 30px;

}

.floor3 ul li{

    width: 30%;

    float: left;

    margin-left: 10px;

}

#f2{

    padding-bottom: 20px;

}

#f3{

    font-weight: bolder;

    font-size: 25px;

    color: #E31D52;

}

#f4{

    font-weight: bolder;

    color: #E31D52;

}

#f4 span{

    font-size: 25px;

    padding-right: 5px;

}

.floor4{

    width: 100%;

    height: 520px;

    background: #E31D52;

}

.floor4 p{

    color: white;

    text-align: center;

}

#f5{

    font-weight: bolder;

    font-size: 25px;

    padding-bottom: 40px;

}

#f6{

    font-size: 16px;

    padding-bottom: 30px;

}

#f7{

    display: block;

    width: 782px;

    height: 22px;

    margin: 0 auto 30px;

}

.floor4 li {

    width: 100px;

    height: auto;

    float: left;

    margin-right:25px;

    margin-left: 25px;

}

.floor4 li img{

    display: block;

    width: 52px;

    height: auto;

    margin: 0 auto;

}

#f8{

    font-weight: bolder;

    font-size: 16px;

    line-height: 80px;

}

#f9{

    font-size: 10px;

}

#f10{

    text-align: center;

    font-size: 25px;

    font-weight: bolder;

    color: #333333;

    line-height: 100px;

}

.floor5{

    width: 100%;

    text-align:  center;

}

#f12{

    font-size: 18px;

    line-height: 30px;

}

.floor6{

    width: 100%;

    height: 650px;

    background: #36013B;

    color: white;

    text-align: center;

}

#f13{

    font-size: 25px;

    font-weight: bolder;

    line-height: 100px;

}

#f14{

    font-weight: bolder;

    font-size: 16px;

    margin-bottom: 30px;

}

.floor6 ul{

    width: 76.4%;

    height: 40%;

    margin: 20px auto;

}

.floor6 li{

    width: 10%;

    height: auto;

    float: left;

    margin-left: 3%;

    margin-right: 3%;

}

#f15{

    color: #E31D52;

    font-weight: bolder;

    font-size: 16px;

    line-height: 50px;

}

#f16{

    font-size: 12px;

}

#f17{

    font-weight: bolder;

    font-size: 18px;

    line-height: 60px;

}

#f19{

    display: block;

    width: 630px;

    height: 72px;

    margin: 30px auto;

    background: url("img/index07.png") no-repeat center center;

    text-align: center;

    line-height: 72px;

    font-weight: bold;

    font-size: 26px;

}

#s1{

    color: #333333;

}

#s2{

    color: #E31D52;

    padding-left: 30px;

}

#s3{

    position: relative;

    top: -10px;

    font-size: 20px;

    color: #E31D52;

    padding-left: 10px;

}

.floor7 ul{

    width: 62.5%;

    height: 143px;

    margin: 30px auto;

}

.floor7 li{

    width: 32%;

    float: left;

    height: 143px;

    margin-left: 1%;

}

.floor7 li p{

    color: white;

}

#f71{

    font-weight: bold;

    padding-left: 20px;

    font-size: 20px;

    padding-top: 20px;

}

#f72{

    padding-left: 20px;

    font-size: 10px;

}

#f73{

    font-size: 16px;

    padding-left: 20px;

}

#f74{

    display: block;

    width: 88%;

    height: 28px;

    font-size: 14px;

    line-height: 28px;

    margin-top: 30px;

    background: #B31043;

    float: left;

}

#f74 span{

    padding-left: 20px;

}

#f75{

    display: block;

    width: 12%;

    height: 28px;

    margin-top: 30px;

    background: #770C38;

    float: right;

}

#f76{

    font-size: 12px;

    color: #333333;

    line-height: 40px;

}

.floor8 ul{

    width: 62.5%;

    height: 110px;

    margin: 0 auto;

    border-bottom: 1px solid #333;

}

.floor8 li{

    width:15% ;

    float: left;

    margin-left: 0.3%;

    margin-right: 0.3%;

    margin-top: 25px;

}

#a1{

    display: block;

    width: 40%;

    height: 60px;

    margin-left: 8%;

    font-size: 16px;

    font-weight: bolder;

    background: #E31D52;

    color: white;

    letter-spacing: 2px;

    float: left;

}

#a1 span{

    display: block;

    width: 36px;

    padding-top: 8px;

    margin: 0 auto;

}

#a2{

    width: 52%;

    float: right;

    font-size: 12px;

    padding-top: 5px;

    padding-bottom: 10px;

}

#a3{

    width: 50%;

    font-size: 12px;

    float: right;

}

.floor8 li #a2 span{

    font-weight: bold;

    color: #E31D52;

}

.floor8 li #a3 span{

    font-weight: bold;

    color: #E31D52;

}

.floor9{

    width: 100%;

    height: 475px;

    margin: 0 auto;

    background: #E31D52;

    color: white;

}

#f21{

    display: block;

    width: 630px;

    height: 72px;

    margin: 0 auto 30px;

    background: url("img/index10.png") no-repeat center center;

    text-align: center;

    line-height: 72px;

    font-weight: bold;

    font-size: 26px;

    position: relative;

    top: 30px;

}

#d1{

    color: white;

    text-align: center;

    line-height: 50px;

    font-size: 18px;

}

#d2{

    display: block;

    width: 30%;

    height: auto;

    float: left;

    text-align: right;

    margin-right: 10%;

    margin-top: 2%;

    line-height: 60px;

}

#d4 {

    width: 20%;

    height: 230px;

    margin: 0 auto;

}

#d3{

    display: block;

    width: 30%;

    height: auto;

    float: right;

    text-align: left;

    margin-left: 10%;

    margin-top: 2%;

    line-height: 60px;

}

#d5{

    display: block;

    width: 50%;

    height: 10%;

    margin: 25% auto;

}

#d6{

    display: block;

    width: 62.5%;

    height: 120px;

    margin: 20px auto;

}

.floor11{

    width: 100%;

    height: 540px;

    margin: 0 auto;

    color: white;

    background: #36013B;

}

#z1{

    display: block;

    width: 48.75%;

    margin: 30px auto;

}

.floor12{

    text-align: center;

}

#z2{

    font-size: 16px;

    line-height: 25px;

}

.floor12 .floor12-main{

    width: 62.5%;

    height: 232px;

    margin: 0 auto;

    background: url("img/index15.png") no-repeat center center;

    color: white;

}

.floor12-main #c5{

    display: block;

    width: 167px;

    height: 167px;

    background: url("img/index14.png") no-repeat center center;

    margin: 0 auto;

    padding-top: 60px;

    font-size: 20px;

    font-weight: bolder;

}

.c1{

    float: left;

}

.c2{

    float: right;

}

#c1{

    position: relative;

    top: 75px;

    left: 18%;

}

#c2{

    position: relative;

    top: 75px;

    right: 18%;

}

#c3{

    position: relative;

    top: -90px;

    left:16%;

}

#c4{

    position: relative;

    top: -90px;

    right:16%;

}

#c5 p{

    padding-top: 20px;

    line-height: 35px;

}

.x1{

    display: block;

    padding: 2px 10px;

    background: white;

    color: #333333;

    border-radius: 20px;

    float: left;

    margin-right: 10px;

}

.x2{

    font-weight: bold;

    font-size: 20px;

    margin-left: 10px;

}

.floor12 ul{

    display: block;

    width: 64%;

    height: 180px;

    margin: 0 auto 30px;

}

.floor12 ul li{

    width: 16.6%;

    float: left;

}

.floor12 li p{

    color: #E31D52;

}

footer{

    width: 100%;

    height: 325px;

    background: #282828;

}

footer .footest{

    width: 62.5%;

    margin: 0 auto;

}



footer .footest .left{

    width: 16.7%;

    height: 140px;

    margin-top: 90px;

    float: left;

    border-right: 1px solid #E4E4E4;

}

footer .footest .left img{

    display: block;

    width: 141px;

    background-size: cover;

    margin-top: 10px;

}

.footest .main{

    width: 30%;

    height: 140px;

    margin-top: 90px;

    color: white;

    float: left;

    margin-left: 5%;

}

.footest .main p{

    font-size: 18px;

    line-height: 35px;

}

.footest .main p span{

    font-size: 14px;

}

.footest .right{

    float: right;

    margin-top: 90px;

}