@charset "UTF-8";

img { display: block; max-width: 100%; }
.tab-content img{
  display: inline-block!important;
}
.container { margin: 0 auto; padding: 0 20px; }

@media only all and (min-width: 768px) { .container { width: 750px; padding: 0 10px !important; } }

@media only all and (min-width: 992px) { .container { width: 991px; padding: 0 10px !important; } }

@media only all and (min-width: 1200px) { .container { width: 991px; padding: 0 10px !important; } }

@media only all and (min-width: 1441px) { .container { width: 1200px; padding: 0 10px !important; } }

@media only all and (min-width: 1900px) { .container { width: 1400px; padding: 0 10px !important; } }

@font-face { font-family: 'font_cn'; src: url("../fonts/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url("../fonts/DIN-LIGHTALTERNATE.OTF"); }

/*@mixin transit($time) { -webkit-transition: all $time; -moz-transition: all $time; -ms-transition: all $time; -o-transition: all $time; transition: all $time; } @mixin select(){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } //rotate @mixin rotate($deg){ -webkit-transform:rotate($deg); -moz-transform:rotate($deg); -ms-transform:rotate($deg); -o-transform:rotate($deg); transform:rotate($deg); } //translate @mixin translate(){ -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @mixin translateY(){ -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } @mixin translateX(){ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } @mixin translateNone(){ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } @mixin animation($name,$time,$alternate){ animation: $name $time $alternate; -moz-animation: $name $time $alternate;  Firefox -webkit-animation: $name $time $alternate;  Safari 和 Chrome -o-animation: $name $time $alternate;  Opera } @mixin rotateSlate($deg){ -webkit-transform: translateX(-50%) rotate($deg); -moz-transform: translateX(-50%) rotate($deg); -ms-transform: translateX(-50%) rotate($deg); -o-transform: translateX(-50%) rotate($deg); transform: translateX(-50%) rotate($deg); } //scale @mixin scale($a){ -webkit-transform:scale($a); -moz-transform:scale($a); -ms-transform:scale($a); -o-transform:scale($a); transform:scale($a); } //border-radius @mixin radius($temp){ -webkit-border-radius: $temp; -moz-border-radius: $temp; border-radius: $temp; } //box-shadow @mixin shadow($info1,$info2,$info3,$info4) { -moz-box-shadow: $info1,$info2,$info3,$info4; -webkit-box-shadow:$info1,$info2,$info3,$info4; box-shadow: $info1,$info2,$info3,$info4; } @mixin box-shadow($info) { -moz-box-shadow: $info; -webkit-box-shadow:$info; box-shadow: $info; } */
.contact-page .inside-tab .tab-list { width: 50%; }

.contact-page .tab-content { padding-top: 70px; }

@media only all and (max-width: 767px) { .contact-page .tab-content { padding-top: 35px; } }

.contact-page .tab-content .tab-content-list { display: none; }

.contact-page .tab-content .tab-content-list:first-child { display: block; }

.contact-page .tab-content .tab-content-list .tab-title { line-height: 35px; font-size: 30px; text-align: center; }

@media only all and (max-width: 767px) { .contact-page .tab-content .tab-content-list .tab-title { font-size: 20px; line-height: 24px; } }

.contact-page .job-box { margin-top: 55px; position: relative; font-size: 0}

@media only all and (max-width: 767px) { .contact-page .job-box { margin-top: 35px; } }

/*.contact-page .job-box .img { float: left; width: 41%; }*/
.contact-page .job-box .img { width: 41%; display: inline-block;vertical-align: top;}

@media only all and (max-width: 768px) { .contact-page .job-box .img { width: 100%; overflow: hidden; } }

/*.contact-page .job-box .job-content { float: left; width: 59%; position: absolute; left: 41%; top: 0; height: 100%; border-top: 1px solid #e5e5e5; z-index: 8; }*/
.contact-page .job-box .job-content {
    /*float: left; */
    width: 59%; 
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 100;
/*    position: absolute;
    left: 41%; 
    top: 0; 
    height: 100%; */
    border-top: 1px solid #e5e5e5;
/*    z-index: 8;*/
    }

@media only all and (max-width: 768px) { 
    .contact-page .job-box .job-content {
        width: 100%;
        padding-left: 50px;
        -moz-box-sizing: border-box;  
        -webkit-box-sizing: border-box; 
        -o-box-sizing: border-box; 
        -ms-box-sizing: border-box; 
        box-sizing: border-box;   
    }
   }

@media only all and (max-width: 640px) { 
    .contact-page .job-box .job-content {
        padding-left: 0px;  
    }
   }

/*.contact-page .job-box .job-content .job-list { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }*/
.contact-page .job-box .job-content .job-list {
    width: 100%;
    margin-bottom: 10px;
    /*display: inline-block;;*/
    /*vertical-align: middle;*/
}


@media only all and (max-width: 768px) { 
    .contact-page .job-box .job-content .job-list {

    margin-top: 10px;

    } 
}

.contact-page .job-box .job-content .job-list .list { position: relative; margin-bottom: 20px; padding-left: 50px; }

@media only all and (max-width: 1441px) { .contact-page .job-box .job-content .job-list .list { margin-bottom: 10px; padding-left: 35px; } }

@media only all and (max-width: 767px) { .contact-page .job-box .job-content .job-list .list { padding-left: 75px; } }

.contact-page .job-box .job-content .job-list .list:last-child { margin-bottom: 0; }

.contact-page .job-box .job-content .job-list .list .tip { position: absolute; top: 0; left: -30px; display: block; width: 60px; height: 60px; z-index: 3; border-radius: 50%; background: #333; color: #fff; font-size: 30px; text-align: center; line-height: 60px; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .contact-page .job-box .job-content .job-list .list .tip { width: 40px; height: 40px; left: -20px; line-height: 40px; } }

@media only all and (max-width: 767px) { .contact-page .job-box .job-content .job-list .list .tip { left: 20px; } }

.contact-page .job-box .job-content .job-list .list .list-box { display: inline-block; width: 70%; }

@media only all and (max-width: 767px) { .contact-page .job-box .job-content .job-list .list .list-box { width: 80%; } }

.contact-page .job-box .job-content .job-list .list .list-box .title { font-size: 20px; line-height: 60px; font-weight: bold; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .contact-page .job-box .job-content .job-list .list .list-box .title { font-size: 18px; line-height: 40px; } }

@media only all and (max-width: 767px) { .contact-page .job-box .job-content .job-list .list .list-box .title { font-size: 16px; } }

.contact-page .job-box .job-content .job-list .list .list-box .list-box-info { display: none; max-height: 360px; overflow: auto; color: #666; }

@media only all and (max-width: 1441px) { .contact-page .job-box .job-content .job-list .list .list-box .list-box-info { max-height: 215px; } }

@media only all and (max-width: 1199px) { .contact-page .job-box .job-content .job-list .list .list-box .list-box-info { max-height: 120px; } }

.contact-page .job-box .job-content .job-list .list.active .tip { background: #c99f42; }

.contact-page .job-box .job-content .job-list .list.active .list-box .title { color: #c99f42; }

.contact-page .job-box .job-content .job-list .list:first-child .list-box .list-box-info { display: block; }

.contact-page .job-box .eamil-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only all and (max-width: 767px) { .contact-page .job-box .eamil-box { height: 130px; } }

.contact-page .job-box .eamil-box .container { position: relative; height: 100%; }

.contact-page .job-box .eamil-box .eamil-info {
    position: absolute;
    /*top: 50%; */
    left: 0; 
    top: 400px;
    padding: 4% 0;
    /*-webkit-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    display: inline-block; 
    text-align: center;
    border-bottom: 1px solid #8b939a; 
    border-top: 1px solid #8b939a; 
  }

@media only all and (max-width: 1600px) {
    .contact-page .job-box .eamil-box .eamil-info {
        top: 300px;
    }
}
@media only all and (max-width: 1440px) {
    .contact-page .job-box .eamil-box .eamil-info {
        left: -45px;
    }
}

@media only all and (max-width: 1366px) {
    .contact-page .job-box .eamil-box .eamil-info {
        top: 200px;
    }
}
@media only all and (max-width: 1024px) {
    .contact-page .job-box .eamil-box .eamil-info {
        top: 100px;
        left: 60px;
    }
}




@media only all and (max-width: 768px) { .contact-page .job-box .eamil-box .eamil-info { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.contact-page .job-box .eamil-box .eamil-info img { margin: 0 auto; }

@media only all and (max-width: 767px) { .contact-page .job-box .eamil-box .eamil-info img { width: 30px; } }

.contact-page .job-box .eamil-box .eamil-info .title { font-size: 16px; line-height: 24px; color: #fff; }

@media only all and (max-width: 767px) { .contact-page .job-box .eamil-box .eamil-info .title { font-size: 14px; line-height: 20px; } }

.contact-page .job-box .eamil-box .eamil-info .eamil-name { display: block; line-height: 24px; font-size: 24px; color: #fff; font-weight: bold; font-family: "Arial"; }

@media only all and (max-width: 767px) { .contact-page .job-box .eamil-box .eamil-info .eamil-name { font-size: 18px; line-height: 18px; } }

.contact-page .map { text-align: center; padding-bottom: 95px; }

.contact-page .map .map_img{
    margin: 0 auto;
}
.contact-page .map .map_text{
    margin-bottom: 70px;
    margin-top: 30px;
}
.contact-page .map .map_text p{
    font-size: 18px;
    color: #333;
    line-height: 2;
    /* text-align: justify;
    text-justify: inter-ideograph; */
}
@media only all and (max-width: 767px) {
    .contact-page .map {
        padding-bottom: 35px;
    }
    .contact-page .map .map_text {
        margin-bottom: 30px;
    }
    .contact-page .map .map_text p {
        font-size: 14px;
    }
    .detail-box{
        opacity: 1 !important;
    }
}

.contact-page .map .map-box { width: 900px; height: 745px; position: relative; margin: 0 auto 25px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box { width: 700px; height: 580px; } }

@media only all and (max-width: 767px) { .contact-page .map .map-box { display: none; } }

.contact-page .map .map-box .city-list .list { position: absolute; line-height: 14px; cursor: pointer; }

.contact-page .map .map-box .city-list .list .tip { position: relative; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: #c99f42; z-index: 2; vertical-align: top; }

.contact-page .map .map-box .city-list .list .t { display: block; width: 12px; height: 12px; background: #c99f42; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 1; }

.contact-page .map .map-box .city-list .list .add-info-tip { display: none; position: absolute; bottom: 28px; left: -206px; width: 460px; padding: 25px 30px; text-align: left; background: rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 30px -7px #c99f42; border-radius: 10px; z-index: 4; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list .add-info-tip { width: 260px; padding: 20px; left: -125px; } }

.contact-page .map .map-box .city-list .list .add-info-tip:after { position: absolute; bottom: -20px; left: 50%; margin-left: -10px; display: block; content: ''; border: 10px solid transparent; border-top-color: rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 30px -7px #c99f42; }

.contact-page .map .map-box .city-list .list .add-info-tip h2 { margin-bottom: 15px; line-height: 35px; font-size: 30px; color: #c99f42; font-weight: bold; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list .add-info-tip h2 { line-height: 18px; font-size: 18px; } }

.contact-page .map .map-box .city-list .list .add-info-tip > div { line-height: 24px; font-size: 16px; margin-top: 6px; font-weight: bold; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list .add-info-tip > div { line-height: 15px; font-size: 13px; } }

.contact-page .map .map-box .city-list .list .add-info-tip ul li { line-height: 24px; font-size: 16px; margin-top: 6px; font-weight: bold; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list .add-info-tip ul li { line-height: 15px; font-size: 13px; } }

.contact-page .map .map-box .city-list .list:hover { color: #c99f42; }

.contact-page .map .map-box .city-list .list:hover .t.t1 { -webkit-animation: scale 3s linear infinite; animation: scale 3s linear infinite; }

.contact-page .map .map-box .city-list .list:hover .t.t2 { -webkit-animation: scale 3s linear 1s infinite; animation: scale 3s linear 1s infinite; }

.contact-page .map .map-box .city-list .list:hover .t.t3 { -webkit-animation: scale 1s linear 2s infinite; animation: scale 1s linear 2s infinite; }

.contact-page .map .map-box .city-list .list.wlmq { top: 204px; left: 193px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.wlmq { top: 160px; left: 150px; } }

.contact-page .map .map-box .city-list .list.wlmq .add-info-tip { left: -192px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.wlmq .add-info-tip { left: -125px; } }

.contact-page .map .map-box .city-list .list.bj { top: 274px; right: 183px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.bj { top: 211px; right: 133px; } }

.contact-page .map .map-box .city-list .list.bj .add-info-tip { max-height: 244px; overflow: auto; }

.contact-page .map .map-box .city-list .list.tj { top: 290px; right: 166px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.tj { top: 225px; right: 122px; } }

.contact-page .map .map-box .city-list .list.xa { top: 415px; right: 320px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.xa { top: 321px; right: 240px; } }

.contact-page .map .map-box .city-list .list.nj { top: 431px; right: 111px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.nj { top: 336px; right: 76px; } }

.contact-page .map .map-box .city-list .list.sh { top: 464px; right: 86px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.sh { top: 360px; right: 60px; } }

.contact-page .map .map-box .city-list .list.wh { top: 473px; right: 210px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.wh { top: 366px; right: 151px; } }

.contact-page .map .map-box .city-list .list.cd { top: 477px; right: 383px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.cd { top: 371px; right: 284px; } }

.contact-page .map .map-box .city-list .list.hz { top: 483px; right: 94px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.hz { top: 374px; right: 64px; } }

.contact-page .map .map-box .city-list .list.cs { top: 525px; right: 233px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.cs { top: 407px; right: 175px; } }

.contact-page .map .map-box .city-list .list.km { top: 590px; right: 403px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.km { top: 459px; right: 309px; } }

.contact-page .map .map-box .city-list .list.sz { top: 635px; right: 186px; }

@media only all and (max-width: 991px) { .contact-page .map .map-box .city-list .list.sz { top: 491px; right: 135px; } }

.contact-page .map .md-map { display: none; }

@media only all and (max-width: 767px) { .contact-page .map .md-map { display: block; width: 100%; } }

.contact-page .map .map-list-md { display: none; }

@media only all and (max-width: 767px) { .contact-page .map .map-list-md { display: block; margin-bottom: 25px; } }

.contact-page .map .map-list-md .list { text-align: left; margin-top: 25px; }

.contact-page .map .map-list-md .list h2 { font-weight: bold; margin-bottom: 5px; }

.contact-page .detail-box .title {
    font-size: 30px;
    color: #333;
    margin-bottom: 70px;
    font-weight: bold;
    margin-top: 30px;
}
.contact-page .detail-box .contact_item .list-title {
    font-size: 21px;
    color: #333;
    margin-bottom: 15px;
}
.contact-page .detail-box .contact_item .list_address {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}
.contact-page .detail-box .contact_item.total .list-title{
    font-weight: bold;
    color: #c99f42;
}
.contact-page .detail-box .contact_item.total .list_address {
    font-size: 21px;
    font-weight: bold;
    color: #333;
}
.contact-page .detail-box .contact_list{
    border-top: 2px solid #e5e5e5;
    margin-top: 50px;
    text-align: left;
    font-size: 0;
}
.contact-page .detail-box .contact_list .contact_item{
    display: inline-block;
    width:30%;
    margin-right: 4.1%;
    padding: 40px 0px;
    padding-right: 40px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align:top;
    height: 210px;
}
@media only all and (max-width: 1100px) {
  .contact-page .detail-box .contact_list .contact_item{
      height: 280px;
  }
}
.contact-page .detail-box .contact_list .contact_item:nth-child(3n){
    margin-right: 0;
}
@media only all and (max-width: 768px) {
    .contact-page .detail-box .contact_list .contact_item {
        width: 46%;
        height: auto;
        margin-right: 4%;
    }
    .contact-page .detail-box .contact_list .contact_item:nth-child(2n){
        margin-right: 0;
    }
    .contact-page .detail-box .contact_list .contact_item:nth-child(3n) {
        margin-right: 4%;
    }
}
@media only all and (max-width: 414px){
    .contact-page .detail-box .contact_list .contact_item{
        width: 100%;
        margin-right: 0;
    }
    .contact-page .detail-box .contact_list .contact_item:nth-child(3n) {
        margin-right: 0;
    }
    .contact-page .detail-box .title{
        font-size: 22px;
        margin-bottom: 30px;
    }
    .contact-page .detail-box .contact_item .list-title {
        font-size: 18px;
    }
    .contact-page .detail-box .contact_item.total .list_address {
      font-size: 18px;
    }
}

@-webkit-keyframes scale { 0% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(3.5);
    transform: scale(3.5); } }

@keyframes scale { 0% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(3.5);
    transform: scale(3.5); } }