@charset "utf-8";
/* CSS Document */



/*font-family: 'Pacifico', cursive;*/
body{font-size:17px; color:#444;}

.txt-ver{position:relative; transition:all 0.5s;}
.txt-ver:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}



.wrap{padding:0 20px;}
#header > .wrap{padding:0;}
.index-btn-wrap{margin-top:24px;}
	.index-btn-wrap a{width:60px; height:60px; border:4px rgba(33, 33, 33, 0.2) solid; 
	-webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; display:inline-block; text-align:center; color:rgba(0, 0, 0, 0.26); transition: all 0.8s;}
	.index-btn-wrap a:hover{text-decoration:none;   border:4px rgba(33, 33, 33, 0.4) solid;  color:rgba(0, 0, 0, 0.6); transform:scale(1.1, 1.1);  }
	.index-btn-wrap a.btn-enter{ padding-top:8px; font-size:25px; } 
	.index-btn-wrap a.btn-more{ padding-top:8px; font-size:14px; margin-bottom:25px;}  .index-btn-wrap a.btn-more i{display:block;}
	#index-compresslist-wrap .index-btn-wrap, #index-compresslist-wrap .index-btn-wrap, #index-waterlist-wrap .index-btn-wrap, #index-hotlist-wrap .index-btn-wrap{text-align:center; /*margin:45px 0 60px 0;*/}	
	
	#index-compresslist-wrap .wrap, #index-compresslist-wrap .wrap, #index-waterlist-wrap .wrap,  #index-hotlist-wrap .wrap{padding:36px 0;}
	

	
	


