@import url("master.css");
@import url("../font/icon/iconfont.css");
@import url("../../lib/css/animate.css");
.mobile_img{display:none;}
.container{opacity: 0;transform: scale(.8);}

/*font_effect*/
.font_effect>span{display:inline-table;}
.font_effect>span>font{display:block;-webkit-animation-duration:1s !important;animation-duration:1s !important;}
.font_effect>span>font.fadeIn{-webkit-animation-duration:1.2s !important;animation-duration:1.2s !important;}

/*》》》》》》》》》》相册、视频（打开动画）《《《《《《《《《《*/
#spotlight{background-color:rgba(0,0,0,.6);clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);}
#spotlight.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center);
    transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;}

/*》》》》》》》》》》字体间距《《《《《《《《《《*/
.zh{letter-spacing: 0.065em;}

/*》》》》》》》》》》分页器《《《《《《《《《《*/
.pagination{text-align:center;}
.pagination li{display:inline-block;padding:0 .1rem;}
.pagination li a,.pagination li span{display:block;width:.6rem;height:.6rem;line-height:.6rem;border:1px solid var(--color2);
    background-color:#fff;color:var(--color2);transition:all 0.3s ease-out;border-radius: 50%;}
.pagination li.active span{background-color:var(--color2);color:#fff;pointer-events:none;}
.pagination li.disabled span{cursor: not-allowed;}


/*href_hover*/
/*线型*/
.hoverable .hoverable_txt{position:relative;display:inline-block;}
.hoverable .hoverable_txt:after{content: '';width:100%;height:1px;
    position:absolute;left:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);
    -webkit-transform-origin: right top;transform-origin: right top;
    transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);}


