/**************************************/
/*************[公用start]**************/
/**************************************/

body,div,p,span,ul,li,h1,h2,h3,h4,h5,h6,a,input,textarea,select,dl,dd,table,tr,td{
	margin:0;
	padding: 0;
}


body{
	font-family:"Arial","Microsoft Yahei";
	font-size: 16px;  /*主要内容区字号大小，每次制作前更新！！！ */
	color:#333;
	background-color: #f7f8fc;

	line-height: 1.2;
	position: relative;
	overflow-x: hidden;

}

#tp-weather-widget{
	line-height: normal;
}

input,textarea,select{
	outline: none;
	font-family:"Arial","Microsoft Yahei";
	color:#333;
	font-size: 14px;
}





textarea{
	resize: none;
}


ul li{
	list-style-type: none;
}
	
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

i{
	font-style: normal;
}


div.clear{
	clear: both;
	height: 0;
	width: 0;
}

.clearfix{zoom:1}    
.clearfix:after{
      content:"";
      display:block;
      height:0;
   clear:both;
   visibility:hidden;
 }

a{
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

img{
	border:0;
/*	width: 100%;*/
	max-width: 100%;
}


div.wp{
	width: 1200px; /*主要内容区尺寸大小，每次制作前更新！！！ */
	margin:0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.tran{
	transition: all .3s ease-out 0s;
}

*{
	/*【块级元素】不受边框、margin、padding影响类名，需要时添加*/
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/*图片中心放大代码区域*/

.img-box{/*图片盒子类名*/
	width: 300px!important;/*图片盒子宽度，‘重要’是为防止图片添加尺寸不正确而修正，需注意图片比例*/
	height: 200px!important;/*图片盒子高度，‘重要’是为防止图片添加尺寸不正确而修正，需注意图片比例*/
	overflow: hidden;
}

.img-box>img{
	transition: .3s;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/
	width: 100%;
	max-width: 100%;
}

.img-box:hover img{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*图片中心放大代码区域*/





/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

#header{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 80000;
}

.header-1{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color:#fff;
	background-color: #86c152;
}
.header-1 a{
	display: inline-block;
	margin-left: 25px;
}
.header-1 a img{
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}

.header-2{
	background-image: url(../images/heidi.png);
	height: 93px;
}

.logo{
	font-size: 0;
	margin-top: 7px;
}
.nav{
	margin-left: 90px;
}
.nav li{
	float: left;
	margin-top: 30px;
}

.nav li:first-child{
	margin-left: 0;
}

.nav li>a{
	display: block;
	width: 100px;
	text-align: center;
	border-radius: 8px;
	height: 30px;
	font-size: 18px;
	color:#fff;
	transition: .3s;
	line-height: 30px;
}

.nav li>a:hover,.nav li.active>a{
	background-color: #fff;
	color:#44b631;
}
/**************************************************************/
/*header-over*/





/*main-start*/
/**************************************************************/

#main{
	
}




.fafa .flex-control-nav{
	display: block;
	bottom: 23px;

}

.fafa .flex-control-paging li a{
	width: 10px;
	height: 10px;
}

.fafa .flex-control-nav li{
	margin:0 5px;
}



.index-1{
	padding: 35px 0;
	background-color: #fff;
}

.title-11{
	text-align: center;
}

.title-11 h1{
	font-size: 28px;
	color:#86c152;font-weight: 500;
}


.title-11 h2{
	display: inline-block;
	position: relative;
	font-size: 18px;
	color:#adaead;
	text-transform: uppercase;
	margin-top: 10px;
}

.title-11 h2:before{
	content:"";
	position: absolute;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	width: 532px;
	left: -550px;
	background-image: url(../images/before.png);
	background-repeat: no-repeat;
	background-position: center;
}

.title-11 h2:after{
	content:"";
	position: absolute;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	width: 532px;
	right:  -550px;
	background-image: url(../images/after.png);
	background-repeat: no-repeat;
	background-position: center;;
}


.index-1-left{
	width: 410px;
	padding-right: 33px;
	border-right: 1px solid #ecebeb;
	padding-bottom: 15px;
}

.index-1-left p{
	padding:12px 15px 5px;
	font-size: 14px;
	color:#8d8e8c;
	line-height: 1.8;
	
}


.index-1-right{
	width: 760px;
}

.shipin-title img{
	display: block;
	margin:0 auto;
}
.shipin-box{
	margin-top: 10px;
}
.shipin-box video{
	display: block;
	margin:0 auto;
	width: 100%;
}

.more{
	text-align: right;
}

.more a{
	display: inline-block;
	padding: 10px 14px;
	border-radius: 5px;
	background-color: #69b329;
	color:#fff;
}

.m72{
	margin-top: 70px;
}

.news-con{
	margin-top: 10px;
	display: none;
}
#news-con-1{
	display: block;
}


.news-con li{
	border:2px solid #fff;
	margin-top: 4px;
	padding: 8px;
	transition: border-color .3s;
}

.news-con li:hover{
	border-color: #69b329;
}
.news-con li:hover h1{
	color: #69b329;
	
}
.news-pic{
	width: 146px;
	margin-right: 14px;
}

.news-pic img{
	display: block;
	width: 100%;
}
.news-con li h1{
	font-size: 16px;
	padding-top: 5px;
	color:#464746;
	    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	padding-bottom: 7px;
}

.news-con li p{
	font-size: 16px;
	color:#8d8e8d;
	height: 50px;
	overflow:hidden;
	line-height: 1.6;
}


.news-span span{
	float: left;
	font-size: 20px;
	color:#8b8989;
	margin-left: 45px;
	cursor: pointer;
}

.news-span .fr{
	display: none;
	font-size: 14px;
	color:#666;
	margin-top: 5px;
	margin-right: 3px;
}
.news-span .fr:hover{
	color:#69b329;

}
.news-span #news-fr-1{
	display: block;
}
.news-span span:first-child{
	margin-left: 16px;
}
.news-span span.active{
	color:#69b329;
}
.more2{
	text-align: right;
	font-size: 12px;
	color:#666;
}
.more2 img{
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 3px;
}


