.videolist figure .videobg,
.videolist figure img,
.videolist h3{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}


.index-video{
    padding-top: 30px;
    margin-bottom: 30px;
}
.videolist{
    width: 360px;
    margin-right: 30px;
}
.videolist figure{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.videolist figure img{
    display: block;
    width: 100%;
    height: 350px;
}
.videolist figure:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.videolist figure figcaption{
    position: absolute;
    top: 0;
    left: 15px; 
    padding: 0 15px;
    background: #005a12;
    color: #fff;
    line-height: 36px;
    font-size: 15px;
    z-index: 2;
    text-shadow: 1px 1px 2px #000;
}
.videolist figure span.btn{position: absolute;top: 44px;left: 15px;z-index: 2;}
.videolist figure span.btn a{display: inline-block; line-height: 28px;padding: 0 15px; margin-bottom: 10px;
    text-shadow: 1px 1px 2px #000;background: #e82e00;background:rgba(232, 46, 0,.8);border-radius: 2px; color:#fff;margin-right: 15px;font-size: 14px;}
.videolist.video1 figure span.btn a{background:rgba(227, 71, 90,.8) ;}
.videolist.video2 figure span.btn a{background:rgba(197, 61, 138,.8);}
.videolist figure span.btn a:hover{background: #e82e00;}
.videolist.video1 figure figcaption{
    background: #e3475a;
}
.videolist.video2 figure figcaption{
    background: #c53d8a;
}
.videolist.video3 figure figcaption{
    background: #e9611d;
}
.videolist figure .videobg{
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    filter: alpha(opacity=0);
}
.videolist figure .videobg i{
    display: block;
    width: 70px;
    height: 70px;
    background: url("../images/icon-video.png");
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
}
.videolist a:hover figure .videobg{
    opacity: 100;
    filter: alpha(opacity=100);
}
.videolist h3{
    line-height: 44px;
    font-size: 16px;
    color: #000;
    padding: 0 10px 0 45px;
    background:#f2f2f2  url(../images/icon-tit.png) no-repeat 10px center;
}
.videolist a:hover h3{
    background-color:#e82e00;
    color: #fff;
}
.videolist.video3{
    width: 420px;
    margin-right: 0;
}

.indexbtn { height: 31px;text-align: center; padding-bottom: 0px; position: relative; padding-left: 32px; padding-right: 32px; padding-top: 30px; }
.indexbtn .dot {min-width: 40px; height: 31px;display: inline-block;}
.indexbtn .dot a { float: left;cursor:pointer;font-size:0;width: 11px; height: 11px; margin: 9px 5px 8px;border-radius: 50%;border:2px solid #1a1a1a;}
.indexbtn .dot a.on {  background: #1a1a1a;  }
.indexbtn .prev {display: inline-block; width: 17px; height: 31px; background: url(../images/indexmain_icon01.png) no-repeat; margin-left: -32px; margin-right: 15px; }
.indexbtn .next { display: inline-block; width: 17px; height: 31px; background: url(../images/indexmain_icon02.png) no-repeat; margin: 0 -32px 0 15px; }





.indexlump1list .text .titi{font-size: 18px; color:#333; margin-top:16px; display: block; cursor: pointer; height: 21px; overflow: hidden;line-height:21px;}
.indexlump1list .text p{ font-size: 14px; color: #666; line-height: 21px; height: 42px; overflow: hidden; margin-top:14px; }
.indexlump1list .text .lj{ display: block; padding-top:10px; font-size: 14px; color:#666; background: url(../images/gd.png) no-repeat 61px 14px;}
.indexlump1list ul li:hover .lj{ color:#eb6100; background:url(../images/gdb.png) no-repeat 61px 14px; }


.indexproduct {overflow: hidden; padding-top:0px;position: relative; padding-bottom: 0px; margin-bottom: 40px;/*background: url("../images/indexnews_bg.jpg") no-repeat center top;*/}
.indexproduct .indextitle{color: #fff;}
.indexproduct-box { width: 1200px;  margin:  auto;overflow: hidden; }
.indexproduct-box ul { }
.indexproduct-box ul li { float: left; width: 270px; position: relative;margin:10px 40px 0 0;transition:all .3s linear;}
.indexproduct-box ul li .figure {  width: 200px; height: 235px; line-height: 235px;font-size:0;text-align: center; border-bottom: 1px solid #fff; }
.indexproduct-box ul li img { display: inline-block; max-width: 200px; max-height: 235px; }
.indexproduct-box ul li h4 { font-size: 16px; line-height: 30px; text-align: center; height: 30px; overflow: hidden; padding-top: 7px; }
.indexproduct-box ul li h4 { font-size: 16px; line-height: 30px; text-align: center; height: 30px; overflow: hidden; padding-top: 7px; }
.indexproduct-box ul li a{ color: #333;display: block;width: 200px; padding: 10px 34px 20px 34px;border:1px solid #ddd;}
.indexproduct-box ul li .text { font-size: 12px; line-height: 30px; height: 30px; overflow: hidden; color: #666; text-align: center; }
.indexproduct-box ul li:hover{transform: translateY(-10px)}