html,body{width:100%;height:100%;}
body{padding:0; margin:0;background-color:#005db7;}
body, input, textarea, select{line-height:1.6;font-size:16px;font-family:"Microsoft Yahei", Arial, "\5B8B\4F53";color:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,blockquote,p{padding:0;margin:0;}
ol,ul {list-style:none;}
li{list-style-type:none;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
img{vertical-align:top;border:0;max-width:100%;}
a{color:#fff;text-decoration:none;}
a:hover{color:#ff0;}
table{border-collapse:collapse;border-spacing:0;}
td{border:1px solid #ccc;}
h1{margin:14px 0;font-size:large;line-height:1.5;text-align:center;}
h2{margin:12px 0;font-size:18px;line-height:1.5;}
h3{margin:10px 0;font-size:16px;line-height:1.5;}
h4, h5, h6{margin:8px 0;font-size:14px;line-height:1.5;}
div{overflow:hidden;}
ul:after, div:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"";}
.editMode{background:#fff}
.editMode p{margin:8px 0}
.content p{margin:8px 0}
.yahei{font-family:"Microsoft Yahei", "\5B8B\4F53";}
.clear{clear:both}
.clear0{clear:both;height:0;overflow:hidden;}
.clear1{clear:both;height:1px;overflow:hidden;}
.clear2{clear:both;height:2px;overflow:hidden;}
.clear5{clear:both;height:5px;overflow:hidden;}
.clear8{clear:both;height:8px;overflow:hidden;}
.clear10{clear:both;height:10px;overflow:hidden;}
.clear15{clear:both;height:15px;overflow:hidden;}
.clear20{clear:both;height:20px;overflow:hidden;}
.c{text-align:center}
.b{font-weight:bold}
.red{color:#f00;}
.fl{float:left}
.fr{float:right}
.hide{display:none}

.prevnext{margin:30px 0;border-top:1px dotted #ccc;padding:10px 0;}
.pagebar{clear:both;padding:10px 0 20px;text-align:center;}
.pagebar .page{display:inline-block;padding:3px 8px;margin-right:3px;font-weight:bold;background-color:#fff;color:#1D71C7;border:1px solid #e5e5e5;}
.pagebar .pagecur{color:#ff0;background-color:#4d8ecd;border-color:#4d8ecd;}
.pagebar .page_prev{width:24px;background:#fff url(../../images/images/page.gif) center 10px no-repeat;}
.pagebar .page_next{width:24px;background:#fff url(../../images/images/page.gif) center -90px no-repeat;}
.pagebar .page_prev:hover{color:#fff;background:#fff url(../../images/images/page.gif) center -40px no-repeat;}
.pagebar .page_next:hover{color:#fff;background:#fff url(../../images/images/page.gif) center -140px no-repeat;}

.box_swipe ul img{width:100%;}
.box_swipe>ol{height:20px;position:relative;z-index:10;margin-top:-25px;text-align:right;padding-right:15px;background-color:rgba(0,0,0,0.3);}
.box_swipe>ol>li{display:inline-block;margin:5px 0;width:8px;height:8px;background-color:#757575;border-radius: 8px;}
.box_swipe>ol>li.on{background-color:#fff;}

#wrapper{margin:0 auto;width:100%;max-width:800px;}
#header{position:relative;z-index:99;}
img.logo{width:100%;}
a#navbtn{display:block;position:absolute;top:0;right:0;bottom:0;width:20%;}
a#navbtn em{display:block;width:100%;height:100%;background:url(../images/navbtn.png) center center no-repeat;background-size:50% auto;}
a#navbtn.on{background:url(../images/img02.png) center bottom no-repeat;}
ul#nav{display:none;position:fixed;z-index:99;left:0;width:100%;background:url(../images/img03.png);}
ul#nav li{float:left;text-transform:uppercase;}
ul#nav li.borderbottom{border-bottom:1px solid #4d8ac5;}
ul#nav li.borderright{border-right:1px solid #4d8ac5;}
ul#nav li.first, ul#nav li.last{width:100%;padding:1em 0;line-height:2em;}
ul#nav li.li0{line-height:4em;}
ul#nav li.li0 a{display:block;width:100%;height:100%;text-align:center;}
ul#nav li.li1 a{padding-top:0.5em;height:3.5em;line-height:1.5em;}
ul#nav li.first span, ul#nav li.last a{display:inline-block;line-height:2em;background:url(../images/img04.png) left center no-repeat;background-size:auto 100%;text-indent:2.5em;}
ul#nav li.last a{background-image:url(../images/img05.png);}

.index01{margin:0.5em 1% 0;text-transform:uppercase;}
a.alibaba{display:block;float:left;width:40%;}
a.alibaba img{width:100%;height:auto;}
.index01 ul{float:right;width:60%;}
.index01 li{float:left;padding:0 0 2% 2%;width:48%;}
.index01 li.lib{padding-bottom:0}
.index01 li a{display:inline-block;width:100%;height:100%;background-color:#00aad8;text-align:center;}
.index01 li a em{display:block;margin:1em auto 0.3em;width:40%;height:40%;background-position:center center;background-size:100% auto;background-repeat:no-repeat;}
.index01 li.li01 a em{background-image:url(../images/icon01.png)}
.index01 li.li02 a em{background-image:url(../images/icon02.png)}
.index01 li.li03 a em{background-image:url(../images/icon03.png)}
.index01 li.li04 a em{background-image:url(../images/icon04.png)}
.index02{margin-top:0.5em;border-bottom:1px solid #4d8ac5;text-indent:0.5em;}
.index03{margin:0.5em 1% 0;border:0.4em solid #4d8ac5;background-color:#4d8ac5;}
.index03 li{float:left;width:30%;margin-right:0.5em;}
.index04{margin:0.5em 1% 0;position:relative;}
.index04 a{display:block;position:absolute;top:0;left:0;width:50%;height:100%;}
.index04 a.tel{}
.index04 a.apk{left:50%;}

.footer{margin:0.5em 0 0;padding:0.5em 0;background:url(../images/img03.png);}

#subnav{background:#4d8ecd;text-transform:uppercase;}
#subnav li{float:left;}
#subnav li a{display:block;border-left:1px solid #005db7;width:100%;height:2.5em;line-height:2.5em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#subnav li a.on{color:#fd0}
.title{margin-top:.3em;line-height:2em;text-indent:1.5em;background:url(../images/icon05.png) 0.3em center no-repeat;background-size:auto 60%;border-bottom:1px solid #4d8ecd;font-size:small;text-transform:uppercase;}
.content, ul.news, ul.product, ul.case{margin:1em 0.5em;min-height:30em;}

.product{margin:1em 0;}
.product li{float:left;margin-bottom:1em;padding-left:4%;width:44%;}
.product li a{display:block;width:100%;margin:0 auto;text-align:center;}
.product li a img{width:100%;}
.imgcover{display:block;margin:1em auto;width:80%;border:0.5em solid #0070c5;border-radius:0.3em;box-shadow:0 0 1em #002f5d;}
ul#pnav{width:100%;background-color:#4fa2dd;}
ul#pnav li{float:left;width:20%;background:url(../images/img08.gif) right repeat-y;text-align:center;font-size:small;line-height:3em;}
ul#pnav li.last{background-image:none}
ul#pnav li.on{background-color:#0c4983;}
div.productname{line-height:4em;font-weight:bold;}

ul.news{margin:1em 0;}
ul.news li{float:left;padding:0.5em 0;width:100%;border-bottom:1px solid #4d8ecd;}
ul.news li a{display:block;margin:0 1em;line-height:1.4;}
ul.news li span{display:block;margin:0 1em;padding-top:0.3em;color:#999;}
.newsinfo{font-size:small;}