@media(max-width: 1500px){

	.caseList-inner li>.buleB {

		display: none;

	}

	.caseList li>.intro {

	    width: 44%;

	    padding: 0 70px 0 105px;

	}

	.caseList li.type02>.intro {

	    padding: 0 105px 0 70px;

	}

	/* 案例页面 */

	.caseList-inner li>.intro {

	    padding: 0 60px 0 100px;

	}

}

@media(max-width: 1400px){

	.banner .swiper-slide .bg{

		display: none;

	}

	.banner .swiper-slide .img{

		width: 100%;

		height: 100vh;

	}

	.about .aboutL{

		width: 35%;

		padding: 80px 0 0 30px;

		overflow: hidden;

	}

	.caseList li>.intro {

	    width: 44%;

	    padding: 0 50px 0 75px;

	}

	.caseList li.type02>.intro {

	    padding: 0 75px 0 50px;

	}

	/* 案例页面 */

	.caseList-inner li>.intro {

	    padding: 0 40px 0 80px;

	}

	.caseList-inner li.type02>.intro {

	    left: 30px;

	    padding: 0 110px 0 50px;

	}



}

@media(max-width: 1300px){

	.caseList li>.intro {

	    width: 44%;

	    padding: 0 20px 0 30px;

	}

	.caseList li.type02>.intro {

	    padding: 0 30px 0 20px;

	}

	.caseList li.type01>.imgList .item,.caseList li.type02>.imgList .item{

		height: 130px;

	}

	.caseList li.type01>.imgList{

		right:30px;

	}

	.caseList li.type02>.imgList{

		left:30px ;

	}

	/* 关于我们页面样式 */

	.about-part03>ul li>.intro {

	    width: 100%;

	    height: 100px;

	    padding: 0 10px;

	    font-size: 20px;

	}

	.about-part03>ul li>.intro .num {

	    font-size: 52px;

	}

	.about-part03>ul li>.intro i{

		left: 80px;

	}

	.about-part03>ul li>.intro .font{

		position: absolute;

		right:45px ;

		bottom:25px;

		font-size: 20px;

		color: #333;

		width: 100px;

		text-align: left;

		overflow: hidden;

		text-overflow:ellipsis;

		display:-webkit-box;

		-webkit-line-clamp:2;

		-webkit-box-orient:vertical;

	}

}

@media(max-width: 1200px){

	/* 案例页面 */

	.caseList-inner li>.intro {

	    padding: 0 40px 0 60px;

	}

	.caseList-inner li.type02>.intro {

	    left: 0px;

	    padding: 0 80px 0 20px;

	}

	/* 详情 */

	.inner-title {

	    padding: 50px 0;

	}

	.inner-title h3 {

	    font-size: 30px;

	}

	.details-Box>.recommend .recommend-list li a .name {

	    font-size: 20px;

	}

	.details-Box>.recommend .recommend-list li a .time {

	    font-size: 14px;

	}

	

	/* 关于我们页面 */

	.about-part01 .mask h3 {

	    font-size: 30px;

	}

	.about-part01 .mask h3 span {

	    font-size: 38px;

	}

	.about-part01 .mask h4 {

	    font-size: 20px;

	}

	.about-part01 .mask p {

	    font-size: 15px;

	}

	

	.about-part02 .aboutR .numShow .item div span {

	    font-size: 40px;

	}

	.about-part02 .aboutR .numShow .item div {

	    font-size: 16px;

	}

	.about-part03>ul li>.img {

	    height: 250px;

	}

	.about-part03>ul li>.intro .num {

	    font-size: 52px;

		top: 25px;

		display: none;

	}

	.about-part03>ul li>.intro i{

		display: none;

	}

	.about-part03>ul li>.intro .font{

		position: absolute;

		top: 50%;

		left: 50%;

		right: auto;

		bottom: auto;

		width: 100%;

		max-height: 100%;

		text-align: center;

		transform: translate(-50%,-50%);

		-webkit-transform: translate(-50%,-50%);

		-moz-transform: translate(-50%,-50%);

		-transform: translate(-50%,-50%);

		-o-transform: translate(-50%,-50%);

		-ms-transform: translate(-50%,-50%);						

	}

}



