@charset "UTF-8";
/* 重设样式 */
*{margin:0;padding:0;list-style:none;border:none;outline:none;}
body{ font:12px/1.5 "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;font-variant:normal;color:#000000;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
input, select, textarea {font-size: 100%;}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {border-collapse: collapse;border-spacing: 0;}
/* 去除默认边框 */
fieldset, img {border: 0;}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {border: 0;font-variant: normal;}
/* 一致的 del 样式 */
del {text-decoration: line-through;}
address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}
/* 去掉列表前的标识, li 会继承 */
ol, ul {list-style: none;}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {text-align: left;}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {text-decoration:none;}
/* 默认不显示下划线，保持页面简洁 */
ins, a {text-decoration: none;color:#000000;
    -moz-transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    transition:all .3s ease-in;}
div {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}




.video{width: 100%;height: auto;overflow: hidden;padding-top: 10px;}
.video .video_cen{width: 1200px;height: auto;margin: auto;position: relative;}
.video .tite{width: 1200px;text-align:  center;display:  block;position:  relative;font-size: 58px;color: #ffffff;font-weight:  bold;margin-bottom: 50px;margin: 0 auto 50px;}
.video .tite:before{content: "";width: 5%;height: 3px;background: #ffffff;display:  block;position:  absolute;left: 150px;top: 50px;}
.video .tite:after{content: "";width: 5%;height: 3px;background: #ffffff;display: block;position: absolute;right: 150px;top: 50px;}

.video .video_cen .bd{width: 1190px;height: auto;margin: auto;position: relative;overflow: hidden;border: 5px solid #ffffff;}
.video .video_cen .bd li{width: 1190px;height: 552px;margin: auto;position: relative;float: left;}
.video .video_cen .bd li img{width: 100%;height: 552px;display: block;}
.video .video_cen .bd li .shi_pin_on{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video .video_cen .bd li .shi_pin_on .sound-icon{position: absolute;right: 10px;top: 10px;width: 40px;height: 40px;background-color: #9e9e9e;text-align:  center;line-height: 40px;font-size:  18px;cursor:  pointer;display:  block;z-index: 999;}
.video .video_cen .hd{width: 100%;overflow:  hidden;height:  auto;position:  relative;margin-top: 15px;}
.video .video_cen .hd li{float:  left;width:  185px;height: 160px;margin: 7px;cursor:  pointer;}
.video .video_cen .hd li img{width: 180px;height: 130px;display: block;border: 3px solid #ffffff;}
.video .video_cen .hd li p{color: #ffffff;text-align:  center;font-size:  14px;margin-top: 5px;}




/* 弹窗 */
.tckbg{display:none;position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.7);  overflow:hidden; z-index:99;}
.sqk_alert{ display:none; position:fixed; left:0; top:0;right:0;bottom:0;margin:auto; width:633px; height:700px; background:url(../images/alert.png) no-repeat 0 0; z-index:500;}
.sqk_alert-title{height: 103px;margin:65px 0 0 20px;display: block;width: 593px;color: #c3412f;font: 600 40px/120px "思源黑体"; text-align:center; }
.app_name1,.app_tel1{ margin-left: 135px;display:block;width: 370px;height: 62px;font:500 24px/62px "思源黑体";text-indent: 34px; background:rgba(0,0,0,0); }
.app_tel1{ margin-top:34px; }
.sqk_alert_close{position:absolute; left:270px; bottom:0;width:100px; height:100px; background: rgba(0,0,0,0);}
.btn_appsubmit1{padding: 55px 75px 60px 75px; margin:0 0 0 212px;display: block;width: 72px;height: 72px;background: rgba(0,0,0,0);color: #fff;font:500 36px/45px "思源黑体";}

/*左侧*/
.btnredpack{position: fixed;left: 0;top: 40%;opacity: 0;    transition: all 0.8s ease-in-out 0s;
    -moz-transition: all 0.8s ease-in-out 0s;
    -webkit-transition: all 0.8s ease-in-out 0s;
    }
.btnredpack.on{ opacity: 1;  left: 10px; transition: all 0.8s ease-in-out 0s;
    -moz-transition: all 0.8s ease-in-out 0s;
    -webkit-transition: all 0.8s ease-in-out 0s;
   }
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}




@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}