#merit_top{
    background:url(../img/merit/merit_top_bg.jpg) top right no-repeat;
    background-size: cover;
    height:400px;
}
.merit_top_inner{
    margin: 0 auto;
    max-width: 1040px;
}
#merit_top .merit_top_left{
    max-width:500px;
    float:left;
    margin-top:6%;
    padding-left:20px
}
#merit_top .merit_top_left h2,
#merit_top .merit_top_left p{
    color:#017df1;
    font-weight:bold;
    text-align:left;
}
#merit_top .merit_top_left h2{
    font-size:35px;
    padding:0;
    margin:0 0 20px;
}
#merit_top .merit_top_left p{
    font-size:18px;
    margin-bottom:10px;
}
#merit_top .merit_top_left a{
    max-width:250px !important;
    display:block;
    margin-top:30px;
}
.merit_section {
    margin: 0 auto;
    max-width: 1000px;
    padding: 60px 0;
}
.merit_section p{
    text-align:left;
    margin-bottom: 20px;
}
.merit_section .col_inner p{
    text-align:center;
    font-weight:bold;
    margin-top:10px;
}
.merit_section .subtitle{
    color:#01baef;
}
.merit_section .arrow .forpc{
    padding-top:70px;
    display:block;
}
.filter{
    background-color: rgba(255,255,255,0.3);
    width: 100%;
    height: 100%;
}
.col_ul{
    width:80%;
    margin-bottom: 40px;
}
.col_ul li{
    width: 1000px;
}
.col_ul li img{
    width: 100%;
    max-width: 200px;
}
.arrow span:after{
    content: "\f061";
    font-family: FontAwesome;
    font-size: 50px;
    line-height: 200px;
}
@media print, screen and (max-width:768px) {
    #merit_top .merit_top_left p{
        font-size:15px;
        margin-bottom:10px;
    }
    .col_ul li {
        width: 100%;
        margin-bottom: 60px;
    }
    .col_ul li.arrow{
        margin: 0;
    }
    .arrow span:after {
        content: "\f063";
        line-height: 150px;
        font-size: 40px;
    }
}