/**视频中心**/ .video-banner { background: url(../images/video-banner.jpg) no-repeat; } .case-ban { width: 100%; overflow: hidden; position: relative; padding-bottom: 30px; } .banner { background-size: cover; height: 100vh; position: relative; display: flex; } .banner-text { margin: auto; text-align: center; margin-top: 12%; } .banner-text h1 { font-size: 68px; color: #FFF; margin-bottom: 25px; } .banner-text h3 { font-size: 36px; color: #FFF; margin-bottom: 27px; } .banner-text p { font-size: 16px; color: #FFF; margin-top: 27px; line-height: 30px; } .banner-icon { position: absolute; left: 50%; margin-left: -23px; bottom: 30px; cursor: pointer; } .video-main { background-color: #f3f4f6; padding-bottom: 60px; } .video-list { padding-top: 48px; } .video-list ul li { width: 31.33%; margin-left: 1%; margin-right: 1%; float: left; /* margin-top: 25px; */ } .video-list ul li a p { text-align: center; font-size: 18px; color: #333333; margin-top: 20px; min-height: 50px; } .video-list-img { position: relative; overflow: hidden; } .video-list-img img { transition: all 0.5s; } .video-list-img .video-list-icon { position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -28px; } .video-list ul li a:hover .video-list-img img { transform: scale(1.1); } .video-list ul li a:hover .video-list-img .video-list-icon img { transform: scale(1.0); } .news-detail { padding-top: .25rem; background: #f8f8f8; } /*招标信息列表*/ .bid-list { overflow: hidden; } .bid-list-main li { width: 100%; float: left; overflow: hidden; position: relative; } .bid-list-main li.cur:before { background: #e3e3e3; display: none; } .bid-list-main li.cur .text button { background: #e3e3e3 } .bid-list-main li.cur .text button:hover { background: #e3e3e3 } .bid-list-main li.cur .text span { color: #ff0b0b } .bid-list-main li i { font-style: normal } .bid-list-main li:before { content: ""; position: absolute; top: -45px; left: 0; transform: perspective(45px) scaleY(1) rotateX(9deg) rotateZ(-45deg); transform-origin: bottom; background: #e20001; width: 240px; height: 24px; } .bid-list-main li:after { content: '新'; position: absolute; left: 30px; top: 30px; font-size: 18px; color: #fff; transform: rotateZ(-45deg); } .bid-list-main li.cur:after { display: none; !important; } .bid-list-main li:nth-child(2n):before { content: ""; top: 30px; right: 0; left: 90%; transform: perspective(45px) scaleY(1) rotateX(9deg) rotateZ(45deg); transform-origin: bottom; height: 30px; } .bid-list-main li:nth-child(2n):after { left: 97%; top: 24px; transform: rotateZ(45deg); } .bid-list-main li:nth-child(2n) .pic { float: left; width: 50%; } .bid-list-main li:nth-child(2n) .text { float: right; width: 50%; } .bid-list-main li .pic { float: right; width: 50%; height: 470px; display: flex; justify-content: center; flex-direction: column; } .bid-list-main li .pic img { width: 100%; height: 100%; object-fit: cover; } .bid-list-main li .text { float: left; width: 50%; height: 470px; padding: 70px; background: #e5f1fd; } .bid-list-main li .text .tie { font-size: 35px; color: #000; } .bid-list-main li .text .desc { font-size: 18px; color: #666; margin: 30px 0 50px 0; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .bid-list-main li .text button { float: left; display: block; width: 120px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background: #e20001; border: none; margin-right: 40px; } .bid-list-main li .text span { float: left; display: block; height: 40px; line-height: 40px; font-size: 16px; padding: 0 20px; color: #000; text-align: center; background: #e3e3e3; } .bid-list-main li .text button:hover { background: #bc1313 } .news-detail .main-bd { padding-top: 30px; background-color: #fff; } .news-detail .main-bd-tit { padding: 0 5vw 0; text-align: center; border-bottom: 1px solid #e1e1e1; } .news-detail .main-bd-tit .tit { padding-bottom: .2rem; font-size: .24rem; } .news-detail .main-bd-tit .p { padding-bottom: .3rem; color: #999; font-size: .14rem; } .news-detail .main-bd-con { padding: .4rem 5vw; border-bottom: 1px solid #e1e1e1; color: #666; } .news-detail .main-bd-con img, .news-detail .main-bd-con video, .news-detail .main-bd-con iframe { max-width: 100%; height: auto; } .news-detail .main-bd-ft { padding: .2rem 5vw .5rem; } .news-detail .main-bd-ft p { color: #666; margin-bottom: .2rem; vertical-align: middle; } .news-detail .main-bd-ft p a { display: inline-block; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .news-detail .main-bd-ft p a:hover { color: #ca282e; text-decoration: underline; } .news-detail .main-bd-ft .side { margin-left: .2rem; } .news-detail .main-bd-ft .back { display: inline-block; width: 1.3rem; height: .4rem; line-height: .38rem; border-radius: .4rem; text-align: center; color: #ca282e; border: 1px solid #ca282e; transition: all .3s; } .news-detail .main-bd-ft .back:hover { color: #fff; background-color: #ca282e; } .news-detail .main-side { width: 3.8rem; margin-left: .25rem; } .news-detail .main-side-item { padding-bottom: .4rem; background-color: #fff; } .news-detail .main-side-tit { padding: .3rem 2vw; margin-top: 0; color: #666; font-size: .18rem; border-bottom: 1px solid #e1e1e1; } .news-detail .main-side-list { padding: 0 2vw; } .news-detail .main-side-list-item { margin-top: .3rem; } .news-detail .main-side-list .d-flex { align-items: center; } .news-detail .main-side-list .img { width: .8rem; margin-right: .2rem; } .news-detail .main-side-list .img img { width: 100%; } .news-detail .main-side-list .txt { overflow: hidden; } .news-detail .main-side-list .txt .tit { width: 100%; padding-bottom: .06rem; color: #666; } .news-detail .main-side-list .txt .p { color: #999; font-size: .14rem; } .news-detail .main-side-relation { padding: 2vw; color: #666; } .d-flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; } .flex-1 { flex: 1; } @media (max-width: 1200px) { .d-flex { display: block; } .d-flex .flex-1 { width: 100%; padding: 0; margin: 0.2rem 0; } } .layout-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; } .layout-row-bd { max-width: 100%; flex: 1; } .layout-row-side { max-width: 100%; } @media (max-width: 1200px) { .layout-row { display: block; } } /**分页**/ .fy { text-align: center; margin-top: 40px; margin-bottom: 40px; font-size: 0; } .fy span, .fy a { display: inline-block; margin-left: 5px; margin-right: 5px; width: 40px; height: 40px; font-size: 16px; color: #333; line-height: 40px; transition: all .3s; vertical-align: middle; } .fy a:first-of-type:before, .fy a:last-of-type:before { content: '<'; display: block; width: 100%; height: 100%; } .fy a:last-of-type:before { content: '>'; } .fy a:hover { background-color: #ca282e; color: #FFF; border-radius: 50%; } .fy span { background-color: #ca282e; color: #FFF; border-radius: 50%; } .fy label { display: none; } .next { position: static; top: 0%; right: 0px; width: auto; height: auto; background: none; z-index: 9; text-align: center; padding-top: 0px; } /**修改**/ .bottom-tab ul li a .bottom-tab-img { position: relative; } .bottom-tab ul li a:hover .bottom-tab-img:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-color: rgba(200, 35, 38, 0.7); } .bottom-tab ul li.active a .bottom-tab-img:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-color: rgba(200, 35, 38, 0.7); } /**修改结束**/ .bottom-tab ul li { width: 16.66%; float: left; } .bottom-tab ul li a { display: block; position: relative; } .bottom-tab ul li a .bottom-text { position: absolute; top: 20px; left: 30px; z-index: 9; } .bottom-tab ul li a .bottom-text h4 { font-size: 20px; color: #ffffff; margin-bottom: 5px; } .bottom-tab ul li a .bottom-text p { font-size: 14px; color: #FFF; } .bottom-tab ul li p { font-size: 18px; color: #FFF; } /**案例中心**/ .case { background-color: #f7f7f7; padding-top: 10px; margin-top: -10px; padding-bottom: 75px; } .case-banner { background: url(../images/case-banner.jpg) no-repeat; background-size: cover; } .case-title { margin-top: 45px; margin-bottom: 20px; } .case-title h2 { font-size: 48px; color: #333333; float: left; } .case-title .case-tab { float: right; margin-top: 15px; } .case-title .case-tab ul li { display: inline-block; margin-left: 10px; } .case-title .case-tab ul li a { display: block; padding: 15px 10px; font-size: 16px; color: #333333; border: 1px solid #dedede; width: 157px; text-align: center; border-radius: 8px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .case-title .case-tab ul li a:hover { color: #ca282e; border: 1px solid #ca282e; } .case-title .case-tab ul li.active a { color: #ca282e; border: 1px solid #ca282e; } .case-list ul li { margin-top: 50px; } .case-list ul li a { display: block; background-color: #FFF; position: relative; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .case-list ul li a dl dt { width: 35%; float: left; } .case-list ul li a dl dd { width: 50%; float: left; padding: 75px 90px 10px 90px; } .case-list ul li a dl dd h3 { font-size: 36px; color: #333333; margin-bottom: 30px; } .case-list ul li a dl dd p { font-size: 16px; color: #757575; line-height: 30px; } .case-list ul li a dl dd.case-list-icon { position: absolute; top: 50%; right: 0px; width: 15%; float: right; text-align: center; padding: 0px; margin-top: -30px; } .case-list ul li a dl dd.case-list-icon span { display: inline-block; width: 60px; height: 60px; background: url(../images/case-icon1.png) no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .case-list { margin-bottom: 80px; } .case-list ul li a:hover { box-shadow: 8px 8px 15px #e3e4e5; } .case-list ul li a:hover dl dd.case-list-icon span { background: url(../images/case-icon1-2.png) no-repeat; } /* .case-list ul li a dl dd.case-list-icon img{ } */ /**专家团队**/ .team-banner { background: url(../images/team-banner.jpg) no-repeat; } .team-main { background-color: #f7f7f7; padding-top: 50px; padding-bottom: 125px; } .team-main ul li { margin-top: 30px; } .team-main ul li a { display: block; background-color: #FFF; border-radius: 6px; } .team-main ul li a dl dt { width: 16%; float: left; } .team-main ul li a dl dd { width: 84%; float: left; padding: 70px 75px; } .team-main ul li a dl dd h5 { font-size: 16px; color: #333333; border-bottom: 1px dashed #cccccc; margin-bottom: 18px; } .team-main ul li a dl dd h5 span { font-size: 36px; color: #333333; margin-right: 20px; display: inline-block; padding-bottom: 18px; position: relative; /* border-bottom: 4px solid #c6171c; */ } .team-main ul li a dl dd h5 span:after { content: ""; position: absolute; left: 0px; bottom: -1px; height: 4px; width: 100%; background-color: #c6171c; } .team-main ul li a dl dd p { font-size: 16px; color: #757575; line-height: 33px; } /**N+标准化列表**/ .case .n-standard-main { margin-top: 30px; margin-bottom: 95px; } .case .n-standard-main ul li { margin-top: 95px; } .case .n-standard-main ul li a { display: block; background-color: #FFF; padding: 60px 165px 50px 70px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .case .n-standard-main ul li a:hover { box-shadow: 8px 8px 15px #e3e4e5; } .case .n-standard-main ul li a .standard-title { position: absolute; top: -49px; left: 70px; width: 397px; height: 85px; text-align: center; background: url(../images/standard-tab.png) no-repeat; } .case .n-standard-main ul li a .standard-title h2 { font-size: 32px; color: #FFF; } .case .n-standard-main ul li a .standard-text .stand-text p { font-size: 16px; color: #757575; line-height: 32px; } .case .n-standard-main ul li a .standard-text .stand-text { padding-bottom: 20px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 25px; } .case .n-standard-main ul li a .standard-text dl dd { width: 31.33%; float: left; background-color: #f7f7f7; padding: 35px 45px; margin-right: 3%; } .case .n-standard-main ul li a .standard-text dl dd:last-of-type { margin-right: 0; } .case .n-standard-main ul li a .standard-text dl dd h3 { font-size: 24px; color: #424242; margin-top: 0px; margin-bottom: 10px; margin-bottom: 20px; } .case .n-standard-main ul li a .standard-text dl dd p { font-size: 16px; color: #757575; margin-bottom: 0px; } .case .n-standard-main ul li a .standard-icon { position: absolute; top: 50%; right: 55px; } .case .n-standard-main ul li a .standard-icon span { display: inline-block; width: 60px; height: 60px; margin-top: -30px; background: url(../images/case-icon1.png) no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .case .n-standard-main ul li a:hover .standard-icon span { background: url(../images/case-icon1-2.png) no-repeat; } /**N+标准化详情**/ .n-standard-xq { margin-top: 100px; padding-top: 20px; } .n-standard-xq .wz p { font-size: 14px; color: #999999; } .n-standard-xq .wz p a { font-size: 14px; color: #999999; margin-left: 3px; margin-right: 3px; } .n-standard-xq .wz p a:hover { color: #ca282e; } .n-standard-xq-text { margin-top: 30px; padding-bottom: 80px; } .n-standard-xq-text .n-standard-left { width: 40%; float: left; } .n-standard-xq-text .n-standard-left .sp-image { width: 100%; } .n-standard-xq-text .n-standard-right { width: 100%; border: 1px solid #d9d9d9; padding: 0 40px; } .n-standard-xq-text .n-standard-right .n-standard-text { margin-top: 50px; padding-bottom: 20px; } .n-standard-xq-text .n-standard-right .n-standard-text .title { border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px; } .n-standard-xq-text .n-standard-right .n-standard-text .title h3 { font-size: 28px; color: #333333; margin-bottom: 20px; text-align: center; } .n-standard-xq-text .n-standard-right .n-standard-text .title p { text-align: center; color: #8c8c8c; font-size: 14px; } .n-standard-xq-text .n-standard-right .n-standard-text .title p span:first-child { margin-right: 26px; } .n-standard-xq-text .n-standard-right .n-standard-text .content { padding: 30px 0 0; } .n-standard-xq-text .n-standard-right .n-standard-text .contet p { font-size: 16px; color: #757575; line-height: 2; } .n-standard-xq-text .n-standard-right .n-standard-text .content ul li { background: none; padding: 0; width: auto; float: none; margin: auto; list-style: square; } .n-standard-xq-text .n-standard-right .n-standard-btn { margin: 30px 0 } .n-standard-right ul { margin-top: 20px; } .n-standard-right ul li { background-color: #f7f7f7; padding: 30px 35px; width: 48.5%; float: left; margin-right: 3%; } .n-standard-right ul li h3 { margin-top: 5px; font-size: 24px; margin-bottom: 13px; } .n-standard-right ul li p { font-size: 16px; color: #757575; } .n-standard-btn a { display: inline-block; padding: 0 20px; height: 43px; font-size: 16px; color: #09c8f8; margin-right: 20px; text-align: center; line-height: 43px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .n-standard-btn a:hover { background-color: #ca282e; color: #FFF; } .n-standard-main { background-color: #f7f7f7; padding-top: 50px; padding-bottom: 50px; } .n-standard-main .n-standard-text { background-color: #FFF; } .n-standard-main .n-standard-text .n-standard-text-left { padding: 30px 60px 50px 60px; border-right: 1px solid #f1f3f3; width: 100%; float: left; } .n-standard-main .n-standard-text .n-standard-text-right { width: 50%; float: left; padding: 30px 60px 50px 60px; } .n-stan-x { height: 10px; width: 100%; background-color: #dbdddd; border: 1px solid #c9c9c9; margin-top: 20px; } .n-stan-x span { display: block; width: 40%; height: 8px; background-color: #5e5c5c; } .n-standard-text h2 { font-size: 28px; font-weight: bold; color: #5e5c5c; margin-top: 20px; padding-bottom: 15px; border-bottom: 2px solid #9b9b9b; margin-bottom: 15px; } .n-standard-text p { font-size: 16px; color: #737171; line-height: 26px; } .n-standard-zd { margin-top: 60px; } .n-standard-zd h5 { font-size: 16px; color: #5e5c5c; font-weight: bold; margin-top: 20px; } .n-standard-zd img { margin-top: 28px; } .n-standard-text-right h4 { font-size: 18px; color: #5e5c5c; margin-top: 20px; margin-bottom: 10px; font-weight: bold; } .n-standard-text-right h4 span { color: #c72025; } .n-standard-td { margin-top: 80px; } .n-standard-td h5 { font-size: 16px; margin-top: 25px; margin-bottom: 15px; } .n-standard-td .n-strand-xq-fan li { float: left; width: 31.33%; margin-left: 1%; margin-right: 1%; text-align: center; } .n-standard-td .n-strand-xq-fan li p { margin-top: 10px; } .n-strand-xq-jc { margin-top: 30px; } .n-strand-xq-jc li { width: 16%; float: left; text-align: center; } .n-strand-xq-jc li.n-sm-jt { width: 5%; margin-top: 30px; } .n-strand-xq-jc li p { font-size: 12px; } .cont-from { float: left; overflow: hidden; width: 100%; margin-top: 60px; } .cont-from .tie { font-size: 35px; text-align: center; color: #000; margin-bottom: 40px; } .cont-from .input_out { width: 35%; height: 50px; margin: 0 auto; display: block; margin-bottom: 40px; padding-left: 20px; } .cont-from .upload { margin: 0 auto; width: 35%; margin-bottom: 40px; position: relative; } .cont-from .upload .file { opacity: 0; -ms-filter: 'alpha(opacity=0)'; background: #000; position: relative; width: 220px; height: 40px; position: absolute; top: 20px; left: 0; cursor: pointer; z-index: 99; } .cont-from .upload .filetxt { width: 100%; } .cont-from .upload .remove-this { width: 14px; height: 14px; line-height: 14px; font-size: 12px; border-radius: 100px; background: #d60b0b; font-weight: lighter; transform: rotateZ(45deg); float: left; display: inline-block; margin-left: 10px; } .cont-from .upload a { display: block; width: 220px; height: 40px; background: #030c8a url(../images/icon-upload.png)no-repeat left; font-size: 16px; color: #fff; text-align: center; line-height: 40px; background-size: 15%; background-position-x: 12px; transition: .5s all; -webkit-transition: .5s all; } .cont-from .upload a:hover { background: #030eb1 url(../images/icon-upload.png)no-repeat left; background-size: 15%; background-position-x: 12px; } .uploader-list { overflow: hidden; float: left; width: 100%; margin-top: 10px; } .uploader-list .item { float: left; width: 32%; margin-right: 2%; } .uploader-list .item:nth-child(3n) { margin-right: 0; } .uploader-list .item h4 { float: left; font-size: 14px; color: #000; margin-right: 10px; margin-bottom: 0; margin-top: 0; } .uploader-list .item p { font-size: 12px; color: #1710cf; float: left; } .progress { width: 100%; height: 4px; } .cont-from .submit { width: 120px; height: 40px; line-height: 40px; background: #e61010; font-size: 16px; color: #fff; display: block; margin: 30px auto; border: none; } .cont-from .submit:hover { background: #000 } .cont-from textarea { width: 35%; height: 120px; margin: 0 auto; display: block; padding: 20px; } .cont-from .toemail { margin: 0 auto; width: 35%; } .cont-from .toemail span { font-size: 16px; color: #000; } .stand-img { margin-top: 40px; } .fye { margin-top: 60px; } .fye .fye-left { width: 50%; float: left; text-align: left; } .fye p { font-size: 16px; color: #333333; } .fye p a { font-size: 16px; color: #333333; } .fye p a:hover { color: #c72025; } .fye .fye-right { width: 50%; float: left; text-align: right; } .n-case-list { padding-top: 50px; padding-bottom: 50px; } .n-case-list ul li .n-case-img { height: 352px; } .n-case-list ul li .n-case-img img { width: 100%; height: 100%; object-fit: cover; } .n-case-list ul li { width: 31.33%; margin-right: 3%; float: left; color: #09c8f8; } .n-case-list ul li:nth-child(3) { margin-right: 0; } .n-case-list ul li p { font-size: 16px; color: #09c8f8; margin-top: 15px; } /**标准化详情**/ .standard-xq-main { margin-top: 50px; background-color: #f7f7f7; padding-bottom: 55px; } .standard-xq-main .standard-tab ul li { float: left; } .standard-xq-main .standard-tab ul li a { display: inline-block; padding: 20px 30px; color: #757575; font-size: 18px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .standard-xq-main .standard-tab ul li a:hover { color: #FFF; background-color: #ca282e; } .standard-main-text { margin-top: 49px; } /**案例详情**/ .case-xq-main { background-color: #f7f7f7; padding-top: 10px; padding-bottom: 50px; } .case-xq-main .case-xq-text { margin-bottom: 50px; } .case-xq-main .case-xq-text h3 { font-size: 30px; margin-top: 40px; color: #333333; margin-bottom: 20px; } .case-xq-main .case-xq-text h5 { font-size: 16px; color: #757575; margin-bottom: 5px; } .case-xq-main .case-xq-text p { font-size: 16px; color: #757575; margin-bottom: 0px; line-height: 32px; } .case-xq-main .case-xq-text h4 { font-size: 16px; color: #333333; margin-bottom: 8px; } /**企业文化**/ .culture-banner { background: url(../images/culture-banner.jpg) no-repeat; } .culture-main { margin-top: 90px; margin-bottom: 90px; } .culture-main .culture-main-list { padding-left: 20px; padding-right: 20px; } .culture-main ul li .culture-img { width: 25%; float: left; position: relative; } .culture-main ul li .culture-img .culture-text { position: absolute; top: 130px; left: 0px; width: 100%; text-align: center; } .culture-main ul li .culture-img .culture-text h3 { font-size: 36px; color: #ffffff; margin-bottom: 15px; } .culture-main ul li .culture-img .culture-text p { font-size: 14px; color: #FFF; } /**发展历程**/ .course-banner { background: url(../images/course-banner.jpg) no-repeat; } .course-main { padding-top: 78px; padding-bottom: 80px; } .course-main .course-icon span { display: block; width: 23px; height: 23px; border: 1px solid #757575; border-radius: 50%; text-align: center; float: left; margin-right: 10px; margin-top: 5px; position: relative; } .course-main .course-icon { position: relative; } .course-main .course-icon p { float: left; font-size: 24px; color: #757575; } .course-main .course-icon span i { display: inline-block; width: 10px; height: 10px; background-color: #757575; border-radius: 50%; line-height: 23px; } .course-main .course-icon span::after { content: ""; position: absolute; top: 10px; left: 0px; width: 8px; height: 66px; /* background: url(../images/fzlc-bg.png) no-repeat; */ } .course-main .sp-slide { padding: 20px; } .course-main .course-text { height: 760px; border-radius: 20px; box-shadow: 0px 0px 15px #ccc; padding: 60px 75px; } .course-main .course-text h3 { font-size: 36px; color: #333333; margin-bottom: 30px; } .course-main .course-text h3 span { font-size: 16px; color: #757575; position: relative; } .course-main .course-text p { font-size: 16px; color: #757575; margin-bottom: 30px; } .sp-left-thumbnails, .sp-right-thumbnails { position: absolute; top: 68px; } .course-main .sp-selected-thumbnail .course-icon span { border: 1px solid #c82326; } .course-main .sp-selected-thumbnail .course-icon span i { background-color: #c82326; } .course-main .sp-selected-thumbnail .course-icon::before { content: ""; position: absolute; top: 0px; right: -40px; width: 3px; height: 36px; background-color: #c82326; z-index: 99; } .course-main .sp-selected-thumbnail .course-icon::after { content: ""; position: absolute; top: 0px; right: -30px; width: 7px; height: 36px; background-color: #c82326; z-index: 99; } .sp-thumbnails-container { overflow: visible; } .sp-thumbnail-container { overflow: visible; } .course-text { position: relative; } .course-text .course-text-icon { position: absolute; top: 235px; right: 0px; } .course-text .course-text-icon h1 { font-size: 212px; color: #757575; font-weight: bold; transform: rotate(90deg); opacity: 0.3; } .course-text-main { height: 520px; overflow-y: scroll; } .course-text-main::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .course-text-main::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 3px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; } .course-text-main::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } /**关于我们**/ .about-banner { background: url(../images/about-banner.jpg) no-repeat; background-size: cover; position: relative; } .about-banner-tab { position: absolute; bottom: 0px; left: 0px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.9); } .about-banner-tab ul li { width: 20%; float: left; border-right: 1px solid rgba(255, 255, 255, 0.9); } .about-banner-tab ul li a { display: block; padding: 30px; font-size: 24px; color: #FFF; text-align: left; } .about-banner-tab ul li a span { float: right; } .about-pt { padding-top: 48px; padding-bottom: 48px; } .about-pt dl dt { width: 50%; float: left; } .about-pt dl dt h1 { font-size: 48px; color: #333333; margin-top: 0px; margin-bottom: 20px; } .about-pt dl dt a { font-size: 16px; color: #757575; } .about-pt dl dd { width: 50%; float: left; } .about-pt dl dd p { font-size: 16px; color: #757575; line-height: 32px; } .index-about-pt { background: url(../images/index-pt-bg.jpg) no-repeat center bottom; background-size: cover; position: relative; /* height: 100vh; */ padding: 8% 0; } .index-about-pt .bg_container { margin: auto; width: 100%; height: 100%; } .index-bg-main { width: 76%; height: 100%; margin: auto; position: relative; } .index-bg-main .index-bg-img { display: flex; height: 100%; width: 100%; margin: auto; } .index-bg-img a { margin: auto; display: block; } .index-bg-img a img { width: 96%; display: block; margin: auto; } .index-bg-main .pt-xts { left: 5%; top: 10%; } .index-bg-main .pt-cjs { left: 0%; bottom: 10%; } .index-bg-main .pt-yts { right: 5%; top: 10%; } .index-bg-main .pt-scs { right: 0%; bottom: 10%; } .index-bg-main .pt-ci { position: absolute; width: 240px; height: 240px; cursor: pointer; background: url(../images/index-pt-icon1.png)center no-repeat; background-size: cover; display: flex; z-index: 10; } .index-bg-main .pt-ci h3 { margin: auto; } .index-bg-main .pt-ci h3 a { font-size: 30px; color: #ffffff; text-align: center; } /* .index-pt-main .pt-icon{ position: absolute; width: 244px; height: 241px; cursor: pointer; background: url(../images/index-pt-icon1.png) no-repeat; } */ /**修改**/ .index-about-pt .index-pt-main .index-pt-img { width: 60%; margin: 0 auto; position: relative; } .index-about-pt .index-pt-main .index-pt-img .index-pt-btn { position: absolute; width: 216px; height: 61px; top: 452px; left: 50%; margin-left: -107px; cursor: pointer; } .tk { position: absolute; left: 0px; bottom: 0px; background-color: #FFF; width: 100% !important; height: calc(100% - 101px) !important; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; z-index: 99; overflow-y: scroll; display: none; } .tk-mean { position: fixed; top: 30px; right: 40px; width: 45px; height: 45px; z-index: 99999; cursor: pointer; } .tk-mean .menu-top { top: 10px; display: inline-block; -webkit-transform: translate(0, 7px) rotate(45deg); -ms-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg); } .tk-mean span { position: absolute; width: 26px; height: 2px; left: 50%; /* margin-left: -2.68519vw; */ background-color: #333333; -webkit-transition: background-color .2s, opacity .2s, -webkit-transform .4s ease-out; transition: background-color .2s, opacity .2s, -webkit-transform .4s ease-out; -o-transition: background-color .2s, opacity .2s, -o-transform .4s ease-out; -moz-transition: background-color .2s, opacity .2s, transform .4s ease-out, -moz-transform .4s ease-out; transition: background-color .2s, opacity .2s, transform .4s ease-out; transition: background-color .2s, opacity .2s, transform .4s ease-out, -webkit-transform .4s ease-out, -moz-transform .4s ease-out, -o-transform .4s ease-out; transition: background-color .2s, opacity .2s, transform .4s ease-out, -webkit-transform .4s ease-out; } .tk-mean .menu-bottom { -webkit-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg); top: 24px; } .tk .tk-text { padding: 80px 10px 10px 10px; height: 100%; } /**修改结束**/ .index-pt-main .pt-xt { top: 50px; left: 130px; padding-top: 68px; } .index-pt-main .pt-icon h3 { font-size: 34px; color: #ffffff; text-align: center; } .index-pt-main .pt-cj { bottom: 70px; left: 50px; padding-top: 68px; } .index-pt-main .pt-yt { top: 70px; right: 135px; padding-top: 68px; } .index-pt-main .pt-sc { bottom: 70px; right: 50px; padding-top: 55px; } .index-pt-main .pt-sc h3 { font-size: 28px; } .about-list { border-bottom: 1px solid #e6e6e6; } .about-list ul li dl dt { width: 50%; float: left; } .about-list ul li dl dd { width: 50%; float: left; padding: 120px 10.52% 80px 110px; } .about-list ul li dl dd h2 { font-size: 48px; color: #333333; margin-bottom: 20px; } .about-list ul li dl dd p { margin-bottom: 0px; font-size: 16px; color: #757575; line-height: 30px; } .about-yf { padding-top: 70px; } .about-yf .about-yf-title { text-align: center; margin-bottom: 43px; } .about-yf .about-yf-title h2 { font-size: 48px; color: #333333; margin-bottom: 30px; } .about-yf .about-yf-title p { font-size: 16px; color: #757575; line-height: 30px; } .about-yf .about-yf-list ul li { width: 33.33%; float: left; } .about-yf .about-yf-list ul li a { display: block; position: relative; } .about-yf .about-yf-list ul li a .about-yf-text { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 15px 35px; } .about-yf .about-yf-list ul li a .about-yf-text h4 { width: 60%; float: left; font-size: 24px; color: #FFF; margin-bottom: 0px; } .about-yf .about-yf-list ul li a .about-yf-text span { float: right; } .about-yw { padding-top: 30px; padding-bottom: 25px; } .about-yw dl dt { width: 50%; float: right; padding-right: 5%; } .about-yw dl dd { width: 100%; padding-top: 150px; padding-bottom: 100px; text-align: center; } .about-yw dl dd h2 { font-size: 48px; color: #333333; margin-bottom: 20px; } .about-yw dl dd p { font-size: 16px; color: #757575; line-height: 32px; width: 54%; margin: 0 auto; } .about-yw dl dd ul{ display: flex; justify-content: center; } .about-yw dl dd ul li { width: 20%; } .about-yw dl dd ul { margin-top: 70px; } .about-yw dl dd ul li h1 { font-size: 60px; color: #333333; margin-bottom: 0px; } .about-yw dl dd ul li h1 span { font-size: 30px; color: #757575; } .about-yw dl dd ul li h1 span.about-yw-icon { font-size: 18px; } /**资讯热点**/ .new-banner { background: url(../images/new-banner.jpg) no-repeat; background-size: cover; } .new-main { padding-bottom: 50px; } .new-main .new-title { padding-top: 70px; margin-bottom: 40px; } .new-main .new-title h2 { font-size: 48px; color: #333333; float: left; margin-top: 10px; } .new-main .new-title .new-tab { float: right; text-align: right; margin-top: 25px; } .new-main .new-title .new-tab ul li { display: inline-block; margin-right: 10px; margin-left: 0; } .new-main .new-title .new-tab ul li a { font-size: 16px; color: #333333; padding: 18px 45px; border: 1px solid #e5e5e5; border-radius: 4px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .new-main .new-title .new-tab ul li a:hover { color: #ca282e; border: 1px solid #ca282e; } .new-main .new-title .new-tab ul li.active a { color: #ca282e; border: 1px solid #ca282e; } .new-main-text .top-banner { width: 100%; overflow: hidden; position: relative; padding-bottom: 70px; } .new-main-text a dl dt { width: 50%; float: left; } .new-main-text a dl dd { width: 50%; float: left; padding: 90px 30px 30px 70px; } .new-main-text a dl dd h3 { font-size: 36px; color: #333333; line-height: 50px; margin-bottom: 20px; } .new-main-text a dl dd h5 { font-size: 16px; color: #757575; margin-bottom: 20px; } .new-main-text a dl dd p { font-size: 16px; color: #757575; line-height: 28px; } .new-main-text .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .new-main-text .swiper-pagination-bullet-active { opacity: 1; background: #c6171c; } .new-list { background-color: #f7f7f7; padding-top: 35px; padding-bottom: 50px; } .new-list .new-list-main { margin-bottom: 40px; } .new-list .new-list-main li { width: 31.33%; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; } .new-list .new-list-main li a img { width: 100%; height: 280px; } .new-list .new-list-main li a .new-list-text { padding: 18px 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .new-list .new-list-main li .new-list-text h5 { font-size: 14px; color: #999999; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .new-list .new-list-main li .new-list-text p { height: 50px; overflow: hidden; font-size: 18px; color: #333333; line-height: 25px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .new-list .new-list-main li a:hover .new-list-text { background-color: #FFF; } .new-list .new-list-main li a:hover .new-list-text p { color: #c72226; } /**加入我们**/ .join-banner { background: url(../images/join-banner.jpg) no-repeat; background-size: cover; } .join-main { margin-top: 50px; padding-bottom: 100px; } .join-main .join-title ul li { width: 25%; float: left; padding: 15px 10px 15px 30px; } .join-main .join-title { border-bottom: 1px solid #eaeaea; } .join-main .join-title ul li h5 { font-size: 16px; color: #757575; } .join-main .join-list { border-bottom: 1px solid #eaeaea; margin-bottom: 10px; } .join-main .join-list .join-list-title { position: relative; cursor: pointer; } .join-main .join-list .join-list-title ul li { width: 25%; float: left; padding: 18px 10px 18px 30px; } .join-main .join-list .join-list-title ul li p { margin-bottom: 0px; font-size: 16px; color: #757575; } .join-main .join-list .join-list-title .join-icon { width: 23px; height: 18px; background: url(../images/join-icon.png) no-repeat center; position: absolute; top: 50%; margin-top: -9px; right: 20px; } .join-list-text-title ul li { width: 25%; float: left; padding: 18px 10px 18px 30px; } .join-list-text-title ul li p { font-size: 16px; color: #757575; } .join-list-text-title { margin-top: 30px; border-bottom: 1px solid #eaeaea; } .join-list-text-title ul li p span { color: #2e2e2e; } .join-list-nr { padding: 40px; } .join-list-nr h3 { font-size: 24px; color: #000; margin-bottom: 25px; } .join-list-nr p { font-size: 16px; color: #757575; } .join-list-nr .join-td { margin-top: 40px; } .join-list-nr .join-td dl dt { /* width: 25%; */ float: left; margin-right: 20px; } .join-list-nr .join-td dl dt a { font-size: 14px; color: #757575; display: inline-block; padding: 15px 50px; background-color: #ededed; } .join-list-nr .join-td dl dd { float: left; margin-top: 13px; } .join-list-nr-icon { margin-top: 78px; text-align: center; } .join-list-text { overflow: hidden; height: 0px; } .join-list-active .join-list-text { height: auto; display: none; } .join-list-main .on .join-list-text { display: block; } .join-list-active .join-list-title { background-color: #c6171c; } .join-main .join-list.join-list-active .join-list-title ul li p { color: #FFF; } .join-main .join-list.join-list-active .join-list-title .join-icon { background: url(../images/join-icon1.png) no-repeat center; } /**联系我们**/ .contact { background-color: #f7f7f7; padding-bottom: 82px; } .contact .contact-text { margin-top: 40px; background-color: #FFF; } .contact .contact-text .contact-text-left { width: 50%; float: left; padding: 95px 88px 80px 88px; } .contact .contact-text .contact-text-left h3 { font-size: 36px; color: #333333; margin-bottom: 25px; } .contact .contact-text .contact-text-left ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .contact .contact-text .contact-text-left ul li { width: 50%; } .contact .contact-text .contact-text-left p { font-size: 16px; color: #757575; } .contact .contact-text .contact-text-left dl { margin-top: 40px; } .contact .contact-text .contact-text-left dl dt { width: 30%; float: left; margin-right: 1%; } .contact .contact-text .contact-text-left dl dt a { display: block; font-size: 16px; color: #757575; font-weight: normal; background-color: #e3e3e3; padding-top: 13px; padding-bottom: 13px; text-align: center; margin-bottom: 12px; } .contact .contact-text .contact-text-left dl dd { width: 21%; float: left; } .contact .contact-text .contact-text-right { width: 50%; float: left; } .contact-bs-list { margin-top: 70px; } .contact-bs-list h2 { font-size: 48px; color: #333333; margin-bottom: 35px; } .contact-bs-list ul li { width: 22.5%; float: left; margin-right: 2%; } .contact-bs-list ul li a { display: block; background-color: #FFF; } .contact-bs-list ul li a .contact-bs-text { padding: 18px 28px; min-height: 196px; } .contact-bs-list ul li a .contact-bs-text h3 { font-size: 24px; color: #333333; } .contact-bs-list ul li a .contact-bs-text p { font-size: 16px; color: #757575; margin-bottom: 0px; line-height: 26px; } .contact-ly { padding-top: 70px; padding-bottom: 70px; } .contact-ly h2 { font-size: 48px; color: #333333; margin-bottom: 30px; } .contact-ly ul li { width: 32.33%; float: left; margin-right: 1.5%; } .contact-ly ul li input { width: 100%; height: 60px; background-color: #f0f0f0; border: none; padding-left: 19px; font-size: 16px; color: #757575; } .contact-ly ul li input::placeholder { font-size: 16px; color: #757575; } .contact-ly form textarea { width: 100%; margin-top: 18px; background-color: #f0f0f0; border: none; padding-left: 20px; padding-top: 20px; } .contact-ly form textarea::placeholder { font-size: 16px; color: #757575; } .contact-ly form .sub { text-align: center; margin-top: 35px; } .contact-ly form .sub button { background-color: #c6171c; font-size: 16px; color: #ffffff; padding: 15px 125px; border: none; } /**修改**/ .contact .contact-text .contact-text-right { width: 50%; float: left; position: relative; } .contact .contact-text .contact-text-right .contact-text-right-btn { position: absolute; top: 50%; left: 50%; z-index: 1; } .contact .contact-text .contact-text-right .contact-text-right-btn a { display: inline-block; background-color: #c6171c; color: #FFF; font-size: 16px; padding: 10px 45px; border-radius: 5px; margin-left: -75px; margin-top: -22px; box-shadow: 0px 0px 12px #c6171c; } /**修改结束**/ /**合作伙伴**/ .partner-banner { background: url(../images/partner-banner.jpg) no-repeat; background-size: cover; } .partner-main { background-color: #f7f7f7; padding-bottom: 95px; } .partner-main .partner-hz { padding-top: 60px; } .partner-main .partner-hz .partner-hz-title h2 { font-size: 48px; color: #333333; } .partner-main .partner-hz .partner-hz-title p { font-size: 16px; color: #757575; } .partner-main .partner-hz .partner-hz-title { margin-bottom: 45px; } .partner-hz-main .partner-hz-list { width: 31.33%; margin-right: 3%; float: left; background-color: #ebebeb; min-height: 684px; } .partner-hz-main .partner-hz-list:last-of-type { margin-right: 0; } .partner-hz-list-title { text-align: center; padding-top: 12px; padding-bottom: 12px; } .partner-hz-list-title h3 { font-size: 30px; color: #ffffff; } .partner-hz-lan { background-color: #427ab2; } .partner-hz-fen { background-color: #a95a92; } .partner-hz-zi { background-color: #565f9b; } .partner-hz-list .partner-hz-list-text { padding: 25px 18px 10px 18px; } .partner-hz-list-text .top-banner { width: 100%; overflow: hidden; position: relative; padding-bottom: 30px; } .partner-hz-list-text ul li { width: 50%; float: left; margin-bottom: 10px; } .partner-hz-list-text ul li a { display: block; background-color: #FFF; text-align: center; padding-top: 10px; /* padding-bottom: 10px; */ position: relative; padding-left: 10px; padding-right: 10px; } .partner-hz-list-text ul li a p { font-size: 16px; color: #757575; margin-top: 10px; min-height: 45px; } .partner-hz-list-text ul li.active-x a::after { content: ""; position: absolute; top: 50px; left: 0px; width: 1px; height: 40px; background-color: #e5e5e5; z-index: 9; } .partner-hz-list-text .top-banner .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .partner-hz-list-text .top-banner .swiper-pagination-bullet-active { opacity: 1; background: #363636; } .partner-xm { margin-top: 70px; } .partner-xm h2 { font-size: 48px; color: #333333; margin-bottom: 40px; } .partner-xm-list ul li dl dt { width: 50%; float: left; } .partner-xm-list ul li:nth-of-type(2n) dl dt { float: right; } .partner-xm-list ul li:nth-of-type(2n) dl dd { float: right; } .partner-xm-list ul li dl dd { width: 50%; float: left; padding-right: 10.52%; padding-left: 100px; padding-top: 75px; } .partner-xm-list ul li dl dd h3 { font-size: 36px; color: #333333; line-height: 50px; margin-bottom: 15px; } .partner-xm-list ul li dl dd p { font-size: 16px; color: #757575; line-height: 32px; margin-bottom: 0px; } .partner-xm-list ul li dl dd span { display: inline-block; background-color: #ca282e; padding: 12px 60px; font-size: 16px; color: #FFF; margin-top: 50px; } .partner-list { padding-top: 50px; padding-bottom: 60px; } .partner-list ul li { width: 32.33%; float: left; margin-left: 0.5%; margin-right: 0.5%; /* margin-top:30px; */ } .partner-list ul li .partner-list-text { padding: 15px; min-height: 145px; } .partner-list ul li .partner-list-text h3 { font-size: 24px; color: #333333; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .partner-list ul li .partner-list-text p { font-size: 14px; color: #757575; } /**荣誉资质**/ .honor-banner { background: url(../images/honor-banenr.jpg) no-repeat; position: relative; } .honor-ry { padding-top: 70px; padding-bottom: 80px; } .honor-ry-title { margin-bottom: 35px; } .honor-ry-title h2 { font-size: 48px; color: #333333; } .honor-ry .honor-ry-list p { font-size: 18px; color: #333333; text-align: center; margin-top: 20px; } .honor-ry-lb { padding-bottom: 50px; } .honor-ry-lb ul { display: flex; justify-content: flex-start; flex-wrap: wrap; } .honor-ry-lb ul li { width: 32%; } .honor-ry-lb .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #ca282e; } .honor-rz { background-color: #f7f7f7; padding-top: 70px; padding-bottom: 80px; } .honor-rz-list p { font-size: 18px; color: #333333; text-align: center; margin-top: 20px; } .honor-zl { padding-top: 70px; padding-bottom: 80px; } /**771771威尼斯.Cm招商页**/ .merchants-partner { background: url(../images/zs-bg1.jpg) no-repeat center; background-size: cover; height: 100vh; display: flex; } .merchants-partner .mer-partner-text { margin: auto; text-align: center; } .merchants-partner .mer-partner-text h1 { font-size: 60px; color: #FFF; margin-bottom: 23px; } .merchants-partner .mer-partner-text h4 { font-size: 46px; color: #FFF; } .merchants-kf { background: url(../images/zs-bg2.jpg) no-repeat center; background-size: cover; height: 100vh; display: flex; } .merchants-kf .merchants-kf-box { margin: auto; width: 80%; } .merchants-kf .merchants-kf-box ul { display: flex; justify-content: space-between; } .merchants-kf .merchants-kf-box ul li { width: 48%; } .merchants-kf-box { padding-left: 54px; padding-right: 54px; padding-top: 190px; padding-bottom: 64px; position: relative; } .merchants-kf-box ul li h1 { font-size: 72px; color: #FFF; margin-bottom: 20px; } .merchants-kf-box ul li h4 { font-size: 30px; color: #ffffff; line-height: 45px; margin-bottom: 30px; min-height: 90px; } .merchants-kf-box::before { content: ""; position: absolute; top: 140px; right: 0px; width: 54px; height: 54px; background: url(../images/zs-icon2.png) no-repeat; } .merchants-kf-box::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 54px; height: 54px; background: url(../images/zs-icon1.png) no-repeat; } .merchants-lr { background: url(../images/zs-bg6.jpg) no-repeat center; background-size: cover; height: 100vh; } .merchants-lr-list { padding-top: 180px; } .merchants-lr-list ul li { width: 33.33%; float: left; text-align: center; } .merchants-lr-list ul li h1 { font-size: 85px; color: #FFF; } .merchants-fn { background: url(../images/zs-bg4.jpg) no-repeat center; background-size: cover; height: 100vh; } .merchants-fn .merchants-fn-main { padding-top: 140px; } .merchants-fn .merchants-fn-main .merchants-fn-title { text-align: center; } .merchants-fn .merchants-fn-main .merchants-fn-title h2 { font-size: 48px; color: #FFF; } .merchants-fn .merchants-fn-main .merchants-fn-list { margin-top: 95px; } .merchants-fn .merchants-fn-main .merchants-fn-list ul li { float: left; width: 16%; height: 16vw; text-align: center; position: relative; } .merchants-fn .merchants-fn-main .merchants-fn-list ul li img { width: 100%; } .merchants-fn .merchants-fn-main .merchants-fn-list ul li .merchants_te { margin: auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; } .merchants-fn .merchants-fn-main .merchants-fn-list ul li .merchants_te div { margin: auto; } .merchants-fn .merchants-fn-main .merchants-fn-list ul li h1 { font-size: 52px; color: #FFF; margin-bottom: 10px; } .merchants-fn .merchants-fn-main .merchants-fn-list ul li h3 { font-size: 40px; margin-top: 5px; color: #FFF; } .merchants-form { background: url(../images/zs-bg5.jpg) no-repeat center; background-size: cover; height: 100vh; display: flex; } .merchants-form .container-box { width: 90%; margin: auto; padding-top: 87px; } .merchants-form-box form ul { display: flex; justify-content: space-between; } .merchants-form-box form ul li { width: 22%; } .merchants-form-box form ul li input { width: 100%; height: 60px; padding-left: 15px; background-color: rgba(255, 255, 255, 0.6); border: none; font-size: 16px; color: #FFF; } .merchants-form-box form ul li input::placeholder { font-size: 16px; color: #FFF; } .merchants-form-box form ul li.last { width: 31%; margin-right: 0px; } .merchants-form-box form textarea { width: 100%; background-color: rgba(255, 255, 255, 0.6); border: none; margin-top: 16px; } .merchants-form-box form textarea::placeholder { font-size: 16px; color: #FFF; padding: 15px; } .merchants-form-box form .merchants-form-btn { text-align: center; margin-top: 16px; } .merchants-form-box form .merchants-form-btn button { font-size: 16px; color: #333; padding: 18px 175px; background-color: #FFF; border: 1px solid #FFF; } @media (min-width: 1200px) and (max-width: 1600px) { .case-list ul li a dl dd { width: 50%; float: left; padding: 17px 55px; } /**专家团队**/ .team-main ul li a dl dd { width: 84%; float: left; padding: 32px 46px; } } @media(max-width: 1750px) { .bottom-tab ul li a .bottom-text { position: absolute; top: 10px; left: 30px; z-index: 9; } } @media(max-width: 1550px) { .new-main-text a dl dd h3 { font-size: 26px; color: #333333; line-height: 38px; margin-bottom: 20px; } .new-main-text a dl dd { width: 50%; float: left; padding: 55px 30px 30px 70px; } .new-main .new-title .new-tab { width: 70%; float: right; text-align: right; margin-top: 25px; } .partner-hz-main .partner-hz-list { width: 31.33%; margin-right: 3%; float: left; background-color: #ebebeb; min-height: 644px; } } @media(max-width: 1350px) { .bottom-tab ul li a .bottom-text h4 { font-size: 18px; color: #ffffff; margin-bottom: 5px; } .bottom-tab ul li a .bottom-text { position: absolute; top: 7px; left: 30px; z-index: 9; } .bottom-tab ul li a .bottom-text p { font-size: 12px; color: #FFF; } } .new-banner .banner-text { margin: auto; } .partner-banner .banner-text { margin: auto; } .join-banner .banner-text { margin: auto; }