@media only screen and (max-width:1219px) {
	.inner {
		width: 96%;
	}
}

@media only screen and (max-width:480px) {
	
	.trace-list ul li{
			float: left;
			width: 100% !important;
			margin-right: 48px;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		.trace-list ul li .img{
			width: 269px;
			height: 269px;
			overflow: hidden;
			margin: 0 auto;
		}
	.trace-list ul li p{
		width: 80%;
	}
	.top a {
		display: none;
	}

	.about .about-content .itemBox .img {
		width: 140px;
	}

	.about .about-content .itemBox .con {
		width: calc(100% - 140px);
	}

	.g-box .ul-list1 li {
		width: 100% !important;
		padding: 30px 0 !important;
	}

	.g-box .ul-list1 li p {
		height: auto !important;
	}

	.index-service .service-content ul {
		width: 96% !important;
	}

	.index-service .service-content li dl dt img {
		width: 70% !important;
	}

	.support .tools li dt {
		width: 100% !important;
		background-position: center center !important;
		float: none !important;
	}

	.support .tools li dd {
		width: 100% !important;
		text-align: center;
		margin: 0 !important;
	}
}

@media only screen and (max-width:959px) {
	
	.trace-list ul li{
		float: left;
		width: 50%;
		margin-right: 48px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.trace-list ul li .img{
		width: 80%;
		overflow: hidden;
		margin: 0 auto;
	}
	.trace-list ul li p{
		width: 80%;
		margin: 0 auto;
	}
	.top {
		display: none;
	}

	.introductimg img {
		height: 300px;
	}

	.inner {
		width: 96%;
	}

	.mobile {
		display: block;
	}

	.pc {
		display: none;
	}

	.logo {
		height: 60px;
		line-height: 60px;
	}

	body.open #hd .header {
		background: #066499;
	}

	.top a {
		padding: 0 1px;
	}

	.menuBtn {
		display: block;
	}

	.menuback {
		display: none;
		position: fixed;
		top: 18px;
		right: 10px;
		width: 36px;
		height: 36px;
		background: url(../images/icon1.png) no-repeat center center;
		background-size: cover;
	}

	.nav li .con.slideRight {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
	}

	.nav li .con.slideRight .back {
		display: block;
	}

	.nav .con dl {
		float: left;
		width: 100% !important;
		font-size: 13px;
	}

	.nav .con dd {
		line-height: 50px;
	}

	.nav .con dd a {
		text-align: left;
		font-size: 16px;
	}

	.menuBtn {
		position: relative;
		top: 18px;
		z-index: 9;
		float: right;
		width: 32px;
		height: 36px;
		cursor: pointer;
	}

	.menuBtn b {
		display: block;
		width: 100%;
		height: 4px;
		background-color: #066499;
		border-radius: 2px;
		position: absolute;
		left: 0;
		transition: .4s;
		-ms-transition: .4s;
		-moz-transition: .4s;
		-webkit-transition: .4s;
		-o-transition: .4s;
	}

	.menuBtn b:nth-child(1) {
		top: 0;
	}

	.menuBtn b:nth-child(2) {
		top: 10px;
	}

	.menuBtn b:nth-child(3) {
		top: 20px;
	}

	.menuBtn.open b:nth-child(1) {
		-webkit-transform: rotateZ(135deg);
		-moz-transform: rotateZ(135deg);
		-o-transform: rotateZ(135deg);
		-ms-transform: rotateZ(135deg);
		transform: rotateZ(135deg);
		top: 12px;
	}

	.menuBtn.open b:nth-child(2) {
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
		opacity: 0;
	}

	.menuBtn.open b:nth-child(3) {
		-webkit-transform: rotateZ(-135deg);
		-moz-transform: rotateZ(-135deg);
		-o-transform: rotateZ(-135deg);
		-ms-transform: rotateZ(-135deg);
		transform: rotateZ(-135deg);
		top: 12px;
	}

	.nav {
		display: none;
		overflow: hidden;
		float: none;
		position: fixed;
		left: 0;
		top: 60px;
		right: 0;
		bottom: 0;
		z-index: 2;
		background-color: #216fb5;
		padding: 10px 2%;
	}

	.nav li {
		float: none;
		margin: 0;
		height: 51px;
		display: block;
	}

	.nav li a span,
	.nav li a small {
		text-align: left;
		color: #fff;
		line-height: 50px;
		padding: 0;
		margin: 0 !important;
	}

	.nav>li:last-child {
		width: auto;
		line-height: 30px;
		font-size: 16px;
		color: #fff;
		text-align: left;
		display: block;
		padding: 0;
	}

	.nav .v1 {
		width: auto;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #fff;
		font-size: 16px;
		color: #fff;
		text-align: left;
		display: block;
		padding: 0;
	}

	.nav .v1 i {
		float: right;
		display: block;
	}

	.nav li .con {
		overflow: hidden;
		float: none;
		position: fixed;
		left: 0;
		top: 60px;
		right: 0;
		bottom: 0;
		z-index: 2;
		background-color: #216fb5;
		padding: 10px 2%;
		background: #216fb5;
		z-index: 10;
		transition: .4s;
		-ms-transition: .4s;
		-moz-transition: .4s;
		-webkit-transition: .4s;
		-o-transition: .4s;
		transform: translate(100%, 0);
		-webkit-transform: translate(100%, 0);
		-moz-transform: translate(100%, 0);
		-o-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
	}

	.nav .con dd a {
		display: block;
		border-bottom: 1px solid #fff;
		color: #fff;
		line-height: 50px;
		padding: 0;
		height: 50px;
	}

	.nav li .con dd a:hover {
		background: #216fb5;
	}

	.nav .con dd i {
		float: right;
		display: block;
	}

	.index-banner {
		margin-top: 60px;
	}

	.g-box {
		padding-bottom: 0;
	}

	.g-box .g-tit1 {
		margin-bottom: 0;
	}

	.g-box .m-info {
		margin-bottom: 10px;
	}

	.g-box .ul-list1 {
		margin: 0;
	}

	.g-box .ul-list1 li {
		width: 50%;
		padding: 3%;
	}

	.g-box .ul-list1 li h3 {
		font-size: 16px;
	}

	.g-box .ul-list1 li::after {
		width: 0;
	}

	.g-box .ul-list1 li i {
		width: 50px;
		height: 50px;
		background-size: cover !important;
	}

	.g-box .ul-list1 li p {
		height: 112px;
	}

	.index-service .service-content {
		padding: 5% 0;
	}

	.index-service .service-content ul {
		width: 70%;
		margin: 0 auto;
	}

	.index-service .service-content li {
		width: 50%;
		margin-top: 20px;
	}

	.index-service .service-content li dl dt img {
		width: 50%;
	}

	.index-service .service-content li dd {
		height: 117px;
	}

	.index-service .service-content li dd h3 {
		padding: 10px 0;
	}

	.index-news .news-content li {
		width: 100%;
	}

	.index-friend .friend-content li {
		width: 50%;
	}

	.index-friend .friend-content li:nth-child(5n) div {
		border-right: none;
	}

	.index-friend .friend-content li:nth-child(2n) div {
		border-right: 1px solid #ccc;
	}

	.swiper-pagination-bullets {
		left: 50% !important;
	}

	.swiper-pagination-bullet {
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #333;
	}

	footer .inner {
		background: none;
	}

	.common-titles {
		width: 96%;
	}

	.introductimg {
		margin-top: 56px;
	}

	.contact {
		padding: 30px 0;
	}

	.contact .contact-content {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0;
	}

	.contact .contact-content input[type=text] {
		width: 98%;
		padding-left: 2%;
		margin-bottom: 20px;
	}

	.contact .contact-content textarea {
		width: 98%;
		padding-left: 2%;
		margin-bottom: 20px;
		margin-top: 0;
	}

	.contact .contact-content input[type=submit] {
		width: 100%;
	}

	.support .tools li {
		float: left;
		width: calc(50% - 2px);
		height: 132px;
	}

	.support .familiar-question li {
		width: 100%;
		height: auto;
		border: 1px solid #dcdcdc;
		margin-bottom: 1px;
		margin-right: 1px;
		float: left;
	}

	.support .familiar-question li .text-box .fir-line p {
		width: auto;
	}

	.support .familiar-question li .text-box {
		padding: 10% 10%;
	}

	.support .familiar-question li .text-box .secon-line p {
		width: calc(100% - 60px);
	}

	.about .about-content li {
		width: 100%;
		margin-left: 0;
		float: none;
		margin: 0 0 5% !important;
	}

	.about .about-content .itemBox .con {
		font-size: 12px;
	}

	.about-qywh .about-content {
		width: 90%;
		padding: 30px 5%;
	}

	.swiper {
		overflow: hidden;
		position: relative;
	}

	.service li {
		margin: 0 !important;
	}

	.service .li-2 li,
	.service .li-3 li,
	.service .li-5 li,
	.service .li-8 li,
	.service .li-4 li {
		width: 100%;
	}

	.service .li-4 li {
		border: 0;
	}

	.service-process {
		padding: 5% 0;
	}

	.service-process .icon_show {
		padding-bottom: 0;
	}

	.service-process .icon_show li {
		margin: 0 !important;
		width: 50%;
	}

	.service-process .icon_show li dl dd.air-service-icon_arrow {
		display: none;
	}

	.service .li-8 {
		border: none;
	}

	.service .li-8 dl dt img {
		opacity: 1;
		filter: grayscale(0);
	}

	.contrast table td:nth-child(1) {
		width: 60px;
	}

	.contrast table td:nth-child(2),
	.contrast table td:nth-child(3) {
		width: auto;
	}

	.contrast tbody tr td p {
		width: auto;
		padding: 0 2%;
	}

	.text-list-box .lf {
		width: 100%;
	}

	.text-list-box .lf img {
		width: 100%;
	}

	.text-list-box .text {
		width: 100% !important;
	}

	.latestRelease-box .list>h1 {
		width: 100%;
	}

	.article-details .article,
	.article-details .article .articles-link {
		width: 100%;
	}

	.service-ys {
		background: none;
	}

	.service-ys img:first-child {
		width: 100%;
		opacity: 0;
		display: none;
	}

	.service-ys .fr {
		float: left;
	}

	.service-ys .fl {
		float: right;
	}

	.service-ys .fl,
	.service-ys li,
	.service-ys .fr {
		width: 100%;
	}
}