@media only screen and (max-width: 1292px) {
    
   
   #pagechange{
      position: relative;
      top:70%;
      width: 185px;
      height: 55px;
      margin-left: auto;
      margin-right: auto;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position:relative;
   }
   
   
   .pagechangejpg1{
      width: 35px;
      height: 20px;
      background-image: url('sy-jt.png');
      background-size: 100% 100%;
      margin-right: 3px;
      
   }
     
   
   .pagechangetext{
      margin-left: 10px;
      color: rgb(255,255,255);
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .qq{
   	position: absolute;
   	width: 37px;
   	height:37px;
   	left: 3%;
   	border-radius: 34px; /* 初始为正圆 */
   	transition: all 0.5s ease;
   	border: 1px solid #ccc;
   }
   .qq:hover{
   	
   	 border-radius: 34px 34px 34px 34px; 
   	 
   }
   
   
}






    body{
        width: 100%;
        height: auto;
        margin: 0;
        display: flex;
        flex-direction: column; 
        
    } #count {
        width: 100%;
        height: 700px;
        margin: 0;
        display: flex;
        flex-direction: column; 
        background-size: 100% 100%;
        background-repeat: no-repeat;  
        transition: all 0.8s ease; 
    }
    
   
    #pagechange{
       position: relative;
       top:70%;
       width: 185px;
       height: 55px;
       margin-left: auto;
       margin-right: auto;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       overflow: hidden;
       position:relative;
    }

    
    .pagechangejpg1{
       width: 35px;
       height: 20px;
       background-image: url('sy-jt.png');
       background-size: 100% 100%;
       margin-right: 3px;
       
    }
  
    
    .pagechangetext{
       margin-left: 10px;
       color: rgb(255,255,255);
       font-size: 16px;
       display: flex;
       justify-content: center;
       align-items: center;
    }
    .qq{
    	position: absolute;
    	width: 37px;
    	height:37px;
    	left: 1%;
    	border-radius: 34px; /* 初始为正圆 */
    	transition: all 0.5s ease;
    	border: 1px solid #ccc;
    }
    .qq:hover{
    	
    	 border-radius: 34px 34px 34px 34px; 
    	 
    }
	
	
    #prevButton{
        width: 30px;
        height:30px;
        position: absolute;
        left: 8%;
        top:60%;
       
        background-image: url('sy-leftorright.png');
        background-size:100% 100%;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    #prevButton:hover{
        background-image: url('sy-clickleftorright.png');
        background-size:100% 100%;
        background-repeat: no-repeat;
    }
    
    #nextButton{
        width: 30px;
        height:30px;
        position: absolute;
        right: 8%;
        top:60%;
        
        background-image: url('sy-leftorright.png');
        transform: scaleX(-1);
        background-size:100% 100%;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    #nextButton:hover{
        background-image: url('sy-clickleftorright.png');
        transform: scaleX(-1);
        background-size:100% 100%;
        background-repeat: no-repeat;
    }
    
    #tounder{
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: 0;
        width: 30px;
        height: 80px;
        background-image: url('sy-tounder.png');
        background-size:100% 100%;
        background-repeat: no-repeat;
        /* border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 50px solid  white; */
        animation: floatUpDown 2s infinite;
    }
    @keyframes floatUpDown {
        0% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-20px);
        }
        100% {
          transform: translateY(0);
        }
      }
    
    #addcount{
        position: relative;
        width: 100%;
        height:auto;
        display: flex;
        flex-direction: column;
    }
    #count1{
        width: 100%;
        height:850px;
       
        background-repeat: no-repeat;
        
    }
    #count2{
        
        width: 100%;
        height:730px;
        
        
        background-repeat: no-repeat;
    }
      #count3{
        width: 100%;
        height:600px;
       background-color: rgb(93.7%,93.7%,93.7%);
        background-repeat: no-repeat;
       
    }
   
    
    /* count1内容 */
    .bigtitle{
        width: 800px;
        height:200px;
        margin-left: auto;
        margin-right: auto;
		margin-top: 15px;
		margin-bottom: 15px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bigtitlejpg{
        width: 200px;
        height: 200px;
        background-image: url('sy-title.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .cntitle{
        width: 300px;
        height:100px;
        left: 125px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: right;
        font-size: 50px;
        font-weight: bold;
        line-height: auto;
        color: rgb(8,105,156);
        
    }
    .entitle{
        width: 400px;
        height:60px;
        font-size: 26px;
        left: 435px;
        color: rgb(201,202,202);
        position: absolute;
        display: flex;
        align-items:end;
    }

    .bo{
        width:1100px;
        height:520px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        
        display: flex;
        box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
    }
    .boleft{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 20px;
        box-sizing: border-box;
        width: 50%;
        height: 100%;
        color: rgb(76,73,72);
        font-size: 18px;
        line-height: 36px;
        display: flex;
        flex-direction: column;
        text-align: justify;
        letter-spacing: 2px;
       
        
        
    }
    .boright{
        width: 50%;
        height: 100%;
       
        background-image: url('sy-jianjie.jpg');
        background-size: cover;
        margin: 0;
    }
    .boleft p{
        box-sizing: border-box;
        margin-right: 2px;
    }
    .brieftext{
        width:495px ;
        height:315px;
         

    }
    #toOverview{
        width: 40px;
        height:37px;
        color: aliceblue;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1px;
        background-color: rgb(3.1%, 41.6%, 61.8%);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-top: auto;
        transition: all 0.3s ease;
    }
    
    .toOverviewtext{
        width: 60px;
        height:25px;
        display: none;
        position: relative;
        overflow: hidden;
        margin-right: 10px;
    }
  
    .jt{
        width: 30px;
        height:17px;
        /* margin-left: 10px; */
        background-image: url('sy-jt.png');
        background-size: 100% 100%;
    }
    
    /* count2内容 */
   
    .Cooperationbo{
        width:1100px;
        height:400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        
        display: flex;
        box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
    }
    .Cooperationleft{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 20px;
        box-sizing: border-box;
        width: 50%;
        height: 100%;
        color: rgb(76,73,72);
        font-size: 18px;
        line-height: 24px;
        display: flex;
        flex-direction: column;
        background-color: rgb(100%,100%,100%);
        margin: 0;
        justify-content: center;
    }
   .Cooperationright{
    width: 50%;
    height:100%;
    background-image: url('sy-center.jpg');
    background-size: 100% 100%;
   }
   .Cooperationtitle{
   
    width: 100%;
    height: 36px;
    font-size: 36px;
    font-weight: bold;
    line-height: 18px;
    color: rgb(135, 140, 144);
    
    display: flex;
    align-items: center;
    justify-content: right;
   }
    
   .Cooperationtext1{
    width: 100%;
    height:36px;
    line-height: 18px;
    font-size: 36px;
    color: rgb(76,73,72);
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 15px;
    margin-bottom: 10px;

   }
  
   .Cooperationtext2{
    text-align: justify;
    width: 100%;
    height:auto;
    font-size: 18px;
    line-height: 36px;
    color: rgb(76 ,73, 72);
   }
   .Cooperationtext2 p{
    margin-top: 10px;
   }
    /* count3内容 */
    .newcount{
        width: 40vw;
        height:310px;
        margin-left:auto;
        margin-right: auto;
        display: flex;
        margin-top: 10px;
        margin-bottom: auto;
        flex-direction: column;
        
    }

    hr{
        /* border: 0.1px solid black;  */
        margin: 10px 0;
    }
    
    #title{
        width: 100%;
        height:auto;
        font-size: 18px;
        line-height: 24px;
        color: rgb(34,24,21);
        display: flex;
        cursor: pointer;
    }
    #title:hover{
        color: brown;
    }
    
    #time{
        display: inline-block;
        margin-left: auto;
        margin-right: 0;
        font-size: 12px;
        line-height: 26px;
        color:rgb(159,160,160);
    }

    #tonews{
        width: 40px;
        height:34px;
        color: aliceblue;
        background-color: rgb(3.1%, 41.6%, 61.8%);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.3s ease;
        
    }
    #tonewstext{
        height: 34px;
        display: none;
        font-size: 14px;
        line-height: 34px;
        letter-spacing: 1px;
        overflow: hidden;
        margin-right: 10px;
        
    }

    /* count4的内容 */
    
    .text1{
        position: relative;
        width: 35vw;
        height: 20vh;
        top:20vh;
        left: 5vw;
        margin-left: auto;
        margin-right: auto;
        
      }
    
      .text1count1{
        width: 100%;
        color: rgba(0, 87, 128, 0.925);
        font-size: 25px;
        letter-spacing: 2px;
        line-height: 0.1;
        font-weight: bold;
        font-family: 'SimSun', sans-serif;
    }
        
    
        
      .text1count2{
        width: 100%;
        color: rgba(0, 87, 128, 0.925);
        font-size: 9.8px;
        line-height: 0.1;
        
      }
    
      .text1count3{
        width: 35vw;
        padding-top: 35px;
        line-height: 0.8;
        letter-spacing: 2px;
        color: rgb(68, 68, 68);
      }
    
      .text1count4{
        width: 35vw;
        line-height: 0.8;
        letter-spacing: 2px;
        color: rgb(68, 68, 68);
      }
    



