锘縝ody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0;
}
body {
background: #f5f5f5;
}
.con {
width:1200px;
padding-top:50px;
height:870px;
margin:0px auto;
}
.con .con-left {
float:left;
width:400px;
}
.con .con-left .con-left-img1 {
height:400px;
}

.con .con-left .con-left-img2 {
margin-top:20px;
height: 430px;
}

.con .con-right {
float:left;
width:795px;
margin-left:5px;
background:#ffffff;
}
.con .con-right .con-right-lj {
height:50px;
border-bottom:1px solid #c7c7c7;
margin:20px 10px 0px 20px;
font-size:20px;
}
.con .con-right .con-right-con {
margin-left:20px;
margin-right:10px;
/*height: 660px;*/
}
.con .con-right .con-right-con ul li {
height: 50px;
padding-top: 31.5px;
border-bottom: 1px solid #c7c7c7;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size:17px;
}
.con .con-right .con-right-con ul li span {
padding-right: 10px;
padding-left: 10px;
float:left;
}
    .con .con-right .con-right-con ul li p {
    width:700px;
    float:left;
    }
    .con .con-right .con-right-con ul li p span {
        display: inline-block;
        width: 500px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        .con .con-right .con-right-con ul li p span a {
            color: #5d5d5d;
        }
            .con .con-right .con-right-con ul li p span a:hover {
                text-decoration: underline;
            }
.con .con-right .con-right-bom {
height: 90px;
margin-top: 30px;
margin-left: 60px;
}
.bom-gg {
margin: 0px auto;
width: 1255px;
height: 331px;
}

@media screen and (max-width:1920px) {
    .bom-gg {
        margin: 0px auto;
        width: 1200px;
        height: 275px;
    }
        .bom-gg img {
        max-width:1200px;
        }
}
@media screen and (max-width:1024px) {
    .con .con-left {
        float: left;
        width: 300px;
    }
    .con-left img {
        border: none;
        max-width: 100%;
    }
    .con {
        width: 1006px;
        padding-top: 50px;
        height: 870px;
        margin: 0px auto;
    }
    .bom-gg {
        margin: 0px auto;
        width: 1006px;
        height: 231px;
    }
        .bom-gg img {
            max-width: 1006px;
        }
    .con {
        height: 850px;
    }
        .con .con-left .con-left-img1 {
            height: 300px;
        }
        .con .con-left .con-left-img2 {
            margin-top: 20px;
            height: 320px;
        }
    .left-top .l-top {
        background: #9c1816;
        height: 60px;
        width: 197px;
        display: block;
        padding-top: 15px;
    }
        .left-top .l-top .l-top-font {
            font-weight: bold;
            padding-left: 52px;
            font-size: 25px;
            color: #fef9bb;
            font-family: "榛戜綋";
        }
    .left-top .l-bom-a {
        display: block;
        width: 120px;
        height: 40px;
        line-height: 37px;
        padding: 5px 20px;
        background-color: #b9241e;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 25px;
        border: none;
        cursor: pointer;
        border-radius: 15px;
        margin-left: 20px;
        margin-top: 10px;
    }
    .con .con-right {
        float: left;
        width: 700px;
        margin-left: 5px;
        background: #ffffff;
    }
        .con .con-right .con-right-con ul li p {
            width: 626px;
            float: left;
        }
}