@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td, s { font-family: Microsoft YaHei, sans-serif;  margin: 0; padding: 0; list-style: none }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
button, input, select, textarea { font-size: 100%; outline: 0 }
body { margin: 0; overflow-x: hidden; font-size:16px; font-weight: 400; }
a {color: #369; text-decoration: none }
.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }
.clearfix { zoom: 1; }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
em, i { font-style: normal }
.none { display: none }
.block { display: block }
img { border: 0; object-fit: cover; }
table { border-collapse: collapse; border: 0;}
.verticalAlign { vertical-align: middle; display: inline-block; height: 100%; width: 1px; margin-left: -1px; }
.btn { }
html, body { }
h1, h2, h3, h4, h5, h6 { text-transform: capitalize }
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { display: inline-block }
.row>[class*=col-] { float: left }
.col-12 { width: 100% }
.col-11 { width: 91.66666667% }
.col-10 { width: 83.33333333% }
.col-9 { width: 75% }
.col-8 { width: 66.66666667% }
.col-7 { width: 58.33333333% }
.col-6 { width: 50% }
.col-5 { width: 41.66666667% }
.col-4 { width: 33.33333333% }
.col-3 { width: 25% }
.col-2 { width: 16.66666667% }
.col-1 { width: 8.33333333% }
::selection { background: #ddd; color: #111 }::-webkit-scrollbar {width:10px;
height:10px}::-webkit-scrollbar-thumb {background-color:rgba(50,50,50,0.25);border:2px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover {background-color:rgba(50,50,50,0.5)}::-webkit-scrollbar-track {background-color:rgba(50,50,50,0.05)}
.btn { display: inline-block; padding: 10px 20px; text-align: center; letter-spacing: 2px; border-radius: 5px; cursor: pointer; border: 0 }/*按钮*/
.ImgBox { overflow: hidden; display: inline-block }
.ImgBox img { width: 100%; height: 100%; display: block; }
.ImgBox:hover img { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); opacity: 1; }
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }/*超出的文字省略，要定义宽度*/
a, .featured-post .byline, :after, :before, .btn, .btn:hover, .ImgBox img, .ImgBox:hover img, #header, .logo, .nav, .subnav-background, #header .nav .subnav, .Case ul li .imgImg img { -webkit-transition: all 0.3s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; /* Firefox */ -ms-transition: all 0.3s ease; /* IE 9 */ -o-transition: all 0.3s ease; /* Opera */ transition: all 0.3s ease; }
.relative { position: relative }
.mt20 { margin-top: 20px; }
.tit { }
.tit span { display: inline-block; }
.tit font { display: block; float: left; }
.tipMain { height: 40px; background: #fff; width: 100%; position: fixed; z-index: 9999; left: 0; bottom: 0; text-align: center; font-size: 13px; line-height: 40px; }
.tipMain .close { position: absolute; right: 10px; top: 0; width: 40px; height: 40px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #f00; cursor: pointer; font-weight: normal; font-size: 18px; }
/*超出的文字省略，要定义宽度*/
span.spanleft, .NewsList ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
/*页面*/
body { font-size: 14px; line-height: 1.5em; background: #fff; }
#header { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 120px; background: rgba(255,255,255,1) }
.wrapper { width: 1200px; margin: 0 auto; }
.BlankGap { height: 50px }/*空白间隙*/
.more { background: #177324; line-height: 15px; color: #fff; font-size: 1.15rem; letter-spacing: 2px; display: table; margin: 5px auto; padding: 0.8rem 3rem; }/*更多*/
.more:hover { background: #e5001f; color: #fff; }
.more a { color: #fff; white-space: nowrap; }
.more:hover a { color: #fff; }
.moreicon { font-size: 12px; font-weight: 400; overflow: hidden; line-height: 20px; }
.moreicon a { color: #333; padding: 0 }
.moreicon a:hover { color: #c70000; text-decoration: underline; }
.moreicon .iconfont { margin-left: 5px; font-size: 12px; }
.logo { background: url(images/logo.png) left center no-repeat; width: 310px; height: 80px; margin-top: 20px; }
.logo a { display: block; width: 100%; height: 100%; }
/* .logo.logo-en{background: url(images/logo-en.png) left center no-repeat;} */
#header .wrapper { position: relative; }
#header .nav { position: relative; z-index: 90; margin-top: 40px; }
#header .nav ul {width: 850px; display: flex; justify-content: flex-end; }
#header .nav ul li { float: left;}
#header .nav ul li a { white-space: normal;display:inline-block; height: 80px; font-size: 16px; line-height: 32px; color: #111; letter-spacing: 1px; padding: 0 10px}
#header .nav ul li.active  a, #header .nav li a:hover { color: #055c12; }
#header .nav .subnav { position: absolute; top:80px; z-index: 999; display:none; background-color: #fff; padding-bottom: 20px;box-shadow: 0 1px 5px rgba(50, 50, 50, .15);  }
#header .nav .subnav a { position: relative; display: inline-block; line-height: 36px; height: 36px !important;font-size: 12px; color: #222 ; text-transform: capitalize;white-space: nowrap; }
#header .nav.nav-en .subnav {margin-left:-30px;}
#header .nav.nav-en ul li a {font-size: 14px;letter-spacing: 0px;}
#header .nav .subnav a:after { content: ""; position: absolute;display: block; width: 0; height:1px; background:#055c12; }
#header .nav .subnav a:hover:after { width: calc(100% - 30px); }
#header .nav ul li:hover{position: relative; z-index: 100}
#header .nav ul li:hover .subnav{display:block;}
#header .nav .active .subnav a{color:#222;}
#header .nav .subnav a:hover,#header .nav .active .subnav a:hover{color:#055c12}
#header .subnav-background { display:none;}
#header.active { box-shadow: 0 1px 5px rgba(50, 50, 50, .15); position: fixed; z-index: 20; height: 70px; }
#header.active .logo { background-size: auto 60px; height: 60px; margin-top: 5px; }
#header.active .nav { margin-top: 15px; }
#header.active .nav ul li a{height: 55px }
#header.active .right { top: 35px; }
#header.active .nav .subnav{top:55px;}
.title { height: 40px; padding: 40px 0 20px 0; }
.title h1 { font-size: 2rem; color: #177324; font-weight:500; letter-spacing: 0.4rem; text-align: center; }
.title h1:before, .title h1:after { content: ""; width: 50px; height: 1px; background: #177324; display: inline-block; margin: 10px 20px }
.name { display: inline-block; vertical-align: middle; width: 100%; height: 3.5rem; position: relative; border-bottom: solid 1px #ddd; margin-bottom: 15px; padding-top: 15px; }
.name:before { content: ""; width: 5px; height: 15px; display: inline-block; background: #055c12; margin: 15px 15px 0 10px; float: left; }
.name span { float: left; line-height: 2; font-size: 1.5rem; color: #333; margin-right: 30px; text-transform: capitalize; font-family: tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif; }
.name .moreicon { position: absolute; top: 15px; right: 15px; }
.name a { float: right; margin-right: 15px; display: inline-block; padding: 4px 0; color: #777; border-bottom: solid 1px Transparent }
.name a .iconfont { margin-left: 5px; }
.name a:hover { border-bottom-color: #333; color: #333; }
.place { font-size: 0.95rem; font-weight: 400; color: #666; text-transform: capitalize; padding: 0.8rem 1.5rem; border-bottom: solid 1px #ddd; }
.place a { color: #666; line-height: 1.5rem; text-decoration: none; }
.place a:hover { color: #333; text-decoration: underline; }
.place .iconfont { margin: 0 5px; font-size: 14px; }
.text { padding: 15px; }
.text p { color: #363636; text-align: justify; word-wrap: break-word; word-break: break-word; letter-spacing: normal; font-size: 16px; line-height: 32px; }
.text img { max-width: 100%; margin: 20px 0}
.text span.font_green { font-weight: 600; color: #00A100 }
.text span.font_red { font-weight: 600; color: #f00 }
#footer { background: #fff; padding: 15px 0; color: #666; border-top: solid 2px #ddd; }
#footer .wrapper { position: relative; }
#footer .wrapper .copyright { text-align: center }
#footer .wrapper .copyright p { font-size: 1rem; line-height: 2; color: #111; }
#footer .wrapper .copyright p a { color: #111; }
#footer .wrapper .copyright p a:hover { color: #e70012; }
#main { background: url(images/main.png) center top no-repeat fixed; }
#main .banner { height: 300px; margin-top: 120px }
#main .banner .rslides li { width: 100%; height: 100%;}
#main .banner .rslides .txt { padding: 0; margin-top: 0px;top:0;left:0; width: 100% }
#main .banner .rslides .txt h4 { position: absolute; width:100%;max-width: 1200px; text-align: center; left: 50%; top: 50%; transform: translateY(-50%); margin-left:-600px; font-size: 2rem; font-weight: 500; letter-spacing: 0; color: #fff; text-transform: uppercase }
#main .banner .rslides .rslides_nav, #main .rslides_tabs, #main .banner:hover .rslides_nav { display: none; opacity: 0 }

#main .wrapper { background: #fff; padding: 0px 25px 50px 25px; width: 1150px; }
.side { width: 200px; z-index: 2; position: relative; }
.side h3 { font-size: 1.2rem; color: #055c12; display: block; line-height: 2; padding: 15px 0 10px 20px; }
.sidenav { }
.sidenav ul { padding: 0 }
.sidenav ul li { font-size: 14px; }
.sidenav ul li a { display: block; text-transform: capitalize; margin: 0 0 10px 0; padding: 10px; font-size: 0.9rem; line-height: 1.2rem; background: #055c12; color: #fff; }
.sidenav ul li a .iconfont { float: left; margin: 0 10px 0 15px; }
.sidenav ul li a:hover { background: #008113; }
.sidenav ul li.hover a { background: #fff; color: #055c12; width: 180px; padding-right: 20px; border: solid 1px #ddd; border-right-color: #fff; margin-top: -1px; }
.sidenav ul li .subsidenav { margin-top: -11px; margin-bottom: 0; padding: 0 0 10px 0 }
.sidenav ul li .subsidenav p { }
.sidenav ul li .subsidenav p:before { content: ""; display: inline-block; width: 3px; height: 3px; background: #fff; float: left; margin: 15px 10px 0 25px; }
.sidenav ul li .subsidenav p a { border: 0; padding: 5px 0; font-size: 12px; color: #fff; margin: 0 }
.sidenav ul li.hover .subsidenav { width: 209px; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; margin-bottom: 10px; border-top: solid 1px #fff; border-right: solid 1px #fff; }
.sidenav ul li.hover .subsidenav p:before { background: #777 }
.sidenav ul li.hover .subsidenav p a { color: #222; }
.content { width: 920px; min-height: 500px; padding-left: 19px; border-left: solid 1px #ddd; z-index: 1; position: relative; }
/*联系*/
#Contact { padding: 0px }
#Contact h3 { font-size: 20px; padding: 15px 0; margin-bottom: 10px; color: #055c12; border-bottom: solid 1px #ccc }
#Contact h3 span { font-size: 16px; color: #999; padding: 8px 0 0 0; display: block; }
#Contact .text { float: left; padding: 0; width: 400px; position: relative; }
#Contact .text p b { margin-right: 10px; }
.qrcode,
.qrcode img{width:150px;}
.qrcode p{text-align:center; font-size: 1rem;color:#222;margin-top:-0.8rem;}
#Contact .map { width: 700px; height: 500px; float: right }
.map #gaodi-map { width: 100%; height: 100%; }
.mapInfo { padding: 5px; width: 400px; }
.mapInfo h4 { font-size: 18px; padding: 5px 10px; margin-bottom: 5px; color: #055c12; border-bottom: solid 1px #ccc }
.mapInfo p { font-size: 15px; line-height: 1.5rem; color: #333 }
.hd.PicPage a { }/*切换页码*/
.hd.PicPage { height: 20px; margin-top: 10px }
.hd.PicPage ul { padding: 0; float: left; position: relative; left: 50%; }
.hd.PicPage ul li { float: left; position: relative; right: 50%; text-indent: -90000px; margin-top: 4px; width: 7px; height: 7px; background: #ccc; margin-right: 10px; border-radius: 15px; cursor: pointer; }
.hd.PicPage ul li:hover { background: #777; }
.hd.PicPage ul li.on { background: #b00e0e; width: 15px; height: 15px; margin-top: 0 }
.hd.PicPage a { display: none; }
/*切换页码有上下箭头*/
.ArrowBlock .hd.PicPage a { display: block; width: 50px; height: 50px; text-align: center; position: absolute; z-index: 999; cursor: pointer; top: 45%; background: rgba(0,0,0,0.5); opacity: 0; }
.ArrowBlock .hd.PicPage a .iconfont { font-size: 36px; line-height: 50px; color: #fff }
.ArrowBlock .hd.PicPage a.prev { left: -50px; }
.ArrowBlock .hd.PicPage a.next { right: -50px; }
.ArrowBlock .hd.PicPage a:hover { background: rgba(174,14,14,0.7) }
.ArrowBlock:hover .hd.PicPage a { opacity: 1 }
.ArrowBlock:hover .hd.PicPage a.prev { left: 0px; }
.ArrowBlock:hover .hd.PicPage a.next { right: 0px; }
/*资讯*/
.newsList { margin: 0 0.5rem; padding: 1rem 0; border-bottom: dashed 1px #ccc;height: 160px; overflow: hidden;}
.newsList:nth-last-child(1) { border-bottom: 0; }
.newsList .ImgBox { max-height: 11rem;  }
.newsList .txt { padding: 0 2rem; position: relative; height: 10rem }
.newsList .txt h5 a { font-size: 1.25rem; color: #444; letter-spacing: 0.1rem }
.newsList .txt h5 a:hover { color: #055c12; }
.newsList .txt h5:after { content: ""; width: 120px; height: 1px; margin: 1.25rem 0; background: #999; display: block; }
.newsList .txt .Date, .newsList .txt .View { position: absolute; bottom: 0 }
.newsList .txt .info { text-align: justify; color: #666; word-wrap: break-word; word-break: break-word; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newsList .txt .Date { left: 2rem; font-size: 0.8rem; color: #666; display: none }
.newsList .txt .View { right: 2rem; }
.newsList .txt .View a { padding: 0.3rem 0.8rem; display: inline-block; border: solid 1px #ddd; color: #333; }
.newsList .txt .View a:hover { background: #055c12; border-color: #055c12; color: #fff; }
.newsList .col-3{background:url(images/noPic.png) no-repeat; background-size:100% 100%;height: 160px;}
.newsList .col-9{}
.Detailed { }
.Detailed h1 { color: #555; line-height: 1.5; text-align: center; padding: 30px 0 10px 0 }/*详细*/
.Detailed .date { font-size: 14px; color: #777; text-align: center; padding: 5px 0 15px 0; margin-bottom: 30px; display: block; margin: 0 auto; }
.Detailed .date .iconfont { margin-right: 5px; font-size: 15px; }
.Article img { max-width: 800px; height: auto; margin: 25px auto; display: block; }
/*页码*/
.fenye .page a, .fenye .page a:hover { -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }
a, a:hover { -moz-transition: color .3s linear; -webkit-transition: color .3s linear; transition: color .3s linear; }
.fenye { text-align: center; overflow: hidden; width: 100%; padding: 20px 0 50px 0; }
.fenye .page, .fenye .tiaozhuan { display: inline-block; }
.fenye .page { margin-right: 20px; }
.fenye .page a { height: 32px; line-height: 32px; padding: 0 13px; border: 1px solid #e5e5e5; border-radius: 3px; display: inline-block; margin: 0 5px; color: #333; }
.fenye .page a:hover { color: #055c12; border-color: #055c12; }
.fenye .page a.on { background: #c4a38e; border: 1px solid #055c12; color: #fff; }
.fenye .page .all { padding: 0 10px; }
.fenye .page span.more { width: 34px; height: 34px; margin: 0 5px; background: url(images/FenyePageMore.png) no-repeat center center; display: inline-block; position: relative; top: 10px; }
.fenye .page a.next { width: 34px; height: 32px; margin: 0 5px; padding: 0; border-radius: 3px; display: inline-block; position: relative; }
/*syx add start*/
.fenye .page a.current { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 3px; display: inline-block; margin: 0 5px; background: #055c12; border: 1px solid #055c12; color: #fff; }
.fenye .page span.TotalPages { margin-left: 20px; font-size: 14px; color: #666; }
.fenye .page a.prev { width: 34px; height: 32px; margin: 0 5px; padding: 0; border-radius: 3px; display: inline-block; position: relative; }
.pageBox { border: 1px dotted #ddd; margin: 1.5rem auto; display: table; width: 90%; }
.pageBox a { display: inline-block; width: 33.33%; font-size: 1rem; line-height: 2.3rem; text-align: center; color: #222; position: relative; }
.pageBox a:after { content: ""; width: 1px; height: 100%; display: block; background: #ddd; position: absolute; top: 0; right: 0 }
.pageBox a:nth-last-child(1):after { width: 0 }
.pageBox a:hover { background: #ddd; }
/*图片列表*/
.imgList { width: 1150px; }
.imgList ul { width: 1170px; padding: 0 0 10px 0 }
.imgList ul li { float: left; margin: 0 18px 18px 0; overflow: hidden; background: #fff; position: relative; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; border: solid 1px #ddd }
.imgList ul li a { text-decoration: none; }
.imgList ul li .imgImg { padding: 5px; overflow: hidden; text-align: center; margin-bottom: 5px; }
.imgList ul li .imgImg img { width: auto; height: auto; vertical-align: middle; text-align: left; background: url(js/fancybox_loading.gif) center center no-repeat; }
.imgList ul li .imgText { border: 0; height: 40px; }
.imgList ul li .imgText h4 { padding: 0 15px; max-height: 40px; font-size: 16px; color: #333; line-height: 20px; padding: 2px 20px; text-align: center; overflow: hidden; margin: 0 auto; }
.imgList ul li:hover { border-color: #055c12 }
.imgList ul li a:hover .imgText h4 { color: #055c12; text-decoration: underline; }
.imgList ul li a:hover .imgText p { color: #055c12; text-decoration: underline; }
.ProList ul li { width: 217px; }/*产品图片*/
.ProList ul li .imgImg { width: 207px; height: 155px; }
.ProList ul li .imgImg img { max-width: 207px; max-height: 155px; }
.content .imgList { width: 920px; }
.content .imgList ul { width: 940px; }
.content .ProList ul li { width: 215px; }
.content .ProList ul li .imgImg { width: 205px; height: 154px; }
.content .ProList ul li .imgImg img { max-width: 205px; max-height: 154px; }
.imgList.Case ul {width: 1150px; display:grid; grid-template-columns: repeat(3,1fr); gap: 16px;}/*工程案例列表*/
.Case ul li { width: 100%; margin: 0; }/*工程案例列表*/
.Case ul li .imgText {padding-bottom: 15px; height: auto; min-height: 40px;}
.Case ul li .imgImg {padding: 2%; width: 100%; height: 300px; box-sizing: border-box; overflow: hidden; }
.Case ul li .imgImg img { width: 96%; height: 96%; object-fit:contain;}
.Case ul li:hover .imgImg img { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
/*相册*/
.Photo { width: 1150px; position: relative; margin: 0 auto; padding: 30px 0; }
.Photo .picBox li img, .Photo .listBox img { background: url(js/fancybox_loading.gif) center center no-repeat; }
.Photo #prevTop, .Photo #nextTop { top: 45%; width: 32px; height: 48px; position: absolute; cursor: pointer; z-index: 99; font-size: 50px; font-weight: bold; padding: 10px; text-align: center; letter-spacing: 2px; border-radius: 5px; }
.Photo #prevTop { background: url(images/superprev.png) center center no-repeat rgba(0,0,0,0.3); left: 2% }
.Photo #nextTop { background: url(images/supernext.png) center center no-repeat rgba(0,0,0,0.3); right: 2%; }
.Photo li { float: left; }
.Photo .picBox { width: 1000px;height: 500px;position: relative; background: #fff; margin: 5px auto; overflow: hidden; }
.Photo .picBox ul { position: absolute;height:200px;max-height: 500px; left: 0; }
.Photo .picBox li { width: 1000px; height:auto;max-height: 500px; text-align: center;display: block;}
.Photo .picBox li img { max-width: 1000px; max-height: 500px; vertical-align: middle }
.Photo .picBox li p { font-size: 1.05rem; line-height: 50px; color: #333; height: 50px; }
.Photo .listBox { width: 500px; height: 100px; margin: 0 auto; position: relative; padding-top: 15px; overflow: hidden; }
.Photo .listBox ul { height: 88px; position: absolute; padding-left: 12px; }
.Photo .listBox li { width: 100px; height: 70px; cursor: pointer; position: relative; padding: 5px 10px; }
.Photo .listBox li a { display: block; width: 100px; height: 70px; }
.Photo .listBox img { border: 3px solid #fff; width: 100px; height: 70px; object-fit: contain; }
.Photo .listBox li.on img { border: 3px solid #055c12; }
.Photo .listBox li:before { content: ""; width: 0; height: 0; display: block; border: solid 8px Transparent; border-bottom-color: #fff; margin-left: 45% }
.Photo .listBox .on:before { border-bottom-color: #055c12 }
/*产品详细*/
.pro_detail_img { width: 600px; float: left; position: relative; overflow: hidden; padding-bottom: 20px; text-align: center; padding: 20px 0; }
.imgList.pro_detail_img_body ul li { margin: 0 !important; padding: 0px !important; border: 0 }
.imgList.pro_detail_img_body ul li .imgImg { width: 600px; height: 450px; }
.imgList.pro_detail_img_body ul li .imgImg img { max-width: 600px; max-height: 450px; }
.pro_detail_img .hd { margin-top: -40px; }
.pro_detail_text { width: 500px; float: right; margin-top: 20px; }
.pro_detail_text .info { width: 100%; }
.pro_detail_text .info th { font-weight: bold; color: #888; font-size: 16px; width: 100px; text-align: right; padding: 10px; vertical-align: top; text-transform: capitalize }
.pro_detail_text .info td { padding: 5px 10px; color: #555; text-transform: capitalize }
.pro_detail_text .info td span.red { color: #f00; }
.pro_detail_text .info tr { border-bottom: solid 1px #ddd; }
/*滑动联系*/
.toolbar { position: fixed; z-index: 9998; bottom: 0px; width: 50px; right: 0; -webkit-transform: translate3d(0, 0, 0); }
.BackTop { background: #999; width: 50px; height: 50px; margin-top: 10px; text-align: center; cursor: pointer }
.BackTop .iconfont { font-size: 2em; line-height: 50px; color: #fff; }
.BackTop:hover { background: #055c12; }
/*首页*/
.banner { width: auto; height: 600px; text-align: center; position: relative; margin-top: 120px; }
.rslides { width: 100%; height: 100%; position: relative; list-style: none; padding: 0 }
.rslides img { z-index: 1; display: block }
.rslides .txt { position: absolute;left:0; top:45%; left:10%; z-index: 1; width: 80%; height: 100%; padding:0; text-align: center;}
.rslides .txt h4 {width:100%;max-width: 1200px; text-align: center;font-size: 3.5rem; font-weight: bold; letter-spacing: 0.5rem; color: #fff; text-transform: uppercase ; margin: 0 auto;}
.rslides .txt.txt-en { padding:0}
.rslides .txt.txt-en h4 { font-size: 3rem; line-height: 1.5; letter-spacing: 0.1rem; }
.rslides_nav { width: 60px; height: 60px; border-radius: 50%; position: absolute; text-indent: -10em; overflow: hidden; top: 45%; opacity: 0 }
.rslides_nav.prev { background: url(images/superprev.png) center center no-repeat rgba(0,0,0,0.3); left: 2%; }
.rslides_nav.next { background: url(images/supernext.png) center center no-repeat rgba(0,0,0,0.3); right: 2% }
.banner:hover .rslides_nav { opacity: 1 }
.rslides_nav:hover { background-color: rgba(0,0,0,0.7) }
.rslides_tabs { position: absolute; left: 50%; margin-left: -45px; bottom: 10px; text-align: center; z-index: 9998; }
.rslides_tabs li { display: inline; float: none; margin-right: 5px }
.rslides_tabs a { width: 8px; height: 8px; background: #999; text-indent: -5em; display: inline; overflow: hidden; display: block; float: left; margin-left: 10px; border-radius: 50%; }
.rslides_tabs .rslides_here a { background: #055c12; width: 15px; height: 15px; margin-top: -3px }
.highlight { color: red }
.msgTable td { padding: 5px; font-size: 14px }
.msgTable input[type="text"], .msgTable textarea { border: 1px solid #ccc; padding: 3px; border-radius: 3px }
.ajaxMsg { color: #666 }
.ajaxMsg img { margin-top: -3px; }
.msgTable .submit { background: #ff6c00; color: #fff; border-radius: 3px; padding: 5px 10px; border: 0; cursor: pointer; }
#indAbout { background: url(images/indAbout.png) center top no-repeat fixed; padding: 30px 0; }
#indAbout .text { padding: 0 }
#indAbout .text p { color: #000; font-size: 1.15rem; text-align: center; line-height: 2; }
#indBox { width: 100%; margin: 0 auto; overflow: hidden; background: url(images/indBox.png) center center no-repeat; height: 500px; }
.indBox { }
.indBox h2 { font-size: 2rem; letter-spacing: 0.3rem; text-align: center; color: #fff; padding-top: 4rem; margin-bottom: 1rem; }
.indBox ul li { float: left; width: 19%; padding: 3%; text-align: center; }
.indBox ul li .icon { width: 90px; height: 90px; margin: 0 auto; }
.indBox ul li .icon img { max-width: 100%; max-height: 100%; }
.indBox ul li h3 { font-size: 1.4rem; letter-spacing: 0.2rem; line-height: 2; margin: 0.5rem 0; text-align: center; color: #fff; }
.indBox ul li p { font-size: 1rem; line-height: 2; text-align: center; color: #fff; }
.indBox.indBox-en ul li h3 { font-size: 1.4rem; letter-spacing: 0.1rem; line-height: 1.5; }
.indBox.indBox-en ul li p { font-size: 0.9rem; }
#indCase { padding: 30px 0; }
.picFocus { margin: 0 auto 20px auto; width: 1000px; position: relative; }
.picFocus .hd { width: 200px; float:right;}
.picFocus .hd ul {padding-left: 10px;}
.picFocus .hd ul li { padding: 0 0 5px 5px; float: left; text-align: center; position: relative}
.picFocus .hd ul li:before {content:"◆"; position: absolute; z-index: 1; display:block; font-size: 3rem;color:#fff; position: absolute; left:0; top:0; margin-left: -9px;}
.picFocus .hd ul li img { width: 187px; height: 124px; border: 2px solid #fff; cursor: pointer; margin-right: 5px; position: relative; z-index: 2}
.picFocus .hd ul li.on:before {color: #177324; top:40%;}
.picFocus .hd ul li.on img,.picFocus .hd ul li:hover img { border-color: #177324; }
.picFocus .bd { width: 800px;float:left; }
.picFocus .bd li { vertical-align: middle; }
.picFocus .bd img { width: 800px; height: 540px; display: block; }
.picFocus .bd li p {font-size: 1.2rem; text-align: center; line-height: 2; color:#333;}

.process table{width: 100%;}
.process table td{width: 33.33%; box-sizing: border-box; padding: 16px;}
.text .process table td img{margin: 0; width: 100%; height: 300px; object-fit: cover; border-radius: 8px;}
.text .process .t{font-size: 18px; color: #055c12;line-height: 1.5; margin-bottom: 12px;}
.text .process p{font-size: 14px; color: #333; line-height: 1.5;text-align:left}

.logo{background:url(images/hh-bamboo-logo.png) center center no-repeat; background-size: contain;}