/*初始化样式*/
html {
	margin: 0;
	padding: 0;
	border: 0;
}
body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}
@font-face {
	font-family: myFirstFont;
	src: url('../fonts/GlowSansSC-Extended-Regular.otf');
	font-display: swap;
}
@font-face {
	font-family: myFirstFont-lignt;
	src: url('../fonts/GlowSansSC-Extended-Light.otf');
	font-display: swap;
}
@font-face {
	font-family: myFirstFont-bold;
	src: url('../fonts/GlowSansSC-Extended-Bold.otf');
	font-display: swap;
}
body {
	background: #fff;
	color: #000;
	position: relative;
	font: 12px/1.5 myFirstFont;
	vertical-align: baseline;
	width: 100%;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	outline: none;
}
a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover, a:active, a:focus {
	color: #c19c7a;
	text-decoration: none;
	outline: none;
}
p {
	margin: 0;
}
input {
	padding: 0;
	margin: 0;
}
img {
	border: none;
	background: none;
	vertical-align: middle;
}
ul, ol, li {
	list-style-type: none;
}
select, input, img, select {
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
table, th, td {
	vertical-align: middle
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearfix {
	zoom: 1
}
.clearboth {
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
	font-size: 0px;
}
h1, h2, h3, h4 {
	font-size: 12px;
	font-weight: bold;
}
hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 0;
}
dt {
	font-weight: normal;
}
/*----- Common css ------*/

.flex_a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.flex_b {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.di {
	_display: inline;
}
.fwn {
	font-weight: normal;
}
.dib {
 *display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}
.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.flexd {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wh {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 80px;
}
.pos {
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}
.com-img {
	display: inline;
	overflow: hidden;
	margin: 0 auto;
	display: table;
}
.com-img img {
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
}
.com-img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.wh1260 {
	max-width: 1290px;
	padding: 0 15px;
	margin: 0 auto;
}
/*头部样式*/

.top2 {
	height: 140px;
	overflow: hidden;
    position: absolute;
    width: 100%; z-index:999
}
.top2:hover{ background:#fff;transition-duration:0.5s}
.logo {
	line-height: 140px;
}
.logo img {
	width: 100%;
}
.logo-ys {
	margin-left: auto;
	margin-right: 1.85rem;
}
.logo-ys li+li {
	margin-left: 1.55rem;
}
.logo-ys li div.img {
	width: 42px;
	height: 42px;
	background-color: #54955a;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 11px;
}
.logo-ys li .cont h3 {
	font-size: 18px;
	color: #333333;
	line-height: 1;
	margin-bottom: 5px;
}
.logo-ys li .cont p {
	font-size: 12px;
	font-weight: normal;
	color: #888888;
	line-height: 1;
}
.top2 .k2 {
	background: url(../img/b56aa85b42ed813e9f539ec00a7bddf330e02e61.png) no-repeat left center;
	padding-left: 50px;
}
.top2 .k2 h3 {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	padding-left: 20px;
	margin-bottom: 4px;
}
.top2 .k2 p {
	font-size: 36px;
	color: #54955a;
	line-height: 1;
}
/* 导航样式 */
#menu {
	background-color: #54955a;
	position: relative;
	z-index: 999;
}
.x-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.x-menu>li {
	text-align: center;
    float: left;
    position: relative;margin: 0 1.7vw; height:102px;
}
.x-menu>li>a {
	display: block;
	font-size: 18px;
	color: #000;
	white-space: nowrap;
	line-height: 150px;
	height: 150px;
	text-align: center;
}
.x-menu .active{ border-bottom:2px solid #595957}
.x-menu>li:after, .x-menu>li:before{
	background-color: #595957;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	top: 100px;
	transition: all .8s;
	width: 0;
}
.x-menu>li:hover:before {
	left: 0;
	width: 50%
}
.x-menu>li:hover:after {
	right: 0;
	width: 50%
}
.x-menu>li:hover .x-sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background: #fff;
}
.x-sub-menu {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0%;
	top: 70px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.x-sub-menu>li {
/* padding: 0 0.9rem; */
}
.x-sub-menu>li>a {
	display: block;
	text-align: center;
	line-height: 2;
	font-size: 14px;
	color: #666666;
	line-height: 2.6;
}
.x-sub-menu>li>a:hover {
	background-color: #e76339;
	color: #fff;
}
.x-sub-menu:after {
	content: '';
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 10px;
	cursor: pointer;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #fff transparent;
	border-top: none;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 99;
	display: none;
}
 @media(max-width: 1440px) {
.top2 {
	height: 100px;
}
.logo {
	line-height: 100px;
}
.top2 .k2 p {
	font-size: 25px;
}
.top2 .k2 {
	background-size: 50% auto;
	padding-left: 43px;
	background-size: 20% auto;
}
.x-menu>li>a {	
	font-size: 16px;
}
.x-sub-menu {
	top: 50px;
}
}
/*导航*/

/*主体样式*/
.cganghgr {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 2%;
}
.flex2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.huang {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #888888;
	width: 40%;
	text-align: left;
}
.youhu {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #888888;
	width: 40%;
	text-align: right;
}
.youhu a {
	color: #888888;
}
.a-center{align-items:center}
.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xiangty {
	border-bottom: #696969 1px solid;
}

.dlogo img {
	max-width: 100%;
	max-height: 60px; margin-top:40px;
}

.x-banner img {
	width: 100%}





.box1-nr {	
	
	padding-top: 5vw;
	padding-bottom: 5vw;
	margin-bottom: 1vw;
	position: relative;
	z-index: 999;
	padding-left: 2.5vw;
	padding-right: 2.5vw;
}
.jj-bt h3 {
	text-align:left;
	font-size: 40px;
	font-weight:bold
}
.jj-nr {
	width: 58%;
	margin: 0 auto;
	margin-top: 30px;
}
.jj-nr p {
	font-size: 20px;	
	text-align: center;
	line-height: 2.1;
}
.box11-nr {
	padding-top: 5vw;
	padding-bottom: 5vw;
	position: relative;
	max-width: 1400px;
	margin: auto
}
.box11-nr:before {
	background-image: url(../img/s.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 140px;
	position: absolute;
	content: "";
	transform: scale(0.5);
	top: 0
}
.box11-nr:after {
	float: right;
	background-image: url(../img/x.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 140px;
	content: "";
	transform: scale(0.5);
}

 @media (max-width: 768px) {
	 .jj-nr{ width:90%}
	 
	 .box11-nr:before,.box11-nr:after { display:none}
	 .jj-nr p{ font-size:11px; line-height:20px;}
 }

/* 产品中心 */
.probg {
	
	padding: 50px 0
}
.pubtitle {
	position: relative;
}
.pubtitle h3 {
	font-size: 45px;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0px;
	color: #000000;
}
.pubtitle h4 {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #929292;
	margin-top: 10px;
}
.proindex1 {
	align-items: center;
	margin-bottom: 3.125vw;
}

.proindex2 li{ width:22%; margin:20px 1%;}
.proindex2 li img{ max-width:100%;}

.proindex2 li .img1 {
	text-align: center;
	position: relative;
}
.proindex2 li .img1 img {
	max-width: 100%;
	margin: 0 auto;
}
.proindex2 li .wzmore {
	background: #fff;
	text-align: center;
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
}
.proindex2 li .wz .wza {
	font-size: 22px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 50px;
	text-align: center
}
.proindex2 li .wz .wzb {
	font-size: 16px;
	color: #8e8e8e;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0.6vw;
}
.proindex2 li:hover a {
	border-radius: 50%;
}
.proindex2 li:hover a::before {
	opacity: 1;
}
.proindex2 li:hover .wzmore {
	border-bottom: 2px solid #000
}


/*样式*/
@media (max-width: 1440px) {
.pubtitle h3 {
	font-size: 35px;
}
.pubtitle h4 {
	font-size: 25px;
}
}
 @media (max-width: 1280px) {
.pubtitle h3 {
	font-size: 28px;
}
.pubtitle h4 {
	font-size: 20px;
}
.psort li {
	margin-bottom: 10px;
}
.psort {
	margin-top: 20px;
}
.proSwiper .swiper-slide a {
	display: block;
	position: relative;
	padding: 20px;
	transition: 0.5s;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.proSwiper .swiper-slide .wz {
	position: absolute;
	top: 20px;
	left: 20px;
}
}

@media (max-width: 768px) {
	.proindex2 li{ width:48%}
}

.xhs {
	padding: 60px 0 24px;
}
.add {	
	margin-top: 55px; position:relative
}
.add .swiper-slide {
	position: relative;
	color: #fff;
}
.add .swiper-slide a {
	color: #fff;
}
.add .swiper-slide .img img {
	display: block;
	width: 100%;
}
.add .swiper-slide .det {
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 8%;
	transition: all 0.8s;
}
.add .swiper-slide .img2 img {
}
.add .swiper-slide h3 {
	font-size: 22px;
	margin: 13px 0; display:none
}
.add .swiper-slide h5 {
	font-size: 14px;
	line-height: 22px;
	display: none;
	overflow: hidden;
}
.add .swiper-slide h4 {
	font-size: 14px;
	line-height: 32px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	width: 68px;
	margin-top: 30px;
	display: none;
	text-align: center;
	color: rgba(255, 255, 255, 0.5); 
}
.add .swiper-slide:hover h5 {
	display: none;
}
.add .swiper-slide:hover h4 {
	display: none;
}
.xhs p {
	font-size: 16px;
	color: #000000;
	line-height: 50px;
	text-align: center;
	margin-top: 3.5vw;
}

.add .swiper-button-prevf{position: absolute;top:50%;margin-top:-33px;left:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(../img/cdb204db340cdac70b58077cfec4261f57e89493.png) no-repeat;background-size:50% 50%;}
.add .swiper-button-nextf{position: absolute;top:50%;margin-top:-33px;right:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(../img/8b57de5c3c58465963a28d92c6d78ac32eb1f3fc.png) no-repeat;background-size:50% 50%;}
.add .swiper-button-prevf:hover{background:url(../img/5f90c5dbb0a496fd3c8eb4b4543f09b65e846389.png) no-repeat;background-size:50% 50%;}
.add .swiper-button-nextf:hover{background:url(../img/d066cab7cd16d060f3b9dc7a345b38ead0fa92ff.png) no-repeat;background-size:50% 50%;}
.mySwiperhor{ overflow:hidden}
 @media (max-width:1440px) {
.add li h5 {;
	line-height: 20px;
	height: 40px;
}
}
 @media (max-width:1024px) {
.add {
	flex-wrap: wrap;
}
.add .swiper-slide {
	width: 32.5%;
	margin-bottom: 10px;
}
.add .swiper-button-prevf{ left:15px;}
.add .swiper-button-nextf{ right:0;}
}
 @media (max-width:425px) {
.xhs {
	padding: 30px 0 10px;
}
.add {
	margin-top: 30px;
}

.add .swiper-slide {
	width: 49%;
}
.add .swiper-slide h3 {
	font-size: 16px;
	margin: 10px 0; 
}
.add .swiper-slide h5 {
	font-size: 12px;
}
.add .swiper-slide h4 {
	font-size: 12px;
	line-height: 28px;
	width: 60px;
	margin-top: 20px;
}
.add .swiper-slide .img2 {
	width: 30%;
}
.add .swiper-slide .img2 img {
	width: 100%;
}
}
 @media (max-width:320px) {
.add .swiper-slide:hover h4 {
	display: none;
}
}
.more_a99 {
	height: 54px;	
	margin: 0 auto;
	font-size: 15px;
	text-align: center; margin-top:50px;margin-bottom:100px;
	
}
.more_a99 a {
 color:#333;
	font-size: 28px;
	text-align: center; font-weight:bold;
	line-height: 54px; padding:10px 40px; border:2px solid #333;border-radius: 54px; 
}

/* 核心买点 */
.service {
	/* padding: 62px 0 105px; */
	padding: 3.2% 0 5.4%;	
	margin-top: 2vw;
}
.service_uls {
	margin-top: 4.1%;
}
.service_uls ul {
	justify-content: space-between;
	align-items: unset;
}
.service_uls li {
	width: 22%;
	max-width: 340px;
	cursor: pointer;
}
.service_uls li a {
	display: block;
	height: 100%;
	overflow: hidden;	
	transition: 0.5s ease;
}
.service_uls li:hover a {
	transform: translateY(-8px);
}
.service_uls li .imgs {
	width: 70px;
	margin: 0 auto;
}
.service_uls li .imgs img{ max-width:100%;}
.service_uls li .text {
	text-align: center;
}
.service_uls li .text h4 {
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000;
	margin-top: 0.64em;
	transition: 0.5s ease;
	margin-bottom: 0;
}
.service_uls li .text .sums {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333;
	overflow : hidden;
	margin-top: 0.82em;
}
 @media (max-width: 1560px) {
.service_uls li {
}
.service_uls li .imgs {
	width: 7.7vw;
}
.service_uls li .text h4 {
	font-size: 1.8vw;
}

}

@media (max-width: 1200px) {
.service {
	padding: 36px 0 50px;
}
.service_uls {
	margin-top: 36px;
}
.service_uls ul {
	flex-wrap: wrap;
}
.service_uls li {
	width: 49%;
	max-width: 100%;
}
.service_uls li:nth-child(n+3) {
	margin-top: 2%;
}

.service_uls li .imgs {
	width: 90px;
}
.service_uls li .text h4 {
	font-size: 20px;
}
}
@media (max-width: 990px) {
.service_uls {
	margin-top: 32px;
}
.service_uls li .text .sums {
	font-size:11px; line-height:20px;
}
.service_uls li .text h4{ font-size:10pt; line-height:15pt}
.service_uls li .imgs {
	width: 72px;text-align: center;
}

.service_uls li .imgs img{ width:44px;}
}

@media (max-width: 640px) {
.service {
	padding: 32px 0 36px;
}
.service_uls li {
	width:48%;
}


}
/*页面底部*/
.foot {
	padding: 30px 0 25px;
}
.know {
	text-align: center;
	line-height: 2;
	font-size: 24px;
	margin-bottom: 15px;
	color: #333;
}
.hotTel {
	text-align: center;
	margin-bottom: 25px;
}
.hotTel h2 {
	font-size: 46px;
	margin-top: 35px;
	color: #333333;
	
}
.hotTel h3 {
	font-size: 14px;
	color: #333333;
}
.footer_nav {
	width: 100%;
}
.footer_nav ul {
	display: flex;
	justify-content: center;
}
.footer_nav ul li {
	width: auto;
}
.footer_nav ul li a {
	display: block;
	line-height: 40px;
	text-transform: uppercase;
	padding: 0px 35px;
	position: relative;
	color: #333333;
	font-size: 14px;
}
.footer_nav ul li a::after {
	width: 20px;
	height: 100%;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 0%;
	content: '/';
	font-size: 12px;
}
.footer_nav ul li:last-child a::after {
	display: none;
}
.footer_nav ul li a:hover {
}
.bq {
	text-align: center;
	color: #333333;
	font-size: 14px;
	text-align: center;
}
.bq a {
	color: #333333;
}
.copyright {
	text-align: center;
	line-height: 24px;
	color: #a3b4bd;
	margin-top: 30px;
	font-size: 14px;
}
.copyright a {
	color: #a3b4bd;
}
.socail {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 10;
}
.socail a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	position: relative;
	margin: 0px 5px;
	cursor: pointer;
}
.socail a .img {
	width: 100px;
	height: 100px;
	background: #fff;
	position: absolute;
	left: -30px;
	top: -105px;
	display: none;
}
.socail a .img img {
	width: 100%;
	display: block;
}
.socail a .icon {
	color: #fff;
	font-size: 20px;
	position: relative;
}
.socail a:hover .img {
	display: block;
}

/*产品中心内页*/

.x-product1 {
	padding: 6vh 0 8vh;
	background: #F8F7F3
}
.x-product1 .bt h2 {
	font-weight: bold;
	color: #000;
	font-size: 40px;text-align:center;margin-bottom: 24px;
}
.x-product1 .bt p {
	font-size: 20px;
	line-height: 35px;
	color: #000;
	text-align:center
}
.x-product1 .bt2{ position:relative}
.x-product1 .bt2 img {
	max-width: 100%
}
.x-product1 .bt2 h2 {
	font-weight: bold;
	color: #000;
	font-size: 44px;
	position: absolute;
	bottom: 200px;
	left: 20px;
}
.x-product1 .bt2 p {
	font-size: 20px;
	line-height: 35px;
	color: #000;
	margin: 24px 0;
	position: absolute;
	bottom: 35px;
	left: 20px;
	right: 20px;
}
.pro-box {
	margin-top: 6vh;
}
.pro-list {
	margin-left: -15px;
	margin-right: -15px;
}
.pro-list li {
	width: calc(50% - 30px);
	float: left;
	margin: 15px;
}
.pro-list li a {
	display: block;
	position: relative;
}
.pro-list li a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background: rgba(0,0,0,.3);
	opacity: 0;
	transition: all 0.3s;
}
.pro-list li img {
	width: 100%;
	height: auto;
	border-radius: 20px
}
.pro-list li h3 {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	transition: all 0.3s;
	font-size: 0;
}
.pro-list li h3 span {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 60px;
	position: relative;
}
.pro-list li h3 span:before {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: #fff;
	left: 0;
	top: 0;
}
.pro-list li h3 span:after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: #fff;
	left: 0;
	bottom: 0;
}



.pro-list1 {
	margin-left: -15px;
	margin-right: -15px;
}
.pro-list1 li {
	width: calc(25% - 30px);
	float: left;
	margin: 15px;
}
.pro-list li a {
	display: block;
	position: relative;
}
.pro-list1 li a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background: rgba(0,0,0,.3);
	opacity: 0;
	transition: all 0.3s;
}
.pro-list1 li img {
	width: 100%;
	height: auto;
	border-radius: 20px
}
.pro-list1 li h3 {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	transition: all 0.3s;
	font-size: 0;
}
.pro-list1 li h3 span {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 60px;
	position: relative;
}
.pro-list1 li h3 span:before {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: #fff;
	left: 0;
	top: 0;
}
.pro-list1 li h3 span:after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: #fff;
	left: 0;
	bottom: 0;
}







 @media(min-width: 992px) {
.pro-list li:hover a:before,.pro-list1 li:hover a:before{
	opacity: 1;
}
.pro-list li:hover h3,.pro-list1 li:hover h3 {
	opacity: 1;
	margin-top: -30px;
}


}

.x-product1 .more {
	text-align: center;
	margin-top: 9vh;
}
 @media(max-width: 992px) {
	  .x-product1 .bt2 h2,.x-product1 .bt h2{ font-size:16pt; margin-top:20px;text-align:center}
	   .x-product1 .bt2 p,.x-product1 .bt p{ font-size:10pt; line-height:20pt;text-align:center}
	 .x-product1 .bt2 h2,.x-product1 .bt2 p{ position:relative; bottom:0;left:0}
	 .pro-list1 li {
	width: calc(50% - 30px);
	float: left;
	margin: 15px;
}
.x-product1 .bt2 h2 img, .x-product1 .bt h2 img{ max-width:50%}
.x-product1{ padding:50px 0 0 0}
	 }

/*面料内页*/

.ml1{background:#F0F1EB;padding: 5vw 0;}
.ml1 .jj-bt h3{ line-height:40px}
.psort1{width:100%;margin-top:3.125vw;position: relative;z-index: 99;}
.psort1 li{position: relative;width: 25%; overflow:hidden}

.psort1 li img{ max-width:100%; cursor:pointer}
.psort1 li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


.box22{padding: 6.145vw 0 6.77vw;}
.box22 .jleft p{ margin-top:25px;font-size: 16px;}
.jwz{font-size: 16px;line-height: 30px;width: 50.7%;margin-top: 14px; text-align:right}
.box22 .p2{margin-top: 0;font-size: 34px;}







@media(max-width: 1200px){
    .p2{font-size: 24px;line-height: 32px;}     
.wh{ padding:0 20px}
  
}


@media(max-width: 1024px){
    .p2{margin-top: 15px;font-size: 20px;line-height: 28px;}
    .jwz{width: 100%; text-align:left}   
	.wh{ padding:0 15px}
}


@media(max-width: 1024px){
	.psort1 li{ width:50%}
	}
.mlys{padding:40px 0; background:#E4E2D6}

.yul li{width: 20%;text-align: center;}
.yul li .img img{max-width: 100%;}
.yul li p{color: #fff;font-size: 14px;}




@media(max-width: 640px){
    .mlys{padding: 30px 0;}
    .yul li{width: 46%;margin-bottom: 20px;}
    .yul{margin-top: 20px;}
   
}



/*  */
.ys2 img{ max-width:100%}
.you{margin-top: 4%;}
.you li{margin-bottom: 22px;}
.you li .img{width: 45%;position: relative;}

.you li .img img{max-width: 100%;}
.ycon{width: 55%;padding: 0 1% 0 6%;display: flex;justify-content: center;flex-direction: column;}
.ycon h3{color: #222;font-size: 30px; margin-bottom:50px;}
.ycon h3 span{ font-size:14px; font-family:myFirstFont-lignt}
.line1{width: 30px;height: 4px;background-color: #ff4365;margin: 18px 0 25px;}

.ycon p{color: #333;font-size:18px; margin-top:20px}

@media(max-width: 768px){
	.ycon h3{ font-size:16pt; margin:25px 0; text-align:center}
	.ycon p{ font-size:11px; line-height:20px; margin:5px 0}
	
	
}
@media(max-width: 640px){
  
    .you{margin-top: 20px;}
    .you li .img,.you li .ycon{width: 100%; text-align:center}
    .sjx{display: none;}
    .ycon{padding: 0px;}   
    .you li:nth-child(2n){flex-direction: column-reverse;  }
	.you li .img img{ max-width:80%}
  .you li{ margin-bottom:0}
}



/*印花*/




.pro-box2 {
	margin-top: 6vh;
}
.pro-list2 {
	margin-left: -15px;
	margin-right: -15px;
}
.pro-list2 li {
	width: calc(25% - 30px);
	float: left;
	margin: 15px; position:relative
}
.pro-list2 li a {
	display: block;
	position: relative;
}
.pro-list2 li a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background: rgba(0,0,0,.3);
	opacity: 0;
	transition: all 0.3s;
}
.pro-list2 li img {
	width: 100%;
	height: auto;	
}
.pro-list2 li h3 {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	opacity: 1;
	transition: all 0.3s;

}
.pro-list2 li h3 span {
	display: inline-block;
	vertical-align: top;
	font-size: 30px;
	line-height: 30px;
	position: relative;
}

 @media(min-width: 992px) {
.pro-list2 li:hover a:before {
	opacity: 1;
}
.pro-list2 li:hover h3 {
	opacity: 1;
	margin-top: -30px;
}


}




/*品牌*/

.abtt h2{color:#000000;font-size:36px;}
.abtt h3{color:#595959;font-size:20px;text-transform:uppercase;margin:8px 0 22px; }




/* CSS Document */

#certify {
  position: relative;
  width: 100%;
  margin: 0 auto;margin-top:50px;
}


#certify .swiper-slide {
  width: 400px;
position: relative;border-radius:20px; overflow:hidden
}
#certify .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%; 
}

#certify .swiper-slide::after{position: absolute;width: 100%;height:100%;content: "";left:0px;top:0px;background: rgba(0, 0, 0, .3);z-index: 1;}
#certify .swiper-slide.swiper-slide-active::after{opacity: 0;}

#certify .dvc{position: absolute;width: 100%;text-align: center;top:50%;transform: translateY(-50%);z-index:22;}

#certify .dvc h3{	
	font-size: 30px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}






#certify2 {
  position: relative;
  width: 100%;
  margin: 0 auto;margin-top:50px;
}



#certify2 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%; border-radius:20px
}
#certify2 .swiper-slide.swiper-slide-active::after{opacity: 0;}
#certify2 .swiper-slide::after{position: absolute;width: 100%;height:100%;content: "";left:0px;top:0px;background: rgba(0, 0, 0, .3);z-index: 1;}
#certify2 .dvc{position: absolute;width: 100%;text-align: center;top:50%;transform: translateY(-50%);z-index:22;}

#certify2 .dvc h3{	
	font-size: 30px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}















@media (max-width: 1440px) {
#certify .swiper-slide {
 position: relative;
}
#certify .dvc h3{
	font-size: 25px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}
  }


