@charset "utf-8";
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;position:relative;*overflow-x:hidden;margin-top: -15px; }
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{color:#000;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family: Arial,"微软雅黑",'Microsoft YaHei';}
::selection { background:#0080c8; color:#fff;} ::-moz-selection { background:#0080c8; color:#fff;  } ::-webkit-selection { background:#0080c8; color:#fff;  }
input[type="button"], input[type="submit"], input[type="reset"] , input[type="text"]{-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.ie8-radius{position:relative; z-index:2;behavior: url(iecss3.htc); }
.n-scrolltouch{-webkit-overflow-scrolling: touch; position: fixed; width: 100%; height: 100%;left: 0;top: 0;z-index: 1;}



/* 页头 */ 
.header{width:100%;height:88px;position:fixed;left:0; top:0px; z-index:999;background:#FFF;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-moz-box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666 ;box-shadow:0px 0px 10px #666;}
.header_content {width:1300px; margin:auto;}
.header .header_logo {position: relative;width:217px; height:88px; float:left; background:url(../grzx/Growattlogo.png) left center no-repeat; background-size:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.header .header_logo * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.header .header_logo img { display:none; float:left;width:100%; height:auto;}
.header .header_nav  {height:88px;text-align:center; float:right;}
.header .header_nav .nav{z-index: 111;}
.header .header_nav .nav li { display:inline-block;padding:0px 15px; }
.header .header_nav .nav li a{font-size:16px;line-height:88px;color:#666;display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.header .header_nav .nav li a.cur{ color:#008e7c !important;}

.header .header_nav .nav li a:hover {color:#008e7c !important;}

.header .header_nav .nav li ul.children{display:none;position:absolute;width:100%;top:88px;left:0; padding:5px 0 ;background:#323232;z-index:9999;text-align:center; overflow: hidden;}
.header .header_nav .nav li ul.children li{width:1300px; margin:auto;padding:0px!important; }
.header .header_nav .nav li ul.children li a {font-size:12px;line-height:35px; color:#999; height:35px; display:inline-block; padding:0 2%;}
.header .header_nav .nav li ul.children li a:hover {color:#fff;}
.header .header_nav .navhover {color:#fff; }
.header .header_nav .navhover h1 { top:20px;color:#fff;}
.header .header_nav .navhover span { display:block;top:40px;}

.header .header_nav .nav li:nth-child(3) ul.children li a:nth-child(1){ margin-left:170px;}
.header .header_nav .nav li:nth-child(5) ul.children li { text-align:right;}
.header .header_nav .nav li:nth-child(6) ul.children li { text-align:right;}
.header .header_nav .nav li:nth-child(6) ul.children li a:nth-child(4){ margin-right:60px;}

#hp100 { height:100%; }
.productlist-nav {width:90%;height:100%;margin:auto;padding:20px 5% 0px 5%; text-align:left;overflow-y: scroll;}
.productlist-nav * { display:block; overflow:hidden;}
.productlist-nav h3 { font-size:16px; padding-bottom:10px;color:#666;}
.pln { margin-bottom:20px; padding-bottom:20px; border-bottom:#4b4b4b 1px solid; clear:both;}
.productlist-nav ol {padding:0; margin:0;}
.productlist-nav a { width:12%;margin:0.25% 0.5% 0.25% 0; float:left; }
.productlist-nav a img{float:left; width:30%; height:auto; display:block;}
.productlist-nav a span{float:left; width:70%;}
.productlist-nav a span h4{color:#FFF; font-size:12px;line-height:20px;}
.productlist-nav a span h5{color:#999; font-size:12px;line-height:18px;}
.productlist-nav a:hover span h4{color:#00deb3;}

.search { height:88px; width:40px;float:right;display:block; background:url(../images/search.png) center no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.search:hover {background:url(../images/search.png) center no-repeat #f2f2f2; }

.hlanguage {float:right;padding-left:20px;}
.hlanguage *{height:88px;float:right;line-height:88px;color:#666;float:right;font-size:14px;display: block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.licon { background:url(../images/language.png) left center no-repeat; padding-left:26px;}
/* .language {width:0px;} */
.language a:hover {color:#008e7c;} 
.languagehide .language {width:0px;}
.languageshow .language{width:140px;}

.language a{padding-left:20px;font-size:12px; line-height:90px;}
.languageshow {}
.languagehide {}

.fixeds { position:fixed; left:0; top:0; z-index:444;}

.header_fixed { position:fixed;left:0; top:0; z-index:999;}
.slideUp {-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px);}
.slideDown {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.h88 {height: 77px; clear:both; background:#000;}
.header-top{
	width: 100%;
	line-height: 30px;
	height: 30px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #808080;
   }
   .header-top p{
	   float: right
   }
   .header-top  a{
	  display: inline-block;
	  margin-right: 20px;
	  font-size: 12px;
	  color: #e2e2e2
   }
   .header-top  a:hover{
	 color: #fff
   }
   .header .language{
		float: right;
		position: relative;
	}
	.header .language .tes{
	 cursor: pointer;
	 white-space: nowrap
	}
	.header .language .ul{
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		height: 0;
		overflow: hidden;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.header .language:hover .ul{
		height: auto;
	}
	.header .language .ul a{
		display: block;
		line-height: 30px;
		background: #323232;
		margin-bottom: 3px;
		color: #fff
	}
	.header .language .ul a:hover{
		background: #00a082;
		color: #fff
	}
	.language .tes span{
		font-size: 12px;
		text-transform: uppercase;
		display: inline-block;
		line-height: 88px;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		 -moz-transition: all .3s ease;
	 transition: all .3s ease;
	 color: #909091
	}
	.header .language .tes i{
		width: 7px;
		height: 5px;
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
		background: url('../sul/header-ico.png') no-repeat center
	}
  .toheadr{
	   float: right;
	   line-height: 88px;
	   font-size: 12px;
	   margin-left: 15px;
	   padding-left: 15px;
	   position: relative;
	   transition: all .3s ease;
	   -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease;
   }
   .toheadr::before{
	   content: '';
	   width: 2px;
	   height: 16px;
	   background: #a7a7a7;
	   display: block;
	   left: 0;
	   top: 50%;
	   margin-top: -8px;
	   position: absolute
   }
   .toheadr a{
	   display: inline-block;
	   margin-right: 10px;
   }
   .toheadr a:hover{
	   color: #008e7c
   }
.hfixed .toheadr{
	line-height: 50px;
}
.hfixed .header_logo img{
	/* display: block !important; */
}
.hfixed .language .tes span{
	line-height: 50px;
}
.hfixed {position:fixed;left:0; top:0px; z-index:999; height:50px;background: #323232!important;-moz-box-shadow:0px 0px 10px #666 !important;-webkit-box-shadow:0px 0px 10px #666 !important;box-shadow:0px 0px 10px #666 !important;}
.hfixed .header_logo {width:120px; height:50px;}
.hfixed .header_nav .nav li a{
	/* color: #666 !important; */
}
.hfixed .header_logo * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.hfixed .header_logo svg {width:180px; height:50px; background-size:100%;}
.hfixed .header_logo image {width:180px; height:50px;}
.hfixed .header_nav  {height:50px;}
.hfixed .header_nav .nav li a{line-height:50px; font-size:14px;}
.hfixed .hlanguage *{ height:50px;line-height:50px;}
.hfixed .search { height:50px;} 
.hfixed .header_nav .nav li ul.children{top:50px;}
 
.bodynone { overflow: hidden; }



/* 页尾 */ 
.footer{width:100%; background:#2f2f2f;overflow:hidden;margin:auto;padding-top:70px;}
.footer * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.footer .footer_main{padding-bottom:3%;width:1300px;overflow:hidden; margin:auto; position:relative; min-height:100px;}
.footer .footer_main ul{ float:left;color:#fff;font-size:14px; width:16%;}
.footer .footer_main ul h1 { font-size:14px; padding-bottom:10px;text-transform: uppercase; color:#dfdfdf;font-family:Arial; font-weight:bold;}
.footer .footer_main ul h1 i { width:30px; height:2px; background:#494949; margin:10px 0;}
.footer .footer_main ul li { position:relative;color:#848484;line-height:24px;}
.footer .footer_main ul li a{ font-size:12px;color:#848484;line-height:28px;}
.footer .footer_main ul li a:hover {color:#fff;}

.footer .footer_main ul.footer_r {margin-right:0;float:right;width: 20%;}
.footer .footer_main ul.footer_r .fcontact {font-size:12px;color:#848484;}
.footer .footer_main ul.footer_r .fcontact strong{ display:block; color:#acacac; padding-bottom:10px;}
.footer .footer_main ul.footer_r .fcontact li { margin-bottom:10px !important;}
.footer .footer_main ul.footer_r .fcontact li i{ width:20px;height:20px; position:absolute; left:0; top:0; z-index:3; }
.footer .footer_main ul.footer_r .fcontact li i img{ width:100%; height:auto;}
.footer .footer_main ul.footer_r .fcontact li h6{padding-left:30px;}


.copyright { background:#000; clear:both;}
.copyright ul {width:1300px;overflow:hidden; margin:auto;color:#6c6c6c;font-size:12px; line-height:60px;height:60px;position:relative;}
.copy { float:left; width:60%;}
.copy a{ display:inline-block;color:#6c6c6c;text-transform:uppercase; vertical-align:middle;}
.copy a:hover {color:#fff;}


.follow { padding-top:5px;float:right; width:40%; text-align:right;}
.follow a {overflow:hidden; margin-left:5px;opacity: 0.5; display: inline-block; width:22px; height:22px;}
.follow a:hover {opacity: 1.5; }
.follow a.fic1 {background:url(../images/fwb1.svg) center no-repeat;}
.follow a.fic2 {background:url(../images/fwb2.svg) center no-repeat;}
.follow a.fic3 {background:url(../images/fwb3.svg) center no-repeat;}
.follow a.fic4 {background:url(../images/fwb4.svg) center no-repeat;}




.aside-wrap {position: fixed; right:5%;bottom:100px; z-index: 999; display:none;}
.aside-wrap .topcontrol {width: 50px; height: 50px; background: url(../images/top.png) no-repeat center #2f2f2f; border: 1px solid #ccc; border-radius: 100%; overflow:hidden; cursor: pointer;opacity: .6;filter:alpha(opacity=60);}
.aside-wrap:hover {animation: move .5s ease-in infinite alternate;background: url(../images/top.png) no-repeat center #00a182;border-radius: 100%; }
.aside-wrap:hover .topcontrol{opacity: 1.0;filter:alpha(opacity=100);background: url(../images/top.png) no-repeat center #00a182; }

@keyframes move {
  100% {
    transform: translateY(15px);
  }
}



 


/* 图片切换 */
.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;*/ }
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loading.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;   }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.3;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:5%; background-image:url(../images/arrowleft.png);}
.slick-next { right:5%; background-image:url(../images/arrowright.png);}
.slick-prev:hover {opacity: 1.0;}
.slick-next:hover {opacity: 1.0;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:40px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:14px; width: 14px; margin: 0px 3px; padding: 0px; cursor: pointer; }
.slick-dots li button { background:#CCC; display: block; height:10px;width: 10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #00705a;border: none; opacity:1.5;}




/* 手机导航 */
.slideDown {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.slideUp {-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px);}
.nav_mobile{display: none; position:fixed;left:0;top:0px;width:100%; height:auto; z-index:999;-moz-box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666 ;box-shadow:0px 0px 10px #666;transition: all .5s ease;}
.m-header { position: fixed; width: 100%; z-index: 9999; left: 0;top: 0; background-color: #fff; }
.navmfixed { top:0;  }
.m_logo { height:50px; float:left;margin:auto; width:100%;display:block; background:url(../images/logo.svg) 5% center no-repeat #FFF; background-size:30%;}
.m_logo img {display:block; margin:auto; width:100%;}
.cd-nav-trigger{position: absolute;z-index:898;top:4px;right: 5%;height:44px;width: 44px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cd-nav-trigger span{background:#666;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 32px; height: 2px;}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);}
.no-touch .cd-nav-trigger:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.no-touch .cd-nav-trigger:hover span::after,.no-touch .cd-nav-trigger:hover span::before{width: 50%;}
.no-touch .cd-nav-trigger:hover span::before{-webkit-transform: translateX(1px) translateY(1px) rotate(45deg);-moz-transform: translateX(1px) translateY(1px) rotate(45deg);-ms-transform: translateX(1px) translateY(1px) rotate(45deg);-o-transform: translateX(1px) translateY(1px) rotate(45deg);transform: translateX(1px) translateY(1px) rotate(45deg);}
.no-touch .cd-nav-trigger:hover span::after{-webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);-o-transform: translateX(1px) translateY(-1px) rotate(-45deg);transform: translateX(1px) translateY(-1px) rotate(-45deg);}
.cd-nav-container{background-color:#2f2f2f;position: fixed; z-index: 9999; top: 0; right: 0; width: 100%; height: 100%; overflow-y: auto;  -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s;}
.cd-nav-container header{padding-left:3%; position: relative;}
.cd-nav-container h3{ background:url(../images/logob.svg) left center no-repeat ; background-size:40%;line-height:60px;font-weight: bold; text-transform: uppercase; color:#000;}
.cd-close-nav{position: absolute; height: 44px; width: 44px; right: 3%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height: 2px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.no-touch .cd-close-nav:hover{opacity: .8;}
.cd-nav{ padding-top:6%;}
.cd-nav li{width:99%; overflow:hidden;}
.cd-nav a{ border-bottom:#3b3b3b 1px solid;position: relative; display: block;width: 74%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:18px; font-family:"微软雅黑"; color:#fff;padding:0.8em 0; margin:0px auto;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.cd-nav a:hover{background:#00a082; color:#FFF;}
.cd-nav a i{display:block; font-style:normal; font-size:20px; font-family:Arial; text-transform:uppercase;}
.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.35); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:998;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}



.bmob { display:block; float: none;padding-top:10px; margin:auto; text-align:center; clear:both;}
.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:14px;}
.bmob a:hover { background-color:#000;}
.bmob .msearch { margin: auto; float: none; position:relative; width:80%;padding:30px 0; overflow:hidden;}
.bmob .msearch .tipnut{border:#3b3b3b 1px solid;border-radius:100px; line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:18px; background:#2f2f2f; color:#999;}
.bmob .msearch .tbtn{ width:18px; height:18px;background:url(../images/searchb.png) center  no-repeat; position:absolute; right:40px; top:42px; z-index:1; cursor:pointer; outline:none;opacity:0.5;}
.bmob .msearch .tbtn:hover {opacity:0.5;}

@media screen and (max-width: 1400px){
	.pln{
		margin-bottom: 10px;
       padding-bottom: 10px;
	}
	.productlist-nav a span h4{
		font-size: 12px;
       line-height: 16px;
	}
	.productlist-nav a img{
		width: 25%;
		height: 34px;
	}
}






@font-face {
	font-family: 'Conv_Helvetica_Condensed_Bold';
	src: url('../fonts/Helvetica_Condensed_Bold.eot');
	src: local('☺'), url('../fonts/Helvetica_Condensed_Bold.woff') format('woff'), url('../fonts/Helvetica_Condensed_Bold.ttf') format('truetype'), url('../fonts/Helvetica_Condensed_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



.product-gr-cont{
	width: 1300px;
	max-width: 90%;
	margin: 0 auto;
}
.product-gr-cont .ul{
	width: 100%;
}
.product-gr-cont .li{
	width: 32%;
	margin-right: 2%;
	float: left;
	margin-bottom: 25px;
	position: relative;
}
.product-gr-cont .li:nth-of-type(3n){
	margin-right: 0;
}
.product-gr-cont .li a{
	width: 100%;
	height: 196px;
}
.product-gr-cont .li a img{
	width: 100%;height: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s; 
}
.product-gr-cont .li:hover a img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1); 
}
.product-gr-cont .li h6{
	position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 16px;
	padding-left: 5%;
	border-left: 2px solid rgba(0, 0, 0, 0.8);
	color: #fff

}
.product-gr-cont .li:hover{
	color: #008e7c !important
}