/*富文本强制定义*/
.richText{text-align: justify;}
.richText img{display: inline-block !important;max-width: 100% !important;}
.richText p,
.richText span,
.richText em{font-size: 18px !important;}
.richText video{max-width: 100%;display: inline-block;}
.richText a{color: #104491 !important;text-decoration:underline !important;}

.wow{visibility: hidden;}


.container{width: 100%;height: 100vh;}
.maskBg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.maskBg>img{width: 100%;height: 100%;object-fit: contain;}

.logo{position: absolute;top: 0.5vw;left: 0.5vw;z-index: 99;}
.logo>a{height: 6vw;}
.logo img{height: 100%;}

.brief{width: 1140px;position: absolute;top:2vw;left: 50%;transform: translateX(-50%);text-align: center;}
.brief ._title{line-height: 1;}
.brief ._title span{display: inline-block;font-size: .48rem;color: #288fda;font-weight: bold;position: relative;}
.brief ._title span:before{content: attr(data-text);position: absolute;top: 0;left: 0;color: #bbe7ff;transform: translate(-.10416666666666667vw,.20833333333333334vw);z-index: -1;}
.brief ._line{color: #288fda;margin-top:.3rem;line-height: 1.875;}
.logon{min-width: 5.2rem;right: 14.583333333333334vw;top: 50%;box-shadow: 0 2px 10px rgba(18,113,235,.2);transform: translateY(-45%);
    background-color: #fff;position: absolute;border-radius: .2rem;padding: .65rem .8rem;line-height: 1;overflow: hidden;z-index: 5;}
.logon ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.logon ._bg>img{width: 100%;height: 100%;object-fit: cover;}
.logon ._title{font-size: .3rem;color: #0f7cef;text-align: center;font-weight: bold;}
.logon ._form{margin-top: .5rem;}
.logon ._form ._item{align-items: center;border-radius: .52rem;height: .52rem;
    box-shadow: 0 2px 10px rgba(18,113,235,.2);margin-bottom: .2rem;padding: 0 .2rem;}
.logon ._form ._item ._icon{height: .24rem;}
.logon ._form ._item ._icon img{height: 100%;transform: translateY(.02rem);}
.logon ._form ._item ._in{height: 100%;padding-left: .1rem;}
.logon ._form ._item ._in input{height: 100%;width: 100%;border: none;background: none;}
.logon ._form ._item ._in input::-webkit-input-placeholder{color:#c0c0c0;}
.logon ._form ._item ._in input::-moz-placeholder{color:#c0c0c0;}
.logon ._form ._item ._in input:-ms-input-placeholder{color:#c0c0c0;}
.logon ._form ._submit{margin-top: .4rem;}
.logon ._form ._submit button{width: 100%;height: .52rem;border: none;
    border-radius: .52rem;color: #fff;letter-spacing: .1rem;background-image: linear-gradient(to right, #00a8ff,#1569e8);}


.logo2{position: absolute;left: 11.458333333333334vw;top: 6.25vw;}
.logo2>a{height: 6.354166666666667vw;}
.logo2 img{height: 100%;}
.logon2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5;line-height: 1;min-width: 7.6rem;}
.logon2 ._title{font-size: .4rem;font-weight: bold;background: linear-gradient(to right, #b38de4, #8883e6, #71a3f6 75%);-webkit-background-clip: text;color: transparent;text-align: center;}
.logon2 ._form{margin-top: .6rem;padding: .8rem 1.4rem 1rem 1.4rem;position: relative;border-radius: .2rem;overflow: hidden;}
.logon2 ._form ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.logon2 ._form ._bg>img{width: 100%;height: 100%;object-fit: cover;}
.logon2 ._form ._tips{background: linear-gradient(to right, #b38de4, #8883e6, #71a3f6 75%);-webkit-background-clip: text;color: transparent;
    text-align: center;font-size: .36rem;font-weight: bold;}
.logon2 ._form form{margin-top: .5rem;}
.logon2 ._form ._name{font-weight: bold;letter-spacing: .075em;}
.logon2 ._form ._text{height: .6rem;line-height: .6rem;align-items: center;border-radius: .6rem;margin-top: .23rem;padding: 0 .3rem;
    position: relative;box-shadow: 0 2px 10px rgba(18,113,235,.2);}
.logon2 ._form ._text:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: .6rem;border: 1px solid #ab8ae4;z-index: -1;}
.logon2 ._form ._text ._icon{height: .24rem;}
.logon2 ._form ._text ._icon img{height: 100%;transform: translateY(.02rem);}
.logon2 ._form ._text  ._in{height: 100%;padding-left: .2rem;}
.logon2 ._form ._text ._in input{height: 100%;width: 100%;border: none;background: none;}
.logon2 ._form ._text ._in input::-webkit-input-placeholder{color:#999999;}
.logon2 ._form ._text ._in input::-moz-placeholder{color:#999999;}
.logon2 ._form ._text ._in input:-ms-input-placeholder{color:#999999;}
.logon2 ._form ._submit{margin-top: .5rem;}
.logon2 ._form ._submit button{width: 100%;height: .6rem;border: none;
    border-radius: .52rem;color: #fff;letter-spacing: .1rem;background-image: linear-gradient(to right, #b38de4, #8883e6, #71a3f6);}



/*电端加上鼠标效果/动画 */
@media screen and (min-width:1025px){
    .rollAni,.font_effect{visibility: hidden;}
    .hoverable:hover .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1);
        -webkit-transform-origin:left top;transform-origin:left top;}
    /*ani*/
}
@media screen and (max-width:1600px){
    .richText p,
    .richText span,
    .richText em{font-size: 17px !important;}
}
@media screen and (max-width:1440px){
    .richText p,
    .richText span,
    .richText em{font-size: 15px !important;}
    .header .nav .navlist .nav_a .nav_b .nav_b_list>li>a{line-height: 32px;}
    .masterBtn1{height: .54rem;line-height: .54rem;}
}

@media screen and (max-width:1280px){
    .richText p,
    .richText span,
    .richText em{font-size: 13px !important;}
    .postCnt thead th{height: 48px;}
    .postList ._check{height: 48px;}
    .postList ._check ._switch{width: 22px;height: 22px;}
    .language ._list{width: .8rem;}
    .language ._list ._item a{line-height: 32px;}
}

@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){
    .richText p,
    .richText span,
    .richText em{font-size: 14px !important;}
}