/*
Theme Name: Gosun Led
Theme URI: https://www.hehemeimei.net/
Description: Gosun 官方网站
Author: 18688782994
Author URI: https://www.hehemeimei.net/
Template:		Modular
Version:		1.0.0
*/


@font-face {
  font-family: "Lato Medium" !important;
  src: url("Lato.woff2") format("woff2");
}
@font-face {
  font-family: "Gotham Medium";
  src: url("Gotham Medium.woff2") format("woff2");
}

body, a {
  font-family: "Lato Medium" !important;
  font-size: 14px !important;
}
h1, h2, h3, h4, h5, .section-title {
  font-family: "Gotham Medium" !important;
  text-transform: uppercase !important;
}

.theme-history2 .history-date p {
	font-family: "Gotham Medium" !important;
	font-size: 18px !important;
}
.theme-history2 .swiper-slide-thumb-active .history-date p {
	font-size: 20px !important;
}
.module-theme-count .count-module .count-item {
	background: none !important;
	box-shadow:none !important;
	color: #ffffff !important;
}
#module-435 .section, #module-2990 .section {
    padding: 0px !important;
}
.module-theme-count .count-module .count-item .item-img img {
	max-width: 60px !important;
}
.module-theme-count .count-module .count-item .item-img {
    margin: 0 20px 0 0 !important;
    float: left !important;
}
.module-theme-count .count-module .count-item {
    text-align: left !important;
}
.module-theme-count .count-module .count-item .item-desc {
    margin: 10px 0 0 !important;
    font-size: 14px !important;
    display: flex;
}
/*.module-theme-count .count-module .count-item .item-desc {
	font-size: 14px !important;
}*/

.module-theme-contact .md-contact ul li i {
	font-size: 58px !important;
	color: #000 !important;
}
.module-theme-contact .md-contact ul li:hover i {
	color:#fff !important;
}
.module-theme-imgtext-banner .imgtext-banner {
	padding: 180px 0 !important;
}

#module-2983 .md-contact.style_4 ul li {
	width: calc(20% - 20px);
}

.module-theme-tab .tab-text {
	padding: 100px 50px !important;
    width: 55% !important;
}
.tab-product-wrapper .menu-left-tel .tel-text p {
	font-size: 18px !important;
}

.module-theme-tab .tab-img {
    width: 45% !important;
}

/*留言表单*/


/*.module-theme-form form .form-group {
    position: relative;
}
.module-theme-form form .field-label-container {
    position: absolute;
    line-height: 44px;
    padding-left: 10px;
}
.wpjam-form .required .field-label:after {
    float: left;
    margin-right: 5px !important;
}*/
::placeholder {
  color: #ccc;
}
.module-theme-form  form button {
    width: 100%;
    color: #eee;
    border: none;
    border-radius: 4px;
    background: #23a37c;
    padding: 12px !important;
}
.module-theme-form  form button:hover {
    color: #fff;
    background:#0f5f46;
}




/*方案弹窗*/

