@charset "utf-8";
/* 
*Filename:		app.css
*Author:		壹凡网络/响应式网站
*Website:		www.jxyifan.com
*Mail:			zsf@zjyifan.com
*Version:		2.0(2021-04-13)
*/
html,body{-webkit-text-size-adjust:100%;_overflow-x:hidden;}
*html {zoom:1;}/*Hack For IE6*/
* { margin:0; padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body { font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei", sans-serif;}
.margincenter { margin:0 auto;}
a { text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
ul { list-style:none;}
.clear { clear:both; height:1px; overflow:hidden;}
.fl_l { float:left;}
.fl_r { float:right;}
.fl_c:after, .fl_c:before {content:'';display:table;}
.fl_c:after {clear:both;}
a,.css3donghua,.css3donghua:before,.css3donghua:after  {transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
img{transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
img { border:0;}
input[type=button],input[type=password],input[type=text], input[type=submit], input[type=file], button,textarea { cursor: pointer; -webkit-appearance: none !important;/*去掉苹果的默认UI来渲染按钮*/ outline:0;font-family:'微软雅黑';}
/*文字超出隐藏*/
.w_break{
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.line-clamp2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
table { border-spacing: 0;border-collapse: collapse;}

::-webkit-input-placeholder {color:#999; text-overflow:ellipsis;}
:-moz-placeholder {color:#999; text-overflow:ellipsis;}
::-moz-placeholder {color:#999; text-overflow:ellipsis;} /* for the future */
:-ms-input-placeholder {color:#999; text-overflow:ellipsis;}
.marb30 { margin-bottom:30px;}

html {
	font-size:62.5%!important
}


.header-top-bar-two .top-left span b { color: #3c1f14;}
.header-three .header-navigation .nav-right-item .nice-select ul.list li { color: #3c1f14;}

.hero-content h1 { font-size: 52px;}
.hero-content p { line-height: 40px;}
@media (max-width: 767px) {
  .hero-content h1 {
    font-size: 42px;
    line-height: 1.2;
  }
}

/* .header-three .header-navigation .nav-right-item .nice-select,.header-three .header-navigation .nav-right-item .search-btn { color: #000; font-size: 18px;font-weight: 700;} 白底 */
.header-three .header-navigation .nav-right-item .nice-select,.header-three .header-navigation .nav-right-item .search-btn {font-size: 18px;font-weight: 700;}

.single-project-item .project-img .hover-content { border-radius: 0 0 20px 20px;background-color: #3c1f14;}
/* .single-project-item .project-img .hover-content a { color: #000;} */
.projects-slider-one .slick-dots li:after { background-color: #3c1f14;}
.projects-slider-one .slick-dots li.slick-active {border-color: #3c1f14;}
.main-bg .counter-area { border-top-color: #3c1f14;border-top-color: rgba(0, 0, 0, 0.1);}
.main-bg .single-counter-item-two p, .main-bg .single-counter-item-two h2.number { color: #3c1f14;font-weight: 700;}

.zz {
	-webkit-mask-image: url(../images/hero/bg-2-mask.png);
	-webkit-mask-size: 100%;
}

.single-counter-item-two h2.number sub { font-size: 18px; font-weight: 400; margin-left: 10px;}

.fact-bg-section  { padding-top: 380px; background-color: #f9be00;}
.single-project-item-two .project-img .project-overlay .icon-btn { width: 50px; height: 50px;}
.single-project-item-two .project-img .project-overlay .icon-btn i { font-size: 18px;}
.single-blog-post .entry-content { padding-top: 30px;}

.index-pphz { background-color: #f9be00;}

.main-btn.golden-btn { background-color: #f9be00;}
.back-to-top { background-color: #f9be00;}

/*下划线*/

/*黑*/
.underline-b { position: relative;}
.underline-b:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 1px;
	background-color: #3c1f14;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.underline-b:hover:after {
    width: 100%;
}

/*白-》黄*/
.underline-y { position: relative;}
.underline-y:hover { color: #f9be00;}
.underline-y:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0%;
    height: 1px;
	background-color: #f9be00;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.underline-y:hover:after {
    width: 100%;
}
/*下划线 end*/

/*20230511*/
.header-navigation { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header-three .header-navigation .nav-right-item .nice-select { color: #3c1f14;}
.header-three .header-navigation .nav-right-item .search-btn { color: #3c1f14;}
.single-slider .image-layer:after { opacity: 0.1;}
.index-news-list .slick-dots { text-align: center; margin: 40px 0;}
.footer-logo img { max-width: 100%; width: 300px;}
.about-two_image-box { position: relative;}
.video-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);}

.banner-subtitle { color: #f9be00 !important;}
.hero-content .sub-title.banner-subtitle:before {background-color: #f9be00 !important}

.header-three .header-navigation .navbar-toggler span { background-color: #3c1f14;}
.hero-slider-two .slick-arrow { top: auto; bottom: 20%;}

.single-blog-post .post-thumbnail img { height: 26vh; object-fit: cover;}

.page-title-area:after { opacity: 0.3;}

.single-blog-post-three .post-thumbnail img { height: 25vh; object-fit: cover;}

.sidebar-widget-area .widget-recent-post .recent-post-list .post-thumbnail-content img { border-radius: 0;}

.cta-image-box .video-box { border-radius: 30px;}
.about-cont p { font-size: 18px;}
.cta-bg-section:after { background-color: #f9be00;}

.contact-cont { font-size: 18px; font-weight: 700; line-height: 40px; }

#map img { max-width:none;}

.pro-index-bg { background-color: #f9be00;}

.pro-class-title a { display:block; border: 1px solid #ddd; padding: 20px 0; text-align: center; border-radius: 5px;}
.pro-class-title img { height: 50px; vertical-align: middle;}
.pro-class-title span {font-size: 28px; font-weight: 700; margin-left: 10px; vertical-align: middle;}
.pro-class-title a:hover { border-color: #f9be00; background-color: #f9be00;}
.pro-class-title a.cuur { border-color: #f9be00; background-color: #f9be00;}

.pro-class-two-title {display: inline-block; font-weight: 700; font-size: 18px;}
.product-details-wrapper .product-info .product-meta li span { width: auto;}

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

@media only screen and (max-width: 991px) {
	.single-blog-post .post-thumbnail img { height: 26vh; object-fit: cover;}
}

@media only screen and (max-width: 767px) {
	.fact-bg-section {padding-top: 200px;}
	.gallery-section-minus { margin-bottom: -140px;}
	.single-counter-item-two h2.number { font-size: 40px;}
	
	.section-title {text-align: center;}
	.section-title span.sub-title { font-size: 18px;}
	.section-title span.sub-title img { height: 20px;}
	.section-title h2 { font-size: 24px;}
	
	.single-blog-post .post-thumbnail img { height: 36vh; object-fit: cover;}
	
	.pro-class-title { margin-bottom: 20px;}
	.pro-class-two-title {display:block; margin-bottom: 10px; font-size: 16px;}
}

@media only screen and (max-width: 575px) {
	.about-wrapper { padding: 30px 0;}
	.header-three .header-navigation .site-branding img { height: 36px;}
}


/*20240523*/
.down-swiper .swiper-slide a { display: block;}
.down-swiper .swiper-slide a img { display: block; width: 100%; height: 30vh; border-radius: 0;}
.catalogue-down { font-size: 16px;}
.lxry {}
.lxry .item { margin-bottom: 20px;}
.lxry .item .pic { width: 120px;}
.lxry .item .titlebox { width: calc(100% - 140px);}
.lxry .item .titlebox .title { font-size: 18px;}
.lxry .item .titlebox .zhiwei { font-size: 14px;}
.lxry .item .titlebox .tel { font-size: 14px;}
.lxry .item .titlebox .email { font-size: 14px;}
.lxry .item .titlebox .email a {color: #f9be00;}

@media only screen and (max-width: 767px) {
	.lxry .item .pic { width: 100%; text-align: center; margin: 0 auto 20px;}
	.lxry .item .titlebox { width: 100%;}
}

.f-erweima {gap: 10px;}
.f-erweima .item {}
.f-erweima .item img { max-width: 120px; width: 100%;}