body{font-size:12px;margin:0px;padding:0px;font-family:Microsoft YaHei;}
a{text-decoration:none;color:#333;}
a:hover{color:#0066cb;}
ul,p{margin:0px;padding:0px;}
li{list-style:none;}
img{border:none;}

.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.bk10{font-size:1px;height:10px;}
.bk5{font-size:1px;height:10px;}

.warp{position:relative;width:100%;left:0;max-width:360px;margin:0 auto;}
.head{width:100%;height:40px;background:#0066cb;}
.head .search{margin:5px;width:8%;}
.head .logo{float:left;margin-top:5px;width:75%;text-align:center;}
.head .menu{}
.head .menu img{width:70%; height: 70%; margin: 15%;}

/*   banner     */
.banner{width:100%;position:relative;margin-top: 1px;margin-bottom: 1px;}
.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.wrap {float:left;overflow:hidden!important;position: relative;}
.swipe-image{width:100%;display:block;overflow:hidden;}
#position {position:absolute;bottom:0px;left:46%;}
#position li {z-index:999;display:inline-block;width:6px;height:6px;border-radius:10px;background:#999;cursor:pointer;margin:0 3px;-webkit-tap-highlight-color: none;}
#position li.on {z-index:999;background-color:#0066cb;-webkit-tap-highlight-color: none;}

/*    µ¼º½   */
.nav{width: 100%;position: relative;height: 30px;line-height: 30px;}
.nav li{float:left;margin:0px;width:25%;text-align:center;font-size:12px;}
.nav li a{display: block; }

.ctitle{height:26px;line-height:26px;background:#0066cb;padding:0 10px;}
.ctitle span{display:block;height:36px;background:url(../../images/wap/ftitle.png) no-repeat ;float:left;color:#c60204;font-size:14px;padding:0 10px;font-weight:bold;}
.ctitle em{font-style:normal;color:#fff;text-transform:uppercase;padding:0 10px;}
.ctitle a{color:#fff;}

.daoha{height:26px;line-height:24px;background:#0066cb;color:#fff;padding:0 10px;font-size:12px;}
.daoha a{color:#fff;}
.daoha a:hover{color:#333;}

.cbox{margin:10px;overflow:auto;}
.brand{width:100%;position:relative;}
.brand li{float:left;width:28%;margin:5px 2%;border:1px solid #ccc;}
.brand li:hover{border:1px solid #0066cb;}

.pro{width:100%;position:relative;}
.pro li{width:47.5%;margin-bottom:10px;overflow:hidden;border:1px solid #ccc;float:left;}
.pro li img{display: block;width: 100%; height: 100px;}
.pro li span{display:block;height:20px;line-height:20px;width:100%;text-align:center;font-size:12px;border-top:1px solid #ccc;}

.news{width:100%;position:relative;}
.news li{font-size:13px;border-bottom:1px dotted #ccc;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.about{width:100%;position:relative;}
.about .txt{width:100%;float:left;overflow:hidden;}
.about .txt p{text-align:justify;text-indent:2em;font-size:14px;line-height:20px;color: #565656;}
.about a{display: block;}
.about .pic{width:100%;}

.content{width:100%;position:relative;}
.content li{line-height:28px;font-size:12px;padding-left:30px;}

.footer{width:100%;position:fixed;bottom:0px;}
.footer li{width:25%;float:left;height:40px;line-height:40px;}
.footer .li1{background:#0066cb  url(../../images/wap/home.png) no-repeat center 4px;background-size:auto 15px;}
.footer .li2{background:#0066cb  url(../../images/wap/tel.png) no-repeat center 4px;background-size:auto 15px;}
.footer .li3{background:#0066cb  url(../../images/wap/qq.png) no-repeat center 4px;background-size:auto 15px;}
.footer .li4{background:#0066cb  url(../../images/wap/location.png) no-repeat center 4px;background-size:auto 15px;}
.footer li a{color:#fff;font-size:12px;display: block; text-align: center; line-height: 55px; height: 40px; overflow: hidden;}

/*     Òþ²Øµ¼º½    */
.deploy-right-sidebar{width:40px;height:40px;background-position:center center;float:right;}
.sidebar-scroll-right{width:290px;overflow:scroll!important;overflow-x:hidden!important;-webkit-overflow-scroll:touch!important;height:100%;}
.sidebar-right{box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.3);background:#f5f5f5;position: fixed;overflow:hidden;z-index:99999;right:-280px;top:0px;bottom:0px;width:220px;margin-right:10px;}
.sidebar-divider-text{color:#333;font-size:12px;font-weight:700;padding-top:6px;padding-left:6px;margin-bottom:0px;}
.nav-item{-webkit-tap-highlight-color: rgba(0,0,0,0);display:block;width:100%;float:left;background-color:#f5f5f5;font-size:12px;font-weight:400;color:#333;height:26px;line-height:26px;padding-left:30px;border-bottom:solid 1px #ddd;}
.icon-drop{position:absolute;display:block;width:10px;height:15px;top:19px;left:239px;}
.nav-item:hover{background-color:#e5e5e5;}

.submenu a{display:block;width:100px;float:left;padding-top:2px;padding-bottom:2px;padding-left:8px;font-size:12px;color:#565656;font-family:'Microsoft YaHei', sans-serif;font-weight:300;}
.submenu a em{float:left;width:10px;height:15px;display:block;margin-top:5px;padding-right:35px;}
.submenu a:first-child{background-image:none!important;}
.submenu{display:none;overflow: hidden; width: 100%; border-bottom: 1px solid #ddd;}
.submenu-active{display:block;}

.nav-item-active{color:#FFFFFF!important;}
.sidebar-header-right{height:40px;background-color:#f5f5f5;border-bottom:solid 1px #a1a1a1;}
.sidebar-right-logo{position:absolute;top:5px;right:80px;}
.close-sidebar-right{height:40px;width:40px;margin-left:0px;display:block;}
.close-sidebar-right img{margin-top:5px;}

/*    ÄÚÒ³      */
.page{width:100%;overflow:hidden;}
.page p{padding:10px;line-height:20px;text-align:justify;}

/*     show      */
h1{font-size:14px;text-align:center;margin:10px 0;color: #333;}
.tm{width:100%;text-align:center;border-bottom: 1px solid #ddd; padding-bottom: 6px; font-size: 12px; color: #999;margin-bottom: 10px;}

/*     page      */
.pages{width:100%;text-align:center;height:30px;line-height:30px;overflow:auto;}
.pages span{color:#0066cb;}
/*      search      */
.search{overflow:hidden;margin-top:10px;margin-left:10px;}
.search p{padding:0px;margin:0px;width:100%;height:25px;margin-bottom:10px;}
.search .text1{margin-left:10px;width:60%;}
.search .btn1{width:70px;}