.lunbo{ width: 100%; height: 422px; /* margin-top: 110px; */ min-width: 1200px; } .lunbo .piclist,.lunbo .piclist li{ height: 422px; } .lunbo li img{ width: 100%; height: 100%; object-fit: cover; } .lunbo .picscroll-left,.lunbo .picscroll-left .bd,.tempwrap{ height: 100%; } .fcl-nav{ width: 100%; text-align: center; display: flex; margin-top: -60px; z-index: 10; color: #fff; position: relative; } .fcl-nav li li{ display: inline-block; margin: 0 13px; cursor: pointer; width: 11px; height: 11px; border-radius: 50px; font-size: 0px; background-color: rgba(255,255,255,0.5); } .fcl-nav li li.on{ color: #595959; background-color: #ffffff; } .fcl-nav .one{ float: inherit; width: 100%; text-align: center; } .lunbo .bd .button{ width: 100%; height: 78px; min-width: 1200px; margin-top: -300px; } .lunbo .bd .button .prev{ width: 78px; height: 78px; display: inline-block; float: left; opacity: 0.7; filter: alpha(opacity=70); background: #000 no-repeat; text-indent: -999em; /* position: absolute; */ top: 35%; background-position: 25px 23px; } .lunbo .bd .button .next{ width: 78px; height: 78px; display: inline-block; opacity: 0.7; filter: alpha(opacity=70); background: #000 no-repeat; text-indent: -999em; /* position: absolute; */ top: 35%; background-position: 33px 23px; right: 0; float: right; } .zixun{ width: 1200px; margin: 28px auto; } .newspic{ float: left; width:683px; height: 382px; margin-bottom: 0px; } .newspic li img{ width:683px; height: 382px; } .newspic li p{ width: 100%; height: 32px; background-color: rgba(0,75,137,0.5); margin-top: -35px; font-size: 14px; color: #ffffff; line-height: 32px; position: relative; } .newspic li p span{ width: 60%; display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 20px; font-weight: bold; font-size: 16px; } .news-nav{ width: 30%; text-align: center; display: flex; margin-top: -28px; z-index: 10; color: #fff; position: relative; float: right; } .news-nav li li{ display: inline-block; margin: 0 5px; cursor: pointer; width: 23px; height: 23px; border-radius: 50px; font-size: 14px; color: #5a5b66; background-color: #ffffff; text-align: center; line-height: 23px; } .news-nav li li.on{ color: #ffffff; background: #004b89; } .news-nav .one{ float: inherit; width: 100%; text-align: right; } .newslist{ float: left; width: 499px; height: 393px; margin-left: 17px; } .tab{ width: 499px; border-bottom: 1px solid #99c6f0; height: 29px; } .tab .tabs{ float: left; width: 399px; } .tab .tabs .zslx{ font-size: 18px; color: #353535; opacity: 0.7; border-right: 1px solid #dadada; display: inline-block; height: 24px; line-height: 18px; padding-right: 19px; margin-right: 19px; cursor: pointer; } .tab .tabs .zslx:last-child{ border: none; } .tab .tabs .zslx.active,.tab .tabs .zslx.active a{ font-weight: bold; opacity: 1; color: #004b89; } .tab .tabs .zslx a{ color: #353535; } .tab .tabs .zslx.active::after{ content: ''; display: block; width: 72px; height: 4px; background-color: #004b89; margin-top: 6px; } .tab .newmore{ font-size: 14px; color: #587ba5; float: right; } .newslist .list{ width: 100%; } .newslist .list .toutiao{ margin-bottom: 6px; } .newslist .list .toutiao .ttname{ font-weight: bold; font-size: 18px; line-height: 1; letter-spacing: 0px; color: #5a5b66; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 14px 0 21px; } .newslist .list .toutiao .time{ font-size: 14px; line-height: 25px; letter-spacing: 0px; color: #5a5b66; opacity: 0.5; } .newslist .list .toutiao .ttcont{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #5a5b66; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 80px; } .new_ul li{ width: 100%; height: 40px; line-height: 40px; } .new_ul li .dian{ width: 7px; height: 7px; background-color: #01318b; display: inline-block; margin-right: 9px; border-radius:50px ; vertical-align: middle; } .new_ul li .newsname{ display: inline-block; font-size: 16px; letter-spacing: 0px; color: #5a5b66; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 285px; vertical-align: top; } .new_ul li .newstime{ font-size: 14px; letter-spacing: 0px; color: #5a5b66; opacity: 0.5; float: right; vertical-align: top; } .ggall{ width: 100%; float: left; background: #f6f8fa; margin: 28px 0 40px; height: 364px; } .ggall .ggcenter{ width: 1200px; margin: 0 auto; } .ggall .glgz{ width: 776px; float: left; } .ggall .glgz .gltab{ float: left; width: 173px; height: 300px; background: #ffffff; margin: 27px 0; } .ggall .glgz .tabs .zslx{ display: block; width: 132px; text-align: center; color: #105a97; line-height: 49px; font-size: 18px; margin:27px auto; cursor: pointer; } .ggall .glgz .tabs .zslx a{ display: block; color: #105a97; } .ggall .glgz .tabs .zslx.active{ width: 132px; height: 49px; background: rgba(16, 90, 151, 0.1); border: 1px solid #105a97; } .ggall .glgz .more{ font-size: 14px; color: #105a97; text-align: center; } .ggall .glgz .more a{ font-size: 14px; color: #105a97; } .ggall .glgz .gllist{ margin: 27px 0; } .ggall .glgz .gllist a{ display: block; line-height: 43px; } .ggall .glgz .gllist .dian{ width: 7px; height: 7px; background: #004b89; border-radius: 50%; display: inline-block; margin-left: 19px; margin-right: 8px; vertical-align: top; margin-top: 18px; } .ggall .glgz .gllist .glname{ width: 352px; font-size: 16px; font-weight: 400; color: #5a5b66; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; vertical-align: top; } .ggall .glgz .gllist .gltime{ font-size: 14px; color: #5a5b66; opacity: 0.5; display: inline-block; float: right; vertical-align: top; } .ggall .tzgg{ width: 387px; float: left; margin-left: 35px; margin-bottom: 20px; } .ggall .tzgg .tztab{ border-bottom: 1px solid #94c2ed; float: left; width: 100%; margin-top: 6px; } .ggall .tzgg .tztab .tabs{ float: left; line-height: 24px; margin-top: 7px; } .ggall .tzgg .tztab .zslx{ font-size: 20px; color: #5a5b66; cursor: pointer; display: inline-block; height: 24px; } .ggall .tzgg .tztab .zslx a{ display: block; color: #5a5b66; } .ggall .tzgg .tztab .zslx:last-child{ margin-left: 19px; padding-left: 19px; border-left: 1px solid #dadada; } .ggall .tzgg .tztab .zslx.active a{ font-weight: bold; color: #004b89; } .ggall .tzgg .tztab .active::after{ content: ''; display: block; width: 79px; height: 4px; background: #004b89; margin-top: 6px; } .ggall .tzgg .more{ float: right; line-height: 40px; } .ggall .tzgg .more a{ font-size: 14px; color: #004b89; opacity: 0.8; } .ggall .tzgg .tzlist{ width: 100%; } .ggall .tzgg .tzlist a{ display: block; width: 100%; float: left; margin-top: 14px; } .ggall .tzgg .tzlist .time{ float: left; width: 62px; height: 55px; background: #ffffff; border: 1px solid #004b89; border-radius: 7px; } .ggall .tzgg .tzlist .time .day{ width: 63px; height: 35px; background: #004b89; border-radius: 5px 5px 0px 0px; display: block; font-size: 24px; font-weight: bold; color: #ffffff; line-height: 40px; text-align: center; line-height: 35px; } .ggall .tzgg .tzlist .time .year{ font-size: 12px; font-weight: 400; color: #5a5b66; line-height: 22px; display: block; text-align: center; } .ggall .tzgg .tzlist .tzname{ float: left; font-size: 14px; color: #5a5b66; line-height: 30px; width: 298px; margin-left: 13px; } .ztmk{ width: 1200px; margin: auto; } .ztmk .xueshu{ float: left; width: 773px; height: 283px; } .ztmk .xueshu .xsgg{ border-bottom: 1px solid #99c6f0; float: left; width: 100%; } .ztmk .xueshu .xsgg .zslx{ font-size: 20px; color: #5a5b66; cursor: pointer; display: inline-block; margin-left: 19px; padding-left: 19px; border-left: 1px solid #dadada; line-height: 24px; margin-top: 3px; height: 24px; } .ztmk .xueshu .xsgg .zslx a{ display: block; color: #5a5b66; } .ztmk .xueshu .xsgg .zslx:first-child{ border: none; margin-left: 0; padding: 0; } .ztmk .xueshu .tabs{ float: left; width: 80%; } .ztmk .xueshu .zslx.active a{ font-weight: bold; color: #004b89; } .ztmk .xueshu .active::after{ content: ''; display: block; width: 79px; height: 4px; background: #004b89; margin-top: 6px; } .ztmk .xueshu .more{ float: right; line-height: 36px; } .ztmk .xueshu .more a{ font-size: 14px; color: #004b89; opacity: 0.8; } .ztmk .xueshu .zslist{ width: 100%; float: left; margin-top: 5px; } .ztmk .xueshu .zslist a{ display: block; float: left; width: 100%; } .ztmk .xueshu .zslist .dian{ width: 7px; height: 7px; background: #004b89; border-radius: 50%; display: inline-block; vertical-align: top; margin-top: 16px; } .ztmk .xueshu .zslist .glname{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #5a5b66; line-height: 40px; display: inline-block; vertical-align: top; width: 452px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 9px; } .ztmk .xueshu .zslist .gltime{ font-size: 14px; color: #5a5b66; line-height: 40px; opacity: 0.5; display: inline-block; float: right; vertical-align: top; } .ztmk .xssp{ width: 388px; float: left; margin-left: 37px; } .ztmk .xssp p{ width: 100%; border-bottom:1px solid #99c6f0 ; } .ztmk .xssp p span{ font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #004b89; line-height: 34px; border-bottom: 4px solid #004b89; display: inline-block; width: 84px; } .ztmk .xssp p a{ float: right; font-size: 14px; color: #004b89; line-height: 36px; opacity: 0.8; display: inline-block; } .ztmk .xssp .video{ width: 377px; height: 227px; padding-top: 10px; } .ztmk .xssp video{ width: 100%; height: 100%; } .ztmk .ztbd{ width: 100%; float: left; margin: 34px 0 44px; } .ztmk .ztbd .zttitle{ float: left; width: 58px; height: 90px; margin-right: 16px; } .ztmk .ztbd .zttitle img{ width: 100%; height: 100%; } .ztmk .ztbd .ztimg{ float: left; /* width: 1125px; */ /* overflow-x: auto; white-space: nowrap; overflow-y: hidden; */ } .ztmk .ztbd .ztimg img{ width: 265px; height: 90px; margin-left: 12px; } .lingyu{ float: left; width: 100%; height: 467px; /* background: url(/uploads/image/aimg/yjs.png) no-repeat; background-size: 100% 100%; */ } .lingyu .lyall{ /* width: 1200px; */ margin: auto; width: 100%; display: flex; } .lingyu .lyall .zylys{ width: 58%; min-width: 738px; background: url(/uploads/image/aimg/zyly.png) no-repeat; background-size: 100% 100%; float: left; } .lingyu .lyall .zyly{ width: 738px; float: left; float: right; } .lingyu .lyall .zyly .zytitle{ width: 100%; margin-top: 36px; float: left; } .lingyu .lyall .zyname{ float: left; } .lingyu .lyall .zyname .zw{ font-weight: bold; color: #ffffff; font-size: 20px; display: block; margin-bottom: 18px; line-height: 1; } .lingyu .lyall .zyname .yw{ font-size: 14px; color: #ffffff; display: block; } .lingyu .lyall .more{ float: right; font-size: 14px; color: #ffffff; margin-right: 17px; line-height: 40px; } .lingyu .lylist{ width: 100%; float: left; margin-top: 20px; } .lingyu .lylist a{ width: 120px; height: 107px; float: left; text-align: center; margin-bottom: 70px; padding: 0 5px; } .lingyu .lylist a:hover{ background-color: rgba(0,75,137,0.8); } .lingyu .lylist a p{ height: 50px; } .lingyu .lylist a img{ display: block; margin: 15px auto 0; } .lingyu .lylist a span{ font-size: 14px; color: #ffffff; line-height: 20px; display: block; height: 40px; } .fxcsyjss{ width: 42%; height: 467px; background: #f7f9fb; float: left; min-width: 461px; } .lingyu .fxcsyjs{ width: 432px; float: left; margin-top: 36px; margin-left: 29px; } .lingyu .fxcsyjs .fxcs{ border-bottom: 1px solid #99c6f0; float: left; width: 100%; } .lingyu .fxcsyjs .fxcs span{ font-size: 20px; font-weight: bold; color: #004b89; display: inline-block; } .lingyu .fxcsyjs .fxcs span::after{ content: ''; display: block; width: 79px; height: 4px; background: #004b89; margin-top: 6px; } .lingyu .fxcsyjs .fxcs a{ float: right; font-size: 14px; color: #004b89; line-height: 36px; opacity: 0.8; display: inline-block; } .lingyu .fxcsyjs .yjs{ font-size: 14px; color: #5a5b66; line-height: 48px; width: 100%; float: left; text-align: left; margin-top: 34px; text-indent:2em; } .zizhi{ width: 1200px; margin:auto; clear: both; padding-top: 43px; } .zizhis{ width: 1200px; margin:auto; clear: both; padding-top: 43px; } .zizhis a{ display: inline-block; width: 280px; height: 92px; margin-right: 21px; } .zizhis a:last-child{ margin-right: 0; } .zizhis a img{ width: 100%; height: 100%; } .zizhi .zztabs{ width: 100%; border-bottom: 1px solid #99c6f0; float: left; margin-bottom: 30px; } .zizhi .zztabs .tabs{ float: left; width: 60%; } .zizhi .zztabs .more{ font-size: 14px; color: #105a97; text-align: center; float: right; line-height: 47px; } .zizhi .zztabs .more a{ font-size: 14px; color: #105a97; } .zizhi .zztabs .zslx{ font-size: 20px; font-weight: bold; color: #224083; line-height: 47px; width: 103px; padding-right: 28px; height: 47px; display: inline-block; text-align: center; cursor: pointer; } .zizhi .zztabs .zslx a{ color: #224083; } .zizhi .zztabs .zslx.active{ background: url(/uploads/image/aimg/zizhi.png) no-repeat; background-size: 100% 100%; } .zizhi .zztabs .zslx.active a{ color: #ffffff; } .zizhi .zzpic{ /* margin-top: 30px; */ margin-bottom: 44px; height: auto; overflow: hidden; clear: both; } .zizhi .zzpic li{ float: left; width: 240px; height: 202px; /* padding-right: 25px; */ } .zizhi .zzpic li:last-child{ margin-right: 0; } .zizhi .zzpic li img{ width: 218px; height: 149px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } .zizhi .zzpic li p{ font-size: 14px; color: #5a5b66; line-height: 18px; padding: 5px; text-align: center; width: 208px; height: 41px; margin-top: -4px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }