/* Theme Name: Zhongxin Description: Child theme for hello-elementor Author: Jeffrey Author URI: https://www.592591.com Template: hello-elementor Version: 1.0.0 Text Domain: Zhongxin */ p{margin: 0; padding: 0;} .margin96{margin-top: 96px; margin-bottom: 96px;} .top{background: #fff; position: fixed; z-index: 99;} .whitebg .e-con-inner{background-color: #fff;} #mainnav{margin-right: 30px;} #mainnav li a{color: #323233;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px; /* 150% */} #mainnav li a:hover,#mainnav li.current-menu-item a{color: #8DC11E; text-decoration: none;} #mainnav li:hover{border-bottom: none;} #mainnav .sub-menu li a{font-size: 14px; color: #323233;} #mainnav .sub-menu li a:hover{color: #fff;} .topsearch{padding: 0; height: 34px;} .topsearch .e-search{border-radius: 20px;border: 1px solid #323233;} .topsearch .e-search input,.topsearch .e-search button{border:none; background: none; padding: 5px; min-height: auto; height: 30px; line-height: 30px;} .topsearch .e-search-submit>svg:is(svg){height: 34px!important; fill: none!important;} #banner .swiper-pagination{background: rgba(0, 0, 0, 0.40); border-radius: 40px; padding: 10px;} #banner .swiper-pagination-bullet-active{width: 60px; border-radius: 5px; background: #fff;} #homecat{padding: 96px 0;} #footer{padding-top: 60px;} .copyright{border-top: 1px solid #646566; padding: 20px 0 0 0;} #footernav h4.elementor-heading-title{color: #fff; font-size: 16px; margin-bottom: 20px;} #footernav .menu-item a{padding: 3px 0; font-size: 14px; font-weight: normal; color: #fff;} #footernav .menu-item a:hover{color: #8DC11E;} #footernav span.phone,#footernav span.data{display: block; color: #fff;} #footernav span.phone{font-weight: bold;} #footernav span.data{font-size: 14px;} #footernav .email{margin-top: 20px;} #footernav .email .elementor-icon-box-description{color: #fff; font-weight: 600; } /* .casetab-title .elementor-widget-icon-box{margin-left: 160px;} .casetab-title .elementor-widget-icon-box a:hover{color: #8DC11E;} .casetab-title .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon{background-color: #8DC11E;} .casetab-title .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon>svg:is(svg){color: #fff;} */ .casetab-title .casehd li{list-style-type: none; display: inline-block; text-align: center; margin-left: 160px;} .casetab-title .casehd li span{display: block; color: #323233; font-weight: 600; font-size: 16px;} .casetab-title .casehd li:hover span,.casetab-title .casehd li.on span{color: #8DC11E;} .casetab-title .casehd li span.ico{width: 60px; height: 60px; border-radius: 50%; display: inline-block;} .casetab-title .casehd li span.cat1{background: #F6FCE9 url(images/h-cat1.png) center center no-repeat;} .casetab-title .casehd li span.cat2{background: #F6FCE9 url(images/h-cat2.png) center center no-repeat;} .casetab-title .casehd li span.cat3{background: #F6FCE9 url(images/h-cat3.png) center center no-repeat;} .casetab-title .casehd li span.cat4{background: #F6FCE9 url(images/h-cat4.png) center center no-repeat;} .casetab-title .casehd li:hover span.cat1,.casetab-title .casehd li.on span.cat1{background: #8DC11E url(images/h-cat1-h.png) center center no-repeat; cursor: pointer;} .casetab-title .casehd li:hover span.cat2,.casetab-title .casehd li.on span.cat2{background: #8DC11E url(images/h-cat2-h.png) center center no-repeat; cursor: pointer;} .casetab-title .casehd li:hover span.cat3,.casetab-title .casehd li.on span.cat3{background: #8DC11E url(images/h-cat3-h.png) center center no-repeat; cursor: pointer;} .casetab-title .casehd li:hover span.cat4,.casetab-title .casehd li.on span.cat4{background: #8DC11E url(images/h-cat4-h.png) center center no-repeat; cursor: pointer;} #cattab .elementor-tabs-wrapper .elementor-tab-desktop-title,#casetab .elementor-tabs-wrapper .elementor-tab-desktop-title{font-weight: 600;} #cattab .elementor-tabs-wrapper .elementor-tab-desktop-title.elementor-active,#casetab .elementor-tabs-wrapper .elementor-tab-desktop-title.elementor-active{border-bottom: 1px solid #323233;} #other-case-box .elementor-grid{} #other-case-box .elementor-grid .e-loop-item{} #other-case-box .elementor-grid .e-loop-item.zoomed {transform: scale(1.2); /* 放大1.2倍 */} #other-case-box .other-case-item .elementor-widget-container h3{max-width: 480px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* home cat tab */ .Home-cat-tab{ width:100%; text-align:left; font-family: "Montserrat", Sans-serif;} .Home-cat-tab .cathd{ height:70px; position:relative; } .Home-cat-tab .cathd ul{position:absolute; top:-1px; height:72px; width: 100%; text-align: center; } .Home-cat-tab .cathd ul li{padding:20px 0; margin: 0 30px; cursor:pointer; display: inline-block; border-bottom: 1px solid #fff; color: #969799; font-weight: 600;} .Home-cat-tab .cathd ul li.on{ height:70px; border-bottom:1px solid #323233; color: #323233;} .Home-cat-tab .catbd .clearfix{padding:40px 0 0 0; zoom:1; } #homeabout{padding: 96px 0;} #homeabout .icolist{margin-top: 56px;} #homeabout .icolist .elementor-widget-icon-box{margin-bottom: 34px;} #homeabout .icolist .elementor-widget-icon-box:hover .elementor-icon-box-title, #homeabout .icolist .elementor-widget-icon-box:hover .elementor-icon-box-description{color: #8DC11E;} #homeabout .icolist .elementor-icon-box-icon .elementor-icon{border: 1px dashed #8DC11E; border-radius: 50%;} #homeabout .icolist .elementor-icon-box-icon a:hover svg{fill: #8DC11E;} #homeabout .icolist .elementor-icon-box-title{margin-bottom: 5px;} #homebg1,#homeblog{padding: 96px 0;} #homebg1 .elementor-counter-number-wrapper .elementor-counter-number{border-bottom: 1px solid #8DC11E; padding-bottom: 15px;} #homebg1 .elementor-widget-counter:nth-child(2) .elementor-counter-number-wrapper .elementor-counter-number,#homebg1 .elementor-widget-counter:nth-child(4) .elementor-counter-number-wrapper .elementor-counter-number{border-bottom: 1px solid #000;} #bloglist{margin-top: -100px;} #bloglist .elementor-widget-container .elementor-loop-container .category-blog:nth-child(3){margin-top: 130px;} #bloglist .elementor-widget-container .elementor-loop-container .elementor-heading-title a{background: url(images/jiantou.png) right center no-repeat; padding-right: 30px;} #footercontact{padding-bottom: 96px;} #solution-filter{position:absolute; bottom: 0;} #solution-filter .wpc-posts-found{display: none;} #solution-filter select.wpc-filters-widget-select{background: rgba(0, 0, 0, 0.20); border: none; color: #fff; height: 50px;} #solution-filter select.wpc-filters-widget-select option{background: #fff; color: #000;} #solution-filter select.wpc-filters-widget-select option:hover{background: #8DC11E;} #solution-item .elementor-gallery__titles-container{display: none;} #solution-item .elementor-heading-title a:hover{color: #8DC11E;} #solution-item .e-gallery-item.elementor-gallery-item{padding-bottom: 40px;} #solution-item .e-gallery-item.elementor-gallery-item .elementor-gallery-item__content .elementor-gallery-item__title{padding-bottom: 10px;} #solution-item .e-gallery-item.elementor-gallery-item .elementor-gallery-item__content:hover .elementor-gallery-item__title{color: #8DC11E;} #solutions-info .elementor-widget-container ul.elementor-icon-list-items li .elementor-icon-list-icon{border: 1px solid #F7F8FA; border-radius: 50%; padding: 5px; margin-right: 10px; width: 22px; height: 22px;} #solutions-info .elementor-widget-container ul.elementor-icon-list-items li:hover .elementor-icon-list-icon{border: 1px solid #8DC11E; } #solutions-info .elementor-widget-container ul.elementor-icon-list-items .elementor-icon-list-text{background: #fff; padding: 14px 28px; border-radius: 16px;} #solutions-info .elementor-widget-container ul.elementor-icon-list-items li:hover .elementor-icon-list-text{background: #8DC11E; color: #fff; cursor: pointer;} #pro-neiye-img .pro-men-ico{position: absolute; top: -100px; right: -100px;} #pro-neiye-img .pro-men-ico img{max-width: 180px; height: auto;} #casetab .elementor-widget-container .elementor-tab-content{padding:40px 0 0 0;} #casetab .elementor-widget-container .elementor-swiper-button{border: 1px solid #dcdee0; padding: 10px; border-radius: 50%; right:3%; left: auto; top: 8%;} #casetab .elementor-widget-container .elementor-swiper-button:hover{border: 1px solid #c8c9cc; background-color: #c8c9cc; color: #fff;} #casetab .elementor-widget-container .elementor-swiper-button-prev{right: 7%;} #solution-date-item .solution-ico-bg .elementor-icon-wrapper,#faq-cat .elementor-icon-box-icon{padding: 12px;border-radius: 70px;background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0%, rgba(202, 255, 51, 0.00) 100%);width: 94px; height: 94px;} #solution-date-item .solution-ico-bg .elementor-icon,#faq-cat .elementor-icon{border-radius: 50px;border: 1px solid #CAFF33;background: linear-gradient(180deg, rgba(202, 255, 51, 0.10) -66.22%, rgba(202, 255, 51, 0.00) 85.46%); padding: 20px;width: 70px; height: 70px;} #solution-date-item .elementor-counter-title{line-height: 22px;} #solution-date-item .elementor-counter-number-wrapper .elementor-counter-number-suffix{margin-left: 10px;} #canshulist .elementor-widget-text-editor{border-top: 1px solid #DCDEE0; padding: 20px 0 6px 0;} #number-line .elementor-widget-counter{border-left: 1px solid #fff; padding-top: 20px; padding-bottom: 20px;} #number-line .elementor-widget-counter:nth-child(1){border: none;} #faq-cat .faq-cat-item{padding-top: 11px; padding-bottom: 11px;} #faq-cat .faq-cat-item:hover{background: rgba(0, 0, 0, 0.30);} #blog-featured .e-loop-item{border-bottom: 1px solid #DCDEE0; padding-bottom: 21px; margin-bottom: 21px;} #blog-featured .e-loop-item h2.elementor-heading-title{max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #bloglist2 .blog-item .elementor-icon,#other-case-box .e-loop-item .other-case-item .other-case-ico .elementor-icon{opacity: 0;} #bloglist2 .blog-item .elementor-heading-title{max-width: 440px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #bloglist2 .blog-item:hover .elementor-icon,#other-case-box .e-loop-item:hover .other-case-item .other-case-ico .elementor-icon{transition-duration: 0.6s; opacity: 1;} #bloglist2 .blog-item:hover .elementor-heading-title{text-decoration: underline;} .about-video video {width: 100%; height: auto; padding: 5px 0 6px; max-width: 965px;} #about-design .about-design-items .about-design-items-title{margin-bottom: -20px;} #about-design .about-design-items:hover .about-design-items-title{transition-duration: 0.6s; margin-bottom: 0px;} #about-design .about-design-items .about-design-items-text{opacity: 0;} #about-design .about-design-items:hover .about-design-items-text{transition-duration: 0.6s; opacity: 1;} .about-txtMarquee-left{ width:100%; position:relative; margin: 40px 0 20px 0; } .about-txtMarquee-left .bd{} .about-txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */ .about-txtMarquee-left .bd ul{ overflow:hidden; zoom:1; } .about-txtMarquee-left .bd ul li{ margin-right:40px; float:left; text-align:left; _display:inline; width:auto !important; list-style: none; font-size: 16px; font-weight: 600; font-family: Montserrat; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */ /* about历程 */ .licheng{ width:100%; } .licheng .hd{ height:50px; line-height:50px; position:relative; background: url(images/about-lc-line.png) center 8px repeat-x;} .licheng .hd ul{ float:left; position:absolute; left:0; top:-1px; height:52px; padding-left: 0;} .licheng .hd ul li{ float:left; padding:15px 15px 15px 0; cursor:pointer; list-style: none; background: url(images/about-lc-ico1.png) left top no-repeat; margin-right: 100px;} .licheng .hd ul li.on{ height:50px;background: url(images/about-lc-ico1-hover.png) left top no-repeat;} .about-licheng{clear: both; height: 650px;} .about-licheng .about-lc-img{float: left; width: 40%;} .about-licheng .about-lc-info{float: right; width: 55%;} .about-licheng .about-lc-info .text{font-size: 14px;} .about-licheng .about-lc-info h3{font-size: 56px; margin-top: 22px; margin-bottom: 30px;} .about-licheng .about-lc-info .moretext{font-size: 14px;} /* 下面是前/后按钮代码，如果不需要删除即可 */ /* .slideTxtBox .arrow{ position:absolute; right:10px; top:0; } .slideTxtBox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; } .slideTxtBox .arrow .next{ background-position:0 -50px; } .slideTxtBox .arrow .prevStop{ background-position:-60px 0; } .slideTxtBox .arrow .nextStop{ background-position:-60px -50px; } */ /* FAQ列表 */ .faqside .e-loop-item{border-bottom: 1px solid #DCDEE0; padding-bottom: 14px;} .faqside h6{ line-height:24px; font-size: 16px; font-weight: 600; cursor:pointer; background: url(images/faq-ico.png) right center no-repeat;} .faqside h6.on{background: url(images/faq-ico-hover.png) right center no-repeat;} .faqside .faq-side-content{color:#646566; font-size: 14px; display:none1; /* 默认都隐藏 */ } .search-subcat{margin-top: 50px;} .search-subcat a{color: #969799; margin-left: 36px; margin-right: 36px; font-size: 16px; line-height: 60px;} .search-subcat a:hover{color: #323233; text-decoration: underline; font-weight: 600;} #search-tab{margin-top: -113px;} #search-tab .elementor-tabs-wrapper .elementor-tab-desktop-title.elementor-active,#casetab .elementor-tabs-wrapper .elementor-tab-desktop-title.elementor-active{border-bottom: 1px solid #323233;} .wpb-posts-nav{border-top: 1px solid #DCDEE0; margin-top: 40px; padding-top: 20px; display: flex; justify-content: space-between;} .wpb-posts-nav a{color: #323233;} .wpb-posts-nav a:hover{color: #8DC11E;} .wpb-posts-nav .prev{max-width: 50%; display: flex;} .wpb-posts-nav .prev .prev-thumb,.wpb-posts-nav .next .next-thumb{width: 35%;} .wpb-posts-nav .prev .prev-info{width: 65%; padding-left: 20px;} .wpb-posts-nav .prev .prev-info strong,.wpb-posts-nav .next .next-info strong{font-weight: normal; font-size: 14px; display: flex;} .wpb-posts-nav .prev .prev-info strong svg{margin-right: 12px;} .wpb-posts-nav .prev .prev-info h4,.wpb-posts-nav .next .next-info h4{font-size: 16px; line-height: 24px;} .wpb-posts-nav .next{max-width: 50%; display: flex;} .wpb-posts-nav .next .next-info strong{justify-content: flex-end;} .wpb-posts-nav .next .next-info strong svg{margin-left: 12px;} .wpb-posts-nav .next .next-info{width: 65%; padding-right: 20px; text-align: right;} .wpb-posts-nav .wp-post-image{width: 154px; height: 106px;} .contactform .wpforms-container .wpforms-field{ padding: 6px 0;} .contactform .wpforms-submit-container{text-align: right;} .contactform .wpforms-submit-container button{border-radius: 24px!important; padding: 13px 55px!important; font-size: 16px!important; height: 50px!important;} .contactus-form .wpforms-submit-container button{border-radius: 24px!important; padding: 13px 55px!important; font-size: 16px!important; height: 50px!important;} /* 首页案例tab */ #casetab .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; } #casetab .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; } #casetab .hd ul li{ float:left; padding:0 15px; cursor:pointer; } #casetab .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; } #casetab .bd ul{ padding:15px; zoom:1; } #casetab .bd li{ height:24px; line-height:24px; } #casetab .bd li .date{ float:right; color:#999; } /* 解决方案内页tab */ .solutionsbd div img{transition-duration:.5s; transition-property:transform;} .solutionsbd div:hover img{transform: scale(1.5);} #wpforms-1766-field_1-container,#wpforms-1801-field_2-container,#wpforms-1766-field_1-container{display: none;} @media (max-width:767px){ .margin96{margin-top: 48px; margin-bottom: 48px;} #mainnav{margin-right: 15px;} #mainnav li a:hover, #mainnav li.current-menu-item a{color: #fff;} #banner .elementor-swiper-button{display:none;} .casetab-title .elementor-widget-icon-box{margin-left: 0; min-width: 110px; min-height: 100px;} .casetab-title .casehd ul{padding: 0; margin: 0;} .casetab-title .casehd li{margin-left: auto; width: 49%; margin-bottom: 24px;} #homeabout,#homebg1,#homeblog{padding: 60px 15px;} #solution-filter{bottom: 40px;} #solution-filter select.wpc-filters-widget-select{height: auto;} #solution-filter .wpc-filters-section{margin-bottom: 0; height: 50px;} #solution-filter .wpc-filter-application_scenarios,#solution-filter .wpc-filter-product_attributes{width: 50%; display: inline-block;} #solution-filter .wpc-filter-application_scenarios .wpc-filter-application_scenarios,#solution-filter .wpc-filter-product_attributes .wpc-filter-product_attributes{width: 100%;} #solution-filter .wpc-filter-application_scenarios .wpc-filter-application_scenarios{padding-right: 10px;} #solution-filter .wpc-filter-product_attributes .wpc-filter-product_attributes{padding-left: 10px;} #solution-filter select.wpc-filters-widget-select{background: rgba(0, 0, 0, 0.50);} #solutions-info .elementor-widget-container ul.elementor-icon-list-items li .elementor-icon-list-icon{margin-right: 5px;} #solutions-info .elementor-widget-container ul.elementor-icon-list-items .elementor-icon-list-text{padding: 6px 10px; font-size: 13px;} #solution-item .solution-item-info{max-height: 78px; overflow: hidden; margin-bottom: 16px;} #pro-neiye-img .pro-men-ico{top: 10px; right: 0;} #pro-neiye-img .pro-men-ico img{max-width: 100px; height: auto;} #canshulist .elementor-widget-text-editor{padding: 10px 0; height: 65px;} #canshulist .elementor-widget-text-editor .elementor-widget-container{display: flex; align-items: center;} #casetab .elementor-widget-container .elementor-swiper-button{top: 40%;} #casetab .elementor-widget-container .elementor-swiper-button-prev{right: 52%;} #casetab .elementor-widget-container .elementor-swiper-button-next{right: 37%;} #case-bg{background-size: cover; background-position: top center;} #faq-cat{margin-top: -120px;} #faq-cat .elementor-icon-box-icon{padding: 6px; width: 60px; height: 60px; margin-right: 5px;} #faq-cat .elementor-icon{padding: 10px;width: 50px; height: 50px;} #faq-cat .elementor-icon-box-content .elementor-icon-box-title{word-break: break-all;} #blog-featured .e-loop-item h2.elementor-heading-title{max-width: 100%; white-space:normal; text-overflow: clip;} #bloglist2 .blog-item .elementor-heading-title{max-width: 100%; white-space:normal} .wpb-posts-nav .prev .prev-thumb,.wpb-posts-nav .next .next-thumb{display: none;} .wpb-posts-nav .prev .prev-info{width: 100%; padding-left: 0;} .wpb-posts-nav .next .next-info{width: 100%; padding-right: 0;} .wpb-posts-nav .prev .prev-info h4, .wpb-posts-nav .next .next-info h4{max-height: 50px; overflow: hidden;} .about-licheng{height: auto; text-align: center;} .about-licheng .about-lc-img,.about-licheng .about-lc-info{float: none; width: 100%;} .about-licheng .about-lc-info{margin-top: 32px; margin-bottom: 20px;} .about-licheng .about-lc-info h3{font-size: 34px; margin-top: 5px; margin-bottom: 10px;} .contactbox .elementor-widget-container .elementor-image-box-wrapper{display: flex;} .contactbox .elementor-widget-image-box .elementor-image-box-content{margin-left: 15px;} .Home-cat-tab .cathd{white-space: nowrap; overflow-x: auto; overflow-y: hidden; height: 40px; margin-left: 15px; margin-right: 15px;} .Home-cat-tab .cathd ul{padding: 0;} .Home-cat-tab .cathd ul li{margin: 0 5px; padding: 5px;} .Home-cat-tab .cathd ul li.on{height: auto;} #homeabout .icolist{margin-top: 32px;} #homeabout .icolist .elementor-icon-box-icon .elementor-icon{margin-top: 50px;} .number-grid .elementor-element{width: 50%;} #bloglist,#bloglist .elementor-widget-container .elementor-loop-container .category-blog:nth-child(3){margin-top: 0;} #footercontact{padding-bottom: 0px;} #footer-menu-tab .elementor-accordion-item{border-bottom: 0.5px solid #DCDEE0;} #footer-menu-tab .elementor-tab-content{padding-bottom: 18px;} #footer-menu-tab .elementor-nav-menu--main li.menu-item a{color: #fff; font-size: 14px; display: block; padding: 5px 0; font-weight: normal;} .licheng .hd{white-space: nowrap; overflow-x: auto; overflow-y: hidden;} .licheng .hd ul li{display: inline-block; margin-right: 0; float: none;} .about-txtMarquee-left{margin: 20px 0;} #solution-date-item .solution-ico-bg .elementor-icon-wrapper{width: 60px; height: 60px; padding: 6px;} #solution-date-item .solution-ico-bg .elementor-icon{width: 50px; height: 50px; padding: 10px;} #date-grid .elementor-widget-image img{max-width: 60px;} #date-grid .elementor-widget-container{text-align: center;} #date-grid h4.elementor-heading-title{font-size: 16px; line-height: 19px; margin-top: 20px; margin-bottom: 8px;} .contactform .wpforms-submit-container{text-align: center;} }