@charset "utf-8";
/* CSS Document */
.fixbox:after { content: '.'; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; }
.fixbox { zoom: 1;}



.content1{ min-width:320px; background:#e74236 url(c_1.jpg) no-repeat center top; border-radius:5px; background-size:auto 100%; margin:20px auto 60px; color:#ffffff; text-align:left; padding:40px 0;}
.content1 h1{ width:90%; margin:0 auto; font-size:18pt;}
.content1 p{ width:90%; margin:0 auto; font-size:14pt;}

.content2{ padding-top:6%; background:url(c_2.jpg) no-repeat center top; background-size:auto 100%; color:#fff;}
ul.online{ padding:6% 0 16% 0;}
ul.online li{ padding:20px 0; float:left; width:100%; margin-bottom:10px; text-align:center; background:#ffffff; border-radius:10px; color:#3b3b3b; font-size:14pt}
ul.online li img.tx{ border-radius:100%; max-width:40%;}
ul.online li h2{ padding:10px 0; font-weight:normal;}
ul.online li p{ text-align:left; font-size:12pt; line-height:36px; width:80%; margin:0 auto;}
ul.online li a{ border:1px solid #e74236; border-radius:20px; padding:5px 10px; color:#fff; background:#e74236; cursor:pointer;}
ul.online li a:hover{ color:#e74236; background:#fff;}

.content3{ padding-top:5%; padding-bottom:5%; color:#000000}
.content3 ul{ padding-top:4%;}
.content3 ul li{ color:#ffffff; background:#e84236 url(qqbg.png) no-repeat right top; background-size:auto 100%;  border-radius:10px; float:left; width:100%; margin-bottom:10px; margin-bottom:}
.content3 ul li.wx{ background:#e84236 url(wxbg.png) no-repeat right center; background-size:auto 100%;}
.content3 ul li h1{ width:88%; margin:0 auto; font-size:20pt; font-weight:normal; padding:10px 0; border-bottom:#fff solid 1px;}
.content3 ul li dl{ width:88%; margin:0 auto; padding:20px 0;}
.content3 ul li.qq dl{ padding:30px 0;}
.content3 ul li.qq dl{ line-height:38px; font-size:13pt;}
.content3 ul li.qq dl img{ height:14pt; vertical-align:middle;}

.content3 ul li.wx dt{ margin:0 auto; background:#fff; width:134px; height:134px; position:relative}
.content3 ul li.wx dt img{position:absolute; width:90%; height:90%; left:50%; margin-left:-45%; top:50%; margin-top:-45%;}
.content3 ul li.wx dd{position:relative; text-align:center; font-size:13pt; padding-top:22pt;}
.content3 ul li.wx dd p{}
.content3 ul li.wx dd span{ color:#ffea39}

.content4{ margin-bottom:6%;}
.map{ text-align:center;}
.map img{ max-width:100%;}
.content4 .map .map-pc{ display:none;}
.content4 .map .map-mobile{ display:block;}

@media only screen and (min-width:640px){
	.content1{ width:640px;}	
	.content1 h1{ width:80%;}
	.content1 p{ width:80%;}
	ul.online li{ width:48%; margin:0 1% 10px;}
	.content3 ul li.wx dt{ float:left;}
	.content3 ul li.wx dd{position:relative; padding-left:164px; text-align:left;}
	.content4 .map .map-pc{ display:block;}
.content4 .map .map-mobile{ display:none;}
}
@media only screen and (min-width:768px){
	.content1{ width:768px;}
	.content1 h1{ width:80%;}
	.content1 p{ width:80%;}
	ul.online li{ width:48%; margin:0 1% 10px;}
	.content3 ul li.wx dt{ float:left;}
	.content3 ul li.wx dd{position:relative; padding-left:164px; text-align:left;}
}
@media only screen and (min-width: 1160px){
	.content1{ width:1160px;}
	.content1 h1{ width:80%;}
	.content1 p{ width:80%;}
	ul.online li{ width:23%; margin:0 1%;}
	.content3 ul li{ width:48%; margin:0 1%;}
	.content3 ul li.wx dt{ float:left;}
	.content3 ul li.wx dd{position:relative; padding-left:164px; text-align:left;}
}