#box-1 .box1 li{position: relative;padding: 0 18px;}
#box-1 .box1 li a{text-align: center;font-size: 18px;color: #E72423;cursor: pointer;padding: 12px 23px;border-radius: 30px;border: 1px solid #E72423;}
#box-1 .box1 li.on a,#box-1 .box1 li a:hover{background: #E72423;color: #fff;}
#box-1 .box1 li .t1,#box-1 .box1 li .t2{width: 21px;}
#box-1 .box1 li.on .t1,#box-1 .box1 li a:hover .t1{content: url(../img/product_box2_t3.png);}
#box-1 .box1 li.on .t2,#box-1 .box1 li a:hover .t2{content: url(../img/product_box2_t4.png);}
#box-1 .box1 li span{padding: 0 10px;}


.new_list{display: flex;flex-wrap: wrap;margin: 50px -18px 0 -18px;}
.new_list li{width: 33.3%;padding: 18px;}
.new_list li a{display: block;border-radius: 10px;border: 1px solid #E72423;padding: 40px 40px 37px 40px;height: 100%;}
.new_list li .img{border-radius: 10px;overflow: hidden;position: relative;padding-top: 70%;border:1px solid rgba(255, 255, 255, 0.6);}
.new_list li .img img{position: absolute;width: 100%;height: 100%;top: 0;transition: 0.5s;}
.new_list li .title{font-size: 30px;color: #333;margin-top: 32px;}
.new_list li .xian{height: 1px;width: 100%;background: url(../images/new_xian.png) no-repeat center center;background-size: cover;margin: 13px 0 18px 0;}
.new_list li .desc p{font-size: 17px;color: #333;}
.new_list li .content{margin-top: 40px;}
.new_list li .time{border: 1px solid #000;font-size: 13px;color: #000;border-radius: 17px;padding: 5px 27px;}
.new_list li .new_btn{width: 56px;opacity: 0;transform: rotate(45deg);}

.new_list li a:hover{background: #E72423;}
.new_list li a:hover *{color: #fff!important;}
.new_list li a:hover .img img{transform: scale(1.05);}
.new_list li a:hover .xian{background: url(../images/new_xian2.png) no-repeat center center;background-size: cover;}
.new_list li a:hover .time{border: 1px solid #fff;}
.new_list li a:hover .new_btn{opacity: 1;transform: rotate(0deg);transition: 0.8s;}


@media (min-width:767px) and (max-width:1199px){
	#box-1 .box1 li {padding: 0 13px;}
	#box-1 .box1 li a{font-size: 16px;padding: 10px 19px;}
	#box-1 .box1 li .t1, #box-1 .box1 li .t2 {width: 15px;}
	#box-1 .box1 li span {padding: 0 7px;}
	
	.new_list{margin: 45px -13px 0 -13px;}
	.new_list li{padding: 13px;}
	.new_list li a{padding: 25px 25px 22px 25px;}
	.new_list li .title {font-size: 24px;}
	.new_list li .desc p {font-size: 16px;}
	.new_list li .content {margin-top: 30px;}
	.new_list li .time{padding: 4px 18px;}
	.new_list li .new_btn {width: 48px;}
}
@media (max-width:850px){
	.new_list li{width: 50%;padding: 15px;}
	.new_list{margin: 40px -15px 0 -15px;}
}
@media (max-width:767px){
	#box-1 .box1 li {padding: 0 1.8vw;}
	#box-1 .box1 li a{font-size: 15px;padding: 8px 5vw;}
	#box-1 .box1 li .t1, #box-1 .box1 li .t2 {width: 10px;}
	#box-1 .box1 li span {padding: 0 6px;}
	
	.new_list{margin: 30px 0px 0 0px;}
	.new_list li{width: 100%;padding: 15px 0;}
	.new_list li a{padding: 25px 25px 22px 25px;}
	.new_list li .title {font-size: 24px;}
	.new_list li .desc p {font-size: 15px;}
	.new_list li .content {margin-top: 30px;}
	.new_list li .time{padding: 4px 18px;}
	.new_list li .new_btn {width: 48px;}
}