@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);
}
@font-face {
	font-family: fontT;
	src: url(../fonts/Poppins-Thin.otf);
}
@font-face {
	font-family: fontP;
	src: url(../fonts/Poppins-Bold.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;}
.flexbet1{display: flex;justify-content: space-between;align-items: center;}
/**导航菜单**/
header{position: fixed;top: 0;left: 50%;width: 1300px;z-index: 9999;color: #1d1d1d;height: 80px; transition: all .5s;background: #e6e7e8; margin-left:-650px }
header .logo a{height: 80px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 60%;}
header .logo .dImg{display: block;}
header .logo .hImg{display: none;}
header .headRight{display: flex;justify-content: flex-end;align-items: center;}
header .logo1{display: block;position: relative;width: max-content;height: 80px;}
header .logo1 img{ display: block; margin-left:25px; height:35px; margin-top:22.5px }
header .logo1 a{ line-height:80px; }

header .logo1 .imk{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .logo1 .logob{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


header .rightDiv{text-align: right;}
header .rightDiv .menu{}
header .rightDiv .menu>ul{display: block!important;}
header .rightDiv .menu>ul>li{float: left;margin:0 0 0 44px;}
header .rightDiv .menu>ul>li:nth-child(1){margin-left: 0; }
header .rightDiv .menu>ul>li>a{height: 80px;text-align: left;color: #1d1d1d;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center;font-family: fontL; }
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background:transparent;color: #000; }
 
header .othersDiv .cateDiv{position: relative;height: 80px;cursor: pointer;padding: 0 53px 0 0; }
header .othersDiv .cateDiv .category{position: absolute;/* left: 50%;transform: translateX(-50%); */right: -18px; top: 100%;width: 206px;background-color: #7e332e;height: 580px;overflow: hidden;padding: 0 15px;display: none; }
header .othersDiv .cateDiv .category a{color: #fff; }
header .othersDiv .cateDiv .category ul li{margin: 20px 0; }
header .othersDiv .cateDiv .category .lb{border-top: 1px solid #fff;margin-top: 8px;flex-wrap: wrap;padding-top: 5px; }
header .othersDiv .cateDiv .category .lb a{font-size: 14px;margin-top: 6px;margin-right: 10px; }
header .othersDiv .cateDiv .category a:hover{opacity: .8; }
header .othersDiv .cateDiv:hover .category{display: block; }
header .othersDiv .ssBtn img{cursor: pointer; }

header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}


.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}
.menu>ul>li{float:left;position: relative;}
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform: capitalize;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/
.menu ul 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%);}
.menu 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; }*/
.menu>ul>li:hover>ul{visibility: visible;opacity: 1;transform: translate(-50%,0) }
.menu ul ul .ul a{font-size: 18px;line-height: 48px;color: #666666;display: block;text-align: center; }
.menu ul ul .ul a:hover{color: #0ba3e9;background: #f2f9fd; }
.menu>ul>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; }
.menu>ul>li li a:hover{background: #fafafa;color: #333; }
.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}
 


 
 
.indexDiv1{padding: 0 0 ; }
.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:50%; color:#000}
.indexDiv1 .itemDiv .bd .textDiv p{margin: 20px 0 40px; font-family: fontT; font-size:36px; line-height:72px}
.indexDiv1 .itemDiv .bd .textDiv p span{font-family: fontS;  }
.indexDiv1 .itemDiv .bd .textDiv p em{font-family: fontR; font-style:normal  }
.indexDiv1 .itemDiv:hover .imoreBtn:before{width: 100%;}
.indexDiv1 .t_p{position:relative;  overflow:hidden;width: 50%;}
.biaoti1{ font-size:36px;font-family: fontR; padding-top:230px; padding-bottom:100px} 
.biaoti2{ font-size:30px;font-family: fontT;   padding-bottom:60px; line-height:60px} 
.biaoti2 em{ font-family: fontR; font-style:normal }
.indexDiv2{padding: 200px 0 100px; }
.indexDiv2 .itemDiv .hd{margin-bottom: 0; }
.indexDiv2 .itemDiv:nth-of-type(odd) .bd{flex-direction: row-reverse; }
.indexDiv2 .itemDiv .bd .imgDiv{width: 500px; }
.indexDiv2 .itemDiv .bd .imgDiv img{ width:100%}
.indexDiv2 .itemDiv .bd .textDiv{width: 500px; color:#000}
.indexDiv2 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:30px; line-height:60px}
.indexDiv2 .itemDiv .bd .textDiv p em{font-family: fontR; font-style:normal  }
.indexDiv2 .itemDiv:hover .imoreBtn:before{width: 100%;}
.indexDiv2 .itemDiv .bd .textDiv1{width: 450px; color:#000}
.indexDiv2 .itemDiv .bd .textDiv1 p{margin: 0 0 ; font-family: fontT; font-size:21px; line-height:36px}
.indexDiv2 .itemDiv .bd .textDiv1 p em{font-family: fontR; font-style:normal ;font-size:24px; }
.indexDiv2 .itemDiv .bd .textDiv1 span{font-family: fontL; font-size:24px; }



.indexDiv3{padding: 0 0 100px; }
.indexDiv3 .itemDiv .hd{margin-bottom: 0; }
.indexDiv3 .itemDiv .bd .imgDiv{width: 500px; }
.indexDiv3 .itemDiv .bd .imgDiv img{ width:100%}
.indexDiv3 .itemDiv .bd .textDiv{width: 500px; color:#000; padding:0 0 0 50px}
.indexDiv3 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:30px; line-height:60px}
.indexDiv3 .itemDiv .bd .textDiv p em{font-family: fontR; font-style:normal  }
.indexDiv3 .itemDiv:hover .imoreBtn:before{width: 100%;}

.indexDiv3 .itemDiv .bd .textDiv1{width: 450px; color:#000}
.indexDiv3 .itemDiv .bd .textDiv1 p{margin: 0 0 ; font-family: fontT; font-size:21px; line-height:36px}
.indexDiv3 .itemDiv .bd .textDiv1 p em{font-family: fontR; font-style:normal ;font-size:24px; }
.indexDiv3 .itemDiv .bd .textDiv1 span{font-family: fontL; font-size:24px; }


.indexDiv4{padding: 0 0 100px; }
.indexDiv4 .itemDiv .hd{margin-bottom: 0; }
.indexDiv4 .itemDiv:nth-of-type(odd) .bd{flex-direction: row-reverse; }
.indexDiv4 .itemDiv .bd .imgDiv{width: 500px; }
.indexDiv4 .itemDiv .bd .imgDiv img{ width:100%}
.indexDiv4 .itemDiv .bd .textDiv{width: 500px; color:#000; padding:0 0 0 }
.indexDiv4 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:30px; line-height:60px}
.indexDiv4 .itemDiv .bd .textDiv p em{font-family: fontR; font-style:normal  }
.indexDiv4 .itemDiv:hover .imoreBtn:before{width: 100%;}
.indexDiv5{ height:auto; overflow:hidden; padding-bottom:160px}

.indexDiv4 .itemDiv .bd .t_p {
  width: 500px;
}
.indexDiv3 .itemDiv .bd .t_p {
  width: 500px;
}
.indexDiv2 .itemDiv .bd .t_p {
  width: 500px;
}
.indexDiv2 .itemDiv .bd .t_p img{ width:100%}
.indexDiv7{padding: 0 0 ; }
.indexDiv7 .itemDiv .hd{margin-bottom: 0; }
.indexDiv7 .itemDiv .bd .t_p{width: 500px; }
.indexDiv7 .itemDiv .bd .t_p img{ width:100%}
.indexDiv7 .itemDiv .bd .t_p{ text-align:center}
.indexDiv7 .itemDiv .bd .textDiv{width: 500px; color:#000; padding:0 0 0 50px}
.indexDiv7 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:24px; line-height:48px}
.indexDiv7 .itemDiv .bd .textDiv p em{font-family: fontR; font-style:normal; font-size:30px  }
.indexDiv7 .itemDiv:hover .imoreBtn:before{width: 100%;}



.tu1{ float:left; width:300px; margin-right:50px }
.tu1 img{ width:100%}
.tu2{ float:left; width:300px;   }
.tu2 img{ width:100%}
.wen1{ width:300px;  float:right;   height:300px; position:relative}
.wen1 .zz{ position:absolute; bottom:15px; text-align:left; font-size:24px;font-family: fontT;}
.biaoti3{ font-size:36px;font-family: fontP;  padding-bottom:80px} 
.biaoti4{ font-size:24px;font-family: fontT;   padding-bottom:50px; line-height:36px} 
.biaoti4 em{ font-family: fontR; font-style:normal }
.biaoti5{ font-size:24px; line-height:36px; font-family: fontT; width:680px; margin:0 auto 100px; text-align:center }
.biaoti6{ font-size:36px;font-family: fontP;  padding-bottom:80px; padding-top:50px}
.liebiao{ height:auto; overflow:hidden} 
.liebiao li{ float:left; width:300px; margin-right:50px; margin-bottom:100px}
.liebiao li img{ width:100%;border-radius:50px}
.liebiao li:nth-child(3n){margin-right:0; }
.liebiao li p{ line-height:50px; text-align:center; font-size:24px;font-family: fontL}
.tu{ width:1000px; margin:100px auto 180px}
.tu img{ width:100%}
.biaoti7{ font-size:24px;font-family: fontT;   padding-bottom:50px; line-height:60px; padding-left:50px} 
.biaoti7 em{ font-family: fontR; font-style:normal }
.biaoti8{ font-size:24px;font-family: fontT;   padding-bottom:0; line-height:60px; text-align:center; padding-top:20px  } 
.biaoti8 em{ font-family: fontR; font-style:normal }
 /*banner轮播*/
 .main{ width:1000px; margin:280px auto 280px}
.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:36px; line-height:36px;font-family: fontS;}
.sp{ width:500px; height:500px ; margin:0 auto  }
 
.sp .t_p{position:relative;  overflow:hidden;width: 100%;}
.sp .t_p img{width:100%; height:500px; display:block;
transition:all .6s;
-webkit-transition:all .6s;
-moz-transition:all .6s;
-ms-transition:all .6s;
-o-transition:all .6s;}
.sp .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);}

.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 li{ width:313px; margin-left:40px; float:left; font-size:18px; line-height:30px;font-family: fontR;}
.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; overflow:hidden;box-sizing:border-box}
.footerDiv .hdDiv{padding: 55px 0 30px; height:auto; overflow:hidden  }
.footerDiv .hdDiv .wrap{align-items: initial; }
.footerDiv .hdDiv .leftDiv{width: 400px; float:left  }
.footerDiv .hdDiv .leftDiv .logoDiv{ width:286px; margin-top:0px}
.footerDiv .hdDiv .leftDiv .logoDiv img{ width:100%  }
.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 }
.footerDiv .hdDiv .listDiv{margin-right: 200px; float:left }
.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: #fff; text-decoration:underline }
.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:18px; margin-top:20px}
.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}
.tc_sp{width:100%; height:100%; background-color:rgba(0,0,0,.8); position: fixed    ; top:0; left:0; z-index:99999; display:none;}
.tc_sp .video{width:1000px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.tc_sp .video .g_b{position:absolute; top:-40px; right:0; width:32px; height:32px; background-color:#fff; color:#d0111b; line-height:32px; text-align:center;}
.tc_sp .video video{width:100%; height:500px; display:block;}

.hh{ height:0}

.zaa1{  height:10px; margin-bottom: -50px;} .zaa2{  height:80px; margin-top: -10px; } .zaa3{  height:130px; margin-top: -100px; }
@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}
	 
	.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 p{margin: 20px 0 50px; font-family: fontT; font-size:24px; line-height:40px}
.biaoti1{ font-size:30px;font-family: fontR; padding-top:130px; padding-bottom:50px} 
.indexDiv2 .itemDiv .bd .imgDiv{width: 100%; }
.indexDiv2 .itemDiv .bd .imgDiv img{ width:100%}
.indexDiv2 .itemDiv .bd .textDiv{width: 100%; color:#000; margin-top:50px}
.indexDiv2 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:24px; line-height:40px}
.indexDiv3 {
  padding: 0 0 ;
}
.indexDiv3 .itemDiv .bd .imgDiv{width: 100%; }
.indexDiv3 .itemDiv .bd .textDiv{width: 100%; color:#000; padding:50px 0   }
.indexDiv3 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:24px; line-height:40px}
.indexDiv4 .itemDiv .bd .t_p {
  width: 100%;
}
.indexDiv4 .itemDiv .bd .textDiv p{margin:50px 0 0 ; font-family: fontT; font-size:24px; line-height:40px}
.indexDiv7 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:24px; line-height:40px}
.indexDiv3 .itemDiv .bd .t_p {
  width: 100%;
}
.indexDiv2 .itemDiv .bd .t_p {
  width: 100%;
}
.sp .t_p img{width:100%; height: auto; display:block;」
.indexDiv3 .itemDiv .bd .textDiv1{width: 100%; color:#000}
.indexDiv2 .itemDiv .bd .textDiv1{width: 100%; color:#000}
.indexDiv4 .itemDiv .bd .imgDiv{width: 100%; }
.indexDiv4 .itemDiv .bd .imgDiv img{ width:100%}
.indexDiv4 .itemDiv .bd .textDiv{width: 100%; color:#000; padding:0 0 0 50px}
.indexDiv4 .itemDiv .bd .textDiv p{margin: 0 0 ; font-family: fontT; font-size:28px; line-height:52px}


.biaoti2{ font-size:28px;font-family: fontT;   padding-bottom:60px; line-height:52px} 
.indexDiv5{ height:auto; overflow:hidden; padding-bottom:100px}
.tu1{ float:left; width:49%; margin-right:2% }
.tu1 img{ width:100%}
.tu2{ float:left; width:49%;   }
.tu2 img{ width:100%}
.wen1{ width:100%;  float:left;   height:100px; position:relative; left:40px}
.biaoti3{ font-size:30px;font-family: fontP;  padding-bottom:40px} 
.biaoti5{ font-size:24px; line-height:36px; font-family: fontT; width:100%; margin:0 auto 50px; text-align:center }
.biaoti6{ font-size:30px;font-family: fontP;  padding-bottom:40px; padding-top:50px}
.liebiao li{ float:left; width:49%; margin-right:2%; margin-bottom:30px}
.tu{ width:100%; margin:50px auto 80px}
.liebiao li:nth-child(even){margin-right:0; }
.liebiao li:nth-child(odd){margin-right:2%; }
.liebiao li p{ line-height:50px; text-align:center; font-size:20px;font-family: fontL}

.biaoti7{ font-size:20px;font-family: fontT;   padding-bottom:50px; line-height:50px; padding-left:30px} 
.biaoti7 em{ font-family: fontR; font-style:normal }

 
.biaoti8{ font-size:20px;font-family: fontT;   padding-bottom:0; line-height:50px; text-align:center; padding-top:20px  } 
.biaoti8 em{ font-family: fontR; font-style:normal }


.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{ }
.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% }
.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; }



.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;}
 
.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 }


}


