@charset "UTF-8";
/*Copyright:成都零点信息技术有限公司 QQ:863230477*/

.qrcode_box{position:fixed;left:15px;bottom:10px;width:165px;z-index:99;text-align:center}
.box_title{font-size:36px;padding-top:4%;}
.box_content{margin:25px 310px 60px;}
#imageFlow .text{z-index:49;}
.ove2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align:left;}
#what_web a.orange_btn,#case_show a.orange_btn{padding:20px 40px;font-size:20px;border-radius:10px;background:#00A4FF;}
/*脚部*/
.footer{overflow:hidden;max-width:1920px;background:#ECF0F1;color:silver;font-size:18px}
.footer_web{margin:56px auto;padding:0 10px;max-width:1120px}
.footer_contact_us>p{margin-top:-4px;margin-bottom:20px;}
.footer_flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.footer_contact_us{margin-right:25px;}
.footer_contact_us_public{width:100%;font-size:14px;min-height:34px;line-height:34px}
.footer_contact_us_tel{background:url(../../img/web//box/tel.png) no-repeat 1px 1px;background-size:30px 30px}
.footer_contact_us_qq{background:url(../../img/web//box/qq.png) no-repeat 1px 1px;background-size:30px 30px}
.footer_contact_us_position{background:url(../../img/web//box/dingwei.png) no-repeat 1px 1px;background-size:30px 30px}
.footer_link{display:inline-block;width:100%}
.footer_link a{color:#c0c0c0;}
.mobile_download{padding:5px;margin-left:10px;}
.pc_download{padding:10px;margin-left:20px;}

.index_title{position:relative;font-size:40px;font-weight:bold;color:#ECECEC;padding:10px 0;margin-top:20px;}
.index_title h2{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:26px;color:#333;}
.index_title:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:60px;height:8px;border-radius:4px;background-color:#FF6B00;box-shadow:0 12px 9px 1px rgba(255,107,0,0.24);}

.hover_pop{position:absolute;z-index:9;left:40px;top:0px;text-align:center;padding:15px;border:1px solid #FF6600;background:#FFF;display:none}
a:hover .hover_pop,a:active .hover_pop{display:block}
#header .header_current{color:#FF6600;font-weight:bold}

/* 校园零食盒子 */
.school_snack_web{background:#161A25 url(../../img/web/box/web_bg.png) 80% 50% no-repeat;background-size:30%;width:100%;height:650px;}
.school_snack_web h1{font-size:36px;line-height:72px;padding:225px 0 20px 0;letter-spacing: 10px;}
.school_snack_web .school_snack_web_sub{font-size:45px;line-height:45px;}
.school_snack_web .apply_for_cooperation{padding:5px 15px;margin-top:50px;border-radius:50px;background:#FF6600}

.school_snack_web_index{background:#161A25 url(https://image-share.oss-cn-hangzhou.aliyuncs.com/0xiao/static/img/box_website/banner.png) no-repeat center;background-size:100%;width:100%;height:520px;}
.school_snack_web_index h1{font-size:36px;line-height:72px;padding:225px 0 20px 0;letter-spacing: 10px;}
.school_snack_web_index .school_snack_web_sub{font-size:45px;line-height:45px;}
.school_snack_web_index .apply_for_cooperation{padding:5px 15px;margin-top:50px;border-radius:50px;background:#FF6600}
.container{width:1200px;margin:0 auto;text-align:left;}
/* 什么是零食盒子 */
.what_web{height:800px;}
.what_web_index{height:600px;}
.what_web_img_text{display:flex;justify-content:space-between;align-items:center;padding:0 15%;flex-wrap:wrap;}
.what_web_img_text div p{font-size:22px;}
.what_web_img_text div{width:25%;}
.what_web_img_text div:hover img{transform:rotate(720deg);transition:1.5s;}
#guidance_2{display:none;}
#content_open{display:none;}
/* 核心优势 */
.core_advantage{background:#F7F8FA;}
.box_core_advantage{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 280px;}
.box_core_advantage div{text-align:left;background:#F5F7F8;width:26%;height:200px;margin-bottom:50px;box-sizing:border-box;border-radius:10px;}
.box_core_advantage div:hover{box-shadow: 0 0 20px #cccccc;}
.box_core_advantage div p{margin-left:10px;margin-top:15px;color:#333;font-size:14px;line-height:20px;}
.box_core_advantage div b{margin-left:10px;margin-top:10px;color:#333;font-size:22px;}
.box_core_advantage div img{padding:10px;width:50px;height:50px;}

.flow_chart{margin-bottom:50px;background-color:#F5F6F8;padding:0 280px;}
.flow_chart img{width:100%}
.company_profile{margin-top:50px;height: 500px;background-color:#F5F6F8}
.company_profile .box_title{margin-top:20px;}

.core_advantage_img_text{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 280px;}
.core_advantage_img_text div{background:#fff;width:23%;height:250px;margin-bottom:50px;padding:40px;box-sizing:border-box;border-radius:10px;}
.core_advantage_img_text div:hover{box-shadow: 0 0 20px #cccccc;}
.core_advantage_img_text div p{margin-top: 10px;font-size:22px;}
.core_advantage_img_text div img{margin-bottom:30px;width:80px;height:80px;}

/* 专业服务 */
.professional_services{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 280px;}
.professional_services div{background:#fff;width:23%;height:300px;margin-bottom:50px;box-sizing:border-box;border-radius:10px;position:relative}
.professional_services div:hover{box-shadow: 0 0 20px #cccccc;}
.professional_services div b{font-size:20px;color:#333}
.professional_services div em{position:absolute;color:white;background-color:#FF6600;width:100%;transform:translateX(-50%);bottom:0;height:50px;line-height:50px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.professional_services div p{margin-top:10px;font-size:14px;line-height:20px;}
.professional_services div img{margin-bottom:10px;margin-top:20px;;width:80px;height:80px;}

.wrap{margin:0 auto;max-width:1200px;padding:0 10px;box-sizing:border-box;position:relative;overflow:hidden}

/*关于我们*/
.global_title{position:relative;text-align:center;font-size:26px;font-weight:normal;padding-bottom:20px;padding-top:20px}
.global_title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#FF6B00;}
#contact_us{display:flex;justify-content:center}
#contact_us .address_img{width:50%;}
#contact_us .content{width:50%;}

#company_intro {background:#F7F8FA}
#company_intro .wrap .flex_layout {display:flex;}
#company_intro .wrap .flex_layout >div{margin-right:50px !important;}

    /* 客户案例 */
.customer_case{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 280px;}
.customer_case div{background:#fff;width:30%;height:450px;margin-bottom:50px;box-sizing:border-box;border-radius:10px;position:relative}
.customer_case .customer_case_item {width:25%}
.customer_case .customer_case_item.customer_case_current {width:45%}
.customer_case div:hover{box-shadow: 0 0 20px #cccccc;}

/* 合作伙伴 */
.cooperative_partner{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0 280px;}
.cooperative_partner div{background:#fff;margin: 0 30px 50px 0;;box-sizing:border-box;border-radius:10px;position:relative;}
.cooperative_partner img{width:auto;height:25px;}

/* 产品展示 */
.product_display{background:#FFFFFF;width:100%;height:1100px;}
.phone{position:relative;height:320px;}
.phone_web{width: 379px;position:absolute;left:-67px;margin-top:0 !important;top:70px;}
.phone_display{white-space:nowrap;width:244px;font-size:0;margin-top:85px;}
.phone img{transition: .5s;}
#phone_silde_explain{margin-left:100px;text-align:left;}
#phone_silde_explain li{margin-bottom:10px;}
#phone_silde_explain a{padding:15px;background:url(../../img/web/box/bg_no_show.png) no-repeat top left;color: #999;border-radius:5px;display:inline-block;width:200px;height:60px;box-sizing:border-box;background-size:100%;margin-bottom:5px}
#phone_silde_explain a.hover{background:url(../../img/web/box/bg_show.png) no-repeat;background-size:100%;color:#00A4FF;}
#phone_silde_explain a em{font-size:30px;margin: 0 55px 0 10px;vertical-align:middle;}
#phone_silde_explain a span{vertical-align:middle;}
#phone_silde_explain img{margin:0 40px 0 6px;}
#phone_silde_explain li p{width:570px;}
/* 技术优势  */
.technical_advantage{background:#F7F8FA;width:100%;height:480px;}
.technical_advantage_img_text{display:flex;justify-content:space-around;padding:0 270px}
.technical_advantage img{width:110px;height:113px;}
.technical_advantage_content{width:250px;text-align:left;margin-left:30px;}
  /* 运营帮扶 */
.operations_support{background:#FFFFFF;width:100%;height:800px;}
.operations_support_content{padding:5%;}
.operations_support_img_text{display:flex;justify-content:space-between;align-items:center;padding:0 270px;}
.operations_support_img_text img{width:90px;height:120px;padding:20% 0 10% ;}
.operations_support_img_text>div{width:400px;height:450px;background:#F1F4F7;border-radius:10px;}

/* 案例展示 */
.case_show{background:#F7F8FA;width:100%;height:900px;}
/* .case_show img{width:390px;height:260px;white-space:nowrap;} */
.arrow_left{top:-350px;left:-30px;width:5%;}
.arrow_right{position:absolute;right:-30px;top:-350px;width:5%;}
#imageFlow{max-width:1200px;height:580px;background:#F7F8FA;}
/* 盒子资讯 */
.information_box{margin-bottom:20px;}
.box_information{background:#ffffff;;width:100%;height:700px;}
.box_information_list{display:flex;text-align:center;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap;}
.box_information_list>div{width:350px;height:400px;margin:0 auto;}
.box_information .list_class_name{display:flex;text-align:center;justify-content:space-between;background:#F1F4F7;height:60px;line-height:60px;padding:0 10px;}
/* .box_information_ul li{border-bottom:1px dashed #999;} */
.box_information_ul li>a{display:flex;justify-content:space-around;align-items:center;color:#999;text-decoration: none;margin-top: 20px;}
.box_information_ul li>a:hover{background:#f5f5f5;color: #333;}
.box_information_ul strong{font-size:20px;}
.box_information_ul img{width:6%;}
.box_information_ul span{width:60%;}
#information_recommend li:before {content: "●";margin-right: 3px;color: #FF6600;}
#information_recommend{padding:0;background: #fff;}
#information_recommend li{padding:20px 0;}
#information_list li{border:none;}
.orange_btn{padding:10px 15px;font-size:18px;border-radius:10px;}
.information_remark{color:#999;}
#video_box{vertical-align:middle;object-fit:fill;width:600px;heigth:600px;}
.subtitle{font-size:16px;}


@media screen and (max-width:1500px){
    .qrcode_box{display:none}
    .phone{margin-left:270px;}
    .what_web{height:750px;}
    .what_web_index{height:600px;}
    #imageFlow{width:1000px;}
    .school_snack_web h1{font-size: 68px;line-height: 68px;}
    .school_snack_web_index h1{font-size: 68px;line-height: 68px;}
    .operations_support_img_text{padding: 0px 30px;}
    .operations_support_img_text>div{margin-right: 20px;}
    #phone_silde_explain li p{width:550px;}
    .box_core_advantage{padding:0 30px;}
    .flow_chart{padding:0 30px;}
    .core_advantage_img_text{padding:0 30px;}
    .operations_support_img_text img{padding:15% 0 5%; }
    .professional_services{padding:0 30px;}
    .cooperative_partner{padding:0 30px;}
    .customer_case{padding:0 30px;}
}

@media screen and (max-width:1200px){
    .box_content{margin:25px 200px 50px;}
    #what_web a.orange_btn,#case_show  a.orange_btn{padding:16px 36px;font-size:12px;}
    /* 校园零食盒子 */
    .container{width: 92%;}
    .school_snack_web{height:470px;}
    .school_snack_web h1{font-size:50px;line-height:50px;padding:200px 0 10px 0;letter-spacing:10px;}
    .school_snack_web .school_snack_web_sub{font-size:30px;line-height:30px;}
    .school_snack_web .school_snack_web_sub {font-size: 40px;line-height: 40px;}

    .school_snack_web_index{height:470px;}
    .school_snack_web_index h1{font-size:50px;line-height:50px;padding:200px 0 10px 0;letter-spacing:10px;}
    .school_snack_web_index .school_snack_web_sub{font-size:30px;line-height:30px;}
    .school_snack_web_index .school_snack_web_sub {font-size: 40px;line-height: 40px;}
    /* 什么是零食盒子 */
    .what_web{height:700px;}
    .what_web_index{height:600px;}
    /* 核心优势 */
   /* 产品展示 */
   .phone{margin-left:60px;}
   #phone_silde_explain li p{width:550px;}
    /* 技术优势  */
    .technical_advantage{height:770px}
    .technical_advantage_content{width:360px;}
    .technical_advantage_img_text{flex-wrap: wrap;justify-content:center;padding:0 120px;}
    .technical_advantage_img_text div{flex-wrap: wrap;margin-bottom:30px;}
     /* 运营帮扶 */
    .operations_support_img_text{padding:0 90px;}
    .operations_support_img_text>div{margin-right:20px;}
     /* 案例展示 */
    #imageFlow{width:800px;}

    .canda_footer_qrcode{display:none}
}

@media screen and (max-width:1066px){
     /* 新闻资讯 */
     .box_information{height:1000px;}
}

@media screen and (max-width:992px){
    .box_content{margin:25px 150px 40px;}
    #what_web a.orange_btn,#case_show a.orange_btn{padding:12px 32px;font-size:12px;}
    /* 校园零食盒子 */
    .school_snack_web{height:370px;}
    .school_snack_web h1{font-size:37px;line-height:37px;padding:160px 0 20px 0;letter-spacing: 10px;}
    .school_snack_web .school_snack_web_sub{font-size:22px;line-height:22px;}

    .school_snack_web_index{height:370px;}
    .school_snack_web_index h1{font-size:37px;line-height:37px;padding:160px 0 20px 0;letter-spacing: 10px;}
    .school_snack_web_index .school_snack_web_sub{font-size:22px;line-height:22px;}
    /* 什么是零食盒子 */
    .what_web{height:680px;}
    .what_web_index{height:580px;}
    .what_web_img_text div p{font-size:18px;}
    /* 核心优势 */ 
    .box_core_advantage div p{font-size: 18px;}
    .box_core_advantage div p{font-size: 12px;}
    .core_advantage_img_text div p{font-size: 18px;}

    .professional_services div:hover{box-shadow: 0 0 20px #cccccc;}
    .professional_services div b{font-size:18px;color:#333}
    .professional_services div em{position:absolute;color:white;background-color:#FF6600;width:100%;transform:translateX(-50%);bottom:0;height:50px;line-height:50px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
    .professional_services div p{margin-top:10px;font-size:12px;line-height:20px;}
    .professional_services div img{margin-bottom:10px;margin-top:20px;width:60px;height:60px;}

    /* 产品展示 */
    .product_display{height: 750px;}
    .phone{margin-left:60px;}
    .phone_web{top: 0px;}
    .phone_display{top: 0px;margin-top:14px;}
    #phone_silde_explain{margin:35px 0 0 100px;}
    #phone_silde_explain li{margin-bottom:28px;}
    #phone_silde_explain li p{display:none;}
    /* 技术优势  */
    .technical_advantage_img_text div{height:150px;}
    /* 运营帮扶 */
    .operations_support {height:680px;}
    .technical_advantage_img_text{padding:0 80px;justify-content: center;}
    .operations_support_img_text{padding:0}
    .operations_support_img_text>div{height:450px;margin:0 10px;}

    .cooperative_partner{}
    /* 案例展示 */
     #imageFlow{width:500px;}

    #company_intro .wrap .flex_layout >div{margin-right:0 !important;}
    #company_intro .wrap .flex_layout >img{display:none !important;}
    #contact_us .address_img{display:none !important;}
}
@media screen and (max-width:920px){
    .footer_logo{display:none}
    .customer_case .customer_case_item {width:45%}
}
@media screen and (max-width:768px){
    .box_title{font-size:30px;}
    .font16{font-size:12px;}
    .font24{font-size:20px;}
    .box_content{margin:25px 100px 30px;}
    /* 校园零食盒子 */
    .school_snack_web{height:270px;}
    .school_snack_web h1{font-size:24px;line-height:24px;padding:120px 0 10px 0;letter-spacing:5px;}
    .school_snack_web .school_snack_web_sub{font-size:15px;line-height:15px;}

    .school_snack_web_index{height:270px;}
    .school_snack_web_index h1{font-size:24px;line-height:24px;padding:120px 0 10px 0;letter-spacing:5px;}
    .school_snack_web_index .school_snack_web_sub{font-size:15px;line-height:15px;}
    /* 什么是零食盒子 */
    .what_web{height:640px;}
    .what_web_index{height:650px;}
    .what_web_img_text div p{font-size:16px;}
    /* 核心优势 */
    .box_core_advantage div{width:180px;height:170px;border-radius:10px;margin-bottom:20px;}
    .box_core_advantage div b{margin: 0 0 0 10px;padding:5px;font-size:16px;}
    .box_core_advantage div p{margin: 0 0 0 10px;padding:5px;font-size:12px;}
    /* 独有优势 */
    .core_advantage_img_text div{width:160px;height:170px;padding:20px;border-radius:10px;margin-bottom:20px;}
    .core_advantage_img_text div p{margin:0;font-size:16px;}
    .core_advantage_img_text div img{margin-bottom:10px;}

    .professional_services div{background:#fff;width:35%;height:300px;margin-bottom:50px;box-sizing:border-box;border-radius:10px;position:relative}

     /*产品展示  */
     .product_display{height:550px;}
     .phone {margin-left:80px;}
     .phone_web {width:213px;left: -40px;top: 6px;}
    .phone_display{width:135px;}
	#phone_silde_explain{margin-left:90px;margin-top:0;}
	#phone_silde_explain li{margin-bottom:28px;}
    #phone_silde_explain li p{display:none;}
    #phone_silde_explain a{width:105px;height:32px;padding:0px;}
    #phone_silde_explain a em{font-size:15px;margin:0 20px 0 10px;}
    #phone_silde_explain a.hover{padding:0px;}
     /* 技术优势  */
     .technical_advantage{height: 580px;}
     .technical_advantage_img_text{flex-wrap:wrap;}
     .technical_advantage_img_text div{height:120px;}
     .technical_advantage img{width:40px;height:50px;}
     .technical_advantage_content{width:248px;margin-left:15px;}
     .technical_advantage_content p{width:260px;}
     /* 运营帮扶 */
     .operations_support{background:#FFFFFF;width:100%;height:750px;}
     .operations_support_content{padding:0;}
     .operations_support_img_text{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;}
     .operations_support_img_text img{width:30px;height:36px;padding:0;}
     .operations_support_img_text>div{width:400px;height:140px;padding:15px;margin:0;margin-top:20px;}
     .operations_support_img_text h3{display:inline-block;font-size:16px;}
      /* 案例展示 */
      #imageFlow{width:500px;}

    .customer_case .customer_case_item {width:85%}
    .customer_case .customer_case_item.customer_case_current {width:85%}
}
@media screen and (max-width:700px){
    /* 头尾和首页 */
.footer_contact_us>p{font-size:18px}
.footer_contact_us{margin-left:0;font-size:14px}
.footer_company,.footer_link{font-size:12px;text-align:center}
.footer_contact_us_position{line-height:22px}

}
@media screen and (max-width:716px){
 /* 新闻资讯 */
    .box_information{height:1350px;}
    #video_box{width:500px;height:500px;}
}

@media screen and (max-width:480px){
    body{line-height:24px;}
    .box_title{font-size:24px;}
    .font16{font-size:12px;}
    .font24{font-size:16px;}
    .box_content{margin:15px;}
    #what_web a.orange_btn,#case_show a.orange_btn{padding:10px 20px;font-size:14px;border-radius:5px;}
    /* 校园零食盒子 */
    .school_snack_web{height:200px;}
    .school_snack_web h1{font-size:18px;line-height:18px;padding-top:75px;letter-spacing:5px;}
    .school_snack_web .school_snack_web_sub{font-size:14px;line-height:14px;}
    .school_snack_web .apply_for_cooperation{margin-top:10px;font-size:12px}

    .school_snack_web_index{height:200px;}
    .school_snack_web_index h1{font-size:18px;line-height:18px;padding-top:75px;letter-spacing:5px;}
    .school_snack_web_index .school_snack_web_sub{font-size:14px;line-height:14px;}
    .school_snack_web_index .apply_for_cooperation{margin-top:10px;font-size:12px}
    /* 什么是零食盒子 */
	.what_web{height:680px;}
    .what_web_img_text{padding:0 5%;}
    .what_web_img_text div{width:33%;margin:10px 0;}
    .what_web_img_text div p{font-size:14px;}
    #content_open{display:inline-block;}
    /* 核心优势 */
    .box_core_advantage{padding:0;}
    .box_core_advantage div{width:170px;height:185px;border-radius:10px;margin-bottom:20px;}
    /* 独有优势 */
    .core_advantage_img_text{padding:0;}
    .core_advantage_img_text div{width:160px;height:160px;padding:20px;border-radius:10px;margin-bottom:20px;}
    .core_advantage_img_text div p{margin:0;font-size:14px;}
    .core_advantage_img_text div img{margin-bottom:10px;}

    .professional_services div{background:#fff;width:45%;height:300px;margin-bottom:50px;box-sizing:border-box;border-radius:10px;position:relative}
    .flow_chart{margin-top:50px;}
    /* 产品展示 */
    .phone {margin-left:30px;}
    #phone_silde_explain{margin-left:50px;}
    .product_display {height:460px;}
    #phone_silde_explain li{margin-bottom:25px;}
    #phone_silde_explain li p{display:none;}
    #guidance_2{display:block;}
    #phone_silde_explain a{padding:0px;margin-bottom:0;}
    #phone_silde_explain a.hover{padding:0px;}
    /* 技术优势  */
    .technical_advantage{height:470px;}
    .technical_advantage_img_text div{margin-bottom:10px;}
    .technical_advantage_img_text{flex-wrap:wrap;padding:0 10px}
    .technical_advantage img{width:40px;height:50px;}
    /* 运营帮扶 */
    .operations_support{background:#FFFFFF;width:100%;height:680px;}
    
    .operations_support_img_text{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 15px;}
    .operations_support_img_text img{width:30px;height:36px;padding-top:0;}
    .operations_support_img_text>div{width:400px;height:140px;padding:15px;margin-top:10px;}
    .operations_support_img_text h3.font24{display:inline-block;font-size:14px;}
    /* 案例展示 */
    .case_show{height:460px;}
    #imageFlow{overflow:hidden;height:300px;width:100%;}
    #imageFlow .text{bottom:10%;}
    #imageFlow canvas{display:none;}
    #imageFlow .arrow_left{top:-180px;left:-30px;width:10%;}
    #imageFlow .arrow_right{position:absolute;right:-30px;top:-180px;width:10%;}
    /* 新闻资讯 */
    .box_information {height: 1200px;}
    .box_information_list>div{height:350px;}
    .box_information .list_class_name{margin:0 10px;}
    .box_information_ul strong{font-size: 16px;}
    .box_information_ul li>a{color:#333;text-align:left;}
    .subtitle{font-size:12px;padding:0 10px;}
    #video_box{width:360px;height:360px;}
    .subtitle{font-size:12px;padding:0 10px;}

    .index_title{}
}