/*右侧悬浮窗*/
.sidebardiv{ position:fixed; right:0px; bottom: 15%; z-index:5; width:70px; cursor:pointer;}
.sidebar{ position:relative;}
.sidebar .cwj{ width:70px; height:70px; left:0; text-align:center; font-size:16px; color:#fff; background:#3e89f9; position:relative; margin-bottom:1px;}
.sidebar .cwj em{ position:absolute; left:0; top:50%; transform:translatey(-50%); width:100%;}
.sidebar ul{ position:absolute; right:0; top: -215px; }
.sidebar li{ position:relative; height:70px; margin-top: 1px; cursor:pointer; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sidebar .mouse{position:absolute; right:110% top:0px; opacity:0; visibility:hidden; z-index: 0;}
.sidebar .img{background:#fff; height:70px; line-height: 70px; text-align:center; width:70px; overflow: hidden; position: relative; z-index: 1;}
.sidebar .img img{ width:40px;display: inline-block !important;}
.sidebar li.linow .img .show, .sidebar li.linow .img .hide{transform:translatey(-70px);-webkit-transform:translatey(-70px);-moz-transform:translatey(-70px)}

.sidebar li.linow .img{ background: #3e89f9;}
.sidebar .linow .mouse{ opacity:1; visibility:visible;}
.sidebar .li02 .mouse{ box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);top: 0;right: 100%;}
.sidebar .li02.linow .mouse{ 
    right: 110%;}
.sidebar .li02 .bbb{ background:#fff;   box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);text-align: center;padding: 15px;}
.sidebar .li02 .title{font-size: 14px; }
.sidebar .li02 .list2{ }
.sidebar .li02 .list2 dd{ }
.sidebar .li02 .list2 dd img{ width:100px;margin: 15px 0 0 ;}
.sidebar .li03 .mouse{ top: 0;right: 100%;background:#fff;  line-height:70px;  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sidebar .li03.linow .mouse{right: 110%;}
.sidebar .li03 .tel{ line-height: 70px; padding-left: 20px; font-size: 14px; color: #939393; white-space: nowrap;}
.sidebar .li03 .tel em{ padding: 0 15px; font-size: 18px; color: #3e89f9; font-family: 'mont'; }
.sidebar .li04 .mouse{ background:#fff; line-height:70px; top: 0;
    right: 100%; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);white-space: nowrap;}
.sidebar .li04.linow .mouse{ right: 110%; }
.sidebar .li04 .title{ line-height: 70px; padding:0 15px; color: #3e89f9; font-size: 14px; }

.topa{ display:block; width: 70px; height: 70px; background: #3e89f9; position:relative; }
.topa:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -4px; width: 12px; height: 8px; background:  no-repeat;}

.pagebg{ position:fixed; z-index:999; width:100%; height:100%; display:none; background:rgba(0,0,0,0.5); left:0px; top:0px; cursor:pointer;}

/* 表单 */
.closeico{ position: absolute; visibility: hidden; opacity: 0; right: 0; top: 0; width: 90px; height: 80px; background: #3e89f9; text-align: center; color: #fff; font-size: 14px;border-radius: 0 0 0 40px;}
.closeico.on{ visibility: visible; opacity: 1; }
.closeico.off{ visibility: hidden; opacity: 0; }

.closeico img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; }



.zznav{ position: fixed; right: 0; top: -100%; width: 30%; background: #ffffff; height: 100%; z-index: 999; overflow: hidden;}
@media screen and (max-width:1660px){
	.zznav{width: 50%;}
}
@media screen and (max-width:768px){
	.zznav{width: 100%;}
}
.zznav.on{ opacity: 1; height: 100%; }
.zznav .main{ padding: 100px 0 0 30px;}
.zznav .scroll{ overflow: auto; padding-bottom: 50px; overflow: hidden;}

.zznav .scroll::-webkit-scrollbar {
  width: 4px;
}
.zznav .scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zznav .scroll::-webkit-scrollbar-thumb {
  background-color: #3e89f9;
}

.zznav .title{ font-size: 32px; color: #3e89f9; line-height: 32px; font-weight: bold; padding-bottom: 50px; }
.zznav .msg{ font-size: 14px; color: #999; padding-bottom: 15px; }
.zznav .txt{ font-size: 14px; color: #999; font-weight: bold; padding-bottom: 15px;}
.zznav .txt em{ color: #3e89f9; padding-left: 0.15rem;}
.zznav .multiple li{ float: left; width: 33.33%; font-size: 0.18rem; padding-bottom: 0.12rem; }
.zznav .multiple li .lbox{ position: relative; cursor: pointer; padding-left: 0.28rem; height: 0.36rem; line-height: 0.36rem; color: #000; background:  left center no-repeat; background-size: 0.16rem; }
.zznav .multiple .linow .lbox{ background:  left center no-repeat; background-size: 0.16rem;}
.zznav .form{ overflow: hidden; }
.zznav .form ul{}
.zznav .form li{ float: left; width: 50%; padding-bottom: 15px; }
.zznav .form li .box{ margin-right: 4px; }
.zznav .form li p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zznav .form li p em{ color: #3e89f9; padding-left: 15px;}
.zznav .form li .input1{ width: 100%;  line-height: 50px; background: #eee; font-size: 14px;padding: 0 5px; }
.zznav .form2 h2{ color: #888; margin-bottom: 15px;font-size: 14px;}
.zznav .form2 textarea{ width: 100%; height: 100px; background: #eee; padding: 5px;}
.zznav .btndiv{ padding-top: 15px; }
.zznav .btndiv a{ display: block; width: 180px; line-height: 50px; background: #3e89f9; color: #fff; font-size: 16px; font-weight: bold; text-indent: 35px; position: relative; }
.zznav .btndiv a:before{ content: ''; position: absolute; right: 35px; top: 20px;width: 17px; height: 7px; background: url(/uploads/image/psimg/nimg17_1on.png) center no-repeat; background-size: 17px; }

.zznav .selectbox{ margin-right: -0.4rem; }
.zznav .selectbox .leftdiv, .zznav .selectbox .rightdiv{width: 100%;}
.zznav .selectbox .ddan{ margin-right: 0.4rem; }
.zznav .selectbox .bdc{ margin-right: -10px; }
.zznav .selectbox .lidiv{ width: 50%; float: left; padding-bottom: 10px; position:relative;}
.zznav .selectbox .lidiv2{ width: 100%; }
.zznav .selectbox .lidiv p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zznav .selectbox .lidiv p em{ color: #3e89f9; padding-left: 0.15rem;}

.zznav .selectbox .lidiv .box{ margin-right: 10px;}
.zznav .selectbox .select{ width: 100%; position: relative;}
.zznav .selectbox .select dt{line-height: 50px; border: #3e89f9 solid 2px; display: inline-block; width: 100%; background: #fafafa  no-repeat right center;  cursor: pointer; overflow: hidden; position: relative; }
.zznav .selectbox .select dt a{ font-size: 14px; color: #000; position: relative; padding-left: 10px; display: block; text-align: left; overflow: hidden;} 
.zznav .selectbox .select dd{ margin: 0;position: absolute;left: 0px;top: 100%; z-index: 10; width: 100%; } 
.zznav .selectbox .select dd ul {list-style: none; overflow: auto; padding: 0 10px; background: #fff; border: #3e89f9 solid 2px;box-sizing: border-box;} 
.zznav .selectbox .select dd ul li{ width:100%; text-align:left; line-height: 40px; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.zznav .selectbox .select dd ul li:last-child{ border-bottom:none;}
.zznav .selectbox .select dd ul li:hover{ color: #3e89f9; }
.zznav .selectbox .select.on dt{ color: #3e89f9;}

.zznav .selectbox .select dd ul::-webkit-scrollbar {
  width: 4px;
}
.zznav .selectbox .select dd ul::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zznav .selectbox .select dd ul::-webkit-scrollbar-thumb {
  background-color: #3e89f9;
}
.clear{clear: both;}

.fadeinup50 {
  -webkit-animation-name: fadeinup50;
  -moz-animation-name: fadeinup50;
  -ms-animation-name: fadeinup50;
  animation-name: fadeinup50;
}
@-webkit-keyframes fadeinup50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeinup50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeinup50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeinup50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeinleft50 {
  -webkit-animation-name: fadeinleft50;
  -moz-animation-name: fadeinleft50;
  -ms-animation-name: fadeinleft50;
  animation-name: fadeinleft50;
}
@-webkit-keyframes fadeinleft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeinleft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeinleft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeinleft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeinright50 {
  -webkit-animation-name: fadeinright50;
  -moz-animation-name: fadeinright50;
  -ms-animation-name: fadeinright50;
  animation-name: fadeinright50;
}
@-webkit-keyframes fadeinright50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeinright50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeinright50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeinright50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}