@media screen and (max-width: 900px){
    .web{
        display: none;
    }
    .phone{
        display: block;
    }
    /*我们的故事 style start*/
    
   .container{
        width: 100%;
        height: 400px;
        position: relative;
   }
   .container img{
        width: 100%;
        height: 100%;
   }
   .container p{
        font-size: 32px;
        color: #fff;
        position:absolute;
        top: 175px;
        left: 20px;
   }

   .card .title{
        color: #333;
        font-size: 24px;
        margin: 65px 20px 37px;
   }
   .image-flex{
        width: 33%;
        height: 130px;
        margin: 0 5px;
        border-radius: 8px;
        box-shadow: #eee 10px 10px 30px 5px;
   }
   .image-flex img{
        width: 100%;
        height: 78px;
    }
    .image-title{
        color: #333;
        font-size: 14px;
        text-align: center;
        margin-top: 18px;
    }
    .appear-card{
        width: 33%;
        margin: 0 4px;
        border-radius: 15px;
    }
    .appear{
        padding: 0 20px;
        background: #f5f5f5;
    }
    .appear-container .title{
        color: #333;
        font-size: 24px;
        padding: 0 0 40px;
        padding-top: 68px;
    }
    .bg{
        background: #6596BD;
    
    }
    .bg1{
        background: #8A8A8A;
    }
    .apperr-title{
        color: #fff;
        font-size: 13px;
        margin: 15px 9px;
        text-align: center;
        line-height: 17px;
    }
    .titles{
        margin-top: 30px;
        font-size: 14px;
        color: #333;
        padding-bottom: 60px;
    }
    .pictrue{
        margin: 0 20px;
    }
    .big-title{
        font-size: 24px;
        color:#333;
        padding:65px 0 35px;
    }
    .small-title{
        font-size: 14px;
        color: #333;
        margin: 30px 0 65px;
    }
    .pictrue img{
        width: 100%;
        height: 168px;
    }
    .grayBg{
        background: #f5f5f5;
    }
    

    
    /*我们的故事 style end*/
    .flexs{
        display: flex;
        padding: 30px 18px;
    }
    .cards{
        margin: 0 30px 65px;
        background: #6596BD;
        border-radius: 30px;
    }
    .cards img{
       width: 50px;
       height: 45px;
       margin-top: 17px;
    }
    .list{
        margin-left: 5px;
        border-bottom: 1px dashed #fff;
        padding-bottom: 25px;
        width: 100%;
    }
    .placeContent{
		color: #CCE8FF;
		font-size: 12px;
		line-height: 19px;
	 }
	 .place{
		color: #fff;
    	font-size: 22px;
        margin-bottom: 10px;
	 }
    .middle{
        margin: 30px 30px;
    }
    .middle div{
        line-height: 35px;    
        color: #333;
        font-size: 24px;
    }
}