@charset "UTF-8";

::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 4px;}
::-webkit-scrollbar-thumb{-webkit-border-radius: 4px;background: #ddd;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:hover{background: #ccc;}
::-webkit-scrollbar-thumb:active{background: #999;}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(255,0,0,0.4);}

.main-color{color:#339933}
.w1400{width:1400px;margin:auto}
.w1600{width:1600px;margin:auto}
@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg')}
.icon{font-family:"iconfont" !important;font-size:16px;color:#666;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.bg-f5{background:#f5f5f5}
.bg-f9{background:#f9f9f9}
.pt-108{padding-top:108px}
.box-border{box-sizing:border-box}
.font-60{font-size:3.75rem}
.font-36{font-size:2.25rem}
.font-32{font-size:2rem}
.font-30{font-size:1.875rem}
.font-24{font-size:1.5rem}
.font-20{font-size:1.25rem}
.font-48{font-size:3rem}
.font-18{font-size:1.125rem}
.font-16{font-size:1rem}
.font-14{font-size:14px}
.font-12{font-size:12px}
.color-3{color:#333}
.color-6{color:#666}
.color-9{color:#999}
.color-f{color:#fff}
.color-home{color:#339933}
.ho-img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:auto;min-height:auto;width:100%;height:100%;transform:none;transition:transform .5s ease;object-fit:cover;max-height:100%}
.swiper-pagination-bullet-active{background:#339933}
.flex-1{flex:1}
header{position:fixed;top:0;left:0;right:0;z-index:99;padding:0 4%}
header .head-nav{height:108px}
header .head-nav .logo{height:100%}
header .head-nav .logo img{max-height:80%}
header .head-nav .logo .a{display:block}
header .head-nav .logo .b{display:none}
header .head-nav .info .icon{font-size:16px;color:rgba(255,255,255,0.6)}
header .head-nav .info .search{width:100px;height:30px}
header .head-nav .info .search form{position:absolute;right:0;top:0;bottom:0;border-radius:16px;transition:.5s;border:1px rgba(255,255,255,0.9) solid}
header .head-nav .info .search form input{width:80px;transition:.5s;overflow:hidden}
header .head-nav .info .search form:hover{background:rgba(255,255,255,0.9)}
header .head-nav .info .search form:hover .icon{color:#fc8f1f}
header .head-nav .info .search form:hover input{width:160px;padding:0 10px}
header .head-nav .info .code{position:relative}
header .head-nav .info .code .icon{cursor:pointer}
header .head-nav .info .code img{position:absolute;left:-36px;right:-36px;width:90px;top:200%;display:none}
header .head-nav .info .code:hover .icon{color:#fc8f1f}
header .head-nav .info .code:hover img{display:block}
header .head-nav ul{height:100%}
header .head-nav ul>li{height:100%}
header .head-nav ul>li>a:hover{color:#fc8f1f}
header .head-nav ul>li.active>a{color:#fc8f1f}
header .menu .icon{font-size:24px}
header.active,header.page-active{background:#fff}
header.active .logo .b,header.page-active .logo .b{display:block}
header.active .logo .a,header.page-active .logo .a{display:none}
header.active ul>li>a,header.page-active ul>li>a{color:#333}
header.active .info .icon,header.page-active .info .icon{color:#999}
header.active .info .search form,header.page-active .info .search form{border:1px rgba(51,51,51,0.5) solid}
header.active .info .search form:hover,header.page-active .info .search form:hover{border-color:#f5f5f5;background:#f5f5f5}
header.active .info .code .icon,header.page-active .info .code .icon{color:#999}
@keyframes navtop{0%{top:120%}
100%{top:100%}}footer{background:#333333}
footer .contact{z-index:1;padding:28px 0;transform:translateY(-30px)}
footer .contact::before{content:'';position:absolute;left:0;top:0;bottom:0;width:92%;background:#339933;z-index:-1}
footer .contact ol li{padding:0 42px;border-left:1px rgba(255,255,255,0.3) solid}
footer .contact ol li:first-child{padding-left:0;border-left:none}
footer .contact ol li:last-child{padding-right:0}
footer .contact ol li p{color:rgba(255,255,255,0.5)}
footer .contact ol li h4{line-height:24px}
footer .contact .code{border-left:1px rgba(255,255,255,0.3) solid}
footer .contact .code img{width:100px}
footer ul li:last-child{margin-right:0}
footer ul li h3{position:relative;line-height:18px}
footer ul li a{display:block;color:rgba(255,255,255,0.8);line-height:30px}
footer ul li a:hover{color:#fff}
footer .links span{font-size:12px;color:rgba(255,255,255,0.4)}
footer .links a{font-size:12px;color:rgba(255,255,255,0.4);margin-right:20px}
footer .links a:hover{color:rgba(255,255,255,0.7)}
footer .code img{width:100px}
footer .copyright{border-top:1px rgba(255,255,255,0.2) solid}
footer .copyright p{color:rgba(255,255,255,0.5);font-size:14px}
footer .copyright a{color:rgba(255,255,255,0.5);font-size:14px;margin-left:10px}
footer .copyright a:hover{color:rgba(255,255,255,0.8)}
.foot-btn{position:fixed;bottom:0;left:0;right:0;background:#339933;z-index:9999}
.foot-btn a{height:50px;width:25%;border-left:1px rgba(255,255,255,0.2) solid;box-sizing:border-box;font-size:12px;color:#fff}
.foot-btn a .icon{color:#fff;font-size:18px;margin-bottom:2px}
.foot-btn a:first-child{border-left:none}
.menu-container-mask{position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s;z-index:9999}
.menu-container{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}
.top-menu-list{position:absolute;top:0;right:0;width:100%;height:100%;transition:.2s}
.top-menu-list.active{transform:translateX(-100%)}
.top-menu-list>li{height:48px;line-height:48px}
.top-menu-list>li li:first-child,.top-menu-list>li:first-child{height:45px}
.top-menu-list>li li:first-child>a,.top-menu-list>li:first-child>a{background-color:#f7f7f7;height:45px}
.top-menu-list>li a{height:100%;padding:0 32px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:14px}
.top-menu-list>li a span{color:#666;font-size:14px}
.top-menu-list>li a .icon{color:#666;font-size:14px}
.top-menu-list>li .title-name{height:100%;padding:0 32px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}
.top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;display:none}
.top-menu-list ul.active{display:block}
.common-pagination span{width:10px;height:10px;border:1px #f5f5f5 solid;background:none;opacity:1}
.common-pagination .swiper-pagination-bullet-active{background:#fc8f1f !important;border:1px #fc8f1f solid !important}
.home-link{border-bottom:1px #e5e5e5 solid}
.home-link ol li{width:33.333%;border-right:1px #e5e5e5 solid}
.home-link ol li:last-child{border-right:none}
.home-link ol li a{transition:.5s}
.home-link ol li a img{width:64px}
.home-link ol li a p{font-size:12px}
.home-link ol li a:hover{transform:translateY(-10px)}
.home-about{position:relative}
.home-about .about-font{position:absolute;left:0;top:0;right:0;font-size:480px;line-height:460px;font-weight:bold;text-align:center;color:rgba(51,153,51,0.1);background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(51,153,51,0.05)), to(rgba(51,153,51,0)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-about .content{display:flex;flex-direction:column;align-items:center}
.home-about .content .desc{width:60%;line-height:26px}
.home-about .content ul{width:50%}
.home-about .content ul li h3{color:#fc8f1f}
.home-about a{height:44px;border-radius:22px;width:230px;background:#339933;transition:.5s}
.home-about a .icon{transition:.5s}
.home-about a:hover span{color:rgba(255,255,255,0.7)}
.home-about a:hover .icon{transform:translateX(10px)}
.ho-why{position:relative;line-height:16px}
.ho-why::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#339933}
.home-catname{background:url(../images/case-bg.jpg);background-size:cover;padding:180px 0}
.home-catname ol li{width:25%}
.home-catname ol li a{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}
.home-catname ol li a::before{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0))}
.home-catname ol li a h5{color:rgba(255,255,255,0.1)}
.home-catname ol li a img{transition:.5s}
.home-catname ol li a span{width:108px;height:30px;border-radius:15px;background:#339933;opacity:0;transition:.5s}
.home-catname ol li a:hover img{transform:translateY(-10px)}
.home-catname ol li a:hover span{opacity:1;animation:owidth .5s forwards}
.home-catname ol li:last-child a::before{content:none}
@keyframes owidth{0%{width:0}
100%{width:108px}}.case-list ul li a .img{height:388px;position:relative;overflow:hidden}
.case-list ul li a .text{position:absolute;left:4%;right:4%;bottom:0;height:90px;border-radius:10px}
.case-list ul li a .text span{border-left:1px #999 solid;line-height:14px}
.case-list ul li a .text span:first-child{border-left:none}
.case-list ul li a .text .icon{transition:.5s}
.case-list ul li a:hover img{transform:scale(1.1)}
.case-list ul li a:hover h3{color:#fc8f1f}
.case-list ul li a:hover .icon{transform:translateX(5px);color:#fc8f1f}
.home-case ol li a{position:relative;display:block}
.home-case ol li a::before{content:'';position:absolute;left:50%;right:50%;bottom:0;overflow:hidden;height:1px;background:#fc8f1f;transition:.5s}
.home-case ol li a:hover{color:#fc8f1f}
.home-case ol li a:hover::before{left:0;right:0}
.home-case .case-container{overflow:inherit}
.home-case .case-container ul li a::before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(255,255,255,0.8);z-index:1}
.home-case .case-container ul li.swiper-slide-next a::before,.home-case .case-container ul li.swiper-slide-active a::before{content:none}
.home-case .case-pagination span{width:10px;height:10px;margin:0 4px;border-color:#cbcbcb}
.home-case .case-pagination .swiper-pagination-bullet-active{border-color:#fc8f1f}
.home-case .common-btn div{position:absolute;top:40%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px #cbcbcb solid;z-index:2}
.home-case .common-btn div:hover{background:#fc8f1f;border-color:#fc8f1f}
.home-case .common-btn div:hover .icon{color:#fff}
.home-case .common-btn .prev{left:-100px}
.home-case .common-btn .next{right:-100px}
.home-designer .img{padding-bottom:100px;z-index:1}
.home-designer .img::before{content:'';position:absolute;left:30%;top:10%;right:8%;bottom:0;background:#f5f5f5;z-index:-1}
.home-designer .img img{width:80%}
.home-designer .text p{line-height:24px}
.home-designer .link a{width:150px;height:42px;display:flex;justify-content:center;align-items:center;border-radius:20px;background:#339933}
.home-designer .link a:last-child{background:#fc8f1f}
.home-designer .link a:hover{color:rgba(255,255,255,0.8)}
.home-adv{background:#f5f5f5}
.home-adv .font-sha{height:20px;position:relative}
.home-adv .font-sha h2{position:absolute;left:0;font-size:130px;line-height:100px;color:#f5f5f5;text-shadow:1px 1px #c4c4c4,-1px -1px #c4c4c4,1px -1px #c4c4c4,-1px 1px #c4c4c4}
.home-adv .adv-container .content{height:680px}
.home-adv .adv-container .content::before{content:'';position:absolute;left:0;bottom:0;top:24%;width:50%;background:#339933;z-index:1}
.home-adv .adv-container .content .img{position:absolute;right:0;top:0;height:90%;width:70%;overflow:hidden}
.home-adv .adv-container .content .text{position:absolute;left:0;right:0;display:flex;top:32%;z-index:2}
.home-adv .adv-container .content .text .desc{width:40%}
.home-adv .adv-container .content .text .desc h3{font-size:72px;line-height:30px;color:rgba(255,255,255,0.2);background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-adv .adv-container .content .text .desc p{line-height:30px}
.home-adv .adv-container .cutover{position:absolute;left:0;right:0;bottom:8%;z-index:2}
.home-adv .adv-container .cutover ul{width:34%;border-top:1px rgba(255,255,255,0.4) solid}
.home-adv .adv-container .cutover ul li{width:25%;position:relative;cursor:pointer}
.home-adv .adv-container .cutover ul li::before{content:'';position:absolute;left:30px;top:-5px;width:10px;height:10px;border:2px #fc8f1f solid;border-radius:50%;background:#339933;opacity:0}
.home-adv .adv-container .cutover ul li.active h4{color:#fc8f1f}
.home-adv .adv-container .cutover ul li.active::before{opacity:1}
.home-news ol li a{border-radius:16px}
.home-news ol li a:hover{color:#fff;background:#fc8f1f}
.home-news .common-pagination span{border-color:#cbcbcb}
.news-list ul li a{position:relative}
.news-list ul li a::before{content:'';position:absolute;left:50%;right:50%;bottom:0;height:1px;background:#fc8f1f;transition:.5s;overflow:hidden}
.news-list ul li a .img{height:260px;position:relative;overflow:hidden}
.news-list ul li a .text{border-bottom:1px #e5e5e5 solid}
.news-list ul li a .text h4{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}
.news-list ul li a .text p{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden}
.news-list ul li a .text span{font-size:12px}
.news-list ul li a:hover::before{left:0;right:0}
.news-list ul li a:hover img{transform:scale(1.1)}
.news-list ul li a:hover h4{color:#fc8f1f}
.navbar-nav-more-body{position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}
.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}
.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}
.navbar-nav-more-body .offcanvas-body{position:relative}
.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}
.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding:0}
.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}
.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}
.navbar-nav-more-body .top-menu-list>li li:first-child,.navbar-nav-more-body .top-menu-list>li:first-child{height:2.8rem}
.navbar-nav-more-body .top-menu-list>li li:first-child>a,.navbar-nav-more-body .top-menu-list>li:first-child>a{background-color:#f7f7f7;height:2.8rem}
.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}
.navbar-nav-more-body .top-menu-list>li a:hover{color:#339933}
.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}
.navbar-nav-more-body .top-menu-list ul.active{display:block}
.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}
.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}
.position{height:50px}
.position .content{height:100%}
.position .category ul li a{display:flex;align-items:center;height:50px;padding:0 24px}
.position .category ul li:hover,.position .category ul li.active{background:#339933}
.position .category ul li:hover a,.position .category ul li.active a{color:#fff}
.breadcrumb{margin-bottom:0rem;font-size:14px;color:#339933}
.breadcrumb-item+.breadcrumb-item::before{content:var(--bs-breadcrumb-divider, ">")}
.breadcrumb-item{display:flex;align-items:center}
.breadcrumb-item a{color:#666;font-size:14px}
.breadcrumb-item a:hover{color:#fc8f1f !important}
.pagination-box{text-align:center;line-height:32px;color:#595959}
.pagination-box select{margin:0 8px}
.pagination-box a,.pagination-box span{display:inline-block;height:32px;line-height:30px;border:1px solid #e2e2e2;border-radius:2px;text-align:center;margin-right:8px;cursor:pointer;vertical-align:top;color:#666}
.pagination-box a:last-child,.pagination-box span:last-child{margin-right:0}
.pagination-box a.active,.pagination-box span.active,.pagination-box a.current,.pagination-box span.current,.pagination-box a:hover,.pagination-box span:hover{background-color:#339933;border-color:#339933;color:#fff !important}
.pagination-box select{height:32px;border:1px solid #e2e2e2;box-sizing:border-box}
.pagination-box .prev_disabled,.pagination-box .next_disabled{background-color:transparent !important;border-color:#e2e2e2 !important;color:#e2e2e2 !important;cursor:no-drop}
.pagination-box .prev_disabled:hover,.pagination-box .next_disabled:hover{color:#e2e2e2 !important}
.pagination-box .page_num{border:none}
.pagination-box .prev::before,.pagination-box .prev_disabled::before{content:'<'}
.pagination-box .next::before,.pagination-box .next_disabled::before{content:'>'}
.product-list ul li .item{position:relative;transition:.5s}
.product-list ul li .item .img{height:300px;display:flex;justify-content:center;align-items:center}
.product-list ul li .item .img img{max-width:98%;max-height:98%}
.product-list ul li .item:hover{z-index:2;-webkit-box-shadow:0 0 20px rgba(252,143,31,0.3);box-shadow:0 0 20px rgba(252,143,31,0.3);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.product-list ul li .item:hover h4{color:#fc8f1f}
.product-page .content .page-container .img{height:580px;display:flex;justify-content:center;align-items:center}
.product-page .content .page-container .img img{max-width:96%;max-height:96%}
.product-page .content .desc h2{border-bottom:1px #dddddd solid}
.product-page .content .desc .con{color:#393b3e;line-height:30px}
.product-page .content .desc .info .icon{color:#333;font-size:30px}
.product-page .content .desc .info a{width:200px;height:50px;border-radius:4px;border:1px #339933 solid;background-color:#339933;color:#fff}
.product-page .content .desc .info a .icon{font-size:24px;color:#fff}
.product-page .content .desc .info a:hover{color:rgba(255,255,255,0.7)}
.product-page .content .desc .info a:hover .icon{color:rgba(255,255,255,0.7)}
.product-page .content1 h3{border-bottom:1px #339933 solid}
.product-page .content1 .details{line-height:24px}
.product-page .content1 .details img{max-width:100%}
.culture-list ul li .img{width:50%}
.culture-list ul li .text{width:50%;display:flex;align-items:center}
.culture-list ul li:nth-child(even){flex-direction:row-reverse}
.course-list ul{clear:both;overflow:hidden;position:relative}
.course-list ul::before{content:'';position:absolute;left:50%;right:50%;top:0;width:1px;height:100%;background:#cecece}
.course-list ul li{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.course-list ul li:nth-child(2n){flex-direction:row;margin-top:6rem}
.course-list ul li:nth-child(2n) span{margin-left:0;margin-right:.34rem}
.course-list ul li:nth-child(2n) h2{width:100%;text-align:left}
.course-list ul li:nth-child(2n) p{text-align:left}
.course-list ul li span{width:2rem;height:1px;background:#cecece;margin-left:.34rem}
.course-list ul li>div{border:1px #cecece solid;box-sizing:border-box;flex:1;position:relative;overflow:hidden;min-height:4rem;display:flex;flex-direction:column;justify-content:center;background:#fff}
.course-list ul li>div div{position:relative;font-size:1rem;line-height:2rem}
.course-list ul li>div p{color:#666;text-align:right;position:relative;z-index:10}
.course-list ul li h2{color:#339933;position:relative;margin-left:auto;text-align:right;width:100%;margin-bottom:1rem}
.honor-list ul li .item .img{height:360px;display:flex;justify-content:center;align-items:center;transition:.5s}
.honor-list ul li .item .img img{max-width:92%;max-height:92%}
.honor-list ul li .item:hover .img{z-index:2;-webkit-box-shadow:0 0 20px rgba(252,143,31,0.3);box-shadow:0 0 20px rgba(252,143,31,0.3);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.honor-list ul li .item:hover h4{color:#fc8f1f}
.style-list ul li .item .img{height:320px;position:relative;overflow:hidden}
.style-list ul li .item:hover img{transform:scale(1.1)}
.style-list ul li .item:hover h4{color:#fc8f1f}
.news-detail .content{line-height:24px;min-height:200px;padding: 1rem 0;}
.news-detail .content img{max-width:980px;width:100%;display:block;margin:auto;margin-bottom: 5px;filter: brightness(110%);}
.news-detail .news-detail-footer{border-top:1px #f5f5f5 solid}
.news-detail .news-detail-footer a{font-size:14px;color:#333}
.news-detail .news-detail-footer a:hover{color:#339933}
.news-detail .related ul li .img{overflow:hidden}
.news-detail .related ul li .img img{transition:.5s}
.news-detail .related ul li a:hover img{transform:scale(1.1)}
.news-detail .related ul li a:hover h4{color:#fc8f1f}
.news-detail .related ul li h4{background: #005e46; text-align: center; padding: 5px; font-weight: bold; color: #fff; margin-top: 0px!important;}
.news-detail .new ol li .img{width:36%;overflow:hidden}
.news-detail .new ol li .img img{transition:.5s}
.news-detail .new ol li a:hover img{transform:scale(1.1)}
.news-detail .new ol li a:hover h4{color:#fc8f1f}
.contact-page .content1 .info{border-bottom:#ddd 1px solid}
.contact-page .content1 .info a{width:150px;height:36px;display:flex;justify-content:center;align-items:center;border:1px #333 solid}
.contact-page .content1 .info a:hover{background:#339933;color:#fff;border-color:#339933}
.contact-page .content1 #map{height:600px;width:100%}
.message form .item{display:flex;background:#fff;position:relative}
.message form .item input{flex:1;height:60px;width:100%;font-size:14px;color:#999;padding:0 6px;box-sizing:border-box}
.message form .item .icon{height:60px;display:flex;align-items:center;font-size:18px;color:#999}
.message form .error span{position:absolute;top:100%;left:0;font-size:12px;color:red}
.message form textarea{width:100%;height:160px;border:none;padding:1rem 6px;box-sizing:border-box;font-size:14px;color:#999;resize:none}
.message form .btn-1{display:flex;width:520px;justify-content:center;align-items:center;height:60px;margin:auto;background:#339933;font-size:18px;color:#fff}
.message form .btn-1:hover{color:rgba(255,255,255,0.7)}
.case-page .carousel{position:fixed;width:68%;top:0;left:0;bottom:0;background:#212121;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 110px}
.case-page .carousel .page-container{width:100%;height:72%}
.case-page .carousel .page-container .img{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.case-page .carousel .page-container .img img{max-width:100%;max-height:100%}
.case-page .carousel .carousel-bto{width:100%}
.case-page .carousel .carousel-bto .case-btn{width:112px;display:flex;z-index:1}
.case-page .carousel .carousel-bto .case-btn div{width:50%;height:50px;display:flex;justify-content:center;align-items:center}
.case-page .carousel .carousel-bto .case-btn div.next{background:#fff}
.case-page .carousel .carousel-bto .case-btn div.next .icon{color:#339933;transition:.5s}
.case-page .carousel .carousel-bto .case-btn div.next:hover .icon{transform:translateX(10px)}
.case-page .carousel .carousel-bto .case-btn div.prev{background:#339933}
.case-page .carousel .carousel-bto .case-btn div.prev .icon{color:#fff;transition:.5s}
.case-page .carousel .carousel-bto .case-btn div.prev:hover .icon{transform:translateX(-10px)}
.case-page .carousel .case-pagination{z-index:10;color:rgba(255,255,255,0.3);font-size:24px}
.case-page .carousel .case-pagination .swiper-pagination-current{font-size:52px;color:#fff}
.case-page .text{width:32%}
.case-page .text .content .info p{line-height:28px}
.case-page .text .content .details{border-top:2px #339933 solid;line-height:28px}
.case-page .text .content .details img{max-width:100%}
.case-page .text .back{position:fixed;right:0;bottom:10%;width:182px;height:42px;background:#339933;z-index:2}
.case-page .text .back .icon{transition:.5s}
.case-page .text .back:hover{color:rgba(255,255,255,0.7)}
.case-page .text .back:hover .icon{transform:translateX(10px)}
.about-page .content{line-height:24px}
.about-page .content img{max-width:100%}
.about-page .content h2{font-size: 1.6rem; text-align: center; padding: 1rem 0 2rem 0;}
.pointer{width: 70px; height: 30px; margin-top: 15px; cursor: pointer;}
/* -- lift -- */
.lift{color: #999; font-size: 14px;border: 1px solid #ddd;border-radius: 5px;padding: 5px 10px;width:97%;margin: 0 auto;margin-top: 35px;}
.lift a{color: #999;padding:5px 0;display: inline-block;}
.lift span{margin-right: 15px;}
.clear{clear:both;}
/* -- pager --*/
.pager{text-align:center;padding-top: 20px;color: #666;font-size: 14px;}
.pager a{color: #666;text-decoration: underline;}
/* -- pager class two --*/
.pager ul{display: inline-block;/*display: inline;border-left: 1px solid #dddddd;*/}
.pager ul li{display: inline;}
.pager ul li a, .pager ul li em{float: left;padding: 0 14px;line-height: 30px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;/*border-left-width: 0;*/}
.pager ul li a:hover{background-color: #f5f5f5;}
.pager ul li.active a{background-color: #f5f5f5;color: #999999;cursor: default;}
.pager ul li em.total{margin-left: 10px;border-left-width: 1px;color: #999;}

.link{position: relative; bottom: 50px; width: 100%; max-width: 1400px; margin: 0 auto; font-size: 14px; border-bottom: 1px solid #ddd; text-align: left;padding: 5px 0;}
.link a{color:#000;}