/*mask*/
.loading-mask {
    position: fixed;
	bottom: 0;
	right: 0;
    top: 0;
	left: 0;
	/*overflow: auto;
	overflow-y: scroll;*/
	width:auto;
    height:auto;
	z-index: 8010;
    display:none;
	background: url('../images/loading/fancybox_overlay.png');
}

.loading-mask .loading {
    width:44px;height:44px;background-image:url('../images/loading/fancybox_sprite.png');
    background-position:0px -108px;
    position:relative;
    margin:0 auto;
    text-align:center;
    padding-top:10px;
    padding-left: 10px;
}

.overlay-lock {
    /*overflow: hidden;
    margin-right: 17px;*/
}
/*mask*/

.fix
{
    bottom:100px;
}

.fix:before
{
    width:100%;
    background: linear-gradient(270deg, rgba(207,211,212,0.9) 0%, rgba(255,255,255,0.9) 100%);
    animation: move 2s linear infinite;
}

@keyframes move {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    90%, 100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.fix.top:before
{
    display:none;
}

.fix.top
{
    background: no-repeat center url("../images/top.png");
    background-size:62px 62px;
    bottom:15px;
    box-shadow:initial;
    right:8px;
}

.section_video
{
    min-height:730px;
}

.sec3 .con .plan_list li .info-con .info .content
{
    font-size:18px;
}

.sec3 .con .plan_list li .info-con .peo > div img:last-child
{
    margin-top:10px;
}

.sec1 .con h2:first-child
{
    margin-top:150px;
}

@media (max-width: 768px) {

    .sec1 .con ul {
        flex-direction: column;
    }

    .sec1 .con ul li {
        width: 96%;
    }
}

@media (max-width: 768px) {
    .sec1 .con h2 div span {
        margin-right:0;
    }
}

@media (max-width: 768px) {
    .sec3 .con .plan_list li .info-con .info .content {
        font-size: 16px;
        line-height: 24px;
    }

    .sec3 .tab-nav li a div
    {
        font-size:18px;
    }

    .sec3 .con .plan_list li .info-con .peo {
        justify-content: flex-start;
    }
}

header
{
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(33, 49, 73)), color-stop(50%, rgba(33, 49, 73, 0.7)), to(rgba(33, 49, 73, 0)));
    background: linear-gradient(to bottom, rgb(33, 49, 73) 0%, rgba(33, 49, 73, 0.7) 50%, rgba(55, 118, 139, 0) 100%);
}

.section_video .video_main .inn > img
{
    width:909px;
}

.section_video .section_video_bg::before {
    background-color: rgba(33, 49, 73, 0.3);
}

.section_video .section_video_bg::after {
    /*background: radial-gradient(ellipse at center, rgba(33, 49, 73, 0) 0%, rgba(33, 49, 73, 0) 60%, rgb(33, 49, 73) 90%, rgb(33, 49, 73) 100%);*/
    background-image:url(../images/mask.png);
    background-size: 100% 100%;
}

.section_video .video_main .inn .txt
{
    text-shadow: #072b60 5px 5px 3px;
}

@media (max-width: 768px) and (max-height: 768px) and (orientation: landscape) {
    .popup.peo {
        height: 100vh;
        overflow-y: auto;
    }

    .popup.peo .pop-frame
    {
        max-height: initial;
        min-height: 700px;
        top: initial;
        transform: initial;
        transform: translateX(-50%);
        margin: 10vh 0;
    }
}

.popup.peo .pop-frame .pop-con
{
    text-align:justify;
}

@media (max-width: 640px)
{
    .popup.peo .pop-frame .pop-con span
    {
        display:block;

    }
}
.btn-r
{
    text-decoration:none;
    box-shadow: #072b60 5px 5px 3px;
    color:#fff;
}

.aPoint
{
    right:-100px;
}

.aPoint.active
{
    right:10px;
}

.fix.top
{
    right:-80px;
}

.top.active
{
    right:8px;
}