/* @font-face {
    font-family: "AdobeSongStd-Light";
    src: url("../fonts/AdobeSongStd-Light.otf");
} */


.g-loading{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;
    background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 1s;
}

.g-loading img{
    opacity: 0;
    transition: opacity 1s;
}

@keyframes fadeInBackground {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOutBackground {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fadeInLogo {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOutLogo {
    from { opacity: 1; }
    to { opacity: 0; display: none;}
}


@font-face {
    font-family: "Flynnmono-VF";
    src: url("../fonts/Flynnmono-VF.ttf");
}

/*-----------------[初始化]--------------*/
html{position: relative;overflow-x: hidden;}
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"Flynnmono-VF","微软雅黑";overflow-x: hidden;}
a{color: #444;}
a:hover{color: #f60;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"Flynnmono-VF","微软雅黑";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{width: 100%;max-width: 13.5rem;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;
    padding: .6rem 1.18rem 0;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.header.small{background-color: #000;padding: 0.3rem 1.18rem;}
.header.fixed{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.logo{float: left;}
.logo img{display: block;height: 0.69rem;}
.nav{float: right;}
.nav li{float: left;margin-left: 0.5rem;}
.nav li .v1{display: block;font-size: 0.21rem;color: #fff;line-height: 0.69rem;position: relative;}
.nav li .v1::after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;bottom: 0;height: 2px;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li.on .v1::after,.nav li:hover .v1::after{left: 0;right: 0;}
.nav li span{display: none;}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 0.8rem;height: 0.8rem;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*******************************
  -------[=banner]-------
*******************************/
.banner{height: 8.14rem;position: relative;}
.banner .swiper-container,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .con,.banner .mo-con{display: block;height: 100%;outline: 0;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .mo-con{display: none;}
.banner .txt{position: absolute;left: 0;right: 0;text-align: center;bottom: 1.8rem;text-align: center;font-size: 0.48rem;font-weight: normal;z-index: 3;color: #fff;}
.banner .txt .tit{font-weight: normal;font-size: 0.48rem;}

.case_slick3_dots{position: absolute;left: 0;right: 0;bottom: .5rem;z-index: 5;font-size: 0;text-align: center;}
.case_slick3_dots li{display:inline-block;vertical-align:middle;margin:0 8px;
    width:26px;height:26px;position:relative;cursor:pointer;
}
.case_slick3_dots .numb{position:absolute;z-index:1;text-align: center;left: 0;right: 0;
    width: 100%;height: 100%;
}
.case_slick3_dots .numb i{width: 14px;height: 14px;position: absolute;top: 50%;left: 50%;
    background-color: rgba(255, 255, 255, 1);border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wrapper{width:26px;height:26px;position:absolute;z-index:2;opacity: 0;
    clip:rect(0,26px,26px,13px);
}
.case_slick3_dots li:after{content: '';position: absolute;top: 0;left: 0;
    width: 100%;height: 100%;opacity: 0;
    border-radius: 50%;border: 2px solid rgba(255,255,255,1);
}
.circle{width:26px;height:26px;border:2px solid rgba(178,137,88,1);border-radius:50px;
    position:absolute;clip:rect(0,13px,26px,0)
}
.case_slick3_dots .base{display: inline-block;}
.case_slick3_dots .base i{opacity: 0;}
.case_slick3_dots .base .wrapper,.case_slick3_dots .base:after{opacity: 1;}
.base .left,.base .right,.base .wrapper{
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-timing-function:linear
}
.base .wrapper{
    -webkit-animation-duration:10ms;
    -webkit-animation-delay:2.5s;
    -webkit-animation-name:close-wrapper
}
.base .left{-webkit-animation-duration:5s;-webkit-animation-name:left-spin}
.base .right{-webkit-animation-duration:2.5s;-webkit-animation-name:right-spin}
@-webkit-keyframes right-spin{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(180deg)}
}
@-webkit-keyframes left-spin{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes close-wrapper{
    to{clip:rect(auto,auto,auto,auto)}
}


/*******************************
  -------[=底部]-------
********************************/
.footer{color: #fff;
    background-color: #000;
}
.fd-tit{line-height: 1.3;padding: 0.75rem 0 .52rem;
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.fd-tit span{font-size: 0.48rem;}
.fd-tit h2{font-size: 0.36rem;}
.fd-tel{font-family: "微软雅黑";}
.fd-tel .item{overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.3);
}
.fd-tel .i-t{}
.fd-tel .t1{float: left;padding: 0.15rem 0;}
.fd-tel .top h3{font-size: 0.24rem;font-weight: normal;}
.fd-tel .top span{font-size: 0.14rem;font-weight: normal;margin-left: 0.3rem;}
.fd-tel .bot{padding-top: 0.05rem;}
.fd-tel .bot h4{font-size: 0.14rem;font-weight: normal;}
.fd-tel .bot span{font-size: 0.12rem;}
.fd-tel .tel{float: right;font-size: 0.24rem;padding-top: 0.4rem;}

.fd-copy{font-size: 0.14rem;line-height: 1.64;color: #727171;padding: 0.55rem 0;font-family: "微软雅黑";}
.fd-copy a{color: #727171;}
.fd-copy a:hover{color: #fff;}
/*******************************
    -------[=正文]-------
********************************/

.header-mo{display: none;}