@charset "utf-8";
@import url("animate.css");

/* 
    author:kelp;
    date:2025-02-09;
*/

:root{
	--vi-color:#223f5c;	/*--主色--*/
	--vi-subcolor:#0092d8;	/*--副色--*/
}

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

@font-face{
    font-family: "Poppins-Medium";
    src:url('../fonts/Poppins-Medium.woff') format('woff'),;
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "Poppins-Regular";
    src:url('../fonts/Poppins-Regular.woff') format('woff'),;
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "Poppins-SemiBold";
    src:url('../fonts/Poppins-SemiBold.woff') format('woff'),;
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: "Gotham-Bold";
    src:url('../fonts/Gotham-Bold.woff') format('woff'),;
    font-weight: bold;
    font-style: normal;
}
/*--end font-face--*/

/*--reset--*/
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html *{outline:0;-webkit-text-size-adjust:none;box-sizing:border-box;}
body{font:16px/1.25 "Poppins-Regular","Arial Narrow",HELVETICA;overflow-x:hidden;background-color:#fff}
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-family:"Poppins-SemiBold";font-weight:300;color:var(--vi-color);}
a{color:var(--vi-color);text-decoration:none}
a:focus{outline:none};
a:hover{color:var(--vi-subcolor);text-decoration:none}
img{display:block;width:100%;height:auto;border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;color:var(--vi-color);}
em,b{font-style:normal;color:var(--vi-color);}
i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0}
table th,table td{padding:5px;color:var(--vi-color);}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none;}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0}
p{word-spacing:-1.5px}
li{list-style:none;color:var(--vi-color);}
sup{vertical-align:baseline}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;outline:none;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
input,select{vertical-align:middle}
select,input,button,textarea,button{font:100% "Poppins-Regular","Arial Narrow",HELVETICA}
table{font-size:14px;width:100%;border-collapse:collapse}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
*:before,*:after{box-sizing:border-box;}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;user-select:none;}
.wrapper{padding:0 6.875%;width:100%;}
/*--end reset--*/

