@charset "utf-8";
/*HTML5 Boilerplate*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {overflow-x:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
.red{ color:#f40000;}
ins { background:none; text-decoration:none; }
mark { background:none; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body { font-size: 12px; max-width: 768px; min-width: 320px; margin: 0 auto; font-family: "微软雅黑"; }
.img img, .img { max-width: 100%; max-height: 100%; }
html { font-size: 62.5%; }
body { font:12px sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color: #fff; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
html { overflow-y: scroll; }
ul, ol { list-style-type: none; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { -moz-box-shadow: 0px 0px 5px black; -webkit-box-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px black; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #cccccc; }
::-moz-selection{ background:none; color:#fff; text-shadow: none; }
::selection { background:none; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color:#cccccc; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@media print {
* { background: transparent !important; color: #fff !important; text-shadow: none !important; }
a, a:visited { color: #fff !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
html { overflow-y: scroll; }
@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%;
}
}
@media screen and (min-width:260px) and (max-width:414px) {
#top h1{ height:60px;}
}
@media screen and (min-width:415px) {
#top h1{ height:100px;}
}
/*澶撮儴css*/
.dh_001 { width: 100%; height: 4rem; background: #c62e28; z-index: 9999; position: fixed; _position: absolute; top: 0rem; left: 0rem; }
.dh_002 { width: 39rem; height: 4rem; margin: auto; }
.dh_003 { width: 39rem; height: 3rem; margin: auto; margin-top: 0.5rem; float: left; }
.dh_003 span { width: 8.5rem; height: 3rem; float: left; font-size: 1.4rem; font-family: "微软雅黑"; color: #fff; line-height: 3rem; margin-left: 0.5rem; }
.dh_003 span a{color: red;}
.dh_004 { width: 21.4rem; height: 3rem; float: left; line-height: 3rem; text-align: center; font-size: 1.8rem; font-family: "微软雅黑"; font-weight: bold; color: #fff; margin-left: 0.6rem; }
.dh_004 img { margin-top: 0.4rem; margin-left: 1rem;float: left; }
.dh_004 a {line-height: 3rem;text-align: center;font-size: 1.5rem;font-family: "瀵邦喛钂嬮梿鍛寸拨", "姒涙垳缍�";font-weight: bold;color: #fff !important;display: block;float: left;}
body{background:#fff; font-family:Microsoft Yahei; color:#585858;}
a,a:link{color:#585858;text-decoration:none;}
a:hover,a:active{color:#000000;text-decoration:none;}
#page,.slider,#pattern,#search{ margin:0px auto;}
.bj{ background:#e3e3e3;padding: 2rem 2rem 1rem 2rem;}
#pattern{padding: 1rem 2rem 1rem 2rem;}
#top{width:100%; margin:0px auto; }
#top h1{ text-align: center; font: 52px Microsoft Yahei; color: #e62129; background: url(/images/logo.jpg) no-repeat center center;background-size: 100%; }
#top h1 a{color: #e62129;display:none;}
#top mark{float:left; display:block; font:16px Microsoft Yahei; padding:18px 0px 0px 4px;color:#f2f2f2;}
#top img{ width:100%;}
#top .left{float: right; position: relative;width:100%; }
.red{color: #f40000;}
.slick-slider{margin-bottom:0;overflow:hidden;}
.slick-dots{bottom:5px;text-align:right;}
.slick-dots li button:before{color:#fff;opacity:0.60;font-size:12px;}
.slick-dots li.slick-active button:before{opacity:1;}
.xu {background:#082257 url(../images/bg2.png) bottom center no-repeat;background-size: 100%; color: #fff;line-height: 25px;padding: 10px 15px 10px 15px;font-size: 14px;}
.xu>a {display: inline-block;background-color: #c62e28;color: #fff;padding: 0 0.8rem;border-radius: 5px;}
/*瀵艰埅css*/
#nav1{ overflow: hidden; margin-top: 1px;}
#nav1 ul {display: block;width: 96%;margin: 0 auto; padding: 2%;}
#nav1 ul li {width: 24%; float: left;background: #c62e28; border-radius: 15px;text-align: center;margin: 0.5%;font: 1.2rem Microsoft Yahei;line-height: 3rem; color: #fff;}
#nav1 ul li a:link,#nav1 ul li a:visited{color: #fff;border: 1px solid #fff;display: block;}
#nav1 ul li a:hover,#nav1 ul li a:active{color: #fff;border: 1px solid #fff;display: block;}
/*banner css*/
.flexslider{width: 100%;zoom: 1;margin:0px auto; position:relative;overflow:hidden;}
.mod_01{float:left;width: 100%; position:relative;}
.mod_01 img{display:block;width: 100%;z-index:1;}
.mod_01 span{width: 100%; height:30px; line-height:30px; padding-left:10px; color:#fff; font-size:16px; z-index:10; position:absolute; bottom:0px;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {display: block; }
.slides:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.slides {height: 100%;}
.flexslider {margin: 0 auto;position: relative; width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { width: 60px;height: 90px;margin: -60px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute;bottom: 0;text-align: center;display: none;}
#sousuo{overflow: hidden; padding: 1rem;}
#sousuo dt { width: 75%; float: left; height: 2.2rem;}
#sousuo dd { width: 20%; float: left; height: 2.2rem }
#sousuo dd input { width: 100%; height: 2.2rem }
.mar1 { width:98%; height: 2rem; background: url(/images/pic4.png) no-repeat; background-size: 100% 100%; font-size: 1.2rem; color: #bfbfbf; padding-left: 0.5rem; border: none; }
.ljp_lad { background: url(/images/pic5.png) no-repeat center; border: 0; background-size:4.7rem 2.2rem; width:4.7rem; height: 2.2rem; }
/*灏鹃儴css*/
.sjs{ background:#e3e3e3; padding: 2rem 2rem 1rem 2rem;}
#dt{padding: 2rem 2rem 1rem 2rem;}
#zj{padding: 1rem 2rem 1rem 2rem;background: #e3e3e3;}
#zj p a{height: 2rem;background: #c62e28;color: #fff;text-align: center;line-height: 2rem;padding: 0 0.8rem;border-radius: 5px;}
#bottom a{color: #ffffff;}
#bottom ul li{font-size: 1rem; line-height: 1.3rem;}
.gotop {height: 29px;margin: 0px auto;border-bottom: 1px solid #c8c8c8;background: #f0f0f0;font: 12px/29px Microsoft Yahei;text-align: center;}
.gotop span {display: inline-block;height: 29px;font-size: 14px;padding-left: 22px;}
#bottom {width: 100%;margin: 0px auto;background:#bcbcbc;line-height: 20px;text-align: center;padding: 20px 0px 80px 0px;font-size: 12px;color: #fff;}
.fixed_box {background-color: #c62e28;position: fixed;left: 0;bottom: 0; padding:0 0 3px; width: 100%;}
.fixed_box ul { border-top: 1px solid #054408;}
.fixed_box li { width: 25%; margin-top: 6px; position: relative; color: #fff; float: left; text-align: center; padding-top: 25px; font-size: 14px;}
.fixed_box li a{ color:#FFF}
.fixed_box li:not(:first-child):before ,.fixed_box li:not(:last-child):after { height: 100%; position: absolute; width: 1px; content: " "; display: block; top: 0;}
.fixed_box li:not(:first-child):before { background-color: #c62e28; left: 0;}
.fixed_box li:not(:last-child):after { background-color: #043C85; right: 0;}
.fixed_box li.map { background: url(/images/map.png) no-repeat scroll center 0;}
.fixed_box li.online { background: url(/images/online.png) no-repeat scroll center 0;}
.fixed_box li.consult { background: url(/images/tel.png) no-repeat scroll center 0;}
/*棣栭〉鏍囬css*/
.toper{clear:both;padding:0 5px;font-size: 1.2em;height: 3rem;overflow:hidden; background:url(/images/xhx.jpg) no-repeat bottom;background-size: 100%;}
.toper span{font-size: 1.6rem;float: left;color: #d62b25;}
.toper p{ float:right; line-height:43px}
.toper p a{width:100%;}
/*鍖婚櫌绠€浠媍ss*/
.one_c { overflow: hidden; }
.one_c dl { overflow: hidden; width: 96%; margin: 0 auto; margin-top: 1rem;margin-bottom: 0.5rem; }
.one_c dt { float: left; width: 30%; }
.one_c dt img { width: 100%; }
.one_c dd { float: left; width: 68%; margin-left:2%; font-size: 1.2rem; color: #545454; line-height: 1.5rem; }
.one_c dd b{line-height: 2.1rem; height:2.1rem; overflow:hidden;display: block;}
.one_c dd b a { color: #000000;background:none; }
.one_c dd a {height: 2rem;background: #c62e28;color: #fff;text-align: center;line-height: 2rem;padding: 0 0.8rem;border-radius: 5px;}
.one_c p{font-size: 1.2rem; color: #545454; line-height: 1.8rem;}
.ex_box { width: 83.55%; margin: 0 auto; position: relative; height: 6rem; }
.ex_con { position: relative; overflow: hidden; }
.ex_con span { display: block; width: 1.65rem; text-align: center; position: absolute; top: 45%; }
.ex_con span:firt-of-type {left:0;}
.ex_con span:last-of-type { right: 0; }
.ex_con span img { display: inline-block; width: 0.95rem; height: 1.55rem; }
.expert { text-align: center; background: #f5f2e9; padding-bottom: 1rem; }
.expert ul { overflow: hidden; }
.expert ul li { float: left; text-align: center; }
.expert ul p { color: #fff8fa; font-size: 0.9rem; margin-top: 0.6rem; }
.expert ul strong { font-size: 1.2rem; }
/*婊氬姩*/
.swiper-container { width: 100%; height: 100%; padding: 0.5rem; }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { width: 100%; height: auto; }
.swiper-container { margin: 0 auto; position: relative; height: auto; overflow: hidden;}
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(); left: 10px; right: auto }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url() }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url() }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(); right: 10px; left: auto }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url() }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url() }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block }
.swiper-container-horizontal>.swiper-pagination { bottom: 0px; left: 0; width: 97%; padding-bottom: 0.5rem; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px }
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1 }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url(); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat }
.swiper-lazy-preloader-white:after { background-image: url() }
/*鐥呯css*/
.tow_c { overflow: hidden; }
.tow_c dl { overflow: hidden; margin-top: 1rem; }
.tow_c dt { float: left; width: 40%; }
.tow_c dt img { width: 100%; height: 8.65rem; }
.tow_c dd { float: left; background: #eee; padding: 1rem; width: 52%;height: 6.7rem;}
.tow_c dd h4 { font-size: 2rem; font-weight: bold; color: #545454; }
.tow_c dd h4 span { float: right; display: block; }
.tow_c dd h4 span img { width: 1.85rem; }
.tow_c dd p { font-size: 1.4rem; line-height: 2.1rem; color: #545454; }
.tow_c ul { overflow: hidden; margin-top: 1rem; }
.tow_c ul li { float: left; width: 25%; text-align: center; }
.tow_c ul li img { width: 7.25rem; }
.tow_c ul li p { font-size: 1.2rem; color: #545454; line-height: 2.4rem; }
.three_c { overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; }
.three ul { overflow: hidden; width: 94%; margin: 0 auto; }
.three h4 { width: 92%; margin-left: 1rem; }
.three h4 img { width: 100%; }
.clearFix ul li a { display: inline-block; text-align: center; line-height: 2.5rem; font-size: 1.2rem; color: #fff;margin: 0.2%; }
.clearFix ul li a.w2 { width: 20%; }
.clearFix ul li a.w3 { width: 17.9%; }
.clearFix ul li a.w4 { width: 33%; }
.clearFix ul li a.w5 { width: 40%; }
.clearFix ul li a.w6 { width: 30%; }
.clearFix ul li a.w7 { width: 24.5%; }
.clearFix ul li a.w8 { width: 24.7%; }
.clearFix ul li a.w9 { width: 25.8%; }
.clearFix ul li a.w10 { width: 32.2%; }
a.c1 { background-color: #7d4d5b; }
a.c2 { background-color: #0a9cef; }
a.c3 { background-color: #0dab71; }
a.c4 { background-color: #67c2f9; }
a.c5 { background-color: #0d7bba; }
a.c6 { background-color: #fd585e; }
a.c7 { background-color: #0f8257; }
a.c8 { background-color: #94c313; }
a.c9 { background-color: #d0961b; }
a.c10 { background-color: #2ae19e; }
#zljs dl { overflow: hidden; margin-top: 1rem; }
#zljs dt { background-size: 100% 100%; width: 44%; height: 3.7rem; font-size: 1.3rem; color: #fff; text-align: center; line-height: 1.8rem; float: left; }
#zljs dt span { display: block; font-size: 1rem; }
#zljs dd { float: left; background: #e7e7e7; width: 52%; height: 3.7rem; padding-left:0.8rem}
#zljs dd h4 { line-height: 1.9rem; font-size: 0.9rem; color: #ee0000; border-bottom: 1px dashed #c7c7c7; }
#zljs dd p { line-height: 1.75rem; font-size: 0.9rem; color: #4c4c4c; }
.five_c { width: 96%; margin: 0 auto; margin-top: 1rem; }
.five_c img { width: 100%; }
.five_c_l { float: left; width: 55%; }
.five_c_l h4 img { width: 100%; }
.five_c_l p { font-size: 1.2rem; line-height: 2.1rem; color: #545454; margin-top: 0.5rem; width: 100%; }
.five_c_l p img { width: 1.55rem; margin: 0.3rem; }
.five_c_r { float: right; width: 45%; }
.five_c_r li { margin-top: 0.5rem; line-height: 2.1rem; padding-left: 1rem; font-size: 1rem; width: 15.75rem; }
.five_c_r li img { margin: 0.3rem 0.5rem 0 0.5rem; width: 1.55rem; }
.five_c_r li a { display: block; background: #e7e5e2; color: #545454; width: 16rem; }
.five_c_r li a:hover { background-size: 100% 100%; color: #fff; text-decoration: none; }
.five_c_r li a.hover {background-size: 100% 100%; color: #fff; text-decoration: none; }
.six { overflow: hidden; }
.six_t { background-size: 100% 100%; line-height: 3.2rem; text-align: right; font-size: 1.2rem; padding-right: 0.5rem; }
.six_t a { color: #fff; }
.block_home_slider { position: relative; max-width: 768px; padding: 1rem 0px; } /*搴曢儴灏忓浘鏍�*/
.block_home_slider .flex-direction-nav a { width: 0.95rem; height: 1.55rem; display: block; position: absolute; top: 50%; background-repeat: no-repeat; text-indent: -9000px; background-size: 100% 100%; }
.block_home_slider .flex-direction-nav a.flex-prev { width: 0.95rem; height: 1.55rem; display: block; position: absolute; top: 50%; background-repeat: no-repeat;text-indent: -9000px; background-size: 100% 100%; }
.block_home_slider .flex-direction-nav a.flex-prev:hover { background-position: left bottom; }
.block_home_slider .flex-direction-nav a.flex-next { right: 6px; background-position: right top; }
.block_home_slider .flex-direction-nav a.flex-next:hover { background-position: right bottom; }
.block_home_slider .flex-control-paging { display: none; }
.block_home_slider .flex-control-paging li { margin: 0px 3px; text-align: center; padding: 0px; overflow: hidden; list-style-type: none; display: inline-block; }
.block_home_slider .flex-control-paging li a { width: 0.9rem; height: 0.9rem; display: block; background-repeat: no-repeat; text-indent: -9000px; cursor: pointer; background-size: 100% 100%; }
.block_home_slider .flex-control-paging li a.flex-active { width: 0.9rem; height: 0.9rem; display: block; background-repeat: no-repeat;text-indent: -9000px; cursor: pointer; background-size: 100% 100%; }
.flexslider li dl { width: 90%; margin: 0 auto; }
.flexslider li dt { float: left; width: 40%; }
.flexslider li dt img { width: 95%; height:90%; max-height:259px;}
.flexslider li dd { float: left; width: 55%; margin-left: 1rem; }
.flexslider li dd h4 { font-size: 1.4rem; color: #5b5b5b; line-height: 2.8rem; font-weight: bold; }
.flexslider li dd h5 { font-size: 1.2rem; color: #545454; }
.flexslider li dd h5 span { color: #c62e28; margin-right: 0.5rem; }
.flexslider li dd h5 a { color: #d70000; }
.flexslider li dd p { font-size: 1rem; line-height: 1.2rem; color: #545454; margin-top: 0.5rem; }
.flexslider li dd h6 { margin-top:0.5rem }
.flexslider li dd h6 img { width: 6rem; }
.seven_c { width: 94%; overflow: hidden; padding: 1rem; }
.seven_c li img { width: 100%; max-height:20rem }
.zm_t { position: absolute; bottom: 1px; width: 100%; z-index: 99; right: 1rem; text-align: center; }
.zm_t a {background-size: 100% 100%; width: 0.6rem; height: 0.6rem; display: inline-block; margin-left: 5px; }
.zm_t a.hover { background-size: 100% 100%; }
.seven_c p { font-size: 1.2rem; line-height: 2.1rem; color: #545454; width: 98%; margin: 0 auto; margin-top: 0.5rem; }
.seven_c p span { color: #c62e28; float:left; display:block; width:100% }
.seven_c p a {height: 2rem;background: #c62e28;color: #fff;text-align: center;line-height: 2rem;padding: 0 0.8rem;border-radius: 5px;}
.eight_c { overflow: hidden; margin-top: 1rem; }
.eight_c h4 { line-height: 1.25rem; font-size: 1.2rem; color: #545454; }
.eight_c h4 a { color: #d50000; float: right; }
.eight_c ul { height: 15.8rem; margin-top: 0.5rem; }
.eight_c li { border-bottom: 1px dashed #a5a5a5; padding: 1rem 0; }
.eight_c li h5 { font-size: 1.2rem; color: #c62e28; line-height: 2.4rem; }
.eight_c li p { font-size: 1.2rem; color: #545454; line-height: 2.1rem; }
.nine_c { overflow: hidden; padding: 1rem; }
.nine_c li { font-size: 1.2rem; color: #545454; overflow: hidden; margin-bottom: 1rem; }
.nine_c li h4 { width: 30%; text-align: right; float: left; }
.nine_c li h4 span { color: #ea0000; margin-right: 0.5rem; }
.mar2 { width: 60%; height: 1.65rem; background: url(/images/pic58.png) no-repeat; background-size: 100% 100%; border: none; font-size: 1.2rem; color: #545454; padding-left: 0.5rem; margin-left: 1rem;}
.nine_c #liuyan {margin-left: 1rem;width: 60%;font-size: 1.2rem;color: #545454;padding-left: 0.5rem;}
.mar3 { width: 73%; height: 4.4rem; background-size: 100% 100%; border: none; font-size: 1.2rem; color: #545454; padding-left: 0.5rem; }
.nine_c h6 { width: 20%; margin: 0 auto; }
.nine_c h6 input { width: 11rem;background: #c62e28;border-radius: 15px;text-align: center;margin: 0.5%;font: 1.2rem Microsoft Yahei;line-height: 2rem;border: none;}
.nine_c h6 img { width: 6.9rem; }
.ten { overflow: hidden; padding: 0 0.5%; }
.ten_l{ width: 28%; margin: 0.5rem;}
.ten_l img { width: 100%; }
.ten_r { margin: 0.5rem;width: 63%;float: left;}
.ten_r p { font-size: 1.2rem; line-height: 1.8rem; color: #545454; }
.ten_r dt img { width: 4.9rem; }
.left { float: left; }
.right { float: right; }
#lxwm{height: 14rem;}
.ten_r dl{float: left;}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Icons */
@font-face { font-family: "slick"; font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }
.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }