@charset "utf-8"; /* CSS Document */ @media screen and (min-width:1920px){ .focus, .navMolile, .head_ny, nav, .nav-list, .shze_mobile, .news2_mobile, .leader_mobile, .ywbk{ display:none} } @media only screen and (min-width: 1400px) and (max-width: 1920px) { .head .logo, .head_index .logo{ width:412px;} .focus, .navMolile, .head_ny, nav, .nav-list, .shze_mobile, .news2_mobile, .leader_mobile, .ywbk{ display:none} } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .navMolile, .head_ny, nav, .nav-list, .shze_mobile, .news2_mobile, .leader_mobile, .ywbk{ display:none} .focus{ display:none} .head .logo, .head_index .logo{ width:20%; margin:30px 0 0 50px;} .head .logo img{ width:100%} .head .nav li{margin: 0 13px;} .head .nav{ text-align:center} .head .nav ul{ display:inline-block} .zhaopin_main{ width:1200px;} .container2{ width:100%} .leader li{ width:28%} } /** iPad **/ @media only screen and (min-width: 768px) and (max-width: 1200px) { .navMolile, .head_ny, nav, .nav-list, .focus, .shze_mobile, .news2_mobile, .leader_mobile, .ywbk, .zzsc{ display:none} .container{ width:95%; margin:0 auto;} .container_nav{ width:100%;} .head .logo, .head_index .logo{ width:100%; margin:15px 0 0 50px;} .head .logo img, .head_index .logo img{ width:268px; height:auto} .head .nav, .head_index .nav{ width:90%;} .head .nav ul, .head_index .nav ul{ width:100%; padding:0 20px; box-sizing:border-box;} .head .nav li, .head_index .nav li{ line-height:30px; margin:0; width:11%; text-align:center} .head .nav li a, .head_index .nav li a{font-size:15px} .nav_ny{ left:3%} .head .nav li a{ padding-bottom:10px;} .head_index .en img, .head .en img{ margin-top:0} .head_index .nav ul li, .head .nav ul li{width:11%;line-height: 30px;} .ivideo_banner video{width: 100%;} .ivideo_banner{ height: 400px;} .BreakingNewsController ul li{ width:90%;} .BreakingNewsController ul li a{ width:70%;white-space: nowrap;text-overflow: ellipsis} .imgNews{ width:47%; height: 313px;} .screen{ width:100%} .news_02{width:47%; float:right;height: 313px;} .new-tit{ width:25%; margin-right:20px; font-size:14px;} .news_nav .left{ width:80%} .tab_menu li a{ font-size:14px;} .news-newtitwrap{width:100%} .news-titwrap li a{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; } .news_03{ width:100%; float:left; margin-top:20px; margin-bottom:0} .news_03 img{ width:100%;} .xj, .news_05{ float:left; width:47%;} .news_03 span, .news_04 span, .new_05-tit{ font-size:14px;} .new_05-tit{margin-right: 15px;} .news_04, .news_06{ width:47%; float:right} .news_04 img{ width:100%} .news_04{ margin-bottom:0} .news_05{ margin:20px 0 0 0} .news_05-titwrap li a{ width:70%; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;} .friendlink select{ width:23%; margin-left:10px;background: url('../images/select_arrow.jpg') 100% center no-repeat; background-color:#fff} .about .about_01 p, .culture p{ width:90%} .about .about_01 img{ margin-top:20px; float:left} .about .nember li{ margin:50px 20px;} .aboutmain .left, .aboutmain .m01{ width:100%} .aboutmain .m01{ margin-top:30px;} .aboutmain{ height:auto; padding-bottom:80px;} .aboutmain .left .more{ left:40%; margin-bottom:20px;} .culture .left img{ width:29%;} .culture{background-size: 300%;} .culture .left .a01{ margin:30px 0 0 30px;} .culture .left .a02{margin:30px 0 0 30px; width:30.5%;} .culture .left, .culture .right{ width:50%; margin-top:.5rem} .culture .right img{ width:80%; float:right} .culture{ height:5.5rem} .m02{ text-align:center} .m02 img{ float:none!important} .speech .detail{ width:100%; margin-top:20px; height:1.6rem} .speech .right{ width:100%; margin-top:40px;} .jbfz{ height:5.5rem} .m04, .inspection .track, .propaganda{ width:100%; margin-left:0; margin-right:0} .propaganda .video_01{ width:70%} .propaganda .video_01 img, .propaganda .video_01 video, .m06 img, .m06 video{ width:100%} .m06{ width:25%!important} .propaganda .video_02{ width:100%} .Form-J1 .Form-J1-li label{ display:inline;} .Form-J1 .Form-J1-li select{ width:84%} .speech_main{ background:none; height:auto; padding-bottom:50px;} .business-titwrap ul{ width:48%} .business-titwrap .number{ margin-bottom:40px;} .business-titwrap li{ height:170px;} .human_main .right img{ width:auto; height:100%} .human .human_01{ width:180px; height:180px; background-size:100%; margin: 100px 30px 0 30px;} .human .human_01 span{ font-size:14px;} .zhaopin_main li{ width:25%;margin: 22px 1%;padding: 0 .2rem;} .zhaopin .tag input{width: 90px;} .zhaopin .tag{ width:200px;} .zhaopin .search{width: 138px;} .friendlink select{ margin-left:5px; padding-left:10px;} .news-titwrap .shfe{ width:60%} .news-titwrap .newsimg{ width:30%; overflow:hidden} .news-titwrap .newsimg img{ width:auto; height:250px;} .news-titwrap .shfe .detail{ height:90px; overflow:hidden; display:block} .newspage{ margin:50px auto} .shzr_main .s_01{ width:700px;} .responsibility .r_01 .left img, .responsibility .r_02 .right img{ height:337px; width:auto;} .responsibility .r_01 .left{ overflow:hidden} .responsibility .r_01 .right .title, .responsibility .r_02 .left .title{ font-size:25px; margin:40px 0 20px 0;} .cases .nav_left .date{ width:28%;} .cases .nav_left .date span{ font-size:25px;} .cases .right1{margin-left: 20px;width: 62% !important;} .cases .nav_left .title{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:100%} .cases .nav_left .on .date{ margin-top:30px;} .cases .detail_right .right1{ float:right} .news2_02 .right{ text-align:center; width:100%; margin-top:40px;} .syp_title{ display:none} .xq_previous{ width:300px;} .dj span{ display:none} .container2{ width:100%} .lingdao .ld_nav li{ width:10%} /* 8.23 */ .newslist_main .right{ width: 50% } .zhuanti3_main .img{height: 140px;} /* 11.7 */ .jubao .left{width: 6%;line-height: 32px;font-size: 22px;} .jubao .right {width: 88%;font-size: 14px;} .jubao .right .r_01{width: 40%;line-height: 20px;} .jubao .bottom .b_01{width: 32.8%;} .jubao .right i{ font-size:30px;} } /** iPhone **/ @media only screen and (min-width: 320px) and (max-width: 767px) { img{ border:0; margin:0} nav{ width: 94%; margin: 0 auto;padding: 3% 0; overflow: hidden; } .menu{ width: 10%; margin-top: 0.12rem; float:right; } .menu img{ width: 90%; } .logo{ margin-left: 3%; width: 60%; float:left; } .logo img{ width: 100%; margin-top:.2rem } .nav-list{ background-color: rgba(0, 91, 172); background-color:#005bac; width: 100%; text-align: center; display: none; } #nav-list a{ line-height: 0.95rem; color: #FFFFFF; font-size: 0.28rem; } .nav, .shze_pc, .news2_pc, .leader_pc, .mobile, .zzsc{ display:none} .ivideo_banner, .banner_ny, .head_pc{ display:none} .container{ width:95%; margin:0 auto;} .container_nav{ width:100%;} .head .logo{ width:80%; margin:.1rem 0 0 .2rem} .head .logo img{ width:65%} .head_index .en, nav .en{width:.5rem; float: right; margin-right: .1rem;} nav .en{ float:right; margin-right:.3rem; margin-top:.15rem} .head_index .en img{ margin-top:.3rem; width:100%;} nav .en img{ width:100%; } .head_index, .head_ny{ position:absolute;height: 1.2rem; } .head{height: 1.1rem;} .head .nav li{ height:.5rem; line-height:.5rem} .navMolile{ width:100%; background:#f1f1f1; border-bottom:1px #d7d7d7 solid;overflow:hidden;} .navMolile ul{ } .navMolile li{ float:left; background:url(../images/nav_03.jpg) left center no-repeat; width:21%; background-size: 7%; text-align:center;margin: 2%;font-size: .25rem; } .navMolile .on{background:url(../images/1_03.jpg) left center no-repeat;background-size: 7%;} .navMolile .on a{ color:#004ea2} .navMolile li a{ font-size:.25rem; color:#6f6f6f; font-weight:bold;} .BreakingNewsController{ height:.7rem} .BreakingNewsController .bn-title i{ font-size:.25rem;margin-right: .2rem;} .BreakingNewsController .bn-title{ padding:0 .3rem; font-size:.25rem; line-height:.7rem} .BreakingNewsController ul{ width:70%; float:right; left:30%!important;} .BreakingNewsController ul li{ font-size:.24rem; padding-left:.1rem; padding-right:.1rem;width:100%;} .BreakingNewsController ul li a{white-space: nowrap;text-overflow: ellipsis; width:50%; overflow:hidden; } .BreakingNewsController .bn-arrows{ display:none} .imgNews, .news-newtitwrap, .xj, .news_03, .news_03 img, .news_04, .news_04 img, .news_05, .news_06, .news_06 img, .news_06 .intro, .news_06 .intro h5{ width:100%} .tab_menu .more{ font-size:.25rem} .tab_menu, .tab_menu .more i{height:.6rem;line-height:.6rem} .tab_menu li a, .news_03 span, .news_04 span, .new_05-tit{ font-size:.28rem;} .tab_menu li{ width:1.5rem; height:.6rem; line-height:.6rem} .section-focus-pic, .section-focus-pic img, .section-focus-pic ul li{ width:100%;height:5.1rem} .section-focus-pic .pages{height:5.1rem} .section-focus-pic ul li{ left:100%} .imgNews{ height:6.1rem} .news_02{ width:100%; margin-left:0} .new-tit{ font-size:.28rem;width: 22%; margin-right:.5rem} .news_nav .left{ width:80%} .news-titwrap li .newsbt, .news_05-titwrap li a{ width:70%;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:.25rem;font-weight: bold;} .news_03 .title, .news_03 .more i{ height:.7rem; line-height:.7rem} .news_04{ margin-top:0; margin-bottom:0} .news_05{ margin-left:0; margin-top:0} .friendlink{ height:3rem} .friendlink img{width: 18%;} .friendlink select{ width:29%; margin:.5rem 0 0 .2rem; text-align:left; padding:0; font-size:.22rem;margin-bottom: .2rem;} .foot p{ font-size:.22rem} .development .title{font-size: .5rem; margin:.5rem 0} .development{ height:11rem;background: url(../images/bg_02.jpg) no-repeat top center;} .development .development_01{ margin-bottom:.5rem} .development .development_01 .left{ font-size:.3rem; height:auto} .development .development_01 .right{ font-size:.25rem} .about .title{ font-size:.4rem; margin:.8rem 0} .about .about_01 p, .about .about_02{ font-size:.25rem; line-height:.5rem} .about .about_01 img{ width:95%; float:left; margin-top:.5rem} .about .nember li span{ font-size:.6rem; } .about .nember li{margin:.2rem .25rem} .mobile_number01{ font-size:.25rem!important} .mobile_number02{font-size:.22rem!important;width: 1.8rem;margin-top: .2rem;} .about .nember ul, .about .about_01 p{ width:100%} .about .nember ul{ margin-bottom:.5rem} .aboutmain .left .brief{ text-align:center; font-size:.4rem; margin:.3rem 0} .aboutmain .left{ width:100%} .aboutmain .left .detail, .culture p, .speech .detail{ font-size:.28rem; line-height:.6rem} .aboutmain{ height:11.7rem} .m01{ width:100%} .aboutmain .left .more, .speech .more{ left:34%; margin-bottom:.3rem;width: 2rem;height: .6rem; line-height:.6rem; font-size:.25rem} .culture h1, .speech .title{ text-align:center; font-size:.4rem; margin:.4rem 0} .culture p{ width:90%} .culture .left, .culture .right{ display:none} .culture{background: url(../images/qywh_06.jpg) no-repeat 0; height:6rem} .m02{ width:100%} .m02 img{ width:100%} .speech .detail{ width:100%; margin:.3rem 0 0 0;height: 6rem;} .speech .right{ width:100%} .speech .right a{ height:1.5rem; line-height:1.5rem; font-size:.38rem} .speech .right img{ width:15%; float:left; margin:.3rem .6rem 0 1.3rem} .jbfz img{ margin-top:2rem} .jbfz{ height:8.6rem} .m04{ width:140%} .inspection .track, .propaganda, .propaganda .video_01{ width:100%; margin-left:0; margin-right:0} .inspection .bt p{ font-size:.35rem;} .inspection .bt{ line-height:1rem} .inspection .bt a{ font-size:.24rem} .inspection .track li{ padding:.4rem 0} .inspection .track .title{ font-size:.4rem; margin-bottom:.3rem} .inspection .track .detail{ font-size:.28rem; line-height:.4rem} .m06{ width:100%!important} .propaganda .video_02{ width:100%; height:auto} .propaganda .video_01{ height:auto} .propaganda .video_01 img, .propaganda .video_01 video, .propaganda .video_02 img, .propaganda .video_02 video{ width:100%} .Form-J1{ margin-top:.4rem} .Form-J1 .Form-J1-li label{ display:inline;} .Form-J1 .Form-J1-li input{ width:70%} .Form-J1 .Form-J1-li select{width:75%} .Form-J1 .Form-J1-li input._yzm{ width:24%; border:1px #CCC solid} .speech_main{ background:none; height:auto; padding-bottom:.5rem; padding-top:.5rem} .speech_main img{ width:100%} .speech_main p{ font-size:.28rem; line-height:.6rem} .m07{ margin:0!important} .business_nav .business-tit{ width:40%; margin:.3rem .35rem; height:.7rem; font-size:.25rem; line-height:.7rem} .business_nav .business-wrap{ width:100%} .business-titwrap .number{ width:2.8rem; height:2.8rem; line-height:1.3rem; font-size:.8rem; margin:.1rem .4rem 0 .4rem} .business-titwrap .ch{ font-size:.3rem} .business-titwrap ul{ width:100%} .business-titwrap .name .en{ font-size:.24rem} .business-titwrap li{ height:3rem} .human_main .left{ width:100%; height:auto} .human_main .join, .human_main .left .us{ height:5.7rem} .human_main .join img{ width:auto; height:5.7rem} .human_main .text_box .en_title, .human_main .left_02 .list_title, .human_main .list_title, .part3 .part3_title{ font-size:.6rem} .human_main{ padding-top:.4rem; height:auto} .human_main .left_02{ height:4rem} .human_main .left .us, .list_l_b_text, .human_main .list_text{ font-size:.28rem; line-height:.45rem} .human_main .right{ width:100%; height:4rem} .part3 li{ font-size:.28rem; line-height:.5rem} .part3 li i{ font-size:.3rem} .friendlink select{ width:95%} .zhaopin .tag{ margin:.3rem 0 0 .3rem; width:90%} .zhaopin{ height:6rem; margin-top:.3rem} .zhaopin_main li{ width:90%; padding:0 .3rem; margin: .3rem 0; height:4.5rem; text-align:center} .zhaopin_main .title{ padding:.4rem 0 .2rem 0; font-size:.38rem} .zhaopin_main .detail{ line-height:.5rem} .zhaopin_main{ font-size:.26rem} .zhaopin_main a{width: 1.8rem;height: .7rem; line-height:.7rem; margin:0 auto; margin-top:.4rem} .page li{ width:.7rem; height:.7rem; line-height:.7rem} .page .next{ width:1.2rem; height:.7rem; line-height:.7rem;} .page{ width:98%} .newslist_main li .dfg{ padding:.5rem 0} .newslist_main .date{ display:none} .newslist_main li img{ width:2rem;height: 1.2rem;} .newslist_main .title a{ font-size:.3rem; } .newslist_main .right{float: right;margin-left: 0;width: 65%;} .newspage{ margin:.5rem auto} .newspage li{ font-size:.25rem; padding:.1rem .2rem;margin: 0 .1rem;} .shzr_main h1{ font-size:.4rem; margin:.3rem 0} .shzr_main .s_01{ width:100%; font-size:.25rem; line-height:.4rem} .responsibility .r_01 .left, .responsibility .r_01 .right, .responsibility .r_02 .right, .responsibility .r_02 .left{ width:100%} .responsibility .r_01 .right{ padding:0 .3rem} .responsibility .r_01 .right .title, .responsibility .r_02 .left .title{ font-size:.4rem; margin:.3rem 0} .responsibility .r_01 .right .detail, .responsibility .r_02 .left .detail{ font-size:.25rem; line-height:.4rem} .responsibility .r_01, .responsibility .r_02{ height:8rem} .responsibility .r_02 .right img{ width:100%} .news2_main h1{ font-size:.5rem; margin:.4rem 0 .2rem 0} .news2_main .js{ font-size:.25rem} .news2_main{ } .mt{ font-size:.4rem; margin:.4rem 0 0 0} .mt a{ font-size:.25rem;margin-top: .15rem;} .news2_02 .left li{ font-size:.25rem; line-height:.8rem;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;} .news2_02 .left{ width:100%; padding:0 .2rem} .news2_02 .left li span{ margin-right:.3rem} .news2_02 .left .more{ height:.6rem; width:1.5rem; line-height:.6rem; font-size:.25rem} .news2_02 .right, .news2_02 .right img{ width:100%; margin-bottom:.4rem} .news2_02{ padding-bottom:.4rem} .news2_03 li{ width:100%; padding:.3rem .1rem} .news2_03 .date{ font-size:.38rem} .news2_03 .title{ font-size:.33rem; margin:.2rem 0;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;} .news2_03 .detail{ font-size:.26rem} .newslist_main li .dfg:hover{ padding-left:inherit} .newslist_main .right{ float:right; width:68%} .zhuanti_list .date1{ display:none; font-size:.25rem; line-height:.4rem;} .zhuanti_list .date, .zhuanti_list .right .detail a{ display:block} .location{ line-height:1rem; font-size:.25rem} .location i{ font-size:.4rem; margin-right:.3rem} .zhuanti3_main .zt{ line-height:1rem; font-size:.4rem; margin:0 .3rem} .zhuanti3_main li{ width:46%;height: 3.6rem;} .zhuanti3_main .detail{ font-size:.25rem; line-height:.4rem; height:.8rem;overflow:hidden;} .zhuanti3_main .title{ font-size:.35rem; margin:.2rem 0} .position{ height:1rem; line-height:1rem;} .position_main p{line-height:1rem; font-size:.22rem} .po_left, .po_left:hover, .po_main, .po_main:hover, .po_right, .po_right:hover{ width:.5rem; height:.5rem; background-size:100%; margin-top:.3rem} .newsxq h1{ font-size:.3rem; font-weight:bold; color:#333333; line-height:.5rem} .newsxq h2{ font-size:.22rem; line-height:.6rem} .newsxq p{ font-size:.25rem; line-height:.5rem} .newsxq img{ width: 100% !important; height: auto !important;} .xq_previous{ width:100%; font-size:.25rem; line-height:1rem; margin-bottom:.3rem } .syp_title{ width:80%;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; float:left } .syp{ width:20%;} .xq_next{ width:100%;margin-bottom:.3rem} .xq_previous1{ width:100%;line-height:1rem;} .syp1{ float:right;width:20%; } .toudi a{ width:3rem; height:1rem; line-height:1rem; font-size:.35rem; margin-bottom:1rem} .work{ display:none} .jdmain{ margin-bottom:.2rem} .container2{ width:100%} .leader li{ width:46%; margin:.3rem 2%} .leader .detail p{ font-size:.4rem; margin-bottom:.3rem} .leader .detail span{ font-size:.25rem;} .leader_js p{ font-size:.25rem; line-height:.45rem} .leader_js .title{ font-size:.5rem; margin-bottom:.3rem;} .responsibility .r_01 .img_title, .responsibility .r_02 .img_title{ font-size:.25rem;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; padding:0 .3rem; box-sizing:border-box; color:#fff; height:.9rem; line-height:.9rem;} .lingdao .ld_nav li{ margin:0 .2rem; font-size:.25rem; width:14%;padding-bottom:.1rem;} .lingdao .ld_nav{ margin:.4rem 0} .lingdao .zw{ font-size:.32rem; padding-bottom:.2rem} .lingdao .title{font-size:.30rem; margin:.2rem 0} .lingdao .detail{ font-size:.26rem; line-height:.6rem; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .huodong{ padding-bottom:.3rem} .marqueeleft{ margin:.3rem 0; width:100%;height: 2.2rem;} .marqueeleft ul{ width:30rem;} .marqueeleft li{ width:16%;} .marqueeleft ul{ width:12rem;} .marqueeleft li .pic{height: 1.35rem;width: 96%; margin-bottom:.2rem} .marqueeleft li p{ font-size:.22rem; margin-bottom:.3rem} /* 8.9 */ .business-mtjj{height:1rem;margin-bottom: .2rem;} .business-mtjj li{ margin-right:.5rem;} .business-mtjj .more{margin-top: .48rem;} /* 8.13 */ .head_index .logo{ margin-top: .1rem; } .item img{ width: auto;margin-left: -4rem; } .imgNews .video{ width: 100%; height: 5.1rem; } .imgNews .video video{ height: 5.1rem; } .news-titwrap .detail{ line-height: .5rem; } .news-titwrap{ height: 5rem; } .news-titwrap .title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .new_05-tit{ margin-right: .4rem; } /* 8.23 */ .newslist_main li:hover{ background: none; color: #000 } .newslist_main li .dfg:hover a, .newslist_main li .dfg:hover .day, .newslist_main li .dfg:hover .year { color: #000; } .newslist_main li .dfg:hover .dj{ color: #c9c9c9; } .newslist_main .right .dj{ display: none; } .newslist_main .right .detail a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: .24rem; } .newslist_main .right .title{ font-size: .3rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: .1rem; } .business-jjtitwrap .more1{ top: -.75rem; } .zhuanti_list .right{ width:100%; } .about img{ width:100%;} .zhuanti3_main li{width: 30%; float: left; margin: 2% 1%;} .zhuanti3_main .img{height: 1.5rem;} .section_info h1{font-size: .3rem!important; line-height: .5rem!important; margin:.3rem 0 .1rem 0!important; } .info_content_left{ width:100%!important; } .info_content_left p{ font-size:.26rem!important; line-height: .5rem!important; } .info_content_right{ display:none;} .ywbk{ overflow:hidden;font-size: .28rem;} .ywbk p{font-size: .4rem; margin-bottom:.4rem; float:left} .ywbk a{ background:#004ea2; color:#fff; padding:.1rem .3rem; margin:0 .28rem;font-size: .28rem;} /* 11.7 */ .jubao .left { width: 7%; height: 3.74rem; font-size: .3rem; line-height: .5rem; padding: .2rem; } .jubao .right { width: 86.5%; height:4.15rem; font-size: .25rem; } .jubao .right .r_01 { width: 93%; height: 1rem; padding: 0 .2rem; line-height: .3rem; } .jubao .right i{font-size: .5rem;} .jubao .right .r_01 img { width: .5rem; height: .5rem; margin-right: .3rem; } .jubao .bottom .b_01 { width: 32.5%; height: 1rem; line-height: 1rem; font-size: .2rem; } /* 2020.01.17*/ .share-dialog { display: none; position: fixed; left: 50%; top: 50%; width: 80%; height: 3.5rem; margin: -1.5rem 0 0 -3rem; background: #fff; z-index: 1002; } .share-dialog .share-dialog-cont { padding: 0 .25rem; } }