*{
    margin: 0;
    padding: 0;
}
body{
    font-size: 14px;
    font-family: 'Microsoft Yahei';
}
header{
    width: 100%;
    height: 782px;
    background: url("../images/head.jpg")no-repeat center;
    margin-top: -5px;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
.top{
    width: 100%;
    background: #14197C;
    padding: 2.5em 0;
    text-align: center;
    color: #fff;
}
.top>div{
    width: 1000px;
    margin: auto;
    display: table;
    text-align: left;
}
.top div.lf>h3{
    font-size: 2.4em;
}
.top div.lf>p{
    line-height: 1.8em;
    font-size: 1.3em;
    padding: 0.5em 0;
}
.sbtn{
    display: inline-block;
    width: 280px;
    background: #FFFFFF;
    font-size: 1.3em;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    color: #E81402;
    font-weight: bold;
}

div.f1{
    width: 100%;
    background: #EFEFEF;
    display: table;
    padding: 2.5em 0;
}

.f1 div h3{
    font-size: 2.4em;
    text-align: center;
    color: #333;
}
div.f2{
    width: 100%;
    background: #E8E6E6;
    display: table;
    padding: 2.5em 0;
}
.f2 div h3{
    font-size: 2.4em;
    text-align: center;
    color: #333;
}
.lclist li{
    width: 230px;
    height: auto;
    margin-left: 20px;
    float: left;
    background: #fff;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
}
.lclist li:hover{
    margin-top: -8px;
}
.lclist li:nth-child(1){
    margin-left: 0;
}
.dot{
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #FF6C68;
    border-radius: 50%;
    font-size: 1.4em;
    color: #fff;
}

div.f3{
    width: 100%;
    background: #EFEFEF;
    display: table;
    padding: 2.5em 0;
}
.f3 div h3{
    font-size: 2.4em;
    text-align: center;
    color: #333;
}
.jybz li{
    float: left;
    width: 300px;
    margin-left: 40px;
    height: 400px;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 2em 0;
    transition: all 0.3s linear;
    -webkit-animation:  all 0.3s linear;
    -o-animation:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
.jybz li:hover{
    margin-top: -8px;
}
.jybz li:nth-child(1){
    margin-left: 0;
}
.jybz li h3{
    font-size: 1.9em;
    color: #000;
}
.jybz li p{
    width: 80%;
    margin: auto;
    font-size: 1.3em;
    line-height: 1.8em;
    text-align: left;
    padding: 0.8em 0;
}
.ybtn{
    display: inline-block;
    width: 80%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #FFAB00;
    font-size: 1.4em;
    color: #fff;
    margin-top: 1.6em;
    text-decoration: none;
}
div.f4{
    background: #fff;
    width: 100%;
    display: table;
    padding: 2.5em 0;
    display: table;
}
.f4 div h3{
    font-size: 2.4em;
    text-align: center;
    color: #333;
}

.xzlist li{
    float: left;
    width: 289px;
    margin-left: 10px;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 10px solid #CF0303;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.xzlist li:nth-child(1){
    margin-left: 0;
}
.xzlist li h4{
    text-align: center;
    padding: 0.6em 0;
    font-size: 1.4em;
    color: #333;
}
.xzlist li h4 span{
    color: #EC5567;
}
.xzlist li p{
    width: 70%;
    margin: auto;
    font-size: 1.3em;
    line-height: 1.8em;
    text-align: left;
}

div.f5{
    background: #fff;
    width: 100%;
    display: table;
    padding: 2.5em 0;
    margin-top: 2em;
}

.f5 div h3{
    font-size: 2.4em;
    text-align: center;
    color: #333;
}

div.f6{
    width: 100%;
    height: 376px;
    background: url("../images/hj.jpg")no-repeat center;
}