body {
    font: 12px/1.5 arial, simsun, sans-serif;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
    color: #333;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.ttf?t=1754976370408') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*链接整体设置*/
a {
    text-decoration: none;
    color: #333;
    transition: all .15s;
}
a:hover {
    color: #354ba7;
}
a:active {
    color: #333;
}
a {
    blr: expression(this.onFocus=this.close());
}
a {
    blr: expression(this.onFocus=this.blur());
}
div:focus,
*:focus,
a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus {
    outline: none;
    hide-focus: expression(this.hideFocus=true);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c9c9c9;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c9c9c9;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #c9c9c9;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c9c9c9;
}
input[type=button],
input[type=submit],
input[type=file],
button,
select {
    -webkit-appearance: none;
}
/*公用样式*/
div,
table,
tr,
td,
img,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
i,
font,
span,
b,
dl,
dt,
dd,
form,
textarea,
input,
select,
a,
button {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-family: "arial";
    box-sizing: border-box;
}
ul,
ol {
    list-style-type: none;
}
h1,
h2,
h3,
h4 {
    font-weight: 500;
}
img {
    border: none;
    -ms-interpolation-mode: bicubic;
    -o-object-fit: cover;
    object-fit: cover;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.clear0 {
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
}
.hidden {
    display: none;
}

.logo {display:block; position:absolute; left: 2rem; top:2.375rem; z-index:2; font-size:1.5rem; line-height:1; text-align:center; color:#ffffff; transition:opacity 0.3s , transform 0.3s; font-weight: bold;}
.logo:hover {opacity:0.5;}

.row {margin:0 auto; width:100%; max-width:1400px;}
.comflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.comflex1 {
    display: flex;
    flex-wrap: wrap;
}
.comflex2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.comflex3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.comflex5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.comflex4 {
    display: -webkit-flex;
    -webkit-flex-flow: row-reverse wrap;
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: space-between;
}
.comflex5 {
    display: -webkit-flex;
    -webkit-flex-flow: row-reverse wrap;
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    align-items: center;
}

/****************************************/
/*  font-family  */
/****************************************/
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot');
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('font/iconfont.woff') format('woff'),
    url('font/iconfont.ttf') format('truetype'),
    url('font/iconfont.svg#iconfont') format('svg');
}




/****************************************/
/*  iconfont  */
/****************************************/
.iconfont{
    font-family:"iconfont";
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}




/**/
.kv_video {position:relative; background:rgba(0, 0, 0, 1.0); overflow:hidden;}
.kv_video::after {content:""; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);}
.kv_video .container {display:flex; justify-content:center; align-items:center; width:100%; height:100vh;}
.kv_video .text {position:relative; z-index:2; width:60%; color:#ffffff;}
.kv_video .text h1 {font-size:4rem; line-height:1.2; position:relative; text-align:center;}
.kv_video .text p {font-size:3em; letter-spacing:8px; text-align:center;}
.kv_video video { width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; right:0; bottom:0;}
.kv_video .scrolling {display:flex; width:1px; height:6.25rem; position:absolute; z-index:8; left:50%; bottom:6.25rem; transform:translateX(-50%); background:rgba(255,255,255,0.5); overflow:hidden;}
.kv_video .scrolling i {display:block; width:100%; height:100%; position:absolute; left:0; top:-100%; background:rgba(255,255,255,1); animation:1s ease-in-out 0s normal none infinite running scrolling_move;}
@keyframes scrolling_move {
    0% {}
    100% {top:100%;}
}
.shead {display:flex; justify-content:space-between; align-items:center; margin:0 auto 4rem; max-width:1400px;}
.shead h2 {font-size:2.5rem; position:relative;}
.shead h2::before {content:""; position:absolute; left:-3.25rem; top:50%; transform:translateY(-50%); transform:rotate(-45deg); width:2.5rem; height:0.25rem; background:#000000; opacity:0;}
.shead .btn {display:flex; align-items:center; font-size:0.875rem;}
.shead .btn i {display:block; margin:0 0.625rem 0 0.3125rem; position:relative; width:1.25rem; height:1px; background:rgba(0, 0, 0, 1); transition:all 0.3s;}
.shead .btn i::before,
.shead .btn i::after {content:""; position:absolute; right:-0.5rem; top:50%; transform:translateY(-50%); width:0.5rem; height:1px; background:#000000; transition:all 0.3s;}
.shead .btn i::before {transform-origin:right top; transform:translateY(-50%) rotate(-45deg);}
.shead .btn i::after {transform-origin:right bottom; transform:translateY(-50%) rotate(45deg);}
.shead .intro {width:50%; color:#ffffff; text-align:left; font-size:1rem;}
.shead .btn:hover {}
.shead .btn:hover i::before,
.shead .btn:hover i::after {right:-0.75rem;}
/**/
.case_box {overflow:hidden; padding: 6.25rem 1rem;}
.case_box .container {}
.case_box h1 {padding:6.25rem 0 1.25rem; text-align:center; font-size:4rem; line-height:1;}
.case_box ul {display:flex; flex-wrap:wrap; margin:-5px; width:auto;}
.case_box ul li {display:block; width:33.33%; padding:5px; text-align:left; position:relative; overflow:hidden;}
.case_box ul li .cell {background:rgba(0, 0, 0, 0.02);}
.case_box ul li a {display:block; position:relative; transition:none; overflow:hidden;}
.case_box ul li a i {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.case_box ul li a video {display:block; width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; transform:scale(1.01);}
.case_box ul li a .text {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; text-align:center; position:absolute; z-index:2; left:0; top:-100%; color:#000000; transition:all 0.3s; background:#fff;}
.case_box ul li a .text h2 {font-size:1.5rem;}
.case_box ul li a .text span {font-size:1rem;}
.case_box ul li a .text em {display:block; font-size:2.5rem;}
.case_box ul li a:hover .text {top:0;}

/**/
.case_box .tabs {margin-bottom:2.5rem;}
.case_box .tabs .inner_tabs {display:flex; flex-wrap:wrap; justify-content:center;}
.case_box .tabs a {padding:0 1.25rem;}
.case_box .tabs a span {display:block; font-size:0.875rem; text-transform:uppercase; color:rgba(0, 0, 0, 0.3); transition:all 0.3s;}
.case_box .tabs a:hover span {color:rgba(0, 0, 0, 0.4);}
.case_box .tabs .active span {color:rgba(0, 0, 0, 1);}
.case_box .tabs .active:hover span {color:rgba(0, 0, 0, 1);}

footer {color:#ffffff; background:rgba(0,0,0,1);}
footer .container {}
footer .info {display:flex; flex-wrap:wrap; justify-content:space-between; padding:4rem 0 3.75rem;}
footer .fl {width:80%; display:flex;}
footer .fl .b_logo {width:23%; display:inline-block; color:#e60012; font-size:1.375rem; font-weight: bold}
footer .fl p {width:65%; font-size:0.875rem; line-height:1.8;}
footer .fr {width:20%; display:flex; justify-content:space-between;}
footer .fr .cate {width:40%;}
footer .fr .cate h4 {color:#ffffff; font-size:12px; opacity:0.5;}
footer .fr .cate ul {}
footer .fr .cate ul li {margin:0 0 0.625rem 0;}
footer .fr .cate ul li a {color:#ffffff; font-size:0.875rem;}
footer .fr .cate ul li a:hover {opacity:0.8;}
footer .fr .business {width:100%; text-align:right;}
footer .fr .business h4 {color:#ffffff; font-size:0.875rem;}
footer .fr .business p {margin:0.625rem 0 0.625rem; font-size:1rem; font-weight:bold; color:#ffffff; line-height:1;}
footer .fr .business p a {color:#ffffff;}
footer .fr .business p a:hover {text-decoration:underline;}
footer .fr .business ul {display:flex; justify-content:flex-end; margin-top:1.25rem;}
footer .fr .business ul li {}
footer .fr .business ul li img {display:block; width:6.25rem; height:6.25rem; margin:auto;}
footer .fr .business ul li p {margin-top:0.5rem; font-size:0.75rem; opacity:0.3; text-align:center;}
footer .beian {padding: 2rem 0; border-top:2px solid rgba(255,255,255,0.1);}
footer .beian p {color:#ffffff; font-size:0.75rem;}
footer .beian p span {}
footer .beian p span a {text-decoration:none;}
footer .beian a {padding:0 0 0 0.25rem; color:#ffffff; font-size:0.75rem; text-decoration:underline;}
footer .beian a:hover {opacity:1;}
footer .beian a.fav {display:none;}