.index-2{
	background-color: #f7f8fc;
	padding: 80px 0 60px;
}

.index-2-left{
	width: 476px;
	height: 264px;
	background-repeat: no-repeat;
	background-position: center ;
	background-image: url(../images/kuai1.png);
	padding: 27px 28px 10px 21px;
}


.index-2-left h1{
	font-size: 16px;
	color:#69b329;
}

.index-2-left p{
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.6;
	color:#6f706e;
}

.pro-pic{
	width: 162px;
	margin-top: 20px;
	margin-left: 40px;
}
.pro-pic img{
	display: block;
	width: 100%;
}
.more3{
	margin-top: 26px;
}

.more3 a{
	display: inline-block;
	padding: 6px 13px;
	border:2px solid #69b329; 
	font-size: 14px;
	color:#69b329;
	border-radius: 8px;
}

.index-2-pro{
	width: 153px;
	margin-left: 45px;
}

.index-2-pro img{
	display: block;
	width: 100%;
}

.index-2-right{
	width:300px; 
	
	margin-top: 50px;
}

.index-2-right li{
	padding-top: 20px;
	padding-left: 19px;
	border-left: 1px solid #e5e6e4;
	font-size: 14px;
	color:#8b8989;
	cursor: pointer;
	transition: .3s;
	position: relative;
}
.index-2-right li i{
	position: absolute;
	width: 14px;
	height: 14px;
	left: -7px;
	bottom: 0px;
	transition: .3s;
	background-image: url(../images/y1.png);
}
.index-2-right li:first-child{
	padding-top: 0;
}

.index-2-right li:first-child i{
	bottom: 3px;
}

.index-2-right li span{
	padding-right: 18px;
	font-style: normal;
}

.index-2-right li:hover{
	color:#69b329;
	
}

.index-2-right li:hover i{
	background-image: url(../images/y2.png);
}



.index-3{
	padding: 40px 0 20px;
}

/*.you-list
{width: 950px;margin:20px auto 0;position: relative;}


.you-list .owl-prev{
	position: absolute;
	width: 27px;
	height: 38px;
	background-image: url(../images/left.png);
	cursor: pointer;
	top: 50%;
	margin-top: -19px;
	left: -80px;
	font-size: 0;
}

.you-list .owl-next{
	position: absolute;
	width: 27px;
	height: 38px;
	background-image: url(../images/right.png);
	font-size: 0;
	cursor: pointer;
	top: 50%;
	margin-top: -19px;
	right: -80px;
}


.you-list.owl-carousel .owl-item img{
	width: auto;
	margin:0 auto;
}
.you-list .item{
	position: relative;
}
.you-list .item:after{
	content:"";
	position: absolute;
	width: 14px;
	height: 14px;
	background-image: url(../images/after2.png);
	top: 50%;
	margin-top: -7px;
		right: 	-39%;
}
.you-list .owl-item:last-child .item:after{
	display: none;
}*/


