*{transition:all .3s;font-size:16px;letter-spacing:.5px}div,dl,ul{overflow:hidden}i,li,p,u,ul{list-style:none;font-style:normal;padding:0;margin:0}u{text-decoration:none}a,a:hover{color:#fff;text-decoration:none}a:hover{opacity:.85}@media(max-width:767px){*{font-size:13px}}header{width:100%;margin:auto;height:51px;line-height:51px;background:#000 26%}header a{color:#fff}header .nav{margin:auto;max-width:1200px}header .logo{width:179px;height:38px;padding-left:10px}header nav{float:right}header nav ul li{display:inline-block;padding:0 20px;text-align:center}header nav ul li a{display:inline-block;width:100%;height:100%}header nav ul li a:hover{color:#f3a31f}header .button-menu{display:none;padding:8px 0 0 0;height:51px;width:106px}header .button-menu div{margin:8px auto 8px 60px;background:#fff;width:25px;height:2px}header .button-menu.button-close .bar1{transform:rotate(-45deg) translate(-6px,8px)}header .button-menu.button-close .bar2{opacity:0}header .button-menu.button-close .bar3{transform:rotate(45deg) translate(-6px,-8px)}@media(max-width:767px){header{position:fixed;z-index:100;top:0}header .button-menu{display:block;background:#000}header nav{background:#000;position:absolute;top:0;right:0;z-index:100}header nav ul{position:absolute;z-index:-1;background:#000}header nav ul li{display:block}header nav ul li a{font-size:16px}}.bottom{margin-top:70px;width:100%;height:382px;padding:38px 0 38px 0;background-color:#303030;color:#fff;clear:both}.bottom .con{max-width:1200px;margin:auto;height:100%}.bottom .con .contact,.bottom .con .map{display:block;float:left;height:100%}.bottom .con .map{width:640px;background-image:url(../img/bottom-maps-img.jpg)}.bottom .con .contact{width:520px;padding-left:40px}.bottom .con .contact .title{padding-bottom:10px}.bottom .con .contact .title h2{margin-top:0;font-size:25px}.bottom .con .contact .title h5{font-size:15px}.bottom .con .contact .mobile{height:30px;color:#f3a31f;font-size:22px;display:flex;margin-bottom:10px}.bottom .con .contact .mobile a{color:#f3a31f;font-size:22px}.bottom .con .contact .mobile a:nth-child(1){padding-left:40px;margin-left:-40px}.bottom .con .contact .mobile:before{content:'';display:inline-block;width:30px;height:30px;margin-right:10px;background:url(../img/bottom-phone-icon.png) no-repeat;background-size:100% auto}.bottom .con .contact .address{height:33px;font-size:14px;display:flex}.bottom .con .contact .address:before{content:'';display:inline-block;width:33px;height:27px;margin-right:10px;background:url(../img/bottom-address-icon.png) no-repeat;background-size:100% auto}.bottom .con .contact .ewm{margin-top:10px;font-size:14px;line-height:37px}.bottom .con .contact .ewm .public,.bottom .con .contact .ewm .wechat{width:155px;font-size:12px;line-height:14px;display:inline-block;text-align:center;float:left}.bottom .con .contact .ewm img{width:115px;padding-bottom:5px}@media(max-width:767px){.bottom{height:auto;margin-top:20px}.bottom .con .contact{position:relative;width:100%;padding-left:5px}.bottom .con .contact .ewm{position:absolute;right:0;top:-10px}.bottom .con .contact .ewm .wechat{width:115px;height:100px}.bottom .con .contact .ewm img{width:100px;height:100px;margin-right:0}}@media(min-width:768px) and (max-width:992px){.bottom .con .map{width:240px}}@media(min-width:992px) and (max-width:1200px){.bottom .con .map{width:470px}}.direction .left,.direction .right{position:relative;display:inline-block;width:47px;height:47px;border-radius:50%;box-shadow:0 2px 5px 0 rgba(217,217,217,.87);cursor:pointer}.direction .left:before,.direction .right:before{content:'';display:inline-block;width:35%;height:35%;position:absolute;left:45%;top:30%;border-color:#303030;border-left:solid 2px;border-top:solid 2px}.direction .left:before{transform:rotate(-45deg)}.direction .right:before{transform:rotate(135deg);left:25%}.direction .left:hover,.direction .right:hover{background-color:#f3a31f;box-shadow:0 2px 5px 0 rgba(243,163,31,.2)}.direction .left:hover:before,.direction .right:hover:before{border-color:#fff}.more{clear:both;padding-top:38px;margin:auto}.more a{color:#fff;text-align:center;display:block;width:170px;height:48px;line-height:48px;background:#303030;border-radius:24px;margin:auto}.more a:hover{color:#fff;background:#f3a31f}.more a.box{background:0 0;border:solid 1px #fff}.button{color:#fff;text-align:center;display:inline-block;padding:0 30px;height:48px;line-height:48px;background:#303030;border-radius:24px;margin:auto}.button:hover{color:#fff;background:#f3a31f}.button.box{background:0 0;border:solid 1px #fff}.omit{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.we-chat .right{background:#303030;color:#fff;padding:7px 15px;position:fixed;font-size:13px;line-height:13px;top:50%;right:0;cursor:pointer}.we-chat .right.none{margin-right:-100px}.we-chat .message{border-top:solid #bebebe 1px;transform:translateY(40px)}.we-chat .bottom-layout{display:none;position:fixed;width:100%;height:100%;background:rgba(48,48,48,.5);top:0;left:0}.we-chat .bottom-layout.show{display:block}.we-chat .bottom-layout .box{position:absolute;width:200px;height:280px;left:50%;top:50%;margin:-115px 0 0 -100px;animation:show-ewm .5s;text-align:center;overflow:initial}.we-chat .bottom-layout .box img{width:100%;height:auto}.we-chat .bottom-layout .box img{box-shadow:3px 3px 3px 1px rgba(48,48,48,.3)}@keyframes show-ewm{0%{opacity:0;margin-top:100px}}.we-chat .online-message .box{width:300px;height:auto;display:flex;flex-direction:column;justify-content:center;margin-left:-150px}.we-chat .online-message .box .content{width:300px;border-radius:10px;background:#fff;padding-bottom:30px}.we-chat .online-message .box .title{padding:10px}.we-chat .online-message .box .form-box{margin-top:10px}.we-chat .online-message .box .form-box .form-row{display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:10px}.we-chat .online-message .box .form-box .form-row input,.we-chat .online-message .box .form-box .form-row textarea{border:#bdbdbd solid 1px;font-size:13px;width:165px}.we-chat .online-message .box .form-box .form-row input:hover,.we-chat .online-message .box .form-box .form-row textarea:hover{border:#bdbdbd solid 1px}.we-chat .online-message .box .form-box button{background:#2aabd2;border:none;border-radius:2px;color:#fff;font-size:14px;padding:6px 30px;margin-top:20px}.nn-close{cursor:pointer;display:inline-block;padding:10px}.nn-close:after,.nn-close:before{content:'';display:inline-block;width:30px;height:2px;background:#fff}.nn-close:before{transform:rotate(-45deg)}.nn-close:after{transform:rotate(45deg);margin-left:-30px}