.content {
    padding-top: 120px;
    background-color: #f6f6f6;
    padding-bottom: 100px;
}
.content>.container {
    width: 1520px;
    max-width: 95%;
    margin: 0 auto;overflow: hidden;
}
.body {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    background-color: #ffffff;
    display: flex;
}
.body .left{        width: 50%;    }
.bigimg {
    margin-bottom: 20px;
    width: auto;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.smallimg{
    overflow: hidden;   
    height: 120px;
}
.swiper_prev {
    background:rgba(0,0,0,0.18) url(../images/banner_arrows_left.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    position: absolute;
    width: 30px;
    left: 10px;
    top: 50%;
    margin-top: -32.5px;
    height: 65px;
    z-index: 999;
}
.swiper_prev:hover{background:rgba(0,0,0,0.26) url(../images/banner_arrows_left.png) no-repeat;background-position: center center;}
.swiper_next {
    background:rgba(0,0,0,0.18) url(../images/banner_arrows_right.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    position: absolute;
    width: 30px;
    right: 10px;
    top: 50%;
    margin-top: -32.5px;
    height: 65px;
    z-index: 999;
}
.swiper_next:hover{background:rgba(0,0,0,0.26) url(../images/banner_arrows_right.png) no-repeat;background-position: center center;}
.smallimg .swiper-slide{
    padding-left: 10px;
    padding-right: 10px;  
}
.smallimg .swiper-slide img{height: 100%;object-fit: cover;width: 100%  ;}
.body .right{        width: 50%;        padding-left: 50px;
        padding-top: 45px;}
.body .right .tit{        font-size: 30px;        margin-bottom: 20px;
        font-weight: bold;
        line-height: normal;}
.body .right .sx{display: flex;  flex-wrap: wrap;     row-gap: 10px; }
.body .right .sxli{display: flex;align-items: center;}
.body .right .sx .sxicon1{        width: 25px;}
.body .right .sx .sxspan1 {
    padding-left: 15px;
    font-size: 16px;
    margin-right: 50px;
}
.body .right .con {
    font-size: 16px;
    line-height: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.xgtj {
    margin-top: 40px;
}
.xgtj .top{display: flex;}
.xgtj .top .tit{flex: 1;        font-size: 28px;
        font-weight: bold;
        line-height: 50px;}
.xgtj .top .more{flex-shrink: 0;        font-size: 16px;
        font-weight: normal;
        line-height: normal;top: 13px;}
.xgtj .list{        margin-top: 30px;  display: flex;flex-wrap: wrap;}
.xgtj .list .li{width: 32%; margin-right:2%;        padding-bottom: 20px;        margin-bottom: 40px;background-color: #ffffff;}
.xgtj .list .li:nth-child(3n){margin-right: 0;}
.xgtj .list .li img{height: 300px;object-fit: cover;width: 100%;}
.xgtj .list .li .tit{        font-size: 22px;
        font-weight: bold;
        line-height: 45px;padding: 20px;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ 
-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ 
overflow:hidden;/*溢出隐藏*/ 
-moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     
white-space: nowrap;}
@media only screen and (max-width: 1300px) {
.xgtj .list .li img{height: 250px;}
}
@media only screen and (max-width: 1200px) {
.body .right{    padding-left: 35px;
    padding-top: 15px;}
.body .right .con{    padding-top: 15px;}
.xgtj .list .li img{height: 200px;}
}
@media only screen and (max-width: 1023px) {
.content{padding: 72px 20px 20px;}
.content>.container{max-width:100%;}
.mbx{display: none;}
.body{padding: 20px 20px 30px;    flex-wrap: wrap;}
.body .left{width: 100%;}
.bigimg{padding: 0;margin-bottom:5px;}
.smallimg{height: auto;}
.smallimg .swiper-slide{padding: 0 2px;}
.swiper_prev{left:2px;        width: 20px;}
.swiper_next{right: 2px;        width: 20px;}
.body .right{width: 100%;        padding-left: 0px;}
.body .right .tit {
    font-size: 22px;
    color: #000000;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 21px;
}
.body .right .sx{margin-bottom: 10px;}
.body .right .sx .sxicon1{width: 15px;margin-top: 1px;}
.body .right .sx .sxspan1{padding-left:10px;        font-size: 14px;
        color: #666;
        line-height: normal;
}
.body .right .con {
    padding-top: 16px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    padding-bottom: 0;
}
.xgtj{margin-top:20px;}
.xgtj .top .tit {
    flex: 1;
    line-height: 25px;
    font-size: 18px;
    font-weight: normal;
}
.xgtj .top .more{    top: 0px;        color: #484848;
        font-weight: normal;    line-height: 25px;
    font-size: 14px;}

.xgtj .list{    flex-wrap: wrap;margin-top:20px;}
.xgtj .list .li{        width: 100%;        margin-bottom: 15px;
        margin-right: 0%;padding-bottom:0;}
.xgtj .list .li img{height: auto;}
.xgtj .list .li .tit{        font-size: 16px;        padding-top: 15px;
        padding-bottom: 25px;text-align: center;        line-height: normal;font-weight:normal; }
}