body{
	background-color:rgb(80,70,70);
}

.lato-company {
  font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.en-font{
  font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#qodef-page-header .widget a{
    color: white;
}

.qodef-header-sticky{
    border-bottom-color: #BE2323;  background-color:rgb(80,70,70);
}

#qodef-page-header-inner.qodef-skin--light nav>ul>li.current-menu-ancestor>a, #qodef-page-header-inner.qodef-skin--light nav>ul>li.current-menu-item>a, .qodef-custom-header-layout.qodef-skin--light nav>ul>li.current-menu-ancestor>a, .qodef-custom-header-layout.qodef-skin--light nav>ul>li.current-menu-item>a {
    color:#9CAF41 !important;
}

#qodef-page-header .qodef-header-logo-link .qodef-text-after-logo{
    color:#fff !important;
}

.qodef-header-navigation>ul>li>a{
    color:#fff;
}

.qodef-header-navigation>ul>li.current-menu-parent>a,.qodef-header-navigation>ul>li:hover>a{
    color:#9CAF41 !important;
}

.qodef-header--switch #qodef-page-header-inner.qodef-skin--light .qodef-header-holder--right:before{
    background-color: #BE2323;
}

.more-products2{
	text-align:center; margin-top:42px;
}

.more-products2 a{
	display:inline-block; padding:0px 15px; height:42px; line-height:42px; border:solid 1px #9CAF41; background:none; color:#9CAF41; border-radius:5px; padding:0px 20px; text-decoration:none;
	font-size:16px;
}

.more-products2 a:hover{
	color:#ffffff; background:#9CAF41;
}



.yuyan{
    display: flex; color: white;
}

.yuyan span{
    display: inline-block; padding: 0px 5px;
}

.yuyan a{
    color: white;
}

.yuyan a:hover,.yuyan a.cur{
    color:#9CAF41;
}

.qodef-e-content.zhuoping-detail{
	position:absolute; left:0; bottom:10px; padding:5px 20px; opacity:0; transition:all 0.1s;
}

.zuoping-link{
	height:450px; width:100%; overflow:hidden;
}

.zuoping-link img{
	max-height:100%; height:100%; width:auto !important; max-width:100% !important; position:relative; left:0%;
}

 
article.zp-pics:hover  .qodef-e-content.zhuoping-detail{
	opacity:1;
}

article.zp-pics .qodef-e-content.zhuoping-detail  h4{
	transition:all 0.6s; position:relative; opacity:0; top:20px; transition-delay:0.15s;
}

article.zp-pics .qodef-e-content.zhuoping-detail  .qodef-e-categories{
	transition:all 0.8s; position:relative; opacity:0; top:20px; transition-delay:0.25s;
}

article.zp-pics:hover .qodef-e-content.zhuoping-detail  h4{
	opacity:1; top:0px;
}

article.zp-pics:hover .qodef-e-content.zhuoping-detail  .qodef-e-categories{
	opacity:1; top:0px;
}

article.zp-pics  .qodef-e-media-image:after{
	opacity: 1 !important;
}

article.zp-pics:hover .qodef-e-media-image:after{
	opacity: 0 !important;
}


.cases-nbox .qodef-vertical-gutter--huge{
	--qode-columns-row-gap: 30px !important;
}


/***
.daohang.qodef-page-title{
	border-color:rgb(200,60,60);
}

#qodef-page-header-inner{
	border-color:rgb(200,60,60);
}
***/

/***

====================================================================
	首頁關於我們
====================================================================

***/

.auto-container{
    max-width: 1350px; margin:0 auto; width: 100%; padding: 0px 25px; position: relative;
}



.about-section{
    position:relative;
    padding-top:100px;
    overflow:hidden;
    padding-bottom: 0px;
}

.about-section .image-column{
    position:relative;
    margin-bottom:50px;
}

.about-section .image-column .inner-box{
    position:relative;
    padding-left:75px;
    padding-top:65px;
    padding-right:25px;
}

.about-section .image-column .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    border-top: 500px solid #BE2323;
    border-right:500px solid transparent;
}

.about-section .image-column .inner-box .image{
    position:relative;
}

