@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,a ,img,span{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff; padding-top:88px;}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{vertical-align:top; max-width:100%;}  /* 图片在当前行内的垂直位置 */  
a,input,button,textarea,select{ outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -webkit-appearance: none;}   /* 页面设置 */  
   
  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
/*清除浮动--推荐使用*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
.single{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.contenter{ width:1200px; margin:0 auto;}

@font-face {
    font-family: "impact";
    src: url("../font/impact.eot"); /* IE9 */
    src: url("../font/impact.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/impact.woff") format("woff"), /* chrome、firefox */
    url("../font/impact.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/impact.svg#impact") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "enfont";
    src: url("../font/aparajb.eot"); /* IE9 */
    src: url("../font/aparajb.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/aparajb.woff") format("woff"), /* chrome、firefox */
    url("../font/aparajb.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/aparajb.svg#aparajb") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "cnfont";
    src: url("../font/cnfont.eot"); /* IE9 */
    src: url("../font/cnfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/cnfont.woff") format("woff"), /* chrome、firefox */
    url("../font/cnfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/cnfont.svg#cnfont") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "pricefont";
    src: url("../font/pricefont.eot"); /* IE9 */
    src: url("../font/pricefont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/pricefont.woff") format("woff"), /* chrome、firefox */
    url("../font/pricefont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/pricefont.svg#pricefont") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "STZHONGS";
    src: url("../font/STZHONGS.eot"); /* IE9 */
    src: url("../font/STZHONGS.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/STZHONGS.woff") format("woff"), /* chrome、firefox */
    url("../font/STZHONGS.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/STZHONGS.svg#STZHONGS") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

.head{ padding:12px 0; background:#fff; position:fixed; width:100%; left:0px; top:0px; z-index:999;}
.head .logo{ float:left;}
.head .logo img{ height:64px;}
.head .nav{ float:right; font-size:0px; position:relative;}
.head .nav ul{ padding-top:10px;}
.head .nav li{ display:inline-block; font-size:16px; height:32px; line-height:32px; padding:0 5px; transform:scale(1); -webkit-transform:scale(1); transition:all .2s ease; -webkit-transition:all .2s ease;}
.head .nav li:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.head .nav li:hover a{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.head .nav li a{ display:block; color:#333; height:32px; line-height:32px; padding:0 15px; transition:all .3s ease; -webkit-transition:all .3s ease; border-radius:40px;}
/*.head .nav ul,.head .nav .tel{ display:inline-block;}*/
.head .nav li.active a{ font-weight:bold;}
.top-bar{ text-align:right; padding-right:20px;}
.top-bar .tel, .top-bar .yuyan{ display:inline-block; vertical-align:middle;}
.top-bar .yuyan{ border-left:#ddd 1px solid; margin-left:15px;}
.top-bar .yuyan img{ height:20px;}
.top-bar .yuyan dt,.top-bar .yuyan dd{ display:inline-block; font-size:12px; height:20px; line-height:20px;}
.top-bar .yuyan dt{ padding-left:15px; cursor:pointer;}
.top-bar .yuyan dd{ padding-left:8px;}
.head .nav .tel{ font-size:24px; font-family: "impact"; padding-left:20px; margin-left:20px;}
.foot{ background:#222222; position:relative;}
.foot:before{ content:""; width:100%; height:45px; line-height:45px; background:#111; left:0px; top:0px; position:absolute;}
.foot-vip{ height:45px; line-height:45px; font-size:0px;}
.foot-vip h3 , .foot-vip .vip-item{ display:inline-block; font-size:12px; height:45px; line-height:45px; vertical-align:top; position:relative; z-index:20;}
.foot-vip h3{ font-size:16px; width:100px;}
.foot-vip .vip-item{ width:1100px; overflow:hidden; position:relative;}
.foot-vip ul{ display:block; position:absolute; left:0px; top:0px;}
.foot-vip ul li{ float:left; color:#999; width:275px; text-align:center; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; padding:0 10px;}
.foot-vip ul li:before{ content:""; position:absolute; height:15px; width:1px; background:#777; left:0px; top:17px;}
.foot-nav{ font-size:0px; padding:50px 0;}
.foot-nav .fn-left , .foot-nav .fn-right{ display:inline-block; vertical-align:top;}
.foot-nav .fn-left{ width:900px;}
.foot-nav .fn-left dl{ display:inline-block; width:180px; font-size:0px; vertical-align:top;}
.foot-nav .fn-left dt{ font-size:16px; color:#999; padding-bottom:30px; position:relative;}
.foot-nav .fn-left dt:before{ content:""; width:30px; height:1px; background:#444; bottom:10px; left:0px; position:absolute;}
.foot-nav .fn-left dd a{ display:block; height:26px; line-height:26px; font-size:12px; color:#888;}

.foot-nav .fn-right{ width:300px;}
.foot-nav .fn-right .ft-top{ font-size:30px; font-family:"impact"; background:url(../images/btui.png) no-repeat left center / 40px; padding-left:50px;}
.foot-nav .fn-right .ft-top p{ color:#888; font-size:12px; font-weight:"微软雅黑"; padding-bottom:5px;}
.fb-ewm{ font-size:0px; margin-top:15px; background:#333; border-radius:5px;}
.fb-ewm span{ display:inline-block; font-size:12px; vertical-align:middle;}
.fb-ewm span img{ padding:5px; background:#fff; border-radius:5px;}
.fb-ewm span:nth-child(1){ width:113px;}
.fb-ewm span:nth-child(2){ width:157px; color:#888; line-height:1.6; padding:0 15px; text-align:center;}
.foot-bottom{ padding:17px 0; border-top:#444 1px solid;}
.foot-bottom .contenter{ font-size:0px;}
.foot-bottom .fb-left , .foot-bottom .fb-right{ font-size:12px; display:inline-block; color:#555;}
.foot-bottom .fb-left{ width:800px;}
.foot-bottom .fb-right{ width:400px; text-align:right;}
#qq{ width:200px; position:fixed; right:-200px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#qq .qq-title{ width:30px; height:150px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:-30px; font-size:14px; text-align:center; color:#fff; padding:45px 5px; line-height:1.5; background:#000 url(../images/qq.png) no-repeat center 20px / 20px; border-radius:10px 0 0 10px;}
#qq .qq-items{ width:200px; background:#fff; border:#ddd 1px solid; border-right:none; padding:15px; box-shadow:0 0 5px rgba(0,0,0,0.2);}
#qq .qq-items h3{ font-size:14px; padding-bottom:15px; border-bottom:#ddd 1px solid;}
#qq .qq-items h3 span{ font-size:12px; font-weight:normal; color:#999; font-family:"Arial"; padding-left:5px;}
#qq .qq-items ul{ font-size:0px; display:block; padding:10px 0;}
#qq .qq-items ul li{ display:inline-block; width:50%; padding:10px 0;}
#qq .qq-items ul li:nth-child(2n){ text-align:right;}
#qq .qq-items .jianyi{ line-height:1.6; padding:15px 0; border-top:#ddd 1px dotted; color:#999;}
#qq .qq-items .qq-tel{ font-family:"impact"; font-size:22px; padding-top:15px; border-top:#ddd 1px dotted; background:url(../images/telui.png) no-repeat left 15px; padding-left:20px;}