@charset "utf-8";

/* HTML5 定义 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {font-size:100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }/*文字大小根据设备(浏览器)自动调整*/
a{font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;text-decoration: none; font-size:100%; color: #333; -webkit-tap-highlight-color:transparent;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  
body{background:#f9f9f9; text-align:center; margin:0; color:#5f6061; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;font-size:75%;/*即12px,12/16=0.75*/}
body,h1,h2,h3,h4,h5,h6,inputp,select,span,a,b,dl,dd,ol,ul,table,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {margin: 0;	padding: 0;font-family:Verdana,Arial,'Times New Roman','Microsoft YaHei',SimHei;}
body,td,input,select,textarea{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table{border-collapse: collapse;border-spacing: 0;empty-cells: show;font-size: inherit; width:100%}
img, object, embed, video {max-width:100%;border:0;}
ol,ul {list-style: none}
li,img,label,input ,select{vertical-align: middle}
input,textarea{-webkit-appearance:none; /*去除input默认样式*/ border-radius: 0 }
p{ margin:0; padding:0;}
hr{ border-top:#ccc 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none; padding:0; margin:1rem auto; clear:both;}
.ovfHiden{overflow: hidden;height: 100%;}


*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}
/*公共*/
.fixed:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;min-height:1%;}
* html .fixed{height:1%;}
.left{float: left}
.right{float: right}
.warp{  margin: auto; min-height: 36rem; overflow: hidden;}

.header{height: auto;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease}
.header-small{height: 40px;background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-in{width: 95%;margin: 15px auto;height: 30px;transition: all .3s ease}
.header-in .logo img{ height: 25px;}
.header-small .header-in{margin: 5px auto;transition: all .3s ease}
.header-small .logo img{ height: 32px;}
.header .logo{float: left;margin-left: 10px}
.header .meun-off{float: right;margin-right: 10px; line-height: 30px;}
.header .meun-off p{ display:inline-block; vertical-align: middle; margin-top:-4px; }
.header .meun-off #span1,.header .meun-off #span2,.header .meun-off #span3{width: 23px;height: 2px;background-color: #000;display: block;margin: 4px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.header .meun-off .menoy{ display: inline-block; text-transform: uppercase; color: #373737; padding-right: 5px; }

.nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none}
.nav ul{ width: 100%;text-align: center; height: auto; position: absolute;top: 50%;left: 50%;  transform:translate(-50%,-50%);}
.nav ul a{display: block;height: 40px;overflow: hidden;margin: 10px 0}
.nav ul span{display: block;font-size: 20px;line-height: 40px;text-transform: uppercase;color: #e9e7e8; font-weight: lighter;}
.nav .nav-tel{position: absolute;left: 2%;bottom: 2%}
.nav .close{display: block;position: absolute;top: 4%;right: 4%}
.nav .close img{ width: 25px;}

.footer{ background: #000; padding: 20px 5%; color: #cfcfcf; }
.footer .ewm{ width: 23%;}
.footer .ewm img{ pointer-events:auto;}
.footer .txt{ text-align: left; font-weight: lighter; }
.footer .txt p{ font-weight: lighter; line-height: 20px; margin-bottom: 5px;}
.footer .txt p a{ color: #cfcfcf; }
.footer .left .p1{ font-size: 16px; }
.footer .left .p2{ margin-top: 12px; font-size: 12px;}

.qq{ position: fixed; bottom: 2px; right: 2px; z-index: 999;}
.qqa{
	position: fixed;
	bottom: 2px;
	right: 2px;
	background-size: 100% auto;
	z-index: 999;
	margin-right: 90%;
	margin-bottom: 40%;
	width: 29px;

	background-size: 100% auto;
	z-index: 999;
	float: left;
	margin-left: 0px;
	left: 0px;

}