h1{font-size:23px; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
	h1 .logo-txt{background:url(../image/logo-intxt.png) no-repeat; width:141px; height:32px; text-indent:-5555px; display:inline-block; overflow:hidden; vertical-align:bottom;}
h5{font-family:'Jakarta GAVA'; font-size:25px;}
	#index-com-wrap h5{color:#a9cb36; margin-bottom:36px;}
	#index-compress-wrap h5{color:#23ceff; margin-bottom:45px;}
	#index-water-wrap h5{color:#e26000; margin-bottom:36px;}
	#index-hot-wrap h5{color:#187cbe; }
	h2{font-size:30px;  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}


.index-prolist-wrap{list-style:none; padding:0; margin:0; font-size:15px;}
	.index-prolist-wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.index-prolist-wrap li{width:21%; margin:0 2%; float:left;}
	.index-prolist-wrap li .pro-img-s{/*height:220px;*/ display:table; margin-bottom:8px;}
	.index-prolist-wrap li .pro-img-s a{display:table-cell; vertical-align:middle;}
	#index-compresslist-wrap .index-prolist-wrap .pro-id{color:#75300b;}
	#index-waterlist-wrap .index-prolist-wrap .pro-id{color:#086271;}
	#index-hotlist-wrap .index-prolist-wrap .pro-id{color:#9b5800;}
	
	
	
		
	
#index-banner{background:url("../image/banner1.png") center 0px no-repeat; background-size:100% 90%;}
	#index-banner .txt-wrap{float:right; width:45%; text-align:right;}
	#index-banner-slogan{ position:relative; top:60px;}

#index-com-wrap{background:url("../image/banner2.png") center center no-repeat; background-size:cover; font-size:19px; }
	#index-com-wrap .txt-wrap{width:60%;}
	

#index-compress-wrap{background:url("../image/banner3.png") center center no-repeat;background-size:cover; color:#f2f2f2; }
	#index-compress-wrap .txt-wrap{width:40%;}
	#index-compress-wrap h2{font-size:40px;}	
	#index-compress-wrap .index-btn-wrap a.btn-enter{ border:4px rgba(255, 255, 255, 0.2) solid; color:rgba(255, 255, 255, 0.26)}
	#index-compress-wrap .index-btn-wrap a.btn-enter:hover{ border:4px rgba(255, 255, 255, 0.6) solid; color:rgba(255, 255, 255, 0.6)}
	
#index-water-wrap{background:url(../image/b2.png) center center no-repeat; background-size:cover; }
	#index-water-wrap .wrap{text-align:right;}
	#index-water-wrap .txt-wrap{width:40%; display:inline-block; text-align:left;}
	#index-water-wrap .index-btn-wrap{text-align:right; padding-right:20px;}
	#index-water-wrap ul, #index-hot-wrap ul, #index-compress-wrap ul{margin:0; padding:0; list-style:none;}
	#index-water-wrap li:before, #index-hot-wrap li:before, #index-compress-wrap li:before { content: "\f00c";  display: inline-block;  font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; margin-right:8px; color:#494949;}
	#index-compress-wrap li:before{color:#fff;}
	
#index-hot-wrap{background:url(../image/b3.png) center center no-repeat; background-size:cover; }
	#index-hot-wrap .txt-wrap{width:45%;}
	#index-hot-wrap .index-brandlogo{display:block; margin-bottom:20px;}
	#index-hot-wrap h2, #index-hot-wrap h5{display:inline;}
	#index-hot-wrap h6{font-size:26px; color:#ca4606; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
	#index-hot-wrap p{font-size:19px;}
	#index-hot-wrap ul{margin-top:40px;}
	
	
#index-hotlist-wrap{border-bottom:1px #f1f1f1 solid;}

#index-cers-wrap{ border-top:1px #fff solid;
		background: rgb(250,250,250); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(255,255,255,1) 43%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(43%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 43%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 43%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 43%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 43%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
		#index-cers-wrap .wrap{padding:36px 0;}
#index-cers-wrap ul{list-style:none; padding:0; margin:0;}
	#index-cers-wrap li{width:25%; float:left; text-align:center; }
	#index-cers-wrap li img{height:152px;}
	
	
	
/* animation*/
.ani #index-banner-slogan, #index-com-wrap .ani>*, #index-compress-wrap .ani>*,  #index-water-wrap .ani>*, #index-hot-wrap .ani>*, .index-prolist-wrap{position:relative; opacity:0; opacity:1\9;}
.ani.in-view #index-banner-slogan{  
	animation:fadeInRight 1000ms ease-out both;
	-moz-animation:fadeInRight 1000ms ease-out both;
	-webkit-animation: fadeInRight 1000ms ease-out both;
	-o-animation: fadeInRight 1000ms ease-out both;}
  
#index-com-wrap .ani.in-view h1, #index-compress-wrap .ani.in-view h2{animation:fadeInLeft 800ms ease-out both;
	-moz-animation:fadeInLeft 800ms ease-out both;
	-webkit-animation: fadeInLeft 800ms ease-out both;
	-o-animation: fadeInLeft 800ms ease-out both;}
	
#index-com-wrap .ani.in-view h5{animation:fadeInLeft 1500ms ease-out 0.5s both;
	-moz-animation:fadeInLeft 1500ms ease-out 0.5s both;
	-webkit-animation: fadeInLeft 1500ms ease-out 0.5s both;
	-o-animation: fadeInLeft 1500ms ease-out 0.5s both;}
	
#index-com-wrap .ani.in-view p{animation:fadeInUp 1200ms ease-out 1500ms both;
	-moz-animation:fadeInUp 1200ms ease-out 1500ms both;
	-webkit-animation: fadeInUp 1200ms ease-out 1500ms both;
	-o-animation: fadeInUp 1200ms ease-out 1500ms both;}
#index-com-wrap .ani.in-view .index-btn-wrap{animation:fadeIn 1200ms ease-out 2500ms both;
	-moz-animation:fadeIn 1200ms ease-out 2500ms both;
	-webkit-animation: fadeIn 1200ms ease-out 2500ms both;
	-o-animation: fadeIn 1200ms ease-out 2500ms both;}

