#pro_box1 {position: relative;}
#pro_box1 .container1{max-width: 1720px;}
#pro_box1 .box1{position: relative;margin-top: 80px;}
#pro_box1 .box1 .box{position: relative;overflow: hidden;text-align: center;}
#pro_box1 .box1 .box::after{content: '';width: 81%;height: 1px;background: #F5C1CA;position: absolute;top: 16px;left: 9.5%;}
#pro_box1 .box1 .box li>div:hover{cursor: pointer;}
#pro_box1 .box1 .box .img{width: 34px;margin: auto;z-index: 2;position: relative;}
#pro_box1 .box1 .box .img1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
#pro_box1 .box1 .box img{transform: 0.5s;}
#pro_box1 .box1 .box li.swiper-slide-thumb-active .img1,#pro_box1 .box1 .box li>div:hover .img1{opacity: 1;}
#pro_box1 .box1 .box li.swiper-slide-thumb-active .img2,#pro_box1 .box1 .box li>div:hover .img2{opacity: 0;}
#pro_box1 .box1 .box .title{font-size: 18px;margin-top: 13px;padding: 0 3px;}
#pro_box1 .pro_btnL,#pro_box1 .pro_btnR{width: 15px;height: 28px;z-index: 5;top: 33%;}
#pro_box1 .pro_btnL {background: url(../img/pro_btnL.png) no-repeat center top /contain;}
#pro_box1 .pro_btnR {background: url(../img/pro_btnR.png) no-repeat center top /contain;}

#pro_box1 .box2{position: relative;overflow: hidden;margin-top: 75px;}
#pro_box1 .box2 li>div{justify-content: space-between;width: 83%;margin: auto;opacity: 0;transition: 0.5s;}
#pro_box1 .box2 li .img{width: 40%;padding-right: 9.3%;padding-left: 7.6%;}
#pro_box1 .box2 li .content{width: 46%;}
#pro_box1 .box2 li{transition: 0s;}
#pro_box1 .box2 li.swiper-slide-active>div{opacity: 1;}
#pro_box1 .box2 li .title{font-size: 70px;color: #EA0029;margin-left: -4px;}
#pro_box1 .box2 li .desc{margin-top: 48px;text-align: justify;}
#pro_box1 .box2 li .desc p{font-size: 18px;color: #2D2A26;line-height: 1.7;}


#pro_box2{padding-top: 30px;}
#pro_box2 .box1 ul{display: flex;flex-wrap: wrap;}
#pro_box2 .box1 ul li{display: flex;flex-wrap: nowrap;align-items: center;}
#pro_box2 .box1 li:not(:last-child)::after{content: '';width: 2px;height: 28px;background: #D7D7D7;display: block;margin: 0 41px;}
#pro_box2 .box1 a{font-size: 24px;display: block;}
#pro_box2 .box1 li a:hover,#pro_box2 .box1 li.on a{color: #EA0029;}

#pro_box2 .xian{padding: 36px 0 35px 0;}
#pro_box2 .pro_list{margin: 0 -20px;}
#pro_box2 .pro_list ul{display: flex;flex-wrap: wrap;}
#pro_box2 .pro_list ul li{width: 33.333%;padding: 20px;}
#pro_box2 .pro_list ul li>div{border: 1px solid #F5C2CB;transition: 0.5s;}
#pro_box2 .pro_list ul li .img{position: relative;padding-top: 75%;overflow: hidden;}
#pro_box2 .pro_list ul li .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s;}
#pro_box2 .pro_list .title{color: #EA0029;font-size: 18px;text-align: center;padding: 15px;transition: 0.2s;}
#pro_box2 .pro_list ul li>div:hover{background: #EA0029;}
#pro_box2 .pro_list ul li>div:hover .img img{transform: scale(1.08);}
#pro_box2 .pro_list ul li>div:hover .title{color: #fff;}
#pro_box2 .pagination{margin-top: 70px;}


