.banner {
    background: url(../images/company/banner.jpg) no-repeat;
    background-size: 100%;
    padding-top: 1.413333rem
}

.banner>p {
    font-family: MicrosoftYaHeiLight;
    font-size: .8rem;
    color: #fff;
    text-align: center
}

.banner>span {
    display: block;
    text-align: center;
    font-family: MicrosoftYaHeiLight;
    font-size: .32rem;
    color: #fff;
    margin-top: .106667rem
}

.content {
    width: 100%;
    background-color: #f4f4f4
}

.content .part1 {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box
}

.content .part1 .img1 {
    width: 100%;
    height: 3.08rem
}

.content .part1 .img1>img {
    display: block;
    width: 100%;
    height: 100%
}

.content .part1 .list {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.333333rem
}

.content .part1 .list>li {
    width: 7.333333rem;
    display: flex;
    flex-flow: row nowrap;
    padding: .733333rem 0
}

.content .part1 .list>li.list1 {
    border-bottom: 1px solid #ededed
}

.content .part1 .list>li>div {
    width: 50%;
    box-sizing: border-box;
    height: 2.933333rem;
    text-align: center;
    padding-top: .533333rem
}

.content .part1 .list>li>div img {
    display: block;
    height: 1.466667rem;
    margin: 0 auto .333333rem
}

.content .part1 .list>li>div.right {
    border-left: 1px solid #ededed
}

.content .part1 .video {
    width: 100%;
    margin-top: .6rem;
    height: 9.066667rem;
    box-sizing: border-box;
    position: relative
}

.content .part1 .video img {
    display: block;
    width: 100%;
    height: 5.333333rem
}

/* .content .part1 .video>img:last-of-type {
    position: absolute;
    display: block;
    width: 7.04rem;
    height: 4.64rem;
    left: 50%;
    top: 3.466667rem;
    transform: translate(-50%, 0)
} */
.content .part1 .video video{
    position: absolute;
    display: block;
    width: 7.04rem;
    height: 4.64rem;
    left: 50%;
    top: 3.466667rem;
    transform: translate(-50%, 0);
    min-width: auto;
} 

.content .part1 .txt {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .466667rem 1.933333rem
}

.content .part1 .txt span {
    display: block;
    font-family: MicrosoftYaHeiLight;
    font-size: .346667rem;
    color: #333;
    line-height: .666667rem;
    margin-bottom: 1.133333rem;
    box-sizing: border-box
}

.content .part1 .txt span:last-of-type {
    margin-bottom: 0
}

.content .part2 {
    width: 100%;
    box-sizing: border-box
}

.content .part2 .img {
    width: 100%;
    height: 3.533333rem
}

.content .part2 .img img {
    display: block;
    width: 100%;
    height: 100%
}

.content .part2>ul {
    margin-top: .746667rem;
    width: 100%;
    padding: 0 .466667rem;
    display: flex;
    flex-flow: row wrap
}

.content .part2>ul li {
    width: 4.4rem;
    height: 4.666667rem;
    margin-right: .266667rem;
    background-size: 100%;
    margin-bottom: .266667rem;
    border-radius: .133333rem;
    box-sizing: border-box;
    padding: 2.4rem .24rem 0 .32rem
}

.content .part2>ul li>p {
    text-align: center;
    font-weight: 600;
    font-size: .4rem;
    color: #333
}

.content .part2>ul li>span {
    display: block;
    font-size: .32rem;
    color: #999;
    text-align: center;
    margin-top: .133333rem
}

.content .part2>ul li:nth-of-type(even) {
    margin-right: 0
}

.content .part2>ul li:first-of-type {
    background: url(../images/company/p021.jpg) no-repeat;
    background-size: 100%
}

.content .part2>ul li:nth-of-type(2) {
    background: url(../images/company/p022.jpg) no-repeat;
    background-size: 100%
}

.content .part2>ul li:nth-of-type(3) {
    background: url(../images/company/p023.jpg) no-repeat;
    background-size: 100%
}

