.top-bg{background-image:url(../img/contact-banner.jpg)}main .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;margin-bottom:100px}@media screen and (max-width: 1199px){main .wrapper{margin-top:30px;margin-bottom:60px}}main .wrapper .side-menu{width:20%}main .wrapper .side-menu-jishu{width:20%}main .wrapper article{width:80%}@media screen and (max-width: 1199px){main .wrapper article{width:100%}}main article .intro{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}main article .intro .image{width:30%;max-height:130px;overflow:hidden}main article .intro .text{width:70%;padding-left:20px;font-size:14px;font-weight:normal;color:#000}main article .service .title{text-align:center;margin-top:40px}main article .service .title h2{display:inline-block;color:#004884;font-size:28px;font-weight:bold;text-align:center;padding-bottom:40px;cursor:pointer}@media screen and (max-width: 1199px){main article .service .title h2{font-size:22px}}main article .service .title h2:after{content:"";display:block;margin-top:16px;width:100px;height:2px;background-color:#539fdf;left:50%;position:relative;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.4s;transition:all 0.4s}@media screen and (max-width: 1199px){main article .service .title h2:after{margin-top:10px}}main article .service .title h2:hover:after{width:140px}main article .service .items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}main article .service .items .item{width:50%;padding:0 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main article .service .items .item img{width:90px;height:90px;margin:0 auto;display:block}main article .service .items .item h3{font-size:24px;font-weight:bold;color:#004884;text-align:center;margin-top:20px;margin-bottom:10px}main article .service .items .item p{font-size:14px;font-weight:normal;color:#000}main article .contact{margin-top:60px}main article .contact .serve-self,main article .contact .telephone,main article .contact .email{text-align:center}main article .contact .serve-self p,main article .contact .telephone p,main article .contact .email p{display:inline-block;font-size:20px;font-weight:normal;color:white;text-align:center;-webkit-transition:-webkit-transform 0.2s ease-out;transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out;transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out;background:#539fdf;cursor:pointer;border-radius:30px;min-width:300px;padding:10px 30px;margin-bottom:20px}main article .contact .serve-self p i,main article .contact .telephone p i,main article .contact .email p i{margin-right:20px}main article .contact .serve-self p a,main article .contact .telephone p a,main article .contact .email p a{color:white}main article .contact .serve-self p:hover,main article .contact .telephone p:hover,main article .contact .email p:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform 0.2s ease-out;transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out;transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out}

@media screen and (max-width: 1199px){main article .intro .image{max-height:unset}}

@media screen and (max-width: 767px){main article .intro{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main article .intro .image{width:100%;max-height:200px}main article .intro .image img{width:100%}main article .intro .text{width:100%;padding-left:0;margin-top:20px}main article .service .items .item{width:100%;margin-bottom:20px}}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdGF0aWMvY3NzL3BhZ2UtbGlhbnhpd29tZW4ta2VmdXpob25neGluLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/