.fr-fa-hd{
    margin: 0 auto;
    position: relative;
}

        circle,
        .circle1,
        .circle2,
        .circle3 {
            width: 10px;
            height: 10px;
            background: rgba(255, 1, 2, 0.75);
            border: 1px solid rgba(255, 1, 2, 0.85);
            border-radius: 999px;
            position: absolute;
        }

        circle1,
        .circle2,
        .circle3 {
            animation-name: circleChange;
            animation-duration: 3s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        circle1 {
            animation-delay: 1s;
        }

        circle2 {
            animation-delay: 2s;
        }

        circle3 {
            animation-delay: 3s;
        }

        @keyframes circleChange {
            0% {
                transform: scale(1);
                opacity: 0.95;
            }

            25% {
                transform: scale(2);
                opacity: 0.75;
            }

            50% {
                transform: scale(3);
                opacity: 0.5;
            }

            75% {
                transform: scale(4);
                opacity: 0.25;
            }

            100% {
                transform: scale(5);
                opacity: 0.05;
            }
        }

        @media only screen and (min-width: 990px) {
            .image-hotspot {
                height: 24px;
                width: 24px;
                line-height: 24px;
                font-size: 11px;
            }

            .image-hotspot-pulse {
                height: 54px;
                width: 54px;
                top: -15px;
                left: -15px;
            }
        }

        .responsive-img {
            max-width: 100%;
            /* 图片不会超过其容器的宽度 */
            height: auto;
            /* 高度自动调整以保持比例 */
            display: block;
            /* 防止图片下方出现多余的空白 */
            margin: 0 auto;
            /* 使图片在容器中居中 */
        }

        .outline {
            margin: 20px 0;
            color: #000;
            font-size: 16px;
            line-height: 1.6;
            align-items: flex-start;
        }

        .image-hotspot {
            position: absolute;
            border-radius: 50%;
            cursor: pointer;
            -webkit-animation: av_pulsate 2s ease-out infinite;
            animation: av_pulsate 2s linear infinite;
            opacity: 1;
            visibility: visible;
        }

        .fr-fa-popup {
            transition: all 0.3s ease-in-out;
            display: none;
            position: absolute;
            top: 17%;
            left: 4%;
            width: 260px;
            background-color: white;
            padding: 15px;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            font-size: 14px;
            min-width: 100px;
            color: #000;
            text-align: center;
            opacity: 0;
            transform: scale(0.8);
        }

        .fr-fa-popup p {
            text-align: left !important;
        }

        .fr-fa-popup img {
            width: 75%;
            max-width: 80%;
            height: auto;
            text-align: center;
        }

        .fr-fa-popup.active {
            display: block;
            opacity: 1;
            transform: scale(1);
        }

        .fr-fa-popup button {
            position: absolute;
            right: 5px;
            top: 5px;
            transform: scale(1);
            opacity: 1;
            transition: all 0.2s ease-in-out;
        }

        .fr-fa-popup button:hover {
            transform: scale(1.2);
            opacity: 0.8;
        }

        .fr-fa-url {
            position: relative;
            display: inline-block;
            margin: 0 5px 10px;
            padding: 0 30px;
            width: auto;
            background: #23a37c;
            color: #fff;
            font-size: 14px;
            line-height: 39px;
            cursor: pointer;
            border-radius: 20px !important;
            text-decoration: none;
        }

        #carousel {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        .slide {
            display: none;
            width: 100%;
            text-align: center;
        }

        .slide.active {
            display: block;
        }

        .fr-fa-url:hover {
            background: #000;
            color: #f5f5f5;
        }

        .carousel {
            position: relative;
            width: 100%;
        }

        .carousel-item {
            display: none;
        }

        .carousel-item.active {
            display: block;
        }

        @media (max-width: 768px) {
            .header {
                padding: 10px 0;
            }

            .fr-fa-popup {
                top: 50%;
                left: 13%;
                transform: translate(-50%, -50%);
            }

            .fr-fa-popup img {
                width: 55%;
                max-width: 80%;
                height: auto;
                margin: auto;
                text-align: center;
            }

            .fr-fa-popup {
                transition: all 0.3s ease-in-out;
                display: none;
                position: absolute;
                top: 17%;
                left: 2%;
                width: 210px;
                background-color: white;
                padding: 15px;
                border: 1px solid #ccc;
                border-radius: 8px;
                box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
                z-index: 1000;
                font-size: 14px;
                min-width: 100px;
                color: #000;
                text-align: center;
                opacity: 0;
                transform: scale(0.8);
            }

        }

        @media (max-width: 480px) {
            .fr-fa-icon {
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: red;
                border-radius: 50%;
                cursor: pointer;
            }

            .fr-fa-header {
                padding: 5px 0;
            }

            .fr-fa-popup {
                transition: all 0.3s ease-in-out;
                display: none;
                position: absolute;
                top: 17%;
                left: 2%;
                width: 75%;
                background-color: white;
                padding: 15px;
                border: 1px solid #ccc;
                border-radius: 8px;
                box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
                z-index: 1000;
                font-size: 14px;
                min-width: 100px;
                color: #000;
                text-align: center;
                opacity: 0;
                transform: scale(0.8);
            }

            .fr-fa-popup {
                position: absolute;
                /* 确保弹窗使用绝对定位 */
                background: white;
                /* 示例：设置背景色 */
                padding: 10px;
                /* 示例：设置内边距 */
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                /* 示例：添加阴影 */
                border-radius: 5px;
                /* 示例：添加圆角 */
                z-index: 1000;
                /* 确保弹窗在其他元素之上 */
                max-width: 90%;
                /* 限制弹窗的最大宽度 */
/*                max-height: 80%;*/
                /* 限制弹窗的最大高度 */
                overflow: auto;
                /* 如果内容超出，允许滚动 */
            }
        }

