@charset "utf-8";
/* CSS Document */


@media screen and (min-width: 769px) {
	.phone_nav{ display: none !important;}
}

@media screen and (max-width: 768px) {
	 .phone_nav{ display: block;}
	 .footer_box{ display: none !important;}
   .hader{ display: none !important;}	
}


@media screen and (max-width:1002px){
	body{-webkit-tap-highlight-color:rgba(0,0,0,0);}

	.head{display: block;position:fixed; left:0; top:0;width:100%; z-index:1000000;}
    .foot{position:relative; width:100%;  height: auto; min-height: 313px;}
	.body_on{overflow:hidden; }
	
	/*头部*/
	.phone_nav .top{ background: #fff; height: 50px; position:relative; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 0 10px; z-index:99999; overflow: hidden;}
	.phone_nav .top .a{float: left; width:50%; margin:15px 0 0;}
	.phone_nav .top .a img{ height: 30px;}
	.phone_nav .top .but{ float:right; width: 25px; height: 25px; margin:10px 0; display: block;}	
	.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background: #d1000f; display: block; position: relative; transition: 0.4s;}
	.phone_nav .top .but i:before,
	.phone_nav .top .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #d1000f; transition: 0.4s;}
	.phone_nav .top .but i:before{ margin-top: -7px;}
	.phone_nav .top .but i:after{ margin-top: 7px;}
	
	/*背景*/
	.foot .box{ width:100%; height: 100%; background:rgb(4, 94, 34,0.9); position: relative; left: 0; top: 0;  height: auto;}
	.head .box{ width:100%; height: 100%; background:#064b16; position: fixed; left: 0; top: 0; z-index: 99998; transform: translateX(100%); transition: 0.7s; }



	.phone_nav .box_con{ margin:50px 10px 0px 10px; overflow-x: hidden;}
	
	/*列表*/
	.phone_nav .box_con ul{ border-bottom: 1px solid rgba(225,225,225,0.5);}
	.phone_nav div.box div.box_con ul li{ 
		padding: 15px 10px; 
		position: relative;
		float: none;
		height: auto;
		width: auto;
		margin: auto;
		border: none;
	    border-bottom: 1px solid rgba(225,225,225,0.5); 
	
	
	}
	.phone_nav .box_con li a{color:#fff; font-size: 16px;}
	.phone_nav .box_con li:last-child{border-bottom: 0; }
	.phone_nav .box_con ol{display: none; padding-left: 20px; padding-top: 10px; position: relative;}
	/* .phone_nav .box_con ol:before{content: '';width:100%;height:1px;background-color:#d1000f;position:absolute;top:15px;left:0;} */
	.phone_nav .box_con li a.classtitle{width: 100%; display: block;}



	.phone_nav .box_con .a_zk{position:absolute; right:10px; top:14px; width: 20px; height: 20px; transition:0.4s;  transform: rotate(-90deg);}
	.phone_nav .box_con .a_zk:before{content: '';width:12px;height:2px;background-color:#fff;position:absolute;top:9px;left:4px;}
	.phone_nav .box_con .a_zk:after{content: '';width: 2px;height:12px;background-color: #fff;position: absolute;top:4px;left:9px;}
	.phone_nav .box_con .a_zk_on{transform: rotate(0deg);}
	.phone_nav .box_con .a_zk_on:after{content: '';width: 0px;height:12px;background-color: #fff;position: absolute;top:4px;left:9px;}
	
	/*打开样式*/
	.phone_on .top .but i:before{ transform: rotate(45deg); margin: 0;}
	.phone_on .top .but i:after{ transform: rotate(-45deg); margin: 0;}
	.phone_on .top .but i{ background:none;}
	.phone_on .box{transform: translateX(0%); }


}




.phone_nav  .box  .box_con li div{
  width: 100%; 
  display: flex; 
  height: 21px !important;
 
}
.phone_nav  .box  .box_con li div>a:first-child {
     
      width:90px; 
  /* 浅绿色背景 */
}
/* 数据展示区域 - 第二个元素 */
.phone_nav  .box  .box_con li div>a:nth-child(2) {
    
      width: calc(100%-120px);
  /* 浅橙色背景 */
}
.phone_nav  .box  .box_con li div>a:nth-child(3) {
    
      width:20px;		/* 浅橙色背景 */
}



.copy_weixin {
    width: 50%;
    height: 32vw;
  }

  .copy_weixin p {
    height: 13.8vw;
    line-height: 13.8vw;
    text-align: center;
    font-weight: bold;
    font-size: 4.8vw;
    border-radius: 3.2vw;
    background: #49c066;
    color: #fff;
    box-shadow: 0 .4vw 1.6vw 1.6vw rgba(62, 183, 157, .3);

  }

  .weixin_ineject {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #ccc;
    z-index: 10000111;
    overflow: hidden;
    position: fixed;

   display: none;
  }

  .success_pic1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
  }

  .success_pic1 img {
    width: 40px;
  }


  .success_pic2 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .success_pic2 img {
    width: 100%;
  }

  .success_txt {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 0.5rem
  }

  .close_wx {
    background: #453C3C;
    height: 70PX;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    color: #FBF3F3;
    padding-top: 15px;
    position: fixed;
    bottom: 0;
  }

  .close_wx img {
    width: 50px;
  }

  @media screen and (min-width: 769px) {

    .bottom-div {
      display: none;
   
    }
  
}

/* 移动端样式保持原样 */
@media screen and (max-width: 768px) {
    
  .bottom-div {
    position: fixed;
    bottom: 0;
    width: 100%;

    padding: 0;
    margin: 0;
    padding-bottom: 0px;
    z-index: 10000;
    text-align: center;
  }

}




  .bottom-div div {
    width: 50%;
    height: 59px;
    left;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
    float: left
  }
  .bottom-div div img {
    width: 100%;
   
  }