.ttw{width:100%;max-width:1316px;overflow:hidden;margin:0 auto;}
.ttw h2{width:100%;overflow:hidden;margin-top:60px;text-align:center;color:#212121;font-size:36px;line-height:1.5;}
.ttw1{width:100%;max-width:100px;overflow:hidden;margin:0 auto;background:#dc2821;height:2px;margin-top:10px;}
.ttw p{width:100%;overflow:hidden;margin-top:25px;text-align:center;line-height:2.0;}
.sortable{margin-top:40px;}
.cad1{width:100%;overflow:hidden;margin-top:25px;}
.cad1 img{width:100%;display:block;
transform: scale(1.0);
transition: all 1s ease-out;
}
.card:hover .cad1 img{
transform: scale(1.1);
transition: all 1s ease-out;
}
.cad2{position:absolute;width:50px;overflow:hidden;height:50px;border-radius:50%;border:1px solid #dc2821;right:20px;top:20px;transition: all 1s ease-out;}
.cad2 p{width:100%;margin-top:8px;overflow:hidden;color:#dc2821;text-align:center;line-height:1.2;font-size:14px;transition: all 1s ease-out;}
.card:hover .cad2 {
background:#dc2821;
transition: all 0.3s ease-out;
}
.card:hover .cad2 p{
color:#fff;
transition: all 0.3s ease-out;
}
.cad3{width:100%;overflow:hidden;padding-bottom:25px;}
.cad31{width:90%;margin:0 auto;overflow:hidden;text-align:center;color:#333;font-size:15px;line-height:1.2;font-weight:800;}
.cad32{width:90%;margin:0 auto;overflow:hidden;text-align:center;color:#dc2821;font-size:14px;line-height:1.2;margin-top:7px;}
.cad33{width:200px;margin:0 auto;overflow:hidden;text-align:center;margin-top:10px;}

.ti{background:#dc2821;color:#fff;line-height:2.5;width:100px;float:left;}
.to{background:#333;color:#fff;line-height:2.5;width:100px;float:right;}

.ddzlc{width:100%;overflow:hidden;background:#f2f3f7;margin-top:40px;padding-bottom:80px;}
.ddzlc1{width:100%;overflow:hidden;}
.ddzlc2{width:100%;overflow:hidden;max-width:1316px;margin:0 auto;margin-top:40px;}
.ddzlc2 img{width:100%;display:block;}

.dzfn{width:100%;overflow:hidden;max-width:1316px;margin:0 auto;margin-top:40px;}
.dzfn ul{width:100%;overflow:hidden;}
.dzfn ul li{width:14.28%;overflow:hidden;float:left;}
.jbxz{width:70%;margin:0 auto;overflow:hidden;border:2px solid #999;border-radius:5px;cursor:pointer;}
.jbxz h3{width:50%;margin:0 auto;overflow:hidden;margin-top:20px;}
.jbxz h3 img{width:100%;display:block;}
.jbxz p{width:100%;overflow:hidden;text-align:center;margin-top:0px;}
.dzfn ul li:hover .jbxz,.dzfn ul li.hover .jbxz{border:2px solid #dc2821;border-radius:5px;}
.dzfn ul li:hover .jbxz p,.dzfn ul li.hover .jbxz p{color:#dc2821;}

.zwfn{width:100%;max-width:1316px;overflow:hidden;margin:0 auto;}
.caad{width:25%;overflow:hidden;float:left;margin-top:40px;}
.caad1{width:90%;overflow:hidden;margin:0 auto;border: 2px solid #e2e3e7;}
.caad1:hover{border: 2px solid #212121;}
.caad1 h3{overflow:hidden;padding:0;margin:0;margin-top:5px;margin-left:5px;margin-right:5px;}
.caad1 h3 img{
	width:100%;display:block;
	transform: scale(1.0);
    transition: all 1s ease-out;
}
.caad1:hover h3 img{
	transform: scale(1.1);
    transition: all 1s ease-out;
}
.caad1 p{width:90%;margin:0 auto;overflow:hidden;text-align:center;color:#777;height:40px;line-height:40px;}
.caad1:hover p{color:#333;}

.mmro{width:100%;overflow:hidden;}
.mmro1{
	overflow:hidden;margin:0 auto;
	width: 100px;
font-size: 16px;
line-height: 40px;
background: #dc2821;
color: #fff;
text-align: center;
transition: all 1s ease-out;
margin-top:40px;
	}

.mmro1:hover {
 border:2px solid #dc2821;
 background:0 0;
 color:#dc2821;
 transition:all 1s ease-out
}


.dzwtd{width:100%;overflow:hidden;margin-top:60px;background:#f2f3f7;padding-bottom:60px;}

.dzfnfn{width:100%;overflow:hidden;margin-top:40px;}

.dzfnfn ul{
  display: flex;
  justify-content: center;
}
.dzfnfn ul li {
    position: relative;
    display: block;
	background:#222222;
	color:#fff;
	margin-left: 10px;
   margin-right: 10px;
   color: #fff;
   border: 2px solid #222222;
background: #222222;
font-size: 1.4rem;
font-weight: 300;
padding: 10px 15px;
cursor:pointer;
}

.dzfnfn ul li:hover{
   background:#dc2821;
	border:2px solid #dc2821;
}
.dzfnfn ul li.hover{
    background:#dc2821;
	border:2px solid #dc2821;
}


.card{
  position:relative;
  width:22.5%;
  float:left;
  margin-left:2%;
  margin-top:40px;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #e2e3e7;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s ease-in-out;
  transition: all 1s ease-out;
}
.card:hover{
  border: 2px solid #dc2821;
  transition: all 1s ease-out;
}