

/* CSS Document */
 
html{height:100%; font-size:40px;}
input,textarea{-webkit-user-select:text;}
a{color:#000;padding:0;text-decoration:none;cursor:pointer;font-family: 'icomoon',微软雅黑,'microsoft yahei',宋体,新宋体;}
img{border:0;max-width:100%;max-height:100%;vertical-align:top;}
input[type="radio"],input[type="checkbox"]{vertical-align:-2px;}
body{max-width:640px; width:100%;overflow-x:hidden;overflow-y:auto;font-size:.7rem;height:100%;background:#fff;margin:0 auto;}
*{ margin:0; padding:0;}
.zbox{max-width:640px; width:100%;margin:0 auto; height:auto; overflow:hidden;}
 
/*顶部开始*/
.t1{max-width:640px;width:100%;background:#FFFFFF;height:2.5rem; margin:0 auto;}
.logo{width:7.85rem; height:1.55rem; float:left; margin:.5rem 0 0 .5rem;}
.logo img{ width:100%; height:100%;}
#tnav{width:1.25rem; height:0.875rem; float:right; margin:.8rem .5rem 0 0;}
#tnav img{width:100%; height:100%;}
li{list-style: none;}
li img{display: block;margin:0 auto;}
 
 
/*内页顶部*/
.nbt{max-width:640px;width:100%; height:2rem; overflow:hidden; position:fixed; top:0; left:0; margin:0 auto; z-index:199999999;} 
.nbt span{ display:block; float:left; line-height:1.5rem; font-size:.7rem; color:#999999; margin-left:.1rem;}
.goback{ height:1.5rem; position:absolute; z-index:99; top:.25rem; left:1rem;}
.goback i{ display:block; float:left; width:1.5rem; height:1.5rem;}
.goback img{ width:100%; display:block; float:left;}
.fenxiang{ height:1.5rem; position:absolute; z-index:99; top:.25rem; right:1rem;}
.fenxiang i{ display:block; float:left; width:1.5rem; height:1.5rem;}
.fenxiang img{ width:100%; display:block; float:left;}
.nt1{max-width:640px;width:100%;background:#282828; height:9rem; overflow:hidden; margin:0 auto; position:relative; }
.nt1 img{ width:100%;}
.nt3{max-width:640px;width:100%; height:2rem; overflow:hidden; margin:0 auto;position:relative;}
.nbiaoti{ width:100%; max-width:640px; height:auto; height:2rem; line-height:2rem;  overflow:hidden; background:#EC008C; border-top:#DB0082 1px solid;}
.nbiaoti h1{font-size:.6rem; color:#fff; display:block; float:left; margin-left:1rem; font-weight:normal;}
 
 
 
/*内页顶部浮动菜单*/
.mui-bar-nav{box-shadow:none; background:rgba(255,255,255,0)}
.mui-bar-nav.active{
    background:rgba(255,255,255,  1);
    transition: background 0s;
         * Firefox   4 */
           -moz-transition:background 0s;
         /* Safari and Chrome */
         -webkit-transition:background 0s;
         /* Opera */
          -o-transition:background 0s;
          border-bottom:#CCCCCC 1px solid; 
}
 
 
 
 
/*常规导航*/
.nav{ width:100%; max-width:640px; height:auto; overflow:hidden; background:#f0f0f0; border-top:#CCCCCC 1px solid;}
.nav a{ display:block; float:left; width:16.6%; text-align:center; line-height:2rem; color:#333; font-weight:bold; line-height:2rem;}
 
/*幻灯片*/
.slideBox{ position:relative; width:100%; height:9rem; overflow:hidden; margin:0 auto; }
.slideBox .hd{ position:absolute; height:1.6rem; line-height:1.6rem; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBox .hd li.on{ background:#EC008C;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ width:100%;  height:9rem; display:block;   }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); /* 取消链接高亮 */ }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:.25rem; height:1.6rem; line-height:1.6rem; background:url(../images/focusBg.png); color:#fff; font-size:.7rem}
 
/*简介*/
.k20{ width:100%; height:.5rem; margin:0 auto;}
.intro{width:100%;max-width:640px; margin:0 auto; height:auto; overflow:hidden;}
.lmbt{ width:15rem; height:1rem; margin:0 auto; line-height:1rem; background:url(../images/01.jpg) center no-repeat; text-align:center; font-size:1rem; color:#000000;}
.lmfb{ width:100%; height:.7rem; line-height:.7rem; text-align:center; color:#999999; font-size:.5rem;}
.introc{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding:0 .5rem 0 .5rem; font-size:.6rem; color:#888; line-height:.9rem; text-indent:2em;}
.introc span{ color:#333; font-weight:bold;}
.lxdh{ width:15rem; height:1.7rem; background:#EC008C; margin:0 auto; 
     -moz-border-radius:.9rem;
    -webkit-border-radius:.9rem;
    border-radius:.9rem;}
.lxdh i{ display:block; float:left; margin:.3rem .5rem .3rem .5rem; width:5.25rem; height:1.05rem;}
.lxdh i img{ width:100%;}   
.lxdh p{display:block; float:left; height:1.05rem; line-height:1.05rem; font-size:1rem; color:#FFFFFF;margin:.3rem 0 0 0;}
 
/*服务项目*/
.service{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#F9F9F9; border-top:#E7E5E2 1px solid;}
.service ul{ float:left; margin:0.95rem 0 0 .95rem; height:auto; overflow:hidden;}
/*
.service ul li{ float:left; width:4.35rem; height:7rem; margin-right:0.6rem;margin-bottom:1rem;}
.service ul li i{ display:block; width:1.75rem; height:1.55rem; margin:0 auto;}
.service ul li i img{ width:100%;}
.service ul li h1{ display:block; width:100%; height:1.5rem; line-height:1.5rem; color:#333333; font-size:.6rem; text-align:center;}
.service ul li p{ display:block; width:100%; height:auto; overflow:hidden; font-size:.5rem; line-height:.7rem; color:#999999;}
*/
 
.service ul li{ float:left; width: 14rem; height:3.1rem; margin-right:0.6rem;margin-bottom:1rem;}
.service ul li i{ display:block; width:1.75rem; height:1.55rem; float:left; margin-top:.5rem;}
.service ul li i img{ width:100%;}
.service ul li h1{ display:block; width:11.5rem; height:1.55rem; line-height:1.55rem; color:#333333; font-size:.6rem; text-align:left; float:right;}
.service ul li p{ display:block; width:11.5rem;height:auto; overflow:hidden; font-size:.5rem; line-height:.7rem; color:#999999; float:right;}
 
     
/*案例开始*/
.casebt{ width:100%;max-width:640px; height:4.1rem; margin:0 auto; position:relative;}
.casebtimg{ width:100%; height:4.1rem; left:0; top:0; z-index:1; position:absolute;}
.casebtimg img{ width:100%;}
.casebtc{ width:15rem; height:2.75rem; position:absolute; z-index:2; left:.5rem; top:.8rem;}
.lmbt1{ width:100%; height:1.2rem; margin:0 auto; line-height:1.2rem; text-align:center; font-size:1rem; color:#fff;}
.lmfb1{ width:100%; height:.7rem; line-height:.7rem; text-align:center; color:#F0B2D7; font-size:.5rem; margin:0 auto;}
.case{ width:100%; max-width:640px; margin:0 auto;height:auto; overflow:hidden;}
.case li{ width:7rem; height:4.5rem; float:left; background:#EBEBEB; margin:.65rem 0 0 .65rem;}
.case li p{ display:block; width:100%; height:3.25rem;}
.case li p img{ width:100%;}
.case li span{ display:block; width:100%; height:1.25rem; line-height:1.25rem; font-size:.5rem; color:#666666; text-align:center;}
 
 
 
 
/*新闻*/
.newsbt{ width:100%; background:#F0F0F0; margin:  0 auto;}
.news{width:100%;max-width:640px; margin:0 auto; height:auto; overflow:hidden;}
.lmbt2{ width:100%; height:1rem; margin:0 auto; line-height:1rem;  text-align:center; font-size:1rem; color:#000000;}
.tabBox{ width:100%;max-width:640px; margin:0 auto; height:auto; overflow:hidden;}
.tabBox .hd{ height:1.6rem; line-height:1.6rem; font-size:.7rem; overflow:hidden; background:#E7E7E7; padding:0 .5rem; width:100%; margin:0 auto; }
.tabBox .hd ul{ width:100%; margin:0 auto;}
.tabBox .hd ul li{ float:left; width:5rem; vertical-align:top; text-align:center;font-size:.7rem;}
.tabBox .hd ul li.on a{ color:#EC008C; display:block; height:1.55rem; line-height:1.55rem; border-bottom:.05rem solid #EC008C; text-align:center; font-size:.7rem;  }
.tabBox .bd ul{ padding:.5rem; margin:0 auto;  }
.tabBox .bd ul li{border-bottom:1px dotted #ddd; line-height:1.6rem; height:1.6rem; }
.tabBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0); font-size:.7rem; color:#666666; }  /* 去掉链接触摸高亮 */
#readMore{display:block; margin:0 auto; width:4rem; height:1.2rem; line-height:1.2rem; color:#666666; font-size:.6rem; text-align:center; border:#CCCCCC 1px solid;}
 
 
/*更多*/
.more{ width:100%; height:auto; overflow:hidden; padding-top:.5rem; padding-bottom:.5rem; margin:0 auto;}
.more a{ display:block; margin:0 auto; width:4rem; height:1.2rem; line-height:1.2rem; color:#666666; font-size:.6rem; text-align:center; border:#CCCCCC 1px solid;}
 
 
/*内页二级分类*/
.hide{display:none}
.relative{position:relative;}
.navson{width:100%;background-color:#EC008C;color:#fff;position:relative;}
.navson p{ display:block; width:100%; text-align:left;}
.navson p i{width:1.025rem;display:block;margin:.5rem .3rem 0 1.8rem;height:1rem; float:left;}
.navson p i img{width:100%;}
.navson .mt{height:2rem;line-height:2rem;font-size:.7rem; }
.navson .mc{position:absolute;left:1rem;top:2rem;width:70%; height:9rem;z-index:9999999999999;font-size:.7rem;background:#fff;overflow-y:auto; overflow-x:none; }
.navson .mc a{ display:block;color:#fff; line-height:2.225rem; height:2.225rem; text-align:left; background:url(../images/mcbg.jpg) top repeat-x;}
.navson .mc a span{ display:block; width:.675rem; height:.9rem; margin:.625rem .5rem 0 2rem; float:left;}
.navson .mc a span img{ width:100%;}
.navson .mc a:active{background-color:#f0f0f0;}
.mc a.lon{background-color:#f0f0f0;}
 
/*内页内容*/
 
.nt2{ display:none;}
 
.nbox{width:100%; height:auto; overflow:hidden; margin: 0 auto;}
.dqwz{width:15rem; margin:0 auto; height:1.2rem; border-left:#FF6600 4px solid; line-height:1.2rem; font-size:.8rem; text-indent:.2rem; font-weight:bold;}
.ndqwz{width:90%; margin:0 auto; height:auto; overflow:hidden; border-bottom:2px #f0f0f0 solid; padding-bottom:.4rem; line-height:1.2rem; font-size:.8rem;  font-weight:bold; }
.wzbt{width:90%; margin:0 auto; height:auto; overflow:hidden; border-bottom:2px #f0f0f0 solid; padding-bottom:.4rem; line-height:1.2rem; font-size:.8rem;  font-weight:bold; text-align:center;}

.newsfb{ width:90%; margin:0 auto; height:2rem; line-height:2rem; font-size:.6rem; color:#999999; text-align:center;}
 
.nboxc{ width:90%; margin:0 auto; line-height:1.2rem; font-size:.7rem; color:#666666;}
.nboxc p{ text-indent:2em; padding-bottom:.5rem;}
.k40{ width:100%; height:1rem; margin:0 auto;}
.newslb{ width:14.7rem; height:auto; overflow:hidden; margin:0 auto;}
.newslb li{ float:left; border-bottom:#CCCCCC 1px solid; height:3.5rem; margin-top:.65rem;}
.newslb p{ display:block;}
.newstu{ float:left; width:4rem; height:3rem;}
.newstu img{ width:100%;}
.newsy{ float:left;width:10rem; height:3rem; margin-left:.7rem;}
.newsy a{ width:100%; display:block; float:left; height:2.3rem; line-height:1.15rem; font-size:.7rem; color:#666666;}
.newsy span{ display:block; float:left; width:100%; height:.7rem; line-height:.7rem; font-size:.4rem; color:#999999;}
 
/***************分页******************/
.pagenation {clear: both;font-size:.7rem;color: #333;height:2.5rem;width: 100%;text-align: center;position: relative;}
.pagePrev, .pagenation .pageNext {height: 1.3rem;line-height:1.3rem;position: absolute;}
.pagePrev {left:0;display: inline-block;width: 4.5rem;margin:.6rem 0 .5rem .5rem;}
.pageNext {right:0;display: inline-block;width: 4.5rem;height:1.75rem; margin:.6rem .5rem .5rem 0;}
.pagenationSelectDiv {max-width: 36.6544444444444444444%;display: inline-block; -webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.pageSelect {height: 1.6rem;border: 0;height: 1.3rem;padding:0 .35rem; margin-bottom:.5rem;border: 1px solid #c9c9c9;background: #fff;font-size: .6rem;font-weight: normal;margin-top: .6rem;text-indent: 0;}
select {-webkit-appearance: menulist;box-sizing: border-box;align-items: center;border: 1px solid;border-image-source: initial;border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; white-space: pre;-webkit-rtl-ordering: logical;color: black;background-color: white; cursor: default;}
input, textarea, keygen, select, button {margin: 0em;font: 13.3333px Arial;text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none; display: inline-block; text-align: start;}
 
 
 
/*侧边菜单*/
.panel {display: none;width:8rem;background-color:#fff; padding:.5rem; overflow-y:auto; overflow-x:none;}
.list{width:8rem;}
.list ul li{background-color:#fff; border-bottom:solid 1px #ccc;}
.list ul li a{padding-left:.25rem;color:#333; font-weight:bold; font-size:.7rem; display: block; height:2rem;line-height: 2rem;position: relative;}
.list ul li .inactive{background:url(../images/off.png) 7rem center no-repeat;}
.list ul li .inactives{background:url(../images/on.png) 7rem center no-repeat;background-color:#f0f0f0; color:#EC008C;}
.list ul li ul{display:none;}
.list ul li ul li { background-color:#f8f8f8;}
.list ul li ul li ul{display:none;}
.list ul li ul li a{ padding-left:1.5rem;color:#999; font-size:.7rem; font-weight:normal;}
.list ul li ul li ul li {background-color:#d6e6f1; border-color:#6196bb; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}
.list ul li i{ display:block; width:.7rem; height:.65rem; margin:.65rem .5rem 0 0; float:left;}
.list ul li i img{ width:100%;} 
.zhezhao {z-index: 1000000000;position: fixed;top: 0;width: 100%;min-height:1300px; height: 100%; background: #000;opacity: 0.35;filter: alpha(opacity=85);overflow: hidden;display: none;}
 
 
/*底部*/
.footer{ width:100%; max-width:640px; background:#282828; height:auto; overflow:hidden;padding-bottom:2.8rem;}
.dfb{ display:block; width:80%; text-align:center; line-height:.7rem; font-size:.5rem; color:#888; margin:0 auto;}
.fdh{ display:block; width:80%; text-align:center; line-height:1.6rem; font-size:1rem; color:#F80B6A;margin:0 auto;}
.dbq{ display:block; width:80%; text-align:center; line-height:.7rem; font-size:.5rem; color:#888;margin:0 auto;}
.bqevm{display:block; width:80%; text-align:center; margin:0 auto; padding-top:.9rem; }
.bqevm span{ display:block; width:40%; height:auto; float:left; margin-left:5%;padding-bottom:.9rem;}
.bqevm span img{ width:100%; height:auto;}

/*返回顶部*/
#goTop{position:fixed;bottom:3rem;right:.5rem;z-index:10;width:1.25rem;height:1.175rem;display:none;}
#goTop img{ width:100%;}
 
 
/*底部浮动菜单*/
.dnav{max-width:640px;width:100%;height:2.5rem;position:fixed; bottom:0; z-index:99;
  background: -webkit-linear-gradient(#5E5D5D, #060404); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#5E5D5D, #060404); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#5E5D5D, #060404); /* Firefox 3.6 - 15 */
  background: linear-gradient(#5E5D5D, #060404); /* 标准的语法 */
}
.dnav a{display:block; float:left; width:24.5%;height:2.5rem;}
.dnav a span{ display:block; width:100%; height:.6rem; line-height:.6rem; text-align:center; margin:0 auto; color:#fff; font-size:.5rem;}
.dnav a i{ display:block; margin:.4rem auto 0 auto; width:1.4rem; height:1.275rem;}
.dnav a i img{ width:100%;}
.dnav a{ border-right:#666666 1px solid;}
#br0{ border-right:0;}

/*联系*/
.bghui{ background:#2D2D2D;}
.dqweizi{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.dqweizi h1{ display:block; float:left; width:100%; font-size:1rem; color:#D4D4DC; line-height:1.4rem;}
.dqweizi span{ display:block; float:left; width:100%; font-size:.5rem; color:#4C4C56; line-height:.6rem;}
.nboxc1{ width:90%; margin:0 auto; line-height:1.2rem; font-size:.7rem; color:#dfdfdf;}

/*表单*/
.dqweizi1{ width:6rem; height:2rem; line-height:2rem; margin:0 auto;}
.dqweizi1 span{ display:block; float:left; width:.7rem; height:.7rem; margin:.6rem .2rem 0 0;}
.dqweizi1 span img{ width:100%;}
.dqweizi1 h1{ display:block; float:left; font-size:1rem; line-height:2rem;}

.formc1{ width:14.5rem; margin:0 auto; border:#CCCCCC 1px solid; background:#F9F9F9; -moz-border-radius:.1rem;-webkit-border-radius:.1rem;border-radius:.1rem;}
/*文本框*/
.formlb{ width:14.5rem; margin:0 auto; border-bottom:#CCCCCC 1px solid; position:relative; height:2.5rem;}
.formlb span{ display:block; position:absolute; left:.65rem; top:.8rem; width:.75rem; height:.75rem; z-index:6;}
.formlb span img{ width:100%;}
.sjinput{ width:14.5rem; position:absolute; left:0; top:0; height:2.5rem; line-height:2.5rem; font-size:.8rem; color:#666666; text-indent:2.6rem; border:0; border:none; background:#F9F9F9}
/*备注*/
.formlb1{ width:14.5rem; margin:0 auto; border-bottom:#CCCCCC 1px solid; position:relative; height:6.2rem;}
.formlb1 span{ display:block; position:absolute; left:.65rem; top:.8rem; width:.75rem; height:.75rem; z-index:6;}
.formlb1 span img{ width:100%;}
.g_textArea {height:5rem;line-height: 1.1rem;font-size: .7rem;width:10.9rem;color:#666666; padding-left:2.6rem;padding-right:1rem; padding-top:.6rem; padding-bottom:.6rem; border:0; border:none;background:#F9F9F9;}

/*验证码*/
.formlb2{ width:14.5rem; margin:0 auto; border-bottom:#CCCCCC 1px solid; position:relative; height:2.5rem;}
.formlb2 span{ display:block; position:absolute; right:.65rem; top:.5rem; width:4rem; height:1.5rem; z-index:6;}
.formlb2 span img{ width:100%;}
.sjinput1{ width:14.5rem; position:absolute; left:0; top:0; height:2.5rem; line-height:2.5rem; font-size:.8rem; color:#666666; text-indent:.65rem; border:0; border:none; background:#F9F9F9}

/*提交按钮*/
.g_button {background:#FF0000;border: 0;color: white; height: 2rem;line-height: 2rem;font-size: .8rem;font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;text-align: center;margin: .5rem auto; padding: 0;width: 14.5rem;display: block;border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline: 0;
}





    








