@charset "UTF-8";*,*:after,*:before{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all}
html{font-size:14px}
body{color:#5a5a5a;font-size:1rem;overflow-x:hidden}
a{-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
a:active,a:hover{color:#72a43c}
img{width:auto;max-width:100%}
hr{margin-top:1.4rem;margin-bottom:1.4rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}
i{position:relative;top:2px}
.bgcolor{background:#f5f5f5}
.text-primary{color:#72a43c}
.bg-info{background:#eb7638}
.btn-info{color:#fff;background:#72a43c;border:1px solid #72a43c;border-radius:5px;padding:.7rem 1.5rem}
.btn-info:hover,.btn-info:focus{color:#fff;text-decoration:none;outline:0}
.btn i{top:0}
form{display:block;margin-top:0em}
.form-group{margin-bottom:1.5rem}
label{display:inline-block;margin-bottom:0.5rem}
.form-control{display:block;width:100%;padding:0.7rem 1.375rem;font-size:1rem;line-height:1;color:#666;background-color:#ffffff;background-clip:padding-box;border:1px solid #ced4da;border-radius:2px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
select.form-control:not([size]):not([multiple]){height:2.8rem}
select.form-control{min-width:6rem;padding:.4375rem 1rem;border:1px solid #d4d4d4;color:#666;border-radius:0}
.form-group .file-upload-default{visibility:hidden;position:absolute}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.input-group > .form-control:not(:last-child),.input-group > .custom-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.form-group .file-upload-info{background:transparent}
.input-group > .form-control,.input-group > .custom-select,.input-group > .custom-file{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}
.logo{height:55px;margin-top:1.4rem}
.logo img{height:100%;width:auto;margin-right:.5rem}
@media all and (max-width:1199px){.logo{height:3rem;margin-top:1.2rem}
}@media all and (max-width:541px){.logo{height:2.4rem;margin-top:.8rem}
}.navbar{height:6rem;position:relative;z-index:200}
.nav-toggle{right:2.5rem;position:absolute;top:0;display:inline-block;color:#72a239;line-height:5rem;font-size:1.7rem;height:5.5rem;text-align:center}
.mask-bg{position:fixed;width:100%;display:none;opacity:0;height:100%;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:899;top:0;left:0}
.mask-bg.active{display:block;opacity:1}
.nav > ul > li{float:left;margin:0;line-height:6rem;position:relative;text-align:center;margin-left:1px}
.nav > ul > li > ul{position:absolute}
.nav > ul > li > a{width:100%;display:inline-block;font-size:1.15rem;padding:0 2rem;position:relative;font-weight:bold}
.nav > ul > li.current > a,.nav > ul > li > a:hover{color:#72a43c}
.nav > ul > li:before,.nav > ul > li.current:before{content:'';width:0;height:4px;background:#72a43c;position:absolute;left:0;bottom:0}
.nav > ul > li:hover:before,.nav > ul > li.current:before{width:100%}
.nav li:hover > ul{display:block}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#5a5a5a;font-size:1rem;line-height:1.5;padding: 13px 10px;}
.nav ul li:nth-child(3) ul li a{font-size:.875rem}
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#72a43c}
.nav ul li{position:relative}
.nav ul li .arrow{display:none}
.nav > ul > li > ul li ul:before{display:block;margin:0px auto;text-align:center;position:absolute;top:18px;left:-8px;content:"";width:0;height:0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #fff}
.nav > ul > li > ul li ul:hover:before{border-left:5px solid #72a43c}
.nav ul li ul{background-color:#fff;display:none;position:absolute;left:0;z-index:2;width:100%}
.nav ul li ul li ul{left:100%;top:0px;display:none}
@media all and (max-width:1199px){.navbar{height:5.5rem;padding:0 1.5rem}
.nav{margin-right:-1rem}
.nav > ul > li > a{padding:0 1.5rem}
}@media all and (max-width:992px){.nav{position:fixed;z-index:900;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:70%}
.nav ul li{width:100%;height:auto;line-height:normal;text-align:left;position:relative}
.nav ul li ul{position:inherit}
.nav ul li a{padding-left:30px;display:block;font-size:1.05rem;line-height:3.5;border-bottom:1px solid #dcdcdc}
.nav ul li:before{display:none}
.nav ul li ul li ul{left:0}
.nav ul li ul li a{padding-left:3rem;font-size:1rem;text-align:left;background-color:#f5f5f5}
.nav ul li ul li ul li a{padding-left:4rem;background-color:#f9f9f9}
.nav ul li ul li ul li li a{padding-left:5rem}
.nav ul li ul li a:hover{background-color:#f5f5f5;color:#72a43c}
.nav ul li .arrow{display:inline-block;position:absolute;right:1rem;top:0px;width:50px;height:50px;line-height:50px;text-align:center}
.nav ul li .arrow:after{content:'';font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;content:"\f054";color:#ccc;font-size:1rem}
.nav ul li ul li .arrow{height:45px;line-height:45px}
.nav ul li.current > a{color:#72a43c}
.nav ul li ul,.nav li:hover > ul{display:none}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
}@media all and (max-width:541px){.navbar{height:4rem;padding:0 1.2rem}
.nav-toggle{line-height:4rem;height:4rem;font-size:1.4rem;right:2.2rem}
}.swiper-container{width:100%;height:750px}
.swiper-container .slidebg{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.swiper-pagination-bullet-active{background:#fff}
.swiper-container .slidebg h1{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,"sans-serif";font-weight:normal}
.swiper-container .slidebg i{color:#8ac149;font-size:1.2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:-.5rem}
.swiper-container .slidebg h2{margin:2rem 0 0 0;letter-spacing:2px}
.swiper-container .swiper-slide-active .font h1{-webkit-animation:fadeInUp 1s .8s ease both;animation:fadeInUp 1s .8s ease both}
.swiper-container .swiper-slide-active .font h2{-webkit-animation:fadeInUp 1s 1.5s ease both;animation:fadeInUp 1s 1.5s ease both}
@media all and (max-width:1199px){.swiper-container{height:450px}
.swiper-container .slidebg h1{font-size:2.5rem}
}@media all and (max-width:992px){.swiper-container{height:350px}
}@media all and (max-width:541px){.swiper-container{height:250px}
.swiper-button-prev:before,.swiper-container-rtl .swiper-button-next:before,.swiper-button-next:before,.swiper-container-rtl .swiper-button-prev:before{display:none}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.5rem}
.swiper-container .slidebg h1,.swiper-container .slidebg h2{font-size:1.5rem}
.swiper-container .slidebg h2{margin-top:1rem}
.swiper-container .slidebg i{font-size:.75rem;top:-.2rem}
}.heading{font-family:Calibri;margin-bottom:3rem}
@media all and (max-width:1199px){.heading{margin-bottom:2rem}
}@media all and (max-width:541px){.heading{margin-bottom:1.2rem}
.heading p{padding-top:2px}
}.Lmore{display:inline-block;width:12rem;height:3rem;background:#72a43c;text-align:center;line-height:3rem;margin:1.5em auto 0;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.Lmore:hover{background-color:#000}
.Lmore a{display:inline-block;width:100%;height:100%;color:#fff}
.Lmore:hover a{color:#fff}
@media all and (max-width:541px){.Lmore{width:10rem;height:2.5rem;line-height:2.5rem}
}.servicebox{position:relative;height:620px;overflow:hidden}
.servicebox .img{height:440px;overflow:hidden;position:relative}
.servicebox .img img{width:100%}
.servicebox:hover .img img,.casebox:hover .img img,.productbox.subcase .casebox:hover .img img{transform:scale(1.1)}
.servicebox .font{width:100%;background:#fff;height:180px;padding:1rem 2rem;text-align:center;position:absolute;bottom:0;z-index:10}
.servicebox .font::after{content:"";display:inline-block;width:1px;height:40px;position:absolute;left:50%;top:0;background:#ccc}
.servicebox .font h2{color:#ccc;margin:1.5rem 0 .2rem;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,"sans-serif"}
.servicebox .font p{width:50px;height:50px;opacity:0;color:#fff;line-height:40px;margin:0 auto;margin-top:2rem;font-size:2rem;border:2px solid #fff;border-radius:100%}
.servicebox:hover h2,.servicebox:hover h6{color:#fff;padding-top:.5rem}
.servicebox:hover .font{height:270px;background:#72a43c}
.servicebox:hover .font p{opacity:.7}
.service .col-lg-4:nth-child(2) .servicebox .font{top:0;bottom:inherit}
.service .col-lg-4:nth-child(2) .img{top:170px}
@media all and (max-width:992px){.servicebox{height:450px}
.servicebox .img{height:310}
.servicebox .font{height:140px}
.servicebox:hover .font{height:220px}
.service .col-lg-4:nth-child(2) .img{top:140px}
}@media all and (max-width:541px){.servicebox{height:360px}
.servicebox .img{height:220}
.servicebox .font{height:120px}
.servicebox:hover .font{height:175px}
.service .col-lg-4:nth-child(2) .img{top:120px}
.servicebox .font::after{height:20px}
.servicebox .font h2{margin-top:.5rem}
.servicebox:hover .font p{width:30px;height:30px;line-height:22px;font-size:1.5rem;margin-top:.5rem}
.service .col-xs-6{padding:0}
}.casebox{position:relative;overflow:hidden}
.casebox .font{position:absolute;padding:1.5rem;background:rgba(0,0,0,.8);color:#fff;width:100%;height:100%;left:0;top:-100%;opacity:0;display:flex;justify-content:center;align-items:Center;font-size:1.1rem}
.casebox:hover .font{opacity:1;top:0}
@media all and (max-width:992px){.casebox .font{font-size:1rem}
}@media all and (max-width:541px){.casebox .font{font-size:.913rem}
}.aboutbg{background:#f5f5f5 url(../images/bg.png) bottom center no-repeat;background-size:cover}
.about{width:90%;margin:0 auto}
@media all and (max-width:1199px){.about .font .padding-top-40{padding-top:10px}
.abouticon{padding-top:50px}
}@media all and (max-width:541px){.about{width:100%}
.about .font .padding-top-40{padding-top:0}
.abouticon{padding-top:30px}
.abouticon .col-xs-3{padding:0;margin-bottom:.5rem}
.abouticon img{height:3rem}
}.newsimg{max-height:700px;overflow:hidden}
.newsbox{max-width:720px}
@media all and (max-width:1681px){.newsbox{max-width:680px}
}.newsbox .newslist{margin-top:-1rem}
.newsbox ul{padding-top:2rem}
.newsbox li{clear:both;margin-bottom:1.5rem;position:relative;padding:1rem 0}
.newsbox li:before{content:'';width:0;height:100%;background:#72a43c;position:absolute;left:0;bottom:0;z-index:-1}
.newsbox li:hover:before{width:100%}
.newsbox .newstime{float:left;width:120px;height:65px;overflow:hidden;text-align:center;font-size:1.1rem;border-right:1px solid #dcdcdc;font-family:Calibri}
.newsbox .newstime p{font-size:1.6rem;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;padding-top:.6rem}
.newsbox .newsfont{margin-left:150px;line-height:1.7;padding-right:2rem}
.newsbox .newsfont p{height:2rem;overflow:hidden}
.newsbox li:hover .newstime,.newsbox li:hover h6,.newsbox li:hover p{color:#fff}
@media all and (max-width:1199px){.newspagebox{padding:0 !important}
.news .padding-left-50,.padding-top-50{padding:2rem 2.5rem 0 2.5rem}
.newsbox .newslist p:last-child{height:3rem;overflow:hidden}
.newsbox ul{padding-top:1rem}
.newsbox li{margin-bottom:0}
}@media all and (max-width:992px){.newsbox li{padding:.5rem 0}
.newsbox .newstime{width:60px;height:60px}
.newsbox .newstime p{font-size:1.4rem}
.newsbox .newsfont{margin-left:80px;line-height:1.4}
.newsbox .newsfont h6{font-size:1.2rem}
.newsbox .newslist p.padding-top-10.padding-bottom-10{padding:.2rem 0}
}@media all and (max-width:541px){.newsimg{height:240px}
.news .padding-left-50,.padding-top-50{padding:1rem 2.2rem}
.newsbox{max-width:100%;padding-bottom:1rem;display:inline-table}
.news .heading{text-align:center}
.newsbox .newslist{margin-top:-.5rem}
.newsbox .newstime p{font-size:1.2rem}
.newsbox .newsfont h6{font-size:1.1rem;line-height:1.4}
}@media all and (min-width:542px) and (max-width:767px){.newsimg{display:none}
.news .heading{text-align:center}
.newsbox{padding-bottom:2rem;display:inline-table}
}.enterprise{margin:0 -.7rem}
.enterprise ul li{float:left;width:20%;padding:.7rem}
.enterprise ul li .img{background:#fff;display:flex;justify-content:center;align-items:Center;height:120px;overflow:hidden}
.enterprise ul li .img img{max-height:85%}
@media all and (max-width:1199px){.enterprise ul li .img{height:80px}
.enterprise ul li{padding:0 .5rem 1rem}
}@media all and (max-width:541px){.enterprise ul li .img{height:65px}
.enterprise ul li{width:33.33%;padding:0 .5rem 1rem}
.enterprise ul li:last-child{display:none}
}.lift-nav{position:fixed;top:50%;margin-top:-75px;right:4rem;z-index:10}
.lift-nav li{text-align:right;position:relative;cursor:pointer;padding-right:1.5rem;margin:.3rem 0}
.lift-nav li:after,.lift-nav li.current:before{width:10px;height:10px;content:'';border-radius:100%;background:#aaaaaa;position:absolute;right:0;top:5px}
.lift-nav li span{font-size:.75rem;background:#72a43c;color:#fff;border-radius:15px;padding:.3rem .8rem;opacity:0}
.lift-nav li:hover span{opacity:1}
.lift-nav li.current:after{background:#72a43c}
.lift-nav li.current:before{background:rgba(140,190,75,.2);width:20px;height:20px;right:-5px;top:0px}
@media all and (max-width:1199px){.lift-nav{display:none}
}.footerbg{font-size:1.1rem;background:#232323;color:#fff}
.footer{width:100%;display:inline-table;padding:3.5rem 0}
.footer .code img{width:100px;margin-top:1rem}
.footer a{color:#fff}
.rights{background:rgba(0,0,0,.8)}
@media all and (max-width:1199px){.footer{padding:2rem}
.footer .code img{width:100px}
.footer .col-sm-4.padding-top-20{padding-top:10px}
}@media all and (max-width:992px){.footerbg{font-size:1rem}
.rights{padding:1rem 0}
.footer .code img{width:90px;margin-top:1.5rem}
}@media all and (max-width:541px){.footer .col-sm-4.padding-top-20{padding-top:0px}
.footer .col-sm-4{text-align:center}
.footer .col-sm-4 ul{padding-top:1rem}
.footer .col-sm-4:nth-child(2){border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:1rem;padding:0 10% 1rem}
.rights{text-align:center;padding:.5rem 1rem}
.rights .pull-right{display:none}
}.imgcenter{display:flex;align-items:center;justify-content:center}
.page-title{width:100%;height:400px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}
.page-title a{color:#fff}
.page-title-prod{height:600px}
.page-title > div{width:100%;height:100%}
.page-title .bg{width:100%;height:100%;background:rgba(0,0,0,.2);letter-spacing:2px}
.page-title h1{font-size:2.8rem}
.page-title h1::before{display:block;content:"";width:50px;height:4px;background:#fff;position:absolute;bottom:-1.2rem;left:50%;margin-left:-25px}
.page-title p{margin:2.5rem 0 0 0;font-size:1.5rem}
@media (max-width:1025px){.page-title{height:320px}
.page-title p{padding-left:1.5rem;padding-right:1.5rem;margin-top:1.5rem}
}@media (max-width:576px){.page-title{height:200px}
.page-title h1{font-size:1.4rem}
.page-title h1::before{height:2px;width:30px;margin-left:-15px;bottom:-.6rem}
.pagination > li{display:none}
.pagination > li:first-child,.pagination > li:last-child{display:inline-block}
}.subnews{max-width:inherit;margin:2rem 0 4rem}
.subnews ul li{height:auto;border-bottom:1px dashed #ccc;margin-bottom:0;padding:2rem 0}
.subnews ul li:hover{color:inherit}
.subnews ul li:before{display:none}
.subnews .newstime{width:90px;background:#79af3e;color:#fff;height:90px;padding-top:.5rem}
.subnews .newsfont{margin-left:120px;padding-right:0}
.subnews .newsfont p{height:56px}
.subnews li:hover .subnews,.subnews li:hover h6{color:inherit}
.subnews li:hover .newsfont p{color:#999}
.contact{margin-top:4rem;margin-bottom:4rem}
.contactbox{min-height:255px;padding:3rem 2rem;background:#fff;box-shadow:0px 15px 30px rgb(0 0 0 / 10%)}
.contactbox i{margin-bottom:2rem}
.aboutbox{font-size:1.1rem;line-height:245%}
.aboutbox p{margin-bottom:1rem}
.subcase{margin-top:4rem;margin-bottom:4rem}
.subcase .col-md-4{height:390px}
.subcase .casebox .img{overflow:hidden;height:270px}
.subcase .casebox:hover .img img{transform:scale(1)}
.subcase .casebox:hover{margin-top:-1.5rem}
.subcase .casebox .subfont{color:#333;height:auto;padding:0;text-align:center;padding:1.2rem;font-size:1.1rem;background:#f5f5f5}
.subcase .casebox:hover .subfont{background-color:#8ac149;color:#fff;padding:2rem 1.2rem}
.subcase .casebox .font h6{width:100%;display:table;float:left}
.subcase .casebox .subfont p.more{clear:both;width:22px;height:22px;color:#fff;line-height:18px;margin:0 auto;margin-top:1rem;font-size:1.2rem;background:#8ac149;border-radius:100%;text-align:center}
.subcase .casebox:hover .subfont p.more{background:#fff;color:#8ac149}
.subnav{background:#fff;height:80px;box-shadow:0px 2px 5px rgb(0 0 0 / 10%)}
.subnav01.sticky-on{width:100%;position:fixed;top:0;z-index:100}
.subnav ul{display:inline-block}
.subnav01 ul{width:100%}
.subnavTitle>div>ul>li>ul {display:none;}
.subnav ul > li{display:inline-block;height:80px;margin:0 1.5rem}
.subnav01 ul > li{width:25%;margin:0}
.subnav ul > li > a{line-height:80px;font-size:1.1rem;display:inline-block;position:relative;padding:0 3px}
.subnav ul > li.active > a{color:#8ac149;font-weight:bold}
.subnav ul > li a:after{content:"";display:inherit;width:0;height:2px;background:#72a43c;position:absolute;left:0;bottom:0}
.subnav ul > li a:hover:after,.subnav ul > li.active a:after{width:100%}
.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1.5rem 1rem;list-style:none;border-radius:0.25rem}
.detailsbox{padding:2.5rem 3rem;margin-bottom:3rem;background:#fff;border-radius:0.25rem !important}
.detailsbox i,.breadcrumb i{top:-1px;position:relative}
.detailsbox .content{line-height:220%;font-size:1.2rem}
.othernews ul li{line-height:2rem;padding:0.6rem 0;border-bottom:1px dashed #eee}
.othernews ul li span{float:right}
.product{display:block;margin:4rem 0}
.product .font-info{font-size:1.1rem;padding:0 8%;line-height:200%}
.product .prodclass{border:2px solid #E5E5E5;padding:1.5rem 2rem;margin-top:2rem;min-height:220px}
.product .prodclass:hover{border:2px solid #72a43c}
.product .prodclass a{color:#666}
.productbox.subcase{margin-bottom:2rem}
.productbox.subcase .col-md-4{height:auto}
.productbox.subcase .casebox{margin-bottom:2rem}
.productbox.subcase .casebox:hover .subfont{padding:1.2rem}
.productbox.subcase .casebox:hover{margin-top:0}
.productshow{width:75%;margin:2rem auto;text-align:center;}
@media all and (max-width:1199px){.subnews{margin:0 0 2rem 0}
.subnews ul li{padding:1.5rem 0}
.pagination{margin-bottom:2rem}
.contact{margin:2rem 0 !important}
.contactbox i{margin-bottom:1rem}
.subcase{margin:2rem 0 1rem 0}
.subcase .col-md-4{height:320px}
.subcase .casebox .img{height:200px}
.subcase .casebox:hover{margin-top:-1rem}
.subcase .casebox:hover .subfont{padding:1.6rem 1.2rem}
.subnav,.subnav ul > li,.subnav ul > li a{height:65px;line-height:65px}
.subnav ul > li{margin:0 1rem}
.subnav01 ul > li{margin:0;width:32%}
.detailsbox{margin-bottom:2rem}
.subnav01.sticky-on{position:inherit}
.product{margin:2rem 0}
.product h4{font-size:1.5rem;padding-bottom:10px}
.productbox.subcase{margin-bottom:1rem}
}@media all and (max-width:992px){.subnews .newstime{height:80px}
.subnews .newsfont p{line-height:180%}
}@media all and (max-width:541px){.subnews{margin:0 0 1rem 0}
.subnews .newstime{height:80px;width:70px;font-size:1rem}
.newsbox .newstime p{font-size:1.3rem}
.subnews .newsfont{margin-left:90px}
.contact{margin:2rem -10px !important}
.contactbox{min-height:inherit;margin-bottom:1.5rem}
.aboutimg{display:none}
.aboutbox{line-height:200%}
.aboutbox h6{padding-bottom:1rem}
.subcase{margin:1.5rem -5px 1rem}
.subcase .col-md-4{padding:0 10px}
.subcase .col-md-4{height:320px}
.subcase .casebox{margin-bottom:1.2rem}
.subcase .casebox .img{height:120px}
.subcase .casebox .subfont{font-size:.913rem;padding:1rem 1.2rem}
.subcase .casebox .subfont p.more{display:none}
.subcase .col-md-4{height:auto}
.subcase .casebox:hover{margin-top:0}
.subcase .casebox:hover .subfont{padding:1rem 1.2rem}
.subnav ul{display:flex;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:mandatory}
.subnav,.subnav ul > li,.subnav ul > li a{height:55px;line-height:55px}
.subnav .container.text-center{text-align:left}
.subnav ul > li{margin:0 1.5rem 0 .5rem;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}
.subnav01 ul > li{width:auto}
.subnav ul > li a{font-size:.913rem}
.breadcrumb{padding:1rem 0}
.breadcrumb > li{font-size:.875rem}
.detailsbox{margin:0 -15px 0 -15px;padding:1.5rem}
.detailsbox .content{line-height:200%;font-size:1.05rem}
.othernews ul li span{display:none}
.detailsbox h3{font-size:1.3rem}
.product{margin:2rem -8px 1rem}
.product .prodclass{min-height:inherit;padding:1.2rem 1.5rem;margin-top:1.2rem}
.product .font-info,.product p{font-size:.913rem;padding:0;line-height:180%}
.product h6{font-size:1.1rem;padding-bottom:5px}
.productbox.subcase .casebox{margin-bottom:1.5rem}
.productshow{width:100%;margin:1rem auto}
}.tabs-wrapper{display:table;width:100%;margin-top:3rem}
.tab-item{clear:both;overflow:hidden}
.tabs-container{float:left;position:relative;display:block;width:100%}
.tabs-wrapper .tab-content{padding:2rem 0;line-height:200%;overflow:hidden}
ul.tabs{height:60px;width:auto;border-bottom:1px solid #ccc;padding-left:0 !important;margin-bottom:0 !important}
ul.tabs li{float:left;padding-left:0 !important;overflow:hidden;padding-bottom:0;position:relative;text-align:center;outline:none}
ul.tabs li a{height:60px;line-height:60px;padding:0 3px;text-decoration:none;display:inline-block;outline:none;color:#333;font-size:1.3rem;font-weight:600;position:relative;border-bottom:2px solid transparent}
ul.tabs li.active{}
ul.tabs li.active a,ul.tabs li a:hover{color:#72a43c;border-bottom:2px solid #72a43c}
ul.tabs li.active{z-index:1}
@media all and (max-width:1199px){.tabs-wrapper{margin-top:1rem}
}@media all and (max-width:541px){ul.tabs li a{height:45px;line-height:45px;font-size:1.1rem}
ul.tabs{height:45px}
.nav-left3 ul li a{height:45px;line-height:45px;font-size:1.1rem}
.nav-left3 ul{height:45px}
.tabs-wrapper .tab-content{padding:1rem 0}
}@media all and (max-width:1199px){h2{font-size:2.5rem}
h3{font-size:2rem}
h6{font-size:1.3rem}
.pagebox{padding:2rem}
.casepagebox{padding-left:1rem;padding-right:1rem}
}@media all and (max-width:992px){h2{font-size:2rem}
h3{font-size:1.8rem}
h6{font-size:1.2rem}
}@media all and (max-width:541px){h2{font-size:1.6rem}
h3{font-size:1.4rem}
h6{font-size:1.1rem}
.pagebox{padding:1.2rem 1.2rem 1.8rem}
}

 
#cd-timeline{position:relative;padding:2em 0;margin:0 1rem}
#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#dadada}
@media only screen and (min-width:1170px){#cd-timeline::before{left:50%;margin-left:-2px}
}.cd-timeline-block{position:relative;margin:2em 0}
.cd-timeline-block:after{content:"";display:table;clear:both}
.cd-timeline-block:first-child{margin-top:0}
.cd-timeline-block:last-child{margin-bottom:0}
@media only screen and (min-width:1170px){.cd-timeline-block{margin:4em 0}
.cd-timeline-block:first-child{margin-top:0}
.cd-timeline-block:last-child{margin-bottom:0}
}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #ffffff,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}
.cd-timeline-img img{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}
.cd-timeline-img.cd-picture{background:#8ac149}
.cd-timeline-img.cd-movie{background:#c03b44}
.cd-timeline-img.cd-location{background:#acf192}
@media only screen and (min-width:1170px){.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}
.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 0.6s;-moz-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s}
}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5)}
60%{opacity:1;-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(0.5)}
60%{opacity:1;-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}
60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}.cd-timeline-content{position:relative;margin-left:60px;background:#ffffff;border-radius:0.25em;padding:1em;box-shadow:0px 0px 10px rgb(0 0 0 / 12%)}
.cd-timeline-content:after{content:"";display:table;clear:both}
.cd-timeline-content h2{color:#303e49}
.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:13px;font-size:0.8125rem}
.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{display:inline-block}
.cd-timeline-content p{margin:1em 0;line-height:1.6}
.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#ffffff;border-radius:0.25em}
.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#bac4cb}
.cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:.7}
.cd-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #ffffff}
@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:20px;font-size:1.15rem}
.cd-timeline-content p{font-size:16px;font-size:1rem}
.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:14px;font-size:0.875rem;padding-bottom:0}
}@media only screen and (min-width:1170px){.cd-timeline-content{margin-left:0;padding:1.6em;width:45%}
.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#ffffff}
.cd-timeline-content .cd-read-more{float:left}
.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem}
.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#ffffff}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:122%;text-align:right}
.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}
.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 0.6s;-moz-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s}
}@media only screen and (min-width:1170px){.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse 0.6s;-moz-animation:cd-bounce-2-inverse 0.6s;animation:cd-bounce-2-inverse 0.6s}
}@media only screen and (max-width:1199px){.cd-timeline-content.text-right{text-align:left}
}@media only screen and (max-width:541px){.cd-timeline-content h2{font-size:1rem}
.cd-timeline-content .cd-date{padding-bottom:0}
.cd-timeline-img img{width:18px;height:18px;margin-left:-9px;margin-top:-9px}
}


.nav-left3 ul{height:60px;width:auto;border-bottom:1px solid #ccc;padding-left:0 !important;margin-bottom:0 !important;text-align:center;}
.nav-left3 ul li{display: inline-block;padding-left:0 !important;overflow:hidden;padding-bottom:0;position:relative;text-align:center;outline:none}
.nav-left3 ul li a{height:60px;padding:0 5px;text-decoration:none;display:inline-block;outline:none;color:#333;font-weight:600;position:relative;border-bottom:2px solid transparent}
.nav-left3 ul li.active{}
.nav-left3 ul li.active a,.nav-left3 ul li a:hover{color:#72a43c;border-bottom:2px solid #72a43c}
.nav-left3 ul li.active{z-index:1}
.swiper-container .slidebg .slide-width{width:100%;}
.swiper-container .slidebg .slide-width h1{width:70%;margin:auto;}
.XqzwImg{display: inline-block;padding: 10px;width: 50%;}

@media(min-width:1000px){
.addaboutbox{padding-top:50px;}
.addpage-title .page-title{height: 600px;}
.nav-left3 ul li a{line-height:60px;font-size:1.3rem;}
.casebox img{height: 290px;width: 100%;}
.addhomes2 .Lmore{margin-top: 50px;}
}
@media(max-width:1000px){
.nav-left3 ul li a{line-height:1.4;font-size:0.6rem;}
}

.overflow-hidden{overflow:hidden;clear:both;}
.XqzwImg,.imgae-same-size img{cursor:pointer;}
.addh1 h1{margin-top: 2rem !important;
letter-spacing: 2px;
font-size: 3rem;
_font-size: 30px;
font-weight: bold !important;}
.addhomes2{text-align: center;}