/* Fonts */ /*通用*/ *{ margin:0; padding:0;} html{} body{margin:0;color:#000; position: relative; font-family: "Arial"; background:#FFF;} ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;} a{text-decoration:none; text-shadow:none;font-weight:normal;} ul{list-style:none;} textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;} a{color:#6c6c6c;text-decoration:none;} img{border:none; display: block;} span{margin:0; padding:0; cursor: auto;} span:focus,div:focus {outline: none;} .Huans{-webkit-box-sizing: border-box;box-sizing: border-box;} .flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;} .flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;} .flexE{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:flex-end; flex-wrap:wrap;} .fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;} .fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;} .IndBan{color:#fff; position: relative;background-color:#60a3f7;background-image: url("../images/banner01.jpg");background-position: center bottom; background-repeat: no-repeat;;} .IndLog{display: block;} .IndLog img{width:100%;} /*title*/ .title{text-align: center;} .IndP{text-align: center;} /*全自动均匀负载*/ .IndFul{ overflow: hidden; width:100%;} .IndFulK{position: relative;} .IndFulI{ position: absolute;z-index:-1;top:50%;transform: translate(0,-50%);} .IndFulI img{width:100%; display: block;} .IndFulB .title,.IndFulB .IndP{text-align: left;} .IndFula{background:#5980f2;color:#FFF;text-align: center; display: block;} /*5*/ .IndFiv{background-image: url("../images/back01.png");background-position: center bottom; background-repeat: no-repeat;} .IndFivK{align-content:center;} .IndFivN{ color:#FFF;background:#1b1929; width:100%;} .IndFivN img{display:block;} .IndFivN p{width:100%; flex:1;} /*支持多个设备登录*/ .Indimg img{width:100%; display: block;} /*footer*/ footer{background:#60a2f7;} .ftRa{color:#FFF;display:block;} /* display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center |flex-start|flex-end|center|space-between|space-around overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; left:0;top:50%;transform: translate(0,-50%); transition:0.5s; .IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}body{min-width:1680px;} */ @media screen and ( min-width:1680px){ .IndBan{ background-size:auto 1110px; height:1110px;} .IndBanK{ width:1200px; margin:0 auto; padding-top:112px; } .IndLog{ width: 286px;} .IndBanH{ font-size:70px; line-height:80px; margin-top:90px; letter-spacing:3px; margin-bottom:50px;} .IndBanC{ font-size:40px; line-height:60px;letter-spacing:1px;} .pc{display:block;} .wap{display:none;} .IndBanF{width:652px; margin-top:160px ;} .IndBanFa{ width: 300px; height: 100px; background:#FFF; padding:0 20px; margin-bottom: 68px;} .IndBanFa img{width:62px; display: block;} .IndBanFa p{ line-height:34px; font-size:24px; color:#111; width: 170px;} .IndBanFa:hover{ background:#faeffd;} /*title*/ .title{ font-size:70px; letter-spacing: 2px; line-height:100px;} .IndP{font-size:40px; letter-spacing:1px; line-height:90px; margin-top:50px;} /*全自动均匀负载*/ .ward{width:1440px; margin:0 auto;} .IndFulK{height:1025px;} .IndFulI{width:858px;left:-125px;} .IndFulB{width:620px;} .IndFula{width:320px; height:72px;line-height:72px;border-radius:36px;font-size: 40px; margin-top:65px;} .IndFula:hover{background:#2f58cd;} /*5*/ .IndFiv{background-size: auto 923px;} .IndFivK{height:993px;padding:0 80px;} .IndFivB{width: 474px;} .IndFivN{padding:0 38px; height: 85px;border-radius:15px; margin-bottom: 32px;} .IndFivN img{width:66px;} .IndFivN p{line-height:50px; font-size: 36px; margin-left: 25px;} /*支持多个设备登录*/ .IndSup{padding-top:100px;} .IndTit{} .IndSupI{ width:1600px; margin:140px auto 0;} /*随意浏览喜爱内容*/ .IndFee{ padding:130px 0 105px;} .IndFeeI{ width:976px; margin:140px auto 0;} /*footer*/ .foot{height:364px; width: 1200px; margin:0 auto;} .ftLog{width:287px;} .ftR{width:550px; margin-top: 40px;} .ftRa{ font-size:30px;line-height:45px;margin-right: 50px;} .ftRa:hover{text-decoration:underline;} } @media screen and (max-width:1680px ) and ( min-width:1440px){ .IndBan{ background-size:auto 975px; height:960px;} .IndBanK{ width:1100px; margin:0 auto; padding-top:98px; } .IndLog{ width: 250px;} .IndBanH{ font-size:62px; line-height:70px; margin-top:80px; letter-spacing:3px; margin-bottom:50px;} .IndBanC{ font-size:34px; line-height:50px;letter-spacing:1px;} .pc{display:block;} .wap{display:none;} .IndBanF{width:630px; margin-top:140px;} .IndBanFa{ width:290px; height:92px; background:#FFF; padding:0 20px; margin-bottom:58px;} .IndBanFa img{width:54px; display: block;} .IndBanFa p{ line-height:34px; font-size:24px; color:#111; width: 170px;} .IndBanFa:hover{ background:#faeffd;} /*title*/ .title{ font-size:62px; letter-spacing: 2px; line-height:90px;} .IndP{font-size:34px; letter-spacing:1px; line-height:80px; margin-top:45px;} /*全自动均匀负载*/ .ward{width:1280px; margin:0 auto;} .IndFulK{height:925px;} .IndFulI{width:720px;left:-85px;} .IndFulB{width:550px;} .IndFula{width:290px;height:62px;line-height:62px;border-radius:31px;font-size:34px;margin-top:55px;} .IndFula:hover{background:#2f58cd;} /*5*/ .IndFiv{background-size: auto 820px;} .IndFivK{height:880px;padding:0 70px;} .IndFivB{width: 420px;} .IndFivN{padding:0 32px; height: 78px;border-radius:13px; margin-bottom:28px;} .IndFivN img{width:58px;} .IndFivN p{line-height:44px; font-size: 32px; margin-left: 21px;} /*支持多个设备登录*/ .IndSup{padding-top:90px;} .IndTit{} .IndSupI{ width:1380px; margin:110px auto 0;} /*随意浏览喜爱内容*/ .IndFee{ padding:110px 0 90px;} .IndFeeI{ width:876px; margin:120px auto 0;} /*footer*/ .foot{height:300px; width: 1100px; margin:0 auto;} .ftLog{width:240px;} .ftR{width:510px; margin-top:30px;} .ftRa{ font-size:26px;line-height:42px;margin-right:42px;} .ftRa:hover{text-decoration:underline;} } @media screen and (max-width:1440px ) and ( min-width:1280px){ .IndBan{ background-size:auto 840px; height:840px;} .IndBanK{ width:1000px; margin:0 auto; padding-top:88px; } .IndLog{ width: 250px;} .IndBanH{ font-size:54px; line-height:60px; margin-top:72px; letter-spacing:3px; margin-bottom:40px;} .IndBanC{ font-size:28px; line-height:40px;letter-spacing:1px;} .pc{display:block;} .wap{display:none;} .IndBanF{width:520px; margin-top:130px;} .IndBanFa{ width:242px; height:80px; background:#FFF; padding:0 16px; margin-bottom:48px;} .IndBanFa img{width:50px; display: block;} .IndBanFa p{ line-height:30px; font-size:20px; color:#111; width: 150px;} .IndBanFa:hover{ background:#faeffd;} /*title*/ .title{ font-size:54px; letter-spacing: 2px; line-height:80px;} .IndP{font-size:28px; letter-spacing:1px; line-height:70px; margin-top:35px;} /*全自动均匀负载*/ .ward{width:1080px; margin:0 auto;} .IndFulK{height:800px;} .IndFulI{width:620px;left:-70px;} .IndFulB{width:480px;} .IndFula{width:240px;height:54px;line-height:54px;border-radius:27px;font-size:28px;margin-top:45px;} .IndFula:hover{background:#2f58cd;} /*5*/ .IndFiv{background-size: auto 690px;} .IndFivK{height:750px;padding:0 60px;} .IndFivB{width:360px;} .IndFivN{padding:0 25px; height:68px;border-radius:11px; margin-bottom:24px;} .IndFivN img{width:46px;} .IndFivN p{line-height:38px; font-size:28px; margin-left:18px;} /*支持多个设备登录*/ .IndSup{padding-top:75px;} .IndTit{} .IndSupI{ width:1200px; margin:90px auto 0;} /*随意浏览喜爱内容*/ .IndFee{ padding:95px 0 70px;} .IndFeeI{ width:720px; margin:100px auto 0;} /*footer*/ .foot{height:240px; width: 1000px; margin:0 auto;} .ftLog{width:200px;} .ftR{width:420px; margin-top:20px;} .ftRa{ font-size:22px;line-height:35px;margin-right:36px;} .ftRa:hover{text-decoration:underline;} } @media screen and (max-width:1280px ) and ( min-width:960px){ .IndBan{ background-size:auto 730px; height:730px;} .IndBanK{ width:900px; margin:0 auto; padding-top:75px; } .IndLog{ width: 220px;} .IndBanH{ font-size:46px; line-height:55px; margin-top:60px; letter-spacing:3px; margin-bottom:30px;} .IndBanC{ font-size:24px; line-height:35px;letter-spacing:1px;} .pc{display:block;} .wap{display:none;} .IndBanF{width:460px; margin-top:110px;} .IndBanFa{ width:215px; height:72px; background:#FFF; padding:0 14px; margin-bottom:40px;} .IndBanFa img{width:44px; display: block;} .IndBanFa p{ line-height:25px; font-size:18px; color:#111; width: 130px;} .IndBanFa:hover{ background:#faeffd;} /*title*/ .title{ font-size:46px; letter-spacing: 2px; line-height:65px;} .IndP{font-size:24px; letter-spacing:1px; line-height:55px; margin-top:25px;} /*全自动均匀负载*/ .ward{width:900px; margin:0 auto;} .IndFulK{height:660px;} .IndFulI{width:510px;left:-50px;} .IndFulB{width:400px;} .IndFula{width:200px;height:48px;line-height:48px;border-radius:24px;font-size:24px;margin-top:35px;} .IndFula:hover{background:#2f58cd;} /*5*/ .IndFiv{background-size: auto 620px;} .IndFivK{height:650px;padding:0 50px;} .IndFivB{width:300px;} .IndFivN{padding:0 20px; height:60px;border-radius:10px; margin-bottom:18px;} .IndFivN img{width:38px;} .IndFivN p{line-height:34px; font-size:24px; margin-left:16px;} /*支持多个设备登录*/ .IndSup{padding-top:60px;} .IndTit{} .IndSupI{ width:900px; margin:70px auto 0;} /*随意浏览喜爱内容*/ .IndFee{ padding:80px 0 60px;} .IndFeeI{ width:580px; margin:80px auto 0;} /*footer*/ .foot{height:190px; width:900px; margin:0 auto;} .ftLog{width:180px;} .ftR{width:350px; margin-top:15px;} .ftRa{ font-size:18px;line-height:30px;margin-right:30px;} .ftRa:hover{text-decoration:underline;} } @media screen and (max-width:960px ) and ( min-width:640px){ .IndBan{ background-size:auto 590px; height:590px; background-position: right bottom;} .IndBanK{ width:600px; margin:0 auto; padding-top:75px; } .IndLog{ width:200px;} .IndBanH{ font-size:38px; line-height:50px; margin-top:50px; letter-spacing:3px; margin-bottom:28px;} .IndBanC{ font-size:20px; line-height:30px;letter-spacing:1px;} .pc{display:none;} .IndBanB{width:600px; padding:0 4%; background:#FFF; border-radius:28px; position: absolute; bottom:-70px; left:0;right:0; margin:0 auto; box-shadow:0 5px 10px rgba(0,0,0,0.1);} .IndBanBk{ width: 100%;height:110px;} .IndBanB img{width:38%;} .IndBanBa{background:#5980f2; width:200px; height:46px; line-height:46px; border-radius:23px; color:#FFF; font-size:20px; text-align: center; display: block;} /*title*/ .title{ font-size:34px; letter-spacing: 2px; line-height:50px;} .IndP{font-size:20px; letter-spacing:1px; line-height:45px; margin-top:18px;} /*全自动均匀负载*/ .ward{width:600px; margin:0 auto;} .IndFul{padding-top:70px;} .IndFulK{height:480px;} .IndFulI{width:380px;left:-40px;} .IndFulB{width:280px;} .IndFula{width:160px;height:42px;line-height:42px;border-radius:21px;font-size:20px;margin-top:25px;} /*5*/ .IndFiv{background-size: auto 460px;} .IndFivK{height:500px;padding:0;} .IndFivB{width:245px;} .IndFivN{padding:0 15px; height:50px;border-radius:8px; margin-bottom:14px;} .IndFivN img{width:30px;} .IndFivN p{line-height:30px; font-size:20px; margin-left:12px;} /*支持多个设备登录*/ .IndSup{padding-top:50px;} .IndTit{} .IndSupI{ width:600px; margin:50px auto 0;} /*随意浏览喜爱内容*/ .IndFee{ padding:60px 0 50px;} .IndFeeI{ width:430px; margin:60px auto 0;} /*footer*/ .foot{height:150px; width:600px; margin:0 auto;} .ftLog{width:140px;} .ftR{ margin-top:10px;} .ftRa{ font-size:16px;line-height:26px;margin-right:25px;} } @media only screen and (max-width:639px){ .pc{display:none;} .wap{max-width:600px; margin:0 auto;display:block;} .IndBan{ background-size:100%; height:4.1rem; background-position: bottom;background-image: url("../images/banner02.jpg");} .IndBanK{ width:100%; margin:0 auto; padding:0.15rem 4% 0; } .IndLog{ width:1rem;} .IndBanH{ font-size:0.2rem; line-height:0.22rem; margin-top:0.15rem; letter-spacing:2px; margin-bottom:0.15rem; text-align: center;} .IndBanC{ font-size:0.12rem; line-height:0.16rem;letter-spacing:1px; text-align: center;} .IndBanB{width:80%; padding:0 4%; background:#FFF; border-radius:0.2rem; position: absolute; bottom:-0.45rem; left:0;right:0; margin:0 auto; box-shadow:0 5px 10px rgba(0,0,0,0.1);} .IndBanBk{ width: 100%; height:0.64rem;} .IndBanB img{width:51%;} .IndBanBa{background:#5980f2; width:1rem; height: 0.26rem; line-height:0.26rem; border-radius:0.13rem; color:#FFF; font-size:0.13rem; text-align: center; display: block;} /*title*/ .title{ font-size:0.16rem; letter-spacing:1px; line-height:0.2rem;} .IndP{font-size:0.105rem;line-height:0.2rem; margin-top:0.1rem;} /*全自动均匀负载*/ .ward{width:100%; margin:0 auto;} .IndFul{padding-top:0.45rem;} .IndFulK{height:2.1rem; padding: 0 4%;} .IndFulI{width:50%;left:2%;} .IndFulB{width:44%;} .IndFula{width:0.90rem;height:0.26rem;line-height:0.26rem;border-radius:0.13rem;font-size:0.105rem;margin-top:0.15rem;} /*5*/ .IndFiv{background-size: auto 1.5rem;background-position: bottom right} .IndFivK{height:2.1rem;padding:0 5% 0.1rem;} .IndFivB{width:1.22rem;} .IndFivN{padding:0 0.08rem; height:0.27rem;border-radius:0.05rem; margin-bottom:0.06rem;} .IndFivN img{width:0.14rem;} .IndFivN p{line-height:0.2rem; font-size:0.1rem; margin-left:0.06rem;} /*支持多个设备登录*/ .IndSup{padding-top:0.3rem;} .IndTit{ padding:0 4%;} .IndSupI{ width:100%; margin:0.25rem auto 0;} /*随意浏览喜爱内容*/ .IndFee{ padding:0.3rem 0 0.2rem;} .IndFeeI{ width:60%; margin:0.2rem auto 0;} /*footer*/ .foot{ width:100%;padding:0.14rem 4%} .ftLog{width:0.8rem;} .ftR{ margin-top:0.1rem;} .ftRa{ font-size:0.115rem;line-height:0.2rem;margin-left:0.15rem;} } html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/} /*出的各分辨率媒体查询换算：*/ @media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}} @media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}} @media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }} @media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}} @media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}} @media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}} /* display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center |flex-start|flex-end|center|space-between|space-around overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; transition:0.5s; .IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;} */