body{ background:#f0f5f8; }
.hdp{ width:100%; overflow:hidden;     background: rgba(35,176,194,0.4); }
.hdp1{ width:1200px; margin:0 auto; padding:30px 0; overflow:hidden; }
.hdp1 .hdp_l{ float:left; width:900px; height:506px; overflow:hidden;   border-radius: 10px;  box-sizing: border-box; }
.hdp1 .hdp_l img{width:100%;border-radius:10px;}
.hdp1 .hdp_r{ float:left; width:280px; margin-left:20px; }
.hdp1 .hdp_r .hdp_rim{width:280px; height:156px;border-radius:5px;border-radius: 10px; box-sizing: border-box;margin-top:18px;}
.hdp1 .hdp_r .hdp_rim img{ width:100%; border-radius:5px;height:156px; }
.hdp1 .hdp_r .this{ position: relative; }
.lanmu{ width:1200px; margin:60px auto; overflow:hidden; }
.lanmu .lanmu_x{ width:155px; float:left; height:145px; background:#fff; border-radius:10px; margin-left:19px; }
.lanmu .lanmu_x .lanmu_x1{ width:58px;  margin:35px auto 0;  }
.lanmu .lanmu_x .lanmu_x1 img{ height:51px; width:auto; }
.lanmu .lanmu_x span{ text-align:center; margin-top:18px;display: block; }
.lanmu .lanmu_x .lanmu_k img{    padding: 5px;  box-sizing: border-box;}
.hdp .this:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; box-shadow:0 0 40px 15px #0b1125 inset; border-radius:5px;}

 .mzb{ width:1200px; margin:60px auto 0; overflow:hidden; }
 .mzb a::hover{ color:#333; }
 .mzb .mzb_a{ float:left; width:820px;  overflow:hidden; }
 .mzb .mzb_a1{ width:100%; overflow:hidden; height:30px; }
 .mzb .mzb_a1 i{width:5px; height:20px; float:left;background:#55aec0; margin-top:5px; border-radius:3px; }
 .mzb .mzb_a1 h2{margin:0;padding:0; float:left; margin-left:10px; line-height:30px; font-weight:700;}
 .mzb .mzb_a1 a{margin:0;padding:0; float:right; color:#b1b3b4;line-height:30px;font-weight:700; font-size:16px;}
 .mzb .mzb_a .mzb_a2{width:100%; margin-top:20px;}
 .mzb .mzb_a .mzb_a2 .mzb_d{ float:left; margin-left:20px;width:400px; background: #fff; border-radius: 15px;  overflow: hidden;padding-bottom: 10px;}
 .mzb .mzb_a .mzb_a2 .mzb_d .mzb_dm{ width: 100%; height:225px; position: relative;}
 .mzb .mzb_a .mzb_a2 .mzb_d .mzb_dm .mzb_bjt{ width:400px; height:225px; }
 .mzb .mzb_a .mzb_a2 .mzb_d .mzb_dm .mzb_dmj{position: absolute;top: 0; height:225px; width: 100%; background: rgb(0 0 0 / 30%);display:none; }
 .mzb .mzb_a .mzb_a2 .mzb_d .mzb_dm .mzb_dmj .mzb_spbf{position: absolute; top:87.5px; left:137.5px; height:auto; width:125px; }
 .mzb .mzb_a .mzb_a2 .mzb_d .mzb_dm .mzb_dmj .mzb_tjbf{position: absolute; top:85px; left:172px; height:56px; width:56px; }
 .mzb .mzb_a .mzb_a2 .mzb_d p{padding:10px 18px 0; margin:0;font-size: 16px; line-height: 26px; color:#333;height: 62px; box-sizing: border-box;overflow: hidden;
    display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
 .mzb .mzb_b{ width:360px; float:left; margin-left:20px; overflow:hidden;  }
 .mzb_b2{ width:360px; height:297px; background:#fff; border-radius:10px;margin-top:20px; }
 .mzb_b2 p{ width:80%; margin-left:10%; text-align:center; color:#777; font-size:14px; padding-top:30px;}
 .mzb_b2 .img img{ margin-top:15px;width:170px; height:auto; margin-left:95px; border-radius:10px; overflow:hidden;}
 .ship{ width:1200px; overflow:hidden; margin:40px auto 0; }
 .ship .ship1{ width:100%; overflow:hidden; height:30px; }
 .ship .ship1 i{width:5px; height:20px; float:left;background:#55aec0; margin-top:5px; border-radius:3px; }
 .ship .ship1 h2{margin:0;padding:0; float:left; margin-left:10px; line-height:30px; font-weight:700;}
 .ship .ship1 a{margin:0;padding:0; float:right; color:#b1b3b4;line-height:30px;font-weight:700; font-size:16px;}
 .ship2{width:100%; overflow:hidden;  }
 .ship2 .ship2_a{ width:285px; float:left; overflow:hidden;    background: #fff; border-radius: 8px; margin-left:20px; margin-top:20px;padding-bottom: 10px;}
 .ship2 .ship2_a .ship2_im{ width: 100%; height:160.3125px; position: relative;}
 .ship2 .ship2_a .ship2_im .spbjt{width:285px; height:160.3125px; }
 .ship2 .ship2_a .ship2_im .ship2_act{position: absolute;top: 0; height:160.3125px; width: 100%; background: rgb(0 0 0 / 30%); display:none;}
 .ship2 .ship2_a .ship2_im .ship2_act .spbf{position: absolute; top:52.1px; left:114.5px; height:56px; width:56px; }
 .ship2 .ship2_a .ship2_im .ship2_act span{position: absolute; bottom:10px; left:10px; color:#fff; }
 .ship2 .ship2_a p{padding:10px 18px 0; margin:0;font-size: 14px; line-height: 26px; color:#333;height: 62px; box-sizing: border-box;overflow: hidden;
  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
 .qiehuan{ margin-top:25px; text-align:center;     width: 100%; display: block;}
 .qiehuan img{ width:24px; height:24px; float:left;}
 .qiehuan span{ float:left; display:block; color:#55aec0;}
 .qiehuan_a{ background: url(/starts/images/qiehuan.png) no-repeat; max-width: 100px; height: 30px;  background-size: 20px 20px; padding-left: 25px; display: inline-block; cursor:pointer; } 
.mzb_b2n{ padding: 0px 15px; width: 100%;overflow: hidden; box-sizing: border-box; margin-top: 20px; display: inline-block; color:#666;}
.mzb_b2m {    float: left; width: calc( 100% - 55px );white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mzb_b2n time{ float:right;  }
.mzb_b2 .mzb_d{ width:100%; overflow:hidden; }
.mzb_b2 .mzb_d img{ width: 80%; margin-left: 10%; height: auto; margin-top: 20px; border-radius: 5px; }
.mzb_b2 .mzb_d p{ padding:0;  color:#777;  font-size: 16px; margin-top: 10px; }
.mzb_b2 .mzb_d .kbsj{     text-align: center;  font-size: 16px; margin-top: 15px; color: #23b0c2;  font-weight: bolder; }
.news{
    width: 100%;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    box-sizing: border-box;
    margin: 20px 0;
}
.news .cona {
    display: flex;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
}
.news .cona:last-child{
  border-bottom: none;
}
.news .cona .cona_1 {
   width: 32%;
    margin-right: 20px;
}
.news .cona .cona_1 img {
    width: 100%;
	border-radius:3px;
}
.news .cona .cona_2{
   width:100%;
   position:relative;
}
.news .cona .cona_2 a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight:600;
	font-size:18px;
}
.news .cona .cona_2 p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
    font-size: 16px;
    margin: 15px 0;
    line-height: 150%;
    color: #777;
}
.news .cona .cona_2 .time{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
	color:#777;
	position:absolute;
	bottom:0;
	    width: 100%;
}
.li_on{ width:1200px; margin:30px auto; color:#777; }
.li_on a{ color:#444; }
.li_tw{    width: 1200px; margin: 10px auto;  background: #fff;  padding: 20px 30px 5px; overflow: hidden; border-radius:5px;   box-sizing: border-box;}
.li_tw .li_st { width: 100%;  overflow: hidden;margin-bottom: 25px;}
.li_tw .li_sl {  width: 50px;  float: left; line-height: 30px; color:#999;}
.li_tw ul{    float: left;}
.li_tw ul li{list-style: none; float: left; margin-left: 20px;  height: 30px; line-height: 30px;   padding: 0 15px; border-radius: 15px;}
.li_tw ul a{ color: #333; }
.li_tw ul a:hover{ color:#55aec4; }
.li_tw .this{background: #eef7f9;  }
.li_tw a .this { color: #55aec4;}
.layui-laypage-prev{     margin-right: 10px; border-radius: 10px; }
.layui-laypage a, .layui-laypage span{border-radius: 14px !important; margin-right: 10px; border: 1px solid #dedede;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{     border: 1px solid #55aec4;background: #fff;border-radius: 15px;padding: 0; }
.layui-laypage .layui-laypage-curr em{ color: #55aec4; }
.layui-laypage a, .layui-laypage span {border-radius: 14px; margin-right: 10px;border: 1px solid #dedede;}
.layui-laypage .layui-laypage-spr{color: #999; font-weight: 700; background: none; border: none;}
#demo7{    margin: 20px auto;      display: table;}
.news_content{
    width:1200px;
    margin: 10px auto;
    background: #fff;
    padding: 30px 20px;
    box-sizing: border-box;
}
.news_content h4{
 font-size: 18px;
    color: #333;
    font-weight: 600;
}
.news_content .one1{
     display: flex;
    justify-content: space-between;
    margin: 20px 0 10px;
    color: #777;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}
.news_content .one2{
  margin-top:20px;
  font-size: 16px;
}