@charset "utf-8";

* { box-sizing: border-box; }

body, ul, dl, dd, dt, ol, li, p, a, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, tr, td, div, input { margin: 0px; padding: 0px; text-decoration: none; list-style: none; font-family: 微软雅黑; }

.fl { float: left; }

.fr { float: right; }

.introduce { text-align: center; margin-top: 80px; }

.introduce .title-mean { display: block; width: 930px; color: rgb(102, 102, 102); margin: 20px auto; }

.btn { width: 100%; text-align: center; margin-top: 50px; }

.btn a { display: inline-block; padding: 5px; width: 120px; border: 1px solid rgb(5, 93, 164); color: rgb(5, 93, 164); }

.active { background-color: rgb(255, 165, 0); }

@media screen and (min-width: 200px) and (max-width: 900px) {
  body { width: 100%; }
}

.lb { width: 100%; height: 660px; }

@media screen and (min-width: 200px) and (max-width: 900px) {
  .lb { width: 100%; height: 200px; }
}

#banner { width: 100%; height: 660px; overflow: hidden; transition: all 0.3s linear 0s; position: absolute; }

@media screen and (min-width: 200px) and (max-width: 900px) {
  #banner { width: 100%; height: 200px; }
}

#banner ul .banner-list { display: none; position: absolute; width: 100%; height: 100%; }

#banner ul .banner-list img { width: 100%; height: 100%; }

#banner .banner-circle { position: absolute; top: 95%; left: 50%; margin: auto; transform: translate(-50%, -50%); }

#banner .banner-circle::after { content: ""; height: 0px; display: block; clear: both; }

#banner .banner-circle li { float: left; width: 15px; height: 15px; margin: 0px 5px; border: 3px solid rgb(255, 255, 255); border-radius: 50%; cursor: pointer; }
#banner .banner-list.active { display: list-item; }

.logo { top: 1%; width: 159px; height: 44px; position: absolute; z-index: 10; left: 20%; }

.logo img { width: 100%; height: 100%; }

@media screen and (min-width: 200px) and (max-width: 900px) {
  .logo { top: 1%; width: 159px; height: 44px; position: absolute; z-index: 10; left: 5%; }
}

.tobu { width: 100%; height: 50px; z-index: 9999; background-image: url("/web/20211226234448im_/http://chn-wise.com/images/000.png"); position: fixed; }

.dh { position: absolute; z-index: 99; height: 50px; left: 45%; }

.dh ul { width: 800px; }

.dh ul::after { content: ""; height: 0px; display: block; clear: both; }

.dh ul li { float: left; margin-right: 5%; text-align: center; padding: 1% 0px; }

.dh ul li a { display: block; width: 100%; color: rgb(255, 255, 255); text-align: center; transition: all 0.3s linear 0s; }

.dh ul li:last-child a { border: none; }

.dh ul li:hover { color: rgb(4, 192, 220); border-bottom: 2px solid rgb(4, 192, 220); }

.dh ul li:hover a { color: rgb(4, 192, 220); }

.haohao { display: none; }

