@charset "UTF-8";

::-webkit-input-placeholder { color: #ccc; }



.public-header .public-logo { float: left; position: relative; width: 220px; line-height: 100px; }

.public-header .public-logo img { max-width: 100%; }

.public-header .public-nav { margin-top: 32px; margin-left: 50px; float: left; }

.public-header .public-nav li { float: left; margin-right: 30px; }

.public-header .public-nav a { padding: 8px 10px; font-size: 16px; }

.public-header .public-nav a:hover, .public-header .public-nav a.on { color: #69b92f; border-bottom: 1px solid #69b92f; }

.public-header .search-container { margin-right: 10px; float: right; position: relative; width: 25px; height: 100px; line-height: 100px; }

.public-header .search-container .search { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; width: 25px; height: 25px; background: url(../images/icon/search.png) no-repeat; cursor: pointer; }

.public-header .search-container input { padding: 0 12px; margin-right: 5px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 25px; border: 1px solid #ff8b24; border-radius: 25px; display: none; }

.public-header .public-phone { float: right; padding-left: 35px; line-height: 100px; font-size: 20px; color: #69b92f; background: url(../images/icon/top_tel.png) no-repeat left center; }



.public-banner img { max-width: 100%; }



.index-scroll { height: 50px; line-height: 50px; background: #f6f6f6; }



.index-scroll-container span { float: left; padding-left: 36px; font-size: 18px; color: #69b92f; background: url(../images/icon/notice.png) no-repeat left center; }

.index-scroll-container .index-news-more { float: right; font-size: 16px; color: #999; }

.index-scroll-container .index-news-more:hover { color: #69b92f; }

.index-scroll-container .scroll-container { margin-top: 10px; float: left; padding-right: 140px; height: 30px; overflow: hidden; }

.index-scroll-container .scroll-list li { line-height: 30px; }

.index-scroll-container .scroll-list a { margin-left: 25px; line-height: 30px; }

.index-scroll-container .scroll-list a:hover { color: #69b92f; }



@keyframes imgMove { 0% { transform: translateX(-700px); -o-transform: translateX(-700px); -ms-transform: translateX(-700px); -moz-transform: translateX(-700px); -webkit-transform: translateX(-700px); }

  100% { transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); } }

@keyframes txtmove { 0% { transform: translateX(500px); opacity: 0; }

  100% { transform: translateX(0); opacity: 1; } }

@keyframes alink { 0% { transform: translateY(100px); }

  100% { transform: translateY(0); } }

.index-container { padding: 48px 0; }

.index-container .left-img { float: left; position: relative; width: 600px; height: 440px; overflow: hidden; }

.index-container .left-img img { transform: translateX(-700px); -o-transform: translateX(-700px); -ms-transform: translateX(-700px); -moz-transform: translateX(-700px); -webkit-transform: translateX(-700px); animation: imgMove 2s forwards; -o-animation: imgMove 2s forwards; -moz-animation: imgMove 2s forwards; -webkit-animation: imgMove 2s forwards; max-width: 100%; }

.index-container .right-text { position: relative; float: left; padding-bottom: 50px; margin-left: 60px; width: 540px; height: 440px; overflow: hidden; }

.index-container .right-text h4 { font-size: 50px; color: #559c36; font-weight: bold; transform: translateX(500px); -o-transform: translateX(500px); -ms-transform: translateX(500px); -moz-transform: translateX(500px); -webkit-transform: translateX(500px); opacity: 0; animation: txtmove .6s linear forwards; }

.index-container .right-text h4::after { content: ""; margin-top: 4px; display: block; width: 50px; height: 2px; background: #559c36; }

.index-container .right-text h3 { margin-top: 6px; font-size: 32px; color: #464646; transform: translateX(500px); -o-transform: translateX(500px); -ms-transform: translateX(500px); -moz-transform: translateX(500px); -webkit-transform: translateX(500px); opacity: 0; animation: txtmove .6s linear .7s forwards; }

.index-container .right-text p { transform: translateX(500px); -o-transform: translateX(500px); -ms-transform: translateX(500px); -moz-transform: translateX(500px); -webkit-transform: translateX(500px); opacity: 0; animation: txtmove .6s linear 1.2s forwards; margin-top: 25px; font-size: 16px; line-height: 30px; color: #666; text-align: justify; }

.index-container .right-text a { position: absolute; bottom: 0; left: 0; padding: 10px 80px; color: #fff; background: #559c36; transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); animation: alink .6s linear 1.5s forwards; -o-animation: alink .6s linear 1.5s forwards; -moz-animation: alink .6s linear 1.5s forwards; -webkit-animation: alink .6s linear 1.5s forwards; }

.index-container .right-text a:hover { background: #fff; color: #559c36; border: 1px solid #559c36; }



.index-bottom { margin-top: 50px; }

.index-bottom .bottom-left { float: left; width: 580px; height: 320px; }

.index-bottom .bottom-left .swiper-slide { position: relative; width: 580px; height: 320px; overflow: hidden; }

.index-bottom .bottom-left .swiper-slide img { max-width: 100%; }

.index-bottom .bottom-left .swiper-slide .filter-text { position: absolute; bottom: 0; padding-left: 20px; width: 100%; line-height: 50px; font-size: 18px; color: #fff; background: rgba(0, 0, 0, 0.4); transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -webkit-transform: translateY(50px); transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }

.index-bottom .bottom-left .swiper-slide:hover .filter-text { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }

.index-bottom .bottom-left .swiper-button-prev, .index-bottom .bottom-left .swiper-button-next { top: 40%; width: 24px; height: 43px; }

.index-bottom .bottom-left .swiper-button-prev { background: url(../images/icon/l.png) no-repeat; }

.index-bottom .bottom-left .swiper-button-next { background: url(../images/icon/r.png) no-repeat; }

.index-bottom .bottom-right { float: right; width: 580px; height: 320px; }

.index-bottom .bottom-right video { width: 100%; }



.public-footer { background: url(../images/bg01.jpg) no-repeat 100% 100%; }

.public-footer .footer-container { height: 302px; }

.public-footer p, .public-footer a { color: #343434; }

.public-footer .footer-left, .public-footer .footer-center, .public-footer .footer-right { float: left; }

.public-footer .footer-left { width: 338px; line-height: 302px; }

.public-footer .footer-center { padding-top: 62px; width: 582px; height: 100%; text-align: center; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }

.public-footer .footer-center p { margin-top: 24px; }

.public-footer .footer-right { padding-top: 88px; width: 280px; text-align: center; }

.public-footer .footer-right p { margin-top: 10px; }

.public-footer .footer-nav { border-top: 1px solid #e1e1e1; line-height: 80px; text-align: center; }

.public-footer .footer-nav li { display: inline-block; }

.public-footer .footer-nav li::after { content: "/"; display: inline-block; margin: 0 22px; color: #6d6d6d; }

.public-footer .footer-nav li:last-child::after { content: ""; }

.public-footer .footer-nav a { font-size: 16px; color: #6d6d6d; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }

.public-footer .footer-nav a:hover { color: #559c36; transform: translateY(4px); -o-transform: translateY(4px); -ms-transform: translateY(4px); -moz-transform: translateY(4px); -webkit-transform: translateY(4px); }



/* 关于我们 */

.public-local { margin-bottom: 10px; line-height: 50px; text-align: right; font-size: 12px; color: #51a712; }

.public-local a, .public-local span { color: #666; }

.public-local a:hover { color: #51a712; }



.public-content { padding-bottom: 45px; }



.public-content-left { float: left; }

.public-content-left .aside-nav { width: 242px; }

.public-content-left .aside-nav .aside-nav-header { margin-bottom: 28px; }

.public-content-left .aside-nav .aside-nav-header h2 { font-size: 32px; color: #343434; }

.public-content-left .aside-nav .aside-nav-header h3 { font-size: 16px; color: #666; }

.public-content-left .aside-nav-list { margin-bottom: 20px; background: #f7f7f7; }

.public-content-left .aside-nav-list .aside-nav-text > a { display: block; padding-left: 26px; padding-right: 28px; font-size: 16px; line-height: 46px; background: url(../images/icon/r1a.png) no-repeat right 18px center; }

.public-content-left .aside-nav-list .aside-nav-text > a:hover, .public-content-left .aside-nav-list .aside-nav-text > a.act { color: #fff; border-bottom: 1px solid #dedede; background: #69b92f url(../images/icon/r1.png) no-repeat right 18px center; }

.public-content-left .aside-nav-list .aside-nav-text.on { border-bottom: 1px solid #dedede; }

.public-content-left .aside-nav-list .aside-nav-text.on > a { color: #fff; background: #69b92f url(../images/icon/ract.png) no-repeat right 18px center; }

.public-content-left .aside-nav-list .sub-aside-nav a { display: block; padding-left: 44px; font-size: 14px; line-height: 40px; color: #666; }

.public-content-left .aside-nav-list .sub-aside-nav a.on{color: #fff; background: #69b92f}

.public-content-left .aside-nav-list .sub-aside-nav a:hover { color: #fff; background: #69b92f; }

.public-content-left .aside-adv { position: relative; margin-bottom: 2px; height: 124px; border: 1px solid #ececec; }

.public-content-left .aside-adv img { max-width: 100%; }

.public-content-left .aside-tel { padding-left: 24px; padding-top: 35px; }

.public-content-left .aside-tel p:nth-child(1) { font-size: 16px; }

.public-content-left .aside-tel p:nth-child(2) { font-size: 24px; font-weight: bold; }



.public-content-right { float: right; width: 910px; }

.public-content-right .right-header { padding-top: 5px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; }

.public-content-right .right-header h3 { color: #69b92f; font-size: 24px; }

.public-content-right .right-content { padding-top: 25px; }

.public-content-right .right-content p { color: #444; line-height: 30px; text-align: justify; text-indent: 2em; }

.public-content-right .right-content div { margin: 30px 0; text-align: center; }

.public-content-right .right-content div img { max-width: 100%; }



/* 产品中心 */

.public-right-content { padding-top: 35px; min-height: 420px; }



.product-container { width: 930px; padding: 0 18px; }

.product-container .product-item { float: left; margin-right: 22px; margin-bottom: 22px; width: 275px; height: 302px; border: 1px solid #f3f3f3; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }

.product-container .product-item:hover { box-shadow: 0 0 6px #ddd; }

.product-container .product-item a { display: block; }

.product-container .product-item dt { position: relative; height: 235px; }

.product-container .product-item dt img { max-width: 100%; }

.product-container .product-item dd { padding-top: 25px; text-align: center; color: #666; }



.public-page { padding-top: 15px; color: #666; text-align: center; }

.public-page a { margin: 0 5px; padding: 0 15px; color: #666; line-height: 34px; background: #eee; border-radius: 4px; }

.public-page a:hover, .public-page a.on { color: #fff; background: #69b92f; }

.public-page select { height: 34px; width: 50px; border: 5px solid #eee; border-radius: 4px; }



/* 合作伙伴 */

.partners-list { padding: 0 18px; width: 960px; }

.partners-list li { position: relative; float: left; margin: 0 45px 30px 0; width: 260px; height: 180px; border: 1px solid #e3e3e3; overflow: hidden; }

.partners-list li img { max-width: 100%; }



/* 新闻中心 */

.news-list .news-item { padding: 25px; border-bottom: 1px solid #e0e0e0; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }

.news-list .news-item:hover { background: #f6f6f6; }

.news-list .news-item:hover h3 { color: #69b92f; }

.news-list .news-item a { display: block; }

.news-list .news-item dt { position: relative; float: left; width: 248px; height: 180px; overflow: hidden; }

.news-list .news-item dt img { max-width: 100%; }

.news-list .news-item dd { float: left; padding: 18px 0 0 30px; width: 550px; }

.news-list .news-item dd h3 { font-size: 18px; color: #363636; font-weight: bold; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }

.news-list .news-item dd h4 { margin: 10px 0; font-size: 12px; color: #878686; }

.news-list .news-item dd p { max-height: 96px; overflow: hidden; line-height: 24px; text-align: justify; -webkit-line-clamp: 3; }



/* 新闻详情 */

.news-article .news-article-header { padding: 0 20px; text-align: center; }

.news-article .news-article-header h3 { margin: 12px 0; font-size: 32px; color: #363636; }

.news-article .news-article-header h4 { color: #999; }

.news-article .news-article-header .bgline { margin-top: 18px; height: 3px; background: url(../images/icon/bgline.png) repeat-x; }

.news-article .news-article-text { padding: 15px 20px; }

.news-article .news-article-text p { line-height: 24px; color: #444; }

.news-article .news-article-text div { margin: 25px 0; text-align: center; }

.news-article .news-article-text img { max-width: 100%; }



.public-pn { margin-top: 40px; }

.public-pn a { font-size: 16px; line-height: 24px; color: #555; }

.public-pn a:hover { color: #69b92f; }

.public-pn .prev { float: left; }

.public-pn .next { float: right; }



/* 联系我们 */

.contact-content .contact-way { padding-left: 50px; }

.contact-content .contact-way .p-icon { line-height: 36px; padding-left: 25px; }

.contact-content .contact-way .p1 { background: url(../images/icon/d.png) no-repeat left center; }

.contact-content .contact-way .p2 { background: url(../images/icon/iemail.png) no-repeat left center; }

.contact-content .contact-way .p3 { background: url(../images/icon/iadd.png) no-repeat left center; }

.contact-content .contact-way .contact-weixin { margin-top: 10px; margin-left: 25px; width: 105px; text-align: center; }

.contact-content .contact-way .contact-weixin p { font-size: 12px; color: #666; line-height: 22px; }



#dituContent { margin-top: 25px; width: 100%; height: 360px; }



/* 产品详情 */

.product-details-left { float: left; width: 420px; }



.product-img-container { position: relative; padding: 9px; height: 320px; border: 1px solid #e9e9e9; }



#small-box { position: relative; }

#small-box img { max-width: 100%; }



#big-box { display: none; position: absolute; top: 0; left: 420px; width: 420px; height: 320px; overflow: hidden; border: 1px solid #ccc; z-index: 1; background: #fff; }

#big-box img { position: absolute; }



#float-box { display: none; width: 160px; height: 120px; position: absolute; background: #ffffcc; border: 1px solid #ccc; filter: alpha(opacity=50); opacity: 0.5; }



.product-img-list { margin-top: 20px; }

.product-img-list .swiper-slide { width: 126px; height: 98px; border: 1px solid #e9e9e9; cursor: pointer; }

.product-img-list .swiper-slide img { max-width: 100%; }

.product-img-list .active { border: 1px solid #69b92f; }



.product-details-right { position: relative; float: right; width: 450px; height: 320px; }

.product-details-right h3 { font-size: 22px; color: #555; font-weight: bold; }

.product-details-right h4 { margin: 10px 0 0; color: #757575; }

.product-details-right .line { margin: 15px 0; height: 1px; background: #ededed; }

.product-details-right p { font-size: 16px; line-height: 32px; color: #777; }

.product-details-right a { position: absolute; bottom: 15px; padding: 11px 40px; color: #fff; background: #69b92f; border-radius: 3px; border-bottom: 5px solid #5ca924; }

.product-details-right a:hover { color: #69b92f; background: #fff; border: 1px solid #69b92f; }



.details-title { margin-top: 50px; line-height: 62px; border: 1px solid #ededed; background: #f9f9f9; }

.details-title h4 { position: relative; padding-left: 50px; font-size: 18px; color: #5ca924; }

.details-title h4::before { content: ""; display: inline-block; position: absolute; left: 22px; top: 0; bottom: 0; margin: auto 0; width: 3px; height: 30px; background: #5ca924; }



.details-intro { padding: 20px 18px; }

.details-intro p { font-size: 16px; line-height: 32px; color: #666; text-indent: 2em; }

.details-intro div { margin: 20px 0; text-align: center; }

.details-intro div img { max-width: 100%; }



/*# sourceMappingURL=style.css.map */