@charset "utf-8";
/**
 * *****common*****
 */
body {background: url(../images/bg/marble.jpg) repeat;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;margin: 0;}
ul {margin: 0;padding: 0;list-style: none}
ul:after {content:"\200B";display:block;height:0;clear:both}
a {display: inline-block;}
a:hover {text-decoration: none}
img {max-width: 100%;max-height: 100%;}
button {border: none;outline: 0;}
textarea {resize: none;}
p {margin-bottom: 0;text-align: justify;}

@font-face{
    font-family: 'RTWSYueGothicTrialExtraLight';
    src: url('../fonts/RTWSYueGothicTrialExtraLight.otf');
}

/* layout */
.col-lg-1-5,.col-md-1-5,.col-sm-1-5,.col-xs-1-5{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1-5{width:20%;float:left}
@media (min-width:768px){.col-sm-1-5{width:20%;float:left}}
@media (min-width:992px){.col-md-1-5{width:20%;float:left}}
@media (min-width:1200px){.col-lg-1-5{width:20%;float:left}}
.inline-block {display: inline-block;}
.blue {color: #2d377a!important;}

.margin-100-0-80 {margin: 100px 0 80px}
.maring-t-30 {margin-top: 30px!important;}

/*btn*/
.btn {display: inline-block;background-repeat: repeat-x;background-size: auto 100%}
.btn-border {padding: 0 25px;font-size: 16px;line-height: 42px;color: #3f3f3f;border: 1px solid #1f1f1f;border-radius: 0;}
.btn-border:hover {color: #fff;background-color: #b81c27;border-color: #b81c27}
.btn-white {color: #fff;border-color: #fff;}
.btn-mid {padding: 0 55px}
.btn-more {margin: 20px 0;padding: 0 40px;font-size: 16px;line-height: 40px;color: #816657;background-color: #f4ebe6;border: 1px solid #816657;border-radius: 40px;}
.btn-more:hover,
.btn-more.btn-black:hover {color: #fff;background-color: #B81C27;border-color: #B81C27;}
.btn-more.btn-mid {padding: 0 30px;line-height: 32px;}
.btn-more.btn-mid:hover {color: #fff;}
.btn-more.btn-lg {line-height: 50px;}
.btn-more.btn-black {color: #fff;background-color: #161618;border: 2px solid #fff;}
.btn-rectangle {border-radius: 0;}

/*icon*/
.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;}
.icon-dog {width: 28px;height: 24px;background-image: url(../images/icons/dog.png);}
.icon-cat {width: 28px;height: 24px;background-image: url(../images/icons/cat.png);}

/*img*/
.img-response {width: 100%;}

/*title*/
.title-first {margin-bottom: 34px;text-align: center;}
.title-first h3 {font-size: 22px;line-height: 32px;color: #b9b9b9;}
.title-first h3 span {display: block;font-size: 14px;text-transform: uppercase;letter-spacing: 15px;}
.title-second {margin-bottom: 15px;}
.title-second h3 {font-size: 24px;line-height: 36px;color: #c4141b;text-transform: uppercase;}
.title-second h3 span {display: block;font-size: 16px;line-height: 30px;color: #595959;}
.title-third h3 {font-size: 26px;line-height: 50px;color: #ededed;}
.title-third h3 span {display: inline-block;margin-left: 10px;font-size: 18px}
.title-main {margin-bottom: 30px;padding: 40px 0;text-align: center;border-bottom: 1px solid #c6b0a3;}
.title-main h3 {font-size: 20px;line-height: 30px;color: #816657;}
.title-main h3 span {display: block;font-size: 14px;}
.title-main p {margin-top: 10px;text-align: center;font-size: 14px;line-height: 20px;color: #816657;}
.title-main p span {display: inline-block;margin: 2px 5px;}

/*form*/
.tips p {font-size: 14px;line-height: 24px;color: #666;}
form button[type="reset"] {margin-left: 10px;}
form label.error {color: #2d377a;}
.form-btn-group {text-align: right;}

/*table*/

/* tab */
.tabs-main-header {text-align: center;}
.tabs-main-header li {display: inline-block;margin: 0 5px;padding: 0 30px;font-size: 16px;line-height: 40px;color: #816657;border: 1px solid #816657;border-radius: 40px;cursor: pointer;}
.tabs-main-header .active,
.tabs-main-header li:hover {color: #fff;background-color: #b81c27;border-color: #b81c27;}
.tabs-main-header .icon {float: left;margin-top: 6px;margin-right: 3px;}
.tabs-main-header .active .icon-dog,
.tabs-main-header li:hover .icon-dog {background-image: url(../images/icons/dog_h.png);}
.tabs-main-header .active .icon-cat,
.tabs-main-header li:hover .icon-cat {background-image: url(../images/icons/cat_h.png);}
.tabs-main-content {margin: 15px 0;font-size: 0;text-align: center;}
.tabs-main-content ul {display: none;}
.tabs-main-content ul:first-child {display: block;}
.tabs-main-content li {display: inline-block;padding: 0 10px;position: relative;font-size: 16px;line-height: 30px;color: #816657;}
.tabs-main-content li:before {content: '';position: absolute;top: 7px;left: 0;width: 1px;height: 16px;background-color: #816657}
.tabs-main-content li:first-child:before {content: none;}
.tabs-main-content a {color: #816657;}
.tabs-main-content .active a,
.tabs-main-content li:hover a {color: #b81c27;}

/* PhotoSwipe */
.pswp__button--share {display: none;}
.pswp__caption__center {text-align: center;}
.pswp__bg {background: rgba(0,0,0,.8)}

/*过渡*/
#menu>ul>li>a:before,
#menu>ul>li>a:after,
.btn,
#mallContent img,
.plate .item2 img,
.service .item3 img,
.list-product .item .img-content img,
.list-news .img-content img,
.list-news .time .iconfont {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

/*垂直居中*/
.middle-box{display: table;height: 100%;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}

/**
 * *****guide*****
 */
.guide {position: relative;z-index: 11;}
.guide .header {position: absolute;top: 0;left: 0;width: 100%}
.guide .other-link .content {margin-top: 0;}
.guide .swiper-container {height: 100%;}
.guide .swiper-slide {background-repeat: no-repeat;background-position: center;}
.guide .swiper-pagination {bottom: 40px}
.guide .swiper-pagination-bullet {width: 12px;height: 12px;background: #d0c0c1;opacity: 1;}
.guide .swiper-pagination-bullet-active {background-color: #be1d21;}
.guide .content {margin-top: -100px;}
.guide .title {position: relative;margin: 10px 0;font-size: 40px;line-height: 66px;color: #daebfb;}
.guide .title:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 56px;height: 1px;margin-left: -28px;background-color: #daebfb;}
.guide p {margin-bottom: 0;font-size: 14px;line-height: 28px;color: #bed9fa;}

/**
 * *****hader*****
 */
.header {/* position: fixed;top: 0; */width: 100%;z-index: 100;padding: 15px 65px;background-color: #302e2d;/* box-shadow: 0 0 10px rgba(0,0,0,.5); */}
.header.transparent {background-color: transparent}
.header .container,
.footer .container{width: 100%;max-width: 1800px;}
.header .logo {width: 299px;height: 80px;background-color: #b81c27}
.header .logo a {display: block;}
.header .logo img {display: block;margin: 11px auto}
#menu,
.other-link {margin-top: 18px;}
#menu>ul>li {float: left;position: relative;}
#menu>ul ul {display: none;position: absolute;top: 87px;left: 0;width: 100%;border-top: 1px solid #d9d9d9;box-shadow: 0 5px 10px rgba(0,0,0,.5);background-color: #fff;}
#menu>ul>li>a {display: block;color: #4c4c4c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#menu>ul>li>a {padding: 0 30px;font-size: 18px;line-height: 44px;color: #fff8dd;}
#menu>ul>li>a .iconfont {margin-right: 3px;font-weight: bolder;}
#menu>ul>li>a:before,
#menu>ul>li>a:after {content: '';position: absolute;width: 0;height: 1px;}
#menu>ul>li>a:before {left: 50%;bottom: 1px;margin-left: -15px;background-color: #fff8dd}
#menu>ul>li>a:after {right: 50%;bottom: 0;margin-right: -15px;background-color: #fff8dd}
#menu li:last-child {margin-left: 20px;}
#menu li:last-child a {position: relative;line-height: 40px;border: 2px solid #fff8dd;border-radius: 22px;transition: color .3s;}
#menu li:last-child a span {display: block;position: relative;z-index: 2;}
#menu li:last-child a:hover {color: #000;}
#menu li:last-child a:after,#menu li:last-child a:before{left:0;content:'';width:100%;z-index:1;height:100%;bottom:100%;position:absolute;transition:transform .3s;transform:translate3d(0,0,0)}
#menu li:last-child a:before{margin-left:0;opacity:.5;transition-delay:.175s}
#menu li:last-child a:after{transition-delay:0s}
#menu li:last-child a:hover:after,#menu li:last-child a:hover:before{transform:translate3d(0,100%,0)}
#menu li:last-child a:hover:before{transition-delay:0}
#menu li:last-child a:hover:after{transition-delay:.175s}
#menu .active a:after,#menu .active a:before,#menu a:hover:after,#menu a:hover:before{width:30px}

.other-link {text-align: center;}
.other-link li {position: relative;float: left;margin-left: 10px;color: #fff8dd;}
.other-link a {display: block;color: #fff8dd;text-decoration: none;font-size: 0}
.other-link li:hover  .iconfont {border-color: #fff8dd;}
.other-link .iconfont {display: block;width: 44px;height: 44px;font-size: 22px;line-height: 40px;border: 2px solid transparent;border-radius: 50%;cursor: pointer;}
.other-link .content {display: none;position: absolute;top: 54px;left: -38px;width: 120px;padding: 5px 5px 0;background-color: #fff;border-radius: 3px;box-shadow: 0 5px 10px rgba(0,0,0,.5);}
.other-link .content img {display: block;width: 100%;}
.other-link .content p {font-size: 14px;line-height: 24px;color: #6d6d6d;text-align: center;}

/**
 * *****banner*****
 */
.banner {position: relative;/* margin-top: 87px; */}
.banner img {display: block;width: 100%;}
.banner .banner-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}
.banner .banner-text .container,
.banner .banner-text .row,
.banner .banner-text .col-xs-12 {height: 100%}
.banner .banner-text .middle-box {float: left;}
.banner .banner-text .middle-inner {text-align: left;}
.banner .banner-text .title {font-size: 22px;line-height: 34px;}
.banner .banner-text small {font-size: 12px;line-height: 20px;text-transform: uppercase;}

/* location */
.location {padding: 20px;font-size: 14px;line-height: 32px;color: #737373;border-bottom: 1px solid #d9d9d9}
.breadcrumb {margin-bottom: 0;padding: 0;background: none;}
.breadcrumb a {color: #737373;}
.breadcrumb a:hover {color: #2d377a;}
.nav-pills>li+li {margin-left: 10px;}
.breadcrumb > li + li:before {color: #ccc;content: "> ";padding: 0 2px;}

/* 胶囊式导航 */
.nav-pills>li>a {padding: 0 24px;font-size: 14px;line-height: 30px;color: #737373;border: 1px solid #999;border-radius: 3px;}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus:hover {color: #fff;background-color: #2d377a;border-color: #2d377a;}
.nav-pills>li>a:focus {color: #737373;background-color: #fff;border: 1px solid #999;}

/**
 * *****main*****
 */
.main {/* margin-top: 110px; */}
/* .main .guide {margin-top: -110px} */
.main .section {padding: 60px 0}

/* 关于我们 */
.main .about {padding-bottom: 80px;background: url(../images/bg/about.jpg) no-repeat;background-size: cover;}
.about p {font-size: 14px;line-height: 30px;color: #8d8d8d;}
.about .more {margin-top: 15px;padding: 0 27px;font-size: 14px;line-height: 32px;color: #fff;border: 1px solid #fff;border-radius: 32px;}
.about .more:hover {background-color: #b81c27;border-color: #b81c27;}
.about .img-content {position: relative;width: 90%;border: 3px solid #b81c27}
.about .img-content img {position: relative;top: 20px;left: -20px;display: block;width: 100%;}
.about-info {margin-bottom: 60px;}
.about-info p {margin-bottom: 20px;font-size: 16px;line-height: 40px;color: #816657;text-align: center;}
.about-info img {margin-bottom: 15px;}

/* 产品线 */
.product {background: url(../images/bg/product.jpg) no-repeat;background-size: cover;}
.product img {display: block;width: 100%;}
.product .category {position: relative;}
.product .category .mask {display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(184, 28, 39, .8) url(../images/mapleleaf.png) right bottom / 37% auto no-repeat;}
.product .category .title {font-size: 22px;line-height: 38px;color: #fff;}
.product .category li {position: relative;float: left;padding: 0 10px;font-size: 14px;line-height: 28px;color: #fff;}
.product .category li:after {content: '';position: absolute;top: 7px;left: 0;width: 1px;height: 14px;background-color: #fff}
.product .category li:first-child:after {content: none;}
.product .category a {color: #fff;}
.product .category a:hover {color: #fff8dd;text-decoration: underline;}

.plate .item1,
.plate .item2,
.plate .item3,
.plate .middle-box {min-height: 340px;}
.plate .item1 {padding: 0 50px;background: url(../images/bg/grain_gray.jpg) repeat;}
.plate .item2 {padding: 0 20px;background: url(../images/bg/protection.png) no-repeat;background-size: cover}
.plate .item3 {padding-left: 200px;background: url(../images/bg/club.png) no-repeat;background-size: cover}
.plate .item2 .title-second h3,
.plate .item2 .title-second span,
.plate .item3 .title-second h3,
.plate .item3 .title-second span {font-size: 16px;color: #fff;}
.plate .item2 a {display: block;}
.plate .item2 a:hover img {position: relative;top: -15px;}
.plate .item2 img {position: relative;top: 0;margin-bottom: 20px;}
.plate p {font-size: 14px;line-height: 30px;color: #737373;}
.plate .btn {margin-top: 10px;}

.service {margin-bottom: 60px;}
.service .middle-box {width: 100%;min-height: 300px;}
.service .item1 {padding: 0 50px;background: url(../images/bg/grain_gray.jpg) repeat;}
.service .item2 {padding: 0 20px;text-align: left;background: url(../images/bg/service.jpg) no-repeat;background-size: cover}
.service .item2 .title-second {text-align: left;}
.service .item2 .title-second h3,
.service .item2 .title-second span {color: #fff;}
.service .item2 p {text-align: left;color: #fff;}
.service .item3 {background-color: #bb2630}
.service .item3 .title-second h3,
.service .item3 .title-second span {font-size: 16px;color: #fff;}
.service .item3 a:hover img {position: relative;top: -15px;}
.service .item3 img {position: relative;top: 0;margin-bottom: 20px;}
.service .item4 {padding: 0 20px;text-align: left;background: url(../images/bg/earth.jpg) no-repeat;background-size: cover}
.service .item4 p {color: #fff;}
.service a {display: block;}
.service p {font-size: 14px;line-height: 30px;color: #737373;text-align: center;}

/* 产品列表 */
.list-product {margin-top: 20px;margin-bottom: 20px;}
.list-product .item {position: relative;display: block;margin-bottom: 30px;padding: 10px;color: #694c3c;background-color: #f4ebe6;border: 1px solid #cfb9ac}
.list-product .img-content {width: 100%;height: 300px;}
.list-product .img-content img {max-width: 240px;}
.list-product .title {margin-bottom: 20px;}
.list-product .title h3 {font-size: 20px;line-height: 40px;color: #694c3c;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;}
.list-product .title span {display: inline-block;font-size: 14px}
.list-product .title .iconfont {float: left;margin-top: -2px;margin-right: 5px;}
.list-product .tag {position: absolute;top: -1px;left: 20px;width: 50px;height: 47px;padding: 0 3px;font-size: 14px;line-height: 16px;color: #fff;background: url(../images/icons/tag_red.png);}
.list-product .tag-orange {background-image: url(../images/icons/tag_orange.png);}
.list-product .tag-green {background-image: url(../images/icons/tag_green.png);}
.list-product .item:hover .title,
.list-product .item:hover .title h3 {color: #b81c27;}

/* 新闻列表 */
.new-graphic {margin: 20px 0}
.new-graphic .item {display: block;margin: 0 -10px 10px;padding: 10px;background-color: #e8d7cd}
.new-graphic .item .img-content {position: relative;}
.new-graphic .item:hover .img-content:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3)}
.new-graphic p {padding-top: 10px;font-size: 16px;line-height: 30px;color: #816657;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-news {margin: 20px 0;border-top: 1px solid #d1bfb4;}
.list-news .item {display: block;position: relative;min-height: 170px;padding: 20px 253px 20px 215px;border-bottom: 1px solid #d1bfb4;}
.list-news .time {position: absolute;top: 13px;left: 10px;}
.list-news .time:after {content: '';display: block;position: absolute;top: 17px;right: -50px;width: 36px;height: 1px;background-color: #bfbfbf}
.list-news .time p {font-family: 'RTWSYueGothicTrialExtraLight';font-size: 24px;line-height: 30px;color: #816657;}
.list-news .time .iconfont {display: inline-block;width: 36px;height: 36px;margin-top: 10px;font-size: 16px;line-height: 36px;text-align: center;color: #c0bfbe;}
.list-news .img-content {position: absolute;top: 20px;right: 10px;width: 200px;height: 130px;overflow: hidden;}
.list-news .img-content img {display: block;width: 100%;height: auto;}
.list-news .item:hover .iconfont {background-color: #686868}
.list-news .item:hover .time:after {background-color: #7c7c7c}
.list-news .item:hover .content h4 {color: #B81C27;}
.list-news .item:hover img {transform: scale(1.1);}
.list-news .content {font-size: 14px;line-height: 24px;color: #816657;}
.list-news .content h4 {margin-bottom: 5px;font-size: 18px;line-height: 24px;}
.list-news .content p {font-size: 13px;max-height: 96px;overflow: hidden;}

/* 文章 */
.article .content {margin-bottom: 20px;font-size: 15px;line-height: 26px;color: #816657;}
.article .content p {margin-bottom: 20px;text-indent: 2em;}
/*.article .content img {display: block;margin: 10px 0}*/
.article .content img {display: block;margin: 10px auto}
.recommend {padding: 30px 150px 30px 0;border-top: 1px solid #c6b0a3}
.recommend .title {font-size: 17px;line-height: 32px;font-weight: bolder;color: #816657;}
.recommend li {position: relative;padding-left: 10px;font-size: 15px;line-height: 30px;color: #816657;}
.recommend li:before {content: '';position: absolute;top: 14px;left: 0;width: 4px;height: 1px;background-color: #816657}
.recommend a {color: #816657;}
.recommend a:hover {color: #B81C27;}
.recommend .btn-more {position: absolute;bottom: 0;right: 15px;}

/**
 * *****footer*****
 */
.footer {padding: 40px 65px;background-color: #212121;color: #fff8dd;font-size: 14px;line-height: 30px;}
.footer a {padding: 0 15px;color: #fff8dd;}
.footer a:hover {color: #fff;text-decoration: underline;}
.footer li {float: left;position: relative;}
.footer li:before {content: '';position: absolute;top: 8px;left: 0;width: 1px;height: 14px;background-color: #fff8dd}
.footer li:first-child:before {content: none;}
.footer .copy-right ul {float: right;}
.footer .copy-right li {padding: 0 15px;}

/**
 * *****layer*****
 */
.layui-layer.layer-custom {border-radius: 5px;overflow-x: hidden}
.layer-content {display: none;}
.layui-layer-content {max-height: 600px;}
.layui-layer .nicescroll-cursors {background-color: #b8b8b8!important}
.nicescroll-cursors {background-color: #c3ae9c!important}

/* 关闭 */
.layui-layer-closebtn .layui-layer-setwin {top: 0;right: 0;}
.layui-layer-closebtn .layui-layer-setwin .layui-layer-close2 {top: 0;right: -40px;width: 40px;height: 40px;background: #626262 url(../images/icons/close_layer.png) center / 24px no-repeat;}
.layui-layer-closebtn .layui-layer-setwin .layui-layer-close2:hover {background-position: center;}

/* 商城弹窗 */
#mallContent {display: none;width: 300px;}
#mallContent a {display: block;height: 180px;border-top: 1px solid #d5d5d5}
#mallContent a:first-child {border-top: none}
#mallContent a:hover img {transform: scale(1.2);}

/* 微信二维码 */
#wechat {width: 200px;padding: 10px 10px 0;text-align: center;}
#wechat img {display: block;width: 100%}
#wechat p {font-size: 16px;line-height: 30px;text-align: center;}

/* 产品弹窗 */
#product {padding: 10px 20px}
#product .img-content {width: 100%;height: 300px;}
#product .img-content img {max-width: 300px}
#product .title {margin-bottom: 5px;}
#product .title h3 {position: relative;font-size: 20px;line-height: 40px;color: #424343;}
#product .title h3:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 38px;height: 1px;background-color: #a2a2a2}
.description {font-size: 14px;line-height: 24px;color: #636363;}

/**
 * *****aside*****
 */
.aside {position:fixed;width:54px;right:0;bottom:56px;z-index:10;}
.aside ul li {width:54px;height:54px;float:left;position:relative;border-top:1px solid #212121;}
.aside ul li:first-child {border-top: none}
.aside ul .content {position:absolute;width:54px;height:54px;top:0;right:0;padding-left: 54px;padding-right: 0;transition:all 0.3s;background:#b81c27;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;background-repeat: no-repeat;background-position: left center;}
.aside #btnBackTop .content {background-image: url(../images/icons/top.png)}
.aside #btnBackTop:hover a {opacity: 1;filter:Alpha(opacity=100);}

@media (min-width: 1176px) and (max-width: 1385px) {
	#menu>ul>li>a {padding: 0 15px}
}
@media (min-width: 798px) and (max-width: 1175px) {
	.logo img {height: 50px;}
	.header {padding-left: 5px;padding-right: 5px;}
	#menu,
	.other-link {margin-top: 3px;}
	#menu>ul>li>a {padding: 0 10px;font-size: 14px}
}
@media (min-width: 768px) and (max-width: 797px) {
	.logo img {height: 50px;}
	.header {padding-left: 5px;padding-right: 5px;}
	#menu,
	.other-link {margin-top: 3px;}
	#menu>ul>li>a {padding: 0 10px;font-size: 14px}
	.other-link li {margin-left: 3px;}
	#menu li:last-child {margin-left: 5px;}
	.other-link .iconfont {width: 26px;}
}

@media (min-width: 768px) {
	.list-product .item:hover .img-content img {transform: scale(1.1);}
}

@media (max-width: 767px) {
    /**
     * *****common*****
     */
	/* layout */
	.margin-100-0-80 {margin: 50px 0}

	/* title */
	.title-first {margin-bottom: 15px;}
	.title-third h3 {font-size: 22px;line-height: 40px;}
	.title-third h3 span {font-size: 16px}
	.title-main {margin: 20px 0;padding: 10px 0}
	.title-main h3 {font-size: 18px}

	/* btn */
	.btn-more.btn-lg {line-height: 40px;}

	/* form */
	.form-btn-group {text-align: center;font-size: 0}
	.form-btn-group button {width: 48%;margin: 5px 1%!important}

    /**
     * *****guid*****
     */
	.guide .swiper-slide {background: none!important;}
	.guide .swiper-pagination {bottom: 10px}
	.guide .swiper-pagination-bullet {width: 10px;height: 10px;}

    /**
     * *****header*****
     */
    .header {position: fixed;top: 0;height: 50px;padding: 0;background-color: #302e2d!important;}
	.guide .header {position: fixed;top: 0;left: auto;}
    .header .col-xs-12 {padding: 0;}
	.header .logo {position: absolute;top: 5px;left: 50%;margin-left: -95px;width: auto;height: auto;background: none}
	.header .logo a {display: inline-block;}
	.header .logo img {height: 40px;margin: 0 auto}
    .header .btn-menu {position: absolute;top: 0;left: 0;width: 50px;height: 50px;background: url(../images/icons/menu.png) center/20px no-repeat;}
    .header #menu {display: none;}
	.header .make-phone {position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #c21617 url(../images/icons/tel.jpg) center/40px no-repeat;}
	#menu {margin-top: 0;}
    #menu li {float: none;}
	#menu>ul>li {float: none;}
	#menu>ul>li>a {font-size: 15px;line-height: 40px;}
	#menu .active a:after {content: none;}
	#menu li:last-child {margin-left: 0;}
	#menu li .content {padding: 5px 20px}
	#menu li .content img {width: 100%;}
	#menu li .content p {font-size: 14px;line-height: 24px;color: #fff;text-align: center;;}
	#menu li:last-child a {border: none}
	#menu>ul>li>a:before,
	#menu>ul>li>a:after {content: none;}

	.mm-highest.mm-opened a {text-indent: 20px;}

	/**
	 * *****banner*****
	 */
	.banner {margin-top: 50px;overflow: hidden;}
	.banner img {width: 240%;max-width: 240%;margin-left: -120%}
	.banner .banner-text .title {font-size: 16px;line-height: 22px;}
	.main .guide {margin-top: 50px;}

    /**
     * *****main*****
     */
	.main {margin-top: 50px;}
	.main .section {padding: 20px 0}
	.about .more {display: block;width: 60%;margin: 15px auto;text-align: center;}

	.tabs-main-header li {line-height: 36px;}

	/* 关于我们 */
	.about .img-content {margin: 20px 0;padding-bottom: 1px;}
	.about-info p {font-size: 15px;line-height: 30px;}

	/* 产品线 */
	.product .category {margin-bottom: 15px;}
	.product .category .title {font-size: 16px;line-height: 30px;color: #a1a1a1;}
	.product .category .mask {display: block;height: auto;background: rgba(0, 0, 0, .7)}
	.product .category .mask ul {display: none;}

	/* 板块 */
	.plate {margin: 0}
	.plate.section {padding: 0;}
	.plate .item1, .plate .item2, .plate .item3, .plate .middle-box {min-height: 200px;padding: 20px 10px}
	.plate .item3 {background-position: right -160px center;}

	/* 产品 */
	.tabs-main-header li {padding: 0 15px}
	.list-product .item {margin-left: -10px;margin-right: -10px;margin-bottom: 10px;}
	.list-product .img-content {height: 200px;padding-top: 40px;}

	/* 新闻列表 */
	.list-news {margin-top: 0;border-top: none;}
	.list-news .item {padding: 15px 0}
	.list-news .item:first-child {border-top: 1px solid #d1bfb4;}
	.list-news .time,
	.list-news .img-content {position: static;top: auto;left: auto;right: auto;}
	.list-news .time:after {content: none;}
	.list-news .time .iconfont {display: none;}
	.list-news .content h4 {margin-top: 5px;font-size: 16px}
	.list-news .img-content {width: 100%;height: auto;margin-top: 5px}
	.list-news .time p {font-size: 18px}
	.list-news .content p {font-size: 12px}

	.new-graphic .item {margin: 0 -15px 10px}

	/* 文章 */
	.article .content {font-size: 14px;}
	.article .content p {margin-bottom: 10px;}
	.recommend {padding: 10px 0}
	.recommend li {font-size: 14px;line-height: 24px;}
	.recommend .btn-more {position: static;bottom: auto;right: auto;display: inline-block;margin: 10px auto}

	.service,
	.about-info {margin: 0}

    /**
     * *****footer*****
     */
	.footer {padding: 10px 0;text-align: center;font-size: 12px;line-height: 20px;}
	.footer .copy-right ul,
	.footer li {float: none;}
	.footer li:before {content: none;}

    /**
     * *****layer*****
     */

	.layui-layer-content {max-height: 100%;}
	.layui-layer {max-height: 80%!important;overflow-y: auto;}
	.layui-layer.layui-layer-closebtn {overflow-y: auto;}
	.layui-layer-closebtn .layui-layer-setwin {display: none;}
	#mallContent a {height: 100px;}
	#mallContent img {max-height: 100px}

	/**
	 * *****aside*****
	 */
	.aside {bottom: 50px;width: 44px;}
	.aside ul li {width: 44px;height: 44px;}
	.aside ul .content {width: 44px;height: 44px;padding-left: 44px;background-size: 44px;}
}