/* 重置样式 */
*{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{min-width: 1200px;padding-top: 92px;background-color: #fff;}
.container .wrap{width: 1200px;margin: 0 auto;}
.header{position: fixed;top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 999;width: 100%;min-width: 1200px;height: 92px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header .wrap{width:1200px;height: 92px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.header .wrap .logo{width: 140px;height: 92px;background: url(../img/header_01.png) no-repeat center/140px auto;color: transparent;}
.header .wrap .navbar{width: calc(100% - 140px);display: flex;justify-content: space-between;align-items: center;}
.header .wrap .navbar>li{position: relative;z-index: 3;height: 92px;width: 170px;display: inline-flex;justify-content:center;align-items: center;}
.header .wrap .navbar>li::after{position: absolute;content: "";bottom: 0;left: 50%;margin-left: -15px;width: 30px;height: 4px;border-radius: 2rpx;background-color: var(--primary-color);transform: scale(0,1);transition: all 400ms;}
.header .wrap .navbar>li h2{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;color:rgb(51,51,51);font-weight: 600;transition: all 400ms;}
.header .wrap .navbar>li:first-child{margin-left: 50px;}
.header .wrap .navbar>li:last-child{margin-right: -50px;}
.header .wrap .navbar .subnav{display: none;position: absolute;width: 190px;top: 92px;left: 50%;margin-left: -95px;background-color: #fff;padding: 10px 0;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.header .wrap .navbar .subnav li h3{display: flex;justify-content:center;align-items: center;height: 40px;font-size: 16px;color: #666;transition: all 400ms;}
.header .wrap .navbar .subnav li:hover h3{color: var(--primary-color);}
.header .wrap .navbar .subnav li.active h3{color: var(--primary-color);}
.header .wrap .navbar>li.active h2{color:var(--primary-color);}
.header .wrap .navbar>li.active::after{transform: scale(1,1);} 
.header .wrap .navbar>li:hover h2{color: var(--primary-color);}
.header .wrap .navbar>li:hover::after{transform: scale(1,1);}

/* 底部 */
.footer{position: relative;z-index: 998;background-color: #fff;border-top: 4px solid var(--primary-color); }
.footer .wrap{width: 1200px;margin: 0 auto;padding: 60px 0;position: relative;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .wrap h2{font-size: 18px;color: #333;font-weight: bold;}
.footer .wrap p{font-size: 14px;color: #666;line-height: 1.6em;}
.footer .wrap .company{flex-shrink: 0;}
.footer .wrap .company h1{color: transparent;width: 170px;height: 64px;background: url(../img/header_01.png) no-repeat left/auto 74px;}
.footer .wrap .company div{margin: 20px 0;font-size: 18px;font-weight: bold;color: var(--primary-color);}
.footer .wrap .company p{max-width: 200px;margin-bottom: 6px;}
.footer .wrap .navbar{flex-grow: 1;box-sizing: border-box;padding: 0 40px 0 60px;display: inline-flex;justify-content: space-between;}
.footer .wrap .navbar h2{height: 38px;transition: all 400ms;}
.footer .wrap .navbar h2:hover{color: var(--primary-color);}
.footer .wrap .navbar h3{font-size: 14px;color: #666;margin-top: 20px;transition: all 400ms;}
.footer .wrap .navbar h3:hover{color: var(--primary-color);}
.footer .wrap .contact{flex-shrink: 0;width: 280px;display: inline-flex;}
.footer .wrap .contact div:first-child{margin-right: 40px;}
.footer .wrap .contact div h2{text-align: center;}
.footer .wrap .contact div img{width: 114px;height: 114px;margin: 20px 0;}
.footer .wrap .contact div p{text-align: center;line-height: 1em;}
.footer .wrap .copyright{width: 100%;margin-top: 40px;font-size: 14px;color: #666;}
.footer .wrap .copyright a{display: inline-block;}
.footer .wrap .copyright a:hover{color: var(--primary-color);}
.footer .wrap .scrolltop{display: none;position: fixed;z-index: 11;bottom: 134px;right: 0;left: 0;margin-left: auto;margin-right: auto;height: 0px;}
.footer .wrap .scrolltop button{font-size: 12px;position: absolute;top: 0px;right: 30px;width: 50px;height: 50px;border-radius: 4px;background: var(--primary-color) url(../img/index_00.png) no-repeat center/32px 32px;transform-origin: center;transform: rotate(90deg);cursor: pointer;color: transparent;transition: all 400ms;}

.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;
}