body { font-family: 'Microsoft YaHei UI'; font-size: 16px; margin: 0 auto; padding: 0; background: #F9F5EA; min-width: 255px; max-width: 2000px; font-weight: 100}span, img, div, section, a, i, footer { display: inline-block; text-decoration: none}a { text-decoration: none; color: inherit; cursor: pointer}.Nav { width: 100%; height: 70px}nav { width: 100%; position: fixed; left: 0; top: 0; display: flex; background: #444f36; z-index: 500}.Logo, .Nav_Category_Name { padding: 10px}.Logo { height: 100%; vertical-align: middle; padding-right: 50px; padding-left: 20px; height: 50px; flex: 0 0 auto}.PoliceMainImage { position: fixed; left: 10px; top: 80px; cursor: se-resize}.Navigation { color: #efefef; text-align: left; flex: 1 1 auto}.Category { text-align: left; flex: 0 0 auto; width: 100%}.Nav_Category { cursor: pointer; position: relative; vertical-align: middle}.SonNavigation_Wrap { position: absolute; left: 0; top: 70px; background: #313726; width: 200px; color: #efefef; display: none}.Nav_Category_Name { padding-left: 20px; padding-right: 20px; line-height: 50px} .Nav_Category_Name:hover { background: #313726}.SonNavigation { line-height: 50px; position: relative; text-align: center}.SonNavigation_Wrap a { width: 100%}.SonNavigation:hover, .GrandSonNavigation:hover, .SonNavigation_Son_Son > span:hover { background: #332f2a}.SonNavigation_Wrap > .SonNavigation, .SonNavigation_Son_Son > span { width: 100%}.GrandSonNavigation_Wrap, .SonNavigation_Son_Son { position: absolute; top: 0px; left: 200px; width: 200px; text-align: center; display: none; background: #313726} .GrandSonNavigation_Wrap > span { position: relative; width: 100%; background: #313726}.GrandSonNavigation { line-height: 50px; width: 100%; background: #313726}.FacebookEdgShow, .MenuPhoneShow { display: none}.Nav_Category:hover .SonNavigation_Wrap { display: inline-block}.SonNavigation:hover .GrandSonNavigation_Wrap { display: inline-block}.GrandSonNavigation:hover .SonNavigation_Son_Son { display: inline-block}.Nav_Contact { float: right; padding: 10px; padding-right: 30px; line-height: 50px; vertical-align: middle}.Nav_Contact_Son { padding: 0 5px; cursor: pointer; border-radius: 5px} .Nav_Contact_Son:hover { background: #000} .Nav_Contact_Son > svg { vertical-align: middle; background: #000; border-radius: 5px; padding: 4px}section { width: 100%; display: inline-block}footer { height: 40px; background: #000; color: #efefef; width: calc(100% - 40px); padding: 20px; margin-bottom: -4px; line-height: 40px; font-size: 12px}.Bottom_Copyright { float: left}.Bottom_CaseNumber { float: right; padding-right: 20px; cursor: pointer}.Bottom_Contact { display: none}.form-control { padding: 15px; border: 1px solid #efefef; outline: none; width: calc(100% - 60px)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none}.member-form, .rpo-form input[type="number"] { -moz-appearance: textfield}.btn { border: none; padding: 15px 30px; border-radius: 8px; cursor: pointer; outline: none}.btn-secondary, .btn-default { border: 1px solid #efefef; background: #fff} .btn-secondary:hover { background: #efefef}.btn-success { background: #00bd66; color: #fff} .btn-success:hover { background: #20c997}.btn-info { color: #fff; background: #3699FF} .btn-info:hover { background: #007bff}.Bottom_Footer_Br { display: none}.BottomPoliceCY:hover { color: orange}@media(max-width:953px) { .Bottom_Contact { display: inline-block; float: right; padding-right: 20px} .Bottom_Contact_Son > svg { padding: 5px; border-radius: 3px}}@media(max-width:745px) { nav { display: inline-block} .MenuPhoneShow { display: inline-block; line-height: 70px; padding-left: 20px; float: left} .MenuPhoneShow > svg { vertical-align: middle} .Navigation { display: none} .Navigation.active { display: block}}@media(max-width:610px) { footer { height: 60px} .Bottom_Footer_Br { display: inline-block} .Bottom_CaseNumber { float: left}}@media(max-width:525px) { .Bottom_Contact { float: none} bottom { text-align: center; height: 30px; padding: 10px 20px 5px}}@media(max-width:365px) { .Logo { padding-right: 0}}@keyframes a { 0% { opacity: 0; bottom: -15px; max-height: 0; max-width: 0; margin-top: 0} 30% { opacity: .8; bottom: -3px} to { opacity: 1; bottom: 0; max-height: 200px; margin-top: 12px; max-width: 400px}}@-webkit-keyframes b { 0% { opacity: 1; bottom: 0} 30% { opacity: .2; bottom: -3px} to { opacity: 0; bottom: -15px}}@keyframes b { 0% { opacity: 1; bottom: 0} 30% { opacity: .2; bottom: -3px} to { opacity: 0; bottom: -15px}}@-webkit-keyframes c { 0% { opacity: 0} 30% { opacity: .5} to { opacity: .6}}@keyframes c { 0% { opacity: 0} 30% { opacity: .5} to { opacity: .6}}@-webkit-keyframes d { 0% { opacity: .6} 30% { opacity: .1} to { opacity: 0}}@keyframes d { 0% { opacity: .6} 30% { opacity: .1} to { opacity: 0}}.notyf-container { position: fixed; bottom: 20px; right: 30px; width: auto; color: #fff; z-index: 1; z-index: 9999999} .notyf-container .notyf-alert-icon, .notyf-container .notyf-confirm-icon { height: 21px; width: 21px; background: #fff; border-radius: 50%; display: block; margin: 0 auto; position: relative} .notyf-container .notyf-alert-icon:after, .notyf-container .notyf-alert-icon:before { content: ""; background: #ed3d3d; display: block; position: absolute; width: 3px; border-radius: 3px; left: 9px} .notyf-container .notyf-alert-icon:after { height: 3px; top: 14px} .notyf-container .notyf-alert-icon:before { height: 8px; top: 4px} .notyf-container .notyf-confirm-icon:after, .notyf-container .notyf-confirm-icon:before { content: ""; background: #3dc763; display: block; position: absolute; width: 3px; border-radius: 3px} .notyf-container .notyf-confirm-icon:after { height: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; left: 6px} .notyf-container .notyf-confirm-icon:before { height: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 5px; left: 10px} .notyf-container .notyf { display: block; overflow: hidden; -webkit-animation: a .3s forwards; animation: a .3s forwards; box-shadow: 0 1px 3px 0 rgba(0,0,0,.45); position: relative; padding-right: 16px; padding-left: 16px} .notyf-container .notyf.alert { background: #ed3d3d} .notyf-container .notyf.confirm { background: #3dc763} .notyf-container .notyf.disappear { -webkit-animation: b .3s 1 forwards; animation: b .3s 1 forwards; -webkit-animation-delay: .25s; animation-delay: .25s} .notyf-container .notyf.disappear .notyf-message { opacity: 1; -webkit-animation: b .3s 1 forwards; animation: b .3s 1 forwards; -webkit-animation-delay: .1s; animation-delay: .1s} .notyf-container .notyf.disappear .notyf-icon { opacity: 1; -webkit-animation: d .3s 1 forwards; animation: d .3s 1 forwards} .notyf-container .notyf-wrapper { display: table; width: 100%; padding-top: 20px; padding-bottom: 20px; padding-right: 15px; border-radius: 3px} .notyf-container .notyf-icon { display: table-cell; width: 20%; text-align: center; vertical-align: middle; font-size: 1.3em; opacity: 0; -webkit-animation: c .5s forwards; animation: c .5s forwards; -webkit-animation-delay: .25s; animation-delay: .25s} .notyf-container .notyf-message { display: table-cell; width: 80%; vertical-align: middle; position: relative; opacity: 0; -webkit-animation: a .3s forwards; animation: a .3s forwards; -webkit-animation-delay: .15s; animation-delay: .15s}@media only screen and (max-width:736px) { .notyf-container { width: 90%; margin: 0 auto; display: block; right: 0; left: 0}}.AboutUs_Image > img { float: left}.AboutUs_Image > img:first-child { clear: both}.EachPortraitClickShowOption { width: 100%; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 30px; line-height: 30px; text-align: center; cursor: pointer; background: #fff} .EachPortraitClickShowOption:hover { background: #efefef }.BannerWrap, .ProductCategoryRegion { width: 100%; position: relative; overflow: hidden}.CompanyName { position: absolute; left: 20px; top: 5px; color: #000}.EachBannerLink { display: inline-block; position: relative}.EachBannerLink, .EachBannerImage { width: 100%; height: 100%}.EachBannerImage { display: block}.BannerImageGroup { position: absolute; height: 100%}.EachPageWrapCommonMain { max-width: 1000px; margin: 0 auto; display:block}.EachCategoryWrap { margin-top: 2px; background: #eaeaea; width: 100%; display: inline-block; position: relative} .EachCategoryWrap > a { color: #000 }.EachCategoryImage { width: 100%; display: inline-block}.EachCategoryDescription { width: 100%; position: absolute; left: 0; top: 0}.bottom { background: #eaeaea; color: #86868b; font-size: 12px; width: calc(100% - 30px); padding: 15px; margin-top: 5px; display: block}.BottomCenter { max-width: 1920px; min-height: 20px; margin: 10px auto; text-align: left}.AllCategoryListWrap { width: 100px; background: #fff; border: 1px solid #efefef; border-bottom: 0; position: absolute; z-index: 100; right: 0; top: 50px; display: none; overflow: hidden} .AllCategoryListWrap a, .AllCategoryListWrap span { display: block; width: 100%; height: 20px; line-height: 20px; border-bottom: 1px solid #efefef; padding: 5px 10px } .AllCategoryListWrap a { color: #333; text-decoration: none } .AllCategoryListWrap a:hover { background: #efefef }.Category_EachProduct { padding: 5px; display: inline-block; border: 1px solid #efefef; margin: 5px 5px 0 0; width: calc(20% - 25px)}.Category_EachImage { width: 100%; display: inline-block}.Category_ProductName { width: 100%; display: inline-block; text-align: center; font-size: 12px}.PageWrapTotal { width: calc(100% - 40px); height: 50px; line-height: 50px; padding: 5px 20px}.PageHalfPart { width: 50%; display: inline-block; float: left; color: #b1b1b1; font-size: 12px} .PageHalfPart > span, .PageHalfPart > a { padding: 5px 10px; cursor: pointer; border: 1px solid #efefef; color: #b1b1b1; text-decoration: none } .PageHalfPart > span:hover, .PageHalfPart > a:hover { background: #efefef } .PageHalfPart > .CurrentPage { cursor: not-allowed; border: 0 } .PageHalfPart > .CurrentPage:hover { background: #fff }.ProductBasicData { max-width: calc(100% - 330px)} .ProductBasicData > span { display: inline-block; margin-top: 5px }.EachSingleProduct { color: #333; padding: 3px 5px; cursor: pointer; border: 1px solid #efefef; margin-right: 5px; display: inline-block; margin-bottom: 3px} .EachSingleProduct:hover { background: #efefef }.SingleProductSelected { border: #00bd66 1px solid}.Product_EachImage { display: inline-block; float: left}.EachImagePointer { width: 6px; height: 6px; border-radius: 6px; border: 1px solid #b1b1b1; background: #fff; display: inline-block; margin-right: 5px; cursor: pointer}.EachImagePointer_Index { border: 1px solid #fff; background: #b1b1b1}.PrevShowImage, .NextShowImage { width: 40%; height: 100%; position: absolute; top: 0; z-index: 20}.EachSmallImageWrap { cursor: pointer; display: inline-block; float: left; border: 1px solid #efefef}.EachSmallImageWrap_Selected { border: 2px solid #00bd66}.Product_EachSmallBottomImage { width: calc(100% - 10px); height: calc(100% - 10px); padding: 5px; display: inline-block}.EachSmallImageWrap_Selected > Product_EachSmallBottomImage { padding: 3px}.ProductImageShow { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.EachProductDescriptionWrap { width: 100%; height: 30px; border-bottom: 1px solid #efefef; padding-left: 0; margin-left: 10px}.EachProductDescription { list-style-type: none; display: inline-block; padding: 3px 5px; cursor: pointer; padding-bottom: 6px; float: left; margin-right: 5px} .EachProductDescription:hover { background: #efefef }.EachProductDescription_Selected { border-bottom: 1px solid #00bd66}h1, h2 { font-size: 16px; margin-bottom: 0}.btn { padding: 8px 16px; cursor: pointer; display: inline-block}.btn-default:hover { background: #efefef}.btn-info { border: 1px solid #0070cc; background: #0070cc; color: #fff}.btn-success { border: 1px solid #2ca189; background: #2ca189; color: #fff} .btn-success:hover { background: #299781 }.btn-info:hover { background: #0060bb}.btn-default { border: 1px solid #efefef; background: #fff; color: #333}.large_btn { padding: 10px 16px}.form-control { padding: 10px 10px; border: 1px solid #efefef; width: calc(100% - 20px); height: 24px; display: inline-block} .form-control:focus { outline: 0 }.ProductDescription img { max-width: 100%}@media(max-width:1000px) { .EachCategoryDescription p { font-size: 18px !important; padding-top: 0; margin: 5px 0 0 } .EachCategoryDescription strong { font-size: 28px } .Category_EachProduct { width: calc(16.67% - 25px) }}@media(max-width:650px) { .EachPageWrapCommonMain { padding: 0 20px 0 20px; width: calc(100% - 40px) !important; margin-left:20px} .Body { margin-left: 20px !important}}@media(max-width:800px) { .ProductBasicData { max-width: 100% !important} .EachCategoryDescription p { font-size: 16px !important } .Category_EachProduct { width: calc(25% - 25px) }}@media(max-width:600px) { .EachCategoryDescription p { font-size: 10px !important } .EachCategoryDescription strong { font-size: 14px } .PiJinQiang .EachCategoryDescription { padding-top: 5px !important } .PhoneHidden { display: none !important } .PageWrapTotal { width: calc(100% - 40px) } .PageHalfPart { width: 100% } .Category_EachProduct { width: calc(50% - 25px) }}.AboutUs_a { text-decoration: none}.AboutUs_Image { clear: both; text-align: center; width: 100%} .AboutUs_Image img { max-width: calc(20% - 10px); display: inline-block; padding:5px} .AboutUs_Image img:first-child { max-width: calc(100% - 10px)} .AboutUs_Image img:last-child { padding-right:0}.AboutUs_Email_Front { font-size: 12px; color: #b1b1b1; padding-right: 5px; padding-left: 10px}.iw_poi_title { color: #c52; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap}.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word}