@charset "utf-8";

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:12px;font-family:"微软雅黑", "黑体";color:#333333; text-align:left; background-color:#ffffff; position:relative;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none; color:#4b9ff4; }
ul li{list-style:none;}
img{display:block; vertical-align:top;}
html,body{ width:640px; height:100%; min-height:1030px; margin:0 auto; position:relative;}

.page01_bg{ background:#cd1217; background-size:100% 100%;  }
.page02_bg{ background:url(page02_bg.png) no-repeat center top; background-size:100% 100%;  }
.page02_bg-02{ background:url(page02_bg01.jpg) no-repeat center top; background-size:100% 100%;  }
.page03_bg{ background:url(page03_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page04_bg{ background:url(page04_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page05_bg{ background:url(page05_bg.gif) no-repeat center top; background-size:100% 100%;  }
.page06_bg{ background:url(page06_bg.gif) no-repeat center top; background-size:100% 100%;  }
.page07_bg{ background:url(page07_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page08_bg{ background:url(page08_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page09_bg{  }
.page10_bg{ background:url(page10_bg.jpg) no-repeat center top; background-size:100% 100%; }
.page11_bg{ background:url(page11_bg.gif) no-repeat center top; background-size:100% 100%; }
.page12_bg{ background:url(page12_bg.jpg) no-repeat center top; background-size:100% 100%; 
}
.page13_bg{ background:url(page13_bg.jpg) no-repeat center top; background-size:100% 100%; }
.page14_bg{ background:url(page14_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page15_bg{ background:url(page15_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page16_bg{ background:url(page16_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page17_bg{ background:url(page17_bg.jpg) no-repeat center top; background-size:100% 100%;   }
.page18_bg{ background:url(page18_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page19_bg{ background:url(page19_bg.jpg) no-repeat center top; background-size:100% 100%;  }
.page20_bg{ background:url(page20_bg.jpg) no-repeat center top; background-size:100% 100%; }
.page21_bg{ background:url(page21_bg.gif) no-repeat center top; background-size:100% 100%;  }
.page22_bg{ background:url(page22_bg.jpg) no-repeat center top; background-size:100% 100%; }
.page23_bg{ background:#ffe9d1; background-size:100% 100%; }
.page24_bg{ background:#ffe9d1; background-size:100% 100%; font-size:24px; font-weight:800; text-align: left; line-height:40px;}
.page24_bg div > span{font-size:36px; color:#ff0000;  padding:0px 5px;}
.page25_bg{ background:#ffe9d1; background-size:100% 100%; font-size:24px; font-weight:800; text-align: left; }
.page25_bg div > span{font-size:36px; color:#ff0000;  padding:0px 5px;}
.page26_bg{ background:url(page26_bg.jpg) no-repeat center top; background-size:100% 100%; }

.hand{ width:90px; height:114px; z-index:51}

.con{ }
.con > div{ position:absolute; }

.page_con{ width:100%; height:100%; position:relative;}
.page_con > div{position:absolute;}
.page_con > div img{ width:100%; height:100%;}

.new01_bg{ background:url(new01_bg.jpg) no-repeat center top; background-size:100% 100%; }
.newpic01_01{width:596px; height:942px; left:50%; margin-left:-298px; top:150px;}
.newpic01_02{width:533px; height:611px; left:50%; margin-left:-266px; top:320px;}
.newpic01_02_01{width:533px; height:224px; left:50%; margin-left:-266px; top:23%;}
.newpic01_02_02{width:533px; height:240px; left:50%; margin-left:-266px; top:38%;}
.newpic01_02_03{width:533px; height:154px; left:50%; margin-left:-266px; top:55%;}




.newpic01_03{width:296px; height:71px; left:50%; margin-left:-148px; top:80%;}


.page02_02_pic01{width:585px; height:191px; left:50%; margin-left:-293px; top:20%;}
.page02_02_pic02{width:568px; height:125px; left:50%; margin-left:-284px; top:22%;}


.pic01_1{width:538px; height:350px; left:50%; margin-left:-269px; top:30%;}
.page01_wz{ position: absolute; background:#cd1217;}



.pic02_1{width:437px; height:26px; left:50%; margin-left:-218px; top:5%;}
.pic02_2{width:239px; height:218px; left:250px; top:61px;}
.pic02_3{width:194px; height:199px; left:420px; top:300px;}
.pic02_4{width:72px; height:72px; left:200px;  top:14%;}
.pic02_5{width:52px; height:52px; left:260px;  top:16%;}
.pic02_6{width:32px; height:32px; left:310px; top:18%;}
/*船*/
.pic02_7{width:2557px; height:150px; left:0; bottom:-2%;}
.pic02_8{width:523px; height:338px; left:0; bottom:5%;}

.pic02_16{width:640px; height:927px; left:0; bottom:0;}
.pic02_17{width:640px; height:827px; left:0; top:0;}
.pic02_18{width:640px; height:1043px; left:0; bottom:2%;}
.pic02_19{width:640px; height:1080px; left:0; top:0;}
.pic02_20{width:426px; height:24px; left:50%; margin-left:-216px; bottom:3%;}



.pic03_01{width:354px; height:119px; left:50%; margin-left:-177px; top:30%;}
.pic03_02{width:1230px; height:1285px; left:50%; margin-left:-660px; top:50%; margin-top:-643px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.pic04_01{width:448px; height:1029px; left:0px; top:0;}
.pic04_02{width:359px; height:344px; left:260px; top:40px;}
.pic04_03{width:291px; height:599px; left:330px; top:385px;}

.pic05_01{width:551px; height:224px; left:50%; margin-left:-275px;  top:73%;}
.pic05_02{width:509px; height:167px; left:50%; margin-left:-254px; top:75%;}

.pic06_01{width:608px; height:149px; left:50%; margin-left:-304px; top:7%;}
.pic06_02{width:571px; height:110px; left:50%; margin-left:-285px; top:9%;}

.pic07_bg02{ width:640px; height:640px; top:30%; left:0px;}
.pic07_01{width:544px; height:371px; left:50%; margin-left:-272px; top:26%;}
.pic07_02{width:523px; height:276px; left:50%; margin-left:-261px; top:29%;}

.pic08_01{width:479px; height:119px; left:50%; margin-left:-218px; top:30%;}
.pic08_02{width:1230px; height:1285px; left:50%; margin-left:-660px; top:50%; margin-top:-643px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.page09_bg02{ width:1300px; height:1300px; left:50%; margin-left:-650px; top:0; left:0px; z-index:10}
.pic09_01{width:640px; height:66.4%; left:50%; margin-left:-320px; top:0;}
.pic09_02{width:640px; height:56.9%; left:50%; margin-left:-320px; top:43.1%;}

.page10_bg02{ width:640px; height:640px; top:40%; left:-100px; z-index:0}

.page10_newpic01{width:514px; height:79px; left:50%; margin-left:-257px; top:10%;}

.pic10_01{width:549px; height:325px; left:23px; top:68%;}
.pic10_02{width:527px; height:270px; left:35px; top:70%;}
.pic10_03{width:280px; height:154px; left:330px; top:53%; z-index:20}

.pic11_01{width:549px; height:227px; left:50%; margin-left:-272px; top:6%;}
.pic11_02{width:527px; height:145px; left:50%; margin-left:-261px; top:9%;}

.pic12_01{width:611px; height:345px; left:50%; margin-left:-305px; top:5%;}
.pic12_02{width:527px; height:238px; left:50%; margin-left:-263px; top:9%;}
.pic12_03{width:280px; height:154px; right:0px; top:26%;}



.pic13_01{width:575px; height:356px; left:50%; margin-left:-287px; top:67%;}
.pic13_02{width:527px; height:271px; left:50%; margin-left:-263px; top:70%;}

.pic14_01{width:586px; height:283px; left:50%; margin-left:-293px; top:73%;}
.pic14_02{width:527px; height:214px; left:50%; margin-left:-263px; top:76%;}
.pic14_03{width:280px; height:154px; right:0px; top:60%;}
.page14_newpic01{width:347px; height:86px; left:50%; margin-left:-173px; top:10%;}


.pic15_01{width:565px; height:273px; left:50%; margin-left:-282px; top:69%;}
.pic15_02{width:527px; height:239px; left:50%; margin-left:-263px; top:70%;}

.pic16_01{width:575px; height:197px; left:50%; margin-left:-287px; top:72%;}
.pic16_02{width:549px; height:93px; left:50%; margin-left:-275px; top:75%;}
.pic16_03{width:280px; height:154px; right:0px; top:56%;}
.pic16_04{ width:100%; height:100%; top:0px; left:0px;}

.pic17_01{width:590px; height:285px; left:50%; margin-left:-295px; top:69%;}
.pic17_02{width:555px; height:254px; left:50%; margin-left:-278px; top:70%;}
.page17_newpic01{width:575px; height:86px; left:50%; margin-left:-288px; top:10%;}

.page18_bg02{ width:640px; height:640px; top:-20%; left:0px;}
.page18_newpic01{width:575px; height:86px; left:50%; margin-left:-288px; top:10%;}
.pic18_01{width:599px; height:290px; left:50%; margin-left:-300px; top:74%;}

.pic18_02{width:527px; height:260px; left:50%; margin-left:-263px; top:75%;}

.pic18_03{width:280px; height:154px; right:0px; top:56%;}


.pic19_01{width:565px; height:273px; left:50%; margin-left:-282px; top:7%;}
.pic19_02{width:527px; height:148px; left:50%; margin-left:-263px; top:9%;}

.pic20_01{width:480px; height:119px; left:50%; margin-left:-240px; top:30%;}
.pic20_02{width:1230px; height:1285px; left:50%; margin-left:-660px; top:50%; margin-top:-643px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.pic21_01{width:590px; height:278px; left:50%; margin-left:-282px; top:7%;}
.pic21_02{width:498px; height:233px; left:50%; margin-left:-263px; top:9%;}
.pic21_03{width:590px; height:417px; left:50%; margin-left:-295px; top:38%;}
.pic21_04{width:296px; height:71px; left:300px ;top:28%;}



.pic22_01{width:598px; height:804px; left:50%; margin-left:-303px; top:10%;}
.pic22_02{width:548px; height:754px; left:50%; margin-left:-274px; top:12%;}
.pic22_03{width:640px; height:505px; left:50%; margin-left:-320px; bottom:0px; }

.page23_title01{ font-size:24px; left:30px; top:7%;}
.page23_title02{ font-size:24px; left:320px; top:14%; font-weight:900; font-size:30px; line-height:30px; color:#df080c }
.page23_title02  span{font-size:60px;  padding-top:30px;}

.page23_title03{ font-size:24px; left:30px; top:27%; font-weight:600;}
.page23_title04{ font-size:24px; left:320px; top:41%; font-weight:900; font-size:30px; line-height:30px; color:#df080c }
.page23_title04  span{font-size:60px;  padding-top:30px;}

.page23_title05{ font-size:24px; left:30px; top:50%; font-weight:600;}
.page23_title06{ font-size:30px; line-height:60px; width:510px; left:50%; margin-left:-255px;  top:60%; font-weight:900; color:#df080c }


.page23_pic01{left:30px; top:12%;}
.page23_pic01 > div{ width:31px; height:84px; float:left; margin-right:5px;}
.page23_pic01 > div img{ width:100%; height:100%;}

.page23_pic02 { width:260px; left:30px; top:34%; font-size:30px;}

.page23_pic02 > div{ width:16px; height:50px; float:left; margin-right:5px; margin-bottom:5px}
.page23_pic02 > div img{ width:100%; height:100%;}

.page24_wz01{ width:100%;text-indent:4em; top:5%;}
.page24_wz02{ width:290px; left:225px; top:14%;}
.page24_wz03{ width:360px; left:180px; top:27%;}
.page24_wz04{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:38%;}
.page24_wz05{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:51%;}
.page24_wz06{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:60%;}
.page24_wz07{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:68%;}
.page24_wz08{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:78%;}

.page24_pic01{ width:98px; height:99px; left:100px; top:13%;}
.page24_pic02{ width:110px; height:108px; left:55px; top:26%;}
.page24_pic03{ width:160px; height:136px; left:446px; top:85%;}

.page25_wz01{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:10%;}
.page25_wz02{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:20%;}
.page25_wz03{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:30%;}
.page25_wz04{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:42%;}
.page25_wz05{ width:343px; height:81px; font-size:60px; text-align:center; left:50%; margin-left:-172px; top:50%; background:url(page25_pic02.png) no-repeat center center; color:#fff}
.page25_wz06{ width:575px; left:50%; margin-left:-288px; text-indent:2em; top:60%;}
.page25_wz07{width:575px; left:50%; margin-left:-288px; text-indent:2em; top:70%;}
.page25_pic01{ width:100px; height:100px; left:400px; top:14%;}

.page26_wz01{ width:593px; height:109px; left:50%; margin-left:-297px; top:10%;}
.page26_wz02{ width:517px; height:47px;  left:50%; margin-left:-259px;  top:18%;}
.page26_wz03{ width:517px; left:53px;  left:50%; margin-left:-259px; top:24%;}
.page26_wz04{ width:517px; left:51px;  left:50%; margin-left:-259px; top:30%;}

.page26_pic01{ width:232px; height:90px; left:60px; top:42%;}
.page26_pic02{ width:232px; height:90px; right:60px; top:42%;}


 .swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*加载页*/
.loade{ width:100%; height:100%; position:absolute; z-index:100; background:#fff;cursor: pointer; -webkit-tap-highlight-color: transparent;}
.loade .loadeIcon{width: 200px; height: 200px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-160px;}
.loadingProcess{width: 200px; height: 200px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:50px; text-align:center; font-size:30px;}

/*分享提示*/
.fx-msgcon{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:100; }
.fx-msgcon-bg{ width:100%; height:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:absolute; top:0; left:0px;}
.fx-msg{ background:url(fx-msg.png) no-repeat right 10px; width:100%; height:100%;position:absolute; top:0; left:0px;}
