.ModuleGridContainer.ModuleGridContainer18454042 {}
.ModuleNavGiant.layout-101 .main-nav-content {
  position: relative;
  width: 100%;
  background-color:#000;
  height:61px;
  margin: 0 auto;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s; 
  -o-transition: all 0.3s;
  line-height: 0;
  overflow: hidden;
}
/*PC版背景色*/
.ModuleNavGiant.layout-101 .aroundMune{
   position: absolute;
   display: flex;
   align-items: center;
   right: 0px;
   padding:0 10px;
   height: 100%;
   z-index: 5;
   transform: rotateY(90deg);
}
.ModuleNavGiant.layout-101 .aroundMune.active{
  transform: rotateY(0deg);
}
.ModuleNavGiant.layout-101 .moveMenuRight, .ModuleNavGiant.layout-101 .moveMenuLeft{
   display: inline-block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   font-size: 16px;
   color:#666;
   text-align: center;
   border:1px solid rgba(0,0,0,.1);
   border-radius: 5px;
   cursor: pointer;
}
.ModuleNavGiant.layout-101 .main-nav-content .moveMenuRight{
  background-color: rgba(238,238,238,.6);
}
.ModuleNavGiant.layout-101 .main-nav-content .moveMenuLeft{
   display:none;
   background-color: rgba(238,238,238,.6);
   margin-right: 10px

}
.ModuleNavGiant.layout-101 .moveMenuRight:hover, .ModuleNavGiant.layout-101 .moveMenuLeft:hover{
   color:#fff;
   background-color:rgba(204,204,204,.6);
}