.you-list {
	padding: 25px 0 40px;
}


.you-list .item
{padding: 1px;}




/**************************************************************/
/*main-over*/





/*footer-start*/
/**************************************************************/

#footer{
	/*height: 203px;*/padding-bottom: 28px;
	background-repeat: no-repeat;
	background-position: center ;
	background-image: url(../images/footer-1.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 30px;
}

.foo1 img{
	display: block;
	margin-left: 15px;
}

.foo1{
	margin-left: 25px;
	width: 320px;
}

.foo2{
	margin-left: 120px;
	margin-top: 10px;
	
}
.foo2 li{
	margin-top: 20px;color:#fff;
	font-size: 12px;
}

.foo2 li:first-child{
	margin-top: 0;
}
.foo2 li img{
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}
.foo1 p{
	color:#fff;
	font-size: 12px;
	line-height: 2.5;
	margin-top: 15px;
}

.foo3-er-pic {
	width: 121px;
	height: 121px;
	background-image: url(../images/foo3-er-pic.png);
	background-repeat: no-repeat;
	background-position: center ;
	padding-top: 21px;
	margin-bottom: 10px;
}

.foo3-er-pic  img{
	display: block;
	margin:0 auto;
}

.foo3-er{
color:#fff;
	font-size: 12px;
	text-align: center;
	margin:0 10px;
}






/**************************************************************/
/*footer-over*/


/*about*/

