@font-face{
  font-family:'MontserratBold';
  src:url('../font/Montserrat-Bold.ttf');
}
@font-face{
  font-family:'MontserratMedium';
  src:url('../font/Montserrat-Medium.ttf');
}
@font-face{
  font-family:'MontserratRegular';
  src:url('../font/Montserrat-Regular.ttf');
}

.hide{display: none !important}

html,body{
  background: #fff;color:#333;font-size:16px;
  font-family: MontserratMedium,Helvetica,Arial,sans-serif,"Microsoft YaHei";
}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}
body{margin:0;line-height:1.5;min-height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5{margin:0;padding:0}
*{transition: all .3s;}
*{scrollbar-color:#222 #ccc;scrollbar-width:thin;-ms-overflow-style:none}
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-thumb{border-radius:3px;background:#222}
*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);border-radius:6px;background:#ccc}
.no-scroll{overflow:hidden !important}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#445C47;}
a:focus{text-decoration:none;outline: none;color:#445C47;}
ul,li{list-style: none;margin:0;padding:0;}
label{margin-bottom:0;}
textarea{resize:none;}

input::placeholder,textarea::placeholder {
  color: #999;
}

.layui-layer-title{font-weight:bold !important;font-size:16px !important;}

/*重写siwper左右箭头的样式*/
.swiper-button-next, .swiper-button-prev{width:50px;height: 50px;background: rgba(0,0,0,.3);border-radius: 999px;color:#fff;visibility: hidden;opacity: 0;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{
  visibility: visible;opacity: 1;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size:20px;}

.bg-cover{background-size:cover !important;background-repeat:no-repeat;background-position:center center}
.bg-contain{background-size:contain;background-repeat:no-repeat;background-position:center center}
/*.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*/
.oneline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:-webkit-box}
.twoline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box}
.threeline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box}
.fourline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;display:-webkit-box}
.fiveline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;display:-webkit-box}
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; *display: table; }

/*max-width:1920px;*/
.common-layout{width:100%;padding-left:100px;padding-right:100px;position:relative;margin:0 auto}

.page-wrap{visibility: hidden;padding-top:80px;}
.page-loading{position:fixed;left:0;right:0;bottom:0;top:0;z-index: 999;background: rgba(20,20,20,.3)}
.page-loading .loading-text{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:50px;color:rgba(255,255,255,.1);display: none;}

