@font-face { font-family: 'iconfont';  /* project id 599657 */ src: url('//at.alicdn.com/t/font_599657_kacm10vodm.eot'); src: url('//at.alicdn.com/t/font_599657_kacm10vodm.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_599657_kacm10vodm.woff') format('woff'), url('//at.alicdn.com/t/font_599657_kacm10vodm.ttf') format('truetype'), url('//at.alicdn.com/t/font_599657_kacm10vodm.svg#iconfont') format('svg'); }

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Raleway", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent }
@-ms-viewport { width: device-width }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block }
body { margin: 0; font-family: "微软雅黑", sans-serif; font-size: .9rem; font-weight: 400; line-height: 1.6; color: #212529; text-align: left; background-color: #f5f8fa }
[tabindex="-1"]:focus { outline: 0 !important }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem }
p { margin: 0; padding: 0; }
abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 }
address { font-style: normal; line-height: inherit }
address, dl, ol, ul { margin: 0; padding: 0; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
li { list-style: none; }
dt { font-weight: 700 }
dd { margin-bottom: .5rem; margin-left: 0 }
blockquote { margin: 0 0 1rem }
dfn { font-style: italic }
b, strong { font-weight: bolder }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
a { color: #666; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects }
a:hover { color: #ef1611; text-decoration: none; }
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { text-decoration: none }
a:not([href]):not([tabindex]):focus { outline: 0 }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
pre { margin-top: 0; overflow: auto; -ms-overflow-style: scrollbar }
figure { margin: 0 0 1rem }
img { vertical-align: middle; border-style: none }
svg:not(:root) { overflow: hidden }
table { border-collapse: collapse }
caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom }
th { text-align: inherit }
label { display: inline-block; margin-bottom: .5rem }
button { border-radius: 0 }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color }
button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, input { overflow: visible }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox }
textarea { overflow: auto; resize: vertical }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0 }
legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal }
progress { vertical-align: baseline }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] { outline-offset: -2px; -webkit-appearance: none }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }
output { display: inline-block }
summary { display: list-item; cursor: pointer }
template { display: none }
[hidden] { display: none !important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit }
.h1, h1 { font-size: 2.25rem }
.h2, h2 { font-size: 1.8rem }
.h3, h3 { font-size: 1.575rem }
.h4, h4 { font-size: 1.35rem }
.h5, h5 { font-size: 1.125rem }
.h6, h6 { font-size: .9rem }
.lead { font-size: 1.125rem; font-weight: 300 }
.display-1 { font-size: 6rem }
.display-1, .display-2 { font-weight: 300; line-height: 1.2 }
.display-2 { font-size: 5.5rem }
.display-3 { font-size: 4.5rem }
.display-3, .display-4 { font-weight: 300; line-height: 1.2 }
.display-4 { font-size: 3.5rem }
.show { display: block !important; }
hr { margin-top: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1) }
.small, small { font-size: 80%; font-weight: 400 }
.mark, mark { padding: .2em; background-color: #fcf8e3 }
.list-inline, .list-unstyled { padding-left: 0; list-style: none }
.list-inline-item { display: inline-block }
.list-inline-item:not(:last-child) { margin-right: .5rem }
.initialism { font-size: 90%; text-transform: uppercase }
.blockquote { ; font-size: 1.125rem }
.blockquote-footer { display: block; font-size: 80%; color: #6c757d }
.blockquote-footer:before { content: "\2014   \A0" }
.img-fluid, .img-thumbnail { max-width: 100%; height: auto }
.img-thumbnail { padding: .25rem; background-color: #f5f8fa; border: 1px solid #dee2e6; border-radius: .25rem }
.figure { display: inline-block }
.figure-img { margin-bottom: .5rem; line-height: 1 }
.figure-caption { font-size: 90%; color: #6c757d }
* html .clearfix { height: 1% }
.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; font-size: 0 }
.clearfix { display: inline-block }
.clearfix { display: block }
.clearfix { zoom: 1 }
.clear { clear: both }
.blank { height: 1px; line-height: 1px; clear: both; visibility: hidden }
.blank10 { height: 10px; line-height: 10px; clear: both; visibility: hidden }
.blank20 { height: 20px; line-height: 20px; clear: both; visibility: hidden }
.blank50 { height: 50px; line-height: 50px; clear: both; visibility: hidden }
code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace }
code { font-size: 87.5%; color: #e83e8c; word-break: break-word }
a>code { color: inherit }
kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem }
kbd kbd { padding: 0; font-size: 100%; font-weight: 700 }
pre { display: block; font-size: 87.5%; color: #212529 }
pre code { font-size: inherit; color: inherit; word-break: normal }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-dingwei:before { content: "\e60e"; }
.icon-search:before { content: "\e650"; }
.icon-kuaidi:before { content: "\e71c"; }
.icon-dakuan:before { content: "\e68e"; }
.icon-anquan:before { content: "\e61c"; }
.icon-up:before { content: "\e62e"; }
.icon-down:before { content: "\e62d"; }
.icon-menu:before { content: "\ea21"; }
.icon-pad:before { content: "\e664"; }
.icon-phone:before { content: "\e6c7"; }
.icon-laptop:before { content: "\e680"; }
.icon-xiangji:before { content: "\e617"; }
.icon-shuma:before { content: "\e62f"; }
.icon-watch:before { content: "\e63e"; }
.icon-shangmen:before { content: "\e927"; }
.icon-user:before { content: "\e736"; }
.icon-question:before { content: "\e691"; }
.icon-close:before { content: "\e76a"; }
.container { width: 1226px; margin-right: auto; margin-left: auto }
.site-topbar { background: #f4f4f4; height: 34px; line-height: 34px; border-bottom: solid #efefef 1px; font-size: 12px; }
.topbar-nav { display: flex; }
.region-selection { text-align: left; width: 50%; }
.topbar-info { text-align: right; width: 50%; }
.topbar-info a { color: #666; border-right: solid #ccc 1px; padding: 0 20px }
.topbar-info a:hover { color: #ef1611 }
.topbar-info .last { border-right: 0; padding-right: 0; }
.site-header { position: relative; z-index: 9999; height: 100px; background: #fff; }
.site-header .container { margin: 0 auto; padding: 0; }
.site-header .header-logo { float: left; width: 224px; margin-top: 17px; }
.site-header .header-nav { position: relative; z-index: 10; float: left; width: 670px; height: 100px; margin: 0; padding: 15px 0 0 0px; list-style-type: none; font-size: 16px; }
.site-header .header-nav ul li { display: inline-block; }
.site-header .header-nav ul li a { display: block; padding: 26px 20px 28px; color: #333;position:relative; }
.site-header .header-nav ul li a:hover { color: #ef1611 }
.site-header .header-search button { background: #ef1611;border:0; position: absolute; right: 0; display: inline-block; padding: 0 20px; color: #fff; }
.site-header .header-search button i { font-size: 24px; }
.site-header .header-search>span { background: #ef1611;border:0; position: absolute; right: 0; display: inline-block; padding: 0 20px; color: #fff; }
.site-header .header-search>span i { font-size: 24px; }
.region-selection { position: relative; }
.region-selection .icon-menu { position: absolute; top: 1px; left: 4px; z-index: 9999999 }
.region-selection #place { padding-left: 10px; }
.region-selection { position: relative; }
.searchbtu { cursor: pointer; }
#place { cursor: pointer; height: 40px; display: inline-block; width: 60px; text-align: center; z-index: 999999; position: absolute; }
.region-selection .on { background: #fff; }
#in_city { background: #ddd; position: absolute; z-index: 99999; box-shadow: #ccc 0 0 5px; background: #fff; padding: 20px 10px 20px 30px; }
.screen { overflow: hidden; }
.screenclose { position: absolute; right: 10px; top: 0px; cursor: pointer; }
.screen a { color: #000; width: 80px; margin-right: 15px; padding: 0 5px; }
.screen .shar { background-color: #3782ff; color: #fff; }
.city_a_le1 { overflow: hidden; }
.city_a_le1 a { display: inline-block; line-height: 24px; margin-right: 15px; }
.Letter { clear: both; }
.Letter span { display: inline-block; margin-right: 15px; }
.Letter div { display: inline-block; }
.city_a_le1 a:hover { color: #3782ff; }
.fixed { position: fixed; width: 100%; top: 0; box-shadow: #ccc 0 0 5px; z-index: 99999; }
.fixed .header-logo { width: 400px; position: relative; }
.fixed .header-logo h1 { display: inline-block; }
.fixed .header-logo span { font-size: 18px; position: absolute; left: 160px; top: 15px; color: #666 }
.fixed .header-nav { width: 500px; }
.fixed .header-nav a { font-size: 18px; }
.fixed ul li:nth-child(5){display:none;}
.site-header .header-search { float: right; width: 296px; margin-top: 30px; position: relative; }
.site-header .header-search input { outline: none; width: 290px; border: solid #f0423c 1px; padding: 7px 10px 7px }
.site-header .header-search span i { font-size: 24px; }
.site-header .search-reults { position: absolute; border: solid #ef1611 1px; background: #fff; width: 233px; display: none; }
.site-header .search-reults ul { padding: 10px 0; }
.site-header .search-reults ul li a { padding: 0px 10px; line-height: 30px; display: block; font-size: 12px; }
.site-header .search-reults ul li a span{color:#f00;}
.site-header .search-reults ul li a:hover { background: #f6f6f6; }
.header-logo span { display: none; }
.header.fixed .site-topbar { display: none; }
.header.fixed .header-logo span { display: inline-block; }
.userbox { display: inline-block; position: relative; width: 118px; }
.userbox .userinfo { z-index: 99999; position: absolute; left: 5px; width: 118px; text-align: center; }
.userbox .iconfont { z-index: 99999; position: absolute; left: 5px; }
.userbox .loginbox { display: none; position: absolute; top: 0; left: 0; z-index: 99998; padding-bottom: 10px; padding-top: 34px; background: #fff; width: 118px; box-shadow: #ccc 0 0 5px; text-align: center; line-height: 30px; }
.userbox .loginbox a { border: 0; }
.logined:hover { background: #fff; }
.logined:hover .loginbox { display: inline-block; }
.foucs { width: 100%; height: 360px; }
.foucs .container { padding: 0; height: 360px; position: relative; }
.site-category { position: absolute; top: 0; left: 0; z-index: 21; width: 224px; padding-top: 10px; height: 360px; font-size: 14px; background: rgba(0, 0, 0, 0.6); color: #fff; }
.site-category .item { cursor: pointer; float: initial; overflow: hidden; box-sizing: border-box; }
.site-category .item span { display: inline-block; width: 100%; line-height: 36px; font-size: 16px; margin: 13px 0px; padding: 0 20px; }
.site-category .item:hover span { background: #fff; color: #888 }
.section-flow { background: #fff; padding: 30px 0 20px }
.section-flow ul { display: flex; flex-wrap: wrap; }
.section-flow ul li { width: 33.33%; text-align: center; list-style: none; text-align: center; }
.section-flow ul li i { display: inline-block; font-size: 60px; color: #ff7200 }
.section-flow ul li span { display: block; font-size: 18px; }
.hotsales { padding: 40px 0 20px; }
.title { text-align: center; }
.title h2 { font-size: 24px; text-align: center; margin-bottom: 0; }
.title i { display: inline-block; text-align: center; height: 3px; width: 40px; background: #ff0000; }
.title h3 { font-size: 18px; text-align: center; color: #666; margin-top: 20px; }
.achievement { margin-top: 30px; }
.achievement .container { background: #fff; box-shadow: #ccc 0 0 10px; padding: 40px 0 0; margin-top: 50px; }
.achiehead { display: flex; flex-wrap: wrap; }
.achiehead .item { width: 33.33%; text-align: center; }
.achiehead .item h2 { color: #f00; }
.achiehead .item h3 { font-size: 16px; line-height: 45px; }
.achiebox { width: 100%; height: 370px; background: url(https://image.suhuishou.com/attached/upload/20200716/20200716120832_1672.jpeg) center 10px no-repeat; position: relative; }
.achiebox span {display:none; position: absolute; top: 150px; left: 400px; width: 30px; text-align: center; cursor: pointer; }
.achiebox span:before { content: " "; margin: 0 auto; background: #ff9200; text-shadow: #ff9200 0 0 10px; height: 12px; width: 12px; display: block; border-radius: 50%; }
.achiebox span:nth-child(2) { top: 200px; left: 500px; }
.achiebox span:nth-child(3) { top: 150px; left: 580px; }
.achiebox span:nth-child(4) { top: 200px; left: 760px; }
.achiebox span:nth-child(5) { top: 180px; left: 680px; }
.achiebox span:nth-child(6) { top: 200px; left: 420px; }
.achiebox span:hover:before { background: #ff4711; }
.achiebox .btn { position: absolute; left: 513px; top: 300px; background: #ff7200; line-height: 40px; width: 200px; border-radius: 5px; color: #fff; display: none; font-size: 16px; text-align: center; }
.detect { margin-top: 50px; }
.detect .container { background: #fff; box-shadow: #ccc 0 0 10px; padding: 40px 0; margin-top: 50px; display: flex; flex-wrap: wrap; }
.detect .container .item { width: 50%; text-align: center; margin-top: 15px; }
.detect .container .item h4 { font-size: 16px; font-weight: normal; margin-top: 20px; }
.detect .container .item p { color: #888; }
.toast-wrap { opacity: 0; position: fixed; top: 40%; color: #fff; width: 100%; text-align: center; }
.toast-msg { background-color: rgba(0, 0, 0, 0.7); padding: 10px 25px; border-radius: 5px; }
.toastAnimate { animation: toastKF 2s; }
@keyframes toastKF {
	0% { opacity: 0; }
	25% { opacity: 1; z-index: 9999 }
	50% { opacity: 1; z-index: 9999 }
	75% { opacity: 1; z-index: 9999 }
	100% { opacity: 0; z-index: 0 }
}
.footer { width: 100%; background-color: #333 }
.footer a { color: #efefef }
.footer a:hover { color: #ccc }
.footer .footer-top.container { padding-left: 0; padding-right: 0; }
.footer .footer-top ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; padding: 20px 0; border-bottom: solid #666 1px; }
.footer .footer-top ul li { width: 20%; text-align: center; position: relative; }
.footer .footer-top ul li i { font-size: 30px; position: absolute; top: 0px; left: 20px; }
.footer .footer-top ul li a { font-size: 16px; line-height: 40px; padding-left: 0px; }
.footer-links { display: flex; flex-wrap: wrap; padding: 30px 0; border-bottom: solid #666 1px; }
.footer-links dl { width: 14%; }
.footer-links dl dt { font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #fff }
.footer-links dl dd { margin: 0; }
.footer-links dl dd a { font-size: 12px; }
.footer-links .col-contact { width: 27%; border-left: solid #cdcdcd 1px; padding-left: 3% }
.footer-links .col-contact dt { display: flex; }
.footer-links .col-contact dt a { display: inline-block; border-radius: 50px; padding-left: 40px; color: #fff; line-height: 45px; width: 150px; height: 45px; text-align: center; font-size: 14px; background: #e84947 url(../images/kefu.png) 20px center no-repeat; background-size: 36px; }
.footer-links .col-contact dt p { font-size: 14px; margin-left: 30px; }
.footer-links .col-contact dd { color: #ddd }
.footer .flink.container { padding-left: 0; padding-right: 0; }
.footer .flink { padding: 10px; font-size: 12px; color: #ddd; }
.footer .flink a { margin-left: 10px; line-height: 30px; }
.copyright { padding: 15px 0; background: #282828; }
.copyright .container { display: flex; padding: 0; }
.copyright p { line-height: 30px; color: #ddd; width: 50%; }
.copyright a { color: #ddd; margin-left: 10px; }
.not-product { background: #fff; margin: 20px 0; width: 100%; padding: 30px; }
.not-product p { line-height: 30px; }
.breadcrumb { display: block; clear: both; height: 30px; line-height: 30px; margin: 10px auto; }
.breadcrumb li { float: left; color: rgba(0, 0, 0, .65); }
.breadcrumb .breadcrumb-item:first-child:before { display: none; }
.breadcrumb .breadcrumb-item:before { content: "/"; margin: 0 10px; }
.breadcrumb li a { color: rgba(0, 0, 0, .45); }
.pages { margin: 50px auto 20px; text-align: center; }
.pages ul { clear: both; }
.pages ul li { display: inline-block; margin: 0 10px; }
.pages ul li a { padding: 7px 15px; background: #fff; color: #666; border: solid #efefef 1px; }
.pages ul li span { padding: 7px 15px; background: #fff; color: #666; border: solid #efefef 1px; }
.pages .active span { background: #409eff; color: #fff; }
.fixed ul li:nth-child(3) {
    display: none;
}
/*list*/
.nav-box { height: 26px; line-height: 26px; margin: 15px auto; }
.baiduline a{display:inline-block;color:#666;position: fixed;right:20px;box-shadow:#ccc 0 0 5px;background:url(/images/kefuline.png?12345) -10px -10px #fff no-repeat;background-size: 100px;width: 80px;height: 80px;top:80%;}
.baiduline a:hover{color:#666;}
.baiduline a:hover .desc{display:block;}
.baiduline .desc {display: block;width: 90px;height: 60px;position: absolute;left: -106px;top: 20px;border: 1px solid #e0e0e0;padding: 5px;background-color: #fff;display: none}
.baiduline .desc:after, .baiduline .desc:before {content: '';position: absolute;top: 20px;right: -19px;width: 0;height: 0;border-width: 10px;border-color: transparent;border-style: dashed dashed dashed solid;border-left-color: #fff}
.baiduline .desc:before {border-left-color: #e0e0e0;right: -20px}
.baiduline .desc p{font-size:12px;margin:5px 0 0 5px;}

.site-header .header-nav ul li a span {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 36px;
  height: 20px;
  background: #ff4b49;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 2px 0 2px 0;
  font-size: 12px;
}
.site-header .header-nav ul li a span:before {
  display: inline-block;
  content: "";
  border-width: 6px;
  border-color: #ff4b49;
  border-right-width: 0;
  border-style: dashed;
  border-left-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 12px;
  left: 0;
}
.site-header .header-nav ul li:nth-child(1):hover .tips{
  display: block
}
.site-header .header-nav ul li .tips {
  position: absolute;
  width: 150px;
  height: 190px;
  box-shadow: #ccc 0 0 5px;
  z-index: 99999999;
  top: 60px;
  left: -20px;
  background: #fff;
  display: none;
}
.site-header .header-nav ul li .tips .image {
  width: 140px;
  height: 140px;
  background: url(https://suhuishoutp.oss-cn-shenzhen.aliyuncs.com/assets/image/qrcode.jpg)
    no-repeat;
  background-size: 100%;
  margin: 0px auto 0px;
}
.site-header .header-nav ul li .tips p {
  text-align: center;
  font-weight: normal;
  line-height: 24px;
}
.site-header .header-nav ul li .tips p:nth-child(2) {
  color: #444;
}