@charset "gb2312";
/** 基础css重置 **/
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 "msyhl422459","微软雅黑",Srial, Verdana, Geneva, sans-serif, tahoma, helvetica, sans-serif;}
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; color:#000;}
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background-color:#fff;color:#666;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;}
 

.show{display: block;}
.hide{display: none;}

/** 通用主题框架 **/
.contaier,.hm-box{width: 100%; margin: 0 auto; clear: both;}
.hm-warp{width: 1200px; margin: 0 auto; clear: both;}

/** header **/
.header{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.header input{vertical-align: middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.header .head-top{ height: 38px; border-bottom: 1px solid rgb(234, 234, 234); background-color: rgb(245, 245, 245); font-size:14px; line-height: 38px; color:#3d404c;}
.header .head-top .left{ float: left; }
.header .head-top .right{ float: right; }
.header .head-top a{ width: 23px; height: 23px; display: inline-block; border-radius: 50%; margin-right: 4px; overflow: hidden; vertical-align: middle; background-image: url('https://images.ubeauty.cn/pc/2018/images/icon.png');}
.header .head-top a.WB-icon{ background-position: 0px 0;}
.header .head-top a.QQ-icon{ background-position: -27px 0;}
.header .head-top a.mWeb-icon{ background-position: -54px 0;}
.header .head-top .Tel{ float: right; font-size: 24px; display: block; margin-left: 10px;}
.header .head-top .tel-icon{ width: 22px; height: 22px; float: left; display: block; margin: 10px 3px 0 0; background-image: url('https://images.ubeauty.cn/pc/2018/images/icon.png'); background-position: -80px -1px;}

.header .head-main{height: 132px; position: relative;}
.header .head-main .logo{ width: 320px; height: 85px; display: block; float: left; margin: 20px 0 0 15px; background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') 0 -102px;}
.header .head-main .search{width: 460px; position: absolute; top: 36px; left: 50%; margin-left: -200px; z-index: 2;}
.header .head-main .search .input{width: 460px; height: 36px; margin: 0 auto; border-radius: 18px; border: 1px solid #e04e8e; position: relative;}
.header .head-main .search .input:before{content: ''; width: 18px; height: 18px; display: block; background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') -61px -35px; position: absolute; left: 15px; top: 50%; margin-top: -9px;}
.header .head-main .search .search_Frame{ width: 375px; height: 34px; float: left; border:0; background:none; font-size:14px; line-height: 34px; color:#333; padding-left: 50px; outline:medium;}

.header .head-main .search .search_btn{width: 67px; height: 34px; line-height: 34px; display: block; float: right; font-size: 16px; text-align: center; color: #e04e8e; position: relative;}
.header .head-main .search .search_btn:before{content: ''; width:1px; height: 24px; background-color: #e04e8e; position: absolute; left: 0; top: 50%; margin-top: -12px;}

.header .head-main .search .serach_txt,.header .head-main .search .serach_txt a{ font-size:16px; line-height: 16px; color:#8e8e8e; text-align: center; margin-top: 8px;}
.header .head-main .search .serach_txt a:hover{color:#e04e8e;}

.header .head-main .zs-icon{ width: 232px; height: 86px; display: block; float: right; margin: 24px 8px 0 0; background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') 0 -188px;}


/* Navs */
.Navs{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.Navs{height: 45px; background-color: #d2005a;}
.Navs li{width: 125px; height: 45px; line-height: 45px; float: left; text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all;}
.Navs li:hover{background-color: #e04e8e;}
.Navs li a{ font-size:18px; color:#fff;}
.Navs .Navs-list{width: 200px; background-color: #5c0027; position: relative; z-index: 500;}
.Navs .Navs-list .list{width: 808px; height: 550px; position: absolute; left: 0px; top: 0; overflow:hidden;opacity: 0;}

.Navs .Navs-list .list .list-l,.Navs .Navs-list .list .list-r{height: 550px; float: left; display: table;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.Navs .Navs-list .list .list-r{ display: none}
.Navs .Navs-list a{width:100%; height: 45px; float: left; display: block;}
.Navs .Navs-list:hover{background-color: #40001b;}

.Navs .Navs-list .list-l{width: 200px; background: rgba(123, 2, 54, .8);}
.Navs .Navs-list .list-l li{width: 100%; float: left; padding-left: 40px;}
.Navs .Navs-list .list-l li:hover,.Navs .Navs-list .list-l li.active{background-color: #e04e8e;}
.Navs .Navs-list .list-l li a{background-image: url('https://images.ubeauty.cn/pc/2018/images/icon.png');}
.Navs .Navs-list .list-l li:nth-child(1) a{background-position: -340px 9px;}
.Navs .Navs-list .list-l li:nth-child(2) a{background-position: -340px -42px;}
.Navs .Navs-list .list-l li:nth-child(3) a{background-position: -340px -83px;}
.Navs .Navs-list .list-l li:nth-child(4) a{background-position: -340px -132px;}
.Navs .Navs-list .list-l li:nth-child(5) a{background-position: -340px -177px;}
.Navs .Navs-list .list-l li:nth-child(6) a{background-position: -340px -221px;}
.Navs .Navs-list .list-l li:nth-child(7) a{background-position: -340px -264px;}
.Navs .Navs-list .list-l li:nth-child(8) a{background-position: -340px -310px;}
.Navs .Navs-list .list-l li:nth-child(9) a{background-position: -340px -353px;}
.Navs .Navs-list .list-l li:nth-child(10) a{background-position: -340px -400px;}
.Navs .Navs-list .list-l li:nth-child(11) a{background-position: -340px -445px;}
.Navs .Navs-list .list-l li:nth-child(12) a{background-position: -340px -491px;}

.Navs .Navs-list .list-r{width: 608px; background: rgba(255, 255, 255, .9); padding: 12px 32px; position: relative; }
.Navs .Navs-list .list-r li{ width: 100%; height: 502px; display: none; opacity: 0;}
.Navs .Navs-list .list-r li.active{ display: block; opacity: 1; background: none;}
.Navs .Navs-list .list-r li dt{font-size:30px; line-height: 40px; border-bottom: 1px solid #bababa; padding: 20px 10px 10px; text-align: left; margin-bottom: 10px;}
.Navs .Navs-list .list-r li dt h3{ font-weight: normal; color:#000;}
.Navs .Navs-list .list-r li dd{width: 33.3333%; height: 20px; overflow: hidden; float: left; margin-bottom: 10px;}
.Navs .Navs-list .list-r li:nth-child(6) dd{width: 25%;}
.Navs .Navs-list .list-r li dd a{font-size:15px; height: 20px; line-height: 20px; color:#626261; text-align: left; padding: 0 10px;}
.Navs .Navs-list .list-r li dd a:hover{color:#e04e8e;}
.Navs .Navs-list .list-r .pic{width: 450px; height: 220px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}





/* footer */
.footer{padding-top: 40px;}
.footer .brand{height: 599px; background: url('https://images.ubeauty.cn/pc/2018/images/brand_bg.jpg') center top; padding-top: 50px;}
.brand .swiper-container{background-color: #ffffff; padding: 85px 14px 30px;}
.brand .swiper-slide li{width: 289px; height: 384px; float: left; margin-right: 5px; overflow: hidden; position: relative;}
.brand .swiper-slide li:last-child{margin-right: 0;}
.brand .swiper-slide li .txt{width: 100%; height: 76px; position: absolute; left: 0; bottom: 0; padding: 14px 0;}
.brand .swiper-slide li .txt p{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:16px; line-height: 24px; text-align: center; color:#fff;}


.brand .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height: 54px; bottom: 445px; background-color: #3d3f4c; padding: 8px 15px 0;}
.brand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.brand .swiper-pagination-bullet{ width: 146px; height: 46px; float: left; background: none; border-radius: 0; opacity: 1; font-size:18px; line-height: 46px; text-align: center; color:#fff;}
.brand .swiper-pagination-bullet-active{background: #d2005a;}

.foot-nav{ padding: 40px 10px; display: table;}
.foot-nav .four_t{width: 25%; float: left; font-size: 24px; line-height: 78px; text-align: center; white-space: nowrap;}
.foot-nav .four_t i{width: 78px; height: 78px; display: block; float: left; border-radius: 50%; overflow: hidden; background: url('https://images.ubeauty.cn/pc/2018/images/icon.png');}
.foot-nav .four_t:nth-child(1) i{ background-position: 0 -476px;}
.foot-nav .four_t:nth-child(2) i{ background-position: -82px -476px;}
.foot-nav .four_t:nth-child(3) i{ background-position: -162px -476px;}
.foot-nav .four_t:nth-child(4) i{ background-position: -243px -476px;}

.foot-nav .menu-list{width: 160px; padding-top: 36px; margin-right: 40px; float: left;}
.foot-nav .menu-list h3{font-size:20px; line-height: 24px; border-left: 2px solid #d2005a; padding-left: 10px; color:#000; margin-bottom: 10px; font-weight: bold;}
.foot-nav .menu-list li{width: 100%; float: left;}
.foot-nav .menu-list li a{font-size:15px; line-height: 30px; color:#666666;}
.foot-nav .menu-list li a:hover{color:#e04e8e;}
.foot-nav .menu-list .last-a{font-size:15px; line-height: 30px; color:#d2005a;}

.foot-nav .menu-list.doulde{width: 240px; margin-right: 50px;}
.foot-nav .menu-list.doulde li{ width: 50%;}

.foot-nav .focusUs{ padding-top: 36px; float: left;}
.foot-nav .focusUs .f-us{width: 127px; float: left; margin-right: 60px;}
.foot-nav .focusUs .f-us h3{font-size:20px; line-height: 44px; text-align: center; color:#000;}
.foot-nav .focusUs .f-us p{font-size:14px; line-height: 30px; color: #666666; text-align: center;}
.foot-nav .focusUs .f-us i{width: 127px; height: 127px; display: block;}
.foot-nav .focusUs .f-us.gzh i{background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') no-repeat -2px -564px;}
.foot-nav .focusUs .f-us.web i{background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') no-repeat  -133px -565px;}
.foot-nav .focusUs .f-us a{width: 42px; height: 42px; display: block; margin-left: 16px; float: left;}
.foot-nav .focusUs .f-us a.wb{background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') no-repeat -1px -698px;}
.foot-nav .focusUs .f-us a.wx{background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') no-repeat -44px -698px;}

.db-info{height: 220px; background: url('https://images.ubeauty.cn/pc/2018/images/foot_bg.jpg') left top; padding: 36px 0;}
.db-info .logo{width: 346px; height: 66px; display: block; float: left; margin: 40px 0; background: url('https://images.ubeauty.cn/pc/2018/images/icon.png') no-repeat 0 -755px; margin-right: 34px; position: relative;}
.db-info .logo:before{content: ''; width: 1px; height: 148px; background-color: #585858; position: absolute; top: 50%; right: -34px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.db-info .main{width: 760px; float: left; margin-left: 40px;}
.db-info .main .fnav,.db-info .main .text{width: 100%; float: left;}
.db-info .main .fnav a{display: block; float: left; font-size:16px; line-height: 26px; color:#fff; margin: 20px 20px 10px 0;}
.db-info .main .fnav a:hover{color:#e04e8e;}
.db-info .main .text,.db-info .main .text a{font-size:14px; line-height: 26px; color:#ffffff;}


/*项目 Main1*/

.xnMain { width:1200px; height:auto; margin:0px auto; }
.xnMain .xnM1 { width:1200px; height:auto; float:left; margin-top:20px; }
.xnMain .xnM1 li { width:92px; height:75px; float:left;}
.xnMain .xnM1 li a { width:92px; height:75px; float:left; display:block; text-decoration:none; }
.xnMain .xnM1 li a p { line-height:25px; font-size:12px; text-align:center; color:#b5004f; padding-top:50px; }
.xnMain .xnM1 .B1 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat 0px -82px; }
.xnMain .xnM1 .B2 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -92px -82px; }
.xnMain .xnM1 .B3 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -184px -82px; }
.xnMain .xnM1 .B4 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -276px -82px; }
.xnMain .xnM1 .B5 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -368px -82px; }
.xnMain .xnM1 .B6 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -460px -82px; }
.xnMain .xnM1 .B7 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -552px -82px; }
.xnMain .xnM1 .B8 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -644px -82px; }
.xnMain .xnM1 .B9 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -736px -82px; }
.xnMain .xnM1 .B10 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -828px -82px; }
.xnMain .xnM1 .B11 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -920px -82px; }
.xnMain .xnM1 .B12 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -1020px -82px; }
.xnMain .xnM1 .B13 { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -1104px -82px; }
.xnMain .xnM1 .B1:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat 0px 2px; }
.xnMain .xnM1 .B2:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -92px 2px; }
.xnMain .xnM1 .B3:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -184px 2px; }
.xnMain .xnM1 .B4:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -276px 2px; }
.xnMain .xnM1 .B5:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -368px 2px; }
.xnMain .xnM1 .B6:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -460px 2px; }
.xnMain .xnM1 .B7:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -552px 2px; }
.xnMain .xnM1 .B8:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -644px 2px; }
.xnMain .xnM1 .B9:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -736px 2px; }
.xnMain .xnM1 .B10:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -828px 2px; }
.xnMain .xnM1 .B11:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -920px 2px; }
.xnMain .xnM1 .B12:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -1020px 2px; }
.xnMain .xnM1 .B13:hover { background:url(/huameiTemplets/201407/images/xm_list.jpg) no-repeat -1104px 2px; }
/*项目 Main1结束*/
.focus_item{ width:1800px;/* height:340px;*/ margin:0px auto;}

.focus_item a{width:1800px; height:340px; display:block;}
.huamei_pagebox {
    clear: both;
   font-family: "宋体";
    margin-top: 10px;
    text-align: center;
	height:30px;
}
.huamei_pagebox a {
    border-color: #B50050;
    border-right: 1px solid #B50050;
    border-style: solid;
    border-width: 1px;
    color: #B50050;
    font-family: "宋体";
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.huamei_pagebox a:hover {
    background-color: #B50050;
    border-color: #B50050;
    border-right: 1px solid #B50050;
    border-style: solid;
    border-width: 1px;
    color: #000;
}
.pagination a:active {
    background-color: #B50050;
    border-color: #B50050;
    border-right: 1px solid #B50050;
    border-style: solid;
    border-width: 1px;
    color: #000;
}
.huamei_pagebox span.huamei_pagebox_num_nonce {
    background-color: #B50050;
    border-color: #B50050;
    border-right: 1px solid #B50050;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-weight: bold;
    margin-right: 2px;
    padding: 2px 5px;
}
.huamei_pagebox span.huamei_pagebox_num {
    border-color: #B50050;
    border-right: 1px solid #B50050;
    border-style: solid;
    border-width: 1px;
    color: #B50050;
    margin-right: 2px;
    padding: 2px 5px;
}
/*内页广告JS切换样式*/
#ad2 div{width:100%; height:340px;}
#ad2{
    
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#ad2 #num {
    bottom: 8px;
    font-weight: bold;
    height: 16px;
    position: absolute;
    right: 600px;
    width: 134px;
    z-index: 3;
}
#ad2 #num li {
    background: url("http://www.ubeauty.cn/skins/201208/images/index/xna_link.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    float: left;
    height: 16px;
    line-height: 16px;
    margin-right: 5px;
    text-align: center;
    width: 16px;
}
#ad2 #num li.on {
    background: url("http://www.ubeauty.cn/skins/201208/images/index/xna_hover.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/**/