@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:#2E3033;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;width:120px}
.footer_flex{display:flex;justify-content:space-around}
.footer_contact_us{width:260px;margin-right:25px;}
.footer_contact_us_public{margin-bottom:14px;padding-left:40px;width:100%;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;}

/* 校园零食盒子 */
.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:72px;line-height:72px;padding:225px 0 20px 0;letter-spacing: 10px;}
.school_snack_web .school_snack_web_sub{font-size:45px;line-height:45px;}
.container{width:1200px;margin:0 auto;text-align:left;}
/* 什么是零食盒子 */
.what_web{height:800px;}
.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;}
.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;}
/* 产品展示 */
.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;}
/* 盒子资讯 */
.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;}
    #imageFlow{width:1000px;}
    .school_snack_web 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;}
    .core_advantage_img_text{padding:0 30px;}
    .operations_support_img_text img{padding:15% 0 5%; }
}

@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;}
    /* 什么是零食盒子 */
    .what_web{height:700px;}
    /* 核心优势 */
   /* 产品展示 */
   .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;}
}

@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;}
    /* 什么是零食盒子 */
    .what_web{height:680px;}
    .what_web_img_text div p{font-size:18px;}
    /* 核心优势 */ 
    .core_advantage_img_text div p{font-size: 18px;}
    /* 产品展示 */
    .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;}
    /* 案例展示 */
     #imageFlow{width:500px;}
}
@media screen and (max-width:920px){
    .footer_logo{display:none}
}
@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;}
    /* 什么是零食盒子 */
    .what_web{height:640px;}
    .what_web_img_text div p{font-size:16px;}
    /* 核心优势 */
    .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;}
     /*产品展示  */
     .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;}
     
}
@media screen and (max-width:700px){
    /* 头尾和首页 */
.footer_contact_us>p{font-size:18px}
.footer_contact_us{width:130px;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;}
    /* 什么是零食盒子 */
	.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;}
    /* 核心优势 */
    .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;}
    /* 产品展示 */
    .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;}
}