@charset "utf-8";
/*
	外贸狼公共文件
	CSS Document 
	做外贸就用外贸狼
	网址：www.waimaolang.cn
	QQ：1918761727
*/
/*head*/
.kk-header{  }
.kk-header-top{ border-bottom: 1px solid #cccccc; height: 38px; line-height: 38px; }
.kk-header-top .kk-h-welcome{ font-size: 12px; color: #888585; }
.kk-header-top .kk-h-nav-a{ margin-left: 6px; font-size: 12px; color: #888585; }
.kk-header-top .kk-h-nav-a:hover{ color: #3cb477; }

/*logo*/
.kk-header-logo{ padding: 25px 0; }
.kk-logo{ width: 225px; height: auto; float: left;}
.kk-logo .kk-logo-a{ display: block; }
.kk-logo .kk-logo-img{ width: 100%; height: auto; display: block; }

.kk-header-search{ float: left; margin-left: 150px; }
.kk-header-msearch{ margin-top: 10px; }
.kk-header-msearch .kk-header-input{ background: #fff; border: 3px solid #3cb477; border-right: 0; height: 38px; width: 340px; display: block; padding: 0 12px; outline: none; font-size: 13px; }
.kk-header-msearch .kk-header-btn{ background: #3cb477; height: 38px; border: none; outline: none; width: 90px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; transition: all .8s; }
.kk-header-msearch .kk-header-btn:hover{ background: #309260; }
.kk-hotwords{ font-size: 12px; color: #888585; padding-top: 8px; display: block; }
.kk-hotwords a{ font-size: 12px; color: #888585; display: inline-block; margin-right: 15px; }
.kk-hotwords a:hover{ color: #3cb477; }

.kk-header-tel{ float: right; background: url(../images/head-tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 52px; }
.kk-header-tel .kk-header-tel-p{ font-size: 14px; color: #6f6f6f; }
.kk-header-tel .kk-header-tel-span{ font-size: 28px; font-weight: bold; color: #3cb477; font-family: Impact; }

.kk-header-nav{ height: auto; background: #3cb477; line-height:40px;   }
.kk-header-nav .kk-nav-box{  }
.kk-nav-box .kk-nav-li{ float: left; width: 150px; text-align: center;border-left: 1px solid #fff; }
.kk-nav-box .kk-nav-li a{ font-size: 14px; color: #fff;display: block; }
.kk-nav-box .first{border-left: 0px; }
.kk-nav-box .kk-nav-li a:hover,.kk-nav-box .active{ background: url(../images/nav-bg.jpg); }

.kk-header-ban{ margin: 0px auto; background: #fac400; }
.kk-header-ban img{ width: 100%; height: auto; display: block; }

/*.kk-nav-box .kk-nav-li:nth-child(2){ position: relative; }
.kk-nav-box .kk-nav-li:nth-child(2):after{ display: none; content: "VIP"; position: absolute; top: 40px; left: 0; width: 100%; height: 80px; color: #ffffff; line-height: 80px; font-weight: bold; font-size: 42px; background: #3cb477; }
.kk-nav-box .kk-nav-li:nth-child(2):hover:after{ display: block; }*/

/*footer*/
.kk-footer{}
.kk-footer-main{ background: #707070; padding: 35px 0; }

.kk-footer-logo{ float: left; width: 236px; display: block; border-right: 1px solid #808080; padding: 35px 42px 35px 0; margin-right: 42px; }
.kk-footer-logo img{ width: 100%; height: auto; display: block; }

.kk-footer-nav{ float: left; width: 315px; }
.kk-footer-nav-title{ font-size: 18px; color: #fff; border-bottom: 1px solid #929292; padding-bottom: 8px; margin-bottom: 12px; }
.kk-footer-nav .kk-footer-nav-a{ font-size: 12px; color: #d0d0d0; display: inline-block; width: 76px; margin-top: 5px; margin-bottom: 10px; float: left; }
.kk-footer-nav .kk-footer-nav-a:hover{ color: #fff; }

.kk-footer-contact{ float: left; margin-left: 42px; width: 380px; }
.kk-footer-contact-text{ padding-top: 5px; }
.kk-footer-contact-tel,.kk-footer-contact-email,.kk-footer-contact-shouji,.kk-footer-contact-qq,.kk-footer-contact-adr{ display: block; float: left; color: #d0d0d0; font-size: 12px; margin-bottom: 15px;  }

.kk-footer-contact-tel,.kk-footer-contact-email{ width: 65%; }
.kk-footer-contact-shouji,.kk-footer-contact-qq{ width: 35%; }
.kk-footer-contact-adr{ float: none; width: 100%; }

.kk-footer-contact-text{ font-size: 12px;  }

.kk-footer-code{ width: 140px; float: right; }
.kk-footer-code .kk-footer-code-img{ width: 100%; height: auto; display: block; }
.kk-footer-code .kk-footer-code-p{ text-align: center; font-size: 14px; color: #fff; line-height: 28px; }

.kk-footer-copyright{ background: #595959; font-size: 12px; color: #e0e0e0; line-height: 28px; padding: 12px 0; text-align: center; }
.kk-footer-copyright a{ color: #bcbcbc; }
.kk-footer-copyright a:hover{ color: #fff; }

/*filter*/
.kk-filter{ padding: 25px 0 50px; }
.kk-filter-li{ border-bottom: 1px dashed #e6e6e6; padding: 10px 0 2px; }
.kk-filter-li .kk-filter-title{ width: 60px; line-height: 28px; margin-right: 25px; float: left; font-size: 14px; display: inline-block; text-align: justify; text-align-last: justify; }
.kk-filter-li .kk-filter-box{ width: calc(100% - 100px); float: left; }
.kk-filter-li .kk-filter-a{ display: inline-block; padding: 3px 12px; border-radius: 3px; font-size: 14px; margin-right: 5px; margin-bottom: 8px; border:1px solid #f5f5f5; }
.kk-filter-li .kk-filter-a.active,.kk-filter-li .kk-filter-a:hover{ background: #3cb477; color: #fff; border-color: #3cb477; }
.kk-filter-li .kk-filter-a.active{ pointer-events: none; }
.kk-filter .main{ position: relative; }
.kk-filter .kk-filter-mbox{ height: auto; overflow: hidden; }
.kk-filter .kk-filter-more{text-align: center; z-index: 9; color: #a9a9a9; line-height: 32px; width: 100%;  cursor: pointer; font-size: 14px; }
.kk-filter .kk-filter-position{ position: absolute; bottom: -32px; }
.kk-filter .kk-filter-more .fa{ margin-left: 10px; }
.kk-filter .kk-filter-more-btn{ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border:1px solid #ddd; border-top: 0px; width: 120px; background: #ffffff; margin: auto; box-shadow: 0px 2px 3px #eaeaea; transition: background .5s; }
.kk-filter .kk-filter-more-btn:hover{ background: #e74610; color: #ffffff; }

/*最新网站*/
.kk-new-products{ margin-bottom: 30px; }
.kk-title{ display: block; margin: 0 0 15px 0; }
.kk-title .kk-title-span{ background: #3cb477; color: #fff; font-size: 14px; display: inline-block; padding: 3px 20px; text-align: center; float: left; }
.kk-title .kk-title-a{ float: right; font-size: 12px; color: #888888; line-height: 25px; }
.kk-title .kk-title-a:hover{ color: #3cb477; }

.kk-web-list{ border: 5px solid #ddd; padding: 10px 0; }
.kk-web-list .kk-web-li{ border:1px solid #ddd; padding: 6px; float: left; width: 280px; margin: 8px; box-shadow: 4px 4px 0px 0px #f2f2f2; transition: all .8s; }
.kk-web-list .kk-web-li-img{ width: 266px; height: auto; display: block; overflow: hidden; padding: 0px; background: #e9e9e9; transition: all .8s; }
.kk-web-list .kk-web-li-img-a{ display: block; width: 100%; height: 100%; }
.kk-web-list .kk-web-li-pic{ width: 100%; display: block; height: 100%; }

.kk-web-list .kk-web-li-title{ transition: all .8s; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; font-size: 14px; color: #555555; line-height: 32px; padding: 0 3px; text-align: left; }
.kk-web-list .kk-web-li-text{ padding: 2px 0 5px 0; }
.kk-web-list .kk-web-li-format{ font-size: 14px; float: left; color: #333; }
.kk-web-list .kk-web-li-price{ font-size: 14px; color: #ff0000; font-weight: bold; float: right; }
.kk-web-list .kk-web-li-price a,.kk-content-text-price a,.kk-type-popu-price a{ color: #ff0000; }
.kk-web-list .kk-web-li-more{ transition: all .8s; float: right; width: 47px; height: 21px; background: url(../images/ck.gif) no-repeat; line-height: 21px; color: #fff; text-indent: 17px; margin: 0; display: none; }
.kk-web-list .kk-web-li:hover{ box-shadow: 4px 4px 0px 0px #e0e0e0; }
.kk-web-list .kk-web-li:hover .kk-web-li-title a,.kk-web-list .kk-web-li:hover .kk-web-li-price{ color: #3cb477;  }
.kk-web-list .kk-web-li:hover .kk-web-li-more{ background-image: url(../images/ck.png); }
.kk-web-list .kk-web-li:hover .kk-web-li-img{ background: #3cb477; }

.kk-banner-img{ display: block; }
.kk-banner-img img{ width: 100%; height: auto; display: block; }

/*分类列表*/
.kk-type-list{ margin: 30px 0 35px 0; }
.kk-type-left{ width: 901px; float: left; }
.kk-type-marketing{ margin-bottom: 30px; }
.kk-type-mall{ margin-bottom: 0px; }

.kk-type-right{ float: right; width: 290px; }
.kk-type-box{ border: 5px solid #ddd; margin-top: 41px; }
.kk-type-box .kk-type-popularity{ padding: 8px;  }

.kk-type-popu-list{ background: url(../images/icon-num.png) no-repeat left top; }
.kk-type-popu-list .kk-type-popu-ul{ border-bottom: dashed 1px #ddd; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; }
.kk-type-popu-list .kk-type-popu-img{ width: 40%; float: left; }
.kk-type-popu-list .kk-type-popu-pic{ display: block; width: 100%; height: auto; }
.kk-type-popu-list .kk-type-popu-main{ width: 56%; float: right; }
.kk-type-popu-list .kk-type-popu-title{ height: 54px; overflow: hidden; margin-bottom: 8px; }
.kk-type-popu-list .kk-type-popu-format{ font-size: 13px; margin-bottom: 5px; }
.kk-type-popu-list .kk-type-popu-title a{ color: #555555; }
.kk-type-popu-list .kk-type-popu-title a:hover{ color: #3cb477; }
.kk-type-popu-list .kk-type-popu-price{ color: #ff0000; font-weight: bold; font-size: 12px; }

.kk-type-box-list{ margin-top: 15px; border: 5px solid #ddd; }
.kk-type-title{ font-size: 14px; color: #666666; padding: 5px 10px; border-bottom: 1px solid #f2f2f2 }
.kk-type-ul{ padding:  2px 8px 8px; }
.kk-type-ul .kk-type-li{ line-height: 36px; border-bottom: dashed 1px #ddd; }
.kk-type-ul .kk-type-li .kk-type-a{ font-size: 14px; color: #666666; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 15px; }
.kk-type-ul .kk-type-li .kk-type-a:hover{ color: #3cb477; }
.kk-type-new .kk-type-li{ background: url(../images/icon-jian1.gif) no-repeat left center; }
.kk-type-buy .kk-type-li{ background: url(../images/icon-jian.gif) no-repeat 4px center; }
.kk-type-buy{ height: 472px; }

/*友情链接*/
.kk-link{ margin-bottom: 20px; }
.kk-link-box{ border: 1px solid #ddd; padding: 10px; }
.kk-link-box .kk-link-span{ font-size: 12px; font-weight: bold; display: inline-block; }
.kk-link-box a{ font-size: 12px; margin-left: 15px; display: inline-block; }

/*模板中心*/
.kk-content-box{ margin-bottom: 20px; }
.kk-content-left{ width: 290px; float: left; }
.kk-content-left .kk-type-box{ margin-top: 0px; }

.kk-content-right{ float: right; width: 900px; }
.kk-content-title{ border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 9px; font-size: 14px; }

.kk-website-list{ border: 0px; }
.kk-website-list .kk-web-li{ margin: 10px; }

/*模板详情*/
.kk-content-main{ margin-top: 30px; }
.kk-content-body-head{ margin-top: 25px; }

.kk-content-img{ padding: 6px; border:1px solid #ddd; width: 320px; float: left; }
.kk-content-img img{ display: block; width: 100%; height: auto; }

.kk-content-text{ float: left; width: 580px; padding:0 35px 0 25px; }
.kk-content-text .kk-content-text-title{ font-size: 20px; color: #3cb477; font-weight: bold; line-height: 25px; }
.kk-content-text-ul{ margin: 9px 0; padding: 9px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.kk-content-text-ul li{ display: inline-block; width: 48%; font-size: 14px; line-height: 26px; }
.kk-content-text-ul li span,.kk-content-text-price span{ display: inline-block; text-align: justify; text-align-last: justify; width: 65px; color: #333; font-weight: normal; }

.kk-content-text-ul .kk-content-text-industry{ width: 100%; }
.kk-content-text-price{ font-size: 16px; color: #ff0000; font-weight: bold; }

.kk-content-des{ width: 290px; height: 320px; float: right; border: 1px solid #ddd; padding: 10px 15px; box-shadow: 4px 4px 0px 0px #f2f2f2; }
.kk-content-des h3{ font-weight: bold; font-size: 16px; color: #ef9904; margin-bottom: 5px; }
.kk-content-des p{ font-size: 14px; color: #333; line-height: 25px; }


.kk-content-text-btn{ padding-top: 8px; }
.kk-content-text-btn .kk-info-btn{ display: inline-block; padding: 10px 22px; border-radius: 3px; font-size: 16px; color: #fff; transition: all .8s; }
.kk-content-text-btn .kk-info-qiao{ margin-right: 12px; background: #4587e8; }
.kk-content-text-btn .kk-info-qq{ margin-right: 12px; background: #3cb477; }
.kk-content-text-btn .kk-info-adr{ background: #ff8a00; }
.kk-content-text-btn .kk-info-btn:hover{ background: #e84711; }

.kk-content-jiama{  }
.kk-content-jiage{ float: left; width: 360px; }
.kk-content-erweima { float: right; width: 100px; }
.kk-content-erweima canvas{ display: block; margin: auto; }
.kk-content-erweima p{ text-align: center; line-height: 25px; font-size: 12px; color: #666; }

.kk-content-box-b{ padding-top: 20px; margin-top: 25px; border-top: 5px solid #f7f6f6; }

.kk-content-box-case{ font-size: 14px; line-height: 25px; }

.kk-content-body-right{ width: 890px; float: left; border: 5px solid #ddd; padding: 10px; }
.kk-content-body-right img{ max-width: 100%; height: auto !important; display: block; }
.kk-content-box-images{ margin-top: 35px; }
.kk-content-box-images h3{ text-align: left; font-size: 18px; position: relative; padding: 8px 0; line-height: 28px; border-top: 2px solid #d0d0d0; display: block;}
.kk-content-box-images span{ background: #fff; display: inline-block; padding: 0px; }
.kk-content-box-images img{ max-width: 100%; height: auto; display: block; margin-bottom: 10px; }
.kk-content-body-left{ width: 290px; float: right; }
.kk-content-body-left .kk-type-box{ margin-top: 0px; }


/* 必要布局样式css */
.kk-slide-content { border: 3px solid #333; border-left: 0; border-right: 0; padding: 25px 0; margin: 50px auto; }
.kk-slide-title { font-size: 30px; color: #313131; letter-spacing: 5px; line-height: 1; text-align: left; font-weight: bold; line-height: 36px; padding: 0 10px; }
.kk-slide-item { width: 1080px; position: relative; margin: 0 auto; padding: 30px 0; }
.kk-slide-item-body .kk-web-list{ border: 0; }
.kk-slide-item-body .kk-web-list .kk-web-li { width: 253px !important; }
.kk-slide-item-body .kk-web-list .kk-web-li-img{ width: 100%; height:auto; }
.kk-slide-item-body .kk-web-list { overflow: visible; }
.kk-slide-item-body ul li:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index: 1002;
    position: relative;
    left: 0;
}
.kk-prev-next {
	position: absolute;
    top: 49%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.kk-next-bg { background-image: url("../images/btn-fl1.png"); right: auto; left: -60px; }
.kk-next-bg:hover { background-image: url("../images/btn-fl2.png"); }
.kk-prev-bg { background-image: url("../images/btn-fr1.png"); right: -60px; }
.kk-prev-bg:hover { background-image: url("../images/btn-fr2.png"); }

.kk-content-ban{ width: 100%; height: auto; display: block; margin-bottom: 30px; }
.kk-content-ban img{ display: block; margin: auto; width: 100%; height: auto; }

.kk-content-box-c{ margin: 25px auto; }
.kk-content-box-c .kk-content-text{ width: 535px; }
/*.kk-content-box-c .kk-content-text-btn{ padding-top: 5px; }*/

/*新闻列表*/
.kk-content-news{ margin-top: 15px; }
.kk-news-list{ margin-top: 10px; padding: 12px; }

.kk-news-list .kk-news-li{ line-height: 36px; padding-left: 20px; border-bottom: dashed 1px #ddd; background: url(../images/icon-jian1.gif) no-repeat 3px center; }
.kk-news-list .kk-news-li .kk-news-a{ font-size: 14px; color: #666666; display: block; width: calc(100% - 95px); float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.kk-news-list .kk-news-li .kk-news-a:hover{ color: #3cb477; }
.kk-news-list .kk-news-li .kk-news-time{ width: 90px; font-size: 14px; float: right; display: block; color: #999; }

/*新闻详情*/
.kk-news-body{  }
.kk-news-body-title{ font-size: 24px; font-weight: bold; text-align: center; color: #666; margin: 10px 0 6px; }
.kk-news-body-time{ text-align: center; font-size: 14px; color: #999; }

.kk-info-nav{ padding: 15px 0; text-align: right; }
.kk-info-nav .kk-info-btn{ display: inline-block; padding: 5px 20px; border-radius: 3px; font-size: 16px; color: #fff; transition: all .8s; }
.kk-info-nav .kk-info-back{ margin-right: 20px; background: #3cb477; }
.kk-info-nav .kk-info-qq{ background: #ff8a00; }
.kk-info-nav .kk-info-btn:hover{ background: #e84711; }

.art-prev-next{ padding-top: 10px; margin-top: 15px; border-top: 1px dashed #cccccc; }
.art-prev-next p{ font-size: 14px; line-height: 30px; }

.kk-content-about{ margin-top: 8px; padding: 10px; font-size: 14px; line-height: 25px; }

.kk-type-nav{ margin-bottom: 15px; }

.kk-type-left-nav{ padding: 5px 8px 10px 8px; }
.kk-type-left-nav-li{ line-height: 36px; padding-left: 20px; border-bottom: dashed 1px #ddd; background: url(../images/icon-jian1.gif) no-repeat 3px center;  }
.kk-type-left-nav-li a{ font-size: 14px; color: #333; }
.kk-type-left-nav-li:hover a,..kk-type-left-nav .active{ color: #3cb477; }

/*分页*/
.page_case { text-align: center; margin: 20px 0; }
.page_case li { display: inline-block; list-style: none; padding: 5px 5px; margin-right: 6px; border: 1px solid #2eafbb; }
.page_case li a { display: block; padding: 0 5px; color: #2eafbb; }
.page_case li:hover { background-color: #2eafbb; color: #fff; }
.page_case li:hover a{ color: #fff; }
.page_case li.thisclass { background-color: #2eafbb; color: #fff; padding: 5px 10px; margin-right: 6px; border: 1px solid #2eafbb; }
.page_case li.thisclass a{ color: #fff; }

/*分页*/
.kk-page-case { text-align: center; margin: 20px 0; }
.kk-page-case a,.kk-page-case span { display: inline-block; margin-right: 6px; border: 1px solid #2eafbb; padding: 5px 10px; color: #2eafbb; }
.kk-page-case a:hover,.kk-page-case .cur{ background-color: #2eafbb; color: #fff; border: 1px solid #2eafbb; }

/*联系我们*/
.h-contact-info-p { width: 33%; float: left; }
.h-contact-info-p .h-contact-info-ul { width: 100%; }
.h-contact-info-p .h-contact-info-li { margin-bottom: 10px; background: #f3f3f3; padding: 20px 12px; }
.h-contact-info-p .h-contact-info-icon { float: left; background: #545454; color: #fff; border-radius: 50%; text-align: center; font-size: 26px; width: 55px; height: 55px; line-height: 55px; padding-left: 2px; margin-right: 15px; }
.h-contact-info-p .h-contact-info-title { color: #333; font-size: 19px; line-height: 30px; }
.h-contact-info-p .h-contact-info-content { color: #777; font-size: 15px; }

.h-contact-map-p { width: 67%; float: right; background: #eee; padding: 30px 40px; }
.h-contact-map-p .h-contact-map-name { display: inline-block; font-size: 40px; font-weight: bold; color: #ff8300; margin-right: 20px; }
.h-contact-map-p .h-contact-map-title { display: inline-block; font-size: 25px; border-top: 3px solid #ff8300; }

.h-btn { display: inline-block; color: #fff; background: #ff8300; padding: 8px 10px; font-size: 15px; cursor: pointer; line-height: 15px; border-radius: 3px; }
.h-btn:hover { background: #d2730f; color: #fff; }
.h-btn .h-btn-icon { margin-right: 8px; }


.h-contact-title-p { text-align: center; border: 1px solid #333; width: 230px; background: #fff; margin: 50px auto; height: 30px; }
.h-contact-title-p .h-contact-title { background: #fff; width: 80%; margin: 0 auto; font-size: 25px; color: #ff8300; font-weight: bold; padding: 5px 0; }

.h-teaminfo-p .h-teaminfo-li-img { margin-top: 10px; }
.h-teaminfo-p .h-teaminfo-li { width: 25%; float: left; padding: 0 4px 20px; }
.h-teaminfo-p .h-teaminfo-li-title { width: calc(100% - 20px); margin: 0 auto 15px; border: 1px solid #cacaca; text-align: center; color: #ff8300; padding: 10px; font-size: 20px; font-weight: bold; }
.h-teaminfo-p .h-teaminfo-li-title.h-blue { color: #4784f0; }
.h-teaminfo-p .h-teaminfo-li-title.h-green { color: #3cb477; }
.h-teaminfo-p .h-teaminfo-li-list { padding: 10px; border-right: 1px solid #ddd; }
.h-teaminfo-p .h-teaminfo-li-content { line-height: 35px; font-size: 15px; }
.h-teaminfo-p .h-teaminfo-li-content span{ width: 46px; display: inline-block; text-align: justify; text-align-last: justify; text-justify:inter-ideograph; }

.h-contact-account-p .h-contact-account-table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; }
.h-contact-account-p .h-contact-account-table th,
.h-contact-account-p .h-contact-account-table td { border: 1px solid #ddd; }
.h-contact-account-p .h-contact-account-th { font-size: 18px; padding: 10px 0; }
.h-contact-account-p .h-contact-account-img { text-align: center; width: 24%; }
.h-contact-account-p .h-contact-account-content-td { padding: 15px; }
.h-contact-account-p .h-contact-account-content { text-align: left; font-size: 16px; line-height: 30px; }

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:50%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding: 0px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee; padding:12px 0;}
/*.suspension .d-service .d-service-item{border-bottom:none;}*/
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item h3 p{ font-size: 14px; color: #666; font-weight: normal; }
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 15px;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*在线留言*/
.kk-content-message{  }
.kk-content-message .kk-form-box{ box-shadow: 0 0 10px #cacaca; padding: 15px; border-radius: 5px; margin-bottom: 25px; }
.kk-content-message .kk-form-text{ background: #f3f3f3; padding: 8px 20px; width: 100%; font-size: 16px; font-weight: bold; }
.kk-content-message .kk-form-input{ padding: 10px 20px; background-color: #ffffff; color: #888888; font-size: 14px; border: 1px solid #e8e5e5; outline: none; width: 100%; }
.kk-content-message .kk-form-input:focus{ border-color: #2b8859; transition: all .8s; }
.kk-content-message .kk-form-btn{ border: 1px solid #3cb477; border-radius: 3px; cursor: pointer; color: #ffffff; background: #3cb477; padding: 10px 20px; outline: none; }
.kk-content-message .kk-form-btn:hover{ background: #2b8859; border-color: #2b8859; transition: all .8s; }
.kk-content-message .kk-form-span{ margin-left: 30px; color: #cc0000; font-weight: normal; }

.kk-header-pic{ width: 100%; display: block; height: auto; }
.kk-header-pic a,
.kk-header-pic img {
  width: 100%;
height: auto;
display: block; }

.pagex {
  clear: both;
  height: 30px;
  overflow: hidden;
}

.mbbody_body .pagex {
  margin-left: 20px;
}

.pagex {
  text-align: center;
}

.pagex a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 2px 9px;
  margin: 0 3px;
  line-height: 20px;
  background: #fff;
}

.pagex a:hover,
.pagex a.page-num-current {
  border: 1px solid #af1e24;
  background: #af1e24;
  color: #fff;
}

.pagex a.page-num-current {
  pointer-events: none;
}

.pagex span {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 2px 9px;
  margin: 0 3px;
  line-height: 20px;
  background: #fff;
}