﻿@charset "utf-8";
/* CSS Document */

body {
  background: url("timg.png") 50% 50% no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: "微软雅黑", sans-serif;
}
.HN_video {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.HN_video video {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 100%;
	width: 100%;
}


.HN_1 {
  position: relative;
  overflow: hidden;
  z-index: 100000;
}
.HN_nav {
  position: fixed;
  width: 100%;
  height: 145px;
  z-index: 10001;
  top: 0;
  background-color: rgba(9,47,80,0.8);
}
.HN_nav ul {
  width: 1200px;
  margin: 0 auto;
  padding-top: 15px;
  position: relative;
  padding-left: 90px;
  padding-right: 90px;
}
.HN_nav ul li {
  list-style: none outside;
  display: inline-block;
  color: #fff;
  text-align: center;
  width: 140px;
  padding-top: 90px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.HN_nav ul li:hover {
  color: #ffda78;
}.HN_nav ul li a {
  color: #fff;
}
.HN_nav ul li a:hover {
  color: #ffda78;
}
.HN_nav ul li.i1 {
  background-image: url("i1.png");
  background-position: 50% 20px;
}
.HN_nav ul li.i2 {
  background-image: url("i2.png");
  background-position: 50% 20px;
}
.HN_nav ul li.i3 {
  background-image: url("i3.png");
  background-position: 50% 20px;
}
.HN_nav ul li.i4 {
  background-image: url("i4.png");
  background-position: 50% 10px;
}
.HN_nav ul li.i5 {
  background-image: url("i5.png");
  background-position: 50% 20px;
  float: right;
}
.HN_nav ul li.i6 {
  background-image: url("i6.png");
  background-position: 50% 20px;
  float: right;
}
.HN_nav ul li.i7 {
  background-image: url("i7.png");
  background-position: 50% 10px;
  float: right;
}
.HN_nav ul li.i8 {
  background-image: url("i8.png");
  background-position: 50% 20px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  top: 18px;
}
/* banner图 */
.HN_1_box {
	position: relative;
	width: 100%;
	height: 600px;
	top: 170px;
	background-image: url(1_0.png);
	background-repeat: no-repeat;
	background-position: center;

}
.HN_1_box .mlogo {
	position:absolute;
	top:0px;
	left:20%;
margin-left:0px;
}
.HN_1_box .HN_1_2{
	position:absolute;
	top:70px;
	width: 1000px;
left:50%;
margin-left:-500px;
}
.HN_1_box .HN_1_3{
	position:absolute;
		top:300px;
	width: 1000px;
left:50%;
margin-left:-500px;
}
.HN_1_box .HN_1_4{
	position:absolute;
	top:390px;
	width: 1000px;
left:50%;
margin-left:-500px;
}



/* banner图 */
.HN_2 {
  width: 1200px;
  margin: 230px auto 0;
  position: relative;
  z-index: 1000;
}
.HN_2 .HN_2_1 {
  background: url("2_1.png") no-repeat;
  padding-left: 130px;
  width: 900px;
  margin: 0 auto;
}
.HN_2 .HN_2_1 h2 {
  color: #fee3aa;
  font-size: 34px;
  margin-bottom: 20px;
}
.HN_2 .HN_2_1 h2 a {
	color: #fee3aa;
	text-decoration: none;
}
.HN_2 .HN_2_1 ul {
	padding: 0;
	margin: 0;
	overflow-y: hidden;
	text-align: center;
}
.HN_2 .HN_2_1 ul li {
  float: left;
  line-height: 1;
  margin-right: 35px;
  margin-bottom: 10px;
}
.HN_2 .HN_2_1 ul li a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-size: 18px;
}



.HN_footer {
  border-top: 1px solid rgba(255,255,255,0.5);
  padding: 30px;
}
.HN_footer p {
  text-align: center;
  color: #fff;
  line-height: 2em;
}

.HN_3{
	position: relative;
	width: 1200px;
	height: 400px;
	top: 180px;
	left: 0%;
	text-align: center;

}
.demo_49 .partc {padding-top: 21px;}
.demo_49 .partc .title {margin-bottom: 20px;margin-left: -6px;}
.demo_49 .hotnews {width:430px;margin-right: 60px;}
.demo_49 .hotnews li{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #7c9bb7}
.demo_49 .hotnews li h3{
	color:#feedc3;
	font-size:20px;
	margin-top: 5px;
	margin-bottom:5px;
	font-weight: bold;
	text-decoration: none;
}
.demo_49 .hotnews li h3 a{color:#feedc3;}
.demo_49 .hotnews li p{color:#ffffff;font-size:14px;}
.demo_49 .hotnews li.margin_0{margin-bottom:0}
.demo_49 .hotnews li.boder_0{border:0}
.demo_49 .focus {width:510px}
.demo_49 .focus .slides li{position:relative}
.demo_49 .focus .slides li h3{position:absolute;bottom:0;left:0;color:#fff;width:90%;padding: 5px 5%;font-size: 18px; background:rgba(2,0,0,.9);text-decoration: none;}
.demo_49 .focus .slides li h3 a{
	color:#fff;
	text-decoration: none;
}
.demo_49 .focus .flex-control-nav{width:100px;bottom:0px;}
.demo_49 .focus .flex-control-paging li a{background:transparent;border: 1px solid #fff;width: 5px;height: 5px;}
.demo_49 .focus .flex-control-paging li a.flex-active{background:#fff;}

/*     demo_41    */
.demo-41 .top{width: 1000px;height: 30px;margin-bottom: 0px;}
.demo-41 .top ul{
	width: 500px;
	height: 30px;
	margin: 0 auto;
	padding-left: 84px;
}
.demo-41 .top li {
	width: 70px;
	height: 35px;
	line-height: 35px;
	background: url(http://p0.ifengimg.com/l/2016/32/f9ba40dea8985e8/xiqia20_name01.png)no-repeat 0 0;
	float: left;
	margin-right: 15px;/*border: 2px solid #000;*/
	color: #000;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
}
.demo-41 .top li.active{
	border: none;
	background: #fd974d;
	color: #000;
	margin-top: 4px;
	font-weight: bold;
}
.demo-41 .bottom {height: 260px;width: 1000px;overflow: hidden;}
.demo-41 .bottom ul#jiaojuan {width: 5500px;}
.demo-41 .bottom li.list {width: 1000px;float: left;}
.demo-41 .bottom .left {
	width: 400px;
	height: 260px;
	float: left;
	position: relative;
}
.demo-41 .bottom .left .guoqi {width: 45px;height: 37px;position: absolute;left: 50px;top: 45px;z-index: 10;}
.demo-41 .bottom .left .tuxiang {width: 220px;height: 220px;position: absolute;left: 65px;top: 5px;background: rgba(0,0,0,0.1);z-index:8;border-radius: 110px; overflow: hidden;}
.demo-41 .bottom .left .tuxiang img {
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #a9eded;

}
.demo-41 .bottom .right {
	width: 550px;
	height: 260px;
	overflow: hidden;
	float: left;
	margin-top: 15px;
}
.demo-41 .bottom .liveshow {
	padding: 0px 0px 0px 0;
	width: 550px;
	height: 240px;
	float: left;
	margin-right: 0px;
	_display: inline;
	_margin-right: 20px;
}
.demo-41 .bottom .right .right-name {margin-left: 30px;}
.demo-41 .bottom .right .right-name .name {
	font-size: 22px;
	color:#f8e8c1;
	width: 480px;
	height: 40px;
}
.demo-41 .bottom .right .right-name .name a {
	color:#f8e8c1;
}
.demo-41 .bottom .right .right-name .jieshao {font-size: 14px;margin-left: 10px;color: #666;}
.demo-41 .bottom .right .hongse {
	width: 370px;
	border-top: 1px solid #7d9bb6;
	margin-left: 30px;
	margin-bottom: 5px;
}
.demo-41 .bottom .right p{
	font-size: 18px;
	padding-left: 30px;
	margin-top: 12px;
	line-height: 30px;
	color: #ececec;
	background-image: url(xiqia20_0667.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.demo-41 .bottom .right p a {color: #ececec; text-decoration: none;margin-left: 0px;font-size: 20px;}
.demo-41 .bottom .right p a:hover {color: #fff;}





.part5 .partc {position: relative;}
.part5 .content { position: relative; margin-top:50px;}
.part5 .content .dian {position: absolute;top: 110px;}
.part5 .content .dian1 {left: 320px;}
.part5 .content .dian2 {left: 660px;}
.part5 .flexslider5 {}
.part5 .flexslider5 .slides li {}
.part5 .flexslider5 .slides li .list {width: 260px;float: left;margin: 0 36px;}
.part5 .flexslider5 .slides li .imgbox {width: 200px;height: 200px;margin-bottom: 20px;}
.part5 .flexslider5 .slides li .imgbox img {display: block;width: 200px;height: 200px;border-radius: 50%;overflow: hidden;}
.part5 .flexslider5 .slides li .list1 .imgbox {background: url(p5_imgbg01.png) no-repeat 0 0;padding: 27px 28px;}
.part5 .flexslider5 .slides li .list2 .imgbox {background: url(p5_imgbg02.png) no-repeat 0 0;padding: 24px 32px;}
.part5 .flexslider5 .slides li .list3 .imgbox {background: url(p5_imgbg03.png) no-repeat 0 0;padding: 26px 24px;}
.part5 .flexslider5 .slides li h3 {font-size: 20px;line-height: 36px; color: #f3e4c1;margin-bottom: 20px;padding-left: 18px;background: url(p5_kuang.png) no-repeat left top;}
.part5 .flexslider5 .slides li p {font-size: 14px;line-height: 20px; color: #e1e3e5;}
.part5 .flexslider5 .slides li h3 a {
	color: #f3e4c1;
	text-decoration: none;
}
.part5 .flexslider5 .slides li p a {color: #e1e3e5;}


.part5 .flexslider5 .flex-direction-nav {position: absolute;top: 140px;width: 100%;}
.part5 .flexslider5 .flex-direction-nav a {top: 50%;}
.part5 .flexslider5 .flex-direction-nav .flex-prev {left: 2px;background-position: 0 0;}
.part5 .flexslider5 .flex-direction-nav .flex-prev:hover {left: 2px;background-position: -21px 0;}
.part5 .flexslider5 .flex-direction-nav .flex-next {right: 2px;background-position: -63px 0;}
.part5 .flexslider5 .flex-direction-nav .flex-next:hover {right: 2px;background-position: -42px 0;}
.part5 .flexslider5 .flex-direction-nav a {
    width: 20px;
    height: 44px;
    display: block;
    background: url(p5_icon.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
}




.part2 .partc {position: relative;}
.part2 .content { position: relative; margin-top:0px;}
.part2 .content .dian {position: absolute;top: 90px;}
.part2 .content .dian1 {left: 328px;}
.part2 .content .dian2 {left: 655px;}
.part2 .flexslider2 {}
.part2 .flexslider2 .slides li {}
.part2 .flexslider2 .slides li .list {width: 260px;float: left;margin: 0 32px;}
.part2 .flexslider2 .slides li .imgbox {width: 230px;height: 150px;margin-bottom: 20px;}
.part2 .flexslider2 .slides li .imgbox img {display: block;width: 230px;height: 150px;border-radius: 7%;overflow: hidden;}
.part2 .flexslider2 .slides li .list1 .imgbox {background: url(p5_imgbg01a.png) no-repeat 0 0;padding: 27px 28px;}
.part2 .flexslider2 .slides li .list2 .imgbox {background: url(p5_imgbg01b.png) no-repeat 0 0;padding: 24px 32px;}
.part2 .flexslider2 .slides li .list3 .imgbox {background: url(p5_imgbg01c.png) no-repeat 0 0;padding: 26px 24px;}
.part2 .flexslider2 .slides li h3 {font-size: 20px;line-height: 36px; color: #f3e4c1;margin-bottom: 20px;padding-left: 18px;background: url(p5_kuang1.png) no-repeat left top;}
.part2 .flexslider2 .slides li p {font-size: 14px;line-height: 20px; color: #e1e3e5;padding-left: 18px}
.part2 .flexslider2 .slides li h3 a {
	color: #f3e4c1;
	text-decoration: none;
}
.part2 .flexslider2 .slides li p a {color: #e1e3e5;}


.part2 .flexslider2 .flex-direction-nav {position: absolute;top: 110px;width: 100%;}
.part2 .flexslider2 .flex-direction-nav a {top: 50%;}
.part2 .flexslider2 .flex-direction-nav .flex-prev {left: 2px;background-position: 0 0;}
.part2 .flexslider2 .flex-direction-nav .flex-prev:hover {left: 2px;background-position: -21px 0;}
.part2 .flexslider2 .flex-direction-nav .flex-next {right: 2px;background-position: -63px 0;}
.part2 .flexslider2 .flex-direction-nav .flex-next:hover {right: 2px;background-position: -42px 0;}
.part2 .flexslider2 .flex-direction-nav a {
    width: 20px;
    height: 44px;
    display: block;
    background: url(p5_icon.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
}







.demo_60 .demo_c{background:url(f01409cf13edab9_size7_w1000_h600.png) no-repeat right bottom}
.demo_60 .flexslider{width:860px;padding:30px 0}
.demo_60 .flexslider .slides li{position:relative}
.demo_60 .flexslider .slides li h3{position:absolute;width:90%;padding:5px 5%;left:0;bottom:0;font-size: 18px;color:#fff;background-color:rgba(0,0,0,0.8);}
.demo_60 .flexslider .flex-direction-nav a{opacity:1;width:23px;height:23px;top:330px;margin:0;background:url(microsalon_LR02.png) no-repeat 0 0}
.demo_60 .flexslider .flex-direction-nav .flex-next{right:-110px;background-position:-57px 0}
.demo_60 .flexslider .flex-direction-nav .flex-prev{left:890px}
.demo_60 .flexslider .flex-next:hover{right:-110px;background-position:-57px -23px}
.demo_60 .flexslider .flex-prev:hover{left:890px;background-position:0 -23px}
.demo_60 .pages{width:110px;margin:0 15px;margin-top:205px;padding:5px 0;text-align:center;color:#fff;border-top:1px solid #AB501D;border-bottom:1px solid #AB501D;}
.demo_60 .pages h3{font:bold 70px/1em "寰蒋闆呴粦"}
.demo_60 .pages p{font-size:16px;line-height:30px}





.part4 .partc {
  margin-bottom: 160px;
}
.part4 .partc .major-list-outer {
  width: 930px;
}
.part4 .partc .w_70 {
  width: 63px;
  padding-left: 7px;
}
.back-face{z-index:1;background:url(rdn_5645bb453d2ed.jpg) no-repeat 0 0}

/*for-majors*/
.major-list-outer {
  overflow: hidden;
}
.major-list {
  margin-right: -32px;
  margin-bottom: -30px;
  *margin-bottom: 0px;
}
.major-list li {
  width: 220px;
  height: 220px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
.major-list li a,
.major-list li a span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.front-face {
  z-index: 2;
  background: url(majors.jpg) no-repeat 0 0;
}
.major-list li a {
  overflow: hidden;
}
.major-list li:hover a .back-face {
  z-index: 3;
}
#col1 .front-face,
#col1 .back-face {
  background-position: 0 0;
}
#col2 .front-face,
#col2 .back-face {
  background-position: -221px 0;
}
#col3 .front-face,
#col3 .back-face {
  background-position: -442px 0;
}
#col4 .front-face,
#col4 .back-face {
  background-position: -663px 0;
}
#col5 .front-face,
#col5 .back-face {
  background-position: 0 -221px;
}
#col6 .front-face,
#col6 .back-face {
  background-position: -221px -221px;
}
#col7 .front-face,
#col7 .back-face {
  background-position: -442px -221px;
}
#col8 .front-face,
#col8 .back-face {
  background-position: -663px -221px;
}
/*for-majors ending here*/


/* demo_20鐨勬牱寮�*/
.demo_20 .content { width: 1000px; background: url(part2img.png) no-repeat center center }
.demo_20 .box { position: relative; width: 480px; margin-bottom: 30px }
.demo_20 .box .text { width: 230px; padding-left: 10px }
.tetw {
	padding-left: 2px;
	color: #FFFFFF;
	padding-top: 20px;
}
.tetw a {
	color: #FFFFFF;
}
.bte {
	font-family: "寰蒋闆呴粦";
	font-size: 18px;
	line-height: 30px;
	color: #fde3ad;
	background-repeat: no-repeat;
	background-position: left;
}
.bte a {
	color: #fde3ad;
}
.demo_20 .box .name {
	width: 24px;
	display: block;
	position: absolute;
	top: 0;
	font-family: "寰蒋闆呴粦";
	font-size: 18px;
	line-height: 1;
	color: #fde3ad;
}
.demo_20 .box .name a {
	color: #fde3ad;
}
.demo_20 .left .name { right: 0 }
.demo_20 .right { padding-left: 50px }
.demo_20 .right .box { width: 440px }
.demo_20 .right .name { top: 68px; left: -40px }
.demo_20 .partc h3{font:16px/1.5 "寰蒋闆呴粦";color:#111;margin-bottom:10px;}
.demo_20 .partc p{font:14px/1.3 "寰蒋闆呴粦";color:#666;margin-bottom:5px;}
.demo_20 .partc p a{color:#ba2636;position:relative;padding-left:10px;}
.demo_20 .partc p a:hover{color:#111;}
.demo_20 .partc p .dian{width:6px;height:6px;border-radius:50%;background-color:#333;position:absolute;top:5px;left:0;}





/* demo_28鐨勬牱寮�*/
.demo_28 .text{
	background:url(china65_62.png) no-repeat;
	padding:40px 90px;
	height:75px;
	font-family: "Microsoft Yahei";
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.demo_28 .slides .fl{ width:400px; margin-right:30px} 
.demo_28 .slides .fl h2{
	background:url(china65_64.png) no-repeat;
	padding-left:80px;
	margin:60px 0;
	font-family: "Microsoft Yahei";
	font-size: 35px;
	line-height: 35px;
	font-weight: bold;
	color: #ffd783;
}
.demo_28 .slides .fl h2 a{
	color: #ffd783;
}
.demo_28 .slides .fl h2 span{font:normal 16px/16px "Microsoft Yahei"; color:#dedede; margin-left:10px}
.demo_28 .slides .fl p{
	font-family: "Microsoft Yahei";
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.demo_28 .slides .fl img{width: 550px;height:315px;}
.demo_28 .slides img{ float:left}
.demo_28 .flex-viewport{ padding-bottom:10px}
.demo_28 .flex-direction-nav {*height: 0; position:relative;}
.demo_28 .flex-direction-nav a {width: 10px; opacity:1;  height: 17px; margin:0; display: block; position: absolute; bottom: 12px; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}
.demo_28 .flex-direction-nav .flex-next {background: url(china65_74.png) no-repeat; right: 10px; }
.demo_28 .flex-direction-nav .flex-prev {left: 10px;background: url(china65_71.png) no-repeat;}
.demo_28 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.demo_28 .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.demo_28 .flex-control-nav { text-align:center;position:relative; width:100%; height:0;}
.demo_28 .flex-control-nav li {margin: 10px 15px; display:inline-block; zoom: 1; *display: inline;}
.demo_28 .flex-control-paging li a {display: block; color:#252525; text-indent:0; cursor: pointer; width:24px; height:24px; font:normal 16px/24px Tahoma; text-align:center}
.demo_28 .flex-control-paging li a:hover { background: #999;-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; text-decoration:none; color:#fff}
.demo_28 .flex-control-paging li a.flex-active {cursor: default; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#e2003c; color:#fff }






.part {
  width: 100%;
}
.part .partc {
  width: 1000px;
  margin: 0 auto;
}







/* demo_23鐨勬牱寮�*/
.demo_23 .slides h3{
	font-family: "寰蒋闆呴粦";
	font-size: 20px;
	line-height: 1.5;
	color: #fddc9b;
	text-decoration: none;
}
.demo_23 .slides h3 a{
	color: #fddc9b;
	text-decoration: none;
}
.demo_23 .slides p{
	font-family: "寰蒋闆呴粦";
	font-size: 14px;
	line-height: 2;
	color: #CCCCCC;
	text-decoration: none;
}
.demo_23 .slides p a{

	color: #CCCCCC;
	text-decoration: none;
}
.demo_23 .slides li .left{width:495px;padding-right:10px}
.demo_23 .slides li .left .text{width:216px;padding-right:10px;padding-top:66px}
.demo_23 .slides li .right{width:495px}
.demo_23 .slides li .right .top{padding-bottom:10px}
.demo_23 .slides li .right .text{
	padding-left:20px;
	width:260px
}
.demo_23 .slides li .left{padding-left:20px;}
.demo_23 .slides li .right{width: 463px}
.demo_23 .flex-direction-nav .flex-next{background-image:url(microsalon_LR.png);}
.demo_23 .flex-direction-nav .flex-prev{background-image:url(microsalon_LR.png);}




.cdbac{
	height: 400px;
	width: 1000px;
	background-image: url(cd.png);
	background-repeat: no-repeat;
}

.cdbac .dw{
	width:750px;
	height: 280px;

	position: relative;
	top: 100px;
	left: 200px;
}
.cdbac .dw li{
	margin-right:12px;
	float: left;
	position: relative;
	margin-top: 15px;
	background-image: url(a1.png);
	height: 258px;
	width: 71px;
}
.cdbac .dw li:hover{
	margin-right:12px;
	float: left;
	position: relative;
	margin-top: 5px;
		background-image: url(a2.png);
	height: 258px;
	width: 71px;
}





/*      demo_63鐨勬牱寮�        */
.demo_63 .demo63_cont li {
	float: left;
	margin-left: 40px;
	margin-bottom: 30px;
	color: #FFFFCC;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
	font-family: "微软雅黑";
}
.demo_63 .demo63_cont .imgbox {width: 300px;height: 190px;}
.demo_63 .demo63_cont .textbox {width: 130px;height: 190px;font-size: 14px;background-color: #406f8b;color: #fff;}
.demo_63 .demo63_cont .textbox p {padding: 20px 10px 0;}
.demo_63 .demo63_cont a {
	display: block;
	font-size: 18px;
	line-height: 30px;
	padding-left: 25px;
	background: url(p7_yuanquan.png) no-repeat 10px center;
	color: #FFFFFF;
}
