/*孙立宏2020.09.12*/ .Banner { position: relative; z-index: 5; overflow: hidden; } .slick-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/header_bg.png) repeat-x top, url(../../images/gb2020/banner_bg.png) repeat-x bottom; z-index: 0; } .slick-slide>a { display: block; position: relative; } .slick-img { display: block; height: 0; padding-bottom: 39.06%; overflow: hidden; } .slick-txt>span { box-sizing: border-box; padding-right: 240px; } .Banner .slick-dots { width: 240px; position: absolute; left: 50%; margin-left: 445px; bottom: 30px; text-align: right; } .Banner .slick-dots li.slick-active button, .Banner .slick-dots li:hover button { opacity: 1; } .Banner .slick-dots li { width: 38px; height: 38px; border-radius: 50%; } .Banner .slick-dots li button { border-radius: 0; text-indent: 0; font-size: 1.8rem; color: #fff; font-family: 'Arial'; } .Banner .slick-dots li button::before { display: none; } .Banner .slick-dots li.slick-active { background-color: #880506; border: 2px solid rgba(229, 229, 229, 0.5); } .content { position: relative; z-index: 15; background-color: #f8f8f8; } /*mode01*/ .mode1 { padding-top: 10px; padding-bottom: 25px; } .mode1>.gp-md-fl { width: 64.166%; } .listTitle1 { padding: 30px 0; ; } .more1 { font-size: 1.6rem; color: #999; } .item-info { width: 430px; } .item-img .gp-img-responsive { padding-bottom: 60.24%; } .item-txt { background-color: #f2f2f2; padding: 0 17px 35px 17px; } .item-date { width: 90px; height: 90px; background-color: #a40000; float: left; margin-top: -30px; position: relative; } .item-date strong, .item-date i { display: block; width: 48px; margin: 0 auto; font-style: normal; text-align: center; font-family: 'Arial'; } .item-date strong { padding: 12px 0 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 5px; line-height: 1; } .item-con { margin-left: 104px; overflow: hidden; padding-top: 15px; } .item-con h3 { line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 15px; } .item-con p { color: #999; line-height: 20px; height: 60px; overflow: hidden; } .bitj-list1 { margin-left: 450px; } .bitj-list1 li { position: relative; padding: 0 0 16px 20px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 17px; } .bitj-list1 li::before { content: ''; width: 6px; height: 6px; background-color: #e6e6e6; border-radius: 50%; position: absolute; left: 0; top: 8px; ; } .bitj-list1 li a { display: block; line-height: 21px; height: 42px; overflow: hidden; } .list-date2 { width: 36px; height: 60px; background-color: #a40000; float: left; } .list-date2 strong, .list-date2 i { display: block; text-align: center; font-family: 'Arial'; font-style: normal; font-weight: bold; } .list-date2 strong { padding: 10px 0 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .mode1>.gp-md-fr { width: 30.66%; } .bitj-list2 { padding: 0 0 30px; ; } .bitj-list2 li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; } .bitj-list2 li a { display: block; margin-left: 50px; height: 60px; line-height: 55px; ; } .bitj-list2 li a span { display: inline-block; line-height: 24px; max-height: 48px; overflow: hidden; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; } /*mode2*/ .wrap_mode2 { background: url(../images/m_bg1.jpg) no-repeat center; background-size: cover; } .bitj-list3 { margin: 0 -10px; padding: 40px 0 25px; } .bitj-list3 li { margin-bottom: 30px; } .bitj-list3 li>a { display: block; margin: 0 10px; position: relative; } .bitj-list3 span { width: 74px; float: left; position: relative; } .bitj-list3 li:first-child img { width: 94px !important; position: absolute; right: 0; display: block; max-width: none; } .bitj-list3 li h3 { font-weight: normal; color: #a40400; margin-bottom: 9px; white-space: nowrap; font-size: 2.1rem; } .bitj-list3 li p { color: #666; line-height: 18px; height: 36px; } .bitj-list3 li .ml89 { margin-left: 85px; } /*mode3*/ .wrap_mode3 { background: url(../images/m_bg2.jpg) no-repeat center; background-size: cover; } .mode3 { padding-bottom: 7px; } .tabMenu1 {} .tabMenu1 li { margin-right: 58px; ; } .tabMenu1 li a { display: block; padding: 48px 0; font-weight: bold; opacity: 0.5; ; } .tabMenu1 li.on a { opacity: 1; } .tabMore { float: right; padding: 48px 0 0; } .slick-list1 { margin: 0 -6px; ; }.slick-list1 .item-txt{ padding: 0; margin: 15px 0; background: none; text-align: center; } .slick-list1 .gp-img-responsive { padding-bottom: 74.827%; position: relative; } .slick-list1 .gp-img-responsive img{ width: 100%;transition: all 0.5s ease-in-out;max-width:none;position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);object-fit: cover;} .slick-list1 .gp-img-responsive img:hover{transform:scale(1.08) translate(-50%, -50%); } .item-txt2 { background-color: #945866; padding: 20px 27px 30px; position: relative; } .item-txt2::before { content: ''; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #945866; position: absolute; left: 50%; top: -17px; margin-left: -17px; } .item-txt2 h3 { font-weight: normal; margin-bottom: 20px; line-height: 24px; height: 48px; overflow: hidden; } .item-txt2 p { line-height: 22px; height: 88px; overflow: hidden; opacity: 0.5; } .tabMore a { display: none; } .slick-list1 .slick-slider>a { display: block; padding: 0 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .slick-list1 .slick-slider:nth-child(2n) .item-txt2::before { border-bottom: none; border-top: 17px solid #945866; top: auto; bottom: -17px; z-index: 500; } .slick-list1 .slick-slider.li2 .item-txt2 { background-color: #e3724e; } .slick-list1 .slick-slider.li2 .item-txt2::before { border-top: 17px solid #e3724e; } .slick-list1 .slick-slider.li3 .item-txt2 { background-color: #cb4231; } .slick-list1 .slick-slider.li3 .item-txt2::before { border-bottom: 17px solid #cb4231; } .slick-list1 .slick-slider.li4 .item-txt2 { background-color: #b9915f; } .slick-list1 .slick-slider.li4 .item-txt2::before { border-top: 17px solid #b9915f; } .slider-arrow2 { text-align: center; padding: 34px 0; } .slider-arrow2 span, .slick-dots2 { display: inline-block; vertical-align: middle; } .slick-dots2 ul { padding-top: 0; } .slick-dots2 li { width: 24px; height: 24px; text-indent: -8888em; background: url(../images/dot1.png) no-repeat center; margin: 0 8px; } .slider-arrow2 span { width: 38px; height: 38px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #fff; text-align: center; line-height: 38px; font-size: 2.5rem; margin: 0 15px; cursor: pointer; } .slick-dots2 li.slick-active { background: url(../images/dot1_on.png) no-repeat center; } .slider-arrow2 span:hover { background-color: #beab82; border-color: #beab82; } .tabListBox { display: none; } .mode4 { padding-bottom: 30px; padding-top: 15px } .mode4>.gp-md-fl { width: 64.166%; float: left; } .bitj-info2 { width: 300px; float: left; } .bitj-info2 .gp-img-responsive { padding-bottom: 66.66%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .bitj-txt { padding: 28px 0; border-bottom: 1px dashed #ccc; } .bitj-txt h3 { line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .bitj-txt strong { display: block; color: #a40000; font-family: 'Arial'; } .bitj-list4 { margin-left: 330px; } .bitj-list4 li { padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px dashed #d9d9d9; } .bitj-list4 li strong { border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 30px; margin: 0 auto; line-height: 1; padding: 6px 0 5px; margin-bottom: 2px; } .bitj-list4 li i { font-weight: normal; } .mode4>.gp-md-fr { width: 30.66%; float: right; } .slick-images2 { padding-bottom: 25px; } .slick-images2 .slick-arrow { transform: scale(0.6); top: calc(50% - 22px); } .slick-images2 .slick-prev { left: 0; } .slick-images2 .slick-next { right: 0; } .listTitle2 { /* text-align: center; */ } .slick-images2 .gp-img-responsive { padding-bottom: 62.368%; } .slick-images2 h3 { font-weight: normal; padding-top: 20px; text-align: center; } .wrap_mode5 { max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/m5_bg.jpg) no-repeat right center; } .mode5 { height: 560px; position: relative; } .video-con { width: 107%; height: 100%; position: absolute; right: 275px; background-color: #012870; } .video-con a { display: block; width: 100%; height: 100%; background-size: cover; opacity: 0.6; } .play { width: calc(100% - 275px); height: 100%; position: absolute; } .play a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/play.png) no-repeat center; } .video-con .gp-img-responsive { padding-bottom: 43.076%; } .listTitle3 { width: 275px; right: 0; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; } .listTitle3::before { content: ''; position: absolute; width: 44px; height: 94px; background: url(../images/arrow2.png) no-repeat right center; left: -44px; top: 50%; margin-top: -47px; } .listTitle3 h2 { font-weight: normal; } .readMore4 { width: 120px; margin: 0 auto; text-align: left; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-top: 95px; display: block; } /**/ .wrap_mode6 { background: url(../images/m_bg4.jpg) no-repeat center; background-size: cover; } .mode6 { padding-top: 80px; padding-bottom: 60px; } .bitj-list5 { margin: 0 -7.5px; } .bitj-list5 li>a { display: block; margin: 0 7.5px; position: relative; text-align: center; } .bitj-list5 li .gp-img-responsive { padding-bottom: 208.18%; } .item-link5 { position: absolute; left: 0; top: 25%; width: 100%; transition: all 0.35s ease-in-out; } .item-link5 .icon { width: 58px; display: block; margin: 0 auto 15px; } .item-link5 h3 { font-weight: normal; position: relative; padding-bottom: 15px; } .item-link5 h3::before { content: ''; width: 30px; height: 2px; background-color: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -15px; } .item-more5 { width: 118px; height: 38px; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -60px; bottom: 10%; line-height: 38px; opacity: 0.3; transition: all 0.35s ease-in-out; } .bitj-list5 li>a:hover .gp-img-responsive img { opacity: 1; transform: scale(1.3); } .bitj-list5 li>a:hover .item-more5 { opacity: 1; } .bitj-list5 li>a:hover .item-link5 { transform: translateY(-15px); } .slick-info2 { display: block; background-color: #fff; overflow: hidden; padding: 30px 20px; border-bottom: 2px solid #a40000; margin: 0 15px; position: relative; } .slick-list2 { margin: 0 -15px; } .slick-info2 .gp-img-responsive { padding-bottom: 133.3%; position: relative; } .slick-info2 .gp-fl { width: 150px; } .slick-txt2 { margin-left: 170px; overflow: hidden; } .slick-txt2 h3 { font-weight: normal; color: #e06c05; margin-bottom: 16px; } .slick-txt2 h4 { font-weight: normal; margin-bottom: 24px; } .slick-txt2 p { line-height: 22px; height: 110px; overflow: hidden; color: #999; } .mode7 { padding-bottom: 90px; } .slick-list2 .slick-arrow { transform: scale(0.7); } .slick-list2 .slick-prev { left: -27px; } .slick-list2 .slick-next { right: -27px; } .slick-info2:hover { border-bottom-color: #e06c05; } .addnewul li{ margin-bottom: 21px; } .addnewul a{ display: block; padding: 8px 0; padding-left: 10px; border-left: 5px solid #a40000; } .addnewul a .item-tit{ word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 7px; } .addnewul a .item-tit:last-child{ margin-bottom: 0; } @media screen and (min-width:1020px) { .item-info, .bitj-list1 li, .bitj-list2 li, .bitj-list3 li>a, .bitj-info2, .slick-images2, .bitj-list5 li>a { transition: all 0.4s ease-out } .item-info:hover { transform: translateY(-15px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .bitj-list1 li:hover, .bitj-list2 li:hover { transform: translateX(10px); } .bitj-list3 li>a:hover, .bitj-info2:hover, .slick-images2:hover, .bitj-list5 li>a:hover { transform: translateY(-10px); } } @media screen and (max-width:1386px) { .Banner .slick-dots { margin-left: 310px; } .item-info { width: 380px; } .bitj-list1 { margin-left: 400px; } .item-txt { padding-bottom: 40px; } .bitj-list3 li h3 { font-size: 1.8rem; } .play a { background-size: 60px; } .mode7 { padding-bottom: 70px; } .mode6 { padding-bottom: 40px; } .mode5 { height: 450px; } } @media screen and (max-width:1300px) { .Banner .slick-dots { margin-left: 260px; } .bitj-list3 span { width: 60px; } .bitj-list3 li .ml89 { margin-left: 70px; } .bitj-list3 li:first-child img { width: 76px !important; } .mode1 { padding-bottom: 0; } .mode4 { padding-bottom: 10px; } .mode6 { padding-top: 50px; padding-bottom: 30px; } .mode5 { height: 400px; } } @media screen and (max-width:1060px) { .Banner .slick-dots { display: none !important; } .slick-txt>span { padding-right: 0; } } @media screen and (max-width:996px) { .Banner .slick-arrow { transform: scale(0.7); } .Banner .slick-prev { left: 1%; } .Banner .slick-next { right: 1%; } .slick-bg { background-size: auto 100px } .mode5 { height: 300px; } .readMore4 { padding-top: 30px; } } @media screen and (max-width: 767px) { .Banner .slick-arrow { transform: scale(0.5); } .bitj-list1 { margin: 15px 0 0; } .bitj-list1 li a { height: auto; } .item-date { width: 60px; } .item-con { margin-left: 75px; } .item-con h3 { height: auto; max-height: 48px; margin-bottom: 10px; } .item-info { width: 100%; } .item-con p { height: auto; max-height: 60px; } .bitj-list3 li { margin-bottom: 15px; } .mode5 { height: auto; } .listTitle3 { position: static; width: 100%; background: url(../images/m5_bg.jpg) repeat; padding: 20px 0; top: 0; transform: none; } .listTitle3::before { display: none; } .play { width: 100%; top: 67px; height: 300px; } .video-con { width: 100%; right: 0; } .wrap_mode5 { background: none; } .readMore4 { position: absolute; right: 15px; top: 0; padding-top: 24px; border-bottom: none; text-align: right; } .video-con { height: 300px; position: static; } .bitj-list5 { text-align: center; margin: 0; } .bitj-list5 li { margin-bottom: 15px; max-width: 260px; } .bitj-list5 li .gp-img-responsive { padding-bottom: 135%; } .slick-list2 .slick-prev { left: 0; } .slick-list2 .slick-next { right: 0; } .mode7 { padding-bottom: 40px; } .mode6 { padding-bottom: 0; } .listTitle1 { padding: 25px 0; } .mode6 { padding-top: 40px; } .tabMenu1 li a { padding: 30px 0; } .tabMenu1 li { margin-right: 25px; } .tabMore { padding-top: 35px; } .slick-dots2 { display: none; } } @media screen and (max-width: 767px) and (min-width: 640px) { .item-info { overflow: hidden; background-color: #f2f2f2; } .item-img { width: 300px; float: left; } .item-txt { margin-left: 300px; } .item-date { margin: 0; } } @media screen and (max-width: 640px) { .item-link5 { top: 10%; } .bitj-info2 { width: 100%; float: none; } .bitj-txt h3 { height: auto; } .bitj-list4 { margin: 15px 0 0; } } @media screen and (max-width:480px) { .slick-txt { display: none; } .slick-bg { background: url(../images/header_bg.png) repeat-x top; background-size: auto 60px; } .Banner .slick-arrow { transform: scale(0.4); top: auto; bottom: 0; } }