.dy{
  font-family:  Microsoft YaHei UI-Regular, Microsoft YaHei UI;
  position: relative;
  background: #F5F7FA;
 
}
.bg{
	margin-top: 3px;
	width: 100%;
	height: 470px;
	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;
	color: #dfe6ff;
}
.con1{
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
}
.content{
	margin-top:15px;
	height: 358px;
	background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, #FFFFFF 100%);
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #FFFFFF;
	display: flex;
}
.content .left{
	padding: 30px 0 40px 30px;
	width: 910px;
	border-right: 1px solid #FFFFFF;
}
.content .top{
	display: flex;align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
}
.content .top img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.content .top h1{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.content .top p{
	margin-top: 5px;
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}
.content .cen{
	margin-top: 20px;
	display: flex;align-items: center;justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
}
.content .cen .cen-item:last-child{
	margin-right: 35px;
}
.content .cen h5{

	font-size: 14px;
	font-weight: 400;
	color: #333333;
	padding-bottom: 7px;
}
.content .cen p{
	font-size: 12px;
	color: #999999;
	line-height: 14px;
}
.content  .bott{
	margin-top: 20px;
	
}
.content  .bott .bott-1{
	display: flex;align-items: center;
	
}
.content .bott .bott-1 img{
	width: 18px;
	height: 18px;
	padding-right: 5px;
	
}
.content  .bott .bott-1 p{
	
	font-size: 12px;
	font-weight: 500;
	color: #999999;
	
}
.content  .bott .bott-2{
	margin-top: 68px;
	/*display: flex;align-items: center;*/
	float: left;
}
.content  .bott .bott-2 {
	display: flex;align-items: center;
	
}
.content  .bott .bott-2 h2{
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #FF6D00;
	line-height: 40px;
	padding-right: 24px;
	width: auto;
}
.content .bott .bott-2 .btn{
	width: 150px;
	height: 40px;
	background: linear-gradient(270deg, #FF6C7E 0%, #FF2842 100%);
	border-radius: 2px 2px 2px 2px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;justify-content: center;align-items: center;
}
.content .bott .bott-2 .btn:last-child{
	margin-left: 5px;
	background: linear-gradient(270deg, #4CBBFC 0%, #2774FE 100%);
}
.content .right{
	width: 290px;
	text-align: center;
}
.content .right .right-1{
	
	padding: 20px 0 20px;
	
}
.content .right .right-1 img{
	width: 140px;
	height: 140px;
}
.content .right .right-1 .text{
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	margin-top: 10px;
}
.content .right .right-1 .text p{
	margin-top: 5px;
	
}
.content .right .right-1 .text span{
	color: #999999;
}
.content .right .right-2{
	margin: 0 10px;
	width: 240px;
	height: 110px;
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #FFFFFF;
	display: flex;align-items: center;
	justify-content: center;
	
}
.content .right .right-2 .re{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.content .right .right-2 .re div{
	width: 96px;
	height: 40px;
	line-height: 20px;
	text-align: left;

}
.content .right .right-2 .re p{
	font-weight: 400;
	padding-right: 16px;
	padding-top: 10px;

}
.content .right .right-2 .re p span{
	color: #2254F4;
	font-size: 14px;
	font-weight: Bold;

}
.content .right .right-2 img{
	width: 90px;
	height: 90px;

}


.con1 .bottom{
	display: flex;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	margin-top: 15px;
}
.con1 .bottom-2 .item{

	display: flex;
	align-items: center;
	margin-right: 15px;
}
.con1 .bottom-2 {
	margin-left: 30px;
	display: flex;
}
.con1 .bottom-2 i{
	background: url(../images/list-xiang-bottom-icon.png) no-repeat;
	width: 11px;height: 11px;
	background-size: 100%;
	margin-right: 5px;
}
.con2{
	margin: 30px 0 10px 0;
	padding: 40px 30px;
	height: 340px;
	background: #FFFFFF;
}
.con2-title{
	display: flex;align-items: end;
	font-size: 20px;
	font-weight: bold;
	color: #050505;
	margin-bottom: 35px;
}
.con2-title p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	padding-left: 10px;
}
.swiper-container .swiper-slide{
	width: 280px;
	height: 200px;
	background: #F5F7FA;
	padding: 20px 0;
}
.swiper-container .text{
	display: flex;justify-content: center;align-items: center;
	height: 100%;
	padding: 0 40px;
}
.swiper-container .text img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.swiper-btn .swiper-prev{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 85px;
	left: 0;
	z-index: 999;
}
.swiper-btn .swiper-next{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 85px;
	right: 0;
	z-index: 999;
}
.con3{
	padding: 40px 30px;
	
	height: 355px;
	background: #FFFFFF;
	border-radius: 2px 2px 2px 2px;
}
.con3-box{
	
	display: flex;justify-content: space-between;align-items: center;
	
}
.con3-box .con3-item{
	width: 280px;
	height: 220px;
	background: #F5F7FA;
	padding-left: 30px;
	margin-right: 5px;
}
.con3-box .con3-item img{
	width: 40px;
	height: 40px;
	padding-top: 30px;
}
.con3-box .con3-item div{
	margin: 30px 0 20px 0;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	
	
}
.con3-box .con3-item p{
	width: 187px;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	line-height: 18px;
	
}
.con3-title{
	display: flex;align-items: end;
	font-size: 20px;
	font-weight: bold;
	color: #050505;
	margin-bottom: 35px;
}
.con3-title p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	padding-left: 10px;
}


.con4{
	
	background: #FFFFFF;
	margin-top: 10px;
}

.con4-title{
	display: flex;align-items: end;
	font-size: 20px;
	font-weight: bold;
	color: #050505;
	margin-bottom: 35px;
	padding-top: 40px;
	padding-left: 30px;
}
.con4-title p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	padding-left: 10px;
}


.con4-box{
	display: flex;align-items: center;justify-content: space-between;
	padding: 80px 30px;
	position: relative;
	height: 230px;
	
}
.con4-txt{
	margin-left: 10px;
}
.con4-box .con4-item{
	display: flex;align-items: center;

}
.con4-item .con4-txt h4{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.con4-item .con4-txt p{
	width: 108px;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	line-height: 14px;
	padding-top: 10px;
}
.con4-box .con4-xian1{
	position: absolute;
	top: 30px;
	left: 65px;
	width: 238px;
	height: 52px;
	background: url(../images/index-xian-1.png)no-repeat;
}
.con4-box .con4-xian2{
	position: absolute;
	top: 150px;
	left: 303px;
	width: 238px;
	height: 52px;
	background: url(../images/index-xian-2.png)no-repeat;
}
.con4-box .con4-xian3{
	position: absolute;
	top: 30px;
	left: 540px;
	width: 238px;
	height: 52px;
	background: url(../images/index-xian-3.png)no-repeat;
}
.con4-box .con4-xian4{
	position: absolute;
	top: 150px;
	left: 779px;
	width: 238px;
	height: 52px;
	background: url(../images/index-xian-4.png)no-repeat;
}
.con5{
	margin-top: 30px;
	background: url(../images/index-con4-gg.png)no-repeat;
	width: auto;
	height: 90px;

}

.con6-list{
	/*padding-bottom: 60px;*/
	padding-top: 60px;
}
.con6-list .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.con6-list .title h2{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	display: flex;
	align-items: end;
	
}
.con6-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(../images/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(../images/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(../images/list-kf.png)no-repeat;
	width: 20px;
	height: 20px;
}

.con7{
	background: #FFFFFF;
	margin-top: 60px;
	padding-bottom: 60px;
}
.btn:hover{
	opacity: 0.8;
}

.m-goods-cen{display: none;}

.content .cen .fh{display: none;}



@media (max-width: 630px){
.content .right{
	display: none;
}
.con4-xian1{display: none;}
.con4-xian2{display: none;}
.con4-xian3{display: none;}
.con4-xian4{display: none;}
.con{
	width: 100%;
	padding: 0 12px;
}

.con1{
	top: 10px;
}
.bg{
	/*margin-top: 30px;*/
    height: 570px;
}
.content{
	height: 442px;
}
.content .left{
	padding: 20px 12px;
	width: 100%;
}
.content .top h1{
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	font-size: 14px;
}
.content .cen{
	flex-wrap: wrap;
	margin-top: 10px;
	padding-bottom: 0;
}
.content .cen .fh{
	display: block;
	font-size: 14px;
    font-weight: 400;
    color:#999999;
    margin-right: 10px;
}
.content .cen .cen-item{
	width: 50%;
	display: flex;
	flex-direction: row-reverse;
    align-items: center;
    justify-content: start;
    margin-bottom: 15px;
    
}
.content .bott{
	margin-top: 10px;
}
.content .cen h5{
	padding: 0;
	font-size: 12px;
}
.content .bott .bott-2{
	margin-top: 10px;
	flex-wrap: wrap;
	height: ;
}
.content .bott .bott-2 h2{
	padding-bottom: 10px;
	font-size: 14px;
}
.con1 .bottom{
	display: block;
}
.con1 .bottom-2{
	margin: 0;
	margin-top: 5px;
}
.con1 .bottom-2 .item{
	margin-right: 5px;
}

.con2{
	margin: 12px 0;
	padding: 20px 12px;
	height: auto;
}
.con2-title{
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}
.con2-title p{
	padding: 0;
	margin-top: 5px;
}


.con3{
	margin: 12px 0;
	padding: 20px 12px;
	height: auto;
}
.con3-title{
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}
.con3-title p{
	padding: 0;
	margin-top: 5px;
}


.con3-box{
	display: flex;
	flex-wrap: wrap;
	
}
.con3-box .con3-item{
	width: 40%;
	background: #FFFFFF;
	padding: 0;
	height: auto;
}
.con3-box .con3-item p{
	width: auto;
	
}
.con3-box .con3-item img{
	width: 30PX;
	height: 30PX;
}
.con3-box .con3-item div{
	margin: 15px 0 ;
	font-size: 14px;
}


.con4{
	margin: 12px 0;
	padding:0;
	height: auto;
	height: 440px;
	
}
.con4-title{
	display: block;
	font-size: 16px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top:20px
}
.con4-title p{
	padding: 0;
	margin-top: 5px;
}

.con4-box{
	display: block;
	padding: 0 12px;
	height: auto;
}
.con4-box .con4-item{
	padding-top: 30px;
	
}
.con4-box .con4-item img{
	width: 40px;
	height: 40px;
	
}
.con4-item .con4-txt p{
	width: 100%;
	padding-top: 5px;
}
.con5{
 	background: url(../images/m-index-con4-gg.png)no-repeat;
    background-size: 100%;
    height: 60px;	
}

.con6-list{display: none;}
.con7{
	margin-top: 30px;
	padding-bottom:0;
}

}