@charset "utf-8";
/* 样式重置----Copyright © 2015 奇思创想All Rights Reserved. */

html {
	margin: 0;
	padding: 0;
	font: inherit;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-weight: 400;
	font-style: normal;
}
a{
	cursor: pointer;
}
body, button, input, select, textarea {
	color: #3c3c3c;
	font-family: PingFang-SC-Regular,Helvetica Neue, Helvetica, Arial, sans-serif;		
	font-size: 12px;
	line-height: 1.7;
	word-wrap: break-word;
	margin: 0;
	padding: 0;

}
h1,h2,h3,h4,h5,h6,ol,ul,p,form,em,b{ display:block; margin:0;margin:0;font-weight:normal; font-style:normal}
span,i,a{margin:0;margin:0;  font-style:normal}

img{border:none;vertical-align:top;-webkit-touch-callout: none; }
ol,ul,dl,dd{padding:0;margin:0;list-style:none;}

/*h5*/
.section {display: block}
/*微博 微信 灰色*/
.big img{-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);}

.big img:hover{-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);}



/*定义超链接*/
a:link{text-decoration: none; color:#000}		/* 未被访问*/
a:visited{text-decoration: none; color: #000;  }	/* 已被访问*/
a:hover{text-decoration: none; }	/* 鼠标经过*/
a:active {text-decoration: none;color:#333}		/* 鼠标激活*/
a:focus{outline:none}

body a, html a {
	color: #000;
}
/*动画*/
a,.bianhua1 h2,.img_2,.usu li,.usu li h2{
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

/*宽度比例*/
.technology li a:hover  img,.h_about li a:hover,.responsive li:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-ms-transform:scale(1.2);
}


.top_line, .bottom_line, .left_line, .right_line,.tit{
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	transition: all .8s ease;
}

.fadeInUp{
	-webkit-animation:fadeInUp 1000ms .8s ease both;
}
.fadeInRightm{-webkit-animation:fadeInUp 1200ms .1s ease both;}




/**改变图片颜色变化**/
.tem_content li a img,.product li a img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}
.tem_content li a img:hover,.product li a img:hover,{
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	filter: grayscale(90%);
}




/*清除浮动*/
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoo:1;
}

.fl{ float:left}
.fr{ float:right}


/**自定义**/


/**宽度**/


/**浮动**/
.fl{ float:left;}
.fr{ float:right;}

/**高度**/
.height17{ width:100%; height:17px; clear:both;}
.height27{ width:100%; height:27px; clear:both;}
.w1082{ width:1082px; margin:0 auto; overflow:hidden}


/**颜色**/
.e79{color:#e79696}

.w1200{
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
}
.w1200-no{
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}



/**字体图标引用**/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-gderrw');
	src:url('../fonts/icomoon.eot?#iefix-gderrw') format('embedded-opentype'),
	url('../fonts/icomoon.woff?-gderrw') format('woff'),
	url('../fonts/icomoon.ttf?-gderrw') format('truetype'),
	url('../fonts/icomoon.svg?-gderrw#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}