@charset "utf-8";

/* CSS Document */
*{margin:0;padding:0;}
body{margin:0 0; padding:0 0; font-family:"微软雅黑";font-size: 14px; text-align:center; height:100%; color:#333;}
p{margin:0 0; text-align:left;}
input{}
.w1100{width:1100px; margin:0 auto; height:100%;position: relative;}
.poa{position:absolute;}
.por{position:relative;}
.fl{float:left;}
h2{font-size:36px; margin:18px 0;}
.f18{font-size:18px;}
.f30{font-size:30px; font-weight:bold; padding:20px 0;}
.p40{padding:40px 0;}
.p60{padding:60px 0;}
.p80{padding:80px 0;}
.p120{padding:120px 0;}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.l32{line-height:32px;}
ul{list-style:none;}


.page{ overflow:hidden; position:relative; zoom:1; height:100%;}
.page1 h1{font-size:50px;margin:50px 0; font-weight:bold; }
.page1 .p1 , .page1 .p2 , .page1 .p3 , .page1 .p4 , .page1 .p5{width:560px; height:90px; font-size:20px; color:#fff; text-shadow:rgba(1,9,35,0.39) 1px 1px;}
.page1 p{line-height:30px;}
.p1{background:url(../images/p1-2.png) no-repeat; top:5px; left:30px;}
.p1 p{top:14px; left:50px;}
.p2{background:url(../images/p1-3.png) no-repeat; top:170px; left:-40px;}
.p2 p{top:14px; left:22px;}
.p3{background:url(../images/p1-4.png) no-repeat; top:350px; left:5px;}
.p3 p{top:14px; left:10px;}
.p4{background:url(../images/p1-5.png) no-repeat; top:55px; left:545px; }
.p4 p{top:14px; right:12px;}
.p5{background:url(../images/p1-6.png) no-repeat; top:200px; left:580px; }
.p5 p{top:14px; right:45px;}
.p6{width:290px; height:200px; top:300px; left:560px;	}
.p6 .jy{font-size:80px; font-weight:bold; margin-right:10px;}
.p6 .zy{font-size:36px; font-weight:bold; top:8px; display:inline-block; }
.p6 .qz{font-size:50px; font-weight:bold;}
.btn1{clear:left;position: absolute;left: 50%;bottom: 10px;-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);width: 100%;height: 59px;overflow: hidden;}
.page1 .btn1{bottom: 65px;}
.btn1 a{margin:0 20px; padding:12px 50px; font-size:24px; color:#333; background:#fff; border:1px solid #ddd; border-radius:10px; text-decoration:none; display: inline-block;}
.btn1 a:hover{background:#00b0f0;color: #fff;}

/* 左右结构通用样式 */
.lr{/*padding:220px 0;*/}
.lr h2{text-align:left;}
.lr p{text-align:left;font-size: 18px;}
.lr .right{width:570px;}

/* 上下结构通用样式 */


.page2{position: relative;}
.page2 h2{margin:30px 0;}
.left{width: 50%;position: absolute;left: 0;top: 50%;-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);height: 50%;}
.right{width: 50%;position: absolute;right: 0;top: 50%;-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);height: 50%;}
.page2 .right{background:url(../images/p2-2.png) no-repeat right 0;}


.page3 .right{position:relative;}
.page3 .left{padding-top:60px;width:530px;height:358px;position:relative;}
.page3 img{position:absolute;top:50px;left:0;}
.page3 a{position:absolute; top:150px;left:200px;width:120px;height:120px; background:url(../images/p3-2.png) no-repeat ;}


.page4{background:url(../images/p4-2.jpg) no-repeat;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;background-size:100% 100%; color:#fff; }
.page4 .left{padding-top:30px;}


.page .blue{color:#00b0f0;text-align:left;}
.page .ex{text-align:left;}
.page12 .up , .page13 .up{position:absolute;top:60px;}
.page12 .down , .page13 .down{padding:200px 0 60px 0;}


.page26 .up{top:0; left:0;}
.page26 img.pb{z-index:-999;}
.page26 img.po1{top:200px; left:230px;}
.page26 img.po2{top:149px; left:320px;}
.page26 img.po3{top:247px; left:320px;}
.page26 img.po4{top:99px; left:408px;}
.page26 img.po5{top:198px; left:408px;}
.page26 img.po6{top:296px; left:408px;}
.page26 img.po7{top:149px; left:498px;}
.page26 img.po8{top:247px; left:498px;}
.page26 img.po9{top:198px; left:588px;}
.page26 img.po10{top:296px; left:588px;}
.page26 img.po11{top:149px; left:678px;}
.page26 img.po12{top:247px; left:678px;}

.page42 table{width:1050px;padding-left:50px;}

.page44 h3{color:#0070c0;line-height:40px;}
.page44 img{/*padding:40px 0 0 0;*/}
.down p{font-size: 14px;}
.section8 .down{padding-top: 20px;}




/*轮播*/
.focusBox{ position: relative;overflow: hidden; height: 100%;}
.hd{ overflow:hidden; zoom:1; position:absolute; bottom:20px;left:47%;overflow: hidden;position: absolute;z-index: 333;}
.hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:18px; height:6px; cursor:pointer; overflow:hidden; background:gray; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;}
.hd .on{background:orange; filter:alpha(opacity=100);opacity:1; }
.prev, .next{ width:45px; height:99px; position:absolute; top:43%;z-index:3; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-ms-transition:All .5s ease;-o-transition:All .5s ease;}
.prev { background-image:url(../images/index.png); background-position:-112px 0; left:100px; }
.next { background-image:url(../images/index.png); background-position:-158px 0; right:100px; }
.nextStop{background-image: none;}
.prevStop{background-image: none;}
.prev:hover,.next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;}

@media screen and (min-height:901px) and (max-height:1080px){
.down p {font-size: 18px;}
.up p {font-size: 18px;}
#menu {top: 23%;}	
}
@media screen and (min-height: 700px) and (max-height:900px){
	.page .up img{width: 60%;}
	.page .down img{padding-top: 20px;width: 70%;}
	.page26 .up img.po1{left: 50%;top: 50%;-webkit-transform: translate(-50%,-53%);-moz-transform: translate(-50%,-53%);-ms-transform: translate(-50%,-53%);-o-transform: translate(-50%,-53%);width: 43%;}
/*	.page14 .down img{width: auto;}*/
	.page44 img.top{width: 70%;}
	.prev, .next {height: 99px;position: absolute;top: 38%;}
	.page1 .content img{width: 85%;}
	.section7 .down img{width: 60%;}
}
@media screen and (max-height:700px){
	.page1 .content img{width:70%;padding-top: 20px;}
	.page .up img{width: 51%;}
	.page .down img{width: 53%;padding-top: 20px;}
	.page44 img.top{width: 55%;}
	.page26 .up img.po1{left: 50%;top: 50%;-webkit-transform: translate(-50%,-53%);-moz-transform: translate(-50%,-53%);-ms-transform: translate(-50%,-53%);-o-transform: translate(-50%,-53%);width: 35%;}
	.down p{font-size: 16px;}
	.lr p {font-size: 16px;text-align: left;}
	.up p {font-size: 16px;}
	.down h2{font-style:34px;}
	.page1 h1{font-size:46px;margin: 20px 0;}
	.page1 .btn1 {bottom:30px;}
	.p6 .jy {font-size: 60px;font-weight: bold;margin-right: 10px;}
	.p6 .qz {font-size: 30px;font-weight: bold;}
	.p6 {height: 200px;left: 560px;top: 280px;}
	#menu {top: 12%;}
	.prev, .next {height: 99px;position: absolute;top: 39%;}
}