@media screen and (min-width: 1441px) and (max-width: 1680px) {
	.about .ll .title .headerTitle1 {
		right: -20px;
	}
	.about .ll .title .headerTitle2 {
		right: -45px;
	}
	.header ul.nav_list {
		left: 23.5%;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1440px) {
	.header .r {
		margin-top: 40px;
	}
	.header .r .t {
		position: relative;
		right: 50px;
	}
	.header .r .s {
		position: relative;
		right: 50px;
	}
	.header .menu {
		display: block;
	}
	.nav_list {
		display: none;
	}
	.nav_about {
		padding-top: 40px;
	}
	.nav_about .line {
		padding-top: 46px;
	}
	.nav_about .item {
		margin-bottom: 12px;
	}
	.nav_about ul {
		padding: 5px 0;
	}
	.nav_about h3 {
		font-size: 13px;
	}
	.nav_about h4 {
		font-size: 13px;
	}
	/*body{height:auto;}
    .header{position:relative;}
    .banner{position:fixed;}
    .body{height:auto;min-height:600px;}
    .main{top:30px;bottom:30px;}
    .footer{position:relative;}*/
	.header {
		padding: 15px 50px 0;
	}
	.nav_main {
		width: 350px;
		right: -420px;
	}
	.nav_main .inner {
		padding: 0 50px;
		top:50%;
		background: none;
	}
	.nav_main .d a {
		/*padding: 28px;*/
		padding: 18px;
	}
	.nav_main .d h3{
		font-size: 20px;
	}
	.serv {
		right: 80px;
	}
	.body .a_l {
		left: 50px;
	}
	.body .a_r {
		right: 50px;
	}
	.main {
		left: 50px;
		top: 95px;
		right: 50px;
		bottom: 80px;
	}
	/*.main {
        left: 50px;
        top: 85px;
        right: 50px;
        bottom: 50px;
    }

     .footer {
        bottom: -40px;
        padding: 0 50px;
    }

    .footer .left {
        display: none;
    }

    .footer .left2 {
        display: block;
        padding-top: 60px;
        float: right;
    }

    .footer .right {
        padding: 2px 0 0 0;
        float: left;
    }

    .footer .right .share a {
        margin-left: 10px;
    }*/
	.nav_service {
		padding-top: 50px;
	}
	.nav_service .line {
		padding-top: 56px;
	}
	.nav_service .item {
		margin-bottom: 20px;
	}
	.nav_service h3 {
		font-size: 14px;
	}
	.nav_service h4 {
		font-size: 14px;
	}
	.nav_service ul li {
		margin: 7px 0;
		font-size: 12px;
	}
	#client {
		bottom: 65px;
	}
	.about .content .txt {
		font-size: 12px;
	}
	.case_detail .content .des {
		padding-top: 10px;
		width: 340px;
	}
	.case_detail .content .des h3 {
		font-size: 20px;
	}
	.case_detail .content .des .attr {
		font-size: 14px;
	}
	.case_detail .content .labels {
		position: absolute;
		right: 0;
		bottom: 0;
		margin-left: 20px;
		width: 40px;
	}
	.case_detail .content .labels a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin: 10px 0 0 0;
	}
	.case_detail .content .labels a.a1 {
		background-size: 70% auto;
	}
	.case_detail .content .labels a.a2 {
		background-size: 50% auto;
	}
	.case_detail .content .labels a.a3 {
		font-size: 14px;
	}
	.banner .d {
		width: 1366px;
		background-size: 1366px auto;
	}
	.rotate .left .d {
		background-position: 683px center;
	}
	.rotate .right .d {
		background-position: -683px center;
	}
	.about .rr {
		width: 40%;
	}
	.about .ll .title {
		width: auto;
		float: none;
		position: relative;
		left: 100%;
	}
	.about .ll .about-us {
		width: 85%;
	}
	
	.body .a_rr {
   
    right: 24px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	/*------------------global------------------*/
	.footer .left2 .d:nth-child(1) {
		display: none;
	}
	.footer .left2 .d:nth-child(3) {
		display: none;
	}
	.case {
		overflow: hidden;
		position: relative;
	}
	.case .svg {
		position: absolute;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.case .list .item {
		width: 47%;
	}
	.case_detail .content .des {
		margin-left: 40px;
		width: 40%;
	}
	.service .box1 h3 {
		font-size: 30px;
	}
}

@media screen and (max-width: 1023px) {
	.nav_list {
		display: none;
	}
	.header .r .t,
	.header .r .s {
		display: none;
	}
	.header .menu {
		width: 50px;
		height: 30px;
		top: -20px;
		right: 20px;
		display: block;
	}
	.header .menu i {
		border-top: 3px solid #fff;
	}
	.header .menu i:nth-child(1) {
		top: 0;
	}
	.header .menu i:nth-child(2) {
		top: 14px;
	}
	.header .menu i:nth-child(3) {
		top: 28px;
	}
	.header .r.act i:nth-child(1) {
		transform: translate(0, 14px) rotate(45deg);
	}
	.header .r.act i:nth-child(3) {
		transform: translate(0, -14px) rotate(-45deg);
	}
	.main {
		right: 0;
		left: 0;
		top: 70px;
		bottom: 70px;
	}
	.a_l {
		display: none;
	}
	.a_r {
		display: none;
	}
	.main .bdr {
		display: none;
	}
	.serv {
		right: 55px;
		top: 7px;
		margin-top: 0;
		z-index: 3;
	}
	.serv .a1 {
		display: none;
	}
	.loaded .serv {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
	}
	.header {
		/* padding: 10px 10px 0;*/
		padding: 0 10px 0;
	}
	.header .logo {
		width: 50%;
		background-size: contain;
	}
	.header .menu {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		transform-origin: right top;
		-webkit-transform-origin: right top;
	}
	.header .t {
		display: none;
		right: 60px;
	}
	.header .t .link {
		font-size: 12px;
	}
	.header .t .tel {
		font-size: 14px;
	}
	.header .r.act .t {
		display: block;
	}
	.footer {
		padding: 0 10px 10px;
		height: auto;
	}
	.footer .left {
		display: none;
	}
	.footer .right {
		display: none;
	}
	.footer .m {
		display: block;
	}
	.nav_main {
		/*width: 90%;*/
		width: 50%;
		right: -90%;
	}
	.nav_main .inner {
		padding: 0 25px;
		background: none;
	}
	.nav_main .d a {
		padding: 20px 10px;
	}
	.nav_main .d h3 {
		font-size: 20px;
	}
	.nav_main .d p {
		font-size: 12px;
	}
	.about .content {
		width: 90%;
		margin: 0;
		height: auto;
		transform: translate(-50%, -53%);
		-webkit-transform: translate(-50%, -53%)
	}
	.about .content h1 {
		font-size: 40px;
	}
	.about .content h2 {
		font-size: 16px;
		margin-top: 5px;
	}
	.about .content h3 {
		font-size: 13px;
		margin-top: 8px;
	}
	.about .content h4 {
		font-size: 14px;
		margin-top: 10px;
		line-height: 1.5;
	}
	.about .content .txt {
		font-size: 12px;
		margin-top: 10px;
		line-height: 1.5;
	}
	.about .content .btn {
		margin-top: 15px;
	}
	.banner .vbgm {
		display: block;
	}
	.case .title h1 {
		font-size: 60px;
	}
	.case .svg {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%) scale(0.7);
		-webkit-transform: translateX(-50%) scale(0.7);
	}
	.case .list {
		padding: 40px 5px 0;
	}
	.case .list .inner {
		overflow: auto;
	}
	.case .list .close {
		right: 10px;
		top: 0px;
		width: 25px;
		height: 25px;
		background-size: contain;
		z-index: 1;
	}
	.case .list .item {
		width: 46%;
		margin: 0 2% 3%;
	}
	.case .list .item .mask {
		opacity: 1;
	}
	.case .list .item .mask .b {
		display: none;
	}
	.case .list .item .mask h3 a em {
		display: none;
	}
	.case .list .item .mask h3 a strong {
		font-size: 0.28rem;
		padding: 0 0.3rem;
		line-height: 1.3;
		color: rgba(255, 255, 255, 0.8);
	}
	.case .list .item:hover img {
		transform: none;
		-webkit-transform: none;
	}
	.case_detail {
		z-index: 1;
	}
	.case_detail .close {
		right: 15px;
		top: 10px;
		width: 25px;
		height: 25px;
		background-size: contain;
		z-index: 1;
	}
	.case_detail .content {
		top: 45px;
		/*right: 15px;*/
		bottom: 15px;
		/*left: 15px;*/
		overflow: auto;
		position: relative;
                               width: 100%;
	}
	.case_detail .content .pic {
		display: none;
	}
	.case_detail .content .des {
		margin-left: 0;
		width: 100%;
		left: 0;
		padding-top: 0;
	}
	.case_detail .content .mpic {
		display: block;
	}
	.case_detail .content .des .tip {
		position: static;
		margin: 15px 0 5px;
	}
	.case_detail .content .des h1 {
		font-size: 20px;
	}
	.case_detail .content .des h3 {
		font-size: 20px;
	}
	.case_detail .content .des .attr {
		font-size: 14px;
	}
	.titbox h3 {
		font-size: 42px;
	}
	.titbox h4 {
		font-size: 24px;
	}
	.titbox p {
		font-size: 14px;
	}
	.service {
		right: -100%;
	}
	.nav_service {
		left: 200%;
	}
	.nav_sm {
		display: block;
	}
	.service .box1 h2 {
		font-size: 0.44rem;
	}
	.service .box1 h3 {
		font-size: 0.48rem;
	}
	.service .box1 h4 {
		font-size: 0.24rem;
		padding: 0 0.75rem;
		line-height: 1.3;
	}
	.service .box1 .text {
		padding: 0 20px;
		display: none;
	}
	.service .d .text2 {
		font-size: 0.3rem;
		color: #fff;
		padding: 0 0.3rem;
		margin-top: 25px;
		display: block;
		line-height: 1.6;
	}
	.banner .d {
		width: 1300px;
		background-size: 1300px auto;
	}
	.banner .left .d {
		background-position: 650px center;
	}
	.banner .right .d {
		background-position: -650px center;
	}
	.about .cc {
		display: none;
	}
	.about .ll .about-us {
		width: 100%;
	}
	.about-us p {
		margin-right: 40px;
		margin-left: 40px;
	}
	.about .ll .title {
		width: auto;
		float: none;
		position: relative;
		left: 100%;
	}
	.about .rr .list {
		margin-left: 0;
		border-left: 0;
		margin-top: 40%;
	}
	div.about.home {
		overflow-y: scroll;
	}
	.about .ll {
		background-image: none;
	}
}

@media screen and (max-width: 420px) {
	.header {
		padding-bottom: 20px;
		/* border-bottom: 1px solid #fff;*/
	}
	.about .rr {
		display: none;
	}
	.footer .m {
		display: none;
	}
	.about .ll {
		width: 100%;
		background-image: none;
	}
	.about .ll .title {
		left: 0;
	}
	div.about.home {
		overflow-y: scroll;
	}
}

@media screen and (max-width:600px) {
	.case_detail {
		bottom: -70px!important;
	}
	
	.b_nav i {
    width: 5px;
    height: 5px;
  }
  .b_nav i.now:after {
 
    width: 12px;
    height: 12px;
}
}