@font-face {
  font-family: "iconfont"; 
  src: url('../fonts/font_3618649_dfzshime59m.woff2?t=1680319144970') format('woff2');
}
body {
	padding: 0;
	margin: 0;
	font-family: 'Lato', "Microsoft YaHei", sans-serif;
	font-size: 1rem;
}
 [class*="-section"] {
overflow: hidden;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none;
	outline: 0 !important;
}
p {
	line-height: 24px;
}
* {box-sizing: border-box;}
h1,h2,h3,h4{font-weight:500;margin: 0;padding: 0;}
img{border:none;}
a{color:rgba(0, 0, 0, 0.5);text-decoration:none; transition: all 0.4s;}
a:hover{color:rgba(0, 0, 0, 0.7);}
ul,li,dl,dt,dd{list-style-type:none;margin: 0;padding: 0;}
em,i{font-style:normal;	}
input.sub,label{border:none;cursor:pointer;}
input,textarea{font-family:"Microsoft Yahei";outline:none;color:#a4a4a4;font-size:16px;}
table{border-collapse:collapse;	}
table td,table th{padding:0;}
button, input, select, textarea { font-family: inherit; margin: 0; outline: none; resize: none; border: none; background: none; }
.clear:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clear { zoom: 1; }
.gap20 {gap: 30px;}
.flex-between {justify-content: space-between;}
.flex-middle { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-left { display: flex; flex-wrap: wrap; }
.img-cover { object-fit: cover; width: 100%; height: 100%; }

.container {
	width: 75rem; /*1200/16px*/
	margin: 0 auto;
}

.btn {
	color: #FFFFFF;
	background-color: #3aadaa;
	border-color: #3aadaa;
	cursor: pointer;
	display: inline-block;
	transition: 0.3s ease;
	padding: 0.7rem 1.5rem;
	border-radius: 0.25rem;
}
.btn:hover {
	color: #fff;
	background-color: #30908e;
	border-color: #2d8685;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before {
  content: "\e615";
}

/*swiper*/
.swp-wrap {position: relative;}
.swp-btn {
	position: absolute;
	left: -80px;
	top: 50%;
	margin-top: -40px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(43,49,55,.2);
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
}
.swp-btn.swiper-button-disabled {opacity: .3}
.swp-prev {transform: rotateY(180deg);}
.swp-next {left: auto;right: -80px;}
.swp-btn:hover {background-color: rgba(1,37,90,.8);}
@media (max-width: 1600px) {
	.swp-prev {left: -60px;}
	.swp-next {left: auto; right: -60px;}
}

/*图片放大*/
.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-scale.scale2:hover img, .pic-scale.scale2:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.header {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	background-color: #fff;
	z-index: 1000;
}
.header-box {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.header .container {width:96%;}
.logo {margin-top: 0.6rem;}
.logo a {display: block;}
.logo a img {width: auto;height: 2.5rem;}
.nav {display: flex;}
.nav li {display: flex;}
.nav li a {padding: 0 1.2rem;display: flex;}
.nav li a span { border-bottom: 4px solid transparent; padding: 1.2rem 0;}
.nav li a.active span {border-color: #0068B6;color: #0068B6;}
.nav li ul {display: none;}
.wap-menu { align-content: center; justify-content: center; flex-wrap: wrap; position: absolute; right: 3%; width: 22px; display: none; cursor: pointer; top: 50%; transform: translateY(-50%);}
.wap-menu span { display: block; width: 100%; height: 2px; margin-bottom: 5px; border-radius: 3px; background-color: #28499d; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.wap-menu-on span:nth-child(1) { transform: rotate(45deg); margin: 0; margin-top: 2px; }
.wap-menu-on span:nth-child(2) { display: none; }
.wap-menu-on span:nth-child(3) { transform: rotate(-45deg); margin: 0; margin-top: -2px; }

.footer {background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover;color: #fff;padding: 6rem 0 0;}
.footer a {color: #afafaf;}
.footer a:hover {color: #3aadaa;}
.foot-item {width: 22%;}
.footer .foot-item:nth-child(3) {width: 30%;}
.foot-item h3 {font-weight: bold;margin-bottom: 2rem;}
.foot-item p {line-height: 1rem;}
.foot-item p i {margin-right: 5px;color: #afafaf;}
.foot-item i.share-icon {font-size: 1.5rem;margin-right: 10px;}
.foot-copy {text-align: center;color: #afafaf;padding: 0.2rem 0;border-top: 1px solid rgba(228, 232, 242, .1); margin-top: 6rem;}
.foot-copy p {line-height: 1rem;}
.foot-copy a {color: #afafaf;}
.foot-copy a:hover {color: #3aadaa;}

.index-banner .swiper-slide {height: 34rem;}
.index-banner .container {display: flex;align-items: center;height: 100%;}
.index-banner .banner-box {width: 60%;}
.banner01 .banner-box {color:#fff}
.banner02 .banner-box {background-color: rgba(0, 0, 0, 0.5);margin: 0 auto;padding: 2.5rem;text-align: center;color: #fff;}
.index-banner .container.banner03 {justify-content: flex-end;}
.index-banner h2 {font-size: 2rem;font-weight: 700; margin-bottom: 2rem;}
.index-banner .info {line-height: 1.75; margin-bottom: 2rem;}
.banner02 .banner-box h2 {font-size: 3rem;}

.index-box1 {background-color: #ededed;padding: 6rem 0;}
.card {background-color: #fff;flex: 1}
.card-img {width: 100%;height: 215px;overflow: hidden;}
.card-img img {object-fit: cover;max-height: 100%;width: 100%;transition: all 1.5s;}
.card:hover .card-img img {transform: scale(1.1);}
.card-txt {color: #212529;padding: 1.25rem;}
.card-txt h3 {font-weight: 700;font-size: 1.75rem;}

.index-box2 {padding: 6rem 0;}
.index-box2 h2 {padding-bottom: 6rem;color: #212529; font-weight: 700; text-align: center;font-size: 2rem;position: relative;}
.index-box2 h2::after{
	content: '';
	display: block;
	margin: 19px auto 0;
	width: 50px;
	height: 3px;
	background-color: #0068B6;
	border-radius: 3px;
}
.index-about {}
.index-about-img {width: 50%;text-align: center; padding-right:2.5rem;}
.index-about-txt {width: 50%;}
.index-about-txt h3 {font-weight: 700;font-size: 1.6rem;padding-bottom: 2rem;}
.index-about-txt p {line-height: 1.5;margin-bottom: 1.5rem;}

.page-banner { height: 25rem; background-position: center; background-repeat: no-repeat; background-size:cover;position: relative;}
.page-banner .tit { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; }
.page-banner .tit h3 { font-size: 3rem; line-height: 1; color: #f0fffe; font-weight: bold; }
.page-banner .tit p { font-size: 1.25rem; line-height: 1.2; color: #f0fffe; margin-top: 1.88rem; }
.page-banner .tit p.min { font-size: 1.25rem; margin-top: 1.56rem; }

.page-box {padding: 3.75rem 0;}
.page-box h2 {color: #212529; font-weight: 700; text-align: center;font-size: 2rem;position: relative;margin-bottom: 2.1rem;}
.page-box h2::after{
	content: '';
	display: block;
	margin: 19px auto 0;
	width: 1.8rem;
	height: 3px;
	background-color: #0068B6;
	border-radius: 3px;
}

.about-intro { display: flex;padding-top: 0; flex-direction: row-reverse; }
.about-intro .left { width: 42%; position: relative;top: 10px;}
.about-intro .left .pic { width: 100%; }
.about-intro .left .pic:before { left: auto; right: -1.8rem; top: 2.8rem; content: ""; position: absolute; width: 31.25rem; height: 21.25rem; background: #28499d; }
.about-intro .left .pic img { position: relative; }
.about-intro .right { flex: 1; overflow: hidden; padding-left: 0; padding-right: 50px; }
.about-intro .num-scroll-two { margin-top: 20px; margin-bottom: 0; }
.about-intro .right .des p { line-height: 28px; /* text-indent: 2em; */ color: #666; font-size: 1rem; }
.about-intro .right .des p ~ p { margin-top: 0; }
.about-intro .right h4 { margin-bottom: 15px; padding-bottom: 20px; font-size: 24px; color: #333; line-height: 1; padding-top: 5px; border-bottom: 1px solid #b5b5b5; }

/*数字滚动 风格2*/
.num-scroll-two { margin-top: 3.75rem; text-align: center; display: flex; justify-content: space-between; }
.num-scroll-two li { color: #666666; font-size: 1rem; }
.num-scroll-two li .num-cont { color: #28499d; }
.num-scroll-two li .num { margin-bottom: 5px; font-size: 1.8rem; font-family: "Impact", "Microsoft Yahei"; line-height: 1; color: #28499d; }
.num-scroll-two li .num-tit { margin-top: 10px; }

.about-culture { background: url(../images/about-bg.jpg) no-repeat center bottom; background-size: cover; }
.culture-list { display: flex; padding-top: 1.65rem; flex-wrap: wrap;}
.culture-list li { background: #fff; width: calc(25% - 1rem); padding: 1.875rem 1rem; margin: 0 0.5rem 1rem; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;border-radius: 5px; display: flex; }
.culture-list li:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.culture-list li .pic { font-size: 0; padding-left: 1rem; width: 5.5rem; }
.culture-list li .pic img {width: 3rem;}
.culture-list li .txt {width:calc(100% - 5.5rem)}
.culture-list li h4 { font-size: 1.3rem; line-height: 1; color: #333333; font-weight: 700;}
.culture-list li p { font-size: 0.875rem; color: #666; }

.about-ys {background-color: #f7f9ff;}
.about-ys .list { padding-top: 1.65rem; display: flex; }
.about-ys .list .item { width: calc(25% - 1rem); height: 620px; background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px; margin: 0 0.5rem; }
.about-ys .list .item .pic { border-radius: 5px 5px 0 0; overflow: hidden; }
.about-ys .list .item .cont { padding: 1.5rem; }
.about-ys .list .item .cont h4 { font-size: 1.5rem; color: #362c2b; font-weight: 700; }
.about-ys .list .item .cont p { font-size: 0.875rem; line-height: 32px; color: #5b5b5b; margin-top: 20px; }

.zhizao-app {background-color: #f6f6f6;}
.zhizao-desc {text-align: center; padding-top: 1rem; line-height: 2rem; color: #5b5b5b; font-size: 1rem;}
.zhizao-desc h4 {font-weight: 300;}
.zhizao-desc .desc-item {display: flex; justify-content: center;}
.zhizao-desc .desc-item span {display: block; position: relative; margin: 0 1rem; padding-left: 1rem;font-weight: 600;}
.zhizao-desc .desc-item span::before {width: 8px; height: 8px; content: '';font-size: 0;line-height: 0;background-color: #0068B6;display: block; position: absolute; left: 0; top:50%; transform: translateY(-50%); border-radius: 8px;}
.zhizao-app .img {text-align: center;}
.zhizao-app .img img { max-width: 90%;}
.zhizao-jiaoqi {padding-top: 1.65rem;}

.container table { width: 100%; border: 1px solid #ddd; }
.container table td { border: 1px solid #ddd; padding: 10px 15px !important; font-size: 16px; color: #454545; width: fit-content; vertical-align: middle; }
.container table td { border-color: #ddd !important; }
.container table td p { margin-left: 0 !important; line-height: 1.5 !important; }

.customer {background-color: #f7f9ff;}
.customer-box {padding-top: 1.65rem; display: flex; flex-wrap: wrap; align-items: center;}
.customer-box .item { width: calc(20% - 1rem);  background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px; margin: 0 0.5rem 1rem; padding: 1rem; text-align: center;}
.customer-box .item img {max-height: 5.6rem;min-height: 5.6rem;}

.quality-tx { background: url(../images/tx.jpg) no-repeat center top; }
.quality-tx h2 {color: #fff;}
.quality-tx h2::after {background-color: #f2f7f9; opacity: 0.5;}
.quality-tx .cont {background-color: #ffffff; box-shadow: 0px 5px 20px 0px rgba(0, 62, 149, 0.1); border-radius: 5px; padding: 45px 50px 30px; position: relative; margin-top: 60px;}

.swiper-container-honor { padding: 0 1px; }
.swiper-container-honor .swiper-slide { text-align: center; }
.swiper-container-honor .swiper-slide .pic { border-radius: 5px; border: solid 1px #dddddd; overflow: hidden; padding: 24px; }
.swiper-container-honor .swiper-slide .pic img {height:310px;}
.swiper-container-honor .swiper-slide .tit { font-size: 18px; line-height: 22px; color: #2b3137; margin-top: 20px; }

/*图片*/
.picture-wrap { padding: 30px; background: #fff; }
.picture-list { margin-bottom: -30px; }
.picture-list .item { width: 32%; margin-bottom: 30px; text-align: center; }
.picture-list .item .pic { border: 1px solid #ededed; line-height:0;overflow: hidden; }
.picture-list .item .tit { font-size: 16px; margin-top: 15px; }
.vr-wrap iframe { vertical-align: middle; }

.contact-list { border: 1px solid #ddd; border-radius: 5px; }
.contact-list li ~ li { border-left: 1px solid #ddd; }
.contact-list li { width: 25%; float: left; height: 255px; padding-top: 35px; text-align: center; }
.contact-list li .pic { height: 50px; }
.contact-list li h5 { margin-top: 25px; margin-bottom: 5px; font-size: 18px; color: #1c2631; }
.contact-list li p { font-size: 16px; color: #666; }
.contact-list li .mini { font-size: 14px; line-height: 22px; }

/*留言*/
.contact-message { background: url(../images/message-bg.jpg) no-repeat center;background-size: cover; }
.contact-message p { font-size: 16px; margin-top: 10px; color: #525252; text-align: center; }
.com-form-box {margin-top: 2rem;}
.com-form-box ul li { float: left; width: 48.5%; border: 1px solid #ededed; background: #fff; box-sizing: border-box; border-radius: 2px;overflow: hidden;}
.com-form-box ul li input { font-size: 16px; color: #999; width: 100%; line-height: 45px; padding: 0 15px; }
.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus { outline: none; box-sizing: border-box; }
.com-form-box ul li~li { margin-left: 3%; }
.com-form-box .textarea { box-sizing: border-box; padding: 10px 15px; height: 226px; margin-top: 20px; width: 100%; border: none; border: 1px solid #ededed; font-size: 16px; color: #999; background: #fff; font-family: "微软雅黑" border-radius: 2px;overflow: hidden;}
.com-form-box .submit { margin-top: 20px; width: 100%; height: 64px; line-height: 64px; text-align: center; background: #184189; color: #fff; font-size: 18px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 2px;overflow: hidden;}
.com-form-box .submit:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) }
.g-main .pcbonline-options .com-form-box .submit { height: 54px; line-height: 54px; }
.com-form-box .upfile { position: relative; line-height: 45px; margin-top: 20px; border: 1px solid #ededed; padding: 0 15px; }
.com-form-box .upfile .file-up { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.com-form-box .upfile input { font-size: 16px; width: 100%; }
.com-form-box .upfile span { font-size: 14px; color: #999; position: absolute; left: 150px; }
.pcb-content .cont table, .pcb-gynl .cont table { width: 100%; border: 1px solid #ddd; }
.pcb-content .cont table td, .pcb-gynl .cont table td { border: 1px solid #ddd; padding: 10px 15px !important; font-size: 16px; color: #454545; width: fit-content; vertical-align: middle; }
.pcb-gynl .cont table td { border-color: #ddd !important; }
.pcb-gynl .cont table td p { margin-left: 0 !important; line-height: 1.5 !important; }

/*产品*/
.zbfw-box {padding:30px 0;}
.zbfw-list { padding-bottom: 28px; display: flex;justify-content: space-between;flex-wrap: wrap; }
.zbfw-list .item { width: 49.26%; /*height: 280px;*/ background-color: #ffffff; border-radius: 5px; border: solid 1px #dddddd; padding: 20px; margin-bottom: 20px;transition: .3s; }
.zbfw-list .item:hover{  border: solid 1px #27499d; }
.zbfw-list .item:nth-child(2n) { flex-direction: row-reverse; }
.zbfw-list .item .pic {/* width: 340px; */width: 40%; /*height: 240px;*/ border: 1px solid #ededed; /* background-color: #f7f7f8;*/ padding:0 10px; }
.zbfw-list .item .pic img { object-fit: contain; width: 100%; height: 100%; }
.zbfw-list .item .cont { position: relative; flex: 1; padding: 10px 0 5px 25px }
.zbfw-list .item:nth-child(2n) .cont { padding: 10px 25px 5px 10px; }
.zbfw-list .item .cont h4 { font-size: 24px; color: #2f2f2f; margin-bottom:20px; }
.zbfw-list .item .cont p { font-size: 14px; line-height: 26px; color: #707070; /*margin-top: 20px;*/ padding:0;margin:0; }
.zbfw-list .item .cont .zx { display: inline-block; width: 150px; height: 32px; line-height: 30px; border: 1px solid #27499d; color: #27499d; font-size: 15px; text-align: center; border-radius: 2px; position: absolute; left: 25px; bottom: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.zbfw-list .item .cont .zx:hover { background: #27499d; color: #fff; }
.zbfw-list .item:nth-child(2n) .cont .zx { left: 10px; }

.fenye { margin: 40px 0px 20px; text-align: center; }
.fenye a,.fenye span { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); display: inline-block; padding: 4px 12px; margin:0 3px; }
.fenye span.current { border: 1px solid rgb(108, 10, 140); }
.fenye a:hover { background: rgb(230, 230, 230); }
.fenye input { margin-right: 4px; width: 24px; padding: 0px 5px; line-height: 30px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px; }
.fenye button { background-color: transparent; border: none; outline: none; }

@media screen and (max-width:768px) {
	.xl_kfbar {display: none;}
	.gap20 {gap:15px;}
	.container {width: 100%;}
	.logo {margin: 0.6rem 0 0.6rem 3%;}
	.nav {display: none;position: absolute; top: 62px; left: 0; right: 0; background: #fff; z-index: 1000;}
	.nav li {display: block;}
	.nav li a {display: block;width: 100%;}
	.nav li a span {display: block;}
	.wap-menu {display: flex;}
	.index-banner .swiper-slide {height: 20rem;}
	.index-banner .banner-box {width: 100%; height: 100%;}
	.banner01 .banner-box {padding: 3rem 5%;}
	.banner02 .banner-box { padding-top: 5rem;}
	.index-banner h2 {font-size: 1.6rem !important;margin-bottom: 0.5rem;}
	.index-banner .info {margin-bottom: 0.5rem;}
	.index-box1,.index-box2 {padding: 2rem 0;}
	.index-box1 .container {padding: 0 3%; flex-direction: column;}
	.index-box2 .container {padding: 0 3%;}
	.index-box2 h2 {padding-bottom: 2rem;font-size: 1.6rem;}
	.index-box2 h2::after {width: 30px;}
	.index-about {flex-direction: column;}
	.index-about-img {width: 100%;padding-right: 0;}
	.index-about-img img {width: 100%;}
	.index-about-txt {width: 100%;margin-top: 15px;}
	.index-about-txt h3 {padding-bottom: 15px;color: #333;}
	.index-about-txt p {color: #666;}
	.footer {padding: 2rem 0 0.2rem;}
	.footer .container {padding: 0 3%;}
	.foot-item {width: 50%; margin-bottom: 15px;}
	.footer .foot-item:nth-child(3) {width: 100%;}
	.foot-copy {margin-top: 2rem;}
	
	.page-banner {height:15rem;}
	.page-banner .tit h3 {font-size:1.8rem;}
	.page-box {padding: 1.75rem 0;}
	.page-box .container {padding:0 3%;}
	.about-intro {flex-direction: column;}
	.about-intro .left {width: 100%;}
	.about-intro .right {padding-right:0;margin-top: 50px;}
	.about-intro .left .pic:before {height:17.25rem;}
	.num-scroll-two {margin-top:0;flex-wrap: wrap;}
	.num-scroll-two li {width:33.33%;margin-bottom: 25px;}
	.culture-list {padding-top:0}
	.culture-list li {width: calc(100% - 1rem);}
	.about-ys .list {flex-wrap: wrap;}
	.about-ys .list .item {width: calc(100% - 1rem);height:auto; margin-bottom:15px}
	.zhizao-desc {padding-top:0;}
	.zhizao-desc .desc-item {flex-direction: column;}
	.zhizao-desc .desc-item span {text-align:left;}
	.customer-box .item {width: calc(50% - 1rem);}
	.quality-tx .cont {margin-top:0;padding:45px 15px !important;}
	
	.zbfw-list .item {width:100%;}
	.zbfw-list .item .pic {width:100%}
	.zbfw-list .item .cont {padding:10px 0;}
	.contact-list li {width:50%;border-bottom: 1px solid #ddd;}
	.contact-list li:nth-child(3) {border-left:0;}
	.contact-list li:nth-child(3),.contact-list li:nth-child(4) {border-bottom:0}
}