@charset "utf-8";
/* 样式重置*/


/*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, .product_b_ul li:hover, .service_ul li a:hover span,
.service_ul li a:hover h3, .service_ul li a .img_2:hover,
.home_news li,.home_news li h2,.home_news li span,.home_news_r li b,
.home_news_r li h2,.home_news_r li span,.contact_ul li,.support li.support_tel, .characteristics_ul li a .img_3:hover
,.characteristics_ul li span,.characteristics_ul li h3,.marketing_implementation li:hover h2,
.function_ul li,.function_ul li span,.news_nav li:hover,.news_nav .hover,.news_images .img:hover,.cases_title li,
.support li.support_qq:hover,.support li.support_dz,.support li.support_ph,.support_wechat,.top_top,.software li,.software li h3
,.jz_advantage li a .img_3:hover,.jz_advantage li h3,.jz_advantage li span,.operating_xh2,.operating_xh2 h2,.operating_xh2 p
,.operating_xh3,.operating_xh3 h2,.operating_xh3 p,.operating_xh4,.operating_xh4 h2,.operating_xh4 p,.pre span{
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

.responsive li a img{
	transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
	
}

/*宽度比例*/
.technology li a:hover img,.h_about li a:hover, .box .responsive li:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}



.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%);
}

.fff{
	color: #fff;
}





/*清除浮动*/
 .clearfix:after{
     content:"";
     display:block;
     clear:both;
}
.clearfix{
     zoo:1;
}





/**自定义**/
.hidden{ display:none}
.show{ display:block}
.over_hid{ overflow:hidden}
.orange{
	background-color: #ff6915 !important;
}
.green{
	background-color: #31cebe !important;
}
.height17{
	width: 100%;
	height: 17px;
	clear: both;
}

	/**宽度**/





/**浮动**/
.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: 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;
}
