@charset "utf-8";
@font-face {
    font-family: 'OPPOSans-B';
    src: url('../font/OPPOSans-B.woff2') format('woff2'),
        url('../font/OPPOSans-B.woff') format('woff'),
		url("../font/OPPOSans-B.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OPPOSans-H';
    src: url('../font/OPPOSans-H.woff2') format('woff2'),
        url('../font/OPPOSans-H.woff') format('woff'),
		url("../font/OPPOSans-H.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OPPOSans-L';
    src: url('../font/OPPOSans-L.woff2') format('woff2'),
        url('../font/OPPOSans-L.woff') format('woff'),
		url("../font/OPPOSans-L.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OPPOSans-M';
    src: url('../font/OPPOSans-M.woff2') format('woff2'),
        url('../font/OPPOSans-M.woff') format('woff'),
		url("../font/OPPOSans-M.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OPPOSans-R';
    src: url('../font/OPPOSans-R.woff2') format('woff2'),
        url('../font/OPPOSans-R.woff') format('woff'),
		url("../font/OPPOSans-R.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ZTQXinYiJiXiangSong';
    src: url('../font/ZTQXinYiJiXiangSong.woff2') format('woff2'),
        url('../font/ZTQXinYiJiXiangSong.woff') format('woff'),
		url("../font/ZTQXinYiJiXiangSong.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:block;max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font:14px Arial,"OPPOSans-R","microsoft YaHei"  !important; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; color:#000; background:#fff;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; width:100vw;}
pre{font-family: "Helvetica Neue",Helvetica,"OPPOSans-R","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none; color:#000; outline:none; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;font-family: "Helvetica Neue",Helvetica,"OPPOSans-R","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:5px 10px; transition:ease .45s;}
input::-webkit-input-placeholder {color: #626262;}
input:-moz-placeholder {　color: #626262;}
input::-moz-placeholder {color: #626262;}
input:-ms-input-placeholder {color: #626262;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.left,.l-grid-2>li,.l-grid-3>li,.l-grid-4>li,.l-grid-5>li,.l-grid-6>li{float:left;}
.right{float:right;}
.lh-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
lh-flex1{display:flex;display:-webkit-flex;flex-direction:column; -webkit-flex-direction:column;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.container{max-width:62.5%; margin:auto; position:relative; padding:0 15px; width:100%;}
/* .container1400{max-width:74.47916666666666%; margin:auto; position:relative; padding:0 15px; width:100%;} */
.container1400{width:1300px; margin:auto; position:relative; padding:0 15px;}
.container1600{margin:auto; position:relative; padding:0 15px; width:100%; max-width:83.33333333333334%;}
.l-grid-2>li,.l-grid-2>dd{width:50%;}
.l-grid-3>li,.l-grid-3>dd{width:33.333333333333336%;}
.l-grid-4>li,.l-grid-4>dd{width:25%;}
.l-grid-5>li,.l-grid-5>dd{width:20%;}
.l-grid-6>li,.l-grid-6>dd{width:16.666666666666668%;}
.relative{position:relative;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font34{font-size:34px;}
.font40{font-size:40px;}
.font48{font-size:2.5vw;}
.font56{font-size:2.9vw;}
.font70{font-size:3.65vw;}
.font72{font-size:3.75vw;}
.font80{font-size:4.2vw;}


.din{font-family: "din-bold_";}
.cfbold{font-family: "greycliffcf-bold";}
.cf{font-family: "Greycliff-CF-Regular";}
.goud{font-family: "GOUDHBRG";}
.Geometr{font-family: "Geometr";}
.overflow,.imgbox,.nowrap{overflow:hidden;}
.pd60{padding-top:60px; padding-bottom:60px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.pd120{padding-top:120px; padding-bottom:120px;}
.pd90{padding-top:90px; padding-bottom:90px;}
.lh24{line-height:24px;}
.lh20{line-height:20px;}
.public-bg{background-attachment:fixed;background-position:center; background-size:cover;}
.nowrap{text-overflow:ellipsis; white-space:nowrap;}
.epco4{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.epco2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.epco3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.flexcenter{display:flex; align-items:center; justify-content:center;}
.red{color:#fa0000;}
.blue{color:#375a74;}
.yellow{color:#ffcb28;}
.bgGray{background:#f0f1f3;}
.bgWhite{background:#fff;}
.bold{font-weight:bold;}
.gray6{color:#656663;}
.gray9{color:#999;}
.mt20{margin-top:1.0416666666666665vw;}
.white{color:#fff;}
.green{color:#01a29a;}

.center{text-align:center;}
.opacity5{opacity:.5;}
.opacity7{opacity:.7;}
.opacity6{opacity:.6;}
.opacity8{opacity:.8;}
.lh36{line-height:36px;}
.lh26{line-height:26px;}
.lh30{line-height:30px;}
.lh34{line-height:34px;}
.imgs{background-position:center; background-repeat:no-repeat; background-size:cover;}
.uppercase{text-transform:uppercase;}
li img{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
/* z */
.z-10{z-index: 10;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*布局*/

/*分享二维码*/
#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #ff0000; z-index:3000;}
#lhCode>h2{height:35px; line-height:35px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode>.ewm{width:200px; padding:10px;}
#lhCode>.ewm canvas{width:100%; height:100%;}

/* 首页head */
header{ position:fixed; left:0; top:0; right:0; text-align:right; z-index:101;background-color: rgba(0,0,0,.8);}
header.gray6 .lh-logo .img1{opacity:1;}
header.gray6 .lh-nav li a{color:#656663;}
header.gray6 .lh-nav li.line{background:#78a050;}
header.gray6 .lh-tel i{border-color:#fff;}
header.gray6 .lh-nav li.active a.a1{color:#78a050;}
.HeaderFixed header.gray6{color:#656663;}
.HeaderFixed header.gray6 .lh-logo .img1{opacity:1;}
.HeaderFixed header.gray6 .lh-nav li a{color:#656663;}
.HeaderFixed header.gray6 .lh-nav li.line{background:#78a050;}
.HeaderFixed header.gray6 .lh-tel i{border-color:#000;}
header{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.Header header{transform:translateY(-100%);}

.lh-logo{position:absolute; left:15px; top:15px;}
.lh-logo img{height:38px; width:auto;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav{position:relative; display:inline-block; height:65px;font-family: 'OPPOSans-R';}
.lh-nav li.line{position:absolute; left:0; bottom:0px; width:36px; height:2px; background:#78a050;transform-origin:center center;}
.lh-nav li{display:inline-block; line-height:65px;float: left;padding: 0px 30px;}
.lh-nav li a{font-size:18px; position:relative;}
/* 二级分类 */
.lh-nav li.has-sub {position: relative;}
.lh-nav .sub-nav {opacity: 0;visibility: hidden;position: absolute;top: 66px;left: 0; min-width: 140px;background: rgba(0, 0, 0, 0.8);padding: 8px 0;z-index: 999;box-shadow: 0 2px 8px rgba(0,0,0,0.2);transition: all 0.3s ease;transform: translateY(5px);}
.lh-nav .sub-nav li {line-height: 35px;transition: all 0.2s ease;position: relative;padding: 0;width: 100%;}
/* 二级菜单文字样式 */
.lh-nav .sub-nav li a {color: #fff; transition: all 0.2s ease;display: block;font-size: 16px;}
.lh-nav .sub-nav li:hover {background: rgba(120, 160, 80, 0.6);}
.lh-nav .sub-nav li:hover a{color: #fff !important;transform: translateX(4px);}
.lh-nav li.has-sub:hover .sub-nav {opacity: 1;visibility: visible;transform: translateY(0);}




@keyframes fadeInb {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
.lh-tel{position:absolute; right:15px; top:0px;line-height:65px;}
.lh-tel a{color: #656663;font-size: 18px;}
.lh-tel a.cur{color: #78a050;}
/* banner */
.lh-banner-box{background:#000;width:100%;}
.lh-banner-a{height:100%;}
.lh-banner{}
.lh-banner a{display:block; width:100%; height:100%; overflow:hidden;}
.lh-banner .imgs{width:100%; height:100%;}
.lh-banner-hd{position:absolute; left:0; bottom:30px !important; z-index:2; text-align:center;}
.lh-banner-hd li{background:#fff; opacity:.6;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-banner-hd li.on{opacity:1;}
.bannerBtn{width: 100%;height: 35px;position: absolute;left: 0px;right: 0px;margin: 0 auto;top: 50%;z-index: 2;}
.bannerBtn .prevs{background: url(../img/w_coin4_4.png)no-repeat center rgba(0,0,0,.4);width: 35px;height: 35px;position: absolute;left: 2%;top: 0%;cursor: pointer;}
.bannerBtn .nexts{background: url(../img/w_coin5.png)no-repeat center rgba(0,0,0,.4);width: 35px;height: 35px;position: absolute;right: 2%;top: 0%;cursor: pointer;}
/* about */
.ab_intrbg{width: 100%;height: 735px;overflow: hidden;background: url(../img/banner11.jpg)no-repeat top center;background-size: cover;}
.brand-intro{height: 100%;display: flex;align-items: center;padding-left: 80px;}
.brand-intro-content {max-width: 400px;}
.brand-title {color: #4f3e10;margin-bottom: 12px;line-height: 1.2;font-family: 'OPPOSans-B';}
.brand-subtitle {color: #4f3e10;margin-bottom: 30px;text-transform: capitalize;}
.brand-desc {color: #4f3e10;line-height: 1.8;}


/* 视频区域 */
.video_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/banner5.jpg)no-repeat top center;position: relative;}
.video_bg .video_con{height: 37.555vw;position: relative;}
.video_bg .video_con  video{width: 100%; height: 100%;object-fit: cover;}
/* 播放按钮样式 */
.play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70px;height: 70px;background-color: rgba(225, 225, 225, 0.25);border-radius: 50%;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;border: 2px solid #fff;}
.play-btn::after {content: '';width: 0;height: 0;border-style: solid;border-width: 15px 0 15px 25px;border-color: transparent transparent transparent #fff;margin-left: 3px;}
.play-btn:hover {background-color: rgba(120, 160, 80, 0.25);transform: translate(-50%, -50%) scale(1.1);border: 2px solid #78a050;}
.play-btn:hover::after {border-color: transparent transparent transparent #78a050;}
.video_bg .txt_1{position: absolute;left: 5%;top: 50%;color: rgba(255,255,255,.5);font-family:'OPPOSans-R';}
.video_bg .txt_2{position: absolute;right: 5%;top: 50%;color: rgba(255,255,255,.5);font-family:'OPPOSans-R';}
/* 产品广告 */
.pro_adbg{width: 100%;height: auto;overflow: hidden;position: relative;}
.pro_adbg img{width: 100%;float: left;}
.pro_adbg .pro_adcon{height: 100%;overflow: hidden;position: absolute;left: 0px;right: 0px;margin: 0 auto;top: 0px;z-index: 2;}
.pro_adbg .pro_adcon .title{width: 100%;color: #4e3e10;padding-top: 8%;font-family:'ZTQXinYiJiXiangSong';}
.pro_adbg .pro_adcon .title p.p1{margin-bottom: 20px;}
.pro_adbg .pro_adcon .title p.p2{line-height: 40px;}
.pro_adbg .pro_adcon .title p.p3{color: #855e18;padding-top: 18px;font-family:'OPPOSans-R';}
.pro_adbg .pro_adcon .time{width: 140px;position: absolute;right: 19%;top: 12%;}
.pro_adbg .pro_adcon .time img{width: 100%;float: left;animation:serveIcon linear 20s infinite;}
.pro_adbg .pro_adcon .bottomtxt{width: 100%;position: absolute;bottom: 6%;left: 0px;}
.pro_adbg .pro_adcon .bottomtxt .lisleft{width: 50%;float: left;overflow: hidden;padding-top: 2%;}
.pro_adbg .pro_adcon .bottomtxt .lisleft ul li{display: inline-block;float: left;background: url(../img/w_coin18.png)no-repeat left center;padding-left: 16px;color: #fff;font-family:'OPPOSans-L';line-height: 30px;padding-right: 5%;}
.pro_adbg .pro_adcon .bottomtxt .lisrig{width:45%;float: right;overflow: hidden;}
.pro_adbg .pro_adcon .bottomtxt .lisrig ul li{display: inline-block;float: left;margin-right: 5%;color: #4f3e10;font-family:'OPPOSans-R';text-align: center;position: relative;padding: 0px 30px;}
.pro_adbg .pro_adcon .bottomtxt .lisrig ul li::after{display: inline-block;width: 25px;height: 60px;position: absolute;left: 0px;top: 0px;background: url(../img/w_coin16.png)no-repeat;background-size: 100%;content: '';}
.pro_adbg .pro_adcon .bottomtxt .lisrig ul li::before{display: inline-block;width: 25px;height: 60px;position: absolute;right: 0px;top: 0px;background: url(../img/w_coin17.png)no-repeat;background-size: 100%;content: '';}
/* 产品轮播 */
.pro_listbg{width: 100%;padding: 6% 0px;background: linear-gradient(to top, #baa587 0%, #f8f2de 100%);}
.pro_listbg>div{transform:scale(1.2);}
.pro_listtit{width: 100%;height: auto;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;}
.pro_listtit .pro_ttxt{display: inline-block;color: #000;position: relative;padding: 0px 5%;}
.pro_listtit .pro_ttxt p{font-family:'OPPOSans-L';}
.pro_listtit .pro_ttxt::after{display: inline-block;width: 16px;height: 40px;position: absolute;left: 0px;top: 8px;content: '(';color: #8f6a29;font-size: 30px;}
.pro_listtit .pro_ttxt::before{display: inline-block;width: 16px;height: 40px;position: absolute;right: 0px;top: 8px;content: ')';color: #8f6a29;font-size: 30px;}
.pro_siwperbox{width: 100%;padding: 5% 0px 8%;position: relative;overflow: hidden;}
.pro_siwperbox ul li .product-pic{width: 100%;height: auto;margin-bottom: 12px;box-sizing: border-box;padding: 5%;}
.pro_siwperbox ul li .product-pic img{width: 100%;}
.pro_siwperbox ul li .scale-down {transform: scale(0.6);opacity: 0.6;}
.pro_siwperbox ul li .scale-center {transform: scale(1);opacity: 1;}
.pro_siwperbox ul li .pro_txt{border-left: 1px solid #b09669;border-right: 1px solid #b09669;box-sizing: border-box;padding: 0px 5%;}
.pro_siwperbox ul li .pro_txt p.p1{color: #000;text-align: center;font-family:'OPPOSans-R';margin-bottom: 6px;}
.pro_siwperbox ul li .pro_txt p.p1 i{display: inline-block;padding-left: 3%;}
.pro_siwperbox .swiper-button-next,.pro_siwperbox .swiper-button-prev{width: 20px;height: 40px;}
.pro_siwperbox .swiper-button-next{background: url(../img/w_coin21.png)no-repeat;background-size: 100%;}
.pro_siwperbox .swiper-button-prev{background: url(../img/w_coin20.png)no-repeat;background-size: 100%;}

.pro_siwperbox ul li:hover .product-pic img{transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);transform: scale(1.05);}
.pro_siwperbox ul li .product-pic img{transition: .8s!important;transition-delay: .1s!important;}
.pro_more {width: 235px;height: 50px;margin: 0 auto;box-sizing: border-box;border: 1px solid #000;border-radius: 30px;line-height: 50px;background: transparent url(../img/w_coin13.png) no-repeat 90% center;background-size: 7px;font-family: 'OPPOSans-R';text-align: center;position: relative;color: #000;transition: none;z-index: 1 !important;}
/* hover */
.pro_more:before {content: '';display: block;width: 100%;height: 100%;background: #b09669;border-radius: 30px;position: absolute;left: 0;top: 0;transform: scaleX(0);transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;transform-origin: left center;opacity: 0;z-index: -1;}
.pro_more:hover:before{transform: scaleX(1);opacity: 1;}
/* tmall */
.tmall_bg{width: 100%;height: auto;overflow: hidden;position: relative;}
.tmall_bg img{width: 100%;float: left;}
.tmall_bg .tmll_adcon{height: 100%;overflow: hidden;position: absolute;left: 0px;right: 0px;margin: 0 auto;top: 0px;z-index: 2;}
.tmall_bg .tmll_adcon .title{color: #4e3e10;padding-top: 4%;font-family:'ZTQXinYiJiXiangSong';padding-left: 15%;}
.tmall_bg .tmll_adcon .title p.p1{margin-bottom: 10px;}
.tmall_bg .tmll_adcon .title p.p2{line-height: 40px;padding-left: 18%;}
.tmall_bg .tmll_adcon .title p.p3{color: #855e18;padding-top: 18px;padding-left: 18%;}
.tmall_bg .tmll_adcon .trulbox{position: absolute;font-family:'ZTQXinYiJiXiangSong';right: 2%;bottom:8%;color: #4f3e10;background: url(../img/w_coin1.png)no-repeat right center;background-size: 16px;padding-right: 2%;}
/* 产业布局 */
.cir_bg{width: 100%;background: linear-gradient(45deg, #ece3cc 0%, #f8f5ec 100%);padding: 6% 0px;}
.new_titl{width: 100%;text-align: left;color: #4f3e10;}
.cir_con{max-width: 1187px;margin: 0 auto;position: relative;padding-bottom: 6%;}
.cir_toptxt{width: 100%;display: flex;align-items: center;justify-content: space-between;color: #998f7e;}
.cir_toptxt .leftx{font-size: 12px;}
.cir_toptxt .rigtxt{font-size: 12px;}
.cir_toptxt .rigtxt span{display: inline-block;width: 23px;height: 23px;line-height: 23px;border: 1px solid #998f7e;text-align: center;border-radius: 50%;}
.cir_title{width: 100%;text-align: center;padding-top: 42px;margin-bottom: 20px;}
.cir_title p.p1{color: #4f3e10;font-family:'ZTQXinYiJiXiangSong';padding-bottom: 15px;}
.cir_title p.p2{display: inline-block;margin: 0 auto;color: #998f7e;position: relative;font-family:'OPPOSans-R';}
.cir_title p.p2::after{display: inline-block;width: 44px;height: 6px;background: url(../img/w_coin6.png)no-repeat left center;position: relative;left: 20px;top: 0px;content: '';}
.cir_title p.p2::before{display: inline-block;width: 44px;height: 6px;background: url(../img/w_coin4.png)no-repeat right center;position: relative;right: 20px;top: 0px;content: '';}
.cir_conten{width: 100%;height: auto;overflow: hidden;position: relative;margin: 0 auto;}
.cir_conten img{width: 100%;float: left;}
.cir_conten .cir_did{width: 84px;height: 88px;background: url(../img/w_coin3.png)no-repeat center;background-size: 100%;position: absolute;opacity: 0;visibility: hidden;transition: opacity 0.8s ease-out, visibility 0.8s ease-out;}
.cir_conten .cir_did.cir_1{left: 70%;top: 81%;}
.cir_conten .cir_did.cir_2{left: 44%;top: 77%;}
.cir_conten .cir_did.cir_3{left: 55%;top:69.5%;}
.cir_conten .cir_did.cir_4{left: 46%;top: 60%;}
.cir_conten .cir_did.cir_5{left: 80%;top: 26%;}
.cir_conten .cir_did.cir_6{left: 72.5%;top: 25%;}
.cir_conten .cir_did.cir_7{left: 76%;top: 39%;}
.cir_conten .cir_did.cir_8{right: 6%;top:71%;}
.cir_conten .cir_txt{color: #4f3e10;font-family:'ZTQXinYiJiXiangSong';position: absolute;opacity: 0;visibility: hidden;transition: opacity 0.8s ease-out, visibility 0.8s ease-out;}
.cir_conten .cir_txt.txt_1{left: 73%;top: 86%;}
.cir_conten .cir_txt.txt_2{left: 40.8%;top:80%;}
.cir_conten .cir_txt.txt_3{left: 52.4%;top: 75%;}
.cir_conten .cir_txt.txt_4{left: 43%;top:63%;}
.cir_conten .cir_txt.txt_5{left: 77%;top: 28%;}
.cir_conten .cir_txt.txt_6{left: 76%;top: 23%;}
.cir_conten .cir_txt.txt_7{left: 73%;top: 38%;}
.cir_conten .cir_txt.txt_8{right: 5.5%;top:71%;}
.cir_did.is-center{opacity: 1;visibility: visible;background: url(../img/w_coin3_3.png)no-repeat center;background-size: 100%;}
.cir_labett{width: 255px;position: absolute;right: -10%;top: 46%;display: flex;gap: 5px;}
.cir_labett .vertical-text {writing-mode: vertical-rl;color: #5a4a3a;letter-spacing: 2px;}




  @keyframes bounceS {
	0%, 100% {
	  transform: translateY(0); /* 仅控制上下弹跳，不影响基础定位 */
	}
	50% {
	  transform: translateY(-3px); /* 上移3px */
	}
  }
.cir_did.bounceT {animation: bounceS 1.5s infinite ease-in-out;}
/*  layer*/
.layer_bg{width: 100%;height: 100%;box-sizing: border-box;padding: 4% 5%;overflow: hidden;}
.layer_bg .map_cha{max-width: 62%;height:auto;margin: 0 auto;position: relative;display: table;}
.layer_bg .map_cha::after {content: "";display: table;clear: both;}
.layer_bg .map_cha img{width:100%;float: left;}

.layer_bg .map_cha .xg{width: 80px;height: auto;position: absolute;bottom: 7%;right: 21%;}
.layer_bg .map_cha .xg .img{width: 49px;height: 49px;margin: 0 auto 10px;}
.layer_bg .map_cha .xg .img img{width: 100%;float: left;}
.layer_bg .map_cha .xg p.p1{text-align: center;color: #4f3e10;font-family:'ZTQXinYiJiXiangSong';}

.gdot {width: 9px;height: 9px;  border-radius: 50%;-webkit-animation: gr-pulse 1.5s infinite ease-out;animation: gr-pulse 1.5s infinite ease-out;background: #98794c;position: absolute;z-index: 1;cursor: pointer;}
.gdot:hover {transform: scale(1.3);background: #b80000;}
@-webkit-keyframes gr-pulse {
    0% {
      box-shadow: 0px 0px 0px 0px #b3a083;
    }
    100% {
      box-shadow: 0px 0px 0px 10px rgba(57, 182, 74, 0);
    }
  }
  @keyframes gr-pulse {
    0% {
      box-shadow: 0px 0px 0px 0px #b3a083;
    }
    100% {
      box-shadow: 0px 0px 0px 10px rgba(57, 182, 74, 0);
    }
  }
  .gdot.gdot-1{left: 58%;bottom: 22%;}
  .gdot.gdot-2{left: 68%;bottom: 26%;}
  .gdot.gdot-3{right: 8%;top:27%;}
  .gdot.gdot-4{right: 10%;top:14%;}
  .gdot.gdot-5{right: 37%;top:55%;}
  .gdot.gdot-6{left: 22%;top:38%;}
.map_chtxt{width: 275px;position: absolute;right: -23%;top: 45%;display: none;}
.map_chtxt p.p1{color: #4f3e10;font-family:'ZTQXinYiJiXiangSong';margin-bottom: 10px;}
.map_chtxt p.p2{color: #7e7e7e;line-height: 24px;}
/* 保障 */
.bz_list{width: 100%;height: auto;overflow: hidden;padding-top: 6%;}
.bz_list ul li{width: calc((100% / 3) - 20px);float: left;margin: 0px 10px 20px;overflow: hidden;transition: .6s ease-out;}
.bz_list ul li a .pic{width: 100%;height: 200px;overflow: hidden;}
.bz_list ul li a .pic img{width: 100%;float: left;}
.bz_list ul li a .txtcon{width: 100%;padding: 40px;box-sizing: border-box;background: linear-gradient(320deg, #c3b093 0%, #f8f2dc 100%);}
.bz_list ul li a .txtcon p.p1{color: #855e18;margin-bottom: 15px;background: url(../img/w_coin26.png)no-repeat left center;background-size: 19px;padding-left: 25px;font-family: 'OPPOSans-B';}
.bz_list ul li a .txtcon .intro{height: 72px;color: #2c2c2c;line-height: 24px;}

.bz_list ul li:hover{transform:translateY(-10px);}
.bz_list ul li a .pic img{transition: .8s!important;transition-delay: .1s!important;}
.bz_list ul li a:hover .pic img{transform: scale(1.05);}
.morebox{width: 100%;height: auto;overflow: hidden;margin-top: 33px;text-align: right;}
.morenew{display: inline-block;width: 100px;height: 26px;border: 1px solid #855e18;border-radius: 30px;line-height: 26px;text-align: center;color: #855e18;transition: cubic-bezier(0.215,.61,.355,1) .45s;float: right;}
.morenew:hover{transform: translateX(-10%);}
/* 加盟和联系我们 */
.tab_con{width: 100%;height: 800px;overflow: hidden;display: flex;min-width:1300px}
.tab_con .tab_nav{width: 40%;height: 100%;display: flex;flex-direction: column;}
.tab_con .tab_nav .tab-item {flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;padding-right:20%;cursor: pointer;transition: all 0.3s ease;position: relative;}
.tab_con .tab_nav .tab-item.active {background: linear-gradient(90deg, #f8f2dc 0%, #b29b7b 100%);color: #4f3e10;}
.tab_con .tab_nav .tab-item:not(.active) {background: linear-gradient(90deg, #575757 0%, #212121 100%);color: #777777;}
.tab_con .tab_nav .tab-item .tab-title{line-height: 1.2;position: relative;}

.tab_con .tab_nav .tab-item .tab-subtitle {margin-top: 40px;letter-spacing: 2px;text-align: center;}
.tab_con .tab_nav .tab-item:not(.active) .tab-title::after{width: 16px;height: 1px;background-color: #777;display: inline-block;left: 0px;right: 0px;margin: 0 auto;bottom: -20px;content: '';position: absolute;}
.tab_con .tab_nav .tab-item.active .tab-title::after{width: 16px;height: 1px;background-color: #85744d;display: inline-block;left: 0px;right: 0px;margin: 0 auto;bottom: -20px;content: '';position: absolute;}   
.tab_con .tab_nav .tab-item.active .tab_cur{width: 14px;height: 39px;background: url(../img/w_coin8.png)no-repeat;position: absolute;right: -14px;top: 10%;z-index: 2;}

.tab_con  .tab_navcon{flex: 1;height: 100%;position: relative;}
.tab_con  .tabcontent-item{display: none;width: 100%;height: 100%;position: relative;}
.tab_con  .tabcontent-item.bg1{background: url(../img/banner8.jpg)no-repeat top center;background-size: cover;}
.tab_con  .tabcontent-item.bg2{background: url(../img/banner9.jpg)no-repeat top center;background-size: cover;}
.tab_con  .tabcontent-item .txtcon{position: absolute;top: 50%;left: 50%;width: 70%;height: 55%;color: #fff;background-color: rgba(0,0,0,.6);transform: translate(-50%, -50%);max-width: 660px;padding:32px 70px;box-sizing: border-box;}
.tab_con  .tabcontent-item.active{display: block;animation: fadeInt 0.5s ease forwards;}
.tab_con  .tabcontent-item .content-title {margin-bottom: 12px;font-family: "OPPOSans-L";}
.tab_con  .tabcontent-item .content-subtitle {margin-bottom: 20px;border-bottom: 1px solid #fff;padding-bottom: 15px;}
.tab_con  .tabcontent-item .content-desc{line-height: 1.8;font-family: "OPPOSans-R";}
.tab_con  .tabcontent-item .content-note {color: #b9a485;padding-top: 20px;}
/* 业务咨询 */
.tab_con .tabcontent-item .txtcon .consult-container {width: 100%;height: 100%;display: flex;flex-direction: row;align-items: center;gap: 40px;padding: 20px 0;}
/* 左侧内容容器 */
.tab_con .tabcontent-item .txtcon .left-content {flex: 1;}
.tab_con .tabcontent-item .txtcon .consult-title {line-height: 1.2;padding-bottom: 28px;border-bottom: 1px solid rgba(255,255,255,.3);font-family: "OPPOSans-L";display: inline-block;}
.tab_con .tabcontent-item .txtcon .contact-info {display: flex;flex-direction: column;gap: 16px;margin-top: 24px;}
.tab_con .tabcontent-item .txtcon .phone {letter-spacing: 0.5px;font-family: "OPPOSans-B";}
.tab_con .tabcontent-item .txtcon .time {margin: 0;font-size: 16px;color: rgba(255,255,255,.9);display: flex;align-items: center;gap: 8px;}
.tab_con .tabcontent-item .txtcon .time-icon {width: 25px;height: 25px;display: inline-block;background: url(../img/w_coin24.png)no-repeat;}
/* 右侧二维码区域 - 移除绝对定位，改为flex布局自然排列 */
.tab_con .tabcontent-item .txtcon .qrcode-area {display: flex;flex-direction: column;align-items: center;gap: 12px;width: 140px; padding-top: 19%;}
.tab_con .tabcontent-item .txtcon .qrcode-img {width: 120px;height: 120px;background: #fff;padding: 8px;}
.tab_con .tabcontent-item .txtcon .qrcode-desc {text-align: center;color: rgba(255,255,255,.9);max-width: 140px;}


/* foot */
.foot_bgs{width: 100%;height:auto;background-color: #000;padding: 50px 0px;color: #fff;}
.foot_bgs .social-container {display: flex;justify-content:space-between;align-items: center;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.1); /* 分隔线 */}
.foot_bgs .social-box{display: flex;gap: 25px;}
.foot_bgs .social-item {position: relative;display: flex;align-items: center;cursor: pointer;}
.foot_bgs .social-icon {width: 40px;height: 40px;background-size: 22px;transition: background-color 0.3s ease;}
.foot_bgs .social-icon.conin_1{background: url(../img/w_coin9.png)no-repeat center;background-size: 100%;}
.foot_bgs .social-icon.conin_2{background: url(../img/w_coin10.png)no-repeat center;background-size: 100%;}
.foot_bgs .social-icon.conin_3{background: url(../img/w_coin11.png)no-repeat center;background-size: 100%;}
.foot_bgs .social-icon.conin_4{background: url(../img/w_coin12.png)no-repeat center;background-size: 100%;}
.foot_bgs .social-tel{font-family: 'OPPOSans-B';color: #78a050;padding-left:42px;}
.foot_bgs .social-tel.c1{background: url(../img/w_coin27.png)no-repeat;background-size: 31px;}
.foot_bgs .social-tel.c2{background: url(../img/w_coin28.png)no-repeat;background-size: 38px;}

.foot_bgs .qrcode {position: absolute;top: -240px;left: 50%;transform: translateX(-50%);width: 216px;height: 213px;padding: 25px ;box-shadow: 0 4px 12px rgba(0,0,0,.3);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 10;background: url(../img/w_coin25.png)no-repeat;background-size: 100%;box-sizing: border-box;}
.foot_bgs .qrcode img {width: 100%;height: 100%;object-fit: contain; }
  /* 悬停效果 */
.foot_bgs .social-item:hover .qrcode {opacity: 1;visibility: visible;animation: fadeInt 0.5s ease forwards;}
.foot_bgs .footer-info {display: flex;justify-content: space-between;align-items: center;color: #78a050;}
.foot_bgs .footer-info a{color: #78a050;}

/* 淡入动画 */
@keyframes fadeInt {
	from { opacity: 0; transform: translateX(20px); }
	to { opacity: 1; transform: translateX(0); }
}
/* about  */
.cl_banner{width: 100%;height:auto;overflow: hidden;position: relative;}
.cl_banner img{width: 100%;float: left;}
/* 创始人简介 */
.cs_intrbg{width: 100%;height: auto;overflow: hidden;padding: 4% 0px;background: url(../img/bg1.jpg)no-repeat top center;}
.cs_box{margin-bottom: 50px;overflow: hidden;color: #4f3e10;}
.cs_box .cs_left{width: 45%;float: left;overflow: hidden;position: relative;display: flex;gap: 12px;}
.cs_box .cs_left .cs_pic{width: 355px;overflow: hidden;}
.cs_box .cs_left .cs_pic img{width: 100%;float: left;}
.cs_box .cs_left .cs_txt{color: #4f3e10;}
.cs_box .cs_left .cs_txt p.p1{padding-bottom: 16px;}
.cs_box .cs_left .cs_txt p.p2{padding-top: 16px;border-top: 1px solid #4f3e10;display: inline-block;}
.cs_box .cs_right{width: 50%;float:right;overflow: hidden;}
.cs_box .cs_right p.p1{padding-bottom: 10px;}
.cs_box .cs_right p.p2{padding-bottom: 30px;}
.cs_box .cs_right .desc{line-height: 1.4;}
/* 向福介绍 */
.brand_box{display: flex;justify-content: space-between;gap: 5%;}
.brand_box .ban_pic{width: 429px;overflow: hidden;display: flex;justify-content: center; align-items: center;}
.brand_box .ban_pic img{width: 100%;float: left;display: inline-block;}
.brand_box .ban_rig{width: 50%;overflow: hidden;}
.brand_box .ban_rig .ban_lic{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #88ab64;margin-bottom: 20px;padding-bottom: 20px;}
.ban_lic .lic-item {display: flex;align-items: center;margin-bottom: 30px;}
.ban_lic .lic-item:last-child {margin-bottom: 0;}
.ban_lic .lic-left {width: 80px;display: flex;flex-direction: column;align-items: center;gap: 5px;}
.ban_lic .lic-icon {width: 2.8vw;height:2.8vw;background-color: #88ab64;border-radius: 50%;color: #fff;line-height: 2.8vw;text-align: center;}
.ban_lic .lic-en {color: #898989;text-align: center;}
.ban_lic .lic-right {flex: 1;padding-left: 20px;color: #4f3e10;line-height: 1.3;font-family: "OPPOSans-R";}
.brand_box .ban_rig .ban_txt{color: #78a050;line-height: 1.3;}
/* 公司文化 */
.cul_bgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg2.jpg)no-repeat top center;padding: 4% 0px 6%;}
.cul_titl{width: 100%;text-align: center;color: #4f3e10;margin-bottom: 50px;}
.cul_titl p.p1{margin-bottom: 10px;}
.cul_titl p.p2{text-transform: capitalize;}
/* 企业文化容器：横向排列4个item */
.culture-container {display: flex;width: 100%;gap: 20px;padding-bottom: 5%;}
.culture-item {position: relative;flex: 1;overflow: hidden;cursor: pointer;}
.culture-item .imgsw{   width: 100%;display: block;object-fit: cover;z-index: 0;position: relative;} 
.culture-mask {position: absolute;inset: 0;background-color: rgba(20, 20, 20, 0.4);transition:cubic-bezier(0.215,.61,.355,1) .45s;transform: translateY(0%);z-index: 1;}
.culture-item:hover .culture-mask {opacity: 0;visibility: hidden;transform: translateY(100%);}
.culture-content {position: absolute;top: 97px;left: 30px;right: 30px;color: #fff;z-index: 2;}
.culture-title {margin-bottom: 20px;position: relative;text-align: center;padding-bottom: 20px;}
.culture-title::after{display: inline-block;width: 92px;height: 1px;background-color: #fff;position: absolute;left: 0;right: 0;margin: 0px auto;bottom: 0;content: '';}
.culture-desc {line-height: 1.6;}
/* 四大核心 */
.hx-container {display: flex;width: 100%;gap: 20px;}
.hx-item {position: relative;flex: 1;overflow: hidden;cursor: pointer;}
.hx-item .imgsw{   width: 100%;display: block;object-fit: cover;z-index: 0;position: relative;} 
.hx-mask {position: absolute;inset: 0;background-color: rgba(20, 20, 20, 0.4);transition:cubic-bezier(0.215,.61,.355,1) .45s;transform: translateX(0%);z-index: 1;}
.hx-item:hover .hx-mask {opacity: 0;visibility: hidden;transform: translateX(100%);}
.hx-content {position: absolute;top: 97px;left: 30px;right: 30px;color: #fff;z-index: 2;}
.hx-title {margin-bottom: 20px;position: relative;text-align: center;padding-bottom: 20px;}
.hx-title::after{display: inline-block;width: 92px;height: 1px;background-color: #fff;position: absolute;left: 0;right: 0;margin: 0px auto;bottom: 0;content: '';}
.hx-desc {line-height: 1.6;text-align: center;}
/* 发展历程 */
.lc_bgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg3.jpg)no-repeat top center;padding: 4% 0px 6%;}
.lc_titl{width: 100%;color: #4f3e10;margin-bottom: 50px;}
.lc_titl p.p1{margin-bottom: 10px;}
.lc_titl p.p2{text-transform: capitalize;color: #2c2c2c;}
/* 时间轴 */
.timeline-swiper {position: relative;padding: 0px 0 60px;}
.timeline-line {position: absolute;top: 7px;left: 0;right: 0;height: 2px;background-color: #9f8147;z-index: 1;}
.timeline-swiper .swiper-slide {position: relative;text-align: center;width: auto !important;}
.timeline-dot {position: absolute;top: 0px;left: 10%;transform: translateX(10%);width: 13px;height: 13px;border-radius: 50%;background-color: #bda87d;z-index: 2;border: 1px solid #9f8147;}
.timeline-month {color: #855e18;margin-bottom: 10px;text-align: left;margin-top: 20px;}
.timeline-events {text-align: left;color: #2c2c2c;line-height: 1.5;}
.timeline-swiper .swiper-button-next, .timeline-swiper .swiper-button-prev{width: 25px;height: 25px;background-size: 10px;top: 0px;margin-top: -5px;}
.timeline-swiper .swiper-button-next{background: url(../img/w_coin29.png)no-repeat center right;right: 0px;}
.timeline-swiper .swiper-button-prev{background: url(../img/w_coin30.png)no-repeat center left;left: 0px;}
/* 新闻 */
.cl_newbox{width: 100%;height: auto;display: flex;justify-content: space-between;padding-bottom: 6%;}
.cl_newbox .new_item{width: 385px;}
.cl_newbox .new_item a .pic{width: 100%;height: auto;position: relative;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.cl_newbox .new_item a .pic img{width: 100%;display: block;transition: .8s!important;transition-delay: .1s!important;}
.cl_newbox .new_item a .txtcon{width: 80%;height: 90px;box-sizing: border-box;padding:12px 15px;position: absolute;left: 0;right: 0;margin: 0 auto; bottom:-60px;background-color: #fff;color: #4f3e10;}
.cl_newbox .new_item a .txtcon p.p1{background: url(../img/w_coin35.png)no-repeat left center;background-size: 16px;margin-bottom: 8px;padding-left: 22px;}
.cl_newbox .new_item a .txtcon p.p2{line-height: 1.4;}
.cl_newbox .new_item.newbg{background-color: rgba(200, 159, 101, 0.4);padding:20px 18px 13px;box-sizing: border-box;width: 408px;}
.cl_newbox .new_item.newbg ul li{color: #4f3e10;float: left;overflow: hidden;padding: 12px 0px;width: 100%;}
.cl_newbox .new_item.newbg ul li a p.p3{background: url(../img/w_coin36.png)no-repeat left center;background-size: 16px;margin-bottom: 12px;padding-left: 22px;color: #7f7869;}
.cl_newbox .new_item.newbg ul li a p.p4{height: 50px;line-height: 1.4;}
.cl_newmore{width: 100%;text-align: center;overflow: hidden;margin-top: 40px;}
.cl_newmore a.more{width: 230px;height: 70px;background-color: #e7dfcc;line-height: 70px;text-align: center;color: #000000;display: block;margin: 0 auto;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.cl_newmore:hover a.more{transform: translateX(-10%);background-color: #c89f65;}
.cl_newbox .new_item:hover a .pic{transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);transform: scale(1.05);}
/* product */
.product_navbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg4.jpg)no-repeat top center;padding: 70px 0px 6%;}
.product_box{}
.product_box .pro_item{position: relative;width: calc((100%/3) - 20px);margin: 0px 10px 20px;float: left;}
.product_box .pro_item .title{width: 100%;text-align: center;border-right: 1px solid #655834;color: #4f3e10;margin-bottom: 60px;}
.product_box .pro_item .title p.p1{margin-bottom: 10px;font-family: "OPPOSans-B";}
.product_box .pro_item .title .proview{width: 100%;height: auto;overflow: hidden;}
.product_box .pro_item .title .proview a{display: inline-block;width: 50%;float:left;line-height: 30px;color: #4f3e10;}
.product_box .pro_item .pic{width: 80%;height: auto;overflow: hidden;margin: 0 auto;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.product_box .pro_item .pic img{width: 100%;}
.product_box .pro_item:last-of-type .title {border-right: none;}
.product_box .pro_item:hover .pic{transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);transform: scale(1.05);}
/* 产品 */
/* 产品项容器 - 奇偶轮换布局 */
.product-list{width: 100%;height: auto;overflow: hidden;padding: 6% 0px;}
.product-item {display: flex;gap: 150px;align-items: stretch;padding: 30px 0px;}
.product-item.reverse {flex-direction: row-reverse;}
.product-info {flex: 1;display: flex;flex-direction: column;}
.product-info .title {color: #4f3e10;margin-bottom: 5px;font-family: "OPPOSans-B";}
.product-info .en-name {color: #4f3e10;margin-bottom: 40px;width: 50%;text-align: left;}
.product-img-wrap{  margin-top: auto;width: 100%;}
.product-img-wrap img {max-width: 100%;height: auto;margin-bottom: 20px;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.product-img-wrap .spec {color: #666;text-align: right;}
.product-item.reverse .product-img-wrap .spec{text-align: left;}
.product-item.reverse .product-info .en-name {text-align: right;transform: translateX(100%);}
.product-item.reverse .product-info .title {text-align: right;}
/* 产品描述区 */
.product-desc {flex: 2;line-height: 1.7;color: #4b4b4b;margin-top: 100px;}
/* 分割线 */
.divider {display: flex;align-items: center;gap: 10px;margin: 20px 0;}
.divider span {color: #554518;}
.divider .line {flex: 1;height: 1px;background-color: #554518;}
.product-item:hover .product-img-wrap img{transform:translateX(10px);transform: scale(1.05);}
/* 产业布局 */
.layout_bg{width: 100%;min-height: 800px;background: radial-gradient( #fcfcf5, #f2ead5);padding: 3% 0px 6%;overflow: hidden;}
.coper_box{padding-top: 3%;}
.coper_box .section-header {text-align: center;margin-bottom: 80px;}
.coper_box .section-header p.p1 {color: #4f3e10;margin-bottom: 15px;}
.coper_box .section-header p.p2{color: #575859;line-height: 1.5;}
.coper_box .items-container {display: flex;justify-content: space-between;gap: 115px;}
.coper_box .item {flex: 1;display: flex;flex-direction: column;align-items: flex-start;transition: transform 0.4s var(--easing), box-shadow 0.4s var(--easing);}
.coper_box .item-text .num {color: #4f3e10;}
.coper_box .item-text .desc {color: #666;margin-bottom: 25px;}
.coper_box .item .pic{width: 100%;height: auto;overflow: hidden;} 
.coper_box .item .pic img{width: 100%;float: left;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.coper_box .item:hover{ transform: translateY(-10px);}
.coper_box .item .pic:hover img{transform: scale(1.1) rotate(-3deg);}

.coper_intro{padding: 6% 0px 4%;overflow: hidden;display: flex;align-items: flex-start;}
.coper_intro .left-title {flex: 1;}
.coper_intro  .left-title p.p1 {color: #5a4a1e;}
.coper_intro  .left-title p.p2 {color: #5a4a1e;}
.coper_intro .divider {width: 1px;background-color: #d9d0c0;height: 120px;margin: 0 20px;}
.coper_intro .right-content {flex: 2;padding-left: 50px;color: #575859;line-height: 1.4;border-left: 1px solid #5a4a1e;}
/* 基地介绍 */
.jd_intrbox{}
.base-item {display: flex;margin-bottom: 40px;width: 100%;overflow: hidden;border-radius: 8px;}
.base-text {flex: 48.5%;padding: 30px 6%;box-sizing: border-box;display: flex;align-items: center;}
.base-text .base_txtcon{}
.base-image {flex: 51.5%;}
.base-image img {width: 100%;height: 100%;object-fit: cover;display: block;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.base-name {margin-bottom: 15px;line-height: 1.2;}
.base-desc {line-height: 1.5;color: #575859;}
  /* 奇数项：文字左，图片右 */
  .base-item:nth-child(odd) {flex-direction: row;}
  /* 偶数项：图片左，文字右 */
  .base-item:nth-child(even) {flex-direction: row-reverse;}
  /* 样式预设 */
  .base-item:nth-child(1) .base-text {background-color: #e8e1e9;}
  .base-item:nth-child(1) .base-name {color: #9481bb;}
  .base-item:nth-child(2) .base-text {background-color: #f8f0e3;}
  .base-item:nth-child(2) .base-name {color: #77321d;}
  .base-item:nth-child(3) .base-text {background-color: #e4e9d4;}
  .base-item:nth-child(3) .base-name {color: #2f5230}
  .base-item:nth-child(4) .base-text {background-color: #f7e9e6;}
  .base-item:nth-child(4) .base-name {color: #914248}
  .base-item:nth-child(5) .base-text {background-color: #cfd8c2;}
  .base-item:nth-child(5) .base-name {color: #567739}
  .base-item:hover .base-image img{transform: scale(1.1) rotate(-3deg);}
/* 生成基地 */
.production-base {padding-top: 80px;}
.base-header {text-align: center;margin-bottom: 40px;}
.base-title {color: #4f3e10;margin: 0 0 15px 0;}
.base-title.c1{color: #000;}
.base-subtitle {color: #575859;line-height: 1.6;}
.production-base .items-container {display: flex;width: 100%;background: url(../img/bg5.jpg)no-repeat top center;min-height: 503px;background-size: cover;}
.production-base .base-itemsc {flex: 1;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.production-base .item-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);transition: opacity 0.3s ease;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.production-base .base-itemsc:hover .item-mask {opacity: 1;visibility:visible;transform: translateY(100%);}
.production-base .item-fextxt{width: 100%;position: relative;}
.production-base .item-number {color: transparent;margin-bottom: 40px; -webkit-text-stroke: 2px #ebedee;text-stroke: 2px #ebedee;text-align: center;}
.production-base .item-desc {color: #ebedee;text-align: center;position: relative;padding-top: 58px;}
.production-base .item-desc::after{display: inline-block;width: 92px;height: 1px;background-color: #daddda;left: 0;right: 0;top: 0;margin: 0 auto;content: '';position: absolute;}
/* 快递合作 */
.post_box{padding-top: 80px;}
.cooperation-container{position: relative;width: 100%;min-height: 400px;box-sizing: border-box;display: flex;align-items:center;gap: 40px;background: url(../img/bg6.jpg)no-repeat top center;background-size: cover;padding: 0px 40px 0px 180px;justify-content: space-between;}
.cooperation-container .left-description {flex: 0 0 40%;color: #ffffff;padding-bottom: 20px;padding-top: 100px;}
.cooperation-container .left-description p {line-height: 1.6;text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.cooperation-container .right-logos{flex: 0 0 45%;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.cooperation-container .logo-grid {display: flex;flex-wrap: wrap;gap: 25px;}
.cooperation-container .logo-item {flex: 0 0 calc(25% - 25px);border: 3px solid rgba(255,255,255,0.8);padding: 15px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;min-height: 95px;border-radius: 12px;}
.cooperation-container .logo-item img {max-width: 100%;max-height: 95px;object-fit: contain;}
/* 销售 */
.sale_box{padding-top: 80px;}
.sale_titp{width: 40%;margin: 0 auto;}
.channel-container {margin: 0 auto;padding: 20px 20px;}
.channel-container .channel-item {display: flex;width: 100%;margin-bottom: 80px;align-items: stretch;}
.channel-container .text-part {flex: 0 0 50%;box-sizing: border-box;padding: 0 50px;display: flex;flex-direction: column;justify-content: center;}
.channel-container .text-part .text-desc {color: #575859;line-height: 1.8;}
.channel-container .image-part {flex: 0 0 50%;display: flex;align-items: center;justify-content: center;}
.channel-container .image-part img {width: 100%;height: auto;object-fit: contain;}
.channel-container .channel-item:nth-child(odd) {flex-direction: row;}
.channel-container .channel-item:nth-child(even) {flex-direction: row-reverse;}
/* 认证 */
.cer_boxbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg7.jpg)no-repeat top center;padding: 6% 0px;}
.cert-container {display: flex;align-items: stretch;margin: 0 auto;}
.cert-container  .left-section {flex: 0 0 30%;display: flex;flex-direction: column;justify-content: flex-end;}
.cert-container  .left-title {color: #4f3e10;}
.cert-container .left-desc {color: #231815;line-height: 1.6;margin-top: 20px;}
.cert-container .right-section {flex: 1;padding-left: 10%;}
.cert-container .cert-items {display: flex;flex-wrap: wrap;gap: 30px;}
.cert-container .cert-item {flex: 0 0 calc(20% - 30px);display: flex;flex-direction: column;align-items: center;}
.cert-container .cert-logo {width: 100%;object-fit: contain;margin-bottom: 8px;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.cert-container .cert-name {color: #000;text-align: center;line-height:20px;height: 40px;}
.cert-container .cert-item:hover .cert-logo{transform: scale(1.1)}
/* 合作渠道 */
.qudao_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg8.jpg)no-repeat top center;padding: 4% 0px 2%;}
.qudao_bg .channel-wrap {margin: 0 auto;padding: 0px 20px 60px;}
.channel-wrap .channel-title {color: #333;margin-bottom: 30px;}
.channel-wrap .channel-list {display: flex;flex-wrap: wrap;gap: 25px;}
.channel-wrap .channel-item {flex: 0 0 calc(20% - 25px);border: 2px solid #4f3e10;padding: 10px 14px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.channel-wrap .channel-name {color: #4f3e10;margin-right: 8px;}
.channel-wrap .channel-logo {max-width: 65px;max-height: 56px;object-fit: contain;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.channel-wrap .channel-item:hover .channel-logo{transform: translateX(-10%);}

/* 线下合作渠道 */
.coop-container {display: flex;justify-content: space-between;gap: 24px;width: 100%;padding: 0px 0;box-sizing: border-box;}
.coop-container .coop-item {flex: 1;display: flex;flex-direction: column;align-items: center;overflow: hidden;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.coop-container .coop-title {margin: 0 0 8px 0;text-align: center;}
.coop-container .coop-img {width: 100%;height: auto;object-fit: cover;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.coop-container .coop-desc {background-color: rgba(0, 0, 0, 0.1);padding: 12px 16px 0;text-align: center;width: 100%;box-sizing: border-box;min-height: 215px;color: #575859;}
.coop-container .coop-item:hover .coop-img{transform: scale(1.1);}
.coop-container .coop-item:hover{transform: translateY(-1%);}

/* 合作流程 */
.lc_cbgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg9.jpg)no-repeat top center;padding: 4% 0px 4%;}
.lc_cont{box-sizing: border-box;overflow: hidden;padding-left: 15%;transform: translateX(-50%);}
.lc_cont .lc_title{color: #000;padding-bottom: 28px;}
.lc_cont .lc_lis{width: 100%;overflow: hidden;}
.lc_cont .lc_lis ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 22px;}
.lc_cont .lc_lis ul li .lef{display: inline-block;width: 115px;float: left;overflow: hidden;color: #000;border-right: 1px solid #000;}
.lc_cont .lc_lis ul li .rig{width: calc(100% - 140px);float: right;overflow: hidden;color: #000;line-height: 1.5;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.lc_cont .lc_lis ul li:hover .rig{transform: translateX(1.5%);}
/* 合作政策 */
.cooperation-policy {width: 100%;height: 716px;display: flex;align-items: center;justify-content: center;background: url(../img/bg10.jpg)no-repeat top center;background-size: cover;}
.policy-content {text-align: center;color: #000;transform: translateX(50%);}
.policy-title {margin: 0 0 16px 0;}
.policy-desc {line-height: 1.6;}
/* 二级分类 */
.class_navbg{width: 100%;height: 55px;background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 0;right: 0;margin: 0 auto; bottom: 0;}
.class_navs{line-height: 55px;text-align: center;}
.class_navs ul li{display: inline-block;padding: 0px 20px;}
.class_navs ul li a{color: rgba(225, 225, 225, 0.8);}
.class_navs ul li:hover a{color: #fff;}
/* 翻页 */
.page{width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 0px 0; margin:30px auto 50px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 3px;padding: 3px 15px;border: 1px solid #4f3e10;min-width: 20px;text-align: center;border-radius: 6px;}
.pagination li.active {background: #4f3e10;color: #fff;border: 1px solid #4f3e10;}
.pagination li a {display: block;text-align: center;}
/* 新闻详情 */
.viewbox{width: 85%;;margin: 0px auto 40px ;overflow: hidden;}
.viewtitle{font-size:38px;color: #000;text-align: center;margin-bottom: 25px;}
.viewbz{width: 100%;height: auto;overflow: hidden;text-align: center;border-bottom: 1px solid #e7e3d7;padding-bottom: 20px;}
.viewbz ul li{display: inline-block;padding: 0px 20px;font-size: 16px;color: #333;line-height: 30px;padding: 0px 30px;}
.viewbz ul li.li1{background: url(../img/t48.png) no-repeat left center;background-size: 24px;}
.viewbz ul li.li2{background: url(../img/t49.png) no-repeat left center;background-size: 21px;}
.viewbz ul li.li3{background: url(../img/t47.png) no-repeat left center;background-size: 21px;}
.viecounten{width: 100%; height: auto;overflow: hidden;min-height: 450px;font-size: 16px;line-height: 28px;color: #333;margin-top: 40px;}
.viecounten p{padding: 2px 0px;}
.viecounten img{max-width: 100%;}

.viepagecon{width: 100%;height: auto;overflow: hidden;padding-top: 10px;border-top: 1px solid #e7e3d7;}
.viepagecon span{display: inline-block;width: 48%;font-size: 16px;color: #333;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 30px;}
.viepagecon span.span1{float: left;}
.viepagecon span.span2{float: right;text-align: right;}
.viepagecon span a{color: #333;}
.viepagecon span:hover a{color: #4f3e10;}



.pd150{padding-top:150px; padding-bottom:150px;}
.lh-logo-icon{width:26.979166666666664vw; position:absolute; right:0; top:-64px; opacity:.1; top:100px;}
.lh-works-text .nname{position:relative; display:inline-block;}
.lh-works-text .nname img{position:absolute; left:0; top:99%;}
.lh-about .lh-works-text .nname img{width:94.6%;}
.lh-works-text .ccont{margin-top:2.083333333333333vw;}
.lh-works-text .line{width:150px; height:16px; background-position:0 center; margin-top:40px; animation:line linear 2s infinite;}
@keyframes line{
	0%{background-position:0 center;}
	100%{background-position:-150px center;}	
}
.lh-works-hd{text-align:right; position:relative; z-index:2; margin-top:-117px;}
.lh-works-hd li{display:inline-block; margin-left:3.3854166666666665vw; text-align:center;}
.lh-works-hd li:first-child{margin-left:0;}
.lh-works-hd li i{display:block; margin:auto; width:65px; height:65px; border-radius:50%; font-size:36px; line-height:65px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-works-hd li .text{margin-top:14px;}
.lh-works-hd li .text .nname{text-transform:uppercase;}
.lh-works-hd li a:hover i,.lh-works-hd li.on i{background:#000; color:#fff;}
.lh-works-item{margin-left:-5.208333333333334vw;}
.lh-works-item li{padding-left:5.208333333333334vw; margin-top:5.208333333333334vw; position:relative;}
.lh-works-item li:nth-child(2n){top:8.020833333333334vw;}
.lh-works-item li .text{margin-top:3.125vw;}
.lh-works-item li .name{line-height:28px; padding-bottom:1.5625vw; border-bottom:1px solid #000; position:relative;}
.lh-works-item li .name:before{content:''; display:block; width:100%; height:1px; background:#F36A65; position:absolute; left:0; bottom:-1px; transform:scaleX(0);transition:cubic-bezier(0.215,.61,.355,1) 1s; transform-origin:left center; opacity:0;}
.lh-works-item li .name h3{width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lh-works-item li .nname{position:relative; z-index:1; display:none;}
.lh-works-item li .nname:before{content:''; display:block; width:16px; height:16px; border-radius:50%; background:url(../img/circle.png) no-repeat center; background-size:cover; position:absolute; right:-8px; top:4px; z-index:-1;}
.view-more{text-transform:uppercase; margin-top:20px; height:30px; line-height:30px; position:relative; transition:cubic-bezier(0.215,.61,.355,1) .45s; display:inline-block;}
.lh-works-item li .view-more{transform:translateX(-100%); opacity:0; left:20px;}
.view-more i{display:inline-block; width:42px; height:1px; background:#000; position:relative; top:-4px; margin-left:15px;transition:cubic-bezier(0.215,.61,.355,1) .45s; z-index:1;}
.view-more i:before{content:''; display:block; width:7px; height:1px; background:#000; position:absolute; right:0; top:0; transform:rotate(35deg); transform-origin:right center;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.view-more i:after{content:''; display:block; width:30px; height:30px; border-radius:50%; border:1px solid #F36A65; position:absolute; right:-15px; top:-15px; z-index:-1;}
.lh-works-item li a{display:block;}
.lh-works-item li a:hover .view-more{opacity:1; transform:translateX(0);}
.lh-works-item li a:hover .name:before{transform:scaleX(1); opacity:1;}
.workAll{position:relative; line-height:96px; height:96px; margin-top:80px; display:inline-block;}
.workAll img{width:97px; animation:rotate360 linear 5s infinite; position:absolute; left:0; top:0;}
.workAll i{width:96px; height:1px; background:#000; float:left; margin-left:40px; position:relative; top:50px; margin-right:18px;}
.workAll i:after{content:''; display:block; width:7px; height:1px; background:#000; position:absolute; right:0; top:0; transform:rotate(35deg); transform-origin:right center;}
@keyframes rotate360{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}	
}
.lh-service{transition: cubic-bezier(0.215,.61,.355,1) 1s;}
.lh-service>div{height:100%;}
.lh-works-text .nname.hollow{color:transparent;-webkit-text-stroke:2px #fff;}
.lh-service-r{width:70%; position:absolute; right:0; top:0;}
.lh-service-item{margin-left:-5.208333333333334vw;}
.lh-service-item li{padding-left:5.208333333333334vw; position:relative;}
.lh-service-item li a{display:block; opacity:.5; margin-bottom:5.208333333333334vw;}
.lh-service-item li a:hover{opacity:1;}
.lh-service-item li .text{margin-top:2.864583333333333vw;}
.lh-service-item li .text .name{position:relative; z-index:1; display:inline-block;}
.lh-service-item li .text .name:after{content:''; display:block; width:16px; height:16px; background:url(../img/circle.png) no-repeat center; background-size:cover; position:absolute; right:-8px; top:3px; z-index:-1;}
.lh-service-item li .text .nname{color:transparent; -webkit-text-stroke: 2px #fff; opacity:.15; margin-top:-30px; white-space:nowrap;}
.lh-service-item li .line{position:absolute; right:0; top:0; width:100px; height:20px; background:url(../img/icon4.png); background-position:0 center; animation:line linear 4s infinite;}
.lh-service .lh-works-text .ccont{margin-top:24px;}
.lh-service .view-more{margin-top:80px;}
.lh-service .view-more i{background:#fff;}
.lh-service-item{margin-top:80vh; margin-bottom:100px;}
.font52{font-size:2.7083333333333335vw;}
.lh-about{background:#000; overflow:hidden;}
.lh-about-r{width:60%; padding-left:5.2vw; padding-right:5.2vw;}
.lh-about-r .text{line-height:76px;}
.lh-about-item{margin-top:140px; margin-left:-3.125vw;}
.lh-about-item li{padding-left:3.125vw;}
.lh-about-l{width:40%; position:absolute; left:0; bottom:0;}
.lh-about-l .img{width:100%; height:615px; background-position:left center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; transform:translateY(100%); overflow:hidden;}
.lh-about-l .text{position:absolute; right:0; bottom:0; background:#FA0000; padding:50px 80px 50px 30px; transform:translate(100%,100%);}
.lh-about-l .text .year{font-size:100px; line-height:100px;}
.lh-about-l .text .ccont{margin-top:100px;}
.lh-about-l .lh-works-text{padding-left:8.333333333333329vw; margin-bottom:30px;}
.lh-partner{background:#000; padding:110px 0 370px;}
.lh-partner-sticky{position:sticky; width:100%; top:110px; overflow:hidden; z-index:3; display:flex; align-items:center; justify-content:center;}
.lh-partner .text{font-size:12.239583333333332vw; position:relative; z-index:2; color:#fff;margin-top:5.2vw; text-align:center;font-family: "greycliffcf-bold";}
.lh-partner .text2{ font-size:18.59375vw; z-index:3;}
.lh-partner-banner{height:450px;}
.lh-partner-banner li img{width:auto; opacity:.2;}
.lh-partner-banner li{position:absolute;}
.lh-partner-banner li:nth-child(1){bottom:0;}
.lh-partner-banner li:nth-child(2){bottom:45%; left:10vw;}
.lh-partner-banner li:nth-child(3){top:0; left:20vw;}
.lh-partner-banner li:nth-child(4){bottom:0; left:20vw;}
.lh-partner-banner li:nth-child(5){bottom:0; left:30vw;}
.lh-partner-banner li:nth-child(6){bottom:40%; left:40vw;}
.lh-partner-banner li:nth-child(7){top:0; left:60vw;}
.lh-partner-banner li:nth-child(8){bottom:0; left:60vw;}
.lh-partner-banner li:nth-child(9){bottom:0; left:80vw;}
.lh-partner-banner li:nth-child(10){bottom:40%; left:75vw;}
.lh-partner-banner li:nth-child(11){top:0; left:90vw;}
.lh-partner-banner li:nth-child(12){top:0; left:100vw;}
.lh-partner-banner li:nth-child(13){bottom:45%; left:110vw;}
.lh-partner-banner li:nth-child(14){bottom:0; left:100vw;}
.lh-partner .icon{width:390px;}

.circle{position:relative; display:inline-block; z-index:1;}
.circle:after{content:''; display:block; width:16px; height:16px; background:url(../img/circle.png) no-repeat center; background-size:cover; position:absolute; right:-8px; top:0; z-index:-1;}
.lh-subscribe{margin-left:-40px; margin-top:19px;}
.lh-subscribe li{margin-top:40px; padding-left:40px;}
.lh-subscribe li input{height:60px; line-height:60px; border:none; border-bottom:1px solid #454545; color:#fff; font-size:18px; padding:0;}
.lh-subscribe li input::-webkit-input-placeholder {color: #fff; font-size:18px;}
.lh-subscribe li input:-moz-placeholder {　color: #fff; font-size:18px;}
.lh-subscribe li input::-moz-placeholder {color: #fff; font-size:18px;}
.lh-subscribe li input:-ms-input-placeholder {color: #fff; font-size:18px;}
.footer-a-r .tips{color:#fff;font-size:18px; margin-top:25px;}
.lh-btn{width:180px; height:42px; line-height:42px; border-radius:30px; background:#FF0000; color:#fff; font-size:18px; text-align:center; margin-top:25px; display:block;}
.lh-btn:hover{background:#d00404;}
.lh-footer-b{margin-top:210px; padding-top:45px; position:relative;}
.lh-footer-b:before{content:''; display:block; width:calc(100% + 20px); height:1px; background:#505050; position:absolute; left:-10px; top:0;}
.footer-nav li{float:left; margin-left:50px;}
.footer-nav li:first-child{margin-left:0;}
.footer-nav li a{color:#fff; opacity:.65;}
.footer-nav li a:hover{opacity:1;}
.lh-footer-b .copy{color:#fff; opacity:.65; margin-top:50px;}
.lh-footer-b .copy a{color:#fff;}
.lh-footer-b .copy span{margin-left:25px;}
.lh-footer-b .copy span:first-child{margin-left:0;}
.footer-share{margin-top:140px;}
.footer-share li{float:left; margin-left:30px;}
.footer-share li:first-child{margin-left:0;}
.footer-share li a{color:#fff; font-size:24px;}
.lh-fixed{position:fixed; right:10px; bottom:50px; z-index:1000;}
.lh-fixed ul{width:52px; border-radius:30px; background:#E73C37; box-shadow:0 5px 10px rgba(204,204,204,.1); padding:10px 0;}
.lh-fixed ul li{width:52px; height:52px; text-align:center; line-height:52px;}
.lh-fixed ul li a{display:block; position:relative;}
.lh-fixed ul li i{font-size:30px;}
.lh-fixed ul li .shadow{width:195px; height:52px; line-height:52px; position:absolute; right:70px; top:0; background:#e73c37; color:#fff; border-radius:30px; z-index:1; font-size:16px;transition:cubic-bezier(0.215,.61,.355,1) .45s; white-space:nowrap; transform-origin:right center; font-size:20px;font-family: "din-bold_"; border-radius:30px;text-align: left; transform:translateX(-20px); opacity:0; visibility:hidden;}
.lh-fixed ul li .shadow .line{width:25px; height:25px; float:left; background-position:0 center; animation:line linear 5s infinite; margin:14px 10px 0 20px;}
.lh-fixed ul li .shadow:after{content:''; display:block; width:0; height:0; border:8px solid transparent; border-left:12px solid #e73c37; position:absolute; right:-14px; top:50%; margin-top:-8px; z-index:-1;}
.lh-fixed ul li .shadow.ewm:before{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; border-radius:6px;}
.lh-fixed ul li .shadow.ewm{width:110px; height:110px; border-radius:6px; padding:10px; top:50%; margin-top:-55px; background:#fff; border:2px solid #e73c37;}
.lh-fixed ul li .shadow.ewm img{position:relative; z-index:3;}
.lh-fixed ul li a:hover .shadow{transform:translateX(0); opacity:1; visibility:visible;}
.lh-fixed .lhReturnTop{width:52px; height:52px; border-radius:50%; background:#E73C37; display:block; text-align:center; line-height:52px; margin-top:15px; position:relative; z-index:1;}
.lh-fixed .lhReturnTop:before{content:''; display:block; width:100%; height:100%; border-radius:50%; background:rgba(231,60,55,.4); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); animation:lhReturnTop cubic-bezier(0.215,.61,.355,1) 1.5s infinite; z-index:-1;}
@keyframes lhReturnTop{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
.lh-fixed .lhReturnTop:hover{background:#C63431;}
.lh-ban{height:670px; padding-top:107px; padding-bottom:132px; position:relative; overflow:hidden;}
.lh-ban .imgs{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) 1s;}
.lh-ban.case.current .imgs{opacity:1; transition-delay:1s;}
.lh-ban .lh-banner-a:before{content:''; display:block; width:100%; height:100%; background:#ff0000; position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) 1s;}
.lh-ban .container1600{position:relative; z-index:2; padding-top:180px;}
.lh-ban .text{font-size:3.5416666666666665vw; font-weight:bold; line-height:4.0625vw; position:relative;}
.lh-ban .letter{width:328px; height:328px;  position:absolute; right:15px; top:50%; transform:translateY(-50%); font-weight:normal;transition:cubic-bezier(0.215,.61,.355,1) .45s; border-radius:50%;}
.lh-ban .letter span{display:block; width:100%; height:100%;border-radius:50%; background:#e73c37; font-size:240px;font-family: "GOUDHBRG"; text-align:center; line-height:328px; display:flex; align-items:center; justify-content:center;}
.lh-case-l{width:342px;}
.lh-caseBanner-l{width:468px; max-width:35%;}
.lh-caseBanner-l .nname{margin-top:15px;}
.font54{font-size:54px;}
.lh-case .lh-works-hd{margin-top:0; width:250px; margin-left:-23px;}
.lh-case .lh-works-hd li{margin-left:0; margin-top:3.125vw;}
.lh-case-r{width:68%;}
.lh-loading{margin:200px auto 0; text-align:center; text-transform:uppercase; color:#787878; line-height:40px; display:flex; align-items:center; justify-content:center;}
.lh-loading i{font-size:40px; margin-right:10px; display:inline-block; animation:loading linear 1s infinite;}
@keyframes loading{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}	
}
.lh-caseDetail-ban{height:100vh; position:absolute; left:0; top:0; right:0;}
.lh-caseDetail-ban:before{content:''; display:block; width:100%; height:100%;background-image: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); position:absolute; left:0; top:0;}
.lh-caseDetail-ban .imgs{height:100%;width:100%;}

.font44{font-size:2.2916666666666665vw;}
.caseDetail-ban-project .ccont{margin-top:3.0208333333333335vw; width:90%; line-height:24px; height:168px; overflow:hidden;}
.caseDetail-ban-project .website{width:156px; height:68px; border:2px solid #FF0000; color:#fff; display:block; margin-top:58px; display:flex; align-items:center; justify-content:center;}
.caseDetail-ban-project .website i{font-size:20px; margin-right:15px;}
.caseDetail-ban-page a{width:50%; display:block; color:#FF0000; font-size:36px; float:left;}
.caseDetail-ban-page a:first-child{padding-left:10%;}
.caseDetail-ban-page a:last-child{padding-right:10%;}
.caseDetail-ban-project{width:33.5625%; background:#0e0d0d; padding:4.6875vw 3.3854166666666665vw 6.770833333333333vw; position:absolute; right:27%; bottom:-75px; animation:caseDetail2 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(-30%); opacity:0; animation-delay:1s;}
.caseDetail-ban-project:before{content:''; display:block; width:4px; height:237px; background:#E43A3A; position:absolute; right:17.13221601489758%; top:-108px; animation:caseDetail3 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:scaleY(0); transform-origin:center bottom; opacity:0; animation-delay:2s;}
.caseDetail-ban-project>div{opacity:0;animation:caseDetail4 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:2s;}
.caseDetail-ban-text{z-index:3; float:left; padding-top:70px;opacity:0;animation:caseDetail4 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:1s; width:35%;}
.caseDetail-ban-icon{width:85px; height:38px;  position:absolute; left:0; bottom:500px; z-index:3; transform:translateX(-100%);animation:caseDetail5 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:2s;}
.caseDetail-ban-icon>div{background:url(../img/icon11.png) 0 center; animation:line linear 2s infinite; width:100%; height:100%;}
.caseDetail-ban-page{width:101px; height:103px; text-align:center; background:#fff; position:absolute; right:60.5625%; bottom:130px; line-height:103px; overflow:hidden; transform:rotateX(-90deg) rotateZ(-4deg); opacity:0;animation:caseDetail6 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:2s; transform-origin:left top;}
.lh-caseDetail-page{margin-top:85px; opacity:0; transform:translateY(100%);animation:caseDetail7 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:2s;}
@keyframes caseDetail1{
	0%{transform:translateX(-100%); opacity:0;}
	100%{transform:translateX(0); opacity:1;}	
}
@keyframes caseDetail2{
	0%{transform:translateY(-30%); opacity:0;}
	100%{transform:translateY(0); opacity:1;}	
}
@keyframes caseDetail3{
	0%{transform:scaleY(0); opacity:0;}
	100%{transform:scaleY(1); opacity:1;}	
}
@keyframes caseDetail4{
	0%{opacity:0;}
	100%{opacity:1;}	
}
@keyframes caseDetail5{
	0%{transform:translateX(-100%)}
	100%{transform:translateX(0)}	
}
@keyframes caseDetail6{
	0%{transform:rotateX(-90deg) rotateZ(-4deg); opacity:0;}
	100%{transform:rotateX(0) rotateZ(0); opacity:1;}	
}
@keyframes caseDetail7{
	0%{transform:translateY(100%); opacity:0;}
	100%{transform:translateY(0); opacity:1;}	
}
.caseDetail-ban-text .nname{line-height:30px; overflow:hidden;}
.caseDetail-ban-text .nname i{font-size:30px; float:left; margin-right:10px;}
.caseDetail-ban-text .name{margin-top:20px;}
.caseDetail-ban-text .web{margin-top:8px; line-height:20px; overflow:hidden; font-weight:bold;}
.caseDetail-ban-text .web i{font-size:20px; margin-right:10px; float:left; font-weight:normal;}
.lh40{line-height:40px;}
.caseDetail-ban-text .label{margin-top:40px;}
.caseDetail-ban-text .label p i{font-size:24px; margin-right:10px; position:relative; top:2px;}
.caseDetail-ban-project .name{margin-top:6px;}
.lh-return{width:150px; height:42px; border-radius:30px; background:#FF0000; color:#fff; text-align:center; position:relative; color:#fff; display:block; line-height:42px; padding-right:20px;}
.lh-return i{display:block; width:36px; height:36px; border-radius:50%; background:#fff; color:#000; position:absolute; right:3px; top:3px; text-align:center; line-height:36px; font-size:20px;}
.lh-caseDetail-page .page{margin-top:40px;}
.lh-caseDetail-page .page a{display:block; width:62px; height:62px; border-radius:50%; background:#fff; opacity:.3; float:left; text-align:center; line-height:62px; font-size:30px; font-weight:bold;}
.lh-caseDetail-page .page a:last-child{float:right;}
.lh-caseDetail-page .page a:hover{opacity:1;}
.font58{font-size:3.0208333333333335vw;}
.lh-caseBanner-l>.nname{margin-top:25px; overflow:hidden; line-height:20px;}
.lh-caseBanner-l>.nname i{display:block; width:20px; height:20px; border-radius:50%; border:1px solid #fff; float:left; font-size:12px; text-align:center; margin-right:14px; font-weight:normal;}
.lh-caseBanner-l .lh-return{margin-top:35px;}
.lh-operation{margin-top:65px; line-height:36px;}
.lh-operation .praise i{width:36px; height:36px; display:block; float:left; border-radius:50%; background:#FF0000; color:#000; margin-right:10px; text-align:center; font-size:24px;}
.lh-operation .share{margin-left:38px;}
.lh-operation .footer-share{margin-top:0;}
.footer-share li a:hover{color:#ff0000;}
.lh-caseBanner-pages li a{padding:40px 0; border-bottom:1px solid #ff0000; color:#fff; display:block;}
.lh-caseBanner-pages li a:hover{padding:40px 0 40px 20px;}
.lh-caseBanner-pages li .name{height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:40px; font-weight:normal;}
.lh-caseBanner-pages li .nname{margin-top:8px;font-weight:normal;}
.lh-caseBanner-r{width:60%;}
.bgBlack{background:#080808;}
header.about{background:url(../img/header-bg.jpg) no-repeat center; background-size:cover; padding-top:2.604166666666667vw; padding-bottom:2.604166666666667vw;}
.lh-about-main{padding-top:calc(78px + 5.208333333333334vw); width:100vw; overflow:hidden;}
.lh-about-a{padding:56px 4.479166666666667vw;}
.lh-about-a .cont{padding:70px 80px;}
.about-cont-l .nname{font-size:6.25vw; margin-top:10px;}
.textShade{background-image:url(../img/new1.jpg);-webkit-background-clip: text;background-clip: text;color:transparent; background-position:50% 50%; animation:textShade linear 20s infinite;}
.lh-contact .textShade{background-image:url(../img/new2.jpg);-webkit-background-clip: text;background-clip: text;color:transparent; background-position:50% 50%;}
@keyframes textShade{
	0%{background-position:0 0;}
	100%{background-position:100% 100%;}	
}
.about-cont-l .icon{width:25.416666666666664vw; position:relative; z-index:1; margin-top:2.083333333333333vw;}
.about-cont-l .icon .img1{position:absolute; left:0; top:0; z-index:-1; opacity:.08;}
.about-cont-r{width:717px; margin-top:8.072916666666668vw;}
.lh28{line-height:28px;}
.about-cont-item{margin-left:-200px;}
.about-cont-item li{margin-top:70px; padding-left:200px; cursor:pointer;}
.about-cont-item li .num{font-size:90px; position:relative; display:inline-block; line-height:90px;}
.about-cont-item li .num i{width:30px; position:absolute; left:100%; top:20px;}
.about-cont-item li p{margin-top:30px; position:relative;}
.about-cont-item li p:before{content:''; display:block; width:150%; height:4px; background:#000; position:absolute; left:0; top:-15px;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:scaleX(0); transform-origin:left center;}
.about-cont-item li:hover p:before{transform:scaleX(1);}
.lh-about-b .text{font-size:18.75vw; color:#FF0000;}
.lh-about-b .text em{margin-left:4.166666666666666vw;color: transparent;-webkit-text-stroke: 2px #ff0000;}
.lh-news{margin-top:100px;}
.lh-news-item{margin-top:80px;}
.lh-news-item li{margin-top:25px;}
.lh-news-item li a{position:relative; border-bottom:1px solid #333; color:#fff; font-size:18px; display:block; line-height:70px; opacity:.6;}
.lh-news-item li a:after{content:''; display:block; clear:both;}
.lh-news-item li a i{float:left;color: transparent;-webkit-text-stroke:0.5px #fff; font-size:60px; position:relative; top:16px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-news-item li a .name{width:60%; padding-left:2.604166666666667vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.lh-news-item li a .img{width:270px; position:absolute; right:180px; top:50%; transform:translate(0,0) rotate(0); opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform-origin:center bottom;}
.lh-news-item li a .time{font-size:20px; color:transparent;-webkit-text-stroke:0.5px #fff;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-news-item li a:hover{opacity:1;}
.lh-news-item li a:hover i{color:#fff;}
.lh-news-item li a:hover .img{opacity:1;transform:translate(0,-50%) rotate(25deg);}
.workAll.white i,.workAll.white i:after{background:#fff;}
.lh-recruit{padding:150px 0; z-index:2;}
.lh-recruit>.icon{width:36.45833333333333%; height:59.791666666666664vw; position:absolute; right:0; bottom:0; z-index:-1; opacity:.3;}
.lh-recruit>.icon .imgs{width:100%; height:100%; transform:translateY(100%); opacity:0;}
.lh-recruit-h{height:80px; line-height:80px; position:relative; border-bottom:1px solid #333; cursor:pointer;}
.lh-recruit-h:before{content:''; display:block; width:100%; height:1px; background:#ff0000; position:absolute; left:0; bottom:-1px; transform:scaleX(0);transition:cubic-bezier(0.215,.61,.355,1) .45s; transform-origin:left center; opacity:0;}
.lh-recruit-h .name img{width:30px; float:left; margin-right:15px; position:relative; top:26px;}
.lh-recruit-h .icon{width:15px; position:relative; top:27px; right:5px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-recruit-cont{padding:70px 0; display:none;}
.lh-recruit-cont .moble{margin-bottom:30px;}
.lh32{line-height:32px;}
.lh-recruit-item li:hover .lh-recruit-h:before,.lh-recruit-item li.on .lh-recruit-h:before{transform:scaleX(1); opacity:1;}
.lh-recruit-item li.on .lh-recruit-h .icon{transform:rotate(180deg);}
.lh-fixed.white ul,.lh-fixed.white .lhReturnTop{background:#fff;}
.lh-contact{height:100vh; position:relative;}
.lh-contact .imgs{width:100%; height:100%; position:absolute; left:0; top:0; animation:contactImgs linear 3s forwards;}
@keyframes contactImgs{
	0%{transform:scale(1.3);}
	100%{transform:scale(1);}	
}
.lh-contact .text{font-size:15.625vw; line-height:15.625vw; position:absolute; transition:cubic-bezier(0.215,.61,.355,1) 1s;}
.lh-contact .text1{left:72%; top:13vh; color:transparent;-webkit-text-stroke:2px #ff0000;}
.lh-contact .text2{left:-6%; top:60vh;}
.lh-contact .text2 i{width:5.052083333333333vw; position:absolute; left:19.8%; top:56%; transform:translateY(-50%); animation:contactText linear 10s infinite;}
@keyframes contactText{
	0%{transform:translateY(-50%) rotate(0);}
	100%{transform:translateY(-50%) rotate(360deg);}	
}
.lh-contact .container1600{z-index:3; color:#fff;top:55vh; display:none;}
.font60{font-size:60px;}
.lh-media{padding:90px 0; z-index:2;}
.lh-media-l .line{width:182px; height:16px; background-position:0 center; margin-top:10px; animation:line linear 4s infinite; opacity:.8;}
.lh-media-l .ccont{margin-top:8px;}
.lh-media-r{text-align:right; position:absolute; right:15px; bottom:0;}
.lh-media .imgs{width:524px; height:100%; position:absolute; right:0; top:0;}
.font36{font-size:36px;}
.lh-contact-addr-box{perspective: 1000px;transform-style: preserve-3d;}
.lh-contact-addr{background:#ff0000; padding:80px 0; transform:translateY(-50%);}
.lh-contact-item{margin-left:-10vw;}
.lh-contact-item li{padding-left:10vw;}
.lh-contact-item li .name{overflow:hidden; line-height:24px; margin-bottom:6px;}
.lh-contact-item li .name i{display:block; float:left; width:24px; height:24px; border-radius:50%; background:#000; margin-right:20px; color:#ff0000; text-align:center; line-height:24px; font-size:14px;}
.lh-contact-item li p{padding-left:44px;}
.lh-msg{padding:110px 0; overflow:hidden;}
.lh-msg>.imgs{position:absolute; right:0; top:0; height:100%; width:60.05208333333333vw; top:-6vw; transform:scale(1.5);}
.lh-msg>.text{opacity:.1; color:transparent;-webkit-text-stroke:2px #000; position:absolute; left:-1vw; top:87px; transform:translateX(-50%);}
.lh-msg-ul{margin-left:-30px;}
.lh-msg-ul li{margin-top:60px; padding-left:30px;}
.lh-msg-ul li>h3{margin-bottom:30px;}
.lh-msg-ul li input,.lh-msg-ul li textarea{height:60px; line-height:60px; border:1px solid #C2C2C2; font-size:18px; padding:0 30px;}
li.w100{width:100%;}
.lh-msg-ul li textarea{height:220px; line-height:24px; padding:15px 30px;}
.lh-msg-bottom{margin-top:65px;}
.lh-msg-bottom a{width:150px; background:#000; margin-top:0;}
.lh-msg-bottom .tip{margin-left:40px; float:left;}
.lh-serve-ban{height:100vh; background:#141313;}
.lh-serve-img{width:50%; height:100%; float:right; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lh-serve-img>div{width:100%; height:100%;}
.lh-serve-text{position:absolute; left:0; top:0; width:50%; height:100%; display:flex; align-items:center; padding-left:10%;}
.lh-serve-text .name{margin-top:18px;}
.lh-serve-text .nname{color:transparent;-webkit-text-stroke:1px #fff;}
.font55{font-size:55px;}
.lh-serve-item li{position:relative; height:955px; background:#000;}
.lh-serve-item li:nth-child(2n){background:#080504;}
.lh-serve-item li .lh-serve-img{float:left;}
.lh-serve-item li:nth-child(2n) .lh-serve-img{float:right;}
.lh-serve-item li .lh-serve-text{left:auto; right:0;}
.lh-serve-item li:nth-child(2n) .lh-serve-text{right:auto; left:0;}
.lh-serve-text .ccont{margin-top:70px; opacity:.4;}
.lh-consult-box{position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,.5);animation-name: asd2;animation-duration: 1.2s;animation-timing-function: cubic-bezier(.8,-.5,.2,1.4);animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;/* animation-delay:3s;*/display:none;visibility:hidden; opacity:0;}
.lh-consult{width:734px; height:402px; background-position:center; background-repeat:no-repeat; background-size:cover; padding:30px; z-index:1000; position:fixed; left:50%; top:50%; margin:-201px 0 0 -367px;transform:translateY(-1000%); visibility:hidden; opacity:0;animation-name: asd;animation-duration: 1.2s;animation-timing-function: cubic-bezier(.8,-.5,.2,1.4);animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;/* animation-delay:3s;*/display:none;}
.closeConsult .lh-consult{animation-name:asd1;visibility:visible;transform:translate(0,0);animation-delay:0s;}
.closeConsult .lh-consult-box{animation-name:asd3;visibility:visible; opacity:1;animation-delay:0s;}
@keyframes asd2{
	0%{visibility:hidden; opacity:0;}
	100%{ visibility:visible; opacity:1;}	
}
@keyframes asd3{
	0%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0;}	
}
@keyframes asd{
	0%{transform:translateY(-1000%); visibility:hidden; opacity:0;}
	100%{transform:translateY(0); visibility:visible; opacity:1;}	
}
@keyframes asd1{
	0%{transform:translate(0,0); visibility:visible; opacity:1;}
	100%{transform:translate(350%,0); visibility:hidden; opacity:0;}	
}
.lh-consult .cont{background:#fff; height:344px; padding-top:50px; text-align:center;}
.lh-consult-close{width:62px; height:62px; border-radius:50%; background:#000; text-align:center; line-height:62px; color:#fff; position:absolute; right:-31px; top:-31px; font-size:24px;}
.lh-consult-close:hover{transform:rotate(180deg);}
.lh-consult .logo{width:62px; margin:auto;}
.lh-consult .name{margin-top:20px;}
.lh-consult .nname{letter-spacing:1px;}
.lh-consult .tel{margin-top:25px;}
.lh-consult .tel span{margin-left:15px;}
.lh-consult .btn{margin-top:30px;}
.lh-consult .btn a{display:inline-block; margin:0 30px; height:35px; line-height:35px; border-radius:30px; border:2px solid #000; width:142px; font-size:18px;}
.lh-consult .btn a.consult{background:#000; color:#fff;}


.lh-works-text{position:relative;}
#Main{width:100vw; height:100vh; position:absolute; left:0; top:0; overflow:hidden;}
.view{position:absolute; left:0; top:100%; width:100%; z-index:5}
.lh-hero.view{top:0;}
.lh-aboutb-box{position:relative; width:100%;}
.lh-about-b{position:relative; width:100vw; top:0; overflow:hidden;}
.lh-about-b .text{left:50%; position:relative;}
.lh-about-a .cont{animation:about1 cubic-bezier(0.215,.61,.355,1) 2s forwards;}
@keyframes about1{
	0%{transform:scale(1.2); opacity:0;}
	100%{transform:scale(1); opacity:1;}	
}
.lh-about-title{transform:translateX(-50%); display:inline-block;}
.lh-news-item li:nth-child(1),.lh-news-item li:nth-child(3),.lh-news-item li:nth-child(5){transform:translateX(10%);}
.lh-news-item li:nth-child(2),.lh-news-item li:nth-child(4),.lh-news-item li:nth-child(6){transform:translateX(20%);}

main{width:100vw;}
.lh-news .workAll{transform:translateX(-100%);}
.lh-recruit-item li{transform:translateX(50%);}
.lh-recruit-item li:nth-child(2n){transform:translateX(-50%);}
.lh-serve-icon{width:123px; position:fixed; left:30%; bottom:80px;}
.lh-serve-icon img{animation:serveIcon linear 5s infinite;}
@keyframes serveIcon{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}	
}
.lh-serve-item li .lh-serve-img{transform:translateX(-50%); opacity:0;}
.lh-serve-item li .lh-serve-text>div{transform:translateX(50%); opacity:0;}
.lh-ban.case.current{background:#000;}
.lh-ban.case.current .lh-banner-a:before{transform:translateX(100%);}
.lh-ban.case.current .text{color:#fff;}
.lh-ban.case.current .letter span{background:#000; color:#ff0000;}
.lh-case{padding:85px 0; position:relative; background:#fff;}
.lh-case .lh-works-item{margin-top:-5.208333333333334vw;}
.lh-caseBanner-cont{background:#000;}
.lh-case-l.fixed{position:fixed; top:85px;}
.lh-case-l.relative{position:absolute;}
.lh-media-r{transform:translateX(100%); opacity:0;}
.lh-contact-item li:nth-child(1){animation-delay:.1s;}
.lh-contact-item li:nth-child(2){animation-delay:.2s;}
.lh-contact-item li:nth-child(3){animation-delay:.3s;}
.lh-msg .title{transform:translateX(-100%);}
.lh-works .workAll{transform:translateX(-50%);}
.lh-footer-ewm{width:110px; height:110px;}
footer.contact .footer-a-r{text-align:right;}
footer.contact .footer-a-r .footer-share{margin-top:40px; float:right;}
footer.contact{padding:170px 0;}
footer.contact .lh-footer-b{margin-top:30px;}
.lh-works-item li .name{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-works-item li a:hover .name{padding:0 20px 30px;}
.lh-service-icon{width:16.979166666666668vw; margin-top:120px; opacity:.2; margin-left:-20px;}
.lh-works-item.list li{padding-left:30px; margin-top:30px;}
.lh-works-item.list{margin-left:-2.75vw; margin-top:-2.75vw;}
.lh-works-item.list li .text{margin-top:2.083333333333333vw;}
.lh-works-item.list li:nth-child(2n){top:6.020833vw;}
.lh-works-item.list li .overflow{display:none;}
.lh-caseNav-box{height:106px;}
.lh-case-nav{background-color:#fff; height:106px;transition:cubic-bezier(0.215,.61,.355,1) .45s; position:relative; z-index:100; background-image:url(/style/img/icon-news2.png); background-position:center top; background-repeat:no-repeat;}
.lh-works-hd.news{margin-top:0;}
.lh-works-hd.news li .text{margin-top:0;}
.lh-works-hd.news li a{padding:35px 0; display:block;}
.lh-caseNew{padding:25px 0; background:#fff;}
.lh-caseNew .lh-works-item.list li:nth-child(2n){top:0;}
.lh-caseNew .lh-works-item li a,.lh-works.news .lh-works-item li a{color:#868484;}
.lh-caseNew .lh-works-item li a:hover,.lh-works.news .lh-works-item li a:hover{color:#fff;}
.lh-caseNew .lh-works-item li .name,.lh-works.news .lh-works-item li .name{border-color:#2d2d2d;}
.lh-caseNew .lh-works-item li .name:before,.lh-works.news .lh-works-item li .name:before{background:#ff0000;}
.erlo_lj_more.lj{color:#000 !important;}
.lh-case-nav.Fixed{position:fixed; left:0; right:0; top:0; background:#ff0000;}
.lh-case-nav.Fixed .lh-works-hd.news li.on a,.lh-case-nav.Fixed .lh-works-hd.news li a:hover{color:#fff;}
.lh-partner{display:none;}
.lh-works.news{background:#000; background-repeat:no-repeat; background-position:right top; overflow:hidden; padding-top:50px;}
.lh-works.news .lh-works-hd li i{background:#171616; color:#ff0000; border-color:#171616; padding:5px; position:relative;}
.lh-works.news .lh-works-hd li i img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);transition:cubic-bezier(0.215,.61,.355,1) .45s; width:80%;}
.lh-works.news .lh-works-hd li i .img2{opacity:0;}
.lh-works.news .lh-works-hd li a:hover i,.lh-works.news .lh-works-hd li.on a i{background:#ff0000;}
.lh-works.news .lh-works-hd li a:hover i .img1,.lh-works.news .lh-works-hd li.on a i .img1{opacity:0;}
.lh-works.news .lh-works-hd li a:hover i .img2,.lh-works.news .lh-works-hd li.on a i .img2{opacity:1;}
.lh-works.news .lh-works-hd li .text{color:#7b7b7b;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-works.news .lh-works-hd li.on .text,.lh-works.news .lh-works-hd li a:hover .text{color:#ff0000;}
.lh-works.news .lh-works-text .ccont{color:#636262;}
.lh-works.news .view-more i,.lh-works.news .view-more i:before{background:#fff;}
.lh-works.news .workAll{color:#fff;}
.lh-works.news .workAll i,.lh-works.news .workAll i:after{background:#fff;}
.lh-works.news>div{transform:scale(1.2);}
.lh-banner{height:100%;}

.lh-works.news .lh-works-hd li .nname,.lh-works.news .lh-works-hd li .name{font-weight:bold;}
.lh-cursor{width:20px; height:20px;position: absolute;left: 0;top: 0; pointer-events: none;margin: -10px 0 0 -10px;z-index: 1200;mix-blend-mode: difference;}
.lh-cursor i{width: 100%;height:100%;background: #ff0000;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition:all .6s ease;user-select: none;pointer-events: none;}
.lh-works-item li .img{transition: .6s ease-out; overflow:hidden; position:relative;}
.lh-works-item li a{perspective: 1000px;}
.lh-works-item li a:hover .img{transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);}
.lh-works-item li img{transition: .8s!important;transition-delay: .1s!important;}
.lh-works-item li a:hover .img img{transform: scale(1.05);}
.lh-works-item li .img:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:2; position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-works-item li a:hover .img:after{opacity:0;}


.lh-ban.case .caseText>div:nth-child(1),.lh-ban.case .caseText>div:nth-child(2),.lh-ban.case .caseText>div:nth-child(3),.lh-ban.case .caseText>div:nth-child(4){color:#ff0000;}
.workImg{position:relative;}
.workImg:before{content:''; display:block; margin:0 -5px 0 0; background:#000; position:absolute; top:0; right:100%; bottom:100%; left:0; z-index:3;transition: bottom .4s cubic-bezier(.165,.84,.44,1) 0s,right .4s cubic-bezier(.77,0,.175,1) .3s,margin .4s cubic-bezier(.77,0,.175,1) .3s,left .4s cubic-bezier(.77,0,.175,1) .6s;}
.workImg.current:before{margin-right:0; right:-3px; bottom:0; left:100%;}
video{outline:none;}

.lh-case-box{background:#fff; padding:30px 0 0;}
.lh-case-box .lh-works-hd{margin-top:0; text-align:center;}
.lh-case-box .lh-works-hd li a{color:#fff;}
.lh-case-box .lh-works-hd li i{background:#171616; color:#b71212; border-color:#171616; padding:5px; position:relative;}
.lh-case-box .lh-works-hd li i img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);transition:cubic-bezier(0.215,.61,.355,1) .45s; width:80%;}
.lh-case-box .lh-works-hd li i .img2{opacity:0;}
.lh-case-box .lh-works-hd li a:hover i,.lh-case-box .lh-works-hd li.on a i{background:#b71212;}
.lh-case-box .lh-works-hd li a:hover i .img1,.lh-case-box .lh-works-hd li.on a i .img1{opacity:0;}
.lh-case-box .lh-works-hd li a:hover i .img2,.lh-case-box .lh-works-hd li.on a i .img2{opacity:1;}
.lh-case-box .lh-works-hd li .text{color:#7b7b7b;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-case-box .lh-works-hd li.on .text,.lh-works.news .lh-works-hd li a:hover .text{color:#ff0000;}
.lh-ban .lh-banner-a{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;transform: scale(.9);}
.lh-detail-line{background:#000; height:90px; width:100%;}
/*#newBridge{display:none !important;}*/
.lh-web-tel{display:none;}
#min{width:100%; height:1px; position:absolute; left:0; bottom:0;}
#newBridge{display:none !important;}
.lc-custom{position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; color:#ababab;}
.lc-custom .ccont{text-align:right; line-height:28px; float:left;}
.lc-custom a{display:block; width:180px; height:42px; line-height:42px; text-align:center; border-radius:30px; background:#FF0000; position:relative; margin-left:25px; float:right; color:#fff; position:relative; top:4px; z-index:1;}
.lc-custom a:before{content:''; display:block; width:204px; height:58px; border-radius:30px; background:rgba(255,0,0,.5); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;}
.lc-work-bottom{margin-top:65px;}
.lc-work-bottom a{display:block; height:42px; line-height:42px; width:180px; border-radius:30px; color:#fff; font-size:18px; text-align:center; border:1px solid #fff;}
.lc-work-bottom a.more{background:#ff0000; border-color:#ff0000; margin-left:40px;}
.lc-ewm{width:120px; position:absolute; right:0; top:45px; text-align:right; color:#C5C5C5;}
.lc-ewm p{font-size:16px; margin-top:10px;}

.news-banner .bd li{padding-top: calc(6.770833333333333vw + 78px);}
.news-banner .imgs{height:100%; position:absolute; left:0; top:0; right:0;}
.news-banner .imgs.web{display:none;}
.news-banner .bd li .container1600{height:100%; display:flex; align-items:center; z-index:2; padding-bottom:3vw;}
.news-banner .bd li .container1600.two{padding-bottom:7%;}
.news-banner .bd li .container1600>*{
	transform: scale(.8);
}
.font82{font-size:82px;}
.news-banner .num{color:#ff0000;}
.news-banner .ccont{margin-top:5px;}
.news-dz{position:absolute; left:0; bottom:54px; right:0; z-index:2;}
.lc-ca{margin-left:-10px; width:100%;}
.lc-ca li{padding-left:10px;}
.lc-ca li>div{border-radius:10px;background-image: linear-gradient(90deg,rgba(251,162,53,.4),rgba(253,177,97,.2)); padding:40px; height:100%; position:relative;}
.lc-ca li:nth-child(1)>div{background-image: linear-gradient(90deg,rgba(45,73,145,.4),rgba(110,125,254,.2));}
.lc-ca li:nth-child(3)>div{background-image: linear-gradient(90deg,rgba(173,82,246,.4),rgba(237,120,101,.2));}
.lc-ca li .name{margin-bottom:20px;}
.news-banner .icon{width:44px; margin-top:25px;}
.news-banner .ccont1{margin-top:25px; color:#8E8E8D;}
.font50{font-size:50px;}
.news-banner .two>div{width:100%;}
.news-banner .three{justify-content:center;}
.font84{font-size:84px;}
.font42{font-size:42px;}
.news-banner .icon1{width:256px; margin:30px auto 0;}
.news-banner .name2{text-align:center; text-transform:uppercase; line-height:82px;}
.news-banner .ccont2{margin-top:10px;}
.lc-ca li .icon{width:151px; position:absolute; right:0; bottom:25px; opacity:.1;}
.images-case{padding:70px 0; background:#F9F8F8;}
.images-case .title{color:#b71212; font-size:66px; line-height:70px; width:132px;}
.images-case .cont{margin-left:45px; width:70%;}
.images-case .name{font-size:46px; line-height:46px;}
.images-case .ccont{margin-top:20px;}
.images-case .zx{position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:2; height:42px; line-height:42px; display:flex; align-items:center; justify-content:center; border-radius:30px; color:#fff; background:#B71212; padding:0 28px; font-size:18px;}
.images-case .zx i{margin-right:6px;}
.images-case .zx:before{content:''; display:block; width:110%; height:58px; background:rgba(121,121,121,.14); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:30px;}
.images-icon{width:367px; position:absolute; right:0; top:0; opacity:.05;}
.images-case .container1600:before{content:''; display:block; width:0; height:0; border:10px solid transparent; border-top:10px solid #F9F8F8; position:absolute; left:30px; bottom:-20px;}
.images-mob{padding:40px 0 70px;}

.images-item{margin-left:-20px;}
.images-item li{padding-left:20px; margin-top:20px;}

.images-item li.first>div{
	padding-left: 30px;
	padding-top: 30px;
	background: #f5f5f5;border-radius: 10px;
    height: 100%;
	padding-right: 30px;
}
.images-item li.first .title{font-weight:bold;color: #444;}
.images-item li>a{display:block; position:relative;}
.images-item li>a:after{content:''; display:block; clear:both;}
/* .images-item li:not(.last)>a:before{content:''; display:block; width:100%; height:1px; background:#fe0000; position:absolute; left:0; bottom:0px;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:scaleX(0); transform-origin:left center;} */

.images-item li:not(.last)>a:hover:before{transform:scaleX(1);}
.images-item li.first .ccont{margin-top:30px;color:#666;}
.images-item li.first a{display:block; width:208px; height:40px; line-height:40px; text-align:center; background:#3C3C3C; color:#fff; font-size:16px; margin-top:15px;}
.images-item li.first a.zx{border:1px solid #fe0000; background:none; color:#fe0000;}
.images-item li a{perspective: 1000px;}
.images-item li .img{overflow:hidden; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#EFEFEF; position:relative;transition: .6s ease-out;}
.images-item li a:hover .img{transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);}
.images-item li a:hover .img .imgs{ transform: scale(1.05);}
.images-item li .img .imgs{width:100%; height:100%;transition: .8s!important; transition-delay: .1s!important;position: absolute;
top: 0;left: 0;}
.images-item li .text{padding-top: 15px;overflow:hidden; text-overflow:ellipsis;padding-bottom: 10px;}
.images-item li.last .views{-webkit-text-fill-color: transparent; -webkit-text-stroke-color: #ddd; -webkit-text-stroke-width: 1px;text-transform: uppercase;}
.images-item li.last .icon{width:140px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.images-item li.last .more{width:202px; height:40px; border-radius:30px; background:#3C3C3C; color:#fff; font-size:18px; line-height:40px; text-align:center; margin:14px auto 0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.images-c>*:nth-child(2n){background:#F9F8F8;}
.news-banner .text>*{transform:translateY(200px);transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0;}
.news-banner li.swiper-slide-active .text>*{transform:translateY(0); opacity:1;}
.news-banner .text>*:nth-child(2){transition-duration:.65s;}
.news-banner .text>*:nth-child(3){transition-duration:.85s;}
.images-item li.first a.free{margin-top:20px;}
.images-item li.last a:hover .more{background:#fe0000;}

.images-item li .img:before{
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 70.27027027027027%;
}

.images-item li .img.current:before{margin-right: 0;right: -3px; bottom: 0;left: 100%;}

.news-dz li{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) .65s forwards; transform:translateY(100%); opacity:0; animation-delay:.6s;}
.news-dz li:nth-child(2){animation-delay:.7s;}
.news-dz li:nth-child(3){animation-delay:.8s;}
.news-banner .num{position:relative;}
.news-banner .num i{position:relative; top:-34px;}
.news-detail{padding-top:330px;}
.news-detail-top .nname{display:flex; align-items:center;}
.news-detail-top .nname i{font-size:24px; margin-right:8px;}
.news-detail-top .name{margin-top:16px; font-weight:bold;}
.font46{font-size:46px;}
.news-detail-top pre.nname{margin-top:20px;}
.news-detail-top .ccont{color:#fff; margin-top:10px;}
.news-detail-cont{margin-top:40px;}
.news-detail-l{width:76%; background:#fff;}
.news-detail-r{width:24%; background-color:#0d64d4; padding:50px 34px;}
.news-detail-r .label i{font-size:24px; width:24px; display:block; margin-right:10px;}
.news-detail-r .label p{display:flex; align-items:center;}
.news-detail-r .label img{position:relative; top:-1px;}
.news-detail-page{margin-top:40px;}
.news-detail-page a{color:#fff; display:inline-block; opacity:.8;}
.news-detail-page i{display:block; width:38px; height:38px; border-radius:50%; border:1px solid #fff; color:#fff; display:flex; align-items:center; justify-content:center; margin:auto;}
.news-detail-page p{margin-top:4px;}
.news-detail-view{display:flex; align-items:center; justify-content:center; height:46px; line-height:46px; border:1px solid rgba(255,255,255,.8); margin-top:34px; color:#fff; font-size:16px; border-radius:4px;}
.news-detail-view i{margin-right:10px; font-size:24px;}
.news-detail-contact{margin-top:110px;}
.news-detail-contact>a{display:flex; align-items:center; justify-content:center; height:46px; border-radius:4px; background:#fff; font-size:16px; margin-top:20px;}
.news-detail-contact>a.free{background:rgba(255,255,255,.7);}
.news-detail-contact .tel{margin-top:48px;}
.news-detail-contact .tel p{display:flex; align-items:center;}
.news-detail-contact .tel p i{display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; border:1px solid #fff; margin-right:6px; font-size:20px;}
.news-detail-contact .tel a{margin-top:12px; color:#fff; display:inline-block; margin-left:15px;}
.news-detail-contact .tel a:first-child{margin-left:0;}
.news-detail-contact .tel h3{white-space:nowrap;}
.news-detail-other{background:#fff; padding:55px 0 95px; margin-top:115px;}
.news-detail-other .name{font-weight:bold;}
.news-detail-other .nname{text-align:center; text-transform:uppercase; margin-top:6px;}
.news-detail-other .images-item{margin-top:60px; margin-left:-40px;}
.news-detail-other .images-item li{margin-top:0; padding-left:40px;}
.news-detail-other .images-item li .name{overflow:hidden; font-size:22px; line-height:22px;}
.news-detail-other .images-item li .name em{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-detail-other .images-item li .name span{color:#888888; font-size:14px; float:right;}
.news-detail-other .images-item li .img{height:334px;}
.news-detail-r.Fixed{position:fixed;}
.new-web-icon{display:none; margin-top:20px;}
/*header:before{content:''; display:block; width:100%; height:100%; background:transparent url(../img/pattern.png) repeat top left; position:fixed; left:0; top:0; z-index:1000; opacity:.1;pointer-events: none;}*/
/*
a71423
transparent
font-family: "ebrimabd";
transition:cubic-bezier(0.215,.61,.355,1) .45s;

*/
@media screen and (min-width: 2000px){
	.container1600{max-width:1600px;}
	header{top:0;padding-top:65px; padding-top:65px;}
	header{padding-top:65px; padding-bottom:65px;}
	header.about{padding-top:50px; padding-bottom:50px;}

	.font72,.lh-hero .text h3{font-size:72px;}
	.font58{font-size:58px;}

	.font48{font-size:48px;}
	.font44{font-size:44px;}

}
@media screen and (max-width: 1600px){
	.container1600{max-width:90%;}
	.video_bg .video_con{height:50vw;}
}
@media screen and (max-width: 1400px){

	.video_bg .video_con{height: 54vw;}
}
@media screen and (max-width: 1366px){
	/*.container1400{max-width:90%;}*/
		.video_bg .video_con{height: 52vw;}
}
/*平板*/
@media screen and (max-width: 1024px){
	
}
/*手机*/
@media screen and (max-width: 980px){
  
}
.fadeInLeftTop{animation-name:fadeInLeftTop; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.fadeInRightTop{animation-name:fadeInRightTop; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.fadeInLeftBottom{animation-name:fadeInLeftBottom; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.fadeInRightBottom{animation-name:fadeInRightBottom; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.lhZoomIn{animation-name:lhZoomIn; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.lhZoomOut{animation-name:lhZoomOut; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.lhZoomOut1{animation-name:lhZoomOut1; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.lhZoomIn1{animation-name:lhZoomIn1; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.fadeInUp1{animation-name:fadeInUp1; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.lhImgBox{animation-name:lhImgBox; animation-timing-function:cubic-bezier(0.215,.61,.355,1); overflow:hidden;}
.lhImgCont{animation-name:lhImgCont; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.fadeInDown1{animation-name:fadeInDown1; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.fadeInUp1{animation-name:fadeInUp1; animation-timing-function:cubic-bezier(0.215,.61,.355,1);}
.lhContact{animation-name:lhContact; animation-timing-function:cubic-bezier(0.215,.61,.355,1); transform-origin:center top;}
.AboutR{animation-name:AboutR; animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-duration:.45s;}

@keyframes AboutR{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0);}	
}
@keyframes lhContact{
	0%{transform:translateY(-50%)}
	100%{transform:translateY(0);}	
}
@keyframes fadeInUp1{
	0%{opacity:0; transform:translateY(-40%);}
	100%{opacity:1; transform:translateY(0);}	
}
@keyframes fadeInDown1{
	0%{opacity:0; transform:translateY(-100%);}
	100%{opacity:.05; transform:translateY(0);}	
}
@keyframes lhImgBox{
	0%{transform:scale(.6); opacity:0;}
	100%{transform:scale(1); opacity:1;}	
}
@keyframes lhImgCont{
	0%{transform:scale(1.2);}
	100%{transform:scale(1);}	
}
@keyframes fadeInUp1{
	0%{transform:translateY(50px); opacity:0; visibility:hidden;}
	100%{transform:translateY(0); opacity:1; visibility:visible;}	
}
@keyframes fadeInLeftTop{
	0%{transform:translate(-100px,-100px); opacity:0; visibility:hidden;}
	100%{transform:translate(0,0); opacity:1; visibility:visible;}	
}
@keyframes fadeInRightTop{
	0%{transform:translate(100px,-100px); opacity:0; visibility:hidden;}
	100%{transform:translate(0,0); opacity:1; visibility:visible;}	
}
@keyframes fadeInLeftBottom{
	0%{transform:translate(-100px,100px); opacity:0; visibility:hidden;}
	100%{transform:translate(0,0); opacity:1; visibility:visible;}	
}
@keyframes fadeInRightBottom{
	0%{transform:translate(100px,100px); opacity:0; visibility:hidden;}
	100%{transform:translate(0,0); opacity:1; visibility:visible;}	
}
@keyframes lhZoomIn{
	0%{transform:scale(.6); opacity:0; visibility:hidden;}
	100%{transform:scale(1); opacity:1; visibility:visible;}	
}
@keyframes lhZoomIn1{
	0%{transform:translateX(-50%) scale(.6); opacity:0; visibility:hidden;}
	100%{transform:translateX(-50%) scale(1); opacity:1; visibility:visible;}	
}
@keyframes lhZoomOut{
	0%{transform:scale(1.2); opacity:0; visibility:hidden;}
	100%{transform:scale(1); opacity:1; visibility:visible;}	
}
@keyframes lhZoomOut1{
	0%{transform:translate(0,-50%) scale(1.2); opacity:0; visibility:hidden;}
	100%{transform:translate(0,-50%) scale(1); opacity:1; visibility:visible;}	
}
.delay1{animation-delay:.1s;}
.delay2{animation-delay:.2s;}
.delay3{animation-delay:.3s;}
.delay4{animation-delay:.4s;}
/*.lh-works{animation:worksBg linear 10s infinite;}
@keyframes worksBg{
	0%,100%{background-position:0 center;}
	50%{background-position:100% center;}	
}*/