#index_productcategories-content{ padding-top:64px; width:100%; background:#f1f1f1; padding-bottom:103px;}
.index_productcategories_head{ font-size:34px; color:#333333; line-height:50px; font-family:'helvetica_lightregular'; text-transform:uppercase; text-align:center;}
.index_productcategories_head span{font-family:'helveticaregular';}

.index_productcategories_row{ background:#FFFFFF; margin-top:37px; width:100%;}
.index_productcategories_proimg{ width:100%; height:224px; border-bottom:3px solid #fff; float:left; position:relative; overflow:hidden;}
.index_productcategories_pic{width:100%; height:auto; padding-top:46px; text-align:center; overflow:hidden; position:relative; overflow:hidden;}
.index_productcategories_pic img{ display:inline-block; border:none;}
.index_productcategories_name{width:100%; padding:25px 10px 0 10px; left:0; text-align:center; overflow:hidden;}
.index_productcategories_name h3{font-size:18px; color:#666666; line-height:26px; text-align:center; font-weight:normal; font-family:'helvetica_lightregular'; text-transform:uppercase;}
.index_productcategories_proimg:hover{ border-bottom:3px solid #4cc059;}
.index_productcategories_proimg_hover{width:100%; height:224px; border-bottom:3px solid #4cc059; float:left; position:relative; overflow:hidden;}

.bb{display:none;}
.page_class{width:100%; position:relative;}
.class_img{width:100%;}
.class_img img{width:100%; height:auto;}
.index_class_rsp{width:100%; position:absolute; top:205px; z-index:99;}
.class_name{width:100%; text-align:center; padding:35px 0;}
.class_name h3{ font-size:80px; color:#ffffff; line-height:95px; font-weight:normal; text-transform:uppercase; font-family: 'akzidenz-grotesk_bqBdCnalt';}
.class_name a:hover{ text-decoration:none;}
.class_line{width:86px; margin:auto; height:0; border-bottom:2px solid #4cc059; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.class_more{width:222px; height:45px; background:#222123; position:relative; overflow:hidden; border-radius: 40px; text-align:center; margin:auto; margin-top:30px; transition:all .6s;}
.class_more a{font-family:'helveticaregular'; font-weight:bold; font-size:15px; color:#4cc059; line-height:45px; text-transform:uppercase; position: relative; z-index:9;}
.class_more::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #ffffff;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.class_more:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
	z-index:1
}
.class_more:hover a{ text-decoration:none;}

.page_class:hover .class_line{width:50%;}
.class_more:hover {
  background-size: 100% 100%; background-color:#fff; 
}
.class_more:hover a{ text-decoration:none;}

@media (max-width: 1200px) and (min-width:768px){
.index_class_rsp{ top:85px;}
.class_name{padding:25px 0;}
.class_name h3{font-size:60px; line-height:65px;}
.class_more{width:180px; margin-top:29px;}
.class_more img{ width:100% !important;}
.index_productcategories_pic{padding-top:30px;}
.index_productcategories_name h3{ font-size:16px; line-height:22px;}
}

@media (max-width: 768px){
#index_productcategories-content{ padding-top:54px; padding-bottom:53px;}
.index_productcategories_head{ font-size:28px; line-height:40px;}
.index_productcategories_row{ margin-top:17px;}
.index_class_rsp{ top:20px;}
.class_name{padding:10px 0;}
.class_name h3{font-size:28px; line-height:35px;}
.class_more{width:150px; margin-top:15px;}
.class_more img{ width:100% !important;}

.index_productcategories_pic{ padding-top:26px;}
.index_productcategories_proimg{ height:210px;}
.index_productcategories_name h3{ font-size:14px; line-height:20px;}
}

@media (max-width: 400px){
#index_productcategories-content{ padding-top:34px; padding-bottom:33px;}
.index_productcategories_pic img{width:60%;}
.index_productcategories_proimg{ height:90px;}
.index_productcategories_name{ display:none;}
}

@media (max-width: 1200px){
#index_productcategories_animate1,#index_productcategories_animate2{ display:block !important;}
}

#index_productcategories_animate1,#index_productcategories_animate2{

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-delay: .2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 1s;
  -ms-animation-delay: .2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}