.bkt.linet { height: 80px; border-bottom: 1px solid #999; } .lx { width: 23%; height: auto; overflow: hidden; float: left; margin: 40px 0 20px 8%; color: #666; } .lx:nth-child(3n+1) { width: 38%; margin-left: 0; } .lxt { line-height: 50px; font-size: 1.5rem; border-bottom: 1px solid #666; overflow: hidden; } .lxt span { display: block; float: left; } .lxt p { display: block; float: right; } .lxc { margin-top: 30px; font-size: 1.3rem; line-height: 180%; } .lxc strong, .lxc b { font-size: 1.5rem; } .lyt { margin-top: 80px; } .lxly { width: 100%; height: auto; overflow: hidden; margin-top: 45px; margin-bottom: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; } .lyc { margin: 80px; } .lyrow { height: auto; overflow: hidden; font-size: 0; } .lyrow:nth-child(1) { margin-bottom: 30px; } .lyc .inp { display: inline-block; vertical-align: top; width: 400px; height: 55px; background: #fff; border-radius: 3px; border: 0; font-size: 1.2rem; padding: 0 10px; margin-right: 20px; } .lyc textarea { display: inline-block; vertical-align: bottom; width: 840px; height: 300px; border: 0; border-radius: 3px; background: #fff; font-size: 1.2rem; padding: 10px; margin-right: 20px; } .lyc b { display: inline-block; vertical-align: bottom; padding: 0 40px; font-size: 1.5rem; line-height: 55px; color: #fff; border: 2px solid #fff; cursor: pointer; font-weight: normal; } .lyc b:hover { background: rgba(255, 255, 255, .2); } .linkrow { width: 100%; height: auto; overflow: hidden; } .linkrow2 { padding-bottom: 100px; } .linkbk { width: 30%; height: auto; overflow: hidden; margin-left: 5%; float: left; } .linkbk:nth-child(3n+1) { margin-left: 0; } .linkt { height: 80px; margin-top: 60px; font-size: 1.8rem; font-weight: bold; color: #002856; } .linkbk ul li { font-size: 1.2rem; line-height: 180%; padding-bottom: 15px; } .linkbk ul li span:hover { color: #002856; font-weight: bold; } .salet { display: inline-block; line-height: 55px; background: #fff; padding: 0 60px 0 25px; font-size: 1.2rem; color: #002856; margin-top: 40px; clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0 100%); } .salet span { font-family: Arial, Helvetica, sans-serif; margin-left: 40px; } .salec { height: auto; overflow: hidden; margin-top: 30px; font-size: 1.2rem; line-height: 200%; padding: 20px 5px; } .salec img { max-height: 100%; } .salec table { width: 100%; border-collapse: collapse; } .salec table, .salec table tr th, .salec table tr td{ border: 1px solid #666; line-height: 160%; } .salec table tr th, .salec table tr td { padding: 15px 30px; } /* .salec table tr:nth-child(1) th, .salec table tr:nth-child(1) td { font-weight: bold; text-align: center; } .salec table tr th:nth-child(1), .salec table tr td:nth-child(1) { font-weight: bold; text-align: center; } */ .askbox { width: 900px; height: auto; overflow: hidden; margin: 10px auto 80px auto; } .askrow { height: auto; overflow: hidden; margin-bottom: 10px; } .askrow span { display: block; width: 100px; font-size: 1rem; line-height: 40px; float: left; } .askrow span:nth-child(3) { margin-left: 20px; } .askrow input.inp, .askrow select { display: block; float: left; width: 330px; height: 40px; line-height: 40px; font-size: 1rem; padding: 0 10px; border: 0; background: #fff; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .askrow input.inp2 { width: 780px; } .askrow textarea { display: block; float: left; width: 780px; height: 180px; border: 0; background: #fff; border-radius: 3px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; line-height: 26px; } .askrow b { display: block; padding: 0 50px; font-size: 1.2rem; line-height: 40px; color: #fff; cursor: pointer; font-weight: normal; background: #002856; border-radius: 3px; float: left; margin-left: 100px; margin-top: 10px; } .yybox { width: 100%; height: auto; margin-top: 40px; position: relative; } .yybox img { display: block; width: 100%; height: auto; } .yyinp { position: absolute; height: auto; overflow: hidden; left: 52%; top: 100px; z-index: 10; color: #fff; } .yleft { height: auto; float: left; } .yyi { height: 45px; overflow: hidden; } .yyi span { display: block; float: left; font-size: 1.2rem; color: #fff; line-height: 35px; margin-right: 15px; } .yyi input, .yyi select { display: block; float: left; width: 250px; height: 35px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .7); font-size: 1rem; line-height: 35px; color: #000; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .yright { height: auto; overflow: hidden; float: left; margin-left: 70px; } .yright span, .yright b { display: block; color: #fff; text-align: center; } .yright span { font-size: 2.3rem; margin-top: 10px; line-height: 60px; } .yright b { width: 150px; line-height: 35px; font-size: 1rem; cursor: pointer; background: #002856; border-radius: 10px; margin: 5px auto; } @media screen and (max-width: 1680px) { .bkt.linet { height: 60px; } .lxt { font-size: 1.3rem; } .lxc { font-size: 1.1rem; } .lxc strong, .lxc b { font-size: 1.3rem; } .lyt { margin-top: 60px; } .lxly { margin-top: 40px; margin-bottom: 80px; } .lyc { margin: 60px; } .lyc .inp { width: 300px; height: 45px; font-size: 1rem; } .lyc textarea { width: 640px; height: 220px; font-size: 1rem; } .lyc b { padding: 0 30px; font-size: 1.3rem; line-height: 40px; } .salet { line-height: 45px; padding: 0 50px 0 20px; font-size: 1.1rem; margin-top: 40px; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%); } .salet span { margin-left: 30px; } .salec { font-size: 1.1rem; } .yyinp { top: 80px; } .yyi { height: 38px; } .yyi span { font-size: 1rem; line-height: 28px; } .yyi input, .yyi select { width: 220px; height: 28px; line-height: 28px; font-size: 1rem; } } @media screen and (max-width: 1440px) { .lxc { margin-top: 20px; } .lyt { margin-top: 40px; } .lxly { margin-top: 30px; margin-bottom: 60px; } .lyc { margin: 50px; } .lyc .inp { width: 260px; height: 40px; } .lyc textarea { width: 560px; height: 200px; } .lyrow:nth-child(1) { margin-bottom: 20px; } .lyc b { padding: 0 30px; font-size: 1.2rem; } .yyinp { top: 60px; } .yyi { height: 35px; } .yyi span { font-size: 0.875rem; line-height: 26px; } .yyi input, .yyi select { width: 220px; height: 26px; line-height: 26px; font-size: 0.875rem; } } @media screen and (max-width: 1280px) { .lxt { line-height: 40px; } .lyt { margin-top: 30px; } .lyc { margin: 40px; } .lyc .inp { width: 230px; height: 35px; } .lyc textarea { width: 500px; height: 160px; } .lyrow:nth-child(1) { margin-bottom: 15px; } .lyc b { padding: 0 25px; font-size: 1.1rem; line-height: 35px; } .salet { line-height: 40px; padding: 0 40px 0 20px; margin-top: 20px; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%); } .salet span { margin-left: 20px; } .salec { font-size: 1rem; } .yyinp { top: 60px; } .yyi { height: 30px; } .yyi span { font-size: 0.75rem; line-height: 24px; } .yyi input, .yyi select { width: 200px; height: 24px; line-height: 24px; font-size: 0.75rem; } .yright { margin-left: 50px; } .yright span { font-size: 2.3rem; margin-top: 0; line-height: 60px; } .yright b { width: 120px; line-height: 30px; font-size: 0.875rem; margin: 0 auto; } } @media screen and (max-width: 1024px) { .yyinp { top: 40px; } .yyi { height: 26px; } .yyi span { line-height: 22px; } .yyi input, .yyi select { width: 180px; height: 22px; line-height: 22px; font-size: 0.75rem; } .yright { margin-left: 40px; } .yright span { font-size: 2rem; line-height: 60px; } .yright b { width: 100px; line-height: 26px; font-size: 0.75rem; } }