*{margin: 0;padding: 0;border: none;text-decoration: none;list-style: none;font-size: 14px;}
html{font-size: 100%;width:100%;height:100%;}
body{width:100%;height:100%;color: #000;font-family:"Microsoft YaHei UI", "Microsoft YaHei","iconfont" !important;font-size: 14px;overflow-x: hidden;}
input,select,option,textarea{outline: none;}
p{text-align:justify; text-justify:inter-word;}
a{cursor:pointer;}
a:hover{text-decoration: none;}
button:hover{cursor: pointer;}
.label{font-weight: normal !important;}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display: block;max-width: 100%; height: auto;}/*图片自适应*/
.center-block {display: block;margin-right: auto;margin-left: auto;}/*图片居中显示*/
.text-center {text-align: center;}/*文字居中*/
.text-ellipsis{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文字超出…显示*/
/*Ant ui左右弹性布局*/
.am-flexbox[am-mode~=average] .am-flexbox-item{width:100%}
.am-flexbox{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center}.am-flexbox .am-flexbox-item{-webkit-box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;margin-left:5px;min-width:20px}.am-flexbox .am-flexbox-item:first-child{margin-left:0}

.pengpai{width: 100%;height: 100%;}
.pengpai .swiper-wrapper,.pengpai .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}


#canvas{width:100%;overflow: hidden;position:absolute;top:0;left:0; background-color: #fff;}
.canvas-wrap{position:relative;width: 100%;height: 100%;overflow: hidden;}
.canvas-content{position:relative; z-index:2000; color:#fff;text-align:center;}
.canvas-content .top-navbar{width:62.5%;max-width:1200px;height: 80px;margin: 0 auto;}
.top-navbar .logo{height:45px;margin-right:10px;}
.top-navbar .menuul{text-align: right;}
.top-navbar .menuul li{display: inline-block;margin-left: 5px;}
.top-navbar .menuul li a{color: #fff;font-size: 15px;}

.pag1con{width:40%;margin: 10% auto 0;}
.pag1con .imglogo{width:100%;margin-bottom: 25%;max-width: 820px;}
.pag1con .imgslogan{width: 100%;max-width: 820px;}
.pag1con img{width: 100%;max-width: 820px;}
.next{width: 100%;position: absolute;bottom:15px;}
.next a img{width: 30px;}

.page02,.page03{position: relative;}
.page02 .page02bg{position: absolute;bottom: 0;left: 0;}
.page02 .mapbg{position: absolute;width: 40%;right:16.5%;bottom:30%;}
.page02 .pageBox{width:62.5%;max-width:1200px;height:100%;margin: 0 auto;position: relative;}
.page02 .pageBox .page02-1{width:38%;max-width:456px;position: absolute;bottom:10px;}
.page02 .pageBox .page02-tit{width: 68%;margin: -25% auto 20px;}
.page02 .pageBox .page02-tit img{margin-bottom: 20px;}
.page02 .pageBox .gongneng{position: relative;min-height: 200px;margin-top: 15px;}
.page02 .pageBox .gongneng .gn01{width: 12.5%;position: absolute;left:3%;top:10px;}
.page02 .pageBox .gongneng .gn02{width: 14.3%;position: absolute;left:33.3%;top:40%;}
.page02 .pageBox .gongneng .gn03{width: 14.3%;position: absolute;right:19.3%;top:0}
.page02 .pageBox .gongneng .gn04{width: 10.8%;position: absolute;right:3%;top: 55%;}
.btnzu{width: 76%;margin: 8% 12% 0;}
.btn-download{width: 44%;border-radius: 5px;background: #1b6cd4;color: #fff;height: 60px;line-height: 60px;}
.btn-download:last-child{float: right;}
.btn-download img{width:30px;vertical-align:middle;margin-right: 5px;}
.btn-download img:first-child{margin-top: -5px;}

.page03 .page03bg{width:100%;height:100%;position: absolute;bottom: 0;left: 0;}
.page03 .pageBox,.page04 .pageBox,.page05 .pageBox{width:62.5%;max-width:1200px;height:100%;margin: 0 auto;position: relative;}
.page03 .pageBox .am-flexbox-item,.page04 .pageBox .am-flexbox-item,.page05 .pageBox .am-flexbox-item{position: relative;height: 100%;}
.page03 .pageBox .page03-1{width:81%;max-width:488px;position: absolute;bottom:10px;right:0;}
.page03 .pageBox .page03-tit{width: 52.5%;position: absolute;top:20%;}
.page03 .pageBox .page03-gn{width: 60.5%;position: absolute;right: 5%; top:17%;}
.page03-ma{width: 26%;position:absolute;top:53%;left:9%;font-size: 14px;color: #717171;}
.page03-ma img{padding: 5px;border:1px solid #e9e9e9;background: #fff;margin-bottom: 10px;}

.page04 .page04bg{position: absolute;bottom:0; left:0;}
.page04 .page04bg{width: 100%;}
.page04 .pageBox .page04-1{width:42%;max-width:301px;position: absolute;bottom:0;left:10%;}
.page04 .pageBox .page04-tit{width:83%;position:absolute;top:12%;left:8.5%;}
.page04 .pageBox .page04-tit img{margin-bottom: 20px;}
.page04 .pageBox .gongneng{width:92%;max-width:550px;position: absolute;top:30%;left:4%;}
.page04 .pageBox .gongneng .am-flexbox{margin-bottom: 5%;}
.page04 .pageBox .gongneng .am-flexbox .am-flexbox-item:last-child img{float: right;}
.page04 .pageBox .gongneng img{width: 76%;max-width: 230px;}
.page04 .pageBox .ps{width:92%;max-width:550px;position: absolute;top:52%;left:4%;}

.page05{background: #282828;}
.page05bg{width: 53.8%;height: 100%;position: absolute;top:0;right:0;}
.page05bg img{width:100%;height: 100%;}
.page05 .lxwologo{width:35%;min-width:150px;max-width:300px;position: absolute;top: 15%;left:0;}
.page05 .baxx{font-size: 14px;color: #fff;position: absolute;bottom: 15%;left:0;}
.page05 .textcon{font-size: 14px;color: #fff;line-height: 24px;}