.contain { width: 1200px; margin: 0 auto; padding-bottom: 40px; background: #fff; } .video_bj { background: #fff3ea; padding-top: 40px; } .video_bj .video_top{ width: 100%; /*background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/vtitle_bg.png") no-repeat left center; padding-left: 20px;*/ margin-bottom: 20px; } .video_bj .video_top h2{ font: normal 30px "Microsoft YaHei" ; color: #000000; } .video_bj .video_top p{ font: 16px "Microsoft YaHei" ; color: #666666; line-height: 1.6em; padding: 0 10px; } .video_bj .video_bottom{ height: 500px; border-top: 1px dashed #727376; border-bottom: 1px dashed #727376; } .video_bj .video_bottom .video_bleft{ width: 794px; height: 497px; float: left; position: relative; margin-left: 12px; } .video_bj .video_bottom .video_bright{ float: right; width: 380px; height: 500px; overflow: hidden; } .video_bright li{ height: 110px; border-bottom: 1px dashed #727376; padding: 28px 0; } .video_bright li.flis { border: 0px; padding-top: 0px; } .video_bright h3 { font-weight: normal; height: 54px; overflow: hidden; font: 20px "微软雅黑"; color: #000000; line-height: 27px; margin-bottom: 5px; } .video_bright h3 span{ font: 15px "Microsoft YaHei"; color: #939393; } .video_bright h3 span.video_ico{ width: 27px; height: 20px; display: inline-block; background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/fangtan/video_icon.png") center no-repeat; position: relative; top: 3px; } .bg_tu { background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/v_list.png") no-repeat center right; padding-right: 13px; } .video_bright p{ font: 16px/1.6em "microsoft yahei","微软雅黑"; color: #666666; height: 3.2em; overflow: hidden; } .banner{ width: 794px; height: 497px; } .banner img{ width: 100%; height: 100%; } /*banner样式的开始*/ .video_bleft .tb-arrow a{ width: 64px; height: 64px; margin: 0 20px; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .video_bleft .tb-btn{ bottom: 33px; height: 1px; z-index: 101; padding-left: 255px; left: 50% !important; } .video_bleft .tb-btn a{ width: 34px; margin: 0; display: inline-block; vertical-align: middle; height: 1px; box-sizing: border-box; background: #b8b8b8; border-radius: 0; margin: 0 5px; } .tb-btn a.active { background-color: #ffffff !important; padding: 1px 0px; } .boxshadow { position: absolute; left: 0px; bottom: 0px; width: 794px; height: 50px; line-height: 47px; background: rgba(0,0,0,0.5); /*处理ie8不兼容rgba属性*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); } .boxshadow p { display: inline-block; font-family: "Microsoft YaHei"; color: #ffffff; vertical-align: middle; } .banIndex { margin: 0px 20px; } .banIndex span{ font-size: 16px; } .banIndex .idx1 { font-size: 28px; color: #d51717; } .banText { width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 22px "Microsoft YaHei"; } /*banner样式的结束*/ /*访谈*/ .interview { width: 1200px; height: 290px; } .ft_left { width: 794px; height: 266px; margin-top: 10px; float: left; border: 1px solid #f5f5f5; margin-left: 12px; } .ft_left h2 { font: 26px "Microsoft YaHei"; width: 766px; margin: 20px auto; color: #d51717; border-bottom: 1px solid #f5f5f5; /*padding-bottom: 20px;*/ } .ft_left h2 a{ color: #d51717; } .ft_left li { width: 256px; height: 176px; float: left; position: relative; } .ft_left li img{ width: 100%; height: 100%; } .ft_left li span{ position: absolute; left: 0px; bottom: 0px; width: 246px; height: 41px; font: 16px "Microsoft YaHei"; padding: 5px; color: #ffffff; overflow: hidden; background: rgba(0,0,0,0.5); /*处理ie8不兼容rgba属性*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); } .ft_right{ width: 380px; height: 268px; float: right; background: #f5f5f5; margin-top: 7px; } .ft_right form{ width: 326px; height: 36px; margin: 27px auto 17px; position: relative; } .ft_right form input{ width: 316px; height: 36px; line-height: 36px; font: 16px "Microsoft YaHei"; color: #808080; border: 1px solid #dddddd; padding-left: 10px; padding-top:8px\9; height:28px\9; } /* 针对ie9 进行调试 */ :root .ft_right form input{ padding-top:0px\9; height:36px\9; outline: none; } .ft_right form span{ display: block; position: absolute; width: 28px; height: 28px; top: 5px; right: 5px; cursor: pointer; background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/fangtan/search1.gif") no-repeat center left; } .ft_right ol{ margin-left: 22px } .ft_right li{ float: left; margin-left: 4px; margin-bottom: 10px; } /* 新闻发布会样式 */ .news { /*margin-top: 50px;*/ width: 1200px; height: 530px; } .news .news_left{ width: 794px; height: auto; float: left; border: 1px solid #f5f5f5; margin-left:12px; } .news_left h2{ width: 766px; margin: 20px auto; border-bottom: 1px solid #f5f5f5; padding-bottom: 35px; } .news_left h2 p { font: 26px "Microsoft YaHei"; color: #d51717; float: left; } .news_left h2 p a{ color: #d51717; } .news_left .news_menu { float: left; margin-left: 30px; margin-top: 13px; } .news_left .news_menu a{ font-size: 14px; color: #666666; display: inline-block; padding-left: 8px; background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/newslistbg.png") no-repeat center left; } .news_menu .first_news_menu { background: none !important; } .news_left .newsbg { display: block; width: 794px; height: 238px; margin: 0px auto 15px auto; position: relative; } .news_left .newsbg img{ width: 100%; height: 100%; } .news_left .newsbg span{ display: block; font: 16px/46px "Microsoft YaHei"; position: absolute; left: 0px; bottom: 0px; width: 726px; height: 46px; padding: 0px 20px; background: rgba(0,0,0,.5); /*处理ie8不兼容rgba属性*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); color: #ffffff; overflow: hidden; } .news_left li{ font: 18px "Microsoft YaHei"; height: 40px; line-height: 40px; background: url(""/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/fangtan/video_icon.png"") no-repeat center left; margin-left: 8px; padding-left: 35px; } .news_left li span { width: 550px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000000; } .news_left li em { display: inline-block; vertical-align: top; margin-left: 120px; font-size: 14px; color: #cccccc; } .news_right { width: 380px; height: 400px; float: right; } .news_right li{ width: 100%; height: 80px; line-height: 80px; text-align: center; margin-bottom: 10px; background: #f5f5f5; } .news_right li a{ font-size: 24px; font-family: "Microsoft YaHei"; color: #666666; display: block; width: 100%; height: 100%; } /*政务活动*/ .activity { width: 100%; height: auto; height: 290px; overflow: hidden; margin-top: 15px; border: 1px solid #f5f5f5; } .activity h2{ width: 1174px; margin: 20px auto; border-bottom: 1px solid #f5f5f5; padding-bottom: 35px; } .activity h2 p { font: 26px "Microsoft YaHei"; color: #d51717; float: left; } .activity h2 p a{ color: #d51717; } .activity li { width: 275px; height: 184px; float: left; margin: 0px 12px 15px 12px; position: relative; } .activity li span{ position: absolute; left: 0px; bottom: 0px; width: 265px; height: 41px; font: 16px "Microsoft YaHei"; padding: 5px; color: #ffffff; overflow: hidden; background: rgba(0,0,0,0.5); /*处理ie8不兼容rgba属性*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); } .activity li img{ width: 100%; height: 100%; } /** 专栏 **/ .column { width: 100%; margin: 15px 0px; height: 250px; padding: 17px 0px 7px 0px; background: #f5f5f5; } .column_son { width: 100%; height: 100%; margin: auto; position: relative; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { width: 360px !important; text-align: left; font-size: 18px; margin: 0px 20px; } .swiper-button-prev { width: 41px; height: 41px; border: 1px solid #f00; position: absolute; left: 1060px !important; top: 248px !important; background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/column_left.png") no-repeat center left; z-index: 1000; cursor: pointer; } .swiper-button-next { width: 41px; height: 41px; border: 1px solid #f00; position: absolute; left: 1140px !important; top: 248px !important; background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/column_right.png") no-repeat center left; z-index: 1000; cursor: pointer; } .swiper-slide .column_tu { width: 360px; height: 133px; display: block; } .column_tu img{ width: 100%; height: 100%; } .swiper-slide h3 { width: 360px; height: 60px; color: #000000; font: 18px/60px "Microsoft YaHei"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-slide p { width: 360px; height: 40px; overflow: hidden; font: 16px "microsoft yahei","微软雅黑"; color: #737373; } /*视频北京的样式*/ .videoBjList { margin-bottom: 50px; height: 566px; overflow: hidden; } .videoBjList li { width: 361px; height: 248px; margin:17px 20px 17px 19px;; display: table-cell; float: left; position: relative; } .videoBjList li img{ width: 100%; height: 100%; } .videoBjList li span{ position: absolute; left: 0px; bottom: 0px; width: 351px; height: 41px; text-align: center; font: 14px/41px "Microsoft YaHei"; padding: 5px; color: #ffffff; overflow: hidden; background: rgba(0,0,0,0.5); /*处理ie8不兼容rgba属性*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); } .videoSrc { } input::-ms-clear{ display:none; } input[type=text]::-ms-clear{ display: none; } .bg_default{ display: block; width: 100%; height: 100%; background: url("/wwwcsglxhcom/shipin/Portal/Tpl/templates/newspbj/images/bg_default.png") no-repeat; background-size: 100% 100%; }