.about-con{ padding:40px 0;background:#fff;}
.ac_title{ text-align:center; width: 100%; line-height: 2;}
.ac_title h2{ font-size:40px;}

/*形象视频*/
.about-video {width: 100%;padding-top: 40px;padding-bottom:60px; overflow: hidden;}
.about-video .details-video {width: 100%;height: 720px;}
.about-video .details-video .video-img {width: 100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.about-video .details-video .video-img .video-mask {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
}
.about-video .details-video .video-img .video-mask .video-start {width: 80px;height: 80px;cursor: pointer;}
.about-video .details-video .video-img .video-mask .video-start img {width: 100%;height: 100%;}
.about-video .details-video .video-img .video-mask .video-title {font-size: 40px;font-weight: bold;color: rgba(255, 255, 255, 0.8);margin-bottom: 40px;}
.about-video .details-video .video-img .video-mask .video-text {font-size: 20px;color: rgba(255, 255, 255, 0.8);}
.about-video .details-video #video {width: 100%;height: 100%;outline: none;border: none;background: none;display: none;background-color: #000;}
.about-video .details-video #video source {width: 100%;height: 100%;display: block;outline: none;border: none;background: none;}
@media (max-width: 900px) {
	.about-video{ padding-top:20px; padding-bottom:40px;}
	.about-video .details-video{ height: 440px;}
	.about-video.details-video .video-img .video-mask {width: calc(100% - 20px);padding: 0 10px;}
}

/*歌曲-相约南方*/
.main-about-us {width:100%;background-color: #f3f3f3;padding:40px 0;margin-bottom:80px;}
.main-about-us .about-us-video {float: left; width: 50%; height: 340px;position: relative;}
.main-about-us .about-us-video .about-us-video-bg {width: 100%;height: 100%;}
.main-about-us .about-us-video .video-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.main-about-us .about-us-video .video-mask .video-start {width: 80px;height: 80px;cursor: pointer;}
.main-about-us .about-us-video .video-mask .video-start img {width: 100%;height: 100%;}
.main-about-us .about-us-lyrics {float: right; width: 46%;}
.main-about-us .about-us-lyrics .tit { width: 100%;font-size: 36px; line-height: 1.5; margin-bottom: 10px;}
.main-about-us .about-us-lyrics .subtit {width: 100%; font-size: 14px; line-height: 1.5; margin-bottom: 10px;}
.main-about-us .about-us-lyrics .subtit span{ margin-right: 20px;}
.main-about-us .about-us-lyrics .txt{ width: 100%; margin-top: 20px;}
.main-about-us .about-us-lyrics .txt p { font-size: 16px; line-height:1.8; margin-bottom: 10px;}
.main-about-us .about-us-lyrics .txt p:last-child{margin-bottom: 0;}
.about-us-video-mask {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 100;
	transition: all .5s;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	display: none;
}
.about-us-video-mask.show {display: flex;top: 0;}
.about-us-video-mask .mask {width: 880px;position: relative;}
.about-us-video-mask .mask .mask-title {background-color: #fff;padding: 14px 20px;font-size: 18px;color: #424242;}
.about-us-video-mask .mask .video-box {width: 100%;}
.about-us-video-mask .mask .video-box video {width: 100%;}
.about-us-video-mask .mask .video-close {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 26px;
	height: 26px;
	font-size: 18px;
	color: #757575;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
}
@media (max-width: 980px) {
	.main-about-us .about-us-video {width: 100%;height: auto;margin-bottom: 25px;}
	.main-about-us .about-us-lyrics {width: 100%;}
}

/*集团实力*/
.about-sl {width: 100%;font-size: 0;padding: 35px 0;margin-bottom:80px; background-color: #eee;}
.about-sl .slbox {display: inline-block;vertical-align: top;width: calc(25% - 60px);padding: 0 30px;position: relative;}
.about-sl .slbox:after {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #ddd;}
.about-sl .slbox:nth-last-child(1):after {width: 0;}
.about-sl .slbox .tit {color: #666666;font-size: 16px;margin-bottom:20px;line-height: 1.3;}
.about-sl .slbox .num {color: #e50112;font-size: 60px;}
@media (max-width: 900px) {
	.about-sl .slbox {width: calc(50% - 40px);padding: 0 20px;margin-bottom: 20px;}
	.about-sl .slbox .num {font-size: 40px;}
}

/*左右图文*/
.about-imgandtxt{ width: 100%; margin-bottom: 80px;}
.about-imgandtxt .bgbox {
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	position: relative;
}
.about-imgandtxt .half-clip {
	position: absolute; /* 绝对定位 */
	top: 0;
	left: calc(50% - 30px); /* 从容器的中间开始 */
	width: 60px; /* 只显示左半部分 */
	height: 100%; /* 高度与容器相同 */
	background-color: white; /* 背景颜色（可选） */
}
.about-imgandtxt .bgimg_r {
	width: 100%;
	height: 350px;
	display: none;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 20px;
}
.about-imgandtxt .bgimg_l {
	width: 100%;
	height: 350px;
	display: none;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 20px;
}
.about-imgandtxt .tit{width:100%; color: #333; font-size:40px; font-weight:500; text-align:left; margin-bottom:30px;}
.about-imgandtxt .tbox_l{ width:calc(50% - 30px); box-sizing:border-box; float:left; }
.about-imgandtxt .tbox_r{ width:calc(50% - 30px); box-sizing:border-box; float:right;}
.about-imgandtxt .txt{ width:100%; text-align: justify; font-size: 14px; line-height: 1.7; max-height: 420px;}
.about-imgandtxt .txt .en{font-size: 14px;}
.about-imgandtxt .txt p{margin-bottom: 10px;}
.about-imgandtxt .txt p:last-child{ margin-bottom: 0;}
@media (max-width: 1002px) {
	.about-imgandtxt .bgbox{ height: auto; background: none !important;}
	.about-imgandtxt .half-clip{ display: none;}
	.about-imgandtxt .tbox_l,
	.about-imgandtxt .tbox_r{ width: 100%; height: auto; float: left;}
	.about-imgandtxt .txt{ max-height: none !important;}
	.about-imgandtxt .bgimg_l,
	.about-imgandtxt .bgimg_r{ display: block;}
}


/*发展历程*/
.about-fzlc{ width: 100%;}
.about-fzlc .nfdiv{width: 100%; margin: 20px 0; height: 60px; overflow: hidden;}
.about-fzlc .nfdiv .hidex{ width: 2000px; height: 60px;}
.about-fzlc .nfdiv .hidex li {width:60px; height: 60px; line-height: 60px; float: left; text-align: center; font-size: 16px; color:#999; overflow: hidden; background-color: #ddd; margin-right: 10px; cursor: pointer;}
.about-fzlc .nfdiv .hidex li:hover{ color: #333; background-color: #f2f2f2;}
.about-fzlc .nfdiv .hidex .current{ background:#d1000f; width: 100px; font-size: 30px; color: #fff;}
.about-fzlc .nfdiv .hidex .current:hover{background:#d1000f; color: #fff;}
.about-fzlc .nftxtdiv { width: 100%; margin: 60px 0; overflow: hidden;}
.about-fzlc .nftxtdiv .txt{ float: left; width: 50%;}
.about-fzlc .nftxtdiv .txt p{ font-size: 14px; line-height: 1.8; margin-bottom: 10px;}
.about-fzlc .nftxtdiv .txt p strong{ font-size: 18px; font-weight: bold;}
.about-fzlc .nftxtdiv .img{ float: right; width: 46%;}
.about-fzlc .nftxtdiv .img img{ width: 100%;}
@media (max-width: 758px) {
	.about-honor .list ul{column-count: 2;}
	.about-fzlc .nftxtdiv .txt{ float: left; width:100%;}
	.about-fzlc .nftxtdiv .img{ float: right; width:100%; margin-top: 20px;}
}


/*资质荣誉*/
.about-honor{ width: 100%; overflow: hidden; margin-bottom: 60px;}
.about-honor .h_advimg{ margin-bottom:40px;}
.about-honor .h_advimg img{ width:100%;}
.about-honor .list {width: 100%; overflow: hidden;}
.about-honor .list ul{width: 100%;column-count: 3; /* 控制每行显示的列数为2 */column-gap: 40px; /* 列与列之间的间隔为20px */}
.about-honor .list ul li{text-align:left; list-style:none; padding:0;}
.about-honor .title{cursor:pointer;line-height:1.6;font-size:14px; padding-left:30px; color:#666; margin-bottom: 20px;}
.about-honor .imgDiv{display:none;padding-left:30px; padding-bottom:20px;  margin-top: -10px;}
.about-honor .imgDiv img{ width:300px;}
.about-honor .title:hover{ font-weight:bold; color:#d1000f; background:url(../images/icon-honor.png) no-repeat left;}
.about-honor .on{ font-weight:bold; color:#d1000f; background:url(../images/icon-honor.png) no-repeat left;}
@media (max-width: 900px) {
	.about-honor .list ul{column-count: 2;}
}


/*企业文化*/
.about-qywh-dw {width: 100%; overflow: hidden; margin-bottom: 80px;}
.about-qywh-dw .qitem {display: block;width: 100%;margin-bottom: 80px;}
.about-qywh-dw .qimg {float:left;width:50%;overflow: hidden; border-radius: 10px;}
.about-qywh-dw .qimg img {width: 100%;}
.about-qywh-dw .qcont {float: right;width: 46%;text-align: left; }
.about-qywh-dw .qtit {color: #333333;font-size: 40px;position: relative; }
.about-qywh-dw .qtxt {color: #414141;font-size: 14px; margin-top: 20px;}
.about-qywh-dw .qtxt h3{ font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom:10px; line-height: 1;}
.about-qywh-dw .qtxt p{ font-size: 14px; line-height: 2;}
.about-qywh-dw .qitem:nth-child(2n) .qimg {float: right;}
.about-qywh-dw .qitem:nth-child(2n) .qcont {float: left; text-align: left;}
@media (max-width: 900px) {
	.about-qywh-dw .qimg {width:100%;}
	.about-qywh-dw .qcont {width:100%; margin-top: 20px;}
}

.about-qywh-ln {width: 100%; overflow: hidden; margin-bottom: 80px;}
.about-qywh-ln .ntit{ width: 100%; text-align: center; font-size: 40px; background-color: #eee; line-height: 100px;margin-bottom: 10px; border-radius: 10px 10px 0 0; overflow: hidden;}
.about-qywh-ln .nlist {width: 100%; overflow: hidden;}
.about-qywh-ln .nlist ul{margin:0 -5px;}
.about-qywh-ln .nlist ul li{float:left; width:calc(25% - 10px); margin:0 5px 10px 5px; }
.about-qywh-ln .nlist .lnitem{padding:30px; display: block;background-color: #eee;border: 1px solid #eee; text-align: center; position: relative;}
.about-qywh-ln .nlist .lnitem:hover{border: 1px solid #d1000f; background-color: #fff;}
.about-qywh-ln .nlist .lnitem p{line-height:2;font-size:16px; color:#333;min-height: 8em;}
.about-qywh-ln .nlist .lnitem img{ width:calc(100% - 60px);}
.about-qywh-ln .nlist .lnitem:hover p{ font-weight:bold; color:#d1000f;}
@media (max-width: 1200px) {
	.about-qywh-ln .nlist .lnitem img{ width:calc(100% - 30px);}
}
@media (max-width: 1004px) {
	.about-qywh-ln .nlist ul li{width:calc(33.33% - 10px);}
	.about-qywh-ln .nlist .lnitem img{ width:calc(100% - 50px);}
}
@media (max-width: 768px) {
	.about-qywh-ln .nlist ul li{width:calc(50% - 10px);}
	.about-qywh-ln .nlist .lnitem img{ width:calc(100% - 60px);}
}


/*服务网络*/
.about-fwwl{width: 100%; overflow: hidden; margin-top: 40px;}
.about-fwwl-top {width: 100%;margin-bottom:40px; overflow: hidden;}
.about-fwwl-top .leftarea{float: left;font-size: 0;}
.about-fwwl-top .leftarea .titem {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ababab;
    font-size: 16px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
}
.about-fwwl-top .leftarea .titem:nth-child(1) {border-right: none;border-radius: 25px;}
.about-fwwl-top .leftarea .titem:nth-child(2) {border-left: none;border-radius: 0 25px 25px 0;}
.about-fwwl-top .leftarea .titem.active {border: none;background-color: #e50112;color: #ffffff;}
.about-fwwl-top .rightsearch{float: right;}
.about-fwwl-top .rightsearch .sform {font-size: 0;width: 500px;background-color: #ffffff;border-radius: 25px;border: solid 1px #cccccc;}
.about-fwwl-top .rightsearch .sform .sinput {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 135px);
    height: 50px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 10px 30px;
    border: none;
    outline-style: none;
    background-color: transparent;
}
.about-fwwl-top .rightsearch .sform .sbtn {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
    padding-right: 22px;
    background-image: url('../images/about_search.png');
    background-size: 17px 18px;
    background-repeat: no-repeat;
    background-position: 86px 11px;
    color: #ffffff;
    font-size: 16px;
    width: 130px;
    height: 42px;
    background-color: #e50112;
    border-radius: 21px;
    border: none;
    outline-style: none;
}

.about-fwwl-con {width: 100%; overflow: hidden;}
.about-fwwl-con .cmap {width: 100%;height:600px;background-color:#eee;border-radius: 6px;}
.about-fwwl-con .cmap .cmapimg {width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.about-fwwl-con .clist {width: 100%;}
.about-fwwl-con .clist .kitem {width: 100%;font-size: 0;}
.about-fwwl-con .clist .kitem .xone {width: calc(100% - 80px);padding: 40px;border-bottom: 1px solid #eeeeee;position: relative;cursor: pointer;}
.about-fwwl-con .clist .kitem .xone:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    background-image: url('../images/about_more.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-fwwl-con .clist .kitem.show .xone:after {background-image: url('../images/about_more_b.png');background-size: 30px 1px;}
.about-fwwl-con .clist .kitem .xone .xname {display: inline-block;vertical-align: middle;width: 240px;color: #ffffff;font-size: 20px;height: 50px;text-align: center;line-height: 50px;background-color: #e50112;border-radius: 25px;}
.about-fwwl-con .clist .kitem .xone .xadr {display: inline-block;vertical-align: middle;width: calc(100% - 300px);padding-left: 40px;}
.about-fwwl-con .clist .kitem .xone .xadr .txt1 {color: #4b4b4b;font-size: 20px;line-height: 1.5;}
.about-fwwl-con .clist .kitem .xone .xadr .txt2 {color: #9a9a9a;font-size: 20px;line-height: 1.5;}
.about-fwwl-con .clist .kitem .xmore {display: none;width: 100%;background-color: #f5f6f6;}
.xma-qitem {width: calc(100% - 80px);font-size: 0;padding: 40px;border-bottom: 1px solid #eeeeee;}
.xma-r {display: inline-block;vertical-align: middle;width: 240px;color: #494949;font-size: 20px;height: 50px;text-align: center;line-height: 50px;border: solid 1px #cccccc;border-radius: 25px;}
.xma-s {display: inline-block;vertical-align: middle;width: calc(100% - 300px);padding-left: 40px;}
.xma-t {color: #4b4b4b;font-size: 20px;line-height: 1.5;}
.xma-w {font-size: 0;width: 100%;}
.xma-u {display: inline-block;vertical-align: top;margin-right: 20px;color: #9a9a9a;font-size: 20px;line-height: 1.5;}
@media (max-width: 900px) {
	.about-fwwl-con .clist .kitem .xone{ width:calc(100% - 40px); padding: 30px 20px;}
	.about-fwwl-con .clist .kitem .xone .xadr .txt1{ font-size:16px;}
	.about-fwwl-con .clist .kitem .xone .xadr .txt2{ font-size:16px;}
	.about-fwwl-top .leftarea {float: none;text-align: center;}
	.about-fwwl-top .rightsearch {float: none;width: 100%;margin-top: 20px;text-align: center;}
	.about-fwwl-top .rightsearch .sform {width:100%;margin: 0 auto;}
	.about-fwwl-con .cmap{ height:400px;}
	.about-fwwl-top .leftarea .titem{ width:150px; height:36px; line-height:36px;}
	.about-fwwl-top .rightsearch .sform .sinput{ height:48px; line-height:48px;}
	.about-fwwl-top .rightsearch .sform .sbtn{height:40px; line-height:40px;}
	.about-fwwl-con .clist .kitem .xone .xname{width:150px;height:36px; line-height:36px; font-size:16px;}
	.xma-qitem {width: calc(100% - 40px);padding: 20px;text-align: left;}
	.xma-r{ width:150px; height:36px; line-height:36px; font-size:16px;}
	.xma-t{ font-size:16px;}
	.xma-u{ font-size:16px;}
}
@media (max-width: 500px) {
	.about-fwwl-con .clist .kitem .xone {text-align: center;}
    .xma-n {width: 100%;text-align: left;margin-top: 20px;padding-left: 0;}
    .xma-s {width: 100%;text-align: left;margin-top: 20px;padding-left: 0;}
}


/*联系我们*/
.contact-us-container {width:100%;margin:20px auto 40px auto;}
.contact-us-container .map {width: 100%; height:500px;}
.contact-us-container .map img {width: 100%;}
.contact-us-container .container {width: calc(100% - 2px);border: solid 1px #dddddd;font-size: 0;padding:50px 0;background-color:#fff;}
.contact-us-container .container .content {margin-bottom:60px; overflow:hidden;}
.contact-us-container .container .content .item { float:left;width: calc(33.3% - 60px); padding:0 30px;position: relative;}
.contact-us-container .container .content .item .item-a {width: 100%;font-size:16px;color: #666;margin-bottom: 10px;}
.contact-us-container .container .content .item .item-b {font-size:24px;font-weight: bold;color:#333;width: 100%;}
.contact-us-container .container .content .item:after {content: '';display: inline-block;border-right: 1px solid #e9e9e9;height: 100%;position: absolute;top:0;right:0;}
.contact-us-container .container .content .item:last-child:after {display: none;}
.contact-us-container .container .address {padding:0 30px; overflow:hidden;}
.contact-us-container .container .address .address-a {width: 100%;font-size:24px;font-weight: bold;color:#333;margin-bottom:10px;}
.contact-us-container .container .address .address-b {width: 100%;font-size:16px;color:#666;}
@media (max-width: 900px) {
	.contact-us-container {width:100%;}
}
@media (max-width: 700px) {
	.contact-us-container .container .content .item {width: 100%;height: auto;margin-bottom:20px;}
	.contact-us-container .container .content .item:after {display: none;}
	.contact-us-container .container .content .item .item-a {margin-bottom:10px;}
}