@media (max-width: 1024px) {
#certify .swiper-slide {
  width: 300px;
 position: relative;
}
#certify .dvc h3{	
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}
  }




@media (max-width: 992px) {
#certify2 .dvc h3{
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.pro-list2 li{width: calc(50% - 30px);}
.pro-list2 li h3{ top:45%}
  }




@media (max-width: 768px) {
#certify .swiper-slide {
  width: 300px;
position: relative;
}
#certify .dvc h3{	
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}
	.x-banner{ height: 400px;background-size: cover!important;}
	.x-banner img{ display:none}
	video{ width:100%; height:auto}
  }

.video{ background:url(../img/video.jpg); background-size:cover; text-align:center; width:100%}


/* about_one */
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}
.about_one{ padding:100px 0; background:url(../img/aboutbj.jpg) no-repeat center; margin-top:100px}

.abl{
    width: 28%;
}
.abl h3{margin-top:210px}
.abl h3 a{
    color: #000;
    font-size: 20px;
    text-decoration:underline; 
}

.abl h4{
    color: #000;
    font-size:40px;
    font-weight: 600;
    margin-top: 0.8vw;
}

.abl h5{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-top: 2vw;
}

.abr{
    width: calc(100% - 30%);
}

.abr .aw p{
    color: #000;
    font-size: 19px;
    line-height: 32px;
    text-align: justify;
}



