:root{
	--public-color:rgb(239,30,36);
}
/*#region 通用*/
body { color: #000; font-size: 14px;  font-family: 'Roboto', sans-serif; }
a:hover{color:var(--public-color);}
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }
img {
  aspect-ratio: attr(width) / attr(height);
}
ul, ol, li, dl, dd, dt {list-style-type: none; }
.img-width{width: 100%;height: auto;}
.main-container { padding:30px 0; background: #fff;margin-bottom: 40px; }
.bghui{background: #f7f7f9;}
.bghuang{background: #ff8a00;}
.bgbai{background: #fff}
@media(max-width:768px) {
    .main-container { padding-top: 20px; padding-bottom: 20px;  }
}
/*#endregion*/

.header {z-index: 999;width: 100%;}
.header-top{background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
.header-top .top-logo{display: flex;align-items: center;padding: 10px 0;}
.header-top .top-nav{display: flex;align-items: flex-start;justify-content: flex-end;}
.header-top .top-box {display: block;text-align: right;}

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end; }
.navbar-custom .navbar-nav > .nav-item { font-size: 16px; min-width: 80px; margin: 0 10px;  }
.navbar-custom .navbar-nav .nav-link {padding: 1.9rem 0.6rem; text-align: center; color:#363636;font-weight: bold; font-size: 18px; position: relative;}
.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0%;height: 4px;background: var(--public-color);display: block;transition: all 0.3s; position: absolute;top: 0;left: 0;}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link{background: none;}
.navbar-custom .navbar-nav .nav-link:hover:before, .navbar-custom .navbar-nav .nav-link:focus:before {width: 100%;}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link:before,
.navbar-custom .navbar-nav .active > .nav-link:before,
.navbar-custom .navbar-nav .nav-link.show:before,
.navbar-custom .navbar-nav .nav-link.active:before {width: 100%;}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before {width: 100%;}

.passion{background: #fff;padding-top:100px;}
.passion .title {
	text-align: center;
}

.passion .title::before {
	width: 70px;
	height: 6px;
	background-color: #d71319;
	display: block;
	content: "";
	margin: auto;
}

.passion .title::after {
	width: 70px;
	height: 6px;
	background-color: #d71319;
	display: block;
	content: "";
	margin: auto;
}

.passion .t1 {
	font-size: 36px;
	line-height: 42px;
	font-weight: 600;
	padding-top: 45px;
	color: #1c2b3b;
}

.passion .t2 {
	font-size: 18px;
	line-height: 28px;
	padding: 30px 0 60px;
}

.passion .history {
	background: url(../../images/passion-bg.jpg) no-repeat center;
	width: auto;
	height: 740px;
}

.passion .history .items {
	display: flex;
	justify-content: left;
}

.passion .history .item:nth-child(1) {
	flex: 0 0 23%;
	margin-top: 218px;
}

.passion .history .item:nth-child(2) {
	flex: 0 0 37%;
	margin-top: 157px;
}

.passion .history .item:nth-child(3) {
	flex: 0 0 29%;
	margin-top: 50px;
}

.passion .history .item:nth-child(2) .card {
	margin: 0 0 0 auto;
	width: 75%;
}

.passion .history .circle {
	margin: auto;
	width: 88px;
	height: 88px;
	text-align: center;
	line-height: 75px;
	font-size: 24px;
	color: #d71319;
	font-weight: bold;
	border-radius: 50%;
	border: 4px solid #d71319;
	position: relative;
}

.passion .history .text {
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	width: 93%;
	margin: auto;
	font-weight: 300;
	margin-bottom: 34px;
}

.passion .history .item:nth-child(2) .text {
	width: 94%;
}

.passion .history .circle::after {
	width: 4px;
	height: 132px;
	content: "";
	display: block;
	background-color: #d71319;
	position: absolute;
	top: 80px;
	left: 37px;
}

.passion .history .item:nth-child(2) .circle::after {
	left: 37px;
}

.passion .history .item:nth-child(3) .circle {
	font-size: 18px;
}

.passion .history .item:nth-child(3) .circle::after {
	left: 39px;
}


/*#region 手机端*/
.header-mb{background: #fff;}
.header-mb .top-mb{display: flex; justify-content: flex-end;align-items: center;width: 60%; }
.header-mb .navbar-brand{width: 100%;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #000}
.header-mb .top-mb .icon-bars{color: #000;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #fff;}
.top-box{display: flex;justify-content: flex-end;}
.top-box2{display: flex;justify-content: flex-end;align-items: center;}
.top-nav{display: flex;justify-content: flex-start;align-items: center;}
.top-mb-search-box{display: none; position: absolute;background: #000; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}

@media(max-width:1200px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}
}

@media(max-width:768px) {
    .navbar-custom{z-index: 99;}
    .navbar-custom .navbar-nav .nav-item { padding: 0;  }
    .navbar-custom .navbar-nav .nav-link{padding: 1rem 0.6rem;color: #fff;}
    .navbar-custom .navbar-nav .nav-item:hover .nav-link,.navbar-custom .navbar-nav .nav-item.active .nav-link{color: #fff;}
    .navbar-custom .navbar-collapse { background: #413b3b; border-top: 1px solid #fff; position: absolute; top: 100%; width: 100%; left: 0;padding-bottom: 20px; }
    .navbar-custom .navbar-nav .nav-item:before{display: none;}
    .navbar-custom .navbar-nav .nav-link:before{display: none;}
}
/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background:var(--public-color); color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #ed7902 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.ny-nav{border-radius: 10px;overflow: hidden;box-shadow: 2px 2px 4px #d7d0d0;}
.ny-nav .ny-nav-title{background:var(--public-color);color: #fff; font-size: 22px;line-height: 31px;margin-bottom: 0;display: flex;align-items: center; padding: 14px; }
.ny-nav .ny-nav-title:before{content: "";width: 5px;height: 21px;background: #fff;display: inline-block;margin-right: 7px;}
.ny-nav .ny-pro-title{font-size: 20px;font-weight: bold;color: #5a5a5a; background: #f4f4f4;padding: 10px 10px;margin-bottom: 15px;}
.ny-nav .menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px; background: #fff; }
.menu-horizontal { display: block;}
.menu-horizontal .nav-item {  display: block; margin-bottom: 2px; }
.menu-horizontal .nav-item:last-child{margin-bottom: 0;}
.menu-horizontal .nav-link {width: 100%; cursor: pointer; padding: 12px 15px; color: #636363;display: block;text-align: left;  font-size: 17px; background: #f5f5f5; }
.menu-horizontal .nav-item.active .nav-link,.menu-horizontal .nav-link:hover {background: #434343; color: #fff; transition: all 0.3s; }

.menu-horizontal .nav-item.active .menu-horizontal-child{display: flex;}
.menu-horizontal-child { display: none; flex-wrap: wrap; background: #fff; padding: 10px 14px;  }
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;width: 100%;}
.menu-horizontal-child .nav-link-child:before { content: ">"; font-size: 14px;color: #727272;margin-right: 7px;}
.menu-horizontal-child .nav-link-child { color: #727272;font-size: 14px;line-height: 31px; }
.menu-horizontal-child .nav-link-child.active { color:var(--public-color);  }
.menu-horizontal-child .nav-link-child.active:before { color:var(--public-color);}
.menu-horizontal-child .nav-link-child:hover{color:var(--public-color); }
.menu-horizontal-child .nav-link-child:hover:before { color:var(--public-color);}

.menu-horizontal-about{display: flex;padding: 0;justify-content: center;}
.menu-horizontal-about .nav-item-about { margin: 5px;}
.menu-horizontal-about .nav-link-about {padding: 8px 20px; color: #fff;background: #413b3b; display: block;text-align: left;  font-size: 16px;border-radius: 25px;overflow: hidden;  }
.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover {color: #fff; background:var(--public-color);  }


@media(max-width:768px) {
    
    
}
/*#endregion*/

/*#region 位置导航*/
.ny-crumb{background: url(../../images/banner-ny.jpg) no-repeat top center;padding: 20px 0;margin-bottom: 50px; background-size: cover; }
.page-title { display: block; }
.page-title .title{font-size: 30px;font-weight: bold; color: #fff;text-align: center;margin-bottom: 10px;}
.page-title a{color: #fff;}
.page-title a:hover{text-decoration: underline;}
.page-title .breadcrumb { justify-content: center; color: #fff; }
.breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "\f054";font-size: 10px;  }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #fff}

@media(max-width:768px) {
    .ny-crumb{margin-bottom: 20px;background-size: cover;}
}
/*#endregion*/

/*#region 底部*/

#footer {
	margin-top:50px;
	background-color: #16222f;
	padding-top: 70px;
}

#footer .container-xl {
	display: flex;
	justify-content: space-between;
}

#footer .container-xl .left {
	flex: 0 0 35%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

#footer .container-xl .left .t1 {
	line-height: 28px;
	color: #ffffff;
	padding:35px 0;
}

#footer .container-xl .left .t2,
#footer .container-xl .left .t3 {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	opacity: 0.4;
}

#footer .container-xl .left .t3 {
	opacity: 0.6;
}

#footer .container-xl .right {
	flex: 0 0 61%;
}

#footer .social {
	display: flex;
	padding:10px 0;
}

#footer .social i {
	color: #fff;
	font-size: 20px;
}

#footer .social .item {
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.6);
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer .right .title {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	padding-bottom: 40px;
	font-weight: bold;
}

.form-feedback .btn {
	margin: 30px 0;
	background-color: #d5282c;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.form-feedback .btn:hover {
	background-color: #fff;
	border: 1px solid #d5282c;
	color: #d5282c;
}

.form-feedback .form-control {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #cecccc;
   border-radius: 10px;
}
#footer .form-feedback .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
	 border-radius: 0;

}

#footer .right .t4 {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	font-weight: 500;
	margin-bottom:30px;
}

#footer .right .ul-link span {
	color: #fff;
}

#footer .right .ul-link a {
	font-size: 18px;
	line-height: 48px;
	opacity: 0.4;
}

#footer .right .ul-link a:hover {
	opacity: 1;
}

#footer .right .bottom {
	margin-top: 65px;
	display: flex;
	justify-content: space-between;
}

#footer .right .bottom .item:nth-child(1) {
	flex: 0 0 39%;
}


footer .foot-left{width:100%;display:flex;align-items:center;padding:40px 0 0;color:#fff;justify-content:space-between;}
footer .foot-left .foot-box{width:48%; display: flex;align-items: center;justify-content: space-between;font-size: 16px;}
footer .foot-left .foot-box .box-left{}
footer .foot-left .foot-box .box-left div{margin: 10px 0;}
footer .foot-left .foot-box .box-left a{font-size: 16px;line-height: 23px;color: #fff;}
footer .foot-left .foot-box .box-left a:hover{text-decoration: underline;}
footer .foot-left .foot-box .box-right{border-radius:50%;overflow:hidden;}

@media(max-width:768px) {
	footer .foot-left{padding-right: 0;margin-right: 0;margin-bottom: 0px;padding-top:10px;display:flex;justify-content:center;flex-wrap:wrap;}
    footer .foot-left .foot-box{margin: 10px 0;width:100%;}
}

#footer .foot-bottom{padding-bottom:30px;color:#fff;}
#footer .foot-bottom a{color:#fff!important;}
#footer .foot-bottom a:hover{text-decoration:underline;}
#footer .foot-bottom .container-xl{flex-wrap:wrap;}
#footer .foot-bottom .xt{display:block;width:100%;border-top:1px solid #2d3844;margin-bottom:40px;}
#footer .foot-bottom .title{font-size: 24px;line-height: 32px;color: #fff;padding-bottom: 40px; font-weight: bold;}
#footer .foot-bottom .addr{display:flex;align-items:center;margin-bottom:30px;}
#footer .foot-bottom .addr .img{width:72px;min-width:72px;margin-right:20px;}
#footer .foot-bottom .container-xl .left{display:block;}
#footer .foot-bottom .ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
#footer .foot-bottom .ul .ul-link{width:50%;margin-bottom:15px;font-size:18px;}
#footer .foot-bottom .ul .ul-link:before{content:"\f054";font-family:cmsfont;display:inline-block;margin-right:10px;}
#footer .foot-bottom .right .ul-link a{opacity:1;line-height:24px;}

#footer .foot-bq{}
#footer .foot-bq .box{border-top:1px solid #2d3844;padding:20px 0;}
#footer .foot-bq .container-xl{display:block;text-align:center;color:#5c6977;}
#footer .foot-bq .container-xl a{color:#5c6977;}
#footer .foot-bq .container-xl a:hover{text-decoration:underline;}

@media(max-width:768px) {
	#footer .foot-bottom .ul .ul-link{margin-bottom:10px;font-size:14px;width:100%;}
	#footer .foot-bottom .title{font-size:20px;padding-bottom:20px;}
}

/*#endregion*/

/*#region 首页*/
.banner-home{background: url(../../images/banner.jpg);height: 578px;color: #fff;}
.banner-home p{padding-top: 75px;font-size: 20px;margin-bottom: 10px;}
.banner-home h3{font-size: 33px;font-weight: bold;margin-bottom: 20px;}
.banner-home a{width: 185px;height: 50px;display: block;background: #000;text-align: center;font-size: 18px;color: #fff;line-height: 50px;border-radius: 20px;overflow: hidden;}
.banner-home a:hover{text-decoration: underline;}

@media(max-width:768px) {
    .banner-home{height: 113px;background-size: cover;}
    .banner-home .container-xl{display: none;}
}

.home-title{font-size: 48px;font-weight: bold;color:#000;font-family: Arial;}

.home-about{padding: 50px 0;background: #fff;}
.home-about h1{font-size: 33px;color: #000000;margin-bottom: 20px;}
.home-about .desc{font-size: 18px;line-height: 30px; color: #000;margin-bottom: 15px;}
.home-about .list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;}
.home-about .list p{width: 48%;font-size: 18px;line-height: 30px; color: #000;}
.home-about .list p:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color:var(--public-color); }
.home-about .cert{display: flex;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);border: 1px solid #e1e1e1; border-radius: 10px;overflow: hidden;padding: 15px 30px;align-items: center;justify-content: space-between;}
.home-about .more{padding: 5px 25px;font-size: 24px;color: #fff;background:var(--public-color);border-radius: 15px;overflow: hidden;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);}

.home-protitle{background: #f1f1f1;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.home-protitle h2{font-size: 48px;font-weight: bold;color: #000;font-family: Arial; height: 128px;display: flex;align-items: center;border-bottom: 5px solid rgb(230,37,32);}
.home-protitle p{font-size: 16px;line-height: 24px;color: #000000;}
.home-protitle .desc{display: flex;align-items: center;padding-left: 60px;}

.home-pro{padding: 40px 0 20px; background: #fafafb;}

.home-news{padding: 50px 0;background: #fff;}
.home-news .news-box{display: flex;justify-content: space-between;margin-top: 20px;margin-bottom: 15px;flex-wrap: wrap;}
.home-news .news-box .img{width: 40%;border: 1px solid #d8d8e8;display: flex; justify-content: center;align-items: center;/*height: 171px;*/}
.home-news .news-box .text{width: 60%;padding-left: 20px;padding-top: 15px;}
.home-news .news-box h4{font-size: 20px;color: #000;margin-bottom: 10px;font-weight: bold;}
.home-news .news-box h4 a{color: #000;transition: all 0.3s;}
.home-news .news-box h4 a:hover{color:var(--public-color);}
.home-news .news-box p{font-size: 16px;line-height: 30px;color: #000000;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

.home-app{padding: 30px 0 20px; background: #fafafb;}
.home-app .desc{font-size: 16px;line-height: 24px;color: #000;margin-top: 10px; margin-bottom: 15px;}
.home-app .app-box{position: relative;padding-bottom: 50px;margin-bottom: 20px;}
.home-app .app-box .app-bg{background: #434343;/*height: 90px;*/height:80px;transition: all 0.3s; position: absolute;bottom: 0;left: 0;width: 100%;display: block;/*padding-top: 55px;*/padding-top:41px;}
.home-app .app-box .img{padding: 30px 30px 0;z-index: 99;position: relative;}
.home-app .app-box h4{font-size: 18px;text-align: center;color: #fff;}
.home-app .app-box h4 a{color: #fff;}
.home-app .app-box:hover .app-bg{background:var(--public-color);}

@media(max-width:768px) {
	.home-title{font-size: 32px;}
	.home-protitle h2{font-size: 32px; height: auto;padding-top: 8px;padding-bottom: 8px;margin-bottom: 15px;}
    .home-about h1{/*font-size: 26px;*/font-size:20px;}
	.home-about .desc{font-size:14px;line-height: 24px;}
    .home-about .list p{width: 100%;font-size:12px;}
    .home-about .cert{display: block;box-shadow: none;padding-left: 0;padding-right: 0;}
	#contactsy-icon p{margin:auto; dipslay:block;text-align:center;}
    .home-about .more{display: inline-block;margin-top: 20px;}
    .home-about .pl-5{padding-left: 15px!important;}
    .home-protitle .desc{padding-left: 15px;}
    .home-protitle{padding-bottom: 20px;}
    .home-news .news-box .img{width: 100%;}
    	.home-news .news-box .text{width: 100%;padding-left: 0px;}
.header-mb .navbar-brand{width:auto;}
.home-protitle p,.home-app .desc{font-size:12px;}
.home-news .news-box p{font-size:12px; line-height:24px;}
.home-news .col-md-6:nth-child(2){display:none;}
.home-app .app-box .img{padding: 15px 15px 0;}
.pt-5{padding-top:2rem !important;}
.pronr-wrapper .text p{word-break: break-all;}
.product-head .content img{max-width:100%;}
footer .foot-about{font-size: 14px;line-height: 24px;}
.pro-wrapper .row-cols-2>*{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.ny-title{font-size: 24px; font-weight: bold; color: #409d64;line-height: 36px;margin-bottom: 20px; border-bottom: 1px solid #dedede; padding-top: 14px;padding-bottom: 14px; }
.ny-title:before{content: "\f105";font-family: cmsfont;color: #409d64;font-size: 18px;margin-right: 8px;}

.about-wrapper { padding-bottom: 40px;  }
.about-wrapper .about-num{text-align: center;border-bottom: 1px solid #e6e6e6;margin-top: 30px;margin-bottom: 25px;padding-bottom: 20px;}
.about-wrapper .t1 { font-size: 52px; color: #000;font-weight:bold; font-family: Arial; }
.about-wrapper .t2 { font-size: 21px; color: #242424; }
.about-wrapper .target1::before { position: absolute; right:170px; top: 14px; content: "+"; font-size: 14px; color: #555555; }

.about-wrapper .target2::before { position: absolute; right:85px; top: 14px; content: "㎡"; font-size: 14px; color: #555555; }
.about-wrapper .content h2{font-size: 27px;font-weight: bold;line-height: 30px;margin-bottom: 15px;}
.about-wrapper .content p{font-size: 16px;color: #242424;line-height: 32px;}
.about-wrapper .content h3{font-size: 27px;font-weight: bold;line-height: 30px;margin-bottom: 20px;margin-top: 20px;}

@media(max-width:768px) {
    
}



/*#region contact-wrapper*/
.contact-wrapper { background: #fff;padding: 40px 50px;border-radius: 10px;overflow: hidden;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); }
.contact-wrapper h4 {  color: #4f4f4f; font-size: 27px;  }
.contact-wrapper .desc{font-size: 14px;line-height: 24px;color: #4f4f4f;margin-bottom: 20px;}
.contact-wrapper p {  color: #3b3b3b; font-size: 16px; line-height: 30px; margin-bottom: 25px; }
.contact-wrapper i{width: 16px;margin-right: 5px;display: inline-block;}
.contact-wrapper .contact-img img { width: 100%; height: auto }
.contact-wrapper .fktitle{margin-bottom: 30px;}
.contact-wrapper .contact-banner{margin-top: 30px;margin-bottom: 30px;}
.contact-wrapper .contact-content{padding-left: 50px;}
.contact-wrapper .contact-title{border-bottom: 1px solid #dddddd;position: relative;margin-bottom: 15px;}
.contact-wrapper .contact-title h3{font-size: 18px;line-height: 30px;text-transform: uppercase;padding: 10px 0;}
.contact-wrapper .contact-title:before{content: "";width: 45px;height: 1px;background: #000;position: absolute;bottom: -1px;left: 0;display: block;}

.contact-wrapper .form-feedback .btn { color: #fff; background: #222222 }
.contact-wrapper .form-feedback .form-control { padding: 1.3rem .75rem;  }

@media(max-width:768px) {
    .contact-wrapper {padding: 10px;}
    .contact-wrapper .contact-content{padding-left: 0;}
}

/*#endregion*/

/*#region 产品列表*/
.pro-wrapper { padding:20px 30px; background: #ffffff; border-radius: 10px;overflow: hidden;}
.pro-col{border: 1px solid #d8d8e8;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); margin-bottom: 30px; border-radius: 15px;overflow: hidden;background: #ffffff;padding: 16px;position: relative;transition: all 0.3s;}
.pro-col .img{overflow: hidden; display: flex;align-items: center;justify-content: center;height: 293px;}
.pro-col .img img{transition: all 0.3s;}
.pro-col h4{font-size: 16px;line-height: 20px;text-align: center;font-weight: bold; height: 40px;color: #000000;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;transition: all 0.3s;}
.pro-col p{background: #434343;text-align: center; font-size: 16px;color: #fff;padding: 8px;display: block;border-radius: 15px;transition: all 0.3s;overflow: hidden;margin-top: 20px;}
.pro-col a{position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;}
.pro-col:hover{border-color:var(--public-color);}
.pro-col:hover h4{color:var(--public-color);}
.pro-col:hover p{background-color:var(--public-color);}
.pro-col:hover img{transform: scale(1.1);}
.pro-desc{font-size: 16px;line-height: 24px;margin-bottom: 20px;color: #666;}

/*#endregion*/
@media(max-width:768px) {
    .pro-wrapper {padding: 10px;}
}
/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding:0; }
.news-wrapper .news-box{display: flex;flex-wrap: wrap; justify-content: space-between;margin-top: 0px;margin-bottom: 25px;background: #fff;padding: 15px;border: 1px solid #d8d8e8;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.news-wrapper .news-box .img{width: 40%;border: 1px solid #d8d8e8;/*height: 171px;*/display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-wrapper .news-box .text{width: 60%;padding-left: 20px;padding-top: 15px;}
.news-wrapper .news-box h4{font-size: 20px;color: #000;margin-bottom: 10px;font-weight: bold;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-wrapper .news-box h4 a{color: #000;transition: all 0.3s;}
.news-wrapper .news-box h4 a:hover{color:var(--public-color);}
.news-wrapper .news-box p{font-size: 16px;line-height: 30px;color: #000000;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

@media(max-width:768px) {
    .news-wrapper .news-box .img{width: 100%;height: auto;}
.news-wrapper .news-box .text{width: 100%;padding-left: 0;}
}
/*#endregion*/
/*#region cert-container*/
.cert-col { margin-bottom: 1.5rem; margin-top: 0.5rem; background: #fff; }
.cert-col .card { padding: 20px; border: 1px solid #e3e3e3;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);  }
.cert-col .card-thumb { border: 1px solid #e3e3e3; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.cert-col .card-title { font-size: 16px; margin: 0; color: #5f5f5f; padding: 0.5rem 0.75rem; margin-top: 0.5rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cert-col:hover .card{background:var(--public-color);}
.cert-col:hover .card-title{color: #fff;}

@media(max-width:768px) {
    .cert-container { padding-bottom: 0.5rem; padding-top: 0.5rem; }
}

.link-wrapper .link-box{border: 1px solid #d3d3d3;border-radius: 10px;overflow: hidden;margin-bottom: 25px;}

/*#region contact wrapper*/
/*#region contact wrapper*/
.down-wrapper {min-height: 500px;padding-bottom: 50px;}
.down-col{/*display: flex;*/border: 1px solid var(--public-color); padding: 15px;justify-content: space-between;margin-bottom: 20px;}
.down-col .img{width: 30%;}
.down-col .text{/*width: 70%;*/padding-left: 25px;}
.down-col h4{font-size: 16px; line-height: 18px;margin-top: 8px;margin-bottom: 8px;color: #5b5b5b;font-weight: bold;}
.down-col .more{float:right;/*margin-top: 20px;*/margin-bottom: 30px;}
.down-col .more a{background-image: linear-gradient(var(--public-color),var(--public-color),#044d82);font-size: 15px;color: #fff; padding: 8px 20px;border-radius: 25px;overflow: hidden;}

/*#endregion*/

/*#region down list*/
.img-col{ margin-bottom: 15px; padding: 5px;border-radius: 15px;overflow: hidden;background: #fff;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.img-col .card-thumb {width: 100%; height: auto; border-radius: 15px;overflow: hidden;}
.img-col .img{line-height: 0;}

@media(max-width:768px) {

}

/*#region video list*/
.video-first{display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.video-first .left{width: 60%;}
.video-first .right{width: 40%; display: flex;justify-content: center;align-items: center; background: #f3f3f3;}
.video-first .right h3{text-align: center;font-size: 30px;color: #090909;font-weight: bold;}
.video-first .right h3:after{width: 60px;height: 4px;content: "";background: #000;display: block;margin: 10px auto;}
.video-col { margin-bottom: 1.5rem; }
.video-col .card{height: 100%;}
.video-col .card .video{}
.video-col .card-title{color: #000; align-items: center;margin: 0;padding: 0.75rem 0.5rem;text-align: center;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-col .card-title a{color: #000;}
.video-col .card-title a:hover{color: #f2962f;transition: all 0.3s;}

@media(max-width:768px) {
    .video-first .left{width: 100%;}
    .video-first .right{width: 100%;padding-top: 20px;padding-bottom: 10px;}
}

/*#region faq list*/
.faq-list{}
.faq-list .faq-box{cursor: pointer;background: #0095d9;margin-bottom: 1px; padding: 0px 25px;height: 70px; display: flex;justify-content: space-between; align-items: center;position: relative;width: 100%;}
.faq-list .faq-box .num{ width: 5%;text-align: center; background: #fff;padding: 5px;font-size: 16px;color: #0095d9;font-weight: bold;border-radius: 10px;overflow: hidden;}
.faq-list .faq-box .title{width: 92%; padding-left:10px;font-size: 18px;line-height: 22px;color: #ffffff;padding-right: 20px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.faq-list .faq-box .tb{width: 3%;background: #fff;font-size: 16px;color: #be402e;text-align: center;}
.faq-list .faq-li .faq-a{background: #f0f0f0;padding: 25px;display: none;width: 100%;}
.faq-list .faq-li .faq-a-text{font-size: 15px;color: #000000;line-height: 24px;}
.faq-list .faq-li .faq-a-text span{font-size: 15px;line-height: 24px;color: #015aaa;padding-right: 5px;}
.faq-list .faq-li:first-child .faq-a{display: block;}
.faq-feedback {padding: 10px 25px;}
.faq-feedback h2{ text-align: center;font-size: 24px;color: #6e6e6e; margin-bottom: 30px; font-weight: bold;}

@media(max-width:768px) {
    .faq-list .faq-box .num{ width: 10%;}
    .faq-list .faq-box .title{width: 80%;-webkit-line-clamp: 3;}
    .faq-list .faq-box .tb{width: 10%;}
    .faq-feedback{padding: 30px 0px 0;}
}

/*#endregion*/

/*#region 详情页*/
/*默认设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;}

/*内容切换*/
.content-wrapper .nav-tabs { background: #f3f3f3; }
.content-wrapper .nav-link { padding: 0.4rem 1rem;border: none; }
.content-wrapper .nav-tabs .nav-link.active { background: #f3f3f3;font-size: 20px;color: #373737; }
.content-wrapper .nav-tabs .nav-link:before{ content: "\f324"; font-family: cmsfont;font-size: 0.75rem; margin-right: 5px; color: #373737}
.nav-tabs .nav-item{margin-bottom: 0;}

/*产品内容*/
.pronr-wrapper{}
.product-head { margin-bottom: 1.5rem;background: #fff;padding: 20px;border-radius: 10px;overflow: hidden;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.product-head .product-thumb { border: 1px solid #ddd; }
.pronr-wrapper .text .pro-btn{margin-top: 10px;}
.pronr-wrapper .text .pro-btn a{font-size: 18px;color:var(--public-color);padding: 5px 0; border: 1px solid var(--public-color);border-radius: 25px;overflow: hidden;width: 280px;display: inline-block;text-align: center;}
.pronr-wrapper .text p{font-size: 18px;line-height: 36px;color: #242424;}
.product-head .pronr-title{background: #eeeeee;padding: 10px;font-size: 18px;line-height: 24px;color: #515151;border-radius: 10px 10px 0 0;}
.product-head .pronr-title:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color); }
.product-head .content{border: 1px solid #eeeeee;padding: 15px;}
.product-head .content img{max-width:100%;}
.product-feedback{margin-bottom: 1.5rem;background: #fff;padding: 10px 20px;border-radius: 10px;overflow: hidden;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.pronr-title2{font-size: 24px;line-height: 36px;color: #515151;border-bottom: 1px solid #eeeeee;padding: 10px 0;margin-bottom: 20px;font-weight: bold;}
.product-news{margin-bottom: 1.5rem;background: #fff;padding: 10px 20px;border-radius: 10px;overflow: hidden;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.products-nr{display: flex;position: relative;}
.products-nr .product-thumb{width: 70%;display: flex;align-items: center;justify-content: center;}
.products-nr .product-thumbs{width: 30%;position: relative;margin-top: 0;padding: 20px;}
.products-nr #swiper-button-prev-product-thumbs{position: absolute;top: 0;right: 20px;width: 44px;height: 22px;left: 48px;line-height: 22px;margin-top: 0;}
.products-nr #swiper-button-next-product-thumbs{position: absolute;bottom: 0px;right: 20px;width: 44px;height: 22px;left: 48px;top: initial;line-height: 22px;margin-top: 0;}
.products-nr #swiper-button-prev-product-thumbs:after{content: "\f077";}
.products-nr #swiper-button-next-product-thumbs:after{content: "\f078";}
.products-nr .product-thumbs .swiper-slide img{width: 100px;height: 100px;}

@media(max-width:768px) {
    
}

.product-pro{background: #fff;margin-top: 25px; border-radius: 10px;overflow: hidden;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);}
.content-pro-title{background:var(--public-color);color: #fff;padding: 13px 16px;font-size: 18px;}
.content-pro h4{font-size: 14px;color: #898989; margin-top: 10px; margin-bottom: 20px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content-pro .box{padding: 20px;}

.content-news{ }
.content-news .news-box{overflow: hidden; }
.content-news .news-col{border-bottom: 1px dashed #c6c6c6; padding-bottom: 15px; margin-top: 0px;margin-bottom: 15px;}
.content-news .news-col h4 a{color: #414141;font-size: 18px;}
.content-news .news-col h4 a:hover{ color:var(--public-color);transition: all 0.3s; }
.content-news .news-col p{ font-size: 14px;color: #7d7878; padding-left: 20px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.content-news .news-col h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}

/*文章内容*/
/*#region newsnr-container*/
.newsnr-container{margin-bottom: 40px; }
.newsnr-container .title { font-size: 30px; color: #000; font-weight: bold; }
.newsnr-container .content { color: #595959; line-height: 1.8rem; padding: 0; }
.newsnr-container .content p { margin-bottom: 0; }
.newsnr-container .summary { padding: 15px; background: #fff; margin: 30px 0; font-size: 15px; color: #595959;  }
.newsnr-container .summary span { margin-right: 15px; }

.newsnr-container .social a{border-radius: 0;}
.content-other{background: #e3e3e3;padding: 25px; font-size: 16px;color: #3e9c68;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #f2962f;transition: all 0.3s; }

.hot-pro { }
.hot-pro-title{background:var(--public-color);color: #fff; font-size: 22px;line-height: 31px;margin-bottom: 0;display: flex;align-items: center; padding: 8px 14px; }
.hot-pro-title:before{content: "";width: 5px;height: 21px;background: #fff;display: inline-block;margin-right: 7px;}
.hot-pro h4{font-size: 14px;color: #898989; margin-top: 10px; margin-bottom: 20px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-pro .box{padding: 20px 0;}

.hot-news {padding: 20px 0px;}
.hot-news-title{background:var(--public-color);color: #fff; font-size: 22px;line-height: 31px;margin-bottom: 0;display: flex;align-items: center; padding: 8px 14px; }
.hot-news-title:before{content: "";width: 5px;height: 21px;background: #fff;display: inline-block;margin-right: 7px;}
.hot-news .news-box {padding: 0 0 15px; border-bottom: 1px dashed #a5a5a5;margin-bottom: 20px;}
.hot-news .news-box:last-child{border-bottom: 0;}
.hot-news .news-box h4{font-size: 18px;line-height: 30px;color: #232323;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-news .news-box p{font-size: 14px;line-height: 24px;color: #232323;margin-bottom: 10px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.hot-news .news-box time{font-size: 14px;color:var(--public-color);display: flex;align-items: center;}
.hot-news .news-box time:before{content: "";width: 16px;height: 15px;background: url(../../images/timetb.jpg) no-repeat left;display: block;margin-right: 5px;}

@media(max-width:768px) {
    .newsnr-container .news-left { padding-top: 1rem; padding-bottom: 0.5rem }
}
/*#endregion*/

/*其他内容*/
.pro-feedback h3{ font-size: 18px; color: #10539a;}
.content-subtitle { color: #484848; font-size: 18px; margin-bottom: 10px; font-weight: bold; }

/*#endregion*/


/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem; }
.page-item.active .page-link { color: #fff; background-color: #413b3b; border-color: #413b3b; }

/*留言*/
.form-feedback .form-control{ background: #f7f7f7; color: #4b4b4b; border-radius: 10px; overflow: hidden; }
.form-feedback .btn { color: #777; color: #fff; background:var(--public-color);border-radius: 10px; font-size: 18px; line-height: 22px;}
.form-feedback .btn:hover{background:#7bb9f1 }

/*搜索*/
.search-group { width: 350px; height: 37px; background: #666160;}
.search-group .form-control { border: none; border-radius: 0px ;margin-right: 10px;color: #fff; background: #666160;}
.search-group .btn {border-radius: 0px;background:#fff; height: 37px;  width: 37px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #d0071a; font-size: 1rem; }
.search-group .btn:hover{background: #d0071a;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*#endregion*/

/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #413b3b;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .item span{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item span:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f80a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "\f87a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: cmsfont; font-size: 14px;}

.reveal-modal{ visibility: hidden;top:150px; left: 50%;margin-left: -25%;width: 50%;position: absolute;z-index: 1001;padding: 35px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);-box-shadow: 0 0 10px rgba(0, 0, 0, .4);background-color: #FFF;}    

@media(max-width:768px) {
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}
}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}

.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;margin-top:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;margin-top:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li>span{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li span{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>span:after{content:'\f107';font-family:cmsfont;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

#project_title p{font-size: 16px;text-align: center;color: #fff;line-height: 18px;}

.certificate-title a{float: right;line-height: 70px;font-size: 18px;}
#certificate-sy{background:#fff;}
#certificate-sy .pro-col .img{height: inherit;}
#certificate-sy .pro-col h4{line-height:36px;}
@media(max-width:768px) {
    .totop{z-index: 99;bottom: 60px;}
    footer {margin-bottom: 48px; }
	.project-nr{float:left; width:50%;}
	.moblieys{width:50%;}

	.about-wrapper .target1::before{right:90px;}
	.about-wrapper .target2::before{right: 10px;}

.certificate-title a{line-height: 39px;}
#certificate-sy .row-cols-md-4 .col{float: left;width: 50%;flex: 0 0 50%;}
}
.mz-thumb:not(.mz-thumb-selected):hover img{border:1px solid var(--public-color);}
.mz-thumb.mz-thumb-selected img{border: 1px solid var(--public-color);}
.social-facebook,.social-youtube{background:#413b3b !important; border:1px solid #fff;}
.foot-service .social .social-youtube{margin-left: 10px;margin-right: 14px;}
.dy-wrapper .container-xl{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.videobox {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;display: flex;align-items: center;justify-content: center;}
#tupian03 img{margin-bottom:30px;}
.Partner-img{float:left; margin-right:25px; margin-bottom:10px;}
#Partner-index{width:100%; margin-bottom:36px;}
@media(max-width:768px) {
footer .foot-nav p{width:50%;float: left;line-height:24px;}
.about-wrapper .t2{font-size:18px;}
#tupian03{float:left;width:100%;margin:0px; padding:0px; margin-bottom:20px;}
/*#tupian03 .col-md-4:nth-child(3){display:none;}*/
#tupian03 .col-md-4:nth-child(1),#tupian03 .col-md-4:nth-child(3),#tupian03 .col-md-4:nth-child(5){padding-right:10px;}
#tupian03 .col-md-4:nth-child(2),#tupian03 .col-md-4:nth-child(4),#tupian03 .col-md-4:nth-child(6){padding-left:10px;}
#tupian03 .col-md-4{float:left;width:50%; padding-left:0px; padding-right:0px;}
#tupian03 img{margin-bottom:20px;}
footer .foot-title{margin-bottom:10px;}
.pt-5{padding-top:1rem !important;}
footer .foot-copy{line-height:24px;}
.home-about .more{margin-bottom:10px;}
.Partner-img{ margin-right: 8px;margin-bottom: 10px;width: 30%;}
.Partner-img img{width:100%;}
}
.yb_conct {position: fixed;z-index: 9999999;bottom: 50px;right: -200px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 240px;height: 45px;font: 16px/40px 'Microsoft YaHei';color: #fff;text-indent: 45px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background:var(--public-color) url(/upload/1c/202405/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone {background:var(--public-color) url(/upload/1c/202405/fixCont.png) no-repeat 0 -49px;}
.yb_bar .yb_whatsapp {background:var(--public-color) url(/upload/1c/202405/fixCont.png) no-repeat 0 -236px;}
.yb_bar .yb_skype {text-indent: 0;background:var(--public-color) url(/upload/1c/202405/fixCont.png) no-repeat 0 -161px;}
.yb_bar .yb_QQ {text-indent: 0;background:var(--public-color) url(/upload/1c/202405/fixCont.png) no-repeat 0 -188px;}
.yb_bar .yb_ercode {/*height:200px;*/background:var(--public-color) url(/upload/1c/202405/fixCont.png) no-repeat 0 -236px;}
.yb_bar .yb_ercode a{color: #fff;}
.hd_qr {width: 180px;height: 180px;margin-left: 40px;}
.yb_phone a,.yb_whatsapp a,.yb_QQ a,.yb_skype a {display: block;text-indent: 45px;width: 100%;height: 100%;color: #fff;}

.Features-nrys li{font-size: 18px;list-style: disc;}
.product-down{background:var(--public-color); color:#fff; font-size:16px;width: 280px;border-radius: 25px;padding:10px 0; margin-bottom:17px;display: block;text-align: center;}
.product-down:hover{color:#fff; background:#55acee;}

.faq-wrapper{background:#fff;padding:60px 50px;}
.faq-q { font-size: 18px; color:var(--public-color); font-weight:bold; margin-bottom:11px; padding-top:10px; padding-bottom:10px; display:flex;align-items:center; }
.faq-q span { color: #fff; background:var(--public-color); padding:10px 13px; margin-right:15px;font-weight:bold;min-width:46px;width:46px; }
.faq-a { border: 1px solid #dcdcdc; font-size: 16px; color: #868686 ;padding:1rem;}

.fixed-faq{/*position: fixed; right: 10px;top:250px;z-index: 9999;width:250px; background:#2a84c5;*/ margin-top:20px; }
/*.faq-title-fixed{background:var(--public-color);padding:10px 15px;color:#fff; font-size:20px;}*/
.fixed-faq a{padding-bottom: 20px;padding-top: 10px;display: block;color: #444;}
.fixed-faq p{/*color:#fff;*/ font-size: 14px;padding: 20px 15px 0px 15px;}
.fixed-faq p::before { content: "●";font-size: 0.75rem;margin-right: 5px;color: #444;}

@media screen and (min-width:769px) and (max-width:1200px) {
.fixed-faq{display:none;}
.row-cols-md-3>*{width:50%;}
}


@media(max-width:768px) {
    .faq-wrapper{padding:40px 10px;}
.faq-q{font-size:14px;}
.faq-a{font-size:12px;}
.fixed-faq{display:none;}
.erweima{width:50%;}
}

.header-desc{padding:8px 0px;color: #666666;font-size: 16px;background: #f9f9f9;border-bottom: 1px solid #e6e6e6;}
.top-tel .icon-map-marker-alt{padding-left:26px;}

.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;}
.header.fadeInDown .header-desc{display: none;}
.header.fadeInDown .header-top{padding: 0;}
.header.fadeInDown .desc{display: none;}

.swiper-pagination-bullet-active{background-color:var(--public-color);}