/* 公共样式 */ header{ background-color: white; } .header1{ position: relative; /* border-bottom: 1px solid rgb(230, 230, 230); */ } .header1 .containers{ padding-left: 400px; padding-right: 120px; } .header1.header3 .containers, .header1.header2 .containers{ padding-right: 0; } .logo{ left: 0; white-space: nowrap; } .logo a, .logoTip{ display: inline-block; vertical-align: middle; } .logo a img{ max-width: 200px; display: block; } .logoTip{ /* border-left: 1px solid rgb(53, 53, 53); */ margin-left: 16px; padding-left: 16px; position: relative; display: none; } .logoTip::after{ content:''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 85%; background-color: rgb(53, 53, 53); } .logoTip p{ width: 100%; font-weight: bold; } .logoTip p span{ display: block; letter-spacing: 2px; font-weight: bold; } .headerNav{ text-align: right; } .headerNav li{ margin-left: 30px; position: relative; } .header3 .headerNav li, .header2 .headerNav li{ margin-left: 50px; } /* .headerNav li.active .hNav1 a::after */ .headerNav li:hover .hNav1 a::after{ background-color: rgb(5, 100, 214); } .headerNav li:first-of-type{ margin:0; } .headerNav li a{ font-size: 16px; /* border-bottom: 4px solid transparent; */ /* box-sizing: border-box; */ } .hNav1 a{ padding: 30px 0; position: relative; } .hNav1 a::after{ content:''; display: block; width: 100%; position: absolute; bottom: 0; left: 0; height:4px; background-color: transparent; } /* .headerNav li.active .hNav1 a, */ .headerNav li:hover .hNav1 a{ color: rgb(35, 88, 167); } /* .header2 .headerNav li:hover .hNav1 a, .header2 .headerNav li.active .hNav1 a{ color: rgb(249, 157, 51); } */ /* .header2 .headerNav li:hover .hNav1 a::after, .header2 .headerNav li.active .hNav1 a::after{ background-color: rgb(249, 157, 51); } */ .headerNav li:hover .hNav2{ display: block; z-index: 1002; /* opacity: 1; */ /* top: 101px; */ } .hNav2{ display: none; position: absolute; top: 84px; left: 50%; transform: translateX(-50%); z-index: -100; white-space: nowrap; font-size: 15px !important; /* transition: all 0.5s; */ /* opacity: 0; */ } .headerNav li:last-of-type .hNav2, .headerNav li:nth-last-of-type(2) .hNav2{ left: auto; transform: none; right:0; } .headerNav .hNav2 a{ display: inline-block; padding: 0; line-height: 50px; white-space: nowrap; color: white; margin-right: 20px; font-size: 14px; } .headerNav .hNav2 a:last-of-type{ margin-right: 0; } .headerNav .hNav2 a:hover{ color: rgb(252, 132, 3); } .hbgLine{ position: absolute; top: 84px; left: 0; width: 100%; height: 50px; line-height: 50px; background-color: rgb(5, 100, 214); z-index: 1001; display: none; /* opacity: 0; */ /* transition: all 0.5s; */ } .header3 .hbgLine{ background-color: rgba(255, 255, 255,0.7); } .hbgLine.active{ /* opacity: 1; */ /* z-index: 1001; */ display: block; } .search{ right: 60px; } .searchShow button, .searchInBox button{ background-color: transparent; border: none; -webkit-appearance: none; } .searchShow button img{ width: 20px; } .searchBox{ position: absolute; top: 26px; right: -20px; padding-top: 26px; z-index: 1000; display: none; } .search:hover .searchBox{ display: block; } .searchInBox{ box-shadow: 0px 0px 10px 0px rgb(228, 228, 228); background-color: white; padding: 16px; } .searchInBox div{ position: relative; padding-right: 40px; border: 1px solid rgb(228, 228, 228); } .searchInBox input[type="text"]{ width: 200px; height: 40px; line-height:40px; -webkit-appearance: none; border: none; padding: 0px 10px; } .searchInBox input[type="submit"]{ position: absolute; top: 0; right: 0; width: 40px; height: 40px; -webkit-appearance: none; opacity: 0; z-index: 1009; background-color: transparent; border: none; cursor: pointer; } .searchInBox button{ width: 40px; height: 40px; padding: 6px; } .searchInBox button img{ display: block; width: 100%; } .goSearch{ right: 0; cursor: pointer; } .headerLang{ right: 0; } .headerLang a{ display: inline-block; } .headerLang a:hover{ color: rgb(5, 100, 214); } .headerMB{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background-color: white; box-shadow: 0px 0px 10px 0px rgb(218, 218, 218); display: none; } .headerMBTitle{ position: relative; padding: 5px 16px; height: 50px; } .headerMBTitle a{ display: block; max-width: 40%; padding-top: 4px; } .headerMBTitle a img{ max-height: 32px; display: block; } .headerMBTitle button{ background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); border: none; } .headerMBTitle button img{ width: 24px; display: block; } .headerMBList{ border-top: 1px solid rgb(218, 218, 218); padding: 10px 40px; display: none; } .headerMBList ul{ max-height: 400px; overflow-y: auto; } .headerMBList li{ border-bottom: 1px solid rgb(230, 230, 230); } .headerMBList li a{ display: block; padding: 6px 16px; } .hmbNav2 { border-top: 2px solid rgb(230, 230, 230); } .hmbNav2 p{ border-bottom: 1px solid rgb(230, 230, 230); } .hmbNav2 p:last-of-type{ border-bottom: none; } .headerMBList li.active .hmbNav1 a{ color: rgb(35, 88, 167); } .hmbNav1 { padding-right: 40px; position: relative; } .hmbNav1 span{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #999; } .headerMBList li.active .hmbNav1 span{ transform: translateY(-50%) rotateZ(180deg); } /* .headerMBList li.active .hmbNav2{ display: block; } */ .hmbNav2{ display: none; } .hmbNav2 p a{ padding-left: 40px; } footer{ background-color: white; } .footer1{ background-color: rgb(5, 100, 214); color: white; padding: 60px 0; } .footer1 a{ color: white; } .footer1 h4{ font-size: 18px; margin-bottom: 40px; } .footer1 p{ margin-bottom: 14px; } .footer1 li{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .footer1 li:last-of-type{ -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; } .footer2, .rcFooter, .sColFooter{ padding: 20px 0; font-size: 15px; text-align: center; } .fixedBox{ position: fixed; top: 30%; right: 0; z-index: 99999; /* background-color: white; */ } .fixedBox li{ position: relative; margin-bottom: 4px; /* margin-bottom: 1px; */ } .fixedBox li:last-of-type{ margin:0; } .fixedImg{ cursor: pointer; position: relative; z-index: 103; } .fixedImg img{ width: 50px; display: block; } .phoneText{ font-size: 14px; font-weight: bold; color: white; width: 230px; } .hoverFshow.weizhiText{ font-weight: normal; font-size: 12px; padding: 6px 20px !important; height: 99%; } .phoneText p{ /* white-space: nowrap; */ } .hoverFshow.codeShows{ right: 0px; padding: 20px; padding-right: 20px; /* border-radius: 6px; */ /* background-color: white; */ width: 210px; height: auto; } .codeShows img{ width: 120px; height: 120px; display: block; } .hoverFshow{ /* display: none; */ right: 60px; background-color: rgb(5, 100, 214); padding: 15px 20px; /* opacity: 0; */ /* top: 0; */ /* transform: none; */ height: 100%; top: 0; transform: none; left: 70px; transition: all 1s; /* width: 230px; */ z-index: 100; /* box-shadow: 0px 0px 10px 0px rgb(221, 221, 221); */ } .hoverBtns:hover .phoneText{ left: -230px; /* right: 60px; */ /* opacity: 1; */ } .hoverBtns:hover .codeShows{ left: -160px; } /* .fixedBox li:hover .hoverFshow{ display: block; } */ .inBanner{ position: relative; } /* 列表页面导航 */ .pageNav{ text-align: center; } .pageNav ul, .pageNav_tj{ display: inline-block; vertical-align: middle; } .pageNav ul{ border: 1px solid rgb(224, 230, 237); } .pageNav li{ border-right: 1px solid rgb(224, 230, 237); float: left; } .pageNav li:last-of-type{ border-right: none; } .pageNav li a{ display: block; width: 40px; height: 40px; line-height: 40px; } .pageNav .pageNav1{ color: rgb(153, 153, 153); box-sizing: border-box; } .pageNav li.active .pageNavNum, .pageNav .pageNavNum:hover{ color: rgb(5, 100, 214); border: 1px solid rgb(5, 100, 214); } .pageNav_tj{ margin-left: 10px; } /* 移动端页脚 */ .mbFooter1{ background-color: rgb(5, 100, 214); color: white; padding-top: 30px; display: none; } .mbFooter1 a{ color: white; } .mbFooter1 li{ border-bottom: 1px solid rgba(255, 255, 255,0.6); line-height: 30px; } .mbF1Nav1{ position: relative; padding-right: 40px; line-height:40px; } .mbF1Nav1 span{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.3s; } .mbFooter1 li.active .mbF1Nav1 span{ transform: translateY(-50%) rotateZ(180deg); } .mbF1Nav2{ border-top: 1px solid white; padding: 10px 0; display: none; } .noLang.header1 .containers{ padding-right: 50px; } .noLang.header1 .headerLang{ display: none; } .noLang.header1 .search{ right: 0; } /* 公共样式 */ #jmtMap{ width: 100%; height: 700px; } /* 首页 */ .main{} .mbanner{ position: relative; } .mbanPagin .swiper-pagination-bullet{ background-color: white; opacity: 1; } .mbanPagin .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 16px; background-color: rgb(5, 100, 214); border-radius: 10px; } .mbanBox{ position: relative; } .mbanCont{ /* padding-left: 80px; */ } .mbanCont p{ font-size: 40px; color: white; margin-bottom: 10px; } .mbanCont >a{ display: inline-block; padding: 10px 30px; border: 1px solid white; color: white; font-size: 16px; margin-top: 20px; } .mbanCont >a:hover{ border-color: rgb(5, 100, 214); background-color: rgb(5, 100, 214); } .hotGonggao{ padding: 10px 0; } .hotGonggao .containers{ padding-left: 80px; } .hotGonggao .containers >span{ left: 0; color: rgb(16, 179, 239); } .hotgg{ height: 40px; line-height:40px; } .hotgg .swiper-slide a{ height: 40px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .hotggBtn{ right: 0; } .hotggBtn .hotggNext, .hotggBtn .hotggPrev{ width: 0; height: 0; border-style: solid; margin: 0; display: inline-block; vertical-align: middle; position: static; } .hotggBtn .hotggNext{ border-width: 10px 0px 10px 20px; border-color: transparent transparent transparent gray; margin-left: 30px; } .hotggBtn .hotggNext:hover{ border-color: transparent transparent transparent rgb(0, 112, 191); } .hotggBtn .hotggPrev{ border-width: 10px 20px 10px 0px; border-color: transparent gray transparent transparent ; } .hotggBtn .hotggPrev:hover{ border-color: transparent rgb(0, 112, 191) transparent transparent; } .hotggBtn .swiper-button-next:after, .hotggBtn .swiper-button-prev:after{ display: none; } .main1{ padding: 50px 0; } .m1Left{ padding-top: 50px; } .m1Right{ max-width: 560px; } .m1Right img{ width: 100%; } .m1LTitle{ } .m1LTitle h4{ font-size: 24px; } .m1LTitle p{ font-size: 18px; color: rgb(102, 102, 102); } .m1LTitle span{ display: block; width: 100px; height: 2px; background-color: rgb(0, 113, 187); margin-top:10px; } .m1LCont{ font-size: 14px; margin-top: 40px; line-height: 32px; max-width: 63%; } .m1LCont a{ display: inline-block; padding: 4px 34px; background-color: rgb(5, 100, 214); color: white; margin-top: 25px; font-size: 14px; } .m1LCont a:hover{ background-color: rgb(35, 88, 167); } .main2{ padding: 50px 0; background-color: rgb(5, 100, 214); color: white; } .m2Title{ margin-bottom: 20px; } .m2Title img{ display: block; margin: 0 auto; } .m2Title h4{ font-size: 24px; margin: 16px 0; } .m2Title p{ font-size: 18px; font-family: 'HanSans-Light'; } .m3RBox h4, .m3RBox p, .hNav2 a{ font-family: 'HanSans-Light'; } .mTitle{ margin-bottom: 50px; } .mTitle h4{ text-align: center; font-size: 28px; color: rgb(5, 100, 214); } .m2Cont p{ line-height: 24px; } .main3{ margin-top: 80px; } .m3Right{ -webkit-box-flex: 0 0 760px; -webkit-flex: 0 0 760px; flex: 0 0 760px; } .m3Right img{ display: block; } .m3Right li:nth-of-type(2) a{ height: 100%; display: block; position: relative; } .m3RBox{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; color: white; } .m3RBox img{ width: 50px; display: block; margin: 0 auto 10px; } .m3RBox h4{ font-size: 24px; /* margin-bottom: 10px; */ } .m3RBox p{ font-size: 15px; } .m3Left{ padding-right: 40px; } .m3LTitle p{ margin-bottom: 20px; } .m3LTitle p span, .m3LTitle h4{ font-size: 24px; color: rgb(5, 100, 214); } .m3LTitle p a{ float: right; font-size: 16px; } .m3LTitle h4{ margin-bottom: 20px; } .m3LCont{ line-height: 24px; } .m3Lmore{ margin-top: 40px; } .m3Lmore a{ line-height: 40px; padding: 0px 30px; background-color: rgb(240, 240, 240); border-radius: 40px; display: inline-block; } .m3Lmore a:hover{ background-color: rgb(5, 100, 214); color: white; } .main4{ margin-top:80px; margin-bottom: 80px; } .m4List ul{ flex-flow: row wrap; } .m4List li{ -webkit-box-flex: 0 0 12%; -webkit-flex: 0 0 12%; flex: 0 0 12%; margin-left: 15px; margin-right: 15px; margin-bottom: 40px; text-align: center; } .m4List a{ cursor: default; } .m4List img{ max-width: 100%; } .showImgTitle{ text-align: center; margin-bottom: 50px; font-size: 24px; } .m4List ul{ /* justify-content: space-between; */ } /* 首页 */ /* 股票信息 */ .tzGpInfoMain{ margin: 60px 0; } .tzgpInfoM1{ background-color: rgb(246, 251, 255); padding: 40px; } .tzgpInfoM1 >h4{ text-align: center; font-size: 18px; margin-bottom: 30px; } .tzgpInfoM1 li:first-of-type, .tzgpInfoM1 li:nth-of-type(2){ -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; } .tzgpInfoM1 li:nth-of-type(3){ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .tzgpInfoM11 >h4{ font-size: 28px; color: rgb(5, 100, 214); margin-bottom: 10px; } .tzgpInfoM11 >p{ font-size: 18px; color: rgb(5, 100, 214); margin-bottom: 16px; } .tzgpInfoM11 div >p:first-of-type{ font-size: 28px; color: red; font-weight: bold; margin-bottom: 6px; } .tzgpInfoM11 div >p:nth-of-type(2){ font-size: 14px; color: red; font-weight: bold; margin-bottom: 6px; } .tzgpInfoM11 div >p:nth-of-type(2) span:first-of-type{ margin-right: 10px; } .tzgpInfoM11 div >p:nth-of-type(3){ font-size: 12px; } .tzgpInfoMText p{ margin-bottom: 10px; } .tzgpInfoMText p:last-of-type{ margin-bottom: 0; } .tzgpInfoMText p span{ color: rgb(130, 130, 130); display: inline-block; width: 80px; } .tzgpInfoM2{ margin: 0px -5px; margin-top: 30px; } .tzgpInfoM2Box{ margin: 0px 5px; border: 1px solid rgb(230, 230, 230); } .tzgpInfoM2Box:first-of-type, .tzgpInfoM2Box:nth-of-type(2){ -webkit-box-flex: 5; -webkit-flex: 5; flex: 5; } .tzgpInfoM2Box:nth-of-type(3){ -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; } .tzgpInfoM2Title{ padding: 10px 16px; border-bottom:1px solid rgb(180, 180, 180); } .tzgpInfoM2Title span{ font-size: 16px; } .tzgpInfoM2Title a{ float: right; margin-top: 4px; color: rgb(102, 102, 102); } .tzgpIM2list{ padding: 20px 30px; } .tzgpIM2list li{ margin-bottom: 10px; } .tzgpIM2list li:last-of-type{ margin: 0; } .tzgpIM2list li a{ display: block; position: relative; padding-left: 10px; color: rgb(102, 102, 102); } .tzgpIM2list li a::after{ content:""; display: block; position: absolute; top: 50%; left: -5px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: black; } .tzgpIM2Text{ padding: 20px 30px; } .tzgpIM2Text p{ margin-bottom: 6px; position: relative; padding-left: 80px; color: rgb(102, 102, 102); } .tzgpIM2Text p:last-of-type{ margin: 0; } .tzgpIM2Text p span{ position: absolute; display: block; color: rgb(153, 153, 153); top: 50%; left: 0; transform: translateY(-50%); } .tzgpInfoM11{ max-width: 100px; text-align: center; } /* 股票信息 */ /* 产品中心-产品系列 */ .product{ } .productTitle{ text-align: center; background-color: rgb(5, 100, 214); color: white; padding: 20px 0; } .productTitle h4{ font-size: 28px; margin-top: 10px; } .productType{ margin: 100px 0; background-color: black; } .productType a{ position: relative; } .productType p{ position: absolute; bottom: 6px; left: 0; width: 100%; text-align: center; color: white; font-size: 18px; } .productT1{ margin-bottom: 10px; } .productT1 >div:first-of-type, .productT2 >div:first-of-type, .productT2 >div >div:first-of-type{ padding-right: 5px; } .productT1 >div:nth-of-type(2), .productT2 >div:nth-of-type(2), .productT2 >div >div:nth-of-type(2){ padding-left: 5px; } .productT1 >div:nth-of-type(2){ padding-right: 5px; } .productT1 >div:nth-of-type(3){ padding-left: 5px; } .product_yanfa{ margin: 100px 0; } .proYFTitle { font-size: 24px; position: relative; margin-bottom: 30px; display: none; } .proYFTitle span{ background-color: white; padding-right: 16px; position: relative; z-index: 10; color: rgb(51, 51, 51); } .proYFTitle::after{ content:''; position: absolute; top: 50%; left:0; width: 100%; transform: translateY(-50%); height: 1px; background-color: black; } .proYF1Cont{ color: rgb(51, 51, 51); line-height: 30px; margin-bottom: 60px; font-size: 16px; } .proYF2Cont li{ background-color: rgb(245, 245, 245); position: relative; margin-bottom: 20px; } .proYF2Cont li p{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding-left: 200px; font-size: 20px; /* font-weight: bold; */ color: rgb(102, 102, 102); } .proLisLeft{ width: 250px; } .proLisLeft h4{ font-size: 18px; background-color: rgb(5, 100, 214); color: white; padding: 30px 40px; position: relative; } .proLisLeft h4 span{ position: absolute; top: 50%; right:10px; transform: translateY(-50%); color: white; } .proLisLeft.active h4 span{ transform: translateY(-50%) rotateZ(180deg); } .proLisLeft ul{ display: none; } .proLisLeft li{ border-bottom: 1px solid rgb(230, 230, 230); padding-right: 20px; position: relative; } .proLisLeft li::after{ content:''; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: transparent; } .proLisLeft li:hover::after{ background-color: rgb(5, 100, 214); } .proLisLeft li:hover a, .proLisLeft li.active a{ color: rgb(5, 100, 214); } .proLisLeft a{ display: block; padding: 20px 30px; font-size: 16px; } .proLisRight{ overflow: hidden; padding-left: 50px; } .proListCont { padding: 20px; text-align: center; } .proListCont h4{ font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .proLisRList ul{ display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .proLisRList li{ margin-bottom: 20px; -webkit-box-flex: 0 0 23%; -webkit-flex: 0 0 23%; flex: 0 0 23%; } .proLisRList a{ background-color: rgb(245, 245, 245); cursor: default; } .proLisRList a:hover h4{ /* color: rgb(5, 100, 214); */ } .productPageNav { margin-bottom: 20px; } .productPageNav ul{ position: relative; text-align: right; } .productPageNav ul::before{ content:''; display: inline-block; width: 18px; height: 18px; background:url('../image/dw.png') no-repeat center center/contain; vertical-align: middle; } .productPageNav li{ position: relative; } .productPageNav li::after{ content:'-'; display: inline-block; vertical-align: middle; transform: translateY(-2px); } .productPageNav li:last-of-type::after{ display: none; } .productPageNav li a{ display: inline-block; font-size: 16px; } .productPageNav li a:hover{ color: rgb(5, 100, 214); } /* 产品中心-产品系列 */ /* 建党工作 */ .jiandang{ margin-top: 100px; margin-bottom: 60px; } .jiandang1L{ overflow: hidden; padding-right: 30px; } .jiandang1R{ width: 500px; } .jd1Ban a{ position: relative; display: block; } .jd1Ban a p{ position: absolute; bottom: 0; left:0; width: 100%; background-color: rgba(0, 0, 0, 0.5); color: white; height: 80px; line-height: 80px; padding: 0px 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; } .jd1Ban .jd1Pagin{ width: auto; left: auto; right: 10px; bottom: 30px; } .jd1Ban .jd1Pagin span{ background-color: white; opacity: 1; } .jd1Ban .jd1Pagin .swiper-pagination-bullet-active{ background-color: red; } .jd1RTitle{ margin-bottom: 10px; } .jd1RTitle span{ font-size: 18px; font-weight: bold; color: red; } .jd1RTitle a{ float: right; color: rgb(102, 102, 102); } .jd1RList li{ padding: 26px 0; border-bottom: 1px solid rgb(216, 216, 216); } .jd1RList li h4{ font-size: 16px; font-weight: bold; color: rgb(102, 102, 102); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; } .jd1RList li:hover h4, .jd2List li a:hover, .jd2Title a:hover{ color: rgb(5, 100, 214); } .jd1RList li p{ color: rgb(102, 102, 102); line-height: 26px; } .jiandang2{ margin: 0px -5px; margin-top: 40px; } .jd2Box { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; border: 1px solid rgb(228, 228, 228); margin: 0px 5px; } .jd2Box:last-of-type{ -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; } .dangjian3 .jd2Box{ margin: 0; } .jd2Title{ border-bottom: 1px solid rgb(228, 228, 228); padding: 10px 16px; } .jd2Title span{ font-size: 18px; color: red; font-weight: bold; } .jd2Title a{ float: right; color: rgb(102, 102, 102); margin-top: 4px; } .jd2List{ padding: 40px 10px; } .jd2List li{ position: relative; padding-left: 14px; margin-bottom: 10px; } .jd2List li:last-of-type{ margin: 0; } .jd2List li::after{ content:''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: red; } .jd2List li a{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: rgb(102, 102, 102); } .jd23Cont{ padding: 20px 10px; } .jd23a1 a{ display: inline-block; padding: 4px 10px; background-color: rgb(198, 5, 19); color: white; } .jd23a2{ margin: 10px 0; } .jd23a2 a{ /* display: inline-block; */ } .jd23a2 img{ display: block; width: 150px; } .jd23a2 p{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: rgb(102, 102, 102); } .jd23a2 p{ margin-left: 10px; } .jd32a3 a{ display: inline-block; vertical-align: middle; } .jd32a3 a:first-of-type{ padding: 4px 10px; background-color: rgb(198, 5, 19); color: white; margin-right: 20px; } .jd32a3 a img, .jd32a3 a span{ display: inline-block; vertical-align: middle; } .jd32a3 a:nth-of-type(2){ margin: 0px 10px; } .jiandangMoreList{ max-width: 1000px; margin: 0 auto; } .dangjianBanner{ margin: 30px 0; } .dj3Banner{ padding: 50px 50px 0px; } /* 建党工作 */ /* 党建要闻 */ .dj_yaowen{} .djInTitle{ margin-bottom: 60px; } .djInTitle p{ font-size: 28px; color: rgb(102, 164, 226); margin-bottom: 10px; } .djInTitle h4{ font-size: 28px; color: rgb(51, 51, 51); } .djInBox{ background-color: rgb(246, 249, 255); } .djInLeft{ width: 470px; background-color: rgb(230, 237, 247); } .djyw_box1{ text-align: right; padding: 50px 40px; background-color: rgb(216, 224, 238); } .djyw_box1 p:first-of-type{ color: rgb(121, 125, 155); } .djyw_box1 p:nth-of-type(2){ color: rgb(121, 125, 155); font-size: 24px; font-weight: bold; } .djyw_box1 p:nth-of-type(3){ color: rgb(5, 100, 214); font-size: 40px; } .djyw_box2{ text-align: center; padding: 50px 20px; } .djyw_box2 >img{ display: block; margin: 0 auto; } .djyw_box2 h4{ font-size: 24px; margin: 6px 0; } .djyw_box2 p{ font-size: 18px; } .djyw_box2 a{ display: inline-block; padding: 10px 30px; border-radius: 40px; background-color: rgb(5, 100, 214); color: white; margin-top: 20px; } .djInRight{ padding: 40px; } .djywInList li{ border: 1px solid transparent; padding: 30px; } .djywInList li:hover{ border-color: rgb(225, 232, 243); } .djywInList li:hover .djywListTitle h4{ color: rgb(5, 100, 214); } .djywInList li a{ color: rgb(77, 77, 77); } .djywInList .djywListTitle h4{ font-size: 18px; color: rgb(77, 77, 77); margin: 6px 0 10px; font-weight: bold; } .djywListCont{ font-size: 14px; } .djywMore{ text-align: center; margin-top: 30px; } .djywMore a{ display: inline-block; background-color: rgb(5, 100, 214); padding: 6px; border-radius: 50%; } .djywMore a img{ width: 28px; display: block; } .djDtLeft{ padding: 40px; color: rgb(77, 77, 77); } .djDtLTitle{ font-size: 18px; margin-bottom: 20px; } .djDetailList li{ padding: 20px 0; /* border-bottom: 1px solid rgb(218, 218, 218); */ } .djDetailList a{ color: rgb(77, 77, 77); } .djDetailList h4{ font-size: 16px; margin-bottom: 6px; color: rgb(51, 51, 51); } .djDetailList p{ color: rgb(85, 89, 110); } .djDetailList a:hover h4{ color: rgb(5, 100, 214); } .djDetail{ padding: 20px; } .djDtRTitle{ border-bottom: 1px solid rgb(206, 207, 209); padding-bottom: 20px; margin-bottom: 20px; } .djDtRTitle h4{ font-size: 24px; color: rgb(77, 77, 77); margin-bottom: 14px; } .djDtRTitle p:first-of-type{ color: rgb(5, 100, 214); } .djDtRTitle p:nth-of-type(2){ color: rgb(128, 128, 128); margin-top: 4px; } .djDtRTitle p:nth-of-type(2) span{ margin-left: 10px; display: inline-block; } .djDtCont{ line-height: 24px; } .djzz_box1{ /* background-color: rgb(216, 224, 238); */ border-top: 1px solid rgb(240, 240, 240); } .djzz_box1, .djzz_box2{ padding: 50px 40px; text-align: right; } /* .djTabNavs li:hover .djzz_box1, .djTabNavs li:hover .djzz_box2, */ .djTabNavs li.active .djzz_box1, .djTabNavs li.active .djzz_box2{ background-color: rgb(216, 224, 238); } .djzz_b11{ margin-bottom: 30px; } .djzz_b11 p{ font-size: 24px; color: rgb(121, 125, 155); } .djzz_b11 h4{ font-size: 24px; color: rgb(32, 31, 76); font-weight: bold; } .djzz_b12 p{ margin-bottom: 10px; } .djzz_b12 p:last-of-type{ margin: 0; } .djzz_b12 a{ color: rgb(85, 89, 110); font-size: 16px; } .djTabConts{ display: none; } .djTabConts.active{ display: block; } .djzzCont{ line-height: 24px; } .dj_rudangCont{ padding-top: 20px; } .dj_rdTitle { margin-bottom: 30px; color: rgb(85, 89, 110); } .dj_rdTitle img, .dj_rdTitle span{ display: inline-block; vertical-align: middle; } .dj_rdTitle span{ font-size: 20px; margin-left: 10px; } .dj_rdText{ margin-bottom: 60px; line-height: 24px; color: rgb(85, 89, 110); } .djfcBox{ position: relative; cursor: pointer; } .djfcBox p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background-color: rgba(230, 230, 230, 0.8); text-align: center; color: rgb(77, 77, 77); font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .dj_fcBanner{ margin-bottom: 50px; position: relative; padding: 0px 70px; } .dj_fengcai >h4{ font-size: 18px; margin-bottom: 30px; padding-left: 70px; } .dj_fcBanner .swiper-button-next{ right: 0; } .dj_fcBanner .swiper-button-prev{ left: 0; } .dj_fcBanner .swiper-button-next, .dj_fcBanner .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; background-color: rgb(5, 100, 214); } .dj_fcBanner .swiper-button-next::after, .dj_fcBanner .swiper-button-prev::after{ color: white; font-size: 24px; } /* 党建要闻 */ /* 关于澳门永利集团3044 */ .about{ margin-top: 50px; margin-bottom: 50px; } .aboutCont{ font-size: 16px; line-height: 30px; } .aboutRight{ width: 450px; } .aboutRight >h4{ font-size: 20px; padding: 32px 60px; background-color: rgb(5, 100, 214); color: white; margin-bottom: 20px; } .aboutRight li{ position: relative; padding: 24px 60px; } .aboutRight li::after{ content:''; display: block; position: absolute; bottom: 0; left: 0; width: 80%; height: 1px; background-color: rgb(179, 179, 179); } .aboutRight li h4{ font-size: 16px; position: relative; } .aboutRight li h4::after{ content:''; display: none; position: absolute; top: 50%; right: 13%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: rgb(5, 100, 214); } .aboutRight li:hover h4 a, .aboutRight li.active h4 a{ color: rgb(5, 100, 214); } .aboutRight li:hover h4::after{ display: block; } .aboutRight li p{ color: rgb(102, 102, 102); margin-top: 10px; } .aboutRight li p a{ color: rgb(102, 102, 102); cursor: default; } .aboutLeft{ border-right: 1px solid rgb(179, 179, 179); overflow: hidden; } .aboutBanCont{ width: 100%; left: 0; color: white; text-align: center; } .aboutBanCont h4{ font-size: 47px; } .aboutBanCont p{ font-size: 35px; } .aboutBanCont a{ display: inline-block; background-color: rgb(5, 100, 214); color: white; padding: 10px 30px; border-radius: 40px; margin-top: 40px; } .aboutMainTitle{ margin-top: 80px; margin-bottom: 60px; } .aboutMainTitle h4{ font-size: 28px; margin-bottom: 10px; } .aboutMainTitle div span{ font-size: 52px; color: rgb(5, 100, 214); display: inline-block; vertical-align: middle; } .aboutMainTitle div i,.aboutMainTitle div em{ font-size: 18px; display: inline-block; vertical-align: middle; margin-left: 10px; font-style: normal; } .aboutMainC{ padding: 0px 12%; } .abcy1{ margin-top: 40px; } .abcy1 >h4, .abcy2 >h4{ font-size: 18px; margin-bottom: 20px; } .abcy1 ul{ text-align: center; } .abcy1 li{ margin-bottom: 0px; text-align: center; display: inline-block; margin-right: 80px; } .abcy1 li:nth-of-type(3n), .abcy1 li:last-of-type{ margin-right: 0; } /* .abcy1 li:last-of-type{ margin-left: 120px; } */ .abcy1 ul.list3{ padding: 0px 12%; } /* .abcy1:nth-of-type(2) li:last-of-type{ margin-left: 100px; } */ .abcy2 li{ width: 24%; display: inline-block; } .abfzlcBox{ margin-top: 50px; padding: 0px 5%; } .abfzlcBox >h4{ font-size: 18px; padding-left: 50px; margin-bottom: 20px; } .abfzlcCont p{ line-height: 24px; position: relative; padding-left: 10px; } .abfzlcCont p::after{ content: ''; display: block; position: absolute; top: 10px; left: 0; /* transform: translateY(-50%); */ width: 3px; height: 3px; background-color: rgb(0, 149, 244); border-radius: 50%; } .abfzlcBox >ul{ position: relative; height: 1000px; overflow: hidden; } .abfzlcBox ul.active{ height: auto; overflow: visible; } .abfzlcBox >ul::after{ content:''; display: block; width: 1px; height: 100%; background-color: rgb(5, 100, 214); position: absolute; top: 0; left: 50%; } .abfzlc_img{ text-align: center; margin-top: 30px; } .abfzlcCont{ display: inline-block; width: 50%; text-align: left; padding: 0px 50px; position: relative; } .abfzlcBox >ul >li{ position: relative; } .abfzlcBox >ul >li::after{ content:''; display: block; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: rgb(5, 100, 214); } .abfzlcCont >h4{ font-size: 45px; color: rgb(5, 100, 214); margin-bottom: 10px; } .abfzlcNum{ color: rgb(0, 149, 244); } .abfzlcBox >ul >li:nth-of-type(2n){ text-align: right; } .ab_qywhList li{ margin-bottom: 20px; } .ab_qyImg{ width: 290px; border: 1px solid rgb(228, 228, 228); } .ab_qyImg img{ display: block; } .ab_qyCont{ padding-left: 20px; position: relative; } .ab_qyC1 h4{ font-size: 18px; text-indent: -6px; } .ab_qyC1 p:first-of-type{ font-size: 16px; margin-bottom: 20px; margin-top: 10px; } .ab_qyC1 p:first-of-type span{ float: right; } .ab_qyC1 p:nth-of-type(2){ color: rgb(102, 102, 102); line-height: 24px; } .ab_qyC2{ position: absolute; bottom: 0; left: 0; width: 100%; padding-left: 20px; } .ab_qyC2 a{ display: inline-block; background-color: rgb(229, 229, 229); padding: 6px 20px; font-size: 16px; } .ab_qyC2 a img{ width: 16px; display: inline-block; vertical-align: middle; margin-right: 4px; } .ab_qyC2 a span{ display: inline-block; vertical-align: middle; } .ab_qyC2 a:nth-of-type(2){ float: right; } .ab_qywhList li{ margin-bottom: 50px; } .abqywh2List{ margin-top: 100px; padding-left: 100px; } .abqywh2List li{ margin-bottom: 60px; } .abqywh2Box{ position: relative; padding-left: 80px; } .abqywh2Box >span{ position: absolute; top: 0; left: 0; font-size: 60px; color: rgb(5, 100, 214); line-height: 1em; } .abqywh2Box h4{ font-size: 16px; color: rgb(5, 100, 214); margin-bottom: 10px; } .abqywh2Box p{ line-height: 30px; } .abHonor1{ margin-top: 60px; } .abHonor1 >h4{ font-size: 18px; margin-bottom: 30px; } .abHonorBan1{ position: relative; padding: 0px 10%; } .abHonorImgs{ margin-bottom: 30px; padding: 0px 10%; } .abHonorImgs ul{ justify-content: space-between; } .abHonorImgs li{ /* margin-right: 4%; */ margin-bottom: 20px; width: 19%; } .abHonorImgs li:last-of-type{ margin-right: 0; } /* 关于澳门永利集团3044 */ /* 投资者关系 */ .touziMain{ padding: 50px 0 100px; } .touziTitle{ text-align: center; margin-bottom: 30px; /* margin-top: 80px; */ } .touziTitle h4{ font-size: 28px; color: white; } .touzi{ /* margin: 50px 0px 100px; */ } .touziBox1:first-of-type{ padding-right: 8px; } .touziBox1:nth-of-type(2){ padding-left: 8px; } .touziBr1 >div:first-of-type{ margin-right: 8px; min-height: 230px; } .touziBr1 >div:nth-of-type(2){ margin-left: 8px; } .touziBl{ position: relative; height: 100%; } .touziBl img{ width: 100%; height: 100%; } .touziBl a{ display: block; height: 100%; } .touziBl h4{ position: absolute; top: 45px; left: 45px; color: rgb(0, 110, 185); font-size: 18px; font-weight: bold; } .touziBr1Text{ padding: 45px; } .touziBr1Text h4{ color: rgb(0, 110, 185); font-size: 18px; font-weight: bold; margin-bottom: 24px; line-height: 1em; } .touziBr1Text p{ color: rgb(0, 110, 185); margin-bottom: 10px; } .touziBr1Text p a{ color: rgb(0, 110, 185); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .touziLX, .touziLX a{ height: 100%; display: block; } .touziBr2{ margin-top: 16px; background-color: rgb(5, 100, 214); padding: 45px; color: white; min-height: 280px; } .touziBr2 a{ color: white; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: 'HanSans-Light'; } .touziBr2 h4{ font-size: 18px; font-weight: bold; margin-bottom: 20px; } .touziBr2 p{ margin-bottom: 10px; } .touziMain .containers{ max-width: 1180px; } /* 投资者关系 */ /* 投资者关系-股票信息 */ .tzInLeft{ width: 280px; } .tzInLeList ul{ border: 1px solid rgb(230, 230, 230); } .tzInLeList li{ border-bottom: 1px solid rgb(230, 230, 230); } .tzInLeList li:last-of-type{ border: none; } .tzInLeList li a{ padding: 20px; font-size: 18px; } .tzInLeList li.active a{ background-color: rgb(5, 100, 214); color: white; } .tzInRTitle{ border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 30px; } .tzInRTitle h4{ font-size: 18px; padding: 16px 0; } .tzInRight{ padding-left: 40px; overflow: hidden; } .tzGpTitle { margin: 160px 0 60px; } .tzGpTitle h4{ text-align: center; font-size: 18px; } .tzGpInfoLeft{ width: 40%; float: left; } .tzGpInfoRight{ width: 60%; float: left; } .tzGpinfo{ background-color: white; padding: 50px; } .tzGpInfoLTitle{ text-align: center; margin-bottom: 30px; } .tzGpInfoLTitle h4{ font-size: 24px; color: rgb(5, 100, 214); } .tzGpInfoLTitle p{ font-size: 12px; } .tzGpInfoBox2{ border-top: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); font-size: 12px; } .tzGpInfoBox2 li{ border-bottom: 1px solid rgb(230, 230, 230); } .tzGpInfot21 >div{ float: left; width: 50%; } .tzGpInfot2 .tzGpInfot21:first-of-type{ border-right: 1px solid rgb(230, 230, 230); } .tzGpInfot2 .tzGpInfot21{ padding: 10px; } .tzGpInfot2 .tzGpInfot21 >div:first-of-type{ position: relative; padding-left: 6px; } .tzGpInfot2 .tzGpInfot21 >div:first-of-type::after{ content:'*'; position: absolute; top: 3px; left: 0; font-size: 12px; color: rgb(198, 5, 19); display: block; } .tzGpInfot1{ padding: 10px; } .tzGpInfot1 >div:first-of-type{ width: 25%; position: relative; padding-left: 6px; } .tzGpInfot1 >div:first-of-type::after{ content:'*'; position: absolute; top: 3px; left: 0; font-size: 12px; color: rgb(198, 5, 19); display: block; } .tzGpInfot1 >div:nth-of-type(2){ font-size: 12px; } .tzGpInfoBox2 li:last-of-type{ border-bottom: none; } .tzGpInfoRight{ padding-left: 50px; overflow: hidden; } .tzGpInfoR1 { border: 1px solid rgb(230, 230, 230); background-color: rgb(255, 250, 246); } .tzGpInfoR11{ width: 130px; text-align: center; font-size: 32px; padding: 20px; color: rgb(193, 39, 45); position: relative; } .tzGpInfoR11::after{ content:''; display: block; width: 1px; height: 80%; position: absolute; top: 50%; right:0; transform: translateY(-50%); background-color: rgb(230, 230, 230); } .tzGpInfoR11 span{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; } .tzGpInfoR12{ padding: 18px 10px; } .tzGpInfoR12Text p{ margin-bottom: 6px; } .tzGpInfoR12Text p:last-of-type{ margin-bottom: 0; } .tzGpInfoR12Text p span{ margin-left: 6px; } .tzGpInfoR2{ margin-top: 30px; } .tzGpInfoR12 li{ display: inline-block; vertical-align: middle; margin-right: 40px; font-size: 12px; } .tzGpInfoR12 li:last-of-type{ margin-right: 0; } .tzGpInfoR2 li{ display: inline-block; vertical-align: middle; margin-right: 40px; font-size: 18px; cursor: pointer; } .tzGpInfoR2 li:last-of-type{ margin-right: 0; } .tzGpInfoR2 li span{ display: block; padding-bottom: 4px; border-bottom: 1px solid transparent; } .tzColor_blue{ color: rgb(5, 100, 214); } .tzColor_red{ color: rgb(193, 39, 45); } .tzGpInfoR2 li:hover span, .tzGpInfoR2 li.active span{ border-color: black; } .tzGpInfoR2 p{ /* margin-top: 10px; */ text-align: right; padding-right: 16%; } .tzGpInfoR3{ width: 100%; height: 600px; position: relative; } .tzGpInfoCBox{ width: 100%; height: 600px; /* display: none; */ position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; } .tzGpInfoCBox.active{ /* display: block; */ z-index: 100; opacity: 1; } .tzGpInfoTips{ margin-top: 10px; color: rgb(153, 153, 153); font-size: 12px; } .tzBoxLoading{ position: absolute; top: 50%; left: 50%; text-align: center; background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; padding: 20px; transform: translate(-50%,-50%); display: none; z-index: 106; } .tzBoxLoading img{ display: block; margin: 0 auto; animation:turn 2s infinite; } .tzBoxLoading p{ color: white; margin-top: 10px; } @keyframes turn{ 0%{-webkit-transform:rotate(0deg);} /* 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} */ 100%{-webkit-transform:rotate(360deg);} } /* 投资者关系-股票信息 */ /* 投资者关系-定期报告 */ .tzBaogao{} .tzBgList{ padding-left: 40px; } .tzBgList li{ padding: 16px; position: relative; border-bottom: 1px solid rgb(230, 230, 230); cursor: pointer; padding-right: 80px; } .tzBgList li::after{ content:''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height:14px; background-color: rgb(230, 230, 230); } .tzBgList li:hover p{ color: rgb(5, 100, 214); } .tzBgList li a img{ display: inline-block; width: 20px; margin-left: 10px; transform: translateY(4px); } .tzbgTime{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: rgb(128, 128, 128); } .tzbgJd{ background-color: rgb(237, 237, 237); margin-bottom: 30px; } .tzbgJd li{ display: inline-block; vertical-align: middle; } .tzbgJd li a{ display: block; padding: 10px 40px; font-size: 18px; } .tzbgJd li a:hover, .tzbgJd li.active a{ background-color: rgb(5, 100, 214); color: white; } /* .tzBgList li p{ position: relative; top: 50%; transform: translateY(-50%); } */ .tzBgBtn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .tzBgBtn a{ display: inline-block; vertical-align: middle; padding: 6px 20px; background-color: rgb(230, 230, 230); margin-left: 10px; } .tzBgBtn a img { width: 14px; display: block; } .tz_gsBaogaoNav{ position: relative; padding: 0px 60px; margin-bottom: 30px; } .tz_gsBaogaoNav .swiper-slide.active a, .tz_gsBaogaoNav .swiper-slide:hover a{ background-color: rgb(5, 100, 214); color: white; border-color: rgb(5, 100, 214); } .tzgsBan a{ display: block; border:1px solid rgb(230, 230, 230); text-align: center; padding: 10px; font-size: 20px; } .tzgsNext{ right: 0; } .tzgsPrev{ left: 0; } .tzgsNext, .tzgsPrev{ width: 30px; height:100%; background-color: rgb(230, 230, 230); } .tzgsNext:hover, .tzgsPrev:hover{ background-color: rgb(5, 100, 214); } .tzgsNext::after, .tzgsPrev::after{ font-size: 24px; color: white; } .tzContactCont{ border: 1px solid rgb(230, 230, 230); } .tzContactCont li{ border-bottom: 1px solid rgb(230, 230, 230); } .tzContactCont li:last-of-type{ border: none; } .tzContactT{ padding: 14px 0; text-align: center; color: rgb(5, 100, 214); font-size: 18px; background-color: rgb(244, 249, 252); } .tzTontactT2{ font-size: 14px; } .tzTontactT2 >div:first-of-type{ width: 150px; padding: 14px 20px; border-right: 1px solid rgb(230, 230, 230); } .tzContactT2Text{ padding: 14px 20px; } /* 投资者关系-定期报告 */ /* 投资者关系-投资者联系 */ .tzMap{ height: 400px; } .tzContactUsList{ margin-top: 50px; } .tzContactUsList ul{ margin: 0px -10px; } .tzContactUsList li{ padding: 0px 10px; } .tzCUBox h4{ position: relative; padding-left: 16px; font-size: 18px; margin-bottom: 20px; } .tzCUBox h4::after{ content:''; display: block; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 3px; height: 14px; background-color: rgb(5, 100, 214); } .tzCUBox p{ color: rgb(102, 102, 102); margin-bottom: 10px; padding-left: 16px; } /* 投资者关系-投资者联系 */ /* 新闻中心 */ .news{ position: relative; padding-left: 260px; margin-top: 60px; margin-bottom: 100px; } .news >h4{ position: absolute; top: 0; left: 0; font-size: 18px; } .newsCenter{ padding-right: 60px; } .newsCTip{ font-size: 16px; line-height: 30px; } .newsList >h4{ font-size: 18px; margin-top: 60px; margin-bottom: 80px; } .newsList a{ display: -webkit-box; display: -webkit-flex; display: flex; } .newsImg{ width: 370px; } .newsCont{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .newsList li{ padding: 20px 0; /* border-bottom: 1px solid rgb(240, 240, 240);s */ } .newsList a{ display: -webkit-box; display: -webkit-flex; display: flex; /* flex-wrap: wrap; */ } .newsImg{ width: 380px; } .newsImg img{ width: 100%; } .newsCont{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 30px; } .newsCont p:first-of-type{ font-size: 14px; color: rgb(88, 88, 88); } .newsCont h4{ font-size: 18px; color: rgb(53, 53, 53); margin-top: 10px; margin-bottom: 16px; } .newsList li a:hover .newsCont h4{ color: rgb(5, 100, 214); } .newsCont p:nth-of-type(2){ font-size: 14px; } .newsCont span{ color: rgb(1, 177, 226); display: block; margin-top: 10px; } .newsRight{ width: 230px; } .newsRbox h4{ padding: 10px 20px; font-size: 16px; color: white; background-color: rgb(5, 100, 214); } .newsRbox ul{ padding: 30px 0; } .newsRbox li{ position: relative; padding-left: 20px; padding-right: 10px; margin-bottom: 10px; } .newsRbox li::after{ content:''; display: block; position: absolute; top: 50%; left: 0; width: 5px; height: 1px; background-color: black; } .newsRbox li.active::after, .newsRbox li:hover::after{ background-color: rgb(5, 100, 214); width: 10px; } .newsRbox li.active a, .newsRbox li:hover a{ color: rgb(5, 100, 214); } .newsDetail{ font-size: 16px; line-height: 30px; } .newsDetail{ padding: 0px 10%; } .newsDTTitle{ text-align: center; margin-bottom: 30px; } .newsDTTitle h4{ font-size: 24px; margin-bottom: 10px; } .newsDTTitle p{ color: rgb(153, 153, 153); } .newsOthers{ border: 1px solid rgb(230, 230, 230); padding: 16px 20px; margin-top: 50px; } .newsOthers .flex1{ padding: 0px 10px; } .newsOthers .flex1:nth-of-type(2){ text-align: right; } .newsOthers a{ color: rgb(99, 99, 99); } .newsOthers a i{ color: black; } /* 新闻中心 */ /* 人才中心 */ /* .header2*/ .header1.header2{ background-color: rgb(5, 100, 214); border: none; } .header1.header2 .headerNav a, .header1.header2 .logoTip{ color: white; } .header1.header2 .headerNav li.active .hNav1 a, .header1.header2 .headerNav li:hover .hNav1 a{ color: white; } .rcFooter{ background-color: rgb(5, 100, 214); color: white; } .header2 a{ /* color: white; */ } .header2 .logoTip { border-left: 1px solid white; } .rencaiBan img{ width: 100%; } .rcctBox{ padding: 20px 0; background-color: rgb(238, 238, 238); } .rcctLeft{ position: relative; padding-left: 110px; min-height: 100px; padding-top: 20px; margin-top: 7px; } .rcctLeft img{ position: absolute; left: 0; top: 0; width: 100px; } .rcctLeft p{ /* font-weight: bold; */ color: rgb(99, 99, 99); margin-bottom: 4px; } .rcctLeft p:last-of-type{ margin:0; } .rcctRight{ text-align: right; } .rcctRight a{ display: inline-block; vertical-align: middle; font-size: 18px; text-align: left; padding: 20px 16px 10px; border-radius: 6px; width: 280px; } .rcctRight a h4{ color: white; text-align: center; margin-bottom: 10px; } .rcctRight a p{ font-weight: bold; font-style: italic; } .rcctRight a:first-of-type{ background-color: rgb(1, 178, 179); } .rcctRight a:first-of-type p{ color: rgb(3, 143, 144); } .rcctRight a:nth-of-type(2){ background-color: rgb(234, 84, 4); margin-left: 20px; } .rcctRight a:nth-of-type(2) p{ color: rgb(246, 128, 66); } /* .rcfzBox { margin-bottom: 60px; line-height: 24px; } .rcfzBox h4{ font-size: 28px; margin-bottom: 30px; } .rcfzBox p{ font-size: 20px; line-height: 40px; } */ /* 人才中心 */ /* 人才中心-详情 */ .rcDtBox{ background-color: rgb(245, 245, 245); padding: 80px; } .rcDtTitle{ padding-bottom: 30px; border-bottom: 1px solid rgb(216, 216, 216); margin-bottom: 30px; position: relative; } .rcDtTitle h4{ font-size: 38px; } .rcDtTitle h4 span{ background-color: red; color: white; font-size: 24px; padding: 4px 10px; display: inline-block; margin: 0px 10px; transform: translateY(-4px); } .rcDtTitle h4 i{ font-size: 38px; color: rgb(246, 128, 66); } .rcDtTitle p:first-of-type span{ font-size: 14px; background-color: rgb(238, 241, 246); color: rgb(99, 99, 99); padding: 4px 20px; border-radius: 40px; display: inline-block; vertical-align: middle; } .rcDtTitle p:first-of-type i{ display: inline-block; vertical-align: middle; font-size: 24px; margin-left: 20px; color: rgb(99, 99, 99); } .rcDtTitle p:first-of-type{ margin: 10px 0 20px; } .rcDtTitle p:nth-of-type(2), .rcDtTitle p:nth-of-type(3){ font-size: 18px; color: rgb(99, 99, 99); } .rcDtTitle p:nth-of-type(3){ margin-top: 10px; } .rcDTa{ position: absolute; right: 0; } .rcDTa a{ display: block; padding: 14px 40px; background-color: rgb(5, 100, 214); color: white; font-size: 24px; } .rcDtCBox{ margin-bottom: 30px; /* font-size: 18px; */ } .rcDtCBox h4{ font-size: 20px; margin-bottom: 10px; } .rcDtCBox p{ font-size: 16px; line-height: 30px; } /* 人才中心-详情 */ /* 人才中心-联系澳门永利集团3044 */ .rcContactBox{ position: relative; } .rcContactBox >img{ width: 540px; } .rcContactBox .flex1{ padding-left: 80px; } .rcContactText{ font-size: 18px; margin-bottom: 76px; } .rcContactText:last-of-type, .rcContactText p:last-of-type{ margin:0; } .rcContactText h4{ margin-bottom: 50px; } .rcContactText p{ margin-bottom: 20px; } .rcContact .tzCUBox{ display: inline-block; text-align: left; } .rcContact .tzContactUsList li:nth-of-type(2){ text-align: center; } .rcContact .tzContactUsList li:last-of-type{ text-align: right; } /* 人才中心-联系澳门永利集团3044 */ /* 校园招聘 */ .shehui_zhaopin{ } .zhaopinBg >h4{ font-size: 26px; margin-bottom: 40px; } .zpSearch{ position: relative; padding-left: 60px; padding-right: 150px; border: 1px solid rgb(5, 100, 214); } .zpSearch img{ left: 20px; width: 26px; } .zpSearch input{ border: none; background-color: transparent; height: 60px; line-height: 60px; font-size: 16px; } .zpSearch input[type="text"]{ width: 100%; } .zpSearch input[type="submit"]{ right: 0; height: 100%; background-color: rgb(5, 100, 214); color: white; width: 150px; text-align: center; cursor: pointer; } .zpTypes{ margin-top: 40px; } .zpTypeBox{ position: relative; padding-left: 110px; padding-right: 80px; margin-bottom: 20px; } .zpTypeBox:last-of-type{ margin-bottom: 0; } .zpTypeBox >span{ left: 0; top: 4px; transform: none; font-size: 16px; color: rgb(102, 102, 102); width: 100px; } .zpMore{ right: 0; color: rgb(102, 102, 102); font-size: 16px; cursor: pointer; top: 4px; transform: none; } .zpTypeBox.active .zpTypeList{ height: auto; overflow: visible; } .zpTypeList{ min-height: 28px; height: 28px; overflow: hidden; } .zpTypeList a{ display: inline-block; padding: 2px 14px; border-radius: 40px; background-color: rgb(229, 239, 253); margin: 0px 5px; margin-bottom: 10px; font-size: 18px; color: rgb(102, 102, 102); } .zpTypeList a.active, .zpTypeList a:hover{ color: white; background-color: rgb(5, 100, 214); } .zpMore span{ font-size: 14px; } .zpline{ height: 20px; background-color: rgb(248, 248, 248); margin: 30px 0; } .zpList li{ padding: 30px 40px; /* border-bottom: 1px solid rgb(238, 238, 238); */ background-color: rgb(248, 248, 248); margin-bottom: 10px; } .zhaopinBg{ background-color: rgb(248, 248, 248); padding: 30px 40px; margin-bottom: 20px; } .zpRText1 h4{ font-size: 24px; margin-bottom: 10px; } .zpRText1 h4 a{ /* color: rgb(102, 102, 102); */ } .zpRText1 h4 span{ font-size: 16px; padding: 0px 2px; background-color: red; color: white; margin-left: 6px; } .zpRText1 p span{ color: rgb(102, 102, 102); position: relative; padding-right: 14px; margin-right: 10px; } .zpRText1 p span::after{ content:''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: rgb(229, 229, 229); } .zpRText1 p span:last-of-type::after{ display: none; } .zpRText2{ margin-top: 20px; } .zpRText2 p{ color: rgb(102, 102, 102); line-height: 24px; } .zpListR{ text-align: right; } .zpListR h4{ font-size: 24px; color: red; margin-bottom: 10px; } .zpListR p{ color: rgb(153, 153, 153); } /* 校园招聘 */ /* 善熵学院 */ .header1.header3{ background-color: rgb(252, 132, 3); border: none; } .header1.header3 .headerNav a{ color: white; } .header1.header3 .headerNav .hNav2 a{ color: rgb(252, 132, 3); } .header1.header3 .headerNav .hNav2 a.active, .header1.header3 .headerNav .hNav2 a:hover{ color: black } .header1.header3 .headerNav li.active .hNav1 a, .header1.header3 .headerNav li:hover .hNav1 a{ color: white; } .header1.header3 .headerNav li:hover .hNav1 a::after{ background-color: white; } .sColFooter{ background-color: rgb(252, 132, 3); color: white; } .shangCollegeL{ padding-right: 40px; overflow: hidden; } .sColBanner{ } .colM1Ban .swiper-pagination-bullet{ background-color: white; opacity: 1; } .colM1Ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: rgb(252, 132, 3); width: 16px; border-radius: 10px; } .sColNext, .sColPrev{ width: 40px; height: 60px; background-color: rgba(0, 0, 0, 0.7); transform: translateY(-50px); } .sColNext::after, .sColPrev::after{ color: white; font-weight: bold; font-size: 26px; } .sColNext{ right: 0; } .sColPrev{ left: 0; } .sCollegeTitle{ border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 10px; margin-bottom: 30px; } .sCollegeTitle span:first-of-type{ font-size: 36px; color: rgb(88, 88, 88); } .sCollegeTitle span:nth-of-type(2){ font-size: 18px; color: rgb(153, 153, 153); } .sCollegeTitle a{ float: right; color: rgb(153, 153, 153); transform: translateY(24px); } .sColImg{ position: relative; } .sColImg img{ width: 100%; } .sColImg p{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 18px; height: 50px; line-height: 50px; padding: 0px 30px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .sColCont{ padding: 30px; color: rgb(137, 137, 137); font-size: 16px; background-color: white; } .shangCollegeR{ width: 370px; } .sCollegeRList li{ margin-bottom: 14px; } .sCollegeRList li a{ position: relative; } .sCollegeRList li a img{ height: 190px; width: 100%; } .sCollegeRList li p{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 40px; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 16px; padding: 0px 20px; text-align: center; } /* 善熵学院 */ /* 善熵学院-关于澳门永利集团3044 */ .colAboutL{ width: 230px; } .colAboutL >h4{ font-size: 24px; color: rgb(249, 157, 51); margin-bottom: 10px; } .colAboutL li{ position: relative; border-bottom: 1px solid rgb(224, 219, 215); } .colAboutL li a{ padding: 10px 16px; position: relative; display: block; font-size: 16px; padding-left: 24px; } .colAboutL li a::after{ content:''; display: block; position: absolute; top: 50%; left: 6px; transform: translateY(-50%); width: 6px; height: 6px; /* border-radius: 50%; */ background-color: rgb(99, 99, 99); } .colAboutL li:hover a, .colAboutL li.active a{ background-color: rgb(249, 157, 51); color: white; } .colAboutL li:hover a::after, .colAboutL li.active a::after{ background-color: white; } .colAboutR{ overflow: hidden; padding-left: 100px; } .colAboutRNav{ border-bottom: 1px solid rgb(224, 219, 215); padding-bottom: 10px; margin-bottom: 30px; } .colAboutRNav >span{ font-size: 24px; color: rgb(249, 157, 51); } .colAboutRNav li{ position: relative; margin-left: 10px; } .colAboutRNav li::after{ content:'-'; display: block; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); } .colAboutRNav li:last-of-type::after{ display: none; } .colAboutCont{ font-size: 16px; } .colRcB1Img{ position: relative; } .colRcB1Img p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height:50px; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 18px; padding: 0px 30px; } .colRcB1Cont{ margin-top: 130px; } .colRencai{ position: relative; background-color: white; } .colRcBanner{ margin-top: 16px; background-color: rgb(160, 160, 160); padding: 20px 60px; /* border-radius: 6px; */ position: absolute; top: 600px; left: 0; width: 100%; z-index: 99999; } .colRcNext::after, .colRcPrev::after{ font-size: 24px; font-weight: bold; color: white; } .colRcBanImg{ position: relative; } .colRcBanImg::after{ content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; transition: all 0.3s; } .colRcBan .active .colRcBanImg::after{ opacity: 0; } .colRcCont{ padding: 40px; /* padding-top: 30px; */ font-size: 16px; line-height: 30px; border: 1px solid rgb(200, 200, 200); } .colRcCont h4{ color: rgb(249, 157, 51); font-size: 24px; margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid rgb(200, 200, 200); } .colRcCont p{ color: rgb(99, 99, 99); } .col_AbJJ{ color: rgb(99, 99, 99); line-height: 30px; } /* 善熵学院-关于澳门永利集团3044 */ /* 善熵学院-新闻中心 */ .colNews{} .colNews li{ padding: 30px 0; border-bottom: 1px dashed rgb(223, 220, 217); } .colNewsTime{ width: 80px; background-color: rgb(234, 231, 226); text-align: center; color: rgb(99, 99, 99); } .colNewsTime h4{ font-size: 36px; } .colNewsTime p{ padding-bottom: 6px; padding-top: 6px; border-top: 4px solid white; } .colNewsCont{ padding-left: 30px; } .colNewsCont h4{ font-size: 18px; margin-bottom: 10px; } .colNewsCont p{ font-size: 16px; color: rgb(137, 137, 137); } .colTitles.productTitle{ background-color: rgb(252, 132, 3); } /* 善熵学院-新闻中心 */ /* 善熵学院-登录 */ .colLogin{ padding: 220px 0; text-align: right; } .colLoginBox{ text-align: left; display: inline-block; background-color: white; border-radius: 4px; padding: 40px; color: rgb(148, 148, 148); box-shadow: 0px 0px 10px 0px rgb(230, 230, 230); } .colLoginBox >h4{ font-size: 22px; margin-bottom: 30px; } .loginInp { position: relative; padding-left: 40px; border: 1px solid rgb(204, 204, 204); background-color: rgb(204, 204, 204); border-radius: 4px; overflow: hidden; margin-bottom: 20px; } .loginInp img{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 24px; } .loginInp input{ width: 100%; background-color: white; border: none; height: 42px; line-height: 42px; width: 250px; padding: 0px 10px; font-size: 16px; } .loginSub{ margin-top: 40px; } .loginSub input{ width: 100%; height: 42px; line-height: 42px; background-color: rgb(252, 132, 3); color: white; font-size: 20px; border: none; border-radius: 4px; } .loginOther{ margin-top: 20px; } .loginOther a{ color: rgb(137, 137, 137); font-size: 18px; } .loginOther a:nth-of-type(2){ float: right; } .yanzhengBox{ position: relative; /* padding-right: 130px; */ font-size: 18px; box-sizing: border-box; width: 100%; } .yanzhengBox input{ width: 200px; height: 50px; line-height: 50px; background-color: white; border: 1px solid rgb(204, 204, 204); padding: 0px 20px; font-size: 18px; border-radius: 4px; } .yanzhengBox button{ position: absolute; top: 0; right: 0; width: 110px; height: 50px; background-color: rgb(252, 132, 3); color: white; border: none; border-radius: 4px; font-size: 16px; } /* 善熵学院-登录 */ /* 善熵学院-大事记 */ .colDashiji{} .colDsjList ul{ position: relative; z-index: 10; padding: 20px 0; } .colDsjList ul::after{ content: ''; display: block; position: absolute; top: 0; left: 16px; width: 1px; height: 100%; background-color: rgb(153, 153, 153); z-index: -1; } .colDsjList li{ margin-bottom: 20px; } .colDsjList li:last-of-type{ margin: 0; } .colDsjTime { padding-left: 8px; cursor: pointer; } .colDsjTime span{ display: inline-block; vertical-align: middle; } .colDsjTime span:first-of-type{ position: relative; width: 16px; height: 16px; border-radius: 50%; background-color: rgb(246, 128, 66); margin-right: 30px; } .colDsjTime span:first-of-type::after{ content:''; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 20px; height: 1px; background-color: rgb(246, 128, 66); } .colDsjTime span:nth-of-type(2){ font-size: 18px; } .colDsjTime i{ display: inline-block; vertical-align: middle; position: relative; width: 20px; height: 20px; border-radius: 50%; background-color: rgb(230, 230, 230); margin-left: 10px; } .colDsjTime i::after{ content:'+'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 20px; transform: translateY(-2px); font-size: 24px; display: inline-block; text-align: center; color: rgb(153, 153, 153); } .colDsjInlist{ margin-top: 20px; padding-left: 60px; display: none; } .colDsjList li.active .colDsjInlist{ /* display: block; */ } .colDsjList li.active .colDsjTime i::after{ content:'-'; } .colDsjInBox{ background-color: rgb(223, 223, 223); margin-bottom: 16px; padding: 10px; } .colDsjInlist .colDsjInBox:last-of-type{ margin: 0; } .colDsjInImg{ width: 300px; } .colDsjInText{ padding: 30px 20px; } .colDsjInText p{ color: rgb(252, 132, 3); margin-bottom: 10px; /* font-size: 16px; */ font-size: 20px; } .colDsjInText h4{ font-size: 20px; color: rgb(99, 99, 99); } .colDSJText{ position: relative; top: 50%; transform: translateY(-50%); } /* 善熵学院-大事记 */ /* 善熵学院-新闻详情 */ .colDetail{ margin: 40px 0; } .col_detail{ background-color: white; padding: 50px; max-width: 1000px; margin: 0 auto; } .colDtLogo { padding-bottom: 14px; border-bottom: 1px solid rgb(180, 180, 180); margin-bottom: 30px; } .colDtLogo img{ max-width: 200px; } .colDtTitle{ text-align: center; margin-bottom: 30px; } .colDtTitle h4{ font-size: 24px; color: rgb(51, 51, 51); } .colDtTitle p{ margin-top: 20px; border-top: 1px dashed rgb(230, 230, 230); border-bottom: 1px dashed rgb(230, 230, 230); padding: 5px 0; font-size: 16px; color: rgb(51, 51, 51); } .colDtTitle p span{ display: inline-block; vertical-align: middle; margin: 0 15px; } .colDtCont{ line-height: 30px; font-size: 16px; color: rgb(51, 51, 51); } .colDtBanner{ margin-top: 40px; } .colDtBanBox { position: relative; } .colDtBanBox p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 18px; padding: 0px 20px; } .colDtNext, .colDtPrev{ width: 50px; height: 100px; background-color: rgb(252, 132, 3); } .colDtNext::after, .colDtPrev::after, .colNewNext::after, .colNewPrev::after{ font-size: 24px; color: white; font-weight: bold; } .colDtNext, .colNewNext{ right: 0px; } .colDtPrev, .colNewPrev{ left: 0px; } .colNewBanner{ position: relative; padding: 0px 60px; margin-top: 10px; } .colNewNext, .colNewPrev{ width: 40px; height: 100%; background-color: rgb(252, 132, 3); margin: 0; transform: translateY(-50%); } .colPrint{ margin-top: 50px; padding-top: 16px; border-top: 1px dashed rgb(230, 230, 230); } .colPrint a{ display: inline-block; background-color: rgb(252, 132, 3); } .colPrint a img{ width: 26px; display: block; } .colNewBanBox{ border: 2px solid transparent; } .colNewBan .active .colNewBanBox{ border-color: rgb(252, 132, 3); } /* 善熵学院-新闻详情 */ /* 善熵学院-学习中心 */ .collegeHeader{ padding-top: 40px; border-bottom: 2px solid rgb(252, 132, 3); } .collegeH1{ position: relative; text-align: right; } .collegeH1 >a{ display: block; left: 0; } .collegeSearch{ display: inline-block; text-align: left; border: 2px solid #fc8403; border-radius: 50px; padding-right: 100px; position: relative; overflow: hidden; } .collegeSearch input[type="text"]{ -webkit-appearance: none; width: 400px; height: 34px; border: none; background-color: transparent; padding: 0px 20px; font-size: 18px; color: rgb(252, 132, 3); } .collegeSearch input[type="text"]::-webkit-input-placeholder{ color: rgb(252, 132, 3); } .collegeSearch input[type="submit"]{ position: absolute; top: -1%; right: -2px; width: 100px; height: 102%; background: url('../image/search4.png') no-repeat center center/24px 24px rgb(252, 132, 3); border: none; -webkit-appearance: none; cursor: pointer; } .collegeH1Nav{ margin-top: 50px; padding-bottom: 20px; text-align: center; } .collegeH1Nav a{ font-size: 18px; } .collegeH1Nav a:hover{ color: rgb(252, 132, 3); } .colM1{ position: relative; } .colM1Box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; } .colM1Box .containers{ height: 100%; } .colM1Nav{ width: 320px; background-color: rgb(240, 240, 240); height: 100%; padding: 10px; overflow-y: auto; } .colM1Nav li{ border-bottom: 1px solid rgb(180, 180, 180); padding: 14px 10px; } .colM1Nav li:last-of-type{ border: none; } .colM1Nav li h4{ font-size: 16px; margin-bottom: 4px; } .colM1Nav li a{ display: inline-block; } .colM1Nav li a:hover{ color: rgb(252, 132, 3); } .colM1Nav li p a{ width: 23%; line-height: 30px; } .colM2Banner{ position: relative; } .colM2{ margin-top: 50px; margin-bottom: 80px; } .colMTitle{ text-align: center; font-size: 28px; margin-bottom: 20px; } .colMTitle span{ position: relative; } .colMTitle span::before, .colMTitle span::after{ content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100px; height: 1px; background-color: rgb(153, 153, 153); } .colMTitle span::before{ left: -120px; } .colMTitle span::after{ right: -120px; } .colM2Img{ border-radius: 6px; overflow: hidden; } .colM2Banner{ padding: 0px 60px; } .colM2Ban p{ margin-top: 10px; font-size: 16px; } .colM2Next, .colM2Prev{ background-color: rgb(252, 132, 3); width: 30px; height: 60px; border-radius: 6px; } .colM2Next::after, .colM2Prev::after{ color: white; font-size: 28px; font-weight: bold; } .colClassify{ margin: 60px 0; } .colClassifyL{ width: 220px; } .colClassifyL h4{ font-size: 20px; color: white; background-color: rgb(252, 132, 3); padding: 20px; } .colClassifyL ul{ border: 1px solid rgb(230, 230, 230); border-top: none; border-bottom: none; } .colClassifyL li{ border-bottom: 1px solid rgb(230, 230, 230); } .colClassifyL li a{ display: block; padding: 16px 30px; font-size: 16px; position: relative; } .colClassifyL li a::after{ content:''; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color:transparent; } .colClassifyL li:hover a, .colClassifyL li.active a{ color: rgb(252, 132, 3); } .colClassifyL li:hover a::after{ background-color: rgb(252, 132, 3); } .colClassifyR{ padding-left: 50px; } .colClassifyList a{ background-color: rgb(244, 245, 249); } .colClasImg{ border-radius: 6px; overflow: hidden; } .colClassifyList a p{ font-size: 16px; color: rgb(49, 164, 255); } .colClasCont { padding: 10px; } .colClassifyList li{ margin-bottom: 20px; } /* 善熵学院-学习中心 */ /* 善熵学院-视频播放 */ .colVideoBox{ padding: 0px 16px; } .colVideoBox video{ width: 100%; height: auto; } .colVideo{ margin: 60px 0; background-color: rgb(51, 51, 51); padding: 30px 0px; position: relative; overflow: hidden; } .colVideoTitle{ /* text-align: center; */ margin-bottom: 20px; padding: 0px 16px; } .colVideoTitle h4{ font-size: 24px; color: white; } .colVideoTitle h4 span{ float: right; } .colMlist ul{ justify-content: space-between; } .colMlist li{ -webkit-box-flex: 0 0 23%; -webkit-flex: 0 0 23%; flex: 0 0 23%; margin-bottom: 30px; } .colMlist li a{ background-color: rgb(244, 245, 249); padding-bottom: 10px; } .colMImg{ border-radius: 6px; overflow: hidden; } .colMlist p{ margin-top: 10px; font-size: 18px; text-align: center; } .colVideoBox{ position: relative; overflow: hidden; padding-right: 300px; } .colVideoBox.active{ padding-right: 16px; } .colVideoList{ position: absolute; top: 0; right: 0; width: 300px; z-index: 99999; height: 100%; background-color: rgb(51, 51, 51); padding: 36px 20px 20px; transition: all 0.5s; } .colVideoList.active{ right: -300px; } .colVideoList.active .colVideoBtns{ left: -30px; } .colVideoList.active .colVideoBtns i{ transform: rotateZ(180deg); } .colVideoLiT{ color: white; font-size: 24px; margin-bottom: 26px; } .colVideoLiT p{ line-height: 1em; } .colVideoLists{ height: calc( 100% - 46px); overflow-x: hidden; overflow-y: auto; } .colVideoLists li{ margin-bottom: 20px; } .colVideoLists a{ display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; color: white; } .colVideoImg{ width: 130px; } .colVideoConts{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; padding-left: 16px; } .colVideoConts h4{ font-size: 14px; } .colVideoConts div{ position: absolute; bottom: 0; width: 100%; left: 16px; } .colVideoBtns{ position: absolute; top: 50%; left: -14px; font-size: 24px; color: white; border: 1px solid rgb(102, 102, 102); background-color: rgb(51, 51, 51); border-radius: 6px; padding: 10px 2px; cursor: pointer; } .colVideoBtns i{ display: block; } /* 善熵学院-视频播放 */ @media (max-width: 1500px){ .headerNav li{ margin-left: 20px; } /* .m4List li{ -webkit-box-flex: 0 0 14%; -webkit-flex: 0 0 14%; flex: 0 0 14%; } */ .m4List li{ -webkit-box-flex: 0 0 11.5%; -webkit-flex: 0 0 11.5%; flex: 0 0 11.5%; } } @media (max-width: 1420px){ .colRcBanner{ top: 500px; } .jd32a3 a:first-of-type{ margin-right: 0px; } .jd32a3 a:nth-of-type(2){ margin: 0 5px; } .m4List li{ -webkit-box-flex: 0 0 11%; -webkit-flex: 0 0 11%; flex: 0 0 11%; margin-left: 10px; margin-right: 10px; } .jd1RList li{ padding: 13px 0px; } .shangCollegeR{ width: 300px; } .sCollegeRList li{ margin-bottom: 10px; } .sCollegeRList li a img{ width: 100%; height: 180px; } .touziBr2{ padding: 24px 30px; min-height: auto; } .abcy1 li{ margin-right: 40px; } } @media (max-width: 1300px){ .headerNav li, .header3 .headerNav li, .header2 .headerNav li{ margin-left: 10px; } .touziMain .containers{ max-width: 90%; } } @media (max-width: 1200px){ body{ padding-top: 50px; } .header1{ display: none; } .headerMB, .mbFooter1{ display: block; } .mbanCont p { font-size: 14px; margin-bottom: 6px; } .mbanCont >a{ padding: 6px 18px; font-size: 12px; margin-top: 6px; } .hotggBtn{ display: none; } .fixedBox{ top: auto; bottom: 20%; } .m1Box{ display: block; } .main1{ padding: 30px 0; } .m1LTitle h4{ font-size: 22px; } .m1LTitle p{ font-size: 16px; } .m1LCont{ margin: 0; margin-top: 20px; max-width: 100%; font-size: 14px; line-height: 24px; } .m1LCont a{ margin-top: 20px; } .m1Right{ max-width: 100%; margin-top: 30px; } .m2List ul{ overflow-x: auto; display: block; white-space: nowrap; overflow-y: hidden; } .m2List li{ display: inline-block; margin-right: 40px; vertical-align: top; } .m2List li:last-of-type{ margin: 0; } .m2List li, .m2Title h4, .m2Title p, .m2Cont p{ white-space: nowrap; } .fixedImg{ /* opacity: 0.7; */ } .m2Title h4{ font-size: 14px; } .m2Title p, .m2Title p span{ font-size: 14px !important; } .main2{ padding: 20px 0; } .m2Title img{ width: 40px; } .main3{ margin-top: 30px; } .mTitle h4{ font-size: 22px; } .m3LTitle p span, .m3LTitle h4{ font-size: 16px; } .m3LTitle p a{ font-size: 14px; } .mTitle{ margin-bottom: 20px; } .m3Right li:nth-of-type(2) a{ background:url('../image/homebg1.png') no-repeat center center/cover; padding: 40px 20px; } .m3Right li:nth-of-type(2) a >img{ display: none; } .m3RBox{ position: static; transform: none; } .m3Left{ padding: 0; } .m3Lmore{ margin-top:20px; } .m3Box{ display: block; } .m3Right{ width: 100%; margin-top: 20px; } .m3Right img{ width: 100%; } .m3Right ul{ display: block; } .m4List ul{ max-height: 170px; overflow-y: auto; } .m4List li { -webkit-box-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .main4{ margin-top: 30px; } .footer1 li{ display: none; } .footer1{ padding: 30px 0; } .footer1 ul{ display: block; } .footer1 li:last-of-type{ display: block; } .footer1 h4{ margin-bottom: 20px; } .footer1 p{ margin-bottom: 6px; } .footer2, .rcFooter, .sColFooter{ font-size: 12px; padding: 10px 0; } .aboutBanCont h4, .aboutBanCont p{ font-size: 16px; } .aboutBanCont a{ padding: 6px 24px; margin-top: 10px; } .productTitle h4{ font-size: 20px; margin-top: 4px; } .productTitle{ padding: 6px 0; } .aboutRight{ width: 100%; margin-top: 30px; } .aboutCont{ font-size: 14px; line-height: 24px; } .aboutRight >h4{ padding: 16px 30px; } .aboutRight li{ padding: 10px 30px; } .aboutLeft{ border: none; overflow: visible; } .abfzlcBox >ul{ height: auto; overflow: visible; } .abfzlcBox >ul >li:nth-of-type(2n){ text-align: left; } .abfzlcBox >ul::after{ left: 0; transform: none; } .abfzlcBox >ul >li::after{ left: -5px; transform: none; } .abfzlcBox >h4{ margin-bottom: 10px; } .abfzlcCont{ width: 100%; } .abfzlcCont >h4{ font-size: 28px; } .abfzlcBox >ul >li{ margin-bottom: 20px; } .abfzlcBox >ul >li:last-of-type{ margin-bottom: 0; } .about{ display: block; } .abHonor1{ margin-top: 50px; } .abcy1 .list3 li{ -webkit-flex-basis: 48%; flex-basis: 48%; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; flex-shrink: 0; flex-grow: 0; -webkit-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; flex: 0 0 48%; margin-bottom: 10px; } .abcy1 >h4{ font-size: 18px; } .abcy1 ul{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .abcy1:nth-of-type(2) li:last-of-type{ margin-left: 0; } .abcy1 li{ margin-right: 20px; margin-bottom: 0; } .abcy1 ul.list3{ padding: 0 20px; } .abqywh2List{ margin-top: 50px; padding-left: 0; } .abqywh2List ul{ display: block; } .abqywh2List li{ margin-bottom: 20px; } .news{ padding: 0; margin-top: 30px; } .news >h4{ display: none; } .newsBox { display: block; } .newsCenter{ padding: 0; } .newsList >h4{ margin: 30px 0; } .newsList a{ display: block; } .newsImg{ width: 100%; } .newsCont{ padding: 0; margin-top: 10px; } .newsCont h4{ font-size: 18px; margin-bottom: 10px; } .newsCont p:nth-of-type(2){ font-size: 14px; } .newsRight{ width: 100%; margin-top: 30px; } .proYFTitle { font-size: 18px; } .proYF1Cont{ font-size: 14px; } .product_yanfa{ margin: 50px 0; } .proYF2Cont li img{ width: 100px; } .proYF2Cont li p{ padding-left: 130px; font-size: 14px; } .jiandang{ margin-top: 50px; margin-bottom: 50px; } .jiandang1L{ padding: 0; } .jd1Ban a p{ font-size: 14px; height:40px; line-height: 40px; } .jd1Ban .jd1Pagin{ right: 10px; top: 50%; } .jd1Ban .jd1Pagin span{ display: block; margin: 5px 0 !important; } .jiandang1, .jiandang2{ display: block; } .jiandang1R{ width: 100%; margin-top: 20px; } .jd2Box{ margin-bottom: 20px; } .mtb80{ margin-top: 50px; margin-bottom: 50px; } .rcctRight{ text-align: center; } .rcctRight a:nth-of-type(2){ margin: 0; margin-top: 20px; } .rcctBox .flexbox .flex1:first-of-type{ } .rcctLeft{ width: 280px; margin: 0 auto 20px; padding-left: 130px; } .rcctBox{ padding: 50px 0; } .shangCollegeL{ padding: 0; } .sCollegeTitle span:first-of-type{ font-size: 22px; } .sCollegeTitle span:nth-of-type(2){ font-size: 14px; } .sCollegeTitle a{ transform: translateY(10px); } .sColNext, .sColPrev{ width: 30px; height:40px; } .sColNext::after, .sColPrev::after{ font-size: 20px; } .sColImg p{ font-size: 14px; padding: 0px 14px; height: 34px; line-height: 34px; } .sColCont{ padding: 14px; font-size: 14px; } .shangCollegeR{ width: 100%; margin-top: 30px; } .shang_college{ display: block; } .sCollegeRList li p{ font-size: 14px; } .touzi{ margin: 50px 0; display: block; } .touziBox1:first-of-type{ padding: 0; margin-bottom: 20px; } .touziBr1 { display: block; } .touziBr1 >div:first-of-type{ margin:0; margin-bottom: 20px; } .touziBr1 >div:nth-of-type(2){ margin: 0; } .touziBr2{ padding: 20px; } .ab_qywhList ul{ display: block; } .ab_qywhList li{ width: 100%; } .ab_qyImg, .ab_qyImg img{ width: 100%; } .ab_qyCont{ padding: 0; margin-top: 10px; padding-bottom: 60px; } .ab_qyC2{ padding: 0px 20px; } .productType{ margin: 50px 0; } .productT2 { display: block; } .productT2 >div:first-of-type{ margin-bottom: 10px; } .productType p{ font-size: 14px; } #jmtMap{ height: 350px; } .product_list { display: block; } .proLisLeft{ width: 100%; margin-bottom: 30px; } .proLisRight{ padding: 0; } .proLisRList li{ -webkit-flex-basis: 48%; flex-basis: 48%; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; flex-shrink: 0; flex-grow: 0; -webkit-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; flex: 0 0 48%; } .proLisLeft h4, .proLisLeft a{ padding: 14px 30px; } .fixedImg img{ width: 40px; } .hoverFshow{ padding: 11px 14px; /* background-color: rgba(5, 100, 214,0.7); */ } .phoneText{ font-size: 14px; /* height: auto; */ } .hoverFshow.codeShows{ opacity: 1; /* background-color: rgba(5, 100, 214,0.7); */ } .hoverFshow.weizhiText{ width: 280px; } .hoverFshow.weizhiText p{ padding-top: 4px; } .hoverBtns:hover .phoneText.weizhiText{ left: -280px; } .codeShows{ width: 178px; } .hoverBtns:hover .codeShows{ left: -166px; } .hotGonggao{ /* padding: 10px 0; */ padding: 0; } .m1Left{ padding-top: 0; } .aboutMainC{ padding: 0; } .aboutMainTitle{ margin: 40px 0; } .aboutMainTitle h4, .aboutMainTitle h4 span{ font-size: 12px !important; } .aboutMainTitle div { font-size: 22px !important; } .aboutMainTitle div >span{ font-size: 22px !important; vertical-align: inherit; } .aboutMainTitle div >span span{ font-size: 14px !important; } /* .aboutMainTitle div */ .aboutMainTitle div i{ font-size: 14px; } .aboutCont p, .aboutCont p span{ font-size: 14px !important; } .abfzlc_img{ text-align: left; transform: translateX(-18px); } .abHonorImgs ul, .abcy2 ul{ white-space: nowrap; overflow-y: auto; display: block; } .abHonorImgs li, .abcy2 li{ width: 48%; margin-right: 20px; } .abHonorImgs li:last-of-type, .abcy2 li:last-of-type{ margin-right: 0; } .abHonorImgs li img{ /* width: 120px; */ } .abHonor1 .swiper-button-next{ right: 0; } .abHonor1 .swiper-button-prev{ left:0; } .abHonor1 .swiper-button-next::after, .abHonor1 .swiper-button-prev::after{ font-size: 30px; } .touziBox1:nth-of-type(2){ padding: 0; } .newsDetail{ padding: 0; } .djInTitle p, .djInTitle h4{ font-size: 18px; } .dj_fengcai >h4{ font-size: 18px; padding-left: 0px; text-align: center; } .dj_fcBanner .swiper-button-next, .dj_fcBanner .swiper-button-prev{ width: 30px; height: 30px; } .dj_fcBanner .swiper-button-next::after, .dj_fcBanner .swiper-button-prev::after{ font-size: 20px; } .dj_fcBanner{ padding: 0px 50px; } .djfcBox p{ height: 34px; line-height: 34px; font-size: 14px; } .djInTitle{ margin-bottom: 30px; } .djyw_box1{ padding: 30px; } .djyw_box1 p:nth-of-type(2){ font-size: 20px; } .djyw_box1 p:nth-of-type(3){ font-size: 30px; } .djyw_box2{ padding: 30px; } .djyw_box2 >img{ width: 40px; } .djyw_box2 h4{ font-size: 20px; } .djInRight{ padding: 30px 20px; } .djywInList li{ padding: 20px 0; border: none; border-bottom: 1px solid rgb(230, 230, 230); } .djywInList li:hover{ border: none; border-bottom: 1px solid rgb(230, 230, 230); } .djywInList .djywListTitle h4{ font-size: 16px; } .djywMore a{ padding: 10px; } .djywMore a img{ width: 20px; } .djDtLeft{ padding: 30px 20px; display: none; } .djDtLTitle{ margin-bottom: 10px; } .djDetail{ padding: 0; } .djDtRTitle h4, .djzz_b11 p, .djzz_b11 h4{ font-size: 20px; } .djzz_box1, .djzz_box2{ padding: 30px; } .djzz_b11{ margin-bottom: 20px; } .ab_qywhList{ max-width: 768px; margin: 0 auto; } .djInBox{ display: block; } .djInLeft{ width: 100%; } .djDetailList li{ padding: 10px 0; border-bottom: 1px solid rgb(200, 200, 200); } .dj3Banner{ padding: 30px 10px 0; } .newsDTTitle h4{ font-size: 18px; } .newsDtCont{ font-size: 14px; line-height: 26px; } .newsOthers .flexbox{ display: block; } .newsOthers .flex1:nth-of-type(2){ text-align: left; margin-top: 10px; } .newsOthers{ padding: 10px; font-size: 14px; line-height: normal; } .newsOthers .flex1{ padding: 0; } .touziMain{ padding: 50px 0; } .touziTitle h4{ font-size: 24px; } .touzi{ margin-bottom: 0; } .tzInBox{ display: block; } .tzInLeft{ width: 100%; } .tzInRight{ padding: 0; margin-top: 30px; } .tzInLeList li a{ padding: 14px 0; } /* .tzBgBtn{ position: static; transform: none; } */ .tzBgBtn a{ display: block; margin-left:0; } .tzBgBtn a:first-of-type{ margin-bottom: 0px; } .tzBgBtn a:nth-of-type(2){ display: none; } .tzBgList li{ /* padding: 24px 16px; */ padding-right: 68px; /* min-height: 70px; */ } .tzBgList{ padding: 0; } .tzContactUsList ul{ display: block; } .tzContactUsList li{ margin-bottom: 20px; } .tzCUBox h4{ margin-bottom: 10px; } .tzCUBox p{ margin-bottom: 6px; } .tzMap{ height: 300px; } .tz_gsBaogaoNav{ padding: 0px 46px; } .tz_gsBaogaoNav .tzgsBan{ padding: 0px 4px; } .rcContactBox >img{ width: 100%; } .rcContactBox .flex1{ padding: 0; margin-top: 30px; } .rcContactText h4{ margin-bottom: 16px; } .rcContactText p{ font-size: 14px; margin-bottom: 10px; } .rcContactText{ margin-bottom: 30px; } .rcDtBox{ padding: 20px; } .rcDtTitle h4, .rcDtTitle h4 i{ font-size: 20px; } .rcDtTitle h4 span{ font-size: 14px; padding: 2px 4px; } .rcDTa{ position: static; transform: none; margin-top: 20px; /* text-align: center; */ } .rcDTa a{ display:inline-block; font-size: 16px; } .rcDtTitle p:first-of-type i{ font-size: 16px; } .rcfzBox h4{ font-size: 20px !important; margin-bottom: 20px; } .rcfzBox p{ font-size: 16px !important; line-height: 28px !important; } .rcfzBox{ margin-bottom: 40px; } .zhaopinBg h4{ font-size: 20px; margin-bottom: 20px; } .zpSearch img{ left: 10px; width: 20px; } .zpSearch{ padding-left: 40px; padding-right: 110px; } .zpSearch input{ height: 40px; line-height: 40px; } .zpSearch input[type="submit"]{ width: 100px; } .zpTypeBox{ padding-left: 80px; padding-right: 0; } .zpTypeList{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .zpMore{ display: none; } .zpTypeList a{ font-size: 14px; } .zpTypeBox span{ top: 0; transform: none; width: 80px; font-size: 14px; } .zpList li{ padding: 16px; } .zpListL h4{ font-size: 18px; } .zpListR h4{ font-size: 18px; } .zpListR p{ font-size: 12px; } .rcDtCBox h4{ font-size: 16px; } .rcDtCBox p{ font-size: 14px; } .colLogin{ padding: 100px 0; } .colLoginBox{ text-align: center; width: 100%; margin: 0 auto; padding: 40px 20px; } .loginInp input{ width: 100%; font-size: 16px; } .loginSub input{ font-size: 20px; } .collegeH1 >a{ display: none; } .collegeSearch input[type="text"]{ width: 100%; } .collegeSearch input[type="submit"]{ width: 80px; } .collegeSearch{ padding-right: 80px; } .collegeH1Nav{ margin-top: 30px; } .collegeH1Nav ul{ display: block; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .collegeH1Nav ul li{ display: inline-block; margin-right: 10px; } .collegeH1Nav ul li:last-of-type{ margin: 0; } .colM1Box{ position: static; } .colM1Nav{ width: 100%; margin-top: 20px; } .colVideoBox video{ height: auto; } .colAbout { display: block; } .colAboutL{ width: 100%; } .colAboutR{ padding: 0; margin-top: 30px; } .colAboutRNav >span{ font-size: 18px; } .colRcB1Img p{ font-size: 14px; } .colRcBanner{ top: 200px; } .colRcB1Cont{ margin-top: 130px; padding: 16px; } .colNewsCont{ padding-left: 20px; } .colNewsCont h4{ font-size: 16px; } .colNewsCont p{ font-size: 14px; } .colMlist li{ -webkit-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; flex: 0 0 48%; margin-bottom: 20px; } .colMlist p{ font-size: 16px; } .col_detail{ padding: 50px 20px; } .colDtNext, .colDtPrev{ width: 30px; height: 50px; } .colDtBanBox p{ font-size: 14px; height: 40px; line-height: 40px; } .colDsjInBox{ padding: 20px; } .colDsjInText{ padding: 0; } .colDsjInImg{ width: 100%; margin-top: 10px; } .colClassify{ display: block; margin: 50px 0; } .colClassifyL{ width: 100%; } .colClassifyL ul{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .colClassifyL li{ display: inline-block; } .colClassifyR{ margin-top: 30px; padding: 0; } .colClassifyList li{ -webkit-flex-basis: 48%; flex-basis: 48%; -webkit-flex-shrink: 0; -webkit-flex-grow: 0; flex-shrink: 0; flex-grow: 0; -webkit-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; flex: 0 0 48%; } .colDsjInText p{ font-size: 14px; } .colDsjInText h4{ font-size: 16px; } .colRcCont{ padding: 0; border: none; } .m3RBox img{ width: 50px; } .zhaopinBg{ padding: 30px 16px; } .showImgTitle{ font-size: 20px; } .colVideo{ padding: 20px 16px; } .colVideoBox{ padding: 0; } .colVideoList{ position: relative; padding: 30px 0 0; } .colVideoLists{ max-height: 500px; overflow-y: auto; overflow-x: hidden; } .colVideoBox video{ width: 100%; /* height: 200px; */ } .colVideoTitle h4, .colVideoLiT{ font-size: 20px; } .colVideoBtns{ display: none; } .m3LCont{ font-size: 12px; } .newsList li{ border-bottom: 1px solid rgb(230, 230, 230); } .dj_fengcai{ border-top: 2px solid rgb(230, 230, 230); padding-top: 20px; margin-top: -10px; } .headerMBTitle a{ padding-top: 6px; } .headerMBTitle a img{ max-height: 28px; } .tzTontactT2 >div:first-of-type{ width: 100px; } .tzTontactT2{ font-size: 12px; } .tzContactT{ font-size: 16px; } .tzbgJd ul{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .tzbgJd li a{ font-size: 16px; } .tzGpTitle{ margin-top: 0; margin-bottom: 30px; } .tzGpinfo{ padding: 20px 16px; } .tzGpInfoLeft, .tzGpInfoRight{ float: none; width: 100%; } .tzGpInfoLTitle h4{ font-size: 18px; } .tzGpInfoRight{ padding: 0; } .tzGpInfoR2{ text-align: center; } .tzGpInfoR2 li{ margin-right: 20px; } .tzGpInfoCBox{ height: 400px; } .tzgpInfoM1{ padding: 16px; } .tzgpInfoM1::after{ content: ''; font-size: 0px; line-height: 0px; display: table; clear: both; } .tzgpInfoM1 >h4{ margin-bottom: 10px; } .tzgpInfoM1 ul{ display: block; } .tzgpInfoM1 li:first-of-type{ display: block; width: 100%; text-align: center; } .tzgpInfoM11{ max-width: 100%; margin-bottom: 20px; } .tzgpInfoM1 li{ float: left; width: 50%; } .tzgpInfoMText p span{ width: 70px; } .tzgpInfoM2{ display: block; margin: 0; margin-top: 30px; } .tzgpInfoM2Box{ margin: 0; margin-bottom: 20px; } .tzgpIM2list, .tzgpIM2Text{ padding: 16px; } }