/*@media (min-width: 721px){ /***************首页***********/ /* banner */ .banner{background-position:top center; background-repeat:no-repeat;height:100%;width:100%; background-color:#eee} .banner img{ display:block; margin: 0 auto;} /*title*/ .indtit{ position: relative;color:#121417; font-weight: 550;text-align: center; z-index:1;} .indtit:before{content:'zhoudashi';display:block;position:absolute;left:0;right:0;margin:0 auto;color:#fff;font-weight:600;z-index:-1;} .indtitc{color:#fff;} .indtitc:before{ color:rgba(255,255,255,0.1);} /*上词更好*/ .back01{ background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indshangk{background: #fff; overflow: hidden;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; position: relative;} .indshai{ display:block; position: relative; width: 50%; overflow: hidden;} .indshai p{ color:#fff; position: absolute;font-weight:550;} .indshangvs{top:50%; position: absolute;left:0;right:0; margin:0 auto;z-index:2;} .indshangd{margin:0 auto;background:#fff;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center;} .indshangd hr{ border: none; border-left:1px solid #eaeff8;width: 0;} .indshangdl{ color:#3d546e;text-align:right;} .indshangdr{ color:#a2a7ac;} /*覆盖更广*/ .back02{background-color:#052359; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indfud{text-align: center; color:#fff;background: rgba(255,255,255,0.1);position: relative;} .indfud span{ color:#f4e99f;} .indfud:before,.indfud:after{display:block; text-align: center;color:#fff; position: absolute;} .indfud:before{content: '“'; top:0;} .indfud:after{content: '”';} .indfuk{margin:0 auto; position:relative;} .indfukc{text-align:center;font-weight:550;border-radius:50%;color:#fff;background:rgba(255,255,255,0.33);position:absolute;top:50%;right:0;left:0; margin: 0 auto;} .indfui{color:#fff; position: absolute;text-align: center;} .indfui1{right:0;left:0; margin: 0 auto;} /*流量更多*/ .back03{background-color:#fbfbfb; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indlui .indtit:before{ color:rgba(237,237,237,0.4);} .indluip{ font-size:24px; text-align: center;color:#000;} .indluik{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;flex-wrap:wrap;} .indluid{background-position: center; background-size:100%; background-repeat: no-repeat; color:#fff;} .indluil{background-image: ;} .indluir{background-image: ;} .indluin h3{font-weight:500;position: relative;} .indluir .indluin h3:before{content:' ';display:block;background:#fff; position: absolute; left:0; bottom:0;} /*转化率更高*/ .back04{background-color:#0a3a9a; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indzhup{color:#bcf2ff; text-align: center;} .indzhuk{position: relative;} .indzhud{position: absolute;color:#ffcd48;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center;} .indzhud p:last-child{text-align:right;} /*更有效更直观*/ .back05{background-color:#fefefe; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indzhi .indtit:before{ color:rgba(237,237,237,0.8);} .indzhin{position: relative;box-shadow:0 2px 8px rgba(0,0,0,0.1); background:#fff;} .indzhin img{width:100%;} .indzhint{ position:absolute;left:0;} /*值*/ .back06{ background-color:#4146a6; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indguann{display: -webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;} .indguana{background:#fff;display: -webkit-box;display: -ms-flexbox;display:flex;align-items:flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguanp h3{ color:#3457b2; } .indguanp p{ color:#95979e;} /*专业服务*/ .back07{ background-color:#2e3031; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indyep{text-align: center;color:#fff;} .indyep span{ color:#f2c345;} .indyen{display: -webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap; } .indyea{ display:block;} .indyei{overflow: hidden;} .indyea p{color:#fff; text-align: center;} /*实力派*/ .back08{ background-color:#fff; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indship{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center;} .indshii{background:#fff;border-radius:50%;position: relative; z-index:1;} .indshii img{width:100%; z-index:2} .indshii:before{content:' ';display:block;background:#296bb6; position:absolute; left:0;right:0; margin:0 auto; z-index:-1; bottom:0;} .indship:first-child .indshii:before{display:none;} .indshis{color:#373737;} .indshis span{ color:#296bb6; font-weight:550;} /*合作案例*/ .back09{ background-color:#3e4348; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .indhen{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;} .indhena{display: block;} .indhena img{width:100%;} .indhena p{color:#fff; text-align: center;} /**/ .back10{ background-color:#ebf2fa; background-image:; background-position: center; background-repeat: no-repeat; background-size:cover;} .ftnr{position: absolute;left:0;right:0;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;} .indftnp{ overflow: hidden;transition:0.5s;} .indftn .ons{overflow: auto;transition:0.5s;} .indfti{display: block; margin:0 auto;transition:0.5s;} .indftn .on{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;} .ftnlog p{color:#47576a;font-weight:550;} .ftnma p{ text-align: center; color:#52585e;} .ftnhr{border: none; border-left:1px solid #e1e7ed;} .ftnt{ color:#323539;} .ftnra{color:#8f9397; display: block;} .ftnzp{ color:#8f9397;display: -webkit-box;display: -ms-flexbox;display:flex;} .indft{ background: rgba(52,52,52,0.8); position: absolute; bottom:0; left:0; width:100%;} .indftn{margin:0 auto; color:#fff;} .indfti img{width:100%} .indftd{color:#fff;} .indftc{text-align: center;} @media screen and (min-width:1680px){ .banner{background-size:100% 100%;} .banner img{width:740px;} /*title*/ .indtit{line-height:50px;font-size:40px;} .indtit:before{top:-15px;font-size: 62px;} /*上词更好*/ .indshang{padding:60px 0 0;width:1200px; margin:0 auto;} .indshangk{height:315px;width:696px; border:14px solid #fff; border-radius:172px;margin:70px auto 40px;} .indshai p{top:30px; font-size: 24px;line-height:30px;} .indshail p{right:20px;} .indshair p{left:20px;} .indshangvs{ width: 130px; height: 65px;margin-top:-32px;} .indshangd{width:841px; height: 105px;border-radius:53px;font-size: 18px; line-height:25px} .indshangd hr{border-left:1px solid #eaeff8;height: 105px;} .indshangdl,.indshangdr{width:370px; padding:0 25px;} /*覆盖更广*/ .indfu{ padding:60px 0 0;width:1200px; margin:0 auto;} .indfud{width:584px; height:60px; line-height:60px;font-size:20px;margin:50px auto 90px;letter-spacing:3px;} .indfud span{font-size:24px;} .indfud:before,.indfud:after{width:30px;font-size: 36px;line-height:20px;} .indfud:before{top:0; left:-45px;} .indfud:after{bottom:-15px; right:-40px;} .indfuk{ width:385px; height:385px;} .indfukc{width:142px; height: 142px;line-height:142px;font-size:30px;margin-top:-71px;} .indfui{ font-size:18px;line-height:25px; width:70px;} .indfui1{top:-35px;} .indfui2{left:-70px;top:120px;} .indfui3{right:-70px;top:128px;} .indfui4{left:15px;bottom:5px;} .indfui5{right:05px;bottom:5px;} /*流量更多*/ .indlui{width:1200px; padding:60px 0 0; margin: 0 auto;} .indluip{ font-size:24px;line-height:30px; margin-top: 40px;} .indluik{padding-top:80px;} .indluid{ height:511px;} .indluil{ width:389px;} .indluir{width:764px;} .indluin{ padding:30px 35px;} .indluin h3{ line-height:55px;font-size:30px; margin-bottom:15px;padding-bottom:10px;} .indluin p{ font-size:16px; line-height:30px;} .indluir .indluin h3:before{width:50px; height: 2px;} /*转化率更高*/ .indzhu{width:1200px; padding:60px 0 0; margin: 0 auto;} .indzhup{ font-size: 24px;line-height:30px;margin-top: 40px;} .indzhuk{width:798px; margin:80px auto 0;} .indzhud{width:96%;top:10px;left:2%;line-height:30px;font-size: 16px;} .indzhud p{ width:40%;} .indzhud p:last-child{text-align:right;} .indzhud span{ font-size:24px;} /*更有效更直观*/ .indzhi{width:1200px; padding:80px 0 0; margin: 0 auto;} .indzhin{ width:930px; margin:100px auto 0;padding-top:71px; height:529px; border-radius:6px;} .indzhint{ position:absolute;top:-71px; left:0;} /*值*/ .indguan{width:1200px; padding:80px 0 0; margin: 0 auto;} .indguann{ padding:80px 0 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguana{width:320px; height:145px; padding:40px 30px 0;border-radius:6px; margin-bottom: 30px;} .indguana img{width:100px;} .indguanp{width:200px;} .indguanp h3{font-size: 20px; line-height:25px; margin-bottom:4px;} .indguanp p{font-size:14px; line-height:25px;} /*专业服务*/ .indye{width:1200px; padding:80px 0 0; margin: 0 auto;} .indyep{ font-size:22px; line-height:30px; margin-top: 40px;} .indyep span{ color:#f2c345;} .indyen{d-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;margin-top:80px;} .indyei{width:219px; height:310px; border-radius:4px;} .indyea p{ font-size:18px; line-height:25px;padding-top:35px;} /*实力派*/ .indshi{ padding-left:50%; padding-top: 80px;} .indshik{width:530px; margin-left:70px;} .indshik .indtit{ text-align:left;} .indshik .indtit:before{ left:0; right:auto; color:#ededed;} .indshin{ padding-top:50px;} .indship{margin-top:35px;} .indshii{width:33px; height: 33px;border: 1px solid #296bb6;} .indshii:before{width:1px; height:35px; bottom:35px; z-index:-1;} .indshis{ font-size:18px;width:470px; line-height:35px;} /*合作案例*/ .indhe{width:1200px; padding:0 0 0; margin: 0 auto;} .indhen{ margin-top:190px;} .indhena{width:220px;} .indhena img{height:89px;} .indhena p{ font-size: 18px;line-height:25px; margin-top: 35px;} /**/ .ftnr{width:1200px;top:120px;} .ftnlog{ margin-right:30px;} .ftnlog img{width:163px;} .ftnlog p{ font-size:26px;line-height:30px; margin-top:10px;} .ftnma{ margin-left:30px;} .ftnma img{width:125px; height: 125px;} .ftnma p{font-size:14px; line-height:18px; padding-top:5px;} .ftnhr{width:1px; height:160px;border-left:1px solid #e1e7ed;} .ftnp{} .ftnt{ line-height:30px; font-size:16px;} .ftnz{ padding-top:8px;} .ftnra{ font-size: 14px;line-height:30px;} .ftnra:hover{ color:#000;} .ftnzp{line-height:20px; margin-top: 10px;} .ftnzp img{width:20px; margin-right:15px;} .ftnzp p{width:120px;} .indftn{ font-size:14px; width:1200px; margin:0 auto;line-height:40px; padding:60px 0 30px;} .indftnp{height: 40px;} .indftn .ons{height:280px;} .indfti{width:23px; margin-top:15px;} .indftd{ border-top:1px solid rgba(255,255,255,0.2);padding:18px 0;} .indftc{width:1200px; margin:0 auto; font-size:12px;line-height:20px;} } @media screen and (max-width:1679px ) and ( min-width:1400px){ .banner{background-size:100% 100%;} .banner img{width:650px;} /*title*/ .indtit{line-height:45px;font-size:34px;} .indtit:before{top:-13px;font-size:52px;} /*上词更好*/ .indshang{padding:55px 0 0;width:1100px; margin:0 auto;} .indshangk{height:271px;width:600px; border:12px solid #fff; border-radius:148px;margin:60px auto 36px;} .indshai{height:271px;} .indshai p{top:30px; font-size:20px;line-height:30px;} .indshail p{right:18px;} .indshair p{left:18px;} .indshangvs{ width: 120px; height: 60px;margin-top:-30px;} .indshangd{width:791px; height: 100px;border-radius:50px;font-size: 16px; line-height:25px} .indshangd hr{border-left:1px solid #eaeff8;height: 105px;} .indshangdl,.indshangdr{width:355px; padding:0 20px;} /*覆盖更广*/ .indfu{ padding:55px 0 0;width:1100px; margin:0 auto;} .indfud{width:500px; height:55px; line-height:55px;font-size:17px;margin:30px auto 80px;letter-spacing:2px;} .indfud span{font-size:23px;} .indfud:before,.indfud:after{width:30px;font-size: 34px;line-height:20px;} .indfud:before{top:0; left:-45px;} .indfud:after{bottom:-15px; right:-40px;} .indfuk{ width:370px; height:370px;} .indfuk img{width:100%;} .indfukc{width:120px; height:120px;line-height:120px;font-size:28px;margin-top:-60px;} .indfui{ font-size:16px;line-height:25px; width:65px;} .indfui1{top:-35px;} .indfui2{left:-70px;top:120px;} .indfui3{right:-70px;top:128px;} .indfui4{left:15px;bottom:5px;} .indfui5{right:05px;bottom:5px;} /*流量更多*/ .indlui{width:1100px; padding:55px 0 0; margin: 0 auto;} .indluip{ font-size:20px;line-height:28px; margin-top:30px;} .indluik{padding-top:60px;} .indluid{ height:460px;} .indluil{ width:355px;} .indluir{width:700px;} .indluin{ padding:30px 35px;} .indluin h3{ line-height:55px;font-size:28px; margin-bottom:15px;padding-bottom:10px;} .indluin p{ font-size:15px; line-height:30px;} .indluir .indluin h3:before{width:50px; height: 2px;} /*转化率更高*/ .indzhu{width:1100px; padding:55px 0 0; margin: 0 auto;} .indzhup{ font-size: 20px;line-height:30px;margin-top:30px;} .indzhuk{width:798px; margin:70px auto 0;} .indzhud{width:96%;top:10px;left:2%;line-height:27px;font-size: 16px;} .indzhud p{ width:40%;} .indzhud p:last-child{text-align:right;} .indzhud span{ font-size:24px;} /*更有效更直观*/ .indzhi{width:1100px; padding:60px 0 0; margin: 0 auto;} .indzhin{ width:800px; margin:75px auto 0;padding-top:61px;border-radius:3px;} .indzhint{ position:absolute;top:-61px; left:0;} /*值*/ .indguan{width:1100px; padding:60px 0 0; margin: 0 auto;} .indguann{ padding:70px 0 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguana{width:300px; height:135px; padding:32px 25px 0;border-radius:6px; margin-bottom:25px;} .indguana img{width:90px;} .indguanp{width:195px;} .indguanp h3{font-size:19px; line-height:23px; margin-bottom:4px;} .indguanp p{font-size:14px; line-height:23px;} /*专业服务*/ .indye{width:1100px; padding:70px 0 0; margin: 0 auto;} .indyep{ font-size:20px; line-height:28px; margin-top:30px;} .indyen{d-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;margin-top:70px;} .indyei{width:205px; height:290px; border-radius:4px;} .indyea p{ font-size:17px; line-height:25px;padding-top:28px;} /*实力派*/ .indshi{ padding-left:50%; padding-top:70px;} .indshik{width:440px; margin-left:60px;} .indshik .indtit{ text-align:left;} .indshik .indtit:before{ left:0; right:auto; color:#ededed;} .indshin{ padding-top:20px;} .indship{margin-top:30px;} .indshii{width:30px; height: 30px;border: 1px solid #296bb6;} .indshii:before{width:1px; height:30px; bottom:30px; z-index:-1;} .indshis{ font-size:17px;width:380px; line-height:32px;} /*合作案例*/ .indhe{width:1100px; padding:0 0 0; margin: 0 auto;} .indhen{ margin-top:150px;} .indhena{width:205px;} .indhena img{height:80px;} .indhena p{ font-size: 17px;line-height:25px; margin-top: 30px;} /**/ .ftnr{width:1100px;top:115px;} .ftnlog{ margin-right:30px;} .ftnlog img{width:145px;} .ftnlog p{ font-size:24px;line-height:30px; margin-top:10px;} .ftnma{ margin-left:30px;} .ftnma img{width:115px; height: 115px;} .ftnma p{font-size:14px; line-height:18px; padding-top:5px;} .ftnhr{width:1px; height:140px;border-left:1px solid #e1e7ed;} .ftnp{} .ftnt{ line-height:30px; font-size:16px;} .ftnz{ padding-top:8px;} .ftnra{ font-size: 14px;line-height:30px;} .ftnra:hover{ color:#000;} .ftnzp{line-height:20px; margin-top: 10px;} .ftnzp img{width:20px; margin-right:15px;} .ftnzp p{width:120px;} .indftn{ font-size:14px; width:1100px; margin:0 auto;line-height:35px; padding:50px 0 25px;} .indftnp{height:70px;} .indftn .ons{height:280px;} .indfti{width:23px; margin-top:15px;} .indftd{ border-top:1px solid rgba(255,255,255,0.2);padding:18px 0;} .indftc{width:1200px; margin:0 auto; font-size:12px;line-height:20px;} } @media screen and (max-width:1399px ) and ( min-width:1280px){ .banner{background-size:auto 100%;} .banner img{width:550px;} /*title*/ .indtit{line-height:40px;font-size:30px;} .indtit:before{top:-10px;font-size:42px;} /*上词更好*/ .indshang{padding:40px 0 0;width:1000px; margin:0 auto;} .indshangk{height:226px;width:500px; border:10px solid #fff; border-radius:123px;margin:50px auto 30px;} .indshai{height:226px;} .indshai p{top:30px; font-size:17px;line-height:25px;} .indshail p{right:16px;} .indshair p{left:16px;} .indshangvs{ width: 100px; height:50px;margin-top:-25px;} .indshangvs img{height:100%;} .indshangd{width:751px; height:90px;border-radius:45px;font-size: 15px; line-height:22px} .indshangd hr{border-left:1px solid #eaeff8;height: 90px;} .indshangdl,.indshangdr{width:335px; padding:0 20px;} /*覆盖更广*/ .indfu{ padding:40px 0 0;width:1000px; margin:0 auto;} .indfud{width:430px; height:50px; line-height:50px;font-size:16px;margin:25px auto 60px;letter-spacing:2px;} .indfud span{font-size:21px;} .indfud:before,.indfud:after{width:30px;font-size: 34px;line-height:20px;} .indfud:before{top:0; left:-45px;} .indfud:after{bottom:-15px; right:-40px;} .indfuk{ width:340px; height:340px;} .indfuk img{width:100%;} .indfukc{width:100px; height:100px;line-height:100px;font-size:24px;margin-top:-50px;} .indfui{ font-size:15px;line-height:20px; width:60px;} .indfui1{top:-25px;} .indfui2{left:-60px;top:105px;} .indfui3{right:-60px;top:112px;} .indfui4{left:10px;bottom:8px;} .indfui5{right:0px;bottom:8px;} /*流量更多*/ .indlui{width:1000px; padding:40px 0 0; margin: 0 auto;} .indluip{ font-size:18px;line-height:25px; margin-top:25px;} .indluik{padding-top:50px;} .indluid{ height:430px;} .indluil{ width:325px;} .indluir{width:640px;} .indluin{ padding:25px 30px;} .indluin h3{ line-height:50px;font-size:24px; margin-bottom:15px;padding-bottom:10px;} .indluin p{ font-size:14px; line-height:26px;} .indluir .indluin h3:before{width:40px; height: 2px;} /*转化率更高*/ .indzhu{width:1100px; padding:40px 0 0; margin: 0 auto;} .indzhup{ font-size:18px;line-height:25px;margin-top:28px;} .indzhuk{width:740px; margin:50px auto 0;} .indzhuk img{width:100%} .indzhud{width:98%;top:10px;left:1%;line-height:27px;font-size: 15px;} .indzhud p{ width:40%;} .indzhud p:last-child{text-align:right;} .indzhud span{ font-size:20px;} /*更有效更直观*/ .indzhi{width:1000px; padding:45px 0 0; margin: 0 auto;} .indzhin{ width:650px; margin:70px auto 0;padding-top:55px;border-radius:3px;} .indzhint{ position:absolute;top:-55px; left:0;} /*值*/ .indguan{width:1000px; padding:45px 0 0; margin: 0 auto;} .indguann{ padding:60px 0 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguana{width:280px; height:125px; padding:28px 20px 0;border-radius:6px; margin-bottom:20px;} .indguana img{width:80px;} .indguanp{width:185px;} .indguanp h3{font-size:18px; line-height:23px; margin-bottom:4px;} .indguanp p{font-size:13px; line-height:20px;} /*专业服务*/ .indye{width:1000px; padding:50px 0 0; margin: 0 auto;} .indyep{ font-size:18px; line-height:25px; margin-top:25px;} .indyen{d-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;margin-top:50px;} .indyei{width:187px; height:264px; border-radius:4px;} .indyea p{ font-size:16px; line-height:22px;padding-top:25px;} /*实力派*/ .indshi{ padding-left:50%; padding-top:50px;} .indshik{width:440px; margin-left:50px;} .indshik .indtit{ text-align:left;} .indshik .indtit:before{ left:0; right:auto; color:#ededed;} .indshin{ padding-top:20px;} .indship{margin-top:30px;} .indshii{width:26px; height: 26px;border: 1px solid #296bb6;} .indshii:before{width:1px; height:28px; bottom:28px; z-index:-1;} .indshis{ font-size:16px;width:380px; line-height:28px;} /*合作案例*/ .indhe{width:1000px; padding:0 0 0; margin: 0 auto;} .indhen{ margin-top:130px;} .indhena{width:190px;} .indhena img{height:75px;} .indhena p{ font-size: 16px;line-height:20px; margin-top:25px;} /**/ .ftnr{width:1000px;top:100px;} .ftnlog{ margin-right:20px;} .ftnlog img{width:130px;} .ftnlog p{ font-size:20px;line-height:25px; margin-top:6px;} .ftnma{ margin-left:20px;} .ftnma img{width:100px; height: 100px;} .ftnma p{font-size:13px; line-height:18px; padding-top:5px;} .ftnhr{width:1px; height:110px;border-left:1px solid #e1e7ed;} .ftnp{} .ftnt{ line-height:26px; font-size:15px;} .ftnz{ padding-top:6px;} .ftnra{ font-size: 13px;line-height:26px;} .ftnra:hover{ color:#000;} .ftnzp{line-height:20px; margin-top:6px;} .ftnzp img{width:20px; margin-right:10px;} .ftnzp p{width:110px;} .indftn{ font-size:12px; width:1000px; margin:0 auto;line-height:30px; padding:40px 0 18px;} .indftnp{height:30px;} .indftn .ons{height:240px;} .indfti{width:19px; margin-top:15px;} .indftd{ border-top:1px solid rgba(255,255,255,0.2);padding:14px 0;} .indftc{width:1000px; margin:0 auto; font-size:12px;line-height:20px;} } @media screen and (max-width:1279px ) and ( min-width:960px){ .banner{background-size:cover;} .banner img{width:400px;} /*title*/ .indtit{line-height:36px;font-size:28px;} .indtit:before{top:-10px;font-size:36px;} /*上词更好*/ .indshang{padding:30px 0 0;width:900px; margin:0 auto;} .indshangk{height:217px;width:480px; border:7px solid #fff; border-radius:116px;margin:40px auto 20px;} .indshai{height:217px;} .indshai p{top:30px; font-size:17px;line-height:20px;} .indshai img{width:100%;} .indshail p{right:12px;} .indshair p{left:12px;} .indshangvs{ width:100px; height:40px;margin-top:-20px;} .indshangvs img{ height:40px; display: block; margin:0 auto;} .indshangd{width:701px; height:80px;border-radius:48px;font-size: 14px; line-height:22px} .indshangd hr{border-left:1px solid #eaeff8;height: 80px;} .indshangdl,.indshangdr{width:310px; padding:0 20px;} /*覆盖更广*/ .indfu{ padding:30px 0 0;width:900px; margin:0 auto;} .indfud{width:380px; height:50px; line-height:50px;font-size:15px;margin:25px auto 50px;letter-spacing:1px;} .indfud span{font-size:18px;} .indfud:before,.indfud:after{width:30px;font-size: 32px;line-height:20px;} .indfud:before{top:0; left:-45px;} .indfud:after{bottom:-15px; right:-40px;} .indfuk{ width:300px; height:300px;} .indfuk img{width:100%;} .indfukc{width:80px; height: 80px;line-height:80px;font-size:20px;margin-top:-40px;} .indfui{ font-size:13px;line-height:25px; width:55px;} .indfui1{top:-30px;} .indfui2{left:-55px;top:90px;} .indfui3{right:-55px;top:95px;} .indfui4{left:5px;bottom:5px;} .indfui5{right:0;bottom:5px;} /*流量更多*/ .indlui{width:900px; padding:50px 0 0; margin: 0 auto;} .indluip{ font-size:16px;line-height:20px; margin-top:20px;} .indluik{padding-top:40px;} .indluid{ height:380px;} .indluil{ width:290px;} .indluir{width:580px;} .indluin{ padding:20px 25px;} .indluin h3{ line-height:45px;font-size:20px; margin-bottom:10px;padding-bottom:7px;} .indluin p{ font-size:12px; line-height:24px;} .indluir .indluin h3:before{width:40px; height: 2px;} /*转化率更高*/ .indzhu{width:900px; padding:30px 0 0; margin: 0 auto;} .indzhup{ font-size:17px;line-height:25px;margin-top:20px;} .indzhuk{width:550px; margin:40px auto 0;} .indzhuk img{width:100%;} .indzhud{width:100%;top:0;left:0;line-height:25px;font-size: 13px;} .indzhud p{ width:40%;} .indzhud p:last-child{text-align:right;} .indzhud span{ font-size:17px;} /*更有效更直观*/ .indzhi{width:900px; padding:30px 0 0; margin: 0 auto;} .indzhin{ width:630px; margin:60px auto 0;padding-top:48px;border-radius:4px;} .indzhint{ position:absolute;top:-48px; left:0;} /*值*/ .indguan{width:900px; padding:30px 0 0; margin: 0 auto;} .indguann{ padding:40px 0 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguana{width:254px; height:115px; padding:20px 16px 0;border-radius:6px; margin-bottom:20px;} .indguana img{width:80px;} .indguanp{width:160px;} .indguanp h3{font-size:16px; line-height:22px; margin-bottom:4px;} .indguanp p{font-size:12px; line-height:20px;} /*专业服务*/ .indye{width:900px; padding:30px 0 0; margin: 0 auto;} .indyep{ font-size:17px; line-height:25px; margin-top:20px;} .indyep span{ color:#f2c345;} .indyen{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;margin-top:40px;} .indyei{width:167px; height:236px; border-radius:4px;} .indyei img{width:100%} .indyea p{ font-size:14px; line-height:20px;padding-top:30px;} /*实力派*/ .indshi{ padding-left:50%; padding-top:60px;} .indshik{width:400px; margin-left:50px;} .indshik .indtit{ text-align:left;} .indshik .indtit:before{ left:0; right:auto; color:#ededed;} .indshin{ padding-top:5px;} .indship{margin-top:25px;} .indshii{width:23px; height: 23px;border: 1px solid #296bb6;} .indshii:before{width:1px; height:25px; bottom:25px;} .indshis{ font-size:14px;width:350px;line-height:25px;} /*合作案例*/ .indhe{width:900px; padding:0 0 0; margin: 0 auto;} .indhen{ margin-top:90px;} .indhena{width:170px;} .indhena img{height:70px;} .indhena p{ font-size:15px;line-height:20px; margin-top:20px;} /**/ .ftnr{width:900px;top:90px;} .ftnlog{ margin-right:20px;} .ftnlog img{width:120px;} .ftnlog p{ font-size:18px;line-height:25px; margin-top:5px;} .ftnma{ margin-left:20px;} .ftnma img{width:86px; height: 86px;} .ftnma p{font-size:12px; line-height:16px; padding-top:3px;} .ftnhr{width:1px; height:120px;border-left:1px solid #e1e7ed;} .ftnp{} .ftnt{ line-height:22px; font-size:14px;} .ftnz{ padding-top:4px;} .ftnra{ font-size: 12px;line-height:24px;} .ftnra:hover{ color:#000;} .ftnzp{line-height:20px; margin-top:5px;} .ftnzp img{width:20px; margin-right:6px;} .ftnzp p{width:90px;font-size:12px;} .indftn{ font-size:12px; width:900px; margin:0 auto;line-height:30px; padding:30px 0 12px;} .indftnp{height:60px;} .indftn .ons{height:210px;} .indfti{width:15px; margin-top:10px;} .indftd{ border-top:1px solid rgba(255,255,255,0.2);padding:15px 0;} .indftc{width:900px; margin:0 auto; font-size:12px;line-height:20px;} } @media screen and (max-width:959px ) and ( min-width:640px){ .banner{background-size:auto 100%;} .banner img{width:500px;} /*title*/ .indtit{line-height:35px;font-size:26px;} .indtit:before{top:-10px;font-size:38px;} /*上词更好*/ .indshang{padding:50px 0 0;width:600px; margin:0 auto;} .indshangk{height:217px;width:480px; border:7px solid #fff; border-radius:122px;margin:45px auto 25px;} .indshai{height:217px;} .indshai p{top:25px; font-size:17px;line-height:25px;} .indshai img{width:100%;} .indshail p{right:17px;} .indshair p{left:17px;} .indshangvs{ width: 120px; height:46px;margin-top:-23px;} .indshangvs img{ height:46px; display: block; margin:0 auto;} .indshangd{width:591px; height:88px;border-radius:44px;font-size: 14px; line-height:20px} .indshangd hr{border-left:1px solid #eaeff8;height:88px;} .indshangdl,.indshangdr{width:365px; padding:0 15px;} /*覆盖更广*/ .indfu{ padding:50px 0 0;width:600px; margin:0 auto;} .indfud{width:400px; height:40px; line-height:40px;font-size:15px;margin:25px auto 60px;letter-spacing:2px;} .indfud span{font-size:19px;} .indfud:before,.indfud:after{width:30px;font-size:28px;line-height:20px;} .indfud:before{top:0; left:-40px;} .indfud:after{bottom:-15px; right:-40px;} .indfuk{ width:300px; height:300px;} .indfuk img{width:100%;} .indfukc{width:80px; height: 80px;line-height:80px;font-size:20px;margin-top:-40px;} .indfui{ font-size:15px;line-height:25px; width:60px;} .indfui1{top:-25px;} .indfui2{left:-60px;top:90px;} .indfui3{right:-60px;top:95px;} .indfui4{left:10px;bottom:5px;} .indfui5{right:05px;bottom:5px;} /*流量更多*/ .indlui{width:600px; padding:50px 0 0; margin: 0 auto;} .indluip{ font-size:16px;line-height:25px; margin-top:20px;} .indluik{padding-top:50px;} .indluid{ height:261px;} .indluil{ width:200px;} .indluir{width:390px;} .indluin{ padding:15px 20px;} .indluin h3{ line-height:38px;font-size:18px; margin-bottom:9px;padding-bottom:6px;} .indluin p{ font-size:12px; line-height:22px;} .indluir .indluin h3:before{width:30px; height: 2px;} /*转化率更高*/ .indzhu{width:600px; padding:40px 0 0; margin: 0 auto;} .indzhup{ font-size:16px;line-height:20px;margin-top:20px;} .indzhuk{width:550px; margin:50px auto 0;} .indzhuk img{width:100%;} .indzhud{width:98%;top:5px;left:1%;line-height:30px;font-size: 12px;} .indzhud p{ width:40%;} .indzhud p:last-child{text-align:right;} .indzhud span{ font-size:18px;} /*更有效更直观*/ .indzhi{width:600px; padding:50px 0 0; margin: 0 auto;} .indzhin{ width:560px; margin:60px auto 0;padding-top:43px; height:320px; border-radius:4px;} .indzhint{ position:absolute;top:-43px; left:0;} /*值*/ .indguan{width:600px; padding:50px 0 0; margin: 0 auto;} .indguann{ padding:50px 0 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguana{width:254px; height:110px; padding:22px 18px 0;border-radius:6px; margin-bottom:15px;} .indguana img{width:85px;} .indguanp{width:160px;} .indguanp h3{font-size:16px; line-height:22px; margin-bottom:4px;} .indguanp p{font-size:12px; line-height:20px;} /*专业服务*/ .indye{width:600px; padding:50px 0 0; margin: 0 auto;} .indyep{ font-size:16px; line-height:20px; margin-top:20px;} .indyep span{ color:#f2c345;} .indyen{-webkit-box-pack:center;-ms-flex-pack: center;justify-content:center;margin-top:30px;} .indyea{margin:0 10px 20px; display: block;} .indyei{width:160px; height:226px; border-radius:4px; } .indyei img{width:100%} .indyea p{ font-size:15px; line-height:20px;padding-top:10px;} /*实力派*/ .back08{ background-position: top right;} .indshi{ width:500px; margin:0 auto;padding-top:50px;} .indshik{} .indshik .indtit:before{ color:#ededed;} .indshin{ padding-top:30px;} .indship{margin-top:30px;} .indshii{width:28px; height: 28px;border: 1px solid #296bb6;} .indshii:before{width:1px; height:30px; bottom:30px;} .indshis{ font-size:16px;width:455px; line-height:30px;} /*合作案例*/ .indhe{width:600px; padding:0 0 0; margin: 0 auto;} .indhen{ margin-top:80px;-webkit-box-pack:center;-ms-flex-pack: center;justify-content:center;} .indhena{width:175px; margin:0 10px 20px;} .indhena img{height:80px;} .indhena p{ font-size: 15px;line-height:25px; margin-top:10px;} /**/ .ftnr{width:600px;top:80px;} .ftnlog{ margin-right:20px;} .ftnlog img{width:100px;} .ftnlog p{ font-size:16px;line-height:20px; margin-top:5px;} .ftnma{ margin-left:15px;} .ftnma img{width:90px; height:90px;} .ftnma p{font-size:12px; line-height:18px; padding-top:5px;} .ftnhr{ display: none;} .ftnp{} .ftnt{ line-height:25px; font-size:14px;} .ftnz{ padding-top:5px;} .ftnra{ font-size: 12px;line-height:23px;} .ftnzp{line-height:18px; margin-top:3px;} .ftnzp img{width:18px; margin-right:7px;} .ftnzp p{width:80px;font-size: 12px;} .indftn{ font-size:12px; width:600px; margin:0 auto;line-height:26px; padding:20px 0 10px;} .indftnp{height:26px;} .indftn .ons{height:210px;} .indfti{width:15px; margin-top:10px;} .indftd{ border-top:1px solid rgba(255,255,255,0.2);padding:12px 0;} .indftc{width:600px; margin:0 auto; font-size:12px;line-height:20px;} } @media only screen and (max-width: 639px) { .banner{background-size:auto 100%;} .banner img{width:90%;} /*title*/ .indtit{line-height:0.24rem;font-size:0.18rem;} .indtit:before{top:-0.1rem;font-size:0.24rem;} /*上词更好*/ .indshang{padding:0.5rem 0 0;width:100%; margin:0 auto;} .indshangk{height:1.2rem;width:90%; border:0.05rem solid #fff; border-radius:0.6rem;margin:0.25rem auto 0.15rem;} .indshai{height:1.2rem;} .indshai p{top:0.2rem; font-size:0.13rem;line-height:0.2rem;} .indshai img{width:100%;} .indshail p{right:5%;} .indshair p{left:5%;} .indshangvs{ width:20%; height:0.28rem;margin-top:-0.14rem;} .indshangvs img{ height:0.24rem; display: block; margin:0 auto;} .indshangd{width:92%; height:0.8rem;border-radius:0.4rem;font-size:0.1rem; line-height:0.16rem} .indshangd hr{border-left:0.01rem solid #eaeff8;height:0.8rem;} .indshangdl,.indshangdr{width:45.5%; padding:0 2%;} /*覆盖更广*/ .indfu{ padding:0.5rem 0 0;width:100%; margin:0 auto;} .indfud{width:80%; height:0.26rem; line-height:0.26rem;font-size:0.1rem;margin:0.15rem auto 0.4rem;letter-spacing:1px;} .indfud span{font-size:0.13rem;} .indfud:before,.indfud:after{width:0.2rem;font-size:0.15rem;line-height:0.2rem;} .indfud:before{top:0; left:-0.2rem;} .indfud:after{bottom:-0.1rem; right:-0.2rem;} .indfuk{ width:70%;} .indfuk img{width:100%; display: block;} .indfukc{width:0.7rem; height:0.7rem;line-height:0.7rem;font-size:0.15rem;margin-top:-0.35rem;} .indfui{ font-size:0.1rem;line-height:0.2rem; width:15%;} .indfui1{top:-0.3rem;} .indfui2{left:-15%;top:30%;} .indfui3{right:-15%;top:31%;} .indfui4{left:5%;bottom:5px;} .indfui5{right:5%;bottom:5px;} /*流量更多*/ .indlui{width:100%; padding:0.5rem 0 0; margin: 0 auto;} .indluip{ font-size:0.1rem;line-height:0.2rem; margin-top:0.1rem;} .indluik{padding:0.2rem 4% 0;width:92%;} .indluid{ height:2rem;} .indluil{ width:100%;} .indluir{width:100%;} .indluin{ padding:4% 0.15rem;} .indluin h3{ line-height:38px;font-size:18px; margin-bottom:9px;padding-bottom:6px;} .indluin p{ font-size:12px; line-height:22px;} .indluir .indluin h3:before{width:30px; height: 2px;} /*转化率更高*/ .indzhu{width:100%; padding:0.5rem 0 0; margin: 0 auto;} .indzhup{ font-size:0.1rem;line-height:0.3rem;margin-top:0.15rem;} .indzhuk{width:92%; margin:0.2rem auto 0;} .indzhuk img{width:100%;} .indzhud{width:100%;top:-0.1rem;left:0;line-height:0.2rem;font-size:0.09rem;} .indzhud p{ width:50%;} .indzhud p:last-child{text-align:right;} .indzhud span{ font-size:0.12rem;} /*更有效更直观*/ .indzhi{width:100%; padding:0.5rem 0 0; margin: 0 auto;} .indzhin{ width:92%; margin:0.4rem auto 0;padding-top:0.2rem; border-radius:0.04rem;} .indzhint{ position:absolute;top:-0.2rem; left:0;} /*值*/ .indguan{width:100%; padding:0.5rem 0 0; margin: 0 auto;} .indguann{ padding:0.1rem 4% 0; width:92%; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;} .indguana{width:90%; padding:0.08rem 5% 0.05rem;border-radius:0.05rem; margin-bottom:0.05rem;} .indguana img{width:0.5rem;} .indguanp{width:75%;} .indguanp h3{font-size:0.13rem; line-height:0.2rem;} .indguanp p{font-size:0.1rem; line-height:0.16rem;} /*专业服务*/ .indye{width:100%; padding:0.5rem 0 0; margin: 0 auto;} .indyep{ font-size:0.1rem; line-height:0.16rem; margin-top:0.1rem;} .indyep span{ color:#f2c345;} .indyen{-webkit-box-pack:center;-ms-flex-pack: center;justify-content:center;margin-top:0.15rem;} .indyea{margin:0 0 0.15rem; display: block;width:32%;} .indyei{ width:92%; margin:0 auto;border-radius:0.04rem; } .indyei img{width:100%} .indyea p{ font-size:0.1rem; line-height:0.18rem;padding-top:0.05rem;} /*实力派*/ .back08{ background-position: top right;} .indshi{ width:90%; margin:0 auto;padding-top:0.2rem;} .indshik{} .indshik .indtit:before{ color:#ededed;} .indshin{ padding-top:0rem;} .indship{margin-top:0.2rem;} .indshii{width:0.18rem; height: 0.18rem;border:0.01rem solid #296bb6;} .indshii:before{width:0.01rem; height:0.2rem; bottom:0.2rem;} .indshis{ font-size:0.12rem;width:88%; line-height:0.2rem;} /*合作案例*/ .indhe{width:100%; padding:0 0 0; margin: 0 auto;} .indhen{ margin-top:0.2rem;-webkit-box-pack:center;-ms-flex-pack: center;justify-content:center;} .indhena{width:32%; margin:0 0 0.15rem;} .indhena img{height:0.3rem;width:94%; display: block; margin: 0 auto;} .indhena p{ font-size:0.12rem;line-height:0.2rem; margin-top:0.05rem;} /**/ .ftnr{width:92%; left:4%; top:0.6rem;} .ftnlog{ width: 40.33%} .ftnlog img{ height:0.3rem;} .ftnlog p{ font-size:0.14rem;line-height:0.2rem; margin-top:0.03rem;} .ftnma{ margin:0 auto;} .ftnma img{width:90px; height:90px;} .ftnma p{font-size:0.1rem; line-height:0.15rem; padding-top:0.02rem;} .ftnhr{ display: none;} .ftnp{ width:25%; margin-bottom:0.1rem;} .ftnpw{width:45%} .ftnt{ line-height:25px; font-size:14px;} .ftnz{ padding-top:5px;} .ftnra{ font-size: 12px;line-height:23px;} .ftnzp{line-height:18px; margin-top:3px;} .ftnzp img{width:18px; margin-right:7px;} .ftnzp p{width:80px;font-size: 12px;} .indftn{font-size:0.11rem; width:92%;line-height:0.18rem; padding:0.15rem 4% 0.05rem;} .indftnp{height:0.36rem;} .indftn .ons{height:2rem;} .indfti{width:0.15rem; margin-top:0.05rem;} .indftd{ border-top:1px solid rgba(255,255,255,0.2);padding:12px 0;} .indftc{width:100%; margin:0 auto; font-size:12px;line-height:20px;} } /**/ @font-face { font-family: 'iconfont'; /* project id 2041326 */ src: ; src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype'), format('svg'); } .iconfont { font-family: "iconfont" !important; font-style: normal; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .back11{ background-color:#001432; color:#999} .szfoot-navcon{ border-bottom: 1px solid rgba(255, 255, 255, .1); } .szfoot-navcon dt{position: relative; font-size: 16px; color: #fff; line-height: 1; padding:15px 0 } .szfoot-navcon dt span{ height: 100%; color: rgba(255, 255, 255, .5); display: flex; align-items: center; justify-content: flex-end; position: absolute; left: 0; right: 0; top: 0; font-size: 14px; line-height: 1;} .szfoot-navcon dt span:before{transition: all .3s ease-out 0s;} .szfoot-navcon dd { height: 0; overflow: hidden;} .szfoot-navcon dd a{ color: #999; display: block; line-height: 30px; } .szfoot-navcon dd p{ display: flex; flex-wrap: wrap; line-height: 24px;} .szfoot-navcon dd p span{ font-size: 13px; display: block; margin-right: 5px; width: 20px; text-align: center;} .szfoot-navcon dd p i{ font-style: normal;} .cur.szfoot-navcon dt span:before {transform: rotate(180deg);} .cur.szfoot-navcon dd{ height: auto; padding-bottom: 10px;} .szfoot-top .contact{ margin-top: 20px;} .szfoot-top .contact dt{ font-size: 26px; font-weight: bold; color: #fff;} .szfoot-top .contact .way{ margin-top: 15px;} .szfoot-top .contact .way span{ display: block; width: 210px; line-height: 1; border: 1px solid rgba(255, 255, 255, .1); padding: 12px 10px; margin-bottom: 7px;} .szfoot-top .contact .way span:last-child{ margin-bottom: 0} .szfoot-bot{ border-top: 1px solid rgba(255, 255, 255, .1); padding: 20px 0; font-size: 12px; color: #666} .szfoot-bot .copy{ line-height: 16px;} .szfoot-bot .follow{ margin-top: 10px;} .szfoot-bot .follow a{ color: #747474; font-size: 14px; display: inline-block; vertical-align: top; margin-left: 15px;} .container {padding-right: 15px; padding-left: 15px;margin-right: auto; margin-left: auto;} .glyphicon-menu-down:before {content: ""; display: block; width: 16px; height:16px; background-image:; background-position: center; background-repeat: no-repeat; background-size:14px;} .cur.szfoot-navcon dt span:before {transform: rotate(180deg);} @media (min-width: 1280px){ .container {width: 1170px;} .szfoot-top {padding:20px 0;} .szfoot-nav {display: flex;justify-content: space-between;} .szfoot-navcon {max-width: 210px;border: 0;} .szfoot-navcon dt {font-size: 20px;padding: 0;} .szfoot-navcon dt span {display: none;} .szfoot-navcon dd{height: auto; margin-top: 25px;} .szfoot-navcon dd p { padding-bottom: 10px; line-height: 22px;} .szfoot-navcon dd p:last-child{ padding-bottom: 0} .szfoot-navcon dd a:hover{ color: #fff} .szfoot-top .contact{ margin-top: 0; } .szfoot-top .contact dt{ line-height: 1} .szfoot-top .contact dd{ margin-top: 5px;} } @media screen and (max-width:1279px ) and ( min-width:960px){ .container {width:900px;} .szfoot-top {padding:10px 0;} .szfoot-nav {display: flex;justify-content: space-between;} .szfoot-navcon {max-width:180px;border: 0;} .szfoot-navcon dt {font-size:18px;padding: 0;} .szfoot-navcon dt span {display: none;} .szfoot-navcon dd{height: auto; margin-top: 25px;} .szfoot-navcon dd p { padding-bottom: 10px; line-height: 22px;} .szfoot-navcon dd p:last-child{ padding-bottom: 0} .szfoot-navcon dd a:hover{ color: #fff} .szfoot-top .contact{ margin-top: 0; } .szfoot-top .contact dt{ line-height: 1} .szfoot-top .contact dd{ margin-top: 5px;} } @media screen and (max-width:959px ) and ( min-width:640px){ .container {width:600px;} } @media (max-width:639px){ .container {width: 639px;} .glyphicon-menu-down:before {width: 10px; height:10px; background-size:10px;} } /*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center*/