body { background: #fff; font-family: "寰蒋闆呴粦"; font-size: 12px; } a { text-decoration: none; } .fl { float: left; } .fr { float: right; } .nav { padding: 15px 40px 20px; border-bottom: 5px solid #a0c63d; } .navbar li { float: left; font-size: 16px; margin-left: 10px; text-align: center; } .navbar .nav-item p { font-size: 12px; padding: 0 10px; } .navbar .nav-item p a { color: #676767; } .navbar .nav-item h3 { padding: 0 10px 5px; margin-bottom: 5px; } .navbar .nav-item h3 a { color: #010101; } .navbar .active h3 { border-bottom: 1px solid #676767; } .slide-wrap { height: 860px; overflow: hidden; padding-bottom: 1px; border-bottom: 5px solid #a0c63d; } .slide { height: 860px; overflow: hidden; position: relative; } .slide-img li { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .slide-img li a { display: block; height: 100%; } .slide-img li img { display: block; height: 100%; } .slide-count { height: 7px; width: 100%; position: absolute; left: 0; bottom: 25px; text-align: center; } .slide-count ul { display: inline-block; } .slide-count li { float: left; width: 32px; height: 7px; background: #fff; margin: 0 5px; cursor: pointer; } .slide-logo { position: absolute; width: 852px; height: 606px; left: 50%; margin-left: -426px; margin-top: -200px; top: 50%; } .slide-count .active { background: #90aafe; } .footer { padding: 20px 0; text-align: center; } .footer p { line-height: 28px; font-size: 14px; color: #474848; } .footer p span { padding: 0 10px; } .about-menu { width: 15%; min-height:750px; } .about-intro { width: 85%; border-bottom: 5px solid #a1c53d; height: auto; } .about-menu { background: #a1c53f; } .menu { text-align: center; padding: 15px 0; } .menu li { padding: 10px 0; } .menu-item h3 { margin-bottom: 2px; } .menu-item h3 a { font-size: 16px; color: #fff; } .menu-item p a { font-size: 12px; color: #FFF; } .intro { padding: 10px 40px 23px; } .intro-img { width: 638px; height: 773px; } .intro-wrod p { font-size: 14px; color: #666666; margin-bottom: 10px; text-indent: 2em; line-height: 30px; text-align: justify; } .bottom-left { width: 15%; height: 90px; background: #a1c53f; } .bottom-right { width: 85%; text-align: center; } .copyate { padding: 15px 0; } .copyate p { font-size: 14px; line-height: 30px; } .copyate p { padding: 0 5px; } .news { position: relative; width: 100%; background-attachment:fixed; background-image: url(../images/news-image.png?1=2); background-repeat: no-repeat; background-size:100%; } .new-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .new-img h3 { height: 100%; } .new-img h3 img { display: block; height: 100%; width: 100%; } .news-tit { position: relative; z-index: 1; } .news-list { position: relative; z-index: 2; text-align: center; } .news-tit h3 { text-align: center; padding-top: 26px; padding-bottom: 90px; } .news-list ul { display: inline-block; } .news-list ul li { text-align: left; line-height: 30px; font-size: 16px; background: url(../images/arrow.png?v=1) no-repeat left center; padding-left: 30px; } .news-list ul li a { color: #000; padding-right: 10px; } .news-list ul li span { color: #8e8f90; font-size: 12px; } .news-band { position: relative; z-index: 2; padding-top: 10px; padding-left: 15px; } .news-band p { color: #fff; } .news-cont { position: relative; z-index: 3; color: #000; width: 819px; margin: 0 auto; } .news-cont h3 { font-size: 20px; margin-bottom: 20px; } .news-cont p { font-size: 14px; line-height: 30px; } .news-antour { margin-top: 20px; text-align: right; } .news-antour h4 { font-size: 14px; font-weight: normal; } .news-antour h4 span { padding: 0 5px; } .system { padding: 40px; } .system-cont { padding-top: 168px; } .system-word { font-size: 14px; color: #060002; } .system-word p { line-height: 35px; } .system-word ul li { line-height: 35px; color: #0e93a4; background: url(../images/circle.png) no-repeat left 13px; text-indent: 1em; } .copper { padding: 40px; } .cooper-cont { padding-top: 70px; } .cooper-cont h3 { margin-top: 77px; } .cooper-cont h3 img { display: block; width: 100%; height: 100%; } .cooper-cont p { font-size: 14px; color: #000; line-height: 35px; text-indent: 2em; } .wasted { padding: 40px; } .wasted-cont h3 img { display: block; width: 100%; height: 100%; } .wasted-cont { padding-top: 120px; } .wasted-cont h3 { margin-bottom: 190px; } .wasted-cont p { color: #000; line-height: 30px; font-size: 14px; text-indent: 2em; } .disposa { padding: 40px; } .disposa-tit { text-align: center; margin-bottom: 40px; } .disposa-coont { padding-top: 60px; } .disposa-coont p { line-height: 30px; text-indent: 2em; font-size: 14px; color: #000; } .tech-img { width: 60%; } .tech-img img { display: block; width: 100%; } .tech-cont { width: 40%; } .tech { padding: 40px 0; } .tech-tit h3 { text-align: center; margin-bottom: 30px; } .tech-word { padding: 60px 40px; background: #a1c53f; } .tech-word p { font-size: 14px; color: #000; line-height: 30px; } .tech-word h3 { margin: 7px 0; } .tech-word h4 { font-weight: normal; font-size: 14px; } .tech-word a { color: #000; } .tech-word a:hover { text-decoration: underline; } .join-left { width: 40%; } .join-right { width: 60%; } .join-adress { text-align: center; } .join-adress ul { display: inline-block; } .join-adress li { text-align: left; margin-bottom: 30px; font-size: 14px; } .join-adress li img { vertical-align: middle; } .join-adress li span { padding-left: 10px; } .join-wrap { border-bottom: 5px solid #a1c53d; padding: 50px 0; } .join-code { text-align: center; } .code { display: inline-block; } .code h3 { text-align: center; } .code p { font-size: 14px; } .map-wrap { padding: 0 40px; } #map { margin-top: 43px; height: 500px; } .join-us { margin-top: 40px; text-align: right; } .join-us h3 { margin-right: 40px; } .join-us h3 a { padding: 10px 20px; background: #a1c53f; font-size: 18px; color: #fff; } .job-wrap { padding: 40px 200px; border-bottom: 5px solid #a0c43c; } .job-left { width: 50%; } .job-right { width: 50%; } .job { background: url(../images/job.png) no-repeat right center; padding: 40px 0 60px; } .job-item { padding-right: 60px; padding-bottom: 30px; } .job-item h3 { font-size: 16px; color: #a0c43e; margin-bottom: 10px; } .job-item h3 span { font-size: 14px; color: #000; } .job-item h4 { font-size: 14px; margin-bottom: 5px; font-weight: normal; } .job-item li { font-size: 14px; line-height: 30px; color: #000; background: url(../images/circle.png) no-repeat left 10px; padding-left: 15px; } .concat img { vertical-align: middle; } .concat li { margin-bottom: 20px; } .concat li span { padding-left: 5px; } .company-wrap { padding: 200px 0; border-bottom: 5px solid #a1c53d; } .company h3 { float: left; width: 50%; text-align: center; }