@charset "utf-8";
/*CSS重置*/
/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; }
a, a:link, a:visited, a:hover, a:active { color:#2f4056; text-decoration:none; }
html { min-height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.8 "Microsoft Yahei", Arial; color:#666; background:#fff; padding:0 0 .8rem 0 !important; }
img { border:0px; }
em,strong{ font-style: normal;}
h1, h2, h3, h4, h5, h6, h7 { font-size:.24rem; }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.yc{text-indent:-9999em;display:block}
.dh{width:0;height:0;}
.last{margin-right: 0}
.fl{float:left}
.fr{float:right}
.hidden{display: none;}
a{ text-decoration:none; cursor:pointer;color: #000;}
.overflow{ overflow:hidden;}
em, i{font-style:normal;}
/*网站公用样式表*/
a{color:#333333; text-decoration:none;}
a:hover{ color:#333333; text-decoration:none; }
.w980{width:980px; margin:0px auto;}
.blue{ color: #087fcf;}
/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
.icon{background: url(../images/icon.png) no-repeat;background-size:2.4rem auto; vertical-align:middle; }

.td{border: 1px solid #666; }

/*清除浮动*/
.fl { float:left; }
.fr { float:right; }
.clear,.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
em{font-style: normal;}
s,i{font-style: normal;}
#top_main,#toolbar{min-width:320px;max-width:640px;}
/*==========@@HTML默认  结束@@==========*/

/*==========@@公共模块 开始@@==========*/
#top_main{width:100%; *zoom:1;background: #fff;}
#top{height:1.45rem;overflow: hidden; width:100% ; padding: 2% 2% 1.5%;}
#top .weblogo{width:50%;float:left; margin-top:.1rem ;}
#top .weblogo img{max-width: 100% !important;  display: block;/* height: .84rem;*/ }
#top .webtel{float:left;width:50%;margin-top:0.14rem;padding-left:3%;color: #333; }
#top .webtel h2{font-weight: normal;font-size:0.22rem;line-height:0.36rem;overflow:hidden; color:#494949; }
#top .webtel p{font-size:0.26rem; height:0.44rem; line-height: .44rem;  overflow:hidden;  }
#top .webtel a{font-size:0.34rem;color: #f27000;  font-family:"impact";  font-weight: normal;height:.44rem; line-height: .5rem;display: block; white-space:nowrap; }
#top .webtel p em{font-size:0.22rem;}

/* 导航 */
#nav_main{width:100%; background: #ffffff;   box-sizing: border-box; -webkit-box-sizing:border-box;  ; -moz-box-sizing: border-box;}
#nav_main #nav{line-height: 0.33rem; position: relative; background-color: #0062c5; padding:3% 2%; }
#nav_main #nav li{float:left;width:25%; height: 0.52rem;line-height: 0.52rem;display: block;text-align: center;font-size: 0.22rem; }
#nav_main #nav li:nth-child(1) a{ background: none;}
#nav_main #nav li:nth-child(5) a{ background: none;}
#nav_main #nav li a{ display: block; }
#nav_main #nav li a{color: #fff; display:block;  padding:0 3%; font-size:.28rem; }
#nav_main #nav li.cur{background-color:#f07002; }
#nav_main #nav li.cur a{color:#FFFFFF ;}
#nav_main #nav li:hover{background-color:#f07002;}
#nav_main #nav li:hover a{color:#FFFFFF ;}
/* 广告位 */
.bannerBox{width:100%; overflow:hidden; padding-bottom:.24rem; }
.banner { width:100%;  position:relative; overflow: hidden;}
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%;  }
.banner .tip { width:100%; height:.3rem;  text-align:center; clear:both; display:none; position:absolute; left:0; bottom:6%; z-index:2; }
.banner .tip span{float:none; display:inline-block;  width:.3rem; height:.3rem;  color:#fff; font-size:.18rem; line-height: .3rem; text-align: center; 
  background:#0b69c9; border-radius:0; margin:0 .05rem; }
.banner .tip span:last-child{margin:0 .1rem; }
.banner .tip span.cur {  background:#f07002; }
/*版权信息*/
#footer_main{text-align:center;width: 100%;height:1.0rem;}
#footer2 a{color: #ececec;}


/* 工具栏 */
#toolbar{height:1.2rem; background:#0062c5;}
#toolbar {position:fixed;bottom:0;width:100%;z-index: 888;}
#toolbar .list { width:100%; }
#toolbar .list li { float:left; width:25%; text-align:center;}
#toolbar .list li:first-child { border-left:0; }
#toolbar .list a { display:block; height:1.2rem; line-height:0.24rem; font-size:0.26rem;padding-top: 0.2rem;}
#toolbar .list a:hover{background:#0972dd}
#toolbar .list li:active { background:#0972dd; }
#toolbar .list li.cur{background:#006AB7; }
#toolbar .list a s{margin-left: auto; margin-right: auto;width:0.38rem;height: 0.38rem;display: block;}
#toolbar .list a span{text-align: center;color: #fff; padding-top: 0.15rem; display: block;}
#toolbar .list a .too-home{background: url(../images/bt_home.png) no-repeat;  background-size:auto .36rem; }
#toolbar .list a .too-map {background: url(../images/bt_map.png) no-repeat;  background-size:auto .37rem;  }
#toolbar .list a .too-tel{background: url(../images/bt_tel.png) no-repeat;  background-size:auto .36rem;  }
#toolbar .list a .too-qiao{background: url(../images/bt_zixun.png) no-repeat; background-size:100% .36rem;  }

/*==========@@页面布局  开始@@==========*/
#search_main{ width: 100%;margin: .28rem auto;height:0.8rem;}
#search_main #search{width: 96%; margin: 0 auto;}
#search input{display:block; float: left; font-family: "微软雅黑"; margin-top: .1rem;}
#search .txt{border:1px solid #cccccc; ;width:60%;height:0.6rem;line-height:0.6rem;margin-right:1%; padding:0 2%;color:#333;font-size: 0.22rem; background-color: #f0eeee;   margin-left: 8%;} 
#search .searchbtn{ cursor:pointer;background: #0b69c9;border:none;font-size: 0.24rem; width:22%; height:0.6rem;line-height:0.6rem;color: #fff;text-align:center;}

.index #floor_1_main,.index #floor_2_main,.index #floor_3_main,.index #floor_4_main,.index #floor_5_main,.index #floor_6_main,.index #floor_7_main,.index #floor_8_main{width:100%;margin: 0 auto;}
.index #floor_1_main,.index #floor_2_main{width:100%; background: #fff;}
.index #floor_1_main,.index #floor_3_main{padding-top:3%;}
.index #floor_1_main #floor_1,.index #floor_3_3{width: 100%; margin: 0 auto;}
.index .ititleBox .title_1{height:.7rem;line-height:.7rem;color: #0b69c9;position:relative; width: 100%;margin: 0 auto; border-bottom:1px solid #0b69c9; text-align: center; }
.index .ititleBox .title_1 h2{font-size: 0.38rem;font-weight: bold;padding:0  0.1rem;display: inline-block; border-bottom:3px solid #0b69c9; margin-top: -2px; }
.index .ititleBox .title_1 h2 span{color:#f07002; }
.index .ititleBox{text-align: center; }
.index .ititleBox i{text-transform: uppercase;  font-style:italic;  font-weight: bold; color:#b0b0b0;  }

.index #floor_1_1{width: 96%; margin: 0 auto; padding-top: 3%;}
.index #floor_1_1 .gridlist{width: 100%; padding-top:1%; }
.index #floor_1_1 .gridlist li{width: 32%;float:left;margin-right: 2%; margin-bottom: 3%;}
.index #floor_1_1 .gridlist li:nth-child(3n){margin-right:0;}
.index #floor_1_1 .gridlist li img{width: 100% !important; display: block; }
.index #floor_1_1 .gridlist li a{display: block;}
.index #floor_1_1 .gridlist li a.img{ padding: 1%; background-color: #e7e5e5;}
.index #floor_1_1 .gridlist li h2{width:100%; text-align:center;font-size: 0.24rem;line-height: 0.55rem; color: #333333; height: .55rem; background-color: #e7e5e5;
  font-weight: normal;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; }
.index #floor_1_1 .gridlist li a.img:hover h2,.index #floor_1_1 .gridlist li a.img:hover{background-color: #0b69c9; color:#fff;}
.index #floor_1_1 dl{padding:0 2%; }
.index #floor_1_1 dl dd{float: left; width: 30.666%; height:.47rem; line-height: .47rem; background-color: #e7e5e5; margin-right: 4%;text-align: center;  margin-bottom:3%;    overflow: hidden; }
.index #floor_1_1 dl dd:nth-child(3n+0){margin-right:0;}
.index #floor_1_1 dl dd a{color:#494949; font-size:.28rem; display: block; }
.index #floor_1_1 dl dd:hover{background-color: #0b69c9;}
.index #floor_1_1 dl dd:hover a{color:#fff; } 


.index #floor_2_main{padding:7% 0 0;}
.index #floor_2_main #title_2{height:1.54rem;  text-align: center; background:url(../images/yinying.png) no-repeat center bottom #f27000; background-size:100% .15rem; }
.index #floor_2_main #title_2 h2{color: #fff;font-size: 0.22rem;  font-weight: normal;   padding-top: .14rem;}
.index #floor_2_main #title_2 h2 i{ color: #fff;   font-size:.38rem;  font-weight: bold; }
.index #floor_2_main #title_2 h6{font-size:.22rem; color:#fff; font-weight: normal; line-height: 1.1;}
.index #floor_2_main #floor_2_2{margin:3% 0 0;}
.index #floor_2_2 .service{ width: 100%;  color: #666666;padding: 0.2rem 2% 4%;  background:url(../images/youshi_bg.png) no-repeat center top; background-size:100% .36rem; }
.index #floor_2_2 .service:first-child{background:none;  }
.index #floor_2_2 .service .left_2{width:16%;font-size: 0.24rem;height: 1.5rem;padding-top: .1rem; line-height: .3rem; text-align: center;background:url(../images/iyoushi.png) no-repeat center top; 
  background-size:0.55rem auto; color:#fff;  
}
.index #floor_2_2 .service .left_2 font{display: block;}
.index #floor_2_2 .service .left_2 em{background-position:-0.68rem 0;width: 0.08rem; height: 1.4rem;display: inline-block; float: right;}
.index #floor_2_2 .service .right_2{ position: relative; }
.index #floor_2_2 .service .right_2>img,.index #floor_2_2 .service_two .left_2>img{position: absolute; right:0; top:.55rem;  max-width: 2rem; max-height: 1.73rem;}
.index #floor_2_2 .service .right_2 h3,.index #floor_2_2 .service_two .left_2 h3{font-size: 0.36rem;line-height: 1.1rem;height:1rem;font-weight: bold; color:#149100;  text-indent: 1.2rem;}
.service .right_2 h3 span,.service_two .left_2 h3 span{display: inline-block;   height: .64rem; line-height: .64rem;  color:#fff; font-size:.56rem;  text-align: center; position: relative; left: 4%;
	transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.service .right_2 h3 span em,.service_two .left_2 h3 span em{display: inline-block; width: .64rem; height: .64rem; line-height: .64rem; background-color: #149100; position: absolute; top:0; left:0; z-index:2; }
.service .right_2 h3 font,.service_two .left_2 h3 font{display: inline-block; width: .64rem; height: .64rem; background-color: #b8deb2; position: absolute; top:-5px; left:5px; z-index:1; }
.service .right_2 h3 b,.service_two .left_2 h3 b{display: inline-block; width: .64rem; height: .64rem; line-height: .64rem; color:#fff; position: absolute; z-index:3;  text-indent: 0;
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.index #floor_2_2 .service .right_2 h4,.index #floor_2_2 .service_two .left_2 h4{font-size: 0.22rem; font-weight: normal; line-height: .48rem;
	background:url(../images/damuzhi.png) no-repeat left 0.12rem; background-size:.25rem ;  padding-left:.3rem; 	}
.index #floor_2_2 .service_two{width: 100%;  color:#666666;padding: 0.2rem 2% 4%;   background:url(../images/youshi_bg.png) no-repeat center top; background-size:100% .36rem; }
.index #floor_2_2 .service_two.noLine{border-bottom:none;}
.index #floor_2_2 .service_two .left_2{position: relative;}
.index #floor_2_2 .service_two .left_2>img{left:0; top:.4rem; }
.service_two .left_2 h3 span{left:7%}
.index #floor_2_2 .service_two .left_2 h3{ padding-left:38% }
.index #floor_2_2 .service_two .left_2 h4{padding-left:47% ; background:url(../images/damuzhi.png) no-repeat 43% .12rem;  background-size:.25rem }

.index #floor_2_2 .service_two .left_2 h5{padding-left: 7%;
    background: url(../images/damuzhi.png) no-repeat 3% .12rem;
    background-size: .25rem;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: .48rem;}

.index #floor_2_2 .service_two .left_2 i{display: block;font-size: 0.12rem;color: #a8a8a8; text-transform: uppercase;line-height: 0.2rem;font-family: arial;}
.index #floor_2_2 .service_two .right_2 em{background-position:-0.87rem 0;width: 0.08rem; height: 1.4rem;display: inline-block; float: left;}
.index #floor_2_2 .service_two .right_2{width:16%;font-size: 0.24rem;height: 1.5rem;padding-top: .1rem; line-height: .3rem; text-align: center;background:url(../images/iyoushi.png) no-repeat center top; 
  background-size:0.55rem auto; color:#fff;  
}
.index #floor_2_2 .service_two .right_2 font{display: block;}
.service_two .left_2 h3.qianlan{color:#007e91 !important}
.service_two .left_2 h3.qianlan span em{background-color: #007e91;}
.service_two .left_2 h3.qianlan span font{background-color: #b2d8de;}
.service .right_2 h3.lanse{color:#005991 !important}
.service .right_2 h3.lanse span em{background-color: #005991;}
.service .right_2 h3.lanse span font{background-color: #b2cdde;}
.service_two .left_2 h3.qianlv{color:#149100 !important}
.service_two .left_2 h3.qianlv span em{background-color: #149100;}
.service_two .left_2 h3.qianlv span font{background-color: #b8deb2;}
/*iproBox*/
.iproBox{padding-top:5%; }
.iproBox .iproScorll{ width: 96%; margin:0 auto; overflow: hidden; padding-top:2%; }
.iproBox .iproScorll ul{width:100%; }
.iproBox .iproScorll li{float: left; position: relative; width: 32%; margin-left:2%; }
.iproBox .iproScorll li:nth-child(3n+1){margin-left: 0 !important;}
.iproBox .iproScorll li img{width:100%; }
.iproBox .iproScorll li p{width:100%; position: absolute; bottom:0; left:0; background:rgba(0,0,0,.7); color:#fff; text-align: center; height:.36rem; line-height: .36rem;overflow: hidden; }
.iproTip{height:.38rem; background-color: #0b69c9; padding:0 20px; border-radius:.19rem; margin:4% auto 0; width: 2.12rem; }
.iproTip span{display: inline-block; width: .28rem; height: .28rem;   margin:.05rem 10px;  background-color: #fff; border-radius:50%;   box-shadow: 1px .8px .8px 0px #001D3B;}
.iproTip span.curr{background-color: #f27000; }
/*icase*/
#floor_6_main{padding-top: 3%}
.icase{}
.icase .icase_title{height: 1.08rem; line-height: .9rem; color:#fff; font-size:.38rem; font-weight: bold;  text-align: left;padding-left: 2%; background: url(../images/yinying.png) no-repeat center bottom #0b69c9; background-size: 100% .15rem;}
.icase .icase_title>a{display: block; width: .66rem; height: .66rem; background-size:cover; float:right; margin:.15rem 6% 0 0;}

.icase .scroll { width:96%; margin:0 auto;position:relative;top: .2rem; padding-top: 2%;}
.icase .box{width:80.4%;margin:0 auto;position:relative;overflow:hidden; height:.3.86rem}
.icase .btn-l,.icase .btn-r{ display:block; height:1.9rem; width:.5rem; position:absolute;  }
.icase .btn-l{background:url(../images/icase_leftbg.png) no-repeat center; background-size:100% 1.9rem; left:0; top:50%; margin-top:-.95rem; } 
.icase .btn-r{background:url(../images/icase_rightbg.png) no-repeat center; background-size:100% 1.9rem; right:0;  top:50%; margin-top:-.95rem; }
.icase ul{position:absolute;left;0;top:0;}
.icase li{float:left;}
.icase img{width:100%; background: #fff;}

/*floor_3_main*/
.index #floor_3_main{ width: 100%; height: auto;}
.index #floor_3_main #floor_3,.index #floor_4_main #floor_4{width: 96%;margin: 0 auto;}
.index #floor_3_main #floor_1_1{ margin-top:.3rem;}

.index #floor_4_main .kehu{ width:100%; padding-bottom:.25rem; border-bottom:1px solid #e5e5e5; margin-top:.25rem;}
.index #floor_4_main .kehu a{ display:block;}
.index #floor_4_main .kehu dd{ float:left; width:25%; margin-right:2%;}
.index #floor_4_main .kehu dd img{max-width: 100% !important; display:block;}
.index #floor_4_main .kehu dt{ width:73%;float:right;}
.index #floor_4_main .kehu dt h3{font-size: 0.24rem;line-height: 0.4rem; color:#295ab6;font-weight: bold;}

.index #floor_5_1,.index #floor_6_1,.index #floor_7_1{ width:100%; margin: 0 auto; padding-top:.3rem ;}
.index #floor_5_1 .floor_5_body{width: 96%; margin:0 auto;  margin-top:.3rem;}
.index #floor_5_1 .floor_5_body .img{ width: 50%; padding:.08rem; background-color: #f2f4f3;}
.index #floor_5_1 .floor_5_body .img img{ display: block;  max-width: 100% !important; margin-right: 2%;}
.index #floor_5_1 .floor_5_body .jianjie{ width: 48%;}
.index #floor_5_1 .floor_5_body .jianjie h2{font-size: 0.26rem;line-height: 0.4rem; height: 0.4rem;color:#333333; font-weight: bold;}
.index #floor_5_1 .floor_5_body .jianjie p{font-size: 0.22rem;line-height: 0.39rem; color:#666666; }

/*about*/
/*iabout*/
.iabout{width:100%;margin:0.3rem 0 0; height:auto; padding:3% 0 0;}
.iabout .tit span{ width: auto; font-size:.18rem; display:block; padding-left:.4rem; float: left; height: .45rem;color: #0b61a4; line-height: .45rem;
border-bottom: 0.02rem solid #f4031f;background:url(../images/about_tit.png) left no-repeat;background-size: .34rem;}
.iabout .wd{font-size: 0.18rem;text-align: left;color:#000;margin:0.16rem 2%;line-height: 0.32rem;}
.iabout .about_img{width:2.07rem;height:1.8rem;  position: relative;float: left; margin-right: .16rem;  background: url(../images/iabout_bg.png) no-repeat right top; background-size:1.67rem 1.7rem;
  	padding-right:.2rem; padding-top:.08rem;   }
.iabout .wd img{width:1.87rem;height:1.52rem;display: block;  position: absolute;z-index:21;}
.iabout .wd { line-height:1.5;font-size: 0.19rem;  padding-top: 3%;}
.iabout .ihead{width:96%;height:.5rem;margin:0 auto;}
.about_x{width:30%;height:.5rem;float: left;}
.iabout .ihead .about_x i{color:#ff8400;display: block;float: left;font-size: 0.55rem;height:.5rem;line-height: .5rem;font-style:normal;}
.iabout .ihead .about_x span{ display: block;font-size: 0.18rem;height:.24rem;}
.about_y{width:70%;height:.5rem;float: right;}
.about_y .more{ float: right;display: block;line-height: .44rem; height:.44rem;}
.about_y span{width:100%;height:.06rem;background:url(../images/about_x.png) bottom;display: block;margin-top:.44rem;}
/*iabout_title*/
.iabout_title{ width:96%; height:.55rem; margin:0 auto;    border-bottom:1px solid #0b69c9; color:#0b69c9}
.iabout_title>font{  font-size:.26rem;    float: left; height: .6rem; line-height: .5rem;border-bottom:3px solid #0b69c9;  margin-top: -2px; }
.iabout_title>a.more2{ float: right; padding:0 2%;  height:.42rem;    display: block; line-height: .42rem;text-align: center; font-size:.22rem;
  background:#f07002;background-size:auto .23rem; color:#fff; 
}
/*inews*/
.index #floor_7_1 .text{ width:96%;margin:0 auto;  padding-top:5%; }
.index #floor_7_1 .text li{font-size: 0.22rem; line-height: 0.5rem; color:#fff; background-color: #0b69c9; margin-bottom:.21rem;  padding:.2rem 2%; }
.index #floor_7_1 .text li a{ color:#fff; display: block; line-height: .3rem;}
.index #floor_7_1 .text li h6{font-weight: normal; background: url(../images/riqi_bg.png) no-repeat left center; background-size: .18rem .18rem;  padding-left: .24rem; line-height: .3rem;}
/*imeesage*/
.index #floor_8_main{ margin-top: 9%;}
.index #floor_8_main .title_8{ background-color: #295ab6; width: 100%; height: .65rem; position: relative;}
.index #floor_8_main .title_8 h2{font-size: 0.26rem; line-height: 0.65rem; color:#FFFFFF; text-align: center;}
.index #floor_8_main .title_8 span{display: inline-block; width: .8rem; height: .27rem; background: url(../images/index_icon_3.jpg) no-repeat center center; background-size: .8rem .27rem; position: absolute; left:50% ; margin-left: -.4rem; top: .65rem;}
#floor_8_main #contactMsg{border:1px solid #b9b8b8; padding-top:6%; padding-bottom: 4%;  }
#contactMsg h2{font-size:.3rem; color:#f07002; padding-left: .35rem; line-height: .3rem ;}
#contactMsg h3{font-size:.3rem; font-weight: normal; color:#8b8a8a; background: url(../images/imeesges_tel.png) no-repeat .35rem center; background-size: .33rem .33rem; padding-left: .9rem;}
#contactMsg h3 a{font-size:.38rem; color:#0b69c9; font-weight: bold; }
/*在线预订*/
.ibook{width:96%;margin:0 auto;}
.ibook li{width:100%; height:0.55rem; line-height:0.55rem; font-size:0.24rem; margin:0.15rem 0;}
.ibook li.imessName{width:44%; margin-left:5%; }
.ibook li.imessTel{width:44%; margin-left:2%; }
.ibook span{float:left; width:24%; text-align:center; text-align:center; display:inline-block; height:0.55rem; color:#333333 ; }
.ibook .cos_con span{width:15.5%;  text-indent:4%;}
.ibook input{ border:1px solid #dbdbdb ; background-color:#f5f5f5 ; padding:0; outline:none; margin:0; height:0.55rem; -moz-border-radius: .02rem;border-radius: .02rem;border-radius: .02rem;-webkit-border-radius:.02rem;}
.ibook .txt{ float:left; width:74%;  line-height:0.55rem;font-size:0.24rem;color:#d7d7d7; text-indent:.1rem;}
.ibook li #textarea{  border:1px solid #dbdbdb ; background-color:#f5f5f5 ; width:79%; -moz-border-radius: .02rem;border-radius: .02rem;border-radius: .02rem;-webkit-border-radius:.02rem; margin-left:0 ;}
.ibook li.cos_con{height:1.1rem; line-height:0.5rem; }
.ibook li.imgcode{margin:0.2rem 0;}
.ibook li.imgcode .txt{ float:left; width:35%; border:0.02rem solid #ddd; line-height:0.5rem;padding-left:2%;font-size:0.22rem;color:#d7d7d7;}
.ibook .code{float:left;width:5%;border:none; height:0.3rem; line-height:0.3rem;padding-left:1%;margin-left:2%;}
.ibook .cos_code img{float:left;width:2%;line-height:0.3rem; }
.ibook .sub{ margin:0 auto; border:none;height:0.55rem; width:100%; text-align:center; color:#fff; cursor:pointer; font-size:0.24rem; line-height:0.55rem; font-weight:bold; 
  	}
.ibook .inputErr{color:#ff0000;}
.ibook #yanzheng{text-indent:.2rem;height:0.55rem; line-height:0.55rem; width: 1.44rem;}
.ibook .cos_con_y{ width:100%;margin-top: .4rem;}
.ibook .cos_con_y .img{width:1.48rem; margin-left:2%;border:1px solid #dbdbdb ; -moz-border-radius: .02rem;border-radius: .02rem;border-radius: .02rem;-webkit-border-radius:.02rem;}
.ibook .cos_con_y img{max-width: 100% !important;display:block; height:.55rem;}
.ibook .tijiao_box{ margin-left: 24%; line-height: 0.55rem;text-align: center; font-weight: bold;  width: 76%; }
.ibook .tijiao_box .tijiao{ color:#FFFFFF; font-size: 0.26rem; width:36%; -moz-border-radius: .02rem;border-radius: .02rem;border-radius: .02rem;-webkit-border-radius:.02rem; background-color: #0b69c9; height:.55rem; border: none; margin-right:3%;}
.ibook .tijiao_box .chongzhi{ font-size: 0.26rem; width: 36%; -moz-border-radius: .02rem;border-radius: .02rem;border-radius: .02rem;-webkit-border-radius:.02rem; background-color:#d0d0d0; height:.55rem; border: none; }

.mf_weixin{ padding-top: 6%; width: 100%; text-align: center;}
.mf_weixin h2{color:#333333;font-size: .24rem;  line-height:.45rem;}
.mf_weixin h2 a{color:#333333;}
.mf_weixin h2 img{display: block; width: 60%; margin:0 auto;; }
/*goTop*/
.goTop{width: 96%; height:.54rem; line-height: .54rem;  margin:6% auto 0;  background-color: #f07002; color:#fff; text-align: center;  }
.goTop span{display: inline-block; height:.54rem; line-height: .54rem;}
.goTop span:after{content:"";  margin-left:.1rem;  display: inline-block; width: .16rem; height: .27rem; background: url(../images/goTop.png) no-repeat center;  background-size:cover; vertical-align:middle; }
/***********************************
 *** 网站内容
 **********************************/

.wrapper { width:100%; background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding:0 0 .5rem; }
.itit{background:#e4e4e4;height:0.7rem;line-height:0.7rem;color: #fff;width: 100%;margin:4% auto 0; }
.titc{height:0.7rem;position:relative; background: url(../images/ititle_bg.jpg) no-repeat right center;
  background-size: 100% .7rem;
}
.co_tilte{height:.7rem;line-height:.7rem;color: #fff;position:relative;background:#e4e4e4;width: 100%;margin:4% auto 0;
	background:url(../images/ititle_bg.jpg) no-repeat right center;background-size:100% .7rem;
}
.co_tilte h2,.itit h2{font-size: 0.26rem;font-weight: bold;padding:0  0.5rem 0 0.3rem;display: inline-block;} 
.co_tilte a,.itit a{ float:right;width:15%;color: #bfbfbf; text-align: center;text-transform:Capitalize;-moz-border-radius:0.3rem;-webkit-border-radius:0.3rem;border-radius:0.3rem;border:1px solid #cccccc;font-size: 0.18rem;line-height: 0.3rem;font-family: "bookman old style";height:0.3rem;margin: 0.08rem 0.1rem 0 0;}
.showmenu{float:right;color:#fff;padding-right:0.2rem;}
.pro_list{ width:100%; margin:0.2rem auto;display:none;}
.pro_list ul{width:96%; margin:0 auto;}

.pro_list li{float: left;
    width: 45%;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 2%;
    padding: 0 1%;
    overflow: hidden;
    background: #e1e1d9;}

.pro_list li.current{    background-color: #0062c5;}

.pro_list li.current a{color: #fff;}

.pro_list li a{ color: #333;
    display: block;
    font-size: 0.24rem;
    /* background: #e1e1d9; */
    text-align: center;}
.pro_list li a:hover{display:block; font-weight:bold;color:#fff;background:#006AB7;}
/* 图片列表 4:3 */
.list-product { width:100%; min-height:4rem; background:none; }
.list-product .list { padding:5% 0 3%; }
.list-product .item { float:left; width:47%; margin:0 0 2% 2%; padding:0; background:#fff; }
.list-product .item:active,.list-product .item:hover { background-color:#f1f1f1; }
.list-product .item a { display:block; color:#000; }
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; position:relative; background:#f6f6f6; overflow:hidden;border:1px solid #ddd;  }
.list-product .item img { position:absolute; left:0; top:0; width:100%; min-height:100%;padding:2px; }
.list-product .item h3 { height:.7rem; line-height:.7rem; font-weight:400; text-align:center; background:#006AB7;color:#fff;     overflow: hidden;}

/* 图片列表 3:4 */
.list-product2 { width:100%; background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding-bottom:0rem; }
.list-product2 .list { padding:2% 0; margin-bottom:3%; background:#174763; }
.list-product2 .item { float:left; width:30.66666%; margin:0 0 0 2%; }
.list-product2 .item figure { display:block; width:100%; height:auto; padding-bottom:133%; position:relative; overflow:hidden; background:#2f6781; }
.list-product2 .item figure img { position:absolute; left:0; top:0; width:100%; }
.list-product2 .item span { display:block; height:.7rem; line-height:.7rem; text-align:center; font-size:.26rem; }

/* 图文列表 1:1 */
.list-case { width:100%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding-bottom:.5rem; }
.list-case .list { padding:2% 2% 3%; }
.list-case .item { width:auto; padding:0 2%; margin-bottom:2%; background:#441f12; }
.list-case .item:active,.list-case .item:hover { background:#f1f1f1; }
.list-case .item a { display:block; height:1.6rem; padding:.2rem .5rem .2rem 1.4rem; position:relative; }
.list-case .item a:before { content:''; width:.3rem; height:.50rem; background:url(../images/arrow-right-white.png) left center no-repeat; background-size:contain; position:absolute; right:0; top:50%; margin:-.25rem 0 0; }
.list-case .item figure { display:block; width:1.2rem; height:1.2rem; border-radius:50%; position:absolute; left:0; top:.2rem; border:2px solid #ddd;  background:#f1f1f1; overflow:hidden; }
.list-case .item figure img { position:absolute; left:0; top:0; width:100%; }
.list-case .item h3 { font-size:.28rem; padding:0 0 .05rem; font-weight:400; }
.list-case .item p { height:.75rem; opacity:0.8; overflow:hidden; }

/* 图文列表2 4:3 */
.list-case2 { width:100%; box-shadow:0 1px 2px rgba(0,0,0,0); padding-bottom:0rem; }
.list-case2 .list { padding:1px 0 3% 0; }
.list-case2 .item { width:auto; padding:0 2%; }
.list-case2 .item:active,.list-case2 .item:hover { background:#ddd; }
.list-case2 .item a { display:block; height:1.6rem; padding:.2rem 0 .2rem 1.8rem; position:relative; border-bottom:1px solid #ddd; }
.list-case2 .item figure { display:block; width:1.6rem; height:1.2rem; position:absolute; left:0; top:.2rem; overflow:hidden; background:#fff; }
.list-case2 .item figure img { position:absolute; left:0; top:0; width:100%; }
.list-case2 .item h3 { font-size:.26rem; color:#333; line-height:.32rem; margin-bottom:.05rem; font-weight:400;  }
.list-case2 .item p {color:#999; height:.9rem; font-size:.2rem; line-height:.38rem; overflow:hidden; }

/* 图文列表3 3:4 */
.list-case3 { width:100%; background:#174763; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding-bottom:.5rem; }
.list-case3 .list { padding:1px 0 3% 0; }
.list-case3 .item { width:auto; padding:0 2%; }
.list-case3 .item:active,.list-case3 .item:hover { background:#f1f1f1; }
.list-case3 .item a { display:block; height:2.4rem; padding:.2rem 0 .2rem 1.7rem; position:relative; border-bottom:1px solid #2f6781; }
.list-case3 .item figure { display:block; width:1.5rem; height:2rem; position:absolute; left:0; top:.2rem; overflow:hidden; background:#2f6781;}
.list-case3 .item figure img { position:absolute; left:0; top:0; width:100%; }
.list-case3 .item h3 { font-size:.28rem; margin-bottom:.05rem; font-weight:400; }
.list-case3 .item p { opacity:0.7; height:1.5rem; overflow:hidden; }

/* 标题列表 */
.list-news { width:100%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding-bottom:.5rem; }
.list-news .list { width:100%; padding:3% 2% 2%; }
.list-news .item { padding:0 2%; height:.8rem; line-height:.8rem; background:#FFF; box-shadow:0 1px 3px rgba(0,0,0,0.3); margin-bottom:2%; border-radius:3px; position:relative; }
.list-news .item:active,.list-news .item:hover { background-color:#f1f1f1; }
.list-news .item a { display:block; font-size:.26rem; padding:0 .2rem 0 1rem; }
.list-news .item span { position:absolute; left:0; top:0; background:#ff9c00; color:#FFF; border-radius:3px 0 0 3px; width:1rem; text-align:center; }

/* 文字组列表 */
.list-news2 { width:100%;  }
.list-news2 .list { padding:.2rem 0 5% 0; }
.list-news2 .list:empty { display:none; }
.list-news2 .item { width:auto; padding:0 2%; }
.list-news2 .item:active,.list-news2 .item:hover { background:#ddd; }
.list-news2 .item a { display:block; height:1.4rem; padding:.2rem 0 .2rem 0rem; position:relative; border-bottom:1px dotted #c0d0d9; }
.list-news2 .item figure { position:absolute; left:0; top:.35rem; width:1.4rem; text-align:center; }
.list-news2 .item figure span, .inews .list figure b { display:block; color:#6a4f40; font-size:.28rem; line-height:1.4; }
.list-news2 .item figure b { font-size:.34rem; color:#c8a48e; }
.list-news2 .item h3 { font-size:.26rem; color:#333; line-height:.32rem; margin-bottom:.08rem; font-weight:400;  }
.list-news2 .item p {  height:.6rem; color:#999;  font-size:.2rem; line-height:.3rem; overflow:hidden; }

/* 图文详情 */
.case-view { width:100%; height:auto; overflow:hidden; margin-top:.2rem; text-align:center;  }
.case-view img { display:inline; max-width:100%; text-align:center; }
.case-content { background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding-bottom:.5rem; }
.case-content h1 { padding:.2rem 2% 0; font-size:.35rem; line-height:1.4; text-align:center; }

/* 产品详情 */
.product-view { width:100%; height:auto; overflow:hidden; margin-top:.2rem; text-align:center; }
.product-view img { display:inline; max-width:100%;}
.product-view h1{ font-size:.3rem; color:#333;   text-align:center; }
.product-content { background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding-bottom:.5rem; }
.product-content .title { background:#35a204; position:relative; }
.product-content h1 { padding:.2rem 1rem .2rem .2rem; color:#fff; font-size:.3rem; height:.8rem; line-height:.4rem; overflow:hidden; }

/* 文章详情 */
.news-content { background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding:.2em 0 .5rem; }
.news-content h1 { padding:.2rem 2% .1rem; font-size:.26rem; line-height:1.4; }
.news-content .rap { border-bottom:1px solid #ddd; margin:0 2%; color:#999; font-size:.2rem; }
.news-content .rap span { margin-right:.2rem; }

/* 百度地图 */
.location { position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; background:#fff; visibility:hidden; }
.location .map { position:absolute; top:0; left:0; bottom:1rem; right:0; z-index:97;  }
.location .address { position:absolute; left:0; bottom:1.2rem; right:0; padding:.2rem .2rem; background:#383838; z-index:98; box-shadow:0 -.05rem .05rem rgba(0,0,0,.2); }
.location .address p { height:.6rem; line-height:.3rem; margin:0 .8rem 0 0; color:#fff; overflow:hidden; opacity:.5; }
.location .close { position:absolute; right:.2rem; bottom:1.4rem; width:.6rem; height:.6rem; text-align:center; font-size:.4rem; z-index:99; background:url(../images/map-close.png) center center no-repeat; background-size:.35rem; border:.02rem solid #aaa; border-radius:50%;  }
/* .location .close:active,.location .close:hover { background:#f1f1f1; } */
.BMap_bubble_title a { display:inline-block; height:.6rem; line-height:.6rem; padding:0 .3rem; color:#FFF; background:#999; border-radius:.03rem; margin-bottom:.05rem; font-size:.28rem; }
.BMap_bubble_title a:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }
.BMap_bubble_content { line-height:1.1; padding-top:.1rem;}

/* 百度分享 */
.baiduShare { position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000; background:rgba(0,0,0,0.3); display:none; }
.baiduShare .cancel, .baiduShare .main { position:absolute; left:0; width:100%; border-radius:0px;  }
.baiduShare .main { bottom:.8rem; padding:3% 0; background:rgba(255,255,255,0.95); }
.baiduShare .cancel { bottom:0; height:.8rem; line-height:.8rem; font-size:.26rem; font-weight:700; color:#2078d3; background:#f1f1f1;  text-align:center; border-top:1px solid #e5e5e5; }
.baiduShare .group { width:100%; padding:3% 0; height:1rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; display:-moz-box; -moz-box-align:center; -moz-box-pack:center; display:-ms-box; -ms-box-align:center; -ms-box-pack:center; display:box; box-align:center; box-pack:center; }
.baiduShare .group li { -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1; width:32px; }
.baiduShare .group a { width:.6rem; height:.6rem; margin:0 auto; float:none; display:block; background:url(../images/ico-share_402x.png) center 0 no-repeat; background-size:.6rem;  }
.baiduShare .group a:hover { opacity:0.7; }
.baiduShare .main, .baiduShare .cancel { -webkit-transform:translate(0, 240px); -moz-transform:translate(0, 240px); -ms-transform:translate(0, 240px); transform:translate(0, 240px); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
.baiduShare.ease .main, .baiduShare.ease .cancel { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); }
.baiduShare .cancel.hover { background:#e5e5e5; }
.baiduShare a.bds_weixin { background-position:center 0; }
.baiduShare a.bds_sqq { background-position:center -.6rem; }
.baiduShare a.bds_qzone { background-position:center -1.2rem; }
.baiduShare a.bds_tsina { background-position:center -1.8rem; }
.baiduShare a.bds_tqq { background-position:center -2.4rem; }
.baiduShare a.bds_tieba { background-position:center -3rem; }
.baiduShare a.bds_renren { background-position:center -3.6rem; }
.baiduShare a.bds_douban { background-position:center -4.2rem; }
.baiduShare a.bds_meilishuo { background-position:center -4.8rem; }
.baiduShare a.bds_duitang { background-position:center -5.4rem; }
.baiduShare a.bds_huaban { background-position:center -6rem; }
.baiduShare a.bds_mogujie { background-position:center -6.6rem; }

/* 栏目面包屑 */
.sitepath { height:.7rem; line-height:.7rem; background:#2f3f56; position:relative; box-shadow:0 2px 2px rgba(0,0,0,0); }
.sitepath h2 { margin:0 1.5rem 0 .15rem; color:#c3dbf3; font-size:.28rem; }
.nytit{ position:relative; margin-top:.3rem; margin-bottom:0;}
.nytit .showmenu { position:absolute; right:.15rem; top:0; padding:0 .1rem 0 .1rem; color:#fff;  display:none; }
.nytit .showmenu:after { content:''; position:absolute; right:0; top:.18rem; width:.3rem; height:.3rem; background:url(../images/arrow-down.png) center center no-repeat; background-size:.25rem; margin-left:.08rem; }
.nytit .showmenu.current:after { transform:rotate(180deg); }
/* 内容格式化 */
[ig-article] { text-align:justify; padding:.3rem 2% 2%; line-height:.38rem; background:none; }
[ig-article] img { max-width:100% !important; height:auto !important; display:block; margin:10px auto; }

/* 关联链接 */
[ig-link] { width:96%; display:block; margin:0 auto; position:relative; top:.2rem; overflow:hidden; }
[ig-link] .prev, [ig-link] .next { width:49%; height:.7rem; line-height:.7rem; text-align:center; border:.03rem solid #999; background:#fff; color:#999; font-size:0.26rem; border-radius:3px; }
[ig-link] .next { position:absolute; right:0; top:0; }
[ig-link] a { display:block; height:.7rem; color:#999; }
[ig-link] div:active,[ig-link] div:hover { background:#f1f1f1; }

/* 订购产品 */
.com-order { padding:.3rem 0 0;   }
.com-order .head { margin:0 4%; position:relative;  }
.com-order .head:before { content:''; width:100%; height:1px; background:#3f98d7; position:absolute; left:0; top:.3rem; }
.com-order .head span { height:.6rem; line-height:.6rem; background:#227dca; color:#fff; display:inline-block; padding:0 .2rem 0 0; font-size:.28rem; font-weight:700; position:relative; }
/* .com-order .txt, .com-order .text { border-color:#fff !important; } */

/* 相关数据 */
.com-recommend {  }
.com-recommend .head { margin:0 2%; position:relative;  }
.com-recommend .head:before { content:''; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:.3rem; }
.com-recommend .head span { height:.6rem; line-height:.6rem; background:#fff; color:#3f98d7; display:inline-block; padding:0 .2rem 0 0; font-size:.28rem; font-weight:700; position:relative; }
/* 提交表单 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#aaa; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#aaa; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#aaa; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; } 
.detail_book { padding:4%; overflow:hidden; }
.detail_book li { margin-bottom:.2rem; float:left; width:100%; font-size:1.2em; }
.detail_book .txt, #formPost .text { width:100%; padding:0 3%; line-height:.7rem; background:#fff; border:.02rem solid #ddd; border-radius:1px; font-size:.2rem; }
.detail_book .txt:focus, #formPost .text:focus { border-color:#aaa; }
.detail_book .text { height:2rem; line-height:.3rem; padding:3%; }
.detail_book .submit { width:100%; height:.7rem; line-height:.7rem; background:#006AB7; border:0 solid #006AB7; border-radius:1px; font-size:.22rem; color:#fff; text-align:center; }
.detail_book .submit:active,#formPost .submit:hover { background:#295ab6; }
/* 页面细节 */
[ig-hide] { display:none; }
[ig-cut] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
[ig-load] { display:none; width:96%; height:.6rem; color:#fff; line-height:.6rem; text-align:center; margin:0 2% .4rem; opacity:1; background:#EB7400; }
[ig-load]:active,[ig-load]:hover { background:#333; }
[ig-load]:empty { display:none !important;  }
[ig-null], [ig-loading] { display:block; width:100% !important; padding:0 2% !important; height:.8rem; line-height:.8rem; overflow:hidden; background:none; opacity:1; }
[ig-console] { position:fixed; left:0; top:0; width:100%; height:.8rem; line-height:.8rem; z-index:99; background:rgba(255,72,72,.9); text-align:center; color:#FFF; font-size:.26rem; overflow:hidden; visibility:hidden; }
.ig-hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.05) inset; }
.pager { display:none; }
.api {  content:'4DD845D1BB619BEEFB641EC49A7D8735'; }
.baiduMap{margin: 0.2rem auto; border-radius:0.05rem; line-height:0.29rem; font-size: 0.22rem;height:3rem;overflow:hidden;width:96%; }
.BMap_bubble_title a{display: inline-block; padding: 0 0.2rem; height: 0.5rem; line-height:0.5rem; border-radius: 0.1rem;color: #FFF; background:#999;}


/***********************************
 *** 动画
 **********************************/

@-webkit-keyframes show_smaller{
	0%{
		visibility:visible;
		opacity:0; 
		-webkit-transform:scale(2,2);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:scale(1,1);
	}
}
@keyframes show_smaller{
	0%{
		visibility:visible;
		opacity:0; 
		-webkit-transform:scale(2,2);
		   -moz-transform:scale(2,2);
			-ms-transform:scale(2,2);
				transform:scale(2,2);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
			-ms-transform:scale(1,1);
				transform:scale(1,1);
	}
}
@-webkit-keyframes hide_smaller{
	0%{
		visibility:visible;
		opacity:1; 
		-webkit-transform:scale(1,1);
	}
	99%{
		visibility:visible;
		opacity:.5; 
		-webkit-transform:scale(0,0);
	}
    100%{
		visibility:hidden;
		opacity:1; 
		-webkit-transform:scale(0,0);
	}
}
@keyframes hide_smaller{
	0%{
		visibility:visible;
		opacity:1; 
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
			-ms-transform:scale(1,1);
				transform:scale(1,1);
	}
	99%{
		visibility:visible;
		opacity:.5; 
		-webkit-transform:scale(0,0);
		   -moz-transform:scale(0,0);
			-ms-transform:scale(0,0);
			transform:scale(0,0);
	}
    100%{
		visibility:hidden;
		opacity:.5; 
		-webkit-transform:scale(0,0);
		   -moz-transform:scale(0,0);
			-ms-transform:scale(0,0);
			transform:scale(0,0);
	}
}
@keyframes show_nav{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(100%);
		   -moz-transform:translateX(100%);
			-ms-transform:translateX(100%);
				transform:translateX(100%);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(0);
		   -moz-transform:translateX(0);
			-ms-transform:translateX(0);
				transform:translateX(0);
	}
}
@keyframes hide_nav{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(0);
		   -moz-transform:translateX(0);
			-ms-transform:translateX(0);
				transform:translateX(0);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(100%);
		   -moz-transform:translateX(100%);
		    -ms-transform:translateX(100%);
		        transform:translateX(100%);
	}
}
@-webkit-keyframes warm {
	0%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
	}
	30%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
	}
	70%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
	}
}
@keyframes warm {
	0%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
		   -moz-transform:translate(0,-1rem) scale(1,.5);
			-ms-transform:translate(0,-1rem) scale(1,.5);
				transform:translate(0,-1rem) scale(1,.5);
	}
	30%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
		   -moz-transform:translate(0,0) scale(1,1);
			-ms-transform:translate(0,0) scale(1,1);
				transform:translate(0,0) scale(1,1);
	}
	70%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
		   -moz-transform:translate(0,0) scale(1,1);
			-ms-transform:translate(0,0) scale(1,1);
				transform:translate(0,0) scale(1,1);
	}
	100%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
		   -moz-transform:translate(0,-1rem) scale(1,.5);
			-ms-transform:translate(0,-1rem) scale(1,.5);
				transform:translate(0,-1rem) scale(1,.5);
	}
}

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
/***********************************
 *** 设备适配
 **********************************/
/*字体*/ 
@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width:420px) {
    html {
        font-size:65.625px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:59px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}
 /** 自定义字体******************************/

@font-face {
  font-family: helv;
  src: url("../font/helv.eot");
  src: url("../font/helv.eot@#iefix") format("eot"), 
  	   url("../font/helv.ttf") format("truetype");
}
@font-face {
  font-family: impact;
  src: url("../font/impact.eot");
  src: url("../font/impact.eot@#iefix") format("eot"), 
  	   url("../font/impact.ttf") format("truetype");
}
.BMap_bubble_content{font-size:12px;line-height:16px;}