.banner-2{
	height: 556px;
	background-repeat: no-repeat;
	background-position: center ;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.banner-2 div.wp{
	position: absolute;
	top: 129px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
}

.banner-2 div.wp h1{
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	height: 94px;
	line-height: 94px;
	color:#fff;
	text-align: center;
	background-image: url(../images/h1.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	top:50%;
	margin-top: -46px;
}

.erji-div{
	background-color: #fff;
	padding: 40px 20px;
	position: relative;
	min-height: 600px;
}

.erji-menu{
	width: 202px;
	position: absolute;
	left: 19px;
	top: 40px;
}

.erji-content{
	margin-left: 242px;

}


.title-erji{
	font-size: 16px;
	color:#494646;
	padding-bottom: 8px;
	border-bottom: 3px solid #86c152;
	letter-spacing: 1px;
}


.title-erji span{
	font-size: 12px;
	color:#8a8787;
	padding-left: 11px;
}

.erji-menu-dl a{
	display: block;
	height:40px;
	line-height: 38px;
	text-align: center;
	border:1px solid #86c152;
	font-size: 16px;
	border-radius: 10px;
	color:#86c152;
}
.erji-menu-dl{
	padding: 25px 0;
}



/* Shutter In Vertical */
.erji-menu-dl a {
	background-color: #86c152;
 
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.erji-menu-dl a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
	border-radius: 10px;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.erji-menu-dl a:hover,.erji-menu-dl dd.active a{
  color: white;
}
.erji-menu-dl a:hover:before ,.erji-menu-dl dd.active a:before{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


.erji-menu-dl dd{
	margin-top: 11px;
}
.erji-menu-dl dd:first-child{
	margin-top: 0;
}


.erji-menu-p{
	line-height: 2.5;
	font-size: 12px;
	color:#999898;
	padding-top: 15px;
}
.mianbaoxie{
	font-size: 14px;
	color:#838080;
}
.mianbaoxie span{
	color:#86c152;

}
.mianbaoxie img{
	margin-right: 5px;
}

.about-pic{
	padding: 20px 0;
}

.about-pic img{
	display: block;
	margin:0 auto;
}



.about-p{
	text-indent: 2em;
	font-size: 14px;
	color:#7a7a7c;
	line-height: 2.5;
	
}



/*product*/

.product-list li{
	margin-top: 33px;
	position: relative;
}

.product-pic{
	position: absolute;
	width: 205px;
	left:35px;
	top: 0;
}

.product-pic img{
	display: block;
	width: 100%;
}

.product-con{
	margin-left: 274px;
}


.product-con h1{
	font-size: 18px;
	color:#73caa2;
	padding-bottom: 8px;
	border-bottom: 1px dashed #c5cccb;
	padding-left: 5px;
}
.product-con h1 .fr{
	font-size: 14px;
	color:#86c152;
	margin-top: 3px;
}

.product-con p{
	font-size: 14px;
	color:#999898;
	line-height: 2.2;
	margin-top: 8px;
	text-indent: 2em;
	height: 90px;
	overflow: hidden;
}

.page-m{
	text-align: right;
	font-size: 12px;
	color:#666565;
	padding: 40px 0 20px;
}
.page-m input{
	width: 23px;
	height: 13px;
	line-height: 13px;
	border:0;
	background-color: #e5e3e3;
	vertical-align: middle;
	margin-top: -3px;
}
.page-m span,.page-m a{
	color:#86c152;
}
.page-m a img{
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 5px;
	margin-right: 5px;
}


/*sanji*/


.sanji{
	margin-top: 20px;
}
.sanji-h1{
	text-align: center;
	font-size: 18px;
	color:#5e5e5e;
	padding: 15px 0 10px;
}
.sanji-h2{
	text-align: center;
	font-size: 12px;
	color:#5e5e5e;
	padding: 10px 0;
}

.sanji-con{
	font-size: 14px;
	color:#6f726c;
	padding: 15px 50px;
	line-height: 2.5;
	border-top: 1px dashed #d3d3d3;
	border-bottom: 1px dashed #d3d3d3;
}


.sanji-con img{
	display: block;
	margin:20px auto;
}
.sanji-a{
	padding: 0	50px;

}

.sanji-a li{
	margin-top: 25px;
	padding-left: 17px;
	background-image: url(../images/dian.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height: 1.6;
}


.sanji-a li a{
	font-size: 12px;
	color:#6f726c;
}

.sanji-a li a:hover{
	color:#86c152;
	
}

.news-list{
	margin-top: 20px;
}
.news-list li{
	height: 42px;
	line-height: 41px;
	border-bottom: 1px dashed #d3d3d3;
	position: relative;
	margin-left: 70px;


}

.i1{
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center ;
	background-image: url(../images/i1.png);
	position: absolute;
	left: -37px;
	top: 50%;
	margin-top: -7px;
}

.i2{
	width: 6px;
	height: 6px;
	background-repeat: no-repeat;
	background-position: center ;
	background-image: url(../images/dian.png);
	position: absolute;
	left:-32px;
	top: 50%;
	margin-top: -3px;
}


.news-list li a{
	font-size: 14px;
	color:#717070;
	display: block;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.news-list li a:hover{
	color:#86c152;
	
}
.news-list li span{
	font-size: 14px;
	color:#717070;
	margin-left: 15px;
}
.yuangong {
	margin-top: 30px;
	margin-left: 38px;
}
.yuangong ul{
	margin-left: -4%;
}
.yuangong li{
	float: left;
	width: 29.33333333%;
	margin-left: 4%;
	position: relative;
	margin-bottom: 50px;
	overflow: hidden;
}

.yuangong li img{
	display: block;
	width: 100%;
	transition: .3s;
}
.yuangong li:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.yuangong li h1{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color:#fff;
	text-align: center;
	background-image: url(../images/heidi.png);
}

.yuangong li:hover h1{
	background-color:#86c152; 
	background-image: none;
}


.yuangong+.page-m{
	padding-top: 0;
}




.contact{
	margin-top: 16px;
}
.contact-left{
	width: 365px;
	margin-left: 45px;
}


.contact-left textarea{
	display: block;
	width: 100%;
	height: 93px;
	line-height: 1.6;
	padding: 10px;
	border:1px solid #dedcdc;
	color:#8e908f;
}


.contact-left input[type="text"]{
	display: block;
	width: 100%;
	height: 43px;
	line-height: 41px;
	padding:0 10px;
	border:1px solid #dedcdc;
	color:#8e908f;
	margin-top: 13px;
}
.input_button{
	text-align: right;
	margin-top: 17px;
}
.input_button input{
	width: 93px;
	height: 28px;
	line-height: 28px;
	border-radius: 7px;
	color:#fff;
	border:0;
	background-color:#86c152;
	font-size:  14px;
	cursor: pointer;
}

.contact-right{
	width: 420px;
	margin-left: 38px;
}


.contact1-pic{
	width: 212px;
	margin-right: 8px;
}

.contact1-pic img{
	display: block;
	width: 100%;
}
.contact1{
	position: relative;
}
.contact1 p{
	font-size: 14px;
	color:#666;
	line-height: 1.8;
}

.contact-a{
	margin-top:35px;
	text-align: right;
}

.contact-a a{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 7px 11px;
	color:#fff;
	font-size: 12px;
	background-color: #86c152;
	
	font-weight: bold;
}

.contact2{
	border:1px solid #e1dfdf;
	margin-top: 25px;

	padding: 15px 5px;
}

.contact2 h1{
	font-size: 19px;
	color:#666666;
	padding-left: 40px;
	padding-top: 10px;
}

.contact2 h2{
	font-size: 14px;
	padding-left: 3px;
	color:#666666;
	margin-top: 20px;
}
.contact2 h3{
	font-size: 14px;
	padding-left: 20px;
	margin-top: 15px;
	color:#999;
	
}
.contact2 .fr{
	margin-right: 20px;
}

.contact-div{
	min-height: 0;
}
.contact-map{
	margin-top: 60px;
}
.map-box{
	margin-top: 35px;
	padding: 0	20px;
}

.map-box img{
	display: block;
	width: 100%;
}
/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/



#header-2{
	display: none;
	height: 75px;
	/*border-bottom:0px solid #035cac;*/
	    box-shadow: 0 4px 8px -3px #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5000000000;
	background-color: #86c152;
  
}
.nav-2{
	display: none;
	background-color: #fff;
	position: relative;
	z-index:130000;

}

.nav-2 li{

	border-top: 1px dashed #ccc;
	
}
.nav-2 li:first-child{
	border-top: 0;
}
.nav-2 li a{
	padding: 10px;
	display: block;
	font-size: 14px;
	width: 100%;
	color:#333;

}
/*.downla-2 {
	padding: 5px 0 10px;
	display: none;
}
.downla-2 dd{
	padding-left: 30px;
}
.downla-2 dd a{
	font-size: 14px;
	display: inline-block;
	padding: 3px 0; 
	width: auto;
}*/
/*.nav-2 li a:hover{
	color:#1a0d07;
}*/
.logo-2{
	font-size: 0;

	margin-left: 15px;
	margin-top: 5px;
}
.logo-2 a{
	display: inline-block;
	width: 100%;
	height: 67px;
	line-height: 67px;
}

.logo-2 img{
		
		vertical-align: middle;
	}

.menu2{
	height: 100%;
	line-height: 75px;
	margin-right: 15px;

}
.menu2 li{
	display: inline-block;
	cursor:pointer ;
	margin-left: 10px;
}
.menu2 li img{
	vertical-align: middle;
}

.chenggao{
		display: none;
		height: 75px;
	}


#nav-2-heidi{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 120000;
	background-image: url(../images/heidi.png);
	display: none;
	
}



.banner-x{
	display: none;
}


.fxfx .flex-control-nav{
	display: block;
	bottom:10px;

}

.fxfx .flex-control-paging li a{
	width: 10px;
	height: 10px;
}

.fxfx .flex-control-nav li{
	margin:0 3px;
}





/*2018-1-23*/

.chanpin-11{
	width: 420px;
}

.chanpin-11  img{
	display: 	block;	
	width: 	100%;
	transition: .3s;
}
.chanpin-11  img:hover{
		  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.chanpin-11-1{
	width: 	143px;
	overflow: hidden;
}
.chanpin-11-2{
	margin-left: 	12px;
	overflow: hidden;
	width: 264px;
}

.chanpin-11-3{
	width: 	125px;
	margin-top: 11px;
	overflow: hidden;
	margin-left: 	12px;
}

.chanpin-11-4{
	width: 	124px;
	margin-top: 11px;
	overflow: hidden;
	margin-left: 	14px;
}


.chanpin-22{
	margin-left: 13px;
	width: 390px;
	position: relative;
}

.chanpin-22  img{
	display: 	block;	
	width: 	100%;
	
}
.chanpin-22:hover .chanpin-22-hei{
	opacity: 1;
	visibility: visible;
}
.chanpin-22-hei{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/heidi.png);
	padding: 26px 33px;
	padding-bottom: 12px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.chanpin-22-hei h1{
	font-size: 20px;
	color:#e1e0e0;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

.chanpin-22-hei p{
	font-size: 16px;
	color:#e1e0e0;
	text-align: left;
	line-height: 1.6;
	padding-right: 65px;
	margin-top: 15px;
}

.chanpin-22-more{
	text-align: right;
	margin-top: 20px;
}

.chanpin-22-more span{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color:#e1e0e0;
	border:2px solid #e1e0e0;
	border-radius: 8px;
	width: 88px;
	height: 33px;
	line-height: 33px;
}

.chanpin-22-more span:hover{
	background-color: #e1e0e0;
	color:#333;
}
/***3-2*****/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 34px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -110px;
    top: 65px;
    width: 100px;
    height: 100px;
    background:url(../images/erweima.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}