.index3-nav{
    width: 100%;
    height: 380px;
}
.index3-cnt{
    width: 1200px;
    height: auto;
    margin: 45px auto 0 auto;
}
.index3-cnt-right-cnt{
    width: 100%;
    margin-top: 45px;
}
.u7{
    text-align: left;
}
.l7{
    position: relative;
    width: 273px;
    height: 230px;
    display: inline-block;
    background: #eff0f0;
    text-align: center;
    text-align-last: center;
    cursor: pointer;
    margin-bottom: 25px;
    margin-right:19px;
}

.l7-img{
    width: 100%;
    height: 182px;
}
.l7-img img{
    width: 273px;
    height: 182px;
}

.l7-cnt{
    width: 100%;
    height: 48px;
    padding-top: 13px;
    box-sizing: border-box;
    background: #CCCCCC;
    font: 14px 'Microsoft Yahei';
    color: #333333;
}
.index3-cnt-right-foot{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 45px;
}
.l8{
    width: 29px;
    height: 27px;
    background: #ffffff;
    border:1px solid #e5e5e5;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    box-sizing: border-box;
    cursor: pointer;
}
.l8-1{
    width: 66px;
    height: 27px;
    background: #ffffff;
    border:1px solid #e5e5e5;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    box-sizing: border-box;
    cursor: pointer;
}
.l8:hover{
    color: #ffffff;
    background: #034594;
    border: 1px solid #305dc3;
}
@media only screen and (max-device-width: 768px) {
    .index3-nav {
        height: 335px;
    }
    .index3-cnt{
        width: 980px;
    }
    .index-cnt-left{
        width: 690px;
        float: none;
        margin: 0 auto;
    }
    .index-cnt-right{
        width: 980px;
        margin-top: 25px;
        float: none;
    }
    .index-cnt-left{
        width: 690px;
        float: none;
        margin: 0 auto;
    }
    .index-cnt-left-nav{
        width: 691px;
        height: 165px;
        background: url('../image/top2.png');
        margin-bottom: 25px;
    }
    .index-cnt-left-nav .p9{
        font-size: 48px;
    }
    .index-cnt-left-nav .p5{
        font-size: 28px;
    }
    .index-cnt-left-cnt{
        width: 100%;
    }
    .u6{
        padding: 5px 45px 0 45px;
    }
    .l6{
        width: 100%;
        height: 80px;
        font-size: 32px;
        padding-top: 20px;
    }
    .l6 img{
        width: 20px;
        height: 20px;
    }
    .index-cnt-right{
        width: 980px;
        margin-top: 25px;
        float: none;
    }
    .index-cnt-right-nav{
         border-left: 10px solid #1c86e3;
        margin-bottom: 15px;
        height: 60px;
     }
    .index-cnt-right-nav .sp6{
        font-size: 44px;
        display: block;
    }
    .index-cnt-right-nav .sp4{
        font-size: 28px;
        float: left;
    }
    .index-cnt-right-cnt{
        margin-top: 25px;
    }
    .index3-cnt-right-cnt{
        width: 813px;
        margin: 0 auto;
        padding-top: 65px;
        box-sizing: border-box;
    }
    .l7{
        width: 385px;
        height: 316px;
    }
    .l7-img{
        height: 248px;
    }
    .l7-img img{
        width: 300px;
        height: 248px;
    }
    .l7-cnt{
        height: 65px;
        font-size: 28px;
    }
    .l8-1{
        width: 142px;
        height: 60px;
        font-size: 28px;
        padding-top: 8px;
        box-sizing: border-box;
        vertical-align: middle;
    }
    .l8{
        width: 60px;
        height: 60px;
        font-size: 28px;
        padding-top: 8px;
        box-sizing: border-box;
        vertical-align: middle;
    }
}