/*pad*/
img{
	max-width:100%;
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
/*white-space:nowrap;*/
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

/*导航*/
.gh {
    display: block;
    height: 60px;
    outline: medium none;
    width: 60px;
	position:absolute; right:0; top:0; cursor:pointer; display:none;
	
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline:none;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;
}

.gh svg {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
fill:#333;
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh rect {
    left: 0;
    top: 0;
   
   /*css3*/
   -webkit-transition:-webkit-transform 0.2s 0.2s;
transition:transform 0.2s 0.2s;
}
.gh svg.top .rect {

	/*css3*/
    -webkit-transform:translate3d(0, -8px, 0);
-ms-transform:translate3d(0, -8px, 0);
transform:translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
	/*css3*/
    -webkit-transform:translate3d(0, 8px, 0);
-ms-transform:translate3d(0, 8px, 0);
transform:translate3d(0, 8px, 0);
}
/***/
.selected .gh {
    -webkit-transform:translateZ(0) rotate(90deg);
-ms-transform:translateZ(0) rotate(90deg);
transform:translateZ(0) rotate(90deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.selected .gh svg {
    
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg)

}
.selected .gh svg.bottom {
    -webkit-transform:translateZ(0) rotate(-45deg);
-ms-transform:translateZ(0) rotate(-45deg);
transform:translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg);
}
.selected .gh. rect {
   -webkit-transition:-webkit-transform 0.2s;
transition:transform 0.2s;
}
.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
    -webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

@media only screen and (max-width:1250px) {
	body{
		padding-right:60px;
	}
	.sidebar{
		width:60px;
	}
	.sidebar li h2{
		display:none;
	}
 .jrqs-zp li{ float:left; width:30%;margin-left: 40px;padding: 7px;text-align: right;}
 .adress2{width: 58%; margin-left:10px;}
 .adress{ margin-left:70px;}
.adress2{	clear:both; width: 82%; margin-left:-20px;}
}
@media only screen and (max-width:1100px) {
	.gh{
		display:block;
	}
	.wrapper{
		width:auto; margin:0 20px;
	}
	.header .nav{
		display:none;
	}
	.header .logo_tip{
		display:;
	}
	.header .search{
		right:0; top:50px;
	}
	.naver{ 
	}
	.naver ul{
		margin-left:0; 
	}
	.naver.selected ul{
		/*display:block;*/
	}
	.naver li{ 
		padding:0 2.3%;
	}
	.naver li .cart{
		display:inline-block;
	}
	.naver .wrapper{
		margin:0;
	}
	.himgs ul{
		width:auto; 
	}
	.himgs li{
		width:49%; margin-right:0; height:auto; padding-bottom:20px;
	}
	.himgs li:nth-child(even){
		margin-left:2%;
	}
	.hpager .item{
		width:50%;
	}
	.hpager .item .img{
		width:40%;
	}
	.hpager .item .text{
		width:50%; margin-left:5%;
	}
	.footer .infos .qrcode{
		width:20%;
	}
	.footer .infos .nav{
		width:46%; margin-left:2%;
	}
	.footer .infos .nav dl{
		width:20%; margin-right:3%;
	}
	.footer .infos .info{
		width:30%; margin-left:2%;
	}
	
	.habout{
		height:;
	}
	.habout p{
		max-height:104px; overflow:hidden;
		/*超出省略号*/
	 /*word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;*/
	}
	.hyzq-i ul li{
		clear:both; width:99%;
	}
 .jrqs-zp li{ float:left; width:30%;margin-left: 40px;padding: 7px;text-align: right;}
 .adress2{width: 58%; margin-left:10px;}
 .adress{ margin-left:70px;}
}

@media only screen and (max-width:880px) {



.content4 ul li dl{text-align: center;}









	body{
		padding-right:0;
	}
	.gh{
		top:10px;
	}
	.header{
		height:80px; padding:0px 0;
	}
	.header .logo{
		position:static;
	}
	.header .logo_tip{
		left:90px;  font-size:24px;top:0px;/*top:35px;top:45px;*/
	}
	.header .logo img{
		height:80px;
	}
	.header .search{
		display:none;
	}
	.naver{
		background:#f3f3f3; height:auto; display:none;
	}
	.naver ul{
		margin-left:0; 
	}
	.naver.selected ul{
		/*display:block;*/
	}
	.naver li{
		float:none; display:block; border-bottom:#ccc solid 1px; text-align:center;
	}
	.naver li a{
		display:block;
	}
	.naver li .cart{
		display:inline-block;
	}
	.sidebar{
		display:none;
	}
	.hpager .item .text{
		padding-top:0;
	}
	.hpager .item .desc br{
		display:none;
	}
	
	.footer .infos .qrcode,
	.footer .infos .nav,
	.footer .infos .info{
		width:auto; float:none; display:block; margin:0; margin-bottom:20px;
	}
	.footer .infos .info{
		text-align:center;
	}
	.footer .infos .info .tel{
		display:inline-block;
	}
	.hyzq-i {
    width: 90%;
	}
.content1 .ft .hyzc-text,.content1 .ft .hyzc-img{
		clear:both; width:100%;
		margin-top:20px;
	}
	 .content1 .ft .hyzc-img { text-align:center;}
	 .jrqs-zp li{ float:left; width:30%;margin-left: 40px;padding: 7px;text-align: right;}
	 .adress2{width: 58%; margin-left:-10px;}
	 .adress{ margin-left:70px;}
.lxwm-ul{
		clear:both; width:100%;
	}
	/*奇朔动态*/
	.news .list li{
		padding-left:0; width:auto; height:auto; overflow:hidden;
	}
	.news .list li .img{
		position:static; float:left; display:inline; width:30%;
	}
	.news .list li .text{
		float:right; display:inline; width:65%; padding-right:0; padding-top:10px; padding-bottom:10px;
	}
 	.news .list li .date{
		display:none;
	}
	

	/*门店展示*/
	.shopview{
	}
	.shop-imgs li{
		width:30.33%; margin-right:3%;
	}
	.shop-roll{
		padding:0; width:auto;
	}
	.shop-roll .list{
		width:auto;
	}
	.shop-roll .list li{
	}
	.shop-imgs li .tip h2{
		margin-top:20%;
	}
	.shop-addr{
		font-size:18px;
	}
	.shop-addr h3 big{
		font-size:18px;
	}


	.shop-map{
		display:block;}
.shop-map .inner{width:98%;padding-bottom: 20px;}
.shop-addr{float: none;padding-top:10px;padding-left:0px;}



	.scrollto{ display:none;}
	
	
	.naver li strong img{ background-image:url(nav-top.png) center no-repeat; height:10px;  display:block;}
	.naver .sub dl dd a .img img{ display:none;}
	.naver .sub dl{ padding:0;}
	.naver .sub dl dd{float: left;width: 100%;height: 73px; line-height:73px;padding:0;background-color:#168ad0;border-bottom: 1px solid #73b9e3;}
	.naver .sub dl dd a h2{text-align: center;font-size: 18px;line-height: 73px; color:#FFF; margin-top:0;}
	.naver li strong img{float: right;margin-top: -37px;margin-right: 35px;}
	.naver .sub{background-color: #FFF;display: none;box-shadow: 0px 5px 5px #C9C7C8 inset;border-bottom: 1px solid #DDD;width: 100%;height: auto;position:static;left: 0;top: 0;margin-left: 0;}
 .news .zp-list li{width: 71%;}
 .news .zp-list li .text{width: 97%;padding-top: 25px;}
.news .zp-list li p{padding: 5px 30px;}
}
  @media screen and (max-width: 480px) {   
	 .news .zp-list li{width: 62%;}
	 .news .zp-list li .text p{padding: 5px 20px;}

  }
@media only screen and (max-width:600px) {
	
	.himgs li{
		width:auto;
	}
	.himgs li:nth-child(2n){
		margin-left:0;
	}
	.himgs li img{
		width:100%;
	}
	.habout{
		padding-right:0; height:auto;
	}
	.habout .imgs{
		position:static;
	}
	.habout .imgs li{
		height:auto;
	}
	.habout .imgs li img{
		width:100%; display:block;
	}
	.hvideo .text h2{
		display:none;
	}
	.hvideo .text em{
		margin-top:0;
	}
	.hroll{
		display:none;
	}
	.hpager .item{
		width:auto; margin-bottom:20px;
	}
	.hpager .item .text h2{
		font-size:16px;
	}
	.hpager .item .text{
		font-size:14px;
	}
	.footer .infos .qrcode{
		text-align:left;
	}
	.footer .infos .nav dl{
		width:auto; float:none; display:block; text-align:left; margin-bottom:10px;
	}
	.footer .infos .nav dt{
		border-bottom:#ccc solid 1px; padding-bottom:10px;
	}
	.footer .copyright .link{
		display:block;
	}
	.footer .infos .info{
		text-align:left;
	}
	.footer .copyright{
		text-align:left;
	}
	.slider-nav{
		display:none !important;
	}
	
	/*2015/6/23*/
		.naver li.selected .sub{
    	display: block;
	}
	.naver .sub dl dd{
		clear:both;
	}
	.habout .imgs li .img{
		width:100%;
	}
	.item .subb .con{
		width:80%; margin:0 10%;
	}
	
	.item .subb .con{
		width:90%; margin:0 5%;
	}
	.item .subb .con h2{
			font-size:16px;
	}
	.hvideo .text{
		top:15%;
	}
	
	.news .list li .img{
		float:none; display:block; width:auto;
	}
	.news .list li .img img{
		width:100%;
	}
	.news .list li .text{
		float:none; padding:10px; display:block; width:auto;
	}
	
	.shop-imgs li{
		width: 58%;margin: 5px auto; float:none; display:block; 
	}
	.shop-imgs li .img img{
		width:100%;
	}
	.shop-addr h3{
		background:none; padding-left:0;
	}
/*<!--	.shop-roll .list li{
		width:240px;
	}-->*/
	
	
	

	.shop-roll .list li{
		/*width:100%;*/ width:320px;
	}
	.shop-view .body{
		padding:0;
	}
	
	
	
	
	.content1 .ft .text,
	.content1 .ft .img,.content1 .ft .hyzc-img,.content1 .ft .hyzc-text,.lxwm-ul{
		clear:both; width:100%;
	}
	.content1 .ft .img,.content1 .ft .hyzc-img{
		text-align:center; margin-top:20px;
	}
	.content2 ul li{
		clear:both; width:100%; margin-bottom:20px;
	}
    .content-hyzq .hyzq-ul li,.contact li,.contact-us li,.jrqs-job ul li{
		clear:both; width:99%;
	}
	.hyzq-i {
    width: 89.5%;
}
	.content2 ul li .img{
		text-align:center;
	}
	.content3 .ft ul li,.content3 .wh_ft ul li{
		clear:both; width:100%; margin-bottom:20px;
	}
	.content3 .ft ul li .img,.content3 .wh_ft ul li{
		text-align:center; margin-top:20px;
	}
	.content3 .ft ul li .img img,.content3 .wh_ft ul li,.content3 .wh_ft ul li img{
		width:100%;
		
	}
	.zxrh-ul {
    margin-left: 10%;
}
.zxrh-input {
    padding: 3px 10% 3px 20px;
}
.jrqs-zp li{ float:left; width:30%;margin-left: 40px;padding: 7px;text-align: right;}
.adress{ margin-left:70px;}
.adress2{	clear:both; width: 82%;}
.zxly-bottomul{ margin-left:0;}
.w14{ width:32%; }
.zxly-ul{margin-left:0;}
 .news .zp-list li{margin: 0px auto 12px 54px;}
.w466{width: 245px;}
}