.about-section .image-column .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.about-section .image-column .inner-box .image .overlay-box{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    color:#ffffff;
    padding:0px;
    text-align:center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.about-section .image-column .overlay-box .overlay-inner{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:table;
    vertical-align:middle;
    padding:10px 20px;
    background: rgba(0, 0, 0, 0.48);
}

.about-section .image-column .inner-box .content{
    position:relative;
    display:table-cell;
    vertical-align:middle;
}

.about-section .image-column .inner-box .content .total{
    font-size:220px;
    font-weight:700;
    color:white;
    font-family: 'Montserrat', sans-serif;
}

.about-section .image-column .inner-box .content .total font{
    font-size: 16px;
}

.about-section .image-column .inner-box .content .text{
    color:white;
    font-size:18px;
    line-height:1.8em;
    margin-top:20px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}

.about-section .content-column{
    position:relative;
}

.about-section .content-column:before{
    content:'';
    position:absolute;
    left:90%;
    margin-left:-200px;
    top:120px;
    width:240px;
    height:240px;
    border:15px solid #CBCBCB;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity: 0.25;
}

.about-section .content-column .inner-box .text{
    position:relative;
    padding-left:100px;
    margin-top:50px;
	color:white;
}

.about-section .content-column .inner-box .text:before{
    position:absolute;
    content:'';
    left:0px;
    top:14px;
    width:80px;
    height:1px;
    margin-top:-1px;
    background-color:#BE2323;
}

.about-section .content-column .inner-box .text p{
    position:relative;
    font-size:17px;
    font-weight:400;
    color:white;
    line-height:1.9em;
    margin-bottom:20px;
}


.sec-title h2 {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 128px;
    color:rgba(153,153,153,0.2);
    line-height: 1em;
    font-weight: 700;
}

.sec-title h3 {
    position: relative;
    color: #9CAF41;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 128px;
    display: inline-block;
    text-transform: uppercase;
}

.sec-title h3:after {
    position: absolute;
    content: '';
    left: 105%;
    top: 50%;
    width: 70px;
    height: 1px;
    margin-top: -1px;
    background-color:#BE2323;
}

.sec-title h4 {
    color: #fff;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 700;
    margin-top: 5px;
}

.index-about-box{
    width:100%; display: flex;
}

.index-about-box .image-column{
    width: 38%;
}

.index-about-box .content-column{
    width: 58%;
}

.index-about-more{
    text-align: right;
}

.index-about-more a{
    display: inline-block; line-height: 42px; padding: 0px 18px; border-radius: 4px; color: #CBCBCB;  border: solid 1px #CBCBCB;
}

.index-about-more a svg{
    position: relative; top: 6px; width: 20px;
}

.index-about-more a:hover{
    background-color:#9CAF41; border-color: #9CAF41; color: white;
}

/***

====================================================================
	首頁關於我們結束
====================================================================

***/

/***

====================================================================
	Fact Counter style
====================================================================

***/

.wap-logo-title{
	color:white; font-size:13px; position:relative; left:6px; text-transform:uppercase;
}


.fact-counter{
    position:relative; padding:50px 0px 0px;
}

.fact-counter .column{
    position:relative;
    z-index:5;
    margin-bottom:30px;
}

.fun-fact-section.style-two .fact-counter .column{
    padding-left:0px;
}

.fact-counter .column .inner{
    position:relative;
    text-align:center;
    padding:35px 0px;
    box-shadow: none;
    background-color: #333333;
    border-radius: 5px;
}

.fact-counter .count-outer{
    position:relative;
    font-size:50px;
    line-height:1em;
    font-weight:600;
    margin:0px 0px;
}

.fact-counter .count-outer .count-text,
.fact-counter .total-client{
    position:relative;
    font-weight:700;
    color:#9CAF41;
    font-size:50px;
    font-family: 'Montserrat', sans-serif;
}

.fact-counter .column .counter-title{
    position:relative;
    font-size:20px;
    font-weight:400;
    color:#CBCBCB;
    font-family: 'proxima_nova_rgregular';
}

.index-num-box-main{
    display: flex; justify-content: space-between;
}


.index-num-box-main .index-num-box{
    width: 22%;
}

.e-img{
	background:white; height:420px; line-height:420px; margin:0 auto; padding:0px 20px; border-radius:10px; width:310px; display:block;
}

.qy-wipers{
	padding:0px 15px;
}

.faqs-boxs{
	padding:95px 15px; max-width:1200px; width:100%; margin:0 auto; padding-top:60px;
}

.faqs-boxs .faq-title{
	text-align:center;
	font-size: 32px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom:42px;
}

.faqs-list{
	margin-left:0px; padding:0px 0px; 
}

.faqs-list li{
	padding:10px 0px; margin-left:0px; list-style-type:none; position:relative; margin-bottom:27px; padding-right:70px;
	border:solid 1px #ccc; padding-left:25px; cursor:pointer; padding-bottom:15px;
}

.faqs-list li .f-title{
	padding:5px 0px; color:white; line-height:36px; 
	color1: var(--qode-main-color);
	color:#dedede;
    font-size: 20px; margin-bottom:0px;
	font-weight:normal;
}

.faqs-list li .f-answer{
	padding:0px 0px; line-height:27px; color:#dedede; height:0; overflow:auto; transition:height 0.8s; font-size:16px; font-family:Arial;
}

.f-operate{
	position:absolute; right:0px; height:100%; width:60px; display:flex; flex-direction:column; justify-content:flex-start; top:0px;
}

.f-operate span{
	display:inline-block; width:60px; height:40px; background:url(../more/add.svg) no-repeat center 15px; background-size:28px auto;
}

.faqs-list li.cur .f-operate span{
	background:url(../more/reduce.svg) no-repeat center 15px; background-size:28px auto;
}

.faqs-list li.cur .f-answer{
	height:auto;
}



/***

====================================================================
	數字結束
====================================================================
项目列表
***/
/***

====================================================================
	Project Section
====================================================================

***/

.project-section{
    position:relative;
    padding-bottom:80px;
}

.project-section.padding-top{
    padding-top:120px;
}

.project-block{
    position:relative;

}
.pad-70{
    margin-bottom: 70px!important;
}

.project-block{
    margin-top:55px; margin-bottom: 55px;
}

.project-block .content-column{
    position:relative;
}

.project-block .content-column .inner-box{
    position:relative;
    padding-top:115px;
    text-align:right;
    padding-right:50px;
}

.project-block .content-column .inner-box h3{
    position:relative;
    font-size:15px;
    color:#9CAF41;
    font-weight:400;
    margin-bottom:25px;
    text-transform:uppercase;
}

.project-block .content-column .inner-box h3:after{
    position:absolute;
    content:'';
    left:105%;
    top:10px;
    height:1px;
    width:225px;
    z-index:9;
    background-color:#BE2323;
}

.index-cases-title-box a{
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    padding: 12px 25px;
    margin-top: 42px;
    display: inline-block;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 4px;
}

.index-cases-title-box a:hover{
    border-color: #9CAF41; background-color: #9CAF41;
}

.project-block .content-column .inner-box h2{
    position:relative;
    font-size:42px;
    font-weight:700;
    line-height:1.2em;
    color:#242424;
    text-transform:capitalize;
}

.project-block .content-column .inner-box h2 a{
    color:#fff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.project-block .content-column .inner-box h2 a:hover{
    color:#9CAF41;
}

.project-block .content-column .inner-box .text{
    color:#fff;
    font-size:17px;
    margin-top:30px;
    margin-bottom:36px;
    line-height: 1.8em;
}

.project-block .content-column .inner-box .more-detail{
    color:#CBCBCB;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.project-block .content-column .inner-box .more-detail:hover{
    color:#9CAF41;
}

.project-block .content-column .inner-box .more-detail .arow{
    position:relative;
    width:26px;
    height:26px;
    color:#9CAF41;
    font-size:10px;
    line-height: 22px;
    padding-left: 3px;
    text-align:center;
    border-radius:50%;
    margin-right:10px;
    border:2px solid #9CAF41;
}

.project-block .image-column{
    position:relative;
    padding-right:70px;
    padding-top:55px;
}

.project-block .triangle-curve{
    position:absolute;
    right:0px;
    top:0px;
    width:380px;
    height:400px;
    overflow:hidden;
}

.project-block .triangle-curve:before{
    position:absolute;
    content:'';
    right:0px;
    top:0px;
    width:100%;
    height:100%;
    border:10px solid #353535;
    border-left:0px;
    border-bottom:0px;
}

.project-block .triangle-curve:after{
    position:absolute;
    content:'';
    left:200px;
    top:-80px;
    width:10px;
    height:600px;
    background:#353535;
    -webkit-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.project-block .image-column .image{
    position:relative;
    padding-left:30px;
    border-left:1px solid #BE2323;
}

.project-block .image-column .image img{
    position:relative;
    width:100%;
    display:block;
}

/*Project Block / Style Two*/

.project-block.style-two{
    margin-bottom:75px;
}

.project-block.style-two .image-column{
    padding:0px 15px;
}

.project-block.style-two .image-column:after{
    position: absolute;
    content: '';
    right: 97%;
    top: 0px;
    width: 260px;
    height: 100%;
    display: block;
    z-index: -1;
    background-color: #f4f4f4;
}

.project-block.style-two .image-column .image{
    padding:0px;
    border:0px;
}

.project-block.style-two .content-column .inner-box{
    padding-top:45px;
    margin-top:15px;
}

/***

====================================================================
	Project Block Two
====================================================================

***/

.project-block-two .content-column{
    position:relative;
}

.project-block-two .content-column .inner-box{
    position:relative;
    padding-top:30px;
    text-align:left;
    margin-top:50px;
    padding-left:30px;
}

.project-block-two .content-column .inner-box h3{
    position:relative;
    font-size:15px;
    color:#9CAF41;
    font-weight:400;
    margin-bottom:25px;
    text-transform:uppercase;
}

.project-block-two .content-column .inner-box h3:after{
    position:absolute;
    content:'';
    right:105%;
    top:10px;
    height:1px;
    width:225px;
    z-index:9;
    background-color:#BE2323;
}

.project-block-two .content-column .inner-box h2{
    position:relative;
    font-size:40px;
    color:#242424;
    font-weight:700;
    line-height:1.2em;
    text-transform:capitalize;
}

.project-block-two .content-column .inner-box h2 a{
    color:#fff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;

}

.project-block-two .content-column .inner-box h2 a:hover{
    color:#9CAF41;
}

.project-block-two .content-column .inner-box .text{
    color:#ffffff;
    font-size:17px;
    margin-top:30px;
    margin-bottom:36px;
    line-height:1.6em;
}

.project-block-two .content-column .inner-box .more-detail{
    color:#CBCBCB;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.project-block-two .content-column .inner-box .more-detail:hover{
    color:#9CAF41;
}

.project-block-two .content-column .inner-box .more-detail .arow{
    position:relative;
    width:26px;
    height:26px;
    color:#9CAF41;
    font-size:10px;
    line-height: 22px;
    padding-left: 3px;
    text-align:center;
    border-radius:50%;
    margin-right:10px;
    border:2px solid #9CAF41;
}

.project-block-two .image-column{
    position:relative;
    padding-left:70px;
    padding-top:55px;
}

.project-block-two .triangle-curve{
    position:absolute;
    left:0px;
    top:0px;
    width:380px;
    height:400px;
    overflow:hidden;
}

.project-block-two .triangle-curve:before{
    position:absolute;
    content:'';
    right:0px;
    top:0px;
    width:100%;
    height:100%;
    border:10px solid #353535;
    border-right:0px;
    border-bottom:0px;

}

.project-block-two .triangle-curve:after{
    position:absolute;
    content:'';
    right:200px;
    top:-80px;
    width:12px;
    height:600px;
    background:#353535;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    transform: rotate(43deg);

}

.project-block-two .image-column .image{
    position:relative;
    padding-right:30px;
    border-right:1px solid #BE2323;
}

.project-block-two .image-column .image img{
    position:relative;
    width:100%;
    display:block;
}

.project-block-two.style-two{
    margin-bottom:75px;
}

.project-block-two.style-two .image-column{
    position:relative;
    padding:0px 15px;
}

.project-block-two.style-two .image-column .image{
    padding-right:0px;
    border-right:0px;
}

.project-block-two.style-two .image-column:after{
    position:absolute;
    content:'';
    left:97%;
    top:0px;
    width:260px;
    height:100%;
    display:block;
    z-index:-1;
    background-color:#f4f4f4;
}

.project-block-two.style-two .content-column .inner-box{
    padding-left:60px;
    margin-top:15px;
}


.project-block-two .row,.project-block .row{
    display: flex; justify-content: space-between;
}

.project-block-two .image-column,.project-block .image-column{
    width: 58%;
}

.project-block-two .content-column,.project-block .content-column{
    width: 39%;
}

.index-cases-title-box{
    display: flex; justify-content: space-between; align-items: center;
}


.project-section .sec-title h3{
    color: #9CAF41; font-size: 36px;
}

/***
作品结束
***/
#td-index-box{
    margin-top: 0px; margin-bottom: 80px;
}

.td-title-box{
    display: flex; justify-content: center;
}

.td-title-box .sec-title{
    position: relative;


}

.td-title-box .sec-title h3:before{
    right:105%;
    width: 40vw;
    position: absolute;
    content: '';
    top: 50%;
    width: 40vw;
    height: 1px;
    margin-top: -1px;
    background-color: #BE2323;
}


.td-title-box .sec-title h3:after{

    left:105%;
    width: 40vw;
}

#qodef-page-footer-top-area,#qodef-page-footer-bottom-area{
	background: none;
}

