@charset "utf-8";

body { font-size:16px; color:#666; }

.header  { width:100%; padding:20px 0;  position: relative;  z-index: 9;} 
.header .hinfo .logo a { display:inline-block; height: 60px;  }
.header .hinfo .logo a img {  height:100%; vertical-align: middle;}
.header .hinfo .nav ul { padding:10px 30px 0 0;}
.header .hinfo .nav ul li  { float:left; margin-left:20px;  }
.header .hinfo .nav ul li  a span { color:#fff; font-size: 18px;  padding:6px 10px; display: inline-block; box-sizing: border-box; }
.header .hinfo .nav ul li  a:hover span { border-bottom: 2px solid #fff; } 
.htel { padding: 18px 0 0 0 ;  }
.htel i { color:#fff; font-size: 20px; margin-right: 20px; }
.htel span { color:#fff; font-family: "Arial";  font-size:20px; } 

.ibanner { width:100%; height: 920px; background:url("../images/ibanbg.jpg") center top no-repeat;position: relative; top:-100px; overflow: hidden; }
.ibanner .info { position: relative; height: 100%;} 
.ibanner .info img { position: absolute; z-index:1; }
.ibanner .info .ibimg1 { left:0; top:280px; }
.ibanner .info .ibimg2 { left:0; top:520px; }
.ibanner .info .ibimg3 { right:-260px; }
.ibanner .info .ibimg4 { right:0; bottom:60px;}
.scroll-down { position: absolute; left : 50%; bottom:70px; width: 33px; height: 72px; margin-left: -17px; text-align: center; cursor: pointer; }
.scroll-down .por { position: relative; z-index:99;}
.scroll-down span.fi { width: 5px; height: 5px; background: url(../images/ico-down1.png) no-repeat; margin: 0 0 6px 14px; animation: scrollDown 1.5s infinite 1.6s; -webkit-animation: scrollDown 1.5s infinite 1.6s; }
.scroll-down span.se { width: 7px; height: 7px; background: url(../images/ico-down2.png) no-repeat; margin: 0 0 6px 13px; animation: scrollDown 1.5s infinite 1.4s; -webkit-animation: scrollDown 1.5s infinite 1.4s; }
.scroll-down span.th { width: 9px; height: 9px; background: url(../images/ico-down3.png) no-repeat; margin: 0 0 6px 12px; animation: scrollDown 1.5s infinite 1.2s; -webkit-animation: scrollDown 1.5s infinite 1.2s; }
.scroll-down span.fo { width: 33px; height: 33px; background: url(../images/ico-down4.png) no-repeat; 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:540px; }
.ibrand .txt h1 { font-size: 24px; color:#333; margin-bottom: 40px; }
.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: 30px;}
.ibrand .img { width:600px;}
.ibrand .img img { max-width:100%; }
.ibrand .ibra .swiper-pagination { bottom:20px!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: 60px; }
.tit h1 { font-size: 24px; color:#333;   }
.tit h1 em { color:#e16c05; font-size: 18px; padding-left:20px;}
.tit a { position: absolute; bottom:0; right:0; color:#666;}
.tit a:hover { color:#e46713; }
.titc { margin-bottom: 60px; }
.titc h1 { font-size: 24px; color:#333;  text-align: center;}

.ipro { padding:100px 0; }
.ipro ul li { float:left; width:calc(33.3% - 27px); margin-right: 40px; }
.ipro ul li:nth-child(3n) { margin-right:0; }
.ipro ul li .img { width:100%;   position:relative; overflow: hidden;} 
.ipro ul li .img img {max-width: 100%; transition: all .36s ease; }
.ipro ul li:hover .img img {  transform: scale(1.08);}
.ipro ul li .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 ul li .img .txt  { width:100%; position:absolute; z-index:9; bottom:20px; left:20px; }  
.ipro ul li .img .txt h1 { font-size: 18px; color:#fff; }

.ijoin { padding:100px 0;  background: #f6f6f6; }
.ijoin .list  { width:100%; position: relative;}
.ijoin .list .box { width:100%; height:260px; overflow: hidden; background:#fff;}
.ijoin .list .box .ico { width:100%; height: 130px;  margin-top:10px;  text-align: center; }
.ijoin .list .box .ico i { font-size:54px; line-height: 130px; color:#e46713;}
.ijoin .list .box .txt { padding:0 30px;}
.ijoin .list .box .txt h1 { font-size:18px; 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 .spr .sp:hover { background: #e46713; }
.ijoin .spr .sp i { font-size:20px; line-height: 50px; color:#fff;}
.ijoin .spr .sp-prev { left:-90px;}
.ijoin .spr .sp-next { right:-90px;}

.istore { padding:100px 0;  }
.istore .list .box { width:50%; }
.istore .list .box img { float:left; width:280px; vertical-align: bottom; margin-bottom: 20px;}
.istore .list .box  h2 { float:left; width:100%; font-size:18px; color:#333; text-align: center; padding-top:15px;  }
.istore .list .box1 img { margin-right:20px; }
.istore .list .box2 img {  margin-left:20px; }

.iadv { padding:100px 0; background: #f6f6f6;  }
.iadv ul li { float:left; width:calc(33.3% - 27px); margin-right: 40px;  background: #fff;}
.iadv ul li:nth-child(3n) { margin-right:0; }
.iadv ul li .img { width:100%; height:200px;  position:relative; overflow: hidden;}
.iadv ul li .img img {transition: all .36s ease; }
.iadv ul li:hover .img img {  transform: scale(1.08);}
.iadv ul li  .txt  { width:100%;  height:140px; text-align: center;}  
.iadv ul li  .txt h1 { font-size: 18px; color:#333; padding:30px 0 10px  0; }
.iadv ul li  .txt  p {  line-height: 180%; color:#888; }

.footer { background:url("../images/footerbg.jpg") center top no-repeat #2a2b30; width:100%; height: 540px;  overflow: hidden; text-align: center; }
.footer .qrcode { padding:80px 0 30px 0;}
.footer .qrcode img { max-width:120px; }
.footer .txt h1 { color:#fff; font-size:18px; font-weight: normal; margin-bottom: 30px;}
.footer .txt h1 span { font-size:20px; font-family: "Arial"; }
.footer .txt p { color:#fff; font-size: 18px; }
.footer .nav { padding:30px 0; height:34px; }
.footer .nav ul  { text-align:center; }
.footer .nav ul li { display:inline-block; margin:0 20px; }
.footer .nav ul li  a span { color:#fff;  padding:5px 10px; display: inline-block; box-sizing: border-box; }
.footer .nav ul li  a:hover span { border-bottom: 2px solid #fff; }
.footer .cpr p { color:#999; font-family: "Arial","微软雅黑";  }
.footer .cpr p a{ color:#999; font-family: "Arial","微软雅黑";  }
.footer .cpr p a:hover{ color:#fff; }

.cbanner { width:100%; height: 720px; position: relative;  ; top:-100px; overflow: hidden;}
.ban-brand { background:url("../images/brandbg.jpg") center top no-repeat;  }
.ban-pro { background:url("../images/probg.jpg") center top no-repeat;  }
.ban-store { background:url("../images/storebg.jpg") center top no-repeat;  }
.ban-join { background:url("../images/joinbg.jpg") center top no-repeat;  }
.ban-cont { background:url("../images/contbg.jpg") center top no-repeat;  }
.ban-news { background:url("../images/newsbg.jpg") center top no-repeat;  }
.cbanner .txt { text-align: center;  margin-top:280px;}
.cbanner .txt h1 { color:#333; font-size: 36px;}
.cbanner .txt .line { display:inline-block; width:100px; height: 4px; background: #e46713; margin:30px 0 20px 0; }
.cbanner .txt p { color:#333; font-size: 24px; font-weight: bold;}
.cbanner .txt p span { padding:0 20px;}

.cmain { margin-top:-100px; }
.bj {background:url("../images/bgjz.png") center top no-repeat #f6f6f6;}
.cbrand .about { padding:50px 0 50px 0;}
.cbrand .about .title h1 { color:#333; font-size: 24px; margin-bottom: 60px; text-align: center;}
.cbrand .about .txt {width: 540px; }
.cbrand .about .txt  { width:540px; }
.cbrand .about .txt  h1 { font-size: 24px; color:#333; margin-bottom: 40px; }
.cbrand .about .txt p { margin-bottom:10px; }
.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:600px;}
.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;  }
.cbrand .box5 { padding-top:100px;}
.cbrand .box5 h1 { color:#333; font-size: 24px; margin-bottom: 30px; }
.cbrand .box5 h2 { color:#333; font-size: 24px; margin:30px 0 35px 0; }
.cbrand .box1 { padding:50px 0 50px 0; }
.cbrand .box1 .dise{ background:#fff;}
.cbrand .box1 .fl { width:50%; }
.cbrand .box1 .fl .logo { width:100%;  height:240px;  background:#e46713;  text-align: center; }
.cbrand .box1 .fl .logo  img { margin:50px 0 20px 0; }
.cbrand .box1 .fl .logo p { color:#fff; font-size: 20px; font-weight: bold; }
.cbrand .box1 .fl .img { width:100%; height:300px; } 
.cbrand .box1 .fl .img img { max-width:100%; vertical-align: bottom; } 
.cbrand .box1 .fr { width:calc(50% - 40px); }
.cbrand .box1 .fr h1 { color:#333; font-size: 24px; margin-bottom: 35px; }
.cbrand .box1 .fr ul li  { margin-bottom: 20px;  position: relative; padding-left:20px; line-height: 200%; }
.cbrand .box1 .fr ul li i { color:#e46713; font-style: normal;  position: absolute; left:0; top:0;}
.cbrand .box2 { padding:50px 0 50px 0; }
.cbrand .box2 h1 { color:#333; font-size: 24px; margin:100px 0 60px 0; text-align: center;}
.cbrand .cbra .swiper-pagination { bottom:20px!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:40px; background:#f6f6f6;  }
.cbrand .box2 .desc p { margin-bottom:10px; }
.cbrand .box3 { padding:50px 0 50px 0; }
.cbrand .box3 .fl {width: calc(50% - 80px); padding:40px;  background:#fff;   }
.cbrand .box3 .fl ul li  { margin-bottom: 10px;  position: relative; padding-left:20px; line-height: 200%; }
.cbrand .box3 .fl ul li i { color:#e46713; font-style: normal;  position: absolute; left:0; top:0;}
.cbrand .box3 .fr { width:50%; background:#e46713;  text-align: center; height: 332px; }
.cbrand .box3 .fr img {  margin-top: 120px;   } 
.cbrand .box4 { background:url("../images/brandbg2.jpg") center top no-repeat #f6f6f6; padding:50px 0 50px 0; text-align: center;}
.cbrand .box4 .title h1 { color:#333; font-size: 24px; margin-bottom: 5px;}
.cbrand .box4 .title span { display:inline-block; width:100px; height: 4px; background: #e46713; margin:20px 0; }
.cbrand .box4 .txt p {  font-size: 18px; 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:60px;}
.cbrand .box4 .list .swiper-container { padding:40px 0;}
.cbrand .box4 .list .info {text-align: center;  width:90%; margin:0 auto;  cursor: pointer;  box-shadow: 0 0 40px rgba(0,0,0,.1);  transition: background 0.3s ease-in 0s;}
.cbrand .box4 .list .info .img { width:100%;  position:relative; overflow: hidden;}
.cbrand .box4 .list .info .img img { width:100%;} 
.cbrand .box4 .list .info .img img {transition: all .36s ease; }
.cbrand .box4 .list .info:hover .img img {  transform: scale(1.08);}
.cbrand .box4 .list .info .desc { width:calc(90% - 60px); padding:20px 30px; position: absolute; bottom:0; 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; display: none;   }
.cbrand .box4 .list .info h5 { font-size:16px; margin-top:10px; display: none; }
/*.cbrand .box4 .list .info:hover h2, .cbrand .box4 .list .info:hover h3 {color:#fff; }*/
.cbrand .box4 .list .swiper-slide-active .info {  /*background:#e46713;transform: scale(1);   */  margin-top:-20px;  width:100%; }
.cbrand .box4 .list .swiper-slide-active  .info .desc { width:calc(100% - 60px);}
/*.cbrand .box4 .list .swiper-slide-active .info h2, .cbrand .box4 .list .swiper-slide-active .info h3, .cbrand .box4 .list .swiper-slide-active .info p , .cbrand .box4 .list .swiper-slide-active .info h5 { color:#fff;}*/
.cbrand .box4 .list .swiper-slide-active .info p, .cbrand .box4 .list .swiper-slide-active .info h5  { display:block; }

.cbanner .txtpro { text-align: center;  width:380px;   margin-top:200px; padding:30px 0; background:rgba(255,255,255,0.7);}
.cbanner .txtpro h1 { color:#333; font-size: 36px;}
.cbanner .txtpro .line { display:inline-block; width:100px; height: 4px; background: #e46713; margin:30px 0 20px 0; }
.cbanner .txtpro p { color:#333; font-size: 24px; font-weight: bold;}
.cbanner .txtpro p span { padding:0 20px;}
.cbanner .txtpro .desc { margin-top:30px;}
.cbanner .txtpro .desc p { color:#333; font-size: 16px; font-weight: normal; }
.cnav {width:100%; border-bottom:2px solid #ddd; margin-bottom: 60px;}  
.cnav ul li {  float:left;  }
.cnav ul li a {display:inline-block; color:#333; padding:0 40px; height:60px;  line-height: 60px;  box-sizing: border-box;}
.cnav ul li a span { padding-bottom: 18px;}
.cnav ul li:hover a span, .cnav ul li.on  a span { color:#e46713; border-bottom:2px solid #e46713;  font-weight: bold;  }
.cpro .list { padding-bottom:80px; }
.cpro .list ul li { float:left; width:calc(33.3% - 27px); margin-right: 40px; margin-bottom: 60px; }
.cpro .list  ul li:nth-child(3n) { margin-right:0; }
.cpro .list  ul li .img { width:100%; height:248px;  position:relative; overflow: hidden;}
.cpro .list  ul li .img img {max-width: 100%; transition: all .36s ease; }
.cpro .list  ul li:hover .img img {  transform: scale(1.08);}  
.cpro .list  ul li .txt  { width:100%; height: 60px; background:#f6f6f6;    }  
.cpro .list  ul li .txt h1 { font-size: 18px; color:#333; text-align: center; line-height: 60px; }
.page_info{text-align:center; font-size: 15px; } 
.page_info span{padding:0 4px;}
.page_list{line-height:200%;text-align:center;letter-spacing:0;  font-size: 15px;  }
.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:380px;   margin-top:200px; padding:30px 0; background:rgba(255,255,255,0.7); }
.cbanner .txtstore h1 { color:#333 ; font-size: 36px;}
.cbanner .txtstore .line { display:inline-block; width:100px; height: 4px; background: #e46713; margin:30px 0 20px 0; }
.cbanner .txtstore p { color:#333; font-size: 24px; font-weight: bold;}
.cbanner .txtstore p span { padding:0 20px;}
.cbanner .txtstore .desc { margin-top:30px;}
.cbanner .txtstore .desc p { color:#333; font-size: 16px; font-weight: normal; } 
.cstore .list { padding-bottom:80px; }
.cstore .list ul li { float:left; width:calc(33.3% - 27px); margin-right: 40px; margin-bottom: 60px; }
.cstore .list  ul li:nth-child(3n) { margin-right:0; }
.cstore .list  ul li .img { width:100%; height:260px;  position:relative; overflow: hidden;}
.cstore .list  ul li .img img {max-width: 100%;  transition: all .36s ease; }
.cstore .list  ul li:hover .img img {  transform: scale(1.08);}  
.cstore .list  ul li .txt  { width:100%; height: 60px; background:#f6f6f6;    }  
.cstore .list  ul li .txt h1 { font-size: 18px; color:#333; text-align: center; line-height: 60px; }
.storeinfo {width:100%; padding:100px 0; background:#f6f6f6; display:none; }
.storeinfo .img {width:50%x; }
.storeinfo .txt { width:calc(50% - 160px); height:360px; padding:0 80px; background: #fff; }
.storeinfo .txt ul { margin-top:60px;}
.storeinfo .txt ul li i { color:#e1223d; font-size:22px; padding-right: 10px; line-height: 240%;}
.storeinfo .txt ul li span { color:#333; font-weight: bold; }
 
.cbanner .txtjoin { text-align: center;   margin-top:180px; }
.cbanner .txtjoin h1 { color:#fff; font-size: 36px;}
.cbanner .txtjoin .line { display:inline-block; width:100px; height: 4px; background: #e46713; margin:30px 0 20px 0; }
.cbanner .txtjoin p { color:#fff; font-size: 24px; font-weight: bold;}
.cbanner .txtjoin p span { padding:0 20px;}
.cbanner .txtjoin .big h1 {font-size: 20px;  background:#e46713; padding:12px 0;  width:480px;  margin:30px auto; color:#fff; border-radius: 4px;  }
.cbanner .txtjoin .big h1 span {  font-family: "Arial"; font-style: italic; font-size: 24px; }
.cbanner .txtjoin .big h2 { font-size:28px;  font-style: italic; color:#fff; position: relative; } 
.cbanner .txtjoin .big h2 span {  font-family: "Arial"; font-size: 48px;  color:#e46713; line-height: 100%; position: absolute; right:356px; bottom:-4px; } 

/* 多年品质 */

.cjoin .sin_quality{
    padding: 50px 0 50px 0;
}
.cjoin .sin_quality .siqua_cake {
    float: left;
    width: 230px;
    height: 322px;
    transition: all 0.3s;
    margin-right: 12px;
    position: relative;
}
.cjoin .sin_quality .siqua_cake:nth-child(1) {
    background: url(/images/quality1.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: 200px;
    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: 50px 0 50px 0;
}

.cjoin .join_require .join_backupul li{
    float: left;
    width:240px;
    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: 50px 0 50px 0; 
}
.cjoin .join_backup .join_requireul{
    display: table;
    width:92%;
    margin:2% 4%;
}
.cjoin .join_backup .join_requireul li{
    float: left;
    width:16.5%;
    margin: 0 2%;
    padding: 2% 2.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;
}

/* 加盟流程 */

.cjoin .join_flow {
    padding: 50px 0 50px 0; 
}
.cjoin .join_flow .join_flowul{
    display: table;
    width:96%;
    margin: 2%;
}
.cjoin .join_flow .join_flowul li{
    float: left;
    width:16%;
    margin:2%;
    text-align: center;
    position:relative;
}
.cjoin .join_flow .join_flowul .txt{
    background: #f9d8c2;
    height: 6em;
    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: 18% 0 8% 0;
    line-height: 1.5rem;
    font-size: 14px;
}

/* 人气爆款 */

.cjoin .join_store {
    padding: 50px 0 50px 0; 
}

.cser { padding:100px 0 40px 0; }
.cser .list  { width:100%; position: relative;}
.cser .list ul li { float:left; width:calc(33.3% - 80px); padding:0 20px; margin-right: 60px;  background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-bottom: 60px;}
.cser .list ul li:nth-child(3n) { margin-right:0; }
.cser .list .box { width:100%; padding-bottom: 40px; overflow: hidden; background:#fff;}
.cser .list .box .ico { width:100%; height: 100px;  margin-top:10px;  text-align: center; }
.cser .list .box .ico i { font-size:54px; line-height: 100px; color:#e46713;}
.cser .list .box .txt { padding:0 30px;}
.cser .list .box .txt h1 { font-size:18px; color:#333;  text-align: center; margin-bottom: 15px; }
.cser .list .box .txt p {  line-height: 160%; color:#888; }

.cban { padding:100px 0; }
.cmsg {width:100%; padding:50px 0 100px 0; background:url("../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: 15px;}
.cmsg p .inputtxt {	background: #fff; border: none; border: #ddd 2px solid; color: #666;  width:calc(100% - 32px);   height: 24px;  line-height: 24px;  padding: 12px 15px;   margin-bottom: 30px; font-size: 15px;
   transition: all 0.3s ease-out 0s;
}
.cmsg p .inputtxt:hover { border: #e46713 2px solid;}
.cmsg p .inputtxt:ac { border:#e46713 2px solid;}
.cmsg p textarea.inputtxt {	border: #ddd 2px 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 2px solid;}
.cmsg p .inputsub {   width: 100%;  display: inline-block;  text-align: center;	font-size: 16px; 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; }

.cnews .list { padding-bottom:80px;}
.cnews .list ul li { float:left; width:calc(33.3% - 27px); margin-right: 40px;  margin-bottom: 40px;}
.cnews .list ul li:nth-child(3n) { margin-right:0; }
.cnews .list ul li .img { width:100%; height:240px;  position:relative; overflow: hidden;}
.cnews .list ul li .img img {max-width:100%; transition: all .36s ease; }
.cnews .list ul li:hover .img img {  transform: scale(1.08);}
.cnews .list ul li .txt { padding:20px 30px; border-left:1px solid #ddd;  border-right:1px solid #ddd; border-bottom:2px solid #ddd;  }
.cnews .list ul li .txt h1 { font-size:16px; color:#333;   margin-bottom: 10px; font-weight: normal; }
.cnews .list ul li .txt p { font-size: 15px;  line-height: 180%; color:#666; }
.cnews .list ul li .txt p.date { margin-bottom:10px; color:#999; }
.cnews .list ul li:hover .txt { border-bottom:2px solid #e46713; }

.cnews .de { padding-bottom:80px;}
.cnews .de .title { text-align:center; }
.cnews .de .title h2 { color:#333; }
.cnews .de .title p { color:#888; padding:30px 0 10px;  border-bottom:1px solid #ddd; }
.cnews .de .title p span { margin:0 10px; }
.cnews .de .title p em { font-style: normal; }
.cnews .de .desc { margin:30px 0; }
.cnews .de .desc p { margin:10px 0; }
.cnews .de .desc p img { margin:10px 0;} 
.cnews .de .desc p strong { color:#333; }
.cnews .de .desc strong { color:#333; }

.pn-nav a { display: inline-block; width:calc(50% - 20px); background:#f6f6f6; box-sizing: border-box;  padding:0 20px; line-height: 50px; color:#666;   }
.pn-nav a:hover { background:#e46713;  color:#fff; }


@media screen and (min-width:640px) and (max-width:1440px){}    

.wow {position:relative; z-index: 9;}
.wows {position:relative; z-index: 9;}
 






















