.header{background-color:#000000;height:80px}.logo{text-align:center;line-height:80px}.logo img{height:56px}.banner{height:calc(100vh - 80px);width:100%;background:no-repeat center;background-size:cover;position:relative;overflow:hidden}.banner .banner-write{position:absolute;width:1200px;left:50%;top:50%;transform:translate(-50%, -50%)}.write-title{font-size:60px;color:#fff;font-weight:600;line-height:1.3}.write-describe{font-size:24px;color:#fff}.ecology{background-color:#edeef0;padding:90px 0}.ecology-title{text-align:center;font-size:48px;color:#666}.ecology-title span{color:#F7B500}.ecology-list{margin-top:60px}.ecology-list .col-md-3{text-align:center;margin:40px 0}.ecology-list .col-md-3:nth-child(1) .ecology-name{color:#F7A100}.ecology-list .col-md-3:nth-child(2) .ecology-name{color:#6DD400}.ecology-list .col-md-3:nth-child(3) .ecology-name{color:#0091FF}.ecology-list .col-md-3:nth-child(4) .ecology-name{color:#AA88FF}.ecology-list .ecology-img{width:240px;height:240px;background-size:100% 100%;text-align:center;box-sizing:border-box;padding-top:60px;margin:0 auto}.ecology-list .ecology-name{font-size:24px}.ecology-list .ecology-describe{font-size:16px;color:#999;margin-top:10px;line-height:1.4}.ecology-list .ecology-describe p{margin-bottom:0}.code-content{padding:90px 0}.code-list{margin-top:70px}.code-list .col-md-3{text-align:center;margin:45px 0}.code-list .chi-name{font-size:60px;color:#999;font-weight:200}.code-list .eng-name{font-size:18px;color:#999;font-weight:200}.code-list .code-img{margin-top:20px}.code-list .code-img img{width:140px;height:140px}.code-list .code-describe{font-size:14px;color:#999;margin-top:20px}.code-list .code-describe p{margin-bottom:0}.footer{background-color:#000;padding:30px 0;text-align:center}.foot-logo img{height:80px}.contact-title{font-weight:400;font-size:14px;color:#666666}.contact-describe{font-weight:400;font-size:12px;color:#999999;margin-top:10px}.contact-describe p{margin-bottom:0}.copyright{font-weight:400;font-size:12px;color:#999999;margin-top:10px}@media (max-width:1200px){.banner .banner-write{width:100%;padding:0 40px}.banner .banner-write .write-title{font-size:40px}.code-list .col-md-3:nth-child(5),.code-list .col-md-3:nth-child(8){display:none}}@media (max-width:500px){.banner{height:450px}.banner .banner-write{width:100%;padding:0 20px}.banner .banner-write .write-title{font-size:22px}.banner .banner-write .write-describe{margin-top:10px;font-size:20px}.ecology{padding:50px 0}.ecology-title{font-size:28px}.ecology-list{margin-top:10px}.ecology-list .ecology-img{width:130px;height:130px;padding-top:35px}.ecology-list .ecology-img img{width:40px;height:auto}.ecology-list .col-md-3:nth-child(1) .ecology-img{padding-top:40px}.code-content{padding:50px 0}.code-list{margin-top:10px}.code-list .chi-name{font-size:40px}.code-list .code-img{margin-top:10px}.code-list .code-describe{margin-top:10px}}