#qodef-page-footer-top-area-inner{
	border:none;
}


#qodef-page-footer{
	background: url(../images/6.png) repeat center center;
}

/*
首頁的服務領域
*/
/***

====================================================================
	Services Section
====================================================================

***/

.services-section{
    position:relative;
    background: url("../images/6.png")  repeat center center;
    padding: 50px 0px;
    padding-top: 0;
}

.services-section .all-services{
    position:relative;
    font-size:15px;
    font-weight:400;
    color:#ffffff;
    padding:12px 25px;
    margin-top:42px;
    display:inline-block;
    border:1px solid #fff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    border-radius: 4px;
}

.services-section .all-services:hover{
    border-color: #9CAF41;
    background-color: #9CAF41;
    color: white !important;
}




.services-section .all-services:hover{
    color:#e5a62c;
}

.services-section .services-title{
    position:relative;
    padding:0px 0px 0px;

    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.services-section .service-inner{
    position:relative;
}

.services-section .service-inner .row{
    margin:0px -30px;
}

.services-section .service-block{
    position:relative;
    padding:0px 20px;
    margin-bottom:60px;

}

.service-block .inner-box{
    position:relative;
    padding:42px 30px;
    border:solid 1px #333;
    background-color:none !important;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    border-radius: 6px;
    text-align: center;

}

.service-block .inner-box .icon-box{
    position:relative;
    color:#fff;
    font-size:46px;
    line-height:1em;
}

.service-block .inner-box .title{
    position:relative;
    color:#e5a62c;
    font-size:18px;
    margin-top:18px;
    margin-bottom:10px;
}

.service-block .inner-box h3{
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
}

.service-block .inner-box h3 a{
    color:#242424;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.service-block .inner-box h3 a:hover{
    color:#e5a62c;
}

.service-block .inner-box .text{
    color:#fff;
    font-size:15px;
    margin-top:20px;
    line-height: 1.8rem;
}

.service-block .inner-box .arow-box{
    position:absolute;
    left:50%;
    bottom:-22px;
    width:45px;
    height:45px;
    margin-left:-22px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.service-block .inner-box .arow-box a{
    position:relative;
    display:block;
    font-size:26px;
    color:#ffffff;
    width:45px;
    height:45px;
    line-height:42px;
    text-align:center;
    border-radius:50%;
    background-color:#e5a62c;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(242,242,242,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(242,242,242,1);
    box-shadow: 0px 0px 10px 0px rgba(242,242,242,1);
}


.dark-layout .service-block .inner-box:hover{
    background-color:none!important;
    border-color:none!important;
    background-color: transparent;
}

.service-block .inner-box:hover .title,
.service-block .inner-box:hover h3 a,
.service-block .inner-box:hover .icon-box,
.service-block .inner-box:hover .text{
    color:#ffffff;
}

.service-block .inner-box:hover .arow-box .arrow{
    background-color:#ffffff;
    color:#e5a62c;
}

.index-title-service{
    display: flex; justify-content: space-between; align-items: center;
}

.index-fw-list{
    display: flex; justify-content: space-between;
}

.index-fw-list .index-fw-item{
    width: 24.7%;
}

#qodef-page-footer-top-area-inner{
    border-color:#CBCBCB;
}

.qr-top-base {
    background-color: #9CAF41 !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20px !important;
    color: white !important;
}

#all-whatsapp {
    z-index: 10000;
    bottom: 110px;
    position: fixed;
}

