.fixed:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;min-height:1%;}
* html .fixed{height:1%;}
body,h1,h2,h3,h4,h5,h6,inputp,select,span,a,b,dl,dd,ol,ul,table,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {margin: 0;	padding: 0;font-family:Verdana,Arial,'Times New Roman','Microsoft YaHei',SimHei;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block}
audio,canvas,video {display: inline-block;*display: inline;	*zoom: 1}
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;word-wrap: break-word}
h1,h2,h3 {font-size: 100%}
ol,ul {list-style: none}
table{border-collapse: collapse;border-spacing: 0;empty-cells: show;font-size: inherit; width:100%}
img {border: 0;	-ms-interpolation-mode: bicubic}
cite,em,s,i,b {font-style: normal}
input,button,textarea,select {font-size: 100%;background: #fff}
body,input,button,textarea,select,option {font-size: normal}
a,input,textarea {text-decoration: none;outline: 0;-webkit-tap-highlight-color: rgba(0,0,0,0); color: #555;}
li,img,label,input {vertical-align: middle}
var{font-style: normal}
ins{text-decoration: none}
abbr,acronym {border: 0;font-variant: normal}
sup{vertical-align: text-top}
sub{vertical-align: text-bottom}
button,select {text-transform: none}
button[disabled],html input[disabled]{cursor: default}
input[type=checkbox],input[type=radio]{box-sizing: border-box;padding: 0;*height: 13px;	*width: 13px}
button,input,select,textarea {margin: 0;vertical-align: baseline;*vertical-align: middle}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner {border: 0;padding: 0}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button;cursor: pointer;*overflow: visible}
body {font-size: 29.32px; background: #FFF;color: #666666; }
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
img, object, embed, video {max-width:100%;border:0;}
/**********公用样式**********/
.warp {margin: auto;overflow: hidden; max-width:640px; padding-top: 3.8em }
.VMiddle{ position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}/*css3垂直居中*/
.tdleft{ text-align: left;}
.tdright{ text-align: right;}
.tdcenter{ text-align: center;}
#head{  height: 3.8em; line-height: 3.6em; position:fixed; text-align: center; width: 100%; left: 0; top: 0; background: #fff; z-index: 999; display: block}
#head a{ position:absolute; }
#head .logo{left:0; height: 100%; }
#head .logo img{ max-height:100% }
#head .navico{  width: 2em; padding-right: 5%; right: 0 }
#head.subhead{height: 3.5em; line-height: 3.5em; background:#fff; border-bottom: 3px solid #ed7615}
#head.subhead .navico{ width: 2.3em;}
#head.subhead .subtit{ position: absolute; left: 5%; color: #ed7615; font-size: 1.3em; font-weight: normal; padding-left: 2.5%; }
#head.subhead .subtit:before{ content:""; display:inline-block; height:1em; width:6px;  background:#ed7615; overflow:hidden; vertical-align:middle; margin-right:0.5em; margin-top: -0.1em;}
.footer{ position:fixed; left:0;  bottom:0; width:100%; z-index:100;  background: #fff; border-top: 1px solid #e5e5e5; height: 3.4em}
.footer .ftnav{ height:100%; }
.footer .ftnav li{ width:33%; float:left; text-align: center; border-right: 1px solid #e5e5e5; height:100%; }
.footer .ftnav li a{ height: 2.4em; width: 2.4em; display: inline-block; overflow: hidden; margin-top: 0.5em; }
.footer .ftnav li a.fta1 img{ margin-top: 0}
.footer .ftnav li a.fta2 img{ margin-top: -100%}
.footer .ftnav li a.fta3 img{ margin-top: -200%}
.gotop{ position:fixed; right: 1.5%; bottom: 4.5em; z-index: 9999; opacity: 0.7; width: 2.6em;}
.mm-opened #head,.mm-opened #footer{ display:none}
.footlx{ color: #bbb; font-size: 12px; text-align: center; padding: 1em 1em 5.5em 1em; }
@media screen and (min-width:470px){
  .footlx{ padding: 1em 1em 6.5em 1em;}
}
@media screen and (min-width:530px){
  .footlx{ padding: 1em 1em 8.5em 1em;}
}
.footlx a{ color: #bbb; }
.mm-listview li a .tb{ display: inline-block; width: 34px; height: 22px; vertical-align: middle; overflow: hidden}
.mm-listview li a .tb1 img{ margin-top: 0}
.mm-listview li a .tb2 img{ margin-top: -85%}
.mm-listview li a .tb3 img{ margin-top: -185%}
.mm-listview li a .tb4 img{ margin-top: -265%}
.mm-listview li a .tb5 img{ margin-top: -355%}
.mm-listview li a .tb6 img{ margin-top: -445%}
.mm-listview li a .tb7 img{ margin-top: -555%}
/*****************响应式布局设置*****************/
@media only screen and (max-width:300px) {
body {font-size: 12px !important}
.viewport {max-width: 300px}
}
@media only screen and (max-width:310px) and (min-width:300px) {
body {font-size: 12px !important}
.viewport {max-width: 300px}
}
@media only screen and (max-width:320px) and (min-width:310px) {
body {font-size: 12px!important}
.viewport {max-width: 320px}
}
@media only screen and (max-width:350px) and (min-width:320px) {
body{font-size: 13.4px !important}
.viewport{max-width: 360px}
}
@media only screen and (max-width:360px) and (min-width:350px) {
body{font-size: 14px !important}
.viewport{max-width: 360px}
}
@media only screen and (max-width:470px) and (min-width:360px) {
body{font-size: 15px !important}
.viewport{max-width: 470px}
}
@media only screen and (max-width:480px) and (min-width:470px) {
body{font-size: 18.6px !important}
.viewport{max-width: 480px}
}
@media only screen and (max-width:530px) and (min-width:480px) {
body {font-size: 19.5px !important}
.viewport{max-width: 530px}
}
@media only screen and (max-width:560px) and (min-width:530px) {
body {font-size: 21.71px !important}
.viewport {max-width: 560px}
}
@media only screen and (max-width:570px) and (min-width:560px) {
body{font-size: 21.3px !important}
.viewport {max-width: 570px}
}
@media only screen and (max-width:598px) and (min-width:568px) {
body {font-size: 23.5px !important}
.viewport{max-width: 598px}
}
@media only screen and (max-width:630px) and (min-width:598px) {
body{font-size: 24.35px !important}
.viewport {max-width: 630px}
}
@media only screen and (max-width:640px) and (min-width:630px) {
body{font-size: 25.3px !important}
.viewport{max-width: 640px}
}
@media only screen and (max-width:710px) and (min-width:640px) {
body{font-size: 26px !important}
.viewport{max-width: 710px}
}