﻿@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;}
	
	.contact {margin:0; width:100%; position:relative;}
	.contact .advtop {height:195px; color:#f5f5f5; position:relative; font-size:120px; line-height:195px; text-align:center;}
	.contact .advtop span {display:block; width:100%; color:#222; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.contact .telinfo {height:60px; width:1360px; position:absolute; z-index:10001; left:calc(50% - 720px); background-color:#e60012; padding:60px 0; padding-left:80px;}
	.contact .telinfo li {float:left; margin-left:108px; margin-right:80px; color:#fff; font-size:18px; text-align:left;}
	.contact .telinfo li::before {font-size:51px; margin-left:-70px; float:left;}
	.contact .telinfo li font {display:block; font-size:14px; padding-bottom:10px;}
	.contact .telinfo li i {font-size:30px; margin-top:-5px; font-weight:bold; margin-left:-5px; display:inline-block;}
	.contact .map {width:100%; height:800px; margin-top:130px;}
	
	.comt {margin:50px auto; width:90vw; max-width:1452px;}
	.comt dd {float:left; width:calc(30vw - 70px); max-width:414px; background-color:#f3f3f3; border-radius:10px; margin:0 15px 30px 15px; text-align:left; padding:20px;}
	.comt dd b {font-size:1.1vw; padding-bottom:0.3vw;}
	.comt dd span {display:block; padding:15px 0; font-size:0.8vw;}
	.comt dd font {font-size:0.95vw;}
	.comt dd .iconfont::before {font-size:20px; float:left; margin-right:10px; color:#e60012;}
}



@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;}
	
	.contact {margin:0; width:100%; position:relative;}
	.contact .advtop {height:3rem; color:#f5f5f5; position:relative; font-size:1.3rem; line-height:3rem; text-align:center;}
	.contact .advtop span {display:block; width:100%; color:#222; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	.contact .telinfo {padding:0.3rem 10%;}
	.contact .telinfo li {font-size:0.4rem; color:#e60012; text-align:left; margin-bottom:0.5rem;}
	.contact .telinfo li::before {font-size:1rem; float:left; margin-right:0.5rem; margin-bottom: 0.5rem;}
	.contact .telinfo li font {display:block; font-size:0.3rem; color:#777; padding-bottom:0.2rem;}
	.contact .telinfo li i {font-size:0.6rem; margin-top:-0.1rem; font-weight:bold; margin-left:-0.1rem; display:inline-block;}
	.contact .map {width:100%; height:12rem;}
	
	.comt {margin:0.5rem auto; width:9.8rem;}
	.comt dd {background-color:#f3f3f3; border-radius:0.3rem; margin:0 0.3rem 0.3rem 0.3rem; text-align:left; padding:0.4rem;}
	.comt dd b {font-size:0.4rem;}
	.comt dd font {font-size:0.35rem;}
	.comt dd span {display:block; padding:0.3rem 0; font-size:0.35rem;}
	.comt dd .iconfont::before {font-size:0.45rem; float:left; margin-right:0.2rem; color:#e60012;}
}