#qodef-page-footer-top-area-inner {
    padding-top: 130px;
    padding-bottom: 100px;
}

#btn-ig{
	z-index: 10000;
    bottom: 275px;
    position: fixed;
}


#btn-fb{
	z-index: 10000;
    bottom: 220px;
    position: fixed;
}

#btn-linkedin{
	z-index: 10000;
    bottom: 330px;
    position: fixed;
}

#btn-wechat{
	z-index: 10000;
    bottom: 165px;
    position: fixed;
}

.wechat-box{
	width:100%; height:100%; left:0px; top:0px;  flex-direction:column; justify-content:center; align-items:center; z-index:1200000; background:rgba(0,0,0,0.5);
	position:fixed; display:none; 
}

.wechat-box .wechat-imgs{
	width:320px; max-width:85vw; padding:15px; background:white; border-radius:10px; text-align:center;
}

.wechat-box .wechat-imgs img{
	max-width:100%; width:300px;
}

/*** 首頁服務結束 ***/



/*** 首頁新闻 ***/
/***

====================================================================
	News Section
====================================================================

***/

.news-section{
    position:relative;
    padding:100px 0px 0px;
    padding-top: 0;
}

.news-section .news-title{
    margin-bottom:40px;
}

.news-section .go-to-blog{
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    padding: 12px 25px;
    margin-top: 0px;
    display: inline-block;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 4px;

}

.news-section .go-to-blog:hover{
    border-color: #9CAF41;
    background-color: #9CAF41;
    color: white !important;
}

.news-block{
    position:relative;
    margin-bottom:75px;
}

.news-block .inner-box{
    position:relative;
}

.news-block .inner-box .image-box{
    position:relative;
}

.news-block .inner-box .image-box img{
    position:relative;
    max-width:100%;
    display:block;
}

.news-block .inner-box .lower-content{
    position:relative;
    padding-top:44px;
}

.news-block .inner-box .lower-content .text{
    color:#959595;
    font-size:17px;
    line-height:1.8em;
    margin-bottom:30px;
}

.news-block .inner-box .lower-content .text p,.blog-section p{
    color:#959595;
    font-size:17px;
    margin-bottom:20px;
}

.news-block .inner-box .lower-content .text blockquote{
    color:#242424;
    font-size:20px;
    font-style:italic;
    margin-left:45px;
    line-height:1.6em;
    margin-top:40px;
    margin-bottom:40px;
    padding:0px 0px 0px 32px;
    border-color:#1ca2ff;
}

.news-block .inner-box .lower-content .posted-date{
    position: relative;
    font-size: 15px;
    color: #c5c3c3;
    margin-bottom: 15px;
    padding-left: 0px!important;
}
.news-block .inner-box .lower-content .posted-date li{
    position:relative;
    padding-right:15px;
    margin-right:6px;
    display:inline-block!important;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}

.news-block .inner-box .lower-content .posted-date li:first-child{
    color:#CBCBCB;
}

.news-block .inner-box .lower-content .posted-date li:after{
    position:absolute;
    content:'/';
    right:0px;
}

.news-block .inner-box .lower-content .posted-date li:last-child::after{
    display:none;
}

.news-block .inner-box .lower-content h3{
    position:relative;
    font-size:24px;
    font-weight:700;
    margin-bottom:30px;
}

.news-block .inner-box .lower-content h3 a{
    color:#fff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.news-block .inner-box .lower-content h3 a:hover{
    color:#9CAF41;
}

/*** 首頁结束 ***/




/***

====================================================================
	Page Title
====================================================================

***/

.page-title{
    position:relative;
    text-align:center;
    padding:255px 0px 130px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    overflow:hidden;
}

.page-title:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.40);
}

.page-title .inner-box .border-box{
    position:absolute;
    content:'';
    width:310px;
    height:400px;
    left:50%;
    bottom:-10px;
    margin-top:-90px;
    margin-left:-155px;
    border:10px solid rgba(255,255,255,0.10);
}

.page-title .inner-box h1{
    position:relative;
    color:#ffffff;
    font-weight:700;
    font-size:72px;
    margin:15px 0px;
    text-transform:uppercase;
}

.page-title .inner-box .bread-crumb{
    position:relative;
}

.page-title .inner-box .bread-crumb li{
    position:relative;
    font-size:17px;
    font-weight:400;
    color:#ffffff;
    margin-right:20px;
    display:inline-block;
    text-transform:uppercase;
}

.page-title .inner-box .bread-crumb li:after{
    position:absolute;
    content:'/';
    right:-15px;
    color:#ffffff;
}

.page-title .inner-box .bread-crumb li:last-child::after{
    display:none;
}

.page-title .inner-box .bread-crumb li a{
    position:relative;
    font-size:17px;
    font-weight:400;
    color:#ffffff;
    display:inline-block;
    text-transform:uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.page-title .inner-box .bread-crumb li a:hover{
    color:#e5a62c;
}


/***

====================================================================
	Team Section
====================================================================

***/

.team-section{
    position:relative;
    padding-bottom:30px;
    margin-top: 60px;
}

.team-section .title-column{
    position:relative;
    margin-bottom:50px;
}

.team-section .title-column .inner-box .text{
    position:relative;
    color:#959595;
    font-size:17px;
    margin-top:20px;
    line-height:1.8em;
}

.team-member{
    position:relative;
    margin-bottom:80px;
}

.team-member .inner{
    position:relative;
    padding-left:40px;
    padding-top:30px;
}

.team-member .inner:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:285px;
    height:350px;
    border:10px solid #f9f9f9;
}

.team-member .inner .image{
    position:relative;
}

.team-member .inner .image img{
    position:relative;
    width:100%;
    display:block;
    border-bottom:5px solid #e5a62c;
}

.team-member .inner h3{
    position:relative;
    font-size:20px;
    font-weight:700;
    margin-top:28px;
    text-transform:uppercase;
}

.team-member .inner h3 a{
    position:relative;
    color:#242424;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-member .inner h3 a:hover{
    color:#e5a62c;
}

.team-member .inner .designation{
    color:#a3a3a3;
    font-size:18px;
    margin-top:8px;
}

.team-section .carousel-column{
    position:relative;
}

