@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
.pl02 {
padding-left: .2rem;
}
.pall02 {
padding: .2rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-container {
	width:1200px;
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

/******header样式******/
.header{ height:120px; overflow:hidden;}
.logo{ margin:20px 0; overflow:hidden; float:left; border-right: 1px solid #c7c7c7; padding-right: 20px; margin-right: 20px;}
.logo img{ height:80px;}
.logo-txt{ float:left; width:400px;}
.logo-txt h2 {
    margin: 30px 0 0 0;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    color: #e65801;
    float: left;
    width: 400px;
    font-size: 22px;
}
.logo-txt h3 {
    color: #333;
    display: block;
    float: left;
    font-weight: normal;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    width: 450px;
}
.head-tel{ float:right; background:url(../images/gg4u.png) left center no-repeat; background-size:58px; padding-left:60px; margin-top:27px;}
.head-tel b{ font-size:25px; color:#2455c4;}

.menu{ height:50px; line-height:50px; background:#2455c4; overflow:hidden;}
.menu li{ width:12.5%; height:50px; line-height:50px; float:left; text-align:center;}
.menu li a{ width:100%; height:50px; float:left; color:#fff; font-size:18px;}
.menu li.active a,.menu li a:hover{ background:url(../images/hover.png) no-repeat;}


.header .tel {float: left;background: url(../images/tel.png) no-repeat 0 center;padding-left: 54px;}
.header .tel strong {display: block;font-size: 28px;font-family: Impact;line-height: 1; color:#2455c4;}


/*****flash***/
.banner {
	max-height: 100vh;
	overflow: hidden;
	position: relative;
}

.banner .swiper-slide {
	position: relative;
}
.banner .swiper-slide .img, .banner .swiper-slide video {
	width: 100%;
	height: 100%;
}
.banner .swiper-slide .box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.banner .swiper-slide .box .t {
	width: 700px;
	position: absolute;
	left: 120px;
	top: 30%;
}
.banner .swiper-pagination {
	bottom: 40px;
	left: auto;
}
.banner .swiper-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	opacity: 1;
	background: #fff;
	margin: 0 8px;
	transition: all .5s ease;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
	width: 50px;
	border-radius: 15px;
}


/*****首页产品展示*****/
.section-title {margin-bottom: 40px;font-size: 24px;font-weight: bold;line-height: 1;}
.section-title small {display: block;font-size: 42px;text-transform: uppercase; margin-bottom:10px;}
.section-title strong {display: block;position: relative;color: #2455c4;font-size: 30px;margin-top: 30px;}
.section-title strong:after {position: absolute;right: 0;top: 50%;height: 1px;width: 86%;content: "";background: #e5e5e5;}
.section-title span{ font-weight:300; font-size:16px;}
.section-title-more .more-big {float: right;margin-top: -77px;}
.section-title-1 {text-align: center;font-size: 0;margin-bottom: 40px;}
.section-title-1 strong {display: block;font-size: 30px;text-transform: uppercase;}
.section-title-1 h4 {margin: 0;display: inline-block;vertical-align: middle;font-size: 24px;position: relative;padding: 0 42px;color: #2455c4;}
.section-title-1 h4:after,.section-title-1 h4:before {position: absolute;content: '';height: 1px;width: 22px;top: 50%;background-color: #2455c4;}
.section-title-1 h4:after {right: 0;}
.section-title-1 h4:before {left: 0;}

.more-big {display: block;background-color: #363e45;width: 184px;line-height: 44px;color: #fff;position: relative;overflow: hidden;}
.more-big:after {position: absolute;right: 0;top: 0;width: 67px;content: "";height: 0;border-top: 44px solid #2455c4;border-left: 28px solid transparent;-webkit-transition: all .5s;transition: all .5s;}
.more-big span {display: block;padding: 0 15px 0 30px;font-size: 16px;position: relative;z-index: 1;}
.more-big span i {float: right;font-size: 20px;font-weight: bold;font-style: normal;}
.more-big:hover {color: #fff;}
.more-big:hover:after {width: 100%;height: 100%;}

.index-product{ padding:60px 0; overflow:hidden;}
.in-prd-menu {margin-top: -77px;position: relative;z-index: 1;margin-bottom: 40px;}
.in-prd-menu ul {float: right;margin: -10px 0 0 -10px;}
.in-prd-menu li {float: left;}
.in-prd-menu li a {display: block;line-height: 44px;font-size: 16px;padding: 0 16px;background-color: #363e45;color: #fff;margin: 10px 0 0 10px;}
.in-prd-menu li.active a {background-color: #2455c4;}

.in-prd-con{ display:inline-block; width:100%;}
.list-1 {margin: 0px 0 0 -20px;padding-bottom: 28px;}
.list-1 li {float: left;width: 33.333333%;}
.list-1 li a {display: block;padding: 20px 20px 25px;background-color: #f0f0f0;-webkit-transition: all 0.5s;transition: all 0.5s;margin: 50px 0 0 20px;position: relative;}
.list-1 li .img-cover {padding-bottom: 77%; height:0; position:relative;}
.list-1 li .text {line-height: 40px;font-size: 18px;margin-top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.list-1 li .desc {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;color: #888;}
.list-1 li .more {;border: 4px solid #f0f0f0;background: #ffffff;line-height: 56px;width: 56px;height: 56px;text-align: center;color: #b3b3b3;font-size: 12px;border-radius: 50%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;position: absolute;left: 50%;bottom: -28px;margin-left: -28px;}
.list-1 li a:hover {background-color: #363e45;color: #fff;}
.list-1 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-1 li a:hover .more {background-color: #2455c4;color: #fff;border-color: #2455c4;}
.list-1-1 .img-cover {margin: -20px -20px 0 -20px;}

/******首页横幅****/
.index-hf{ background: url(../images/rzbg.jpg) no-repeat center / cover; color: #fff; padding:60px 0; overflow:hidden;}
.in-rz {margin-left: -82px; display:inline-block;}
.in-rz li {float: left;width: 131px;margin-left: 82px;}
.in-rz li .wrap {display: table;width: 100%;height: 131px;position: relative;}
.in-rz li .wrap:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: url(../images/rzico.png) no-repeat 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.in-rz li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 0 25px;}
.in-rz li .inner p {margin: 0; font-size:14px; line-height:22px;}
.in-rz li:nth-child(2) .wrap:before {background-position: -214px 0;}
.in-rz li:nth-child(3) .wrap:before {background-position: -427px 0;}
.in-rz li:nth-child(4) .wrap:before {background-position: -642px 0;}
.in-rz li:nth-child(5) .wrap:before {background-position: -855px 0;}
.in-rz li:nth-child(6) .wrap:before {background-position: -1068px 0;}
.in-rz li .wrap:hover:before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.in-rz-tel {margin-top: 50px;text-align: center;}
.in-rz-tel p {margin: 0 auto;width: 590px;background: url(../images/rztel.png) no-repeat 0 0;height: 64px;padding-left: 110px;font-size: 16px;line-height: 40px;}
.in-rz-tel strong {color: #f7c433;font-size: 30px;font-family: Impact;}
.in-rz-tel .btn {display: block; width: 128px; line-height: 32px; color: #fff; background-color: #015cb5; margin: 31px auto 0; padding-left: 2px;}

/******首页优势******/
.index-ys{ padding:60px 0; overflow:hidden;}
.ys_tit{ overflow:hidden; text-align:center;}
.ys_tit h2{ background:url(../images/ys-titbg.png) center no-repeat; font-size:30px; color:#5a5a5a; line-height:1;}
.ys_tit h2 span{ color:#005fbb; margin-left:15px;}
.ys_tit p{ font-size:14px; color:#333; margin-top:5px;}
.ys-c{ overflow:hidden; margin-top:40px;}
.ys-img{ width:50%;}
.ys-img img{ width:100%;}
.ys-txt{ width:50%;}
.ys-sz{ width:100%; overflow:hidden; margin-bottom:60px; margin-top:20px; float:left;}
.ys-zm{ width:60px; float:left;}
.ys-zm span{ width:60px; height:60px; border-radius:50px; background:#005fbb; font-style: italic; font-size:30px; font-weight:bold; color:#fff; float:left; text-align:center; line-height:60px;}
.ys-wz{ width:510px; float:left; margin-left:20px;}
.ys-wz h2{ font-size:20px; color:#005fbb; font-weight:300; line-height:1.5;}
.ys-wz h3{ font-size:25px; color:#f7c639; line-height:1.5; margin-bottom:20px;}
.ys-wz p{ font-size:14px; color:#5a5a5a5; line-height:30px;}
.ys-wz p img{ height:30px;}


/******首页工厂展示**********/
.index-factory{ padding:60px 0; background:#f0f0f0; overflow:hidden;}
.i-tag-products{ width:100%; overflow:hidden; margin-bottom:50px;}
.list-2 {margin: -20px 0 0 -20px;}
.list-2 li a {display: block;margin: 20px 0 0 0;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-2 li .img-cover {padding-bottom: 66%; height:0; position:relative; overflow:hidden;}
.list-2 li .more {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(16,68,146,0.7);color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(0);transform: scale(0);}
.list-2 li .more i {text-transform: uppercase;position: absolute;left: 50%;top: 50%;font-style: normal;border: 1px solid #fff;width: 54px;line-height: 54px;border-radius: 50%;text-align: center;margin: -28px 0 0 -28px;}
.list-2 li .text {line-height: 68px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;padding: 0 15px;}
.list-2 li a:hover {background-color: #2455c4;color: #fff;}
.list-2 li a:hover .more {-webkit-transform: scale(1);transform: scale(1);}
.list-2-1 li a {background-color: #f0f0f0;}

/********首页关于我们********/
.index-about{ padding:60px 0; overflow:hidden;}
.in-about {margin: 0; display:inline-block;}
.in-about dt {float: left;position: relative;width: 556px;margin: 0 0 40px 40px;}
.in-about dt:before {content: '';position: absolute;left: -40px;bottom: -40px;width: 80%;height: 100%;background-color: #2455c4;}
.in-about dt img {position: relative;z-index: 1;}
.in-about dd {margin-left: 570px;background-color: #fff;box-shadow: 0 1px 18px 1px rgba(54,62,69,0.6);margin-top: 40px;padding: 60px 80px;height: 320px;}
.in-about dd h4 {margin: 0;font-size: 24px;}
.in-about dd p {font-size: 14px;line-height: 29px;color: #666;margin: 10px 0 0;text-align: justify;}
.in-about dd .more-big {margin-top: 40px;}

/****首页新闻资讯*****/
.index-news{ padding:60px 0; overflow:hidden; background:#f0f0f0;}
.in-news-con{ display:inline-block; width:100%; overflow:hidden; margin-top:50px;}
.list-3 {margin: -20px 0 0 -20px;}
.list-3 li {float: left;width: 50%;}
.list-3 li a {display: block;margin: 20px 0 0 20px;background-color: #fff;padding: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;position: relative;}
.list-3 li a:after {position: absolute;left: 0;top: 0;content: "";width: 163px;height: 0;border-bottom: 145px solid #dfdfdf;border-right: 78px solid transparent;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li .date {float: left;width: 115px;position: relative;z-index: 1;line-height: 1;padding: 5px 0;color: #fff;}
.list-3 li .date small {display: block;font-size: 16px;}
.list-3 li .date strong {display: block;font-size: 48px;margin-top: 10px;}
.list-3 li .text {margin-left: 140px;}
.list-3 li .text h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-3 li .text p {margin: 10px 0 0;color: #666;-webkit-transition: all 0.5s;transition: all 0.5s;line-height: 1.8;height: 50px;overflow: hidden; font-size:15px;}
.list-3 li a:hover {background-color: #3a4249;color: #fff;}
.list-3 li a:hover:after {border-bottom-color: #2455c4;}
.list-3 li a:hover .text p {color: #fff;}


/******友情链接*******/
.index-links{ padding:60px 0; overflow:hidden;}
.yunu-link {}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #2455c4;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}


/****关于我们单页****/
.pg-aboutc{ padding:60px 0; overflow:hidden; background:#f5f5f5;}
.sylm{ text-align:center;}
.sylm h2{ font-size:30px; color:#0f3460;}
.xian{ background:#ff7a00; width:80px; height:4px; margin:15px auto;}

.ny-cont{ width:100%; font-size:16px; line-height:30px; overflow:hidden; margin-top:30px; overflow:hidden;}

.pg-smyj{ padding:60px 0; overflow:hidden; background:#2455c4;}

.sm-con{ background-color: rgba(255,255,255,0.1); border: rgba(255,255,255,0.1); padding:30px; border-radius:15px; width:48%; margin-top:50px;}
.sm-con:hover{ background-color: rgba(255,255,255,0.1);}
.sm-icon{ width:100%; float:left;}
.sm-icon span{ width:64px; height:64px; line-height:64px; float:left; background: rgba(255,122,0,0.2); border-radius: 9999px; text-align:center;}
.sm-icon i{ color:#fff; font-size:24px;}
.text-2xl{ width:100%; float:left; font-size:24px; color:#fff; font-weight:bold; margin:20px 0;}
.sm-con p{ color: rgba(255,255,255,0.7); margin-bottom:15px; font-size:15px;}
.sm-ul li{ width:100%; float:left; color: rgba(255,255,255,0.7); margin-bottom:10px; font-size:15px;}
.sm-ul li i{ margin-right:10px;}

/***核心价值***/
.pg-hxjz{ padding:60px 0; overflow:hidden;}
.hxjz-c{ display: flex; margin-top:50px;}
.jz-t{ margin:0 10px; border-radius:15px; overflow:hidden; }
.jz-icon{ width:100%; height:130px; float:left; text-align:center; line-height:130px; background:#2455c4;}
.jz-icon i{ color:#fff; font-weight:bold; font-size:48px;}
.jz-text{ width:100%; float:left; padding:20px; background:#f5f5f5; overflow:hidden;}
.jz-text h2{ font-size:20px; color:#2455c4; margin-bottom:15px;}
.jz-text p{ font-size:16px;}

.ljbd{ padding:8px 24px; font-size:16px; color:#fff; border-radius:10px; background:#0f3460;}
.fsyj{ padding:8px 24px; font-size:16px; color:#fff; border-radius:10px; background:#ff7a00;}


/****联系我们页面***/
.lxfs-c{ margin-bottom:40px; display:flex;}
.lx-item{ background:#fff; border-radius:12px; padding:30px; transition: all 0.3s ease;  margin:10px; width:33.333%;}
.lx-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }
.lx-img{ width:100%; float:left; text-align:center; margin-bottom:30px;}
.lx-txt{ width:100%; float:left; font-size:24px; font-weight:bold; line-height:1; margin-bottom:20px; color: rgba(15 52 96 / var(--tw-text-opacity, 1)); text-align:center;}
.lx-nr{ width:100%; float:left; text-align:center; font-size:16px;  margin-bottom:16px;}

.shadow-custom {
    --tw-shadow: 0 10px 25px -5px rgba(15, 52, 96, 0.1);
    --tw-shadow-colored: 0 10px 25px -5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.lx-map{overflow:hidden;}
.maps{ width:100%;} 
#gepecotechmap{ width:100%; height:400px;}
#gepecotechmap h1{ font-size:20px;}
#gepecotechmap p{ font-size:16px;}
#gepecotechmap p strong{ color:#ff7a00;}
.pg-lx-ly{ padding:20px; background:#fff; overflow:hidden; margin-top:40px;}
.pg-lx-ly h2{ line-height:2; font-size: 30px; color:#333; font-weight: bold; margin-bottom: 10px;}
.pg-lx-ly h3{ font-size:16px; color:#333; font-weight:400; margin-bottom:15px;}
.pg-lx-ly input{ width:100%; border:1px solid #ddd; line-height:50px; text-indent:20px; margin-bottom:20px;}
.pg-lx-ly textarea{ width:100%; border:1px solid #ddd; height:180px; line-height:30px; text-indent:20px; margin-bottom:20px;}
.pg-lx-ly button{ width:200px; height:48px; line-height:48px; text-align:center; background:#2455c4; font-size:16px; color:#fff; border:0;}
.ly-btn{ width:200px; margin:0 auto; overflow:hidden;}

/*****新闻中心***/
.pg-news{ background:#f6f6f6; padding:60px 0; overflow:hidden;}
.pgnews-fl{ width:100%; margin:40px 0;}
.pgnews-fl a{ padding:10px 21px; color:#333; font-size:14px; border-radius: 50px; background:#fff; margin-right:15px; display:inline-block;}
.pgnews-fl a:hover{ background:#dee1e6;}
.pgnews-fl a.active{ background:#0f3460; color:#fff;}
.pg-news-c{ width:100%; margin-top:30px;}
.pg-news-c ul{ width:100%; background:#fff; overflow:hidden; margin-bottom:40px; transition: all .5s ease; border-radius:20px;}
.pg-n-img{ padding:35px; float:left; overflow:hidden;}
.pg-n-img img{ width:250px; height:150px; transition: all .5s ease;}
.pg-n-nr{ padding:35px; overflow:hidden;}
.pg-n-tit{ font-size:20px; font-weight:bold; color:#222; margin-bottom:15px; width:70%; float:left;}
.pg-n-des{ font-size:14px; color:#666; line-height:25px; width:70%; float:left;}
.pg-n-data{ width:15%; float:right;}
.pg-n-data p{
    min-height: 20px;
    font_radio: 2;
    display-radio: 1;
    font-size: 60px;
    color: rgba(51, 51, 51, 1);
    line-height: 60px;
    font-family: Impact;
    text-align: center;
    transition: all .5s ease;
	width:100%;
	float:left;
	text-align:center;
}
.pg-n-data font{
    font-size: 18px;
    line-height: 32px;
    color: #333;
    font-family: Arial;
    transition: all .5s ease;
	width:100%;
	float:left;
	text-align:center;
}
.pg-news-c ul:hover {
	box-shadow: 0px 0px 20px 0px rgb(29 56 75 / 5%);
	transform: translateY(-10px)
}
.pg-news-c ul:hover .pg-n-img img {
	transform:scale(1.1)
}
.pg-news-c ul:hover .pg-n-tit{
	color: #cd0000
}

/*****分页***/
.fenye {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.fenye a {
	color: #666;
	padding: 0 15px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye span {
	color: #fff;
	padding: 0 15px;
	margin: 0 3px;
	background: #2455c4;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.fenye a:hover, .fenye .hover {
	display: inline-block;
	color: #fff;
	background: #2455c4;
	border-color: #2455c4;
}

/*****新闻内容****/
.pg-n-nrs{ padding: 40px 70px; overflow:hidden; background:#fff; float:left; border-radius:20px; margin-top:30px;}
.pg-n-nrs h1{ font-size:30px; color:#000; margin-bottom:15px; text-align:center;}
.pg-n-nrs h2{ font-size:16px; color:#5a5a5a; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px; font-weight:400; text-align:center;}
.pg-n-cont{ width:100%; font-size:16px; line-height:30px;}
.pg-n-cont img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.pg-n-cont video{ max-width:100%;}
.pg-n-sxfy{ width:100%; border-top:1px solid #ddd; margin-top:20px; padding-top:15px;}
.pg-n-sxfy a{ font-size:14px;}

.pg-n-tj{ width:300px; padding:30px; float:right; background:#fff;}
.pg-n-tj h2{ 
	font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    display-radio: 1;
    margin-bottom: 20px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.pg-n-tj li{ width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.pg-n-tj li a{ font-size:15px; color:#333;}
.pg-n-tj li span{ font-size:14px; color:#999; width:100%; float:left;}

/*****产品中心*****/
.pgprd-fl{ margin:40px 0;text-align:center;}
.pgprd-fl a{ padding:5px 20px; color:#333; font-size:16px; border-radius: 50px; margin-right:15px; margin-bottom:10px; display:inline-block;}
.pgprd-fl a:hover{ background:#0f3460; color:#fff;}
.pgprd-fl a.active{ background:#0f3460; color:#fff;}

.pgprd-c{ overflow:hidden; margin-bottom:30px;}
.pg-prd-ul{ width:31.3333%; float:left; margin:15px 1%; overflow:hidden; border-radius:20px; transition: all 0.8s;}
.pg-prd-img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.pg-prd-img img{ width:100%; transition: all 0.8s;}
.pg-prd-ul:hover .pg-prd-img img{
   -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)
}
.pg-prd-text{ background:#f5f5f5; padding:25px; overflow:hidden;}
.pg-prd-text h2{ font-size:20px; color:#0f3460; margin-bottom:10px; height:35px; overflow:hidden; line-height:35px;}
.pg-prd-text .pmore{ font-size:16px; color:#ff7a00;}
.pg-prd-ul:hover {
	transform: translateY(-10px)
}


/*****产品详情页******/
.pg-product{ overflow:hidden; padding:0 0 60px 0;}
.wz{ margin:10px 0 30px 0; overflow:hidden;}
.wz a{ font-size:14px; color:#333;}

.cpnrcbd{ width:100%; float:left; overflow:hidden;}
.cpnr-img{ width:50%; float:left;}
.cpnr-txt{ width:47%; float:right;}
.cpnr-txt h1{ font-size:30px; color:#0f3460; margin-bottom:25px; line-height:1; margin-top:10px;}
.cptx{ padding:20px; background:#f5f5f5; border-radius:15px; margin-bottom:30px; font-size:15px;}
.cptx h2{ font-size:20px; color:#0f3460; margin-bottom:15px; line-height:1;}
.cptx p{ font-size:16px; line-height:1.2;}
.cpnr-wrap{ overflow:hidden;}
.hqbj{ padding:12px 32px; background:#0f3460; font-size:16px; color:#fff; display:inline-block; border-radius:10px; transition: all 0.2s; margin-right:25px;}
.hqbj:hover{ color:#fff;}
.lxwm{ padding:11px 31px; background:#fff; border:1px solid #0f3460; font-size:16px; color:#0f3460; display:inline-block; border-radius:10px; transition: all 0.2s; margin-right:25px;}
.lxwm:hover{ color:#0f3460;}
.pg-prd-cpxq{ width:100%; float:left; overflow:hidden; margin:40px 0; font-size:24px; color:#0f3460; font-weight:bold;}
.view-table{ width:100%; float:left; font-size:16px; line-height:30px; overflow:hidden;}
.view-table p{ text-indent:2em;}
.view-table img{ max-width:100%; display:block; margin-left:auto; margin-right:auto;}
.pg-xgcp{ overflow:hidden; padding:20px 0;}

/******footer*****/
.footer{ background:#272c31; padding:50px 0; overflow:hidden;}
.foot-txt{ width:300px; float:left;}
.foot-txt h2{ height:40px; line-height:40px; font-size:20px; color:#fff; margin-bottom:25px;}
.foot-txt h2 span{ width:40px; height:40px; float:left; text-align:center; line-height:40px; background:#fff; border-radius:10px; color: rgb(15 52 96 / var(--tw-text-opacity, 1)); margin-right:10px;}
.foot-txt p{ font-size:15px; line-height:27px; color: rgb(255 255 255 / 0.7);}
.foot-nav{ float:left; margin-left:70px; margin-right:70px;}
.foot-nav h2{ font-size:20px; color:#fff; margin-bottom:25px;}
.foot-nav li{ margin-bottom:5px;}
.foot-nav a{ font-size:16px; color: rgb(255 255 255 / 0.7);}

.foot-lx{ float:right; width:250px;}
.foot-lx h2{ font-size:20px; color:#fff; margin-bottom:25px;}
.foot-lx li{ font-size:16px; color: rgb(255 255 255 / 0.7); margin-bottom:5px; line-height:27px;}
.foot-lx li img{ margin-right:10px;}

.m-beian{ background:#2455c4; padding:20px 0; text-align:center; line-height:30px; color:rgb(255 255 255 / 0.7); font-size:14px;}
.m-beian a{ color:rgb(255 255 255 / 0.7);}

/*****手机站样式****/
.dhbtn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 3%;
    top: 20px;
    border-radius: 4px;
    background: url(../images/d1.png) no-repeat center center;
    background-size: 20px 20px;
}

/****手机站导航***/
.wnav {
    position: fixed;
    width: 220px;
    left: -220px;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
	z-index:100000;
}
.wnav li {
    float: none;
    padding: 0;
    width: 100%;
	position: relative;
	font-size: 16px;
}
.wnav a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	display:block;
	font-size:16px; 
	font-weight:400;
	text-align:left;
}

.cp-title{ text-align:center; margin:15px 0; font-size:21px; font-weight:bold; color:#2d52a0;}

/****手机站底部横条**/
.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}


.wap-cpfl{ width:100%; height:46px; line-height:46px; text-align:center; background:#fcb026; font-size:16px; color:#fff; margin-bottom:30px;}
.wap-cpjtfl{
	position: fixed;
    width: 220px;
    right: -220px;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
    z-index: 100000;
}
.wap-cpjtfl li {
    float: none;
    padding: 0;
    width: 100%;
    position: relative;
    font-size: 16px;
}
.wap-cpjtfl a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.fixed{ position:fixed; width:90%; max-width:1600px; z-index:100; top:0;}



.show-xs {
	display: none;
}

/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%;
}

#toolbar .online-one li {
    margin-bottom: 3px;
    font-size: 0;
    width: 70px;
    height: 70px;
    right: 0;
    position: relative;
}

#toolbar .online-one li:hover a {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#toolbar .online-one li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    background: #00c184;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 0;
    border-radius: 4px;
    padding: 10px 0;
    overflow: hidden;
}

#toolbar .online-one li .icon-font {
    display: block;
    height: 28px;
    width: 100%;
}

#toolbar .online-one li .icon-font:after {
    background-image: url(../images/kf.png);
}

#toolbar .online-one li .icon-qq:after {
    background-position: -30px -240px;
}

#toolbar .online-one li .icon-phone:after {
    background-position: -30px -208px;
}

#toolbar .online-one li .icon-message:after {
    background-position: -30px -170px;
}

#toolbar .online-one li .icon-ewm:after {
    background-position: -30px -138px;
}

#toolbar .online-one li .icon-top:after {
    background-image: url(../images/icon_spirit.png);
    background-position: -30px -60px;
}

#toolbar .online-one li .icon-wangwang:after {
    background-image: url(../images/icon_spirit.png);
    background-position: -30px 0;
}

#toolbar .online-one li .wz {
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 5px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#toolbar .online-one li.phone {
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.ewm {
    background: #00c184;
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    color: #fff;
    font-size: 16px;
	padding:0 15px;
	line-height:50px;
}

#toolbar .online-one li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-one li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-one li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-one li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-one li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar .online-two li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    background: #d9d9d9;
}

#toolbar .online-two li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
}

#toolbar .online-two li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar .online-two li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar .online-two li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar .online-two li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar .online-two li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar .online-two li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-two li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-two li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #0173c6;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-two li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar .online-two li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-two li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #0173c6;
    border-right: none;
}

#toolbar .online-two li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar .online-two li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li.backtop {
    cursor: pointer;
}

#toolbar .online-two li.backtop .iconfont {
    color: #fff;
    background-color: #0173c6;
}

#toolbar .online-two li:hover a {
    width: 200px;
}

#toolbar .online-two li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar .online-two li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar .online-two li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar .online-two li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar .online-two li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar .online-two li:hover .icon-top:after {
    background-position: -30px -60px;
}

#toolbar .online-three {
    width: 115px;
}

#toolbar .online-three .title {
    background: #3aa3e6;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: relative;
}

#toolbar .online-three .title span {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    background-position: -31px -28px;
    opacity: 1;
    text-shadow: none;
}

#toolbar .online-three .qq-list {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

#toolbar .online-three .qq-list li {
    text-align: center;
    line-height: 32px;
}

#toolbar .online-three .qq-list li .icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);

    top: calc(50% - 15px);
}

#toolbar .online-three .qq-list li .wz {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}

#toolbar .online-three .qq-list .icon-qq:after {
    background-position: 0 -114px;
}

#toolbar .online-three .qq-list .icon-message:after {
    background-position: -30px -87px;
}

#toolbar .online-three .qq-list .icon-wangwang:after {
    background-position: -30px -116px;
}

#toolbar .online-three .ewm {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}

#toolbar .online-three .ewm span {
    display: inline-block;
    font-size: 12px;
    color: #333;
    margin-bottom: 12px;
}

#toolbar .online-three .ewm img {
    width: 100%;
    max-width: 84px;
}

#toolbar .online-three .service-phone {
    background: #fff;
    padding: 10px 0;
    text-align: center;
}

#toolbar .online-three .service-phone span {
    font-size: 12px;
    color: #333;
}

#toolbar .online-three .service-phone span.hotline {
    color: #777777;
    font-size: 12px;
    line-height: 32px;
}

#toolbar .online-four li {
    margin-bottom: 3px;
    font-size: 0;
    width: 50px;
    height: 50px;
    right: 0;
    position: relative;
}

#toolbar .online-four li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
}

#toolbar .online-four li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}

#toolbar .online-four li .icon-font:after {
    background-image: url(../images/kf.png);
}

#toolbar .online-four li .icon-qq:after {
    background-position: 0 -87px;
}

#toolbar .online-four li .icon-phone:after {
    background-position: 0 -57px;
}

#toolbar .online-four li .icon-ewm:after {
    background-position: 0 -21px;
}

#toolbar .online-four li .icon-message:after {
    background-position: -30px -55px;
}

#toolbar .online-four li .icon-top:after {
    background-position: 0 -0px;
}

#toolbar .online-four li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-four li .wz {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-four li.ewm {
    border-radius: 50%;
    background: #fff;
}

#toolbar .online-four li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone {
    border-radius: 50%;
}

#toolbar .online-four li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: rgb(59, 57, 57);
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-four li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-four li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.backtop .icon-font {
    height: 20px;
}

#toolbar .online-four li.backtop .icon-font:after {
    height: 20px;
    left: calc(50% - 17px);
    top: calc(50% - 2px);
}

#toolbar .online-four li.backtop .wz {
    display: block;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #bfbfbf;
    padding-left: 0;
}
.icon-font{ position:relative;}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

@media (max-width: 990px) {
    #toolbar {
        display: none;
    }
}

/*手机底部*/
.mobile-footer { background: #076ce0; padding: 0; width: 100%; position: fixed; bottom: 0; display: block; overflow: hidden; z-index: 999; }
.mobile-footer .mobile-footlist { color: #fff; display: inline-block; text-align: center; border-right: 1px solid #aaa; }
.mobile-footer .mobile-footlist:nth-child(2) a { font-size: 16px;} .mobile-footer .mobile-footlist:nth-child(2) {padding: 0 5px;} .mobile-footer .mobile-footlist:last-child { border-right: none; } 
.mobile-footer .mobile-footlist a { text-align: center; font-size: 17px; line-height: 60px; color:#fff; font-weight:bold;}
.mobile-footer .mobile-footlist a i { font-size: 20px; color:#fff; font-weight:bold;}
.mobile-footer .footLink i { font-size: 26px; }


@media screen and (max-width: 1440px) {
	.head-tel,.head-search{ display:none;}
	.menu{ margin-left:30px;}
	.xinwen .left{ width:20%;}
	.xinwen .right{ width:80%}
}
@media screen and (max-width: 1024px) {
.layui-container{ padding:0 10px; width:auto;}
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.header{ height:60px; background:#fff; position:fixed; left:0; top:0; z-index:100; width:100%;}
.logo{ margin-left:10px; margin-top:10px; font-size:18px; border-right:0;}
.logo img{ height:40px; margin-right:10px; float:left;}
.logo-txt,head-tel,.menu{ display:none;}
.banner{ margin-top:60px;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:30px; height:10px;}
.index-product,.index-hf,.index-ys,.index-factory,.index-about,.index-news,.index-links,.pg-aboutc,.pg-smyj,.pg-hxjz,.pg-news{ padding:30px 0;}
.section-title small{ font-size:26px;}
.section-title strong{ font-size:20px;}
.in-prd-menu{ margin:0;}
.section-title strong:after{ width:75%;}
.section-title{ margin-bottom:20px;}
.in-prd-menu ul{ width:100%;}
.in-prd-menu li{ width:31.333%; margin:10px 1%; padding:0; text-align:center;}
.in-prd-menu li a{ padding:0; margin:0; width:100%;}
.list-1 li{ width:50%;}
.list-1 li a{ margin:40px 0 0 20px;}
.in-rz li{ margin-left:100px; margin-bottom:15px;}
.in-rz-tel{ display:none;}
.ys-img,.ys-txt{ width:100%;}
.ys-sz{ margin:20px 0 0 0;}
.ys-zm{ width:15%;}
.ys-wz{ width:80%; margin-left:5%;}
.footer{ padding:30px 0;}
.section-title-more{ display:none;}
.in-about dt{ width:100%; margin:0;}
.in-about dt img{ width:100%;}
.in-about dt:before{ background-color:#fff;}
.in-about dd{ margin-left:0; width:100%; float:left; box-shadow: 0 1px 18px 1px rgba(54,62,69,0); padding:0; height:auto;}
.list-3 li{ width:100%;}
.foot-txt{ width:100%;}
.foot-nav{ display:none;}
.foot-lx{ width:100%; margin-top:15px;}
.m-beian{ margin-bottom:40px;}
.sm-con{ width:100%; margin-top:20px;}
.hxjz-c{ display:block;}
.jz-t{ margin-bottom:15px;}
.lxfs-c{ display:inline-block;}
.lx-item{ width:100%; overflow:hidden; margin:0 0 15px 0;}
.pgnews-fl a{ margin-bottom:15px;}
.sylm{ padding-top:30px;}
.sylm h3{ font-size:30px;}
.sylm p{ font-size:16px;}
.nyzw{ margin:0; padding:20px;}
.pg-news-c{ margin:0;}
.pg-n-img { width: auto; padding: 15px;}
.pg-n-img img{ width:100%; height:auto;}
.pg-n-nr{ padding:10px; width:auto;}
.pg-n-tit{ width:80%; font-size:16px;}
.pg-n-des{ width:80%; height:50px; overflow:hidden;}
.pg-n-data p{ font-size:40px; line-height:40px;}
.pg-n-nrs{ width:auto; padding:20px 10px;}
.pg-n-nrs h1{ font-size:20px;}
.pg-n-tj{ width:auto; padding:20px; margin-top:20px;}
.pg-n-sxfy span{ float:left !important;}
.p_loopitem{ flex-basis: calc(100% / 3);}
.pg-prd-ul{ width:48%;}
.cpnr-img,.cpnr-txt{ width:100%;}
.cpnr-txt h1{ font-size:24px; margin-top:20px;}
}