*,*::before,*::after {box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,figure,hr,fieldset,legend {margin: 0;padding: 0;}
ol,ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
input,button,textarea,select {font: inherit;margin: 0;padding: 0;background: none;border: none;outline: none;}
a {text-decoration: none;}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif;line-height: 1.5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;max-width: 2000px;margin: 0 auto;letter-spacing: 1px;}
/* 3. 段落间距 */
p+p {margin-top: 1em;}
.banner {width: 100%;margin-top: 8px;}
.banner img {width: 100%;}
.part {background-size: cover;background-position: center;background-repeat: no-repeat;}
.ranks {box-sizing: border-box;margin: 0 auto;transition: width 0.2s ease;width: 80%;}
.ranks_list {display: flex;flex-wrap: wrap;gap: 25px;}
.module {box-sizing: border-box;}
.box_shadow {box-shadow: 0px 0px 8px #d8d8d8;border-radius: 10px;margin: 30px auto;}
/* 当屏幕宽度 < 700px */
@media (max-width: 700px) {.ranks_list .module {flex: 1 1 100%;/* 每个部分一个模块一行 */}}
/* 当屏幕宽度 >= 700px 且 < 1200px */
@media (min-width: 701px) and (max-width: 1199px) {.Two_columns .module {flex: 1 1 48%;/* 第一部分：两个模块一行 */}.Three_columns .module {flex: 1 1 31%;/* 第二部分：三个模块一行 */}.Four_columns .module {flex: 1 1 48%;/* 第三部分：两个模块一行 */}}
/* 当屏幕宽度 >= 1200px */
@media (min-width: 1200px) {.Two_columns .module {flex: 1 1 48%;/* 第一部分：两个模块一行 */}.Three_columns .module {flex: 1 1 31%;/* 第二部分：三个模块一行 */}.Four_columns .module {flex: 1 1 22%;/* 第三部分：四个模块一行 */}}
@media screen and (max-width:1620px) {.ranks {width: 90%;}}
@media screen and (max-width:1200px) {.ranks {width: 98%;}.ranks_list {gap: 16px;}}
/* 标题 */
.t_title>div {display: flex;align-items: center;justify-content: center;}
.t_title img {width: 2.1rem;height: 2.1rem;}
.t_title h3 {font-size: 1.25rem;margin-left: 10px;color: #3974af;}
.t_title hr {margin: 10px auto 0;width: 80px;height: 2px;background-color: #3974af;box-sizing: unset;}
/* 相关产品 */
#Related_products {padding: 30px 0;}
#Related_products>a {box-shadow: 0px 0px 8px #d8d8d8;text-align: center;padding: 8px;border-radius: 10px;}
#Related_products>a img {width: 100%;border-radius: 10px;display: flex;}
#Related_products>a p {font-size: 14px;color: #666;margin-top: 10px;}
/* 面包屑 */
.crumbs {padding-top: 30px;}
.crumbs ul {display: flex;align-items: center;}
.crumbs ul li {padding-left: 10px;}
.crumbs ul li a {color: #444;}
.crumbs ul img {width: 25px;display: flex;align-items: center;}
@media screen and (max-width: 700px) {.crumbs {padding: 20px 0;}.ranks {padding: 0 8px;}.t_title img {width: 1.6rem;height: 1.6rem;}.t_title h3 {font-size: 1.1rem;}}
/* 轮播 */
.lb-box {width: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.lb-content {width: 100%;height: 100%;}
.lb-item {width: 100%;display: none;position: relative;}
.lb-item>a {width: 100%;height: 100%;display: block;}
.lb-item>a>img {width: 100%;height: 100%;}
.lb-item.active {display: block;left: 0%;}
.lb-item.active.left {left: -100%;}
.lb-item.active.right {left: 100%;}
.lb-item.next,.lb-item.prev {display: block;position: absolute;top: 0px;}
.lb-item.next {left: 100%;}
.lb-item.prev {left: -100%;}
.lb-item.next.left,.lb-item.prev.right {left: 0%;}
.lb-sign {position: absolute;left: 50%;bottom: 15px;transform: translateX(-50%);padding: 5px 3px;border-radius: 6px;list-style: none;user-select: none;background-color: rgba(0, 0, 0, 0.3);display: flex;justify-content: center;margin: 0;}
.lb-sign li {width: 22px;height: 20px;font-size: 14px;font-weight: 500;line-height: 20px;text-align: center;float: left;color: #aaa;margin: auto 4px;border-radius: 3px;cursor: pointer;}
.lb-sign li:hover {color: #fff;}
.lb-sign li.active {color: #000;background-color: #EBEBEB;}
.lb-ctrl {position: absolute;top: 50%;transform: translateY(-50%);font-weight: 900;user-select: none;background-color: rgba(0, 0, 0, 0.3);color: #fff;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.1s linear;}
.lb-ctrl.left {left: -50px;}
.lb-ctrl.right {right: -50px;}
.lb-box:hover .lb-ctrl.left {left: 10px;}
.lb-box:hover .lb-ctrl.right {right: 10px;}
.lb-ctrl:hover {background-color: #000;}
/* 在线咨询-电话 */
.consulting_service {display: flex;margin-top: 30px;justify-content: center;}
.consulting_service>a {width: 45%;margin: 0 20px;background-color: #3974af;padding: 10px 0;}
.consulting_service a {display: flex;justify-content: center;align-items: center;color: #ffffff;border-radius: 10px;}
.consulting_service a img {width: 23px;}
.consulting_service a h4 {margin-left: 8px;font-size: 15px;}
@media (max-width: 1300px) {.consulting_service {margin-top: 20px;}}
@media (max-width: 700px) {.consulting_service>a {width: 50%;margin: 0 5px;}}
/* 内容左右 */
.content_module {display: flex;justify-content: space-between;padding: 8px;box-shadow: 0px 0px 8px #d8d8d8;border-radius: 10px;margin: 30px auto;letter-spacing: 2px;}
.content_module .content_module_left {width: 48%;}
.content_module .content_module_right {width: 50%;}
.content_module .content_module_left img {width: 100%;border-radius: 10px;display: flex;}
.content_module .content_module_right h3 {font-size: 1.25rem;letter-spacing: 2px;background: linear-gradient(to right, #3974af, #eff2f4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.content_module .content_module_right h5 {color: #555555;margin: 5px 0;font-size: 15px;}
.content_module .content_module_right p {font-size: 0.875rem;color: #666;margin-top: 10px;line-height: 24px;}
@media (max-width: 1400px) {.content_module .content_module_right p {line-height: 22px;}}
@media (max-width: 1300px) {.content_module .content_module_right p {line-height: 20px;}}
@media (max-width: 1100px) {.content_module .content_module_left {width: 30%;display: flex;align-items: center;}.lb-sign {display: none;}.lb-ctrl {display: none;}.content_module .content_module_right {width: 68%;}.content_module .content_module_right p {line-height: 20px;margin-top: 5px;}.content_module .content_module_right h3 {font-size: 18px;padding: 0;}}
@media (max-width: 700px) {.content_module {display: block;margin: 0px auto 20px;}.content_module .content_module_left {width: 100%;margin: 0 auto;}.content_module .content_module_right {width: 100%;margin: 0 auto;}.content_module .content_module_right h3 {margin-top: 15px;}.content_module .content_module_right p {line-height: 24px;margin-top: 10px;}}