@charset "utf-8";
html {
  color: #000;
  background: #fff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html * {
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
  font-family: "helvetica","Microsoft YaHei","黑体","宋体",sans-serif;
  width: 100%;
  height: 100%;
  /*font-family: "PingFang SC","等线 Light","Microsoft YaHei","helvetica","黑体",sans-serif;*/
}
* body {
  /* 取消文字复制 */
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; 
  /* 防止闪烁 */
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/* 去除默认边框 */
fieldset,
img {
  border: 0;
}
/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none;
}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}
/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
a{
  color: black;
}
a:link {
  text-decoration: none
  /* 指正常的未被访问过的链接*/
}
a:visited {
  text-decoration: none
  /*指已经访问过的链接*/
}
a:hover {
  text-decoration: none
  /*指鼠标在链接*/
}
a:active {
  text-decoration: none
  /* 指正在点的链接*/
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none;
}
input {
  border: none;
  outline: none;
  -webkit-appearance: none !important;
} 
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #bbb;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bbb;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bbb;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #bbb;
}
.marginLeft {
  float: left;
}
.marginRight {
  float: right;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  line-height: 0;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* 头部导航样式... */

/* header */
header{
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
header .headerCon{
  /*border-bottom: 1px solid #DCDCDC; */
  height: 1.2rem;   /*90px*/
  line-height: 1.2rem; /*90px*/
  position: relative;
}
.disScrollBars{
  /*height: 100%;
  background: rgba(255,255,255,1);
  background:#FFF;
  -webkit-transition:background 0.35s linear,height 0.35s ease-in 200ms;*/
  overflow: hidden;
  height: 100%;
}
.fixedBoxShaDow{
  box-shadow: 0 0 0.13333rem #999;
}
.mobile-inner-header{
  /*background-color: rgba(0,0,0,0.8);*/
  background: #FFFFFF;
  background-color: rgba(255,255,255,1);
  width: 100%;
  height: 1.2rem; /*90px*/
  position: absolute;
  top: 0px;
  left: 0px;
}
.mobile-inner-header div{
  float: right;
  text-align: center;
  /*width: 33.33%;*/
  font-size: 0.48rem;
  color: #000000;
  height: 1.2rem;
  line-height: 1.2rem;
}
.mobile-inner-header .mobile-backPrev{
  width: 15%;
}
.mobile-inner-header .mobile-middle{
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 1.2rem; /*90px*/
  font-size:0.33333rem;
  text-align: center;
  float:right;
  /*width: 1.06667rem;/*80px*/
  width: 15%;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  /*background-color: rgba(255,255,255,0.2);*/
  cursor: pointer;
}
/* 
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 0.53333rem) / 2);
  top: calc((100% - 0.02667rem) / 2);
  width: 0.53333rem;30px
  height: 0.02667rem;2px
  background-color: rgba(255,255,255,1);
  background: #000000;
  background: rgba(0,0,0,1);
}
.mobile-inner-header-icon span:nth-child(1){
  transform: translateY(0.05333rem) rotate(0deg);4px
  top:0.6rem;45px
}
.mobile-inner-header-icon span:nth-child(2){
  transform: translateY(-0.05333rem) rotate(0deg);4px
  bottom: 0.46667rem;35px
}
    
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
}   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  bottom: 0.57333rem;43px
}
  

@keyframes clickfirst {
  0% {
    transform: translateY(0.05333rem) rotate(0deg);4px
    
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
} 

@keyframes clicksecond {
  0% {
    transform: translateY(-0.05333rem) rotate(0deg);4px
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
} 


.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  -webkit-animation-name: outfirst;
}   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  -webkit-animation-name: outsecond;
}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-0.05333rem) rotate(0deg);4px
  }
} 

@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(0.05333rem) rotate(0deg);4px
  }
}
 */

/*导航动画样式  */
.navigation-is-open .cd-nav-trigger {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.cd-nav-trigger {
    position: absolute;
    z-index: 3;
    left: 5%;   
    top: 0.26667rem;/*20px*/
    height: 0.72rem;/*54px*/
    width: 0.72rem;/*54px*/
   /*  background-color: #243040; */ 
    border-radius: 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);   
    width: 0.53333rem;/*30px*/
    height:0.04rem;/*2px*/
    background-color: #000;

}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
    -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
    transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateY(-0.10667rem);/*8px*/
    -moz-transform: translateY(-0.10667rem);/*8px*/
    -ms-transform: translateY(-0.10667rem);/*8px*/
    -o-transform: translateY(-0.10667rem);/*8px*/
    transform: translateY(-0.10667rem);/*8px*/
}
.cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateY(0.10667rem);/*8px*/
    -moz-transform: translateY(0.10667rem);/*8px*/
    -ms-transform: translateY(0.10667rem);/*8px*/
    -o-transform: translateY(0.10667rem);/*8px*/
    transform: translateY(0.10667rem);/*8px*/
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    width: 50%;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s;
    -moz-transition: -moz-transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s;
}


