/*
Theme Name: KN2022
Theme URI: http://www.kraus-naimer.org.cn/
Description: kn2022
Version: 1.0
Author: deppre
Author URI: http://www.kraus-naimer.org.cn/
*/
/* 初始化
----------------------------------------------- */
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; }
select { height:30px;}
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: 50px; }
@media (min-width: 1200px) {
.container { max-width: 1240px; }
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#header .top { background-color: #f8f8f8; height: 40px; border-bottom: 1px solid #DDDDDD; 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; line-height: 40px; }
#header .top .top-nav li.lang-select { min-width: 80px; }
#header .top .top-nav li a { display: block; padding: 0 10px; height: 40px; line-height: 40px; 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; }
/* search */
#header .top .search { float: right; _width: 245px; }
#header .top .search .search-box { border: 1px solid #dfdfdf; background-color: #fff; height: 32px; padding-left: 10px; box-sizing: content-box; margin-top: 2px; width: 260px; }
#header .top .search .search-box .keyword { background-color: #fff; color: #CCCCCC; line-height: 32px; width: 100%; }
#header .top .search .search-box .keyword:-webkit-autofill {
 -webkit-text-fill-color: #CCCCCC !important;
}
#header .top .search .search-box .btnSearch { background-color: #5491CE; }
/* -- navbar -- */
#header .navbar { z-index: 1000; border-bottom: 1px solid #DDD; background-color: #FFF; box-shadow: 0px 3px 10px 0px rgb(38 107 193 / 8%); height: 80px; }
#header .navbar.fix { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
@media (min-width:992px) {
#header .navbar { padding: 0; }
}
#header .navbar .logo { display: block; height: 55px; }
#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 32px; height: 79px; line-height: 79px; font-size: 14px; text-align: center; color: #000; text-decoration: none; }
#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: #5491CE; 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: #19B4EA; 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; }
}
/* banner */
.banner { height:240px; text-align:center; font-size:36px; color:#fff; padding-top:60px;font-weight: 700;}
.banner p:before { content:""; background:#fff; width:146px; height:3px; display:block; margin:0 auto 10px; border-radius: 100px;}
.banner p { margin-top:15px; font-size:26px;font-weight: normal;}
.inner-about { background:url(images/banner-about.jpg) no-repeat;}
.guestBook { background:url(images/banner-guestbook.jpg) no-repeat;}
.article { background:url(images/banner-article.jpg) no-repeat;}
.gallery { background:url(images/banner-gallery.jpg) no-repeat;}
@media (max-width:992px) {
.guestBook { padding-top:30px;}
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slide-show .swiper-slide a { display: block; background-color: #DDDDDD; height: 460px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }
.slide-show .swiper-pagination-bullet { width: 12px; height: 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 (max-width:992px) {
.slide-show .swiper-slide a { height: 200px; }
}
/* -- index-box -- */
#index .index-box { padding: 40px 0; zoom: 1; overflow: hidden; }
@media (max-width:992px) {
#index .index-box { padding: 30px 0; clear: both; }
}
#index .index-box.bg { background-color: #F5F5F5; }
#index .index-box h3 { text-align: center; margin-bottom: 50px; }
#index .index-box h3 b { color: #5491CE; font-size: 30px; }
#index .index-box h3 em { 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: 10px 42px; border: 1px solid #DDD; color: #5491CE; }
#index .index-box .more a:hover { border: 1px solid #5491CE; background-color: #5491CE; color: #FFF; }
/* -- about -- */
#index .about .img img { width: 100%; border-radius: 12px; }
#index .about h2 { color: #333; font-size: 30px; }
#index .about .desc { color: #666666; margin: 10px 0 20px 0; line-height: 200%; font-size: 16px; }
#index .about .more { text-align: left; }
@media (max-width:992px) {
#index .about .img { margin-bottom: 20px; }
#index .about .desc { font-size:14px;}
#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; }
.index-box h2 { font-size: 24px; font-weight: 700; color: #5491CE; line-height: 40px; margin-bottom: 30px; }
.index-box h2 em { display: block; color: #999; font-size: 14px; line-height: 20px; }
.index-box h2:after { content: ""; width: 142px; height: 3px; background: #5491CE; margin-top: 8px; display: block; }
/* --sort -- */
#sort .sort-box { padding: 40px 0; zoom: 1; overflow: hidden; }
#sort .sort-box h2 { font-size: 24px; font-weight: 700; color: #5491CE; line-height: 40px; }
#sort .sort-box h2 em { display: block; color: #999; font-size: 14px; line-height: 20px; }
#sort .sort-box h2:after { content: ""; width: 82px; height: 3px; background: #5491CE; margin-top: 8px; display: block; }
.sort { border: 1px #dfdfdf solid; overflow: hidden; margin: 30px 0 15px; }
.sort .sort-item li { width: 242px; height: 200px; line-height: 200px; float: left; box-sizing: border-box; border-right: 1px #dfdfdf solid; text-align: center; position: relative; }
.sort .sort-item li a { width: 242px; height: 200px; display: block; }
.sort .sort-item li a p { width: 100%; height: 200px; line-height: 200px; font-weight:700; font-size: 16px; background: rgba(255,255,255,0.8); color: #5491CE; position: absolute; visibility: hidden; bottom: -150px; transition: all 0.4s ease 0s; }
.sort .sort-item li a p em { display:block;}
.sort .sort-item li a:hover p { visibility: visible; bottom: 0px; }
.sort .sort-item li:nth-child(5n) { width: 240px; border-right: none; }
@media (max-width: 768px) {
 #sort .sort-box { padding:25px 0;}
 .sort { border:0;}
 .sort .sort-item li { width:100%; height:56px; line-height:40px; text-align:left; border-right:0; border-bottom:1px #dfdfdf solid; padding:3px 0;}
 .sort .sort-item li a {width:100%; height:50px;}
 .sort .sort-item li img { float:left; width:46px; margin-right:10px;}
 .sort .sort-item li a p {height: auto; line-height: 25px; visibility: visible; position: static; font-size:14px;}
 .sort .sort-item li a p em { color:#ccc;display: block; font-size:14px; line-height:16px;}
 .sort .sort-item li:nth-child(5n) { width: 100%;}
}
/* -- index product-box -- */
.product-box { height: 720px; background: url(images/index_gray_bg.jpg) no-repeat; }
.product-l { width: 360px; height: 720px; float: left; padding: 35px 0 40px 0px; box-sizing: border-box; position: relative; }
.product-l h2 { font-size: 24px; font-weight: 700; color: #5491CE; line-height: 40px; }
.product-l h2 em { display: block; color: #999; font-size: 14px; line-height: 20px; }
.product-l h2:after { content: ""; width: 82px; height: 3px; background: #5491CE; margin-top: 8px; display: block; }
.product-info { padding: 30px 0 0; }
.product-info .title { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.contact-box { background: #394f8b; padding: 15px 0; color: #fff; width: 360px; border-radius: 10px; text-align: center; margin-bottom: 15px; }
.contact-box .tel { font-size: 18px; }
.contact-box p .ico-tel-w { background-position: -106px -63px; }
.contact-box p .ico-email-w { background-position: 0px -20px; }
.product-info .text { width: 320px; transition: all 0.3s; }
.product-info .text h3 { font-size: 16px; line-height: 24px; margin-bottom: 12px; font-weight: 700; }
.product-info .text p { font-size: 14px; line-height: 20px; color: #858585; }
.product-info .imgs { position: absolute; bottom: 60px; left: 15px; transition: all 0.3s; }
.product-info:hover .text { transform: translateX(0.08in); }
.product-info:hover .imgs { transform: translateX(-0.08in); }
.product-r { width: 840px; float: right; }
.product-r .col2 { width: 420px; height: 360px; float: left; box-sizing: border-box; position: relative; background: rgba(255,255,255,0.3); }
.product-r .col2:first-child, .product-r .col2:last-child { background: rgba(190,240,255,0.3); }
.product-r .col2 .text { width: 300px; padding: 35px 0 0 30px; box-sizing: border-box; transition: all 0.3s; }
.product-r .col2:hover .text { transform: translateY(-0.05in); }
.product-r .col2 .text h3 { font-size: 16px; line-height: 24px; margin-bottom: 12px; font-weight: 700; }
.product-r .col2 .text p { width: 280px; line-height: 22px; color: #858585; }
.product-r .col2 .imgs { position: absolute; bottom: 25px; right: 40px; transition: all 0.3s; }
.product-r .col2:hover .imgs { transform: translateY(0.05in); }
.product-r .text-r .text { width: 320px; padding: 25px 30px 0 0; box-sizing: border-box; float: right; text-align: right; }
.product-r .text-r .text h3 { font-size: 16px; line-height: 24px; margin-bottom:10px; font-weight: 700; }
.product-r .text-r .text p { width: 268px; float: right; }
.product-r .text-r .imgs { position: absolute; bottom: 20px; left: 40px; }
.product-r .text-r:last-child .imgs { bottom: 20px; left: 35px; }
@media (max-width: 768px) {
 .product-box { height: 640px;}
 .product-l {  height: 640px;}
 .product-info .imgs { bottom:10px;}
 .product-r { width: 100%;}
 .product-r .col2 { width: 100%; height: 246px;}
 .product-r .col2:first-child, .product-r .col2:last-child { background: none; }
 .product-r .col2 .text { width: 86%; padding:30px 0 0 10px;}
 .product-r .col2 .text p { width: 60%;} 
 .product-r .col2 .imgs { right:10px; bottom:0; text-align:right;}
 .product-r .col2 .imgs img { width:76%;}
 .product-r .text-r .text { width:86%; padding: 25px 10px 0 0; }
 .product-r .text-r .imgs { bottom: 0px; left: 10px; text-align:left; width:200px;}
 .product-r .text-r .imgs img { width:76%;}
 .product-r .text-r:last-child .imgs { bottom: 10px; left: 5px; }
}
/* -- article-list -- */
#index .article-list { margin-bottom: 40px; }
#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: 486px; height: 280px; }
}
#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: 20px; }
#index .article-list .item dt { float: left; width: 80px; font-family: Arial, Lucida, Verdana, Helvetica, sans-serif; text-align: center; }
#index .article-list .item dt em { display: block; background-color: #EEE; font-size: 36px; padding-bottom: 3px; color: #999; }
#index .article-list .item:hover dt em { background-color:#5491CE; color:#fff; }
#index .article-list .item dt b { display: block; background-color: #DDD; font-size: 15px; color: #555; }
#index .article-list .item dd { margin-left: 100px; font-size: 14px; }
#index .article-list .item dd a { color: #000; font-size: 16px; }
#index .article-list .item:hover dd a { color: #5491CE; font-size: 16px; }
#index .article-list .item dd p { color: #9A9A9A; line-height: 180%; }
/* -- link -- */
#index .link { padding: 10px 0; }
#index .link strong { color: #7A7F81; font-weight: normal; }
#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: 200%; padding-top: 10px; }
#page .content p { line-height:1.8; margin-bottom:12px;}
#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; }
#product .product-info { margin-left: 320px; 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: 40px; }
#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:180px; 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 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 img { max-width: 100%; }
/* 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: 620px; margin-bottom: 10px; font-size: 14px; }
#article-list dd { color: #999999; line-height: 180%; zoom: 1; overflow: hidden; }
#article-list dd p.img { width: 100px; float: left; }
#article-list dd p.img img { width: 100%; border-radius: 8px;}
#article-list dd.have-img p.desc { margin-left: 120px; margin-right: 85px; }
#article-list .num-date { position: absolute; right: 5px; top: 25px; 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: #adc7e3; color: #FFF; box-sizing: content-box; padding: 4px 0; text-align: center; font-size: 14px; font-weight: bold; border-radius:6px 0 6px 0;}
#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: 20px; font-weight: bold; padding:15px 0; margin-bottom:10px; text-align:center; }
#article .info { padding: 10px 0 10px 0; color: #999999; font-size: 14px; margin-bottom:15px; background:#f8f8f8; text-align:center; }
#article .info a { color:#999999;}
#article .info span { margin:0 10px;}
#article .content { color: #666666; line-height: 180%; }
#article .content p { margin-bottom:12px;}
#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:15px 0 15px 18px; line-height: 20px; color: #999999; font-weight: bold; font-size: 14px; border-bottom: 1px solid #efefef; background:url(images/ico_home.png) 0px 16px no-repeat; }
@media (max-width:992px) {
.ur-here { display: none; }
}
.ur-here a { color: #999999; }
.ur-here b { margin: 0 8px; }
/* -- tree -- */
.tree-box { margin-bottom: 25px; padding-right: 20px; }
.tree-box h3 { padding: 35px 0 15px 25px; line-height: 20px; color: #5491CE; font-weight: bold; font-size: 16px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; background:url(images/ico_cat.png) 0px 35px no-repeat; }
@media (max-width:992px) {
.tree-box h3 { display: none; }
}
.tree-box li { padding: 12px 8px 13px; border-bottom: 1px #f5f5f5 solid;}
.tree-box li a { color: #000; font-size: 14px; }
.tree-box li a:hover { color: #5491CE;}
.tree-box li.cur { color: #999; }
.tree-box li.cur a { color: #5491CE; }
@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; border: 1px solid #EEE; padding: 5px 8px; }
.tree-box ul ul li a { color: #888; }
}
.tree-box .search { display: block; margin: 20px 0; }
.tree-box .search .keyword { width: 200px; }
.help-box { width:260px; background:#5491CE; padding:35px 20px; color:#fff; border-radius:10px;}
.help-box h3 { font-size:18px; margin-bottom:15px;}
.help-box p { line-height:24px; margin-bottom:10px;}
@media (max-width: 768px) {
.tree-box .search { margin: 12px 0; }
.help-box { display: none;}
}

/* -- 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: 36px; padding-left: 10px; position: relative; }
.search-box .keyword { color: #CCCCCC; }
.search-box .btnSearch { position: absolute; right: 0; top: 0; background:#5491CE url(images/icon_search.png) no-repeat 50% 50%; width: 32px; height: 32px; text-indent: -999px; overflow: hidden; cursor: pointer; }
.search-box-side { border: 1px solid #DDDDDD; background-color: #FFF; height: 36px; padding-left: 10px; position: relative; }
.search-box-side .keyword { color: #CCCCCC; }
.search-box-side input { height:34px; line-height:34px;}
.search-box-side .btnSearch { position: absolute; right: 0; top: 0; background:#94a3b3 url(images/icon_search.png) no-repeat 50% 50%; width: 34px; height: 34px; 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; height:30px; }
@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: #5491CE; color: #fff; padding: 8px 55px; 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 { margin-top: 60px; color: #999; font-size: 14px; }
.lift a { color: #868686;}
.lift span { margin-right: 15px; }
.lift span:nth-child(2n) { float: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; }
/* footer
----------------------------------------------- */
#footer { background-color: #467eb7; padding: 40px 0 20px; color: #fff; }
@media (max-width:992px) {
#footer { padding: 20px 0; }
#footer .foot-nav { margin-bottom: 15px; border-bottom: 1px solid #DDD; }
}
#footer .foot-nav .nav-parent { margin-bottom: 10px; }
#footer .foot-nav .nav-parent a { font-size: 16px; display: block; color: #fff; font-weight: 700; }
#footer .foot-nav .nav-child a { display: block; color: #b8e8f9; margin-bottom: 5px; }
@media (max-width:992px) {
#footer .foot-nav .nav-parent a { font-size: 16px; }
#footer .foot-nav .nav-child a { display: inline-block; margin-bottom: 10px; margin-right: 15px; }
}
/* -- contact -- */
#footer .weixin { text-align: center; margin-bottom: 15px; }
#footer .weixin img { width: 120px; height: 120px; }
#footer .weixin p { margin-top: 4px; color: #b8e8f9; }
@media (max-width: 768px) {
#footer .row,#footer .weixin { display:none;}
}
/* -- contact -- */
#footer .contact h3 { font-size: 16px; margin-bottom: 10px; }
#footer .contact .tel { color: #b8e8f9; font-size: 20px; margin-bottom: 5px; }
#footer .contact .online-qq { margin-top: 10px; }
#footer .contact .online-qq a { display: inline-block; color: #b8e8f9; padding: 5px 20px; border: 1px solid #b8e8f9; }
#footer .contact .online-qq a:hover { background-color: #b8e8f9; color: #467eb7; border: 1px solid #b8e8f9; }
#footer .contact .online-qq a i { margin-right: 5px; }
#footer .contact .email { color: #b8e8f9; }
#footer .copy-right { color: #b8e8f9; border-top: 1px solid #5f8ebb; margin-top: 30px; padding-top: 20px; }
#footer .copy-right a { color: #b8e8f9; }
#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 .copy-right { text-align: center; margin-top:5px; }
#footer .copy-right span { display:none;}
}