.dy{
  font-family:  Microsoft YaHei UI-Regular, Microsoft YaHei UI;
  position: relative;
  background: #F5F7FA;
 
}
.bg{
	margin-top: 60px;
	width: 100%;
	height: 106px;
    background: linear-gradient(202deg, #4773FF 0%, #003DFF 100%);
}

.newsnav .index{
	width: 16px;
	height: 16px;
}
.newsnav{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.newsnav{
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
}
.newsnav a{
	padding-right: 5px;
	padding-left: 5px;
	
}
.con1{
	position: absolute;
	top: 15px;
	left: 0; 
	right: 0;
}
.list-title{
	margin-top: 16px;
	padding: 0 30px 0 20px;
	height: 60px;
	background: #FFFFFF;
	border-radius: 2px 2px 0px 0px;
	display: flex;justify-content: space-between;align-items: center;
}
.list-title h4{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	-webkit-background-clip: text;
}
.list-title a{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}
.list{
	padding-top: 30px;
}
.list .list-item{
	margin-top: 10px;
	padding: 0 30px 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 200px;
	background: #FFFFFF;
}
.item-title{
	display: flex;align-items: center;
	
	
}
.line{
	display: block;
	width: 520px;
	height: 1px;
	background: #EEEEEE;
	border-radius: 0px 0px 0px 0px;
	margin: 20px 0;
}
.item-title .item-img{
	width: 40px;height: 40px;
	margin-right: 10px;
}
.title-box h4{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}
.title-box p{
	padding-top: 5px;
	font-size: 12px;
	font-weight: 400;
	color: #999999;

}
.item-cen{
	display: flex;align-items: center;
}
.item-cen div{
	padding-right: 40px;
}
.item-cen h5{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	margin-bottom: 8px;
}
.item-cen p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}

.list .list-item .btn{
	width: 150px;
	height: 40px;
	background: linear-gradient(270deg, #4CBBFC 0%, #2774FE 100%);
	border-radius: 2px 2px 2px 2px;
	display: flex;justify-content:center;align-items: center;
	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;

}
.list .list-item:hover{
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #FF2943;

}
.list .list-item:hover .title-box h4{
	font-weight: bold;
	color: #FF2943;
}
.list .list-item:hover .btn{
	background: linear-gradient(270deg, #FF6C7E 0%, #FF2842 100%);
}
.list-gg{
	margin-top: 10px;
	background: url(../img/index-con4-gg.png)no-repeat;
	width: auto;
	height: 90px;
}
.con3-list{
	/*padding-bottom: 60px;*/
	padding-top: 60px;
}
.con3-list .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.con3-list .title h2{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	display: flex;
	align-items: end;
	
}
.con3-list .title p{
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
	font-weight: 400;

}
.more{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	display: flex;align-items: center;

}
.more:hover{
	color: #FF2943;
	font-weight: bold;
}
.more i{
	background: url(../img/index-nav-icon.png) no-repeat;
	width: 6px;
	height: 10px;
	margin-left: 6px;
}
.goods-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}

.goods-list li{
	width: 50%;
	height: 200px;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #fff;
	border-top-color: #f2f2f2;
}
.goods-list li:nth-child(2n) {
    border-left: 1px solid #f2f2f2;
}
.goods-list li:hover{
	   box-shadow: 0 5px 20px 0 rgb(0 0 0 / 7%);
    border: 1px solid #FF2943 ;
    z-index: 99;
}
.goods-list li:hover .goods-head h3{
	font-weight: bold;
	color:  #FF2943;
}
.goods-list li:hover .btn{
	width: 100px;
	background: linear-gradient(270deg, #FF6C7E 0%, #FF2842 100%);
	border-radius: 30px 30px 30px 30px;

}
.goods-list li:hover .btn p{
	display: contents;
	margin-right: 10px;
}
.goods-list li:hover .btn i{
	background: url(https://cdn.chiefgr.com/hz05/img/list-kf-hover.png)no-repeat;
	margin-left: 10px;
}
.goods-list .goods-head{
	width: 100%;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
}

.goods-list .goods-head a h3{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	margin-left: 10px;
}
.goods-list .goods-head a p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	padding-top: 5px;
	margin-left: 10px;
}
.goods-cen{
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goods-cen h5{
	height: 14px;
	font-size: 14px;
	color: #333;
	font-weight: 400;
}
.goods-cen p{
	  height: 12px;
    font-size: 12px;
    color: #999;
    padding-top: 7px;
}
.goods-cen .btn{
	width: 40px;
	height: 40px;
	background: rgba(255,41,67,0.05);
	display: flex;align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.goods-cen .btn p{
	display: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.goods-cen .btn i{
	background: url(https://cdn.chiefgr.com/hz05/img/list-kf.png)no-repeat;
	width: 20px;
	height: 20px;
}
.con4{
	background: #FFFFFF;
	margin-top: 60px;
	padding-bottom: 60px;
}
.m-goods-cen{display: none;}

@media (max-width: 630px){

.con{
	width: 100%;
	padding: 0 12px;
}
.con3-list{display: none;}
.con1{
	top: 10px;
}
.bg{
	margin-top: 30px;
    height: 50px;
}
.list-title{
	margin: 0;
	height: 40px;
	background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #FFFFFF 100%);
	border-radius: 2px 2px 0px 0px;

}
.list .list-item{
	height: 130px;
	padding: 0 12px;
}
.title-box{
	
}
.newsnav{
	display: none;
}
.m-goods-cen{
	display: flex;
}
.item-cen{
	display: none;
	margin: 15px 0;
}
.list .list-item .btn{
	display: none;
}
.line{
	width: 100%;
	margin: 15px 0;
}
.m-goods-cen{
	display: flex;justify-content: space-between;align-items: center;
}
.title-box h4{
	font-size: 14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 320px;
}
.m-goods-cen span{
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	padding-right: 5px;
}
.m-goods-cen .m-btn{
	  width: 30px;
    height: 30px;
    background: rgba(255,41,67,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.m-goods-cen .m-btn i{
	  background: url(../img/list-kf.png)no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100%;
}
.goods-list li:hover{
	border:0;
}
.goods-list li:hover .btn{
	width: 0;
	height: 0;
	background:0;
	border-radius:0;
}
.con4{
	margin: 0;
	padding: 0px;
}
.list-gg {
    background: url(../img/m-index-con4-gg.png)no-repeat;
    background-size: 100%;
    height: 60px;
}

}