*{

	margin: 0;

	padding: 0;

}

.picture{

	width: 100%;

}

.picture>img{

	width: 100%;

}

.our{

	width: 100%;

	text-align: center;

	margin: 2.5% auto;

}

.our>p:nth-of-type(1){

	font-size: 25px;

}

.our>p:nth-of-type(2){

	font-size: 18px;

}

.main{

	width: 80%;

	margin: 0 auto;

	display: flex;

	margin-bottom: 4%;

	justify-content: space-around;

}

.main1{

	line-height: 30px;

	/* border-bottom: 1px solid #D02F21; */

}

.arr{

	width: 80%;

	margin: 0 auto;

	display: flex;

	/* margin-bottom: 4%; */

	/* justify-content: space-around; */

}

.arr1{

	width: 22%;

	margin-left: 2%;

}

.arr1>img{

	width: 100%;

}

.arr1>p{

	padding-top: 3% ;

	text-align: center;

	padding-bottom: 3% ;

}

.arr2{

	font-size: 14px;

	padding-bottom: 13%;

	width: 90%;

	margin: 0 auto;

	overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 4;

	    -webkit-box-orient: vertical;

}

.arr1:hover{

   box-shadow: 0px 0px 6px #CCC;

   transition: 1s;

}

.anli{

	

	width: 80%;

	margin: 0 auto;

      margin-top: 8%;

	  text-align: center;

}

.anli1{

	font-size: 25px;

}

.anli2{

	font-size: 20px;

}

.na{

	width: 80%;

	margin: 0 auto;

	margin-top: 3%;

}

.nan{

	width: 100%;

	/* margin: 0 auto; */

	

	border-top: 1px dashed #CCCCCC ;

}

.nan1{

	width: 100%;

	display: flex;

	margin-top: 1.5%;

	margin-bottom: 1%;

	

}

.nan1>p:nth-of-type(1){

	font-size: 15px;

}

.nan1>p:nth-of-type(2){

	font-size: 15px;

	width: 74%;

}

.nan1>p:nth-of-type(3){

	font-size: 15px;

}

.nan2>p{

	font-size: 15px;

	padding-bottom:2%;

}

.fenye{

	width: 50%;

	display: flex;

	margin: 0 auto;

	text-align: center;

	margin-top: 4%;

	margin-bottom: 3%;

	justify-content: center;

}

.fenye1{

	width: 5%;

	border: 1px solid #ccc;

}

.active > span{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #CB0000 !important;
    border-color: #CCCCCC !important; 
}

@media screen and (max-width:768px) {

	

	.fute{

		display: none;

	}

	.arr {

	    width: 80%;

	    margin: 0 auto;

	    display: flex;

	    flex-wrap: wrap;

	    /* margin-bottom: 4%; */

	    /* justify-content: space-around; */

	}

	.arr1 {

	    width: 95%;

	    margin-left: 2%;

	}

	.main {

	    width: 100%;

	    font-size: 12px;

	    margin: 0 auto;

	    display: flex;

	    margin-bottom: 4%;

	    flex-wrap: wrap;

	    justify-content: space-around;

	}

	.na {

	    width: 96%;

	    margin: 0 auto;

	    margin-top: 3%;

	}

	.nan1>p:nth-of-type(2) {

	    font-size: 15px;

	    width: 37%;

	}

	.nan {

	    width: 100%;

	    /* margin: 0 auto; */

	    border-top: 1px dashed #CCCCCC;

	}

	.fenye {

	    width: 100%;

	    display: flex;

	    margin: 0 auto;

	    text-align: center;

	    margin-top: 4%;

	    margin-bottom: 3%;

	    justify-content: center;

	}

}