/*公共样式*/
*{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: 722px;
	background: url(../image/course_u3d_banner.jpg) no-repeat center center/cover;
	overflow: hidden;
	position:relative;
}
.banner .panel{
	width: 50%;
}
.banner .panel .panel-box{
	margin-top: 143px;
	width: 506px;
}
.banner .panel .panel-box .title{
	width: 100%;
	height: 156px;
	background: -webkit-linear-gradient(left, #f89d1b , #fecb03);
    background: -o-linear-gradient(right, #f89d1b, #fecb03);
    background: -moz-linear-gradient(right, #f89d1b, #fecb03);
    background: linear-gradient(to right, #f89d1b , #fecb03);
    padding-left: 28px;
    box-sizing:border-box;
    overflow: hidden;
}
.banner .panel .panel-box .title .t1{
	margin-top: 22px;
	font-size: 18px;
	color:#fff;
	letter-spacing: 1px;
}
.banner .panel .panel-box .title .t2{
	margin-top: 2px;
	font-size: 40px;
	color:#fff;
	font-weight: bold;
	letter-spacing: 1px;
}
.banner .panel .panel-box .title .t3{
	margin-top: 8px;
	font-size: 18px;
	color:#fff;
	letter-spacing: 1px;
}
.banner .panel .panel-box .intro{
	width: 100%;
	height: 280px;
	background-color: rgba(0,0,0,.5);
	box-sizing:border-box;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 30px;
}
.banner .panel .panel-box .intro p{
	font-size: 18px;
	color:#999999;
	letter-spacing: 1px;
	line-height: 30px;
}
.banner .panel .panel-box .intro ul{
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}
.banner .panel .panel-box .intro ul li{
	vertical-align: top;
	display: inline-block;
	font-size: 18px;
	color:#fff;
	position: relative;
}
.banner .panel .panel-box .intro ul li + li{
	margin-left: 26px;
}
.banner .panel .panel-box .intro ul li:before{
	display: inline-block;
	font-size: 0;
	content: "";
	width: 7px;
	height: 7px;
	background-color: #f99e1a;
	border-radius: 50%;
	position: relative;
	top:-4px;
	margin-right: 8px;
}
.banner .panel .panel-box .consult{
	margin-top: 40px;
	font-size: 0;
}
.banner .panel .panel-box .consult a{
	display: inline-block;
	width: 131px;
	height: 40px;
	font-size: 18px;
	color:#f99e1a;
	line-height: 35px;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 20px;
	border:1px solid #f99e1a;
	background-color: #333333;
	box-sizing:border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
}
.banner .panel .panel-box .consult a + a{
	margin-left: 29px;
}
.banner .panel .panel-box .consult a:hover{
	border-color:#f99e1a;
	background-color: #f99e1a;
	color:#fff;
}
/*main1-style*/
.main1{
	width: 100%;
	height: 560px;
	background-color: #f6f7ff;
	overflow: hidden;
}
.main1 ul{
	margin-top:93px ;
	font-size: 0;
	text-align: center;
	padding-left: 60px;
}
.main1 ul li{
	display: inline-block;
	vertical-align: top;
	width: 526px;
	height: 140px;
	box-sizing:border-box;
	background-color: #f0f1ff;
	border-bottom:2px solid #f9a417;
	position: relative;
	padding-left: 80px;
	margin-bottom: 36px;
}
.main1 ul li + li{
	margin-left: 88px;
}
.main1 ul li:nth-of-type(2n+1){
	margin-left: 0;
}
.main1 ul li .img-box{
	position: absolute;
	top:0;
	left:-60px;
}
.main1 ul li .img-box img{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transition-time-function:ease;
}
.main1 ul li:hover .img-box img{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
}
.main1 ul li .title{
	margin-top: 26px;
	font-size: 24px;
	color:#333;
	text-align: left;
	letter-spacing: 1px;
}
.main1 ul li .desc{
	margin-top: 3px;
	font-size: 16px;
	line-height: 26px;
	color:#5f6f87;
	text-align: left;
	letter-spacing: 1px;
}
.main1 ul li:nth-of-type(3) .desc{
	margin-top: 15px;
	font-size: 36px;
}
.main1 ul li:nth-of-type(3) .desc span{
	font-weight: bold;
	font-family: arial;
}
/*main2-style*/
.main2{
	width:100%;
	height: 635px;
	background: url(../image/cs_u3dm2Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main .w1200{
	position: relative;
	z-index: 10;
}

.main .left{
	width: 50%;
	position: relative;
	box-sizing:border-box;
}
.main2 .left{
	height: 635px;
}
.main2 .left .txt{
	width: 600px;
	position: absolute;
	right:0;
	bottom:60px;
	font-size: 16px;
	line-height: 26px;
	color:#999;
	letter-spacing: 1px;
}
.main .right{
	width: 50%;
	box-sizing:border-box;
	position: relative;
}
.main2 .right{
	height: 635px;
	padding-left: 72px;
}
.main2 .right .title{
	margin-top: 178px;
	font-size: 36px;
	color:#c3a13c;
	letter-spacing: 1px;
}
.main2 .right .subtitle{
	margin-top: 10px;
	font-size: 16px;
	color:#999;
	letter-spacing: 1px;
}
.main2 .right ul{
	margin-top: 56px;
}
.main2 .right ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#ccc;
	letter-spacing: 1px;
	position: relative;
}
.main2 .right ul li span{
	font-size: 16px;
	color:#999;
}
.main2 .right ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #c3a13c;
	margin-right: 7px;
	top:-5px;
}
/*main3-style*/
.main3{
	width: 100%;
	height: 924px;
	position: relative;
	background: url(../image/cs_u3dm3Bg.jpg) no-repeat center center/cover;
}
.main3 .left{
	padding-left:5px;
}
.main3 .left .title{
	margin-top: 190px;
	font-size: 36px;
	color:#c3a13c;
	letter-spacing: 1px;
}
.main3 .left .subtitle{
	margin-top: 8px;
	font-size: 16px;
	color:#999999;
	line-height: 1.5;
	letter-spacing: 1px;
}
.main3 .left ul{
	margin-top: 50px;
}
.main3 .left ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#666666;
	letter-spacing: 1px;
	position: relative;
}
.main3 .left ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #c3a13c;
	margin-right: 7px;
	top:-5px;
}
.main3 .right{
	height: 924px;
}
.main3 .right .txt{
	font-size: 16px;
	line-height: 26px;
	color:#666666;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	left:0;
	bottom:50px;
}
/*main4-style*/
.main4{
	width: 100%;
	height: 726px;
	background: url(../image/cs_u3dm4Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main4 .left{
	height: 726px;
}
.main4 .left .txt{
	font-size: 16px;
	line-height: 26px;
	color:#999999;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	right:0;
	bottom:34px;
}
.main4 .right{
	padding-left:75px;
}
.main4 .right .title{
	margin-top: 202px;
	font-size: 36px;
	color:#c3a13c;
	letter-spacing: 1px;
}
.main4 .right .subtitle{
	margin-top: 8px;
	font-size: 16px;
	color:#999999;
	line-height: 1.5;
	letter-spacing: 1px;
}
.main4 .right ul{
	margin-top: 50px;
}
.main4 .right ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#cccccc;
	letter-spacing: 1px;
	position: relative;
}
.main4 .right ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #c3a13c;
	margin-right: 7px;
	top:-5px;
}
/*main5-style*/
.main5{
	width:100%;
	height: 726px;
	position: relative;
	background: url(../image/cs_u3dm5Bg.jpg) no-repeat center center/cover;
}
.main5 .left{
	padding-left:11px;
}
.main5 .left .title{
	margin-top: 168px;
	font-size: 36px;
	color:#c3a13c;
	letter-spacing: 1px;
}
.main5 .left .subtitle{
	margin-top: 8px;
	font-size: 16px;
	color:#666;
	line-height: 1.5;
	letter-spacing: 1px;
}
.main5 .left ul{
	margin-top: 50px;
}
.main5 .left ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#666;
	letter-spacing: 1px;
	position: relative;
}
.main5 .left ul li span{
	font-size: 14px;
	color:#5c9076;
}
.main5 .left ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #c3a13c;
	margin-right: 7px;
	top:-5px;
}
.main5 .right{
	height: 726px;
}
.main5 .right .txt{
	font-size: 16px;
	line-height: 26px;
	color:#666;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	left:-15px;
	bottom:14px;
}
/*main6-style*/
.main6{
	width: 100%;
	height: 774px;
	background: url(../image/cs_u3dm6Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main6 .left{
	height: 774px;
}
.main6 .left .txt{
	font-size: 16px;
	line-height: 26px;
	color:#999999;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	right:0;
	bottom:40px;
}
.main6 .right{
	padding-left:80px;
}
.main6 .right .title{
	margin-top: 176px;
	font-size: 36px;
	color:#c3a13c;
	letter-spacing: 1px;
}
.main6 .right .subtitle{
	margin-top: 8px;
	font-size: 16px;
	color:#999999;
	line-height: 1.5;
	letter-spacing: 1px;
}
.main6 .right ul{
	margin-top: 50px;
}
.main6 .right ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#cccccc;
	letter-spacing: 1px;
	position: relative;
}
.main6 .right ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #c3a13c;
	margin-right: 7px;
	top:-5px;
}
/*main7-style*/
.main7{
	width: 100%;
	height: 726px;
	background: url(../image/cs_u3dm7Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main7 .left{
	padding-left:10px;
}
.main7 .left .title{
	margin-top: 176px;
	font-size: 36px;
	color:#c3a13c;
	letter-spacing: 1px;
}
.main7 .left .subtitle{
	margin-top: 8px;
	font-size: 16px;
	color:#999999;
	line-height: 1.5;
	letter-spacing: 1px;
}
.main7 .left ul{
	margin-top: 50px;
}
.main7 .left ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#666;
	letter-spacing: 1px;
	position: relative;
}
.main7 .left ul li span{
	font-size: 14px;
	color:#5c9076;
}
.main7 .left ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #c3a13c;
	margin-right: 7px;
	top:-5px;
}
.main7 .right{
	height: 726px;
}
.main7 .right .txt{
	font-size: 16px;
	line-height: 26px;
	color:#666666;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	bottom:40px;
}
/*main9-style*/
.main9{
	width: 100%;
	height: 980px;
	background:#fff url(../image/cs_u3dm9Bg.jpg) no-repeat center top/cover;
	overflow: hidden;
}
.main9 .w1200{
	overflow: hidden;
}
.main9 h3{
	margin-top: 82px;
	font-size: 36px;
	color:#c3991d;
	text-align: center;
	letter-spacing: 1px;
	font-weight:normal;
}
.main9 .subtitle{
	margin-top: 17px;
	font-size: 16px;
	line-height: 26px;
	color:#666666;
	text-align: center;
	letter-spacing: 1px;
}
.main9 .works-wrap{
	margin-top: 32px;
	position: relative;
}
.main9 .works-wrap img{
	display: block;
	width: 100%;
}
.main9 .swiper-button-prev,.main9 .swiper-button-next{
	width: 40px;
	height: 56px;
}
.main9 .w1200 .swiper-button-prev{
  left:5px;
	background:url(../image/cs_yhm9_arrow_btn.png) no-repeat 0 0;
}
.main9 .w1200 .swiper-button-prev:hover{
  background: url(../image/cs_yhm9_arrow_h_btn.png) no-repeat 0 0;
}
.main9 .w1200 .swiper-button-next {
  right:5px;
  background: url(../image/cs_yhm9_arrow_btn.png) no-repeat 0 -56px;
}
.main9 .w1200 .swiper-button-next:hover {
  background: url(../image/cs_yhm9_arrow_h_btn.png) no-repeat 0 -56px;
}
/*main10-style*/
.main10{
	width: 100%;
	height: 383px;
	background: url(../image/cs_yhm10Bg.jpg) no-repeat center center;
	overflow: hidden;
}
.main10 .content-box{
	width: 826px;
	margin:0 auto;
	margin-top: 49px;
}
.main10 .left{
	width: 97px;
}
.main10 .left li,.main10 .right li{
	width: 100%;
	height: 40px;
	line-height: 38px;
	background-color: rgba(246,247,255,.2);
	border-radius: 8px;
	position: relative;
	margin-bottom: 4px;
}
.main10 .left li:nth-of-type(3),.main10 .right li:nth-of-type(3){
	height: 145px;
}
.main10 .left li{
	text-align: center;
}
.main10 .left li p{
	display: inline-block;
	font-size: 16px;
	color:#8ec21f;
	text-align: center;
	/*top: 50%;*/
	font-weight: bold;
	letter-spacing: 1px;
	
}
.main10 .right{
	width: 725px;
}
.main10 .right li{
	box-sizing:border-box;
	padding-left:18px;
	line-height: 38px;
}
.main10 .right li p{
	display: inline-block;
	font-size: 16px;
	color:#a9adab;
	line-height: 26px;
	letter-spacing: 1px;
}
.main10 .right li:nth-of-type(3) p{
	margin-top: 5px;
}