/* 重定义 */
html{-webkit-text-size-adjust:100%; font-size:100px;}
* { margin:0; padding:0; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body { font: normal 100%; font-size:.3rem; color:#222; font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; max-width:750px; min-width:320px; margin:0 auto; }
body{ background:#fff}
a,button,input,optgroup,select,textarea,div { -webkit-appearance:none; font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/}
ul,li,dl,dt { list-style:none;}
h1,h2,h3,h4,h5 { font-size:100%; font-weight: normal;}
em,i { font-style:normal;}
img,object { max-width: 100%;}
img{-ms-interpolation-mode: bicubic; border:none;}
.inline{ display:inline-block; position:relative}
.substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bk12{ height:1.2rem; clear:both; display:block}
.bk15{ height:1.5rem; clear:both; display:block}
.bk17{ height:1.04rem; clear:both; display:block}
.splitbox{width:100%;height:.25rem;background:transparent;}
.splitbox2{width:100%;height:.5rem;background:transparent;}
.clearfix:after{ content:''; clear:both; display:block}
.bk50{ height:1.3rem; clear:both; display:block}
.bk25{ background:#f1f2f3; clear:both; display:block; height:.25rem;}
.mt20{ margin-top:.4rem}
	
.head{ height: 1rem; background: #fff; width: 100%; padding: .2rem 0; text-align: center; position:relative; z-index:10;}
.head img{ width: 4.1rem; height: .6rem;}

.banner{ height:3rem; background:url(images/banner.jpg) center 0 no-repeat; background-size:auto 3rem; -webkit-background-size:auto 3rem; -moz-background-size:auto 3rem;}

.title{ width:5rem; margin:0 auto; text-align:center;}
.title .t1{ width:30px; height:8px; background:url(images/tit_t1.png) 0 0 no-repeat; margin:0 auto; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain;}
.title .t4{ width:30px; height:2px; background:url(images/tit_t1.png) 0 0 no-repeat; margin:0 auto; margin-top:.2rem; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
.title .t2{ line-height:.6rem; font-size:.6rem; font-family:'microsoft yahei bold'; font-weight:bold; margin-top:.2rem;}
.title .t3{ line-height:.3rem; font-size:.2rem; font-weight:bold; margin-top:.1rem;}

.index1{ width:6.5rem; margin:0 auto; margin-top:-.5rem; background:#fff; box-shadow:0 0 .2rem rgba(0,0,0,.2); -webkit-box-shadow:0 0 .2rem rgba(0,0,0,.2); -moz-box-shadow:0 0 .2rem rgba(0,0,0,.2); position:relative; z-index:10; border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem; padding:1rem .3rem .5rem}
.index1 .info{ line-height:1.6; font-size:.28rem; color:#5c5c5c; text-indent:.56rem; text-align:justify; padding-top:.1rem}
.index1 .info p{ margin-top:.2rem;}

.index2 .videobox{ width:6.5rem; height:4rem; position:relative; margin:0 auto; background:#000; margin-top:.5rem; border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem; overflow:hidden}
.index2 .videobox video{ width:6.5rem; height:4rem;}
.index2 .txt{ text-align:center;}
.index2 .txt .t1{ margin-top:.5rem; font-size:.4rem; font-weight:bold}
.index2 .txt .t1 span{ display:block}
.index2 .txt .t1 .s2{ font-size:.2rem; font-weight:normal; line-height:1; margin-top:.1rem;}
.index2 .txt .t1 font{ color:#00aaea}
.index2 .txt .t2 ul{ padding:0 .5rem; }
.index2 .txt .t2 ul li{ float:left; width:33.33%; text-align:center; margin-top:.3rem;}
.index2 .txt .t2 ul li img{ width:1rem; height:1rem;}
.index2 .txt .t2 ul li .tt{ font-size:.24rem; color:#5c5c5c; line-height:.4rem; margin-top:.1rem;}

.index3{ padding-top:1rem;}
.index3 .txt{ padding:0 .5rem;}
.index3 .txt li{ float:left; width:50%; padding-right:.15rem; margin-top:.4rem;}
.index3 .txt li:nth-child(2n){ padding-left:.15rem; padding-right:0;}
.index3 .txt li img{ border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem;}
.index3 .txt li .t1{ line-height:.3rem; font-size:.24rem; text-align:center; margin-top:.2rem; color:#5c5c5c;}
.index3 .txt .btn{ padding:.6rem 1.4rem .2rem;}
.index3 .txt .more{ display:block; line-height:.8rem; border:1px solid #00aaea; text-align:center; border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem; font-size:.3rem; color:#00aaea; font-weight:normal}

.index4{ width:6.5rem; margin:0 auto; padding-top:1rem; padding-bottom:.5rem;}
.index4 .baidumapbox{ width:6.5rem; height:6rem;}
.index4 .baidumapbox .baidumap{ width:6.5rem; height:6rem;}
.index4 .baidumap .BMapLabel{ max-width:5rem !important; line-height:.3rem !important; background:#fff; border:1px solid #ddd !important; box-shadow:0 0 .3rem #ccc; padding:.2rem .2rem !important; font-size:.24rem !important; left:50% !important; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);  margin-left:10px;}
.index4 .baidumap .BMapLabel span{ display:block; max-width:4.6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:.4rem;}
.index4 .baidumap .BMapLabel:after{ content:''; width:0;height:0;border-left:8px solid transparent; border-right:8px solid transparent;border-top:12px solid #fff;position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); bottom:-8px; z-index:1}
.index4 .phone{ padding:.4rem 0;}
.index4 .phone span{ display:block; line-height:.6rem; font-size:.3rem;}
.index4 .phone span a{ color:#222;}
.index4 .phone span a i{ float:left; line-height:.6rem; font-size:.34rem; width:.5rem; text-align:center; margin-right:.1rem;	}
.index4 .phone span a .ico1{ font-size:.3rem;}
.index4 .gotomap{ padding:.6rem 1.4rem .2rem;}
.index4 .gotomap a{ display:block; line-height:.8rem; border:1px solid #00aaea; text-align:center; border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem; font-size:.3rem; color:#00aaea}
.index4 .gotomap a i{ float:left; line-height:.8rem; font-size:.34rem; margin-right:.1rem;}

/* 右侧浮动工具栏 */
.rightcover{z-index:999; position:fixed; right:.25rem; bottom:2.2rem; width:.8rem;}
.rightcover .btn1{ width:.8rem; height:.8rem; border-radius:.4rem; -webkit-border-radius:.4rem; -moz-border-radius:.4rem; display:block; margin-top:.25rem; background:#fff; border:1px solid #dadada; box-shadow:0 .08rem .1rem rgba(218,218,218,.5); -webkit-box-shadow:0 .08rem .1rem rgba(218,218,218,.5); -moz-box-shadow:0 .08rem .1rem rgba(218,218,218,.5); color:#000; position:relative}
.rightcover .btn1 span{ color:#333; position:absolute; width:.8rem; text-align:center; line-height:1; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:1; font-size:.24rem;}
.rightcover .btn1 span .top{ font-size:.5rem;}
.rightcover .btn1 span .back{ font-size:.4rem;}
.rightcover .btn1 span .home{ font-size:.4rem;}

/* 完整地图 */
.usermap{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:10}
.usermap .map1{ position:absolute; left:0; top:0; right:0; bottom:3rem; z-index:10;}
.usermap .mapbox2{ position:absolute; bottom:0; left:0; right:0; height:3rem; background:#fff; z-index:20; box-shadow:0 0 .2rem #ccc; -webkit-box-shadow:0 0 .2rem #ccc; -moz-box-shadow:0 0 .2rem #ccc;}
.usermap .mapbox2 .t1{ padding:.5rem .3rem 0; line-height:.4rem; font-size:.34rem; font-weight:bold; color:#333;}
.usermap .mapbox2 .t2{ line-height:.4rem; font-size:.24rem; color:#999; margin-top:.1rem; padding:0 .3rem;}
.usermap .userbtn{ display:flex; display: -webkit-flex; display: -ms-flexbox; padding:.3rem .3rem 0;}
.usermap .userbtn a{ flex:1; -webkit-flex: 1; -ms-flex: 1; text-align:center; border:1px solid #00aaea; color:#00aaea; line-height:.7rem; font-size:.28rem; border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem;}
.usermap .userbtn a i{ float:left; font-size:.3rem; line-height:.7rem; margin-right:.05rem;}
.usermap .userbtn a:nth-child(2),.usermap .userbtn a:nth-child(3){ margin-left:.2rem;}
.usermap .BMapLabel{ max-width:6rem !important; line-height:.3rem !important; background:#fff; border:1px solid #ddd !important; box-shadow:0 0 .3rem #ccc; padding:.2rem .2rem !important; font-size:.24rem !important; left:50% !important; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);  margin-left:10px;}
.usermap .BMapLabel span{ display:block; max-width:5.6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.usermap .BMapLabel:after{ content:''; width:0;height:0;border-left:8px solid transparent; border-right:8px solid transparent;border-top:12px solid #fff;position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); bottom:-8px; z-index:1}

.index5{ padding:1rem 0; width:6.3rem; margin:0 auto;}
.index5 .tit{ text-align:center; font-size:.34rem; margin-top:.6rem; line-height:.4rem;}
.index5 .txt li{ float:left; width:50%; padding:0 .1rem; margin-top:.2rem;}
.index5 .txt li img{ width:100%; height:2.2rem; border-radius:.1rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem;}