html, body { padding: 0px; margin: 0px; font-size: 14px; font-family: Microsoft Yahei, Tahoma, Arial; }
body { padding-top: 116px; }
.header { position: fixed; top: 0; right: 0; left: 0; background-color: #fff; z-index: 999; box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; -moz-box-shadow: 0 1px 2px #999 }
.header .top { background: #323940; height: 40px; line-height: 40px; font-size: 13px; display: flex; width: 100%; color: #ccc; }
.header .top p span { color: #28b472; font-weight: bolder; }
.header .top p a { color: #ccc; }
.header .nav-box .nav-left a:hover, .nav-box .nav-right a:hover { color: #28b472; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.header .nav-box .nav-left { width: 42.5%; float: left; }
.header .nav-box .nav-right { width: 42.5%; float: right; margin-right: -10px; }
.header .nav-box .nav-center { width: 15%; float: left; margin-top: -40px; margin-bottom: -40px; }
.header .nav-box .nav-center img { z-index: 999; position: relative; }
.header .nav-box .nav-left a, .header .nav-box .nav-right a { text-align: center; width: 23%; display: inline-block; color: #000; padding: 28px 0px 24px 0px; text-transform: none; }
.header .nav-box span { border-left: 1px solid #999; }
.header .nav-box a.active { color: #28b472 !important; border-bottom: 4px solid #28b472; width: 13%; margin: 0 5%; }
.swiper-slide img { max-width: 100%; }
.banner img { max-width: 100%; }
.main-banner { margin-top: -26px; position: relative; }
.main-banner img { max-width: 100%; }
.main-banner .breadcrumbs { position: absolute; bottom: 0px; left: 0; right: 0; color: #fff; }
.main-banner .breadcrumbs a { color: #fff; }
/* pro */
.pro { width: 1200px; margin: 30px auto; z-index: 3; position: relative; }
.pro ul, .pro li { padding: 0; margin: 0; list-style: none; }
.pro .left { width: 70%; float: left; position: relative; }
.pro .left img { width: 100%; }
.pro .left .title { width: 140px !important; font-size: 20px; }
.pro .left p { line-height: 18px; font-size: 15px; color: #666; }
.pro .left p span { font-size: 10px; color: #ccc; margin-top: 2px; display: block; }
.pro .pro-list li { float: left; width: 47%; margin-right: 23px; margin-bottom: 27px; }
.pro .pro-list li .date { float: right; color: #999; }
.pro .pro-list li .tit1 { height: 50px; line-height: 50px; background: #fafafa; padding-left: 10px; }
.pro .pro-list li .tit2 { background: #fafafa; padding-left: 10px; padding-bottom: 10px; height: 65px; }
.pro .pro-list li .tit1 .title { width: 40%; float: left; color: #73c79b; font-size: 16px; }
.pro .pro-list li .tit1 .bor { width: 50%; float: right; margin-top: 0px; }
.pro .right { width: 30%; float: right; }
.best-product .title { line-height: 18px; font-size: 15px; color: #666; margin-top: 15px; }
.best-product .title span { font-size: 10px; color: #ccc; margin-top: 2px; display: block; }
.best-product .product-list { margin-top: 10px; }
.best-product .product-category { position: relative; z-index: 99; }
.product-category .title { width: 100%; padding-left: 10%; background: #299957; opacity: 0.9; color: #fff; border: 1px solid #28b472; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 90px; padding-top: 25px; text-align: left; margin-top: -117px; }
.product-category .title h3 { font-size: 24px; line-height: 1em; margin-top: 0px; }
.product-category .title p { font-size: 12px; margin-bottom: 0px; }
.product-category .list { width: 100%; }
.product-category .list ul li { background-color: #28b472; border-bottom: 0; }
.product-category .list ul li ul { background: #fafafa; padding: 14px 0; }
.product-category .list ul li ul a { color: #5f5f5f; width: 33%; display: inline-block; text-align: center; font-size: 16px; padding: 10px 0px; }
.product-category .list ul li > a { font-size: 16px; color: #fff; padding: 15px 20px; display: block; background: url(../images/on.png) no-repeat 314px center; }
.page-info .product-category .title { margin-top: -89px; }
.page-info .product-category .list ul li ul a { color: #5f5f5f; width: 25%; display: inline-block; text-align: center; font-size: 14px; padding: 3px 0px; }
/* art */
.art { width: 100%; background: #fafafa; }
.art-box { margin: 0 auto; display: flex; padding: 50px 0; position: relative; }
.art-box .left { width: 50%; float: left; }
.art-box .right { width: 45%; float: right; position: absolute; right: 0; }
.art-box .right img { width: 100%; }
.art-box .left .tit { color: #28b472; font-weight: bolder; font-size: 24px; }
.art-box .left .cent { line-height: 35px; margin: 40px auto; }
.art-box .left .cent span { color: #28b472; font-size: 20px; font-weight: bolder; }
/* home-case */
.home-case { margin-top: 30px; }
.home-case ul, .home-case ul li { padding: 0; margin: 0; list-style: none; }
.home-case .hd { position: relative; width: 80%; float: right; }
.home-case .hd ul { float: right; left: 20px; border-bottom: 1px solid #28b472; }
.home-case .hd ul li { margin: auto 8px; float: left; padding: 9px 15px; cursor: pointer; background: #f5f5f5; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.home-case .hd ul li:nth-child(7) { margin-right: 0px !important }
.home-case .hd ul li:nth-child(1) { margin-left: 0px !important }
.home-case .hd ul li.on { background: #28b472; color: #fff; margin-top: 0px; }
.home-case .item h3 { color: #65c393; font-size: 18px; font-weight: bolder; margin-bottom: 25px; }
.home-case .item h4 { font-weight: bolder; font-size: 16px; margin-bottom: 20px; }
.home-case .bd ul .left { width: 32%; float: left; }
.home-case .bd ul .left img { width: 100%; }
.home-case .bd ul .right { width: 64%; float: right; }
.home-case .title { display: inline-block; font-size: 22px; float: left; }
.home-case .title span { font-size: 12px; color: #ccc; margin-top: 5px; }
.home-case .list { height: 290px; }
.home-case .list > h3 { font-size: 16px; margin-top: 50px; float: left; width: 100%; margin-bottom: 20px; }
.home-case .list .col-xs-3 img { width: 100%; }
.home-case .list .col-xs-3 p { background: #28b472; height: 35px; line-height: 35px; color: #fff; text-align: center; font-weight: bold; }
/* home-year */
.home-year { margin-top: 30px; background-color: #fafafa; }
.home-year .photo img { max-width: 100%; }
.home-year .text { color: #666; padding-left: 50px; padding-top: 20px; }
.home-year .text h1 { color: #222; margin-bottom: 20px; }
.home-year .text .img { margin-bottom: 20px; margin-top: 20px; }
.home-year .text .btn-box { padding-top: 20px; }
/* home-price */
.home-price { margin: 50px auto 50px auto; position: relative; }
.home-price .table th { color: #fff; background: #28b472; }
.home-title { position: relative; }
.home-title h5 { font-size: 22px; margin: 10px auto; line-height: 1em; }
.home-title h5 small { font-size: 12px; display: block; margin-top: 5px; color: #ccc; text-transform: uppercase; }
.home-title .more { color: #28b472; font-size: 14px; position: absolute; top: 10px; right: 10px; }
.home-title .more a { color: #28b472; }
/* advantage */
.advantage { width: 100%; margin-top: 20px; }
.advantage .title img { width: 100%; }
.advantage .body { background: url(../images/bg.jpg) no-repeat; display: -webkit-box; padding-bottom: 50px; }
.advantage .list { margin: 0 auto; }
.advantage .list > p { font-size: 14px; text-align: center; color: #454545; padding: 20px; }
.advantage .list .item { display: table; width:100%; }
.advantage .list .item .pic { width: 50%; float: right; }
.advantage .list .item .pic img { width: 100%; }
.advantage .list .item .text { width: 49%; float: left; padding: 10px 3%; line-height: 2em; }
.advantage .list .item .text .ico { width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 1.5em; font-size: 3em; text-align: center; background-color: #28b472; color: #fff; display: inline-block; margin-top: 20px; margin-bottom: 20px; }
.advantage .list .item:nth-child(2n) .pic { float: left; }
.advantage .list .item:nth-child(2n) .text { float: right; text-align: left; }
/* case-list */
.case-list { margin-top: 30px; margin-bottom: 30px; }
.case-list .list .item .img img { max-width: 100%; }
.case-list .list .item > p { color: #898989; }
/* home-about */
.home-about { margin-top: 30px; margin-bottom: 30px; }
.home-about .company h4 { color: #28b472; font-weight: bolder; font-size: 16px; }
.home-about .company .pic { width: 48%; float: left; }
.home-about .company .pic img, .home-about .pic img { max-width: 100%; }
.home-about .company .text { margin-left: 48%; padding-left: 20px; }
.home-about .list { margin-top: 30px; }
.home-about .list ul { border-top: 1px #28b472 dotted; margin: 0px; }
.home-about .list ul li { width: 49.5%; border-bottom: 1px #28b472 dotted; }
.home-about .list ul li > a { padding: 8px 0px 3px 25px; display: block; color: #666666; background: url("../images/icon.jpg") no-repeat; }
.home-about .new-list { margin-top: 30px; }
.home-about .new-list ul { border-top: 1px #28b472 dotted; margin: 0px; }
.home-about .new-list ul li { border-bottom: 1px #28b472 dotted; }
.home-about .new-list ul li > a { padding: 8px 0px 3px 25px; display: block; color: #666666; background: url("../images/star.jpg") no-repeat; }
/* news-list */
.news-list { background: #fafafa; width: 100%; margin: 20px auto; display: inline-block; padding: 30px 0px 0px 0; }
.news-list .list { margin: 20px -20px; }
.news-list .list .item .time { color: #999; font-size: 30px; border-bottom: 1px solid #28b472; padding-bottom: 20px; }
.news-list .list .item h4 { overflow: hidden; height: 40px; line-height: 40px; color: #333; }
.news-list .list .item h4 a { color: #333; }
.news-list .list .item p { color: #999999; }
.news-list .list .item .more { color: #75c89c; }
/* question */
.question .item { display: block; width: 100%; }
.question .item .pic { float: left; width: 45%; }
.question .item .text { float: right; width: 45%; }
.question .item .text h4 { color: #28b472; margin-bottom: 10px; }
.question .item .text p { color: #666666; line-height: 2em; }
.question .list { margin-top: 30px; }
.question .list ul { border-top: 1px #28b472 dotted; margin: 0px; }
.question .list ul li { border-bottom: 1px #28b472 dotted; }
.question .list ul li > a { padding: 8px 0px 3px 25px; display: block; color: #666666; background: url("../images/yuan.png") no-repeat; }
.question .wenda dl { border-bottom: 1px #28b472 dotted; margin-bottom: 20px; padding-bottom: 20px; }
.question .wenda dl > dt { text-indent: 3em; background: url("../images/wen.jpg") no-repeat; line-height: 2em; font-weight: normal; margin-bottom: 20px; }
.question .wenda dl > dd { text-indent: 3em; background: url("../images/da.jpg") no-repeat; color: #28b472; line-height: 2em; }
/* product-list */
.product-list { margin-top: 30px; }
.product-list .item .pic img { max-width: 100%; }
.product-list .item .title { font-size: 14px; text-align: center; margin-bottom: 20px; }
.categoty-item h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px; }
.categoty-item h3 small { font-size: 12px; }
.product-best .title h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px; }
.product-best .title h3 small { font-size: 12px; }
.product-best .list .item { margin-top: 10px; }
.product-best .list .item .pic img { max-width: 100%; }
.product-best .list .item .title { font-size: 14px; text-align: center; margin-bottom: 20px; margin-top: 10px; }
/* page-info */
.page-info .goods-item .pic { width: 40%; float: left; }
.page-info .goods-item .pic img { max-width: 100%; }
.page-info .goods-item .text { width: 60%; float: right; padding-left: 2em; }
.page-info .product-list { margin-top: 0px; margin-bottom: 0px; }
.page-info .product-list .item .pic { height: 395px; }
.page-info .panel-body .product-list .item .pic { height: 272px; }
.page-info .case-list .list-text .item { border-bottom: 1px #ccc dotted; }
.page-info .case-list .list-text .item h4 { position: relative; font-size: 16px; padding-right: 80px; line-height: 1.2em; }
.page-info .case-list .list-text .item h4 > span { position: absolute; right: 0px; top: 5px; color: #9999; font-size: 12px; }
.page-info .case-list .list-text .item h4 > a { color: #343434; }
.page-info .case-list .list-text .item h4 > a:hover { color: #28b472; }
.page-info .case-list .list-text .item p { color: #999; }
.page-info h1.title { font-size: 18px; text-align: center; }
.page-info .small-title, .page-info .small-title a { color: #999; font-size: 12px; }
.page-info .small-title, .page-info .small-title a { color: #999; font-size: 12px; }
.page-info .article-category .title h3 { border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px; }
.page-info .article-category .title h3 small { font-size: 12px; text-transform: uppercase; }
.page-info .article-category ul { margin-left: 0px; color: #00aa00; }
.page-info .article-category ul > li { border-bottom: 1px #ccc dotted; padding: 5px 0px 5px 0px; }
.page-info .article-category ul > li { border-bottom: 1px #ccc dotted; padding: 5px 0px 5px 0px; }
.page-info .article-category ul.list-inline > li { border-bottom: 1px #ccc dotted; padding: 5px 0px 5px 12px; width: 49%; }
.page-info .case-list .photo-list { margin-top: 30px; }
.page-info .case-list .photo-list .item { border-bottom: 1px #ccc dotted; margin-bottom: 30px; padding-bottom: 30px; }
.page-info .case-list .photo-list .item .pic { width: 30%; float: left; }
.page-info .case-list .photo-list .item .pic img { max-width: 100%; }
.page-info .case-list .photo-list .item .text { width: 70%; float: right; padding-left: 30px; }
.page-info .case-list .photo-list .item .text p { color: #888; }
.article-news li { width: 49%; }
.article-body img { width: 100%; }
/* pages */
.pages { text-align: center; margin-bottom: 30px; }
/* about-body */
.about-body img { max-width: 100%; }
.about-body h1 { margin-bottom: 30px; margin-top: 10px; }
.about-body strong { color: #28b472; font-size: 20px; font-weight: bolder; }
/* footer */
.footer { width: 100%; height: 350px; clear: both; margin-top: 30px; }
.footer .left { width: 35%; background: #28b472; height: 350px; float: left; }
.footer .right { width: 65%; background: #f5f5f5; height: 350px; float: left; }
.footer .left .slogo { width: 335px; text-align: center; float: right; margin-top: 50px; color: #fff; }
.footer .right .nav { width: 772px; margin: 40px 0; margin-left: 20px; float: left; }
.footer .right .nav a { color: #000; width: 20%; display: inline-block; text-align: center; height: 40px; line-height: 40px; }
.footer .right .nav span { border-left: 1px solid #999; width: 3px; display: contents; }
.footer .right .wx { display: inline-block; margin-top: 40px; margin-left: -100px; }
.footer .right .wx p { margin: 10px auto; text-align: center; }
.footer .copyright { padding: 10px; color: #999; font-size: 14px; margin-left: 58px; margin-top: 50px; }
.footer .links { padding: 10px; color: #999; font-size: 14px; margin-left: 58px; }