/*公共样式*/
*{margin:0;padding:0;font-family: "Microsoft Yahei";}
a{text-decoration: none;}
a:hover{cursor: pointer;}
li{list-style: none;}
img{pointer-events:none;}
.w1200{width: 1200px;height:auto;margin:0 auto;box-sizing:border-box;position: relative;}
.header{position: relative;}
.clearfix:after{display: block;font-size: 0;height: 0;content: "";clear:both;}
.float-left{float:left; }
.float-right{float:right;}
body{max-width: 1920px;margin:0 auto;overflow-x: hidden;}
/*banner-style*/
.banner{
	width: 100%;
	height: 801px;
	background: url(../image/s_banner.jpg) no-repeat center center/cover;
	overflow: hidden;
	position:relative;
}
/*main1-style*/
.main1{
	width: 100%;
	overflow: hidden;
}
.main1 .m1-top{
	width: 100%;
	height: 150px;
	background: url(../image/s_m1Img01.jpg) no-repeat center center/cover;
	overflow: hidden;
}
.main1 .m1-top p.subtitle{
	margin-top: 36px;
	font-size: 20px;
	letter-spacing: 1px;
	color:#fff;
	text-align: center;
	position: relative;
}
.main1 .m1-top p.subtitle span{
	position: relative;
	display: inline-block;
}
.main1 .m1-top p.subtitle span:before{
	display: inline-block;
	content: "";
	width: 67px;
	font-size: 0;
	height: 1px;
	background-color:#d7d7d6;
	position: relative;
	top:-7px;
	left:-18px;
}
.main1 .m1-top p.subtitle span:after{
	display: inline-block;
	content: "";
	width: 67px;
	font-size: 0;
	height: 1px;
	background-color:#d7d7d6;
	position: relative;
	top:-7px;
	right:-18px;
}
.main1 .m1-top h2{
	margin-top: 12px;
	font-size: 36px;
	color:#fff;
	letter-spacing: 2px;
	text-align: center;
	text-shadow:0 5px 7px rgba(0,0,0,.34);
}	
.main1 .m1-bottom{
	background-color: #f0f0f0;
	padding-top: 66px;
	padding-bottom: 78px;
}
.main1 .m1-bottom .course-class ul{
	font-size: 0;
	text-align: center;
}
.main1 .m1-bottom .course-class li{
	display: inline-block;
	margin-right: 35px;
	margin-bottom: 20px;
	cursor: pointer;

}
.main1 .m1-bottom .course-class li:nth-of-type(5n){
	margin-right: 0;
}
.main1 .m1-bottom .course-class li span{
	font-size: 16px;
	color:#fff;
	text-align: center;
	display: inline-block;
	width: 188px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 1px;
	position: relative;
	z-index: 0;
}
.main1 .m1-bottom .course-class li span:after{
	width: 100%;
    height: 100%;
    font-size: 0;
    content: "";
    background-color: #8995ad;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    box-sizing:border-box;
    border:1px solid transparent;
}
.main1 .m1-bottom .course-class li span:before{
	display: inline-block;
	position: absolute;
	content: "";
	font-size: 0;
	left: 20px;
	top:-1px;
	width: 44px;
	height: 3px;
	background: url(../image/s_m1Img02.png) no-repeat center center/cover;
}
.main1 .m1-bottom .course-class li:hover span{
	color:#4d6381;
}
.main1 .m1-bottom .course-class li:hover span:after{
	border-color:#6e7b96;
	background-color: transparent;
}
.main1 .m1-bottom .course-class li.select span{
	color:#4d6381;
}
.main1 .m1-bottom .course-class li.select span:after{
	border-color:#6e7b96;
	background-color: transparent;
}
.main1 .m1-bottom .stu-wrap{
	margin-top: 40px;
	height: 592px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.main1 .m1-bottom .stu-wrap .stu-item{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
.main1 .m1-bottom .stu-wrap div.show{
	display: block;
}

.main1 .m1-bottom .stu-wrap .stu-item ul{
	font-size: 0;
	text-align: center;
}
.main1 .m1-bottom .stu-wrap .stu-item ul li{
	display: inline-block;
	vertical-align: top;
	width: 448px;
	background-color: #f0f0f0;
}
.main1 .m1-bottom .stu-wrap .stu-item ul li + li{
	margin-left: 85px;
}
.main1 .m1-bottom .stu-wrap .stu-top{
	box-sizing:border-box;
	padding-top: 9px;
	padding-left: 9px;
	position: relative;
}
.main1 .m1-bottom .stu-wrap .stu-top:before{
	display: inline-block;
	content: "";
	width: 49px;
	height: 49px;
	border-top:4px solid #6e7b96;
	border-left:4px solid #6e7b96;
	position: absolute;
	top:0;
	left:0;
	box-sizing:border-box;
}
.main1 .m1-bottom .stu-wrap .stu-top .img-box{
	float:left;
	width: 155px;
	height: 210px;
	overflow: hidden;
}
.main1 .m1-bottom .stu-wrap .stu-top .img-box img{
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.main1 .m1-bottom .stu-wrap .stu-top .img-box:hover img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	
}
.main1 .m1-bottom .stu-wrap .stu-top .txt{
	width: 254px;
	float:right;
}
.main1 .m1-bottom .stu-wrap .stu-top .txt .title{
	font-size: 26px;
	color:#9e9e9f;
	text-align: left;
	font-weight: 100;
}
.main1 .m1-bottom .stu-wrap .stu-top .txt .name{
	text-align: left;
}
.main1 .m1-bottom .stu-wrap .stu-top .txt .name span{
	display: inline-block;
	font-size: 36px;
	color:#8995ad;
	text-align: right;
	line-height: 1;
}
.main1 .m1-bottom .stu-wrap .stu-top .txt .name span i{
	color:#4d6381;
	font-size: 26px;
}
.main1 .m1-bottom .stu-wrap .stu-top .txt .stu-intro{
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
	color:#595757;
	text-align: left;
	padding-left: 18px;
	box-sizing:border-box;
	border-left:2px solid #595757;
	letter-spacing: 1px;
}
.main1 .m1-bottom .stu-wrap .stu-bottom{
	margin-top: 30px;
	width: 100%;
	height: 343px;
	background-color: #fff;
	box-sizing:border-box;
	padding:32px;
	padding-bottom: 0;
	position: relative;
}
.main1 .m1-bottom .stu-wrap .stu-bottom:before{
	display: inline-block;
	content: "";
	width: 49px;
	height: 49px;
	border-bottom:4px solid #6e7b96;
	border-right:4px solid #6e7b96;
	position: absolute;
	bottom:0;
	right:0;
	box-sizing:border-box;
}
.main1 .m1-bottom .stu-wrap .stu-bottom p.detail{
	font-size: 16px;
	line-height: 26px;
	color:#595757;
	text-align: left;
	letter-spacing: 1px;
	text-indent: 2em;
}
.main1 .m1-bottom .stu-wrap .stu-bottom p.alink{
	width: 100%;
	padding:0 32px;
	position: absolute;
	bottom: 20px;
	left:0;
	text-align: right;
	box-sizing:border-box;
}
.main1 .m1-bottom .stu-wrap .stu-bottom p.alink a{
	font-size: 16px;
	color:#8b8b91;
	letter-spacing: 1px;
}
/*main2-style*/
.main2{
	width: 100%;
	height: 916px;
	background: url(../image/s_m2Bg.jpg) no-repeat center center/cover;
	overflow: hidden;
}
.main2 .subtitle{
	margin-top: 60px;
	text-align: center;
	font-size: 20px;
	color:#fff;
	letter-spacing: 1px;
}
.main2 h2{
	margin-top: 12px;
	text-align: center;
	font-size: 36px;
	color:#fff;
	letter-spacing: 1px;
	margin-bottom: 38px;
}
.main2 .video-box{
	width: 980px;
	margin:0 auto;
}
.main2 .consult-box{
	text-align: center;
}
.main2 .consult-box a{
	margin-top: 50px;
	display: inline-block;
}
/*main3-style*/
.main3{
	width: 100%;
	height: 598px;
	background: url(../image/s_m3Bg.jpg) no-repeat center center/cover;
	overflow:hidden;
}
.main3 .cont-wrap{
	width: 980px;
	margin:0 auto;
}
.main3 .cont-wrap .left{
	width: 365px;
	float: left;
}
.main3 .cont-wrap .left .subtitle{
	margin-top: 60px;
	font-size: 24px;
	line-height: 36px;
	color:#fff;
}
.main3 .cont-wrap .left h3{
	margin-top: 5px;
	font-size: 36px;
	line-height: 54px;
	color:#4d6381;
	margin-bottom: 18px;
}
.main3 .cont-wrap .left .desc{
	font-size: 16px;
	line-height: 26px;
	color:#595757;
	text-indent:2em;
}
.main3 .cont-wrap .consult-box{
	margin-top: 38px;
}
.main3 .cont-wrap .consult-box a{
	font-size: 0;
}
.main3 .cont-wrap .right{
	width: 540px;
	float:right;
}
.main3 .cont-wrap .right .video-wrap{
	position: relative;
}
.main3 .cont-wrap .right .video-wrap:before{
	display: inline-block;
	content: "";
	font-size: 0;
	width: 57px;
	height: 57px;
	box-sizing:border-box;
	border-top:4px solid #6e7b96;
	border-left:4px solid #6e7b96;
	position: absolute;
	top:-20px;
	left:-20px;
}
.main3 .cont-wrap .right .video-wrap:after{
	display: inline-block;
	content: "";
	font-size: 0;
	width: 57px;
	height: 57px;
	box-sizing:border-box;
	border-bottom:4px solid #6e7b96;
	border-right:4px solid #6e7b96;
	position: absolute;
	bottom:-20px;
	right:-20px;
}
.main3 .cont-wrap .right .video-box{
	margin-top: 140px;
	position: relative;
}
.main3 .cont-wrap .right .video-box:before{
	display: inline-block;
	content: "";
	width: 516px;
	height: 218px;
	background-color:rgba(89,87,87,.24);
	position: absolute;
	left:12px;
	bottom: -8px;
}
.main3 .cont-wrap .right .video-box video{
	position: relative;
	z-index: 2;
}
/*main4-style*/
.main4{
	width: 100%;
	height: 876px;
	background: url(../image/s_m4Bg.jpg) no-repeat center center/cover;
	overflow:hidden;
}
.main4 h2{
	text-align: center;
	font-size: 36px;
	letter-spacing: 1px;
	margin-top: 96px;
	color:#4d6381;
}
.main4 .subtitle{
	margin-top: 8px;
	font-size: 20px;
	color:#4d6381;
	letter-spacing: 1px;
	text-align: center;
}
.main4 ul{
	margin-top: 48px;
	font-size: 0;
	text-align: center;
}
.main4 ul li{
	width: 293px;
	height: 500px;
	display: inline-block;
	vertical-align: top;
}
.main4 ul li + li{
	margin-left: 50px;
}
.main4 ul li a{
	display:block;
	width: 100%;
	height: 100%;
	position: relative;
}
.main4 ul li .img-box{
	width: 100%;
	height: 100%;
}
.main4 ul li .img-box img{
	width: 100%;
	height: 100%;
}
.main4 ul li .txt{
	position: absolute;
	width: 100%;
	height: 307px;
	left:0;
	bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,#030000))  ;
    background: -webkit-linear-gradient(top, transparent 0%,#030000 100%) ;
    background: -o-linear-gradient(top, transparent 0%,#030000 100%) ;
    background: -ms-linear-gradient(top, transparent 0%,#030000 100%) ;
}
.main4 ul li .txt .txt-wrap{
	position: absolute;
	width: 100%;
    padding:0 20px;
    padding-bottom: 32px;
    box-sizing:border-box;
	bottom: 0;
	text-align: left;
}
.main4 ul li .txt .title{
	font-size: 20px;
	color:#fff;
	letter-spacing: 1px;
	text-align: center;
}
.main4 ul li .txt .desc{
	margin-top: 12px;
	font-size: 14px;
	line-height: 24px;
	color:#ccc;
	text-align: left;
}
.main4 ul li .txt span{
	margin-top: 20px;
	display: inline-block;
	width: 70px;
	height: 20px;
	background: url(../image/s_m4Img03.png) no-repeat center center/cover;

}
.main4 ul li .txt span:hover{
	background: url(../image/s_m4Img02.png) no-repeat center center/cover;
}
/*main5-style*/
.main5{
	width: 100%;
	overflow: hidden;
}
.main5 .m5-top{
	width: 100%;
	height: 277px;
	background: url(../image/s_m5Img01.jpg) no-repeat center center/cover;
	overflow: hidden;
}
.main5 .m5-top h2{
	margin-top: 65px;
	font-size: 36px;
	letter-spacing: 1px;
	text-align: center;
	color:#fff;
}
.main5 .m5-top .subtitle{
	margin-top: 5px;
	font-size: 20px;
	color:#fff;
	text-align:center;
	letter-spacing: 1px;
}
.main5 .m5-top .course-works-btn{
	margin-top: 45px;
}
.main5 .m5-top ul{
	font-size: 0;
	text-align: center;
}
.main5 .m5-top ul li{
	display: inline-block;
	vertical-align:top;
	width: 144px;
	height: 36px;
	line-height: 30px;
	color:#fff;
	text-align: center;
	font-size: 16px;
	box-sizing:border-box;
	border:2px solid #fff;
	cursor: pointer;
}
.main5 .m5-top ul li + li{
	margin-left: 21px;
}
.main5 .m5-top ul li:hover{
	color:#6e7b96;
	background-color: #fff;
}
.main5 .m5-top ul li.select{
	color:#6e7b96;
	background-color: #fff;
}
.main5 .m5-bottom{
	width: 100%;
	height: 544px;
	background-color: #fff;
}
.main5 .m5-bottom .w1200{
	height: 100%;
}
.main5 .m5-bottom .works-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.main5 .m5-bottom .works-box ul{
	width: 100%;
	height: 100%;
	position: relative;
}
.main5 .m5-bottom .works-box ul li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	display: none;
}
.main5 .m5-bottom .works-box ul li.show{
	display: block;
}
.main5 .m5-bottom .works-box ul li img{
	display: block;
	width: 100%;
	height: 100%;
}
/*main6-style*/
.main6{
	width: 100%;
	background: url(../image/s_m6Bg.jpg) no-repeat center center/cover;
	overflow:hidden;
}
.main6 .subtitle{
	margin-top: 50px;
	text-align: center;
}
.main6 .subtitle span{
	font-size: 20px;
	color:#fff;
	text-align: center;
	letter-spacing: 1px;
}
.main6 h2{
	margin-top: 12px;
	font-size: 36px;
	color:#fff;
	text-align: center;
	letter-spacing: 1px;
}
.main6 .partner-box{
	width: 989px;
	margin:0 auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 50px;
}
.main6 .partner-box .img-box{
	width: calc(200% + 120px);
	font-size: 0;
	position: relative;
	left:0;
	display: inline-block;
	animation:mymove 30s infinite linear;
}
.main6 .partner-box .img-box img{
	display: inline-block;
	width: auto;
	margin-right: 60px;
}
@-webkit-keyframes mymove {
	from {
		left:0px;
		}
	to {
		left:-1049px;
		}
}
/*main7-style*/
.main7{
	width: 100%;
	height: 873px;
	background: url(../image/s_m7Bg.jpg) no-repeat center center/cover;
	overflow: hidden;
}
.main7 h2{
	font-size: 36px;
	color:#4d6381;
	letter-spacing: 1px;
	margin-top: 80px;
	text-align: center;
}
.main7 .subtitle{
	margin-top: 8px;
	font-size:20px ;
	color:#4d6381;
	text-align: center;
}
.main7 .container{
    width: 980px;
    height: 584px;
    margin:0 auto;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    margin-top: 45px;
}
.main7 .tabHeader{
    position: relative;
    width: 100%;
    height: 44px;
    background-color: #e6edf5;
    z-index:100;
}
.main7 .tabHeader li{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    font-family: "Microsoft Yahei";
    font-size:16px;
    color:#666666;
    text-align: center;
    box-sizing:border-box;
}
.main7 .tabHeader ul{
    font-size: 0;
}
.main7 .tabHeader li:nth-of-type(1),.main7 .tabBody tr td:nth-of-type(1){
    width: 202px;
}

.main7 .tabHeader li:nth-of-type(2),.main7 .tabBody tr td:nth-of-type(2){
    width: 123px;
}
.main7 .tabHeader li:nth-of-type(3),.main7 .tabBody tr td:nth-of-type(3){
    width: 261px;
}
.main7 .tabHeader li:nth-of-type(4),.main7 .tabBody tr td:nth-of-type(4){
    width: 190px;
}
.main7 .tabHeader li:nth-of-type(5),.main7 .tabBody tr td:nth-of-type(5){
    width: 202px;
}
.main7 .tabBody{
    position: relative;
    top:0;
    z-index: 0;
}
.main7 .tabBody table{
    table-layout: fixed;
    width: 100%;
}
.main7 .tabBody table img{
    display: inline-block;
}
.main7 .tabBody table tr{
	display: block;
	margin-top: 10px;
    height: 44px;
    line-height: 44px;
    box-sizing:border-box;
    background-color: #fff;
}
.main7 .tabBody table tr.title{
    display: none;
}

.main7 .tabBody table td{
    text-align: center;
    font-size:16px;
    font-family: "microsoft Yahei";
    color:#666;
    z-index: 0;
    box-sizing:border-box;
    display: table-cell;
    vertical-align: middle;
}
/*main8-style*/
.main8{
	width: 100%;
	height: 316px;
	background: url(../image/s_m8Bg.jpg) no-repeat center center/cover;
	overflow: hidden;
}
.main8 a{
	display: inline-block;
	margin-top: 203px;
	font-size: 0;
	margin-left: 10px;
}