.team-section .carousel-column .view-member{
    position: relative;
    color: #242424;
    font-size: 15px;
    padding-bottom: 4px;
    margin-top: 25px;
    margin-bottom:50px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid #242424;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-section .carousel-column .owl-nav,
.team-section .carousel-column .owl-dots{
    display:none !important;
}

.about-page-box{
    display: flex; justify-content: space-between;
}

.about-page-box .about-page-left{
    width: 33%;
}

.about-page-box .about-page-right{
    width: 63%; overflow: hidden;
}

.mySwiper {
    width: 100%;
    height: 100%;
}



.mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mySwiper .swiper-slide .team-member {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.mySwiper .swiper-slide .team-member .inner{
    position: relative;
    padding-left: 40px;
    padding-top: 30px;
}

.mySwiper .swiper-slide .team-member .inner:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 285px;
    height: 350px;
    border: 10px solid #CBCBCB;
}

.team-member .inner .image {
    position: relative;
}
.team-member .inner .image img{
    position:relative;
    width:100%;
    display:block;
    border-bottom:5px solid #BE2323;
}

.team-member .inner h3{
    position:relative;
    font-size:20px;
    font-weight:700;
    margin-top:28px;
    text-transform:uppercase;
}

.team-member .inner h3 a{
    position:relative;
    color:#fff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-member .inner h3 a:hover{
    color:#9CAF41;
}

.team-member .inner .designation{
    color:#a3a3a3;
    font-size:18px;
    margin-top:8px;
}

/***

====================================================================
	Sec Title Two
====================================================================

***/

.sec-title-two{
    position:relative;
    text-align:center;
}

.sec-title-two h2{
    position:absolute;
    width:100%;
    font-size:128px;
    color: rgba(153, 153, 153, 0.2);
    line-height:1em;
    font-weight:700;
}

.sec-title-two h3{
    position:relative;
    color:#9CAF41;
    font-size:38px;
    font-weight:400;
    letter-spacing:8px;
    line-height: 128px;
    display:inline-block;
    text-transform:uppercase;
}

.sec-title-two h3:after{
    position:absolute;
    content:'';
    left:50%;
    top:-20px;
    width:1px;
    height:70px;
    margin-left:2px;
    background-color:#BE2323;
    -moz--transform: rotate(0deg);
    -o--transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.sec-title-two h4{
    color:#242424;
    font-size:50px;
    font-weight:700;
}

.about-section,.about-yy{
    padding-top: 50px;
}

.mySwiper2 {
    width: 100%;
    height: 100%;
}



.mySwiper2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mySwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    cursor: pointer;
}


.mySwiper3{
    width: 100%;
    height: 100%;
}



.mySwiper3 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mySwiper3 .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.cases-imgs{
    display: flex;     margin-top:20px ; flex-direction: column;
}

.cases-imgs .case-left{
    width: 100%;
}

.cases-imgs .case-left img{
    width: 100%;
}

.cases-imgs .case-right{
    width: 100%; margin-top: 25px;
}

.case-content{
    display: flex !important; flex-direction: column; text-align: left;
}

.case-content h5,.case-content h4,.case-content h3,.case-content h2,.case-content h1{
    color: white;   font-size: 16px; width: 100%;
}


.qodef-portfolio-single .qodef-variations--big .qodef-col--content{
    padding-right: 1%;
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-e-label{
    font-size: 15px;
}

.c-about-box.about-section{
    padding-bottom: 65px;
}

.swiper-slide.cur img{
    border:solid 2px #9CAF41;
}


.c-about-list{
    display: flex; flex-wrap: wrap; margin:0px 0px 0px 0px !important;
}

.c-about-list li{
    width: 25%; margin-bottom: 45px; text-align: center; padding: 0px 10px; list-style-type: none; overflow: hidden;
}

.c-about-list li .img{
    display: flex; height: 230px; flex-direction: column; justify-content: center; overflow: hidden; padding: 40px; background-color: white;
    border-radius: 50%; width: 230px; margin: 0 auto;

}

.c-about-list li .img img{
    max-width: 95%; margin:0 auto; max-height: 95%;
}

.index-about-box .image-column.col-left{
    width: 60%;
}

.index-about-box .content-column.col-right{
    width: 36%;
}

.page-services-title{
    padding-top: 50px;
}

/***

====================================================================
	Service Quality Section
====================================================================

 ***/

.service-quality-section{
    position:relative;
    padding:0px 0px 70px;
}

.service-quality-section .image-column{
    position:relative;
    margin-bottom:50px;
}

.service-quality-section .image-column .image-box{
    position:relative;
    margin-right:30px;
    box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
}

.service-quality-section .image-column .image-box img{
    position:relative;
    display:block;
    width:100%;
}

.service-quality-section .content-column{
    position:relative;
    margin-top:15px;
}

.service-quality-section .content-column .inner-box{
    position:relative;
}




.service-quality-section .content-column .inner-box .text:before{
    position:absolute;
    content:'';
    left:0px;
    top:12px;
    width:90px;
    height:1px;
    margin-top:-1px;

}

.service-quality-section .content-column .inner-box .text p{
    position:relative;
    font-size:17px;
    font-weight:400;
    color:#959595;
    line-height:1.8em;
    margin-bottom:15px;
}

.qq-services-section .sec-title h3{
    margin-bottom: 0;
}


.c-customer-list{
    display: flex; flex-wrap: wrap; margin:0px 0px 0px 0px !important;
}

.c-customer-list li{
    width: 16.61%; margin-bottom: 40px; text-align: center; padding: 0px 20px; list-style-type: none; overflow: hidden;
}

.c-customer-list li .img{
    display: flex; height: 160px; flex-direction: column; justify-content: center; overflow: hidden; padding: 15px;  border-radius: 25px;
    background-color: white;
}

.c-customer-list li .img img{
    max-width: 95%; margin:0 auto; max-height: 95%;
}


.c-s-box.about-section{
    padding-top: 10px; margin-bottom: 82px;
}

.page-services-two .sec-title h2{
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 128px;
    color: rgba(153, 153, 153, 0.2);
    line-height: 1em;
    font-weight: 700;
}

.contact-box1{
    display: flex;
}

.contact-box1 .contact-left{
    width:50% ;
}
.contact-box1 .contact-right{
    flex:1; padding-left: 50px; background: url("/qy/new/contact.jpg")  repeat bottom center;
}

/***

====================================================================
	Contact Section
====================================================================

 ***/

.contact-section {
    position: relative;
    background:#000 url("/qy/new/home-1-background-patern-3.png")  repeat;
    background-size: 100% 100%;
    margin-bottom: 7px;
}

.contact-section .outer-box{
    position:relative;
}

.contact-section .outer-box .form-column{
    position:relative;
    width: 100%;
}

.contact-section .outer-box .form-column .form-outer  {
    position: relative;
    padding: 70px 124px 54px 64px!important;
    width: 100%;
}

.contact-section .outer-box .form-column .form-outer h2{
    color:#ffffff;
    font-size:48px;
    font-weight:700;
    margin-bottom:10px;
}

.contact-form .form-group{
    margin-bottom:15px;
}

.contact-form .form-group input,
.contact-form .form-group textarea{
    border-bottom:2px solid #ffffff;
    width:100%;
    font-size:17px;
    background:none;
    color:#ffffff;
    transition:all 0.300s ease;
    -moz-transition:all 0.300s ease;
    -webkit-transition:all 0.300s ease;
    -ms-transition:all 0.300s ease;
    -o-transition:all 0.300s ease;
}

.contact-form .form-group input{
    height:55px;
    padding:8px 0px;
    line-height:32px;
}

.contact-form .form-group textarea{
    position:relative;
    height:130px;
    resize:none;
    padding:8px 0px;
}

.contact-form .theme-btn{
    color:#ffffff !important;
    font-size:15px;
    font-weight:700;
    background:none;
    padding:13px 23px;
    margin-top:6px;
    display:inline-block;
    border:2px solid #ffffff  !important;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;

}

.address-section{
    padding-top: 80px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
    border-color:#ff0000 !important;
}

.contact-form label.error{
    display:block;
    line-height:24px;
    padding:5px 0px 0px;
    margin:0px;
    text-transform:uppercase;
    font-size:12px;
    color:#ff0000;
    font-weight:500;
}

.contact-form .form-group input::-webkit-input-placeholder,
.contact-form .form-group textarea::-webkit-input-placeholder{
    color: #ffffff;
}

.contact-form .form-group input:-ms-input-placeholder,
.contact-form .form-group textarea:-ms-input-placeholder{
    color: #ffffff;
}

.contact-form .form-group input::-moz-placeholder,
.contact-form .form-group textarea::-moz-placeholder{
    color: #ffffff;
    opacity: 1;
}

.contact-form .form-group input:-moz-placeholder,
.contact-form .form-group textarea:-moz-placeholder{
    color: #ffffff;
    opacity: 1;
}

.contact-section .map-column{
    position:absolute;
    left:0px;
    top:0px;
    float:left;
    width:50%;
    height:100%;
    z-index:1;
}

.contact-section .map-canvas{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

/***

====================================================================
	Address Section
====================================================================

 ***/

.address-section{
    position:relative;
    padding:100px 0px 40px;

}

.address-section .address-column{
    position:relative;
    margin-bottom:60px;
}

.address-section .address-column h3{
    position:relative;
    font-size:48px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
}

.address-section .address-column .text{
    position:relative;
    color:#818181;
    font-size:17px;
    margin-top:12px;
    margin-bottom:40px;
}

.address-section .address-column .contact-info{
    position:relative;
}

.address-section .address-column .contact-info li{
    position:relative;
    display:block;
    padding:2px 0px 0px 80px;
    line-height:25px;
    font-size:17px;
    margin-bottom:30px;
    color:#fff;
    min-height:55px;
}

.address-section .address-column .contact-info li a{
    color:#fff;
}


.address-section .address-column .contact-info li h4{
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:3px;
    font-size:17px;
    color:#fff;
    margin-top: 0;
}

.address-section .address-column .contact-info li .icon-box{
    position:absolute;
    left:0px;
    top:0;
    width:52px;
    height:52px;
    line-height:52px;
    font-size:24px;
    color:#9CAF41;
    text-align:center;
    border-radius:50%;
    background-color: white;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    display: flex;
    flex-direction: column; justify-content: center; text-align: center;
}

.address-section .address-column .contact-info li .icon-box svg{
    margin: 0 auto;
}


.address-section .image-column{
    position:relative;
}

.address-section .image-column .image{
    position:relative;
    text-align:center;
}

.address-section .image-column .image img{
    position:relative;
    max-width:100%;
    display:inline-block;
}

.contact-map{
    position: relative;
}



.nei-rong{
    color:#CBCBCB;
}

.ntitle{
    font-size: 34px; line-height: 42px; margin-bottom: 10px; text-align: center; color: white;
}

.nrq{
    text-align: center; line-height: 25px; font-size: 14px; margin-bottom: 20px;
}

.nrq span:last-child{
    margin-left: 10px;
}

.n-content{
    font-size: 16px; line-height: 27px;
}

.n-content img{
    max-width: 100% !important; height: auto;
}

.clear{
    clear: bottom;
}

.com-navs{
    display: flex; justify-content: center; margin-bottom: 48px;
}

.com-navs a{
    display: inline-block; line-height: 38px; padding:0px 20px; margin:0px 15px; color: #9CAF41; text-decoration: none;
    border: solid 1px #9CAF41; font-size: 15px; border-radius: 5px;
}

.com-navs a.cur,.com-navs a:hover{
    background-color:#9CAF41; color: white;
}

.elementor-3295 .elementor-element.elementor-element-9271503{
    margin-top: 80px;
}

.qodef-item-layout--info-below.qodef-hover-animation--overlay .qodef-e-media-image:after {
    --gradient-color: rgba(255, 255, 255, 0.2);
    background: linear-gradient(to top, var(--gradient-color) 0, rgba(255,255,255, 0) 75%);
}


.swiper-pagination-bullets .swiper-pagination-bullet:before{
    background-color:#BE2323;
}

.team-section .swiper-container-horizontal>.swiper-pagination-bullets{
    margin-top: -30px;
}

a.index-btn-more{
    display: inline-block; height: 38px; line-height: 38px; padding: 0px 23px; background-color: #9CAF41; border-radius: 4px; color: #fff;
    font-size: 14px;
}

a.index-btn-more:hover{
    background-color:#BE2323;
}

#contact-ly{
    margin-bottom: 65px;
}

.tj-title{
    font-size: 16px; color: white;
}

.tj-btn2{
    border: solid 1px white !important;
}

.tj-btn2:hover{
    border: solid 1px #9CAF41 !important;
}

.kox-social{
	padding-top:0px; text-align:right; position:relative; top:12px;
}

.kox-social a{
	margin-left:12px;
}

.kox-social.left{
	text-align:left;  top:0px;
}

.kox-social.left a{
	margin-left:0px; margin-right:10px;
}

.pre-loader-box{
	position:fixed; width:100%; height:100%; z-index:99999999999; background-color:rgba(80,70,70,0.99); 
}

.pre-loader-box .loader-img-box{
	padding:15px 10px;
}

.loader-main{
	height:auto; display:flex; 
}

.loader-main .img-spin{
    height: 40px;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
  
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
  
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
  
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}

.loader-main .img-spin img{
	height:40px;
	 
}

.zoominout {
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
  
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
  
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
  
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
  }
  
  @-webkit-keyframes zoomInOut {
    0% {
      -webkit-transform: rotate(0deg) scale(0.7);
      transform: rotate(0deg) scale(0.7);
      opacity: 0;
    }
  
    50% {
      -webkit-transform: rotate(180deg) scale(1);
      transform: rotate(180deg) scale(1);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: rotate(360deg) scale(0.7);
      transform: rotate(360deg) scale(0.7);
      opacity: 0;
    }
  }
 
article h2.entry-title{
		font-size:26px;
	}

.logo-title{
	display:block; font-size:14px; letter-spacing:2px;
}

.qodef-text-after-logo font.lato-company{
	font-size:17px;
}

@media screen and (max-width: 767px){
	
	.f-operate span {
		background-size: 20px auto; width:23px; position:relative; top:5px;
	}
	
	.faqs-list li.cur .f-operate span {
		background-size: 20px auto;
	}
	
	
	.faqs-list li{
		padding-right:45px;
	}
	
	.faqs-list li .f-answer{
		font-size:13px; line-height:21px;
	}
	
	
	.f-operate{
		width:30px;
	}
	
	
	.faqs-list li .f-title{
		font-size: 16px; 
	}
	
	.zuoping-link{
		height: 350px;
	}
	
	.elementor-3295 .elementor-element.elementor-element-9271503{
		margin-top: 30px;
	}
	
	.qodef-e-content.zhuoping-detail{
		opacity: 1;
		left: 0;
		bottom: 10px;
	}
	
	article.zp-pics .qodef-e-content.zhuoping-detail h4,article.zp-pics .qodef-e-content.zhuoping-detail .qodef-e-categories{
		opacity: 1; top: 0px;
	}
	
	.team-member .inner h3 {
		font-size: 17px;
		font-weight: 500;
		margin-top: 18px;
		margin-bottom:10px;
	}
	
	.loader-main .img-spin{
		height:110px;
	}
	
	.loader-main .img-spin img{
		height:110px;
	}
	
	.kox-social{
		
	}

    .mySwiper .swiper-slide .team-member .inner{
        padding-left: 10px;
        padding-top: 10px;
    }

    .mySwiper .swiper-slide .team-member .inner:before{
        display: none;
    }
	
	#qodef-back-to-top{
		bottom:50px;
	}

    #all-whatsapp{
      
    }

    .project-block .content-column .inner-box{
        padding-top: 0;
    }


    .contact-section {
        background-color: #CBCBCB;
    }

    .project-block-two .content-column .inner-box h2,.project-block .content-column .inner-box h2{
        font-size: 22px;
    }
	
	.project-block .content-column .inner-box .text {
		margin-top: 20px;
		margin-bottom: 26px;
		line-height: 1.5em;
		font-size:14px;
	}
	
	.sec-title-two h3{
		font-size: 28px;
	}
	
	

    .about-section .content-column .inner-box .text:before{
        display: none;
    }

    .project-block .content-column .inner-box h3:after {
        left: 65%;
        width:9vw;
    }

    .qodef-content-grid.nnn{
        width: 96%;
    }

    .team-member{
        margin-bottom: 40px;
    }

    .team-member .inner .image{
        width: 100%;
    }

    .index-about-box .sec-title h3{
        font-size: 15px; letter-spacing: 2px; 
    }

    .about-page-box{
        flex-direction: column;
    }

    .about-page-box .about-page-left{
        width: 100%;
    }

    .about-page-box .about-page-right{
        width: 100%;
    }

    .page-title .inner-box h1{
        font-size: 36px;
    }

    .com-navs a {
        line-height: 36px;
        padding: 0px 12px;
        margin: 0px 7px;
        font-size: 13px;
        border-radius: 5px;
    }

    .contact-box1{
        display: flex; flex-direction:column-reverse;
    }

    .contact-box1 .contact-left{
        width: 100%;
    }

    .contact-box1 .contact-right{
        width: 100%;
    }

    .contact-map iframe{
        height: 400px;
    }
	
	.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-title{
		font-size:19px;
	}
	
	.qodef-portfolio-list .qodef-e-categories a{
		font-size:13px;
	}
	
	article h2.entry-title{
		font-size:20px;
	}
	
	.team-member .inner .designation {
		font-size: 13px;
	}
	
	.ntitle {
    font-size: 24px;
    line-height: 34px;
}
	
	.page-title .inner-box .bread-crumb li{
		font-size:14px;
	}
	
	.qodef-grid-inner h1.entry-title.qodef-portfolio-title{
		font-size:25px; font-family:arial;
	}
	
	
	.team-section .sec-title h4{
		font-size:20px; font-weight: 500;
	}
	
	.team-section .title-column .inner-box .text{
		font-size:15px;
	}

    .foot-logo{
        margin-bottom: 10px; padding-right: 15px;
    }

    .foot-logo img{
        width: 50px;
    }

    .foot-lo{
        display: flex; margin-bottom: 12px;
    }

    .foot-lo h3{
        flex: 1; line-height: 40px; font-size: 16px; display: flex; flex-direction: column; justify-content: center;
    }

    #qodef-page-footer-top-area-inner.qodef-layout--predefined>.qodef-grid>.qodef-grid-inner {
        gap: 50px;
    }


    #qodef-page-footer-top-area .qodef-content-full-width {
        padding-left: 16px;
        padding-right: 16px;
    }

    #qodef-page-footer-top-area #qodef-page-footer-top-area-inner{
        padding-top: 40px; padding-bottom: 50px;
    }

    #qodef-page-footer-top-area-inner{
        border-top:solid 3px #CBCBCB;
    }

    .contact-box1 .contact-right{
         padding: 0px 15px; background: none;
    }

    .address-section{
        padding-top: 60px;
    }

    #contact-ly{
        margin-bottom: 60px;
    }
	
	.address-section .address-column .contact-info li{
		font-size:15px;
	}

    .project-block-two .image-column .image{
        border:none; padding-top: 70px;
    }

    .project-block .image-column .image{
        border:none; padding-top: 70px;
    }


    .contact-section .outer-box .form-column .form-outer {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .address-section .address-column h3,.contact-section .outer-box .form-column .form-outer h2{
        font-size: 26px;
    }

    .c-customer-list li{
        width: 25%; margin-bottom: 11px; text-align: center; padding: 0px 5px; list-style-type: none; overflow: hidden;
    }

    .c-customer-list li .img{
        display: flex; height: 80px; flex-direction: column; justify-content: center; overflow: hidden; padding: 7px;  border-radius: 10px;
        background-color: white;
    }

    .service-quality-section .content-column .inner-box .text:before{
        display: none;
    }


    .service-quality-section .content-column .inner-box .text{
        padding-left: 0px; margin-top: 12px; margin-bottom: 20px;
    }

    .c-customer-list li .img img{
        max-width: 100%; margin:0 auto; max-height: 100%;
    }

    .c-about-list li{
        width: 50%; margin-bottom: 32px;  padding: 0px 5px;
    }

    .c-about-list li .img{
        height: 130px; padding: 20px; width: 130px;
    }

    .c-about-list li .img img{
        max-width: 85%; max-height: 90%;
    }

    #td-index-box{
        margin-top: 70px; margin-bottom: 75px;
    }

    .auto-container{
        padding: 0px 10px;
    }

    .index-num-box-main .index-num-box{
        width:47%; margin:0 1.5% 20px 1.5%;
    }

    .index-num-box-main{
        justify-content:flex-start; flex-wrap: wrap; padding: 0px 10px;
    }

    .fact-counter .count-outer .count-text, .fact-counter .total-client{
        font-size: 30px;
    }

    .fact-counter .column .counter-title{
        font-size: 16px; margin-top: 5px;
    }


    .index-about-box{
        flex-direction: column; padding: 0 5px;
    }

    .index-about-box .image-column{
        width: 100%;
    }

    .elementor-22 .elementor-element.elementor-element-db216e5 {
        padding: 0px 14px 0px 14px;
    }

    .index-about-box .content-column{
        width: 100%; margin-top: 0px;
    }

    .about-section .image-column .inner-box{
        padding:0px;
    }

    .about-section .image-column .inner-box .content .total{
        font-size:100px;
    }

    .about-section .image-column .inner-box .content .text{
        font-size:16px;
    }

    .about-section .image-column .inner-box:before{
        display: none;
    }

    .about-section .content-column .inner-box .text {
        padding-left: 0px;
        margin-top: 20px;
    }

    .sec-title h3{
        margin-bottom: 0; font-size: 28px;
    }

    .sec-title h4{
        font-size: 30px; margin-bottom:12px;
    }
	
	.about-section .content-column .inner-box .text p{
		font-size:14px; line-height:1.8em;
	}

    .index-about-more{
        text-align: center;
    }


    .project-section .sec-title h3 {
        font-size: 28px;
    }


    .index-cases-title-box a {
        font-size: 13px;
        padding: 4px 12px;
        margin-top: 0;
    }

    .project-block-two .image-column, .project-block .image-column{
        width: 100%;
    }

    .project-block-two .content-column, .project-block .content-column{
        width: 100%; margin-top: 20px;
    }

    .project-block-two .row, .project-block .row{
        display: flex; flex-direction: column; justify-content: flex-start;
    }

    .index-title-service{
        align-items: center;
    }

    .services-section .all-services,.news-section .go-to-blog{
        font-size: 13px;
        padding: 4px 12px;
        margin-top: 0;
        position: relative;
        top: 4px;
    }

    .service-quality-section .image-column .image-box{
        margin-right: 0px;
    }

    .page-title {
        position: relative;
        text-align: center;
        padding: 140px 0px 85px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        overflow: hidden;
    }




    .project-block-two .content-column .inner-box{
        padding-left: 60px; margin-top: 0px; padding-top: 0;
    }

    .index-fw-list{
        justify-content: flex-start;  flex-wrap: wrap; padding: 0 15px;
    }

    .index-fw-list .index-fw-item{
        width: 100%; margin:0 0%; margin-bottom: 30px;
    }

    #td-index-box{
        margin-top: 0px;
    }

    .news-block .inner-box .image-box img{
        width: 100%;
    }

    .news-block .inner-box .lower-content .posted-date{
        margin-bottom: 5px;
    }

    .news-block .inner-box .lower-content h3{
        margin-bottom: 12px; margin-top: 12px; font-size:20px;
    }

    .news-block .inner-box .lower-content{
        padding-top: 20px;
    }

    .wap-none{
        display: none !important;
    }


}

