/* Theme Name: mosen Theme URI: http://www.msoenjd.com Description: 企业主题（www.mosenjd.com）制作。 Version: 5.0 Author: mosen Author URI: http://www.mosenjd.com */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0} fieldset,img {border:0} :focus {outline:0} abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font-weight:400} address,caption,cite,code,dfn,em,th,var,optgroup {font-style:normal;font-weight:normal} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} abbr,acronym {border:0;font-variant:normal} input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} code,kbd,samp,tt {font-size:100%} input,button,textarea,select {*font-size:100%} body {line-height:1.5} ol,ul {list-style:none} table {border-collapse:collapse;border-spacing:0} caption,th {text-align:left} sup,sub {font-size:100%;vertical-align:baseline} :link,:visited,ins {text-decoration:none} blockquote,q {quotes:none} blockquote:before,blockquote:after,q:before,q:after {content:'';content:none} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /* ====== fonts ====== */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;} img{max-width:100%} h1,h2,h3,h4,h5,h6 {font-weight:bold;} h1,.h1 {font-size:32px;} h2,.h2 {font-size:26px;} h3,.h3 {font-size:24px;} h4,.h4 {font-size:22px;} h5,.h5 {font-size:18px;} h6,.h6 {font-size:14px;} a{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} body{max-width:100%} .wp-lightbox-container button{outline:none !important;z-index:2 !important} .u-permalink{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:2} .qhd-content .gaba {vertical-align: sub !important;padding-right: 3px;display:inherit !important;margin: inherit !important} .align-center{text-align:center} .hidden{display:none} .active{display:block} .image-overlay-grey:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:#000;opacity:.03;pointer-events:none} .mobile-img{display:none!important} @media (max-width: 767px){ .pc-img{display:none!important} .mobile-img{display:block!important} } /*模块间距*/ .page-main{margin:20px 0} .module-spacing{padding-top:var(--spacing-top-pc,50px);padding-bottom:var(--spacing-bottom-pc,50px)} @media screen and (max-width: 767px) { .page-main{min-height:90vh} .module-spacing{padding-top:var(--spacing-top-mb,30px);padding-bottom:var(--spacing-bottom-mb,30px)} } /*页面加载动画*/ .site-wow .wow{visibility:hidden} /* ====== clearfix ====== */ .clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;} .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix {*zoom:1;} /* ====== Columns ====== */.column:after {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;min-height:0;visibility:hidden;*zoom:1;} .column {width:100%;} .column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {float:left;min-height:1px;height:auto !important;_height:1px;} /* default marg-per3 margin right 3% */.column .col-1-1 {width:100%;} .column .col-2-1 {width:48.5%;margin-right:3%;} .column .col-3-1 {width:31.3333%;margin-right:2%;} .column .col-4-1 {width:22.75%;margin-right:3%;} .column .col-5-1 {width:17.6%;margin-right:3%;} .column .col-3-2 {width:65.6666%;margin-right:3%;} .column .col-4-2 {width:48.5%;margin-right:3%;} .column .col-4-3 {width:74.25%;margin-right:3%;} .column .col-5-2 {width:38.2%;margin-right:3%;} .column .col-5-3 {width:58.8%;margin-right:3%;} .column .col-5-4 {width:79.4%;margin-right:3%;} /* margin right 0% */.marg-per0 > .col-2-1 {width:50%;margin-right:0;} .marg-per0 > .col-3-1 {width:33.3333%;margin-right:0;} .marg-per0 > .col-4-1 {width:25%;margin-right:0;} .marg-per0 > .col-5-1 {width:20%;margin-right:0;} .marg-per0 > .col-3-2 {width:66.6666%;margin-right:0;} .marg-per0 > .col-4-2 {width:50%;margin-right:0;} .marg-per0 > .col-4-3 {width:75%;margin-right:0;} .marg-per0 > .col-5-2 {width:40%;margin-right:0;} .marg-per0 > .col-5-3 {width:60%;margin-right:0;} .marg-per0 > .col-5-4 {width:80%;margin-right:0;} /* margin right 5% */.marg-per5 > .col-2-1 {width:47.5%;margin-right:5%;} .marg-per5 > .col-3-1 {width:30%;margin-right:5%;} .marg-per5 > .col-4-1 {width:21.25%;margin-right:5%;} .marg-per5 > .col-5-1 {width:16%;margin-right:5%;} .marg-per5 > .col-3-2 {width:65%;margin-right:5%;} .marg-per5 > .col-4-2 {width:47.5%;margin-right:5%;} .marg-per5 > .col-4-3 {width:73.75%;margin-right:5%;} .marg-per5 > .col-5-2 {width:37%;margin-right:5%;} .marg-per5 > .col-5-3 {width:58%;margin-right:5%;} .marg-per5 > .col-5-4 {width:79%;margin-right:5%;} .column .last {margin-right:0;*float:right;*clear:right;} /* ====== row-savr ====== */.ieCode-del {display:block;*display:none;display:none\0;} :root .ieCode-del {display:block\0;} .ieCode {display:none;*display:black;display:block\0;} :root .ieCode {display:none\0;} .row2-svar {*zoom:1;} .row2-svar:before,.row2-svar:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .row2-svar .col-2-1,.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {float:left;min-height:1px;clear:right;} .row2-svar .col-2-1 {width:48.5%;margin-right:3%;} .row2-svar .col-3-1 {width:31.3333%;margin-right:3%;} .row2-svar .col-4-1 {width:22.75%;margin-right:3%;} .row2-svar .col-5-1 {width:17.6%;margin-right:3%;} .row2-svar .col-2-1:nth-of-type(2n+2),.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {margin-right:0;*float:right;*clear:right;} .row2-svar .col-2-1:nth-of-type(2n+1),.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {clear:both;} /* 静态内容------------------------------------------------------------------------------------------ */ .module-full-3 .qhd-content h2{font-size:32px;font-weight:500;color:#333;margin:0 0 20px;padding:0} .module-full-3 .about_describe p, .module-full-3 .module-3-desc{margin-bottom:15px;font-size:15px} .module-full-3 .play-view{display:block;width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-bottom:none} .module-full-3 .video-play-icon i{position:absolute;left:50%;top:50%;height:80px;width:80px;line-height:80px;text-align:center;border:2px solid #eee;font-size:26px;padding-left:7px;border-radius:50%;background-color:rgba(255,255,255);color:#333;transform:translate(-50%,-50%)} .module-full-3 .play-view:hover .video-play-icon i{background-color:var(--main_color,#16499c);color:#fff} @media screen and (max-width: 767px) { .module-full-3 .qhd-content .modular-l{margin-bottom:20px} .module-full-3 .qhd-content .modular-l h2{margin:0 0 20px} } .qhd-content table thead{background:#707070;color:#fff} .qhd-content table {width:100% !important;max-width:100%;border-collapse:collapse;overflow:visible;} .qhd-content table th,.qhd-content table td {padding:6px 12px;border:1px solid rgb(128, 128, 128);white-space:initial} .qhd-content table tbody tr.trhover td {background-color:#f0f0f0;} .qhd-content table table tbody tr td {padding:0;} .qhd-content table tbody img[src*="file"] {display:none;} .qhd-content table tbody p {margin-bottom:0;} .qhd-content table tbody tr.trhover table td {background-color:#f0f0f0;} .qhd-content table tbody tr:first-child table td {background-color:transparent;color:#fff;font-size:16px;font-weight:bold;padding:0;} .qhd-content .table {overflow:visible;} .qhd-content .table th,.qhd-content .table td {line-height:1.8;padding:14px 18px;} .qhd-content .table th {background-color:#272526;color:#fff;} .qhd-content .table td {} .qhd-content .table tbody tr:first-child td {background-color:transparent;color:#333;font-size:14px;font-weight:normal;} .qhd-content .table tbody tr.trhover td {background-color:#f0f0f0;} .qhd-content .table th {background-color:#272526;color:#fff;font-size:16px;} .qhd-content .table-row thead th {background-color:#272526;color:#fff;} .qhd-content .table-row tbody th {background-color:#272526;color:#fff;} .qhd-content .table tbody .even-row td {background-color:#f0f0f0;} .qhd-content video{width:auto;display:block;margin:0 auto;max-width:100%} /*IE8*/ .home .fancybox-slide--video .fancybox-content{background:#0000} /* ====== Slideshow & Scrollable ====== */ .carousel {position:relative;} .carousel-item {width: 100%;position:relative;float:left} .carousel-item .carousel-img {display:block;} .carousel-item .carousel-img a[href="javascript:;"] {cursor:default;} .carousel-item .carousel-img img {display:block;} .responsive-carousel .carousel-item:not(:first-child){display:none} .responsive-carousel .carousel-item.slick-slide{display:block} .responsive-carousel {background: #ecedef;line-height:0;overflow:hidden} .responsive-carousel .carousel-item img {width:100%;height:auto !important;} /* 产品 */ #product-modular{margin:-15px} .scrollable ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;margin:-10px;justify-content:center} .scrollable ul li{text-align:center;width:calc(25% - 20px);margin:10px} .scrollable ul li:not(:first-child){display:none} .scrollable ul li.slick-slide{display:block} .scrollable ul li p a{display:block} .scrollable ul#product-modular li{text-align:center;width:calc(25% - 30px);margin:15px;display:block} .scrollable ul#product-modular.list-col-2 li{width:calc((100% - 60px) / 2)} .scrollable ul#product-modular.list-col-3 li{width:calc((100% - 90px) / 3)} .scrollable ul#product-modular.list-col-4 li{width:calc((100% - 120px) / 4)} .scrollable ul#product-modular.list-col-5 li{width:calc((100% - 150px) / 5)} .scrollable ul#product-modular.list-col-6 li{width:calc((100% - 180px) / 6)} @media screen and (max-width: 767px) { #product-modular{margin:-5px} .scrollable ul#product-modular li{width:calc(50% - 10px) !important;margin:5px} .scrollable ul#product-modular li:nth-child(odd):last-child{display:none} .scrollable ul{margin:-5px} .scrollable ul li{width:calc(50% - 10px);margin:5px} } .scrollable ul li .scrollable-img a{position:relative;width:100%;padding-bottom:var(--post_img_height,100%);display:block} .scrollable ul li img{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;overflow:hidden;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .scrollable ul li p {border-radius:5px;margin-bottom:10px;overflow:hidden;background-color:#ececec;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .scrollable ul li:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .scrollable ul li h2 {font-size:14px;line-height:22px;color:#000;text-align: var(--post_title_align,center)} .scrollable ul li h2 a{font-size:16px;font-weight:normal} .scrollable ul li:hover h2 a{text-decoration:none;background-size:100% 1.5px} .scrollable .text-intro {text-align:left;font-size:13px;color:#808080;line-height:1.5} .scrollable ul#product-modular li h2 {min-height:45px} @media screen and (max-width: 767px) { .scrollable ul li img{height:var(--post_img_height_mb,100%)} } /*.scrollable .scrollable-item {position:relative;background-color:#fff;border:1px solid #e9eaea;border-bottom-width:4px;padding-bottom:15px;} .scrollable .scrollable-item h2 {margin:15px 10px;} .scrollable .scrollable-item em {display:block;width:70px;height:3px;overflow:hidden;background-color:#0e7dc7;position:absolute;top:0;left:50%;margin-left:-35px;} */ /* 文章 & 产品 公用------------------------------------------------------------------------------------------ */ .entry-item {margin-bottom:25px;padding-bottom:25px;border-bottom:1px dotted #e5e5e5;} .entry-title {margin-bottom:10px;} .entry-title h2{font-size:20px;line-height:1.4} .entry-title h2 a{position:relative;padding:3px 0px;line-height:1.4} .entry-title h2 a:hover{text-decoration:none;background-size: 100% 1.5px} .entry-meta {font-size:12px;margin-bottom:10px;color:#999;} .entry-meta em {margin:0 8px;} .entry-meta strong {font-weight:normal;} .entry-meta a {color:#666;} .entry-meta a:hover {color:var(--main_color,#16499c);text-decoration:none;} .entry-summary {color:#333;font-size:13px;} .entry-summary p {line-height:1.4;font-size:14px;color:#555} .entry-list-time-hl .entry-item {position:relative;padding-left:100px;border-bottom:1px dotted #ccc;min-height:80px;height:auto !important;_height:80px;} .list-box-shadow .entry-list-time-hl .entry-item:last-child{border:none;padding-bottom:0;margin-bottom:0} .entry-list-time-hl .time {border-radius:5px;position:absolute;left:0;top:0;width:75px;background-color:#f2f2f2;text-align:center;font-family:Arial;} .entry-list-time-hl .time-day {display:block;line-height:50px;border-bottom:1px solid #E1E1E1;color:#555;font-size:30px;} .entry-list-time-hl .time-date {display:block;color:#555;line-height:24px;font-size:12px;} .entry-list-time-hl-col .entry-item {border-bottom:none;} /* Article 文章------------------------------------------------------------------------------------------ */ .article-detail .article-title{margin-bottom:15px} .article-detail .article-title h1{font-size:26px;color:#333;line-height:1.6;font-weight:500} .article-detail .entry-meta{font-size:14px;border-bottom:1px solid #f0f0f0} .article-detail .entry-meta{padding-bottom:15px;margin-bottom:15px} .article-detail .article-title+.entry-meta{padding-bottom:30px;margin-bottom:30px} .article-detail .entry-meta span{margin:0 10px;color:#666} .article-detail .entry-meta span:first-child{margin-left:0} @media screen and (max-width:767px){ .article-detail .article-title+.entry-meta{padding-bottom:20px;margin-bottom:20px} } /* Product 产品------------------------------------------------------------------------------------------ */ .product-list{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:25px} .product-list .product-item{position:relative;width:calc((100% - 90px) / 4);box-sizing:border-box} .product-list .product-img{border-radius:5px;background-color:#f2f2f2;overflow:hidden;position:relative;margin-bottom:10px;border:1px solid #f2f2f2} .product-list .product-img a{position:relative;width:100%;padding-bottom:var(--post_img_height,100%);display:block} .product-list .product-img img{width:100%;display:block;overflow:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .product-list .product-item:hover img{transform:scale(1.13);-webkit-transform:scale(1.13);-moz-transform:scale(1.13);-o-transform:scale(1.13);-ms-transform:scale(1.13)} .product-list .product-item:hover .product-card img{transform:none} .product-list .product-item .product-card, .product-list .product-img img{position:absolute !important;top:0;left:0;width:100%;height:100%;object-fit:cover} .product-list .product-title{line-height:normal} .product-list .product-title h2{font-size:15px;line-height:1.5;font-weight:400;text-align:var(--post_title_align,center);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .product-list .product-item:hover .product-title h2 a{background-size:100% 1.5px} .product-list.list-col-2 .product-item{width:calc((100% - 30px) / 2)} .product-list.list-col-3 .product-item{width:calc((100% - 60px) / 3)} .product-list.list-col-4 .product-item{width:calc((100% - 90px) / 4)} .product-list.list-col-5 .product-item{width:calc((100% - 120px) / 5)} .product-list.list-col-6 .product-item{width:calc((100% - 150px) / 6)} /*相册缩略图*/ .product-card{position:relative} .product-card img{max-width:100%} .product-card .hover-slider-indicator{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;border-radius:6px;background-color:rgba(255,255,255,.5);padding:6px;bottom:6px;left:6px;z-index:2} .product-card .hover-slider-images-toggler{z-index:3} .product-card .hover-slider-indicator-dot{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:6px;height:6px;border-radius:50%;background-color:#dee2e6;opacity:.75} .product-card .hover-slider-indicator-dot.active{background-color:var(--main_color,#16499c);opacity:.7} .image-overlay-grey .product-card .hover-slider-indicator{background-color:#fff} @media screen and (max-width: 767px) { .product-list{gap:10px;margin-bottom:30px} .product-list .product-item{width:calc((100% - 10px) / 2)!important} } .product-scrollable .scrollable-item {position:relative;} /* Link 链接------------------------------------------------------------------------------------------ */ .link a img {vertical-align:middle;margin-right:5px;position:relative;top:-1px;*top:0;} .link-block li {padding:4px 0;line-height:1.5;} .link-setion {position:relative;margin-bottom:8px;} .link-setion a {display:block;} .link-setion .link-img img {display:block;width:100%;} .link-setion .link-img-noimg {min-height:230px;height:auto !important;_height:230px;background-color:#dd5189;} .link-name-default {position:absolute;left:30px;bottom:20px;opacity:1;filter:alpha(opacity=100);border-bottom:1px solid #fff;padding-bottom:5px;z-index:3;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;} .link-name-default h3 {font-size:20px;padding-right:15px;font-weight:400;color:#fff;line-height:normal;} .link-setion-text {display:block;width:100%;position:absolute;top:50%;left:0;z-index:10;color:#fff;text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;} .link-setion-text h3 {margin:0 20px 15px;margin-top:-20px;font-size:24px;font-weight:normal;color:#fff;line-height:normal;transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;-webkit-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;} .link-setion-text p {margin:0 20px 15px;margin-top:-55px;font-size:13px;font-weight:normal;color:#fff;line-height:normal;transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;-webkit-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;} .link-setion-text .link-more {border-radius:50px;line-height:normal;display:inline-block;*display:inline;*zoom:1;margin-top:10px;padding:6px 20px;border:1px solid #fff;font-size:13px;} .link-setion .opacity-overlay {display:block;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;opacity:1;filter:alpha(opacity=100);_height:expression( (this.parentElement.clientHeight) +'px');} .link-setion a:hover .link-name-default {opacity:0;filter:alpha(opacity=0);} .link-setion a:hover .link-setion-text {opacity:1;filter:alpha(opacity=100);} .link-setion a:hover .link-setion-text h3 {margin-top:0px;} .link-setion a:hover .link-setion-text p {margin-top:0px;} .link-setion a:hover .opacity-overlay {opacity:0.85;filter:alpha(opacity=85);background:#333;} /* 分页 ------------------------------------------------------------------------------------------ */ .pagination{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:50px 0} .pagination a,.pagination span{border-radius:5px;padding:0 13px;border:1px solid #ddd;height:34px;color:#333;background:#fff;display:flex;align-items:center} .pagination a:hover{text-decoration:none} .pagination .current,.pagination a:hover{border-color:var(--main_color,#16499c);background:var(--main_color,#16499c);color:#fff} @media screen and (max-width: 767px) { .pagination{margin:30px 0} .pagination a,.pagination span{height:30px;line-height:30px;padding:1px 10px} } /* module 外框容器------------------------------------------------------------------------------------------ */ .module-default {margin:0;padding:0;} .module {margin-bottom:25px;} .module-title-default {margin-bottom:10px;overflow:hidden;} .module-title-default > .module-title-content {padding-top:5px;padding-bottom:5px;} .module-title-default > .module-title-content h3 {display:block;float:left;_display:inline;line-height:20px;font-size:16px;} .module-title-default > .module-title-content span {margin-left:5px;float:left;line-height:22px;color:#808080;font-size:14px;} .module-title-default > .module-title-content span strong {font-weight:normal;margin-left:5px;color:#808080;font-family:Arial,sans-serif;} .module-title-default > .module-title-content i {display:block;float:left;_display:inline;width:8px;height:8px;overflow:hidden;position:relative;top:9px;margin-left:10px;background:url(../images/icon-title-d.gif) no-repeat;} .module-icon-default {padding-left:25px;background-repeat:no-repeat;background-position:left center;} .module-no-margin, .module-no-margin .module-content p, .module-no-margin .module-content ul, .module-no-margin .module-content ol, .module-no-margin .module-content h1, .module-no-margin .module-content h2, .module-no-margin .module-content h3, .module-no-margin .module-content h4, .module-no-margin .module-content h5, .module-no-margin .module-content h6 {margin:0;} .module-full-screen > .module-inner {padding:40px 0px;} .module-full-screen-title {position:relative;margin-bottom:50px;text-align:center;} .module-full-screen-title > h2 {color:var(--modular-title-color,#333);margin-bottom:8px;line-height:normal;font-weight:500;font-size:32px} .module-full-screen-title > .module-title-content > h3 {display:inline-block;margin:0 20px;line-height:normal;font-weight:normal;color:var(--modular-title-color,#333);font-size:16px} .module-full-screen-more {float:none;clear:both;text-align:center;margin: 30px auto 0;} @media screen and (max-width:767px){ .module-full-screen-title>h2{font-size:28px;margin-bottom:5px} } /* 在线客服 */ .gotop {display:none;} /*---------------------------------------------------------------------------------------------------------------------------------------------------- Pages style----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*placeholder 颜色*/ /* input::-webkit-input-placeholder{color:#e2e2e2} input:-moz-placeholder{color:#e2e2e2} input::-moz-placeholder{color:#e2e2e2} input:-ms-input-placeholder{color:#e2e2e2} */ html {background-repeat:repeat;*overflow-x:hidden;font-size:62.5%;background-color:#fff;} body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#4d4d4d;font-size:14px;} body.font-en-US,body.font-en-US .module-title-default > .module-title-content h3 {font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑",sans-serif;} a {color:#333;text-decoration:none;} a:hover {color:var(--main_color,#16499c);text-decoration:none;} /* Common Class */ .float-left {float:left;display:inline;} .float-right {float:right;display:inline;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .fixed {position:fixed;top:0px;left:0px;} .page-width {max-width:1300px;width:100%;margin:0 auto;padding:0 15px} @media (max-width:1400px) { .page-width{max-width:1200px;padding: 0 10px} } /* ============================= page-title & page-name & page-menu ============================= */ .page-title .page-width {overflow:hidden;} .page-title .page-name h2 {font-size:16px;} .page-title .page-name{margin-bottom: 20px} .page-menu {margin-bottom:35px;background-color:#FCF8EC;} .qhd-content table.slimtable {width:100% !important;} /* ============================= main ============================= */ .content {width:75%;margin:20px 0 65px} .content.float-right.no_sidebar{width:100%} .content .scrollable ul li {width:246px;} /* ============================= footer ============================= */ .footer {overflow:hidden;background-color:#222;color:#fff;} .footer a {color:#e5e5e5 !important;font-size:14px} .footer a:hover {color:#fff !important;} .footer a::after{background-color:#fff !important} .footer .module-title-default {} .footer .module-title-default > .module-title-content h3{color:#fff;position:relative;padding-bottom:15px;margin-bottom:15px;font-weight:500;font-size:18px;z-index:1} .footer .module-title-default > .module-title-content h3::before{content:'';position:absolute;width:10px;height:2px;background:#fff;border-radius:50px;bottom:0;left:0;z-index:-1} .footer .module-title-default > .module-title-content h3::after{content:'';position:absolute;width:30px;height:2px;background:rgba(255,255,255,.2);border-radius:50px;bottom:0;left:14px;z-index:-1} .footer-main .page-width {padding-top:45px;padding-bottom:35px;} /* ============================= bottom ============================= */ .bottom {overflow:hidden;background:#222;color:#c0c0c0;font-size:13px;font-size:1.3rem;} .bottom a {color:#c0c0c0 !important;} .bottom a:hover {color:#fff !important;} .bottom .module-title-default {} .bottom .module-title-default > .module-title-content h3 {color:#fff;} .bottom .page-width {padding-top:20px;padding-bottom:20px;border-top: 1px solid #333;} /* ============================= animate ============================= */@-webkit-keyframes bounceIn {0% {-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} 100% {-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);} } @-moz-keyframes bounceIn {0% {-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} 100% {-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);} } @-ms-keyframes bounceIn {0% {-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} 100% {-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);} } @keyframes bounceIn {0% {-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} 100% {-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);} } @-webkit-keyframes upAndDown {0% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} 50% {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);} 100% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} } @-moz-keyframes upAndDown {0% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} 50% {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);} 100% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} } @-ms-keyframes upAndDown {0% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} 50% {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);} 100% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} } @keyframes upAndDown {0% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} 50% {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);} 100% {-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);-moz-transform:translate(0,15px);transform:translate(0,15px);} } /* ============================= 响应式 CSS ============================= */ .desktops-section {display:block;} .mobile-section {display:none;} @media (min-width:1200px) { } @media (min-width:992px) and (max-width:1199px) { html,body {background-image:none !important;} } @media screen and (max-width:1120px) { html {-webkit-text-size-adjust:none;} .page-width{width:100%;} html,body {background-image:none !important;} .module-full-screen > .module-inner {padding:30px 0;} .content {width:100%;padding:10px 0 15px;} .footer,.bottom {padding:0 15px;} .bottom .module-default,.bottom .module {margin-bottom:0;} /* 文章 */ /* 产品 */ .product-scrollable .scrollable-item a {/*display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden*/} .product-scrollable .scrollable-item .portfolio-img {margin-bottom:15px;} .product-scrollable .scrollable-item .opacity-overlay {display:none;} } @media screen and (max-width:767px) { .desktops-section {display:none;} /* 产品 */ #product-modular li{width: 44%} /* 手机端隐藏页脚菜单 */.footer-main .page-width {display: none} /* 招聘 联系 */ .module-full-screen.module-full-5 .link-setion {margin-bottom: 20px} .module-full-screen.module-full-5 .module-inner{padding-bottom: 0} /*新闻*/ .module-full-screen.module-full-1 li.col-2-1{width: 100% !important;} .entry-item {margin-bottom: 20px;padding-bottom: 20px} .entry-list-time-hl .entry-item {min-height: auto} .module-full-1 .qhd-content p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden} /*关于我们*/ .module-full-screen.module-full-3 .module-full-screen-more{text-align: center !important} .module-full-screen.module-full-3 .qhd-content p {text-align: initial;text-overflow: initial;white-space: initial;overflow: initial} .module-full-screen.module-full-3 .title{text-align: center !important;margin-top: 15px} /*手机端不显示模块*/ .mobile_modular_no{display: none !important} /*手机端文章内页*/ .article-detail .article-title h1{font-weight:500;line-height:1.4;font-size:24px} .qhd-content h3 {font-size: 22px;padding: 15px 0 15px 0} .single .page-title .page-name {margin-bottom: 20px;margin-top: 15px} /*手机端行业新闻标题显示全部*/ .mobile-section {display:block;} /* 多列 */.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {width:100% !important;margin-right:0 !important;} .row2-svar .col-4-1,.row2-svar .col-5-1 {width:31.33333%;margin-right:3%;} .row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {margin-right:3%;} .row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {clear:none;} .row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {margin-right:0;clear:none;} .row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {clear:both;} /* slideshow */ /* 链接 */ .link-block li {padding:6px 0;border-bottom:1px solid #EF4D5B;} /* 容器 */ .module-full-screen-title {margin-bottom:20px;} .module-full-screen-title > .module-title-content > h2 {margin:0 15px;font-size:20px;font-weight:bold;} .module-full-screen-title > h3 {display:none;} /* touch menu */ .top-main-content {display:none;} .touch-top-wrapper .touch-logo img {height:40px;} .touch-toggle li i {width:28px;height:28px;margin-top:15px;} .footer .qhd-content p,.footer .qhd-content p,.bottom .qhd-content p,.bottom .qhd-content p {text-align:left !important;} } @media screen and (max-width:640px) { .row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {width:48.5%;margin-right:3%;} .row2-svar .col-5-1:nth-of-type(5n+5) {margin-right:3%;} .row2-svar .col-5-1:nth-of-type(5n+1) {clear:none;} .row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {margin-right:3%;} .row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {clear:none;} .row2-svar .col-3-1:nth-of-type(2n+2),.row2-svar .col-4-1:nth-of-type(2n+2),.row2-svar .col-5-1:nth-of-type(2n+2) {margin-right:0;} .row2-svar .col-3-1:nth-of-type(2n+1),.row2-svar .col-4-1:nth-of-type(2n+1),.row2-svar .col-5-1:nth-of-type(2n+1) {clear:both;} } @media screen and (max-width:480px) {/* 多列 */ .column .col-4-1 {width:100% !important;margin-right:0 !important;} /* 文章 */ .entry-list-time-hl .entry-item {padding-left:80px;} .entry-list-time-hl .time {width:60px;} .entry-list-time-hl .time-day {line-height:40px;font-size:26px;} .entry-list-time-hl .time-date {line-height:20px;font-size:12px;} /* touch-menu */.touch-top-wrapper .touch-logo img {height:30px;} .touch-toggle li i {width:20px;height:20px;margin-top:6px;} /* 容器 */ } /*文章内容*/ .qhd-content h1 {font-size:34px;margin-bottom:15px} .qhd-content h2 {font-size:28px;margin-bottom:15px} .qhd-content h3 {font-size:22px;margin-bottom:15px} .qhd-content h4 {font-size:18px;font-size:1.8rem;padding-top:5px} .qhd-content h5 {font-size:16px;font-size:1.6rem;/*padding-top:10px;*/} .qhd-content h6 {font-size:14px;font-size:1.4rem;} .qhd-content hr {margin:30px 0 !important;border-top:1px solid #99999954} .qhd-content em {font-style:italic;} .qhd-content sup {vertical-align:super;font-size:12px;} .qhd-content sub {vertical-align:sub;font-size:12px;} .qhd-content blockquote {margin: 0 0 25px;line-height:1.6;padding:5px 10px 5px 15px;font-family:"微软雅黑";background:none;border-left:3px solid #b3b3b3;background-color:#f7f7f7;color:#808080;} .qhd-content blockquote p {margin-bottom:5px;} .qhd-content ol,.qhd-content ul{padding-left:20px} .qhd-content ul{list-style-type:disc} .qhd-content ol{list-style-type:decimal} .qhd-content p a{margin:0 3px;padding-bottom:1px;text-decoration:none;color:#3a3a3a;border-bottom:1px solid var(--main_color,#16499c)} .qhd-content p a:hover{color:var(--main_color,#16499c)} .qhd-content ul li:not(:last-child),.qhd-content ol li:not(:last-child){margin-bottom:5px} .qhd-content img {border-radius:5px;vertical-align:middle;height:auto !important;display: block;margin: 30px auto;max-width: 100%;} .qhd-content{font-size:16px;color:#333;line-height:1.6;word-wrap:break-word} .qhd-content>:not(:last-child){margin-bottom:15px;line-height:1.7} .qhd-content p img{display:block;margin:0 auto} .qhd-content .wp-block-quote p{margin:0} .qhd-content iframe{width:100%;height:530px;border-radius:5px} .qhd-content img.aligncenter{margin:0 auto;display:block} .qhd-content div.aligncenter{margin:0 auto;display:block;text-align:center} @media screen and (max-width:767px){ .qhd-content iframe{width:100%;height:220px} } /**/ .module-full-screen.module-full-1 li{width: 47% !important;} .module-full-screen.module-full-1 li:nth-child(2n-1){margin-right: 5%;} .module-full-screen.module-full-1 li:nth-child(2n){margin-right: 0} .qhd-content .column,.qhd-module .column{width:100%} .qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-1,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-1,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4{float:left;min-height:1px;height:auto!important} .qhd-content .column .col-2-1,.qhd-module .column .col-2-1{width:48.5%;margin-right:3%} .qhd-content .column .col-3-1,.qhd-module .column .col-3-1{width:31.3333%;margin-right:3%} .qhd-content .column .col-4-1,.qhd-module .column .col-4-1{width:22.75%;margin-right:3%} .qhd-content .column .col-5-1,.qhd-module .column .col-5-1{width:17.6%;margin-right:3%} .qhd-content .column .col-3-2,.qhd-module .column .col-3-2{width:65.6666%;margin-right:3%} .qhd-content .column .col-4-2,.qhd-module .column .col-4-2{width:48.5%;margin-right:3%} .qhd-content .column .col-4-3,.qhd-module .column .col-4-3{width:74.25%;margin-right:3%} .qhd-content .column .col-5-2,.qhd-module .column .col-5-2{width:38.2%;margin-right:3%} .qhd-content .column .col-5-3,.qhd-module .column .col-5-3{width:58.8%;margin-right:3%} .qhd-content .column .col-5-4,.qhd-module .column .col-5-4{width:79.4%;margin-right:3%} .qhd-content .marg-per0>.col-2-1,.qhd-module .marg-per0>.col-2-1{width:50%;margin-right:0} .qhd-content .marg-per0>.col-3-1,.qhd-module .marg-per0>.col-3-1{width:33.3333%;margin-right:0} .qhd-content .marg-per0>.col-4-1,.qhd-module .marg-per0>.col-4-1{width:25%;margin-right:0} .qhd-content .marg-per0>.col-5-1,.qhd-module .marg-per0>.col-5-1{width:20%;margin-right:0} .qhd-content .marg-per0>.col-3-2,.qhd-module .marg-per0>.col-3-2{width:66.6666%;margin-right:0} .qhd-content .marg-per0>.col-4-2,.qhd-module .marg-per0>.col-4-2{width:50%;margin-right:0} .qhd-content .marg-per0>.col-4-3,.qhd-module .marg-per0>.col-4-3{width:75%;margin-right:0} .qhd-content .marg-per0>.col-5-2,.qhd-module .marg-per0>.col-5-2{width:40%;margin-right:0} .qhd-content .marg-per0>.col-5-3,.qhd-module .marg-per0>.col-5-3{width:60%;margin-right:0} .qhd-content .marg-per0>.col-5-4,.qhd-module .marg-per0>.col-5-4{width:80%;margin-right:0} .qhd-content .marg-per5>.col-2-1,.qhd-module .marg-per5>.col-2-1{width:45%;margin-right:5%} .qhd-content .marg-per5>.col-3-1,.qhd-module .marg-per5>.col-3-1{width:30%;margin-right:5%} .qhd-content .marg-per5>.col-4-1,.qhd-module .marg-per5>.col-4-1{width:21.25%;margin-right:5%} .qhd-content .marg-per5>.col-5-1,.qhd-module .marg-per5>.col-5-1{width:16%;margin-right:5%} .qhd-content .marg-per5>.col-3-2,.qhd-module .marg-per5>.col-3-2{width:65%;margin-right:5%} .qhd-content .marg-per5>.col-4-2,.qhd-module .marg-per5>.col-4-2{width:47.5%;margin-right:5%} .qhd-content .marg-per5>.col-4-3,.qhd-module .marg-per5>.col-4-3{width:73.75%;margin-right:5%} .qhd-content .marg-per5>.col-5-2,.qhd-module .marg-per5>.col-5-2{width:37%;margin-right:5%} .qhd-content .marg-per5>.col-5-3,.qhd-module .marg-per5>.col-5-3{width:58%;margin-right:5%} .qhd-content .marg-per5>.col-5-4,.qhd-module .marg-per5>.col-5-4{width:79%;margin-right:5%} .qhd-content .column .last,.qhd-module .column .last{margin-right:0} /*友情链接*/ .footer-link{display:flex;padding:30px 0} .footer-link h5{color:var(--foot_text,#fff);font-size:12px;min-width:max-content;margin-right:30px} .footer-link .footer-menu{display:flex;flex-wrap:wrap;gap:10px 20px} .footer-link .footer-menu li{display:inline-block;font-size:12px;color:var(--foot_text,#fff);opacity:.5} /*侧栏*/ .sidebar-right .sidebar{order:2} .page-sidebar{display:flex;gap:30px;margin:30px 0;align-items:flex-start} .page-sidebar .sidebar{width:25%} .page-sidebar .page-right{width:75%} .page-sidebar .page-menu-area{margin-top:0} .page-sidebar.sidebar-none{justify-content:center} .page-sidebar.sidebar-none .page-right{width:var(--page_width,100%)} /*小工具标题*/ .sidebar .widget__title-text{font-size:20px;color:#333;position:relative;padding-bottom:8px;margin-bottom:20px;font-weight:500} .sidebar .widget .widget__title h3::after{position:absolute;content:'';border-bottom:2px solid var(--main_color,#16499c);bottom:0;left:0;width:2em} .sidebar .widget{margin-bottom:20px;border-radius:5px;background-color:#fff;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);padding:15px} .sidebar .widget:last-child{margin-bottom: 0} @media screen and (max-width:767px) { .page-sidebar.sidebar-none .page-right, .page-sidebar .page-right{width:100%} .sidebar{display: none} /*手机端隐藏侧栏*/ } /*侧栏菜单小工具*/ .sidebar .widget_nav_menu ul li{margin:0;padding:0;height:auto;background:0 0;overflow:visible;position:relative} .sidebar .widget_nav_menu ul li a{border-bottom:1px solid #f0f0f0;color:#333;padding-bottom:10px;margin-bottom:10px;font-size:14px;display:flex;justify-content:space-between;align-items:center;position:relative} .sidebar .widget_nav_menu ul li:not(.menu-item-has-children):last-child a{border:none;margin-bottom:0;padding-bottom:0} .sidebar .widget_nav_menu ul .menu-item-has-children.menu-open>a, .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_nav_menu ul li.current-cat a, .sidebar .widget_nav_menu ul li.current_page_item a, .sidebar .widget_nav_menu ul li.current-menu-item a{color:var(--main_color,#16499c);text-decoration:none} .sidebar .widget_nav_menu ul .menu-item-has-children>a::after{content:"\f110";font-size:85%;font-family:LineAwesome;transform:rotate(-90deg);transition:all 0.3s ease-out 0s} .sidebar .widget_nav_menu ul .menu-item-has-children.menu-open>a::after{transform:rotate(0)} .sidebar .widget_nav_menu ul li .sub-menu{margin-left:1em;margin-bottom:20px;display:none} .sidebar .widget_nav_menu ul li ul a{font-size:12px} .sidebar .widget_nav_menu ul li.current-menu-parent{border-top:0} .sidebar ul li .newsletter-widget{padding-top:20px} .sidebar ul li .newsletter-widget p{padding:0 10px 12px} .sidebar ul li .newsletter-email,.sidebar ul li .newsletter-firstname,.sidebar ul li input[type=text]{margin:0 auto;padding:3px 10px;width:218px;line-height:30px;font-size:13px;border:1px solid #dadde0;color:#999;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease} .sidebar ul li .newsletter-submit,.sidebar ul li input[type=submit]{margin-left:0;padding:3px 35px;line-height:30px;font-size:13px;font-weight:700;border:0;color:#fff;background:#ef5c32;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease} .sidebar ul li input[type=email]:hover,.sidebar ul li input[type=text]:hover{border-color:#999} .sidebar ul li input[type=submit]:hover{background:#d00} .sidebar ul li.widget_RecentPosts ul{padding:20px 8px 0} .sidebar ul li.widget_RecentPosts ul li{margin:0 auto 20px;padding:0;height:auto;line-height:18px;background:0 0;overflow:hidden} .sidebar ul li.widget_RecentPosts ul li:last-child{margin:0 auto 10px} .sidebar ul li.widget_RecentPosts ul li img{float:left;padding-right:8px;width:96px;height:70px} .sidebar ul li.widget_RecentPosts ul li h4{margin-bottom:5px;font-size:13px} .sidebar ul li.widget_RecentPosts ul li p{color:#666} .sidebar ul li.widget_recent_comments ul li{margin-bottom:15px;padding:0;height:auto;line-height:1.5;background:0 0} .sidebar ul li.widget_recent_comments ul li h4{font-size:12px;font-weight:700} .sidebar ul li.widget_recent_comments ul li h4 em{padding-left:10px;font-style:normal;font-weight:400;color:#999} .sidebar ul li.widget_recent_comments ul li .cmt-cnt{margin-top:16px;padding:10px;border:1px solid #eee;color:#777;background:#fff;overflow:visible;position:relative} .sidebar ul li.widget_recent_comments ul li .cmt-cnt a{color:#777} .sidebar ul li.widget_recent_comments ul li .cmt-cnt a:hover{color:#d00;text-decoration:none} .sidebar ul li.widget_recent_comments ul li .cmt-cnt .up-arrow{width:20px;height:10px;line-height:0;font-size:0;background:url(../images/icon-uparrow.gif) no-repeat 0 0;overflow:hidden;position:absolute;top:-10px;left:5px} /*小图列表*/ .sidebar ul.widget_SpecialCatPosts li{margin:0 auto 20px;overflow:hidden;display:flex;justify-content:space-between} .sidebar ul.widget_SpecialCatPosts li:last-child{margin-bottom:0} .sidebar ul.widget_SpecialCatPosts li>a{margin-right:8px;width:80px;height:55px;border-radius:5px;overflow:hidden} .sidebar ul.widget_SpecialCatPosts li img{object-fit:cover;width:100%;height:100%;display:block;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .sidebar ul.widget_SpecialCatPosts li>a:hover img {transform:scale(1.13);-webkit-transform:scale(1.13);-moz-transform:scale(1.13);-o-transform:scale(1.13);-ms-transform:scale(1.13)} .sidebar ul.widget_SpecialCatPosts li h4{width:calc(100% - 88px);font-weight: 400;line-height: 19px;font-size:14px;max-height:max-content} .sidebar ul.widget_SpecialCatPosts li h4 a:hover{background-size:100% 1.5px} .sidebar ul.widget_SpecialCatPosts li p{color:#666} /*小图列表 结束*/ /*无图列表*/ .sidebar ul.widget_SpecialCatPosts.widget_noimg li {margin:0 auto 10px;border-bottom:1px solid #e5e5e5c4;padding-bottom:10px} .sidebar ul.widget_SpecialCatPosts.widget_noimg li h4{width:100%} .sidebar ul.widget_SpecialCatPosts.widget_noimg li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} /*大图列表*/ .sidebar ul.widget_SpecialCatBigPicPosts{display:flex;flex-wrap:wrap;gap:15px} .sidebar ul.widget_SpecialCatBigPicPosts li{text-align:center;background:0 0;width:calc((100% - 15px)/ 2)} .sidebar ul.widget_SpecialCatBigPicPosts li:last-child{margin-bottom:0} .sidebar ul.widget_SpecialCatBigPicPosts li>a{position:relative;width:100%;padding-bottom:var(--post_img_height,100%);display:block;border-radius:5px;overflow:hidden;border:1px solid #f2f2f2} .sidebar ul.widget_SpecialCatBigPicPosts li img, .sidebar ul.widget_SpecialCatBigPicPosts li .product-card{top:0;left:0;width:100%;height:100%;object-fit:cover;position:absolute!important;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .sidebar ul.widget_SpecialCatBigPicPosts li img:hover{transform:scale(1.13);-webkit-transform:scale(1.13);-moz-transform:scale(1.13);-o-transform:scale(1.13);-ms-transform:scale(1.13)} .sidebar ul.widget_SpecialCatBigPicPosts li h4 a:hover{background-size:100% 1.5px} .sidebar ul.widget_SpecialCatBigPicPosts li h4{margin-top:8px;line-height:18px;font-size:14px;font-weight:400;color:#000} /*大图列表 结束*/ @media screen and (max-width:767px) { .sidebar ul.widget_SpecialCatBigPicPosts li {margin: 0 2px 15px 2px;width: 48%;display: inline-block} .sidebar ul.widget_SpecialCatBigPicPosts li img {width: 100%;height: auto} } /*文本小工具*/ .widget_text .textwidget>*{margin-bottom:15px} .widget_text .textwidget>:last-child{margin-bottom:0} .widget_text .textwidget img{max-width:100%;display:block} .widget_text .textwidget img.aligncenter{margin:0 auto} .widget_text .textwidget p{font-size:15px;line-height:1.5;color:#333} .widget_text .textwidget ol,.widget_text .textwidget ul{padding-left:15px} .widget_text .textwidget ul{list-style:disc} .widget_text .textwidget ol{list-style:auto} .widget_text .textwidget li{font-size:14px;color:#333;line-height:1.4} .widget_text .textwidget a{color:#16499c} .widget_text .textwidget a:hover{text-decoration:underline} /*文章归档小工具*/ .widget_archive ul{display:flex;flex-wrap:wrap;gap:10px} .widget_archive ul li{display:flex;gap:10px;width:100%} .widget_archive ul li a{font-size:14px;line-height:1.4;color:#333} .widget_archive ul li a:hover{text-decoration:underline;color:var(--main_color,#16499c)} /* 标签云小工具 */ .widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:8px} .widget_tag_cloud .tagcloud li{margin-bottom:1px} .widget_tag_cloud .tagcloud a{align-items:center;border:1px solid #ddd;border-radius:5px;color:#333;display:flex;font-size:12px!important;line-height:1.4;padding:6px 8px;text-transform:uppercase} .widget_tag_cloud .tagcloud a:hover{color:#fff;background:var(--main_color,#16499c)} .widget_tag_cloud .tagcloud li sup{top:0;font-size:100%} /*搜索小工具*/ .widget_search .search-box{border:1px solid #e6e6e6;border-radius:5px;padding:0 12px} .widget_search .search-box .form-group{display:flex;align-items:center;position:relative} .widget_search .search-button{display:flex;align-items:center;margin-left:auto} .widget_search .search-type{position:relative} .widget_search .search-type select{font-size:12px;background:0 0;cursor:pointer;border:none;text-align:right;height:auto;width:auto;padding:0 26px 0 0;position:relative;color:#666} .widget_search .search-type::after{content:'\f110';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#666;font-family:LineAwesome;pointer-events:none;z-index:2} .widget_search .search-box input{margin:0;padding:0 40px 0 15px;border:none;max-width:86%;padding:0} .widget_search .search-box button{margin-left:auto;border:none;cursor:pointer;background:0 0;transform:rotateY(180deg);font-size:18px;color:#000;border-right:1px solid #e6e6e6;padding-right:10px} .widget_search .search-box button:hover{color:var(--main_color,#16499c)} .widget_search .form-group.search-filter input{width:50%} /*-------------------------------------------------------------- 右侧悬浮 客服工具 ----------------------------------------------------------------*/ .slide-bar{position:fixed;width:50px;right:10px;bottom:var(--kefu_bar_position,10%);z-index:9;background-color:var(--bar_color_bg,#000);border-radius:3px;transform:translateY(var(--kefu_bar_position,10%))} .slide-bar a:focus{color:#fff} .slide-bar .slide-bar__item{width:50px;height:50px;text-align:center;position:relative;cursor:pointer;color:var(--bar_color_text,#fff);display:block;border-top:1px solid var(--bar_color_line,#292929);line-height:1.8} .slide-bar .slide-bar__item:last-child{border-radius:0 0 3px 3px} .slide-bar .slide-bar__item:first-child{border-top:none;border-radius:3px 3px 0 0} .slide-bar .slide-bar__item:hover{background-color:var(--bar_color_current,#000);color:var(--bar_color_text2,#fff)} .slide-bar .slide-bar__item:hover .slide-bar__item__ercode, .slide-bar .slide-bar__item:hover .slide-bar__item__tips{visibility:visible;left:-180px;opacity:1} .slide-bar .slide-bar__item:hover .slide-bar__item__img{visibility:visible;left:-160px;opacity:1} .slide-bar .slide-bar__item__top{display:block;line-height:54px;font-size:20px;font-weight:bold} .slide-bar .slide-bar__item__icon{display:block;font-size:16px;padding-top:8px} .slide-bar img.slide-bar__item__icon{width:28px;height:auto;margin:0 auto} .slide-bar .slide-bar__item__text{display:block;height:20px;font-size:12px;margin-top:3px} .slide-bar .slide-bar__item__tips{width:170px;height:54px;line-height:64px;text-align:center;font-size:14px;position:absolute;z-index:999;left:-200px;color:#fff;top:0;opacity:0;visibility:hidden;background-color:var(--bar_color_current,#000);border-radius:3px;-webkit-transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;-o-transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s} .slide-bar .slide-bar__item__tips:after{border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:6px solid var(--bar_color_current,#000);right:-6px;top:30px;content:"";height:0;position:absolute;width:0;z-index:1} .slide-bar .slide-bar__item__tips p{position:relative;top:50%;margin:0 auto;width:85%;color:#fff;line-height:1.4;transform:translateY(-50%)} .slide-bar .scrollup .slide-bar__item__tips{width:120px;left:-150px} .slide-bar .scrollup:hover .slide-bar__item__tips{left:-130px} .slide-bar .slide-bar__item__img{width:150px;text-align:center;font-size:16px;position:absolute;z-index:1;left:-180px;color:#fff;bottom:0;opacity:0;visibility:hidden;background:0 0;-webkit-transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;-o-transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;border:1px solid #e7e7e7} .slide-bar .slide-bar__item__img:after{border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:6px solid #e7e7e7;right:-6px;content:"";height:0;position:absolute;bottom:30px;width:0;z-index:1} .slide-bar .slide-bar__item__img img{display:block;max-width:100%} .slide-bar .slide-bar__item.scrollup{display:none} .slide-bar .slide-bar-title_none img.slide-bar__item__icon{width:46px} .slide-bar .slide-bar-title_none .slide-bar__item__icon{padding-top:12px} .fancybox-form{max-width:800px!important;padding:50px!important;border-radius:8px!important} .fancybox-form .fancybox-form-head{text-align:center;margin-bottom:30px} .fancybox-form .fancybox-form-head h3{font-size:26px} .fancybox-form .fancybox-form-head p{margin-top:15px;font-size:15px;line-height:1.5;color:#333} @media screen and (max-width:767px){ .slide-bar{display:none} } /*手机端底部菜单*/ .footer-fix{position:fixed;bottom:0;left:0;z-index:10;display:none;width:100%;background-color:var(--mobile_foot_bg,#000);box-shadow:0 0 10px rgba(0,0,0,.2);padding-bottom:env(safe-area-inset-bottom)} .footer-fix ul{display:flex;justify-content:center} .footer-fix li{width:25%} .footer-fix li a, .footer-fix li button{display:flex;padding:8px 0;text-align:center;font-size:14px;line-height:1;flex-direction:column;align-items:center;color:var(--mobile_foot_text,#fff)} .footer-fix li img{width:28px;height:auto} .footer-fix li span{margin:10px 0} .footer-fix li img+span{margin:5px 0 0} .footer-fix .trp-custom-language-switcher{position:relative;display:inline-block;z-index:999} .footer-fix .trp-custom-language-switcher .trp-current-language{height:100%;justify-content:space-between} .footer-fix .trp-custom-language-switcher .trp-language-dropdown{position:absolute;bottom:100%;right:0;display:none;min-width:160px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000;padding:8px 0;margin:0;list-style:none} .footer-fix .trp-custom-language-switcher:hover .trp-language-dropdown{display:block} .footer-fix .trp-custom-language-switcher .trp-language-dropdown li{width:100%;color:#333} .footer-fix .trp-custom-language-switcher .trp-language-dropdown li a{display:flex;align-items:center;padding:8px 15px;text-decoration:none;gap:8px;transition:background .2s ease;color:#333;flex-direction:row} .footer-fix .trp-custom-language-switcher .trp-language-dropdown li a:hover{background:#f5f5f5} .footer-fix .trp-custom-language-switcher .trp-language-dropdown li a span{margin-top:0} .footer-fix .trp-custom-language-switcher .trp-flag-image{border:1px solid #eee} .footer-fix .trp-custom-language-switcher .trp-language-name{white-space:nowrap} @media (max-width: 767px){ .footer-fix {display:block} } /*评论*/ .comments-area #reply-title,.comments-area .comments-title,.explore .explore-category,.instagram-footer .widget-title,.instagram-slider .widget-title,.related-posts h3{font-size:18px;margin-bottom:30px;text-transform:uppercase;margin-top: 0;} .comments-area .comments-title{height: 40px;line-height: 40px;font-weight: 500;border-bottom: 2px solid #f0f0f0;clear: both} .comments-area .comments-title span{border-bottom: 2px solid #2365ac;display: inline-block;color: #2365ac;} .related-posts .post:last-child{margin-bottom:0} @media (max-width:991px){.related-posts{margin:45px auto 0;max-width:400px} } .comment-form-comment label{display:none} .comments-area{margin-top:40px;display:inline-block;width:100%;border-top:1px solid #ebebeb;padding-top:30px} .comments-area #reply-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative} .comments-area #reply-title a,.comments-area .edit-link a,.comments-area .reply-link a{color:#aaa;font-size:13px;height:20px;line-height:20px;position:absolute;right:0;text-align:center;top:0;font-weight: 100;} .comments-area .children,.comments-area .comment-list{list-style-type:none;margin:0;padding:0} .comments-area .children{padding-left:20px} .comments-area .comment-wrapper{margin-bottom:30px} .comments-area .comment-author-avatar{float:left;margin-top:3px;width:50px} .comments-area .comment-author-avatar .avatar{border-radius:50%} .comments-area .comment-content{border-bottom:1px solid #f4f4f4;margin-left:70px;overflow:hidden;padding-bottom:30px;position:relative} .comments-area .comment-author-name{color:#1a1a1a;font-weight:500} .comments-area .comment-author-name .fn{font-style:normal} .comments-area .comment-metadata{color:#aaa;font-size:11px;font-weight:500;margin-bottom:10px;text-transform:uppercase} .comments-area .comment-body>:first-child{margin-top:0} .comments-area .comment-body>:last-child{margin-bottom:0} .comments-area .comment-body dl dl,.comments-area .comment-body dl ol,.comments-area .comment-body dl ul,.comments-area .comment-body ol dl,.comments-area .comment-body ol ol,.comments-area .comment-body ol ul,.comments-area .comment-body ul dl,.comments-area .comment-body ul ol,.comments-area .comment-body ul ul{margin:0} .comments-area .comment-body li{margin:5px 0} .comments-area .comment-body a{text-decoration:underline} .comments-area .comment-list>.comment:last-child>#respond,.comments-area>#respond{margin-bottom:0} .comments-area .edit-link a{right:20px} .comments-area .comment-awaiting-moderation{color:#aaa;margin:10px 0 0} .comments-area .pingback{margin-bottom:10px} .comments-area .pingback .edit-link{display:none} .comments-area .pingback+.comment{margin-top:40px} .comments-area .no-comments{margin:0} #respond{margin-bottom:45px} #respond .logged-in-as>a:first-child{color:#777} #respond .comment-form-comment{margin:30px 0} #respond .comment-author-inputs{margin:0 -15px 30px} #respond .form-submit{margin-bottom:0} button{-webkit-appearance:none;outline:none} input[type=password],input[type=email],input[type=tel],input[type=number],input[type=search],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #e6e6e6;border-radius:0;color:#1a1a1a;display:block;font-family:inherit;font-size:14px;height:44px;line-height:40px;margin-bottom:10px;transition:border-color cubic-bezier(.4,.01,.165,.99);width:100%;padding-left: 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box} input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{border-color:#e6e6e6;outline:0} textarea{height:100%;line-height:inherit;resize:vertical;padding: 10px;max-width: 100%;border-radius: 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box} select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border:1px solid #f4f4f4;border-radius:0;color:#1a1a1a;font-family:inherit;font-size:14px;height:40px;line-height:40px;outline:0;padding:0 14px;width:100%} label{font-size:13px} form.inline{position:relative} form.inline .inline-field{margin-bottom:0;padding-right:20px;text-overflow:ellipsis} form.inline button[type=submit]{background-color:transparent;border:0;color:#1a1a1a;font-size:16px;height:30px;line-height:30px;margin-top:-15px;padding:0;position:absolute;right:-10px;text-align:center;top:50%;width:30px} .button,.navigation .nav-next a,.navigation .nav-previous a{background-color:#222;border:1px solid #222;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1;outline:0;padding:13px 26px;text-align:center;text-transform:uppercase} .button:hover,.navigation .nav-next a:hover,.navigation .nav-previous a:hover,button[type=submit]:hover,input[type=submit]:hover{opacity:1} .button.transparent,.navigation .nav-next a.transparent,.navigation .nav-previous a.transparent,button[type=submit].transparent,input[type=submit].transparent{background-color:transparent;border:1px solid rgba(255,255,255,.3)} .comment-form-author,.comment-form-email,.comment-form-url{flex: 0 0 33.333333%;max-width: 33.333333%;float: left;padding-right: 25px;} .form-submit{flex: 0 0 33.333333%;max-width: 33.333333%;} @media (max-width:767px){.comments-area .children{padding-left:0} .comment-form-author,.comment-form-email,.comment-form-url{max-width: 100%;float: initial;padding-right: 0} } .comment-form-cookies-consent{display:none} .form-submit .submit{cursor:pointer;color:#000;background:0 0;column-gap:10px;display:inline-flex;align-items:center;position:relative;font-size:16px;overflow:hidden;border:1px solid #000;line-height:30px;padding:6px 30px;border-radius:30px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;z-index:1} .form-submit .submit:hover{background:#000;color:#fff} .comment-form-author label,.comment-form-email label,.comment-form-url label{margin-bottom:10px;display:block} .comment-form-author input,.comment-form-email input,.comment-form-url input{border-radius:5px;margin-bottom:30px} /*相关文章*/ .related{margin-top:40px;display:inline-block;width:100%;border-top:1px solid #ebebeb;padding-top:30px} .related h3{font-size:18px;color:#333;position:relative;padding-bottom:8px;margin-bottom:20px;font-weight:500} .related h3::after{position:absolute;content:'';border-bottom:2px solid var(--main_color,#16499c);bottom:0;left:0;width:2em} .related ul.post-list{overflow:hidden;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between} .related ul.post-list li{width:47%;background:url(../images/icon.gif) no-repeat 0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:15px} .related ul.post-list li a{padding-left:15px;font-size:15px} @media (max-width:767px){ .related ul.post-list li{width:100%} } /*相关产品*/ .produc-related-list.product-list .product-img a{padding-bottom:var(--produc_related_height, 100%)} /*合作伙伴*/ .module-full-6 ul.marg-per5{margin-right:-10px;margin-left:-10px} .module-full-6 ul li{width:20%;float:left;padding:0 10px} .module-full-6 .img-thumbnail{line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:5px;width:100%;height:auto;margin-bottom:15px;object-fit:cover;display:block} @media (max-width:767px){ .module-full-6 ul.marg-per5{margin-right:-5px;margin-left:-5px} .module-full-6 ul li{width:50%;padding:0 5px} .module-full-6 ul li:nth-child(15){display:none} } .f-weixin-dropdown,.user-weixin-dropdown,.mobile-foot-weixin-dropdown{position:fixed;height:100%;width:100%;top:0;left:0;background:#FFF;z-index:999999;-webkit-animation:fade-zoom-in .3s forwards;-o-animation:fade-zoom-in .3s forwards;animation:fade-zoom-in .3s forwards;display:none;-webkit-backface-visibility:hidden} .f-weixin-dropdown .qcode img,.user-weixin-dropdown .qcode img,.mobile-foot-weixin-dropdown .qcode img{width:100%;height:auto} .f-weixin-dropdown.is-visible,.user-weixin-dropdown.is-visible,.mobile-foot-weixin-dropdown.is-visible{display:block} .f-weixin-dropdown .tooltip-weixin-inner,.user-weixin-dropdown .tooltip-weixin-inner,.mobile-foot-weixin-dropdown .tooltip-weixin-inner{max-width:300px;padding:0 20px;margin:auto;text-align:center;position:absolute;width:100%;left:0;right:0;height:320px;top:-150px;bottom:0} .f-weixin-dropdown .tooltip-weixin-inner h3,.user-weixin-dropdown .tooltip-weixin-inner h3,.mobile-foot-weixin-dropdown .tooltip-weixin-inner h3{color:#273746;font-size:32px;font-weight:300;margin-bottom:10px;line-height:1.3} .f-weixin-dropdown .close_tip,.user-weixin-dropdown .close_tip,.mobile-foot-weixin-dropdown .close_tip{position:fixed;z-index:99999;top:80px;right:80px;color:#BDBDBD;font-size:36px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease} .mobile-foot-weixin-dropdown .tooltip-weixin-inner{top: 0 !important} .close-weixin{display:block;position:absolute;top:10%;right:10%;width:80px;height:80px;cursor:pointer;background:#fff} .close-top{position:absolute;left:14px;background:#333;width:22px;height:2px;transition:.3s} .close-top{-webkit-transform:translate(0,5px) rotate(225deg);transform:translate(0,5px) rotate(225deg)} .close-weixin .close-top{top:34px} .close-weixin .close-bottom{bottom:34px} .close-weixin .close-bottom,.close-weixin .close-top{width:30px;left:16px} .close-bottom{-webkit-transform:translate(0,-5px) rotate(135deg);transform:translate(0,-5px) rotate(135deg)} .close-bottom,.close-top{position:absolute;left:14px;background:#333;width:22px;height:2px;transition:.3s} @-webkit-keyframes fade-zoom-in{0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} } @-o-keyframes fade-zoom-in{0%{opacity:0;-o-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:1;-o-transform:scale(1);transform:scale(1)} } @keyframes fade-zoom-in{0%{opacity:0;-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)} } @keyframes waver{0{transform:scale(1,1)} 50%{transform:scale(1.5,1.5)} 100%{transform:scale(1,1)} } @-moz-keyframes waver{0{-moz-transform:scale(1,1)} 50%{-moz-transform:scale(1.5,1.5)} 100%{-moz-transform:scale(1,1)} } @-webkit-keyframes waver{0{-webkit-transform:scale(1,1)} 50%{-webkit-transform:scale(1.5,1.5)} 100%{-webkit-transform:scale(1,1)} } @-o-keyframes waver{0{-o-transform:scale(1,1)} 50%{-o-transform:scale(1.5,1.5)} 100%{-o-transform:scale(1,1)} } @-webkit-keyframes rotate{from{-webkit-transform:rotate(0)} to{-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate{from{-moz-transform:rotate(0)} to{-moz-transform:rotate(360deg)} } @-ms-keyframes rotate{from{-ms-transform:rotate(0)} to{-ms-transform:rotate(360deg)} } @-o-keyframes rotate{from{-o-transform:rotate(0)} to{-o-transform:rotate(360deg)} } @keyframes rotate{from{transform:rotate(0)} to{transform:rotate(360deg)} } /*特征*/ .icon-boxes.icon-box--four{padding-top:40px} .col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%;-webkit-box-sizing:border-box;box-sizing:border-box} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px} .icon-box-four{margin-bottom:3.33333rem} .d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important} .icon-boxes.icon-box--four .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .icon-box-four{margin-bottom:40px;position:relative} .icon-box-four .box-icon{margin-right:2rem} .icon-box-four .box-icon img{width:70px;height:70px} .icon-rounded-sm{-webkit-border-radius:50%;border-radius:50%} .icon-rounded-sm,.icon-square-sm{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:5rem;height:5rem;background:var(--feature_color,#2365ac);font-size:2.8rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .icon-box-four .box-content{width:calc(100% - 90px)} .icon-box-four .box-content h6{position:relative;line-height:1.4;display:inline-block;margin:0 0 1.13333rem 0;color:var(--modular-title-color,#333);font-size:18px} .icon-box-four .url-content:hover h6::after{width:100%} .icon-box-four .url-content h6::after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0%;background-color:#000;transition:all .5s} .icon-box-four .box-content p{line-height:20px;font-size:14px;color:var(--modular-title-color,#333)} @media screen and (max-width:767px){ .icon-box-four{margin-bottom:20px} .col-lg-4{-webkit-flex:100%;-ms-flex:100%;flex:100%;max-width:100%} .icon-boxes.icon-box--four .row{margin-right:0;margin-left:0} } /*导航栏*/ .site-header{-webkit-box-shadow:0 2px 3px rgba(33, 37, 41, 0.07);box-shadow:0 2px 3px rgba(33, 37, 41, 0.07)} /*头部菜单*/ .header-style-1{width:100%;background-color:#fff} .header-style-1 nav{display:flex;align-items:center;justify-content:space-between;position:relative} .header-style-1 .logo{display:flex;align-items:center} .header-style-1 .logo img{height:auto;max-height:80px;width:auto;display:block;vertical-align:middle} .header-navigation{display:flex;align-items:center} .header-navigation ul{display:flex;align-items:center} .header-navigation ul .menu-item-has-children .sub-menu{background-color:#fff;border-radius:5px;border-color:#e9ecef;padding:12px 0} .header-navigation ul .menu-item-has-children .sub-menu>.menu-item{padding:2px 8px} .header-navigation ul .sub-menu{position:absolute;margin:0;padding:0;top:100%;left:0;list-style:none;border-width:1px;border-style:solid;opacity:0;visibility:hidden;-webkit-transform:translateY(3px);transform:translateY(3px);pointer-events:none;will-change:transform,opacity;-webkit-transition:all .23s cubic-bezier(.28,.12,.22,1);transition:all .23s cubic-bezier(.28,.12,.22,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-shadow:0 20px 25px -5px rgba(33,37,41,.1),0 10px 10px -5px rgba(33,37,41,.04);box-shadow:0 20px 25px -5px rgba(33,37,41,.1),0 10px 10px -5px rgba(33,37,41,.04);display:block;z-index:8} .header-navigation ul .menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto} .header-navigation ul li:not(.mega-menu){position:relative} .header-navigation ul .menu-item-has-children:not(.mega-menu) .sub-menu{min-width:220px;width:max-content;left:-10px} .header-navigation ul .menu-item-has-children:not(.mega-menu) .sub-menu .sub-menu{top:0;left:100%;margin-top:-14px} .header-navigation ul li a{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .header-navigation>ul>.menu-item:hover>a, .header-navigation>ul>.menu-item.current-menu-item>a{color:var(--main_color,#16499c)} .header-navigation ul .menu-item-has-children>a::after{position:relative;font-size:80%;content:"\f110";line-height:1;margin-left:5px;top:-1px;font-family:LineAwesome} .header-navigation ul .menu-item-has-children:not(.mega-menu) .sub-menu .menu-item-has-children>a::after{content:"\f110";font-size:85%;margin-left:auto;top:0;font-family:LineAwesome;transform:rotate(-90deg)} .header-navigation>ul>.menu-item>a{font-size:16px;color:#212529;height:80px;padding-left:15px;padding-right:15px;-webkit-transition:all .2s cubic-bezier(.28,.12,.22,1);transition:all .2s cubic-bezier(.28,.12,.22,1)} .header-navigation ul .sub-menu .menu-item a{font-size:14px;width:100%;padding:6px 12px;border-radius:5px} .header-navigation ul .menu-item-has-children .sub-menu .menu-item:hover>a{color:var(--main_color,#16499c);background-color:#f0f0f0} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;align-items:flex-start;flex-wrap:wrap;width:100%;padding:25px 8px} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item{-webkit-box-flex:1;-ms-flex:1;flex:1} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item>a{width:auto;font-size:16px;font-weight:500;padding-left:20px;__pointer-events:none;color:#333;margin-bottom:5px} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item>a::after{display:none} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item>a:hover{color:var(--main_color,#16499c);background-color:transparent} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item:hover>a{color:#333;background-color:transparent} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu .sub-menu{position:relative;top:0;left:0;padding:0;opacity:1;visibility:visible;border:0;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;-webkit-transform:translateY(0);transform:translateY(0)} /*下拉导航栏固定*/ @media screen and (min-width: 1024px) { .admin-bar .site-header.sticky{top:32px} } .site-header.sticky{position:fixed;top:0;z-index:9;-webkit-box-shadow:0 2px 3px rgba(33,37,41,.07);box-shadow:0 2px 3px rgba(33,37,41,.07);animation:slide-down .7s} .site-header.sticky .logo img {max-height:60px} .site-header.sticky .header-navigation>ul>.menu-item>a{height:60px} @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } /*头部样式2*/ .header-style-2 .header-navigation{position:relative} .header-style-2 .header-group-1{padding:15px 0} .header-style-2 .header-group-1 .header-group-box{display:flex;justify-content:space-between;align-items:center} .header-style-2 .header-group-1 .header-group-box .logo img{display:block;max-height:60px} .header-style-2 .header-group-1 .header-contact-info ul{display:flex;align-items:center;gap:40px} .header-style-2 .header-group-1 .header-contact-info ul li{display:flex;align-items:center;gap:15px} .header-style-2 .header-group-1 .header-contact-info ul li i{font-size:28px;color:#333} .header-style-2 .header-group-1 .header-contact-info .contact-text h3{color:#333;font-size:16px;font-weight:700;text-transform:capitalize} .header-style-2 .header-group-1 .header-contact-info .contact-text span{margin-top:5px;display:block;font-size:15px;color:#333} .header-style-2 .header-group-2{background:var(--main_color,#16499c)} .header-style-2 .header-navigation>ul>.menu-item>a{height:60px;color:#fff} .header-style-2 .search-box-outer{margin-left:auto;color:#fff;height:60px;line-height:60px} .header-style-2.sticky{width:100%} .header-style-2.sticky .header-group-1{display:none} .header-style-2.sticky .header-navigation>ul>.menu-item>a{height:50px} .header-style-2.sticky .search-box-outer{height:50px;line-height:50px} /*网站顶部工具条*/ .header-top{background:var(--notice_bg,#16499c)} .header-top .header_top_wrap{display:flex;gap:50px} .header-top .top-notice{padding:5px 0} .header-top .top-notice.notice-center{margin:0 auto} .header-top .top-notice p{margin:0;font-size:14px;line-height:22px;color:var(--notice_text_color,#fff)} .header-top .top-menu-l .menu-item:hover>ul.sub-menu{right:initial;left:-12px} .header-top .top-menu.top-menu-l{margin:0} .header-top .top-menu{display:flex;margin-left:auto;align-items:center;white-space:nowrap;position:relative} .header-top .top-menu li{padding:8px 0;list-style:none;display:flex;align-items:center;height:100%;position:relative} .header-top .top-menu li a{font-size:14px;color:var(--notice_text_color,#fff);height:100%;display:flex;align-items:center} .header-top .top-menu .menu-item-has-children>a::after{position:relative;font-size:80%;content:"\f110";line-height:1;margin-left:5px;top:-1px;font-family:LineAwesome} .header-top .top-menu>li::after{content:"";margin:0 11px;width:1px;display:block;height:12px;background:var(--notice_text_color,#fff)} .header-top .top-menu>li:last-child::after{display:none} .header-top .top-menu .sub-menu{min-width:130px;position:absolute;top:100%;right:-30px;z-index:100;display:block;visibility:hidden;padding:8px 20px;width:max-content;border-bottom:3px solid #16499c;border-radius:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none;-ms-transition:all .5s ease} .header-top .top-menu .menu-item:hover>ul.sub-menu{right:0;visibility:visible;opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);pointer-events:all} .header-top .top-menu>li:last-child .sub-menu{top:100%;right:0} .header-top .top-menu .sub-menu a{color:#333} .header-top .top-menu .sub-menu a:hover{color:var(--main_color,#16499c)} .gradient-notify{background:linear-gradient(-45deg,#ed1c66,#6a23d5,#23a6d5,#23d5ab,#f03e3e,#e8890c,#e73c7e);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite} @keyframes gradient{0%{background-position:0 50%} 50%{background-position:100% 50%} 100%{background-position:0 50%} } /*渐变彩色背景*/ .gradient-notify{background:linear-gradient(-45deg,#ed1c66,#6a23d5,#23a6d5,#23d5ab,#f03e3e,#e8890c,#e73c7e);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite} @keyframes gradient{0%{background-position:0 50%} 50%{background-position:100% 50%} 100%{background-position:0 50%} } /*导航栏自定义按钮*/ .site-header .custom-button{margin-left:15px;background:var(--button-bg-color,#d32f2f);padding:10px 20px 9px;border-radius:50px} .site-header .custom-button a{color:var(--button-text-color,#fff);font-size:15px;display:flex;gap:5px;align-items:center;padding-bottom:1px} .site-header .custom-button a i{font-size:18px} .site-header .custom-button.url-animation a::after{background-color:var(--button-text-color,#fff)} .site-header.sticky .custom-button{padding:7px 16px 6px} @media screen and (max-width: 767px) { .header-style-1 nav, .header-style-2 .header-group-1{padding:8px 0} .header-style-1 .logo, .header-style-2 .logo{display:flex;justify-content:space-between;width:100%} .header-style-1 .logo img, .header-style-2 .header-group-1 .header-group-box .logo img{height:auto !important;max-height:34px !important} .header-style-2 .header-group-1 .header-contact-info{display:none} .header-style-2 .header-group-2{background:none} .header-style-2 .header-navigation>ul>.menu-item>a{color:#333} .header-style-2.sticky .header-group-1{display:block;background:#fff} .header-top .header_top_wrap{flex-wrap:wrap;gap:8px;padding:10px 0} .header-top .top-notice{padding:0} .header-top .top-menu{margin:0;white-space:initial;flex-wrap:wrap} .header-top .top-menu li{height:auto} .site-header .custom-button, .notice-nomb .top-notice, .top-menu-l-nomb .top-menu-l, .top-menu-r-nomb .top-menu-r, .header-top-mb-hidden{display:none} } /*-------------------------------------------------------------- 滑块 ----------------------------------------------------------------*/ /**/ .slick-dots li button,.slick-slider .slick-arrow{display:none !important} /*slider-default-dot*/ .slider-default-dot .slick-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:1} .slider-default-dot .slick-dots li{background:#fff;margin:5px;border-radius:50px;width:8px;height:8px;display:inline-block;transition:all .5s ease-in-out;cursor:pointer} .slider-default-dot .slick-dots li.slick-active{background-color:#fff;width:20px} @media screen and (max-width: 767px) { .slider-default-dot .slick-dots{bottom:10px} } /*slider-default-arrow*/ .slider-default-arrow .slick-arrow{display:block !important;position:absolute;top:50%;transform:translatey(-50%);font-size:25px;width:44px;height:44px;line-height:44px;background:#fff;color:var(--main_color,#16499c);text-align:center;border-radius:50px;transition:all .5s ease-in-out;z-index:9;cursor:pointer} .slider-default-arrow .slick-arrow:hover{background:var(--main_color,#16499c);color:#fff} .slider-default-arrow .slick-arrow.prev_class{left:50px} .slider-default-arrow .slick-arrow.next_class{left:auto;right:50px} .banner-slider-area{padding-top:var(--spacing-top-pc);padding-bottom:var(--spacing-bottom-pc)} @media screen and (max-width: 767px) { .banner-slider-area{padding-top:var(--spacing-top-mb);padding-bottom:var(--spacing-bottom-mb)} } /*幻灯片模块*/ .banner-slider-1 .slider-item:not(:first-child){display:none} .banner-slider-1 .slider-item.slick-slide{display:block} .banner-slider-1 .slider-img img{display:block;height:auto;width:100%} .banner-slider-1.slick-slider .slick-arrow{visibility:hidden;opacity:0} .banner-slider-1.slick-slider:hover .slick-arrow{visibility:visible;opacity:1;left:70px} .banner-slider-1.slick-slider:hover .slick-arrow.next_class{left:auto;right:70px} /*幻灯片模块-2*/ .banner-slider-2 .banner-slider-item:not(:first-child){display:none} .banner-slider-2 .banner-slider-item.slick-slide{display:block} .banner-slider-2 .banner-slider-item{position:relative} .banner-slider-2 .item-overlay::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--overlay-color)} .banner-slider-2 .banner-slider-item .slider-item-image img{display:block;width:100%;height:auto;height:var(--slider_height_pc,auto);object-fit:cover} .banner-slider-2 .banner-slider-item .page-width{position:absolute;left:50%;top:var(--text-vertical-pc,50%);transform:translate(-50%,calc(-1 * var(--text-vertical-pc, 50%)));z-index:9;width:80%} .banner-slider-2 .banner-slider-item .slider-item-text{text-align:var(--text-horizontal-pc,center);opacity:0} .banner-slider-2 .banner-slider-item.slick-current .slider-item-text{opacity:1;transition:opacity 1s ease-in-out} .banner-slider-2 .banner-slider-item .slider-item-title{font-size:34px;color:#fff;line-height:1.4} .banner-slider-2 .banner-slider-item .slider-item-desc{font-size:18px;color:#fff;line-height:1.4} .banner-slider-2 .banner-slider-item .slider-item-title+.slider-item-desc{margin-top:20px} .banner-slider-2 .banner-slider-item .slider-item-button{margin-top:40px} .banner-slider-2 .banner-slider-item .slider-item-button a{background:#fff;border:1px solid #fff} .banner-slider-2 .banner-slider-item .slider-item-button a:hover{background:#000} .banner-slider-2.slick-slider .slick-arrow{visibility:hidden;opacity:0} .banner-slider-2.slick-slider:hover .slick-arrow{visibility:visible;opacity:1;left:70px} .banner-slider-2.slick-slider:hover .slick-arrow.next_class{left:auto;right:70px} @media screen and (max-width: 767px) { .banner-slider-2 .banner-slider-item .page-width{width:100%;top:var(--text-vertical-mb,50%);transform:translate(-50%,calc(-1 * var(--text-vertical-mb, 50%)))} .banner-slider-2 .banner-slider-item .slider-item-text{text-align:var(--text-horizontal-mb,center)} .banner-slider-2 .banner-slider-item .slider-item-title{font-size:24px} .banner-slider-2 .banner-slider-item .slider-item-desc{font-size:15px} .banner-slider-2.slick-slider .slick-arrow{display:none!important} .banner-slider-2 .banner-slider-item .slider-item-button{margin-top:20px} .banner-slider-2 .banner-slider-item .slider-item-image img{height:var(--slider_height_mb, auto)} } /*视频幻灯片*/ .video-slider-area{padding-top:var(--spacing-top-pc);padding-bottom:var(--spacing-bottom-pc)} .banner-video-slider .video-slider-item:not(:first-child){display:none} .banner-video-slider .video-slider-item.slick-slide{display:block} .banner-video-slider .video-slider-item{position:relative} .banner-video-slider .item-overlay::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background: var(--overlay-color);} .banner-video-slider .video-slider-item .video-item{} .banner-video-slider .video-slider-item .video-item video{display:block;width:100%;height:auto;height:var(--slider_height_pc,auto);object-fit:cover} .banner-video-slider .video-slider-item .page-width{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;width:80%} .banner-video-slider .video-slider-item .slider-item-text{text-align:center} .banner-video-slider .video-slider-item .slider-item-title{font-size:34px;color:#fff;line-height:1.4} .banner-video-slider .video-slider-item .slider-item-desc{margin-top:20px;font-size:18px;color:#fff;line-height:1.4} .banner-video-slider .video-slider-item .slider-item-button{margin-top:40px} .banner-video-slider .video-slider-item .slider-item-button a{background:#fff;border:1px solid #fff} .banner-video-slider .video-slider-item .slider-item-button a:hover{background:#000} .banner-video-slider.slick-slider .slick-arrow{visibility:hidden;opacity:0} .banner-video-slider.slick-slider:hover .slick-arrow{visibility:visible;opacity:1;left:70px} .banner-video-slider.slick-slider:hover .slick-arrow.next_class{left:auto;right:70px} @media screen and (max-width: 767px) { .video-slider-area{padding-top:var(--spacing-top-mb);padding-bottom:var(--spacing-bottom-mb)} .banner-video-slider .video-slider-item .page-width{width:100%} .banner-video-slider .video-slider-item .slider-item-title{font-size:24px} .banner-video-slider .video-slider-item .slider-item-desc{font-size:15px} .banner-video-slider .video-slider-item .video-item video{height:var(--slider_height_mb,auto)} .banner-video-slider.slick-slider .slick-arrow{display:none !important} } /*视频背景模块*/ .video-banner-area{ position: relative; } .video-banner-area .video-banner-box{ max-width: 1300px; width: 100%; margin: 0 auto; padding: 0 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .video-banner-area.video-overlay::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(6, 21, 37, 0.5); } .video-banner-area .video-item-text{ text-align: center; } .video-banner-area .video-item-title{ font-size: 34px; color: #fff; line-height: 1.4; } .video-banner-area .video-item-desc{} .video-banner-area .video-item-desc p{ margin-top: 20px; font-size: 18px; color: #fff; line-height: 1.4; } .video-banner-area .video-item-button{margin-top:40px} .video-banner-area .video-item-button a{background:#fff;border:1px solid #fff} .video-banner-area .video-item-button a:hover{background:#000;} .video-banner-area .video-wrapper{ /* display: flex; */ } .video-banner-area .video-wrapper video{ width: 100%; height: auto; object-fit: cover; display: block; } .video-banner-area .video-wrapper img{display:block;width:100%;height:auto;} /*客户评价*/ .testimonial-area{padding-top:var(--spacing-top-pc);padding-bottom:var(--spacing-bottom-pc)} .testimonial-area .testimonial-modular-2{padding:80px;background:var(--testimonial-bg-color)} .testimonial-area .testimonial-img{margin-bottom:20px} .testimonial-area .testimonial-img i{font-size:30px;color:var(--testimonial-text-color,#333);opacity:.5} .testimonial-area .testimonial-info{margin:0 auto;color:var(--testimonial-text-color,#333)} .testimonial-area .testimonial-modular-1 .testimonial-info{max-width:85%} .testimonial-area .testimonial-info .testimonial-name{display:flex;align-items:center;justify-content:center;margin-bottom:50px;gap:15px;flex-wrap:wrap;text-align:left} .testimonial-area .testimonial-info p{font-size:18px;margin-bottom:50px;line-height:1.4} .testimonial-area .testimonial-info img{width:70px;height:auto;border-radius:50%} .testimonial-area .testimonial-info h4{font-weight:700;line-height:1.3;font-size:20px} .testimonial-area .testimonial-info span{opacity:.8;margin-top:6px;display:block} .testimonial-area .testimonial-slider-1.slider-default-dot .slick-dots{bottom:inherit;width:100%;text-align:center} .testimonial-area .testimonial-slider-1.slider-default-dot .slick-dots li{background-color:var(--testimonial-text-color,#333);opacity:.5} .testimonial-area .testimonial-slider-1.slider-default-dot .slick-dots li.slick-active{background-color:var(--testimonial-text-color,#333);opacity:1} @media screen and (max-width: 767px) { .testimonial-area{padding-top:var(--spacing-top-mb);padding-bottom:var(--spacing-bottom-mb)} .testimonial-area .testimonial-modular-2{padding:20px} .testimonial-area .testimonial-modular-1 .testimonial-info{max-width:100%} .testimonial-area .slider-default-dot .slick-dots, .testimonial-area .testimonial-slider-1.slider-default-dot .slick-dots{bottom:0} .testimonial-area .testimonial-info .testimonial-name{flex-direction:column;text-align:center} } /*客户评价*/ .testimonial-slider{display:flex;flex-wrap:wrap;margin:0 -10px} .testimonial-slider .testimonial-item:not(:first-child){display:none} .testimonial-slider .testimonial-item.slick-slide{display:block} .testimonial-slider .testimonial-item{position:relative;background:#fff;border-radius:8px;padding:15px;border:1px solid rgba(6,50,50,.1);width:calc(25% - 20px);margin:0 10px 50px} .testimonial-slider .testimonial-author{display:flex;align-items:center;gap:10px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgb(0 0 0 / 8%)} .testimonial-slider .testimonial-author-img{width:70px} .testimonial-slider .testimonial-author-img img{border-radius:50%;display:block;width:100%} .testimonial-slider .testimonial-author-info h4{font-size:19px;color:#333} .testimonial-slider .testimonial-author-info p{color:var(--main_color,#16499c);font-weight:500;line-height:1.4;font-size:14px;margin-top:4px} .testimonial-slider .testimonial-quote{font-size:14px;color:#333;line-height:1.4} .testimonial-slider .testimonial-quote p{margin-bottom:15px} .testimonial-slider .testimonial-quote p:last-child{margin-bottom:0} .testimonial-slider .testimonial-quote-icon{position:absolute;right:30px;bottom:20px;opacity:.1} .testimonial-slider .testimonial-quote-icon i{font-size:40px} .testimonial-slider .testimonial-rate{color:var(--main_color,#16499c);margin-top:15px} .testimonial-slider.slider-default-dot .slick-dots{bottom:inherit;width:100%;text-align:center} .testimonial-slider.slider-default-dot .slick-dots li{background-color:var(--modular-title-color,#333);opacity:.5} .testimonial-slider.slider-default-dot .slick-dots li.slick-active{background-color:var(--modular-title-color,#333);opacity:1} @media screen and (max-width:767px){ .testimonial-slider .testimonial-item{margin-bottom:20px} .testimonial-slider .testimonial-author{justify-content:center;flex-direction:column;text-align:center} .testimonial-slider .testimonial-author-img{width:100px} .testimonial-slider .testimonial-quote p{font-size:15px;line-height:1.5;text-align:center} } /*图集*/ .gallery-area{padding-top:var(--spacing-top-pc);padding-bottom:var(--spacing-bottom-pc)} @media screen and (max-width: 767px) { .gallery-area{padding-top:var(--spacing-top-mb);padding-bottom:var(--spacing-bottom-mb)} } .popup-gallery{display:flex;flex-wrap:wrap;margin:-10px} .popup-gallery .gallery-item{position:relative;width:calc(25% - 20px);text-align:center;margin:10px} .popup-gallery .gallery-img{position:relative;height:100%;border-radius:var(--custom-gallery-radius);overflow:hidden;max-height:500px} .popup-gallery .gallery-img:hover::before{transform:translateY(110%)} .popup-gallery .gallery-img::after{content:"";position:absolute;inset:0;background:#000;opacity:.3;transition:all 0.3s ease-in-out;transform:translateY(-110%)} .popup-gallery .gallery-img:hover::after{transform:none} .popup-gallery .gallery-img img{width:100%;border-radius:var(--custom-gallery-radius);height:100%;object-fit:cover} .popup-gallery .gallery-desc{position:absolute;top:50%;left:50%;width: 80%;line-height:1.4;transition:all 100ms 50ms cubic-bezier(0.6,-0.28,0.735,0.045);transform:translate(-50%,-50%) scale(0);z-index:1} .popup-gallery .gallery-item:hover .gallery-desc{transform:translate(-50%,-50%) scale(1);transition:all 200ms 100ms cubic-bezier(0.175,0.885,0.32,1.275);transition-delay:0.3s} .popup-gallery .gallery-desc h3{font-size:24px;color:#fff;line-height:1.4} .popup-gallery .gallery-desc p{font-size:15px;color:#fff;line-height:1.4;margin-top:10px} .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n-5), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+1), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+6), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+7), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+12), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+13){width:calc(50% - 20px)} .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n-7), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+1), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+8), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+9), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+16), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+17){width:calc(40% - 20px)} .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n-9), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+1), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+10), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+11), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+20), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+21), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+30), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+31){width:calc(33.33% - 20px)} .popup-gallery.gallery-col-2 .gallery-item{width: calc(50% - 20px);} .popup-gallery.gallery-col-3 .gallery-item{width: calc(33.333333% - 20px);} .popup-gallery.gallery-col-4 .gallery-item{width: calc(25% - 20px);} .popup-gallery.gallery-col-5 .gallery-item{width: calc(20% - 20px);} .popup-gallery.gallery-col-6 .gallery-item{width: calc(16.666667% - 20px)} @media screen and (max-width:767px){ .popup-gallery{margin:-5px} .popup-gallery .gallery-item{margin:5px} .popup-gallery.gallery-col-4 .gallery-item{margin:5px;width:calc(25% - 10px)} .popup-gallery.gallery-col-2 .gallery-item{width: calc(50% - 10px);} .popup-gallery.gallery-col-3 .gallery-item{width: calc(33.333333% - 10px);} .popup-gallery.gallery-col-4 .gallery-item{width: calc(25% - 10px);} .popup-gallery.gallery-col-5 .gallery-item{width: calc(20% - 10px);} .popup-gallery.gallery-col-6 .gallery-item{width: calc(16.666667% - 10px)} .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n-5), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+1), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+6), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+7), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+12), .popup-gallery.gallery-col-4.custom-gallery-big .gallery-item:nth-child(6n+13){width:calc(50% - 10px)} .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n-7), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+1), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+8), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+9), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+16), .popup-gallery.gallery-col-5.custom-gallery-big .gallery-item:nth-child(8n+17){width:calc(40% - 10px)} .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n-9), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+1), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+10), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+11), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+20), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+21), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+30), .popup-gallery.gallery-col-6.custom-gallery-big .gallery-item:nth-child(10n+31){width:calc(33.33% - 10px)} } /*博客列表*/ .blog-area{position:relative;padding-top:var(--spacing-top-pc);padding-bottom:var(--spacing-bottom-pc)} .blog-list{display:flex;flex-wrap:wrap;margin:-10px} .blog-list .blog-item{transition:all .5s ease-in-out;width:calc(25% - 20px);margin:10px;overflow:hidden} .blog-list .blog-item:hover .title-animation a{background-size:100% 1.5px} .blog-list .blog-item.item-border{background:#ffffff;box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);border-radius:5px;} .blog-list .blog-item.item-border .blog-item-img{border-radius:0} .blog-list .blog-item .product-card{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover} .blog-list .blog-item-img{overflow:hidden;position:relative;border-radius:5px} .blog-list .blog-item-img a{position:relative;width:100%;padding-bottom:var(--post_img_height,100%);display:block} .blog-list .blog-item-img img{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;overflow:hidden;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .blog-list .blog-item:hover .blog-item-img img{transform:scale(1.1)} .blog-list .blog-date{position:absolute;right:0;bottom:0;background:var(--main_color,#16499c);color:#fff;font-weight:500;border-radius:30px 0 0 0;padding:6px 12px 4px 20px;font-size:12px} .blog-list .blog-date i{margin-right:4px} .blog-list .blog-item-info{padding:12px 0} .blog-list .blog-item.item-border .blog-item-info{padding:12px} .blog-list .blog-item .item-title{font-size:17px;text-transform:capitalize;font-weight:400;line-height:1.4;text-align:var(--post_title_align)} .blog-list .blog-item .item-desc{margin-top:12px;border-top:1px solid rgb(0 0 0 / 8%);padding-top:12px} .blog-list .blog-item-info p{font-size:14px;line-height:1.4} .blog-list .blog-item-info .theme-btn{margin-top:10px} .blog-list .blog-item-info .item-title a{color:#1f2125} .blog-list .blog-item-info .item-title a:hover{color:var(--main_color,#16499c)} .blog-area .blog-more{display:block;margin:40px auto;text-align:center} .blog-area .blog-more .btn-primary{color:var(--modular-title-color,#000);border:1px solid var(--modular-title-color,#000)} .blog-area .blog-more .btn-primary:hover{background-color:transparent;border-color:transparent;color:#fff} .blog-list.list-col-2 .blog-item{width:calc((100% - 40px) / 2)} .blog-list.list-col-3 .blog-item{width:calc((100% - 60px) / 3)} .blog-list.list-col-4 .blog-item{width:calc((100% - 80px) / 4)} .blog-list.list-col-5 .blog-item{width:calc((100% - 100px) / 5)} .blog-list.list-col-6 .blog-item{width:calc((100% - 120px) / 6)} @media screen and (max-width: 767px) { .blog-area{padding-top:var(--spacing-top-mb);padding-bottom:var(--spacing-bottom-mb)} .blog-list{margin:-5px} .blog-list .blog-item{width:calc(50% - 10px) !important;margin:5px} .blog-list .blog-item:nth-child(odd):last-child{display:none} .blog-list .blog-item .item-title{margin-bottom:0;font-size:15px} .blog-list .blog-item .item-desc{display:none} } /*文章轮播*/ .feature__slider__active.slick-slider .slick-arrow{visibility:hidden;opacity:0} .case:hover .feature__slider__active.slick-slider .slick-arrow{visibility:visible;opacity:1;left:-50px;background:#fff;color:var(--main_color,#16499c);border:1px solid var(--main_color,#16499c)} .case:hover .feature__slider__active.slick-slider .slick-arrow:hover{background:var(--main_color,#16499c);color:#fff} .case:hover .feature__slider__active.slick-slider .slick-arrow.next_class{left:auto;right:-50px} @media screen and (max-width: 767px) { .feature__slider__active.slick-slider .slick-arrow{display:none !important} } /**/ @media only screen and (max-width:767px){ } .module-full-15 .wp-block-video{margin-bottom:0;border-radius:5px;overflow:hidden} .module-full-16 img{max-width:100%;height:auto;margin:0 auto;display:block;border-radius:5px;overflow:hidden} /* 数字模块 已弃用 */ .count-up-sec{background-repeat:no-repeat;background-size:cover;position:relative;background-attachment:fixed} .count-up-sec .row{display:flex;justify-content:center;flex-wrap:wrap} .count-up-sec .count-up-sec-overlay{background-color:var(--modular-background-color);height:100%;left:0;position:absolute;right:0;top:0;width:100%} .count-up-sec .col-md-3{width:25%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .count-up-sec .counting_sl{border-radius:5px;text-align:center;background:rgba(0,0,0,.1) none repeat scroll 0 0;padding:24px 0;width:100%;position:relative;z-index:9} .count-up-sec .counting_sl h2{text-transform:uppercase;margin-bottom:0;color:#fff;font-size:36px;font-weight:700} .count-up-sec .counting_sl .border{background:var(--main_color,#16499c) none repeat scroll 0 0;display:inline-block;height:1px;margin:6px 0;width:50px} .count-up-sec .counting_sl h4{color:#fff;font-size:18px;margin-bottom:0;text-transform:capitalize;font-weight:400} .count-up-sec .page-width{display:table;content:""} .count-up-sec .row:before{-moz-box-sizing:border-box} .count-up-sec .col-md-3 .counting_sl:before{position:absolute;top:0;left:0;width:100%;height:0%;background:rgba(0,0,0,.2) none repeat scroll 0 0;content:"";z-index:-1;-webkit-transition:all .7s ease;transition:all .7s ease;opacity:0} .count-up-sec .col-md-3 .counting_sl:hover:before{height:100%;opacity:1} @media only screen and (max-width:767px){ .count-up-sec .counting_sl h2 {font-size:28px} .count-up-sec .counting_sl h4 {font-size:12px} .count-up-sec {padding: 30px 0} .count-up-sec .col-md-3:nth-child(3),.count-up-sec .col-md-3:nth-child(4){margin-bottom:0} .count-up-sec {background-attachment:inherit} .count-up-sec .col-md-3 {width:50%;margin-bottom:15px} .count-up-sec .col-md-3:first-child,.count-up-sec .col-md-3:nth-child(3){padding-right:7px} .count-up-sec .col-md-3:nth-child(2),.count-up-sec .col-md-3:nth-child(4){padding-left:7px} } /* 新版本数字模块 */ .modular-number{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:-15px} .modular-number .number-item{width:calc(25% - 30px);margin:15px;background-color:var(--item-bg-color,#fff);border-radius:5px;color:var(--item-text-color,#333);text-align:center;padding:30px 15px;position:relative;z-index:1;box-shadow:0 15px 30px rgba(0,0,0,.1)} .modular-number .number-item .number-box{font-size:36px;font-weight:700;text-transform:uppercase;display:flex;justify-content:center;align-items:baseline;gap:10px} .modular-number .number-item .number-box .number{font-weight:700;line-height:1} .modular-number .number-item .number-box .number+span{font-size:18px;font-weight:500} .modular-number .number-item .number-desc{margin-top:15px} .modular-number .number-item .number-desc p{font-size:16px;text-transform:capitalize;font-weight:400} .modular-number.number-col-2 .number-item{width:calc(50% - 30px)} .modular-number.number-col-3 .number-item{width:calc(33.33333% - 30px)} .modular-number.number-col-4 .number-item{width:calc(25% - 30px)} .modular-number.number-col-5 .number-item{width:calc(20% - 30px)} .modular-number.number-col-6 .number-item{width:calc(16.66666% - 30px)} @media only screen and (max-width:767px){ .modular-number{margin:0} .modular-number .number-item{width:calc(50% - 20px) !important;margin:10px} } /* 新闻列表+缩略图 */ .news-no-sidebar .entry-list{margin-top:50px} .news-img-no-sidebar,.news-no-sidebar{margin:0 auto 40px;width:var(--post_list_width,100%)} .news-img li{overflow:hidden;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;list-style:none} .news-img .media-left{padding-right:20px} .news-img .media-body,.news-img .media-left{display:table-cell;vertical-align:top} .news-img .media-lg .media-object{border-radius:5px;overflow:hidden;width:240px;position:relative;padding-bottom:var(--post_img_height,100%);display:block} .news-img li .media-object img{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .news-img li .media-object:hover img{transform:scale(1.13);-webkit-transform:scale(1.13);-moz-transform:scale(1.13);-o-transform:scale(1.13);-ms-transform:scale(1.13)} .news-img li h4{margin-bottom:15px;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4} .news-img li h4 a{padding:3px 0} .news-img li h4 a:hover{background-size:100% 1.5px} .news-img li .des{font-size:14px;line-height:1.6} .news-img li p.info{margin-bottom:15px} .news-img li .media-object:hover .product-card img{transform:none} .news-img .product-card{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover} @media only screen and (max-width:767px){ .news-no-sidebar .entry-list{margin-top:30px} .news-img-no-sidebar,.news-no-sidebar{width:100%} .news-img li .des{display:none} .news-img .media-lg .media-object{width:100%} .news-img .media-left{padding-right:10px;margin-bottom:0;width:38%;float:left} .news-img li{padding-bottom:10px;margin-bottom:10px} .news-img li p.info{margin-bottom:0} .news-img .media-body{padding-right:0} .news-img li h4{font-size:16px;margin-bottom:10px} .news-img li h4 a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} } /* 文章标签 */ .entry-tags{margin:20px 0;display:inline-block;font-size:14px} .entry-tags a{display:inline-block;font-size:14px} /*上一篇、下一篇*/ .entry-page{width:100%;margin-top:20px;display:flex;gap:20px} .entry-page-next,.entry-page-prev{position:relative;width:50%;padding:60px 15px 15px;color:#414141;border-radius:5px;overflow:hidden;border:1px solid #e6e6e6} .entry-page-next:before,.entry-page-prev:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(255 255 255);content:""} .entry-page-next:hover:before,.entry-page-prev:hover:before{background:rgba(241,243,245,.5)} .entry-page-next a,.entry-page-prev a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;color:#3a3a3a;font-size:15px} .entry-page-next a span,.entry-page-prev a span{padding:15px 15px 0;line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2} .entry-page-next .entry-page-info,.entry-page-prev .entry-page-info{position:relative;font-size:14px;line-height:16px;overflow:hidden} @media (max-width:767px){ .entry-page{flex-wrap:wrap} .entry-page-next, .entry-page-prev{width:100%;margin-bottom:1px;float:none} .entry-page-next .entry-page-info, .entry-page-prev .entry-page-info{display:flex;justify-content:space-between} } /*新增特点模块*/ .categories-area{background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1} .categories-area .single-item{border-radius:5px;overflow:hidden;margin-bottom:30px;position:relative;padding-left:90px;background:#fff;z-index:1} .categories-area .single-item:before{position:absolute;top:0;left:0;width:100%;height:0%;background:#222;content:"";z-index:-1;-webkit-transition:all .7s ease;transition:all .7s ease;opacity:0} .categories-area .single-item:hover:before{height:100%;opacity:1} .categories-area .single-item .icon-holder{position:absolute;top:0;left:0;width:90px;height:100%;background:var(--feature_color,#03a9f4)} .categories-area .single-item .icon-holder .icon-box{display:table;height:100%;width:100%} .categories-area .single-item .icon-holder .icon-box .icon{display:table-cell;vertical-align:middle;text-align: center} .categories-area .single-item .icon-holder .icon-box .icon img{width:60px;height:60px} .categories-area .single-item .icon-holder span::before{color:#fff;display:block;font-size:30px;text-align:center} .categories-area .single-item .text-holder{padding:15px} .categories-area .single-item .text-holder h5{color:#3d3d3d;font-size:16px;font-weight:700;text-transform:uppercase;margin:0 0 8px;transition:all .5s ease} .categories-area .single-item .text-holder p{line-height:1.4;transition:all .5s ease} .categories-area .single-item:hover .text-holder h5{color:#fff} .categories-area .single-item:hover .text-holder p{color:#fff} .categories-area .col-md-4{width:33.33333333%;position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left} .categories-area .row{margin-right:-15px;margin-left:-15px} .categories-area .page-width,.categories-area .row:before{display:table;content:" "} .categories-area .module-full-screen-title>.module-title-content>i{background-color:#fefeff26} @media only screen and (max-width:767px){ .categories-area .row{margin:0} .categories-area .col-md-4{width:100%;padding:0} .categories-area .single-item{margin-bottom:15px} } /*页脚样式-2*/ .footer-area{background:#222 none repeat scroll 0 0;padding-top:60px;overflow:hidden;padding-bottom:60px} .single-footer-widget .footer-logo{padding:0 0 25px} .single-footer-widget .repairplus-info{line-height:1.5;color:#c1c1c1} .single-footer-widget .repairplus-info p{margin:0 0 32px;color:#c1c1c1;font-size:14px;font-weight:400;line-height:26px} .single-footer-widget .repairplus-info p{margin-bottom:15px} .footer-area .footer-widget{padding-left:30px;padding-top:40px;position:relative;z-index:1;padding-bottom:30px;display:flow-root} .footer-area .footer-widget::before{background:#1d1c1c none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:1000%;z-index:-1;-moz-box-shadow:1px 5px 8px #191717;-webkit-box-shadow:1px 5px 8px #191717;box-shadow:1px 5px 8px #191717} .single-footer-widget .title{padding-bottom:25px;margin-top:-4px} .single-footer-widget .title h3{color:#fff;font-size:20px;font-weight:700;text-transform:uppercase} .single-footer-widget .services-list li{margin-bottom:10px;padding-left:15px;position:relative} .single-footer-widget .services-list li:before{content:"\f0da";font-style:normal;font-weight:900;text-decoration:inherit;color:#c1c1c1;position:absolute;left:0;font-family:"Font Awesome 5 Free"} .single-footer-widget .services-list li a{color:#c1c1c1;font-size:14px;font-weight:400;transition:all .7s ease} .single-footer-widget.subscribe-form-widget{margin-left:30px;padding-right:10px} .single-footer-widget.contact-info-widget{margin-left:-10px} .single-footer-widget .footer-contact-info li{position:relative;padding-left:25px;margin-bottom:12px} .single-footer-widget .footer-contact-info li:last-child{margin-bottom:0} .single-footer-widget .footer-contact-info li .icon-holder{line-height:24px;position:absolute;top:0;left:0} .single-footer-widget .footer-contact-info li .icon-holder span:before{color:#c1c1c1} .single-footer-widget .footer-contact-info li .text-holder h5{color:#c1c1c1;font-size:14px;font-weight:400;line-height:24px} .single-footer-widget .footer-contact-info li .text-holder h5 span{font-weight:500} .footer-bottom .copyright-text p{color:#c1c1c1;font-size:14px;font-weight:400} .footer-bottom .copyright-text p a{color:#43c3ea;font-weight:700;transition:all .5s ease} .footer-bottom .copyright-text p a:hover{color:#fff} .footer-bottom .payment-method ul{margin-left:-5px;margin-right:-5px} .footer-bottom .payment-method ul li{display:inline-block;float:left;margin:0 5px} .footer-bottom .payment-method ul li a i{font-size:32px;transition:all .5s ease;color:#c1c1c1} .footer-bottom .payment-method ul li a:hover i{color:#43c3ea} .footer-area .col-lg-4{width:33.33333333%;float:left} .footer-area .col-lg-3{width:25%;float:left} .footer-area .col-lg-8{width:66.66666667%;float:left} .footer-area .page-width:before,.footer-area .row:before{display:table;content:" "} .footer-area .col-lg-5{width:41.66666667%;float:left} .footer-area .subscribe-form img{width:125px;border-radius:5px} .footer-area *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .footer-2+.bottom{background:#222} .footer-2+.bottom .page-width{border-top:1px solid #bbbbbc2e} .footer-3.bottom .page-width{border-top:none!important} @media only screen and (max-width:767px){ .footer-area.footer-2{display:none} } /*首页视频模块*/ .video-section{position:relative;padding-top:var(--spacing-top-pc,130px);padding-bottom:var(--spacing-bottom-pc,130px);background-repeat:no-repeat;background-position:center;background-size:cover} .video-section:before{position:absolute;left:0;top:0;height:100%;width:100%;background-color:var(--video-background-color);content:'';} .video-section .content-column{position:relative} .video-section .content-column .inner-column{position:relative} .video-section .content-box{position:relative} .video-section .sec-title{margin-bottom:30px;max-width:60%} .video-section .video-link{position:relative;display:inline-block;text-align:left} .video-section .video-link a{display:inline-block;font-size:15px;line-height:55px;color:#fff;padding:15px 0;padding-left:105px;text-transform:uppercase} .video-section .video-link .icon{position:absolute;left:0;top:0;height:80px;width:80px;line-height:80px;text-align:center;border:2px solid #eee;font-size:26px;padding-left:7px;border-radius:50%;background-color:rgba(255,255,255,.3);color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .video-section .image-column{position:relative} .video-section .image-column .image-box{position:relative;display:block;text-align:center;padding-top:35px} .video-section .image-column .image-box .image{position:relative;margin-bottom:0} .video-section .image-column .image-box .image img{max-width:100%;display:inline-block} .sec-title.light .title,.sec-title.light h2{color:#fff} .sec-title.light h2{position:relative} .sec-title .title{position:relative;display:block;font-size:15px;line-height:24px;font-weight:400;padding-left:40px;text-transform:uppercase;margin-bottom:15px} .sec-title .title:before{position:absolute;left:0;top:11px;height:2px;width:30px;background-color:#ed7902;content:""} @media only screen and (max-width:767px){ .video-section{padding-top:var(--spacing-top-mb,50px);padding-bottom:var(--spacing-bottom-mb,50px);padding-left:15px;padding-right:15px} .video-section .sec-title{max-width:100%} } /*手机端搜索*/ #mobile-search-form{padding:0 20px 35px !important} #mobile-search-form [type=text]{width:70%;display:inline-block;color:#333} #mobile-search-form [type=submit]{width:28%;display:inline-block;border-radius:0;font-size:15px;font-weight:400;line-height:38px;padding:0} /*Banner 标题+描述*/ .page-banner-area{position:relative} .page-banner-area .banner-img{display:block} .page-banner-area .banner-img img{display:block;width:100%;height:var(--banner-height-pc,auto);object-fit:cover} .page-banner-area .banner-img video{display:block;width:100%;height:var(--banner-height-pc,auto);object-fit:cover} .page-banner-area .dark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--banner-overlay-color)} .page-banner-area .banner-text{position:absolute;top:50%;z-index:1;line-height:1.5;color:var(--banner-text-color,#fff);transform:translateY(-50%);max-width:1270px;width:calc(100% - 20px);margin:0 auto} .page-banner-area .banner-text.banner-text-center{text-align:center} .page-banner-area .banner-text span{background:var(--main_color,#16499c);border-radius:50px;margin-bottom:10px;display:inline-block;font-size:12px;padding:4px 8px;line-height:1} .page-banner-area .banner-text .banner-title{font-size:36px;font-weight:500;color:var(--banner-text-color,#fff);line-height:1.4} .page-banner-area .banner-text .banner-desc{margin-top:10px;font-size:15px;line-height:1.5;color:var(--banner-text-color,#fff);opacity:.8} .page-banner-area .banner-text .banner-desc p:not(:first-child){margin-top:10px} .page-banner-area .banner-text .banner-link{margin-top:20px;display:inline-block} .page-banner-area .banner-text .banner-link a{font-size:15px;color:var(--banner-text-color,#fff);padding-bottom:4px} .page-banner-area .banner-text .banner-link:hover a{background-size:100% 1.5px} .page-banner-area .banner-text .banner-link a i{margin-left:10px} .page-banner-area .page-banner-box{position:relative;border-radius:5px;overflow:hidden;margin:20px 0} .page-banner-area .page-banner-box .banner-text{max-width:1240px;padding:0 30px} @media only screen and (max-width:767px){ .page-banner-area .page-banner-box{margin:15px 0} .page-banner-area .page-banner-box .banner-text{max-width:calc(100% - 20px);padding:0 15px} .page-banner-area .banner-text .banner-title{font-size:28px} .page-banner-area .banner-img img, .page-banner-area .banner-img video{height:var(--banner-height-mb,auto)} } /*AJAX留言*/ #form-messages{font-size:16px;line-height:12px;display:inline-block;margin-left:20px} #form-messages.error{color:#f44336} #form-messages.success{color:#4caf50} @media only screen and (max-width:767px){ #form-messages{margin:20px 0 0 0;line-height:22px} } /*其他修复*/ .wp-block-image {margin:0;margin-bottom:25px} strong {font-weight:700} .module-full-1 .module-inner{padding-bottom:0} .dahuzi-menu .children li a{padding:0} .wp-block-image figcaption{text-align:center} .wp-block-gallery.is-cropped .blocks-gallery-item img {height:100% !important} .qhd-content ul.blocks-gallery-grid{padding-left:0 !important;margin-bottom:1.4em !important} @media only screen and (max-width:767px){ .bottom .page-width {border-top:none} .index_modular_7 .col-md-6{padding:0} } /*文章页广告位*/ .single-top{margin-bottom:25px} .single-bottom{margin-top:25px;margin-bottom:25px} /*优化手机端表格显示效果*/ @media only screen and (max-width:767px){ #wzzt{overflow:initial} .qhd-content table{white-space:nowrap;overflow-x:auto;overflow: scroll;} } /*文章页面美化*/ .content-box{background-color:#fff;padding:20px;border-radius:0 0 5px 5px} @media only screen and (max-width:767px){ .content-box{padding:10px} .related{padding:20px 10px} } /*分类页面美化*/ @media only screen and (max-width:767px){ .archive .news-img-no-sidebar{margin-top:0;margin-bottom:0} .page .content.float-right,.tag .content.float-right,.search .content.float-right{margin:0;padding:0} } /*英文版优化*/ html[lang="en-US"] #form-messages{font-size: 20px} /*按钮*/ .btn-primary{cursor:pointer;color:#000;background:0 0;column-gap:10px;display:inline-flex;align-items:center;position:relative;font-size:16px;overflow:hidden;border:1px solid #000;line-height:30px;padding:6px 30px;border-radius:30px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;z-index:1} .btn-primary::after{content:"";position:absolute;top:0;left:0;background-color:#000;color:#fff;z-index:-1;height:140px;width:230px;transform:translate(-167px,-110px) rotate(-34deg);transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .btn-primary:hover{background-color:transparent;border-color:transparent;color:#fff} .btn-primary:hover::after{transform:translate(0,-60px) rotate(-34deg)} .btn-primary i{font-size:20px;transition:transform .3s ease;-moz-transition:transform .3s ease;-webkit-transition:transform .3s ease;-ms-transition:transform .3s ease;-o-transition:transform .3s ease} .btn-primary:hover i{transform:rotateZ(-45deg)} /*链接动画*/ .url-animation a{position:relative;line-height:1.4;display:inline-block} .url-animation a:hover::after{width:100%} .url-animation a::after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0%;background-color:#000;transition:all .5s} /*标题动画*/ .title-animation a{padding:1% 0px;background-image:linear-gradient(to right,currentColor 0%,currentColor 100%);background-position:0px 95%;background-size:0px 1.5px;background-repeat:no-repeat;transition:background-size 0.25s cubic-bezier(0.785,0.135,0.15,0.86) 0s} /*显示行数*/ .display-rows-2 p, .display-rows-2-a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .display-rows-3 p, .display-rows-3-a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align: center} .display-rows-4 p, .display-rows-4-a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} /*产品页面*/ .page-right .product-header{margin:0 0 30px} .product-header{display:flex;gap:20px;width:var(--page_width,100%);margin:20px auto 0} .product-header .product-gallery-box{width:35%} .product-header .product-text{width:65%} .product-header .product-excerpt{} .product-header .product-excerpt>*{margin-bottom:15px} .product-header .product-excerpt>*:last-child{margin-bottom:0} .product-header .product-excerpt p{color:#333;font-size:15px;line-height:1.5} .product-header .product-excerpt ol, .product-header .product-excerpt ul{background:#fafafa;border-radius:5px} .product-header .product-excerpt li{padding:0 16px;border-top:1px solid #f1f1f1;color:#333;font-size:14px;line-height:42px} .product-header .product-excerpt li:first-child{border-top:none} .product-text .product-meta{margin-bottom:15px} .product-text .product-meta .post-category{display:flex;gap:15px} .product-text .product-meta .post-category a{display:inline-block;padding:5px 10px;color:var(--main_color,#16499c);font-size:13px;border-radius:5px;border:1px solid #16499c} .product-text .product-meta .post-category a:hover{background:var(--main_color,#16499c);color:#fff} .product-text h1{font-size:26px;color:#333;line-height:1.4;font-weight:500;border-bottom:1px dashed #ddd;padding-bottom:15px;margin-bottom:15px} .product-button{margin-top:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap} .product-button a{font-size:15px;text-align:center;border:1px solid var(--button-bg,#333);border-radius:4px;padding:8px 12px;display:flex;align-items:center;gap:5px;background-color:var(--button-bg,#fff);color:var(--button-text,#333)} .product-button a:hover{background:#fff;border-color:var(--button-hover-text,var(--main_color));color:var(--button-hover-text,var(--main_color))} .product-button img{width:20px} .product-button .has-hover .button-hover,.product-button .has-hover:hover .button-default{display:none} .product-button .has-hover:hover .button-hover{display:block} @media screen and (max-width:767px){ .product-button{gap:10px} .product-button a{padding:8px 16px} } /*产品图集*/ .product-gallery-box .featurearea__big__img{border:1px solid #f2f2f2;border-radius:5px;overflow:hidden} .product-gallery-box .featurearea__single__big__img a,.product-gallery-box .featurearea__single__thumb__img div{position:relative;width:100%;padding-bottom:var(--produc_gallery_height,100%);display:block} .product-gallery-box .featurearea__single__big__img img,.product-gallery-box .featurearea__single__thumb__img img{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover} .featurearea__details__img .featurearea__single__big__img:not(:first-child),.featurearea__thumb__img .featurearea__single__thumb__img:not(:first-child){display:none} .featurearea__details__img .featurearea__single__big__img.slick-slide,.featurearea__thumb__img .featurearea__single__thumb__img.slick-slide{display:block} .featurearea__details__img{position:sticky;margin-bottom:0;top:90px} .featurearea__img img{width:100%} .featurearea__thumb__img{margin-top:10px;margin-left:-5px;margin-right:-5px;display:flex;flex-wrap:wrap} .featurearea__thumb__img.slider__default__arrow .slick-arrow{font-size:24px;left:5px;opacity:1;top:38%;transform:none;display:none!important;align-items:center;justify-content:center;margin:0} .featurearea__details__img:hover .featurearea__thumb__img.slider__default__arrow .slick-arrow{display:flex!important} .featurearea__details__img .slick-slider{position:initial} .featurearea__thumb__img.slider__default__arrow .slick-arrow.next_class{right:5px;left:auto} .featurearea__thumb__img.transform-none .slick-track{transform:none!important} .featurearea__single__big__img img{width:100%;height:auto;border-radius:5px;cursor:zoom-in} .featurearea__single__thumb__img{padding:0 5px;width:20%} .featurearea__single__thumb__img img{width:100%;height:auto} .shop-single-video{background:#fff;position:absolute;width:36px;height:36px;line-height:30px;right:10px;top:10px;padding-left:2px;border-radius:50px;color:#333;text-align:center;font-size:20px;z-index:1;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);display:flex;align-items:center;justify-content:center} .shop-single-video:hover{background:var(--main_color,#16499c);color:#fff} .shop-single-video i{font-size:14px} .featurearea__single__thumb__img img{cursor:pointer;border:1px solid #eee;border-radius:5px;padding:2px} .featurearea__single__thumb__img.slick-current img{background:#000} @media screen and (max-width:767px){ .product-header{flex-wrap:wrap;gap:15px} .product-header .product-gallery-box, .product-header .product-text{width:100%} .product-text h1{font-size:24px} } /*产品页修修补补*/ header+.product-list-area, .page-banner-area+.product-list-area{margin-top:30px} @media screen and (max-width:767px){ header+.product-list-area, .page-banner-area+.product-list-area{margin-top:15px} } /*常见问题*/ .faq-modular-area .faq-box{display:flex;gap:20px;justify-content:space-between;align-items:flex-start} .faq-modular-area .faq-box .faq-img{width:50%;position:sticky;top:90px} .faq-modular-area .faq-box .faq-img .play-view{display:block;width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .faq-modular-area .faq-box .faq-img .video-play-icon i{position:absolute;left:50%;top:50%;height:80px;width:80px;line-height:80px;text-align:center;border:2px solid #eee;font-size:26px;padding-left:7px;border-radius:50%;background-color:rgba(255,255,255);color:#333;transform:translate(-50%,-50%)} .faq-modular-area .faq-box .faq-img .play-view:hover .video-play-icon i{background-color:var(--main_color,#16499c);color:#fff} .faq-modular-area .faq-box .faq-img img{display:block;width:100%;height:auto;border-radius:5px} .faq-modular-area .fas-list.modular-style_2{width:100%;display:flex;gap:20px;flex-wrap:wrap} .faq-modular-area .fas-list.modular-style_2 .accordion-box{flex:0 0 calc(50% - 20px);box-sizing:border-box} .faq-modular-area .faq-img+.fas-list{width:50%} .faq-modular-area .faq-img+.fas-list .faq-more-button{text-align:left} .fas-list{width:80%;margin:0 auto} .fas-list .accordion-box .accordion{border:1px solid rgb(0 0 0 / 8%);margin-bottom:15px;background:#fff;border-radius:8px} .fas-list .accordion-box .accordion:last-child{margin-bottom:0} .fas-list .accordion-box .accordion .acc-content>*{margin-bottom:16px} .fas-list .accordion-box .accordion .acc-content>:last-child{margin-bottom:0} .fas-list .accordion-box .accordion .acc-content li,.fas-list .accordion-box .accordion .acc-content p{font-size:15px;color:#555;line-height:1.4} .fas-list .accordion-box .accordion .acc-content ol{padding-left:2rem} .fas-list .accordion-box .accordion .acc-content li{margin-bottom:10px;list-style:auto} .fas-list .accordion-box .accordion .acc-content li:last-child{margin-bottom:0} .fas-list .accordion-box .accordion .acc-content a{color:var(--main_color,#16499c)} .fas-list .accordion-box .accordion .acc-content a:hover{text-decoration:underline} .fas-list .accordion-box .accordion .acc-content a:has(img){display:block;border:none} .fas-list .accordion-box .accordion .acc-btn{padding:15px;cursor:pointer;position:relative} .fas-list .accordion-box .accordion .acc-btn h3{width:100%;font-weight:500;font-size:18px;color:#333;text-transform:capitalize;display:flex;justify-content:space-between;align-items:center;gap:15px;line-height:1.4} .fas-list .accordion-box .accordion .acc-btn.active h3::after{transform:none} .fas-list .accordion-box .accordion .acc-btn h3::after{flex-shrink:0;width:18px;height:18px;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:18px;transition:transform .2s ease-in-out;display:block;transform:rotate(-90deg)} .fas-list .accordion-box .accordion .acc-content{display:none;border-top:1px solid rgb(0 0 0 / 8%);padding:15px} .fas-list .accordion-box .accordion .acc-content.active{display:block} .fas-list .faq-more-button{text-align:center;margin:15px auto 0} .archive .fas-list{width:100%} .faq-no-sidebar{margin:0 auto;width:var(--post_list_width,100%)} @media screen and (max-width: 767px) { .faq-modular-area .faq-box{flex-wrap:wrap} .faq-modular-area .faq-box .faq-img,.faq-modular-area .faq-img+.fas-list{width:100%;position:relative;top:0} .fas-list,.faq-no-sidebar{width:100%} .faq-modular-area .fas-list.modular-style_2{display:block} .faq-modular-area .fas-list.modular-style_2 .accordion-box{flex:0 0 100%} .faq-modular-area .faq-img+.fas-list .faq-more-button{text-align:center} } /*自定义图文*/ .module-custom-card{padding-top:var(--spacing-top-pc);padding-bottom:var(--spacing-bottom-pc)} .module-custom-card .custom-card-list{display:flex;flex-wrap:wrap;margin:-10px} .module-custom-card .custom-card-list .slick-list{width:100%} .module-custom-card .custom-card-list .card-item{margin:10px;position:relative;width:calc(20% - 20px);text-align:center;background:#fff;border-radius:var(--custom-card-radius);box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);overflow:hidden} .module-custom-card .custom-card-list.card-col-2 .card-item{width:calc(50% - 20px)} .module-custom-card .custom-card-list.card-col-3 .card-item{width:calc(33.333333% - 20px)} .module-custom-card .custom-card-list.card-col-4 .card-item{width:calc(25% - 20px)} .module-custom-card .custom-card-list.card-col-5 .card-item{width:calc(20% - 20px)} .module-custom-card .custom-card-list.card-col-6 .card-item{width:calc(16.666667% - 20px)} .module-custom-card .custom-card-list.slick-slider .card-item{box-shadow:none} .module-custom-card[style*=background-color] .custom-card-list .item-img{border-radius:0} .module-custom-card .custom-card-list .item-img{position:relative;width:100%;padding-bottom:var(--custom_card_height,100%);display:block;border-radius:var(--custom-card-radius);overflow:hidden} .module-custom-card .custom-card-list .item-img img{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;overflow:hidden;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .module-custom-card .custom-card-list .card-item:hover img{transform:scale(1.1)} .module-custom-card .custom-card-list .item-text{text-align:center;padding:15px} .module-custom-card .custom-card-list .item-text h3{font-size:18px;font-weight:400;line-height:1.4;color:#333} .module-custom-card .custom-card-list .item-text p{margin-top:10px;font-size:14px;line-height:1.4} .module-custom-card .card-more-button{text-align:center;margin-top:60px} .slider-custom-card-dot .slick-dots{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);z-index:9} .slider-custom-card-dot .slick-dots li{background:var(--modular-title-color,#333);margin:5px;border-radius:50px;width:8px;height:8px;opacity:.5;display:inline-block;transition:all .5s ease-in-out;cursor:pointer} .slider-custom-card-dot .slick-dots li.slick-active{background-color:var(--modular-title-color,#333);width:20px;opacity:1} .slider-custom-card-dot .slick-dots li button{display:none} .module-custom-card .slick-slider .slick-arrow{visibility:hidden;opacity:0} .module-custom-card:hover .slick-slider .slick-arrow{visibility:visible;opacity:1;left:-50px;background:#fff;color:var(--main_color,#16499c);border:1px solid var(--main_color,#16499c)} .module-custom-card:hover .slick-slider .slick-arrow:hover{background:var(--main_color,#16499c);color:#fff} .module-custom-card:hover .slick-slider .slick-arrow.next_class{left:auto;right:-50px} .module-custom-card .btn-primary{color:var(--modular-title-color,#000);border:1px solid var(--modular-title-color,#000)} .module-custom-card .btn-primary:hover{background-color:transparent;border-color:transparent;color:#fff} @media screen and (max-width: 767px) { .module-custom-card{padding-top:var(--spacing-top-mb);padding-bottom:var(--spacing-bottom-mb)} .module-custom-card .custom-card-list{margin:-5px} .module-custom-card .custom-card-list .card-item{margin:5px;width:calc(50% - 10px)} .module-custom-card .custom-card-list.card-col-2 .card-item{width:calc(50% - 10px)} .module-custom-card .custom-card-list.card-col-3 .card-item{width:calc(50% - 10px)} .module-custom-card .custom-card-list.card-col-4 .card-item{width:calc(50% - 10px)} .module-custom-card .custom-card-list.card-col-5 .card-item{width:calc(50% - 10px)} .module-custom-card .custom-card-list.card-col-6 .card-item{width:calc(50% - 10px)} .module-custom-card .slick-slider .slick-arrow{display:none !important} } /*新闻模块*/ .post-list-news{display:flex;flex-wrap:wrap;gap:20px 40px} .post-list-news.hidden{display:none} .post-list-news.active{display:flex} .post-list-news .post-item{width:calc(50% - 20px);display:flex;gap:20px;align-items:flex-start;border-top:1px solid rgb(0 0 0 / 8%);padding-top:20px} .post-list-news .post-item:nth-child(-n+2){border:none;padding-top:0} .post-list-news .post-item .item-thumbnail{border-radius:5px;overflow:hidden;width:170px} .post-list-news .post-item .item-thumbnail a{position:relative;width:100%;padding-bottom:var(--post_img_height,100%);display:block} .post-list-news .post-item .item-thumbnail img{position:absolute!important;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;overflow:hidden;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s} .post-list-news .post-item .item-thumbnail:hover img{transform:scale(1.1)} .post-list-news .post-item .item-text{width:calc(100% - 190px)} .post-list-news .post-item .item-text h3{line-height:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;text-transform:capitalize;font-weight:400} .post-list-news .post-item .item-text h3 a{font-size:18px;text-transform:capitalize;font-weight:400;line-height:1.4;padding-bottom:3px;font-weight:700} .post-list-news .post-item .item-text .item-desc{margin-top:10px;font-size:14px;line-height:1.4;color:#333} .post-list-news .post-item h3 a:hover{background-size:100% 1.5px} .post-list-news .post-item .item-text .item-date{margin-top:10px;display:block;font-size:14px;line-height:1.4;color:#333} .post-list-news .post-item .item-time .time-day{display:block;line-height:50px;border-bottom:1px solid #e1e1e1;color:#333;font-size:30px} .post-list-news .post-item .item-time .time-date{display:block;color:#333;line-height:24px;font-size:12px} .post-list-news .post-item .item-time{border-radius:5px;width:75px;background-color:#f2f2f2;text-align:center;font-family:Arial} .post-list-news .post-item .item-time+.item-text{width:calc(100% - 95px)} .post-list-news .time{border-radius:5px;width:75px;background-color:#f2f2f2;text-align:center;font-family:Arial} .post-list-news .time+.item-text{width:calc(100% - 95px)} .post-list-news .time-day{display:block;line-height:50px;border-bottom:1px solid #e1e1e1;color:#333;font-size:30px} .post-list-news .time-date{display:block;color:#333;line-height:24px;font-size:12px} @media screen and (max-width: 767px) { .post-list-news .post-item{width:100%;gap:15px;padding-top:15px} .post-list-news .post-item:nth-child(2){border-top:1px solid rgb(0 0 0 / 8%);padding-top:15px} .post-list-news .post-item .item-thumbnail{width:135px} .post-list-news .post-item .item-text{width:calc(100% - 150px)} .post-list-news .post-item .item-text .item-date{display:none} .post-list-news .time+.item-text{width:calc(100% - 95px)} } /*搜索框*/ .search-popup{position:fixed;left:0;top:0;height:100vh;width:100%;z-index:99999;margin-top:-540px;transform:translateY(-100%);background-color:rgba(0,0,0,.95);transition:all .5s cubic-bezier(.86,0,.070,1);transition-timing-function:cubic-bezier(.86,0,.070,1);backdrop-filter:blur(10px)} .sidenav-bar-visible .search-popup{width:80%} .search-active .search-popup{transform:translateY(0);margin-top:0} .search-popup .close-search{position:absolute;left:0;right:0;top:75%;border:none;margin:0 auto;margin-top:-200px;border-radius:50px;text-align:center;background:var(--main_color,#16499c);text-align:center;width:50px;height:50px;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);transition:all .5s ease;opacity:0;visibility:hidden} .search-popup .close-search span{transition:all .5s ease-in-out} .search-popup .close-search:hover span{transform:rotate(180deg)} .search-active .search-popup .close-search{visibility:visible;opacity:1;top:50%;transition-delay:.8s} .search-popup form{position:absolute;max-width:700px;top:50%;left:15px;right:15px;margin:-35px auto 0;transform:scaleX(0);transform-origin:center;transition:all .3s ease} .search-active .search-popup form{transform:scaleX(1);transition-delay:.5s} .search-popup .form-group{position:relative;display:flex;align-items:center;width:100%;background:#fff;padding:0 0 0 16px;border-radius:4px} .search-popup .form-control{position:relative;width:86%;height:70px;outline:0;border-radius:0;border:none;color:#333;font-size:26px;margin-bottom:0;transition:all .5s ease;text-transform:capitalize;padding:0} .search-popup .form-control::placeholder{color:#333;opacity:.5} .search-popup .search-button{display:flex;align-items:center;margin-left:auto} .search-popup .search-type{margin-right:20px;position:relative} .search-popup .search-type select{background:0 0;cursor:pointer;border:none;font-size:18px;text-align:right;height:auto;width:auto;padding:0 30px 0 0;position:relative} .search-popup .search-type::after{content:'\f110';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;color:#000;font-family:LineAwesome;pointer-events:none;z-index:2} .search-popup .form-group button{margin-left:auto;background:0 0;text-align:center;font-size:30px;color:#333;width:10%;border:none;cursor:pointer;transition:all .5s ease;display:flex;align-items:center} .search-popup .form-group button:hover{color:var(--main_color,#16499c)} .search-popup .form-group button i{transform:rotateY(180deg);border-right:1px solid #ddd;padding-right:20px} .search-popup .form-group.search-filter{padding-right:16px} .search-popup .form-group.search-filter .form-control{width:76%;} .search-popup .form-group.search-filter button{width:50%} .search-box-outer{transform:rotateY(180deg);border:none;background:0 0;font-size:22px;margin-left:15px;cursor:pointer} .sticky .search-box-outer{height:60px;line-height:60px} @media screen and (max-width:767px){ .search-popup form{max-width:90%} .search-popup .form-group{padding:0 20px;flex-wrap:wrap;background:#fff;border-radius:4px} .search-popup .form-control, .search-popup .form-control::placeholder{font-size:18px;height:50px} .search-popup .search-button{width:100%;background:#fff;height:50px;border-radius:4px;padding:0 8px;text-align:center} .search-popup .form-group button{justify-content:center} .search-popup .form-group button i{border:none} .search-popup .search-type{margin:0;width:40%} .search-popup .search-type select{padding:0 50%} .search-popup .form-group.search-filter{padding:0;background:0 0;border-radius:0} .search-popup .form-group.search-filter .form-control{width:100%;background:#fff;margin-bottom:10px;border-radius:4px;padding:0 8px;text-align:center} .search-popup .form-group.search-filter button{width:50%;border-left:1px solid #ddd} } /*搜索高亮*/ .highlight-search{font-style:normal;font-weight:inherit;color:#f73131} /*面包屑导航*/ .site-breadcrumb{margin: 15px 0;} .site-breadcrumb ul{width:var(--post_list_width,100%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;padding:0;list-style:none} .page-right .site-breadcrumb ul{width:100%} .site-breadcrumb ul li{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#333;text-transform:capitalize} .site-breadcrumb ul li::after{font-family:LineAwesome;font-size:80%;content:"\f110";transform: rotate(-90deg);color:#b8bdc1;margin:0 7px} .site-breadcrumb ul li:last-child::after{display:none} .site-breadcrumb ul li:not(:last-child){color:#b8bdc1} .site-breadcrumb ul li a{color:#b8bdc1;-webkit-transition:all .2s cubic-bezier(.28,.12,.22,1);transition:all .2s cubic-bezier(.28,.12,.22,1)} .site-breadcrumb ul li a:hover{color:#333} .site-breadcrumb+.page-banner-area .page-banner-box{margin-top:0} .article-detail .site-breadcrumb{margin-top:0;border-bottom:1px solid #e6e6e6;padding-bottom:15px;margin-bottom:15px} @media screen and (max-width:767px){ .site-breadcrumb ul{width:100%} } /*页面菜单*/ .page-menu-area{margin:30px 0;/*position:sticky;top:70px;z-index:9*/} .page-menu-area .page-menu-box{position:relative;display:flex;align-items:center;padding:0 20px;background-color:rgb(0 0 0 / 3%);border-radius:5px;gap:20px;font-size:15px} .page-menu-area.menu-center .page-menu-box{justify-content:center} .page-menu-area .page-menu-box li{position:relative} .page-menu-area .page-menu-box li a{padding:20px 0;display:inline-block} .page-menu-area .page-menu-box ul li{padding:2px 8px} .page-menu-area .page-menu-box ul li a{font-size:14px;width:100%;padding:6px 12px;border-radius:5px} .page-menu-area .page-menu-box ul li:hover>a{color:var(--main_color,#16499c);background-color:rgb(0 0 0 / 3%)} .page-menu-area .page-menu-box .sub-menu{position:absolute;margin:0;padding:12px 0;top:100%;list-style:none;border-width:1px;border-style:solid;opacity:0;visibility:hidden;-webkit-transform:translateY(3px);transform:translateY(3px);pointer-events:none;will-change:transform,opacity;-webkit-transition:all .23s cubic-bezier(.28,.12,.22,1);transition:all .23s cubic-bezier(.28,.12,.22,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-shadow:0 20px 25px -5px rgba(33,37,41,.1),0 10px 10px -5px rgba(33,37,41,.04);box-shadow:0 20px 25px -5px rgba(33,37,41,.1),0 10px 10px -5px rgba(33,37,41,.04);display:block;z-index:8;background-color:#fff;border-radius:5px;border-color:#e9ecef;min-width:220px;left:-10px} .page-menu-area .page-menu-box .menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto} .page-menu-area .page-menu-box .menu-item-has-children .sub-menu .sub-menu{top:0;left:100%;margin-top:-14px} .page-menu-area .page-menu-box li a{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .page-menu-area .page-menu-box>li.current-menu-item>a, .page-menu-area .page-menu-box>li:hover>a{color:var(--main_color,#16499c)} .page-menu-area .page-menu-box .menu-item-has-children>a::after{position:relative;font-size:80%;content:"\f110";line-height:1;margin-left:5px;top:-1px;font-family:LineAwesome} .page-menu-area .page-menu-box .menu-item-has-children .sub-menu .menu-item-has-children>a::after{content:"\f110";font-size:85%;margin-left:auto;top:0;font-family:LineAwesome;transform:rotate(-90deg)} @media screen and (max-width:767px){ .page-menu-area{margin:15px 0} .page-menu-area .page-menu-box{display:none;gap:10px 20px;padding:10px;flex-wrap:wrap;font-size:14px} .page-menu-area .page-menu-box li{margin:0 10px} .page-menu-area .page-menu-box li a{padding:0} } /*在线留言页面 留言模块*/ .page-template-contact .page-contact, .single .page-contact{margin-top:40px;display:inline-block;width:100%;border-top:1px solid #ebebeb;padding-top:30px} .page-template-contact .page-contact h3, .single .page-contact h3{font-size:18px;color:#333;position:relative;padding-bottom:8px;margin-bottom:20px;font-weight:500} .page-template-contact .page-contact h3::after, .single .page-contact h3::after{position:absolute;content:'';border-bottom:2px solid #16499c;bottom:0;left:0;width:2em} /*页面阴影效果*/ .page-box-shadow .article-detail { background-color: #fff; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); padding-top: 25px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; border-radius: 5px; } .page-box-shadow .comments-area, .page-box-shadow .page-contact, .page-box-shadow .entry-page-next, .page-box-shadow .entry-page-prev, .page-box-shadow .related, .page-box-shadow .product-header { background-color: #fff; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); padding: 15px; border-radius: 5px; } .list-box-shadow .pagination{margin:20px 0 0} .list-box-shadow .page-menu-box{padding:0 20px} .list-box-shadow .page-sidebar, .page-box-shadow .page-sidebar{gap:20px;margin:20px 0} .list-box-shadow .page-menu-area{margin-bottom:20px} .list-box-shadow .news-img li:last-child{padding-bottom:5px;margin-bottom:0;border:none} .list-box-shadow.page-menu-area{margin:20px 0} .page-box-shadow .comments-area, .page-box-shadow .page-contact, .page-box-shadow .related{border:none;margin-top:20px} .list-box-shadow .product-list{gap:15px} .list-box-shadow .product-list .product-item{box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);border-radius:5px} .list-box-shadow .product-list.list-col-2 .product-item{width:calc((100% - 15px)/ 2)} .list-box-shadow .product-list.list-col-3 .product-item{width:calc((100% - 30px)/ 3)} .list-box-shadow .product-list.list-col-4 .product-item{width:calc((100% - 45px)/ 4)} .list-box-shadow .product-list.list-col-5 .product-item{width:calc((100% - 60px)/ 5)} .list-box-shadow .product-list.list-col-6 .product-item{width:calc((100% - 75px)/ 6)} .list-box-shadow .product-list .product-img{margin-bottom:0;border-radius:5px 5px 0 0} .list-box-shadow .product-list .product-item .product-title{background-color:#fff;padding:10px;border-radius:0 0 5px 5px} .page-box-shadow .entry-page-next, .page-box-shadow .entry-page-prev{padding:60px 15px 15px;border:none} .page-box-shadow .product-header{margin:0 0 20px} /*faq列表*/ .list-box-shadow .fas-list .accordion-box .accordion{background-color:#fff;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%)} @media screen and (max-width: 767px) { .list-box-shadow .entry-list, .list-box-shadow .page-menu-box, .list-box-shadow .pagination, .page-box-shadow .article-detail, .page-box-shadow .comments-area, .page-box-shadow .page-contact, .page-box-shadow .related, .page-box-shadow .product-header{padding:10px} .list-box-shadow .page-sidebar, .page-box-shadow .page-sidebar{gap:15px;margin:15px 0} } /*手机端菜单*/ /*手机端菜单按钮*/ .mobile-menu{display:none} .hamburger{float:right;position:relative;width:30px;height:30px;cursor:pointer;border:5px solid transparent;z-index:1} .hamburger span{width:100%;height:2px;display:block;position:absolute;right:0;transition:all .3s;background-color:#000} .hamburger span.h-top{top:0} .hamburger span.h-bottom{bottom:0;width:27px} .hamburger span.h-middle{top:50%;margin-top:-1px;width:25px} .hamburger.h-active span{width:25px} .hamburger.h-active span.h-top{transform:rotate(45deg);top:50%;margin-top:-1px} .hamburger.h-active span.h-middle{transform:translateX(-30px);opacity:0} .hamburger.h-active span.h-bottom{transform:rotate(-45deg);bottom:50%;margin-bottom:-1px} .mobile-menu .search-box-outer{font-size:28px;margin:0;color:#333} @media screen and (max-width: 767px) { .site-header .mobile-menu{display:flex;align-items:center;gap:20px} .site-header{position:relative} .site-header nav{position:initial} .header-navigation{position:absolute!important;top:100%;left:0;z-index:99;background:#fff;height:100vh;padding-top:5px;padding-bottom:200px;overflow-y:auto;align-items:flex-start;border-top:1px solid #ddd;-webkit-transition:-webkit-transform .3s ease-in;-moz-transition:-moz-transform .3s ease-in;-o-transition:-o-transform .3s ease-in;transition:transform .3s ease-in;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-overflow-scrolling:touch;-ms-transform:translateX(-100%)} .header-navigation.slidenav{width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)} .header-navigation ul{width:100%;flex-wrap:wrap;padding:0 15px} .header-navigation ul .menu-item-has-children .sub-menu{border-radius:0;padding:10px 0 0 15px} .header-navigation ul .menu-item-has-children .sub-menu>.menu-item{padding:10px 0;border-bottom:none} .header-navigation ul .sub-menu{display:none;position:initial;border:none;box-shadow:none;opacity:initial;visibility:initial;transform:none;transition:none} .header-navigation ul .menu-item-has-children:hover>.sub-menu{display:none;transform:none} .header-navigation ul .menu-item-has-children.open>.sub-menu{display:block;opacity:1;visibility:visible} .header-navigation ul li{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .header-navigation ul .menu-item-has-children:not(.mega-menu) .sub-menu{width:100%} .header-navigation ul .menu-item-has-children:not(.mega-menu) .sub-menu .sub-menu{margin:0;min-width:initial} .header-navigation ul li{padding:16px 0;border-bottom:1px solid #f0f0f0} .header-navigation>ul>.menu-item.current-menu-item>a,.header-navigation>ul>.menu-item:hover>a{color:#333} .header-navigation ul .menu-item-has-children>a::after{display:none} .header-navigation>ul>.menu-item>a{height:auto!important;padding:0;justify-content:space-between;font-size:16px} .header-navigation>ul>.menu-item .la-angle-down{font-size:14px;transform:rotate(-90deg);transition:transform .3s ease-in-out} .header-navigation>ul .menu-item.open>.la-angle-down{transform:rotate(0)} .header-navigation ul .sub-menu .menu-item a{padding:0;width:auto} .header-navigation ul .menu-item-has-children .sub-menu .menu-item:hover>a{color:#333;background:0 0} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu{display:none;padding:10px 0 0 15px} .header-navigation ul .menu-item-has-children.mega-menu.open>.sub-menu{display:block;opacity:1;visibility:visible} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item>a{padding:0;margin:0;color:#333;font-weight:initial;font-size:15px} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu>.menu-item:hover>a{color:#333} .header-navigation ul .menu-item-has-children.mega-menu>.sub-menu .sub-menu{padding:10px 0 0 15px} .header-navigation .search-box-outer{display:none} } /*-------------------------------------------------------------- 文章分享 ----------------------------------------------------------------*/ @font-face{font-family:socicon;src:url(../fonts/socicon.eot);src:url(../fonts/socicon.eot?#iefix) format("embedded-opentype"),url(../fonts/socicon.woff) format("woff"),url(../fonts/socicon.ttf) format("truetype"),url(../fonts/socicon.svg#socicon) format("svg");font-weight:400;font-style:normal} .post-share .post-share-item[class*=" socicon-"]:before, .post-share .post-share-item[class^=socicon-]:before{font-family:socicon!important;font-style:normal!important;font-size:14px;font-weight:400!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-size:inherit;text-rendering:auto} .post-share .socicon-facebook{background:#3e5b98} .post-share .socicon-facebook:before{content:"\e028"} .post-share .socicon-twitter{background:#222} .post-share .socicon-twitter:before{content:"\e959"} .post-share .socicon-pinterest{background:#c92619} .post-share .socicon-pinterest:before{content:"\e063"} .post-share .socicon-reddit{background:#e74a1e} .post-share .socicon-reddit:before{content:"\e06c"} .post-share .socicon-instagram{background:#000} .post-share .socicon-instagram:before{content:"\e044"} .post-share .socicon-stumbleupon{background:#e64011} .post-share .socicon-stumbleupon:before{content:"\e082"} .post-share .socicon-linkedin{background:#3371b7} .post-share .socicon-linkedin:before{content:"\e04c"} .post-share .socicon-whatsapp{background:#20b038} .post-share .socicon-whatsapp:before{content:"\e099"} .post-share .socicon-vkontakte{background:#5a7fa6} .post-share .socicon-vkontakte:before{content:"\e095"} .post-share .socicon-mail{background:#000} .post-share .socicon-mail:before{content:"\e050"} .post-share .socicon-wechat{background:#2aae67} .post-share .socicon-wechat:before{content:"\e097"} .post-share .socicon-weibo{background:#d62c2b} .post-share .socicon-weibo:before{content:"\e098"} .post-share .fa-copy{background:#000} .post-share .fa-copy:before{font-family:"Font Awesome 5 Free"} .post-share.outline .socicon-facebook span, .post-share.outline .socicon-facebook:before, .post-share.transparent .socicon-facebook span, .post-share.transparent .socicon-facebook:before{color:#3e5b98} .post-share.outline .socicon-twitter span, .post-share.outline .socicon-twitter:before, .post-share.transparent .socicon-twitter span, .post-share.transparent .socicon-twitter:before{color:#222} .post-share.outline .socicon-pinterest span, .post-share.outline .socicon-pinterest:before, .post-share.transparent .socicon-pinterest span, .post-share.transparent .socicon-pinterest:before{color:#c92619} .post-share.outline .socicon-reddit span, .post-share.outline .socicon-reddit:before, .post-share.transparent .socicon-reddit span, .post-share.transparent .socicon-reddit:before{color:#e74a1e} .post-share.outline .socicon-instagram span, .post-share.outline .socicon-instagram:before, .post-share.transparent .socicon-instagram span, .post-share.transparent .socicon-instagram:before{color:#000} .post-share.outline .socicon-stumbleupon span, .post-share.outline .socicon-stumbleupon:before, .post-share.transparent .socicon-stumbleupon span, .post-share.transparent .socicon-stumbleupon:before{color:#e64011} .post-share.outline .socicon-linkedin span, .post-share.outline .socicon-linkedin:before, .post-share.transparent .socicon-linkedin span, .post-share.transparent .socicon-linkedin:before{color:#3371b7} .post-share.outline .socicon-whatsapp span, .post-share.outline .socicon-whatsapp:before, .post-share.transparent .socicon-whatsapp span, .post-share.transparent .socicon-whatsapp:before{color:#20b038} .post-share.outline .socicon-vkontakte span, .post-share.outline .socicon-vkontakte:before, .post-share.transparent .socicon-vkontakte span, .post-share.transparent .socicon-vkontakte:before{color:#5a7fa6} .post-share.outline .socicon-mail span, .post-share.outline .socicon-mail:before, .post-share.transparent .socicon-mail span, .post-share.transparent .socicon-mail:before{color:#000} .post-share.outline .socicon-wechat span, .post-share.outline .socicon-wechat:before, .post-share.transparent .socicon-wechat span, .post-share.transparent .socicon-wechat:before{color:#2aae67} .post-share.outline .socicon-weibo span, .post-share.outline .socicon-weibo:before, .post-share.transparent .socicon-weibo span, .post-share.transparent .socicon-weibo:before{color:#d62c2b} .post-share.outline .fa-copy span, .post-share.outline .fa-copy:before, .post-share.transparent .fa-copy span, .post-share.transparent .fa-copy:before{color:#000} body .post-share.outline .post-share-item.socicon-facebook, body .post-share.outline .post-share-item.socicon-facebook:hover{border-color:#3e5b98} body .post-share.outline .post-share-item.socicon-twitter, body .post-share.outline .post-share-item.socicon-twitter:hover{border-color:#222} body .post-share.outline .post-share-item.socicon-pinterest, body .post-share.outline .post-share-item.socicon-pinterest:hover{border-color:#c92619} body .post-share.outline .post-share-item.socicon-reddit, body .post-share.outline .post-share-item.socicon-reddit:hover{border-color:#e74a1e} body .post-share.outline .post-share-item.socicon-instagram, body .post-share.outline .post-share-item.socicon-instagram:hover{border-color:#000} body .post-share.outline .post-share-item.socicon-stumbleupon, body .post-share.outline .post-share-item.socicon-stumbleupon:hover{border-color:#e64011} body .post-share.outline .post-share-item.socicon-linkedin, body .post-share.outline .post-share-item.socicon-linkedin:hover{border-color:#3371b7} body .post-share.outline .post-share-item.socicon-whatsapp, body .post-share.outline .post-share-item.socicon-whatsapp:hover{border-color:#20b038} body .post-share.outline .post-share-item.socicon-vkontakte, body .post-share.outline .post-share-item.socicon-vkontakte:hover{border-color:#5a7fa6} body .post-share.outline .post-share-item.socicon-mail, body .post-share.outline .post-share-item.socicon-mail:hover{border-color:#000} body .post-share.outline .post-share-item.socicon-weibo, body .post-share.outline .post-share-item.socicon-weibo:hover{border-color:#d62c2b} body .post-share.outline .post-share-item.socicon-wechat, body .post-share.outline .post-share-item.socicon-wechat:hover{border-color:#2aae67} body .post-share.outline .post-share-item.fa-copy, body .post-share.outline .post-share-item.fa-copy:hover{border-color:#000} .post-share{margin-bottom:15px;padding-top:20px;width:100%;border-top:1px dashed #e0e0e0} .post-share .share-title{width:100%;text-align:left;margin-bottom:5px} .post-share .share-title h3{margin:0;font-size:16px} .post-share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;text-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative} body .post-share .post-share-item{font-style:normal;text-decoration:none!important;font-family:inherit;color:#fff;font-size:16px;-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:100%;min-width:40px;height:40px;line-height:40px;margin-right:10px;margin-top:10px!important;box-shadow:none!important;border:0} body .post-share .post-share-item:hover{color:#fff;cursor:pointer;text-decoration:none;background-image:-moz-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%)!important;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1)))!important;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%)!important;background-image:-o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%)!important;background-image:-ms-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%)!important;background-image:linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%)!important} body .post-share .post-share-item:focus{color:#fff;text-decoration:none;outline:0} .post-share .post-share-item span{font-family:inherit;position:relative;top:-1px;margin-left:8px} .post-share.no-labels span{display:none} .post-share.transparent .post-share-item{font-size:1em} .post-share.outline .post-share-item{border:1px solid transparent;background:0 0!important} .post-share.outline .post-share-item:hover{border:1px solid} .post-share.transparent .post-share-item{border-radius:0;background:0 0!important} .post-share.transparent .post-share-item:hover{background:0 0!important} .post-share.rectangle.no-labels .post-share-item{border-radius:0;min-width:100px} .post-share.rounded.no-labels .post-share-item{border-radius:20px;min-width:100px} .post-share.circle, .post-share.square, .post-share.transparent{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start} .post-share.circle .post-share-item, .post-share.square .post-share-item, .post-share.transparent .post-share-item{width:40px;border-radius:50%;-webkit-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none} .post-share.square .post-share-item{border-radius:0} .post-share.transparent.outline .post-share-item{border:0} .post-share.rectangle .post-share-item{border-radius:0;min-width:140px} .post-share.rounded .post-share-item{border-radius:20px;min-width:140px} .post-share.transparent .post-share-item{min-width:auto;width:auto;margin-right:25px;border-radius:0} .post-share.transparent .socicon-facebook{margin-left:-3px} #sharer-wechat canvas{max-width:250px} #sharer-wechat p{margin:0 0 15px;font-size:20px;display:flex;align-items:center;justify-content:center;font-weight:600} #sharer-wechat p i{font-size:24px;margin-right:4px;line-height:1;font-weight:400} /*-------------------------------------------------------------- 标签云页面 ----------------------------------------------------------------*/ .tags-cloud-page{min-height:70vh} .tags-cloud-page .site-breadcrumb{margin:0 0 30px} .tags-cloud-page .tags-page-title{margin-bottom:40px;padding-bottom:10px;border-bottom:1px solid #f0f0f0} .tags-cloud-page .tags-page-title h1{font-size:28px;line-height:1.5} .tags-cloud-page .filter-menu{display:flex;align-items:center;background-color:#f2f2f2;border-radius:5px;gap:10px;font-size:15px;justify-content:space-between;overflow-x:scroll;padding:5px 10px} .tags-cloud-page .filter-menu a{padding:5px 10px;color:#333;white-space:nowrap;border-radius:3px} .tags-cloud-page .filter-menu a.active,.tags-cloud-page .filter-menu a:hover{color:#fff;text-decoration:underline;background:var(--main_color,#16499c)} .tags-cloud-page .tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px} .tags-cloud-page .tag-list a{background-color:#fff;padding:5px 12px;display:inline-block;border-radius:5px;white-space:nowrap;font-size:15px;border:1px solid #ddd} .tags-cloud-page .tag-list a span{margin-right:5px;display:inline-block;border-radius:5px 0 0 5px} .tags-cloud-page .tag-list a:hover{background-color:var(--main_color,#16499c);color:#fff} .tags-cloud-page .tag-list a i{font-style:normal} .sidebar+.page-right .tags-cloud-page .filter-menu{gap:5px;font-size:13px;padding:5px 8px} .page-box-shadow .tags-cloud-page .filter-menu,.page-box-shadow .tags-cloud-page .tag-list{background-color:#fff;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%)} .page-box-shadow .tags-cloud-page .tag-list{padding:20px 20px;border-radius:5px} @media screen and (max-width:767px){ .tags-cloud-page .tags-page-title{margin-bottom:20px} .tags-cloud-page .site-breadcrumb{margin-bottom:20px} .tags-cloud-page .filter-menu{flex-wrap:wrap;justify-content:center;padding:10px} .tags-cloud-page .filter-menu a{padding:4px 8px} .tags-cloud-page .tag-list{gap:10px} .tags-cloud-page .tag-list a{padding:5px 8px} .page-box-shadow .tags-cloud-page .tag-list{justify-content:center} } /*-------------------------------------------------------------- 页脚样式 ----------------------------------------------------------------*/ .site-footer{position:relative;color:var(--foot_text,#fff);font-size:14px;padding:30px 0 30px;z-index:1} .site-footer:after{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--foot_bg,#06398d);content:''} .site-footer .footer-block-wrap{padding-top:30px} .site-footer .footer-block-group{display:flex;margin:0 -30px;padding-bottom:60px;flex-wrap:wrap;justify-content:flex-end} .site-footer .footer-block-group>div:last-child:before{display:none} .site-footer .footer-group-item{width:calc(var(--widget_col_width,25%) - 60px);margin:0 30px} .site-footer .footer-group-item:first-child{margin-right:auto} .site-footer .footer-group-item .footer-block-item:not(:first-child){margin-top:20px} .site-footer .footer-block-title{margin-bottom:30px} .site-footer .footer-block-title h3{font-size:22px;color:var(--foot_text,#fff)} .site-footer .footer-block-logo{margin-bottom:20px} .site-footer .footer-block-logo img{max-width:var(--foot_logo_width,250px);height:auto} .site-footer .footer-block-kf{display:flex;gap:20px;margin-top:30px} .site-footer .footer-block-kf .img-icon{width:40px;height:40px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;padding:8px;transition:all .5s ease-in-out} .site-footer .footer-block-kf img{width:100%;height:auto;padding:0} .site-footer .footer-block-kf span{font-size:12px} .site-footer .footer-block-kf li a{display:flex;flex-direction:column;gap:4px;padding:0;background:0 0;align-items:center} .site-footer .footer-block-kf li a:hover .img-icon{transform:translateY(-5px)} .site-footer .footer-block-text{font-size:14px;line-height:1.4} .site-footer .footer-block-text>*{margin-bottom:15px} .site-footer .footer-block-text>:last-child{margin-bottom:0} .site-footer .footer-block-text li{font-size:14px;line-height:1.4;display:flex;align-items:center;gap:8px} .site-footer .footer-block-text li a{display:flex;align-items:center;gap:8px} .site-footer .footer-block-text li img{max-width:20px} .site-footer .footer-block-menu ul{display:flex;flex-direction:column;gap:10px} .site-footer .footer-block-menu ul li a{font-size:15px;color:var(--foot_text,#fff);padding:2% 0} .site-footer .footer-img-group{display:flex;margin:-8px;flex-wrap:wrap} .site-footer .footer-img-group .img-group{display:flex;flex-direction:column;align-items:center;gap:5px;width:calc(var(--foot_img_width,50%) - 16px);margin:8px} .site-footer .footer-img-group .img-group img{max-width:100%} .site-footer .footer-img-group .img-group span{color:var(--foot_text,#fff);font-size:13px;margin-top:3px} .site-footer .footer-bottom{font-size:14px;line-height:1.4} .site-footer a{color:inherit;padding:2px 0;background-image:linear-gradient(to right,currentColor 0,currentColor 100%);background-position:0 95%;background-size:0 1.5px;background-repeat:no-repeat;transition:background-size .25s cubic-bezier(.785,.135,.15,.86) 0s} .site-footer a:hover{background-size:100% 1.5px} .site-footer .footer-bottom .copyright-center{text-align:center} .site-footer .footer-bottom .copyright-center .copyright-wrap{justify-content:center} .site-footer .footer-block-wrap+.footer-bottom .footer-bottom-wrap, .site-footer .footer-block-wrap+.footer-bottom .footer-link, .site-footer .footer-bottom .footer-link+.footer-bottom-wrap{padding-top:30px;border-top:1px solid var(--foot_splitline,rgba(255,255,255,.3))} .site-footer .footer-block-wrap+.footer-bottom .footer-link{margin-top:30px} .site-footer .footer-bottom .copyright-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .site-footer .footer-bottom .copyright-wrap .top-beian{width:100%;display:flex;align-items:center;margin-bottom:5px} .site-footer .footer-bottom .copyright-wrap .bottom-beian{width:100%;display:flex;align-items:center;margin-top:5px} .site-footer .footer-bottom .copyright-wrap .footer-copyright{display:flex;align-items:center;flex-wrap:wrap} .site-footer .footer-bottom .copyright-wrap .copyright-content{display:flex;align-items:center;flex-wrap:wrap} .site-footer .footer-bottom .copyright-center .bottom-beian,.site-footer .footer-bottom .copyright-center .footer-copyright,.site-footer .footer-bottom .copyright-center .top-beian{justify-content:center} .site-footer .footer-bottom .copyright-wrap .beian-text,.site-footer .footer-bottom .copyright-wrap .theme-copyright{position:relative;margin-left:8px;padding-left:8px;display:flex;align-items:center} .site-footer .footer-bottom .copyright-wrap .beian-text::before,.site-footer .footer-bottom .copyright-wrap .theme-copyright::before,.site-footer .footer-bottom .footer-right ul li::before{content:"";display:block;width:1px;height:14px;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:.5} .site-footer .footer-bottom .copyright-wrap .beian-text .icon-gongan{display:inline-block;width:16px;height:16px;background:url(../images/icon-gongan.png) no-repeat scroll 0 0;background-size:contain;cursor:pointer;margin-right:2px} .site-footer .footer-bottom .copyright-wrap .beian-text img{max-height:16px;width:auto;margin-right:2px;display:block} .site-footer .footer-bottom .footer-right ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end} .site-footer .footer-bottom .footer-right ul li{position:relative;margin-left:8px;padding-left:8px} .site-footer .footer-bottom .footer-right ul li img{max-width:35px;height:auto;display:block;transition:all .5s ease-in-out} .site-footer .footer-bottom .footer-right ul li a{padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:3px} .site-footer .footer-bottom .footer-right ul li a:hover img{transform:translateY(-5px)} .site-footer .footer-bottom .footer-right .right-beian{display:flex;align-items:center;justify-content:flex-end} .site-footer .footer-bottom .copyright-wrap .bottom-beian .beian-text:first-child,.site-footer .footer-bottom .copyright-wrap .top-beian .beian-text:first-child,.site-footer .footer-bottom .footer-right .right-beian .beian-text:first-child,.site-footer .footer-bottom .footer-right ul li:first-child{padding:0;margin:0} .site-footer .footer-bottom .copyright-wrap .bottom-beian .beian-text:first-child::before,.site-footer .footer-bottom .copyright-wrap .top-beian .beian-text:first-child::before,.site-footer .footer-bottom .footer-right .right-beian .beian-text:first-child::before,.site-footer .footer-bottom .footer-right ul li.show-menu-icon::before,.site-footer .footer-bottom .footer-right ul li:first-child::before{display:none} .site-footer .footer-bottom .footer-right ul li.show-menu-icon a{transition:none;background:0 0} .site-footer .footer-bottom .copyright-left .footer-copyright{max-width:var(--copyright_width,60%)} .site-footer .footer-bottom .copyright-left .footer-right{max-width:var(--right_menu_width,40%)} .site-footer .widget-show-pc.widget-hide-mobile{display:block} .site-footer .widget-show-mobile.widget-hide-pc{display:none} @media screen and (max-width:767px){ .site-footer .footer-block-wrap{padding:0} .site-footer .footer-block-group{margin:0;justify-content:space-between;padding-bottom:30px} .site-footer .footer-group-item{width:max-content;margin:0} .site-footer .footer-group-item:not(:first-child){margin-top:40px} .site-footer .footer-bottom .copyright-left .footer-copyright{max-width:100%;text-align:center} .site-footer .footer-bottom .copyright-wrap .bottom-beian{flex-wrap:wrap;margin-top:20px;justify-content:center} .site-footer .footer-bottom .copyright-wrap .beian-text{justify-content:center} .site-footer .footer-bottom .copyright-left .footer-right{max-width:100%;margin:20px auto 0;display:flex;flex-direction:column;align-items:center} .site-footer .footer-bottom .copyright-left .footer-right-menu-pc{display:none} .site-footer .footer-bottom .footer-right .right-beian{flex-wrap:wrap;justify-content:center} .site-footer .footer-bottom .copyright-wrap .copyright-content{justify-content:center;display:inline-flex} .footer-link{flex-direction:column} .footer-link h5{margin:0;font-size:16px} .footer-link .footer-menu{margin-top:20px;gap:8px 16px} .footer-link .footer-menu li{font-size:13px} .footer-bottom .footer-bottom-wrap{display:flex;flex-direction:column} .footer-bottom .footer-bottom-wrap .footer-link{order:2;margin-top:20px} .site-footer .footer-bottom .copyright-wrap .top-beian{flex-wrap:wrap;justify-content:center;margin-bottom:20px} .site-footer .footer-img-group .img-group span{font-size:16px} .site-footer .footer-block-wrap+.footer-bottom .footer-link{margin-top:0} .site-footer .widget-show-pc.widget-hide-mobile{display:none} .site-footer .widget-show-mobile.widget-hide-pc{display:block} } /*-------------------------------------------------------------- 特点介绍 ----------------------------------------------------------------*/ .module-theme-features .features-list{display:flex;margin:-10px;flex-wrap:wrap} .module-theme-features .features-list .features-item{position:relative;margin:10px;padding:16px;width:calc(25% - 20px);text-align:center;background:#fff;border-radius:5px;transition:all .5s} .module-theme-features .features-list .features-item .item-icon{display:block;margin:0 auto 15px;width:115px;height:auto} .module-theme-features .features-list .features-item .item-icon i{font-size:120px} .module-theme-features .features-list .features-item .item-icon img{z-index:2;display:block;margin:0 auto;transition:all 1s} .module-theme-features .features-list .features-item .item-text h3{margin:0;color:#000;font-weight:700;font-size:21px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word} .module-theme-features .features-list .features-item .item-text p{margin-top:15px;margin-bottom:15px;color:#666;font-size:14px;line-height:22px} .module-theme-features .features-list .features-item .item-text p:last-child{margin-bottom:0} .module-theme-features .features-list .features-item:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-5px)} .module-theme-features .md-features.style_2 .features-list .features-item{width:calc(50% - 20px)} .module-theme-features .md-features.style_3 .features-list .features-item{width:calc(33.33333% - 20px)} .module-theme-features .md-features.style_5 .features-list .features-item{width:calc(20% - 20px)} .module-theme-features .md-features.features-border .features-list .features-item{border:2px solid #ddd} .module-theme-features .md-features.features-shadow .features-item{box-shadow:0 15px 30px rgba(0,0,0,.1)} @media (max-width:767px){ .module-theme-features .features-list{margin:-7px;padding-bottom:0} .module-theme-features .features-border .features-list .features-item{margin:7px;padding:10px;width:calc(50% - 14px)!important} .module-theme-features .features-list .features-item .item-icon i{font-size:80px} .module-theme-features .features-list .features-item .item-icon{width:80px} .module-theme-features .features-list .features-item{margin:7px;padding:20px 10px;width:calc(50% - 14px)!important} .module-theme-features .features-list .features-item:nth-last-child(1):nth-child(odd){width:100%!important} } /*-------------------------------------------------------------- 搜索结果页banner搜索框 ----------------------------------------------------------------*/ .search-page-form{max-width:700px;margin:30px auto 0} .search-page-form .form-group{position:relative;display:flex;align-items:center;width:100%;background:#fff;padding:0 16px;border-radius:4px} .search-page-form .form-control{position:relative;width:86%;height:70px;outline:0;border-radius:0;border:none;color:#333;font-size:26px;margin-bottom:0;transition:all .5s ease;text-transform:capitalize;padding:0} .search-page-form .form-control::placeholder{color:#333;opacity:.5} .search-page-form .search-button{display:flex;align-items:center;margin-left:auto} .search-page-form .search-type{margin-right:20px;position:relative} .search-page-form .search-type select{background:0 0;cursor:pointer;border:none;font-size:18px;text-align:right;height:auto;width:auto;padding:0 30px 0 0;position:relative} .search-page-form .search-type::after{content:'\f110';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;color:#000;font-family:LineAwesome;pointer-events:none;z-index:2} .search-page-form .form-group button{margin-left:auto;background:0 0;text-align:center;font-size:30px;color:#333;width:10%;border:none;cursor:pointer;transition:all .5s ease;display:flex;align-items:center} .search-page-form .form-group button:hover{color:var(--main_color,#16499c)} .search-page-form .form-group button i{transform:rotateY(180deg);border-right:1px solid #ddd;padding-right:20px} .search-page-form .form-group.search-filter{padding-right:16px} .search-page-form .form-group.search-filter .form-control{width:76%;} .search-page-form .form-group.search-filter button{width:50%} @media screen and (max-width:767px){ .search-page-form{max-width:90%} .search-page-form .form-group{padding:0 20px;flex-wrap:wrap;background:#fff;border-radius:4px} .search-page-form .form-control, .search-page-form .form-control::placeholder{font-size:18px;height:50px} .search-page-form .search-button{width:100%;background:#fff;height:50px;border-radius:4px;padding:0 8px;text-align:center} .search-page-form .form-group button{border-left:1px solid #ddd;justify-content:center} .search-page-form .form-group button i{border:none} .search-page-form .search-type{margin:0;width:40%} .search-page-form .search-type select{padding:0 50%} .search-page-form .form-group.search-filter{padding:0;background:0 0;border-radius:0} .search-page-form .form-group.search-filter .form-control{width:100%;background:#fff;margin-bottom:10px;border-radius:4px;padding:0 8px;text-align:center} .search-page-form .form-group.search-filter button{width:50%;border-left:1px solid #ddd} } /*-------------------------------------------------------------- 文章底部表单 ----------------------------------------------------------------*/ .single-bottom-form .form-desc p{font-size:15px;line-height:1.5;margin-bottom:15px;color:#333} .single-bottom-form .xintheme-form button[type=submit]{width:100%} /*-------------------------------------------------------------- 表单详情页 ----------------------------------------------------------------*/ .page-form-wrapper{background-color:#f9f9f9;display:inline-block;width:100%} .page-form-wrapper .page-container{width:1000px;margin:0 auto} .page-form-wrapper .form-header{padding-top:30px} .page-form-wrapper .form-header img{width:100%;height:auto;max-width:100%;display:block} .page-form-wrapper .form-header+.page-form-area{margin-top:0} .page-form-wrapper .page-form-area{padding:30px 70px 80px;background-color:#fff;margin:30px 0} .page-form-wrapper .page-form-area .form-title{margin-bottom:14px} .page-form-wrapper .page-form-area .form-title h1{text-align:center;font-size:30px;font-weight:500;word-break:break-word;line-height:1.4;color:#333} .page-form-wrapper .page-form-area .form-title p{margin-top:40px;font-size:16px;word-break:break-word;color:#333;line-height:1.5} .page-form-footer{padding-bottom:30px;text-align:center} .page-form-footer .copyright-text{font-size:14px;line-height:1.4;color:#969696} .page-form-footer .beian-box{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap} .page-form-footer .beian-text{display:flex;align-items:center} .page-form-footer .beian-text .icon-gongan{display:inline-block;width:16px;height:16px;cursor:pointer;margin-right:2px;background:url(../images/icon-gongan.png) 0 0/contain no-repeat scroll} .page-form-footer .beian-text a{color:#969696;font-size:14px;line-height:1.4} .page-form-footer .beian-text a:hover{color:var(--main_color,#16499c)} @media (max-width:767px){ .page-form-wrapper .page-container{width:100%} .page-form-wrapper .form-header{padding:0} .page-form-wrapper .page-form-area .form-title p{margin-top:20px} .page-form-wrapper .page-form-area{margin:0;padding:30px 16px} .page-form-footer{padding:30px 10px} } /*-------------------------------------------------------------- 表单字段 ----------------------------------------------------------------*/ .xintheme-form{display:flex;flex-wrap:wrap;margin:0 -8px} .xintheme-form .field-group{width:calc(var(--field-width,100%) - 16px);margin:16px 8px} .xintheme-form .field-label-container{margin-bottom:10px} .xintheme-form .field-required{position:relative} .xintheme-form .field-required .field-label{padding-left:16px} .xintheme-form .field-required .field-label::before{content:"*";color:#da2319;font-size:30px;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;line-height:1} .xintheme-form .field-label-container .field-label{position:relative;font-size:16px;word-break:break-word;color:#333;line-height:1.4} .xintheme-form .field-content>p{margin-bottom:12px} .xintheme-form .field-content>input, .xintheme-form .field-content>textarea{width:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:3px;line-height:1.5;height:40px;margin:0;background:#fff} .xintheme-form .field-content>textarea{min-height:85px} .xintheme-form .field-content>select{cursor:pointer;display:block;width:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:3px;line-height:1.5;height:40px;margin:0} .xintheme-form .field-content>input[type=file]{height:auto;cursor:pointer} .xintheme-form .field-content input[type=email]:focus, .xintheme-form .field-content input[type=number]:focus, .xintheme-form .field-content input[type=text]:focus, .xintheme-form .field-content select:focus, .xintheme-form .field-content textarea:focus{border-color:var(--main_color,#16499c)} .xintheme-form .field-group .field-content .field-checkbox, .xintheme-form .field-group .field-content .field-radio{width:100%;padding:10px;border:1px solid #ededed;border-radius:3px;line-height:1.5;height:40px;display:flex;align-items:center;gap:6px;margin-bottom:8px;cursor:pointer;background:#fcfcfc;-webkit-transition-duration:.2s;transition-duration:.2s} .xintheme-form .field-group .field-content .field-checkbox:hover, .xintheme-form .field-group .field-content .field-radio:hover{-webkit-transform:scale(1.005);-ms-transform:scale(1.005);transform:scale(1.005);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);background-color:rgba(35,120,255,.06);border-color:#16499c} .xintheme-form .field-group .field-content input[type=checkbox]:checked+.choice-text, .xintheme-form .field-group .field-content input[type=radio]:checked+.choice-text{color:#0075ff} .xintheme-form .field-group .field-content input[type=radio]:checked::after{content:'';position:absolute;top:4px;left:4px;width:8px;height:8px;background-color:#fff;border-radius:50%} .xintheme-form .field-group .field-content input[type=checkbox], .xintheme-form .field-group .field-content input[type=radio]{width:14px;height:14px;cursor:pointer} .xintheme-form button[type=submit]{border:none;margin:0 auto;cursor:pointer;background:var(--main_color,#16499c);color:#fff;padding:10px 16px;border-radius:3px;min-width:200px;font-size:16px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px} .xintheme-form button[type=submit]:hover{opacity:.8} .xintheme-form button[type=submit] .la-spinner{display:none;animation:spin 3s linear infinite;font-size:20px;color:#fff} @media (max-width:767px){ .xintheme-form{margin:0} .xintheme-form .field-group{width:100%;margin:16px 0} } /* 旋转动画 */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*-------------------------------------------------------------- 表单模块 ----------------------------------------------------------------*/ .module-form-area{display:flex;flex-wrap:wrap;margin:0 -15px} .module-form-area .module-form-l{width:calc(var(--form-l-width,50%) - 30px);margin:0 15px;position:relative;border-radius:4px} .module-form-area .module-form-l .module-form-l-box{position:sticky;top:90px;width:100%;border-radius:4px} .module-form-area .form-l-img{position:relative;border-radius:4px;overflow:hidden} .module-form-area .form-l-img img{display:block} .module-form-area .form-l-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--form-img-overlay);z-index:1} .module-form-area .form-l-img+.form-l-text{position:absolute;background:0 0} .module-form-area .form-l-no-img .form-l-text{color:#333;background:none;padding:0} .module-form-area .form-l-text{position:sticky;top:0;left:0;z-index:2;padding:40px;color:#fff;background:#ddd;border-radius:4px} .module-form-area .form-l-text h3{font-size:30px;line-height:1.5;margin-bottom:15px} .module-form-area .form-l-text p{font-size:15px;line-height:1.5;margin-bottom:15px} .module-form-area .form-l-feature{margin-top:50px} .module-form-area .form-l-feature .feature-item{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap} .module-form-area .form-l-feature .feature-item .item-img img{width:24px;height:auto;display:block} .module-form-area .form-l-feature .feature-item .item-text h4{font-size:16px;font-weight:500} .module-form-area .form-l-feature .feature-item .item-text p{margin:2px 0 0} .module-form-area .module-form-r{width:calc(var(--form-r-width,50%) - 30px)} .module-form-area .module-form-l+.module-form-r{margin:0 15px} .module-form-area .module-form-r{margin:0 auto} .module-form-area .form-r-title{margin-bottom:20px} .module-form-area .form-r-title h3{font-size:20px;color:#333;line-height:1.5} .module-form-area .form-r-title p{font-size:15px;color:#333;line-height:1.5;margin-top:5px} .module-form-area .xintheme-form .field-group{margin:8px} .module-form-area .xintheme-form .field-group .field-radio-checkbox{display:flex;flex-wrap:wrap;gap:10px;width:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:3px;background:#fff} .module-form-area .xintheme-form .field-group .field-content .field-checkbox,.module-form-area .xintheme-form .field-group .field-content .field-radio{max-width:max-content;margin:0;border:none;padding:0 8px;height:auto;background:0 0} .module-form-area .xintheme-form .field-group .field-content .field-checkbox:hover,.module-form-area .xintheme-form .field-group .field-content .field-radio:hover{background:0 0;box-shadow:none;transform:none} .module-form-area .xintheme-form button[type=submit]{cursor:pointer;color:#000;background:0 0;column-gap:10px;display:inline-flex;margin-left:0;min-width:150px;align-items:center;position:relative;font-size:16px;background:#fff;overflow:hidden;border:1px solid #000;line-height:30px;padding:6px 30px;border-radius:30px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;z-index:1} .module-form-area .xintheme-form button[type=submit]::after{content:"";position:absolute;top:0;left:0;background-color:#000;color:#fff;z-index:-1;height:140px;width:230px;transform:translate(-167px,-110px) rotate(-34deg);transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .module-form-area .xintheme-form button[type=submit]:hover{background-color:transparent;border-color:transparent;color:#fff;opacity:1} .module-form-area .xintheme-form button[type=submit]:hover::after{transform:translate(0,-60px) rotate(-34deg)} @media (max-width:767px){ .module-form-area{margin:0} .module-form-area .module-form-l{width:100%;margin:0 0 20px} .module-form-area .form-l-feature{margin:20px 0;display:flex;align-items:flex-start;text-align:left;flex-wrap:wrap;flex-direction:column;align-content:center} .module-form-area .form-l-text h3{font-size:26px;margin-bottom:10px} .module-form-area .form-l-img+.form-l-text{padding:20px} .module-form-area .module-form-r{width:100%;margin:0} .module-form-area .module-form-l+.module-form-r{margin:0} .module-form-area .form-r-title{text-align:center} .module-form-area .xintheme-form button[type=submit]{margin-left:auto} .module-form-area .form-l-no-img .form-l-text{text-align:center} } /*-------------------------------------------------------------- TAb切换 ----------------------------------------------------------------*/ .tab-container .tab-menu{display:flex;justify-content:center;margin:-15px auto 50px;flex-wrap:wrap;gap:15px} .tab-container li.tab-item{width:auto !important;display:inline-block;font-size:14px;color:#063232;border-radius:20px;padding:8px 20px;background-color:#f9f9f9;border:1px solid #063232;margin:0!important;cursor:pointer} .tab-container li.tab-item.active{background:var(--main_color,#16499c);color:#fff;border:1px solid var(--main_color,#16499c)} .tab-container .tab-pane{display:none} .tab-container .tab-pane.active{display:block} @media only screen and (max-width:767px){ .tab-container .tab-menu{margin:0 auto 30px} } /*-------------------------------------------------------------- 经典编辑器 文章相册样式 ----------------------------------------------------------------*/ .gallery{width:100%;margin-bottom:20px!important;overflow:hidden} .gallery br{display:none} .gallery-item{float:left;margin-bottom:0!important} .gallery-icon{text-align:center} .gallery-icon img{width:100%;height:auto;margin-bottom:10px!important} .gallery-caption{color:#222;font-size:12px;margin:0 0 10px;text-align:center} .gallery-columns-1 .gallery-item{width:100%;margin-right:0} .gallery-columns-2 .gallery-item{width:48%;margin:0 1%} .gallery-columns-3 .gallery-item{width:31.33333%;margin:0 1%} .gallery-columns-4 .gallery-item{width:23%;margin:0 1%} .gallery-columns-5 .gallery-item{width:18%;margin:0 1%} @media screen and (max-width:640px){ .gallery-columns-3 .gallery-item,.gallery-columns-4 .gallery-item{width:48%;margin:0 1%} .gallery-columns-5 .gallery-item{width:31.33333%;margin:0 1%} } /*-------------------------------------------------------------- DahuziModal 提示框插件 ----------------------------------------------------------------*/ .dahuzi-modal-box{font-size:14px;color:#666} .dahuzi-modal-box .modal-clos{position:absolute;top:15px;right:15px;cursor:pointer;display:inline-block;font-size:18px;color:#666} .dahuzi-modal-box .modal-item-mask{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);z-index:9999} .dahuzi-modal-box .modal-item-content-box{padding:40px 20px;background:#fff;position:fixed;margin:auto;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 1px 6px;left:50%;top:50%;z-index:9999;-webkit-animation:alertAnimation .5s ease-in-out 0s 1;-moz-animation:alertAnimation .5s ease-in-out 0s 1;animation:alertAnimation .5s ease-in-out 0s 1} .dahuzi-modal-box .modal-item-content{text-align:center;font-size:15px;line-height:1.6;color:#333;padding-top:20px} .dahuzi-modal-box .modal-item-footer{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px} .dahuzi-modal-box .modal-item-footer .model-button{background:var(--main_color,#16499c);border:2px solid var(--main_color,#16499c);color:#fff;padding:5px 30px;border-radius:4px;cursor:pointer} .dahuzi-modal-box .modal-item-footer .model-button:hover{opacity:.8} .dahuzi-modal-box .modal-item-footer .modal-item-cancel{background:#fff;border-color:#333;color:#333} .dahuzi-modal-box .icon{position:relative;width:80px;height:80px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border:4px solid #f0ad4e;margin:15px auto 5px auto;-webkit-box-sizing:initial} .dahuzi-modal-box .icon_box{width:80px;height:80px;margin:0 auto;text-align:center;position:relative} .dahuzi-modal-box .lose .icon{border-color:#ff9090} .dahuzi-modal-box .lose .icon_box{-webkit-animation:lose_Animation .5s ease 0s 1;-moz-animation:lose_Animation .5s ease 0s 1;animation:lose_Animation .5s ease 0s 1} .dahuzi-modal-box .tip .icon{width:80px;height:80px;background-color:#f0ad4e;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;color:#fff;font-size:80px;text-align:center;line-height:80px} .dahuzi-modal-box .success .icon{border-color:#6c3} .dahuzi-modal-box .success .line_short{width:25px;height:5px;position:absolute;left:14px;top:46px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#6c3;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-animation:success_short_Animation .65s ease 0s 1;-moz-animation:success_short_Animation .65s ease 0s 1;animation:success_short_Animation .65s ease 0s 1} .dahuzi-modal-box .success .line_long{width:47px;height:5px;position:absolute;right:8px;top:38px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#6c3;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-animation:success_long_Animation .65s ease 0s 1;-moz-animation:success_long_Animation .65s ease 0s 1;animation:success_long_Animation .65s ease 0s 1} .dahuzi-modal-box .lose .line_left,.dahuzi-modal-box .lose .line_right{width:47px;height:5px;position:absolute;left:17px;top:37px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#ff9090;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .dahuzi-modal-box .lose .line_right{right:11px;top:37px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)} /* 总体动画 函数 */ /*all animate*/ @-webkit-keyframes alertAnimation { 0% { -webkit-transform: scale(0.5); } 45% { -webkit-transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes alertAnimation { 0% { -webkit-transform: scale(0.5); } 45% { -webkit-transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); } 100% { -webkit-transform: scale(1); } } @-webkit-keyframes alertAnimation { 0% { -webkit-transform: scale(0.5); } 45% { -webkit-transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); } 100% { -webkit-transform: scale(1); } } /*all animate*/ /*success short animate*/ @-webkit-keyframes success_short_Animation { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -4px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-moz-keyframes success_short_Animation { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -4px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes success_short_Animation { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -4px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } /*success short animate*/ /*success long animate*/ @-webkit-keyframes success_long_Animation { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-moz-keyframes success_long_Animation { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes success_long_Animation { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } /*success long animate*/ /*lose_Animation*/ @-webkit-keyframes lose_Animation { 0% { -webkit-transform: scale(0.6); opacity: 0.2; } 50% { -webkit-transform: scale(0.6); opacity: 0.5; } 80% { -webkit-transform: scale(1.15); opacity: 0.8; } 100% { -webkit-transform: scale(1); opacity: 1.0; } } @-moz-keyframes lose_Animation { 0% { -webkit-transform: scale(0.6); opacity: 0.2; } 50% { -webkit-transform: scale(0.6); opacity: 0.5; } 80% { -webkit-transform: scale(1.15); opacity: 0.8; } 100% { -webkit-transform: scale(1); opacity: 1.0; } } @-webkit-keyframes lose_Animation { 0% { -webkit-transform: scale(0.6); opacity: 0.2; } 50% { -webkit-transform: scale(0.6); opacity: 0.5; } 80% { -webkit-transform: scale(1.15); opacity: 0.8; } 100% { -webkit-transform: scale(1); opacity: 1.0; } } /*lose_Animation*/