html { width: 100%; height: 100%; } body { width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif !important; } * { padding: 0; margin: 0; list-style: none; } a { text-decoration: none; color: #f7b831; } img { border: none; max-width: 100%; } ul { list-style: none; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .flex { display: flex; flex-wrap: wrap; } .hide { display: none; } .block { display: block; } .container { min-width: 1200px; } .wrap { width: 1200px; margin: 0 auto; } .wrap_a { width: 1310px !important; justify-content: space-between; } h1, h2, h3 { font-weight: normal; } .header { height: 60px; } .logo { width: 6%; } .nav { width: 80%; margin-top: 15px; } .nav_a { width: 70% !important; } .item { font-size: 16px; justify-content: space-around; } .item .active a { color: #333333; } .item .active { background-color: #efa810; } .item_li { line-height: 40px; padding: 2px 10px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; text-transform: uppercase; } .item_li:hover { background-color: #efa810; } .item_li a { color: #333333; font-weight: 300; display: block; } .item_li .sub_itemli .sub_itemlia { color: #fff; } .item_li:hover>a { color: #333333; } .item_li:hover>.sub_itemul { display: block; } .sub_itemul { position: absolute; z-index: 2; white-space: nowrap; left: 0; text-align: left; text-transform: none; } .sub_itemli { line-height: 40px; background-color: #efa810; } .sub_itemli:hover>.sub_itemlia { color: #333; } .sub_itemli:hover { background-color: #f9dc9f; } .sub_itemli a { display: block; width: 100%; color: #fff; margin-left: 10px; margin-right: 10px; } .content1 { padding-top: 50px; } .content1-box { margin-top: 50px; border: 1px solid #f2e1bd; } .content1 .typename { font-size: 26px; font-weight: normal; } b { margin-top: 10px; display: block; width: 16%; height: 2px; _overflow: hidden; background-color: #efa810; } .content1-left { width: 40%; padding-top: 50px; background-color: #f2e1bd; } #flow { height: 300px; text-align: center; } #flow img { border: 4px solid #ffffff; } #flow p { padding: 10px 8%; line-height: 26px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #flow p a { display: block; color: #333; } #flow-pagination { right: 10px; top: 35%; } #flow-pagination .swiper-pagination-bullet-active { background: #efa810; } #flow-pagination .swiper-pagination-bullet { opacity: 1; width: 10px; height: 10px; margin: 10px 0; } .content1-right { width: 60%; } .content1-right .con1-proul { justify-content: space-around; padding-left: 5%; padding-right: 5%; height: 200px; } .content1-right .con1-proul li { border: 1px solid #cccccc; width: 30%; } .content1-right .con1-proul li:hover { background-color: #f2e1bd; border: 1px solid #f2e1bd; } .content1-right .con1-proul li img { width: 100%; } .content1-right .con1-proul li h3 { font-size: 14px; line-height: 24px; text-align: center; } .content1-right .con1-proul li h3 a { color: #333333; } .content1-right .con1-tit { padding: 10px 6% 0 6%; } .con1-tit { height: 140px; margin-top: 20px; background-color: #f3dcaa; } .con1-tit b { width: 33%; } .con1-tit h3 a { color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .con1-tit p { color: #333; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 6px; } .con1-tit a span { color: #efa810; } .home_swiper img{ width: 100%; } .banner img{width: 100%;} .content2 { padding-top: 50px; } .content2 .typename { font-size: 26px; } .content2 .index-solul { justify-content: space-between; } .content2 .index-solul li { position: relative; width: 23%; overflow: hidden; border: 1px solid #ccc; } .content2 .index-solul li a { display: block; overflow: hidden; } .content2 .index-solul li img { vertical-align: top; transition: all .4s; } .content2 .index-solul li img:hover { transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); } .content2 .index-solul li div { background-color: #ffffff; z-index: 99; } .content2 .index-solul li div p { margin: 0 auto; line-height: 36px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .content2 .index-solul li div p a { display: block; color: #efa810; } .content2 .index-solul li:hover>div { top: 0; } .index-sol { margin-top: 50px; } .sol-row { margin-top: 30px; border: 1px solid #ccc; padding: 20px; justify-content: space-between; } .sol-row .sol-wz { width: 40%; font-size: 16px; color: #666; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .sol-row .sol-lb { width: 58%; } .sol-row .sol-lb ul { justify-content: space-between; } .sol-row .sol-lb ul li { width: 20%; border: 1px solid #ccc; padding: 8px; text-align: center; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 5px 0; } .sol-row .sol-lb ul li:last-child>a { border-bottom: 1px solid #fff; color: #efa810; } .sol-row .sol-lb ul li a { color: #666; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; border-bottom: 1px solid #fff; } .sol-row .sol-lb ul li:hover>a { border-bottom: 1px solid #ccc; color: #efa810; } .content3 { background-color: #f2f2f2; margin-top: 60px; padding: 20px 0; } .content3-wrap { justify-content: space-between; margin-top: 30px; } .content3-wrap .index-vimg { width: 48%; } .content3-wrap .index-vimg img { vertical-align: top; } .content3-wrap .index-vlist { width: 50%; padding-top: 3%; } .content3-wrap .index-vlist ul li { line-height: 26px; padding: 10px 0; } .content3-wrap .index-vlist ul li h3 { margin-left: 10px; font-size: 16px; width: 90%; } .content3-wrap .index-vlist ul li h3 a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .4s; } .content3-wrap .index-vlist ul li h3 a:hover { margin-left: 10px; color: #efa810; } .content4 { margin-top: 50px; padding-bottom: 15px; } .content4 .typename { font-size: 26px; } .content4 .index-ject { margin-top: 40px; } .content4 .index-ject ul { justify-content: space-between; } .content4 .index-ject ul li { width: 48%; justify-content: space-between; background-color: #fafafa; margin-bottom: 20px; transition: all .4s; } .content4 .index-ject ul li div:nth-child(1) { width: 41%; } .content4 .index-ject ul li div:nth-child(2) { width: 58%; padding: 10px 0; } .content4 .index-ject ul li div h3 { font-size: 16px; line-height: 24px; margin-top: 10px; } .content4 .index-ject ul li:hover a { color: #efa810; } .content4 .index-ject ul li:hover { box-shadow: 0 0 4px 2px #b0b0b0; } .content4 .index-ject ul li div h3 a { color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .content4 .index-ject ul li div p { line-height: 22px; color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; } .content4 .index-ject ul li div .ject-detail { text-align: right; } .content4 .index-ject ul li div .ject-detail a { color: #efa810; margin-right: 10px; } .content4 .index-ject ul li div .ject-detail a:hover { border-bottom: 1px solid #efa810; } .content6 { margin-top: 60px; } .content6, .typename { font-size: 26px; } .content6 b { width: 20%; } .content6-wrap { justify-content: space-between; margin-top: 40px; } .content6-wrap .index-faqimg { transition: all .2s; width: 36%; } .content6-wrap .index-faqimg:hover { box-shadow: 1px 0px 10px #888; } .content6-wrap .index-faqimg div h3 { font-size: 16px; } .content6-wrap .index-faqimg div h3 a { color: #333; display: block; line-height: 26px; text-align: center; padding: 10px; } .content6-wrap .index-faqimg img { vertical-align: top; } .content6-wrap .index-faqlist { width: 53%; } .content6-wrap .index-faqlist ul li { line-height: 26px; padding: 10px 0; border-bottom: 1px solid #cccccc; } .content6-wrap .index-faqlist ul li:hover>h3 a { color: #efa810; } .content6-wrap .index-faqlist ul li h3 { margin-left: 10px; font-size: 16px; width: 90%; } .content6-wrap .index-faqlist ul li h3 a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .read-more { font-size: 16px; text-align: right; line-height: 30px; padding-right: 20px; padding-top: 10px; } .read-more a { color: #efa810; } .read-more a:hover { border-bottom: 1px solid #ccc; } .pro-content { line-height: 24px; margin-top: 50px; } .top-pro h1 { text-align: center; line-height: 50px; margin-bottom: 20px; } .pro-content .div { height: 50px; border-bottom: 1px dotted #e5e5e5; } .pro-content p { margin-top: 10px; } .pro-content strong { display: block; } .pro-content .pro-tags { background-color: #fff; z-index: 999; } .pro-content .pro-tags .tag-ul { border-bottom: 1px solid #cccccc; } .pro-content .pro-tags .tag-ul .tag-li { border-bottom: 1px solid #fff; color: #333; line-height: 30px; position: relative; } .pro-content .pro-tags .tag-ul .tag-li a { padding: 10px; } .pro-content .pro-tags .tag-ul .tag-li div p a { padding: 0; } .pro-content .pro-tags .tag-ul .tag-li:hover>a { color: #efa810; } .pro-content .pro-tags .tag-ul .tag-li:hover>div { display: block; } .pro-content .pro-tags .tag-ul .tag-li div { position: absolute; background-color: #fafafa; top: 52px; left: 0; display: none; } .pro-content .pro-tags .tag-ul .tag-li div p { padding: 6px 10px; width: 300px; margin-top: 0; } .pro-content .pro-tags .tag-ul .tag-li div p:hover>a { color: #efa810; } .pro-content .pro-tags .tag-ul .tag-li span { margin-left: 8px; } .pro-content .pro-tags ul li a { color: #333; display: block; } .pro-content .pro-tags .tag-ul .c { border-bottom: 2px solid #efa810; } .pro-content .pro-tags .tag-ul .c a { color: #efa810; } .pro-content .pro-tags .tag-ul .c div a { color: #333; } .tag-fixed { position: fixed; top: 0; } table, table tr th, table tr td { border: 1px solid #efa810; } table { text-align: left; border-collapse: collapse; padding: 2px; width: auto !important; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; } table tr td { line-height: 30px; padding: 0 10px; text-align: left; } .page .pageul .active { background-color: #efa810; border-radius: 5px; } .page .pageul .active a { background-color: #efa810; color: #fff; } .pageul { justify-content: center; } .pageli { padding-left: 4px; padding-right: 4px; min-width: 24px; line-height: 30px; margin-left: 5px; margin-right: 5px; border-radius: 5px; border: 1px solid #999; text-align: center; background-color: #fff; } .pageul select { height: 36px; border-radius: 8px; background-color: #f4f4f4; } .thisclass { background-color: #efa810; border: 0; } .pageli a { color: #666; } .thisclass a { color: #fff; } .pageul { margin-top: 50px; justify-content: center; margin-bottom: 50px; } .pageul a { min-width: 20px; line-height: 36px; text-align: center; background-color: #f4f4f4; margin-left: 2px; margin-right: 2px; display: inline-block; padding-left: 8px; padding-right: 8px; } .pageul a { color: #666; border-radius: 8px; } .pageul a:hover { background-color: #efa810; color: #fff; transition: all 0.5s ease; } .pageul span { min-width: 36px; line-height: 36px; text-align: center; background-color: #efa810; margin-left: 2px; margin-right: 2px; display: inline-block; color: #fff; border-radius: 8px; } .pageul .thisclass span { background-color: #efa810; color: #fff; } .position { border-radius: 8px; font-size: 14px; background-color: #ededed; } .position a { color: #333 !important; text-align: center; line-height: 36px; background-color: #f3a439; padding: 0 10px; display: block; } .position p { display: flex; flex-wrap: nowrap; margin-left: -6px; } .position p:before { content: ''; height: 39px; width: 13px; background: url('../picture/arrl-2.png') no-repeat; background-size: 100% 100%; } .position p:after { content: ''; height: 39px; width: 13px; background: url('../picture/arrr-2.png') no-repeat; background-size: 100% 100%; } .position p:last-child:after { content: ''; height: 39px; width: 13px; background: url('../picture/arrr-1.png') no-repeat; background-size: 100% 100%; } .position p:last-child:before { content: ''; height: 39px; width: 13px; background: url('../picture/arrl-1.png') no-repeat; background-size: 100% 100%; } .position p:last-child>a { background-color: #f17e17; } .position a img { margin-top: 8px; vertical-align: top; } .position p:last-child>a { color: #fff !important; } .news-container .pro-tag i { border-bottom: 1px solid #efa810; display: block; width: 5%; } .news-container .pro-tag i:last-child { width: 65%; } .news-container .pro-tag ul li { width: 50%; text-align: center; line-height: 30px; border-bottom: 1px solid #efa810; } .news-container .pro-tag ul li a { color: #333; display: block; } .news-container .pro-tag ul .this-protype { border-bottom: 0; background-color: #efa810; } .news-container .pro-tag ul .this-protype a { color: #fff; } .news-container .pro-tag ul { width: 30%; margin: 0 auto; } .news-container .pro-tag { margin-top: 50px; margin-bottom: 20px; } .news-box { justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e5e5e5; } .news-list .news-box .news-l { width: 13%; border: 1px solid #999999; padding: 2px; } .news-list .news-box div a { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; } .news-list .news-box div a img { width: 100%; cursor: pointer; transition: all 1s; } .news-list .news-box:hover>div a img { transform: scale(1.4); -webkit-transform: scale(1.4); } .news-list .news-box:hover>div h3 a { color: #efa810; } .news-list .news-box span { display: inline-block; width: 22%; font-size: 14px; color: #666666; text-align: right; line-height: 30px; } .news-list .news-box h3 { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-list .news-box .news-title a { color: #333; padding: 8px 0; } .news-list .news-box .news-c { width: 74%; padding-right: 2%; padding-left: 2%; } .news-list .news-box .news-c .news-desc { font-size: 14px; line-height: 24px; } .news-list .news-box .news-r { line-height: 20px; padding: 16px 0; width: 6%; background: -webkit-gradient(linear, 0 0, 100% 0, from(#eac26a), to(#efa810)); height: 40px; margin-top: 2%; } .news-list .news-box .news-r p { text-align: center; color: #fff; } .news-list .news-box .news-r p:first-child { font-size: 18px; } .video-list { margin-top: 50px; } .video-list { margin-top: 30px; } .video-list .video-box:nth-child(3n-1) { margin-left: 5%; margin-right: 5%; } .video-list .video-box { background-color: #f2f2f2; width: 30%; margin-top: 30px; } .video-list .video-img { position: relative; } .video-list .video-box img { vertical-align: top; } .video-list .video-img img { width: 100%; } .video-list .video-img a img { width: 50px; } .video-list .shadeimg { position: absolute; top: 0; left: 0; justify-content: center; align-items: center; background-color: #000; opacity: 0.3; width: 100%; height: 100%; } .video-list .pause { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .video-list .video-name { font-size: 16px; width: 80%; margin: 0 auto; padding-top: 10px; line-height: 22px; height: 44px; padding-bottom: 10px; padding-top: 10px; overflow-y: hidden; } .video-list .video-name a { display: block; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ject-list { margin-top: 50px; } .ject-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; } .ject-list .ject-box { border: 1px solid #cccccc; } .ject-list .ject-box:hover { border: 1px solid #efa810; } .ject-list .ject-box:hover>h3 a { color: #efa810; } .ject-list .ject-img { position: relative; } .ject-list .ject-box img { vertical-align: top; } .ject-list .ject-img img { width: 100%; } .ject-list .ject-name { font-size: 16px; width: 80%; margin: 0 auto; padding-top: 10px; line-height: 22px; height: 44px; padding-bottom: 10px; padding-top: 10px; overflow-y: hidden; } .ject-list .ject-name a { display: block; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .faq-box { background-color: #fff; padding: 10px; border-bottom: 1px solid #efa810; margin-bottom: 20px; justify-content: space-between; } .faq-box span { font-size: 24px; color: #efa810; margin-right: 10px; } .faq-box:hover>div h3 a { color: #efa810; } .faq-l { width: 60%; } .faq-l img { vertical-align: top; width: 20px; margin-top: 5px; margin-right: 6px; } .faq-l .faq-main { color: #666; } .faq-l .faq-main h3 { color: #333; margin: 5px 0 10px 0; } .faq-l .faq-main img { width: auto; display: block; margin: 0 auto; margin-bottom: 15px; } .faq-l .faq-main p { line-height: 24px; font-size: 14px; margin-bottom: 10px; } .faq-l .faq-main .span6 { width: 48%; } .faq-l .faq-main .span5 { width: 48%; } .faq-l .faq-main .span5 p { } .faq-l .faq-main .headline { font-size: 20px; } .faq-l .faq-main .margin-bottom-20 { margin-bottom: 20px; } .faq-r { justify-content: space-between; } .faq-r h3 { line-height: 24px; font-size: 16px; padding: 10px 0; } .faq-r h3 a { color: #333; } .faq-r p { width: 17%; text-align: right; font-size: 14px; color: #666; } .faq-desc { color: #666; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .faq-container .pro-tag i { border-bottom: 1px solid #efa810; display: block; width: 5%; } .faq-container .pro-tag i:last-child { width: 45%; } .faq-container .pro-tag ul li { width: 70%; text-align: center; line-height: 30px; border-bottom: 1px solid #efa810; margin-left: -1px; } .faq-container .pro-tag ul li:nth-child(2) { width: 30%; } .faq-container .pro-tag ul li a { color: #333; display: block; } .faq-container .pro-tag ul .this-protype { border: 1px solid #efa810; border-bottom: 0; background-color: #efa810; } .faq-container .pro-tag ul .this-protype a { color: #fff; } .faq-container .pro-tag ul { width: 50%; margin: 0 auto; } .faq-container .pro-tag { margin-top: 50px; margin-bottom: 20px; } .fl-form { width: 50%; } .fr-aside { width: 30%; } .fl-form .form-l { width: 100%; } .fl-form .form-r { width: 100%; } .aside-box { border: 1px solid #cccccc; border-radius: 8px; margin-top: 50px; padding-bottom: 20px; } .aside-box b { margin-left: 20px; width: 38%; margin-top: 0; margin-bottom: 10px; } .aside-top { text-transform: capitalize; font-size: 16px; line-height: 36px; border-top-right-radius: 8px; border-top-left-radius: 8px; padding-left: 20px; font-family: '微软雅黑'; } .aside-box .index-cont { width: 96%; margin: 0 auto; } .index-cont li { display: flex; line-height: 24px; } .aside-box .index-cont li:nth-child(1){ display: none; } .index-cont li a { display: flex; width: 100%; color: #333; } .index-cont ul li i { background: linear-gradient(to right, #efa810, #eac26a); -webkit-background-clip: text; color: transparent; font-size: 24px; display: block; width: 10%; } .index-cont ul li span { display: block; width: 32%; font-size: 14px; font-weight: bold; color: #666; } .index-cont ul li p { width: 65%; font-size: 13px; } .index-cont ul li a p { border-bottom: 1px solid #fff; } .index-cont ul li a p:hover { border-bottom: 1px dotted #999; } .two-btn { margin-top: 20px; justify-content: space-between; } .chat-btn, .msg-btn { min-width: 42%; line-height: 36px; background-color: #efa810; text-align: center; border-radius: 10px; } .chat-btn:hover { background-color: #f6c55c; } .msg-btn:hover { background-color: #f6c55c; } .msg-btn:hover>a { color: #333; } .chat-btn:hover>a { color: #333; } .chat-btn a, .msg-btn a { display: block; color: #fff; } .tj-ject { width: 96%; margin: 0 auto; } .tj-ject li { line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tj-ject li a { color: #666; } .tj-ject li img { margin-right: 10px; vertical-align: middle; } .tj-pro li { line-height: 30px; background-color: #f2f2f2; padding-left: 5px; padding-right: 5px; font-size: 14px; margin-right: 4px; margin-top: 4px; } .tj-ject li:hover>a { color: #f17f17; } .tj-ject li:hover>p>a { color: #f17f17; } .tj-pro li a { color: #333; } .tj-ject .faqimg { line-height: 30px; font-size: 14px; display: flex; flex-wrap: nowrap; margin-top: 10px; align-items: center; } .tj-ject .faqimg p:nth-child(1) { width: 20%; } .tj-ject .faqimg p:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin-left: 10px; } .ject-container .pageul { margin-top: 20px; margin-bottom: 30px; } .hot-con .typename { text-align: center; } .hot-con .typename b { margin: 10px auto; width: 40%; } .ject-container .i-ject-li { position: relative; overflow: hidden; border: 1px solid #e5e5e5; height: 314px; } .ject-container .i-ject-li img { vertical-align: top; } .ject-container .i-ject-li .sol-div { top: 262px; position: absolute; background: rgba(0, 0, 0, 0); color: #fff; width: 100%; height: 100%; text-align: center; transition: all 1s; } .ject-container .i-ject-li .sol-div div { transition: all 1s; line-height: 24px; padding: 10px 20px 20px 10px; text-align: center; } .ject-container .i-ject-li .sol-div div span { display: block; width: 60%; height: 1px; background-color: #fff; margin: 0 auto; margin-top: 10px; margin-bottom: 20px; } .ject-container .i-ject-li .sol-div div a { color: #efa810; } .ject-container .i-ject-li .sol-div h3 { padding: 4% 10%; padding-bottom: 0; width: 80%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ject-container .i-ject-li .sol-div h3 a { color: #efa810; display: block; line-height: 24px; font-size: 18px; transition: all 2s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .ject-container .i-ject-li:hover>div { top: 0; background: rgba(0, 0, 0, 0.8); } .ject-container .i-sol-ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; } .ject-container .sol-word { line-height: 26px; text-align: center; padding: 50px 0; color: #666; } .hot-con .typename { font-size: 26px; font-weight: normal; } .hot-list { justify-content: space-between; } .hot-list .hot-box { width: 30%; margin-top: 30px; border: 1px solid #cccccc; position: relative; } .hot-list .hot-box .sanjiao { bottom: 63px; left: 50%; margin-left: -27.5px; position: absolute; display: none; } .hot-list .hot-box:hover { background-color: #f2e1bd; } .hot-list .hot-box:hover>.sanjiao { display: block; } .hot-list .hot-box:hover>h3 a { color: #333; } .hot-list .hot-img { position: relative; } .hot-list .hot-box img { vertical-align: top; } .hot-list .hot-img img { width: 100%; } .hot-list .hot-name { font-size: 16px; width: 80%; margin: 0 auto; padding-top: 10px; line-height: 22px; height: 44px; padding-bottom: 10px; padding-top: 10px; overflow-y: hidden; } .hot-list .hot-name a { display: block; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .abus-con1 { justify-content: space-between; margin-top: 50px; } .abus-con1-l { width: 40%; } .abus-con1-r { width: 51%; } .abus-con1-l p { line-height: 40px; color: #666666; } .abus-con2 { background: url('../picture/abus2.jpg') no-repeat; background-size: 100% 100%; height: 500px; margin-top: 50px; } .abus-con2 .abus-con2box { color: #fefefe; width: 550px; margin: 0 auto; } .abus-con2 .abus-con2box h3 { color: #efa810; font-size: 30px; line-height: 40px; padding-top: 100px; } .abus-con2 .abus-con2box p { height: 1px; background-color: #efa810; width: 50%; margin: 30px auto 40px auto; } .abus-con2 .abus-con2box ul li { line-height: 40px; font-size: 18px; } .abus-con3box { width: 800px; text-align: center; margin: 0 auto; padding-top: 50px; line-height: 40px; font-size: 16px; color: #666; } .abus-con4 { height: 560px; background: url('../picture/wallpaper2.png') no-repeat; background-size: 100% 100%; } .abus4-wrap { padding-top: 100px; justify-content: space-between; width: 1050px; margin: 0 auto; } .abus4-wrap h3 { color: #efa810; } .abus4-wrap p { line-height: 40px; color: #333; margin-top: 20px; } .abus4-wrap b { width: 100px; } .abus-con4-l, .abus-con4-r { width: 40%; word-break: normal; } .index-contbox { width: 30%; } .conus-con .index-cont { background-color: #fff; padding-bottom: 100px; margin-top: 30px; width: 100%; } .index-contbox h3 { color: #195077; font-size: 26px; font-weight: bolder; } .conus-con .index-cont ul li { text-indent: 8px; line-height: 24px; padding-top: 8px; padding-bottom: 8px; } .conus-con .index-cont ul li:nth-child(odd) { background-color: #f2f2f2; } .conus-con .index-cont ul li a i { margin-right: 0; } .conus-con .index-cont ul li span { width: 26%; font-size: 14px; font-weight: normal; } .conus-con .index-cont ul li p { font-size: 14px; text-indent: 0; } .conus-con .index-cont { background-color: #fff; padding-bottom: 100px; margin-top: 30px; width: 100%; } .con-formbox { width: 66%; padding-left: 4%; } .con-formbox h3 { font-size: 18px; } .conus-con .form-container { margin-top: 30px; } .formbox { justify-content: space-between; } .form-h3 { margin-top: 20px; line-height: 40px; border-bottom: 2px solid #ffe467; } .form-l { width: 100%; } .form-l p { font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .form-l label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .form-l textarea { width: 100%; height: 120px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; background-color: #fff; border: 0; color: #999; border: 1px solid #cfcfcf; } .form-r { width: 48%; } .form-l input { width: 100%; border: 0; line-height: 40px; background-color: #fff; color: #999; padding-left: 10px; border: 1px solid #cfcfcf; } .form-r textarea { margin-top: 20px; width: 100%; height: 160px; background-color: #fff; line-height: 30px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; border: 0; border: 1px solid #cfcfcf; } .form-l .button { display: block; width: 50%; background-color: #efa810; color: #fff; margin-top: 30px; line-height: 40px; border-radius: 10px; border: 0; } .form-l .button:hover { background-color: #f6c55c; color: #333; cursor: pointer; } .arc-top { margin-bottom: 30px; } .article-l { width: 65%; } .article-r { width: 30%; } .article-r .fr-aside { width: 100%; } .article-l>.fr { margin-top: 30px; } .arc-body p { margin-bottom: 10px; line-height: 24px; } .arc-img { width: 44%; } .arc-cont { width: 54%; margin-left: 2%; } .arc-cont h2 { font-size: 16px; } .arc-type { color: #666; padding-top: 10px; padding-bottom: 10px; } .arc-conus { font-size: 18px; padding-bottom: 10px; } .arc-cont .index-cont ul li span { width: 32%; } .arc-cont .index-cont ul li i { width: 10%; } .lead-word { font-size: 16px; color: #666; padding: 10px 30px; line-height: 24px; } .com-form { border: 2px solid #f2f2f2; padding: 30px; background-color: #f2f2f2; } .form-container { margin-top: 60px; } .form-container .com-form { padding-top: 0; } .leavemsg { text-align: center; font-weight: 600; line-height: 50px; background-color: #f7b831; text-transform: capitalize; color: #ffffff; } .com-form .form-l { justify-content: space-between; } .com-form .form-input { width: 48%; } .com-form .form-area { width: 48%; } .com-form .form-l textarea { min-height: 274px; } .con-form form .button { display: block; color: #fff; width: 40%; margin: 0 auto; background-color: #f7b831; margin-top: 30px; line-height: 40px; border-radius: 25px; border: 0; } .con-form form .button:hover { background-color: #f6c55c; color: #333; cursor: pointer; } .prev-next { margin-top: 30px; font-size: 14px; } .prev-next p { line-height: 40px; background-color: #e6e6e6; margin-top: 10px; padding-left: 20px; border-radius: 25px; display: flex; align-items: center; } .prev-next p:first-child { background-color: #efa810; } .prev-next p span { margin-left: 15px; color: #fff; } .prev-next p:last-child>a { color: #666; } .prev-next p:last-child>span { color: #666; } .prev-next a { color: #fff; } .data-sort { margin-bottom: 20px; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; } .data-sort span { line-height: 20px; font-size: 14px; padding-left: 4px; padding-right: 4px; } .data-sort span a { background-color: #f2f2f2; color: #efa810; } .data-sort span a:hover { background-color: #efa810; color: #fff; } .data-sort span:hover>a { color: #fff; } .art-sort { color: #efa810; } .share { margin-top: 50px; } .video-box { text-align: center; margin-bottom: 30px; } .i-video .video-box { margin-top: 40px; text-align: left; } footer b { width: 50%; margin-top: 0; } .foot_top { margin-top: 70px; background-color: #e5e5e5; color: #666666; padding-top: 20px; padding-bottom: 20px; } .foot_logo { color: #fefefe; font-size: 24px; font-weight: 900; line-height: 36PX; display: flex; vertical-align: top; font-family: Helvetica; } .foot_logo span { color: #fff; font-size: 24px; font-weight: 900; margin-left: 10px; } .conusul { margin-top: 20px; } .conusul li { line-height: 30px; margin-top: 14px; } .conusul li img { margin-right: 8px; } .aboutdoing { font-size: 14px; color: #999; line-height: 22px; margin-top: 20px; } .foot_top a { color: #666666; } .foot_box { justify-content: space-between; } .foot_us { width: 36%; } .foot_us .index-cont { margin-top: 20px; } .foot_us .index-cont li { line-height: 24px; } .foot_us .index-cont li:nth-child(1){ display: none; } .foot_us .index-cont li a { color: #666; } .foot_com { font-size: 14px; line-height: 24px; margin-top: 14px; } .foot_lead { font-size: 18px; color: #333; line-height: 36px; } .foot_nav { width: 30%; } .foot_order { width: 12% } .ewm { width: 100%; justify-content: space-around; } .scan { margin-top: 20px; width: 40%; text-align: center; font-size: 12px; } .ewm_sm { font-size: 14px; color: #666; line-height: 36px; } .foot_us .index-cont ul li span { width: 22%; } .foot_us b { width: 10%; } .nav_ul { margin-top: 10px; font-size: 14px; margin-bottom: 10px; } .nav_ul li { line-height: 30px; } .nav_ul li img { vertical-align: middle; margin-right: 6px; } .order_ul { margin-top: 30px; } .order_ul li { list-style-type: disc; color: #0069df; line-height: 30px; } .order_ul li span { color: #c4c4c4; } .foot_bottom { padding-top: 10px; padding-bottom: 10px; background-color: #161616; color: #666; } .bottom_box { justify-content: space-between; } .bottom_box a { color: #999; } .hot_div { font-size: 14px; } .hot_div div { justify-content: space-between; margin-top: 20px; } .hot_div p:nth-child(1) { width: 26%; } .hot_div p:nth-child(2) { width: 70%; line-height: 20px; height: 60px; overflow-y: hidden; } .foot_hot { width: 30%; } .wx { font-size: 14px; color: #c4c4c4; text-align: center; } .gotop { width: 4.5rem; height: 3rem; line-height: 3rem; background-color: rgba(0, 0, 0, 0.5); display: none; position: fixed; z-index: 99; bottom: 0; right: 10px; text-align: center; } .gotop img { width: 35%; display: inline-block; vertical-align: middle; } #addprobox { border: 1px solid #b0b0b0; background-color: #f2f2f2; transition: all 0.5s; } #addprobox p a { color: #333; transition: all 0.5s; } #addprobox:hover { background-color: #efa810; } #addproimg { margin-top: 0; } #addprobox:hover>p>a { color: #ffffff; } .faq-box>div { width: 480px; } .faq-box>.faq-img { width: 200px; } .faq-box>.faq-img img { width: 100%; } .faq-box>.faq-img img { box-shadow: 0 0 1px 1px #ccc; } .tit-fz, .tit-bolder, .tit-bg { margin-top: 20px !important; margin-bottom: 8px !important; } .tit-fz { font-size: 18px !important; font-weight: bolder !important; } .tit-bolder { font-weight: bolder !important; } .tit-bg { background-color: #efa810; color: #fff !important; font-weight: bolder !important; padding-left: 10px; } .search { display: flex; align-items: center; } #sousuo { width: 170px; height: 28px; margin: 0; border: 1px solid #efa810; outline: medium; font-size: 12px; color: #333; border-left: none; border-right: none; border-radius: 0 !important; } #tijiao { width: 40px; height: 30px; float: left; margin: 0; background: #ffffff; border: 1px solid #efa810; border-radius: 50px 0px 0px 50px; border-right: none; } #tijiao i { display: inline-block; width: 26px; height: 24px; background-size: 99%; vertical-align: middle; font-size: 20px; color: #000000; } #tijiao2 { width: 60px; height: 30px; float: right; margin: 0; background: #ffffff; border: 1px solid #efa810; border-radius: 0px 50px 50px 0px; border-left: none; } #tijiao2 p { font-size: 12px; background-color: #efa810; border-radius: 50px; color: #fff; line-height: 28px; } iframe { margin: 0 auto !important; height: 315px !important; width: 560px !important; min-height: 315px !important; min-width: 560px !important; display: block; } @font-face { font-family: "iconfont"; src: url('//at.alicdn.com/t/c/font_5119971_iydv7mquaos.woff2?t=1770086069813') format('woff2'), url('//at.alicdn.com/t/c/font_5119971_iydv7mquaos.woff?t=1770086069813') format('woff'), url('//at.alicdn.com/t/c/font_5119971_iydv7mquaos.ttf?t=1770086069813') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-tell:before { content: "\e64f"; } .icon-w_dizhi-:before { content: "\e66e"; } .icon-youxiang:before { content: "\e612"; } .icon-backtop:before { content: "\e63a"; } .icon-bianji:before { content: "\e60c"; } .icon-whatsapp:before { content: "\e7b2"; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40.666667%; flex: 0 0 40.666667%; max-width: 40.666667%; } .content_list .con_item{margin-top:30px;display:flex;align-items:stretch;justify-content: space-between;} .content_list .col-lg-6{display:flex;flex-direction:column;justify-content:center} .content_list .con_item .map .img img{width:100%;height:auto;display:block} .content_list .con_item .con{background:url(/static/img/connect.jpg) no-repeat;background-size:100% 100%;} .content_list .con_title{text-align:center} .content_list .con_title p{font-size:1.25rem;margin-top:20px;margin-bottom:0;color: #666} .content_list .con_list{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:15px} .content_list .con_item .map p{font-size:1.25rem;margin:15px 0} .content_list .con_list .list{display:flex;align-items:center;padding:15px 0 15px 20px} .content_list .con_list .list i{font-size:2rem;color:#333;margin-right:20px} .content_list .con_list .list .connect{font-size:1.25rem} .content_list .con_list .list .connect span{font-size: 1rem;} .content_list .con_list .list .connect b{display:block;height: initial;background: initial;} .content_list .con_list .list .connect a{color:#666;text-decoration:none} .content_list .con_list .list .connect a:hover{color:#000} .question{width: 100%;margin: 0 auto;} .question ul li .o1{width: 41% !important;} .question ul li .o1+.input{width: 72%;} .form-container ul li .input{width: 88%;height: 2rem;background: transparent;border-top: none;border-left: none;border-right: none;border-radius: inherit;outline: none;} .form-container #get_submit{margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: center;} .form-container #get_submit button{padding:1rem 1.5rem;border-radius:1rem;border:0;background-color:rgb(255,129,0);letter-spacing:1.5px;font-size:1.25rem;transition:all 0.3s ease;box-shadow:rgb(236,210,141) 0px 10px 0px 0px;color:hsl(0,0%,100%);cursor:pointer;margin: 0 auto;width: 50%;} .form-container ul{font-size:1.2rem;line-height:1.5;margin:1rem auto;padding:0 1.5rem} .form-container ul li:nth-child(1){margin-bottom: 0.5rem;} .form-container ul input{margin:0 .5rem 0 0;width:100%;height:2rem} .form-container ul li .q{background: #F99815;border-radius: 0.5rem;width: 1rem;width: 1.5rem;text-align: center;margin-right: 0.5rem;display: inline-block;} .form-container ul li .other{width: 12%;padding-bottom: 0;} .conus-container .question ul li .o1+.input{width: 63%;} h1.typename{text-align:center;line-height:50px;margin:0 0 20px;font-size:26px;font-weight:bold;}.con.img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.con.img a {
  color: #888;
  line-height: 0;
  transition: color 0.2s ease, transform 0.2s ease;
}
.con.img a:hover,
.con.img a:focus-visible {
  color: #efa810;
  transform: scale(1.08);
}
.con.img svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}