@media all and (min-width: 1430px) {
	.layui-container {
	    width: 1430px;
	}
}
@media all and (min-width: 0px) and (max-width: 1024px) {
	.font-size-16{
		font-size: 14px;
	}
	.padding-20{
		padding: 10px;
	}
	.padding-30{
		padding: 15px;
	}
	.padding-40{
		padding: 20px;
	}
	.margin-top-10{
		margin-top: 5px;
	}
	.margin-top-15{
		margin-top: 7.5px;
	}
	.margin-top-20{
		margin-top: 10px;
	}
	.margin-top-30{
		margin-top: 15px;
	}
	.margin-top-40{
		margin-top: 20px;
	}
	.margin-top-60{
		margin-top: 30px;
	}
	.margin-top-70{
		margin-top: 35px;
	}
	.margin-top-90{
		margin-top: 45px;
	}
	.margin-top-100{
		margin-top: 50px;
	}
	.margin-left-10{
		margin-left: 5px;
	}
	.margin-left-20{
		margin-left: 10px;
	}
	.margin-right-20{
		margin-right: 10px;
	}
	.margin-bottom-10{
		margin-bottom: 5px;
	}
	.margin-bottom-20{
		margin-bottom: 10px;
	}
	.margin-bottom-30{
		margin-bottom: 15px;
	}
	.margin-bottom-40{
		margin-bottom: 20px;
	}
	.margin-bottom-70 {
		margin-bottom: 35px;
	}
	.margin-bottom-90{
		margin-bottom: 45px;
	}
	.margin-bottom-100{
		margin-bottom: 50px;
	}
	.padding-top-10{
		padding-top: 5px;
	}
	.padding-top-20{
		padding-top: 10px;
	}
	.padding-top-30{
		padding-top: 15px;
	}
	.padding-bottom-30{
		padding-bottom: 15px;
	}
	.padding-top-40{
		padding-top: 20px;
	}
	.padding-top-50{
		padding-top: 25px;
	}
	.padding-top-60{
		padding-top: 30px;
	}
	.padding-top-90{
		padding-top: 45px;
	}
	.padding-top-100{
		padding-top: 50px;
	}
	.padding-top-120{
		padding-top: 60px;
	}
	.padding-bottom-0{
		padding-bottom: 0px;
	}
	.padding-bottom-10{
		padding-bottom: 5px;
	}
	.padding-bottom-20{
		padding-bottom: 10px;
	}
	.padding-bottom-40{
		padding-bottom: 20px;
	}
	.padding-bottom-50{
		padding-bottom: 25px;
	}
	.padding-bottom-60{
		padding-bottom: 30px;
	}
	.padding-bottom-100{
		padding-bottom: 50px;
	}
	.padding-bottom-120{
		padding-bottom: 60px;
	}
	.padding-left-40{
		padding-left: 20px;
	}
	.sp_nav {
		width: 40px;
		float: right;
		position: relative;
		cursor: pointer;
		height: 30px;
		margin-top: 5px
	}

	.sp_nav span {
		display: block;
		background: #c9141e;
		width: 30px;
		height: 2px;
		position: absolute;
		left: 10px;
		transition: all ease 0.35s
	}

	.sp_nav span:nth-of-type(1) {
		top: 0px
	}

	.sp_nav span:nth-of-type(2) {
		top: 10px
	}

	.sp_nav span:nth-of-type(3) {
		top: 20px
	}

	.sp_nav_se span:nth-of-type(1) {
		top: 10px;
		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {
		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {
		top: 10px;
		transform: rotate(-45deg)
	}

	.sjj_nav {
		position: fixed;
		z-index: 10;
		background: rgba(137, 33, 27, 0.8);
		width: 100%;
		height: 300px;
		line-height: 40px;
		top: -100%;
		left: 0;
		overflow: auto;
		overflow-x: hidden;
		transition: top ease 0.35s;
		overflow-y: scroll;
	}

	.nav_show {
		top: 80px
	}

	.sjj_nav ul li i {
		position: absolute;
		top: 5px;
		right: 0px;
		border-left: 1px rgba(255, 255, 255, 0.2) solid;
		height: 30px;
		padding: 0px 7px 0 7px;
		display: block;
	}

	.sjj_nav ul li i svg {
		transform: rotate(-90deg);
		transition: all ease 0.35s
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		transform: rotate(0deg)
	}

	.sjj_nav ul li {
		border-top: 1px rgba(255, 255, 255, 0.2) solid;
		margin-left: 20px;
		position: relative;
		line-height: 40px;
		font-size: 14px
	}

	.sjj_nav>ul>li:first-child {
		border-top: 1px rgba(255, 255, 255, 0) solid;
	}

	.sjj_nav ul li ul {
		display: none
	}

	.sjj_nav ul li a {
		color: rgba(255, 255, 255, 0.8);
		width: 80%
	}

	.sjj_nav ul li ul li a {
		color: rgba(255, 255, 255, 0.8);
		display: block;
		text-align: left;
	}

	.sjj_nav ul li i svg {
		width: 20px;
		height: 20px;
		fill: rgba(255, 255, 255, 0.8);
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		fill: #fff
	}

	.sjj_nav ul li ul li>ul {
		margin-left: 10px
	}
	.aboutpic {
		display: block;
		padding-left: 0px;
		padding-top: 30px;
	}
	#sales .dotbox {
		height: 200px;
	}
	#research img{
		width: 100%;
	}
}



<!--0.00022006034851074-->