/*!
 laypage默认样式
*/
.laypage_main a, .laypage_main input, .laypage_main span
{
    height: 26px;
    line-height: 26px;
}
.laypage_main span
{
    width: 40px;
    height: 60px;
    margin-left: 8px;
    font-size: 30px;
    text-align: center;
    padding: 10px;
}
span.laypage_prev, .laypage_main a.laypage_prev
{
    margin-left: 0;
}
.laypage_main button, .laypage_main input, .laypageskin_default a
{
    border: 1px solid #ccc;
    background-color: #fff;
}
.laypage_main
{
    font-size: 0;
    clear: both;
    color: #666;
}
.laypage_main *
{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.laypage_main a
{
    text-decoration: none;
    color: #666;
}
.laypage_main a
{
    background: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-family: "HarmonyOS_Sans_SC_Regular";
    font-size: 24px;
    line-height: 38px;
    color: #595757;
    border: 1px solid #b5b5b5;
    padding: 10px;
    margin-left: 16px;
}
.laypage_main input
{
    width: 40px;
    margin: 0 5px;
    padding: 0 5px;
}
.laypage_main button
{
    height: 28px;
    line-height: 28px;
    margin-left: 5px;
    padding: 0 10px;
    color: #666;
}/*.laypageskin_default span{
	height:28px;line-height:28px;color:#999
}*/
.laypageskin_default .laypage_curr
{
    background: #e5e5e5;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-family: "HarmonyOS_Sans_SC_Regular";
    font-size: 24px;
    line-height: 38px;
    color: #595757;
    border: 1px solid #b5b5b5;
    padding: 10px;
    margin-left: 16px;
}
.laypage_main a:hover
{
    background: #f6f6f6;
}
.laypageskin_molv a, .laypageskin_molv span
{
    padding: 0 12px;
    border-radius: 2px;
}
.laypageskin_molv a
{
    background-color: #f1eff0;
}
.laypageskin_molv .laypage_curr
{
    background-color: #00aa91;
    color: #fff;
}
.laypageskin_molv input
{
    height: 24px;
    line-height: 24px;
}
.laypageskin_molv button
{
    height: 26px;
    line-height: 26px;
}
.laypageskin_yahei
{
    color: #333;
}
.laypageskin_yahei a, .laypageskin_yahei span
{
    padding: 0 13px;
    border-radius: 2px;
    color: #333;
}
.laypageskin_yahei .laypage_curr
{
    background-color: #333;
    color: #fff;
}
.laypageskin_flow
{
    text-align: center;
}
.laypageskin_flow .page_nomore
{
    color: #999;
}/*banner*/
.top-img
{
    background-image: url(/images/video-library/video-library-top1.jpg);
}
.video-title
{
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 60px;
    color: #004898;
    font-weight: 400;
    line-height: 60px;
    margin: 140px auto;
    text-align: center;
}
.video-content
{
    margin: 0 80px 64px 80px;
    overflow: hidden;
}
.video-content ul
{
    width: 100%;
    margin: 0;
}
.video-content .video-card
{
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 16px;
    background: #f6f6f6;
}
.video-content .video-card:nth-child(3n)
{
    margin-right: 0;
}
.my-video
{
    width: 100%;
}
.little-title
{
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 28px;
    color: #000;
    line-height: 50px;
    height: 137px;
    margin-top: 30px;
    padding: 0 30px;
    word-wrap: break-word;
}
.video-desc
{
    font-family: "HarmonyOS_Sans_SC_Regular";
    font-size: 18px;
    color: #595757;
    margin: 40px 0;
    padding: 0 30px;
}/*页码*/
#video_pagination
{
    margin: 0 80px 140px 80px;
    text-align: center;
}
span.laypage_prev, span.laypage_next
{
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
    background: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-family: "HarmonyOS_Sans_SC_Regular";
    font-size: 24px;
    color: #595757;
    border: 1px solid #b5b5b5;
    padding: 10px;
}
span.laypage_next
{
    margin-left: 16px;
}
.fa
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-left::before
{
    content: " ";
    display: block;
    height: 40px;
    width: 40px;
    background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
    background-position: center;
}
.fa-angle-right::before
{
    content: " ";
    display: block;
    height: 40px;
    width: 40px;
    background: url(/website/jingdiao/cn/images/common/right.svg) no-repeat;
    background-position: center;
}/*视频*/
.video-js .vjs-big-play-button
{
    height: 2.5em;
    width: 2.5em;
    left: 50%;
    top: 50%;
}
.vjs-big-play-button .vjs-icon-placeholder
{
    font-size: 3em;
    color: #005bac;
}
.vjs-loading-spinner
{
    font-size: 2.5em;
    width: 1em;
    height: 1em;
    border-radius: 4em;
    margin: 0;
}
.video-js:hover .vjs-big-play-button
{
    transition: all 0s;
}
.vjs-poster
{
    background-size: 100% 100%;
}
.video-js .vjs-tech
{
    object-fit: fill;
    margin: 0;
}
@media only screen and (max-width: 1400px)
{
    .video-content
    {
        margin: 0 60px 64px 60px;
    }
}
@media only screen and (max-width: 1300px)
{
    .video-content
    {
        margin: 0 40px 64px 40px;
    }
}
@media only screen and (max-width: 1919px)
{
    .video-title
    {
        margin: 116.2px auto;
    }
    .video-content
    {
        margin: 0 40px 53.12px 40px;
    }
    #video_pagination
    {
        margin: 0 80px 116.2px 80px;
    }
}
@media only screen and (max-width: 1599px)
{
    .video-title
    {
        font-size: 40px;
        line-height: 40px;
        margin: 105px auto;
    }
    .video-content
    {
        margin: 0 40px 48px 40px;
    }
    #video_pagination
    {
        margin: 0 80px 105px 80px;
    }
}
@media only screen and (max-width: 1299px)
{
    .video-title
    {
        font-size: 40px;
        line-height: 40px;
        margin: 95.2px auto;
    }
    .video-content
    {
        margin: 0 40px 43.52px 40px;
    }
    #video_pagination
    {
        margin: 0 80px 95.2px 80px;
    }
    span.laypage_prev, span.laypage_next
    {
        width: 50px;
        height: 50px;
        font-size: 20px;
        padding: 10px;
    }
    .laypageskin_default .laypage_curr
    {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 31px;
        padding: 10px;
    }
    .laypage_main a
    {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 31px;
        padding: 10px;
    }
    .fa-angle-left::before
    {
        height: 30px;
        width: 30px;
        background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
        background-position: center;
    }
    .fa-angle-right::before
    {
        height: 30px;
        width: 30px;
        background: url(/website/jingdiao/cn/images/common/right.svg) no-repeat;
        background-position: center;
    }
}
@media only screen and (max-width: 1660px)
{
    .little-title
    {
        font-size: 25px;
        line-height: 45px;
        height: 127px;
        padding: 0 20px;
    }
    .video-desc
    {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 1450px)
{
    .little-title
    {
        font-size: 22px;
        line-height: 40px;
        height: 113px;
    }
}
@media only screen and (max-width: 1300px)
{
    .little-title
    {
        font-size: 20px;
        line-height: 36px;
        height: 100px;
    }
    .video-desc
    {
        font-size: 16px;
        margin: 30px 0;
    }
}
@media only screen and (max-width: 1200px)
{
    .little-title
    {
        font-size: 18px;
        line-height: 32px;
        height: 92px;
        padding: 0 10px;
    }
    .video-desc
    {
        padding: 0 10px;
    }
}/*移动端*/
@media only screen and (max-width: 1024px)
{/*
	 laypage默认样式
	*/
    .laypage_main a, .laypage_main input, .laypage_main span
    {
        height: 26px;
        line-height: 26px;
    }
    .laypage_main span
    {
        width: 40px;
        height: 60px;
        font-size: 18px;
        text-align: center;
        padding: 10px;
    }
    span.laypage_prev, .laypage_main a.laypage_prev
    {
        margin-left: 0;
    }
    .laypage_main button, .laypage_main input, .laypageskin_default a
    {
        border: 1px solid #ccc;
        background-color: #fff;
    }
    .laypage_main
    {
        font-size: 0;
        clear: both;
        color: #666;
    }
    .laypage_main *
    {
        display: inline-block;/*vertical-align:top;*/
        font-size: 12px;
    }
    .laypage_main a
    {
        text-decoration: none;
        color: #666;
    }
    .laypage_main a
    {
        background: #fff;
        width: 36px;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        font-family: "HarmonyOS_Sans_SC_Regular";
        font-size: 18px;
        line-height: 36px;
        color: #595757;
        border: 1px solid #b5b5b5;
        margin-left: 10px;
        padding: 0;
    }
    .laypage_main input
    {
        width: 40px;
        margin: 0 5px;
        padding: 0 5px;
    }
    .laypage_main button
    {
        height: 28px;
        line-height: 28px;
        margin-left: 5px;
        padding: 0 10px;
        color: #666;
    }
    .laypageskin_default .laypage_curr
    {
        background: #e5e5e5;
        width: 36px;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        font-family: "HarmonyOS_Sans_SC_Regular";
        font-size: 18px;
        line-height: 18px;
        color: #595757;
        border: 1px solid #b5b5b5;
        margin-left: 10px;
    }
    .laypage_main a:hover
    {
        background: #f6f6f6;
    }
    .laypageskin_molv a, .laypageskin_molv span
    {
        padding: 0 12px;
        border-radius: 2px;
    }
    .laypageskin_molv a
    {
        background-color: #f1eff0;
    }
    .laypageskin_molv .laypage_curr
    {
        background-color: #00aa91;
        color: #fff;
    }
    .laypageskin_molv input
    {
        height: 24px;
        line-height: 24px;
    }
    .laypageskin_molv button
    {
        height: 26px;
        line-height: 26px;
    }
    .laypageskin_yahei
    {
        color: #333;
    }
    .laypageskin_yahei a, .laypageskin_yahei span
    {
        padding: 0 13px;
        border-radius: 2px;
        color: #333;
    }
    .laypageskin_yahei .laypage_curr
    {
        background-color: #333;
        color: #fff;
    }
    .laypageskin_flow
    {
        text-align: center;
    }
    .laypageskin_flow .page_nomore
    {
        color: #999;
    }
    .video-title
    {
        font-size: 30px;
        line-height: 40px;
        margin: 38px 15px;
    }
    .machine-content
    {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .machine-title
    {
        width: 66.67%;
        margin: 42px auto 24px auto;
        max-width: 459px!important;
    }
    .second-title
    {
        font-family: "HarmonyOS_Sans_SC_Bold";
        font-size: 22px;
        line-height: 32px;
        color: #000;
        margin: 0;
        padding: 0 15px;
    }
    .video-content
    {
        margin: 37px 0 0 0;
        overflow: hidden;
    }
    .video-content ul
    {
        width: 100%;
        margin: 0;
    }
    .video-content .video-card
    {
        width: 100%;
        margin-bottom: 12px;
        background: #f6f6f6;
        padding-bottom: 42px;
        text-align: left;
        float: none;
        margin-right: 0;
    }
    .my-video
    {
        width: 100%;
    }
    .little-title
    {
        font-family: "HarmonyOS_Sans_SC_Bold";
        font-size: 22px;
        color: #000;
        line-height: 32px;
        margin-top: 19px;
        padding: 0 15px;
        height: auto;
    }
    .video-desc
    {
        font-size: 16px;
        line-height: 16px;
        color: #333;
        margin: 19px 0 0 0;
        padding: 0 15px;
    }/*页码*/
    #video_pagination
    {
        margin: 30px 0 42px 0;
        text-align: center;
    }
    span.laypage_prev, span.laypage_next
    {
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
        background: #fff;
        width: 36px;
        height: 36px;
        text-align: center;
        font-size: 18px;
        color: #595757;
        border: 1px solid #b5b5b5;
        padding: 4px;
        vertical-align: middle;
    }
    a.laypage_next, span.laypage_next
    {
        margin-left: 20px;
    }
    span.laypage_prev, a.laypage_prev
    {
        margin-right: 10px;
    }
    .fa
    {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
    }
    .fa-angle-right
    {
        margin-bottom: 2px;
    }
    .fa-angle-left::before
    {
        content: " ";
        display: block;
        height: 18px;
        width: 18px;
        background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
        background-position: center;
        background-size: 18px auto;
    }
    .fa-angle-right::before
    {
        content: " ";
        display: block;
        height: 18px;
        width: 18px;
        background: url(/website/jingdiao/cn/images/common/right.svg) no-repeat;
        background-position: center;
        background-size: 18px auto;
    }/*视频*/
    .video-js:hover .vjs-big-play-button
    {
        transition: all 0s;
    }
    .vjs-poster
    {
        background-size: 100% 100%;
    }
    .video-js .vjs-tech
    {
        object-fit: fill;
        margin: 0;
    }
}
@media only screen and (min-width: 450px) and (max-width: 1024px)
{
    .second-title
    {
        font-size: 24px;
        line-height: 36px;
    }
    .little-title
    {
        font-size: 24px;
        line-height: 36px;
    }
    .video-desc
    {
        font-size: 18px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 450px)
{
    .video-js .vjs-big-play-button
    {
        font-size: 2.48em;
    }
    .video-title
    {
        font-size: 24px;
        line-height: 32px;
        margin: 28px 15px;
    }
}