/* 初始化
----------------------------------------------- */
body { font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif; color: #555; background-color: #FFF; }
body, button, input, textarea { font-size: 14px; line-height: 1.531; outline: none; margin: 0; padding: 0; border: 0; }
a { color: #333333; }
a:hover { color: #333333; text-decoration: none; }
p, ul, ol, dl, dt, dd, form, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; margin: 0; padding: 0; }
input, select { font-family: Microsoft Yahei; vertical-align: middle; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
 background-color: transparent;
 background-image: none;
 transition: background-color 50000s ease-in-out 0s;
}
em, b, i { font-style: normal; font-weight: normal; }
img { vertical-align: middle; border: 0; }
label { cursor: pointer; }
/* 主体框架
----------------------------------------------- */
#wrapper .mb { margin-bottom: 30px; }
@media (min-width: 1300px) {
.container { max-width: 1240px; }
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#header .top { background-color: #f8f8f8; height: 40px; border-bottom: 1px solid #dfdfdf; text-align: right; }
#header .top .container { zoom: 1; }
/* top-nav */
#header .top .top-nav { float: left; position: relative; z-index: 10000; }
#header .top .top-nav li { float: left; text-align: center; height: 40px; line-height: 40px; }
#header .top .top-nav li.lang-select { min-width: 80px; }
#header .top .top-nav li a { display: block; padding: 0 10px; color: #333; }
#header .top .top-nav li.hover { position: relative; background: #F5F5F5; }
#header .top .top-nav ul { display: none; background: #F5F5F5; width: 100%; position: absolute; top: 100%; left: 0; }
#header .top .top-nav ul li { float: none; font-size: 13px; }
#header .top .top-nav ul li a:hover { background-color: #DDD; }
#header .top .top-contact p { display: inline-block; height: 40px; line-height: 40px;}
#header .top .top-contact p span { margin:0 10px; color:#ccc;}
/* search */
#header .top .search { float: right; _width: 205px; }
#header .top .search .search-box { border: 1px solid #dfdfdf; height: 32px; padding-left: 10px; margin-top: 4px; box-sizing: content-box; }
#header .top .search .search-box .keyword { color: #ccc; line-height: 32px; }
#header .top .search .search-box .keyword:-webkit-autofill {
 -webkit-text-fill-color: #CCCCCC !important;
}
#header .top .search .search-box .btnSearch { background-color: #195DB0; width: 32px; height: 32px; }
/* -- navbar -- */
#header .navbar { z-index: 1000; border-bottom: 1px solid #DDD; background: #fff; box-shadow: 0px 3px 10px 0px rgb(38 107 193 / 8%); }
#header .navbar.fix { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
@media (min-width:992px) {
#header .navbar { padding: 0; height: 100px; }
}
#header .navbar .logo { display: block; height: 64px; }
#header .navbar .logo img { height: 100%; }
#header .navbar .navbar-brand { max-width: 70%; overflow: hidden; }
#header .navbar .menu { background-color: transparent; }
#header .navbar .navbar-action .fa { font-size: 30px; padding: 0 8px; color: #777; }
/* -- main-nav -- */
#header .main-nav .dropdown-menu { padding: 0; margin: 0; min-width: 100%; font-size: 14px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 0; }
@media (min-width:992px) {
/* LEVEL ONE */
#header .main-nav .nav-item .nav-link { display: block; padding: 0 30px; height: 98px; line-height: 98px; font-size: 16px; text-align: center; color: #333; text-decoration: none; transition:all 0.4s; position:relative;}
#header .main-nav .nav-item .nav-link::after { display: none; }
#header .main-nav .nav-item:hover .nav-link, #header .main-nav .active .nav-link { color: #195DB0; font-weight: 700; }
/* LEVEL TWO */
#header .main-nav .dropdown:hover > .dropdown-menu { display: block; }
#header .main-nav .dropdown-menu .dropdown-item { background: #f5f5f5; padding: 0 20px; height: 36px; line-height: 36px; font-size: 14px; }
#header .main-nav .dropdown-menu .dropdown-item:hover { background: #195DB0; color: #FFF; }
/* LEVEL THREE */
#header .main-nav .dropdown-menu .dropdown-menu { left: 100%; top: 0; min-width: 98px; _width: 98px; }
#header .main-nav .dropdown-submenu:hover > .dropdown-menu { display: block; }
#header .main-nav .dropdown-menu .dropdown-toggle::after { position: absolute; right: 10px; top: 13px; vertical-align: 0; border-right: 0; border-top: .2em solid transparent; border-left: .3em solid; border-bottom: .2em solid transparent; }
}
@media (max-width:992px) {
#header .main-nav .dropdown-toggle::after { position: absolute; right: 10px; top: 23px; }
#header .main-nav .dropdown-menu { padding-left: 15px; }
#header .main-nav .dropdown-menu .dropdown-item { position: relative; }
#header .main-nav .dropdown-item, #header .main-nav .nav-link { border-bottom: 1px solid #EEE; padding: 0.8rem 0; background-color: transparent; }
#header .main-nav .dropdown-menu .dropdown-item:active { color: #555; background-color: #FFF; }
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slide-show .swiper-slide a { display: block; height: 640px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }
.slide-show .swiper-pagination-bullet { width: 24px; height: 8px; border-radius:12px; }
.slide-show .swiper-pagination-bullet-active { background-color: #19B4EA; }
.slide-show .swiper-button-prev { left: 50px; }
.slide-show .swiper-button-next { right: 50px; }
.slide-show .swiper-button-prev, .slide-show .swiper-button-next { display: none; color: #FFF; }
.slide-show:hover .swiper-button-prev, .slide-show:hover .swiper-button-next { display: block; }
@media screen and (max-width: 1366px) {
.slide-show .swiper-slide a { height: 448px; }
}
/* -- index-box -- */
#index .index-box { padding: 40px 0; zoom: 1; overflow: hidden; }
@media (max-width:992px) {
#index .index-box { padding: 30px 0; }
}
#index .index-box.bg { background-color: #F5F5F5; }
#index .index-box h2 { margin-bottom: 20px; }
#index .index-box h2 b { color: #333; font-size: 20px; }
#index .index-box h2 p { display: block; margin-top: 8px; text-transform: uppercase; color: #999; }
#index .index-box .more { text-align: center; }
#index .index-box .more a { display: inline-block; padding: 8px 30px; border: 1px solid #DDD; color: #999; }
#index .index-box .more a:hover { border: 1px solid #195DB0; background-color: #195DB0; color: #FFF; }
/* -- about -- */
#index .about .img img { width: 100%; height: 240px; border-radius:15px 0 15px 0;}
#index .about h2 { color: #333; font-size: 20px; }
#index .about .desc { color: #666666; margin: 0 0 20px 0; line-height: 160%; }
#index .about .more { text-align: left; }
@media (max-width:992px) {
#index .about .img { margin-bottom: 20px; }
#index .about .more { text-align: center; }
}
/* -- recProduct -- */
#index .product-list { margin-bottom: 25px; }
#index .product-list .row { margin-left: -9px; margin-right: -9px; }
#index .product-list .col-md-3, #index .product-list .col-6 { padding-left: 9px; padding-right: 9px; }
#index .product-list .item { margin-bottom: 15px; text-align: center; }
#index .product-list .item .img { border: 1px solid #EEE; }
#index .product-list .item .img img { width: 100%; }
#index .product-list .item .name { margin-top: 12px; font-size: 16px; }
#index .product-list .item .price { margin-top: 5px; }
/* -- article-list -- */
#index .article-list { margin-bottom: 20px; }
#index .article-list .img { text-align: center; margin-bottom: 20px; overflow: hidden; }
#index .article-list .img img { width: 100%; }
@media (min-width: 1100px) {
#index .article-list .img img { width: 445px; height: 278px; }
}
#index .article-list .img em { display: block; background-color: #EEE; line-height: 278px; color: #999; }
#index .article-list .item { zoom: 1; overflow: hidden; margin-bottom: 15px; }
#index .article-list .item dt { float: left; width: 70px; font-family: Arial, Lucida, Verdana, Helvetica, sans-serif; text-align: center; }
#index .article-list .item dt em { display: block; background-color: #EEE; font-size: 26px; padding-top: 3px; color: #999; }
#index .article-list .item dt b { display: block; background-color: #DDD; font-size: 14px; padding:3px 0; color: #666; }
#index .article-list .item dd { margin-left: 90px; font-size: 14px; }
#index .article-list .item dd .title{ color: #000; font-size: 16px; margin-bottom:5px; }
#index .article-list .item dd p { color: #9A9A9A; line-height: 160%; }
#index .article-list .item:hover dt em { background: #195DB0; color:#fff;}
#index .article-list .item:hover dd .title{ color: #195DB0; }
/* -- link -- */
#index .link { padding: 15px 0; background: #f8f8f8;}
#index .link strong { color: #7A7F81; font-weight: normal; font-size: 14px;}
#index .link a { color: #555; margin-right: 10px;}
/* page
----------------------------------------------- */
#page { padding: 20px 0; min-height: 400px; }
#page h1 { color: #333333; font-size: 18px; font-weight: bold; }
#page .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; }
#page .content { color: #666666; line-height: 160%; padding-top: 10px; }
#page .content p { margin-bottom:12px;}
#page .content h2, #page .content h3 { margin-bottom:12px; font-weight:700;}
#page .content img { max-width: 100%; }
/* product_category
----------------------------------------------- */
#product-category .product-list { margin-top: 20px; margin-bottom: 25px; }
#product-category .product-list .item { margin-bottom: 15px; text-align: center; }
#product-category .product-list .item .img { border: 1px solid #EEE; }
#product-category .product-list .item .img img { width: 100%; }
#product-category .product-list .item .name { margin-top: 12px; font-size: 16px; }
#product-category .product-list .item .price { margin-top: 5px; }
/* product
----------------------------------------------- */
#product { padding: 15px 0; }
#product .product-img { float: left; width: 300px; }
#product .product-img img { width: 100%;  border-radius:10px;}
#product .product-img .swiper-button-prev { left: 0; }
#product .product-img .swiper-button-next { right: 0; }
#product .product-img .swiper-button-prev, #product .product-img .swiper-button-next { color: #333; }
#product .product-img .swiper-button-prev:after, #product .product-img .swiper-button-next:after { font-size: 25px!important; }
#product .product-img .gallery-thumbs { padding: 10px 0; }
#product .product-img .gallery-thumbs .swiper-slide { width: 25%; border: 2px solid transparent; }
#product .product-img .gallery-thumbs .swiper-slide-thumb-active { border: 2px solid #43B5EC; border-radius: 12px;}
#product .product-info { margin-left: 350px; padding-top: 10px; line-height: 200%; }
#product .product-info li { border-bottom:1px #f0f0f0 dotted; line-height:42px;}
@media (max-width: 768px) {
#product .product-img { float: none; width: auto; }
#product .product-info { margin-left: 0; }
}
#product .product-info h1 { font-size: 18px; }
#product .product-info ul { padding-top: 10px; margin-bottom: 30px; }
#product .product-info .product-price { margin-bottom: 5px; }
#product .product-info .product-price .price { font-family: Arial; font-size: 20px; font-weight: bold; }
#product .product-info .btn-ask a { display: inline-block; padding: 6px 35px; border: 1px #5491CE solid; color: #5491CE; width:268px; text-align:center; }
#product .product-info .btn-ask a:hover { background:#5491CE; border: 1px #5491CE solid; color: #fff; }
#product .product-info .btn-ask a .fa { margin-right: 5px; }
#product .product-info .btn-ask a .fa-mobile { font-size:22px; vertical-align:middle;}
#product .product-info .btn-ask p { padding-top:10px; font-size:12px; color:#999;}
#product .product-info .btn-buy { margin-bottom: 40px; }
#product .product-info .btn-buy .add-to-cart { background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%; color: #FFFFFF; padding: 8px 25px 8px 50px; text-decoration: none; cursor: pointer; font-size: 16px; }
#product .product-info .btn-buy .add-to-cart:hover { background-color: #44C4EE; }
#product .product-info .model-list { zoom: 1; overflow: hidden; }
#product .product-info .model-list a { display: inline-block; border: 1px solid #DDD; margin-right: 5px; margin-bottom: 5px; }
#product .product-info .model-list a.cur { border: 1px solid #e3393c; }
#product .product-info .model-list a img { width: 40px; width: 40px; }
#product .product-info .model-list a i { margin: 0 8px; }
#product .product-content { padding: 15px 0; }
#product .product-content h3 { padding: 30px 0 20px 0; color: #333; font-weight: bold; font-size: 16px; border-bottom: 1px solid #CBD1D3; }
#product .product-content ul { padding: 20px 0 15px; color: #666; line-height: 200%; }
#product .product-content .contents { padding: 20px 0 15px; color: #666; line-height: 200%; }
#product .product-content img { max-width: 100%; }
#product .product-list h3 { padding: 15px 0 15px 10px; color: #333; font-weight: bold; font-size: 16px; border-bottom: 1px solid #CBD1D3; }
/* article_category
----------------------------------------------- */
#article-list dl { border-bottom: 1px dotted #D1D1D1; padding: 20px 0; zoom: 1; overflow: hidden; position: relative; }
#article-list dl.last { border-bottom: 0; }
#article-list dt { width: 640px; margin-bottom: 10px; font-size: 16px; }
#article-list dd { color: #999999; line-height: 180%; zoom: 1; width: 90%; overflow: hidden; }
#article-list dd p.img { width: 80px; float: left; }
#article-list dd p.img img { width: 100%; }
#article-list dd.have-img p.desc { margin-left: 110px; margin-right: 60px; }
#article-list .num-date { position: absolute; right: 0; top: 20px; text-align: right; }
@media (max-width: 768px) {
#article-list dd.have-img p.desc { margin-right: 60px; }
}
#article-list .num-date em { display: block; background-color: #195DB0; color: #FFF; box-sizing: content-box; padding: 3px 0; text-align: center; font-size: 14px; font-weight: bold; border-radius: 6px;}
#article-list .num-date p { font-size: 16px; color: #999999; margin-top: 5px; }
/* article
----------------------------------------------- */
#article { padding: 15px 0; min-height: 400px; }
#article h1 { color: #333333; font-size: 18px; font-weight: bold; padding:5px 0; margin-bottom:10px; text-align:center;}
#article .info { padding: 0 0 10px 0; color: #999999; font-size: 13px; border-bottom:1px #efefef dotted; text-align:center;}
#article .content { color: #666666; line-height: 180%; padding:20px 0;}
#article .content img { max-width: 100%; }
/* search
----------------------------------------------- */
#search-list dl { border-bottom: 1px dotted #D1D1D1; padding: 20px 0; zoom: 1; overflow: hidden; position: relative; }
#search-list dl.last { border-bottom: 0; }
#search-list dt { margin-bottom: 10px; font-size: 16px; }
#search-list dt b { color: #CC0000; font-weight: bold; }
#search-list dd { color: #999999; line-height: 180%; zoom: 1; overflow: hidden; padding-right: 90px; }
#search-list dd p.img { width: 80px; float: left; }
#search-list dd p.img img { width: 100%; }
#search-list dd p.desc b { color: #CC0000; }
#search-list dd.have-img p.desc { margin-left: 90px; margin-right: 80px; }
#search-list .date { position: absolute; right: 0; top: 20px; text-align: right; }
@media (max-width: 768px) {
#search-list dd.have-img p.desc { margin-right: 60px; }
}
#search-list .date em { display: block; color: #555; text-align: center; font-size: 36px; }
#search-list .date p { font-size: 16px; color: #999999; margin-top: 5px; }
/* 全局样式
----------------------------------------------- */
/* -- ur-here -- */
.ur-here { padding: 25px 0 10px 0; line-height: 20px; color: #999999; font-weight: bold; font-size: 14px; border-bottom: 1px solid #DDD; }
@media (max-width:992px) {
.ur-here { display: none; }
}
.ur-here a { color: #999999; }
.ur-here b { margin: 0 8px; }
/* -- tree -- */
.tree-box { margin-bottom: 15px; }
.tree-box h3 { padding: 20px 0 15px 25px; line-height: 20px; color: #195DB0; font-weight: bold; font-size: 16px; border-bottom: 1px dotted #DDD; background:url(images/ico_cat.png) 0px 20px no-repeat; }
@media (max-width:992px) {
.tree-box h3 { display: none; }
}
.tree-box li { padding-left: 12px; height:46px; line-height:46px; border-bottom: 1px dotted #efefef;}
.tree-box li a { color: #000; font-size: 14px; display:block; }
.tree-box li a:hover { color:#195DB0;}
.tree-box li.cur { background-color: #195DB0; border-bottom:none; }
.tree-box li.cur a { color: #FFF; }
@media (max-width:992px) {
.tree-box { margin-top: 10px; }
.tree-box ul { display: inline-block; }
.tree-box li { display: inline-block; padding: 0; margin-right: 5px; margin-top: 5px; }
.tree-box li i { display: none; }
.tree-box li a { display: block; line-height: 36px; padding: 5px 8px; }
.tree-box ul ul li a { color: #888; }
}
.tree-box .search { display: block; margin: 20px 0; }
@media (max-width: 768px) {
.tree-box .search { margin: 12px 0; }
}
.tree-box .search-box { height:42px;}
.tree-box .search .keyword { width: 246px; line-height:40px; }
.tree-box .search .btnSearch { width:40px; height:40px; background:#e0e0e0 url(images/icon_search.png) no-repeat 50% 50%;}
/* -- visualize-box -- */
.visualize-box p:hover, .visualize-box h4:hover, .visualize-box h3:hover, .visualize-box h2:hover, .visualize-box dt:hover, .visualize-box dd:hover, .visualize-box em:hover, .visualize-box span:hover { background-color: rgba(243,156,18,.1); }
/* -- screen -- */
.screen { padding-top: 20px; border-bottom: 1px dotted #DDD; }
.screen dl { margin-bottom: 10px; }
.screen dl dt { display: inline-block; font-weight: bold; }
.screen dl dd { display: inline-block; }
.screen dl dd a { display: inline-block; background-color: #DDD; color: #555; padding: 2px 10px; margin-right: 8px; }
@media (max-width: 768px) {
.screen dl dt { display: block; }
.screen dl dd { display: block; }
.screen dl dd a { margin-top: 8px; }
}
.screen dl dd a.cur { background-color: #19B4EA; color: #FFF; }
/* -- search-box -- */
.search-box { border: 1px solid #DDDDDD; background-color: #FFF; height: 28px; padding-left: 10px; position: relative; }
.search-box .keyword { color: #CCCCCC; }
.search-box .btnSearch { position: absolute; right: 0; top: 0; background: url(images/icon_search.png) no-repeat 50% 50%; width: 28px; height: 28px; text-indent: -999px; overflow: hidden; cursor: pointer; }
/* -- scale -- */
.scale { overflow: hidden; }
.scale img { width: 100%; cursor: pointer; transition: all 0.6s; }
.scale:hover img { transform: scale(1.1); }
/* -- common -- */
.cue { color: red; font-size: 14px; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.captcha { text-transform: uppercase; }
.price { color: #CC0000; }
.price-line { color: #999; font-size: 14px; text-decoration: line-through; }
.none { display: none; }
.pointer { cursor: pointer; }
@media (max-width: 768px) {
.m-none { display: none; }
}
@media (min-width: 768px) {
.p-none { display: none; }
}
.nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* -- form -- */
.btn { display: inline-block; background-color: #0072C6; color: #EEE; padding: 6px 25px; text-transform: capitalize; cursor: pointer; font-weight: bold; text-align: center; -webkit-appearance: none; font-size: 14px; line-height: 1.5; border-radius: 0; border: 0; }
.btn:hover { text-decoration: none; color: #FFFFFF; background-color: #007AD5; }
.btn-gray { display: inline-block; background-color: #CCC; border: 0; color: #333; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold; -webkit-appearance: none; }
.btn-payment { display: inline-block; background-color: #ff4246; color: #FFF; padding: 7px 28px; text-transform: capitalize; cursor: pointer; font-weight: bold; font-size: 14px; text-align: center; -webkit-appearance: none; }
.btn-captcha { display: inline-block; background-color: #19B4EA; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 0; color: #FFF; padding: 7px 22px; text-transform: capitalize; cursor: pointer; font-size: 13px; }
.btn-captcha[disabled], .btn-captcha:disabled, .btn-captcha.disabled { color: #FFF; background-color: #b2b2b2; opacity: 1; }
.btn-visualize { display: inline-block; position: fixed; left: 20px; bottom: 20px; background-color: #55B66E; color: #FFF; padding: 8px 30px; font-size: 18px; z-index: 999999; }
.btn-visualize:hover { background-color: #0072C6; color: #FFF; }
/* -- color -- */
.cRed { color: #F40; }
.cOra { color: #f30; }
.cGre { color: #0c6; }
.cBlu { color: #69c; }
.cGra { color: #999; }
/* -- input -- */
.text-input { height: 34px; padding: 6px; font-size: 14px; border: 1px solid #E9E9E9; background-color: #FFF; color: #666; -webkit-appearance: none; }
.text-input[disabled], .text-input:disabled, .text-input.disabled { color: #999; }
.text-area { padding: 4px; border: 1px solid #E9E9E9; background-color: #FFF; line-height: 20px; -webkit-appearance: none; }
.text-area-auto { border: 1px solid #E9E9E9; background-color: #FFF; padding: 0; font-size: 12x; line-height: 20px; resize: none; min-height: 40px; -webkit-appearance: none; }
@media (max-width: 768px) {
.btn, .btn-gray, .btn-payment, .btn-captcha, .text-input, .text-area, .text-area-auto, .inp-main { max-width: 100%; }
}
/*- input-file -*/
.input-file { width: 80px; }
.input-file .input-file-show { height: 80px; line-height: 80px; text-align: center; color: #555; background-color: #F5F5F5; }
.input-file .input-file-show img { width: 100%; height: 80px; }
.input-file .input-file-btn { width: 100%; background-color: #EEE; color: #999; line-height: 25px; cursor: pointer; text-align: center; -webkit-appearance: none; }
/*- table-basic -*/
.table-basic { color: #666666; border-left: 1px solid #EEE; border-top: 1px solid #EEE; border-collapse: collapse; }
.table-basic select { color: #8F8F8F; }
.table-basic td, .table-basic th { border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.table-basic th { background-color: #EEE; }
.table-basic .child { background-color: #FFFFFF; }
.table-basic td label { margin-right: 15px; }
.table-basic td i { color: #F00; margin-left: 5px; font-weight: bold; }
/*- form-basic -*/
.form-basic dl { zoom: 1; overflow: hidden; margin-bottom: 20px; }
.form-basic dl dt { font-weight: bold; margin-bottom: 5px; font-size: 13px; }
.form-basic dl dt i { color: #F00; margin-left: 5px; font-weight: bold; }
.form-basic dl dd label { margin-right: 15px; line-height: 34px; }
/*- table-div -*/
.table-div { zoom: 1; overflow: hidden; }
.table-div dl { zoom: 1; overflow: hidden; margin-bottom: 20px; }
.table-div dl dt { font-weight: bold; margin-bottom: 5px; font-size: 13px; }
.table-div dl dt i { color: #F00; margin-left: 5px; font-weight: bold; }
.table-div dl dd label { margin-right: 15px; line-height: 34px; }
@media (max-width:992px) {
.table-div dl dt { float: none; }
}
/* -- lift -- */
.lift { padding-top: 25px; color: #999; font-size: 14px; border-top:1px #efefef dotted; }
.lift a { color: #999; }
.lift a:hover { color:#195DB0;}
.lift span { width:50%; display:inline-block; float:left;}
.lift span:nth-child(2) { text-align:right;}
/* -- pager -- */
.pager { text-align: right; padding-top: 20px; color: #666; font-size: 14px; }
.pager a { color: #666; text-decoration: underline; }
/* -- pager class two -- */
.pager ul { display: inline-block;  *display: inline; border-left: 1px solid #dddddd; padding: 0; }
.pager ul li { display: block; float: left; }
.pager ul li a, .pager ul li em { display: block; padding: 0 12px; line-height: 30px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; border-radius: 0; }
.pager ul li a:hover { background-color: #f5f5f5; }
.pager ul li.active a { background-color: #f5f5f5; color: #999999; cursor: default; }
.pager ul li em.total { margin-left: 10px; border-left-width: 1px; color: #999; }
/* nav-search */
.nav-search { position:relative; width:174px; margin-left:25px;}
.nav-search .form-control { font-size:13px; color:#999; border:0; background:#f5f5f5;}
.nav-search input::placeholder {color:#999;}
.nav-search .btn { position:absolute; width:32px; height:32px; background:url(images/icon_search.png) center no-repeat; right:0; padding:0;}
/* footer
----------------------------------------------- */
#footer { background-color: #282625; padding: 40px 0 20px; color:#fff;}
#footer .foot-nav li { width:33.33%; float:left;}
#footer .foot-nav .nav-parent { margin-bottom: 10px; }
#footer .foot-nav .nav-parent a { font-size: 16px; color: #fff; display: block; }
#footer .foot-nav .nav-child { overflow:hidden;}
#footer .foot-nav .nav-child a { display: block; color: #999; line-height:30px; margin-bottom: 5px; }
#footer .foot-nav .nav-child a:hover { color:#195DB0;}
#footer .foot-nav .mztxt { color:#666; padding-right:20px; margin-top: 5px;}
/* -- contact -- */
#footer .weixin { text-align: center; margin-top: 15px; }
#footer .weixin img { width: 120px; height: 120px; }
#footer .weixin p { margin-top: 6px; color: #999; }
/* -- contact -- */
#footer .contact { text-align: left; }
#footer .contact .title { font-size:16px; margin-bottom:10px;}
#footer .contact p { line-height:30px; color: #999; margin-bottom: 5px; }
#footer .contact .online-qq a { display: inline-block; color: #999; }
#footer .contact .online-qq a i { margin-right: 5px; }
#footer .contact .online-qq a:hover { color:#195DB0;}
#footer .contact .email { color: #999; }
#footer .copy-right { border-top: 1px solid #333; margin-top: 20px; padding-top: 20px; color:#555;}
#footer .copy-right a { color:#666;}
#footer .copy-right .sitemap { float:right;}
#footer .copy-right .sitemap a { padding-left:5px;}
#footer .net-safe-record { margin-left: 10px; }
#footer .net-safe-record img { vertical-align: bottom; }
@media (max-width:992px) {
#footer { padding: 20px 0; }
#footer .foot-nav { margin-bottom: 15px; border-bottom: 1px solid #333; }
#footer .foot-nav .nav-parent a { font-size: 16px; }
#footer .foot-nav .nav-child a { display: inline-block; margin-bottom: 10px; margin-right: 15px; }
#footer .copy-right { text-align: center; }
}
@media screen and (max-width: 420px) {
.slide-show .swiper-slide a { height: 148px; }
#product .product-info .btn-ask a { display:block; margin-top:10px; width:100%;} 
#footer .contact p a { color: #999;}
}