.page_probg {
       width: 100%;
       margin: auto;
       min-width: 1190px;
       height: auto;
       padding-top: 20px;
       padding-bottom: 40px;
}

.index_product_title {
       width: 100%;
       margin: auto;
       margin-bottom: 40px;
}

.index_product_title_left {
       width: 100%;
       float: left;
       box-sizing: border-box;
}
#index_product_title_left1 h3{
       color: #333;font-size: 30px;line-height: 40px;font-weight: normal;
}

.index_product_title_left > div {
       -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;
}

.index_product_title_right {
       width: 60%;
       float: right;
       padding-right: 15px;
       box-sizing: border-box;
}

.index_product_title_right > div,.hj02_advantage_right_box,.hj02_index_videoBox_left,.hj02_index_videoBox_right,.news_item,.news_item_right_box,.page_Logo{
       -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;
}
.hj02_proclasslist{float: right;}
.hj02_proclasslist li{padding: 6px 15px;float: left;}
.hj02_proclasslist li a{font-size: 15px;line-height: 20px;color: #666;font-weight: normal;}
.hj02_pro_more{font-size: 14px;color: #666;line-height: 24px;float: right;padding: 5px 8px;}


.index_product_more {
       width: 200px;
       height: 45px;
       line-height: 45px;
       text-align: center;
       border-width: 2px;
       border-style: solid;
       display: inline-block;
       border-radius: 4px;
       font-size: 13px;
       font-family: Saira;
       text-transform: uppercase;
       -webkit-transition: all .2s ease-in-out !important;
       -moz-transition: all .2s ease-in-out !important;
       transition: all .2s ease-in-out;
}

.index_product_more:hover {
       outline: 0;
}

.index_prolist_wai {
       width: 100%;height:470px;overflow: hidden;position: relative;
}
.index_prolist_waibox{position: absolute;left: 0;top: 0;}
.index_prolist_wai_cont{
       width: 1190px;float: left;overflow: hidden;
}

.index_proitem {
       width: 100%;
       height: auto;
       float: left;
       background-color: #fff;
     
           margin-right: 50px!important;
}
.index_proitem_box {
       width: 100%;
       height: auto;
       margin: auto;
       position: relative;
}
.index_proitem_box:after{content: '';display: table;width: 0;height: 2px;position: absolute;bottom: 0;left:0;transition: .6s;}
.index_proitem_name h6{overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: normal}

.index_proitem_img {
       padding: 1px;
       width: 100%;
       height: 100%;
       overflow: hidden;
       margin: auto;
       box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}

.index_proitem_img img {
       border: 1px solid #ebebeb;
       width: 100%;
       height: 400px;
       transition: all 0.6s;
       -moz-transition: all 0.6s;
       -webkit-transition: all 0.6s;
       box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}

.index_proitem_img a {
       position: relative;display: block;width: 100%;height: 100%;
}

/*.index_proitem_img a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 0;
    transition: .3s;
    visibility: hidden;
    z-index: 9;
}*/

.index_proitem_img a:after {
       position: absolute;
       top: 0;
       left: 0;
       content: "";
       transition: .3s;
       background: url(../images/product_more.png) no-repeat center 50% rgba(0,0,0,0.5);
       width: 100%;
       height: 100%;
       z-index: 99;
       right: 0;
       text-align: center;
       color: #fff;
       opacity: 0;
       visibility: hidden;
}

.index_proitem:hover .index_proitem_img a:after {
       opacity: 1;
       visibility: visible;
}

.index_proitem_second {
       padding: 20px;
}

.index_pro_slickbox{padding-bottom: 50px!important;}
.index_pro_slickbox .hj02-pro-prev{left: -50px;z-index: 99;width: 40px;height: 40px;background: rgba(0,0,0,0.5);top: 37%;transition: .6s;}
.index_pro_slickbox .hj02-pro-next{right: -40px;z-index: 99;width: 40px;height: 40px;background: rgba(0,0,0,0.5);top: 37%;transition: .6s;}

.index_pro_slickbox .hj02-pro-prev:before{
       content: '';display: table;;width: 40px;height: 40px;background: url(../images/jiantou.png)no-repeat 0px 0px;
}
.index_pro_slickbox .hj02-pro-next:before{
       content: '';display: table;;width: 40px;height: 40px;background: url(../images/jiantou.png)no-repeat -39px 0px;
}
.hj02-pro-pagination{bottom: 0!important;}
.hj02-pro-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #e3e3e3;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: none;padding: 0;border: 2px solid #e3e3e3;opacity: 1!important;}
.hj02-pro-pagination .swiper-pagination-bullet-active{border: 2px solid #333;width: 6px;height: 6px;background: #e3e3e3;}




.index_proitem:hover .index_proitem_img img {
       transform: scale(1.1);
       -moz-transform: scale(1.1);
       -webkit-transform: scale(1.1);
       transition: 0.6s;
       -moz-transition: 0.6s;
       -webkit-transition: 0.6s;
}
.index_proitem:hover .index_proitem_box{
       box-shadow: 0 0 14px 0 rgba(0,0,0,0.10);
}
.index_proitem:hover .index_proitem_box:after{
       content: '';display: table;width: 100%;transition: .6s;
}
/*index product*/