@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.f_left{ float: left; }
.f_right{ float: right; }
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}

html, body{ width: 640px; height: 100%; margin: 0 auto; }
.page_swiper{ width: 640px; height: 100%; max-height: 1136px; background: url(../images/page_swiper.jpg) no-repeat center top; }
.page_slide1{ background: url(../images/page_slide0.jpg) no-repeat center top; }
.logo{ position: absolute; top: 20px; left: 50%; margin-left: -100px; }
.page_nav{ position: absolute; width: 221px; height: 229px; }
.page_nav.n1{ top: 780px; left: 0; background: url(../images/page_nav1.png) no-repeat 0 0; }
.page_nav.n2{ top: 830px; left: 130px; background: url(../images/page_nav2.png) no-repeat 0 0; }
.page_nav.n3{ top: 830px; right: 130px; background: url(../images/page_nav3.png) no-repeat 0 0; }
.page_nav.n4{ top: 780px; right: 0; background: url(../images/page_nav4.png) no-repeat 0 0; }
.page1_cloud1{ position: absolute; top: 930px; left: 40px; }
.page1_cloud2{ position: absolute; top: 980px; left: 340px; }
.page1_cloud3{ position: absolute; top: 920px; right: 50px; }
.page_arrow{ position: absolute; bottom: 30px; left: 50%; margin-left: -52px; }

.page_slide2{ background: url(../images/page_slide2.png) no-repeat center top; }
.page2_btn{ position: absolute; width: 150px; }
.page2_btn.n1{ top: 200px; left: 70px; height: 155px; background: url(../images/page2_btn1.png) no-repeat 0 0; }
.page2_btn.n2{ top: 257px; right: 105px; height: 169px; background: url(../images/page2_btn2.png) no-repeat 0 0; }
.page2_btn.n3{ top: 637px; right: 135px; height: 156px; background: url(../images/page2_btn3.png) no-repeat 0 0; }

.page_slide3{ background: url(../images/page_slide3.png) no-repeat center top; }
.video_btn{ position: absolute; top: 210px; left: 50%; margin-left: -29px; width: 58px; height: 58px; background: url(../images/video_btn.png) no-repeat 0 0; }
.page3_swiper{ position: absolute; top: 274px; left: 66px; width: 508px; height: 745px; }
.page3_swiper .pic{ position: absolute; top: 0; left: 0; width: 508px; height: 300px; }
.page3_swiper .text{ position: absolute; top: 343px; left: 0; width: 448px; height: 213px; padding: 0 30px; line-height: 24px; font-size: 14px; color: #15263c; overflow-x: hidden; overflow-y: auto; }
.page3_swiper .swiper-pagination-bullet{ width: 250px; height: 66px; opacity: 1; border-radius: 0; }
.page3_swiper>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 2px; }
.page3_swiper .n1{ background: url(../images/swiper3_bullet1.png) no-repeat 0 0; }
.page3_swiper .n2{ background: url(../images/swiper3_bullet3.png) no-repeat 0 0; }
.page3_swiper .n3{ background: url(../images/swiper3_bullet4.png) no-repeat 0 0; }
.page3_swiper .n4{ background: url(../images/swiper3_bullet2.png) no-repeat 0 0; }
.page3_swiper .swiper-pagination-bullet-active{ background-position: 0 -66px; }

.page_slide4{ background: url(../images/page_slide4.png) no-repeat center top; }
.page4_cloud{ position: absolute; top: 245px; right: 10px; z-index: 2; }
.page4_swiper{ position: absolute; top: 180px; left: 50%; margin-left: -311px; width: 622px; height: 815px; }
.page4_swiper .swiper-pagination-bullet{ width: 25px; height: 25px; opacity: 1; border-radius: 0; background: url(../images/swiper4_bullet.png) no-repeat 0 0; }
.page4_swiper>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; }
.page4_swiper .swiper-pagination-bullet-active{ background-position: -25px 0; }

.page_slide5{ background: url(../images/page_slide5.png) no-repeat center top; }
.page5_cloud{ position: absolute; top: 285px; right: 20px; z-index: 2; }
.page5_nav{ position: absolute; top: 227px; left: 50%; margin-left: -246px; width: 492px; text-align: center; }
.page5_nav a{ display: inline-block; width: 100px; height: 343px; margin: 0 9px 20px 9px; }
.page5_nav a.n1{ background: url(../images/page5_btn1.png) no-repeat 0 0; }
.page5_nav a.n2{ background: url(../images/page5_btn2.png) no-repeat 0 0; }
.page5_nav a.n3{ background: url(../images/page5_btn3.png) no-repeat 0 0; }
.page5_nav a.n4{ background: url(../images/page5_btn4.png) no-repeat 0 0; }
.page5_nav a.n5{ background: url(../images/page5_btn5.png) no-repeat 0 0; }
.page5_nav a.n6{ background: url(../images/page5_btn6.png) no-repeat 0 0; }
.page5_nav a.n7{ background: url(../images/page5_btn7.png) no-repeat 0 0; }

/*弹出框*/
.prompt_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 9; }
.prompt{ position: fixed; top: 50%; left: 50%; z-index: 10; display: none; }
.close{ position: absolute; bottom: -50px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url(../images/close.png) no-repeat 0 0; }
#prompt_text{ width: 605px; height: 749px; margin: -374px 0 0 -302px; background: url(../images/prompt_text.png) no-repeat 0 0; }
#prompt_text .content{ position: absolute; top: 73px; left: 100px; width: 445px; height: 634px; line-height: 24px; font-size: 14px; color: #15263c; display: none; }
#prompt_text .content img{ max-width: 400px; }
#prompt_text .scroll{ margin-top: 70px; padding-right: 17px; width: 430px; height: 563px; overflow-x: hidden; overflow-y: auto; }
#prompt_text .scroll::-webkit-scrollbar{ width: 6px; height: 13px; border-radius: 6px;}
#prompt_text .scroll::-webkit-scrollbar-thumb{ background-color: #faf3e4; background-clip: padding-box; border-radius: 3px; border: 1px solid #0b1f2e; }
#prompt_text h2.tit{ position: absolute; top: 6px; left: 70px; width: 272px; text-align: center; font-weight: normal; font-size: 36px; color: #15263c; }

#prompt_video{ width: 640px; height: 339px; margin: -170px 0 0 -320px; }
#prompt_video .close{ position: absolute; bottom: -70px; left: 50%; margin-left: -29px; width: 58px; height: 58px; background: url(../images/close_video.png) no-repeat 0 0; }