@media(max-width: 1024px){

    #header{

		display: none;

	}

	.main {

	    padding-top: 100px;

	}

    .headerSJ{

		display: block;

	}

	.banner{

		padding-top: 80px;

	}

	.about{

		flex-wrap: wrap;

		/* flex-direction: column-reverse; */

	}

	.about .aboutR{

		width: 100%;

	}

	.about .aboutR .imgBg {

	    width: 100%;

	    height: 500px;

	}

	.about .aboutR .font {

	    display: none;

	}

	.serviceList li {

	    float: left;

	    width: 50%;

	    text-align: center;

	    overflow: hidden;

		margin-bottom: 30px;

	}

	.caseList li {

		flex-wrap: wrap;

	    margin-bottom: 70px;

	}

	.caseList li.type02{

		flex-direction: column-reverse;

	}

	.caseList li>.intro,.caseList li.type02>.intro {

	    width: 100%;

	    padding: 0;

	}

	.caseList li.type01>.img,.caseList li.type02>.img {

	    padding: 0px;

	    width: 100%;

	}

	.caseList li.type01>.img .bigImg,.caseList li.type02>.img .bigImg {

	    height: 627px;

	    transform: none;

	    -webkit-transform: none;

	}

	.caseList li.type01>.imgList,.caseList li.type02>.imgList {

	    position: relative;

	    right: auto;

	    bottom: auto;

		left: auto;

		bottom: auto;

		margin-top: 30px;

		width: 100%;

		

	}

	.caseList li.type01 .item,.caseList li.type02 .item{

		margin: 0  35px 0 0;

	}

	.caseList li.type01>.img .font,.caseList li.type02>.img .font {

	    display: none;

	}

	/* 案例页面 */

	.caseList-inner li {

		flex-wrap: wrap;

	    padding-bottom: 0px;

	    margin-bottom: 70px;

	}

	.caseList-inner li.type01>.img {

	    padding-left: 0px;

	    position: relative;

	    width: 100%;

	    z-index: 11;

	}

	.caseList-inner li>.intro {

	    position: relative;

		top:0;

		left: 0;

		width: 100%;

	    height: 400px;

	    padding: 0 80px 0 80px;

	} 

	.caseList-inner li>.buleB,.caseList-inner li>.name,.caseList-inner li.type02>.img .font {

	    display: none;

	}

	.caseList-inner li.type02{

		flex-wrap: wrap-reverse;

	}

	.caseList-inner li.type02>.img {

	    width: 100%;

	    padding-right: 0px;

	    position: relative;

	    margin-left: 0%;

	}

	.case-tabs ul {

		width: 92%;

		padding: 0 3%;

		justify-content: space-between;

	    margin: 0 auto 120px;

	}

	.case-tabs li {

	    height: 75px;

	    line-height: 75px;

	    margin: 0;

	}

	.inner-title {

	    padding: 30px 0;

	}

	.inner-title h3 {

	    font-size: 28px;

	}

	.details-Box>.details .title h3 {

	    font-size: 24px;

	}

	.details-Box>.recommend>.title {

	    font-size: 24px;

	}

	/* 关于我们页面 */

	.about-part01 .mask h3 {

	    font-size: 24px;

	}

	.about-part01 .mask h3 span {

	    font-size: 30px;

	}

	.about-part01 .mask h4 {

	    font-size: 18px;

	}

	.about-part01 .mask p {

	    font-size: 15px;

	}

	.about-part02 {

		width: 92%;

	    flex-wrap:wrap;

	}

	.about-part02,.about-part03,.about-part05 .related,.about-part07{

		width: 92%;	

	}

	.about-part05 .swiper-button-next ,.about-part05 .swiper-button-prev{

	    display: none;

	}

	.about-part04{

		padding: 0 4%;

	}

	.about-part02 .aboutL {

	    width: 100%;

	    height: 400px;

	}

	.about-part02 .aboutR{

	    width: 100%;

	}

	.about-part02 .aboutR h3 {

	    font-size: 24px;

		margin-top: 10px;

	}

	.joinUs .recruit .left .title {

	    height: 60px;

	    line-height: 60px;

		overflow: hidden;

		white-space:nowrap;

		text-overflow:ellipsis;

	    font-size: 24px;

	}

	.joinUs .contact .info .item {

	    font-size: 16px;

		padding: 0 10px;

	}

}

