@charset "utf-8";
/*重定义浏览器默认样式*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6; background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/*
中心区域样式
*/
.theme{ max-width:640px; margin:0px auto;}

/*
顶部样式
*/
.toper{ width:100%; position:relative; z-index:100;}
.toper img{ max-width:100%; width:auto; height:auto; interpolation-mode: bicubic; -moz-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic; -o-interpolation-mode: bicubic; -webkit-interpolation-mode: bicubic; display:block; margin:0px auto;}
.toper .navanbg{ width:30%; height:100%; position:absolute; z-index:20; left:0px; top:0px;}
.toper .navan{ width:26px; height:26px; border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; border:2px solid #ece6c7; position:absolute; z-index:20; left:13%; top:50%; margin-top:-15px; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none; overflow:hidden;}
.toper .navan .hx{ width:60%; height:2px; background:#ece6c7; margin:0 auto; position:absolute; z-index:20; left:20%; top:50%; transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;}
.toper .navan .hx:nth-child(1){ margin-top:-4px;}
.toper .navan .hx:nth-child(2){ margin-top:3px;}
.toper .on .hx:nth-child(1){ margin-top:-1px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.toper .on .hx:nth-child(2){ margin-top:-1px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.toper .nav{ display:none; position:absolute; z-index:20; left:0px; background:#710a3a; padding:0px 10px; top:100%;}
.toper .nav li{ height:40px; line-height:40px; white-space:nowrap; border-bottom:1px solid #eee;}
.toper .nav li a{ font-size:14px; color:#fff; text-decoration:none; display:block;}
.toper .nav li:last-child{ border-bottom:none;}
@media only screen and (max-width:400px){/*屏幕尺寸小于400px的设备 .navan样式*/
	.toper .navan{ width:20px; height:20px; border-radius:24px; -moz-border-radius:24px; -ms-border-radius:24px; -o-border-radius:24px; -webkit-border-radius:24px; margin-top:-12px;}	
}

/*
底部样式
*/
.footer .foot1{ max-width:100%; width:auto; height:auto; interpolation-mode: bicubic; -moz-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic; -o-interpolation-mode: bicubic; -webkit-interpolation-mode: bicubic; display:block; margin:0px auto;}
.footer .footnav{ width:100%; height:45px; line-height:45px; max-width:640px; margin:0px auto; position:fixed; z-index:2000; bottom:0px;}
.footer .footnav ul{ width:100%; display:inline-block; *display:inline; zoom:1;}
.footer .footnav ul li{ width:25%; height:45px; float:left; text-align:center;}
.footer .footnav ul li a{ display:block; height:45px; color:#fff; text-decoration:none; white-space:nowrap; overflow:hidden; margin:0px 2px;}
.footer .footnav ul li a img,.footer .footnav ul li a span{ display:inline-block; vertical-align:bottom;}
.footer .footnav ul li a img{ width:38px; height:34px; margin-top:6px;}
.footer .footnav ul li a span{ font-size:14px; height:34px; line-height:34px; margin-top:6px; text-shadow:0 0 1px #000; -moz-text-shadow:0 0 1px #000; -ms-text-shadow:0 0 1px #000; -o-text-shadow:0 0 1px #000; -webkit-text-shadow:0 0 1px #000;}
.footer .footnav ul li:nth-child(1){ background:url(1_foot_bj1.jpg) repeat-x top;}
.footer .footnav ul li:nth-child(1) a{ margin-left:4px;}
.footer .footnav ul li:nth-child(1) a img{ margin-right:1px;}
.footer .footnav ul li:nth-child(2) a img{ margin-right:5px;}
.footer .footnav ul li:nth-child(3) a img{ margin-right:1px;}
.footer .footnav ul li:nth-child(4) a img{ margin-right:1px;}
.footer .footnav ul li:nth-child(2){ background:url(2_foot_bj2.jpg) repeat-x top;}
.footer .footnav ul li:nth-child(3){ background:url(3_foot_bj3.jpg) repeat-x top;}
.footer .footnav ul li:nth-child(4){ background:url(4_foot_bj4.jpg) repeat-x top;}
.footer .footnav ul li:nth-child(4) a{ margin-right:4px;}
@media only screen and (max-width:450px) and (min-width:380px){/*设备尺寸在380px到450px之间样式*/
	.footer .footnav ul li a img{ width:30px; height:27px; margin-top:9px;}
	.footer .footnav ul li a span{ height:27px; line-height:27px; margin-top:9px; font-size:12px;}
}
@media only screen and (max-width:380px){/*设备尺寸小于380px的样式*/
	.footer .footnav ul li a img{ width:20px; height:18px; margin-top:14px;}
	.footer .footnav ul li a span{ height:18px; line-height:18px; margin-top:14px; font-size:12px;}
}