.ModuleNavGiant.layout-101 .main-nav-content >.blank-solve{
  width:90%; margin:0px auto;

}
.ModuleNavGiant.layout-101 .main-nav-item-group {
  float: left;
  text-align:center;
  width:6.66%;
  margin-left:5%; margin-right:5%;
}
.ModuleNavGiant.layout-101 .main-nav-item {
  display: inline-block;
  box-sizing: content-box;
  height: 80px;line-height:80px;
  padding: 0px;
  font-size: 14px;
  color: #e0e0e0;
  position: relative;
}
.ModuleNavGiant.layout-101 .main-nav-item::before {
  content: '';
  position: absolute;
  width: 0%;
  border-top:3px solid #1976d2;
  transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; 
  -o-transition: all 0.2s ease-out 0s;
  z-index: 1;
  left: 50%;
  top: 0;
}
.ModuleNavGiant.layout-101 .main-nav-item-hover::before {
  width: 100%;
  z-index: 1;
  left: 0;
}
.ModuleNavGiant.layout-101 .sub-nav-item-group {
  width:10%;
  text-align: center;
  border-top: 2px solid #333;
  display: none;

}
.ModuleNavGiant.layout-101 .sub-nav-item {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  border-bottom: 1px solid #e6e6e6;
  transition:all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s; 
  -o-transition: all 0.5s;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.ModuleNavGiant.layout-101 .sub-nav-item:last-child {
  border-bottom: none!important;
}
.ModuleNavGiant.layout-101 .sub-nav-item:hover {
  padding-left: 10px;
  background-color: #f7f7f7;
}



#module_18468445:hover >.module_18468445 {box-shadow: 0px 0px 0px 0px #ccc;transition: box-shadow 0.5s ease 0s;}

#module_18468445 .main-nav-item{height:60px;line-height:60px} #module_18468445 .main-nav-content{height:60px;}

#module_18468445 .main-nav-content{text-align:left;}
#module_18468445 .main-nav-item{font-size:16px; color:#acacac; font-family:微软雅黑,Microsoft YaHei;}
/*pc版导航文字颜色*/

#module_18468445 .main-nav-item{}



.ModuleMobileNavGiant.layout-101 p{ color: #000; text-align:center; font-weight:normal;}
.ModuleMobileNavGiant.layout-101 .subnav li a { font-size: 15px;}
.ModuleMobileNavGiant.layout-101 .mobileNav_1.showFloatNav{    -ms-transform: translateX(17rem) !important;
    -khtml-transform: translateX(17rem) !important;
    -webkit-transform: translateX(17rem) !important;
    -o-transform: translateX(17rem) !important;
    -moz-transform: translateX(17rem) !important;
    transform: translateX(17rem) !important;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;}
 .mobileFootNav_1.showFloatNav {
    -ms-transform: translateX(17rem) !important;
    -khtml-transform: translateX(17rem) !important;
    -webkit-transform: translateX(17rem) !important;
    -o-transform: translateX(17rem) !important;
    -moz-transform: translateX(17rem) !important;
    transform: translateX(17rem) !important;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.ModuleMobileNavGiant.layout-101 .maxlarge{max-width: 10rem;}
.ModuleMobileNavGiant.layout-101 .maxmiddle{max-width: 8rem;}
.ModuleMobileNavGiant.layout-101  .header-model{width: 100%; height: 3rem;}
.ModuleMobileNavGiant.layout-101 .micro-nav-item{ background:#f5f5f5;max-height: calc(100vh);z-index: 99999;-webkit-overflow-scrolling: touch;}
 .mobileNavFloatLayer_1 {  display: block;  visibility: hidden;  width: 17rem;  height: 100%;  -ms-transform: translateX(-17rem);  -khtml-transform: translateX(-17rem);  -webkit-transform: translateX(-17rem);  -o-transform: translateX(-17rem);  -moz-transform: translateX(-17rem);  transform: translateX(-17rem);  -ms-transition: 0.5s;  -webkit-transition: 0.5s;  -khtml-transition: 0.5;  -o-transition: 0.5s;  -moz-transition: 0.5s;  transition: 0.5s;  -webkit-box-shadow: inset -0.3rem 0rem 0.5rem rgba(0,0,0,.3);  -ms-box-shadow: inset -0.3rem 0rem .5rem rgba(0,0,0,.3);  -moz-box-shadow: inset -0.3rem 0rem .5rem rgba(0,0,0,.3);  -o-box-shadow: inset -0.3rem 0rem .5rem rgba(0,0,0,.3);  box-shadow: inset -0.3rem 0rem 0.5rem rgba(0,0,0,.3);  }
.ModuleMobileNavGiant.layout-101 .micro-nav-item ul li{  color: #000;border-bottom: 1px solid #c5c4c4; }
/*手机版下拉菜单一级底线*/
.ModuleMobileNavGiant.layout-101 .micro-nav-item ul  li.on{border-left: 5px solid #888888;transition: all .3s ease-out }
.ModuleMobileNavGiant.layout-101 .micro-nav-item>ul>li>a{padding-left:15%; font-size: 15px; color:#000000; display: block;  height: 65px; line-height: 65px; position: relative;}
.ModuleMobileNavGiant.layout-101 .micro-nav-item>ul>li>a .main-class-colorlump{width: 10px;height: 66px;background-color: #888;display: none;vertical-align: middle;top: unset; margin-right: 0; transform: unset; position: unset;}
.ModuleMobileNavGiant.layout-101 .micro-nav-item ul li i{ width:18.5px; height: 20px;  display: inline-block; margin-right: 1.06rem; position: absolute; top: 50%;  transform: translateY(-50%);}
.ModuleMobileNavGiant.layout-101 .micro-nav-item ul li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size: 15px;position: absolute; top: 50%;  transform: translateY(-50%); margin-left: 2.06rem;}
.ModuleMobileNavGiant.layout-101 .micro-nav-item ul  li.open>a .more:before { content: "\e6a6";   }
.ModuleMobileNavGiant.layout-101 .subnav{ z-index: -99;}
.ModuleMobileNavGiant.layout-101 .micro-nav{ position: absolute; top: 50px;    width: 100%;display: none;}
.ModuleMobileNavGiant.layout-101 .more{z-index: 999;font-size: 20px; text-align: center;width: 50px; height: 100%; display: inline-block; position: absolute; right: 0;top: 50%;  transform: translateY(-50%);     transition: all 0.4s ease;}
.ModuleMobileNavGiant.layout-101 .treenav li a.treemenu{padding-left:30%;}
/*滚动条*/
.ModuleMobileNavGiant.layout-101 .micro-nav-item {  overflow: auto; height: 100%;}
.ModuleMobileNavGiant.layout-101 #accordion{    position: relative; top: 0;  }
/*二级导航*/
.ModuleMobileNavGiant.layout-101 .subnav a{padding-left: 25%; display: block; font-size:15px;position: relative; height: 65px; line-height: 65px; background-color:#fff; border-bottom: 1px solid #e0dfdf;}
/*手机版下拉菜单二级底线*/
.ModuleMobileNavGiant.layout-101 .containers{ width: 100%;  height: 100%;  max-width: 100%;  overflow: hidden; position: relative;  }
.ModuleMobileNavGiant.layout-101 header {  height:50px!important;  background: #f5f5f5;  font-size: 16px;  font-weight: 700;  color: #000;  line-height: 50px;  -moz-box-sizing: border-box;  box-sizing: border-box;  width: 100%;  height: 50px;  padding: 0 0  }
/*手机版背景色*/
.ModuleMobileNavGiant.layout-101 header {  box-sizing: border-box;  width: 100%  }
.ModuleMobileNavGiant.layout-101 header a.mm-hbtn {  background: center center no-repeat transparent;  display: block;  width: 30px;  height: 30px;  position: absolute;  top: 0;  left: 10px;  margin: 10px  }
.ModuleMobileNavGiant.layout-101 .lcbody {  width: 30px;  height: 30px;  position: relative;  transform: translateZ(0) rotate(0);  transition: transform .4s cubic-bezier(.4,.01,.165,.99)  }
.ModuleMobileNavGiant.layout-101 .lcitem {  position: absolute;  left: 0;  top: 0;  transform: translateZ(0) rotate(0);  transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;  -webkit-transform: translateZ(0) rotate(0);  -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;  width: 30px;  height: 30px  }
.ModuleMobileNavGiant.layout-101 .lcitem .rect {  width: 30px;  height: 2px;  background: #000;  position: absolute;  left: 0;  top: 46%;  transition: transform .2s ease .2s;  -webkit-transition: -webkit-transform .2s ease .2s  }
/*手机版下拉按钮颜色*/
.ModuleMobileNavGiant.layout-101 .lcitem .rect.top {  transform: translate3d(0,-6px,0);  -webkit-transform: translate3d(0,-6px,0) }
.ModuleMobileNavGiant.layout-101 .lcitem .rect.bottom {  transform: translate3d(0,6px,0);  -webkit-transform: translate3d(0,6px,0)  }
.bodyfixd{position:fixed;width:100%;height:100%;overflow: hidden}
.bodyabstre{position:absolute;width:100%;height:100%;overflow: hidden}
.ModuleMobileNavGiant.layout-101 .view-change header .mm-hbtn .lcbody {  transform: translateZ(0) rotate(90deg);  -webkit-transform: translateZ(0) rotate(90deg)  }
.ModuleMobileNavGiant.layout-101 .view-change header .mm-hbtn .lcitem {  transform: translateZ(0) rotate(45deg);  transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;  -webkit-transform: translateZ(0) rotate(45deg);  -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s  }
.ModuleMobileNavGiant.layout-101 .view-change header .mm-hbtn .lcitem.bottom {  transform: translateZ(0) rotate(-45deg);  -webkit-transform: translateZ(0) rotate(-45deg)  }
.ModuleMobileNavGiant.layout-101 .view-change .mm-hbtn .lcitem .rect {  transition: transform .2s ease .2s;  transform: translate3d(0,0,0);  -webkit-transition: -webkit-transform .2s ease .2s;  -webkit-transform: translate3d(0,0,0)  }
.ModuleMobileNavGiant.layout-101 .subnav li:first-child{border-top: 1px solid #666;}
.ModuleMobileNavGiant.layout-101 .subnav li{border: 0 ! important}
.ModuleMobileNavGiant.layout-101 .subnav li:last-child{border-bottom:0;}
.ModuleMobileNavGiant.layout-101 #mobileDesignerContainer #pagebody {
    margin-top:3rem;
}
.ModuleMobileNavGiant.layout-101 #header p img{
    max-height: 40px;
    margin-right: 8px;
}
@media only screen and (max-width: 767px){
    .mobileNav {  width: 100%;  height: 3rem;  line-height: 3rem;  text-align: center;    position:fixed;}

    .mobileNavFloatLayer_1 {  display: block;  visibility: hidden;  width: 17rem;  height: 100%;  -ms-transform: translateX(-17rem);  -khtml-transform: translateX(-17rem);  -webkit-transform: translateX(-17rem);  -o-transform: translateX(-17rem);  -moz-transform: translateX(-17rem);  transform: translateX(-17rem);  -ms-transition: 0.5s;  -webkit-transition: 0.5s;  -khtml-transition: 0.5;  -o-transition: 0.5s;  -moz-transition: 0.5s;  transition: 0.5s;  -webkit-box-shadow: inset -0.3rem 0rem 0.5rem rgba(0,0,0,.3);  -ms-box-shadow: inset -0.3rem 0rem .5rem rgba(0,0,0,.3);  -moz-box-shadow: inset -0.3rem 0rem .5rem rgba(0,0,0,.3);  -o-box-shadow: inset -0.3rem 0rem .5rem rgba(0,0,0,.3);  box-shadow: inset -0.3rem 0rem 0.5rem rgba(0,0,0,.3);  }
}
@media only screen and (min-width: 768px){
    .ModuleMobileNavGiant.layout-101 #mobileDesignerContainer #pagebody {
        margin-top:0px;
    }
    .ModuleMobileNavGiant.layout-101 .header-model{ display: none;}
}


html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}
/* 图片自适应 */
img{max-width: 100%;height: auto;width:auto\9; /* ie8 */-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/}
/*取消chrome表单自动填充颜色*/
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset }
/* 去除iPhone中默认的input样式 */
input[type="submit"],input[type="reset"],input[type="button"],input,button{-webkit-appearance:none; resize: none;}

html{height: 100%;font-size: 16px;}
body{height: 100%;color: #333;line-height:1.5;
	font-family: "Helvetica Neue", Helvetica, Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
/* 因为文章和产品详情会有表格 margin:0表格无法居中 */
.ModuleNewsDetailGiant .news-details-item table,.ModuleProductDetailGiant .particularsMain table{margin: auto;}
em,i{font-style:normal;}
textarea,select{border:1px solid #ddd;}
a{text-decoration:none;font-size:1rem;color:#333;font-family: "Helvetica Neue", Helvetica, Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;outline:none;}
a:hover{color:#333; text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: "Helvetica Neue",Helvetica, Arial,Tahoma,"Microsoft YaHei",  "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;outline:none;;}
img{border: none;}
p{color: #333;font-family: "Helvetica Neue",Helvetica, Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;outline:none;;}
select{border: 1px solid #ddd;}
form{padding: 0;margin: 0;display: block;overflow: hidden;}
hr{margin:5px auto;}
.horizontal{border-style: initial;border-width: 1px;border-color:#000;}
.img-responsive{margin: 0 auto;}

@media screen and (min-width:768px){
	#MobileNav,#MobileNavRenderElem,#MobileNavFloatLayer,#MobileNavMask,.FootNavMask,.FootNavQRCodeImg,.QQList,#MobileFootNav{display:none;}
	.ModuleNav,.ModuleNavGiant{display:block;}

	.ModuleNav .pre_nav .nav,
	.ModuleNav .navMainItemGroup,
	.ModuleNav .BodyCenter,
	.ModuleNavGiant .pre_nav .nav,
	.ModuleNavGiant .main-nav-item-group,
	.ModuleNavGiant .BodyCenter{display:block;}
}

@media screen and (max-width:767px){
	#MobileNav,#MobileNavRenderElem,#MobileNavFloatLayer,#MobileNavMask,.FootNavMask,.FootNavQRCodeImg,.QQList,#MobileFootNav{display:block;}
	.ModuleNav,.ModuleNavGiant{display:none;}
	div[ModuleType=ModuleNav],div[ModuleType=ModuleNavGiant]{display:none;}

	.ModuleNav .pre_nav .nav,
	.ModuleNav .navMainItemGroup,
	.ModuleNav .BodyCenter,
	.ModuleNavGiant .pre_nav .nav,
	.ModuleNavGiant .main-nav-item-group,
	.ModuleNavGiant .BodyCenter{display:none;}
}

.ModuleItem[alwaysshow="1"],
.ModuleItem[alwaysshow="1"] .ModuleNav,
.ModuleItem[alwaysshow="1"] .ModuleNav .pre_nav .nav,
.ModuleItem[alwaysshow="1"] .ModuleNav .navMainItemGroup,
.ModuleItem[alwaysshow="1"] .ModuleNav .BodyCenter,
.ModuleItem[alwaysshow="1"] .ModuleNavGiant,
.ModuleItem[alwaysshow="1"] .ModuleNavGiant .pre_nav .nav,
.ModuleItem[alwaysshow="1"] .ModuleNavGiant .main-nav-item-group,
.ModuleItem[alwaysshow="1"] .ModuleNavGiant .BodyCenter{display:block !important;}

.mobileNav { width: 100%; height: 2.813rem; line-height: 2.813rem; text-align: center; position: fixed; z-index: 950; }
.mobileNav .showFloatLayerBtn { cursor: pointer; background:url(../images/phoneMenu.png) no-repeat;width:1.563rem; height:1.563rem;background-size: 100%;}
.mobileNavRenderElem { width: 100%; height: 2.813rem;}
.mobileNavFloatLayer { display: none; height: 100%; top: 0px; position: absolute; position: fixed; z-index: 100; }
.mobileNavFloatLayer .itemList { }
.mobileNavFloatLayer .itemList .item { }
.mobileNavFloatLayer .itemList .item .itemLink {display:block; font-size:0.875rem;text-decoration:none;font-family: font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;}
.mobileNavFloatLayer .itemList .item .itemLink .icon { background-size: 100% 100%; }
.mobileNavFloatLayer.itemType0 .itemList .item .itemLink .icon { display: block; }
.mobileNavFloatLayer.itemType1 .itemList .item .itemLink .icon { display: none; }
.mobileNavMask {position:fixed;display:block;visibility:hidden; top:0rem;left:0rem;width:100%;height:100%;z-index:99;background:#BBBBBB;opacity:0;-ms-transition: 0.5s; -webkit-transition: 0.5s; -khtml-transition: 0.5; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}

.mobileNav_1.showFloatNav { -ms-transform: translateX(10rem); -khtml-transform: translateX(10rem); -webkit-transform: translateX(10rem); -o-transform: translateX(10rem); -moz-transform: translateX(10rem); transform: translateX(10rem); }
.mobileNavFloatLayer_1.showFloatNav { visibility:visible; -ms-transform: translateX(0); -khtml-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.5s; }
.mobileNavFloatLayer_1.showFloatNav .itemList { -ms-transform: translateX(0); -khtml-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
.mobileNavFloatLayer_1.showFloatNav .itemList .item { -ms-transform: translateX(0); -khtml-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
.mobileFootNav_1.showFloatNav{-ms-transform: translateX(10rem) !important; -khtml-transform: translateX(10rem) !important; -webkit-transform: translateX(10rem) !important; -o-transform: translateX(10rem) !important; -moz-transform: translateX(10rem) !important; transform: translateX(10rem) !important;-ms-transition: 0.5s; -webkit-transition: 0.5s; -khtml-transition: 0.5; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.mobileNavMask_1.showFloatNav{visibility:visible;opacity:0.5;-ms-transform: translateX(10rem) !important; -khtml-transform: translateX(10rem) !important; -webkit-transform: translateX(10rem) !important; -o-transform: translateX(10rem) !important; -moz-transform: translateX(10rem) !important; transform: translateX(10rem) !important;}