/*Loading*/
.loading{ width: 100%; height: 100%; position: fixed; top: 80px; left: 0; right: 0; bottom: 0; z-index: 20000; background-color: #FFF; }
/* .loading .pic{ width: 100px; height: 100px; position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto;  font-size: 12px; text-align: center; line-height: 100px;}
.loading .pic span{ display: block; width: 80px; height: 80px; position: absolute; top: 10px; left: 10px; border-radius: 50%; -webkit-box-shadow: 0 2px 0 #666; box-shadow: 0 2px 0 #666;  -webkit-animation: rotate 1s infinite linear;  animation: rotate 1s infinite linear;}

@-webkit-keyframes rotate{
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@keyframes rotate{
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
} */

.loading .pic{ width: 50px; height: 50px; position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto; }
.loading .pic i{display: block; float: left; width: 6px; height: 50px; background-color: #399; margin: 0 2px; -webkit-transform:scaleY(0.4); -ms-transform:scaleY(0.4); transform:scaleY(0.4); -webkit-animation:load 1.2s infinite linear; animation:load 1.2s infinite linear; }
.loading .pic i:nth-of-type(1){}
.loading .pic i:nth-of-type(2){ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loading .pic i:nth-of-type(3){ -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loading .pic i:nth-of-type(4){ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading .pic i:nth-of-type(5){ -webkit-animation-delay:0.4s; animation-delay:0.4s;}

@-webkit-keyframes load{
  0%,40%,100%{ -webkit-transform:scaleY(0.4); transform:scaleY(0.4); }
  20%{  -webkit-transform:scaleY(1);  transform:scaleY(1);}
}

.w-color{ color: #FFF;}
.kongH{ height: 60px;}
/*首页内容区*/
/*banner*/
.banner-box{ width: 100%;}
/*video*/
.video-about{ margin-top: 20px;}
.va-box{ }
.va{ width: 100%;}
.va a { display: block; margin: 0 10px;position: relative;}
.about-box{ margin-top: 20px; }
.va img{width: 100%; display: block;}
.video-box .movie{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%}
/*products*/
.pro-box{ margin-top: 20px;}
.pro-item{ }
.pro-item ul li{ width: 100%;}
.pro-item ul li .p-box{  margin: 0 10px;}
.pro-item ul li .p-box img{ width: 100%;}
.pro-item ul li .p-box p{ padding: 20px 18px; position: relative;}
.pro-item ul li .p-box p i{ color: #bf2f2f; opacity: 0; position: absolute; right: 20px; top:50%; margin-top: -10px; font-style: normal; font-size: 18px; font-weight: bold;}
.pro-item ul li .p-box strong{ display: block; font-size: 18px;}
.pro-item ul li .p-box span{ display: block; color: #a2a2a2;}
.pro-item ul li .p-box:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.pro-item ul li .p-box:hover i{ opacity: 1;}

@media screen and (min-width: 768px) {
.video-about{ margin-top: 50px;}
.va-box{ margin: 0 -10px;}
.pro-item{ margin: 0 -10px;}
.about-box{ margin-top: 0; }
.va{ float: left; width: 50%;}
.pro-item ul li{ float: left; width: 33.333%; margin-bottom: 30px;}
}

@media screen and (min-width: 992px) {
.kongH{ height: 80px;}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

.ywz-box{ margin-top: 30px;}
.ywz-item{}
.ywz-item dl{ width: 100%; text-align: center; margin-top: 20px;}
.ywz-item dl dt{}
.ywz-item dl dd h4{ padding: 20px 0; font-size: 18px;}
.ywz-item dl dd p{ color: #a2a2a2;}
.ywz-item dl dd a.ent{ height: 45px; line-height: 45px; padding: 0 12px; background-color:#bf2f2f;  font-size: 12px; margin-top: 20px;}
.ywz-item dl dd h5{ margin-top: 10px; color: #a2a2a2;}
.ywz-item dl dd h5 span{ color: #bf2f2f;}
.f-s .form-group{ width: 80%; margin: 20px auto; position: relative;}
.f-s .form-group input{ height: 45px; line-height: 45px;}
.f-s .form-group i{ font-size: 20px; font-weight: bold; cursor: pointer; position: absolute; right: 8px; top: 8px;}
.f-s .form-group i:hover{  color: #bf2f2f; }

@media screen and (min-width: 768px) {
.ywz-item dl{ width: 33.333%; float: left; margin-top: 0;}
}

@media screen and (min-width: 992px) {

}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}


.nybanner-box{ width: 100%;}
.nybanner-box img{ width: 100%; display: block;}

/*关于我们*/
/*企业文化*/
.section-1{}
.sec-con{ position: relative;}
.c-left{ position: absolute; left: -57px; top: 60px;}
.c-right{ position: absolute; right: -363px; bottom: 0;}
.sec-box{ padding: 10px;}
.sec-box .s-left{ position: relative; z-index: 2;  padding: 10px 0; width:100%;}
.s-yh i{ font-size: 50px; color: #e8e8e8;}
.s-title{ font-size: 18px; font-weight: bold; margin-top: 50px;}
.s-ftitle{ font-family: Arial; font-size: 30px; margin-top: 42px; color: #be3f46; text-transform: uppercase; letter-spacing: 30px;}
.cur-title{ display: none; font-family: Arial; color: #d0d0d0; position: absolute; right: 86px; top:80px; text-transform: uppercase; letter-spacing: 10px;}
.s-con{ margin-top: 42px; font-size: 14px;}
.s-con strong{ font-weight: bold;}
.sec-box .s-right{  width: 100%;}
.sec-box .s-right .bx-wrapper{ margin: initial !important;}
.sec-box .s-right .bx-wrapper .bx-controls-direction a{ text-decoration: none; text-indent: inherit;  margin: 0; top: auto; bottom: 0; width: 60px; height: 60px; line-height: 60px; text-align: center;}
.sec-box .s-right .bx-wrapper .bx-prev{ left: auto; right: 0; background: none; background-color:#bf2f2f; }
.sec-box .s-right .bx-wrapper .bx-next{ right: -60px; background: none; background-color:#ececec; }
.sec-box .s-right .bx-wrapper .bx-prev i{ color: #FFF;}
.sec-box .s-right .bx-wrapper .bx-controls-direction a i{ -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s;}
.sec-box .s-right .bx-wrapper .bx-controls-direction a:hover{ background-color:#bf2f2f; color: #FFF;}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {
.sec-box{ padding: 80px 86px 0;}
.s-ftitle{ white-space: nowrap;}
.cur-title{ display: block;}
.sec-box .s-left{ position: relative; z-index: 2; float: left; padding: 10px 0; width: calc(100% - 625px)}
.sec-box .s-right{ float: right; width: 625px;}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}


/*公司简介*/
.section-2{}
.a-left{ position: absolute; left: -360px; top: 60px;}
.a-right{ position: absolute; right: -63px; bottom: 0;}
.s-about{ font-size: 14px; margin-top: 42px;}
/*发展历程*/
.section-3{ padding-top: 90px;}
.his-left{ position: absolute; left: -57px; top: 60px;}
.his-right{ position: absolute; right: -363px; bottom: 70px;}
.history-bg{ background: url(../images/history_bg.jpg) center top no-repeat; background-size: cover;}
.s-his{ padding-bottom: 100px;}

/*公司荣誉*/
.h-left{ position: absolute; left: -360px; top: 60px;}
.h-right{ position: absolute; right: -63px; bottom: 0;}
.sec-box .s-honor .bx-wrapper{}
.sec-box .s-honor .bx-wrapper .bx-viewport{ background: none;}
.sec-box .s-honor .bx-wrapper .bx-controls-direction a{ text-decoration: none; text-indent: inherit;   width: 30px; height: 30px; line-height: 30px; text-align: center;}
.sec-box .s-honor .bx-wrapper .bx-prev{ left: -60px; background: none; }
.sec-box .s-honor .bx-wrapper .bx-next{ right: -60px; background: none; }
.sec-box .s-honor .bx-wrapper .bx-controls-direction a i{ font-size: 30px; color: #cdcdcd;  -webkit-transition:all 0s;  -o-transition:all 0s;  transition:all 0s;}
.sec-box .s-honor .bx-wrapper .bx-controls-direction a:hover i{ color: #bf2f2f;}
.sec-box .s-honor .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: -100px;}
.sec-box .s-honor .bx-wrapper .bx-pager.bx-default-pager a{ width: 30px; height: 3px;}
.sec-box .s-honor .bx-wrapper .bx-pager.bx-default-pager a:hover, .sec-box .s-honor .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #bf2f2f;}
.s-honor{ padding-bottom: 100px;}

/*视频中心*/
.section-5{ padding-top: 90px;}
.v-left{ position: absolute; left: -57px; top: 60px;}
.v-right{ position: absolute; right: -363px; bottom: 70px;}
.s-video{ padding-bottom: 50px;}
.video-bg{ background: url(../images/video_bg.jpg) center top no-repeat; background-size: cover;}

.sec-box .s-video .bx-wrapper{ margin: initial !important;}
.sec-box .s-video .bx-wrapper .bx-controls-direction a{ text-decoration: none; text-indent: inherit;  margin: 0; top: auto; bottom: 0; width: 60px; height: 60px; line-height: 60px; text-align: center;}
.sec-box .s-video .bx-wrapper .bx-prev{ left: auto; right: 0; background: none; background-color:#FFF; }
.sec-box .s-video .bx-wrapper .bx-next{ right: -60px; background: none; background-color:#bf2f2f; }
.sec-box .s-video .bx-wrapper .bx-prev i{ color: #cdcdcd;}
.sec-box .s-video .bx-wrapper .bx-next i{ color: #FFF;}
.sec-box .s-video .bx-wrapper .bx-controls-direction a i{ -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s;}
.sec-box .s-video .bx-wrapper .bx-controls-direction a:hover{ background-color:#bf2f2f; color: #FFF;}
.sec-box .s-video .bx-wrapper .bx-controls-direction a:hover i{ color: #FFF;}
.sec-box .s-video .v-slider .v-content{ display: none;}


.v-more{ text-align: center; margin-top: 65px;}
.v-more .btn{ background: none; border-color:#bf2f2f; padding: 11px 50px; border-radius: 50px;  color:#bf2f2f; }
.v-more .btn:hover{ background-color:#bf2f2f; color: #FFF; }

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {
.sec-box .s-video .bx-wrapper .bx-prev{ left: 513px;}
.sec-box .s-video .bx-wrapper .bx-next{ left: 573px;}

.sec-box .s-video .bx-viewport{ }
.sec-box .s-video .v-slider .slide{ padding-top: 30px;}
.sec-box .s-video .v-slider .v-content{ display: block;  background: #FFF; height: 100%; position: absolute; left: 558px; right: 0; top: -20px; bottom: 60px; z-index: -1; padding: 60px; }
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}


/*产品列表*/
.pro-cate{ margin-top: 30px;}
.pro-cate-item{ margin: 0 5px;}
.pro-cate-item ul li{ float: left; width: 25%; margin-bottom: 0px;}
.pro-cate-item ul li .p-box{  margin: 0 5px;}
.pro-cate-item ul li .p-box a{ position:relative;  display: block; border: 1px solid #dddddd; text-align: center; background-color: #f0f0f0; overflow: hidden;}
.pro-cate-item ul li .p-box img{ position: absolute; display: block; width: 45px; height: 45px; max-width: 100%; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px;}
.pro-cate-item ul li .p-box p{ font-size: 14px; font-weight: 500; height: 30px; line-height: 30px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.pro-cate-item ul li .p-box:hover a,.pro-cate-item ul li.active .p-box a{ -webkit-box-shadow: 0 0 10px rgba(255,0,0,.3); box-shadow: 0 0 10px rgba(255,0,0,.3); border-color:#bf2f2f; }
.pro-cate-item ul li .p-box:hover p,.pro-cate-item ul li.active .p-box p{ color:#bf2f2f; }
.pro-list ul li .p-box p:last-of-type{ font-size: 16px; color:#bf2f2f;}
.pro-list ul li .p-box p:last-of-type i{font-size:14px}
.pro-list ul li .p-box p:last-of-type strong{color: #bf2f2f; font-weight: bold; font-size:20px;}


.cate-1-left{ position: absolute; left: -57px; top: 0px;}
.cate-1-right{ position: absolute; right: -363px; bottom: 50px;}
.cate-2-left{ position: absolute; left: -360px; top: 0px;}
.cate-2-right{ position: absolute; right: -63px; bottom: 50px;}
.cate-3-left{ position: absolute; left: -57px; top: 0px;}
.cate-3-right{ position: absolute; right: -363px; bottom: 50px;}
.cate-4-left{ position: absolute; left: -360px; top: 0px;}
.cate-4-right{ position: absolute; right: -63px; bottom: 50px;}
.cate-5-left{ position: absolute; left: -57px; top: 0px;}
.cate-5-right{ position: absolute; right: -363px; bottom: 50px;}
.cate-6-left{ position: absolute; left: -360px; top: 0px;}
.cate-6-right{ position: absolute; right: -63px; bottom: 50px;}
.cate-7-left{ position: absolute; left: -57px; top: 0px;}
.cate-7-right{ position: absolute; right: -363px; bottom: 50px;}
.cate-8-left{ position: absolute; left: -360px; top: 0px;}
.cate-8-right{ position: absolute; right: -63px; bottom: 50px;}
.pro-list{ }
.pro-list ul li{ width: 100%;}
.pro-list ul li .p-box{  margin: 0 5px;}
.pro-list ul li .p-box a{ display: block; border: 1px solid #dddddd; overflow: hidden;}
.pro-list ul li .p-box img{ display: block; width: 100%;}
.pro-list ul li .p-box p{ font-size: 14px; font-weight: 500; height: 65px; line-height: 65px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.pro-list ul li .p-box:hover a{ -webkit-box-shadow: 0 0 10px rgba(255,0,0,.3); box-shadow: 0 0 10px rgba(255,0,0,.3); border-color:#bf2f2f; }
.pro-list ul li .p-box:hover p{ color:#bf2f2f; }

@media screen and (min-width: 768px) {
.pro-cate{ margin-top: 60px;}
.pro-cate-item ul li{ float: left; width: 12.5%; margin-bottom: 0px;}

.pro-list{ margin: 0 -5px;}
.pro-list ul li .p-box{  margin: 0 5px;}
.pro-list ul li{ float: left; width: 33.333%; margin-bottom: 30px;}
}

@media screen and (min-width: 992px) {
.pro-cate-item{ margin: 0 -15px;}
.pro-cate-item ul li .p-box{  margin: 0 15px;}

.pro-list{ margin: 0 -42px;}
.pro-list ul li .p-box{  margin: 0 42px;}
.pro-list ul li{ float: left; width: 33.333%; margin-bottom: 30px;}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}


/*新闻列表*/
.n-1-left{ position: absolute; left: -57px; top: 47px;}
.n-1-right{ position: absolute; right: -363px; bottom: 50px;}
.n-2-left{ position: absolute; left: -360px; top: 47px;}
.n-2-right{ position: absolute; right: -63px; bottom: 80px;}
.n-3-left{ position: absolute; left: -57px; top: 47px;}
.n-3-right{ position: absolute; right: -363px; bottom: 50px;}

.section-cnews .s-title{ color: #FFF;}
.sec-box .news-list{ margin-top: 40px;}
.n-slider .n-box{margin: 5px 5px 40px 5px;}
.n-slider .n-box h3{ font-size: 14px; font-weight: 500; margin-top: 10px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap;}
.n-slider .n-box time{ font-family: "宋体"; font-size: 12px; color: #666; opacity: .4;}
.n-slider .n-box span a{color: #bf2f2f; overflow: hidden;}
.n-slider .n-box span a i{ margin-right: 5px; float: left;}
.n-slider .n-des{ padding: 15px 10px;}
.n-slider .n-spec{ height: 48px; overflow: hidden; line-height: 24px;}
.n-slider .n-box:hover{ -webkit-box-shadow: 0 0 10px rgba(255,0,0,.3); box-shadow: 0 0 10px rgba(255,0,0,.3);}

.sec-box .news-list .bx-wrapper{ margin: initial !important;}
.sec-box .news-list .bx-wrapper .bx-controls-direction a{ text-decoration: none; text-indent: inherit;  margin: 0; top: auto; top: -60px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: bold;}
.sec-box .news-list .bx-wrapper .bx-prev{ left: auto; right: 60px; background: none; }
.sec-box .news-list .bx-wrapper .bx-next{ right: 0px; background: none; color:#666; }
.sec-box .news-list .bx-wrapper .bx-prev i{ color: #666;}
.sec-box .news-list .bx-wrapper .bx-controls-direction a i{ -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s;}
.sec-box .news-list .bx-wrapper .bx-controls-direction a:hover i{ color: #bf2f2f;}

/* 公司新闻 */
.news-bg{background: url(../images/news_bg.jpg) center top no-repeat; background-size: cover;}
.new-slider .n-box{margin: 5px 5px 40px 5px; overflow: hidden; background-color: #FFF;}
.new-slider .n-box img{ float: left; width: 100%;}
.new-slider .n-box h3{ font-size: 14px; font-weight: 500; margin-top: 10px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap;}
.new-slider .n-box time{ font-family: "宋体"; font-size: 12px; color: #666; opacity: .4;}
.new-slider .n-box span a{color: #bf2f2f; overflow: hidden;}
.new-slider .n-box span a i{ margin-right: 5px; float: left;}
.new-slider .n-des{ padding: 15px 10px; float: left;}
.new-slider .n-spec{ height: 72px; overflow: hidden; line-height: 24px;}
.new-slider .n-box:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.9); box-shadow: 0 0 10px rgba(0,0,0,.9);}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {
.new-slider .n-box img{ float: left; width: 315px;}
.new-slider .n-des{ padding: 15px 10px; float: left; width:calc(100% - 315px);}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

/*
用户体验
*/

.ty-1-left{ position: absolute; left: -57px; top: 47px;}
.ty-1-right{ position: absolute; right: -363px; bottom: 50px;}
.ty-2-left{ position: absolute; left: -360px; top: 47px;}
.ty-2-right{ position: absolute; right: -63px; bottom: 80px;}
.ty-3-left{ position: absolute; left: -57px; top: 47px;}
.ty-3-right{ position: absolute; right: -363px; bottom: 0;}

.ty-bg{background: url(../images/ty_bg.jpg) center top no-repeat; background-size: cover;}

.faq-cate-item{ margin-top: 28px;}
.faq-cate-item ul li{ float: left; width: 25%; margin-bottom: 0px;}
.faq-cate-item ul li .p-box{  margin: 0 5px;}
.faq-cate-item ul li .p-box a{ position:relative;  display: block; border: 1px solid #dddddd; text-align: center; background-color: #f0f0f0;}
.faq-cate-item ul li .p-box img{ position: absolute; display: block; width: 60px; height: 60px; max-width: 100%; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px;}
.faq-cate-item ul li .p-box p{ font-size: 14px; font-weight: 500; height: 65px; line-height: 65px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.faq-cate-item ul li .p-box:hover a,.faq-cate-item ul li.active .p-box a{ -webkit-box-shadow: 0 0 10px rgba(255,0,0,.3); box-shadow: 0 0 10px rgba(255,0,0,.3); border-color:#bf2f2f; }
.faq-cate-item ul li .p-box:hover p,.faq-cate-item ul li.active .p-box p{ color:#bf2f2f; }

.faq-list{ margin-top: 30px;}
.faq-list ul li{ width: 50%; padding-right: 50px; float: left; line-height: 40px; font-size: 14px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap; font-weight: 500;}
.faq-list ul li i{ font-size: 12px; margin-right: 5px;}
.faq-list ul li:hover a{ color: #bf2f2f; }
.faq-list ul li:hover{ color: #bf2f2f; }


@media screen and (min-width: 768px) {
.faq-cate-item ul li{ float: left; width: 12.5%; margin-bottom: 0px;}
}

@media screen and (min-width: 992px) {
.faq-cate-item ul li .p-box{  margin: 0 1px;}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

/*加盟支持*/
.jm-1-left{ position: absolute; left: -57px; top: 47px;}
.jm-1-right{ position: absolute; right: -363px; bottom: 50px;}
.jm-2-left{ position: absolute; left: -360px; top: 47px;}
.jm-2-right{ position: absolute; right: -63px; bottom: 50px;}
.jm-3-left{ position: absolute; left: -57px; top: 47px;}
.jm-3-right{ position: absolute; right: -363px; bottom: 50px;}
.jm-4-left{ position: absolute; left: -57px; top: 47px;}
.jm-4-right{ position: absolute; right: -363px; bottom: 50px;}
.jm-5-left{ position: absolute; left: -360px; top: 47px;}
.jm-5-right{ position: absolute; right: -63px; bottom: 50px;}
.jm-6-left{ position: absolute; left: -57px; top: 47px;}
.jm-6-right{ position: absolute; right: -363px; bottom: 50px;}

/*企业优势*/
.ys-box{ margin-top: 40px; padding-bottom: 100px;}
.ys-box ul li{ float: left; width: 50%; margin-bottom: 10px;}
.ys-box ul li .y-box{ margin: 0 5px; text-align: center; border:1px solid #dddddd; border-bottom: 5px solid #bf2f2f; position: relative;}
.ys-box ul li .y-box .y-img{ padding: 30px 0 10px 0;}
.ys-box ul li .y-box img{ max-width: 100%;}
.ys-box ul li .y-box .y_line{ display: block; margin: 0 auto;  width: 20px; height: 3px; background-color: #bf2f2f;}
.ys-box ul li .y-box h3{ font-size: 24px; margin-top: 30px;}
.ys-box ul li .y-box p{ font-size: 14px; opacity: .5; font-family: Arial; margin-bottom: 40px;}
.ys-box ul li .y-box .yh_line{  display: block; width: 20px; height: 3px; background-color: #cc5959;}


.ys-box ul li .y-box .hover-box{ opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: -5px; background-color: #bf2f2f; border-bottom: 5px solid #cc5959; text-align: left; padding: 50px 25px; color: #FFF; }
.ys-box ul li .y-box .hover-box h3{ margin-top: 0;}
.ys-box ul li .y-box .hover-box p{ margin-bottom: 20px;}
.ys-box ul li .y-box:hover .hover-box{ opacity: 1;}
.ys-box ul li .y-box .hover-box .ys-con{margin-top: 20px;}

@media screen and (min-width: 768px) {
.ys-box ul li{ float: left; width: 25%;}
}

@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

/* 加盟支持 */
.jm_bg{background: url(../images/join_bg.jpg) center top no-repeat; background-size: cover;}
.join-box{ margin-top: 40px;}
.join-item{ padding-bottom: 150px;}
.join-item dl{ overflow: hidden; background-color: #FFF; padding: 25px; margin-bottom: 10px;}
.join-item dl dt{ font-size: 14px; width: 130px; float: left; color:#bf2f2f; }
.join-item dl:nth-of-type(2n){ background-color: #bf2f2f; color: #FFF;}
.join-item dl:nth-of-type(2n) dt{ color: #FFF;}

/* 加盟条件 */
.join-tj-box{ padding: 20px 0; font-family: "华文行楷"; font-size: 18px; line-height: 60px}
.join-tj-box i.icon{ color: #bf2f2f; }

/* 加盟流程 */
.join-lc-item{ margin-top: 40px; padding-bottom: 100px;}
.join-lc-item dl{ overflow: hidden; height: 40px; background-color: #bf2f2f; margin-bottom: 2px; color: #FFF;}
.join-lc-item dt{ padding: 0 20px; height: 100%;  line-height: 40px; display: block; width: 215px; float: left; font-size: 14px; font-weight: normal;}
.join-lc-item dd{ text-transform: uppercase; line-height: 40px; height: 100%; padding:0 10px; float: left; display: block; background-color: #7f594e; width: calc(100% - 215px);}

/* 终端形象 */

.sec-box .zd-item .bx-wrapper{ margin: initial !important;}
.sec-box .zd-item .bx-wrapper .bx-controls-direction a{ text-decoration: none; text-indent: inherit;  margin: 0; top: auto; top: -60px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: bold;}
.sec-box .zd-item .bx-wrapper .bx-prev{ left: auto; right: 60px; background: none; }
.sec-box .zd-item .bx-wrapper .bx-next{ right: 0px; background: none; color:#666; }
.sec-box .zd-item .bx-wrapper .bx-prev i{ color: #666;}
.sec-box .zd-item .bx-wrapper .bx-controls-direction a i{ -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s;}
.sec-box .zd-item .bx-wrapper .bx-controls-direction a:hover i{ color: #bf2f2f;}

.zd-slider .n-box{margin: 5px 5px 100px 5px; overflow: hidden; background-color: #FFF; border-right: 5px solid #bf2f2f; position: relative;}
.zd-slider .n-box img{ float: left; width: 100%;}
.zd-slider .n-box h3{ font-size: 14px; font-weight: 500; margin-top: 10px; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrap;}
.zd-slider .n-box time{ font-family: "宋体"; font-size: 12px; color: #666; opacity: .4;}
.zd-slider .n-box span a{color: #bf2f2f; overflow: hidden;}
.zd-slider .n-box span a i{ margin-right: 5px; float: left;}
.zd-slider .n-des{ padding: 15px 10px; float: left;}
.zd-slider .n-spec{ padding: 20px 0; overflow: hidden; line-height: 24px;}
.zd-slider .n-box:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.9); box-shadow: 0 0 10px rgba(0,0,0,.9);}
.zd-slider .n-des .n-num{ position: absolute; top: 50px; font-family: Impact; font-size: 67px; color:#ebebeb; z-index: 0; }
.zd-slider .n-des .n-nr{ position: relative; z-index: 1; padding-top: 50px;}
.zd-slider .n-box .n-line{ display: block; background-color: #bf2f2f; width: 10px; height: 3px; position: absolute; left: -10px; top: 70px; margin-top: -1.5px; }

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {
.zd-slider .n-box img{ float: left; width: 520px;}
.zd-slider .n-des{ padding: 15px 10px; float: left; width:calc(100% - 520px);}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

/* 联系我们 */

.contact-box{ margin-top: 40px;}
.c-con{ padding: 20px 0;}

.zd_bg{background: url(../images/join_bg.jpg) center top no-repeat; background-size: cover;}
.zd-box{ margin-top: 40px;}
.c-map img{ max-width: 100%;}

/* 服务营销 */
.yx-bg{background: url(../images/yx_bg.jpg) center top no-repeat; background-size: cover;}
.yx-box{ text-align: center; padding:50px 0 100px;}
.yx-title{ font-size: 30px; font-weight: 500;}
.yx-ftitle{ font-family: Arial; font-size: 18px; padding:10px 0;}
.yx-btn{ margin-top: 45px;}
.yx-btn .btn{ background-color: #bf2f2f;}

/*留言*/
.feedback-title{font-size: 30px; font-weight: 500; text-align: center;}
.feedback-ftitle{ font-family: Arial; font-size: 18px; padding:10px 0; text-align: center;}
.feedback-con{ margin-top: 50px;}

/*生活馆*/

.shg-1-left{ position: absolute; left: -57px; top: 47px;}
.shg-1-right{ position: absolute; right: -363px; bottom: 50px;}
.shg-2-left{ position: absolute; left: -360px; top: 47px;}
.shg-2-right{ position: absolute; right: -63px; bottom: 50px;}
.shg-3-left{ position: absolute; left: -57px; top: 47px;}
.shg-3-right{ position: absolute; right: -363px; bottom: 50px;}
.shg-4-left{ position: absolute; left: -57px; top: 47px;}
.shg-4-right{ position: absolute; right: -363px; bottom: 50px;}
.shg-5-left{ position: absolute; left: -57px; top: 47px;}
.shg-5-right{ position: absolute; right: -363px; bottom: 50px;}

.jz_bg{background: url(../images/jz_bg.jpg) center top no-repeat; background-size: cover;}

/*新闻详细*/
.nd-title{ font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 10px; }
.nd-time{  text-align: center; padding-bottom: 20px; border-bottom: 1px solid #EEE;}
.nd-content{ padding: 20px 0;}
.nd-content img{ max-width: 100%;}
.p-back{ text-align: center; }
.p-back span{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; transform: rotate(45deg);  background-color: #bf2f2f; }
.p-back span a{ display: block; transform: rotate(-45deg);  color: #FFF; font-size: 20px;}
.p-back span:hover{ background-color:red;  }
.p-back p{ font-size: 14px;  line-height: 40px;  color: #CCC; }
/*专卖店*/
.zm-title{ font-size: 24px; text-align: center;}
.shop-box{ margin-top: 30px;}
.shop-box ul li{ width: 100%; padding: 0 10px; margin-bottom: 20px;}
.shop-box ul li .shop-title{ font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-bottom: 1px solid #CCC; padding-bottom: 5px;}
.shop-box ul li .shop-con{ height: 100px; overflow: hidden; font-size: 12px; padding: 5px 0;}
.shop-more{ color: #bf2f2f; font-weight: 500;}

@media screen and (min-width: 768px) {
.shop-box ul li{ width: 50%; float: left;}
}

@media screen and (min-width: 992px) {
.shop-box ul li{ width: 25%; }
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}