.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block;}
.fontcc {font-family: 'Century-Gothic-R';}
.fonthn {font-family:'HelveticaNeue';}
.wow {position:relative; z-index: 9;}

#logotop {position:fixed; top:0; width:100%; z-index: 99;max-width: 420px;}
.logoheader{ height:36px; line-height:36px; padding:10px 0; overflow:hidden; text-align:left; position:relative; background:#fff;   box-shadow: 0 0 10px rgba(0,0,0,.15);}
.logoheader .logo { margin-left:20px; }
.logoheader .htel { position: absolute; right:78px;  top:10px; }
.logoheader .htel i { font-size:0.4rem; color:#e46713; margin-right: 5px; }
.logoheader .htel span { color:#e46713; font-size: 0.48rem; font-family: "Arial"; font-style: italic; }
.logoheader .btn{ width:62px; height:36px; padding:10px 0; display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:10; background:#e46713;}
.logoheader .btn i{ width:24px; height:2px; margin:10px auto 0 auto; display:block; overflow:hidden; background:#fff;}
.logoheader img { display:inline-block; overflow:hidden; height:36px;}
.logoheader span {  overflow:hidden; font-size:16px; padding-left:5px; color:#fff; font-weight: bold;}
.leftcontrol { width:240px; height:100%; background:#fff; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; /*overflow-y:scroll; */ -webkit-overflow-scrolling : touch;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; border-bottom:1px solid #ddd;}
.leftcontrol ul li a { display:block; overflow:hidden; padding:0 20px; height:49px; line-height:49px; font-size:0.38rem; font-weight: bold; color:#333;}
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { /*border: #ddd 1px solid ;*/ border-radius: 5px;width: 8px;height: 8px; background-color: transparent; margin-right: 15px; position: relative; top: 0; background:#e46713; } 
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li.active a span.more span {background: #fff;}
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }
.leftcontrol ul li.active a.hassub { background: #006dca;color: #fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:0.4rem; cursor:pointer;}
.leftcontrol ul li .nav-inner-list  { border-top:1px solid #ddd; padding:8px 0 8px 25px; background:#fff!important;}
.leftcontrol ul li .nav-inner-list a { height: 38px; line-height: 38px; color:#666!important; font-weight: normal; font-size: 0.38rem; }

.ibanner { width:100%; height: 660px; background:url("../../templates/default/images/ibanbg.jpg") -400px 0 no-repeat; background-size:cover;  position: relative;    z-index: 1; overflow: hidden;}
.ibanner .info { position: relative; height: 100%;} 
.ibanner .info img { position: absolute; z-index:1; }
.ibanner .info .ibimg1 { left:20px; top:340px; width:calc(100% - 40px);}
.ibanner .info .ibimg2 { left:20px; top:480px;  width:calc(100% - 40px); }
.ibanner .info .ibimg3 { right:20px; top:0; width:86%; }
.ibanner .info .ibimg4 { right:20px; top:160px; width:18%;}
.scroll-down { position: absolute; left : 50%; bottom:40px; width: 33px; height: 33px; margin-left: -17px; text-align: center; cursor: pointer; z-index: 9; }
.scroll-down .por { position: relative; z-index:99;}
.scroll-down span.fo { width: 33px; height: 33px; background: url(../../templates/default/images/ico-down4.png)  no-repeat;  background-size:cover;   animation: scrollDown 1.5s infinite 1s; -webkit-animation: scrollDown 1.5s infinite 1s; }
@keyframes scrollDown {
 0% {
 opacity: 1;
 top: 0;
}
 100% {
 opacity: 0;
 top: 10px
}
}

.ibrand .txt  { width:100%; padding:40px 0; }
.ibrand .txt h1 { font-size: 0.48rem; color:#333; margin-bottom: 25px; }
.ibrand .txt p { margin-bottom:10px; }
.ibrand .txt a { display: inline-block; width:160px; height: 40px; background: #e46713; text-align: center; line-height: 40px; color:#fff; margin-top: 15px;}
.ibrand .img { width:100%;}
.ibrand .img img { max-width:100%; }
.ibrand .ibra .swiper-pagination { bottom:10px!important;}
.ibrand .ibra .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #fff;  }
.ibrand .ibra .swiper-pagination-bullet-active { background:#e46713;  }

.tit { position:relative; margin-bottom: 30px; }
.tit h1 { font-size: 0.48rem; color:#333;   }
.tit h2 { color:#e16c05; font-weight: normal!important; margin-top:10px;}
.tit a { position: absolute; bottom:0; right:0; color:#666;}
.tit a:hover { color:#e46713; }
.titc { margin-bottom: 30px; }
.titc h1 { font-size: 0.48rem; color:#333;  text-align: center;}

.ipro { padding:40px 0; }
.ipro .swpro { padding-bottom:30px; }
.ipro .swiper-slide .img { width:100%;  position:relative; overflow: hidden;}
.ipro .swiper-slide .img img {transition: all .36s ease; }
.ipro .swiper-slide .img .bgmask { position:absolute; z-index:1; width:100%; height:100%; bottom:0;   background: linear-gradient(rgba(0,0,0,0) 50% , rgba(0,0,0,0.5) 100%); }
.ipro .swiper-slide .img .txt  { width:calc(100% - 40px); position:absolute; z-index:9; bottom:10px; left:10px; }  
.ipro .swiper-slide .img .txt h1 {  font-size: 0.4rem;  color:#fff; }
.ipro .swiper-pagination { bottom:0!important;}
.ipro .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #ccc;  }
.ipro .swiper-pagination-bullet-active { background:#e46713;  }

.ijoin { padding:40px 0 20px 0;  background: #f6f6f6; }
.ijoin .swjoin { padding-bottom:35px; }
.ijoin .list  { width:100%; position: relative;}
.ijoin .list ul li { width:calc(50% - 10px); margin-right: 20px; float: left; margin-bottom: 20px; }
.ijoin .list ul li:nth-child(2n) { margin-right:0;}
.ijoin .list .box { width:100%; background:#fff;}
.ijoin .list .box .ico { width:100%; height: 80px;  padding-top:10px;  text-align: center; }
.ijoin .list .box .ico i { font-size:1rem; line-height: 80px; color:#e46713;}
.ijoin .list .box .txt { padding:0 20px 20px 20px;}
.ijoin .list .box .txt h1 { font-size:0.4rem; color:#333;  text-align: center; margin-bottom: 15px; }
.ijoin .list .box .txt p {  line-height: 160%; color:#888; }
.ijoin .spr .sp { width:50px; height:50px; background:#999; outline: none; text-align: center; border-radius: 100%; position:absolute; top:calc(50% - 20px);  z-index: 9; cursor: pointer; transition: background 0.3s ease-in 0s;}
.ijoin .swiper-pagination { bottom:0!important;}
.ijoin .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #ccc;  }
.ijoin .swiper-pagination-bullet-active { background:#e46713;  }
/*.ijoin .spr .sp { width:50px; height:50px; background:#999; outline: none; text-align: center; border-radius: 100%; position:absolute; top:calc(50% - 20px);  z-index: 9; cursor: pointer; transition: background 0.3s ease-in 0s;}
.ijoin .spr .sp:hover { background: #e46713; }
.ijoin .spr .sp i { font-size:20px; line-height: 50px; color:#fff;}
.ijoin .spr .sp-prev { left:-0px;}
.ijoin .spr .sp-next { right:-0px;}*/

.istore { padding:40px 0;  }
.istore .list .box { width:100%; }
.istore .list .box1 { margin-bottom:20px; }
.istore .list .box img {  width:100%; vertical-align: bottom; }
.istore .list .box  h2 {  width:100%; font-size:18px; color:#333; text-align: center; padding-top:15px;  }
.istore .swstore1,  .istore .swstore2 { padding-bottom:35px; }
.istore .swiper-pagination { bottom:0!important;}
.istore .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #ccc;  }
.istore .swiper-pagination-bullet-active { background:#e46713;  }

.iadv { padding:40px 0; background: #f6f6f6;  }
.iadv .swiper-slide { background:#fff;}
.iadv .list { position:relative;}
.iadv .img { width:100%; height:200px;  position:relative; overflow: hidden;}
.iadv  .txt  { width:calc(100% - 40px);  text-align: center; padding: 20px;}  
.iadv  .txt h1 { font-size: 0.4rem; color:#333; padding:0 0 10px  0; }
.iadv  .txt  p {  line-height: 180%; color:#888; }
.iadv .spr .sp { width:40px; height:40px; background:#e46713; outline: none; text-align: center; border-radius: 100%; position:absolute; top:calc(50% - 20px);  z-index: 9; cursor: pointer; transition: background 0.3s ease-in 0s;}
.iadv .spr .sp i { font-size:0.4rem; line-height: 40px; color:#fff;}
.iadv .spr .sp-prev { left:-20px;}
.iadv .spr .sp-next { right:-20px;}

.footer { background:url("../../templates/default/images/footerbg.jpg") center no-repeat #2a2b30; background-size:cover; width:100%;  text-align: center; }
.footer .qrcode { padding:40px 0 20px 0;}
.footer .qrcode img { max-width:120px; } 
.footer .txt h1 { color:#fff; font-size:0.46rem; font-weight: normal; margin-bottom: 20px;}
.footer .txt h1 a span { font-size:0.48rem; font-family: "Arial"; color:#fff; } 
.footer .txt p { color:#fff; font-size: 0.4rem; }
.footer .nav ul  { padding:20px 0;}
.footer .nav ul li { width:33.3%; line-height: 32px;  text-align: center; float: left; }
.footer .nav ul li  a span {   display: inline-block; color:#fff;  box-sizing: border-box; }
.footer .cpr { padding-bottom:30px; }
.footer .cpr p { color:#999; font-family: "Arial","微软雅黑";  }

.cbanner { width:100%; height:460px; position: relative;  ; overflow: hidden;   }
.ban-brand { background:url("../../templates/default/images/brandbg.jpg") center no-repeat;  background-size:cover;   }
.ban-pro { background:url("../../templates/default/images/probg.jpg") center no-repeat;  background-size:cover;  }
.ban-store { background:url("../../templates/default/images/storebg.jpg") center no-repeat; background-size:cover;   }
.ban-join { background:url("../../templates/default/images/joinbg.jpg") center no-repeat; background-size:cover;   }
.ban-cont { background:url("../../templates/default/images/contbg.jpg") center no-repeat;   background-size:cover; }
.ban-news { background:url("../../templates/default/images/newsbg.jpg") center no-repeat;   background-size:cover; }
.cbanner .txt { text-align: center;  margin-top:200px;}
.cbanner .txt h1 { color:#333; font-size: 0.56rem;}
.cbanner .txt .line { display:inline-block; width:100px; height: 2px; background: #e46713; margin:20px 0 10px 0; }
.cbanner .txt p { color:#333; font-size: 0.48rem; font-weight: bold;}
.cbanner .txt p span { padding:0 15px;}

.cbrand .about {padding-bottom: 20px;}
.cbrand .about .title h1 { color:#333; font-size: 0.48rem; margin-bottom: 30px; text-align: center;}
.cbrand .about .txt  { width:100%; }
.cbrand .about .txt  h1 { font-size: 0.48rem; color:#333; margin: 10px 0 10px 0; }
.cbrand .about .txt p { margin-bottom:10px; line-height: 200%; }
.cbrand .about .txt a { display: inline-block; width:160px; height: 40px; background: #e46713; text-align: center; line-height: 40px; color:#fff; margin-top: 30px;}
.cbrand .about .img { width:100%;}
.cbrand .about .img img { max-width:100%; }
.cbrand .about .ibra .swiper-pagination { bottom:20px!important;}
.cbrand .about .ibra .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #fff;  }
.cbrand .about .ibra .swiper-pagination-bullet-active { background:#e46713;  }

.bj {background:url("../../templates/default/images/bgjz.png") center top no-repeat #f6f6f6;}
.cbrand .box1 {padding-bottom: 20px;}
.cbrand .box1 .a { width:100%; margin-bottom: 10px;}
.cbrand .box1 .a .logo { width:100%;   padding:15px 0 ; background:#e46713;  text-align: center; }
.cbrand .box1 .a .logo  img { margin-bottom: 10px; }
.cbrand .box1 .a .logo p { color:#fff; font-size: 0.42rem; font-weight: bold; }
.cbrand .box1 .a .img { width:100%;  } 
.cbrand .box1 .a .img img { max-width:100%; vertical-align: bottom; } 
.cbrand .box1 .b { width:100%; }
.cbrand .box1 .b h1 { color:#333; font-size: 0.48rem; margin:40px 0 20px 0; }
.cbrand .box1 .b ul {background:#fff;padding: 20px 20px;}
.cbrand .box1 .b ul li  {padding-bottom: 10px;line-height: 200%; }
.cbrand .box1 .b ul li i { color:#e46713; font-style: normal; font-size: 0.48rem;  position: absolute; left:0; top:0;}
.cbrand .box2 {margin-bottom: 20px;}
.cbrand .box2 h1 { color:#333; font-size: 0.48rem; margin:40px 0 30px 0; text-align: center;}
.cbrand .cbra .swiper-pagination { bottom:10px!important;}
.cbrand .cbra .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #fff;  }
.cbrand .cbra .swiper-pagination-bullet-active { background:#e46713;  }
.cbrand .box2 .desc { padding:30px 20px; background:#f6f6f6;  }
.cbrand .box2 .desc p { margin-bottom:10px; line-height: 200%; }
.cbrand .box2 .desc p:last-child { margin-bottom:0; }
.cbrand .box3 {padding-bottom: 20px;}
.cbrand .box3 .a {width: calc(100% - 40px); padding:20px 20px;  background:#fff;   }
.cbrand .box3 .a ul li  { margin-bottom: 10px; line-height: 200%; }
.cbrand .box3 .a ul li:last-child { margin-bottom:0; }
.cbrand .box3 .a ul li i { color:#e46713; font-style: normal;  position: absolute; left:0; top:0;}
.cbrand .box3 .b { width:100%; background:#e46713;  text-align: center;  padding:40px 0; }
.cbrand .box4 { background:url("../../templates/default/images/brandbg2.jpg") center no-repeat #f6f6f6; background-size: cover; text-align: center;}
.cbrand .box4 .title h1 { color:#333; font-size: 0.48rem; margin-bottom: 5px;}
.cbrand .box4 .title span { display:inline-block; width:100px; height: 2px; background: #e46713; margin:20px 0; }
.cbrand .box4 .txt p {  font-size: 0.4rem; font-weight: bold; color:#333;}
.cbrand .box4 .spr .sp { background:#1F2C5B;  outline: 0; position: absolute; top:36%; z-index:99; cursor: pointer; width:4rem; height:4rem;} 
.cbrand .box4 .spr .sp i { font-size:1.4rem; line-height: 4rem;}
.cbrand .box4 .spr .sp-prev { left:0;}
.cbrand .box4 .spr .sp-next { right:0;}
.cbrand .box4 .list  { margin-top:40px;}
.cbrand .box4 .list .swiper-container { padding-bottom: 35px; }
.cbrand .box4 .list .info {text-align: center;   width:100%; margin:0 auto;  cursor: pointer;  transition: background 0.3s ease-in 0s; position: relative;}
.cbrand .box4 .list .info .img { width:100%;  position:relative; overflow: hidden;}
.cbrand .box4 .list .info .img img { width:100%;} 
.cbrand .box4 .list .info .desc { width:calc(100% - 60px); padding:20px 30px; position: absolute; bottom:0; z-index: 9; background:rgba(255,255,255,0.9); } 
.cbrand .box4 .list .info h2 { font-size:20px; color:#333; }
.cbrand .box4 .list .info h3 { font-size:16px; color:#333; font-weight: normal;  margin:15px 0 10px 0;}
.cbrand .box4 .list .info p {  line-height: 180%;  text-align: left; }
.cbrand .box4 .list .info h5 { font-size:16px; margin-top:10px; }
.cbrand .box4 .list .swiper-pagination { bottom:0!important;}
.cbrand .box4 .list .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #ccc;  }
.cbrand .box4 .list .swiper-pagination-bullet-active { background:#e46713;  }


.cbanner .txtpro { text-align: center;  width:calc(100% - 60px);   margin-top:100px; padding:30px 0; background:rgba(255,255,255,0.7);}
.cbanner .txtpro h1 { color:#333; font-size: 0.56rem;}
.cbanner .txtpro .line { display:inline-block; width:100px; height: 2px; background: #e46713; margin:20px 0 10px 0; }
.cbanner .txtpro p { color:#333; font-size: 0.48rem; font-weight: bold;}
.cbanner .txtpro p span { padding:0 15px;}
.cbanner .txtpro .desc { margin-top:20px;}
.cbanner .txtpro .desc p { color:#333; font-size: 0.36rem; font-weight: normal; }
.cnav {width:100%; border-bottom:1px solid #ddd; padding:20px 0 0 0;  margin-bottom: 40px;}  
.cnav ul li {  float:left; margin-bottom: 20px;  }
.cnav ul li a {display:inline-block; color:#333; padding:0 30px; height:40px;  line-height: 40px;  box-sizing: border-box; background:#f6f6f6; border-radius: 4px; margin-right: 20px;   font-weight: bold;  }
.cnav ul li.on  a  { background:#e46713;color:#fff; }
.cpro .list { padding-bottom:40px; }
.cpro .list ul li { float:left; width:calc(50% - 10px); margin-right: 20px; margin-bottom: 30px; }
.cpro .list  ul li:nth-child(2n) { margin-right:0; }
.cpro .list  ul li .img { width:100%;  position:relative; overflow: hidden;}
.cpro .list  ul li .txt  { width:100%;   background:#f6f6f6;    }  
.cpro .list  ul li .txt h1 { font-size: 0.4rem; color:#333; text-align: center; line-height: 50px; }
.page_info{text-align:center; font-size: 0.36rem; } 
.page_info span{padding:0 4px;}
.page_list{line-height:200%;text-align:center;letter-spacing:0;  font-size: 0.36rem;  }
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#404040;border:1px solid #ccc;background:#E5EDF2;}

.cbanner .txtstore { text-align: center;  width:calc(100% - 60px);   margin-top:100px; padding:30px 0; background:rgba(255,255,255,0.7);}
.cbanner .txtstore h1 { color:#333; font-size: 0.56rem;}
.cbanner .txtstore .line { display:inline-block; width:100px; height: 2px; background: #e46713; margin:20px 0 10px 0; }
.cbanner .txtstore p { color:#333; font-size: 0.48rem; font-weight: bold;}
.cbanner .txtstore p span { padding:0 15px;}
.cbanner .txtstore .desc { margin-top:20px;}
.cbanner .txtstore .desc p { color:#333; font-size: 0.36rem; font-weight: normal; }
.cbanner .txtstore .desc p a { color:#333;}
.cstore .list { padding-bottom:40px; }
.cstore .list ul li { float:left; width:calc(50% - 10px); margin-right: 20px; margin-bottom: 30px; }
.cstore .list  ul li:nth-child(2n) { margin-right:0; }
.cstore .list  ul li .img { width:100%;  position:relative; overflow: hidden;}
.cstore .list  ul li .txt  { width:100%;   background:#f6f6f6;    }  
.cstore .list  ul li .txt h1 { font-size: 0.4rem; color:#333; text-align: center; line-height: 50px; }
.storeinfo {width:100%; padding:40px 0; background:#f6f6f6; display: none; }
.storeinfo .img {width:100%x; }
.storeinfo .txt { width:calc(100% - 40px);  padding:20px; background: #fff; }
.storeinfo .txt ul li i { color:#e1223d; font-size:0.4rem; padding-right: 10px; line-height: 260%;}
.storeinfo .txt ul li span { color:#333; font-weight: bold; }
 
.cbanner .txtjoin { text-align: center;   margin-top:80px; }
.cbanner .txtjoin h1 { color:#fff; font-size: 0.56rem;}
.cbanner .txtjoin .line { display:inline-block; width:100px; height: 2px; background: #e46713; margin:20px 0 10px 0; }
.cbanner .txtjoin p { color:#fff; font-size: 0.48rem; font-weight: bold;}
.cbanner .txtjoin p span { padding:0 15px; }
.cbanner .txtjoin .big h1 {font-size: 0.42rem;  background:#e46713; padding:12px 0 8px 0;  width:calc(100% - 80px);  margin:20px auto; color:#fff; border-radius: 4px;  }
.cbanner .txtjoin .big h1 span {  font-family: "Arial"; font-style: italic; font-size: 0.48rem;  line-height: 200%; color:#fff;}
.cbanner .txtjoin .big h2 { font-size:0.52rem;  font-style: italic; color:#fff; position: relative; } 
.cbanner .txtjoin .big h2 span {   color:#e46713;  } 

/* 多年品质 */

.cjoin .sin_quality {
    padding-bottom: 20px;
}
.cjoin .sin_quality .siqua_body{
    width: 98%;
    margin: 0 auto;
}
.cjoin .sin_quality .siqua_cakes {
    width: 98% !important;
    height: 230px !important;
}
.cjoin .sin_quality .siqua_cake {
    float: left;
    width: 48%;
    height: 280px;
    transition: all 0.3s;
    margin: 0 1% 2% 1%;
    position: relative;
}
.cjoin .sin_quality .siqua_cake:nth-child(1) {
    background: url(../../images/quality.png) center no-repeat;
}
.cjoin .sin_quality .siqua_cake:nth-child(2) {
    background: url(../../images/quality2.png) center no-repeat;
}
.cjoin .sin_quality .siqua_cake:nth-child(3) {
    background: url(../../images/quality3.png) center no-repeat;
}
.cjoin .sin_quality .siqua_cake:nth-child(4) {
    background: url(../../images/quality4.png) center no-repeat;
}
.cjoin .sin_quality .siqua_cake:nth-child(5) {
    background: url(../../images/quality5.png) center no-repeat;
}

.cjoin .sin_quality .siqua_cake .scbe_title {
    width: 100%;
    height: 65px;
    background-color: #e57f12;
    border-radius: 0 0 7px 7px;
    position: absolute;
    bottom: 0;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    transition: all .5s;
}
.cjoin .sin_quality .siqua_cake .scbe_title .scbe_icon {
    margin: 0 auto;
    width: 45px;
    height: 45px;
    border-radius: 4em;
    background-color: #ffffff;
    margin-top: -22px;
    transition: all .5s;
}
.cjoin .sin_quality .siqua_cake .scbe_title .scbe_icon img {
    padding-top: 10px;
}
.cjoin .sin_quality .siqua_cake .scbe_title p {
    line-height: 2em;
    transition: all .5s;
} 
.cjoin .sin_quality .siqua_cake .scbe_brief {
    width: 80%;
    font-size: 12px;
    color: #ffffff;
    line-height: 1.5;
    opacity: 0;
    position: absolute;
    left: 10%;
    top: 180px;
    transition: all .5s;
}
.cjoin .sin_quality .siqua_cake:nth-child(5) {
    margin-right: 0px!important;
}

.cjoin .sin_quality .siqua_cake:hover .scbe_title {
    height: 100%;
    border-radius: 8px 8px 8px 8px;
    background: rgb(0, 0, 0,0.5);
    transition: all .5s;
}
.cjoin .sin_quality .siqua_cake:hover .scbe_title p {
    transform: translateY(20px);
    transition: all .5s;
}
.cjoin .sin_quality .siqua_cake:hover .scbe_icon {
    background-color: #e57f12;
    margin-top: 40px;
    transition: all 1s;
    transform: rotateY(360deg);
}
.cjoin .sin_quality .siqua_cake:hover .scbe_icon img {
    filter: brightness(5);
    transform: rotateY(360deg);
    transition: all 1s;
}
.cjoin .sin_quality .siqua_cake:hover .scbe_brief {
    opacity: 1;
    transform: translateY(-30px);
    transition: all .5s;
}

/* 10大支持 */

.cjoin .join_require {
    padding-bottom: 20px;
}

.cjoin .join_require .join_backupul li{
    float: left;
    width:50%;
    margin-bottom:4%;
    text-align: center;
}
.cjoin .join_require .join_backupul li b {
    display: inline-block;
    background: #e57f12;
    border-radius: 5em;
    color: #fff;
    font-size: 2em;
    width: 60px;
    height: 60px;
    line-height: 1.8em;
}
.cjoin .join_require .join_backupul li span{
    display: block;
    margin: 0.2rem 0;
}

/* 加盟要求 */

.cjoin .join_backup {
   padding-bottom: 20px;
}
.cjoin .join_backup .join_requireul{
    display: table;
    width:92%;
    margin:2% 4%;
}
.cjoin .join_backup .join_requireul li{
    float: left;
    width:42%;
    margin: 2%;
    padding: 2%;
    text-align: center;
    background:#F6F6F8;
    box-shadow: 0 0 0.02rem rgba(20,40,66,.2);
    border-radius: 0.2rem;
}
.cjoin .join_backup .join_requireul li b{
    display: block;
    margin: 0.2rem 0;
    font-size: 18px;
}
.cjoin .join_backup .join_requireul li span{
    line-height: 1.5em;
    font-size: 14px;
}

/* 加盟流程 */

.cjoin .join_flow {
    padding-bottom: 20px;
}
.cjoin .join_flow .join_flowul{
    display: table;
    width:96%;
    margin: 2%;
}
.cjoin .join_flow .join_flowul li{
    float: left;
    width:46%;
    margin:2%;
    text-align: center;
    position:relative;
}
.cjoin .join_flow .join_flowul .txt{
    background: #f9d8c2;
    height: 90px;
    border-radius: 0.5em;
}
.cjoin .join_flow .join_flowul span{
    color: #fff;
    background: #e57f11;
    padding: 2%;
    width:60%;
    display:inline-block;
    margin: 0 auto;
    border-radius: 0.2rem;
    position:absolute;
    margin-top: -0.2rem;
    left: 0;
    right: 0;
}
.cjoin .join_flow .join_flowul p{
    color: #555;
    width: 80%;
    margin: 0 auto;
    padding: 14% 10%;
    font-size: 14px;
}


/* 人气爆款 */

.cjoin .join_store {
    padding-bottom: 20px;
}
.cjoin .join_store .join_storebox {
    width: 96%;
    margin: 0 auto;
}


.cser { padding:100px 0 40px 0; }
.cser .list  { width:100%; position: relative; }
.cser .list ul li { width:calc(100% - 40px); padding:0 20px;   background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); margin-bottom: 20px;}
.cser .list .box { width:100%; padding-bottom:20px; overflow: hidden; background:#fff;}
.cser .list .box .ico { width:80px;  padding-top:35px;  margin-right:15px;  text-align: center; float:left; }
.cser .list .box .ico i { font-size:1rem;  color:#e46713; }
.cser .list .box .txt {  float:left; width:calc(100% - 100px); text-align: left; }
.cser .list .box .txt h1 { font-size:0.4rem; color:#333;   margin:20px 0 10px 0; } 
.cser .list .box .txt p {  line-height: 160%; color:#888; }

.cban { padding:40px 0; }
.cban .ibra .swiper-pagination { bottom:20px!important;}
.cban .ibra .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; opacity: 1!important; background: #fff;  }
.cban .ibra .swiper-pagination-bullet-active { background:#e46713;  }
.cmsg {width:100%; padding-bottom:40px; background:url("../../templates/default/images/bgjz.png") center top no-repeat #f6f6f6;;  }
.cmsg p { position:relative; }
.cmsg p span { position: absolute; right:10px; top:10px; line-height: 26px;}
.cmsg p span img { width:60px; height: 26px;}  
.cmsg p span a { color:#666; margin-left:10px;  font-size: 0.38rem;}
.cmsg p .inputtxt {	background: #fff; border: none; border: #ddd 1px solid; color: #666;  width:calc(100% - 32px);   height: 24px;  line-height: 24px;  padding: 12px 15px;   margin-bottom: 20px; font-size: 0.38rem;
   transition: all 0.3s ease-out 0s; border-radius: 0!important;
}
.cmsg p .inputtxt:hover { border: #e46713 1px solid;}
.cmsg p .inputtxt:ac { border:#e46713 1px solid;}
.cmsg p textarea.inputtxt {	border: #ddd 1px solid; background-color: rgba(255, 255, 255, 0.13); padding:10px 15px 15px 15px; width:calc(100% - 32px); }
.cmsg p textarea.inputtxt:hover { border: #e46713 1px solid;}
.cmsg p .inputsub {   width: 100%;  display: inline-block;  text-align: center;	font-size: 0.4rem; font-weight: bold; height:50px;  line-height: 50px; margin-top:10px; background-color: #e46713; color: #fff;transition: all 0.3s ease 0s; cursor: pointer;}
.cmsg p .inputsub:hover {background-color: #e46713;}
.cmsg p textarea.inputtxt {   height:100px;  background: #fff;   resize: none;  overflow: hidden;  margin:0 0 20px 0; }

.breadcrumb{position: relative; width:calc(100% - 40px); margin:20px;  z-index: 98;}
.breadcrumb h6{font-size: 0.38rem; line-height: 46px; padding: 0 20px; background: #e46713; color: #fff}
.breadcrumb h6.active span{-webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.breadcrumb h6.active span{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.breadcrumb ul {background: #fff; padding: 0; text-align: center; box-shadow: 0px 0px 15px 0px rgba(0,0,0, .3);display: none; position: absolute;left: 0; top:46px; width: 100%; z-index: 98;}
.breadcrumb  i { font-size:16px;}
.breadcrumb li+li{border-top: 1px solid #ddd;}
.breadcrumb li a{ display: inline-block; width:100%; line-height: 42px; }
.breadcrumb li.on a { background: #f6f6f6; color:#e46713;}

.cnews .list { padding:10px 0 40px; }
.cnews .list ul li { width:100%; margin-bottom: 20px;  box-sizing: border-box;   position: relative; padding-bottom:20px;  border-bottom:1px solid #ddd;  transition: all 0.3s ease-in-out;}
.cnews .list ul li:last-child { border:none; margin-bottom:0; }
.cnews .list ul li .img { width:120px; overflow: hidden;  position: relative; }
.cnews .list ul li .img img { max-width: 100%; transition: all 0.5s ease-in-out; }
.cnews .list ul li .txt { width:calc(100% - 135px); box-sizing: border-box;  }
.cnews .list ul li h3 { font-size: 0.38rem; color:#333; margin: 0 0 5px;  transition: all 0.3s ease-in-out;  }
.cnews .list ul li p.desc {  color:#888; margin:10px 0 0; }
.cnews .list ul li:hover h3 { color:#e46713; }
.cnews .list ul li:hover .img img {  transform:scale(1.08);  transition: all 0.5s ease-in-out; }
.cnews .pagination { margin:10px 0 0;}

.cnews .de { padding:10px 0 40px; }
.cnews .de .title { text-align:center; }
.cnews .de .title h2 { color:#333; font-size: 0.42rem; }
.cnews .de .title p { color:#888; padding:10px 0 ;  border-bottom:1px solid #ddd; }
.cnews .de .title p span { margin:0 10px; }
.cnews .de .title p em { font-weight:normal!important; }
.cnews .de .desc { margin:20px 0; }
.cnews .de .desc p { margin:10px 0; }
.cnews .de .desc p img { margin:10px 0;} 
.cnews .de .desc p strong , .cnews .de .desc strong { color:#333; }

.pn-nav a { width:100%;  background:#f6f6f6; box-sizing: border-box; line-height: 40px;  padding:0 15px;  margin-bottom: 10px; color:#666; }
.pn-nav a:last-child { margin-bottom:0; }
.pn-nav a:hover { background:#e46713; color:#fff; }

/*电话漂浮 css*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}


/* 公共标题 */
.pub_title {
    text-transform: uppercase;
    text-align: center;
    padding: 40px 0 30px 0;
    position: relative;
}
.pub_titles {
    text-transform: uppercase;
    text-align: center;
    padding: 0px 0 30px 0;
    position: relative;
}
.pub_title .p1,.pub_titles .p1{
    font-size: 20px;
    color: #333333;
    line-height: 2em;
}
.pub_title .p2,.pub_titles .p2{
    font-size: 16px;
    color: #e57f12;
    font-weight: bold;  
}
.pub_title .p3,.pub_titles .p3{
    font-size: 12px;
    color: #151515;
}