.top_search .left { margin: 10px 0 0 10px; } .top_search .center { top: 20px; } .top_search .right { margin: 10px 10px 0 0; } .main { background: url(/uploads/image/t218rimg/bg.jpg) center no-repeat; background-size:cover ; } img:hover { transition: all 0.5s; transform: scale(1.1); } .header img:hover, .footer img:hover { transition: all 0.5s; transform: scale(1); } .nav { width: 1200px; height: 66px; overflow: hidden; } /* top_banner */ .top_banner { margin-bottom: 30px; } .top_banner a { display: block; height: 70px; width: 100%; margin-bottom: 10px; overflow: hidden; } .top_banner a img { width: 100%; height: 100%; } .top_banner .clear a { width: 595px; height: 70px; overflow: hidden; } .slideboxtop { overflow: hidden; width: 1200px; height: 70px; margin-bottom: 10px; } /* silder */ .silder { text-align: center; margin-bottom: 40px; } .silder .title { margin-bottom: 35px; text-align: center; white-space: nowrap; word-break: keep-all; } .silder .title a { display: inline-block; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .silder .title a:hover { color: red; } .silder h2 { font-size: 32px; color: #0292d0; margin-bottom: 25px; } .silder h2:hover { color: red; } .slidebox { box-sizing: border-box; position: relative; height: 420px; width: 650px; margin-bottom: 20px; overflow: hidden; } .slidebox a { display: block; } .slidebox .bd { position: relative; width: 650px; height: 420px; overflow: hidden; } .slidebox .bd img { width: 100%; height: 420px; } .slidebox .bd .shadow { box-sizing: border-box; position: absolute; bottom: 0; padding: 20px 30px; width: 650px; height: 70px; background: #000; background: rgba(0, 0, 0, .5); color: #fff; } .slidebox .bd .shadow p { font-size: 18px; line-height: 26px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .slidebox .prev { box-sizing: border-box; display: block; position: absolute; z-index: 2; top: 175px; left: 20px; width: 53px; padding: 10px 0; line-height: 70px; color: rgb(255, 255, 255); opacity: 0.5; cursor: pointer; font: 600 70px / 60px 宋体; text-decoration: none; background: rgb(0, 0, 0); transition: background 1s ease 0s; border-radius: 10px; display: none; } .slidebox .next { box-sizing: border-box; display: block; position: absolute; z-index: 2; top: 175px; right: 20px; width: 53px; padding: 10px 0; line-height: 70px; color: rgb(255, 255, 255); opacity: 0.5; cursor: pointer; font: 600 70px / 60px 宋体; text-decoration: none; background: rgb(0, 0, 0); transition: background 1s ease 0s; border-radius: 10px; display: none; } .right .box { margin-bottom: 30px; } .right .box:last-child { margin-bottom: 0; } .right .box .title { font-size: 20px; margin-bottom: 0; height: 40px; font-weight: bold; } .right .box p { width: 100%; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 40px; line-height: 40px; } .silder .nav img { width: 100%; } .right .hot_news li{ width: 100%; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 40px; line-height: 40px; text-align: left; font-size: 18px; } .right .hot_news li:nth-child(3n 1){ font-size: 18px; margin-bottom: 0; height: 40px; font-weight: bold; white-space: nowrap; word-break: keep-all overflow: hidden; text-overflow: ellipsis; line-height: 1; } .right .hot_news li:nth-child(3n){ margin-bottom: 1.875rem; } /* news */ .news .news_box { width: 362px; float: left; margin-right: 19px; } .news_box .title { border-bottom: 1px solid #ddf0f7; margin-bottom: 15px; } .news .news_box .title a { display: inline-block; height: 38px; font-size: 20px; font-weight: 600; } .news_box .title i { float: right; color: #aaa; } .news .news_box .title span { margin-top: 8px; height: 8px; display: block; background-color: #4cb5e4; } .info { box-sizing: border-box; height: 578px; border-left: 1px solid #ccc; margin: 0 0 0 17px; color: #ccc; } .info_box .info_title { font-size: 14px; height: 28px; line-height: 28px; border: 0; margin-left: -5px; } .info_box .info_title span { display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #4eacd6; float: left; margin: 10px 10px 10px 0; } .info_box .left { margin-left: 20px; width: 170px; height: 95px; margin-bottom: 30px; overflow: hidden; position:relative; } .info_box .left::before{ content: ''; background-image: ; background-size: cover; width:24px; height:24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; } .info_box .left img { width: 100%; height: 100%; } .info_box .left:hover img{ transition:all 0.5s; transform: scale(1.1); } .info_box .right { width: 150px; padding-left: 10px; box-sizing: border-box; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 30px; font-size: 14px; } .news .news_box2 { width: 443px; } .info2 .info2_box { display: block; } .info2 .info2_box .info2_title { border-bottom: 1px solid #f1f3f2; overflow: hidden; white-space: nowrap; padding: 8px 0px 8px 18px; font-size: 16px; display: inline-block; } .info2 .info2_box:last-child .info2_title { border: 0; margin-bottom: 10px; } .info2 .info2_box:first-child .info2_title { padding-top: 0; } .info2 .info2_box p { font-size: 14px; color: #666; font-size: 500; margin: 5px 18px 0 18px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_box3 { margin-left: 22px; width: 335px; margin-right: 0; } .info3 { margin-bottom: 10px; } .info3 .info3_box { display: block; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #f6f6f6; margin-bottom: 10px; padding-top: 5px; } .info3 .info3_box span { display: inline-block; } .info3 .info3_box p { box-sizing: border-box; float: right; width: 300px; padding: 0 0 0 13px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; } .info3 .img { width: 100%; overflow: hidden; } .info3 .img img { width: 100%; } .news_box .title1 { margin-bottom: 0; margin-top: 7px; } .info4 .info4_box { box-sizing: border-box; border-bottom: 1px solid #f6f6f6; padding-top: 6px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; text-overflow: ellipsis; margin-bottom: 15px; margin-top: 15px; /*padding-bottom: 6px; line-height: 25px; word-break: break-all; */ } .info4 .info4_box:last-child { border: 0; } .info4 .info4_box p { line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; } /* silder2 */ .silder2 { height: 160px; background-color: #eff4f8; margin-bottom: 20px; } .silder2 .bd { position: relative; box-sizing: border-box; box-sizing: border-box; width: 1080px; margin: 0 auto; padding: 35px 0; } .silder2 .piclist { width: 1080px; height:94px; overflow:hidden; white-space:nowrap; } .silder2 .piclist li { width: 200px; overflow: hidden; margin-right: 20px; display:inline-block; } .silder2 .piclist li:last-child { margin: 0; } .silder2 .bd img { width: 200px; height: 90px; } .silder2 .bd a { display: block; float: left; margin-right: 20px; } .silder2 .bd .prev, .silder2 .bd .next { box-sizing: border-box; display: block; position: absolute; text-align: center; z-index: 2; width: 53px; padding: 10px 0; line-height: 70px; color: #aaa; cursor: pointer; font: 600 40px / 60px 宋体; text-decoration: none; transition: background 1s ease 0s; border-radius: 10px; transform: translatey(-90px); } .silder2 .bd .prev { left: -60px; } .silder2 .bd .next { right: -60px; } /* 国际旅游岛 */ /* .gjlyd .title { border-bottom: 1px solid #ddf0f7; margin-bottom: 30px; } .gjlyd .title p { display: inline-block; height: 46px; font-size: 27px; font-weight: 600; color: #87cdec; } .gjlyd .title i { float: right; color: #aaa; line-height: 47px; cursor: pointer; } .gjlyd .title span { margin-top: 8px; height: 8px; display: block; background-color: #4cb5e4; } .gjlyd_info .left { width: 740px; margin-right: 20px; } .gjlyd_info .box { position: relative; float: left; width: 350px; height: 194px; margin: 0 20px 20px 0; } .gjlyd_info .box img { width: 100%; height: 100%; } .gjlyd_info .box p { padding: 0 20px; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; height: 35px; line-height: 35px; color: #fff; text-align: center; background: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gjlyd_info .right { width: 440px; } .gjlyd_info .right a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 32px; border-bottom: 1px solid #eeeeee; margin-bottom: 22px; } .gjlyd_info .right a:last-child { margin-bottom: 0; border: 0; } */ .gjlyd .check_box { position: relative; height: 460px; overflow:hidden; } .gjlyd .check_box .left { width: 820px; height: 460px; } .gjlyd .check_box .left a { display: block; } .gjlyd .check_box .left img { width: 100%; height: 460px; z-index: -2; } .gjlyd .check_box .right { position: absolute; right: 0; top: 0; width: 380px; height: 100%; z-index: 888; } .gjlyd .check_box .right_mbl { content: ''; position: absolute; width: 380px; top: 0; right: 0; bottom: 0; z-index: 1; background: url(/uploads/image/t218rimg/silder.jpg) no-repeat right; background-size: 1200px 460px; -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); filter: blur(20px); } .gjlyd .check_box .right a { box-sizing: border-box; width: 100%; height: 76.666px; display: block; color: #fff; line-height: 30px; padding: 13px 15px; opacity: 1; } .gjlyd .check_box .right a:hover { background-color: #4c8eb8; } /* 视频 */ .video { margin-bottom: 30px; } .video .title, .rmjz .title, .cpzq .title, .gjlyd .title { border-bottom: 1px solid #ddf0f7; margin-bottom: 30px; } .video .title p, .rmjz .title p, .cpzq .title p, .gjlyd .title p { display: inline-block; height: 38px; font-size: 20px; font-weight: 600; } .video .title i, .rmjz .title i, .cpzq .title i, .gjlyd .title i { float: right; color: #aaa; line-height: 38px; cursor: pointer; } .video .title span, .rmjz .title span, .cpzq .title span, .gjlyd .title span { margin-top: 8px; height: 8px; display: block; background-color: #4cb5e4; } .video_box { box-sizing: border-box; background-color: #153a54; width: 100%; height: 750px; padding-top: 77px; } .video_box .video_top { width: 1037px; margin: 0 auto; margin-bottom: 50px; } .video_box .video_top .box { position: relative; float: left; width: 217px; height: 385px; margin-right: 56px; overflow: hidden; } .video_box .video_top .box:last-child { margin-right: 0; } .video_box .video_top .box .bg { width: 100%; height: 100%; } .video_box .video_top .box .video { position: absolute; left: 89px; top: 173px; width: 40px; height: 40px; background: url(/uploads/image/t218rimg/redio.png) no-repeat center; background-size: contain; } .video_box .video_top .box p { position: absolute; bottom: 0; color: #fff; line-height: 30px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .video_bottom { width: 1200px; margin: 20px auto; } .video_bottom li { position: relative; float: left; margin-top: -8px; padding-top: 18px; text-align: center; margin-right: 34px; } .video_bottom li:last-child { margin-right: 0; } .video_bottom li .time { display: block; text-align: center; color: #fff; font-size: 14px; margin-bottom: 26px; margin-top: 5px; } .video_bottom li .box { position: relative; border-radius: 0 10px 10px 10px; overflow: hidden; width: 180px; height: 102px; margin: 0 auto; margin-bottom: 18px; } .video_bottom li .box i { position: absolute; top: 0; left: 0; background-color: #4cb5e4; color: #fff; display: block; padding: 4px 6px; } .video_bottom li .box img { width: 100%; height: 100%; } .video_bottom li p { width: 180px; color: #fff; line-height: 30px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* 融媒矩阵 */ .rmjz { margin-bottom: 40px; } .rmjz_box { width: 100%; } .rmjz_box .rmjz_wxwb { width: 289px; float: left; margin-right: 15px; } .rmjz_wx { width: 100%; } .rmjz_info1 { background-color: #fff; } .rmjz_info2 { background-color: #fff; padding-bottom: 20px; } .rmjz_box .rmjz_info1 a { display: block; width: 289px; height: 185px; overflow: hidden; } .rmjz_box .rmjz_info1 a>div { width: 289px; height: 120px; overflow: hidden; margin-bottom: 10px; } .rmjz_box .rmjz_info2 a>div { width: 110px; height: 60px; overflow: hidden; } .rmjz_info3 a>div { width: 289px; height: 183px; overflow: hidden; } .rmjz_box .rmjz_info1 a img { display: block; width: 100%; height: 120px; } .rmjz_box .rmjz_info1 a p { font-size: 14px; line-height: 16px; } .rmjz_box .rmjz_info1 .info2_a { padding: 20px 0 0 10px; box-sizing: border-box; height: 80px; } .rmjz_box .rmjz_info1 .info2_a .left { width: 110px; height: 60px; overflow: hidden; } .rmjz_box .rmjz_info1 .info2_a .left img { width: 100%; height: 100%; } .rmjz_box .rmjz_info1 .info2_a .right { width: 168px; box-sizing: border-box; padding: 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .rmjz_dy { position: relative; box-sizing: border-box; width: 291px; height: 520px; float: left; margin-right: 14px; background-color: #fff; } .rmjz_dy a { box-sizing: border-box; width: 100%; height: 427px; } .rmjz_dy a>div { height: 100%; overflow: hidden; margin-bottom: 20px; } .rmjz_dy a img { width: 100%; height: 100%; } .rmjz_dy a p { position: absolute; bottom: 0; padding: 5px 10px; line-height: 18px; font-size: 14px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; color: #fff; background-color: rgba(0, 0, 0, .5); } .rmjz_sb { width: 291px; float: left; margin-right: 12px; } .rmjz_sb a { display: block; height: 427px; overflow: hidden; } .rmjz_sb a img { width: 100%; height: 100%; } .rmjz_dsgb { width: 288px; float: left; } .rmjz_dsgb a { width: 100%; height: 180px; } .rmjz_dsgb a p { height: 50px; line-height: 50px !important; text-align: center; color: #fff; background-color: #4cb5e4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } .rmjz_box .rmjz_dsgb a img { width: 100%; height: 183px; margin: 0; } .rmjz_box .rmjz_info1 .gb img { width: 100%; height: 180px; } .rmjz_box .rmjz_info4 a { height: 180px; } /* 产品专区 */ .cpzq { margin-bottom: 60px; } .picscroll_left2 .bd { position: relative; width: 995px; margin: 0 auto; } .picscroll_left2 .bd li { width: 215px; float: left; margin-right: 45px; } .picscroll_left2 .bd li a { display: block; } .picscroll_left2 .bd li a .img_box { width: 100%; height: 343px; overflow: hidden; } .picscroll_left2 .bd li img { width: 215px; height: 343px; margin-bottom: 10px; } .picscroll_left2 .bd li .text { text-align: center; padding: 15px 0 0 0; } .picscroll_left2 .bd li .text p { display: inline-block; font-size: 20px; width: 215px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; } .picscroll_left2 .bd li .text span { color: #999; } .picscroll_left2 .bd .prev, .picscroll_left2 .bd .next { box-sizing: border-box; display: block; position: absolute; z-index: 2; top: 130px; width: 53px; padding: 10px 0; line-height: 70px; color: rgb(255, 255, 255); opacity: 0.5; cursor: pointer; font: 600 70px / 60px 宋体; text-decoration: none; background: rgb(0, 0, 0); transition: background 1s ease 0s; border-radius: 10px; text-align: center; } .picscroll_left2 .bd .prev { left: -80px; } .picscroll_left2 .bd .next { right: -80px; } .picscroll_left4 .bd { margin: auto 35px; display: flex;align-items: center; } .picscroll_left4 .bd .prev { position: relative; font-size: 40px; color: rgb(170, 170, 170); float: left;top: -25px; padding-right: 24px; } .picscroll_left4 .bd .next { position: relative; font-size: 40px; color: rgb(170, 170, 170); float: right; top: -25px; padding-left: 24px; } /* 底部 */ /* .pt_link { display: inline-block; font-weight: bold; color: #000000; letter-spacing: 1px; width: 100%; height: 60px; text-align: center; line-height: 60px; } .ptfooterbox { text-align: left; overflow: hidden; margin-bottom: 10px; } .pt_fontsizeone { font-size: 12px; line-height: 12px; } .pt_newwebsite { width: 240px; display: inline-block; color: #454545; letter-spacing: 0.75px; text-align: right; line-height: 20px; vertical-align: top; } .sublink { display: inline-block; max-width: 800px; padding-left: 10px; vertical-align: text-top; padding-bottom: 3px; } .pt_website { display: inline-block; margin-right: 26px; color: #575757; letter-spacing: 0.75px; } .pt_showall { display: inline-block; cursor: pointer; color: #828282; letter-spacing: 0.75px; border-left: 2px solid #979797; padding-left: 20px; margin-left: 20px; } .pt_right { transform: rotate( 0deg); transition: all 0.3s linear; } .pt_icon { display: inline-block; width: 11px; height: 11px; background: no-repeat center; background-size: contain; position: relative; top: 1px; } .turn { transform: rotate(180deg); } .ptfootershow { padding-bottom: 20px; } */ /* 底部友情 */ .bottom-link { border-top: #aaa 2px solid; margin-top: 50px; padding: 40px 0; } .link-type { border-bottom: #aaa 1px solid; height: 35px; padding-left: 30px; } .slidetxtbox { width: 100%; text-align: left; } .slidetxtbox>.hd { border-bottom: #aaa 1px solid; height: 35px; padding-left: 30px; position: relative; } .slidetxtbox>.bd { padding: 20px 40px 15px 70px; } .slidetxtbox>.bd a { color: #4f4f4f; display: inline-block; margin-right: 30px; font-size: 15px; height: 30px; line-height: 30px; } .slidetxtbox>.hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px; } .slidetxtbox>.hd ul li { display: inline-block; color: #205fb5; font-size: 18px; padding: 0 10px; margin-left: 50px; line-height: 35px; cursor: pointer; } .slidetxtbox>.hd ul li.on { background: #205fb5; color: #fff; } .slidetxtbox>.bd ul { zoom: 1; } .slidetxtbox>.bd li { height: 24px; line-height: 24px; } .slidetxtbox>.bd li .date { float: right; color: #999; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slidetxtbox1 .arrow { position: absolute; right: 10px; top: 0; } .slidetxtbox1 .arrow a { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: 0 0 no-repeat; } .slidetxtbox1 .arrow .next { background-position: 0 -50px; } .slidetxtbox1 .arrow .prevstop { background-position: -60px 0; } .slidetxtbox1 .arrow .nextstop { background-position: -60px -50px; } .slidetxtbox1 { text-align: left; } .slidetxtbox1 .hd { height: auto; position: relative; } .slidetxtbox1 .hd ul li { cursor: pointer; border-bottom: 1px solid transparent; display: inline-block; font-size: 16px; color: #838383; padding: 0 20px; cursor: pointer; } .slidetxtbox1 .hd ul li.on { font-weight: bolder; color: #2f2f2f; border-bottom: #2f2f2f solid 1px; } .slidetxtbox1 .bd ul { padding: 15px; zoom: 1; } .slidetxtbox1 .bd li a { height: 24px; line-height: 24px; color: #4f4f4f; display: inline-block; margin-right: 30px; font-size: 15px; } .slidetxtbox .bd li .date { float: right; color: #999; } .pt_fontsizeone { display: block; color: #000; font-size: 15px; font-weight: 600; } .sublink { margin-bottom: 5px; } .hide_url { display: none; } .ptfootershow { position: relative; padding-bottom: 30px; } .gdyql { display: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 30px; line-height: 30px; color: #adadad; text-align: center; background: #f1f1f1; cursor: pointer; }