.layout{ position: relative; overflow: hidden; } .wrap{ width: 1650px;margin: 0 auto; } .header{ position: absolute;top: 20px;left: 0;right: 0;z-index: 99;margin: 0 140px; } .uittxt{ text-align: right;margin-bottom: 10px; } .uittxt a::before{ position: absolute;content: "";width: 1px;height: 15px;background: #8c929e;left: 0;top: 50%;z-index: 1;margin-top: -8px; } .uittxt a::after{ position: absolute;content: "";width: 1px;height: 15px;background: #8c929e;right: 0;top: 50%;z-index: 1;margin-top: -8px; } .uittxt a{ font-size:18px ; line-height: 1.7; color: #fff;display: inline-block;position: relative;padding: 0 10px; } .header .logo{ float: left;max-width: 445px;display: block; } .header .rt{ float: right; } .header .rt .nav{ float: left; } .header .rt .nav li{ float: left;margin-right: 20px;position: relative; } .header .rt .nav li:last-child{ margin-right: 0; } .header .rt .nav li a{ font-size:18px ; line-height: 30px; color: #fff;padding: 0 2px;display: block; } .header .rt .nav li h3{ position: relative; } .header .rt .nav li h3::before{ content: "";position: absolute;bottom: -10px;left: 0;z-index: 1;height: 4px;background: #fff;width: 0; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s;right: 0;margin: 0 auto; } .header .rt .nav li.on h3::before, .header .rt .nav li:hover h3::before{ width: 100%; } .header .rt .dl{ float: right;margin-left: 26px; } .header .rt .dl .dd{ display: inline-block;vertical-align: middle;width: 45px; } .header .rt .dl .dd a{ display: block;margin-top: 4px; } .header .rt .nav li .nli{ position: absolute;left: -100px;right: -100px;z-index: 1;top:50px;z-index: 1;width: 150px;margin: 0 auto; display: none; } .header .rt .nav li .nli dd{ margin-bottom: 10px; } .header .rt .nav li .nli dd a{ display: block;font-size:18px ; line-height: 46px; color: #333333;text-align: center;background: #fff;border-radius: 6px; } .header .rt .nav li .nli dd.on a, .header .rt .nav li .nli dd a:hover{ background: #2b77ff;color: #fff; } .gh1{ height: 30px; width: 45px;margin-top: -20px; position: absolute; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(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: 4; } .gh1 a { background-color: #fff; display: block;margin: 0 auto; height: 3px; 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; } .gh1 a:after{ width:100%; } .gh1 a:before{ width:100%; } .gh1 a:after, .gh1 a:before { background-color:#fff; content: ""; display: block; height: 3px; 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; } .gh1 a:after { top: 10px; } .gh1 a:before { top: -10px; } .hbanner{ position: relative; } .hbanner li a{ display: block;min-height: 100vh; } .hbanner .next, .hbanner .prev{ position: absolute;left: 0;top: 50%;width: 80px;height: 80px;margin-top: -50px;background: url(../images/prev.png) no-repeat center rgba(100,109,121,0.6);z-index: 1;cursor: pointer; } .hbanner .next{ left: auto;right: 0;transform:rotate(180deg); } .hbanner .next:hover, .hbanner .prev:hover{ background-color: #2b77ff; } .hbanner .spot{ position: absolute;bottom: 60px;left: 0;right: 0;text-align: center;z-index: 1; } .hbanner .spot span{ margin: 0 20px !important;width: 10px;height: 10px;opacity: 1;background: #fff; vertical-align: middle;position: relative; } .hbanner .spot span.swiper-pagination-bullet-active::before{ border: 2px solid #fff;position: absolute;content: ""; left: -8px;right: -8px;top: -8px;bottom: -8px; border-radius: 50%;z-index: 11; } .footer{ background: #012f82;padding-top: 74px; } .footer .bds{ padding-top: 30px;padding-bottom: 10px;border-top: 1px solid rgba(255,255,255,0.1); } .footer .lt{ float: left; } .footer .rt{ float: right;width: 465px; } .footer .lt dl{ width: 190px;float: left; } .footer .lt dt{ font-size:24px ; line-height: 1.7; color: #fff;margin-bottom: 26px; } .footer .lt dd a{ display: block;font-size:16px ; line-height: 46px; color: #fff;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .footer .rt .l{ float: left;width: calc(100% - 145px); } .footer .rt .link{ background: #0147c6;padding: 0 40px;margin-top: 80px;cursor: pointer;position: relative; } .footer .rt .link h4{ font-size:22px ; line-height: 74px; color: #fff;background: url(../images/a16.png) no-repeat right center; } .footer .rt .link .nlink{ position: absolute;bottom: 74px;left: 0;right: 0;width: 320px;background: #fff;z-index: 3; padding: 12px 16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 5px 10px 5px rgba(80,80,80,0.2);display: none; } .footer .rt .link .nlink dl{ height: 380px; } .footer .rt .link .nlink dd a{ display: block;font-size:16px ; line-height:46px ; color: #383838;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .footer .rt .link .nlink dd a:hover{ color: #2b77ff; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #2b77ff !important; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_draggerRail{ width:4px ;opacity: 1; } .footer .rt .img{ float: right;width: 140px; } .footer .rt .img img{ display: block;width: 76%;margin: 0 auto; } .footer .rt .img h6{ margin-top: 16px;font-size:14px ; line-height: 1.7; color: #fff;text-align: center; } .footer .rt .l h3{ font-size:24px ; line-height: 1.7; color: #fff;margin-bottom: 26px; } .footer .rt .l p{ font-size:14px ; line-height: 46px; color: #fff; } .footer .rt .l p span{ color: rgba(255,255,255,0.5);margin-right: 12px; } .footer .copy{ border-top: 1px solid rgba(255,255,255,0.1);font-size:12px ; line-height: 56px; color: rgba(255,255,255,0.2);text-align: center; } .hpage1{ padding: 0 0 250px;position: relative; } .uitda{ position: absolute;bottom: 150px;right: 0;font-size:180px ; line-height: 1;font-weight: bold; color: rgba(0,47,130,0.1);letter-spacing: 2px;text-transform: uppercase; } .hpage1 .img{ float: right;width: 55%; } .hpage1 .txt{ float: left;width: 40%;position: relative;padding-top: 170px;padding-left: 130px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;z-index: 2; } .hpage1 .txt::before{ content: "";background: url(../images/h2.png) no-repeat center/cover;width: 452px;height: 456px;position: absolute;right: 0;top: 105px;z-index: 1; } .hpage1 .txt h6{ font-size:24px ; line-height: 1.6; color: #666666;margin-bottom: 24px; } .hpage1 .txt h2{ font-size:65px ; line-height: 80px; color: #014fa2;font-weight: bold; } .hpage1 .txt .del{ font-size:18px ; line-height: 1.7; color: #333333;margin-top: 60px;margin-bottom: 100px; } .uitmore{ font-size: 0; } .uitmore .lt{ margin-right: 56px;float: left;margin-top: 12px; } .uitmore .btn{ width: 70px;height: 70px;float: left;display: block;border-radius: 50%;border: 1px solid #c3c3c3; font-size:14px ; line-height: 70px; color: #333333;text-align: center;text-transform: uppercase; } .uitmore .lt h4{ font-size:18px ; line-height: 1.6; color: #333333;font-weight: bold; } .uitmore .lt span{ display: block;width: 180px;height: 1px;background: #cfd0d4;position: relative;margin-top: 20px; } .uitmore .lt span i{ position: absolute;top: 0;left: 0;z-index: 1;background: #343539;height: 1px; } .hpage3{ position: relative;padding: 140px 0 0; } .hpage3 .wrap{ position: relative;z-index: 2; } .hpage3 .hd .l{ float: left; } .hpage3 .hd .uitmore{ float: right;margin-top: 130px; } .hpage4 .lts h6, .hpage3 .hd h6{ font-size:24px ; line-height: 1.6; color: #666666;margin-bottom: 20px; } .hpage4 .lts h2, .hpage3 .hd h2{ font-size:65px ; line-height: 80px; color: #014fa2;font-weight: bold; } .hpage3 .bd{ margin-top: 50px; } .hpage3 .bd li{ float: left;width: calc((100% - 122px)/3);margin-right: 60px;margin-bottom: 45px; } .hpage3 .bd li:nth-child(3n){ margin-right: 0; } .hpage3 .bd li a{ display: block; } .hpage3 .bd li .img{ height: 345px;overflow: hidden;border-radius: 6px;position: relative; } .hpage3 .bd li .img .bg{ height: 100%;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; } .hpage3 .bd li:hover .bg{ transform:scale(1.1); -ms-transform:scale(1.1); /* IE 9 */ -moz-transform:scale(1.1); /* Firefox */ -webkit-transform:scale(1.1); /* Safari 鍜 Chrome */ -o-transform:scale(1.1); } .hpage3 .bd li .img span{ padding: 0 20px;line-height: 34px;font-size: 16px;color: #014fa2;position: absolute;top: 20px;right: 20px; z-index: 1;background: #fff;border-radius: 16px; } .hpage3 .bd li .txt{ margin-top: 20px; } .hpage3 .bd li h4{ font-size:22px ; line-height: 1.6; color: #333333;font-weight: bold;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 6px; } .hpage3 .bd li p{ font-size:14px ; line-height: 1.6; color: #666666;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .hpage4{ padding-bottom: 140px;position: relative; } .hpage4 .wrap{ position: relative;z-index: 2; } .hpage4 .uitmore{ margin-top: 55px; } .hpage4 .swip_pic{ margin-top: 77px;overflow: hidden; } .hpage4 .swip_pic li a{ display: block;height: 310px; } .hpage4 .lts{ float: left;width: 542px; margin-top: 8%; } .hpage4 .rt{ float: right;width: calc(100% - 690px);margin-top: 265px; } .hpage4 .rt li{ border-bottom: 1px solid #c9c9c9; } .hpage4 .rt li:last-child{ border-bottom: none; } .hpage4 .rt li a{ display: block;overflow: hidden; } .hpage4 .rt li .l{ float: left;position: relative;width: 195px; } .hpage4 .rt li p{ float: right;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px ; line-height:82px; color: #666666;width: calc(100% - 210px);padding-right: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .hpage4 .rt li .l::before{ content: "";width: 1px;height: 12px;background: #8c8c8c;z-index: 1;position: absolute;right: 0;top: 50%;margin-top: -6px; } .hpage4 .rt li h4{ font-size:16px ; line-height: 82px; color: #666666; } .hpage4 .rt li h4 span{ font-size:14px;color: #fff; line-height: 22px; background: #656565;padding: 0 10px;display: inline-block;margin-left: 20px; } .uittop p:hover, .hpage4 .rt li:hover h4, .hpage4 .rt li:hover p{ color: #0351a6; } .hpage4 .rt li:hover h4 span{ background: #014fa2; } .uittop{ position: fixed;right: 2%;bottom: 5%;width: 1em; } .uittop p{ font-size:12px ; line-height: 12px; color: #a2a2a2;z-index: 5;text-transform: uppercase;width: 1em;cursor: pointer; } .hpage2{ height: 1080px;overflow: hidden; } .hpage2 ul{ height: 100%;overflow: hidden; } .hpage2 li{ float: left;width: calc(25% - 1px);border-right: 1px solid rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;height: 100%;overflow: hidden; } .hpage2 li:first-child{ width: 0; } .hpage2 li:last-child{ border-right: none; } .hpage2 li .a{ display: block;position: relative;height: 100%; } .hpage2 li .txt{ position: absolute;bottom: 100px;left: 100px;right: 100px;z-index: 11; } .hpage2 li .txt h6{ font-size:16px ; line-height: 1.6; color: rgba(255,255,255,0.5);margin-bottom: 10px; } .hpage2 li .txt h2{ font-size:36px ; line-height: 1.6; color: rgba(255,255,255,0.5);margin-bottom: 30px } .hpage2 li .txt .btn{ width: 52px;height: 52px;border: 1px solid rgba(255,255,255,0.1);background: url(../images/h14.png) no-repeat center; border-radius: 50%;margin-top: 80px; } .hpage2 li .txt .b{ display: none; } .hpage2 li .txt .b p{ font-size:14px ; line-height: 1.7; color: #fff; } .hpage2 li .txt dl{ margin-top: 36px; } .hpage2 li .txt dd{ font-size:16px ; line-height: 1.7; color: #fff;padding-left: 26px;display: inline-block;border-bottom: 1px solid rgba(255,255,255,0); } .hpage2 li.on a .b, .hpage2 li .a:hover .b{ display: block; } .hpage2 li.on a, .hpage2 li .a:hover{ background: rgba(1,47,130,0.5);overflow: hidden;height: 100%; } .hpage2 li.on a h6, .hpage2 li.on a h2, .hpage2 li .a:hover h6, .hpage2 li .a:hover h2{ color: #fff; } .hpage2 li .txt dd:hover{ border-color: #fff; } .hpage2 li.on a .btn, .hpage2 li .a:hover .btn{ background: url(../images/h14-1.png) no-repeat center #fff;border: 3px solid #8497ba; } .uitmore .btn:hover{ background: #014fa2;color: #fff;border-color: #014fa2; } .bbaner{ min-height: 100vh; } .wap{ width: 1400px;margin: 0 auto; } .qmbatz{ background: #f5f5f5;padding: 86px 0 96px; } .uitlist{ margin-bottom: 80px; } .uitlist .t h3{ position: relative;font-size:26px ; line-height: 1.6; color: #323232;padding-left: 26px;float: left; } .uitlist .t h3::before{ content: "";position: absolute;left: 0;top: 50%;width: 5px;height: 28px;background: #2b77ff;margin-top: -14px; } .uitlist .t .btn{ float: right;font-size:16px ; line-height: 1.6; color: #999999;display: block;background: url(../images/a2.png) no-repeat right center;padding-right: 16px; } .uitlist .t{ margin-bottom: 30px; } .uitlist li{ margin-bottom: 60px; } .uitlist li a{ display: block;overflow: hidden; } .uitlist li .img{ width: 705px;height: 400px;background: #fff;overflow: hidden;float: left; } .uitlist li .bg{ height: 100%;width: 100%;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; } .uitlist li:hover .bg{ transform:scale(1.1); } .uitlist li .txt{ float: right;width: calc(100% - 760px);margin-top: 110px;position: relative; } .uitlist li .txt h4{ font-size:26px ; line-height: 1.6; color: #333333;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 24px; } .uitlist li .txt p{ font-size:16px ; line-height: 30px; color: #999999;height: 90px;overflow: hidden;margin-bottom: 84px; } .uitlist li .txt .ico{ background: url(../images/a6.png) no-repeat center/cover;width: 46px;height: 40px;position: absolute;bottom: 0;right: 0;z-index: 1; } .nbaner{ height: 866px;overflow: hidden; } .nbaner .wap{ height: 100%;position: relative; } .nbaner h2{ font-size:62px ; line-height: 1.6; color: #ffffff;font-weight: bold; } .nbaner h6{ font-size:30px ; line-height: 1.6; color: #fff;text-transform: uppercase; } .nbaner .txt{ position: absolute; left: 0;right: 0; top: 50%;z-index: 1; transform:translateY(-50%); text-align: center; } .crumbs dl{ font-size: 0; } .crumbs dt{ display: inline-block;margin-right: 20px;vertical-align: middle; } .crumbs dd{ display: inline-block;vertical-align: middle; } .crumbs dd a{ display: block;font-size:14px ; line-height: 1.7; color: #333333; } .crumbs dd span{ display: block;font-size:14px ; line-height: 1.7; color: #333333;margin: 0 2px; } .qmcase{ padding: 24px 0 80px;background: #f9f9f9;position: relative; } .qmcase::before{ content: "";position: absolute;top: 20%;left: -5%;background: url(../images/h2.png) no-repeat center;width: 452px;height: 456px;overflow: hidden;z-index: 1; } .qmcase .bds{ margin-top: 50px; } .qmcase .bds .lt{ float: left;width: calc((100% - 40px)/2); } .qmcase .bds .lt:nth-child(2){ float: right; } .qmcase .bds .lis{ background: #fff;padding: 8px 8px 14px;-webkit-box-sizing: border-box;border-radius: 30px; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;position: relative;z-index: 2;margin-bottom: 60px; } .qmcase .bds .lis .img a{ height: 295px;overflow: hidden;border-top-left-radius: 30px;border-top-right-radius: 30px;display: block; } .qmcase .bds .lis .txt h2{ font-size:30px ; line-height: 80px; color: #444444;text-align: center; } .qmcase .bds .lis .txt ul{ padding: 0 20px; } .qmcase .bds .lis .txt li{ background: #fff;box-shadow: 0 0 10px 1px rgba(80,80,80,0.2);text-align: center;margin-bottom: 15px; border-radius: 6px;position: relative;z-index: 2;cursor: pointer; } .qmcase .bds .lis .txt li h3{ font-size:18px ; line-height: 50px; color: #666666; } .qmcase .bds .lis .txt li h4{ font-size:18px ; line-height: 50px; color: #666666;background: url(../images/a12.png) no-repeat right center;padding-right: 24px;display: inline-block; } .qmcase .bds .lis .txt li.on h4{ background: url(../images/a13.png) no-repeat right center; } .qmcase .bds .lis .txt li .csnli{ background: #f9f9f9;display: none; } .qmcase .bds .lis .txt li .csnli dl{ padding: 0 24px; } .qmcase .bds .lis .txt li .csnli dd{ border-bottom: 1px solid #d2d2d2; } .qmcase .bds .lis .txt li .csnli dd a{ display: block;font-size:16px ; line-height: 54px; color: #999999; } .qmcase .bds .lis .txt li .csnli dd:last-child{ border-bottom: none; } .qmcasesanj{ background: #f5f5f5;padding: 0 0 90px; } .qmcasesanj .hd{ background: #fff;padding-bottom: 60px;margin-bottom: 60px;padding-top: 40px; } .uitsnav{ margin-top: 40px; } .uitsnav dl{ font-size: 0;text-align: center; } .uitsnav dd{ display: inline-block;margin: 0 14px;width: 200px; } .uitsnav dd a{ display: block;border-radius: 10px;line-height: 70px; font-size: 22px;color: #333333;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2); } .uitsnav dd.on a, .uitsnav dd a:hover{ background: #2b77ff;color: #fff; } .newdel{ background: #f5f5f5;padding: 40px 0 100px; } .newdel .bds{ margin-top: 50px;background: #fff;padding: 60px 150px; } .newdel .bds .h2{ font-size:24px ; line-height: 1.6; color: #333333;text-align: center; } .newdel .bds .del{ margin-top: 36px;font-size:18px ; line-height: 1.7; color: #6a6a6a; } .newdel .bds .del img{ display: block;margin: 0 auto; } .qmdajwh{ background: #f5f5f5; } .qmdajwh .hd{ background: #fff;padding: 100px 0 60px; } .qmdajwh .hd .uitsnav{ margin-top: 0; } .qmdajwh .bd{ padding: 100px 0; } .qmdajwh .bd li{ float: left;width: calc((100% - 60px)/2);margin-bottom: 60px;background: #fff;padding: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmdajwh .bd li:hover{ box-shadow: 0 5px 15px 5px #d1d1d1; } .qmdajwh .bd li:nth-child(2n){ float: right; } .qmdajwh .bd li a{ display: block; } .qmdajwh .bd li .img{ height: 280px;overflow: hidden; } .qmdajwh .bd li .bg{ height: 100%;transition:all 0.3s; } .qmdajwh .bd li:hover .bg{ transform:scale(1.1); } .qmdajwh .bd li .txt{ margin-top: 30px;padding: 0 20px; } .qmdajwh .bd li .txt h3{ font-size:22px ; line-height: 1.7; color: #333;height: 80px;overflow: hidden; } .qmdajwh .bd li .txt h6{ margin-top: 24px;font-size:18px ; line-height: 1.7; color: #666666; } .qmdajwh .about{ padding: 100px 0; } .qmdajwh .about .wap{ background: #fff;padding: 60px 150px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmdajwh .about .txt{ font-size:18px ; line-height: 1.7; color: #666666; } .qmdajwh .about .txt img{ display: block;margin: 0 auto; } .qmdajwh .wenhua{ padding: 100px 0; } .qmdajwh .wenhua .wap{ background: #fff;padding-bottom: 66px; } .qmdajwh .wenhua .bg{ height: 400px; } .qmdajwh .wenhua .list{ margin-top:100px ; } .qmdajwh .wenhua .list ul{ font-size: 0;text-align: center; } .qmdajwh .wenhua .list li{ display: inline-block;width: 25%;text-align: center; } .qmdajwh .wenhua .list li .ico{ height: 100px; } .qmdajwh .wenhua .list li h4{ margin: 60px 0 35px;font-size:22px ; line-height: 1.7; color: #2b77ff; } .qmdajwh .wenhua .list li p{ font-size:16px ; line-height: 1.7; color: #666666; } .qmdajwh .zeren{ padding: 100px 0; } .qmdajwh .zeren .wap{ background: #fff;padding: 60px 150px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmdajwh .zeren h2{ font-size:30px ; line-height: 1.7; color: #333333;text-align: center; } .qmdajwh .zeren .del{ font-size:18px ; line-height: 1.7; color: #333; } .qmdajwh .zeren .del p{ font-size: 18px; } .qmdajwh .zeren .del img{ display: block;margin: 0 auto; } .qmdajwh .wenmin{ padding: 100px 0 ; } .qmdajwh .wenmin .wap{ background: #fff; } .qmdajwh .wenmin li{ padding: 60px 0 70px; } .qmdajwh .wenmin li .t{ text-align: center; } .qmdajwh .wenmin li .t h3{ font-size:26px ; line-height: 1.7; color: #333333; } .qmdajwh .wenmin li .t h6{ font-size:22px ; line-height: 1.7; color: #2b77ff; } .qmdajwh .wenmin li .b{ margin-top: 50px; } .qmdajwh .wenmin li .b .img{ float: right;width: 40%;padding-right: 130px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmdajwh .wenmin li .b .rt{ float: left;width: 60%;padding-left: 150px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmdajwh .wenmin li .b h4{ font-size:22px ; line-height: 1.7; color: #333333; } .qmdajwh .wenmin li .b p{ font-size:16px ; line-height: 1.7; color: #666666;margin: 12px 0 22px;max-width: 540px; } .qmabout{ background: #f5f5f5; } .qmabout .hd{ background: #fff;padding: 100px 0 60px; } .qmabout .hd .uitsnav{ margin-top: 0; } .qmabout .bds{ padding: 100px 0; } .qmabout .bds .wap{ padding: 60px 150px;background: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmabout .bds h2{ font-size:28px ; line-height: 1.7; color: #333;text-align: center; } .qmabout .bds p{ font-size:24px ; line-height: 1.7; color: #2b77ff;text-align: center; } .qmabout .bds .del p{ font-size:18px ; line-height: 1.7; color: #333;text-align: center; } .qmabout .bds .del{ margin-top: 54px;font-size:18px ; line-height: 1.7; color: #333; } .qmabout .bds .del img{ display: block;margin: 0 auto; } .qmabout .liceb{ padding: 100px 0; } .qmabout .liceb .wap{ padding: 55px 105px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmabout .liceb ul{ position: relative; } .qmabout .liceb ul::before{ content: "";position: absolute;left: 0;right: 0;top: 0;width: 10px;background: #7ba9f0;height: 100%;margin: 0 auto;z-index: 1; } .qmabout .liceb li{ position: relative;margin-bottom: 30px; } .qmabout .liceb li:nth-child(1){ padding-top: 30px;margin-bottom: 10px; } .qmabout .liceb li::before{ position: absolute;left: 0;top: 50%;background: url(../images/a18.png) no-repeat center/cover;width: 40px;height: 40px;z-index: 1; content: "";right: 0;margin: -20px auto 0; } .qmabout .liceb li .txt{ position: relative;font-size:16px ; line-height: 1.7; color: #333;width: 520px;padding: 15px 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: #fff;box-shadow: 0 5px 10px 2px rgba(80,80,80,0.2);font-weight: bold; } .qmabout .liceb li .txt::before{ position: absolute;background: url(../images/a31-1.png) no-repeat center;content: "";width: 20px;height: 43px;z-index: 1;left: -20px;top: 50%; margin-top: -20px; } .qmabout .liceb li:nth-child(2n) .txt::before{ background: url(../images/a31.png) no-repeat center;content: "";left: auto;right: -20px; } .qmabout .liceb li .txt{ float: right; } .qmabout .liceb li:nth-child(2n) .txt{ float: left; } .qmabout .lishi{ padding: 100px 0; } .qmabout .lishi .wap{ padding: 55px 180px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: #fff; } .qmabout .lishi ul{ position: relative; } .qmabout .lishi ul::before{ content: "";position: absolute;left: 0;right: 0;top: 0;width: 10px;background: #7ba9f0;height: 100%;margin: 0 auto;z-index: 1; } .qmabout .lishi li{ position: relative;height: 335px; } .qmabout .lishi li:nth-child(1){ margin-top: 0; } .qmabout .lishi li:nth-child(1){ padding-top: 50px; } .qmabout .lishi li::before{ position: absolute;left: 0;top: 50%;background: url(../images/a18.png) no-repeat center/cover;width: 40px;height: 40px;z-index: 1; content: "";right: 0;margin: 0 auto; } .qmabout .lishi li .txt{ position: relative;font-size:16px ; line-height: 1.7; color: #666666;width: 420px;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: #fff;box-shadow: 0 0 10px 2px rgba(80,80,80,0.2); } .qmabout .lishi li .txt::before{ position: absolute;background: url(../images/a32.png) no-repeat center/cover;content: "";width: 20px;height: 43px;z-index: 1;right: -20px;top:20px; } .qmabout .lishi li:nth-child(2n) .txt::before{ background: url(../images/a32-1.png) no-repeat center;content: "";left: -20px;right: auto; } .qmabout .lishi li .txt{ float: left; } .qmabout .lishi li:nth-child(2n) .txt{ float: right; } .qmabout .lishi li .txt h3{ font-size: 22px; line-height: 1.7; color: #2b77ff; } .qmabout .lishi li .txt .img{ margin: 22px 0 10px;height: 245px; } .qmabout .lishi li .txt .img img{ width: 100%;height: 100%;object-fit: cover;display: block; } .qmabout .lishi li .txt h4{ font-size:22px ; line-height: 1.7; color: #333;margin-bottom: 6px; } .qmabout .rongy{ padding: 100px 0; } .qmabout .rongy .wap{ background: #fff;padding: 60px 0; } .qmabout .rongy .h{ margin-bottom: 100px; } .qmabout .rongy h2{ font-size:24px ; line-height: 1.7; color: #333;text-align: center; } .qmabout .rongy .ts{ margin-top: 40px; display: flex; justify-content: space-between; } .qmabout .rongy .ts dl{ float: left;width: 33%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;border-right: 1px solid #979797;padding-left: 70px;padding-right: 60px; } .qmabout .rongy .ts dl:nth-child(3){ width: 34%;border-right: none; } .qmabout .rongy .ts dd{ font-size:16px ; line-height: 26px;margin-bottom: 18px; color: #666; } .qmabout .rongy .swip_pic{ margin-top: 80px;overflow: hidden; } .qmabout .rongy .swip_pic li{ border: 6px solid #2b77ff;height: 200px;position: relative;width: 300px; } .qmabout .rongy .swip_pic li img{ position: absolute; 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%); max-width: 90%;max-height: 90%;display: block;margin: 0 auto; } .qmabout .kehfw{ padding: 100px 0; } .qmabout .kehfw .lt{ float: left;width: 260px; } .qmabout .kehfw .rt{ float: right;width: calc(100% - 320px);background: #fff; } .qmabout .kehfw .lt li a{ font-size:22px ; line-height: 78px; color: #333;display: block;text-align: center;background: #fff; } .qmabout .kehfw .lt li.on a, .qmabout .kehfw .lt li a:hover{ background: #2b77ff;color: #fff; } .qmabout .kehfw .form{ padding: 100px 60px 70px; } .qmabout .kehfw .form dd{ float: left;width: calc((100% - 90px)/2); } .qmabout .kehfw .form dd:nth-child(2n){ float: right; } .qmabout .kehfw .form label{ float: left;font-size:22px ; line-height: 60px; color: #333;width: 64px; } .qmabout .kehfw .form .t{ float: right;width: calc(100% - 64px);height: 60px;border: 1px solid #979797;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding: 0 20px;font-size:22px ;color: #333; } .qmabout .kehfw .form .t1{ height: 400px;resize: none;line-height: 1.7;padding: 10px 20px; } .qmabout .kehfw .form li{ margin-bottom: 50px; } .qmabout .kehfw .form .btn{ width: 240px;line-height: 80px;background: #2b77ff;text-align: center;display: block;margin: 0 auto;border: none; font-size: 22px;color: #fff;cursor: pointer; } .qmabout .kehfw .contact .map{ height: 405px; } .qmabout .kehfw .contact .box{ margin: 0 100px;box-shadow: 0 5px 10px 4px rgba(80,80,80,0.2);background: #fff; } .qmabout .kehfw .contact .txt{ position: relative;top: -100px; } .anchorBL{ display: none !important; } .qmabout .kehfw .contact .dz{ float: right;width: 400px;background: #2b77ff;padding: 94px 0; } .qmabout .kehfw .contact .rx{ float: left;width: calc(100% - 400px);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding: 30px 0 30px 80px; } .qmabout .kehfw .contact .dz img{ display: block;margin: 0 auto; } .qmabout .kehfw .contact .dz p{ font-size:18px ; line-height: 1.7; color: #fff;text-align: center;margin-top: 36px; } .qmabout .kehfw .contact h3{ font-size:22px ; line-height: 1.7; color: #333;margin-bottom: 24px; } .qmabout .kehfw .contact .rx p{ font-size:20px ; line-height: 50px; color: #686868; } .qmjoin{ background: #f5f5f5; } .qmjoin .hd{ background: #fff;padding: 100px 0 60px; } .qmjoin .hd .uitsnav{ margin-top: 0; } .qmjoin .bds{ padding: 100px 0; } .qmjoin .bds .lis{ margin-bottom: 60px; } .qmjoin .bds .lis h3{ font-size:24px ; line-height: 1.7; color: #333;position: relative;padding-left: 26px; } .qmjoin .bds .lis h3::before{ content: "";position: absolute;left: 0 ;top: 50%;width: 5px;height: 28px;background: #2b77ff;margin-top: -14px; } .qmjoin .bds .lis ul{ margin-top: 40px; } .qmjoin .bds .lis li{ float: left;width: calc((100% - 60px)/2);margin-bottom: 60px;padding: 44px 40px 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: #fff;transition:all 0.3s; } .qmjoin .bds .lis li:hover{ box-shadow: 0 5px 10px 5px rgba(80,80,80,0.2); } .qmjoin .bds .lis li:nth-child(2n){ float: right; } .qmjoin .bds .lis li h4{ font-size:22px ; line-height: 1.7; color: #333;margin-bottom: 30px; } .qmjoin .bds .lis li p{ font-size:16px ; line-height: 1.7; color: #a1a1a1; } .qmjoin .crumbs{ padding-top: 35px; } .qmjoin .joindel{ margin-top: 50px;padding-bottom: 80px; } .qmjoin .joindel .wap{ background: #fff;padding: 60px 150px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmjoin .joindel h2{ font-size:24px ; line-height: 1.8; color: #333;text-align: center; } .qmjoin .joindel .del{ margin-top: 40px;font-size:18px ; line-height: 1.7; color: #333; } .qmjoin .yamjs{ padding: 100px 0; } .qmjoin .yamjs .lt{ float: left;width: 260px; } .qmjoin .yamjs .rt{ float: right;width: calc(100% - 320px);background: #fff; } .qmjoin .yamjs .lt li a{ font-size:22px ; line-height: 78px; color: #333;display: block;text-align: center;background: #fff; } .qmjoin .yamjs .lt li.on a, .qmjoin .yamjs .lt li a:hover{ background: #2b77ff;color: #fff; } .qmjoin .yamjs .text{ padding: 50px 100px;font-size:18px ; line-height: 1.7; color: #666666; } .qmjoin .yamjs .text span{ color: #3b3b3b; } .qmabout .kehfw .form .t:focus{ border-color: #2b77ff; } .qmabout .kehfw .form .btn:hover{ background: #0147c6; } .header.on{ background: #012f82;position: static;margin: 0;padding: 24px 80px 0; } .qnsous{ background: #f5f5f5;padding: 105px 0; } .qnsous .form{ border-bottom: 2px solid #2b77ff; } .qnsous .form .t1{ border: none;background: none;font-size:22px ; height: 74px; color: #000;float: left;width: calc(100% - 80px); } .qnsous .form .btn{ background: url(../images/y1.png) no-repeat center;width: 80px;height: 74px;border: none;cursor: pointer; float: right; } .qnsous .bds{ margin-top: 20px; } .qnsous .bds h6{ font-size:22px ; line-height: 1.6; color: #333; } .qnsous .bds h6 span{ color: #2b77ff; } .qnsous .bds .t{ margin-top: 34px; } .qnsous .bds .t ul{ font-size: 0; } .qnsous .bds .t li{ display: inline-block; } .qnsous .bds .t li a, .qnsous .bds .t li span{ display: block;font-size:26px ; line-height: 1.7; color: #333; } .qnsous .bds .t li span{ color: #d8d8d8;margin: 0 30px; } .qnsous .bds .t li.on a, .qnsous .bds .t li a:hover{ color: #2b77ff; } .qnsous .bds .list{ margin-top: 90px; } .qnsous .bds .list li{ margin-bottom: 62px; } .qnsous .bds .list li h3{ font-size:26px ; line-height: 1.7; color: #333;margin-bottom: 15px; } .qnsous .bds .list li p{ font-size:20px ; line-height: 30px; color: #666666;height: 60px;overflow: hidden; } .sjhbanner, .sjlogo{ display: none; } .newdel .bds .del img{ width: 800px !important;height: auto !important; } .footer .sjflt, .sjdxhg1{ display: none; } .hpage3 .uitda{ bottom: -33px; }