.second_div{
    width: 100%;
    position: relative;
}
.third_div{
    width: 100%;
    position: relative;
}
.fouth_div{
    width: 100%;
    position: relative;
}
.fifth_div{
    width: 100%;
    position: relative;
}
.sixth_div{
    width: 100%;
    position: relative;
}
.eighth_div{
    width: 100%;
    position: relative;
}
body{
    margin: 0px;
    font-family: myFirstFont;
}
img{
    vertical-align: middle;
    position: relative;
}
.borderBottom {
    border-bottom: 1px solid rgb(234, 234, 234);
}
@font-face
{
    font-family: myFirstFont;
    src: url('SOURCEHANSANSCN-LIGHT.OTF')
}
.index-mask {
    float: right;
    height: 350px;
    width: 52%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
}
.index_cell_left{
    float: left;
    height: 350px;
    width: 52%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.index_cell_context{
position: absolute;
margin-top: 92px;
margin-left: 12%;
padding-left: 20px;
color: #F66A22;
}
.index_vertical_line{
    float: left;
    width: 5px;
    height: 100%;
    position: absolute;
    left: -25px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FA62A1, endColorStr=#F66B1C);
    background: -ms-linear-gradient(top,#ea6457,#f8e464);
    background: -moz-linear-gradient(top,#ea6457,#f8e464);
    background: -webkit-gradient(linear,0 0,100% 100%,from(#ea6457),to(#f8e464));
    background: -webkit-linear-gradient(top,#ea6457,#f8e464);
    background: -o-linear-gradient(top,#ea6457,#f8e464);
}
.index_cell_h2 {
    font-size: 4rem;
    display: inline-block;
    color: #FB62A1;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, from(#f8e464), to(#ea6457));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 10px 0 20px 0;
}
.index_cell_bigH {
    font-size: 4rem;;
    color: #FB62A1;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, from(#f8e464), to(#ea6457));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 10px 0 20px 0;
}
.index_cell_bigSpan{
    font-size: 2rem;
}
.index_cell_desc{
    font-size: 1.7rem;
    color:#ffffff;
}
.index_cell_right{
    float: right;
    height: 350px;
    width: 52%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.right{
    right: 0;
}

.fifth_average{
    width: 25.333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.area-content-cell {
    width: 180px;
    min-height: 150px;
    text-align: center;
    line-height: 2rem;
    overflow: hidden;
    word-wrap: break-word;
    margin: 60px auto 50px auto;
}
.fifth_img_circle01{
    width: 115px;
    height: 115px;
    background: url(../image/index_circle_01.png) no-repeat;
    text-align: center;
    line-height: 115px;
    font-size: 1.4rem;
    margin: 0 auto;
}
.fifth_img_circle02{
    width: 115px;
    height: 115px;
    background: url(../image/index_circle_02.png) no-repeat;
    text-align: center;
    line-height: 115px;
    font-size: 1.4rem;
    margin: 0 auto;
}
.fifth_img_circle03{
    width: 115px;
    height: 115px;
    background: url(../image/index_circle_03.png) no-repeat;
    text-align: center;
    line-height: 115px;
    font-size: 1.4rem;
    margin: 0 auto;
}
.sixth_average{
   float: left;
    width: 12%;
}
.sixth_average img{
    width: 80px;
    height: 80px;
}
.index_jiantou_img{
    float: left;
    width: 50px;
    margin-top: 28px;
}
.seventh_average{
    width: 15.333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}