@media screen and (min-width:640px) and (max-width:1199px){ 
	.mt80 {
		margin-top: 50px;
	}
	.ani-slide .swiper-bg {
		width: 100%;
	}
	.header .logo {
		width: 120px;
	}
	.header .logo img {
		width: 100%;
		display: block;
	}
	.banner .swiper-slide .text {
		margin-top: 30%;
		width: 60%;
		left:20%;
	}
	.banner .text .int {
		max-height:240px; 
	}
	.banner .remote {
		width: 60%;
		left:20%;
	}
	.header .nav {
		display: none;
	}
	.wrap {
		width: 96%;
	}
	.header .logo {
		margin-left: 2%;
	}
	.service .list ul li {
		width: 46%;
	}
	.service .list ul li:nth-child(5) {
		margin-left: 0;
	}
	.service .list ul li:after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		right: 0;
		bottom: 0;
		background: #fff;
	}

	.about .inboxs {
		width: 60%;
		left: 0;
		margin-left: 0;
		padding: 80px 5%;
	}
	.news-list ul li .img {
		width: 220px;
	}
	.news-list ul li .aroow {
		display: none;
	}
	.news-list ul li .st {
		right: 0px;
		left: 340px;
	}
	.news-list ul li .time {
		left: 240px;
	}
	.ces ul li .num {
		font-size: 35px;
	}
	.ces ul li .st {
		font-size: 16px;
	}
	.header .nav {
		padding-right: 2%;
		display: block;
	}
	.header .nav ul li h3 a {
		padding: 20px 10px 5px 10px;
		font-size: 14px;
	}
	.header .nav .listcur ul li a {
		font-size: 12px;
	}
	.maps img {
		width: 300px;
	}
	.caseList ul li {
		width: 31.3%;
		margin-top: 25px;
	}
	.caseList ul li .imgs {
		height: 260px;
	}
}

@media screen and (min-width:870px) and (max-width:1199px){
	.service .list ul li {
		width: 29.3%;
	}
	.service .list ul li:nth-child(5) {
		margin-left: 0;
	}
}

