/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 

fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

body{font-family: "微软雅黑";}

a{text-decoration: none;}

ul li{list-style: none;}

h3 {width:1100px;height: 84px;font-weight: normal;color:#fff;text-align: center;font-size: 16px;line-height: 26px;}

h1,h2,h4,h5,h6{font-weight: normal;}

.section{overflow-x: hidden;}

.xia{position:fixed;bottom: 50px;left: 50%;margin: -33px;background: url(../images/xia.png) no-repeat;cursor:pointer;width: 67px;height: 67px;z-index: 100;opacity: 0;}

.huanyuan{position: fixed;width: 100px;margin-left:-120px;text-align: center;left:50px; top: 50%;z-index: 100;margin-top: -190px;}

.huanyuan ul li{width: 120px;height: 22px;font-size: 14px; line-height: 22px;margin-bottom: 11px;opacity: 0; transition:all 0.5s ease 0s;

	padding-left: 18px;box-sizing:border-box;}

.huanyuan ul li.curx{ opacity: 1;margin-left: 115px;color:#134175;background:url(../images/nav-bg.png)no-repeat;}

.huanyuan ul li.curxt{ opacity: 1;margin-left: 115px;color:#134175;background:url(../images/nav-bg.png)no-repeat;}

.cont{width: 1100px;height:740px;margin: 0 auto;position: relative;}

.section1 {

	background-image: url(../images/page1.jpg);

	background-position: 50%;

}

.page1-con a{display: block;width: 470px;height:120px;position: absolute;bottom: 130px;right: 70px;}

.page1-bgl,.page1-bgr{width: 116px;height: 231px;margin: 150px;position: fixed; background: #f40;display: block;z-index: 100;}

.page1-bgl{background: url(../images/page-bgl.png) no-repeat;top: 0;left: 0;}

.page1-bgr{background: url(../images/page-bgr.png) no-repeat;top: 0;right: 0;}





.section2 {

	background-image: url(../images/page2.jpg);

	background-position: 50%;

}

.page2-con img{ margin:2% auto 0; opacity: 0;}

.page2-con img:nth-child(3){margin: 20px;}

.page2-con a{width: 255px;height:35px;display: block;position: absolute;left:340px;bottom:90px;background: #fff;color:#000;line-height: 35px;

	border-radius: 50px;text-align: center;font-size: 18px;}

.page2-con ul {width: 100%;height: 260px;}

.page2-con ul li{width:224px;height:61px;float: left;background-size: 100%;opacity: 0;position: relative;color:#000;

	padding-top:205px;padding-left: 84px;overflow: hidden;}

.page2-con ul li:nth-child(1){background: url(../images/page_2-1.jpg) no-repeat;background-size: 100%;}

.page2-con ul li:nth-child(2){margin: 0 7%;background: url(../images/page_2-2.jpg) no-repeat;background-size: 100%;}

.page2-con ul li:nth-child(3){background: url(../images/page_2-3.jpg) no-repeat;background-size: 100%;}

.page2-con ul li span.heimu,.page2-con ul li p{position: absolute;top: 0;left: -310px;width: 268px;height: 169px;padding:30px 20px 0;

	text-align: center;font-size: 14px;color:#fff;line-height:26px; transition:all 0.2s ease 0s;}

.page2-con ul li span.nav-x{width: 248px;height:46px;display: block;font-size: 16px;}

.page2-con ul li:hover span.heimu,.page2-con ul li:hover p{left: 0;}

.page2-con ul li span.heimu{background: #000;opacity: 0.5;}

.page2-con .nav-b{position: absolute;bottom: 40px;left: 5px;}



.section3 {

	background-image: url(../images/page3.jpg);

	background-position: 50%;

}

.page3-con{margin: 2% auto 0;background: url(../images/page3-1.png) no-repeat top left;background-size: 100%;opacity: 0;}

.page3-con h3 {text-align: center;color:#fff;}

.page3-con .left{background:url(../images/page3-2.jpg) no-repeat bottom right;background-size: 100%;width: 560px;height: 340px;line-height: 28px;

	float: left;margin-top: 130px; margin-left: 20px;opacity: 0;}

.page3-con .right{background:url(../images/page3-3.gif) no-repeat bottom left;background-size: 100%;float: right;width: 434px;

	height:330px;margin-top: 135px;opacity: 0;border: 3px solid #1dbac1;}

.page3-con .clear{clear: both;}

.page3-con .bottom{background:url(../images/page3-4.png) no-repeat bottom center;background-size: 100%;width: 1080px;margin-left:20px;height: 242px;}





.section4 {

	background-image: url(../images/page4.jpg);

	background-position: 50%;

}

.page4-con{margin:50px auto; position: relative;background: url(../images/page4-0.png) no-repeat;}

.page4-con h3 img{margin-bottom: 10px;}

.page4-con a{display: block;width: 650px;height:100px;position: absolute;left: 50%;

	margin-left:-325px;bottom: 50px;}

.page4-con ul{width: 1100px;height:740px;}

.page4-con ul li{position: absolute;top:140px;left:-30px;width: 320px;height: 54px;display: block;

	background: url(../images/page4-1.png) no-repeat top right;font-size: 14px;text-align: right;color:#fff;opacity: 0;

	padding-top: 26px;padding-right: 20px;}

.page4-con ul li:nth-child(2){top:270px;left:-130px;background: url(../images/page4-2.png) no-repeat top right;}

.page4-con ul li:nth-child(3){top:400px;left:-180px;background: url(../images/page4-3.png) no-repeat top right;}

.page4-con ul li:nth-child(4){top:160px;left:820px;background: url(../images/page4-4.png) no-repeat top left;}

.page4-con ul li:nth-child(5){top:300px;left:910px;background: url(../images/page4-5.png) no-repeat top left;}

.page4-con ul li:nth-child(4),.page4-con ul li:nth-child(5){text-align: left;padding-left: 20px;padding-right: 0;}

.section5 {

	background-image: url(../images/page5.jpg);

	background-position: 50%;

}



.page5-con{margin: 50px auto; height:650px;background: url(../images/page5-1.png) no-repeat bottom center;}

.page5-con h3 img{margin-bottom: 10px;}

.page5-con ul{position: relative;width: 100%;height: 656px;margin-top: 56px;}

.page5-con ul li{position: absolute;top:250px;left:116px;cursor: pointer;}

.page5-con ul li img{opacity: 0;}

.page5-con ul li:hover img{opacity: 1;}

.page5-con ul li:nth-child(2){top:166px;left:344px;}

.page5-con ul li:nth-child(3){top:82px;left:572px;}

.page5-con ul li:nth-child(4){top:0;left:800px;}





.section6 {

	background-image: url(../images/page6.jpg);

	background-position: 50%;

}

.page6-con{margin: 50px auto;}

.page6-con h3 img{margin-bottom: 10px;}

.page6-con ul.big{width: 1200px;height: 620px;opacity: 0;margin-top: 30px;}

.page6-con ul.big li.conli{float: left;margin-right: 13px;position: relative;height:517px; overflow: hidden;

	border: 2px solid #1ed5ef;width: 18%;}

.page6-con ul li.conli:nth-child(5){margin-right: 0;width: 14%;}

.page6-con ul li span,.page6-con ul li ul{position: absolute;bottom: -60px;left: 0px;background: #1a84e9;width:100%;

	height:228px;display: block;transition:all 0.2s ease 0s;}

.page6-con ul li span{opacity: 0.8;}

.page6-con ul li ul.fontbg{padding: 1%;background: none;bottom: -60px;}

.page6-con ul li:hover ul.fontbg{bottom: 0;}

.page6-con ul li:hover ul.fontbg li:nth-child(2){color: #7eeaea;}

.page6-con ul li ul.fontbg h4{font-size: 20px; color: #fff;text-align: center;margin-bottom: 10px;z-index: 5;}

.page6-con ul li ul.fontbg{width: 100%;height: 228px;padding: 5px;box-sizing:border-box;}

.page6-con ul li ul.fontbg li{ border:none;line-height: 24px;font-size: 14px;color: #fff;display: block;width: 100%;

	text-align: left;}

.page6-con ul li ul.fontbg li:last-child{width: 160px;height:30px;margin: 20px auto ;display: block;border-radius: 20px;

	border: 2px solid #fff;line-height: 30px;text-align: center;opacity: 0;}

.page6-con ul li ul.fontbg li:last-child a{width:160px;height:30px;display: block;border-radius: 20px;

	color:#fff;}

.page6-con ul li:nth-child(2) span{background: #00cc99;}

.page6-con ul li:nth-child(4) span{background: #8939cd;}

.page6-con ul li:nth-child(3) span{background: #ff6699;}

.page6-con ul li:hover span{opacity: 0.8;}

.page6-con ul li:hover span{bottom: 0;background: #000;}

.page6-con ul li:hover ul.fontbg li:last-child{opacity: 1;}







.section7 {

	background-image: url(../images/page7.jpg);

	background-position: 50%;

}

.page7-con{opacity: 0;}

.page7-top{width: 100%;height: 65px;background: url(../images/page7-top.png) no-repeat;margin: 2% auto 0;}

.page7-cen{width:100%;height:517px;background: url(../images/page7-1.jpg) no-repeat;background-size: 100%;}

.chaxun{width:332px;height:50px;border-radius: 50px;background: #0c84b1;margin: 2% auto;opacity: 0;}

.chaxun a{width:100%;height:50px;border-radius: 50px;display: block;line-height: 50px;text-align: center;

	font-size: 20px;color:#fff;}





.section8 {

	background-image: url(../images/page8.jpg);

	background-position: 50%;

}

.page8-con{opacity: 0;}

.page8-top{width: 100%;height: 47px;background: url(../images/page8-top.png) no-repeat;margin: 40px auto 10px;}

.page8-con .top{width: 100%;height: 380px;}

.page8-con .top ul{width: 100%;height: 356px;}

.page8-con .top ul li{float: left;margin-right: 0.5%;border: 3px solid #fff;height:100%;width:15.4%;background: #fff;

font-weight: bold;position: relative;overflow: hidden;}

.page8-con .top ul li img{width: 100%;}

.page8-con .top ul li span,.page8-con .top ul li div.sp{transition:all 0.2s ease 0s;position: absolute;top:-268px;left:0;width: 100%;

	height:268px;}

.page8-con .top ul li div.sp{padding:70px 9px;font-size: 14px;color:#fff;font-weight: none;line-height: 24px;box-sizing:border-box;}

.page8-con .top ul li span{opacity: 0.5;background: #000;}

.page8-con .top ul li:hover span,.page8-con .top ul li:hover div.sp{top: 0;}

.page8-con .top ul li e{width: 100%;height:32%;display: block;padding: 20px 25px;font-size: 18px;

	text-align: center;box-sizing:border-box;}

.page8-con .top ul li:hover{border: 3px solid #5cd0f1;background: #5cd0f1;color:#fff;}

.page8-con .top ul li:last-child{margin-right:0; }

.page8-con .bottom{position: relative;width: 630px;height: 180px;background: url(../images/page8_bottom.jpg) no-repeat;

	padding:20px 300px 0 150px;}

.p8-b{width: 650px;height: 38px;line-height:38px;color:#5BD0F1;font-size: 20px;display: block;}

.page8-con .bottom img{width: 100%;}

.bottom_right{position: absolute;right:0;top:0;width:28.9%;height:100%;padding: 2% 33px;box-sizing:border-box;}

.bottom_right a{width:100%;height:46px;margin-top:20px;background: #a6a6a6;display: block;color:#fff;line-height: 46px;font-size:16px; 

	border-radius: 50px;text-align: center;}

.bottom_right a:last-child{background: #5cd0f1;}

.bottom_right a:hover{box-shadow: 0 0 1px #000;}





.section9{transition:all 1s ease 0s;}

.section9.curl{

	background-image: url(../images/page9-1.jpg);

	background-position: 50%;

}

.section9.curr{

	background-image: url(../images/page9-2.jpg);

	background-position: 50%;

}



.page9-con div.left_btn,.page9-con div.right_btn{position: absolute; top: 50%;margin-top:-67.5px;cursor: pointer;}

.page9-con div.left_btn{left:-50px;display: none;}

.page9-con div.right_btn{right:-50px;}

.page9-con ul li a{position: absolute;bottom:190px;right: 140px;display: block;width: 270px;height: 35px;background: #00517f;border-radius: 50px;font-size: 16px;

	line-height: 35px;color:#fff;text-align: center;}

.page9-con ul li:last-child a{bottom:140px;left: 130px;display: none;}

.page9-con div.wen9-1{width: 500px;height: 300px;position: absolute;top:50%;right: 50px;margin-top:-180px;}

.page9-con div.wen9-2{width: 500px;height: 300px;position: absolute;top:50%;left: 50px;margin-top:-180px;display: none;}

.page9-con div.wen9-1 h1 span,.page9-con div.wen9-2 h1 span{font-size: 34px;}

.page9-con div.wen9-1 h1,.page9-con div.wen9-2 h1{font-size: 22px;margin-bottom: 20px;}

.page9-con div.wen9-1 p,.page9-con div.wen9-2 p{line-height: 28px;width: 480px;}



.section10 {

	background-image: url(../images/page10.jpg);

	background-position: 50%;

}

.page10-con {padding-top: 2%;box-sizing:border-box;}

.page10-con div{float: left;}

.page10-left{height:520px;width: 100px;}

.page10-left ul{width: 100%;height: 100%;}

.page10-left ul li{width:100%;height:87px;margin-bottom: 3px;background-size: 100%;display: block;}

.page10-left ul a{width:100%;height:15.8%;display: block;}

.page10-left ul li:nth-child(1){background: url(../images/page10-1.jpg) no-repeat;background-size: 100%;}

.page10-left ul li:nth-child(2){background: url(../images/page10-2.jpg) no-repeat;background-size: 100%;}

.page10-left ul li:nth-child(3){background: url(../images/page10-3.jpg) no-repeat;background-size: 100%;}

.page10-left ul li:nth-child(4){background: url(../images/page10-4.jpg) no-repeat;background-size: 100%;}

.page10-left ul li:nth-child(5){background: url(../images/page10-5.jpg) no-repeat;background-size: 100%;}

.page10-left ul a{background: url(../images/page10-6.jpg) no-repeat;background-size: 100%;}

.page10-left ul li.cur:nth-child(1){background: url(../images/page10-1-1.jpg) no-repeat;background-size: 100%;}

.page10-left ul li.cur:nth-child(2){background: url(../images/page10-1-2.jpg) no-repeat;background-size: 100%;}

.page10-left ul li.cur:nth-child(3){background: url(../images/page10-1-3.jpg) no-repeat;background-size: 100%;}

.page10-left ul li.cur:nth-child(4){background: url(../images/page10-1-4.jpg) no-repeat;background-size: 100%;}

.page10-left ul li.cur:nth-child(5){background: url(../images/page10-1-5.jpg) no-repeat;background-size: 100%;}

.page10-left ul a:hover{background: url(../images/page10-1-6.jpg) no-repeat;background-size: 100%;}

.page10-left ul li:last-child{margin-bottom: none;}

.page10-right{width:1000px;height:522px;position: relative;overflow: hidden;}

.page10-right ul{position: absolute;top: 0;left: 0;width: 100%;height: 500%;}

.page10-right ul li.ulli{background-size: 100%;width: 940px;height:462px;position: relative;padding: 30px;background: #fff;}

.page10-right ul li.ulli:nth-child(1) a,.page10-right ul li:nth-child(2) a{width: 110px;height:178px;display: block;

	position: absolute;right: 43px;bottom: 32px;background: url(../images/page10-btn.jpg)no-repeat;}

.page10-right ul li.ulli:nth-child(3) a,.page10-right ul li:nth-child(4) a,.page10-right ul li:nth-child(5) a{

	display: block;position: absolute;right:210px;bottom: 90px;width: 243px;height: 43px;background: #67c7f7;border-radius: 20px;

	color:#fff;font-size: 24px;text-align: center;line-height: 43px;}

.page10-right ul li.ulli .righttop ol li{width: 220px;height: 219px;float: left;margin-right: 20px;}

.page10-right ul li.ulli .righttop ol li:last-child{margin-right: 0;}

.page10-right ul li.ulli .zh{width:940px;height:20px;background: url(../images/page10-zh.jpg)no-repeat;margin-top: 10px; }

.page10-right ul li.ulli .wenzh{width: 940px;height: 220px;}

.page10-right ul li.ulli .wenzh h5{font-size: 28px;color: #424242;height: 50px;margin-top: 20px;}

.page10-right ul li.ulli .wenzh h6{font-size: 24px;height: 40px;}

.page10-right ul li.ulli .wenzh p{font-size: 14px;width: 750px;line-height: 28px;}

.page10-right ul li.ulli .wenzh p span{color: #c4004e;}

.page10-top{width: 100%;height: 70px;background: url(../images/page10-top.png) no-repeat; margin: 2% auto 0;}

.page10-right ul li.ulli .lileft{width: 500px;height:385px;text-align: center;line-height: 22px;margin-top: 50px;float: left;}

.page10-right ul li.ulli .lileft ol li{float: left;margin-right: 5px;width: 240px;}

.page10-right ul li.ulli .liright{width: 400px;height:385px;float: left;margin-top: 40px;}

.page10-right ul li.ulli .liright h5{font-size: 30px;color: #424242;height: 50px;}

.page10-right ul li.ulli .liright h6{font-size: 24px;height: 40px;border-bottom: 1px solid #ccc;width: 420px;margin-bottom: 20px;}

.page10-right ul li.ulli .liright p{font-size: 14px;width: 400px;line-height: 32px;}

.page10-right ul li.ulli .liright p span{color: #c4004e;}





.section11{transition:all 1s ease 0s;}

.section11.curf {

	background-image: url(../images/page11-1.jpg) ;

	background-position: 50%;

}

.section11.curs {

	background-image: url(../images/page11-2.jpg);

	background-position: 50%;

}

.section11.curt {

	background-image: url(../images/page11-4.jpg);

	background-position: 50%;

}.section11.curz {

	background-image: url(../images/page11-4.jpg);

	background-position: 50%;

}

.page11-nav {width: 447px;height:115px;position: absolute;top:130px;left:0;}

.page11-nav ul li{width: 88px;height: 115px;margin-left: 16px;float: left;cursor: pointer;}

.page11-nav ul li:nth-child(1){background: url(../images/page11-nav2.png) no-repeat;}

.page11-nav ul li:nth-child(2){background: url(../images/page11-nav4.png) no-repeat;}

.page11-nav ul li:nth-child(4){background: url(../images/page11-nav4.png) no-repeat;}


.page11-nav ul li.cur:nth-child(1){background: url(../images/page11-nav2-1.png) no-repeat;}

.page11-nav ul li.cur:nth-child(2){background: url(../images/page11-nav4-1.png) no-repeat;}

.page11-nav ul li.cur:nth-child(4){background: url(../images/page11-nav4-1.png) no-repeat;}

.page11-con .xunwen{width:447px;height:42px;position: absolute;bottom:60px;left: 0;}

.page11-con .xunwen span{width: 180px;height: 42px;border-radius:50px;background: #fff;margin-left:5%;

	float: left;text-align: center;line-height: 42px;font-size: 18px;}

.page11-con .xunwen span a{width: 100%;height: 42px;display: block;color: #13447f;}

.page11-con div.left_btn,.page11-con div.right_btn{position: absolute; top: 50%;margin-top:-67.5px;cursor: pointer;}

.page11-con div.left_btn{left:-50px;}

.page11-con div.right_btn{right:-50px;}







.section12 {

	background-image: url(../images/page12.jpg);

	background-position: 50%;

}

.page12-top{width: 100%;height: 47px;background: url(../images/page12-top.png) no-repeat;margin: 2% auto;}

.page12-con .tu{width: 406px;height: 612px;background: url(../images/page12-l.png) no-repeat;position: absolute;top: 0;left: 0;}

.page12-con{position: relative;}

.page12-con .wen{width: 750px;height:500px;float: right;position: relative;}

.page12-con .wen ul{width: 735px;margin-top: 50px;position: relative;}

.page12-con .wen ul li{width: 735px;height: 160px;position: absolute;top: 0;left: 0;}

.page12-con .wen ul li:nth-child(2){top:160px;left: 0;}

.page12-con .wen ul li:nth-child(3){top:255px;left: 0;}

.page12-con .wen ul li:nth-child(4){top:340px;left: 0;}

.page12-con .wen ul li h6{width:675px;height: 80px;background: url(../images/section12-2.png) no-repeat top left;padding:0 0 0 60px;line-height: 65px;font-size: 22px;color:#0da6d9;}

.page12-con .wen ul li p{width:675px;height: 80px;background: url(../images/section12-3.png) no-repeat top left;padding:0 0 0 60px;line-height: 20px;display: none;}

.page12-con .wen ul li.cura p{display: block;}

.page12-con .wen ul li:nth-child(4) p{line-height:26px;}

.page12-con .chas{height: 40px;width: 600px;position: absolute;bottom: 160px;right: 10px;}

.page12-con .chas a{float:left;width: 285px;height: 40px;background: #5f5f5f;border-radius: 50px;text-align: center;line-height: 40px;

	margin-right: 28px;color: #fff;}

.page12-con .chas a:last-child{margin-right: 0;background: #0da6d9;}