.about {
    padding-top: 120px;
    padding-bottom: 220px;
}

.about .part1 .head {
    max-width: 470px;
    margin: 0 auto 100px;
}

.about .part1 .head .title {
    margin-bottom: 15px;
    font-size: 60px;
    font-weight: bold;
}

.about .part1 .head .txt {
    font-size: 17px;
    line-height: 25px;
    color: #bdbdbd;
}

.about .part1 .bBg {
    height: 750px;
    background: url(../img/about_bimg.jpg) center center no-repeat;
    background-size: cover;
}

.about .part2 .sctn {
    padding: 110px 0 50px 490px;
    text-align: left;
    box-sizing: border-box;
}

.about .part2 .sctn .title {
    line-height: 50px;
    font-size: 45px;
    font-weight: bold;
}

.about .part2 .sctn div > p {
    margin-top: 20px;
    font-size: 17px;
    line-height: 25px;
    color: #bdbdbd;
}

.about .part4 .container {
    font-size: 0;
}

.about .part4 .container > * {
    display: inline-block;
}

.about .part4 .leftTitle {
    width: 100%;
    max-width: 490px;
    font-size: 40px;
    font-weight: bold;
}

.about .part4 .container div p {
    font-size: 17px;
    line-height: 25px;
    color: #bdbdbd;
}

.about .part3 .container {
	overflow:hidden;
    padding-bottom: 95px;
}

.about .part3 .container .leftList{ float:left;}

.about .part3 .container .rightImg{ float:right;}

.about .part3 .container .leftList li {
    margin-bottom: 60px;
    max-width: 350px;
}

.about .part3 .container .leftList .title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.about .part3 .container .leftList .txt {
    line-height: 20px;
    font-size: 14px;
    color: #bdbdbd;
}


@media (max-width:768px) {
.about{ padding:10% 0 20% 0;}
.about .part1 .head{ margin-bottom:10%;}
.about .part1 .head .title{ font-size:40px;}
.about .part1 .head .txt{ font-size:15px; line-height:22px;}
.about .part1 .bBg{ padding:25% 0; height:auto;}
.about .part2 .sctn .title{ font-size:35px; line-height:40px;}
.about .part2 .sctn{ padding:15% 0 10% 0;}
.about .part3 .container .leftList li{ max-width:inherit; margin:5% 0;}
.about .part4 .leftTitle{ font-size:32px; margin-bottom:5%;}
.about .part3 .container{ padding-bottom:5%;}
.about .part4 .container div p{ font-size:16px;}
}


@media (max-width:480px) {
.about .part1 .head{ padding-left:15px; padding-right:15px;}	
.about .part1 .head .title{ font-size:30px;}
.about .part1 .head .txt,.about .part2 .sctn div > p,.about .part4 .container div p{ font-size:14px; line-height:20px;}
.about .part2 .sctn .title{ font-size:26px; line-height:30px;}
.about .part3 .container .leftList .title{ font-size:18px;}
.about .part4 .leftTitle{ font-size:22px;}

}