@charset 'UTF-8'; html{ overflow-x:auto; overflow-y:auto;} *{ padding:0; margin:0;outline:none !important;} ul, ol,li{ list-style-type:none;} body, button, input, select, textarea{ font-family: 'Microsoft yahei'; font-size:12px;} code, kbd, pre, samp { font-family: 'Microsoft yahei';} a{ text-decoration:none; color:#333; cursor:pointer; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} img{border:0; max-width:100%;max-height: 100%;vertical-align: middle;} li { line-height:normal; } table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; } input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} body{position: relative; float:left; width:100%; overflow:hidden;} select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;} textarea{ resize:none;outline:none;} label{ margin-bottom:0; font-weight:normal;} input,select,textarea{ margin:0; padding:0; border:0; outline:none; -moz-border-radius:0px; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; } .pz_top{ float:left; width:100%; min-width:1200px; z-index: 101;} .pz_banner{ float: left; width:100%; min-width:1200px; position:relative; overflow:hidden; min-height:260px;} .pz_main{ float:left; width:100%; min-width:1200px; overflow:hidden; position:relative;} .pz_down{ float:left; width:100%; min-width:1200px;} .pz_menu{ float:left; width:100%; min-width:1200px;} .w_0100{ float:left; width:100%;} .w_1200{ margin:0 auto; width:1200px;} .topDate{ height:40px; line-height: 40px; background: #215299; } .topDateInfo{ font-size: 14px; color: #fff; } .top{ height: 245px; } .top .logo{ float: left; width: 800px; padding: 90px 0; } .top .logo .title{ color: #215299; font-size: 36px; font-family: cursive; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; font-weight: 600; } .top .logo .english { color: #215299; font-size: 18px; font-weight: bold; } .top .search{ float: right; width: 340px; height: 40px; background: #2152999f; border-radius: 25px; margin: 102px 0; } .top .search .input{ width: 274px; height: 40px; background: transparent; border-radius: 25px; color: #fff; padding: 0 0 0 16px; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .top .search .button{ width: 40px; height: 40px; line-height: 40px; } .menu{ height: 70px; line-height: 70px; background-color: rgba(0,0,0,0.4); margin: 0 0 10px 0; } .menu ul li{ float: left; width:298px; height: 70px; line-height: 70px; text-align: center; border-right: 2px solid #76bdfe; } .menu ul li:last-child{ width:298px; border-right: none; } .menu ul li a{ font-size: 22px; font-family: "微软雅黑"; color: #FFFFFF; } .menu ul li:hover{ background: #215299; cursor: pointer; } .menu ul .active{ background: #215299; } /*地图+最新资讯*/ .main_1{ width: 1200px; height: 354px; margin: 0 0 10px 0; } .map{ position: relative; float: left; width: 512px; height: 354px; overflow: hidden; margin: 0 10px 0 0; background: #fff; border: 1px solid #ccc; } .map img{ width: 490px; height: 330px; margin: 12px; } .map span{ position: absolute; bottom: 18px; left: 32px; font-size: 12px; color: #fff; font-family: "黑体"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 454px; } .zixun{ width: 676px; height: 354px; overflow: hidden; background: #fff; } .zixunTop{ width: 636px; height: 39px; line-height: 40px; margin: 20px; border-bottom: 1px solid #ccc; } .zixunTop .zixunTit{ float: left; height: 38px; line-height: 35px; } .zixunTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin:0 10px -3px 0; } .zixunTop .zixunTit .span{ font-size: 20px; color: #005293; } .zixunTop .more{ float: right; height: 40px; line-height: 40px; } .zixunInfo{ height: 254px; padding: 0 20px; overflow: hidden; } .zixunInfo ul li{ padding: 3px 0; } .zixunInfo ul li .dian { display: inline-block; width: 4px; height: 4px; margin: 0 10px 8px 0; background: #ccc; } .zixunInfo ul li .title { display: inline-block; font-size: 16px; color: #555555; font-family: "微软雅黑"; width: 490px; margin: 0 30px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zixunInfo ul li .date { display: inline-block; width: 90px; font-size: 16px; color: #a8abb7; font-family: "微软雅黑"; text-align: right; } /*通知公告,政策法规,科技服务*/ .main_2{ height: 362px; overflow: hidden; margin: 0 0 10px 0; } .main_2 .notice{ float: left; width: 394px; height: 360px; margin:0 10px 0 0 ; overflow: hidden; background: #fff; } .noticeTop{ width: 354px; height: 39px; line-height: 40px; margin: 20px; border-bottom: 1px solid #ccc; } .noticeTop .noticeTit{ float: left; height: 38px; line-height: 35px; } .noticeTop .noticeTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin: 0 10px -3px 0; } .noticeTop .noticeTit .span{ font-size: 20px; color: #005293; } .noticeTop .more{ float: right; height: 40px; line-height: 40px; } .noticeInfo{ height: 254px; padding: 0 20px; overflow: hidden; } .noticeInfo li{ float: left; min-height: 30px; line-height: 26px; } .noticeInfo .dian{ float: left; display: inline-block; width: 4px; height: 4px; margin: 15px 10px 0px 0; background: #ccc; } .noticeInfo .title{ float: left; font-size: 16px; color: #444444; font-family: "微软雅黑"; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; width: 290px; } .noticeInfo .date{ float: right; text-align: right; width: 50px; font-size: 13px; color: #777777; font-family: "微软雅黑"; } .main_2 .law{ float: left; width: 394px; height: 360px; margin:0 10px 0 0 ; overflow: hidden; background: #fff; } .main_2 .service{ float: left; width: 392px; height: 360px; overflow: hidden; background: #fff; } .main_2 .service .serviceInfo{ padding: 0 20px; } .main_2 .service .serviceInfo ul li{ float: left; width: 170px; height: 53px; padding: 0 10px 10px 0; } .main_2 .service .serviceInfo ul li:nth-child(2n){ padding: 0 0 10px 0; } /*友情链接*/ .main_3{ height: 100px; margin: 0 0 10px 0; overflow: hidden; background: #fff; } .main_3 h3{ float: left; width: 130px; height: 100px; line-height: 100px; text-align: center; font-size: 22px; font-weight: bold; color: #2c3250; } .link{ float: left; } .link ul li{ float: left; margin: 25px 10px; } /*.link ul li:last-child{ margin: 0; }*/ .down{ padding: 15px 0 0 0; height: 120px; text-align: left; background-color: rgba(14,30,59, 0.4); } .down p{ font-size: 14px; color: #868f9e; font-family: "微软雅黑"; padding: 5px 200px; } /*科技资讯*/ .info{ height: 680px; margin: 0 0 10px 0; overflow: hidden; } .info .infoLeft{ float: left; width: 514px; height: 680px; margin: 0 10px 0 0; overflow: hidden; } .info .infoLeft .infoNews{ position: relative; width: 514px; height: 340px; overflow: hidden; background: #fff; margin: 0 0 10px 0; } .info .infoLeft .infoNews span{ position: absolute; bottom: 0; left: 0; font-size: 12px; color: #fff; font-family: "黑体"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 485px; height: 40px; line-height: 40px; padding: 0 20px; background-color: rgba(0,0,0,0.4); } .infoMetti{ width: 514px; height:330px; overflow: hidden; background: #fff; } .info .infoRight{ float: left; width: 676px; height: 680px; overflow: hidden; background: #fff; } .meitiTop{ width: 474px; height: 39px; line-height: 40px; margin: 20px; border-bottom: 1px solid #ccc; } .meitiTop .zixunTit{ float: left; height: 38px; line-height: 35px; } .meitiTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin: 0 10px -3px 0; } .meitiTop .zixunTit .span{ font-size: 20px; color: #005293; } .meitiTop .more{ float: right; height: 40px; line-height: 40px; } .meitiInfo{ height: 230px; padding: 0 20px; overflow: hidden; } .meitiInfo li{ float: left; min-height: 29px; line-height: 29px; } .meitiInfo .dian{ float: left; display: inline-block; width: 4px; height: 4px; margin: 15px 10px 0px 0; background: #ccc; } .meitiInfo .title{ float: left; font-size: 16px; color: #444444; font-family: "微软雅黑"; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; width: 400px; } .meitiInfo .date{ float: right; text-align: right; width: 60px; font-size: 13px; color: #777777; font-family: "微软雅黑"; } .infoRightTop{ width: 636px; height: 39px; line-height: 40px; margin: 20px; border-bottom: 1px solid #ccc; } .infoRightTop .zixunTit{ float: left; height: 38px; line-height: 35px; } .infoRightTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin:0 10px -3px 0; } .infoRightTop .zixunTit .span{ font-size: 20px; color: #005293; } .infoRightTop .more{ float: right; height: 40px; line-height: 40px; } .infoRightInfo{ height: 580px; padding: 0 20px; overflow: hidden; } .infoRightInfo ul li{ padding: 5px 0; } .infoRightInfo ul li:nth-child(8){ padding:0 0 20px 0; border-bottom: 1px solid #ccc; } .infoRightInfo ul li:nth-child(9){ padding:20px 0 0 0; } .infoRightInfo ul li .dian { display: inline-block; width: 4px; height: 4px; margin: 0 10px 8px 0; background: #ccc; } .infoRightInfo ul li .title { display: inline-block; font-size: 16px; color: #555555; font-family: "微软雅黑"; width: 490px; margin: 0 30px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .infoRightInfo ul li .date { display: inline-block; width: 90px; font-size: 16px; color: #a8abb7; font-family: "微软雅黑"; text-align: right; } /*科技培训*/ .natural{ height: 612px; overflow: hidden; margin: 0 0 10px 0; } .naturalLeft{ float: left; width: 514px; height: 612px; margin: 0 10px 0 0; overflow: hidden; background: #fff; } .naturalLeft .naturalLeftTop{ width:474px; height: 39px; line-height: 40px; margin: 20px; border-bottom: 1px solid #ccc; } .naturalLeftTop .noticeTit{ float: left; height: 38px; line-height: 35px; } .naturalLeftTop .noticeTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin: 0 10px -3px 0; } .naturalLeftTop .noticeTit .span{ font-size: 20px; color: #005293; } .naturalLeftTop .more{ float: right; height: 40px; line-height: 40px; } .naturalRight{ float: left; width: 676px; height: 612px; overflow: hidden; background: #fff; } .naturalLeftInfo{ padding: 0 20px; height: 512px; overflow: hidden; } .naturalLeftInfo ul li{ float: left; height: 80px; margin: 0 0 6px 0; } .naturalLeftInfo ul li .date{ float: left; width: 60px; height: 20px; text-align: center; line-height: 20px; background: #005293; font-size: 14px; color: #FFFFFF; margin: 0 10px 0 0; } .naturalLeftInfo ul li .text{ float: left; width: 404px; } .naturalLeftInfo ul li .text .title{ float: left; width: 404px; height: 20px; line-height: 20px; font-size: 16px; color: #005293; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .naturalLeftInfo ul li .text .content{ float: left; width: 400px; text-align: left; font-size: 14px; color: #929292; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; } .naturalRight{ } .naturalRight .tabList{ float: left; width: 636px; margin: 20px; height: 35px; line-height: 35px; border-bottom: 1px solid #ccc; } .naturalRight #tab{position:relative;} .naturalRight #tab .tabList ul li{ float: left; width: 80px; height: 35px; text-align: center; font-size: 20px; color: #005293; margin: 0 20px 0 0; } .naturalRight #tab .tabCon{ position: absolute; left: 20px; top: 76px; width: 634px; } .naturalRight #tab .tabCon div{ position:absolute; opacity:0; filter:alpha(opacity=0); } .naturalRight #tab .tabList li.cur{ border-bottom:3px solid#005293; } .naturalRight #tab .tabCon div.cur{ opacity:1; filter:alpha(opacity=100); } .naturalRight .tabCon .tabConList{ height: 511px; overflow: hidden; } .naturalRight .tabCon .tabConList li{ padding: 3px 0 2px 0; } .naturalRight .tabCon .tabConList li .dian{ display: inline-block; width: 4px; height: 4px; margin: 0 10px 8px 0; background: #ccc; } .naturalRight .tabCon .tabConList li .title{ display: inline-block; font-size: 16px; color: #555555; font-family: "微软雅黑"; width: 490px; margin: 0 30px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .naturalRight .tabCon .tabConList li .date{ display: inline-block; width: 90px; font-size: 16px; color: #a8abb7; font-family: "微软雅黑"; text-align: right; } .cur_1 ul li:nth-child(8){ padding: 0 0 20px 0 !important; border-bottom: 1px solid #ccc; } .cur_1 ul li:nth-child(9){ padding: 20px 0 0 0 !important; } .cur_3 ul li:nth-child(8){ padding: 0 0 20px 0 !important; border-bottom: 1px solid #ccc; } .cur_3 ul li:nth-child(9){ padding: 20px 0 0 0 !important; } /*科技服务*/ .service{ height: 576px; overflow: hidden; margin: 0 0 10px 0; } .service_1{ width: 100%; height: 330px; overflow: hidden; margin: 0 0 10px 0; } .service_1 .service_1Left{ float: left; width: 595px; height: 330px; overflow: hidden; background: #FFFFFF; margin: 0 10px 0 0; } .service_1Left .zixunTop{ width: 555px; height: 29px; line-height: 29px; margin: 20px; border-bottom: 1px solid #ccc; } .service_1Left .zixunTop .zixunTit{ float: left; height: 30px; line-height: 30px; } .service_1Left .zixunTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin:0 10px -3px 0; } .service_1Left .zixunTop .zixunTit .span{ font-size: 20px; color: #005293; } .zhengwu{ padding: 0 20px; } .zhengwu ul li{ float: left; width: 130px; height: 115px; margin: 0 10px 10px 0; } .zhengwu ul li:nth-child(4){ margin: 0 0 10px 0; } .zhengwu ul li:nth-child(8){ margin: 0 0 10px 0; } .changyong{ padding: 0 20px; } .changyong ul li{ float: left; width: 185px; height: 110px; margin: 0 0 20px 0; } .service_1 .service_1right{ float: left; width: 595px; height: 330px; overflow: hidden; background: #FFFFFF; } .service_1right .zixunTop{ width: 555px; height: 30px; line-height: 30px; margin: 20px; border-bottom: 1px solid #ccc; } .service_1right .zixunTop .zixunTit{ float: left; height: 30px; line-height: 30px; } .service_1right .zixunTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin:0 10px -3px 0; } .service_1right .zixunTop .zixunTit .span{ font-size: 20px; color: #005293; } .service_2{ float: left; width: 100%; height: 237px; overflow: hidden; background: #FFFFFF; } .service_2 .zixunTop{ width: 1160px; height: 30px; line-height: 30px; margin: 20px; border-bottom: 1px solid #ccc; } .service_2 .zixunTop .zixunTit{ float: left; height: 30px; line-height: 30px; } .service_2 .zixunTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin:0 10px -3px 0; } .service_2 .zixunTop .zixunTit .span{ font-size: 20px; color: #005293; } .gongzhong{ padding: 0 20px; } .gongzhong ul li{ float: left; width: 185px; height: 146px; overflow: hidden; margin: 0 10px 0 0; } .gongzhong ul li:last-child{ margin:0; } /*列表页*/ .list{ width: 100%; height: 630px; overflow: hidden; background: #FFFFFF; margin: 0 0 10px 0; } .list .zixunTop{ width: 1120px; height: 29px; line-height: 29px; margin:40px 40px 20px 40px; border-bottom: 1px solid #ccc; } .list .zixunTop .zixunTit{ float: left; height:30px; line-height: 0; } .list .zixunTop .zixunTit .shu{ display: inline-block; width: 4px; height: 20px; background: #005293; margin:0 10px -3px 0; } .list .zixunTop .zixunTit .span{ font-size: 20px; color: #005293; } .listInfo{ padding: 0 40px; height: 540px; overflow: hidden; } .listInfo ul{ height: 350px; } .listInfo ul li{ float: left; width: 1120px; padding: 6px 0; } .listInfo ul li:nth-child(5){ padding: 0 0 20px 0; border-bottom: 1px solid #ccc; } .listInfo ul li:nth-child(6){ padding: 20px 0 0 0; } .listInfo ul li .dian { float: left; display: inline-block; width: 4px; height: 4px; margin: 8px 10px 0px 0; background: #ccc; } .listInfo ul li .title{ float: left; width: 1106px; font-size: 16px; color: #555555; } .listInfo ul li .title .date{ font-size: 16px; color: #a8abb7; margin: 0 0 0 18px; } .listInfo .page{ height: 30px; line-height: 30px; text-align: center; margin: 120px 0 40px 0; } /*详情页面*/ .detail{ float: left; width: 1120px; min-height: 645px; overflow: hidden; background: #FFFFFF; padding: 0 40px 60px 40px; } .detail .title{ font-size: 24px; text-align: center; padding: 40px 0 30px 0; color: #005293; } .detail .userDate{ text-align: center; padding: 0 0 30px 0; border-bottom: 1px solid #ccc; font-size: 16px; color: #666666; } .detail .userDate .date{ padding: 0 0 0 20px; } .detail .content{ font-size: 16px; color: #222222; padding: 30px 0 0 0; } /* 登录注册 */ .loginMain{ height: 460px; background-color: #FFFFFF; margin: 0 0 10px 0; padding: 50px 0; } .loginMain .loginLeft{ float: left; width: 750px; height: 460px; border-right: 1px dashed #ccc; text-align: center; } .loginLeft .images{ width: 300px; height: 300px; border: 1px solid #ccc; } .loginLeft p{ font-size: 38px; font-family: cursive; color: blue; font-weight: 600; padding: 36px 145px; } .loginMain .loginRight{ float: left; width:300px; height: 460px; margin: 0 0 0 45px; } .loginRight .loginRightTop{ width: 300px; height: 45px; border-bottom: 2px solid #ccc; } .loginRight .loginRightTop .button{ float: left; width: 150px; height: 45px; line-height: 45px; text-align: center; font-size: 22px; font-family: 微软雅黑; } .loginRight .loginRightTop .active{ color: #0165bb; border-bottom: 2px solid #0165bb; } .infoLogin{ width: 300px; height: 400px; } .formLogin .user{ width: 300px; height: 40px; line-height: 40px; border: 1px solid #CCCCCC; border-radius: 0px; float: left; margin: 20px 0 0 0; } .formLogin .user input{ height:39px; float: left; line-height:39px; width: 295px; padding: 0 0 0 5px; font-size: 16px; color: #757575; } .formLogin .user input::-webkit-input-placeholder { color: #757575; font-size: 16px; } .formLogin .user input:-moz-placeholder { color: #757575; font-size: 16px; } .formLogin .user input::-moz-placeholder { color: #757575; font-size: 16px; } .formLogin .user input:-ms-input-placeholder { color: #757575; font-size: 16px; } .infoLogin .loginBtn{ float: left; width: 300px; margin-top: 20px; height: 46px; line-height: 46px; background: #0165bb; cursor: pointer; text-align: center; } .infoLogin .loginBtn button{ color: #FFFFFF; cursor: pointer; font-family: "Microsoft Yahei"; font-size: 18px; } /* 注册 */ .register{ width: 300px; height: 400px; } .formRegister .user{ width: 300px; height: 40px; line-height: 40px; border: 1px solid #CCCCCC; border-radius: 0px; float: left; margin: 10px 0 0 0; } .formRegister .user input{ height:39px; float: left; line-height:39px; width: 295px; padding: 0 0 0 5px; font-size: 16px; color: #757575; } .formRegister .user input::-webkit-input-placeholder { color: #757575; font-size: 16px; } .formRegister .user input:-moz-placeholder { color: #757575; font-size: 16px; } .formRegister .user input::-moz-placeholder { color: #757575; font-size: 16px; } .formRegister .user input:-ms-input-placeholder { color: #757575; font-size: 16px; } .register .loginBtn{ float: left; width: 300px; margin-top: 20px; height: 46px; line-height: 46px; background: #0165bb; cursor: pointer; text-align: center; } .register .loginBtn button{ color: #FFFFFF; cursor: pointer; font-family: "Microsoft Yahei"; font-size: 18px; } .section-focus-pic{margin:20px auto 0 auto;height:340px;width:514px;overflow:hidden;position:relative;} .section-focus-pic ul li{position:absolute;top:0;left:0px;width:514px;height:340px;} .section-focus-pic ul li h3{position:absolute;bottom:0px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px; font-family:"微软雅黑";} .section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:514px;opacity: 0.6;filter: alpha(opacity=60);} .section-focus-pic .pages{width:514px;height:340px;} .section-focus-pic .controler{position:absolute;bottom:20px;right:20px;} .section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(../images/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;} .section-focus-pic .controler b.down{background-position:-161px 1px;} .section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:120px;height:40px;} .section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(../images/star.png) no-repeat;} .section-focus-pic .controler2 .prev{left:5px;} .section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_05.png');margin-left:5px;} .section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_03.png');} .section-focus-pic .controler2 .next{right:10px;} .section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_06.png');margin-left:10px;} .section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_04.png');}