﻿@charset "utf-8";
body{behavior:("csshover3.htc"); }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr,.clear{margin:0; padding:0; }
a img{border:none; }
/* 要注意表单元素并不继续父级 font 的问题 */
body, button, input, select, textarea{font:14px/1.5 "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, arial, tahoma, \5b8b\4f53; }
input, select, textarea {font-size:100%; }
/* 去掉各Table cell 的边距并让其边重合 */
table{border-collapse:collapse; border-spacing:0; }
/* IE bug fixed: th 不继续 text-align*/
th{text-align:inherit; }
/* 去除默认边框 */
fieldset, img, a img{border:0; }
/* 去掉列表前的标识, li 会继承 */
ol, ul{list-style:none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th{text-align:left; }
/* 来自yahoo, 让标题都自定义 */
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:500; }
/* 默认显示下划线，保持页面简洁 */
ins, a{text-decoration:none;color:#666;}
/* 让链接在 hover 状态下显示下划线 */
a:hover{text-decoration:none; color:#FE700C; }
/* 清理浮动 */
/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right{display:inline; }
.fn-left{float:left; }
.fn-right{float:right; }
.clear{clear:both; }
.clearight {clear:right; }
.clearleft {clear:left; }
.mr0{margin-right:0px;}
.ml0{margin-right:0px;}
.w1110{width:100%; max-width:1110px; _width:1110px; margin:0 auto;}
.w1440{width:100%; max-width:1440px; _width:1440px; margin:0 auto;}
.w1900{width:100%; max-width:1900px; _width:1900px; margin:0 auto;}
body{margin:0 auto; width:100%; min-width:320px; padding:0; background-color:#f3f3f3;}

/*head-top*/
.head{position:relative; background-color:#fff;}
.head_top{position:relative; height:36px; background:#333; z-index:200;}
.head_topin{position:relative; height:36px; z-index:10;}
.head_topin p{color:#fff; line-height:36px;}
.head_topin_right{cursor:pointer; height:36px;}

.zhitongche .w1110{position:relative; z-index:100;}
.zhitongchein{position:absolute; z-index:-50; top:-440px; right:-40px; width:718px; height:400px; padding:20px 36px; background:#f5f5f5; box-shadow:0px 0px 4px #c0bebf; -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.show .zhitongchein{-webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);s}
.lan_click {display:none; position:absolute; top:0; right:-16px; width:16px; height:34px; background:url(../../images/deco2016/zhitong.png) no-repeat left;}
.zhitongchein span{display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d0d0d0; font-size:18px; color:#FE700C; line-height:36px; height:36px;}
.zhitongchein1{height:32px; line-height:32px; padding-left:2px; padding-top:10px; color:#333; font-size:18px;}
.zhitongchein2{height:32px; line-height:32px; padding-left:33px; padding-bottom:10px; border-bottom:1px #ccc dashed; color:#555;}
.zhitongchein2 a{font-size:14px; color:#555;}
.zhitongchein1 a{font-size:18px; color:#333;}
.zhitongchein1 a:hover, .zhitongchein2 a:hover{color:#FE700C;}

.head_mainin{height:100px;}
.head_mainin .fn-left{margin-top:20px;}

/*nav*/
.nav{overflow:hidden;}
.nav li{position:relative; float:left; width:90px; height:100px; z-index:50; -webkit-backface-visibility:hidden; backface-visibility: hidden;}
.nav a{display:block; width:90px; font-size:16px; text-align:center; height:100px; line-height:100px; z-index:50; color:#666;}
.nav li:after{position:absolute; top:0; left:0; z-index:-22; width:100%; height:100%; background:#3e3e3e; content:'';
  -webkit-transition:-webkit-transform 0.3s;
  transition:transform 0.3s;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
}
.nav li.current:after{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nav a:hover{color:#ffa126;}

#data div.m-p-grey p, #data p#addparameter{color: #898989; font-size: 12px;}

/*foot*/
.foot{background:#333; position:relative;}
.footin {height:100px; padding-top:20px; padding-bottom:10px; color:#CCC;}
.dibu{ line-height:26px;}
.youlian{ padding-top: 2px; color:#CCC;}
.footin a{ color:#CCC;}
.footin a:hover{ color:#F60}
.dibu-sm{ text-align:center; line-height:24px;}

#wechat{position:absolute; bottom:0; right:5px; z-index:100; height:194px;}
.nav-sm{display:none; float:right;}
.visible-sm{display:none;}

.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.logo{background: url(../../images/deco2016/logo.png); width:266px; height:58px; text-indent:-2500px;}
.nav-sm-li{border:1px solid #e3e3e3;
  border-radius:3px;
  line-height:43px;
  background:#f3f3f3;
  width:119px;
  text-align:center;
  margin-top:70px;
  position:absolute;
  right:0;
  z-index:100;
  display:none;
}
.nav-sm-li li{border-bottom: 1px solid #e3e3e3;}

/*kefu*/
.toolbar-item,.toolbar-layer{background:url(../../images/deco2016/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:240px; z-index:33;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}


/*适应*/
@media screen and (max-width: 1208px) {
  .zhitongchein {right:0px;}
}

/* PAD */
@media (min-width:992px) and (max-width:1100px) {
  .w1110{width:98%; margin-left:10px;}
}
@media (min-width:768px) and (max-width:991px) {
  .logo{background:url(../../images/deco2016/logosmall.png); width:108px; height:58px; text-indent:-1000px;}

}
/* Phones or something */
@media (max-width:768px){
  .visible-xl{display:none;}
  .nav{display:none;}
  .nav-sm{display:block; margin-top:35px;}
  .logo{ background:url(../../images/deco2016/logosmall.png); width:108px; height: 58px; text-indent:-1000px;}
  .visible-sm{display:block;}
  .head_topin_right{display:none;}
  .w1110{margin:0 5px; width:98%;}
}
@media (max-width:320px){
  .w1110{width:95%; margin:0 5px;}
  .logo{ background:url(../../images/deco2016/logosmall.png); width:108px; height: 58px; text-indent:-1000px;}
  .visible-xl{display:none;}
  .nav{display:none;}
  .visible-sm{display:block;}
  .head_topin_right{display:none;}
  .dibu{ height:100px; overflow:hidden;}
}