@media(max-width: 768px){

	.banner {

	    padding-top: 0px;

	}

	.banner .swiper-slide .img {

	    height: 300px;

	}

	.about {

	    padding: 70px 0;

	    display: flex;

	    justify-content: space-around;

	}

	.about .aboutL{

		width: 100%;

		padding: 20px 0 0 30px;

		margin-bottom: 50px;

	}

	.about .aboutL h3 {

	    font-size: 35px;

	}

	.about .aboutL h4 {

	    font-size: 23px;

	}

	.about .aboutR .imgBg {

	    height: 300px;

	}

	.about .aboutL .desc {

	    font-size: 14px;

	    margin: 25px 0 45px;

	}

	.about .aboutL .more {

	    display: block;

	    font-size: 14px;

	    text-align: center;

	    width: 120px;

	    height: 35px;

	    line-height: 35px;

	    border-radius: 35px;

	    border: 1px solid #fff;

	}

	.caseTitle {

	    padding: 20px 0 60px;

	    background: url(../img/case-oneway-bg.png) no-repeat center;

	}

	.index-title h3 {

	    font-size: 35px;

	}

	.index-title h4 {

	    font-size: 23px;

	}

	.businessBanner {

	    padding: 70px 0;

	}

	.business .swiper-slide {

		width: 420px !important;

		height: 400px;

	}

	.business .swiper-slide .mask .center .title {

	    font-size: 25px;

		height: 40px;

		line-height: 40px;

	}

	.business .swiper-slide .mask .center .eng {

	    font-size: 18px;

		height: 40px;

		line-height: 40px;

	}

	.business .swiper-slide .mask .center .desc {

	    margin-top: 20px;

	    font-size: 14px;

		

	}

	.serviceList {

	    width: 92%;

	    margin: 50px auto 0;

	}

	.serviceList li {

	    padding: 0 10px;

	    text-align: center;

	    overflow: hidden;

	}

	.serviceList li .img {

	    width: 71px;

	    height: 80px;

	}

	.serviceList li h4 {

	    font-size: 18px;

	}

	.caseList li.type01>.img .bigImg, .caseList li.type02>.img .bigImg {

	    height: 200px;

	}

	.caseList li>.intro h3 {

	    font-size: 20px;

	    line-height: 50px;

	    padding: 10px 0;

	}

	.caseList li>.intro .desc {

	    font-size: 14px;   

	}

	.caseList li>.intro .more {

	    margin-top: 25px;

	    width: 120px;

	    height: 35px;

	    line-height: 35px;

	    border-radius: 35px;

	}

	.caseList li.type01>.imgList, .caseList li.type02>.imgList {

	   display: flex;

	   align-items: flex-start;

	}

	.caseList li.type01>.imgList .item,.caseList li.type02>.imgList .item{

		margin-left: 0;

		margin-right: 3%;

	}

	#footer{

		font-size: 12px;

		padding-top: 10px;

	}

	#footer .link {

	   display: none;

	}

	#footer .contact {

	    flex-wrap: wrap;

	}

	#footer .banquan {

		padding: 10px 0;

	    line-height: 25px;

	    border-top: 1px solid #33c8db;

	}

	/* 案例详情 */

	.caseList-inner li.type01>.img .font,.caseList-inner li.type02>.img .font {

	    display: none;

	}

	.caseList-inner li.type01>.img .bigImg,.caseList-inner li.type02>.img .bigImg {

	    width: 100%;

	    height: 200px;

	}

	.inner-title {

	    padding: 10px 0 30px;

	}

	.inner-title h3 {

	    font-size: 20px;

	}

	.details-Box>.details .title h3 {

	    font-size: 16px;

	}

	.details-Box>.recommend>.title {

	    font-size: 16px;

		line-height: 50px;

	}

	.caseList-inner li>.intro {

	    position: relative;

	    top: 0;

	    left: 0;

	    width: 100%;

		height: auto;

	    max-height: 300px;

	    padding: 0 15px;

	}

	.caseList-inner li>.intro h3 {

	    font-size: 24px;

	    line-height: 30px;

	    padding: 20px 0 10px;

	}

	.caseList-inner li>.intro .desc {

	    font-size: 14px;

	    line-height: 30px;

	}

	.caseList-inner li>.intro .more {

	    font-size: 12px;

	}

	.caseList-inner li>.intro .car {

	    font-size: 14px;

	    line-height: 50px;

	}

	.caseList-inner li.type02>.intro {

	    left: 0px;

	    padding: 0 20px;

	}

	.case-tabs ul{

		white-space: nowrap;

		overflow-x: auto;

		margin-bottom: 50px;

	}

	.case-tabs li {

	    height: 50px;

	    line-height: 50px;

	    padding: 0 20px;

		width: auto;

	}

	.case-tabs li a {

	    font-size: 16px;

	}

	/* 详情 */

	.details-Box>.info {

	    display: flex;

	    height: 50px;

	    line-height: 50px;

		padding: 0 15px;

	    justify-content: space-between;

	}

	.details-Box>.details {

	    padding: 20px 15px;

	    background: #fff;

	}

	.details-Box>.recommend {

	    padding: 20px 15px;

	    padding-bottom: 30px;

	    margin-bottom: 0px;

	    border-top: 1px solid #eee;

	}

	.details-Box>.details .title h3 {

	    font-size: 20px;

	}

	.details-Box>.details .title .times {

	    font-size: 14px;

	}

	.details-Box>.recommend .recommend-list li{

		margin-bottom: 20px;

	}

	.details-Box>.recommend .recommend-list li a .name {

	    font-size: 16px;

		line-height: 30px;

		overflow: hidden;

		white-space:nowrap;

		text-overflow:ellipsis;

	}

	.details-Box>.recommend .recommend-list li a .time {

	    font-size: 12px;

		line-height: 20px;

	}

	.details-Box>.recommend .recommend-list{

		flex-wrap: wrap;

	}

	.details-Box>.recommend .recommend-list li{

		width: 100%;

		overflow: hidden;

	}

	/* 关于我们页面 */

	.about-part01 {

	    width: 100%;

	    height: 260px;

	}

	.about-part01 .mask {

	    padding: 30px 8%;

	}

	.about-part01 .mask h3 {

	    font-size: 20px;

	}

	.about-part01 .mask h3 span {

	    font-size: 26px;

	}

	.about-part01 .mask h4 {

	    font-size: 16px;

	}

	.about-part01 .mask p {

	    font-size: 13px;

	}

	.about-part02 {

	    padding: 30px 0 20px;

	}

	.about-part02 .aboutL {

	    height: 200px;

	}

	.about-part02 .aboutR h3 {

	    font-size: 20px;

		margin-top: ;

	}

	.about-part02 .aboutR .desc {

	    font-size: 12px;

	}

	.about-part02 .aboutR ul li {

	    font-size: 14px;

	}

	.about-part02 .aboutR .numShow .item p{

		font-size: 14px;

	}

	.about-part02 .aboutR .numShow .item div{

		font-size: 14px;

	}

	.about-part02 .aboutR .numShow .item div span{

		font-size: 28px;

	}

	.about-part03 {

	    margin: 0 auto 20px;

	}

	.about-part03>ul {

	    flex-wrap: wrap;

	}

	.about-part03>ul li {

	    width: 48%;

	    box-shadow: 0 0 35px 5px #ddd;

		margin-bottom: 30px;

	}

	.about-part03>.title h3 {

		font-size: 18px;

	}

	.about-part03>ul li>.intro .font{

		font-size: 16px;					

	}

	.about-part04{

		margin-bottom: 20px;

	}

	.about-part04>.title h3 {

	    font-size: 20px;

	}

	.about-part04>ul{

		justify-content: space-between;

	}

	.about-part04>ul li {

	    width: 33%;

	    margin: 0 auto;

	    margin-bottom: 30px;

	}

	.about-part04>ul li>.img {

	    width: 60px;

	    height: 60px;

	    border-radius: 60px;

	}

	.about-part04>ul li>.img img {

	    height: 30px;

	}

	.about-part04>ul li .intro h4 {

	    font-size: 14px;

	}

	.about-part04>ul li .intro>div {

		display: none;

	}

	.about-part05>.title{

		text-align: center;

		padding-bottom: 10px;

	}

	.about-part05>.title h3{

		font-size: 20px;

		line-height: 40px;

	}

	.about-part05>.title p{

		font-size: 14px;

		line-height: 30px;

	}

	.about-part06>.title{

		padding-top: 20px;

		text-align: center;

		padding-bottom: 10px;

	}

	.about-part06>.title h3{

		font-size: 20px;

		line-height: 40px;

	}

	.about-part06>.title p{

		font-size: 14px;

		line-height: 30px;

	}

	.about-part06 ul li {

	    width: 33%;

	}

	.about-part07{

		padding-bottom: 20px;

		margin: 0 auto;

	}

	.about-part07>.title{

		text-align: center;

	}

	.about-part07>.title h3{

		font-size: 20px;

		line-height: 50px;

	}

	.about-part07>.title p{

		font-size: 14px;

	}

	.about-part07>.newsBox {

	   flex-wrap: wrap;

	}

	.about-part07>.newsBox .left {

	    width: 100%;

	    height: 315px;

	}

	

	.about-part07>.newsBox .right {

	    width: 100%;

	    height: auto;

	    padding: 0 20px;

	}

	

	.about-part07>.newsBox .right ul li a {
		height: 50px;
	}

	.about-part07>.newsBox .right ul li a .date {

	    font-size: 16px;

		margin-right: 15px;

	}

	.about-part07>.newsBox .right ul li a .date span {

	    font-size: 18px;

	}

	.about-part07>.newsBox .right ul li a .title {

	    font-size: 14px;

	    text-align: left;

	    

	}

	.about-part07>.newsBox .left .ic-top {

	    font-size: 15px;

	}

	.about-part07>.newsBox .left .title {

	    font-size: 13px;

		line-height: 35px;

		height: 35px;

	}

	.about-part07>.newsBox .left .title .font {

	    flex: 1;

	    overflow: hidden;

	    white-space: nowrap;

	    text-overflow: ellipsis;

	    padding: 0px;

		padding-right: 10px;

	}

	.aboutUs-inner{

		margin-bottom: 20px;

	}

	.details-Box>.newsRecommend {

	    padding: 20px 15px;

	    padding-bottom: 30px;

	    margin-bottom: 80px;

	}

	.details-Box>.details .return img {

	    display: block;

		height: 40px;

	    margin: 20px auto;

	}

	.details-Box>.details.newsDetails {

	    padding-top: 20px;

	}

	/* 加入我们 */

	.joinUs .recruit .right .content {

	    width: 100%;

		max-height: 400px;

		overflow-y: auto;

	}

	.joinUs {

	    max-width: 1370px;

	    margin: 0 auto 50px;

	    background: #fff;

	}

	

	.joinUs .environment,.joinUs .recruit {

		width: 92%;

		margin: 0 auto;

	    padding: 0;

	}

	.joinUs>div>.title {

	    max-width: 500px;

	    margin: 0 auto;

	    text-align: center;

	    padding: 20px 0 30px;

	}

	.joinUs>div>.title>h3 {

	    font-size: 20px;

		overflow: hidden;
		white-space:nowrap;
		text-overflow:ellipsis;

	}

	.joinUs .imgAverage .item, .joinUs .imgRandom .item {

	    height: 200px;

	}

	.joinUs .recruit .left .title {

	    font-size: 16px;

	}

	.joinUs .recruit .left ul li a {

	    font-size: 14px;

	    height: 50px;

	    line-height: 50px;

	    padding-left: 10px;

	}

	.joinUs .contact .info {

	    display: flex;

		flex-wrap: wrap;

	    justify-content: center;

	    align-items: center;

	    line-height: 40px;

	    margin-bottom: 20px;

	}

	.joinUs>div>.contact .title>h3 {

	    font-size: 20px;

		/* text-align: left; */

	}

	.joinUs .contact .info .item{

		width: 100%;

		font-size: 14px;

		text-align: center;

		border: none !important;

	}

	.joinUs .right .content>div .post ul li {

	    width: 100%;

	   border: none !important;

	   padding: 0;

	}

	.about-part07>.newsBox .left .ic-top {

	    position: relative;

	    font-size: 18px;

	    color: #fff;

	    width: 120px;

	    height: 35px;

	    line-height: 35px;

	    text-align: center;

	    background: #19c0d6;

	    border-radius: 10px 0 10px 0;

	}

	.about-part07>.newsBox .left {

	    height: 315px;

	    border-radius: 10px;
	}


	.right_flo{
		display: none;
	}

}

@media(max-width: 414px){

	.about-part03>ul li>.img {

	    height: 200px;

	}

}

@media(max-width: 375px){

	.about-part03>ul li>.img {

	    height: 180px;

	}

	.about-part07>.newsBox .left {

	    width: 100%;

	    height: 200px;

	}

}