/*方案弹窗 End*/


#module-3068 .count-item {
    width: calc(20% - 10px) !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    text-align: center !important;
}
#module-3068 .count-item .item-img,#module-3068 .count-item  .item-desc {
    display: contents !important;
}

@media (max-width: 480px) {
    #module-3068 .count-item {
    width: calc(100% - 20px) !important;
}
}

.footer-widget .link {
    line-height: 32px;
}
.footer-social-icon li i {
    float: left;
    font-size: 24px;
    margin-right: 10px;
}
.footer-social-icon li i:hover {
    transform:scale(1.1)
}


.footer-widget .widget:nth-child(3n) {
	padding: 0 60px !important;
}
.footer-widget .widget:first-child, .footer-widget .widget:nth-child(3n+1) {
	padding: 0 60px !important;
    border-left: 1px solid rgba(255, 255, 255, .1) !important;
}
.footer-widget .widget:nth-child(4n) {
	padding-right: 0 !important;
}
.footer-widget .widget:first-child, .footer-widget .widget:nth-child(4n+1) {
    border-left: none !important;
    padding-left: 0 !important;
}

/*下载列表字体*/
.list-six .post-download .download-title h2 {
    font-size:14px !important;
}


/*多重筛选 类目标题宽度*/
.nav-filter-box .nav-filter-menu>li h3 {
    width: 180px !important;
}


/*关于我们调整*/
.module-theme-about .md-about .about-text p {
    font-size: 14px !important;
    text-align: left !important; 
}


.module-banner .swiper-slide .swiper-text .banner-url {
    margin-top: 20px !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
}




/*客服边栏*/
@font-face {
  font-family: 'iconfont';  /* Project id 5066775 */
  src: url('//at.alicdn.com/t/c/font_5066775_0w07t1tf2iai.woff2?t=1763347959973') format('woff2'),
       url('//at.alicdn.com/t/c/font_5066775_0w07t1tf2iai.woff?t=1763347959973') format('woff'),
       url('//at.alicdn.com/t/c/font_5066775_0w07t1tf2iai.ttf?t=1763347959973') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* ================================
   Right Fixed Contact Bar
================================ */
.fixed-contact {
  z-index:9999999;
  position:fixed;
  right:0;
  top:40%;
  width:50px;
  margin-top:-90px;
  overflow:hidden;
  opacity:0;
  transition:all .4s;
  transform: translateX(95px);
}
.fixed-contact.show {
  transform: none;
  opacity: 1;
}
.fixed-contact.active {
  width: 275px;
}
.fixed-contact ul { margin:0; padding:0; }
.fixed-contact li {
  position: relative;
  height: 50px;
  overflow: hidden;
  transition: all .4s;
  list-style: none;
  background: #3a8abc;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.fixed-contact li a {
  position:absolute;
  top:0;
  right:-135px;
  display:block;
  width:210px;
  line-height:110%;
  padding:18px 0 0 50px;
  color:#fff;
  white-space:nowrap;
  transition:all .4s;
  font-size:13px;
  text-align: left;
  font-weight: normal;
  opacity: 0;
}
.fixed-contact.active li a {
  right:50px;
  opacity: 1;
}

.fixed-contact li i {
  color:#fff;
  position:absolute;
  left:0;
  display:block;
  width:50px;
  height:50px;
  font-size:22px;
  font-weight: 100;
  text-align: center;
  padding-top: 5px;
  transition:all .4s;
}

.fixed-contact li:hover i,
.fixed-contact li:hover a {
  color: #fff;
}

.fixed-contact .online_code a img {
  max-width:90px;
  margin-bottom: 5px;
}
.fixed-contact.active .online_code {
  height:160px;
}
.fixed-contact.active .online_code a p{
  margin:0;
  margin-bottom:5px;
}
.fixed-contact li.online_code:hover a{
  opacity:1;
  right: auto;
}

@media only screen and (max-width: 768px) {
  .fixed-contact{display:none !important;}
  .fixed-contact.show{opacity:0;}
}
@media screen and (min-width: 992px) {
    .header .header-menu .menu-item-img .sub-menu li {
        width: calc(20% - 16px) !important;
    }
}
.module-theme-service .service-item-head h3 {
	font-size: 20px !important;
}