.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: 433px;height: 338px;margin-right: 60px;} .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:nth-child(2)+li{background: url(../../img/aboutUs011.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;} .historyBanner>ul>li:nth-child(3)+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: 17px;margin-left: 2px;} .historyBanner>ul>li:first-child>ol>li:nth-child(2){margin-top: -13px;margin-left: 0px;} .historyBanner>ul>li:first-child>ol>li:nth-child(3){margin-top: -37px;margin-left: 0px;} .historyBanner>ul>li:first-child>ol>li:nth-child(4){margin-top: -50px;margin-left: 7px;} .historyBanner>ul>li:first-child>ol>li:nth-child(5){margin-top: -50px;margin-left: 10px;} .historyBanner>ul>li:first-child>ol>li:nth-child(6){margin-top: -30px;margin-left: 3px;} .historyBanner>ul>li:first-child>ol>li:nth-child(7){margin-top: -45px;margin-left: 8px;} .historyBanner>ul>li:first-child>ol>li:nth-child(8){margin-top: 14px;margin-left: 3px;} .historyBanner>ul>li:first-child>ol>li:nth-child(9){margin-top: 25px;margin-left: 6px;} .historyBanner>ul>li:first-child>ol>li:nth-child(10){margin-top: -25px;margin-left: 4px;} .historyBanner>ul>li:first-child>ol>li:nth-child(11){margin-top:0px;margin-left: -1px;} .historyBanner>ul>li:first-child>ol>li:nth-child(12){margin-top: -17px;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: -37px;margin-left: 44px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(2){margin-top: -5px;margin-left: 3px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(3){margin-top: -52px;margin-left: 5px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(4){margin-top: -45px;margin-left: 7px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(5){margin-top: -45px;margin-left:4px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(5) p{width:120px;margin-left:-10px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(6){margin-top: -50px;margin-left: 3px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(6) p{width:165px;margin-left:-40px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(7){margin-top: -50px;margin-left: 7px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(8){margin-top: -50px;margin-left: 8px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(8) p{width:165px;margin-left:-40px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(9){margin-top: -54px;margin-left: 8px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(9) p{width:165px;margin-left:-40px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(10){margin-top: -30px;margin-left:5px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(10) p{width:165px;margin-left:-40px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(11){margin-top:-20px;margin-left: 8px;} .historyBanner>ul>li:first-child+li>ol>li:nth-child(11) p{width:112px;margin-left:-15px;} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(1){margin-top:50px;margin-left: 8px;} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(2){margin-top:-58px;margin-left: -5px;} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(3){margin-top:-62px;} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(4){margin-top:-38px;margin-left: 5px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(5){margin-top:-41px;margin-left: 11px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(6){margin-top:-57px;margin-left: 4px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(7){margin-top:-57px;margin-left: 4px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(8){margin-top:25px;margin-left: 6px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(9){margin-top:54px;margin-left: 4px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(10){margin-top:7px;margin-left: 5px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(11){margin-top:-2px;margin-left: 0px} .historyBanner>ul>li:nth-child(3)>ol>li:nth-child(12){margin-top:-45px;margin-left: -11px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(1){margin-top:-45px;margin-left: 46px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(2){margin-top:-13px;margin-left: -1px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(3){margin-top:-13px;margin-left: 8px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(4){margin-top:-14px;margin-left: 5px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(5){margin-top:-14px;margin-left: 3px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(6){margin-top:-56px;margin-left: 7px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(7){margin-top:-75px;margin-left: 3px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(8){margin-top:-38px;margin-left: 8px} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(8) p{width: 309px;margin-left: -97px;} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(9){margin-top: -23px;margin-left: 10px;} .historyBanner>ul>li:nth-child(4)>ol>li:nth-child(9) p{width: 251px;margin-left: -159px;margin-top: -10px;margin-bottom: 14px;}