* { margin: 0; padding: 0; list-style: none; box-sizing:border-box; } .banner{ width: 100%; position:relative; } .banner img{ display:block; width:100%; } .banner .pos-bolck-link{ display:block; position:absolute; height:46px; line-height:46px; text-align:center; width:14%; left:43%; bottom:17%; cursor:pointer; background: linear-gradient(270deg, #D29B5E 0%, #EBCB97 100%); border-radius:23px; color:#fff; font-size:15px; } /*经典案例*/ .height_css{ width: 100%; height: 90px; } .slides_in{ width: 100%; height: 100%; position: absolute; top: 20%; left: 0px; } .slides_auto{ width: 1200px; margin: auto; } .slides_li{ position: relative; } .slides_in p{ font-size: 36px; color: #fff; margin-bottom: 20px; } .slides_in a{ display: inline-block; width: 180px; height: 40px; border: 1px solid #004ea2; background: #004ea2; text-align: center; line-height: 40px; color: #fff; margin-top: 10px; cursor: pointer; float: left; margin-right: 10px; font-size: 14px; } .slides_in .other_style{ width: 130px; border: 1px solid #fff; background: rgba(255,255,255,0.2); } .slides_in p:nth-child(1){ font-weight: bold; } .slides_in p:nth-child(1) span{ color: #f8c48a } .slides_in .font_ms{ font-size: 14px; } .manage_one{ width: 100%; background: #fafafa; padding-top: 60px; padding-bottom: 60px; } .one_content{ width: 1200px; margin: auto; } .main_header{ padding-bottom:10px; } .hotline{ font-size:14px; color:#878787; text-align:center; } .banner_item{ display:block; width:100%; } .banner_icon_img{ display:block; width:70px; height:70px; margin:0 auto; } .items{ display:flex; padding:50px 0 0 0; -webkit-justify-content: space-between; justify-content: space-between; } .items .left-img{ width:45%; } .items .left-img img{ display:block; width:100%; } .manage_one .items .right-txt{ width:52%; margin-left:3%; } .manage_two .items .right-txt{ width:52%; margin-right:3%; } .items .right-txt p{ color: #525252; font-family: PingFangSC-Regular, PingFang SC; line-height:33px; font-size:16px; padding-bottom:30px; } .items .right-txt ul li{ color: #878787; font-family: PingFangSC-Regular, PingFang SC; line-height:33px; font-size:16px; } .manage_two_bg{ background-color:#f5f5f5; } .two_content{ width: 1200px; margin: auto; padding-top: 60px; padding-bottom: 60px; } .tab_list{ display: flex; justify-content: space-between; flex-direction: row; padding:40px 0 25px 0; border-bottom:1px solid #ebe9e9; } .tab_list li{ padding:0 20px; position:relative; cursor:pointer; } .tab_list li.active:after{ content:''; width:100%; height:2px; background: #004EA1; position:absolute; z-index:10; left:0; bottom:-25px; } .manage_three{ width: 100%; background: #fff; padding-top: 60px; padding-bottom: 60px; } .three_content{ width: 1200px; margin: auto; } .manage_three .images{ padding-top:45px; } .manage_three img.block{ display:block; width:100%; } .slides_other p{ color: #525252; } .slides_other p:nth-child(1) span{ color: #004ea2; } .slides_other .other_style{ border: 1px solid #525252; color: #525252; } .flex_other .flex_in{ width: 32%; } .flex_other div img{ margin-left: 20px; } .main_title{ text-align: center; font-size: 30px; color: #525252; font-weight: bold; margin-bottom: 20px; } .manage_four{ width: 100%; position:relative; } .manage_four img{ display:block; width:100%; } .manage_four .linkc{ position:absolute; width:150px; height:40px; background:#EED41F; color:#fff; bottom:40px; text-align:center; line-height:40px; border-radius:20px; left:-moz-calc(50vw - 75px); left:-webkit-calc(50vw - 750px); left:calc(50vw - 75px); cursor:pointer; } .manage_four .linkc a:hover{ color:#fff; } .four_content{ width: 1200px; margin: auto; } .manage_five{ width: 100%; padding-top: 60px; padding-bottom: 60px; } .five_bg{ background:#f5f5f5; } .manage_five .img-c{ padding:40px 0 0 0; position:relative; } .manage_five .img-c .center-img{ display:block; margin:0 auto; width:42%; } .manage_five .img-c .pos{ position:absolute; } .manage_five .img-c .pos p:nth-of-type(1){ height:25px; font-size:16px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #525252; line-height: 25px; padding-bottom:10px; } .manage_five .img-c .pos p:nth-of-type(2){ font-size: 15px; font-family: PingFang-SC-Regular, PingFang-SC; font-weight: 400; color: #878787; line-height: 21px; } .pos-1{ left:40px; top:80px; width:365px; } .pos-2{ right:40px; top:80px; width:365px; } .pos-3{ left:40px; top:220px; width:280px; } .pos-4{ right:40px; top:220px; width:280px; } .pos-5{ left:40px; top:400px; width:380px; } .pos-6{ right:40px; top:400px; width:380px; } .manage_five .img-c .align-right{ text-align:right; } .five_content{ width: 1200px; margin: auto; } .img-c{ padding-top:50px; } .manage_six{ width: 100%; padding-top: 60px; padding-bottom: 60px; background:#fff; } .six_content{ width: 1200px; margin: auto; } .flex-c{ margin-bottom:40px; padding:30px; background:#f5f5f5; width:100%; } .flex-six{ display: flex; justify-content: space-between; align-items: center; align-content: center; } .flex-six .flex-img{ width:30%; } .flex-six .flex-txt{ width:66%; font-size:16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #525252; line-height: 33px; } .flex-six .flex-img img.block{ display:block; width:100%; } .flex-six .flex-left .padding{ padding-top:60px; } .space-hr{ height:50px; } @media only screen and (max-width:768px){ .manage_one{ padding-top:10px; padding-bottom:10px; } .one_content { width: 90%; margin: auto; } .main_title { text-align: center; font-size: 18px; color: #525252; font-weight: bold; margin-bottom: 10px; } .manage_one .items{ display: flex; flex-wrap: wrap; padding: 10px 0 0 0; -webkit-justify-content: space-between; justify-content: space-between; } .manage_two .items { display: flex; flex-wrap: wrap; padding: 0; -webkit-justify-content: space-between; justify-content: space-between; } .manage_one .items .left-img,.manage_two .items .left-img { width: 100%; } .manage_two .items .left-img { margin-top: 10px; } .manage_one .items .right-txt, .manage_two .items .right-txt{ width: 100%; } .manage_one .items .right-txt p,.manage_two .items .right-txt p { color: #525252; font-family: PingFangSC-Regular, PingFang SC; line-height: 1.6em; font-size: 14px; padding-bottom: 10px; padding-top:10px; } .manage_one .items .right-txt ul li, .manage_two .items .right-txt ul li{ color: #878787; font-family: PingFangSC-Regular, PingFang SC; line-height: 1.6em; font-size: 14px; } .two_content { width: 90%; margin: auto; padding-top: 10px; padding-bottom: 10px; } .manage_three { width: 100%; background: #fff; padding-top: 20px; padding-bottom: 10px; } .three_content { width: 90%; margin: auto; } .tab_list { display: flex; justify-content: space-between; flex-direction: row; padding: 10px 0 15px 0; border-bottom: 1px solid #ebe9e9; } .tab_list li { font-size:14px; padding: 0 20px; position: relative; cursor: pointer; } .tab_list li.active:after { content: ''; width: 100%; height: 2px; background: #004EA1; position: absolute; z-index: 10; left: 0; bottom: -15px; } .manage_three .images { padding-top: 15px; padding-bottom:15px; } .manage_four img{ display:block; min-height:90px; width:100%; } .manage_four .linkc { position: absolute; width: 100px; height: 20px; background: #EED41F; color: #fff; bottom: 6px; text-align: center; line-height: 20px; border-radius: 10px; left: -moz-calc(50vw - 50px); left: -webkit-calc(50vw - 50px); left: calc(50vw - 50px); cursor: pointer; font-size:12px; } .manage_five { width: 100%; padding-top: 20px; padding-bottom: 10px; } .five_content { width: 90%; margin: auto; } .manage_five .img-c { padding: 10px 0 0 0; position: relative; } .manage_five .img-c .pos { position: relative; padding-bottom:10px; } .pos-1,.pos-2,.pos-3,.pos-4,.pos-5,.pos-6 { width:100%; left:0; top:0; } .manage_five .img-c .pos p:nth-of-type(1) { height: 25px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #525252; line-height: 25px; padding-bottom: 10px; } .manage_five .img-c .pos p:nth-of-type(2) { font-size: 14px; font-family: PingFang-SC-Regular, PingFang-SC; font-weight: 400; color: #878787; line-height: 21px; } .manage_six { width: 100%; padding-top: 20px; padding-bottom: 10px; background: #fff; } .six_content { width: 90%; margin: auto; } .space-hr { height: 5px; } .flex-six { display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; align-content: center; } .flex-c { margin-bottom: 15px; padding: 10px; background: #f5f5f5; width: 100%; } .flex-six .flex-img { width: 100%; } .flex-six .flex-txt { width: 100%; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #525252; line-height: 1.6em; padding-top:10px; } }