@charset "UTF-8";



.join-us-list { padding-top:2.625em; padding-bottom:3.625em; }
.join-us-list .list { padding-top:0.9375em; padding-bottom:2.75em; }
.join-us-list .ph_table { width: 100%;  }
.join-us-list .ph_table td { color:#333; position:relative; padding:0.7875em 0.5em; border:1px solid #eee; transition:0.5s all; -webkit-transition:0.5s all; }
.join-us-list .ph_table thead { border:1px solid #0693ff; background:linear-gradient(to right,#0692ff,#00b0ff,#037afe); -moz-background:linear-gradient(to right,#0692ff,#00b0ff,#037afe);-ms-background:linear-gradient(to right,#0692ff,#00b0ff,#037afe); -webkit-background:linear-gradient(to right,#0692ff,#00b0ff,#037afe); }
.join-us-list .ph_table thead td { color:#fff; border:none; padding:0.7375em 0.5em;  }
.join-us-list .job tr:nth-child(2n) { background:#f3f7fc; }
.join-us-list .t1 { width:17.22%; }
.join-us-list .t2 { width:21.35%; }
.join-us-list .t3 { width:23.37%; }
.join-us-list .t4 { width:20.47%; }


.about-sec-bk01 { padding-top:4.0625em; }
.about-sec-bk01 .img { width:39.98%; }
.about-sec-bk01 .img img { width:100%; }
.about-sec-bk01 .text { width:60.02%; }
.about-sec-bk01 .text .title { padding-left:2.5em;  }
.about-sec-bk01 .text .title .tit { padding-bottom:0.25em; }
.about-sec-bk01 .text .tit-en { color:#eff2fa; line-height:1.1; }
.about-sec-bk01 .text .txt { background:#f3f7fc; margin-top:1em; padding:2.2em 2.8571em 2.5em; line-height:1.71; border:1px solid #eee; }


.about-sec-bk02 { padding-top:3.25em; padding-bottom:6.5em; }
.about-sec-bk02 .content { padding-top:3.8125em; }
.about-sec-bk02 .content img { max-width:100%; }

.about-sec-bk03  { padding-bottom:2.8125em; padding-top:3.75em; }
.about-sec-bk03 .tab-nav-scroll { padding:0px 2.125em; position:relative; margin-top:1.25em; }
.about-sec-bk03 .gallery-top,.about-sec-bk03  .gallery-thumbs { overflow:hidden; }
.about-sec-bk03 .tab-nav-scroll .swiper-slide { float:left; width:20%; color:#005eae; cursor:pointer; }
.about-sec-bk03 .tab-nav-scroll .year { padding-bottom:2.625em; position:relative;  height:6.375em; }
.about-sec-bk03 .tab-nav-scroll .year i { position:absolute; left:50%; bottom:0px; margin-left:-1.25em; display:inline-block; width:2.5em; height:2.5em; background:url(../images/about-sec-bk03-ico02.png) no-repeat center center; background-size:1.375em 1.375em;}
.about-sec-bk03 .tab-nav-scroll .line { position:absolute; left:2.125em; right:2.125em; height:1px; background:rgba(0,94,174,0.6); bottom:1.25em; }
.about-sec-bk03 .tab-nav-scroll .btn { position:absolute; bottom:0.1875em; cursor:pointer; width:2.125em; height:2.125em; }
.about-sec-bk03 .tab-nav-scroll .swiper-button-prev1 { left:0px; background:url(../images/about-sec-bk03-but01.png) no-repeat center center; background-size:100% 100%; }
.about-sec-bk03 .tab-nav-scroll .swiper-button-next1 { right:0px; background:url(../images/about-sec-bk03-but02.png) no-repeat center center; background-size:100% 100%; }
.about-sec-bk03 .tab-nav-scroll .swiper-slide-thumb-active .year { padding-bottom:2.75em; }
.about-sec-bk03 .tab-nav-scroll .swiper-slide-thumb-active .year span { font-size:2.25em; }
.about-sec-bk03 .tab-nav-scroll .swiper-slide-thumb-active .year i {background:url(../images/about-sec-bk03-ico01.png) no-repeat center center; background-size:100% 100%; }

.about-sec-bk03 .online-shop-list { margin-top:1.75em;overflow:hidden; }
.about-sec-bk03 .online-shop-list .list { display:none;  }
.about-sec-bk03 .online-shop-list .list:first-child { display:block; }
.about-sec-bk03 .list ul { margin:0px -1.375em; }
.about-sec-bk03 .list ul li .con { margin:1.375em; }
.about-sec-bk03 .online-shop-list { padding-bottom:0px; }
.about-sec-bk03 .online-shop-list .list ul li .text { background:none; padding:0.611em 0px 0px; }
.about-sec-bk03 .online-shop-list .list ul li .text a { height:3em; }

.about-sec-bk04 { padding-top:4.5875em; padding-bottom:4.4375em; }
.about-sec-bk04 .content img { max-width:100%; }


.about-sec-bk05 { padding-top:4.5625em; padding-bottom:0px; }
.about-sec-bk05 .list { padding-top:0.5em; padding-bottom:0px; }

.about-sec-bk06 { padding-top:4.375em; }
.about-sec-bk06 .img { width:31.72%; }
.about-sec-bk06 .img img { width:100%; }
.about-sec-bk06 .text { width:68.28%; padding:2em 4.8% 2em 5.3%; }
.about-sec-bk06 .list { background:#f3f7fc; margin-top:0.8125em; }
.about-sec-bk06 .list .con { line-height:1.71; margin-top:1.5em; }

.about-sec-bk07 { padding-top:2.0625em; padding-bottom:0px; }
.about-sec-bk07 .list ul { margin:0px -1.375em; padding-top:0px; }
.about-sec-bk07 .list ul li .con { margin:0.8125em 1.375em 0px; }
.about-sec-bk07 .list ul li .text { padding:0.875em 1.0625em 1.125em; background:#f3f4f6;  }
.about-sec-bk07 .list ul li .text a { height:3em; }



.about-sec-bk08 { padding-top:2.625em; padding-bottom:0px; }
.about-sec-bk08 .list { padding-top:0.9375em; padding-bottom:0px; }


.about-sec-bk09 { padding-bottom:3.6875em; padding-top:3.875em; }
.about-sec-bk09 .list { margin-top:0.6875em; }
.about-sec-bk09 .hot-line { width:37.34%; }
.about-sec-bk09 .hot-line ul li { border-top:1px solid #eee; padding:0.625em 0px; }
.about-sec-bk09 .hot-line ul li .number { color:#0090ff; }
.about-sec-bk09 .hot-line ul li .ico { width:2.75em; }
.about-sec-bk09 .hot-line ul li .ico img { width:100%; }
.about-sec-bk09 .hot-line ul li .tel { padding-left:1em; }
.about-sec-bk09 .map { width:59.66%; margin-top:0.625em; }
.about-sec-bk09 .map img { max-width:100%; height:auto!important; }
.about-sec-bk09 .hot-line ul li:first-child { border-top:none; }



.join-us-detail-sec-bk01 { padding-top:2.625em; padding-bottom:2em; border-bottom:1px solid #e2e2e2; }
.join-us-detail-sec-bk01 .public-title { padding-right:14em; }
.join-us-detail-sec-bk01 .public-title .tit { padding-left:1.5em; position:relative; }
.join-us-detail-sec-bk01 .public-title .tit i { position:absolute; top:50%; margin-top:-0.625em; width:1.0416em; height:1.25em; left:0px; background:url(../images/a_icon_3.png) no-repeat center center; background-size:100% 100%; }
.join-us-detail-sec-bk01 .public-title .more { margin-top:-1.3125em;}
.join-us-detail-sec-bk01 .public-title .more a { display:inline-block; opacity:1;filter:alpha(opacity=100); background:url(../images/btn_job.png) no-repeat center center; background-size:100% 100%; width:12.9375em; height:2.625em;  }

.join-us-detail-sec-bk02 { padding:2em 0px; margin:0px 1em;  border-bottom:1px solid #e2e2e2;  }
.join-us-detail-sec-bk02 ul li { width:50%; padding:0.75em 1em;  }


.join-us-detail-sec-bk03 {padding:2em 0px; margin:0px 1em;  border-bottom:1px solid #e2e2e2;}
.join-us-detail-sec-bk03 .public-title .tit { padding-left:1em; }
.join-us-detail-sec-bk03 .public-title .tit i { background:#297CFE; height:1.2em; display:inline-block; position:absolute; left:0px; width:0.25em; top:50%; margin-top:-0.6em; }
.join-us-detail-sec-bk03 .content { padding:2em 1.5em; line-height:2; }

.join-us-detail-sec-bk04 { border-bottom:none; }
.join-us-detail-sec-bk04  .content { line-height:2.5714; }
.join-us-detail-sec-bk04  .content .email{display:inline-block;padding:0 22px 0 56px;background:url(../images/a_icon_4.png) no-repeat 22px center;background-color:#297CFE;color:#FFFFFF;border-radius:5px;}




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


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

}

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

}

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


}


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


}

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

.about-sec-bk01 { padding-top:2.5em; }
.about-sec-bk01 .img { width:100%; padding-bottom:50%; }
.about-sec-bk01 .text { width:100%; padding-top:1em;  }
.about-sec-bk01 .text .title { padding-left:0px; }
.about-sec-bk01 .text .txt { padding:1.5em; }

.about-sec-bk03 .list ul { margin:0px -0.5em; }
.about-sec-bk03 .list ul li .con { margin:0.5em; }

.about-sec-bk05 .list ul li { width:25%; } 
.about-sec-bk05 { padding-top:2.5em; }


.about-sec-bk06 { padding-top:2.5em; }

.about-sec-bk07 .list ul { margin:0px -0.5em;  }
.about-sec-bk07 .list ul li .con { margin:0.5em; }

.about-sec-bk09 .hot-line { width:100%;margin-top:2em; }
.about-sec-bk09 .map { width:100%;  }
.about-sec-bk09 .list {-webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse;  flex-direction:column-reverse; }



}

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

}


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


.join-us-list { padding-top:2em; padding-bottom:2em;  }
.join-us-list .list { padding-bottom:0.5em; }
.join-us-list .ph_table,.join-us-list .ph_table thead,.join-us-list .ph_table tbody,.join-us-list .ph_table th,
.join-us-list .ph_table td,.join-us-list .ph_table tr { display: block; }
.join-us-list .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; }
.join-us-list .ph_table tr { border: 1px solid #eee; text-align:left; border-bottom:0; margin-bottom:20px; }
.join-us-list .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:10px 0;  padding-left: 6em; white-space: normal; text-align: left;  }
.join-us-list td:before { position: absolute; top: 0; font-weight:bold; left: 0; padding:10px 0; width: 6em; text-indent:10px;  white-space: nowrap; text-align: left; }
.join-us-list td:before { content: attr(data-title); }
.join-us-list .ph_table td:first-child { text-align:left;padding-left: 6em; }

.join-us-list .t1,.join-us-list .t2,.join-us-list .t3,.join-us-list .t4,.join-us-list .t5 { width:100%; }


.about-sec-bk02 { padding-top:2em; padding-bottom:2em; }
.about-sec-bk02 .content { padding-top:1em; }

.about-sec-bk03 { padding-top:2em; padding-bottom:2em; }
.about-sec-bk03 .tab-nav-scroll .year i { width:1.667em; height:1.667em; margin-left:-0.8335em; background-size:0.91667em 0.91667em; }
.about-sec-bk03 .tab-nav-scroll .btn { width:1.41667em; height:1.41667em; }
.about-sec-bk03 .tab-nav-scroll { padding:0px 1.41667em; }
.about-sec-bk03 .tab-nav-scroll .line { left:1.41667em; right:1.41667em; bottom:0.833em; }
.about-sec-bk03 .tab-nav-scroll .year { height:5em; padding-bottom:1.5em; }
.about-sec-bk03 .tab-nav-scroll .swiper-slide-thumb-active .year { padding-bottom:1.75em;}
.about-sec-bk03 .online-shop-list { margin-top:0px; padding-top:1em; }
.about-sec-bk03 .tab-nav-scroll .swiper-slide-thumb-active .year span { font-size:1.875em; }

.about-sec-bk04 { padding-top:2em; padding-bottom:2em; }

.about-sec-bk05 .list ul li { width:100%; }

.about-sec-bk06 .img { width:100%; }
.about-sec-bk06 .text { width:100%; }

.about-sec-bk08 { padding-top:2.5em; padding-bottom:0px; }
.about-sec-bk08 .list { padding-bottom:0px; }

.about-sec-bk09 { padding-top:2em; padding-bottom:2em; }


.join-us-detail-sec-bk01 { padding-top:2em; padding-bottom:1em; }
.join-us-detail-sec-bk01 .public-title { padding-right:0px; }
.join-us-detail-sec-bk01 .public-title .tit {}
.join-us-detail-sec-bk01 .public-title .more { position:relative; top:auto; margin-top:1em;}
.join-us-detail-sec-bk01 .public-title .more a { width:8.625em; height:1.75em; }

.join-us-detail-sec-bk02 { padding:1.5em 0px; margin:0px 0.5em; }
.join-us-detail-sec-bk02 ul li { padding:0.5em 0px; width:100%;  }


.join-us-detail-sec-bk03 { padding:1.5em 0px; margin:0px 0.5em;  }
.join-us-detail-sec-bk03 .content { padding:1em 1.25em; }
.join-us-detail-sec-bk04 .content .email { padding:0px 1em 0px 2.2em; background-size:1.2em auto; background-position:0.5em center; }

}


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

 

}