@media screen and (min-width: 768px){

    .com-navs a{
        padding: 0px 29px; line-height:42px;
    }

    .foot-logo{
        margin-bottom: 10px; padding-right: 15px;
    }

    .foot-logo img{
        width: 80px;
    }

    .foot-lo{
        display: flex; margin-bottom: 12px;
    }


    .foot-lo h3{
        flex: 1; line-height: 40px; font-size: 20px; display: flex; flex-direction: column; justify-content: center;
    }

    .contact-map{
        height: 100%;
    }

    .contact-map iframe{
        height:100%;
    }

    a.index-btn-more{
       height: 44px; line-height: 44px; padding: 0px 28px; font-size: 16px;
    }

    .qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-title a{
        font-size: 19px;
    }

    .qodef-portfolio-list .qodef-e-categories a{
        font-size: 14px;
    }

    .pc-none{
        display: none !important;
    }

    .page-services-two{
        display: flex; justify-content: space-between;
    }

    .page-services-two .image-column{
        width: 45%;
    }

    .page-services-two .content-column{
        width: 53%;
    }

    .index-about-box{
        justify-content: space-between;
    }

    .project-block .row{
        flex-direction: row-reverse;
    }

    .index-news-list{
        display: flex; justify-content: space-between;
    }

    .index-news-list .index-news{
        width: 31.8%;
    }


    #qodef-page-header .qodef-header-logo-link img.w-logo{
        position: relative  !important; left:0; top:0 !important; transform: none !important;
        width: 50px; height: 50px;
    }

    #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--svg-path.new-logo{
        position: relative; left: 100px; bottom:10px;
    }

    #qodef-page-header .qodef-header-logo-link  span{
        margin-left: 15px; font-size: 18px; text-transform: uppercase;
    }

    .contact-tel{
        position: absolute; right: 0px; top: 20px; display: flex;
    }

    .contact-tel a{
        display: flex; height: 40px; align-items: center;
    }

    .contact-tel a .icon-tel{
        height:38px; line-height: 38px; background-color: #9CAF41; border-radius: 50%; text-align: center; margin-right: 8px;
        width: 38px; display: flex;  justify-content: center; align-items: center;
    }

    .contact-tel a .icon-tel svg{
        width: 18px; height: 18px;
    }

    .contact-tel a .icon-tel-txt{
        display: flex; flex-direction: column;
    }
    .contact-tel a .icon-tel-txt .tel-tit{
        line-height: 16px; font-size: 12px; color: white  !important;
    }

    .contact-tel a .icon-tel-txt span{
        color: white; font-size: 15px; color: white !important; display: block; line-height: 18px; margin-top: 3px;
    }

    .logo-sm-img{
        width: 42px; height: 42px;
    }

    .qodef-header-switch-navigation>ul>li>a{
        font-size: 16px;
    }

    .qodef-header-navigation>ul>li>a{
        font-size: 15px;
    }
	
	.foot-lo h3{
		font-size:15px;
	}


}


