.fl{float: left;} .fr{float: right;} .about_banner img{width: 100%;} .company{height: 486px;} .company>div{width: 575px;} .cpy_txt{font-size: 16px;} .cpy_txt p{text-indent: 2em;line-height:35px;} .business{height: 512px;} .business>div{width: 575px;} .bus_img img{height: 100px;width: 290px;position: relative;left: 25%;margin-top: 25%;} .bus_txt>div{border-radius: 5px;overflow: hidden;margin-bottom: 24px;} .bus_txt_l{width: 86px;background: #7ecef4;text-align: center;color: #fff;border-bottom: 8px solid #72badc;padding: 10px 0;} .bus_txt_l span{line-height: 24px;font-size: 14px;} .bus_txt_l b{font-size: 26px;} .b_l2{background: #8fc31f;border-bottom: 8px solid #81b01c;} .b_l3{background: #84ccc9;border-bottom: 8px solid #77b8b5;} .b_l4{background: #f19149;border-bottom: 8px solid #d98342;} .bus_txt_r{padding: 0 24px;background: #f2fafe;line-height: 91px;font-size: 18px;} .b_r2{background: #f4f9e8;} .b_r3{background: #e6f5f4;} .b_r4{background: #fef4ec;} .team{height: 480px;} .team_txt{width: 100%;text-align: center;} .team_txt p{font-size: 16px;margin:0 auto;padding: 30px 0;line-height:35px;} .team_img>div{width: 280px;margin-right: 10px;float: left;text-align: center;} .team_img>div:last-child{margin-right: 0;} .part{margin-top: -63px;} .part img{width: 100%;} .honop{height: 450px;padding-top: 20px;} .honop>div{float: left;text-align: center;} .honop img{height: 312px;} .honop>div:nth-child(2){margin:0 134px;} .honop p{font-size: 18px;line-height: 50px;} .contact{height: 500px;} .con_msg{width: 450px;} .con_msg ul{margin: 10px 0;} .con_msg ul li{line-height: 28px;font-size: 16px;} .c_m_qr p{font-size: 20px;font-weight: 800;padding: 90px 0 0 45px;color: #029bdb;} .con_map{width: 700px;} .con_map img{width: 100%;} .b_s{width: 100%;height: 150px;} .hex {width:150px; height:86px; background-color: #ccc; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: auto 173px; -moz-background-size: auto 173px; -ms-background-size: auto 173px; -o-background-size: auto 173px; position: relative; text-align:center; zoom:1; z-index: 25; margin: 0 auto; color: #fff; } .hex h2{font-size: 28px;line-height: 48px;font-weight: 800; color: #fff;} .hex span{font-size: 24px;} .hex_1{background: #f3590d;} .hex_2{background: #f3a80d;} .hex_3{background: #a3dd3e;} .hex_4{background: #052352;} .hex_5{background: #ea6d4c;} .hex_6{background: #eac34c;} .hex .corner-1, .hex .corner-2 {position: absolute; top:0; left:0; width:100%; height:100%; background: inherit; z-index:-2; overflow:hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .hex .corner-1 {z-index:-1; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } .hex .corner-2 {-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .hex .corner-1:before, .hex .corner-2:before {width: 173px; height: 173px; content: ''; position: absolute; background: inherit; top:0; left: 0; z-index: 1; background: inherit; background-repeat:no-repeat; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .hex .corner-1:before {-webkit-transform: rotate(-60deg) translate(-87px, 0px); -moz-transform: rotate(-60deg) translate(-87px, 0px); -ms-transform: rotate(-60deg) translate(-87px, 0px); -o-transform: rotate(-60deg) translate(-87px, 0px); transform: rotate(-60deg) translate(-87px, 0px); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .hex .corner-2:before {-webkit-transform: rotate(60deg) translate(-48px, -11px); -moz-transform: rotate(60deg) translate(-48px, -11px); -ms-transform: rotate(60deg) translate(-48px, -11px); -o-transform: rotate(60deg) translate(-48px, -11px); transform: rotate(60deg) translate(-48px, -11px); bottom:0; } .hex_sk{background: #7ecef4;} .skill{height: 780px;background: url(../images/ser.png)no-repeat;}