﻿@charset "utf-8";

/* CSS Document */


/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior: url(css/PIE.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/


/*--默认--*/

* {
	margin: 0;
	padding: 0;
}

html {
	_background-image: url(about:blank);
	_background-attachment: fixed;
	background: #FFFFFF;
}

body {
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	color: #333;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

ol,
ul,
li {
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #333;
}

img {
	border: none;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	word-wrap: break-word;
	word-break: break-all;
}

tr,
td,
th {
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a:focus {
	outline: none;
}

a:hover {
	color: inherit;
}

.l-float {
	float: left;
}

.r-float {
	float: right;
}

.textoverflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.textover2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.textover3 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}


/*清除样式 */


/*.clearfix { zoom: 1; _height: 1px; }*/


/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/

.clearfix {
	clear: both;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.wrap_1440 {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.business_area .busImg,
.group_bus ul li .bgimg {
	transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
}

.business_area .top-bus .bot-item:hover .busImg,
.business_area .top-bus.ksbus:hover .busImg,
.business_area .left-bus:hover .busImg,
.group_bus ul li:hover .bgimg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-space {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.flex-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-between-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.webshow {
	display: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.wrap_1440 {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
}

@media screen and (max-width: 750px) {
	.pcShow {
		display: none;
	}
	.webshow {
		display: block;
	}
}