@media screen and (min-width: 350px) and (max-width: 900px) {
  .haohao { display: block; margin-left: 320px; }
  .dh { display: none; }
  .dh ul { width: 150px; margin-top: 50px; margin-left: 45%; }
  .dh ul li a { display: block; width: 100%; color: rgb(255, 255, 255); text-align: center; transition: all 0.3s linear 0s; }
  .dh ul li { float: none; text-align: center; padding: 1% 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/images/000.png"); }
  .huang { width: 50px; height: 50px; float: left; margin-right: -50px; background-color: rgb(255, 255, 255); }
  .huang1 { width: 50px; height: 50px; margin-left: 50px; background-color: rgb(0, 0, 0); }
  .dh div:hover li { display: none; }
}

@media screen and (min-width: 300px) and (max-width: 350px) {
  .haohao { display: block; margin-left: 260px; }
  .dh { display: none; }
  .dh ul { width: 150px; margin-top: 50px; margin-left: 25%; }
  .dh ul li a { display: block; width: 100%; color: rgb(255, 255, 255); text-align: center; transition: all 0.3s linear 0s; }
  .dh ul li { float: none; text-align: center; padding: 1% 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/images/000.png"); }
  .dh div:hover li { display: none; }
}

.qiy { width: 1260px; margin: 0px auto; padding-top: 3%; }

.zt1 { font-size: 46px; color: rgb(0, 0, 0); text-align: center; }

.zt2 { font-size: 18px; color: rgb(194, 194, 194); text-align: center; }

.zt3 { font-size: 30px; line-height: 28px; color: rgb(0, 0, 0); }

@media screen and (min-width: 200px) and (max-width: 900px) {
  .qiy { width: 100%; padding: 3% 10px 0px; }
  .zt1 { font-size: 20px; color: rgb(0, 0, 0); text-align: center; }
  .zt2 { font-size: 14px; color: rgb(194, 194, 194); text-align: center; }
  .qiy img { width: 100%; }
  .qiy div p { font-size: 10px; line-height: 20px; }
}

.heiz { width: 100%; height: auto; padding-top: 50px; padding-bottom: 50px; background-color: rgb(242, 246, 246); }

.hzul { width: 1180px; height: auto; margin: 50px auto 0px; }

.hzli { width: 381px; height: auto; float: left; margin: 0px 5px; padding: 0 0 25px 0; background: #fff; border-radius: 12px; overflow: hidden; }

.hzli:hover { background: #fff; }

.tup1 { display: block; width: 100%; height: auto; margin-bottom: -68%; }

.hzli p { position: static; text-align: center; font-size: 22px; float: none; margin: 2px auto 4px auto; color: #000; }

.hzli ul { position: static; font-size: 16px; color: rgb(74, 74, 74); margin: 0 10px 0 35px; padding: 0; list-style: none; }

.hzli ul li { padding-left: 0; margin-bottom: 5px; position: relative; line-height: 24px; }

.hzli ul li img { position: absolute; left: 0; top: 7px; }

.hzli .sdiv li p { text-align: left; font-size: 15px; margin: 0 0 0 24px; width: auto; }

@media screen and (min-width: 400px) and (max-width: 900px) {
  .hzul { width: 100%; height: auto; margin: 50px auto 0px; }
  .heiz { width: 100%; height: auto; padding-top: 50px; padding-bottom: 30px; background-color: rgb(242, 246, 246); }
  .hzli { width: 95%; margin-bottom: 30px; margin-left: 1.5%; padding: 5px; background: #fff; border-radius: 8px; height: auto; overflow: visible; }
  .tup1 { width: 100%; margin-bottom: -72%; }
  .hzli:hover { background-image: none; }
  .hzli ul { position: static; margin: 10px 0 15px 0; padding-left: 10%; color: rgb(74, 74, 74); }
  .hzli ul li p { font-size: 14px; color: rgb(74, 74, 74); }
  .hzli p { position: static; margin: 3px 5% 2px 5%; font-size: 18px; float: none; }
}

@media screen and (min-width: 350px) and (max-width: 399px) {
  .hzul { width: 100%; height: auto; margin: 50px auto 0px; }
  .heiz { width: 100%; height: auto; padding-top: 50px; padding-bottom: 30px; background-color: rgb(242, 246, 246); }
  .hzli { width: 95%; margin-bottom: 20px; margin-left: 1.5%; padding: 5px; background: #fff; border-radius: 8px; height: auto; overflow: visible; }
  .tup1 { width: 100%; margin-bottom: -72%; }
  .hzli:hover { background-image: none; }
  .hzli ul { position: static; margin: 10px 0 15px 0; padding-left: 10%; color: rgb(74, 74, 74); }
  .hzli ul li p { font-size: 14px; color: rgb(74, 74, 74); }
  .hzli p { position: static; margin: 3px 5% 2px 5%; font-size: 18px; float: none; }
}

@media screen and (min-width: 200px) and (max-width: 350px) {
  .hzul { width: 100%; height: auto; margin: 50px auto 0px; }
  .heiz { width: 100%; height: auto; padding-top: 50px; padding-bottom: 30px; background-color: rgb(242, 246, 246); }
  .hzli { width: 95%; margin-bottom: 20px; margin-left: 1.5%; padding: 5px; background: #fff; border-radius: 8px; height: auto; overflow: visible; }
  .tup1 { width: 100%; margin-bottom: -72%; }
  .hzli:hover { background-image: none; }
  .hzli ul { position: static; margin: 10px 0 15px 0; padding-left: 10%; color: rgb(74, 74, 74); }
  .hzli ul li p { font-size: 14px; color: rgb(74, 74, 74); }
  .hzli p { position: static; margin: 3px 5% 2px 5%; font-size: 18px; float: none; }
}

.fwny { width: 100%; height: 863px; padding-top: 40px; }

.fwny1 { width: 1150px; height: 580px; margin: 40px auto 0px; }

.fwny2 { width: 227px; height: 570px; float: left; padding: 7px; position: relative; }

.fwny2:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/images/fwny2.jpg"); }

.fwny2 p { position: absolute; margin-top: -440px; font-size: 24px; float: left; margin-left: 1%; text-align: center; z-index: 2; }

.fwny2 ul { position: absolute; margin-top: -370px; font-size: 18px; color: rgb(74, 74, 74); z-index: 2; }

.fwny2 ul li { margin-bottom: 3px; }

.fwn2 { display: none; }

.fwny20 { display: none; }

@media screen and (min-width: 200px) and (max-width: 550px) {
  .fwny { display: none; }
  .fwny20 { display: block; height: 2400px; background-color: rgb(242, 246, 246); }
  .fwny1 { width: 100%; margin-top: 40px; }
  .fwny2 { width: 95%; float: left; background-color: rgb(255, 255, 255); height: 450px; margin-left: 2%; padding: 7px; margin-bottom: 10px; }
  .fwn1 { display: none; }
  .fwn2 { display: block; margin: 0px auto; }
  .fwny2:hover { border: 0px; background-image: none; }
  .fwny2 p { position: absolute; margin-top: 0px; font-size: 18px; float: left; margin-left: 27%; text-align: center; }
  .fwny2 ul { position: absolute; margin-top: 50px; font-size: 18px; color: rgb(74, 74, 74); margin-left: 30px; }
  .fwny2 ul li span { font-size: 14px; color: rgb(74, 74, 74); }
}

@media screen and (min-width: 540px) and (max-width: 900px) {
  .fwny { width: 100%; height: 1900px; padding-top: 40px; }
  .fwny1 { width: 100%; margin: 40px auto 0px; }
  .fwny2 { width: 227px; float: left; height: 570px; margin-left: 10px; padding: 7px; border: 1px solid rgb(200, 200, 200); margin-bottom: 10px; }
  .fwny2:hover { border: 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/images/fwny2.jpg"); }
}

.szwl { width: 100%; height: 1056px; padding-top: 3%; background-color: rgb(242, 246, 246); }

.a1 { position: absolute; width: 64px; height: 64px; float: left; margin: 380px 0px 0px 300px; background-image: url("/web/20211226234448im_/http://chn-wise.com/images/001.png"); }

.a1:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/images/002.png"); }

.a2 { position: absolute; width: 64px; height: 64px; float: left; margin: 380px 0px 0px 1530px; background-image: url("/web/20211226234448im_/http://chn-wise.com/images/003.png"); }

.a2:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/images/004.png"); }

.b1 { }

.hide { position: absolute; display: none; }

.b1:target { display: block; }

.hide:target { display: block; }

* { margin: 0px; padding: 0px; list-style: none; }

img { border: 0px; }

#datouwang { height: auto; width: 1150px; margin: 100px auto; overflow: hidden; }

#datouwang ul li { width: 365px; height: 700px; overflow: hidden; float: left; margin: 0px 5px 10px 10px; position: relative; }

#datouwang ul li .text { width: 100%; height: 0px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; background: url("/web/20211226234448im_/http://chn-wise.com/images/dot.png") repeat; font-size: 12px; color: rgb(255, 255, 255); }

#datouwang ul li .text p { text-align: left; color: rgb(255, 255, 255); line-height: 180%; padding: 5px 10px; clear: both; font-size: 15px; margin: 50px 50px 0px; }

#datouwang ul li img { position: absolute; }

.img1 { transition: all 0.4s ease 0s; margin: 70% 0px 0px 20px; }

#datouwang ul li:hover div img { margin: 30% 0px 0px 20px; transition: all 0.4s ease 0s; }

.szwl000 { display: none; }

@media screen and (min-width: 400px) and (max-width: 900px) {
  .szwl { display: none; }
  .szwl000 { width: 100%; padding-top: 3%; background-color: rgb(242, 246, 246); display: block; }
  .a1 { position: absolute; width: 0px; height: 64px; float: left; margin: 380px 0px 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  .a1:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/nonenone"); }
  .a2 { position: absolute; width: 0px; height: 64px; float: left; margin: 380px 0px 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  .a2:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  #datouwang { height: auto; width: 100%; margin: 100px auto; overflow: hidden; }
  #datouwang ul li { width: 100%; height: 260px; overflow: hidden; margin: -20px 0px 30px 5%; position: relative; }
  #datouwang ul li .text { width: 364px; height: 0px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; background: url("/web/20211226234448im_/http://chn-wise.com/images/dot.png") repeat; font-size: 12px; color: rgb(255, 255, 255); }
  #datouwang ul li .text p { text-align: center; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); line-height: 180%; padding: 5px 10px; clear: both; font-size: 15px; margin: 50px 50px 0px; }
  .img1 { transition: all 0.4s ease 0s; margin: 70% 0px 0px 10px; }
  #datouwang ul li:hover div img { margin: 30% 0px 0px 20px; transition: all 0.4s ease 0s; }
}

@media screen and (min-width: 361px) and (max-width: 400px) {
  .szwl { display: none; }
  .szwl000 { width: 100%; padding-top: 3%; background-color: rgb(242, 246, 246); display: block; }
  .a1 { position: absolute; width: 0px; height: 64px; float: left; margin: 380px 0px 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  .a1:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/nonenone"); }
  .a2 { position: absolute; width: 0px; height: 64px; float: left; margin: 380px 0px 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  .a2:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  #datouwang { height: auto; width: 100%; margin: 100px auto; overflow: hidden; }
  #datouwang ul li { width: 90%; height: 260px; overflow: hidden; margin: -20px 0px 30px 4%; position: relative; }
  #datouwang ul li .text { width: 345px; height: 0px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; background: url("/web/20211226234448im_/http://chn-wise.com/images/dot.png") repeat; font-size: 12px; color: rgb(255, 255, 255); }
  #datouwang ul li .text p { text-align: center; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); line-height: 180%; padding: 5px 10px; clear: both; font-size: 15px; margin: 50px 50px 0px; }
  .img1 { transition: all 0.4s ease 0s; margin: 70% 0px 0px; }
  #datouwang ul li:hover div img { margin: 30% 0px 0px; transition: all 0.4s ease 0s; }
}

@media screen and (min-width: 300px) and (max-width: 361px) {
  .szwl { display: none; }
  .szwl000 { width: 100%; padding-top: 3%; background-color: rgb(242, 246, 246); display: block; }
  .a1 { position: absolute; width: 0px; height: 64px; float: left; margin: 380px 0px 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  .a1:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/nonenone"); }
  .a2 { position: absolute; width: 0px; height: 64px; float: left; margin: 380px 0px 0px; background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  .a2:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
  #datouwang { height: auto; width: 100%; margin: 100px auto; overflow: hidden; }
  #datouwang ul li { width: 100%; height: 195px; overflow: hidden; margin: -20px 0px 30px 4%; position: relative; }
  #datouwang ul li .text { width: 90%; height: 0px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; background: url("/web/20211226234448im_/http://chn-wise.com/images/dot.png") repeat; font-size: 12px; color: rgb(255, 255, 255); }
  #datouwang ul li .text p { text-align: center; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); line-height: 180%; padding: 5px 10px; clear: both; font-size: 15px; margin: 50px 50px 0px; }
  .img1 { transition: all 0.4s ease 0s; margin: 70% 0px 0px; }
  #datouwang ul li:hover div img { margin: 30% 0px 0px 10px; transition: all 0.4s ease 0s; }
  .b1 li img { width: 90%; }
}

.hydc { width: 100%; height: 750px; padding-top: 3%; }

.hydc ul { width: 1225px; height: 450px; margin: 4% auto 0px; }

.hydc ul li { width: 591px; height: 188px; float: left; margin: 20px 10px; }

.hydc ul li img { float: left; margin-top: 4px; }

.hydc ul li div { width: 311px; height: 180px; float: right; padding: 30px 20px 20px; }

.hydc ul li div:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/images/hydc5.jpg"); }

.hydc ul li div a { color: rgb(69, 201, 225); }

.hydc ul li div p { font-size: 13px; margin-top: 10px; line-height: 26px; }

@media screen and (min-width: 360px) and (max-width: 900px) {
  .hydc { width: 100%; padding-top: 3%; }
  .hydc ul { width: 100%; margin: 4% auto 0px; }
  .hydc ul li { width: 100%; margin: 10px 0px 50px; }
  .hydc ul li img { margin-top: 80px; width: 30%; }
  .hydc ul li div { width: 70%; float: right; padding: 30px 20px 20px; }
  .hydc ul li div:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
}

@media screen and (min-width: 300px) and (max-width: 361px) {
  .hydc { width: 100%; padding-top: 3%; }
  .hydc ul { width: 100%; margin: 4% auto 0px; }
  .hydc ul li { width: 100%; margin: 10px 0px 50px; }
  .hydc ul li img { margin-top: 80px; width: 30%; }
  .hydc ul li div { width: 60%; float: right; padding: 30px 10px 20px 0px; }
  .hydc ul li div:hover { background-image: url("/web/20211226234448im_/http://chn-wise.com/css/none"); }
}

.hzzy { width: 100%; padding-top: 3%; height: 583px; background-color: rgb(30, 35, 38); }

.hzzt1 { color: rgb(255, 255, 255); font-size: 46px; text-align: center; }

.hzzy2 { width: 1140px; height: 287px; margin: 3% auto 0px; }

@media screen and (min-width: 300px) and (max-width: 900px) {
  .hzzy { width: 100%; padding-top: 3%; height: 450px; background-color: rgb(30, 35, 38); }
  .hzzy2 { width: 100%; margin: 3% auto 0px; }
  .hzzt1 { color: rgb(255, 255, 255); font-size: 22px; text-align: center; }
  .hzzy2 ul li { width: 30%; float: left; }
  .hzzy2 ul li img { width: 100%; }
}

.fwpp { width: 100%; padding-top: 3%; height: 837px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }

.fwpp2 { width: 1150px; height: 518px; margin: 3% auto 0px; }

@media screen and (min-width: 400px) and (max-width: 900px) {
  .fwpp { width: 100%; padding-top: 3%; height: 1050px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }
  .fwpp2 { width: 100%; margin: 3% auto 0px; }
  .fwpp2 ul li { width: 30%; height: 115px; float: left; }
  .fwpp2 ul li img { width: 100%; }
}

@media screen and (min-width: 300px) and (max-width: 360px) {
  .fwpp { width: 100%; padding-top: 3%; height: 850px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }
  .fwpp2 { width: 100%; margin: 3% auto 0px; }
  .fwpp2 ul li { width: 30%; float: left; height: 90px; }
  .fwpp2 ul li img { width: 100%; }
}

@media screen and (min-width: 360px) and (max-width: 400px) {
  .fwpp { width: 100%; padding-top: 3%; height: 950px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }
  .fwpp2 { width: 100%; margin: 3% auto 0px; }
  .fwpp2 ul li { width: 30%; float: left; height: 100px; }
  .fwpp2 ul li img { width: 100%; }
}

.zhc { width: 100%; padding-top: 3%; height: 291px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }

.hzzt5 { color: rgb(255, 255, 255); font-size: 30px; text-align: center; }

.form1 { width: 1140px; height: 90px; margin: 3% auto 0px; }

.form1 input { height: 50px; }

.inp1 { width: 150px; margin: 0px 10px 0px 0px; padding: 5px; float: left; color: rgb(188, 188, 188); }

.inp2 { width: 200px; margin: 0px 10px; padding: 5px; float: left; color: rgb(188, 188, 188); }

.inp3 { width: 250px; margin: 0px 10px; padding: 5px; float: left; color: rgb(188, 188, 188); }

.inp4 { width: 250px; margin: 0px 10px; padding: 5px; float: left; color: rgb(188, 188, 188); }

.inp5 { width: 200px; background-color: rgb(4, 192, 220); text-align: center; padding: 5px 0px; border: 0px solid rgb(4, 192, 220); color: rgb(255, 255, 255); font-size: 20px; margin: 0px 0px 0px 10px; }

.hzzy2 ul li { float: left; }

.hzzy2 ul li img { cursor: pointer; transition: all 0.6s ease 0s; }

.hzzy2 ul li:hover img { transform: scale(1.4); }

.fwpp2 ul li { float: left; }

.fwpp2 ul li img { cursor: pointer; transition: all 0.6s ease 0s; }

.fwpp2 ul li:hover img { transform: scale(1.4); }

@media screen and (min-width: 300px) and (max-width: 900px) {
  .form1 input { height: 40px; }
  .zhc { width: 100%; padding-top: 3%; height: 320px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }
  .hzzt5 { color: rgb(255, 255, 255); font-size: 18px; text-align: center; }
  .form1 { width: 100%; padding-left: 10px; height: 320px; margin: 30px auto 0px; }
  .inp1 { width: 150px; margin-top: 10px; float: left; color: rgb(188, 188, 188); }
  .inp2 { width: 200px; margin: 10px 0px 0px; padding: 5px; float: left; color: rgb(188, 188, 188); }
  .inp3 { width: 250px; margin: 10px 10px 0px 0px; padding: 5px; float: left; color: rgb(188, 188, 188); }
  .inp4 { width: 250px; margin: 10px 10px 0px 0px; padding: 5px; float: left; color: rgb(188, 188, 188); }
  .inp5 { width: 200px; height: 50px; background-color: rgb(4, 192, 220); text-align: center; padding: 5px 0px; border: 0px solid rgb(4, 192, 220); color: rgb(255, 255, 255); font-size: 20px; margin: 10px 0px 0px; }
}

.web { position: relative; width: 100%; height: 120px; background-color: rgb(30, 35, 38); z-index: 999; border-top: 1px solid rgb(118, 118, 118); }

.weul { width: 980px; margin: 0px auto; }

.weul li { margin: 20px 30px 0px; float: left; }

.weul li a { font-size: 20px; color: rgb(192, 192, 192); }

.weul1 { width: 800px; height: 30px; margin: 0px auto; }

.weul1 li { margin: 30px 5px 0px; float: left; color: rgb(156, 156, 156); }

@media screen and (min-width: 300px) and (max-width: 900px) {
  .web { width: 100%; height: 220px; background-color: rgb(30, 35, 38); border-top: 1px solid rgb(118, 118, 118); }
  .weul { width: 100%; margin: 0px auto; }
  .weul li { margin: 20px 0px 0px 30px; float: left; }
  .weul li a { font-size: 16px; color: rgb(192, 192, 192); }
  .weul1 { width: 100%; margin: 0px auto; }
  .weul1 li { margin: 30px 5px -20px 30px; float: left; font-size: 12px; color: rgb(156, 156, 156); }
}


/* ===== 移动端合作流程区域修复（已整合到各断点中） ===== */


.stats-section {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    margin: 30px 0;
}
.stats-section h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
}
.stats-section p {
    font-size: 18px;
    color: #555;
    line-height: 1.8;
}
.stats-section strong {
    color: #c00;
    font-size: 22px;
}


/* === AI SEO Block Styles === */

.seo-block {
    padding: 30px 20px;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
}
.seo-block h2 {
    font-size: 22px;
    color: #222;
    border-left: 4px solid #c00;
    padding-left: 12px;
    margin-bottom: 20px;
}
.seo-block p {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 15px;
}
.compare-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
.compare-table th {
    background: #f0f0f0;
    padding: 10px 12px;
    text-align: left;
    font-weight: bold;
    border: 1px solid #ddd;
}
.compare-table td {
    padding: 10px 12px;
    border: 1px solid #ddd;
    vertical-align: top;
}
.seo-block ol {
    padding-left: 20px;
}
.seo-block ol li {
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}
.seo-block dl dt {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    margin: 15px 0 5px 0;
}
.seo-block dl dd {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin: 0 0 15px 20px;
}