@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
html {font-size: 62.5%;}
body {font: 12px/1 system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;color: #333;background-color: #fff;}
a{text-decoration: none;cursor:pointer;}
ul, li {list-style-type: none;}
input{outline: none;}
textarea{outline: none;resize:none}
.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.typeArea{width:100%;box-sizing: border-box;padding: 0 .18rem;margin: 0 auto;position: relative}
h1,h2,h3,h4{font-size:12px; font-weight:normal}
.hide{display: none!important;}
.show{display: block!important;}
.borderNone{border:none!important;}
.flex{display: flex!important;}
.op1{opacity:1 !important;}
.ofv{overflow: visible!important;}
.op0{opacity:0 !important;}
.c0{color:#000 !important;}
.c3{color:#333 !important;}
.c6{color:#666 !important;}
.c9{color:#999 !important;}
.f{color:#fff !important;}
.c{color:#ccc !important;}
.e{color:#eee !important;}
.b{font-weight: bold !important;}
.f22{font-size:22px !important;}
.f20{font-size:20px !important;}
.f18{font-size:18px !important;}
.f16{font-size:16px !important;}
.f14{font-size:14px !important;}
.f12{font-size:12px !important;}
/*换行*/
.br::after{content: "\A";white-space: pre;}
.br2::after{content: "\A\A";white-space: pre;}
.br3::after{content: "\A\A\A";white-space: pre;}
.br4::after{content: "\A\A\A\A";white-space: pre;}
/* 图片放大 */
.imgContain {overflow: hidden;}
.imgContain>img {width:100%;transition: all .5s;transform: scale(1);display: block;}
.imgContain:hover>img{transform: scale(1.05);}
/* 背景填充 */
.bgFull{position: relative;overflow: hidden;z-index: 3;transition:all .5s;}
.bgFull:hover{color:#fff}
.bgFull:hover:after{width:130%}
.bgFull:after{content:"";width:0;font-size:12px;display:block;height:130%;line-height:30px;text-align:center;box-sizing:border-box;border:1px solid #333;cursor:pointer;position:absolute;left:-15%;top:-15%;background:#e60011;transition:all .5s;z-index:-1}
/* 玻璃 */
.glass{position:relative;overflow:hidden}
.glass:after{position:absolute;left:-100%;top:0;width:30%;height:100%;content:"";background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-45deg)}
.glass:hover:after{left:150%;transition:1s ease}
/* 省略号 */
.dh{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing: border-box;}
.dh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;box-sizing: border-box;}
.dh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;box-sizing: border-box;}
.dh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;box-sizing: border-box;}
/* 弹框 */
#previewPic{width:100vw;height:100vh;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:100}
#previewPic>img{width:30%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#previewPic>img.close{width:40px;height:40px;position:absolute;top:0;left:45%;right:0;bottom:0;margin:auto}
 @media (max-width:789px){#previewPic>img{width:60%;}#previewPic>img.close{top: 66%;left:0;}}
/* 背景渐渐变大 */
@keyframes mymove
{
    0%   {transform: scale(1)}
    50%  {transform: scale(1.2)}
    100% {transform: scale(1)}
}
/* animation:mymove 100s infinite; */
/*左右摆动*/
@keyframes swing
{
    0%   {left:5px;}
    50%  {left:-5px;}
    100% {left:5px;}
}
/*需要满足的样式{
    position: relative;
}
{
     animation:swing 1s;
} */

/*尺寸最佳行高 12 20    14 35    */



.allContent{
    width:640px;
    margin:0 auto;
    position: relative;
    overflow:hidden;
    padding-bottom:.8rem;
}
.allContent .bg{

    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
    display: block;
}
.allContent .logo{
    width:2.83rem;
    height:.46rem;
    display: block;
    margin:.56rem auto .6rem;
}
.TitAndCont{
    display: flex;
}
.TitAndCont>.left{
    position: relative;
    width:.47rem;
}
.TitAndCont>.left .company{
    font-size:10px;
    width:400px;
    font-style:italic;
    color:#fff;
    transform:rotate(270deg) translateX(-360px) translateY(10px);
    transform-origin: left;

}
.TitAndCont>.right{
    background:rgba(1,2,22,.56);
    width:100%;
    box-sizing: border-box;
    padding-left:.36rem;
    padding-right:.36rem;


}
.TitAndCont>.right>.gradient{
    width:100%;
    height:.04rem;
    background:linear-gradient(to right,rgba(0,92,180,0),rgba(0,92,180,100),rgba(0,92,180,0))

}

.publicOneTitle.dev{
    padding-top:.68rem;
    padding-bottom:.68rem;
    text-align: center;
}
.publicOneTitle.dev>.title{
    display: flex;
    align-items: flex-start;
    text-shadow:2px 2px 2px rgb(0 92 180);
    font-style: italic;
}
.publicOneTitle.dev>.title .cn{
    font-size:20px;
    color:#fff;
    margin-right:.14rem;



}
.publicOneTitle.dev>.title .en{
    font-size:12px;
    color:#fff;

}
.publicOneTitle.dev .line{
    margin-top:.22rem;
    width:.64rem;
    height:.04rem;
    background:#fff;
}
.publicOneTitle.dev>.des{
    margin-top:29px;
}


@media (max-width:799px){

    .allContent{
        width:100%;
    }


}