@charset "UTF-8";
/* 计算rem */
html { font-size: 625%; width: 100%; min-height: 100%; }

body { padding-top: 0.49rem; padding-bottom: 0.6rem; background: #fff; position: relative; min-width: 320px; max-width: 640px; margin: 0 auto; width: 100%; min-height: 100%; }

.wide { min-width: 320px; max-width: 640px; margin: 0 auto; padding: 0 0.1rem; }

.menu-btn { position: relative; margin: auto 0; width: 0.5rem; height: 100%; background-color: #f13a3a; }

.menu-btn span { position: absolute; top: .23rem; left: 0; right: 0; display: block; margin: 0 auto; margin-bottom: 6px; width: 0.25rem; height: 2px; border-radius: 2px; background: #fff; transition: all .5s; }

.menu-btn span:first-child { top: .16rem; }

.menu-btn span:last-child { top: .3rem; }

.close-btn span { opacity: 0; }

.close-btn span:first-child { top: .23rem; transform: rotate(45deg); opacity: 1; }

.close-btn span:last-child { top: .23rem; transform: rotate(-45deg); opacity: 1; }

.public-header { position: fixed; top: 0; padding-left: 0.1rem; width: 100%; min-width: 320px; max-width: 640px; height: 0.49rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; background: #fff; z-index: 99; }
.public-header .header-logo { height: 0.365rem; font-size: 0; }

.hide-nav { padding: 0 0.175rem; position: fixed; top: 0.49rem; width: 100%; height: 100%; min-width: 320px; max-width: 640px; background: #fff; border-top: 1px solid #e3e3e3; font-size: 0; z-index: 10; }
.hide-nav li { padding: 0 0.05rem; border-bottom: 1px solid #e3e3e3; }
.hide-nav li:last-child { border-bottom: none; }
.hide-nav a { font-size: 0.13rem; line-height: 0.45rem; background: url(../images/icon/arr01.png) no-repeat right center; background-size: 0.08rem 0.15rem; color: #323232; }

footer { position: fixed; bottom: 0; width: 100%; min-width: 320px; max-width: 640px; height: 0.6rem; background: #4b5255; z-index: 10; }
footer ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
footer ul li { padding-top: 0.09rem; width: 25%; text-align: center; }
footer ul a:hover p { color: white; }
footer ul a:hover .f1 { background: url(../images/icon/f1a.png) no-repeat center; }
footer ul a:hover .f2 { background: url(../images/icon/f2a.png) no-repeat center; }
footer ul a:hover .f3 { background: url(../images/icon/f3a.png) no-repeat center; }
footer ul a:hover .f4 { background: url(../images/icon/f4a.png) no-repeat center; }
footer ul a:hover .footer-icon { background-size: auto 0.22rem; }
footer ul .f1 { background: url(../images/icon/f1.png) no-repeat center; }
footer ul .f2 { background: url(../images/icon/f2.png) no-repeat center; }
footer ul .f3 { background: url(../images/icon/f3.png) no-repeat center; }
footer ul .f4 { background: url(../images/icon/f4.png) no-repeat center; }
footer ul .footer-icon { height: 0.22rem; background-size: auto 0.22rem; }
footer ul p { margin-top: 0.04rem; font-size: 0.12rem; color: rgba(255, 255, 255, 0.7); }

.index-banner .swiper-pagination { font-size: 0; }
.index-banner .swiper-pagination-bullet { width: 10px; height: 10px; background: #bfbfbf; opacity: 1; }
.index-banner .swiper-pagination-bullet-active { background: #dc421c; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.index-search { padding: 0.25rem 0.1rem; font-size: 0; }
.index-search form { position: relative; width: 100%; height: 0.3rem; display: flex; display: -webkit-flex; overflow: hidden; }
.index-search form select { padding: 0 0.22rem 0 0.12rem; border-radius: 4px 0 0 4px; border: none; appearance: none; -ms-appearance: none; -webkit-appearance: none; outline: none; color: #fff; background: #f13a3a url(../images/icon/arr02.png) no-repeat right 0.09rem center; background-size: 0.06rem; }
.index-search form input[type="text"] { flex: 1; padding-left: 0.1rem; padding-right: 0.35rem; border: solid 1px #cacaca; border-left: none; border-radius: 0 5px 5px 0; }
.index-search form button[type="submit"] { padding: 0; position: absolute; right: 0; width: 0.3rem; height: 100%; border: none; background: transparent url(../images/icon/search.png) no-repeat left center; background-size: 0.13rem; }
.index-search p { margin-top: 0.07rem; text-align: center; font-size: 0.12rem; color: #888888; }
.index-search p .red { font-weight: bold; color: #f13a3a; }
.index-search p .black { font-weight: bold; color: #2d2d2d; }

.public-title { font-family: 思源黑体; text-align: center; font-size: 0; }
.public-title h2 { position: relative; display: inline-block; font-size: 0.21rem; font-weight: bold; color: #ff0000; background-image: -webkit-linear-gradient(left top, red 5%, #f20 40%, #ff6400); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.public-title h2::after { content: ""; display: block; margin: 0.07rem 0 0.1rem; width: 100%; height: 1px; background: #f00; }
.public-title h2::before { content: ""; display: block; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); width: 0; height: 0; border: 0.06rem solid #f00; border-bottom: 0.06rem solid transparent; border-left: 0.05rem solid transparent; border-right: 0.05rem solid transparent; }
.public-title p { font-size: 0.15rem; color: #585858; }

.index-sec1 { padding: 0.2rem 0.1rem; background: #f5f5f5; }

.index-sec1-con { margin-top: 0.2rem; }
.index-sec1-con .index1-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.index-sec1-con .index1-ul li { position: relative; margin-bottom: 2.7%; padding-top: 31.5%; height: 0; width: 48.5%; background: #fff; }
.index-sec1-con .index1-ul a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: center; -webkit-align-content: center; }
.index-sec1-con .index1-ul .index1-img { width: 100%; font-size: 0; height: 0.51rem; }
.index-sec1-con .index1-ul p { margin-top: 0.09rem; width: 100%; font-size: 0.13rem; color: #444444; }

.index-sec2 { padding: 0.29rem 0.1rem 0.23rem; background: url(../images/index/bg01.jpg) no-repeat center; background-size: cover; }

.public-title.white-title p { color: #fff; }
.public-title.white-title h2 { color: #fff; background-image: none; -webkit-text-fill-color: unset; }
.public-title.white-title h2::after { background: #fff; }
.public-title.white-title h2::before { border: 0.06rem solid #fff; border-bottom: 0.06rem solid transparent; border-left: 0.05rem solid transparent; border-right: 0.05rem solid transparent; }

.index2-swiper { position: relative; margin-top: 0.2rem; padding-bottom: 0.43rem; }
.index2-swiper .swiper-slide { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.index2-swiper .swiper-slide .img-wrapper { padding-top: 41.4%; width: 48.5%; background: #f0f2f6; }

.button-pn .swiper-button-prev, .button-pn .swiper-button-next { top: auto; bottom: 0; width: 0.29rem; height: 0.29rem; border-radius: 50%; }
.button-pn .swiper-button-prev { left: calc(50% - 34px); background: rgba(255, 255, 255, 0.3) url(../images/icon/arr03.png) no-repeat center; background-size: 0.04rem; }
.button-pn .swiper-button-next { right: calc(50% - 34px); background: rgba(255, 255, 255, 0.3) url(../images/icon/arr04.png) no-repeat center; background-size: 0.04rem; }

.index-sec3 { padding: 0.25rem 0.1rem 0.175rem; }

.index-sec3-con { margin-top: 0.15rem; }

.index3-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.index3-ul .index3-li { position: relative; margin-bottom: 2.7%; padding-top: 23.4%; width: 48.5%; box-shadow: 0 0 10px #ddd; }
.index3-ul .index3-li .index3-box { position: absolute; left: 0; top: 0; padding-left: 0.08rem; width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.index3-ul .index3-li .index3-box .index3-img { font-size: 0; width: 26%; }
.index3-ul .index3-li .index3-text { flex: 1; margin-left: 0.075rem; padding-right: 0.05rem; }
.index3-ul .index3-li .index3-text h4 { margin-bottom: 0.05rem; font-size: 0.14rem; color: #444; }
.index3-ul .index3-li .index3-text p { font-size: 0.12rem; color: #666; -webkit-line-clamp: 3; }
@media screen and (max-width: 425px) { .index3-ul .index3-li .index3-text p { -webkit-line-clamp: 2; } }

.index-sec4 { padding: 0.3rem 0.05rem 0.175rem; background: #f5f5f5; }

.index4-swiper { margin-top: 0.2rem; position: relative; padding-bottom: 0.38rem; }
.index4-swiper .swiper-container { padding: 0 0.05rem 0.05rem; }
.index4-swiper .swiper-slide { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.index4-swiper .swiper-slide .index4-card { width: 47.6%; }
.index4-swiper .swiper-slide .index4-card .img-wrapper { padding-top: 101.7%; font-size: 0; }
.index4-swiper .swiper-slide .index4-text { margin-top: 0.1rem; padding: 0.07rem 0 0.06rem; background: #fff; box-shadow: 0 2px 6px #ddd; text-align: center; }
.index4-swiper .swiper-slide .index4-text h4 { margin-bottom: 0.03rem; font-size: 0.14rem; }
.index4-swiper .swiper-slide .index4-text p { font-size: 0.12rem; color: #666;height:0.18rem;overflow: hidden }

.btn-style .button-pn .swiper-button-prev { background: rgba(241, 58, 58, 0.9) url(../images/icon/arr03.png) no-repeat center; background-size: 0.04rem; z-index: 1; }
.btn-style .button-pn .swiper-button-prev.swiper-button-disabled { background: rgba(97, 105, 107, 0.3) url(../images/icon/arr03.png) no-repeat center; background-size: 0.04rem; opacity: 1; }
.btn-style .button-pn .swiper-button-next { background: rgba(241, 58, 58, 0.9) url(../images/icon/arr04.png) no-repeat center; background-size: 0.04rem; z-index: 1; }
.btn-style .button-pn .swiper-button-next.swiper-button-disabled { background: rgba(97, 105, 107, 0.3) url(../images/icon/arr04.png) no-repeat center; background-size: 0.04rem; opacity: 1; }

.index-sec5 { padding: 0.25rem 0.1rem 0.28rem; }

.index-sec5-con { margin-top: 0.15rem; }

.index5-tab { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.index5-tab li { width: 48%; height: 0.32rem; line-height: 0.32rem; background: #efefef; border-radius: 5px; font-size: 0.14rem; text-align: center; }
.index5-tab li.on { background: #f00; color: #fff; }

.index5-box-con { margin-top: 0.15rem; padding: 0 0.075rem; }
.index5-box-con .more { height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.14rem; background: #efefef; }
.index5-box-con .more:hover { color: #fff; background: #f00; }

.index5-box1 { padding-bottom: 0.07rem; font-size: 0.14rem; }
.index5-box1 .index5-box1-li { margin-bottom: 0.13rem; font-size: 0; border-bottom: 1px solid #eaeaea; padding-bottom: 0.05rem; }
.index5-box1 .index5-box1-li:last-child { border-bottom: none; }
.index5-box1 .index5-box1-li:hover h3 { color: #f00; }
.index5-box1 .index5-box1-li h3 { margin-bottom: 0.09rem; font-size: 0.16rem; color: #444; }
.index5-box1 .index5-box1-li .time { font-size: 0.14rem; color: #f13a3a; }

.index5-box2 { font-size: 0.14rem; }
.index5-box2 .index5-box2-li { margin-bottom: 0.11rem; border-bottom: 1px solid #eaeaea; padding-bottom: 0.075rem; }
.index5-box2 .index5-box2-li:last-child { border-bottom: none; }

.q-line { position: relative; padding-left: 0.28rem; }
.q-line h3 { font-size: 0.16rem; color: #444; }

.q-a { position: absolute; left: 0; width: 0.2rem; height: 0.2rem; line-height: 0.2rem; text-align: center; font-size: 0.14rem; border-radius: 50%; }

.q { top: 2px; color: #fff; background-color: #f13a3a; }

.a { color: #666666; background-color: #efefef; }

.a-line { position: relative; margin-top: 0.1rem; padding-left: 0.28rem; }
.a-line p { font-size: 0.14rem; color: #666666; -webkit-line-clamp: 2; }

.index-sec6 { padding: 0.28rem 0.1rem 0.2rem; background: url(../images/index/bg01.jpg) no-repeat center; background-size: cover; }

.index6-swiper { position: relative; margin-top: 0.2rem; padding-bottom: 0.43rem; }
.index6-swiper .swiper-slide { padding: 0.075rem; background: #ecedee; }
.index6-swiper .index6-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; box-shadow: 0 0 0.05rem #d2d9dd; background: #fff; }
.index6-swiper .index6-ul li { padding: 0.1rem; width: 33.3%; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; }
.index6-swiper .index6-ul li:nth-child(3n) { border-right: none; }
.index6-swiper .index6-ul li .img-wrapper { padding-top: 51.4%; }

.copyright { padding: 0.28rem 0.15rem 0.13rem; }
.copyright .tel { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; font-size: 0; height: 0.32rem; background-color: #efefef; }
.copyright .tel .icon-tel { margin-right: 0.1rem; width: 0.155rem; height: 0.15rem; background: url(../images/icon/tel.png) no-repeat center; background-size: 0.155rem 0.15rem; }
.copyright .tel a { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 0.18rem; }
.copyright .copyright-msg { margin-top: 0.1rem; font-size: 0; text-align: center; line-height: 0.2rem; }
.copyright .copyright-msg p { font-size: 0.13rem; color: #999999; }
.copyright .copyright-msg a { display: inline-block; color: #999999; }

.other-title h2 { font-family: 微软雅黑; font-weight: normal; font-size: 0.2rem; }
.other-title h2::before, .other-title h2::after { display: none; }

.patents-sec1 { padding: 0.21rem 0.1rem 0.15rem; }

.patents-sec1-con { margin-top: 0.18rem; }

.patents1-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.patents1-ul .patents1-li { width: 49%; background: #f0f0f0; margin-bottom: 2%; }
.patents1-ul .patents1-li a { padding: 0.225rem 0 0.2rem; text-align: center; }
.patents1-ul .patents1-li .img { font-size: 0; height: 0.49rem; }
.patents1-ul .patents1-li p { margin-top: 0.1rem; font-size: 0.16rem; }

.patents-sec2 { padding: 0.225rem 0.1rem 0.35rem; background: #f9f9f9; }

.patents-sec2-con { margin-top: 0.19rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.patents-sec2-con dl { width: 49%; }
.patents-sec2-con dl .img-wrapper { padding-top: 48.8%; font-size: 0; }
.patents-sec2-con dl .patents2-text { height: 0.35rem; line-height: 0.35rem; background-color: #f13a3a; text-align: center; font-size: 0.16rem; color: #fff; }

.patents-sec3 { padding: 0.21rem 0.1rem 0.3rem; }

.patents-sec3-con { margin-top: 0.13rem; }

.patents3-dl { margin-bottom: 1px; }
.patents3-dl:nth-child(2n) a { flex-direction: row-reverse; }
.patents3-dl a { display: flex; display: -webkit-flex; }
.patents3-dl .img-wrapper, .patents3-dl .patents3-text { width: 50%; }
.patents3-dl .img-wrapper { padding-top: 40.8%; }
.patents3-dl .patents3-text { background: #f13a3a; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; text-align: center; }
.patents3-dl .patents3-text h3 { margin-bottom: 0.02rem; font-size: 0.26rem; font-family: Arial, Helvetica, sans-serif; color: #fff; opacity: .3; }
.patents3-dl .patents3-text p { font-size: 0.14rem; color: #fefefe; }
.patents3-dl .patents3-text .line { margin: 0 auto; margin-top: 0.11rem; width: 0.28rem; height: 1px; background-color: #ffffff; }

.patents-sec4 { padding: 0.2rem 0.1rem 0.25rem; background: #f5f5f5; }

.patents-sec4-con { margin-top: 0.15rem; }
.patents-sec4-con .patents1-ul .patents1-li { background: #fff; box-shadow: 0 0 0.05rem #eee; }

.patents-sec5 { padding: 0.225rem 0.1rem 0.22rem; }

.patents-sec5-con { margin-top: 0.2rem; }

.patents5-ul .q-a-box { margin-bottom: 0.175rem; padding-bottom: 0.16rem; border-bottom: 1px solid #e5e5e5; }
.patents5-ul .q-a-box:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.patents5-ul .q-a-box .a-line { line-height: 0.21rem; }
.patents5-ul .q-a-box .a-line .a { top: 1px; }

.search { padding: 0.3rem 0.15rem; background: #f6f6f6; text-align: center; }
.search p { margin-bottom: 0.125rem; font-size: 0.16rem; color: #444; }
.search form { font-size: 0; }
.search form input[type="text"] { margin-bottom: 0.1rem; padding-left: 0.13rem; width: 100%; height: 0.4rem; background-color: #ffffff; border-radius: 3px; border: solid 1px #da241c; }
.search form .pop-btn { display: inline-block; padding: 0 0.17rem; height: 0.35rem; line-height: 0.35rem; background-color: #da241c; border-radius: 3px; color: #fff; font-size: 0.14rem; }

.trademark-sec1 { padding: 0.19rem 0.1rem 0.3rem; }

.trademark1-swiper { position: relative; margin-top: 0.19rem; padding-bottom: 0.43rem; }
.trademark1-swiper .swiper-slide .img-wrapper { padding-top: 82.2%; }
.trademark1-swiper .swiper-slide .trademark1-text { padding: 0.12rem 0 0.15rem; background: #f13a3a; display: flex; display: -webkit-flex; justify-content: center; text-align: center; }
.trademark1-swiper .swiper-slide .trademark1-text h3 { font-family: Century Gothic; font-size: 0.26rem; font-weight: bold; color: #fff; opacity: .3; }
.trademark1-swiper .swiper-slide .trademark1-text p { font-size: 0.16rem; color: #fff; }
.trademark1-swiper .swiper-slide .trademark1-text .line { margin: 0 auto; margin-top: 0.075rem; width: 0.28rem; height: 1px; background-color: #fff; }

.trademark-sec2 { padding: 0.225rem 0.1rem 0.2rem; background: #f5f5f5; }

.trademark-sec3 { padding: 0.225rem 0.1rem 0.1rem; }

.trademark-sec3-con { margin-top: 0.18rem; }

.trademark3-ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.trademark3-ul .trademark3-li { margin-bottom: 0.2rem; width: 30%; text-align: center; }
.trademark3-ul .trademark3-li .img-wrapper { padding-top: 100%; width: 100%; border-radius: 50%; box-shadow: 2px 2px 0.05rem #ddd; }
.trademark3-ul .trademark3-li .img-wrapper img { border-radius: 50%; border: 5px solid #fff; }
.trademark3-ul .trademark3-li .p1 { margin-top: 0.08rem; font-size: 0.16rem; color: #222222; }
@media screen and (max-width: 375px) { .trademark3-ul .trademark3-li .p1 { font-size: 0.13rem; } }
.trademark3-ul .trademark3-li .p2 { margin-top: 0.05rem; font-size: 0.16rem; color: #888888; }
@media screen and (max-width: 375px) { .trademark3-ul .trademark3-li .p2 { font-size: 0.13rem; } }

.trademark-sec4 { padding: 0.225rem 0.1rem 0.05rem; background: #f5f5f5; }

.trademark-sec4-con { margin-top: 0.2rem; }

.trademark4-ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.trademark4-ul .trademark4-li { width: 24%; margin-bottom: 0.25rem; text-align: center; }
.trademark4-ul .trademark4-li .img { position: relative; font-size: 0; height: 0.56rem; }
.trademark4-ul .trademark4-li .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.trademark4-ul .trademark4-li p { margin-top: 0.07rem; font-size: 0.15rem; color: #424242; }

.main { padding: 0.12rem 0.12rem 0.35rem; background: #f9f9f9; }

.details-sec1 { padding: 0.15rem 0.175rem 0.2rem; background-color: #ffffff; border: solid 1px #ececec; font-size: 0; }
.details-sec1 .img-wrapper { padding-top: 56.6%; }
.details-sec1 .img-wrapper .filter-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 32, 65, 0.5); }
.details-sec1 .img-wrapper .filter-box .img-center { width: 0.66rem; height: 0.66rem; }
.details-sec1 .details-title { margin-top: 0.2rem; display: flex; justify-content: space-between; align-items: center; }
.details-sec1 .details-title h3 { font-size: 0.17rem; color: #424242; }
.details-sec1 .details-title p { padding-left: 0.19rem; font-size: 0.14rem; color: #999999; background: url(../images/icon/i01.png) no-repeat left center; background-size: 0.16rem; }
.details-sec1 .share-con { position: relative; }
.details-sec1 .share-con .share-btn { display: inline-block; padding-left: 0.2rem; margin-top: 0.13rem; font-size: 0.14rem; color: #999999; background: url(../images/icon/i02.png) no-repeat left 3px center; background-size: 0.11rem; }
.details-sec1 .share-con .bdsharebuttonbox { position: absolute; top: 8px; left: 58px; display: none; }
.details-sec1 .line { margin-top: 0.15rem; height: 1px; width: 100%; background: #e4e4e4; }
.details-sec1 .ask { margin-top: 0.15rem; width: 0.81rem; height: 0.25rem; line-height: 0.25rem; background-color: #da241c; border-radius: 0.025rem; text-align: center; font-size: 0.14rem; color: #fff; }

.details-sec2 { margin-top: 0.175rem; background-color: #ffffff; border: solid 1px #ececec; }
.details-sec2 .details2-title { padding: 0 0.125rem; display: flex; height: 0.4rem; border-bottom: 1px solid #ececec; }
.details-sec2 .details2-title li { margin-right: 0.2rem; font-size: 0.14rem; color: #777; height: 0.4rem; line-height: 0.4rem; }
.details-sec2 .details2-title li:last-child { margin-right: 0; }
.details-sec2 .details2-title li:hover { color: #da241c; }
.details-sec2 .details2-title li.on { border-bottom: 2px solid #da241c; }
.details-sec2 .details2-content { padding: 0.2rem 0.14rem; font-size: 0.13rem; color: #666; line-height: 0.21rem; }
.details-sec2 .details2-content h4.special-title { position: relative; margin-bottom: 0.11rem; padding-left: 0.11rem; font-size: 0.15rem; color: #333; }
.details-sec2 .details2-content h4.special-title::before { content: ""; display: inline-block; position: absolute; left: 0; top: 3px; width: 0.025rem; height: 0.15rem; background: #da241c; }
.details-sec2 .details2-content .img { margin: 0.08rem 0; }

.copyright-sec1 { padding: 0.25rem 0.12rem 0.15rem; }

.copyright-sec1-con { margin-top: 0.2rem; }

.copyright1-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.copyright1-ul .copyright1-li { margin-bottom: 0.15rem; width: 48.4%; }
.copyright1-ul .copyright1-li .img-wrapper { padding-top: 57%; border-radius: 0.075rem; }
.copyright1-ul .copyright1-li .filter-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 32, 65, 0.5); }
.copyright1-ul .copyright1-li .filter-box img.img-center { width: 0.54rem; height: 0.54rem; }
.copyright1-ul .copyright1-li p { margin-top: 0.08rem; font-size: 0.15rem; letter-spacing: 1px; color: #141414; text-align: center; }

.copyright-sec2 { padding: 0.22rem 0.12rem 0.35rem; background: #f6f6f6; }

.copyright-sec2-con { margin-top: 0.27rem; }
.copyright-sec2-con .img-wrapper { padding-top: 46.3%; }
.copyright-sec2-con ul { margin-top: 0.29rem; }
.copyright-sec2-con .copyright2-li { position: relative; padding-left: 0.37rem; color: #666; font-size: 0.14rem; line-height: 0.34rem; }
.copyright-sec2-con .copyright2-li .circle { position: absolute; left: 0.035rem; top: 0.075rem; width: 0.18rem; height: 0.18rem; line-height: 0.18rem; background-color: #b3d3df; border-radius: 50%; text-align: center; color: #fff; font-size: 0.12rem; }
.copyright-sec2-con .copyright2-li .circle::after { content: ""; display: block; position: absolute; left: -4px; top: -4px; width: 0.24rem; height: 0.24rem; border: dashed 1px #d8e8ef; border-radius: 50%; }

.copyright-sec3 { padding: 0.25rem 0.12rem 0.05rem; }

.copyright-sec3-con { margin-top: 0.225rem; }

.copyright3-ul { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.copyright3-ul .copyright3-li { margin-bottom: 0.225rem; width: 31%; text-align: center; }
.copyright3-ul .copyright3-li .img-wrapper { padding-top: 54.4%; }
@media screen and (max-width: 375px) { .copyright3-ul .copyright3-li .img-wrapper { padding-top: 0; height: 0.59rem; } }
.copyright3-ul .copyright3-li p { margin-top: 0.075rem; color: #2b2b36; font-size: 0.14rem; }

.copyright-sec4 { padding: 0.22rem 0.12rem 0.15rem; background: #f6f6f6; }

.copyright4-ul { margin-top: 0.2rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.copyright4-ul .copyright4-li { margin-bottom: 0.15rem; padding: 0.25rem 0.15rem 0.2rem; width: 48%; background: #fff; }
.copyright4-ul .copyright4-li .img-wrapper { padding-top: 30.3%; }
.copyright4-ul .copyright4-li .copyright4-text { text-align: center; }
.copyright4-ul .copyright4-li .copyright4-text h4 { margin-top: 0.13rem; margin-bottom: 0.1rem; font-size: 0.17rem; }
.copyright4-ul .copyright4-li .copyright4-text p { font-size: 0.14rem; line-height: 0.18rem; color: #60646a; }
.copyright4-ul .copyright4-li .copyright4-text .num { margin: 0 auto; margin-top: 0.15rem; display: block; width: 0.2rem; height: 0.2rem; line-height: 0.2rem; text-align: center; border: solid 1px #8abddb; border-radius: 50%; color: #8abddb; font-size: 0.14rem; font-weight: bold; }

.copyright-sec5 { padding: 0.2rem 0.12rem; }

.copyright-sec5-con { margin-top: 0.2rem; }

.copyright5-box { margin-bottom: 0.1rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.copyright5-box:last-child { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.copyright5-box .copyright5-left { padding: 0.225rem 0; width: 45.5%; background-color: #f1faff; border-radius: 0 0.1rem 0 0.1rem; border: solid 1px #2cbdec; text-align: center; font-size: 0.14rem; line-height: 0.21rem; color: #666666; }
.copyright5-box .copyright5-right { width: 45.5%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.copyright5-box .copyright5-right .flex-box { width: 100%; }
.copyright5-box .copyright5-right .flex-box .tc { font-size: 0; height: 0.18rem; }
.copyright5-box .copyright5-right .flex-box h4 { margin: 0.05rem 0; text-align: center; color: #2cbdec; font-size: 0.16rem; font-weight: bold; }
.copyright5-box .copyright5-right .flex-box .img-wrapper { padding-top: 4.7%; }
.copyright5-box .copyright5-right .flex-box p { margin-top: 0.125rem; text-align: center; color: #999999; font-size: 0.14rem; }

.bg-style { background: #f6f6f6; }

.counsel-sec1 { margin-top: 0.15rem; padding: 0 0.12rem; }

.counsel1-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.counsel1-ul .counsel1-li { margin-bottom: 3%; padding: 0.26rem 0.05rem 0.21rem; width: 48%; background: #f9f9f9; text-align: center; }
.counsel1-ul .counsel1-li .img-wrapper { padding-top: 25%; }
@media screen and (max-width: 375px) { .counsel1-ul .counsel1-li .img-wrapper { padding-top: 0; height: 42.5px; } }
.counsel1-ul .counsel1-li h4 { margin-top: 0.09rem; margin-bottom: 0.05rem; font-size: 0.16rem; }
.counsel1-ul .counsel1-li p { font-size: 0.14rem; color: #666; opacity: .6; }

.counsel-sec2 { margin-top: 0.2rem; padding: 0 0.12rem 0.1rem; }
.counsel-sec2 h3 { text-align: center; color: #f13a3a; font-size: 0.2rem; }

.counsel2-ul { margin-top: 0.225rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.counsel2-ul .counsel2-li { margin-bottom: 0.16rem; padding: 0.1rem; width: 50%; border-right: 1px dotted #acacac; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.counsel2-ul .counsel2-li:nth-child(2n) { border-right: 0; }
.counsel2-ul .counsel2-li .img { margin-right: 0.075rem; width: 0.23rem; font-size: 0; }
.counsel2-ul .counsel2-li .counsel2-text { flex: 1; }
.counsel2-ul .counsel2-li .counsel2-text p { font-size: 0.14rem; color: #999999; }
.counsel2-ul .counsel2-li .counsel2-text p:last-child { margin-top: 0.02rem; font-size: 0.16rem; color: #444444; }

.counsel-sec3 { padding: 0.28rem 0.12rem 0.175rem; background: #f6f6f6; }

.counsel3-swiper { position: relative; margin-top: 0.15rem; padding-bottom: 0.29rem; }
.counsel3-swiper .swiper-slide .img-wrapper { padding-top: 96.4%; }
.counsel3-swiper .swiper-slide .text { height: 0.47rem; background: #fff; line-height: 0.47rem; text-align: center; font-size: 0.14rem; }
.counsel3-swiper .swiper-pagination { bottom: 10px; width: 100%; font-size: 0; text-align: center; }
.counsel3-swiper .swiper-pagination-bullet { margin: 0 3px; }

.counsel-sec4 { padding: 0.15rem 0.12rem 0.05rem; }

.counsel4-ul { margin-top: 0.225rem; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.counsel4-ul .counsel4-li { margin-bottom: 0.24rem; width: 33%; text-align: center; }
.counsel4-ul .counsel4-li .img-wrapper { padding-top: 30.4%; }
@media screen and (max-width: 425px) { .counsel4-ul .counsel4-li .img-wrapper { padding-top: 0; height: 37px; } }
.counsel4-ul .counsel4-li .num { margin: 0.11rem 0 0.06rem; font-family: Arial, Helvetica, sans-serif; font-size: 0.15rem; color: #888888; }
.counsel4-ul .counsel4-li p { font-size: 0.16rem; line-height: 0.22rem; color: #555555; }

.team-title { height: 0.51rem; line-height: 0.51rem; background-color: #f6f6f6; display: flex; display: -webkit-flex; }
.team-title .team-li { padding: 0 0.15rem; font-size: 0.15rem; letter-spacing: 1px; color: #666666; }
.team-title .team-li.on { background: #f13a3a; }
.team-title .team-li.on a { color: #fff; }

.team-con { padding: 0.2rem 0.12rem 0.3rem; }

.team-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 0.14rem; }
.team-ul .team-card { margin-bottom: 0.3rem; width: 48%; }
.team-ul .team-card .img-wrapper { padding-top: 146%; }
.team-ul .team-card .team-text h3 { margin: 0.13rem 0 0.075rem; font-size: 0.16rem; font-weight: bold; }
.team-ul .team-card .team-text p { line-height: 0.18rem; font-size: 0.14rem; color: #666; word-break: break-all; }

.page { height: 0.32rem; line-height: 0.32rem; }
.page ul { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.page ul li { margin-right: 0.11rem; }
.page ul li:last-child { margin-right: 0; }
.page ul li:hover, .page ul li.on { border-color: #f13a3a; }
.page ul li:hover a, .page ul li.on a { color: #fff; background: #f13a3a; }
.page ul a { padding: 0 0.12rem; font-size: 0.14rem; color: #666; border: solid 1px #cccccc; }

.team2-con { padding-bottom: 0.3rem; }

.team-swiper { position: relative; padding-bottom: 0.33rem; }
.team-swiper .swiper-container { padding: 0.2rem 0.12rem 0.1rem; }
.team-swiper .swiper-slide { box-shadow: 0 0 0.075rem #ccc; }
.team-swiper .swiper-slide .img-wrapper { padding-top: 85%; }

.case-title { height: 0.51rem; line-height: 0.51rem; background-color: #f6f6f6; display: flex; display: -webkit-flex; }
.case-title li { width: 25%; text-align: center; font-size: 0.15rem; letter-spacing: 1px; color: #666666; }
.case-title li:hover, .case-title li.on { background: #f13a3a; }
.case-title li:hover a, .case-title li.on a { color: #fff; }

.case-con { padding: 0 0.12rem 0.4rem; }
.case-con .load-more { margin-top: 0.3rem; }

.case-ul .case-li { border-bottom: 1px dashed #d9d9d9; }
.case-ul .case-li a { padding: 0.18rem 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.case-ul .case-li .img-wrapper { padding-top: 26%; width: 36.5%; }
.case-ul .case-li .case-text { width: 60%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.case-ul .case-li .case-text h3 { margin-bottom: 0.09rem; font-size: 0.14rem; color: #323232; -webkit-line-clamp: 1; }
.case-ul .case-li .case-text p { font-size: 0.12rem; line-height: 0.15rem; color: #7b7b7b; -webkit-line-clamp: 2; }

.padding-24 { padding-left: 0.12rem; padding-right: 0.12rem; }

.case-details { padding-bottom: 0.225rem; }

article { margin-top: 0.33rem; }

.details-header { padding-bottom: 0.13rem; text-align: center; border-bottom: 1px solid #e9e9e9; }
.details-header h1 { margin-bottom: 0.075rem; font-size: 0.17rem; color: #414141; }
.details-header p { font-size: 0.12rem; color: #666666; }

.details-content { font-size: 0.14rem; line-height: 0.225rem; color: #666666; text-align: justify; }

.prev-next li { margin-bottom: 0.15rem; font-size: 0.14rem; color: #666; word-break: keep-all; display: flex; display: -webkit-flex; }
.prev-next li a { color: #666; }
.prev-next li a:hover { color: #f13a3a; }

.news-title { padding: 0 0.12rem; height: 0.54rem; border-bottom: 1px solid #e0e0e0; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; }
@media screen and (max-width: 375px) { .news-title { justify-content: space-between; -webkit-justify-content: space-between; } }
.news-title li { height: 0.54rem; line-height: 0.54rem; }
.news-title li.on { border-bottom: 3px solid #f13a3a; color: #ff0000; background-image: -webkit-linear-gradient(left top, red 5%, #f20 40%, #ff6400); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.news-title li:hover { color: #ff0000; }
.news-title li a { font-size: 0.18rem; color: #555555; }

.news-con { padding: 0.28rem 0.12rem 0.35rem; }
.news-con .news-sub-title { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.news-con .news-sub-title li { width: 23.5%; margin-right: 2%; }
.news-con .news-sub-title li:last-child { margin-right: 0; }
.news-con .news-sub-title li:hover a, .news-con .news-sub-title li.on a { background: #f13a3a; color: #fff; }
.news-con .news-sub-title a { height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.14rem; color: #666666; background: #f6f6f6; }

.focus-ul { padding-bottom: 0.25rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.focus-ul li { margin-top: 0.15rem; width: 48%; }
.focus-ul li .img-wrapper { padding-top: 67.1%; }
.focus-ul li .focus-text { padding: 0.12rem; background: #f8f8f8; }
.focus-ul li .focus-text h3 { max-height: 46px; font-size: 0.15rem; line-height: 0.23rem; color: #444; -webkit-line-clamp: 2; overflow: hidden;height: 0.46rem; }

.news-ul { margin-top: 0.05rem; margin-bottom: 0.25rem; }
.news-ul li { border-bottom: 1px dashed #d9d9d9; }
.news-ul li a { padding: 0.15rem 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.news-ul li .img-wrapper { padding-top: 24.8%; width: 37.1%; }
.news-ul li .news-text { width: 58.5%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: center; -webkit-align-content: center; }
.news-ul li .news-text h3 { margin-bottom: 0.11rem; width: 100%; font-size: 0.17rem; color: #323232; }
.news-ul li .news-text p { width: 100%; max-height: 40px; font-size: 0.14rem; line-height: 0.2rem; color: #7b7b7b; -webkit-line-clamp: 2; overflow: hidden; }

.news-con .patents5-ul { margin-bottom: 0.25rem; }

.about-intro { padding: 0.3rem 0.12rem 0.2rem; }
.about-intro h1 { margin-bottom: 0.12rem; font-size: 0.18rem; text-align: center; color: #323232; }
.about-intro h2{ margin-bottom: 0.12rem; font-size: 0.18rem; text-align: center; color: #323232; }
.about-intro h3{ margin-bottom: 0.12rem; font-size: 0.18rem; text-align: center; color: #323232; }
.about-intro p { font-size: 0.14rem; line-height: 0.22rem; color: #666666; text-align: justify; }

.about-culture { padding: 0 0.12rem; }

.about-culture-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.about-culture-ul li { margin-bottom: 2%; padding: 0.19rem 0.25rem 0.2rem; width: 49%; background: #f9f9f9; }
.about-culture-ul li:last-child { padding: 0.25rem 0.15rem; width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.about-culture-ul li:last-child .img-wrapper { margin-right: 0.11rem; padding-top: 15.5%; width: 15.5%; }
@media screen and (max-width: 425px) { .about-culture-ul li:last-child .img-wrapper { padding-top: 0; width: 60px; height: 60px; } }
.about-culture-ul li:last-child .about-culture-text { text-align: left; flex: 1; }
.about-culture-ul li .img-wrapper { padding-top: 36.1%; }
@media screen and (max-width: 425px) { .about-culture-ul li .img-wrapper { padding-top: 0; height: 60px; } }
.about-culture-ul li .about-culture-text { text-align: center; }
.about-culture-ul li .about-culture-text h4 { margin-top: 0.08rem; margin-bottom: 0.06rem; font-size: 0.17rem; font-weight: bold; }
.about-culture-ul li .about-culture-text p { font-size: 0.14rem; line-height: 0.19rem; color: #666666; }

.about-honor { padding: 0.15rem 0.05rem 0.275rem; }

.honor-swiper { position: relative; margin-top: 0.1rem; padding-bottom: 0.33rem; }
.honor-swiper .swiper-container { padding: 0.1rem 0.07rem 0.1rem; }
.honor-swiper .swiper-slide { padding: 0.075rem; box-shadow: 0 0 0.07rem #ccc; }
.honor-swiper .swiper-slide .img-wrapper { padding-top: 85.2%; background: #fff; }

.contact-map { padding: 0.2rem 0.12rem; }

.contact-con { margin-top: 0.2rem; box-shadow: 0 0 0.08rem #ccc; }
.contact-con .contact-intro { padding: 0.2rem 0.15rem 0.125rem; }
.contact-con .contact-intro li { margin-bottom: 0.15rem; font-size: 0; display: flex; align-items: center; }
.contact-con .contact-intro li .contact-icon { margin-right: 0.15rem; width: 0.5rem; }
.contact-con .contact-intro li p { flex: 1; font-size: 0.15rem; line-height: 0.2rem; color: #383838; }

#map { height: 2rem; font-size: 0.15rem; }
#map img { max-width: none; max-height: none; }

h2.contact-h2 { text-align: center; font-size: 0.2rem; color: #323232; }

.contact-job { padding: 0.15rem 0.12rem 0.4rem; }

.contact-job-con { margin-top: 0.2rem; }
.contact-job-con table { width: 100%; font-size: 0; border-spacing: 0; border-collapse: collapse; }
.contact-job-con table thead tr { height: 0.45rem; background-color: #f13a3a; border: 1px solid #f13a3a; }
.contact-job-con table thead th { border: none; font-size: 0.15rem; font-weight: normal; color: #fff; }
.contact-job-con table .click-tr { border: solid 1px #e5e5e5; }
.contact-job-con table .click-tr td { height: 0.45rem; font-size: 0.15rem; text-align: center; color: #2e2e2e; }
.contact-job-con table .hide-job-msg { display: none; }
.contact-job-con table .job-msg-con { padding: 0.2rem 0.12rem 0.225rem; width: 100%; background: #f2f2f2; font-size: 0.15rem; line-height: 0.22rem; color: #444; }

/* 查询弹窗 */
.filter-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10; display: none; overflow: auto; }

#meg { position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0%); margin-top: 60px; padding-bottom: 0.25rem; width: 80%; font-size: 0.16rem; background: #fff; overflow-y: auto; }

.meg_top { padding: 0 0.15rem; height: 0.4rem; background: #f5f5f5; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; color: #555; }

.meg_btm { padding: 0.2rem 0.15rem 0; width: 100%; }
.meg_btm p { margin-bottom: 0.05rem; font-size: 0.14rem; color: #666; }
.meg_btm ::-webkit-input-placeholder { font-size: 0.12rem; }
.meg_btm input[type="text"] { margin-bottom: 0.125rem; padding-left: 0.075rem; width: 100%; height: 0.3rem; border: 1px solid #ddd; border-radius: 4px; }
.meg_btm textarea { margin-bottom: 0.125rem; padding: 0.075rem; width: 100%; height: 1rem; border: 1px solid #ddd; border-radius: 4px; }
.meg_btm button[type="submit"] { width: 100%; height: 0.3rem; background: #f13a3a; border: none; border-radius: 4px; color: #fff; }

.bdshare_popup_bg { display: none !important; }

.bdshare_popup_box { display: none !important; }

.load-text, .load-text2, .load-more { text-align: center; font-size: 0.14rem; color: #888; }

.load-more .more { height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.14rem; background: #efefef; }

.details2-sub-ul{ display: flex; margin-bottom: 20px; overflow-x: auto; }
.details2-sub-ul .details2-sub-li{ margin-right: 20px; font-size: 0.14rem; color: #555; cursor: pointer; word-break: keep-all; }
.details2-sub-ul .details2-sub-li:hover,.details2-sub-ul .details2-sub-li.on{ color: #da241c; text-decoration: underline; }
/*# sourceMappingURL=style.css.map */