@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;}
body{font-size:20px;font-family:"寰蒋闆呴粦","Microsoft Yahei",Arial;color:#666;width:100%;text-align:center;margin:0 auto;background:#fff;padding-top:60px;overflow-x:hidden}

input,button,textarea,select{font-family:"寰蒋闆呴粦","Microsoft Yahei",Arial, Helvetica, sans-serif;font-size:12px;outline:none}
li{list-style:none}
a{text-decoration:none}
img{border:none}
i{font-style:normal}
.left{float:left}
.transition{transition:.2s all}

.header{width:100%;position:fixed;top:0;left:0;background:rgba(255,255,255,.95);height:60px;z-index:9999;}
.header .logo{display:inline-block;margin:6px auto;height:48px;}

.header #menuicon{position: absolute;z-index:110;top:.8em;right:1em;height: 1.5em;width:3em;transition: .1s all}
.header .menu-icon{background: url('../../images/mobileimages/menu-ico.png') center .1em no-repeat;background-size:1.3em auto}
.header .menu-iconA{background: url('../../images/mobileimages/menu-ico.png') center -9.1em no-repeat;background-size:1.3em auto}

.header #menu{position:fixed;z-index:100;top:0;background:rgba(159,204,249,.9);width:6em;transition: .2s all}
.header #menu ul{margin-top:60px;width:100%;font-size:.8em;}
.header #menu ul li a{width:100%;line-height: 3em;color:#1182f0;float:left;}
.header #menu ul li a:hover,.header #menu ul li.active a{background:#1182f0;color:#fff;}
.header .menubox{right:-7em;}
.header .menuboxA{right:0;}

.header #menu span{width:6em;font-size: .7em;line-height: 200%;position: absolute;bottom:2em;left:1.2em;border-radius:3px;overflow:hidden;}
.header #menu span a{border:1px solid #62acf5;color:#1182f0;width:50%;float:left;box-sizing: border-box;}
.header #menu span a.ch{border:1px solid #1182f0;background:#1182f0;color:#fff;}

.totop{padding:.3em .5em;line-height: 120%;display:none;font-size:.8em;color:#489ff3;background:rgba(255,255,255,.9);border:1px solid #0c79e8;position: fixed;bottom:8em;right:1em;z-index:99;}
.totop:hover{}

.footer{padding:1em 0;width:100%;background:#fff;box-shadow: 0 -1px 3px rgba(0,0,0,.04);margin-top:1em;display: inline-block;overflow:hidden}
.footer p{display:inline-block;width:94%;padding:.2em 3%;font-size:.7em;text-align:left;position: relative;}
.footer p img{display:inline-block;max-height:1.3em;}
.footer p img.name{margin-right:.8em}
.footer p span{float:left;line-height: 150%;text-align:left;padding-left:5em;box-sizing: border-box;}

.footer .copyright{width:100%;line-height: 180%;text-align:center;color:#999}
.footer p b{position:absolute;left:2em;top:.2em;width:3em;font-weight:normal;}
 
.title{width:100%;background:#f7f7f7;padding:1em 0;font-size: .8em;color:#1182f0;line-height: 150%;display: inline-block;}
.title p,.title-white p{display: inline-block;position: relative;padding:0 2.5em}
.title p img,.title p span,.title-white p img,.title-white p span{float:left;letter-spacing: -1px;}
.title p img,.title-white p img{height:.5em;top:.55em;position:absolute;z-index:2;left:0}
.title p span,.title-white p span{padding:0 .8em;display:inline-block;}
.title p img.titler,.title-white p img.titler{transform: rotate(180deg);left:auto !important;right:0;}
.title p a{float:left;color:#a4cffa}
.title p a:hover{color:#1182f0;}

.title-white{width:100%;padding:1em 0;font-size: .8em;color:#fff;line-height: 150%;display: inline-block;}
.title-white span{color:#fff !important;}

.inner-banner{width:100%;float:left}
.inner-banner img{width:100%;float:left}

.page{width:100%;padding-top:1em;float:left;font-size:.7em;}
.page a,.page span{border-radius:4px;border:1px solid #0c79e8;transition:.2s all;color:#0c79e8;padding:0 1em;line-height:2em;display: inline-block;}
.page a:hover{background: #0c79e8;color:#fff}
.page a.prev-page{float:left}
.page a.next-page{float:right}
.page a.page-null{border:1px solid #eee !important;background:#eee;color:#999 !important;}