.about_banner {width: 100%;height: 430px;background: url("../../images/about_bj1.jpg") center no-repeat;background-size: 1920px 430px;overflow: hidden;}
.about_banner .about_banner_dev {width: 920px;height: 200px;margin: 115px auto;box-sizing: border-box;padding: 70px 0 0 130px;}
.about_banner .about_banner_title {width: 100%;height:50px;line-height: 50px;font-size: 26px;color:#fff;box-sizing: border-box;text-align: center;letter-spacing: 2px;margin-bottom: 10px;font-weight: 300;}
.about_banner .about_banner_en {width: 100%;height:26px;line-height: 26px;font-size: 18px;color:#fff;box-sizing: border-box;text-align: center;letter-spacing:2px;font-weight: 300;}

.about_cul {width: 100%;height: 600px;background: url("../../images/about_bj2.jpg") 19.7% center no-repeat;background-size: 27.3%;overflow: hidden;}
.about_cul .about_cul_dev {width: 600px;height: 400px;margin: 100px 0 100px 50%;}
.about_cul .about_cul_title {width: 100%;height: 40px;line-height: 40px;font-size: 30px;font-weight: 600;color:#444;}
.about_cul .about_cul_en {width: 100%;height: 30px;line-height: 30px;font-size: 14px;font-weight: 600;color:#bfbfbf;}
.about_cul .about_cul_line {width: 100%;height: 50px;background: url("../../images/about_line.png") left center no-repeat;background-size:300px; }
.about_cul .about_cul_text {width: 100%;height: 190px;line-height: 26px;font-size: 14px;color:#333;}
.about_cul .about_cul_tags {width: 80%;height: 95px;}
.about_cul .about_cul_tags_li {width: 100%;height: 31px;line-height: 31px;padding-left: 33px;box-sizing: border-box;float: left;background: url("../../images/about_right.png") 0 center no-repeat;background-size:16px 13px;color:#999; }

.about_idea {width: 100%;height: 515px;background: url("../../images/about_bj3.jpg") center no-repeat;background-size: 1920px;box-sizing: border-box;padding-top: 160px;}
.about_idea_title {width: 100%;height: 30px;line-height: 30px;text-align: center;color:#333;font-size: 30px;}
.about_idea_en {width: 100%;height: 30px;line-height: 30px;text-align: center;color:#bfbfbf;font-size: 14px;}
.about_idea_text {width: 500px;height: 220px;margin: 50px auto 0;font-size: 22px;color:#333;line-height: 39px;}


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

}
@media screen and  (min-width: 768px) and (max-width: 1200px){
    .about_cul {background-size: 50%;background-position: 0 center; }
    .about_cul .about_cul_dev {width: 50%;}
}
@media screen and  (max-width: 920px){
    .about_banner .about_banner_dev {width: 100%;background: none;}
}
@media screen and  (min-width: 640px) and (max-width: 767px){
    .about_cul {background: none;}
    .about_cul .about_cul_dev {width: 60%;margin: 100px auto;}
}
@media  screen and (min-width: 320px) and (max-width: 639px){
    .about_banner {height: 300px;}
    .about_banner .about_banner_dev {margin: 50px auto;}
    .about_banner .about_banner_title {font-size: 18px;}
    .about_banner .about_banner_en {font-size: 14px;}

    .about_cul {background: none;}
    .about_cul .about_cul_dev {width: 80%;margin: 100px auto;}
    .about_cul .about_cul_text {font-size: 12px;line-height: 20px;}

    .about_idea_text {width: 80%;min-width: 300px;font-size: 16px;}
}