@charset "utf-8";
/* CSS Document */
.main{margin-top:0.2rem;}
footer{margin-top:0.5rem;}
.crumbs{font-size:0.14rem;line-height:0.14rem;display:block;color:#ccc;margin-top:0.7rem;margin-bottom:0.25rem;}
.crumbs a{color:#ccc;}
.crumbs a:hover, .crumbs a:active, .crumbs a:focus{color:#ffcf01;}
.join{margin-top:0;}
.join .foldlist{margin-top:0.5rem;}
.join .foldlist li{margin-bottom:0.12rem;}
.join .foldlist li .title{display:block;line-height:0.45rem;font-size:0.18rem;color:#ccc;background:#333;width:100%;padding-left:0.4rem;position:relative;}
.join .foldlist li .title i{font-size:0.18rem;color:#ffcf01;font-weight:bold;margin:0 0.2rem;}
.join .foldlist li .title span{color:#999;font-size:0.14rem;display:block;position:absolute;top:0;right:0.35rem;line-height:0.45rem;}
.join .foldlist li .content{display:none;padding:0.2rem 0.9rem;font-size:0.13rem;line-height:0.23rem;color:#ccc;}
.join .foldlist li.selected .content{display:block;height:auto;}
.join .foldlist li.selected .icon-jia:before { content: "\e61a"; }

.join .info, .service .info{padding:0.5rem 0.7rem;background:#2a2a2a;color:#fff;}
.join .info h1, .service .info h1{font-size:0.3rem;line-height:0.3rem;margin-bottom:0.25rem;}
.join .info .content, .service .info .content{font-size:0.16rem;color:#ccc;line-height:0.29rem;}
.join .banner, .service .banner, .about .banner{width:100%;}

.service .service_category{width:100%;}
.service .service_category .annual_service, .service_category .project_service{padding:0.35rem 0.8rem;width:50%;background:#2f2f2f;min-height:3rem;}
.service .service_category .project_service{background:#3f3f3f;}
.service .service_category h1{font-size:0.3rem;line-height:0.3rem;color:#fff;margin-bottom:0.4rem;}
.service .service_category p{font-size:0.18rem;line-height:0.29rem;color:#ccc;}
.service .consult_service{}
.service .consult_service .info{background:#000;}
.service .consult_service h3{font-size:0.18rem;color:#fff;font-weight:normal;line-height:0.4rem;}
.service .consult_service h3 en{font-size:0.36rem;font-weight:normal;padding-right:0.1rem;}
.service .consult_service .content{font-size:0.14rem;line-height:0.29rem;color:#999;margin-top:0.2rem;}
.service .consult_service ul.list{background:#303030;padding: 0.35rem 0.7rem;}
.service .consult_service ul.list li{float:left;width:20%;}
.service .consult_service ul.list li .title{font-size:0.14rem;line-height:0.26rem;color:#ffcf01;}
.service .brand_base ul.list li,
.service .marketing ul.list li,
.service .spread ul.list li,
.service .design ul.list li,
.service .events ul.list li{
	width:100%!important;float:none!important;
}
.service .brand_base ul.list li p,
.service .marketing ul.list li p,
.service .spread ul.list li p,
.service .design ul.list li p,
.service .events ul.list li p{
	display:inline-block!important;
	padding:0 0.1rem!important;
}
.service .brand_base .content,
.service .marketing .content,
.service .spread .content,
.service .design .content,
.service .events .content{
	margin:0.1rem 0!important;
}
.about .banner{margin-bottom:0.13rem;}
.about .content{padding:0.5rem 0.7rem;margin-bottom:0.13rem;background:#3f3f3f;color:#fff;}
.about .content h1{font-size:0.3rem;line-height:0.3rem;color:#fff;margin-bottom:0.3rem;}
.about .content p{font-size:0.16rem;line-height:0.29rem;color:#ccc;}
.about .content2 h1{margin-bottom:0.2rem;}

.news ul.news_list{width:100%;margin:-0.07rem;}
.news ul.news_list li{float:left;width:50%;padding:0.07rem;}
.news ul.news_list li .content_box{background:#333;padding:0.35rem 0.45rem;min-height:5.45rem;}
.news ul.news_list li .content_box span.date{color:#c5c5c5;font-size:0.14rem;line-height:0.14rem;}
.news ul.news_list li .content_box h3{width:100%;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;margin-top:0.06rem;margin-bottom:0.25rem;}
.news ul.news_list li .content_box h3 a{font-size:0.2rem;line-height:0.2rem;color:#fff;font-weight:normal;}
.news ul.news_list li .content_box .n-txt{font-size:0.14rem;line-height:0.24rem;color:#c5c5c5;}
.news ul.news_list li .content_box a.more{width:0.8rem;height:0.3rem;line-height:0.3rem;text-align:center;background-color:#ffcf01;color:#000;font-size:0.14rem;display:block;margin:0.25rem 0;}
.news ul.news_list li .content_box img{width:100%;}
.news .more_btn, .case .more_btn {
	display:block;
	text-align: center;
}
.news .more_btn a, .case .more_btn a{
    animation-delay: 1s;
    background-color: #ffcf01;
    display: inline-block;
    font-size: 0.17rem;
    height: 0.4rem;
    letter-spacing: 0.05rem;
    line-height: 0.4rem;
    margin: 0.6rem auto 0.7rem;
    text-align: center;
	color:#000;
	padding:0 0.34rem;
}
.news .more_btn p, .case .more_btn p{color:#fff;text-align:center;display:inline-block;margin: 0.6rem auto 0.7rem;}

.case .left .case-list{margin:-0.07rem -0.07rem 0;}
.case .left .case-list li{width:50%;float:left;padding:0.07rem;position:relative;overflow: hidden;}
.case .left .case-list li a.thumb{display:block;width:100%;overflow:hidden;}
.case .left .case-list li img{transition: all 0.15s ease-in 0s;}
.case .left .case-list li:hover img{transform: scale(1.02, 1.02);}
.case .left .case-list li .info{width:100%;background-color:#3f3f3f;padding-left:0.3rem;color:#fff;padding:0.22rem 0.3rem;padding-right:0.1rem;transition: all 0.15s ease-in 0s;position: relative;animation-delay:0.3s}
.case .left .case-list li:hover .info{padding-left:0.35rem;}
.case .left .case-list li .info:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 3px;
	background: #ffcf01;
	transition: all .3s;
}
.case .left .case-list li:hover .info:before{
	width: 100%;
	left: 0;
	right: 0;
}
.case .left .case-list li .info .note{}
.case .left .case-list li .h1{font-size:0.3rem;padding:0;line-height:0.4rem;color:#fff;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}
.case .left .case-list li:hover .h1{color:#ffcf01;}
.case .left .case-list li h3{font-size:0.2rem;line-height:0.2rem;font-weight:normal;color:#ccc;margin-bottom:0.22rem;margin-top:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}
.case .left .case-list li .note p{font-size:0.15rem;line-height:0.19rem;color:#757575;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}

.case-content{margin-top: 0.2rem;}
.case-content .main{margin-top: 0.13rem;}
.case-content .banner{background:#fff;}
.case-content .banner img{width:100%;}
.case-content .banner .content-box{padding:0.7rem 0.4rem;}
.case-content .banner .content-box .fr{max-width:2.95rem;}
.case-content .banner .content-box h1{font-size:0.4rem;line-height:0.4rem;margin-bottom:0.35rem;}
.case-content .banner .content-box h3{font-size:0.18rem;line-height:0.18rem;margin-bottom:0.12rem;}
.case-content .banner .content-box .note{font-size:0.2rem;line-height:0.32rem;}
.case-content .banner .content-box .fr p{font-size:0.14rem;line-height:0.19rem;color:#666;margin-bottom:0.15rem;}
.case-content .main .left .banner{background:none;}
.case-content .main .left .banner img{margin-bottom:0.13rem;width:100%;}
.case-content .main .left .content{position:relative;background:#333;padding:0.3rem 0.55rem;padding-left:2.8rem;color:#ccc;font-size:0.14rem;line-height:0.32rem;margin-bottom:0.13rem;}
.case-content .main .left .content .title{position:absolute;width:2.8rem;text-align:Center;left:0;font-size:0.29rem;color:#fff;line-height:0.29rem;font-weight:normal;margin-top:0.1rem;}

@media (max-width: 1200px){
	.join .info, .service .info{padding:0.4rem 0.5rem;}
	.service .service_category .annual_service, .service_category .project_service{padding:0.35rem 0.5rem;}
	.service .consult_service ul.list li{width:33.3333%;}
	.service .consult_service ul.list li .title{margin:0.1rem 0;}
	.service .consult_service .content{margin-top:0;}
	.join .foldlist li .title{padding-left:0.1rem;}
	.join .foldlist li .content{padding:0.2rem 0.3rem;}
	.news ul.news_list li{width:100%;}
}
@media (max-width: 1000px){
	.case-content .banner .content-box .fl{float:none;}
	.case-content .banner .content-box .fr{width:100%;max-width:100%;display:block;float:none;margin-top:0.4rem;}
	.case-content .banner .content-box .fr li{float:left;width:33.3333%;padding:0 0.15rem;}
	.case-content .main .left .content .title{width:2rem;text-align:left;padding-left:0rem;margin-bottom:0.3rem;position:static;}
	.case-content .main .left .content{padding:0.3rem 0.4rem;}
}
@media (max-width: 700px){
	.case ul.case_list li{width:100%;}
	.case-content .banner .content-box .fr li{float:none;width:100%;padding:0;}
	.service .consult_service ul.list{padding:0.3rem;}
	.service .consult_service ul.list li{width:100%;}
	.service .consult_service ul.list li p{display:inline-block;padding:0 0.05rem;}
	.service .service_category .annual_service, .service_category .project_service{width:100%;min-height:auto;}
	.join .info, .service .info{padding:0.4rem;}
	.about .content{padding:0.4rem;}
	.case .left .case-list li{width:100%;float:none;}
	.case-content .banner .content-box h1{font-size:0.29rem;line-height:0.29rem;}
	.case .left .case-list li .h1{font-size:0.25rem;line-height:0.3rem;}
	.case .left .case-list li h3{font-size:0.17rem;margin:0;padding:0.03rem 0;}
	.case .left .case-list li .info .note{margin-top:0.1rem;}
}