#index_products-content{width: 100%; height: 100%; background:url(../ZERO/img/index_class_bg.jpg) center no-repeat; overflow:hidden;}
.adv_table{ width: 100%;
    overflow: visible;
    padding-top: 10vh;
	height:213px;
}
.adv_first{height: 130px; width:343.467px !important;}
.adv_first li{float: left;text-align: center;}
.adv_first.swiper-slide-thumb-active{background: #cf0c10;}
#index_products-content .row1{
    float: right;
}
#index_products-content .row1 div > li {
    position: relative;
    background: #3d3d3d;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.42);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
	width: calc(100%/4);
    max-width: 400px;
    float: left;
}
#index_products-content .row1 .thisList {
    background:linear-gradient(to right, #438d3c, #50a44a);
}
#index_products-content .row1 h3 {
    display:flex;
	height:100%;
    vertical-align: middle;
    color: #ffffff;
	font-size:16px;
    font-weight: bold;
	padding-left:20px;
	align-content:center;flex-direction:column;justify-content:center;
}
#index_products-content .row1:hover a{ text-decoration:none;}
#index_products-content .row1 div > li .listBg {
    top: -53px;
    height: 172px;
    width: 101px;
    right: 5%;
    z-index: 10;
    opacity: 1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.backImg {
    background-size: cover!important;
    background-position: center!important;
}
.pa {
    position: absolute;
}
#index_products-content .row1 div > li:hover {
  background-color: #50a64b; transition: 0.3s !important; -moz-transition: 0.3s !important; -webkit-transition: 0.3s !important;
}
#index_products-content .row1 div > li:hover .listBg {
  opacity: 1;
}
#index_products-content .row1 div > li:hover .leftAngle {
  border-color: transparent transparent #50a64b #50a64b; transition: 0.3s !important; -moz-transition: 0.3s !important; -webkit-transition: 0.3s !important;
}
#index_products-content .row1 div > li.swiper-slide-thumb-active{background-color: #50a64b;}
#index_products-content .row1 div > li.swiper-slide-thumb-active .leftAngle{border-color: transparent transparent #50a64b #50a64b;}
#index_products-content .row1 li.alan{ opacity:0; transform:translateX(200px);}
.page-acive #index_products-content .row1 li.alan{
	opacity: 1; 
	transform: translateX(0);
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
.page-acive #index_products-content .row1 li.alan:first-child{ margin-left:20px;}
.page-acive #index_products-content .row1 li.alan:nth-child(2){
	transition: 0.8s;
    -moz-transition: 0.8s;
    -webkit-transition: 0.8s;
	height: 140px;
}
.page-acive #index_products-content .row1 li.alan:nth-child(3){
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
	height:150px;
}
.page-acive #index_products-content .row1 li.alan:nth-child(4){
	transition: 1.2s;
	-moz-transition: 1.2s;
    -webkit-transition: 1.2s;
	height:160px;
}
.leftAngle {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #3d3d3d #3d3d3d;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
.page-acive #index_products-content .row1 li.alan:first-child .leftAngle{ display:none;}
.page-acive #index_products-content .row1 li.alan:nth-child(2) .leftAngle{
border-width: 31px 70px; bottom: 39px; left: -100px; transition: 0.8s; -moz-transition: 0.8s;     -webkit-transition: 0.8s; 
}
.page-acive #index_products-content .row1 li.alan:nth-child(3) .leftAngle{
border-width: 32px 75px; bottom: 43px; left: -107px; transition: 1s; -moz-transition: 1s;     -webkit-transition: 1s; 
}
.page-acive #index_products-content .row1 li.alan:nth-child(4) .leftAngle{
border-width: 34px 80px; bottom: 46px; left: -114px; transition: 1.2s; -moz-transition: 1.2s;     -webkit-transition: 1.2s; 
}


