@charset "utf-8"; /* CSS Document */ .logo{ width: 300px; height: 179px; margin: 0 auto;margin-top: 15%;} .seach{ width: 929px; margin: 0 auto; height: 50px; background-color:rgba(27,139,234,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F1b8bea,endcolorstr=#7F1b8bea); margin-top: 5%;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding: 15px;} .seach_box{ width: 775px; background:#fff;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; height:35px; padding: 9px;} .seach_box span{ position: relative; vertical-align: middle;} .seach_box span a{ width: 109px; padding-left: 10px; height: 35px; border-right: 1px solid #d8d8d8; display:inline-block; line-height: 35px; font-size: 16px; background: url(20171101fjstsg_footer_bg.png) 90px center no-repeat; text-decoration: none;color:#333;} .seach_box_xl{ width: 119px; padding-left: 10px; height:150px; overflow-y: scroll; background: #fff; position: absolute; top: 40px; left: -9px;} .seach_box_xl ul li a{ width:80px; display: block; border: none; } .seach_inp{ width: 600px; height: 35px; padding-left: 10px; border: 1px solid #fff; line-height: 35px; font-family: "微软雅黑"; outline: none; font-size: 16px;vertical-align: middle;} .seach_btn{ height: 35px; width: 35px; background: url(20171101fjstsg_seach.png) center no-repeat; border: none; outline: none; cursor: pointer;vertical-align: middle;} .seach_btn2{ height: 54px; width: 120px; background: #0089f3; color:#fff; font-family:"微软雅黑"; font-size: 16px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border: none;cursor: pointer;} /*----------资源-----------*/ .zy_nav{} .zy_nav ul li{ float: left; position: relative; margin-left: 20px;} .zy_nav ul li:first-child{ margin-left: 0;} .zy_nav ul li a{ width: 158px; height: 87px; overflow: hidden; display: block; position: relative;text-decoration: none;} .zy_nav ul li a span{width: 166px; height: 87px;position: absolute; left: 0; top:50px; background-color:rgba(10,122,207,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F0a7acf,endcolorstr=#7F0a7acf);-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out;} .zy_nav ul li a span i{ font-size: 18px; color:#fff; font-weight: bold; padding-left: 44px;line-height: 39px; display: block;} .zy_nav ul li a span em{ font-size: 14px; color:#fff; padding-left:17px;} .zy_icon{ background:url(20171101fjstsg_zy_icon.png) 13px center no-repeat;} .zy_icon2{ background:url(20171101fjstsg_zy_icon2.png) 13px center no-repeat;} .zy_icon3{ background:url(20171101fjstsg_zy_icon3.png) 13px center no-repeat;} .zy_icon4{ background:url(20171101fjstsg_zy_icon4.png) 13px center no-repeat;} .zy_nav ul li a:hover span,.zy_nav ul li.curr a span{*+top:0; top:0\9;transform:translate(0,-50px); -moz-transform:translate(0,-50px);-webkit-transform:translate(0,-50px);} .zy_nav ul li.curr b{ width: 23px; height: 10px; background: url(20171101fjstsg_zy_jj.png) left center no-repeat; display: block; bottom:-10px; left: 68px; position: absolute;} .szzy_btn{ height: 309px; background: #fff; margin-top: 30px;} .szzy_btn_box{padding: 20px;} .szzy_btn_box ul li{ float:left; } .szzy_btn_box ul li a{ display: block; width: 158px; height: 95px; color:#333; text-decoration: none;padding:20px 20px 20px 20px; border-bottom: 1px dashed #e1e1e1; border-left: 1px dashed #e1e1e1;} .szzy_btn_box ul li:first-child a{ border-left:0;} .szzy_btn_box ul li a em{ width: 68px; height: 68px; margin: 0 auto; display: block; position: relative;webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .szzy_btn_box ul li a span{ text-align: center; display: block; padding-top: 10px; font-size: 16px; } .szzy_btn_box ul li a:hover em{-webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); transform: rotate(-35deg);} .news_book{ padding:20px;} .news_book ul li{ float: left; margin-left:22px;} .news_book ul li:first-child{ margin-left: 0;} .news_book ul li a img{ border: 1px solid #ccc; display: block; width: 180px; height: 230px;} .news_book ul li a span{ margin-top: 5px; height: 30px; border: 1px solid #ccc; display: block; font-size: 16px; text-align: center; line-height: 30px;} .news_book ul li a:hover span{border: 1px solid #0073d5; color:#0073d5;} .ziy_news{ padding: 20px;} .ziy_news ul li{ float: left; width: 25%;} .ziy_news ul li a{ display: block; height:209px; border-left:1px dashed #ccc; padding-top: 60px;} .ziy_news ul li:first-child a{ border: 0;} .ziy_news ul li a em{ width: 68px;margin: 0 auto; height: 68px ;display: block;position: relative; } .ziy_news ul li a span{ display: block; text-align: center; position: relative; margin-top: 10%; font-size: 18px; line-height: 32px;} /*--------服务-------*/ .fw_box{} .fw_left{ width:360px; float:left; } .fw_right{ width:660px; float:right; } .rl_box{} .rl_box_tit{ height:47px; background:#37b6a6; color:#fff; line-height:47px; padding-left:13px;} .rl_box_tit h4{ font-size:20px; padding-right:10px; line-height: 47px; float: left;} .rl_box_tit em{ width: 72px; text-align: center; line-height: 47px; float: left; font-size: 18px;} .rl_box_btn a{ background: url(20171101fjstsg_fw_rl_btn2.png) left center no-repeat;height: 47px; float: left; width:11px; display: block; margin-left: 31px;} .rl_box_btn2 a{ background: url(20171101fjstsg_fw_rl_btn.png) left center no-repeat;height: 47px; float: left; width:11px; display: block; } .rl_btn{ width:70px; height:25px; background:#1b8f80; float:right; border:none; color:#fff; font-family:"微软雅黑"; cursor:pointer; margin-left:10px; margin-right: 10px; margin-top: 11px; font-size: 15px;} .rl_bg{border-collapse:collapse; height: 0;} .rl_bg tr th{ font-weight:normal; height:40px; color:#fff; background-color:#9ad5cd;} .rl_bg tr td{background-color:#fff; border:1px solid #e9e6e6; text-align:center; font-family:"Arial"; width:40px;} .rl_bg tr td a{ height:43px; display:block; text-decoration:none;} .rl_bg tr td a:hover{ background-color:#c4e3ff; color:#333;} .rl_red{ color:#3384cd !important;} .rl_gred{ color:#b4b4b4 !important;} .rl_bg tr td a.rl_gred:hover{background-color:#fff;} .curr2{ background: url(20171101fjstsg_rl_icon2.png) right bottom no-repeat #faa701 !important; } .curr2 p{ font-size:12px; line-height:18px;} .curr2 a{color:#fff !important;} .curr2 a:hover{ background:none !important;} .fw_bottom_btn{ margin-top: 20px;} .fw_bottom_btn ul{ margin-left: -18px;} .fw_bottom_btn ul li{ float: left; margin-left: 18px;} .fw_bottom_btn ul li a{ width: 100px; height: 64px; display: block; color:#fff; padding-left: 8px; padding-top: 8px; text-decoration: none;} .fw_bottom_btn ul li a em{ font-size: 16px; display: block;} .fw_bottom_btn ul li a span{ font-size: 12px;} .fw_bottom_icon{ background: url(20171101fjstsg_fw_btn_icon.png) 83px 37px no-repeat #67ccbf;} .fw_bottom_icon2{ background: url(20171101fjstsg_fw_btn_icon2.png) 83px 42px no-repeat #49c5ff;} .fw_bottom_icon3{ background: url(20171101fjstsg_fw_btn_icon3.png) 83px 42px no-repeat #40a3ed;} .fw_right_btn ul{ margin-left: -20px; margin-top: -20px;} .fw_right_btn ul li{ float: left; margin-left: 20px; margin-top: 20px;} .fw_right_btn ul li a{ display: block; text-decoration: none;} .fw_icon{ padding-top: 20px; width: 76px; margin: 0 auto; display: block;} .fw_tit{font-size: 20px; font-weight: bold; color:#fff; text-align: center; display: block; padding-top: 10px;} .fw_tit2{ color:#fff; text-align: center; display: block; padding-top: 5px;} .fw_right_bg{ background: url(20171101fjstsg_fw_btn_bg.png) right bottom no-repeat #479eff;height:190px; width: 320px; display: block; position: relative !important; overflow: hidden !important;} .fw_right_bg2{ background: url(20171101fjstsg_fw_btn_bg2.png) right top no-repeat #ffba00;height: 190px; width: 320px; display: block; position: relative !important; overflow: hidden !important;} .fw_right_bg3{ background: url(20171101fjstsg_fw_btn_bg.png) right top no-repeat #09dfc4;height: 190px; width: 320px; display: block; position: relative !important; overflow: hidden !important;} .fw_right_bg4{ background: url(20171101fjstsg_fw_btn_bg3.png) right top no-repeat #fc81bb;height: 190px; width: 320px; display: block; position: relative !important; overflow: hidden !important;} .fw_xl_boxP{ position: absolute; z-index: 1;height: 175px; width: 310px; background: url(20171101fjstsg_fw_btn_bg_p.png) right bottom no-repeat #479eff; padding-left:20px; padding-top: 15px; bottom:-182px;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .fw_xl_boxP2{ position: absolute; z-index: 1;height: 175px; width: 310px; background: url(20171101fjstsg_fw_btn_bg_p2.png) right bottom no-repeat #feb900; padding-left:20px; padding-top: 15px; bottom:-182px;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .fw_xl_boxP3{ position: absolute; z-index: 1;height: 175px; width: 310px; background: url(20171101fjstsg_fw_btn_bg_p3.png) right bottom no-repeat #09dfc4; padding-left:20px; padding-top: 15px; bottom:-182px;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .fw_xl_boxP4{ position: absolute; z-index: 1;height: 175px; width: 310px; background: url(20171101fjstsg_fw_btn_bg_p4.png) right bottom no-repeat #fc81bb; padding-left:20px; padding-top: 15px; bottom:-182px;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .fw_xl_boxP_tit{font-size: 18px; font-weight: bold; color:#fff; background: url(20171101fjstsg_fw_btn_bg_icon.png) left center no-repeat; padding-left: 25px; display: block; line-height: 25px;} .fw_xl_boxP_tit2{font-size: 18px; font-weight: bold; color:#fff; background: url(20171101fjstsg_fw_btn_bg_icon2.png) left center no-repeat; padding-left: 25px; display: block; line-height: 25px;} .fw_xl_boxP_tit3{font-size: 18px; font-weight: bold; color:#fff; background: url(20171101fjstsg_fw_btn_bg_icon3.png) left center no-repeat; padding-left: 25px; display: block; line-height: 25px;} .fw_xl_boxP_tit4{font-size: 18px; font-weight: bold; color:#fff; background: url(20171101fjstsg_fw_btn_bg_icon4.png) left center no-repeat; padding-left: 25px; display: block; line-height: 25px;} .fw_xl_boxP_tit a,.fw_xl_boxP_tit2 a,.fw_xl_boxP_tit3 a,.fw_xl_boxP_tit4 a{ color:#fff;height: 25px !important;} .fw_list dd {width: 120px !important; height: 40px !important; float: left; } .fw_list dd a{ width: 120px !important; height: 40px !important; display: block; line-height: 40px; color:#fff; font-size: 16px;background: url(20171101fjstsg_d.png) left center no-repeat;padding-left: 10px;} .fw_right_btn ul li:hover i.fw_xl_boxP,.fw_right_btn ul li:hover i.fw_xl_boxP2,.fw_right_btn ul li:hover i.fw_xl_boxP3,.fw_right_btn ul li:hover i.fw_xl_boxP4{transform:translate(0,-182px); -moz-transform:translate(0,-182px); -webkit-transform:translate(0,-182px);*+top:0; top:0\9;} .fw_hdrl{ width: 100%; height: 100%; position: fixed;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); z-index: 100;} .fw_hdrl_box{ height:300px; width: 600px;margin: 0 auto; margin-top: 10%; background: #fff; position: relative;} .fw_hdrl_tit{ height:60px; background: #1b8bea;} .fw_hdrl_tit h4{ padding-left: 20px; font-size: 20px; font-weight: bold; line-height: 60px; color:#fff;} .fw_hdrl_tit span{ float: right; line-height: 60px; padding-right: 20px; color:#fff;} .fw_hdrl_list{ padding: 0 20px;} .fw_hdrl_list ul li{ line-height: 45px; border-bottom: 1px dashed #ccc; background: url(20171101fjstsg_news_tit_d.jpg) left center no-repeat; padding-left: 15px;} .fw_btn_x{ width: 30px; height: 30px; background: #fd0000; position: absolute; right: -10px; border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; -webkit-border-radius:50px; text-align: center; top: -15px;} .fw_btn_x a{ width: 30px; height: 30px; display: block; font-size:20px; color:#fff;line-height: 25px; text-decoration: none;} /*------------资讯------------------*/ .zx_box{ margin-top:30px;} .zx_nav{ } .zx_nav ul li{ float:left; margin-right: 11px;} .zx_nav ul li a{ min-width: 139px; height: 47px; display: block; text-align: center; line-height: 47px; font-size: 18px; background: #f6f6f6; text-decoration: none;} .zx_nav ul li a:hover,.zx_nav ul li.curr a{ font-weight: bold; color:#fff; background: #0986e4;} .zx_bottom{ margin-top: 25px;} .zx_bottom_left{ width: 510px; height:330px; float: left;} .zx_bottom_right{ width: 466px; float: right; padding: 20px; height: 290px; background: #fff;} .zx_bottom_right_tit{ height:23px;} .zx_bottom_right_tit h4{ font-size: 20px; line-height: 23px; background: url(20171101fjstsg_news_tit.jpg) left center no-repeat; padding-left: 20px;} .zx_bottom_right_tit h4 a{ text-decoration: none; color:#333;} .zx_bottom_ld{ height: 67px; border-bottom: 1px dashed #d4d3d3;} .zx_bottom_ld h4{ text-align: center; font-size: 22px; font-weight: bold; line-height: 67px;} .zx_list li{ line-height: 35px; font-size: 16px; background: url(20171101fjstsg_news_tit_d.jpg) left center no-repeat; padding-left: 15px;} .zx_list li span{ float:right; color:#999;} .zx_qhgg{ height: 290px; margin-top: 25px; background: #fff; padding: 20px;} .ztgg_box{ height:95px; border-bottom: 1px dashed #ccc;} .ztgg_box h4{ font-size:20px; font-weight: bold; line-height: 36px; padding-top: 20px;} .ztgg_box p{ color:#999; line-height: 25px;} .ztgg_box span{ font-size: 12px; color:#999; float:right;} /*-----------概况----------*/ .gk_box{ margin-top: 30px;} .gk_box_left{ width: 613px; height: 360px; background:#fff; padding: 20px; float: left;} .gk_box_left h4{ font-size: 25px; font-weight: bold; line-height: 25px; margin-top: 5px;} .gk_box_left h4 a{vertical-align: bottom; } .gk_box_left h4 span{font-size: 23px; color:#dadada; vertical-align: bottom; margin-left: 5px; } .gk_box_left p{ font-size: 16px; line-height: 34px; margin-top: 15px;} .gk_box_left em{ float:right; background: url(20171101fjstsg_gk_icon.png) 68px center no-repeat #3999eb; margin-top: 5px;} .gk_box_left em a{width: 76px; height: 36px; display: block; padding-left: 20px; line-height: 36px; color:#fff;} .gk_box_right{ width: 366px; float: right;} .gk_box_bottom ul{ margin-left:-20px;} .gk_box_bottom ul li{float: left; margin-left: 20px;} .gk_box_bottom ul li a{width:173px; height:135px; display: block;} .gk_box_qh{ height:45px;} .gk_box_qh ul{ float:right;} .gk_box_qh ul li{ float: left; margin-left: 20px; margin-top: 15px;} .gk_box_qh ul li a{ width: 17px; height: 17px; display: block; background: url(20171101fjstsg_gk_icon3.png) left center no-repeat;} .gk_box_qh ul li:first-child a{ background: url(20171101fjstsg_gk_icon2.png) left center no-repeat;} .gk_box_qh ul li a:hover,.gk_box_qh ul li.curr a{ background: url(20171101fjstsg_gk_icon5.png) left center no-repeat;} .gk_box_qh ul li:first-child a:hover,.gk_box_qh ul li:first-child.curr a{ background: url(20171101fjstsg_gk_icon4.png) left center no-repeat;} .gk_box{} .gk_focus{ height:190px;} /*---------专题专栏----------*/ .ztzl_box{ margin-left: -30px; position: relative;} .ztzl_ty_box{ width: 326px; background: #fff; float: left; margin-left: 30px;} .ztzl_ty_img{ height:187px; position: relative;} .ztzl_ty_img span{background-color:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient (startcolorstr=#7F000000,endcolorstr=#7F000000);bottom:0; position: absolute; height:45px;width: 316px; padding-left: 10px; font-size: 18px; font-weight: bold; color:#fff; line-height: 45px;} .ztzl_ty_img span em{ width:31px; height: 45px; display: block; background: url(20171101fjstsg_ztzl_icon.png) left center no-repeat; margin-right: 10px;} .ztzl_ty_news{ padding: 5px 20px;} .ztzl_ty_news ul li{line-height: 34px; font-size: 16px; background: url(20171101fjstsg_news_tit_d.jpg) left center no-repeat; padding-left: 15px;} .ztzl_ty_news span { background: url(20171101fjstsg_ztzl_icon2.png) right center no-repeat; padding-right: 20px; padding-bottom: 10px;} .ztzl_ty_news span a{ color:#999;} .ztzl_btn{position: absolute; left: -62px; top:136px;} .ztzl_btn2{position: absolute; right: -92px; top:136px;}