@font-face {
	font-family: fontB;
	src: url(../fonts/Poppins-ExtraBold.otf);
}
@font-face {
	font-family: fontE;
	src: url(../fonts/Poppins-ExtraLight.otf);
}
@font-face {
	font-family: dinLE1;
	src: url(../fonts/Poppins-ExtraLightItalic.otf);
}
@font-face {
	font-family: fontL;
	src: url(../fonts/Poppins-Light.otf);
}
@font-face {
	font-family: fontM;
	src: url(../fonts/Poppins-Medium.otf);
}
@font-face {
	font-family: fontS;
	src: url(../fonts/Poppins-SemiBold.otf);
}
@font-face {
	font-family: fontR;
	src: url(../fonts/Poppins-Regular.otf);
}
body{padding: 0;margin: 0;font-family: fontL;font-size: 16px;color: #373636;overflow-x:hidden;}
.wrap{max-width: 1300px;margin: 0 auto; padding:0 50px}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bgf3f3f3{background: #f3f3f3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}

 
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}


.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #fcfcfc;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.container{padding: 0 16px;max-width: calc(100% - 96px);margin: 0 auto;}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.warp{ width:1300px; margin:0 auto;padding:0 50px}
header{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	z-index: 999;
	 
	background: #fff;
	transition: all 0.3s;
	/* overflow: hidden; */
}  
header .head1{
	position: relative;
	z-index: 2;
	transition: all 0.3s;
	overflow: hidden;
}
/* header .head1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 156px;
	z-index: 2;
} */
header .head1 .nrBox{
	height: 80px;
}
header .head1 .nrBox>div{width: 100%;}
header .logo{display: block;position: relative;width: max-content;height: 80px;}
header .logo img{ display: block; margin-left:25px;margin-top:22.5px; height:35px }
header .logo a{ line-height:80px; }

header .logo .imk{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .logo .logob{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
header .headCenter{display: flex;justify-content: center;align-items: center;}
header .pageName{
	display: block  ;
}
header .pageName img{max-height: 70px;display: block;margin: 0 auto;}
header .headRight{display: flex;justify-content: flex-end;align-items: center;}
header .mbab{display: block;position: relative;width: max-content;height: 80px;}
header .mBtn{
	display: block;
	width: 115px;
 
	position: relative;
	cursor: pointer;
	transition: all 0.3s;  text-align:left;   font-family:fontB; font-style:italic; 
}
header .mBtn img{ height:25px} 
header .mBtnl .mBtn::after,
header .mBtnl .mBtn::before{background: #444142;}
header.open .mBtnl .mBtn::after, 
header.open .mBtnl .mBtn::before{background: #000;}
header .mbab .mbbb{
	height: 80px;
	overflow: hidden;
	transition: all 0.3s;
	position: relative;
	z-index: 2;
}
header .mbab .tbk{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .mbab .mBtnl{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
header .yy{
	background: rgba(0,0,0,0.32);
	display: block;
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
header .head2{
	 
	position: relative;
	z-index: 2;
	display: none;
}
header .menuUl a{
	line-height: 60px;
	font-size: 18px;
	color: #333;
	
	position: relative;font-family: fontR;
}
header .menuUl a::after{
	content: "";
	display: block;
	width: 0;
	height: 4px;
	background: #ffffff;
	position: absolute;
	left: 50%;
	transition: all 0.3s; display:none
}
header .menuUl li:hover a::after,
header .menuUl li.on a::after{
	width: 48px;
 
}



.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menuUl>li{float:left;position: relative;line-height: 60px;
	font-size: 18px;
	color: #333;
	padding: 0 42px;
	font-family: fontR;}
 
 
 
.menuUl li ul{position:absolute;background: #fff;text-align: left; width: max-content;min-width: 180px; top: 100%;left:50%;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);transform: translateX(-50%);}
.menuUl ul ul::before{content: "";width: 16px;height: 16px;background: url(../img/ssj.png) no-repeat center center;position: absolute;left: 50%;top: -8px;transform: translateX(-50%);z-index: 0; }
/*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/
/*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; }
.menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/
.menuUl>li:hover>ul{visibility: visible;opacity: 1;transform: translate(-50%,0) }
.menuUl ul ul .ul a{font-size: 18px;line-height: 48px;color: #666666;display: block;text-align: center; }
.menuUl ul ul .ul a:hover{color: #0ba3e9;background: #f2f9fd; }
.menuUl>li li a{line-height: 48px;text-align: center;display: block;color: #666666;font-size: 14px;border-bottom: 1px solid rgba(49,132,91,.1);position: relative;z-index: 1; }
.menuUl>li li a:hover{background: #fafafa;color: #333; }

header.open{
	background: #fff; 
}
header.open .mBtn{ color:#333; 
	 
}
body.nofix{height: 100vh;overflow-y: hidden;}


.banner{
	position: relative;
    width: 100%;
	height: 95.6vw;
	z-index: 3;
	background: #ffffff;
}
 
.indexDiv1{padding: 0 0 50px; }
.indexDiv1 .itemDiv{margin-bottom: 30px; }
.indexDiv1 .itemDiv .hd{margin-bottom: 0; }
.indexDiv1 .itemDiv:nth-of-type(odd) .bd{flex-direction: row-reverse; }
.indexDiv1 .itemDiv .bd .imgDiv{width: 50%; }
.indexDiv1 .itemDiv .bd .textDiv{width: 48%; color:#000}
.indexDiv1 .itemDiv .bd .textDiv span{font-family: fontB; font-size:24px; line-height:50px}
.indexDiv1 .itemDiv .bd .textDiv p{margin: 20px 0 40px; font-family: fontL; font-size:16px; line-height:30px}
.indexDiv1 .itemDiv:hover .imoreBtn:before{width: 100%;}
.indexDiv1 .t_p{position:relative;  overflow:hidden;width: 50%;}
.indexDiv1 .t_p img{width:100%; height:auto; display:block;
transition:all .6s;
-webkit-transition:all .6s;
-moz-transition:all .6s;
-ms-transition:all .6s;
-o-transition:all .6s;}
.indexDiv1 .t_p:hover  img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}

.indexDiv2{padding: 150px 0 ; }
.indexDiv2 .itemDiv{  }
.indexDiv2 .itemDiv .hd{margin-bottom: 0; }
 .indexDiv2 .itemDiv .bd .imgDiv{ }
 
 .indexDiv2 .t_p{position:relative;  overflow:hidden;width: 480px;}
.indexDiv2 .t_p img{width:100%; height:auto; display:block;
transition:all .6s;
-webkit-transition:all .6s;
-moz-transition:all .6s;
-ms-transition:all .6s;
-o-transition:all .6s;}
.indexDiv2 .t_p:hover  img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
 
.indexDiv2 .itemDiv .bd .textDiv{width: 720px; color:#000; padding:0 100px}
.indexDiv2 .itemDiv .bd .textDiv span{font-family: fontS; font-size:14px; line-height:30px; text-transform:capitalize}
.indexDiv2 .itemDiv .bd .textDiv p{margin: 0px 0 30px; font-family: fontL; font-size:14px; line-height:30px; text-align:justify}
.indexDiv2 .itemDiv:hover .imoreBtn:before{width: 100%;}



 /*banner轮播*/
 .main{margin-top:80px}
.index-banner{width: 100%;position:relative; }
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .img{width: 100%;display: block;height: 475px;background: none no-repeat center;background-size: cover;}
.index-banner .img .wrap{position: relative;}
/*.index-banner .gridVideo{width: 100%;display: block;height: 50.46875vw;position: relative;position: absolute;left: 0;top: 0;}
.index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}*/
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 24px;}
.index-banner .swiper-pagination-bullet{width: 9px;height: 9px;background: #fff;border-radius: 5px;opacity:1; }
.index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px; }
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
/* .index-banner .wrap{height: 100%;display:flex;justify-content:center;align-items:center;color: #fff;}
.index-banner .textDiv .p1{font-size: 3.33vw;font-weight: bold;margin-bottom: 1vw;}
.index-banner .textDiv .p2{font-size: 1.25vw;text-transform: uppercase;color: rgba(255,255,255,1);line-height: 1.6;}
 */

.indexDiv8 .bdDiv{ position: relative; }
.indexDiv8 .imgDiv{padding-top: 0;  }
.indexDiv8 .swiper-button-prev{right: 0;top:0}
.indexDiv8 .swiper-button-next{transform: rotate(180deg);top:0; }
.indexDiv8 .swiper-button-prev::after,
.indexDiv8 .swiper-button-next::after{display: none;}
.indexDiv8 .swiper-button-prev:hover,
.indexDiv8 .swiper-button-next:hover{background-image: url(../img/jt3.png);}

.indexDiv8 .swiper-button-prev{
	height: 42px;
	width: 14px;
	background: url(../img/jt3on.png) center no-repeat;
	background-size: 14px 20px;
	right:40px;
	left: unset;
	transition: all 0.3s; 
}

.indexDiv8 .swiper-button-next{
	height: 42px;
	width: 14px;
	background: url(../img/jt3on.png) center no-repeat;
	background-size: 14px 20px;
	right: 0;
	left: unset;
	transition: all 0.3s; 
}
.indexDiv8 .pic  { text-align:center }

.contact1{ text-align:center;font-family: fontL; font-size:60px; width:1000px; margin:0 auto; padding:125px 0 75px; height:auto; overflow: hidden}
.contact2{ text-align:center;font-family: fontR; font-size:18px; width:100%; margin:0 auto; background:#e6e7e8; line-height:21px; height:100px; text-align:center}
.wenzi{ width:650px; margin:0 auto}
.contact3{  width:1000px; margin:100px auto 150px; height:auto; overflow:hidden  }
.contact3 li{ float:left; width:200px; margin-left:40px}
.contact3 li img{ width:100%;  }
 
.contact3 li p{ margin-top:10px; font-size:24px; line-height:35px; text-align:center; padding:0 5px}
.foot{ width:100%; height:auto; overflow:hidden; }
.wen{ font-size:18px ;font-family: fontB; margin-top:10px; line-height:25px; text-align:center}
.pd60{ padding:60px 0}
.indexTitle{font-family: fontB; text-align:left; font-size:60px; margin-bottom:30px}
.indexTitle span{font-family: fontL; margin-right:10px }

.cpxq{ width:1300px; padding:100px 100px 150px;box-sizing:border-box; margin:0 auto ; height:auto; overflow:hidden}
.ceng1{height:auto; overflow:hidden}
.ceng1 .zb{ float:left; width:550px; margin-right:30px}
.ceng1 .yb{float: right; width:520px;}
.ceng1 .yb p{ font-size:18px; line-height:36px}

.biaoti{ border-bottom:#000 1px solid; padding-bottom:30px; margin-bottom:30px; height:auto; overflow:hidden; position:relative}
.biao1{ float:left; font-size:22px; line-height:36px;font-family: fontS;}
.sp{ position:absolute; bottom:28px; right:0; width:35px}
.ceng2{height:auto; overflow:hidden; padding-top:130px}
.ceng2 h1{ font-size:36px; line-height:36px;font-family: fontS;border-bottom:#000 1px solid; padding-bottom:50px; margin-bottom:50px; }


.xqwz .div{ width:313px; margin-left:40px; float:left; font-size:18px; line-height:30px;font-family: fontR!important;}
.spdf{ position:absolute; bottom:28px; right:45px; width:35px}

.productDetailDiv{ }
.productDetailDiv .hd{align-items: flex-start; }
.productDetailDiv .hd .leftDiv{width: 100%;}

.productDetailDiv .hd .leftDiv .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.productDetailDiv .hd .leftDiv .swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;}
.productDetailDiv .hd .leftDiv .swiper-slide .pic{padding-top: 100%;position: relative;width: 100%;border: 1px solid #fff;}
.productDetailDiv .hd .leftDiv .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;display: flex;justify-content: center;align-items: center; }
.productDetailDiv .hd .leftDiv .swiper-slide .pic .imgDiv img{width: 100%;height: 100%; }
.productDetailDiv .hd .leftDiv .gallery-top {width: 100%;}
.productDetailDiv .hd .leftDiv .smallDiv{position: relative;padding: 0; width:460px; padding-top:15px }
.productDetailDiv .hd .leftDiv .gallery-thumbs {box-sizing: border-box;text-align: center;margin: 10px 0 0;}
.productDetailDiv .hd .leftDiv .gallery-thumbs .swiper-slide {width: 20%;opacity: 1;}
.productDetailDiv .hd .leftDiv .gallery-thumbs .swiper-slide-thumb-active .pic{opacity: 1;border: 1px solid #000; }
 .productDetailDiv .bd{margin-top: 50px; }
.productDetailDiv .hdDiv{position: relative; }
.productDetailDiv .hdDiv::after{content: "";width: calc(100% - 10px); position: absolute;right: 0;bottom: 0; }
.productDetailDiv .hdDiv span{width: 102px;height: 31px;background: url(../img/t-bg.png) no-repeat center center;color: #fff; }
 


.footerDiv{position: relative;background:#373636;height:300px; overflow:hidden;box-sizing:border-box}
.footerDiv .hdDiv{padding: 75px 0 30px; height:auto; overflow:hidden  }
.footerDiv .hdDiv .wrap{align-items: initial; }
.footerDiv .hdDiv .leftDiv{width: 400px; float:left  }
.footerDiv .hdDiv .leftDiv .logoDiv img{ height:60px }
.footerDiv .hdDiv .leftDiv .ewmDiv{width: 120px;text-align: center;margin-top: 40px; }
.footerDiv .hdDiv .leftDiv .ewmDiv p{color: #fff;margin-top: 5px; }
.footerDiv .hdDiv .centerDiv{ float:left; margin-right:200px }
.footerDiv .hdDiv .listDiv{margin-right: 20px; }
.footerDiv .hdDiv .listDiv:last-child{margin-right: 0; }
.footerDiv .hdDiv .listDiv>span{font-size: 14px;color: #fff;font-family: fontS; }
.footerDiv .hdDiv .listDiv .aDiv {font-size: 14px; line-height:26px  }
.footerDiv .hdDiv .listDiv .aDiv a{display: block;color: #fff; }
.footerDiv .hdDiv .listDiv .aDiv a:hover{color: #b38e59; }
.footerDiv .hdDiv .rightDiv{width: 165px;text-align: left;color: #fff;  line-height:26px;font-size:14px; float: right }
.footerDiv .hdDiv .rightDiv span{font-family: fontS; }
.footerDiv .hdDiv .shareDiv{margin-top: 15px; text-align:left; width:100% }
.footerDiv .hdDiv .shareDiv a{margin-right: 20px;   }
 .footerDiv .hdDiv .shareDiv a img{ height:35px}
.footerDiv .bdDiv{padding: 0 0 20px;background: #373636;color: #fff; }
.footerDiv .bdDiv p{font-size: 14px;text-align: left;  }
.cplb{ width:1200px; margin:0 auto; height:auto; overflow:hidden }
.cplb li{ float:left; margin-right:15px; width:288.75px; overflow:hidden; margin-bottom:28px;position:relative;}
.cplb li:nth-child(4n){margin-right:0; }
.cplb li img{ width:100%}
.cplb li p{ font-family: fontS;font-size:16px; margin-top:20px; text-align: center;}
.cplb li span{font-family: fontL; font-size:14px; margin-top:10px; display:block}
.cplb .t_p{position:relative;  overflow:hidden;}
.cplb .t_p img{width:100%; height:auto; display:block;
transition:all .6s;
-webkit-transition:all .6s;
-moz-transition:all .6s;
-ms-transition:all .6s;
-o-transition:all .6s;}
.cplb .t_p:hover  img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.xs{ display:block}
.yc{ display:none}
@media (max-width:1300px) {
.wrap{max-width: 100%;margin: 0 auto; padding:0 50px}
.warp{ width:100%; margin:0 auto; padding:0 50px}
.cpxq{ width:100%; padding:100px 100px 150px;box-sizing:border-box; margin:0 auto ; height:auto; overflow:hidden}

 
}
@media (max-width:1296px) {
 
.ceng1 .zb{ float:left; width:50%; margin-right:2%}
.ceng1 .yb{float: right; width:48%;}
}
@media (max-width:1120px) {
.productDetailDiv .hd .leftDiv .smallDiv{position: relative;padding: 0; width:80%; padding-top:15px }
}
@media (max-width:1024px) {
	.indexDiv2 .t_p{width: 100%;}
	.indexDiv1 .t_p{position:relative;  overflow:hidden;width: 100%;}
	.xs{ display:none}
.yc{ display: block}
.wrap{max-width: 100%;margin: 0 auto; padding:0 20px}
.warp{ width:100%; margin:0 auto; padding:0 20px}

	body{background: #ffffff;}
	.main{margin-top:60px}
	.index-banner{width: 100%;position:relative;  }
	.banner{height: 200vh;}
	.banner3,
	.banner .kuangB,
	.banner .imgB,
	.banner .langB{height: 100vh;}
	.banner .langB{padding-bottom: 16px;}
	.banner .langBtn{font-size: 18px;}
	.banner .imgB,
	.banner .kuangB,
	.indp3{border-radius: 0 0 24px 24px;}
	header{ }
	header .head1 .nrBox{height: 60px;}
	header .logo img {height: 30px;margin-top:15px;margin-left: 15px;}
	header .mBtn {}
	header .mBtn img{ height:20px} 
	header .mBtn::before{width: 2px;left: calc(50% - 1px);}
	header .pageName img{height: 45px;}
	header .menuUl{
		display: block;
	}
	header .menuUl li{
		border-bottom: 1px dashed rgba(255,255,255,0.2);padding: 0 0;font-size: 16px; padding-left:14px
	}
	header .menuUl a{font-size: 16px;padding: 0;}
	header .menuUl a::after{
		left: 0;
		top: 0;
		bottom: 0;
		width: 0;
		height: 100%;
	}
	header .menuUl li:hover a::after, 
	header .menuUl li.on a::after{
		width: 3px;
		left: 0;
	}
	header .mbab,
	header .mbab .tbk,
	header .logo .imk,
	header .logo{height: 56px;}
	header .head2 .container {
  padding: 0 16px;
  max-width: 100%;
  margin: 0 auto;
}
	.index-banner .img{width: 100%;display: block;height: 260px;background: none no-repeat center;background-size: cover;}
	.indp{padding: 40px 0;}
	.indp4{padding-top: 64px;}
	.indp1 .tit1B{font-size: 20px;}
	.indp1 .tit2B{font-size: 28px;margin-top: 0;}
	.indp1 .tit3B{font-size: 14px;margin-top: 0;}
	.indp1 .nrBox{font-size: 14px;line-height: 1.6;}
	.indp2{padding: 0;}
	.ind2Ul .imgUl li{margin-right: 2px;padding: 0;}
	.ind2Ul li:nth-child(3){margin-right: 0;}
	.ind2Ul li:nth-child(3) .iconB img{max-height: 36px;}
	.ind2Ul .textB{margin-top: 8px;}
	.indp3 .tit1B{font-size: 28px;}
	.ind3Ul li:first-child{margin-left: 25%;margin-right: 25%;}
	.ind3Ul .titB{font-size: 24px;}
	.ind3Ul .titB2{font-size: 18px;margin-top: 0;}
	.ind4Form input{height: 40px;line-height: 40px;font-size: 16px;}
	.ind4Form textarea{height: 120px;font-size: 16px;}
	.indp4Right{font-size: 16px;}
	.indp4Right .shareB li{margin-right: 8px;}
	.indp4Left .tit1B{font-size: 28px;}
	.wen{ font-size:14px ;font-family: fontB; margin-top:10px; line-height:25px; text-align:center}
	.pd60{ padding:20px 0}
.indexTitle{font-family: fontB; text-align:left; font-size:30px; margin-bottom:20px}
.flexbet{display: block  ;justify-content: space-between;align-items: center;}
.indexDiv1 .itemDiv .bd .imgDiv{width: 100%; }
.indexDiv1 .itemDiv .bd .imgDiv img{ width:100%}
.indexDiv1 .itemDiv .bd .textDiv{width:100%; color:#000}
.indexDiv1 .itemDiv .bd .textDiv span{font-family: fontB; font-size:20px; line-height:50px}
.indexDiv1 .itemDiv .bd .textDiv p{margin: 10px 0 20px; font-family: fontL; font-size:16px; line-height:30px}
.indexDiv1{padding: 0 0 10px; }


.footerDiv{position: relative;background:#221B1C;height: auto; overflow:hidden;box-sizing:border-box}
.footerDiv .hdDiv{padding: 30px 0 4px; height:auto; overflow:hidden  }
.footerDiv .hdDiv .wrap{align-items: initial; }
.footerDiv .hdDiv .leftDiv{width: 100%; margin-left:0; margin-bottom:10px }
.footerDiv .hdDiv .leftDiv .logoDiv img{ height:60px }
.footerDiv .hdDiv .listDiv>span{font-size:14px;color: #fff;font-family: fontS; }
.footerDiv .hdDiv .listDiv .aDiv {  font-size:14px;  }
.footerDiv .hdDiv .centerDiv{align-items: initial;flex: 2;margin: 0; float:left; width:50% ; min-height:140px}
.footerDiv .hdDiv .rightDiv{width: 50%;text-align: left;color: #fff; margin-right:0; line-height:26px;font-size:14px; float:left }
.footerDiv .bdDiv p{font-size: 14px;text-align: left; padding-left:0 }

.footerDiv .bdDiv{padding: 15px 0 ;background: #221B1C;color: #fff; }



.cplb{ width:100%; margin:0 auto; height:auto; overflow:hidden; padding:0 20px }
.cplb li{ float:left; margin-right:2%; width:49%; overflow:hidden; margin-bottom:28px;position:relative;}
.cplb li:nth-child(2n){margin-right:0; }


.indexDiv2{padding: 50px 0 ; }
.indexDiv2 .itemDiv{  }
.indexDiv2 .itemDiv .hd{margin-bottom: 0; }
 .indexDiv2 .itemDiv .bd .imgDiv{width: 100%; display:block }
.indexDiv2 .itemDiv .bd .textDiv{width: 100%; color:#000; padding:30px 50px 0}
.indexDiv2 .itemDiv .bd .textDiv span{font-family: fontS; font-size:14px; line-height:30px; text-transform:capitalize}
.indexDiv2 .itemDiv .bd .textDiv p{margin: 0px 0 30px; font-family: fontL; font-size:14px; line-height:30px; text-align:justify}
.indexDiv2 .itemDiv:hover .imoreBtn:before{width: 100%;}

.contact1{ text-align:center;font-family: fontL; font-size:30px; width:100%; margin:0 auto; padding:35px 0 35px; height:auto; overflow: hidden}
.contact2{ text-align:center;font-family: fontR; font-size:16px; width:100%; margin:0 auto; background:#e6e7e8; line-height:21px; height:100px; text-align:center}
 
.wenzi{ width:90%; margin:0 auto; padding-top:16px  }
.contact3{  width:100%; margin:30px auto 30px; height:auto; overflow:hidden ; padding:0 30px }
.contact3 li{ float:none; width:100%; margin-right:0; margin-left:0; margin-bottom:20px}
.contact3 li img{ width:100%;  }
.contact3 li:nth-child(2n){ margin-right:0 }
.contact3 li p{ margin-top:10px; font-size:16px; line-height:26px; text-align:center; padding:0 5px}



.cpxq{ width:100%; padding:30px 20px 50px;box-sizing:border-box; margin:0 auto ; height:auto; overflow:hidden}
.ceng1{height:auto; overflow:hidden}
.ceng1 .zb{ float:none; width:100%; margin-right:0; margin-bottom:30px}
.ceng1 .yb{float: none; width:100%;}
.ceng1 .yb p{ font-size:16px; line-height:28px}

.biaoti{ border-bottom:#000 1px solid; padding-bottom:20px; margin-bottom:20px; height:auto; overflow:hidden; position:relative}
.biao1{ float:left; font-size:26px; line-height:26px;font-family: fontS; width:76%;}
.sp{ position:absolute; bottom:20px; right:0;}
.sp img{ width:100%}
.spdf{ position:absolute; bottom:20px; right:45px;}
.spdf img{ width:100%}
.ceng2{height:auto; overflow:hidden; padding-top:60px}
.ceng2 h1{ font-size:26px; line-height:26px;font-family: fontS;border-bottom:#000 1px solid; padding-bottom:30px; margin-bottom:30px; }
.xqwz li{ width:90%; margin-left:0; float:none; font-size:18px; line-height:30px;font-family: fontS; padding:0 20px 20px }


.productDetailDiv .hd .leftDiv .smallDiv{position: relative;padding: 0; width:80%; padding-top:10px }
}


.contact3 li{ float:left; width:420px; margin-left:40px; margin-bottom: 30px;}