@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:40px 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;}
	
	.advtop {height:195px; color:#f5f5f5; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.advtop span {display:block; width:100%; color:#222; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.advtop font {display:block; width:100%; color:#999; position:absolute; left:0; top:50px; font-size:16px;}
	
	.newstit {height:195px; color:#f5f5f5; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.newstit span {display:block; width:100%; color:#222; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.newstit font {display:block; width:100%; color:#999; position:absolute; left:0; top:50px; font-size:16px;}
	
	.caselist {max-width:1600px; width:90vw; margin:0 auto;}
	.caselist dl {width:100%;}
	.caselist dl dd {float:left; width:42vw; margin:0 1.5vw; max-width:calc(800px - 3vw); padding-bottom:2.7vw;}
	.caselist dl dd a {color:#666; font-size:16px;}
	.caselist dl dd img {width:42vw; height:21vw; max-width:calc(800px - 3vw);}
	.caselist dl dd font {font-size:18px; font-weight:bold; padding:25px 0 20px 0; display:block;}
	
	.caselist2 dl dd img {width:20vw; height:30vw;}
	
	.newslist {max-width:1620px; width:90vw; margin:0 auto;}
	.newslist dl {width:100%;}
	.newslist dl dd {float:left; width:28vw; max-width:calc(540px - 2vw); padding:0 1vw 1.5vw 1vw;}
	.newslist dl dd a {color:#666; font-size:16px;}
	.newslist dl dd span {display:block; width:28vw; max-width:480px; height:17.5vw; max-height:300px; overflow:hidden; position:relative; border-radius:10px;}
	.newslist dl dd img {width:28vw; max-width:480px; height:17.5vw; max-height:300px; position:absolute; left:0; top:0; transition: all 0.25s ease-out;}
	.newslist dl dd a:hover img {width:110%; height:110%; max-width:528px; max-height:330px; left:-5%; top:-5%;}
	.newslist dl dd font {font-size:14px; font-weight:bold; text-align:right; padding:25px 0 20px 0; display:block; max-width:calc(520px - 2vw);}
	.newslist dl dd font i {float:left; font-size:18px; font-style:normal; width:calc(100% - 100px); text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	
	.swiper-container3 {margin:50px auto !important; width:720px !important; height:360px !important;}
	.swiper-container3 .swiper-slide {height:360px !important;}
	
	.ctxt {width:60%; line-height:200%; text-align:left; font-size:16px; color:#666; margin:0 auto;}
	.cback {padding:50px 0; text-align:center; font-size:15px; color:#666;}
	.cback img {display:block; margin-bottom:15px; margin:0 auto;}
	.cback a {color:#666;}
	
	.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;}
	
	.advtop {height:3rem; position:relative; color:#f5f5f5; font-size:1.5rem; line-height:3rem; text-align:center;}
	.advtop span {display:block; width:100%; color:#222; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	.advtop font {display:block; width:100%; color:#999; position:absolute; left:0; top:0.8rem; font-size:0.35rem;}
	
	.newstit {position:relative; color:#f5f5f5; font-size:1.5rem; text-align:center; padding:1rem 0.5rem;}
	.newstit span {display:block; width:100%; color:#222; font-size:0.6rem; font-weight:bold; padding-bottom:0.3rem; line-height:150%;}
	.newstit font {display:block; width:100%; color:#999; font-size:0.35rem;}
	
	.prosort {width:100%; background: url(../images/icprosortbg.png?1) #e70012; text-align:center; font-size:0.4rem; padding:0.5rem 0;}
	.prosort a {color:#fff; padding:0 0.5rem; display:inline-block; text-align:center;}
	.prosort a.on {color:#ffafb6;}
	
	.caselist {margin:0 auto;}
	.caselist dl {margin:0.5rem auto 0 auto; width:9.2rem; text-align: left;}
	.caselist dl dd {width:9.2rem; padding-bottom:0.5rem; overflow: hidden; text-align:left;}
	.caselist dl dd img {width:9.2rem;}
	.caselist dl dd a {color:#666; font-size:0.35rem;}
	.caselist dl dd font {font-size:0.4rem; font-weight:bold; padding:0.4rem 0 0.2rem 0; display:block;}
	
	.swiper-container3 {margin:0.6rem auto !important; width:9.4rem !important; height:5rem !important;}
	
	.ctxt {width:96%; line-height:200%; text-align:left; font-size:0.35rem; color:#666; margin:0 auto;}
	.ctxt img {max-width:100%; height:auto;}
	.cback {padding:1rem 0; text-align:center; font-size:0.3rem; color:#666;}
	.cback img {display:block; margin-bottom:0.3rem; margin:0 auto;}
	.cback a {color:#666;}
	
	.dede_pages {padding:0 0 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;}
	
	.newslist {margin:0 0 0 0.2rem;}
	.newslist dl {width:100%;}
	.newslist dl dd {float:left; width:4.4rem; margin:0 0.2rem; padding-bottom:0.5rem;}
	.newslist dl dd a {color:#666; font-size:16px;}
	.newslist dl dd span {display:block; width:4.4rem; height:2.75rem; overflow:hidden; position:relative; border-radius:10px;}
	.newslist dl dd img {width:4.4rem; height:2.75rem;}
	.newslist dl dd font {font-size:0.325rem; text-align:left; padding:0.2rem 0 0 0; display:block; color:#777;}
	.newslist dl dd font i {display:block; margin-bottom:0.2rem; margin-top:0.1rem; font-size:0.35rem; font-style:normal; color:#333; text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}