@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 641px) {
	.swiperpage {height:29vw; background-size:100% 100%; width:100%; background-position:center; text-align:center; color:#fff;}
	.swiperpage span {display:none; padding-top:200px; font-size:60px; padding-bottom:30px; font-weight:bold;}
	.swiperpage font {display:none; font-size:24px; letter-spacing:30px;}
	
	.prosort {width:100%; background: url(../images/icprosortbg.png?1) #e70012; text-align:center; font-size:18px; padding:100px 0;}
	.prosort a {color:#fff; padding:0 45px; display:inline-block;}
	.prosort a.on,.prosort a:hover {color:#ffacb3; padding:0 45px; display:inline-block;}
	.prosort a img {display:block; margin-bottom:10px;}
	
	.prolist dl dt {height:33.33vw;}
	.prolist dl dt .ptoppic {width:50%; float:left; text-align:center; background-color:#e8e0de; height:33.33vw; color:#de2020; position:relative;}
	.prolist dl dt .ptoppic img.pic {width:100%; height:100%; position:absolute; left:0; top:0; transition: all 0.3s ease-out;}
	.prolist dl dt .ptoppic:hover img.pic {width:102%; height:102%; left:-1%; top:-1%; transition: all 0.3s ease-out;}
	.prolist dl dt .ptoppic img.ico {position:absolute; top:50px; right:50px;}
	.prolist dl dt .ptoppic {width:50%; float:left; text-align:center;}
	.prolist dl dt .ptoppic {width:50%; float:left; text-align:center;}
	.prolist dl dt .ptopinf {width:50%; float:right; padding-top:30px;}
	.prolist dl dt .ptopinf .abouttit {margin:2vw 50px 0 50px; text-align:left; max-width:620px;}
	.prolist dl dt .ptopinf .abouttit span {font-size:4vw; color:#de2020; display:block; font-family:Arial, Helvetica, sans-serif;}
	.prolist dl dt .ptopinf .abouttit font {font-size:3.2vw; display:block; font-weight:bold; color:#de2020; padding:8px 0 15px 0 ;}
	.prolist dl dt .ptopinf .abouttit em {font-size:1.5vw; font-style:normal; display:block;  font-weight:bold;}
	.prolist dl dt .ptopinf .abouttit p {font-size:0.8vw; color:#666; line-height:2vw; display:block; padding:3vw 0 0 0;}
	.prolist dl dt .ptopinf .abouttit a {display:inline-block; background-color:#de2020; color:#fff; border-radius:18px; height:36px; line-height:36px; padding:0 30px;}
	
	.prolist dl dd {float:left; width:50%; height:33.33vw; text-align:center; overflow:hidden; color:#de2020; font-size:28px; position:relative; margin-top:1px;}
	.prolist dl dd:nth-child(2n+1) {width:calc(50% - 1px); margin-left:1px;}
	.prolist dl dd img.pic {width:100%; height:100%; position:absolute; left:0; top:0; transition: all 0.3s ease-out;}
	.prolist dl dd img.ico {position:absolute; top:50px; right:50px;}
	.prolist dl dd img.pic:hover {width:102%; height:102%; left:-1%; top:-1%; transition: all 0.3s ease-out;}
	
	.dede_pages {padding:50px 0; text-align:center;}
	.dede_pages a {display:inline-block; padding:15px 20px; background-color:#de2020; color:#fff; font-size:28px; margin:0 20px; border-radius:10px;}
}



@media only screen and (max-width: 640px) {
	.swiperpage {height:5rem; margin-top:1.6rem; width:100%; background-position:center; background-repeat:no-repeat; background-size:auto 100% ; text-align:center; color:#fff;}
	.swiperpage span {display:block; padding-top:2.6rem; font-size:1rem; padding-bottom:0.5rem; font-weight:bold;}
	.swiperpage font {font-size:0.4rem; letter-spacing:0.2rem;}
	
	.prosort {width:100%; background: url(../images/icprosortbg.png?1) #e70012; text-align:center; font-size:0.4rem; padding:1rem 0 0.5rem 0;}
	.prosort a {color:#fff; padding:0 0.5rem; display:inline-block; margin-bottom:0.5rem; text-align:center;}
	.prosort a img {display:block; margin:0 auto 0.2rem auto; width:60%;}
	.prosort a.on {color:#ffafb6;}
	
	.prolist dl dt {height:auto;}
	.prolist dl dt .ptoppic {width:100%; margin:0 auto; padding:0; text-align:center; background-color:#e8e0de; height:6rem; color:#de2020; font-size:0.5rem; position:relative;}
	.prolist dl dt .ptoppic img.pic {width:100%; height:auto;}
	.prolist dl dt .ptoppic img.ico {position:absolute; top:0.5rem; right:0.5rem; width:1rem;}
	.prolist dl dt .ptopinf {padding:0.7rem 0.5rem;}
	.prolist dl dt .ptopinf .abouttit {margin:0; text-align:left;}
	.prolist dl dt .ptopinf .abouttit span {font-size:0.8rem; color:#de2020; display:block; font-family:Arial, Helvetica, sans-serif;}
	.prolist dl dt .ptopinf .abouttit font {font-size:0.7rem; display:block; font-weight:bold; color:#de2020; padding:8px 0 15px 0 ;}
	.prolist dl dt .ptopinf .abouttit em {font-size:0.4rem; font-style:normal; display:block;  font-weight:bold;}
	.prolist dl dt .ptopinf .abouttit p {font-size:0.35rem; line-height:200%; display:block; padding:0.5rem 0 0.4rem 0;}
	.prolist dl dt .ptopinf .abouttit a {display:inline-block; font-size:0.35rem; background-color:#de2020; color:#fff; border-radius:0.5rem; height:0.8rem; line-height:0.8rem; padding:0 0.5rem;}
	.prolist dl dd {float:left; width:50%; text-align:center; margin-bottom:1px; color:#de2020; font-size:0.4rem; position:relative;}
	.prolist dl dd:nth-child(2n+1) {width:calc(50% - 1px); margin-left:1px;}
	.prolist dl dd img.pic {width:100%; height:3.75rem;}
	.prolist dl dd img.ico {position:absolute; width:0.7rem; top:0.5rem; right:0.5rem;}
	.prolist dl dd a { font-size:0.4rem;}
	
	.dede_pages {padding:0.5rem 0; text-align:center;}
	.dede_pages a {display:inline-block; padding:0.15rem 0.2rem; background-color:#de2020; color:#fff; font-size:0.5rem; margin:0 0.4rem; border-radius:0.2rem;}
}