body{ background:"#fff"; font-family: "PingFang SC",  "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;}
.main-cloum{width: 1000px;}
.banner{background: url(../image/sszjbanner221021.jpg) no-repeat center  top; height: 200px;overflow: hidden;}
.hr_30{height: 30px;}
.hr_20{height: 20px;}
.iph-img{display: none;}

/*  */
.boxTop{overflow: hidden;}
.boxTop .l{float: left;width: 420px;height: 245px;margin-right: 30px;}
.boxTop .l img{display: block;width: 100%;height: 100%;}
.boxTop .r{float: left;width: 550px;}
.boxTop .r .title{font-size: 22px;font-weight: bold;color: #000000;line-height: 22px;padding: 10px 0 10px 0;}
.boxTop .r .titcon{font-size: 18px;color: #000000;text-indent: 2em;line-height: 32px;}
/*  */
.listBox{overflow: hidden;}
.listBox .l{float: left;width: 600px;margin-right: 30px;}

.listBox .l ul li{
    overflow: hidden;line-height: 42px;padding-left: 14px;
    background: url(../image/Point.gif) left 23px no-repeat;
}
.listBox .l ul li a{display: block;float: left;font-size: 18px;color: #222222;}
.listBox .l ul li a:hover{color: red;}
.listBox .l ul li .time{float: right;font-size: 14px;color: #999999;}

.listBox .r{float: left;width: 370px;}

.listBox .r ul li{width: 100%;height: 210px;margin-bottom: 30px;padding: 0;background: none;}
.listBox .r ul li img{display: block;width: 100%;height: 100%;}


@media (min-width: 1440px){
.main-cloum{width: 1400px;}
/*  */
.boxTop{overflow: hidden;}
.boxTop .l{float: left;width: 600px;height: 350px;margin-right: 68px;}
.boxTop .l img{display: block;width: 100%;height: 100%;}
.boxTop .r{float: left;width: 732px;}
.boxTop .r .title{font-size: 22px;font-weight: bold;color: #000000;line-height: 22px;padding: 0px 0px ;line-height:30px; height:auto;}
.boxTop .r .titcon{font-size: 18px;color: #000000;text-indent: 2em;line-height: 36px;}
/*  */
.listBox{overflow: hidden;}
.listBox .l{float: left;width: 904px;margin-right: 56px;}

.listBox .l ul li{
    overflow: hidden;line-height: 48px;padding-left: 14px;
    background: url(../image/Point.gif) left 23px no-repeat;
}
.listBox .l ul li a{display: block;float: left;font-size: 18px;color: #222222;}
.listBox .l ul li a:hover{color: red;}
.listBox .l ul li .time{float: right;font-size: 14px;color: #999999;}

.listBox .r{float: left;width: 440px;}

.listBox .r ul li{width: 100%;height: 250px;margin-bottom: 30px;padding: 0;background: none;}
.listBox .r ul li img{display: block;width: 100%;height: 100%;}

}


@media (max-width:768px){
.iph-img img{width: 100%;height: auto;}
.main-cloum{width: 96%;}
.banner{display: none;}
.iph-img{display: block;}

.hr_50{height: 10px;}
/*  */
.boxTop{overflow: hidden;}
.boxTop .l{float: none;width: 100%;height: auto;margin-right: 0px;}
.boxTop .l img{display: block;width: 100%;height: auto;}
.boxTop .r{float: none;width: 100%;}
.boxTop .r .title{font-size: 22px;font-weight: bold;color: #000000;line-height: 22px;padding: 15px 0 5px 0;  height:auto;}
.boxTop .r .titcon{font-size: 18px;color: #000000;text-indent: 2em;line-height: 36px;}
/*  */
.listBox{overflow: hidden;}
.listBox .l{float: none;width: 100%;margin-right: 0px;}

.listBox .l ul li{
    overflow: hidden;line-height: 20px;padding-left: 8px;margin-bottom: 28px;
    background: url(../image/Point.gif) left 8px no-repeat;
}

.listBox .l ul li a{display: block;float: left;font-size: 16px;color: #222222;}
.listBox .l ul li a:hover{color: red;}
.listBox .l ul li .time{float: right;font-size: 14px;color: #999999;}

.listBox .r{float: none;width: 100%;}

.listBox .r ul li{width: 100%;height: auto;margin-bottom: 10px;padding: 0;background: none;}
.listBox .r ul li img{display: block;width: 100%;height: auto;}

}