@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;touch-action:none;}
body,h1,h2,h3,h4,blockquote,p,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,span{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.75 '微软雅黑','宋体',arial,sans-serif}
button,input,select,textarea,h1,h2,h3,h4{font-size:100%;vertical-align:middle}
em,i{font-style:normal}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;vertical-align:middle}
img{width:100%; height:auto;}
a{color:#000;text-decoration:none;outline:none}
a:hover{color:#000;text-decoration:none}
a,a:hover {text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
body,html{width: 100%;height: 100%;margin: 0;padding: 0;background:#CCCCCC;}
.section {text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.logo{width:22%;top:1%; z-index:88; left:5%; position:absolute;}
.butxt{width:100%; height:auto; bottom:3.2%; position:absolute; display:block; text-align:center;}
.butxt img{width:75%;}
.pageArrow{width:4.68%;bottom:-0.2%; z-index:88;left:47.66%; position:absolute;}

.mypage{position: relative; margin: 0 auto; width: 100%; min-height:620px;}

.mypage1{background:url(../img/page1/page1_bg.jpg) no-repeat bottom; background-size:100%;}
.mypage1 .sqwz{position: absolute; top: 1.5%; right: 6%; width: 32%;}
.mypage1 .sqwz img{width: 100%;}
.mypage1 .p1conn1{width:100%; height:auto; top:15%; position:absolute; display:block; text-align:center;}
.mypage1 .p1conn1 img{width:60%;}
.mypage1 .p1conn2a{position: absolute; width: 28%; bottom: 8%; left: 13%;}
.mypage1 .p1conn2a img{width: 100%;}
.mypage1 .p1conn2{width:22%; bottom:4%; position:absolute; display:block;  left: 10%;}
.mypage1 .p1conn2 a img{width:100%;}

.mypage2{background:url(../img/page2/page2_bg.jpg) no-repeat center center; background-size:100%;}
.mypage2 .p2conn1{width:100%; height:auto; top:14%; position:absolute; display:block; text-align:center;}
.mypage2 .p2conn1 img{width:75%; height:auto; margin:0 auto;}

.mypage3a,.mypage4{background:url(../img/page3/page3_bg.jpg) no-repeat bottom; background-size:100%;}
.mypage3a .p3aconn1{width:100%; height:auto; top:12%; position:absolute; display:block; text-align:center;}	
.mypage3a .p3aconn1 img{width:87%; height:auto; margin:0 auto;}

.mypage4 .p4conn1{width:100%; height:auto; top:12%; position:absolute; display:block; text-align:center;}	
.mypage4 .p4conn1 img{width:87%; height:auto; margin:0 auto;}

.mypage5,.mypage6{background-color: #84C6E0;}
.mypage5 .p5conn1{width:100%; height:auto; top:8%; bottom:15%; position:absolute; display:block; text-align:center;}
.mypage5 .p5conn1 img{width:87%; height:auto; margin:0 auto;}

.mypage6 .p6conn1{width:100%; height:auto; top:11%; position:absolute; display:block; text-align:center;}
.mypage6 .p6conn1 img{width:87%; height:auto; margin:0 auto;}

.mypage7{ background-color:#A2D2D2 ;}
.mypage7 .p7conn1{width:100%; height:auto; top:5%; position:absolute; text-align:center;}
.mypage7 .p7conn1 img{width:92%; height:auto; margin:0 auto;}
.mypage7 .p7conn2{width:100%; height:auto; top:18%; position:absolute; text-align:left;}
.mypage7 .p7conn2 img{width:48%; height:auto;}
.mypage7 .p7conn3{width:100%; height:auto; right: 1.2%; top:17%; position:absolute; text-align:right;}
.mypage7 .p7conn3 img{width:48%; height:auto;}
.mypage7 .p7conn4{width:100%; height:auto;left:2.5%; top:51%; position:absolute; text-align:left;}
.mypage7 .p7conn4 img{width:48%; height:auto;}
.mypage7 .p7conn5{width:100%; height:auto; top:55%; position:absolute; text-align:right;padding-right:3%;}
.mypage7 .p7conn5 img{width:45%; height:auto;}
.mypage7 .p7conn6{width:100%; height:auto;  bottom: 6.6%;   position:absolute; text-align: center; }
.mypage7 .p7conn6 img{width:86%; height:auto;}
.mypage7 .p7conn7{width:30%; right: 16%; height:auto; top:72%; position:absolute; text-align:right; z-index:999;}
.mypage7 .p7conn7 a img{width:100%; height:auto;}
.mypage7 .p7conn8{width:48%; right:1%; height:auto; top:77%; position:absolute; text-align:right; padding-right:5%; z-index:999;}
.mypage7 .p7conn8 a img{width:72%; height:auto;}


.mypage8{background:url(../img/page8/page11_bg.jpg) no-repeat bottom; background-size:100%;}
.mypage8 .p8conn1{width:100%; height:auto; top:12%; position:absolute; display:block; text-align:center;}
.mypage8 .p8conn1 img{width:100%; height:auto; margin:0 auto;}
.mypage8 .p8conn2{width:100%; height:auto; top:61%;  left: 9%;  position:absolute; display:block;}
.mypage8 .p8conn2 a img{width:32%; height:auto;}
.mypage8 .p8conn3{width:100%; height:auto; top:68%; position:absolute; display:block;}
.mypage8 .p8conn3 a img{width:49%; height:auto;}
.mypage8 .p8conn4{width:100%; height:auto; top:77%; position:absolute; display:block; margin:0 auto; text-align:center;}
.mypage8 .p8conn4 img{width:80%; height:auto;}

.mypage9{ background-color: #A2D2D2;}
.mypage9 .p9conn1{width:100%; height:auto; top:5%; position:absolute; text-align:center;}
.mypage9 .p9conn1 img{width:100%; height:auto; margin:0 auto;}
.mypage9 .p9conn2{width:100%; height:auto; top:59%; position:absolute; text-align:center;}
.mypage9 .p9conn2 img{width:100%; height:auto; margin:0 auto;}

.controlArrow {
    position: absolute;
    z-index: 4;
    top: 46%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.controlArrow.prev {
	left: 7px;
    width: 0;
    border-width: 30px 18px 0 0;
	border-image:url(../img/comm/prev.png);
}
.controlArrow.next {
	right: 7px;
    border-width: 0 0 30px 18px;
	border-image:url(../img/comm/next.png);
}
.undis{display: none;}

.fullPage-slidesNav.bottom {top:82%; }
.fullPage-slidesNav{position:absolute;z-index:4;left:50%;opacity:1; display: none;}
.fullPage-slidesNav ul{margin:0;padding:0}
.fullPage-slidesNav li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fullPage-slidesNav li{display:inline-block}
.fullPage-slidesNav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
.fullPage-slidesNav .active span{width: 18px;
	height: 18px;
	display: block;
	margin-top:-9px;
	margin-left:-9px;
	background: url(../img/comm/point.png) no-repeat -2px -2px; 
}
.fullPage-slidesNav span{
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 6px;
	width: 6px;
	border: 1px solid #FFF;
	background: #06C;
	margin: -4px 0 0 -4px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.mask-pop {position:fixed;width: 100%;z-index: 101;left: 0;top: 8%;}
.mask-pop a.pop-close{background:url(../img/comm/_blank.gif);position: absolute;height: 6.5%;right: 10.5%;top: 5%;z-index: 2;width: 8.8%;display: block;}
.mask-pop input{position: absolute;height: 4%;left: 19.5%;top: 31.8%;z-index: 2;width: 34%;display: block;background: transparent;border: 0 none;line-height: 100%;font-size: 15px;}
.mask-pop a.pop-suan{background:url(../img/comm/_blank.gif);position: absolute;height: 10.9%;left: 69.4%;top: 33.3%;z-index: 2;width: 14.1%;display: block;}
.mask-pop .relust{position: absolute;width: 50.78%;left: 19%;top: 65%;display: block;}
.onespan {position: absolute; width: 15%; height: 30%; left: 45.8%; top: 11%; color: #FFF; text-align: center;}
.fivespan {position: absolute; width: 15%; height: 30%; left: 45.8%; top: 62%; color: #FFF; text-align: center;}
.mask-bg {background: #000; opacity: .6; filter: alpha(opacity=60); position: fixed; z-index: 101; left: 0; top: 0; width: 100%; height: 100%;}