@charset "utf-8";
/* CSS Document */

body{margin:0;background-color:#e1e1e1;}
img{border:0;}
.tables p{line-height:23px; padding:5px; font-size:14px; text-indent:24px;}
h3{font-size:16px; padding:10px; color: #FF0000; border-bottom:1px #DDEBF9 dashed;}
.tablelist{ font-size:12px; margin:5px;}
.tablelist a{margin:0 5px;}
.tablelist thead{padding:8px;}
.tablelist thead th{padding:8px;background-color:#DDEBF9;}
.tablelist td{padding:8px;border:1px #DDEBF9 solid;}
#wrapper{width:1200px; margin:0 auto;background-color:#fff;}
#wrapper #sidebar{width:270px;background-color:#397cce; height:1077px;border-left: 1px solid #006cb7;border-right: 1px solid #006cb7;float: left;position: fixed;margin-top: -1px;z-index: 100;}
#wrapper #content{float:right; width:925px;background-color:#fff;border-right:1px #b2b8bc solid;border-bottom:1px #b2b8bc solid;background:url(https://www.91boshi.net/about/images/index5.png) left top no-repeat;;background-size:50%;}
#wrapper #content dl{padding: 1em;margin:0;background:url(https://www.91boshi.net/about/images/icobglist.png) 2% -23% no-repeat;}
#wrapper #content dl dt{font-size: 20px;color:#007cdb;padding-bottom:20px;}
#wrapper #content dl dd{padding:15px 0;color:#007cdb;}
#wrapper #content h2{font-family: "微软雅黑"; font-size:26px;padding:1em; margin:0;}
#wrapper #content .bottom-bg{background-image:url(https://www.91boshi.net/about/images/bg-h2.jpg);width: 100%;height:8px;}
#wrapper #content .main{padding:1m;float:right;width:800px;padding:1em 4em 0 0;}
#wrapper #content p{font-size: 14px; text-indent:28px; color:#616161;}
#logo{text-align:center;padding:1em 0;}

#wrapper #content p{font-size: 14px; text-indent:28px; color:#616161;}
#wrapper #content .footer{width:100%; float:left;border-top:5px #e2e2e2 solid;}
#wrapper #content .footer p{text-align:center;}

#menu {float: left;text-align: left;font-family: Microsoft YaHei; font-size:18px;margin-top:0px; margin-bottom: 50px; margin-left:12px;position: relative;z-index: 100;padding:0; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
#menu ul {margin:0;padding: 0;list-style-type: none;width: 260px;background: transparent url(style/images/menu-line.png) no-repeat center bottom;}
#menu ul li{position: relative;background: transparent url(http://www.gaoxiaojob.com/about/style/images/menu-line.png) no-repeat center bottom; color:#fff;padding:7px 0;}
#menu ul li span{float:right;width:41px;height:42px;background: transparent url(https://www.91boshi.net/about/images/jiantou.png) no-repeat right center;}

#menu ul li a{color:#fff; text-decoration:none; display: block;padding:5px 0 5px 3.8em;}
#menu ul li a.ico1{background: transparent url(https://www.91boshi.net/about/images/ico1.png) no-repeat 5% center;}
#menu ul li a.ico2{background: transparent url(https://www.91boshi.net/about/images/ico2.png) no-repeat 5% center;}
#menu ul li a.ico3{background: transparent url(https://www.91boshi.net/about/images/ico3.png) no-repeat 5% center;}
#menu ul li a.ico4{background: transparent url(https://www.91boshi.net/about/images/ico4.png) no-repeat 5% center;}
#menu ul li a.ico5{background: transparent url(https://www.91boshi.net/about/images/ico5.png) no-repeat 5% center;}
#menu ul li a.ico6{background: transparent url(https://www.91boshi.net/about/images/ico6.png) no-repeat 5% center;}
#menu ul li a.ico7{background: transparent url(https://www.91boshi.net/about/images/ico7.png) no-repeat 5% center;}
#menu ul li a.ico8{background: transparent url(https://www.91boshi.net/about/images/ico8.png) no-repeat 5% center;}
#menu ul li a.ico9{background: transparent url(https://www.91boshi.net/about/images/ico9.png) no-repeat 5% center;}
#menu ul li a.ico10{background: transparent url(https://www.91boshi.net/about/images/ico10.png) no-repeat 5% center;}
#menu ul li a.ico11{background: transparent url(https://www.91boshi.net/about/images/ico11.png) no-repeat 5% center;}
#menu ul li a.ico12{background: transparent url(https://www.91boshi.net/about/images/ico12.png) no-repeat 5% center;}
#menu ul li a.ico13{background: transparent url(https://www.91boshi.net/about/images/ico13.png) no-repeat 5% center;}
#menu ul li a.ico14{background: transparent url(https://www.91boshi.net/about/images/ico14.png) no-repeat 5% center;}


#menu ul li a.ico1:hover{background: transparent url(https://www.91boshi.net/about/images/ico1-1.png) no-repeat 5% center;}
#menu ul li a.ico2:hover{background: transparent url(https://www.91boshi.net/about/images/ico2-2.png) no-repeat 5% center;}
#menu ul li a.ico3:hover{background: transparent url(https://www.91boshi.net/about/images/ico3-3.png) no-repeat 5% center;}
#menu ul li a.ico4:hover{background: transparent url(https://www.91boshi.net/about/images/ico4-4.png) no-repeat 5% center;}
#menu ul li a.ico5:hover{background: transparent url(https://www.91boshi.net/about/images/ico5-5.png) no-repeat 5% center;}
#menu ul li a.ico6:hover{background: transparent url(https://www.91boshi.net/about/images/ico6-6.png) no-repeat 5% center;}
#menu ul li a.ico7:hover{background: transparent url(https://www.91boshi.net/about/images/ico7-7.png) no-repeat 5% center;}
#menu ul li a.ico8:hover{background: transparent url(https://www.91boshi.net/about/images/ico8-8.png) no-repeat 5% center;}
#menu ul li a.ico9:hover{background: transparent url(https://www.91boshi.net/about/images/ico9-9.png) no-repeat 5% center;}
#menu ul li a.ico10:hover{background: transparent url(https://www.91boshi.net/about/images/ico10-10.png) no-repeat 5% center;}
#menu ul li a.ico11:hover{background: transparent url(https://www.91boshi.net/about/images/ico11-11.png) no-repeat 5% center;}
#menu ul li a.ico12:hover{background: transparent url(https://www.91boshi.net/about/images/ico12-12.png) no-repeat 5% center;}
#menu ul li a.ico13:hover{background: transparent url(https://www.91boshi.net/about/images/ico13-13.png) no-repeat 5% center;}
#menu ul li a.ico14:hover{background: transparent url(https://www.91boshi.net/about/images/ico14-14.png) no-repeat 5% center;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.animation{ position: relative; width:619px; height:585px; margin:0 auto; margin-top:40px; margin-bottom: 168px;}
.animation .img1{width:100%;vertical-align:top;-webkit-animation:rond 4s linear infinite;animation:rond 5s linear infinite;}
.animation .img2{position: absolute; top:50%; margin-top:-232px; left:13%; width:464px; height:480px;z-index:8;-webkit-animation:rond2 4s linear infinite;animation:rond2 4s linear infinite;}
.animation .img3{position: absolute; top:30px;left:18%; width:417px; height:442px;z-index: 9;}

@keyframes rond {
    0% {transform : rotate(0deg); transform-origin:310px 293px;}
    100% {transform : rotate(360deg);transform-origin:310px 293px;}
}

@-webkit-keyframes rond {
    0% {-webkit-transform : rotate(0deg);-webkit-transform-origin:310px 293px;}
    100% {-webkit-transform : rotate(360deg);-webkit-transform-origin:310px 293px;}
}
@keyframes rond2 {
    0% {transform : rotate(0deg);transform-origin:232px 240px;}
    100% {transform : rotate(-360deg);transform-origin:232px 240px;}
}

@-webkit-keyframes rond2 {
    0% {-webkit-transform : rotate(0deg);-webkit-transform-origin:232px 240px;}
    100% {-webkit-transform : rotate(-360deg);-webkit-transform-origin:232px 240px;}
}