.content .part2>ul li:nth-of-type(4) {
    background: url(../images/company/p024.jpg) no-repeat;
    background-size: 100%
}

.content .part2>ul li:nth-of-type(5) {
    background: url(../images/company/p025.jpg) no-repeat;
    background-size: 100%
}

.content .part2>ul li:last-of-type {
    background: url(../images/company/p026.jpg) no-repeat;
    background-size: 100%
}

.content .part3 {
    width: 100%;
    height: 20.266667rem;
    background-color: #161a1d
}

.content .part3 .img {
    height: 5.466667rem;
    width: 100%;
    box-sizing: border-box
}

.content .part3 .img img {
    display: block;
    width: 100%;
    height: 3.253333rem
}

.content .part3 .img span {
    display: block;
    width: 7.64rem;
    height: .826667rem;
    font-family: MicrosoftYaHeiLight;
    font-size: .32rem;
    line-height: .453333rem;
    color: #999999;
    margin: .4rem auto 0;
    text-align: center
}

.content .part3>ul {
    width: 100%;
    padding: 0 .466667rem;
    box-sizing: border-box
}

.content .part3>ul li {
    width: 100%;
    height: 2.666667rem;
    margin-bottom: .133333rem;
    border-radius: .133333rem;
    box-sizing: border-box;
    background-size: 100%;
    padding: .8rem .6rem 0 2.4rem
}

.content .part3>ul li>p {
    font-size: .4rem;
    color: #c0c6c9;
    font-weight: 600;
    margin-bottom: .106667rem
}

.content .part3>ul li>span {
    font-family: MicrosoftYaHeiLight;
    font-size: .32rem;
    color: #999
}

.content .part3>ul li:first-of-type {
    background: url(../images/company/p031.jpg) no-repeat;
    background-size: 100%
}

.content .part3>ul li:nth-of-type(2) {
    background: url(../images/company/p032.jpg) no-repeat;
    background-size: 100%
}

.content .part3>ul li:nth-of-type(3) {
    background: url(../images/company/p033.jpg) no-repeat;
    background-size: 100%
}

.content .part3>ul li:nth-of-type(4) {
    background: url(../images/company/p034.jpg) no-repeat;
    background-size: 100%
}

.content .part3>ul li:last-of-type {
    background: url(../images/company/p035.jpg) no-repeat;
    background-size: 100%
}

.content .part4 {
    width: 100%
}

.content .part4 .img {
    width: 100%;
    height: 3.266667rem
}

.content .part4 .img img {
    display: block;
    height: 100%;
    width: 100%
}

.content .part4>ul {
    width: 100%;
    padding: 0 .466667rem;
    margin: 1rem 0 .866667rem 0;
    box-sizing: border-box
}

.content .part4>ul li {
    width: 100%;
    height: 4.853333rem;
    margin-bottom: .4rem;
    box-sizing: border-box
}

.content .part4>ul li:first-of-type {
    display: flex;
    flex-flow: row nowrap;
    height: 5.733333rem
}

.content .part4>ul li:first-of-type>div {
    height: 5.733333rem;
    box-sizing: border-box
}

.content .part4>ul li:first-of-type>div:first-of-type {
    width: 3.84rem;
    margin-right: .333333rem
}

.content .part4>ul li:first-of-type>div:first-of-type>img {
    display: block;
    width: 100%;
    height: 100%
}

.content .part4>ul li:first-of-type>div:last-of-type {
    width: 4.92rem
}

.content .part4>ul li:first-of-type>div:last-of-type img {
    display: block;
    height: 2.706667rem
}

.content .part4>ul li:first-of-type>div:last-of-type img:first-of-type {
    margin-bottom: .266667rem
}

.content .part4>ul li img {
    display: block;
    width: 100%;
    height: 100%
}
@media only screen and (min-width: 640px) {
	/*企业简介*/
	.content .part2>ul{
		justify-content: center;
	}
}