/* 导航弹出层样式 */
.mobile-inner-nav{
  background-color: rgba(255,255,255,1);
  width: 80%;
  position: fixed;
  top: 1.1rem;/*90px*/
  left: 0px;
  bottom: 0;
  padding-top: 0.4rem;/*30px*/
  padding-bottom: 1.06667rem;/*80px*/
  display: none;
  z-index: 999;
}
.mobile-inner-nav a{
  display: inline-block;
  /*line-height: 0.66667rem;/*50px*/
  text-decoration: none;
  width: 80%;
  margin-left: 10%;
  color: #000;
  /*border-bottom: solid 1px rgba(0,0,0,0.3);*/
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
  font-size: 0.42667rem;/*32px*/
}
.mobile-inner-nav a:hover{
  color: rgba(0,0,0,0.4);
  /*border-bottom: solid 1px rgba(0,0,0,0.2);*/
}

.mobile-inner-nav a{
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: ReturnToNormal;
  animation-name: ReturnToNormal;
}

      
@keyframes ReturnToNormal {
  from {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@-webkit-keyframes ReturnToNormal {
  from {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


/*返回上一级箭头样式....*/
.mdui-icon{
  display: inline-block;
  position: relative;
  height: 0px;
  width: 0px;
  border-top: 0.26667rem solid transparent;/*20px*/
  border-right: 0.26667rem solid black;    /*20px*/
  border-bottom: 0.26667rem solid transparent;   /*20px*/
  vertical-align: text-bottom;
}
.mdui-icon:after{
  content: '';
  position: absolute;
  top: -0.25333rem ; /*19px*/
  left: 0.02667rem; /*2px*/
  border-top: 0.25333rem  solid transparent;/*19px*/
  border-right: 0.25333rem  solid #FFFFFF;
  border-bottom: 0.25333rem  solid transparent;
}

/* 二三级箭头样式.... */
.mobile-inner-nav  .item-has-children > a{
  position: relative;      
}
.mobile-inner-nav  .item-has-children > a::after{
  content: "";
  display: block;     
  position: absolute;
  width: 0px;
  height:0px; 
  top: 50%;
  right: 4.0rem;
  border-top: 0.13333rem transparent dashed;/*10px*/
  border-left: 0.13333rem  solid #000;
  border-right: 0.13333rem  transparent dashed;
  border-bottom: 0.13333rem transparent dashed;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  transform-origin: 4px 3px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.mobile-inner-nav .sub-menu{
  display: none;
  margin-left: 8%;
}
.mobile-inner-nav .item-has-children > a.submenu-open::after{
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
   transform: translateY(-50%) rotate(90deg);
}

/*footer部分样式...*/
footer{
  display: block;
  width: 100%;
  background: #F2F2F2;
}
footer .footerCon{
  padding-top: 0.8rem;
  padding-bottom: 0.66667rem;
  font-size: 0.34667rem;
}
footer .foo-JLett{
  display: block;
  text-align: center;
  margin-bottom: 0.25333rem ;
}
footer .foo-JLett img{
  display: inline-block;
  width: 0.54667rem;
  height: 0.42667rem;
  vertical-align: bottom;
  margin-right: 0.2rem;
}
footer .footerCon .qr-code{
  text-align: center;
  width: 100%;
}
footer .footerCon .qr-code img{
  width: 2.0rem;
  height: 2.0rem;
  display: inline-block;
  margin-bottom: 0.13333rem;
}
footer .footerCon .foo-telMsg{
  margin-left: 0.46667rem;
  margin-top: 0.8rem;
}
footer .footerCon .foo-JCom{
  margin-bottom: 0.26667rem;
}
footer .footerCon .foo-JCom span:first-child img{
  width: 0.4rem;
  height: 0.45333rem;
  vertical-align: top;
  display: inline-block;
  margin-right: 0.26667rem;
}
footer .footerCon .foo-JCom span:first-child a{
  text-decoration: underline;
}
footer .footerCon .foo-JCom span:first-child a:after{
  content: "|";
  display: inline-block;
  margin: 0 0.42667rem;
  color:#242938;
  vertical-align: top;
}
footer .footerCon .foo-JCom span:last-child img{
  display: inline-block;
  width: 0.53333rem;
  height: 0.38667rem;
  vertical-align:text-bottom;
  margin-right: 0.26667rem;
}
footer .footerCon .foo-telMsg p{
  font-size: 0.29333rem;
  color: #999;
}

/*侧边栏样式*/
.customerService{
   position: fixed;
   bottom: 10%;
   right: 0.4rem;
   z-index: 99;
}
.customerService img {
   display: block;
   width: 1.17333rem;
   height: 1.17333rem;
   margin-bottom: 0.26667rem;
}
.customerService img:last-child{
   background-color: rgb(91,229,214);
   border-radius: 1.33333rem;
}

/*遮罩层*/
.maskLayer{
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: rgb(0, 0, 0);
  z-index: 996;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}