@CHARSET "UTF-8";
body {padding:0; background:#fff; user-select:none;margin:auto; width:100%;font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; line-height:26px;}

body.body-white{background:#fff;}
html{user-select:none;}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0;}
em,i,s{font-style:normal; text-decoration:none;}
a{text-decoration:none; color:#333;}

.clearfix:before,.clearfix:after{content: ""; display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.banner_hd{height:180px;}

.fl{float:left;}
.fr{float:right;}
.wd_full{width:100%; min-width:1200px; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.wd_half{width:50%;box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.wd{width:75%; min-width:1200px; margin-left:auto; margin-right:auto;box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.center{text-align:center;}
.text_right{text-align:right;}
.mr_l{margin-left:10px;}
.mr_l2{margin-left:20px;}
.up1{margin-top: 10px;}
.up2{margin-top: 20px;}
.up3{margin-top: 30px;}
.up4{margin-top: 40px;}
.up5{margin-top: 50px;}
.all_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; width:100%; height:100%; position:absolute; top:0; left:0;}

.font30{font-size:30px; line-height:40px;}
.font24{font-size:24px;}
.font20{font-size:20px;}
.font18{font-size:18px;}
.font16{font-size:16px;}
.font14{font-size:14px;}
.font13{font-size:13px;}
.font12{font-size:12px;}
.font_scale{transform: scale(0.5);}

.bg_gray{background-color:#ddd;}

.top_logo_box{position:relative; padding:30px 0; min-width:1200px;}
.login_box{position:absolute; top:45px; right:100px;}
.login_box a{display: inline-block; margin: 0 5px; color:#999;}
.login_box .shopping_cart{position:relative; padding-right:5px;}
.login_box .shopping_cart span{display:block; position:absolute; top:-14px; right:-7px; background:#ffd2bc; border-radius:100%; width:26px; height:26px; color:#F00;}
.nav_box{padding:15px 0; background:#bbe0e3; min-width:1200px;}
.nav_box a{display:inline-block; padding:0 5px; margin:0 10px;}
a:hover{color:#ccae67;}

/*banner幻灯*/
#banner_swiper{max-height:710px;height:40.8854vw;}
.swiper{--swiper-pagination-color:#ffffff;/* 两种都可以 */--swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */--swiper-navigation-size:30px;/* 设置按钮大小 */}
.banner-swiper-slide {text-align:center;font-size:18px;overflow:hidden;}
.bg_img{background-repeat:no-repeat!important;background-position:center top!important;background-size:cover;width:100%;height:100%;}

.banner_video_pause{position:absolute;z-index:9999999;bottom:30px;left:30px;display:none}
.banner_video_pause a,.banner_video_pause a:checked,.banner_video_pause a:visited{text-decoration:none;color:#ffffff}
.banner_video_pause a:hover{text-decoration:none}

/* Rectangle Out */
.hvr-rectangle-out {
	 display:block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover,.hvr-rectangle-out:hover a, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color:#333;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.title{padding:20px 0; min-width:1200px;}

.custom_nav_wd{width:80.73%; margin-left:auto; margin-right:auto; min-width:1200px;}
.custom_nav{width:101.61%; margin-left:-1.61%;}
.custom_nav li{width:18.41%; margin-left:1.587%; float:left;}
.custom_nav_grid{font-family:'Roboto', sans-serif; position:relative;}
.custom_nav_grid .custom_nav_img{overflow:hidden; position:relative; z-index:1;}
.custom_nav_grid .custom_nav_img:before{content:"";	background: rgba(0,0,0,0.3); width:100%; height:100%; opacity:0; position:absolute; top:0; left:0; z-index:3; transition:all 0.4s ease-out 0s;}
.custom_nav_grid:hover .custom_nav_img:before{opacity:1;}
.custom_nav_grid .custom_nav_img a{display:block; position:relative; z-index:3;}
.custom_nav_grid .custom_nav_img img{width:100%; height:auto;}
.custom_nav_img .pic-1{opacity:1; backface-visibility:hidden; transition:all 0.4s ease-out 0s;}
.custom_nav_grid:hover .custom_nav_img .pic-1{opacity:0;}
.custom_nav_img .pic-2{width:100%; height:100%; opacity:0; backface-visibility:hidden; transform:scale(3); position:absolute; top:0; left:0; transition:all 0.4s ease-out 0s;}
.custom_nav_grid:hover .custom_nav_img .pic-2{opacity:1;transform:scale(1);}
.custom_nav_title{position:absolute; z-index:5; bottom:10%; width: 100%; color:#fff;}
.custom_nav_title small{display:block;}
.custom_nav_title .custom_btn{display:inline-block; padding:0 20px; border:2px solid #fff;}

.story_left{width:50%;}
.story_left img,.team_left img,.ingenuity_right img{width:100%;}
.story_right{width:48.5%;}
#story_swiper{max-height:560px;height:38.8854vw;}
.story_right .swiper-button-prev,.story_right .swiper-button-next,#theme_swiper .swiper-button-prev,#theme_swiper .swiper-button-next,#about_swiper .swiper-button-prev,#about_swiper .swiper-button-next{padding:10px; background-color:rgba(0,0,0,0.50)}

.ingenuity_info{padding-top:18%; line-height:33px; letter-spacing:3px;}
.ingenuity_btn,.pick_btn{display:inline-block; padding:10px 25px; border:2px solid #333; letter-spacing:5px; text-indent:5px;}
.ingenuity_btn.hvr-rectangle-out:before{background:#333;}
.ingenuity_btn.hvr-rectangle-out:hover,.pick_btn.hvr-rectangle-out:hover{color:#fff;}
.pick_box{background:no-repeat right top; background-size:100%; padding:5% 0;}
.pick_info{width:50%; letter-spacing:3px;}
.pick_title{padding-bottom:30px; position:relative; letter-spacing:8px; text-indent:8px;}
.pick_title::after{content:""; height:5px; width:80px; position:absolute; bottom:0; left:50%; margin-left:-40px; background-color:#bbe0e3;}
.pick_cont{line-height:33px;}
.pick_btn{border-color:#bbe0e3;}
.pick_btn.hvr-rectangle-out:before{background:#bbe0e3;}

.team_left{width:32.6%;}
.team_right{width:65%;}
.ingenuity{padding:50px 0 40px;}
.ingenuity_left{width:62.5%;}
.ingenuity_right{width:36.5%;}
#theme_swiper,#about_swiper{max-height:520px;height:36.8854vw;}

.footer{background-color:#f2f2f2; padding:50px 0;}
.footer_logo{padding-bottom:40px; border-bottom:1px solid #e6e6e6;}
.footer_nav{width:90%; min-width:1200px; margin-left:auto; margin-right:auto; margin-top:40px; line-height:40px; color:#999;}
.footer_nav .footer_nav_wd{width:14.3%;}
.footer_nav .footer_shopping_list{width:30%;}
.footer_nav dt{padding-bottom:15px; color:#333;}
.footer_nav a{color:#999;}
.footer_nav a:hover{color:#ccae67;}
.footer_shopping_list dd{float:left; margin-right:30px;}
.footer_about{width:20%;}
.footer_about span{display:inline-block; margin-right:20px; padding-bottom:10px;}