@charset "utf-8";
/* CSS Document */

.part1{ background:#d7eef0 url(01.jpg) no-repeat center 0; height:560px;}
.part1 .p1{ width:445px; height:165px; position:absolute; left:0px; top: 128px; }
.part1 .p1 .span1{ font-size:68px; line-height:76px; color:#595757;}
.part1 .p1 .span2{ color:#231815; font-size:72px; line-height:80px; font-weight:bold;}
.part1 .p2{ width:170px; height:40px; position:absolute; left: 24px; top: 305px; font-size:32px; line-height:36px;}
.part1 .p3{ width:170px; height:40px; position:absolute; left: 250px; top: 305px; font-size:32px; line-height:36px;}
.part1 .p4{	width: 450px;color:#231815;height: 50px;font-weight:bold;position: absolute;left: 0px;	top: 380px;	font-size: 32px;	line-height: 36px;}

.tit1 { background:#67aeff; color: #fff; font-size: 36px; height: 40px; line-height: 40px; padding: 20px 0; text-align: center; }
.tit2 { color: #231815; font-size: 30px;                  height: 40px; line-height: 40px; padding: 40px 0; text-align: center; }

.part2{ height:540px;}
.part2 .p1{ text-indent:2em; font-size:15px; color:#808080; width:860px; height:80px; line-height:27px; position:absolute; left: 62px; top:35px; }
.part2 .bgimg{ background:url(02.jpg) no-repeat; height:388px; width:1000px; position:absolute; top: 130px; }
.part2 .bgimg dl{ width:170px; height:125px;}
.part2 .bgimg dt{ color:#FFF; font-size:20px; line-height:55px; text-align:center;}
.part2 .bgimg dd{ color:#FFF; font-size:13px; line-height:19px;}
.part2 .bgimg .p2{ position:absolute; left: 57px; top: 55px; }
.part2 .bgimg .p3{ position:absolute; left: 295px; top: 55px; }
.part2 .bgimg .p4{ position:absolute; left: 535px; top: 55px; }
.part2 .bgimg .p5{ position:absolute; left: 775px; top: 55px; }

.part3{ background:#f0f0f0; height:884px;}
.part3 .bgimg{ background:url(03.jpg) no-repeat; width:1000px; height:764px;}

.part4{ background:#8a8a8b; height:96px;}
.part4 .p1{ font-size:20px; color:#FFF; text-align:center; margin:20px 0 15px 0;}
.part4 .btn1{background: no-repeat 0 0 #fff; border-radius: 20px; color: #67afff; display: block; font-size: 18px; margin:0 auto; padding: 3px; text-align: center; width: 190px;}

.part5{ height:578px;}
.part5 .btn1{background:no-repeat 0 0  #67aeff; border-radius: 20px; color: #fff; display: block; font-size: 18px; margin:0 auto; padding: 5px; text-align: center; width: 210px;}
.part5 .bgimg{ background:url(04.jpg) no-repeat; width:1000px; height:389px; margin-top:40px;}

.part6{ background:#f0f0f0; height:1024px;}
.part6 .bgimg{ background:url(05.jpg) no-repeat; width:1000px; height:880px;}
.part6 .bgimg dl{ width:155px; height:135px;}
.part6 .bgimg dt{ color:#FFF; font-size:30px; line-height:40px; text-align:center; height:50px;}
.part6 .bgimg dd{ color:#FFF; font-size:12px; line-height:20px;}
.part6 .bgimg .p1{ position:absolute; left: 210px; top: 158px; }
.part6 .bgimg .p2{ position:absolute; left: 125px; top: 360px; }
.part6 .bgimg .p3{ position:absolute; left: 210px; top: 580px; }
.part6 .bgimg .p4{ position:absolute; left: 430px; top: 670px; }
.part6 .bgimg .p5{ position:absolute; left: 640px; top: 580px; }
.part6 .bgimg .p6{ position:absolute; left: 720px; top: 360px; }
.part6 .bgimg .p7{ position:absolute; left: 640px; top: 158px; }
.part6 .bgimg .p8{ position:absolute; left: 425px; top: 65px; }
.part6 .bgimg .btn1{ background: no-repeat 0 0 #67aeff; border-radius: 20px; color: #fff; display: block; font-size: 14px; padding: 3px; text-align: center; width: 165px; position:absolute; left: 417px; top: 513px; }

.part7{ background:#67aeff; height:738px;}
.part7 .bgimg{ background:url(06.jpg) no-repeat; width:1000px; height:738px;}
.part7 .bgimg h1{ font-size:28px; color:#FFF; width:725px; height:35px; position:absolute; left: 149px; top: 454px; font-weight:normal;}
.part7 .bgimg p{ font-size:15px; text-indent:2em; line-height:30px; width:645px; height:170px; position:absolute; left: 294px; top: 536px; color:#FFF; }

.part8{ height:742px;}
.part8 .bgimg{ background:url(07.jpg) no-repeat; width:1000px; height:742px;}
.part8 .bgimg h1{
	width: 675px;
	height: 121px;
	font-size: 28px;
	color: #000000;
	line-height: 40px;
	position: absolute;
	left: 355px;
	top: 77px;
	font-weight: normal;
}
.part8 .bgimg .btn1{ background: no-repeat 0 0 #67aeff; border-radius: 20px; color: #fff; display: block; font-size: 14px; padding: 3px; text-align: center; width: 160px; position:absolute; left: 536px; top: 125px; }
.part8 .bgimg .p1,.part8 .bgimg .p3,.part8 .bgimg .p5,.part8 .bgimg .p7,.part8 .bgimg .p9{ font-size:21px; color:#FFF; line-height:24px;}
.part8 .bgimg .p2,.part8 .bgimg .p4,.part8 .bgimg .p6,.part8 .bgimg .p8,.part8 .bgimg .p10{ color:#FFF; line-height:20px;}
.part8 .bgimg .p1{ position:absolute; left:373px; top:246px;}
.part8 .bgimg .p2{ position:absolute; left:503px; top:234px;}
.part8 .bgimg .p3{ position:absolute; left:373px; top:331px;}
.part8 .bgimg .p4{ position:absolute; left:503px; top:319px;}
.part8 .bgimg .p5{ position:absolute; left:373px; top:417px;}
.part8 .bgimg .p6{ position:absolute; left:503px; top:405px;}
.part8 .bgimg .p7{ position:absolute; left:373px; top:502px;}
.part8 .bgimg .p8{ position:absolute; left:503px; top:490px;}
.part8 .bgimg .p9{ position:absolute; left:373px; top:587px;}
.part8 .bgimg .p10{ position:absolute; left:503px; top:575px;}

.part9{ background:#f0f0f0; height:900px;}
.part9 .bgimg{ background:url(08.jpg) no-repeat; height:259px;}
.part9 li{ height:40px; margin:17px 0;}
.part9 .p1{ font-size:15px; line-height:40px; width:401px; float:left; display:inline; text-align:right; padding-right:35px;}
.part9 .p2{ font-size:20px; line-height:40px; width:128px; float:left; display:inline; text-align:center; background:#3f9aff; color:#fff;}
.part9 .p3{ font-size:15px; line-height:40px; width:401px; float:left; display:inline; text-align:left; padding-left:35px;}
.part9 .c1{ color:#3f9bff;}
.part9 .c2{ color:#00bdbd;}
.part9 .c3{ color:#7790ff;}
.part9 .bg1{ background:#3f9bff;}
.part9 .bg2{ background:#00bdbd;}
.part9 .bg3{ background:#7790ff;}

.part10{}


/* ��ҽ�� */
.mytCon { height:470px; margin:30px auto 30px; background:#4c4948; width:890px; border-radius: 30px; padding:35px 15px 0; position:relative }
.focus { position:relative; }
.focus .myt { background:url(myt.png) no-repeat; width:153px; height:60px; position:absolute; left: 734px; top: 358px; z-index:888}
.focus #pic {overflow:hidden; position:relative}
.focus #pic li {float:left; position:relative}
.focus #pic li .info { position:absolute; top:0; left:65px; filter:alpha(opacity=60); opacity:0.6; width:240px; padding:90px 20px 0; background:#FFF; height:330px; font-size:18px; line-height:30px; color:#000 }
.focus #pic li .info span { font-size:32px;}
.focus #pic li .info p { margin-top:20px;}
.focus #pic li img { width:890px; height:420px; }
.focus #tip {padding:10px; text-align:center}
.focus #tip ul { display:inline-block}
.focus #tip ul li { width:7px; height:7px; float:left; display:inline; margin:10px 15px; cursor:pointer; border-radius:100% }
.focus #tip ul .c1 { background:#ed6f48;}
.focus #tip ul .c2 { background:#e0df43;}
.focus #tip ul li.on { background:#ececec; width:27px; height:27px; margin:0 15px}
.focus .prev, .focus .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; }
.focus .prev { left: 0; }
.focus .next { background-position: 0 -90px; right: 0; }
.focus .prev:hover, .focus .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; }
