.about-title-picture{}/**/
    /*麵包屑*/
.seat-font{
    font-size:16px;  
    color: #333;
}
.seat{
  font-size:16px;  
  color: #2196f3;
}

@media only screen and (max-width: 1920px){
.aboutus-container {
    width: 1800px;
    padding: 0px 100px 0px 150px;
}
@media only screen and (max-width: 1920px){
/*about title 照片*/
.about-title-picture{
        padding-bottom: 50px;
    }    
    }
 @media only screen and (max-width: 1614px){
/*about title 照片*/
.about-title-picture{
        padding-bottom: 70px;
    }  
.aboutus-container {
    width: 1560px;
    padding: 0px 100px 0px 150px;
}
}
@media only screen and (max-width: 1598px){
 /*about title 照片*/
.about-title-picture{
        padding-bottom: 70px;
}  
.aboutus-container {
    width: 1520px;
    padding: 0px 100px 0px 150px;
}  
}
@media only screen and (max-width: 1430px){
.aboutus-container {
    width: 1350px;
    padding: 0px 100px 0px 120px;
}
}
 @media only screen and (max-width: 1404px){
.about-title-picture {
    padding-bottom: 10px;
}
}
@media only screen and (max-width: 1400px){
.about-title-picture {
    padding-bottom: 70px;
}
}

@media only screen and (max-width: 1366px){
    .aboutus-container {
    width: 1280px;
    padding: 0px 100px 0px 130px;
}
}
@media only screen and (max-width: 1334px){
    .about-title-picture {
    padding-bottom: 10px;
}
}
@media only screen and (max-width: 1302px){
.about-title-picture {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1306px){
.about-title-picture {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 1124px){
.about-title-picture {
    padding-bottom: 35px;
}
.aboutus-container {
    width: 1024px;
}
}

@media only screen and (max-width: 1064px){
.about-title-picture {
    padding-bottom: 55px;
}
}
 @media only screen and (max-width: 1040px){
.about-title-picture {
    padding-bottom: 55px;
}
}
@media only screen and (max-width: 1024px){
/*about title 照片*/
.about-title-picture{
        padding-bottom: 70px;
}
.aboutus-container {
    width: 1020px;
    padding: 0px 100px 0px 130px;
}
}
@media only screen and (max-width: 924px){
.about-title-picture {
    padding-bottom: 40px;
}
.aboutus-container {
    width: 930px;
    padding: 0px 100px 0px 100px;
}
}    
@media only screen and (max-width: 914px){
.about-title-picture {
    padding-bottom: 40px;
}
.aboutus-container {
    width: 908px;
    padding: 0px 100px 0px 80px;
}
}
@media only screen and (max-width: 902px){
.aboutus-container {
    width: 900px;
    padding: 0px 100px 0px 60px;
}
.about-title-picture {
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 860px){
.aboutus-container {
    width: 790px;
    padding: 0px 100px 0px 60px;
}
.about-title-picture {
    padding-bottom: 50px;
}
}
@media only screen and (max-width: 800px){
.aboutus-container {
    width: 790px;
    padding: 0px 0px 0px 0px;
}
.about-title-picture {
    padding-bottom: 40px;
}
}
@media only screen and (max-width: 798px){
.aboutus-container {
    width: 760px;
    padding: 0px 100px 0px 80px
}
.about-title-picture {
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 794px){
.aboutus-container {
    width: 760px;
    padding: 0px 100px 0px 80px
}
.about-title-picture {
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 767px){
.aboutus-container {
    width: 760px;
    padding: 0px 0px 0px 0px;
}
.about-title-picture {
    padding-bottom: 0px;
}
}
@media only screen and (max-width: 732px){
.aboutus-container {
    width: 732px;
    padding: 0px 0px 0px 0px;
}
.about-title-picture {
    padding-bottom: 0px;
}
}
@media only screen and (max-width: 700px){
.aboutus-container {
    width: 700px;
    padding: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 640px){
.aboutus-container {
    width: 640px;
    padding: 0px 0px 0px 0px;
}
.about-img {
    width: 100%;
    padding-left: -20px;
    margin-left: -50px;
}
}
@media only screen and (max-width: 680px){
.aboutus-container {
    width: 680px;
    padding: 0px 0px 0px 0px;
}
}

@media only screen and (max-width: 640px){
.aboutus-container {
    width: 640px;
    padding: 0px 0px 0px 0px;
}
}

@media only screen and (max-width: 600px){
.aboutus-container {
    width: 600px;
    padding: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 580px){
.aboutus-container {
    width: 580px;
    padding: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 570px){
.aboutus-container {
    width: 570px;
    padding: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 560px){
.aboutus-container {
    width: 560px;
    padding: 0px 0px 0px 0px;
}
.about-img {
    width: 100%;
    padding-left: -20px;
    margin-left: -20px;
}
}
@media only screen and (max-width: 520px){
.aboutus-container {
    width: 520px;
    padding: 0px 100px 0px 0px;
}
}
@media only screen and (max-width: 500px){
.aboutus-container {
    width: 500px;
    padding: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 480px){
.aboutus-container {
    width: 480px;
    padding: 0px 0px 0px 0px;
}
.about-img {
    width: 100%;
    padding-left: -20px;
    margin-left: -20px;
}
}
@media only screen and (max-width: 414px){
.aboutus-container {
    width: 414px;
    padding: 0px 0px 0px 0px;
}
.aboutus-content {
    width: 100%;
}
}
@media only screen and (max-width: 368px){
.about-img {
    width: 368px;
    padding-left: -20px;
    margin-left: -20px;
}
.title-text {
    color: #333;
    padding-top: 0px;
    font-size: 18px;
    padding-right: 0px;

}
}


@media only screen and (max-width: 375px){
.aboutus-container {
    width: 375px;
    padding: 0px 0px 0px 0px;
}
.aboutus-content {
    width: 100%;
}
.about-img {
    width: 80%;
}
.about-imgs {
    width: 75%;
    margin-left: -50px;
}
}
@media only screen and (max-width: 369px){
.about-img {
    width: 80%;
}
}
@media only screen and (max-width: 340px){
.title-text {
    color: #333;
    padding-top: 0px;
    font-size: 18px;
    padding-right: 10px;
    margin-right: 0px;
}
.about-img {
    width: 100%;
}
.about-imgs {
    width: 100%;
    margin-left: 0px;
}
}



@media only screen and (max-width: 320px){
.aboutus-container {
    width: 320px;
    padding: 0px 0px 0px 0px;
}
.aboutus-content {
    width: 100%;
}
.title-text {
    color: #333;
    padding-top: 0px;
    font-size: 18px;
    padding-right: 0px;
    margin-right: 0px;
    width: 300px;
}
.about-img {
    width: 500%;
    padding-left: -20px;
    margin-left: 0px;
}
.about-imgs {
    width: 500%;
    margin-left: 0px;
}
}

@media only screen and (max-width: 304px){
.title-text {
    color: #333;
    padding-top: 0px;
    font-size: 18px;
    padding-right: 0px;
    margin-right: 0px;
    width: 280px;
}
.about-img {
    width: 300%;
    padding-left: -20px;
    margin-left: -20px;
}

}
@media only screen and (max-width: 280px){
.aboutus-container {
    width: 280px;
}
.title-text {
    color: #333;
    padding-top: 0px;
    font-size: 18px;
    padding-right: 0px;
    margin-right: 0px;
    width: 260px;
}
}