@media screen and (max-width: 768px){
  .wrapper{width: 100%;}

  /*头部*/
  .header{padding: 0;position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 99;}
  .header:after{content: '';display: block;position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background-color: #f2f2f2;}
  .header .logo .img{height: 40px;padding-left: 10px;}
  .header .right{display: none;position: fixed;background: #fff;left: 0;top: 50px;width: 100%;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);border-radius: 0 0 20px 20px;padding-bottom: 20px;}
  .header .item{display: flex;align-items: center;height: 50px;padding: 0 15px;font-size: 15px;}
  .header .item.group{align-items: center;}
  .header .item:before{height: 1px;left: 15px;background-color: #eee;width: 100%;}
  /*.header .item:last-child:before{display: none;}*/
  .header .item:after{content: '';display: block;position: absolute;right: 15px;width: 7px;height: 7px;border-style: solid;border-width: 1px 1px 0 0;border-color: #ccc;transform: matrix(.71,1,-.71,1,0,0);}
  .header .item .cn{padding-right: 10px;}
  .header .item .en{color: #333;}
  .header .wap_right{display: flex;padding: 0 5px;}
  .header .wap_right .icon{height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 5px;}
  .header .wap_right .icon img{width: 36px;height: 36px;display: flex;}


  /*脚部*/
  #footer{padding: 20px 15px;text-align: center;}


  /*整体*/
  .main{display: block;padding: 50px 0;position: relative;}
  .main_left{}
  .main_right{width: 100%;}


  /*菜单*/
  .wap_user,.wap_menu{display: none;}
  .wap_menu{position: fixed;background: #fff;left: 0;top: 50px;width: 100%;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);border-radius: 0 0 20px 20px;padding-bottom: 20px;z-index: 99;}
  .menu li{height: 42px;}
  .menu a{line-height: 42px;}
  .search{margin: 10px 15px;}


  /*块标题*/
  .block_tit{margin-bottom: 20px;}
  .block_tit .more{width: 80px;}


  /*产品模版*/
  .products_block{margin: 20px 0 5px;padding: 0 15px;}
  .products_block .class{flex-wrap: wrap;margin-bottom: 10px;}
  .products_block .class li{margin-bottom: 8px;}
  .products_block .lists{flex-wrap: wrap;justify-content: inherit;margin: 0 -7px;}
  .products_block .lists li{width: calc(50% - 14px);margin: 0 7px 14px;}
  .products_block .lists img{height: 165px;}


  /*产品列表*/
  .products_lists{padding: 20px 15px 0;}
  .products_lists .lists{margin: 0 -7px;}
  .products_lists .lists li{width: calc(50% - 14px);margin: 0 7px 14px;}
  .products_lists .cover{height: 165px;}
  .products_lists .intro{padding-left: 10px;}


  /*浮动*/
  .float_left{display: none;}
  .float_right{display: flex;flex-direction: column;right: 5px;bottom: 50px;}
  .float_right img{margin: 3px 0;}


  /*产品分类*/
  .products_class .items{padding: 20px 20px 30px;}
  .products_class .scroll li{width: 156px;}
  .products_class .cover{height: 156px;}


  /*产品详情*/
  .products_info .top{flex-direction: column;justify-content: inherit;}
  .products_info .cover, .products_info .info{width: 100%;}
  .products_info .info{padding: 20px;}
  .products_info .cost{padding: 5px 10px;}
  .pro_detail{padding: 20px 14px;}


  /*需知*/
  .hint{padding: 0 14px;}
  .hint .tabs{font-size: 14px;}
  .hint .tabs a{padding: 8px 6px;}


  /*页*/
  .page{padding: 20px 15px 15px;}
  .payment{padding: 0 15px;}
  .payment img{width: 100%;}


  /*联系我们*/
  .contact{flex-direction: column;padding: 0 15px;}
  .contact .feedback{width: 100%;margin-bottom: 30px;}


  /*注册*/
  .box-shadow{box-shadow: none;border-radius: 0;}
  .register{padding: 20px;}
  .register .sec{padding: 10px 20px 15px;flex-direction: column;align-items: flex-start;}
  .register .lab{padding-bottom: 8px;}
  .register .val{width: 100%;padding: 0;border-left: 0;}
  .register .val .input{padding: 0 10px;}


  /*登录*/
  .login{flex-direction: column;}
  .login .banner img{height: 200px;}
  .login .login_box{width: 100%;padding: 30px 40px 50px;}
  .login_box .title{margin-bottom: 30px;}
  .login_box .navg{margin-top: 50px;}


  /*会员中心*/
  .user_box{margin: 0;width: 100%;flex-direction: column;}
  .user_left{width: 100%;position: relative;padding-bottom: 0;}
  .user_left .head{padding: 25px 25px 54px;justify-content: flex-start;}
  .user_left .head img{width: 60px;height: 60px;}
  .user_left .name{height: 60px;justify-content: flex-start;position: absolute;top: 25px;left: 100px;right: 0;background: transparent;z-index: 9;}
  .user_left .quit{position: absolute;top: 10px;right: 10px;justify-content: center;width: 90px;padding: 0;background-color: rgba(239, 84, 36, 0.3);height: 34px;border-radius: 17px;z-index: 11;}
  .user_left .quit:active{background-color: rgba(239, 84, 36, 0.5);}
  .user_left .quit img{width: 20px;margin-left: 5px;}
  .user_left .Umenu{padding: 0;display: flex;}
  .user_left .Umenu li{width: 100%;}
  .user_left .Umenu a{padding: 10px 0;justify-content: center;font-size: 14px;}
  .user_left .Umenu a.cur{background-color: rgba(255,255,255,0.25);}
  .user_left .Ucontact{position: absolute;left: 0;width: 100%;bottom: 52px;padding: 0 20px;display: flex;align-items: center;background-color: transparent;margin: 0;justify-content: space-between;}
  .user_left .Ucontact li{border: 0;line-height: 24px;color: #fff;}
  .user_left .Umenu .icon{height: 16px;width: 16px;margin-right: 3px;}

  .user_right{padding-top: 0;}
  .user_right .Utit{line-height: 50px;font-size: 17px;padding-left: 20px;}

  /*表格*/
  .Utable_web{display: none;}
  .Ublock_wap{display: block;padding: 10px 0;max-height: 500px;overflow: auto;}
  .Ublock_wap .item{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius: 12px;overflow: hidden;margin: 10px 20px;}
  .Ublock_wap ul{padding: 10px 15px;}
  .Ublock_wap li{display: flex;line-height: 20px;padding: 6px 0;border-bottom: 1px #f2f2f2 solid;}
  .Ublock_wap li:last-child{border-bottom: 0;}
  .Ublock_wap li .lab{width: 80px;color: #666;}


  /*产品*/
  .Upro_lists{padding: 15px 15px 0 0;}
  .Upro_lists li{width: calc(50% - 15px);margin: 0 0 15px 15px;}
  .Upro_lists .cover{height: 163px;}
  .Upro_class .lists{flex-direction: column;margin: 15px 0 0 15px;}
  .Upro_class .lists .item{width: calc(100% - 15px);margin: 0 15px 15px 0;height: 272px;}
  .Upro_class .lists ul{height: 200px;}


  .Upro_price{padding: 0 20px 15px;}
  .Upro_price .box{flex-direction: column-reverse;}
  .Upro_price .lsec, .Upro_price .rsec{width: 100%;}
}



/*名片*/
.wap_main{max-width: 640px;margin: 0 auto;background-image: url(../images/card/footer.jpg),url(../images/card/car.png);background-position: center bottom,center bottom;background-size: auto 100%,200px 112px;padding-bottom: 100px;}

/*头部*/
.card_box{position: relative;}
.card_box .bg img{width: 100%;}
.card_box .logo{position: absolute;top: 25px;right: 40px;width: 80px;display: flex;}
.card_box .info{position: absolute;top: 80px;left: 45px;right: 20px;}
.card_box .top{border-left: #bbb solid 1px;padding-left: 12px;line-height: 1;font-size: 16px;}
.card_box .top .cn{font-size: 24px;font-weight: bold;}
.card_box .top .cn span{font-size: 14px;}
.card_box .top .en{margin-top: 3px;letter-spacing: 1px;}
.card_box .top .tel{color: #99583A;font-weight: bold;margin-top: 20px;}
.card_box .about{padding: 20px 0 0 12px;}
.card_box .about li{display: flex;line-height: 18px;margin: 6px 0;}
.card_box .about .icon{width: 14px;height: 14px;display: flex;margin: 2px 8px 0 0;}
.card_box .about .txt{font-size: 14px;}


/*导航*/
.nav_class{padding: 20px;display: flex;align-items: center;}
.nav_class .item{display: flex;flex-direction: column;align-items: center;width: 100%;}
.nav_class .item .icon img{width: 28px;height: 28px;display: flex;}
.nav_class .item .txt{color: #8D494A;font-size: 15px;margin-top: 8px;line-height: 1;}


/*公司简介*/
.card_detail{padding: 20px 30px;}
.card_detail .title{margin-bottom: 10px;}
.card_detail .title span{border-left: 4px #F29700 solid;padding-left: 10px;font-size: 16px;font-weight: bold;}
.card_detail .content{font-size: 15px;line-height: 1.5;text-align: justify;color: #333;padding: 0 10px;}