@charset "utf-8";

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0 }

body { font-size: 12px; font-family: "Microsoft Yahei"; background: #f9f9f9 }

li, ol { list-style: none }

ins { text-decoration: none }

i, em { font-style: normal }

a { text-decoration: none; font-family: "Microsoft Yahei" }

a:hover { cursor: pointer; text-decoration: none }

a:active { star: expression(this.onFocus=this.blur()) }

:focus { outline: 0 }

.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.' }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

img { padding: 0; margin: 0 }

a img { border: none }

input, textarea { border: none; font-family: "Microsoft Yahei"; font-size: 13px }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px }

.fw { font-family: "Microsoft Yahei" }

.f-mm { margin-left: auto; margin-right: auto }

.f-fl { float: left }

.f-fr { float: right }

.f-tr { text-align: right }

.f-tl { text-align: left }

.f-tc { text-align: center }

.f-pr { position: relative }

.f-wdnone { font-weight: normal }

.u-co-bt { border-radius: 4px; width: 80px; height: 26px; line-height: 26px; display: inline-block; vertical-align: middle; padding-top: 1px }

.u-co-bt.z-spe { width: 100% }

.u-lico { width: 24px; height: 24px; border-radius: 4px; background: #000; padding: 10px; opacity: 0.8; position: relative; left: 50%; margin: 10px 0 10px -14px; box-shadow: 0 0 3px #2d2d2d }

.fs12 { font-size: 12px }

.fs13 { font-size: 13px }

.fs14 { font-size: 14px }

.fs15 { font-size: 15px }

.fs16 { font-size: 16px }

.fs18 { font-size: 18px }

.pdr12 { padding-right: 12px }

.pl10 { padding-left: 10px }

.pd44 { padding-left: 44px }

.wrap { max-width: 640px; min-width: 320px; margin: 0 auto; overflow: hidden; position: relative }

.m-tit { position: relative; text-indent: 10px; height: 35px; font-size: 15px; line-height: 35px; border-bottom: 1px solid #e5e5e4; overflow: hidden }

.m-tit .u-ico { position: absolute; right: 5px; top: 2px; height: 35px; color: #4d4d4d; padding-right: 10px; font-size: 13px; font-family: Arial, Helvetica, sans-serif }

.u-empty1 { height: 25px }

.g-page { margin-bottom: 20px }

.g-page .u-pup { border-radius: 5px; display: inline-block; font-size: 1em; height: 30px; line-height: 30px; text-align: center; width: 25% }

.g-page .u-sa { border-radius: 5px; display: inline-block; font-size: 1em; height: 30px; line-height: 30px; text-align: center; width: 25% }

.g-page p { width: 10%; display: inline-block }

.g-page .u-pne { border-radius: 5px; display: inline-block; font-size: 1em; height: 30px; line-height: 30px; text-align: center; width: 25% }

.m-share { margin-bottom: 23px; font-size: 13px }

.m-share span { vertical-align: middle; line-height: 25px; float: left; margin: 0 10px 0 30px }

.m-share .m-ico { position: relative; width: 320px; margin: 0 auto }

.m-share a { margin-right: 10px }

.g-sbox .spe2 p a:first-child { border-top: 0 }

.g-sbox .m-con .u-lifo { display: block; padding: 13px 35px 0 10px; height: 113px; width: 275px; overflow: hidden; position: relative }

.g-sbox .m-con .u-lifo img { float: left; display: inline; margin-right: 11px }

.g-sbox .m-con .u-lifo h3 { padding-right: 10px; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap }

.g-sbox .m-con .u-lifo p { margin: 5px; font-size: 12px; line-height: 22px; height: 65px; overflow: hidden }

.g-sbox .m-con .u-lifo span, .g-bd .m-con-2 dl span { display: block; width: 9px; height: 16px; position: absolute; top: 57px; right: 3% }

.g-sbox .m-con .u-lifo span:before, .g-bd .m-con-2 dl span:before, .g-bd .m-con.z-spe dl span:before { content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.g-sbox .m-con .u-lifo span:after, .g-bd .m-con-2 dl span:after, .g-bd .m-con.z-spe dl span:after { content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.g-sbox .m-con .s-babg:nth-child(2n) span:after, .g-bd .m-con-2 .s-babg:nth-child(2n) span:after, .g-bd .m-con.z-spe .s-babg:nth-child(2n) span:after { background: #fafafa }

.g-sbox .m-con.z-spe { padding: 12px 5px 12px 5px; width: 310px; line-height: 22px }

.g-sbox .m-con.z-spe a { height: 33px; display: block; line-height: 33px; text-indent: 8px; width: 100%; overflow: hidden }

.g-sbox .m-con.z-spe a:last-child { border-bottom: none; box-shadow: none }

.m-btit { height: 35px; line-height: 35px; padding-left: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #d9d9d9; box-shadow: 0 1px #fff; position: relative; background-color: #eaeaea; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); background-image: linear-gradient(top, #f6f6f6, #eaeaea); border-bottom: 1px solid #d9d9d9 }

.m-btit:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; border-top: 1px solid #fff }

.m-btit span { padding: 0 8px; position: relative }

.m-btit span:before { content: ""; position: absolute; background: #7c7c7c; width: 8px; height: 8px; left: 2px; top: 6px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.m-btit span:after { content: ""; position: absolute; width: 8px; height: 8px; left: 1px; top: 6px; z-index: 11; background-color: #f1f1f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); background-image: linear-gradient(top, #f2f2f2, #eeeeee); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.max_bg div { opacity: 0.8; border-radius: 5px; opacity: 1; width: 290px; border-width: 5px; height: 46px; text-indent: 50px; font-size: 13px; padding: 28px 0; margin: 40px auto; line-height: 25px }

.max_bg div a { text-decoration: underline; margin-right: 12px; line-height: 30px }

.max_bg { width: 100%; position: absolute; left: 0; top: 0; z-index: 100 }

.max_bg div { opacity: 0.8; display: none; border-radius: 5px; opacity: 1; width: 290px; border-width: 5px; position: fixed; top: 50%; left: 50%; margin: -56px 0 0 -150px; height: 46px; font-size: 13px; padding: 28px 0; z-index: 101 }

.max_bg div a { text-decoration: underline; margin-right: 12px; line-height: 30px }

.max_bg .right { line-height: 25px; background-position: 17px -1351px; text-align: center }

.max_bg .wrong { background-position: 17px -1426px }

.max_bg .contapic_bg { width: 100%; height: 100%; margin: 0 auto; background: #000; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); z-index: 1 }

.g-prn .m-con { line-height: 40px; margin: 5px 12px 10px 12px; font-size: 14px }

.g-prn .m-con p:first-child { border-top: 0 }

.g-prn .m-con p:last-child { border-bottom: 0 }

.g-prn .m-con p { height: 32px; line-height: 32px; overflow: hidden }

.g-prn .m-con a { padding: 0 8px; font-size: 14px; white-space: nowrap }

.g-sbox .m-cnt { height: 35px; line-height: 35px; position: relative }

.g-sbox .m-cnt li { float: left; display: block; height: 36px; font-size: 15px }

.g-sbox li.z-on:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ef7f00; bottom: -4px; content: ""; height: 0; left: 45%; position: absolute; width: 0; z-index: 99 }

.erro { padding-bottom: 40px }

.erro .icon_404 { padding: 20px 0 10px 0 }

.erro p.en { font-size: 24px; margin: 10px 0 15px 0; text-align: center; line-height: 35px }

.erro p.cn { font-size: 13px; width: 300px; padding-left: 20px; line-height: 26px; margin: 10px auto }

.erro p a { font-size: 13px }

@keyframes xshow {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

@keyframes xshow2 {

    0% { opacity: 0 }

    20% { opacity: 1 }

    40% { opacity: 0 }

    60% { opacity: 1 }

    80% { opacity: 0 }

    100% { opacity: 0 }

}

@keyframes xshow3 {

    0% { opacity: 0 }

    15% { opacity: 1 }

    30% { opacity: 0 }

    50% { opacity: 1 }

    70% { opacity: 0 }

    80% { opacity: 1 }

    100% { opacity: 0 }

}

@-webkit-keyframes xshow {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

@-webkit-keyframes xshow2 {

    0% { opacity: 0 }

    20% { opacity: 1 }

    40% { opacity: 0 }

    60% { opacity: 1 }

    80% { opacity: 0 }

    100% { opacity: 0 }

}

@-webkit-keyframes xshow3 {

    0% { opacity: 0 }

    15% { opacity: 1 }

    30% { opacity: 0 }

    50% { opacity: 1 }

    70% { opacity: 0 }

    100% { opacity: 0 }

}

@-webkit-keyframes buttonHover {

    0% { box-shadow: 0 0 5px #808080 }

    50% { box-shadow: 0 0 12px #808080 }

    100% { box-shadow: 0 0 5px #808080 }

}

@keyframes buttonHover {

    0% { box-shadow: 0 0 5px #808080 }

    50% { box-shadow: 0 0 12px #808080 }

    100% { box-shadow: 0 0 5px #808080 }

}

.g-back { overflow: hidden; position: relative; text-align: right; margin-top: 1px; height: 38px; padding: 7px 11px 0 9px }

.g-back a { display: inline-block; font-size: 0.875em; height: 32px; line-height: 28px; width: 32px; position: relative }

.g-back .u-bp { background-position: 0 0 }

.g-back .u-bl { background-position: 0 -286px }

.g-back .u-bh { margin-right: 10px; background-position: 0 -232px }

.g-hd { background-color: #e2e2e2; background-image: radial-gradient(circle, #fff, #cecece); background-size: 100% auto }

.m-logo { width: 35.6%; float: left; padding: 2% 0 1% 2%; display: block }

.m-logo img { width: 100% }

.m-ph1 { display: block; width: 53%; margin: 4% 3% 0 0; text-align: right }

.m-ph1 span { font-size: 15px; color: #f5821f }

@media screen and (min-width:400px) {

    .m-ph1 span { font-size: 17px }

}

@media screen and (min-width:450px) {

    .m-ph1 span { font-size: 19px }

}

@media screen and (min-width:480px) {

    .m-ph1 span { font-size: 21px }

}

@media screen and (min-width:500px) {

    .m-ph1 span { font-size: 23px }

}

@media screen and (min-width:550px) {

    .m-ph1 span { font-size: 25px }

}

@media screen and (min-width:580px) {

    .m-ph1 span { font-size: 27px }

}

@media screen and (min-width:639px) {

    .m-ph1 spann { font-size: 30px }

}

.g-hd .m-tel { width: 100%; overflow: hidden; padding: 25% 0 0 0; height: auto; position: relative }

.m-tel .u-num { font-size: 17px; color: #f50000; text-shadow: none; position: absolute; top: 17%; right: 0; font-family: Arial, Helvetica, sans-serif }

@media screen and (min-width:350px) {

    .m-tel .u-num { font-size: 15px }

}

@media screen and (min-width:400px) {

    .m-tel .u-num { font-size: 16px }

}

@media screen and (min-width:450px) {

    .m-tel .u-num { font-size: 18px }

}

@media screen and (min-width:480px) {

    .m-tel .u-num { font-size: 20px }

}

@media screen and (min-width:550px) {

    .m-tel .u-num { font-size: 24px }

}

@media screen and (min-width:639px) {

    .m-tel .u-num { font-size: 26px }

}

.m-tel .u-tel { height: 54%; width: 14%; display: block; background: url(/m/assets/Front/images/tel.png) no-repeat; position: absolute; left: 17%; top: 12%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }

.u-tel .z-ln-1, .u-tel .z-ln-2, .u-tel .z-ln-3 { border: 1px solid #454545 }

.u-tel .z-ln-1 { z-index: 10; display: inline-block; width: 3px; height: 3px; top: 6px; right: 6px; border-width: 1px 1px 0 0; border-radius: 0 30px 0 0; position: absolute; animation-name: xshow2; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow2; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow2; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

.u-tel .z-ln-2 { z-index: 10; display: inline-block; width: 5px; height: 5px; border-width: 1px 1px 0 0; border-radius: 0 35px 0 0; position: absolute; top: 3px; right: 3px; animation-name: xshow; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

.u-tel .z-ln-3 { z-index: 10; display: inline-block; width: 7px; height: 7px; border-width: 1px 1px 0 0; border-radius: 0 35px 0 0; position: absolute; top: 0px; right: 0px; animation-name: xshow; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

@media screen and (min-width:350px) {

    .u-tel { height: 22% }

    .u-tel .z-ln-1 { width: 3px; height: 3px; top: 5px; right: 5px }

    .u-tel .z-ln-2 { width: 7px; height: 7px; top: 1px; right: 1px }

    .u-tel .z-ln-3 { width: 10px; height: 10px; top: -3px; right: -3px }

}

@media screen and (min-width:400px) {

    .u-tel .z-ln-1 { width: 6px; height: 6px; top: 5px; right: 5px }

    .u-tel .z-ln-2 { width: 9px; height: 9px; top: 2px; right: 2px }

    .u-tel .z-ln-3 { width: 12px; height: 12px; top: -1px; right: -1px }

}

@media screen and (min-width:450px) {

    .u-tel .z-ln-1 { width: 6px; height: 6px; top: 6px; right: 6px }

    .u-tel .z-ln-2 { width: 9px; height: 9px; top: 3px; right: 3px }

    .u-tel .z-ln-3 { width: 12px; height: 12px; top: 0px; right: 0px }

}

@media screen and (min-width:480px) {

    .u-tel .z-ln-1 { width: 6px; height: 6px; top: 7px; right: 7px }

    .u-tel .z-ln-2 { width: 9px; height: 9px; top: 4px; right: 4px }

    .u-tel .z-ln-3 { width: 12px; height: 12px; top: 1px; right: 1px }

}

@media screen and (min-width:550px) {

    .u-tel .z-ln-1, .u-tel .z-ln-2, .u-tel .z-ln-3 { border: 2px solid #454545; border-width: 2px 2px 0 0 }

    .u-tel .z-ln-1 { width: 6px; height: 6px; top: 10px; right: 10px }

    .u-tel .z-ln-2 { width: 12px; height: 12px; top: 5px; right: 5px }

    .u-tel .z-ln-3 { width: 17px; height: 17px; top: 0; right: 0 }

}

@media screen and (min-width:640px) {

    .u-tel .z-ln-1, .u-tel .z-ln-2, .u-tel .z-ln-3 { border: 2px solid #454545; border-width: 2px 2px 0 0 }

    .u-tel .z-ln-1 { width: 7px; height: 7px; top: 10px; right: 10px }

    .u-tel .z-ln-2 { width: 12px; height: 12px; top: 5px; right: 5px }

    .u-tel .z-ln-3 { width: 17px; height: 17px; top: 0; right: 0 }

}

.g-ft { background: #252728 }

.m-top { display: block; border-bottom: 1px solid #01a447; padding: 1% 0 }

.u-top { width: 25%; margin: 0 auto; font-size: 12px; color: #fff }

.u-top span { width: 22%; display: inline-block }

.u-top span img { width: 100%; vertical-align: middle }

.m-bmu { padding: 4% 0  0; text-align: center; position: relative; color: #a0a0a1; text-shadow: 0 1px 1px #01a447; border-top: 1px solid #3a3a3a; line-height: 200% }

.m-bmu a { color: #a0a0a1; padding: 0 0.5% }

.m-bmu p { padding: 2% }

.code { width: 29.2%; text-align: center; margin: 0 auto; padding-top: 3%; display: none }

.code img { width: 100% }

@media screen and (min-width:350px) {

    .m-tel .u-num { font-size: 18px }

    .u-top { font-size: 14px }

    .m-bmu { font-size: 12px }

}

@media screen and (min-width:400px) {

    .m-tel .u-num { font-size: 22px }

    .u-top { font-size: 16px }

    .m-bmu { font-size: 16px }

}

@media screen and (min-width:450px) {

    .m-tel .u-num { font-size: 26px }

    .u-top { font-size: 18px }

    .m-bmu { font-size: 12px }

}

@media screen and (min-width:480px) {

    .m-tel .u-num { font-size: 28px }

    .u-top { font-size: 20px }

    .m-bmu { font-size: 12px }

}

@media screen and (min-width:550px) {

    .m-tel .u-num { font-size: 30px }

    .u-top { font-size: 22px }

    .m-bmu { font-size: 14px }

}

@media screen and (min-width:568px) {

    .m-tel .u-num { font-size: 30px }

    .u-top { font-size: 22px }

    .m-bmu { font-size: 13x }

}

@media screen and (min-width:640px) {

    .m-tel .u-num { font-size: 34px }

    .u-top { font-size: 24px }

    .m-bmu { font-size: 24px }

}

.g-se { padding: 15px 10px; position: relative }

.g-se .u-in { float: right; height: 30px; position: absolute; right: 10px; top: 15px; width: 42px; z-index: 100 }

.g-se:before { content: ''; display: block; width: 12px; height: 12px; border-radius: 17px; position: absolute; right: 24px; top: 20px; z-index: 99 }

.g-se:after { content: ''; display: block; width: 4px; height: 10px; border-radius: 5px; border: 0; position: absolute; right: 21px; top: 32px; z-index: 99; -webkit-transform: rotate(-52deg); -o-transform: rotate(-52deg); -ms-transform: rotate(-52deg); transform: rotate(-52deg) }

.g-se .m-ipt { margin-right: 43px }

.g-se .u-glass { position: absolute; right: 10px; top: 15px; width: 42px; height: 30px; background: transparent; z-index: 888 }

.g-se .u-bt { width: 42px; height: 30px; float: right; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0 }

.g-se .u-key { width: 100%; height: 14px; padding: 7px 0; line-height: 14px; border-right: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; text-indent: 15px; float: left }

.social_nav4 { height: 55px; width: 320px; position: fixed; bottom: 0; left: 0; z-index: 999; overflow: hidden }

.social_nav4 .social4 { display: block; width: 288px; height: 55px; margin-right: 18px; overflow: hidden; position: relative }

.social_nav4 a { height: 55px; line-height: 85px; font-size: 13px; width: 65px; display: inline-block; font-size: 12px; position: relative; z-index: 11; text-align: center; color: #fff }

.social_nav4 a.tel { width: 65px; text-indent: 15px }

.social_nav4 span { display: block; width: 35px; height: 25px; position: absolute; top: 0; z-index: 10 }

.social4 { background-color: #2a2a31; background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b)); background-image: -webkit-linear-gradient(top, #32323a, #23232b); background-image: -moz-linear-gradient(top, #32323a, #23232b); background-image: -o-linear-gradient(top, #32323a, #23232b); background-image: -ms-linear-gradient(top, #32323a, #23232b); background-image: linear-gradient(top, #32323a, #23232b) }

.social4:before { content: ''; height: 1px; width: 100%; background: #000; border-bottom: 1px solid #4b4c57; position: absolute; top: 0; left: 0 }

.social4:after { content: ''; height: 1px; width: 100%; background: #000; border-top: 1px solid #4b4c57; position: absolute; bottom: 0; left: 0 }

.social4 b { width: 1px; height: 100%; background: #000; border-left: 1px solid #4b4c57; position: absolute; top: 0; right: 0 }

.social_nav4 span.tel { left: 30px; top: 5px; height: 30px; background-position: 3px -49px; animation-name: telshow; animation-duration: 1.0s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: telshow; -webkit-animation-duration: 1.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: telshow; -o-animation-duration: 1.0s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

@keyframes telshow {

    0% { transform: rotate(0deg) }

    5% { transform: rotate(-13deg) }

    10% { transform: rotate(0deg) }

    15% { transform: rotate(-13deg) }

    20% { transform: rotate(0deg) }

    25% { transform: rotate(-13deg) }

    100% { transform: roate(0deg) }

}

@-webkit-keyframes telshow {

    0% { -webkit-transform: rotate(0deg) }

    5% { -webkit-transform: rotate(-13deg) }

    10% { -webkit-transform: rotate(0deg) }

    15% { -webkit-transform: rotate(-13deg) }

    20% { -webkit-transform: rotate(0deg) }

    25% { -webkit-transform: rotate(-13deg) }

    100% { -webkit-transform: roate(0deg) }

}

@-o-keyframes telshow {

    0% { -o-transform: rotate(0deg) }

    5% { -o-transform: rotate(-13deg) }

    10% { -o-transform: rotate(0deg) }

    15% { -o-transform: rotate(-13deg) }

    20% { -o-transform: rotate(0deg) }

    25% { -o-transform: rotate(-13deg) }

    100% { -o-transform: roate(0deg) }

}

.social_nav4 span.weichat { left: 86px; top: 7px; background-position: 6px -150px; background-repeat: no-repeat }

@keyframes xshow {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

@-o-keyframes xshow {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

@-webkit-keyframes xshow {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

.social_nav4 span.weibo { left: 157px; top: 7px; background-position: 1px -357px; background-repeat: no-repeat; height: 26px }

.social_nav4 .line_1 { z-index: 10; display: inline-block; width: 5px; height: 4px; border: 2px solid #ffb841; border-width: 2px 2px 0 0; border-radius: 0 30px 0 0; position: absolute; top: 9px; right: 104px; animation-name: xshow2; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow2; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow2; -o-animation-duration: 5s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

.social_nav4 .line_2 { z-index: 10; display: inline-block; width: 8px; height: 6px; border: 2px solid #ffb841; border-width: 2px 2px 0 0; border-radius: 0 35px 0 0; position: absolute; top: 6px; right: 101px; animation-name: xshow; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow; -o-animation-duration: 5s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

@keyframes xshow2 {

    0% { opacity: 0 }

    20% { opacity: 1 }

    40% { opacity: 0 }

    60% { opacity: 1 }

    80% { opacity: 0 }

    100% { opacity: 0 }

}

@-o-keyframes xshow2 {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

@-webkit-keyframes xshow2 {

    0% { opacity: 0 }

    25% { opacity: 1 }

    50% { opacity: 0 }

    75% { opacity: 1 }

    100% { opacity: 0 }

}

.social_nav4 span.home { background-position: 0px -200px; background-repeat: no-repeat; left: 224px; height: 24px; width: 26px; top: 8px }

.social_nav4 .btn { display: block; width: 34px; height: 55px; position: absolute; right: 0; background-position: 0 -786px }

.social_nav4 .btn2 { display: block; width: 34px; height: 55px; position: absolute; right: 0; background-position: 0 -249px; display: none }

.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav4 .btn, .social_nav4 .btn2, .social4 span, .brand_advance .yscontent .telbg { background-image: url(http://mimg.nsw88.com/Images/skins/SkinsBar4.png); background-repeat: no-repeat; background-size: 32px 889px }

.m-bmu .loaded { display: none }

.m-bmu .code .loaded { display: block }

.social_nav5 { height: 50px; background: #777; line-height: 50px; position: fixed; bottom: 0; max-width: 640px; min-width: 320px; width: 100%; z-index: 999 }

.social_nav5 ul li { float: left; width: 20%; position: relative; border-right: 1px solid #555 }

.social_nav5 ul li.cur { background: #01a447 }

.social_nav5 ul li a { color: #fff; display: block; font-size: 12px; text-shadow: none }

.social_nav5 .erji { position: absolute; bottom: 50px; left: -20px; background: #f3f3f3; padding: 0 8%; width: 100px; border: 1px solid #e4e4e4; display: none }

.social_nav5 .erji a { display: block; height: 3em; line-height: 3em; font-size: 12px; text-shadow: none; color: #7d7d7d; border-bottom: 1px solid #e4e4e4 }

.social_nav5:before { position: absolute; content: ""; top: 25%; right: 5.5%; width: 0; height; 0; border-bottom: 0.5em solid #fff; border-right: 0.5em solid transparent; border-left: 0.5em solid transparent }

.social_nav5 .span1 span { color: #fff; line-height: 1em; font-size: 12px; line-height: 1em; display: block }

.social_nav5 .span1 { display: block; width: 13%; text-align: center; position: absolute; top: 0; right: 0%; height: 20px; padding-top: 30px }

@media screen and (min-width:350px) {

    .m-tel .u-num { font-size: 18px }

    .u-top { font-size: 14px }

    .m-bmu { font-size: 14px }

    .social_nav5 ul li a { font-size: 14px }

    .social_nav5 .erji { left: -20px }

    .social_nav5 .erji a { font-size: 13px }

}

@media screen and (min-width:400px) {

    .m-tel .u-num { font-size: 22px }

    .u-top { font-size: 16px }

    .m-bmu { font-size: 16px }

    .social_nav5 .erji { left: -10px }

    .social_nav5 ul li a { font-size: 14px }

    .social_nav5 .erji a { font-size: 12px }

}

@media screen and (min-width:450px) {

    .m-tel .u-num { font-size: 26px }

    .u-top { font-size: 18px }

    .m-bmu { font-size: 18px }

    .social_nav5 .erji { left: -10px }

    .social_nav5 ul li a { font-size: 14px }

    .social_nav5 .erji a { font-size: 13px }

}

@media screen and (min-width:480px) {

    .m-tel .u-num { font-size: 28px }

    .u-top { font-size: 20px }

    .m-bmu { font-size: 18px }

    .social_nav5 .erji { left: -10px }

    .social_nav5 .erji2 { left: 0 }

    .social_nav5 ul li a { font-size: 16px }

    .social_nav5 .erji a { font-size: 14px }

}

@media screen and (min-width:550px) {

    .m-tel .u-num { font-size: 30px }

    .u-top { font-size: 22px }

    .m-bmu { font-size: 22px }

    .social_nav5 .erji { left: 0 }

    .social_nav5 ul li a { font-size: 18px }

    .social_nav5 .erji a { font-size: 15px }

}

@media screen and (min-width:639px) {

    .m-tel .u-num { font-size: 34px }

    .u-top { font-size: 24px }

    .m-bmu { font-size: 24px }

    .social_nav5 .erji { left: 2px }

    .social_nav5 ul li a { font-size: 20px }

    .social_nav5 .erji a { font-size: 16px }

}

.jiathis_style_32x32 em, .jiathis_style_24x24 em, .jiathis_style em { float: left; line-height: 32px; text-align: center; color: #FFF; font-weight: bold }

.shareWrap:after { display: block; content: ""; clear: both }

body .g-hd { height: 75px; overflow: hidden }

body .m-logo { width: 114px; float: left; padding: 10px 0 0 10px; display: block }

body .m-logo img { width: 114px; height: 60px }

body .m-ph1 { margin: 10px 10px 0 0; text-align: right; position: relative; width: auto }

body .m-ph1 span { font-size: 15px; color: #f5821f; display: block; line-height: 14px; padding-top: 4px }

body .g-hd .m-tel { overflow: hidden; position: relative; padding: 0; height: 30px; margin: 0 }

body .m-tel .u-num { font-size: 17px; color: #f50000; text-shadow: none; font-weight: bold; position: absolute; top: 9px; right: 0; font-family: Arial, Helvetica, sans-serif }

body .m-tel .u-tel { height: 18px; width: 18px; display: block; background: url(/m/assets/Front/images/tel.png) no-repeat; background-size: 18px 18px; position: absolute; left: 30px; top: 10px }

body .u-tel .z-ln-1, body .u-tel .z-ln-2, body .u-tel .z-ln-3 { border: 1px solid #454545 }

body .u-tel .z-ln-1 { z-index: 10; display: inline-block; width: 3px; height: 3px; top: 6px; right: 6px; border-width: 1px 1px 0 0; border-radius: 0 30px 0 0; position: absolute; animation-name: xshow2; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow2; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow2; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

body .u-tel .z-ln-2 { z-index: 10; display: inline-block; width: 5px; height: 5px; border-width: 1px 1px 0 0; border-radius: 0 35px 0 0; position: absolute; top: 3px; right: 3px; animation-name: xshow; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

a { color: #666 }

.g-sbox .m-con.z-spe a, .g-bd .m-con-3 li, .qabox .qacont .list a { border-bottom: 1px solid #e6e6e6 }

.g-adv .m-cnt { height: 5px }

.g-adv .m-cnt li { height: 5px }

.g-adv .m-cnt { height: 6px }

.g-adv .m-cnt li { height: 6px }

.g-bd .m-con-3 { margin: 10px 10px 26px 10px }

.g-bd .m-con-3 ul { border-bottom: 1px solid #eaeaea }

.g-bd .m-con-3 li { height: 32px; line-height: 32px; padding-left: 15px; position: relative; background-position: 5px -1629px; overflow: hidden; display: block }

.g-bd .m-con-3 li:before { content: ""; position: absolute; background: #3e3e3e; width: 4px; height: 4px; left: 6px; top: 15px }

.g-bd .m-con-3 .first { border-top: none }

.g-bd .m-con-3 li span { display: block; height: 16px; position: absolute; right: 10px; top: 10px; width: 9px }

.g-bd .m-con-3 li span:before { content: ""; position: absolute; background: #7c7c7c; width: 10px; height: 10px; left: 2px; top: 2px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.g-bd .m-con-3 li span:after { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: 2px; z-index: 11; background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #fafafa, #f8f8f8); background-image: -moz-linear-gradient(top, #fafafa, #f8f8f8); background-image: -o-linear-gradient(top, #fafafa, #f8f8f8); background-image: -ms-linear-gradient(top, #fafafa, #f8f8f8); background-image: linear-gradient(top, #fafafa, #f8f8f8); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

body .u-tel .z-ln-3 { z-index: 10; display: inline-block; width: 7px; height: 7px; border-width: 1px 1px 0 0; border-radius: 0 35px 0 0; position: absolute; top: 0px; right: 0px; animation-name: xshow; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite }

body .g-ft { background: #01a447 }

.g-back .u-bp, .g-back .u-bl, .g-back .u-bh, .u-seek, .u-detail { background: url(/m/assets/Front/images/Nyskinsbar.png) no-repeat; background-size: 35px 600px }

body .code { width: 150px; text-align: center; height: 150px; margin: 0 auto; margin-top: 10px }

body .code img { width: 150px; height: 150px }

.g-back { overflow: hidden; position: relative; text-align: right; margin-top: 1px; height: 38px; padding: 7px 11px 0 9px }

.g-back a { display: inline-block; font-size: 0.875em; height: 32px; line-height: 28px; width: 32px; position: relative }

.g-back .u-bp { background-position: 0 0 }

.g-back .u-bl { background-position: 0 -286px }

.g-back .u-bh { margin-right: 10px; background-position: 0 -232px }

.s-cyan2 { color: cyan }

.g-back { background: #e8e8e8; border-top: 1px solid #e8e8e8 }

.m-btit { height: 35px; line-height: 35px; overflow: hidden; padding-left: 12px; border-top-color: rgb(217, 217, 217); border-bottom-color: rgb(217, 217, 217); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; white-space: nowrap; position: relative; text-overflow: ellipsis; box-shadow: 0px 1px #fff; background-color: rgb(234, 234, 234) }

.m-btit::before { left: 0px; top: 0px; width: 100%; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; position: absolute; content: "" }

.m-btit span { padding: 0px 8px; position: relative }

.m-btit span::before { background: rgb(124, 124, 124); left: 2px; top: 6px; width: 8px; height: 8px; position: absolute; z-index: 10; content: ""; transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg) }

.m-btit span::after { left: 1px; top: 6px; width: 8px; height: 8px; position: absolute; z-index: 11; content: ""; transform: rotate(45deg); background-color: rgb(241, 241, 240); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg) }

.max_bg div { border-width: 5px; margin: 40px auto; padding: 28px 0px; border-radius: 5px; width: 290px; height: 46px; line-height: 25px; text-indent: 50px; font-size: 13px; opacity: 1 }

.green { color: #390 }

.cyan { color: #b3221f }

.g-back { background: #e8e8e8; border-top: 1px solid #e8e8e8 }

.max_bg div { border-style: solid; border-color: #bcbcbc; background-color: #fff; color: #303f4c }

.u-mtit h1 { font-size: 18px; text-align: center; padding: 24px 0 10px 0 }

.u-mtit h2 { font-size: 18px; text-align: center; padding: 24px 0 10px 0 }

.u-mtit p { padding-top: 10px; font-size: 12px; padding-bottom: 7px; border-bottom: 1px solid #fff }

.u-mtit p a { margin-left: 5px }

.m-mcon, .procontent { border-top: 1px solid #e6e6e6; padding: 10px 14px 7px 10px; font-size: 13px }

.m-mcon p, .procontent p { line-height: 22px }

.m-about .list { margin: 5px; font-size: 12px; line-height: 22px }

.m-about .list a { font-size: 14px; height: 33px; display: block; line-height: 33px; padding-left: 8px; overflow: hidden }

.m-about .list a:nth-child(1) { border-top: 0 }

.m-about .list a:last-child { border-bottom: 0 }

.s-wc, a.s-wc { color: #FF8100 }

.g-bd .m-pronav .list1 a, .g-bd .m-pronav .list2 a, .g-bd .m-pronav .list3 a, .m-pronav .content a, .u-pnum, .g-bd .m-pronav .prolist .list1 .a_tit { color: #FF8100 }

.s-wc-2, a.s-wc-2 { color: #FF8100 }

.s-wc-3, a.s-wc-3 { color: #3372A2 }

.z-spw { color: #ff6700 }

.m-con-1 { padding: 15px 0 12px 0; width: 360px; margin: 0 auto }

.m-con-1 a { float: left; width: 152px; margin: 0 14px 10px 14px; text-align: center; line-height: 20px; height: 150px; overflow: hidden; display: block; font-size: 14px }

.m-con-1 a img {width:100%;   border: 1px solid #e2e2e2; float: left; margin-bottom: 8px }

.m-mcon, .procontent { border-top: 1px solid #e6e6e6; padding: 10px 14px 7px 10px; font-size: 13px }

.m-mcon p, .procontent p { line-height: 22px }

.g-bd .m-con-1 { padding: 15px 0 12px 0; width: 320px; margin: 0 auto }

.g-bd .m-con-1 a { float: left; width: 150px; margin: 0 14px 10px 14px; text-align: center; line-height: 20px; height: 160px; overflow: hidden; display: block; font-size: 14px }

<!--.g-bd .m-con-1 a img { width:auto; height: 100px; border: 1px solid #e2e2e2; float: left; margin-bottom: 8px }-->

.g-bd .m-con-2 a { display: block }

.g-bd .m-con-2 { margin-bottom: 26px }

.g-bd .m-con-2 dl { border-bottom: 1px solid #ffffff; box-shadow: 0 1px #e6e6e6; margin-bottom: 2px; padding: 12px 36px 12px 10px; position: relative }

.g-bd .m-con-2 dt { float: left; display: block; border: 1px solid #ccc; margin-right: 11px }

.g-bd .m-con-2 dt img { display: block; float: left; border: 1px solid #e2e2e2 }

.g-b2 .m-con-2 h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px }

.g-bd .m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; margin: 5px; margin-right: 3%; overflow: hidden }

.g-bd .m-con-2 .s-babg p span { width: auto; height: auto; background: none; position: relative; right: inherit; top: inherit; display: inline }

.g-bd .m-con-2 .s-babg p span:before, .g-bd .m-con-2 .s-babg p span:after { display: none }

/* @media screen and (max-width:400px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}*/

/* iPads (portrait) ———– */



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* Smartphones (portrait and landscape) ———– */



@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* Smartphones (landscape) ———– */



@media only screen

and (min-width : 321px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* Smartphones (portrait) ———– */



@media only screen

and (max-width : 320px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* iPads (portrait and landscape) ———– */



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* iPads (landscape) ———– */



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* iPads (portrait) ———– */



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* Desktops and laptops ———– */



@media only screen

and (min-width : 1224px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* Large screens ———– */



@media only screen

and (min-width : 1824px) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

/* iPhone 4 ———– */



@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

    #content p{ width:100%!important;}

    #content img {width:100%!important; height:auto!important; }

}

.g-prolistbox4 .content { margin: 15px auto; text-align: center; column-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance }

.g-prolistbox4 .content div { vertical-align: top; display: inline-block; width: 132px; margin-bottom: 10px; text-align: center; line-height: 20px; overflow: hidden; font-size: 14px }

.g-prolistbox4 .description { color: #999; display: block; height: 40px; overflow: hidden }

.g-prolistbox4 .content div img { border: 1px solid #e2e2e2; text-align: center; margin-bottom: 8px }

.g-prolistbox4 .content  i { height: 18px; line-height: 18px; overflow: hidden; display: inline-block }

.g-page a { background-color: #FF8100; color: #fff }

.g-page .z-noc { background-color: #e8e8e8; color: #9b0e0e }

.g-page .u-sa { color: #fff }