@charset "UTF-8";
input, textarea{ resize: none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.f_direction_column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.f_direction_row {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.f_direction_row_reverse {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.f_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.f_column_right{-webkit-box-orient:vertical;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.f_row{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;}
.f_row_right{-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse;}
.j_center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.j_end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.j_start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}
.j_justify{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.j_around{-moz-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around;}
.a_start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.a_end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.a_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.a_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.a_stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
.dh {	-webkit-transition: all .3s linear;	-o-transition: all .3s linear;	transition: all .3s linear;}
.dh(@time) {	-webkit-transition: all unit(@time, s) linear;	-o-transition: all unit(@time, s) linear;	transition: all unit(@time, s) linear;}
.dh_block(@time) {	-webkit-transition: all unit(@time, s) ease-in-out;	-o-transition: all unit(@time, s) ease-in-out;	transition: all unit(@time, s) ease-in-out;}
.fd(@size) {	-webkit-transform: scale((@size));	-ms-transform: scale((@size));	-o-transform: scale((@size));	transform: scale((@size))}
.impf(@size) {	-webkit-transform: translate(-50%, -50%) scale((@size));-ms-transform: translate(-50%, -50%) scale((@size));	-o-transform: translate(-50%, -50%) scale((@size));	transform: translate(-50%, -50%) scale((@size))}
.flex_wrap{flex-wrap:wrap;-ms-flex-wrap:wrap;}
.letterBig {text-transform: uppercase;}
.pb {	width: 100%;	height: 0;	padding-bottom: 100%;	position: relative;}
.ab {	position: absolute;	left: 0;top: 0;	width: 100%;	height: 100%;	font-size: 0;	text-align: center;}
.abImg {position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.xz(@size) {transform: rotate(unit(@size, deg));-ms-transform: rotate(unit(@size, deg));-moz-transform: rotate(unit(@size, deg));-webkit-transform: rotate(unit(@size, deg));-o-transform: rotate(unit(@size, deg))}
.xzx{transform:rotateX(180deg);-ms-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-o-transform:rotateX(180deg)}
.xzy{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.scrollbar(@size1,@size2,@color1,@color){&::-webkit-scrollbar{width:unit(@size1,px);height:unit(@size2,px);background-color:@color1;
    &::-webkit-scrollbar-thumb{background-color:@color;border-radius:10px}scrollbar-width:thin;scrollbar-color:@color transparent}}
.w1800{width:100%;max-width:1920px;margin:0 auto;padding:0 60px}
.w1680{width:100%;max-width:1680px;margin:0 auto;}
.w1600{width:100%;max-width:1600px;margin:0 auto;}
.w1560{width:100%;max-width:1560px;margin:0 auto;}
.w1440{width:100%;max-width:1440px;margin:0 auto;}
.w1400,.wrap{width:100%;max-width:1400px;margin:0 auto;}
.w1350,.wrap{width:100%;max-width:1350px;margin:0 auto;}
.w1280{width:100%;max-width:1280px;margin:0 auto;}
.w1200{width:100%;max-width:1200px;margin:0 auto;}

.font300 {
    font-size: 300px;
    @media @max1600 {font-size: 280px;}
    @media @max1560 {font-size: 260px;}
    @media @max1470 {font-size: 240px;}
    @media @max1366 {font-size: 220px;}
    @media @max1200 {font-size: 200px;}
    @media @max1024 {font-size: 180px;}
    @media @max768 {font-size: 160px;}
    @media @max480 {font-size: 140px;}
    @media @max360 {font-size: 120px;}
}
.font150 {
    font-size: 150px;
    @media @max1600 {font-size: 140px;}
    @media @max1560 {font-size: 130px;}
    @media @max1470 {font-size: 120px;}
    @media @max1366 {font-size: 110px;}
    @media @max1200 {font-size: 100px;}
    @media @max1024 {font-size: 90px;}
    @media @max768 {font-size: 64px;}
    @media @max480 {font-size: 50px;}
    @media @max360 {font-size: 40px;}
}
.font140 {
    font-size: 140px;
    @media @max1600 {font-size: 130px;}
    @media @max1560 {font-size: 120px;}
    @media @max1470 {font-size: 110px;}
    @media @max1366 {font-size: 100px;}
    @media @max1200 {font-size: 90px;}
    @media @max1024 {font-size: 80px;}
    @media @max768 {font-size: 54px;}
    @media @max480 {font-size: 40px;}
    @media @max360 {font-size: 30px;}
}
.font80 {
    font-size: 80px;
    @media @max1600 {font-size: 62px;}
    @media @max1470 {font-size: 52px;}
    @media @max1024 {font-size: 42px;}
    @media @max768 {font-size: 32px;}
}
.font72 {
    font-size: 72px;
    @media @max1600 {font-size: 62px;}
    @media @max1470 {font-size: 52px;}
    @media @max1024 {font-size: 42px;}
    @media @max768 {font-size: 32px;}
}

.font60 {
    font-size: 60px;
    @media @max1600 {font-size: 40px;}
    @media @max1470 {font-size: 38px;}
    @media @max1024 {font-size: 36px;}
    @media @max768 {font-size: 28px;}
}

.font50 {
    font-size: 50px;
    @media @max1600 {font-size: 46px;}
    @media @max1470 {font-size: 39px;}
    @media @max1024 {font-size: 33px;}
    @media @max768 {font-size: 27px;}
}
.font48 {
    font-size: 48px;
    @media @max1600 {font-size: 40px;}
    @media @max1470 {font-size: 39px;}
    @media @max1024 {font-size: 33px;}
    @media @max768 {font-size: 25px;}
}
.font46 {
    font-size: 46px;
    @media @max1600 {font-size: 43px;}
    @media @max1470 {font-size: 36px;}
    @media @max1024 {font-size: 30px;}
    @media @max768 {font-size: 27px;}
}
.font44 {
    font-size: 44px;
    @media @max1600 {font-size: 42px;}
    @media @max1470 {font-size: 38px;}
    @media @max1024 {font-size: 32px;}
    @media @max768 {font-size: 26px;}
}
.font42 {
    font-size: 42px;
    @media @max1600 {font-size: 40px;}
    @media @max1470 {font-size: 36px;}
    @media @max1024 {font-size: 30px;}
    @media @max768 {font-size: 24px;}
}
.font40 {
    font-size: 40px;
    @media @max1600 {font-size: 38px;}
    @media @max1470 {font-size: 33px;}
    @media @max1024 {font-size: 29px;}
    @media @max768 {font-size: 24px;}
}

.font36 {
    font-size: 36px;
    @media @max1600 {font-size: 32px;}
    @media @max1470 {font-size: 28px;}
    @media @max1024 {font-size: 24px;}
    @media @max768 {font-size: 20px;}
}

.font32 {
    font-size: 32px;
    @media @max1600 {font-size: 24px;}
    @media @max1470 {font-size: 24px;}
    @media @max1024 {font-size: 22px;}
    @media @max768 {font-size: 20px;}
}

.font30 {
    font-size: 30px;
    @media @max1600 {font-size: 26px;}
    @media @max1470 {font-size: 22px;}
    @media @max1024 {font-size: 20px;}
    @media @max768 {font-size: 18px;}
}

.font28 {
    font-size: 28px;
    @media @max1600 {font-size: 24px;}
    @media @max1470 {font-size: 20px;}
    @media @max1024 {font-size: 18px;}
    @media @max768 {font-size: 16px;}
}

.font26 {
    font-size: 26px;
    @media @max1600 {font-size: 23px;}
    @media @max1470 {font-size: 21px;}
    @media @max1024 {font-size: 19px;}
    @media @max768 {font-size: 16px;}
}
.font24 {
    font-size: 24px;
    @media @max1600 {font-size: 18px;}
    @media @max1470 {font-size: 16px;}
    @media @max1024 {font-size: 15px;}
    @media @max768 {font-size: 14px;}
}

.font22 {
    font-size: 22px;
    @media @max1600 {font-size: 18px;}
    @media @max1470 {font-size: 16px;}
    @media @max1024 {font-size: 14px;}
    @media @max768 {font-size: 12px;}
}
.font20 {
    font-size: 20px;
    @media @max1600 {font-size: 15px;}
    @media @max1470 {font-size: 14px;}
    @media @max1024 {font-size: 12px;}
}
.font18 {
    font-size: 18px;
    @media @max1600 {font-size: 16px;}
    @media @max1470 {font-size: 13px;}
    @media @max768 {font-size: 12px;}
}

.font16 {
    font-size: 16px;
    @media @max1600 {font-size: 14px;}
    @media @max768 {font-size: 12px;}
}

.font14 {
    font-size: 14px;
    @media @max1470 {font-size: 12px;}
    @media @max768 {font-size: 12px;}
}
.font12{
    font-size: 12px;
}

/* ------------------------------  内外边距 */
.marginX(@size1,@size2){margin:0 min(unit((@size1/1920*100),vw),unit(@size1,px)) 0 min(unit((@size2/1920*100),vw),unit(@size2,px));@media @max1024{margin:0 unit((@size1/2),px) 0 unit((@size2/2),px)}}
.marginY(@size1,@size2){margin:min(unit((@size1/1920*100),vw),unit(@size1,px)) 0 min(unit((@size2/1920*100),vw),unit(@size2,px));@media @max1024{margin:unit((@size1/2),px) 0 unit((@size2/2),px)}}
.marginAuto(@size1,@size2){margin:min(unit((@size1/1920*100),vw),unit(@size1,px)) auto min(unit((@size2/1920*100),vw),unit(@size2,px));@media @max1024{margin:unit((@size1/2),px) auto unit((@size2/2),px)}}
.marginTop(@size){margin-top:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{margin-top:unit((@size/2),px)}}
.marginRight(@size){margin-right:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{margin-right:unit((@size/2),px)}}
.marginBottom(@size){margin-bottom:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{margin-bottom:unit((@size/2),px)}}
.marginLeft(@size){margin-left:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{margin-left:unit((@size/2),px)}}
.paddingX(@size1,@size2){padding:0 min(unit((@size1/1920*100),vw),unit(@size1,px)) 0 min(unit((@size2/1920*100),vw),unit(@size2,px));@media @max1024{padding:0 unit((@size1/2),px) 0 unit((@size2/2),px);}}
.paddingY(@size1,@size2){padding:min(unit((@size1/1920*100),vw),unit(@size1,px)) 0 min(unit((@size2/1920*100),vw),unit(@size2,px));@media @max1024{padding:unit((@size1/2),px) 0 unit((@size2/2),px) 0;}}
.paddingTop(@size){padding-top:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{padding-top:unit((@size/2),px)}}
.paddingRight(@size){padding-right:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{padding-right:unit((@size/2),px)}}
.paddingBottom(@size){padding-bottom:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{padding-bottom:unit((@size/2),px)}}
.paddingLeft(@size){padding-left:min(unit((@size/1920*100),vw),unit(@size,px));@media @max1024{padding-left:unit((@size/2),px)}}

@max2560:~"(max-width:2560px)"; @max1920:~"(max-width:1920px)"; @max1800:~"(max-width:1800px)"; @max1720:~"(max-width:1720px)"; @max1680:~"(max-width:1680px)"; @max1600:~"(max-width:1600px)";
@max1560:~"(max-width:1560px)"; @max1520:~"(max-width:1520px)"; @max1470:~"(max-width:1470px)"; @max1440:~"(max-width:1440px)"; @max1400:~"(max-width:1400px)"; @max1366:~"(max-width:1366px)";
@max1320:~"(max-width:1320px)"; @max1280:~"(max-width:1280px)"; @max1200:~"(max-width:1200px)"; @max1150:~"(max-width:1150px)"; @max1024:~"(max-width:1024px)"; @max990:~"(max-width:990px)";
@max768:~"(max-width:768px)"; @max640:~"(max-width:640px)"; @max480:~"(max-width:480px)"; @max360:~"(max-width:360px)";

@media @max1800 { .w1680 { max-width: 100%; padding: 0 60px; } } @media @max1720 { .w1600 { max-width: 100%; padding: 0 60px; } } @media @max1680 { .w1560 { max-width: 100%; padding: 0 60px; } }
@media @max1560 { .w1440 { max-width: 100%; padding: 0 60px; } } @media @max1520 { .w1400, .wrap { max-width: 100%; padding: 0 60px; } } @media @max1470 { .w1350, .wrap { max-width: 100%; padding: 0 60px; } }
@media @max1400 { .w1280 { padding: 0 60px; } } @media @max1320 { .w1200 { max-width: 100%; padding: 0 60px; } }
@media @max1024 { .w1800, .w1680, .w1560, .w1400, .w1350, .wrap, .w1440, .w1600, .w1280, .w1200 { padding: 0 30px; } }
@media @max990 { .w1800, .w1680, .w1560, .w1400, .w1350, .wrap, .w1440, .w1600, .w1280, .w1200 { padding: 0 20px; } .pc { display: none !important; } .wap, .mobile { display: block !important; } }

.content {
    width: 1260px;
// width: 65.6%;
    margin: 0 auto;
    @media @max1470 {
    width: 1100px !important;
}
    @media @max1280 {
    width: auto !important;
    padding: 0 40px;
    margin: 0 auto;
}
    @media @max768 {
    padding: 0 17.5px;
}
}
.pc {display: block;}
.wap, .mobile {display: none;}
.radius_16 { border-radius: 16px;
    @media @max1600 { border-radius: 14px; }
    @media @max1366 { border-radius: 12px; }
    @media @max1024 { border-radius: 10px; }
    @media @max768 { border-radius: 8px; }
}


@keyframes run {0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}
@keyframes run2 {0%{transform:rotate(0deg)} 100%{transform:rotate(-360deg)}}
@keyframes tran_run {0%{transform: translate(-50%, -50%) rotate(0deg)} 100%{transform: translate(-50%, -50%) rotate(360deg)}}
@keyframes tran_run2 {0%{transform: translate(-50%, -50%) rotate(0deg)} 100%{transform: translate(-50%, -50%) rotate(-360deg)}}
@keyframes tran_boost {0%{transform:scale(0);opacity: 1;} 100%{transform:scale(1);opacity:0.3;}}

// 主题色
@color: #008bd5;

/* --------------------------------------  视频弹窗 */
.videotape {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .55); z-index: 9998; display: none }
.videotex {position: fixed; width: 1400px; max-width: calc(~'100% - 100px'); height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none;
    video {width: 100%; object-fit: fill; }
    .close {width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 1); position: absolute; right: -20px; top: -20px; z-index: 9; .flex; .j_center; .a_center; font-size: 30px; color: @color; .dh;
        &:hover {.xz(180); background: @color; color: #fff; }
    }
    .video {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;
        video, iframe {.ab; object-fit: fill; }
    }
    @media @max1440 {max-width: 70%; }
    @media @max768 {width: 100%; max-width: 100%;
    .close {right: 0; top: -40px }
}
}

/* --------------------------------------  表单 */
.selfForm{
    .zs{.font12; position: relative; padding-right: 15px; cursor: pointer;.flex; .a_center;
        &::before{position: absolute; content: "\e602"; font-family: "iconfont"; right: 0; font-size: 8px; .xzx; color: #555555;}
    }
    .xl{display: none;}
}

.header_nbsp {widows: 100%; height: 100px;
    @media @max1366 {height: 80px;}
    @media @max990 {display: none;}
}


.activeShow {
    transform: translateX(100%);
}
/* --------------------------------------  PC端头部  END*/

///////////////////////
///////////////////////
///////////////////////

/* --------------------------------------  手机版头部 */
.m_header_box {width: 100%;height: auto;display: none;position: fixed;top: 0;left: 0;z-index: 999999;box-shadow: 0 1px 0 #eee;
    .header_title {width: 100%;height: 60px;padding: 0 20px;position: relative;background: #fff;.flex;.a_center;.j_justify;overflow: hidden;
        .logo {	width: auto;height: 100%;overflow: hidden;
            a{.flex;.a_center;width: 100%; height: 100%;}
            img {max-height: 30px;}
        }
        .column {.flex;}
        .menu_btn {	width: 30px;height: 30px;position: relative;overflow: hidden; cursor: pointer;
            &::after,&::before,i {width: 70%;height: 2px;display: block;background: #000;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -35%;transform-origin: center;	.dh;}
            &::before {content: '';margin-top: -8px;}
            &::after {content: '';margin-top: 6px;}
        }
        .menu_btn.active {i {opacity: 0}
            &::before {margin-top: -1px;.xz(45deg);border-radius: 5px;background: @color;}
            &::after {margin-top: -1px;.xz(-45deg);border-radius: 5px;background: @color;}
        }
        .head_btn {	width: auto;height: 30px;margin-right: 20px;.flex;.a_center;.dh;cursor: pointer;overflow: hidden;
            .icon {max-width: 14px;height: 14px;font-size: 0;margin-right: 5px;filter: invert(1);.dh;}
            .link {line-height: 1;font-size: 12px;color: #000;margin-top: 3px;
                span {opacity: .6;}
                a {	color: #000;opacity: .6;.dh;}
                a:hover {opacity: 1;}
            }
            &:hover {.icon {filter: invert(1);}
                .link {color: #000;
                    a,span {color: #000;}
                }
            }
        }
    }
    .header_body {width: 100%;height: calc(~'100vh - 60px');background: #f7f7f7;display: none;overflow: hidden;
        .menu_info {width: 100%;height: 100%;padding: 0 0 20px;.flex;.f_column;overflow: hidden;}
        .menu_nav {	width: 100%;height: auto;flex: 1;padding: 20px;overflow: hidden;overflow-y: auto;
            ul {margin: 0;padding: 0;
                li {width: 100%;height: auto;border-bottom: 1px solid rgba(0, 0, 0, .03);overflow: hidden;
                    .one {width: 100%;height: auto;position: relative;z-index: 1;.flex;.a_center;.j_justify;overflow: hidden;
                        a {padding: 15px 0;display: block;font-size: 14px;color: #282f36;line-height: 1;.dh(.3);.flex;.a_center;position: relative;
                            .subtitle {font-size: 14px;margin-right: 10px;}
                            .title {font-size: 14px;}
                        }
                        .icon {width: 20px;height: 20px;.flex;.a_center;.j_center;margin-top: -10px;position: absolute;	right: 0;top: 50%;font-size: 0;
                            color: #282f36;.dh;
                            i {font-size: 8px;}
                        }
                        &.active {
                            a {	color: @color;}
                            .icon {	color: @color;}
                        }
                        &.active.is_active .icon {.xz(90deg);}
                    }
                    ul {border-top: 1px solid @color;display: none;
                        li { border: 0; margin: 15px 0;
                            a {	font-size: 13px; padding: 0 0 0 20px; color: #333; position: relative;
                                .icon {	width: 16px; height: 16px;.flex;.a_center;position: absolute;left: 0;top: 50%;margin-top: -8px;color: #333;
                                    i {	font-size: 8px;}
                                }
                            }
                            a.active {color: @color;
                                .icon {color: @color;}
                            }
                            ul {border: 0;display: none;
                                li {
                                    a {padding: 10px 0 10px 35px;font-size: 12px;color: #999;}
                                    a:before {content: '';width: 5px;height: 1px;background: #999;position: absolute;top: 50%;left: 20px;margin-top: -1.5px;	z-index: 1;}
                                    a.active:before {background: @color;}
                                }
                            }
                        }
                    }
                }
            }
        }

        .menu_form {width: 100%;height: auto;margin-top: 20px;padding: 0 20px;overflow: hidden;
            .center {width: 100%;height: 50px;	background: #fff;overflow: hidden;
                form {width: 100%;height: 100%;	.flex;	overflow: hidden;.a_center;
                    input {	flex: 1;height: 100%;padding: 0 15px;font-size: 14px;color: #282f36;border: 0;}
                    button {width: 70px;
                        i {font-size: 18px;}
                    }
                }
            }
        }
        .menu_lang {width: 100%;height: auto;margin-top: 40px;padding: 0 20px;font-size: 0;	.flex;.a_center;overflow: hidden;
            .one {width: auto;height: 36px;	margin-right: 10px;	overflow: hidden;
                a {width: 100%;	height: 100%;padding: 0 1em;.flex;.a_center;.j_center;background: #fff;border-radius: 50px;font-size: 12px;	color: #282f36;}
                a.active {background: @color;color: #fff;}
            }
        }
    }
    @media @max990 {display: block;}
}
.m_header_nbsp {width: 100%;height: 60px;display: none;overflow: hidden;
    @media @max990 {display: block;}
}

/*  --------------------------------------  手机版头部  END*/

///////////////////////
///////////////////////
///////////////////////

/*  --------------------------------------  首页默认样式*/
.idx_title {
    .title {.font48; color: #000; line-height: 1; font-family: "Bahnschrift";}
    .subtitle {.font24; color: #000; .marginTop(65); .marginBottom(40);}
    .content {.font16; line-height: 1.875; color: #666666;}
// @media @max1600 {.title {font-size: 36px;}
// 	.subtitle {font-size: 15px;}
// }
// @media @max1366 {.title {font-size: 30px;}
// 	.subtitle {font-size: 16px;}
// }
// @media @max1024 {.title {font-size: 33px;}
// 	.subtitle {font-size: 14px;}
// }
    @media @max768 {.subtitle{margin-top: 20px !important; margin-bottom: 10px !important;}}
}

///////////////////////
///////////////////////
///////////////////////

/* --------------------------------------   按钮公共样式 */
.pushButton {width: 160px;height: 50px;	border-radius: 40px;border: 1px solid @color;.font14; color: @color;
    i {.flex;margin-left: 19px;font-size: 22px;}
    a{.font14;}
    @media @max1150 {width: 145px; height: 40px;}
    @media @max990 {width: 125px !important;height: 35px !important; i{display: none;}}
}
.pageButton {width: 160px;height: 50px;	border-radius: 40px;border: 1px solid #e5e5e5;.font16; color: #000;
    i {.flex;margin-left: 19px;font-size: 22px;}
    a{.font14;}
    @media @max1150 {width: 145px; height: 40px;}
    @media @max990 {width: 125px !important;height: 35px !important; i{display: none;}}
}
.pageButton2 {width: 160px;height: 50px;	border-radius: 40px;border: 1px solid #1f3b21;.font16; color: #1f3b21;
    i {.flex;margin-left: 19px;font-size: 22px;}
    a{.font14;}
    @media @max1150 {width: 145px; height: 40px;}
    @media @max990 {width: 125px !important;height: 35px !important; i{display: none;}}
}


.allMeun {position: fixed;top: 0;right: 0;width: 100%;padding: 2% 5%;height: 100%;z-index: 9999999;	background: #000a19;transition: all 0.8s;overflow: hidden;
    ul {margin-left: 10%;
        a {	color: white; .font48;	font-weight: 900;	margin: 1% 0;	display: block;	transition: all 0.3s;
            &:hover {color: #e77f2a;}
        }
        @media @max768 {
        a {	.font30;}
    }
    }
    .close {color: white;position: absolute;top: 5%;right: 5%;.font30; cursor: pointer;	}
}
/* --------------------------------------   按钮公共样式 end */



/* --------------------------------------   分页 */
.pager_in{width: 100%; .flex; .j_center; .a_center; .marginTop(60); grid-gap: 3px;
    .it{width: 47px; height: 35px; border-radius: 10px; .flex; .j_center; .a_center; cursor: pointer; .font18; color: #000;
        &:hover,&.active{background: @color; color: white; transition: all 0.5s;}
    }
    .pagination-prev{
        width: 100%;
        height: 100%;
        background: url(../images/contact/pagination-prev.svg) no-repeat center;
        display: block;
        &:hover {
            background: url(../images/contact/-pagination-prev.svg) no-repeat center;
        }
    }
    .pagination-next{
        width: 100%;
        height: 100%;
        background: url(../images/contact/pagination-next.svg) no-repeat center;
        display: block;
        &:hover {
            background: url(../images/contact/-pagination-next.svg) no-repeat center;
        }
    }
}
/* --------------------------------------   分页 end */

///////////////////////
///////////////////////
///////////////////////


///////////////////////
///////////////////////
///////////////////////


/* 视频弹窗 */
.videomark {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .55); z-index: 9998; display: none }
.videobox {position: fixed; width: 1400px; max-width: calc(~'100% - 100px'); height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none;
    video {width: 100%; object-fit: fill; }
    .close {width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 1); position: absolute; right: -20px; top: -20px; z-index: 9; .flex; .j_center; .a_center; font-size: 30px; color: @color; .dh;
        &:hover {.xz(180); background: @color; color: #fff; }
    }
    .video {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;
        video, iframe {.ab; object-fit: fill; }
    }
    @media @max1440 {max-width: 70%; }
    @media @max768 {width: 100%; max-width: 100%;
    .close {right: 0; top: -40px }
}
}