.qmwarp{ width: 1600px;margin: 0 auto; } .qmjyxc{ padding: 80px 0 170px; } .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;} .qmjyxc .hds h1{ float: left;font-size:42px ; line-height: 1.6; color: #000000;font-weight: bold;letter-spacing: 2px; } .qmjyxc .hds .sj{ float: right;display: block;font-size:16px ; line-height: 1.7; color: #005ac7;margin-top: 26px; } .qmjyxc .hds{ margin-bottom: 50px; } .qmtzfw{ padding: 70px 0 150px;position: relative;background: linear-gradient(to bottom,#f0f1f0,#fff); } .qmtzfw .qmwarp{ position: relative;z-index: 2; } .qmtzfw::before{ content: "";position: absolute;top: 50px;right: 0;background: url(../images/qmbg1.png) no-repeat center; z-index: 1;height: 626px;width: 1021px; } .qmtzfw h1{ font-size:42px ; line-height: 1.6; color: #333232;font-weight: bold;margin-bottom: 75px; } .qmtzfw .hds .ul{ margin-top: 70px; } .qmtzfw .hds li{ float: left;width: calc((100% - 74px)/3);margin-right: 36px;background: #fff; box-shadow: 0 0px 15px rgb(0 0 0 / 10%); padding: 50px 36px 60px 56px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmtzfw .hds li:nth-child(3n){ margin-right: 0; } .qmtzfw .hds li h4{ font-size:32px ; line-height: 1.6; color: #a3a3a3;font-weight: bold;margin-bottom: 36px;letter-spacing: 2px; } .qmtzfw .hds li dd{ margin-bottom: 35px; } .qmtzfw .hds li dd a{ display: block; } .qmtzfw .hds li dd h5{ font-size:23px ; line-height: 1.6; color: #000000;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 24px;background: url(../images/qm2.png) no-repeat left center;margin-bottom: 3px; } .qmtzfw .hds li dd:hover h5{ color: #1362ad; } .qmtzfw .hds li dd p{ font-size:16px ; line-height: 1.6; color: #a3a3a3;padding-left: 24px; } .qmtzfw .hds li .more{ margin-top: 70px;display: block;text-align: center; } .qmtzfw .hds li .more span{ font-size:20px ; line-height: 1.7;font-weight: bold;letter-spacing: 2px; color: #336acb;background: url(../images/qm3.png) no-repeat right center;padding-right: 30px;display: inline-block; } .qmtzfw .hds{ padding-bottom: 86px;border-bottom: 1px solid #d1d1d1; } .qmtzfw .bds{ margin-top: 50px; } .qmtzfw .bds li{ float: left;width: 48%;padding-left: 88px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmtzfw .bds li h6{ font-size:18px ; line-height: 1.6; color: #bbbbbb; } .qmtzfw .bds li h3{ font-size:26px ; line-height: 1.4; color: #000;font-weight: bold; } .qmfzgk{ padding: 140px 0 176px; } .qmfzgk .del{ font-size:24px ; line-height: 36px; color: #212121;font-weight: bold;text-align: center; } .qmfzgk .hds{ margin-top: 130px; } .qmfzgk .hds li{ float: left;margin-right: 50px;width: calc((100% - 102px)/3);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;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; } .qmfzgk .hds li:nth-child(3n){ margin-right: 0; } .qmfzgk .hds li a{ display: block; } .qmfzgk .hds li .t{ border: 1px solid #e8e8e8;border-radius: 6px;background: #fff;padding: 0 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;height: 148px; } .qmfzgk .hds li .t h3{ font-size:32px ; line-height: 146px; color: #202020;font-weight: bold;background: url(../images/qm9.png) no-repeat right center; } .qmfzgk .hds li .b{ border-radius: 6px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: linear-gradient(to right,#494949,#6a6a6a);height: 148px;padding: 36px 40px 0;display: none; } .qmfzgk .hds li .b h4{ font-size:46px ; line-height: 1; background-image: -webkit-linear-gradient(top,#f39a03,rgba(241,153,5,0.2));-webkit-text-fill-color: transparent ;-webkit-background-clip: text; font-style: italic;position: relative; } .qmfzgk .hds li .b h4::before{ content: "";position: absolute;width: 142px;height: 7px;background: #f19905 ;right: -60px;top: 0;z-index: 1; } .qmfzgk .hds li .b h5{ font-size:34px ; line-height: 1.2; color: #fff;font-weight: bold;margin-top: -14px; } .qmfzgk .hds li.on .t, .qmfzgk .hds li:hover .t{ display: none; } .qmfzgk .hds li.on .b, .qmfzgk .hds li:hover .b{ display: block; } .qmfzgk .box{ margin-top: 80px; } .qmfzgk .box .h{ margin-bottom: 50px; } .qmfzgk .box .h .lt{ float: left;width: 880px;height: 450px; } .qmfzgk .box .h .lt h4{ width: 190px;border: 1px dashed #040001;background: #1861b8;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;position: relative;height: 100%;float: left; } .qmfzgk .box .h .lt h4 span{ 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%); font-size:32px ;line-height: 40px;padding-left: 60px; color: #fff;font-weight: bold; } .qmfzgk .box .h .lt h4 i{ display: block;text-align: left; } .qmfzgk .box .h .lt .img{ width: calc(100% - 190px);height: 100%;float: right; } .qmfzgk .box .h .rt{ float: right;width: calc(100% - 935px);margin-top: 16px; } .qmfzgk .box .h .rt h5{ font-size:42px ; line-height: 1; background-image: -webkit-linear-gradient(top,#000,rgba(0,0,0,0.2));-webkit-text-fill-color: transparent ;-webkit-background-clip: text;position: relative; } .qmfzgk .box .h .rt h5::before{ content: "";position: absolute;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,0.9);width: 100%;height: 8px;box-shadow: 0 -10px 10px 0 rgba(255,255,255,0.6); } .qmfzgk .box .h .rt h3{ font-size:42px ; line-height: 1.4; color: #005ac7;font-weight: bold; } .qmfzgk .box .h .rt span{ width: 85px;height: 2px;background: #e9e9e9;display: block;margin: 60px 0; } .qmfzgk .box .h .rt p{ font-size:16px ; line-height: 24px; color: #000000; } .qmfzgk .box .bs{ padding-left: 185px; height: 500px;position: relative; } .qmfzgk .box .bs .mCSB_scrollTools{ right: auto;left: 30px; } .qmfzgk .box .bs dd{ padding: 42px 0 55px;border-bottom: 1px solid #dfdfdf; } .qmfzgk .box .bs dd:last-child{ border-bottom: none; } .qmfzgk .box .bs dd h6{ font-size:24px ; line-height: 1.6; color: #1861b8;font-weight: bold;margin-bottom: 3px; } .qmfzgk .box .bs dd p{ font-size:16px ; line-height: 1.7; color: #000000; } .qmcontact{ position: relative;padding: 220px 0 290px; } .qmcontact::before{ content: "";position: absolute;bottom: 0;left: 0;right: 0;background: url(../images/qmbg3.jpg) no-repeat center/cover;height: 290px;z-index: 1; } .qmcontact h1{ font-size:42px ; line-height: 1.6; color: #000;font-weight: bold; } .qmcontact .hd{ margin-top: 110px; } .qmcontact .hd h2{ width: 618px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: #fff; box-shadow: 0 0px 15px rgb(0 0 0 / 10%); } .qmcontact .hd h2 span{ font-size:30px ; line-height: 80px; color: #1d1d1d;display: inline-block;padding-left: 32px;font-weight: bold; } .qmcontact .hd h2.on{ background: #005ac7;color: #fff; } .qmcontact .hd h2.on span{ color: #fff; } .qmcontact .bd{ margin-top: 20px; } .qmcontact .bd .lt{ float: left;width: calc(100% - 840px); } .qmcontact .bd .rt{ float: right;width:800px; } .qmcontact .bd .lt li{ border-bottom: 1px solid #eaeaea;padding: 48px 0 48px 125px; } .qmcontact .bd .lt li:nth-child(1){ background: url(../images/qm4.png) no-repeat left 35px center; } .qmcontact .bd .lt li:nth-child(2){ background: url(../images/qm10.png) no-repeat left 35px center; } .qmcontact .bd .lt li:nth-child(3){ background: url(../images/qm11.png) no-repeat left 35px center; } .qmcontact .bd .lt li:nth-child(4){ background: url(../images/qm5.png) no-repeat left 35px center; } .qmcontact .bd .lt li:nth-child(5){ background: url(../images/qm12.png) no-repeat left 35px center; } .qmcontact .bd .lt li h6{ font-size: 18px; line-height: 1.6; color: #bbbbbb;margin-bottom: 3px; } .qmcontact .bd .lt li h3{ font-size: 26px; line-height: 1.4; color: #000; font-weight: bold; } .qmcontact .bd .lt li:last-child{ border-bottom: none; } .qmcontact .bd .rt dl{ max-height: 100vh; /* overflow-y: scroll; */ padding-bottom: 50px; padding-right: 30px; } .qmcontact .bd .rt::after{ content: ""; position: absolute; left: 0;right: 0; bottom: 0;z-index: 11; height: 0; box-shadow: 0 0 100px 100px rgba(255,255,255,1); } .qmcontact .bd .rt{ position: relative; overflow: hidden; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: red; } ::-webkit-scrollbar-thumb{ content: "";position: absolute; left: 0;right: 0; background: #000; top: 50%;height: 50px; margin-top: -25px;z-index: 11; } .qmcontact .bd .rt dd{ margin-bottom: 14px;background: #f1f5f9;padding: 36px 0 30px 45px; } .qmcontact .bd .rt dd h4{ font-size:24px ; line-height: 1.6; color: #1d1d1d;font-weight: bold;margin-bottom: 10px; } .qmcontact .bd .rt dd h6{ font-size:22px ; line-height: 1.6; color: #1d1d1d;display: inline-block;width: 48%; } .qmcontact .bd .rt dd h6 span{ color: #005ac7; } .qmhonr .hd{ box-shadow: 0 0px 15px rgb(0 0 0 / 10%); } .qmhonr .hd li{ float: left;width: 50%;background: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;height: 160px;overflow: hidden;transition:all 0.4s;cursor: pointer; } .qmhonr .hd li:nth-child(1) .txt{ margin: 0 auto; } .qmhonr .hd li .txt h3{ font-size:24px ; line-height: 1.6; color: #000000;font-weight: bold; } .qmhonr .hd li .txt p{ font-size:18px ; line-height: 1.6; color: #000000;font-weight: bold;text-transform: uppercase; } .qmhonr .hd li .txt .t{ padding: 50px 0 50px 100px;height: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmhonr .hd li:hover, .qmhonr .hd li.on{ background: #005ac7; } .qmhonr .hd li .txt .t:nth-child(1){ background: url(../images/qm7-1.png) no-repeat left center; } .qmhonr .hd li .txt .t:nth-child(2){ background: url(../images/qm18.png) no-repeat left center; } .qmhonr .hd li .txt{ width: 600px;background: url(../images/qm9.png) no-repeat right center;position: relative;padding-left: 82px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;height: 100%; } .qmhonr .hd li:hover:nth-child(1) .txt::before, .qmhonr .hd li.on:nth-child(1) .txt::before{ position: absolute;content: "";background: url(../images/qm16.png) no-repeat center/cover;width: 148px;height: 164px;z-index: 1;right: 0;top: 32px; } .qmhonr .hd li:hover:nth-child(2) .txt::before, .qmhonr .hd li.on:nth-child(2) .txt::before{ position: absolute;content: "";background: url(../images/qm17.png) no-repeat center/cover;width: 152px;height: 143px;z-index: 1;right: 0;top: 32px; } .qmhonr .hd li:hover .txt, .qmhonr .hd li.on .txt{ background: none; } .qmhonr .hd li.on .txt .t:nth-child(1), .qmhonr .hd li:hover .txt .t:nth-child(1){ background: url(../images/qm7.png) no-repeat left center; } .qmhonr .hd li.on .txt .t:nth-child(2), .qmhonr .hd li:hover .txt .t:nth-child(2){ background: url(../images/qm18-1.png) no-repeat left center; } .qmhonr .hd li.on .txt h3, .qmhonr .hd li:hover .txt h3, .qmhonr .hd li.on .txt p, .qmhonr .hd li:hover .txt p{ color: #fff; } .qmhonr .box{ padding: 100px 0; } .qmhonr .ryl .txt{ float: left;width: 800px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; } .qmhonr .zzr .txt::after{ content: ""; position: absolute; left: 0;right: 0; bottom: 0;z-index: 11; height: 0; box-shadow: 0 0 100px 100px rgba(255,255,255,1); display: none; } .qmhonr .zzr .txt .porsa{ height: 480px;padding-right: 80px; /* overflow-y: scroll; */ padding-bottom: 60px; position: relative; } .qmhonr .ryl .txt .porsa::before{ content: '...';font-size: 24px; line-height: 30px; color: #151515; padding-left: 45px; font-weight: bold; position: absolute; left: 80px; bottom: 0; } .qmhonr .zzr .txt .porsa::before{ content: '...';font-size: 24px; line-height: 30px; color: #151515; padding-left: 45px; font-weight: bold; position: absolute; left: 0; bottom: 0; } .qmhonr .ryl .txt .porsa{ height: 480px;padding-left: 80px; padding-bottom: 60px; position: relative; /* overflow-y: scroll; direction: rtl; */ } .qmhonr .ryl .pic{ float: right;width: calc(100% - 820px);text-align: right; } .qmhonr .ryl .txt dd a{ font-size:22px ; line-height: 60px; color: #151515;display: block;background: url(../images/qm15.png) no-repeat left center;padding-left: 45px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .qmhonr .ryl .txt dd span{ color: #005ac7;font-weight: bold;margin-left: 10px; } .qmhonr .ryl .txt .dd{ font-size:24px ; line-height: 30px; color: #151515;padding-left: 45px;font-weight: bold; } .qmhonr .bd h1{ font-size:58px ; line-height: 1.6; color: #000000;font-weight: bold;text-transform: uppercase; } .qmhonr .ryl h1{ text-align: right; } .qmhonr .bd .rys{ display: block;margin: 30px 0 60px;text-align: right; } .qmhonr .bd .rys i{ width: 75px;height: 6px;background: #d8d8d8;display: inline-block; } .qmhonr .qmwarp{ position: relative; } .qmhonr .ryl .pic{ font-size: 0;position: relative; } .qmhonr .ryl .pic::before{ position: absolute;content: "";background: url(../images/qm14.png) no-repeat center/cover;width: 960px;right: -160px;bottom: -84px;z-index: 1;height: 82px; } .qmhonr .ryl .pic li{ display: inline-block;vertical-align: bottom;position: relative; } .qmhonr .ryl .f{ position: relative;top: 20px; } .qmhonr .ryl .f::before{ content: "";position: absolute;bottom: -82px;left: -180px;background: url(../images/qm13.png) no-repeat center/cover;width: 1760px;height: 82px;z-index: 1; } .qmhonr .ryl .f ul{ font-size: 0;text-align: right;padding-right: 50px; } .qmhonr .ryl .f li{ display: inline-block;vertical-align: bottom;position: relative; } .qmhonr .zzr .rys{ text-align: left; } .qmhonr .zzr .txt{ float: right;width: 830px;padding-left: 80px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmhonr .zzr .pic{ float: left;width: calc(100% - 830px); } .qmhonr .zzr .txt dd a{ font-size:22px ; line-height: 60px; color: #151515;display: block;background: url(../images/qm15.png) no-repeat left center;padding-left: 45px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .qmhonr .zzr .txt dd span{ color: #005ac7;font-weight: bold;margin-left: 10px; } .qmhonr .zzr .txt .dd{ font-size:24px ; line-height: 30px; color: #151515;padding-left: 45px;font-weight: bold; } .qmhonr .zzr .pic{ position: relative;font-size: 0;margin-bottom: 80px; } .qmhonr .zzr .pic .u2, .qmhonr .zzr .pic .u1{ position: relative;padding-bottom: 80px; } .qmhonr .zzr .pic .u1::before{ content: "";position: absolute;bottom: -6px;left: -162px;background: url(../images/qm19.png) no-repeat center/cover;width: 896px;height: 82px;z-index: 1; } .qmhonr .zzr .pic .u2::before{ content: "";position: absolute;bottom: -6px;left: 0;background: url(../images/qm20.png) no-repeat center/cover;width: 856px;height: 82px;z-index: 1; } .qmhonr .zzr .pic li{ display: inline-block;vertical-align: bottom;position: relative; } .qmhonr .box .bd:nth-child(1){ display: block; } .qmhonr .box .bd{ display: none; } .qmkycg .cg1{ padding-top: 104px; } .qmkycg .cg1 h1{ font-size:42px ; line-height: 1.6; color: #232323;font-weight: bold; } .qmkycg .cg1 p{ margin-top: 64px;font-size:16px ; line-height: 1.8; color: #000000; } .qmkycg .cg1 .bd{ margin-top: 65px; } .qmkycg .cg1 .bd dl{ float: left;width: 50%;margin-bottom: 30px; } .qmkycg .cg1 .bd dt{ font-size:34px ; line-height: 82px; color: #005ac7;background: url(../images/qmk14.png) no-repeat left center;padding-left: 112px; margin-bottom: 18px; } .qmkycg .cg1 .bd dd{ font-size:20px ; line-height: 1.6; color: #232323;margin-bottom: 20px; padding-left: 145px;position: relative; } .qmkycg .cg1 .bd dd::before{ position: absolute;width: 12px;height: 12px;background: #005ac7;border-radius: 50%;left: 110px;top: 50%;z-index: 1;content: "";margin-top: -6px; } .qmkycg .cg1 .bd .ds::before{ content: "";margin-top: -22px; } .qmkycg .cg1 .bd dl:nth-child(3){ width: auto;font-size: 0; } .qmkycg .cg1 .bd dl:nth-child(3) dt{ color: #f39a03; } .qmkycg .cg1 .bd dl:nth-child(3) dd{ display: inline-block;width: 50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmkycg .cg1 .bd dl:nth-child(3) dd::before{ content: "";background: #f39a03; } .qmkycg .cg2{ background: linear-gradient(to right,#fff,#f4f4f4);padding-left: 160px;padding-top: 135px; } .qmkycg .cg2 .pic{ float: left;width: 485px;height: 820px; } .qmkycg .cg2 .txt{ float: right;width: calc(100% - 485px);background: #fff;padding-top: 90px;height: 820px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmkycg .cg2 .txt .lt{ float: left;width: 760px;padding-left: 50px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmkycg .cg2 .txt .rt{ float: right;width: calc(100% - 760px); } .qmkycg .cg2 .txt .lt h3{ font-size:42px ; line-height: 1.6; color: #232323;font-weight: bold; } .qmkycg .cg2 .txt .lt p{ margin: 40px 0 120px;font-size:16px ; line-height: 34px; color: #000000; } .qmkycg .cg2 .txt .rt dd{ margin-bottom: 100px; } .qmkycg .cg2 .txt .rt dd h4{ font-size:24px ; line-height: 1.6; color: #005ac7;font-weight: bold; } .qmkycg .cg2 .txt .rt dd h4 span{ font-size: 58px;margin-right: 4px; } .qmkycg .cg2 .txt .rt dd p{ font-size:24px ; line-height: 1.6; color: #212121; } .qmkycg .cg3{ padding-top: 120px; } .qmkycg .cg3 .lt{ float: left;width: 390px; } .qmkycg .cg3 .rt{ float: right;width: calc(100% - 400px);margin-top: 30px;text-align: right; } .qmkycg .cg3 .lt h1{ font-size:42px ; line-height: 1.6; color: #232323;font-weight: bold; } .qmkycg .cg3 .lt p{ font-size:20px ; line-height: 1.4; color: #000000;font-weight: bold;margin: 60px 0; } .qmkycg .cg3 .lt dd{ border-bottom: 1px solid #cbcbcb;overflow: hidden; padding: 26px 0; } .qmkycg .cg3 .lt dd:last-child{ border-bottom: none; } .qmkycg .cg3 .lt dd h4{ float: left;font-size:56px ; line-height: 1.4; color: #005ac7;font-weight: bold; } .qmkycg .cg3 .lt dd:nth-child(1) h4{ padding-left: 34px; } .qmkycg .cg3 .lt dd .r{ float: left;margin-left: 16px;margin-top: 10px; } .qmkycg .cg3 .lt dd h6{ font-size:22px ; line-height: 1.4; color: #000; } .qmkycg .cg3 .lt dd h6 span{ color: #005ac7;display: block; } .qmkycg .cg3 .rt h5{ font-size:26px ; line-height: 1.5; color: #0a5fc8; } .qmkycg .cg3 .rt span{ margin: 50px 0 80px;display: block;width: 150px;height: 8px;background: #fff;display: inline-block; } .qmkycg .cg3 .rt ul{ font-size: 0; } .qmkycg .cg3 .rt li{ display: inline-block;width: 25%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmkycg .cg4{ background: #f3f3f3;padding: 80px 0 110px; } .qmkycg .cg4 h3{ font-size:32px ; line-height: 82px; color: #005ac7;background: url(../images/qmk14.png) no-repeat left center;padding-left: 110px; } .qmkycg .cg4 dl{ margin-top: 20px; } .qmkycg .cg4 dd{ width: 50%;padding-left: 140px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;float: left;margin-bottom: 38px; } .qmkycg .cg4 dd.ds{ width: auto; } .qmkycg .cg4 dd h4{ font-size:22px ; line-height: 1.7; color: #000000;position: relative; } .qmkycg .cg4 dd h4::before{ position: absolute;width: 12px;height: 12px;background: #005ac7;border-radius: 50%;left: -34px;top: 50%;z-index: 1;content: "";margin-top: -6px; } .qmkycg .cg4 dd span{ color: #005ac7;display: block;font-size:22px ; line-height: 1.7;font-weight: bold; } .qmkycg .cg5 .pic{ float: left;width: 960px;height: 700px; } .qmkycg .cg5 .txt{ float: right;width: calc(100% - 960px);padding-top: 40px;padding-left: 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmkycg .cg5 .txt h2{ font-size:42px ; line-height: 1.6; color: #232323;font-weight: bold;padding-left: 30px; } .qmkycg .cg5 .txt p{ font-size:16px ; line-height: 1.8; color: #000000;margin: 40px 0;padding-left: 30px; } .qmkycg .cg5{ position: relative;padding-bottom: 85px; } .qmkycg .cg6{ background: #fff;position: absolute;bottom: 0;left: 0;right: 0;z-index: 1; } .qmkycg .cg6 ul{ font-size: 0;padding: 0 40px; } .qmkycg .cg6 li{ width: 420px;display: inline-block;padding: 40px 0; } .qmkycg .cg6 li:nth-child(2){ background: url(../images/qmk20.png) no-repeat right center;margin: 0 125px; } .qmkycg .cg6 li h4{ font-size:24px ; line-height: 1.4; color: #005ac7; } .qmkycg .cg6 li h4 span{ font-size: 48px;font-weight: bold;margin-right: 14px; } .qmkycg .cg6 li p{ font-size:24px ; line-height: 1.4; color: #212121; } .qmkycg .cg6 li:nth-child(1){ background: url(../images/qmk19.png) no-repeat right center; } .qmkycg .cg6 li:nth-child(3){ background: url(../images/qmk21.png) no-repeat right center; } .fprodserie { padding: 120px 0;margin-bottom: 30px; } .fprodserie .prod { padding: 110px 60px 65px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-size: 80% auto !important; } .fprodserie .prod .fcen .flog { float: left;width: 625px;padding: 15px 0; border-right: 1px solid #eeeeee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fprodserie .prod .fcen .flog .ico { width: auto;margin: 0 auto; } .fprodserie .prod .fcen .flog img { display: block;margin: 0 auto; } .fprodserie .prod .fcen .flog h2 { margin-top: 14px;text-align: center; font-size: 44px;line-height: 74px;color: #000000; font-weight: bold; } .fprodserie .prod .fcen .rt { float: right;width: calc(100% - 730px); margin-top: 32px;font-size: 22px;line-height: 1.6; } .fprodserie .prod dl { margin-top: 70px; } .fprodserie .prod dd { margin-bottom: 30px;padding: 0 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fprodserie .prod dd:last-child { margin-bottom: 0; } .fprodserie .prod dd h4 { padding-left: 34px;font-size: 22px;line-height: 50px;color: #000000; background: url(../images/qmd2.png) no-repeat left center; } .fprodserie .prod dd h4 i { display: inline-block;font-size: 36px; font-weight: bold;font-style:normal; font-style: initial !important; } .fprodserie .prod dd h4 em{ font-style: initial !important; } .ab_nr3 p img { transform: scale(0.8); } .fhexinjs { padding: 100px 0 80px; } .fhexinjs .ftlcore{ overflow-x: scroll;white-space: nowrap;overflow-y: hidden; } .fhexinjs .ftlcore::-webkit-scrollbar-thumb{ background-color: #2f79d1; } .fhexinjs .ftlcore { text-align: center;font-size: 0;border-bottom: 1px solid #b9b9b9; } .fhexinjs .ftlcore .ls { display: inline-block;margin: 0 14px;cursor: pointer;position: relative; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; } .fhexinjs .ftlcore .ls.on, .fhexinjs .ftlcore .ls:hover { background: url(../images/fn1.png) no-repeat center/100% 100%; } .fhexinjs .ftlcore .ls h3 { font-size: 30px;line-height: 120px;color: #6e6e6e; text-align: center;padding: 0 32px;position: relative;z-index: 66; -webkit-box-sizing: border-box;transition: all 0.3s;border-top-right-radius: 8px; -moz-box-sizing: border-box;border-top-left-radius: 8px; -o-box-sizing: border-box; box-sizing: border-box; } .fhexinjs .ftlcore .ls.on h3, .fhexinjs .ftlcore .ls:hover h3{ color: #fff; } .fhexinjs .ftlcore .ls.on i, .fhexinjs .ftlcore .ls:hover i { opacity: 1; } .ftlt h2 { font-size: 44px;color: #151515;line-height: 1.8; } .fhexinjs .fcorejs { margin-top: 30px; } .fhexinjs .fcorelist { margin-top: 30px; } .fhexinjs .fcorelist .fcoresw { overflow: hidden; } .fhexinjs .fcorelist .fcorels { display: none;position: relative; } .fhexinjs .fcorelist .fcorels:first-child { display: block; } .fhexinjs .fcorelist .fcorels li { border: 2px solid #2f79d1;border-radius: 4px;overflow: hidden; height: 152px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;position: relative; -o-box-sizing: border-box; box-sizing: border-box; position: relative; } .fhexinjs .fcorelist .fcorels li h5 { position: absolute;z-index: 33;top: 50%;transform: translateY(-50%); left: 80px;right: 80px;margin: 0 auto;text-align: center; font-size: 22px;line-height: 1.8;color: #242424; } .fhexinjs .fcorelist .fcorels .next, .fhexinjs .fcorelist .fcorels .prev { position: absolute;z-index: 44;top: 50%;transform: translateY(-50%); left: -82px;border: 1px solid #d6d6d6;height: 40px;width: 40px; border-radius: 50%;overflow: hidden;cursor: pointer;transition: all 0.3s; background: url(../images/qmd4.png) no-repeat center #fff;font-size: 20px; } .fhexinjs .fcorelist .fcorels .next:hover, .fhexinjs .fcorelist .fcorels .prev:hover { border-color: #2f79d1; } .fhexinjs .fcorelist .fcorels .next { left: auto;right: -82px;transform: translateY(-50%) rotate(180deg); } .fcase { margin-top: 120px; } .fcase .tlt h2 { width: 450px;float: left; font-size: 44px;line-height: 70px;color: #151515; font-weight: bold; } .fcase .tlt .tl { float: right;width: calc(100% - 495px);margin-top: 60px;text-align: left; } .fcase .tlt .tl h3 { font-size: 34px;line-height: 1.6;color: #050505;font-weight: bold; } .fcase .tlt .tl h6 { font-size: 22px;line-height: 1.4;color: #050505; } .fcasesw { position: relative;margin-top: 55px; } .fcasesw .fcasw { overflow: hidden;padding-bottom: 22px; } .fcasesw .fcasw li .fcaselt { float: left;width: 450px; } .fcasesw .fcasw li .fcasert { float: right;width: calc(100% - 495px); } .fcasesw .fcasw li .fcasert .imgs { height: 620px;width: 100%;overflow: hidden;display: none; } .fcasesw .fcasw li .fcasert .imgs:first-child { display: block; } .fcasesw .fcasw li .fcaselt .ls h4 { border-bottom: 1px solid #e3e3e3;padding: 30px 0; font-size: 24px;line-height:1.7;color: #050505;transition: all 0.3s; background: url(../images/qmd6.png) no-repeat right center;cursor: pointer; word-break:keep-all;padding-right: 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; 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; } .fcasesw .fcasw li .fcaselt .ls.on h4, .fcasesw .fcasw li .fcaselt .ls:hover h4 { color: #005ac7;font-weight: bold; } .fcasesw .fcasw li .fcaselt .ls:first-child h4 { border-top: 1px solid #e3e3e3; } .fcasesw .pr_next { bottom: 0;left: 0;position: absolute;z-index: 66; width: 90px;overflow: hidden; } .fcasesw .pr_next .next, .fcasesw .pr_next .prev { float: left;width: 40px;border: 1px solid #d2d2d2; border-radius: 50%;overflow: hidden;height: 40px; background: url(../images/qmd4.png) no-repeat center #fff; font-size: 22px;cursor: pointer;transition: all 0.3s; } .fcasesw .pr_next .next:hover, .fcasesw .pr_next .prev:hover { border-color: #005ac7; } .fcasesw .pr_next .next { float: right;transform: rotate(180deg); } .fkeyan { padding: 105px 0 15px; } .ftle h2 { font-size: 44px;line-height: 78px;color: #232323;font-weight: bold; } .ftle i { margin-top: 72px;height: 14px;width: 77px;background: #005ac7; display: block; } .fkeyan .fen { margin-top: 46px; } .fkeyan .fen .lt { float: left;width: 49%;margin-top: 56px; font-size: 18px;line-height: 2.2;color: #000; } .fkeyan .fen .rt { float: right;width: 486px;position: relative;padding-bottom: 16px; } .fkeyan .fen .rt::before { position: absolute;z-index: 33;content: ""; bottom: -78px;left: -92px;background: url(../images/fb2.png) no-repeat center/cover; width: 840px;height: 78px; } .fkeyan .fen .rt .img { float: left;width: calc((100% - 72px)/2); height: 152px; } .fkeyan .fen .rt .img:nth-child(2n) { float: right; } .fkeyan .fen .rt .img img { display: block;width: 100%;height: 100%; } .fkeyan .list { margin: 114px auto 0; } .fkeyan .list li { float: left;width: calc((100% - 352px)/6);margin-right: 70px; height: 152px; } .fkeyan .list li:nth-child(6n) { margin-right: 0; } .fkeyan .list li img { display: block;width: 100%;height: 100%; } .fkeyancx .fchuanx { padding: 200px 0 180px; } .fkeyancx .fchuanx .list .ls { float: left;width: calc((100% - 220px)/6);height: 495px; text-align: center;box-shadow: 0 0 30px 5px rgba(80,80,80,0.5); margin:0 -10px ;position: relative; padding: 132px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fkeyancx .fchuanx .list .ls.on{ width: 360px; } .fkeyancx .fchuanx .list .ls:nth-child(4){ z-index: 9; } .fkeyancx .fchuanx .list .ls:nth-child(5){ z-index: 6; } .fkeyancx .fchuanx .list .ls:nth-child(6){ z-index: 5; } .fkeyancx .fchuanx .list .ls:nth-child(-n+3){ transform:perspective(400px) rotateY(10deg); } .fkeyancx .fchuanx .list .ls:nth-child(n+5){ transform:perspective(400px) rotateY(-10deg); } .fkeyancx .fchuanx .list .ls:nth-child(-n+3) .tet{ transform:perspective(400px) rotateY(-10deg); } .fkeyancx .fchuanx .list .ls:nth-child(n+5) .tet{ transform:perspective(400px) rotateY(10deg); } .fkeyancx .fchuanx .list .ls:nth-child(1){ background: #0059cf; } .fkeyancx .fchuanx .list .ls:nth-child(2){ background: #0075df; } .fkeyancx .fchuanx .list .ls:nth-child(3){ background: #5aa7f7; } .fkeyancx .fchuanx .list .ls:nth-child(4){ background: #fff; } .fkeyancx .fchuanx .list .ls:nth-child(5){ background: #5aa7f7; } .fkeyancx .fchuanx .list .ls:nth-child(6){ background: #0075df; } .fkeyancx .fchuanx .list .ls:nth-child(7){ background: #0059cf; } .fkeyancx .fchuanx .list .ls.on .tet { display: none; } .fkeyancx .fchuanx .list .ls.on .txt { display: block;background: #ffffff; } .fkeyancx .fchuanx .list .ls .tet .tl { text-align: center; } .fkeyancx .fchuanx .list .ls .tet .tl h3 { font-size: 44px;line-height: 54px;color: #fff; font-weight: bold; } .fkeyancx .fchuanx .list .ls .tet .tl h6 { font-size: 22px;line-height: 32px;color: #fff; margin-top: 6px; } .fkeyancx .fchuanx .list .ls .tet p { margin-top: 72px;font-size: 14px;line-height: 2;color: #fff; } .fkeyancx .fchuanx .list .ls .txt .ico { height: 84px;position: relative; } .fkeyancx .fchuanx .list .ls .txt .ico img { display: block;position: absolute;z-index: 11; top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto; max-width: 80%;max-height: 80%; } .fkeyancx .fchuanx .list .ls .txt h2 { margin-top: 72px;text-align: center; padding-top: 55px;font-size: 46px;line-height: 72px;color: #232323; font-weight: bold;position: relative; } .fkeyancx .fchuanx .list .ls .txt h2::before { position: absolute;z-index: 33;content: ""; top: 0;left: 0;right: 0;margin: 0 auto; width: 77px;height: 14px;background: #0059cf; } .ftlte { text-align: center; } .ftlte h2 { font-size: 44px;line-height: 1.8;color: #232323;font-weight: bold;position: relative; } .ftlte h3 { margin-top: 10px;text-align: center;font-size: 0; } .ftlte h3 i { font-size: 60px; line-height: 1;color: #f0f5f9;padding: 0 100px; font-weight: bold;text-transform: uppercase; } .ftlte h2::before { bottom: -47px;position: absolute;z-index: 33;content: ""; left: 0;right: 0;margin: 0 auto;height: 14px;width: 77px; background: #005ac7; } .ftlte p { margin-top: 24px;font-size: 18px; line-height: 2.2;color: #232323; } .ftuandui .list { margin-top: 90px;text-align: center;overflow: hidden; } .ftuandui .list .ls { display: inline-block;margin: 0 40px;position: relative; background: url(../images/qmk6.png) no-repeat center/cover; width: 190px;height: 190px;border-radius: 50%;overflow: hidden; } .ftuandui .list .ls .tet { position: absolute;z-index: 44; top: 50%;transform: translateY(-50%); left: 0;right: 0;margin: 0 auto;text-align: center; } .ftuandui .list .ls .tet h3 { font-size: 22px;line-height: 48px;color: #005ac7; } .ftuandui .list .ls .tet h3 i { font-size: 48px;font-weight: bold;padding-right: 8px; } .ftuandui .list .ls .tet h6 { font-size: 22px;line-height: 1.2;color: #555555; } .fyanfa { margin-top: 175px; } .fyanfa li .yanfa .fyanfsw { float: left;position: relative;margin-left: -160px; } .fyanfa li:nth-child(2n) .yanfa .fyanfsw { float: right;margin-right: -160px;margin-left: auto; } .fyanfa li .yanfa .fyanfsw .fyansw { height: 600px;width: 920px; } .fyanfa li .yanfa .fyansw{ overflow: hidden; } .fyanfa li .yanfa .fyansw .bd{ overflow: hidden; } .fyanfa li .yanfa .fyansw .bd p{ font-size: 16px;line-height: 2;color: #232323;text-align: right;padding-right: 160px;margin-top: 20px; } .fyanfa li .yanfa .fyansw dd { overflow: hidden;height: 600px; } .fyanfa li:nth-child(2n) .yanfa .fyansw .fglh { right: auto;left: 0; } .fyanfa li .yanfa .fyansw .fglh { width: 140px;height: 70px;position: absolute;z-index: 66; bottom: -70px;right: 0;background: #005ac7;text-align: center; padding-top: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fyanfa li .yanfa .fyansw .fglh .prev, .fyanfa li .yanfa .fyansw .fglh .next, .fyanfa li .yanfa .fyansw .fglh .swsper { display: inline-block; } .fyanfa li .yanfa .fyansw .fglh .prev, .fyanfa li .yanfa .fyansw .fglh .next { background: url(../images/qmk7.png) no-repeat center; width: 24px;height: 38px;cursor: pointer;font-size: 20px; transition: all 0.3s; } .fyanfa li .yanfa .fyansw .fglh .next { transform: rotate(180deg); } .fyanfa li .yanfa .fyansw .fglh .swsper { padding: 0 8px;font-size: 22px;line-height: 38px;color: #6ca8f1; opacity: 1;width: 60px;vertical-align: top; } .fyanfa li .yanfa .fyansw .fglh .swsper .swiper-pagination-current { color: #fff; } .fyanfa li:nth-child(2n) .yanfa .text { float: left; } .fyanfa li .yanfa .text { float: right;width: 46%;padding-top: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fyanfa li:nth-child(2n) .yanfa .text { padding-top: 120px; } .fyanfa li .yanfa .text .ftlte { text-align: left; } .fyanfa li .yanfa .text .ftlte h2::before { right: auto;bottom: -68px; } .fyanfa li .yanfa .text .ftlte p { margin-top: 150px; } .fyanfa li .fen { height: 650px; } .fyanfa li .fen .imgs { float: right;width: 914px;height: 100%;margin-right: -160px; } .fyanfa li .fen .imgs img { display: block;width: 100%;height: 100%; } .fyanfa li .fen .tet { float: left;width: 48%;height: 100%;position: relative; } .fyanfa li .fen .tet .txt{ position: absolute;z-index: 33;left: 0;top: 50%; transform: translateY(-50%);font-size: 18px;line-height: 2.2;color: #000; } .fyanfa li .fyanflist .flts { float: left;width: 920px;margin-left: -160px;overflow: hidden; } .fyanfa li .fyanflist .fyflstsw dd { background: #fff;box-shadow: 0 0 20px 10px #f1f1f1; width: 370px; } .fyanfa li .fyanflist .fyflstsw dd a { display: block; } .fyanfa li .fyanflist .fyflstsw dd .imgs { height: 236px;width: 100%;overflow: hidden; } .fyanfa li .fyanflist .fyflstsw dd .imgs img { display: block;height: 100%;width: 100%;transition: all 0.3s; } .fyanfa li .fyanflist .fyflstsw dd .txt { padding: 22px 25px 25px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fyanfa li .fyanflist .fyflstsw dd .txt h5 { font-size: 14px;line-height: 1.6;color: #232323; height: 4.8em;overflow: hidden; } .fyanfa li .fyanflist .frtxt { float: right;width: 46%;margin-top: 78px; font-size: 18px;line-height: 2.4;color: #232323; } .fyanfa li .fyanflist .fyflstsw { } .fyanfa li .fyanflist { padding: 140px 0 120px; } .fyanfa li .fyanflist .fswsp { margin-left: 18%;margin-top: 20px; } .fyanfa li .fyanflist .fswsp .scrollbar { background: #e3e3e3;height: 2px;float: left; width: calc(100% - 76px);margin-top: 11px; } .fyanfa li .fyanflist .fswsp .pagination { float: right;padding: 0 3px;font-size: 20px; line-height: 22px;color: #a2a2a2;opacity: 1;width: auto; } .fyanfa li .fyanflist .fswsp .pagination .swiper-pagination-current { color: #0258cf; } .fyanfa li .fyanflist .fswsp .swiper-scrollbar-drag { background: #0258cf; } .fyanfa li .fyanflist .fswsp .swiper-scrollbar-drag::before { height: 7px;width: 15px;border: 2px solid #0258cf;position: absolute; border-radius: 4px;overflow: hidden;z-index: 11;content: ""; -webkit-box-sizing: border-box;display: none; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; top: -2px;right: 0;background: #fff; } .mCSB_scrollTools .mCSB_dragger{ background: #0258cf;width: 100%; opacity: 0.8; } .mCSB_scrollTools .mCSB_dragger:hover{ opacity: 1; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_draggerRail{ width:4px ;opacity: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ opacity: 1;background: url(../images/icon1.png) no-repeat center;width: 36px; height: 61px;position: absolute;z-index: 11; left: -30px;right: -30px;margin:0 auto ; top: 50%;margin-top: -30px;display: none !important; } .qmcontact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: url(../images/uuico1.png) no-repeat center } .mCSB_scrollTools .mCSB_draggerRail{ display: none; } .mCustomScrollBox{ position: static; } .mCSB_scrollTools{ right: 30px;background: #f2f2f2; } .qmhonr .ryl .txt .porsa .mCSB_scrollTools{ right: auto;left: 30px; } .swiperzs2, .swiperzs1{ overflow: hidden;width: 40vw;display: inline-block; } .swiperzs2 ul, .swiperzs1 ul{ align-items: flex-end; } .qmhonr .ryl .f{ text-align: right; } .qmnewdel{ padding: 80px 0 220px; } .qmnewdel .hd{ padding-bottom: 30px;border-bottom: 1px solid #e6e6e6; } .qmnewdel .hd h2{ font-size:44px ; line-height: 1.6; color: #141414;font-weight: bold; } .qmnewdel .hd h6{ font-size:16px ; line-height: 1.6; color: #b2b2b2; } .qmnewdel .del{ padding: 35px 0 70px;font-size:24px ; line-height: 1.8; color: #000000; } .qmnewdel .del .img{ text-align: center; } .qmnewdel .del img{ display: block;margin: 0 auto; } .qmnewdel .del .h6{ font-size: 16px;background: url(../images/qb2.png) no-repeat left center;padding-left: 18px;margin-top: 10px;display: inline-block; } .qmnewdel .del .span{ font-size: 36px;font-weight: bold; } .qmnewdel .ft dl{ float: left;width: calc(100% - 330px);font-size: 0; } .qmnewdel .ft .fh{ float: right;width: 145px;line-height: 60px;background: #ecf5ff; display: block;font-size: 22px;color: #005ac7;text-align: center; } .qmnewdel .ft dd{ width: calc((100% - 10px)/2);float: left;background: #ecf5ff;padding: 0 20px 0 70px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;background: url(../images/qb3.png) no-repeat left 42px center #ecf5ff; } .qmnewdel .ft dd:nth-child(2n){ float: right; } .qmnewdel .ft dd a{ display: block;font-size: 22px;color: #005ac7;line-height: 60px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;max-width: 530px; } .qmnewdel .ft dd:nth-child(2n){ background: url(../images/qb4.png) no-repeat right 20px center #ecf5ff;padding: 0 20px 0 40px; } .qmsous{ background: #f6f6f6;padding: 200px 0; } .qmsous h1{ font-size:44px ; line-height: 1.6; color: #232323;font-weight: bold;margin-bottom: 30px; } .qmsous h6{ font-size:24px ; line-height: 1.6; color: #232323;padding-bottom: 20px;border-bottom: 1px solid #cccccc; } .qmsous h6 span{ color: #084897; } .qmsous .list{ margin-bottom: 30px; } .qmsous .list li{ padding: 30px 0;border-bottom: 1px solid #cccccc; } .qmsous .list li a{ display: block; } .qmsous .list li h4{ font-size:24px ; line-height: 1.6; color: #005ac7;margin-bottom: 8px;font-weight: bold; } .qmsous .list li p{ font-size:16px ; line-height: 30px; color: #282828;height: 60px;overflow: hidden; } .qmuitdqhd{ padding: 120px 0; } .qmuitdqhd .qmwarp{ background: #fff;padding: 110px 0; } .qmuitdqhd .lt{ float: left;position: relative;width: 660px;text-align: center; } .qmuitdqhd .lt::before{ content: "";position: absolute;right: 0;top: -20px;width: 1px;height: 190px;background: #eeeeee;z-index: 1; } .qmuitdqhd .del{ float: right;width: calc(100% - 760px);font-size:24px ; line-height: 1.6; color: #000000;padding-right: 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;margin-top: 10px; } .qmuitdqhd .lt h2{ font-size:44px ; line-height: 1.6; color: #000000;font-weight: bold;margin-top: 5px; } .qmuitdqhd .lt img{ display: block;margin: 0 auto; } .qmuitdqbd h2{ font-size:36px ; line-height: 1.6; color: #151515;font-weight: bold; } .qmuitdqbd{ padding: 120px 0 70px; } .qmuitdqbd ul{ font-size: 0;margin-top: 70px;text-align: center; } .qmuitdqbd li{ display: inline-block;vertical-align: middle; } .qmuitdqbd li h4{ background: url(../images/qb8.png) no-repeat center;text-align: center;width: 190px;height: 190px; position: relative; } .qmuitdqbd li h4 i{ position: absolute; left: 0;right: 0; top: 50%;z-index: 1; font-size:24px ; line-height: 1.2;; color: #202020;font-weight: bold;font-style: initial !important; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 和 Chrome */ -o-transform:translateY(-50%); } .qmuitdqbd li span{ display: block;margin: 0 30px; } .qmdaqwr .list li{ height: 560px; } .qmdaqwr .list li .qmwarp{ height: 100%;position: relative; } .qmdaqwr .list li .txt{ width: 650px;padding-left: 100px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;text-align: center;position: absolute; left: 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%); } .qmdaqwr .list li:nth-child(2) .txt{ padding-left: 0;padding-right: 100px;left: auto;right: 0; } .qmdaqwr .list li h3{ font-size:36px ; line-height: 1.6; color: #050505;font-weight: bold;margin-bottom: 35px; } .qmdaqwr .list li h5{ font-size:36px ; line-height: 1.6; color: #050505;font-weight: bold; } .qmdaqwr .list li h6{ font-size:16px ; line-height: 1.6; color: #050505;margin-top: 20px; } .qmdaqwr .list li p{ font-size:16px ; line-height: 1.6; color: #050505;padding: 16px 0;border-bottom: 1px solid #e4e4e4;max-width: 400px;margin: 0 auto; } .qmdaqwr .list li .p{ border-top: 1px solid #e4e4e4; } .qmfcorejs .ftlcore .ls{ vertical-align: middle; position: relative; } .qmfcasesw .fcasw li .fcaselt .ls h4{ line-height: 34px;padding: 24px 0;overflow: hidden; white-space:initial; overflow:initial; } .qmdqwrcl h1{ font-size: 34px; line-height: 1.7; color: #151515; font-weight: bold; margin-bottom: 50px; } .qmdqwrcl .qmzl{ padding: 100px 0; } .qmdqwrcl .qmzl li{ float: left; width: calc((100% - 36px)/3); margin: 0 17px 17px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 2px solid #2e78d1; border-radius: 3px;height: 150px; box-shadow: 0 0 15px 0 rgba(80,80,80,0.2); position: relative;top: 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; } .qmdqwrcl .qmzl li:hover{ top: -8px; } .qmdqwrcl .qmzl li:nth-child(3n){ margin-right: 0; } .qmdqwrcl .qmzl li p{ 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%); font-size:22px ;text-align: center; line-height: 36px; color: #242424; padding: 0 15px; } .qmdqwrcl .qmyyol .hd{ margin: 60px 0;position: relative; } .qmdqwrcl .qmyyol .hd::after{ content: "";position: absolute;right: 0;top: 0; bottom: 0;width: 2px;background: #fff;z-index: 1; } .qmdqwrcl .qmyyol .swip_yo{ overflow: hidden; } .qmdqwrcl .qmyyol .swip_yo li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; border-right: 1px solid #c2c2c2; text-align: center; } .qmdqwrcl .qmyyol .swip_yo li .ico{ height:55px ; } .qmdqwrcl .qmyyol .swip_yo li h3{ font-size: 24px; line-height: 1.6; color: #202020; font-weight: bold; } .qmdqwrcl .qmyyol .hd .next, .qmdqwrcl .qmyyol .hd .prev{ position: absolute; left: 0;top: 50%;margin: 0 -50px; margin-top: -20px;width: 38px;height: 38px; background: url(../images/qb3.png) no-repeat center; border: 1px solid #d4d4d4;cursor: pointer; border-radius: 50%;z-index: 111; } .qmdqwrcl .qmyyol .hd .next{ left: auto;right: 0;transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); } .qmdqwrcl .qmyyol .hd .next:hover, .qmdqwrcl .qmyyol .hd .prev:hover{ border-color: #045dc8; } .qmdqwrcl .qmyyol .box h6{ margin-top: 80px; font-size: 36px; line-height: 1.6; color: #151515; font-weight: bold; margin-bottom: 20px; } .fhexinjs{ padding-top: 0; } .qmanli .qmalhd{ padding: 120px 0; } .qmanli .qmalhd .qmwarp{ background: #fff;padding: 124px 0; } .qmanli .qmalhd .lt{ float: right;width: 340px;padding-right: 100px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmanli .qmalhd .del{ float: left;width: calc(100% - 745px);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding-left: 110px; font-size: 24px; line-height: 1.6; color: #000000; } .qmanli .qmalhd .del h2{ font-size:40px ; line-height: 1.7; color: #000000;font-weight: bold;margin-bottom: 66px; } .qmanli .qmalbd{ margin-top: 90px; } .qmanli .qmalbd h2{ font-size:30px ; line-height: 1.7; color: #444444; } .qmanli .qmalbd ul{ margin-top: 100px; } .qmanli .qmalbd li{ margin-bottom: 44px;overflow: hidden; } .qmanli .qmalbd li .img{ float: right;width: 1000px; } .qmanli .qmalbd li:nth-child(2n) .img{ float: left;width: 600px; } .qmanli .qmalbd li .txt{ float: left;width: calc(100% - 1090px); } .qmanli .qmalbd li:nth-child(2n) .txt{ float: right;width: calc(100% - 670px); } .qmanli .qmalbd li .bg{ height: 500px;position: relative; } .qmanli .qmalbd li .bg h6{ position: absolute;bottom: 0;right: 0;padding: 0 22px;font-size:18px ; line-height: 58px; color: #fff;background-image: linear-gradient(to right, rgba(255,255,255,0.1) , rgba(0,0,0,0.6)); } .qmanli .qmalbd li:nth-child(2) .bg h6{ right: auto;left: 0; } .qmanli .qmalbd li .txt h4{ font-size:36px ; line-height: 1.6; color: #050505;font-weight: bold;margin-bottom: 40px; } .qmanli .qmalbd li .txt p{ font-size:18px ; line-height: 28px; color: #050505; } .qmanli .qmalbd li .d1{ margin-top: 30px;overflow: hidden; } .qmanli .qmalbd li .d1 dd{ float: left;border-right: 1px solid #e0e0e0;width: 50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;text-align: center;padding: 6px 0 30px; } .qmanli .qmalbd li .d1 dd:last-child{ border-right: none; } .qmanli .qmalbd li .d1 .ico{ height: 52px; } .qmanli .qmalbd li .d1 h5{ font-size:24px ; line-height: 1.6; color: #005ac7;margin: 40px 0;font-weight: bold; } .qmanli .qmalbd li .d1 p{ font-size:18px ; line-height: 1.6; color: #050505; } .qmanli .qmalbd li .yt{ margin-top: 60px; } .qmanli .qmalbd li .yt dl{ overflow: hidden;margin-top: 60px; } .qmanli .qmalbd li .yt dd{ float: left;width: 20%;border-right: 1px solid #e0e0e0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;text-align: center;padding: 20px 0 6px; } .qmanli .qmalbd li .yt dd:last-child{ border-right: none; } .qmanli .qmalbd li .yt dd .ico{ height: 56px; } .qmanli .qmalbd li .yt h5{ font-size:24px ; line-height: 1.6; color: #050505;font-weight: bold; } .qmanli .qmalbd li .yt dd p{ font-size:18px ; line-height: 1.6; color: #050505;margin-top: 45px; } .qmanli{ padding-bottom: 125px; } .qmrenca .huod{ padding-top: 90px; } .qmrenca .huod h2{ font-size:48px ; line-height: 1.6; color: #000000;font-weight: bold; } .qmrenca .huod .bds{ margin-top: 40px;position: relative; } .qmrenca .huod .bds .prev, .qmrenca .huod .bds .next{ background: url(../images/rc10.png) no-repeat center #fff;width: 72px;height: 72px;border-radius: 50%;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2); display: block;position: absolute;top: 50%;margin-top: -36px;left: -105px;cursor: pointer;z-index: 1; } .qmrenca .huod .bds .next{ left: auto;right: -105px;transform:rotate(180deg); } .qmrenca .huod .bds .swip_pic{ overflow: hidden;padding:10px; } .qmrenca .huod .bds li { box-shadow: 0 0 10px 0 rgba(80,80,80,0.2); } .qmrenca .huod .bds li .img{ height: auto !important; overflow: hidden;width: 100%; } .qmrenca .huod .bds li:hover .img img{ transform:scale(1.1); } .qmrenca .huod .bds li .img img{ width: 100%;display: block;transition:all 0.3s;height: 100%; } .qmrenca .huod .bds li h4{ font-size:16px ; line-height: 86px; color: #030303;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 20px 0 40px;background: #fff; } .qmrenca .huod .fts{ border-top: 1px solid #d6d6d6;margin-top: 60px;padding: 50px 0; } .qmrenca .huod .fts .lt{ float: left;background: url(../images/rc9.png) no-repeat left center;padding-left: 95px;margin-top: 5px; } .qmrenca .huod .fts .wx{ float: right;width: 160px; } .qmrenca .huod .fts .wx img{ display: block;width: 100%; } .qmrenca .huod .fts .lt h6{ font-size:24px ; line-height: 1.2; color: #bcbbbb; } .qmrenca .huod .fts .lt h3{ font-size:36px ; line-height: 1.4; color: #1c1c1c;font-weight: bold; } .qmrenca .huod .fts .lt h3 span{ margin: 0 40px; } .qmrenca .rcpy{ margin-top: 80px;position: relative;z-index: 2; } .qmrenca .rcpy .txt{ float: left;width: 40%; } .qmrenca .rcpy .swip_px{ float: right;margin-right: -160px;width: 960px;overflow: hidden; } .qmrenca .rcpy .swip_px .bd{ position: relative;width: 800px;background: #205aa3;top: -30px;z-index: 3; overflow: hidden; } .qmrenca .rcpy .txt h2{ font-size:48px ; line-height: 1.6; color: #000000;font-weight: bold;margin-bottom: 60px; } .qmrenca .rcpy .txt .del{ font-size:16px ; line-height: 1.7; color: #131313;text-indent: 2em; } .qmrenca .rcpy .swip_px .img{ height: 500px;width: 100%; } .qmrenca .rcpy .swip_px .ts p{ font-size:14px ; line-height: 66px; color: #fff;text-align: center; } .qmrenca .rcpy .swip_px .prev:hover, .qmrenca .rcpy .swip_px .next:hover{ background: url(../images/rcprv-1.png) no-repeat center #205aa3; } .qmrenca .rcpy .swip_px .prev, .qmrenca .rcpy .swip_px .next{ position: absolute;left: 0;bottom: 0;background: url(../images/rcprv.png) no-repeat center #205aa3;width: 66px;height: 66px;z-index: 111;cursor: pointer; } .qmrenca .rcpy .swip_px .next{ right: 0;left: auto;transform:rotate(180deg); } .qmrenca .rlzy h1{ font-size:48px ; line-height: 1.6; color: #000;font-weight: bold; } .qmrenca .rlzy .box{ margin-top: 5px; } .qmrenca .rlzy .box h2{ font-size:48px ; line-height: 62px; color: #005ac7;font-weight: bold;text-align: center;position: relative;z-index: 2;padding-top: 120px; } .qmrenca .rlzy .box h2::before{ position: absolute;content: "";width: 758px;height: 538px;background: url(../images/rc13.png) no-repeat center/cover;z-index: -1;top: -50px;left: 0;margin: 0 auto;right: 0;margin: 0 auto; } .qmrenca .rlzy .box .t{ float: left;margin-top: -150px;position: relative;width: 36%;text-align: center; } .qmrenca .rlzy .box .t::before{ content: "";position: absolute;right: -70px;top: 0;z-index: 1;background: url(../images/rc1.png) no-repeat center/cover;width: 337px;height: 59px; } .qmrenca .rlzy .box .t:nth-child(2){ float: right; } .qmrenca .rlzy .box .t:nth-child(2)::before{ content: "";position: absolute;left: -70px;top: 0;z-index: 1;background: url(../images/rc2.png) no-repeat center/cover;width: 337px;height: 59px; } .qmrenca .rlzy .box .t h4{ font-size:24px ; line-height: 1.6; color: #005ac7;font-weight: bold;margin-bottom: 8px;margin-top: -12px;margin-right: 70px; } .qmrenca .rlzy .box .t:nth-child(2) h4{ margin-right: 0;margin-left: 70px; } .qmrenca .rlzy .box .t:nth-child(2) p{ margin-left: 70px; } .qmrenca .rlzy .box .t p{ font-size:16px ; line-height: 1.6; color: #000000; } .qmrenca .xcfl{ margin-top: 150px; } .qmrenca .xcfl h1{ font-size: 48px; line-height: 1.6; color: #000; font-weight: bold; } .qmrenca .xcfl .y{ margin-top: 60px;position: relative; } .qmrenca .xcfl .y .img{ position: absolute;left: -160px;top: 0;z-index: 1; } .qmrenca .xcfl .y .lt{ float: right;width: 54.4%;margin-top: 120px; } .qmrenca .xcfl h3{ font-size:36px ; line-height: 1.7; color: #205aa3;font-weight: bold; } .qmrenca .xcfl .y p{ margin-top: 10px;font-size:24px ; line-height: 1.7; color: #000; } .qmrenca .xcfl .j{ position: relative;z-index: 2;margin-top: 180px; } .qmrenca .xcfl .fl h3, .qmrenca .xcfl .j h3{ text-align: center; } .qmrenca .xcfl .j ul{ margin-top: 50px; } .qmrenca .xcfl .j li{ position: relative;border: 3px solid #205aa3;border-radius: 12px; float: none !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;height: 350px;background: #fff;padding-top: 40px;transition:all 0.3s;top: 0; } .qmrenca .xcfl .j li:hover{ top: -10px; } .qmrenca .xcfl .j li:nth-child(5n){ margin-right: 0; } .qmrenca .xcfl .j li i{ font-size:24px ; line-height: 1.6; color: #205aa3;font-weight: bold;position: absolute;top: -20px;left: 20px;font-style: initial !important; text-shadow:3px 0px 0 #fff, 0px 3px 0 #fff, -3px 0px 0 #fff, 0px -3px 0 #fff; } .qmrenca .xcfl .j li h4{ font-size:24px ; line-height: 1.6; color: #222222;font-weight: bold;text-align: center; } .qmrenca .xcfl .j li span{ display: block;width: 30px;height: 2px;background: #d4d4d4;margin: 30px auto; } .qmrenca .xcfl .j li dl{ font-size: 0;text-align: center; } .qmrenca .xcfl .j li:nth-child(1) dl{ padding: 0 64px; } .qmrenca .xcfl .j li dd{ display: inline-block;font-size:16px ; line-height: 30px; color: #000;width: 50%; } .qmrenca .xcfl .j li dd.d1{ width: auto; } .qmrenca .xcfl .j li p{ font-size:16px ; line-height: 30px; color: #000;text-align: center; } .qmrenca .xcfl .j li:nth-child(3) dl{ padding: 0 30px; } .qmrenca .xcfl .fl{ margin-top: 60px;height: 478px; } .qmrenca .xcfl .fl .qmwarp{ position: relative;z-index: 2; } .qmrenca .xcfl .fl ul{ margin-top: 60px; } .qmrenca .xcfl .fl li{ font-size: 0;text-align: center;margin-bottom: 15px; } .qmrenca .xcfl .fl li i{ display: inline-block;padding: 0 30px;background: #ececec;font-size:24px ; line-height: 42px; color: #000;border-radius: 21px;font-style: initial !important;margin: 0 40px;position: relative;top: 0;transition:all 0.3s; } .qmrenca .xcfl .fl li i:hover{ top: -10px; } .qmrenca .xcfl .fl li i.on{ background: #ddecff;font-weight: bold;color: #205aa3; } .qmabhex{ padding: 50px 0 75px; } .qmabhex .t{ text-align: center; } .qmabhex .t h1{ font-size:91px ; line-height: 1.2; color: #efefef;text-transform: uppercase;font-weight: bold;letter-spacing: 2px; } .qmabhex .t h3{ font-size:36px ; line-height: 1.2; color: #1564ca;font-weight: bold;margin-top: -56px; } .qmabhex ul{ margin-top: 40px; } .qmabhex li{ float: left;width: 25%;padding: 70px 30px 90px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 10px 10px 0 #f5f5f6;height: 470px;position: relative; } .qmabhex li:nth-child(2n){ box-shadow: 0 -10px 10px 0 #f5f5f6; } .qmabhex li h5{ font-size:24px ; line-height: 106px; color: #000000;font-weight: bold;text-align: center;position: absolute;top: 40px;left: 0;right: 0; } .qmabhex li:nth-child(2n) h5{ bottom: 100px;top: auto; } .qmabhex li h5::before{ content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 88px;height: 4px;background: #cdcdcd;z-index: 1;margin: 0 auto; } .qmabhex li:nth-child(2n) h5::before{ top: 0;bottom: auto; } .qmabhex li p{ font-size:24px ; line-height: 36px; color: #000000; } .qmabhex li:nth-child(3) p, .qmabhex li:nth-child(1) p{ margin-top: 120px; } .fyanfa li .yanfa .fyanfsw .qmfyansw{ height: auto; } .fyanfa li .yanfa .qmfyansw .fglh{ bottom: -17px; } .swiper_spot{ text-align: center; margin: 15px auto; } .swiper_spot span{ margin: 0 10px;width: 10px; height: 10px; } .swiper_spot span.swiper-pagination-bullet-active{ background: #205aa3; } .qmshohu .shbox1{ padding-top: 140px;position: relative; } .qmshohu .shbox1 .pic{ position: absolute; right: 0; top: 42px;z-index: 1; } .qmshohu .shbox1 .del{ float: left;width: 400px;padding-right: 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;font-size:18px ; line-height: 34px;position: relative; color: #141414; } .qmshohu .shbox1 .list{ float: right;width: calc(100% - 400px); } .qmshohu .shbox1 .del::before{ content: "";position: absolute; left: 0; z-index: 1;bottom: -90px;width: 78px;height: 8px;background: #4792ec; } .qmshohu .shbox1 .list ul{ display: flex;justify-content: space-between;align-content: center; } .qmshohu .shbox1 .list li{ width: calc((100% - 152px)/3);margin-right: 75px;background-image:linear-gradient(to bottom,#e4f0fd,#fff); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding: 40px 40px 0;height: 395px;position: relative;z-index: 2;border-radius: 15px; } .qmshohu .shbox1 .list li h3{ font-size:30px ; line-height: 1.7; color: #141414;font-weight: bold; } .qmshohu .shbox1 .list li .ico{ position: absolute;right: -60px;bottom: 60px; } .qmshohu .shbox2{ padding: 20px 0 55px; } .qmshohu .shbox2 .qmwarp{ position: relative; } .qmshohu .shbox2 .cent{ width: 686px;height: 686px;position: absolute; left: 0;right: 0; top: -96px;z-index: 1;display: block;margin: 0 auto;padding: 165px 175px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmshohu .shbox2 .cent h1{ font-size:48px ; line-height: 1.6; color: #181818;font-weight: bold;text-align: center; } .qmshohu .shbox2 .cent p{ font-size:16px ; line-height: 34px; color: #000000;text-align: center;margin-top: 40px;text-align: left; } .qmshohu .shbox2 .list li{ width: 50%;margin-bottom: 112px;float: left; } .qmshohu .shbox2 .list li:nth-child(2n){ float: right; } .qmshohu .shbox2 .list li .ico{ width: 168px;margin-right: 20px;float: left; } .qmshohu .shbox2 .list li h3{ font-size:24px ; line-height: 1.7; color: #000000;font-weight: bold; } .qmshohu .shbox2 .list li .s1{ margin-top: 6px; } .qmshohu .shbox2 .list li .txt{ margin-top: 40px;float: left; } .qmshohu .shbox2 .list{ margin-top: 96px; } .qmshohu .shbox2 .list li:nth-child(2n) .ico{ float: right; } .qmshohu .shbox2 .list li:nth-child(2n) .txt{ float: right;text-align: right; } .qmshohu .shbox3{ padding: 115px 0; } .qmshohu .shbox3 .qmwarp{ position: relative; } .qmshohu .shbox3 .text{ width: 50%; } .qmshohu .shbox3 .text h3{ font-size:48px ; line-height: 1.7; color: #232323;font-weight: bold;margin-bottom: 34px; } .qmshohu .shbox3 .text p{ font-size:16px ; line-height: 1.6; color: #000000; } .qmshohu .shbox3 .text ul{ margin-top: 100px; } .qmshohu .shbox3 .text li{ width: calc((100% - 30px)/2);background: #fff;border-radius: 10px; display: flex;justify-content: space-between;align-content: center;margin-bottom: 30px;padding: 36px 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;float: left;margin-right: 30px; } .qmshohu .shbox3 .text li:nth-child(2n){ float: right;margin-right: 0; } .qmshohu .shbox3 .text h5{ font-size:30px ; line-height: 1.7; color: #121212;font-weight: bold; } .qmshohu .shbox3 .pic{ position: absolute; right: 74px; top: -96px;z-index: 1; } .qmshohu .shbox6 .qmwarp{ border-top: 1px solid #d4d4d4;padding-top: 80px; } .qmshohu .shbox6 .lt{ width: 50%;float: left; } .qmshohu .shbox6 .rts{ float: right; } .qmshohu .shbox6 h3{ font-size:48px ; line-height: 1.2; color: #000000;font-weight: bold; } .qmshohu .shbox6 i{ width: 80px;height: 4px;background: #616161;display: block;margin: 50px 0; } .qmshohu .shbox6 p{ font-size:16px ; line-height: 1.7; color: #000000; } .qmshohu .shbox6{ padding-bottom: 126px; } .qmshohu .shbox6 .rts .b1{ width: 405px;margin-bottom: 20px;border: 2px solid #d5d5d5;display: block;padding-left: 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmshohu .shbox6 .rts .b1 span{ font-size:30px ; line-height: 96px; color: #1b1b1b;display: inline-block;padding-left: 94px;background: url(../images/shqm15.png) no-repeat left center;font-weight: bold; } .qmshohu .shbox6 .rts .b1.on:hover span{ background: url(../images/shqm16.png) no-repeat left center; } .qmshohu .shbox6 .rts .b2:hover span{ background: url(../images/shqm15-1.png) no-repeat left center; } .qmshohu .shbox6 .rts .b1.on span{ background: url(../images/shqm16-1.png) no-repeat left center; } .qmshohu .shbox6 .rts .b1:hover span{ color: #f39a03; } .qmshohu .shbox6 .rts .b1:hover{ border-color: #f39a03; } .qmshohu .shbox4{ padding: 110px 0 100px; } .qmshohu .shbox4 .txt{ display: flex;justify-content: flex-start;align-items: center; } .qmshohu .shbox4 .txt h3{ font-size:48px ; line-height: 1.4; color: #232323;font-weight: bold;margin-right: 60px; } .qmshohu .shbox4 .txt p{ font-size:16px ; line-height: 1.6; color: #000000; } .qmshohu .shbox5{ padding-bottom: 90px; } .qmshohu .shbox5 .qmwarp{ display: flex;justify-content: space-between;align-items: center; } .qmshohu .shbox5 .txt{ width: 40%;font-size:24px ; line-height: 48px; color: #000000;font-weight: bold;text-align: center; } .qmshohu .shbox5 .shswip{ width:66.2%;overflow: hidden;margin-left: -160px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding: 10px; } .qmshohu .shbox5 .shswip img{ display: block;width: 100%;height: 100%; } .qmshohu .shbox5 .shswip li{ width: 505px;height: 385px;background: #fff;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2);padding: 16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmshohu .shbox5 .shswip .fswsp{ margin-left: 18%; margin-top: 20px; } .qmshohu .shbox5 .shswip .fswsp .scrollbar { background: #e3e3e3;height: 2px;float: left; width: calc(100% - 76px);margin-top: 11px; } .qmshohu .shbox5 .shswip .fswsp .pagination { float: right;padding: 0 3px;font-size: 20px; line-height: 22px;color: #a2a2a2;opacity: 1;width: auto; } .qmshohu .shbox5 .shswip .fswsp .pagination .swiper-pagination-current { color: #0258cf; } .qmshohu .shbox5 .shswip .fswsp .swiper-scrollbar-drag { background: #0258cf; } .qmshohu .shbox5 .shswip .fswsp .swiper-scrollbar-drag::before { height: 7px;width: 15px;border: 2px solid #0258cf;position: absolute; border-radius: 4px;overflow: hidden;z-index: 11;content: ""; -webkit-box-sizing: border-box;display: none; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; top: -2px;right: 0;background: #fff; } .qmshohu .shbox4 .shyfswip li{ /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(1); } .qmshohu .shbox4 .shyfswip li.swiper-slide-active{ transform: scale(1.2);z-index: 111;opacity: 1; } .qmshohu .shbox4 .shyfswipli.swiper-slide-next, .qmshohu .shbox4 .shyfswip li.swiper-slide-prev{ opacity: 1; } .qmshohu .shbox4 .shyfswip{ position: relative;margin: 30px auto 0;width: 1420px; overflow: hidden;padding: 50px 0; } .qmshohu .shbox4 .shyfswip::before, .qmshohu .shbox4 .shyfswip::after{ position: absolute; left: 0;top: 0; bottom: 0; background-color: #fff; z-index: 11; content: ""; box-shadow: 0 0 200px 240px #fff; } .qmshohu .shbox4 .shyfswip::before{ left: auto; right: 0; } .qmshohu .shbox4 .shyfswip .prev, .qmshohu .shbox4 .shyfswip .next{ position: absolute; left: 0;cursor: pointer; 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%); background: url(../images/shqm25.png) no-repeat center/cover;width: 42px;height: 83px; margin: 0 16%; } .qmshohu .shbox4 .shyfswip .next{ left: auto;right: 0;transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); /* IE 9 */ -moz-transform:translateY(-50%) rotate(180deg); /* Firefox */ -webkit-transform:translateY(-50%) rotate(180deg); /* Safari 和 Chrome */ -o-transform:translateY(-50%) rotate(180deg); } .qmmask{ position: fixed; left: 0;right: 0; top: 0;z-index: 14;bottom: 0;background: rgba(0,0,0,0.2); display: none; } .qmform{ position: fixed;display: none; left: 0;right: 0; top: 10%;z-index: 1;z-index: 15;background: url(../images/shqm23.png) no-repeat center top/100% auto;width: 895px;margin: 0 auto; padding: 60px 120px 70px 140px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .qmform .ico img{ display: block;margin: 0 auto; } .qmform ul{ margin-top: 30px; } .qmform li{ margin-bottom: 15px;overflow: hidden; } .qmform label{ font-size:22px ; line-height: 40px; color: #000000;width: 130px;float: left;display: block; } .qmform .t1{ float: right;width: calc(100% - 130px);border: 1px solid #e6e6e6;border-radius: 4px;height: 40px;-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: #000000; } .qmform .t2{ padding: 20px;height: 150px;line-height: 1.7;resize: none; } .qmform .btns{ margin-left: 130px;font-size: 0; display: flex; justify-content: space-between; } .qmform .btns .b1{ display: inline-block;line-height: 68px;height: 68px;font-size: 24px;color: #343434;text-align: center;width: 236px; border-radius: 6px; } .qmform .btns .b1:hover, .qmform .btns .b1.on{ font-weight: bold;background-image:linear-gradient(to right,#005ac7,#5ca1f6);color: #fff; } .layout{ overflow: hidden; } .qmform .gb{ position: absolute; right: 70px; top: 60px;z-index: 1;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;cursor: pointer; } .qmform .gb:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); } /* add 2022/6/20 */ @media only screen and (max-width: 1440px){ .shbox2_cent_p{ width:80%; margin-left: 10%; } } .shbox4_txt_h3{ width: 25%; } .qmshohu .shbox4 .txt p{ width: 70%; } @media only screen and (max-width: 1440px){ /*.shbox4_txt_h3{ width: 160%; }*/ } @media only screen and (max-width: 1240px){ .shbox4_txt_h3{ /* width: 50% !important; */ } } @media only screen and (max-width: 800px){ .shbox4_txt_h3{ /* width: 230%; */ } .shbox4_txt_h3{ width: auto; } .qmshohu .shbox4 .txt p{ width: auto; } }