.wzwb { width: 100%; background: no-repeat center top; background-color: #fff; } /* 首页第一块开始 */ .one-block { height: 522px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-sizing: border-box; padding: 0 30px; background-color: #fff; } .toutiao { height: 119px; width: 100%; box-sizing: border-box; padding: 0 54px; text-align: center; } .sy-tt-logo { height: 60px; width: 83px; display: inline-block; vertical-align: top; margin-top: 30px; margin-right: 64px; } .sy-tt-font { display: inline-block; height: 119px; line-height: 119px; font-size: 28px; color: #333333; max-width: 824px; /* font-weight: bold;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lbt { width: 646px; height: 363px; position: relative; overflow: hidden; } .lbt .hd ul li { display: inline-block; width: 9px; height: 9px; border-radius: 5px; background: #d2d7e0; cursor: pointer; margin-left: 10px; } .lbt .bd ul li { position: relative; } .lbt .bd ul li img { width: 646px; height: 363px; display: block; } .lbt .bd ul li span { position: absolute; width: 100%; height: 57px; background-color: rgba(0, 0, 0, 0.6); left: 0; bottom: 0; display: block; } .lbt .bd ul li span a { line-height: 57px; width: 65%; height: 100%; float: left; color: #ffffff; font-size: 18px; text-indent: 1.5em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lbt .hd ul { position: absolute; right: 30px; text-align: center; bottom: 20px; height: 18px; z-index: 2; } .lbt .hd li.on { width: 24px; background-color: #ffbf34; } .lbt:hover .prev { opacity: 1; } .lbt:hover .next { opacity: 1; } .lbt .prev { background: no-repeat center; position: absolute; left: 10px; top: 40%; width: 41px; height: 41px; z-index: 2; opacity: 0; transition: all 0.5s ease; } .lbt .next { background: no-repeat center; position: absolute; right: 10px; top: 40%; width: 41px; height: 41px; z-index: 2; opacity: 0; transition: all 0.5s ease; } .gyqs { width: 435px; height: 364px; overflow: hidden; } .gyqs .hd { border-bottom: 1px solid #e3e1e1; } .gyqs .tabs { height: 42px; box-sizing: border-box; float: left; } .more { float: right; height: 42px; line-height: 42px; } .more a { font-size: 16px !important; color: #999999 !important; display: block; line-height: 26px !important; } .gyqs .tabs li { display: inline-block; height: 100%; box-sizing: border-box; padding: 0 16px; } .gyqs .tabs li a { font-size: 20px; /* font-weight: bold;*/ position: relative; display: inline-block; height: 100%; color: #333333; } .gyqs .tabs li:nth-of-type(1) { padding-left: 0; } .gyqs .tabs li:last-of-type { padding-right: 0; } .gyqs .tabs li a:nth-child(1) { margin-left: 0; } .gyqs .tabs li.on a::after { position: absolute; height: 3px; width: 100%; border-radius: 2.5px; content: ''; background-color: #4177da; left: 0; bottom: 0; } .gyqs .tabs li.on a { color: #4177da; } .gyqs .lie { margin-top: 12px; } /* 首页第一块结束 */ /* 首页第二块开始 */ .sy-ztzl-con { padding-top: 0px; position: relative; height: 100px; overflow: hidden; } .sy-ztzl-con .bd a { height: 100px; width: 1180px; display: inline-block; } .sy-ztzl-con .bd img { display: block; width: 100%; height: 100%; } .sy-ztzl-con .hd { position: absolute; bottom: 10px; right: 10px; z-index: 2; } .sy-ztzl-con .hd li { display: block; height: 16px; width: 16px; float: left; background: rgba(255, 255, 255, 0.6); border-radius: 0; color: #333333; font-size: 14px; text-align: center; line-height: 16px; margin-right: 2px; cursor: pointer; } .sy-ztzl-con .hd li.on { background: #c30406; color: #fff; cursor: pointer; } /* 首页第二块结束 */ /* 首页第三块开始 */ .three-block { height: 423px; } .zcfg-con { height: 423px; width: 677px; } .zcfg { width: 677px; height: 279px; overflow: hidden; } .zcfg .hd { border-bottom: 1px solid #e3e1e1; } .zcfg .tabs { height: 42px; box-sizing: border-box; float: left; } .zcfg .tabs li { display: inline-block; height: 100%; box-sizing: border-box; padding: 0 25px; } .zcfg .tabs li a { font-size: 20px; /* font-weight: bold;*/ position: relative; display: inline-block; height: 100%; color: #333333; } .zcfg .tabs li:nth-of-type(1) { padding-left: 0; } .zcfg .tabs li:last-of-type { padding-right: 0; } .zcfg .tabs li a:nth-child(1) { margin-left: 0; } .zcfg .tabs li.on a::after { position: absolute; height: 3px; width: 100%; border-radius: 2.5px; content: ''; background-color: #4177da; left: 0; bottom: 0; } .zcfg .tabs li.on a { color: #4177da; } .zcfg .lie { margin-top: 12px; } .zcfg-block { margin-top: 15px; } .zcfg-block li { height: 127px; width: 154px; border: 1px solid #b5cfff; border-radius: 3px; float: left; margin-right: 17px; } .zcfg-block li:nth-of-type(4) { margin-right: 0; } .zcfg-block li img { display: block; margin: 0 auto 15px; } .zcfg-block li a { height: 127px; width: 154px; display: block; font-size: 18px; text-align: center; font-weight: bold; box-sizing: border-box; padding-top: 22px; } .zcfg-block li:hover a { background-color: #4177d8; color: #fff; } .sy-zfxxgk { width: 464px; height: 423px; } .sy-zfxxgk ul { margin-top: 30px; } .sy-zfxxgk ul li { height: 62px; width: 464px; box-sizing: border-box; border: 1px solid #b5cfff; border-radius: 3px; background-color: #f4faff; margin-bottom: 10px; } .sy-zfxxgk ul li a { height: 62px; width: 464px; line-height: 62px; display: block; text-align: center; font-size: 18px; color: #333333; } .sy-zfxxgk ul li a:hover { color: #4177d8; } .sy-zfxxgk ul li a img { vertical-align: middle; margin-right: 32px; } .sy-zfxxgk dl { width: 464px; height: 62px; } .sy-zfxxgk dl dt { width: 227px; height: 62px; border: 1px solid #b5cfff; border-radius: 3px; background-color: #f4faff; } .sy-zfxxgk dl dt a { display: block; width: 227px; height: 62px; line-height: 62px; text-align: center; } .sy-zfxxgk dl dt a:hover { color: #4177d8; } .sy-zfxxgk dl dt a img { vertical-align: middle; margin-right: 20px; } /* 首页第三块结束 */ /* 首页第四块开始 */ .four-block { height: 347px; overflow: hidden; } .sy-zwfw { height: 270px; width: 676px; } .msb { height: 118px; width: 464px; display: block; position: relative; } .idx_zwfw_head a { float: right; font-size: 16px !important; color: #666666 !important; line-height: 30px; height: 100%; padding-right: 26px; background: no-repeat right 7px; } .idx_zwfw_a { margin-top: 30px; } .idx_zwfw_a>a { display: inline-block; } .idx_zwfw_a>a:nth-child(2) { margin: 0 13px; } .idx_hdjl>a { width: 227px; height: 62px; line-height: 62px; font-size: 18px; color: #ffffff; box-sizing: border-box; padding-left: 90px; } .idx_hdjl>a:nth-child(1) { background: no-repeat center; } .idx_hdjl>a:nth-child(2) { background: no-repeat center; } .idx_hdjl>a:hover { font-weight: 700; } .sy-zwfw ul { margin-top: 0px; } .sy-zwfw ul li { height: 70px; width: 48%; float: left; box-sizing: border-box; } .sy-zwfw ul li:nth-of-type(2n) { float: right; } .sy-zwfw ul li a img { width:100%; vertical-align: middle; margin-right: 18px; } .sy-hdjl-con { width: 463px; height: 347px; } .sy-hdjl-con .lie { height: 214px; overflow: hidden; } .hdjl-slfw { margin-top: 25px; } .hdjl-slfw li { display: block; height: 97px; width: 75px; float: left; margin-right: 54px; } .hdjl-slfw li:nth-of-type(4) { margin-right: 0; } .hdjl-slfw li a { display: block; height: 97px; width: 75px; font-size: 18px; line-height: 40px; color: #333333; } .hdjl-slfw li a img { display: block; margin: 0 auto; } /*首页第五块开始*/ .zk_box { background-color: #ffffff; padding:14px; font-size: 18px; color: #00e400; } .six-block { height: 323px; } .zk_title1 { font-size: 18px; font-weight: 600; text-align: center; } .zk_c { font-size: 40px; color: #1159a1; font-weight: 600; text-align: center; padding-bottom: 10px; } .zk_cen { color: #5b5b5b; text-align: left; } .zk_top1 { width:50%; font-size: 18px; font-weight: 600; padding: 2px 0; color: #43484c; text-align: center; } /* 首页第五块结束 */ /* 首页第六块开始 */ .five-block { margin-bottom: 40px; } .sy-ztzl-title { height: 24px; width: 100%; text-align: center; background: no-repeat center; } .sy-ztzl-title a { font-size: 24px; color: #4177d8; line-height: 24px; /*font-weight: bold;*/ } .ztzl_con { width: 1180px; height: 120px; position: relative; overflow: hidden; margin-top: 25px; } .ztzl_con li { height: 120px; margin-right: 10px; float: left; _display: inline; overflow: hidden; text-align: center; } .ztzl_con li img { width: 258px; height:100%; } .ztzl_con .prev { position: absolute; left: 0; top: 50%; height: 38px; width: 25px; z-index: 2; background: no-repeat center; transform: translate(0, -50%); } .ztzl_con .next { position: absolute; display: block; height: 38px; width: 25px; right: 0; z-index: 2; top: 50%; background: no-repeat center; transform: translate(0, -50%); } /* 首页第五块结束 */ /* 通用头部开始 */ .tys_head { height: 42px; width: 100%; border-bottom: 1px solid #e3e1e1; } .tys_head h2 { font-size: 20px; color: #4177d8; font-weight:normal; float: left; height: 42px; position: relative; } .tys_head h2::after { position: absolute; height: 3px; width: 100%; border-radius: 2.5px; content: ''; background-color: #4177da; left: 0; bottom: 0; } .tys_head a { float: right; font-size: 18px; color: #4177d8; height: 100%; } .tys_head a img { vertical-align: middle; margin-left: 4px; } .tys_head a:hover { color: #4177da; } /* 通用头部结束 */ /*通用底部开始*/ .m-gtsdh { width: auto !important; width: 1155px; min-width: 1155px; height: auto !important; min-height: 360px; margin: 0 auto; background: repeat-y; background-size: 100%; clear: both; } .m-gtsdhli { width: 1130px; margin: 0 auto; padding-top: 15px; /*background: no-repeat bottom;*/ } .m-gts1 { width: 310px; padding-right: 40px; margin-right: 40px; padding-bottom: 25px; background: no-repeat right 60px; } .m-gts1 .bt { height: 50px; background: no-repeat left bottom; line-height: 50px; } .f-fs18 { font-size: 18px; } .m-gts1 .xx { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .m-gts1 .sj { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .m-gts1 .yx { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .m-gts1 .sj { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .m-gts1 .qq { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .m-gts1 .yx { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .f-fs15 { font-size: 15px; } .m-gts1 .dw { background: no-repeat left 10px; padding-left: 30px; line-height: 33px; } .f-fs15 { font-size: 15px; } .f-fl { float: left; } .f-cbw { color: #fff; } /*通用底部结束*/ /* 通用列表开始 */ .gyqs .lie li a { width: 78%; } .sy-hdjl-con .lie li { line-height: 42px; height: 42px; } .sy-hdjl-con .lie li a { line-height: 42px; height: 42px; } .sy-hdjl-con .lie li span { line-height: 42px; height: 42px; } .lie { /* height: 310px; */ width: 100%; margin-top: 18px; min-height: 124px; } .lie li { height: 44px; } .lie li.fen { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #c5c5c5; } .lie li a { text-indent: 1em; width: 50%; font-size: 18px; color: #333333; line-height: 44px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 44px; background: no-repeat top 22px left; } .lie li a br { display: none; } .lie li span { font-size: 16px; color: #999999; line-height: 44px; vertical-align: top; height: 44px; float: right; } .lie li:hover a { color: #4177da; background-image: ; } .lie li:hover span { color: #4177da; } .lie li.imglist{ width:33%; height: 235px; float: left; list-style: none; } .lie li.imglist a{ display: block; width:100%; height: 180px; background-image: none!important; } .lie li.imglist:hover{ cursor: pointer; color: #4177da; background-image: none!important; } .lie li.imglist a img{ width:100%; height: 100%; } .lie li p{ width:80%; margin:0 auto; text-align: center; font-size: 16px; color: #999999; height: 44px; line-height: 44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 通用列表结束 */