@charset "utf-8";
body { font-family: "\5b8b\4f53", FontAwesome, sans-serif; background-color: #fff3d5; }
.container { max-width: 1200px; }
.con_fixed { max-width: 1130px; }
.padding-40 { padding: 40px; }
.fs-16 { font-size: 16px !important; }
.position { position: relative; overflow: hidden; }
.position>div { width: 1920px; position: relative; left: 50%; margin-left: -960px; min-height: 100px; }
.empty_pro { margin: 3%; text-align: center; background: #e1b780; padding: 2%; }
.mobile-show { display: none !important; }
.swiper-lazy-preloader { -webkit-animation: none; animation: none; }
.swiper-lazy-preloader:after { background-image: url(../images/loadingw.jpg); }

/*头部===*/
.top { color: #fff; background-color: #7e0101; position: relative; min-height: 179px; z-index: 9; }
.top .top-con { height: 127px; }
.top .top-line { margin: 0; border-top: solid #670000 1px; border-bottom: solid #8e0101 1px; }
.top .top-slogan { letter-spacing: 3px; margin-top: 45px; }
.top .top-slogan>h1 { margin: 0; line-height: 1.3; font-weight: normal; }
.top .top-slogan>h3 { margin: 0; line-height: 1.1; font-weight: normal; }
.top .top-tel { margin-top: 45px; padding-left: 50px; background: url(../images/top-tel.png) no-repeat; }
.top .top-tel>span { display: block; line-height: 0.9; font-size: 26px; font-family: 'Microsoft YaHei'; }
.top .top-tel>span a{ color: #fff; }
.nav-bar { }
.nav-bar a { float: left; margin-left: 20px; margin-right: 20px; height: 50px; line-height: 50px; color: #fff; letter-spacing: 3px; }
.nav-bar.am-fl a:first-child { margin-left: 0; }
.nav-bar.am-fr a:last-child { margin-right: 0; }
.logo { width: 180px; position: absolute; top: auto; bottom: -51px; left: 50%; margin-left: -90px; }
.top-search { background: #e4b682; color: #050000; padding-top: 35px; padding-bottom: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; }
.top-search a { color: #050000; }
.top-keyword { margin-top: 8px; margin-right: 5%; width: 62%; }
.top-keyword a { display: inline-block; }
.form-word { background: #fffbef; border-radius: 14px; overflow: hidden; padding-left: 5px; width: 30%; }
.form-word .am-form-group { width: 82%; margin: 0; }
.form-word .am-form-field { width: 100%; }
.form-word input[type=text] { border: none; background: transparent; outline: none; font-size: 14px; padding: 0 20px; height: 39px; line-height: 39px; }
.form-word input[type=text]:focus { box-shadow: none; background: transparent; }
.form-word .btn-search { width: 18%; border: none; background-color: #6d0101; padding-left: 0; padding-right: 0; }

/*底部===*/
.footer { background: #020000; color: #fff; font-size: 14px; padding-bottom: 3%; font-family: 'Microsoft YaHei'; }
.footer .center_bg { background: url(../images/foot-bg.jpg) no-repeat center top #7f0102; background-size: auto 100%; padding-top: 3%; padding-bottom: 3%; }
.foot-navbar { margin-bottom: 2%; }
.foot-navbar>a { display: inline-block; color: #fff; }
.foot-navbar>a+a:before { content: "|"; padding: 0 8px; color: #ccc; }
.copyright { line-height: 2; }
.copyright a { color: #fff; }
.qrcode { margin-top: 5%; margin-bottom: 15px; }
.friendly_bg { background: #ededed; color: #000000; }
.friendly { padding-top: 50px; padding-bottom: 50px; padding-left: 50px; color: #000000; font-size: 16px; position: relative; z-index: 2; }
.friendly a { display: inline-block; color: #050000; font-size: 14px; }

/*轮播图===*/
.slider .swiper-slide { background-position: center; background-size: cover; }
.slider .swiper-pagination-bullet { width: 14px; height: 14px; }
.slider .swiper-pagination-bullet-active { background-color: #7e0101; }
.slider .swiper-button-prev { background-image: url(../images/swleft.png); }
.slider .swiper-button-next { background-image: url(../images/swright.png); }

/*位置===*/
.here_wrap { margin-top: 5px; border-bottom: solid 2px #ecc79d; padding-bottom: 8px; }
.here_wrap h6 { margin: 0; font-size: 20px; color: #411f01; }
.here_wrap .breadcrumb { margin-bottom: 0; margin-top: 5px; padding: 0; }
.here_wrap .breadcrumb>li+li:before { content: '>'; color: #411f01; padding-left: 0px; padding-right: 6px; }
.breadcrumb,
.breadcrumb a { color: #411f01; font-size: 14px; }

/*导航===*/
.side-nav { margin-top: 50px; }
.side-nav>dl { overflow: hidden; margin-bottom: 0; }
.side-nav>dl>dd { width: 150px; height: 45px; line-height: 45px; float: left; margin-right: 20px; margin-bottom: 10px; text-align: center; }
.side-nav>dl>dd a { display: block; background: #e4b682; color: #573722; font-size: 18px; font-weight: bold; border-radius: 10px; }
.side-nav>dl>dd a:hover,
.side-nav>dl>dd.cur a { background-color: #6a0100; color: #fff; }

/* 分页===*/
.pageWrap { margin: 50px 0; text-align: right; padding: 20px; }
.pageWrap .rows { margin-right: 15px; }
.pageWrap a,
.pageWrap span { display: inline-block; padding: 0 10px; line-height: 28px; margin: 0 1px; font-size: 14px; background: #411e00; text-align: center; border-radius: 5px; }
.pageWrap a { color: #e2b782; text-decoration: none; }
.pageWrap a:hover,
.pageWrap span.current { color: #fff; }

/*上下篇===*/
.prev-next { margin: 3% 0; color: #e6d7ba; }
.prev-next a { color: #573722; }

/*推荐产品==*/
.pro-recommend { background: #fff }
.recommend-box { max-width: 1130px; margin: auto; padding-top: 50px; }
.recommend-box>.recommend-tit { color: #411f01; font-size: 20px; border-bottom: solid 1px #d9d2cc; position: relative; }
.recommend-box>.recommend-tit .swiper-button-next,
.recommend-box>.recommend-tit .swiper-button-prev { top: 6px; background-image: none; border: solid 1px #e0e0e0; width: 34px; height: 22px; line-height: 20px; text-align: center; left: auto; right: 33px; margin: 0; color: #e0e1e2; outline: none; }
.recommend-box>.recommend-tit .swiper-button-next:hover,
.recommend-box>.recommend-tit .swiper-button-prev:hover { color: #b0b0b0; }
.recommend-box>.recommend-tit .swiper-button-next>i:before,
.recommend-box>.recommend-tit .swiper-button-prev>i:before { font-weight: bolder; }
.recommend-box>.recommend-tit .swiper-button-next { left: auto; right: 0; margin: 0; }
.recommend-wrap { padding-top: 30px; padding-bottom: 50px; }
.recommend-wrap a { display: block; margin: 0 3px 20px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.recommend-wrap a:hover { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
.recommend-wrap .p-img { height: 0; padding-bottom: 75%; overflow: hidden; position: relative; }
.recommend-wrap .p-img img { width: 100%; }
.recommend-wrap .p-tit { padding: 1% 5%; }
.recommend-wrap .p-tit>h4 { font-size: 16px; color: #411f01; margin: 0; margin-top: 5%; }
.recommend-wrap .p-tit>h6 { font-size: 13px; color: #411f01; margin: 0; margin-top: 1%; }
.recommend-wrap .p-btn { padding: 1% 0; }
.recommend-wrap .p-btn span { display: inline-block; background: #e4b682; color: #411f01; font-size: 14px; padding: 8px 40px; border-radius: 20px; margin-top: 3%; margin-bottom: 5%; }
.recommend-wrap a:hover .p-btn span { background: #6d0101; color: #fff; }
.recommend-wrap .p-btn i { display: inline-block; vertical-align: middle; margin-top: -2px; width: 22px; height: 22px; background: url(../images/pro-btn.png) no-repeat 0 center; background-size: 100% auto; margin-right: 8px; }

/*内容===*/
.info-wrap { padding-top: 40px; padding-bottom: 50px; }
.info-wrap>.info_con { line-height: 1.8; min-height: 300px; }
.info-wrap>.info_con p { margin: 0; }
.info-wrap>.info_con img { max-width: 100%; }

/*新闻===*/
.news-wrap { padding: 0; }
.news-wrap ul { list-style: none; padding: 0; }
.news-wrap ul li { margin: 4% 0; font-family: 'Microsoft YaHei'; transition: all .3s; -webkit-transition: all .3s; }
.news-wrap ul li:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); transform: scale(1.01); -webkit-transform: scale(1.01); }
.news-wrap ul li .news-img { float: left; width: 29%; height: 0; padding-bottom: 21%; overflow: hidden; }
.news-wrap ul li .news-date { float: left; width: 23%; height: 0; padding-bottom: 21%; margin-left: 1%; }
.news-wrap ul li .news-date .date-box { font-size: 40px; width: 115px; margin: auto; padding-top: 30%; }
.news-wrap ul li .news-date .date-box>span { display: block; color: #573722; line-height: 1; }
.news-wrap ul li .news-date .date-box>span:first-child { font-size: 20px; }
.news-wrap ul li:hover .news-date .date-box>span { text-align: right; color: #6a0100; }
.news-wrap ul li .news-date1 { display: none; }
.news-wrap ul li .news-con { float: left; background: url(../images/news-line-off.png) no-repeat 0 center; width: 47%; height: 0; padding-bottom: 21%; padding-left: 6%; padding-right: 1%; }
.news-wrap ul li:hover .news-con { margin-top: 1%; margin-bottom: 1%; height: 0; padding-bottom: 19%; background-image: url(../images/news-line-on.png); }
.news-wrap ul li .news-con h4 { color: #573722; padding-top: 14%; }
.news-wrap ul li:hover .news-con h4 { padding-top: 11.4%; }
.news-wrap ul li .news-desc { color: #573722; font-size: 14px; }

/*新闻内页==*/
.news-info-wrap { margin-top: 4%; }
.news-info-wrap>.info_tit { color: #573722 }
.news-info-wrap>hr { border-color: #e6d7ba }
.news-info-wrap>.info_con { line-height: 1.8; min-height: 300px; }
.news-info-wrap>.info_con p { margin: 0; }
.news-info-wrap>.info_con img { max-width: 100%; }

/*图片===*/
.pic-wrap { padding: 0; width: 100%; }
.pic-wrap ul { list-style: none; padding: 0; margin-left: -15px; margin-top: 0; }
.pic-wrap ul li { float: left; width: 25%; padding-left: 15px; padding-top: 35px; }
.pic-wrap ul li a { display: block; position: relative; top: 0; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.pic-wrap ul li a:hover { /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);*/ top: -5px; }
.pic-wrap ul li .p-img { height: 0; padding-bottom: 75%; overflow: hidden; }
.pic-wrap ul li .p-img img { max-width: 100%; }
.pic-wrap ul li .p-tit { padding: 1% 5%; }
.pic-wrap ul li .p-tit>h4 { font-size: 16px; color: #411f01; margin: 0; margin-top: 5%; }
.pic-wrap ul li .p-tit>h6 { font-size: 14px; color: #411f01; margin: 0; margin-top: 1%; }
.pic-wrap ul li .p-btn { padding: 1% 0; }
.pic-wrap ul li .p-btn span { display: inline-block; background: #e4b682; color: #411f01; font-size: 12px; padding: 8px 40px; border-radius: 20px; margin-top: 3%; margin-bottom: 5%; }
.pic-wrap a:hover .p-btn span { background: #6d0101; color: #fff; }
.pic-wrap ul li .p-btn span>font { opacity: 0.7 }
.pic-wrap ul li .p-btn i { display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url(../images/pro-btn.png) no-repeat 0 center; background-size: 100% auto; margin-right: 8px; }

/*图片内页===*/
.pic-info-wrap { margin-top: 4%; }
.pic-info-wrap>.info_tit { color: #573722 }
.pic-info-wrap>hr { border-color: #e6d7ba }
.pic-info-wrap>.info_con { line-height: 1.8; min-height: 300px; }
.pic-info-wrap>.info_con p { margin: 0; }
.pic-info-wrap>.info_con img { max-width: 100%; }

/*产品===*/
.product-page { padding-top: 50px; }
.pro-nav2 { display: none; margin-top: 10px; }
.pro-nav2.pro-nav-d { display: block; margin-top: 30px; }
.pro-nav2>h3 { font-size: 25px; font-weight: normal; text-align: center; background: #5d0000; color: #fff; padding: 2% 10px; margin: 0; }
.pro-nav2 .am-menu-default .am-menu-sub { background: #6a0000; left: 0; right: 0; padding: 5px; margin-top: 9px; border-radius: 15px; }
.pro-nav2 .am-menu-default .am-menu-sub>li>a { color: #6a0000; margin-top: 2px; margin-bottom: 2px; background: #f8f8f7; border-radius: 25px; }
.pro-nav2 .am-menu-default .am-menu-nav { background: transparent; padding-top: 0; padding-bottom: 0; }
.pro-nav2 .am-menu-default .am-menu-nav a { color: #fff; padding-top: 2px; padding-bottom: 2px; background: #6b0101; height: 40px; border-radius: 10px; font-size: 14px; margin-left: 2px; margin-right: 2px; }
.pro-nav2 .am-menu-default .am-menu-nav>.am-parent.am-open>a { color: #e2b782; overflow: visible; }
.pro-nav2 .am-menu-default .am-menu-nav>.am-parent>a:before { color: #6a0000; margin-top: -8px; }
.pro-nav2.pro-nav-d .am-menu-default .am-menu-nav>li { margin-right: 20px; }
.pro-nav2.pro-nav-d .am-menu-default .am-menu-nav a { padding-right: 1.5rem; width: 150px; }
.pro-nav { width: 22.5%; background: #933727; }
.pro-nav>h3 { font-size: 25px; font-weight: normal; text-align: center; background: #5d0000; color: #fff; padding: 30px 10px; margin: 0; }
.pro-nav ul { list-style: none; padding-left: 0; margin: 0; }
.pro-nav>ul>li { border-bottom: solid 1px #770000; }
.pro-nav>ul>li a { display: block; color: #fff; }
.pro-nav>ul>li>a { background: url(../images/product-nav-r.png) no-repeat 80% center #6d0101; border-bottom: solid 1px #4d0000; padding: 10px 30px 10px 25%; font-weight: bold; font-size: 18px; }
.pro-nav>ul>li.open>a { background-image: url(../images/product-nav-d.png); }
.pro-nav>ul>li:last-child,
.pro-nav>ul>li:last-child>a { border-bottom: none; }
.pro-nav>ul>li>ul { margin: 10px 0 15px; display: none; }
.pro-nav>ul>li.open>ul { display: block; }
.pro-nav>ul>li>ul>li>a { font-size: 14px; padding: 9px 30px 9px 25%; }
.pro-nav>ul>li>ul>li>a:hover,
.pro-nav>ul>li>ul>li.cur>a { background: #e4b682; color: #411f01; }
.pro-wrap { padding: 0; width: 75.66%; }
.pro-wrap ul { list-style: none; padding: 0; margin-left: -15px; margin-top: 0; }
.pro-wrap ul li { float: left; width: 33.33%; padding-left: 15px; padding-top: 35px; }
.pro-wrap ul li a { display: block; position: relative; top: 0; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.pro-wrap ul li a:hover { /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);*/ top: -5px; }
.pro-wrap ul li .p-img { height: 0; padding-bottom: 75%; overflow: hidden; }
.pro-wrap ul li .p-img img { max-width: 100%; }
.pro-wrap ul li .p-tit { padding: 1% 5%; }
.pro-wrap ul li .p-tit>h4 { font-size: 15px; color: #411f01; margin: 0; margin-top: 5%; }
.pro-wrap ul li .p-tit>h6 { font-size: 12px; color: #411f01; margin: 0; margin-top: 1%; }
.pro-wrap ul li .p-btn { padding: 1% 0; }
.pro-wrap ul li .p-btn span { display: inline-block; background: #e4b682; color: #411f01; font-size: 12px; padding: 8px 40px; border-radius: 20px; margin-top: 3%; margin-bottom: 5%; }
.pro-wrap ul li a:hover .p-btn span { background: #6d0101; color: #fff; }
.pro-wrap ul li .p-btn span>font { opacity: 0.7 }
.pro-wrap ul li .p-btn i { display: inline-block; vertical-align: middle; margin-top: -1px; width: 22px; height: 22px; background: url(../images/pro-btn.png) no-repeat 0 center; background-size: 100% auto; margin-right: 8px; }

/*产品内页==*/
.pro-info-wrap { overflow: hidden; padding-top: 30px; }
.pro-info-wrap .pi-img { width: 580px; float: left; margin-right: 10px; margin-bottom: 30px; }
.pro-info-wrap .pi-img2 { display: none; }
.pro-info-wrap .pi-con { float: left; width: 540px; padding-left: 15px; margin-bottom: 30px; }
.pro-info-wrap .pi-con>h1 { margin: 0 0 10px; color: #411f01; font-size: 20px; line-height: 1.4; word-break: break-all; word-wrap: break-word; }
.pro-info-wrap .pi-con>h6 { margin: 0; color: #5d5d5d; font-size: 14px; }
.pro-info-wrap .pi-con>hr { border-color: #ecc79d; }
.pro-info-wrap .pi-con .info_con { color: #555; line-height: 1.8; min-height: 200px; }
.pro-info-wrap .pi-con .info_con>p { margin: 0; }
.pro-info-wrap .pi-con .info_share { border-top: solid 1px #ecc79d; padding-top: 6px; margin-top: 15px; }
.pro-info-wrap .pi-con .info_share .bdsharebuttonbox > span { float: left; line-height: 24px; margin: 6px 6px 6px 0; }
.pro-desc-wrap { margin-top: 0; }
.pro-desc-wrap>.info_tit { color: #411f01; font-size: 20px; margin-bottom: 8px; }
.pro-desc-wrap>hr { border-color: #ecc79d; margin-top: 0; }
.pro-desc-wrap>.info_con { line-height: 1.8; min-height: 300px; padding-bottom: 4%; }
.pro-desc-wrap>.info_con p { margin: 0; }
.pro-desc-wrap>.info_con img { max-width: 100%; }

/* 放大镜==*/
.zoomBox { width: 480px; margin: 0; border: solid 1px #ecc79d; float: left; margin-left: 10px; }
.tb-pic { position: relative; z-index: 1; }
.tb-pic,
.tb-pic a { width: 478px; height: 358px; }
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *font-size: 593px; *display: block; *font-family: Arial; *line-height: 1; }
.tb-pic a img { width: 100%; height: 100%; }
div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; text-align: center; overflow: hidden; background: #ffffff; border: 1px solid #6d0101; display: none; }
div.zoomMask { position: absolute; cursor: move; z-index: 1; background-color: #666; opacity: 0.5; filter: alpha(opacity=50); }
.spec-scroll { margin: 0; overflow: hidden; float: left; width: 88px; }
.spec-scroll .items { float: left; position: relative; overflow: hidden; width: 88px; height: 360px; }
.spec-scroll .items ul { position: absolute; padding: 0; margin: 0; list-style: none; width: 88px; height: 999999px; }
.spec-scroll .items ul li { float: left; text-align: center; margin-bottom: 7px; width: 88px; }
.spec-scroll .items ul li img { border: 1px solid #ecc79d; padding: 1px; width: 88px; height: 66px; }
.spec-scroll .items ul li img:hover,
.spec-scroll .items ul li.tb-selected img { border: 2px solid #6d0101; padding: 0px; }

/*==========*/
body .layer-myskin .layui-layer-content { padding: 20px 30px; }
.map { width: 50%; }
.contact { width: 50%; background: #6e0202; color: #fff; padding: 3% 5%; min-height: 600px; }
.contact hr { border-top: solid #5c0101 1px; border-bottom: solid #7d0101 1px; }
#container { width: 100%; min-height: 600px; }
.store { margin-bottom: 4%; }
.store-tit { position: relative; height: 40px; padding-top: 1px; }
.store-tit span { color: #573722; font-weight: bold; font-size: 20px; background: #fff3d5; width: 140px; text-align: center; position: absolute; left: 50%; top: 0%; margin-left: -70px; }
.store-tit hr { border-color: #eee0c3; }
.store-wrap { padding-bottom: 5%; padding-top: 3%; }
.store-wrap .store-item { background: #e4b682; color: #573722; margin-bottom: 25px; }
.store-wrap .store-item .item-img { width: 49%; height: 0; padding-bottom: 17.7%; overflow: hidden; }
.store-wrap .store-item .item-con { width: 51%; }
.store-wrap .store-item .item-con .am-vertical-align { height: 200px; padding: 2% 4% 2% 8%; }
.store-wrap .store-item .item-con .am-vertical-align-middle { font-family: 'Microsoft YaHei'; font-size: 14px; cursor: pointer; }
.store-wrap .store-item .item-con h4 { margin: 0; font-size: 18px; line-height: 1.8; }
.store-wrap .store-item .item-con p { margin: 0; }
.store-wrap .swiper-pagination-bullet { width: 14px; height: 14px; background: #e4b682; opacity: 1; }
.store-wrap .swiper-pagination-bullet-active { background-color: #7e0101; }
.mapinfo { margin: 5px 10px; }
.mapinfo h1,
.mapinfo h2,
.mapinfo h3,
.mapinfo h4,
.mapinfo h5,
.mapinfo h6,
.mapinfo p { margin: 0; }
.imgBox { background-color: #e4b682; }
.banner-h{ background: #e4b682; padding-top: 35px; }

/*==自定义动画*/
.am-animation-scale-down-ud {
  -webkit-animation-name: ud-scale-down;
          animation-name: ud-scale-down;
}
.am-animation-slide-top-ud {
  -webkit-animation-name: ud-slide-top;
          animation-name: ud-slide-top;
}
/* Scale down */
@-webkit-keyframes ud-scale-down {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes ud-scale-down {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* Slide top */
@-webkit-keyframes ud-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ud-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/*悬浮链接*/
.suspension { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 60px; height: 60px; background-color: #625d52; margin-bottom: 4px; cursor: pointer; outline: none; border-radius: 5px; }
.suspension .a.active,
.suspension .a:hover { background: #df3f56; }
.suspension .a .i { float: left; margin-top: 10px; margin-left: 10px; width: 40px; height: 40px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
.suspension .a-qrcode  .i { background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service .i { background-repeat: no-repeat; background-position: 0 -40px; }
.suspension .a-service-phone .i { background-position: 0 -80px; }
.suspension .a-message .i { background-position: 0 -120px; }
.suspension .a-top .i { background-position: 0 -160px; }
.suspension .d { display: none; width: 230px; background: #df3f56; color: #fff; position: absolute; right: 67px; min-height: 60px; border-radius: 5px; font-family: "Microsoft Yahei"; }
.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: 64px; }
.suspension .d-service-phone { top: 128px; }
.suspension .d-qrcode { top: 0; }
.suspension .d .inner-box { padding: 8px; }
.suspension .d-service-item { padding: 11px 0; }
.suspension .d-service .d-service-item { border-bottom: none; margin-left: 20px; }
.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 a { color: #fff; }
.suspension .d-service-item a:hover { color: #fff; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; margin-top: 0; margin-bottom: 0; }
.suspension .d-service-item .text { float: left; width: 100%; line-height: 22px; font-size: 25px; font-weight: bold; margin-left: 5px; }
.suspension .d-service-item .text p { margin-top: 0; margin-bottom: 0; }
.suspension .d-service-item .text .number { }
.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; margin-top: 0; margin-bottom: 0; }
.suspension .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; 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 0; }
.suspension .d-qrcode .qrcode-img { padding-left: 20px; padding-right: 20px; }
.suspension .d-qrcode .qrcode-img img{ max-width: 100%; }
.suspension .d-qrcode p { font-size: 14px; font-weight: bold; color: #fff; margin-top: 10px; margin-bottom: 0; }

/* media -S==*/
@media only screen and (max-width:1700px) {
    .slider .position>div { width: 104%; margin-left: -52%; }
}
@media only screen and (max-width:1130px) {
    .con_fixed { padding-left: 15px; padding-right: 15px; }
    .logo { width: 160px; margin-left: -80px; top: 0; bottom: auto; }
    .nav-bar a { margin-left: 10px; margin-right: 10px; }
    .slider .position>div { width: 110%; margin-left: -55%; }
    .friendly { padding-left: 5px; padding-right: 5px; padding-top: 30px; padding-bottom: 30px; }
    .copyright { padding-left: 15px; padding-right: 15px; }
    .recommend-box { padding-left: 15px; padding-right: 15px; }
    .pro-info-wrap { padding-top: 3%; }
    .pro-info-wrap .pi-con { width: 38%; }
    .store-wrap .store-item .item-con .am-vertical-align { height: 100%; padding-top: 4%; }
    .news-wrap ul li .news-con h4 { padding-top: 10%; }
    .news-wrap ul li:hover .news-con h4 { padding-top: 7.4%; }
    .banner-h{ display: none; }
}
@media only screen and (max-width:992px) {
    .logo { width: 140px; margin-left: -70px; }
    .friendly { padding-left: 5px; padding-right: 5px; padding-top: 5%; padding-bottom: 5%; }
    .pro-info-wrap { padding-top: 5%; }
    .pro-info-wrap .pi-img { display: none; }
    .pro-info-wrap .pi-img2 { display: block; width: 80%; margin: auto; }
    .pro-info-wrap .pi-img2 img { width: 100%; }
    .pro-info-wrap .pi-con { width: 100%; padding-left: 0; margin-top: 20px; }
    .pro-info-wrap .pi-con .info_con { min-height: 50px; }
    #pro-slider .swiper-pagination-bullet { width: 10px; height: 10px; }
    #pro-slider .swiper-pagination-bullet-active { background-color: #7e0101; }
    .pro-nav { width: 25% }
    .pro-nav>h3 { font-size: 20px; padding-top: 20px; padding-bottom: 20px; }
    .pro-nav>ul>li>a { padding-left: 30px; }
    .pro-wrap { width: 73% }
    .pro-wrap ul li { padding-top: 4%; }
    .product-page { padding-top: 4%; }
    .pic-wrap ul li { padding-top: 4%; }
    .store-wrap .store-item .item-img { width: 100%; height: 100%; padding-bottom: 0; }
    .store-wrap .store-item .item-img img { width: 100%; }
    .store-wrap .store-item .item-con { width: 100%; }
    .store-wrap .store-item .item-con .am-vertical-align { padding-top: 2%; }
    .news-wrap ul li .news-con h4 { padding-top: 7%; margin-bottom: 8px; }
    .news-wrap ul li:hover .news-con h4 { padding-top: 4.4%; }
    .suspension{ display: none; }
}
@media only screen and (max-width:800px) {
    .nav-bar-wrap { text-align: center; }
    .nav-bar { float: none; display: inline-block; }
    .nav-bar a { margin-left: 0; margin-right: 13px; letter-spacing: 2px; }
    .nav-bar.am-fr a:last-child { margin-right: 10px; }
    .top-search { padding-top: 3%; padding-bottom: 3%; }
    .top-keyword { display: none; }
    .form-word { float: none !important; margin: 0 auto 0; width: 50% !important; }
    .pro-info-wrap .pi-img2 { width: 95%; }
    .pro-nav { width: 30% }
    .pro-wrap { width: 68% }
    .pro-wrap ul li { width: 50%; }
    .news-wrap ul li .news-con h4 { padding-top: 6%; }
    .news-wrap ul li:hover .news-con h4 { padding-top: 3.4%; }
}
@media only screen and (max-width:768px) {
    .logo { width: 120px; margin-left: -60px; }
    .slider .swiper-button-prev,
    .slider .swiper-button-next { display: none; }
    .nav-bar a { letter-spacing: 0; display: inline-block; }
    .form-word { width: 100% !important; }
    .pageWrap { margin-top: 1%; margin-bottom: 1%; padding-top: 1%; padding-bottom: 5%; padding-left: 0; padding-right: 0; }
    .pageWrap a,
    .pageWrap span { margin-top: 2%; }
    .recommend-box { padding-top: 3%; }
    .recommend-box>.recommend-tit h5 { margin-bottom: 2%; }
    .recommend-wrap { padding-top: 3%; padding-bottom: 3%; }
    .recommend-wrap a { margin-bottom: 1%; }
    .recommend-wrap .p-btn span { padding: 8px 10%; }
    .pic-wrap ul li { width: 33.33%; }
    .pic-wrap ul li .p-btn span { padding: 8px 10%; }
    .pro-wrap ul li .p-btn span { padding: 8px 10%; }
    .pro-info-wrap .pi-img2 { width: 100%; }
    .pro-info-wrap .pi-con { margin-bottom: 5%; }
    .map { width: 100%; }
    .contact { width: 100%; min-height: 100%; }
    #container { width: 100%; min-height: 300px; }
    .store-wrap { padding-bottom: 6%; }
    .news-wrap ul li .news-desc { height: 68px; overflow: hidden; }
}
@media only screen and (max-width:667px) {
    .nav-bar>a,
    .nav-bar>a:first-child,
    .nav-bar>a:last-child { margin-left: 15px !important; margin-right: 15px !important; }
    .nav-bar a { float: none; }
    .side-nav { margin-top: 5%; }
    .info-wrap { padding-top: 30px; padding-bottom: 45px; }
    .news-wrap ul li .news-con h4 { padding-top: 5%; }
    .news-wrap ul li:hover .news-con h4 { padding-top: 2.4%; }
    .top .top-slogan img { max-width: 85%; }
}
@media only screen and (max-width:640px) {
    .pro-nav2 { display: block; }
    .pro-nav2.pro-nav-d .am-menu-default .am-menu-nav>li { margin-right: auto; }
    .pro-nav2.pro-nav-d .am-menu-default .am-menu-nav a { padding-right: 0; width: auto; }
    .pro-nav { display: none; }
    .pro-wrap { width: 100%; margin-top: 3%; }
    .here_wrap h6 { display: none; }
    .here_wrap .breadcrumb { float: left; }
    .store-wrap { padding-bottom: 8%; }
    .copy_desc1 { text-align: left; }
    .copy_desc2 { text-align: left; }
    .footer .center_bg { padding-bottom: 0; }
    .mobile-copyright { background: #020000; color: #fff; margin-left: -15px; margin-right: -15px; margin-top: 10%; padding-top: 15px; padding-bottom: 5px; }
    .mobile-copyright p { margin: 0; }
    .pro-wrap ul li .p-btn i { margin-top: 0px; }
    .qrcode img { max-width: 80%; }
}
@media (max-width:576px) {
    .mobile-show { display: block !important; }
    .foot-navbar { width: 80%; margin: 13px auto; }
    .foot-navbar>a { display: inline-block; color: #fff; width: 33.33%; padding: 6px 0; }
    .foot-navbar>a+a:before { content: " "; padding: 0; color: #ccc; }
    .logo { width: 100px; margin-left: -50px; left: 56px; }
    .top .top-con { text-align: right; height: 100px; }
    .top .top-tel>span { text-align: left; font-size: 18px; display: none; }
    .top .top-slogan { margin-top: 20px; display: block; float: none; font-size: 12px; overflow: hidden; }
    .top .top-slogan img { width: 160px; float: right; display: none; }
    .top .top-tel { margin-top: 20px; display: inline-block; float: none; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; background-size: auto 100%; line-height: 1.2; }
    .top .top-line { margin-top: -48px; width: 90%; margin-left: 10%; }
    .top-search { }
    .form-word { }
    .form-word input[type=text] { height: 34px; line-height: 34px; }
    .form-word .btn-search { padding-top: 6px; padding-bottom: 6px; }
    .form-word .btn-search img { }
    .nav-bar.am-fl { margin-top: 5px; margin-left: -15px; margin-right: -15px; width: 105%; }
    .nav-bar.am-fr { margin-bottom: 6px; margin-left: -15px; margin-right: -15px; width: 105%; }
    .nav-bar>a,
    .nav-bar>a:first-child,
    .nav-bar>a:last-child { margin-left: 0px !important; margin-right: 0px !important; height: 40px; line-height: 40px; }
    .nav-bar a { float: left; /*font-size: 14px; */ width: 25%; }
    .side-nav>dl>dd { width: 32.33%; margin-right: 1%; margin-bottom: 1%; line-height: 38px; height: 38px; }
    .side-nav>dl>dd a { font-size: 14px; }
    .news-info-wrap { margin-top: 8%; }
    .news-wrap ul li { margin: 5% 0; }
    .news-wrap ul li:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); transform: scale(1.01); -webkit-transform: scale(1.01); }
    .news-wrap ul li .news-date { display: none; }
    .news-wrap ul li .news-date1 { display: block; }
    .news-wrap ul li .news-date1 .date-box { font-size: 14px; }
    .news-wrap ul li .news-date1 .date-box>span { color: #573722; line-height: 1; }
    .news-wrap ul li .news-con { width: 69%; margin-left: 2%; background-size: auto 200px; }
    .news-wrap ul li .news-con h4 { padding-top: 4%; margin-bottom: 0; }
    .news-wrap ul li:hover .news-con h4 { padding-top: 2%; }
    .news-wrap ul li .news-desc { height: 24px; }
    .pic-wrap ul li { width: 50%; }
}
@media (min-width:376px) and (max-width:440px) {
    .news-wrap ul li .news-con h4 { padding-top: 3%; }
}
@media (max-width:350px) {
    .nav-bar>a,
    .nav-bar>a:first-child,
    .nav-bar>a:last-child { margin-left: 0px !important; margin-right: 0px !important; }
    .nav-bar a { float: left; font-size: 14px; }
    .news-wrap ul li .news-con { width: 67%; margin-left: 4%; }
    .news-wrap ul li .news-con h4 { padding-top: 0; margin-bottom: 0; font-size: 14px; }
    .news-wrap ul li:hover .news-con h4 { padding-top: 0; }
}
@media (max-width:340px) {
    .news-wrap ul li .news-con h4 { padding-top: 5%; }
    .news-wrap ul li .news-desc { display: none; }
}

/* media -E==*/