/*--header--*/
.header{display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:999;top:0;left:0;padding:0 50px;width:100%;height:68px;background:#fff;transition:all .5s;}
.header-logo{flex:none;width:300px;}
.header-nav{flex-flow:1;}
.header-nav ul{display:flex;}
.header-nav ul li{position:relative;height:68px;line-height:68px;font-size:18px;}
.header-nav ul li>a{display:block;padding:0 40px;white-space:nowrap;}
.header-nav ul li:hover>a,.header-nav ul li.cur>a{color:var(--vi-subcolor) !important;}
.header-btns{flex:none;width:300px;}
.header-btns ul{display:flex;justify-content:flex-end;align-items:center;}
.header-btns ul li{margin-left:40px;}
.header-btns ul li:last-child{display:none;}
.header-btns ul li a{display:block;color:var(--vi-color);}

.header[data-trans='true']{background:transparent;box-shadow:none;}
.header[data-trans='true'] .header-logo{filter:contrast(0) brightness(2);}
.header[data-trans='true'] .header-nav ul li>a{color:#fff;}
.header[data-trans='true'] .header-btns ul li a{color:#fff;}

.header[data-affix='true']{background:#fff !important;box-shadow:0 10px 20px rgba(0,0,0,.05);}
.header[data-affix='true'] .header-logo{filter:none !important;}
.header[data-affix='true'] .header-nav ul li>a{color:var(--vi-color);}
.header[data-affix='true'] .header-btns ul li a{color:var(--vi-color);}

.drop-down-menu{display:none;position:absolute;z-index:9;top:90%;left:0;min-width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.drop-down-menu .item{position: relative;}
.drop-down-menu .item>a{display:block;padding:0 25px;height:50px;line-height:50px;font-size:16px;white-space:nowrap;transition:all .5s;}
.drop-down-menu .item>a:hover,.drop-down-menu .item.cur>a{color:#fff;background:var(--vi-subcolor);}
.drop-down-menu .item .drop-dwon-submenu{display: none; position: absolute;left:100%;top:0;background:#f9f9f9;}
.drop-down-menu .item .drop-dwon-submenu a{display:block;padding:0 25px;height:50px;line-height:50px;font-size:16px;white-space:nowrap;transition:all .5s;}
.drop-down-menu .item .drop-dwon-submenu a:hover{color:#fff;background:var(--vi-subcolor);}

@media(max-width:1600px){
.header-nav ul li{font-size:16px;}
.header-nav ul li>a{padding:0 30px;}

.header-logo,.header-btns{flex:none;width:280px;}
}

@media(max-width:1200px){
.header{padding:0 20px;height:60px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.header-logo{width:180px;}
.header-btns{width:auto;}
.header-btns ul li{margin-left:20px;}
.header-btns ul li:last-child{display:block;}
.header-btns ul li i{font-size:20px;}
.header-nav{display:none;position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 60px);background:#fff;}
.header-nav ul{flex-direction:column;}
.header-nav ul li{width:100%;height:auto;line-height:50px;border-top:#f0f0f0 solid 1px;}
.header-nav ul li>a{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--vi-color) !important;}
.header-nav ul li>a:after{display:block;font-family:"iconfont";content:"\e692";font-size:18px;font-weight:bold;transition:all .5s;}
.header-nav ul li[data-drop="show"]>a:after{transform:rotateX(180deg);}
.drop-down-menu{display:block;position:static;padding:15px;border-radius:0;box-shadow:none;background:#f9f9f9;}
.drop-down-menu .item a{display:flex;align-items:center;}
.drop-down-menu .item .drop-dwon-submenu{position:static;}
}
/*--end header--*/

/*--main--*/
.main{position:relative;overflow:hidden;}
/*--end main--*/

/*--footer--*/
.footer{overflow:hidden;background:#f5f5f5 url(../images/common/footer_midea.png) no-repeat right bottom;}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:100px 0 80px;overflow:hidden;animation:fadeInUpSmall 1s;border-top:#e7e7e7 solid 1px;}
.footer-inner-l{width:500px;}
.footer-inner-l .form-wrap{width:440px;overflow:hidden;}
.footer-inner-l .form-wrap .hd{line-height:32px;}
.footer-inner-l .form-wrap .hd h3{font-family: "Poppins-Medium";font-size:24px;color:var(--vi-color);}
.footer-inner-l .form-wrap .bd{position:relative;margin-top:15px;width:80%;overflow:hidden;}
.footer-inner-l .form-wrap .bd input{padding:0 20px;width:100%;height:50px;font-size:16px;background:#fff;border:none;border-radius:25px;}
.footer-inner-l .form-wrap .bd input::-webkit-input-placeholder{color:#999;}
.footer-inner-l .form-wrap .bd a{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:5px;width:40px;height:40px;color:#fff;border-radius:50%;background:var(--vi-subcolor);transition:all .5s;transform:translateY(-50%);}
.footer-inner-l .form-wrap .bd a:hover{background:var(--vi-color);}
.footer-inner-l .form-wrap .term{margin-top:16px;height:44px;line-height:22px;overflow:hidden;}
.footer-inner-l .form-wrap .term p{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#8d8d8d;}
.footer-inner-l .form-wrap .term p:before{display:block;position:absolute;top:3px;left:0;width:16px;height:16px;content:"";border:#dcdcdc solid 1px;border-radius:3px;background:#fff;}
.footer-inner-l .form-wrap .term p:after{display:block;position:absolute;top:0;left:3px;font-family:"iconfont";font-size:7px;content:"\e651";color:#fff;opacity:0;}
.footer-inner-l .form-wrap .term a{margin-left:30px;color:var(--vi-subcolor);}
.footer-inner-l .form-wrap .term.active p:before{background:var(--vi-subcolor);}
.footer-inner-l .form-wrap .term.active p:after{opacity:1;}
.footer-inner-l .global-wrap{margin-top:20px;overflow:hidden;}
.footer-inner-l .global-wrap .hd{line-height:32px;}
.footer-inner-l .global-wrap .hd h3{font-family: "Poppins-Medium";font-size:24px;color:var(--vi-color);}
.footer-inner-l .global-wrap .bd{margin-top:15px;width:200px;overflow:hidden;background:#fff;border-radius:15px;}
.footer-inner-l .global-wrap .bd i{display:block;padding:10px;overflow:hidden;border-bottom:#ededed solid 1px;}
.footer-inner-l .global-wrap .bd span{display:block;padding:10px 20px;font-family:"Poppins-SemiBold";font-size:16px;color:#333;text-transform:uppercase;text-align:center;}

.footer-inner-r{width:830px;overflow:hidden;}
.footer-inner-r .menus-wrap{display:flex;flex-wrap:wrap;}
.footer-inner-r .menus-wrap .item{margin-bottom:60px;flex:none;width:33.33%;overflow:hidden;}
.footer-inner-r .menus-wrap .item .hd{line-height:32px;font-family: "Poppins-Medium";font-size:24px;}
.footer-inner-r .menus-wrap .item .hd a{color:var(--vi-color);}
.footer-inner-r .menus-wrap .item .hd a:hover{color:var(--vi-subcolor);text-decoration:underline;}
.footer-inner-r .menus-wrap .item .bd{margin-top:16px;overflow:hidden;}
.footer-inner-r .menus-wrap .item .menu a{display:block;line-height:26px;font-size:14px;color:#8d8d8d;}
.footer-inner-r .menus-wrap .item .menu a:hover{color:var(--vi-subcolor);text-decoration:underline;}
.footer-inner-r .menus-wrap .item .share{display:flex;align-items:center;}
.footer-inner-r .menus-wrap .item .share a{display:flex;align-items:center;justify-content:center;margin-right:10px;width:50px;height:50px;color:#000;border:#c5c5c5 solid 1px;border-radius:50%;transition:all 1s;}
.footer-inner-r .menus-wrap .item .share a i{font-size:20px;}
.footer-inner-r .menus-wrap .item .share a:hover{color:#fff;background:var(--vi-subcolor);border-color:var(--vi-color);}

.footer-copyright{display:flex;flex-wrap:wrap;justify-content:space-between;padding:25px 0;line-height:30px;overflow:hidden;border-top:#dcdcdc solid 1px;animation:fadeInUpSmall 2s;}
.footer-copyright-l{overflow:hidden;}
.footer-copyright-l span{font-size:16px;color:#8d8d8d;}
.footer-copyright-r{display:flex;flex;flex-wrap:wrap;overflow:hidden;}
.footer-copyright-r a{display:block;margin-left:20px;font-size:16px;color:#8d8d8d;}
.footer-copyright-r a:hover{color:var(--vi-subcolor);text-decoration:underline;}

@media(max-width:1600px){
.footer-inner-r .menus-wrap .item .hd{font-size:22px;}
.footer-inner-l{width:450px;}
.footer-inner-r{width:750px;}
}

@media(max-width:1200px){
.footer-inner{padding:40px 0;}
.footer-inner-l{width:100%;}
.footer-inner-l .form-wrap{width:100%;}
.footer-inner-l .form-wrap .hd{height:38px;}
.footer-inner-l .form-wrap .hd h3{font-size:18px;}
.footer-inner-l .form-wrap .bd{margin-top:10px;}
.footer-inner-l .form-wrap .bd input{height:50px;font-size:14px;}
.footer-inner-l .global-wrap{display:none;}
.footer-inner-r{display:none;}

.footer-copyright{flex-direction:column-reverse;}
.footer-copyright-l span{font-size:14px;}
.footer-copyright-r a{margin-left:0;margin-right:20px;font-size:14px;}
}
/*--end footer--*/

/*-- player-video-pop --*/
.player-video-pop{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;}
.player-video-pop .close-btn{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;top:20px;right:20px;width:50px;height:50px;color:#fff;cursor:pointer;background:var(--vi-subcolor);border-radius:50%;}
.player-video-pop .close-btn:hover{background:var(--vi-color);}
.player-video-pop .video-box{width:100%;height:100%;background:rgba(0,0,0,.1);}
.player-video-pop .video-box video{display:block;width:100%;height:100%;object-fit:cover;}
/*-- end player-video-pop --*/

.cookie-box {
    display: none;
    background: var(--vi-subcolor);
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    padding: 26px 4%;
    pointer-events: hidden;
    position: fixed;
    width: 100%;
    z-index: 100
}

.cookie-box.hide {
    bottom: 0;
    opacity: 1;
    pointer-events: visible;
    transition: 0s;
    visibility: visible
}

.cookie-info strong {
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 22px
}

.cookie-text{
    line-height: 1.75;
    color: #fff;
    font-size: 14px
}
.cookie-text p{
    color: #fff;
}

.cookie-text a {
    color: #fff;
}

.cookie-btn{
    display: flex;
    margin-top: 12px
}

.cookie-btn span {
    background: #fff;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 47px;
    margin-right: 20px;
    text-align: center;
    transition: .35s;
    width: 205px;
    border-radius:22px;
}

.cookie-btn span:first-child {
    background: #000;
    color: #fff
}

.cookie-btn span:hover{color:#fff;background:var(--vi-color);}

.cookie-close{
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 6.25%;
    top: 35px;
    transition: .35s;
    z-index: 3
}

.cookie-close:hover {
    transform: rotate(180deg)
}

@media screen and (max-width: 1600px) {
    .cookie-info strong{
        font-size:22px;
        margin-bottom: 18px
    }

    .cookie-text {
        font-size: 14px
    }

    .cookie-btn{
        margin-top: 22px
    }

    .cookie-btn span {
        font-size: 14px;
        width: 180px
    }
}

@media screen and (max-width: 640px) {
    .cookie-box {
        padding:32px 11.77% 20px
    }

    .cookie-info strong{
        font-size: 20px
    }

    .cookie-close{
        right: 20px;
        top: 30px
    }

    .cookie-btn span{
        font-size: 12px
    }

    .cookie-btn span:last-child {
        margin-right: 0
    }
}