/* banner */ .aboutus-banner { width: 100%; height: 350px; background: url(../images/aboutus-banner.jpg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: 65px; } .aboutus-banner h2 { color: #fff; padding-top: 218px; text-align: center; font-weight: 300; font-size: 40px; } ul li{ list-style:none; } .company-title p { font-size: 30px; line-height: 30px; color: #545d69; float: left; margin: 0; } /*公司简介*/ .about-us-content .title{ margin: 22px 0 14px; } .about-us-content .title span { font-size: 20px; line-height: 30px; color: #079FFF; } .about-us-content .desc{ margin: 10px 0 10px 20px; } .about-us-content .desc p{ font-size: 15px; color: rgba(89,101,128,1); line-height: 26px; } .about-us-content .honor{ margin: 20px 0 0 10px; } .about-us-content .honor p { text-align: center; padding: 20px 0px; } .about-us-content .honor-box img{ width: 100%; margin: 0 auto; border: 3px solid #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } /*发展里程碑*/ .memorabilia .title{ text-align: center; line-height: 34px; font-weight: 400; font-size:34px; margin: 0; } .memorabilia .list{ width: 960px; margin: 40px auto auto; min-height: 1px; } .memorabilia .list .left { width: 10px; min-height: 1px; float: left; } .memorabilia .list .left .max { height: 250px; width: 90px; } .memorabilia .list .left li { height: 119px; width: 90px; font-size: 16px; } .memorabilia .list .left li:first-child { height: 80px; } .memorabilia .list .line { float: left; margin-left: 40px; } .memorabilia .list .line .max { height: 250px; position: relative; padding-left: 40px; box-sizing: border-box; color: #545d69; } .memorabilia .list .line li { height: 119px; position: relative; padding-left: 40px; box-sizing: border-box; color: #545d69; } .memorabilia .list .line li:before { content: " "; height: 100%; width: 2px; position: absolute; top: 0; left: 9px; background-color: #079FFF; } .memorabilia .list .line li:first-child { height: 80px; } .memorabilia .list .line .dot { height: 19px; width: 19px; position: absolute; border: 1px solid #079FFF; border-radius: 50%; left: 0; background-color: #fff; } .memorabilia .list .line li .dot:after { width: 11px; height: 11px; left: 50%; top: 50%; margin-left: -5.5px; margin-top: -6px; position: absolute; background-color: #079FFF; border-radius: 50%; content: " "; } .memorabilia .list .line .sep { width: 16px; height: 16px; background-color: #079FFF; position: absolute; left: 2px; top: 3px; box-sizing: border-box; border: 4px solid #fff; border-radius: 50%; z-index: 100; } .memorabilia .list .line .sep:before { width: 12px; left: -17px; height: 1px; z-index: 10; top: 3px; background-color: #079FFF; position: absolute; content: " "; } .memorabilia .list .line .sep:after { width: 15px; left: 12px; height: 1px; z-index: 10; top: 3px; background-color: #079FFF; position: absolute; content: " "; } .memorabilia .list .desc li { height: 119px; } .memorabilia .list .desc li:first-child { height: 80px; } .memorabilia .list .desc li p { font-size: 15px; color: rgba(89,101,128,1); line-height: 26px; margin: 0px 25px; } .memorabilia .list .desc .max { height: 250px; } /*加入我们*/ .join-content{ } .join-content p { font-size: 15px; color: rgba(89,101,128,1); line-height: 26px; margin: 10px 0px; } .join-content .title{ margin: 22px 0 14px; } .join-content .title span { font-size: 20px; line-height: 30px; color: #079FFF; } .my-part-weal { text-align: center; } .my-part-weal span { background-color: #079FFF; border-radius: 50%; box-sizing: border-box; color: #fff; display: inline-block; font-size: 32px; height: 64px; line-height: 64px; text-align: center; width: 64px; } .my-part-weal p { margin-top:10px; } .my-part-joinus{ border: 1px solid #E4E4E4; border-radius: 4px; } .my-part-joinus .title{ border-bottom: 1px solid #E4E4E4; padding: 0 25px; } .my-part-joinus .title .left{ font-size: 20px; color: #292929; line-height: 48px; } .my-part-joinus .title .right{ float: right; line-height: 48px; } .my-part-joinus .title .right span{ font-size: 18px; color: #292929; } .my-part-joinus .title .right span i{ color:#079FFF; } .my-part-joinus .centent { font-size: 15px; color: #444444; padding: 0 25px; height: 160px; } .scrolldown{ text-align: center; margin-top: 30px; margin-bottom: 25px; transition: transform 0.2s ease 0s, vertical-align 0.2s ease 0s; } .scrolldown .none{ display: none; } .scrolldown span{ font-size:24px; color:#DBD9D2; } .scrollup{ text-align: center; margin-top: 30px; margin-bottom: 25px; transform: rotate(180deg); } .scrollup .none{ display: none; } .scrollup span{ font-size:24px; color:#DBD9D2; } .showorhidden{ font-size: 15px; color: #444444; padding: 0 25px; } .showorhidden .none{ display: none; } .shadow { box-shadow: 0 1px 16px #aaaaaa, 0 0 1px #eee, 0 0 1px #eee; } .btn-joinus { display: block; background-color: #079FFF; color: white; font-size: 15px; border-radius: 80px; height: 35px; width: 130px; margin: 0 auto; margin-top: 25px; padding: 6px 12px; text-align: center; cursor: pointer; text-decoration: none; } .btn-joinus:hover{ color: white; background-color: #00aeef; text-decoration: none; } /*联系我们*/ .contact .title { text-align: center; line-height: 34px; font-weight: 400; font-size: 34px; margin: 0; } .contact .desc p { font-size: 18px; color: rgba(89,101,128,1); line-height: 26px; text-align: center; } .contact .wrap_img { position: relative; width: 572px; margin: 0 auto; background: url(../images/map.jpg) no-repeat center center; height: 467px; background-size: 632px 467px; margin-top: 62px; } .contact .address { margin: 0 auto; padding: 0 0; } .contact .address .box-card{ width: 480px; height: 280px; } .ut-card_header h4{ font-size:24px; margin:0; } .ut-card_header h4 span{ font-size:16px; } .ut-card_body p { font-size: 15px; color: rgba(89,101,128,1); line-height: 26px; margin: 0px 25px; } .showorhidden { font-size: 15px; color: #444444; padding: 0 25px; } .scrolldown { text-align: center; margin-top: 30px; margin-bottom: 25px; transition: transform 0.2s ease 0s, vertical-align 0.2s ease 0s; } .scrollup { text-align: center; margin-top: 30px; margin-bottom: 25px; transform: rotate(180deg); } .none { display: none !important; } /*合作伙伴*/ .my-partner{ text-align: center; margin-top: 80px; } .my-partner img { width: auto; height: auto; } .my-partner .box-div{ padding: 30px 0px; text-align: center; float: left; height: 160px; width: 200px; box-shadow: 0 0 8px #efefef; border-radius: 3px; background-color: #fff; }