.about-contact{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.about-contact p{
    font-size: 15px;
}
.about-xuany{
    width: 100%;
    height: auto;
    background:;
    background-size: 100% 100%;
    background-repeat:no-repeat;
}
.about-xuanys{
    max-width:878px;
    margin: 0 auto;
}
.about-title{
    margin: 0 auto;
    max-width: 380px;
    padding-top: 55px;
    padding-bottom: 55px;
}
h1{
    text-align: center;
}
.about-contact .content-xuany{
    line-height: 40px;
    padding-bottom: 120px;
    font-size: 15px;
    letter-spacing: 2px;
}
.about-develop{
    max-width: 878px;
    margin: 0 auto;
}
.about-develop-img{
    width: 100%;
    margin-bottom: 30px;
}
.about-culture{
    width: 100%;
    background: #F7F7F7;
    overflow: hidden;
}
.about-cultures{
    width: 878px;
    margin: 0 auto;
}
.about-culture .culture-idea{
    max-width: 1000px;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto 50px;
}
.about-culture .about-idea{
    width: 25%;
    height: 100px;
    float: left;
}
.about-culture .culture-content{
    width: 920px;
}
.about-idea .about-circle{
    margin: 0 auto;
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    /*background-color:#838383;*/
    /*border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*-webkit-border-radius: 50%;*/
}
.about-idea .about-circle img{
    width: 100%;
}
.about-culture .idea-content{
    max-width:878px;
    height: 150px;
    position: relative;
    margin: 0 auto 40px;
}
.idea-info{
    width: 80%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/line_1.png);
    background-size: 100% 100%;
}
.idea-info p{
    width: 80%;
    margin: 0 auto;
    padding-top: 55px;
    font-size: 24px;
    text-align: center;
}
.about-idea p{
    text-align: center;
}
/*.about-culture #idea1{*/
    /*display: block;*/
/*}*/
.about-culture #idea2{
    display:none;
}
.about-culture #idea3{
    display:none;
}
.about-culture #idea4{
    display:none;
}
.about-culture #idea5{
    display:none;
}
.about-teams{
    max-width: 878px;
    margin: 0 auto;
}
.teams-info{
    width: 100%;
    margin: 0 auto;
    height: 300px;
    background: #F7F7F7;
    display: inline-block;
}
.about-teams #team1{
    display:inline-block;
}
.about-teams #team2{
    display:none;
}
.about-teams #team3{
    display:none;
}
.about-teams #team4{
    display:none;
}
.about-teams #team5{
    display:none;
}
.info-img{
    width: 25%;
    height: 100%;
    float: left;
}
.teams-line1{
    margin-top: 2%;
    float: left;
    margin-left:5%;
    height: 15px;
}
.teams-line2{
    margin-top: 2%;
    float: left;
    height: 15px;
}
.teams-descrip{
    width: 75%;
    float: left;
}
.teams-descrip .teams-title{
    margin: 6% 0 0 5%;
    font-size: 25px;
    color: #003858;
    height: 50px;
}
.teams-title .teams-titles{
    float: left;
}
.teams-descrip .teams-keywords{
    margin: 7px 0 0 15px;
    font-size: 20px;
    color: #003858;
    float: left;
}
.teams-descrip .teams-copyfrom{
    margin: 10px 0 0 5%;
    font-size: 15px;
}
.teams-descrip .teams-descript{
    margin: 0 0 0 5%;
    font-size: 15px;
}
.teams-descrip .teams-content{
    margin: 35px auto 0 auto;
    font-size: 17px;
    width: 90%;
}
.teams-imgs{
    width: 920px;
    margin: 0 auto;
    padding-left: 42px;
    height: 200px;
}
#img1{
    width: 31%;
    float: left;
    margin: 15px 0 15px 2%;
}
.teams-img{
    width: 31%;
    margin: 15px 0 15px 2%;
    float: left;
}
.teams-img #div1 {
    width: 100%;
    height: 50px;
    float: left;
    display: block;
    position: absolute;
    z-indent: 2;
    margin: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    top: 170px;
}



@media screen and (max-width: 768px){
    .about-contact .content-xuany {
        line-height: 40px;
        font-size: 13px;
    }
}
@media screen and (max-width: 767px){
    .about-contact .content-xuany {
        line-height: 40px;
        font-size: 13px;
    }
}
@media screen and (max-width:641px){
    .about-title{ width: 40%;padding-top: 40px!important;  padding-bottom: 35px!important;}
    .about-contact .content-xuany{ line-height: 30px;  font-size: 13px;  width: 95%;  margin: 0 auto;  }
    .w_1025{width: 90%!important;}
}
@media screen and (max-width: 481px){
    .about-nav li{  font-size: 18px!important;  }
    .about-title{ width: 40%;padding-top: 35px!important;  padding-bottom: 25px;!important;}
    .about-contact .content-xuany { line-height: 30px;  font-size: 13px;  width: 95%;  margin: 0 auto;  }
    .about-culture .culture-idea{  margin: 0 auto 20px;  }
    .about-culture .idea-content{    margin: 0 auto 10px;    height: 100px;}
    .idea-info p{padding-top: 10%;    font-size: 15px;}
    .about-idea .about-circle{width: 80%!important; margin-bottom: 0px;}
    .teams-descrip .teams-copyfrom{margin: 0 0 0 5%;}
    .teams-descrip .teams-content{font-size: 14px;}
    .teams-img1 {  width: 31%;  float: left;  margin: 15px 0;  }
.teams-img{width:100%}
    .about-teams #img1{width: 100%}
    .about-teams #img2{width: 100%}
    .about-teams #img3{width: 100%}
    .about-teams #img4{display: none;}
    .about-teams #img5{display: none;}
.teams-img{ margin: 0px 0px!important; }	
}
@media screen and (max-width: 375px) {
    .about-nav li{  font-size: 16px!important;  }
    .teams-descrip .teams-title{margin: 4% 0 0 3%;height: 45px;}
    .teams-descrip .teams-copyfrom{ font-size: 14px;}
    .teams-descrip .teams-descript{ font-size: 14px;}
    .teams-descrip .teams-content {  margin: 25px auto 0 auto; }
}