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

body { padding-bottom: .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.15rem; }

.public-banner { font-size: 0; }
.public-banner img { max-width: 100%; }

.public-header-container { position: relative; font-size: 0; background: #fff; }

.public-header { position: relative; height: 0.6rem; line-height: 0.6rem; }
.public-header .menu { width: 0.205rem; }
.public-header .search { width: 0.21rem; }
.public-header .logo { position: absolute; left: 0; right: 0; margin: auto; width: 0.955rem; }

.public-hide-nav { position: absolute; top: 0.6rem; left: 0; width: 2.2rem; background: rgba(0, 0, 0, 0.6); font-size: 0.13rem; transform: translate(-100%, 0); opacity: 0; transition: all .5s; z-index: 8; }
.public-hide-nav .hide-li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
.public-hide-nav .hide-li > a { padding-right: .5rem; padding-left: 0.275rem; color: #fff; line-height: 0.44rem; }
.public-hide-nav .hide-li .pull-btn { position: absolute; right: 0; top: 0; width: .5rem; height: 0.44rem; background: url(../images/icon/img01.png) no-repeat center center; background-size: 0.05rem 0.09rem; transition: all .5s; }
.public-hide-nav .know-tool { background: #252525; text-align: center; }
.public-hide-nav .know-tool a { color: #fff; font-size: 0.14rem; line-height: 0.27rem; }

.hide-sub-list { display: none; }
.hide-sub-list .hide-sub-li { padding: 0 .15rem; }
.hide-sub-list .hide-sub-li a { padding-left: 0.55rem; line-height: 0.3rem; color: #fff; border-top: 1px dotted rgba(255, 255, 255, 0.5); }

.swiper-container { width: 100%; }

.swiper-pagination { font-size: 0; }

.index-banner .swiper-pagination-bullet-active { background: #74effb !important; opacity: 1; }
.index-banner .swiper-pagination-bullet { background: #fff; opacity: .8; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets, .index-banner .swiper-pagination-custom, .index-banner .swiper-pagination-fraction { bottom: 16px; }

.search-form { margin-top: 0.2rem; font-size: 0; }
.search-form form { position: relative; width: 100%; height: 0.31rem; border: 1px solid #ddd; border-radius: 0.04rem; overflow: hidden; }
.search-form form select { padding: 0 0.1rem; width: 0.61rem; height: 100%; border: none; border-right: 1px solid #ddd; background: #f0f0f5; color: #444; font-size: 0.12rem; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.search-form form .icon-arr { position: absolute; top: 0.125rem; left: 0.4rem; width: 0.105rem; height: 0.055rem; background: url(../images/icon/arr1.png); background-size: 0.105rem 0.055rem; }
.search-form form ::-webkit-input-placeholder { font-size: 0.1rem; color: #b2b2b2; }
.search-form form input[type="text"] { padding-left: 0.11rem; height: 100%; width: calc(100% - 90px); }
.search-form form button { height: 100%; width: 0.28rem; background: none; border: none; background: url(../images/icon/search1.png) no-repeat center; background-size: 0.13rem 0.14rem; }

.index-sec1 { margin-top: 0.17rem; padding-bottom: 0.15rem; }
.index-sec1 h3 { font-size: 0.18rem; font-family: 思源黑体; text-align: center; }

.index1-swiper { position: relative; margin-top: 0.15rem; padding-top: 0.25rem; padding-bottom: 0.4rem; min-height: 1.75rem; background: #f85e58; border-radius: 0.04rem; overflow: hidden; }
.index1-swiper .swiper-pagination-bullet { height: 9px; width: 9px; opacity: 1; border: 3px solid #fff; background: #fff; }
.index1-swiper .swiper-pagination-bullet-active { background: none; }
.index1-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.index1-swiper .swiper-slide h4 { text-align: center; font-size: 0.14rem; font-weight: bold; color: #fff; }
.index1-swiper .swiper-slide .swiper-li { float: left; margin-top: 0.15rem; padding: 0.06rem; width: 33%; text-align: center; font-size: 0.12rem; }
.index1-swiper .swiper-slide .swiper-li a { position: relative; display: inline-block; color: #fff; }
.index1-swiper .swiper-slide .swiper-li .icon-hot { position: absolute; top: 0; bottom: 0; right: -0.13rem; margin: auto 0; width: 0.065rem; height: 0.085rem; background: url(../images/icon/hot.png) no-repeat; background-size: 0.065rem 0.085rem; }

.index-sec2 { padding-top: 0.2rem; background: #f6f6f6; }

.index-title { position: relative; font-size: 0; text-align: center; }
.index-title::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 2px; background: #e5e5e5; z-index: 1; }
.index-title h3 { position: relative; display: inline-block; padding: 0.075rem 0; color: #1a1a1a; font-size: 0.18rem; font-weight: bold; }
.index-title h3::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 2px; background: #e62129; z-index: 2; }

.index2-ul { margin-top: 0.15rem; }
.index2-ul .index2-li { float: left; margin-bottom: 0.15rem; padding-right: 0.075rem; width: 50%; }
.index2-ul .index2-li:nth-child(2n) { padding-left: 0.075rem; }
.index2-ul .index2-li:nth-child(1) .index2-card { background: #fff url(../images/index/img01.png) no-repeat right 0.15rem bottom 0.04rem; background-size: 0.54rem 0.535rem; }
.index2-ul .index2-li:nth-child(2) .index2-card { background: #fff url(../images/index/img02.png) no-repeat right bottom; background-size: 0.81rem 0.455rem; }
.index2-ul .index2-li:nth-child(3) .index2-card { background: #fff url(../images/index/img03.png) no-repeat right 0.15rem bottom 0.1rem; background-size: 0.595rem 0.52rem; }
.index2-ul .index2-li:nth-child(4) .index2-card { background: #fff url(../images/index/img04.png) no-repeat right 0.15rem bottom 0.1rem; background-size: 0.465rem 0.46rem; }
.index2-ul .index2-li .index2-card { position: relative; padding: 0.24rem 0.1rem 0 0.16rem; height: 1.5rem; }
.index2-ul .index2-li .index2-card h4 { margin-bottom: 0.08rem; font-size: 0.14rem; font-weight: bold; }
.index2-ul .index2-li .index2-card p { font-size: 0.12rem; color: #ffb4b7; }
.index2-ul .index2-li .index2-card .icon-arr { position: absolute; bottom: 0.24rem; width: 0.165rem; height: 0.165rem; background: url(../images/icon/arr2.png); background-size: 0.165rem 0.165rem; }

.index-sec3 { background: #f6f6f6; }

.index3-swiper { position: relative; margin-top: 0.15rem; padding-bottom: 0.3rem; }
.index3-swiper .swiper-slide { width: 60%; height: 1.5rem; }
.index3-swiper .swiper-slide a { padding: 0.3rem 0.2rem 0; position: relative; height: 100%; background: #fff url(../images/index/bg01.jpg) no-repeat right center; background-size: 2.235rem 1.555rem; }
.index3-swiper .swiper-slide a h4 { margin-bottom: 0.08rem; font-size: 0.14rem; font-weight: bold; }
.index3-swiper .swiper-slide a p { font-size: 0.12rem; color: #ffb4b7; }
.index3-swiper .swiper-slide a .icon-arr { position: absolute; bottom: 0.21rem; width: 0.165rem; height: 0.165rem; background: url(../images/icon/arr2.png); background-size: 0.165rem 0.165rem; }
.index3-swiper .swiper-pagination { width: 100%; bottom: 0.11rem; }
.index3-swiper .swiper-pagination-bullet { margin: 0 0.05rem; opacity: 1; background: #333; }
.index3-swiper .swiper-pagination-bullet-active { opacity: 1; background: #dc421c; }

.index-sec4 { padding-bottom: 0.15rem; background: #f6f6f6; }

.index4-ul { margin-top: 0.15rem; }
.index4-ul .index4-li { margin-bottom: 0.15rem; padding-left: 0.3rem; padding-right: 0.28rem; height: 1.14rem; background: #fff; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.index4-ul .index4-li:last-child { margin-bottom: 0; }
.index4-ul .index4-li .index4-li-left { text-align: center; }
.index4-ul .index4-li .index4-li-left h4 { margin-bottom: 0.12rem; font-size: 0.14rem; color: #1a1a1a; font-weight: bold; }
.index4-ul .index4-li .index4-li-left p { font-size: 0.12rem; line-height: 0.17rem; color: #666; }
.index4-ul .index4-li:nth-child(2) .index4-li-right .index4-img { width: 100%; }
.index4-ul .index4-li .index4-li-right .index4-img { position: relative; margin: 0 auto; width: 0.475rem; height: 0.65rem; font-size: 0; }
.index4-ul .index4-li .index4-li-right .more { color: #e62129; font-size: 0.12rem; width: 0.665rem; height: 0.195rem; line-height: 0.195rem; border-radius: 3px; border: solid 1px #e62129; text-align: center; }

.index-sec5 { background: #f6f6f6; }

.index5-swiper { position: relative; padding-bottom: 0.4rem; margin-top: 0.15rem; }
.index5-swiper .swiper-slide { padding-top: 0.375rem; width: 42%; height: 2.25rem; background: #fff url(../images/index/bg02.jpg) no-repeat center bottom; background-size: 100%; text-align: center; }
.index5-swiper .swiper-slide:nth-child(2) { background: #fff url(../images/index/bg03.jpg) no-repeat center bottom; }
.index5-swiper .swiper-slide h4 { margin-bottom: 0.12rem; font-size: 0.14rem; color: #1a1a1a; font-weight: bold; }
.index5-swiper .swiper-slide p { font-size: 0.12rem; line-height: 0.17rem; color: #666; }
.index5-swiper .swiper-slide .more { margin: 0 auto; margin-top: 0.175rem; color: #e62129; font-size: 0.12rem; width: 0.67rem; height: 0.21rem; line-height: 0.21rem; border-radius: 3px; border: solid 1px #e62129; text-align: center; }
.index5-swiper .swiper-pagination { width: 100%; bottom: 0.11rem; }
.index5-swiper .swiper-pagination-bullet { margin: 0 0.05rem; opacity: 1; background: #333; }
.index5-swiper .swiper-pagination-bullet-active { opacity: 1; background: #dc421c; }

.index-sec6 { padding-top: 0.225rem; padding-bottom: 0.25rem; }

.index6-swiper { margin-top: 0.15rem; }
.index6-swiper .swiper-slide { width: 48%; border: 1px solid #e1e1e1; }
.index6-swiper .swiper-slide .index6-img { padding-top: 82%; }
.index6-swiper .swiper-slide .index6-text { padding: 0.12rem 0 0.16rem; border-top: 1px solid #e1e1e1; text-align: center; }
.index6-swiper .swiper-slide .index6-text h4 { font-size: 0.14rem; color: #444444; }
.index6-swiper .swiper-slide .index6-text h4::after { content: ""; display: block; margin: 0.09rem auto; width: 0.25rem; height: 2px; background-color: #e62129; }
.index6-swiper .swiper-slide .index6-text p { font-size: 0.12rem; color: #666666; }
.index6-swiper .swiper-slide .index6-text .ask { margin: 0 auto; margin-top: 0.16rem; width: 0.845rem; height: 0.18rem; line-height: 0.18rem; text-align: center; border-radius: 4px; border: solid 1px #e62129; color: #777777; font-size: 0.12rem; }
.index6-swiper .swiper-slide .index6-text .ask:hover { background: #e62129; color: #fff; }

.index-sec7 { padding-top: 0.175rem; padding-bottom: 0.2rem; background: #f6f6f6; }
.index-sec7 .more { margin: 0 auto; width: 0.845rem; height: 0.215rem; line-height: 0.215rem; border: solid 1px #e62129; border-radius: 3px; font-size: 0.12rem; text-align: center; color: #777777; }
.index-sec7 .more:hover { background: #e62129; color: #fff; }

.index7-ul { margin-top: 0.05rem; margin-bottom: 0.14rem; }
.index7-ul .index7-li { position: relative; padding: 0.15rem 0; border-bottom: 1px solid #e5e5e5; }
.index7-ul .index7-li .time { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: Arial, Helvetica, sans-serif; font-size: 0.12rem; color: #999999; }
.index7-ul .index7-li a { padding-right: 0.65rem; font-size: 0.14rem; color: #666666; }
.index7-ul .index7-li a:hover { color: #e62129; }

.index-sec8 { padding-top: 0.15rem; padding-bottom: 0.05rem; }

.index8-swiper { margin-top: 0.17rem; }
.index8-swiper .index8-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.index8-swiper .index8-ul .index8-li { margin-bottom: 0.15rem; margin-right: 2%; padding-top: 21%; width: 32%; border: solid 1px #dddddd; }
.index8-swiper .index8-ul .index8-li:nth-child(3n) { margin-right: 0; }

.copyright-msg { padding: 0.2rem 0.13rem; border-top: 1px solid #f6f6f6; text-align: center; font-size: 0.14rem; color: #666666; line-height: 0.21rem; }
.copyright-msg a { display: inline-block; color: #666666; }

/* 底部按钮 */
.public-footer { position: fixed; bottom: 0; width: 100%; max-width: 640px; min-width: 320px; height: 0.6rem; font-size: 0.12rem; background: #e7262e; z-index: 10; }
.public-footer .public-footer-con { display: flex; display: -webkit-flex; height: 100%; }
.public-footer .public-footer-con li { flex: 1; text-align: center; border-right: 1px solid #fff; }
.public-footer .public-footer-con li:last-child { border: none; }
.public-footer .public-footer-con a { padding-top: 0.1rem; height: 100%; color: #fff; }
.public-footer .public-footer-con a:hover { opacity: .8; }
.public-footer .public-footer-con .public-nav-img { width: 100%; height: 0.22rem; }
.public-footer .public-footer-con .public-nav-img img { max-height: 100%; }
.public-footer .public-footer-con .public-nav-text { padding-top: 0.05rem; }

/* 专利 */
.patent { padding-top: 0.12rem; padding-bottom: 0.13rem; background: #f6f6f6; }

.patent-sec1 { margin-bottom: 0.13rem; padding: 0.13rem 0.13rem 0.25rem; background: #fff; }
.patent-sec1 .patent1-img { padding-top: 73.6%; }
.patent-sec1 .patent1-title { margin-top: 0.17rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end; font-size: 0; }
.patent-sec1 .patent1-title h3 { font-size: 0.17rem; font-weight: bold; }
.patent-sec1 .patent1-title .money { color: #ff5859; font-size: 0.13rem; font-weight: bold; }
.patent-sec1 .patent1-p { margin-top: 0.15rem; position: relative; padding-left: 0.75rem; display: block; font-size: 0; }
.patent-sec1 .patent1-p .p1 { position: absolute; left: 0; min-width: 0.48rem; text-align: justify; font-size: 0.12rem; color: #999999; }
.patent-sec1 .patent1-p .time { font-size: 0.12rem; color: #666666; }
.patent-sec1 .patent1-text { margin-top: 0.2rem; font-size: 0.12rem; color: #666; line-height: 0.2rem; }
.patent-sec1 .ask { margin-top: 0.2rem; width: 0.99rem; height: 0.29rem; color: #fff; line-height: 0.29rem; font-size: 0.12rem; background: #f85a58; border-radius: .03rem; text-align: center; }
.patent-sec1 .ask:hover { border: 1px solid #f85a58; color: #f85a58; background: #fff; }

.patent-sec2 { margin-bottom: 0.13rem; padding: 0.16rem 0.13rem; background: #fff; }
.patent-sec2 h3 { color: #555555; font-size: 0.15rem; }
.patent-sec2 .patent2-con { margin-top: 0.18rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.patent-sec2 .patent2-con li { margin-right: 4%; margin-bottom: 0.1rem; width: 48%; }
.patent-sec2 .patent2-con li:nth-child(2n) { margin-right: 0; }
.patent-sec2 .patent2-con a { position: relative; padding: 0.15rem 0.06rem 0.15rem 0.1rem; border: 1px solid #ddd; }
.patent-sec2 .patent2-con .patent2-title { font-size: 0.14rem; color: #666; }
.patent-sec2 .patent2-con .money { position: absolute; bottom: 0.15rem; right: 0.06rem; font-size: 0.12rem; color: #ff5859; }
.patent-sec2 .patent2-con .patent2-p { margin-top: 0.05rem; color: #999999; font-size: 0.12rem; }

.public-title { text-align: center; }
.public-title h3 { position: relative; font-size: 0.18rem; font-weight: bold; }
.public-title h3::after { content: ""; display: block; position: absolute; bottom: -0.11rem; left: 50%; transform: translate(-50%, 0); width: 0.2rem; height: 5px; background: #e62129; }
.public-title .line { margin: 0 auto; margin-top: 0.08rem; width: 1.45rem; height: 1px; background: #e62129; }

.patent-sec3 { padding: 0.225rem 0.13rem 0.21rem; background: #fff; }

.patent3-ul { margin-top: 0.2rem; }
.patent3-ul .patent3-li { margin-bottom: 0.15rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.patent3-ul .patent3-li:last-child { margin-bottom: 0; }
.patent3-ul .patent3-li:nth-child(2n) { flex-direction: row-reverse; }
.patent3-ul .patent3-li .img-wrapper { padding-top: 26.8%; width: 48%; }
.patent3-ul .patent3-li .patent3-text { width: 48%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.patent3-ul .patent3-li .patent3-text h5 { margin-bottom: 0.05rem; font-size: 0.15rem; color: #444; }
.patent3-ul .patent3-li .patent3-text p { font-size: 0.12rem; color: #777; }

.patent-sec4 { padding: 0.2rem 0.13rem 0.05rem; background: #fff; }

.patent4-ul { margin-top: 0.25rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.patent4-ul .patent4-li { text-align: center; }
.patent4-ul .patent4-li .patent4-img { height: 0.5rem; font-size: 0; }
.patent4-ul .patent4-li .patent4-img img { max-height: 100%; }
.patent4-ul .patent4-li h5 { margin: 0.06rem 0; font-size: 0.15rem; color: #666; }
.patent4-ul .patent4-li p { font-size: 0.12rem; color: #999; }

.patent4-step { position: relative; margin-top: 0.05rem; padding: 0.4rem 0; }
.patent4-step .line { position: absolute; top: 0; left: 0.205rem; width: 1px; height: 100%; background: radial-gradient(#e62129, rgba(230, 33, 41, 0) 74%); background: -webkit-radial-gradient(#e62129, rgba(230, 33, 41, 0) 74%); }
.patent4-step .patent4-step-ul .patent4-step-li { position: relative; margin-bottom: 0.225rem; padding-left: 0.55rem; }
.patent4-step .patent4-step-ul .patent4-step-li:last-child { margin-bottom: 0; }
.patent4-step .patent4-step-ul .patent4-step-li h5 { margin-bottom: 0.05rem; font-size: 0.13rem; }
.patent4-step .patent4-step-ul .patent4-step-li p { font-size: 0.12rem; color: #666; }
.patent4-step .patent4-step-ul .patent4-step-li .circle { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); padding: 0.07rem; width: 0.41rem; height: 0.41rem; border-radius: 50%; background: rgba(230, 33, 41, 0.3); }
.patent4-step .patent4-step-ul .patent4-step-li .num { width: 0.27rem; height: 0.27rem; line-height: 0.27rem; border-radius: 50%; font-size: 0.16rem; color: #fff; text-align: center; background: #e62129; }

.patent-sec5 { padding: 0 0.13rem; background: #fff; }

.patent5-con { margin-top: 0.17rem; }
.patent5-con .patent5-card { margin-bottom: 0.13rem; }
.patent5-con .patent5-card:last-child { margin-bottom: 0; }
.patent5-con .patent5-card:last-child .patent5-head { background: #6195ff; }
.patent5-con .patent5-card:last-child .patent5-head .icon { background: url(../images/icon/i2.png) no-repeat left center; background-size: 0.25rem 0.25rem; }
.patent5-con .patent5-card .patent5-head { height: 0.64rem; line-height: 0.64rem; text-align: center; background: #ff9c5f; font-size: 0; }
.patent5-con .patent5-card .patent5-head .icon { padding-left: 0.33rem; color: #fff; font-weight: bold; font-size: 0.12rem; background: url(../images/icon/i1.png) no-repeat left center; background-size: 0.26rem 0.25rem; }
.patent5-con .patent5-card .patent5-text { padding: 0.15rem; background: #f7f7f7; }
.patent5-con .patent5-card .patent5-text p { margin: 0.075rem 0; font-size: 0.12rem; color: #666; }

.patent-sec6 { padding: 0.225rem 0.13rem; background: #fff; }

.patent6-con { position: relative; margin-top: 0.11rem; padding-bottom: 0.2rem; }
.patent6-con .swiper-slide { display: flex; display: -webkit-flex; background: #f7f7f7; }
.patent6-con .swiper-slide .swiper-card { position: relative; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; }
.patent6-con .swiper-slide:nth-child(2n) .swiper-card { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
.patent6-con .swiper-slide .swiper-card .img-wrapper { padding-top: 67.4%; width: 100%; }
.patent6-con .swiper-slide .swiper-card .filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 0.19rem; font-weight: bold; background: rgba(0, 0, 0, 0.5); text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5); letter-spacing: 2px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.patent6-con .swiper-slide .swiper-card .num { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 0.19rem; height: 0.19rem; line-height: 0.19rem; border-radius: 50%; background: #f85858; font-size: 0.12rem; color: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.patent6-con .swiper-slide .swiper-card .patent6-text { position: absolute; top: 0; left: 0; padding: 0 0.14rem; width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; color: #666; font-size: 0.12rem; }
.patent6-con .swiper-pagination { width: 100%; bottom: 0; }
.patent6-con .swiper-pagination-bullet { margin: 0 0.05rem; opacity: 1; background: #333; }
.patent6-con .swiper-pagination-bullet-active { opacity: 1; background: #dc421c; }

.patent-sec7 { padding: 0 0.13rem 0.13rem; background: #fff; }
.patent-sec7 .patent7-con { padding: 0.2rem 0.15rem; background: #f7f7f7; font-size: 0.12rem; line-height: 0.2rem; text-align: center; }
.patent-sec7 .patent7-con p { color: #999; }
.patent-sec7 .patent7-con .ask { margin: 0 auto; margin-top: 0.2rem; width: 1.25rem; height: 0.3rem; background-color: #f85e58; border-radius: 4px; line-height: 0.3rem; text-align: center; font-size: 0.12rem; color: #fff; }

.service-choose { margin-top: 0.13rem; padding: 0.2rem 0.13rem 0.04rem; background: #fff; }
.service-choose h3 { font-size: 0.15rem; letter-spacing: 1px; }
.service-choose .service-choose-ul { margin-top: 0.1rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.service-choose .service-choose-ul .service-choose-li { margin-bottom: 0.08rem; margin-right: 2%; padding-top: 29.8%; width: 49%; }
.service-choose .service-choose-ul .service-choose-li:nth-child(2n) { margin-right: 0; }
.service-choose .service-choose-ul .service-text { position: absolute; top: 0; left: 0; padding: 0 0.1rem; width: 100%; height: 100%; background: rgba(79, 98, 120, 0.671); text-align: center; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.service-choose .service-choose-ul .service-text p { margin-top: 0.04rem; font-size: 0.12rem; color: #fff; }
.service-choose .service-choose-ul .icon-img { font-size: 0; height: 0.26rem; }
.service-choose .service-choose-ul .icon-img img { max-height: 100%; }

.info-swiper { height: 0.5rem; line-height: 0.5rem; background: #f6f6f6; border-bottom: 2px solid #e5e5e5; }
.info-swiper .swiper-slide { display: inline-block; width: auto !important; height: 0.5rem; font-size: 0; }
.info-swiper .swiper-slide.on { border-bottom: 2px solid #e62129; }
.info-swiper .swiper-slide.on a { color: #e62129; }
.info-swiper .swiper-slide a { font-size: 0.13rem; }
.info-swiper .swiper-slide a:hover { color: #e62129; }

.info-content { font-size: 0.12rem; color: #666; line-height: 0.21rem; }
.info-content h4 { font-size: 0.15rem; color: #333; }

.info-service { padding: 0.17rem 0.15rem; background: #f6f6f6; }
.info-service .patent-sec2 { margin-bottom: 0; }
.info-service .patent-sec2 .patent2-con li { background: url(../images/icon/arr3.png) no-repeat right 0.1rem center; background-size: 0.08rem 0.12rem; }
.info-service .patent-sec2 .patent2-con .money { position: static; margin-top: 0.05rem; }

.invent-details-ul { padding-top: 0.2rem; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.invent-details-ul .invent-details-li { margin-right: 0.13rem; width: 1.08rem; height: 0.3rem; }
.invent-details-ul .invent-details-li:hover a, .invent-details-ul .invent-details-li.on a { background-color: #f85d58; color: #fff; }
.invent-details-ul .invent-details-li:last-child { margin-right: 0; }
.invent-details-ul .invent-details-li a { line-height: 0.3rem; text-align: center; background-color: #eee; border-radius: 0.05rem; color: #666; font-size: 0.12rem; }

.patent-list { padding-top: 0.2rem; padding-bottom: 0.2rem; }

.patent-list-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.patent-list-ul .patent-list-li { margin-bottom: 0.13rem; margin-right: 4%; width: 48%; text-align: center; }
.patent-list-ul .patent-list-li:nth-child(2n) { margin-right: 0; }
.patent-list-ul .patent-list-li .img-wrapper { padding-top: 62.5%; }
.patent-list-ul .patent-list-li p { margin-top: 0.05rem; font-size: 0.12rem; }

.page { padding-top: 0.18rem; }
.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 a { background-color: #f85d58; border-color: #f85d58; color: #fff; }
.page ul a { padding: 0 0.12rem; height: 0.31rem; line-height: 0.31rem; border: 1px solid #ccc; font-size: 0.12rem; color: #666; }
.page ul li.on a{ background-color: #f85d58; border-color: #f85d58; color: #fff; }

.trade1-ul { margin-top: 0.3rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.trade1-ul .trade1-li { width: 49%; margin-bottom: 0.2rem; font-size: 0.12rem; letter-spacing: 2px; color: #666; }

.trade-sec2 { padding: 0 0.13rem; background: #fff; }

.trade2-con { margin-top: 0.15rem; font-size: 0.12rem; }
.trade2-con p { color: #666; }

.trade-sec3 { padding: 0 0.13rem; background: #fff; }

.trade3-con { padding: 0.2rem 0; background: #f5f4f4; }
.trade3-con .trade3-text { margin-top: 0.15rem; padding: 0 0.13rem; font-size: 0.12rem; line-height: 0.2rem; }

.trade-sec4 { padding: 0.25rem 0.13rem 0.3rem; background: #fff; }

.trade4-con { margin-top: 0.15rem; font-size: 0.12rem; line-height: 0.2rem; }
.trade4-con .ask { margin: 0 auto; width: 1.25rem; height: 0.3rem; line-height: 0.3rem; text-align: center; border-radius: 4px; background: #f85e58; color: #fff; font-size: 0.12rem; }
.trade4-con .ask:hover { background: #fff; color: #f85e58; border: 1px solid #f85e58; }

.trade2-sec1 { padding: 0.04rem 0.13rem 0.15rem; background: #fff; }

.trade2-sec1-con { margin-top: 0.2rem; }
.trade2-sec1-con .trade2-sec1-card { margin-bottom: 0.13rem; height: 1.725rem; border: 1px solid #dedede; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.trade2-sec1-con .trade2-sec1-card:last-child { margin-bottom: 0; background: #f85e58; }
.trade2-sec1-con .trade2-sec1-card:last-child h4, .trade2-sec1-con .trade2-sec1-card:last-child p { color: #fff; }
.trade2-sec1-con .trade2-sec1-card .trade2-sec1-flex { text-align: center; }
.trade2-sec1-con .trade2-sec1-card .trade2-sec1-img { font-size: 0; height: 0.485rem; }
.trade2-sec1-con .trade2-sec1-card .trade2-sec1-img img { max-height: 100%; }
.trade2-sec1-con .trade2-sec1-card h4 { margin-top: 0.13rem; margin-bottom: 0.06rem; font-size: 0.15rem; color: #212121; }
.trade2-sec1-con .trade2-sec1-card p { font-size: 0.12rem; color: #666; line-height: 0.2rem; }

.trade-details-sec1 { padding-top: 0.2rem; }

.trade-details1-con { font-size: 0.12rem; line-height: 0.2rem; color: #4e4e4e; }

.trade-details-sec2 { padding-left: 0.15rem; padding-top: 0.15rem; }

.trade-details2-con { position: relative; margin-top: 0.2rem; }
.trade-details2-con .img-wrapper { padding-top: 63.1%; width: 45%; }
.trade-details2-con .trade-details2-right { position: absolute; padding-right: 0.15rem; padding-left: 12%; right: 0; top: 50%; transform: translateY(-50%); width: 68%; height: 86%; background: #fff; box-shadow: 0 0 10px #ccc; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.trade-details2-con .trade-details2-right p { margin-bottom: 0.15rem; padding-left: 0.14rem; background-repeat: no-repeat; background-position: left center; font-size: 0.12rem; color: #555; background-size: 0.17rem 0.135rem; }
.trade-details2-con .trade-details2-right p:nth-child(1) { background-image: url(../images/trade/1.png); }
.trade-details2-con .trade-details2-right p:nth-child(2) { background-image: url(../images/trade/2.png); }
.trade-details2-con .trade-details2-right p:nth-child(3) { background-image: url(../images/trade/3.png); }
.trade-details2-con .trade-details2-right p:nth-child(4) { background-image: url(../images/trade/4.png); }
.trade-details2-con .trade-details2-right p:nth-child(5) { margin-bottom: 0; background-image: url(../images/trade/5.png); }

.trade-details-sec3 { padding-top: 0.3rem; padding-bottom: 0.25rem; }

.trade-details3-con { margin-top: 0.17rem; }
.trade-details3-con p { color: #444; font-size: 0.12rem; line-height: 0.2rem; }
.trade-details3-con .tag { margin-top: 0.05rem; color: #999; }

.copyright1 { padding-top: 0.12rem; background: #f6f6f6; }

.copyright2 { padding-bottom: 0.12rem; background: #f6f6f6; }

.copyright-sec1 { margin-top: 0.13rem; padding: 0.25rem 0.13rem 0.2rem; background: #fff; }

.copyright-sec1-con { margin-top: 0.15rem; font-size: 0.12rem; line-height: 0.21rem; }

.copyright1 .trade-sec2 { padding-top: 0.15rem; }

.copyright-sec2 { padding: 0.25rem 0.15rem 0.15rem; background: url(../images/copyright/bg01.png) no-repeat center; background-size: 100% 100%; }
.copyright-sec2 .public-title h3 { color: #fff; }

.copyright2-ul { margin-top: 0.15rem; }
.copyright2-ul .copyright2-li { position: relative; margin-bottom: 0.25rem; padding-left: 0.69rem; color: #fff; min-height: 0.58rem; }
.copyright2-ul .copyright2-li h4 { font-size: 0.15rem; }
.copyright2-ul .copyright2-li p { font-size: 0.12rem; line-height: 0.18rem; }
.copyright2-ul .copyright2-li .copyright2-img { position: absolute; left: 0; top: 0; width: 0.58rem; height: 0.58rem; font-size: 0; }

.copyright-sec3 { padding: 0.25rem 0.13rem 0.21rem; background: #fff; }

.copyright3-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-around; }
.copyright3-ul .copyright3-li { margin-top: 0.25rem; width: 32%; text-align: center; }
.copyright3-ul .copyright3-li h4 { font-size: 0.18rem; color: #e62129; font-weight: bold; }
.copyright3-ul .copyright3-li p { font-size: 0.12rem; }

.deal-sec1 { padding-top: 0.2rem; padding-bottom: 0.25rem; }

.deal1-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }
.deal1-ul .deal1-li { position: relative; margin-top: 0.275rem; padding: 0 0.1rem; width: 33%; text-align: center; }
.deal1-ul .deal1-li:nth-child(3n) .line, .deal1-ul .deal1-li:last-child .line { display: none; }
.deal1-ul .deal1-li .deal1-img { margin-bottom: 0.11rem; height: 0.25rem; font-size: 0; }
.deal1-ul .deal1-li .deal1-img img { max-height: 100%; }
.deal1-ul .deal1-li p { font-size: 0.12rem; color: #666; }
.deal1-ul .deal1-li .num { margin: 0 auto; margin-top: 0.06rem; display: block; width: 0.17rem; height: 0.17rem; line-height: 0.17rem; border: solid 1px #666666; border-radius: 50%; color: #666; font-size: 0.12rem; }
.deal1-ul .deal1-li .line { position: absolute; bottom: 0.085rem; left: 60%; width: 80%; height: 1px; background-color: #999; }

.deal-sec2 { background: #f1f1f1; padding-top: 0.15rem; padding-bottom: 0.22rem; }
.deal-sec2 .more { margin: 0 auto; width: 0.9rem; height: 0.3rem; line-height: 0.3rem; background: #e62129; font-size: 0.14rem; color: #fff; text-align: center; border-radius: 4px; }
.deal-sec2 .more:hover { background: #fff; color: #e62129; border: 1px solid #e62129; }

.deal2-ul { margin-top: 0.16rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.deal2-ul .deal2-li { margin-bottom: 0.14rem; width: 50%; border: 1px solid #dfdddf; background: #fff; }
.deal2-ul .deal2-li:nth-child(2n) { border-left: none; }
.deal2-ul .deal2-li:hover .deal2-text span { background: #00b9f2; }
.deal2-ul .deal2-li a { padding: 0.2rem 0.075rem 0.16rem; }
.deal2-ul .deal2-li .deal2-img { padding-top: 77.8%; width: 100%; }
.deal2-ul .deal2-li .deal2-text { margin-top: 0.22rem; font-size: 0.12rem; text-align: center; }
.deal2-ul .deal2-li .deal2-text span { display: inline-block; padding: 0.02rem 0.05rem; color: #fff; background: #f8b73a; border-radius: 4px; }
.deal2-ul .deal2-li .deal2-text p { display: inline-block; color: #999; }

.deal3-ul { margin-top: 0.16rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.deal3-ul .deal3-li { margin-bottom: 0.14rem; width: 50%; border: 1px solid #dfdddf; background: #fff; }
.deal3-ul .deal3-li:nth-child(2n) { border-left: none; }
.deal3-ul .deal3-li .deal3-img { padding-top: 99%; }
.deal3-ul .deal3-li p { margin-top: 0.12rem; font-size: 0.12rem; color: #666; }
.deal3-ul .deal3-li a { padding: 0.075rem 0.1rem 0.15rem; }

.deal-sec3 { background: #f1f1f1; padding-top: 0.125rem; padding-bottom: 0.15rem; }

.deal3-swiper { position: relative; margin-top: 0.175rem; padding-bottom: 0.2rem; }
.deal3-swiper .swiper-slide { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.deal3-swiper .swiper-slide .deal3-card { padding: 0.05rem; width: 49%; background: #fff; }
.deal3-swiper .swiper-slide .deal3-card .deal3-img { padding-top: 99.6%; }
.deal3-swiper .swiper-slide .deal3-card .deal3-text { margin-top: 0.2rem; padding-bottom: 0.2rem; text-align: center; }
.deal3-swiper .swiper-slide .deal3-card h4 { font-size: 0.14rem; }
.deal3-swiper .swiper-slide .deal3-card p { margin: 0.1rem 0; font-size: 0.12rem; color: #666; }
.deal3-swiper .swiper-slide .deal3-card a { margin: 0 auto; width: 0.74rem; height: 0.23rem; line-height: 0.23rem; text-align: center; background-color: #e62129; border-radius: 4px; font-size: 0.13rem; color: #fff; }
.deal3-swiper .swiper-pagination { width: 100%; bottom: 0; }
.deal3-swiper .swiper-pagination-bullet { margin: 0 0.05rem; opacity: 1; background: #333; }
.deal3-swiper .swiper-pagination-bullet-active { opacity: 1; background: #dc421c; }

.deal-list-nav { height: 0.48rem; line-height: 0.48rem; background: #f6f6f6; }

.deal-list-ul .deal-list-li { font-size: 0; height: 0.48rem; text-align: center; }
.deal-list-ul .deal-list-li .option { display: inline-block; padding-right: 0.17rem; font-size: 0.13rem; background: url(../images/deal/arr.png) no-repeat right center; background-size: 0.105rem 0.055rem; }

.filter-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
.filter-box .filter-form { position: relative; margin: auto; margin-top: 10%; padding-bottom: 0.5rem; width: 80%; max-width: 600px; height: 70%; background: #fff; line-height: normal; }
.filter-box .filter-form form { margin: 0 auto; padding: 0.2rem 0; width: 80%; height: 100%; overflow: auto; font-size: 0; }
.filter-box .filter-form form input { margin-right: 0.025rem; vertical-align: middle; }
.filter-box .filter-form .cancel-ok { position: absolute; left: 0; bottom: 0.1rem; width: 100%; font-size: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.filter-box .filter-form .cancel, .filter-box .filter-form button[type="submit"] { width: 0.9rem; height: 0.3rem; line-height: 0.3rem; text-align: center; font-size: 0.15rem; }
.filter-box .filter-form .cancel { margin-right: 0.15rem; border: 1px solid #999; }
.filter-box .filter-form button[type="submit"] { background: #e62129; color: #fff; border: none; }
.filter-box .filter-form button[type="reset"] { display: block; margin: 0 auto; width: 80%; height: 0.25rem; border: 1px solid #eee; background: #f8f8f8; color: #666; }
.filter-box .filter-form .form-dl { margin-bottom: 0.2rem; padding-bottom: 0.05rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; border-bottom: 1px solid #ccc; }
.filter-box .filter-form .form-dl dt { margin-bottom: 0.07rem; width: 100%; font-size: 0.15rem; font-weight: bold; }
.filter-box .filter-form .form-dl dd { margin-bottom: 0.1rem; padding-right: 0.1rem; width: 33%; font-size: 0.13rem; color: #666; }
.filter-box .filter-form .form-dl span { vertical-align: middle; }

.deal-list-con { padding-bottom: 0.2rem; }
.deal-list-con .page { padding-top: 0.08rem; }

.deal-list2-ul { margin-top: 0.15rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.deal-list2-ul .deal-list2-li { margin-bottom: 0.12rem; width: 48%; border: 1px solid #e3e3e3; }
.deal-list2-ul .deal-list2-li .img-wrapper { padding-top: 86.5%; }
.deal-list2-ul .deal-list2-li .deal-list2-text { padding: 0.1rem; border-top: 1px solid #e3e3e3; font-size: 0; }
.deal-list2-ul .deal-list2-li .deal-list2-text h4 { margin-bottom: 0.05rem; font-size: 0.14rem; color: #444; }
.deal-list2-ul .deal-list2-li .deal-list2-text p { font-size: 0.12rem; color: #ff375f; font-family: Arial, Helvetica, sans-serif; }
.deal-list2-ul .deal-list2-li .deal-list2-text .ask { padding-left: 0.14rem; font-size: 0.12rem; color: #666666; background: url(../images/deal/i1.png) no-repeat left center; background-size: 0.11rem 0.11rem; }
.deal-list2-ul .deal-list2-li .deal-list2-text .ask:hover { color: #f85d58; }

.tech-sec1 { padding-top: 0.25rem; padding-bottom: 0.3rem; background: #f4f4f4; }
.tech-sec1 .tech1-img { padding: 0 0.5rem; }
.tech-sec1 .tech1-text { margin-top: 0.4rem; font-size: 0.12rem; line-height: 0.2rem; color: #666; }
.tech-sec1 .tech1-text h3 { font-size: 0.18rem; font-weight: bold; color: #333; text-align: center; }

.tech-sec2 { padding-top: 0.3rem; }

.tech2-ul { margin-top: 0.25rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.tech2-ul .tech2-li { margin-bottom: 0.33rem; width: 49%; text-align: center; font-size: 0; }
.tech2-ul .tech2-li .tech2-img { height: 0.4rem; }
.tech2-ul .tech2-li .tech2-img img { max-height: 100%; }
.tech2-ul .tech2-li p { margin-top: 0.08rem; font-size: 0.12rem; color: #666; }

.tech-sec3 { padding-top: 0.25rem; background: #f4f4f4; }

.tech3-ul { margin-top: 0.2rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.tech3-ul .tech3-li { margin-bottom: 0.3rem; padding: 0 0.1rem; width: 50%; text-align: center; }
.tech3-ul .tech3-li .circle { margin: 0 auto; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: #e62129; font-size: 0.27rem; line-height: 0.45rem; color: #fff; text-align: center; }
.tech3-ul .tech3-li h4 { margin-top: 0.09rem; margin-bottom: 0.05rem; font-size: 0.15rem; color: #2c2c2c; }
.tech3-ul .tech3-li p { font-size: 0.12rem; color: #666; }

.tech-sec4 { padding-top: 0.25rem; padding-bottom: 0.15rem; }

.tech4-swiper { position: relative; margin-top: 0.2rem; }
.tech4-swiper .swiper-container { padding-top: 0.05rem; padding-bottom: 0.25rem; }
.tech4-swiper .swiper-slide dl { text-align: center; box-shadow: 0 2px 0.08rem #ccc; }
.tech4-swiper .swiper-slide dt { height: 0.49rem; line-height: 0.49rem; font-size: 0.15rem; font-weight: bold; }
.tech4-swiper .swiper-slide dd { height: 0.325rem; line-height: 0.325rem; font-size: 0.12rem; color: #666; }
.tech4-swiper .swiper-slide dd:nth-child(2n) { background: #f7f7f7; }
.tech4-swiper .swiper-pagination { width: 100%; bottom: 0.02rem; }
.tech4-swiper .swiper-pagination-bullet { margin: 0 0.05rem; opacity: 1; background: #333; }
.tech4-swiper .swiper-pagination-bullet-active { opacity: 1; background: #dc421c; }

.tech-sec5 { padding-top: 0.25rem; background: #f4f4f4; }

.tech5-ul { margin-top: 0.25rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.tech5-ul .tech5-li { margin-bottom: 0.3rem; width: 33%; text-align: center; }
.tech5-ul .tech5-li:nth-child(3n) h4::after, .tech5-ul .tech5-li:last-child h4::after { display: none; }
.tech5-ul .tech5-li .tech5-img { height: 0.35rem; font-size: 0; }
.tech5-ul .tech5-li .tech5-img img { max-height: 100%; }
.tech5-ul .tech5-li h4 { position: relative; margin-top: 0.09rem; margin-bottom: 0.05rem; font-size: 0.12rem; font-family: Arial, Helvetica, sans-serif; color: #888; }
.tech5-ul .tech5-li h4::after { content: ""; display: block; position: absolute; left: 59%; bottom: 0.07rem; width: 80%; height: 1px; background: #e5e5e5; }
.tech5-ul .tech5-li p { font-size: 0.14rem; color: #555; }

.tech-sec6 { padding-top: 0.23rem; padding-bottom: 0.17rem; }

.tech6-table { margin-top: 0.15rem; border: 1px solid #1594e7; width: 100%; border-collapse: collapse; }
.tech6-table th { height: 0.28rem; background-color: #1594e7; font-size: 0.12rem; color: #fff; }
.tech6-table th:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.tech6-table th:first-child { padding-left: 0.09rem; text-align: left; }
.tech6-table tbody tr { background: #f3fafe; }
.tech6-table tbody tr:nth-child(2n) { background: #d2deef; }
.tech6-table td { width: 33.3%; height: 0.3rem; font-size: 0.12rem; border: 1px solid #41a5e9; text-align: center; }
.tech6-table td:first-child { text-align: left; padding-left: 0.09rem; }
.tech6-table td:nth-child(2) { color: #ff3131; }

.tech-choose { margin-top: 0; background: #f4f4f4; }
.tech-choose .public-title h3 { font-size: 0.18rem; font-weight: bold; }
.tech-choose .service-choose-ul { margin-top: 0.15rem; }

.about-sec1 { padding-top: 0.19rem; padding-bottom: 0.3rem; }
.about-sec1 h2 { font-size: 0.18rem; font-family: 思源黑体; text-shadow: 0px 6px 0px 0px rgba(255, 235, 235, 0.46); text-align: center; }
.about-sec1 .img { margin-top: 0.2rem; margin-bottom: 0.225rem; padding: 0 0.3rem; }
.about-sec1 .text { font-size: 0.12rem; line-height: 0.2rem; }
.about-sec1 .text p { text-indent: 2em; }

.about-sec2 { height: 2.3rem; background: url(../images/about/img02.jpg) no-repeat center; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.about-sec2 .flex-text { padding: 0 0.35rem; text-align: center; }
.about-sec2 .flex-text h3 { margin: 0 auto; margin-bottom: 0.1rem; width: 1.11rem; height: 0.31rem; line-height: 0.31rem; font-size: 0.18rem; border: solid 1px #ffffff; color: #fff; }
.about-sec2 .flex-text p { font-size: 0.12rem; line-height: 0.2rem; color: #fefefe; opacity: 0.6; }

.about-h3 { text-align: center; font-size: 0.18rem; text-shadow: 0px 6px 0px 0px rgba(255, 235, 235, 0.46); }

.about-sec3 { padding-top: 0.25rem; }

.about3-ul .about3-li { padding: 0.25rem 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; min-height: 1.04rem; border-bottom: 1px solid #f2f2f2; }
.about3-ul .about3-li:last-child { border: none; }
.about3-ul .about3-li .img { font-size: 0; width: 30%; }
.about3-ul .about3-li .text { width: 66%; }
.about3-ul .about3-li .text h4 { margin-bottom: 0.05rem; font-size: 0.15rem; }
.about3-ul .about3-li .text p { font-size: 0.12rem; line-height: 0.2rem; color: #777; }

.about-sec4 { padding-top: 0.375rem; padding-bottom: 0.375rem; background: url(../images/about/img03.jpg) no-repeat center; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; }
.about-sec4 dl { width: 50%; text-align: center; }
.about-sec4 dl:first-child, .about-sec4 dl:nth-child(2) { margin-bottom: 0.35rem; }
.about-sec4 dl dt { font-size: 0.2rem; color: #fff; }
.about-sec4 dl dd { font-size: 0.12rem; color: #fff; }

.about-sec5 { padding-top: 0.25rem; padding-bottom: 0.175rem; background: #f6f6f6; }

.about5-swiper { position: relative; margin-top: 0.125rem; padding-bottom: 0.3rem; background: #fff; }
.about5-swiper .swiper-slide .img-wrapper { padding-top: 61.4%; width: 100%; }
.about5-swiper .swiper-slide .text { padding: 0.25rem 0.14rem 0.15rem; }
.about5-swiper .swiper-slide .text h4 { margin-bottom: 0.08rem; font-size: 0.18rem; }
.about5-swiper .swiper-slide .text p { font-size: 0.12rem; color: #999; }
.about5-swiper .swiper-pagination { width: 100%; bottom: 0.16rem; }
.about5-swiper .swiper-pagination-bullet { margin: 0 0.05rem; opacity: 1; background: #333; }
.about5-swiper .swiper-pagination-bullet-active { opacity: 1; background: #dc421c; }

.contact-h3 { text-align: center; font-size: 0.18rem; }

.map { padding: 0.2rem 0.15rem; }
.map #map { margin-top: 0.19rem; height: 2.28rem; font-size: 0.14rem; }

.contact-sec1 { padding-bottom: 0.22rem; }
.contact-sec1 h3 { font-size: 0.18rem; }
.contact-sec1 p { margin-top: 0.1rem; padding: 0.1rem 0 0.1rem 0.21rem; font-size: 0.12rem; color: #666; border-bottom: 1px solid #f5f5f5; }
.contact-sec1 p:nth-of-type(1) { background: url(../images/contact/i1.png) no-repeat left center; background-size: 0.13rem 0.13rem; }
.contact-sec1 p:nth-of-type(2) { background: url(../images/contact/i2.png) no-repeat left center; background-size: 0.15rem 0.12rem; }
.contact-sec1 p:nth-of-type(3) { background: url(../images/contact/i3.png) no-repeat left center; background-size: 0.12rem 0.14rem; }

.contact-sec2 { padding-top: 0.21rem; padding-bottom: 0.25rem; background: #f5f5f5; }
.contact-sec2 form { font-size: 0; margin-top: 0.175rem; text-align: center; }
.contact-sec2 form input[type="text"] { margin-bottom: 0.1rem; padding: 0 0.12rem; width: 100%; height: 0.42rem; background-color: #ffffff; border-radius: 0.075rem; }
.contact-sec2 form textarea { padding: 0.12rem; width: 100%; height: 1.25rem; border-radius: 0.075rem; }
.contact-sec2 form button[type="submit"] { margin-top: 0.2rem; width: 1.185rem; height: 0.275rem; background-color: #333333; border-radius: 0.075rem; color: #fff; border: none; }
.contact-sec2 form button[type="submit"]:hover { border: 1px solid #333; color: #333; background: #fff; }

.know-nav { height: 0.5rem; line-height: 0.5rem; border-bottom: 2px solid #e5e5e5; background: #f6f6f6; }
.know-nav .know-nav-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.know-nav .know-nav-ul li { height: 0.5rem; }
.know-nav .know-nav-ul li.on { border-bottom: 2px solid #e62129; }
.know-nav .know-nav-ul li.on a { color: #e62129; }
.know-nav .know-nav-ul a { font-size: 0.15rem; color: #666; }
.know-nav .know-nav-ul a:hover { color: #e62129; }

.know-list { padding: 0 0.15rem 0.18rem; }
.know-list .know-list-ul li { position: relative; margin-top: 0.06rem; padding: 0.19rem 0 0.19rem 0.15rem; border-bottom: 1px solid #e5e5e5; }
.know-list .know-list-ul li a { font-size: 0.12rem; color: #666; }
.know-list .know-list-ul li .shape { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 10px; height: 0.05rem; width: 0.05rem; background: #e62129; }

.news-nav .know-nav-ul { justify-content: space-around; -webkit-justify-content: space-around; }

.news-list { padding-bottom: 0.19rem; }
.news-list .news-list-ul li { border-bottom: 1px solid #e5e5e5; }
.news-list .news-list-ul li:hover .ellipse-list { color: #e62129; }
.news-list .news-list-ul li a { padding: 0.2rem 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.news-list .news-list-ul li .img-wrapper { padding-top: 25.5%; width: 34%; }
.news-list .news-list-ul li .text { width: 62%; }
.news-list .news-list-ul li .ellipselist { font-size: 0.13rem; line-height: 0.2rem; color: #666; -webkit-line-clamp: 2; }
.news-list .news-list-ul li .time { display: block; margin-top: 0.06rem; font-size: 0.12rem; color: #9d9ea0; }

.details-con { padding-top: 0.3rem; }
.details-con .details-head { text-align: center; }
.details-con .details-head h2 { margin-bottom: 0.08rem; font-size: 0.14rem; color: #444; }
.details-con .details-head span { display: block; font-size: 0.12rem; color: #999999; }
.details-con .details-article { font-size: 0.12rem; line-height: 0.2rem; color: #666; }
.details-con .details-article h4 { font-size: 0.13rem; }

.team-list { padding-top: 0.15rem; padding-bottom: 0.2rem; }

.team-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.team-ul .team-li { margin-bottom: 0.15rem; width: 48%; border: 1px solid #e1e1e1; }
.team-ul .team-li .team-img { padding-top: 82%; }
.team-ul .team-li .team-text { padding: 0.12rem 0 0.16rem; border-top: 1px solid #e1e1e1; text-align: center; }
.team-ul .team-li .team-text h4 { font-size: 0.14rem; color: #444444; }
.team-ul .team-li .team-text h4::after { content: ""; display: block; margin: 0.09rem auto; width: 0.25rem; height: 2px; background-color: #e62129; }
.team-ul .team-li .team-text p { font-size: 0.12rem; color: #666666; }
.team-ul .team-li .team-text .ask { margin: 0 auto; margin-top: 0.16rem; width: 0.845rem; height: 0.18rem; line-height: 0.18rem; text-align: center; border-radius: 4px; border: solid 1px #e62129; color: #e62129; font-size: 0.12rem; }
.team-ul .team-li .team-text .ask:hover { background: #e62129; color: #fff; }

.tool-con { padding: 0.15rem; background: #f8f8f8; }

.tool-ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.tool-ul .tool-li { width: 33.3%; background: #fff; border-bottom: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; text-align: center; }
.tool-ul .tool-li:hover h4, .tool-ul .tool-li:hover p { color: #e62129; }
.tool-ul .tool-li:nth-child(3n), .tool-ul .tool-li:last-child { border-right: none; }
.tool-ul .tool-li a { padding: 0.15rem 0; }
.tool-ul .tool-li .img { font-size: 0; height: 0.5rem; }
.tool-ul .tool-li .img img { max-height: 100%; }
.tool-ul .tool-li h4 { margin-top: 0.05rem; margin-bottom: 0.03rem; font-size: 0.12rem; color: #666; }
.tool-ul .tool-li p { font-size: 0.15rem; color: #666; }

.tool-details-sec1 { padding-top: 0.1rem; padding-bottom: 0.15rem; background: #fff; }
.tool-details-sec1 header { padding: 0.15rem 0; border-bottom: 1px solid #f8f8f8; }
.tool-details-sec1 header h3 { padding: 0 0.125rem; font-size: 0.15rem; }
.tool-details-sec1 .details-con { padding: 0.125rem; font-size: 0.12rem; line-height: 0.2rem; }
.tool-details-sec1 .details-con .ask { width: 1.235rem; height: 0.35rem; line-height: 0.35rem; background-color: #f85d58; border-radius: 0.075rem; font-size: 0.12rem; text-align: center; color: #fff; }
.tool-details-sec1 .details-con .ask:hover { color: #f85d58; border: 1px solid #f85d58; background: #fff; }

.tool-details-sec2 { margin-top: 0.15rem; }

.tool-details2-ul .tool-details2-li { position: relative; border-bottom: 1px solid #f8f8f8; }
.tool-details2-ul .tool-details2-li.on a { color: #e62129; }
.tool-details2-ul .tool-details2-li.on .arr { border-color: #e62129; transform: rotate(45deg); }
.tool-details2-ul .tool-details2-li a { padding: 0.175rem 0.2rem 0.175rem 0.125rem; font-size: 0.12rem; color: #666666; }
.tool-details2-ul .tool-details2-li .arr { position: absolute; right: 0.125rem; top: 0.23rem; width: 0.07rem; height: 0.07rem; border-bottom: 1px solid #666; border-right: 1px solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: transform .5s; -webkit-transition: transform .5s; }
.tool-details2-ul .tool-details2-li .hide-text { padding: 0 0.125rem 0.15rem; font-size: 0.12rem; color: #666; line-height: 0.2rem; }

.link-list { min-height: 4rem; background: #f9f9f9; border-top: 1px solid #e5e5e5; display: flex; display: -webkit-flex; }
.link-list .link-left { width: 25%; }
.link-list .link-ul .link-li { height: 0.4rem; line-height: 0.4rem; border-bottom: 1px solid #e8e8e8; font-size: 0.15rem; text-align: center; }
.link-list .link-ul .link-li.on { background: #fff; color: #c52733; }
.link-list .link-right { width: 75%; background: #fff; }
.link-list .link-right-con { padding: 0.25rem 0.17rem; }
.link-list .link-right-con dl { margin-bottom: 0.2rem; }
.link-list .link-right-con dl dt { margin-bottom: 0.09rem; font-size: 0.14rem; font-weight: bold; }
.link-list .link-right-con dl a { padding-right: 0.15rem; font-size: 0.12rem; color: #666; }
.link-list .link-right-con dl a:hover { color: #e62129; }
.link-list .link-right-con dl dd { position: relative; height: 0.33rem; line-height: 0.33rem; border-bottom: 1px solid #f4f4f4; }
.link-list .link-right-con dl .arr { position: absolute; right: 0.025rem; top: 0; bottom: 0; margin: auto 0; width: 0.07rem; height: 0.07rem; border-bottom: 1px solid #666; border-right: 1px solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

/* 搜索 */
.search-page { padding: 0.15rem; font-size: 0; }
.search-page form { text-align: center; }
.search-page form input { float: left; height: 0.4rem; background-color: #eaeaea; vertical-align: middle; }
.search-page form input[type="text"] { width: calc(100% - 102px); border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }
.search-page form input[type="submit"] { width: 0.5rem; background: #eaeaea url(../images/icon/isearch.png) no-repeat center; background-size: 0.195rem 0.195rem; border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; }
.search-page form input[type="reset"] { padding-left: 0.1rem; font-size: 0.16rem; color: #363636; background: #f5f5f5; }

.search-container { padding-top: 0.15rem; }
.search-container .search-h4 { font-size: 0.12rem; color: #888; }
.search-container .search-h4 .search-hot { display: inline-block; margin: 0 0.05rem; width: 0.12rem; height: 0.14rem; background: url(../images/icon/icon11.png) no-repeat center; background-size: 0.12rem 0.14rem; vertical-align: top; }
.search-container .search-ul { margin-top: 0.15rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.search-container .search-ul li { margin-right: 0.1rem; margin-bottom: 0.1rem; height: 0.3rem; line-height: 0.3rem; border: 1px solid #cecece; border-radius: 0.04rem; font-size: 0.12rem; }
.search-container .search-ul li a { padding: 0 0.1rem; color: #555; }

.line { height: 0.1rem; background: #eee; }
.details-article a{
    display: inline;
}

/*# sourceMappingURL=style.css.map */