body {
background:#fff;
font-size:62.5%;
}
.outBg {
background:none;
margin:0;
padding:0;
}
.inBg {
background:none;
margin:0 auto;
padding:0 0 50px 0;
max-width:640px;
width:100%;
}
.logo {
background:url(../images/9471fe8b-3f2e-4912-99e6-921229c9ab42.jpg) no-repeat;
background-size:100%;
height:6.5em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.logo {height:4.8em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.logo {height:4.4em;}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.logo {height:3.9em;}
}
.logo a {
display:block;
width:35%;
float:right;
height:6.5em;
margin-right:5%;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.logo a {height:4.8em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.logo a {height:4.4em;}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.logo a {height:3.9em;}
}
.bannera {
background:url(../images/46190f72-8b5f-4c13-a19b-493aa14b09f0.jpg) no-repeat;
background-size:100%;
height:32em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.bannera {height:21.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.bannera {height:20.5em;}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.bannera {height:18em;}
}
.dhbox {
background:url(../images/52e6b98f-3b5c-408c-b6e4-d5725f264018.jpg) no-repeat;
background-size:100%;
height:12em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.dhbox {height:8.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.dhbox {height:8em;}
}
.dhbox li {
width:33.3%;
float:left;
height:6em;
text-align:center;
line-height:6em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.dhbox li {height:4.5em;line-height:4.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.dhbox li {height:4em;line-height:4em;}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.dhbox li {height:3.5em;line-height:3.5em;}
}
.dhbox li a {
color:#737373;
font-family:΢ÈíÑźÚ;
font-size:2em;}
.dhbox li a:hover {
color:#000;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.dhbox li a {font-size:1.5em;}
}
.dh1 a {
letter-spacing:1em;}
.tool1 {
display:block;
color:#059bac;
font-size:4em;
text-align:center;
line-height:2em;
height:2em;
font-weight:bold;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.tool1 {font-size:2.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.tool1 {font-size:2em;}
}
/* for 375px or less */
@media screen and (max-width: 375px) {
	.tool1 {font-size:2.5em;}
}
.toolbox {
margin-top:4%;}
.tool2 {
display:block;
color:#999;
font-size:2em;
text-align:center;
height:2em;
line-height:2em;
font-weight:bold;
font-family:΢ÈíÑźÚ;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.tool2 {font-size:1em;}
}
.sp {

margin-top:2%;
height:30.5em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.sp {height:21.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.sp {height:21em;}
}
/* ÐÂÎÅÄ£¿é */
.bodyContTitle .titleLinkColor {
font-size:2em;}
.listNews .topicLink {
line-height:3em;height:3em;font-size:2em;}
.news1 {
display:block;
color:#059bac;
font-size:4em;
text-align:center;
line-height:2em;
height:2em;
font-weight:bold;
background:#e9e9e9;
border-top:#d9d9d9 1px solid;
padding-top:7%;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.news1 {font-size:2.5em;padding-top:6%;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.news1 {font-size:2em;}
}
/* for 375px or less */
@media screen and (max-width: 375px) {
	.news1 {font-size:2.5em;}
}
.news2 {
display:block;
color:#999;
font-size:2em;
text-align:center;
height:2em;
line-height:2em;
font-weight:bold;
font-family:΢ÈíÑźÚ;
background:#e9e9e9;
padding-bottom:5%;
}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.news2 {font-size:1.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.news2 {font-size:1em;}
}
/* for 375px or less */
@media screen and (max-width: 375px) {
	.news2 {font-size:1.5em;}
}
.newstp1 {
background:url(../images/7bdda19b-14e4-4932-8f93-29466fa4da13.jpg) no-repeat;
background-size:100%;
height:28.5em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.newstp1 {height:19em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.newstp1 {height:18em;}
}
.newstp2 {
background:url(../images/25175dd4-4865-45df-bed9-036efccd1ca1.jpg) no-repeat;
background-size:100%;}
.news31 {
height:2em;
font-family:΢ÈíÑźÚ;
line-height:2em;
font-weight:bold;
margin-left:2%;
font-size:2em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.news31 {line-height:2.5em;font-size:1.5em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.news31 {line-height:2.5em;font-size:1.1em;}
}
.news32 {
font-family:΢ÈíÑźÚ;
line-height:1.5em;
font-weight:bold;
color:#858585;
margin-left:9%;
font-size:2em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.news32 {line-height:2em;font-size:1.2em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.news32 {line-height:2em;font-size:1em;}
}
.news3 a {
display:block;
background:url(../images/ec06d5b2-7ffc-4792-b4a5-1859642dc38a.jpg) no-repeat;
background-size:100%;
width:19%;
height:2.5em;
line-height:2.5em;
text-align:center;
float:right;
color:#1b99a8;
margin-right:2%;
font-family:΢ÈíÑźÚ;
font-size:1.5em;
margin-top:4%;
margin-bottom:4%;
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.news3 a {width:22%;font-size:1em;height:2.5em;line-height:2.5em;}
}
.mmd {
height:7.5em;
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.mmd {height:5em;}
}
.cont1 {
font-size:2.5em;
line-height:2em;
height:2em;
margin-left:2%;
color:#666;
font-family:΢ÈíÑźÚ;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.cont1 {font-size:2em;margin-left:4%;}
}
.cont2 {
margin-left:2%;
margin-right:2%;
font-size:1.5em;
color:#999;
font-family:΢ÈíÑźÚ;
line-height:2em;
text-indent:2em;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.cont2 {font-size:1em;margin-left:4%;margin-right:4%;}
}
.cont2 a {
display:block;
background:url(../images/ec06d5b2-7ffc-4792-b4a5-1859642dc38a.jpg) no-repeat;
background-size:100%;
width:20%;
height:2.45em;
line-height:2.45em;
text-align:center;
float:right;
color:#1b99a8;
text-indent:0;
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.cont2 a {width:25%;height:2.7em;line-height:2.7em;}
}
.contt a {
display:block;
background:url(../images/ec06d5b2-7ffc-4792-b4a5-1859642dc38a.jpg) no-repeat;
background-size:100%;
width:19%;
height:2.5em;
line-height:2.5em;
text-align:center;
float:right;
color:#1b99a8;
margin-right:2%;
font-family:΢ÈíÑźÚ;
font-size:1.5em;
margin-bottom:2%;
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.contt a {margin-right:4%;font-size:1em;width:23%;height:2.5em;line-height:2.5em;}
}
.cont3 {
background:url(../images/2704c678-c92c-4dba-b667-2ce3c92a9dbd.jpg) no-repeat;
background-size:100%;
height:50em;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.cont3 {height:45em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.cont3 {height:38em;}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.cont3 {height:35em;}
}
/* µ×²¿ */
.btmbox {
border-top:#d9d9d9 1px solid;
font-family:΢ÈíÑźÚ;}
.btm {
background:url(../images/e84ac15b-d2dd-4465-aa92-1232813583f8.jpg) no-repeat;
background-size:100%;
height:7em;
border-bottom:#d9d9d9 1px solid;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.btm {height:6em;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm {height:5em;}
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.btm {height:4.5em;}
}
.btm1, .btm2, .btm3, .btm4, .btm5, .btm6, .btm7 {
border-bottom:#d9d9d9 1px solid;}
.btm1 span, .btm2 span, .btm3 span, .btm4 span, .btm5 span, .btm6 span, .btm7 span {
font-size:2.5em;
line-height:2.5em;
margin-left:2%;
margin-right:5%;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.btm1 span, .btm2 span, .btm3 span, .btm4 span, .btm5 span, .btm6 span, .btm7 span {font-size:1.8em;margin-right:3.5%;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm1 span, .btm2 span, .btm3 span, .btm4 span, .btm5 span, .btm6 span, .btm7 span {font-size:1.5em;margin-right:3.5%;}
}
.btm1 a, .btm3 a, .btm5 a, .btm6 a, .btm7 a {
color:#8d8d8d;
font-size:2em;
margin-right:6%;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm1 a, .btm3 a, .btm5 a, .btm6 a, .btm7 a {font-size:1.4em;margin-right:4%;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm1 a, .btm3 a, .btm5 a, .btm6 a, .btm7 a {font-size:1.2em;margin-right:4%;}
}
.btm2 a, .btm4 .qqt  {
color:#8d8d8d;
font-size:2em;
line-height:2.5em;
margin-left:22.5%;}
/* for 450px or less */
@media screen and (max-width: 450px) {
	.btm2 a, .btm4 .qqt {font-size:1.4em;margin-right:4%;margin-left:24%;}
}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm2 a, .btm4 .qqt {font-size:1.2em;margin-right:4%;margin-left:23%;}
}
/* for 375px or less */
@media screen and (max-width: 375px) {
	.btm2 a, .btm4 .qqt {font-size:1.2em;margin-right:4%;margin-left:21.5%;}
}
.btm4 a {
color:#8d8d8d;
font-size:2em;
line-height:2.5em;
margin-right:6%;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm4 a {font-size:1.2em;margin-right:4%;}
}
.btm8 {
margin-top:2%;}
.btm8 span {
margin-left:2%;
display:block;
color:#8d8d8d;
font-size:1.5em;
line-height:2em;}
/* for 400px or less */
@media screen and (max-width: 400px) {
	.btm8 span {font-size:1em;}
}
#piece_footer, #top_nav_four {
display:none;}
.detail-back {
background:#1a99a7;}
.ppdq a {
display:block;
width:45%;
float:left;
margin:2%;
border:1px solid #ccc;}
#user_defined2 .bodyContContent {
display:none;}