@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: #666; -webkit-tap-highlight-color:transparent;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  
body{background:#fff; text-align:center; margin:0; color:#666; 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%;}
.floatl{ float:left;}
.floatr{ float:right;}
.setwidth{ width: 90%; margin: 0 auto; }
.nycontent{ min-height: 300px;}
.wrapper{position: relative; overflow:hidden; padding: 60px 0 50px;}
.head{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; height: 60px; padding: 10px 5%; background: #fff; }
.head .logo{ float: left; height: 100%; text-align: left;  }
.head .logo img{ max-height: 100%;}
.head .en{ float: right; width: 32px; margin: 5px 10px 0; height: 32px; line-height: 28px; border: 2px solid #666; border-radius: 50%; color: #666; font-size: 15px;}
.head .menu-off{float: right; margin-top: 2px;}
.head .menu-off p{ display:inline-block; vertical-align: middle; text-align: left;}
.head .menu-off #span1,.head .menu-off #span2,.head .menu-off #span3{ display: block; width: 25px; height: 2px; margin: 8px 0; background-color: #666; border-radius: 2px; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.head .menu-off #span2{ width: 18px;}


.nav{ position: fixed; top: 60px; left: 0; z-index: 999; overflow-y: auto; display: none; width: 100%; height: 100%; text-align: left; background: #f4f3f3; }
.nav ul{ position: absolute; top: 50%; left: 50%; height: auto; width: 100%; transform:translate(-50%,-60%);}
.nav ul li{ text-align: center; padding: 15px 0;}
.nav ul li a{ color: #333; font-size: 17px; text-align: center; }
.nav .close{display: block;position: absolute;top: 4%;right: 4%}
.nav .close img{ width: 25px;}

.copyright{ padding: 6px 0; background: #3d3d3d; color: #bebebe; font-size: 13px;}
.footer{ position: fixed; z-index: 9; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: #e83535; font-size: 14px; }
.footer .fnav{ float: left; width: 25%; background: #fff; }
.footer .fnav a{ display: block; margin: 5px 0; font-size: 12px; line-height: 16px; }
.footer .fnav:first-child a{ border-right: 1px solid #e5e5e5; }
.footer .fnav .icon{ width: 25px; height: 25px; margin: auto; background: url(../images/foot-icon.png) center center no-repeat; background-size: 22px auto; }
.footer .fnav:first-child .icon{ background-position: center 2px;}
.footer .tel{ float: left; width: 50%; height: 100%;  }
.footer .tel a{ display: inline-block; padding-left: 30px; height: 100%;  background: url(../images/foot-icon.png) left -135px no-repeat; background-size: 25px auto; color: #fff; font-size: 15px;}