body{background: #fbfbfb;position: relative;} /*标题*/ .map_tip{margin-bottom: 30px;} .tab_box .tablist{display: none;} .tab_box .tablist:first-child{display: block;} /*************************公司介绍********************/ .tab_box .tablist .text .title{color: #1972b4;font-size: 28px;text-align: center;text-shadow: 0 0 0 #1972b4;margin-bottom: 40px;letter-spacing: 1px;} .tab_box .tablist .text p{font-size: 16px;color: #666;line-height: 40px;max-width: 1120px;margin: 0 auto 56px;text-align: center;} .tab_box .tablist .video{position: relative;z-index: 9;max-width: 1000px;margin: 0 auto;} .tab_box .tablist .video img{width: 100%;} .tab_box .tablist .video span{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;width: 50px;height: 50px;background-image: url(../img/intro/icon_video.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center;cursor: pointer;} /*服务*/ .serve{margin-top: -80px;position: relative;z-index: 1;} .serve img{width: 100%;} .serve .serve_box{position: absolute;bottom: 0;max-width: 1920px;left: 0;right: 0;margin: auto;padding: 0 5%;} .serve .serve_box .ser_block2{height: 180px;background: rgba(27,111,179,.9);margin-bottom: 0;padding: 40px 0;display: flex;} .serve .serve_box .ser_block2 li{border-right: 1px solid #176097;display: inline-flex;flex: 1;flex-direction: column;justify-content: center;align-items: center;} .serve .serve_box .ser_block2 li:last-child{border-right: none;} /*荣誉资质+合作客户*/ .text_body{background: #fff;} .text_body .text_box{max-width: 1920px;margin: 0 auto;padding: 80px 5% 70px;font-size: 16px;color: #696868;line-height: 30px;display: flex;} .text_body .text_box .text_l{width: 35%;} .text_body .text_box .text_l p.title{font-size: 28px;color: #1972b4;font-weight: 600;} .text_body .text_box .text_l p:nth-child(3){color: #1972B4;} .text_body .text_box .text_l img:nth-child(4){width: 100%;margin-bottom: 10px;} .text_body .text_box .text_l img:nth-child(5){width: 49%;float: left;} .text_body .text_box .text_l img:nth-child(6){width: 49%;float: right;} .text_body .text_box .text_r{width: 65%;padding-left: 5%;} .text_body .text_box .text_r .text_group{margin-bottom: 12%;} .partner .text_box .text_r .text_group{margin-bottom: 5%;} .text_body .text_box .text_r .text_group:last-child{margin-bottom: 0;} .text_body .text_box .text_r .text_group .tip{color: #1972B4;box-shadow: 0 0 0 #1972B4;font-size: 18px;font-weight: 600;} /*.text_body .text_box .text_r .text_group ul{overflow: hidden;} .text_body .text_box .text_r .text_group ul li{position: relative;border-bottom: 1px solid #d6d6d6;height: 60px;overflow: hidden;line-height: 25px;float: left;margin-right: 2%;width: 32%;padding: 0 5px;} .text_body .text_box .text_r .text_group ul li:nth-child(3n){margin-right: 0;} .text_body .text_box .text_r .text_group ul li p{position: absolute;bottom: 5px;left: 0;width: 100%;margin-bottom: 0;}*/ .text_body .text_box .text_r .text_group ul{overflow: hidden;} .text_body .text_box .text_r .text_group ul li{border-bottom: 1px solid #d6d6d6;height: 60px;overflow: hidden;float: left;margin-right: 1%;width: 32%;} .text_body .text_box .text_r .text_group ul li p{margin-bottom: 0;vertical-align: middle;display: table-cell;height: 60px;line-height: 25px;font-size: 14px;} /***********************企业文化********************/ .cultrue .culbox{max-width: 1920px;margin: 0 auto;padding: 70px 5% 130px;display: flex;} .cultrue .culbox .culture_l{width: 50%;color: #666;font-size: 16px;padding-right: 5%;} .cultrue .culbox .culture_l span.line{display: block;width: 40px;height: 4px;background: #1972b4;margin-bottom: 15px;} .cultrue .culbox .culture_l .title{color: #333;font-size: 28px;margin-bottom: 30px;} .cultrue .culbox .culture_l p:nth-child(3){line-height: 28px;margin-bottom: 25px;} .cultrue .culbox .culture_r{width: 50%;position: relative;} .cultrue .culbox .culture_r .cul_imgl{width: 70%;margin-left: 25%;} .cultrue .culbox .culture_r p{position: relative;height: 88px;line-height: 88px;background: #1972B4;color: #fff;padding-left: 46%;margin-bottom: 0;font-size: 16px;} .cultrue .culbox .culture_r p:before{content: '';display: block;position: absolute;z-index: 9;width: 80px;height: 2px;background: #fff;left: 29%;top: 28px;} .cultrue .culbox .culture_r .cul_imgr{position: absolute;width: 40%;left: 0;bottom: -50px;} /*左右分布*/ .cultrue .groups{width: 100%;} .cultrue .groups .grouplist{display: flex;} .cultrue .groups .grouplist:nth-child(2n) .list_r{order: -1;align-items: flex-end;} .cultrue .groups .grouplist:nth-child(2n) .list_r .listbox{padding-right: 30%;} .cultrue .groups .grouplist .list_l{width: 50%;overflow: hidden;} .cultrue .groups .grouplist .list_l img{min-height: 260px;} .cultrue .groups .grouplist .list_r{width: 50%;display: inline-flex;flex-direction: column;justify-content: center;background: #fff;} .cultrue .groups .grouplist .list_r .listbox{max-width: 960px;padding-left: 10%;font-size: 16px;color: #333;} .cultrue .groups .grouplist .list_r .listbox p.title{font-size: 24px;color: #1972b4;} .cultrue .groups .grouplist .list_r .listbox p:nth-child(2){font-size: 16px;color: #666;text-transform: uppercase;} .cultrue .groups .grouplist .list_r .listbox span.line{display: block;width: 30px;height: 2px;background: #1972B4;margin: 15px 0 40px;} .cultrue .groups .grouplist .list_r .listbox ul li{color: #666;margin-bottom: 5px;} .cultrue .groups .grouplist:nth-child(3) .list_r .listbox span.line{margin-bottom: 15px;} .cultrue .groups .grouplist:nth-child(3) p:nth-child(4){margin-bottom: 20px;} /****************************企业架构****************/ .frame img{width: 100%;margin: 70px 0 90px;} /*视频弹窗*/ .dialog_video{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,.8);opacity: 0;display: none;} .dialog_video span.video_close{position: absolute;z-index: 13;width: 30px;height: 30px;display: block;background-image: url(../img/public/close.png); background-size: 100%;top: 30px;right: 30px;cursor: pointer;} .dialog_video iframe{position: absolute;top:0;bottom: 0;left: 0;right: 0;width: 80%;height: 60%;margin: auto;min-width: 780px;} @media(max-width:1280px){ .tab_box .tablist .text p{max-width: 800px;} .honor .ho_box .lo_r .text_group{margin-bottom: 8%;} .ser_block2 .ser_intro:nth-child(2) p:nth-child(2){padding-left: 20px;} }