@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}    
@font-face {
  font-family: "DIN-Black";
  src: url("../fonts/din-black.woff2") format("woff2"),
       url("../fonts/din-black.woff") format("woff"),
       url("../fonts/din-black.ttf") format("truetype"),
       url("../fonts/din-black.eot") format("embedded-opentype"),
       url("../fonts/din-black.svg") format("svg");
}
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family:'Source Han Sans CN', 'MicrosoftYahei' , '微軟雅黑', sans-serif;
    font-weight: 400; 
	font-size: 16px;
	line-height: 1.625;
    color: #000000;
    background: #ffffff;  
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:16px;
	vertical-align:middle;
	color: #000000; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#161616;}
a:hover,a:active,a:focus{text-decoration:none;} 
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
form,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ /*-webkit-appearance: none;*/ font-family:'Source Han Sans CN', 'MicrosoftYahei' , '微軟雅黑', sans-serif; font-weight: 400; }
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:400; font-size: 16px; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;} 
input[type="text"]::-webkit-input-placeholder{
   color: #898989;
}
input[type="text"]::-moz-placeholder{
   color: #898989;
}
input[type="text"]:-ms-input-placeholder{
   color: #898989;
} 
input[type="text"]::placeholder{
    color:#898989;
}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/  
.swiper{ width:100%; height: 100%;}
.slide-inner { width: 100%;  height: 100%; background-size: cover; background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.swiper-pagination{ position:static; margin-top: .50rem; }  
.swiper-pagination-bullet {width: 10px; height: 10px; background:none; border: 1px solid rgba(17, 17, 17, .35); opacity: 1; margin: 0 .05rem; }
.swiper-pagination-bullet-active{ opacity: 1; background-color:  #24549B; border-color: #24549B;}
.swiper_arrow div[class^="swiper-button-"]{ cursor: pointer; display: inline-block; overflow: hidden; width: 40px; height: 40px; line-height: 40px;  text-align: center; background-color:rgba(17, 17, 17, .06); color: #000000; -webkit-transition:all .6s ease; transition:all .6s ease;}  
.swiper_arrow div[class^="swiper-button-"]:after{ font-size: 16px; -webkit-transition:all 0s ease; transition:all 0s ease; } 
.swiper_arrow div[class^="swiper-button-"]:hover{ background: #24549B!important; color:#ffffff!important;}  
.swiper_arrow div[class^="swiper-button-"].swiper-button-disabled{ opacity: 1;}
.swiper_arrow div[class^="swiper-button-"].swiper-button-disabled:after{ opacity: .35;}
.swiper_arrow div.swiper-button-prev{ left: 0;}
.swiper_arrow div.swiper-button-next{ right: 0;}
.swiper_arrow02{ }
.swiper_arrow02 div[class^="swiper-button-"]{ position:static; margin: 0 0 0 6px; color: #000000;}
.swiper_arrow02 div.swiper-button-prev{ margin-left: 0;}

/*transition*/
*::before,*::after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .icon_box img{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ -webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

/*===================common========================*/  
/*flex*/
.flex{ display:flex; flex-wrap: wrap;}
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.img_box img,
.img_box video{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
/*icon_box*/
.icon_box{position:relative;display:block; height:0; padding-top:100%;}
.icon_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single && line_multiple*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /**/ }  
.line_multiple{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; } 
 
/*===================header========================*/
.inner{ width: 90%; max-width: 1185px; margin: 0 auto; } 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; font-size: 16px; font-weight: 400; height: 80px; line-height: 80px; color: #ffffff; -webkit-transition:background .6s ease; transition:background .6s ease; }   
header a{ color:#ffffff;}
/*logo*/  
.logo{ line-height: inherit; }  
.logo a{ display:inline-block; vertical-align: middle; line-height: 1; }
.logo_img{ height: 56px; position: relative;}
.logo_img img{ display:block; height: 100%; width:auto;}
.logo_img img:nth-child(1){ opacity: 0;} 
.logo_img img:nth-child(2){ position: absolute; top:0; left: 0;opacity: 1;}  
/*menu_list*/
.header_right{ margin-left:auto; flex:1 0 0;} 
.menu_list>li>a{ display: block;}
.menu_list>li:hover>a,
.menu_list>li.active>a{ color: #ffffff;}  
/*=========header_func=========*/ 
.header_func{ margin-left: .55rem; flex-wrap: nowrap;}  
.func_menu{display: block; cursor: pointer; margin-left: .35rem;}
.func_menu:first-child{ margin-left:0;}
.func_menu em{ font-style: normal; margin-left: 6px;}
.func_menu .iconfont{ vertical-align: middle; font-size: 20px; }  
/*menu_toggle*/ 
.menu_toggle{ position: relative; z-index: 10; display:none;}
.menu_toggle span{ display:inline-block; vertical-align: middle; width: 28px; height: 22px; position:relative;}
.menu_toggle i{ display: block; width: 100%; height: 2px; background: #ffffff; position: absolute; top:0; right:0; 
	 -webkit-transition:all 0.6s ease; transition:all 0.6s ease;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.menu_toggle i:nth-of-type(2){ top: 10px;}
.menu_toggle i:nth-of-type(3){ top: 20px;}    
 
#menu_close{ position: absolute; top:0; left:0; z-index: 2; display:none;} 
.menu_toggle.active i:nth-of-type(2){ background-color: transparent!important;}
.menu_toggle.active i:nth-of-type(1), 
.menu_toggle.active i:nth-of-type(3){ top: 10px;} 
.menu_toggle.active i:nth-of-type(3) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}
.menu_toggle.active i:nth-of-type(1) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}   
/*body.body_dif*/
body.body_dif header, 
header.header_scroll{ background-color: #ffffff; color: #151515;}
header.header_scroll{ box-shadow:0 0 10px 0 rgba(0,0,0, .10); }
body.body_dif header a, 
header.header_scroll a{ color: #151515;}
body.body_dif header .logo_img img:nth-child(1), 
header.header_scroll .logo_img img:nth-child(1){ opacity: 1;} 
body.body_dif header .logo_img img:nth-child(2), 
header.header_scroll .logo_img img:nth-child(2){ opacity: 0;}  
body.body_dif header .menu_list>li:hover>a,
body.body_dif header .menu_list>li.active>a,
header.header_scroll .menu_list>li:hover>a,
header.header_scroll .menu_list>li.active>a{ color: #FB331F;}      
body.body_dif header .menu_list>li>a:before,
header.header_scroll .menu_list>li>a:before{ background-color: #FB331F;}  
body.body_dif header .menu_toggle i,
header.header_scroll .menu_toggle i{ background-color: #FB331F;} 

@media (max-width: 1200px){  
	header{ background-color: #ffffff; color: #151515;}  
	header a{ color: #151515;} 
	header .logo_img img:nth-child(1){ opacity: 1;}   
	header .logo_img img:nth-child(2){ opacity: 0;}  
	header .menu_list>li:hover>a,
	header .menu_list>li.active>a{ color: #FB331F;}      
	header .menu_list>li>a:before{ background-color: #FB331F;}  
	header .menu_toggle i{ background-color: #FB331F;} 
}

@media (min-width: 768px){  
	.menu_list{  flex-wrap: nowrap; justify-content: space-between; width: 80%; max-width: 570px;  margin-left: auto; }  
	.menu_list>li{ position: relative; }
	.menu_list>li>a{ display:inline-block; font-weight: 500; line-height:40px; position: relative;}
	.menu_list>li>a:before{ 
	  content: "";
	  display: block;
	  width: 100%;
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  background-color: #ffffff;
	  -webkit-transform-origin: right top;
	  transform-origin: right top;
	  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  -webkit-transform: translateX(-50%) scaleX(0);
	  transform: translateX(-50%) scaleX(0);
	} 
	.menu_list>li:hover>a:before,
	.menu_list>li.active>a:before{
	  -webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: translateX(-50%) scaleX(1);
	  transform: translateX(-50%) scaleX(1);
	}   
}

 


/*============================ footer ============================*/  
footer{ background: #595757; color:#ffffff; padding-top: .60rem;  padding-bottom: .60rem; text-align: center;}
footer .inner{ max-width: 1400px;}
footer a{ display:inline-block; position: relative; color:#ffffff; } 
footer a:hover{ color: #FB331F;}  
footer a:before{ 
	  content: "";
	  display: block;
	  width: 100%;
	  height: 1px;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  background-color: #ffffff;
	  -webkit-transform-origin: right top;
	  transform-origin: right top;
	  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  -webkit-transform: translateX(-50%) scaleX(0);
	  transform: translateX(-50%) scaleX(0);
	display: none;
	} 
footer a:hover:before{
	  -webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: translateX(-50%) scaleX(1);
	  transform: translateX(-50%) scaleX(1);
	}  
.footer_friend{}
.footer_friend a{ margin-left: 0.18rem;}
.footer_copyrights{ margin-top: 0.20rem;}
.footer_related{ margin-top: 0.20rem;} 
/*footer_float*/
.footer_float{ position: fixed; bottom: 10%; right:5%;}
.footer_float>li{ position: relative;}
.footer_float>li>a{ display:block; text-align: center; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background:#ffffff; color:#FB331F; box-shadow: 0 0 5px 0 rgba(0,0,0, 0.10);}
.footer_float>li>a>.iconfont{ display: inline-block; position: relative; font-size: 20px;} 
.footer_float>li.float_top{ display:none;}
.footer_float>li.float_top>a>.iconfont{
	-webkit-animation: upAnim 1.1s infinite;
          animation: upAnim 1.1s infinite;
} 
@-webkit-keyframes upAnim {
  0% {
    opacity: 0; top:10px;
  }
  50% {
    opacity: 1; top:0;
  }
  100% {
    opacity: 0; top:-10px;
  }
}
@keyframes upAnim {
  0% {
    opacity: 0; top:10px;
  }
  50% {
    opacity: 1; top:0;
  }
  100% {
    opacity: 0; top:-10px;
  }
}

/*============================ 01 ============================*/  
main{ }   
.sec_box{ position: relative; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; background: 50% 0 no-repeat fixed; background-size: cover;} 
.sec_tit{ text-align: center; margin-bottom: 0.80rem;} 
.index_tit{ text-align: left; margin-bottom: 0.40rem;}
/*typo*/
.typo .blink {
  display: inline-block; font-style: normal;
}  
.typo:hover .blink{
  -webkit-animation-name: textLink;
  animation-name: textLink;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
/*=======focus_swiper======*/  
.effect_swiper{ position: relative;}
.focus_swiper{ height: 5.70rem; overflow:hidden; }
.focus_swiper .swiper-slide{ background: center top no-repeat; background-size: cover;}
.focus_img{ height: 100%;}  
.slide01_person{ position: absolute; left:50%; transform: translateX(18%); bottom: 0; z-index: 1; width: 5.45rem; }
.slide01_person img{display: block;  transform: translateX(30px); opacity: 0; transition: all 0.6s 0.4s;}
.slide01_store{ position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); z-index: 2; width: 6.92rem; }
.slide01_store img{ display: block; transform: translateY(30px); opacity: 0; transition: all 0.6s 0.6s;}
.focus_text{ position: absolute; top:50%; left:0; transform: translateY(-50%) translateX(-0.60%); z-index: 2; width: 100%; color: #ffffff;} 
.slide01{ opacity: 0; transition: all 0.6s 0.1s;}
.slide01 .focus_text{ transform:  translateY(-44%) translateX(-0.60%); }
.slide01_des{ display:inline-block; font-weight: bold; line-height:1.15;  transform: translateX(-30px); opacity: 0; transition: all 0.6s 0.2s; }
.slide01_des01{ font-size: 1rem;}
.slide01_des02{ font-size: 1.20rem;}
.slide01_dec{ position: absolute; bottom: 11%; right: -1%; width:1.04rem;}
.slide01_dec img{ display: block; opacity: 0; transition: all 0.6s 0.3s;}
.focus_swiper .slide01.swiper-slide-active{ opacity: 1;}
.focus_swiper .slide01.swiper-slide-active .slide01_person img{  transform: translateX(0); opacity: 1;}
.focus_swiper .slide01.swiper-slide-active .slide01_store img{ transform: translateY(0); opacity: 1;}
.focus_swiper .slide01.swiper-slide-active .slide01_des{ transform: translateX(0); opacity: 1;} 
.focus_swiper .slide01.swiper-slide-active .slide01_dec img{ opacity: 1; -webkit-animation: 1s .3s swing linear infinite; animation: 1s .3s swing linear infinite;} 
.focus_swiper .swiper_arrow div[class^="swiper-button-"]{ display:none; background-color: transparent!important; color:#ffffff; opacity: .35;}
.focus_swiper .swiper_arrow div[class^="swiper-button-"]:after{ font-size:30px;}
.focus_swiper .swiper_arrow div[class^="swiper-button-"]:hover{ opacity: 1;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left: 0.30rem; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:0.30rem; } 
.focus_swiper .swiper-pagination{ position:absolute; bottom:0;}
.focus_swiper .swiper-pagination .swiper-pagination-bullet{ margin: 0 3px; vertical-align: bottom; background: none; border:none; border-radius:0; position: relative; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); }  
.focus_swiper .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 2px;
	border-radius: 0;
    border: none;
    transform: none;
}
.focus_swiper .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transform-origin: 0;
	border-radius: 0;
    border: none; 
} 
.focus_swiper .swiper-pagination .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
}  



/*=======index_business======*/  
.index_business{ padding-top: 0.80rem; padding-bottom: 0; }
.business_thumbs .swiper-slide{ padding-bottom: 10px;}
.business_thumbs .swiper-slide:nth-child(1){ z-index: 1;}
.business_thumbs .swiper-slide:nth-child(2){ z-index: 2;}
.business_thumbs .swiper-slide:nth-child(3){ z-index: 3;}
.business_thumbs .swiper-slide:nth-child(4){ z-index: 4;}
.business_thumbs .swiper-slide:nth-child(5){ z-index: 5;}
.business_thumbs .swiper-slide:nth-child(6){ z-index: 6;}
.business_thumbs .swiper-slide a{ display:block; text-align: center; line-height: 1.08rem; position: relative;  }
.business_thumbs .swiper-slide a::before { content: ''; position: absolute; top:0; left:-1px; width:100%; height: 100%; border:1px solid #c7c7c8; border-left-color:transparent; }
.business_thumbs .swiper-slide:first-child a::before{ left:0; border-left-color:#c7c7c8; } 
.triangle_down{
	width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #c7c7c8;
    position: absolute;
    bottom: -10px;
    left: 50%;
	z-index: 2;
    transform: translateX(-50%);
	-webkit-transition: border-color .6s ease; transition: border-color .6s ease;
} 
.triangle_down::before {
	content: "";
    position: absolute;
    bottom: -9px;
    left: -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid white;
}
.business_thumbs .swiper-slide-thumb-active a{ color: #FB331F; }
.business_thumbs .swiper-slide-thumb-active a::before { border-color: #FB331F!important; }
.business_thumbs .swiper-slide-thumb-active .triangle_down { border-top-color: #FB331F; }
.business_show{ margin-top: 0.15rem;}
.business_img{ padding-top: 0/*19.58%*/; height: 2.32rem;}
.business_tit{ position: absolute; top:50%; transform: translateY(-50%); left:0; z-index: 1; width: 16.66%; text-align: center; color: #ffffff; font-size: 1.36rem; font-weight: 100; line-height: 0.90;}
.business_tit span{ display:block;}
.business_show .swiper-slide-active .business_tit span{
	-webkit-animation: 1s 0.2s fadeInUp both;
    animation: 1s 0.2s fadeInUp both;
}
.business_show .swiper-pagination,
.business_show .swiper_arrow{ display:none;}
.business_show .swiper-slide:nth-child(2) .business_tit{ left:16.66%;}
.business_show .swiper-slide:nth-child(3) .business_tit{ left:33.32%;}
.business_show .swiper-slide:nth-child(4) .business_tit{ left:49.98%;}
.business_show .swiper-slide:nth-child(5) .business_tit{ left:66.64%;}
.business_show .swiper-slide:nth-child(6) .business_tit{ left:auto; right:0;}

/*=======index_store======*/  
.index_store{  padding-top: 0.80rem; padding-bottom: 0.16rem; }
.store_image{ position: relative;}
.store_image::before{ content: ""; position: absolute; top:0; left:-100%; width:300%; height: 100%; background-color: #595757;}
.image_show{ padding-top:0; height: 4.50rem; }
 
/*=======index_brand======*/  
.index_brand{ padding-top: 0.80rem; padding-bottom: 0; background-attachment: local;}
.brand_head{ }
.brand_head .sec_tit{ width: 25.60%; min-width: max-content;}
.brand_des{ flex: 1 0 0; overflow: hidden; margin-left: auto; color: #888888;}
.brand_des,.profile_des, .introduction_text, .demand_des, .business_des, .detailing_foreword, .detailing_des{ line-height: 34px;}
.brand_img{ padding-top:0; height: 2.75rem; margin-bottom: -0.25rem; margin-top: 0.60rem;}

/*============================ 02 ============================*/  
/*=======banner_wrap======*/  
.banner_wrap{ height: 5.70rem; position: relative; overflow: hidden;}
.banner_bg{ width:100%; height: 100%;  background: 50% 0 no-repeat; background-size: cover; }
/*=======guide_wrap======*/  
.guide_wrap{ background: #595757; position: sticky; top:80px; left:0; z-index:100; width:100%; line-height: 64px; margin-top:-64px;}
.guide_nav{ justify-content: space-between; }  
.guide_nav a{ display:block; position: relative; color: #ffffff; letter-spacing: 0.02em;}
.guide_nav a:before{ 
	  content: "";
	  display: block;
	  width: 100%;
	  height: 4px;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  background-color: #ffffff;
	  -webkit-transform-origin: right top;
	  transform-origin: right top;
	  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  -webkit-transform: translateX(-50%) scaleX(0);
	  transform: translateX(-50%) scaleX(0);
	display:none;
	} 
.guide_nav a.active:before{
	  -webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: translateX(-50%) scaleX(1);
	  transform: translateX(-50%) scaleX(1);
	} 
.guide_nav a.active{ color: #FB331F;}
.author{ display:block; width:100%; height: 80px; margin-top: -80px;}
/*=======about_profile======*/  
.about_profile{ padding-bottom: 0;}
.profile_group{ padding-top:1rem; padding-bottom: 1rem; background: #ffffff center top no-repeat fixed; background-size: cover;}
.profile_group01{ padding-top: 0;}
.profile_text{ max-width:52%;}
.sec_tit02{ line-height: 56px; position:relative; margin-bottom: 0.50rem;}
.sec_tit02:before{ content: "\e651"; font-family: "iconfont";  display:inline-block; text-align: center; width: 26px; line-height:  26px; border-radius: 50%; background: #fb331f; color: #ffffff; font-size: 12px; position: absolute; top: 15px; right:100%; margin-right: 0.30rem;}
.profile_des{ color:#9398A3; text-align: justify;}
.profile_img{ margin-left: auto; text-align: center; width:41%; max-width: 480px;}
.profile_group02{ background-color: #f0f0f0;}
.profile_group03{ background-color: #000000; }
.profile_group03 .inner{ flex-direction: row-reverse;}
.profile_group03 .sec_tit02{ color: #F9F9F9;}
.profile_group03 .profile_des{ max-width: 520px;}
/*=======about_culture======*/  
.about_culture{ }
.culture_group{}
.culture_text{ flex:1 0 0; overflow: hidden;}
.culture_text li{ margin-top: 0.35rem;}
.culture_text li:first-child{ margin-top: 0;}
.culture_tit{ color: #9398A3; margin-bottom: 0.10rem;}
.culture_img{ margin-left: auto; width: 50%; max-width: 530px;}
/*=======about_service======*/  
.about_service{ background-color: #f0f0f0;}
.service_text{ color: #9398A3; }
.service_tit{ color: #000000; margin-bottom: 0.10rem;}
/*=======about_operate======*/  
.about_operate{ background-color: #888888; color: #F9F9F9;}
.operate_slogan{ display:flex; flex-wrap: wrap; text-align: center; position: relative; letter-spacing: 0.4em; padding: 0.15rem 0.40rem; border:1px solid #F9F9F9; border-radius: 0.20rem; color: #F9F9F9;}
.operate_slogan li{ width:50%;}
.operate_slogan:before{ content: "｜"; position: absolute; top:50%; left: 50%; transform: translateY(-50%); margin-left: -1px; }

/*=======about_partner======*/  
.about_partner{}
.partner_list{ margin: -10px;}
.partner_list li{ width:20%; padding: 10px;}
.partner_list li a{ display:block; max-width: 200px; margin: 0 auto;}
.partner_img{ padding-top: 35%; -webkit-transition:transform 0.6s ease; transition:transform 0.6s ease;}
.partner_list li a:hover .partner_img{ transform: rotateY(30deg); }

/*============================ 03 ============================*/  
/*=======business_introduction======*/  
.business_introduction{}
.introduction_group{ align-items: center;}
.introduction_text{ width:42%; text-align: justify; color: #9398A3;}
.introduction_img{ width: 54%; max-width: 630px; margin-left: auto;}
.introduction_img img{ display:block;}
/*=======business_demand======*/  
.business_demand{ background-color: #F0F0F0;}
.demand_group{ align-items: center; flex-direction: row-reverse;}
.demand_img{ width:50.21%; margin-left: 6%;}
.demand_img .img_box{ padding-top: 57.65%; min-height: 200px;}
.demand_text{ flex:1 0 0; overflow: hidden;}
.demand_tit{}
.demand_des{ color:#9398A3; margin-top: 0.35rem;}
.demand_group:nth-child(odd){ flex-direction: row;}
.demand_group:nth-child(odd) .demand_img{  margin-left:0; margin-right: 6%;}
/*=======business_maintenance======*/  
.business_maintenance{}
.business_list{ justify-content: space-between; margin-top: -0.80rem}
.business_block{ width: 47%; max-width: 522px; margin-top: .80rem; }
.business_pic{ padding-top: 65.52%;}
.business_text{ margin-top: 0.45rem;}
.business_item{}
.business_des{ color:#9398A3; margin-top: 0.35rem;}
/*=======business_detailing======*/  
.business_detailing{ background-color: #F0F0F0;}
.detailing_head{ margin-bottom: 0.50rem; }
.detailing_head .sec_tit02{ margin-right: 5%; margin-bottom: 0;}
.detailing_foreword{ flex:1 0 0; overflow: hidden; margin-left: auto; line-height: 1.88; color:#9398A3; max-width: 920px;}
.detailing_list{ margin: -0.10rem; }
.detailing_block{ width:25%; padding: 0.10rem;}
.detailing_range{ height:100%; background: #ffffff;}
.detailing_img{ padding-top: 67.38%;}
.detailing_text{ padding: 14px 0; text-align: center;}
.detailing_item{ }
.detailing_des{ color:#9398A3; margin-top: 6px; }
/*=======business_solution======*/  
.business_solution{}

/*============================ 04 ============================*/  
/*=======news_list======*/  
.news_list{ margin: -0.10rem;}
.news_list li{ width:33.33%; padding: 0.10rem;}
.news_list li a{ display:block; height: 100%; background: #F0F0F0; color: #595757;}
.news_img{ padding-top: 65.71%;}
.news_text{ padding-top: 65.71%; padding: 0.25rem 0.18rem;}
.news_tit{ line-height: 28px; max-height: 56px;}
.news_time{ margin-top: 0.25rem; padding-top: 0.25rem; border-top:1px solid #a5a4a4; display:flex; align-items: center;}
.news_time>.icon_jian_right{ margin-left: auto; font-size: 18px; font-weight: bold;}
.news_list li a:hover{ transform: translateY(-0.20rem); box-shadow: 0 5px 10px 0 rgba(0,0,0, 0.10); }
.news_list li a:hover .news_time>.icon_jian_right{ color: #FB331F;}
/*paging*/
.paging{ justify-content: center; align-items: center; text-align:center; margin-top: .60rem;}
.paging a{ display:inline-block; position: relative; text-align: center; font-weight:500; margin: 5px; min-width:28px; height: 40px; line-height: 40px;} 
.paging a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FB331F;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.paging a.active:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.paging a:hover,
.paging a.active{ color: #FB331F;}
.paging a.paging_btn{ width: 40px; border-radius: 2px; border:1px solid rgba(0,0,0, .10); font-weight: bold; font-family: serif; margin: 0 0.20rem;}
.paging a.paging_btn:before{ display:none;}
.paging a.paging_btn:hover{ background: #FB331F; color: #ffffff;}
/*=======detail_wrap======*/ 
.detail_wrap{ padding-top: 80px; padding-bottom: 1rem; min-height: -webkit-calc(100vh - 200px); min-height: calc(100vh - 200px);}
.detail_wrap .inner{ max-width: 1200px;}
.detail_location{ padding-top: 0.50rem; padding-bottom: 0.60rem; margin: 0 -0.20rem;}
.detail_location a{ padding:0 0.20rem;}
.detail_location a.active{ color: #FB331F; }
.detail_tit{ text-align: center; font-weight: bold; line-height: 1.86; margin-bottom: 0.50rem;}
.detail_con{ color:#595757; line-height: 2;}

/*============================ 05 ============================*/  
/*=======join_why======*/  
.join_why{}
.join_tit{ font-weight: 500;}
.why_list{ margin: -0.10rem -0.15rem;}
.why_list li{ padding:0.10rem 0.15rem; width:50%; display:flex; align-items: stretch;}
.why_num, .why_text{ border-radius: 0.15rem; border:1px solid #FB331F; color:#FB331F; min-height: 1.10rem; padding: 0.15rem 0; display: flex
; align-items: center; text-align: center; justify-content: center;}
.why_num{ font-weight: bold; width: 1.96rem; margin-right: 0.10rem; min-width: max-content;}
.why_text{ flex:1 0 0; overflow: hidden;}
.why_verticle{ width:100%; }
.why_tit{ font-weight: bold; margin-bottom: 0.08rem;}
.why_list li:nth-child(3) .why_num, .why_list li:nth-child(3) .why_text,
.why_list li:nth-child(4) .why_num, .why_list li:nth-child(4) .why_text{ background: #FB331F; color: #ffffff;}
/*=======join_system======*/  
.join_system{ border-top: 0.50rem solid #f0f0f0;}
.system_list{ margin: -0.20rem; }
.system_list li{ width:25%; text-align: center; position: relative; padding: 0.20rem; }
.system_list li:before{ content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width:2px; height: 64%; background: #eeeeee;}
.system_list li:nth-child(1):before,
.system_list li:nth-child(5):before{ display:none;}
.system_num{  display:block; font-family:"DIN-Black"; line-height: 0.90; font-size: 0.71rem; color:#C9C9C9;}
.system_icon{}
.system_icon .icon_box{ padding-top:0; height: 0.90rem;}
.system_tit{ font-weight: bold; margin-top: 0.25rem;}
/*=======join_looking======*/  
.join_looking{ background-color: #f0f0f0;}
.looking_with{}
.looking_list{ margin: -0.25rem 0; justify-content: space-between;}
.looking_list li{ width: 33.33%; padding: 0.25rem 0; display:flex; align-items: flex-start;}
.looking_icon{ width: 0.98rem; padding: 0.12rem; margin-right: 0.10rem; border:2px solid #898989; border-radius: 50%;}
.looking_text{ flex: 1 0 0; overflow: hidden;}
.looking_tit{ font-weight: 500;}
.looking_des{ color:#444444; line-height: 1.75; margin-top: 0.10rem; }
.looking_expect{ margin-top: 1rem;}
.with_list li .looking_text{ max-width: 250px;}
.expect_list{ margin-top: -0.55rem; }
.expect_list li{ align-items: center; }
.expect_list li:nth-child(1){ width: 34%;}
.expect_list li:nth-child(2){ width: 31%;}
.expect_list li:nth-child(3){ width: 35%;}
.expect_list li .looking_icon{ border-color: #FB331F;} 
/*=======join_process======*/  
.join_process{ padding-bottom: 0; }
.join_process .join_tit{ font-weight: 400;}
.process_list{ margin-right: -0.70rem; margin-bottom: -0.64rem; }
.process_line{ justify-content: space-between; }
.process_line li{flex:auto; text-align: center; line-height: 2.55; border:1px solid #9f9f9f; border-radius: 0.27rem;/* padding: 0 0.25rem;*/ margin-right: 0.70rem; margin-bottom: 0.64rem; position: relative;}
.process_line li:before{ content:""; display:block; width:0.30rem; height: 0.30rem; position: absolute; top:50%; left:100%; transform: translateY(-50%); margin-left: 0.20rem; color: #FB331F; background: url(../images/icon_01.png) center center no-repeat; background-size: contain;}
.process_line:nth-child(2){ flex-direction: row-reverse;}
.process_line:nth-child(2) li:before{ left:auto; margin-left: 0; right:100%; margin-right: 0.20rem; transform: translateY(-50%) rotate(-180deg);}
.process_line:nth-child(1) li:last-child:before,
.process_line:nth-child(2) li:last-child:before{ top: 100%; left: 50%; transform: translate(-50%, 0.17rem) rotate(90deg); margin-left: 0; margin-right: 0;}
.process_line:nth-child(3) li:last-child:before{ display:none;}
.process_img{ display:none;}
.process_img img{ display: block; margin: 0 auto;}
/*=======join_apply======*/  
.join_apply{}
.join_apply .join_tit{ font-weight: 300;}
.apply_form{ max-width: 820px; margin: 0 auto;}
.apply_form form{ display:flex; flex-wrap: wrap; justify-content: center; margin: -0.20rem -0.12rem;}
.apply_line{width:100%; padding: 0.20rem 0.12rem;}
.apply_range{ width: 50%; margin: 0 auto; }
.apply_line:nth-child(1), .apply_line:nth-child(2), .apply_line:nth-child(3), .apply_line:nth-child(4) {
	width: 50%;
}
	.apply_line:nth-child(1) .apply_range, .apply_line:nth-child(2) .apply_range, .apply_line:nth-child(3) .apply_range, .apply_line:nth-child(4) .apply_range {
		width: 100%;
	}
.apply_label{ display:block;}
.apply_label em{ vertical-align: text-top; line-height: 1; color: #FB331F; font-style: normal; font-size: 0.36rem;}
.apply_txt{ width:100%; height: 53px; padding:10px 0.20rem; border-radius: 0.10rem; border:1px solid #9f9f9f; color:#898989;}
.apply_sel{ position: relative;}
.apply_sel .apply_txt{ -webkit-appearance:none;}
.apply_sel:before{content: " "; width:21px; height: 12px; background: url(../images/icon_02.png) right center no-repeat; background-size: contain; position: absolute; top:50%; right: 0.20rem; transform: translateY(-50%); } 
.apply_btn{ cursor: pointer; width: 100%; height: 52px; border-radius: 0.10rem; background: #FB331F; color: #ffffff;}
/*=======join_apply======*/  
.join_way{ background: #FB331F; color: #ffffff; padding-top: 0.30rem; padding-bottom: 0.30rem;}
.join_way .join_tit{ margin-bottom: 0; margin-right: 10%;}
.way_box{ align-items: center;}
.way_list{ flex: 1 0 0; overflow: hidden; align-items: center; justify-content: space-between;} 
/*.way_list li{ margin-left: 0.50rem;}
.way_list li:first-child{ margin-left: 0;}*/
.way_list li.way_code{ max-width: 1.25rem;}
.way_tit{}
.way_des{ font-weight: bold;}

/*=======business_guarantee======*/ 
.business_guarantee{ border-top:0.25rem solid #F0F0F0;}
.business_guarantee .sec_tit02{ margin-bottom: 1rem;}
.guarantee_group{ align-items: flex-start;}
.guarantee_compare{ margin-top: 0.80rem;}
.guarantee_apply{ margin-top: 0.80rem;}
.guarantee_apply .join_tit{ font-weight: 300; margin-bottom: 0.40rem;}