@charset "utf-8";

.w1182{ width:1182px; height:100%; box-sizing:border-box; position:relative; margin:0 auto;}
.w952{ width:952px; height:100%; box-sizing:border-box; position:relative; margin:0 auto;}
h1{ font-size:39px; color:#000; line-height:49px; font-family:fangzheng; font-weight:normal;}
body{ background:#fff; margin:0 auto;}
img{ display:block;}

@font-face{font-family:Arial; src:url(../ziti/Arial.ttf);}
@font-face{font-family:fangzheng; src:url(../ziti/fangzheng.ttf);}
.header{position:relative;}
.banner{ width:100%; background:#fff url(../images/banner.jpg) no-repeat center; height:630px;}
.banner .form{ position:absolute; top:0; left:886px; width:296px; height:610px;}
.banner .form .input1{ width:256px; height:30px; border:1px solid #3c3c3d; background:#f4f4f5; font-size:18px; color:#000; line-height:30px; text-indent:7px; margin-bottom:20px;}
.banner .form .input2{ margin-bottom:27px;}
.banner .form .smt_frm{ width:258px; height:45px; border:none; background:#000; color:#fff; font-size:23px; cursor:pointer;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #000; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #000; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #000; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #000; 
}
.banner .form h1{ font-size:30px; text-align:left; color:#000; line-height:30px; padding-top:65px;}
.banner .form ul{ padding:32px 0 25px;}
.banner .form ul li{ font-size:15px; color:#000; position:relative; line-height:34px; padding-left:19px;}
.banner .form ul li i{ display:block; position:absolute; left:0; top:50%; width:8px; height:8px; background:#000; border-radius:100%; margin-top:-2px;}
.banner .form div{ width:100%; height:22px; position:relative; font-size:18px; color:#000; margin-top:21px; text-indent:66px; text-align:left;}
.banner .form div i{ display:block; width:15px; height:22px; position:absolute; background:url(../images/suo.png); top:0; left:41px;}

.main1{ width:100%; background:#fff; height:800px;}
.main1 .w1182{ padding-top:159px;}
.main1 .div1{ width:100%; height:600px; background:url(../images/main1_1.jpg) no-repeat center;}
.main1 .div1 .div1_1{ width:104px; position:absolute; top:159px; left:90px; background:#0f0;}
.main1 .div1 .div1_1 p{ display:block; width:52px; font-size:39px; color:#000; position:absolute; line-height:40px; text-align:center;}
.main1 .div1 .div1_1 p.p1{ left:0; top:0;}
.main1 .div1 .div1_1 p.p2{ right:0; top:0;}
.main1 .div1 .div1_2{ width:36px; height:262px; position:absolute; left:38px; top:211px; background:#eee;}
.main1 .div1 .div1_2 p{ display:block; position:absolute; width:20px; left:8px; top:0; font-size:18px; line-height:20px; text-align:center; padding-top:10px;}
.main1 .div1 .div1_2 span{ display:block; position:absolute; width:20px; left:8px; top:229px; font-size:18px; text-align: center;}
.main1 img{ position:absolute; width:88px; height:78px; left:102px; top:60px;}

.main2{ width:100%; background:#fff; height:950px; margin-top:100px;}
.main2 .div1{ width:100%; height:218px; background:url(../images/main2_bg.jpg) no-repeat left top; box-sizing:border-box; padding:72px 0 0 86px;}
.main2 .div1 .div11{ width:916px; height:29px; background:#eee; margin-top:14px; font-size:17px; line-height:29px; color:#000; text-indent:16px;}
.main2 .div2{ width:1040px; height:485px; background:#eee; margin:36px 0 0 86px; padding:17px 0 0 23px; box-sizing:border-box; position:relative; margin-bottom:34px;}
.main2 .div2 .div21{ width:642px; height:450px; position:relative; float:left;}
.main2 .div2 .div21 .img{ position:absolute; left:0; top:0; display:none; width:100%;}
.main2 .div2 .block{ display:block !important;}
.main2 .div2 .div21 .bnt{ opacity:0;}
.main2 .div2 .div21 .bnt div{ width:50px; height:80px; position:absolute; top:50%; margin-top:-40px; font-size:40px; color:#fff; background:rgba(0,0,0,.5); text-align:center; line-height:80px; z-index:9; cursor:pointer;}
#bnt_left{ left:0;}
#bnt_right{ right:0;}
.main2 .div2 .div22{ width:360px; height:468px; float:left; position:relative;}
.main2 .div2 .div22 div{ box-sizing:border-box; padding:60px 0 0 30px; width:100%; height:100%; position:absolute; left:0; top:0; background:#eee; display:none;}
.main2 .div2 .div22 h3{ font-size:32px; color:#000; line-height:29px; margin-bottom:25px;}
.main2 .div2 .div22 p{ font-size:16px; line-height:24px; color:#000; padding-right:22px; letter-spacing:1px;}
.main2 .div2 .div21:hover .ul1{ opacity:1;}
.main2 .div2 .div21:hover .bnt{ opacity:1;}
.main2 .div2 .ul1{ position:absolute; width:660px; height:60px; left:50%; margin-left:-330px; bottom:30px; opacity:0;}
.main2 .div2 .ul1 li{ width:90px; height:60px; box-sizing:border-box; overflow:hidden; float:left; margin:0 10px; cursor:pointer;}
.main2 .div2 .ul1 li.no1{ border:2px solid #393;}
.main2 .div2 .ul1 li img{ width:100%;}
.main2 .div2 .ul2{ position:absolute; width:216px; height:18px; bottom:57px; left:50%; margin-left:-108px;}
.main2 .div2 .ul2 li{ width:18px; height:18px; background:#d7d8dc; box-sizing:border-box; border:2px solid #bcbec4; margin:0 9px; border-radius:50%; float:left; cursor:pointer;}
.main2 .div2 .ul2 li.no2{ border:2px solid #2ac103; background:#49d00f;}
.main2 .ul3 li{ width:100px; height:80px; position:absolute; border-bottom:2px solid #393; opacity:0;}
.main2 .ul3 li a{ display:block; width:100%; height:100%;}
.main2 .ul3 .li1{ width:130px; left:226px; top:776px;}
.main2 .ul3 .li2{ width:188px; left:379px; top:776px;}
.main2 .ul3 .li3{ width:114px; left:587px; top:776px;}
.main2 .ul3 .li4{ width:186px; left:727px; top:776px;}
.main2 .ul3 .li5{ width:232px; left:226px; top:859px;}
.main2 .ul3 .li6{ width:168px; left:471px; top:859px;}
.main2 .ul3 .li7{ width:156px; left:657px; top:859px;}
.main2 .ul3 .li8{ width:132px; left:821px; top:859px;}
.main2 .ul3 li:hover{ opacity:1; cursor:pointer;}

.main3{ width:100%; height:1060px;}
.main3 .w1182{ background:url(../images/main3_1.jpg) no-repeat;}
.main3 .div1{
	position:absolute;
	left:224px;
	top:315px;
	transform:rotateZ(7deg);
	-webkit-transform:rotateZ(7deg); /* Safari and Chrome */
	-moz-transform:rotateZ(7deg); /* Firefox */
}
.main3 .div1 p{ line-height:32px; font-size:19px; color:#333;}
.main3 .div1 p span{ margin-right:50px;}
.main3 .div2{ width:320px; top:564px; left:217px;}
.main3 .div3{ width:360px; top:790px; left:202px;}
.main3 .div5{
	position: absolute;
	font-size:14px;
	line-height:24px;
	transform:rotateZ(1deg);
	-webkit-transform:rotateZ(1deg); /* Safari and Chrome */
	-moz-transform:rotateZ(1deg); /* Firefox */
	color:#333;
}

.main4{ width:100%; padding-bottom:80px;}
.main4 a{ display:block; width:294px; height:44px; text-align:center; line-height:44px; border:3px solid #333; font-size:23px; color:#151112; border-bottom:4px solid #333; margin:78px auto 0;}

.main5{ width:100%; height:702px; background:url(../images/main5_1.jpg) no-repeat center;}
.main5 .div9{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; box-sizing:border-box;}
.main5 .div1 .div1_1{ position:absolute; top:-134px; left:308px; width:760px; height:190px;}
.main5 .div1 h3{ font-size:20px; line-height:20px; color:#fff; letter-spacing:2px; text-align:left;}
.main5 .div1 .p1{ font-size:16px; line-height:30px; text-align:left; color:#fff; margin:14px 0 6px;}
.main5 .div1 .p4{ font-size:16px; color:#fff; line-height:40px;}
.main5 .div1 .ul2{ width:755px; height:390px; position:absolute; bottom:-144px; left:308px;}
.main5 .div1 .ul2 li{ position:absolute; font-size:0;}
.main5 .div1 .ul2 .li1{ width:373px; height:342px; left:0; top:0;}
.main5 .div1 .ul2 .li2{ width:184px; height:113px; left:381px; top:0;}
.main5 .div1 .ul2 .li3{ width:188px; height:113px; right:0; top:0;}
.main5 .div1 .ul2 .li4{ width:374px; height:200px; right:0; top:143px;}
.main5 .div1 .ul2 li p{ font-size:13px; color:#fff; text-align:center; line-height:30px;}
.main5 .ul1{ width:104px; height:16px; position:absolute; bottom:24px; left:50%; margin-left:-52px; z-index:12;}
.main5 .ul1 li{ width:16px; height:16px; margin:0 18px; background:rgba(255,255,255,.5); float:left; border-radius:50%; cursor:pointer; }
.main5 .ul1 li.bai{ background:rgba(255,255,255,1);}
.main5 .div1{ display:none;}
.main5 .div2 .div2_0{ width:360px; height:500px; position:absolute; top:155px; z-index:1; box-sizing:border-box; padding-top:190px;}
.main5 .div2 .div2_1{ left:313px; text-align:left; background:url(../images/main5_2.png) no-repeat 87px top;}
.main5 .div2 .div2_2{ right:120px; text-align:right; background:url(../images/main5_3.png) no-repeat 116px top;}
.main5 .div{ width:123px; text-align:center; font-size:109px; color:#fff; position:absolute; left:124px; top:66px; z-index:3; line-height:130px; background:url(../images/main5_4.png) no-repeat center top; padding-top:40px;}
.main5 .div2 .div2_1 h2{ text-indent:80px;}
.main5 .div2 .div2_0 h2{ font-size:60px; color:#fff; line-height:60px; margin-bottom:15px;}
.main5 .div2 .div2_0 .p2{ font-size:25px; color:#fff; line-height:25px; margin-bottom:35px;}
.main5 .div2 .div2_0 .p3{ font-size:13px; line-height:26px; color:#fff;}

.main6{ width:100%; height:729px;}
.main6 .w1182{ background:url(../images/main6_1.jpg) no-repeat 697px 116px; padding:130px 503px 0 128px; border-bottom:2px solid #d2d2d2;}
.main6 h1{ font-size:50px; line-height:65px; margin-bottom:15px;}
.main6 ul li{ height:90px; width:560px; position: relative; box-sizing: border-box; padding-left:46px; padding-top:14px;}
.main6 ul li:hover{ background:#f0fff0;}
.main6 ul li i{ display:block; width:28px; height:28px; border-radius:50%; background:#000; top:20px; left:6px; position:absolute;}
.main6 ul li h2{ font-size:32px; line-height:32px; margin-bottom:10px;}
.main6 ul li p{ font-size:14px; line-height:14px;}

.main7{ width:100%; height:724px;}
.main7 .w1182{ background: url(../images/main7_1.jpg) no-repeat 90px 58px; padding:275px 0 0 800px}
.main7 h1{ position:absolute; right:142px; top:114px; width:400px; font-size:50px; line-height:65px; text-align:right;}
.main7 .p1{ font-size:18px; line-height:30px; position:absolute; left:144px; top:68px; color:#000; letter-spacing:1px;}
.main7 form .input1{ width:236px; height:37px; border:2px solid #000; text-indent:19px; font-size:18px; line-height:37px; margin-bottom:16px;}
.main7 form .input2{ margin-bottom:29px;}
.main7 form .smt_frm{ width:239px; height:41px; border:1px solid #000; background:#fff; font-size:18px; cursor:pointer; box-shadow:1px 2px 0 #000; border-radius:8px;}
.main7 form .smt_frm:hover{ margin:2px 0 0 2px;}

.main8{ width:100%; height:678px;}
.main8 .w1182{ background:#fff url(../images/main8_1.jpg) no-repeat center top;}
.main8 h1{ padding:159px 0 0 374px; margin-bottom:62px;}
.main8 .div{ width:936px; height:192px; background:#f1f1f1; margin:0 auto;} 
.main8 .div .div1{ width:176px; height:100%; float:left; margin-right:14px; box-sizing:border-box; position:relative; display:block;}
.main8 .div .div1 img{ width:100%; height:100%;}
.main8 .div .div9{ margin-right:0;}
.main8 .div .div1 div{ position:absolute; width:100%; height:100%; left:0; top:0; box-sizing:border-box; transition: all 0.50s ease-in-out 0s;}
.main8 .div .div1 .div12{
	background:rgba(0,0,0,.7);
	font-size:18px;
	color:#fff;
	line-height:40px;
	text-align:center;
	padding-top:90px;
	transform:rotateY(90deg);
	-webkit-transform:rotateY(90deg); /* Safari and Chrome */
	-moz-transform:rotateY(90deg); /* Firefox */
}
.main8 .div .div1 p{ font-size:19px; text-align:center; line-height:20px; color:#151112; position:absolute; width:100%; left:0; top:215px; font-weight:bold;}
.main8 .div .div1:hover .div11{
	transform:rotateY(-90deg);
	-webkit-transform:rotateY(-90deg); /* Safari and Chrome */
	-moz-transform:rotateY(-90deg); /* Firefox */
}
.main8 .div .div1:hover .div12{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg); /* Safari and Chrome */
	-moz-transform:rotateY(0deg); /* Firefox */
}
.main8 .div .div1:hover p{ color:#360;}

/*课程*/
.main2_1{ width:100%; height:3450px;}
.main2_1 .w952{ font-size:0;}
.main2_1 ul .li{ position:absolute; left:0; top:0; width:236px; padding-top:20px; padding-left:16px;}
.main2_1 ul .li .span1{ position:absolute; width:40px; height:40px; text-align:center; line-height:40px; font-size:22px; font-family:Arial, Helvetica, sans-serif; right:-48px; top:0; color:#fff; background:#000;}
.main2_1 ul .li .p1{ font-size:19px; line-height:24px; color:#000;}
.main2_1 ul .li .span2{ display:block; width:224px; background:#000; height:2px; margin:5px 0 8px;}
.main2_1 ul .li .p2{ font-size:14px; line-height:18px; font-weight:bold; margin-bottom:18px;}
.main2_1 ul .li .p3{ font-size:14px; line-height:22px; padding-left:25px; background:url(../images/main2_1_10.jpg) no-repeat 5px 7px;}
.main2_1 ul .li1{ top:456px; left:426px;}
.main2_1 ul .li2{ top:863px; left:178px;}
.main2_1 ul .li3{ top:910px; left:650px;}
.main2_1 ul .li4{ top:1141px; left:11px;}
.main2_1 ul .li5{ top:1641px; left:461px;}
.main2_1 ul .li6{ top:2046px; left:166px;}
.main2_1 ul .li7{ top:2297px; left:649px;}
.main2_1 ul .li8{ top:2724px; left:224px;}
.main2_1 ul .li9{ top:3014px; left:649px;}