@charset "utf-8";

/*
 * index
 * */
.page_index{}
.index_section_title{font-size: 28px;line-height: 2;height: 80px;text-align: center;}





/*
 * index_prd_class
 * */
.index_prd_class_wrap{padding-right:15px;padding-left:15px;margin: 0 auto;max-width:1530px;}
.index_prd_class .item{float: left;width: 20%;position: relative;margin-bottom: 20px;font-size: 14px;}
.index_prd_class .item_last{display: none;}

@media (max-width: 1000px) {
    .index_prd_class_wrap{padding: 0;max-width: none;}
    .index_prd_class .item{width: 33.3333%;margin-bottom: 0;}
    .index_prd_class .item_last{display: block;}
}

@media (max-width: 640px) {
    .index_prd_class .item{width: 50%;margin-bottom: 0;}
}

.index_prd_class .item .dl{
    position:relative;
    width: 100%;
    height:0;font-size:0;line-height:0;overflow: hidden;padding-bottom:113%;
}
.index_prd_class .item .pic{position:absolute;width:100%;height:100%;}
.index_prd_class .item img{width:100%;height:100%;line-height: 0;font-size: 0;vertical-align: middle;display: block;}
.index_prd_class .item a{color: #fff}
.index_prd_class .item a:hover{color: #f90}
.index_prd_class .item i {color: #d5001c;font-size: 16px; }
.index_prd_class .mask{
    position: absolute;top:0;left:0;
    width: 100%;height: 100%;overflow: hidden;
    background-color: rgba(100,100,100,0.5);
    transition: .5s;
    opacity: 0;
}

.index_prd_class .item .dt,
.index_prd_class .item .tit{font-size: 18px;font-weight: bold;padding: 10px;max-width:100%;overflow: hidden;}
.index_prd_class .item .tit{position: absolute;left:0;bottom: 15px;}
/*
@media (max-width: 820px) {
    .index_prd_class .item .dt,
    .index_prd_class .item .tit{font-size: 12px;font-weight:normal;}
    .index_prd_class .item .tit{bottom: 8px;}
}


@media (max-width: 640px) {
    .index_prd_class .item .dt,
    .index_prd_class .item .tit{font-size: 7px;font-weight:normal;padding: 3px;height:20px;line-height:20px;}
    .index_prd_class .item .tit{bottom: 8px;}
    .index_prd_class .item i {color: #d5001c;font-size: 7px; }
}
*/

.index_prd_class .item .dd{
    font-size: 14px;padding: 10px;
    position: absolute;left:0;bottom: 0;
}
.index_prd_class .item .dd a{display: block;line-height: 1.8;
    transition: transform .3s, opacity 0.2s;
    transition-delay:.1s;
    opacity: 0;
    transform:translatey(40px);
    -ms-transform:translatey(40px); 	/* IE 9 */
    -moz-transform:translatey(40px); 	/* Firefox */
    -webkit-transform:translatey(40px); /* Safari 和 Chrome */
    -o-transform:translatey(40px); 	/* Opera */
}

.index_prd_class .item .dd a:nth-child(1){transition-delay:.15s;}
.index_prd_class .item .dd a:nth-child(2){transition-delay:.2s;}
.index_prd_class .item .dd a:nth-child(3){transition-delay:.25s;}
.index_prd_class .item .dd a:nth-child(4){transition-delay:.3s;}
.index_prd_class .item .dd a:nth-child(5){transition-delay:.35s;}


.ie8_fix .index_prd_class .mask{
    display: none;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000, endColorstr=#88000000);/*IE8支持*/
}

.index_prd_class .item:hover .tit{display: none;}
.index_prd_class .item:hover .mask{opacity: 1;}
.ie8_fix .index_prd_class .item:hover .mask{display: block;}
.index_prd_class .item:hover .dd a{
    opacity: 1;
    transform:translatey(0);
    -ms-transform:translatey(0); 	/* IE 9 */
    -moz-transform:translatey(0); 	/* Firefox */
    -webkit-transform:translatey(0); /* Safari 和 Chrome */
    -o-transform:translatey(0); 	/* Opera */
}

/*
 * index_news
 * */
.index_news{}
.index_news .box{float: left;width: 33.333%;position: relative;overflow: hidden;}

@media (max-width: 640px) {
    .index_news .box{float: none;width: 100%;}
}


.index_news .item{float: left;width: 50%;position: relative;font-size: 12px;
    height:0;overflow: hidden;
    padding-bottom:37.5%;
    cursor: pointer;
}

.index_news .box_0 .item:first-child{float: none;width: 100%;padding-bottom:75%;font-size: 14px;}
.index_news .box_1 .item:last-child{float: none;width: 100%;padding-bottom:75%;font-size: 14px;}
.index_news .box_1 .item_last{float: none;width: 100%;padding-bottom:75%;font-size: 14px;}


.index_news .dot{position: absolute;right: 5px;bottom: 0;width: 40px;height: 40px;z-index: 100;}
.index_news .dot_pic,
.index_news .dot_vod{width: 40px;height: 40px;display: none;}

.index_news .dot_pic{background: url("/res/img/web/index_dot_1.png") no-repeat center center;}
.index_news .dot_vod{background: url("/res/img/web/index_dot_2.png") no-repeat center center;}

.index_news .status_pic .dot_pic{display: block;}
.index_news .status_vod .dot_vod{display: block;}


.index_news .dl .pic{position:absolute;width:100%;height:100%;}
.index_news .dl .pic img{width: 100%;height: 100%}
.index_news .dl .con{position: absolute;top:0;left:0;display: none;
    width: 100%;height: 100%;background-color: #fff;line-height: 1.6;
    z-index: 100;

}
.index_news .item:hover .con{display: block;}

.index_news .dl .dd{
    width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;
}


.index_news .item:hover .con .words_anim {
    animation: 5s words_up linear infinite normal;
}

@keyframes words_up {
    0% {
        transform: translateY(80px);
        -webkit-transform: translateY(80px);
    }
    100% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
}

@-webkit-keyframes words_up {
    0% {
        transform: translateY(80px);
        -webkit-transform: translateY(80px);
    }
    100% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
}


.index_news .dl .dt{width:100%;height: 60px;padding:0 6px;line-height: 1.4;
    position: absolute;bottom: 0;left:0;background-color: #fff;
}
.index_news .tit{padding-left:22px;overflow: hidden;
    background: url("/res/img/web/logo3.png") no-repeat left top;
    background-size:20px 20px;
}


.index_news .dl .dt .date{color: #888;text-indent: 22px;}

.ie8_fix .index_news .dl .dt .tit{background: none;text-indent: 0;}
.ie8_fix .index_news .dl .dt .date{text-indent: 0;}

.index_news .dl .dd{width:90%;margin: 10px auto;}

@media (max-width: 640px) {
    .index_news .dl .dt{font-size: 13px;}
    .index_news .dl .dd{font-size: 9px;}
}

/*
 * index_news_layer
 * */
.index_news_layer{position: relative;}
.index_news_layer .tit{text-indent: 22px;overflow: hidden;
    background: url("/res/img/web/logo3.png?v=2") no-repeat left top;
    background-size:20px 20px;
}

.ie8_fix .index_news_layer .tit{background: none;}
.index_news_layer .pic{width: 100%;}
.index_news_layer .pic img{max-width: 100%;height: auto;margin: 0 auto;display: block;}
.index_news_layer .con{margin: 10px;}
.index_news_layer .dd{line-height: 1.6;overflow-x: hidden;overflow-y: auto;}
.index_news_layer .more{}
.index_news_layer .dd{line-height: 1.6;overflow-x: hidden;overflow-y: auto;}
.index_news_layer iframe {width: 100%;height:300px;}

.index_news_layer_1 {height: 360px;overflow: hidden;}
.index_news_layer_1 .pic{position: absolute;left:0;top:0;width: 640px;}
.index_news_layer_1 .con{
    position: absolute;right: 0;top:0;width:260px;
    height: 360px;overflow: hidden;
}

.index_news_layer_2 {height: 540px;overflow: hidden;}
.index_news_layer_2 .pic{position: absolute;left:0;top:0;width: 960px;}
.index_news_layer_2 .con{
    position: absolute;right: 0;top:0;width:260px;
    height: 540px;overflow: hidden;
}

/*
 * index_design_tag
 * */
.index_design_tag{}
.index_design_tag .item{float: left;width: 25%;position: relative;margin-bottom: 20px;}

@media (max-width: 640px) {
    .index_design_tag .item{width: 50%;}
}

.index_design_tag .item .dl{
    position:relative;
    width: 100%;
    height:0;font-size:0;line-height:0;overflow: hidden;padding-bottom:75%;

}
.index_design_tag .item .pic{position:absolute;width:100%;height:100%;}
.index_design_tag .item img{width: 100%;height: 100%;line-height: 0;font-size: 0;vertical-align: middle;display: block;}


.index_design_tag .item .sp{
    position: absolute;bottom:0;left:0;
    display: none;
    width: 100%;height: 3px;font-size: 0;padding:0;margin:0;line-height:0;
    background-color:#d5001c;
}
.index_design_tag .item i{color: #d5001c;font-size: 16px;}

.index_design_tag .item:hover a{color:#d5001c;}
.index_design_tag .item:hover .sp{display: block;}


@media (min-width: 1000px) {
    .index_design_tag .item .pic{width:106%;
        transform:translatex(-5%);
        -ms-transform:translatex(-5%); 	/* IE 9 */
        -moz-transform:translatex(-5%); 	/* Firefox */
        -webkit-transform:translatex(-5%); /* Safari 和 Chrome */
        -o-transform:translatex(-5%); 	/* Opera */
        transition: 0.8s;
    }
    .index_design_tag .item:hover .pic{
        transform:translatex(0);
        -ms-transform:translatex(0); 	/* IE 9 */
        -moz-transform:translatex(0); 	/* Firefox */
        -webkit-transform:translatex(0); /* Safari 和 Chrome */
        -o-transform:translatex(0); 	/* Opera */
    }
}