@charset "utf-8";#contact{margin:0 auto}#contact .wrap{width:86%;max-width:1600px;margin:0 auto;padding:100px 0}#contact .headquarters{margin:0 auto}#contact .headquarters>.map{position:relative;-webkit-box-shadow:0 0 18px rgba(0,0,0,.2);box-shadow:0 0 18px rgba(0,0,0,.2)}#contact .headquarters>.map>.title{position:absolute;z-index:4;left:0;bottom:0;background:#fff;width:100%;padding:40px 60px;text-align:left}#contact .headquarters>.map>.title>h3{display:inline-block;font-size:25px;font-weight:700;color:#333}#contact .headquarters>.map>.title>span{display:inline-block;padding-left:30px;font-size:18px;color:#ccc}#contact .headquarters>.map>.box{position:relative;width:100%;height:700px;margin:0 auto;background:#fff}#contact .headquarters>.map>.box img{max-width:100%;height:auto; object-fit: cover;}#contact .headquarters>.map>.box .BMap_bubble_title{font-size:16px;font-weight:700;color:#333}#contact .headquarters>.map>.box .BMap_bubble_content{font-size:14px;color:#333;line-height:24px}#contact .headquarters>.map>.box .BMap_bubble_content .url{display:inline-block;margin-top:6px;font-size:14px;color:#d82128;padding-left:30px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/ico_navigation.png) no-repeat;background-size:auto 100%}#contact .headquarters>.map>.box .BMap_Marker>div{z-index:90!important}#contact .headquarters>.info{display:block;margin:0 auto}#contact .headquarters>.info>ul{margin:0 auto}#contact .headquarters>.info>ul>li{display:block;float:left;width:33.33%;text-align:center}#contact .headquarters>.info>ul>li>.ico{display:inline-block;background:#d82128;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin-right:16px;width:60px;height:60px;line-height:60px;text-align:center}#contact .headquarters>.info>ul>li>.ico>img{width:24px;height:auto}#contact .headquarters>.info>ul>li>.txt{display:inline-block;height:60px;line-height:60px;color:#333;font-size:16px}#contact .subsidiary{background:url(../img/subsidiary_bg.jpg) no-repeat;background-size:cover}#contact .subsidiary .wrap{max-width:1260px}#contact .subsidiary>.title{display:none;text-align:center;margin:0 auto}#contact .subsidiary>.title>h2{color:#333;font-size:36px;font-weight:400}#contact .subsidiary>.container{position:relative;margin:0 auto}#contact .subsidiary>.container>.nav{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:60px 20px;width:40%;border-left:1px solid #ddd}#contact .subsidiary>.container>.nav .swiper-container{overflow:initial}#contact .subsidiary>.container>.nav .swiper-slide{position:relative;display:block;height:40px!important;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}#contact .subsidiary>.container>.nav .swiper-slide>span{display:inline-block;position:relative;padding:5px 0;font-size:18px;color:#333}#contact .subsidiary>.container>.nav .swiper-slide>span:after{position:absolute;z-index:2;left:-24px;top:50%;margin-top:-1px;width:8px;height:8px;background:#ccc;border-radius:100%;content:'';-webkit-transition:all .35s;transition:all .35s}#contact .subsidiary>.container>.nav .swiper-slide>span:before{position:absolute;z-index:1;left:-33px;top:50%;margin-top:-10px;width:24px;height:24px;background:#f7f7f7;border:1px solid #ddd;border-radius:100%;content:'';-webkit-transition:all .35s;transition:all .35s}#contact .subsidiary>.container>.nav .swiper-slide-thumb-active>span{color:#d82128}#contact .subsidiary>.container>.nav .swiper-slide-thumb-active>span:after{left:-28px;margin-top:-5px;width:16px;height:16px;background:#f7f7f7}#contact .subsidiary>.container>.nav .swiper-slide-thumb-active>span:before{background:#d82128;border:1px solid #d82128}#contact .subsidiary>.container>.navbox{width:60%;text-align:left}#contact .subsidiary>.container>.navbox .swiper-slide img{width:100%;height:auto}#contact .subsidiary>.container>.navbox .swiper-slide .con{position:relative;margin:0 auto}#contact .subsidiary>.container>.navbox .swiper-slide .con>.tit{position:absolute;z-index:4;margin-top:-60px;width:100%;height:60px;line-height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;background:rgba(0,0,0,.6);font-size:20px;color:#fff;font-weight:200}#contact .subsidiary>.container>.navbox .swiper-slide .con>.txt{text-align:left;padding:40px 10px}#contact .subsidiary>.container>.navbox .swiper-slide .con>.txt>p{display:block;padding:3px 0;font-size:16px;color:#666}#contact .subsidiary>.container>.navbox .swiper-pagination{display:none}#contact .market{width:80%;margin:0 auto}#contact .market>.title{text-align:left;border-bottom:1px solid #eee}#contact .market>.title>h2{display:block;padding:30px 0;font-size:28px;font-weight:700;color:#333}#contact .market>.container{padding:50px 0;margin:0 auto}#contact .market>.container>.qrcode{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:6%;text-align:left;line-height:80px;font-size:14px;font-weight:200;color:#999}#contact .market>.container>.qrcode>img{width:80px;height:auto;margin-right:20px}#contact .market>.container>.info{text-align:left;line-height:80px;font-size:16px;color:#333}#contact .market>.container>.info>img{width:62px;height:auto;margin-right:20px}#contact .market>.container>.info>span{display:inline-block;padding:0 20px}#contact .market>.container>.online{text-align:right;padding:20px 0}#contact .market>.container>.online>a{position:relative;display:inline-block;font-size:18px;color:#fff;height:40px;line-height:40px;background:#d82128;padding:0 30px;overflow:hidden;border-radius:50px;-webkit-transition:all .35s;transition:all .35s}#contact .market>.container>.online>a>img{height:18px;width:auto;margin-right:6px}#contact .market>.container>.online>a:after{content:'';display:block;position:absolute;width:100%;height:200px;background:rgba(255,255,255,0);-webkit-transform:rotate(45deg);transform:rotate(45deg);left:-80%;top:-100px;-webkit-transition:all .45s ease;transition:all .45s ease}#contact .market>.container>.online>a:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}#contact .market>.container>.online>a:hover:after{left:-60%;background:rgba(255,255,255,.2)}@media only screen and (max-width:1280px){#contact .headquarters>.info>ul>li>.ico{margin-right:12px;width:50px;height:50px;line-height:50px}#contact .headquarters>.info>ul>li>.ico>img{width:24px;height:auto}#contact .headquarters>.info>ul>li>.txt{height:50px;line-height:50px;color:#333;font-size:16px}#contact .subsidiary>.container>.nav .swiper-slide>span{font-size:16px}}@media only screen and (max-width:1080px){#contact .headquarters>.map>.box{height:560px}#contact .headquarters>.map>.title{padding:20px 60px}#contact .headquarters>.info>ul>li>.ico{display:block;margin:0 auto}#contact .headquarters>.info>ul>li>.txt{padding-top:10px;height:auto;line-height:24px}#contact .subsidiary>.container>.nav{display:none}#contact .subsidiary>.container>.navbox{float:none;width:90%;margin:0 auto}#contact .subsidiary>.container>.navbox .swiper-pagination{position:relative;display:block;width:100%;text-align:right}#contact .subsidiary>.container>.navbox .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin-right:10px}#contact .subsidiary>.container>.navbox .swiper-pagination .swiper-pagination-bullet-active{background:#d82128}#contact .market>.title>h2{font-size:24px}}@media only screen and (max-width:860px){#contact .wrap{padding:30px 0}#contact .headquarters>.map>.box{height:420px}#contact .headquarters>.map>.title>h3{font-size:20px}#contact .headquarters>.map>.title>span{font-size:14px}#contact .market>.title>h2{font-size:20px}#contact .headquarters>.map>.box img{width:auto;height:100%;}#contact .market>.container>.info,#contact .market>.container>.online,#contact .market>.container>.qrcode{float:none}}@media only screen and (max-width:640px){#contact .headquarters>.map>.box{height:360px}#contact .headquarters>.info>ul>li{display:block;float:none;width:100%;padding:10px 0;text-align:left}#contact .headquarters>.info>ul>li>.ico{display:inline-block;margin-right:16px}#contact .market>.container>.info{padding-top:20px;line-height:20px}#contact .market>.container>.info>img{display:block;float:left}#contact .market>.container>.info>span{display:block;height:0;opacity:0}}@media only screen and (max-width:420px){#contact .headquarters>.map>.title{padding:14px 30px}#contact .headquarters>.map>.box{height:280px}#contact .market>.container>.info{font-size:14px}#contact .market>.container>.online>a{display:block;text-align:center}}