@media all and (max-width:1024px) {

	/*解决:hover、before、after伪类在ios移动端需要二次点击的问题*/
	a.btn-trans:hover {
		color: #ffffff;
	}

	a.btn-trans:hover span {}

	a.btn-trans:hover::before {
		display: none;
	}

	a.btn-trans-black::before {
		background: #ffffff;
	}

	a.btn-trans-black:hover {
		color: #000000;
	}

	a.btn-trans-black:hover::before {}

	/**/
	.hamburger {
		position: absolute;
		width: auto;
		height: 60px;
		border: none;
		background: none;
	}

	.hamburger .nav_more {
		position: absolute;
		left: 10px;
		top: 20px;
		width: 40px;
		height: 40px;
		border: none;
	}

	.hamburger .hamburger-fix {
		background: transparent;
	}

	.hamburger .hamburger-fix::before,
	.hamburger .hamburger-fix::after {
		width: 20px;
		background: #ffffff;
	}

	.hamburger .nav_more:hover {
		opacity: 1;
	}

	.hamburger .nav_more_on {
		background: none;
	}

	.hamburger .nav_more_on .hamburger-fix::before,
	.hamburger .nav_more_on .hamburger-fix::after {
		background: #000000;
	}

	/* 白色背景下为深色 */
	.sel_portfolio_all .hamburger .hamburger-fix,
	.sel_portfolio_all .hamburger .hamburger-fix::before,
	.sel_portfolio_all .hamburger .hamburger-fix::after {
		background: #000000;
	}

	.sel_portfolio_all .hamburger .hamburger-fix {
		background: transparent;
	}

	.sel_news_detail .hamburger .hamburger-fix,
	.sel_news_detail .hamburger .hamburger-fix::before,
	.sel_news_detail .hamburger .hamburger-fix::after {
		background: #000000;
	}

	.sel_news_detail .hamburger .hamburger-fix {
		background: transparent;
	}

	.sel_portfolio_all .hamburger .nav_more_on .hamburger-fix {
		background: #ffffff;
	}

	.sel_portfolio_all .hamburger .nav_more_on .hamburger-fix::before,
	.sel_portfolio_all .hamburger .nav_more_on .hamburger-fix::after {}

	.sel_viewpoint .hamburger .hamburger-fix,
	.sel_viewpoint .hamburger .hamburger-fix::before,
	.sel_viewpoint .hamburger .hamburger-fix::after {
		background: #000000;
	}

	.sel_viewpoint .hamburger .hamburger-fix {
		background: transparent;
	}

	.sel_terms .hamburger .hamburger-fix,
	.sel_terms .hamburger .hamburger-fix::before,
	.sel_terms .hamburger .hamburger-fix::after {
		background: #000000;
	}

	.sel_terms .hamburger .hamburger-fix {
		background: transparent;
	}

	/* 深色背景下为白色 */
	.sel_service .hamburger .nav_more_on .hamburger-fix {
		background: #ffffff;
	}

	.sel_service .hamburger .nav_more_on .hamburger-fix::before,
	.sel_service .hamburger .nav_more_on .hamburger-fix::after {}


	.hamburger .share {
		display: none;
	}

	.nav {
		width: 100%;
		margin: 0;
	}

	.nav ul {
		margin-top: 100px;
	}

	.nav ul li {
		padding: 20px 0 20px 80px;
	}

	.nav ul li a {
		font-size: 32px;
	}

	.nav-mask {}

	a.logo {
		right: 20px;
		top: 20px;
		left: auto;
		font-size: 18px;
		width: 60px;
	}

	#wrapper {
		padding: 0;
	}

	.video .text h1 {
		font-size: 32px;
	}

	.video video {}

	a.btn-trans {
		padding: 10px 35px;
	}

	a.btn-trans span {
		transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s;
		/* Firefox 4 */
		-webkit-transition: all 0s ease 0s;
		/* Safari 和 Chrome */
		-o-transition: all 0s ease 0s;
		/* Opera */
	}

	a.detail {
		width: 100%;
		margin-top: 30px;
	}

	/**/
	.service_type {}

	.service_type ul {
		padding-top: 30px;
	}

	.service_type ul li {
		padding: 30px 20px;
		width: 100%;
		justify-content: flex-start;
		border: none;
		border-bottom: 1px solid #F2F2F2;
	}

	.service_type ul li .inner_li {}

	.service_type ul li .icon {
		display: none;
	}

	.service_type ul li .txt h4 {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.service_type ul li .txt p {
		display: flex;
		flex-wrap: wrap;
	}

	.service_type ul li .txt p span {
		width: 50%;
	}

	/**/
	.shead {
		margin-bottom: 40px;
	}

	.shead h2 {
		font-size: 28px;
	}

	/**/
	.case_box {
		padding: 100px 0 0;
	}

	.case_box .ul_box ul {}

	.case_box .ul_box ul li {
		width: 50%;
	}

	.case_box .ul_box ul li a {}

	.case_box .ul_box ul li a img {}

	.case_box ul li .hoverMask {
		display: none;
		position: static;
	}

	.case_box ul li .inne_hoverMask {}

	.case_box ul li .cover h2 {
		margin: 20px 0 0;
		padding: 0;
		opacity: 1;
		font-size: 20px;
	}

	.case_box ul li .cover span {
		opacity: 1;
		font-size: 12px;
	}

	.case_box ul li .cover em {
		display: none;
	}

	.case_box ul li:hover .cover img {
		transform: none;
		opacity: 1;
	}

	.case_box .tabs {
		display: none;
	}

	.case_box .tabs .inner_tabs {}

	.case_box .tabs a {}

	.case_box .tabs a span {}

	/**/
	.clients {
		padding: 100px 0;
	}

	.clients .list {}

	.clients ul {}

	.clients ul li {}

	.clients ul li img {}

	/**/
	.news {
		padding: 100px 0;
	}

	.news ul li {
		width: 100%;
	}

	/**/
	footer {}

	footer .info {
		padding: 50px 0;
	}

	footer .fl {
		width: 100%;
		flex-direction: column;
		align-items: center;
		margin-bottom: 30px;
	}

	footer .fl .b_logo {
		width: auto;
		margin-bottom: 20px;
	}
	
	footer .fl .b_logo img{
		margin: 0 auto;
	}

	footer .fl p {
		width: auto;
		text-align: justify;
	}

	footer .fr {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}

	footer .fr .cate {
		width: auto;
	}

	footer .fr .business {
		margin: 30px 0 0 0;
		text-align: center;
	}

	footer .fr .business ul {
		justify-content: center;
	}

	footer .beian {
		padding: 20px 0;
		text-align: center;
	}

	a.rTop {
		display: none !important;
	}


	.news_detail {
		padding: 100px 20px 50px;
	}

	.news_detail h1 {
		font-size: 22px;
	}

	.news_detail .date {
		margin: 20px 0 0;
		font-size: 12px;
	}

	.news_detail article {
		padding: 20px 0;
	}



	#aptitude .row_pr0 {
		padding-right: 20px;
	}

	#aptitude .fl {
		width: 90%;
	}

	#aptitude .fr {
		padding: 0;
	}

	#aptitude {
		padding: 150px 0;
		background-attachment: scroll;
	}

	#aptitude h3 {
		font-size: 28px;
	}

	#aptitude .li {
		width: 100%;
		margin-bottom: 40px;
		padding: 0 20px;
	}

	#aptitude .li .inner_li {
		padding: 60px 40px 60px;
	}

	#aptitude .li .inner_li span {
		font-size: 18px;
		padding: 0 0 20px;
	}

	#aptitude .li .inner_li h5 {
		font-size: 44px;
		margin: 30px 0 10px 0;
	}

	/**/
	.slide-bg-wrapper .sbg {
		background-attachment: scroll;
	}




	#about .banner {
		background-attachment: scroll;
	}

	.contact_us .inner_contact_us {
		background-attachment: scroll;
	}

	#about .banner .inner_banner .text h1 {
		font-size: 36px;
	}

	#about .banner .inner_banner .text p {
		font-size: 16px;
	}

	#about .banner .inner_banner .text h1 em {
		width: 24px;
	}

	#about .big_pic .txt {
		width: 100%;
		padding: 40px 20px;
	}

	#about .big_pic .txt h1 {
		font-size: 28px;
	}

	#about .case_box ul li {
		width: 50%;
		margin-bottom: 0;
	}

	#about .case_box ul li .hoverMask {
		position: absolute;
	}

	#about .case_box ul li .hoverMask .inne_hoverMask {
		padding: 0;
	}

	#about .case_box ul li .hoverMask h2 {
		padding: 0;
		margin: 20px 0 2px;
		letter-spacing: 2px;
		font-size: 18px;
		line-height: 1;
	}


	.contact_us h1 {
		font-size: 28px;
		padding: 40px 0;
	}


	.join_us h2 {
		font-size: 28px;
	}

	.job {
		width: 100%;
	}

	.job .inner_job {}

	.job .job-descr {}

	.job h4 {
		font-size: 18px;
	}


	.item_detail .more_info p {
		font-size: 16px;
		width: 80%;
	}

	.item_detail .else .c4 img {
		width: 50%;
	}


	.pic_topic {
		height: 50vh;
		background-attachment: scroll;
	}

	.item_detail .item_info {}

	.item_detail .item_info .itemIntro p {
		margin: 0;
		font-size: 14px;
	}

	.item_detail .item_info .itemIntro p.tags {
		text-align: center;
	}

	.item_detail .item_info .shead .l {
		width: 100%;
	}

	.item_detail .item_info .shead .l .inner_l {
		padding: 60px 20px 0;
	}

	.item_detail .item_info .shead h1 {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.item_detail .item_info .shead .r {
		width: 100%;
	}

	.item_detail .item_info .shead .r .inner_r {
		padding: 30px 20px 60px;
		font-size: 16px;
		line-height: 180%;
	}

	.item_detail ul li .detail-list-title {
		padding: 40px 20px 20px;
	}

	.item_detail ul li .detail-list-title h2 {
		font-size: 22px;
		margin-bottom: 4px;
	}

	.item_detail ul li .detail-list-title p {
		font-size: 14px;
	}

	.item_detail ul li.ti {}

	.item_detail ul li.ti span {
		padding: 40px 0;
		font-size: 22px;
	}

	.item_detail ul li.pblank {
		padding: 40px;
	}

	.fav_list h2 {
		font-size: 18px;
	}

	.fav_list ul li {
		width: 50%;
	}

	.fav_list ul li a h3 {
		font-size: 14px;
		padding: 0 10px;
	}

	.fav_list ul li a p {
		padding: 0 10px 20px;
	}


}