.gallery-top{margin:auto; width: 100%;}
.adv_des{width: 100%;margin: auto;font-size: 14px;line-height: 30px;color: #fff;}

.index_products_list{margin:20px -20px 0 -20px;}
.index_proimg{ margin:0 20px; position:relative; transition:all .6s; animation:moveLeft 1.5s ease;}
/*.page-acive .index_products_list div.index_pro_item:first-child .index_proimg{ margin-left:0;}
.page-acive .index_products_list div.index_pro_item:nth-child(4) .index_proimg{ margin-right:0;}*/
.index_proimg_proimg{width:100%; position:relative; overflow:hidden;}
.index_proimg_proimg img{width:100%; height:auto;}
.index_proimg .index_proimg_name{text-align:center; background:#FFFFFF; padding:15px 10px;}
.index_proimg .index_proimg_name a{font-size:16px; color:#333333; line-height:30px;}
.index_proimg:hover a{ text-decoration:none;}
.index_proimg:hover{ -webkit-transform:translateY(-20px); transform:translateY(-20px); -moz-transform:translateY(-20px); box-shadow:0 0 20px rgba(0,0,0,0.2);}

.index_products_list div.index_pro_item {
    opacity: 0;
	transform: translateY(-200px);
}
.page-acive .index_products_list div.index_pro_item{
	opacity: 1; 
	transform: translateY(0);
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
.page-acive .index_products_list div.index_pro_item:nth-child(2){
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}
.page-acive .index_products_list div.index_pro_item:nth-child(3){
	transition: 1.4s;
    -moz-transition: 1.4s;
    -webkit-transition: 1.4s;
}
.page-acive .index_products_list div.index_pro_item:nth-child(4){
	transition: 1.8s;
	-moz-transition: 1.8s;
    -webkit-transition: 1.8s;
}
#index_products-mobile{ display:none;}
@media (min-width:1200px) and (max-width:1377px){
#index_products-content .row1 div > li{
	max-width:300px;
}
}
@media (min-width:1000px) and (max-width:1199px){
#index_products-content .row1 div > li{
	max-width:250px;
}
#index_products-content .row1 div > li h3{ line-height:30px; font-size:14px; padding-top:35px; padding-bottom:35px; width:50%;}
}
@media (min-width:768px) and (max-width:999px){
#index_products-content .row1 div > li{
	max-width:200px;
}
#index_products-content .row1 div > li h3{ line-height:30px; font-size:14px; padding-top:35px; padding-bottom:35px; width:50%; padding-left:5px;}
}
@media(max-width:991px){
#index_products-content{ display:none;}
#index_products-mobile{ display:block;}
.products-mobile-class{ width:96%; margin:auto; margin-top:5%;}
.products-mobile-class ul li{ background:#3d3d3d; margin-bottom:15px; box-shadow:0 0 20px rgba(0,0,0,0.42);}
.products-mobile-class ul li h3{ font-size:20px; line-height:25px; padding:2%; color:#ffffff; font-weight:normal;}
.products-mobile-class ul li:hover{ background:#55ad4d;}
.products-mobile-product{ margin-top:20px;}
.swiper-propagination {
	width:100%; 
	margin-top:10px;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}
.swiper-propagination .swiper-pagination-bullet{width:10px; height:10px; background:url(../ZERO/img/pro_dot1.png); background-size:100%; opacity: 1; border-radius:10px !important;}
.swiper-propagination .swiper-pagination-bullet-active{width:10px !important; height:10px !important; background:url(../ZERO/img/pro_dot2.png) center no-repeat !important; opacity: 1;}
.index_proimg:hover{ -webkit-transform:translateY(-5px); transform:translateY(-5px); -moz-transform:translateY(-5px);}
}
@media(max-width:800px){
#index_products-content .row1{ display:none;}
.index_products_list{ margin-top:25px;}
.index_pro_item{ margin-bottom:25px;}
}
@media(max-width:767px){
.index_proimg{ margin:0 10px;}
.index_products_list{ margin-top:25px -10px 0 -10px;}
}