img { -webkit-transition: all ease .3s; transition: all ease .3s; vertical-align:top;} img:hover { -webkit-transform: scale(1.05); transform: scale(1.05);} .caifu img:hover,.header img:hover,.footer img:hover { -webkit-transform: scale(1); transform: scale(1);} /* CSS Document */ .menubar { width:100%; height:48px; float:left; clear:both; background-color:#368DEC; color:#FFFFFF} .menubar .menu { width:auto; height:48px; float:left} .menubar .menu ul { width:auto; height:48px; float:left} .menubar .menu li { width:auto; height:48px; float:left; padding:0 5px; position:relative} .menubar .menu li a.menua { display:block; width:auto; height:48px; line-height:48px; float:left; padding:0 30px; font-size:16px; color:#FFFFFF; text-decoration:none} .menubar .menu li a.mo { background-image:url(../image/bg.png); background-repeat:no-repeat; background-position:68px -48px; padding-right:42px} .menubar .menu li a.mo.over { background-position:68px 22px; background-color:#36B5EC} .menubar .menu li .submenu { display:none; width:400px; height:auto; float:left; line-height:50px; font-size:16px; background-color:#FFFFFF; border:#C5C5C4 1px solid; border-top-style:none; position:absolute; left:4px; top:48px; z-index:2} .menubar .menu li .submenu a { display:block; width:100px; height:50px; line-height:50px; text-align:center; text-decoration:none; overflow:hidden} .menubar .menu li .submenu dl { width:100%; height:auto; float:left; overflow:hidden} .menubar .menu li .submenu dd { width:100px; height:50px; float:left; overflow:hidden} .menubar .menu li .submenu .normal a:link,.menubar .menu li .submenu .normal a:visited { color:#020202} .menubar .menu li .submenu .normal a:active,.menubar .menu li .submenu .normal a:hover { background-color:#F1F1F1; color:#36B5EC} .menubar .menu li .submenu .special { background-color:#36B5EC} .menubar .menu li .submenu .special a { color:#FFFFFF} .menubar .menu li .submenu .special a:active,.menubar .menu li .submenu .special a:hover { background-color:#26A6DD} .menubar .nav { width:270px; height:48px; float:right} .menubar .nav ul { width:270px; height:48px; background-color:#3075C2} .menubar .nav li { width:90px; height:48px; line-height:48px; float:right; font-size:16px} .menubar .nav .clslink { display:block; width:100%; height:100%; text-align:center; overflow:hidden; color:#FFFFFF; text-decoration:none; background-image:url(../image/bg.png); background-repeat:no-repeat} .menubar .nav .clslink span { padding-left:21px} .menubar .nav .cls3,.menubar .nav .cls4{position:relative;} .menubar .nav .pullCon {display: none; position: absolute; width:150px; top: 48px; left: -42px; line-height: 20px;background-color: #fff; border: 1px solid #eaeaea; padding: 12px; text-align: center; z-index: 99; } .menubar .nav li:hover .pullCon { display: block; } .menubar .nav .weixin img{width:100%;} .menubar .nav .weixin i { width: 160px; height: 13px; background: url(https://file.010lf.com/images/pos_top.png) no-repeat bottom center; position: absolute; top: -13px; left: 0; z-index: 9999; } .menubar .nav .weixin span{padding:0;margin:0;color:#fd5e5e;font-size: 12px;} .menubar .nav .passport{left:auto;right:0;background: #368DEC;width:120px;padding:8px;border: none;font-size:14px;text-align:center;} .menubar .nav .passport a{color:#ffffff;line-height: 40px;} .menubar .nav .passport a.cuta { display:inline-block; width:40px; height:40px; line-height:40px; background-image:url(../image/shortcut.png); background-repeat:no-repeat} .menubar .nav .passport a.cuta.login { width:62px; background-position:0px 0px} .menubar .nav .passport a.cuta.reg { background-position:13px -40px} .menubar .nav .passport a.cuta.cart { background-position:10px -80px} .menubar .nav .passport a.cuta.comment { background-position:10px -120px} .menubar .nav .passport a.cuta.collect { background-position:10px -160px} .menubar .nav .cls1 a.clslink { background-position:-110px -236px} .menubar .nav .cls1 a.clslink:hover { background-color:#36B5EC} .menubar .nav .cls2 a.clslink { background-position:-120px -295px} .menubar .nav .cls2 a.clslink:hover { background-color:#E32A2F} .menubar .nav .cls3 a.clslink { background-position:-120px -360px} .menubar .nav .cls3 a.clslink:hover { background-color:#F56A41} .menubar .nav .cls4 a.clslink { background-position:-119px -423px} .menubar .nav .cls4 a.clslink:hover { background-color:#60B116} /*首尾基本通用部分开始*/ .logo { height:70px; float:left; overflow:hidden} .logo img { _width:100%} .logoext { width: 280px; height:auto; float:left; overflow:hidden; padding-left:20px; padding-top:22px} .logoext .ext img { max-width:200px; _width:200px} .logoext .weather { font-size:12px; height:24px; line-height:24px; overflow:hidden} .logoext .weather img { max-height:24px} .topsearch { width:430px; height:40px; float:right; overflow:hidden; position:relative; padding-top:36px} .topsearch .searchform { width:308px; height:36px; overflow:hidden; position:absolute; right:0; top:0; z-index:1} .topsearch .searchform input { display:block; float:left; border-width:1px; border-style:solid} .topsearch .searchform input.ipt { border-color:#D8D8D8; border-right-style:none; height:34px; line-height:34px; background:none; width:260px; padding:0 5px} .topsearch .searchform input.btn { border-color:#0F0963; height:36px; line-height:36px; width:36px; background:url(../image/search.gif) center center no-repeat #0F0963} .topsearch .hotline { line-height:20px; text-align:right; font-size:14px;margin-top: 3px;} .weblink { width:100%; height:46px; line-height:46px; float:left; clear:both; background-color:#368DEC; color:#fff} .weblink .links { width:auto; height:46px; float:left; padding:0 10px} .weblink .links a { margin-left:10px; margin-right:10px; text-decoration:none; color:#6F6F6F} .weblink .links a:link,.weblink .links a:visited { color:#ffffff} .weblink .links a:active,.weblink .links a:hover { color:#FFFFFF} .weblink .mapbutton { width:auto; height:46px; float:right} .weblink .mapbutton a { display:block; width:120px; height:46px; text-decoration:none; font-size:14px; color:#FFFFFF; background-image:url(../image/bg.png); background-repeat:no-repeat; background-position:-248px -302px; background-color:#007aff} .weblink .mapbutton a.clk { background-position:-248px -362px} .weblink .mapbutton span { padding-left:18px} .webmap { width:100%; height:0px; float:left; clear:both; background-color:#f4f4f4; color:#6F6F6F; overflow:hidden} .webmap ul { width:1160px; height:auto; float:left; clear:both; overflow:hidden; padding-top:20px; padding-bottom:20px; padding-left:20px} .webmap ul li { width:145px; height:auto; float:left; padding-right:20px; line-height:28px} .webmap dl { width:100%; height:auto; float:left; clear:both} .webmap dl dt { font-weight:bold; width:100%; height:auto; float:left; clear:both} .webmap dl dd { width:100%; height:auto; float:left; clear:both} .webmap img { max-width:120px; _width:120px} .webmap a { text-decoration:none; color:#6F6F6F} .webmap a:link,.webmap a:visited { color:#6F6F6F} .webmap a:active,.webmap a:hover { color:#6F6F6F} .webmap dt { color:#545454} .webmap dt a { color:#AAAAAA} .webmap dt a:link,.webmap dt a:visited { color:#AAAAAA} .webmap dt a:active,.webmap dt a:hover { color:#333} .friendlinks { width:100%; height:auto; float:left; clear:both; padding:20px 0} .friendlinks h2 { width:100%; height:40px; float:left; clear:both; overflow:hidden} .friendlinks h2 a { display:block; width:auto; height:39px; line-height:39px; float:left; padding:0 30px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; text-decoration:none; color:#020202; font-size:16px; font-weight:normal} .friendlinks h2 a.now { border-bottom-color:#020202} .friendlinks .flbox { width:100%; height:auto; float:left; clear:both; padding-top:10px; line-height:28px; overflow:hidden} .friendlinks .flbox .default { display:none} .friendlinks .flbox a { margin-right:20px} /*首尾基本通用部分结束*/ .side-l { width:200px; padding-right:19px; border-right:#E2E2E2 1px solid; height:auto; float:left} .main { width:580px; padding-left:20px; height:auto; float:left} .side-r { width:340px; height:auto; float:right} h2.general { width:100%; height:26px; line-height:26px; float:left; clear:both; overflow:hidden} h2.general span { display:block; width:auto; height:26px; float:left} h2.general span.t { border-left:#368DEC 4px solid; padding-left:15px; font-size:24px} h2.general span.t.no { border-left-style:none; padding-left:0;font-size: 16px;} h2.general span.en { padding-left:10px; font-size:12px; height:16px; line-height:16px; padding-top:8px; color:#DD000C} h2.general span.en.gray { color:#6F6F6F} h2.usual { width:100%; height:44px; float:left; clear:both; overflow:hidden; background-color:#F7F7F5; border-bottom:#E2E2E2 1px solid} h2.usual span { display:block; width:auto; height:44px; line-height:44px; float:left} h2.usual span.t { font-size:18px; padding-left:20px} h2.usual span.m { font-size:14px; padding-right:20px; float:right} /*第一屏开始*/ .topscreen { padding-top:20px} .topscreen h2.general span.t {font-size: 16px;} .hottopics { width:200px; height:auto; float:left; clear:both; overflow:hidden} .hottopics ul.list { width:100%; height:auto; float:left} .hottopics li { width:100%; height:auto; float:left; clear:both; padding:10px 0; border-bottom:#E2E2E2 1px solid} .hottopics li.last { border-bottom-style:none} .hottopics li .ttitle { width:100%; height:auto; float:left;text-align: center; clear:both; line-height:22px; font-size:14px; font-weight:bold; padding:4px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hottopics li .tdetail { width:100%; height:auto; float:left; clear:both; overflow:hidden} .hottopics li .tdetail .img { width:100%; height:70px; float:left; overflow:hidden} .hottopics li .tdetail .img img { width:100%; min-height:70px; _height:70px} .hottopics li .tdetail .info { width:88px; height:auto; float:right; overflow:hidden; line-height:18px; font-size:12px; color:#6F6F6F} .caifu2 { width:100%; height:auto; float:left; clear:both} .caifu2 .unit { width:100%; height:auto; float:left; clear:both; overflow:hidden} .caifu2 .unit img { width:100%} .toutiao { width:100%; height:auto; float:left; clear:both} .toutiao h1 { width:100%; line-height:30px; float:left; clear:both; font-size:30px; font-weight:bold; overflow:hidden} .toutiao h1 a{ color: #004694;} .toutiao p { width:100%; height:34px; line-height:34px; float:left; clear:both; overflow:hidden; font-size:16px} .toutiao p a { margin-right:10px; color: #6F6F6F;} .toutiao p a.last { margin-right:0} .hd { width:580px; height:300px; padding:10px 0; float:left; clear:both} .hd .hdswf { width:580px; height:300px; float:left; clear:both; overflow:hidden; background-color:#F7F7F7;position: relative;} .hd .hdswf h2{position: absolute;bottom: 0;left: 0;width: 100%; background-color: rgba(0,0,0,0.6); background-color: #000\9; filter: alpha(opacity=60); opacity:0.6; text-align: center;color:#fff;line-height: 44px;font-size: 18px;} .latest { width:555px; height:30px; line-height:30px; float:left; clear:both; overflow:hidden; font-size:16px; padding-left:25px; border-bottom:#E2E2E2 1px solid; padding-bottom:10px; background:url(../image/bg.png) -383px 7px no-repeat} .latest .latestnews { width:555px; height:100%; overflow:hidden} .latest .latestnews a { color: #6F6F6F;} /*通用图文区*/ .teletext { width:100%; height:auto; float:left; clear:both; overflow:hidden} .teletext .img { width:150px; height:90px; float:left; overflow:hidden} .teletext .img img { width:100%} .teletext .info { width:415px; height:90px; float:right; overflow:hidden} .teletext .info h2 { width:100%; line-height:28px; float:left; clear:both; overflow:hidden; font-size:20px; font-weight:bold} .teletext .info p { width:100%; height:48px; margin-top:10px;float:left; clear:both; overflow:hidden; color:#6F6F6F} /*通用新闻列表（大号字）*/ .newslist-main { width:100%; height:auto; float:left; clear:both; overflow:hidden} .newslist-main ul { width:100%; height:auto; float:left; clear:both} .newslist-main li { width:100%; line-height:38px; float:left; clear:both; overflow:hidden; font-size:16px} .newslist-main li a { margin-right:10px} .screen4 .newslist-main li a:first-child {font-size: 14px;color: #6F6F6F;padding-right: 11px;margin-right: 10px;background: url(../image/vline.gif) right center no-repeat;} .hbnews{border-top: #E2E2E2 1px solid;margin-top: 10px;} /*右侧通用新闻列表框*/ .newsbox-sider { width:338px; height:auto; float:left; clear:both; overflow:hidden; border:#E2E2E2 1px solid} .newsbox-sider.last { border-bottom-style:none} .newslist-sider { width:298px; height:auto; float:left; clear:both; overflow:hidden; padding:10px 20px} .newslist-sider ul { width:298px; height:auto; float:left; clear:both; overflow:hidden} .newslist-sider li { width:100%; height:26px; line-height:26px; float:left; clear:both; overflow:hidden; padding:5px 0; font-size:16px; border-top:#E2E2E2 1px solid} .newslist-sider li.hasimg { height:auto;} .newslist-sider li.hasimg .info { width:188px; height:auto; max-height:74px; float:left; overflow:hidden} .newslist-sider li.hasimg .img { width:100px; max-height:74px; _height:74px; float:right; overflow:hidden} .newslist-sider li.hasimg .img img { width:100%} .newslist-sider li.layer { border-bottom-style:none; padding:10px 0; position:relative; height:120px} .newslist-sider li.layer .img { width:298px; height:120px; overflow:hidden} .newslist-sider li.layer .img img { width:100%; min-height:120px; _height:120px} .newslist-sider li.layer .info { position:absolute; left:0px; bottom:10px; z-index:1; width:258px; height:32px; line-height:32px; background:url(../image/filter_black.png) left top repeat; padding:0 20px; overflow:hidden} .newslist-sider li.layer .info a { text-decoration:none; color:#FFFFFF} .newslist-sider li:first-child{border-top:none;} .newslist-sider.rank li { background-image:url(../image/bg.png); background-repeat:no-repeat} .newslist-sider.rank li.li1 { background-position:-374px -66px} .newslist-sider.rank li.li2 { background-position:-374px -146px} .newslist-sider.rank li.li3 { background-position:-374px -226px} .newslist-sider.rank li.li4 { background-position:-374px -306px} .newslist-sider.rank li.li5 { background-position:-374px -386px} .newslist-sider.rank li a { padding-left:30px} .caifu3 img { width:100%} .caifu4 img { width:100%} .caifu_col4 a { margin: 0 2px;} /*第一屏结束*/ /*第二屏开始*/ .screen2 { border-top:#545454 1px solid; padding-top:20px} .screen2 .side-lnew{width:374px; float:left; padding-right:14px;border-right:#E2E2E2 1px solid; height:auto;} .screen2 .mainnew{width:374px; float:left; padding:0 14px;border-right:#E2E2E2 1px solid; height:auto;} .screen2 .side-rnew{width:374px; float:left; padding-left:14px} .screen2 .newslist-main li{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .screen2 .newslist-main li:first-child{font-weight: bold;} .column-tags { width:100%; height:auto; float:left; clear:both; padding-top:10px; font-size:14px} .column { width:100%; height:auto; float:left; clear:both; line-height:26px} .column ul { width:100%; height:auto; float:left; clear:both} .column li { width:90px; height:26px; padding:5px 0} .column li a { display:block; width:100%; height:100%; color:#6F6F6F; background-color:#E5E5E5; text-decoration:none; text-align:center} .column li a:hover{background-color: #3C98FD; color: #fff;} .tags { width:100%; height:auto; float:left; clear:both; padding-top:10px} .tags a { display:block; width:auto; height:26px; line-height:26px; float:left; word-break:keep-all; white-space:nowrap; margin-right:10px; _margin-right:5px; text-decoration:none; color:#11A5D3} .tags a:link,.tags a:visited { color:#11A5D3} .tags a:active,.tags a:hover { color:#FA6843} .words { width:100%; height:auto; float:left; clear:both} .words a { display:block; width:auto; height:24px; line-height:24px; float:left; padding:0 10px; color:#FFFFFF; text-decoration:none; font-size:12px; background-color:#6F6F6F; word-break:keep-all; white-space:nowrap; margin-top:10px; margin-right:10px} .words a.red { background-color:#FF5E5E} .words a.yel { background-color:#FEBC4E} .words a.grn { background-color:#16C752} .words a.blu { background-color:#1EB4EF} .words a.bla { background-color:#974B57} .newslist10 { width:100%; height:auto; float:left; clear:both; border-top:#E2E2E2 1px solid; padding-top:5px} .newslist10 ul { width:100%; height:auto; float:left; clear:both} .newslist10 li { width:100%; height:36px; line-height:36px; float:left; clear:both; overflow:hidden; font-size:14px; background-image:url(../image/1-10.gif); background-repeat:no-repeat} .newslist10 li.li1 { background-position:-12px 6px} .newslist10 li.li2 { background-position:-12px -39px} .newslist10 li.li3 { background-position:-12px -86px} .newslist10 li.li4 { background-position:-12px -130px} .newslist10 li.li5 { background-position:-12px -176px} .newslist10 li.li6 { background-position:-12px -218px} .newslist10 li.li7 { background-position:-12px -265px} .newslist10 li.li8 { background-position:-12px -308px} .newslist10 li.li9 { background-position:-12px -356px} .newslist10 li.li10 { background-position:-12px -400px} .newslist10 li span { padding-left:20px} /*第二屏结束*/ /*第三屏开始*/ .screen3 { border-top:#C90C06 1px solid; padding-top:20px} .videobox { width:960px; float:right; height:auto; overflow:hidden} .videobox ul { width:1000px; height:auto; float:left; clear:both} .videobox li { width:204px; height:auto; float:left; padding-left:20px; padding-right:20px; border-right:#E2E2E2 1px solid; overflow:hidden} .videobox li.last { width:205px; padding-right:0; border-right-style:none} .videobox li .img { width:100%; height:125px; overflow:hidden; float:left; clear:both; position:relative} .videobox li .img a { display:block; overflow:hidden} .videobox li .img a.vimg { width:100%; height:100%} .videobox li .img a.vimg img { width:100%; height:100%} .videobox li .img a.play { width:18px; height:18px; line-height:18px; position:absolute; left:10px; bottom:10px; z-index:1; background:url(../image/bg.png) -1px -481px no-repeat} .videobox li h3 { width:100%; height:44px; float:left; clear:both; overflow:hidden; font-size:18px; padding-top:10px; padding-bottom:6px;margin-bottom:4px;} .videobox li p { width:100%; height:36px; float:left; clear:both; overflow:hidden; line-height:18px} /*第三屏结束*/ /*第四屏开始*/ .screen4 { border-top:#2CBFAB 1px solid; padding-top:20px} .lifeservice { width:298px; height:auto; float:left; clear:both; overflow:hidden; padding:20px} .lifeservice dl { width:100%; height:auto; float:left; clear:both} .lifeservice dd { width:98px; height:90px; float:left; padding-right:2px; padding-bottom:2px} .lifeservice dd.last { padding-right:0px} .lifeservice dd a { display:block; width:98px; height:90px; background-image:url(../image/life.png); background-repeat:no-repeat; background-color:#F7F7F7; font-size:14px; text-align:center; text-decoration:none; color:#6F6F6F} .lifeservice dd a:hover {color:#FFFFFF} .lifeservice dd a.fee { background-position:28px 10px} .lifeservice dd a.fee:hover { background-position:28px -156px; background-color:#14B9D6} .lifeservice dd a.wea { background-position:-68px 10px} .lifeservice dd a.wea:hover { background-position:-68px -156px; background-color:#1FBBA6} .lifeservice dd a.hosp { background-position:-158px 10px} .lifeservice dd a.hosp:hover { background-position:-158px -156px; background-color:#F27935} .lifeservice dd a.air { background-position:28px -75px} .lifeservice dd a.air:hover { background-position:28px -239px; background-color:#F27935} .lifeservice dd a.train { background-position:-68px -75px} .lifeservice dd a.train:hover { background-position:-68px -239px; background-color:#14B9D6} .lifeservice dd a.bus { background-position:-158px -75px} .lifeservice dd a.bus:hover { background-position:-158px -239px; background-color:#1FBBA6} .lifeservice dd a span { display:block; width:100%; height:auto; float:left; padding-top:50px} /*第四屏结束*/ /*第五屏开始*/ .screen5 { border-top:#545454 1px solid; padding-top:20px} .photobox { width:940px; height:380px; float:right; overflow:hidden} .photobox .photos { width:600px; height:380px; float:left; overflow:hidden; position:relative} .photobox .photos ul { width:600px; height:1900px; float:left; clear:both; position:absolute; left:0; top:0; z-index:1; overflow:hidden} .photobox .photos ul li { width:600px; height:380px; float:left; clear:both; overflow:hidden} .photobox .photos li img { width:100%; height:auto;max-width: 100%;} .photobox .titles { width:340px; height:380px; float:right; overflow:hidden} .photobox .titles ul { width:100%; height:100%} .photobox .titles li { width:100%; height:75px; float:left; clear:both; overflow:hidden; border-bottom:#2C2C2C 1px solid} .photobox .titles li.last { border-bottom-color:#1F1F1F} .photobox .titles li .tt { width:220px; height:75px; float:left; font-size:16px; line-height:29px} .photobox .titles li .tt a { display:block; width:200px; height:55px; overflow:hidden; padding:10px; background-color:#1F1F1F; color:#6F6F6F; text-decoration:none} .photobox .titles li .tt a:hover { color:#FFFFFF; background-color:#000000} .photobox .titles li .tt a.active { color:#FFFFFF; background-color:#000000} .photobox .titles li .img { width:120px; height:75px; float:left} .photobox .titles li .img img { width:120px; height:75px; float:left} /*第五屏结束*/ /*第六屏开始*/ .screen6 { border-top:#2CBFAB 1px solid; padding-top:20px} /*第六屏结束*/ /*焦点图*/ .adswiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .adswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .adswiper .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; overflow: hidden; position: relative; font-size: 18px; background: #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .adswiper .swiper-pagination { bottom: 10px; right: 10px; position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; } .adswiper .swiper-pagination-switch{ width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; /*opacity: .2;*/ cursor: pointer; margin: 0 5px; } .adswiper .swiper-active-switch{ opacity: 1; background: #007aff; } .adswiper .swiper-slide a{width:100%;} .adswiper .swiper-slide img{width:100%;height: auto;} .adswiper .swiper-slide h3{ position: absolute; left: 10px; bottom: 10px; z-index: 111; font-size: 18px; width: 90%; color: #fff; } .adswiper .swiper-slide h3 a{ color: #fff; } .adswiper .swiper-slide .swiper-titbg{ position: absolute; left: 0; z-index: 1; width: 100%; height: 44px; background: #000; opacity: 0.7; filter: alpha(opacity=70); bottom: 0; _bottom: -1px; } .arrow-left, .arrow-right {position: absolute; top: 50%; width: 27px; height: 52px; margin-top: -22px; z-index: 11; cursor: pointer; -moz-background-size: 27px 52px; -webkit-background-size: 27px 52px; background-size: 27px 52px; background-position: center; background-repeat: no-repeat;} .arrow-left,.arrow-right { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAD50lEQVR4Xu3cMXLTQBTG8V0m1CQnAM8E1zlCOIJvENqkykmgcQ1HyBE4ArRJAyeIKEmRZZzgSexYlrR6aOa970+N3uy+7+e3tqRJTvyT7kCW3j2bTwAQRwAAAIh3QHz7TAAAiHdAfPtMAACId0B8+0wAAIh3QHz7TAAAiHdAfPtMAACId0B8+0wAAIh3QHz7TAAAiHdAfPtMAACId0B8+0wAAIh3QHz7TAAAiHfAYPuHy+uznPKnlEtTSlo0F/PvBmUnKcEEGNnmVfivcv6yLlNKakoqH7wgAMAIANvhbyC4O5g1l7NmRPlJLgVAZZvbwl+Xu0950ZwfX1WWn+wyAFS0uiv8UtKv24v37ypKT34JAAa2vDP8lH6XUk75DjCwsR7+e7TwVz1nAvSUFzF8AIiHD4AeAKJ+8tdb5wjYgyB6+EwA8fAB0AJA4ZPPEUD4Dx3gO8AzCEqffCbA1gRQDJ8J8A+BavgASCkphy8PQD18aQCE/3j+Sf4KIPynb8ByAAh/8+ePFADCf3n3SwYA4e++9SkBgPDbn3qFB0D4+196CA2A8LvfeAkLgPC7ww97H4Dw+4UfEgDh9w8/HADCHxZ+KACEPzz8MAAIvy78EAAIvz589wAIf1z4rgEQ/vjw3QIgfJvwXQIgfLvw3QEgfNvwXQEgfPvwXQE4Wt7c5pwOd7WhOPuzLP8nyrqqbp4GHi1vfuac3rZt876Uj83F/GtdG3SvcgPgcHl9knP+llN6AwI7sG4ArLYMArvg15VcAQABAB46wCSwg+BuAqy3DgIbBG4BMAkAwHFgYMD1BOA4GC8gBACOg3oIYQCAoA5BKAAgGI4gHAAQDEMQEgAI+iMICwAE/RCEBgCCbgThAYBgPwIJACBoRyADAAS7EUgBAMFLBHIAQLCJQBIACJ4QyAIAwSMCaQAgAMDDp0D59TL5CbA+DVURAODZl2JFBADY+mmshgAAO26QKSEAQMttchUEANjzsEwBAQA6HplHRwCA7ncmQt8nAEAPAJFvFgGgJ4CoCAAwAEBEBAAYCKAPglJSU+4OZs3lrKkoP+klAKhsd9evg/uUF8358VVl+ckuA8CIVrchKKn8uD2fn4woPdmlABjZ6m0Eq/DLn9enHsY/L4SMDH/rUfLn9Hj2n3kJHwBGADyX4QjwnJ7B2gFg0ETPJQDgOT2DtQPAoImeSwDAc3oGaweAQRM9lwCA5/QM1g4AgyZ6LgEAz+kZrB0ABk30XAIAntMzWDsADJrouQQAPKdnsHYAGDTRcwkAeE7PYO0AMGii5xIA8JyewdoBYNBEzyUA4Dk9g7UDwKCJnksAwHN6Bmv/C/Cc3J+JBfzXAAAAAElFTkSuQmCC"); left: 0; right: auto; background-color: #000; padding: 4px; opacity: 0.7; display: none; top:45%; } .arrow-right{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAADzElEQVR4Xu3cMXLTUBDG8fcaWoLPQFzDDeAkQElcwA3gBpjCqc1J4AjUODPcwOOeGYtxgidxLFl6kjZh9/untnbe7vfzkyJ5lBN/0hPI0t3TfAKAOAIAAEB8AuLtswMAQHwC4u2zAwBAfALi7bMDAEB8AuLtswMAQHwC4u2zAwBAfALi7bMDAEB8AuLtswMAQHwC4u2zAwBAfALi7bMDAEB8AuLtswMAwM8Ezr78PstP/nzPOb9IVbVcz6bv/Kz+/1ypmx3gIPz9LEEwWJUbAJPLX8uU8pujjkEwCIEjAKuqsVMQ9EbgB8Diap5y9QEEvbOuPdANgN3qG08DXBP0VuEKAAh659x4oDsAIBgXgUsAIBgPgVsAIBgHgWsAIBiOwD0AEAxDEAIACPojCAMABP0QhAIAgnIE4QCAoAxBSAAg6I4gLAAQdEMQGgAI2hGEBwCC0wgkAICgGYEMABDUI5ACAIJjBHIAQHCIQBIACG4RyAIAwQ0CaQAgAMD1t0D518byO8D+bKiKAAB3LooVEQDg3r/GaggAUHODTAkBABpuk6sgAMCJh2UKCADQ8sg8OgIAtP9mIvR9AgB0ABD5ZhEAOgKIigAABQAiIgBAIYBoCADQA0AXBNucXm/en//oWf7BDgNAj1HXvrPwXp1tVb3czKY/e5R/0EMAUDjuLuGnKn9dz55/LCz9KB8HQMHYO4Wfqm/ri+nbgrKP+lEAdBx/xPB3rQOgA4Co4QNAPHwAtACI/M3ft84poAGBQvjsAOLhA6AGgMo3n1MA4V9PgGuAfxDUvvnsAHd2ANXw2QFSSsrhywNQD18aAOHfnAMlLwIJ//YCSA4A4R/+/ysFgPCPb37IACD8+vveEgAIv/mxZ3gAhH/6mXdoAITf/ouXsAAIvz38sPcBCL9b+CEBEH738MMBIPyy8EMBIPzy8MMAIPx+4YcAQPj9w3cPgPCHhe8aAOEPD98tAMIfJ3yXAAh/vPDdASD8ccN3BYDwxw/fFYDWV7Y6ezOHTZzlVd08DXx2udrklJ7Wt+jrtSzlMdkd4QbAZLH6nHL6dDwKwh/Cww2AXZPHpwHCHxK+q2uAfaOTxdW8yttXVcrLzcX5fOgA1I93tQOoh2XRPwAspuqoJgAchWWxVABYTNVRTQA4CstiqQCwmKqjmgBwFJbFUgFgMVVHNQHgKCyLpQLAYqqOagLAUVgWSwWAxVQd1QSAo7AslgoAi6k6qgkAR2FZLBUAFlN1VBMAjsKyWCoALKbqqCYAHIVlsVQAWEzVUU0AOArLYqkAsJiqo5p/AQKUP58nY6DzAAAAAElFTkSuQmCC"); right: 0; left: auto; } .swiper-container:hover .arrow-left,.swiper-container:hover .arrow-right{ display: block; } #ad103-swiper{height:280px} #ad105-swiper{height:300px} /*图片列表*/ .imgCon { width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .sulist{margin-left: -35px;} .sulist li{float: left;display: inline-block;width:370px;margin-left: 35px;font-size:16px;line-height: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .sulist li .imgCon{width:370px;height: 213px;} .sulist li img{width: 100%;height: auto;min-height: 213px;} .sulist li h3{padding:4px 0;font-weight:bold;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /*热点专题文字*/ .hotzt{width:1140px;margin-top: 15px;padding: 20px;background: #f7f7f7;line-height: 26px; font-size: 16px;} .hotzt a{width: 24%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hotzt a img{vertical-align: middle;margin-right: 6px;}