@media only all and (max-width: 768px){.content{margin-top:60px}}.content .banner{width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}@media only all and (max-width: 768px){.content .banner{height:auto;padding-top:50px;padding-bottom:50px}}.content .banner .banner-text{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:13%;width:1200px}@media only all and (max-width: 1600px){.content .banner .banner-text{width:1000px}}@media only all and (max-width: 1024px){.content .banner .banner-text{width:780px}}@media only all and (max-width: 768px){.content .banner .banner-text{padding-left:10px;padding-right:10px;width:100%;margin-left:0;position:static}}.content .banner .banner-text .text-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-Between;-webkit-justify-content:space-Between;-moz-box-pack:space-Between;-ms-flex-pack:space-Between;justify-content:space-Between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.content .banner .banner-text .text-con .text-left{width:44%}@media only all and (max-width: 768px){.content .banner .banner-text .text-con .text-left{width:100%;margin-bottom:20px}}.content .banner .banner-text .text-con .text-left h2{font-size:30px;line-height:1;color:#fff;font-weight:bold}@media only all and (max-width: 1600px){.content .banner .banner-text .text-con .text-left h2{font-size:20px}}@media only all and (max-width: 414px){.content .banner .banner-text .text-con .text-left h2{font-size:16px}}.content .banner .banner-text .text-con .text-left .text{font-size:13px;line-height:24px;color:#fff;margin-top:35px;text-align:justify}.content .banner .banner-text .text-con .text-rights .right-tit{font-size:20px;line-height:1;color:#fff;font-style:italic;padding-bottom:20px;position:relative;margin-bottom:35px}.content .banner .banner-text .text-con .text-rights .right-tit:before{position:absolute;content:"";left:0;bottom:0;height:2px;width:30px;background-color:rgba(255,255,255,0.3)}.content .banner .banner-text .text-con .text-rights .right-text{font-size:13px;line-height:24px;color:#fff;font-weight:bold}.content .banner .banner-text .text-con .text-rights .right-text .big{font-size:30px}@media only all and (max-width: 1600px){.content .banner .banner-text .text-con .text-rights .right-text .big{font-size:20px}}.content .banner .down{width:45px;height:45px;position:absolute;bottom:60px;left:13%;z-index:1;cursor:pointer}@media only all and (max-width: 1024px){.content .banner .down{width:40px;height:40px}}@media only all and (max-width: 768px){.content .banner .down{left:10px;bottom:10px}}@media only all and (max-width: 414px){.content .banner .down{display:none}}.content .common-tit{font-size:30px;font-weight:bold;text-align:center}@media only all and (max-width: 1600px){.content .common-tit{font-size:20px}}@media only all and (max-width: 414px){.content .common-tit{font-size:20px}}.content .culture{padding-top:130px;padding-bottom:130px}@media only all and (max-width: 1600px){.content .culture{padding-top:100px;padding-bottom:100px}}@media only all and (max-width: 414px){.content .culture{padding-top:50px;padding-bottom:50px}}.content .culture .culture-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1400px;margin:0 auto;margin-top:80px}@media only all and (max-width: 1600px){.content .culture .culture-con{width:1000px}}@media only all and (max-width: 1280px){.content .culture .culture-con{width:1000px}}@media only all and (max-width: 1024px){.content .culture .culture-con{width:780px}}@media only all and (max-width: 768px){.content .culture .culture-con{padding-left:10px;padding-right:10px;width:100%}}@media only all and (max-width: 414px){.content .culture .culture-con{margin-top:40px}}.content .culture .culture-con .item{height:260px;width:33.333%;border-right:1px solid #e5e5e5;text-align:center;padding-top:25px}@media only all and (max-width: 414px){.content .culture .culture-con .item{width:100%;border-right:none;border-bottom:1px solid #e5e5e5;height:auto;padding-bottom:20px}}.content .culture .culture-con .item:nth-child(3n){border-color:transparent}.content .culture .culture-con .item .icon{height:85px;width:76px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;position:relative;margin:0 auto}@media only all and (max-width: 414px){.content .culture .culture-con .item .icon{height:50px}}.content .culture .culture-con .item .icon img{max-height:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}.content .culture .culture-con .item .icon img.img-hover{opacity:0}.content .culture .culture-con .item .text-tit{font-size:20px;line-height:1;color:#333;position:relative;padding-bottom:20px;text-align:center;font-weight:bold;margin-top:25px;margin-bottom:22px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}@media only all and (max-width: 1600px){.content .culture .culture-con .item .text-tit{font-size:16px;padding-bottom:20px;margin-top:20px;margin-bottom:20px}}@media only all and (max-width: 1024px){.content .culture .culture-con .item .text-tit{padding-bottom:15px;margin-top:15px;margin-bottom:15px}}.content .culture .culture-con .item .text-tit:before{position:absolute;content:"";width:30px;height:2px;background-color:#000;left:50%;margin-left:-15px;bottom:0}@media only all and (max-width: 1024px){.content .culture .culture-con .item .text-tit:before{width:20px;margin-left:-10px}}.content .culture .culture-con .item .text-con{font-size:13px;line-height:30px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}.content .culture .culture-con .item:hover .icon,.content .culture .culture-con .item:hover .text-tit,.content .culture .culture-con .item:hover .text-con{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.content .culture .culture-con .item:hover .icon img.img{opacity:0}.content .culture .culture-con .item:hover .icon img.img-hover{opacity:1}.content .works{position:relative}.content .works .tab-img .item{width:100%;display:none}.content .works .tab-img .item.active{display:block}.content .works .works-con{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media only all and (max-width: 768px){.content .works .works-con{position:static}}.content .works .works-con .con{width:1400px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-Between;-webkit-justify-content:space-Between;-moz-box-pack:space-Between;-ms-flex-pack:space-Between;justify-content:space-Between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only all and (max-width: 1600px){.content .works .works-con .con{width:1000px}}@media only all and (max-width: 1280px){.content .works .works-con .con{width:1000px}}@media only all and (max-width: 1024px){.content .works .works-con .con{width:780px}}@media only all and (max-width: 768px){.content .works .works-con .con{padding-left:10px;padding-right:10px;width:100%}}.content .works .works-con .con .introduct{width:44%;padding:80px 60px;background-color:rgba(255,255,255,0.9)}@media only all and (max-width: 1600px){.content .works .works-con .con .introduct{width:44%;padding:40px}}@media only all and (max-width: 1024px){.content .works .works-con .con .introduct{width:60%}}@media only all and (max-width: 768px){.content .works .works-con .con .introduct{padding:20px 0;width:100%}}.content .works .works-con .con .introduct .common-tit{text-align:left}.content .works .works-con .con .introduct .introduct-con{font-size:13px;line-height:24px;margin-top:30px;text-align:justify}.content .works .works-con .con .tab-tit{width:25.7%}@media only all and (max-width: 768px){.content .works .works-con .con .tab-tit{position:absolute;right:10px;top:21%}}@media only all and (max-width: 414px){.content .works .works-con .con .tab-tit{width:50%;top:52px}}@media only all and (max-width: 375px){.content .works .works-con .con .tab-tit{top:46px}}@media only all and (max-width: 320px){.content .works .works-con .con .tab-tit{top:40px}}.content .works .works-con .con .tab-tit .item{text-align:right;border-top:1px solid #fff;font-size:16px;color:#fff;height:99px;line-height:99px;cursor:pointer;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}@media only all and (max-width: 768px){.content .works .works-con .con .tab-tit .item{height:50px;line-height:50px;font-size:13px}}@media only all and (max-width: 375px){.content .works .works-con .con .tab-tit .item{height:45px;line-height:45px}}@media only all and (max-width: 320px){.content .works .works-con .con .tab-tit .item{height:38px;line-height:38px}}.content .works .works-con .con .tab-tit .item:last-child{border-bottom:1px solid #fff}.content .works .works-con .con .tab-tit .item:hover{font-size:24px}@media only all and (max-width: 768px){.content .works .works-con .con .tab-tit .item:hover{font-size:16px}}.content .works .works-con .con .tab-tit .item:hover .area-box{opacity:1}.content .works .works-con .con .tab-tit .item.active{font-size:20px}@media only all and (max-width: 768px){.content .works .works-con .con .tab-tit .item.active{font-size:16px}}.content .works .works-con .con .tab-tit .item.active .area-box{opacity:1}.content .works .works-con .con .tab-tit .item .area-box{position:absolute;top:50%;margin-top:-5px;left:30px;width:10px;height:10px;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}.content .works .works-con .con .tab-tit .item .area-box .dot{width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;top:0px;left:0px}.content .works .works-con .con .tab-tit .item .area-box .pulse{position:absolute;top:-30px;left:-30px;height:66px;width:66px;border:2px solid #fff;border-radius:48px;box-shadow:0 0 4px #fff,0 0 10px #fff inset;opacity:.12;animation:warn 2s ease-out both;animation-iteration-count:infinite;box-sizing:content-box}.content .works .works-con .con .tab-tit .item .area-box .delay-01{animation-delay:0}.content .works .works-con .con .tab-tit .item .area-box .delay-02{animation-delay:0.4s}.content .works .works-con .con .tab-tit .item .area-box .delay-03{animation-delay:0.8s}
/*# sourceMappingURL=works.css.map */