@media (min-width:1500px){
	#pro_box1{padding-top: 90px;}
	#pro_box1 .pro_btnL{left: 5.1%;}
	#pro_box1 .pro_btnR{right: 5.1%;}
	#pro_box2{padding-bottom: 120px;}
}
@media (min-width:1199px) and (max-width:1500px){
	#pro_box1 .box2 li>div{width: 83%;max-width: 1060px;}
	#pro_box1 .box2 li .img {width: 43.5%;padding-left: 6.5%;max-width: 450px;}
	#pro_box1 .box2 li .content {width: 48%;}
	#pro_box1 .box2 li .title{font-size: 58px;}
	#pro_box1 .box2 li .desc p{font-size: 17px;}
	
	#pro_box2 .box1 li:not(:last-child)::after{margin: 0 30px;}
	
}
@media (min-width:767px) and (max-width:1199px){
	#pro_box1 .box1 .box::after{top: 14px;}
	#pro_box1 .box1 .box .img {width: 30px;}
	#pro_box1 .box1 .box .title{font-size: 16px;}
	#pro_box1 .pro_btnL, #pro_box1 .pro_btnR {width: 12px;top: 37.5%;}
	#pro_box1 .pro_btnL {left: 10px;}
	#pro_box1 .pro_btnR {right: 10px;}
	#pro_box1 .box2 li>div{width: 88%;max-width: 1060px;}
	#pro_box1 .box2 li .img {width: 43.5%;padding-left: 6.5%;max-width: 450px;}
	#pro_box1 .box2 li .content {width: 48%;}
	#pro_box1 .box2 li .title{font-size: 48px;}
	#pro_box1 .box2 li .desc {margin-top: 35px;}
	#pro_box1 .box2 li .desc p{font-size: 16px;}
	
	#pro_box2 .xian {padding: 30px 0;}
	#pro_box2 .box1 li:not(:last-child)::after{margin: 0 22px;height: 23px;}
	#pro_box2 .box1 a{font-size: 21px;}
	#pro_box2 .pro_list .title{font-size: 17px;padding: 12px;}
	#pro_box2 .pagination {margin-top: 45px;}
	
}
@media (max-width:850px){
	#pro_box1 .box1 .box::after {width: 77%;left: 12%;}
	#pro_box1 .box2{margin-top: 65px;}
	#pro_box1 .box2 li .img{padding-right: 8.3%;}
	#pro_box1 .box2 li .title {font-size: 36px;}
	#pro_box1 .box2 li .desc {margin-top: 25px;}
	#pro_box1 .box2 li .desc p{font-size: 15px;}
	
	#pro_box2 .pro_dh{width: 100%;margin-top: 25px;}
	#pro_box2 .pro_list ul li{width: 50%;padding: 20px;}
}
@media (max-width:767px){
	#pro_box1 .box1{margin-top: 50px;}
	#pro_box1 .box1 .box::after {width: 70%;left: 15%;top: 12px;}
	#pro_box1 .box1 .box .img {width: 26px;}
	#pro_box1 .box1 .box .title{font-size: 15px;}
	#pro_box1 .pro_btnL, #pro_box1 .pro_btnR {width: 10px;top: 41.5%;}
	#pro_box1 .pro_btnL {left: 0px;}
	#pro_box1 .pro_btnR {right: 0px;}
	#pro_box1 .box2 {margin-top: 45px;}
	#pro_box1 .box2 li>div{width: 100%;}
	#pro_box1 .box2 li .img {width: 65%;padding: 0%;margin: 0px auto 25px auto;}
	#pro_box1 .box2 li .content {width: 100%;}
	#pro_box1 .box2 li .title{font-size: 30px;margin-left:0px;text-align: center;}
	#pro_box1 .box2 li .desc {margin-top: 15px;}
	#pro_box1 .box2 li .desc p{font-size: 15px;line-height: 1.5;}
	
	#pro_box2 .pub_title,#pro_box2 .pro_dh{width: 100%;}
	#pro_box2 .pub_title{text-align: center;}
	#pro_box2 .pro_dh{margin-top: 35px;}
	#pro_box2 .pro_dh ul{justify-content: center;}
	#pro_box2 .box1 ul li {padding: 6px 0px;}
	#pro_box2 .box1 li:not(:last-child)::after{margin: 0 5.2vw;height: 18px;}
	#pro_box2 .box1 a{font-size: 19px;}
	#pro_box2 .xian {padding: 25px 0;}
	#pro_box2 .pro_list {margin: 0 -10px;}
	#pro_box2 .pro_list ul li{padding: 10px;}
	#pro_box2 .pro_list .title{font-size: 14px;padding: 8px 3px;}
	#pro_box2 .pagination {margin-top: 35px;}
}
@media (max-width:370px){
	#pro_box2 .box1 li:not(:last-child)::after{margin: 0 4.5vw;}
	#pro_box2 .box1 a{font-size: 18px;}
}