@charset "utf-8";
/* CSS Document */
@font-face {font-family: "about-icon";
  src: url('../font/iconfont.eot?t=1501048788345'); /* IE9*/
  src: url('../font/iconfont.eot?t=1501048788345#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1501048788345') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1501048788345') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1501048788345#iconfont') format('svg'); /* iOS 4.1- */
}
.a-txt { font-size: 16px; line-height: 30px; padding-bottom: 20px; }
cite{ font-style: normal;}
.fl { float: left; }
.fr { float: right; }
.about-icon { font-family:"about-icon" !important;  font-size:16px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
a { color: #2c2c2c; }
img { display: block; }
.g-mn { width: 100%; padding-bottom: 35px; padding-top: 49px; background: #f5f5f5; }
.u-ban { width: 100%; height: 267px; }
.ban1 { background: url(https://pres.vobao.com/Images/V3/about/banner1.jpg) top center no-repeat; background-size: 100% 100%; }
.ban2 { background: url(https://pres.vobao.com/Images/V3/about/banner2.jpg) top center no-repeat; background-size: 100% 100%; }
.ban3 { background: url(https://pres.vobao.com/Images/V3/about/banner3.jpg) top center no-repeat; background-size: 100% 100%; }
.u-crm { width: 100; height: 45px; line-height: 45px; background: #fff; }
.u-crm a:after{ display: inline-block;*display: inline;*zoom:1; vertical-align: middle; font-family:"about-icon" !important; content: '\e649'; }
.u-crm a:hover { color: #41c3ff; }
.m-nn { width: 1200px; overflow: hidden; margin: 20px auto 0; }
.menu { float: left; width: 180px; background: #fff; text-align: center;}
.menu dt { height: 45px; ;line-height: 45px; background: #41c3ff; color: #fff;  font-size: 18px; cursor: pointer;border-bottom: 1px solid #fff;}
.menu dt:after {padding-left: 5px; font-family:"about-icon" !important; content: '\e710'; font-style: normal; transition: all 3s;}
.menu dt.active:after{font-family:"about-icon" !important; content: '\e600'; font-style: normal; transform: rotate(180deg);}
.menu dd { display: none; margin: 0 12px; }
.menu dd.show {display: block;}
.menu dd a { display: block; width: 100%; height: 40px; line-height: 40px;  color: #666; font-size: 16px; border-bottom: 1px solid #ededed;}
.menu dd a:hover,.menu dd a.active { font-weight: bold; color:#41c3ff;   }
.u-con {float: left; width: 940px; padding:30px 30px 50px; margin-left: 20px; background: #fff; }
/*公司简介*/
.u-ban h1 {position: relative; top: 75px; text-align: center; }
.u-ban h1 img {display: inline-block;*display: inline;*zoom:1; }
.u-con .tit { width: 180px; margin: 50px auto; }
.u-info { width: 100%; overflow: hidden;}
.info-txt{float: left; width: 412px; padding:40px 40px 20px 30px; height: 332px; background: url(https://pres.vobao.com/Images/V3/about/bg1.png) top left no-repeat;  }
.info-txt h4 { font-size: 25px; margin-bottom: 10px; color: #fff; line-height: 40px; font-weight: bold;  }
.info-txt p{ font-size: 16px; color: #fff;  line-height: 30px;}
.com-year h3 { width: 140px; margin: 30px auto }
.event { width: 906px; margin: 0 auto; font-size: 16px; color: #333; }
.event .event-left,.event .event-right { width: 50%; position: relative; padding-top: 55px; padding-bottom: 15px; }
.event .event-left { border-right: 1px solid #41c3ff;  }
.event-left p {text-align: right; padding-right: 30px;}
.event-right p {text-align: left; padding-left: 30px; }
.event .event-right { margin-left: 50%; border-left: 1px solid #41c3ff; }
.event .event-right1 { padding-top: 45px; }
.event-left h4,.event-right h4 {position: absolute; z-index: 10;  width: 150px; height: 42px; line-height: 42px; color: #fff;  font-size: 22px; }
.event-left h4 {  top: 0; right: -7px; background: url(https://pres.vobao.com/Images/V3/about/eventl.png) top left no-repeat;  text-indent: 20px;}
.event-left1 h4 {  top: -12px; right: -7px; background: url(https://pres.vobao.com/Images/V3/about/event1.png) top right no-repeat;  text-indent: 20px;}
.event-right h4 { top: 0px; left: -14px;background: url(https://pres.vobao.com/Images/V3/about/eventr.png) top right no-repeat;  text-indent: 55px;}
.com-movie { float: right; width: 440px; height: 376px; margin-top: 6px; }
/*企业文化*/
.culture-item { padding: 0 7px; overflow: hidden; color: #333; }
.culture-item img { display: block; width: 100%; height: auto; }
.culture-item+.culture-item { margin-top: 50px; }
/*诚创资质*/
.q-con {width: 100%; overflow: hidden;}
.q-con li { display: inline-block; *display: inline;*zoom:1; margin-bottom: 30px;}
.q-con li a{display: block;}
.q-con li img { display: inline-block; *display: inline;*zoom:1;vertical-align: bottom;  }
.q-con p { font-size: 16px; color: #000; text-align: center; line-height: 40px; }
.q-con li.q-item1 img { margin-top: 6px; vertical-align: 14px; }
.q-con li.q-item2 img { width: 455px; }
.q-item2+.q-item2 { margin-left: 20px; }
.q-con li img:hover a:after{ content: ''; width: 100%; height: 100%; display: block; position: relative; z-index: 2; background: rgba(0,0,0,.2); }
/*相册弹窗样式*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;overflow:hidden;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 30px 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em }
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em}
#lightbox-image { display:inline-block; max-width: 100%; max-height: 600px; }
/*法律声明*/
.legal-con { position: relative; padding-bottom: 50px; }
.legal-con h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.legal-con  p{ width: 730px; font-size: 16px; color: #333; line-height: 30px;] }
.icon { position: absolute; right: 0; top: 0; display: block; width: 145px; height: 160px; background-image: url(https://pres.vobao.com/Images/V3/about/legal-icon.png);background-repeat: no-repeat;  }
.legal-con1 h2{  color: #ff8a00;}
.legal-con1 .icon{ background-position: 0 0; }
.legal-con2 h2{  color: #63b718;}
.legal-con2 .icon{ background-position: -145px 0; }
.legal-con3 h2{  color: #38b3fa;}
.legal-con3 .icon{ background-position: -290px 0; }
.legal-con4 h2{  color: #387edc;}
.legal-con4 .icon{ background-position: -436px 0; }
.legal-con5 h2{  color: #63b718;}
.legal-con5 .icon{ background-position: 0 -160px; }
.legal-con6 h2{  color: #f8c411;}
.legal-con6 .icon{ background-position: -145px -160px;}
.legal-con7 h2{  color: #27b1d8;}
.legal-con7 .icon{ background-position: -290px -160px;}
.legal-con8 h2{  color: #38b3fa;}
.legal-con8 .icon{ background-position: -436px -160px; }
/*关于沃保*/
.info-txt1 { padding-top: 75px; height: 297px; }
.info-txt1 strong { font-size: 48px; font-weight: bold; }
.info-txt1 p { line-height: 30px; }
.event-left span ,.event-right span { position: absolute; font-size: 22px;  background: #fff; display: block;  width: 85px; height: 85px; border-radius: 50%; behavior: url(pie.htc);border: 2px solid #00a6ff; color: #00a6ff; text-align: center; line-height: 85px;}
.event-left span {top: 0; right: -43px;}
.event-right span {top: 0; left: -43px;}
.event1 .event-left,.event1 .event-right {  padding-top: 10px; padding-bottom: 70px; }
.event1 strong { font-size: 22px; color: #00a6ff; }
.event1 .event-right p { padding-left: 70px;  }
.event1 .event-left p { padding-right: 70px; text-align: left;}
/*网上助理*/
.a-table { font-size: 16px; }
.a-table th{ height: 55px; line-height: 55px; background: #d8f0fe; }
.a-table th,.a-table td { text-align: center; }
.a-table td { padding: 15px 0; }
.qbtn { display: inline-block;*display: inline;*zoom:1; vertical-align: middle; margin-right: 10px; width: 88px; height: 27px; background: url(https://pres.vobao.com/Images/V3/about/qq.jpg) no-repeat; }
/*网站地图*/
.map-item { margin-bottom: 40px; }
.map-item h3 { font-size: 22px; font-weight: bold; }
.map-item h3 i { font-size: 23px; margin-right: 10px; }
.map-item dl { padding: 10px 0; }
.map-item dt { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; }
.map-item dd a{ display: inline-block;*display: inline;*zoom:1; line-height: 30px; *display: inline;*zoom:1; font-size: 16px; margin-right: 15px; }
.map-item1 h3,.map-item1 dd a:hover { color: #36bfff; }
.map-item2 h3,.map-item2 dd a:hover { color: #63b718; }
.map-item3 h3,.map-item3 dd a:hover { color: #ff8a00; }
.map-item4 h3,.map-item4 dd a:hover { color: #36bfff; }
.map-item5 h3,.map-item5 dd a:hover { color: #6157eb; }
.map-item6 h3,.map-item6 dd a:hover { color: #e5b307; }
.company { display: none; padding-top: 9px; margin: 20px 15px 0;border-top: 0; background: url(https://pres.vobao.com/Images/V3/about/tops.png) top  left 570px no-repeat;}
.company .tab { height: 40px; padding: 15px 20px 0;   border: 1px solid #ddd; }
.company .tab li {position: relative;z-index: 2; background: #fff; display: inline-block;*display: inline;*zoom:1; width: 100px; line-height: 38px; font-size: 14px; text-align: center; cursor: pointer;}
.company .tab li:hover { color: #6dc7f6; }
.company .tab li.active {border-left: 1px solid #ddd; bottom: -1px; border-right: 1px solid #ddd; border-top: 2px solid #6dc7f6; border-bottom: 1px solid #fff; }
.tab-con { display: none; padding: 15px 0 15px 40px; border: 1px solid #ddd; border-top: 0;}
.tab-con.show{ display: block; }
.tab-con a { display: inline-block; *display: inline;*zoom:1;color: #666; width: 140px; font-size:16px; line-height: 35px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.tab-con a:hover{ color: #6dc7f6;}
.fold:after {font-family:"about-icon" !important; content: '\e600'; }
.unfold:after {font-family:"about-icon" !important; content: '\e710'; }
/*联系我们*/
.contact-conl { float: left; padding: 40px 20px; width: 356px; background: #f5f6fa; }
.contact-conl p { font-size: 16px;color: #333; line-height: 35px; }
.contact-conl h3 { font-size: 18px; color: #333; font-weight: bold; }
.contact-conl hr { height: 0; border: 0; border-top: 1px solid #ddd; margin: 10px 0 15px;}
.contact-map { float: right; width: 530px; height: 305px; }
/*招聘英才*/
.recruit-con { padding-bottom: 40px; border-bottom: 1px solid #e3e3e3;}
.rec-top { position: relative;  padding: 20px 0 ; overflow: hidden; }
.rec-top dt { width: 84px; height: 84px;background: url(https://pres.vobao.com/Images/V3/about/talent-icon.png) left center no-repeat; }
.rec-top dd { float: left; width: 830px; padding-top: 15px; }
.rec-top dd span { margin-right: 20px; }
.rec-top h3 { font-size: 22px; font-weight: bold; }
.rec-top p { line-height: 40px; font-size: 16px; }
.slide-con { display: none; }
.slide-con strong { font-weight: bold; }
.slide-con.show { display: block; }
.slide-con p { font-size: 16px; color: #333; line-height: 30px; }
.toggle { display: inline-block; *display: inline;*zoom:1;padding: 0 10px; position: absolute; right: 0; bottom: 30px; cursor: pointer;}
.toggle:after {font-family:"about-icon" !important; content: '\e600'; }
.toggle.up:after {font-family:"about-icon" !important; content: '\e710'; }
.toggle:hover{ color:#41c3ff;; }
.rec-top1 { padding-top: 0; }
.recruit-con+.recruit-con   .rec-top1 {padding-top: 20px;}
.rec-top1 dt{ float: left; background-position: 0 0;  margin-right: 20px;}
.rec-top1 h3 { color: #9aa2c2; }
.rec-top2 dt{ float: left; background-position: -84px 0;  margin-right: 20px;}
.rec-top2 h3 { color: #e6b475; }
.rec-top3 dt{ float: left; background-position: -168px 0;  margin-right: 20px;}
.rec-top3 h3 { color: #ddc962; }
/*办公环境*/
.office-item { overflow: hidden; color: #3333;  }
.office-item  h3 { font-size: 30px; margin-bottom: 10px;}
.officel { position: relative; float: left; width:558px;  }
.officer { float: left; width:380px;  }
.office-item p { font-size: 16px; line-height: 28px; color: #333; }
.office-item p { margin-right: 20px;}
.office-item1 img {  width: 380px; height: 205px; vertical-align: middle;}
.office-item1 h3 { margin-top: 10px; }
.office-item1 h3:after{ display: inline-block;*display: inline;*zoom:1; vertical-align: 2px; content: url(https://pres.vobao.com/Images/V3/about/arrow1.png) ; margin-left: 10px; }
.office-item2 .officel { background: url(https://pres.vobao.com/Images/V3/about/title3.png) left top no-repeat;}
.office-item2 .o2 {display: inline-block;*display: inline;*zoom:1; width: 220px; height: 125px;  margin-left: 112px; vertical-align: top; font-size: 0;}
.office-item2 .o3 { display: inline-block; *display: inline;*zoom:1;width: 226px; height: 307px;  vertical-align: top; font-size: 0;}
.office-item2 .o4{ position: absolute; bottom: 0; left: 0; width: 332px; height: 182px;  vertical-align: top; font-size: 0;}
.office-item2 h3 {margin-left: 20px; margin-top: 70px;}
.office-item2 h3:before{ display: inline-block;*display: inline;*zoom:1; vertical-align: 2px; content: url(https://pres.vobao.com/Images/V3/about/arrow2.png) ; margin-right: 10px; }
.office-item2 p { margin-left: 20px; }

.animation1{-webkit-animation:fadeInDownBig 1s .2s ease both;
-moz-animation:fadeInDownBig 1s .2s ease both;}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.animation2{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.animation3{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.telbtn {
    background: #ff9211;
    color: #fff;
    height: 27px;
    line-height: 27px;
    border-radius: 3px;
    padding: 0 10px;
    display: inline-block;
}
a.telbtn:hover {
    color: #fff;
}
.bleft a{
    color: #92979b;
}
.bleft a:hover{
    color: #666;
}