@media(max-width: 1366px){
    .abl h4{
        font-size: 28px;
    }
}

@media(max-width: 1200px){
    .abl h4{
        font-size: 24px;
    }
    .abl h5{
        font-size: 20px;
    }
}

@media(max-width: 1024px){
    .abl h4{
        font-size: 20px;
    }
    .abl h5{
        font-size: 16px;
    }
   
}

@media(max-width: 767px){
	.abl h3{ display:none;}
    .about_one_wrap{
        flex-wrap: wrap;
        margin-top:0px;
    }
    .abl{
        width: 100%;
    }
    .abl h4{
        margin-top:0px; font-size:22pt;
    }
    .abl h5{
        margin-top: 10px;
    }
    .abr{
        width: 100%;
        margin-top: 20px;
    }
    .abr .aw p{
        line-height:20px; font-size:10pt;
    }
	.abr h3{ margin-top:40px }
	.abr h3 a{
    color: #000;
    font-size: 10pt;
    text-decoration:underline; 
}
   
}




.spptryle{
    width: 40%;
}

.spptryle_b{
    font-size: 46px;
	font-weight: 600;	
	line-height: 36px;
	letter-spacing: 0px;
	color: #000;
}
.funty{      
    padding-right: 35px;
    font-size: 20px;	
	line-height: 60px;
	letter-spacing: 0px;
	color: #000;
}
.funty a{
    color: #000; text-decoration:underline; font-weight:600
}


