@charset "UTF-8";

/**
*
* @authors Your Name (you@example.org)
* @date    2016-10-27 10:04:32
* @version $Id$
*/

.banner{width: 100%;min-width: 1200px; height: 380px; color: #fff; background-image: url(../images/banner01.jpg); background-repeat: no-repeat; background-position: center top;}
.banner .title{position: absolute; right: 0px; top: 90px;  font-size: 30px; }
.banner .title .tips{font-size: 22px;text-indent: 2em;margin-top: 10px;}

.c-nav{width: 100%; height: 75px; line-height: 75px; background: url(../images/title.png) no-repeat center top; margin: 55px 0;}
.c-nav .title{width: 190px; text-align: center; color: #4c4c4c;font-size: 20px;font-weight: bold;float: left;line-height: 55px;}
.c-nav ul{}
.c-nav ul li{float: left;position: relative;}
.c-nav ul li .item{display: block; color: #4c4c4c;font-size: 16px; padding: 0 30px;line-height: 58px;}
.c-nav ul li .item.on,.c-nav ul li .item:hover{color: #004097; background: url(../images/more.png) no-repeat center bottom;}

.c-nav-sub{width: 800px; position: absolute;left: 0;display: none;}
.c-nav-sub li a{margin: 0 20px;font-size: 14px;}
.c-nav-sub li a.on,.c-nav-sub li a:hover { color: #004097}
.c-nav ul li.select .c-nav-sub{display: block;}
.c-nav ul li.select .item{color: #004097; background: url(../images/more.png) no-repeat center bottom;}

/*商学院*/
.sxy-list{}
.sxy-list ul li{width: 385px;height: 220px;position: relative;font-size: 14px;color: #fff;text-align: center;overflow: hidden; float: left;margin-right: 22px;margin-bottom: 60px;}
.sxy-list ul li img{}
.sxy-list ul li .title{ position: absolute; bottom: 13px;width: 100%; height: 50px;line-height: 50px;background-color: rgba(0,0,0,0.25);}
.sxy-list ul li a{color: #fff}

/*商学院-详情*/
.sxy-detial{color: #4c4c4c;font-size: 14px;line-height: 32px;}
.sxy-detial .title{font-size: 22px;color: #4c4c4c;text-align: center;margin-bottom: 10px;}
.sxy-detial .date{color: #999;text-align: center;margin-bottom: 40px;}
.sxy-detial .back{color: #999;font-size: 14px;}
.c-nav-sub{margin-top: -10px;}
.c-nav-sub ul{width: 100%;}


/*商学院-讲师*/
.sxy-teachers-list{}
.sxy-teachers-list ul li{ width: 216px; font-size: 16px; color: #4c4c4c;overflow: hidden; text-align: center;margin: 0 20px; float: left; margin-right: 80px;margin-bottom: 80px;}
.sxy-teachers-list ul li .pic{width: 216px; height: 216px; border-radius: 50%; overflow: hidden;margin-bottom: 15px;}

/*商学院-讲师-详情*/
.sxy-teachers-detial{color: #4c4c4c;font-size: 16px;}
.sxy-teachers-detial .left{text-align: center;line-height: 32px;padding: 0 55px;}
.sxy-teachers-detial .right{line-height: 32px;padding-top: 30px;padding-left: 50px;}

/*产品系列*/
.prd-list{}
.prd-list ul li{text-align: center;width: 383px;font-size: 16px; color: #4c4c4c;margin-bottom: 40px;float: left;margin-right: 25px;}
.prd-list ul li .o-pic{width: 383px;height: 284px;border: 1px solid #c9c9c9;margin-bottom: 20px;}

/*产品系列-详情*/
.prd-detial{color: #4c4c4c;font-size: 14px;line-height: 32px  }
.prd-detial .o-pic{width: 555px;height: 415px;border: 1px solid #c9c9c9;margin: 0 auto;text-align: center;}
.prd-detial .item{margin: 30px 0;}
.prd-detial .item .title{display: inline-block; padding: 10px 35px;background-color: #eee;margin-bottom: 10px;line-height: 26px;font-weight: bold;}


/*畅销产品*/
.hot-prd-list{padding: 60px 0;}
.hot-prd-list ul li{width: 350px;text-align: center;float: left;margin-right: 75px;margin-bottom: 55px;}
.hot-prd-list ul li .o-pic{border: 1px solid #d4d4d4;padding: 8px;background-color: #fff;margin-bottom: 35px;width: 350px;height: 262px;}
.hot-prd-list ul li .o-pic img{}
.hot-prd-list ul li .name{color: #4c4c4c;font-size: 16px;margin-bottom: 20px;}
.hot-prd-list ul li .tips{color: #999;font-size: 14px;margin-bottom: 30px;}
.hot-prd-list ul li .btn{font-size: 14px; color: #fff;padding: 5px 20px; background-color: #15253c; border-radius: 6px}
.hot-prd-list ul li .btn:hover{background-color: #094aac}


/*修护中心*/
.fix-page{padding: 60px 0;}
.fix-page .top{margin-bottom: 40px;}
.fix-page .top .left{float: left;margin-right: 15px;width: 713px; height: 428px;}
.fix-page .top .right{float: left;width: 470px;height: 427px;border: 1px solid #dcdcdc;padding: 30px 20px;margin-top: 0;font-size: 14px; line-height: 32px;}
.slideBox { width: 713px; height: 428px; position: relative;}
.slideBox .hd { position: absolute; overflow: hidden; bottom: 25px; left: 70px; z-index: 9999; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 12px; width: 15px; height: 15px; text-align: center; cursor: pointer; z-index: 99; background-color: rgba(135, 135, 135, 0.4); filter: alpha(opacity=50); }
.slideBox .hd ul li.on { filter: alpha(opacity=80); opacity: 1; background-color: rgba(255,255,255,0.8);}
.slideBox .bd { position: relative; height: 100%; z-index: 0; width: 100%; margin: 0 auto; }
.slideBox .bd li { zoom: 1; vertical-align: middle; position: relative; width: 100%; height: 428px;  }
.slideBox .bd li a { display: inline-block; width: 100%; height: 100%; }

.fix-page .top .right .title{font-size: 22px;text-align: center;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #dcdcdc}
.fix-page .top .right .date{color: #999;margin-bottom: 35px;padding-left: 40px;}
.fix-page .top .right .item{padding-left: 50px;}

.news-list{}
.news-list li{line-height: 26px;font-size: 14px;padding-bottom: 15px; border-bottom: 1px dotted #dcdcdc;margin-bottom: 30px;position: relative;}
.news-list li .title{font-size: 22px;}
.news-list li .date{color: #999;margin-bottom: 10px;}
.news-list li .more{display: inline-block; position: absolute;right: 0px; top: 20px;padding: 5px 20px; border: 1px solid #dcdcdc;color: #999}

/*修护中心-详情*/
.fix-detial{padding: 60px 0;color: #4c4c4c;font-size: 14px;line-height: 32px  }

/*皮肤测试*/
.test-page{padding: 50px 0;color: #4c4c4c;font-size: 14px;}
.test-box{width: 905px;height: 475px;border: 1px solid #dcdcdc;padding: 30px;margin: 50px 0;}
.test-box .left{width: 430px;font-size: 16px;}
.test-box .left .title{color: #333;font-size: 20px;padding-bottom: 20px; border-bottom: 1px dotted #adadad;margin-bottom: 40px;text-align: center;}
.test-box .left .question{font-size: 18px;}
.test-box .left .question span{font-size: 30px;}
.test-box .left .chose{text-align: left;margin: 20px 0;color: #333}
.test-box .left .chose .item{/*display: inline-block;*/margin: 0 20px;}

/*品牌聚焦*/
.brand-list{}
.brand-list li{ margin-bottom: 40px; overflow: hidden;background-color: #fafafa;height: 262px; line-height: 32px;}
.brand-list .pic{margin-right: 25px;}
.brand-list .words{padding: 20px; padding-top: 70px;width: 750px;font-size: 14px;}
.brand-list .words .title{color: #4c4c4c;font-size: 22px;font-weight: normal;}
.brand-list .words .date{color: #999;font-size: 12px;}

.brand-detial{}
.brand-detial .title{font-size: 24px; color: #333}


/*走进我们-品牌简介*/
.brand-list02{font-size: 14px;color: #4c4c4c;line-height: 32px  }
.brand-list02 li{ margin-bottom: 40px; overflow: hidden;background-color: #fafafa; line-height: 32px; /*height: 377px;*/}
.brand-list02 .pic{margin-right: 25px;text-align: center;}
.brand-list02 .words{padding: 20px; padding-top: 60px;/*width: 500px;*/text-align: center;}
.brand-list02 .words .title{color: #4c4c4c;font-size: 22px;font-weight: normal;margin-bottom: 20px;}
.brand-list02 .words .date{color: #999;font-size: 12px;}