/*
Theme Name: Lide Turnstile
Theme URI: https://www.lideturnstile.com/
Description: Lide 闸机网站
Author: Jeff Hu
Author URI: https://www.lideturnstile.com/
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;
}

/*下载图标*/
.list-six .post-download .download-img {
    padding: 5px !important;
    max-width: 45px !important;
    border: none !important;
}

/*左侧联系我们*/
.left_contact .more_h:after{ position: absolute; right: 0px; top: 0px; width:40px; height: 100%; display: inline-block; content: ''; background:url("images/ico_jt.png") no-repeat center center; opacity: 0;}

.left_contact {margin-top:30px;width:100%;padding: 40px 6%;  background: #777;background-size:cover;background-repeat: no-repeat;box-shadow:0 10px 30px 5px rgba(0,0,0,0.05);border-radius:0;position:relative; overflow: hidden;}

.left_contact .main{position:relative;left:0;top:0;padding:40px 6%;z-index:2; }

.left_contact .icon{ width: 120px; height: 120px; background: url("images/yuan2.png") no-repeat center center; background-size: 100% 100%; padding: 22px; margin-bottom: 20px; position: relative;}

.left_contact .icon:before{content:'';position:absolute;left:22px;top:22px;right:22px;bottom:22px; border-radius:50%;background:#11418a url("images/cross_grid.png") no-repeat center center;}

.left_contact .title{font-size:20px !important;;line-height:24px;color:#fff;font-family:"Gotham Medium" !important;  text-transform:capitalize;margin-top:20px;margin-bottom:15px;display:block;}

.left_contact .title:hover{text-decoration:none;}

.left_contact .text{font-size:12px;color:rgba(255,255,255,0.8);line-height:24px;}

.left_contact .main_more a{color: #fff; font-size:14px; line-height: 40px;  display: inline-block; padding: 0px 20px; background:#11418a;font-family:'Gotham Medium' !important;; text-transform: uppercase; margin-top: 30px;}

.left_contact .main_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}

.left_contact .main_more a:hover{ background: #b92d28; color: #fff;}