@charset "utf-8";
/* CSS Document */

body { width:100%; background:url(../image/bodybg.gif) #E7E7E7; color:#544830; line-height:24px; -webkit-text-size-adjust:none; }
body, input, textarea, select, font { font-size:25px; font-family: Microsoft Yahei, SimHei, arial; }
body, h1, h2, h3, p, ul, dl, dd, form, textarea, input { margin:0; }
h1, h2, h3, h4, h5, h6 { font-size:28px; color:#000; }
ul, ol, td, th { padding:0; list-style:none outside; }
a { color:#544830; text-decoration:underline; }
a span, a i, a strong { cursor:pointer; }
textarea { overflow:auto; resize:none; }
input, textarea { outline:none; }
img { border:0; vertical-align:top; }
table { border-collapse:collapse; }

.clear:after { display:block; clear:both; content:''; visibility:hidden; height:0; }
.clear { zoom:1; }
.breakall { word-break:break-all; word-wrap:break-word; }
.fl, .fr { float:left; display:inline; } .fr { float:right; }
.justify { text-align:justify; text-justify:inter-ideograph; }
.noright { margin-right:0!important; padding-right:0!important; }
.noborder { border:none!important; }
.auto640 { width:640px; margin:0 auto; position:relative; overflow:hidden; }
.font20 { font-size:21px; }

/* less than 479 */
@media only screen 
and (max-width: 479px) {
    #mainContent{width:640px;}
}

/* 480 - 639  */
@media only screen 
and (min-width: 480px)
and (max-width: 639px) {
    #mainContent{width:640px;}
}

/* greater than 640 */
@media only screen 
and (min-width: 640px) {
    #mainContent{width:640px; }
}
.names { display:block; height:0; overflow:hidden; }
.play { height:233px; background:url(../image/blank.gif); position:relative; }
	.infobox, .play .prev, .play .next, .numbtn { display:none; }
	.imageitems { display:none; width:640px; height:233px; position:absolute; overflow:hidden; }
.item1 { line-height:38px; padding:27px 27px 29px; }
.lan { height:19px; background:url(../phone/image/title.png); }
.item2 { line-height:38px; padding:22px 20px 20px; }
.toggle h2 { line-height:76px; height:76px; cursor:pointer; overflow:hidden; background:url(../phone/image/bg1.gif); color:#FFF; font-weight:normal; text-indent:19px; }
.togglebox { display:none; color:#FFF; line-height:36px; }
	.word { padding:34px 18px 56px; background-color:#8C713F; position:relative; }
		.word .justify { height:180px; overflow:hidden; }
	.slideDown { width:616px; height:65px; position:absolute; left:12px; bottom:25px; background:url(../phone/image/slidedown.png); }
	.togglebox dl { padding:0 18px; background-color:#8C713F; }
		.togglebox dd { padding:10px 0 28px; }
			.togglebox a { color:#FFF; text-decoration:none; }
	.title { height:20px; line-height:16px; text-align:center; position:relative; width:640px; margin:35px 0; }
		.title .left, .title .right { height:19px; width:186px; position:absolute; right:0; background:url(../phone/image/title.png); }
		.title .left { left:0; }
		.title strong { display:block; font-size:19px; font-weight:normal; color:#544830; }
	.worksword { font-size:19px; color:#544830; line-height:24px; padding:0 20px 38px; }
.item3 .lan { margin:34px 0 50px; }
.item3 .justify { color:#383838; line-height:30px; padding:0 18px 50px; }
	.item3 .justify a { color:#383838; }
.footer { background:url(../image/footer.gif); margin:46px 0 0; color:#FFF; }
	.footer .auto640 { height:100px; text-align:center; font-size:12px; background:url(../image/footer2.gif) no-repeat 397px 0; padding:20px 0 0; }
		.zhuban { width:203px; padding-left:15px; }
			.footer p { padding-bottom:10px; }
			.footer a { margin-right:24px; float:left; }
			.zanzhu p { padding-bottom:14px; }
			.zanzhu a { margin:0; float:none; }
		.line { border-right:1px solid #474747; height:59px; margin:26px 30px 0 0; }
		.footer .fr { margin:69px 60px 0 0; display:none; }