@media (max-width:991px){
	header .headRight{margin-right:40px}
	header .logo1{display: block;position: relative;width: max-content;height: 50px; }
header .logo1 img{ display: block; margin-left:20px; height:30px; margin-top:10px }
header .logo1 a{ line-height:50px; }

header .logo1 .imk{
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .logo1 .logob{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0 15px;}
	.menu ul ul .hd{display: none;}
	.menu ul ul .bd{padding: 0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}
	header:before{display: none;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .header-container{height: 50px;}
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 50%;}
	header .mbtn {display: block;}
	body.on-menu header{background: rgba(255,255,255,.97);}
	body.on-menu.on-fixed  header{background:  rgba(255,255,255,.97);}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: calc(70% - 50px);
		padding-top: 0;
		background-color: rgba(255,255,255,.97);
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	.on-fixed header .rightDiv .menu{
		background-color: rgba(255,255,255,.97);
	}
	header .rightDiv .menu ul{float: initial;height: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{display: none;}
	header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;}
	header .rightDiv .menu>ul>li>a span{line-height: 50px;}
	.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: initial;padding: 0;left: 0;display: block;}
	.menu>ul>li:hover>ul{transform: initial; }
	header .rightDiv .menu>ul>li>a{color: #333;}
	.main {width: 96%; margin: 130px auto 90px;}
	header .rightDiv .ssDiv .dImg{display: none;}
	header .rightDiv .ssDiv .hImg{display: block;}
	.menu ul ul .ul span{margin-top: 0;}
	/* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */
	header .rightDiv .menu>ul>li li{border: 0;}
	header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;color: #666;}
	/*.twoMenuDiv.onFixed{top: 50px;}
	.twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/
	
	.menu ul ul:before{display: none!important;}
	.menu ul ul:after{display: none!important;;}
	.menu ul ul a{padding: 0 15px;margin: 0;}
	.menu li:hover>ul{transform: translate(0);}
	.menu ul ul{height: initial;}
	.menu ul ul .ul{display: block;padding: 0 20px;}
	.menu ul ul .ul li:nth-child(2){margin-left: 0;}
	/* .menu ul ul .ul span{color: #fff;} */
	.menu ul ul .ul a{/* color: #fff; */margin-top: 0;}
	
	.wrap{padding: 0 15px; }
	header .logo{left: 15px;}
	header .othersDiv .cateDiv{display: none; }
	header .othersDiv{padding-right: 40px; }
 
}

    
  

@media (max-width:1024px) {
.sp{ width:100%; height: auto ; margin:0 auto 50px }	
.tc_sp .video{width:90%; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.tc_sp .video video{width:100%; height:300px; display:block;}

.liebiao li{ float:left; width:49%; margin-right:2%; margin-bottom:25px}
.liebiao li img{ width:100%;border-radius:50px}
.liebiao li:nth-child(even){margin-right:0; }
.liebiao li:nth-child(odd){margin-right:2%; }
.indexDiv7 .itemDiv .bd .t_p{width: 100%; }
.indexDiv7 .itemDiv .bd .textDiv{width: 100%; color:#000; padding:50px 0 0  }
.tu {
  width: 100%;
  margin: 25px auto 40px;
}
.indexDiv2{padding:50px 0 50px; }
.indexDiv4 {
  padding: 0 0 50px;
}
.biaoti6 {
  font-size: 30px;
  font-family: fontP;
  padding-bottom: 40px;
  padding-top: 0px;
}
.biaoti7{ font-size:24px;font-family: fontT;   padding-bottom:25px; line-height:46px; padding-left:25px} 
.biaoti3{ font-size:30px;font-family: fontP;  padding-bottom:30px} 
.footerDiv .hdDiv .leftDiv {
  width: 100%;
  float: left;
}
.footerDiv{position: relative;background:#373636;height: auto; overflow:hidden;box-sizing:border-box}
.footerDiv .hdDiv .rightDiv{width: 100%;text-align: left;color: #fff;  line-height:26px;font-size:14px; float: right }
.footerDiv .hdDiv {
  padding: 35px 0 30px;
  height: auto;
  overflow: hidden;
}.footerDiv .hdDiv .listDiv{margin-right: 70px; float:left; }

.indexDiv2 .itemDiv .bd .textDiv1{width: 100%; color:#000}
.indexDiv3 .itemDiv .bd .textDiv1{width: 100%; color:#000}
.liebiao li p{ line-height:30px; text-align:center; font-size:20px;font-family: fontL}

.indexDiv3 .itemDiv .bd .textDiv1 p{margin: 0 0 ; font-family: fontT; font-size:24px; line-height:40px}
.indexDiv2 .itemDiv .bd .textDiv1 p{margin: 0 0 ; font-family: fontT; font-size:24px; line-height:40px}
.hh{ height:50px}
 .main{ overflow:hidden}
 .zaa1{  height:50px; margin-bottom: 0px; margin-top:-50px}
 .zaa3{  height:80px; margin-top: -100px; }
}