/* CSS Document */
.video_s_b{width:100%;height:377px;overflow:hidden;background:#EBEBEB;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;padding:20px 26px;}
.video_s_b .c_slide{width:887px;height:337px;overflow:hidden;position:relative;}
.video_s_b ul{width:10000px;height:100%;position:absolute;left:0px;transition:left ease-in-out .5s;-webkit-transition:left ease-in-out .5s;-moz-transition:left ease-in-out .5s;-ms-transition:left ease-in-out .5s;-o-transition:left ease-in-out .5s;}
.video_s_b ul li{width:887px;float:left;overflow:hidden;}
.video_s_b ul li .video_c{width:541px;height:336px;float:left; position:relative; cursor:pointer}
.video_s_b ul li .video_c .btn{ position:absolute; left:50%; top:50%; width:78px; margin-left:-39px; margin-top:-39px;}

.video_s_b ul li .des{width:318px;float:right;}
.video_s_b ul li .des h5{margin-bottom:15px;font-size:24px;line-height:30px;padding:15px 5px;font-weight:normal;border-bottom:1px solid #999999;}
.video_s_b ul li .des p{width:96%;margin:auto;font-size:14px;line-height:24px;}

.s_mini{width:100%;overflow:hidden;padding:10px 0;background:#CCCCCC;}
.s_mini li{width:115px;height:87px;background:#fff;margin-left:36px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;float:left;}
.s_mini li img{width:100%;height:100%;display:block;}
.s_mini li.on{padding:5px;}
.s_mini li.on img{width:106px;height:77px;}

.rg_content .hh{ width:100%; height:70px; line-height:70px; font-size:30px;color:#7C7B7D;padding-top:10px;}
.rg_content .hh a{font-size:14px;line-height:20px;float:right;margin-top:35px;}

.rg_content  .honour_pic{width:110%;overflow:hidden;margin:auto;}
.rg_content  .honour_pic li{width:288px;margin:8px 30px 16px 5px;float:left;text-align:center;font-size:15px;line-height:40px;background:#E6E4E4;/* border:1px solid #E4E4E4; padding:6px;*/cursor:pointer;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.rg_content  .honour_pic li.end{margin-right:0px;}
.rg_content  .honour_pic li .cont{overflow:hidden;width:100%;position:relative;}
.rg_content  .honour_pic li .cont a{display:block;width:100%;height:100%;position:absolute;top:0%;left:0%;background:url(../images/video.png) no-repeat center center;filter:alpha(opacity=0);opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;}
.rg_content  .honour_pic li img{display:block;width:100%;}
.rg_content  .honour_pic li:hover{/* color:#9966cc; */box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-ms-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-o-box-shadow:0px 0px 8px rgba(0,0,0,0.4);transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);}
.rg_content  .honour_pic li:hover .cont a{filter:alpha(opacity=70);opacity:1;}

.rg_content  .device li .cont{overflow:hidden;width:286px;border:1px solid #E4E4E4; position:relative;}

.xmmenu2017{ margin-top:40px; overflow:hidden; background:#55556b; font-size:24px; padding-top:2px; color:#fff;}
.xmmenu2017 li{ display:inline-block; line-height:54px; height:54px; padding:0 40px; cursor:pointer}
.xmmenu2017 li.on{ background:#fff; color:#55556b;}

.xm2017{ width:100%; padding:40px 0; display:none}
.xm2017.on{ display:block}
.xm2017 .list{ float:left; margin-right:25px; margin-bottom:40px; width:420px; display:inline; border:1px solid #e9e9e9; padding:23px 15px; box-shadow:0 2px 1px rgba(0,0,0,0.1); -webkit-transition: transform 0.2s ease-out;transition: transform 0.2s ease-out}

.xm2017 .list:hover{    -webkit-animation: Indexbounce 1s linear normal both 1;
    animation: Indexbounce 1s linear normal both 1;}


.xm2017 .list:nth-of-type(2n){ margin-right:0}
.xm2017 .list .p1{ width:100%; height:35px; position:relative; margin-bottom:25px;}
.xm2017 .list .p1 .txt{ padding:0 20px 0 66px; line-height:35px; display:inline-block; font-size:18px; background:#986295; border-radius:35px; color:#fff;}
.xm2017 .list .p1 .pic{ width:49px; height:49px; overflow:hidden; position:absolute; left:0; top:-10px; border-radius:50%; border:2px solid #986295}
.xm2017 .list .p1 .txt1{ position:absolute;height:42px; right:-20px; top:0;}
.xm2017 .list .p1 .txt1 .l{ display:inline-block;vertical-align:top}
.xm2017 .list .p1 .txt1 .m{ display:inline-block; background:url(../images/icovideo5_m.png) repeat-x; height:42px; line-height:35px; font-size:18px; vertical-align:top;color:#fff;}
.xm2017 .list .p1 .txt1 .r{ display:inline-block;vertical-align:top}
.xm2017 .list .dj{ width:100%; overflow:hidden; cursor:pointer}
.xm2017 .list .p2{ width:100%; line-height:23px; font-size:18px; padding-bottom:15px; overflow:hidden}
.xm2017 .list .p2 .ico{ display:inline-block; vertical-align:top}
.xm2017 .list .p3{ margin:0 auto; position:relative; width:399px; background:#fff; height:215px; overflow:hidden; border-radius:15px;}
.xm2017 .list .p3 .img{width:399px; height:215px;border-radius:15px;}
.xm2017 .list .p3 span{ position:absolute; width:100%; height:100%; border-radius: 15px; text-align:center; background:rgba(0,0,0,0.3)}
.xm2017 .list .p3 span img{ display:inline-block; transform:translateY(60px);-webkit-transform:translateY(60px);}

.xm2017 .list .p4{ margin:0 auto; width:399px; overflow:hidden; margin-top:15px; line-height:23px; color:#666666 }

.xm2017 .list .p4 .s1{ display:inline-block; vertical-align:top; width:46px; height:23px; text-align:center;background:url(../images/icovideo4.png) no-repeat; font-size:14px; margin-right:10px;color:#333}
.xm2017 .list .p4 a{ font-size:14px; color:#666}
.xm2017 .list .p4 .s2{ float:right; display:inline;}
.xm2017 .list .p4 .s2 span{display:inline-block; vertical-align:middle;}
.xm2017 .list .p4 .s3{ float:right; display:inline; margin-right:10px;}
.xm2017 .list .p4 .s3 span{display:inline-block; vertical-align:middle;}

.videoBox{position: fixed;width:100%;height: 100%;background:rgba(0,0,0,0.8); left:0;top:0; z-index: 999;display: none;}
.videoBox.show{display: block;}
.videoBox .videoPlay{width: 600px;height:300px;background-color: #714386;position: absolute;left:50%;margin-left:-300px;top:50%;transform: translateY(-50%);}
.videoBox .close{position: absolute;right:20px;top:20px;width:52px;  cursor: pointer; }
.xm2017 .list:hover a{ color:#e993c0}
@keyframes scale1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    55% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    58% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }	
    65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }		
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scale1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    55% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    58% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }	
    65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }		
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-webkit-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}

@-moz-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}