#index-compress-wrap .ani.in-view .index-brandlogo, #index-hot-wrap .ani.in-view .index-brandlogo{animation:fadeIn 1200ms ease-out 400ms both;
	-moz-animation:fadeIn 1200ms ease-out 400ms both;
	-webkit-animation: fadeIn 1200ms ease-out 400ms both;
	-o-animation: fadeIn 1200ms ease-out 400ms both;} 
#index-compress-wrap .ani.in-view h5{animation:fadeInLeft 1200ms ease-out 100ms both;
	-moz-animation:fadeInLeft 1200ms ease-out 100ms both;
	-webkit-animation: fadeInLeft 1200ms ease-out 100ms both;
	-o-animation: fadeInLeft 1200ms ease-out 100ms both;}
#index-compress-wrap .ani.in-view .index-txt{animation:fadeInUp 1000ms ease-out 800ms both;
	-moz-animation:fadeInUp 1000ms ease-out 800ms both;
	-webkit-animation: fadeInUp 1000ms ease-out 800ms both;
	-o-animation: fadeInUp 1000ms ease-out 800ms both;}
#index-compress-wrap .ani.in-view .index-btn-wrap{animation:fadeIn 1200ms ease-out 1000ms both;
	-moz-animation:fadeIn 1200ms ease-out 1000ms both;
	-webkit-animation: fadeIn 1200ms ease-out 1000ms both;
	-o-animation: fadeIn 1200ms ease-out 1000ms both;}
#index-water-wrap .ani.in-view .index-brandlogo{animation:fadeIn 1200ms ease-out 400ms both;
	-moz-animation:fadeIn 1200ms ease-out 400ms both;
	-webkit-animation: fadeIn 1200ms ease-out 400ms both;
	-o-animation: fadeIn 1200ms ease-out 400ms both;} 
#index-water-wrap .ani.in-view h2{animation:fadeInRight 800ms ease-out both;
	-moz-animation:fadeInRight 800ms ease-out both;
	-webkit-animation: fadeInRight 800ms ease-out both;
	-o-animation: fadeInRight 800ms ease-out both;}
#index-water-wrap .ani.in-view h5{animation:fadeInRight 1200ms ease-out 600ms both;
	-moz-animation:fadeInRight 1200ms ease-out 600ms both;
	-webkit-animation: fadeInRight 1200ms ease-out 600ms both;
	-o-animation: fadeInRight 1200ms ease-out 600ms both;}
#index-water-wrap .ani.in-view .index-txt{animation:fadeInUp 1000ms ease-out 1500ms both;
	-moz-animation:fadeInUp 1000ms ease-out 1500ms both;
	-webkit-animation: fadeInUp 1000ms ease-out 1500ms both;
	-o-animation: fadeInUp 1000ms ease-out 1500ms both;}	
#index-water-wrap .ani.in-view .index-btn-wrap{animation:fadeIn 1200ms ease-out 1000ms both;
	-moz-animation:fadeIn 1200ms ease-out 1000ms both;
	-webkit-animation: fadeIn 1200ms ease-out 1000ms both;
	-o-animation: fadeIn 1200ms ease-out 1000ms both;}
#index-hot-wrap .ani.in-view h2, #index-hot-wrap .ani.in-view h5{animation:fadeIn 1500ms ease-out both;
	-moz-animation:fadeIn 1500ms ease-out both;
	-webkit-animation: fadeIn 1500ms ease-out both;
	-o-animation: fadeIn 1500ms ease-out both;}
#index-hot-wrap .ani.in-view h6{animation:fadeInUp 1000ms ease-out 600ms both;
	-moz-animation:fadeInUp 1000ms ease-out 600ms both;
	-webkit-animation: fadeInUp 1000ms ease-out 600ms both;
	-o-animation: fadeInUp 1000ms ease-out 600ms both;}
#index-hot-wrap .ani.in-view .index-txt{animation:fadeInUp 1000ms ease-out 800ms both;
	-moz-animation:fadeInUp 1000ms ease-out 800ms both;
	-webkit-animation: fadeInUp 1000ms ease-out 800ms both;
	-o-animation: fadeInUp 1000ms ease-out 800ms both;}
