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;position:relative; }
.con-left-des { position: absolute; top: 46px; z-index: 2; width: 100%; }
.con-left-des p { font-size: 28px; font-weight: 700; color: #c62f2d; letter-spacing: 2px; text-align: center; margin-bottom: 18px; }

.con .con-left .con-left-img2 { margin-top: 20px;  background: white; }

.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; text-align:center; }
.bom-gg { margin: 0px auto; width: 1255px;}

.l-bom-to { height: 50px; text-align: center; line-height: 50px; font-size: 17px; }
.l-bom-to-font { color: #773736; font-size: 22px; }
.l-bom-hr { height: 8px; border: none; background: #9b1817; }
.l-bom-zx { padding: 5px 0; max-height: 200px; background: #ffffff; display: block; }
.l-bom-zx-top { height: 100px; }
.l-bom-zx-top-img { width: 140px; float: left; }
.l-bom-zx-top-img img { padding: 0px 5px 0px 45px; max-height: 100px; max-width: 100px; overflow: hidden; }
.l-bom-zx-top-font { float: left; width: 260px; height: 100px; padding-top: 10px; }
.l-bom-zx-top-font-left { width: 260px; height: 50px; }
.l-bom-zx-top-fonts { float: left; max-width: 200px; font-weight: bold; font-size: 21px; }
.l-bom-zx-top-bg { background: url('../../v2/images/Article-03.png') no-repeat -270px -10px; width: 40px; height: 51px; float: left; }
.l-bom-zx-top-jj { width: 240px; height: 30px; float: left; }
.l-bom-zx-top-jj span:first-child { padding-right: 10px; }
.l-bom-zx-top-jj span:last-child { padding-left: 10px; }
.l-bom-zx-con { padding-left: 45px; max-height: 60px; color: #6e6e6e; }
.l-bom-zx-con div:first-child { max-height: 55px; overflow: hidden; }
.l-bom-zx-con div:last-child span:first-child { color: #fb8675; }
.l-bom-zx-con div:last-child span:last-child { padding-left: 45px; }
.l-bom-zx-bom { height: 65px; margin-top: 25px; }
.l-bom-zx-a { display: block; width: 120px; height: 35px; line-height: 28px; border: 2px solid #b9241e; background-color: white; color: #b9241e; white-space: nowrap; text-align: center; font-size: 20px; cursor: pointer; border-radius: 25px; margin-left: 30px; padding-top: 5px; padding-left: 10px; padding-right: 10px; }
.l-bom-zx-a .l-bom-zx-a-zaixian { background: url('../../v2/images/Article-03.png') no-repeat -155px -10px; width: 35px; height: 30px; float: left; }
.l-bom-zx-a .l-bom-zx-a-photo { background: url('../../v2/images/Article-03.png') no-repeat -218px -10px; width: 35px; height: 30px; float: left; }
.l-bom-zx-a div:last-child { float: left; width: 80px; }
.l-bom-zx-bom-left { margin-left: 10px; float: left; width: 170px; }
.l-bom-zx-bom-right { float: left; width: 200px; }
.l-bom-zx-a:first-child:hover .l-bom-zx-a-zaixian { background: url('../../v2/images/Article-03.png') no-repeat -30px -10px; }
.l-bom-zx-a:first-child:hover { color: white; background: #b9241e; }
.l-bom-zx-a:first-child:hover .l-bom-zx-a-photo { background: url('../../v2/images/Article-03.png') no-repeat -95px -10px; }
.hr-xhx { background: #818181; border: none; height: 1px; }

@media screen and (max-width:1920px) {
    .bom-gg { margin: 0px auto; width: 1200px; }
    .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; }
    .bom-gg img { max-width: 1006px; }
    .con { height: 850px; }
    .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; }
}

.con-right-bom .layui-laypage span, .con-right-bom .layui-laypage button, .con-right-bom .layui-laypage a, .layui-laypage span { font-size: 17px; }