.jc_bg{background: url(/Sites/Uploaded/UserUpLoad/20171221/20171221144603.png) no-repeat center;padding: 70px 0 100px;width:725px;height:550px;margin: 0 auto 60px;}
.jc_bg ul{position: relative;height: 578px;width: 578px;}
.jc_bg ul li{position: absolute;text-align: center;}
.jc_bg ul li a.Img img{display: block;margin: 0 auto;}
.jc_bg ul li a.name{font-size: 16px;color: #333;line-height: 34px;}
.jc_bg ul li a.name:hover{color: #f17944;}
.jc_bg ul li p{color: #999;font-size: 14px;}

.jc_bg ul li.hdm{left: 182px;
 top: -107px; *width: 294px;}

.jc_bg ul li.hdm .name{position: absolute;
 top: 54px;
 left: -135px;}
.jc_bg ul li.hdm p{position: absolute;
 top: 85px;
 left: -160px; }
.jc_bg ul li.zl{ right: 30px;top: -107px;*width: 182px;}
.jc_bg ul li.wxd{left: 271px;
 bottom: -169px;*width: 238px;}

.jc_bg ul li.cxq{left: -26px;
 bottom: -73px;*width: 210px;}
.jc_bg ul li.hlh{right: -161px;
 bottom: -73px;*width: 182px;}
.jc_bg ul li.zh{right: -245px;
 top: 96px;*width: 182px;}
.jc_bg ul li.zh .name{position: absolute;top: 176px;
 right: 30px;}
.jc_bg ul li.zh p{position: absolute;top: 208px;
 right: 4px;
 width: 96px;
  margin:0 auto;
}
.jc_bg ul li.lb{left: -94px;
 top: 96px;*width: 182px;}

.jc_bg ul li.zl .name{position: absolute;right: -114px;top: 54px;}
.jc_bg ul li.zl p{position: absolute;right: -196px;
 top: 85px;}
.jc_bg ul li.lb .name{position: absolute; right: 123px; top: 176px;;}
.jc_bg ul li.lb p{position: absolute; right: 85px;
 top: 208px;}

.hj_bg{background: url(/Sites/Uploaded/UserUpLoad/20170718/20170718142721.png) no-repeat top center;width: 642px;height: 280px;margin: 50px auto;}
.hj_bg ul li{float: left;margin: 11px 0 0 11px;width: 198px;text-align: center;_margin-left:5px; }
.hj_bg ul li a.name{margin-top: 20px;display: block;font-size: 16px;}

.bottom_line{display: inline-block;
 border-bottom: 3px solid #f17944;}
@media only screen and (max-width: 768px){
	.jc_bg {background: none;padding: 20px 10px;width: 100%;height: auto;margin: 0;box-sizing: border-box;}
	.jc_bg ul {position: initial;height: 100%;width: auto;}
 .jc_bg ul li,.jc_bg ul li .name,.jc_bg ul li p {position: initial !important;}

 .hj_bg {background: none;width: 100%;height: auto;margin: 20px 0;}
 .hj_bg ul li {margin: 0;width: 33.333%;}
 .jc_bg ul li{float: left;width: 33.333%;height: 240px;}
 .jc_bg ul li.hdm{float: none;width: 100%;height: auto;}

}
@media only screen and (max-width: 700px){
	.jc_bg ul li,.hj_bg ul li{width: 50%;}
}
@media only screen and (max-width: 480px){
	.jc_bg ul li,.hj_bg ul li{width: 100%;}
}