﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@media screen and (max-width: 1320px) {
.productBox .owl-theme .owl-controls .owl-nav .owl-prev {
	left: -10px;
}
.productBox .owl-theme .owl-controls .owl-nav .owl-next {
	right: -10px;
}
}
 @media screen and (max-width: 1200px) {
	.search {
		position: relative;
		z-index: 3;
		background: url(../img/search.png) no-repeat center center;
		cursor: pointer;
		display: none;
	}
img {
	max-width: 100%;
	
}
.header {
    height: 85px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #2b251e;
    background: url(../img/headbg.png) repeat 0 0;
}
.wd {
	width: 100%;
}
body {
	min-width: 100%;
}
.headRig {
	margin-right: 190px;

	margin-top: -7px;
}
.nav {
	display: none;
}
.mobileIconCon {
	display: block;

	height: 85px
}
.mobileIconCon a{
	height: 85px
}
.footer, .main {
	padding: 0 30px;
}
.main {
	padding: 0 30px;
}
.left {
	float: none;
	width: 100%;
	margin: 30px 0;
}
.sideTit, .sideMenuNav {
	display: none;
}
.mobileTit {
	display: block;
}
.sideMenuNav {
	padding-top: 5px;
	background: url(../img/pagebg.png) repeat 0 0;
}
.sideMenuNav li a {
	padding-left: 30px;
}
.right {
	margin: 0;
	padding-left: 0;
}
.media {
	margin: 0 auto 106px;
}
.indexBox {
	height: auto;
	width: 520px;
	margin: 85px auto 170px;
}
.indexBox li {
	margin: 0 0 10px 10px;
}
.indexBox li.li1, .indexBox li.li2, .indexBox li.li3, .indexBox li.li4 {
	position: relative;
	left: auto;
	top: auto;
	bottom: auto;
	right: auto;
	float: left;
}
.indexBox li.li3, .indexBox li.li4 {
	width: 245px;
	height: 374px;
}
.logo {
	margin-left: -56px;
}
.productCon .productBox {
	margin-left: 60px;
}/*0526*/
.productConText {
	padding-right: 60px;
}/*0526*/
.lang {
	left: 0;
}/*0618*/
}
 @media screen and (max-width: 1024px) {
.productImg img {
	width: 160px;
	height: 256px;
}/*0523*/
.owl-carousel .owl-item .productBoxImg img {
	width: 160px;
	height: 228px;
}/*0523*/
.media {
	width: 100%;
	height: 550px;
}
.contact {
	padding: 0 30px 85px;
}
.productCon .productBox {
	margin-left: 0;
}/*0526*/
.productConText {
	padding-right: 0;
}/*0526*/
}
 @media screen and (max-width: 980px) {
.img1, .img1:first-child {
	float: none;
	margin: 5px auto;
}
}
 @media screen and (max-width:900px) {
.productBox .owl-theme .owl-controls .owl-dots {
	display: none !important;
}
/*0526*/
.productCon .productBox {
	float: none;
	margin: 0 auto;
	padding-bottom: 100px;
}
.productCon .productBox .owl-theme .owl-controls .owl-dots {
	display: block !important;
}
.productConText {
	float: none;
	width: auto;
	padding: 100px 30px 0;
}
.ryanse {
	position: absolute;
	left: 30px;
	top: 0;
	z-index: 5;
	width: auto;
}
}
 @media screen and (max-width: 800px) {
.productList li {
	width: 33.3333%;
}
.brandImg {
	float: none;
}
.brandText {
	margin: 20px 0 0;
}
.brandList li a {
	padding-right: 0;
}
.contactText, .msg {
	float: none;
	margin-top: 20px;
}
.msg {
	width: 100%;
}
.contact {
	padding: 0 10px 85px;
}
.media {
	height: 480px;
}
}
 @media screen and (max-width: 640px) {
.productList li {
	width: 50%;
}
.paged a, .paged .p_info, .paged .current {
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	margin: 0 2px 5px;
}
.logo {
	left: 20px;
	margin-left: 0;
}
.newsImg {
	float: none;
}
.newsText {
	margin: 20px 0 0;
}
.newsList li {
	padding: 33px 0;
}
.newsList li:first-child {
	padding: 0 0 33px;
}
.newsTit {
	font-size: 1.8em;
}
.newsMore {
	padding: 0 23px 0 20px;
}
.brandList li {
	padding: 40px 0;
}
.media {
	height: 400px;
}
.indexBox {
	width: 100%;
}
.indexBox li {
	margin: 0 0 1%;
}
.indexBox li.li1, .indexBox li.li2 {
	width: 100%;
	height: auto;
}
.indexBox li.li3, .indexBox li.li4 {
	width: 49.5%;
	height: auto;
}
.indexBox li.li3 {
	margin-right: 1%;
}
/*0526*/
.productCon {
	padding: 80px 0 100px;
}
}
 @media screen and (max-width: 480px) {
.productImg img {
	width: 100px;
	height: 160px;
}/*0523*/
.owl-carousel .owl-item .productBoxImg img {
	width: 100px;
	height: 142px;
}/*0523*/
.productText {
	width: 98%;
}
.productText {
	font-size: 1.4em;
	height: 72px;
}
.productText img {
	height: 20px;
}
.brandImg {
	width: 100%;
	height: auto;
}
/*0526*/
.productCon .productBox {
	width: 280px;
}
.ryanse {
	left: 0;
}
.productConText {
	padding: 80px 0 100px;
}
}
 @media screen and (max-width: 414px) {
.paged a, .paged .p_info, .paged .current {
	padding: 0 6px;
}
.footer, .main {
	padding: 0 20px;
}
.productList li a {
	margin: 0 5px;
}
.msgText {
	width: 68%;
}
.media {
	height: 300px;
}
/*0526*/
.productConText {
	padding: 90px 0 0;
}
.ryanse h1 {
	line-height: 25px;
}
.ryanse ul li, .ryanse ul li img {
	height: 20px;
	width: auto;
}
.productCon .productBox {
	width: 100%;
}
}
