*{ margin: 0;padding: 0;list-style: none; font-style: normal;}
a{ text-decoration: none; color: #fff; }
a:active{ color: #333;}
body{ overflow-x: hidden;}
.header{ background-color: #fff;}
.wlb-wrap{ overflow: hidden;min-width: 1201px;width: 1201px;margin:30px auto;}
.wlb-left{ float: left;}
.wlb-left span:first-child{font-size: 27px;font-weight: bold;padding-right: 10px;}
.wlb-left span:last-child{ font-size: 22px;border-left: 1px solid #d5d5d5;padding-left: 10px;margin-left: 216px;}
.wlb-right{ float: right;}
.header-search-input{ border: 1px solid #ff7800;height: 40px;position: relative;padding-left: 90px;margin-right: 216px;}
.header-search-input input{ border: none;outline: none;width: 290px;padding-left: 10px;height: 100%;}
.header-search-input div{ position: absolute;height: 100%;top: 0;line-height: 40px;}
.downList{ left: 15px;cursor: pointer;}
.icon-search{ background-color:#ff7800;display: inline-block;right: 0;width: 40px;text-align: center;line-height: 45px !important;}
.wlb-right>div{ display: inline-block;}
.wlb-tab{ width: 130px;height: 42px;color: #fff;background-color: #ff7800;font-size: 18px;text-align: center;line-height: 42px;position: relative;top: 0px;}
/*导航*/
.nav{position: relative;}
.nav-tab-active{ color: #ff7800 !important;}
.nav-bg-left{ width: 18.6667%;position: absolute;top: 0;background-color: #333;height: 100%;left: 0;}
.bg-left{ background-color: #333;width: 80%;height:100%;position: absolute;left: 0;top: 0;}
.bg-right{ background-color: #ff7800;width: 50%;height:100%;position: absolute;right: -30%;top: 12px;}
.bg{ position: absolute;top: 0;width: 100%;height: 100%;display:block;}
.wlb-nav-c{ min-width: 1201px;width: 1201px;margin: 0 auto;position: relative;}
.nav-tab{margin-left: 240px;position: relative;z-index: 10000;height: 73px;}
.nav-tab li{ float: left;color: #fff;padding:0 12px;}

.nav-tab li:hover .wlb-nav-cld{ 
	animation: fadeInUp 0.5s infinite;
	visibility: visible;
	animation-iteration-count:1
}

.nav-tab li a{ color: #fff;font-size: 16px;display: block; padding: 26px 0;}
.wlb-nav-cld{ max-width:721px;min-width:700px;background-color: #fff;position: absolute;z-index: 10000;top: 73px;left: 0;font-size: 0;visibility: hidden;}
.wlb-nav-cld>span{ display: inline-block;padding:0px 20px;border: 1px solid #eee;font-size: 14px;border-left: 0;max-width: 139px;text-align: center;}
.wlb-nav-cld p{ font-size:12px;color: #999;padding-top:5px;line-height: 15px;}
.wlb-nav-cld>span span{ font-size:16px;color: #000;}
.wlb-nav-cld img{ display: block;width: 50px;height: 50px;margin: 0 auto 10px;}

.san{border: 6px solid #151515;position: absolute;right: -12px;border-right: 6px solid #fff !important;border-top: 6px solid #fff !important;}
/*.san:last-child{border: 6px solid #151515 !important;bottom: -12px;right:0;border-left: 6px solid rgba(0,0,0,0) !important;border-bottom: 6px solid rgba(0,0,0,0) !important;}*/
.server{ position: absolute;right: -100px;top: 50%;font-weight: bold;}
.slider_nav{ background-color: #333;width: 240px;position: absolute;top: 0;left: 0;color: #fff;z-index: 100000;}
.slider_nav li{ padding: 20px 0 10px 20px;border-bottom: 1px solid #4a4949;cursor: pointer;}
/*.slider_nav li:hover .wlb-h{ visibility: visible;}*/
.wlb-h{ position: absolute;background-color: rgba(255,255,255,0.8);width: 560px;min-height:243px;left: 240px;top:73px;z-index: 10000;padding: 40px 0 4px 40px;visibility: hidden;}
.wlb-h a{ display: inline-block;margin-bottom: 30px;width:276px;color: #333;font-size: 14px;}
.wlb-h a img{float: left;width: 45px;height: 45px;}
.wlb-h a span{padding-left: 10px;font-size: 16px;}
.wlb-h a:hover{ color: #ff7800;}
.slider_nav li div{display: inline-block;}
.slider_nav li:first-child h2{ position: relative;top: 3px;}
.slider_nav li span{ font-size:16px;font-weight:700;}
.slider_nav li h2{ font-size: 22px;font-weight: 500;}
.active{ background-color: #ff7800;}
.banner{ background-color: #212121;height: 560px;position: relative;}
.container{min-width: 1201px;width: 1201px;margin:0px auto;}
.wlb-info{overflow: hidden;}
.wlb-info ul li{ float: left;text-align: center;margin-right:107px;}
.wlb-info ul li img{ width:220px;height:140px; cursor: pointer; transition: all 0.6s;;overflow: hidden;}
.wlb-info ul li img:hover{transform: scale(1.4);}
.wlb-info ul li:last-child{margin-right: 0;}
.title{ font-size: 22px;padding-top: 30px;}
.info{ font-size: 14px;color: #666;padding-top:10px;}
.wlb-intro,.wlb-info-item{ overflow: hidden;}
.wlb-info-item{ position: relative;padding-top: 55px;border-bottom: 1px solid #e4e4e4;}
.wlb-info-item>div,.wlb-info-item ul{ float: left;position: relative;}
.beg{ position: absolute;top: 0;right: -22px;background-color: #1c91ec;border:12px solid #1c91ec;border-top: 11px solid #fff!important;border-right: 11px solid #fff !important;}
.wlb-info-item-ul{ border-top: 2px solid #1c91ec;padding-top: 30px;margin-top: 23px;overflow: hidden;}
.wlb-info-item-ul li{ width: 269px;text-align: center;border: 1px solid #e4e4e4;padding-bottom: 15px;float: left;margin: 0 0 2px 32px;}
.wlb-info-item-ul>div{ display: none; }
.wlb-info-item-ul>div:first-child{ display: block }
.wlb-info-item-ul li div:nth-of-type(1){ background-color: #f6f7fb;padding-bottom: 20px;}
.wlb-info-item-ul li div:nth-of-type(2){ font-size: 0;padding-top: 30px;}
.wlb-info-item-ul li div:nth-of-type(3){ padding-right: 65px;}
.wlb-info-item-ul li div:nth-of-type(3) a{ border: 1px solid #b6adad;display: inline-block;padding:5px 10px;border-radius: 3px;color: #999;font-size: 12px;}
.wlb-info-item-ul li div span{ display: inline-block;width: 50%;font-size: 14px;margin-bottom: 20px;position: relative;cursor: pointer;}
.wlb-info-item-ul li div span:hover{ color: #008fd7;}
.wlb-info-item-active-one:hover{ border: 1px solid #1c91ec !important;}
.wlb-info-item-active-two:hover{ border: 1px solid #17b958 !important;}
.wlb-info-item-active-three:hover{ border: 1px solid #eab731 !important;}
.wlb-info-item-active-four:hover{ border: 1px solid #eb5b53 !important;}
.wlb-info-item-active-five:hover{ border: 1px solid #656cf5 !important;}
.wlb-info-item-active-sex:hover{ border: 1px solid #1d85e0 !important;}
.line{ position: absolute;left: 18px;top:8px;width: 3px;height: 3px;background-color: #000;}
.wlb-tab-item{ position: absolute !important;top: 42px;right: 0;font-size: 0;}
.wlb-tab-item span{ display: inline-block;height: 36px;padding: 0 23px;text-align: center;line-height: 36px;color: #333;font-size: 15px;cursor: pointer;}
.wlb-tab-item a{ font-size:14px;margin-left: 20px;color: #333;}
.tab-active-one{ background-color: #1c91ec;color: #fff !important;}
.tab-active-two{ background-color: #17b958;color: #fff !important;}
.tab-active-three{ background-color: #eab732;color: #fff !important;}
.tab-active-four{ background-color: #eb5b53;color: #fff !important;}
.tab-active-five{ background-color: #656bf5;color: #fff !important;}
.tab-active-sex{ background-color: #1d85e0;color: #fff !important;}
.wlb-app-intro{ padding: 25px 0;overflow: hidden;border-bottom: 2px solid #eee;margin-top: 30px;}
.wlb-app-intro-title{ float: left;font-size:30px;border-left: 5px solid #ffba00;padding-left: 20px;}
.wlb-app-intro-tab{ float: right;height: 100%;}
.wlb-app-intro-tab li{ float: left;height: 38px;width: 146px;text-align: center;line-height: 38px;margin-right: 10px;}
.wlb-app-intro-tab li:last-child{ width: auto;height: auto;margin-left: 20px;}
.wlb-app-intro-tab li:last-child a{ background: none !important;color: #ff8d3f;}
.wlb-app-intro-tab li a{ color: #333;font-size:14px;color: #333;background-color: #f4f4f4;display: block;border-radius: 20px;}
.wlb-app-intro-active{ background-color: #ff7800 !important;color: #fff !important;}
.wlb-news{ padding: 40px 0;overflow: hidden;}
.wlb-news ul li{ float: left;width: 376px;margin:0 34px 20px 0;font-size: 16px;}
.wlb-news ul li p{ margin-top: 10px;line-height: 28px;}
.wlb-news ul li:nth-of-type(3n){ margin-right: 0 !important;}
.model{ width: 100%;height: 100%;position: fixed;top: 0;display: none;}
.wlb-model{ width: 100%;height:540px;background-color: #ffba00;top: 50%;margin-top: -270px;position: absolute;}
.wlb-model-title{ color: #fff;text-align: center;padding: 55px 0;}
.wlb-model-title span:first-child{ font-size: 38px;font-weight: bold;}
.wlb-model-title span:last-child{ font-size:34px}
.wlb-model-content{ background-color: #fff;width: 1201px;max-width: 1201px;margin: 0 auto;padding:50px 0 80px 50px;overflow: hidden;}
.wlb-model-content-title{ color: #ff7800;font-size: 16px;}
.form-group select{  height: 60px;border: 1px solid #eee;width: 410px;padding-left: 15px;outline: none;}
.form-group input{ height: 60px;border: 1px solid #eee;width: 395px;padding-left: 15px;outline: none;}
.form-group>div{ margin-top: 32px;}
.form-group{ float: left;}
.wlb-ys{ float: right;margin-right: 130px;}
.wlb-ys img{ margin-right: 100px;cursor: pointer;}
.wlb-ys span{ font-size: 24px;}
.hb{ position: absolute;top: 0;right: 280px;}
.footer{ background-color: #33302e;overflow: hidden;color: #fff;padding: 40px 0; width: 100%; height: 554px;}
.footer-content{ width: 1201px;min-width: 1201px;margin: 0 auto;}
.footer-l{ float: left;font-size: 14px;}
.footer-r{ float: left;overflow: hidden;}
.footer-l span{ padding:0 18px;}
.footer-l span:first-child{ padding-left: 0;}
.footer-r>div{ float: left;margin-right: 79px;text-align: center;}
.footer-r>div:last-child{ margin-right: 0 !important;}
.footer-r>div ul li a{ font-size: 14px;color: #fff;}
.footer-r>div ul li{ margin-bottom: 5px;}
.footer-r h3{font-size: 20px;margin-bottom: 45px;}

.sliders { width:150px; height: 304px; position: fixed;right: 0;top: 36%;background: url(../img/kefu.png) no-repeat;z-index:1;}
.sliders a{color: #333;}
.sliders a:hover{color: #ff7800;}
.sliders div{ width: 80px;height: 56px;text-align: center;line-height: 84px;border-bottom: 0;cursor: pointer;padding-left:50px;}
/*.sliders div:last-child{ border-bottom: 1px solid #eee;}*/
.sliders img{ margin-top: 30px;}

.subinfo{ position: absolute;top: 45px;right: 18.5%;background-color: #008fd7;width: 320px;color: #fff;opacity: 0.8;}
.subinfo img{ position: absolute; top: 10px; right: 10px; cursor: pointer; width:30px;}
.subinfo-title{ padding: 30px 0;text-align: center;border-bottom: 1px solid #29aef1;}
.subinfo-content{ padding: 18px 0;}
.subinfo-content p{text-align: center;}
.subinfo-content p input{  width: 250px;}
.subinfo-content p select{ width: 282px;}
.subinfo-content p input,.subinfo-content p select{height: 40px;border: 1px solid #29aef1;padding-left: 30px;background-color: #008fd7;color: #fff;margin-top: 20px;}
.subinfo-content p input::-webkit-input-placeholder{
        color: #fff !important;
}
.subinfo-content p input::-moz-placeholder{ 
        color: #fff;        
}
.subinfo-content p input:-ms-input-placeholder{  
        color: #fff;        
}
.subinf-btn{ width: 280px;height: 40px;background-color: #fff;color: #008fd7;margin: 0 auto;margin-bottom: 30px;line-height: 40px;text-align: center;cursor: pointer;}
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);

  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 
}


.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding-bottom: 2px;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1%, 0);
    transform: translate3d(0, 1%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1%, 0);
    transform: translate3d(0, 1%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 1%, 0);
    transform: translate3d(0, 1%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 1%, 0);
    transform: translate3d(0, 1%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}