/* 瀵艰埅鏉$殑logo */ .navbar > .container .navbar-brand{ margin-left: 50px; } /* banner */ .jumbotron{ background-size: cover; } .swiper-slide .container{ padding-left: 0!important; padding-right: 0!important; } .dropdown-menu > li > a { display: block; padding: 0; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .big-wrap{ display: flex; justify-content: center; align-items: center; } .img-people { width:230px; height: 230px; border-radius: 50%; margin-right: 30px; } .img-peopleimg{ width:230px; height: 230px; border-radius: 50%; object-fit: cover; } .people-detail{} .people-title{ display: flex; align-items: flex-end; position: relative; } .logodot { width: 12px; height:12px; position: absolute; top: -14px; left: -12px; } .big-title{ font-weight: 900; font-size: 24px; font-weight: blod; margin-right: 20px; } .small-title{ font-size: 14px; } .trtr { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .people-word{ margin-top: 20px; font-size: 12px; line-height: 24px; max-width: 90%; /* text-overflow: -o-ellipsis-lastline;*/ /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*display: -webkit-box;*/ /*-webkit-line-clamp: 3;*/ /*line-clamp: 3;*/ /*-webkit-box-orient: vertical;*/ } .more-know { font-size: 12px; margin-top:12px; display: flex; align-items: center; cursor: pointer; } .img-box { cursor: pointer; padding: 5px; border-radius: 50%; width: 28px; height:28px; display: flex; margin-left:10px; justify-content: center; align-items: center; background-image: linear-gradient(#fff, #f8bb8e); } .jiantou { width: 16px; height: 12px; } .kk { position: relative; height:260px; } .none { display: none!important; } .jj { transform: rotate(90deg); } .rr { transition: all ease .5s; transform: rotate(270deg); } .bluebox { /*width: 92%;*/ background: #11227c!important; color: #fff!important; transition: all ease .5s; /*position: absolute;*/ /*top: 0;*/ /*left: 15px;*/ position: relative; z-index: 999; box-sizing: box-sizing; height:auto!important; } .uu { transition: all ease .5s; transform: rotate(-180eg); } .team .team-picture { overflow: hidden; background: #f4f4f4; margin-bottom: 36px; border-radius: 5px; padding:20px; } .pp-item { margin-top:20px; background: #f4f4f4; border-radius: 5px; padding:40px; color:#333; cursor: pointer; } .pp-item .people-word { max-width: 100%!important; } .tyty { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .yuyu{ padding-bottom: 50px; } @media screen and (max-width: 1600px){ .nav > li { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1200px){ /* .kk {*/ /* height:300px;*/ /*}*/ .small-title { font-size: 12px!important; } .tow-small { max-width: 65px; } .big-title { font-weight: 900; font-size: 18px!important; margin-right: 16px!important; } } @media screen and (max-width:992px){ .kk { height:240px; } .tow-small { max-width: 55px; } } @media screen and (min-width: 1200px){ .dropdown-menu > li > a { text-align: center; padding-top: 6px; padding-bottom: 6px; } } @media screen and (max-width: 1000px){ /* .kk {*/ /* height:300px;*/ /*}*/ .pp-item { margin-top:20px; padding:30px; } .img-people { width:180px; height: 180px; border-radius: 50%; margin-right: 25px; } .img-peopleimg{ width:150px; height: 150px; border-radius: 50%; object-fit: cover; } .big-title{ font-size: 20px; font-weight: blod; margin-right: 20px; } .small-title{ font-size: 12px; } .tow-small { max-width: 65px; } .navbar-brand { padding: 13px 1px; } } .navbar-brand { float: left; height: 50px; padding: 15px 0px; font-size: 18px; line-height: 20px; } /* 鎷涜仒 */ html,body{ /*max-width: 100%;*/ /* overflow-x: hidden; */ } .job-banner{ background: url('../../images/yd/job-banner.jpg') center center no-repeat; background-size: cover; } .jobs-wrapper{ background-color: #f0f0f0; padding-top: 50px; padding-bottom: 26px; font-family: "Microsoft YaHei"!important; } .container.jobs{ background-color:#ffffff; } .jobs h2{ margin-top: 38px; margin-bottom: 30px; font-size: 24px; } .jobs .second-title{ line-height: 44px; margin-bottom: 40px; } @media screen and (max-width: 768px){ .img-people { width:150px; height: 150px; border-radius: 50%; margin-right:20px; } .pp-item { margin-top:10px; padding:10px 25px; } .img-peopleimg{ width:150px; height: 150px; border-radius: 50%; object-fit: cover; } .tyty { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .people-detail { transform: scale(0.9); } .kk { height:160px; } .team .team-picture { overflow: hidden; background: #f4f4f4; margin-bottom: 36px; border-radius: 5px; padding:20px; } .people-word { margin-top:10px; font-size: 10px; line-height: 20px; } .people-title { margin-top:25px; } .pp-item .people-title { margin-top:15px; } .more-know { margin-top:4px; } .big-title{ font-size: 20px; font-weight: blod; margin-right: 16px; } .small-title{ font-size: 12px; } .tow-small { max-width: 65px; } .jobs .second-title { line-height: 44px; margin-bottom: 20px; } } .jobs .second-title select{ /* margin: 0 auto; */ width: 100%; text-align: center; border: none; height: 44px; background-color: #f0f0f0; font-size: 16px; text-align-last: center } .jobs .second-title select:hover{ border: none; } .jobs .second-title p{ font-size: 14px; } @media screen and (max-width: 768px){ .jobs-wrapper{ background-color: #f0f0f0; padding-top: 30px; } .jobs .second-title p{ font-size: 10px; } .jobs .jobs-table{ font-size: 10px; margin-top: 42px; } } .jobs .jobs-table{ font-size: 14px; margin-top: 42px; } .jobs .jobs-table > .table > thead > tr > th{ padding: 22px!important; } .jobs .jobs-table >.table > tbody > tr > td{ padding: 22px!important; } .jobs .jobs-table thead{ /* margin-bottom: 38px; */ } .jobs .table-content{ } .jobs .table-content p{ margin-top: 40px; margin-bottom: 18px; } /* 鍥剧墖鍨傜洿灞呬腑 */ .center-vertical { position:relative; top:22px; transform:translateY(-50%); } /* jobs-detail 鎷涜仒璇︽儏 */ .jobs-detail-wrappper{ background-color: #f0f0f0; } .jobs-detail{ margin-top: 40px; margin-bottom: 43px; background-color: #ffffff; border: 1px solid #f0f0f0; font-family: "Microsoft YaHei"; } .jobs-detail-header{ background: url("../../images/yd/jobs-detail.jpg"); height: 60px; line-height: 60px; color: #ffffff; font-size: 20px; margin-bottom: 33px; font-family: "Microsoft YaHei"!important; } .jobs-detail .jobs-detail-label-wrappper{ margin-bottom: 30px; } .jobs-detail .jobs-detail-label{ font-size: 16px; line-height: 26px; width: 90%; margin: 0 auto; } .jobs-detail .jobs-detail-label .cold-md-3{ padding:0; } .jobs-detail .jobs-describe{ width: 90%; font-size: 16px; color: #333333; margin: 0px auto; padding-top: 22px; border-top: 1px solid #f0f0f0; height: 20px; } /* 宀椾綅鑱岃矗 */ .jobs-detail .jobs-duty-title{ width: 90%; font-size: 16px; color: #333333; margin: 22px auto 0 auto; line-height: 30px; font-family: "Microsoft YaHei" /* border: 1px solid red; */ } .jobs-detail .jobs-duty{ width: 90%; margin: 0 auto; /* margin-bottom: 53px; */ } .jobs-detail .jobs-duty p{ /* border: 1px solid red; */ line-height: 32px; font-size: 16px; color: #666666; } /* 宀椾綅瑕佹眰 */ .jobs-detail .jobs-require-title{ width: 90%; font-size: 16px; color: #333333; margin: 40px auto 0 auto; line-height: 30px; } .jobs-detail .jobs-require{ width: 90%; margin:0 auto ; } .jobs-detail .jobs-require p{ /* border: 1px solid red; */ line-height: 32px; font-size: 16px; color: #666666; } /* 绂忓埄寰呴亣*/ .jobs-detail .jobs-welfare-title{ width: 90%; font-size: 16px; color: #333333; margin: 40px auto 0 auto; line-height: 30px; } .jobs-detail .jobs-welfare{ width: 90%; margin: 0 auto; padding-bottom: 63px; } .jobs-detail .jobs-welfare p{ /* border: 1px solid red; */ line-height: 32px; font-size: 16px; color: #666666; } @media screen and (max-width: 768px){ .jobs .jobs-table { font-size: 14px; margin-top: 0px; } .jobs-detail .mail .col-md-2 h4{ font-size: 12px!important; /* Microsoft YaHei */ } .jobs-detail .jobs-duty p{ font-size: 10px; } .jobs-detail .jobs-require p{ font-size: 10px; } .jobs-detail .jobs-welfare p{ font-size: 10px; } .jobs-detail h4{ font-size: 10px; } .jobs-detail p{ font-size: 10px; } } /* 鎶曢€掗偖绠 */ .jobs-detail .mail{ font-family: "Microsoft YaHei"!important; width: 90%; margin: 0 auto; padding-top: 49px; padding-bottom: 52px; border-top: 1px solid #f0f0f0; /* height: 60px; line-height: 60px; */ } .jobs-detail .mail .col-md-2 , .jobs-detail .mail .col-md-10{ /* padding: 0; */ line-height: 20px; /* border: 1px solid red; */ } .jobs-detail .mail .col-md-2 h4{ font-size: 18px; /* Microsoft YaHei */ } .jobs-detail .mail .col-md-10{ color: #065b9e; font-size: 16px; } /* 鏍″洯鎷涜仒 jobs-school */ .jobs-school { margin-bottom: 20px; /* font-family: "Microsoft YaHei"; */ margin-top:20px; } .jobs-school h1{ font-size: 66px; color: #a7a7a7; padding-top: 36px; padding-bottom: 38px; } .jobs-school .col-md-6 h1{ font-family: "Microsoft YaHei"!important; } .jobs-school .col-md-6 p{ line-height: 30px; font-size: 16px; font-family: "Microsoft YaHei"!important; } .jobs-school .jobs-school-header{ margin-bottom: 40px; font-family: "Microsoft YaHei"!important; /* border: 1px solid red; */ } .jobs-school .jobs-school-header h2{ font-size: 39px; color: #333333; margin-bottom: 33px; } .jobs-school .jobs-school-header p{ font-size: 16px; line-height: 30px; color: #333333; } .jobs-school .message{ margin-top: 36px; border: 1px solid #f0f0f0; height: 320px; padding-left: 15px; padding-right: 15px; font-family: "Microsoft YaHei"!important; } .jobs-school .message:hover{ box-shadow: 1px 1px 10px 0px rgba(200,200,200,1) } .jobs-school .message:hover h2{ color: #1c205f; } .jobs-school .message h2{ font-size: 30px; color: #333; margin-top: 48px; margin-bottom: 32px; } .jobs-school .message p{ font-size: 16px; color: #666666; line-height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .jobs-school .message-active{ margin-top: 36px; background: url("../../images/yd/school-background.jpg") center center no-repeat; background-size: cover; height: 320px; padding-left: 15px; padding-right: 15px; display:none; } .jobs-school .message-active p{ color: #ffffff; line-height: 30px; padding-top: 60px; padding-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media screen and (max-width: 1200px){ .jobs-school h1 { font-size: 40px; } .jobs-school h1 { font-size: 40px; } .jobs-school .jobs-school-header h2 { font-size: 26px; margin-bottom: 26px; } .jobs-school .jobs-school-header p { font-size: 14px; line-height: 25px; } .jobs-school .message p { font-size: 14px; /* color: #666666; */ line-height: 28px; } } @media screen and (max-width: 768px){ .jobs-detail .mail { font-family: "Microsoft YaHei"!important; width: 100%; margin: 0 auto; padding-top: 49px; padding-bottom: 52px; border-top: 1px solid #f0f0f0; } /* !important */ .jobs-school .message { height: 260px; } .jobs-school .jobs-school-header h2{ font-size: 24px; margin-top: 20px!important; margin-bottom: 15px; } .jobs-school .jobs-school-header p { font-size: 12px; } .jobs-school .col-md-6 h1 { font-size: 24px; } .jobs-school h1 { padding-top: 28px; padding-bottom: 20px; } .jobs-school .col-md-6 p { font-size: 12px; } .jobs-school .message { margin-top: 32px; } .jobs-school .message h2 { font-size: 24px; margin-top: 30px; margin-bottom: 22px; /* 绀句細鎷涜仒 jobs-society */ } } .jobs-society { margin-bottom: 20px; margin-top: 20px; } .jobs-society h1{ font-size: 66px; color: #a7a7a7; padding-top: 36px; padding-bottom: 38px; font-family: "Microsoft YaHei"!important; } .jobs-society .col-md-6 p{ line-height: 30px; font-family: "Microsoft YaHei"!important; } .jobs-society .jobs-society-header{ margin-bottom: 40px; font-family: "Microsoft YaHei"!important; /* border: 1px solid red; */ } .jobs-society .jobs-society-header h2{ font-size: 39px; color: #333333; margin-bottom: 33px; } .jobs-society .jobs-society-header p{ font-size: 16px; line-height: 30px; color: #333333; } .jobs-society .message{ margin-top: 36px; border: 1px solid #f0f0f0; height: 320px; padding-left: 15px; padding-right: 15px; font-family: "Microsoft YaHei"!important; } .jobs-society .message h2{ font-size: 30px; color: #333; margin-top: 48px; margin-bottom: 32px; } .jobs-society .message p{ font-size: 16px; color: #666666; line-height: 36px; } .jobs-society .message-active{ margin-top: 36px; background: url("../../images/yd/school-background.jpg") center center no-repeat; height: 320px; padding-left: 15px; padding-right: 15px; display: none; } .jobs-society .message-active p{ color: #ffffff; line-height: 30px; padding-top: 60px; padding-bottom: 30px; } @media screen and (max-width: 768px){ .jobs-society .jobs-society-header h2{ font-size: 24px; margin-top: 20px; margin-bottom: 15px; } .jobs-society .jobs-society-header p{ font-size: 12px; } .jobs-society h1 { font-size: 24px; } } /* 濯掍綋涓績 media-center */ .jumbotron.media-center-banner{ background: url("../../images/yd/media-banner.jpg") center center no-repeat; background-size:cover; } .media-center-wrapper{ background-color: #f0f0f0; } .media-center-wrapper .media-center .media-content{ background-color: #ffffff; height: 390px; margin-bottom: 24px; /* border-bottom: 1px solid #eeeeee; */ } @media screen and (max-width: 1200px){ .media-center-wrapper .media-center .media-content{ background-color: #ffffff; height: 340px; margin-bottom: 24px; } } @media screen and (max-width: 992px){ .media-center-wrapper .media-center .col-md-4 .media-content{ background-color: #ffffff; height: 460px; margin-bottom: 24px; /* border: 1px solid red; */ } .media-center-wrapper .media-center .col-md-4 .media-content .media-decribe{ /* border: 1px solid red; */ margin: 0 auto; } } @media screen and (max-width: 768px){ .media-center-wrapper .media-center .col-md-4 .media-content{ background-color: #ffffff; height: 400px; margin-bottom: 24px; } } .media-center-wrapper .media-center .col-md-4 .media-content .media-decribe{ padding-left: 15px; padding-right: 15px; } .media-center-wrapper .media-center .col-md-4 .media-content .media-decribe .time{ color: #888888; font-size: 16px; } .media-center-wrapper .media-center .col-md-4 .media-content .media-decribe h4{ color: #b88c56; font-size: 20px; line-height: 44px; } .media-center-wrapper .media-center .col-md-4 .media-content .media-decribe p{ color:銆€#3e3a39; font-size: 16px; line-height: 30px; } /* 鎶曡祫鏀跨瓥 invest-policy */ .jumbotron.invest-policy-banner{ background: url("../../images/yd/images/鍒囧浘/7-1鎶曡祫鑰?鏀跨瓥瑙f瀽/鐭㈤噺鏅鸿兘瀵硅薄.jpg"); background-size: cover; } .invest-policy-wrapper{ background-color: #f0f0f0; } .invest-policy-wrapper .invest-policy .media-content{ background-color: #ffffff; height: 390px; margin-bottom: 24px; } @media screen and (max-width: 1200px){ .invest-policy-wrapper .invest-policy .media-content{ background-color: #ffffff; height: 340px; margin-bottom: 24px; } } @media screen and (max-width: 992px){ .invest-policy-wrapper .invest-policy .col-md-4 .media-content{ background-color: #ffffff; height: 460px; margin-bottom: 24px; /* border: 1px solid red; */ } .invest-policy-wrapper .invest-policy .col-md-4 .media-content .media-decribe{ /* border: 1px solid red; */ margin: 0 auto; } } @media screen and (max-width: 768px){ .invest-policy-wrapper .invest-policy .col-md-4 .media-content{ background-color: #ffffff; height: 400px; margin-bottom: 24px; } } .invest-policy-wrapper .invest-policy .col-md-4 .media-content .media-decribe{ padding-left: 15px; padding-right: 15px; } .invest-policy-wrapper .invest-policy .col-md-4 .media-content .media-decribe .time{ color: #888888; font-size: 16px; } .invest-policy-wrapper .invest-policy .col-md-4 .media-content .media-decribe h4{ color: #b88c56; font-size: 20px; line-height: 44px; } .invest-policy-wrapper .invest-policy .col-md-4 .media-content .media-decribe p{ color:銆€#3e3a39; font-size: 16px; line-height: 30px; } /* 棣栭〉 index */ .navbar{ margin-bottom: 0!important; } em{ font-size: 40px; } .navbar-default{ background-color: #fff!important; } .jumbotron.index-banner{ background:url('../../images/yd/banner.jpg') center center no-repeat; height: 440px!important; background-size: cover; } #index-banner .col-xs-6{ padding-left: 0!important; padding-right: 0!important; } .article{ margin-top: 42px; } .photo-2{ display: none; } .container-fluid .div1{ margin-top: 6% !important; } @media screen and (max-width: 1200px){ .jumbotron.index-banner{ margin-top: 82px; } .article{ margin-top: 82px; } } @media screen and (max-width: 767px){ em{ font-size: 20px; } .jumbotron.index-banner{ background:url('../../images/yd/banner.jpg') center center no-repeat; height: 240px!important; background-size: cover; } .jumbotron.index-banner{ margin-top: 82px; } .article{ margin-top: 0px; } } .jumbotron.index-banner h1{ font-size: 3em; color: #fff!important; /* margin-top: 76px!important; */ } .jumbotron.index-banner p{ line-height: 37px; margin-top: 30px; color: #fff; font-size: 14px; width: 50.5%; margin: 16px auto; } .jumbotron.index-banner .row{ margin-top: 33px; } .jumbotron.index-banner .row .col-md-4{ border-right: 1px solid #fff; } .jumbotron.index-banner .row .col-md-4:nth-child(3){ border-right: none; } .jumbotron.index-banner .row .col-md-4:nth-child(4){ border:none; } .jumbotron.index-banner .row .col-md-4 h3{ color: #fff; font-size: 1.4em; margin-bottom: 20px; } .jumbotron.index-banner .row .col-md-4 h4{ font-size: 5em; color: #fff; font-family: "Microsoft YaHei" } .jumbotron.index-banner .row .col-md-3.active h3{ /* color: green; */ } .jumbotron.index-banner .row .col-md-3 h2{ color: #fff; } @media screen and (max-width: 1700px){ .jumbotron.index-banner p{ line-height: 37px; margin-top: 30px; color: #fff; font-size: 14px; width: 80%; margin: 16px auto; } } @media screen and (max-width: 1285px){ .jumbotron.index-banner p{ line-height: 31px; margin-top: 30px; color: #fff; font-size: 14px; width: 88%; margin: 16px auto; } } @media screen and (min-width: 992px){ .large-screen { display: block; } .container.small-screen{ display: none; font-family: "Microsoft YaHei"; } } @media screen and (max-width: 992px) { .jumbotron.index-banner { background: url(../../images/yd/banner.jpg) center center no-repeat; height: 250px!important; background-size: cover; } .large-screen { display: none; } .container.small-screen{ display: block; } .container.small-screen h3{ font-size: 20px; } .container.small-screen h4{ font-size: 30px; } .foot-label ul li:nth-child(2n + 1) { border-bottom: 3px solid #fff!important; } .foot-label ul li:nth-child(2n + 2) { border-bottom: 3px solid #fff!important; } .jumbotron.index-banner{ /* margin-top: 10px!important; */ /* border: 1px solid green!important; */ } .jumbotron.index-banner .row { margin-top: 18px; } .jumbotron.index-banner h1{ font-size: 38px; /* margin-top: 20px; */ } .container.small-screen .arrow .text-center{ font-size: 16px; padding-bottom: 10px; } .jumbotron.index-banner p{ margin-top: 10px; line-height: 40px; width: 80%; } .jumbotron.index-banner .col-xs-6{ margin-bottom: 20px; height: 50px!important; /* border: 1px solid red!important; */ /* border:1px solid red; */ } .jumbotron.index-banner .row { /* padding-bottom: 20px; */ } .jumbotron.index-banner .row .col-xs-6{ margin-bottom: 24px!important; } .jumbotron.index-banner .row .col-md-3 h3{ color: #fff; margin-top:10px; margin-bottom: 10px; font-size: 16px; /* border:1px solid red; */ } .jumbotron.index-banner .row .col-md-3 h4{ font-size: 40px; color: #fff; /* border: 1px solid red; */ } /* .jumbotron.index-banner .arrow{margin-top: 10px;border:1px solid red;} */ .header-label{ margin-bottom: 4px; } .header-label .row .col-md-3{ margin-bottom: 20px; } } @media screen and (max-width: 768px){ .jumbotron.index-banner h1 { font-size: 22px; } jumbotron.index-banner .row .col-md-3{ border-right:none; } .small-screen .col-xs-6 h3{ font-size: 14px; } .small-screen .col-xs-6 h4{ font-size: 30px; font-family: "SimHei" } .small-screen .arrow{ margin-bottom: 10px; } .small-screen .arrow p { margin-bottom: 10px; font-size: 14px; } .jumbotron.index-banner p { line-height: 37px; margin-top: 30px; color: #fff; font-size: 20px; width: 80%; margin: 16px auto; } } @media screen and (max-width: 568px) { .jumbotron.index-banner h1 { margin-bottom: 10px; margin-top: 30px; color: #fff; } .jumbotron.index-banner p { line-height: 30px; margin:0 auto; width: 94%; color: #fff; font-size: 12px; padding-top: 13px; } .small-screen .arrow p{ margin-bottom: 10px; font-size: 14px; } .small-screen .arrow{ margin-bottom: 20px; } } .swiper-normal{ position: relative; } .swiper-normal .img-wrapper{ overflow: hidden; } .swiper-normal .img-wrapper img:hover{ transform: scale(1.1); transition: all .8s; } .swiper-normal .swiper-description{ position: absolute; top: 12%; left: 12%; font-family: "Microsoft YaHei"; } .swiper-normal .swiper-description h2{ color: #fff; } .swiper-normal .swiper-description h5{ color: #fff; overflow : hidden; margin-top: 5%; padding-right: 6%; line-height: 22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media screen and (max-width: 1400px){ .swiper-normal .swiper-description h2{ color: #fff; font-size: 24px; } } .swiper-slide{ } .swiper-slide .swiper-active{ } .swiper-container .swiper-button-next{ padding-right: 55px; } .swiper-container .swiper-button-prev{ padding-left: 55px; } .swiper-normal .swiper-description h2{ /* color: #fff; */ font-size: 16px; } .swiper-normal .swiper-description h5{ font-size: 14px } .swiper-normal .swiper-description div{ font-size: 14px; text-align: center; width: 100px; height: 20px; /* background: */ line-height: 20px; color: #fff; margin-top: 26%; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ } @media screen and (max-width: 1200px){ .swiper-normal .swiper-description h2{ /* color: #fff; */ font-size: 14px; } .swiper-normal .swiper-description h5{ font-size: 12px } .swiper-normal .swiper-description div{ font-size: 14px; text-align: center; width: 100px; height: 20px; /* background: */ line-height: 20px; color: #fff; margin-top: 26%; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ } } @media screen and (max-width: 992px){ .swiper-normal .swiper-description h2{ /* color: #fff; */ font-size: 14px; } .swiper-normal .swiper-description h5{ font-size: 12px } .swiper-normal .swiper-description div{ font-size: 14px; text-align: center; width: 100px; height: 20px; /* background: */ line-height: 20px; color: #fff; margin-top: 26%; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ } } @media screen and (max-width: 768px){ .swiper-container .swiper-button-prev { padding-left: 35px; } .swiper-container .swiper-button-next { padding-right: 35px; } .swiper-normal .swiper-description h2{ /* color: #fff; */ font-size: 14px; } .swiper-normal .swiper-description h5{ font-size: 12px } .swiper-normal .swiper-description h2{ /* color: #fff; */ font-size: 13px; } .swiper-normal .swiper-description h5{ font-size: 12px } .swiper-normal .swiper-description div{ font-size: 14px; text-align: center; width: 100px; height: 20px; line-height: 20px; color: #fff; margin-top: 26%; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ } .header-label .row .col-md-3 { margin-bottom: 6px; } .swiper-container .swiper-button-next{ /* padding-right: 100px; */ /* padding-top: 60px; */ background-size: 20px; } .swiper-container .swiper-button-prev{ /* padding-left: 100px; */ padding-top: 60px; background-size: 20px; } } .swiper-slide{ position: relative; /* height: 230px; */ } @keyframes mysecond /* bottom: 0px; left:0px; width: 100%; height:50px; */ { 0% { left:0px; top: 100px; width:100%;} /* 20% { right:20%; top:-25px; width: 40%;} */ 100% { left:0px; top:0px; width: 100%;} } .swiper-wrapper .swiper-slide:hover .swiper-active{ display:block; animation: mysecond 1.5s; /* position: relative; */ /* height: 230px; */ } .swiper-wrapper .swiper-normal p{ position: absolute; bottom:20px; /* left:20px; */ /* left: 50%; transform: translateX(-50%); */ width: 100%; left: 25%; color: #333; font-size: 16px; font-family: "Microsoft YaHei" } .swiper-slide .swiper-active{ display: none; position:absolute; top:0; left:0; } .swiper-slide .swiper-active img{ /* height: 100%; */ } .swiper-slide .swiper-active .content{ position: absolute; top:0; left:20px; right: 20px; font-family: "Microsoft YaHei" } .swiper-slide .swiper-active .content h2{ margin-top: 40px; margin-bottom: 30px; font-size:24px; color: #fff; } .swiper-slide .swiper-active .content p{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 13px; } .swiper-slide .swiper-active .content a{ color: #fff; } .swiper-slide .swiper-active .content p a:hover{ color: #fff; } .swiper-slide .swiper-active .content div{ margin-top: 29px; width: 80px; height: 20px; background-color: #3d1e6e; line-height: 20px; } .swiper-slide .swiper-active .content div p{ color: #fff; padding-left: 10px; } /* .cover-index .cover-normal :before,.cover-index .cover-normal :after {content:"";display:block;width: 0;height:0;border:2px solid transparent;box-sizing: border-box;position: absolute;} .cover-index .cover-normal :before {top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;} .cover-index .cover-normal :hover:before {width:100%;height:100%;transition: width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#ff5b00;border-right-color:#ff5b00;} .cover-index .cover-normal :hover:after {width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#ff5b00;border-left-color:#ff5b00;} .cover-index .cover-normal h2{ font-size: 50px; color: #fff } */ .cover{ position: absolute; top:0; left:0; width: 100%; margin: 0 auto; height: 100%; background-color: rgba(95,182,225,0.5); transition: all 1.2s; } .div1{position: relative;width:46%;margin: 130px auto 0 auto;height: 125px; opacity: 0; transition: all 1.2s;} /* .div1:before,.div1:after{content:"";display:block;width: 0;height:0;border:2px solid transparent;box-sizing: border-box;position: absolute;} .div1:before{top:0px;left:0;transition: border-color 0s ease-in 0.8s,width 0.1s ease-in 0.6s,height 0.2s ease-in 0.4s;} .div1:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.1s ease-in 0.2s,height 0.2s ease-in ;} .div1:hover:before{width:100%;height:100%;transition:height 0.2s ease-in 0.2s;border-right-color:#ffffff;} .div1:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#ffffff;border-left-color:#ffffff;} */ .cover .div1{ /* border-top:2px solid #ffffff; */ /*margin-top: 50px;*/ margin-top: 208px; font-family: "Microsoft YaHei"; } @media screen and (max-width: 1200px){ .cover .div1 { margin-top: 18px; } } @media screen and (max-width: 992px){ .div1{ height: 68px; margin-top: 20px; } .cover .div1 p { font-size: 24px; color: #fff; line-height: 30px; } } @media screen and (max-width: 768px){ .swiper-wrapper .swiper-normal p { position: absolute; bottom: 20px; left: 25%; color: #333; font-size: 12px; font-family: "Microsoft YaHei"; } } .cover .div1 p{ font-size: 36px; color: #fff; /*line-height: 40px;*/ line-height: 50px; } @media screen and (max-width: 768px){ .jumbotron.index-banner .row{ margin-top: 0px; } .jumbotron.index-banner .row .col-md-3{ margin-bottom: 16px!important; } .jumbotron.index-banner .row .col-md-3 h4 { font-size: 32px!important; } .jumbotron.index-banner .row .col-md-3 h3 { font-size: 14px; } .swiper-slide .swiper-active .content h2{ margin-top: 18px; margin-bottom: 5px; line-height: 30px; font-size:14px; color: #fff; } .swiper-slide .swiper-active .content a{ color: #fff; } .swiper-slide .swiper-active .content p a:hover{ color: #fff; } .swiper-slide .swiper-active .content div{ margin-top: 56px; font-size: 10px; width: 80px; height: 20px; background-color: #3d1e6e; line-height: 20px; } .swiper-slide .swiper-active .content div p{ color: #fff; font-size: 12px; padding-left: 10px; } .cover-index .cover-normal{ border-top: 2px solid #fff; width: 60%; margin: 20px auto 0 auto; } .cover-index .cover-normal h2{ font-size: 16px!important; color: #fff; } .cover-index .cover-normal p{ font-size: 10px; color: #fff } .cover-index .cover-active{ border-top: 2px solid #fff; width: 60%; margin: 20px auto 0 auto; } .cover-index .cover-active{ height: 60px; width: 60%; border:2px solid #fff; margin: 10px auto 0px auto; } .cover-index .cover-active h2{ font-size: 16px!important; color: #fff } .cover-index .cover-active p{ font-size: 10px; color: #fff } } .header-label{ margin-bottom: 28px; margin-top:15px; } .header-label .row .col-md-3{ height: 60px; } .header-label .row .col-md-3 a div{ background-color: #f4f2f3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-label .row .col-md-3:hover a div{ background: url(../../css/../images/yd/label-background.png) center center no-repeat; background-size:cover; } .header-label .row .col-md-3:hover a{ color: #fff; } .header-label .row .col-md-3 a{ display:inline-block; width: 100%; } .header-label .row .col-md-3 a{ /* text-align:center; */ line-height: 60px; font-family: "Microsoft YaHei"; font-size: 20px; } .header-label .row .col-md-3 .actives{ background: url("../../images/yd/images/label-background.png"); } .label .col-md-3 h4{ color:#fff; } .avatar{ margin-top: 28px; position: relative; } .avatar:hover .cover{ position: absolute; top:0; left:0; width: 100%; margin: 0 auto; height: 100%; background-color: rgba(95,182,225,0.7); } .avatar:hover .cover .div1,.avatar:hover .cover .div2{ display: block; opacity: 1; } .avatar.large-screen .photo,.avatar.small-screen .photo{ overflow: hidden; } .avatar.large-screen .photo li{ float: left; width: 16.6666667%; } .avatar.large-screen .photo li img{ width: 100%; } .avatar.large-screen .photo-2 li{ float: left; width: 5.55555556%; } .avatar.large-screen .photo-2 li img{ width: 100%; } @media screen and (min-width: 768px){ .avatar.large-screen{ display: block; } .avatar.small-screen{ display: none; } } @media screen and (max-width: 768px){ .avatar.large-screen{ display: none; } .avatar.small-screen{ display: block; } .avatar.small-screen img{ width: 100%; } .avatar.small-screen .photo li{ float: left; width: 33.333333%; } .avatar.small-screen .photo-2 li{ float: left; width: 33.33333%; } #headerLabel li{ padding-right: 0px; padding-left: 0px; } #headerLabel li:nth-child(2n + 1){ border-right: 3px solid #fff!important; } .header-label .row .col-md-3 { height: 40px; } .header-label .row .col-md-3 a{ line-height: 40px; font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } } /* 鐢ㄦ埛澶村儚cover */ .avatar .cover-index{ position: absolute; height: 100%; top:0; left:0; /* border: 1px solid red; */ width: 100%; background-color: rgba(89,176,221,0.7); font-family: "Microsoft YaHei" } .avatar .cover-index .cover-normal{ transition: all 0.3s; } .avatar .cover-index .cover-active{ display: none; transition: all 0.3s; } .avatar .row .col-xs-2{ padding: 0!important; } .avatar .row .col-xs-1{ padding: 0!important; } .newsWrapper h3, .newsWrapper p{ /* padding-left: 15px; */ /* background-color:#f7f7f7; */ } /* news 鏂伴椈 */ .newsWrapper{ background-color: #f7f7f7; margin-top: 20px; font-family: "Microsoft YaHei"; position: relative; /* transition: all 0.1s; */ } .newsWrapper .news .news-content{ background-color: #ffffff; /* height: 390px; */ margin-bottom: 24px; overflow: hidden; } .newsWrapper .news .news-content img{ transition: all 0.7s ease-in-out; } .newsWrapper .news .news-content .img-wrapper{ overflow: hidden; } .newsWrapper .news .news-content img:hover{ transform: scale(1.1); } .cover .div1 p { font-size: 46px; color: #fff; line-height: 46px; } .newsWrapper .news .knowMore{ height: 418.2px; } .newsWrapper .news .knowMore .img-wrapper{ position: absolute; left: 50%; transform: translateX(-50%); top: 50%; height: 80px; margin-top: -40px; } .newsWrapper .news .knowMore .img-wrapper h2{ color: #b88c56; font-size: 28px; margin-bottom: 10px; } .newsWrapper .news .knowMore .img-wrapper p{ text-align: center; color: #888888; font-size: 14px; line-height: 30px; /* margin-top: 20px; */ } @media screen and (max-width: 1600px){ .cover .div1 { /* border:1px solid red; */ height: 106px; /* border-top: 2px solid #ffffff; */ margin-top: 166px; } .newsWrapper .news .knowMore{ height: 368.03px; } } @media screen and (max-width: 1500px){ .cover .div1 { /* border:1px solid red; */ height: 106px; /* border-top: 2px solid #ffffff; */ margin-top: 154px; } .cover .div1 p { font-size: 32px; color: #fff; line-height: 32px; } } @media screen and (max-width: 1400px){ .cover .div1 { height: 100px; margin-top: 144px; } .cover .div1 p { font-size: 32px; color: #fff; line-height: 32px; } } @media screen and (max-width: 1300px){ .cover .div1 { height: 86px; margin-top: 136px; } .cover .div1 p { font-size: 30px; color: #fff; line-height: 38px; } } @media screen and (max-width: 1200px){ .newsWrapper .news .knowMore{ height: 323.83px; } .cover .div1{ height: 85px; margin-top: 99px; } .cover .div1 p { font-size: 32px; color: #fff; line-height: 32px; } .newsWrapper .news .news-content{ background-color: #ffffff; /* height: 340px; */ margin-bottom: 24px; } } @media screen and (max-width: 1200px){ .cover .div1{ height: 85px; margin-top: 124px; } } @media screen and (min-width: 992px){ .avatar .large-screen{ display:block; } .avatar .small-screen{ display:none; } } @media screen and (max-width: 992px){ .newsWrapper .news .knowMore{ height: 435px; } .cover .div1 { height: 70px; margin-top: 96px; } .cover .div1 p { font-size: 26px; color: #fff; line-height: 26px; } .avatar .large-screen{ display:none } .avatar .small-screen{ display:block } .newsWrapper .news .col-md-4 .news-content{ background-color: #ffffff; /* height: 460px; */ margin-bottom: 24px; /* border: 1px solid red; */ } .newsWrapper .news .col-md-4 .news-content .news-decribe{ /* border: 1px solid red; */ margin: 0 auto; } } .newsWrapper .news .col-md-4 .news-content .time-active-1{ /* border:1px solid red; */ opacity: 0; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ position:absolute; bottom: 0px; left:0px; width: 100%; height:50px; line-height:50px; /* border:1px solid red; */ /* margin-bottom: 10px; */ /* margin-top: 50px; */ } .newsWrapper .news .col-md-4 .news-content .time-active-1 .col-md-10 p{ line-height: 50px; } .newsWrapper .news .col-md-4 .news-content.active .time-active-1{ opacity: 1; } .newsWrapper .news .col-md-4 .news-content .time-active .col-md-2{ position: relative; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 900px){ .cover .div1 { height: 60px; margin-top: 86px; } .cover .div1 p { font-size: 22px; color: #fff; line-height: 22px; } } @media screen and (max-width: 768px){ /* .cover .div1 { margin-top: 63px; height: 50px; } .cover .div1 p { font-size: 19px; color: #fff; line-height: 19px; } */ .small-screen .div2 { position: relative; width: 72%; margin: 0 auto; height: 94px!important; margin-top: 200px!important; /* opacity: 0; */ } /* .cover .div1{ } */ .small-screen .cover .div2 p { font-size: 35px!important; color: #fff; line-height: 45px!important; } .newsWrapper .news .col-md-4 .news-content{ background-color: #ffffff; /* height: 400px; */ margin-bottom: 24px; } } @media screen and (max-width: 668px){ .newsWrapper .news .knowMore{ height: 370.69px; } .small-screen .div2 { position: relative; width: 72%; margin: 0 auto; height: 94px!important; margin-top: 160px!important; } /* .cover .div1{ } */ .small-screen .cover .div2 p { font-size: 35px!important; color: #fff; line-height: 45px!important; } } @media screen and (max-width: 558px){ .newsWrapper .news .knowMore { height: 155px; } .small-screen .div2 { position: relative; width: 72%; margin: 0 auto; height: 66px!important; margin-top: 114px!important; } .small-screen .cover .div2 p { font-size: 16px!important; color: #fff; line-height: 26px!important; } } @media screen and (max-width: 400px){ .newsWrapper .news .knowMore { height: 155px; } .small-screen .div2 { position: relative; width: 72%; margin: 0 auto; height: 66px!important; margin-top: 102px!important; } .small-screen .cover .div2 p { font-size: 18px!important; color: #fff; line-height: 26px!important; } } .newsWrapper .news .col-md-4 .news-content { position: relative; } .newsWrapper .news .col-md-4 .news-content .news-decribe{ padding-left: 15px; padding-right: 15px; } @keyframes myfirst /* bottom: 0px; left:0px; width: 100%; height:50px; */ { 0% { bottom: -30px; width:100%;} 100% { bottom: 0px; width: 100%;} } .newsWrapper .news .col-md-4 .news-content .news-decribe p{ /* overflow: hidden; text-overflow:ellipsis; white-space:nowrap; */ /* background-color: red; */ } .newsWrapper .news .col-md-4 .news-content .news-decribe .time{ color: #888888; font-size: 16px; /* width: 100%; */ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin: 16px 0; } /* 鐢ㄦ埛榧犳爣缁忚繃鐨勬柊闂婚〉闈㈡晥鏋 */ .newsWrapper .news .col-md-4 .news-content .news-decribe h4{ color: #b88c56; font-size: 16px; line-height: 44px; } .newsWrapper .news .col-md-4 .news-content .news-decribe p{ color:銆€#3e3a39; font-size: 14px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* padding-bottom: 10px; */ } /* 搴曢儴鏍囩 */ .foot-label{ /* padding: 0!important; */ font-family: "Microsoft YaHei"; } .foot-label ul li { /* border-right: 3px solid #fff */ } @media screen and (max-width: 768px){ .foot-label ul li{ border-bottom: 3px solid #fff; } .foot-label ul li:nth-child(2n + 1){ border-right: 3px solid #fff!important; } } .foot-label h4{ color: #333; } .foot-label .col-md-2 { height: 130px; padding: 0; text-align: center; background: url("") } .foot-label .col-md-2:nth-child(n+1) { /* background: url("../../images/yd/addor.jpg") center center no-repeat; */ background-color: #F0F0F0; /* background-size: cover; */ } .foot-label .col-md-2:nth-child(2n) { /* background: url("../../images/yd/members.jpg") center center no-repeat; */ background-color: #F0F0F0; /* background-size: cover; */ } /* 搴曢儴鏍囩鐨刪over鏍峰紡 */ .foot-label .col-md-2:nth-child(n+1):hover { /* background: url("../../images/yd/addor-active.jpg") center center no-repeat; */ /* background-size: cover; */ background: -webkit-linear-gradient(left, #2F3372 , #563384); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #2F3372, #563384); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #2F3372, #563384); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #2F3372 , #563384); /* 鏍囧噯鐨勮娉 */ } .foot-label .col-md-2.active:nth-child(2n):hover { /* background: url("../../images/yd/members-active.jpg") center center no-repeat; */ /* background-size: cover; */ } .foot-label .col-md-2:hover h4{ color: #fff; } /* .foot-label .col-md-2 .actives{ background: url("../../images/yd/images/foot-lable.jpg") center center no-repeat; color: #fff; } */ .foot-label .col-md-2 h4{ line-height: 130px; } @media screen and (max-width:768px){ .foot-label .col-md-2 { height: 80px; padding: 0; text-align: center; } .foot-label .col-md-2 h4 { line-height: 80px; } .foot-label .col-md-2:nth-child(n+1) { background: url("../../images/yd/addor.jpg") center center no-repeat; background-size: cover } .foot-label .col-md-2:nth-child(2n) { background: url("../../images/yd/members.jpg") center center no-repeat; background-size: cover } /* 搴曢儴鏍囩鐨刪over鏍峰紡 */ .foot-label .col-md-2:nth-child(n+1):hover { background: url("../../images/yd/addor-active.jpg") center center no-repeat; background-size: cover } .foot-label .col-md-2.active:nth-child(n+1) { } .foot-label .col-md-2.active:nth-child(2n):hover { background: url("../../images/yd/members-active.jpg") center center no-repeat; background-size: cover } } /* 閭 */ .mail-box{ width: 60%; height: 40px; margin: 0 auto; margin-bottom: 48px; margin-top: 45px; font-family: "Microsoft YaHei" /* border: 1px solid red; */ } .mail-box::after{ content: ""; display: block; clear: both; } .mail-box .mail-box-item{ background-color: rgb(131,141,162); height: 40px; line-height: 40px; color: #fff; } .mail-box .mail-box-item:nth-child(2){ /* border: 1px solid green; */ margin-right: 0 } @media screen and (max-width: 768px){ .mail-box{ width: 100%; height: 40px; margin: 0 auto; margin-bottom: 48px; margin-top: 20px; } .mail-box { } .mail-box .mail-box-item { background-color: rgb(131,141,162); height: 40px; line-height: 40px; color: #fff; width: 90%; margin: 0 auto; } .mail-box .col-xs-12 p{ border-bottom: 3px solid #fff; /* margin-bottom: 16px */ } } /* 鍏徃 company */ .jumbotron.company-banner{ background:url('../../images/yd/banner-business.jpg') center center no-repeat; background-size: cover; } /* 鍏徃鍘嗗彶 */ .historyWrapper{ font-family: "Microsoft YaHei"; } .historyWrapper h2{ margin-top: 62px; font-size:2.9em; margin-bottom: 70px; } .historyWrapper .history{ margin-bottom: 56px; } .historyWrapper .history .col-xs-6 h1{ font-size: 70px; color: #595757; margin-top: 10px; } .historyWrapper .history .col-xs-6 p{ font-size: 14px; color: #595757; margin-top: 36px; line-height: 36px; } @media screen and (max-width: 768px){ .label .row .col-xs-6{ background-color: #f7f7f7; height: 30px; line-height: 30px; } } @media screen and (max-width: 1850px) { .historyWrapper h2{ margin-top: 66px; margin-bottom: 64px; } .historyWrapper .history .col-xs-6 h1{ font-size: 60px; color: #595757; margin-top: 20px; } .historyWrapper .history .col-xs-6 p{ font-size: 13px; color: #595757; margin-top: 50px; line-height: 29px; } } @media screen and (max-width: 1650px) { .historyWrapper h2{ margin-top: 56px; margin-bottom: 60px; } .historyWrapper .history .col-xs-6 h1{ font-size: 40px; color: #595757; margin-top: 0px; } .historyWrapper .history .col-xs-6 p{ font-size: 14px; color: #595757; margin-top: 14px; line-height: 28px; } .historyWrapper .history .col-xs-7{ /* height: 320px; */ } } @media screen and (max-width: 1500px) { .historyWrapper .history .col-xs-6 h1{ font-size: 34px; color: #595757; margin-top: 0px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-6 p{ line-height: 25px; font-size: 14px; color: #595757; margin-top: 20px; } .historyWrapper .history .col-xs-7{ /* height: 300px; */ } /* 灞曟湜鏈潵 */ } @media screen and (max-width: 1400px) { .historyWrapper .history .col-xs-6 h1{ font-size: 30px; color: #595757; margin-top: 5px; /* border: 1px solid green; */ } .historyWrapper .history .col-xs-6 p{ font-size: 14px; color: #595757; line-height: 24px; margin-top: 16px; } .historyWrapper .history .col-xs-7{ /* height: 280px; */ } } @media screen and (max-width: 1300px) { .historyWrapper .history .col-xs-6 h1{ font-size: 28px; color: #595757; margin-top: 5px; } .historyWrapper .history .col-xs-6 p{ font-size: 14px; line-height: 22px; color: #595757; margin-top: 15px; } .historyWrapper .history .col-xs-7{ /* height: 260px; */ } } @media screen and (max-width: 1200px) { .historyWrapper .history .col-xs-6 h1{ font-size: 20px; color: #595757; line-height: 16px; margin-top: 0px; } .historyWrapper .history .col-xs-6 p{ font-size: 14px; color: #595757; line-height: 20px; margin-top: 6px; } .historyWrapper .history .col-xs-7{ /* height: 240px; */ } } @media screen and (max-width: 1100px) { .historyWrapper .history{ margin-bottom: 46px; } .historyWrapper .history .col-xs-6 h1{ font-size: 22px; color: #595757; margin-top: 0px; } .historyWrapper .history .col-xs-6 p{ font-size: 12px; color: #595757; margin-top: 12px; line-height: 16px; } .historyWrapper .history .col-xs-7{ /* height: 220px; */ } } @media screen and (min-width: 992px) { .historyWrapper.small-screen{ display: none } .historyWrapper.large-screen{ display: block } } @media screen and (max-width: 992px) { .historyWrapper.small-screen{ display: block; } .historyWrapper.large-screen{ display: none; } .historyWrapper.small-screen h1{ margin-top: 15px; margin-bottom: 15px; } .historyWrapper.small-screen p{ /* margin-top: 15px; */ line-height: 1.8; font-size: 14px; margin-bottom: 15px; } .jumbotron.company-banner .banner h2{ font-size: 34px; margin-top: 40px; } .jumbotron.company-banner .banner p{ margin-top: 12px; font-size: 10px!important; } .historyWrapper .history{ margin-bottom: 40px; } .historyWrapper h2{ margin-top: 24px; margin-bottom: 28px; } .historyWrapper .history .col-xs-4 h1{ font-size: 34px; color: #595757; margin-top: 24px; } .historyWrapper .history .col-xs-4 p{ font-size: 10px; color: #595757; margin-top: 20px; } .historyWrapper .history .col-xs-4{ height: 200px; } .historyWrapper .history .col-xs-7{ height: 200px; } /* 灞曟湜鏈潵 */ .tab-content .wish .row .col-lg-7{ height: 240px; } .tab-content .wish .row .col-lg-5{ height: 240px; } .tab-content .wish .row .col-lg-5 h1{ font-size: 36px; margin-top: 40px; color: #333333; } .tab-content .wish .row .col-lg-5 p{ margin-top: 20px; font-size: 14px; color: #666; } } @media screen and (max-width: 820px) { .historyWrapper h2{ margin-top: 24px; margin-bottom: 28px; } .historyWrapper .history{ margin-bottom: 20px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-4 h1{ font-size: 32px; color: #595757; margin-top: 22px; } .historyWrapper .history .col-xs-4 p{ font-size: 10px; color: #595757; margin-top: 18px; } .historyWrapper .history .col-xs-4{ height: 180px; } .historyWrapper .history .col-xs-7{ height: 180px; } /* 灞曟湜鏈潵 */ .tab-content .wish .row .col-lg-7{ height: 180px; } .tab-content .wish .row .col-lg-5{ height: 180px; } .tab-content .wish .row .col-lg-5 h1{ font-size: 36px; margin-top: 40px; color: #333333; } .tab-content .wish .row .col-lg-5 p{ margin-top: 20px; font-size: 14px; color: #666; } } @media screen and (max-width: 700px) { .historyWrapper h2{ margin-top: 22px; margin-bottom: 24px; } .historyWrapper .history{ margin-bottom: 18px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-4 h1{ font-size: 28px; color: #595757; margin-top: 18px; } .historyWrapper .history .col-xs-4 p{ font-size: 10px; color: #595757; margin-top: 14px; } .historyWrapper .history .col-xs-4{ height: 160px; } .historyWrapper .history .col-xs-7{ height: 160px; } /* 灞曟湜鏈潵 */ .tab-content .wish .row .col-lg-7{ height: 220px; } .tab-content .wish .row .col-lg-5{ height: 220px; } .tab-content .wish .row .col-lg-5 h1{ font-size: 36px; margin-top: 40px; color: #333333; } .tab-content .wish .row .col-lg-5 p{ margin-top: 20px; font-size: 14px; color: #666; } } @media screen and (max-width: 650px) { .historyWrapper h2{ /* margin-top: 20px; */ /* border: 1px solid red; */ margin-top: 22px; margin-bottom: 24px; } .historyWrapper .history{ margin-bottom: 18px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-4 h1{ font-size: 24px; color: #595757; margin-top: 14px; } .historyWrapper .history .col-xs-4 p{ font-size: 10px; color: #595757; margin-top: 12px; line-height: 14px; } .historyWrapper .history .col-xs-4{ height: 140px; } .historyWrapper .history .col-xs-7{ height: 140px; } /* 灞曟湜鏈潵 */ .tab-content .wish .row .col-lg-7{ height: 220px; } .tab-content .wish .row .col-lg-5{ height: 220px; } .tab-content .wish .row .col-lg-5 h1{ font-size: 36px; margin-top: 40px; color: #333333; } .tab-content .wish .row .col-lg-5 p{ margin-top: 20px; font-size: 14px; color: #666; } } @media screen and (max-width: 580px) { .historyWrapper h2{ /* margin-top: 20px; */ /* border: 1px solid red; */ margin-top: 22px; margin-bottom: 24px; } .historyWrapper .history{ margin-bottom: 18px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-4 h1{ font-size: 22px; color: #595757; margin-top: 12px; } .historyWrapper .history .col-xs-4 p{ font-size: 10px; color: #595757; margin-top: 10px; line-height: 12px; } .historyWrapper .history .col-xs-4{ height: 120px; } .historyWrapper .history .col-xs-7{ height: 120px; } .list .col-md-1-8 dt{ font-size: 8px; line-height: 1; } .list .col-md-1-8 dd{ margin-top: 10px; font-size: 6px; line-height: 1; } /* 灞曟湜鏈潵 */ .tab-content .wish .row .col-lg-7{ height: 120px; } .tab-content .wish .row .col-lg-5{ height: 120px; } .tab-content .wish .row .col-lg-5 h1{ font-size: 26px; margin-top: 16px; color: #333333; } .tab-content .wish .row .col-lg-5 p{ margin-top: 16px; font-size: 14px; color: #666; } } @media screen and (max-width: 480px) { .historyWrapper h2{ /* margin-top: 20px; */ /* border: 1px solid red; */ margin-top: 20px; margin-bottom: 22px; } .historyWrapper .history{ margin-bottom: 16px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-4 h1{ font-size: 20px; color: #595757; margin-top: 0px; } .historyWrapper .history .col-xs-4 p{ font-size: 6px; color: #595757; margin-top: 6px; line-height: 10px; } .historyWrapper .history .col-xs-4{ height: 100px; } .historyWrapper .history .col-xs-7{ height: 100px; } } @media screen and (max-width: 380px) { .historyWrapper h2{ /* margin-top: 20px; */ /* border: 1px solid red; */ margin-top: 20px; margin-bottom: 22px; } .historyWrapper .history{ margin-bottom: 16px; /* border: 1px solid red; */ } .historyWrapper .history .col-xs-4 h1{ font-size: 16px; color: #595757; margin-top: 0px; } .historyWrapper .history .col-xs-4 p{ font-size: 10px; color: #595757; margin-top: 6px; line-height: 14px; } .historyWrapper .history .col-xs-4{ height: 80px; } .historyWrapper .history .col-xs-7{ height: 80px; } } /* 灞曟湜鏈潵 */ .tab-content .wish { margin-top: 28px; } .tab-content .wish .col-lg-7{ height: 352px; } .tab-content .wish .col-lg-5{ height: 352px; } .tab-content .wish .col-lg-5 h1{ font-size: 36px; margin-top: 102px; color: #333333; } .tab-content .wish .col-lg-5 p{ margin-top: 59px; font-size: 14px; color: #666; } .tab-content .wish .col-md-7{ height: 352px; } .tab-content .wish .col-md-5{ height: 352px; } .tab-content .wish .col-md-5 h1{ font-size: 36px; margin-top: 102px; color: #333333; } .tab-content .wish .col-md-5 p{ margin-top: 59px; font-size: 14px; color: #666; } /* 鎴戜滑鐨勬枃鍖 */ .tab-content .culture{ margin-top: 23px; } .culture .title{ font-size:2.9em; } .jumbotron.company-banner p{ margin-top: 16px; font-size: 22px; color: #fff; } .nav-tabs { border-bottom:none!important; } .label-wrapper .footerLabel{ /* border: 1px solid red; */ } .label-wrapper .title{ font-size:2.9em; } /* .footerLabel */ .label-wrapper .footer-label::after{ content:""; display:block; clear:both; } .label-wrapper .footer-label > li{ float: left; width: 33.3%; height: 80px; margin-top: 50px; margin-bottom: 50px; background-color: #f4f4f4; line-height: 80px; text-align: center; background: url("../../images/yd/culture-background.png") center center no-repeat; /* border: 1px solid red; */ } @media screen and (max-width: 1600px){ .label-wrapper .footer-label > li { float: left; width: 30%; height: 80px; border-radius: 4px; margin-top: 50px; margin-bottom: 50px; background-color: #f4f4f4; line-height: 80px; text-align: center; background: url(../../images/yd/culture-background.png) center center no-repeat; /* border: 1px solid red; */ margin-right: 3%; } } @media screen and (max-width: 992px){ .label-wrapper .footer-label > li { float: left; width: 30%; height: 80px; border-radius: 3%; margin-top: 50px; margin-bottom: 50px; background-color: #f4f4f4; line-height: 80px; text-align: center; background: url(../../images/yd/culture-background.png) center center no-repeat; /* border: 1px solid red; */ margin-right: 3%; } } .label-wrapper .footer-label > li > span{ display: inline-block; vertical-align: middle; } .label-wrapper .footer-label > li > span dt{ font-size: 1.8em; color: #fff; } @media screen and (max-width: 768px){ .label-wrapper .title { font-size: 26px; } .label-wrapper .footer-label > li{ /* width: 30%; */ border-radius: 10px; width: 66%; margin-left: 17%; background: url("../../images/yd/culture-background.png") center center no-repeat; height: 40px; margin-top: 20px; margin-bottom: 20px; background-color: #f4f4f4; line-height: 40px; text-align: center; } .label-wrapper .footer-label > li > span dt{ font-size: 16px; color: #fff; } } /* 鍏徃鎰忔効 company-wish */ .wish{ font-family: "Microsoft YaHei"; } .jumbotron.wish-banner { background:url('../../images/yd/banner.jpg') center center no-repeat; background-size: cover; } /* .jumbotron.wish-banner p{ margin-top: 28px; font-size: 16px; color: #fff; } */ .wish .row .col-md-3 h1,.wish .row .col-md-4 h1{ font-size: 36px; margin-top: 100px; font-family: "Microsoft YaHei"!important; } .wish .row .col-md-3 p,.wish .row .col-md-4 p{ margin-top: 55px; line-height: 32px; font-size: 16px; font-family: "Microsoft YaHei"!important; } @media screen and (max-width: 1600px){ .wish .row .col-md-3 h1,.wish .row .col-md-4 h1{ font-size: 28px; margin-top: 60px; } .wish .row .col-md-3 p,.wish .row .col-md-4 p{ margin-top: 40px; line-height: 26px; font-size: 14px; } } @media screen and (max-width: 1300px){ .wish .row .col-md-3 h1,.wish .row .col-md-4 h1{ font-size: 24px; margin-top: 40px; } .wish .row .col-md-3 p,.wish .row .col-md-4 p{ margin-top: 20px; line-height: 20px; font-size: 16px; } } @media screen and (min-width: 996px){ .wish.large-screen{ display: block; } .wish.large-screen .row{ /* display: block; */ margin-bottom: 34px; } .wish.small-screen{ display: none; } } @media screen and (max-width: 996px){ .wish.large-screen{ display: none; } .wish.small-screen{ display: block; margin-bottom: 20px; } .wish.small-screen .row .col-xs-12 h1{ font-size: 18px; margin-top: 30px; } .wish.small-screen .row .col-xs-12 p{ margin-top: 16px; line-height: 18px; font-size: 10px; } } @media screen and (max-width: 768px){ .jumbotron.company-banner p{ margin-top: 16px; font-size: 12px; color: #fff; } .label-wrapper .footerLabel > li > span dt{ font-size: 16px; } .label-wrapper .footerLabel > li > span dd{ font-size: 14px; } .wish.small-screen .row .col-xs-12 h1{ font-size: 18px; margin-top: 30px; } .wish.small-screen .row .col-xs-12 p{ margin-top: 16px; line-height: 18px; font-size: 10px; } } /* 鍏徃鏂囧寲 company-culture */ .jumbotron.culture-banner{ background:url('../../images/yd/banner.jpg') center center no-repeat; background-size: cover; } .culture{ font-family: "Microsoft YaHei"; } .label-wrapper{ font-family: "Microsoft YaHei"; } .culture .title{ font-size: 40px; margin-top: 106px; } .culture .direction{ margin-top: 90px; margin-bottom: 20px; } .culture .col-md-11{ font-size: 28px; height: 30px; line-height: 30px; } /* 28 108 */ /* .label-wrapper .title{ margin-top: 50px; margin-bottom: 60px; } .label .row .col-md-3{ background-color: #f7f7f7; height: 60px; line-height: 60px; } .label .row .col-md-3 a{ font-size: 22px; } .label .row .col-md-3.active{ background-color: #fff; color: #333; } */ /* 搴曢儴杈冨ぇlabel鐨勬牱寮 */ .label-wrapper .title{ margin-top: 52px; margin-bottom: 55px; } .label-wrapper .col-md-1-5 dt{ margin-top: 23px; font-size: 1.8em; color: #091139; margin-bottom: 10px; font-weight: normal; } .label-wrapper .col-md-1-5 dd{ font-size: 1.1em; line-height: 18px; } /* 瀹炵幇浜旂瓑鍒 */ /* define bootstrap 5 columns */ .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; font-weight: normal; } .col-xs-1-5 { width: 20%; float: left; } @media (max-width: 768px) { .label-wrapper .col-md-1-5 dt{ margin-top: 14px; font-size: 16px!important; color: #091139; margin-bottom: 8px; /* border: 1px solid red; */ } .label-wrapper .col-md-1-5 dd{ font-size: 14px; } .label-wrapper .col-md-1-5 img{ width: 40%; margin: 0 auto; } .culture .title{ font-size: 26px; margin-top: 20px; } .culture .direction{ margin-top: 20px; margin-bottom: 10px; } .label-wrapper .title { margin-top: 20px; margin-bottom: 20px; } /* .culture .direction .row{ margin-bottom: 20px; } */ .culture .col-md-11{ font-size: 12px; height: 16px; line-height: 8px; } } @media (min-width: 768px) { .col-sm-1-5 { width: 20%; float: left; } .culture .title{ font-size: 26px; margin-top: 30px; } .culture .direction{ margin-top: 30px; margin-bottom: 10px; } /* .culture .direction .row{ margin-bottom: 20px; } */ .culture .col-md-11{ font-size: 16px; height: 16px; line-height: 16px; } } @media screen and (max-width: 920px){ .culture.large-screen{ display: none; } .culture.small-screen{ display: block; } .culture.small-screen .col-xs-12{ padding: 0; } } @media (min-width: 992px) { .culture.large-screen{ display: block; } .culture.small-screen{ display: none; } .col-md-1-5 { width: 20%; float: left; } .culture .title{ font-size: 30px; margin-top: 50px; } .culture .direction{ margin-top: 40px; margin-bottom: 12px; } /* .culture .direction .row{ margin-bottom: 20px; } */ .culture .col-md-11{ font-size: 20px; height: 20px; line-height: 20px; } } @media (min-width: 1200px) { .col-lg-1-5 { width: 20%; float: left; } .culture .title{ /* font-size: 40px; */ margin-top: 70px; } .culture .direction{ margin-top: 50px; margin-bottom: 16px; } /* .culture .direction .row{ margin-bottom: 20px; } */ .culture .col-md-11{ font-size: 20px; height: 24px; line-height: 24px; } } .label-wrapper .label .col-md-4{ padding:0; background-color: #f7f7f7; height: 103px; line-height: 103px; color: #000; font-size: 24px; } .label-wrapper .label .col-md-4.active{ background: -webkit-linear-gradient(left, #303471 , #5f338a); background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ color: #fff; } .label-wrapper .label .col-md-4 span{ display: inline-block; vertical-align: middle; } /* 鍝佺墝褰卞搷 company-brand */ .jumbotron.brand-banner { background:url('../../images/yd/banner.jpg') center center no-repeat; background-size: cover; } .container-fluid.brand{ padding-left: 0; padding-right: 0; } .brand .brand-header div{ padding: 0; /* color: #333; */ } .brand .brand-header:hover{ /* padding: 0; */ } .brand .brand-header:hover h2{ color: #fff; } .brand .brand-header:hover p{ color: #fff; } .brand .brand-header h2{ margin-top: 82px; font-size: 45px; color: #333; margin-bottom: 46px; font-family: "Microsoft YaHei"!important; } .brand .brand-header p{ font-size: 24px; color: #333; line-height: 40px; font-family: "Microsoft YaHei"!important; } .content{ /* width: 100%; */ } @media screen and (min-width: 992px){ .brand .large-screen{ display:block } .brand .small-screen{ display:none } } @media screen and (max-width: 992px){ .brand .large-screen{ display: none } .brand .small-screen{ display: block } .brand .small-screen .row{ width: 100%; } .brand .small-screen .row .col-xs-12{ width: 100%; } .brand .small-screen .row .col-xs-12 .img-responsive{ margin: 0 auto!important; display: block; max-width: 100%; height: auto; } .brand .small-screen h2 { font-size: 24px; line-height: 34px; font-family: "Microsoft YaHei"; margin-top: 20px; } .brand .small-screen p { font-size: 18px; line-height: 34px; font-family: "Microsoft YaHei"!important; } } .content-wrapper::after{ content:""; display: block; clear: both; } .content-wrapper{ height: 428px; } .content-wrapper .left-logo{ height: 428px; } .content-wrapper .right-logo{ height: 428px; } .content-wrapper img{ /* width: 100%; */ height: 428px; } @media screen and (max-width: 1510px){ .content-wrapper{ height: 400px; } .content-wrapper .left-logo{ height: 400px; } .content-wrapper .right-logo{ height: 400px; } .content-wrapper img{ /* width: 100%; */ height: 400px; } } @media screen and (max-width: 1400px){ .content-wrapper{ height: 320px; } .content-wrapper .left-logo{ height: 320px; } .content-wrapper .right-logo{ height: 320px; } .content-wrapper img{ /* width: 100%; */ height: 320px; } } @media screen and (max-width: 1210px){ .content-wrapper{ height: 300px; } .content-wrapper .left-logo{ height: 300px; } .content-wrapper .right-logo{ height: 300px; } .content-wrapper img{ /* width: 100%; */ height: 300px; } } @media screen and (max-width: 1070px){ .content-wrapper{ height: 260px; } .content-wrapper .left-logo{ height: 260px; } .content-wrapper .right-logo{ height: 260px; } .content-wrapper img{ /* width: 100%; */ height: 260px; } } .content-wrapper:nth-child(2n + 1) .right-logo{ float: right; } .content-wrapper:nth-child(2n + 1) .left-logo{ /* width: 70%; */ float: right; } .content-wrapper:nth-child(2n + 1) .left-logo img{ /* width: 100% */ } .content-wrapper:nth-child(2n + 2) .right-logo{ float: left } .content-wrapper:nth-child(2n + 2) .left-logo{ /* width: 70%; */ float: left; } .content-wrapper:nth-child(2n + 1) .left-logo img{ /* width: 100% */ } .brand .large-screen .content-wrapper{ margin-bottom: 20px; position: relative; /* transform: all s; */ } .brand .large-screen .content-wrapper:nth-child(2n + 1) .left-logo .description{ opacity: 0; width: 70%; transition: all 0.8s linear; position: absolute; top: 0; } .brand .large-screen .content-wrapper:nth-child(2n + 2) .left-logo .description{ opacity: 0; width: 70%; transition: all 0.8s linear; position: absolute; top: 0; } /* 榧犳爣鎮诞鐨勫湪濂囨暟鍒楄〃涓殑鏁堟灉 */ @keyframes mymove { 0% {left: 20%; top:0% } 100% {left: 0%; top: 0%} } @keyframes mymove2 { 0% {right: 20%; top:0% } 100% {right: 0%; top: 0%} } .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .right-logo{ float: left; /* position: absolute; top:0; */ } .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .left-logo{ width: calc(100% - 429px); } .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .right-logo{ position: absolute; animation:mymove 1.4s } .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .left-logo .description{ position: absolute; top:0; right:0; width: calc(100% - 427px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description h2{ margin-top: 82px; font-size: 36px; /* color: #333; */ margin-bottom: 46px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description p{ font-size: 24px; /* color: #333; */ line-height: 40px; font-family: "Microsoft YaHei"!important; } /* 榧犳爣鎮诞鐨勫湪鍋舵暟鍒楄〃涓殑鏁堟灉 */ .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .right-logo{ float: right; /* position: absolute; top:0; */ } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .left-logo{ width: calc(100% - 429px); } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .right-logo{ position: absolute; animation:mymove2 1.4s } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .left-logo .description{ position: absolute; top:0; width: calc(100% - 429px); display: block; /* right: 0; */ opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } @media screen and (max-width: 1511px){ .brand .large-screen .content-wrapper:nth-child(n).left-logo .description h2 { margin-top: 74px; font-size: 50px; color: #fff; margin-bottom: 38px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .left-logo .description{ position: absolute; /* top: 110px; */ top: 0; right:0; width: calc(100% - 400px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .left-logo .description{ position: absolute; /* top: 110px; */ top:0; width: calc(100% - 400px); display: block; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .right-logo{ position: absolute; top: 0; } } @media screen and (max-width: 1400px){ .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .left-logo .description{ position: absolute; top:0; right:0; width: calc(100% - 320px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .left-logo .description{ position: absolute; top:0; width: calc(100% - 320px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description h2{ margin-top: 74px; font-size: 30px; color: #fff; margin-bottom: 38px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description p{ font-size: 20px; color: #fff; line-height: 34px; font-family: "Microsoft YaHei"!important; } } @media screen and (max-width: 1210px){ .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .left-logo .description{ position: absolute; top:0; right:0; width: calc(100% - 300px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .left-logo .description{ position: absolute; top:0; width: calc(100% - 300px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } } @media screen and (max-width: 1200px){ .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description h2{ margin-top: 74px; font-size: 30px; color: #fff; margin-bottom: 38px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description p{ font-size: 20px; color: #fff; line-height: 34px; font-family: "Microsoft YaHei"!important; } } @media screen and (max-width: 1070px){ .brand .large-screen .content-wrapper:nth-child(2n + 1):hover .left-logo .description{ position: absolute; top:0; right:0; width: calc(100% - 260px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(2n + 2):hover .left-logo .description{ position: absolute; top:0; left:0; width: calc(100% - 260px); opacity: 1; background: -webkit-linear-gradient(left, #303572 ,#61348b); background: -o-linear-gradient(right, #303572, #61348b); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303572, #61348b); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303572 ,#61348b); /* 鏍囧噯鐨勮娉 */ color: #fff; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description h2{ margin-top: 50px; font-size: 30px; color: #fff; margin-bottom: 20px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(n) .left-logo .description p{ font-size: 16px; color: #fff; line-height: 30px; font-family: "Microsoft YaHei"!important; } } @media screen and (max-width: 992px){ .brand .large-screen{ display:none } .brand .small-screen{ display:block } .brand .large-screen .content-wrapper:nth-child(n):hover .left-logo .description h2{ margin-top: 50px; font-size: 30px; color: #fff; margin-bottom: 20px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(n):hover .left-logo .description p{ font-size: 16px; color: #fff; line-height: 30px; font-family: "Microsoft YaHei"!important; } } @media screen and (max-width: 768px){ .brand .large-screen .content-wrapper:nth-child(n):hover .left-logo .description h2{ margin-top: 40px; font-size: 24px; color: #333; margin-bottom: 16px; font-family: "Microsoft YaHei"!important; } .brand .large-screen .content-wrapper:nth-child(n):hover .left-logo .description p{ font-size: 15px; color: #333; line-height: 32px; font-family: "Microsoft YaHei"!important; } .brand .small-screen h2{ font-size: 16px; line-height: 25px; font-family: "Microsoft YaHei"; margin-top: 14px; } .brand .small-screen p{ font-size: 12px; line-height: 34px; font-family: "Microsoft YaHei"!important; } .brand .small-screen .description{ margin-bottom: 20px } } /* 鎴戜滑鐨勪笟鍔 business */ .business{ } @media screen and (max-width: 768px){ .business .col-md-5 h2{ margin-top: 30px; font-size: 18px; margin-bottom: 30px; color: #333333; font-weight: bold; } .business .col-md-5 p{ font-size: 16px; line-height: 20px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .city-wrapper .city .col-xs-12 .item{ height: 120px!important; background-color: #fff; line-height: 120px!important; } .city-wrapper .city .col-xs-6 .item.active dt{ color: #fff!important; font-size: 50px!important; } .city-wrapper .city .col-xs-6 .item.active dd{ font-size: 25px!important; color: #fff!important; } } @media screen and (max-width: 992px){ .city-wrapper .city .col-sm-6 .item{ height: 180px!important; background-color: #fff; line-height: 180px!important; /* border: 1px solid red; */ } .city-wrapper .city .col-sm-6 .item.active dt{ color: #fff!important; font-size: 40px!important; } .city-wrapper .city .col-sm-6 .item.active dd{ font-size: 20px!important; color: #fff!important; } } .container-fluid.city{ /* border: 1px solid red; */ margin-top: 32px; background-color: #f7f7f7; font-family: "Microsoft YaHei"; } /* 鍩庡競 */ /* 鍩庡競鐨勫唴瀹 */ .city-wrapper{ background-color: #f4f4f4; padding-bottom: 20px; } .city-wrapper .city .row{ padding-top: 36px; } .city-wrapper .city .col-md-3 .item{ height: 442px; background-color: #fff; line-height: 442px; } .city-wrapper .city .col-md-3 .item.active{ background: -webkit-linear-gradient(left, #303471 , #5f338a); background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ /* color: #fff; */ } .city-wrapper .city .col-md-3 .item.active dt{ color: #fff; font-size: 58px; } .city-wrapper .city .col-md-3 .item.active dd{ font-size: 29px; color: #fff; } .city-wrapper .city .col-md-3 .item span{ display: inline-block; vertical-align: middle; } .city-wrapper .city .col-md-3 .item dt{ color: #b88c56; font-size: 28px; } .city-wrapper .city .col-md-3 .item dd{ color: #888888; font-size: 14px; } /* 鍟嗕笟 business*/ .business{ background-color: #fff; } .business .row { margin-bottom: 24px; } .business .row .col-md-6{ padding-left: 0; padding-right: 0; } .business .row .col-md-6{ /* padding-left: 28px; */ } /* .business .row .col-md-6 img{ width: 100%; height: 100%; } */ .business li.active{ background: -webkit-linear-gradient(left, #303471 , #5f338a); background: -o-linear-gradient(right, #303471, #5f338a); background: -moz-linear-gradient(right, #303471, #5f338a); background: linear-gradient(to right, #303471 , #5f338a); color: #fff; } .business li.active a p{ color: #fff; } .business li.active h2{ color: #fff; } .business .col-md-6 h2{ margin-top: 24px; font-size: 24px; margin-bottom: 24px; color: #333333; font-weight: bold; font-family: "Microsoft YaHei"!important; } .business .col-md-6 p{ font-size: 16px; line-height: 36px; padding-right: 6px; font-family: "Microsoft YaHei"!important; } .business .row .col-md-6 .arrow{ margin-top: 30px; } @media screen and (max-width: 1500px){ .business .col-md-6 h2 { margin-top: 30px; font-size: 22px; margin-bottom: 20px; color: #333333; font-weight: bold; } .business .col-md-6 p { font-size: 16px; line-height: 26px; padding-right: 6px; font-family: "Microsoft YaHei"!important; } .business .row .col-md-6 .arrow{ margin-top: 15px; } } @media screen and (max-width: 1400px){ .business .col-md-6 h2 { margin-top: 20px; font-size: 18px; margin-bottom: 20px; color: #333333; font-weight: bold; } .business .col-md-6 p { font-size: 14px; line-height: 24px; padding-right: 6px; font-family: "Microsoft YaHei"!important; } .business .row .col-md-6 .arrow{ margin-top: 15px; } } @media screen and (max-width: 1200px){ .business .col-md-6 p { font-size: 14px; line-height: 24px; padding-right: 6px; font-family: "Microsoft YaHei"!important; } .business .row .col-md-6 .arrow{ margin-top: 15px; } } @media screen and (max-width: 1100px){ .business .col-md-6 h2 { margin-top: 10px; font-size: 22px; margin-bottom: 10px; color: #333333; font-weight: bold; } .business .col-md-6 p { font-size: 12px; line-height: 28px; padding-right: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: "Microsoft YaHei"!important; } .business .row .col-md-6 .arrow{ margin-top: 4px; } } @media screen and (max-width: 993px){ .business .col-md-6 h2 { margin-top: 10px; font-size: 22px; margin-bottom: 10px; color: #333333; font-weight: bold; } } /* business-merge 骞惰喘涓氬姟 */ .business-merge{ /* font-family: "Microsoft YaHei"!important; */ /* border: 1px solid red; */ } .container-fluid.business-merge { margin-top: 78px; padding-left:0; padding-right:0; } .business-merge .row { margin-bottom: 20px; } .business-merge li div{ padding: 0; /* border:1px solid red; */ } /* 榧犳爣鎮诞缁忚繃鏁堟灉 */ .business-merge li.active{ background: -webkit-linear-gradient(left, #303471 , #5f338a); background: -o-linear-gradient(right, #303471, #5f338a); background: -moz-linear-gradient(right, #303471, #5f338a); background: linear-gradient(to right, #303471 , #5f338a); color: #fff; font-family: "Microsoft YaHei"!important; } .business-merge .active h2{ color: #fff!important; } .business-merge .row .col-md-6 h2{ margin-top: 24px; font-size: 24px; margin-bottom: 24px; color: #333333; padding-left: 68px; font-weight: bold; font-family: "Microsoft YaHei"!important; } .business-merge .row .col-md-6 p{ font-size: 16px; line-height: 34px; padding-right: 6px; padding-left: 68px; font-family: "Microsoft YaHei"!important; } /* .business .col-md-6 h2{ } .business .col-md-6 p{ } */ @media (min-width: 1200px) { /* .business-merge .row .col-md-6 p{ font-size: 16px; margin-top: 45px; line-height: 34px; } */ } @media (max-width: 1200px) { .business-merge .row .col-md-6 h2{ margin-top: 24px; font-size: 24px; color: #333; } .business-merge .row .col-md-6 p{ font-size: 16px; margin-top: 18px; line-height: 28px; } } @media (max-width: 1100px) { .business-merge .row .col-md-6 h2{ margin-top: 8px; font-size: 24px; color: #333; } .business-merge .row .col-md-6 p{ font-size: 16px; margin-top: 18px; line-height: 22px; } } @media screen and (min-width: 992px){ .business .large-screen{ display: block; } .business .small-screen{ display:none; } .business-merge .large-screen{ display: block; } .business-merge .small-screen{ display:none; } } @media screen and (max-width: 992px){ .business .large-screen{ display: none; } .business .small-screen{ display: block; } .business-merge .large-screen{ display: none; } .business-merge .small-screen{ display: block; } .business-merge .row .col-xs-12 h2{ margin-top: 30px; font-size: 22px; margin-bottom: 20px; color: #333333; font-weight: bold; } .business .row .col-xs-12 h2 { margin-top: 30px; font-size: 16px; padding-left: 20px; } .business .row .col-xs-12 p { padding-left: 20px; margin-bottom: 20px; font-size: 14px; margin-top: 30px; line-height: 28px; } .business-merge .row .col-xs-12 p{ font-size: 14px; margin-top: 16px; line-height: 28px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media screen and (max-width: 768px){ .business .row .col-xs-12 h2 { margin-top: 30px; font-size: 16px; padding-left: 20px; } .business .row .col-xs-12 p { padding-left: 20px; margin-bottom: 20px; font-size: 14px; margin-top: 30px; line-height: 28px; } .business-merge .row .col-xs-12 h2 { margin-top: 30px; font-size: 16px; padding-left: 20px; } .business-merge .row .col-xs-12 p { padding-left: 20px; margin-bottom: 20px; font-size: 14px; margin-top: 30px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .business-merge .row .col-md-5 p { /* business-estate 涓嶅姩浜т笟鍔 */ } .business-estate .row{ margin-bottom: 22px; } .business-estate .row .col-md-6{ font-family: "Microsoft YaHei"; /* border: 1px solid red; */ } .business-estate .row .col-md-6 h2{ margin-top: 52px; font-size: 24px; color: #333; font-family: "Microsoft YaHei"!important; } .business-estate .row .col-md-6 p{ overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: "Microsoft YaHei"!important; } @media (min-width: 1200px) { .business-estate .row .col-md-6 p{ font-size: 16px; margin-top: 45px; line-height: 34px; } } @media (max-width: 1200px) { .business-estate .row .col-md-6 h2{ margin-top: 24px; font-size: 24px; color: #333; } .business-estate .row .col-md-6 p{ font-size: 16px; margin-top: 30px; line-height: 30px; } } @media screen and (max-width: 992px){ .business-estate .row .col-md-6 h2{ margin-top: 30px; font-size: 24px; color: #333; } .business-estate .row .col-md-6 p{ font-size: 14px; margin-top: 30px; line-height: 28px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } /* business-asset 涓嶅姩浜т笟鍔 */ .business-asset{ margin-top: 78px; font-family: "Microsoft Yahei"; } .business-asset .row{ margin-bottom: 22px; } .business-asset .row .col-md-6{ font-family: "Microsoft YaHei"; /* border: 1px solid red; */ } .business-asset .row .col-md-6 h2{ margin-top: 52px; font-size: 24px; color: #333; } .business-asset .row .col-md-6 p{ overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 1450px) { .city-wrapper .city .col-md-3.active .item-active { /* height: 180px!important; line-height: 180px!important; */ /* margin-left: 15px; margin-right: 15px; */ } } @media (min-width: 1200px) { .business-asset .row .col-md-6 p{ font-size: 16px; margin-top: 45px; line-height: 34px; } } @media (max-width: 1200px) { .business-asset .row .col-md-6 h2{ margin-top: 24px; font-size: 24px; color: #333; } .city-wrapper .city .col-md-3.active .item-active { /* height: 180px!important; line-height: 180px!important; */ /* margin-left: 15px; margin-right: 15px; */ } .business-asset .row .col-md-6 p{ font-size: 16px; margin-top: 30px; line-height: 30px; } } @media screen and (max-width: 992px){ .business-asset .row .col-md-6 h2{ margin-top: 30px; font-size: 24px; color: #333; } .city-wrapper .city .col-md-3.active .item-active { /* height: 180px!important; line-height: 180px!important; */ /* margin-left: 15px; margin-right: 15px; */ } .business-asset .row .col-md-6 p{ font-size: 14px; margin-top: 30px; line-height: 28px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } /* 鍖哄煙甯冨眬 area */ .jumbotron.area-banner{ /* background:url('../../images/yd/images/鍒囧浘/3-1-1鎴戜滑鐨勪笟鍔?鍒涗笟璧勬湰鍜岀鍕熻偂鏉冩姇璧?banner.jpg') center no-repeat; */ } @media screen and (max-width: 768px){ .jumbotron.banner .row .col-md-3{ height: 30px; /* background-color: #0e1136; */ margin-bottom: 0; } .jumbotron.banner .row .col-md-3 a{ height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 16px; } .city-wrapper .city .col-xs-12 .item{ height: 120px!important; background-color: #fff; line-height: 120px!important; } .city-wrapper .city .col-xs-6 .item.active dt{ color: #fff!important; font-size: 50px!important; } .city-wrapper .city .col-xs-6 .item.active dd{ font-size: 25px!important; color: #fff!important; } } @media screen and (max-width: 992px){ .jumbotron.banner .row .col-md-3{ height: 30px; /* background-color: #0e1136; */ margin-bottom: 0; } .jumbotron.banner .row .col-sm-3 a{ height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 16px; } .city-wrapper .city .col-sm-6 .item{ height: 300px!important; background-color: #fff; line-height: 300px!important; /* border: 1px solid red; */ } .city-wrapper .city .col-md-3 .item-active{ height: 300px!important; line-height: 300px!important; } .city-wrapper .city .col-md-3.active .item-active { /* height: 180px!important; line-height: 180px!important; */ /* margin-left: 15px; margin-right: 15px; */ } .city-wrapper .city .col-sm-6 .item.active dt{ color: #fff!important; font-size: 40px!important; } .city-wrapper .city .col-sm-6 .item.active dd{ font-size: 20px!important; color: #fff!important; } } @media screen and (max-width: 768px){ .city-wrapper .city .col-sm-6 .item{ height: 160px!important; background-color: #fff; line-height: 160px!important; /* border: 1px solid red; */ } .city-wrapper .city .col-md-3 .item span { margin-top: 80px; } .city-wrapper .city .col-md-3.active .item-active{ height: 160px!important; line-height: 160px!important; } } /* 鍩庡競鐨勫唴瀹 */ .city-wrapper{ background-color: #f4f4f4; padding-bottom: 20px; font-family: "Microsoft YaHei"; } .city-wrapper .city .row{ padding-top: 36px; } .city-wrapper .city .col-md-3 .item{ height: 296px; background-color: #fff; line-height: 296px; margin-bottom: 20px; } .city-wrapper .city .col-md-3 { position: relative; /* padding:0; */ } @media screen and (max-width: 2200px){ .city-wrapper .city .col-md-3.active .item-active{ } } @media screen and (max-width: 1900px){ .city-wrapper .city .col-md-3.active .item-active{ /* width: 93%!important; */ } } .city-wrapper .city .col-md-3.active .item-active{ opacity: 1; /* width: 93%; */ margin-left: 15px; margin-right: 15px; /* animation: mysecond 0.8s; */ } .city-wrapper .city .col-md-3 .item-active{ position: absolute; top: 0; width: calc(100% - 30px); height: 296px; opacity: 0; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ /* color: #fff; */ } .city-wrapper .city .col-md-3 .item.active dt{ color: #fff; font-size: 58px; } .city-wrapper .city .col-md-3 .item.active dd{ font-size: 29px; color: #fff; } .city-wrapper .city .col-md-3 .item-active span{ display: inline-block; vertical-align: middle; margin-top: 180px; transform:translateY(-50%); } .city-wrapper .city .col-md-3 .item span{ display: inline-block; vertical-align: middle; margin-top: 148px; transform:translateY(-50%); } @media screen and (max-width: 768px){ .city-wrapper .city .col-md-3 .item span { margin-top: 86px; } .city-wrapper .city .col-md-3 .item-active span { margin-top: 86px!important; } .city-wrapper .city .col-md-3 .item-active span dt{ font-size: 22px!important; } } .city-wrapper .city .col-md-3 .item dt{ color: #b88c56; font-size: 24px; } /* 鍩洪噾甯冨眬 fund.html*/ .jumbotron.fund-banner{ /* background:url('../../images/yd/images/鍒囧浘/3-1-1鎴戜滑鐨勪笟鍔?鍒涗笟璧勬湰鍜岀鍕熻偂鏉冩姇璧?banner.jpg') center no-repeat; */ } .fund-wrapper h2, .fund-wrapper p{ font-family: "Microsoft YaHei"!important; } @media screen and (max-width: 768px){ .jumbotron.banner .row .col-md-3{ height: 30px; /* background-color: #0e1136; */ border:1px solid transparent; margin-bottom: 0; padding-left: 0; padding-right: 0; } .jumbotron.banner .row .col-md-3 a{ height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 16px; } .business .col-md-5 h2{ margin-top: 30px; font-size: 18px; margin-bottom: 30px; color: #333333; font-weight: bold; } .business .col-md-5 p{ font-size: 16px; line-height: 20px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media screen and (max-width: 992px){ .jumbotron.banner .row .col-md-3{ height: 30px; /* background-color: #0e1136; */ margin-bottom: 0; } .jumbotron.banner .row .col-md-3 a{ height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 16px; } } .fund{ /* height: 445px; */ font-family: "Microsoft YaHei"; } .fund .text-money-1 h4{ width: 70%; text-align: center; line-height: 40px; font-size: 16px; margin: 0 auto; padding-bottom: 20px; } .fund .col-md-4 .fund-wrapper{ border: 1px solid #f4f4f4; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; height: 120px; display: flex; /* justify-content: space-between; */ align-items: center; } .fund .col-md-4 .fund-wrapper img{ margin-right: 20px; } .fund .col-md-4 .fund-wrapper::-webkit-scrollbar { display: none; } .fund .col-md-4{ margin-bottom: 24px; position: relative; } @keyframes mythird { 0% { left:15px;right:15px; top: 100px;} /* 20% { right:20%; top:-25px; width: 40%;} */ 100% { left:15px;right: 15px; top:0px;} } .fund .col-md-4:hover .fund-wrapper-active{ /* display: block; */ opacity: 1; /* animation: mythird 1s; */ } .fund .col-md-4 img{ margin-top: 48px; } .fund .col-md-4 .line{ margin-top: 28px; margin-bottom: 30px; height:2px; width: 14%; background-color: #f4f4f4; } .fund .col-md-4 h2{ margin-top: 47px; font-size: 22px; } .fund .col-md-4 p{ font-size: 14px; line-height: 30px; } .fund .col-md-4 .fund-wrapper{ } /* hover 涓嬬殑鐘舵€ */ .fund .col-md-4 .fund-wrapper-active::-webkit-scrollbar { display: none; } .fund .col-md-4 .fund-wrapper-active{ position:absolute; top: 0; left: 15px; right: 15px; border: 1px solid #f4f4f4; /* height: 445px; */ padding-bottom: 40px; padding-left:15px; padding-right: 15px; color: #ffffff; background-color: rgb(49,53,114); display: none; height: 120px; display: flex; opacity: 0; /* justify-content: space-between; */ align-items: center; /* overflow: hidden; */ /* overflow-y: auto; */ } .fund .col-md-4 .fund-wrapper-active p{ padding-right: 12px; } .fund .col-md-4 .fund-wrapper-active img{ margin-right: 20px; /* margin-top: 48px; */ } .fund .col-md-4 .fund-wrapper-active .col-md-4 .line{ margin-top: 28px; margin-bottom: 30px; height:2px; width: 14%; background-color: #f4f4f4; } .fund .col-md-4 .fund-wrapper-active .col-md-4 h2{ margin-top: 47px; font-size: 22px; } .fund .col-md-4 .fund-wrapper-active .col-md-4 p{ font-size: 14px; line-height: 30px; } @media screen and (max-width: 992px){ .fund .text-money-1 h4 { width: 97%; text-align: center; line-height: 26px; font-size: 16px; margin: 0 auto; padding-bottom: 20px; } } @media screen and (max-width: 768px){ .fund .col-md-4:hover .fund-wrapper-active{ display: none; } .fund .col-md-4 .fund-wrapper{ border: 1px solid #f4f4f4; padding-left: 15px; padding-right: 15px; padding-bottom: 40px; height: 78px; } .fund .col-md-4 .fund-wrapper-active{ position:absolute; top: 0; left: 15px; right: 15px; padding-bottom: 40px; border: 1px solid #f4f4f4; padding-left:15px; color: #ffffff; padding-bottom: 40px; /* display: none; */ display: flex; opacity: 0; } } /* 鎶曡祫缁勫悎 invest.html */ .investWrapper{ /* border-top: 20px solid #f4f4f4; */ margin-bottom: 20px; } .investWrapper ul li{ /* margin-top: 20px; */ padding-left: 0; padding-right: 0; /* width: 100%; height: 100%; */display: inline-table; min-height:280px; } .investWrapper ul .col-xs-6{ padding-left: 0; padding-right: 0; } .jumbotron.policy-banner{ background: url("../../images/yd/policy-banner.jpg") center center no-repeat; background-size: cover; } .investWrapper .col-md-3{ padding: 0; } .investWrapper .invest-detail{ position: relative; } .investWrapper .invest-detail .img-wrapper{ /* height: 316px; */ /* 297 */ /* 347 */ } .investWrapper .invest-detail .img-wrapper img{ width: 100%; height: 100%; } /* position: relative; */ @media screen and (max-width: 992px){ .investWrapper .invest-detail .img-wrapper{ height: 297px; /* 347 */ } } @media screen and (max-width: 768px){ .investWrapper .invest-detail .img-wrapper{ height: 148px; } .investWrapper ul li{ /* margin-top: 20px; */ padding-left: 0; padding-right: 0; /* width: 100%; height: 100%; */display: inline-table; min-height:auto; } } .investWrapper .invest{ /* position: relative; */ /* background:url("../../images/yd/invest.jpg") center center no-repeat; */ /* border:1px solid red; */ } .investWrapper ul > li .description{ position: absolute; bottom: 20px; width: 100%; text-align: center; } .invest .invest-detail .description span{ padding-left:10px; } /* 榧犳爣鎮诞鐨勬晥鏋 */ .invest-item li:hover .invest-active{ display:block; /* animation: mysecond 0.8s; */ } .invest-item li:hover .invest-detail{ overflow: hidden; } .invest-item li:hover .invest-detail img{ transition: all 0.7s ease-in-out; transform: scale(1.1); } .investWrapper .invest-active{ /* background: url('../../images/yd/') center center no-repeat; */ background: rgba(9,17,57,0.5); position: absolute; top: 0; background-size: cover; color: #fff; padding-left: 0px; padding-right: 0px; display: none; width: 100%; height: 100%; /* height: 480px; */ /* border: 1px solid red; */ } .investWrapper .invest-active h2{ /* margin-top: 59px; */ font-size: 24px; padding-top: 30px; padding-bottom: 20px; font-family: "Microsoft YaHei"!important; /* margin-bottom: 68px; */ /* border:1px solid red; */ } .investWrapper .invest-active a{ color:#fff; } .investWrapper .invest-active p{ font-size: 16px; line-height: 36px; /* padding-left: 10px; padding-right: 10px; */ font-family: "Microsoft YaHei"!important; } .investWrapper .invest-active .description-active{ position:absolute; /* top: 0; */ /* left:5px; */ /* top: 50%; transform: translateY(-50%); */ top: 50%; left: 50%; width: 60%; border:1px solid #ffffff; text-align: center; -webkit-transform: translateX(-50%) translateY(-50%); } .investWrapper .invest-active .invest-jump::after{ content:""; display: block; clear: both; } .investWrapper .invest-active .invest-jump p{ line-height: 100px; /* float: left; padding-left:20px; */ } /* 鑷€傚簲 */ @media screen and (max-width: 1600px){ .investWrapper .invest-content .invest-detail h2{ margin-top: 30px; font-size: 40px; margin-bottom: 30px; } .investWrapper .invest-content .invest-detail p{ font-size: 16px; line-height: 40px; } } /* @media screen and (max-width: 1500px){ .investWrapper .invest-content .invest-detail h2{ margin-top: 30px; font-size: 36px; margin-bottom: 30px; } .investWrapper .invest-content .invest-detail p{ font-size: 14px; line-height: 24px; } } */ @media screen and (max-width: 1400px){ .investWrapper .invest-content .invest-detail h2{ margin-top: 30px; font-size: 36px; margin-bottom: 30px; } .investWrapper .invest-content .invest-detail p{ font-size: 14px; line-height: 36px; } } @media screen and (max-width: 1200px){ .investWrapper .invest-content .invest-detail h2{ margin-top: 30px; font-size: 30px; margin-bottom: 30px; } .investWrapper .invest-content .invest-detail p{ font-size: 14px; line-height: 24px; } } @media screen and (max-width: 992px){ .investWrapper .invest-content .invest-detail h2{ margin-top: 46px; font-size: 36px; margin-bottom: 40px; } .investWrapper .invest-content .invest-detail p{ font-size: 18px; line-height: 48px; } } @media screen and (max-width: 768px){ .investWrapper ul > li .description { position: absolute; bottom: 20px; /* left: 25%; */ font-size: 12px; } .investWrapper .invest-active .invest-jump p { line-height: 50px; } .investWrapper .invest-active h2 { /* margin-top: 59px; */ font-size: 18px; padding-top: 15px; padding-bottom: 15px; } .investWrapper .invest-active p { font-size: 12px; line-height: 22px; padding-left: 10px; padding-right: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } @media screen and (max-width: 500px){ .investWrapper .invest-active .invest-jump p { line-height: 25px; } } .investWrapper .invest .invest-detail{ font-size: 23px; color: #231815; font-family: 'Microsoft YaHei'; position: absolute; left: 0; bottom: 10px; padding: 0; } .investWrapper .invest .invest-detail::after{ content: ""; display: block; clear: both; } .investWrapper .invest .invest-detail p{ float: left; padding-left: 20px; } /* 鎴戜滑鐨勫洟闃 team.html */ .jumbotron.team-banner{ background: url(../../images/yd/team-banner.jpg) center center no-repeat; background-size: cover; } .team{ position: relative; } .team .col-md-3{ margin-bottom: 20px; } /* .team .team-picture img{ } */ .team .team-picture{ overflow: hidden; } .team .team-picture .img-wrapper{ overflow: hidden; } .team .team-picture:hover{ /* -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); */ } .team .team-picture a:hover{ color: #333!important; } .team .team-picture img:hover{ transition: all 0.7s ease-in-out; transform: scale(1.1); } .team .team-picture li{ font-size: 16px; } .team .team-picture .name-wrapper{ margin-top: 18px; font-family: "Microsoft YaHei"!important; } @media screen and (max-width: 1160px){ .team .team-picture .name-wrapper .col-md-6{ padding-left: 6px; padding-right: 6px; } } @media screen and (min-width: 992px){ .team .team-picture .name-wrapper .col-md-6{ padding-left: 3px; padding-right: 3px; } } .team .team-picture .name{ border-right: 1px solid #999999; } #pages { text-align: center; line-height: 20px; position: absolute; bottom: 20px; height: 1px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1500px){ .team .team-picture li{ font-size: 12px; } } /* 鏉垮潡璐熻矗浜 team-health*/ /* .team .team-picture{ transition: all 0.6s; } .team .team-picture:hover{ transform: scale(1.1); } */ /* 鍖哄煙璐熻矗浜 */ .city-wrapper .city .col-md-3 .item-active{ position: absolute; top: 0; left: 0; height: 296px; line-height: 296px; background: -webkit-linear-gradient(left, #303471 , #5f338a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #303471, #5f338a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #303471, #5f338a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #303471 , #5f338a); /* 鏍囧噯鐨勮娉 */ /* color: #fff; */ opacity: 0; } @media screen and (max-width: 1200px){ .city-wrapper .city .col-md-3 .item{ height: 250px; background-color: #fff; line-height: 250px; } .city-wrapper .city .col-md-3 .item span { margin-top: 125px; } .city-wrapper .city .col-md-3.active .item-active { height: 250px; /* background-color: #fff; */ line-height: 250px; opacity: 1; } .city-wrapper .city .col-md-3:active .item-active span{ margin-top: 125px; } .city-wrapper .city .col-md-3 .item-active dt { font-size: 26px!important; } } .city-wrapper .city .col-md-3 .item-active dt{ color: #fff; font-size: 26px; } .city-wrapper .city .col-md-3 .item-active dd{ font-size: 20px; color: #fff; } .city-wrapper .city .col-md-3 .item-active span{ display: inline-block; vertical-align: middle; width: 100%; margin-top: 148px; transform: translateY(-50%); } @media screen and (max-width: 768px){ .city-wrapper .city .col-md-3 .item dt { color: #b88c56; font-size: 18px; } .city-wrapper .city .col-md-3 .item span { margin-top: 80px; } } /* 鎶曡祫鍥㈤槦 team-invest*/ .jumbotron.team-invest-banner{ background: url(../../images/yd/team-banner.jpg) center center no-repeat; background-size: cover; } .invest-team { margin-bottom: 20px; } .invest-team >.table{ border: 1px solid #EFEFEF; font-size: 14px; } .invest-team >.table > tbody > tr > td { padding: 22px!important; text-align:center; } .invest-team .table .invest-team-bg tr th{ line-height: 60px; text-align:center; } .invest-team .table .invest-team-bg{ background: url("../../images/yd/footer-label.jpg") center center no-repeat; background-size: cover; } .invest-team .table .invest-team-bg tr{ /* height: 60px; */ color: #fff; font-family: "Microsoft YaHei"; /* background: -webkit-linear-gradient(left, #303471 , #5f338a); background: -o-linear-gradient(right, #303471, #5f338a); background: -moz-linear-gradient(right, #303471, #5f338a); background: linear-gradient(to right, #303471 , #5f338a); */ } .invest-team .table .invest-team-bg tr th{ background: transparent; } /* .invest-team .table-header p{ color: #fff; font-size: 16px; font-family: "Microsoft YaHei"!important; } .invest-team .table-content:hover{ background-color: #f2f2f2; } .invest-team .table-content{ height: 65px; line-height: 65px; background-color: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .invest-team .table-content p{ color: #808080; font-size:銆€16px; font-family: "Microsoft YaHei"!important; } */ @media screen and (max-width: 768px){ /* .invest-team .table-content p{ font-size:銆€4px; } */ /* .invest-team .table-content{ height: 140px; line-height: 140px; } */ } /* 闃熷憳璇︽儏 team.html */ .jumbotron.team-detail-banner{ background: url(../../images/yd/team-banner.jpg) center center no-repeat; background-size: cover; } .team-detail{ margin-bottom: 20px; font-family: "Microsoft YaHei"!important; line-height: 1.8; font-size: 16px; } .team-detail .team-describe .team-detail{ margin-top: 68px; height: 30px; /* font-family: "Microsoft YaHei"!important; */ } .team-detail .team-describe .team-detail .col-md-2,.team-detail .team-describe .team-detail .col-sm-4,.team-detail .team-describe .team-detail .col-xs-4{ padding-left: 0; padding-right: 8px; } .team-detail .team-describe .first{ font-size: 16px; line-height: 34px; margin-bottom: 56px; font-family: "Microsoft YaHei"!important; } .team-detail .team-describe .second{ font-size: 16px; line-height: 34px; font-family: "Microsoft YaHei"!important; } .team-detail .team-describe h2{ font-size: 24px; border-right: 1px solid #999999; line-height: 30px; font-family: "Microsoft YaHei"!important; font-weight: bold; } .team-detail .team-describe .col-md-9 p{ font-size: 18px; line-height: 30px; font-family: "Microsoft YaHei"!important; /* border:1px solid red */ } @media screen and (max-width: 992px){ .team-detail .team-describe .team-detail{ margin-top: 30px; } } @media screen and (max-width: 768px){ /* .team-detail .team-describe h2{ font-size: 18px; border-right: 1px solid #999999; line-height: 30px; } */ .team-detail .team-describe .team-detail{ margin-top: 30px; } } /* 鏃椾笅鎴愬憳 member.html*/ .jumbotron.member-banner{ background: url('../../images/yd/member-banner.jpg') no-repeat; height: 300px; background-size: cover; } .article img{ margin-bottom: 48px; max-width: 100%; } .article{ text-indent:2em; font-size: 16px; line-height: 1.75em; margin-bottom: 10px; font-family: "Microsoft YaHei"!important; /* width: 60%; */ } @media screen and (max-width: 768px){ .article p{ /*margin-bottom: 40px;*/ } .mail-box { display: none!important; } } /* 绀句細璐d换 responsibity.html */ .jumbotron.responsibility-banner{ background: url("../../images/yd/responsibility-banner.jpg") center center no-repeat; background-size: cover; } .header-banner{ background-color: #ffffff; font-family: "Microsoft YaHei"!important; } .header-banner:hover a{ color: #1c205f; } .header-banner .col-md-6{ padding-left: 0; padding-right: 0; } .header-banner h2{ padding-left: 30px; } .header-banner p{ padding-left: 30px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .header-banner img{ padding-bottom: 24px; padding-top: 40px; } .header-banner .col-md-6 h2{ margin-top: 52px; font-size: 30px; margin-bottom: 55px; font-family: "Microsoft YaHei"!important; } .header-banner .col-md-6 p{ line-height: 33px; font-size: 16px; font-family: "Microsoft YaHei"!important; } .responsibility{ background-color: #f7f7f7; padding-bottom: 25px; } .responsibility .content{ margin-top: 26px; background-color: #fff; height: 278px; padding-left: 15px; padding-right: 15px; position: relative; } .responsibility .content:hover{ -webkit-box-shadow: 1px 1px 10px 0px rgba(200,200,200,1); -moz-box-shadow: 1px 1px 10px 0px rgba(200,200,200,1); box-shadow: 1px 1px 10px 0px rgba(200,200,200,1); } .responsibility .content:hover h2{ color: #1c205f; } .responsibility .content h2{ padding-top: 38px; font-size: 24px; line-height: 34px; margin-bottom: 14px; font-family: "Microsoft YaHei"!important; } .responsibility .content p{ font-size: 16px; line-height: 30px; color: #888888; font-family: "Microsoft YaHei"!important; /* isplay: -webkit-box; //蹇呴』缁撳悎鐨勫睘鎬 锛屽皢瀵硅薄浣滀负寮规€т几缂╃洅瀛愭ā鍨嬫樉绀 銆 */ /* -webkit-box-orient; */ text-overflow: ellipsis; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .responsibility .content .text-right{ position: absolute; bottom: 20px; right: 20px; } @media screen and (max-width: 1300px){ .header-banner .col-md-6 h2{ margin-top: 40px; font-size: 30px; margin-bottom: 0px; } } @media screen and (max-width: 1200px){ .header-banner .col-md-6 h2{ padding-top: 0; font-size: 22px; margin-bottom:20px; } .header-banner .col-md-6 p{ line-height: 28px; font-size: 12px; } .responsibility .content h2{ padding-top: 34px; font-size: 20px; margin-bottom: 30px; } .responsibility .content p{ font-size: 14px; line-height: 28px; color: #888888; } } @media screen and (max-width: 992px){ .responsibility .content h2{ padding-top: 34px; font-size: 26px; margin-bottom: 30px; } .responsibility .content p{ font-size: 20px; line-height: 36px; color: #888888; } } @media screen and (max-width: 768px){ .header-banner h2{ padding-left: 10px; } .header-banner p{ padding-left: 10px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .responsibility .content { /* height: */ } .responsibility .content { margin-top: 26px; background-color: #fff; height: 240px; padding-left: 15px; padding-right: 15px; position: relative; } .header-banner .col-md-6 h2{ margin-top: 20px; font-size: 16px; /* margin-bottom: 40px; */ } .header-banner .col-md-6 p{ font-size: 12px; line-height: 20px; } .responsibility .content h2{ padding-top: 28px; font-size: 20px; margin-bottom: 14px; } .responsibility .content p{ font-size: 14px; line-height: 34px; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } /* 濯掍綋璇︽儏 media-detail.html */ .media-detail{ font-family: "Microsoft YaHei"; padding-bottom: 20px; } .media-detail .media_cont img{ max-width: 100%!important; } .media-detail .news-list .titles p{ font-size: 18px; color: #222222; line-height: 28px; margin-bottom: 10px; } .media-detail .news-list{ padding-top: 20px; } .media-detail .news-list .footer{ display: flex; justify-content: space-between; } .media-detail .news-list .footer p{ font-size: 14px; color: #666; line-height: 20px; } .media-detail .news-list .footer .know:hover p{ color: #323472; } @media screen and (min-width: 992px){ .media-title{ margin-top: 82px } } @media screen and (max-width: 992px){ .media-title{ margin-top: 82px } } .article-title{ margin-top: 46px; font-size: 24px; color: #333; margin-bottom: 30px; font-family: "Microsoft YaHei"!important; } .time{ font-size: 12px; color: #999999; margin-bottom: 38px; margin-top: 0; font-family: "Microsoft YaHei"!important; /* border: 1px solid red; */ } .share{ border-right: 1px solid #dcdcdc; } .share .sina, .share .weixin, .share .button{ margin-top: 0; } .media-detail .media_cont p{ text-indent: 2em; font-size: 18px; line-height: 34px; margin-top: 47px; font-family: "Microsoft YaHei"!important; } .media-detail img{ margin-top: 55px; } .media-detail .jump .col-md-1 p,.media-detail .jump .col-md-11 p{ margin-top: 20px; color: #999999; font-size: 16px; } .media-detail .jump p{ text-indent: 0em; } .media-detail .jump .col-md-1 a,.media-detail .jump .col-md-11 a{ padding-right:0; color: #999999; font-size: 16px; } .media-detail .jump .col-xs-3, .media-detail .jump .col-xs-9{ padding-left: 0; padding-right: 0; } .media_cont{ line-height: 1.75em; font-size: 20px; padding: 20px 40px 0 40px; border-right: 1px solid #DEDEDE; padding-bottom: 20px; margin: 0 auto; } @media screen and (min-width: 992px){ .media-detail.large-screen{ display: block; } .media-detail.small-screen{ display: none; } } @media (min-width:1200px) and (max-width: 1600px){ .article-title { margin-top: 100px; font-size: 24px; color: #333; margin-bottom: 30px; font-family: "Microsoft YaHei"!important; } } @media screen and (max-width: 992px){ .article-title { margin-top: 26px; font-size: 16px; color: #333; margin-bottom: 18px; font-family: "Microsoft YaHei"!important; } .time { font-size: 12px!important; color: #999999; margin-bottom: 38px; margin-top: 0; font-family: "Microsoft YaHei"!important; } .media-detail.large-screen{ display: none; } .media-detail.small-screen .media_cont{ line-height: 1.75em; font-size: 20px; padding: 0 0 20px; border-right: none!important; border-bottom: 1px solid #DEDEDE!important; padding-bottom: 20px; margin: 0 auto; } .media-detail.small-screen{ display: block; } } /* 鎼滅储椤甸潰 */ .sr_frm{ margin-top: 82px; line-height: 40px; } @media screen and (max-width: 1200px){ .sr_frm{ margin-top: 82px; } } @media screen and (max-width: 767px){ .sr_frm{ margin-top: 82px; } } .sr_frmipt{ width: 80%; margin: 0 auto; text-align:center; } .sr_frmipt .search{ width: 60%; border: 1px solid #ccc; padding: 7px 0px; border-radius: 3px; padding-left:5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } .sr_frmipt .search:focus{ border-color: #f4f4f4; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,247,247,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,247,247,.6) } .sr_frmipt .ss_btn{ width: 150px; /* 瀹藉害 */ height: 30px; /* 楂樺害 */ border-width: 0px; /* 杈规瀹藉害 */ border-radius: 3px; /* 杈规鍗婂緞 */ background: #091139; /* 鑳屾櫙棰滆壊 */ cursor: pointer; /* 榧犳爣绉诲叆鎸夐挳鑼冨洿鏃跺嚭鐜版墜鍔 */ outline: none; /* 涓嶆樉绀鸿疆寤撶嚎 */ font-family: "Microsoft YaHei"; /* 璁剧疆瀛椾綋 */ color: white; /* 瀛椾綋棰滆壊 */ font-size: 17px; /* 瀛椾綋澶у皬 */ } .sr_frmipt .ss_btn:hover{ background: #112F6B; } @media screen and (max-width: 768px){ .sr_frmipt .search{ width: 75%; } .sr_frmipt .ss_btn{ width: 60px; } .share { border-right: 1px solid transparent; } .sr_frmipt .ss_btn{ /* padding-left: 30px; padding-right: 30px; */ height: 30px; /* 楂樺害 */ border-width: 0px; /* 杈规瀹藉害 */ border-radius: 3px; /* 杈规鍗婂緞 */ background: #091139; /* 鑳屾櫙棰滆壊 */ cursor: pointer; /* 榧犳爣绉诲叆鎸夐挳鑼冨洿鏃跺嚭鐜版墜鍔 */ outline: none; /* 涓嶆樉绀鸿疆寤撶嚎 */ font-family: "Microsoft YaHei"; /* 璁剧疆瀛椾綋 */ color: white; /* 瀛椾綋棰滆壊 */ font-size: 12px; /* 瀛椾綋澶у皬 */ } } /*2019/3/8*/ #swiper-item .img-responsive{ width: 100%; height: 100%; } /*2019-3-11*/ #wxShare{ position:fixed; left: 0px; right: 0px; top: 50%; width: 200px; height: 250px; margin-left: auto; margin-right: auto; margin-top: -125px } #wxShare #close{ line-height: 50px; height: 50px; background:rgba(0,0,0,0.3); } #wxShare #close span{ font-size: 20px; color: #fff; width: 20px; float: right; cursor: pointer } .share-1{ position:relative; } .share-2{ position: absolute; display: none; } .share-1:hover .share-2{ display:block; margin-top: -1px; } .share-1 .share-2 li{ padding: 10px; width: 150px; line-height: 20px; margin-left: -85px; background: #fff; border-bottom: 1px solid #eee; box-shadow: 5px 4px 10px #eee; } .share-1 .share-2 li img{ width: 20px; height:20px; margin-top: 0px; display:inline-block; } /* .company-label{ } */ /* .company-label a.active{ background-color: #fff; color: #333; } */ .container-fluid a.active{ background-color: #fff; color: #333; } .combination-label a.active{ background-color: white; /* color: #333; */ } .combination-label a.active p{ color: #333; } .tzzh .three-label{ width: 6%; margin: 0 auto; color: #333; font-size: 14px; margin-top:10px; margin-bottom: 10px; } .tzzh .three-label:hover { color: #333; background-color: #fff; } .tzzh p{ /* width: */ font-size: 20px; line-height: 40px; text-align: center; } .teams a.active { background-color: #fff; color: #333; } .sr_main{ margin-top: 100px; } @media screen and (max-width: 768px){ .sr_main{ margin-top: 100px; } } .search{ /* margin-top: 123px; */ /* margin-top: 86px; margin-bottom: 30px */ } .mainlist{ font-size: 16px; line-height: 26px; margin-top: 30px; padding-bottom: 16px; color: #666; } .mainlist li{ border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; } .pages{ padding-bottom: 20px; } @media screen and (max-width: 768px){ .mainlist{ font-size: 14px; line-height: 26px; margin-top: 30px; padding-bottom: 16px; color: #666; } .tzzh .three-label{ width: 20%; margin: 0 auto; color: #333; font-size: 14px; margin-top:10px; margin-bottom: 10px; } .jumbotron.member-banner { /* background: url(../../images/yd/member-banner.jpg) no-repeat; */ height: 150px; background-size: cover; } } /* 寰俊娴忚鍣ㄦ墦寮€鐨勭綉椤典箣鍚庣殑鍒嗕韩 */ .cover-share{ height: 100vh; position: fixed; background: rgba(36,40,43,0.6); width: 100%; z-index: 19; top: 0; display:none; } .cover-share .share-box{ position: absolute; right: 0; } .cover-share .share-box .cover-weixin{ width: 120px; } .cover-share-phone{ height: 100vh; position: fixed; background: rgba(36,40,43,0.6); width: 100%; z-index: 19; top: 0; display:none; } .cover-share-phone .share-box-phone{ /* text-align:center; */ } .cover-share-phone .share-box-phone .cover-phone{ width: 120px; } .cover-share-phone .share-box-phone p{ font-size: 12px; color: #fff; } /* footer pc*/ @media screen and (min-width: 992px){ .low-footer.large-screen{ display: block; } .low-footer.small-screen{ display: none; } } @media screen and (max-width: 992px){ /* display:L */ .low-footer.large-screen{ display: none; } .low-footer.small-screen{ display: block; } } /* 鍦板浘 */ .map{ width: 700px; /*width: 100%;*/ height: 516px /*height: auto;*/ } @media screen and (max-width: 920px){ .map{ width: 460px; height: 352px; } } @media screen and (max-width: 550px){ .map{ width: 280px; /*height: 170px;*/ height: auto; margin-bottom: 30px; } } /* .cover-share-phone .share-box-phone{ */ /*鍚堜紮浜?/ .hehuoren{ margin-bottom:60px; } .hhr-head{ display: flex; width: 100%; height: 40px; background: url(../../images/yd/footer-label.jpg) center center no-repeat; background-size:cover; } .hhr-head div{ display: inline-block; color: #fff; text-align: center; line-height: 40px; font-size: 18px; } .hhr-head div:first-child{ width: 20%; } .hhr-head div:nth-child(2){ width: 20%; } .hhr-head div:last-child{ width: 60%; } .hhr-body > .hhr-line{ line-height: 50px; display: flex; border-bottom:1px solid #e5e5e5; } .hhr-line p:first-child{ display: inline-block; text-align:center; line-height: 50px; font-size: 16px; width: 20%; } .hhr-line p:nth-child(2){ display: inline-block; text-align:center; line-height: 50px; font-size: 16px; width: 20%; } .hhr-desc{ height: 50px; overflow: hidden; display: inline-block; color: #666; text-align:center; line-height: 35px; font-size: 16px; width: 60%; padding: 0 2%; cursor: pointer; padding-top: 7px; } .hhr-body .hhr-line{ color: #666; cursor: pointer; } .hhr-body .hhr-line:hover{ color: #2a2d6a; } .hhr-body .hhr-desc{ color: #666; cursor: pointer; text-align: left; } .hhr-body .hhr-desc:hover{ color: #2a2d6a; } .hehuoren-container #pages{ position: relative; height: auto; } .hehuoren-container #pages a{ border: 1px solid #e5e5e5; color: #666; padding: 2px 5px; } .hehuoren-container #pages span{ border: 1px solid #e5e5e5; color:#2a2d6a!important; padding: 2px 5px; } @media screen and (max-width: 979px){ .hehuoren{ margin-bottom:60px; } .hhr-head{ display: flex; width: 100%; height: 40px; background: url(../../images/yd/footer-label.jpg) center center no-repeat; background-size:cover; } .hhr-head div{ display: inline-block; color: #fff; text-align: center; line-height: 40px; font-size: 16px; } .hhr-head div:first-child{ width: 20%; } .hhr-head div:nth-child(2){ width: 20%; } .hhr-head div:last-child{ width: 60%; } .hhr-body > .hhr-line{ line-height: 40px; display: flex; border-bottom:1px solid #e5e5e5; } .hhr-line p:first-child{ display: inline-block; text-align:center; line-height: 40px; font-size: 14px; width: 20%; } .hhr-line p:nth-child(2){ display: inline-block; text-align:center; line-height: 40px; font-size: 14px; width: 20%; } .hhr-desc{ height: 40px; overflow: hidden; display: inline-block; text-align:center; line-height: 25px; font-size: 14px; width: 60%; padding: 0 2%; cursor: pointer; padding-top: 8px; } .hhr-line{ color: #666; cursor: pointer; } .hhr-line:hover{ color: #2a2d6a; } #headerLabel{ display: block !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .nav > li > a{ padding: 19px 6px; } } @media screen and (min-width: 1600px) { .nav > li{ padding-left: 0; padding-right: 0; } } .page { text-align: center; line-height: 38px; font-size: 0; padding-bottom:30px; } .page a, .page i { display: inline-block; margin: 0 5px; font-style: normal; height: 40px; min-width: 45px; border: 1px solid #e7e7e7; padding: 0 20px; font-size: 12px; } .page a:hover, page a.current, .page .page-num-current { background: #b48b62; border: 1px solid #b48b62; font-weight: bold; color: #FFFFFF; } @media (max-width: 780px){ .page { line-height: 32px; } .page a,.page i { margin: 2px; height: 34px; min-width: 34px; padding: 0 10px; } }