html,body {height:100%;}
body {visibility: visible;margin:0 auto;}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block}
select,input,textarea,button {margin:0;border:none;padding:0;background:transparent;}
body,form,box,div,id,class,p,span,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,em,input,textarea,label{font-family:"THSarabunNew", Arial, sans-serif, tahoma; margin:0;padding:0;font-style:normal;font-size:0.14rem;}
*{margin:0;padding:0;}
*{-webkit-text-size-adjust: none;}
li{list-style:none;}
img{border:0;}
a,b,span,i{display:inline-block;}
a {text-decoration:none;}
a:hover{text-decoration:none; }
.clearfix:after  {overflow:hidden;zoom:1;}
.clearfix {overflow:hidden;zoom:1;}
.clearfix {}
.left {float:left;}
.right{float:right !important;}
.clear{clear:both;}

#container {max-width:100%;height: 100%;margin:0 auto;}
.wrap  img{width:100%; display:block;}
.wrap .option{position: absolute; width:100%; top:0; right: 0; z-index:9999;}
.wrap .menu{position: absolute; width:.43rem; height:.36rem; margin-top:7.5%; right:5%; z-index: 9998;}
.wrap .menu img{width:.43rem; height:.36rem; }
.wrap .ments{position: absolute; display: none; top: 0; left: 0; width: 100%;}
.wrap .ments .guanbi{display:block; position: absolute;  margin-top:7.5%; right:5%;z-index: 9999; width:.43rem; height:.36rem; overflow:hidden;}
.wrap .ments .guanbi img{width:.43rem; height:.36rem; }
.wrap .ments .zixun{ padding-bottom: 2%; padding-top:3%;margin-top:19%;position: absolute;background: rgba(9, 37, 84, 0.73);}
.wrap .ments .zixun a{float:left;text-align:left;width:96%;text-indent:1em; display: block;padding:0 1%;font-size:.3rem;height:.8rem;line-height:.8rem; color: #edfaff;}
.wrap .ments .zixun a:hover{color:#fff;background:#70b7ff;}
.wrap .ments .zixun a i{float:left;background:url(tou1.png) center no-repeat;background-size: cover;width:.34rem;height:.29rem;position:relative;left:.2rem;top:.26rem;right:.1rem;}
.wrap .ments .zixun a  span {float:right;margin-right:2%;font-size:.25rem;height:.8rem;line-height:.8rem; }
.wrap .ments .kefu{width:100%;padding-bottom: 2%;text-align:center;padding-top:2%; margin-top:66.6%;position: absolute;background: rgba(9, 37, 84, 0.73);}
.wrap .ments .kefu .kf01 a{text-align:center;display:inline-block;padding:0 2%;} 
.wrap .ments .kefu .kf01 a img {width:1.73rem;display: block;}
.wrap .ments .kefu .kf02 {text-align:center;margin:0 auto;} 
.wrap .ments .kefu .kf02 img {width:3.58rem;}
.wrap .ments .kefu .jiben {text-align:center;position:relative;padding:7% 0%;}
.wrap .ments .kefu .qqewm,.wrap .ments .kefu .wbewm,.wrap .ments .kefu .wxewm{display:none;text-align:center;position:relative;padding:7% 0%;}

.head {position: absolute;z-index:9998; top: 0; left: 0; padding: 2% 2.5%; width: 95%;background: rgba(9, 37, 84, 0.53);}
.head:after{clear: both; display: block; content: " ";}
.head .icon{width:2.88rem;float:left;}
.head .bots{width:2.12rem;display: block; float: right; margin-top:4%;margin-right:14%;}
.page1{background: url(bodybj.jpg) center no-repeat;background-size: cover;height:100%;width:100%;}
.page1 .index_tit {width:100%;margin:0 auto;position:absolute;bottom:18%;text-align:center;}
.page1 .index_tit img {width:7.5rem;}
.page1 .down {width:100%;text-align:center;position: absolute;bottom:6%;}
.page1 .down a{text-align:center;display:inline-block;padding:0% 2%;} 
.page1 .down img {width:3rem;}

.page2{background: url(06.jpg) center no-repeat;background-size:cover;height:100%;width:100%;}
.page2 .g_tit {width:100%;margin:0 auto;text-align:center;margin-top:20%;}
.page2 .g_tit img {height:1.5rem;}
.scroll{width:6.95rem;height:3.8rem; margin: 0 auto; margin-top:1%;position: relative;}
.scroll_box{overflow:hidden;visibility:hidden; top:0; left:0; position:absolute;height:100%; width: 100%;}
.scroll_wrap{overflow:hidden; position:relative;height:100%;width: 100%;}}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:absolute;}
.scroll_wrap li img{ width:100%;}
.scroll_position{position:absolute;z-index:400;bottom:0.2rem; width:96%;text-align:center;}
.scroll_position li{display:inline-block;width:0.2rem;height:0.2rem;border-radius:50%;border:#a2b6dd 0.04rem solid; margin-left:0.1rem;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffdb8d;border:#ffdb8d 0.04rem solid;}
.ym-tabs {position:relative; margin:4% 0; width:100%;float: left;}
.ym-tabs .tab-indicator {width:90%;height:0.7rem;margin:0 auto;z-index:80;border-radius:0.4rem;border:#7b9ccd 0.04rem solid;}
.ym-tabs li { float:left;width:24.5%;height:0.7rem;}
.ym-tabs li.active a{ color:#ffffff;font-weight:bold;}
.ym-tabs li a {width:100%;height:0.7rem;line-height:0.7rem; font-size:.29rem;color:#7b9ccd;display:block;text-align: center;margin-top:-0.13rem;}
.ym-tabs .tab-indicator li a:nth-child(1) {text-indent:0.08rem; }
.ym-tabs .tab-indicator li:nth-child(1) {border-right:0.04rem solid #7b9ccd;height:0.4rem;line-height:0.2rem;margin-top:0.15rem;}
.ym-tabs .tab-indicator li:nth-child(2) {border-right:0.04rem solid #7b9ccd;height:0.4rem;line-height:0.2rem;margin-top:0.15rem;}
.ym-tabs .tab-indicator li:nth-child(3) {border-right:0.04rem solid #7b9ccd;height:0.4rem;line-height:0.2rem;margin-top:0.15rem;}
.ym-tabs .tab-indicator li:nth-child(4) {border-right:0rem solid #7b9ccd;height:0.4rem;line-height:0.2rem;margin-top:0.15rem;}
.ym-tabs .tab-item li:last-child a{ border:none;}
.ym-tabs li a:hover { text-decoration: none; }
.ym-tabs .tabs { position:relative;width:90%;margin:0 auto;height:100%;overflow: hidden;}
.ym-tabs .tab-item { width:100%;height:auto; padding-top: 4%; overflow: hidden;}
.ym-tabs .tab-item li{ display: block;float: none; height:0.8rem;line-height:0.8rem; width: 100%; margin-left: 0;} 
.ym-tabs .tab-item li a{ display: block;color:#ffffff; height:0.8rem;line-height:1rem;font-size:.25rem; border-bottom: 0.02rem solid #517dbe; width:96%; margin-left:2%; text-align: left; position:relative; }
.ym-tabs .tab-item li span{position: absolute; right: 0; top: 0; display: block; height:0.8rem;line-height:1rem;color: #ffffff;font-size:.25rem;}

.page3{background: url(06.jpg) center no-repeat;background-size:cover;height:100%;width:100%;}
.page3 .g_tit {width:100%;margin:0 auto;text-align:center;margin-top:20%;}
.page3 .g_tit img {height:1.5rem;}
.page3 #zyjs{width:100%;margin: 0 auto; margin-top:-5%;position: relative; }
.page3 #zyjs .dets .cbf1 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf2 {margin-left:.27rem;}
.page3 #zyjs .dets .cbf3 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf4 {margin-left:.32rem;}
.page3 #zyjs .dets .cbf5 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf6 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf7 {margin-left:-.2rem;}
.page3 #zyjs .dets .cbf8 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf9 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf10 {margin-left:-.1rem;}
.page3 #zyjs .dets .cbf11 {margin-left:.3rem;}
.page3 #zyjs .dets .cbf12 {margin-left:.5rem;}
.page3 .referral .ment{ display:none;width:100%;width:7rem;height:6.47rem;margin-bottom:.4rem;position: relative;z-index:98;}
.page3 .referral .ment .pos{width:7rem;position: absolute; right: 0; width:100%;-webkit-animation:fadeInRightBig 1s .2s ease both;-moz-animation:fadeInRightBig 1s .2s ease both;}
.page3 .referral .ment .pos img {width:7rem;}
.page3 .referral .chos{width:91%;margin:0 auto;}
.page3 .referral .chos li{width:1rem; display:inline-block; height:1rem; text-align: center;margin:.04rem;}
.page3 .referral .chos li.ico01 {background:url(s01-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico01:hover{background:url(s01.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico02 {background:url(s02-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico02:hover{background:url(s02.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico03 {background:url(s03-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico03:hover{background:url(s03.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico04 {background:url(s04-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico04:hover{background:url(s04.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico05 {background:url(s05-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico05:hover{background:url(s05.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico06 {background:url(s06-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico06:hover{background:url(s06.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico07 {background:url(s07-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico07:hover{background:url(s07.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico08 {background:url(s08-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico08:hover{background:url(s08.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico09 {background:url(s09-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico09:hover{background:url(s09.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico10 {background:url(s10-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico10:hover{background:url(s10.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico11 {background:url(s11-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico11:hover{background:url(s11.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico12 {background:url(s12-1.png) no-repeat;background-size:cover;}
.page3 .referral .chos li.ico12:hover{background:url(s12.png) no-repeat;background-size:cover;}
.page3 .referral .chos:after{clear:both; display: block; content: " ";}
.page3 .referral .chos li a{width:1rem; height:1rem; display: block; margin: 0 auto;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}

.page4{background: url(06.jpg) center no-repeat;background-size:cover;height:100%;width:100%;}
.page4 .g_tit {width:100%;margin:0 auto;text-align:center;margin-top:20%;}
.page4 .g_tit img {height:1.5rem;}
.page4 .swiper-boxs{width: 7.3rem;height:9.53rem;overflow: hidden;margin: 0 auto;margin-top:0%;}
.page4 .swiper-containers{width: 7.3rem;height:9.53rem;text-align: center;position: relative;overflow: hidden;}
.page4 .swiper-slide{width:5.29rem !important;height:9.21rem;text-align: center;position: relative;background-size: contain;}
.page4 .swiper-slide img{width:5rem;height:8.89rem;display: block;margin: .15rem 0 0 .16rem;}
.page4 .wt-pagination{border-radius: 0 0 .04rem .04rem;position: absolute !important;display: block;margin: 0 auto;z-index: 1;overflow: hidden;box-sizing: border-box;padding-top: .13rem;display: table-cell;vertical-align: middle;}
.page4 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: auto;height: .4rem;bottom: 0rem;left: 50%;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
.page4 .swiper-pagination-bullet{width: .16rem;height: .16rem;float: left;background: #fff;opacity: .7;border-radius: .16rem;opacity: 1;margin: 0 .03rem;-webkit-transition: width .3s;transition: width .3s;}
.page4 .swiper-pagination-bullet-active{width: .49rem;background: #ffe073;opacity: 1;}


.page5{background: url(06.jpg) center no-repeat;background-size:cover;height:100%;width:100%;}
.page5 .g_tit {width:100%;margin:0 auto;text-align:center;margin-top:20%;}
.page5 .g_tit img {height:1.5rem;}
.page5 .ym-tabs {height:8rem;position:relative; margin-top:0%; width:100%;float: left;}
.page5 .ym-tabs .fenye {width:50%;height:.7rem;text-align:center;margin:0 auto;margin-top:8%;}
.page5 .ym-tabs .fenye li{display:inline-block;text-align:center;color:#fff;height:.45rem;width:1.5rem;line-height:.5rem;margin:0 .05rem;border:.01rem solid #7293c6;border-radius:.05rem;cursor:pointer;padding:0 .01rem;}
.page5 .ym-tabs .fenye li a{color:#fff;font-size:.25rem;}
.page5 .ym-tabs .fenye li a:hover{color:#ffd488;font-size:.25rem;}
.page5 .ym-tabs .fenye li:hover{border:.01rem solid #7293c6;border-radius:.05rem;color:#ffd488;}

.page6{background: url(05.jpg) center no-repeat;background-size:cover;height:100%;width:100%;}
.page6 .xwlanmu_l {width:100%;height:.7rem;margin:0 auto;color:#fff;text-align:center;position:relative;top:15%;}
.page6 .xwlanmu_l .lmlb_tit {width:100%;height:.7rem;margin:0 auto;line-height:.7rem;text-align:center;}
.page6 .xwlanmu_l .lmlb_tit h1 {text-align:center;width:100%;color:#fff;font-size:.5rem;}
.page6 .xwlanmu_l .lmlb_tit h2 {text-align:center;width:100%;color:#fff;font-size:.25rem;}
.page6 .xwlist p{font-size:.27rem;}
.page6 .xwlist .xwzhenw {width:90%;height:9rem;margin:0 auto;color:#fff;line-height:.4rem;overflow-y:auto;overflow-x:hidden;clear:both;margin-top:24%;padding:3%;}
.page6 .xwlist .xwzhenw::-webkit-scrollbar{width:.1rem;height:.1rem;background-color: #4484c8;border-radius:.2rem;}
.page6 .xwlist .xwzhenw::-webkit-scrollbar-track{background-color: #4484c8;margin:.2rem 0;border-radius:.2rem;}
.page6 .xwlist .xwzhenw::-webkit-scrollbar-thumb{background-color: #93beff;border-radius:.2rem;} 
.page6 .xwlist .xwzhenw img {width:100%;margin:5% 0;}

@media all and (orientation:landscape) {.hint { position:fixed; left:0; top:0; z-index:9999999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.9);z-index:9999; }
.hint:before {content:''; position:absolute; left:50%; top:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:5.48rem; height:1.01rem; background:url(hint.png ) no-repeat center top/5.48rem 1.01rem; } }