@charset "utf-8";
@import "http://at.alicdn.com/t/font_bda8h33q7ps98uxr.css";

/*共用样式*/
*{margin:0;padding:0}
body{ overflow-x: hidden; background: #fff; color: #666; font: 16px Verdana, "Microsoft YaHei", Arial; -webkit-text-size-adjust: none; -webkit-appearance: none;}
img{border-style:none}
a,a:hover{ text-decoration: none; color: #666; }
.sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bg{ background: #f6f6f6; }

/*微信弹出层******************************************************/
.hw-overlay{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
.hw-layer-wrap{position:absolute;top:40%;left:50%;box-sizing:border-box;margin-left:-150px;padding:5px;width:310px;border-radius:4px;background-color:#fff}
.hw-layer-wrap span{display:block;margin-bottom:1em;text-align:center;font-size:81.3%;line-height:2em}
@media (max-width:767px){.hw-layer-wrap{margin-left:-100px;width:200px}}

/*底部版权******************************************************/
.copyright{ background: #FFF; text-indent: 0em; letter-spacing: 0; font-size: 75%; line-height: 40px; display: block; }
.copyright .power{ font-size: 75%; display: inline-block; float: right; margin-right: 1em; color: #999; }
.copyright .power a{color: #999;}

/*PC导航******************************************************/
.menu{ position: fixed; z-index: 9997; width: 100%; height: 70px; background: #fff200; box-shadow: 0 1px 2px rgba(0,0,0,.1); background-color: rgba(255,242,0,1); top: 0px;}
.menu .logo{position:absolute;top:0;left:2em;display:-webkit-flex;height:70px;justify-content:center;align-items:center}
.menu .navmenu{margin:0;padding:0;width:100%;height:70px;list-style:none;text-align:right}
.menu .navmenu li{position:relative;display:inline-block;margin-right:3em}
.menu .navmenu li a,
.menu .navmenu li a:hover{display:block;height:70px;font-size:13px;line-height:70px}
.menu .navmenu li a{color:#666}
.menu .navmenu li a:hover,
.menu .navmenu li .selected,
.menu .navmenu li .current{color:#000}
.menu .navmenu li .iconfont{margin-left:.5em;font-size:75%}
.menu .navmenu li .submenu{position:absolute;top:90px;left:-50px;z-index:99999;margin:0;padding:0;width:220px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);text-align:left;opacity:0}
.menu .navmenu li .submenu a{display:block;width:220px;height:50px;border-bottom:1px solid #f1f1f1;color:#666;text-indent:.8em;font-size:9pt;line-height:50px}



.menu .navmenu li .submenu .iconfont{float:right;margin:0;font-size:9pt;opacity:0}
/*CSS3效果*/
.menu,
.menu .logo,
.menu .logo img,
.menu .navmenu li .submenu,
.menu .navmenu li .submenu .iconfont,
.menu .navmenu li .submenu a{transition:all .4s ease-in-out}
.menu .navmenu li:hover .submenu{top:70px;opacity:1}
.menu .navmenu li .submenu a:hover{color:#333;text-indent:1.5em}
.menu .navmenu li .submenu a:hover .iconfont{padding-right:2.5em;opacity:1}

@media (max-width:767px){
	.menu{height:50px;}
	.menu .navmenu{ display: none; }
	.menu .logo{left:30%;height:50px;}
	.menu .logo img{ height: auto; width: 70%; }
	.copyright .power{ display: none; }
	}

/*手机导航******************************************************/


button { margin: 0; padding: 0; outline: 0; border: none; border-radius: none; background: 0 0; box-shadow: none; color: inherit; font-size: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.mm-menu-toggle { position: fixed; top: 15px; left: 12px; z-index: 9999; width: 24px; height: 18px; background: -webkit-linear-gradient(90deg,rgba(33,33,33,0),rgba(33,33,33,0) 7px,#333 7px,#333 11px,rgba(33,33,33,0) 11px,rgba(33,33,33,0) 18px); background: linear-gradient(0deg,rgba(33,33,33,0),rgba(33,33,33,0) 7px,#333 7px,#333 11px,rgba(33,33,33,0) 11px,rgba(33,33,33,0) 18px); text-indent: -9999; font-size: 0; display: none; }
.mm-menu-toggle::after,.mm-menu-toggle::before { position: absolute; left: 0; display: block; width: 100%; height: 4px; background-color: #333333; content: "" }
.mm-menu-toggle::before{top:0;-webkit-transform-origin:bottom left;transform-origin:bottom left;-ms-transform-origin:bottom left}
.mm-menu-toggle::after{bottom:0;-webkit-transform-origin:top left;transform-origin:top left;-ms-transform-origin:top left}
.mm-menu-toggle,.mm-menu-toggle::after,.mm-menu-toggle::before{-webkit-transition:all .5s;transition:all .5s}
.mm-menu-toggle.active{-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}
.mm-menu-toggle.active::before{width:75%;-webkit-transform:translateY(7px) rotate(-45deg);transform:translateY(7px) rotate(-45deg);-ms-transform:translateY(7px) rotate(-45deg)}
.mm-menu-toggle.active::after{width:75%;-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg);-ms-transform:translateY(-7px) rotate(45deg)}
.mm-menu { position: fixed; top: 0; left: 0; z-index: 9998; overflow-y: auto; width: 65%; height: 100%; background-color: #f6f6f6; box-shadow: 0; -webkit-transition: -webkit-transform .5s,box-shadow .5s; transition: transform .5s,box-shadow .5s; -webkit-transform: translateX(-100%); transform: translateX(-100%); -ms-transform: translateX(-100%) }
.mm-menu.active{box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
.mm-menu .menu-top{ height: 50px; width: 100%; }
.mm-menu ul{ margin: 0px; padding: 0px; list-style: none; }
.mm-menu ul li{ padding: 0px 5%; color: #333; text-decoration: none; border-top: 1px solid #EEEEEE; line-height: 4em; font-size: 13px; width: 90%; }
.mm-menu ul li:hover,.mm-menu ul .current{ background: #FFF; }
.mm-menu ul li .iconfont{float:right;font-size:9pt;}
.mm-menu ul li ul{ padding-bottom: 15px; }
.mm-menu ul li ul a{ display: block; line-height: 3em; text-indent: 1em; }

@media (max-width:767px){
	.mm-menu-toggle{ display: block; }
	}