@charset "utf-8";
/* CSS Document */
/*切图：wyf*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}

.pz_top{ float:left; width:100%; overflow:hidden; }
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;  }
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; }
.w_0100{ float:left; width:100%;}


/*pc版头部*/
.top1{ float:left; width:100%; background-color:#fff;}
.gray{ background-color:#f0f1f3; padding:8px 0;}
.gray .welcome{ float:left; color:#888888; font-size:12px; line-height:22px;}
.gray .welcome a{color:#888888;}
.gray .welcome a:hover{ color:#24b54a;}
.gray .share{ float:right; }
.gray .ch-en{ float:right; height:22px; margin:2px 0 0 0; background-color:#24b54a; padding:1px; overflow:hidden;
        border-radius:10px;
-webkit-border-radius:10px;
   -moz-border-radius:10px;
     -o-border-radius:10px;
}
.gray .ch-en span{ float:left; background-color:#f0f1f3; overflow:hidden;
        border-radius:8px;
-webkit-border-radius:8px;
   -moz-border-radius:8px;
     -o-border-radius:8px;
}
.gray .ch-en a{ float:left; padding:0 15px; color:#999999; font-size:14px; line-height:20px;}
.gray .ch-en a.on{ background-color:#24b54a; color:#fff;
        border-radius:8px;
-webkit-border-radius:8px;
   -moz-border-radius:8px;
     -o-border-radius:8px;
}
.top1 .logo{ float:left; width:300px; margin:29px 0 29px 0; color:#2b2b2b; font-size:30px;}
.top1 .logo p{ font-size:18px; font-family: Arial; letter-spacing: 0.3px;}
.top1 .tel{ float:right; margin:36px 0 0 0; color:#333; font-size:14px;}
.top1 .tel strong{ font-size:20px; color:#24b54a; font-family: Arial;}
.top1 .tel img{ vertical-align: middle; margin-top: -5px;}

/*menu*/
.menupc{ background-color:#24b54a;}

.menu{ float:left;}
.menu ul{ float:left; position:relative; z-index:2000;}
.menu ul::before{position:absolute; content:""; width:1px; height:32px; background-color:#50c46e; left:0; top:50%;
-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
}
.menu ul .nli{ float:left; position:relative;}
.menu ul .nli::after{ position:absolute; content:""; width:1px; height:32px; background-color:#50c46e; right:0; top:50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.menu ul .nli span a{ float:left; padding:0 51.5px; height:60px; color:#fff; font-size:16px; line-height:60px;}
.menu ul .nli.active,
.menu ul .nli:hover{ background-color:#4fc46d;}
.menu .sub{ display:none; position:absolute; left:0; width:100%; top:60px; background-color:#4fc46d; z-index:1500;}
.menu .sub a{ float:left; width:100%; padding:10px 0; color:#fff; font-size:14px; text-align:center;}
.menu .sub a:hover{ background-color:#24b54a;}
.menu .sub a:first-child{ margin-top:10px;}
.menu .sub a:last-child{ margin-bottom:10px;}

.search{ float:right; width:266px; height:37px; margin:9px 0 0 0;}
.search .input{ float:left; width:234px; height:37px; border:0; border-bottom:#66cb81 solid 1px; background:none; color:#fff; font-size:14px; line-height:36px;}
.search .button{ float:right; width:22px; height:22px; margin:8px 0 0 0; cursor:pointer;}

.inco1 ::-webkit-input-placeholder { color:#aadcb4 !important;}
.inco1 :-moz-placeholder {  color:#aadcb4 !important;}
.inco1 ::-moz-placeholder {  color:#aadcb4 !important;}
.inco1 :-ms-input-placeholder { color:#aadcb4 !important; }


/*phone版头部*/
.top2{float:left; width:100%; background-color:#fff; position:relative; z-index:200; }
.top2.active{
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left; width:200px; margin:27px 0 27px 0; color:#2b2b2b; font-size:19px;}
.top2 .logo p{ font-size:12px; font-family: Arial; }
/*手机按钮*/
.menuph{
	float:right; margin-top:15px;
	top: 15px;
	right: 15px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: #24b54a;
	text-align: center;
}
.menuph .point
{
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 14px;
	position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
	width: 28px;
}
.menuph .navbtn
{
	position: absolute;
	top: 10px;
	right: 0;

	display: inline-block;

	width: 21px;
	height: 1px;

	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
	position: absolute;
	right: 0;

	display: inline-block;

	width: 28px;
	height: 1px;

	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

	background: #fff;
}
.menuph .navbtn::after
{
	top: -11px;
}
.menuph .navbtn::before
{
	top: 10px;
}
.menuph .point.active .navbtn{
	background: transparent;
}
.menuph .point.active .navbtn::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}
.menuph .point.active .navbtn::before
{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}


/*手机下拉*/
.xialaph{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding-bottom: 50px;
	display: none;
	z-index: 1049;
	background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
	display: none;
}
.xialaph h4 a{
	float: left;
	width: 100%;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 62px;
}
.xialaph h4{
	position: relative;
}
.xialaph li:last-child h4::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.1;*/
}
.xialaph h4::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.1;*/
}
.xialaph h5 a{
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 57px;
}
.xialaph h5{
	position: relative;
}
.xialaph h5::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
	display: none;
}
.xialaph h4 img{
	width: 15px;
	height: 8px;
	float: right;
	margin-top: 29px;
	cursor: pointer;
}
.xialaph h5 img{
	width: 11px;
	height: 6px;
	float: right;
	margin-top: 26px;
	margin-right: 18px;
	cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
	display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
	display: block;
}
.xialaph .ul2{

}
.xialaph .ul3{
	padding-top: 12px;
	padding-bottom: 18px;
	padding-left: 15px;
	position: relative;
}
.xialaph .ul3::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
	display: none;
}
.xialaph .ul3 li a{
	color: #666;
	font-size: 14px;
	line-height: 35px;
	display: block;
}
.xialaph .ul3 li{
	padding-top: 5px;
}
.xialaph .ul3 li:first-child{
	padding-top: 0;
}
.xialaph .phsou{
	position: relative;
	margin-top: 30px;
}
.xialaph .phsou input{
	width: 100%;
	height: 56px;
	background-color: #fff;
	color: #aaa;
	font-size: 14px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
}
.xialaph .phsou img{
	cursor: pointer;
	width: 21px;
	height: 22px;
	position: absolute;
	top: 17px;
	right: 29px;
}
.xialaph .try{ text-align:center; padding:30px 0 0 0; }
.xialaph .try a{display:inline-block; width:120px; background-color:#24b54a; font-size:16px; color:#fff; line-height:50px;}

.phonemeng{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 196;
	display: none;
}
.phonemeng.active{
	display: block;
}

/*banner*/
.slick_banner{ margin:0; position:relative;}
.slick_banner .slick-slide{ width:100%;}
.slick_banner img{ width:100%;}
.slick_banner .slick-dots{ bottom:30px;}
.slick_banner .slick-dots li{ width:10px; height:10px; margin:0 7px; border:#fff solid 2px; }
.slick_banner .slick-dots li.slick-active{ background-color:#fff;}
@media  screen and (max-width:1229px){
.slick_banner{ }
}
@media  screen and (max-width:991px){
.slick_banner{ }
.slick_banner .slick-dots{ bottom:15px;}
}
@media  screen and (max-width:767px){
.slick_banner{ }
}


/*main*/
.hometit{ padding:54px 0 38px 0;}
.hometitle{ text-align:center;}
.hometitle h2{ color:#333333; font-size:48px; padding-bottom:10px; font-family: 'Californian FB';}
.hometitle h2 font{ color:#24b54a;}
.hometitle .http{ display:inline-block; *display:inline; *zoom:1; padding:1px 300px; line-height:22px; border-top:1px dashed #000;}
.hometitle h3{ padding:18px 0 0 0; color:#333333; font-size:22px; line-height:24px; letter-spacing:8px; }
@media  screen and (max-width:767px){
.hometit{ padding:25px 0 30px 0;}
.hometitle h2{ font-size:40px; padding-bottom:5px;}
.hometitle h3{ padding:0; letter-spacing:0px; }
}
.probrand{ height:21px; border-bottom:#24b54a solid 1px; text-align: center;}
.probrand li{ display:inline-block; height:40px; width:auto; margin:0 5px; padding: 0 10px; background-color:#fff; border:#24b54a solid 1px; color:#24b54a; font-size:12px; line-height:38px; cursor:pointer;
        border-radius:20px;
-webkit-border-radius:20px;
   -moz-border-radius:20px;
     -o-border-radius:20px;
}
.probrand li:hover,
.probrand li.active{ background-color:#24b54a; color:#fff;}


.probrand1{ text-align: center;}
.probrand1 li{ display:inline-block; margin:8px 5px; padding: 5px 20px; background-color:#fff;  font-size:14px; line-height:28px; cursor:pointer;color:#24b54a;
}
.probrand1 li:hover,
.probrand1 li.active{ background-color:#24b54a; color:#fff;}



.prodown{ padding:50px 0 70px 0; }
/*background-color:#fff;*/
.prodown .ul1{width:100%; position: relative; height:0; overflow:hidden;}
.prodown .ul1.active{ height:auto; overflow: visible;}
.prodown .ul1:first-child{ height:auto; overflow: visible;}
@media  screen and (max-width:767px){
.prodown{ padding:50px 0 30px 0;}
	.probrand1 li{ margin:5px 3px; padding: 5px 10px; background-color:#fff;  font-size:12px; line-height:24px;  }
}
@media  screen and (max-width:420px){
.probrand li{ margin:0 5px;  }
}

@media  screen and (max-width:374px){
	.probrand li{ display:inline-block; height:40px; width:auto; margin:0 3px; padding: 0 5px;
	}
}
.slickpro{ margin:0 -15px; padding:0; overflow:hidden; }
.slickpro .slick-slide li{ padding:0 15px; margin-top:10px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.slickpro .slick-slide li:hover{ margin-top:0;}
.slickpro .slick-slide li .proimg{ overflow: hidden; }
.slickpro .slick-slide li .proimg img{ width:370px; height:474px;}
.slickpro .slick-slide li h4{ border:#eeeeee solid 1px; background-color: #fff; padding:15px 17px 15px 19px; color:#333333; font-size:16px; line-height:28px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.slickpro .slick-slide li:hover h4{
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;
}
.slickpro .slick-slide li h4 a{ float:left; width:70%; color:#333333;}
.slickpro .slick-slide li:hover h4 a{ color:#24b54a;}
.slickpro .slick-slide li h4 b{ float:right; width:30%;font-size:12px; text-align: right; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.slickpro .slick-slide li:hover h4 b{color:#24b54a;}
.slickpro .slick-slide li h4 b img{ display:none;}
.slickpro .slick-slide li h4 b img.imgs{ display:block;}
.slickpro .slick-slide li:hover h4 b img.imgs{ display:none;}
.slickpro .slick-slide li:hover h4 b img.imgd{ display:block;}
.arr{}
.arr .slick-prev{ width:46px; height:46px; left:-85px; top:50%; background:url(../images/main3.png) no-repeat; background-size:cover; margin-top:-53px;}
.arr .slick-next{ width:46px; height:46px; right:-85px; top:50%; background:url(../images/main5.png) no-repeat; background-size:cover; margin-top:-53px;}
@media  screen and (max-width:1341px){
.arr .slick-prev{ left:10px; }
.arr .slick-next{ right:10px; }
}
@media  screen and (max-width:1199px){
.slickpro .slick-slide li .proimg img{ width:310px; height:386px;}
}
@media  screen and (max-width:991px){
.slickpro .slick-slide li .proimg img{ width:368px; height:472px;}
}
@media  screen and (max-width:767px){
.slickpro .slick-slide li .proimg img{ width:100%; height:auto;}
}

.slickmore{ padding:26px 0 0 0; text-align:center; font-size:14px; line-height:20px;}
.slickmore a{ color:#666;}
.slickmore:hover a{color:#24b54a;}
.slickmore img{ display:none;}
.slickmore img.imgs{ display:inline-block;}
.slickmore:hover img.imgd{ display:inline-block;}
.slickmore:hover img.imgs{ display:none;}
.company1{ background:url(../images/main8.jpg) center no-repeat; background-size:cover; position: relative}
.company1 .before{ position:absolute; left:0; top:0; width:100%; z-index:2; line-height:0;}
.company1 .after{ position:absolute; left:0; bottom:0; width:100%; z-index:2; line-height:0;}
/*.company{  background-size:cover; position:relative;}*/
/*.company .before{ position:absolute; left:0; top:0; width:100%; z-index:2; line-height:0;}*/
/*.company .after{ position:absolute; left:0; bottom:0; width:100%; z-index:2; line-height:0;}*/
.comtit{ padding:88px 0 38px 0;}
.companydown{ padding:13px 0 90px 0;}
.companydown .aboutleft{ float:left; width:55%; background-color:#ffffff; padding:0 60px 0 30px; color:#555555; font-size:14px; line-height:30px;}
.companydown .aboutleft h3{ margin:115px 0 26px 0; color:#24b54a; font-size:24px; line-height:1.25;}
.companydown .aboutleft .line{ height:3px;}
.companydown .aboutleft .line::before{ float:left; content:""; width:40px; height:3px; background-color:#24b54a;}
.companydown .aboutleft .aboutcon{ height:180px; overflow:hidden; margin:21px 0 0 0;}
.companydown .aboutleft .aboutcon a{ color:#555555;}
.companydown .aboutleft .aboutmore{ height:22px; margin:27px 0 60px 0; color:#666666; font-size:14px; line-height:22px;}
.companydown .aboutleft .aboutmore a{ float:left;}
.companydown .aboutleft .aboutmore:hover a{ color:#24b54a;}
.companydown .aboutleft .aboutmore a b{ float:right; width:15px; height:13px; margin:4px 0 0 0; line-height:0; overflow:hidden;}
.companydown .aboutleft .aboutmore a b i{ float:left; width:34px; height:13px; margin-left:-19px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.companydown .aboutleft .aboutmore:hover a b i{ margin-left:0px;}
.companydown .aboutright{ float:right; width:45%; background-color:#24b54a; padding:10px 10px 0 10px;}
.companydown .aboutright.passing{ padding: 10px;}
.slick_about{ margin:0 0 0 0px; width:100%; overflow:hidden; background-color:#fff;}
.slick_about .slick-slide{ width:100%; height:400px;}
.slick_about .slick-slide img{ width:570px; height:400px;}
.slick_about .slick-dots{ bottom:20px; text-align:right; padding-right:25px;}
.slick_about .slick-dots li{ width:12px; height:12px; margin:0 5px; background-color:#fff;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
              opacity: 0.5;
filter: alpha(opacity=50);
         -moz-opacity: 0.5;
       -khtml-opacity: 0.5;
}
.slick_about .slick-dots li.slick-active{
              opacity: 1;
filter: alpha(opacity=100);
         -moz-opacity: 1;
       -khtml-opacity: 1;
}
.attract{ float: left; width: 100%; padding-left: 96px; height: 84px; position: relative}
.attract .attText{ position: absolute; left: 0; top:7px; padding: 10px 20px; text-align: center; line-height:24px; color:#fff; font-size:14px; }
.attract .attText span{ font-size:18px;}
.attract .attUl{ float:left; width: 100%; background-color: #fff; margin-top: 7px;}
.attract .attUl ul{ float: left; width: 100%;height: 70px; border:1px solid #f5f5f5;}
.attract .attUl ul li{ float: left; width: 100%; font-size: 14px; line-height: 34px; padding-left: 15px;}
.attract .attUl ul li strong{ color:#24b54a}

.brandName{ float: left; width: 100%;}
.brandName ul{ float: left; width: 100%; margin-top: -15px;}
.brandName ul li{display: inline-block; height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; color:#24b54a; background-color: #fff;border:1px solid #24b54a; margin:15px 15px 0 0; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.brandName ul li a{color:#24b54a;}
.brandName ul li:hover{background-color: #24b54a; }
.brandName ul li:hover a{color:#fff;}

.aboutleft h3.pinT{ margin-top: 80px;}
.aboutcon.pinBox{ height: 196px!important;}
.pinLun{ float: left; width: 100%;}
.pinLun ul{ float: left; width: 100%}
.pinLun ul li{ float: left; width: 100%; margin-top: 10px;}
.pinLun ul li span{display: inline-block; padding:10px 15px; color:#333; background-color:#ffdad2; border-radius:5px; -moz-border-radius:5px;-webit-border-radius:5px;}
.pinLun ul li span.two{ background-color: #dfe2ef}

@media  screen and (max-width:1199px){
.companydown .aboutleft{  padding:0 60px 0 30px; line-height:26px;}
.companydown .aboutleft h3{ margin:40px 0 26px 0;}
.companydown .aboutleft .aboutmore{ margin:27px 0 30px 0;}
.companydown .aboutright{ padding:10px 10px 0 10px;}
	.companydown .aboutright.passing{padding:20px;}
.slick_about{ margin:0 0 0 0px; }
.slick_about .slick-slide{ height:330px;}
.slick_about .slick-slide img{ width:470px; height:330px;}

}
@media  screen and (max-width:991px){
.companydown .aboutleft{ width:100%;  padding:0 40px 0 40px; line-height:26px;}
.companydown .aboutleft h3{ margin:40px 0 26px 0;}
.companydown .aboutleft .aboutcon{ height:104px; }
.companydown .aboutleft .aboutmore{ margin:27px 0 30px 0;}
	.companydown .aboutright.passing{padding:40px;}
.companydown .aboutright{ float:left; width:100%; padding:40px;}
.slick_about{ margin:0; width:100%; }
.slick_about .slick-slide{ height:auto;}
.slick_about .slick-slide img{ width:100%; height:auto;}
}
@media  screen and (max-width:767px){
.comtit{ padding:45px 0 30px 0;}
.companydown{ padding:0 0 40px 0;}
.companydown .aboutleft{  padding:0 20px 0 20px; }
.companydown .aboutleft h3{ margin:10px 0 26px 0; font-size:20px;}
.companydown .aboutleft .aboutcon{ height:156px; }
	.companydown .aboutright.passing{padding:20px;}
.companydown .aboutright{ padding:20px;}
	.attract{ padding-left: 76px;}
	.attract .attText{ padding: 10px 10px;}
	.attract .attUl ul li{ padding-left: 10px;}
}
@media  screen and (max-width:374px){
	.companydown .aboutright.passing{padding:15px;}
	.companydown .aboutright{ padding:15px;}
}
.newtit{ padding:40px 0 58px 0;}
.newcon{ margin:0 -15px 0 -15px;}
/*.newcon .slick-list{ overflow:inherit;}*/
.newcon  li{ padding:0 15px;}
.newcon  li .newbox{ background-color:#f0f0f0; padding-bottom: 20px;}
.newcon  li .newbox .newimg{ overflow:hidden;}
.newcon  li .newbox .newimg img{width:570px; height:321px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.newcon  li .newbox:hover .newimg img{
		transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
     -o-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
}
.newcon  li .newbox .newd{ padding:0 20px 0px 20px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
/*.newcon li .newbox:hover .newd{*/
/*-webkit-box-shadow: 0 2px 6px #aaa;*/
   /*-moz-box-shadow: 0 2px 6px #aaa;*/
     /*-o-box-shadow: 0 2px 6px #aaa;*/
        /*box-shadow: 0 2px 6px #aaa;	*/
	/*}*/
.newcon  li .newbox .newd h4{ padding:16px 0 9px 0;  font-size:16px; line-height:26px; border-bottom: 1px dashed #999;}
.newcon  li .newbox .newd h4 a{ color:#333333;}
.newcon  li .newbox .newd h4 a:hover{ color:#24b54a;}
.newcon  li .newbox .newd .year{ position:relative; z-index:1; font-size:14px; color:#666; padding: 0 0 10px 0;}
/*.newcon  li .newbox .newd .year .time{ position:absolute; width:90px; height:90px; left:0; bottom:0; background-color:#24b54a; padding:21px 0 0 0; text-align:center; color:#fff; font-size:21px; line-height:21px; font-family: 'helveticalt45light_0 FB';*/
        /*border-radius:50%;*/
/*-webkit-border-radius:50%;*/
   /*-moz-border-radius:50%;*/
     /*-o-border-radius:50%;*/
/*}*/
/*.newcon  li .newbox .newd .year .time span{ display:block; font-size:24px; line-height:27px;}*/
.newcon  li .newbox .newd .newtext{ height:78px; font-size:14px; line-height:26px; overflow:hidden;}
.newcon  li .newbox .newd .newtext a{ color:#666666;}
@media  screen and (max-width:1199px){
.newcon  li .newbox .newimg img{width:466px; height:262px;}
}
@media  screen and (max-width:991px){
.newcon  li{ margin-top:20px;}
.newcon  li .newbox .newimg img{width:738px; height:416px;}
}
@media  screen and (max-width:767px){
.newtit{ padding:30px 0 10px 0;}
.newcon li .newbox .newimg img{width:100%; height:auto;}
}


.newmore{ padding:36px 0 46px 0; text-align:center; font-size:14px; line-height:20px;}
.newmore a{ color:#666;}
.newmore:hover a{color:#24b54a;}
.newmore img{ display:none;}
.newmore img.imgs{ display:inline-block;}
.newmore:hover img.imgd{ display:inline-block;}
.newmore:hover img.imgs{ display:none;}
@media  screen and (max-width:767px){
.newmore{ padding:30px 0 30px 0;}
}
/*down*/
.return{ padding:24px 0 27px 0; background-color:#f6f8f6; cursor:pointer; text-align:center; line-height:0;}
.foot{ background: url(../images/down1.jpg) top repeat-x;}
.foot .sin{ padding:40px 0 40px 0; margin:0 -15px;}
.foot .sin .l920{ float:left; width:100%;}
.foot .sin .l920 .lcell{ float:left; width:14.258%; padding:0 40px 0 15px;}
.foot .sin .l920 .lcell h5{ padding:17px 0 15px 0; font-size:14px; line-height:20px; font-weight:bold;}
.foot .sin .l920 .lcell h5 a{ color:#454545;}
.foot .sin .l920 .lcell ul{ padding:15px 0 0 0;}
.foot .sin .l920 .lcell ul li{ line-height:26px;}
.foot .sin .l920 .lcell ul li a{ color:#6f6f6f; }
.foot .sin .r280{ float:right; width:280px; margin:21px 0 0 0;}
.foot .sin .r280 .con280{}
.foot .sin .r280 .con280 .l104{ float:left; width:104px; height:104px; padding:10px;
        border-radius:5px;
-webkit-border-radius:5px;
   -moz-border-radius:5px;
     -o-border-radius:5px;
-webkit-box-shadow: 0 0 6px #aaa;
   -moz-box-shadow: 0 0 6px #aaa;
     -o-box-shadow: 0 0 6px #aaa;
        box-shadow: 0 0 6px #aaa;
}
.foot .sin .r280 .con280 .l126{ float:left; width:126px; margin:8px 0 0 20px; color:#6f6f6f; font-size:14px; line-height:20px;}
.foot .sin .r280 .con280 .l126 .p2{ margin-top:4px;}
.foot .sin .r280 .con280 .l126 .p2 .span{ color:#24b54a;}
.foot .sin .r280 .con280 .l126 .p3{ height:29px; padding:3px 0 0 0; margin-top:4px; color:#fff; font-size:14px; line-height:26px; text-align:center; background:url(images/down4.png) no-repeat;}
@media  screen and (max-width:1199px){
.foot .sin .l920{ width:100%}
}
@media  screen and (max-width:991px){
.foot .sin{ padding:20px 0 40px 0;}
.foot .sin .r280{ float: none; width:280px; margin:21px auto 0 auto;}
	.newcon  li .newbox .newd h4{font-size:14px; }
}

.foot .frend{ padding:25px 0 23px 0; color:#646465; line-height:22px;  border-top:#e6e6e6 solid 1px;}
.foot .frend a{ color:#646465;}
.foot .frend a:hover{ color:#24b54a;}
.foot .frend span{ color:#1fa342;}
.footgreen{ background-color:#1fa342; padding:19px 0 18px; color:#ffffff; font-size:12px; line-height:24px; text-align:center;}
.footgreen a{color:#ffffff; }
.footgreen a:hover{ color:#cce5d1;}

/*右漂浮*/
.right{ position: fixed; width:55px; right:0; top:50%; background-color:#393939; z-index:1500; padding:12px 0 0 0;
        border-radius:9px 0 0 9px;
-webkit-border-radius:9px 0 0 9px;
   -moz-border-radius:9px 0 0 9px;
     -o-border-radius:9px 0 0 9px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.right .a{ float:left; width:55px; height:50px; position:relative;}
.right .a .abox{ position: absolute;  top:0; left:0; width:171px; height:50px;
        border-radius:9px 0 0 9px;
-webkit-border-radius:9px 0 0 9px;
   -moz-border-radius:9px 0 0 9px;
     -o-border-radius:9px 0 0 9px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.right .a .abox.active{ left:auto; left:-116px; background-color:#24b54a;}
.right .a .abox .aimg{float:left; width:55px; height:50px;}
.right .a .abox .atit{float:left; width:116px; height:50px; color:#fff; line-height:16px; padding:9px 0;}

/*关于我们*/
.pz_SideLayer{ background-color:#f6f8f6; text-align:center; position:relative; z-index:500; margin-top:-28px;}
.pz_SideLayer .l1{ display:inline-block; *display:inline; *zoom:1; height:56px; }
.pz_SideLayer .l1 h3{ padding:0 35px 0 35px; color:#333333; font-size:16px; line-height:56px; cursor:pointer;}
.pz_SideLayer .l1 h3.no{ padding-right:29px;}
.pz_SideLayer .l1 h3 a{color:#999999;}
.pz_SideLayer .l1 h3:hover a,
.pz_SideLayer .l1 h3.active a{ color:#fff;}
.pz_SideLayer .l1 h3:hover,
.pz_SideLayer .l1 h3.active{ background-color:#24b54a;}

.babyser{ margin:0 -15px; border-bottom:#dddddd solid 1px; padding:0 20px 0 20px; color:#333333; font-size:18px; line-height:48px; position:relative;}
.babyser .imgr{ float:right; margin:16px 0 0 0;
-webkit-transform:rotate(90deg);
   -moz-transform:rotate(90deg);
     -o-transform:rotate(90deg);
        transform:rotate(90deg);
}
.pz_SideLayerph{ display:none; position:absolute; width:100%; left:0; top:49px; background-color:#fff; z-index:500;}
.pz_SideLayerph .l1{border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 h3{ color:#333; font-size:16px; line-height:48px; cursor:pointer;}
.pz_SideLayerph .l1 h3 a{ color:#333;}
.pz_SideLayerph .l1 h3.active a{ color:#80b63b;}
.pz_SideLayerph .l1 h3 img{ float:right; margin:25px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

.abouttitle{ padding:29px 0 0 0; background:url(../images/about2.jpg) bottom repeat-x; text-align: center;}
.abouttitle .aboutit{ display:inline-block; *display:inline; *zoom:1; border-bottom:#dddddd solid 3px; padding:15px 0; line-height:29px; color:#24b54a; font-size:18px; font-weight:bold;}
.aboutbiq{ padding:40px 0 45px 0; color:#333333; font-size:14px; line-height:30px;}
.aboutbiq .aboutblock1{ margin:0 -15px;}
.aboutbiq .aboutblock1 .zz{ padding:0 15px;}
.aboutbiq .aboutblock1 .ztit{ color:#24b54a; font-size:24px; padding:16px 0 26px 0; text-align: center;}
.aboutbiq .aboutblock1 .zline{ height:3px; width: 100%; position: relative}
.aboutbiq .aboutblock1 .zline::before{ position: absolute; content:""; width:40px; height:3px; left: 50%; margin-left: -20px; background-color:#24b54a;}
.aboutbiq .aboutblock1 .ztext{ padding:20px 0 0 0;}
.aboutbiq .aboutblock1 .ztext img{ max-width: 460px;}
.aboutblock2{ position:relative; background-color:#f4f4f4; }
.aboutblock2 .z2text{ padding:55px 0 65px 0; color:#666666; font-size:14px; line-height:30px; text-align: center;}
.aboutblock2 .zuobg{ position:absolute; width:19.27%; left:6.35%; top:0; z-index:2;}
.aboutblock2 .youbg{ position:absolute; width:16.14%; bottom:0; right:6.71%; z-index:2;}
@media  screen and (max-width:1199px){
.aboutblock2 .zuobg{ left:0;}
.aboutblock2 .youbg{ right:0;}
}
@media  screen and (max-width:991px){
.aboutblock2 .z2text{ padding:15% 0 15% 0; }
.aboutblock2 .zuobg{ width:40%; left:0;}
.aboutblock2 .youbg{ width:40%; right:0;}
}
@media  screen and (max-width:991px){
.aboutblock2 .z2text{ padding:17% 0 25% 0; }
.aboutblock2 .zuobg{ width:60%; }
.aboutblock2 .youbg{ width:60%; }
}

.aboutblock3{ padding:40px 0 45px 0; color:#333333; font-size:14px; line-height:30px;}
@media  screen and (max-width:767px){
.aboutblock3{ padding:30px 0 30px 0; }
}


/*产品中心*/
.product{ padding:10px 0 0 0; margin:0 }
.product ul{ margin:0 -15px; min-height:500px;display: flex;
	flex-wrap: wrap;
	align-items: flex-start;}
.product ul li{ padding:20px 15px 0 15px;}
.product ul li .porbox{ margin:10px 0 0 0;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.product ul li:hover .porbox{ margin:0 0 10px 0;}
.product ul li .porbox .proimg{ overflow:hidden;}
.product ul li .porbox .proimg img{width:100%;}
.product ul li .porbox h4{border:#eeeeee solid 1px; background-color: #fff; padding:15px 17px 15px 19px; color:#333333; font-size:16px; line-height:28px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.product ul li:hover .porbox h4{
	-webkit-box-shadow: 0 2px 6px #aaa;
	-moz-box-shadow: 0 2px 6px #aaa;
	-o-box-shadow: 0 2px 6px #aaa;
	box-shadow: 0 2px 6px #aaa;
}

.product ul li .porbox h4 a{  float:left; width:70%; color:#333333;}
.product ul li:hover .porbox  h4 a{color:#24b54a;}
.product ul li .porbox h4 b{  float:right; width:30%;font-size:12px; text-align: right; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.product ul li:hover .porbox h4 h4 b{color:#24b54a;}
.product ul li .porbox h4 b img{ display:none;}
.product ul li .porbox h4 b img.imgs{ display:block;}
.product ul li:hover h4 b img.imgs{ display:none;}
.product ul li:hover h4 b img.imgd{ display:block;}
@media  screen and (max-width:1199px){

}
@media  screen and (max-width:991px){

}
@media  screen and (max-width:767px){
.product{ padding:0;}
.product ul li{ padding:10px 15px 0 15px;}
.product ul li .porbox .proimg img{width:100%; height:auto;}
}

.pagebox{ padding:50px 0 70px 0;}
/* 分页 */
.pz_fy{ padding:10px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { padding:6px 12px; COLOR: #999999; font-size:14px; text-decoration:none; margin:0 1px; background-color:#f5f5f5;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; background-color:#24b54a; text-decoration:none;}/*鼠标经过和默认当前页样式*/
@media  screen and (max-width:991px){
.pagebox{ padding:30px 0 30px 0;}
.fy_pc{  float:left; text-align:center; font-size:14px; color:#333;}
.fy_pc a{ padding:5px 10%; color:#333; border:solid 1px #24b54a; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.fy_pc span{ padding:5px 5%; color:#333;}
}

/*产品详情*/
.proin{ padding:20px 0 40px 0;}
.proin .prooneleft{ float:left; width:40%; margin:20px 0 0 0; overflow:hidden;}
.slick_l{ margin:-1px 0 -2px 0; overflow:hidden;}
.slick_l .slick-slide{ width:100%; padding:1px 0 2px 0; outline:none; cursor:pointer;}
.slick_l .slick-slide .rong{ position:relative;}
.slick_l .slick-slide .rong span{ display:none; position:absolute; width:100%; height:100%; border:#24b54a solid 2px; left:0; top:0; z-index:1;}
.slick_l .slick-slide.slick-current .rong span{ display:block;}
.proin .prooneleft .pro_r{ float:right; width:100%;}
.slick_r{ margin:0;}
.slick_r .slick-slide{ width:100%;}
.slick_r .slick-slide img{ width:100%;}

.proin .proonerat{ float:right; width:58%; margin:20px 0 0 0;}
.proin .proonerat h2{ padding:20px 0 0 0; color:#4c4c4c; font-size:28px; line-height:1.25; font-weight:bold;}
.proin .proonerat .rattit{ padding:5px 0; line-height:20px; color:#808080; font-size:14px;}
.proin .proonerat .rattit.ma_1{ margin-top:21px;}
.proin .proonerat .ratshare{ margin:44px 0 0 0; padding:22px 0 22px 20px; background-color:#f7f7f7;}
.proin .proonerat .ratshare .rstit{ float:left; color:#3b3b3b; font-size:14px; line-height:36px;}
.proin .proonerat .ratshare .rsshare{ float:left;}
.proin .proonerat .ratshare .rstle{ float:right; padding:0 10px 0 0; color:#3b3b3b; font-size:14px; line-height:36px;}
@media  screen and (max-width:1199px){
.proin .prooneleft .pro_r{ float:right; width:83.2%;}
}
@media  screen and (max-width:991px){
	.proin{ padding:20px 0 20px 0;}
.proin .prooneleft{ width:100%; margin:20px 0 0 0; }
.proin .prooneleft .pro_r{ float:right; width:82.1%;}
.proin .proonerat{ float:left; width:100%; }
.proin .proonerat .ratshare{ margin:25px 0 0 0;}
.proin .proonerat .ratshare .rstle{ float:left;}
}
@media  screen and (max-width:767px){
.proin .prooneleft{ margin:0; }
.proin .prooneleft .pro_l{ float:left; width:100%;  margin-top:10px;}
.slick_l{ margin:0px -1px 0px -1px;}
.slick_l .slick-slide{ padding:0 1px 0 1px;}
.proin .prooneleft .pro_r{ float:left; width:100%;}
.proin .proonerat h2{ font-size:22px; padding:10px 0 0 0; }
.proin .proonerat .ratshare{ padding:12px 0 12px 20px; }
}


.xqtit{ border-bottom:#e0e0e0 solid 1px;}
.xqtit .xtbubble{ float:left; padding:0 24px; height:32px; background-color:#24b54a; margin-bottom:1px; color:#ffffff; font-size:14px; line-height:32px; text-align:center;
        border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
   -moz-border-radius:3px 3px 0 0;
     -o-border-radius:3px 3px 0 0;
}
.xqcontent{ padding:14px 0 30px 0; color:#808080; font-size:14px; line-height:26px;}
.xqpage{ padding:5px 0 15px 0; border-top:#e6e6e6 solid 1px;}
.xqpage a{ color:#333333; font-size:14px; line-height:30px;}
.xqpage a:hover{ color:#24b54a;}
.xqpage a span{ color:#808080;}
.xqpage a:hover span{ color:#24b54a;}
.xqpage .pagez{ float:left; width:50%; margin:5px 0; padding:0 20px; border-right:#e6e6e6 solid 1px;}
.xqpage .pagez b{ margin:10px 6px 0 0;}
.xqpage .fr{ float:right;}
.xqpage .fl{ float:left;}
.xqpage a img{ display:none;}
.xqpage a img.imgs{ display:block;}
.xqpage a:hover img.imgs{ display:none;}
.xqpage a:hover img.imgd{ display:block;}
.xqpage a font{ max-width:80%;}
.xqpage .pagey{ float:left; width:50%; margin:5px 0; padding:0 20px;}
.xqpage .pagey b{ margin:10px 0 0 6px;}
@media  screen and (max-width:767px){
.xqcontent{ padding:14px 0 20px 0; }
}

/*新闻中心*/
.newcon_list{ float: left; width: 100%; padding-bottom: 70px;}
.newcon_list ul{ float:left; width: 100%;margin-top: 10px;}
.newcon_list ul li{float:left; width: 100%;line-height:60px;border-bottom: 1px dashed #ccc; padding-right: 10px;}
.newcon_list ul li .newd h4{ float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  font-size:16px; line-height:60px;}
.newcon_list ul li .newd h4 a{ color:#333333; padding-left: 20px; background: url("../images/ico.jpg") no-repeat left 5px center; background-size: 5px 5px;}
.newcon_list ul li:hover .newd h4 a{ color:#24b54a;background: url("../images/ico1.jpg") no-repeat left 5px center;background-size: 5px 5px;}
.newcon_list ul li .newd .year{ float:right;}
.newcon_list ul li .newd .year .time{ color:#666; font-size:16px;}
.newcon_list ul li .newd .newtext{ height:52px; font-size:14px; line-height:26px; overflow:hidden;}
.newcon_list ul li .newd .newtext a{ color:#666666;}

.newTJList{ float: left; width: 100%; padding:0 0 40px 0;}
.newTJList ul{ padding:20px 15px 0 15px;}
.newTJList ul h4{ float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.newTJList ul h4 span{float: left; padding: 0 15px; font-size:14px; color:#fff; height: 34px; line-height: 34px; background: #24b54a;}
.newTJList ul li{ float: left; width: 100%; height:40px; line-height: 40px; border-bottom: 1px dashed #ccc;}
.newTJList ul li a{ float: left; width: 100%; padding:0 10px 0 20px; background: url("../images/ico.jpg") no-repeat left 5px center; font-size:14px; background-size: 4px 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newTJList ul li a:hover{ color:#24b54a; background: url("images/ico1.jpg") no-repeat left 5px center;background-size: 4px 4px;}






@media  screen and (max-width:1199px){
}
@media  screen and (max-width:991px){
	.newcon_list ul li{line-height:40px;}
	.newcon_list ul li .newd h4{ line-height:40px;}
	.newcon_list{  padding-bottom:30px;}
.newcon_list ul{ min-height:5px;}
	.newcon_list ul li .newd h4{ width: 60%;   font-size:14px; }
	.newcon_list ul li .newd .year .time{ color:#666; font-size:14px;}
}
@media  screen and (max-width:767px){
 img{ vertical-align: middle}
}





.news_tit {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #999999;
	padding: 30px 0 10px 0;
	text-align: center;
	line-height: 32px;
}
.news_ct {
	width: 100%;
	float: left;
	padding: 15px 0 30px  0;
	line-height: 26px;
	font-size: 14px;
	color: #808080;
	min-height: 200px;
	border-bottom: #e6e6e6 solid 1px;
}

/*留言板*/
.broad{ margin:40px 0 60px 0; background-color:#f5f5f5; padding:10px 26px 40px 26px;}
.broad .bline{}
.broad .bleft{ float:left; width:50%;}
.broad .bpadd1{ padding:21px 20px 0 20px;}
.broad .btit{ color:#4c4c4c; color:#4c4c4c; font-size:14px; line-height:31px;}
.broad .btit span{ font-size:12px; text-transform:uppercase;}
.broad .bbox{}
.broad .bin{ width:100%; height:50px; background-color:#fff; border:#e6e6e6 solid 1px; padding:0 15px; margin:0; color:#333; font-size:14px; line-height:48px;
        border-radius:0px;
-webkit-border-radius:0px;
   -moz-border-radius:0px;
     -o-border-radius:0px;
-webkit-appearance:none;
outline:0;
}
.broad .tea{ width:100%; height:140px; background-color:#fff; border:#e6e6e6 solid 1px; padding:15px; margin:0; color:#333; font-size:14px; line-height:24px;
        border-radius:0px;
-webkit-border-radius:0px;
   -moz-border-radius:0px;
     -o-border-radius:0px;
-webkit-appearance:none;
outline:0;
}
.broad .tn{ display:inline-block; height:56px; width:280px; background-color:#24b54a; border:0; padding:0; margin:0; color:#fff; font-size:16px; line-height:56px;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
-webkit-appearance:none;
outline:0;
}
.broad .tn:hover{ background-color:#4ec26c;}
.inco2 ::-webkit-input-placeholder { color:#999 !important;}
.inco2 :-moz-placeholder {  color:#999 !important;}
.inco2 ::-moz-placeholder {  color:#999 !important;}
.inco2 :-ms-input-placeholder { color:#999 !important; }
.broad .bla{ float:left; width:100%;}
.broad .btnn{ float:left; width:100%; margin:40px 0 0 0; text-align: center;}
@media  screen and (max-width:767px){
.broad{ margin:20px 0 30px 0; background-color:#f5f5f5; padding:10px 26px 40px 26px;}
.broad .bleft{ width:100%;}
}
@media  screen and (max-width:480px){
.broad{ padding:10px 0px 40px 0px;}
.broad .btnn{ margin:30px 0 0 0;}
}


/*联系方式*/
.contactbox{ padding:40px 0 55px 0; color:#3a3a3a; font-size:14px; line-height:30px;}
.contactbox .map{ width:100%;}
.contactbox .dzdress{ padding:35px 0 0 0;}
.contactbox .dzdress .dzleft{ float:left; width:50%;}
.contactbox .dzdress .dzleft .tit{ color:#24b54a; font-size:16px; margin-bottom:10px;}
.contactbox .dzdress .dzright{ float:right; width:50%;}
.contactbox .dzdress .dzright .ce{ float:right; width:150px; margin:0 0 0 20px; text-align:center;}
.contactbox .dzdress .dzright .ce .ce1{ border:#e9e9e9 solid 1px; padding:6px;}
.contactbox .dzdress .dzright .ce .ce2{ padding:4px 0 0 0; color:#434343; font-size:14px; line-height:24px;}
@media  screen and (max-width:767px){
.contactbox{ padding:30px 0 35px 0; }
.contactbox .dzdress .dzleft{ width:100%;}
.contactbox .dzdress .dzright{ float:left; width:100%; text-align:center;}
.contactbox .dzdress .dzright .ce{ display:inline-block; float:none; width:130px; margin:20px 10px 0 10px; text-align:center;}
}


.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@font-face {
  font-family: 'Californian FB';
  src: url('../font/califb.eot');
  src: url('font/califb.eot?#iefix') format('embedded-opentype'),
  url('../font/califb.woff') format('woff'),
  url('../font/califb.ttf') format('truetype'),
  url('../font/califb.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
  font-family: 'helveticalt45light_0 FB';
  src: url('../font/helveticalt45light_0.eot');
  src: url('../font/helveticalt45light_0.eot?#iefix') format('embedded-opentype'),
  url('../font/helveticalt45light_0.woff') format('woff'),
  url('../font/helveticalt45light_0.ttf') format('truetype'),
  url('../font/helveticalt45light_0.svg#glyphicons-halflingsregular') format('svg');
}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}