.happynewyear { position: fixed; display: inline-block; top: 50%; margin-top: -333px; right: -160px; z-index: 180; } .happynewyear.hidethis { display: none !important; } .happynewyear.showthis { display: inline-block !important; } .happynewyear .pchappy { height: 650px; } .happynewyear .phonehappy { display: none; } .happynewyear .closehappy { cursor: pointer; position: absolute; bottom: -19px; right: 49px; width: 26px; } .pc_body { /* 娓╅Θ鎻愮ず11111 */ /* 娓╅Θ鎻愮ず22222 */ } .pc_body .container { width: 1200px; margin: 0 auto; } .pc_body .homepage_bg { width: 1960px; height: auto; position: absolute; z-index: 1; left: 50%; margin-left: -980px; } .pc_body .homepage_bg img { width: 1960px; height: auto; } .pc_body .homepage_bg img.high { display: none; } .pc_body .homepage_header { z-index: 11; height: 453px; position: relative; } .pc_body .homepage_header .head_floor_1 { padding-top: 29px; } .pc_body .homepage_header .head_logo { float: left; } .pc_body .homepage_header .shiyunxing { float: left; margin-top: 42px; font-size: 14px; line-height: 30px; color: #ffffff; background-color: rgba(27, 111, 226, 0.6); border-radius: 15px; width: 80px; height: 30px; text-align: center; margin-left: 24px; } .pc_body .homepage_header .header_option { float: right; position: relative; margin-right: -13px; margin-top: 13px; } .pc_body .homepage_header .header_option li { height: 16px; padding: 0 13px; border-left: 1px solid #fff; display: inline-block; vertical-align: middle; } .pc_body .homepage_header .header_option li:first-child, .pc_body .homepage_header .header_option li.js_nologin { border: none; } .pc_body .homepage_header .header_option li.wza_zzb { position: relative; height: auto; border: 1px solid #FFFFFF; padding: 8px 4px; border-radius: 18px; } .pc_body .homepage_header .header_option li.wza_zzb a { font-size: 18px; line-height: 18px; padding: 0 11px; } .pc_body .homepage_header .header_option li.wza_zzb a span { font-size: 18px; } .pc_body .homepage_header .header_option li span { line-height: 16px; color: #fff; font-size: 14px; } .pc_body .homepage_header .header_option li i { display: inline-block; vertical-align: middle; margin-top: -14px; margin-right: 14px; width: 22px; height: 22px; font-size: 22px; line-height: 22px; color: #fff; position: relative; top: 7px; } .pc_body .homepage_header .searchbox { width: 780px; margin: 0 auto; text-align: center; margin-top: 60px; } .pc_body .homepage_header .searchbox .logo { display: block; text-align: right; position: relative; } .pc_body .homepage_header .searchbox .logo .homepage_top_guohuilogo { position: absolute; right: 40%; top: -12px; width: 72px; } .pc_body .homepage_header .searchbox .logo .homepage_top_danghuilogo { position: absolute; left: 0; top: -12px; width: 61px; } .pc_body .homepage_header .searchbox .logo.high { display: none; } .pc_body .homepage_header .searchbox .header_search { display: inline-block; margin-top: 85px; text-align: left; } .pc_body .homepage_header .searchbox .header_search .search_input { position: relative; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box { font-size: 0; display: inline-block; position: relative; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .zhandianxuanze { position: absolute; display: inline-block; left: 0; top: 0; height: 50px; width: 80px; line-height: 50px; z-index: 10; cursor: pointer; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .zhandianxuanze:after { content: ''; position: absolute; display: inline-block; right: 0; top: 19.5px; width: 1px; height: 11px; background-color: #333; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .zhandianxuanze .zhandian { margin-left: 20px; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .zhandianxuanze .zhandian .op.cur { display: inline-block; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .zhandianxuanze .zhandian .op { display: none; font-size: 14px; line-height: 50px; color: #333333; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .zhandianxuanze i { position: absolute; right: 11px; top: 17.5px; display: inline-block; font-size: 22px; color: #333333; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: white; opacity: 0.6; z-index: 0; filter: alpha(opacity=60); } .pc_body .homepage_header .searchbox .header_search .search_input .input_box i { display: inline-block; width: 16px; height: 16px; font-size: 16px; color: #1b6fe2; vertical-align: middle; margin-left: 10px; line-height: 16px; top: -2px; position: relative; color: white; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box input { display: inline-block; vertical-align: middle; outline: none; border: none; width: 421px; padding-left: 93px; height: 46px; line-height: 46px; font-size: 14px; color: #656565; border-right: 1px solid #1b6fe2; position: relative; border: 2px #1B6FE1 solid; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: rgba(255, 255, 255, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); } .pc_body .homepage_header .searchbox .header_search .search_input .input_box label { padding-left: 85px; height: 50px; line-height: 50px; font-size: 14px; color: #999; cursor: text; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box input::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box span { height: 50px; line-height: 50px; padding: 0 20px; background: #1B6FE1; color: white; font-size: 16px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; font-weight: bold; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .o_InputSelectBox .listbox { top: 50px; left: 1px; right: 2px; border-top: none; padding: 10px 0; background: white; border: 1px solid #e5e5e5; overflow: hidden; min-width: 0!important; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .o_InputSelectBox .listbox .list { border: none; box-shadow: none; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .o_InputSelectBox .list li:hover { background-color: #e5e5e5; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .o_InputSelectBox .list li span { font-size: 14px; line-height: 30px; padding: 0 17px; height: 30px !important; background: none; color: #333; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .o_scrollWin { position: static; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .searchul { top: 50px; left: 2px; right: 2px; border: 1px solid #e5e5e5; border-top: none; padding: 10px 0; background: white; display: none; position: absolute; width: 514px; box-sizing: border-box; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .searchul ul li { font-size: 14px; line-height: 30px; padding: 0 17px; height: 30px !important; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pc_body .homepage_header .searchbox .header_search .search_input .input_box .searchul ul li.on { background-color: #e5e5e5; } .pc_body .homepage_header .searchbox .header_search .search_input .znwd { position: absolute; left: 100%; top: 0; white-space: nowrap; margin-left: 15px; } .pc_body .homepage_header .searchbox .header_search .search_input .znwd i { display: inline-block; vertical-align: middle; color: #fff; font-size: 24px; line-height: 50px; margin-right: 10px; } .pc_body .homepage_header .searchbox .header_search .search_input .znwd span { color: #fff; font-size: 14px; line-height: 50px; } .pc_body .homepage_header .searchbox .header_search .hot_word { margin-top: 13px; margin-left: 19px; } .pc_body .homepage_header .searchbox .header_search .hot_word .label { font-size: 14px; line-height: 16px; display: inline-block; vertical-align: middle; color: #fff; } .pc_body .homepage_header .searchbox .header_search .hot_word ul { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .pc_body .homepage_header .searchbox .header_search .hot_word ul li { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 14px; line-height: 16px; margin: 0 15px; color: #fff; } .pc_body .homepagehaeder_nav { width: 100%; width: 1200px; position: relative; z-index: 10; margin: 92px auto 0; } .pc_body .homepagehaeder_nav .nav_list { margin: 0 -44px; overflow: hidden; font-size: 0; position: relative; } .pc_body .homepagehaeder_nav .nav_list a { display: inline-block; vertical-align: middle; text-align: left; box-sizing: border-box; margin: 0 41px; } .pc_body .homepagehaeder_nav .nav_list a span { font-size: 24px; line-height: 70px; color: #fff; display: inline-block; vertical-align: middle; position: relative; } .pc_body .homepagehaeder_nav .nav_list a i { display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-right: 8px; font-size: 32px; line-height: 32px; color: #fff; } .pc_body .homepagehaeder_nav .nav_list a:hover span:before, .pc_body .homepagehaeder_nav .nav_list a.cur span:before { content: ""; position: absolute; bottom: 10px; left: 0; right: 0; height: 4px; background: white; } .pc_body .part_1 { margin-top: 20px; position: relative; z-index: 10; padding-bottom: 60px; overflow: hidden; } .pc_body .part_1 .banner { width: 600px; height: 380px; float: left; position: relative; } .pc_body .part_1 .banner .showbox { overflow: hidden; height: 380px; } .pc_body .part_1 .banner li { position: relative; } .pc_body .part_1 .banner li img { width: 600px; height: 380px; } .pc_body .part_1 .banner li .title_box { width: 100%; height: 55px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); font-size: 20px; font-weight: bold; line-height: 55px; position: absolute; bottom: 0; left: 0; } .pc_body .part_1 .banner li .title_box a { color: #fff; } .pc_body .part_1 .banner li .title_box .news_title { margin-left: 20px; width: 500px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .pc_body .part_1 .banner li .title_box .link_more { font-size: 14px; float: right; margin-right: 20px; font-weight: normal; } .pc_body .part_1 .banner .banner_btn { width: 40px; height: 80px; background: url('gov2020_importantArticle04.png') no-repeat; position: absolute; top: 50%; margin-top: -40px; text-align: center; cursor: pointer; } .pc_body .part_1 .banner .banner_btn.banner_btn_prev { left: 0px; } .pc_body .part_1 .banner .banner_btn.banner_btn_next { right: 0px; } .pc_body .part_1 .banner .banner_btn i { font-size: 20px; color: #ffffff; line-height: 80px; } .pc_body .part_1 .banner .pager { position: absolute; bottom: -60px; height: 60px; width: 100%; text-align: center; padding-top: 11px; box-sizing: border-box; } .pc_body .part_1 .banner .pager li { width: 25px; height: 25px; display: inline-block; margin-right: 16px; background: url(./homepage_sprite.png) 0 -160px no-repeat; vertical-align: top; } .pc_body .part_1 .banner .pager li.cur { background-position: -25px -160px; } .pc_body .part_1 .tabbox { margin-left: 40px; width: 560px; float: left; } .pc_body .part_1 .tabbox .listTitle { overflow: hidden; border-bottom: 1px solid #fff; } .pc_body .part_1 .tabbox .listTitle .o_tab { margin-left: -22px; height: auto; float: left; padding-bottom: 3px; } .pc_body .part_1 .tabbox .listTitle .o_tab li { display: inline-block; font-size: 20px; font-weight: bold; line-height: 45px; margin: 0 11px; padding: 0 11px; cursor: pointer; vertical-align: middle; } .pc_body .part_1 .tabbox .listTitle .o_tab li a { padding: 18px 0; color: #fff; display: inline-block; line-height: 1; } .pc_body .part_1 .tabbox .listTitle .o_tab li.cur { margin-bottom: -4px; position: relative; } .pc_body .part_1 .tabbox .listTitle .o_tab li.cur a { border-bottom: 4px solid #fff; } .pc_body .part_1 .tabbox .listTitle .o_tab li.cur a:after { content: ''; border-bottom: 7px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; left: 50%; bottom: 4px; margin-left: -4px; } .pc_body .part_1 .tabbox .listTitle .o_tab .line { width: 2px; height: 19px; background-color: #fff; display: inline-block; vertical-align: middle; } .pc_body .part_1 .tabbox .listTitle .left_info, .pc_body .part_1 .tabbox .listTitle .right_info { margin-top: 6px; float: right; line-height: 40px; width: 120px; text-align: center; margin-top: 0; } .pc_body .part_1 .tabbox .listTitle .left_info a, .pc_body .part_1 .tabbox .listTitle .right_info a { height: 40px; line-height: 40px; font-size: 15px; color: #ffffff; display: inline-block; font-size: 20px; font-weight: bold; line-height: 1; height: auto; padding: 18px 0; } .pc_body .part_1 .tabbox .listTitle .left_info { float: left; margin-left: 20px; } .pc_body .part_1 .tabbox .listTitle .right_info { margin-right: -20px; } .pc_body .part_1 .tabbox .listbox { display: none; } .pc_body .part_1 .tabbox .listbox.cur { display: block; } .pc_body .part_1 .tabbox .listbox li { margin-top: 10px; height: 40px; line-height: 40px; font-size: 16px; } .pc_body .part_1 .tabbox .listbox li .dateTime { color: #fff; float: right; } .pc_body .part_1 .tabbox .listbox li:before { content: ''; width: 6px; height: 6px; background-color: #b2d1fb; display: inline-block; margin-right: 12px; vertical-align: middle; } .pc_body .part_1 .tabbox .listbox li a { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 420px; width: 420px; display: inline-block; } .pc_body .part_1 .tabbox .listbox li a:hover { text-decoration: underline; } .pc_body.high_body .homepage_bg img.default { display: none; } .pc_body.high_body .homepage_bg img.high { display: block; } .pc_body.high_body .homepage_header .searchbox .logo { display: none; } .pc_body.high_body .homepage_header .searchbox .logo.high { display: block; } .pc_body.high_body .homepage_header .head_floor_1 { padding-top: 28px; } .pc_body.high_body .homepage_header .searchbox { margin-top: 42px; } .pc_body.high_body .homepage_header .searchbox .header_search { margin-top: 36px; } .pc_body.high_body .homepage_header { height: 386px; } .pc_body.high_body .homepagehaeder_nav { margin-top: 77px; } .pc_body.high_body .part_1 { margin-top: 10px; } .pc_body.high_body .part_1 .banner .pager { padding-top: 0; bottom: 28px; } .pc_body .part_3 .title { padding-top: 30px; text-align: center; border-bottom: solid 2px #d2d2d2; } .pc_body .part_3 .title span { font-size: 36px; font-weight: bold; line-height: 1; color: #b80911; } .pc_body .part_3 .title:after { content: ''; width: 89px; height: 6px; display: block; background-color: #df5353; margin: 0 auto; margin-top: 11px; margin-bottom: -3px; } .pc_body .part_3 ul { padding-top: 9px; margin-right: -12px; font-size: 0; line-height: 0; } .pc_body .part_3 ul li { padding-top: 9px; padding-right: 11px; display: inline-block; vertical-align: middle; } .pc_body .part_3 ul li a { display: block; width: 191px; height: 104px; background-color: #fef7f1; } .pc_body .part_3 ul li a span { font-size: 16px; line-height: 24px; color: #333333; display: inline-block; vertical-align: middle; width: 91px; margin-left: 30px; } .pc_body .part_3 ul li a i { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-image: url(homepage_sprite.png); } .pc_body .part_3 ul li a i.icon_box_1 { background-position: 0 0; } .pc_body .part_3 ul li a i.icon_box_2 { background-position: -50px 0; } .pc_body .part_3 ul li a i.icon_box_3 { background-position: -100px 0; } .pc_body .part_3 ul li a i.icon_box_4 { background-position: -150px 0; } .pc_body .part_3 ul li a i.icon_box_5 { background-position: -200px 0; } .pc_body .part_3 ul li a i.icon_box_6 { background-position: -250px 0; } .pc_body .part_3 ul li a i.icon_box_7 { background-position: -300px 0; } .pc_body .part_3 ul li a i.icon_box_8 { background-position: -350px 0; } .pc_body .part_3 ul li a i.icon_box_9 { background-position: -400px 0; } .pc_body .part_3 ul li a i.icon_box_10 { background-position: -450px 0; } .pc_body .part_3 ul li a i.icon_box_11 { background-position: -500px 0; } .pc_body .part_3 ul li a i.icon_box_12 { background-position: -550px 0; } .pc_body .part_3 ul li a i.icon_box_13 { background-position: -600px 0; } .pc_body .part_3 ul li a i.icon_box_14 { background-position: -650px 0; } .pc_body .part_3 ul li a:after { height: 100%; content: ''; width: 0; display: inline-block; vertical-align: middle; } .pc_body .part_3 ul li a:hover { background-color: #fc7b1d; } .pc_body .part_3 ul li a:hover span { color: #fff; } .pc_body .part_3 ul li a:hover i.icon_box_1 { background-position: 0 -50px; } .pc_body .part_3 ul li a:hover i.icon_box_2 { background-position: -50px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_3 { background-position: -100px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_4 { background-position: -150px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_5 { background-position: -200px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_6 { background-position: -250px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_7 { background-position: -300px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_8 { background-position: -350px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_9 { background-position: -400px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_10 { background-position: -450px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_11 { background-position: -500px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_12 { background-position: -550px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_13 { background-position: -600px -50px; } .pc_body .part_3 ul li a:hover i.icon_box_14 { background-position: -650px -50px; } .pc_body .part_4 { padding-top: 39px; } .pc_body .part_4 .tab_box { float: left; } .pc_body .part_4 .tab_box .tab_nav { float: left; } .pc_body .part_4 .tab_box .tab_nav .tab_nav_1, .pc_body .part_4 .tab_box .tab_nav .tab_nav_2 { cursor: pointer; width: 80px; height: 132px; margin-top: 4px; background-color: #bdd4f4; position: relative; padding: 1px 0 1px; box-sizing: border-box; } .pc_body .part_4 .tab_box .tab_nav .tab_nav_1:first-child, .pc_body .part_4 .tab_box .tab_nav .tab_nav_2:first-child { margin-top: 0; } .pc_body .part_4 .tab_box .tab_nav .tab_nav_1.cur, .pc_body .part_4 .tab_box .tab_nav .tab_nav_2.cur { background-color: #1b6fe2; } .pc_body .part_4 .tab_box .tab_nav .tab_nav_1.cur:after, .pc_body .part_4 .tab_box .tab_nav .tab_nav_2.cur:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 11px solid #1b6fe2; position: absolute; right: -11px; top: 50%; margin-top: -10px; } .pc_body .part_4 .tab_box .tab_nav .tab_nav_1 .font_box, .pc_body .part_4 .tab_box .tab_nav .tab_nav_2 .font_box { width: 100%; height: 100%; background-image: url(./homepage_sprite.png); } .pc_body .part_4 .tab_box .tab_nav .tab_nav_1 .font_box { background-position: -360px -100px; } .pc_body .part_4 .tab_box .tab_nav .tab_nav_2 .font_box { background-position: -440px -100px; } .pc_body .part_4 .tab_box .tab_list { float: left; margin-left: 15px; overflow: hidden; width: 486px; } .pc_body .part_4 .tab_box .tab_list ul { margin: -10px -5px 0; margin-top: -10px; display: none; font-size: 0; } .pc_body .part_4 .tab_box .tab_list ul.cur { display: block; } .pc_body .part_4 .tab_box .tab_list ul li { padding: 10px 5px 0 5px; width: 114px; height: 129px; display: inline-block; vertical-align: top; } .pc_body .part_4 .tab_box .tab_list ul li a { display: block; width: 100%; height: 100%; text-align: center; background-color: #f6f6f6; padding-top: 29px; box-sizing: border-box; } .pc_body .part_4 .tab_box .tab_list ul li a i { display: block; margin: 0 auto; font-size: 50px; color: #3d68a6; width: 62px; height: 44px; font-size: 40px; line-height: 48px; } .pc_body .part_4 .tab_box .tab_list ul li a span { margin-top: 18px; color: #333333; font-size: 16px; line-height: 1; display: inline-block; } .pc_body .part_4 .tab_box .tab_list ul li a:hover span { color: #3d68a6; } .pc_body .part_4 .part_4_right { float: right; font-size: 0; width: 591px; padding-top: 2px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .pc_body .part_4 .part_4_right .hover { margin-left: -1px; display: inline-block; border: 1px solid #eeeeee; margin-top: -2px; width: 195px; height: 134px; position: relative; z-index: 1; padding-top: 26px; box-sizing: border-box; text-align: center; } .pc_body .part_4 .part_4_right .hover:hover { z-index: 2; border-color: #8ab9fb; box-shadow: 0 0 20px 5px #8ab9fb; } .pc_body .part_4 .part_4_right .hover.no_hover:hover { border-color: #eeeeee; box-shadow: none; } .pc_body .part_4 .part_4_right .hover i { display: block; margin: 0 auto; width: 32px; height: 32px; color: #1b6fe2; font-size: 30px; line-height: 34px; } .pc_body .part_4 .part_4_right .hover span { color: #333333; font-size: 16px; line-height: 18px; display: inline-block; margin-top: 16px; } .pc_body .part_4 .part_4_right .hover .a_box { display: block; margin: 8px auto 0; } .pc_body .part_4 .part_4_right .hover .a_box a { display: inline-block; vertical-align: middle; font-size: 13px; color: #1b6fe2; line-height: 15px; } .pc_body .part_4 .part_4_right .hover .a_box a:hover { text-decoration: underline; } .pc_body .part_4 .part_4_right .hover .a_box .line { display: inline-block; vertical-align: middle; height: 15px; background-color: #1b6fe2; margin: 0 9px; width: 1px; } .pc_body .part_5 { margin-top: 38px; padding-top: 30px; background-color: #f5f5f5; font-size: 0; } .pc_body .part_5 .part_5title { text-align: center; padding-bottom: 15px; border-bottom: 2px solid #eee; margin-bottom: 20px; position: relative; } .pc_body .part_5 .part_5title:after { content: ''; display: inline-block; position: absolute; width: 80px; height: 4px; background-color: #1b6fe2; bottom: -3px; left: 50%; margin-left: -40px; } .pc_body .part_5 .part_5title a { font-size: 36px; line-height: 1; font-weight: bold; color: #1b6fe2; } .pc_body .part_5 .tab_box { float: left; overflow: hidden; width: 741px; } .pc_body .part_5 .tab_box .tab_nav { background-color: #e5e5e5; margin-left: -1px; } .pc_body .part_5 .tab_box .tab_nav a { background-color: #d2d2d2; display: inline-block; vertical-align: middle; border-left: 1px solid #e7e7e7; width: 146px; text-align: center; height: 46px; line-height: 46px; font-weight: bold; font-size: 20px; color: #333; position: relative; } .pc_body .part_5 .tab_box .tab_nav a.cur { background-color: #1b6fe2; color: #fff; } .pc_body .part_5 .tab_box .tab_nav a.cur:after { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -8px; left: 50%; margin-left: -8px; border-top: 8px solid #1b6fe2; border-left: 8px solid transparent; border-right: 8px solid transparent; } .pc_body .part_5 .tab_box .tab_list { padding-top: 13px; padding-bottom: 34px; } .pc_body .part_5 .tab_box .tab_list ul { min-height: 308px; display: none; } .pc_body .part_5 .tab_box .tab_list ul.cur { display: block; } .pc_body .part_5 .tab_box .tab_list ul li { width: 100%; padding: 14px 0 14px 5px; font-size: 14px; box-sizing: border-box; height: 46px; overflow: hidden; } .pc_body .part_5 .tab_box .tab_list ul li:after { content: ''; display: block; height: 0; clear: both; font-weight: bold; overflow: hidden; visibility: hidden; } .pc_body .part_5 .tab_box .tab_list ul li .dateTime, .pc_body .part_5 .tab_box .tab_list ul li .name { height: 18px; line-height: 18px; color: #000; font-size: 16px; } .pc_body .part_5 .tab_box .tab_list ul li .dateTime { float: right; color: #6c7380; } .pc_body .part_5 .tab_box .tab_list ul li .name { float: left; padding-left: 13px; max-width: 588px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pc_body .part_5 .tab_box .tab_list ul li .name span { color: #1B6FE1; position: relative; top: -1px; } .pc_body .part_5 .tab_box .tab_list ul li .iconDown { position: relative; top: 6px; width: 4px; height: 4px; background: #355D97; float: left; border-radius: 100%; display: block; } .pc_body .part_5 .tab_box .tab_list ul li:hover .name { color: #1b6fe2; font-weight: bold; text-decoration: underline; } .pc_body .part_5 .right_box { float: right; width: 425px; } .pc_body .part_5 .right_box ul { margin: -12px -10px 0 -10px; } .pc_body .part_5 .right_box ul li { display: inline-block; padding: 12px 10px 0 10px; } .pc_body .part_5 .right_box ul li a { display: block; width: 202px; height: 65px; border-bottom: 5px solid #4c86cf; color: #333; border-radius: 3px; overflow: hidden; /*padding-top: 5px;*/ font-size: 18px; background-color: #fff; text-align: center; line-height: 70px; box-sizing: border-box; font-weight: bold; } .pc_body .part_5 .right_box ul li a:hover { box-shadow: 0 0 18px 0 rgba(197, 197, 197, 0.4); } .pc_body .part_5 .right_box ul li:first-child + li a { border-color: #b3d465; } .pc_body .part_5 .right_box ul li:first-child + li + li a { border-color: #f6b37f; } .pc_body .part_5 .right_box ul li:first-child + li + li + li a { border-color: #c490bf; } .pc_body .part_5 .right_box ul li:first-child + li + li + li + li a { border-color: #eda7ad; } .pc_body .part_5 .right_box ul li:first-child + li + li + li + li + li a { border-color: #4c86cf; } .pc_body .part_5 .right_box ul li:first-child + li + li + li + li + li + li a { border-color: #d1c0a5; } .pc_body .part_5 .right_box ul li:first-child + li + li + li + li + li + li + li a { border-color: #f8b551; } .pc_body .mszx { float: left; width: 560px; height: 443px; } .pc_body .mszx .tit { margin-bottom: 23px; background: #e5e5e5; } .pc_body .mszx .tit img { height: 46px; width: auto; } .pc_body .mszx img { width: 100%; } .pc_body .part_6 { padding-top: 41px; font-size: 0; padding-bottom: 35px; } .pc_body .part_6 .wlwz_box { float: left; width: 560px; height: 443px; } .pc_body .part_6 .wlwz_box iframe { width: 560px; height: 443px; } .pc_body .part_6 .middle_box { float: left; width: 288px; height: 444px; margin-left: 27px; } .pc_body .part_6 .middle_box ul { margin: -18px -8px 0 -8px; margin-left: -8px; } .pc_body .part_6 .middle_box ul li { padding: 18px 8px 0 8px; /*display: inline-block;*/ float:left; } .pc_body .part_6 .middle_box ul li a { display: block; width: 136px; height: 136px; box-sizing: border-box; border: 1px solid #e4e0e0; padding-top: 23px; text-align: center; } .pc_body .part_6 .middle_box ul li a i { display: block; width: 60px; height: 60px; margin: 0 auto; background-image: url(./homepage_sprite.png); } .pc_body .part_6 .middle_box ul li a span { display: inline-block; margin-top: 6px; color: #333333; font-weight: bold; font-size: 16px; line-height: 1; } .pc_body .part_6 .middle_box ul li a:hover { background-color: #cee2ff; border-color: #cee2ff; } .pc_body .part_6 .middle_box ul li a:hover span { color: #1b6fe2; } .pc_body .part_6 .middle_box ul li:first-child a i { background-position: 0 -100px; } .pc_body .part_6 .middle_box ul li:first-child + li a i { background-position: -60px -100px; } .pc_body .part_6 .middle_box ul li:first-child + li + li a i { width: 100px; background-position: -65px -155px; } .pc_body .part_6 .middle_box ul li:first-child + li + li + li a i { background-position: -293px -160px; } .pc_body .part_6 .middle_box ul li:first-child + li + li + li + li a i { background-position: -240px -100px; } .pc_body .part_6 .middle_box ul li:first-child + li + li + li + li + li a i { background-position: -300px -100px; } .pc_body .part_6 .czyz_box { float: right; } .pc_body .part_6 .czyz_box .title { background-color: #e5e5e5; } .pc_body .part_6 .czyz_box ul { padding-top: 12px; } .pc_body .part_6 .czyz_box ul li { margin-top: 11px; } .pc_body .part_7 { background: #f5f5f5; padding: 23px 0 31px; position: relative; } .pc_body .part_7:before { width: 40px; height: 200px; display: block; content: ""; background: #f5f5f5; position: relative; left: 50%; margin-left: -641px; position: absolute; z-index: 10; top: 92px; } .pc_body .part_7:after { width: 40px; height: 200px; display: block; content: ""; background: #f5f5f5; position: relative; left: 50%; margin-left: 593px; position: absolute; z-index: 10; top: 92px; } .pc_body .part_7 .part_7_title { border-bottom: 1px solid #dcdcdc; padding-bottom: 21px; } .pc_body .part_7 .part_7_title .part_7_icon { width: 24px; height: 24px; float: left; } .pc_body .part_7 .part_7_title .part_7_title_title { float: left; margin-left: 10px; line-height: 24px; font-weight: bold; color: #1b6fe2; font-size: 24px; } .pc_body .part_7 .part_7_title .part_7_more { float: right; height: 20px; margin-top: 2px; } .pc_body .part_7 .part_7_title .part_7_more span { display: inline-block; margin-right: 7px; vertical-align: middle; font-size: 14px; color: #999999; } .pc_body .part_7 .part_7_title .part_7_more img { display: inline-block; vertical-align: middle; width: 20px; height: 20px; } .pc_body .part_7 .part_7_title:after { content: ''; width: 0; height: 0; clear: both; display: block; } .pc_body .part_7 .listbox { position: relative; z-index: 0; margin-top: 22px; } .pc_body .part_7 .listbox .showbox { width: 1230px; position: relative; left: -20px; } .pc_body .part_7 .listbox ul { display: block; } .pc_body .part_7 .listbox ul li a { display: block; margin: 0 19px; } .pc_body .part_7 .listbox ul li a img { width: 100%; } .pc_body .part_7 .opager { padding-top: 30px; display: block; text-align: center; line-height: 0; } .pc_body .part_7 .opager li { display: inline-block; width: 70px; height: 6px; background: #AAAAAA; opacity: 0.3; border-radius: 3px; margin: 0 10px; filter: alpha(opacity=30); } .pc_body .part_7 .opager li.cur { height: 7px; background: #1B6FE1; border-radius: 3px; opacity: 1; filter: alpha(opacity=100); } .pc_body .new_tips { position: fixed; right: 0; bottom: -166px; width: 350px; height: 166px; z-index: 11; overflow: hidden; background: url(./homepage_new_tips_bg.png); } .pc_body .new_tips.hidethis { display: none !important; } .pc_body .new_tips .new_tips_close { position: absolute; top: 14px; right: 19px; display: block; width: 22px; height: 22px; font-size: 22px; line-height: 22px; color: #275297; cursor: pointer; } .pc_body .new_tips .new_tips_header { padding-top: 15px; text-align: center; box-sizing: border-box; } .pc_body .new_tips .new_tips_header .line { width: 46px; height: 1px; color: #a6cbfc; display: inline-block; vertical-align: middle; } .pc_body .new_tips .new_tips_header span { font-size: 30px; line-height: 30px; color: #1b6fe2; display: inline-block; vertical-align: middle; margin: 0 24px 0 21px; } .pc_body .new_tips .new_tips_content { width: 100%; box-sizing: border-box; padding: 21px 19px 0 21px; } .pc_body .new_tips .new_tips_content .line_1 { font-size: 16px; font-weight: bold; line-height: 24px; color: #333333; } .pc_body .new_tips .new_tips_content .line_1 a { color: #1b6fe2; text-decoration: underline; } .homepage_phone { display: none; } @media (max-width: 751px) { .mszx_xs { margin: 0 25px; } .mszx_xs .tit { margin-bottom: 23px; background: #e5e5e5; } .mszx_xs .tit img { height: 60px; width: auto; } .mszx_xs img { width: 100%; } .happynewyear { width: 693px; left: 50%; top: auto; margin-top: 0; margin-left: -346.5px; bottom: -260px; } .happynewyear.hidethis { display: none; } .happynewyear .pchappy { display: none; } .happynewyear .phonehappy { display: inline; width: 693px; } .happynewyear .closehappy { cursor: pointer; position: absolute; top: -27px; bottom: auto; right: 0; width: 59px; } .pc_body { display: none; } .homepage_phone { display: block; } .homepage_phone .daohang { display: inline-block; position: fixed; right: 0; top: 35px; z-index: 99; background-color: #1b6fe2; border-radius: 8px 0px 0px 8px; } .homepage_phone .daohang img { width: 30px; height: 24px; padding-left: 18px; } .homepage_phone .daohang span { display: inline-block; padding: 18px 17px 18px 11px; font-size: 28px; line-height: 36px; color: #ffffff; } .homepage_phone .homepage_phone_head .top { position: relative; width: 750px; height: 354px; text-align: center; background: url(homepage_phonetop_new.png) no-repeat 0 70%; background-size: cover; } .homepage_phone .homepage_phone_head .top .imglogo { position: absolute; left: 50%; top: 48px; transform: translateX(-50%); } .homepage_phone .homepage_phone_head .top .img1 { left: 10%; top: 30px; } .homepage_phone .homepage_phone_head .top .img2 { left: 54%; top: 140px; width: 550px; } .homepage_phone .homepage_phone_head .top .homepage_top_guohuilogo { position: absolute; left: 50%; top: 128px; width: 56px; } .homepage_phone .homepage_phone_head .top .homepage_top_danghuilogo { position: absolute; left: 9%; top: 128px; width: 47px; } .homepage_phone .homepage_phone_head .header_search { padding: 40px 25px; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box { width: 100%; box-sizing: border-box; border-radius: 10px 10px 10px 10px; border: solid 1px #e5e5e5; border-right: none; background-color: #fff; font-size: 0; display: inline-block; position: relative; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box i { display: inline-block; width: 26px; height: 26px; font-size: 27px; color: #1b6fe2; vertical-align: middle; margin-left: 20px; line-height: 27px; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box input { display: inline-block; vertical-align: middle; outline: none; border: none; width: 456px; margin-left: 17px; line-height: 28px; background-color: #fff; font-size: 28px; padding: 14px 0; color: #666; border-right: 1px solid #1b6fe2; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box input::-webkit-input-placeholder { /* WebKit browsers */ padding-top: 2px; font-size: 28px; color: #999999; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ padding-top: 2px; font-size: 28px; color: #999999; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box input::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-top: 2px; font-size: 28px; color: #999999; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box input:-ms-input-placeholder { /* Internet Explorer 10+ */ padding-top: 2px; font-size: 28px; color: #999999; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box span { height: 64px; line-height: 64px; position: absolute; right: 0; top: -1px; padding: 0 18px 0 22px; color: #fff; background-color: #1b6fe2; font-size: 28px; border-radius: 0 10px 10px 0; display: inline-block; vertical-align: middle; cursor: pointer; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .o_InputSelectBox .listbox { top: 70px; left: -34px; right: 2px; border-top: none; padding: 10px 0; background: white; border: 1px solid #e5e5e5; overflow: hidden; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .o_InputSelectBox .listbox .list { border: none; box-shadow: none; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .o_InputSelectBox .list li:hover { background-color: #e5e5e5; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .o_InputSelectBox .list li span { font-size: 14px; line-height: 30px; padding: 0 17px; height: 30px!important; color: #333; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .o_scrollWin { position: static; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .searchul { top: 60px; left: 0; right: 2px; border: 1px solid #e5e5e5; border-top: none; padding: 10px 0; background: white; display: none; position: absolute; width: 466px; box-sizing: border-box; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .searchul ul li { font-size: 14px; line-height: 30px; padding: 0 17px; height: 30px!important; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .homepage_phone .homepage_phone_head .header_search .search_input .input_box .searchul ul li.on { background-color: #e5e5e5; } .homepage_phone .homepage_phone_head .header_search .search_input a { margin-left: 33px; text-decoration: underline; font-size: 14px; vertical-align: middle; color: #ffffff; display: none; } .homepage_phone .homepage_phone_head .header_search .hot_word { padding-top: 19px; padding-left: 13px; } .homepage_phone .homepage_phone_head .header_search .hot_word .label { font-size: 28px; line-height: 28px; display: inline-block; vertical-align: middle; color: #333333; } .homepage_phone .homepage_phone_head .header_search .hot_word ul { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } .homepage_phone .homepage_phone_head .header_search .hot_word ul li:first-child { margin-left: 0; } .homepage_phone .homepage_phone_head .header_search .hot_word ul li { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; line-height: 28px; color: #333333; margin-left: 24px; } .homepage_phone .alllink { display: none; background-color: #1b6fe2; padding-bottom: 40px; } .homepage_phone .alllink .linkitem { margin-top: 45px; width: 33.33333333%; display: inline-block; text-align: center; } .homepage_phone .alllink .linkitem a { font-size: 30px; line-height: 30px; color: #ffffff; } .homepage_phone .homephonebanner { margin-top: 0; margin-bottom: 40px; width: 100%; box-sizing: border-box; padding: 0 25px; height: 443px; position: relative; } .homepage_phone .homephonebanner .banner_btn { display: none; } .homepage_phone .homephonebanner ul li { width: 700px; height: 443px; position: relative; } .homepage_phone .homephonebanner ul li img { width: 100%; height: 100%; } .homepage_phone .homephonebanner ul li .title_box { width: 100%; height: 80px; background: rgba(0, 0, 0, 0.5); font-size: 28px; font-weight: bold; line-height: 80px; position: absolute; bottom: 0; left: 0; } .homepage_phone .homephonebanner ul li .title_box .news_title { width: 538px; color: #ffffff; margin-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .homepage_phone .homephonebanner .moremore { position: absolute; right: 35px; bottom: 24px; font-size: 28px; line-height: 1; color: #ffffff; } .homepage_phone .homephonebanner .pager { position: absolute; display: inline-block; bottom: -40px; width: 100%; left: 0; text-align: center; } .homepage_phone .homephonebanner .pager li { width: 14px; height: 14px; box-sizing: border-box; border-radius: 50%; display: inline-block; margin-right: 10px; background-color: #fff; vertical-align: middle; border: solid 1px #1b6fe2; } .homepage_phone .homephonebanner .pager li.cur { position: relative; width: 20px; height: 20px; } .homepage_phone .homephonebanner .pager li.cur:after { width: 9px; height: 10px; content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); background-color: #1b6fe2; } .homepage_phone .tabqiehuan { padding: 0 25px; padding-top: 25px; } .homepage_phone .tabqiehuan .title a { font-size: 32px; font-weight: bold; line-height: 50px; height: 50px; display: inline-block; position: relative; } .homepage_phone .tabqiehuan .title a img { display: none; } .homepage_phone .tabqiehuan .title .zhengwua, .homepage_phone .tabqiehuan .title .gonggaoa { color: #333333; margin-right: 20px; } .homepage_phone .tabqiehuan .title .zhengwua:after, .homepage_phone .tabqiehuan .title .gonggaoa:after { content: ''; position: absolute; width: 2px; height: 36px; top: 7px; right: -10px; background-color: #333; } .homepage_phone .tabqiehuan .title .guowuyuan { color: #fff; padding: 0 10px; color: #333; font-size: 32px; font-weight: bold; line-height: 50px; height: 50px; display: inline-block; } .homepage_phone .tabqiehuan .title .fangkkong { color: #fff; margin-left: 50px; margin-left: 70px; padding: 0 10px; color: #333; font-size: 32px; font-weight: bold; line-height: 50px; height: 50px; display: inline-block; } .homepage_phone .tabqiehuan .title .line { width: 100%; height: 1px; margin-top: 18px; background-color: #1b6fe2; } .homepage_phone .tabqiehuan .title a.cur img { position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%); display: inline-block; } .homepage_phone .tabqiehuan .list_box .list.cur { display: inline-block; } .homepage_phone .tabqiehuan .list_box .list { width: 100%; display: none; padding-top: 16px; box-sizing: border-box; } .homepage_phone .tabqiehuan .list_box .list .item { width: 100%; box-sizing: border-box; padding-left: 20px; position: relative; } .homepage_phone .tabqiehuan .list_box .list .item a { width: 100%; display: inline-block; font-size: 28px; line-height: 2; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box; } .homepage_phone .tabqiehuan .list_box .list .item:after { content: ''; position: absolute; left: 0; top: 23px; width: 6px; height: 6px; background-color: #b2d1fb; } .homepage_phone .yiwangtongban { margin-top: 22px; } .homepage_phone .yiwangtongban .title { text-align: center; } .homepage_phone .yiwangtongban .title a { font-size: 48px; font-weight: bold; line-height: 1; color: #b80911; } .homepage_phone .yiwangtongban .title .line { margin-top: 20px; height: 2px; position: relative; border-top: solid 1px #d2d2d2; } .homepage_phone .yiwangtongban .title .line:after { content: ''; position: absolute; display: inline-block; left: 50%; bottom: 0px; transform: translateX(-50%); width: 89px; height: 6px; background-color: #df5353; } .homepage_phone .yiwangtongban .tonglist { padding: 35px 25px 20px; margin: 0 -10px; } .homepage_phone .yiwangtongban .tonglist .tongitem { display: inline-block; width: 25%; height: 135px; margin-bottom: 20px; box-sizing: border-box; padding: 0 10px; text-align: center; } .homepage_phone .yiwangtongban .tonglist .tongitem a { width: 100%; height: 100%; box-sizing: border-box; display: inline-block; background-color: #fef7f1; } .homepage_phone .yiwangtongban .tonglist .tongitem a span { display: inline-block; width: 100%; font-size: 28px; box-sizing: border-box; padding: 0 10px; line-height: 28px; color: #333333; } .homepage_phone .yiwangtongban .tonglist .tongitem a i { margin-top: 22px; margin-bottom: 10px; display: inline-block; width: 50px; height: 50px; background-image: url(homepage_sprite.png); } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo1 { background-position: 0 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo2 { background-position: -50px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo3 { background-position: -100px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo4 { background-position: -150px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo5 { background-position: -200px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo6 { background-position: -250px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo7 { background-position: -300px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo8 { background-position: -350px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo9 { background-position: -400px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo10 { background-position: -450px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo11 { background-position: -500px 0; } .homepage_phone .yiwangtongban .tonglist .tongitem a .tonglogo12 { background-position: -550px 0; } .homepage_phone .banshi { padding: 0 25px; } .homepage_phone .banshi .title { margin-bottom: 20px; } .homepage_phone .banshi .title > div { display: inline-block; width: 344px; margin-left: 10px; height: 70px; padding-bottom: 15px; text-align: center; background: url(banshibg.png) no-repeat; } .homepage_phone .banshi .title > div img { margin-top: 18px; width: 123px; } .homepage_phone .banshi .title .geren { margin-left: 0; } .homepage_phone .banshi .title > div.cur { background: url(banshicurbg.png) no-repeat; } .homepage_phone .banshi .banshilistbox .banshilist.cur { display: block; } .homepage_phone .banshi .banshilistbox .banshilist { display: none; margin: 0 -10px; } .homepage_phone .banshi .banshilistbox .banshilist .huij.banshiitem a i { font-size: 55px; } .homepage_phone .banshi .banshilistbox .banshilist .banshiitem { display: inline-block; width: 25%; height: 135px; margin-bottom: 20px; box-sizing: border-box; padding: 0 10px; text-align: center; } .homepage_phone .banshi .banshilistbox .banshilist .banshiitem a { width: 100%; height: 100%; box-sizing: border-box; display: inline-block; background-color: #f6f6f6; } .homepage_phone .banshi .banshilistbox .banshilist .banshiitem a span { display: inline-block; width: 100%; font-size: 28px; box-sizing: border-box; padding: 0 10px; line-height: 28px; color: #333333; } .homepage_phone .banshi .banshilistbox .banshilist .banshiitem a i { margin-top: 22px; margin-bottom: 10px; display: inline-block; width: 50px; height: 50px; color: #3d68a6; line-height: 50px; font-size: 40px; } .homepage_phone .othershiqing { padding: 30px 25px 40px; } .homepage_phone .othershiqing .real { border: solid 1px #eeeeee; position: relative; } .homepage_phone .othershiqing .real .hengxian { display: inline-block; position: absolute; top: 0; left: 33.33333333%; width: 1px; height: 100%; background-color: #eee; } .homepage_phone .othershiqing .real .hengxian2 { left: 66.66666667%; } .homepage_phone .othershiqing .real .hengxian3 { top: 50%; width: 100%; height: 1px; left: 0; } .homepage_phone .othershiqing .otheritem { width: 33.33333333%; display: inline-block; height: 200px; text-align: center; } .homepage_phone .othershiqing .otheritem a { font-size: 28px; line-height: 36px; color: #333333; } .homepage_phone .othershiqing .otheritem a i { display: inline-block; height: 50px; width: 50px; line-height: 50px; font-size: 50px; color: #1b6fe2; margin-bottom: 20px; margin-top: 30px; } .homepage_phone .othershiqing .otheritem a span { width: 100%; padding: 0 4px; display: inline-block; box-sizing: border-box; } .homepage_phone .othershiqing .otheritem.teshu { font-size: 28px; line-height: 36px; color: #333333; } .homepage_phone .othershiqing .otheritem.teshu .abox { padding-top: 8px; } .homepage_phone .othershiqing .otheritem.teshu a { font-size: 25px; line-height: 1; color: #1b6fe2; } .homepage_phone .othershiqing .otheritem.teshu i { display: block; height: 50px; text-align: center; line-height: 50px; font-size: 50px; color: #1b6fe2; margin-bottom: 5px; margin-top: 10px; } .homepage_phone .othershiqing .otheritem.teshu span { width: 4px; color: #1b6fe2; position: relative; top: -2px; text-align: center; display: inline-block; box-sizing: border-box; } .homepage_phone .wenjianjiedufabu { padding: 0 25px; margin-bottom: 40px; } .homepage_phone .wenjianjiedufabu .bigtitle { text-align: center; padding-bottom: 20px; border-bottom: 2px solid #eee; margin-bottom: 30px; position: relative; } .homepage_phone .wenjianjiedufabu .bigtitle:after { content: ''; display: inline-block; position: absolute; width: 120px; height: 6px; background-color: #1b6fe2; bottom: -4px; left: 50%; margin-left: -60px; } .homepage_phone .wenjianjiedufabu .bigtitle a { font-size: 48px; line-height: 1; font-weight: bold; color: #1b6fe2; } .homepage_phone .wenjianjiedufabu .title a { display: inline-block; height: 60px; font-size: 32px; font-weight: bold; line-height: 60px; margin-right: 5px; color: #333333; padding: 0 17px; background-color: #d2d2d2; position: relative; margin-bottom: 10px; } .homepage_phone .wenjianjiedufabu .title a.cur { color: #fff; background-color: #1b6fe2; } .homepage_phone .wenjianjiedufabu .title a.cur:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -9px; border-top: 10px solid #1b6fe2; border-left: 10px solid transparent; border-right: 10px solid transparent; } .homepage_phone .wenjianjiedufabu .listbox { padding-bottom: 26px; padding-top: 5px; } .homepage_phone .wenjianjiedufabu .listbox .list.cur { display: block; } .homepage_phone .wenjianjiedufabu .listbox .list { display: none; } .homepage_phone .wenjianjiedufabu .listbox .list .item { box-sizing: border-box; width: 100%; padding-left: 20px; position: relative; } .homepage_phone .wenjianjiedufabu .listbox .list .item:after { content: ''; position: absolute; width: 4px; height: 4px; background-color: #a0a0a0; left: 2px; top: 24px; } .homepage_phone .wenjianjiedufabu .listbox .list .item a { width: 100%; display: inline-block; font-size: 28px; line-height: 2; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .homepage_phone .wenjianjiedufabu .listbox .list .item a span { color: #488deb; } .homepage_phone .wenjianjiedufabu .houzhui { margin: 0 -9px; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem { display: inline-block; text-align: center; width: 50%; height: 80px; padding: 0 9px; box-sizing: border-box; margin-bottom: 12px; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem a { display: inline-block; width: 100%; border-radius: 5px; background-color: #f3f4f8; font-size: 28px; font-weight: bold; line-height: 80px; color: #333333; border-bottom: 5px solid #4c86cf; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item2 { border-bottom: 5px solid #b3d465; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item3 { border-bottom: 5px solid #f6b37f; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item4 { border-bottom: 5px solid #c490bf; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item5 { border-bottom: 5px solid #eda7ad; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item6 { border-bottom: 5px solid #4c86cf; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item7 { border-bottom: 5px solid #d1c0a5; } .homepage_phone .wenjianjiedufabu .houzhui .houzuiitem .item8 { border-bottom: 5px solid #f8b551; } .homepage_phone .youxiankuai { padding: 30px 25px 40px; } .homepage_phone .youxiankuai .real { border: solid 1px #eeeeee; position: relative; } .homepage_phone .youxiankuai .real .hengxian { display: inline-block; position: absolute; top: 0; left: 33.33333333%; width: 1px; height: 100%; background-color: #eee; } .homepage_phone .youxiankuai .real .hengxian2 { left: 66.66666667%; } .homepage_phone .youxiankuai .real .hengxian3 { top: 50%; width: 100%; height: 1px; left: 0; } .homepage_phone .youxiankuai .otheritem { width: 33.33333333%; display: inline-block; height: 200px; text-align: center; } .homepage_phone .youxiankuai .otheritem a { font-size: 30px; line-height: 30px; color: #333333; } .homepage_phone .youxiankuai .otheritem a i { display: inline-block; height: 60px; width: 60px; line-height: 60px; margin-bottom: 20px; margin-top: 30px; background-image: url(homepage_sprite.png); } .homepage_phone .youxiankuai .otheritem a span { width: 100%; padding: 0 5px; display: inline-block; box-sizing: border-box; } .homepage_phone .youxiankuai .otheritem a .logo1 { background-position: 0px -100px; } .homepage_phone .youxiankuai .otheritem a .logo2 { width: 100px; background-position: -65px -155px; } .homepage_phone .youxiankuai .otheritem a .logo3 { background-position: -300px -160px; } .homepage_phone .youxiankuai .otheritem a .logo4 { background-position: -176px -100px; } .homepage_phone .youxiankuai .otheritem a .logo5 { background-position: -236px -100px; } .homepage_phone .youxiankuai .otheritem a .logo6 { background-position: -299px -100px; } .homepage_phone .canzhengyizheng { padding: 0 25px; } .homepage_phone .canzhengyizheng .title img { width: 100%; } .homepage_phone .canzhengyizheng .list { padding-top: 20px; } .homepage_phone .canzhengyizheng .list .item { background-color: #f5f5f5; border-radius: 5px; position: relative; margin-top: 10px; } .homepage_phone .canzhengyizheng .list .item img { width: 100%; border-left: none; } .homepage_phone .zhuantizhuanlan { text-align: center; position: relative; margin-bottom: 60px; } .homepage_phone .zhuantizhuanlan .lastbanner { padding-top: 58px; } .homepage_phone .zhuantizhuanlan .lastbanner .showbox .zhuantiul li { transform: translate3d(0, 0, 0); } .homepage_phone .zhuantizhuanlan .lastbanner .showbox .zhuantiul li img { width: 600px; height: 430px; } .homepage_phone .zhuantizhuanlan .lastbanner .banner_btn { width: 70px; border-radius: 50%; box-sizing: border-box; height: 70px; line-height: 70px; position: absolute; background-color: rgba(160, 160, 160, 0.3); top: 50%; margin-top: -35px; text-align: center; } .homepage_phone .zhuantizhuanlan .lastbanner .banner_btn i { position: relative; top: 2px; font-size: 32px; display: inline-block; width: 30px; text-align: center; color: #1b6fe2; line-height: 70px; } .homepage_phone .zhuantizhuanlan .lastbanner .banner_btn_prev { left: 20px; cursor: pointer; } .homepage_phone .zhuantizhuanlan .lastbanner .banner_btn_next { right: 20px; cursor: pointer; } .homepage_phone .zhuantizhuanlan .lastbanner .pager { display: none; } } .gov_fixed_left { position: fixed; right: 10px; top: 50%; margin-top: -200px; z-index: 999; } .gov_fixed_left .close { color: #fff; font-size: 20px; position: absolute; top: 5px; right: 5px; cursor: pointer; } @media (max-width: 750px) { } .gov_fixed_left img { width: 90px; }