/*common样式开始 */ 
*{padding:0px; margin:0px;}
html { overflow-x:hidden; -webkit-text-size-adjust:none; }
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{ font-family:microsoft yahei,Arial, Tahoma,"宋体"; font-size:12px; color:#5a5a5a;}
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #333333;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{color: #eb1315;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #333333;} /* 点击激活链接 */
h1,h2,h3,h4,h5,h6{font-size:12px;}
fieldset, img { border:0; vertical-align:middle}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline}
#banner{ width:100%; overflow:hidden; background:#c8b66b;}
#banner img{ width:100%; display:block;}

#nav{ background:#382f28; width:100%;}
#nav li{width:24.7%; float:left; text-align:center; padding-top:3%;  padding-bottom:3%; font-size:14px; background:#382f28; border-top: 1px solid #000;}
#nav li.border{ border-right:1px solid #81705d}
#nav ul{ width:98%; margin:0 auto;}
#nav li a{color: #bf9c3b; }
.nav {
    border-bottom: 1px solid #dddddd;
    color: #888888;
    margin: 10px auto;
    padding-left: 10px;
	padding-bottom:5px;
}
.nav a {
    color: #888888;
}

.xm3 {
    clear: both;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.xm3 .jd1 {
    float: left;
    padding: 3% 0;
    width: 30%;
	text-align:center
}
.xm3 .jd1 img{
	width:80%;
	
}
.xm3 .jd_text {
    color: #8f6104;
    float: left;
    padding: 5px 0;
    width: 58%;
	font-size:16px;
	line-height:24px;
}
.xm3 .jd_text a {
margin-right:2%;
    color: #8f6104;
}
.xian{ height:1px; border-bottom:1px dashed #999}
.jd_text_tt{ font-size:16px; font-weight:bold;}


.xm7 {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.xm7 DL {
    border-bottom: 1px solid #dedede;
    clear: both;
    overflow: hidden;
    padding-top:1%;
    width: 98%;
	margin:0 auto;
	padding-bottom:.5%;
}
.xm7 DL.end {
    border-color: -moz-use-text-color;
    border-style: none;
    border-width: medium;
}
.xm7 DL DT {
    float: left;
    width: 30%;;
	margin-right:3%;
}
.xm7 DL DT img{ width:100%; height:auto;}

.xm7 DL DD {
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 22px;
    width:65%;
}
.xm7 DL DD a{ font-weight:bold;}
.xm7 DL DD.other {
    color: #a1a1a1;
}
.xm7 DL DD SPAN {
    color: #f76992;
}
.xm7 DL DD.xm7_tt{ font-weight:bold; font-size:16px;}


@media screen and (max-width:480px){
	.jd_text_tt{ font-size:14px; font-weight:bold;}
	.xm3 .jd_text { font-size:14px;}	
	
	
}

@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){

}
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){/*iphone6 plus */
	.jd_text_tt{ font-size:16px; font-weight:bold;}
	.xm3 .jd_text { font-size:14px;}
}

 @charset "utf-8";
body{margin:0 auto;padding:0 auto;font-size:1em;position:relative; max-width: 640px;background: #fff;font-family:"Microsoft YaHei", SimSun;}
img{border:none;vertical-align: top;}
ul,ol{list-style: none;margin:0 auto;padding:0;}
a{text-decoration: none;}
p{margin:0 auto;padding:0;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,table,tr,th,td{margin:0;padding:0;}


/*鐩綍瀵艰埅*/
.catalogNav{display:block;width:100%;background: #ffffff;border-bottom:1px solid #ccc;padding:8px 0;}
.catalogNav p{display: block;width: 95%;margin-left: 2%;color:#888888;}
.catalogNav p img{vertical-align: middle;width: 4.5%;max-width: 20px;float:left;margin-top: 1px;}
.catalogNav p a{color:#888888;margin-left: 4px;}

h3, h4, h5{margin:0 auto;padding:0;font-weight: normal;}
/*缁忓吀椤圭洰 涓€绾ф爮鐩� begin*/
    /*banner*/
    .list_head_banner{display: block;width: 100%;}
    .list_new_box .hd ul li{background: #b49c7a none repeat scroll 0 0;border-radius: 12px;display: inline-block;float: left;height: 12px;margin: 0.3%;opacity: 1;
        overflow: hidden;vertical-align: top;width: 12px;margin-left: 8px;font-size:0px;}
    .list_new_box .hd ul .on{background: #fff none repeat scroll 0 0;opacity: 1;font-size:0px;}
    .list_new_box .hd{width:75px;z-index:1;position:absolute;bottom: 10px;right: 8%;}
    /*鎺ㄨ崘椤圭洰*/
    .recommend_project{display:none;width:100%;}/*2016-9-02闅愯棌*/
    .recommend_project_L{display:block;float:left;width:29%;text-align: center;background: #fff;}

    .recommend_project_L p{display:block;color:#000;padding-bottom: 4%;}
    .recommend_project_L p span{display:block;width:100%;text-align:center;color:#666666;font-size: 11px;}
    .recommend_project_R{display:block;float:left;width:71%;background:#271440;padding-top: 1%;padding-bottom: 1%;position: relative;}
    #recommend_project_sj{position: absolute;left:0px;top: 50%;margin-top: -8px;}
    .recommend_project_R .recommend_meun{display:block;width:94%;margin-left: 5%;padding-bottom: 5%;}
    .recommend_project_R .recommend_meun a{display:block;float:left;color:#fff;margin-right:11%;padding:4px 0;}
    .recommend_project_R .recommend_meun .more{color:#e9dac3;}
    .recommend_project_R .tuijian{display:block;width:92%;margin-left: 5%;padding-bottom: 1%;color:#cfc0e0;}
    #recommend_list{display:block;width: 100%;padding-bottom: 2px;margin-top: 5%;}
    /*.recommend_project_R .tuijian a{color:#cfc0e0;display:block;width:47%;border:1px solid #cfc0e0;border-radius:20px;text-align: center;float:left;margin-left: 2%;padding:4px 0;margin-top: 3%;margin-bottom: 3%;}*/
    .recommend_project_R .tuijian a{color:#000;display:block;width:45%;background:#fff;border-radius:20px;text-align: center;float:left;margin-left: 2%;padding:4px 0;margin-bottom: 4%;}
    .recommend_project_R .tuijian a font{color:#ff6600;}
    /*椤圭洰鍒楄〃*/
    .list_project{display:block;width:100%;}
    .list_project ul li{display:block;width:100%;background: #e6e6e8;padding-top: 4%;padding-bottom: 4%;margin-bottom: 2%;}
    .list_project ul li .L{display:block;float:left;width:29%;text-align: center;}
    .list_project ul li .L div{display:block;width:72%;border:1px solid #000;margin-left: 13%;height:136px;border-radius: 4px;}
    .list_project ul li .L div p{display:block;margin-top: 2%;}
    .list_project ul li .R{display:block;float:left;width:71%;}
    .list_project ul li .R p{display:block;width:94%;}
    .list_project ul li .R p a{display:block;float:left;color:#000;margin-right:11%;padding-top: 1.5%;padding-bottom: 1.5%;}

    .jdxm_city{display:block;width:100%;background: url(/jdxm//images/city_bg.jpg) no-repeat;color:#d4d4d4;background-size:100%;height: 481px;text-align: center;}
    .jdxm_h3{color:#dfc592;padding-top: 4%;}
    .city_desc{margin-top: 3%;}
    .jdxm_desc{margin-top: 2%;color:#383838;width: 90%;margin-left: 5%;text-indent: 2em;text-align: left;}

    .jdxm_expert{margin-top:2%;display:block;width:100%;background: url(/jdxm//images/jdxm_Expert_Team_Bg.jpg) no-repeat;color:#d4d4d4;background-size:100%;height:524px;text-align: center;}
    .jdxm_sm{margin-top:2%;display:block;width:100%;background: url(/jdxm//images/jdxm_sm_bg.jpg) no-repeat;color:#d4d4d4;background-size:100%;height:429px;text-align: center;}

/*缁忓吀椤圭洰 end*/

    /*璇︾粏鍒楄〃椤�*/
    .listClass{display:block;width: 100%;padding-bottom: 3%;}
    .listClass ul li{display:block;width: 100%;padding-top: 4%;padding-bottom: 4%;background: #f2f2f2;float:left;}
    .listClassLeft{display: block;float:left;width: 28%;margin-left: 3.3%;}
    .listClassLeft img{width: 100%;border-radius: 4px;}
    .listClassLeft p{display: block;width: 100%;text-align: center;background: #dedede;margin-top: 4%;padding-top: 8%;padding-bottom: 8%; /*overflow: hidden; white-space: nowrap;text-overflow: ellipsis;*/}
    .listClassRight{display:block;float:left;width: 60%;margin-left: 3.3%;border-left:2px solid #88612a;}
    .listClassRight p{display:block;width: 95%;margin-left: 5%;color:#000;padding-bottom: 2%;}
    .listClassRight p span{color:#7e5400;font-weight: 700;}
    .listClassRight .pro_tit{display: block; width: 100%;color: #B93864;font-weight: bold;}
    .pro_tit a font{padding-left:8px;color:#ccc;font-weight:400;text-decoration: line-through;}
    .listClassRight .pro_tit a{color:#B93864;}
    .listClassRight .pro_jj{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
    .listClassRight .rq{line-height: 31px;}
    .listClassRight .hf_time{padding-bottom:1.3%;}
    .listClassRight .adviceBtn{padding-bottom: 0px;text-align: bottom;}
    .listClassRight .adviceBtn a{width: 45%;float:left;background:#A5824E;text-align: center;padding-top: 3%;padding-bottom: 2.5%;color: #fff;border-radius: 3px;}
    .listClassRight .adviceBtn .zx_btn{background: none;color:#B37313;}
    .listClassRight .adviceBtn span{display: block;float:left;width: 45%; margin-left: 6%;margin-top: 3%;color:#676767;font-size: 16px;font-weight: normal;}
    .listClassRight .adviceBtn span font{color:#ff5d00}


/*鐜诲翱閰稿垪琛ㄦ柊澧�*/
  .bns_jg{display: block;width: 100%;color:#000;padding-bottom: 4%;}
  .bns_jg .bns_tit{display: block;width: 90%;margin-left: 5%;text-align: center;font-weight: bold;}
  .bns_jg .bns_tit p{display: block;width: 100%;background: url(/js/public/images/black_bg.jpg) repeat-x center;}
  .bns_jg .bns_tit p span{background: #fff;padding:0 10px;}
  .bns_jg .bns_brand{display: block;width: 100%;margin-top: 4%;}
  .bns_jg .bns_brand .bns_b_tit{display: block;width: 100%;background: #937343;padding-top:2%;padding-bottom: 2%;text-align: center;}
  .bns_jg .bns_brand .bns_b_tit img{width: 26%;}
  .bns_jg .bns_brand .bns_b_tit p{color: #fff;font-weight: bold;}
  .bns_jg .bns_brand .bns_desc{display: block;width: 80%;margin-left: 10%;margin-top: 3%;color: #000;}
  .bns_jg .bns_brand .bns_btn{display: block;width: 70%;margin-left: 15%;background: #e67405;text-align: center;padding-top: 2%;padding-bottom: 2%;border-radius: 6px;color: #fff;}

/*瓒呭０鍒€鍒楄〃*/
    .bns_jg .bns_brand .csd_b_tit{display: block;width: 100%;background: #cd9e4d;padding-top:2%;padding-bottom: 2%;text-align: center;}
    .bns_jg .bns_brand .csd_b_tit img{width: 26%;}
    .bns_jg .bns_brand .csd_b_tit p{color: #fff;font-weight: bold;}


/*姘村厜閽堝垪琛ㄦ柊澧�*/
    .hmjbs{display: block;width: 100%;text-align: center;padding-bottom: 5%;}
    .hmjbs h3{font-weight: bold;}
    .hmjbs .desc{width: 94%;margin-left: 3%;text-indent: 2em;text-align: left;margin-top: 3%;padding-bottom: 3%;}
    .hmjbs ul li{display:block;width: 45%;float:left;margin-left: 3.33333%;background: url(/js/public/images/hmjbs_list_01.jpg) no-repeat; background-size: 100%; height:300px;position: relative;margin-top: 3%;}
    .hmjbs ul li div{position: absolute;bottom:16%;background:rgba(101,172,240,0.8); color: #fff;}
    .hmjbs ul li div h5{padding-top: 4%;}
    .hmjbs ul li div p{display: block;width: 90%;margin-left: 5%;text-align: left;padding: 3% 0 5% 0;}
    .hmjbs ul li a{position: absolute;bottom: 0px;color:#fff;padding:3% 0; display:block;width: 80%;margin-left: 10%;background: #388cda;border-radius: 6px;text-align: center;}

/*缇庤偆绁涙枒鍒楄〃鏂板*/
      .hmmfqb{display:block;width: 100%;}
      .hmmfqb .mf_desc{display:block;width: 100%;background: url(/js/public/images/yxqb_bg01.jpg);padding: 4% 0;color:#ebe2f7;}
      .mf_desc_L{display: block;width: 32%;margin-left: 4%;float:left;}
      .mf_desc_L img{width: 100%;}
      .mf_desc_R{display: block;width: 57%;margin-left: 4%;float:left;}
      .mf_desc_R h3{font-weight: bold;color: #fff;}
      .mf_desc_R p{margin-top: 3%;}

      .hmqb_nav{display:block;width: 100%;background: #e7e1f0;padding:4% 0;}
      .hmqb_sma_tit{display: block;width: 100%;background: url(/js/public/images/mfqb_sma_tit_bg.jpg) no-repeat; background-size: 100%;height:111px;line-height:111px;}
      .hmqb_sma_tit p{display:block;width: 74%;margin-left:24%;color:#fff;}
      .hmqb_nav .desc{display:block;width: 88%;margin-left:7%;text-align: center;}
      .hmqb_nav p span{font-weight: bold;}

      .hmmfqb .qb_layer_one{display:block;width: 100%;margin-top: 3%;}
      .hmmfqb .qb_layer_one li{display:block;width: 45%;float:left;margin-left: 3.33333%;}
      .hmmfqb .qb_layer_one li h4{font-weight: bold;text-align: center;padding:4% 0;}
      .hmmfqb .qb_layer_one li p{color: #666666;width: 90%;margin-left: 5%;}
      .hmmfqb .qb_btn{display:block;width: 92%;margin-left: 4%;background: #9c7a48;color:#fff;text-align: center;padding:1.5% 0;border-radius: 6px;margin-top: 5%;margin-bottom: 5%;}

      .hmmfqb .qb_layer_two{display:block;width: 100%;padding-bottom: 5%;}
      .hmmfqb .qb_layer_two li{display:block;width: 45%;margin-left: 3.33333%;text-align: center;float: left;color: #fff;margin-top: 4%;}
      .hmmfqb .qb_layer_two .main_box{display: block;width: 100%;background: url(/js/public/images/yxmf_bg02.jpg);padding:5% 0;}
      .hmmfqb .qb_layer_two .main_box p{width: 90%;margin-left: 5%;text-align:left;margin-top: 3%;}
      .hmmfqb .qb_layer_two .main_box p span{background: #7b5fa3;padding:1px 6px;margin-bottom: 4px;}
      .hmmfqb .qb_layer_two .main_box a{display: block;width: 50%;margin-left: 25%;background: #9c7a48;padding:2.5% 0;border-radius: 6px;text-align: center;margin-top: 4%;}


/*瀚╄偆鏂板*/
      .list_tit{display:block;width:92%;padding-bottom: 4%;padding-top: 4%;margin-left: 4%; background: #fffaf3;}
      .list_tit p{text-align: center;color:#000;}
      .list_tit .T{color:#000;}
      .list_tit .C{display:block;width:100%;background: url(/js/public/images/black_bg.jpg) repeat-x center;}
      .list_tit .C span{background: #fffaf3;padding:0 8px;font-weight: 700;}
      .list_tit .CC{display:block;width:100%;background: url(/js/public/images/black_bg.jpg) repeat-x center;}
      .list_tit .CC span{background: #fffaf3;padding:0 8px;font-weight: 700;}
      .a_btn{display:block;width:92%;margin-left: 4%;margin-top: 4%;}
      .a_btn a{display:block;width:100%;background:#c2a149;color:#fff;text-align: center;padding-top:2%;padding-bottom:2.5%;border-radius: 8px;}
      /*缇庤偆涓績*/
      .BeautyCenter{display:block;width: 100%;padding-bottom: 4%;}
      .BeautyCenter p{width: 92%;margin-left: 4%;text-indent: 2em;margin-top: 2%;color: #59595a;}
      .BeautyCenter p span{font-weight: bold;color:#fd093d;}
      /*鏂伴灏�*/
      .fashion{display:block;width:100%;padding-bottom: 4%;}
      .fashion ul li{display:block;width:30%;margin-left: 2.5%;background: #f88789;text-align: center;color:#fff;float:left;height: 220px;}
      .fashion ul li img{width: 22%;margin-top: 5%;}
      .fashion ul li h3{display:block;width: 88%;margin-left: 6%;border-bottom: 1px solid #fff;padding-top:3%;padding-bottom: 3%;}
      .fashion ul li p{display: block;width: 90%;text-align: left;margin-left: 6%;margin-top: 3%;}

/*鏃犲垱锛堣倝姣掔礌锛�*/
      .two_brand{display: block;width: 100%;}
      .two_brand ul li{display: block;width: 45%;margin-left: 3.33333%;float:left;}
      .two_brand ul li img{width: 100%;}
      .two_brand ul li p{text-indent: 2em;width: 96%;margin-left: 2%;}
      .botox_ys{display: block;width: 100%;padding-bottom: 4%;}
      .botox_ys img{width: 100%}

/*缁煎悎闅嗛蓟*/
    .zhlb{display: block;width: 100%;padding-bottom: 4%;}
    .zhlb_desc{display: block;width: 92%;margin-left: 3%;text-indent: 2em;padding:3% 0;}
    .zhlb_list{display: block;width: 100%;}
    .zhlb_list li{width: 100%;height: 198px;background:url(/js/public/images/zhlb_list_01.jpg) no-repeat;background-size:100%;margin-top: 2%;position: relative;color:#fff;}
    .zhlb_list_word{width: 62%;margin-left: 34%;padding-top: 8%;}
    .zhlb_list_word h3{font-weight: bold;}
    .zhlb_list_word p{margin-top: 4%;}

/*鍚歌剛鏂板鏉垮潡*/
    .xzNewPlate{display: block;width: 100%;padding-bottom: 4%;}
    .xzNewPlateF1{display: block;width: 100%;}
    .xzNewPlateF1 ul li{display: none;/*9鏈�3鍙�*/width: 32%;margin-left: 1.33333%;float:left;margin-top: 3%;text-align: center;background: #f2f2f2;padding-bottom: 1.5%;}
    .xzNewPlateF1 ul li img{width: 100%;}
    .xzNewPlateF1 ul li h3{font-weight: bold;padding:4% 0;}
    .xzNewPlateF1 ul li p{width: 94%;margin-left: 3%;text-align: left;}

    .xzNewPlateF2{display: block;width: 100%;background:#f2f2f2;margin-top: 4%;padding-bottom: 3%;padding-top: 2%;}
    .xzNewPlateF2 ul li{display: block;width: 31%;margin-left: 1.99999%;background: #fff;float:left;padding-bottom: 3%;}
    .xzNewPlateF2 ul li img{width: 100%;}
    .xzNewPlateF2 ul li p{width: 94%;margin-left: 3%;margin-top: 6%;color:#4c4b4b;}
    .xzNewPlateF2 ul li a{display: block;width: 80%;margin-left: 10%;color:#d29843;border:1px solid #d29843;border-radius: 25px;padding:3% 0;text-align: center;margin-top: 8%;}

/*鍗婃案涔�*/
    .Makeup{display:block;width:100%;padding-bottom:4%;}
    .MakeupList li{background: url(/js/public/images/MakeupList_01.jpg) no-repeat;background-size:contain;height:198px;margin-top: 3%;}
    .MakeupListDesc{width: 60%;margin-left: 37%;padding-top: 3%;color:#fff;}
    .MakeupListDesc p{margin-top: 2%;}

/*鑳稿瀷瀹氬埗*/
    .Customized{display:block;width:100%;padding-bottom:4%;}
    .CustomizedList{width: 100%;padding:4% 0;background: #27203b;}
    .CustomizedList ul li{display: block;width: 31%;padding-bottom: 2%; margin-left:1.99999%;border-radius: 5px;background: #f5f2ff;text-align: center;float:left;}
    .CustomizedList ul li img{width: 60%;margin-top: 5%;}
    .CustomizedList ul li h3{padding:3% 0;}
    .CustomizedList ul li p{text-align: left;width: 90%;margin-left: 7%;}

/*缁煎悎缇庣溂*/
    .zhmyList{display:block;width:100%;padding-bottom:4%;}
    .zhmy_desc{width: 92%;margin-left: 4%;margin-top: 3%;}
    .zhmyList ul li{width:45%;margin-left: 3.33333%;background: #f8e9f1;padding-bottom: 2%;float:left;margin-top: 3%;}
    .zhmyList ul li img{width: 100%;}
    .zhmyList ul li h3{padding:3% 0;text-align: center;font-weight: bold;}
    .zhmyList ul li p{width: 90%;margin-left: 6%;}


/*鑴辨瘺*/
    .hair{display:block;width:100%;padding-bottom:4%;}
    .hairTit{width: 100%;background: url(/js/public/images/hair_01.jpg) no-repeat;background-size: contain;color:#fff;height:70px;line-height: 70px;}
    .hairTit p{width: 76%;margin-left: 21%;}
    .hairDesc{width: 86%;margin-left: 7%;padding:3% 0;}
    .hair ul li{display: block;width: 45%;margin-left: 3.33333%;float:left;background:#e8f7f9;text-align: center;padding-bottom: 3%;}
    .hair ul li a{display: block;width: 80%;margin-left: 10%;padding:6px 0;border-radius: 20px;text-align: center;color:#fff;background: #ab812c;margin-top: 5%;}


/*鑷綋鑴傝偑濉厖浼樺娍*/
    .tcys{display:block;width:100%;padding-bottom:4%;}
    .tcysF2{width: 100%;height: 382px;background:url(/js/public/images/tcys_02.jpg) no-repeat;background-size:contain;position: relative;}

/*椤圭洰鍒楄〃*/
.list_project ul li .L div p, .recommend_project_L p, .hmjbs ul li div h5, .hairTit{font-size: 28px;}
.list_project ul li .R p a, .recommend_project, .catalogNav, .second_list, .recommend_project_R, .listClassRight .adviceBtn, .xzNewPlateF1 ul li h3{font-size: 20px;}
.second_list ul li div .zx{font-size: 19px;}
.jdxm_h3{font-size: 45px;}
.jdxm_h5, .hmmfqb .qb_btn{font-size: 26px;}
#recommend_list, .city_desc, .jdxm_desc, .listClassRight, .hmjbs, .mf_desc_R p, .hmqb_nav .desc, .hmmfqb .qb_layer_one, .hmmfqb .qb_layer_two .main_box, .two_brand, .zhlb, .Makeup, .MakeupListDesc h2 span, .Customized, .zhmyList, .hair, .pro_tit a font{font-size: 18px;}
.city_desc, .jdxm_desc, .mf_desc_R p, .hmmfqb .qb_layer_two .main_box p{line-height: 30px;}
.listClass, .listClassRight .pro_tit, .list_tit .SM, .zhmyList ul li h3{font-size: 22px;}
.hmjbs ul li a{font-size: 23px;}
.mf_desc_R h3{font-size: 32px;}
.bns_jg .bns_tit p, .hmjbs h3{font-size: 42px;}
.bns_jg .bns_tit h3, .list_tit{font-size: 36px;}
.bns_jg .bns_brand .bns_b_tit p, .csd_b_tit p, .hmmfqb .qb_layer_two .main_box h3, .a_btn, .zhlb_list_word h3, .CustomizedList ul li h3{font-size: 24px;}
.bns_jg .bns_brand .bns_desc{font-size: 18px;}
.bns_jg .bns_brand .bns_btn, .hmjbs h4, .hmqb_sma_tit p, .list_tit .T, .list_tit .CC{font-size: 30px;}
.BeautyCenter{font-size: 18px;line-height: 26px;}
.fashion ul li p{font-size: 17px;line-height: 24px;}
.xzNewPlate{font-size: 17px;line-height: 24px;}
.fashion ul li h3{font-size: 27px;}

.clear_float{clear: both;}
@media screen and (max-width: 440px){
    .zhlb_list_word{padding-top: 5%;}
    .list_project ul li .L div p, .recommend_project_L p, .hmjbs ul li div h5, .hairTit{font-size:18px;}
    .list_project ul li .R p a, .recommend_project, .catalogNav, .second_list, .recommend_project_R, .listClassRight .adviceBtn, .xzNewPlateF1 ul li h3{font-size: 14px;}
    .second_list ul li div .zx{font-size: 13px;}
    .jdxm_h3{font-size: 29px;}
    .jdxm_h5, .hmmfqb .qb_btn{font-size: 18px;}
    #recommend_list, .city_desc, .jdxm_desc, .listClassRight, .hmjbs, .mf_desc_R p, .hmqb_nav .desc, .hmmfqb .qb_layer_one, .hmmfqb .qb_layer_two .main_box, .two_brand, .zhlb, .Makeup, .MakeupListDesc h2 span, .Customized, .zhmyList, .hair, .pro_tit a font{font-size: 14px;}
    .mf_desc_R h3{font-size: 24px;}
    .city_desc, .jdxm_desc, .mf_desc_R p, .hmmfqb .qb_layer_two .main_box p{line-height: 22px;}
    .listClass, .listClassRight .pro_tit, .list_tit .SM, .zhmyList ul li h3{font-size: 18px;}
    .listClassRight .adviceBtn span{font-size:14px;}
    .listClassRight .rq{line-height: 26px;}
    .bns_jg .bns_tit p, .hmjbs h3{font-size: 30px;}
    .bns_jg .bns_tit h3, .list_tit{font-size: 22px;}
    .bns_jg .bns_brand .bns_b_tit p, .csd_b_tit p, .hmmfqb .qb_layer_two .main_box h3, .a_btn, .zhlb_list_word h3, .CustomizedList ul li h3{font-size: 18px;}
    .bns_jg .bns_brand .bns_desc{font-size: 15px;}
    .list_tit{font-size: 24px;}
    .bns_jg .bns_brand .bns_btn, .hmjbs h4, .hmqb_sma_tit p, .list_tit .T, .list_tit .CC{font-size: 20px;}
    .hmjbs ul li a{font-size: 16px;}
    .BeautyCenter{font-size: 15px;line-height: 20px;}
    .fashion ul li p{font-size: 13px;line-height: 16px;}
    .xzNewPlate{font-size: 13px;line-height: 16px;}
    .fashion ul li h3{font-size: 18px;}
    
}
@media screen and (max-width:390px){
    .list_project ul li .L div p, .recommend_project_L p, .hmjbs ul li div h5, .hairTit{font-size:18px;}
    .list_project ul li .R p a, .recommend_project, .catalogNav, .second_list, .recommend_project_R, .listClassRight .adviceBtn, .xzNewPlateF1 ul li h3{font-size: 12px;}
    .jdxm_h3{font-size: 27px;}
    .jdxm_h5, .hmmfqb .qb_btn{font-size: 16px;}
    #recommend_list, .city_desc, .jdxm_desc, .listClassRight, .hmjbs, .mf_desc_R p, .hmqb_nav .desc, .hmmfqb .qb_layer_one, .hmmfqb .qb_layer_two .main_box, .two_brand, .zhlb, .Makeup, .MakeupListDesc h2 span, .Customized, .zhmyList, .hair, .pro_tit a font{font-size: 13px;}
    .mf_desc_R h3, .list_tit{font-size: 22px;}
    .city_desc, .jdxm_desc, .mf_desc_R p, .hmmfqb .qb_layer_two .main_box p{line-height: 20px;}
    .listClassRight .adviceBtn span{font-size:13px;}
    .listClass, .listClassRight .pro_tit, .list_tit .SM, .zhmyList ul li h3{font-size: 16px;}
    .listClassRight .rq{line-height: 23px;}
    .bns_jg .bns_tit p, .hmjbs h3{font-size: 26px;}
    .bns_jg .bns_tit h3{font-size: 19px;}
    .bns_jg .bns_brand .bns_b_tit p, .csd_b_tit p, .hmmfqb .qb_layer_two .main_box h3, .a_btn, .zhlb_list_word h3, .CustomizedList ul li h3{font-size: 16px;}
    .bns_jg .bns_brand .bns_desc{font-size: 14px;}
    .list_tit{font-size: 21px;}
    .bns_jg .bns_brand .bns_btn, .hmjbs h4, .hmqb_sma_tit p, .list_tit .T, .zhlb_list_word h3, .list_tit .CC{font-size: 18px;}
    .hmjbs ul li a{font-size: 15px;}
    .BeautyCenter{font-size: 14px;line-height: 19px;}
    .fashion ul li p{font-size: 12px;line-height: 15px;}
    .xzNewPlate{font-size: 11px;line-height: 15px;}
    .fashion ul li h3{font-size: 16px;}
}
@media screen and (max-width:360px){
    .list_project ul li .L div p, .recommend_project_L p, .hmjbs ul li div h5, .hairTit{font-size:17px;}
    .list_project ul li .R p a, .recommend_project, .catalogNav, .second_list, .recommend_project_R, .listClassRight .adviceBtn, .xzNewPlateF1 ul li h3{font-size: 13px;}
    .second_list ul li div .zx{font-size: 12px;}
    .jdxm_h3{font-size: 26px;}
    .jdxm_h5, .hmmfqb .qb_btn{font-size: 15px;}
    #recommend_list, .city_desc, .jdxm_desc, .listClassRight, .hmjbs, .mf_desc_R p, .hmqb_nav .desc, .hmmfqb .qb_layer_one, .hmmfqb .qb_layer_two .main_box, .two_brand, .zhlb, .Makeup, .MakeupListDesc h2 span, .Customized, .zhmyList, .hair, .pro_tit a font{font-size: 12px;}
    .mf_desc_R h3, .list_tit{font-size: 20px;}
    .city_desc, .jdxm_desc, .mf_desc_R p, .hmmfqb .qb_layer_two .main_box p{line-height: 19px;}
    .listClassRight .adviceBtn span{font-size:11px;}
    .listClass, .listClassRight .pro_tit, .list_tit .SM, .zhmyList ul li h3{font-size: 15px;}
    .listClassRight .rq{line-height: 22px;}
    .bns_jg .bns_tit p, .hmjbs h3{font-size: 22px;}
    .bns_jg .bns_tit h3{font-size: 16px;}
    .bns_jg .bns_brand .bns_b_tit p, .csd_b_tit p, .hmmfqb .qb_layer_two .main_box h3, .a_btn{font-size: 14px;}
    .bns_jg .bns_brand .bns_desc{font-size: 12px;}
    .list_tit{font-size: 20px;}
    .bns_jg .bns_brand .bns_btn, .hmjbs h4, .hmqb_sma_tit p, .list_tit .T, .zhlb_list_word h3, .list_tit .CC, .CustomizedList ul li h3{font-size: 16px;}
    .hmjbs ul li a{font-size: 14px;}
    .BeautyCenter{font-size: 14px;line-height: 19px;}
    .fashion ul li p{font-size: 12px;line-height: 15px;}
    .xzNewPlate{font-size: 10px;line-height: 15px;}
    .fashion ul li h3{font-size: 16px;}
}
@media screen and (max-width: 355px){
    .list_project ul li .L div p, .recommend_project_L p, .hmjbs ul li div h5, .hairTit{font-size:14px;}
    .list_project ul li .R p a, .recommend_project, .catalogNav, .second_list, .recommend_project_R{font-size: 10px;}
    .jdxm_h3{font-size: 25px;}
    .jdxm_h5, .hmmfqb .qb_btn{font-size: 13px;}
    #recommend_list, .city_desc, .jdxm_desc, .listClassRight, .hmjbs .desc, .mf_desc_R p, .hmqb_nav .desc, .hmmfqb .qb_layer_one, .hmmfqb .qb_layer_two .main_box, .two_brand, .zhlb, .Makeup, .MakeupListDesc h2 span, .Customized, .zhmyList, .hair{font-size: 9px;}
    .mf_desc_R h3, .list_tit{font-size: 18px;}
    .city_desc, .jdxm_desc, .mf_desc_R p, .hmmfqb .qb_layer_two .main_box p{line-height: 16px;}
    .listClassRight .adviceBtn span{font-size:9px;}
    .listClass, .listClassRight .pro_tit, .list_tit .SM, .zhmyList ul li h3{font-size: 12px;}
    .listClassRight .rq{line-height: 20px;}
    .BeautyCenter{font-size: 12px;line-height: 17px;}
    .fashion ul li p{font-size: 10px;line-height: 15px;}
    .xzNewPlate{font-size: 9px;line-height: 15px;}
    .fashion ul li h3{font-size: 12px;}
}
@media screen and (max-width: 325px){
.recommend_project_R .recommend_meun a, .list_project ul li .R p a{margin-right: 10%;}
.recommend_project_R .tuijian a{width: 48%;}
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){
    /*body{font-size: 0.8625em !important;}*/
}



.news_new_box .hd ul li{background: #fff none repeat scroll 0 0;border-radius: 12px;display: inline-block;
float: left;height: 6px;margin: 0.3%;
    overflow: hidden;vertical-align: top;width: 6px;margin-left: 10px;font-size:0px;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity: 0.8; 
	}
.news_new_box .hd ul .on{background: #271440 none repeat scroll 0 0;opacity: 1;font-size:0px;}
.news_new_box .hd{width:150px;z-index:1;position:absolute;bottom: 14px;right:5%;}