@media screen and (min-width:320px) and (max-width:639px){
	.mt80 {
		margin-top: 30px;
	}
	.pt80 {
		padding-top: 30px;
	}
	.ani-slide .swiper-bg {
		width: 100%;
		display: none;
	}
	.banner .swiper-slide .text {
		margin-top: 0%;
		width: 92%;
		left:0%;
		height: 100%;
		top: 0;
		padding: 30% 4% 0 4%;
		background: rgba(0,0,0,0.7);
		filter:alpha(opacity=100);   
		-moz-opacity:1;   
		-khtml-opacity: 1;   
		opacity: 1;
		-webkit-transition-duration: 1.6s;
		transition-duration: 1.6s;
		transform: rotateY(0deg)rotateX(0deg)rotateZ(0deg);
		-webkit-transform: rotateY(0deg)rotateX(0deg)rotateZ(0deg); 
	}
	.banner .text .int {
		max-height:200px;
		font-size: 12px;
		line-height: 25px;
		margin-top: 14%; 
	}
	.banner .remote {
		width: 90%;
		left:5%;
	}
	.header .nav {
		background-color: #ad2015;
		margin-right: 0;
		padding: 30px 0;
		width: 100%;
		position: absolute;
		right: 0;
		top: -100%;
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg); /* Safari 与 Chrome */
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		filter:alpha(opacity=0);   
		-moz-opacity:0;   
		-khtml-opacity: 0;   
		opacity: 0;
	}
	.header .navMobile {
		right: 0;
		top: 48px;
		filter:alpha(opacity=100);   
		-moz-opacity:1;   
		-khtml-opacity: 1;   
		opacity: 1;
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg); /* Safari 与 Chrome */
		display: block;
		transition: all 1s ease;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
	}
	.header .nav ul li {
		width: 100%;
		text-align: center;
	}

	.header .nav ul li h3 a {
		font-size: 14px;
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	.header .nav ul li h3 a.ons {
		background-color: #fff;
		color: #333;
		text-shadow: 0px 0px 0px #333;
	}
	.header .nav ul li .listcur {
		position: relative;
		top:-3px;
		border-radius: 0;
		padding: 0;
	}
	.header .nav ul li .listcur i {
		display: none;
	}
	.header .nav .listcur ul li {
		width: 50%;
		position: relative;
		margin: 0;
	}
	.header .nav .listcur ul li:before {
		content: "";
		display: block;
		position: absolute;
		right: 0px;
		top: 0;
		width: 1px;
		height: 100%;
		background: rgba(255,255,255,0.3);
	}
	.header .nav .listcur ul li:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		height: 1px;
		background: rgba(255,255,255,0.3);
	}
	.header .nav .listcur ul li a {
		font-size: 12px;
		padding: 10px 0;
	}
	.header .logo img {
		width: 70%;
		display: block;
	}
	.wrap {
		width: 96%;
	}
	.header .logo {
		margin-left: 2%;
		padding-top: 7px;
	}
	.banner .arrow {
		width: 10px;
	}
	.banner .swiper-button-next, .banner .swiper-button-prev {
		outline: none;
		display: none;
	}
	.banner .swiper-button-next:after, .banner .swiper-button-prev:after {
	    font-size: 16px;
	    
	}
	.banner .arrow:before {
		display: none;
	}
	.banner .text .st {
		font-size: 16px;
	}
	.banner .text .t-t {
		font-size: 32px;
	}
	.service .img1 {
		display: none;
	}
	.service .img2 {
		display: none;
	}
	.service {
		padding-bottom: 0;
	}
	.title h3 {
		font-size: 30px;
	}
	.title .st {
		font-size: 14px;
		margin-top: 5px;
	}
	.service .list {
		margin-top: 20px;
	}
	.service .list ul li {
		width: 46%;
		padding: 10px 2%;
	}
	.service .list ul li:nth-child(5) {
		margin-left: 0;
	}
	.service .list ul li .lins {
		font-size: 12px;
		height: 80px;
		line-height: 20px;
	}
	.service .list ul li .num {
		font-size: 75px;
		margin-left: -60%;
	}
	.service .list ul li .st {
		font-size: 16px;
	}
	.service .list ul li:after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		right: 0;
		bottom: 0;
		background: #fff;
	}
	.break .left {
		width: 100%;
	}
	.break .left .swiper-slide {
		height: 360px;
	}
	.break .swiper-button-next2 {
		display: none;
	}
	.break .left .swiper-slide .text {
		bottom: 0;
		filter:alpha(opacity=100);   
		-moz-opacity:1;   
		-khtml-opacity: 1;   
		opacity: 1;
		padding: 20px 5%;
		width: 90%;
		background: rgba(255,255,255,0.9);
	}
	.break .left .swiper-slide .text .lin {
		color: #333;
	}
	.break .left .swiper-slide .text .st {
		margin-top: 10px;
		font-size: 12px;
		height: 66px;
	}
	.break .left .swiper-slide .text h3 {
		font-size: 16px;
	}
	.break .left .swiper-slide .text .lin {
		margin-top: 10px;
		font-size: 12px;
	}
	.about {
		height: auto;
	}
	.about .inboxs {
		position: relative;
		padding: 20px 2%;
		width: 96%;
		left: 0;
		margin-left: 0;
		top: 0;
	}
	.about .inboxs .t-t {
		height: auto;
	}
	.links {
		font-size: 12px;
		padding: 8px 25px;
		margin-top: 20px;
		border-radius: 5px;
	}
	.dynamic {
		padding: 30px 0;
	}
	.dynamic .hd {
		top: 20px;
	}
	.dynamic .hd ul li {
		margin-left: 10px;
		font-size: 12px;
	}
	.dynamic .bd {
		margin-top: 30px;
		padding: 20px 2%;
		height: auto;
	}
	.dynamic .bd .news-list {
		margin-top: -20px;
	}
	.news-list ul li {
		padding-bottom: 20px;
		margin-top: 20px;
	}
	.news-list ul li .aroow {
		display: none;
	}
	.news-list ul li .img {
		width: 160px;
		height: 100px;
	}
	.news-list ul li .time {
		display: none;
	}
	.news-list ul li .st {
		left: 180px;
		right: 0;
		top: 0;
	}
	.news-list ul li .st .t-t {
		font-size: 12px;
		line-height: 20px;
		height: 60px;
	}
	.ces ul li .num {
		font-size: 20px;
	}
	.ces ul li .st {
		font-size: 12px;
	}
	.ces ul li .num span {
		font-size: 14px;
		margin-left:0px;
		font-weight: bold;
	}
	.fir .swiper-button-prev,.fir .swiper-button-next {
		display: none;
	}
	.footer .list {
		display: none;
	}
	.footer  {
		padding-top: 0;
		font-size: 12px;
	}
	.footer .bottom {
		border-top: 0;
	}
	.footer .bottom .left {
		width: 100%;
	}
	.footer .bottom .left span {
		line-height: 25px;
		margin: 10px 0;
		font-size: 12px;
	}
	.footer .bottom .right {
		width: 100%;
		text-align: left;
		line-height: 35px;
	}
	.footer .bottom h3 {
		font-size: 16px;
	}
	.banner .swiper-button-prev:hover:after {
		margin-left: 0px;
	}
	.banner .swiper-button-next:hover:after {
	    margin-right: 0px;
	}
	.menu {
		display: block !important;
		position: relative;
	}
	.banner .swiper-container .swiper-wrapper, .banner .swiper-container [data-swiper-parallax] {
	    -webkit-transition-timing-function: ease;
	    transition-timing-function: ease;
	}
	.news-list ul li .st h3 {
		font-size: 14px;
	}
	.maps img {
		display: none;
	}
	.pubNav ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.pubNav ul li {
		text-align: center;
		width: 25%;
		float: left;
		display:inline-block;
	}
	.pubNav ul li a {
		padding: 13px 0;
		width: 100%;
	}
	.pubNav ul li h3 {
		font-size: 14px;
	}
	.pubNav ul li span {
		display: none;
	}
	.pubNav ul {
		text-align: left;
	}
	.maps {
		margin-top: 30px;
		font-size: 12px;
	}
	.title2 h3 {
		font-size: 20px;
	}
	.title2 .st {
		font-size: 24px;
	}
	.pubBanner {
		height: 300px;
	}
	.pubBanner .imgs {
		height: 300px;
	}
	.lnBox {
		margin-top: 40px;
	}
	.lnBox .list {
		height: 200px !important;
	}
	.lnBox .list .text {
		top: 45px;
		left: 3%;
		right: 3%;
	}
	.lnBox .list .text h3 {
		font-size: 24px;
	}
	.lnBox .list .text .st {
		font-size: 14px;
		line-height: 25px;
	}
	.caseList ul li {
		width: 48%;
		margin-top: 10px;
		height: 220px;
	}
	.caseList ul li .imgs {
		height: 160px;
	}
	.caseList ul li .text h3 {
		font-size: 14px;
		margin-top: 0;
	}
	.caseList ul li .text .st {
		margin-top: 0px;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}	
	.careers .boxs .list h3 {
		font-size: 15px;
	}
	.careers .boxs .st {
		right: auto;
		top: 65px;
		left: 10px;
		color: #333;
		line-height: 20px;
		font-size: 14px;
	}
	.careers .boxs .listed {
		padding:50px 10px 15px 10px;
		background: #f5f5f5;
	}
	.careers .boxs .listed .ls {
		width: 100%;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.uxLIink ul li {
		width: 100%;
	}
	#map {
		margin-top: -40px;
		height: 300px;
	}
	.uxLIink ul li .text h3 {
		font-size: 16px;
	}
	.news-show {
		padding: 20px 0;
	}
	.news-show h3 {
		font-size: 16px;
		line-height: 25px;
		font-weight: bold;
	}
	.news-show .time span {
		font-size: 12px;
		margin: 0 5px;
	}
	.news-show .time {
		margin-top: 15px;
	}
	.news-show .cons {
		margin-top: 20px;
		font-size: 12px;
		line-height: 25px;
	}
	.mt50 {
		margin-top: 30px;
	}
	.dynamic .bd {
		margin-top: 10px;
	}
	.title2 h1 {
		font-size: 20px;
	}
	.fwfw img {
		display: none !important;
	}
	.fwfw .text h4 {
		font-size: 20px;
		line-height: 30px;
	}

	/* add  */
	.alxq {
		margin-top: -20px;
	}
	.alxq .boxs {
		margin-top: 20px;
	}
	.alxq .boxs h3 {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.alxq .boxs ul {
		padding: 10px;
	}
	.alxq .boxs ul li {
		font-size: 14px;
		margin: 1px 0;
	}
}