* { margin: 0; padding: 0; text-decoration: none; list-style: none; font-family: 'Microsoft YaHei', Arial, sans-serif; -webkit-font-smoothing: antialiased; } li { list-style: none; } a { color: #181818; } a:hover { color: #000; } a:link { color: #005faf; } input { border: 1px solid #dfdfdf } .row { position: static; top: 0; left: 0; } .container { background-position: center; width: 100%; margin-right: auto; margin-left: auto; /*border:1px solid #000;*/ } .row-bottom { height: 20px; } .row-right { margin-right: 20px; } .topbar { background-color: #c7ecf9; background-image: url(/images/topbg.png); background-repeat: no-repeat; } .topbar-left { position: relative; float: left; margin-top: 10px; } .topbar-right { position: relative; float: right; margin-top: 10px; } /* 顶部搜索 ;*/ .widget { margin-top: 15px; } .widget .widget-title { font-size: 20px; line-height: .8; text-transform: uppercase; position: relative; margin: 13px 0 40px; border: none; padding-left: 18px } .mc4wp-form { position: relative; margin: 0; float: right; } .mc4wp-form input { border: none; background: #FFF; border-radius: 35px; outline: none; font-size: 15px; /*margin:0 0 15px;*/ padding-left: 25px; } .mc4wp-form input[type=text]::-moz-placeholder { color: rgba(255,255,255,.8); opacity: 1 } .mc4wp-form input[type=text]::-ms-input-placeholder { color: rgba(255,255,255,.8); opacity: 1 } .mc4wp-form input[type=text]::-webkit-input-placeholder { color: rgba(255,255,255,.8); opacity: 1 } .mc4wp-form button { float: right; font-size: 15px; color: #fff; border: none; text-align: center; font-family: rubik,sans-serif; text-transform: capitalize; font-weight: 700; background: #007fc9; border-radius: 35px; position: absolute; right: 0px; top: 0px; outline: none; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s } .mc4wp-form button:hover { background: #0866ff } /* 导航菜单 border:2px solid #000000;*/ .lib_Tab1_sx { background: linear-gradient(to bottom,#005faf, #FFF); /*background-image:url(/images/bg.jpg);*/ background: #FFF; background-attachment: fixed; background-size: cover; height: 100%; margin: 0; } .lib_Contentbox_sx { margin-top: 0px; height: 100%; } con_one_1 { background-color: #fff; } .topmenubg { width: 100%; background-color: #005faf; } .navbar-nav { margin: 0; padding: 0; width: 100%; float: left; } .navbar-nav li { float: left; position: relative; list-style: none; font-weight: 700; line-height: 50px; font-size: 20px; text-align: center; /*border:1px solid #000000*/ } .navbar-nav li > a { font-family: 'Microsoft YaHei', Arial, sans-serif; color: #fff; text-decoration: none; -webkit-font-smoothing: antialiased; } .navbar-nav li:hover > a { background-color: #007fc9; } .navbar-nav .xz { background-color: #007fc9; } /* 快速菜单 border:2px solid #000000;*/ .topmenubg2 { width: 100%; background-color: #f2f2f2; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #007fc9; } .navbar-nav2 { margin: 0; padding: 0; width: 100%; float: left; height: 100% } .navbar-nav2 li { float: left; list-style: none; text-align: center; z-index: 9; /*border:1px solid #000000*/ } .navbar-nav2 li > a { font-size: 17px; height: 40px; color: #007fc9; font-family: 'Microsoft YaHei', Arial, sans-serif; text-decoration: none; -webkit-font-smoothing: antialiased; } .navbar-nav2 li:hover > a { background-color: #ffffff; border: 1px solid #e2e2e2; } .rt-btn { display: inline-block; overflow: hidden; position: relative; z-index: 1; text-align: center; text-transform: capitalize; /*padding:14px 30px;*/ padding-top: 15px; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 1.5; width: 100%; height: 70%; } .rt-btn::before { position: absolute; left: auto; right: 0; bottom: 0; height: 100%; width: 0; z-index: -1; padding: 0px 0px; transition: width .3s cubic-bezier(.25,.8,.25,1) 0s; -moz-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s; -webkit-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s; background: #ffffff; } /* 首页-机构概况--*/ .aboutbg { width: 100%; background-color: #f7f7f7; height: 100%; } .aboutbg a { color: #005faf; font-size: 18px; } .aboutmenu { margin-top: 25px; margin-bottom: 10px; width: 100%; float: left; color: #005faf; font-size: 18px; } .aboutmenu p.icon_map { background-image: url(/images/web.png); background-repeat: no-repeat; height: 27px; width: 24px; float: left; margin-right: 10px; } .aboutleft { float: left; top: 0; left: 0; padding: 2px; vertical-align: top; box-shadow: 1px 2px 1px 1px rgba(225,232,238,0.5); background-color: #FFF; } .aboutright { float: right; margin: 5px; position: static; top: 0; left: 0; box-shadow: 1px 2px 1px 1px rgba(225,232,238,0.5); background-color: #FFF; /*border:1px solid #000;*/ } .about_title { color: #181818; width: 88%; background-image: url(/images/title-line.png); background-position: bottom left; background-repeat: no-repeat; border-bottom: 1px solid #dddddd; font-weight: 700; height: 60px; margin: 20px; } .about_contact { line-height: 40px; padding: 20px; margin: 20px; } .aboutl_menu { width: 100%; margin: 0; padding: 0; float: left; /*border:1px solid #dbdbdb;*/ } .aboutl_menu li { height: 55px; border-bottom: 1px solid #dbdbdb; width: 100%; background-color: #f7f7f7; float: left; position: relative; text-align: left; } .aboutl_menu li > a { float: left; font-size: 16px; height: 55px; width: 100%; color: #181818; line-height: 50px; background-image: url(/images/menu-l.png); background-position: 95% 50%; background-repeat: no-repeat; } .aboutl_menu li:hover > a { color: #017fc9; background-color: #dedede; } /*鼠标移动效果*/ .chover { display: inline-block; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 1.5; } .chover2 { display: inline-block; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 1.5; background: #dedede; border-bottom: 1px solid #FFF; } /*左边导航标题*/ .aboutl_menu_title { height: 60px; background-color: #017fc9; color: #FFFFFF; font-size: 20px; line-height: 40px; padding: 20px 20px 0; } .aboutl_menu_title .icon_leftmenu { width: 37px; height: 37px; background-image: url(/images/about-icon.png); background-repeat: no-repeat; float: left; margin-right: 15px; } /* border:2px solid #000000;*/ .copyright { border-top: 1px solid #1a6fb7; margin-top: 25px; padding-top: 20px; float: left; width: 100%; } .footer { background-color: #005faf; height: 250px; padding: 30px; color: #FFF; vertical-align: top; } .footertitle { padding-left: 20px; font-size: 18px; line-height: 30px; font-weight: 700; margin-top: 20px; margin-bottom: 35px; } .footercontent { margin-top: 20px; margin-left: 25px; line-height: 38px; } .footercontent p { margin-bottom: 0px; margin-top: 0px; } .footercontent p.icon_map { background-image: url(/images/map.png); background-repeat: no-repeat; float: left; } .footercontent p.icon_iphone { background-image: url(/images/iphone.png); background-repeat: no-repeat; float: left; } .footercontent p.icon_fax { background-image: url(/images/fax.png); background-repeat: no-repeat; float: left; } .mcform { position: relative; margin: 15px 0; } .mcform input[type=email] { height: 60px; border: none; background: rgba(255,255,255,.1); border-radius: 10px; outline: none; font-size: 15px; font-family: rubik,sans-serif; color: rgba(255,255,255,.8); font-weight: 400; padding: 0 28px; margin: 0 0 15px } .mcform input[type=email]::-moz-placeholder { color: rgba(255,255,255,.8); opacity: 1 } .mcform input[type=email]::-webkit-input-placeholder { color: rgba(255,255,255,.8); opacity: 1 } .mcform button { height: 60px; font-size: 15px; line-height: 60px; color: #fff; border: none; text-align: center; font-family: rubik,sans-serif; text-transform: capitalize; font-weight: 700; background: #0866ff; border-radius: 15px; position: absolute; outline: none; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s } .mcform button i { margin-right: 10px } .mcform button:hover { background: #081880 } /*首页技术平台的样式*/ .jspt { margin: 0; float: left; /*border:1px solid #000;*/ } .jspt-fw { margin: 0; width: 100%; float: left; color: #0554b9; line-height: 40px; margin-bottom: 15px; } .jspt-zl { float: left; width: 97%; margin: 0; border: 1px solid #dfdfdf; } .jspt-zl li { width: 29.5%; float: left; height: 170px; background-image: url(/images/zl1.jpg); background-repeat: no-repeat; margin: 10px; text-align: center; color: #FFFFFF } .jspt-icon li { float: left; background: #efefef; border: 1px solid #dfdfdf; font-size: 17px; font-weight: 500; height: 50px; line-height: 50px; margin-right: 10px; margin-bottom: 15px; text-align: center; } .jspt-icon li > a { color: #181818; } .jspt-icon li > a:hover { background: #005faf; color: #FFF; } .jspt-btn-big { display: inline-block; overflow: hidden; position: relative; text-align: center; width: 80%; height: 70%; padding: 8% 10%; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 30px; } .jspt-btn { display: inline-block; overflow: hidden; position: relative; text-align: center; padding-top: 13px; padding-bottom: 13px; width: 270px; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 1.5; } .jspt-btn-long { display: inline-block; overflow: hidden; position: relative; text-align: center; padding-top: 13px; padding-bottom: 13px; width: 557px; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 1.5; } .jspt-btn::before { position: absolute; z-index: -1; } .jspt-line { border: 1px solid #dddddd; position: relative; float: left; background-color: #FFF; } .jspt-fwbm li { /*首页-技术服务-物品编码*/ float: left; } .jspt-zlpp-icon li { float: left; background: #efefef; border: 1px solid #dfdfdf; margin-right: 15px; margin-bottom: 15px; text-align: center; vertical-align: middle; background-image: url(/images/3.png); } .jspt-zlpp-icon li > a { color: #181818; } .jspt-zlpp-icon li > a:hover { background: #005faf; color: #FFF; } /*首页技贸的样式*/ .jmcs { float: right; width: 100%; /*border:1px solid #000;*/ } .jmcs-menu { float: left; } .jmcs-menu li { float: left; position: relative; line-height: 50px; list-style: none; height: 49px; background-color: #f4f4f4; border-bottom: 1px solid #dddddd; margin: 0; } .jmcs-menu li > a { font-size: 17px; color: #000; list-style: none; font-family: 'Microsoft YaHei', Arial, sans-serif; -webkit-font-smoothing: antialiased; } .jmcs-menu li:hover > a, .jmcs-menu li.hover > a { background-color: #0184d4; color: #FFF; } .jmcsnewlist { float: left; margin: 10px; width: 96%; } .jmcsnewlist li { float: left; margin: auto; padding-left: 15px; color: #181818; margin-bottom: 7px; background-image: url(/images/new-icon.jpg); background-position: 0% 50%; background-repeat: no-repeat; } .jmcsnewlist li > a { float: left; line-height: 30px; padding-left: 5px; left: 20px; font-size: 17px; color: #000; font-family: 'Microsoft YaHei', Arial, sans-serif; -webkit-font-smoothing: antialiased; } .jmcsnewlist li:hover > a { color: #0184d4; font-weight: 700; } /*新闻列表页*/ .news_contact { padding: 20px; float: left; top: 20px; border: 1px solid #dcdcdc; } .news_piccont { width: 100%; float: left; /*border:1px solid #dcdcdc;*/ display: block; position: relative; } .news_pic_l { float: left; /*border:1px solid #000*/ } .news_pic_r { float: right; text-align: left; /*border:1px solid #000*/ } .news_pic_title { float: left; line-height: 45px; font-size: 19px; width: 100%; font-weight: 700; } .news_pic_meno { width: 100%; color: #8d8d8d; line-height: 32px; padding: 20px 0; font-size: 16px; float: left } .news_pic_meno a { width: 100%; color: 005faf; display: flex; /*强制换行*/ text-align: right; margin-top: 10px; font-size: 17px; } .news_pic_meno a:hover { color: #000; } .news_contact li > a { border-bottom: 1px dashed #d7d7d7; background-image: url(/images/new-icon.jpg); background-position: 0% 50%; background-repeat: no-repeat; float: left; width: 97%; color: #181818; font-size: 16px; padding-left: 20px; } .news_contact li:hover > a { color: #005faf; } /*翻页*/ .grapt-pagination { } .grapt-pagination a, .grapt-pagination span { font-size: 18px; color: #222; letter-spacing: 0; line-height: 45px; background: #f4f4f4; font-weight: 400; width: 45px; height: 45px; border-radius: 50%; text-align: center; display: inline-block; padding: 0; margin: 0 5px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .grapt-pagination a:hover, .grapt-pagination .current, .grapt-pagination .active { color: #fff; background: #0866ff } .folio-thumb { position: relative } /*首页技术服务的样式*/ .jsfw { margin: 0; width: 100%; float: left; } .jsfw-cbz { margin: 0; float: left; background-color: #f4f7fc; border: 1px solid #dfdfdf; background-image: url(/images/cbz.jpg); background-repeat: no-repeat; background-position: bottom left; padding: 20px; } .jsfw-cbz-title { color: #0256b8; font-size: 17px; float: left; } .jsfw-cbz-input { float: right; padding-left: 20px; } .jsfw-cbz-input input { width: 96%; height: 35px; margin-bottom: 15px; } .jsfw-cbz-four { margin-left: 5px; float: right; } .jsfw-cbz-four li { height: 86px; float: left; border: 1px solid #dfdfdf; text-align: center; margin-left: 10px; margin-bottom: 10px; color: #181818; font-size: 17px; background: #FFF; } .jsfw-cbz-four li > a { color: #181818; line-height: 80px; } .jsfw-cbz-four li > a:hover { background: #005faf; color: #FFF; } .jsfw-btn { display: inline-block; overflow: hidden; position: relative; text-align: center; padding-top: 4px; padding-bottom: 4px; z-index: 1; cursor: pointer; outline: none; -webkit-transition: all .4s; transition: all .4s; line-height: 1.5; } .jsfw-cbz-input button { font-size: 15px; line-height: 40px; color: #fff; border: none; text-align: center; font-weight: 700; background: #0866ff; border-radius: 5px; padding-left: 25px; padding-right: 25px; outline: none; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s } /* 首页党建页*/ .dj-title { width: 100%; float: left; color: #e13426; font-size: 20px; line-height: 40px; font-weight: 700; margin-bottom: 15px; margin-TOP: 15px; } .dj-line { background: #FFFFFF } .dj-line-right { background: #FFFFFF } .dj_news { float: left; position: relative; padding: 10px 20px 10px; margin: auto; background-color: #FFFFFF } .dj_news li { float: left; width: 98%; margin: auto; padding-left: 15px; color: #181818; margin-bottom: 7px; background-image: url(/images/dj-icon.jpg); background-position: 0% 45%; background-repeat: no-repeat; border-bottom: 1px dashed #d7d7d7; } .dj_meno { width: 100%; color: #8d8d8d; font-size: 14px; float: left; padding-left: 20px; padding-bottom: 10px; } .dj_news li > a { float: left; padding-left: 20px; font-size: 17px; color: #181818; line-height: 50px; } .dj_news li:hover > a { color: #005faf; font-weight: 700; } .imgtop { margin-top: 15px; width: 100%; background: linear-gradient(to bottom,#f0462c, #d02c13); text-align: center; } .imgtop img { max-width: 100%; } /*首页新闻+头图*/ .toptitlebg { text-align: center; padding: 20px; background-image: url('/images/new.png'),linear-gradient(to bottom,#e9f4fd, #FFF); background-repeat: no-repeat; background-blend-mode: multiply; } .toptitlebg a { color: #0084d4; list-style: none; font-weight: 700; color: #007fc9; font-family: 'Microsoft YaHei', Arial, sans-serif; text-decoration: none; -webkit-font-smoothing: antialiased; } .toptitlebg a:hover { color: #005faf; } .toppic { float: left; margin-top: 5px; } .focus { border: 1px solid #dddddd; margin: auto; } .topnews { border: 1px solid #dddddd; } .topnews-menu { margin: 0; padding: 0; float: left; background-color: #f4f4f4; border-bottom: 1px solid #dddddd; } .topnews-menu li { float: left; position: relative; line-height: 50px; list-style: none; margin: 0; } .topnews-menu li > a { color: #000; list-style: none; font-family: 'Microsoft YaHei', Arial, sans-serif; -webkit-font-smoothing: antialiased; } .topnews-menu li:hover > a { background-color: #0184d4; color: #FFF; } /*5月10号调整样式开始*/ .topnewlist { float: left; width: 96%; } .topnewlist li { float: left; padding: 0px; color: #181818; margin-bottom: 11px; } .topnewlist li > a { font-size: 17px; color: #000; font-family: 'Microsoft YaHei', Arial, sans-serif; -webkit-font-smoothing: antialiased; } .topnewlist li:hover > a { color: #0184d4; font-weight: 700; } .newdate { float: right; margin: auto; vertical-align: middle; padding-top: 15px; } .newyear { float: left; text-align: center; color: #FFF; background-color: #cccccc; width: 100%; height: 15px; line-height: 15px; padding: 5px; } .newdata { float: left; text-align: center; line-height: 15px; padding: 5px; color: #68686a; } /*5月10号调整样式结束*/ /* 首页 标委会*/ .bwh-hidden-layer2 { display: none; /* 默认隐藏隐藏层 */ position: absolute; color: #005faf; cursor: pointer; background-color: #f4f4f4; border: 1px solid #e2e2e2; text-align: center; } .bwh-hidden-layer3 { display: none; /* 默认隐藏隐藏层 */ position: absolute; color: #005faf; cursor: pointer; } /* .bwh-hidden-layer4 { display: none; 默认隐藏隐藏层 position: absolute; color:#005faf; cursor:pointer; background-color: #f4f4f4; border:1px solid #e2e2e2; width:auto; } */ .bwhl { width: 100%; height: 100%; padding: 0; border: 1px solid #e2e2e2; float: left; } .bwhll { padding: 0; float: left; display: block; } .bwhlc { float: right; display: block; } .bwhlr { width: 100%; float: right; } .bwhlr-l { float: left; margin-top: 10px; margin-right: 10px; } .bwhlr-r { float: right; margin-top: 10px; } .bwh-hidden-layer { display: none; /* 默认隐藏隐藏层 */ position: absolute; width: 565px; height: 130px; background-color: #f4f4f4; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; color: #005faf; cursor: pointer; text-align: center } .bwh-hidden-layer1 { display: none; /* 默认隐藏隐藏层 */ position: absolute; width: 590px; height: 130px; background-color: #f4f4f4; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; color: #005faf; cursor: pointer; text-align: center } .bwh-hidden-layer4 { display: none; /* 默认隐藏隐藏层 */ position: absolute; width: 376px; height: 130px; background-color: #f4f4f4; color: #005faf; cursor: pointer; border: 1px solid #dfdfdf; text-align: center; } .bwh-hidden-layer4 ul { padding-top: 5px; padding-left: 15px; width: 100%; float: left } .bwh-hidden-layer4 li { list-style: square; z-index: 11; width: 90%; float: left; text-align: left; } .bwh-hidden-layer4 li > a { font-size: 14px; color: #005faf; line-height: 30px; text-shadow: 0 0 3px rgba(255, 255, 255, 0.5), /* 红色阴影,模糊距离为5px,透明度为0.5 */ 0 0 5px rgba(255, 255, 255, 0.5), /* 绿色阴影,模糊距离为10px,透明度为0.5 */ 0 0 10px rgba(255, 255, 255, 0.5); /* 蓝色阴影,模糊距离为15px,透明度为0.5 */ } .bwh-hidden-layer4 li:hover > a { color: #000; } .bwhtitle { border-left: 5px solid #005faf; font-weight: 700; font-size: 22px; line-height: 129px; } .bwh-hidden-layer2 li { list-style: square; margin-top: 12px; z-index: 11; padding-left: 25px; float: left; text-align: left; } .bwh-hidden-layer2 li > a { font-size: 17px; color: #005faf; line-height: 28px; text-shadow: 0 0 3px rgba(255, 255, 255, 0.5), /* 红色阴影,模糊距离为5px,透明度为0.5 */ 0 0 5px rgba(255, 255, 255, 0.5), /* 绿色阴影,模糊距离为10px,透明度为0.5 */ 0 0 10px rgba(255, 255, 255, 0.5); /* 蓝色阴影,模糊距离为15px,透明度为0.5 */ } .bwh-hidden-layer2 li:hover > a { color: #000; } .bwh-trigger { text-align: center; } .bwhll a:hover { } .bwhll:hover .bwh-hidden-layer { display: block; /* 鼠标滑过容器时显示隐藏层 */ } .bwhlc:hover .bwh-hidden-layer1 { display: block; /* 鼠标滑过容器时显示隐藏层 */ } .bwhlr-l:hover .bwh-hidden-layer2 { display: block; /* 鼠标滑过容器时显示隐藏层 */ } .bwhlc:hover .bwh-hidden-layer3 { display: block; /* 鼠标滑过容器时显示隐藏层 */ } .bwhlr-r:hover .bwh-hidden-layer4 { display: block; /* 鼠标滑过容器时显示隐藏层 */ } /*专题分类推荐*/ .urllink { margin-top: 15px; margin-bottom: 20px; background-color: #f4f4f4; border: 1px solid #dddddd; background-image: url(/images/zt-icon.png); background-repeat: no-repeat; } .urllink ul { padding: 20px; margin: 10px } .urllink ul li { padding-left: 25px; display: inline; } .urllink img:hover { border: 2px solid #005faf; } /*首页技术平台*/ .news_cont2 { float: left; display: block; margin-bottom: 20px; color: #8c8c8c; line-height: 40px; } .news_cont2_title { color: #181818; /*border:1px solid #000; */ } /*5月10号调整样式开始*/ .news_cont2 li { border-bottom: 1px dashed #d7d7d7; height: 55px; line-height: 50px; } .news_cont2 li > a { float: left; width: 82%; color: #181818; font-size: 16px; padding-left: 20px; } .news_cont2 li:hover > a { color: #005faf; } /*5月10号调整样式结束*/ .dfbz-menu li { width: 50%; float: left; position: relative; line-height: 50px; list-style: none; height: 49px; background-color: #f4f4f4; border-bottom: 1px solid #dddddd; margin: 0; } .dfbz-menu li > a { font-size: 17px; color: #000; list-style: none; font-family: 'Microsoft YaHei', Arial, sans-serif; -webkit-font-smoothing: antialiased; } .dfbz-menu li:hover > a { background-color: #0184d4; color: #FFF; } .jmcsnewlist { position: relative; } /*新闻详情页*/ .new_content { box-shadow: 1px 2px 1px 1px rgba(225,232,238,0.5); background-color: #FFF; margin-bottom: 30px; text-align: center; position: relative; /* width:100%; margin:0;padding:0;float: left; background-color: #FFF; border:1px solid #000; */ } .new_content_title { color: #181818; font-size: 20px; width: 95%; border-bottom: 1px solid #dddddd; font-weight: 700; line-height: 50px; text-align: center; float: left; margin-left: 28px; margin-top: 20px; } .new_content_meno { float: left; text-align: left; margin: 20px; line-height: 40px; width: 92%; padding: 20px; } .news_work { float: left; color: #b7b7b7; text-align: left; margin-left: 5%; margin-top: 15px; } .news_date { float: right; color: #b7b7b7; text-align: right; margin-right: 5%; margin-top: 15px; }