/*pad*/ img { max-width: 100%; } .gh { height: 20px; width: 32px; position: absolute; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; z-index: 9999; display: none; } .selected .gh { transform: rotate(90deg); } .gh a { background-color: #014fa2; display: block; margin: 0 auto; height: 2px; margin-top: -1px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%; border-radius: 2px; } .gh a:after { width: 100%; } .gh a:before { width: 100%; } .gh a:after, .gh a:before { background-color: #014fa2; content: ""; display: block; height: 2px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .gh a:after { top: 7px; } .gh a:before { top: -7px; } .selected .gh a:after, .selected .gh a:before { top: 0; } .selected .gh a:before { transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); background: #014fa2; width: 100%; } .selected .gh a:after { transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg); background: #014fa2; width: 100%; } .selected .gh a { background-color: transparent !important; } @media only screen and (max-width:1880px){ .hpage1 .txt{ padding-top: 10px; } .hpage1{ padding-top: 60px; } } @media only screen and (max-width:1700px){ .wrap{ width: 1400px; } .footer .lt dt{ font-size: 20px; } .hpage1 .txt{ padding-top: 10px;padding-left: 60px; } .hpage1 .txt{ padding: 0 4% !important; } .uitda{ font-size: 140px;bottom: 120px; } .hpage1{ padding-bottom: 150px; } .hpage2 li .txt{ left: 50px;right: 50px; } .hpage1 .txt h2, .hpage4 .lts h2, .hpage3 .hd h2{ font-size: 56px;line-height: 1.2; } .footer .lt dl{ width: 150px; } .header.on{ padding: 24px 30px 0; } .header{ margin: 0 110px; } .header .rt .nav li a{ font-size: 18px; } .header .rt .nav li{ margin-right: 10px; } .header .logo{ max-width: 380px; } .hpage4 .rt{ margin-top: 240px; } } @media only screen and (max-width:1520px){ .header{ margin: 0 80px; } } @media only screen and (max-width:1440px){ .wap, .wrap{ width: 1200px; } .hbanner li a{ min-height: 60vw; } .hbanner .next, .hbanner .prev{ width: 80px;height: 80px; } .header .rt .nav li .nli dd a, .header .rt .nav li a{ font-size: 16px; } .header{ margin: 0 50px; } .header.on{ padding: 20px 20px 0; } .header .logo{ max-width: 320px;margin-top: 6px; } .footer .rt .link h4{ line-height: 58px; } .header .rt .nav li h3::before{ bottom: -4px; } .uittxt a{ font-size: 16px; } .gh1{ width: 36px; } .hpage1{ padding-top: 60px; } .hpage1 .txt{ padding-top: 10px;padding: 0 4% !important; } .hpage1 .txt h6{ font-size: 18px;margin-bottom: 10px; } .hpage1 .txt h2, .hpage4 .lts h2, .hpage3 .hd h2{ font-size: 46px; } .hpage1 .txt .del{ font-size: 16px;margin: 40px 0; } .uitda{ font-size: 120px;bottom: 20px; } .hpage1{ padding-bottom: 100px; } .hpage2{ height: 60vw; } .hpage2 li .txt h2{ font-size: 26px;margin-bottom: 20px; } .hpage2 li .txt dl{ margin-top: 26px; } .hpage4 .lts h6, .hpage3 .hd h6{ font-size: 18px;margin-bottom: 10px; } .hpage3 .hd .uitmore{ margin-top: 60px; } .hpage3 .bd li{ width: calc((100% - 50px)/3);margin-right: 24px;margin-bottom: 30px; } .hpage3 .bd li .img{ height: 275px; } .hpage3 .bd li .img span{ padding: 0 15px;font-size: 14px;line-height: 30px; } .hpage3 .bd li h4{ font-size: 18px; } .hpage3 .bd li .txt{ margin-top: 10px; } .hpage3{ padding: 100px 0 0; } .hpage4 .rt{ width: calc(100% - 600px); } .hpage4 .rt li h4, .hpage4 .rt li p{ line-height: 66px; } .hpage4 .swip_pic{ margin-top: 44px; } .hpage4 .uitmore{ margin-top: 40px; } .footer .rt .l h3, .footer .lt dt{ font-size: 20px;margin-bottom: 10px; } .footer .lt dd a{ line-height: 40px; } .footer .rt{ width: 400px; } .footer .lt dl{ width: 130px; } .hpage4{ padding-bottom: 120px; } .bbaner{ min-height: 60vw; } .uitlist li .img{ width: 55%; } .uitlist li .txt{ width: 40%; } .uitlist li .img{ height: 370px; } .uitlist li .txt{ margin-top: 80px; } .nbaner h2{ font-size: 46px; } .nbaner h6{ font-size: 22px; } .nbaner{ height: 50vw; } .qmcase .bds .lis .txt h2{ font-size: 26px;line-height: 70px; border-radius: 4px; } .qmcase .bds .lis .txt li h4, .qmcase .bds .lis .txt li h3{ font-size: 16px;line-height: 50px; } .uitsnav dd{ width: 170px;margin: 0 10px; } .uitsnav dd a{ border-radius: 6px;font-size: 22px;line-height: 60px; } .newdel .bds{ padding: 40px 100px; } .qmabout .hd, .qmdajwh .hd{ padding: 60px 0; } .qmabout .kehfw .form{ padding: 60px 30px; } .qmabout .kehfw .form dd{ width: calc((100% - 30px)/2); } .qmabout .kehfw .form li{ margin-bottom: 40px; } .qmabout .kehfw .form .btn{ width: 200px;line-height: 62px; } .qmabout .kehfw .contact .box{ margin: 0 30px; } .qmabout .kehfw .contact .rx{ padding: 30px 0 30px 40px; } .qmabout .kehfw .contact .rx p{ font-size: 16px;line-height: 36px; } .qmabout .lishi .wap, .qmabout .liceb .wap{ padding: 55px; } .qmabout .liceb li .txt{ width: 470px; } .qmabout .liceb li .txt::before{ margin-top: -22px; } .qmabout .lishi li:nth-child(1), .qmabout .liceb li:nth-child(1){ padding-top: 20px; } .qmabout .liceb li{ margin-bottom: 10px; } .qnsous{ padding: 60px 0; } .qnsous .bds .t li a, .qnsous .bds .t li span{ font-size: 22px; } .qnsous .bds .t li span{ margin: 0 26px; } .qnsous .bds .list li h3{ font-size: 22px;margin-bottom: 5px; } .footer .rt .img img{ width: 60%; } .footer .lt dt{ font-size: 17px; } } @media only screen and (max-width:1240px){ .wap, .wrap{ width: 1000px; } .uittxt a{ padding: 0 5px;font-size: 14px; } .header .rt .nav li a{ font-size: 14px; } .header .rt .nav li{ margin-right: 16px; } .hbanner .next, .hbanner .prev{ width: 60px;height: 60px;background-size: 10px auto !important; } .hbanner li a{ min-height: 50vw; } .hpage1{ padding: 100px 0; } .hpage1 .txt::before{ width: 300px;height: 300px; } .hpage1 .txt h2, .hpage4 .lts h2, .hpage3 .hd h2{ font-size: 36px; } .hpage1 .txt .del{ font-size: 14px;margin: 30px 0; } .uitda{ font-size: 80px; } .uitmore .lt h4{ font-size: 16px; } .uitmore .lt span{ margin-top: 10px;width: 120px; } .uitmore .lt{ margin-right: 30px; } .uitmore .btn{ width: 60px;height: 60px;font-size: 12px;line-height: 60px; } .hpage2 li .txt h2{ font-size: 22px;margin-bottom: 15px; } .hpage2 li .txt h6{ font-size: 14px;margin-bottom: 5px; } .hpage2 li .txt .btn{ margin-top: 40px; } .hpage2 li .txt dd, .hpage2 li .txt .b p{ font-size: 13px; } .hpage3 .bd li .img{ height: 225px; } .hpage4 .lts{ width: 45%; } .hpage4 .rt{ width: 50%; } .hpage4 .rt li h4, .hpage4 .rt li p{ font-size: 14px; } .hpage4 .rt li h4, .hpage4 .rt li p{ line-height: 60px; } .hpage4 .rt li .l{ width: 185px; } .hpage4 .rt li p{ width: calc(100% - 195px);padding-right: 10px; } .footer{ padding-top: 24px; } .footer .rt .link{ display: none; } .footer .rt .l h3, .footer .lt dt{ font-size: 18px; } .footer .lt dd a{ font-size: 14px;line-height: 36px; } .footer .rt .img{ width: 120px; } .footer .rt .l h3, .footer .lt dt{ font-size: 18px; } .footer .lt dd a{ font-size: 13px;line-height: 32px; } .footer .lt dl{ width: 110px; } .footer .rt{ width: 340px; } .footer .rt .l p{ font-size: 12px;line-height: 36px; } .footer .rt .link h4{ line-height: 46px;font-size: 14px;background-size: 15px auto !important; } .footer .rt .link .nlink dd a{ font-size: 16px;line-height: 36px; } .hpage4 .swip_pic li a{ height: 255px; } .hpage2{ height: 50vw; } .hpage2 li .txt .btn{ width: 40px;height: 40px;background-size: 6px auto !important; } .bbaner{ min-height: 50vw; } .uitlist .t h3{ font-size: 20px;padding-left: 18px; } .uitlist .t h3::before{ width: 3px;height: 20px;margin-top: -8px; } .uitlist .t .btn{ font-size: 14px;background-size: 8px auto; } .uitlist li .img{ height: 320px; } .uitlist li .txt h4{ font-size: 20px;margin-bottom: 10px; } .uitlist li .txt p{ font-size: 14px;line-height: 24px;height: 120px; } .uitlist li .txt{ margin-top: 40px; } .uitlist li .txt .ico{ background-size: 30px auto !important; } .qmcase .bds .lis .img a{ height: 260px; } .qmcase .bds .lis .txt h2{ font-size: 22px; } .qmcase .bds .lis .txt li h4, .qmcase .bds .lis .txt li h3{ font-size: 14px;background-size: 12px auto !important;padding-right: 18px;line-height: 48px; } .qmcase .bds .lis .txt li .csnli dd a{ font-size: 14px;line-height: 44px; } .uitsnav dd a{ font-size: 16px;line-height: 48px; } .qmcasesanj .hd{ padding-bottom: 40px; } .newdel .bds{ padding: 40px; } .header .logo{ max-width: 240px;margin-top: 8px; } .newdel .bds .h2{ font-size: 20px; } .newdel .bds .del{ font-size: 16px;margin-top: 30px; } .uitsnav dd{ width: 150px;margin: 0 6px; } .qmjoin .hd, .qmdajwh .hd{ padding: 50px 0; } .qmdajwh .bd li{ width: calc((100% - 30px)/2);margin-bottom: 40px;padding: 12px; } .qmdajwh .bd li .txt{ margin-top: 15px; } .qmdajwh .bd li .txt h3{ font-size: 20px;line-height: 30px;height: 60px; } .qmdajwh .bd li .txt h6{ font-size: 16px;margin-top: 12px; } .qmdajwh .bd li .img{ height: 220px; } .qmdajwh .zeren .wap, .qmdajwh .about .wap{ padding: 50px; } .qmdajwh .zeren h2{ font-size: 24px; } .qmdajwh .zeren .del{ font-size: 16px; } .qmjoin .bds, .qmjoin .yamjs, .qmabout .rongy, .qmabout .lishi, .qmabout .liceb, .qmabout .kehfw, .qmabout .bds, .qmdajwh .wenmin, .qmdajwh .wenhua, .qmdajwh .zeren, .qmdajwh .about, .qmdajwh .bd{ padding: 60px 0; } .qmdajwh .wenhua .list{ margin-top: 50px; } .qmdajwh .wenhua .bg{ height: 310px; } .qmdajwh .wenhua .list li .ico img{ display: block;width: 30%;margin: 0 auto; } .qmdajwh .wenhua .list li h4{ margin: 20px 0; } .qmdajwh .wenmin li .b .img{ padding-right: 30px; } .qmdajwh .wenmin li .b .rt{ padding-left: 30px; } .qmdajwh .wenmin li{ padding: 50px 0; } .qmdajwh .wenmin li .t h3{ font-size: 22px; } .qmdajwh .wenmin li .t h6{ font-size: 18px; } .qmdajwh .wenmin li .b{ margin-top: 30px; } .qmdajwh .wenmin li .b h4{ font-size: 18px; } .qmdajwh .wenmin li .b p{ margin: 10px 0;max-width: 460px;font-size: 14px; } .qmcase .bds .lt{ width: calc((100% - 20px)/2); } .qmabout .hd{ padding: 50px 0; } .qmabout .bds .wap{ padding: 50px; } .qmabout .bds h2{ font-size: 24px; } .qmabout .bds p{ font-size: 18px; } .qmabout .bds .del{ margin-top: 30px;font-size: 16px; } .qmabout .kehfw .lt li a{ font-size: 16px; } .qmjoin .yamjs .lt, .qmabout .kehfw .lt{ width: 180px; } .qmjoin .yamjs .lt li a, .qmabout .kehfw .lt li a{ font-size: 16px;line-height: 50px; } .qmjoin .yamjs .rt, .qmabout .kehfw .rt{ width: calc(100% - 200px); } .qmabout .kehfw .form{ padding: 30px; } .qmabout .kehfw .form .t{ height: 44px;font-size: 16px; } .qmabout .kehfw .form label{ font-size: 16px;line-height: 44px; } .qmabout .kehfw .form .t1{ height: 300px; } .qmabout .kehfw .form .btn{ width: 180px;line-height: 50px; } .qmabout .kehfw .contact .map{ height: 300px; } .qmabout .kehfw .contact .dz{ width: 300px;padding: 70px 0; } .qmabout .kehfw .contact .dz p{ font-size: 16px;padding: 0 10px; } .qmabout .kehfw .contact .txt{ top: -70px; } .qmabout .lishi .wap, .qmabout .liceb .wap{ padding: 30px; } .qmabout .liceb li .txt{ width: 400px;font-size: 14px; } .qmabout .lishi li .txt h3{ font-size: 18px; } .qmabout .lishi li .txt .img{ margin: 10px 0; } .qmabout .lishi li .txt h4{ font-size: 18px; } .qmabout .lishi li .txt{ font-size: 14px; } .qmabout .lishi li:nth-child(1), .qmabout .liceb li:nth-child(1){ padding: 0; } .qmabout .lishi li::before{ top: 6%; } .qmabout .rongy .wap{ padding: 40px 0; } .qmabout .rongy h2{ font-size: 22px; } .qmabout .rongy .ts dd{ font-size: 14px;line-height: 20px;margin-bottom: 12px; } .qmabout .rongy .h{ margin-bottom: 60px; } .qmjoin .yamjs .text{ padding: 30px;font-size: 16px; } .qmjoin .joindel .wap{ padding: 40px; } .qmjoin .joindel h2{ font-size: 22px; } .qmjoin .joindel .del{ font-size: 16px;margin-top: 30px; } .qmjoin .bds .lis h3{ font-size: 22px; } .qmjoin .bds .lis li{ width: calc((100% - 30px)/2); margin-bottom: 40px; padding: 20px } .qmjoin .bds .lis li h4{ font-size: 20px;margin-bottom: 20px; } .qmjoin .bds .lis li p{ font-size: 14px; } .qmabout .lishi li .txt{ width: 43%; } .footer .lt dt{ font-size: 14px; } } @media only screen and (max-width:1040px){ .wap, .wrap{ width: auto;margin: 0 30px; } .header .rt .nav li a{ font-size: 14px; } .header .rt .nav li{ margin-right: 10px; } .hbanner .next, .hbanner .prev{ width: 40px;height: 40px; } .hpage1{ padding: 60px 30px; } .hpage1 .txt h2, .hpage4 .lts h2, .hpage3 .hd h2{ font-size: 30px; } .hpage1 .txt h6{ font-size: 16px; } .uitda{ font-size: 60px; } .hpage2 li .txt{ bottom: 20px; } .hpage2 li .txt h2{ font-size: 16px; } .hpage2 li .txt dd, .hpage2 li .txt .b p{ font-size: 12px; } .hpage2 li .txt .btn{ width: 30px;height: 30px; } .hpage3 .bd li .img{ height: 210px; } .hpage3 .bd li .img span{ line-height: 26px; } .hpage3 .bd li h4{ font-size: 16px; } .footer .rt, .footer .lt{ float: none; } .footer .lt dl{ width: 16%; } .nbaner h2{ font-size: 40px; } .uittxt{ display: none; } .header .rt .dl{ display: none; } .uitsnav dd{ margin: 0 12px 12px; } .header .logo{ max-width: 200px; } .qmabout .liceb li .txt{ width: 40%; } } @media only screen and (max-width:800px){ .wap, .wrap{ width: auto;margin: 0 20px; } .header.on{ position: absolute;padding: 0; } .nbaner h2{ font-size: 20px; } .nbaner h6{ font-size: 12px; } .nbaner{ height: 40vw; } .newdel{ padding: 20px 0 60px; } .crumbs dd span, .crumbs dd a{ font-size: 12px; } .crumbs dt{ margin-right: 6px; } .crumbs .wap{ margin: 0; } .newdel .bds{ margin-top: 20px;padding: 20px 10px; } .newdel .bds .h2{ font-size: 16px; } .newdel .bds .del{ margin-top: 20px;font-size: 14px;margin-top: 20px; } .footer .lt{ display: none; } .footer .rt{ width: auto; } .footer .rt .l h3{ font-size: 16px; } .footer .bds{ margin: 0;padding: 20px 0; } .footer .rt .l{ width: calc(100% - 120px); } .footer .rt .l p{ line-height: 30px; } .footer .rt .img{ width: 100px;float: left; } .footer .rt .img h6{ font-size: 12px;margin-top: 10px; } .footer .copy{ line-height: 1.6;text-align: left;padding: 5px 0; } .footer .link{ display: none; } .qmcasesanj .hd{ padding: 20px 10px;margin-bottom: 30px; } .uitsnav{ margin-top: 10px; } .uitsnav dd{ margin: 0;margin-right: 15px;width: 110px;padding: 10px 0; } .uitsnav dd a{ font-size: 12px;line-height: 36px;text-align: center; } .uitsnav dl{ text-align: initial;overflow-x: scroll;white-space: nowrap; } .uitsnav .wap{ margin: 0; } .uitlist li{ margin-bottom: 20px; } .uitlist li .img{ float: none;width: auto;height: 210px; } .uitlist li .txt{ float: none;width: auto;margin-top: 15px; } .uitlist li .txt h4{ font-size: 16px;margin-bottom: 5px; } .uitlist li .txt p{ margin-bottom: 0;height: 72px; } .uitlist li .txt .ico{ display: none; } .qmcasesanj{ padding-bottom: 20px; } .qmcase{ padding: 20px 10px 40px; } .qmcase::before{ width: 200px;height: 200px; } .qmcase .bds .wap{ margin: 0; } .qmcase .bds{ margin-top: 20px; } .qmcase .bds .lis{ float: none;width: auto;margin-bottom: 20px;padding: 4px;border-radius: 15px; } .qmcase .bds .lis .img a{ height: 200px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .qmcase .bds .lis .txt h2{ font-size: 18px;line-height: 50px; } .qmcase .bds .lis .txt ul{ padding: 0 10px; } .qmcase .bds .lis .txt li{ margin-bottom: 14px; } .qmcase .bds .lis .txt li .csnli dd a{ line-height: 36px; } .qmcase .bds .lis:nth-child(2n){ float: none; } .qmbatz{ padding: 20px 0 40px; } .uitlist .t{ margin-bottom: 15px; } .uitlist .t h3{ font-size: 16px;padding-left: 10px; } .uitlist .t h3::before{ height: 15px;margin-top: -7px; } .uitlist .t .btn{ font-size: 12px;margin-top: 5px; } .uitlist{ margin-bottom: 20px; } .hbanner .next, .hbanner .prev{ width: 28px;height: 28px;background-size: 6px auto !important;margin-top: -24px; } .hpage1{ padding: 30px 20px; } .uitda{ font-size: 30px; } .hpage1 .img{ float: none;width: auto; height: 50vw;position: relative; overflow: hidden; } .hpage1 .img img{ position: absolute;width: 100%; left: 0;right: 0; top: 50%;z-index: 1; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 鍜 Chrome */ -o-transform:translateY(-50%); } .hpage1 .txt{ float: none;width: auto;padding-left: 0;padding-top: 20px;margin-bottom: 20px; } .hpage1 .txt h2, .hpage4 .lts h2, .hpage3 .hd h2{ font-size: 22px; } .hpage1 .txt h6{ font-size: 14px;margin-bottom: 5px; } .hpage1 .txt::before{ width: 200px;height: 200px; } .hpage1 .txt .del{ font-size: 13px;margin: 15px 0;text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/ } .uitmore .lt h4{ font-size: 14px; } .uitmore .lt span{ margin-top: 5px;width: 100px; } .uitmore .btn{ width: 50px;height: 50px;line-height: 50px; } .hpage3{ padding: 30px 0; } .hpage3 .hd .uitmore, .hpage3 .hd .l{ float: none; } .hpage3 .hd .uitmore{ margin-top: 15px; } .hpage3 .bd{ margin-top: 30px; } .hpage3 .bd li{ width: calc((100% - 10px)/2); margin-right: 0;margin-bottom: 20px; } .hpage3 .bd li:nth-child(2n){ float: right; } .hpage3 .bd li .img span{ padding: 0 12px;font-size: 12px;line-height: 26px;top: 10px;right: 10px; } .hpage3 .bd li .img{ height: 130px; } .hpage3 .bd li h4{ font-size: 14px;margin-bottom: 0; } .hpage3 .bd li p{ font-size: 12px; } .hpage4 .lts{ float: none;width: auto; } .hpage4 .uitmore{ margin-top: 20px; } .hpage4 .swip_pic{ margin-top: 30px; } .hpage4 .rt{ float: none;width: auto;margin-top: 10px; } .hpage4 .rt li p, .hpage4 .rt li .l{ float: none;width: auto; } .hpage4 .rt li:nth-child(n + 7){ display: none; } .hpage4 .rt li .l::before{ display: none; } .hpage4 .rt li h4, .hpage4 .rt li p{ line-height: 1.7; } .hpage4 .rt li .l{ margin-bottom: 10px; } .hpage4 .rt li{ padding: 10px 0; } .hpage4{ padding-bottom: 40px; } .layout{ padding-top: 50px; } .gh{ display: block;position: absolute;right: 15px;top: 15px; } .header{ position: fixed;top: 0;right: 0;left: 0;background: #fff;height: 50px;margin: 0;z-index: 9999; } .header .logo{ float: none;max-width: inherit;margin-top: 15px;margin-left: 10px; } .header .logo img{ width: 230px; } .header .rt .nav, .header .rt{ float: none; } .header .rt .nav{ position: absolute;top: 50px;left: 0;right: 0;z-index: 1;background: rgba(1,79,162,0.9);display: none; } .header .rt .nav ul{ padding: 10px 15px; } .header .rt .nav li{ float: none;margin-right: 0;margin-bottom: 5px; } .header .rt .nav li h3::before{ bottom: 0;height: 2px; } .header .rt .nav li a{ font-size: 16px;padding: 0;line-height: 36px; } .hpage2{ height: auto; } .hpage2 li{ width: auto;height: auto; border-bottom: 1px solid #fff; background: rgba(0,0,0,0.5); float: none; } .hpage2 li .a{ background: rgba(1,47,130,0.5);padding: 20px; } .hpage2 li .a h6, .hpage2 li .a h2{ color: #fff !important; } .hpage2 li .a .txt .b{ display: block; } .hpage2 li .txt{ right: 10px;left: 10px; position: static; } .hpage2 li .a .btn { background: url(../images/h14-1.png) no-repeat center #fff !important; border: 3px solid #8497ba !important; } .qmjoin .hd, .qmdajwh .hd{ padding: 10px 5px; } .qmjoin .bds, .qmjoin .yamjs, .qmabout .rongy, .qmabout .lishi, .qmabout .liceb, .qmabout .kehfw, .qmabout .bds, .qmdajwh .wenmin, .qmdajwh .wenhua, .qmdajwh .zeren, .qmdajwh .about, .qmdajwh .bd{ padding: 20px 0 30px; } .qmdajwh .bd li{ float: none;width: auto;padding: 10px;margin-bottom: 20px; } .qmdajwh .bd li .img{ height: 38vw; } .qmdajwh .bd li .txt{ padding: 0;margin-top: 10px; } .qmdajwh .bd li .txt h3{ font-size: 16px;line-height: 24px;height: 48px; } .qmdajwh .bd li .txt h6{ font-size: 12px;margin-top: 10px; } .qmdajwh .bd li:nth-child(2n){ float: none; } .qmdajwh .zeren .wap, .qmdajwh .about .wap{ padding: 10px; } .qmdajwh .about .txt{ font-size: 14px; } .qmdajwh .zeren h2{ font-size: 16px; } .qmdajwh .zeren .del{ font-size: 14px;margin-top: 10px; } .qmdajwh .wenhua .bg{ height: 150px; } .qmdajwh .wenhua .list{ margin-top: 30px; } .qmdajwh .wenhua .list li{ width: 50%;margin-bottom: 20px; } .qmdajwh .wenhua .list li .ico{ height: 50px; } .qmdajwh .wenhua .list li .ico img{ width: 20%; } .qmdajwh .wenhua .list li h4{ margin: 5px 0;font-size: 16px; } .qmdajwh .wenhua .list li p{ font-size: 12px; } .qmdajwh .wenhua .wap{ padding-bottom: 30px; } .qmdajwh .wenmin li{ padding: 20px 15px; } .qmdajwh .wenmin li .t h3{ font-size: 16px; } .qmdajwh .wenmin li .t h6{ font-size: 14px; } .qmdajwh .wenmin li .b{ margin-top: 20px; } .qmdajwh .wenmin li .b .img{ padding-right: 0;float: none;width: auto; } .qmdajwh .wenmin li .b .img img{ display: block;margin: 0 auto; } .qmdajwh .wenmin li .b .rt{ padding-left: 0;float: none;width: auto;margin-top: 20px; } .qmdajwh .wenmin li .b h4{ font-size: 16px; } .qmdajwh .wenmin li .b p{ font-size: 13px;max-width: initial;margin: 5px 0; } .qmcase .bds .lt{ float: none;width: auto; } .qmcase .bds .lis .txt li h4, .qmcase .bds .lis .txt li h3{ line-height: 1.7;padding: 8px 0; } .qmcase .bds .lis .txt li{ border-radius: 4px; } .qmabout .hd{ padding: 10px 5px; } .qmabout .bds .wap{ padding: 10px; } .qmabout .bds h2{ font-size: 18px; } .qmabout .bds p{ font-size: 14px; } .qmabout .bds .del{ margin-top: 10px;font-size: 12px; } .qmabout .bds .del p{ font-size: 12px; } .qmjoin .yamjs .rt, .qmabout .kehfw .rt, .qmjoin .yamjs .lt, .qmabout .kehfw .lt{ float: none;width: auto; } .qmjoin .yamjs .rt, .qmabout .kehfw .rt{ margin-top: 20px; } .qmjoin .yamjs .lt li a, .qmabout .kehfw .lt li a{ line-height: 46px; } .qmabout .kehfw .form{ padding: 20px 10px; } .qmabout .kehfw .form dd:nth-child(2n), .qmabout .kehfw .form dd{ float: none;width: auto; } .qmabout .kehfw .form dd{ margin-bottom: 15px; } .qmabout .kehfw .form .t{ height: 34px;font-size: 14px;padding: 0 10px;width: calc(100% - 46px); } .qmabout .kehfw .form label{ line-height: 34px;font-size: 14px;width: 46px; } .qmabout .kehfw .form .t1{ height: 100px;padding: 10px;line-height: 1.7; } .qmabout .kehfw .form li{ margin-bottom: 5px; } .qmabout .kehfw .form .btn{ width: 100px;line-height: 32px;font-size: 14px;margin-top: 30px; } .qmabout .kehfw .contact .map{ height: 200px; } .qmabout .kehfw .contact .txt{ top: 0;margin-top: 20px; } .qmabout .kehfw .contact .box{ margin: 0 10px;padding-bottom: 20px; } .qmabout .kehfw .contact .dz{ float: none;width: auto;padding: 20px 0; } .qmabout .kehfw .contact .dz img{ width: 12%; } .qmabout .kehfw .contact .dz p{ font-size: 14px;margin-top: 15px; } .qmabout .kehfw .contact .rx{ padding: 0 10px;float: none;width: auto;margin-top: 10px; } .qmabout .kehfw .contact h3{ font-size: 16px;margin-bottom: 5px; } .qmabout .kehfw .contact .rx p{ font-size: 14px;line-height: 1.8; } .qmabout .lishi .wap, .qmabout .liceb .wap{ padding: 10px; } .qmabout .liceb li .txt{ width: auto;font-size: 12px;line-height: 1.6;padding: 5px; float: none !important; } .qmabout .lishi li::before, .qmabout .liceb li::before{ width: 20px;height: 20px;margin-top: -8px;display: none; } .qmabout .lishi ul::before, .qmabout .liceb ul::before{ width: 4px;display: none; } .qmabout .lishi li .txt::before{ right: -14px;background-size: 10px auto !important;top: 4px; display: none; } .qmabout .liceb li .txt::before{ background-size: 10px auto !important;left: -14px;display: none; } .qmabout .liceb li{ margin-bottom: 10px; } .qmabout .lishi li:nth-child(2n) .txt::before{ left: -14px; } .qmabout .liceb li:nth-child(2n) .txt::before{ right: -14px; } .qmabout .lishi li .txt{ width: auto;padding: 15px;font-size: 12px; float: none !important; } .qmabout .lishi li .txt h3{ font-size: 14px; } .qmabout .lishi li .txt .img{ margin: 0; } .qmabout .lishi li .txt h4{ font-size: 14px;margin-bottom: 0; } .qmabout .lishi li{ height: auto;margin: 0 0 15px; } .qmabout .rongy .wap{ padding: 20px 0; } .qmabout .rongy h2{ font-size: 16px; } .qmabout .rongy .ts{ margin-top: 10px;display: block; } .qmabout .rongy .ts dl{ float: none;width: auto;border-right: none;border-bottom: 1px solid #979797;padding: 10px 0;margin: 0 10px; } .qmabout .rongy .ts dd{ margin-bottom: 8px; } .qmabout .rongy .ts dl:nth-child(3){ width: auto; } .qmabout .rongy .h{ margin-bottom: 20px; } .qmabout .rongy .swip_pic li{ width: 150px;height: 80px;border: 2px solid #2b77ff; } .qmabout .rongy .swip_pic{ margin-top: 30px; } .qmjoin .yamjs .text{ padding: 10px;font-size: 14px; } .qmjoin .bds .lis h3{ font-size: 16px;padding-left: 12px; } .qmjoin .bds .lis h3::before{ height: 18px;width: 2px;margin-top: -8px; } .qmjoin .bds .lis ul{ margin-top: 20px; } .qmjoin .bds .lis li{ float: none;width: auto;margin-bottom: 20px;padding: 10px; } .qmjoin .bds .lis li:nth-child(2n){ float: none; } .qmjoin .bds .lis li h4{ font-size: 14px;margin-bottom: 5px; } .qmjoin .bds .lis li p{ font-size: 12px; } .qmjoin .bds .lis{ margin-bottom: 10px; } .qmjoin .joindel{ margin-top: 20px;padding-bottom: 30px; } .qmjoin .crumbs{ padding-top: 10px; } .qmjoin .joindel .wap{ padding: 10px; } .qmjoin .joindel h2{ font-size: 16px; } .qmjoin .joindel .del{ font-size: 13px;margin-top: 5px; } .qmcase .bds .lt:nth-child(2){ float: none; } .qmcase .bds .lis .txt li h4{ padding: 8px 20px 8px 0; } .footer{ padding-top: 0; } .footer .bds{ border: none; } .hpage2 li .txt .btn{ margin-top: 20px; } .header .rt .nav li i{ height: 36px; width: 50px; display: block; top: 0; z-index: 11; position: absolute; right: 0; background: url(../images/arrow.png) no-repeat center; background-size: 20px auto; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .header .rt .nav li .nli{ position: static;padding:10px;width: auto; } .header .rt .nav li .nli dd{ margin-bottom: 0; } .header .rt .nav li .nli dd a{ font-size: 16px;line-height: 30px;background: none;text-align: left;color: #fff; } .header .rt .nav ul{ max-height: 100vh;overflow-y: scroll;padding-bottom: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .selected{ overflow: hidden;height: 100vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmcase .bds .lis .txt li .csnli dd a{ font-size: 12px;line-height: 30px; } .qnsous{ padding: 40px 0; } .qnsous .form .t1{ font-size: 16px;height: 30px;width: calc(100% - 30px); } .qnsous .form .btn{ width: 30px;height: 30px;background-size: 20px auto !important; } .qnsous .bds{ margin-top: 10px; } .qnsous .bds h6{ font-size: 16px; } .qnsous .bds .t{ margin-top: 20px; } .qnsous .bds .t li a, .qnsous .bds .t li span{ font-size: 14px; } .qnsous .bds .t li span{ margin: 0 4px; } .qnsous .bds .list{ margin-top: 30px; } .qnsous .bds .list li h3{ font-size: 16px;margin-bottom: 5px; } .qnsous .bds .list li p{ font-size: 12px;line-height: 20px;height: 40px; } .qnsous .bds .list li{ margin-bottom: 20px; } .hbanner .spot{ bottom: 10px; } .hbanner .spot span{ margin: 0 5px !important;width: 4px;height: 4px; } .hbanner .spot span.swiper-pagination-bullet-active::before{ top: -4px;bottom: -4px;left: -4px;right: -4px;border: 1px solid #fff; } .newdel .bds .del img{ width: 100% !important;height: auto !important; } .newdel .bds .del, .newdel .bds .del p, .newdel .bds .del span, .qmdajwh .zeren .del p span, .qmdajwh .zeren .del, .qmdajwh .zeren .del p{ font-size: 12px !important; } .header .logo{ display: none !important; } .sjlogo{ display: block !important; margin-top: 12px; margin-left: 5px; } .sjlogo img{ width: 270px; } .hbanner{ display: none !important; } .sjhbanner{ display: block !important; } .sjhbanner li a{ min-height: 130vw; } .hpage2{ display: none; } .sjdxhg1{ display: block; } .sjdxhg1{ margin-top: 10px; } .sjdxhg1 li{ margin-bottom: 20px;background: #fff; box-shadow: 0 5px 5px 0 rgba(80,80,80,0.2);border-radius: 6px; } .sjdxhg1 li a{ display: block; } .sjdxhg1 li h3{ font-size:18px ; line-height: 1.7; color: #000;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .sjdxhg1 li .bg{ height: 210px;overflow: hidden;border-top-left-radius: 6px;border-top-right-radius: 6px; } .sjdxhg1 li .txt{ padding: 10px 15px 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; } .sjdxhg1 li p{ font-size:13px ; line-height: 18px; color: #4f4f4f;margin: 5px 0 10px;height: 36px;overflow: hidden; } .sjdxhg1 li dl{ border-top: 1px solid #eaeaea;overflow: hidden; } .sjdxhg1 li dd{ font-size:13px ; line-height: 44px; color: #000;float: left;padding-left: 20px;background: url(../images/sjdxhp5.jpg) no-repeat left center;max-width: 40%;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .sjdxhg1 li dd a{ display: block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .sjdxhg1 li dd:nth-child(2n){ float: right;background: url(../images/sjdxhp6.jpg) no-repeat left center; } .sjdxhg1 .hd{ margin-bottom: 20px; } .sjdxhg1 .hd h6{ font-size:18px ; line-height: 1.7; color: #000;margin-bottom: 10px; } .sjdxhg1 .hd h1{ font-size: 22px; line-height: 1.2; color: #014fa2; font-weight: bold; } .footer .sjflt{ display: block; } .footer .lt{ display: none; } .footer .sjflt { margin-bottom: 20px; } .footer .sjflt .ds .nfdl{ display: none; } .footer .sjflt .ds h6{ font-size: 16px; line-height: 36px;color: #fff;background: url(../images/arrow.png) no-repeat right center; background-size: 20px auto; } .footer .sjflt .ds dd{ border-bottom: 1px solid rgba(255,255,255,0.4);padding: 0 10px; } .footer .sjflt .ds:last-child{ border-bottom: none; } .footer .sjflt .ds dd:last-child{ border-bottom: none; } .footer .sjflt .ds dd a{ font-size: 13px; line-height: 32px; text-align: left; color: #fff;display: block; } .hpage3 .uitda{ bottom: 22px; } .qmjoin .joindel span{ font-size: 16px !important; } .qmjoin .joindel .del{ font-size: 16px; } .qmjoin .joindel .del i{ font-weight: bold; } .hpage1 .txt{ padding: 0 !important; } }