body, html {
    width: 100%;
    font: 400 12px/1.5 "Microsoft Yahei"!important;
    color: #333;
}
.cl::after{
	content: '';
	clear: both;
}
.outermost_box{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
#content{
	width: 1200px;
	margin: 45px auto;
	position: relative;
}
.rightpoa{
	width: 126px;
	display: block;
	position: absolute;
	right: -146px;
	top: 0;
}
.rightpoa a{
    display: block;
    line-height: 34px;
    font-size: 16px;
    color: #333;
}
.rightxf{
	width: 126px;
	height: 126px;
	display: block;
	margin-bottom: 30px;
}
.one_part .left{
	width: 700px;
	height: 345px;
	float: left;
}
.one_part .left #oneSwiper{
	width: 100%;
	height: 100%;
}
.one_part .left #oneSwiper .lbbgpic{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.one_part .left #oneSwiper .oneSwiperPrev{
	width: 28px;
	height: 50px;
	background: url(/webpage/public_new/images/prev.png) center no-repeat;
}
.one_part .left #oneSwiper .oneSwiperNext{
	width: 28px;
	height: 50px;
	background: url(/webpage/public_new/images/next.png) center no-repeat;
}
#oneSwiper .swiper-pagination-bullet{
	width: 16px;
	height: 3px;
	background: #fff;
	opacity: 1;
	border-radius: 2px;
}
#oneSwiper .swiper-pagination-bullet-active{
	background: #ef0c0c!important;
}
#oneSwiper a{
	display: block;
	height: 100%;
}
#oneSwiper .spTip{
	width: 85px;
	height: 85px;
	position: absolute;
	left: 295px;
	top: 130px;
}
#oneSwiper .oneSwiperPage{
	width: 18%;
	left: 80%;
	bottom:15px;
}
#oneSwiper .title_s{
	width: 100%;
	height: 45px;
	line-height: 45px;
	position: absolute;
	bottom: 0;
	padding-left: 20px;
	padding-right: 20%;
	box-sizing: border-box;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,0.2);
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#oneSwiper .title_s .title_tip{
	display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #ef0c0c;
    font-weight: 600;
    background: #fff;
    padding: 0 6px;
    margin-right: 10px;
    border-radius: 5px;
}
.one_part .right{
	width: 485px;
	height: 345px;
	float: right;
}
.one_part .right .one_pic{
	width: 235px;
	height: 168px;
	float: left;
	position: relative;
}
.one_part .right .one_pic:nth-child(2n+1){
	margin-right: 15px;
}
.one_part .right .one_pic:nth-child(3){
	margin-top: 9px;
}
.one_part .right .one_pic:nth-child(4){
	margin-top: 9px;
}
.one_part .right .one_pic .picture{
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.one_part .right .one_pic .sptip{
	width: 35px;
	height: 34px;
	position: absolute;
	left: 100px;
	top: 67px;
}
.one_part .right .one_pic .one_title{
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	box-sizing: border-box;
	background:rgba(0,0,0, 0.5);
	display: flex;
    align-items: center;
}
.one_part .right .one_pic:hover .one_title{
	height: 100%;
	padding: 10px 25px;
}
.column{
	width: 100%;
	height: 110px;
	margin-top: 20px;
}
.column .lefta{
	width: 590px;
	height: 110px;
	border-radius: 4px;
	background: url(/webpage/public_new/images/lanmuL.png) center no-repeat;
	background-size: cover;
	display: block;
	float: left;
}
.column .righta{
	width: 590px;
	height: 110px;
	border-radius: 4px;
	background: url(/webpage/public_new/images/lanmuR.png) center no-repeat;
	background-size: cover;
	display: block;
	float: left;
}
.column .righta{
	margin-left: 20px;
}

.column_t{
	transform: skewX(-20deg);
	height: 22px;
    line-height: 22px;
    padding-left: 14px;
    width: 300px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin: 45px 0 30px;
    border-left: 6px solid red;
}
.column_t span{
    transform: skewX(20deg);
    display: block;
}
.two_part .left{
	width: 865px;
	height: 100%;
	float: left;
}
.two_part .left img{
	width: 100%;
	height: 100%;
}
.two_part .left .img_1{
    width: 646px;
    height: 330px;
    display: block;
    float: left;
    position: relative;
}
.two_part .left .img_1 .picture{
	width: 100%;
	height: 100%;
}
.two_part .left .img_1 .sptip{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 125px;
	left: 50%;
    margin-left: -40px;
}
.two_part .left .img_1 .title_tip{
	position: absolute;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
    padding: 0 20px 0 50px;
    background: rgba(0,0,0,0.3);
    background-image: url(/webpage/public_new/images/h.png);
    background-repeat:no-repeat;
	background-position:left 15px center;
    width: 100%;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}
.two_part .left .img_1 .title_tip .time{
	font-size: 12px;
	font-weight: normal;
}
.two_part .left .lm_class{
	color: #fff;
	display: block;
	padding: 0 3px;
	box-sizing: border-box;
	font-size: 12px;
	background: red;
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 4px;
}
.two_part .left .img_2{
    width: 208px;
    height: 106px;
    position: relative;
    float: right;
}
.two_part .left .img_2 .picture{
	width: 100%;
	height: 100%;
}
.two_part .left .img_2 .sptip{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 38px;
	left: 50%;
    margin-left: -15px;
}
.two_part .left .img_2 .title_tip{
	position: absolute;
    bottom: 0;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
    padding: 0 10px;
    background: rgba(0,0,0,0.3);
    width: 100%;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}
.two_part .left .img_2:nth-child(4){
	margin: 6px 0;
}
.two_part .right{
	width: 305px;
	height: 100%;
	float: right;
	/*background: red;*/
}
.two_part .right .box{
	width: 100%;
	height: 330px;
	padding:15px 26px;
	border:1px solid #ddd;
	box-sizing: border-box;
}
.two_part .right .box ul{
	width: 100%;
	padding-bottom: 40px;
	/*height: 100%;*/
	box-sizing: border-box;
	border-left:1px dashed #d7d7d7;
}
.two_part .right .box li{
	width: 100%;
	/*height: 145px;*/
	padding: 25px 15px 0;
	box-sizing: border-box;
	position: relative;
}
.two_part .right .box li .pic{
    width: 180px;
    height: 100px;
    float: left;
    background: url(/webpage/public_new/images/y1.jpg) center no-repeat;
    background-size: cover;
    border-radius: 4px;
}
.two_part .right .box li .circle{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: red;
	position: absolute;
	left: -4px;
}
.two_part .right .box li .zbtime{
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 30px;
    margin-top: -10px;
}
.two_part .right .box li .zbinner{
	width: 130px;
	height: 100px;
	padding: 5px 0;
	box-sizing: border-box;
	float: right;
	position: relative;
}
.bblod{
	color: #333;
	font-weight: 600;
}
.two_part .right .box li .zbname{
    font-size: 12px;
    color: #333;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
}

.hq_headcard{
	width: 100%;
}
.hq_headcard .box{
	width: 136px;
	height: 185px;
	float: left;
	margin-right: 16px;
	border:1px solid #eee;
	box-sizing: border-box;
	transition: all 0.6s;
}
.hq_headcard .box:last-child{
	margin-right: 0;
}
.hq_headcard .box:hover{
	transform: scale(1.1);
	border:none;
	box-shadow:1px 1px 5px #666; 
}
.hq_headcard .box:hover span{
	color: red;
	font-weight: 600;
}
.hq_headcard .box:hover a{
	color: #fff;
	background: red;
	border: none;
}
.hq_headcard .box .head_img{
	width: 76px;
	height: 76px;
	border-radius: 50%;
	display: block;
	margin: 15px auto 0;
}
.hq_headcard .box h1{
    text-align: center;
    font-size: 12px;
    color: #333;
    padding: 0 5px;
    box-sizing: border-box;
    font-weight: 600;
    line-height: 30px;
}
.hq_headcard .box span{
    text-align: center;
    font-size: 12px;
    display: block;
    color: #333;
    padding-bottom: 5px;
}
.hq_headcard .box a{
	display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #333;
    border: 1px solid #eee;
    width: 55px;
    border-radius: 4px;
    line-height: 24px;
}
.three_part .left{
	width: 865px;
	height: 100%;
	float: left;
}
.three_part .left .box{
	width: 100%;
	height: 100%;
}
.box_inner_common{
	width: 205px;
	display: block; 
	float: left;
	margin-right: 15px;
	position: relative;
}
.box_inner_common:nth-child(4n){
	margin-right: 0;
}
.box_inner_common:nth-child(5){
	margin-top: 25px;
}
.box_inner_common:nth-child(6){
	margin-top: 25px;
}
.box_inner_common:nth-child(7){
	margin-top: 25px;
}
.box_inner_common:nth-child(8){
	margin-top: 25px;
}
.box_inner_common .spbg{
	width: 205px;
	height: 115px;
	border-radius: 4px;
}
.box_inner_common .spbg1{
	width: 205px;
	height: 115px;
	border-radius: 4px;
	display: none;
}
.box_inner_common .sps{
	width: 39px;
	position: absolute;
	top: 38px;
	left: 83px;
}
.box_inner_common h1{
	font-size: 14px;
    color: #333;
    font-weight: 600;
    margin: 10px 0 5px;
}
.box_inner_common p{
	font-size: 12px;
    color: #333;
}
.ellipsis{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.three_part .right{
	width: 305px;
	height: 100%;
	float: right;
}
.three_part .right .box{
	width: 100%;
	height: 420px;
	padding: 30px 35px 0 20px;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}
.three_part .right .box .inner{
	height: 125px;
	display: block;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}
.three_part .right .box .inner:last-child{
	border-bottom: none;
}
.top_list{
	width: 100%;
    padding: 25px 35px 25px 20px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.hotdu{
	float: right;
    width: 48px;
    text-align: center;
    line-height: 28px;
    border-radius: 15px;
    background: red;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.listq3{
	width: 100%;
    height: 64px;
    line-height: 76px;
    margin-top: 26px;
}
.listq3 i{
	font-size: 34px;
	font-weight: 600;
	display: block;
	float: left;
}
.pm{
	width: 82px;
	height: 64px;
	float: left;
	position: relative;
}
.pm1{
	background: url(/webpage/public_new/images/pm1.png) center no-repeat;
	background-size: 56px;
}
.pm2{
	background: url(/webpage/public_new/images/pm2.png) center no-repeat;
	background-size: 56px;
}
.pm3{
	background: url(/webpage/public_new/images/pm3.png) center no-repeat;
	background-size: 56px;
}
.pm img{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: absolute;
    top: 17px;
    left: 22px;
}
.pm3 img{
    top: 16px;
    left: 22px;
}
.mtm{
	color: #333;
	font-size: 14px;
	font-weight: 600;
    display: block;
    float: left;
}
.rdsl{
	width: 60px;
    display: block;
    float: right;
	text-align: right;
	color: #333;
	font-size: 16px;
	font-weight: 600;
}
.color1{
	color: #ffbe0a;
}
.color2{
	color: #a3c2e1;
}
.color3{
	color: #f08f48;
}
.color{
	width: 34px;
	text-align: center;
	font-size: 28px;
	color: #c0d0e1;
	display: block;
	float: left;
}
.listh3{
	width: 100%;
	height: 50px;
	clear: both;
	margin-top: 23px;
	line-height: 50px;
}
.listh3 img{
	width: 48px;
	height: 48px;
	margin: 3px 14px 3px 10px;
	float: left;
	border-radius: 50%;
	box-sizing: border-box;
	border:2px solid #eee;
}
.four_part .left{
	width: 865px;
	height: 100%;
	float: left;
}
.four_part .right{
	width: 305px;
	height: 400px;
	float: right;
}
.qcrscs{
	width: 305px;
	height: 310px;
	margin-top: 96px;
}

.view_more{
	display: block;
	float: right;
    font-size: 12px;
    color: #666;
    margin-top: 50px;
}
.view_more:hover{
	color: red;
}
.five_part .box{
	width: 100%;
	height: 100%;
}
.five_part .box .box_inner{
	width: 232px;
	display: block;
	color: #666;
	font-size: 12px;
	margin-right: 10px;
	float: left;
	position: relative;
}
.five_part .box .box_inner:nth-child(5n){
	margin-right: 0;
}
.five_part .box .box_inner .spbg{
	width: 232px;
	height: 162px;
	border-radius: 4px;
}
.five_part .box .box_inner .spbg1{
	width: 232px;
	height: 162px;
	border-radius: 4px;
	display: none;
}
.five_part .box .box_inner .sptip{
	width: 40px;
    height: 38px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 62px;
}
.five_part .box .box_inner h1{
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px 0 5px;
}
.five_part .box .box_inner .info{
	width: 200px;
	float: left;
}
.five_part .box .box_inner .view{
    position: absolute;
    top: 137px;
    right: 10px;
    padding-left: 3px;
    background: url(/webpage/public_new/images/eye.png) left center no-repeat;
    background-size: 20px;
}
.five_part .box .box_inner .view span{
	margin-left: 20px;
	color: #fff;
	text-align: right;
}
.five_part .box .box_inner:nth-child(6){
	margin-top: 20px;
}
.five_part .box .box_inner:nth-child(7){
	margin-top: 20px;
}
.five_part .box .box_inner:nth-child(8){
	margin-top: 20px;
}
.five_part .box .box_inner:nth-child(9){
	margin-top: 20px;
}
.five_part .box .box_inner:nth-child(10){
	margin-top: 20px;
}
















#friend{
	width: 100%;
	overflow: hidden;
	background: #F6F6F6;
}
#friend .friend_box{
	width: 1200px;
	height: 175px;
	margin: 0 auto;
}
#friend .category{
    transform: skewX(-20deg);
    height: 22px;
    line-height: 22px;
    padding-left: 14px;
    width: 300px;
    display: inline-block;
    font-weight: 600;
    border-left: 6px solid red;
	font-size: 18px;
    float: left;
    margin: 15px 0;
    font-weight: 600;
    width: 80%
}
#friend .category span{
	transform: skewX(20deg);
    display: block;
}
#friend .linkName {
    width: 100%;
    height: 100px;
    padding: 20px 40PX;
    clear: both;
    box-sizing: border-box;
}
#friend .linkName a{
	color: #333;
	font-size: 12px;
}
#footer{
	margin-top: 0!important;	
}