/*移动端导航*/
.common-menu-box{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.93);z-index: 999999;color:#fff;display: none;}
.common-menu-box .menu-box-in{position:fixed;top:0;right:16px;bottom:24px;left:16px;}
.common-menu-box .menu-head{display: flex;align-items: center;justify-content: space-between;margin-top:10px;}
.common-menu-box .menu-head a{display: block;}
.common-menu-box .menu-head a img{display: block;height:50px;}
.common-menu-box .menu-box-close{
  width:20px;height:20px;background: url("../img/icon/icon-close.png") no-repeat center center;
  backgorund-size:contain;cursor: pointer;
}
.common-menu-box .menu-bottom{position:absolute;display:flex;align-items: flex-end;justify-content: space-between;
  left:50%;top:50%;transform: translate(-50%,-50%);
}
.common-menu-box .bottom-nav-box ul,.common-menu-box .bottom-nav-box li{margin:0;padding:0;list-style: none;}
.common-menu-box .bottom-nav-box li{margin-top:16px;display: flex;justify-content: center;}
.common-menu-box .bottom-nav-box li:first-child{margin-top:0;}
.common-menu-box .bottom-nav-box a.nav-a-main{display: block;text-decoration: none;color:#eee;transition: all .3s;padding-bottom:10px;}
.common-menu-box .bottom-nav-box li a:hover{color:#fff;}
.common-menu-box .bottom-nav-box a .t1{font-size:20px;font-family:Montserrat}
.common-menu-box .bottom-nav-box a .t2{font-size:21px;margin-left:30px;}

.common-menu-box .bottom-nav-box .ul-menu-sub{padding-left:24px;line-height: 2}
.common-menu-box .bottom-nav-box .ul-menu-sub a{display: block;color:#5B595A;font-size:20px;}

.common-menu-box .bottom-nav-box .nav-item-in{
  display: inline-block;line-height: 1;position:relative;
}
.common-menu-box .bottom-nav-box .curr .nav-item-in:after{
  content:"";display: block;position:absolute;left:0;right:0;bottom:7px;height:6px;background: rgba(211,211,211,.3);
}
.common-menu-box .bottom-nav-box .curr a,.common-menu-box .bottom-nav-box .curr a{
  color:#fff;
}
.common-menu-box .bottom-connect{display: flex;align-items: center;}
.common-menu-box .bottom-connect .connect-left img{display: block;width:150px;height:auto;}
.common-menu-box .bottom-connect .connect-right{padding-left:60px;}
.common-menu-box .bottom-connect .connect-right .connect-label{color:#5B595A;}
.common-menu-box .bottom-connect .connect-right .connect-label i{font-size:30px;}
.common-menu-box .bottom-connect .connect-right .connect-label span{font-size:20px;}
.common-menu-box .bottom-connect .connect-right .connect-num{font-size:30px;color:#5B595A;font-family: StretchPro}
.common-menu-box .bottom-connect .connect-right .connect-shejiao{
  display: flex;align-items: center;justify-content: space-between;padding-top:8px;
}
.common-menu-box .bottom-connect .connect-right .connect-shejiao .shejiao-item{
  width:50px;height:50px;border-radius: 99px; display: flex;
  align-items: center;justify-content: center;background: #282727;font-size:30px;
}
.common-menu-box .bottom-connect .connect-right .connect-shejiao .shejiao-item i{
  font-size:30px;color:#fff;
}

/*公共中英标题*/
.common-cn-en-tit .t1{font-size:38px;font-family:"思源宋体", MontserratMedium,Helvetica,Arial,sans-serif,"Microsoft YaHei";font-weight:bold;}
.common-cn-en-tit .t2{font-size:26px;font-family:"思源宋体", MontserratMedium,Helvetica,Arial,sans-serif,"Microsoft YaHei";font-weight:bold;}

/*公共头部banner(单图)*/
.common-banner-single{position: relative;}
.common-banner-single img{display: block;width: 100%;}
.common-banner-single .txt-box{position: absolute;top:50%;left:100px;transform: translateY(-50%);color:#fff;}
.common-banner-single .txt-box .t1{font-size:52px;}
.common-banner-single .txt-box .t2{font-size:26px;}
.common-banner-single .txt-box .common-banner-title{width:auto !important;}

.common-paging{display: flex;align-items: center;justify-content: center;}

.common-paging li:first-child{display: none;}
.common-paging li:last-child{display: none;}
.common-paging .paging-in{display: flex;justify-content: center;}
.common-paging .pagination{display: flex;justify-content: center;align-items: center;}
.common-paging li{margin-left:5px;margin-right:5px;position: relative;}
.common-paging li.active:after{position:absolute;bottom:3px;border-top:1px solid #445c47;left:6px;right:6px;content:"";z-index: 3;}
.common-paging li a,.common-paging li span{
  width:30px;height:50px;border-radius: 99px;margin-left:0;font-size:20px;color:#666;background: transparent;
  display: flex;align-items: center;justify-content: center;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
  background: #E8E8EA !important;border:none !important;color:#333;
}
.pagination>li>a, .pagination>li>span{border:none !important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  border:none !important;background: #fff !important;color:#445c47;
}




/*灰色镂空按钮*/
.common-gray-ghost-btn{border-radius: 99px;border:1px solid #999;height: 50px;padding:0 24px;display: flex;align-items: center;justify-content: center;font-size:18px;color:#999;}
.common-gray-ghost-btn:hover{border:1px solid #445c47;}

/*公共文本框*/
.common-input-box{border-bottom:1px solid #E6E6E6;background: #fff;display: flex;align-items: center;height:46px;box-sizing: border-box;}
.common-input-box .input-icon{margin-right:8px;}
.common-input-box .input-icon i{font-size:16px;color:#BEBEBE;}
.common-input-box .input-dom-box{flex:1;}
.common-input-box .input-dom-box input{border:none;background: transparent;width:100%;outline: none;font-weight:normal;}
.common-input-box .input-suffix{margin-left:8px;}
.common-input-box .input-suffix .valid-code{display: block;width: 100px;height: 40px;}

.common-textarea-box{border-bottom:1px solid #E6E6E6;display: flex;align-items: flex-start;padding:0;}
.common-textarea-box .textarea-icon{margin-right:8px;}
.common-textarea-box .textarea-icon i{font-size:16px;color:#BEBEBE;}
.common-textarea-box .textarea-dom-box{flex:1;}
.common-textarea-box .textarea-dom-box textarea{border:none;background: transparent;width:100%;outline: none;font-weight:normal;}

/*公共from-item*/
.common-form-item{height: 60px;display: flex;align-items: center;}
.common-form-item .item-label{margin-right:16px;color:#999;}
.common-form-item .item-cont{}

/*公共按钮*/
.common-btn{height:60px;background: #1E1E1E;color:#fff;font-size:18px;display: flex;align-items: center;justify-content: center;
  cursor: pointer;
}
.common-btn:hover{color:#999;}

.com-toast-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:rgba(0,0,0,.6)}
.com-toast-box{position:absolute;top:50%;left:50%;padding:12px 30px;border-radius:2px;background-color:rgba(255,255,255,.9);color:#222;transform:translate(-50%,-50%);font-size:14px}
.com-toast-tit{line-height:30px}
.com-toast-item{line-height:30px;font-size:14px}

/*公共radio-item*/
.common-radio-group{display: flex;}
.common-radio-item{display: flex;align-items: center;font-weight: normal;color:#999;margin-right:16px;}
.common-radio-item:last-child{margin-right: 0;}
.common-radio-item input{display: none;}
.common-radio-item input:checked{display: none;}
.common-radio-item .radio-div{width:20px;height:20px;position: relative;background: #f2f2f2;border-radius: 99px;margin-right:4px;flex-shrink: 0;}
.common-radio-item input:checked + .radio-div{background:#445C47 }
.common-radio-item input:checked + .radio-div:before{
  content:"";height:2px;width:5px;background: #fff;position: absolute;top:10px;left:4px;transform: rotate(45deg);
}
.common-radio-item input:checked + .radio-div:after{
  content:"";height:2px;width:10px;background: #fff;position: absolute;top:9px;left:7px;transform: rotate(-45deg);
}

/*公共图片标题*/
body .page-wrap .common-img-title{display: block;width:auto;}

/*公共新闻item*/
.common-news-item{border-bottom:1px solid #000;padding:100px 0;display: block;color:#000;}
.common-news-item .news-item-in{display: flex;}
.common-news-item .news-item-date{margin-right:80px;}
.common-news-item .news-item-date .date-year{font-size:26px;}
.common-news-item .news-item-date .date-day{font-size:50px;}
.common-news-item .item-tit{font-size:32px;font-weight:bold;}
.common-news-item .item-desc{font-size:16px;color:#666;margin-top:24px;}
.common-news-item .news-item-img{padding-bottom:40px;}
.common-news-item .news-item-img img{display: block;width:100%;}
.common-news-item:hover{}
.common-news-item:hover .item-tit{color:#445c47;}

/*公共表单布局样式*/
.common-form-box{overflow: hidden;}
.common-form-box .form-in{margin:0;display: flex;flex-wrap: wrap;}
.common-form-box .form-in .form-item{padding:15px 8px;width:50%;}
.common-form-box .form-in .form-item.item-full{width:100%;}
.common-form-box.global-msg-form{padding:16px;}
.common-form-box.global-msg-form .form-in .form-item{width:100%;}

#headMenuBtn{display: none;}


/*公共头部*/
.page-head .page-head-nav ul a{padding:0 30px;color:#666;}
.page-head{position:fixed;top:0;left:0;right:0;background: #1E1E1E;color:#fff;z-index: 9999;height:82px;padding-left:60px;overflow:hidden;}
.page-head .head-logo{
  border-radius: 999px;display: flex;align-items: center;justify-content: center;
  position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);
}
.page-head .head-logo a{display:block;}
.page-head .head-logo img{display:block;height:50px;}
.page-head .page-head-nav{float:left;}
.page-head .page-head-nav ul{display: flex;align-items: center;}
.page-head .page-head-nav li{position:relative;}
.page-head .page-head-nav li.curr a{color:#fff;}
/*.page-head .page-head-nav li.curr:after{position:absolute;height:3px;background: #fff;bottom:1px;left:0;right:0;content:"";}*/
.page-head .page-head-nav ul a{color:#666;height:80px;display: flex;align-items: center;padding:0 20px;justify-content: center;white-space:nowrap;}
.page-head .page-head-nav ul a:hover{color:rgba(255,255,255,.8);}
.page-head .head-right{display: flex;align-items: center;justify-content: flex-start;padding-right:40px;float:right;height:82px;}
.page-head .head-right .head-right-item{display: flex;align-items: center;justify-content: flex-start;margin-left:30px;cursor: pointer;}
.page-head .head-right .head-right-item:first-child{margin-left:0;}
.page-head .head-right .head-right-item .item-icon{margin-right:4px;color:#fff;}
.page-head .head-right .head-right-item .lang-text{padding:0 16px;position:relative;color:#666;}
.page-head .head-right .head-right-item .lang-text.active{color:#fff;}
.page-head .head-right .head-right-item .lang-text:after{content:"/";position:absolute;right:0;color:#666;}
.page-head .head-right .head-right-item .lang-text:last-child:after{display: none}
.page-head .head-right .head-right-item i{font-size:20px;}
.page-head.scrolled {background-color: #000;top: 0;box-shadow: 0 0 8px rgba(0, 0, 0, .1);left:0;right:0;border-radius: 0;z-index: 99;height:50px;padding-left:0;z-index: 9999}
.page-head.scrolled .head-logo{display: flex;align-items: center;}
.page-head.scrolled .page-head-nav ul a{height:50px;}
.page-head.scrolled .head-logo img{height:40px;}
.page-head.scrolled .head-right{padding-right:16px;height:50px;}


.page-index .index-video{position:relative;}
.page-index .index-video .video-mask{position:absolute;top:0;left:0;right:0;bottom:0;background: red;z-index: 2}
.page-index .index-video video{display: block;width:100%;cursor: pointer;}

/*首页头部banner*/
.swiper-no-img img{display: block;width: 100%;}
.index-banner1{width:100%;overflow:hidden;position: relative;}
.index-banner1 .swiper-container{width:100%}
.index-banner1 .swiper-container img{display: block;width:100%;}

.index-banner1 .swiper-pagination{
  position:absolute;right:50px;bottom:50px;left:auto;width:auto;display: flex;flex-direction: column;
}
.index-banner1 .swiper-pagination-bullet{background: #666;margin-top:8px !important;}
.index-banner1 .swiper-pagination-bullet-active{background: #fff}

.index-product-hot{width:100%;overflow:hidden;position: relative;}


.index-product-hot .swiper-container{width:calc(100% - 150px);margin:0 auto;overflow: hidden;position:relative;}
.index-product-hot .swiper-container img{display: block;width:100%;}
.index-product-hot .index-product-swiper-item{display: block;}
.index-product-hot .index-product-swiper-item .index-product-img{display: block;width:100%;}
.index-product-hot .swiper-slide{width:200px;}
.index-product-hot .product-name{font-size:16px;color:#999;text-align: center;padding-top:8px;}
.index-product-hot .swiper-button-next,.index-product-hot .swiper-button-prev{visibility: visible !important;opacity: 1 !important}
.index-product-hot .swiper-button-prev{left:0;top:0;bottom:0;height:auto;border-radius: 0;border-right:1px solid #E6E6E6;background: #fff;color:#ccc;}
.index-product-hot .swiper-button-next{right:0;top:0;bottom:0;height:auto;border-radius: 0;border-left:1px solid #E6E6E6;background: #fff;color:#ccc;}
.index-product-hot .product-hot-swiper{position:relative;overflow:hidden;}
.index-product-hot .index-pro-tit{font-size:32px;padding:100px 16px 32px 100px;line-height: 1;}

/*首页分类*/
.index-product-category{display: flex;align-items: center;justify-content: center;margin-top:100px;}
.index-product-category .category-item{display: block;flex:1;position:relative;background: #1D1D1D}
.index-product-category .category-item:hover{background: #1A1A1A;}
.index-product-category .category-item .category-name{font-size:32px;color:#fff;position:absolute;left:100px;top:10%;}
.index-product-category .category-item .cate-img{
  display: block;width:50%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);
}
.index-product-category .category-item .cate-place{display: block;width:100%;}


/*首页新品/菜单/地址/线上连接*/
.index-info-box{display: flex;align-items: center;justify-content: flex-start;}
.index-info-box .index-info-left,.index-info-box .index-info-right{width: 50%;}
.index-info-box img{display: block;width:100%;}
.index-info-box .info-address{background: #445C47;position:relative;}
.index-info-box .index-info-left{position:relative;}
.index-info-box .index-info-left .left-txt-box{position:absolute;top:100px;left:10%;}
.index-info-box .index-info-left .left-txt-box .common-gray-ghost-btn{width:160px;margin-top:100px;}
.index-info-box .info-menu{position:relative;}
.index-info-box .info-menu .right-txt-box{position:absolute;top:100px;left:10%;}
.index-info-box .info-menu .right-txt-box .common-gray-ghost-btn{width:160px;margin-top: 250px;}
.index-info-box .address-txt-box{position:absolute;top:0;left:0;bottom:0;right:0;display: flex;color:#fff;}
.index-info-box .address-txt-box .txt-left,.index-info-box .address-txt-box .txt-right{
  display: flex;justify-content: space-between;padding:30px;align-items: center;
}
/*border-right:1px solid rgba(255,255,255,.3);*/
.index-info-box .address-txt-box .txt-left{width:50%;position:relative;}
.index-info-box .address-txt-box .txt-left:after{content:"";top:30px;right:0;bottom:30px;border-right:1px solid rgba(255,255,255,.3);position:absolute;}
.index-info-box .address-txt-box .txt-right{width:50%;}
.index-info-box .address-txt-box .txt-head .t1{font-size:38px;line-height: 1;font-family:"思源宋体", MontserratMedium,Helvetica,Arial,sans-serif,"Microsoft YaHei";font-weight:bold;}
.index-info-box .address-txt-box .txt-head .t2{font-size:26px;margin-top:20px;line-height: 1;margin-bottom:16px;font-family:"思源宋体", MontserratMedium,Helvetica,Arial,sans-serif,"Microsoft YaHei";font-weight:bold;}
.index-info-box .address-txt-box .txt-head .t3{font-size:16px;}
.index-info-box .address-txt-box .txt-more-btn-box{padding-top:32px;}
.index-info-box .address-txt-box .txt-more-btn-box a{width:160px;height: 50px;color:#fff;border-radius: 99px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;}
.index-info-box .address-txt-box .txt-more-btn-box a:hover{color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.8);}

/*首页新闻*/
.index-news-box{display: flex;padding:130px 100px;}
.index-news-box .news-box-head{margin-right:180px;}
.index-news-box .news-box-head .news-more{margin-top:100px;}
.index-news-box .news-box-cont{flex:1;}
.index-news-box .index-news-list{overflow: hidden;margin-top:-100px;}
.index-news-box .index-news-list .list-in{margin:0 -80px;display: flex;flex-wrap: wrap;}
.index-news-box .index-news-list .index-news-item{width:50%;padding:0 80px;}
.index-news-box .index-news-list .new-btn-m{display: none;}


/*首页about*/
.index-about-box{position:relative;}
.index-about-box img{display: block;width: 100%;}
.index-about-box img{display: block;width: 100%;}
.index-about-box .about-head{position: absolute;top:15%;left:20%;color: #fff;}
.index-about-box .about-head .about-more{margin-top: 100px;background: #445C47;border-radius: 99px;;color:#fff;display: flex;align-items: center;justify-content: space-between;padding:0 27px;height:60px;}
.index-about-box .about-head .about-more:hover{color:#445C47;background: #fff;}
.index-about-box .about-head .about-more .t1{font-size:18px;margin-right:24px;}
.index-about-box .about-head .about-more i{font-size:28px;}


/*品质页*/
.page-quality .quality-cont {padding:0 24px 150px 24px;}
.page-quality .quality-cont .quality-list{display: flex;padding:130px 0;}
.page-quality .quality-cont .quality-list .quality-item{flex:1;text-align: center;visibility: hidden;}
.page-quality .quality-cont .quality-list .quality-item .item-icon{}
.page-quality .quality-cont .quality-list .quality-item .item-icon .item-icon-in{width:200px;height:200px;border-radius: 999px;border:3px solid #445C47;display: flex;align-items: center;justify-content: center;margin:0 auto;}
.page-quality .quality-cont .quality-list .quality-item .item-icon i{font-size:80px;color:#445C47;line-height: 1}
.page-quality .quality-cont .quality-list .quality-item .item-txt{font-size:30px;margin-top: 49px;}
.page-quality .quality-cont .quality-img-box{}
.page-quality .quality-cont .quality-img-box img{display: block;max-width:100%;margin:0 auto;}

/*新品推荐*/
.page-new-arrival .common-banner-single .txt-box{color:#000;}
.page-new-arrival .new-arrival-banner2{width:100%;overflow:hidden;position: relative;}
.page-new-arrival .new-arrival-banner2 .swiper-container{width:100%}
.page-new-arrival .new-arrival-banner2 .swiper-container img{display: block;width:100%;}
.page-new-arrival .new-arrival-banner3 img{display: block;width:100%;}

/*寻找门市*/
.page-stores .stores-cont{padding:130px 16px;width:100%;max-width:1720px;margin:0 auto;}
.page-stores .stores-list{overflow: hidden;}
.page-stores .stores-list .list-in{margin:-40px; display: flex;flex-wrap: wrap;}
.page-stores .stores-list .list-in .store-item{width:33.33%;padding: 40px;display: flex;flex-direction: column;}
.page-stores .stores-list .list-in .store-item .item-img img{display: block;width: 100%;}
.page-stores .stores-list .list-in .store-item .store-info-box{border: 1px solid rgba(180,180,180,.3);border-top:none;padding:30px 40px 0 40px;}
.page-stores .store-item .store-name{font-size:24px;color:#445C47;}
.page-stores .store-item .store-address{font-size:15px;color:#666;}
.page-stores .store-item .store-mobile{font-size:18px;color:#666;margin-top:20px;}
.page-stores .store-item .store-time{font-size:18px;margin-top:3px;color:#666;}
.page-stores .store-item .store-item-foot{padding:20px 0;border-top:1px solid rgba(180,180,180,.3);margin-top:24px;display: block;color:#999;}
.page-stores .store-item .store-item-foot:hover{color:#445c47}
.page-stores .store-item .store-item-foot i{color:#999;font-size:14px;}

/*网络商店*/
.page-online .page-online-banner {position:relative;}
.page-online .page-online-banner .online-img{display: block;width:100%;}
.page-online .page-online-banner .common-banner-single{position:absolute;top:0;left:0;right:0;}
.page-online .page-online-banner .common-banner-single img{display: block;width:100%;}
.page-online .online-desc{position: absolute;bottom:50px;right:100px;padding:40px;background: #445C47;width:750px;}
.page-online .online-desc .desc-txt{font-size:18px;color:rgba(255,255,255,.6);}
.page-online .online-desc .desc-link{margin-top:100px;display: flex;align-items: center;justify-content: flex-start;}
.page-online .online-desc .desc-link .link-txt{border-bottom:2px solid #fff;padding-bottom:4px;font-size:32px;color:#fff;line-height: 1.2}
.page-online .online-desc .desc-link:hover .link-txt{color:rgba(255,255,255,.8);}
.page-online .online-desc .desc-link:hover .link-icon i{color:rgba(255,255,255,.8);}
.page-online .online-desc .desc-link .link-icon{margin-left:32px;}
.page-online .online-desc .desc-link .link-icon i{font-size:50px;color:#fff;line-height: 1}

/*关于我们 about*/
.page-about .about-cont{margin-top:80px;padding:130px 100px;}
.page-about .about-cont .about-cont-top{display: flex;align-items: flex-start;justify-content: flex-start;}
.page-about .about-cont .about-cont-top .about-cont-top-left{margin-right:80px;flex:1;}
.page-about .about-cont .about-cont-top .about-cont-top-left img{display: block;width:100%;}
.page-about .about-cont .about-cont-top .about-cont-top-right{flex:1;}
.page-about .about-cont .about-cont-top .about-cont-top-right .about-logo img{display: block;height:60px;}
.page-about .about-cont .about-cont-top .about-cont-top-right .about-txt{margin-top:50px;}
.page-about .about-cont .about-cont-top .about-cont-top-right .about-txt p{margin-top:32px;color:#666;}
.page-about .about-cont .about-cont-top .about-cont-top-right .about-txt p:first-child{margin-top:0;}
.page-about .about-cont .about-cont-bottom {margin-top:60px;overflow:hidden;}
.page-about .about-cont .about-cont-bottom .about-img-list{display: flex;align-items: center;margin:0 -20px;}
.page-about .about-cont .about-cont-bottom .about-img-list .about-img-item{flex:1;padding:0 20px;}
.page-about .about-cont .about-cont-bottom .about-img-list .about-img-item img{display: block;width:100%;}


/*品牌合作*/
.page-cooperate .cooperate-cont{width:100%;max-width:1282px;margin:130px auto;padding:0 16px;}
.page-cooperate .cooperate-cont .common-form-box{margin-top:80px;}
.page-cooperate .cooperate-txt{
  font-size:32px;
  background: -webkit-linear-gradient(left, #445c47, #000000); /* Safari/Chrome */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}




/*.common-submit-btn{width:210px;margin-left:50px;}*/
/*.common-submit-btn:hover{background: #445c47;color:#F5F5F5;}*/
.custom-form-item-in{display: flex;align-items: center;}


/*服务支持*/
.page-service .service-cont{padding:100px 16px;}
.page-service .service-cont .common-form-box{max-width:650px;margin:0 auto;width:100%;}
.page-service .service-cont .form-label{color:#999;padding-bottom:60px;}
.page-service .service-map{width:100%;position:relative;}
.page-service .service-map iframe{width:100%;height:600px;background: #ccc;display: block;}
.page-service .service-map .map-info-box{position:absolute;top:50px;left:80px;background: rgba(255,255,255,.9);padding:30px 25px;width: 570px;}
.page-service .service-map .map-info-box .info-item{margin-top:24px;font-size:16px;}
.page-service .service-map .map-info-box .info-item:first-child{margin-top:0;}
.page-service .service-map .map-info-box .info-item .item-label{color:#999;}
.page-service .service-map .map-info-box .info-item .item-cont{color:#333;}





/*加盟服务*/
.page-join .join-cont{width:100%;max-width: 1282px;margin:0 auto;padding:130px 16px;}
.page-join .join-cont .join-desc{}
.page-join .join-cont .join-desc-block .block-tit{font-size:32px;color:#445c47;padding:30px 0;}
.page-join .join-cont .join-desc-block .block-tit.bottom-line{border-bottom:1px solid rgba(180,180,180,.3);}
.page-join .join-cont .join-desc-block .block-tit.top-line{border-top:1px solid rgba(180,180,180,.3);}
.page-join .join-video-box video{display: block;width:100%;margin-top:70px;}



.page-join .join-cont .sub-block{margin-top:30px;}
.page-join .join-cont .sub-block .sub-block-tit{font-size:22px;color:#445c47;}
.page-join .join-cont .sub-block .sub-block-cont{font-size:18px;margin-top:8px;color:#666;}
.page-join .join-cont .sub-block .sub-block-cont-contact{display: flex;align-items: center;justify-content: space-between;}
.page-join .join-cont .sub-block .sub-block-cont-contact .contact-left{display: flex;flex-wrap:wrap;}
.page-join .join-cont .sub-block .sub-block-cont-contact .contact-item{font-size:26px;margin-right:70px;color:#445c47;}
.page-join .join-cont .sub-block .sub-block-cont-contact .contact-item:last-child{margin-right:0}
.page-join .join-cont .sub-block .sub-block-cont-contact .contact-right .common-btn{width:210px;}
.page-join .join-cont .sub-block .sub-block-cont-contact .contact-right .common-btn:hover{background:#445c47;color:#fff; }
.page-join .join-liucheng{margin-top:70px;}
.page-join .join-zixun{margin-top:70px;}
.page-join .join-cont .join-liucheng .block-tit{padding-top:70px;}
.page-join .join-liucheng .block-cont{padding-top:70px;}
.page-join .join-cont .join-zixun .block-tit{padding-top:70px;padding-bottom:70px;}
.page-join .liucheng-img-pc{display: block;max-width: 100%;}
.page-join .liucheng-img-m{display: none;max-width: 100%;}

/*新闻公告列表*/
.page-news .news-cont{max-width:1652px;width:100%;padding:130px 16px;margin:0 auto;}
.page-news .news-category{border-bottom:2px solid #000;padding-bottom: 32px;}
.page-news .news-category .category-in{overflow-x: auto;}
.page-news .news-category ul{display: flex;margin-left:-30px;}
.page-news .news-category ul li{flex-shrink: 0;}
.page-news .news-category ul li.active a{color:#445c47;}
.page-news .news-category ul a{display: block;font-size:26px;color:#999;padding:0 30px;}
.page-news .news-category ul a:hover{color:#445c47;}
.page-news .hot-news-swiper{width:100%;overflow:hidden;position: relative;padding-top:85px;}
.page-news .hot-news-swiper .swiper-container{width:100%}
.page-news .hot-news-swiper .swiper-container img{display: block;width:100%;}
.page-news .hot-item-box{display: flex;}
.page-news .hot-item-box .hot-left{flex:2;margin-right:52px;}
.page-news .hot-item-box .hot-left img{display: block;width:100%;}
.page-news .hot-item-box .hot-right{display: flex;flex:1;}
.page-news .hot-item-box .hot-right .hot-date{margin-right:85px;}
.page-news .hot-item-box .hot-right .date-year{font-size:26px;}
.page-news .hot-item-box .hot-right .date-day{font-size:50px;}
.page-news .hot-item-box .hot-right .news-tit a{display: block;font-size:32px;color:#000;font-weight:bold;}
.page-news .hot-item-box .hot-right .news-tit a:hover{color:#445c47;}
.page-news .hot-item-box .hot-right .news-desc{font-size:16px;color:#666;margin-top:30px;line-height: 1.8}
.page-news .hot-item-box .hot-right .news-info{border-bottom:2px solid #000;flex:1;}
.page-news .hot-news-swiper .swiper-pagination{display: flex;justify-content: flex-end;bottom:30px;}
.page-news .hot-news-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height: 10px;background: #ECEEEC;opacity: 1;}
.page-news .hot-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width:10px;height: 10px;background: #445c47;}

/*新闻页*/
.page-news .news-list-box{display: flex;padding:130px 0;}
.page-news .news-list-box .index-news-list{overflow: hidden;margin-top:-100px;flex:1;}
.page-news .news-list-box .index-news-list .list-in{margin:0 -40px;display: flex;flex-wrap: wrap;}
.page-news .news-list-box .index-news-list .news-item-wrap{width:33.33%;padding:0 40px;display: flex;}

/*菜单*/
.page-menus .menus-banner-sub img{display: block;width:100%;}
.page-menus .menus-cont{display: flex;justify-content: space-around;padding:80px 100px 100px 100px;margin:0 auto;}
.page-menus .menus-cont .menus-left{margin-right:50px;width:50%;flex:1;}
.page-menus .menus-cont .menus-right{flex:1;}
.page-menus .menus-cont .menus-left img{display: block;width: 100%;}
.page-menus .menus-cont .menus-right img{display: block;width: 100%;}


/*新闻详情*/
.page-news-detail .news-detail-cont{display: flex;width:100%;max-width: 1620px;margin:0 auto 0 auto;padding:180px 16px 130px 16px;}
.page-news-detail .news-detail-left{width:480px;margin-right:90px;}
.page-news-detail .news-detail-left .news-title{font-size:38px;font-weight:bold;word-break: break-all;}
.page-news-detail .news-detail-left .news-info{display: flex;align-items: center;margin-top:30px;}
.page-news-detail .news-detail-left .news-info .info-item{color:#999;font-size:14px;margin-right:12px;}
.page-news-detail .news-detail-left .news-info .info-item:last-child{margin-right:0;}
.page-news-detail .news-detail-left .news-relation-box{margin-top:50px;border-top:2px solid #333;padding-top:20px;}
.page-news-detail .news-detail-left .news-relation-box a{height:50px;display: block;color:#999;line-height: 50px;
  white-space: nowrap;
}
.page-news-detail .news-detail-left .news-relation-box a:hover{color:#445c47;}

.page-news-detail .news-detail-right{flex:1;}
.page-news-detail .news-detail-right img{max-width: 100%;}
.page-news-detail .news-detail-right video{max-width: 100%;}

.page-product-list .product-list-cont{padding-bottom:100px;}
.page-product-list .pro-cat-box{padding:80px 100px;overflow-x: auto;}
.page-product-list .pro-cat-box .cat-ul{display: flex;align-items: center;justify-content: flex-start;}
.page-product-list .pro-cat-box .cat-ul li{padding-right:47px;flex-shrink: 0;}
.page-product-list .pro-cat-box .cat-ul li:last-child{padding-right:0;}
.page-product-list .pro-cat-box .cat-ul a{display: block;color:#999;}
.page-product-list .pro-cat-box .cat-ul a:hover,.page-product-list .pro-cat-box .cat-ul li.curr a{color:#333;}
.common-pro-list{padding:0 100px;}
.common-pro-list .pro-list-in{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;margin:0 -8px;}
.common-pro-list .pro-item{width:25%;padding:8px;position:relative;}
.common-pro-list .pro-item-in{background: #FAFAFA;padding-bottom:20px;display: block;}
.common-pro-list .pro-img-box{padding:24px 64px 16px 64px;}
.common-pro-list .pro-img{display: block;width:100%;margin:0 auto;}
.common-pro-list .pro-name{margin:0 32px;overflow: hidden;color:#999;text-align: center;}
.common-pro-list .pro-item-mask{position:absolute;top:8px;left:8px;right:8px;bottom:8px;background: rgba(0,0,0,.6);
  display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;
}
.common-pro-list .pro-item-mask .mask-btn{padding:16px;width:150px;height:40px;display: flex;align-items: center;justify-content: center;margin-top:8px;}
.common-pro-list .pro-item-mask .mask-btn:first-child{margin-top:0;}
.common-pro-list .pro-item-mask .btn-white{background: rgba(255,255,255,.8);color:#333;}
.common-pro-list .pro-item-mask .btn-black{background: rgba(0,0,0,.8);color:#fff;}
.common-pro-list .pro-item:hover .pro-item-mask{visibility: visible;opacity: 1;}
.common-pro-list .pro-list-paging{display: flex;align-items: center;justify-content: center;}
.common-pro-list .pro-empty-box{display: flex;justify-content: flex-start;padding:24px;text-align: center;flex-direction: column;justify-content: center;}
.common-pro-list .pro-empty-box img{display: block;margin:0 auto;width:100%;max-width: 500px;}
.common-pro-list .pro-empty-box .empty-txt{padding-top:24px;color:#999;}

.pro-list-paging{display: none;padding:140px 0  0 0}
.pro-list-paging li:first-child{display: none;}
.pro-list-paging li:last-child{display: none;}
.pro-list-paging .paging-in{display: flex;justify-content: center;}
.pro-list-paging .pagination{display: flex;justify-content: center;align-items: center;}
.pro-list-paging li{
  margin-left:5px;margin-right:5px;
}
.pro-list-paging li a,.case-list-box li span{
  width:30px;height:30px;border-radius: 99px;margin-left:0;font-size:18px;background: #E8E8EA;
  display: flex;align-items: center;justify-content: center;color:#999;padding:0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  border-color:#E8E8EA !important;background: #E8E8EA !important;border-radius: 999px !important;
  width:30px;height:30px;color:#333;padding:0;display: flex;align-items: center;justify-content: center;

}


/*产品列表*/
.page-product-detail{}
.page-product-detail .product-detail-img-list-box{padding:50px 100px;background: #FAFAFA;display: flex;justify-content: center;position:relative;}
.page-product-detail .product-detail-img-list-box .product-detail-xinghao{
  position:absolute;top:50px;color:rgba(0,0,0,.1);font-size:100px;line-height: 1;left:0;right:0;text-align: center;
}
.page-product-detail .product-detail-img-list-box .product-detail-slogon{
  position:absolute;top:50px;color:rgba(0,0,0,.3);font-size:32px;line-height: 1;left:0;right:0;text-align: center;
}
.page-product-detail .product-detail-cont{padding:100px 100px 0 100px;}
.page-product-detail .product-detail-cont .pro-detail-meta{display: flex;align-items: stretch;justify-content: flex-start;}
.page-product-detail .pro-detail-meta .meta-left{flex:3;border-right:1px solid #ECECEC;padding:50px 100px 50px 0;}
.page-product-detail .pro-detail-meta .meta-left .meta-tit{font-size:36px;color:#999;line-height: 1;}
.page-product-detail .pro-detail-meta .meta-left .meta-brand{font-size:20px;color:#333;margin-top:24px;}
.page-product-detail .pro-detail-meta .meta-left .meta-box{margin-top:24px;}
.page-product-detail .pro-detail-meta .meta-left .meta-box .meta-item{display: flex;align-items: center;justify-content: flex-start;padding:16px 0;border-bottom:1px solid #F2F2F2;}
.page-product-detail .pro-detail-meta .meta-left .meta-box .meta-item-label{width:40%;margin-right:3%;}
.page-product-detail .pro-detail-meta .meta-left .meta-box .meta-item-value{width:57%;color:#999;}
.page-product-detail .pro-detail-meta .meta-right{flex:1;padding:50px 0 0 60px;}
.page-product-detail .pro-detail-meta .meta-right .right-txt{color:#999;}
.page-product-detail .pro-detail-meta .meta-right .right-price{font-size:28px;padding-bottom:8px;}
.page-product-detail .pro-detail-meta .meta-right .right-btn{background: #1E1E1E;color:#fff;font-size:16px;height:60px;display: flex;align-items: center;justify-content: center;border-radius: 4px;margin-top:24px;cursor:pointer;}
.page-product-detail .pro-detail-meta .meta-right .right-btn:hover{color:#999;}
.page-product-detail .common-pro-list{padding:100px 0;border-top:1px solid #E8E8E8;margin-top:0;}

.page-product-detail .detail-big-img-box{width:620px;height:620px;}
.page-product-detail .detail-big-img-box .swiper-slide{width:620px;height:620px;}
.page-product-detail .detail-big-img-box .swiper-slide img{display: block;width:100%;}

.page-product-detail .detail-small-img-box{position:absolute;right:50px;bottom:50px;
  display: flex;align-items: center;justify-content: flex-end;
}
.page-product-detail .detail-small-img-box .detail-thumb{width:600px;}
.page-product-detail .detail-small-img-box .swiper-slide{width:60px;box-sizing: border-box;height:60px;overflow: hidden;border:1px solid transparent;cursor:pointer;display: flex;align-items: center;justify-content: center;}
.page-product-detail .detail-small-img-box .swiper-slide img{display: block;width:60px;height:60px;}
.page-product-detail .detail-small-img-box .swiper-slide img{display: block;width:50px;height:50px;}
.page-product-detail .detail-small-img-box .swiper-slide-thumb-active{border:1px solid #E6E6E6;background: #E6E6E6}


/* box */
/*.page-product-detail .box{}*/
/*.page-product-detail .box *{transition: none !important;}*/
/*.page-product-detail .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}*/
/*.page-product-detail .tb-pic a img{display: block;width:100%;}*/
/*.page-product-detail .tb-pic a{line-height: 1;}*/
/*.page-product-detail .tb-thumb{display: flex;align-items: center;position:absolute;right:50px;bottom:50px;z-index: 5;}*/
/*.page-product-detail .tb-thumb li{background:none repeat scroll 0 0 transparent;margin:0 6px 0 0;overflow:hidden;}*/
/*.page-product-detail .tb-s310, .tb-s310 a{height:620px;width:620px;}*/
/*.page-product-detail .tb-s310, .tb-s310 img{max-height:620px;max-width:620px;}*/
/*!*.page-product-detail .tb-s310 a{*font-size:271px;}*!*/
/*!*.page-product-detail .tb-s40 a{*font-size:35px;}*!*/
/*.page-product-detail .tb-s40, .tb-s40 a{height:60px;width:60px;}*/
/*.page-product-detail .tb-booth{position:relative;z-index:3;}*/
/*.page-product-detail .tb-thumb .tb-selected{background: #E6E6E6;}*/
/*.page-product-detail .tb-thumb .tb-selected div{}*/
/*.page-product-detail .tb-thumb li div{border:1px solid #E6E6E6;cursor:pointer;}*/
/*div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:620px !important;height:620px !important;display:none;text-align:center;overflow:hidden;}*/
/*div.zoomMask{position:absolute;background:url("../img/trans/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;animation: none;transition: none !important;}*/
/*div.zoomMask * {transition: none !important;}*/














/*搜索弹框*/
.common-search-wrap{position:fixed;left:0;top:0;right:0;height:250px;background: rgba(0,0,0,.9);padding:0;display: none;z-index: 999}
.common-search-wrap .search-wrap-close{position:absolute;top:20px;right:50px;width:40px;height:40px;color:#fff;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.common-search-wrap .search-wrap-close i{font-size:22px;}
.common-search-wrap .search-box{position: absolute;bottom:40px;left:100px;right:100px;display: flex;border-bottom:2px solid rgba(255,255,255,.5);}
.common-search-wrap .search-box .search-box-left{display: flex;align-items: center;flex:1;}
.common-search-wrap .search-box .search-box-left .box-left-icon {padding-right:20px;}
.common-search-wrap .search-box .search-box-left .box-left-icon i{font-size:30px;color:#999;}
.common-search-wrap .search-box .box-left-in{flex:1;}
.common-search-wrap .search-box .box-left-in input{width:100%;height:100px;border:none;outline: none;-webkit-appearance: none;font-size:30px;background: transparent;color:#fff;}
.common-search-wrap .search-box .search-box-right{color:#fff;font-size:30px;width:200px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.common-search-wrap .search-box .search-box-right i{font-size:24px;color:#999;margin-left:20px;}



/*页脚*/
.page-foot{background: #1E1E1E;color:#fff;padding:45px 100px 24px 100px;}
.page-foot .page-foot-top{display: flex;align-items: stretch;justify-content: space-between;}
.page-foot .page-foot-top .page-foot-top-left img{height:50px;}
.page-foot .page-foot-top-right{display: flex;align-items: stretch;justify-content: flex-start;}
.page-foot .foot-nav-box{display: flex;align-items: flex-start;justify-content: flex-start;}
.page-foot .foot-nav-box .foot-nav-item{margin-right:130px;}
.page-foot .foot-nav-box .foot-nav-item:last-child{margin-right:0;}
.page-foot .foot-nav-box .foot-nav-item a{color:#666;display: block;font-size:16px;}
.page-foot .foot-nav-box .foot-nav-item .nav1-item a{color:#fff;}
.page-foot .foot-nav-box .foot-nav-item .nav-2-box{margin-top:16px;}
.page-foot .foot-nav-box .foot-nav-item .nav-2-box .nav2-item{margin-top:8px;}
.page-foot .foot-nav-box .foot-nav-item .nav-2-box .nav2-item a:hover{color:#fff;}
.page-foot .foot-email-box{margin-right:150px;}
.page-foot .foot-email-box .email-label{}
.page-foot .foot-email-box .email-input{border:1px solid #474747;border-radius: 8px;
  display: flex;align-items: center;justify-content: space-between;width:100%; max-width:370px;background: #3C3C3C;padding:12px;
  margin-top:24px;
}
.page-foot .foot-email-box .email-input .input-left{color:rgba(255,255,255,.6);font-size:14px;}
.page-foot .foot-email-box .email-input .input-icon{width:24px;height:24px;border-radius: 999px;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.page-foot .foot-email-box .email-input .input-icon i{font-size:16px;line-height: 1;color:#333;font-weight:bold;}
.page-foot .foot-email-box .phone-box{display: flex;align-items: center;justify-content: flex-start;margin-top: 32px;}
.page-foot .foot-email-box .phone-box .phone-icon{margin-right:8px;padding-top:3px;}
.page-foot .foot-email-box .phone-box .phone-icon i{font-size:40px;line-height: 1;}
.page-foot .foot-email-box .phone-box .phone-meta .meta-label{font-size:14px;color:#999;line-height: 1;}
.page-foot .foot-email-box .phone-box .phone-meta .meta-meta-num{font-size:26px;color:#fff;line-height: 1;margin-top:4px;}
.page-foot .foot-email-box .work-box{max-width:370px;margin-top:24px;}

.page-foot .page-foot-contact-box{display: flex;align-items: center;justify-content: space-between;margin-top: 180px;}
.page-foot .page-foot-contact-box .contact-left-box{max-width:500px;padding-right:16px;}
.page-foot .page-foot-contact-box .contact-left-box .t1{color:#999;font-size:14px;}
.page-foot .page-foot-contact-box .contact-left-box .t2{color:#999;font-size:14px;margin-top: 8px;}
.page-foot .page-foot-contact-box .contact-right-box .icon-list{display: flex;align-items: center;justify-content: flex-start;}
.page-foot .page-foot-contact-box .contact-right-box .icon-item{margin-right:16px;background: #333;border-radius: 999px;width:38px;height:38px;display: flex;align-items: center;justify-content: center;}
.page-foot .page-foot-contact-box .contact-right-box .icon-item:last-child{margin-right: 0;}
.page-foot .page-foot-contact-box .contact-right-box .icon-item i{font-size:22px;color:#fff;line-height: 1}
.page-foot .page-foot-copy-box{margin-top:32px;border-top:1px solid #353535;padding-top:24px;
  display: flex;align-items: center;justify-content: space-between;color:#999;
}


.page-product-detail .product-detail-img-list-box{flex-direction: column;}
.page-product-detail .detail-small-img-box{position:static;margin:0px auto 0 auto;}
.page-product-detail .detail-head-slogen{text-align: center;font-size:24px;padding-top:20px;}
.page-product-detail .detail-big-img-box{margin:0 auto;}


.page-product-detail .slider-container{background: transparent}
.page-product-detail .box-cont{
  max-width: 620px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  font-size: 14px;
}
.page-product-detail .box-cont .active {background:#E6E6E6;}


.page-product-detail .box-cont .preview {
  text-align: center;
  padding: 5px;
}
.page-product-detail .box-cont .preview a {
  display: inline-block;
  margin: 5px;
}
.page-product-detail .box-cont .preview img {
  display: block;
  width: 60px;
  height: 60px;
}
.sl-overlay{opacity: .9 !important;z-index: 10001}
.sl-wrapper{z-index: 10002;}
.sl-wrapper *{animation: none; }
.detail-img-box .slider-nav{display: none;}



/************************自适应样式************************/

@media screen and (max-width: 1520px) {


  .page-wrap{padding-top:50px;}

  .index-info-box .address-txt-box .txt-head .t1{font-size:24px;}
  .index-info-box .address-txt-box .txt-head .t2{font-size:18px;}
  .index-info-box .address-txt-box .txt-head .t3{font-size:14px;}
  .index-info-box .address-txt-box .txt-left, .index-info-box .address-txt-box .txt-right{
    padding:24px 24px;
  }
  .index-info-box .address-txt-box .txt-more-btn-box{padding-top:8px;}
  .index-info-box .address-txt-box .txt-more-btn-box a{width:140px;height:30px;}
  .index-news-box{padding:80px 16px;}
  .index-news-box .news-box-head{margin-right:80px;}
  .index-news-box .index-news-list .list-in{margin:0 -40px;}
  .index-news-box .index-news-list .index-news-item{padding:0 40px;}
  .page-about .about-txt-box{display: block;}
  .page-about .about-txt-box .txt-left{margin-right:0;padding-bottom:30px;}
  .page-about .about-txt-box .txt-left .t2{margin-top:30px;}
  .page-about .about-txt-box .txt-right{margin:50px auto -100px auto;}
  .page-about .about-txt-box .txt-right img{display: block;margin:0 auto;}



  .page-news .index-news-box{padding:80px 16px;}
  .page-news .index-news-box .news-box-head{margin-right:80px;}
  .page-news .index-news-box .index-news-list .list-in{margin:0 -40px;}
  .page-news .index-news-box .index-news-list .index-news-item{padding:0 40px;}

  .page-news-detail .news-detail-cont{padding-top:100px;}

  .index-info-box .info-menu .right-txt-box .common-gray-ghost-btn{margin-top:150px;}


  body .page-index .common-img-title{width:180px;}
  .page-index .index-news-box .news-box-head .news-more .common-img-title{
    width:127px;height: 39px;object-fit:cover;object-position:left;
  }

  .page-foot .foot-nav-box .foot-nav-item{margin-right:50px;}
  .page-foot .foot-email-box{margin-right:50px;}

  .common-pro-list .pro-item{width:33.33%;}

  .page-product-detail .product-detail-img-list-box .product-detail-xinghao{font-size:80px;}

  /*.page-product-detail .product-detail-img-list-box{padding-bottom:100px;}*/
  .page-product-detail .product-detail-img-list-box{flex-direction: column;}
  .page-product-detail .detail-small-img-box{position:static;margin:8px auto 0 auto;}
  .page-product-detail .detail-big-img-box{margin:0 auto;}

}

@media screen and (max-width: 1300px) {
  .page-head .page-head-nav{display: none;}
  .page-head .head-logo{left:16px;transform: translate(0,-50%);}
  .index-news-box{display: block;}
  .index-news-box .news-box-head{display: flex;align-items: center;justify-content: space-between;margin-right:0;}
  .index-news-box .news-box-head .news-more{margin-top:0;}
  .index-news-box .index-news-list{margin-top:0;}

  .page-foot .foot-left .left-center{display: block;}
  .page-foot .foot-left .left-center .left-center-left .foot-phone-box{flex:1;}
  .page-foot .foot-left .left-center .left-center-left .foot-shiye{flex:1;}
  .page-foot .foot-left .left-center .left-center-right{margin-top:36px;}

  .page-menus .menus-cont{padding:32px 16px 50px 16px}
  .page-menus .menus-cont .menus-left{margin-right:16px;}

  .page-about .about-txt-box{padding:0 16px;}

  .page-cooperate .cooperate-cont{margin:50px auto;}
  .page-cooperate .cooperate-cont .common-form-box{margin-top:30px;}



  .page-join .join-cont{padding:50px 16px;}

  .page-news .news-list-box{padding:50px 0;}
  .page-news .news-list-box .index-news-list .news-item-wrap{width:50%;padding:0 16px;}
  .page-news .news-list-box .index-news-list .list-in{margin:0 -16px;}
  .common-news-item{padding:50px 0;}
  .page-news .news-cont{padding:50px 16px;}
  .page-news .news-list-box .index-news-list{margin-top:0;}

  #headMenuBtn{display: block;}

  .page-product-detail .product-detail-cont .pro-detail-meta{display: block;padding-bottom:50px;}
  .page-product-detail .pro-detail-meta .meta-left{border-right:none;padding:0 0 50px 0;}
  .page-product-detail .pro-detail-meta .meta-right{padding:0;max-width:300px;margin:0 auto;text-align: center;}
  .page-product-detail .common-pro-list{padding:50px 0;}

  .page-product-detail .pro-detail-meta .meta-left{}


  .page-product-detail .product-detail-img-list-box .product-detail-xinghao{font-size:50px;}


}


@media screen and (max-width: 1180px) {
  .page-product-detail .product-detail-img-list-box .product-detail-xinghao{font-size:60px;}
  .index-info-box{display: block;}
  .index-info-box .info-menu .right-txt-box .common-gray-ghost-btn{margin-top:50px;}
  .index-info-box img.address-place{display: none;}
  .index-info-box .address-txt-box{position: static;padding:30px 0;}
  .index-info-box .index-info-left, .index-info-box .index-info-right{width:100%;}

  .common-news-item{padding:32px 0;}
  .common-news-item .news-item-date .date-year{font-size:18px;}
  .common-news-item .news-item-date .date-day{font-size:28px;}
  .common-news-item .news-item-date{margin-right:30px;}
  .index-news-box .index-news-list .list-in{margin:0 -16px;}
  .index-news-box .index-news-list .index-news-item{padding:0 16px;}
  .common-news-item .item-tit{font-size:24px;}

  .index-about-box .about-head{left:24px;top:50%;transform: translateY(-50%)}
  .index-about-box .about-head .about-more{margin-top:24px;}

  .page-foot .foot-left{padding-left:16px;}
  .page-foot .foot-right{width:200px;padding-left:24px;}
  .page-foot .foot-left .left-center .left-center-left .foot-phone-box{margin-right:8px;}
  .page-foot .foot-left .left-center .left-center-right .foot-shijian{margin-right:8px;}

  .common-banner-single .txt-box{left:24px;top:calc(50% + 25px)}
  .common-banner-single .txt-box .t1{font-size:32px;}
  .common-banner-single .txt-box .t2{font-size:18px;}

  .page-quality .quality-cont .quality-list{display: block;padding:36px;}
  .page-quality .quality-cont .quality-list .quality-item .item-icon i{font-size:100px;}
  .page-quality .quality-cont .quality-list .quality-item .item-txt{margin-top:16px;}
  .page-quality .quality-cont .quality-list .quality-item{padding:24px 0;}

  .page-quality .quality-cont{padding:0 16px 50px 16px}

  .page-stores .stores-cont{padding:50px 16px;}
  .page-stores .stores-list .list-in{margin:-20px;}
  .page-stores .stores-list .list-in .store-item{width:50%;padding:20px;}

  .page-online .online-desc{left:16px;right:16px;padding:16px;width:auto;}
  .page-online .online-desc .desc-link{margin-top:20px;}
  .page-online .online-desc .desc-link .link-txt{font-size:18px;border-bottom:1px solid #fff;}
  .page-online .online-desc .desc-link .link-icon i{font-size:28px;}

  .page-about .about-txt-box .txt-left .t1{font-size:24px;}


  .page-join .join-cont .sub-block .sub-block-cont-contact{display: block;margin-top:2px;}
  .page-join .join-cont .sub-block .sub-block-cont-contact .contact-right{margin-top:20px;}

  .page-news .news-list-box{padding:24px 0;}
  .page-news .hot-item-box{display: block;}
  .page-news .hot-item-box .hot-left{margin-right:0;}
  .page-news .hot-item-box .hot-right{margin-top:24px;}
  .page-news .hot-item-box .hot-right .news-info{border-bottom:0;}

  .page-news .hot-news-swiper{padding-top:32px;}
  .page-news .hot-item-box .hot-right .news-desc{margin-top:10px;}
  .page-news .hot-item-box .hot-right .date-year{font-size:18px;}
  .page-news .hot-item-box .hot-right .date-day{font-size:28px;}
  .page-news .hot-item-box .hot-right .hot-date{margin-right:32px;}
  .page-news .hot-item-box .hot-right .news-tit a{font-size:24px;}

  .common-news-item .item-desc{margin-top:12px;}

  .page-news-detail .news-detail-cont{display: block;}
  .page-news-detail .news-relation-box{display: none;}
  .page-news-detail .news-detail-right{margin-top:30px;overflow: hidden;}

  .index-info-box .info-menu .right-txt-box .common-gray-ghost-btn{margin-top:250px;}

  /*.page-news .hot-news-swiper .swiper-pagination{bottom:0;}*/

  .page-about .about-txt-box .txt-right{margin-top:0px;}

  .common-search-wrap .search-box{left:24px;right:24px;}

  .page-news .news-category{padding-bottom:0;}
  .page-news .news-category ul a{height:50px;display: flex;align-items: center;justify-content: center;font-size:22px;}

  .page-news .hot-news-swiper .swiper-container{padding-bottom:20px;}
  .page-news .hot-news-swiper .swiper-pagination{bottom:0;}

  .index-product-category{display: block;}

  .page-foot{padding:45px 16px 24px 16px}
  .page-foot .page-foot-contact-box{margin-top:80px;}
  .page-foot .page-foot-top{display: block;}
  .page-foot .page-foot-top .page-foot-top-right{margin-top:36px;display: block;}
  .page-foot .foot-email-box .phone-box{margin-top:24px;}
  .page-foot .foot-nav-box{margin-top:36px;}

  .common-pro-list{padding:0 16px;}
  .common-pro-list .pro-item{width:50%;}

  .page-product-list .pro-cat-box{padding:50px 16px 32px 16px;}
  .page-product-detail .product-detail-cont{padding:50px 16px 0 16px;}

  .page-about .about-cont{padding:0 16px 50px 16px;}
  .page-about .about-cont .about-cont-top{display: block;}
  .page-about .about-cont .about-cont-top .about-cont-top-left{margin-right:0;}
  .page-about .about-cont .about-cont-top .about-cont-top-right{margin-top:32px;}
  .page-about .about-cont .about-cont-top .about-cont-top-right .about-txt{margin-top:24px;}
  .page-about .about-cont .about-cont-top .about-cont-top-right .about-txt p{margin-top:12px;}

  .page-about .about-cont .about-cont-bottom .about-img-list{display: block;}
  .page-about .about-cont .about-cont-bottom .about-img-list .about-img-item{margin-top:20px;}
  .page-about .about-cont .about-cont-bottom .about-img-list .about-img-item:first-child{margin-top:0;}

  .page-service .service-map .map-info-box{position:static;width:auto;background: #f2f2f2;}



}

@media screen and (max-width: 750px) {
  .index-product-hot .index-pro-tit{padding:32px 16px 32px 16px}
  .page-product-detail .product-detail-img-list-box .product-detail-xinghao{font-size:40px;}
  .index-product-category{margin-top:32px;}
  .index-product-category .category-item .category-name{left:16px;}
  .index-video{padding-top:50px;}
  /*.index-banner1{margin-top:40px;}*/
  /*.index-banner1{margin-top:40px;}*/
  .index-info-box .address-txt-box{display: block;}
  .index-info-box .address-txt-box .txt-left{width:auto;border-right:none;}
  .index-info-box .address-txt-box .txt-right{width:auto;margin-top:24px;padding-top:24px !important;border-top:1px solid #fff;}
  .index-info-box .address-txt-box .txt-right .t3{display: none;}
  .index-info-box .address-txt-box .txt-left, .index-info-box .address-txt-box .txt-right{padding:16px 16px 16px 0;}
  .index-info-box .address-txt-box{padding:30px 16px;}
  .index-news-box .index-news-list .index-news-item{width:100%}
  .common-news-item .item-desc{margin-top:8px;font-size:14px;}
  .common-gray-ghost-btn{height:36px;font-size:16px;}
  .common-cn-en-tit .t1{font-size:24px;}
  .common-cn-en-tit .t2{font-size:18px;}
  .page-foot .foot-right{display: none;}
  .page-foot .foot-left .left-bottom{display: block;}
  .page-foot .foot-left .left-top .left-top-t2{font-size:32px;}
  .page-foot .foot-left .left-top{padding:24px 0;}
  .page-foot .foot-left .left-center{padding:24px 0;}

  .page-menus .menus-cont{display: block;}
  .page-menus .menus-cont .menus-left{width:auto;margin-right:0;}

  .page-quality .quality-cont .quality-list .quality-item .item-icon i{font-size:50px;}
  .page-quality .quality-cont .quality-list .quality-item .item-txt{font-size:18px;}

  .page-stores .stores-list .list-in{margin:-16px;}
  .page-stores .stores-list .list-in .store-item{width:100%;padding:16px;}
  .page-stores .stores-list .list-in .store-item .store-info-box{padding:20px 20px 0 20px;}
  .page-online .online-desc{position:static;}

  .page-about .about-txt-box .txt-right{margin-bottom:-50px;}
  .page-about .about-txt-box .txt-right img{width:70%;}
  .page-about .about-cont{margin-top:30px;padding-bottom:16px;}
  .page-about .about-img-box{padding:0 16px;}

  .common-form-box .form-in{margin:-12px;}
  .common-form-box .form-in .form-item{padding:12px;}

  .page-cooperate .cooperate-txt{font-size:24px;}

  .common-input-box{height:50px;}
  .common-form-box .form-in .form-item{width:100%;}
  .common-submit-btn{width:auto;margin-left:0;margin-top:24px;}
  .common-btn{height:50px;}
  .custom-form-item-in{display: block;}
  .custom-form-item-in .common-input-box{width:auto !important;}

  .page-join .liucheng-img-pc{display: none;}
  .page-join .liucheng-img-m{display: block;width:100%;}
  .page-join .join-liucheng{margin-top:30px;}
  .page-join .join-cont .join-desc-block .block-tit{padding-top:30px;padding-bottom:30px;}
  .page-join .join-liucheng .block-cont{padding-top:0;}

  .page-news .news-list-box .index-news-list .news-item-wrap{width:100%;}
  .page-news .hot-item-box .hot-right .hot-date{margin-right:32px;}

  .page-quality .quality-cont .quality-list .quality-item .item-icon .item-icon-in{width:100px;height:100px;}

  .page-news .hot-item-box .hot-right .news-tit a{
    font-size:20px;
  }

  .index-about-box .about-head .about-more{height: 50px;}
  .index-about-box .about-head .about-more .t1{font-size:16px;}
  .page-join .join-cont{padding-top:20px;}

  .common-news-item .item-tit{font-size:20px;}

  .index-info-box .info-menu .right-txt-box .common-gray-ghost-btn{margin-top:100px;}

  .index-info-box .index-info-left .left-txt-box{left:16px;}
  .index-info-box .info-menu .right-txt-box{left:16px;top:50%;transform: translateY(-50%) }

  .index-info-box .address-txt-box .txt-left:after{display: none;}


  .common-banner-single .txt-box .common-banner-title{height:60px;}

  .index-news-box .news-box-cont{margin-top:12px;}
  .index-news-box .news-box-head{align-items: flex-end}

  .page-news-detail .news-detail-left{width:auto;margin-right:0;}

  .page-join .join-cont .sub-block .sub-block-cont-contact .contact-item{margin-right:0;font-size:18px;}

  .page-join .join-cont .sub-block .sub-block-cont-contact .contact-left{display: block;}

  body .page-index .common-img-title{width:150px;}
  .page-index .index-news-box .news-box-head .news-more .common-img-title{
    width:110px;height: 34px;
  }

  .common-search-wrap{height:200px;}
  .common-search-wrap .search-box{left:16px;right:16px;}
  .common-search-wrap .search-box .search-txt{display: none;}
  .common-search-wrap .search-box .search-box-right{width:auto;}
  .common-search-wrap .search-box .box-left-in input{height:60px;font-size:20px;}
  .common-search-wrap .search-box .search-box-right i{font-size:20px;}
  .common-search-wrap .search-wrap-close{right:7px;}


  .page-foot .page-foot-contact-box{margin-top:32px;display: block;}
  .page-foot .page-foot-contact-box .contact-right-box{margin-top:12px;}

  .page-foot .foot-nav-box{display: block;}
  .page-foot .foot-nav-box .foot-nav-item{margin-top:24px;}

  .common-pro-list .pro-item{width:100%;}


  .page-product-detail .product-detail-cont{padding:50px 16px 0 16px;}


  .page-product-detail .product-detail-img-list-box{padding:24px 0;}






}

@media screen and (max-width: 480px) {
  .page-online .online-desc .desc-txt{font-size:16px;}

  .page-foot .foot-left .left-center .left-center-left{display: block;}
  .page-foot .foot-left .left-center .foot-common-cont{margin-top:4px;}
  .page-foot .foot-left .left-center .left-center-right{display: block;}

  .index-info-box .info-menu .right-txt-box .common-gray-ghost-btn{margin-top:25px;}

  .page-foot .foot-left .left-center .left-center-left .foot-phone-box .t1{padding-bottom:4px;}
  .page-foot .foot-left .left-center .left-center-right{margin-top:16px;}
  .page-foot .foot-left .left-center .left-center-right .foot-waisong{margin-top:36px;}

  .page-foot .foot-left .left-center .left-center-right .foot-shijian{margin-top:24px;}

  .page-head .head-right .head-right-item{margin-left:10px;}
  .page-head .head-right .head-right-item .lang-text{padding:0 12px 0 8px;}
}