@charset "utf-8";
/*通用代码*/
*{margin:0px; padding:0px; box-sizing:border-box;}
body{font-size:14px; color:#333; font-family:"Microsoft YaHei"; min-width:1400px; font-size:14px;}
img{margin:0px; padding:0px; border-width:0;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin:0px; padding:0px; list-style:none;}
a{color:#333; text-decoration:none; font-size:14px;}
a:hover{color:#008c3f; cursor:pointer;}
em ,i{font-style:normal;}
input,button,select,textarea{outline:none}
.en{text-transform:uppercase; font-family:arial;}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span{box-sizing:border-box; font-family:"Microsoft YaHei";}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}


/*宽度*/
.w1400{margin:0 auto; width:1400px;}
.page{margin:0 auto; width:1400px; overflow:hidden;}
.bg{width:100%; min-width:1400px; position:relative;}



/*字体&图标*/
@font-face {
font-family:DIN Medium;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}
@font-face {
  font-family:"alisiyuan Medium"; 
  src:url("//at.alicdn.com/wf/webfont/nbRrGrB6p95c/p0fXaLQKYKR8.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/nbRrGrB6p95c/JQvr8P0MJPsR.woff") format("woff");
  font-display:swap;
}
@font-face {
  font-family:"alipuhuei Medium";
  src: url("//at.alicdn.com/wf/webfont/nbRrGrB6p95c/Xw5DAa4anzYL.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/nbRrGrB6p95c/prlSAJL5ngzS.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'iconfont';  /* Project id 4462549 */
  src: url('//at.alicdn.com/t/c/font_4462549_7ve1pmt4yjv.woff2?t=1710553893106') format('woff2'),
       url('//at.alicdn.com/t/c/font_4462549_7ve1pmt4yjv.woff?t=1710553893106') format('woff'),
       url('//at.alicdn.com/t/c/font_4462549_7ve1pmt4yjv.ttf?t=1710553893106') format('truetype');
}
.iconfont{font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale;}



/*抬头*/
.headbg{display:flex; flex-direction:row; justify-content:space-between; width:100%; min-width:1400px; max-width:1920px; padding:0 7.4% 25px 4.9%; box-sizing:border-box; position:fixed; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.headbg .fl{display:flex; flex-direction:row;}
.head_logo{margin-top:25px; margin-right:12px;}
.head_logo em{font-family:"alisiyuan Medium"; font-size:37px; line-height:37px; color:#fff;}
.head_logo em span{font-family:Arial; font-size:14px; line-height:14px; text-transform:uppercase; vertical-align:top;}
.head_logo p{margin-top:10px; font-family:Arial; font-size:15px; line-height:12px; color:rgba(255,255,255,.7); text-transform:uppercase;}
.slogan{margin-top:25px; padding-top:8px; padding-left:11px; background-position:left top; background-repeat:no-repeat; background-image:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240313/20240313183716_1615237468.png);}
.slogan em{font-size:22px; line-height:22px; color:#fff; font-weight:bold;}
.slogan p{margin-top:10px; font-size:18px; line-height:18px; color:#fff; letter-spacing:1.6px;}
.headbg .fr{display:flex; width:65.8%; flex-direction:row; justify-content:space-between;}
.head_nav{width:76.2%; margin-top:25px;}
.head_nav ul{display:flex; width:100%; height:100%; flex-direction:row; justify-content:space-between;}
.head_nav li{position:relative;}
.head_nav li a{display:block; height:100%; font-size:16px; line-height:16px; color:#fff; padding-top:27px; box-sizing:border-box;}
.head_nav li:hover a,.head_nav li.head_cur a{color:#ffcc00; font-weight:bold;}
.search{height:max-content; margin:49px 18px 0 30px; position:relative;}
.search i{font-size:23px; line-height:22px; color:#fff; cursor:pointer;}
.search_box{padding-top:40px; position:absolute; right:0; top:20px; z-index:3; transform:translateX(26%); visibility:hidden;}
.search_cont{width:775px; padding:34px; box-shadow:0 0 13px rgba(0,0,0,.1); background:rgba(255,255,255,0.98); transform:rotateX(90deg); transform-origin:top; transition:all 0.5s;}
.search_Rec,.search_Rec a{font-size:14px; line-height:14px; color:#666;}
.search_Rec a:hover{color:#008c3f; text-decoration:underline;}
.search_frame{width:100%; margin-top:20px;}
.search_frame form{display:flex; border:1px solid #ddd;}
.search_frame #infoname,.search_frame #infoseek{color:#999; background-color:transparent; border:none;}
.search_frame #infoname{width:95%; padding-left:14px; font-size:14px; line-height:43px;}
.search_frame #infoseek{padding:5px 8px; font-size:33px; line-height:33px; cursor:pointer;}
.search:hover .search_box{visibility:visible;}
.search:hover .search_cont{transform:rotateX(0);}
.head_tel{margin-top:45px; color:#fff; white-space:nowrap;}
.head_tel i{font-size:24px; line-height:24px; -webkit-text-stroke-width:0;}
.head_tel em{font-family:Arial; font-size:28px; line-height:28px; font-weight:bold;   color:#fff;}
@media(max-width:1680px){
.headbg{padding:0 3.4% 25px 1.9%;}
}
@media(max-width:1520px){
.headbg{padding:0 1.5% 25px 1%;}
.headbg .fr{width:63%;}
.search{margin:49px 9px 0 15px;}
}
/*离顶*/
.leave{box-shadow:0 0 13px rgba(0,0,0,.1); background-color:#fff; z-index:5;}
.leave .head_logo em{color:#333;}
.leave .slogan em{color:#008c3f;}
.leave .head_logo em span{color:#777;}
.leave .head_logo p,.leave .slogan p{color:#666;}
.leave .slogan{background-image:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240313/20240313183716_41812748.png);}
.leave .head_nav li a{color:#333;}
.leave .head_nav li a:after{content:""; display:block; width:100%; height:3px; position:absolute; bottom:-25px; left:0; background-size:0 100%; background-position:right bottom; background-repeat:no-repeat; background-image:linear-gradient(to right, #008c3f, #008c3f); transition:background-size 0.5s;}
.leave .head_nav li:hover a,.leave .head_nav li.head_cur a{color:#008c3f;}
.leave .head_nav li:hover a:after,.leave .head_nav li.head_cur a:after{background-size:100% 100%; background-position:left bottom;}
.leave .search i,.leave .head_tel i{color:#333;}
.leave .head_tel em{color:#008c3f;}



/*幻灯片*/
.banner{width:100%; overflow:hidden; background:#fff; position:relative;}
.banner-box{width:100%; height:930px; position:relative; margin:0 auto;}
.banner-box .bd{width:100%; }
.banner-box .bd li{width:100%; height:930px; background-position:center; background-repeat:no-repeat;}
.banner-box .bd li a{display:block; background-size:auto;}
.banner-btn{width:100%; position:absolute;top: 4px;left: 0;margin-left: 0;height: 100%;overflow: hidden;}
.banner-btn a{display:block; width:49px; height:104px; position:absolute; top:40%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-50px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240316/20240316233850_268105883.png) 0 0 no-repeat;} 
.banner-btn a.next{right:-50px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240316/20240316233850_268105883.png) -49px 0 no-repeat;}
.banner-box .hd {position:absolute; bottom:25px; width:100%;}
.banner-box .hd ul {width:1400px; margin:0 auto; text-align:center; }
.banner-box .hd ul li{width:30px; height:30px; line-height:30px; color:#fff; font-family:Arial; font-size:16px; background:#333;cursor:pointer;display:inline-block; margin:0 2px; transition:0.3s all ease-in-out; }
.banner-box .hd ul li.on{background:#008c3f;}
.banner-box:hover .banner-btn a.prev{left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{right:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}



/*简介*/
.adoutbg{margin-top:60px;}
.adout_cont{float:left;}
.adout_tit em{display:inline-block; margin-bottom:8px; padding-right:33px; padding-bottom:5px; font-size:40px; line-height:40px; color:#333; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314112926_1129656876.png) right bottom no-repeat;}
.adout_tit em font{color:#008c3f; font-weight:bold;}
.adout_tit em span{font-family:Arial; font-size:14px; line-height:14px; color:#777; text-transform:uppercase; vertical-align:top;}
.adout_tit p{font-size:18px; line-height:18px; color:#666;}
.adout_tit p i{display:inline-block; margin-right:6px; font-size:22px; line-height:22px; color:#c8c8c8;}
.adout_txt{width:610px; margin-top:30px; font-size:16px; line-height:30px; color:#777;}
.adout_button{margin-top:63px;}
.adout_button a{float:left; display:flex; flex-direction:row; align-items:flex-start;}
.adout_button a+a{margin-left:72px;}
.adout_button a i{font-size:40px; line-height:30px; color:#008c3f;}
.adout_button a em{display:block; margin-left:8px; font-size:22px; line-height:22px; color:#444; font-weight:bold;}
.adout_button a em p{margin-top:8px; font-family:Arial; font-size:12px; line-height:10px; color:#999; font-weight:normal;}
.adout_video{float:right;}
.adout_video em{display:block; width:719px; height:439px; border-radius:30px; border:10px solid #fff; box-sizing:border-box; overflow:hidden; background:#000; cursor:pointer; position:relative; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.08); -webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.08); -moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.08);}
.adout_video em i{position:absolute; left:calc(50% - 28px); top:calc(50% - 28px); font-size:56px; line-height:56px; color:#fff; -webkit-text-stroke-width:0; z-index:1;}
.adout_video em img{opacity:0.5;}
.adout_video #pop_up{margin:auto; padding:1em; border-radius:10px; border-width:5px; overflow:visible;}
.adout_video #shut{width:30px; text-align:center; line-height:30px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; right:-35px; top:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; background-color:#000; cursor:pointer; transition-duration:0.8s;}
.adout_video #shut:hover{background-color:#c60000;}



/*产品*/
.productbg{width:100%; min-width:1400px; max-width:1920px; height:1194px; margin:75px auto 0; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314161620_787002486.jpg) center no-repeat;}
.product{padding-top:63px;}
.product_tit{display:flex; flex-direction:column; align-items:center;}
.product_tit em{display:block; font-size:42px; line-height:42px; color:#333; font-weight:bold; padding:0 37px 5px 37px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314112926_1129656876.png) right bottom no-repeat;}
.product_tit em font{color:#008c3f;}
.product_tit p{margin-top:15px; font-size:16px; line-height:16px; color:#999;}
.product_box01{margin-top:35px;}
.product_form{float:left; width:280px; background:#fff;}
.product_form a{display:flex; flex-direction:row; align-items:center; width:100%; height:110px; padding-left:33px; box-sizing:border-box; transition-duration:0.6s;}
.product_form a+a{border-top:1px solid #f3f3f3;;}
.product_form a i{font-size:48px; line-height:48px; color:#8a8a8a; transition-duration:0.6s;}
.product_form a em{display:block; margin-left:7px; font-size:20px; line-height:20px; color:#444; transition-duration:0.6s;}
.product_form a em p{margin-top:5px; font-size:12px; line-height:12px; color:#999; transition-duration:0.6s;}
.product_form a:hover,.product_form a.product_form_cur{border-color:#008c3f; background-color:#008c3f;}
.product_form a:hover i,.product_form a.product_form_cur i{color:#fff;}
.product_form a:hover em,.product_form a.product_form_cur em{color:#fff; font-weight:bold;}
.product_form a:hover em p,.product_form a.product_form_cur em p{color:#fff; font-weight:normal;}
.product_box01 .tempWrap{float:right; width:1081px;}
.good_cont{width:100%; height:550px; background:#fff;}
.good_box01{float:left;  margin-left:28px; margin-top:30px;}
.good_box01 a{display:block; width:494px; height:487px; border:1px solid #eee; overflow:hidden;}
.good_box01 a img{width:100%; height:100%; transition:0.5s;}
.good_box02{float:left; width:516px; margin-left:40px; margin-top:80px;}
.good_box03{font-size:35px; line-height:35px; color:#333; font-weight:bold;}
.good_box04{margin-top:24px;}
.good_box04 em{display:inline-block; font-size:18px; line-height:35px; color:#fff; padding:0 18px; border-radius:calc(35px / 2); background:#008c3f;}
.good_box04 em+em{margin-left:10px;}
.good_box05{margin-top:36px;}
.good_box05 li{padding-left:23px; font-size:15px; line-height:15px; color:#666; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314172113_467528116.jpg) left center no-repeat;}
.good_box05 li+li{margin-top:22px;}
.good_box06{margin-top:43px;}
.good_box06 a{display:block; width:180px; text-align:center; font-size:16px; line-height:40px; color:#666; border-radius:20px; background:#f4f4f4;}
.good_cont:hover .good_box01 a img{transform:scale(1.1);}
.product_box02{margin-top:33px;}
.progdwz2021 li{float:left; margin-right:20px;}
.progdwz2021 li > a{display:flex; justify-content:center; align-items:center; width:332px; height:260px; border:1px solid #f7f7f8; overflow:hidden;}
.progdwz2021 li > a img{width:100%; height:auto; transition:0.5s;}
.progdwz2021 li > br{display:none;}
.progdwz2021 li span a{display:block; padding:13px 0; text-align:center; font-size:16px; line-height:16px; color:#666;}
.progdwz2021 li:hover > a img{transform:scale(1.1);}



/*优势*/
.meritbg{width:100%; min-width:1400px; max-width:1920px; height:869px; margin:0 auto; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314161620_53992690.jpg) center no-repeat;}
.merit{padding-top:80px;}
.merit_tit{display:flex; flex-direction:column; align-items:center;}
.merit_tit em{display:block; font-size:42px; line-height:42px; color:#fff; font-weight:bold; padding:0 45px 8px 45px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314112926_1129656876.png) right bottom no-repeat;}
.merit_tit p{margin-top:14px; font-size:18px; line-height:18px; color:rgba(255,255,255,.6);}
.merit_cont{margin-top:40px;}
.merit_cont ul{display:flex; flex-wrap:wrap; border-radius:10px; background:#fff;}
.merit_cont li{width:calc(100% / 3); height:300px; border-right:1px solid #e7e6e6; box-sizing:border-box; cursor:pointer; position:relative;}
.merit_cont li:nth-child(3n){border-right:none;}
.merit_cont li:nth-child(n+3){border-top:1px solid #e7e6e6;}
.merit_cont em{display:flex; justify-content:center; align-items:center; width:105px; height:105px; border:2px solid #eee; border-radius:50%; overflow:hidden; position:absolute; left:40px; top:40px; z-index:1;}
.merit_cont em img{width:auto; height:100%;}
.merit_cont em:before{content:""; display:block; width:100%; height:100%; background:#000; opacity:0; visibility:hidden; position:absolute; left:0; top:0; transition-duration:0.8s;}
.merit_cont span{font-size:30px; line-height:42px; color:#333; font-weight:bold; position:absolute; left:166px; top:53px; z-index:2; transition-duration:0.8s;}
.merit_cont span:after{content:""; display:block; margin-top:7px; width:41px; height:2px; background:#008c3f; transition-duration:0.8s;}
.merit_cont p{width:400px; font-size:16px; line-height:26px; color:#666; position:absolute; left:40px; top:167px; z-index:2; transition-duration:0.8s;}
.merit_cont li:hover em{width:474px; height:311px; left:-3px; top:-6px; border-radius:10px; border-color:transparent; opacity:0; animation:meritimg 0.8s forwards 1;}
.merit_cont li:hover em:before{opacity:0.5; visibility:visible;}
.merit_cont li:hover span{left:40px; top:53px; color:#fff;}
.merit_cont li:hover span:after{background-color:#fff;}
.merit_cont li:hover p{color:#fff;}
@keyframes meritimg {
  0%   {opacity:0;}
  50%  {opacity:0.5;}
  100% {opacity:1;}
}



/*案例*/
.casebg{margin-top:68px;}
.case_tit{display:flex; flex-direction:column; align-items:center;}
.case_tit em{display:block; font-size:42px; line-height:42px; color:#333; font-weight:bold; padding:0 37px 5px 37px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314112926_1129656876.png) right bottom no-repeat;}
.case_tit em font{color:#008c3f;}
.case_tit p{margin-top:15px; font-size:16px; line-height:16px; color:#999;}
.case_cont{margin-top:40px;}
.case_cont dl{width:335px; height:315px; position:relative;}
.case_cont dt{width:100%; height:100%; overflow:hidden;}
.case_cont dt img{width:100%; height:100%; transition:0.5s;}
.case_cont dd{padding:30px 50px 30px 36px; border-top-left-radius:40px; position:absolute; bottom:0; right:0; background:rgba(0,140,63,.8);}
.case_cont dd em{font-size:12px; line-height:12px; color:rgba(255,255,255,.6);}
.case_cont dd p{margin-top:8px; font-size:22px; line-height:22px; color:#fff;}
.case_cont .fl{display:flex; flex-wrap:wrap; justify-content:space-between; align-content:space-between; width:690px; height:650px;}
.case_cont .fl dl.cross{width:100%; height:315px;}
.case_cont .fl dl.cross dd{padding-right:100px;}
.case_cont .fr dl{width:690px; height:650px;}
.case_cont .fr dl dd{padding-right:100px;}
.case_cont dl:hover dt img{transform:scale(1.1);}



/*特点*/
.traitbg{width:100%; min-width:1400px; max-width:1920px; height:945px; margin:70px auto 0; overflow:hidden; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314161620_1482808914.jpg) center no-repeat;}
.trait{padding-top:110px; position:relative;}
.trait_tit{position:absolute; left:0; top:110px;}
.trait_tit span{display:block; font-family:Arial; font-size:80px; line-height:58px; color:#d6d6d6; font-weight:bold; text-transform:uppercase; margin-bottom:-30px;}
.trait_tit em{font-size:48px; line-height:48px; color:#333; font-weight:bold;}
.trait_tit em font{color:#008c3f;}
.trait_tit p{margin-top:15px; font-size:18px; line-height:18px; color:#999;}
.trait_box{}
.trait_cont{}
.trait_txt{float:left; width:700px; padding-top:185px;}
.trait_txt em{display:block; font-family:"alipuhuei Medium"; font-size:90px; line-height:72px; color:#b9c1bc; margin-bottom:-36px;}
.trait_txt span{font-size:34px; line-height:34px; color:#333; font-weight:bold;}
.trait_txt font{display:block; margin-top:16px; margin-bottom:35px; font-family:Arial; font-size:12px; line-height:12px; color:#999; text-transform:uppercase;}
.trait_txt font::after{content:""; display:block; margin-top:30px; width:62px; height:3px; background:#008c3f;}
.trait_txt p{font-size:18px; line-height:18px; color:#666;}
.trait_txt p+p{margin-top:20px;}
.trait_txt a{display:block; width:165px; margin-top:60px; text-align:center; font-size:18px; line-height:43px; color:#fff; border-radius:22px; background:#008c3f;}
.trait_img{float:right; margin-top:40px; margin-right:-23px; width:681px; height:681px; border:10px solid #fff; border-radius:50%; overflow:hidden; box-shadow:0 0 0 0 rgba(255 255 255); animation:ripple 2s infinite;}
.trait_list{display:flex; flex-direction:row; padding-left:260px; background:#fff; border-top-right-radius:20px; border-bottom-right-radius:20px; position:absolute; left:-260px; bottom:-35px;}
.trait_list dl{display:flex; flex-direction:row; align-items:center; height:150px; margin-left:38px; margin-right:38px; cursor:pointer;}
.trait_list dl:before{content:""; display:block; width:1px; height:60px; margin-right:38px; background:#eee;}
.trait_list dl:nth-child(1){margin-left:0;}
.trait_list dl:nth-child(1):before{display:none;}
.trait_list dt{font-size:42px; line-height:42px; color:#333;}
.trait_list dd{margin-left:15px;}
.trait_list dd em{font-size:24px; line-height:24px; color:#333; font-weight:bold;}
.trait_list dd p{margin-top:7px; line-height:14px; color:#999;}
.trait_list dl:hover dt,.trait_list dl.trait_cur dt{color:#008c3f;}
@keyframes ripple{
    70% {
        -webkit-box-shadow:0 0 0 40px rgba(237, 107, 27, .0);
                box-shadow:0 0 0 40px rgba(237, 107, 27, .0);
    }
    100% {
        -webkit-box-shadow:0 0 0 0 rgba(237, 107, 27, .0);
                box-shadow:0 0 0 0 rgba(237, 107, 27, .0);
    }
}



/*资质*/
.proofbg{width:100%; min-width:1400px; max-width:1920px; margin:80px auto 0;}
.proof_tit{display:flex; flex-direction:column; align-items:center;}
.proof_tit em{display:block; font-size:42px; line-height:42px; color:#333; font-weight:bold; padding:0 37px 5px 37px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314112926_1129656876.png) right bottom no-repeat;}
.proof_tit em font{color:#008c3f;}
.proof_tit p{margin-top:15px; font-size:16px; line-height:16px; color:#999;}
.proof{max-width:1786px; margin:30px auto 0; position:relative;}
.proof > img{display:block; width:100%; max-width:1786px; height:auto; margin:0 auto;}
.proof_cont{width:67.6%; max-width:1208px; position:absolute; right:9%; top:10%; overflow:hidden;}
.proof_cont .new_web_div2021{float:left;}
.proof_cont .new_web_div2021 li{width:calc((var(--proofContWidth) - 30px) / 4); margin-right:10px;}
.proof_cont .new_web_div2021 li > a{display:block; width:100%; height:auto; overflow:hidden;}
.proof_cont .new_web_div2021 li > a img{width:100%; height:auto; transition:0.5s;}
.proof_cont .new_web_div2021 li p{display:none;}
.proof_cont .new_web_div2021 li:hover > a img{transform:scale(1.1);}



/*流程*/
.routebg{margin-top:50px;}
.route_tit{display:flex; flex-direction:column; align-items:center;}
.route_tit em{display:block; font-size:42px; line-height:42px; color:#333; font-weight:bold; padding:0 37px 5px 37px; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314112926_1129656876.png) right bottom no-repeat;}
.route_tit em font{color:#008c3f;}
.route_tit p{margin-top:15px; font-size:16px; line-height:16px; color:#999;}
.route_cont{display:flex; flex-direction:row; justify-content:space-between; margin-top:47px;}
.route_cont dl{display:flex; flex-direction:column; align-items:center;}
.route_cont dt{font-family:DIN Medium; font-size:34px; line-height:22px; color:#dadada; font-weight:bold; margin-bottom:-5px; transition:0.5s;}
.route_cont dd{display:flex; flex-direction:column; align-items:center; width:176px; height:319px; border:1px solid #eee; background:#fff; transition:0.5s;}
.route_cont dd i{display:flex; align-items:center; justify-content:center; width:116px; height:116px; margin-top:28px; border:1px solid #eee; border-radius:50%; font-size:42px; line-height:42px; color:#333; position:relative; transition:0.5s;}
.route_cont dd i:before{content:""; display:block; width:12px; height:12px; background:#fff; border:7px solid rgba(0,140,63,.6); border-radius:50%; position:absolute; left:calc(50% - 13px); bottom:-13px; transition:0.5s;}
.route_cont dd em{display:block; margin-top:60px; font-size:18px; line-height:18px; color:#666; transition:0.5s;}
.route_cont dd p{width:115px; margin-top:16px; text-align:center; font-size:14px; line-height:26px; color:#999; transition:0.5s;}
.route_tel{display:flex; align-items:center; width:516px; height:62px; margin:60px auto 0; border-radius:31px; background:#289f5e;}
.route_tel em{display:flex; flex-direction:row; justify-content:center; align-items:center; width:196px; height:100%; font-size:22px; line-height:22px; color:#fff; border-radius:31px; background:#008c3f;}
.route_tel em i{display:block; font-size:28px; line-height:28px; margin-right:10px;}
.route_tel span{display:block; margin-left:26px; font-size:30px; line-height:30px; color:#fff;}
.route_cont dl:hover dt{color:rgba(0,140,63,.6);}
.route_cont dl:hover dd{background:#008c3f;}
.route_cont dl:hover dd i{background:#fff;}
.route_cont dl:hover dd i:before{border-color:#ffcc00;}
.route_cont dl:hover dd em{color:#fff;}
.route_cont dl:hover dd p{color:rgba(255,255,255,.6);}



/*新闻*/
.newsbg{width:100%; min-width:1400px; max-width:1920px; height:810px; margin:50px auto 0; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314161620_1911157268.jpg) center no-repeat;}
.news{padding-top:80px;}
.news_top{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.news_tit em{font-size:40px; line-height:40px; color:#008c3f; font-weight:bold;}
.news_tit p{margin-top:10px; font-size:16px; line-height:16px; color:#999;}
.news_nav a{display:inline-block; margin-left:60px; font-size:20px; line-height:20px; color:#444;}
.news_nav a i{display:inline-block; margin-right:5px; font-size:30px; line-height:30px; color:#666; vertical-align:middle;}
.news_nav a:hover,.news_nav a.news_cur{color:#008c3f; font-weight:bold;}
.news_nav a:hover i,.news_nav a.news_cur i{color:#008c3f; font-weight:normal;}
.news .tempWrap{margin-top:34px;}
.news_cont .news_div{display:flex; flex-direction:row; justify-content:space-between;}
.news_cont .news_div_item{width:450px; height:560px; background:#fff; position:relative; transition:0.5s;}
.news_cont .news_div_item_date{position:absolute; left:290px; bottom:40px; font-size:16px; line-height:16px; color:#666; transition:0.5s;}
.news_cont .news_div_item_year,.news_cont .news_div_item_month,.news_cont .news_div_item_day{float:left;}
.news_cont .news_div_item_date i{float:left; display:block; font-size:14px; line-height:16px; vertical-align:middle; margin-right:10px;}
.news_cont .news_div_item_content{position:absolute; left:30px; top:327px;}
.news_cont .news_div_item_title a{font-size:20px; line-height:20px; color:#222; font-weight:bold; transition:0.5s;}
.news_cont .news_div_item_body{width:400px; margin-top:23px; font-size:14px; line-height:32px; color:#666; transition:0.5s;}
.news_cont .news_div_item_pic{position:absolute; left:29px; top:29px;}
.news_cont .news_div_item_pic a{display:flex; justify-content:center; align-items:center; width:391px; height:257px; overflow:hidden; border:1px solid #eee;}
.news_cont .news_div_item_pic a img{width:100%; height:auto; transition:0.5s;}
.news_cont .news_div_item_details{position:absolute; left:30px; bottom:38px;}
.news_cont .news_div_item_details a{font-size:16px; line-height:16px; color:#666; transition:0.5s;}
.news_cont .news_div_item_details a i{display:inline-block; margin-right:7px; font-size:14px; line-height:16px;}
.news_cont .news_div_item:hover{background:#008c3f;}
.news_cont .news_div_item:hover .news_div_item_date,.news_cont .news_div_item:hover .news_div_item_body,.news_cont .news_div_item:hover .news_div_item_details a{color:rgba(255,255,255,.6);}
.news_cont .news_div_item:hover .news_div_item_title a{color:#fff;}
.news_cont .news_div_item:hover .news_div_item_pic a img{transform:scale(1.1);}



/*底部*/
.basebg{width:100%; min-width:1400px; max-width:1920px; height:509px; margin:0 auto; overflow:hidden; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240314/20240314161620_204345840.jpg) center no-repeat;}
.base{height:367px; padding-top:60px;}
.base_fl{float:left;}
.base_tel dl+dl{margin-top:30px;}
.base_tel dt{font-size:15px; line-height:15px; color:#e5e5e5;}
.base_tel dt i{display:inline-block; margin-right:10px; color:rgba(255,255,255,.7);}
.base_tel dd{margin-top:17px; padding-left:24px; font-size:15px; line-height:15px; color:#fff;}
.base_tel dl:nth-child(1) dd{font-size:30px; line-height:30px; color:#fff; font-weight:bold;}
.QRcode{margin-top:40px; position:relative;}
.QR-img{display:none; width:120px; height:120px; border-radius:10px; overflow:hidden; position:absolute; left:0; bottom:45px;}
.QR-img img{width:100%; height:100%;}
.QR-key{display:flex; flex-direction:row;}
.QR-key i{display:flex; align-items:center; justify-content:center; width:33px; height:33px; margin-right:10px; font-size:16px; line-height:16px; color:rgba(255,255,255,.8); border-radius:5px; border:1px solid rgba(255,255,255,.4); cursor:pointer; position:relative; transition-duration:0.8s;}
.QR-key i:before{content:""; display:block; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; position:absolute; left:50%; bottom:28px; transform:translateX(-50%);}
.QR-key i:hover{background-color:rgba(255,204,0,.8);}
.QR-key i:hover:before{border-top-color:#fff;}
.base_nav{float:right;}
.base_nav dl{float:left}
.base_nav dl+dl{margin-left:150px;}
.base_nav dt{font-size:18px; line-height:18px; color:rgba(255,255,255,.95); font-weight:bold;}
.base_nav dt:after{content:""; display:block; margin-top:16px; width:30px; height:2px; background:rgba(255,255,255,.6); transition-duration:0.8s;}
.base_nav dl:hover dt:after{width:100%;}
.base_nav dd{margin-top:20px;}
.base_nav dd a{display:block; width:max-content; font-size:15px; line-height:15px; color:rgba(255,255,255,.73);}
.base_nav dd a+a{margin-top:16px;}
.base_nav dd a:hover{color:#fff; text-decoration:underline;}
.Copyrightbg{border-top:1px solid rgba(255,255,255,.15);}
.Copyright{padding-top:36px;}
.Copyright,.Copyright a{font-size:15px; line-height:15px; color:rgba(255,255,255,.8);}
.Copyright a:hover{color:#fff; text-decoration:underline;}
.hot{margin-top:30px;}
.hot,.hot a{font-size:15px; line-height:15px; color:rgba(255,255,255,.8);}
/*友情链接*/
.links{float:right; width:130px; margin-top:-16px; padding-left:15px; line-height:38px; color:#fff; border:1px solid rgba(255,255,255,.4); position:relative; background:url(//memberpic.114my.cn/hjb123456/uploadfile/image/20240316/20240316000844_1931519450.png) 100px center no-repeat;}
.links_cont{height:0; position:absolute; bottom:41px; left:-1px; visibility:hidden; background:#fff; overflow-y:auto;}
.links:hover .links_cont{height:auto; max-height:200px; visibility:visible; transition:0.5s all ease-in-out;}
.linkTagcs{}
.linkTagcs li{float:none; width:100%;}
.linkTagcs li a{display:block !important; text-align:center; font-size:16px; line-height:50px; color:#555 !important; text-decoration:none; transition:0.5s all ease-in-out;}
.linkTagcs li a:hover{color:#fff !important; background-color:rgba(0,0,0,.8);}