.g1{background:url(../img/video.png) no-repeat center; padding:30px 0; background-size:cover}
.group{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.group-pic{
	width: 45%;
	position: relative; text-align:center
}
.group-pic img{
	max-width: 90%;
}
.group-info{
	width: 55%;
	padding: 120px 0 0 0;
	position: relative;
	font-size: 20px;
	line-height: 28pt;
	transform: translateY(-100px);}

.group-info .bt2{ font-size:40px; font-weight:bold; margin-bottom:75px; text-align:center}

.group-info .edit{
	padding-top: 15px;
	border-top: 1px solid #dddddd;
}
.group-info .edit .fgsm{font-size: 26px;color: #333333;}


@media (max-width:768px) {
	
	.group-info,.group-pic{ width:100%;}
	.group-info{ padding:20px;transform: translateY(50px); font-size:10pt; line-height:20pt;margin-bottom: 50px;}
	.group-info .bt2{ font-size:16pt; margin-bottom:30px; text-align:center}
}



.abbg{padding: 45px 0;margin-top: 60px;background-size: 100% 100%;}


.ys_ll{margin:0 auto;margin-top: 35px;}
.ys_ll li{text-align: center; width:24%; background:#fff}
.ys_ll li img{max-width:100%;}
.ys_ll li h2{	font-size: 30px;	
	line-height: 24px;
	letter-spacing: 0px;
	color: #333; width:80%; margin:20px auto; text-align:left; font-weight:bold}

.ys_ll li h4{	font-size: 14px;	
	line-height: 25px;
	letter-spacing: 0px;
	color: #333;margin: 10px auto;width:80%; text-align:left; min-height:75px}


@media (max-width: 1200px) {
	.ys_ll li{margin-bottom: 20px;}
.ys_ll li h2{font-size: 16pt;}
.ys_ll li h4{font-size: 10pt; line-height:20pt;}
  }

@media (max-width: 768px) {
	.ys_ll li{ width:100%;}
	
	.ys_ll li img{
    height: 200px; /* 设置固定高度 */
    width: 100%;   /* 宽度自动调整以保持比例 */
    object-fit: cover; /* 确保图片完全覆盖指定区域，可能会裁剪 */
}
.abbg{ margin-top:0; padding:25px 0}
}


.ys_ll_ztgs{margin:0 auto;margin-top: 15px;}
.ys_ll_ztgs li{text-align: center; width:30%;}
.ys_ll_ztgs li img{max-width:100%;}
.ys_ll_ztgs li h2{	font-size: 22px;	
	line-height: 34px;
	letter-spacing: 0px;
	color: #333; width:80%; margin:20px auto;  font-weight:bold}

.ys_ll_ztgs li h4{	font-size: 16px;	
	line-height: 25px;
	letter-spacing: 0px;
	color: #333;margin: 10px auto;width:80%;  min-height:75px}


@media (max-width: 1200px) {
	.ys_ll_ztgs li{margin-bottom: 20px;}
.ys_ll_ztgs li h2{font-size: 16pt; line-height:24pt;}
.ys_ll_ztgs li h4{font-size: 14px;}
  }


@media (max-width: 768px) {
	.ys_ll_ztgs li{ width:100%;}
	
}


.dff{background:url(../img/foot.jpg) no-repeat center;padding-top:200px;padding-bottom: 30px; background-size:cover; height:600px}

.fotb{width: 55.54%;}

.g_ll{margin-top: 14px;max-width: 350px;}
.g_ll li{position: relative;text-align: center;	border-radius: 4px;width: 46px;height:46px;background: rgba(255,255,255,0.08);}
.g_ll li .imgdg{text-align: center;max-width: 100%;width:50px;overflow: hidden;}

.g_ll li .wm1{position: absolute;left:50%;top:50px;display: none;width:100px;margin-left: -50px;}
.g_ll li .wm1 img{max-width: 100%;}
.g_ll li:hover .wm1{display: block;} 
.g_ll li:nth-child(3) .wm1{display: none;}



.dfdh img{ max-width:300px}



.dflx{	font-size:24px;
	font-weight: bold;
	line-height: 32pt;
	letter-spacing: 0px;
	color: #000;
    margin-top: 30px;}



.dff2{padding: 20px 0;line-height: 25px;color: #000;font-size: 16px; border-top:1px solid #000; margin-top:20px;}



/*  */
.foot_nav {
    position: relative;
}

.foot_nav li {
    float: left;
}

.foot_nav li a {
    font-size: 24px;
    color: #000;
    display: block;
    width: 100%;
    font-weight: 700;	line-height: 42px; text-align:center;
}

.foot_nav li .x-nav-menu {
    width: 100%;
    margin-top: 15px;
}

.foot_nav li .x-nav-menu a {
    display: block;
    font-size: 20px;
    line-height: 35pt;
    color: #000;
    font-weight: normal; text-align:center;
}


@media (max-width: 768px) {
	
	.fotb{ width:100%;}
	.foot_nav li{ width:100%; border-bottom:1px solid #333;margin-top:20px; padding-bottom:20px}
	.foot_nav li a{text-align:left;font-size:16px; line-height:30px;}
	.foot_nav li .x-nav-menu a{ text-align:left; font-size:16px; line-height:30px }
	.dff2{ border:none;font-size:10pt; line-height:20pt}
	.g_ll{max-width:100%}
	.dffa{ width:60%}
	.dflx{font-size:16px; line-height:24pt;}
	
}

.c1 {
  margin: 4vw 0; }
   .c1 .c1-1 img{ max-width:100%;}
  @media (max-width: 1025px) {
    .c1 {
      margin-top: 40px;
      margin-bottom: 40px; } }
  @media (max-width: 780px) {
    .c1 {
      flex-wrap: wrap; } }
  .c1 .c1-1 {
    margin-top: 3px;
    width: 50%; }
    @media (max-width: 780px) {
      .c1 .c1-1 {
        width: 100%; } }
  .c1 .c1-2 {
    width:45%; }
    @media (max-width: 780px) {
      .c1 .c1-2 {
        width: 100%;
        margin-top: 30px; } }
    .c1 .c1-2 h2 {
      font-size: 30px;
      color: #000;
      line-height: 36px;
      font-weight:bold; }
	    .c1 .c1-2 h3{ font-size:24px; line-height:50px;}
		
      @media (max-width: 1025px) {
        .c1 .c1-2 h2 {
          font-size: 26px; } }
      @media (max-width: 780px) {
        .c1 .c1-2 h2 {
          font-size: 24px; } }
    .c1 .c1-2 dd {
      line-height: 24px;
      font-size: 18px;
      color: #000;
      margin-top: 32px; }
      @media (max-width: 1400px) {
        .c1 .c1-2 dd br {
          display: none; } }
      @media (max-width: 1025px) {
        .c1 .c1-2 dd {
          margin-top: 18px; } }
    .c1 .c1-2 .list2 {
      display: flex;
      margin-top: 3.4375vw; }
	   .c1 .c1-2 .list2 img{ max-width:100%}
      @media (max-width: 780px) {
        .c1 .c1-2 .list2 {
          margin-top: 20px;
          margin-bottom: 20px; } }
      .c1 .c1-2 .list2 li {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .c1 .c1-2 .list2 li:after {
          content: '';
          display: block;
          width: 2px;
          height: 49px;
          background-color: #e5e5e5;
          margin: 0 2.7083vw; }
        .c1 .c1-2 .list2 li h3 {
          font-weight: normal;
          font-family: arial;
          color: #005293; }
          .c1 .c1-2 .list2 li h3 b {
            font-size: 34px; }
          .c1 .c1-2 .list2 li h3 span {
            font-size: 18px;
            padding-left: 6px; }
        .c1 .c1-2 .list2 li p {
          color: #999999;
          font-size: 14px; }
        .c1 .c1-2 .list2 li:last-child:after {
          display: none; }
    .c1 .c1-2 a.ck {
      display: flex;
      font-size: 14px;
      color: #cccccc;
      width: 122px;
      line-height: 40px;
      border: solid 1px #cccccc;
      text-align: center;
      justify-content: center;
      align-items: center; }
      .c1 .c1-2 a.ck span {
        padding-left: 16px;
        margin-top: -3px; }
		
.cc_hr{ height:1px; background:#000; margin:auto; width:80%}
.c11{ text-align: center}
.c11 img{ max-width:100%; margin:50px 0}



.box1{padding:4.88vw 0;}
.z_index_about .infobox{width:50%;transition: ease 1s;}
.z_index_tit{font-size:40px; font-weight:bold}
.z_index_about .desc{font-size: 20px;font-weight: 400;line-height: 30px; margin: 2.5vw 0;}
.z_about_icon { border-top: 1px solid #E9E9E9; padding-top: 2.5vw;}
.z_about_icon ul{ display: flex; justify-content: space-between; text-align: center; max-width:80%}
.z_about_icon li{}
.z_about_icon li h3{font-size: 16px; font-weight:bold; line-height: 24px; margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.z_about_icon li img{ display: block; margin: 0 auto;max-width:100px}
.z_index_about .imgbox{width:45%;}
.z_index_about .imgbox img{width:100%;display:block;}

@media (max-width:1024px) {
  .z_index_tit{font-size:34px;}
  .z_index_about .desc{font-size:10pt; line-height:20pt}
  .z_about_icon li h3{font-size:10pt; line-height:20pt}
  .z_index_about .infobox{width:45%;}
}

@media (max-width: 768px) {
	 .z_index_tit{font-size:16pt;}
 .z_index_about .infobox{width:100%;margin-left:0; background:#fff; padding:10px}
 .z_index_about .imgbox{width:100%;margin-top:20px;}
 .z_about_icon li img{ max-width:60px}
 .z_about_icon ul{ max-width:80%}
 .c11 img{ margin:20px 0}
}


@media (max-width:428px) {
  .z_index_tit{font-size:25px;}  
   .z_about_icon ul{ max-width:100%}

}


.yinghua{flex-direction: row-reverse;}
.yh_ico{ text-align:center}
.yh_ico img{ max-width:100px;}
.yinghua_tit{font-size:40px; font-weight:bold; text-align:center}
.yinghua .infobox{width:50%;transition: ease 1s;}
.yinghua .desc{font-size: 20px;font-weight: 400;line-height: 30px; margin: 2.5vw 0; text-align:center}
.yinghua .imgbox{width:45%;}
.yinghua .imgbox img{width:100%;display:block;}

@media (max-width:1024px) {
   .yinghua_tit{font-size:16pt;}
  .yinghua .desc{font-size:10pt; line-height:20pt;}
  .yinghua .infobox{width:45%;}
   .yinghua{ background:none!important}
}

@media (max-width: 768px) {
	 .yinghua_tit{font-size:16pt}
 .yinghua .infobox{width:100%;margin-left:0;}
 .yinghua .imgbox{width:100%;margin-top:20px;}

}

@media (max-width:428px) {
  .yinghua_tit{font-size:25px;}    

}




/* 信任与支持 */
.box5{ margin-bottom:50px}
.picMarquee-left{overflow:hidden;}
.picMarquee-left .bd ul{overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{margin:0 6px; float:left; _display:inline; overflow:hidden;position: relative;}
.picMarquee-left .bd ul li .img{overflow: hidden;}
.picMarquee-left .bd ul li .img img{width:350px;display:block;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.picMarquee-left .bd ul li:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.picMarquee-left .bd ul li .mask .nr{ text-align:center}
.picMarquee-left .bd ul li .wz{font-size:20px; line-height:35px}
.picMarquee-left .bd ul li .wz2{font-size:14px;margin-top:6px;}
.picMarquee-left2{margin:12px 0;}
.picMarquee-left3{margin-bottom:3vw;}

.picMarquee-left .bd ul li.cate .img img{width:204px;}
.picMarquee-left .bd ul li.cate{width:204px!important;}
.picMarquee-left .bd ul li.cate:hover .img img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);}
.picMarquee-left .bd ul li.cate .mask2{width:100%;height:100%;position:absolute;left:0;top:0;}
.picMarquee-left .bd ul li.cate .nr2{margin-left:15px;margin-top:20px;}
.picMarquee-left .bd ul li.cate .wzs{color:#fff;font-size:18px;}
.picMarquee-left .bd ul li.cate .mo{color:#fff;font-size:14px;margin-top:20px;display: flex;align-items: center;flex-wrap: wrap; }
.picMarquee-left .bd ul li.cate .mo img{margin-left:11px;}

@media (max-width: 768px) {
	.picMarquee-left .bd ul li .img img{width:225px;}
	.picMarquee-left .bd ul li .wz{ font-size:10pt; line-height:20pt}
}





.qzg{ }
.qzg .bd ul{display: flex;flex-wrap: nowrap; overflow-x:auto; width:100%; zoom:1;overflow-y:hidden}
.qzg .bd ul li{margin:0 6px; float:left; _display:inline;position: relative;}
.qzg .bd ul li .img{}
.qzg .bd ul li .img img{width:auto; height:550px;display:block;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.qzg .bd ul li:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.qzg .bd ul::-webkit-scrollbar {
    height: 6px; /* 滚动条的高度 */margin-top:10px;
  }
  
.qzg .bd ul::-webkit-scrollbar-thumb {
    background:#808080; /* 滚动条的背景颜色 */
    border-radius: 6px; /* 滚动条的圆角 */ 
  }

.qzg .bd ul::-webkit-scrollbar-track {
    background: #F8F7F3; /* 滚动条轨道的背景颜色 */
  }
  
   @media (max-width:1680px) {.qzg .bd ul li .img img{height:480px;}}  
  @media (max-width:1440px) {.qzg .bd ul li .img img{height:450px;}} 
  
    @media (max-width:1200px) {.qzg .bd ul li .img img{height:350px;}} 
  @media (max-width:1024px) {
	  .qzg .bd ul li .img img{height:300px;}
  }
  @media (max-width: 768px) {
	.qzg .bd ul li .img img{height:225px;}
}



/* 店铺信息 */
.dpxx img{ max-width:100%}
.dpxx .you{margin-top: 4%;}
.dpxx .you li{margin-bottom: 22px;}
.dpxx .you li .img{width: 45%;position: relative;}

.dpxx .you li .img img{max-width: 100%;}
.dpxx .ycon{width: 55%;padding: 0 4% 0 4%;justify-content: flex-start;}
.dpxx .ycon_nr b{ font-size:20px; margin-top:50px}
.dpxx .ycon h3{font-size: 36px; margin-bottom:50px; border-bottom:1px solid #ccc; line-height:60px; width:85%; text-align:left}
.dpxx .ycon_nr p{font-size: 24px; margin:20px auto;line-height:30pt; text-align:left}
.dpxx hr{  width:85%; margin:50px 0; }
.dpxx .ycon_nr{overflow-y: auto; height:550px;}

.dpxx .ycon_nr::-webkit-scrollbar {
    width: 6px; /* 滚动条的高度 */
  }
  
.dpxx .ycon_nr::-webkit-scrollbar-thumb {
    background:#333; /* 滚动条的背景颜色 */
    border-radius: 6px; /* 滚动条的圆角 */ 
  }

.dpxx .ycon_nr::-webkit-scrollbar-track {
    background: #F8F7F3; /* 滚动条轨道的背景颜色 */
  }
  

@media(max-width: 768px){
  
    .dpxx .you{margin-top: 20px;}
    .dpxx .you li .img,.you li .ycon{width: 100%;}
    .dpxx .sjx{display: none;}
    .dpxx .ycon{padding: 15px;}   
    .dpxx .you li:nth-child(2n){flex-direction: column-reverse;  }
	.dpxx .ycon h3{font-size:22px; margin-bottom:20px;width:100%; text-align:left}
	.dpxx .ycon_nr p{ font-size:14px; line-height:20px; margin:10px 0; text-align:left;}
  .dpxx hr{margin:25px 0; width:100%}
}



.h23_box1{margin-top: 50px; padding:50px 0 100px 0}


.lx_23{width: 45%; background:#fff; margin-top:50px; padding:20px 50px;}

.tel_23{margin-top: 38px;padding-left:25px}
.tel_23 img{ float:left; margin-right:20px; max-width:45px}
.tel_23 p{	font-size: 30px;line-height:45px;}


.dh_23{margin: 25px 0;	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	}
.dh_23 p{padding-left: 30px;line-height: 44px;
	letter-spacing: 0px;
	}

.dh_23 li{ width:45%}

.abr .aw .dn1{ font-size:40px; font-weight:bold; margin-bottom:50px;}

@media(max-width: 768px){
	.about_one{ padding:50px 0;margin-top:50px;}
	.lx_23{ width:100%;margin-top:30px; padding:0 50px}
	.dh_23{ margin:10px 0 25px 0;}
	.dh_23 li{ width:100%; margin-bottom:10px}
	.spptryle_b,.jj-bt h3{ font-size:16pt;}
	.dfdh img{ max-width:180px}
	.abr .aw .sj1{ font-size:16pt; line-height:24px; font-weight:bold;margin-bottom: 30px;}
	.funty{ padding-right:0;}
	.funty a,.proindex2 li .wz .wza,.dh_23 p{ font-size:10pt; line-height:20pt;}
	.pro-list2 li h3 span,.tel_23 p{ font-size:16px}
	.h23_box1{padding:50px 0; margin-top:0}
	.more_a99 a{font-size:12px; padding:5px 10px }
	.more_a99{ margin:30px 0}
	.g_ll li{ margin-right:12px}
	.dff{ height:auto; padding-top:50px;}
	}