@charset "UTF-8";

.er-bn .text { color:#01538c; }
.er-bn .text .line { background:#01538c; }

.customer-sec-bk01 { margin:0.625em 0px 1.25em; padding-left:25%; position:relative;  }
.customer-sec-bk01 .customer-left { position:absolute; left:0px; top:0px; width:25%; bottom:0px; height:100%;}
.customer-sec-bk01 .customer-left .sec { position:absolute; height:33.33%; left:0px; right:0px; width:100%; }
.customer-sec-bk01 .customer-left .sec .ico img { width:3.125em; }
.customer-sec-bk01 .customer-left .sec p { padding-top:2px; color:#0076ff; }
.customer-sec-bk01 .customer-left .sec a { display:block; color:#fff; }
.customer-sec-bk01 .customer-left .sec a p { color:#fff;  }
.customer-sec-bk01 .customer-left .sec01 { top:0px; }
.customer-sec-bk01 .customer-left .sec02 { top:33.33%; }
.customer-sec-bk01 .customer-left .sec03 { top:66.66%; height:33.34%; }
.customer-sec-bk01 .customer-left .code { margin-bottom:0.75em; }
.customer-sec-bk01 .customer-left .code img { width:8.875em; }
.customer-sec-bk01 .customer-left .sec:hover { opacity:0.9; filter:alpha(opacity=90);}


.customer-sec-bk01 .customer-map { background:#b8d1ea; padding:6.125em 6.8% 6.25em; overflow: hidden; } 



.contact-tab { padding:0px 3.375em; position:relative;  }
.contact-tab .swiper-container1 { overflow:hidden; }
.contact-tab ul li .text { background:url(../images/contact-tab-libg01.png) no-repeat center center; cursor:pointer; border-radius:3px; line-height:4; height:4em; color:#fff; background-size:cover; }
.contact-tab ul li .text img { vertical-align:middle; margin-right:2px; height:1.125em; }
.contact-tab ul li.on .text {background:url(../images/contact-tab-libg02.png) no-repeat center center; background-size:cover; }
.contact-tab .btn {  color:#3171bd; position:absolute; width:1em; top:0px; bottom:0px; height:100%; cursor:pointer;  }
.contact-tab .btn span {  /*opacity:0.4; filter:alpha(opacity=40);*/ }
.contact-tab .con-prev { left:0px; }
.contact-tab .con-next { left:auto; right:0px; }
.contact-tab .con-next span { right:0px; }
.contact-tab .swiper-button-disabled { display:none; }
.contact-tab .btn:hover span { opacity:1.0; filter:alpha(opacity=100); font-size:1.1em; }



.con-tab-con { padding-top:2em; width:100%; max-width:952px; margin-left:2.5em; }
.con-tab-con .map img { width:100%; }
.con-tab-con .map-con { position:relative; }
.con-tab-con .map-con .list ul li { position:absolute; }
.con-tab-con .map-con  .ico { width:1.625em; height:2.125em; background:url(../images/con-ico02.png) no-repeat center center; background-size:100% 100%; }
.con-tab-con .map-con .page-map-ft {
  position: absolute;
  left: 56.9389%;
  width:27.9411%;
  top:82.0542%;
}
.con-tab-con .map-con .page-map-ft img {
  width: 100%;
}
.con-tab-con .map-con .page-map-rt {
  position: absolute;
  left: 95.5%;
  width:16.8067%;
  top:73.0542%;
}
.con-tab-con .map-con .page-map-rt img {
  width: 100%;
}

.map-contc { position:absolute; width:550px; display:none; left:50%; margin-left:-275px; top:100%;  }
.map-contc .jt {  font-size:0px; }
.map-contc .jt span { border:11px solid #fff; border-color:transparent transparent #fff transparent; display:inline-block;  }
.map-contc .list-con {background:url(../images/map-contc.png) no-repeat center center; border-radius:5px; background-size:cover; padding:1.375em 2.375em; margin-top:-2px; }
.map-contc .title { color:#383841; }
.map-contc .title img { vertical-align:middle; margin-right:2px; height:22px; }
.map-contc .img { float:left; width:160px; height:90px;  }
.map-contc .img img { width:100%; }
.map-contc .tel { overflow:hidden; padding-left:1.2em; }
.map-contc .tel dd { position:relative; padding-left:24px; color:#383841; }
.map-contc .tel dd .sign { position:absolute; left:0px; top:0.5em; }
.map-contc .tel dd .sign img { width:13px;  }
.map-contc .tel dd a:hover { color:#e1b150; text-decoration:underline; }
.map-contc .content { padding-top:1.25em; }
.map-contc .address { padding-top:1em; }
.map-contc .address dl dd { position:relative; margin-top:5px; padding-left:20px; color:#383841; }
.map-contc .address dl dd .sign { position:absolute; left:0px; top:0.375em; }
.map-contc .address dl dd .sign img { width:13px;  }
.map-con .list ul li:hover { z-index:10; }
.map-con .list ul li:hover .ico,.map-con .list ul li.on .ico { background:url(../images/con-ico01.png) no-repeat center center; background-size:100% 100%; }
.map-con .list-tab1 ul li:hover .map-contc,.map-con .list-tab1 ul li.on .map-contc { display:block; }
.map-con .list ul li.on { z-index:9; }


.map-contc2 { right:100%; margin-left:0px; top:-1em; left:auto; padding-right:22px; }
.map-contc2 .jt { position:absolute; right:0px; top:20px;  }
.map-contc2 .jt span { border-color:transparent transparent transparent #fff; }


.select-box { padding-left:34px; line-height:3.75; height:3.75em;  }
.select-box dt i.ico { right:0.5625em; margin-top:3.5px; width:13px; }
.select-box dt { padding-left:0px; }
.select-box dt b em { padding-left:3em; }

.full_select { color:#333; }
.full_select .prov_div {  position:relative; padding:0px 0px 0px 34px;  line-height:3.75em; height:3.75em;}

.full_select select { position:absolute; opacity:0;filter:alpha(opacity=0); height:100%; cursor:pointer; left:0px; top:0px; width:100%; bottom:0px; background:none; border:none; color:#333; }
.full_select  i { position: absolute; transition: 0.3s all ease-in-out; background: url(../images/jt03.png) no-repeat 0 0; background-size:100% 100%; width:13px; height: 7px; right:0.5625em; top: 50%; margin-top: 3.5px;  }
.full_select .prov_div.on i { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.city_div,.dist_div{ display:none!important; }

.full_select .prov_con { display:inline-block; padding-left:3em; color:#606060; }

.inp_time  i { position: absolute; transition: 0.3s all ease-in-out; background: url(../images/jt03.png) no-repeat 0 0; background-size:100% 100%; width:13px; height: 7px; right:0.5625em; top: 50%; margin-top: 3.5px;  }

.customer-legal { padding:5em 0px 6.375em; color:#333; }
.customer-legal .cus-legal-con { padding:4.325em 7.96875% 8.0625em;   }
.customer-legal .cus-legal-con img {  width:auto; max-width:100%; }
.customer-legal .cus-legal-con .legal-con { margin-top:2.778em; }



.cus-reg-wrap .cur-reg-form { background:none; }


@media only screen and (max-width: 1600px){
	
.map-contc { width:480px; margin-left:-240px; }
.map-contc .list-con { padding:1.375em 1.5em; }

.con-tab-con { max-width:800px;  }

}

@media only screen and (max-width: 1400px){
	
.con-tab-con { max-width:700px;  }

}


@media only screen and (max-width: 1280px){

.map-contc { width:450px; margin-left:-225px;  }
.con-tab-con { width:84%; max-width:952px; }


.customer-sec-bk01 { padding-left:0px; }
.customer-sec-bk01 .customer-left { position:relative; height:15em; width:100%; }
.customer-sec-bk01 .customer-left .sec { width:33.33%; right:auto; height:100%; }
.customer-sec-bk01 .customer-left .sec01 { left:0; top:0px; }
.customer-sec-bk01 .customer-left .sec02 { left:33.33%; top:0px; }
.customer-sec-bk01 .customer-left .sec03 { left:66.66%; top:0px; height:100%; width:33.34%; }


.customer-legal { padding:4em 0px 5em; }
.customer-legal .cus-legal-con { padding:3em 5% 6em;   }
.customer-legal .cus-legal-con .legal-con { margin-top:2em; }



}

@media only screen and (max-width: 900px){

.map-contc { width:440px; margin-left:-220px;  }

}


@media only screen and (min-width: 768px) and (max-height: 800px){


.select-box,.full_select .prov_div { height:3.25em; line-height:3.25; }


}

@media only screen and (min-width: 768px) and (max-height: 720px){


.select-box,.full_select .prov_div { height:2.75em; line-height:2.75; }

}

@media only screen and (max-width: 767px){

.customer-sec-bk01 { padding:0px; } 
.customer-sec-bk01 .customer-map { padding:2em 0.4rem 3em; }
.contact-tab { padding:0px 1em;  }
.contact-tab ul li .text img { display:none; }
.contact-tab ul li .text { line-height:1.5; display:flex; -webkit-box-align:center; -ms-flex-align:center;  align-items:center; padding:0px 2em; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.con-tab-con { padding:2em 0px 0px; width:100%; margin-left:0px; }


.con-tab-con .map-con .ico { width:1.0833em; height:1.41667em; }

.con-tab-con .map-con .list-tab2 ul li { position:relative;}
.con-tab-con .map-con .list-tab2 ul li .map-contc { position:relative; width:100%; margin-left:0px; left:0px; }
.con-tab-con .map-con .list-tab2 ul li .map-contc .jt { display:none; }

.con-tab-con .map-con .page-map-rt {
  left: 87.5%;
}

.map-con .list-tab2  { margin-top:2em; }
.map-con .list-tab1 ul li:hover .map-contc,.map-con .list-tab1 ul li.on .map-contc { display:none!important; }
.map-con .list-tab2 ul li:hover .map-contc,.map-con .list-tab2 ul li.on .map-contc { display:block; }
.map-contc .tel dd .sign { top:0.325em;}
.map-contc .tel dd .sign img { width:1em; }
.map-contc .tel dd { padding-left:1.5em; }

.map-contc .img { width:7.66em; height:4.75em;  }
.map-contc .tel { padding-left:0.75em; }



.map-contc .address dl dd .sign { top:0.25em;}
.map-contc .address dl dd .sign img { width:1em; }
.map-contc .address dl dd { padding-left:1.5em; }


.customer-sec-bk01 .customer-left { height:10em; }
.customer-sec-bk01 .customer-left .code img { width:5.91667em; }
.customer-sec-bk01 .customer-left .sec p { width:7em; text-align:center; }




.select-box dt i.ico,.inp_time i,.full_select i { margin-top:-3.5px; }


.customer-legal { padding:2em 0px 3em; }
.customer-legal .cus-legal-con { padding:2em 5% 4em;   }
.customer-legal .cus-legal-con .legal-con { margin-top:1em; }


.cus-reg-wrap .cus-reg-tc { position:relative; top:0px; bottom:0px; background:none;  }
.cus-reg-wrap .reg-tc { display:block; padding:2.5em 0px 3em; }
.cus-reg-wrap .cur-reg-form { position:relative; left:0px; right:0px; top:0px;  }

}

@media only screen and (max-width: 375px){

.map-contc .img { width:100%; height:0px; padding-bottom:56.25%;  }
.map-contc .tel { padding-left:0px; float:left; width:100%; padding-top:1em; }
 

}