﻿
@media (max-width: 767px) {
	.index-content {
		height: auto;
	}
	.banner .slides li {
		padding-bottom: 180px;
		background-color: #103373;
	}
	.banner-s img {
		width: 180%;
		height: auto;
		left: 0;
		margin-left: -60%;
	}
	.banner .text {
		top: auto;
		bottom: 20px;
		left: 0 !important;
		margin-left: 0;
		width: 100%;
		margin: 0;
		padding: 0 15px;
	}
	.banner .text-en {
		top: 15%;
	}
	
	.title-big {
		width: 100%;
		font-size: 20px !important;
		height: auto;
		margin-bottom: 5px;
		margin-top: auto !important;
	}
	.banner .text-en .title-big {
		font-size: 12px !important;
	}
	.title-bigs {
		width: 100%;
		font-size: 14px !important;
		height: auto;
		margin-top: auto !important;
	}
	.banner .text-en .title-bigs {
		font-size: 10px !important;
	}
	.title-bigs span {
		font-size: 14px !important;
	}
	.button-big {
		width: 90px;
		height: 32px;
		line-height: 32px;
		margin-top: 20px;
	}
	.ds-wzs {
		width: 100%;
	}
	.banner .flex-control-nav {
		padding-left: 0;
		left: 40%;
		bottom: 190px;
		top: auto;
	}
	.m-navbar>li.cur::after {
		content: none !important;
		display: none !important;
	}
	.page-banner img {
		width: auto !important;
		max-width: 240% !important;
		margin-left: -75%;
	}
	.gy {
		width: 100%;
	}
	.gy-nr {
		width: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}
	.row {
		padding-left: inherit !important;
		padding-right: inherit !important;
	}
	.bt,
	.nr {
		width:100% !important;
	}
	.fss {
		display: none !important;
	}
	.www360buy {
		width: 100%;
		display: block !important;
	}
	.www360buy .hd {
		height:auto;
		width: 100%;
	}
	.www360buy .hd li {
		float: none;
		width: 100% !important;
	}
	.ds {
		width: 100%;
		height: auto;
	}
	.ds-wz {
		width: 100%;
	}
	.www360buy .bd {
		width: 100%;
	}
	div#xia {
		width: 100%;
		margin-top: 0 !important;
	}
	.row img {
		width: 100% !important;
		height: auto !important;
	}
	.cy {
		width: 100%;
		height: auto !important;
		background-image: none !important;
		margin-left: 0;
	}
	.cy > div > div {
		margin-top: 0 !important;
	}
	.cy1 {
		width: 100% !important;
		height: auto !important;
		padding: 40px !important;
		margin: 0 !important;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		border-radius: 5px;
		overflow:hidden;
		padding-top: 100px !important;
		padding-bottom: 20px !important;
		background: url(404.png) no-repeat center 20px !important;
	}
	.cy2 {
		width: 100% !important;
		height: auto !important;
		padding: 40px !important;
		margin: 0 !important;
		margin-top: 20px !important;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		border-radius: 5px;
		overflow:hidden;
		padding-top: 100px !important;
		padding-bottom: 20px !important;
		background: url(404.png) no-repeat center 20px !important;
	}
	.cy3 {
		width: 100% !important;
		height: auto !important;
		padding: 40px !important;
		margin: 0 !important;
		margin-top: 20px !important;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		border-radius: 5px;
		overflow:hidden;
		padding-top: 120px !important;
		padding-bottom: 20px !important;
		background: url(404.png) no-repeat center 20px !important;
	}
	.cy4 {
		width: 100% !important;
		height: auto !important;
		padding: 40px !important;
		margin: 0 !important;
		margin-top: 20px !important;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		border-radius: 5px;
		overflow:hidden;
		padding-top: 100px !important;
		padding-bottom: 20px !important;
		background: url(404.png) no-repeat center 20px !important;
	}
	.cy5 {
		width: 100% !important;
		height: auto !important;
		padding: 40px !important;
		margin: 0 !important;
		margin-top: 20px !important;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		border-radius: 5px;
		overflow:hidden;
		padding-top: 100px !important;
		padding-bottom: 20px !important;
		background: url(404.png) no-repeat center 20px !important;
	}
	#owl-demo {
		width: 100%;
		padding-top: 22px;
	}
	.owl-pagination {
		bottom: auto;
		top: 0;
		background-color:#797979;
	}
	.cpqe {
		width: 100%;
	}
	.cpqe dl {
		width: 100%;
		height: auto;
	}
	.cpqe dl dd {
		display: block;
		width: 100%;
		height: 200px;
		overflow-x: hidden;
		overflow-y: auto;
		margin: 0;
		padding: 15px;
	}
	.cp1-wz {
		width: 100%;
		height: 38px;
		line-height: 38px !important;
	}
	.cp-xia {
		width: 100%;
		background-image: none;
		height: auto;
		margin-top: 0;
		margin-bottom: 40px;
	}
	.os {
		display: none !important;
	}
	.cp-xia-z {
		width: 100%;
		margin: 0;
		margin-top: 20px;
		background-image: url(../image/cp_bg.jpg);
		background-repeat: no-repeat;
		background-position: 0 -2px;
		border-right: 1px solid #d2d2d2;
		height: 141px;
		padding-left: 130px;
		padding-top: 40px;
	}
	.cp-xia-z + .cp-xia-z {
		background-position: -426px -2px;
	}
	.cp-xia-z p {
		font-size: 12px;
		color: #666666;
	}
	.cp-lm {
		width: 100%;
		height: auto;
		margin-bottom: 30px;
		overflow: hidden;
		margin-top: 20px;
		display: none;
	}
	.cp-lm img {
		max-width: 400%;
		margin-left: -150%;
	}
	.scrollcontainer {
		width: 100%;
		height: auto !important;
		min-height: auto;
		overflow: hidden;
	}
	.scrollcontainer .qz {
		width: 100%;
		position: relative;
	}
	.scrollcontainer .qa {
		width: 100%;
	}
	.www360buys {
		width: 100%;
	}
	.www360buys .hd {
		width: 100%;
		background-image: none;
		padding-left: 0;
		height: auto !important;
	}
	.www360buys .hd li {
		width: 100% !important;
		float: none;
		margin: 0 !important;
		line-height: 40px !important;
		height: 40px !important;
		background-color: #ddd;
		color: #333;
	}
	.www360buys .hd li.on {
		margin: 0 !important;
		background-image: none;
		background-color: #103373;
		color: #fff;
	}
	.www360buys .bd {
		width: 100%;
	}
	.xt-nr {
		width: 100%;
		margin-left: 0;
	}
	.xt-nr
	.pdfa,
	.pdfb,
	.pdfc,
	.pdfd {
		width: 100%;
		margin: 0;
		float: none;
		margin-top: 20px;
	}
	.pdfimg {
		margin-left: 15px;
	}
	.pdfwz {
		width: 130px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.yp {
		padding-left: 0;
		width: 100% !important;
		padding-top: 120px;
		height: auto;
	}
	.ly {
		width: 100%;
		margin-top: 20px;
	}
	.input_text_message {
		width: 100%;
		margin: 0;
		display: block;
	}
	fieldset {
		width: 100%;
	}
	.textarea_text_message {
		width: 100%;
	}
	.button_message {
		margin: 0;
		width: 100%;
		height: 40px;
	}
	.button_message + .button_message {
		margin-top: 20px;
	}
	.center {
		padding: 0;
		padding-left: 0 !important;
	}
	.uldiv {
		display: block !important;
		width: 100%;
		padding: 0;
	}
	.uldiv .www360buys .hd li {
		width: 100% !important;
		height: auto !important;
		float: left !important;
		padding-bottom: 20px !important;
	}
	.uldiv .www360buys .hd li.on {
		padding-bottom: 20px !important;
	}
	.uldiv .www360buys .hd li + li {
		margin-top: 20px !important;
	}
	.btndiv {
		display: none !important;
	}
	.xt-nr > p > span {
		display: inline !important;
	}
}
