* { list-style: none; padding: 0; margin: 0; font-family: Arial } html, body { position: relative; height: 100%; } ul, li { margin: 0; } body { font-size: 0.14rem; color: #000; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } .sousuo {cursor: pointer;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { background-position: center; background-size: cover; } img { display: block; } a { text-decoration: none; color: #000 } .w1200 { /* width: 15rem; */ margin: 0 auto; overflow: hidden; } .left { float: left; } .right { float: right; } .ov { overflow: hidden; } /* banner */ /* .banner { height: 6.6rem; width: 100%; } .banner .w1200 div { margin-top: 3.2rem; } .banner .w1200 div h1 { font-size: 0.6rem; color: #fff; } .banner .w1200 div p { font-size: 0.18rem; color: #fff; margin-top: 0.4rem; line-height: 0.34rem; width: 7rem } */ /* tab */ .tab { border-bottom: 1px solid #dbdbdb; } .tab .w1200 ul li { float: left; margin-right: 0.45rem; line-height: 0.8rem; } .tab .w1200 ul li a { color: #888; font-size: 0.2rem; } .tab .w1200 ul li:hover a { color: #0A50B4; text-decoration: none; } /* cp */ @media screen and (max-width: 767px) { .banner {background: url(news.jpg) no-repeat 65% !important; background-size: auto 100% !important;} .banner .w1200 div { width: 7rem; } .tab ul { width: 7rem; } .tab .w1200 ul li { margin: 0 0.2rem; width: 3rem; } } .genertec-header { background: none; position: fixed; width: 100%; z-index: 99; } /* .headw1200 { width: 12rem; margin: 0 auto; } .headw1200 img { width: 2.2rem; } .hy-header { width: 15rem; margin: 0 auto } .header-logo { float: left; } .header-nav { float: right; } ul.navmenu { width: auto; } ul.navmenu li a.level-0 span { color: #fff; } */ .ne_one { height: 0.78rem; /* float: left; */ margin-bottom: 0.07rem; background: #f4f4f4; padding: 0.27rem 0.25rem; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; } .ne_one:hover { background: #0A50B4; color: #fff } .ne_one:hover .date p { background: #fff; } .ne_one:hover .date span { color: #fff; } .ne_one:hover .text a { color: #fff; text-decoration: none; } .ne_one:hover .text span { color: #eee; } .ne_one .date { float: left; border-right: 0.01rem solid #d3d3d3; padding-right: 0.2rem; } .ne_one .date div { font-size: 0.54rem; line-height: 0.4rem; font-family: "Times New Roman", Arial; } .ne_one .date p { width: 0.25rem; height: 0.02rem; background: #0A50B4; margin: 0.14rem 0 0.14rem; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; } .ne_one .date span { font-size: 0.16rem; } .list .ne_one { /* width: 100%; */ padding: 0.3rem 0.5rem; height:auto; overflow:hidden; } .list .ne_one .text { width: 93%; } .list .ne_one span { height: auto; color: #888; } .ne_one .text { width: 8.35rem; float: right; overflow: hidden; margin-left: 0.15rem } .ne_one .text a { width:95%; font-size: 0.24rem; line-height: 0.26rem; display: block; overflow: hidden; font-weight: 500; margin-bottom: 0.1rem; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; color: #0a50b4; font-family: "Times New Roman", Arial; } #Content-23386 .text a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .list .ne_one .text span { height: auto; line-height: 0.26rem; } .ne_one .text span { color: #999; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; font-size: 0.18rem; text-overflow: ellipsis; overflow: hidden; height: 0.2rem; overflow: hidden; display: inline-block; font-family: "Times New Roman", Arial; } .imgdiv { height: 4.1rem; width: 5rem; position: relative; overflow: hidden; } .imgdiv .ne_one { padding: 0.25rem; position: absolute; bottom: 0; left: 0; margin: 0; width: 4.5rem; background: #0004; height: 0.8rem; } .imgdiv .ne_one p { background: #fff; margin:0.12rem 0; } .imgdiv .date { padding-right: 0.2rem; color: #fff; } .imgdiv p img { width: 100%; height: 4.4rem; } .imgdiv .text { width: 3.5rem; margin-left: 0rem; } .imgdiv .text a { color: #fff; } @media screen and (max-width: 767px) { .imgdiv { display: none; } } @media screen and (max-width: 900px) { .ne_one .text { margin-left: 0.08rem; width: 8.05rem; } } @media screen and (max-width: 1200px) { .ne_one .text { margin-left: 0.15rem; } } .edit-handle { width:16px !important; } @media (max-width: 1550px) { .video-box { /* width:14rem !important; */ } .video-box .video-list .video01 { height: 3.9rem !important; } } @media (max-width: 1024px) { .w1200 { width:90%; } #dnn_ContentPane3 { width: 11.9rem !important; } #dnn_ctr23389_ModuleContent .ne_one .text{ width: 3rem; } #dnn_ctr23389_ModuleContent .ne_one .text a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal; line-height: .3rem; } .ne_one .text { width: 10.1rem; } .ne_one .text a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ne_one .text span { height:.8rem; } .list .ne_one .text { width: 15rem; } .list .ne_one .text span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 0.36rem; } } @media (max-width: 768px) { #dnn_ContentPane2 { display:none; } #dnn_ContentPane3 { width:100% !important; } .ne_one { padding:.5rem !important; } .ne_one .text { width: 14.6rem !important; } #dnn_ContentPane4 { margin-top: -0.34rem; } .ne_one .text a { line-height: inherit; } . video-box { width: 100% !important; } .video-box { overflow: hidden; } .video-box .video-list { width:50% !important } } @media (max-width: 750px) { .video-box { width:100% !important } .ne_one { background: #fff; padding:0 !important; height: 1.5rem; } .ne_one .text { width: 5.4rem !important; } .ne_one .text span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ne_one .date p { margin: 0.2rem 0 0.2rem; } .ne_one .text span { height: .75rem; } #dnn_ContentPane4 { margin-top: 0; } .ne_one .date div { line-height: 0.45rem; } .video-box .video-list { width:100% !important } } @media screen and (max-width: 1550px) { .w1200 { /* width: 17rem!important; */ } } @media screen and (max-width: 1560px) { #dnn_ContentPane3 { width: 63% !important; } #dnn_ContentPane3 .ne_one .text { width: 87% !important; } #Content-23387 .text { width: 92% ; } #Content-23387 .text span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } @media (max-width: 768px) { #dnn_ContentPane3 { width: 100% !important; } #Content-23387 .text { width:87% !important; } } @media (max-width: 750px) { .w1200 { width: 90% !important; } #dnn_ContentPane3 .ne_one .text ,#Content-23387 .text { width: 80% !important; } .ne_one { background: #fff !important; } .ne_one .date{ border-right: 0.01rem solid #d3d3d3; } .ne_one .date div , .ne_one .date span { color:#000 !important; } .ne_one .date p { background: #0A50B4 !important; } .ne_one .text a { color: #333333 !important; } .ne_one .text span { color:#b4b4b4 !important; } } @media (max-width: 768px) { .genertec-body .genertec-content .w1200:nth-child(3) { margin-top: -.1rem !important; } } @media (max-width: 750px) { .list .ne_one { padding-top: .1rem !important; } .ne_one .date div { font-size: .65rem; color: #444; } .ne_one .date span , .ne_one .text span { font-size: .26rem; color: #888; height:auto; } .ne_one .text a { font-size: .34rem; margin-bottom: 0.15rem; } } .second-content-title h2,.second-content-title h2 span.Head{ font-family: "Times New Roman", Arial; } .second-content-ct p{ line-height:0.36rem !important; } .i-pager { height: auto; font-size: 16px; margin-top: 30px; text-align: right; clear: both; color: #666666; margin-bottom: 0.7813rem; } .i-pager-first, .i-pager-prev, .i-pager-next, .i-pager-last, .i-pager-item { display: inline-block; width: auto; min-width: 38px; height: 38px; margin-left: 6px; border-radius: 4px; border: solid 1px rgba(102, 102, 102, 0.3); text-align: center; line-height: 38px; font-size: 16px; padding: 0; color: #666666 !important; } .i-pager-next, .i-pager-last, .i-pager-first, .i-pager-prev { font-size: 15px; padding: 0 0.2188rem; vertical-align: bottom; color: #666666 !important; } .i-pager-info { height: 38px; background-color: #ffffff; border-radius: 4px; border: solid 1px rgba(102, 102, 102, 0.3); font-size: 16px; vertical-align: bottom; color: #666666; margin-left: 7px; } .i-pager-current { width: auto; text-align: center; display: inline-block; margin-left: 6px; line-height: 38px; border: none; color: #666666; padding: 0; } .i-pager-info-c { color: #0a50b4; width: auto; text-align: center; display: inline-block; padding-right: 0; padding-left: 6px; line-height: 34px; border: none; } .i-pager-info-p { color: #666666; width: auto; text-align: center; display: inline-block; padding-left: 6px; line-height: 34px; border: none; } .i-pager-info-t { color: #666666; width: auto; text-align: center; display: inline-block; margin: 0 3px; line-height: 38px; border: none; } .i-pager a:hover { color: #fff !important; } .i-pager-item-active {background: #0a50b4;} @media (max-width: 750px) { .i-pager-info{border:0;} #Content-23386 .text a {text-overflow: ellipsis; white-space: nowrap; display: block;} } .i-pager-prev:hover { background: #0a50b4; color: #ffffff; } .i-pager-item:hover { background: #0a50b4; color: #ffffff;} .i-pager-next:hover { background: #0a50b4; color: #ffffff; } .i-pager-first:hover { background: #0a50b4; color: #ffffff; } .i-pager-last:hover { background: #0a50b4; color: #ffffff; } .video-box .video-title {font-family: "Times New Roman",Arial;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #Content-23386 .text a {height:.5rem;} } .imgdiv .ne_one {background-color: rgba(0 , 0 , 0 , .4);} @media (max-width: 750px) { .foot .one {align-items: center; } .ne_one {height:1.5rem !important; margin-bottom:.14rem; background-color:#f4f4f4 !important; padding: .15rem .25rem !important; display: flex; align-items: center; justify-content: space-between;} #dnn_ContentPane3 .ne_one .text, #Content-23387 .text {width: 78% !important;} .news-box2 {margin:0 auto !important;} .video-box .video-title {font-size: .36rem !important; margin-top:.15rem;} .genertec-content div.ov {display:none;} } .video-box { /* width: 15rem; */ } .video-box .video-list { width: 49%; float: left; position: relative; overflow: hidden; } .video-box .video-list:nth-child(2n) { float: right; } .video-box .video-list .video-on { position: absolute; top: 0; left: 0; right: 0; bottom: 1.2rem; margin: auto; width: .88rem; height: .88rem; border-radius: 50%; background-color: rgba(0, 0, 0, .2); transition: .3s; } .video-box .video-list:hover .video-on { width: 49%; height: 49%; background-color: rgba(0, 0, 0, 0); } .video-box .video-list .video-on img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: .72rem; height: .72rem; z-index: 9; transition: 1.5s; cursor: pointer; } .video-box .video-list:hover .video-on img { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); } .video-box .video-list .video01 { width: 100%; height: 4.23rem; } .video-box .video-title { font-size: .2rem; color: #333; line-height: .75rem; text-align: center; } .video_time { font-size:.15rem; position:absolute; bottom:20px; right:0; color:#999; } .video-box .video-title a { color:#333; text-decoration: none; } @media (max-width: 750px) { .video-box .video-title { font-size: .3rem; } } @media screen and (max-width: 1800px) { .ne_one .text a {font-size: 0.27rem;} .ne_one .text span { color: #999; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; font-size: 0.18rem; text-overflow: ellipsis; overflow: hidden; height: 0.2rem; overflow: hidden; display: inline-block; font-family: "Times New Roman", Arial; }.ne_one .text span { font-size: 0.2rem; } .ne_one .date span { font-size: 0.18rem; } .ne_one .date div { font-size: 0.65rem; } } @media screen and (max-width: 1600px) { .ne_one .text a {font-size: 0.3rem;} .ne_one .text span { color: #999; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; font-size: 0.18rem; text-overflow: ellipsis; overflow: hidden; height: 0.2rem; overflow: hidden; display: inline-block; font-family: "Times New Roman", Arial; }.ne_one .text span { font-size: 0.22rem; line-height: 0.35rem!important; display: block; } .ne_one .date span { font-size: 0.18rem; } .ne_one .date div { font-size: 0.65rem; } .list .ne_one { /* width: 100%; */ padding: 0.4rem 0.5rem; height: auto; overflow: hidden; } }