@font-face {
    font-family: "bluecn";
    src:url('../fonts/naivebluefontcn.woff'),  
	url('../fonts/naivebluefontcn.ttf'),
	url('../fonts/naivebluefontcn.eot'); 
}

@font-face {
    font-family: "blueen";
    src:url('../fonts/naivebluefonten-webfont.woff'),  
	url('../fonts/naivebluefonten-webfont.ttf'),
	url('../fonts/naivebluefonten-webfont.eot'); 
}

@media (min-width: 56em) {
.pr-md-2em {
    padding-right: 2em;
  }
}

body{background:white;font-family:"PingFang SC", "Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Helvetica,Marlett,"Trebuchet MS", Verdana;}
.btn{border-radius:0;}

header{height:60px;background:white;position:fixed;left:0;top:0;width:100%;z-index:6}
header .main{width:100%;max-width:960px;height:60px;margin:0 auto;}
header .main .logo{float:left;width:108px;margin-top:14px;cursor:pointer;}
header .main .logo2{float:left;width:108px;margin-top:14px;cursor:pointer;display:none}
header .main .nav{float:right;position:relative;}
header .main .nav li{float:left;color:#0033CC;font-size:0.875em;cursor:pointer;height:30px;margin:15px 0px 0 0px;padding:0 11px 1px 11px;line-height:25px;height:25px;background:none;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header .main .nav li a {color:#0033CC}
header .main .nav li.current{/*border-bottom:2px solid #0033CC;*/}
header .main .nav li:hover{color:#99ccff;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header .main .nav li a:hover{color:#99ccff}
header .main .nav li.current:hover{background:none;color:#0033CC;}
header .main .nav .order_now{margin-left:10px;margin-top:15px;cursor:pointer;float:left;box-sizing:border-box;width:82px;height:25px;font-size:0.875em;border:2px solid #f5426c;text-align:center;line-height:22px;color:#f5426c;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header .main .nav .order_now:hover{background:#f5426c;color:white}

header.blue{background:#0033CC;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header.blue .main .logo{display:none;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header.blue .main .logo2{display:block;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header.blue .main .nav li{color:white;}
header.blue .main .nav li.current{/*border-bottom:2px solid white;*/}
header.blue .main .nav li:hover{color:#99ccff;}

.indicator{position:fixed;top:41px;left:-30px;width:10px;height:2px;background:#0033CC;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.indicator.color{background:#99ccff;}

header.blue .indicator{background:white;}
header.blue .indicator.color{background:#99ccff;}

header .menu_icon{display:none;position:absolute;width:18px;height:17px;top:23px;right:24px;cursor:pointer;}
header .menu_icon span{position:absolute;width:100%;height:2px;background:#0033CC;}
header .menu_icon span:nth-child(1){left:0;top:0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header .menu_icon span:nth-child(2){left:0;top:6px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header .menu_icon span:nth-child(3){left:0;bottom:4px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}

header .menu_icon:hover span{background:#99ccff}

header.blue .menu_icon span{background:white}
header.blue .menu_icon:hover span{background:#99ccff}

header .menu_icon.active span:nth-child(1){transform:rotate(25deg) translate(0px,2px);-webkit-transform:rotate(25deg) translate(0px,2px);-moz-transform:rotate(25deg) translate(0px,2px);}
header .menu_icon.active span:nth-child(2){opacity:0}
header .menu_icon.active span:nth-child(3){transform:rotate(-25deg) translate(0px,-2px);-webkit-transform:rotate(-25deg) translate(0px,-2px);-moz-transform:rotate(-25deg) translate(0px,-2px);}
.menu_layer{position:fixed;width:100%;height:100%;left:0;top:0;z-index:5;display:none;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.menu_layer.active{display:block;background:rgba(0,0,0,0.6)}

.container{padding-top:60px;max-width:100%;}

.video_container{position:relative;}
.video_container .bg{/*height:540px;*/width:100%;display:block;margin:0 auto;background-size:auto 100%;background-position:center;background-repeat:no-repeat;}
.video_container .bar_top{position:absolute;width:90%;left:5%;top:0;background-color:#2036c7;height:15px;}
.video_container .bar_bottom{position:absolute;width:90%;left:5%;bottom:0;background-color:#2036c7;height:15px;}

.home_order_section{height:auto;background:#ccffff;padding-top:30px;padding-bottom:26px;}
.home_order_section .main{max-width:960px;width:100%;height:100%;margin:0 auto;position:relative;}
.home_order_section .main h2{color:#0033CC;font-size:2.8em;line-height:1;font-family:"bluecn";}
.home_order_section .main h2 span{font-family:"blueen";font-size:1.2em;}

.home_order_section .main .yue-box {width:108px;position:absolute;top:20px;right:10px;}
.home_order_section .main .yue-box .order_btn{display:inline-block;width:108px;font-size:1em; line-height:32px;margin-top:5px; background-color:#f5426c; color:#fff;text-align:center;cursor:pointer;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.home_order_section .main .yue-box .order_btn:hover{background:#ffffff;color:#f5426c}


.photo_container{padding:0 25px;position:relative;}
.photo_catagory{width:90%;max-width:960px;margin:0 auto;position:relative;overflow:hidden}
#catagory{width:100%;padding:55px 0 45px 0;float:left}
#catagory span{width:16.5%;box-sizing:border-box;position:relative;float:left;color:#0033CC;font-size:0.875em;cursor:pointer;padding:10px 0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;margin-bottom:8px;}
#catagory span:hover{color:#99ccff;}
#catagory span:hover em{background-color:#99ccff;opacity:1}
#catagory span.active em{background-color:#0033CC;opacity:1}
#catagory span.active:hover em{background-color:#99ccff}

#catagory span em{opacity:0;width:80%;height:5px;background:#0033CC;position:absolute;left:0;bottom:0px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}


#catagory .swiper-slide{display:inline-block;color:#0033CC;font-size:0.875em;cursor:pointer;padding:5px 0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} 
#catagory .swiper-slide:hover{color:#99ccff;}
.catagory_bar{width:95px;height:5px;background:#0033CC;position:absolute;left:0;top:85px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.catagory_prev{position:absolute;left:17%;margin-left:-50px;top:70px;cursor:pointer;display:none}
.catagory_next{position:absolute;right:17%;margin-right:-50px;top:70px;cursor:pointer;display:none}


.photo_gallery{width:100%;max-width:1285px;position:relative;margin:0 auto;}
.photo_gallery .gallery_prev{position:absolute;left:0px;top:50%;height:20px;margin-top:-10px;cursor:pointer;}
.photo_gallery .gallery_next{position:absolute;right:0px;top:50%;height:20px;margin-top:-10px;cursor:pointer;}

.gallery_container{width:90%;max-width:960px;margin:0 auto;overflow:hidden;}
.gallery_container .swiper-slide .row{float:left;width:32%;z-index:1;position:relative;}
.gallery_container .swiper-slide .row:nth-child(2){margin:0 2%;}
.gallery_container .swiper-slide .row img{/*margin-bottom:10%;*/display:block;width:100%;}

.gallery_intro{padding-top:45px;text-align:center;display:none}
.gallery_intro h2{margin:0;padding:0;font-size:2em;color:#0033CC;font-weight:bold;padding-bottom:28px;}
.gallery_intro .btn{display:inline-block;width:100px;height:30px;border:2px solid #f5426c;margin:0 14px;line-height:26px;font-size:0.875em;color:#f5426c;text-align:center;cursor:pointer;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.gallery_intro .btn:hover{background:#f5426c;color:white}
.gallery_intro p{padding:28px 0 65px 0;text-align:center;color:#0033CC;font-size:0.8em;margin:0;line-height:1.7em}


.makeup_photo_container{width:100%;position:relative;overflow:hidden}
.makeup_photo_container .swiper-slide img{width:100%;}

.swiper-pagination{z-index:3}
.swiper-pagination-bullet{background:#b2c1f0;opacity:1}
.swiper-pagination-bullet-active{background:#0033cc}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}

.makeup_container{position:relative;}
.makeup_container .sample{height:500px;background-size:auto 100%;width:100%;}

.makeup_desc{height:288px;background:#ffcccc;display:none}
.makeup_desc .main{width:55%;max-width:960px;margin:0 auto;padding-top:80px;}
.makeup_desc .main .left{float:left;}
.makeup_desc .main .left img{width:60px;}
.makeup_desc .main .detail{padding-left:80px;color:#0033CC}
.makeup_desc .main .detail h2{font-size:1.5em;}
.makeup_desc .main .detail p{font-size:0.875em;}


.service_container{padding-bottom:94px;}
.service_container h2{padding:50px 0 75px 0;text-align:center;color:#0033CC;font-size:1.5em;margin:0;}
.service_container .flow{text-align:center;}
.service_container .flow li{width:74px;display:inline-block;padding-left:43px;background:url(../images/icon_next.png) left 33px no-repeat;background-size:8px;margin:0 15px;}
.service_container .flow li:nth-child(1){padding-left:0;background:none}
.service_container .flow li img{width:100%;display:block;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.service_container .flow li span{display:block;padding-top:18px;color:#0033CC;font-size:0.875em;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.service_container p{text-align:center;color:#0033CC;font-size:0.875em;margin:0;padding-top:42px;width:90%;margin:0 auto;}

.map_container{}
.map_container .map{width:100%;display:block;height:418px;background:url(../images/map-sample.jpg) center no-repeat;background-size:auto 100%;}
.location_switch{background:#0033CC;}
.location_switch .main{width:100%;max-width:1080px;box-sizing:border-box;padding:0 60px;position:relative;height:60px;margin:0 auto;}
.location_switch .main .location_prev{position:absolute;left:10px;top:50%;margin-top:-13px;cursor:pointer;}
.location_switch .main .location_next{position:absolute;right:10px;top:50%;margin-top:-13px;cursor:pointer;}

.location_swiper{width:100%;position:relative;overflow:hidden;}
.location_swiper .swiper-slide{font-weight:bold;cursor:pointer;color:white;text-align:center;line-height:60px;font-size:0.875em;position:relative;z-index:3;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.location_swiper .swiper-slide.active{color:#0033CC;}

.location_bar{width:16.66667%;height:60px;background:#99ccff;position:absolute;left:0;top:0px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.location_detail{min-height:300px;background:#99ccff;box-sizing:border-box;padding-top:80px;position:relative;overflow:hidden;width:100%;}

.location_list{width:100%;max-width:960px;margin:0 auto;overflow:auto;;box-sizing:border-box;}
.location_list li{width:33.333%;float:left;margin-bottom:50px;box-sizing:border-box;padding-right:50px;}
.location_list li h2{font-size:1.6em;font-weight:bold;color:#0033CC;margin:0;padding:0;padding-bottom:25px;}
.location_list li p{font-size:0.875em;color:#0033CC;padding-bottom:5px;margin:0;line-height:1.5em;}

.swiper-button-disabled{display:none}
.about_container{background:#ffcc99;}
.about_container .main{width:100%;max-width:960px;margin:0 auto;box-sizing:border-box;padding-top:78px;padding-bottom:78px;overflow:auto}
.about_container .main > h2{font-size:1.6em;color:#0033CC;margin:0 auto;padding:0;padding-bottom:28px;font-weight:bold}
.about_container .main p{font-size:0.875em;float:left; line-height:1.7em;color:#0033CC;margin-right:65px;text-align:justify;}
.about_container .main .icon{float:left;margin-top:10px;margin-right:37px;cursor:pointer;}
.about_container .main .icon .holder{width:100px;height:100px;border:2px solid #0033CC;box-sizing:border-box;position:relative;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.about_container .main .icon .holder.weibo_icon:hover{background:#99ADEB;}
.about_container .main .icon .holder .icon{width:45px;position:absolute;left:50%;top:50%;margin-left:-23px;margin-top:-23px;}
.about_container .main .icon .holder .qr_code{position:absolute;width:100%;height:100%;left:0;top:0;}
.about_container .main .icon span{display:block;padding-top:3px;text-align:center;font-size:0.7em;color:#0033CC}

.copyright{background:#0033CC;}
.copyright p{max-width:960px;color:white;font-size:0.875em;margin:0 auto;padding:0;margin-bottom:0.6em}
.copyright .icp {max-width:960px;color:white;font-size:0.875em;margin:0 auto;padding:0;}

.title_container{background:#0033CC}
.title_container .main{width:100%;max-width:960px;margin:0 auto;position:relative;height:80px;line-height:80px;}
.title_container .main h2{font-size:1.5em;text-align:center;color:white;margin:0;padding:0;}
.title_container .main .arrow_left{position:absolute;left:0;top:50%;margin-top:-13px;cursor:pointer;width:14px;}
.title_container .main .arrow_right{position:absolute;right:0;top:50%;margin-top:-13px;cursor:pointer;width:14px;}

.video_title_container{background:#1f1f1f}
.video_title_container .main{width:100%;max-width:960px;margin:0 auto;position:relative;height:80px;line-height:80px;}
.video_title_container .main h2{font-size:1.5em;text-align:center;color:white;margin:0;padding:0;}
.video_title_container .main .arrow_left{position:absolute;left:0;top:50%;margin-top:-13px;cursor:pointer;width:14px;}
.video_title_container .main .arrow_right{position:absolute;right:0;top:50%;margin-top:-13px;cursor:pointer;width:14px;}
.video_title_container .main .back_btn{font-size:0.875em;box-sizing:border-box;position:absolute;left:25px;padding-left:20px;background-image:url(../images/icon-left-white.png);background-repeat:no-repeat;background-size:10px auto;background-position:left center;top:0;height:100%;line-height:80px;color:white;cursor:pointer;}
.video_title_container .main .share_btn{font-size:0.875em;box-sizing:border-box;position:absolute;right:25px;padding-left:20px;background-image:url(../images/icon_share.png);background-repeat:no-repeat;background-size:15px auto;background-position:left center;top:0;height:100%;line-height:80px;color:white;cursor:pointer;}
.video_title_container .main .share_box{z-index:3;font-size:0.875em;box-sizing:border-box;position:absolute;width:224px;height:148px;background:white;right:0;display:none}
.video_title_container .main .share_box .share_icon{float:left;width:50%;text-align:center;}
.video_title_container .main .share_box .share_icon p{margin:0;padding:0;line-height:50px;}
.video_title_container .main .share_box .share_icon .weibo_icon{width:100px;height:100px;margin:0 auto;background-image:url(../images/icon_share_weibo.png);background-position:center;background-repeat:no-repeat;background-size:50px auto;cursor:pointer;}
.video_title_container .main .share_box .share_icon .wechat_icon{width:100px;height:100px;margin:0 auto;}
.video_title_container .main .share_box .share_icon .wechat_icon img{display:block;margin:0 auto;width:80px;}
.video_title_container .main .share_box .triangle{position:absolute;height:12px;right:25px;top:-12px;}

.video_gallery{width:100%;margin:0 auto;padding:0;background:#363636}
.video_gallery .main{width:100%;max-width:960px;margin:0 auto;position:relative;box-sizing:border-box;}
.video_gallery .main video{display:block;width:100%;}
.video_gallery .main .video_right_arrow{position:absolute;right:-40px;top:50%;margin-top:-20px;width:20px;cursor:pointer;}
.video_gallery .main .video_left_arrow{position:absolute;left:-40px;top:50%;margin-top:-20px;width:20px;cursor:pointer;}

.detail_container{max-width:960px;margin:0 auto;width:100%;box-sizing:border-box;}
.detail_container .inner{padding-top:60px;}

.photo_headline{padding:60px 0;position:relative;overflow:auto}
.photo_headline .sample{width:100px;position:absolute;left:0;top:60px;}
.photo_headline .txt{margin-left:120px;float:left}
.photo_headline .txt h2{font-size:2.2em;color:#0033CC;margin:0;padding:0;margin-top:-10px;line-height:50px;}
.photo_headline .txt h3{font-size:1.5em;color:#0033CC;margin:0;padding:0;line-height:30px;}
.photo_headline .txt p{font-size:1em;color:#99ccff;margin:0;padding:0;line-height:30px;}
.photo_headline .btn{box-sizing:border-box;width:200px;height:40px;border:2px solid #f5426c;background:white;color:#f5426c;font-size:1.5em;position:absolute;right:0;bottom:60px;cursor:pointer;text-align:center;line-height:36px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.photo_headline .btn:hover{background:#f5426c;color:white}

.detail_container .headline{font-size:1em;margin:0;padding:0;padding-bottom:5px;border-bottom:2px solid #0033CC;color:#0033CC}
.detail_container .sub_headline{font-size:0.875em;padding:20px 0 10px 0;color:#0033CC;margin:0;}
.detail_container .sup_headline{font-size:0.875em;padding:0px;color:#99ccff;margin:0;padding-bottom:55px;}


.detail_icon{padding:55px 0 30px 0;overflow:auto}
.detail_icon li{width:25%;float:left;}
.detail_icon li .icon{display:block;margin:0 auto;width:80px;}
.detail_icon li h3{text-align:center;font-size:0.875em;margin:0;padding:8px 0;color:#0033CC;}
.detail_icon li p{text-align:center;font-size:0.875em;margin:0;padding:0;color:#99ccff;}

.detail_icon3{padding:55px 0 30px 0;overflow:auto}
.detail_icon3 li{width:33.333%;float:left;}
.detail_icon3 li .icon{display:block;margin:0 auto;width:80px;}
.detail_icon3 li h3{text-align:center;font-size:0.875em;margin:0;padding:8px 0;color:#0033CC;}
.detail_icon3 li p{text-align:center;font-size:0.875em;margin:0;padding:0;color:#99ccff;}

.detail_table{border-top:3px solid #0033CC;margin-bottom:60px;}
.detail_table .row{overflow:auto}
.detail_table .row span{line-height:42px;border-bottom:3px solid #0033CC;border-left:3px solid #0033CC;float:left;width:33.33%;box-sizing:border-box;font-size:0.875em;padding-left:9px;color:#0033CC}
.detail_table .row span:nth-child(1){border-left:none;padding-left:0;}
.detail_table .row.bold span{font-weight:bold;font-size:1em;}

.photo_desc{background:#9fdded;padding:34px 0 30px 0;}
.photo_desc .main{max-width:960px;margin:0 auto;box-sizing:border-box;}
.photo_desc .main p{font-size:1em;line-height:30px;color:#0033CC;}

.photo_sample{padding:60px 0;}
.photo_sample .row{overflow:auto;}

.photo_sample .row.row1 img{width:100%;}

.photo_sample .row.row3 img{width:32%;float:left;}
.photo_sample .row.row3 img:nth-child(2){margin:0 2% 2% 2%;}

.photo_sample .row.row2 img{width:49%;float:left;}
.photo_sample .row.row2 img:nth-child(2){margin:0 0 2% 2%;}

.service_sample{padding-top:60px;}
.service_sample > .row{padding-bottom:30px;overflow:auto}
.service_sample > .row .bg{float:left;width:60%}
.service_sample > .row .txt{float:left;width:40%;box-sizing:border-box;}
.service_sample > .row .txt h2{font-size:0.875em;margin:0;padding:0;color:#0033CC;font-weight:bold;}
.service_sample > .row .txt p{font-size:0.875em;margin:0;padding:0;padding-top:20px;color:#0033CC;}

.service_sample > .row.left .txt{padding-left:15px;}
.service_sample > .row.right .txt{padding-right:15px;text-align:right;}
.service_sample > .row .panel{float:left;width:32%;margin-bottom:2%;}
.service_sample > .row .panel:nth-child(2){margin:0 2%;}

.service_sample > .row .panel img{width:100%;}
.service_sample > .row .panel p{font-size:0.875em;color:#0033CC;text-align:center;font-weight:bold;margin:0;padding:20px 0 0 0;}

.size_desc{background:#cfe3df;margin-bottom:30px;}
.size_desc .title{line-height:60px;text-align:center;font-size:1em;color:#0033CC;border-bottom:1px solid white;font-weight:bold}
.size_desc .row{line-height:60px;overflow:auto;border-bottom:1px solid white}
.size_desc .row span{float:left;width:11.11%;box-sizing:border-box;border-left:1px solid white;text-align:center;font-size:0.875em;color:#0033CC;}
.size_desc .row span:nth-child(1){border-left:none}

.hint_content{padding-top:60px;padding-bottom:30px;position:relative;}
.hint_content .txt{padding-bottom:30px;}
.hint_content .txt h2{font-size:0.875em;color:#0033CC;font-weight:bold;margin:0;padding:0;padding-bottom:15px;}
.hint_content .txt p{font-size:0.875em;color:#0033CC;margin:0;padding:0;padding-left:10px;line-height:25px;background:url(../images/dot.jpg) left 10px no-repeat;}


.color_list{overflow:auto;padding-top:20px;}
.color_list li{float:left;width:20%;margin-bottom:10px;}
.color_list li span{width:80%;padding-bottom:80%;display:block;margin:0 auto;}
.color_list li span.color1{background:#a4b8e4;}
.color_list li span.color2{background:#f7e2e5;}
.color_list li span.color3{background:#5e6d72;}
.color_list li span.color4{background:#a8aa9d;}
.color_list li span.color5{background:#9a504f;}
.color_list li span.color6{background:#d99b60;}
.color_list li span.color7{background:#d486a0;}
.color_list li span.color8{background:#8e67aa;}
.color_list li span.color9{background:#037482;}
.color_list li span.color10{background:#274255;}

.color_list li em{display:block;text-align:center;line-height:50px;color:#a0a0a0;font-size:0.75em;font-style:normal;}

.back_top{display:none;position:fixed;width:80px;height:80px;background:url(../images/back-top-arrow.png);background-size:cover;left:50%;margin-left:500px;bottom:150px;cursor:pointer;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
.back_top:hover{opacity:0.6}

.img_fix{display:block;margin:0 auto;}

.video_work_list{width:100%;max-width:960px;margin:0 auto;overflow:auto;;padding-top:60px;}
.video_work_list li{float:left;width:31.333%;position:relative;padding-bottom:60px;}
.video_work_list li:nth-child(3n+2){margin:0 3%;}
.video_work_list li .holder{position:relative;}
.video_work_list li .holder .bg{display:block;width:100%;}
.video_work_list li .holder .time{color:white;font-size:0.7em;position:absolute;right:3.5%;bottom:10px;height:18px;line-height:18px;padding:0 5px;border:1px solid white;border-radius:5px;}
.video_work_list li .holder .btn{position:absolute;width:20%;left:40%;top:35%;}

.video_work_list li p{font-size:0.875em;padding:0;padding-top:10px;color:#0033CC;margin:0;}
.video_desc{padding:60px 0;width:100%;box-sizing:border-box;max-width:960px;margin:0 auto;}
.video_desc h2{font-size:14px;color:#666666;padding-bottom:30px;}
.video_desc h2 span{display:inline-block;padding:0 10px;color:white;background:#a7cbfd;}
.video_desc .desc{width:100%;max-width:600px;border:3px solid #d8d8d8;padding:10px 15px;background:#f0f0f0;box-sizing:border-box;}
.video_desc .desc h3{font-size:14px;color:#666666;font-weight:bold;}
.video_desc .desc p{font-size:14px;color:#666666;}


@media screen and (max-width: 1100px){
.service_container .flow li{width:70px;padding-left:30px;margin:0 10px;}
.location_list li{padding-left:25px;}
.about_container .main{padding-left:25px;}
.copyright p{padding-left:25px;}
.copyright .icp {padding-left:25px;}

.detail_container{width:63%;}
.photo_desc .main{width:63%;}
.photo_headline .sample{width:70px;}
.photo_headline .txt{margin-left:80px;}
.photo_headline .txt h2{font-size:1.4em;margin-top:-5px;line-height:30px;}
.photo_headline .txt h3{font-size:1em;line-height:25px;}
.photo_headline .txt p{font-size:0.75em;line-height:20px;}
.photo_headline .btn{width:100px;height:30px;line-height:26px;font-size:1em;}
.back_top{width:60px;height:60px;margin-left:360px;}
.video_gallery .main{padding:0 40px;}
.video_gallery .main .video_right_arrow{right:10px;width:15px;}
.video_gallery .main .video_left_arrow{left:10px;width:15px;}
}



@media screen and (max-width: 1000px){
header .main{padding:0 25px;}
header .main .nav{/*display:none*/position:fixed;right:-160px;top:60px;border-top:1px solid #e2e2e2;height:100%;background:white;width:160px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}
header .main .nav.active{right:0}
header .main .nav li{float:none;display:block;height:47px;border-bottom:1px solid #e2e2e2;text-align:center;line-height:47px;margin:0;padding:0;border-radius:0;font-size:1em}
header .main .nav li.current{border-bottom:1px solid #e2e2e2;margin:0;padding:0}
header .main .nav li:hover{background:url(../images/icon-right-8px.png) 132px center no-repeat #0033CC;color:white;transition:none;-webkit-transition:none;-moz-transition:none;}
header .main .nav li.current:hover{background:url(../images/icon-right-8px.png) 132px center no-repeat #0033CC;color:white;}
header .menu_icon{display:block;}

header .main .nav .order_now{color:#0033CC;width:100%;border:none;float:none;display:block;height:47px;border-bottom:1px solid #e2e2e2;text-align:center;line-height:47px;margin:0;padding:0;border-radius:0;font-size:1em}
header .main .nav .order_now:hover{background:url(../images/icon-right-8px.png) 132px center no-repeat #0033CC;color:white;transition:none;-webkit-transition:none;-moz-transition:none;}

/*header.blue .main .nav{background:#0033CC}
header.blue .main .nav li.current{border-bottom:1px solid white}
header.blue .main .nav li:hover{background:white;color:#0033CC}
header.blue .main .nav li.current:hover{background:white;color:#0033CC}*/

header.blue .main .nav li{color:#0033CC}
header.blue .main .nav .order_now{color:#0033CC}
header.blue .main .nav .order_now:hover{background:#0033CC;color:#99ccff}

.home_order_section .main{padding:0 25px;}
.catagory_bar{width:65px;height:3px;}
.photo_catagory{width:80%;}
/*.catagory_prev{display:block}
.catagory_next{display:block}*/
.gallery_container{width:80%}
.photo_gallery .gallery_prev{left:20px;}
.photo_gallery .gallery_next{right:20px;}
.service_container .flow li{width:60px;padding-left:20px;margin:0 7px;background-position:0px 25px;}
.service_container .flow li span{font-size:0.7em}
.service_container h2{padding:38px 0 32px 0;font-size:1.5em;}
.location_bar{width:25%;height:46px;}
.location_switch .main{height:46px;}
.location_swiper .swiper-slide{line-height:46px;}
.location_switch .main .location_prev{left:25px;}
.location_switch .main .location_next{right:25px;}


.location_list{padding:0 40px;}
.location_detail{min-height:0px}
.location_detail .swiper-slider{padding-top:60px;}
.location_list li{width:50%;padding-left:25px;}
.location_list li h2{font-size:1.2em;padding-bottom:15px;}

.title_container .main .arrow_left{left:25px;}
.title_container .main .arrow_right{right:25px;}

.video_title_container .main .arrow_left{left:25px;}
.video_title_container .main .arrow_right{right:25px;}


.detail_container{width:100%;padding:0 20px;}
.photo_desc .main{width:100%;padding:0 20px;}
.photo_desc .main p{font-size:0.875em;text-align:center;}
.photo_sample{padding:30px 0;}
.back_top{display:none !important}
.indicator{display:none !important}
#catagory span{width:25%;}
}


@media screen and (max-width: 768px){
    .home_order_section .main h2{font-size:2.4em}
    .home_order_section .main .yue-box {width:96px;position:absolute;top:10px;}
    .home_order_section .main .yue-box .order_btn{display:inline-block;width:96px;font-size:0.9em; line-height:32px;}


    /*.photo_catagory{height:90px;}*/
    #catagory{padding:22px 0;}
    /*#catagory span{min-width:80px;margin-right:15px;}*/
    /*.catagory_bar{top:50px;}*/
    /*.catagory_prev{top:37px;}
    .catagory_next{top:37px;}*/
    .makeup_desc{height:auto;}
    .makeup_desc .main{padding-top:40px;padding-bottom:24px;}
    .makeup_desc .main .left img{width:32px;}
    .makeup_desc .main .detail{padding-left:40px;color:#0033CC}
    .makeup_desc .main .detail h2{font-size:1em;margin:0.2em 0;}
    .makeup_desc .main .detail p{font-size:0.7em;}
    .service_container{padding-left:20px;padding-right:20px;}
    .service_container .flow li{width:38px;padding-left:16px;margin:0 5px;background-position:0px 15px;background-size:5px;}
    .service_container h2{padding:28px 0 22px 0;font-size:1em;}
    .about_container .main{padding:37px 60px 22px 60px;}
    .about_container .main > h2{font-size:1.2em;padding-bottom:10px;}
    .about_container .main p{font-size:0.7em;width:100%;line-height:1.4em}



    .title_container .main{height:68px;line-height:68px;max-width:670px;}
    .title_container .main h2{font-size:1em;}

    .video_title_container .main{height:68px;line-height:68px;}
    .video_title_container .main h2{font-size:1em;position:relative;}
    .video_title_container .main .back_btn{line-height:68px;font-size:0.75em;}
    .video_title_container .main .share_btn{line-height:68px;font-size:0.75em;}

    .photo_headline{padding:35px 0;}
    .detail_table{border-top:2px solid #0033CC;margin-bottom:30px;}
    .detail_table .row span{font-size:0.75em;line-height:30px;border-bottom:2px solid #0033CC;border-left:2px solid #0033CC;}
    .detail_table .row.bold span{font-size:0.875em;}

    .size_desc .title{line-height:38px;font-size:0.875em;}
    .size_desc .row{line-height:38px;}
    .size_desc .row span{font-size:0.75em;}
    .hint_content{padding-top:25px;}
    /*.video_container .bg{height:270px;}*/
    .makeup_container .sample{height:250px;}
    .map_container .map{height:208px;}
    #catagory span em{height:3px;width:72px;bottom:5px;}
    .video_container .bar_top{height:10px;}
    .video_container .bar_bottom{height:10px;}

    .video_work_list{padding-top:10px;padding-bottom:30px;}
    .video_work_list li{width:48%;padding-bottom:20px;}
    .video_work_list li:nth-child(3n+2){margin:0;}
    .video_work_list li:nth-child(2n){margin:0 0 0 4%;}
    .photo_headline .sample{top:35px;}
    .video_desc{padding:30px 0;}
    .video_desc h2{padding-bottom:10px;}
}


@media screen and (max-width: 560px){
    .home_order_section .main h2{font-size:2em}
    .home_order_section .main .yue-box {width:144px;position:relative;right:auto;top:auto}
    .home_order_section .main .yue-box .img-res {display: none;}
    .home_order_section .main .yue-box .order_btn{ width:144px;font-size:1.2em; line-height:42px;}


    .photo_gallery .gallery_prev{left:0;display:none}
    .photo_gallery .gallery_next{right:0;display:none}
    .photo_catagory{width:100%}
    .gallery_container{width:100%}
    #catagory span{font-size:0.7em;width:33.33%;}

    #catagory span em{width:64px;}
    .gallery_intro{padding-top:20px;}
    .gallery_intro p{padding:33px 0 24px 0;font-size:0.6em;}
    .gallery_intro .btn{margin:0 6px;}
    .gallery_intro h2{font-size:1.8em;padding-bottom:18px;}
    .makeup_desc .main{width:100%;padding:50px 25px 40px 25px;}
    .service_container .flow li span{padding:8px 0 20px 0;}
    .service_container p{font-size:0.7em;padding-top:0px;}
    .service_container{padding-bottom:40px;}

    .location_switch .main{height:40px;padding:0 40px;}
    .location_swiper .swiper-slide{line-height:40px;font-size:0.7em;font-weight:normal;}
    .location_switch .main .location_prev{left:25px;height:12px;margin-top:-6px;}
    .location_switch .main .location_next{right:25px;height:12px;margin-top:-6px;}

    .location_detail .swiper-slider{padding-top:37px;}
    .location_list{padding:0;}
    .location_list li{width:100%;margin-bottom:37px;}
    .location_list li h2{font-size:0.8em;padding-bottom:10px;}
    .location_list li p{font-size:0.7em;}

    .about_container .main{padding:35px 25px 22px 25px;}
    .copyright p{font-size:0.8em;}
    .copyright .icp {font-size:0.7em;}


    .photo_headline{padding:25px 0;}
    .photo_headline .sample{width:60px;top:25px;}
    .photo_headline .txt{margin-left:70px;}
    .photo_headline .txt h2{font-size:1.2em;margin-top:0px;line-height:20px;}
    .photo_headline .txt{margin-bottom:20px;}
    .photo_headline .btn{width:100px;height:30px;line-height:26px;font-size:1em;position:relative;display:block;margin:0 auto;right:auto;bottom:auto;clear:both;}
    .detail_icon{padding:20px 0;}
    .detail_icon li{width:50%;margin-bottom:18px;}
    .detail_icon li .icon{width:52px;}
    .detail_icon li h3{font-size:0.75em;padding-bottom:4px;}
    .detail_icon li p{font-size:0.75em}

    .detail_icon3{padding:20px 0;}
    .detail_icon3 li{width:100%;margin-bottom:18px;}
    .detail_icon3 li .icon{width:52px;}
    .detail_icon3 li h3{font-size:0.75em;padding-bottom:4px;}
    .detail_icon3 li p{font-size:0.75em}

    .detail_container .sub_headline{padding:5px 0 5px 0;font-size:0.75em;line-height:1.5em;}
    .detail_container .sup_headline{font-size:0.75em;line-height:1.5;padding-bottom:20px;}
    .photo_desc{padding:24px 0;}
    .photo_desc .main p{font-size:0.75em;line-height:20px;margin:0;}

    .service_sample > .row .bg{width:50%}
    .service_sample > .row .txt{width:50%;}
    .service_sample > .row .txt h2{font-size:0.75em;}
    .service_sample > .row .txt p{font-size:0.75em;}
    .service_sample > .row .panel p{font-size:0.75em;padding-top:10px;}

    .service_sample > .row.left .txt h2{background:url(../images/icon_prev.png) left center no-repeat;padding-left:10px;background-size:5px;}
    .service_sample > .row.right .txt h2{background:url(../images/icon_next.png) right center no-repeat;padding-right:10px;background-size:5px;}

    .hint_content{padding-top:15px;padding-bottom:10px;}
    .hint_content .txt{padding-bottom:10px;}
    .hint_content .txt h2{font-size:0.75em;padding-bottom:5px;}
    .hint_content .txt p{font-size:0.75em;padding-bottom:8px;margin-left:5px;}
    .color_list{padding-top:10px}
    .color_list li em{line-height:30px;}
    /*.video_container .bg{height:180px;}*/
    .makeup_container .sample{height:180px;}
    .map_container .map{height:180px;}
    .catagory_prev{top:37px;display:block;}
    .catagory_next{top:37px;display:block;}
    .gallery_container .swiper-slide .row{display:none;z-index:2}
    .gallery_container .swiper-slide .row:nth-child(1){width:100%;display:block;}
    .img_fix{width:100%;height:auto !important;}
}


@media screen and (max-width: 480px){
    .detail_table .row span{width:27%;}
    .detail_table .row span:nth-child(3){width:46%;}

    .photo_sample{padding:20px 0;}
    .photo_sample .row.row3 img{width:100%;float:none;margin-bottom:10px}
    .photo_sample .row.row3 img:nth-child(2){margin:0 0 10px 0;}

    .photo_sample .row.row2 img{width:100%;float:none;margin-bottom:10px}
    .photo_sample .row.row2 img:nth-child(2){margin:0 0 10px 0;}
    .service_sample > .row{padding-bottom:20px;}
    .service_sample > .row .txt p{padding-top:0}
    .size_desc{margin-bottom:20px;}
    .size_desc .title{font-size:0.75em}
    .size_desc .row span{font-size:0.5em;}
    #catagory span{width:50%;margin-bottom:0}
    .video_container .bar_top{height:5px;}
    .video_container .bar_bottom{height:5px;}
    .video_work_list{padding-top:10px;padding-bottom:30px;}
    .video_work_list li{width:100%;padding-bottom:20px;}
    .video_work_list li:nth-child(3n+2){margin:0;}
    .video_work_list li:nth-child(2n){margin:0;}
}