/*公共样式*/
*{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_3d_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, #19559f , #1fa6c3);
    background: -o-linear-gradient(right, #19559f, #1fa6c3);
    background: -moz-linear-gradient(right, #19559f, #1fa6c3);
    background: linear-gradient(to right, #19559f , #1fa6c3);
    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: #1e97bd;
	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:#fff;
	line-height: 35px;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 20px;
	border:1px solid #1e97bd;
	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:#1e97bd;
	background-color: #1e97bd;
}
/*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 #57bbd3;
	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: 814px;
	background: url(../image/cs_3dm2Bg.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: 814px;
}
.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: 814px;
	padding-left: 163px;
}
.main2 .right .title{
	margin-top: 156px;
	font-size: 36px;
	color:#1f87c2;
	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:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #1f87c2;
	margin-right: 7px;
	top:-5px;
}
/*main3-style*/
.main3{
	width: 100%;
	height: 840px;
	position: relative;
	background: url(../image/cs_3dm3Bg.jpg) no-repeat center center/cover;
}
.main3 .left{
	padding-left:116px;
}
.main3 .left .title{
	margin-top: 145px;
	font-size: 36px;
	color:#1f87c2;
	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: #1f7bc2;
	margin-right: 7px;
	top:-5px;
}
.main3 .right{
	height: 840px;
}
.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: 814px;
	background: url(../image/cs_3dm4Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main4 .left{
	height: 814px;
}
.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:164px;
}
.main4 .right .title{
	margin-top: 202px;
	font-size: 36px;
	color:#1f87c2;
	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: #1f7bc2;
	margin-right: 7px;
	top:-5px;
}
/*main5-style*/
.main5{
	width:100%;
	height: 840px;
	position: relative;
	background: url(../image/cs_3dm5Bg.jpg) no-repeat center center/cover;
}
.main5 .left{
	padding-left:116px;
}
.main5 .left .title{
	margin-top: 198px;
	font-size: 36px;
	color:#1f87c2;
	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:#333;
	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: #1f87c2;
	margin-right: 7px;
	top:-5px;
}
.main5 .right{
	height: 840px;
}
.main5 .right .txt{
	font-size: 16px;
	line-height: 26px;
	color:#666;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	left:-15px;
	bottom:43px;
}
/*main6-style*/
.main6{
	width: 100%;
	height: 814px;
	background: url(../image/cs_3dm6Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main6 .left{
	height: 814px;
}
.main6 .left .txt{
	font-size: 16px;
	line-height: 26px;
	color:#999999;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	right:0;
	bottom:65px;
}
.main6 .right{
	padding-left:166px;
}
.main6 .right .title{
	margin-top: 176px;
	font-size: 36px;
	color:#1f87c2;
	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: #1f87c2;
	margin-right: 7px;
	top:-5px;
}
/*main7-style*/
.main7{
	width: 100%;
	height: 729px;
	background: url(../image/cs_3dm7Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main7 .left{
	padding-left:116px;
}
.main7 .left .title{
	margin-top: 176px;
	font-size: 36px;
	color:#1f87c2;
	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: #1f87c2;
	margin-right: 7px;
	top:-5px;
}
.main7 .right{
	height: 729px;
}
.main7 .right .txt{
	font-size: 16px;
	line-height: 26px;
	color:#666666;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	bottom:40px;
}
/*main8-style*/
.main8{
	width: 100%;
	height: 814px;
	background: url(../image/cs_3dm8Bg.jpg) no-repeat center center/cover;
	position: relative;
}
.main8 .left{
	height: 814px;
}
.main8 .left .txt{
	font-size: 16px;
	line-height: 26px;
	color:#999999;
	letter-spacing: 1px;
	position: absolute;
	width: 100%;
	right:0;
	bottom:60px;
}
.main8 .right{
	padding-left:164px;
}
.main8 .right .title{
	margin-top: 202px;
	font-size: 36px;
	color:#1f87c2;
	letter-spacing: 1px;
}
.main8 .right .subtitle{
	margin-top: 8px;
	font-size: 16px;
	color:#999999;
	line-height: 1.5;
	letter-spacing: 1px;
}
.main8 .right ul{
	margin-top: 50px;
}
.main8 .right ul li{
	margin-bottom: 18px;
	font-size: 20px;
	color:#cccccc;
	letter-spacing: 1px;
	position: relative;
}
.main8 .right ul li:before{
	display: inline-block;
	position: relative;
	font-size: 0;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #1f87c2;
	margin-right: 7px;
	top:-5px;
}
/*main9-style*/
.main9{
	width: 100%;
	height: 970px;
	background: url(../image/cs_yhm9Bg.jpg) no-repeat center center;

}
.main9 .w1200{
	overflow: hidden;
}
.main9 h3{
	margin-top: 82px;
	font-size: 36px;
	color:#1a58a0;
	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;
}