﻿
/*右侧悬浮窗*/
.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:#ff6537; 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:70px; 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 a{display: block;line-height: inherit;height: 100%;}
.sideBar .img img{ width:40px;display: inline-block;vertical-align: middle;}
.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: #ff6537;}
.sideBar .liNow .mouse{ opacity:1; visibility:visible;}
.sideBar .li02 .mouse{  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .li02.liNow .mouse{ right: 80px; }
.sideBar .li02 .bbb{ background:#fff; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14); padding: 10px 20px;}
.sideBar .li02 .title{ font-size: 14px; text-align: center;margin-bottom: 10px;}
.sideBar .li02 .list2{/* padding: 10px 0; */  }
.sideBar .li02 .list2 dd{  }
.sideBar .li02 .list2 dd img{ width:100px;}
.sideBar .li03 .mouse{ background:#fff; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .li03.liNow .mouse{ right: 80px; }
.sideBar .li03 .tel{ line-height: 70px; padding:0 20px; font-size: 14px; color: #939393;white-space: nowrap; }
.sideBar .li03 .tel em{ padding-left: 18px; font-size: 18px; color: #ff6537; font-family: 'mont'; }
.sideBar .li04 .mouse{ background:#fff;  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .li04.liNow .mouse{ right: 80px; }
.sideBar .li04 .title{ line-height: 70px; padding:0 20px; color: #ff6537; font-size: 14px;white-space: nowrap; }

.topA{ display:block; width: 70px; height: 70px; background: #ff6537; position:relative; }
.topA:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -4px; width: 12px; height: 8px; background: url(../img/topA.png) 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: #ff6537; 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: #ff6537;
}

.zzNav .title{ font-size: 32px; color: #ff6537; 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: #ff6537; 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: url(../img/limg16_1.jpg) left center no-repeat; background-size: 0.16rem; }
.zzNav .multiple .liNow .lbox{ background: url(../img/limg16_1on.jpg) 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: #ff6537; padding-left: 15px;}
.zzNav .form li .input1{ width: 100%;  line-height: 50px;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: #ff6537; 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(../img/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: #ff6537; 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: #ff6537 solid 2px; display: inline-block; width: 100%; background: #fafafa url(../img/selectIco.jpg) no-repeat right center;  cursor: pointer; overflow: hidden; position: relative; }
.zzNav .selectBox .select dt a{ line-height: 50px;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: #ff6537 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: #ff6537; }
.zzNav .selectBox .select.on dt{ color: #ff6537;}

.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: #ff6537;
}
.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;
  }
}