/*#index-hot-wrap .ani.in-view ul{animation:fadeInUp 1000ms ease-out 1200ms both;
	-moz-animation:fadeInUp 1000ms ease-out 1200ms both;
	-webkit-animation: fadeInUp 1000ms ease-out 1200ms both;
	-o-animation: fadeInUp 1000ms ease-out 1200ms both;}*/
#index-hot-wrap .ani.in-view .index-btn-wrap{animation:fadeIn 1200ms ease-out 1600ms both;
	-moz-animation:fadeIn 1200ms ease-out 1600ms both;
	-webkit-animation: fadeIn 1200ms ease-out 1600ms both;
	-o-animation: fadeIn 1200ms ease-out 1600ms both;}
	
.index-prolist-wrap.in-view{animation:fadeIn 2500ms ease-out 100ms both;
	-moz-animation:fadeIn 2500ms ease-out 100ms both;
	-webkit-animation: fadeIn 2500ms ease-out 100ms both;
	-o-animation: fadeIn 2500ms ease-out 100ms both;}

#index-cers-wrap li img:hover{animation:pulse 500ms linear;
	-moz-animation:pulse 500ms linear;
	-webkit-animation:pulse 500ms linear;
	-o-animation:pulse 500ms linear; cursor:pointer;}

/*for btn*/
.btn-enter {
  -moz-animation-name: btn-enter-transform-keyframes;
  -moz-animation-duration: 1800ms;
  -moz-animation-delay: 0ms;
  -moz-animation-fill-mode: forwards;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: btn-enter-transform-keyframes;
  -o-animation-duration: 1800ms;
  -o-animation-delay: 0ms;
  -o-animation-fill-mode: forwards;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -webkit-animation-name: btn-enter-transform-keyframes;
  -webkit-animation-duration: 1800ms;
  -webkit-animation-delay: 0ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: btn-enter-transform-keyframes;
  animation-duration: 1800ms;
  animation-delay: 0ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes btn-enter-transform-keyframes {
  0% {-moz-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {-moz-transform:translate(20px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-moz-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@-o-keyframes btn-enter-transform-keyframes {
  0% {-o-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {-o-transform:translate(20px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-o-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@-webkit-keyframes btn-enter-transform-keyframes {
  0% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {-webkit-transform:translate(20px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes btn-enter-transform-keyframes {
  0% {transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {transform:translate(20px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}html::after { position: absolute; left: -999em; }


.btn-more {
  -moz-animation-name: btn-more-transform-keyframes;
  -moz-animation-duration: 2400ms;
  -moz-animation-delay: 0ms;
  -moz-animation-fill-mode: forwards;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: btn-more-transform-keyframes;
  -o-animation-duration: 2400ms;
  -o-animation-delay: 0ms;
  -o-animation-fill-mode: forwards;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -webkit-animation-name: btn-more-transform-keyframes;
  -webkit-animation-duration: 2400ms;
  -webkit-animation-delay: 0ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: btn-more-transform-keyframes;
  animation-duration: 2400ms;
  animation-delay: 0ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes btn-more-transform-keyframes {
  0% {-moz-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {-moz-transform:translate(0px, 20px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-moz-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@-o-keyframes btn-more-transform-keyframes {
  0% {-o-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {-o-transform:translate(0px, 20px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-o-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@-webkit-keyframes btn-more-transform-keyframes {
  0% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {-webkit-transform:translate(0px, 20px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {-webkit-transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}
@keyframes btn-more-transform-keyframes {
  0% {transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  50% {transform:translate(0px, 20px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}html::after { position: absolute; left: -999em; }

@media (max-width : 1199px) {
}
@media (max-width:1023px){
   

}

@media (max-width: 979px)  { /*bootstrap width 724px */
	h1{font-size:20px;}
		h1 .logo-txt{width:120px; background-size:contain; background-position:center bottom;}
	h2{font-size:26px;}
	h5{font-size:15px;}
	
	#index-com-wrap{font-size:16px;}
	
	.index-brandlogo{height:36px;}
	#index-compress-wrap h2{font-size:30px;}
	#index-compress-wrap .index-txt{font-size:15px;}
	
	.index-prolist-wrap{font-size:14px;}
	
	
	#index-water-wrap ul, #index-water-wrap p{font-size:15px;}
	
	#index-hot-wrap h6{font-size:22px;}
	#index-hot-wrap p{font-size:16px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);}
	#index-hot-wrap ul{font-size:15px; margin-top:1.5em;}
	
	#index-cers-wrap li img{height:140px;}
	
}
@media (max-width : 979px) and (orientation: portrait){
	#index-com-wrap{background-position:65% center;}
	#index-compress-wrap{background-position:65% center;}
	#index-water-wrap{background-position:45% center;}
	#index-hot-wrap{background-position:60% center;}
}
@media (max-width : 768px) {

}

@media (max-width: 767px)  { /*bootstrap width auto */
	
	
	
}
@media (max-width : 720px){
	h1{font-size:17px;}
	h2{font-size:22px;}
	h5{font-size:13px;}
	#index-com-wrap{font-size:14px;}
	
	#index-compress-wrap h2{font-size:24px;}
	#index-compress-wrap p, #index-compress-wrap ul{font-size:13px;}
	
	.index-prolist-wrap{font-size:13px;}
	
	#index-water-wrap ul, #index-water-wrap p{font-size:13px;}
	
	#index-hot-wrap h6{font-size:17px;}
	#index-hot-wrap p{font-size:14px;}
	#index-hot-wrap ul{font-size:13px; }
	
	#index-cers-wrap li img{height:120px;}
	
	.index-btn-wrap a.btn-more{margin-bottom:12px;}
	#index-compresslist-wrap .wrap, #index-compresslist-wrap .wrap, #index-waterlist-wrap .wrap,  #index-hotlist-wrap .wrap{padding:30px 0 20px 0;}
}
@media (max-width : 600px){
	h1{font-size:14px;}
	h2{font-size:15px;}
	h5{font-size:12px;}
	
	#index-com-wrap{font-size:12px;}
	
	#index-compress-wrap h2{font-size:17px;}
	#index-compress-wrap p, #index-compress-wrap ul{font-size:12px;}
	
	.index-prolist-wrap{font-size:12px;}
	
	#index-water-wrap ul, #index-water-wrap p{font-size:12px;}
	
	#index-hot-wrap h6{font-size:14px;}
	#index-hot-wrap p{font-size:13px;}
	#index-hot-wrap ul{font-size:12px; }
	
	#index-cers-wrap li img{height:100px;}
	
	.index-btn-wrap a{width:50px; height:50px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px;}
	.index-btn-wrap a.btn-enter{ padding-top:8px; font-size:20px; } 
	.index-btn-wrap a.btn-more{ padding-top:6px; font-size:12px;}
	
	
}

@media (max-width : 480px){

	h1 .logo-txt{width:90px;}
	#index-com-wrap .txt-wrap{width:80%;}
	#index-com-wrap h5{margin-bottom:18px;}
	.index-btn-wrap{margin-top:10px;}
	
	#index-compress-wrap .txt-wrap{width:60%;}
	.index-brandlogo{height:28px;}
	#index-compress-wrap h2{margin-top:6px;}
	#index-compress-wrap h5{margin-bottom:15px;}
	
	#index-water-wrap .txt-wrap{width:60%;}
	
	#index-hot-wrap .index-brandlogo{margin-bottom:0;}
	#index-hot-wrap .txt-wrap{width:60%;}
	#index-hot-wrap h6{margin:2px 0 10px 0;}
	#index-hot-wrap p{font-size:12px; }
	#index-hot-wrap ul{display:none;}
	
	
	
}
@media (max-width : 360px){
	
	
	
}
@media (max-width : 320px){
}