.customer{
	width: 47px;
	height:160px;
	position: fixed;
	right: 0;
	top: 50%;
	/* transform: translate(50%, -50%); */
	background-image: url('customer.gif');
	background-size: 100% 100%;
	cursor: pointer;
    z-index: 1;
}


#hbdcount{
	width: 100%;
	height:630px;
	background-color: rgb(93.7%,93.7%,93.7%);
	
	/* display: flex; */
}

.hbdcntitle{
	width: 500px;
	height:100px;
	left: 150px;
	top:60px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: right;
	font-size: 50px;
	font-weight: bold;
	line-height: auto;
	color: rgb(8,105,156);
}


	
.hbdtext1{
	width:1100px;
	height:300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: flex;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
}


.hbdtext1-left{
	width: 50%;
	height:100%;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
.hbdleft-text{
	width: 480px;
	height:180px;
	margin-left: auto;
	margin-right: auto;
	color: rgb(76, 73, 72);
	font-size: 18px;
	line-height: 36px;
	text-align: justify;
	letter-spacing: 2px;
}

	
.hbdleft-ljgd{
	width: 40px;
	height:37px;
	color: aliceblue;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	background-color: rgb(3.1%, 41.6%, 61.8%);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-left: 35px;
	margin-top: 20px;
	transition: all 0.3s ease;
}
	
.tohbdtext{
	width: 60px;
	height:25px;
	display: none;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	/* transition: width 0.5s 0.5s; */
}





.hbdtext1-right{
	width: 50%;
	height:100%;
	
	
	background-image: url('sy-hbd.png');
	background-size: 100% 100%;
}