@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-text-size-adjust:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; font-family:Arial, 'Microsoft YaHei'; }
img { vertical-align:top; border:none; max-width:100%; }
body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
input, textarea { -webkit-user-select:text; -ms-user-select:text; user-select:text; -webkit-appearance:none; font-size:1em; line-height:1.5em; }
table { border-collapse:collapse; }
button, select, input { font-size:14px; }
input, select { vertical-align:middle; line-height:normal; font-size:1em; }
a { outline:0; cursor:pointer; *star:expression(this.onbanner=this.blur());
}
a:link, a:active { color:#393939; text-decoration:none; }
a:visited { color:#222323; text-decoration:none; }
a:hover { color:#f00; text-decoration:underline; }
.ccolor { color:#BB1600; }
a.red:link, a.red:visited, a.red:active { color:#f47110; }
a.red:hover { color:#e60012; }
a.Purple:link, a.Purple:visited, a.Purple:active { color:#b03ca9; }
a.Purple:hover { color:#f00; }
input:focus, select:focus, textarea:focus, button:focus { outline:none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance:none; border:1px solid; -webkit-border-radius:0; border-radius:0; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
.img img,.img{max-width:100%;max-height:100%;}
img{max-width:100%;}
a { text-decoration:none; -webkit-touch-callout:none; }
em, i { font-style:normal; }
li { list-style:none; }
html { font-size:10px; }
.clear { clear:both; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden; }
 @media only screen and (max-width: 320px) {
body {
font:12px/1.5 Microsoft Yahei;
}
.top-op2 p {
font-size:75%;
}
.title h2 {
font-size:170%;
}
.container-2 dl dt h2 {
height:1.8em;
line-height:1.8em;
}
.container-2 dl dd {
padding-left:7%;
padding-top:1%;
}
.nva li.bg1 span {
background:url(../images/nav-1.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg2 span {
background:url(../images/nav-2.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg3 span {
background:url(../images/nav-3.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg4 span {
background:url(../images/nav-4.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg5 span {
background:url(../images/nav-5.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.container-9 ul li.op9-1 {
padding-top:1%;
}
.container-9 ul li.op9-2 {
padding-top:7%;
}
.container-9 ul li.op9-3 {
padding-top:7%;
}
.container-9 ul li.op9-4 {
padding-top:7%;
}
.container-9 ul li.op9-5 {
padding-top:7%;
}
}
@media screen and (min-width: 321px) {
body {
font:14px/1.5 Microsoft Yahei;
}
.top-op2 p {
font-size:1.2rem;
}
.title h2 {
font-size:170%;
}
.container-2 dl dt h2 {
height:1.8em;
line-height:1.8em;
}
.container-2 dl dd {
padding-left:7%;
padding-top:1%;
}
.nva li.bg1 span {
background:url(../images/nav-1.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg2 span {
background:url(../images/nav-2.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg3 span {
background:url(../images/nav-3.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg4 span {
background:url(../images/nav-4.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.nva li.bg5 span {
background:url(../images/nav-5.png) no-repeat center top;
background-size:2em 100%;
padding:20% 6%;
}
.container-9 ul li.op9-1 {
padding-top:5%;
}
.container-9 ul li.op9-2 {
padding-top:8%;
}
.container-9 ul li.op9-3 {
padding-top:7%;
}
.container-9 ul li.op9-4 {
padding-top:7%;
}
.container-9 ul li.op9-5 {
padding-top:7%;
}
}
 @media (min-width: 420px) and (max-width:640px) {
body {
font:16px/1.5 Microsoft Yahei;
}
.top-op2 p {
font-size:87.5%;
}
.title h3 {
font-size:160%;
}
.title h2 {
font-size:220%;
}
.container-2 dl dd p {
font-size:85%;
}
.container-2 dl dt h2 {
height:2em;
line-height:2em;
}
.container-2 dl dd {
padding-left:7%;
padding-top:7%;
}
.reg dl dd input.bt1, .reg dl dd input.bt2 {
font-size:110%;
}
.nva li.bg1 span {
background:url(../images/nav-1.png) no-repeat center top;
background-size:3em 100%;
padding:20% 6%;
}
.nva li.bg2 span {
background:url(../images/nav-2.png) no-repeat center top;
background-size:3em 100%;
padding:20% 6%;
}
.nva li.bg3 span {
background:url(../images/nav-3.png) no-repeat center top;
background-size:3em 100%;
padding:20% 6%;
}
.nva li.bg4 span {
background:url(../images/nav-4.png) no-repeat center top;
background-size:3em 100%;
padding:20% 6%;
}
.nva li.bg5 span {
background:url(../images/nav-5.png) no-repeat center top;
background-size:3em 100%;
padding:20% 6%;
}
.container-9 ul li.op9-1 {
padding-top:1%;
}
.container-9 ul li.op9-2 {
padding-top:8%;
}
.container-9 ul li.op9-3 {
padding-top:8%;
}
.container-9 ul li.op9-4 {
padding-top:8%;
}
.container-9 ul li.op9-5 {
padding-top:8%;
}
}
 @media (min-width: 640px) and (max-width:998px) {
body {
font:16px/1.5 Microsoft Yahei;
}
.nva ul li a, .title h4, .cont-op1-top ul li i, .container-4 dl dd h2, .container-5 .cont5-1 dd h2, .container-5 .cont5-2 dt h2, .container-6 ul li p, .container-9-bt dl dt p, .container-9-bt dl dt span a, .m8-box .m8-list ul li h4, .m8-box .m8-list ul li p, .white_content, .reg li, .reg dl dd input.bt1, .reg dl dd input.bt2, .footer dl dt p {
font-size:150%;
}
.top-op1 dl dt h2, .container-2 dl dt h2 {
font-size:170%;
}
.reg p {
font-size:180%;
}
.cont-op1-bt dl dt a, .cont-op2-bt dl dt a {
font-size:160%;
}
.top-op2 p {
font-size:87.5%;
}
.container-10-top {
font-size:190%;
}
.title h3 {
font-size:210%;
}
.title h2 {
font-size:270%;
}
.container-2 dl dd p, .container-4 dl dd p, .container-5 .cont5-1 dd ul li, .container-5 .cont5-2 dt ul li, .container-7 ul li p, .container-8 p, .container-9 ul li p {
font-size:112.5%;
}
.container-2 dl dt h2 {
height:1.4em;
line-height:1.4em;
}
.container-2 dl dd {
padding-left:7%;
padding-top:10%;
}
.container-9 ul li h2 {
font-size:125%;
}
.nva li.bg1 span {
background:url(../images/nav-1.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg2 span {
background:url(../images/nav-2.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg3 span {
background:url(../images/nav-3.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg4 span {
background:url(../images/nav-4.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg5 span {
background:url(../images/nav-5.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.container-9 ul li.op9-1 {
padding-top:1%;
}
.container-9 ul li.op9-2 {
padding-top:6%;
}
.container-9 ul li.op9-3 {
padding-top:8%;
}
.container-9 ul li.op9-4 {
padding-top:12%;
}
.container-9 ul li.op9-5 {
padding-top:12%;
}
}
@media (min-width: 999px) and (max-width:1440px) {
body {
font:16px/1.5 Microsoft Yahei;
}
.nva ul li a, .title h4, .cont-op1-top ul li i, .container-4 dl dd h2, .container-5 .cont5-1 dd h2, .container-5 .cont5-2 dt h2, .container-6 ul li p, .container-9-bt dl dt p, .container-9-bt dl dt span a, .m8-box .m8-list ul li h4, .m8-box .m8-list ul li p, .white_content, .reg li, .reg dl dd input.bt1, .reg dl dd input.bt2, .footer dl dt p {
font-size:150%;
}
.top-op1 dl dt h2, .container-2 dl dt h2 {
font-size:170%;
}
.container-10-top {
font-size:190%;
}
.reg p {
font-size:180%;
}
.cont-op1-bt dl dt a, .cont-op2-bt dl dt a {
font-size:160%;
}
.top-op2 p {
font-size:87.5%;
}
.title h3 {
font-size:210%;
}
.title h2 {
font-size:270%;
}
.container-9 ul li h2 {
font-size:125%;
}
.container-2 dl dd p, .container-4 dl dd p, .container-5 .cont5-1 dd ul li, .container-5 .cont5-2 dt ul li, .container-7 ul li p, .container-8 p, .container-9 ul li p {
font-size:112.5%;
}
.container-2 dl dt h2 {
height:1.4em;
line-height:1.4em;
}
.container-2 dl dd {
padding-left:7%;
padding-top:10%;
}
.nva li.bg1 span {
background:url(../images/nav-1.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg2 span {
background:url(../images/nav-2.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg3 span {
background:url(../images/nav-3.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg4 span {
background:url(../images/nav-4.png) no-repeat center top;
background-size:3.5em 100%;
padding:20% 6%;
}
.nva li.bg5 span {
background:url(../images/nav-5.png) no-repeat center top;
background-size:2.8em 100%;
padding:20% 6%;
}
.container-9 ul li.op9-1 {
padding-top:1%;
}
.container-9 ul li.op9-2 {
padding-top:6%;
}
.container-9 ul li.op9-3 {
padding-top:8%;
}
.container-9 ul li.op9-4 {
padding-top:12%;
}
.container-9 ul li.op9-5 {
padding-top:12%;
}
}
.baohan { margin:0 auto; max-width:640px; min-width:320px; color:#353535; margin-top:-60px;}
/*头部*/
.top { width:100%; height:43px; background:url(../images/top1.jpg) repeat-x; font-size:14px;color:#3e3e3e; text-align:center; cursor:pointer; position: fixed; left:0; top:0; _position: absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));overflow:hidden; line-height:26px; z-index:999; }
.top a{ height:34px; padding-top:8px; float:left; width:50%; text-align:center; z-index:9999; color:#3e3e3e; }
.top a:hover{ color:#F00;}
.top img { vertical-align:top; margin-right:5px; }
/*banner*/
.banner { width:100%; height:100%; overflow:hidden; text-align:center; padding:1% 0 2% 0; border-bottom:solid 1px #ddd; }
/*导航*/
.nva { background:url(../images/menu.jpg) repeat-x; overflow:hidden; }
.nva ul li { float:left; width:20%; text-align:center; background:url(../images/menu-1.jpg) no-repeat right top; background-size:1px 100%; padding:1.5% 0; }
.nva ul li a { color:#fff; display:block; overflow:hidden; padding:3% 0; }
.nva ul li span { display:block; overflow:hidden; }
.baohan .logo { width:100%; overflow:hidden; text-align:center;  clear:both; padding-top:65px;}
.line-1 { padding:0.4% 0; background:url(../images/line-1.jpg) repeat-x center top; }
.line-2 { padding:1% 0; background:url(../images/line-2.jpg) repeat-x center top; }
.click { overflow:hidden; }
.click dl dt { display:block; overflow:hidden; background:#f5f5f5; }
.click dl dt span { float:left; width:73%; height:100%; }
.click dl dt p { float:left; width:25%; text-align:left; padding-top:3.5%; }
.top-text { overflow:hidden; }
.top-op1 { overflow:hidden; padding:1.5% 1.8%; }
.top-op1 dl dt { border-bottom:dashed 1px #bbb; padding-bottom:1%; }
.top-op1 dl dt h2 { padding:1.5% 0; text-align:center; color:#9d0100; }
.top-op1 dl dt h2 a { color:#9d0100; text-decoration:none; }
.top-op1 dl dt p { text-align:center; font-size:14px; color:#837d7d; }
.top-op1 dl dt p img { padding:0 1% 0 2%; }
.top-op1 dl dt p a { color:#cd0000; }
.top-op1 dl dd { display:block; overflow:hidden; }
.top-op1 dl dd p { font-size:14px; padding:2.5% 0; }
.top-op1 dl dd p i { color:#c00000; }
.top-op1 .ipt { height:31px; padding:12px 0px; }
.top-op1 .ipt .info-txt { border:1px solid #cfcfcf; width:190px; height:29px; line-height:29px; text-indent:5px; background:#ededed; float:left; margin-left:10px; }
.top-op1 .ipt .info-btn { background: url(../images/top-op2.jpg) no-repeat; border: 0; float: left; height: 31px; width: 99px; }
.top-op1 .ipt a { width:30%; float:left; text-align:left; }
.top-op2 { background:url(../images/top-op3.jpg) no-repeat center top; background-size:100% 7em; border-top:solid 1px #ddd; }
.top-op2 p { display:block; width:100%; overflow:hidden; padding:3.5% 1% 3.5% 18%; text-indent:1.5em; }
.top-op2 p a { color:#e30000; }
.title { background:url(../images/title.jpg) no-repeat center top; background-size: 100% 100%; padding-bottom:2.2%; overflow:hidden; }
.title h2 { float:left; width:14%; text-align:right; color:#a36d2d; padding-top:2.2%; }
.title h3 { float:right; width:83%; color:#fff; font-weight:500; padding-top:1%; }
.title h4 { float:right; width:83%; color:#ffc91f; font-weight:normal;}
/*模板—�?1*/
.container-1 { overflow:hidden; padding:2.8%; }
.cont-op1-top { overflow:hidden; background:url(../images/container-1-1.jpg) no-repeat center top; background-size: 100% 100%; }
.cont-op1-top ul li { float:left; width:46%; }
.cont-op1-top ul li i { color:#FFF; display:block; overflow:hidden; text-align:center; padding:1.2% 0; }
.one1 { margin-right:3%; margin-bottom:5%; display:inline; }
.one2 { margin-left:5%; margin-bottom:5%; display:inline; }
.one3 { margin-right:3%; margin-top:4%; display:inline; }
.one4 { margin-left:5%; margin-top:4%; display:inline; }
.one1 i { background:#b9894a; }
.one2 i { background:#7c9c3d; }
.one3 i { background:#4d8e9e; }
.one4 i { background:#8674ab; }
.cont-op1-bt { padding:4% 0 1% 0; overflow:hidden; }
.cont-op1-bt dl dt { display:block; overflow:hidden; background:#d76500; color:#FFF; text-align:center; padding:3% 0; }
.cont-op1-bt dl dt a { color:#FFF; text-decoration:none; }
.cont-op1-bt dl dd { padding-top:3%; }
/*模板—�?1 end*/
/*模板—�?2*/
.container-2 { overflow:hidden; padding:1% 3%; }
.container-2 dl { margin-top:2%; overflow:hidden; background:#f1f1f1; }
.container-2 dl { overflow:hidden; }
.container-2 dl dt { float:left; width:40%; }
.container-2 dl.op2-1 dt h2 { text-align:center; color:#FFF; font-weight:normal; background:#b9894a; }
.container-2 dl.op2-1 dd { float:left; width:60%; background:url(../images/container-2-1.jpg) no-repeat center top; background-size: 100% 100%; }
.container-2 dl.op2-1 dd span { display:block; overflow:hidden; width:60%; margin:0 auto; margin-top:4%; background:#b9894a; text-align:center; padding:2% 0; }
.container-2 dl.op2-2 dt h2 { text-align:center; color:#FFF; font-weight:normal; background:#7c9c3d; }
.container-2 dl.op2-2 dd { float:left; width:60%; background:url(../images/container-2-2.jpg) no-repeat center top; background-size: 100% 100%; }
.container-2 dl.op2-2 dd span { display:block; overflow:hidden; width:60%; margin:0 auto; margin-top:4%; background:#7c9c3d; text-align:center; padding:2% 0; }
.container-2 dl.op2-3 dt h2 { text-align:center; color:#FFF; font-weight:normal; background:#4d8e9e; }
.container-2 dl.op2-3 dd { float:left; width:60%; background:url(../images/container-2-3.jpg) no-repeat center top; background-size: 100% 100%; }
.container-2 dl.op2-3 dd span { display:block; overflow:hidden; width:60%; margin:0 auto; margin-top:4%; background:#4d8e9e; text-align:center; padding:2% 0; }
.container-2 dl.op2-4 dt h2 { text-align:center; color:#FFF; font-weight:normal; background:#8674ab; }
.container-2 dl.op2-4 dd { float:left; width:60%; background:url(../images/container-2-4.jpg) no-repeat center top; background-size: 100% 100%; }
.container-2 dl.op2-4 dd span { display:block; overflow:hidden; width:60%; margin:0 auto; margin-top:4%; background:#8674ab; text-align:center; padding:2% 0; }
.container-2 dl dt span { padding-top:1%; }
.container-2 dl dd p { display:block; overflow:hidden;  text-indent:2em; color:#222; font-family:"微软雅黑";}
.container-2 dl dd span a { color:#FFF; text-decoration:none; }
.cont-op2-bt { overflow:hidden; padding:2.8%; }
.cont-op2-bt dl { padding:0% 0 1% 0; overflow:hidden; }
.cont-op2-bt dl dt { display:block; overflow:hidden; background:#d76500; color:#FFF; text-align:center; padding:3% 0; }
.cont-op2-bt dl dt a { color:#FFF; text-decoration:none; }
.cont-op2-bt dl dd { padding-top:3%; }
/*模板—�?2 end*/
/*模板—�?3*/
.container-3 { overflow:hidden; padding:2.5%; }
.container-3 dl dt { display:block; overflow:hidden; border:dashed 1px #c2c2c2; background:#f7f7f7; }
.container-3 dl dt p { padding:2% 3%; overflow:hidden; text-indent:2em; }
.container-3 dl dd { display:block; overflow:hidden; padding-top:4%; text-align:center; }
/*模板—�?3 end*/
/*模板—�?4*/
.container-4 { overflow:hidden; padding:0 2.5% 0% 2.5%; }
.container-4 dl { margin-top:2.5%; overflow:hidden; }
.container-4 dl dt { float:left; width:45%; overflow:hidden; }
.container-4 dl dd { float:right; width:53%; overflow:hidden; margin-right:1%; padding-bottom:6%; }
.container-4 dl dd h2 { color:#FFF; text-align:center; display:block; font-weight:normal; margin-top:5%; }
.container-4 dl dd p { padding:3%; overflow:hidden; text-indent:2em; padding-top:10%;}
.container-4 .op4-1 { background:url(../images/container-4-1.jpg) no-repeat center top; background-size: 100% 100%; }
.container-4 .op4-1 h2 { background:#b9894a; }
.container-4 .op4-2 { background:url(../images/container-4-2.jpg) no-repeat center top; background-size: 100% 100%; }
.container-4 .op4-2 h2 { background:#7c9c3d; }
.container-4 .op4-3 { background:url(../images/container-4-3.jpg) no-repeat center top; background-size: 100% 100%; }
.container-4 .op4-3 h2 { background:#4d8e9e; }
.container-4 .op4-4 { background:url(../images/container-4-4.jpg) no-repeat center top; background-size: 100% 100%; }
.container-4 .op4-4 h2 { background:#8674ab; }
/*模板—�?4 end*/
/*模板—�?5*/
.container-5 { overflow:hidden; padding:0 2.5% 0% 2.5%; }
.container-5 dl { margin-top:2.5%; overflow:hidden; background:#efefef; }
.container-5 .cont5-1 dt { float:left; width:46%; }
.container-5 .cont5-1 dd { float:left; width:50%; background:#efefef; padding:0 2%; }
.container-5 .cont5-1 dd h2 { text-align:center; color:#872d2d; border-bottom:dashed 1px #bdbdbd; height:2em; line-height:2em; }
.container-5 .cont5-1 dd ul { display:block; overflow:hidden; padding-top:3%; }
.container-5 .cont5-1 dd ul li { overflow:hidden; }
.container-5 .cont5-1 dd ul li em { display:block; float:left; width:8%; vertical-align:middle; padding-right:2%; line-height:180%; }
.container-5 .cont5-1 dd ul li i { display:block; float:left; width:90%; }
.container-5 .cont5-2 dd { float:left; width:46%; }
.container-5 .cont5-2 dt { float:left; width:50%; background:#efefef; padding:0 2%; }
.container-5 .cont5-2 dt h2 { text-align:center; color:#872d2d; border-bottom:dashed 1px #bdbdbd; height:2em; line-height:2em; }
.container-5 .cont5-2 dt ul { display:block; overflow:hidden; padding-top:3%; }
.container-5 .cont5-2 dt ul li { overflow:hidden; }
.container-5 .cont5-2 dt ul li em { display:block; float:left; width:8%; vertical-align:middle; padding-right:2%; line-height:180%; }
.container-5 .cont5-2 dt ul li i { display:block; float:left; width:90%; }
/*模板—�?5 end*/
/*模板—�?6*/
.container-6 { overflow:hidden; background:url(../images/container-6-1.jpg) no-repeat center top; background-size: 100% 100%; margin:3% 3% 0 3%; }
.container-6 ul li { float:left; width:50%; overflow:hidden; }
.container-6 ul li p { color:#FFF; }
.container-6 ul li.op6-1 p { padding:25% 0 28% 18%; }
.container-6 ul li.op6-2 p { padding:43% 0 23% 18%; }
/*模板—�?6 end*/
/*模板—�?7*/
.container-7 { overflow:hidden; padding:0 3.2% 0% 3.2%; }
.container-7 ul li { background:#eee; padding-bottom:3%; overflow:hidden; margin-top:3%; text-align:center; }
.container-7 ul li p { display:block; overflow:hidden; text-align:left; padding:3%; }
.container-7 ul li p i { color:#872d2d; }
/*模板—�?7 end*/
/*模板—�?8*/
.container-8 { margin:3% 3% 0 3%; overflow:hidden; }
.container-8 p { text-indent:2em; padding:2%; overflow:hidden; }
/*模板—�?8 end*/
/*模板—�?9*/
.container-9 { background:url(../images/container-9-1.jpg) no-repeat center top; background-size: 100% 100%; margin:4.4%; padding-bottom:1%; }
.container-9 ul li { padding-left:22%; overflow:hidden; }
.container-9 ul li h2 { color:#cb0000; }
.container-9 ul li p { display:block; overflow:hidden; }
.avd { display:block; padding:2%; text-align:center; }
.container-9-bt { display:block; padding:2%; overflow:hidden; }
.container-9-bt dl { display:block; overflow:hidden; background:url(../images/container-9-2.jpg) no-repeat center top; background-size: 100% 100%; padding-bottom:1%; }
.container-9-bt dl dt { float:left; width:76%; overflow:hidden; padding:2%; text-indent:2em; padding-top:5%;}
.container-9-bt dl dt p { color:#FFF; padding-bottom:2%; }
.container-9-bt dl dt span { display:block; width:50%; background:#f6e200; color:#820000; margin:0 auto; text-align:center; padding:1%; }
.container-9-bt dl dt span a { color:#820000; text-decoration:none; }
/*模板—�?9 end*/
/*模板—�?0*/
.container-10 { overflow:hidden; padding:2%; }
.container-10-top { background:url(../images/container-10-1.jpg) no-repeat center; text-align:center; color:#8c1816; padding:1.2% 0; }
.m8-box .m8-list ul li { border-bottom:dashed 1px #d8d8d8; padding:2% 0; }
.m8-box .m8-list ul li h4 { overflow:hidden; padding:2% 0; font-weight:normal; }
.m8-box .m8-list ul li h4 b { width:50%; display:block; float:left; font-weight:normal; }
.m8-box .m8-list ul li h4 i { color:#0081d3; }
.m8-box .m8-list ul li h4 em { color:#e60000; }
.m8-box .m8-list ul li h4 a { float:left; width:50%; text-align:right; }
.m8-box .m8-list ul li p { overflow:hidden; color:#797979; text-indent:2em; }
.pageasqw ul { text-align:center; padding-top:5%; padding-bottom:5%; }
.pageasqw li { display:inline; _zoom:1; _display:inline; margin:0 1%; }
.pageasqw li a { color:#494949; display:inline-block; border:solid 1px #cdcdcd; line-height:1.5em; padding:0 2%; }
.pageasqw li a:hover { border:1px solid #7d0101; color:#F00; background:#fff; }
.pl { overflow:hidden; zoom:1; margin:0 auto; padding:0 2%; }
.pl .ls { color:#8c1816; padding:2% 0; display:block; overflow:hidden; }
.plw { border:1px solid #dcdcdc; width:98%; height:6em; margin-bottom:2%; }
.pl .fb { text-align:right; padding-bottom:2%; }
.pl .fb a.a3 { background:#8c1816; text-align:center; color:#ffffff; display:inline- block; margin-right:2%; padding:1%; }
/*模板—�?0 end*/
/*模板—�?1*/
.container-11 { overflow:hidden; padding:2% 2% 0 2%; }
.reg { margin:0 1% 3% 1%; padding-bottom:3.5%; }
.reg p { padding:0.5em; text-align:center; color:#e70000; }
.reg p b { color:#d60000; font-weight:normal; }
.reg dl dt { display:block; }
.reg dl dt ul { padding:0.5em; }
.reg dl dt li { height:2em; overflow:hidden; zoom:1; margin-top:0.3em; text-align:center; }
.reg dl dt li label { width:26%; float:left; text-align:right; }
.reg dl dt li span { width:72%; float:left; padding-left:2%; text-align:left; }
.reg dl dt li input { border:1px solid #d0d0d0; padding:0.2em 0.1em; width:88%; vertical-align:middle; color:#8b8b8b; }
.reg li select { border:1px solid #d0d0d0; padding:0.2em 0.1em; width:90%; vertical-align:middle; color:#8b8b8b; }
.reg dl dd { display:block; text-align:center; overflow:hidden; padding-top:2%; }
.reg dl dd input.bt1 { width:45%; background:url(../images/reg-2.jpg) no-repeat center top; background-size: 100% 100%; border:0; color:#fff; cursor:pointer; padding:2.4% 0; }
.container-11-bt { overflow:hidden; padding:2% 2% 2% 3%; }
.container-11-bt span { float:left; width:49%; padding-right:1%; }
.container-11-bt p { float:left; width:49%; }
/*模板—�?1 end*/
/*底部
.footer { display:block; overflow:hidden; background:#f6f6f6; padding-bottom:4%; }
.footer dl dt { display:block; overflow:hidden; }
.footer dl dt p { text-align:center; color:#393939; }
.footer dl dd { display:block; padding:2% 0; }
.footer dl dd span a { float:left; display:block; overflow:hidden; width:31.5%; background:url(../images/footer-2.jpg) no-repeat center top; background-size:100% 100%; padding:4.5% 0; margin-left:12%; }
.footer dl dd p a { float:left; width:31.5%; background:url(../images/footer-3.jpg) no-repeat center top; background-size:100% 100%; padding:4.5% 0; margin-left:10%; }*/
/*底部 end*/
/**/
/* end*/
.pl_op1{overflow:hidden; background:url(../images/zjz_swt_1.jpg) repeat-x center top; padding-top:10px; }
.pl_op1 ul{ display:block;  margin:0 auto; padding:0px 4px;}
.pl_op1 ul li{height:85px;margin-top:15px;border-bottom:dashed 1px #c9caca;}
.pl_op1 ul li span{ display:block;height:28px; overflow:hidden; zoom:1;}
.pl_op1 ul li span em{ float:left; display:block; width:220px; height:28px; color:#8d541d;font-size:14px;font-family:"微软雅黑"; text-align:left;}
.pl_op1 ul li span em a{color:#8d541d;}
.pl_op1 ul li span i{ float:right; height:28px; width:46px; display:block;color:#ff0000;font-size:14px;font-family:"微软雅黑"; text-align:left;  }
.pl_op1 ul li span i a{color:#ff0000;}
.pl_op1 ul li p{ line-height:22px;font-size:12px;font-family:"微软雅黑"; text-align:left; display:block; }
.yyjj_top{ text-align:left; overflow:hidden; padding-top:16px;}
/*.yyjj_top img{ padding-top:5px;}*/
/*.yyjj_top h2{ height:32px; line-height:32px; font-size:14px; color:#8d541d; text-align:left; padding-left:28px;}*/
.yyjj_top p{ line-height:25px; padding:0 12px; text-align:left; font-size:12px;}
.main { padding-bottom:20px;}
.foot {height:38px;  overflow:hidden; width:100%; margin:0 auto; z-index:3; position:fixed; _position:absolute; bottom:0; left:0px; _bottom:auto; _top:expression(eval  (document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt  (this.currentStyle.marginBottom, 10)||0)));}
.foot ul { position:relative; width:100%; overflow:hidden; }
.foot ul li { width:33%; position:relative; height:38px; float:left; margin-right:1px; background:#3faac6; text-align:center; color:#fff; line-height:38px; }
.foot ul li.ft1 { background:#f37b38; }
.foot ul li img { vertical-align:middle; }
.foot ul li a:link, .foot ul li a:visited { color:#fff; text-decoration:none; display:block; line-height:38px; }
.container-2 dl.op2-1 dd,.container-2 dl.op2-2 dd,.container-2 dl.op2-3 dd,.container-2 dl.op2-4 dd{ width:53%; float:left;}



#nav_xw{ background:#a36d2d;}
.top-op1{ border:solid 1px #bdbcbc; overflow:hidden; margin:2% 0;}
.click img{ width:100%;}
.ddu_xw{ border-top:solid 1px #ddd; background:#f5f5f5; overflow:hidden;}
.ddu_xw h2 img{ width:100%;}
.ddu_xw p{display:block;overflow: hidden;text-indent:2em; font-size:14px; padding:2% 3%;}
.ddu_xw p a{ color:#b22928;}
.footer dt img{ width:100%;}
.footer p{ text-align:center;}


.tro-cate { margin: 1.5rem .85rem 2rem;}
.cate-list { overflow: hidden;}
.cate-list li { float: left; width: 14rem; margin-bottom: 0.9rem;}
.cate-list li:nth-child(2n) { float: right;}
.cate-list li div { position: relative; height: auto;}
.cate-list li div img { width: 100%;}
.cate-list li div h3 { position: absolute; left: 0; bottom: 0; width: 100%; height: 2.3rem; text-align: center; line-height: 2.3rem; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,.25);}
.cate-list li p { font-size: 1rem; line-height: 1.6rem; color: #333; padding-top: 0.4rem;}
.cate-list li p span { font-weight: bold; color: #a36d2d;}

.bt-btn a { display: block;}
.bt-btn a:nth-of-type(1) { width: 28.5rem; margin:0 auto 1rem;}
.bt-btn img { width: 100%;}

.hurt { margin: 1.5rem .85rem 2rem;}
.hurt-txt { font-size: 1rem; line-height: 1.4rem; text-indent: 2em; padding: 0.5rem 1rem; border:dashed 1px #c2c2c2; background:#f7f7f7;}
.hurt-show { overflow: hidden; clear: both; margin: 1.5rem 0 0.25rem;}
.hurt-show li { float: left; width: 14.8rem; margin-bottom: 1rem;}



html{ font-size:62.5%;}
@media screen and (min-width:320px) and (max-width:321px) {
html { font-size: 62.5%; }
}
@media screen and (min-width:321px) and (max-width:322px) {
html { font-size: 62.6953125%; }
}
@media screen and (min-width:322px) and (max-width:323px) {
html { font-size: 62.89062500000001%; }
}
@media screen and (min-width:323px) and (max-width:324px) {
html { font-size: 63.08593749999999%; }
}
@media screen and (min-width:324px) and (max-width:325px) {
html { font-size: 63.28125%; }
}
@media screen and (min-width:325px) and (max-width:326px) {
html { font-size: 63.4765625%; }
}
@media screen and (min-width:326px) and (max-width:327px) {
html { font-size: 63.671875%; }
}
@media screen and (min-width:327px) and (max-width:328px) {
html { font-size: 63.86718750000001%; }
}
@media screen and (min-width:328px) and (max-width:329px) {
html { font-size: 64.0625%; }
}
@media screen and (min-width:329px) and (max-width:330px) {
html { font-size: 64.2578125%; }
}
@media screen and (min-width:330px) and (max-width:331px) {
html { font-size: 64.453125%; }
}
@media screen and (min-width:331px) and (max-width:332px) {
html { font-size: 64.6484375%; }
}
@media screen and (min-width:332px) and (max-width:333px) {
html { font-size: 64.84375%; }
}
@media screen and (min-width:333px) and (max-width:334px) {
html { font-size: 65.0390625%; }
}
@media screen and (min-width:334px) and (max-width:335px) {
html { font-size: 65.234375%; }
}
@media screen and (min-width:335px) and (max-width:336px) {
html { font-size: 65.4296875%; }
}
@media screen and (min-width:336px) and (max-width:337px) {
html { font-size: 65.625%; }
}
@media screen and (min-width:337px) and (max-width:338px) {
html { font-size: 65.8203125%; }
}
@media screen and (min-width:338px) and (max-width:339px) {
html { font-size: 66.015625%; }
}
@media screen and (min-width:339px) and (max-width:340px) {
html { font-size: 66.2109375%; }
}
@media screen and (min-width:340px) and (max-width:341px) {
html { font-size: 66.40625%; }
}
@media screen and (min-width:341px) and (max-width:342px) {
html { font-size: 66.6015625%; }
}
@media screen and (min-width:342px) and (max-width:343px) {
html { font-size: 66.796875%; }
}
@media screen and (min-width:343px) and (max-width:344px) {
html { font-size: 66.9921875%; }
}
@media screen and (min-width:344px) and (max-width:345px) {
html { font-size: 67.1875%; }
}
@media screen and (min-width:345px) and (max-width:346px) {
html { font-size: 67.3828125%; }
}
@media screen and (min-width:346px) and (max-width:347px) {
html { font-size: 67.578125%; }
}
@media screen and (min-width:347px) and (max-width:348px) {
html { font-size: 67.7734375%; }
}
@media screen and (min-width:348px) and (max-width:349px) {
html { font-size: 67.96875%; }
}
@media screen and (min-width:349px) and (max-width:350px) {
html { font-size: 68.1640625%; }
}
@media screen and (min-width:350px) and (max-width:351px) {
html { font-size: 68.359375%; }
}
@media screen and (min-width:351px) and (max-width:352px) {
html { font-size: 68.5546875%; }
}
@media screen and (min-width:352px) and (max-width:353px) {
html { font-size: 68.75%; }
}
@media screen and (min-width:353px) and (max-width:354px) {
html { font-size: 68.9453125%; }
}
@media screen and (min-width:354px) and (max-width:355px) {
html { font-size: 69.140625%; }
}
@media screen and (min-width:355px) and (max-width:356px) {
html { font-size: 69.3359375%; }
}
@media screen and (min-width:356px) and (max-width:357px) {
html { font-size: 69.53125%; }
}
@media screen and (min-width:357px) and (max-width:358px) {
html { font-size: 69.7265625%; }
}
@media screen and (min-width:358px) and (max-width:359px) {
html { font-size: 69.921875%; }
}
@media screen and (min-width:359px) and (max-width:360px) {
html { font-size: 70.1171875%; }
}
@media screen and (min-width:360px) and (max-width:361px) {
html { font-size: 70.3125%; }
}
@media screen and (min-width:361px) and (max-width:362px) {
html { font-size: 70.5078125%; }
}
@media screen and (min-width:362px) and (max-width:363px) {
html { font-size: 70.703125%; }
}
@media screen and (min-width:363px) and (max-width:364px) {
html { font-size: 70.8984375%; }
}
@media screen and (min-width:364px) and (max-width:365px) {
html { font-size: 71.09375%; }
}
@media screen and (min-width:365px) and (max-width:366px) {
html { font-size: 71.2890625%; }
}
@media screen and (min-width:366px) and (max-width:367px) {
html { font-size: 71.484375%; }
}
@media screen and (min-width:367px) and (max-width:368px) {
html { font-size: 71.6796875%; }
}
@media screen and (min-width:368px) and (max-width:369px) {
html { font-size: 71.875%; }
}
@media screen and (min-width:369px) and (max-width:370px) {
html { font-size: 72.0703125%; }
}
@media screen and (min-width:370px) and (max-width:371px) {
html { font-size: 72.265625%; }
}
@media screen and (min-width:371px) and (max-width:372px) {
html { font-size: 72.4609375%; }
}
@media screen and (min-width:372px) and (max-width:373px) {
html { font-size: 72.65625%; }
}
@media screen and (min-width:373px) and (max-width:374px) {
html { font-size: 72.8515625%; }
}
@media screen and (min-width:374px) and (max-width:375px) {
html { font-size: 73.046875%; }
}
@media screen and (min-width:375px) and (max-width:376px) {
html { font-size: 73.2421875%; }
}
@media screen and (min-width:376px) and (max-width:377px) {
html { font-size: 73.4375%; }
}
@media screen and (min-width:377px) and (max-width:378px) {
html { font-size: 73.6328125%; }
}
@media screen and (min-width:378px) and (max-width:379px) {
html { font-size: 73.828125%; }
}
@media screen and (min-width:379px) and (max-width:380px) {
html { font-size: 74.0234375%; }
}
@media screen and (min-width:380px) and (max-width:381px) {
html { font-size: 74.21875%; }
}
@media screen and (min-width:381px) and (max-width:382px) {
html { font-size: 74.4140625%; }
}
@media screen and (min-width:382px) and (max-width:383px) {
html { font-size: 74.609375%; }
}
@media screen and (min-width:383px) and (max-width:384px) {
html { font-size: 74.8046875%; }
}
@media screen and (min-width:384px) and (max-width:385px) {
html { font-size: 75%; }
}
@media screen and (min-width:385px) and (max-width:386px) {
html { font-size: 75.1953125%; }
}
@media screen and (min-width:386px) and (max-width:387px) {
html { font-size: 75.390625%; }
}
@media screen and (min-width:387px) and (max-width:388px) {
html { font-size: 75.5859375%; }
}
@media screen and (min-width:388px) and (max-width:389px) {
html { font-size: 75.78125%; }
}
@media screen and (min-width:389px) and (max-width:390px) {
html { font-size: 75.9765625%; }
}
@media screen and (min-width:390px) and (max-width:391px) {
html { font-size: 76.171875%; }
}
@media screen and (min-width:391px) and (max-width:392px) {
html { font-size: 76.3671875%; }
}
@media screen and (min-width:392px) and (max-width:393px) {
html { font-size: 76.5625%; }
}
@media screen and (min-width:393px) and (max-width:394px) {
html { font-size: 76.7578125%; }
}
@media screen and (min-width:394px) and (max-width:395px) {
html { font-size: 76.953125%; }
}
@media screen and (min-width:395px) and (max-width:396px) {
html { font-size: 77.1484375%; }
}
@media screen and (min-width:396px) and (max-width:397px) {
html { font-size: 77.34375%; }
}
@media screen and (min-width:397px) and (max-width:398px) {
html { font-size: 77.5390625%; }
}
@media screen and (min-width:398px) and (max-width:399px) {
html { font-size: 77.734375%; }
}
@media screen and (min-width:399px) and (max-width:400px) {
html { font-size: 77.9296875%; }
}
@media screen and (min-width:400px) and (max-width:401px) {
html { font-size: 78.125%; }
}
@media screen and (min-width:401px) and (max-width:402px) {
html { font-size: 78.3203125%; }
}
@media screen and (min-width:402px) and (max-width:403px) {
html { font-size: 78.515625%; }
}
@media screen and (min-width:403px) and (max-width:404px) {
html { font-size: 78.7109375%; }
}
@media screen and (min-width:404px) and (max-width:405px) {
html { font-size: 78.90625%; }
}
@media screen and (min-width:405px) and (max-width:406px) {
html { font-size: 79.1015625%; }
}
@media screen and (min-width:406px) and (max-width:407px) {
html { font-size: 79.296875%; }
}
@media screen and (min-width:407px) and (max-width:408px) {
html { font-size: 79.4921875%; }
}
@media screen and (min-width:408px) and (max-width:409px) {
html { font-size: 79.6875%; }
}
@media screen and (min-width:409px) and (max-width:410px) {
html { font-size: 79.8828125%; }
}
@media screen and (min-width:410px) and (max-width:411px) {
html { font-size: 80.078125%; }
}
@media screen and (min-width:411px) and (max-width:412px) {
html { font-size: 80.2734375%; }
}
@media screen and (min-width:412px) and (max-width:413px) {
html { font-size: 80.46875%; }
}
@media screen and (min-width:413px) and (max-width:414px) {
html { font-size: 80.6640625%; }
}
@media screen and (min-width:414px) and (max-width:415px) {
html { font-size: 80.859375%; }
}
@media screen and (min-width:415px) and (max-width:416px) {
html { font-size: 81.0546875%; }
}
@media screen and (min-width:416px) and (max-width:417px) {
html { font-size: 81.25%; }
}
@media screen and (min-width:417px) and (max-width:418px) {
html { font-size: 81.4453125%; }
}
@media screen and (min-width:418px) and (max-width:419px) {
html { font-size: 81.640625%; }
}
@media screen and (min-width:419px) and (max-width:420px) {
html { font-size: 81.8359375%; }
}
@media screen and (min-width:420px) and (max-width:421px) {
html { font-size: 82.03125%; }
}
@media screen and (min-width:421px) and (max-width:422px) {
html { font-size: 82.2265625%; }
}
@media screen and (min-width:422px) and (max-width:423px) {
html { font-size: 82.421875%; }
}
@media screen and (min-width:423px) and (max-width:424px) {
html { font-size: 82.6171875%; }
}
@media screen and (min-width:424px) and (max-width:425px) {
html { font-size: 82.8125%; }
}
@media screen and (min-width:425px) and (max-width:426px) {
html { font-size: 83.0078125%; }
}
@media screen and (min-width:426px) and (max-width:427px) {
html { font-size: 83.203125%; }
}
@media screen and (min-width:427px) and (max-width:428px) {
html { font-size: 83.3984375%; }
}
@media screen and (min-width:428px) and (max-width:429px) {
html { font-size: 83.59375%; }
}
@media screen and (min-width:429px) and (max-width:430px) {
html { font-size: 83.7890625%; }
}
@media screen and (min-width:430px) and (max-width:431px) {
html { font-size: 83.984375%; }
}
@media screen and (min-width:431px) and (max-width:432px) {
html { font-size: 84.1796875%; }
}
@media screen and (min-width:432px) and (max-width:433px) {
html { font-size: 84.375%; }
}
@media screen and (min-width:433px) and (max-width:434px) {
html { font-size: 84.5703125%; }
}
@media screen and (min-width:434px) and (max-width:435px) {
html { font-size: 84.765625%; }
}
@media screen and (min-width:435px) and (max-width:436px) {
html { font-size: 84.9609375%; }
}
@media screen and (min-width:436px) and (max-width:437px) {
html { font-size: 85.15625%; }
}
@media screen and (min-width:437px) and (max-width:438px) {
html { font-size: 85.3515625%; }
}
@media screen and (min-width:438px) and (max-width:439px) {
html { font-size: 85.546875%; }
}
@media screen and (min-width:439px) and (max-width:440px) {
html { font-size: 85.7421875%; }
}
@media screen and (min-width:440px) and (max-width:441px) {
html { font-size: 85.9375%; }
}
@media screen and (min-width:441px) and (max-width:442px) {
html { font-size: 86.1328125%; }
}
@media screen and (min-width:442px) and (max-width:443px) {
html { font-size: 86.328125%; }
}
@media screen and (min-width:443px) and (max-width:444px) {
html { font-size: 86.5234375%; }
}
@media screen and (min-width:444px) and (max-width:445px) {
html { font-size: 86.71875%; }
}
@media screen and (min-width:445px) and (max-width:446px) {
html { font-size: 86.9140625%; }
}
@media screen and (min-width:446px) and (max-width:447px) {
html { font-size: 87.109375%; }
}
@media screen and (min-width:447px) and (max-width:448px) {
html { font-size: 87.3046875%; }
}
@media screen and (min-width:448px) and (max-width:449px) {
html { font-size: 87.5%; }
}
@media screen and (min-width:449px) and (max-width:450px) {
html { font-size: 87.6953125%; }
}
@media screen and (min-width:450px) and (max-width:451px) {
html { font-size: 87.890625%; }
}
@media screen and (min-width:451px) and (max-width:452px) {
html { font-size: 88.0859375%; }
}
@media screen and (min-width:452px) and (max-width:453px) {
html { font-size: 88.28125%; }
}
@media screen and (min-width:453px) and (max-width:454px) {
html { font-size: 88.4765625%; }
}
@media screen and (min-width:454px) and (max-width:455px) {
html { font-size: 88.671875%; }
}
@media screen and (min-width:455px) and (max-width:456px) {
html { font-size: 88.8671875%; }
}
@media screen and (min-width:456px) and (max-width:457px) {
html { font-size: 89.0625%; }
}
@media screen and (min-width:457px) and (max-width:458px) {
html { font-size: 89.2578125%; }
}
@media screen and (min-width:458px) and (max-width:459px) {
html { font-size: 89.453125%; }
}
@media screen and (min-width:459px) and (max-width:460px) {
html { font-size: 89.6484375%; }
}
@media screen and (min-width:460px) and (max-width:461px) {
html { font-size: 89.84375%; }
}
@media screen and (min-width:461px) and (max-width:462px) {
html { font-size: 90.0390625%; }
}
@media screen and (min-width:462px) and (max-width:463px) {
html { font-size: 90.234375%; }
}
@media screen and (min-width:463px) and (max-width:464px) {
html { font-size: 90.4296875%; }
}
@media screen and (min-width:464px) and (max-width:465px) {
html { font-size: 90.625%; }
}
@media screen and (min-width:465px) and (max-width:466px) {
html { font-size: 90.8203125%; }
}
@media screen and (min-width:466px) and (max-width:467px) {
html { font-size: 91.015625%; }
}
@media screen and (min-width:467px) and (max-width:468px) {
html { font-size: 91.2109375%; }
}
@media screen and (min-width:468px) and (max-width:469px) {
html { font-size: 91.40625%; }
}
@media screen and (min-width:469px) and (max-width:470px) {
html { font-size: 91.6015625%; }
}
@media screen and (min-width:470px) and (max-width:471px) {
html { font-size: 91.796875%; }
}
@media screen and (min-width:471px) and (max-width:472px) {
html { font-size: 91.9921875%; }
}
@media screen and (min-width:472px) and (max-width:473px) {
html { font-size: 92.1875%; }
}
@media screen and (min-width:473px) and (max-width:474px) {
html { font-size: 92.3828125%; }
}
@media screen and (min-width:474px) and (max-width:475px) {
html { font-size: 92.578125%; }
}
@media screen and (min-width:475px) and (max-width:476px) {
html { font-size: 92.7734375%; }
}
@media screen and (min-width:476px) and (max-width:477px) {
html { font-size: 92.96875%; }
}
@media screen and (min-width:477px) and (max-width:478px) {
html { font-size: 93.1640625%; }
}
@media screen and (min-width:478px) and (max-width:479px) {
html { font-size: 93.359375%; }
}
@media screen and (min-width:479px) and (max-width:480px) {
html { font-size: 93.5546875%; }
}
@media screen and (min-width:480px) and (max-width:481px) {
html { font-size: 93.75%; }
}
@media screen and (min-width:481px) and (max-width:482px) {
html { font-size: 93.9453125%; }
}
@media screen and (min-width:482px) and (max-width:483px) {
html { font-size: 94.140625%; }
}
@media screen and (min-width:483px) and (max-width:484px) {
html { font-size: 94.3359375%; }
}
@media screen and (min-width:484px) and (max-width:485px) {
html { font-size: 94.53125%; }
}
@media screen and (min-width:485px) and (max-width:486px) {
html { font-size: 94.7265625%; }
}
@media screen and (min-width:486px) and (max-width:487px) {
html { font-size: 94.921875%; }
}
@media screen and (min-width:487px) and (max-width:488px) {
html { font-size: 95.1171875%; }
}
@media screen and (min-width:488px) and (max-width:489px) {
html { font-size: 95.3125%; }
}
@media screen and (min-width:489px) and (max-width:490px) {
html { font-size: 95.5078125%; }
}
@media screen and (min-width:490px) and (max-width:491px) {
html { font-size: 95.703125%; }
}
@media screen and (min-width:491px) and (max-width:492px) {
html { font-size: 95.8984375%; }
}
@media screen and (min-width:492px) and (max-width:493px) {
html { font-size: 96.09375%; }
}
@media screen and (min-width:493px) and (max-width:494px) {
html { font-size: 96.2890625%; }
}
@media screen and (min-width:494px) and (max-width:495px) {
html { font-size: 96.484375%; }
}
@media screen and (min-width:495px) and (max-width:496px) {
html { font-size: 96.6796875%; }
}
@media screen and (min-width:496px) and (max-width:497px) {
html { font-size: 96.875%; }
}
@media screen and (min-width:497px) and (max-width:498px) {
html { font-size: 97.0703125%; }
}
@media screen and (min-width:498px) and (max-width:499px) {
html { font-size: 97.265625%; }
}
@media screen and (min-width:499px) and (max-width:500px) {
html { font-size: 97.4609375%; }
}
@media screen and (min-width:500px) and (max-width:501px) {
html { font-size: 97.65625%; }
}
@media screen and (min-width:501px) and (max-width:502px) {
html { font-size: 97.8515625%; }
}
@media screen and (min-width:502px) and (max-width:503px) {
html { font-size: 98.046875%; }
}
@media screen and (min-width:503px) and (max-width:504px) {
html { font-size: 98.2421875%; }
}
@media screen and (min-width:504px) and (max-width:505px) {
html { font-size: 98.4375%; }
}
@media screen and (min-width:505px) and (max-width:506px) {
html { font-size: 98.6328125%; }
}
@media screen and (min-width:506px) and (max-width:507px) {
html { font-size: 98.828125%; }
}
@media screen and (min-width:507px) and (max-width:508px) {
html { font-size: 99.0234375%; }
}
@media screen and (min-width:508px) and (max-width:509px) {
html { font-size: 99.21875%; }
}
@media screen and (min-width:509px) and (max-width:510px) {
html { font-size: 99.4140625%; }
}
@media screen and (min-width:510px) and (max-width:511px) {
html { font-size: 99.609375%; }
}
@media screen and (min-width:511px) and (max-width:512px) {
html { font-size: 99.8046875%; }
}
@media screen and (min-width:512px) and (max-width:513px) {
html { font-size: 100%; }
}
@media screen and (min-width:513px) and (max-width:514px) {
html { font-size: 100.1953125%; }
}
@media screen and (min-width:514px) and (max-width:515px) {
html { font-size: 100.390625%; }
}
@media screen and (min-width:515px) and (max-width:516px) {
html { font-size: 100.5859375%; }
}
@media screen and (min-width:516px) and (max-width:517px) {
html { font-size: 100.78125%; }
}
@media screen and (min-width:517px) and (max-width:518px) {
html { font-size: 100.9765625%; }
}
@media screen and (min-width:518px) and (max-width:519px) {
html { font-size: 101.171875%; }
}
@media screen and (min-width:519px) and (max-width:520px) {
html { font-size: 101.3671875%; }
}
@media screen and (min-width:520px) and (max-width:521px) {
html { font-size: 101.5625%; }
}
@media screen and (min-width:521px) and (max-width:522px) {
html { font-size: 101.7578125%; }
}
@media screen and (min-width:522px) and (max-width:523px) {
html { font-size: 101.953125%; }
}
@media screen and (min-width:523px) and (max-width:524px) {
html { font-size: 102.1484375%; }
}
@media screen and (min-width:524px) and (max-width:525px) {
html { font-size: 102.34375%; }
}
@media screen and (min-width:525px) and (max-width:526px) {
html { font-size: 102.5390625%; }
}
@media screen and (min-width:526px) and (max-width:527px) {
html { font-size: 102.734375%; }
}
@media screen and (min-width:527px) and (max-width:528px) {
html { font-size: 102.9296875%; }
}
@media screen and (min-width:528px) and (max-width:529px) {
html { font-size: 103.125%; }
}
@media screen and (min-width:529px) and (max-width:530px) {
html { font-size: 103.3203125%; }
}
@media screen and (min-width:530px) and (max-width:531px) {
html { font-size: 103.515625%; }
}
@media screen and (min-width:531px) and (max-width:532px) {
html { font-size: 103.7109375%; }
}
@media screen and (min-width:532px) and (max-width:533px) {
html { font-size: 103.90625%; }
}
@media screen and (min-width:533px) and (max-width:534px) {
html { font-size: 104.1015625%; }
}
@media screen and (min-width:534px) and (max-width:535px) {
html { font-size: 104.296875%; }
}
@media screen and (min-width:535px) and (max-width:536px) {
html { font-size: 104.4921875%; }
}
@media screen and (min-width:536px) and (max-width:537px) {
html { font-size: 104.6875%; }
}
@media screen and (min-width:537px) and (max-width:538px) {
html { font-size: 104.8828125%; }
}
@media screen and (min-width:538px) and (max-width:539px) {
html { font-size: 105.078125%; }
}
@media screen and (min-width:539px) and (max-width:540px) {
html { font-size: 105.2734375%; }
}
@media screen and (min-width:540px) and (max-width:541px) {
html { font-size: 105.46875%; }
}
@media screen and (min-width:541px) and (max-width:542px) {
html { font-size: 105.6640625%; }
}
@media screen and (min-width:542px) and (max-width:543px) {
html { font-size: 105.859375%; }
}
@media screen and (min-width:543px) and (max-width:544px) {
html { font-size: 106.0546875%; }
}
@media screen and (min-width:544px) and (max-width:545px) {
html { font-size: 106.25%; }
}
@media screen and (min-width:545px) and (max-width:546px) {
html { font-size: 106.4453125%; }
}
@media screen and (min-width:546px) and (max-width:547px) {
html { font-size: 106.640625%; }
}
@media screen and (min-width:547px) and (max-width:548px) {
html { font-size: 106.8359375%; }
}
@media screen and (min-width:548px) and (max-width:549px) {
html { font-size: 107.03125%; }
}
@media screen and (min-width:549px) and (max-width:550px) {
html { font-size: 107.2265625%; }
}
@media screen and (min-width:550px) and (max-width:551px) {
html { font-size: 107.421875%; }
}
@media screen and (min-width:551px) and (max-width:552px) {
html { font-size: 107.6171875%; }
}
@media screen and (min-width:552px) and (max-width:553px) {
html { font-size: 107.8125%; }
}
@media screen and (min-width:553px) and (max-width:554px) {
html { font-size: 108.0078125%; }
}
@media screen and (min-width:554px) and (max-width:555px) {
html { font-size: 108.203125%; }
}
@media screen and (min-width:555px) and (max-width:556px) {
html { font-size: 108.3984375%; }
}
@media screen and (min-width:556px) and (max-width:557px) {
html { font-size: 108.59375%; }
}
@media screen and (min-width:557px) and (max-width:558px) {
html { font-size: 108.7890625%; }
}
@media screen and (min-width:558px) and (max-width:559px) {
html { font-size: 108.984375%; }
}
@media screen and (min-width:559px) and (max-width:560px) {
html { font-size: 109.1796875%; }
}
@media screen and (min-width:560px) and (max-width:561px) {
html { font-size: 109.375%; }
}
@media screen and (min-width:561px) and (max-width:562px) {
html { font-size: 109.5703125%; }
}
@media screen and (min-width:562px) and (max-width:563px) {
html { font-size: 109.765625%; }
}
@media screen and (min-width:563px) and (max-width:564px) {
html { font-size: 109.9609375%; }
}
@media screen and (min-width:564px) and (max-width:565px) {
html { font-size: 110.15625%; }
}
@media screen and (min-width:565px) and (max-width:566px) {
html { font-size: 110.3515625%; }
}
@media screen and (min-width:566px) and (max-width:567px) {
html { font-size: 110.546875%; }
}
@media screen and (min-width:567px) and (max-width:568px) {
html { font-size: 110.7421875%; }
}
@media screen and (min-width:568px) and (max-width:569px) {
html { font-size: 110.9375%; }
}
@media screen and (min-width:569px) and (max-width:570px) {
html { font-size: 111.1328125%; }
}
@media screen and (min-width:570px) and (max-width:571px) {
html { font-size: 111.328125%; }
}
@media screen and (min-width:571px) and (max-width:572px) {
html { font-size: 111.5234375%; }
}
@media screen and (min-width:572px) and (max-width:573px) {
html { font-size: 111.71875%; }
}
@media screen and (min-width:573px) and (max-width:574px) {
html { font-size: 111.9140625%; }
}
@media screen and (min-width:574px) and (max-width:575px) {
html { font-size: 112.109375%; }
}
@media screen and (min-width:575px) and (max-width:576px) {
html { font-size: 112.3046875%; }
}
@media screen and (min-width:576px) and (max-width:577px) {
html { font-size: 112.5%; }
}
@media screen and (min-width:577px) and (max-width:578px) {
html { font-size: 112.6953125%; }
}
@media screen and (min-width:578px) and (max-width:579px) {
html { font-size: 112.890625%; }
}
@media screen and (min-width:579px) and (max-width:580px) {
html { font-size: 113.0859375%; }
}
@media screen and (min-width:580px) and (max-width:581px) {
html { font-size: 113.28125%; }
}
@media screen and (min-width:581px) and (max-width:582px) {
html { font-size: 113.4765625%; }
}
@media screen and (min-width:582px) and (max-width:583px) {
html { font-size: 113.671875%; }
}
@media screen and (min-width:583px) and (max-width:584px) {
html { font-size: 113.8671875%; }
}
@media screen and (min-width:584px) and (max-width:585px) {
html { font-size: 114.0625%; }
}
@media screen and (min-width:585px) and (max-width:586px) {
html { font-size: 114.2578125%; }
}
@media screen and (min-width:586px) and (max-width:587px) {
html { font-size: 114.453125%; }
}
@media screen and (min-width:587px) and (max-width:588px) {
html { font-size: 114.6484375%; }
}
@media screen and (min-width:588px) and (max-width:589px) {
html { font-size: 114.84375%; }
}
@media screen and (min-width:589px) and (max-width:590px) {
html { font-size: 115.0390625%; }
}
@media screen and (min-width:590px) and (max-width:591px) {
html { font-size: 115.234375%; }
}
@media screen and (min-width:591px) and (max-width:592px) {
html { font-size: 115.4296875%; }
}
@media screen and (min-width:592px) and (max-width:593px) {
html { font-size: 115.625%; }
}
@media screen and (min-width:593px) and (max-width:594px) {
html { font-size: 115.8203125%; }
}
@media screen and (min-width:594px) and (max-width:595px) {
html { font-size: 116.015625%; }
}
@media screen and (min-width:595px) and (max-width:596px) {
html { font-size: 116.2109375%; }
}
@media screen and (min-width:596px) and (max-width:597px) {
html { font-size: 116.40625%; }
}
@media screen and (min-width:597px) and (max-width:598px) {
html { font-size: 116.6015625%; }
}
@media screen and (min-width:598px) and (max-width:599px) {
html { font-size: 116.796875%; }
}
@media screen and (min-width:599px) and (max-width:600px) {
html { font-size: 116.9921875%; }
}
@media screen and (min-width:600px) and (max-width:601px) {
html { font-size: 117.1875%; }
}
@media screen and (min-width:601px) and (max-width:602px) {
html { font-size: 117.3828125%; }
}
@media screen and (min-width:602px) and (max-width:603px) {
html { font-size: 117.578125%; }
}
@media screen and (min-width:603px) and (max-width:604px) {
html { font-size: 117.7734375%; }
}
@media screen and (min-width:604px) and (max-width:605px) {
html { font-size: 117.96875%; }
}
@media screen and (min-width:605px) and (max-width:606px) {
html { font-size: 118.1640625%; }
}
@media screen and (min-width:606px) and (max-width:607px) {
html { font-size: 118.359375%; }
}
@media screen and (min-width:607px) and (max-width:608px) {
html { font-size: 118.5546875%; }
}
@media screen and (min-width:608px) and (max-width:609px) {
html { font-size: 118.75%; }
}
@media screen and (min-width:609px) and (max-width:610px) {
html { font-size: 118.9453125%; }
}
@media screen and (min-width:610px) and (max-width:611px) {
html { font-size: 119.140625%; }
}
@media screen and (min-width:611px) and (max-width:612px) {
html { font-size: 119.3359375%; }
}
@media screen and (min-width:612px) and (max-width:613px) {
html { font-size: 119.53125%; }
}
@media screen and (min-width:613px) and (max-width:614px) {
html { font-size: 119.7265625%; }
}
@media screen and (min-width:614px) and (max-width:615px) {
html { font-size: 119.921875%; }
}
@media screen and (min-width:615px) and (max-width:616px) {
html { font-size: 120.1171875%; }
}
@media screen and (min-width:616px) and (max-width:617px) {
html { font-size: 120.3125%; }
}
@media screen and (min-width:617px) and (max-width:618px) {
html { font-size: 120.5078125%; }
}
@media screen and (min-width:618px) and (max-width:619px) {
html { font-size: 120.703125%; }
}
@media screen and (min-width:619px) and (max-width:620px) {
html { font-size: 120.8984375%; }
}
@media screen and (min-width:620px) and (max-width:621px) {
html { font-size: 121.09375%; }
}
@media screen and (min-width:621px) and (max-width:622px) {
html { font-size: 121.2890625%; }
}
@media screen and (min-width:622px) and (max-width:623px) {
html { font-size: 121.484375%; }
}
@media screen and (min-width:623px) and (max-width:624px) {
html { font-size: 121.6796875%; }
}
@media screen and (min-width:624px) and (max-width:625px) {
html { font-size: 121.875%; }
}
@media screen and (min-width:625px) and (max-width:626px) {
html { font-size: 122.0703125%; }
}
@media screen and (min-width:626px) and (max-width:627px) {
html { font-size: 122.265625%; }
}
@media screen and (min-width:627px) and (max-width:628px) {
html { font-size: 122.4609375%; }
}
@media screen and (min-width:628px) and (max-width:629px) {
html { font-size: 122.65625%; }
}
@media screen and (min-width:629px) and (max-width:630px) {
html { font-size: 122.8515625%; }
}
@media screen and (min-width:630px) and (max-width:631px) {
html { font-size: 123.046875%; }
}
@media screen and (min-width:631px) and (max-width:632px) {
html { font-size: 123.2421875%; }
}
@media screen and (min-width:632px) and (max-width:633px) {
html { font-size: 123.4375%; }
}
@media screen and (min-width:633px) and (max-width:634px) {
html { font-size: 123.6328125%; }
}
@media screen and (min-width:634px) and (max-width:635px) {
html { font-size: 123.828125%; }
}
@media screen and (min-width:635px) and (max-width:636px) {
html { font-size: 124.0234375%; }
}
@media screen and (min-width:636px) and (max-width:637px) {
html { font-size: 124.21875%; }
}
@media screen and (min-width:637px) and (max-width:638px) {
html { font-size: 124.4140625%; }
}
@media screen and (min-width:638px) and (max-width:639px) {
html { font-size: 124.609375%; }
}
@media screen and (min-width:639px) and (max-width:640px) {
html { font-size: 124.8046875%; }
}
@media screen and (min-width:640px) {
html { font-size: 125%; }
}