@media screen and (max-width: 1080px){
    .nav-menus{
        background-color: black; transition: height 0.6s; overflow: hidden; height: 0px;
    }

    .nav-menus ul{
        padding: 25px 10px;
    }

    .nav-menus ul li{
        list-style-type: none; border-bottom: solid 1px #ccc; margin-bottom: 10px;
    }

    .nav-menus ul li>a{
        display: flex; justify-content: space-between; margin-bottom: 5px; width: 100%; font-size: 16px; color: #fff; height: 38px; align-items: center;
    }

    .nav-menus ul li>a span svg:last-child{
        display: none;
    }

    .nav-menus ul li .sub-dh{
        display: none; flex-direction: column;
    }

    .nav-menus ul li .sub-dh a{
        display: block; line-height: 36px; color: white; font-size: 13px;
    }

    .nav-menus ul li.opened .sub-dh{
        display: flex; flex-direction: column;
    }

    .nav-menus ul li.opened .sub-dh a{
        display: block; line-height: 42px; color: #fff;
    }

    #qodef-page-mobile-header.opened{
        background-color: black;
    }

    #qodef-page-mobile-header.opened .nav-menus{
        height: calc(100vh - 70px);
    }

	.loader-main .img-spin{
		height: 20px;
	}

	.loader-main .img-spin img{
		height:20px !important;
	}
	
	#index-3{
		margin-top:0px;
	}



}


@media screen and (max-width: 1180px) and (min-width: 768px){
    .c-about-list li .img{
        height: 150px; padding: 20px; width: 150px;
    }


}

@media screen and (min-width: 568px){
	.cases-nbox .qodef-vertical-gutter--huge{
		--qode-columns-row-gap: 40px !important;
	}
	
	.faqs-list li .f-answer{
		line-height: 22px;
		font-size: 14px;
	}
	
	.faqs-list li .f-title{
		font-size: 16px;
	}
	
	 

}

@media screen and (max-width: 467px){
	.zuoping-link img {
    max-height:auto;
    height: auto;
    width: 100% !important;
    max-width: 100% !important;
    left: 0;
	}
	
	.zuoping-link {
        height: auto !important;
    }
	
	
	.qodef-content-grid {
        width: 94.5%;
    }
	
	.foot-lo h3{
		font-size:14px;
	}
	
	
}