@media all and (max-width:767px) {

	.scrolling {
		bottom: 30px;
		height: 50px;
	}

	.video .text {
		width: 100%;
		padding: 0 20px;
	}

	.shead {
		padding: 0 20px;
	}

	.shead h2 {
		font-size: 22px;
	}

	.shead .intro {
		display: none;
	}

	.case_box {
		padding: 50px 0 0;
	}

	.clients {
		padding: 80px 0;
	}

	.clients .list {
		padding: 0 20px;
	}

	.clients ul li {
		width: 50%;
		display: none;
	}

	.clients ul li i {
		background-size: 70% auto;
	}

	.clients ul li:nth-child(1),
	.clients ul li:nth-child(2),
	.clients ul li:nth-child(3),
	.clients ul li:nth-child(4),
	.clients ul li:nth-child(5),
	.clients ul li:nth-child(6),
	.clients ul li:nth-child(7),
	.clients ul li:nth-child(8) {
		display: block;
	}

	.news {
		padding: 80px 0;
	}

	.news .list {
		padding: 40px 20px;
	}

	.news ul li {
		padding: 16px 40px;
	}

	.news ul li a .cover {
		margin-right: 20px;
	}

	.news ul li a .text {
		width: 100%;
	}

	.news ul li a .text .name {
		width: calc(100% - 64px - 20px);
	}

	.news ul li a .text .date {
		padding: 10px;
	}

	.news ul li a .text .date h3 {
		font-size: 16px;
	}

	.news ul li a .text h2 {
		font-size: 14px;
	}

	.news ul li a .text p {
		font-size: 12px;
		-webkit-line-clamp: 1;
	}

	.seniority .swiper-slide {
		padding: 100px 0;
	}

	.seniority ul {
		padding: 0 10px;
	}

	.seniority ul li {
		width: 80%;
		margin: auto;
		padding: 10px;
	}

	.seniority ul li .inner {
		padding: 30px 20px;
	}

	.seniority ul li span {
		font-size: 16px;
		padding: 0 0 20px 0;
	}

	.seniority ul li .num h5 {
		font-size: 32px;
	}

	.seniority ul li .num i {
		font-size: 14px;
	}

	/* sel_portfolio_all */
	.sel_portfolio_all .case_box h1 {
		font-size: 32px;
	}

	.case_box .tabs .inner_tabs {}

	.case_box .tabs a {}

	.sel_portfolio_all .case_box .ul_box {
		margin-top: 20px;
	}

	/* about */
	.join_us {
		padding: 80px 0;
	}

	.join_us .inner_join_us {
		padding: 0 20px;
	}

	.join_us .list {
		margin: 0;
	}

	.join_us .list .job {
		width: 100%;
		padding: 0 0 20px 0;
	}

	.join_us .list .job:last-child {
		padding-bottom: 0;
	}

	.join_us .list .job .inner_job {
		padding: 30px;
	}

	.join_us .list h4 {
		font-size: 16px;
	}

	.join_us .list .job-sub-title {
		margin: 20px 0 0;
	}

	.btn_area {
		margin: 50px 0 0;
	}

	a.btn-trans {
		font-size: 14px;
	}

	.viewpoint {
		padding: 100px 0 60px;
	}

	.viewpoint .list {
		max-width: none;
		padding: 0 20px;
	}

	.viewpoint ul li {
		width: 100%;
	}

	.viewpoint ul li a {
		padding: 30px;
	}

	.viewpoint ul li a .text h2 {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.viewpoint ul li a .text p {
		font-size: 12px;
	}

	.viewpoint ul li a .text .name {
		width: calc(100% - 75px - 20px);
	}

	.viewpoint ul li a .text .date {
		padding: 15px;
	}

	.viewpoint ul li a .text .date h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.viewpoint_detail {
		padding: 100px 20px 50px;
	}

	.viewpoint_detail h1 {
		font-size: 22px;
	}

	.viewpoint_detail article {
		padding: 20px 0;
		font-size: 14px;
	}

	.viewpoint_detail article p {
		line-height: 2;
	}

	.news_detail .post_note_warning {
		padding: 20px;
		line-height: 2;
	}

	.sel_terms .terms-box {
		width: 100%;
	}

	.sel_terms .terms-box p {
		font-size: 14px;
	}

}



@media all and (max-width:560px) {
	.news ul li {
		padding: 10px 40px;
	}

	.news ul li a .cover {
		width: 124px;
		height: 70px;
	}

	.news ul li a .text {
		padding-bottom: 15px;
	}

	.news ul li a .text h2 {
		margin-bottom: 10px;
	}

	.news ul li a .text .date h3 {
		margin-bottom: 5px;
	}
}