body{ background-color: #f2f2f2;} .main{ position:relative; z-index:3} .container_21:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .qzly_bg1{ background: url(22qzly_bg.png) no-repeat center top;} .qzly_bg1 .container_21{ height: 932px;} .qzly_t1{ position: absolute; left: 70px; top: 50px;} .qzly_t2{ position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top: 78px; text-align: center;} .qzly_con{ position: absolute; right: 0; bottom: 52px; width: 420px; z-index: 3;} .qzly_con::before{ z-index: 4; position: absolute; content: ''; left: 0; right: 0; background-color: #ffffff; top: 15px; bottom: 15px; border: 10px solid #1658a0; border-radius: 20px;} .qzly_con::after{ z-index: 5; position: absolute; content: ''; left: 20px; right: 20px; background-color: #ffffff; top:0px; bottom: 0; border: 10px solid #1658a0; border-radius: 25px;} .qzly_con1{ background-color: #ffffff; position:relative; margin: 25px 20px; z-index: 6; } .qzly_t3{ top: -50px; position: relative; text-align: center;} .qzly_con2{ margin-top: -24px;} .qzly_con2_l{ float: left; width: 70px; margin-left: 12px; margin-right: 20px; margin-top: 6px; text-align: center; border-radius: 5px; overflow: hidden;} .qzly_con2_l h3{ line-height: 60px; font-size: 30px; background-color: #eeeeee; color: #1658a0;} .qzly_con2_l p{ background-color: #1658a0; color: #ffffff; line-height: 25px; font-size: 14px;} .qzly_con2_r{ overflow: hidden; line-height: 30px;} .qzly_con2_r b{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-bottom: 5pxs;} .qzly_line{ position: relative; z-index: 7; margin: 24px 5px 0; border-radius: 100px; height: 13px; background-color: #cccccc; box-shadow: 0 3px 8px rgba(0,0,0,.5);} .qzly_con3{ position: relative; z-index: 8; background-color: #ffffff; box-shadow: 0 -10px 10px rgba(0,0,0,.1); margin: -6px 11px 0 11px;} .qzly_tit{ position: relative; line-height: 54px; text-align: center; height: 54px; border-bottom: 1px solid #d8e0ee; overflow: hidden;} .qzly_tit::before{ box-shadow: 0px 0px 10px rgba(0,0,0,.2); position: absolute; content: ''; left: 0; top:-6px; right: 0; height: 6px;} .qzly_tit i{ color: #bfbfbf; font-size: 18px; position: absolute;} .rl_tab{ width: 95%; margin: 10px auto 0;} .rl_tab td{ text-align: center; position: relative; color: #999999; font-size: 15px; height: 38px;} .rl_tab td span{ display: block; width: 24px; height: 24px; line-height: 22px; border-radius: 100%; position: absolute; z-index: 8; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); font-size: 15px;} .rl_tab td span.on{ background-color: #e66530; color: #ffffff; box-shadow: 0 2px 5px rgba(0,0,0,.5); cursor: pointer;} .rl_tab td .rl_con{ position: absolute; left: 100%; bottom: 0; border-radius: 5px; box-shadow: 6px 6px 0px rgba(0,0,0,.1); min-width:206px; padding:15px 12px; line-height: 30px; border: 1px solid #dfdede; background-color: #ffffff; z-index: 9; color: #333333; font-size: 16px;} .rl_tab td .rl_con em{ color: #ff7712; font-weight: bold;} .rl_tab td .rl_con::before{ position: absolute; left: -11px; bottom:19px; content: ''; width:11px; height: 15px; background: url(22qzly_sj.png) no-repeat;} .qzly_list{ overflow: hidden; margin-right: -14px; padding: 52px 0;} .qzly_list li{ float: left; width:11.11111%; text-align: center;} .qzly_list li div{ margin-right: 14px; position: relative; z-index: 2; padding: 8px 10px;} .qzly_list li div a{ display: block; background-color: #ffffff; position: relative; z-index: 4; padding: 28px 0 12px 0;} .qzly_list li div::before,.qzly_list li div::after{ content: ''; position: absolute; border: 1px solid #dedcdc; background-color: #ffffff;} .qzly_list li div::before{ left: 0; right: 0; top: 8px; bottom:8px; border-radius: 10px; z-index: 2;} .qzly_list li div::after{ left: 10px; right: 10px; top: 0px; bottom: 0; border-radius: 8px; z-index: 3;} .qzly_list li div i{ font-size: 32px; color: #1658a0;} .qzly_list li div p{ line-height: 34px; margin-top: 10px; font-size: 18px;} .qzly_list li div:hover a,.qzly_list li.on div a{ background-color: #1658a0;} .qzly_list li div:hover a p,.qzly_list li div:hover a i,.qzly_list li.on div a p,.qzly_list li.on div a i{ color: #ffffff;} .qzly_list li div:hover::before,.qzly_list li div:hover::after,.qzly_list li.on div::before,.qzly_list li.on div::after{ background-color: #1658a0; border: 1px solid #1658a0;} .qzly_tit1{ line-height: 48px; text-align: center; margin-bottom: 32px;} .qzly_tit1 span,.qzly_tit1 em{ display:inline-block;} .qzly_tit1 em img{ margin-top:-10px;} .qzly_tit1 span{ padding: 0 34px; font-size: 30px; font-weight: bold;} .qzly_tit1 span i{ color: #1658a0;} .qzly_list1 .el-row,.qzly_list2 .el-row,.qzly_bg3 .el-row{ margin: 0 -16px;} .qzly_list1 .el-row [class*=el-col-],.qzly_list2 .el-row [class*=el-col-],.qzly_bg3 .el-row [class*=el-col-]{ padding: 0 16px;} .qzly_list1 .box_01{ background-color: #ffffff; padding: 28px;} .qzly_list1 .box_01 .date_01{padding:8px 13px;border:1px solid #1658a0;width:74px; margin-bottom:15px;} .qzly_list1 .box_01 .date_01 h3{font-size:24px; color: #1658a0; line-height:32px;} .qzly_list1 .box_01 .date_01 p{line-height:24px;font-size:14px;color:#666666;} .qzly_list1 .box_01>h3{margin-bottom:15px;font-size:20px;line-height:32px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .qzly_list1 .box_01>p{ text-align: justify; line-height:30px;font-size:16px; height:90px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .qzly_list1 .box_01>span{margin:20px auto 0;display:block;width:28px;height:28px; line-height:26px; border:2px solid #cdcdcd;border-radius:100%;cursor:pointer; text-align: center;} .qzly_list1 .box_01:hover>span{border-color:#1658a0;} .qzly_list1 .box_01>span a{display:block;} .qzly_list1 .box_01>span i{ font-size:12px; color: #cdcdcd;} .qzly_list1 .box_01:hover>span i{ color: #1658a0;} .qzly_bg2{ background: url(22qzly_bg2.png) no-repeat center top; background-size: cover; padding: 55px 0 60px 0; margin-top: 65px;} .pic_fixed{ height: 0; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size:cover; position: relative; display: block; transition: .3s all;} .qzly_list2{ position: relative;} .qzly_list2 span.prev,.qzly_list2 span.next{ position: absolute; top: -76px; width:28px;height:28px; line-height:26px; border:2px solid #cdcdcd;border-radius:100%;cursor:pointer; text-align: center;} .qzly_list2 span.prev i,.qzly_list2 span.next i{ font-size:12px; color: #cdcdcd;} .qzly_list2 span.prev{ left: 0;} .qzly_list2 span.next{ right: 0;} .qzly_list2 .bd{ margin-right: -32px;} .qzly_list2 li{ width: 25%;} .qzly_list2 li a{ overflow: hidden; display: block; margin-right: 32px;} .qzly_list2 li .pic_fixed{ padding-top: 56.478405%; transition: .3s all;} .qzly_list2 li:hover i.pic_fixed{ transform: scale(1.1);} .qzly_list2 li .box_02{ padding: 15px 25px; background-color: #ffffff;} .qzly_list2 li .box_02 h3{ line-height: 34px; font-size: 18px; font-weight: bold;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;} .qzly_list2 li .box_02 p{line-height:30px; height:120px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden; color: #999999;} .qzly_list3 li{ float: left; width: 20%; overflow: hidden;} .qzly_list3 li .pic_fixed{ padding-top: 100%; transition: .3s all;} .qzly_list3 li:hover i.pic_fixed{ transform: rotateY(180deg);} .qzly_list3 li span{ display: block; width:183px; height: 157px; font-size: 24px; color: #ffffff; font-weight: bold; line-height: 157px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); background: url(22qzly_icon_bg.png) no-repeat center;} .qzly_list3 li:nth-child(1) a{ background-color: #1c5a9e;} .qzly_list3 li:nth-child(3) a{ background-color: #1e77ba;} .qzly_list3 li:nth-child(5) a{ background-color: #419cd5;} .qzly_list3 li:nth-child(7) a{ background-color: #49b9b0;} .qzly_list3 li:nth-child(9) a{ background-color: #55b288;} .qzly_list3 li:nth-child(11) a{ background-color: #63b259;} .qzly_list3 li:nth-child(10){ margin-left:20%;} .qzly_bg3{ background: url(22qzly_bg3.jpg) no-repeat center top; background-size: cover; padding: 55px 0 65px 0; margin-top: 65px;} .qzly_bg3 .qzly_tit1{ color: #ffffff;} .mar_t55{ margin-top: 55px;} .qzly_bg3 .bd a{ display: block; overflow: hidden;} .qzly_bg3 .bd a .pic_fixed{ transition: .3s all;} .qzly_bg3 .bd a:hover .pic_fixed{ transform: scale(1.05);} .qzly_list4 li{ background-color: rgba(255,255,255,.1); position: relative; margin-bottom: 15px; padding: 12px 20px 12px 0; min-height:85px; cursor: pointer;} .qzly_list4 li::before{ content: ''; position:absolute; left: 0; top: 0; bottom: 0; width: 18.110236%; background-color: rgba(255,255,255,.1); z-index: 1;} .qzly_list4 li span{ float: left; position: relative; z-index: 2; width: 18.110236%; line-height: 85px; text-align: center; font-size: 60px; font-weight: bold; color: #ffffff; opacity: .5; margin-right: 22px;} .qzly_list4 li h3 a,.qzly_list4 li p{ color: #ffffff;} .qzly_list4 li p{ line-height: 24px; font-size: 16px; height:48px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align: justify;} .qzly_list4 li h3{ font-size: 18px; font-weight: bold; line-height: 32px; margin-bottom: 3px;} .qzly_list4 li.on{ background-color: rgba(22,88,160,.8);} .qzly_list4 li.on::before{ background-color: #1658a0;} .qzly_list4 li.on span{ opacity: 1;} .qzly_list4 li.on p{ opacity: .5;} .qzly_bg4{ background: url(22qzly_bg4.jpg) no-repeat center bottom; padding: 55px 0 65px 0;} .qzly_list5 .el-row{ margin: 0 -90px 40px 0;} .qzly_list5 .el-row [class*=el-col-]{ padding: 0 90px 0 0;} .qzly_list5 li span{ display: block; width: 76px; height: 76px; line-height: 76px; text-align: center; margin: 0 auto; position: relative; border-radius: 5px; margin-bottom: 25px; transition: .3s all;} .qzly_list5 li span::before{ content: ''; position: absolute; left: 0; top: 0; width: 76px; height: 76px; border-radius: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 1; transition: .3s all;} .qzly_list5 li:hover span::before{ transform: rotate(-45deg);} .qzly_list5 li:nth-child(1) span{ border: 1px dashed #1e77ba;} .qzly_list5 li:nth-child(1) span::before{ background-color: #1e77ba;} .qzly_list5 li:nth-child(2) span{ border: 1px dashed #63b259;} .qzly_list5 li:nth-child(2) span::before{ background-color: #63b259;} .qzly_list5 li:nth-child(3) span{ border: 1px dashed #d9c49c;} .qzly_list5 li:nth-child(3) span::before{ background-color: #d9c49c;} .qzly_list5 li:nth-child(4) span{ border: 1px dashed #e66530;} .qzly_list5 li:nth-child(4) span::before{ background-color: #e66530;} .qzly_list5 li span i{ position: relative; font-size: 30px; color: #ffffff; z-index: 3;} .qzly_list5 li h3{ text-align: center; line-height: 34px; margin-bottom: 18px; font-size: 18px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .qzly_list5 li p{ line-height: 30px; color: #999999; height:120px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden; text-align: justify;} .qzly_list6{ margin-bottom: 50px;} .qzly_list6 ul{ overflow: hidden;} .qzly_list6 li{ float: left; overflow: hidden;} .qzly_list6 li:nth-child(1){ width:72.5384615%;} .qzly_list6 li:nth-child(2),.qzly_list6 li:nth-child(3),.qzly_list6 li:nth-child(5),.qzly_list6 li:nth-child(6),.qzly_list6 li:nth-child(7){ width: calc(100% - 72.5384615%);} .qzly_list6 li:nth-child(4){ width:45.076923%;} .qzly_list6 li:nth-child(7){ margin-left: 45.076923%;} .qzly_list6 li:nth-child(1) div{ padding-top:27.67762460%;} .qzly_list6 li:nth-child(2) div{ background-color: rgba(99,178,89,.5);} .qzly_list6 li:nth-child(3) div{ background-color: rgba(28,90,158,.5);} .qzly_list6 li:nth-child(4) div{ background-color: rgba(85,178,136,.5); padding-top: 44.539249%;} .qzly_list6 li:nth-child(5) div{ background-color: rgba(65,156,213,.5);} .qzly_list6 li:nth-child(6) div{ background-color: rgba(73,185,176,.5);} .qzly_list6 li:nth-child(7) div{ background-color: rgba(30,119,186,.5);} .qzly_list6 li:nth-child(2) div,.qzly_list6 li:nth-child(3) div,.qzly_list6 li:nth-child(5) div,.qzly_list6 li:nth-child(6) div,.qzly_list6 li:nth-child(7) div{ padding-top:73.109243%;} .qzly_list6 li a{ display: block; text-align: center; background: url(22qzly_icon_bg2.png) no-repeat center 40%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: .3s all;} .qzly_list6 li a:hover{ transform: scale(1.1);} .qzly_list6 li a i{ font-size: 50px; color: #ffffff; text-align: center; margin: 25.259541% auto 0; width: 60px; height: 60px; line-height: 60px; display: block;} .qzly_list6 li a p{ font-size: 24px; font-weight: bold; color: #ffffff; margin-top: 20px;} .qzly_list6 li:nth-child(4) a i{ margin-top: 16%; font-size: 44px;} .twhite{ color: #ffffff;} .qzly_list7 ul{ overflow: hidden; margin-right: -58px;} .qzly_list7 li{ float: left; width: 20%;} .qzly_list7 li a{ display: block; padding-top: 106.985294%; margin-right: 58px; border-radius: 5px;} .qzly_list7 li:nth-child(1) a,.qzly_list7 li:nth-child(3) a,.qzly_list7 li:nth-child(5) a{ background-color: #ffffff;} .qzly_list7 li:nth-child(2) a,.qzly_list7 li:nth-child(4) a{ background-color: #1659a0; margin-top: 42px;} .qzly_list7 li a>div{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-55%); -ms-transform: translateX(-50%) translateY(-55%); text-align: center; width: 70%;} .qzly_list7 li a>div h1{ font-size: 60px; font-weight: bold; font-style: italic;} .qzly_list7 li a>div h3{ font-size: 18px; line-height: 50px; font-weight: bold; margin-bottom: 10px;} .qzly_list7 li a>div i{ display: block; margin: 0 auto; width: 88px; height: 88px; line-height: 88px; font-size: 36px; border-radius: 100%; transition: .3s all;} .qzly_list7 li a:hover>div i{ transform: scale(.9);} .qzly_list7 li:nth-child(1) a>div h1,.qzly_list7 li:nth-child(3) a>div h1,.qzly_list7 li:nth-child(5) a>div h1{ border-bottom: 2px solid #1659a0;} .qzly_list7 li:nth-child(2) a>div h1,.qzly_list7 li:nth-child(4) a>div h1{ border-bottom: 2px solid #ffffff; color: #ffffff;} .qzly_list7 li:nth-child(2) a>div h3,.qzly_list7 li:nth-child(4) a>div h3{ color: #ffffff;} .qzly_list7 li:nth-child(1) a>div i,.qzly_list7 li:nth-child(3) a>div i,.qzly_list7 li:nth-child(5) a>div i{ border:1px solid #1658a0; color: #1658a0;} .qzly_list7 li:nth-child(2) a>div i,.qzly_list7 li:nth-child(4) a>div i{ border:1px solid #ffffff; color: #ffffff;} .qzly_tit2{ margin-bottom: 40px;} .qzly_tit2 ul{ overflow: hidden; margin-right: -15px;} .qzly_tit2 li{ float: left; width:14.285714%;} .qzly_tit2 li a{ display: block; margin-right: 15px; background-color: #ffffff; border: 1px solid #cccccc; line-height: 54px; text-align: center; font-size: 18px;} .qzly_tit2 li.on a{ background-color: #1658a0; border: 1px solid #1658a0; color: #ffffff; font-weight: bold;} .qzly_list8{ margin-bottom: 64px; overflow: hidden;} .qzly_list8 li{ float: left; width: 25%; overflow: hidden;} .qzly_list8 li:nth-child(1){ width: 50%;} .qzly_list8 li a{ padding-top: 67.3846153%; transition: .3s all;} .qzly_list8 li a:hover{ transform: scale(1.05);} .qzly_list8 li a::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color:#1658a0; opacity: .7; display: none;} .qzly_list8 li a>div{ display: none; z-index: 4; position: absolute; left: 0; right: 0; color: #ffffff; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);} .qzly_list8 li a>div i{ font-size: 50px;} .qzly_list8 li a>div p{ font-size: 18px; font-weight: bold; margin-top: 12px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .qzly_list8 li:hover a>div,.qzly_list8 li:hover a::before{ display: block;} .jdsy_bg{ background: url(22qzly_jdsy_ban.jpg) no-repeat center top; padding-top: 37px;} .jdsy_tit{ text-align: center; background: url(22qzly_tit_bg.png) repeat-y center; padding-bottom: 15px;} .jdsy_bg .qzly_list{ padding-top: 38px;} /**面包屑**/ .breadcrumb { background-color: #f9f9f9; padding:20px 32px; line-height: 30px;} .breadcrumb span,.breadcrumb ul,.breadcrumb li{display: inline-block;} .breadcrumb span i{font-size:16px;color: #999999;margin-right: 8px;display: inline-block;vertical-align: top;} .breadcrumb li.active a{ color: #333333;} .breadcrumb li+li:before { color: #333333; content: ">\00a0";} .jdsy_tit1{ margin: 42px auto 0; line-height: 54px;} .jdsy_tit1 ul{ overflow: hidden; margin-right: -15px;} .jdsy_tit1 li{ float: left; width:14.285714%; line-height: 54px; text-align: center;} .jdsy_tit1 li a{ display: block; background-color: #ffffff; border: 1px solid #cccccc; font-size: 18px; margin-right: 15px;} .jdsy_tit1 li.on a,.jdsy_tit1 li a:hover{ background-color: #1658a0; color: #ffffff; font-weight: bold; border: 1px solid #1658a0;} /*图文组*/ .picture_group{ position: relative; margin-top: 12px;} .picture_group .el-row{ margin: 0 -16px;} .picture_group .el-row [class*=el-col-]{ padding: 0 16px;} .picture_group .el-row [class*=el-col-] .picture_fixed{ padding-top:56.4784053%;} .trt-row [class*=trt-col-].picture_item{ padding: 0;} .picture_title{ padding:15px 25px; text-align: justify; background-color: #ffffff;} .picture_title h3{ font-size: 18px; line-height:38px;} .picture_title h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .picture_title p{ line-height: 30px; color: #999999; display: -webkit-box; -webkit-line-clamp: 4; height:120px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} /*图片组件*/ .picture_fixed{ height: 0; overflow: hidden; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center; background-size:contain; position: relative; display: block; transition: .3s all;} .picture_scale_43{ padding-top:75%;} .picture_scale_169{ padding-top:56.25%;} .picture_scale_23{ padding-top:140%;} .picture{ overflow: hidden;} .picture_fixed:hover{ transform: scale(1.05);} .picture_group li{ margin-top: 32px;} /*分页组件*/ .page_base{ margin:40px auto; color: #555555; text-align: center;} .page_base .page_tools{ display: inline-block; *float: left; margin-right:30px; font-size: 0;} .page_base .page_tools li{ display: inline-block; margin:0px 5px;} .page_base .page_tools li a{ display: inline-block; font-size: 16px; line-height:18px; padding:10px 14px; border: 1px solid #d9d9d9; background-color: #ffffff; color: #555555; border-radius:4px;} .page_base .page_tools li.active a,.page_base .page_tools li a:hover{ background-color: #1658a0; border: 1px solid #1658a0; color: #ffffff;} .page_base .page_tools li.disabled>a, .page_base .page_tools li.disabled>a:focus, .page_base .page_tools li.disabled>a:hover, .page_base .page_tools li.disabled>span, .page_base .page_tools li.disabled>span:focus, .page_base .page_tools li.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;} .page_base .page_tools li.prev em,.page_base .page_tools li.next em{ font-style: normal; font-family: simsun; font-size:12px; margin:0 8px;} .page_base .page_tools li.prev em{ margin-left: 0;} .page_base .page_tools li.next em{ margin-right: 0;} .page_base .page_go{ display: inline-block; *float: left; line-height:20px; padding: 10px 12px;} .page_base .page_go span{ display: inline-block; font-size: 16px;} .page_base .page_go .form_control{ width:16px; line-height:20px; padding:8px 10px; text-align: center; display: inline-block; margin: 0 8px 4px 8px; background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 4px;} .page_base .fy_go{ display: inline-block; background-color: #ffffff; border: 1px solid #d9d9d9; line-height:20px; padding:8px 10px; text-align: center; margin: 0 8px; font-size: 16px; color: #555555; cursor: pointer; border-radius: 4px; *margin-top: -45px;} @media screen and (max-width:992px) { .page_base{ text-align: center; margin: 16px auto;} .page_base .page_tools{ float: inherit; text-align: center; margin: 0;} .page_base .page_tools li,.page_base .page_go{ display: none;} .page_base .page_tools li.prev,.page_base .page_tools li.next{ display:inline-block;} .page_base .page_tools li a{ height: auto;} .slb .page_base .page_tools li a{ font-size: 14px;} } @media screen and (max-width:360px) { .slb .page_base .page_tools li a{ padding:8px;} } @media screen and (max-width:992px) { .breadcrumb{ display: none;} } .lswh_bg{ background-image: url(22qzly_lswh_ban.jpg);} .lytj_bg{ background-image: url(22qzly_lytj_ban.jpg);} .lyxw_bg{ background-image: url(22qzly_lyxw_ban.jpg);} .mfms_bg{ background-image: url(22qzly_mfms_ban.jpg);} .qzzz_bg{ background-image: url(22qzly_qzzz_ban.jpg);} .csrl_bg{ background-image: url(22qzly_csrl_ban.jpg);} .lyfw_bg{ background-image: url(22qzly_lyfw_ban.jpg);} .tstc_bg{ background-image: url(22qzly_tstc_ban.jpg);} .qzly_gl_con{ padding: 0px 32px 20px 32px; background-color: #ffffff; overflow: hidden; margin-bottom: 40px;} .qzly_gl_con .breadcrumb{ border-bottom: 1px solid #cccccc; background-color:transparent; padding:20px 0; margin-bottom: 20px;} .qzly_gl_l{ float: left; width: 284px; margin-right: 32px;} .qzly_gl_r{ overflow: hidden;} .qzly_gl_l li{ margin-top: 20px;} .qzly_gl_l li a{ display: block; background: url(22qzly_gl_bar.png) no-repeat center; text-align: center; line-height: 53px; font-size: 18px; transition: .3s all;} .qzly_gl_l li.on a,.qzly_gl_l li a:hover{ background-image: url(22qzly_gl_bar_1.png); font-weight: bold; color: #1658a0;} .lswh_list li,.lyxw_list li{ border-bottom: 1px dashed #cccccc; padding: 15px 0px 34px 0px; margin-bottom: 10px; overflow: hidden;} .lswh_list li h3,.lyxw_list li .lyxw_r h3{ line-height: 34px; font-weight: bold; font-size: 20px; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .lswh_list li p,.lyxw_list li .lyxw_r p{ line-height: 24px; color: #999999; margin-bottom: 22px; display: -webkit-box; -webkit-line-clamp: 2; height:48px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .lswh_list li>a,.lyxw_list li .lyxw_r>a{ display: block; color: #999999; line-height: 30px; transition: .3s all;} .lswh_list li>a:hover,.lyxw_list li .lyxw_r>a:hover{ padding-left: 12px;} .lswh_list li>a i,.lyxw_list li .lyxw_r>a i{display: inline-block;margin-left: 10px;font-size: 10px;color: #d0d0d0;text-align: center;line-height:20px;width: 18px;height: 18px;border: 1px solid #d0d0d0;border-radius: 100%;margin-top: 5px;} .lyxw_list li .lyxw_l{ float: left; width: 86px; border-right: 1px solid #e1dfdf; margin-right: 32px; margin-top: 10px;} .lyxw_list li .lyxw_r{ overflow: hidden;} .lyxw_list li .lyxw_l h2{ line-height: 50px; font-size: 48px; color: #1658a0;} .lyxw_list li .lyxw_l span{ font-size: 14px; color: #999999; line-height: 28px;} .lyxw_list li .qzzz_tu{ float: left; width: 19.49838187%; margin-right: 28px; margin-top: 6px;} .lyxw_list li .qzzz_tu i.pic_fixed{ padding-top:55.186721%;} .qzly_gl_r .lyxw_list li .lyxw_r p{-webkit-line-clamp: 2; height:48px;} .qzly_gl_r .lyxw_list li .qzzz_tu{ width: 26.229508%; margin-top: 10px;} .qzly_gl_r .lyxw_list li .qzzz_tu i.pic_fixed{ padding-top:56.25%;} .csrl_list{ margin-top: 10px;} .csrl_list li{ margin-top: 32px;} .csrl_box{ padding: 32px; background-color: #ffffff; position: relative;} .csrl_box .qzly_con2{ margin-top: 0;} .csrl_box .qzly_con2_l{ margin-left: 0; margin-top: 2px;} .csrl_box .qzly_con2_r{ padding-right: 15%;} .csrl_box>a>i{ position: absolute; right: 32px; top: 50%; margin-top: -26px; width: 52px; text-align: center; height: 52px; line-height: 52px; border-radius: 100%; font-size: 22px; color: #dbdbdb; border: 3px solid #dbdbdb; transition: .3s all; cursor: pointer;} .csrl_box:hover>i{ transform: scale(1.05);} .lyfw_list{ margin-top: 10px;} .lyfw_tu{ padding-top:49.757281%;} .lyfw_list li{ margin-top: 32px;} .lyfw_list li .lyfw_con{ position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%;} .lyfw_list li .lyfw_con p{ font-size: 24px; font-weight: bold; color: #ffffff; line-height: 46px;} .lyfw_list li i{ width: 96px; height: 96px; display: block; margin: 0 auto; border-radius: 100%; color: #ffffff; line-height: 96px; font-size: 36px;} .lyfw_list li .lyfw_con1{ padding: 30px 30px 30px 56px; background-color: #ffffff;} .lyfw_list li .lyfw_con1 dl{ overflow: hidden;} .lyfw_list li .lyfw_con1 dl dd{ line-height: 36px; background: url(22qzly_lyfw_icon.png) no-repeat left 16px;} .lyfw_list li .lyfw_con1 dl dd a{ display: block; padding-left: 14px;} .lyfw_list li:nth-child(1) .lyfw_con i{ background-color: #4ab9b0;} .lyfw_list li:nth-child(2) .lyfw_con i{ background-color: #1b5a9f;} .lyfw_list li:nth-child(3) .lyfw_con i{ background-color: #64b35a;} .lyfw_list li:nth-child(4) .lyfw_con i{ background-color: #1e77b9;} .lyfw_list li:nth-child(5) .lyfw_con i{ background-color: #429dd6;} .lyfw_list li:nth-child(2) .lyfw_con1 dl dd{ width: 50%; float: left;} .lyfw_list li:nth-child(2) .lyfw_con1 dl dd.w1{ width: 100%; } .lyfw_list li:nth-child(1) .lyfw_con1,.lyfw_list li:nth-child(2) .lyfw_con1,.lyfw_list li:nth-child(3) .lyfw_con1{ height: 180px;} .lyfw_list li:nth-child(4) .lyfw_con1,.lyfw_list li:nth-child(5) .lyfw_con1,.lyfw_list li:nth-child(6) .lyfw_con1{ height: 110px;} body.slb{ font-size: 26px;} .slb .qzly_con{ width: 50%;} .slb .qzly_list li{ width: 33.3%; margin-bottom:32px;} .slb .qzly_con2_l{ width: 100px;} .slb .qzly_con2_l h3{ font-size: 40px;} .slb .qzly_con2_l p{ font-size: 22px; line-height: 40px;} .slb .qzly_con2_r{ line-height: 40px;} .slb .qzly_tit i{ font-size: 28px;} .slb .rl_tab td{ font-size: 22px; line-height: 48px; height: 48px;} .slb .rl_tab td span{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;} .slb .qzly_list{ margin-right: -32px;} .slb .qzly_list li div{ margin-right: 32px;} .slb .qzly_list li div a{ padding-bottom: 28px;} .slb .qzly_list li div p{font-size: 30px;} .slb .qzly_list li div i{ font-size:56px;} .slb .qzly_list1 li{ width: 100%; margin-bottom: 32px;} .slb .qzly_list1 .box_01 .date_01{ width: 180px;} .slb .qzly_list1 .box_01 .date_01 p{ font-size: 24px;} .slb .qzly_list1 .box_01 .date_01 h3{ font-size: 30px;} .slb .qzly_list1 .box_01 .date_01 p,.slb .qzly_list1 .box_01 .date_01 h3{ display: inline-block; } .slb .qzly_list1 .box_01>h3{ line-height: 48px; font-size: 30px;} .slb .qzly_list1 .box_01>p{ height: auto; line-height: 40px; font-size: 26px;} .slb .qzly_list1 .box_01>span,.slb .qzly_list2 span.prev,.slb .qzly_list2 span.next{ width: 48px; height: 48px; line-height: 46px;} .slb .qzly_list1 .box_01>span i,.slb .qzly_list2 span.prev i,.slb .qzly_list2 span.next i{ font-size: 20px;} .slb .qzly_list2 li{ width: 50%; margin-bottom: 32px;} .slb .qzly_list2 li .box_02 h3{ line-height: 48px; font-size: 30px;} .slb .qzly_list2 li .box_02 p{ line-height: 40px; height: 120px;} .slb .qzly_list3 li{ width: 33.3%;} .slb .qzly_list3 li span{ font-size: 30px;} .slb .qzly_list3 li:nth-child(10){ margin-left: 0;} .slb .qzly_tit1 span{ font-size: 40px;} .slb .qzly_bg3 .el-col-12{ width: 100%;} .slb .qzly_list4 li h3{ font-size: 30px; margin-bottom: 10px; line-height: 48px;} .slb .qzly_list4 li p{ line-height: 40px; font-size: 26px; height: 80px;} .slb .qzly_list4 li span{ line-height: 120px;} .slb .qzly_list5 li{ width: 50%; margin-top: 40px;} .slb .qzly_list5 li span,.slb .qzly_list5 li span::before{ width: 120px; height: 120px; line-height: 120px;} .slb .qzly_list5 li span i{ font-size: 60px;} .slb .qzly_list5 li h3{ font-size: 30px;} .slb .qzly_list5 li p{ line-height: 40px;} .slb .qzly_list6 li{ width: 50%;} .slb .qzly_list6 li:nth-child(1){ width: 100%;} .slb .qzly_list6 li:nth-child(2) div,.slb .qzly_list6 li:nth-child(3) div,.slb .qzly_list6 li:nth-child(5) div,.slb .qzly_list6 li:nth-child(6) div,.slb .qzly_list6 li:nth-child(7) div,.slb .qzly_list6 li:nth-child(4) div{ padding-top: 40%;} .slb .qzly_list6 li a i{ margin-top: 15%; font-size: 60px;} .slb .qzly_list6 li:nth-child(7){ margin-left: 0;} .slb .qzly_list6 li a p{ font-size: 26px;} .slb .qzly_list6 li:nth-child(4) a i{ font-size: 50px;} .slb .qzly_list7 ul{ margin-right: -28px;} .slb .qzly_list7 li a{ margin-right: 28px;} .slb .qzly_list7 li a>div h3{ font-size: 26px;} .slb .qzly_tit2{ margin-bottom: 0;} .slb .qzly_tit2 li{ width: 25%; margin-bottom: 32px;} .slb .qzly_tit2 li a{ font-size: 26px; line-height: 68px;} .slb .qzly_list8 li{ width: 50%;} .slb .qzly_list8 li:nth-child(1),.slb .lyfw_list li:nth-child(2) .lyfw_con1 dl dd,.slb .lyfw_list li{ width: 100%;} .slb .lyfw_list li i{ font-size: 48px;} .slb .lyfw_list li .lyfw_con1 dl dd{ line-height: 48px; background-position-y:24px;} .slb .lyfw_list li .lyfw_con1{ height: auto !important;} .slb .picture_group li{ width: 50%;} .slb .picture_title h3,.slb .lswh_list li h3,.slb .lyxw_list li .lyxw_r h3{ font-size: 30px; line-height: 58px;} .slb .lyxw_list li .lyxw_l span{ font-size: 20px;} .slb .lswh_list li p,.slb .lyxw_list li .lyxw_r p{ line-height: 48px; height: auto;} .slb .qzly_gl_l li a{ font-size: 26px;} .slb .page_base .page_tools li a{ font-size: 20px;} .slb .lyxw_list li .qzzz_tu{ width: 45%;} .slb .page_base .page_go span,.slb .page_base .page_go .form_control{ font-size: 20px;} .slb .jdsy_tit1 li a{ font-size: 26px;} .slb .csrl_list li{ width: 100%;} @media screen and (max-width:1366px) { .qzly_list6 li:nth-child(1) div{ padding-top:27.677%;} .qzly_list6 li:nth-child(4) div{ padding-top: 44.539%;} .qzly_list7 ul{ margin-right: -38px;} .qzly_list7 li a{ margin-right: 38px; padding-top: 120.985294%;} .qzly_list5 .el-row{ margin: 0 -60px 40px 0;} .qzly_list5 .el-row [class*=el-col-]{ padding: 0 60px 0 0;} } @media screen and (max-width:1280px) { .qzly_list6 li:nth-child(4) div{ padding-top: 44.5%;} .qzly_list7 ul{ margin-right: -28px;} .qzly_list7 li a{ margin-right: 28px; padding-top: 136.985294%;} .qzly_list5 .el-row{ margin: 0 -30px 40px 0;} .qzly_list5 .el-row [class*=el-col-]{ padding: 0 30px 0 0;} .qzly_list6 li a{ background-size:110px auto;} .qzly_list6 li a i{ margin-top: 22%;} .qzly_list6 li a p{ margin-top: 0;} .qzly_list6 li:nth-child(4) a i{ margin-top: 14%;} .qzly_list4 li span{ font-size: 40px;} .qzly_list4 li{ padding: 6px 15px 6px 0;} .qzly_list3 li span{ background-size: 80% auto;} .qzly_list8 li a>div p{ font-size: 16px;} .qzly_list7 li a>div h1{ font-size: 50px;} .lyfw_list li .lyfw_con1{ padding: 20px;} } @media screen and (max-width:999px) { .qzly_bg1 .container_21{ height: auto; padding-bottom: 20px;} .qzly_list{ margin: 20px 8px 10px 8px; padding: 0;} .qzly_list li{ width: 33.3%; margin-bottom: 16px;} .qzly_list li div{ margin: 0 8px;} .qzly_t1{ left: 0px;} .qzly_t2,.qzly_con{ position: relative; margin: 0 auto;} .qzly_t2{ top: 20px;} .qzly_t2 img{ max-width: 80%;} .qzly_con{ padding: 25px 0; bottom: auto; margin-top: 60px;} .qzly_con1{ margin: 0 20px;} .qzly_tit1{ margin-bottom: 12px;} .qzly_tit1 em{ max-width: 25%;} .qzly_tit1 span{ padding: 0 15px; font-size: 26px;} .qzly_list1{ margin-bottom: 8px;} .qzly_list1 .el-row{ margin: 0;} .qzly_list1 li{ margin-bottom: 16px;} .qzly_list1 .box_01 .date_01{ width: 100px;} .qzly_list2 span.prev, .qzly_list2 span.next{ top: -50px;} .qzly_list2 span.prev{ left: 20px;} .qzly_list2 span.next{ right: 20px;} .qzly_list3{ padding: 0 16px;} .qzly_list2 li{ margin-bottom: 16px; width: 50%;} .qzly_list2 li .box_02 p{ height: auto;} .qzly_list3 li{ width: 33.3%;} .qzly_list3 li:nth-child(10){ margin-left: 0;} .qzly_tit1.mar_t55{ margin-top:8px;} .qzly_bg2,.qzly_bg3{ margin-top: 16px; padding: 16px;} .qzly_list5 .el-row{ margin: 0;} .qzly_list5 .el-row [class*=el-col-],.qzly_list6{ padding: 0 16px;} .qzly_list5 .el-row [class*=el-col-]{ margin-bottom: 26px;} .qzly_list5 li h3{ margin-bottom: 8px;} .qzly_list5 li p{ height: auto;} .qzly_list6{ margin-bottom: 20px;} .qzly_list6 li{ width: 33.3% !important;} .qzly_list6 li:nth-child(1){ width: 100% !important;} .qzly_list6 li div{ padding-top:100% !important;} .qzly_list6 li:nth-child(7){ margin-left: 0;} .qzly_list6 li:nth-child(1) div{ padding-top: 27.677% !important;} .qzly_list6 li a{ background-size: 60% auto;} .qzly_list6 li a i,.qzly_list6 li:nth-child(4) a i{ font-size: 36px;} .qzly_list6 li:nth-child(4) a i{ margin-top:20%;} .qzly_list6 li a p{ font-size: 18px; font-weight: normal;} .qzly_list6 li a i img{ width: 36px;} .qzly_list7 ul{ margin: 0 8px;} .qzly_list7 li{ width: 50%; margin-bottom: 16px;} .qzly_list7 li a{ margin: 0 8px; padding-top: 106.985294%;} .qzly_list7 li:nth-child(2) a, .qzly_list7 li:nth-child(4) a{ margin-top: 0;} .qzly_list7 li a>div i{ width: 60px; height: 60px; line-height: 60px;} .qzly_bg4{ padding: 16px 0 10px 0; margin-bottom: 16px;} .qzly_tit2{ margin-bottom: 0px; padding: 0 16px;} .qzly_tit2 ul{ margin-right: 0; overflow-x: auto; white-space: nowrap;} .qzly_tit2 ul::-webkit-scrollbar{ overflow: hidden;} .qzly_tit2 li{ float: inherit; width: auto; display: inline-block;} .qzly_tit2 li a{ margin-right: 1px; padding: 0 15px;} .qzly_list8{ padding: 0 16px; margin-bottom: 16px;} .qzly_list8 li{ width: 50%;} .qzly_list8 li:nth-child(1){ width: 100%;} .jdsy_tit1 ul{ overflow-x: auto; white-space: nowrap; font-size: 0;} .jdsy_tit1 ul::-webkit-scrollbar,.qzly_gl_l ul::-webkit-scrollbar{ display: none;} .jdsy_tit1 li{ float: inherit; width: inherit; display: inline-block;} .jdsy_tit1 li a{ padding: 0 12px; margin-right:2px; font-size: 18px;} .picture_group{ padding: 0 16px;} .picture_group .el-row{ margin: 0 -5px;} .picture_group .el-row [class*=el-col-]{ padding: 0 5px;} .mar_t_base,.jdsy_tit1{ margin-top: 12px;} .picture_group{ margin-top: 0;} .lyfw_list,.csrl_list.picture_group{ margin-top: 0; padding: 0 16px;} .lyfw_list li,.csrl_list li,.picture_group li{ margin-top: 0px; margin-bottom: 16px;} .lyfw_list li .lyfw_con1{ height: auto !important;} .lyfw_list li i{ width: 60px; height: 60px; line-height: 60px; font-size: 22px;} .lyfw_list li .lyfw_con p{ font-size: 18px;} .csrl_box{ padding: 10px 10px 50px 10px; position: relative;} .csrl_box .qzly_con2_r{ padding-right: 0;} .csrl_box>a>i{ right: inherit; width: 30px; height: 30px; line-height:26px; top: inherit; left: 50%; margin-left: -15px; margin-top: inherit; bottom: 10px; font-size: 14px;} .qzly_gl_con{ padding: 0 16px;} .qzly_gl_l{ float: inherit; width: inherit; margin-right: 0;} .qzly_gl_l ul{ white-space: nowrap; overflow-x: auto;} .qzly_gl_l li{ display: inline-block;} .lswh_list li h3, .lyxw_list li .lyxw_r h3{ margin-bottom: 4px;} .lswh_list li p, .lyxw_list li .lyxw_r p{ margin-bottom: 10px;} .lswh_list li, .lyxw_list li{ padding-bottom: 16px; margin-bottom: 0;} .lyxw_list li .lyxw_l,.date_01{ display: none;} .qzly_list1 .box_01{ padding: 10px 12px;} .qzly_list1 .box_01>span{ margin-top: 10px;} .lyxw_list li .qzzz_tu{ width: 100%; float: inherit; margin-right: 0; margin-bottom: 10px;} .qzly_gl_r .lyxw_list li .qzzz_tu{ margin-top: 0; width: 100%;} .jdsy_bg .qzly_list{ padding-top: 0px;} .jdsy_bg{ padding-top: 20px;} .lswh_list li>a i, .lyxw_list li .lyxw_r>a i{ margin-top: 7px;} .slb .qzly_list{ margin-right: 0;} .slb .qzly_list li{ width: 100%; margin-bottom: 16px;} .slb .qzly_list li div{ margin-right: 16px;} .slb .qzly_bg2{ margin-top: 0px;} .slb .qzly_list2 li{ width: 100%;} .slb .qzly_list3 li{ width: 50%;} .slb .qzly_tit1.mar_t55{ margin-top: 26px;} .slb .qzly_tit1 em{ max-width: 20%;} .slb .qzly_list5 li{ width: 100%;} .slb .qzly_bg4{ padding-top:32px;} .slb .qzly_list6 li{ width: 50% !important;} .slb .qzly_list6 li:nth-child(1){ width: 100% !important;} .slb .qzly_list6 li a i{ margin-top: 28%; font-size: 40px;} .slb .qzly_list6 li a p{ margin-top: 20px;} .slb .qzly_list6 li:nth-child(4) a i{ font-size: 36px;} .slb .qzly_list7 ul{ margin-right: -10px;} .slb .qzly_list7 li{ width: 100%;} .slb .qzly_list7 li a{ padding-top: 40%;} .slb .qzly_tit2 ul{ overflow-x: auto;} .slb .qzly_tit2 li{ width: auto; margin-bottom: 0;} .slb .picture_group li{ width: 100%;} .slb .picture_title h3{ font-size: 26px;} .slb .picture_title h3, .slb .lswh_list li h3, .slb .lyxw_list li .lyxw_r h3{ font-size: 26px; line-height: 40px;} .slb .lswh_list li p, .slb .lyxw_list li .lyxw_r p{ line-height: 34px;} .slb .lyxw_list li .qzzz_tu{ width: 100%;} .slb .csrl_box{ padding: 16px 16px 46px 16px;} .slb .qzly_con2_r b{ font-size: 26px; margin-bottom: 10px;} } @media screen and (max-width:767px) { .qzly_list2 li{ width: 100%;} .picture_title{padding: 10px 12px;} .slb .qzly_con2_l{ display: none;} } @media screen and (max-width:480px) { .qzly_con,.slb .qzly_con{ width: 90%;} .qzly_list3 li span{ font-size: 20px;} } @media screen and (max-width:414px) { body.slb{ font-size: 22px;} .qzly_list6 li a i{ margin-top: 18%; width: 48px; height: 48px; line-height: 48px; font-size: 30px;} .qzly_list6 li a i, .qzly_list6 li:nth-child(4) a i{ font-size: 30px;} .qzly_list7 li a{ margin: 0 8px; padding-top: 80.985294%;} .qzly_list7 li a>div{transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);} .qzly_list7 li a>div i,.slb .qzly_tit1 em{ display: none;} .qzly_list li div{ margin: 0 2px;} .qzly_list li{ margin-bottom: 4px;} .qzly_list li div a{ padding-top: 12px; padding-bottom: 6px;} .qzly_list li div p{ margin-top: 0;} } @media screen and (max-width:390px) { body.slb{ font-size: 20px;} .qzly_list3 li span{ font-size:16px;} .slb .rl_tab td span{ width: 30px; height: 30px; line-height: 30px;} .slb .qzly_list4 li{ padding-left: 16px;} .slb .qzly_list4 li::before,.slb .qzly_list4 li span{ display: none;} .slb .qzly_list4 li h3{ font-size: 24px; line-height: 40px;} .slb .qzly_list4 li p{ font-size: 20px; line-height: 36px; height: 72px;} .slb .qzly_tit1 span{ font-size: 30px;} .slb .qzly_list li div p,.slb .qzly_list5 li h3{ font-size: 26px;} .slb .qzly_list1 .box_01>h3,.slb .qzly_list2 li .box_02 h3{ font-size: 26px; line-height: 40px;} .slb .qzly_list1 .box_01>p{ font-size: 20px; line-height: 36px;} .slb .qzly_list6 li a p,.slb .qzly_tit2 li a{ font-size: 22px;} .qzly_list li div p{ font-size: 16px;} }