@charset "utf-8"; /*全局*/ body { background-color: #ebf0fa; padding:0; margin:0; font-family: "pingfang sc", "lantinghei sc", "helvetica neue", "helvetica,arial", "microsoft yahei", "微软雅黑", "stheitisc-light,simsun", "宋体", "wenquanyi zen hei", "wenquanyi micro hei", "sans-serif"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ul, form, dd, dt, dl, h1, h2, h3, h4, p { padding:0; margin:0; } a { color:#333333; text-decoration:none; } a:hover { color:#ff9724 !important; } i { text-decoration:none; font-style:normal } .w { width:1280px; margin:0 auto; } .cl { clear:both; } li { list-style:none; } img { border:0; } .mt7 { margin:10px 0 0 0; } .non { display:none; } .boxbg { background:#ebf0fa; width:1280px; margin:0 auto; clear:both; } .top0 { background:#fcfcfc; border-top:2px solid #00aae8; border-bottom:1px solid #edeef0; height:20px; padding:10px 0; font-size:14px; line-height:20px; } .top0 a { padding:0 16px; position:relative; } .top0 a:before { width:1px; height:10px; background:#cecece; content:''; position: absolute; left:0; top:5px; } .top0 a:nth-child(1):before { width:0; } .kouhao { display:inline-block; float:right; color:#083b90; font-weight:600; } .top1 { width:1200px; text-align:center; font-weight:500; padding:10px 0; margin:0 auto; font-size:14px; } .top1 a { padding:0 16px; position:relative; } .top1 a:before { width:2px; height:12px; background:#cecece; content:''; position: absolute; left:0; top:5px; } .top1 a:nth-child(1):before { width:0; } /*头部右侧广告*/ .bannertop{ width: 780px; height: 65px; padding: 0px; margin: 0px auto; float: right; } .bannertop img{ width:100%; height:100%; } .banner1 { width:1280px; height:100px; margin:0 auto; clear:both; } .banner1 img { width:1200px; height:100px; display:block; } .banner2 { width:1280px; height:auto; margin:0 auto; clear:both; padding:10px 0; } .banner2 img { width:100%; height:80px; display:block; } .banner3 { width:920px; height:auto; margin:0 auto; clear:both; padding:0px; } .banner3 img { width:100%; height:100px; display:block; } /*专栏*/ .zhanglan { clear:both; padding:25px 0 0 0; height:100px; } .zl { width:290px; float:left; padding:0 10px 0 0; } .zl img { width:112px; height:72px; float:left; } .zl dd { width:172px; float:right; } .zl dd h2 { font-size:15px; line-height:16px; padding:4px 0 10px 0; } .zl dd p { font-size:14px; color:#666666; line-height:1.6em } /*logo*/ .header { background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 20px; padding:15px 0; height:60px; position:relative; text-align:right; } .header a { display:inline-block; padding:0px; } .ewm { width:50px; height:50px; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -80px; position: absolute; top:25px; left:210px; cursor:pointer; } .ewmpic { width:200px; height:200px; position: absolute; top:0px; left:0; display:none; z-index:9999; } .ewmpic.on { display:block; } .ewmpic img { width:100%; height:100%; display:block; } .solo{ float: left; margin-top: 25px; margin-left: 275px; } #xhsearch { position: relative; float: left; display: inline-block; margin-right: 10px; width: 228px; float:left; margin-top: 18px; } #xhsearch .ss { float: left; width: 40px; font-size: 14px; color: #083b90; padding: 0; margin-top: 5px; } #xhsearch .ssbox { float: left; width: 180px; height: 30px; padding-left: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #8a8eb5; border-right-width: 0; background: #fff; margin-left:8px; } #xhsearch .ssbox .kux { float: left; line-height: 28px; width: 100px; height: 28px; font-size: 12px; outline: 0; border: 0; color: #8d9fab; display: block; } #xhsearch .ssbox .kux input { display: block; float: left; line-height: 28px; width: 70px; height: 28px; font-size: 12px; outline: 0; border: 0; color: #8d9fab; background: none; } #xhsearch .ssbox .anu { float: right; width: 55px; height: 28px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: url(/uploads/image/ylimages/2021mb_search.png) center center no-repeat #083b90; cursor: pointer; background-size: 40%; } /*导航*/ .dh1 { background:#00479d; padding:15px 0; text-align:center; color:#fff; height:20px; line-height:20px; } .dh1 a { color:#fff; font-size:16px; padding:0 13px 0 26px; } .dh1 a:nth-child(1) { background: no-repeat 0 -157px; } .dh1 a:nth-child(2) { background: no-repeat -150px -157px; } .dh1 a:nth-child(3) { background: no-repeat 0 -206px; } .dh1 a:nth-child(4) { background: no-repeat -150px -206px; } .dh1 a:nth-child(5) { background: no-repeat 0 -255px; } .dh1 a:nth-child(6) { background: no-repeat -150px -255px; padding: 0 15px 0 18px; } .dh1 a:nth-child(7) { background: no-repeat 0 -297px; } .dh1 a:nth-child(8) { background: no-repeat -150px -297px; } .dh1 a:nth-child(9) { background: no-repeat 0 -342px; } .dh1 a:nth-child(10) { background: no-repeat -150px -342px; } .dh1 a:nth-child(11) { background: no-repeat 0 -390px; padding:0 0 0 26px; } .dh2 { background:#ededed; line-height:38px; height:38px; text-align:center; } .dh2 a { padding:0 16px; position:relative; } .dh2 a:before { width:1px; height:10px; background:#222222; content:''; position: absolute; left:0; top:5px; } .dh2 a:nth-child(1):before { width:0; } .part{ width:1200px; margin:0px auto; } /*头条区*/ .toutiao { /* height: auto; */ /* padding: 10px 0px; */ /* margin: 10px 0px; */ padding: 1rem; margin-bottom: 1rem; background-color: #fff; overflow-y: hidden; margin-top:1rem; } .toutiao .hd { height:12px; overflow:hidden; position:absolute; left:5px; bottom:30px; z-index:1; width:70px; display:none; } .toutiao .hd ul { overflow:hidden; zoom:1; float:left; } .toutiao .hd ul li { float:left; margin-right:5px; width:12px; height:12px; background:#a4a4a4; cursor:pointer; text-indent:-999em; } .toutiao .hd ul li.on { background:#fe4200; } .toutiao .bd { position:relative; height:100%; z-index:0; padding: 0px 15px 0px 15px; } .toutiao .bd li { zoom:1; vertical-align:middle; height:auto; } .ttmore { position:absolute; text-align:right; right:0; bottom:30px; z-index:1; width:90px; overflow:hidden; font-size:14px; line-height:14px; height:14px; } .ttmore a { color:#fe4200 !important; } .toutiao h1 { font-size:34px; text-align:center; line-height:1.3em; padding:0 0 22px 0; } .toutiao h1 a { color:#0051a4; } .toutiao h1 a:hover { color:#ff9724 !important; } .toutiao p { text-align:center; font-size:16px; line-height:16px; height:16px; overflow: hidden; } .toutiao p a { padding:0 10px; } /*西藏要闻*/ .jjdc{ width:405px; float:left; background: #ebf0fa; /*margin-bottom:20px;*/ } .left1 { width:405px; float:left; background:#ffffff; margin-bottom: 18px; } .left1_2 { width:405px; float:left; background:#ffffff; } .fjxwb_dh { display:block; height:34px; background: no-repeat 0 -545px; margin: 1rem 0.75rem 0; } /*.xxjjs{display:block;height:98px;background: no-repeat 65px -435px;} .fjxwb_dh{display:block;height:34px;background: no-repeat 0 -545px;} .fjxwb{width:150px;height:34px;float:left;display:inline-block;} .ldhd{font-size:16px;line-height:34px;float:right;color:#0e3bac;}*/ /*列表一*/ .list { font-size: 16px; padding: 6px 0px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-orient: vertical; */ /* -webkit-box-direction: normal; */ -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list .lantiao {/*background: no-repeat 0 -1546px; */ /* padding: 0 0 0 15px; */ /* word-break: keep-all; */ /* white-space: nowrap; */ /* overflow: hidden; */ text-overflow: ellipsis; line-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; padding: 0.5rem 0.75rem; border-bottom: 1px solid #ebf0fa; position: relative; overflow-y: hidden; } .list .lantiao:hover a { color:#ffffff; } .list .lantiao:hover { background-color: #3494f0; } /*新华社看西藏*/ .xhskxz { background: no-repeat 0 -600px; display:block; height:38px; margin: 1rem 0.75rem 0; } .boxbg .jjdc .left1 .title{ border-bottom: 1px solid #d9d9d9; margin: 1rem 0.75rem 0; } .boxbg .jjdc .left1 .title .xhs { border-color: red; } .boxbg .jjdc .left1 .title .xhs a { padding-left: 5rem; background: url(/uploads/image/t2simages/logo-xhs.png) no-repeat 2px 0; background-size: contain; color: #000; } .boxbg .jjdc .left1 .title .name { display: inline-block; border-bottom: 2px solid #3494f0; font-size: 18px; font-weight: bold; line-height: 32px; color: #3494f0; } .boxbg .jjdc .left1_2 .title{ border-bottom: 1px solid #d9d9d9; margin: 1rem 0.75rem 0; } .boxbg .jjdc .left1_2 .title .xhs { border-color: red; } .boxbg .jjdc .left1_2 .title .xhs a { padding-left: 5rem; background: url(/uploads/image/t2simages/logo-xhs.png) no-repeat 2px 0; background-size: contain; color: #000; } .boxbg .jjdc .left1_2 .title .name { display: inline-block; border-bottom: 2px solid #3494f0; font-size: 18px; font-weight: bold; line-height: 32px; color: #3494f0; } /*焦点图*/ .jdt { width:860px; height:490px; overflow:hidden; position:relative; float:right; } .jdt .hd { height:15px; overflow:hidden; position:absolute; right:0; bottom:20px; z-index:1; width:120px; overflow:hidden; } .jdt .hd ul { overflow:hidden; zoom:1; float:left; } .jdt .hd ul li { float:left; margin-left:10px; width:10px; height:10px; background:#fff; cursor:pointer; text-indent:-999em; border-radius:10px; } .jdt .hd ul li.on { background:#f03e00; } .jdt .bd { position:relative; height:100%; z-index:0; } .jdt .bd li { zoom:1; vertical-align:middle; } .jdt .bd img { width: 860px; height: 495px; display: block } .recommend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left:15px; float:left; margin-top:10px; background:#ebf0fa; width:860px; text-align: center; } .recommend .card { width: 100%; background-color: #fff; margin-right: 10px; } .recommend .card .card-body { padding: 0px 12px 12px 12px; text-align:left; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #zhongjian{ margin:0px 18px; } .img-breath { position: relative; overflow: hidden; } .recommend .card img { width: 280px; height: 148px; } .img-breath img { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .card .card-body { padding: 10px; } .card .card-body .card-title { height: 48px; } @keyframes slowmotion { from, to { transform: scale(1) translate(0, 0); } 50% { transform: scale(1.2); } } @-moz-keyframes slowmotion { from, to { transform: scale(1) translate(0, 0); } 50% { transform: scale(1.2); } } @-webkit-keyframes slowmotion { from, to { transform: scale(1) translate(0, 0); } 50% { transform: scale(1.2); } } @-o-keyframes slowmotion { from, to { transform: scale(1) translate(0, 0); } 50% { transform: scale(1.2); } } .jdt .bd div { position:relative; display:block; height:62px; bottom:0; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; color:#fff; background:linear-gradient( to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100% ); font-size:22px; padding:0 0 0 15px; line-height:62px; margin-top: -62px; } .jdt .bd div a { color:#ffffff; } /*第二屏*/ .left2 { width:920px; float:left; } .left3 { width:258px; float:left; margin:0 15px 0 0; } .left4 { width:258px; float:left; } .left5 { width:376px; float:right; } .left6 { width:376px; float:right; background-color:#ffffff; margin-bottom: 20px; } /*——推广等栏目——*/ .left22 { width:920px; float:left; } .left66 { width:376px; height: 250px; float:right; background-color:#ffffff; margin-bottom: 20px; } /*——原创——*/ .part5-cont-item { width: 376px; margin-bottom: 0px; background-color:#ffffff; } .part5-cont-item-swiper { width: 100%; height: 215px; overflow: hidden; } .part5-cont-item-swiper .swiper-container { width: 100%; height: 100%; position: relative; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .part5-cont-item-swiper .swiper-slide { width: 100%; height: 215px; position: relative; }.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .part5-cont-item-swiper .swiper-slide::before { content: ""; width: 100%; height: 57px; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); z-index: 2; } .part5-cont-item-swiper-img { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; } .part5-cont-item-swiper-img img { width: 100%; height: 100%; } .part5-cont-item-swiper-tit { width: 94%; padding: 0 3%; position: absolute; z-index: 2; height: 42px; line-height: 42px; left: 0; bottom: 15px; color: #fff; overflow: hidden; } .part5-cont-item-swiper-tit a { color: #fff; display: block; z-index: 2; } .part5-cont-item-swiper-pagination { width: 100%; height: 15px; position: absolute; left: 0; bottom: 10px; text-align: center; } .part5-cont-item-swiper-pagination .swiper-active-switch { background-color: #fff; } .part5-cont-item-swiper-pagination .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border: 1px solid #fff; margin-right: 5px; line-height: 15px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .part5-cont-item-tits { margin-top: 0px; } .clearfix { display: block; #zoom: 1; } .part5-cont-item-tits li { float: left; width: 48%; margin-right: 2%; padding-left: 0; } .uni-tits li { padding-left: 14px; width: 364px; height: 43px; display: table; padding: 6px 10px; align-items: center; display: flex; -webkit-box-align: center; } li { list-style-type: none; } .clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; } .part5-cont { width: 1236px; } .right2 { width:340px; float:right; } .right2_bgt{ background:#ffffff; } .right3 { width:340px; float:right; } .right3_bgt{ background:#ffffff; } .ldzq_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -655px; height:50px; } .rsp_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -710px; height:50px; } .ycbd_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -764px; height:50px; } .rhcx_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -820px; height:50px; } .yz_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -875px; height:50px; } .stxz_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -1590px; height:50px; } .xhft_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -985px; height:50px; } .xhyzb_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -1042px; height:50px; } .rsxw_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -1097px; height:50px; background-color:#ffffff; } .zyy_dh { display:block; background:url(/uploads/image/t2simages/bg_new0606.png) no-repeat 0 -1266px; height:50px; background-color:#ffffff; } .zksk_dh { display:block; background: no-repeat 0 -1540px; height:50px; background-color:#ffffff; } .lzxw_dh { display:block; background: no-repeat 0 -1153px; height:50px; background-color:#ffffff; } .xczx_dh { display:block; background: no-repeat 0 -1319px; height:50px; background-color:#ffffff; } .xhyzx_dh { display:block; background: no-repeat 0 -928px; height:50px; background-color:#ffffff; } .jhbd_dh { display:block; background: no-repeat 0 -1210px; height:50px; background-color:#ffffff; } .zwfw_dh { display:block; background: no-repeat 0 -1490px; height:50px; background-color:#ffffff; } .sjwj_dh{ display:block; background: no-repeat 0 -1628px; height:50px; background-color:#ffffff; } .whly_dh{ display:block; background: no-repeat 0 -1542px; height:50px; background-color:#ffffff; } .kxjy_dh{ display:block; background: no-repeat 0 -930px; height:50px; background-color:#ffffff; } .zcgs_dh{ display:block; background: no-repeat 0 -1665px; height:50px; background-color:#ffffff; } .tgxx_dh{ display:block; background: no-repeat 0 -1704px; height:50px; background-color:#ffffff; } .dslb_dh{ display:block; background: no-repeat 0 -1746px; height:50px; background-color:#ffffff; } .xlm_bg{ background:#ffffff; } .tuwen1 { width:258px; height:195px; background: white; margin-bottom:20px; overflow: hidden; } .tuwen1 img { width:258px; height:136px; display:block; } .tuwen1 div { height:44px; display: table; padding:6px; } .tuwen1 div a { text-align: left; width:258px; font-size:14px; line-height:1.5em; } .tuwen11 { width:376px; height:195px; background: white; margin-bottom:20px; } .tuwen11 img { width:376px; height:136px; display:block; } .tuwen11 div { height:44px; display: table; padding:6px; } .tuwen11 div a { display: table-cell; vertical-align: middle; text-align: left; width:376px; font-size:14px; line-height:1.5em; } /*推广等栏目*/ .tuwen111 { width:258px; height:200px; background: white; margin-bottom:20px; overflow: hidden; } .tuwen111 img { width:258px; height:136px; display:block; } .tuwen111 div { height:44px; display: table; padding:6px; } .tuwen111 div a { text-align: left; width:258px; font-size:14px; line-height:1.5em; } .list2 { background-color:#ffffff; } .list2 ul { } .list2 li { height: 84px; padding: 20px 0; display: block; background: url(/uploads/image/t2simages/bg_new0606.png) repeat-x 0 -2044px; } .list2 li:nth-child(1) { padding: 0 0 20px 0; background: url(/uploads/image/t2simages/bg_new0606.png) repeat-x 0 -1782px; } .list2 img{ width:130px; height:76px; float:left; } .list2 li div { width:238px; height:76px; float:right; display: table; } .list2 div a { display: table-cell; vertical-align: middle; text-align: left; width:238px; font-size:16px; line-height:1.6em; font-weight:500; } .list3 li { height: 90px; padding: 10px 0 0 0; display: block; background: url(/uploads/image/t2simages/bg_new0606.png) repeat-x 0 -2044px; } .list3 li:nth-child(1) { padding: 0px 0 10px 0; background: url(/uploads/image/t2simages/bg_new0606.png) repeat-x 0 -1782px; } .list3 li img { width:120px; height:76px; float:left; } .list3 li div { width:212px; height:76px; float:right; display: table; } .list3 div a { display: table-cell; vertical-align: middle; text-align: left; width:212px; font-size:16px; line-height:1.6em; font-weight:500; } /*新华炫图*/ .xhxtbg { width: 100%; min-width: 1280px; height: 680px; padding-top: 0px; margin-top: 20px; clear:both; background-image: ; background-position: center center; background-repeat: no-repeat; } .clearfix1{ clear:both; width: 100%; min-width: 1200px; } .part { width: 1280px; margin: 0 auto; } .tit { width: 100%; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; } .tit a { font-size: 22px; line-height: 38px; position: relative; color:#0051a4; font-weight:normal; } .tit a::before { content: ""; height: 2px; width: 100%; background-color: #3e6aba; position: absolute; left: 0; bottom: -8px; } .tit i { font-style: normal; font-size: 14px; color: #305798; margin-left: 20px; } .part4-cont { width: 100%; height: 600px; } .part4-cont ul { width: 1285px; } .part4-cont .big { width: 515px; height: 298px; float: left; position: relative; overflow: hidden; } .part4-cont li a { /* display: block; */ position: relative; color: #fff; } .part4-cont .big img { width: 100%; height: 100%; } .part4-cont .small { width: 248px; height: 298px; float: left; overflow: hidden; } .part4-cont .small .small-div { width: 248px; height: 150px; margin-bottom: 0px; overflow: hidden; position: relative; } .part4-cont .small a { color: #fff; } .part4-cont .small .small-div img { width: 100%; height: 100%; } .part4-cont li i { width: 100%; height: 45px; text-align: center; line-height: 45px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; font-size: 16px; font-style: normal; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); } /*新华热图*/ .part5 { margin-top: 0px; overflow: hidden; } .part5-photo { width: 1200px; margin-bottom: 30px; } .part5-cont { width: 1280px; background-color:#ebf0fa; } .clearfix { display: block; } .part5-cont-photo-swiper { width: 100%; height: 190px; } .swiper-container { } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .part5-cont-photo-swiper .arrow-left { width: 50px; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px; background-image: url(/uploads/image/t2img/left.png); display: block; z-index: 3; } .part5-cont-photo-swiper .arrow-right { width: 50px; height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; background-image: url(/uploads/image/t2img/right.png); display: block; z-index: 3; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .part5-cont-photo-swiper .swiper-slide { width: 300px; height: 190px; overflow: hidden; position: relative; } .part5-con-photo-swiper-img { width: 318px; height: 190px; overflow: hidden; margin-right: 3px; } .part5-con-photo-swiper-img img { width: 100%; height: 100%; } .part5-con-photo-swiper-tit { position: absolute; width: 318px; margin-right: 3px; height: 60px; overflow: hidden; z-index: 2; left: 0; bottom: 0; } .part5-con-photo-swiper-tit::before { content: ""; width: 318px; margin-right: 3px; height: 100%; z-index: 0; display: block; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); } .part5-con-photo-swiper-tit a { color: #fff; display: block; position: absolute; left: 0; bottom: 0; width: 96%; padding: 0 2%; height: 60px; z-index: 2; text-align: center; font-size: 16px; font-weight: bold; line-height: 60px; } .clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; } .tuwen2 { width:340px; height:240px; background: white; margin-bottom:15px; overflow: hidden; position: relative; } .tuwen2 img { width:340px; height:185px; display:block; } .tuwen2 div { height:44px; display: table; padding:6px; } .tuwen2 div a { display: table-cell; width:340px; font-size:16px; -webkit-box-align: center; } .tuwen2 span { position: absolute; width: 50px; height: 50px; left: 0px; top: 140px; z-index: 10000; display: block; background: url(/uploads/image/t2eimages/sp_tubiao_small.png) no-repeat 30%; } .tuwen3 { width:270px; height:219px; background: white; margin-bottom:20px; } .tuwen3 img { width:270px; height:185px; display:block; } .tuwen3 div { height:44px; display: table; padding:6px 0px; } .tuwen3 div a { display: table-cell; width:270px; font-size:16px; -webkit-box-align: center; text-align: center; } .xpage-content-list { } .xpage-content-list li { height:76px; padding:20px 0; display:block; background: repeat-x 0 -1604px; overflow:hidden; } .xpage-content-list li:nth-child(1) { padding:0 0 20px 0; background: repeat-x 0 -1624px; } .xpage-content-list li.a img { width:130px; height:76px; float:left; } .xpage-content-list li.a div { width:238px; height:76px; float:right; display: table; } .xpage-content-list li.a div a { display: table-cell; vertical-align: middle; text-align: left; width:238px; font-size:16px; line-height:1.6em; font-weight:500; } .xpage-content-list li.b h2 { font-size:16px; line-height:1.6em; font-weight:600; padding:0 0 10px 0; } .xpage-content-list li.b p { color:#777777; font-size:14px; text-indent:2em; line-height:1.6em; height:40px; overflow:hidden; } .zwfw { } .zwfw li { width:210px; height:126px; float:left; margin:0 0 0 20px; } .zwfw li:nth-child(1) { margin:0; } .zwfw li img { width:100%; height:100%; display:block; } /*尾部*/ .footer { color:#fff; background:#0b3a8a; text-align:center; font-size:14px !important; padding:30px 0; clear:both; min-width: 1280px; position:relative; line-height: 40px; } .footer a { color:#fff !important; font-size:14px; } .footer p { text-indent:0; font-size:14px; padding:0; } .foot-gs { position: absolute; right: 50%; bottom: 43px; margin-right: -565px; width: 34px; height: 42px; background: 0 0 no-repeat; } .hlmore { width: 70px; height: 100px; float: left; background: url(/uploads/image/t2simages/toutiaologo.png) no-repeat left top; display: block; margin-left: -15px; margin-top: -15px; } .hlmore a { display: block; width: 50px; height: 50px; } /*融视频*/ .part3-right-cont { height: 460px; } .part3-right-cont li { height: 58px; width: 100%; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .part3-right-cont-img { height: 0; overflow: hidden; position: relative; } .part3-right-cont-img::before { content: ""; width: 57px; height: 57px; background-image: url(/uploads/image/t2img/play.png); -webkit-background-size: 96% auto; -moz-background-size: 96% auto; background-size: 96% auto; background-repeat: no-repeat; background-position: center center; z-index: 2; position: absolute; left: 50%; top: 50%; margin-left: -28px; margin-top: -28px; }.part3-right-cont-img img { width: 100%; height: 100%; } .part3-right-cont-img-tit { position: absolute; left: 0; bottom: 0; z-index: 2; line-height: 48px; width: 356px; padding: 0 10px; height: 48px; color: #fff; font-weight: bold; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part3-right-cont-img-tit::before { content: ""; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; bottom: 0; } .part3-right-cont-img-tit a { color: #fff; z-index: 2; position: relative; } .part3-right-cont-tit { line-height: 58px; padding: 0 10px; height: 58px; color: #fff; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; } .part3-right-cont-tit a { color: #fff; } .part3-right-cont .show { height: 226px; } .part3-right-cont .show .part3-right-cont-img { height: 226px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .first .part3-right-cont-tit { background-color: #608cd4; } .second .part3-right-cont-tit { background-color: #5982c7; } .third .part3-right-cont-tit { background-color: #3e6aba; } .four .part3-right-cont-tit { background-color: #30489f; } .five .part3-right-cont-tit { background-color: #15286b; } /*人事廉政*/ .tuwen12{ height: 57px; margin: 0px; border-top: 1px #b4b4b4 double; width: 258px; background: white; overflow: hidden; } .tuwen12 div:before { position: absolute; display: block; left: 8px; top: 14px; content: ''; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 8%; background: #0762cb; } .tuwen12 div { height: 44px; display: table; padding: 6px; position: relative; padding-left: 22px; } .tuwen12 div a { text-align: left; width: 258px; font-size: 14px; line-height: 1.5em; } /*地市联播*/ .tuwen_dslb{ height: 57px; margin: 0px; border-top: 1px #b4b4b4 double; width: 340px; background: white; overflow: hidden; } .tuwen_dslb div:before { position: absolute; display: block; left: 10px; top: 15px; content: ''; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 8%; background: #0762cb; } .tuwen_dslb div { height: 44px; /* display: table;*/ padding: 6px; position: relative; padding-left: 22px; background-color: #9999991f; } .tuwen_dslb div a { display: table-cell; vertical-align: middle; text-align: left; width: 340px; font-size: 16px; line-height: 1.5em; } /*推广信息*/ .tuwen_tgxx{ height: 66px; margin: 0px; border-top: 1px #b4b4b4 double; width: 340px; background: white; overflow: hidden; } .tuwen_tgxx div:before { position: absolute; display: block; left: 10px; top: 18px; content: ''; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 8%; background: #0762cb; } .tuwen_tgxx div { height: 54px; /* display: table;*/ padding: 6px; position: relative; padding-left: 22px; background-color: #9999991f; } .tuwen_tgxx div a { display: table-cell; vertical-align: middle; text-align: left; width: 340px; font-size: 16px; line-height: 1.5em; }