.normal{ /* border:1px solid red; */ } body{ max-width: 1920px; margin: 0 auto; font-family: "Microsoft YaHei"!important; } .navbar{ position: fixed; z-index: 12; left: 0; top: 0; width: 100%; } #navList li ul{ /* min-width: 100px; */ width: 96%!important; left: 2%; } .nav .open > a{ background-color: transparent; } .navbar-default .navbar-nav > .open > a:focus{ background-color: transparent; } .dropdown-menu { /* min-width: */ /* posi */ min-width: 93%; } .jumbotron{ margin-top: 82px; font-family: "SimSun"!important; height: 440px; } .navbar-nav li a{ font-size: 14px; } .row{ margin-left: 0!important; margin-right: 0!important; } .normal li.active a{ color: #2a2d6a!important; } .normal li a:hover{ color: #2a2d6a!important; } .normal .search{ border:1px solid transparent; } .navbar{ margin-bottom: 0!important; /* margin-left: 130px!important; */ font-family: "Microsoft YaHei"; padding-bottom: 15px; padding-top: 15px; } .navbar .home{ /* margin-left: 20px!important; */ } .navbar .search{ /* margin-left: 95px!important; */ /* position: absolute; */ /* margin-right: 2%; */ /* margin-right: 20px; */ /* left: 100%; */ } .banner h2{ font-size: 40px; color: #fff; margin-top: 85px; margin-bottom: 26px; } .navbar-default{ background-color: #fff!important; } @media screen and (max-width: 768px){ .jumbotron{ height: 180px; background-size: cover; } .banner h2{ font-size: 40px; color: #fff; margin-top: 15px; margin-bottom: 26px; } } .banner h2{ font-size: 40px; color: #fff; margin-top: 90px; margin-bottom: 26px; } @media screen and (max-width: 768px){ .banner h2 { font-size: 40px; color: #fff; margin-top: 35px; margin-bottom: 26px; } } .jumbotron.banner p{ font-size: 22px; /* margin-top: 6px; */ line-height: 59px; color: #fff; } @media screen and (min-width: 992px){ .banner h2{ font-size: 32px; color: #fff; margin-top: 85px; margin-bottom: 26px; } .jumbotron.banner p.animated{ font-size: 18px; /* margin-top: 6px; */ line-height: 59px; color: #fff; width: 90%; margin: 0 auto; } .jumbotron.banner p{ font-size: 22px; /* margin-top: 6px; */ line-height: 59px; color: #fff; /* width: 90%; */ margin: 0 auto; } } /* 鏍囩 */ .label { /* border:1px solid red; */ } .label .mdedia-center::after{ content:""; display:block; clear:both; } .label .media-center{ background:#f4f4f4; /* height: 40px; line-height: 40px; */ text-align: center; } .label .media-center a{ /* width: 20%; */ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em; /* padding-left: 20px; padding-right: 20px; */ /* border:1px solid red; */ } .label .media-center a p{ /* width: 80%; */ margin: 0 auto; font-weight: normal; font-family: "Microsoft YaHei"; } /* .label .media-center a p.active{ background-color: #fff; } */ .label .media-center a:hover{ background-color: #fff; color: #333; } #avatar123{ display: none !important; } /* .label .row .col-md-3 , .label .row .col-md-4, .label .row .col-md-2, .label .row .col-md-6{ background-color: #f7f7f7; height: 60px; line-height: 60px; font-family: "Microsoft YaiHei"; font-weight: normal; } .label .row .col-md-3 a ,.label .row .col-md-4 a, .label .row .col-md-2 a, .label .row .col-md-6 a{ font-size: 22px; color: #231815; padding-left: 10px; padding-right: 10px; } .label .row .col-md-3.active , .label .row .col-md-4.active, .label .row .col-md-2.active, .label .row .col-md-6.active{ background-color: #f7f7f7; } .label .row .col-md-3.active a, .label .row .col-md-4.active a, .label .row .col-md-2.active a, .label .row .col-md-6.active a{ display: inline-block; background-color: #fff; padding-left: 10px; padding-right: 10px; /* color: #231815 */ .container-fluid{ padding: 0!important; } .container-fluid{ display: block !important; } /* 鎴戜滑鐨勬垚鍛 */ .member-label{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ margin-bottom: 20px; text-align:center; } .member-label a{ /* border:1px solid red; */ /* width: 16.666%; */ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em; /* padding-left: 20px; padding-right: 20px; */ /* border:1px solid red; */ } .member-label a p{ /* width: 80%; */ /* margin: 0 auto; */ text-align:center; font-family: "Microsoft YaHei" } .member-label a:hover{ background-color: #fff; /* color: #333; */ } /* 璐d换 */ /* .responsibility-label::after{ content:""; display:block; clear:both; } */ .responsibility-label{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ text-align: center; } .responsibility-label a{ /* width: 50%; */ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em; /* border:1px solid red; */ } .responsibility-label a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; /* left: 50%; */ /* transform: translateX; */ /* transform: translateX(-50%); */ } /* .responsibility-label a p.active{ background-color: #fff; } */ .responsibility-label a:hover{ background-color: #fff; color: #333; } /* 鎴戜滑鐨勪笟鍔 */ /* .business-label::after{ content:""; display:block; clear:both; } */ .business-label{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ margin-bottom: 20px; text-align: center; } .business-label a{ /* width: 25%; */ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em; /* border:1px solid red; */ } .business-label a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; } /* .business-label a p.active{ background-color: #fff; } */ .business-label a:hover{ background-color: #fff; color: #333; } /* 鍩洪噾甯冨眬 */ .fund-label::after{ content:""; display:block; clear:both; } .fund-label{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ margin-bottom: 20px; text-align:center; } .fund-label a{ /* width: 33.3%; */ display: inline-block; /* float:left; */ font-size: 20px; text-align: center; padding: 1em 3em; /* border:1px solid red; */ } .fund-label a p{ /* width: 80%; */ font-size: 16px; margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; } /* .fund-label a p.active{ background-color: #fff; } */ .fund-label a:hover{ background-color: #fff; color: #333; } /* 鎶曡祫缁勫悎 */ .combination-label::after{ content:""; display:block; clear:both; } .combination-label{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ margin-bottom: 20px; text-align: center; /* margin-bottom: 20px; */ /* border-bottom: solid 20px #f4f4f4; */ margin-top: 0px; } .combination-label a{ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em; } @media screen and (max-width: 1340px){ .combination-label a{ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 2em; } } @media screen and (max-width: 1160px){ .combination-label a{ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em; } } @media screen and (max-width: 992px){ .combination-label a{ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em; } } @media screen and (min-width: 769px){ .combination-label a{ display: inline-block; /* float:left; */ font-size: 14px; padding: 1em; } } .combination-label a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; } .combination-label a:hover{ background-color: #fff; color: #333; } @media screen and (max-width: 768px){ .combination-label a{ display: inline-block; /* float:left; */ font-size: 12px; padding: 0.6em; } .fund-label a p { /* width: 80%; */ font-size: 12px; margin: 0 auto; text-align: center; font-family: "Microsoft YaHei"; } } @media screen and (max-width: 500px){ .banner h2 { font-size: 40px; color: #fff; margin-top: 8px; margin-bottom: 26px; } } .combination-label a{ /* width: 25%; */ /* margin-top: -30px; */ } .combination-label a p{ /* width: 80%; */ /* margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; padding-left: 20px; padding-right: 20px; color: #B7B7B7 */ } .combination-label a p.active{ /* background-color: #fff; */ } .combination-label a p:hover{ /* background-color: #fff; */ /* color: #333; */ } /* 宸ヤ綔 */ .job-label::after{ content:""; display:block; clear:both; } .job-label{ background:#f7f7f7; /* height: 50px; line-height: 50px; */ text-align: center; /* margin-bottom: 20px; */ } .job-label a{ /* width: 33.3%; */ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em ; /* border:1px solid red; */ } .job-label a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; } /* .job-label a p.active{ background-color: #fff; height: 50px; } */ .job-label a:hover{ background-color: #fff; color: #333; } /* 鎶曡祫鑰 */ .policy-label::after{ content:""; display:block; clear:both; } .policy-label{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ margin-bottom: 20px; text-align: center; } .policy-label a{ /* width: 50%; */ display: inline-block; /* float:left; */ font-size: 16px; padding : 1em 3em /* border:1px solid red; */ } .policy-label a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-family: "Microsoft YaHei"; } /* .policy-label a p.active{ background-color: #fff; } */ .policy-label a:hover{ background-color: #fff; color: #333; } /* 鎴戜滑鐨勫洟闃 */ .teams::after{ content:""; display:block; clear:both; } .teams{ background:#f4f4f4; /* height: 50px; line-height: 50px; */ margin-bottom: 10px; text-align:center; } .teams a{ /* width: 25%; */ display: inline-block; /* float:left; */ font-size: 16px; padding: 1em 3em ; /* border:1px solid red; */ } .teams a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-weight: normal; font-family: "Microsoft YaHei"; } /* .teams a p.active{ background-color: #fff; } */ .teams a:hover{ background-color: #fff; color: #333; } .company-label::after{ content:""; display:block; clear:both; } .company-label{ background:#f4f4f4; margin-bottom: 20px; text-align: center; } .company-label a{ /* width: 25%; */ display: inline-block; /* float:left; */ font-size: 16px; padding:1em 3em; /* border:1px solid red; */ } .company-label a p{ /* width: 80%; */ margin: 0 auto; text-align:center; font-family: "Microsoft YaHei" } /* .company-label a p.active{ background-color: #fff; } */ .company-label a:hover{ background-color: #fff; color: #333; } /* .list{ margin-top: 40px; } */ /* .list .col-md-3 { } */ .list{ /* margin-top: 40px; */ padding-bottom: 16px; font-family: "Microsoft YaHei"; } .list .row{ margin: 0!important; background-color: #f7f7f7; padding-top:20px; } .list .col-md-1-8 dt{ font-size: 16px; line-height: 1; color: #191919; margin-bottom: 10px; font-weight: normal!important; text-align: left; } .list .col-md-1-8 dd{ line-height: 30px; text-align: left; } @media screen and (max-width: 1300px){ .list .col-md-3 dt{ font-size: 16px; line-height: 1; color: #191919; margin-bottom: 10px; font-weight: normal!important; text-align: center; } .list .col-md-3 dd{ line-height: 30px; text-align: center; } } .list .col-md-1-8 dd a{ color: #a0a0a0; } .low-footer{ width: 100%; position: relative; height: 57px; /* background: url("../../images/yd/images/footer.jpg"); */ background: url("../../images/yd/footer-label.jpg"); background-size: cover; color: #fff; } @media screen and (min-width: 1300px){ .list .col-md-1-8{ /* border: 1px solid red; */ margin-top: 10px; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; position: relative; width: 12.5%; float: left; padding-left: 60px; } .list.row{ background-color: #f7f7f7; } } @media screen and (min-width: 1200px){ .jumbotron{ margin-top: 82px; } } @media screen and (max-width: 1200px){ .list .col-md-1-8{ /* border: 1px solid red; */ margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 992px){ /* 宸ヤ綔label鑷€傚簲 */ .business-banner-label { width: 76%; height: 32px; line-height: 32px; /* margin-bottom: 20px; */ position: absolute; bottom: 0; left: 50%; text-align: center; transform: translateX(-50%) } .list .col-md-3{ padding-left: 120px; } .job-label a p{ font-size: 12px; } .banner h2 { font-size: 32px; color: #fff; /* margin-top: 0px; */ margin-bottom: 12px } .jumbotron.banner p { font-size: 22px; /* margin-top: 6px; */ line-height: 32px; color: #fff; height: 32px; } /* 鏃椾笅鎴愬憳 */ .container-fluid >.member-label{ margin-bottom: 60px; } .list .col-md-1-8 dt{ font-size: 14px; } .low-footer{ height: 100px; } .list .col-md-1-8{ /* border: 1px solid red; */ margin-top: 10px; margin-bottom: 10px; } .low-footer .details .lists{ position: absolute; left: 0; top: 30px; } } @media screen and (min-width: 768px){ /* .jumbotron{ margin-top: 185px; } */ /* padding-right: 25px; */ } @media screen and (max-width: 767px){ .jumbotron{ margin-top: 84px; } .jumbotron.banner p{ font-size: 12px; line-height: 1.7; color: #fff; } .navbar-nav li a{ font-size: 1.125em } .list .row{ /* margin-top: 40px; */ display: none; } /* 鍏徃label */ .company-label a { /* width: 25%; */ display: inline-block; /* float: left; */ font-size: 12px; padding: 0.6em; } .list .col-xs-6{ padding-left: 155px; } .jumbotron.banner p{ width: 90%; margin: 0 auto; } .jumbotron.banner h2{ font-size: 1.6em; } .jumbotron.banner .business-banner-label p{ font-size: 0.6em; /* margin-top: 6px; */ color: #fff; /* margin: 0 auto; */ margin:0; height: 26px; line-height: 26px; /* width: 94%; */ width: 100%; } /* 涓氬姟 */ .business-label a { display: inline-block; /* float: left; */ font-size: 12px; padding: 0.6em; } .business-label a p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 鏃椾笅鎴愬憳 */ .member-label a { /* width: 33.3%; */ font-size: 12px; background-color: #f4f4f4; padding: 0.6em; } /* 鍩洪噾 */ .fund-label a { /* width: 33.3%; */ display: inline-block; /* float: left; */ font-size: 16px; /* text-align: center; */ padding: 0.6em; } /* 鎶曡祫鑰 */ .policy-label a { /* width: 50%; */ display: inline-block; /* float: left; */ font-size: 12px; } /* 鍥㈤槦 */ .teams a { /* width: 25%; */ display: inline-block; /* float: left; */ font-size: 12px; padding: 0.6em; } /* 濯掍綋涓績 */ .label .media-center a { /* width: 20%; */ display: inline-block; /* float: left; */ font-size: 12px; padding: 0.6em; } /* 璐d换label鑷€傚簲 */ .responsibility-label a { display: inline-block; /* float: left; */ font-size: 12px; padding: 1em 3em; } /* 宸ヤ綔label鑷€傚簲 */ .job-label a{ display: inline-block; /* float: left; */ font-size: 12px; padding: 1em; } .list .col-md-1-8 dd{ line-height: 26px; font-size: 8px; } .list .col-md-1-8{ /* border: 1px solid red; */ margin-top: 10px; margin-bottom: 10px; } .label .row .col-md-3{ background-color: #f7f7f7; height: 30px; line-height: 30px; } .label .row .col-md-3 a{ font-size: 12px; } .low-footer{ height: 120px; /* border: 1px solid red; */ } .low-footer p{ margin-top: 20px; font-size: 12px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } } @media screen and (max-width: 600px){ .list .col-xs-6{ padding-left: 65px; } } .low-footer .details{ width: 86%; margin: 0 auto; line-height: 57px; position: relative; font-family: "Microsoft YaHei"; } .low-footer .details .lists{ position: absolute; right: 0; top: 0; } .low-footer .details .lists::after{ content: ""; display: block; clear: both; } .low-footer .details .lists p{ float: left; /* border-right: 1px solid #fff; */ padding-top: 0px; padding-left: 20px; padding-right: 20px; line-height: 30px; height: 30px; margin-top: 14px; width:100% /* width: 33.333%; */ } /* .low-footer .details .lists p a:nth-child(3){ border: 1px solid red; } */ .low-footer .details .lists p a{ color: #fff; border-right: 1px solid #fff; padding-right: 20px; padding-left: 20px } /* .low-footer .details .lists p a:nth-child(3){ border-right: 1px solid red; } */ .low-footer .details .lists p a:hover{ color: #f0f0f0; }