*{font-family: "微软雅黑";} .about{position: relative;height: 180px;} .line{width: 100%;height: 1px;border-bottom: 1px solid #bfbfbf;display: inline-block;z-index: 10;position:absolute;top: 66px;z-index: 10;} .aboutHeader{width: 592px;margin: 0 auto;background: #FFFFFF;z-index:20 ;position: absolute;top: 32px;left: 50%;margin-left: -291px;} .aboutHeader ul li{float: left;width: 130px;height: 44px;text-align: center;border-radius: 10px;line-height: 44px;font-size: 16px;color: #2b2b2b;border: 1px solid #bfbfbf;margin: 12px;cursor: pointer;} .aboutHeader ul li:first-child{margin-left: 0;} .aboutHeader ul li:last-child{margin-right: 0;} .aboutHeader ul li.on{background: #f68705;color: #FFFFFF;border: none;} /*公司简介*/ .profile>img{float: left;width: 483px;height: 320px;margin-right: 15px;} .profile div{float: left;width: 672px;text-align: justify;} .profile div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 20px;} .profile div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;} .profile div h4 span{font-size: 16px;color: #605f5f;} .profile div p{font-size:14px ;color: #7a7878;margin-bottom: 15px;line-height: 22px;text-indent: 2em;} /*业务范围*/ .business{padding-top: 120px;clear: both;} .business>img{float: right;width: 599px;height: 387px} .business_txt{width: 540px;height: 270px;background: #f6f6f6;padding-top: 35px;padding-left: 20px;padding-right: 20px;} .business div{float: left;width: 540px;text-align: justify;} .business div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 40px;} .business div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;} .business div h4 span{font-size: 16px;color: #605f5f;} .business div p{font-size:14px ;color: #7a7878;margin-bottom: 30px;line-height: 22px;} /*资质荣誉*/ .honor{clear: both;padding-top: 70px;} .honor div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 40px;} .honor div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;} .honor div h4 span{font-size: 16px;color: #605f5f;} .honor div p{font-size:14px ;color: #7a7878;margin-bottom: 30px;line-height: 30px;height: 30px;} .honor div>ul{position: relative;height: 190px;} .honor div>ul>li{position: absolute;top: 0;left: 0;width: 1170px;} .honor div>ul>li>ol>li{float: left;width:218px;margin-left: 20px;text-align: center;} .honor div>ul>li>ol>li P{width: 218px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .honor div>ul>li>ol>li img{width: 218px;height: 162px;overflow: hidden;} .honor div>ul>li>ol>li:first-child{margin-left: 0;} .spot{width:96px ;margin: 30px auto 0px;} .spot span{width: 16px;height: 16px;border-radius: 50%;background: #d5d6d8;display: inline-block;margin: 0 3px;cursor: pointer;} .spot span.this{background: #000000;} /*发展历程*/ .history{clear: both;padding-top: 70px;position: relative;} .history h4{font-weight: normal;font-size: 24px;color: #1a1a1a;} .history h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;margin-right: 5px;} .history h4 span{font-size: 16px;color: #605f5f;} .historyBanner{width: 1100px;clear: both;overflow: hidden;height: 350px;margin-left: 50px;} .historyBanner ul{width: 1000000px;overflow: hidden;padding-top: 50px;transition: all .5s;} .historyBanner>ul>li{float: left;height: 300px;width: 1100px;} .historyBanner>ul>li>ol>li{float: left;text-align: center;width: 88px;vertical-align: top;} .historyBanner>ul>li>ol>li p{width: 100px;font-size: 14px;color: #8d8d8d;visibility: hidden;margin-bottom: 5px;} .historyBanner>ul>li:first-child{background: url(../../img/aboutUs011.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;} .historyBanner>ul>li>ol>li span:hover{color: #ff7302;} .historyBanner>ul>li:first-child+li{background: url(../../img/aboutUs012.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;} .historyBanner>ul>li:first-child>ol>li:nth-child(1){margin-top: 34px;margin-left: 2px;} .historyBanner>ul>li:first-child>ol>li:nth-child(2){margin-top: 3px;margin-left: 0px;} .historyBanner>ul>li:first-child>ol>li:nth-child(3){margin-top: -23px;margin-left: 0px;} .historyBanner>ul>li:first-child>ol>li:nth-child(4){margin-top: -36px;margin-left: 7px;} .historyBanner>ul>li:first-child>ol>li:nth-child(5){margin-top: -36px;margin-left: 10px;} .historyBanner>ul>li:first-child>ol>li:nth-child(6){margin-top: -18px;margin-left: 3px;} .historyBanner>ul>li:first-child>ol>li:nth-child(7){margin-top: 4px;margin-left: 8px;} .historyBanner>ul>li:first-child>ol>li:nth-child(8){margin-top: 25px;margin-left: 3px;} .historyBanner>ul>li:first-child>ol>li:nth-child(9){margin-top: 38px;margin-left: 6px;} .historyBanner>ul>li:first-child>ol>li:nth-child(10){margin-top: 26px;margin-left: 4px;} .historyBanner>ul>li:first-child>ol>li:nth-child(11){margin-top:-2px;margin-left: -1px;} .historyBanner>ul>li:first-child>ol>li:nth-child(12){margin-top: -24px;margin-left:-12px;} .direction{width: 1200px;margin: 0 auto;margin-top: -150px;margin-bottom: 150px;} .direction span{width: 28px;height: 28px;background: #ff7302;display: inline-block;color: #FFFFFF;font-size: 18px;line-height: 28px;text-align: center;border-radius: 50%;cursor: pointer;} .direction span:first-child{float: left;} .direction span:first-child+span{float:right;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(1){margin-top: -6px;margin-left: 44px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(2){margin-top: 24px;margin-left: 3px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(3){margin-top: 36px;margin-left: 5px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(4){margin-top: 24px;margin-left: 7px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(5){margin-top: 4px;margin-left:4px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(6){margin-top: -18px;margin-left: 3px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(7){margin-top: -38px;margin-left: 7px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(8){margin-top: -37px;margin-left: 8px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(9){margin-top: -24px;margin-left: 8px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(10){margin-top: 1px;margin-left:0px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(11){margin-top:31px;margin-left: 12px;}