﻿	@charset "utf-8";
	
/*
	--------------------------
	间距清除 
	--------------------------
*/
	
	body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
	ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
	form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
	embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
	blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select
	
									{ 	margin:0; padding:0;	}
	ol,ul 							{ 	list-style:none; 		}

	* 								{	
										-webkit-box-sizing: border-box;
										-moz-box-sizing: border-box;
										box-sizing: border-box;
										outline: 0;
									}

/*
	--------------------------
	A标签 配置 
	--------------------------
*/
	a  								{
										text-decoration:none;
										outline:none;
										color: #666;
									}
	
	a:hover 						{	color: #000;			}
	img  							{	border: 0; 				}
	a:focus 						{	outline: none;			}
/*
	--------------------------
	Body 配置 
	--------------------------
*/
	html             				{
										overflow-x:hidden;
										-webkit-text-size-adjust:none;
									}
	body 							{
										-webkit-font-smoothing: antialiased;
										font-family: ;
										background: #fff;
										font-size: 14px;
										color: #666;
									}
	
/*
	--------------------------
	表单控件设置 
	--------------------------
*/
	
	table 							{	border-collapse: collapse; width: 100%;	 }
	
	input[type='reset'],
	input[type='button'],
	input[type='submit'],
	input[type='radio'] 			{	cursor: pointer; outline: none;		     }
	
	input[type='checkbox'],
	input[type='radio'] 	 		{ 
										position: relative;
										vertical-align: middle;
										margin-top: -2px;
										margin-bottom:1px;
										margin-left: 5px;
										margin-right: 5px;
									}
	
	textarea,
	input[type='email'],
	input[type='date'],
	input[type='password'],
	input[type='text'] 				{	
										padding: 0px;
										color: #666;
										font-size: 14px;
										outline: none;
									}
	
	
/*
	--------------------------
	快捷方式
	--------------------------
*/
	.f-l 							{	float: left;					}
	.f-r 							{	float: right;					}
	.clearfix:after 				{	clear: both;
										height: 0;
										content: "";
										line-height: 0;
										font-size: 0;
										display: block;
									}

.clearfix {
  clear: both;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -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);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #ccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333;
}
.body {
  min-width: 1200px;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.w1220 {
  width: 1220px;
  margin: 0 auto;
}




.home_con {
  background: url(../images/bg1.jpg) no-repeat center top;
  height: 289px;
}
.home_con ul {
  width: 110%;
  padding-top: 30px;
}
.home_con ul li {
  width: 390px;
  height: 229px;
  position: relative;
  float: left;
  margin-right: 15px;
}
.home_con ul li span {
  display: block;
  width: 390px;
  height: 229px;
  position: relative;
}
.home_con ul li span img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home_con ul li em {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.home_con ul li .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 80px 0 0;
}
.home_con ul li .text h3 {
  font-weight: normal;
  color: #ffffff;
  font-size: 22px;
}
.home_con ul li .text .t {
  margin-top: 10px;
  padding: 0 56px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
}


.home_con3 {
  background: url(../img/homebg.jpg) no-repeat center top;
  height: 450px;
}
.home_con3 .home_tit {
  padding-top: 38px;
}
.home_con3 .home_tit .bt {
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  font-weight: normal;
}
.home_con3 .home_tit .t {
  margin-top: 10px;
  color: #c1c1c1;
  font-size: 15px;
  text-align: center;
}
.home_con3 .home_div3 {
  margin-top: 68px;
  overflow: hidden;
  padding: 0 73px;
}
.home_con3 .home_div3 ul {
  width: 110%;
}
.home_con3 .home_div3 ul li {
  width: 142px;
  height: 164px;
  float: left;
  margin-right: 10px;
}

.home_con3 .home_div3,.other_body .home_con52 li,.other_body .home_con52 .home_div4,.support_banner li,.merchants_body .home_con41 .home_div4,.home_con3 .home_div3 li{
	overflow: inherit;
}

.index_body li:hover img,.home_div2 dl a:hover img,.product_body li:hover img,.solution_body li:hover img,.other_body li:hover img,.service_body li:hover img,.support_con dd:hover img,.merchants_body li:hover img,.about_body li:hover img,.about_con3 dt:hover img,.dizhi span:hover img,.news_body li:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.home_con3 li:hover img,.support_banner li:hover img,.merchants_body .home_con41 li:hover{
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
}
.other_body .home_con41 li:hover {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}
