@charset "utf-8"; @import url("reset.css"); @import url("header.css"); @import url("footer.css"); body{background:url("../images/syheader_bg.png") no-repeat center 54px;} .main_body {width: 100%;} /* 鐒︾偣鍥 */ .Focus{ height:600px;margin-top:-79px;} .Focus .top_bg{width:100%;height:79px;background: url("../images/nav_bg.png")repeat-x;position:absolute;top:0px;left:0px;z-index:2;} .Focus .bd li{ position: relative; overflow: hidden; width: 100%; height:600px; } .Focus .bd li img{ display: block; width: 100%; height: 100%; } .Focus .bg{ position: absolute; width: 100%; height: 99px;left: 0; bottom: 0;background: url("../images/jdt_bg.png") no-repeat;} .Focus .text{ position: absolute; width: 470px; height: 50px; left: 27px; bottom: 0;} .Focus .text li{ padding: 10px 0; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 24px; color: #FFF; line-height: 30px;} .Focus .num{ position: absolute; right: 10px; bottom: 20px; } .Focus .num li{ position: relative; overflow: hidden; float: left; width: 10px; height: 10px; margin: 0 3px; border-radius: 5px; background-color: #979a9a; font-size: 0; cursor: pointer; } .Focus .num li.on{background: #ffffff;} .Focus>a{display:block; width:50px; height:80px; position:absolute; top:260px; cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; } .Focus>a.prev{ left:10px; background:url("../images/jdt_jt.png") no-repeat -16px -28px;} .Focus>a.next{ right:10px; background:url("../images/jdt_jt.png") no-repeat -1266px -28px;} .Focus:hover>a{opacity:1; filter: alpha(opacity=100);} .Focus:hover>a.prev{ left:0;} .Focus:hover>a.next{ right:0;} /*Part1閮ㄥ垎*/ .Part1 {height: 355px;background: url("../images/gcfw_bg01.png") repeat-x;position: relative;} .gcfw {width: 1300px;height: 355px;margin: 0 auto;position: relative;} .gcfw .hd {width: 234px;float: left;background: url("../images/gcfw_bg02.png") no-repeat right top;} .gcfw .hd .title {width: 100%;margin-top: 38px;height: 80px;} .gcfw .hd .title a {display: block;width: 100%;height: 100%;background: url("../images/gcfw_title.png")no-repeat center;} .gcfw .hd ul {width: 180px;margin-left: 30px;margin-top: 20px;} .gcfw .hd ul li {width: 158px;border-bottom: 1px solid #dedddd;padding-left: 23px;height: 59px;line-height: 60px;position: relative;} .gcfw .hd ul li a {font-size: 24px;letter-spacing: 1px;} .gcfw .hd ul li a:hover,.gcfw .hd ul li.on a {color: #009861;font-weight: 700;} .gcfw .hd ul li a:hover i,.gcfw .hd ul li.on a i {display:block;width: 46px;height: 18px;background: url("../images/gcfw_jt.png") no-repeat;position: absolute;right: 5px;top: 22px;} .gcfw .hd .more {width: 89px;height: 32px;margin-left: 30px;margin-top: 10px;} .gcfw .hd .more a {display: block;width: 100%;text-align: center;line-height: 32px;color: #009861;} .gcfw .bd {width: 1066px;height: 356px;float: right;position: relative;} .gcfw .bd .slide { z-index: 2; } .gcfw::after { content: ""; background: url("../images/gcfw_bg03.png") no-repeat left top; width: 1376px; height: 356px; display: block; position: absolute; top: -1px; left: 234px; z-index: 0; } .gcfw .bd .slide_bd {width: 1041px;height: 292px;margin-top: 49px;margin-left: 24px;z-index: 3;} .gcfw .bd .slide_bd ul {width:100%;height: 292px;display: flex;justify-content: flex-start;flex-wrap: wrap;align-content: flex-start;} .gcfw .bd .slide_bd ul li {margin-right: 27px;width: 288px;height: 71px;line-height:71px;background: rgba(255,255,255,0.2);border-radius: 10px;margin-bottom: 20px;padding-left: 32px;position: relative;} .gcfw .bd .slide_bd ul li a {font-size: 18px;color: #ffffff;display: block;letter-spacing: 1px;} .gcfw .bd .slide_bd ul li:hover {background: #ffffff;} .gcfw .bd .slide_bd ul li:hover a {color: #000000;} .gcfw .bd .slide1 .slide_bd ul li:hover i {display: block;width: 27px;height: 31px;background: url("../images/jyjc_icon.png") no-repeat;position: absolute;right: 15px;top: 17px;} .gcfw .bd .slide2 .slide_bd ul li:hover i {display: block;width: 31px;height: 30px;background: url("../images/jdfw_icon.png") no-repeat;position: absolute;right: 15px;top: 17px;} .gcfw .bd .slide3 .slide_bd ul li:hover i {display: block;width: 31px;height: 29px;background: url("../images/pxfw_icon.png") no-repeat;position: absolute;right: 15px;top: 17px;} .gcfw .bd .slide_hd {position: absolute;bottom: 17px;left: 0px;width: 100%;z-index: 4;} .gcfw .bd .slide_hd ul {display: flex;justify-content: center;} .gcfw .bd .slide_hd li {width: 10px;height: 8px;background: #ffffff;border-radius:4px;cursor: pointer;text-indent: 9999px;margin: 0px 4px 0px 5px;} .gcfw .bd .slide_hd li.on {width: 30px;border-radius: 8px;} .gcfw .bd .slide3 .slide_bd li:last-child a {width: 80%;line-height:26px;padding-top: 10px;} .khfw {width: 284px;height:355px;position: absolute;right: 0;top: 0;} .khfw ul li {width: 124px;height: 44px;background: url("../images/dbx_bg.png") no-repeat;text-align: center;padding-top: 63px;position: absolute;} .khfw ul li i {position: absolute;display: block;} .khfw ul li:nth-of-type(1) {left:0;top: 97px;} .khfw ul li:nth-of-type(2) {left: 99px;top: 40px;} .khfw ul li:nth-of-type(3) {left:0;top: 209px;} .khfw ul li:nth-of-type(4) {left:98px;top: 153px;} .khfw ul li:nth-of-type(5) {right:0px;top: 97px;padding-top: 25px;height: 92px;width: 69px;color: #004da0;font-size: 16px;font-weight: 700;padding-left: 20px;cursor: pointer;} .khfw ul li:nth-of-type(1) i {width: 37px;height: 37px;background: url("../images/bgcx_icon.png") no-repeat;left: 43px;top: 24px;} .khfw ul li:nth-of-type(2) i {width: 39px;height: 36px;background: url("../images/sylc_icon.png") no-repeat;left: 43px;top: 24px;} .khfw ul li:nth-of-type(3) i {width: 35px;height: 33px;background: url("../images/zxyts_icon.png") no-repeat;left: 43px;top: 24px;} .khfw ul li:nth-of-type(4) i {width: 34px;height: 36px;background: url("../images/zlxz_icon.png") no-repeat;left: 43px;top: 24px;} .khfw ul li:nth-of-type(5) i {width: 63px;height: 11px;background: url("../images/kffw_zk_icon.png") no-repeat;left: 24px;top: 53px;} .khfw ul li:nth-of-type(5) span {margin-top: 20px;display: block;font-weight: 400;margin-left: 10px;} .Part2 {height: 685px;margin-top: 46px;display: flex;justify-content: space-between;} .l_gcxw {width: 560px;height: 685px;} .l_gcxw .hd {width: 100%;height: 56px;line-height: 56px;position: relative;border-bottom: 1px solid #004e9e;margin-bottom: 22px;} .l_gcxw .hd a {font-size: 28px;color: #004e9e;font-weight: 700;letter-spacing: 1px;} .l_gcxw .hd .more {position: absolute;right: 0;top: 0;} .l_gcxw .hd .more a {font-size: 14px;color: #004fa1;} .l_gcxw .nr_bd {width: 560px;} /* 鐒︾偣鍥 */ .focus{width: 100%; height:390px; background-color: #f0fafd;} .focus .bd{} .focus .bd li{ position: relative; overflow: hidden; width: 100%; height:390px;} .focus .bd li img{ display: block; width: 100%; height: 350px;min-height: 100%; } .focus .bg{ position: absolute; width: 100%; height: 40px;line-height:40px;left: 0; bottom: 0;background: #f4f4f4;} .focus .text{ position: absolute; width: 400px; height: 93px; left: 0; bottom: 0;background:url("../images/gcxw_bg.png")repeat;border-top-right-radius: 30px;z-index: 1000;} .focus .text li{ padding: 15px; position: relative; overflow: hidden; font-size: 18px; color: #FFF; line-height: 30px;} .focus .text li a{display:block;max-height:60px;overflow:hidden;} .focus .num{ position: absolute; right: 10px; bottom: 14px; } .focus .num li{ position: relative; overflow: hidden; float: left; width: 12px; height: 12px; margin: 0 3px; border-radius: 50%; background-color: #979a9a; font-size: 0; cursor: pointer; } .focus .num li.on{background: RGB(1,77,158);} .focus>a{display:block; width:30px; height:60px; position:absolute; top: calc((350px - 40px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; } .focus>a.prev{ left:23px; background:url("../images/xjdt_jt.png") no-repeat -9px -24px;} .focus>a.next{ right:23px; background:url("../images/xjdt_jt.png") no-repeat -499px -24px;} .focus:hover>a{ opacity:1; filter: alpha(opacity=100);} .focus:hover>a.prev{left:0;} .focus:hover>a.next{right:0;} .l_gcxw .nr_list {width: 559px;height: 216px;border: 1px solid #eeeeee;border-top: none;} /*鍏叡鍒楄〃*/ .ulList{padding-top: 21px;min-height: 20px;} .ulList li{position: relative;overflow: hidden;height: 36px;background: url("../images/dot.png") no-repeat 16px center;} .ulList li a{display: block;float: left;max-width:78%;max-width: calc(100% - 100px);position: relative;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-size: 18px;line-height: 36px;text-indent: 35px;} .ulList li span{display: inline-block;width: 64px;float: right;font-size: 18px;line-height: 36px;} .m_zxgg {width: 418px;height: 685px;} .m_zxgg .hd {width: 100%;height: 56px;line-height: 56px;position: relative;border-bottom: 1px solid #004e9e;margin-bottom: 21px;} .m_zxgg .hd a {font-size: 28px;color: #004e9e;font-weight: 700;letter-spacing: 1px;} .m_zxgg .hd .more {position: absolute;right: 0;top: 0;} .m_zxgg .hd .more a {font-size: 14px;color: #004fa1;} .m_zxgg .bd {width: 370px;height: 591px;border: 1px solid #eeeeee;padding: 7px 24px;} .m_zxgg .bd li {border-bottom: 1px dashed #a9a9a9;height: 89px;padding: 14px 0px;} .m_zxgg .bd li a {font-size: 18px;line-height: 29px;max-height: 58px;overflow: hidden;display: block;} .m_zxgg .bd li:last-child {border-bottom: none;} .m_zxgg .bd li a:hover {color: #004da0;font-weight: 700;} .m_zxgg .bd li span {display: block;margin-top: 8px;color: #888888;line-height: 24px;} #djzk span{font-size: 13px;} .r_dqzc {width: 260px;height: 673px;margin-top: 12px;} .r_dqzc .dqgz {width: 100%;height: 350px;background: url("../images/dqgz_bg.png") no-repeat;position: relative;} .r_dqzc .dqgz .hd {position: absolute;left: 32px;top: 54px;} .r_dqzc .dqgz .bd {margin-left: 109px;padding-top: 39px;} .r_dqzc .dqgz .bd li {margin-bottom: 11px;font-size: 18px;color: #666666;} .r_dqzc .dqgz .bd li:last-child {font-size: 14px;color: #cc413d;} .r_dqzc .zcfg {width: 100%;height: 320px;background: url("../images/zcfg_bg.png") no-repeat center bottom;position: relative;margin-top:3px;} .r_dqzc .zcfg .hd {position: absolute;left: 32px;top: 54px;} .r_dqzc .zcfg .bd {margin-left: 109px;padding-top: 39px;} .r_dqzc .zcfg .bd li {margin-bottom: 11px;color: #666666;font-size: 18px;} .r_dqzc .zcfg .bd li:last-child {font-size: 14px;color: #004da0;} .r_dqzc .zcfg .bd ul {margin-top: 10px;} .Part3 {height: 630px;margin-top: 62px;} .Part3 ul li{float: left;position: relative;overflow:hidden;} .Part3 ul li:first-child {width: 801px;height: 310px;margin-bottom: 10px;} .Part3 ul li:nth-of-type(2) {width: 490px;height: 310px;margin-bottom: 10px;margin-left: 9px;} .Part3 ul li:nth-of-type(3) {width: 490px;height: 310px;} .Part3 ul li:nth-of-type(4) {width: 801px;height: 310px;margin-left: 9px;} .Part3 ul li .pic{display: block;width:100%;height: 100%;} .Part3 ul li .pic img{width:100%;height: 100%;transition:all 2s;} .lis_hidden{position: absolute;width:100%!important;height: 100%!important;background: url(../images/2021_dcgz_bg07.png) repeat; top:0px;left:0px;} .lis_hidden p{text-align: center;width: 100%;height: 100%;line-height: 310px;} .Part3 ul li:hover .pic img{transform:scale(1.2);} .lis_hidden p a{display:block;width:100%;height:100%;} .Part3 ul .briefBox{width:801px;height:310px;position:relative;} .Part3 ul .briefBox .pic{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0;} .Part3 ul .briefBox .pic img{width:100%;height:100%;} .Part3 ul .briefBox .n_title{width:100%;height:65px;position:absolute;bottom:0px;left:0px;z-index:2;} .Part3 ul .briefBox .n_title a{display:block;width:50%;height:65px;float:left;background: url("index_bg02.png")no-repeat center bottom;text-align:center;line-height:80px;font-size:20px;font-weight:bold;color:#ffffff;} .Part3 ul .briefBox .n_title a.on, .Part3 ul .briefBox .n_title a:hover{background: url("index_bg01.png")no-repeat center bottom;} .Part3 ul .briefBox .n_con{width:100%;height:100%;background: url(../images/2021_dcgz_bg07.png) repeat; position:absolute;top:0px;left: 0px;z-index:1;} .Part3 ul li:nth-of-type(2) .lis_hidden, .Part3 ul li:nth-of-type(3) .lis_hidden{background:url(../images/2021_dcgz_bg08.png) repeat;} .Part3 ul .briefBox .n_con dl dd{width:495px;height:260px;display:flex;margin: 0 auto;align-items: center;justify-content: center;} .Part3 ul .briefBox .n_con dl dd p{text-indent:2em; font-size:16px;line-height:32px;color:#ffffff;} .Part3 ul .briefBox .n_con dl dd p>a{font-size:16px;color:#ff0000;line-height:32px;margin-left:5px;} .Part4 {height: 300px;margin-top: 34px;} .Part4 .hd {height: 31px;position: relative;} .Part4 .hd span {display: block;height: 1px;width: 1155px;background: #7ea7d0;position: absolute;right: 0;top: 13px;} .Part4 .slide {margin-top: 33px;position: relative;} .Part4 .s_bd {height: 228px;} .Part4 .s_bd li {float: left;position: relative;width: 267px;height: 48px;text-align: center;padding-top: 144px;margin-left: 47px;} .Part4 .s_bd li i {display: block;position: absolute;width: 114px;height: 130px;left: 74px;top: 0;} .Part4 .s_bd li.b1 i {background: url("../images/ptjj_icon1.png") no-repeat -19px 0;} .Part4 .s_bd li.b2 i {background: url("../images/ptjj_icon1.png") no-repeat -309px 0;} .Part4 .s_bd li.b3 i {background: url("../images/ptjj_icon1.png") no-repeat -602px 0;} .Part4 .s_bd li.b4 i {background: url("../images/ptjj_icon1.png") no-repeat -871px 0;} .Part4 .s_bd li.b5 i {background: url("../images/ptjj_iocn2.png") no-repeat 2px 0;} .Part4 .s_bd li.b6 i {background: url("../images/ptjj_iocn2.png") no-repeat -289px 0;} .Part4 .s_bd li.b7 i {background: url("../images/ptjj_iocn2.png") no-repeat -583px 0;} .Part4 .s_bd li.b8 i {background: url("../images/ptjj_iocn2.png") no-repeat -851px 0;} .Part4 .s_bd li.b9 i {background: url("../images/ptjj_icon3.png") no-repeat -27px 0;} .Part4 .s_bd li.b10 i {background: url("../images/ptjj_icon3.png") no-repeat -318px 0;} .Part4 .s_bd li.b11 i {background: url("../images/ptjj_icon3.png") no-repeat -612px 0;} .Part4 .s_bd li.b12 i {background: url("../images/ptjj_icon3.png") no-repeat -880px 0;} .Part4 .s_bd li.b13 i {background: url("../images/ptjj_icon4.png") no-repeat;} .Part4 .s_bd li a span {font-size: 18px;} .Part4 .slide .prev {width: 48px;height: 46px;background: url("../images/ptjj_jt.png") no-repeat -13px -24px;left: 20px;top: 54px;position: absolute;cursor: pointer;} .Part4 .slide .next {width: 48px;height: 46px;background: url("../images/ptjj_jt.png") no-repeat -1216px -22px;right: 20px;top: 54px;position: absolute;cursor: pointer;} .Part4 .s_hd {position: absolute;width: 216px;bottom: 0;left: 50%;margin-left: -100px;} .Part4 .s_hd ul {display: flex;justify-content:space-around;} .Part4 .s_hd ul li {width: 25px;height: 7px;background: #d4d4d4;cursor: pointer;font-size:0px;} .Part4 .s_hd ul li.on {width: 25px;height:7px;background: #004ea0;}