body,html{background: #f7f7f7;}
.fresh_box{width: 1200px;margin: auto;position: relative;}
.fresh{min-width: 1200px;overflow-x: auto;}
.fresh_top{height: 80px;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}
.logo2{display: none;}
.fresh_top1{padding: 15px 0 14px;position: relative;}
.fresh_top2{display: block;font-size: 16px;height: 80px;position: relative;color: #fff; cursor: pointer;box-sizing: border-box;padding:14px 14px;}
.fresh_top3{line-height: 56px;display: inline-block;font-size: 16px;color: #FFFFFF;}
.fresh_top2.active .fresh_top3{border-bottom: 2px solid #ffffff;;}
 .fresh_top4{padding: 22px 0 22px 24px;height: 80px;display: inline-block;box-sizing: border-box;}
.fresh_top5{width: 96px;height: 36px;background-color: #25c78a;border-radius: 4px;font-size: 16px;color: #f5f5f5;text-align: center;line-height: 34px;display: inline-block;}
.fresh_top6{background: transparent; border: solid 1px #ffffff; color: #FFFFFF;}
.fresh_try{ border: solid 1px #ffffff;}
/* 滚动的时候 */
.fresh .fresh_top_f{background: #FFFFFF;box-shadow: 0 0 0 #FFFFFF, 0 0 0 #FFFFFF, 0 0 0 #FFFFFF, 0 0 5px #ccc;}
.fresh_top_f .logo1{display: none;}
.fresh_top_f .logo2{display: block;}
.fresh_top_f .fresh_top2 .fresh_top3{color: #4d4d4d;}
.fresh_top_f .fresh_top2.active .fresh_top3{color:#33cb91;}
.fresh_top_f .fresh_top2.active .fresh_top3{border-bottom: 2px solid #33cb91;}
.fresh_top_f .fresh_top6{border: 1px solid #25c78a;color: #25c78a;}
.fresh_ban{width: 100%;height: 580px;background: url(../images/banner.png) center no-repeat;background-size: 100% 580px;padding-top: 80px;box-sizing: border-box;position: relative;overflow: hidden;}
.fresh_banl{position: absolute;top:157px;}
.fresh_ban1{font-size: 42px;color: #ffffff;margin-bottom: 28px;}
.fresh_ban2{font-size: 36px;color: #ffffff;}
.fresh_banr{position: absolute;right: 0;}
.fresh_ban3{position: absolute;width: 100%;position: absolute;bottom:-9px;left: 0;background: url(../images/banner2.png) center no-repeat;background-size: 100% 124px;height: 124px;}

/* 主体 */
.fresh_cen{width: 100%;}
.fresh_cena{background:#FFFFFF;padding-top: 68px;padding-bottom: 113px;}
.fresh_cena2{font-size: 36px;color: #333333;margin-bottom: 23px;text-align: center;}
.fresh_cena3{font-size: 20px;color: #808080;text-align: center;margin-bottom: 62px;}
.fresh_cena4 img{width: 974px;height: 408px;display: block;margin: auto;}

.fresh_cenb{background: #f7f7f7;padding-top: 73px;padding-bottom:31px;}
.fresh_cenb1 ul{padding: 0 18px;box-sizing: border-box;width: 1268px;}
.fresh_cenb2{width: 240px;height: 200px;background-color: #ffffff;border-radius: 6px;margin: 0 68px 50px 0;cursor: pointer;padding-top: 30px;}
.fresh_cenb2:nth-of-type(4n){margin-right: 0;}
.fresh_cenb3{width:114px;position: relative;height: 114px;margin: auto;}
.fresh_cenb3 img{transition:all 0.2s;position: absolute;left: 0;top: 0;}
.fresh_cenb4{font-size: 18px;color: #313233;text-align: center;}
.fresh_cenb2:hover .fresh_cenb3 img{top: -24px;}
.fresh_cenb2:hover .fresh_cenb4{color:#25c78a;}

.fresh_cenc{width: 100%;background: #FFFFFF;padding-top: 65px;padding-bottom: 113px;}


.fresh_cencc{width: 342px;height:652px;background: url(../images/zicon5.png) center no-repeat;background-size: 100% 100%;position: relative;margin:0 51px;}
.fresh_cencc1{width: 266px;height: 469px;position: absolute;top: 75px;left: 38px;overflow-y: auto;border: 1px solid #CCCCCC;box-sizing: border-box;background: #FFFFFF;text-align: center;}
.fresh_cencc10{position: absolute;bottom: 109px;left:39px;height:36px;width: 264px;}
.fresh_cenccbox{width: 100%;text-align: center;box-sizing: border-box;margin:2px 0px;border: 2px dashed transparent;}
.fresh_cencc1::-webkit-scrollbar{width:6px;height: 20px;}
.fresh_cencc1::-webkit-scrollbar-thumb{background: #e6e6e6;border-radius:3px;}
.fresh_cencc1::-webkit-scrollbar-track{background: #fff;border-radius:3px;}
.fresh_cenccbox.active{border:2px dashed #25c78a;}
.fresh_cencc1img{width: 100%;}
.fresh_cencc1 img{width: 100%;}


.fresh_cencl1{height: 324px;padding-top: 70px;box-sizing: border-box;}
.fresh_cencl2{width: 69px;height: 70px;margin-right: 13px;}
.fresh_cencl2 img{max-width: 100%;max-height: 100%;}
.fresh_cencl3{width: 296px;}
.fresh_cencl5{font-size: 18px;color: #282b31;line-height: 36px;}
.fresh_cencl6{font-size: 14px;color: #999;line-height: 24px}
.fresh_cencl4{margin-bottom: 24px;}
.fresh_cencl4 span{display: inline-block;width: 22px; height: 22px;margin-right: 16px; cursor: pointer;float: left;border-radius: 1px;}
.fresh_cencl4>i{float: left;width: 84px;display: inline-block;}
.fresh_cencl7{font-size: 14px;color: #333333;margin-right:26px;cursor: pointer;}
.fresh_cencl7 img{width: 18px;height: 18px;vertical-align: middle;}
.fresh_cencl7 i{display: inline-block;vertical-align: middle;line-height: 18px;margin-left: 4px;}
.fresh_cenclimg{display: none;}
.fresh_cenclimg1{display: inline-block;}
.fresh_cencl7.active .fresh_cenclimg{display: inline-block;}
.fresh_cencl7.active .fresh_cenclimg1{display: none;}
.fresh_cencl8 img{width: 66px;height: 48px;cursor: pointer;margin-right: 18px;float: left;}
.fresh_cencl8 .fresh_cencl8img{display: none;}
.fresh_cencl8.active .fresh_cencl8img{display: inline-block;}
.fresh_cencl8.active .fresh_cencl8imgs{display:none;}


.fresh_cencl9 i{width:61px;display: inline-block;float: left;line-height: 21px;}
.fresh_cencl9 span{width: 80px;height: 29px;border-radius: 2px;border: solid 1px #cccccc;font-size: 14px;color: #666666;cursor: pointer;margin-right: 22px;display: inline-block;text-align: center;box-sizing: border-box;line-height: 27px;margin-bottom: 15px;}
.fresh_cencl9 span.active{background-color: #25c78a;font-size: 14px;color: #ffffff;border: none;line-height: 29px;}
.fresh_cencl9 span:last-child{border: none;}
.fresh_cencc11{position: absolute;top: 0;left: 0;}
.fresh_cencc11 img,.fresh_cencctit img,.fresh_cencctxt img,.fresh_cencclun img{display: none;width: 100%;}
.fresh_cencctit{position: absolute;top: 0;left: 0;}
.fresh_cencctxt{position: absolute;top:65.5px ;left: 0;}
.fresh_cencclun{position: absolute;top:96px ;left: 7px;width: 241px;}


.fresh_cend{width: 100%;background: #f7f7f7;padding-top: 63px;padding-bottom: 89px;}
.fresh_cend li{	width: 300px;height: 332px;background-color: #ffffff;border-radius: 8px;cursor: pointer;padding-top: 30px;box-sizing: border-box;margin:0 50px;}
.fresh_cend li:hover{box-shadow: 0 0 12px #CCCCCC;}
.fresh_cend1{font-size: 17px;color: #4d4d4d;position: relative;text-align: center;margin-bottom: 92px;}
.fresh_cend1:after{width: 28px;height: 3px;background-color: #25c78a;position: absolute;content: "";left: 50%;margin-left: -14px;bottom: -20px;}
.fresh_cend2{width:100%;overflow: hidden;height: 196px;text-align: center;}

.fresh_cene{width: 100%;background: url(../images/banner4.png) center no-repeat;background-size: 100% 510px;height: 510px;padding-top: 72px;}
.fresh_cene li{width: 263px;height: 144px;background-color: #ffffff;border-radius: 4px;margin-right: 49px;padding: 40px 0 0 16px;position: relative;float: left;box-sizing: border-box;cursor: pointer;}
.fresh_cene li:last-child{margin-right: 0;}
.fresh_cene1{font-size: 16px;color: #333333;line-height: 20px;margin-bottom: 20px;width: 144px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;height: 40px;}
.fresh_cene2{width: 24px;height: 4px;background:#e6e6e6;}
.fresh_cene3,.fresh_cene4{position: absolute;right: 0;bottom: 0;}
.fresh_cene4{display: none;}
.fresh_cene li:hover{background-color: #25c78a;}
.fresh_cene li:hover .fresh_cene1{color: #FFFFFF;}
.fresh_cene li:hover .fresh_cene2{background-color: #FFFFFF;}
.fresh_cene li:hover .fresh_cene4{display: block;}
.fresh_cene li:hover .fresh_cene3{display: none;}


.fresh_cenf{padding: 65px 0 48px;}
.fresh_cenf li{width: 380px;height:270px;margin-right: 30px;margin-bottom: 44px;float: left;background-color: #ffffff;box-shadow: 0px 0px 29px 0px rgba(143, 143, 143, 0.12);border-radius: 6px;cursor: pointer;}
.fresh_cenf li:nth-of-type(3n){margin-right: 0;}
.fresh_cenf li:hover{box-shadow: 0 0 12px #CCCCCC;}
.fresh_cenf1{width: 380px;height: 140px;margin-bottom: 10px;}
.fresh_cenf01{padding: 0 16px;}
.fresh_cenf2{height: 50px;line-height: 50px;margin-bottom: 15px;}
.fresh_cenf2 .fresh_cenf3{vertical-align: middle;}
.fresh_cenf4{font-size: 28px;color: #015f44;line-height: 50px;}
.fresh_cenf04{font-size: 28px;color: #333333;line-height: 50px;}
.fresh_cenf5{font-size: 16px;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.fresh_ceng{width: 100%;height: 560px;background: url(../images/banner5.png) center no-repeat;background-size: 100% 560px;position: relative;padding-top: 50px;box-sizing: border-box;}

.fresh_ceng1{width: 100%;height: 560px;	background-color: #ffffff;box-shadow: 1px 10px 28px 0px rgba(50, 50, 50, 0.06);border-radius: 10px;}
.fresh_ceng1 li{width: 259px;height: 493px;float: left;margin: 0 3px;cursor: pointer;line-height: 493px;vertical-align: middle}
.fresh_ceng1 li img{vertical-align: middle;max-width: 100%}
.fresh_ceng1 .swiper-slide{padding: 40px 70px 0;}


.fresh_ceng1 .swiper-button-prev{left: 20px;width: 25px;height: 36px;}
.fresh_ceng1 .swiper-button-next{right: 20px;width: 25px;height:36px;}
.fresh_ceng1 .swiper-button-prev.swiper-button-disabled{opacity: 1;background-image: url(../images/left.png);}
.fresh_ceng1 .swiper-button-next.swiper-button-disabled{opacity: 1;background-image: url(../images/left.png);transform: rotate(180deg);}


.fresh_cenh{width: 100%;background: #FFFFFF;padding-top: 254px;padding-bottom: 86px;}
.fresh_cenh1{font-size: 36px;color: #333333;text-align: center;margin-bottom: 32px;}
.fresh_cenh2{font-size: 16px;color: #808080;line-height: 28px;text-align: left;margin-bottom: 22px;text-indent: 2rem;}
.fresh_cenh4{width: 25%;float: left;padding-left: 80px;box-sizing: border-box;}
.fresh_cenh5{font-size: 32px;color: #0497f9;margin-bottom: 14px;}
.fresh_cenh6{font-size: 16px;color: #808080;}

.fresh_ceni{width: 100%;height: 320px;background: url(../images/banner6.png) center no-repeat;background-size: 100% 320px;padding-top: 63px;box-sizing: border-box;}
.fresh_ceni ul{width: 1000px;margin: auto;}
.fresh_ceni li{float: left;width: 33.33%;text-align: center;}
.fresh_ceni1{width: 160px;height: 160px;text-align: center;line-height: 160px;vertical-align: middle;background: #FFFFFF;margin:0 auto 30px;cursor: pointer;}
.fresh_ceni1 img{vertical-align: middle;width: 100%;height: 100%;}
.fresh_ceni2{font-size: 18px;color: #ffffff;text-align: center;}


/* 系统演示 */
.systemDemo{ background: #ddf3ff; padding: 90px 0; }
.systemDemo .codeBox{ background: #fff; padding: 12px; margin-right: 20px; }
.systemDemo .codeBox img{ width: 140px; height: 140px; }
.systemDemo .codeBox p{ margin: 5px 0 0 0; font-size: 18px; line-height: 30px; color: #666; text-align: center;}
.systemDemo .downloadBox li{ float: left; margin-left: 90px; }
.systemDemo .downloadBox h3{ width: 118px; line-height: 30px; text-align: center; margin: 0 auto 18px; position: relative; }
.systemDemo .downloadBox h3:after{ content: ''; position: absolute; top: 15px; left: 0; right: 0; height: 1px; background: #3399ff;  }
.systemDemo .downloadBox h3 span{ display: inline-block; padding: 0 10px; background: #ddf3ff; font-size: 20px; color: #3399ff; position: relative; z-index: 1; }
.systemDemo .downloadBox a{ display: block; width: 178px; height: 50px; background-repeat: no-repeat; margin-top: 10px; }
.systemDemo .downloadBox a.btn1{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn1.png); }
.systemDemo .downloadBox a.btn2{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn2.png); }
.systemDemo .downloadBox a.btn3{ background-image: url(https://img01.jhcms.com/gw/images/product/waimai/systemDemo_btn3.png); }
/* 系统演示end */

/* 头部查看演示下拉框 */
.fixedNav_demo{ display: none; position: absolute; top: 70px; left: 0; width: 100%; padding: 60px 0; background: #f6f7f9; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); z-index: 99; }
.fixedNav_demo .downloadBox h3 span{ background: #f6f7f9; color: #003363; }
.fixedNav_demo .downloadBox h3:after{ background: #838383; }
/* 头部查看演示下拉框end */