qianshanxm_ui/qianshanrenda/static/css/index.css

.tout{
	display: flex;
	margin-top: 4px;
	align-items: center;
	margin-bottom: 24px;
}
.tout .tout_one{
	width: 11%;
}
.tout .tout_one img{
	width: 59px;
	height: 61px;
}
.tout .tout_two{
	flex: 1;
	overflow: hidden;
	/* background: #F8F8F8; */
	padding: 8px 0;
}
.tout .tout_two p{
	text-align: center;
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #0031A2;
	line-height: 45px;

}
/* 修改部分 */
.ht32{height: 32px;}
.npar_p{border-bottom: 1px dashed #DADADA;cursor: pointer;display: block;}
.npar_p h2{font-size: 18px;font-weight: bold;
color: #D31D1D;margin-bottom: 26px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 40px;}
.npar_p p{font-size: 14px;color: #666666;line-height: 30px;word-break: break-all;text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;margin-bottom: 32px;height: 90px;
}
/* .npar_p p:after{ content: " 查看详情";
  color: blue;
  cursor: pointer;} */
/*  */
.npar_p p span{color: #D31D1D;}

.rdlistl_top{width: 100%;background: #F9F9F9;height: 34px;flex: 0 0 auto;border: 1px solid #DCDCDC;}
.rdlistl_top .tit{min-width: 100px;height: 34px;background: url(../images/titicon.png) no-repeat;background-size: 100% 100%;padding:0 25px 0 17px;display: inline-block;box-sizing: border-box;line-height: 34px;margin-top: -1px;font-size: 14px;color: #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rd_zrbox .hd{border: none;}
 .rd_zrbox  .hd p a{padding-top: 10px;}
 .bannerb .hd p > label{margin-right: 15px;}
.rd_zr{padding: 17px 14px 12px;position: relative;border: 1px solid #DCDCDC;border-top: none;}
.rd_zrz img{width: 140px;height: 180px;display: block;margin: 0 auto 12px;}
.rd_zr div{font-size: 15px;color: #D31D1D;font-weight: bold;}
.rd_zr  span{color: #343434;}
.rd_zrzl{width: 60px;height: 1px;background: #DCDCDC;margin: 15px auto;}
.rd_zrr div{margin-bottom: 10px;}
.rd_zrr div span{display: none;}
.rd_zrr p span{padding: 0 5px;font-size: 15px;font-weight: bold;margin-bottom: 10px;display: inline-block;}
.rd_rjg{padding-top: 4px;}
.rd_rjg a{width: 100%;height: 40px;font-size: 16px;color: #FFFFFF;
background: linear-gradient(90deg, #C50000, #E05400);
border: 1px solid #DCDCDC;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.rd_rjg a img{width: 24px;height: 22px;margin-right: 14px;}
.rd_rjg a:hover{color: #ffffff !important;}
.rd_shbg{padding: 20px 0 0;margin-bottom: 20px !important;}
.rd_shbg img{width: 100%;margin: 0 auto;}
.banbox{width: 100%;height: 488px;background: #FFFFFF;
border: 1px solid #DCDCDC;position: relative;}


.abn_btn{display: flex;align-items: center;}
.banimg{width: 100%;height: 314px;margin-bottom: 20px;}
.bannera{padding-bottom: 0 !important;padding-top: 0 !important;width: 435px;}
.home_activ .banbox a{padding: 19px !important;position: absolute;left: 0;top: 0;display: none;box-sizing: border-box;cursor: pointer;padding-bottom: 0;}
.banbox a h2{font-size: 17px;font-weight: bold;
color: #343434;text-align: center;margin-bottom: 10px;}
.banbox a p{font-size: 14px;color: #666666;margin-bottom: 20px;height:44px;line-height: 22px;}
.abn_btnl{font-size: 14px;color: #AAAAAA;}
.abn_btnr{display: flex;align-items: center;position: absolute;right: 19px;bottom: 19px;}
.abn_btnr div{padding: 0 5px; background: #C2C2C2;font-size: 12px;color: #ffffff;margin-left: 5px;cursor: pointer;}
.abn_btnr div.act{background:#D31D1D;}
.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overtwo{word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;;}

@media (max-width: 768px) {
  .bannera{width: 100%;}
  .tout{padding: 15px 11px;}
  .npar_p p{margin-bottom: 20px;}
  .ct .ht32{height: 20px;}
  .rd_zr{display: flex;}
  .rd_zr div a{text-align: left;}
  .rd_zr div{font-size: 13px;}
  .rd_zrz img{width:105px;height: 134px;margin-bottom: 0;margin-right: 30px;}
  .rd_zrr{display: flex;align-items: flex-start;flex-wrap: wrap;overflow: hidden;}
  .rd_zrr span{font-size: 13px !important;}
  .rd_zrr div span{display: inline-block;color: #D31D1D;font-size: 13px;}
  .rd_zrr p{padding-top: 4px;flex:1;display: flex;align-items: center;flex-wrap: wrap;}
  .rd_zrzl{width: 100%;}
  .rd_rjg{display: flex;align-items: center;justify-content: space-between;}
  .rd_rjg a{width: 46%;font-size: 13px;margin-top: 8px;}
  .rd_shbg{padding: 15px !important;padding-bottom: 0 !important;padding-top: 12px !important;}
  .banbox a h2{font-size: 16px;}
  .banbox a p{font-size: 13px;}
  .npar_p h2{font-size: 16px;margin-top: 30px;margin-bottom: 20px;}
  .rd_rjg a img{width: 21px;height: 17px;}
  .banimg{height: 228px;}
  .banbox{height: 398px;}
  body.pcs .njeshome{margin-bottom: 0px !important;}
}





/* 修改部分end */



.tout .tout_two p:nth-child(2){
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 28px;
	cursor: pointer;
}

.sk > ul > li{
	/* width: 33.3333333333% !important; */
}
.sk ul li.bannera{width: 435px;}
@media (max-width: 768px) {
  .sk > ul > li{
  	width: 100% !important;
  }
}
.bhue{
	color: #666 !important;
	border-bottom: 0 !important;
}
.wagnshi{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.wagnshi_one{
	width: 19%;
}
.wagnshi_one img{
	height: 315px;
	width: 100%;
}
.wagnshi_one p{
	border: 1px solid #bfbfbf;
	border-top: 0;
	height: 64px;
	line-height: 64px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.wagnshi_one p span{
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	
}
.wagnshi_one p  img{
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

@media (max-width: 768px) {
  .wagnshi_one{
  	width: 100%;
	margin-bottom: 10px;
  }
  .wagnshi_one img{
  	width: 100%;
  }
  .wagnshi{
  	flex-wrap: wrap;
  }
  .tout .tout_one{
  	width: auto;
	flex: 0 0 auto;
	margin-right: 15px;
  }
  .tout .tout_one img{
  	width: 33px;
  	height: 34px;
  }
  .tout .tout_two{
  	width: 83%;
  }
}

.bottomfrs{
	margin-top: 43px;
	width: 100%;
	height: 520px;
	background: url(../picture/pic_hp_jcfwbg@2x.png) no-repeat;
	background-size: 100% 100%;
}
.bote{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bote p{
	font-size: 24px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 90px;
}
.bote img{
	width: 200px;
	height: 2px;
}
.bote_one{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.shoutoa{
	width: 19%;
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
.shoutoa img{
	width: 139px;
	height: 139px;
	border-radius: 50%;
}
.shoutoa span{
	font-size: 24px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 120px;
}
.shoutoa p {
	font-size: 14px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #7DFDFF;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.ol{
	margin-top: 26px;
	width: 100px;
	height: 40px;
	background: #022D53;
	border-radius: 8px;
	font-size: 14px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #62ABEC;
	/* line-height: 24px; */
	text-align: center;
	line-height: 40px !important;
}

@media (max-width: 768px) {
  .bote_one{
  	flex-wrap: wrap;
  }
  .shoutoa{
  	width: 50%;
  	margin-bottom: 20px;
  }
  .shoutoa img{
  	width: 70px;
  	height: 70px;
  }
  .shoutoa span{
  	font-size: 18px;
  	font-family: Adobe Heiti Std;
  	font-weight: normal;
  	color: #FFFFFF;
  	line-height: 40px;
  }
  .shoutoa p {
  	font-size: 12px;
  	font-family: Adobe Heiti Std;
  	font-weight: normal;
  	color: #7DFDFF;
  	line-height: 24px;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 2;
  	overflow: hidden;
  }
  .ol{
  	margin-top: 7px;
  	width: 90px;
  	height: 30px;
  	background: #022D53;
  	border-radius: 8px;
  	font-size: 14px;
  	font-family: Source Han Sans SC;
  	font-weight: 400;
  	color: #62ABEC;
  	/* line-height: 24px; */
  	text-align: center;
  	line-height: 30px !important;
  }
  .bote p{
  	font-size: 24px;
  	font-family: Adobe Heiti Std;
  	font-weight: normal;
  	color: #FFFFFF;
  	line-height: 54px;
  }
  .njue{
	  display: none;
  }
  
  
}
.nhseftj{
		display: block;
	}
@media (max-width: 768px) {
	.nhseftj{
		display: none;
	}
.tout .tout_two{padding: 0;}
  .tout .tout_two p{
	  width: 100%;
  	text-align: center;
  	font-size: 16px;
  	font-family: Microsoft YaHei;
  	font-weight: bold;
  	color: #0031A2;
  	line-height: 22px;
	white-space: normal;
	padding: 0;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .tout .tout_two p:nth-child(2){
  	font-size: 12px;
  	font-family: Microsoft YaHei;
  	font-weight: 400;
  	color: #666666;
  	line-height: 28px;
  }
  .biejus img{
	  display: none;
  }
  .biejus p{
	  text-align: center;
  }
  
}
.nhdyey a:hover{
	color: red !important;
}

.biejus img {
	width: 110px;
	height: 36px;
}
.biejus {
	position: relative;
	height: 36px;
	margin-top: 6px;
}
.biejus .container{
	border: 1px solid #DCDCDC;
	display: flex;
}
.biejus  .spju{
	position: absolute;
	z-index: 22;
	top:50%;
	transform: translateY(-50%);
	left: 1%;
	color: #fff;
}
.biejus p .spju {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-left: 0 !important;
	/* line-height: 24px; */
}

.biejus p:nth-child(2) span {
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	margin-left: 20px;
	line-height: 24px;
}
.nhy{
	background-color: #eee ;
	height: 6px;
	width: 100%;
	margin-top: 30px;
}
.hdyelaie .el-carousel__button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.hdyelaie .el-carousel__indicators--horizontal{
	left:94%;
}
 .ond{
	 background-color: #CC2525;
 }
 .ond p a{
    color: #fff;
  }
 /* .ond p::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #0056B3;
} */

.navbox{
    width: 960px;
    height: 40px;
   margin: 20px auto;
    background: #08c;
  }
  .navbox >ul>li{
     float: left;
     width: 160px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
 }
 
 /* .subnav{
     display: none;
	 position: absolute;
	 z-index: 1000;
  } */
  /*鼠标没有移入“web前端”选项栏时二级菜单隐藏*/
 /* .menu .navbox ul li:hover .subnav{
      display: block !important;
  } */
  
.nhyewsf{
	display: flex;
	flex: 1;
	align-items: center;
	
}
.nhyewsf li{
	flex: 1;
	text-align: center;
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	 
}
.nhyewsf img{
	width: 7px;
	height: 6px;
}
.hoesf{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}
.hoesf li {
	text-align: center;
	background-color: #D31D1D;
	height: 34px;
}
.u-homenews .njeshome {
	margin-bottom: 0px !important;
}
.njeshome li {
	width: 33.33% !important;
}
.njeshome .nklerdfv{
	width: 66.66% !important;
}
.nherlki{
	display: flex;
}
.nherlki ul {
	/* flex-wrap: wrap; */
	width: 50%;
	height: 100%;
	padding:  10px;
	display: flex;
	flex-direction: column;
	padding-bottom: 6px;
	/* padding: 10px; */
}
.nherlki ul li{
	width: 100% !important;
}
.vfg img{
  width: 100%;	
  height: 30px;
}
.mjkuewdfv li{
     width: 100% !important;
	 height: 33px;
	 background: url(../images/pic_bq_ztjjbg.png) no-repeat;
	 background-size: 100% 100%;
	 text-align: center;
	 margin-bottom: 14px;
	 margin-top: 16px;
}
.mjkuewdfv li:last-child{margin-bottom: 0;}
.mjkuewdfv li a{
	color: #D31D1D;
	font-weight: 700;
}
.mjkuewdfv li .cfnhd{
	width: 100%;
	height: 100%;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.mjkuewdfv li .cfnhd img{
	width: 21px;
	height: 21px;
	/* margin-left: 30px; */
}
.mjkuewdfv li .cfnhd a{
	width: 63%;
	text-align: left;
	padding-left: 20px;
	box-sizing: border-box;
}
.mjkuewdfv_two li{
	margin-top: 18px;
	margin-bottom: 39px;
}
.mjkuewdfv_two li:last-child{margin-bottom: 0;}
.mjkuewdfv_two li .cfnhd{
	justify-content: center;
}
.mjkuewdfv_two li .cfnhd a{
	padding-left:  0 !important;  
}

.mjkuewdfv_two li .cfnhd a{
	width: 50%;
	/* flex: 1; */
	text-align: left;
	padding-left: 20px;
	box-sizing: border-box;
	margin-left: 20px;
}
.four_img{
	margin: 10px 0 20px;
	display: flex;
	justify-content: space-between;
}
.four_img div{
	width: 24%;
	position: relative;
}
.four_img div img{
	width: 100%;
	height: 60px;
}
.four_img div span{
	width: 100%;
	position: absolute;
	top:50%;
	left: 0;
	text-align: center;
	transform: translateY(-50%);
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 3px 0px rgba(182,67,4,0.65);
}
.njeshome_two .nklerdfv{
	width: 100% !important;
}
.hd_two{
	display: flex;
}
.hd_two .hd{
	width: 93%;
	
}
.hd_two .hd p label{
	margin-right: 20px;
}
.hd_two .hd_span{
	width: 7%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #D31D1D;	
margin-right: 10px;
}