/* 重置样式 */
*{padding: 0;margin: 0;border: none;line-height: 1em;font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
body{margin: 0 auto;overflow-x: hidden;}
ul,ol{list-style: none;}
a{display: block;text-decoration: none;color: inherit;}
img,input,select,textarea,button{display: block;border: none;outline: none;background-color: transparent;}
img{object-fit: cover;}
img.lazy{
    object-fit: contain;
  transition: object-fit 400ms ease;
}
em,address,strong{font-style: normal;font-weight: normal;display: block;}
video{display: block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clearfix{display: block;clear: both;}
::-webkit-input-placeholder {color: rgba(120,103,76,0.4);font-size: 14px;}
:-moz-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
::-moz-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
:-ms-input-placeholder {color:rgba(120,103,76,0.4);font-size: 14px;}
body ::-webkit-scrollbar{width: 4px;background-color:transparent;}
body ::-webkit-scrollbar-thumb{background-color:rgb(246,231,206);}

/* 定义动画 */
@-webkit-keyframes h_fadeInUp{
	0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp{
	0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp{
    -webkit-animation-name: h_fadeInUp;
    animation-name: h_fadeInUp;
}
@-webkit-keyframes h_fadeInUp40{
	0% {opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp40{
	0% {opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp40{
    -webkit-animation-name: h_fadeInUp40;
    animation-name: h_fadeInUp40;
}
@-webkit-keyframes h_fadeInDown{
	0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInDown{
	0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInDown{
    -webkit-animation-name: h_fadeInDown;
     animation-name: h_fadeInDown;
}
@-webkit-keyframes h_fadeInLeft{
	0% {opacity: 0;-webkit-transform: translate3d(-100px,0,0);transform: translate3d(-100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInLeft{
	0% {opacity: 0;-webkit-transform: translate3d(-100px,0,0);transform: translate3d(-100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInLeft{
    -webkit-animation-name: h_fadeInLeft;
    animation-name: h_fadeInLeft;
}
@-webkit-keyframes h_fadeInRight{
	0% {opacity: 0;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInRight{
	0% {opacity: 0;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInRight{
    -webkit-animation-name: h_fadeInRight;
    animation-name: h_fadeInRight;
}
@-webkit-keyframes h_zoomIn{
	0% {opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_zoomIn{
	0% {opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_zoomIn{
    -webkit-animation-name: h_zoomIn;
    animation-name: h_zoomIn;
}
@-webkit-keyframes h_fadeIn{
	0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes h_fadeIn{
	0% {opacity: 0;}
    100% {opacity: 1;}
}
.h_fadeIn{
    -webkit-animation-name: h_fadeIn;
    animation-name: h_fadeIn;
}
@-webkit-keyframes h_rotate{
	0% {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_rotate{
	0% {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_rotate{
    -webkit-animation-name: h_rotate;
    animation-name: h_rotate;
}
@-webkit-keyframes h_rotate0{
	0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,40px);transform: rotate(0deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes h_rotate0{
	0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,40px);transform: rotate(0deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.h_rotate0{
    -webkit-animation-name: h_rotate0;
    animation-name: h_rotate0;
}
@-webkit-keyframes h_rotate72{
	0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,40px);transform: rotate(72deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@keyframes h_rotate72{
	0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,40px);transform: rotate(72deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
.h_rotate72{
    -webkit-animation-name: h_rotate72;
    animation-name: h_rotate72;
}
@-webkit-keyframes h_rotate144{ 
	0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,40px);transform: rotate(144deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes h_rotate144{ 
	0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,40px);transform: rotate(144deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
.h_rotate144{
    -webkit-animation-name: h_rotate144;
    animation-name: h_rotate144;
}
@-webkit-keyframes h_rotate216{
	0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,40px);transform: rotate(216deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@keyframes h_rotate216{
	0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,40px);transform: rotate(216deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
.h_rotate216{
    -webkit-animation-name: h_rotate216;
    animation-name: h_rotate216;
}
@-webkit-keyframes h_rotate288{
	0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,40px);transform: rotate(288deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@keyframes h_rotate288{
	0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,40px);transform: rotate(288deg) translate(0,40px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
.h_rotate288{
    -webkit-animation-name: h_rotate288;
    animation-name: h_rotate288;
}
@-webkit-keyframes h_fadeInUp0{
	0% {opacity: 0;-webkit-transform:translate(0,40px);transform:translate(0,40px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUp0{
	0% {opacity: 0;-webkit-transform:translate(0,40px);transform:translate(0,40px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUp0{
    -webkit-animation-name: h_fadeInUp0;
    animation-name: h_fadeInUp0;
}
@-webkit-keyframes h_rotate1{
	0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,110px);transform: rotate(0deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes h_rotate1{
	0% {opacity: 0;-webkit-transform: rotate(0deg) translate(0,110px);transform: rotate(0deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes h_rotate2{
	0% {opacity: 0;-webkit-transform: rotate(36deg) translate(0,110px);transform: rotate(36deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(36deg);transform: rotate(36deg);}
}
@keyframes h_rotate2{
	0% {opacity: 0;-webkit-transform: rotate(36deg) translate(0,110px);transform: rotate(36deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(36deg);transform: rotate(36deg);}
}
@-webkit-keyframes h_rotate3{
	0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,110px);transform: rotate(72deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@keyframes h_rotate3{
	0% {opacity: 0;-webkit-transform: rotate(72deg) translate(0,110px);transform: rotate(72deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(72deg);transform: rotate(72deg);}
}
@-webkit-keyframes h_rotate4{
	0% {opacity: 0;-webkit-transform: rotate(108deg) translate(0,110px);transform: rotate(108deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(108deg);transform: rotate(108deg);}
}
@keyframes h_rotate4{
	0% {opacity: 0;-webkit-transform: rotate(108deg) translate(0,110px);transform: rotate(108deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(108deg);transform: rotate(108deg);}
}
@-webkit-keyframes h_rotate5{
	0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,110px);transform: rotate(144deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes h_rotate5{
	0% {opacity: 0;-webkit-transform: rotate(144deg) translate(0,110px);transform: rotate(144deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@-webkit-keyframes h_rotate6{
	0% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,110px);transform: rotate(180deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@keyframes h_rotate6{
	0% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,110px);transform: rotate(180deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@-webkit-keyframes h_rotate7{
	0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,110px);transform: rotate(216deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@keyframes h_rotate7{
	0% {opacity: 0;-webkit-transform: rotate(216deg) translate(0,110px);transform: rotate(216deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(216deg);transform: rotate(216deg);}
}
@-webkit-keyframes h_rotate8{
	0% {opacity: 0;-webkit-transform: rotate(252deg) translate(0,110px);transform: rotate(252deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(252deg);transform: rotate(252deg);}
}
@keyframes h_rotate8{
	0% {opacity: 0;-webkit-transform: rotate(252deg) translate(0,110px);transform: rotate(252deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(252deg);transform: rotate(252deg);}
}
@-webkit-keyframes h_rotate9{
	0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,110px);transform: rotate(288deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@keyframes h_rotate9{
	0% {opacity: 0;-webkit-transform: rotate(288deg) translate(0,110px);transform: rotate(288deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(288deg);transform: rotate(288deg);}
}
@-webkit-keyframes h_rotate10{
	0% {opacity: 0;-webkit-transform: rotate(324deg) translate(0,110px);transform: rotate(324deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(324deg);transform: rotate(324deg);}
}
@keyframes h_rotate10{
	0% {opacity: 0;-webkit-transform: rotate(324deg) translate(0,110px);transform: rotate(324deg) translate(0,110px);}
    100% {opacity: 1;-webkit-transform: rotate(324deg);transform: rotate(324deg);}
}
.h_rotate1{-webkit-animation-name: h_rotate1;animation-name: h_rotate1;}
.h_rotate2{-webkit-animation-name: h_rotate2;animation-name: h_rotate2;}
.h_rotate3{-webkit-animation-name: h_rotate3;animation-name: h_rotate3;}
.h_rotate4{-webkit-animation-name: h_rotate4;animation-name: h_rotate4;}
.h_rotate5{-webkit-animation-name: h_rotate5;animation-name: h_rotate5;}
.h_rotate6{-webkit-animation-name: h_rotate6;animation-name: h_rotate6;}
.h_rotate7{-webkit-animation-name: h_rotate7;animation-name: h_rotate7;}
.h_rotate8{-webkit-animation-name: h_rotate8;animation-name: h_rotate8;}
.h_rotate9{-webkit-animation-name: h_rotate9;animation-name: h_rotate9;}
.h_rotate10{-webkit-animation-name: h_rotate10;animation-name: h_rotate10;}
@keyframes h_fadeInDownFeed{
	0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInDownFeed{
	0% {opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInDownFeed{
    -webkit-animation-name: h_fadeInDownFeed;
    -webkit-animation-timing-function: ease-out;
    animation-name: h_fadeInDownFeed;
    animation-timing-function: ease-out;
}
@keyframes h_fadeInUpFeed{
	0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUpFeed{
	0% {opacity: 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInUpFeed{
    -webkit-animation-name: h_fadeInUpFeed;
    -webkit-animation-timing-function: ease-out;
    animation-name: h_fadeInUpFeed;
    animation-timing-function: ease-out;
}
@keyframes h_fadeInUpDownFeed{
	0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	50%{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInUpDownFeed{
	0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	50%{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: none;transform: none;}
}
.h_fadeInUpDownFeed{
    -webkit-animation-name: h_fadeInUpDownFeed;
    animation-name: h_fadeInUpDownFeed;
}
@keyframes h_fadeInLeftM{
	0% {opacity: 0;-webkit-transform: translate3d(60px,0,0);transform: translate3d(60px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes h_fadeInLeftM{
	0% {opacity: 0;-webkit-transform: translate3d(60px,0,0);transform: translate3d(60px,0,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.h_fadeInLeftM{
    -webkit-animation-name: h_fadeInLeftM;
    animation-name: h_fadeInLeftM;
}

/* 全局变量 */
:root{
  /* 主色 */
  --primary-color:#08B6FA
}

/* 头部 */
body{padding-top: 1.2rem;width: 100vw;}
.header{position: fixed;z-index: 999;top: 0px;left: 0px;width: 100vw;height: 1.2rem;background-color: #fff;box-shadow: 0 0 10px -2px rgba(0,0,0,0.1);}
.header .logo{float: left;width: 50vw;height: 1.2rem;background: url(../img/header_01.png) no-repeat left 0.3rem center/auto 0.8rem;color: transparent;}
.header .navbarbtn{float: right;width: 50vw;height: 1.2rem;background: url(../img/header_02.png) no-repeat right 0.6rem center/auto 0.6rem;color: transparent;}
.header .navbarbox{position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;right:0;margin: auto;background-color: rgba(0,0,0,0.4);display: none;overflow: hidden;}
.header .navbarbox .navbar{position: fixed;z-index: 999;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: -100vw;width: 4.2rem;background-color: rgb(255,255,255);}
.header .navbarbox .navbar .menu{position: relative;z-index: 3;width: 100%;height: 1.22rem;box-sizing: border-box;padding-left: 0.4rem;line-height: 1.2rem;font-size: 0.44rem;color: rgb(72,72,72);text-transform: uppercase;font-weight: bold;letter-spacing: 0.04rem;}
.header .navbarbox .navbar .sites{position: absolute;z-index: 2;top: 0;right: 0;width: 100%;height: 100%;box-sizing: border-box;border-top: 1.2rem solid transparent;overflow: auto;}
.header .navbarbox .navbar .sites::-webkit-scrollbar-thumb{background-color: transparent;}
.header .navbarbox .navbar .sites>li{border-top: 0.02rem solid #f2f2f2;padding: 0.4rem;}
.header .navbarbox .navbar .sites>li>a{display: flex;justify-content: space-between;align-items: center;}
.header .navbarbox .navbar .sites>li>a h2{font-size: 0.34rem;color: rgb(72,72,72);}
.header .navbarbox .navbar .sites>li>a .add{width: 0.3rem;height: 0.3rem;border: 0.3rem solid #fff;margin: -0.3rem;display: inline-flex;justify-content: center;align-items: center;}
.header .navbarbox .navbar .sites>li>a .add::before{content: "+";color: var(--primary-color);font-size: 0.4rem;font-weight: bold;}
.header .navbarbox .navbar .sites>li>a .add.on::before{content: "-";}
.header .navbarbox .navbar .sites>li .site{padding-top: 0.04rem;display: none;}
.header .navbarbox .navbar .sites>li .site h3{font-size: 0.28rem;color: rgba(72,72,72,0.76);margin-top: 0.26rem;}
.header .navbarbox .navbar .sites>li.on h2{color: var(--primary-color);}
.header .navbarbox .navbar .sites>li .site li.on h3{color: var(--primary-color);}

/* 底部 */
.footer{background-color: #fff;border-top: 0.04rem solid var(--primary-color);font-size: 0px;overflow: hidden;}
.footer .wrap{width: 100vw;padding: 0.60rem 0.3rem;position: relative;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .wrap h2{font-size: 0.28rem;color: #333;font-weight: bold;}
.footer .wrap p{font-size: 0.24rem;color: #666;line-height: 2em;}
.footer .wrap .company{width: calc(100% - 3rem);}
.footer .wrap .company .logo{color: transparent;width: 100%;height: 1rem;background: url(../img/header_01.png) no-repeat left/auto 1rem;}
.footer .wrap .company .phone{margin: 0.20rem 0;font-size: 0.28rem;font-weight: bold;color: var(--primary-color);}
.footer .wrap .company p{max-width: 3.5rem;}
.footer .wrap .contact{flex-shrink: 0;width: 2.80rem;display: inline-flex;}
.footer .wrap .contact div:first-child{margin-right: 0.40rem;}
.footer .wrap .contact div h2{text-align: center;}
.footer .wrap .contact div img{width: 1.14rem;height: 1.14rem;margin: 0.20rem 0;}
.footer .wrap .contact div p{text-align: center;line-height: 1em;}
.footer .wrap .copyright{width: 100%;margin-top: 0.40rem;font-size: 0.24rem;color: #666;line-height: 1.6em;}

.line-1,
.line-2,
.line-3,
.line-4 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.line-1 {
-webkit-line-clamp: 1;
}
.line-2 {
-webkit-line-clamp: 2;
}
.line-3 {
-webkit-line-clamp: 3;
}
.line-4 {
-webkit-line-clamp: 4;
}
.underline{
  text-decoration: underline;
}