/* 公共样式表css */
html, body {
	color: #333;
	margin: 0;
	height: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #000;
}
img {
	border: 0;
}
body {
	background: #F4F5F9;
	color: #666;
}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #08acee;
}
button {
	outline: 0;
}
img {
	border: 0;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	outline: none;
}
li {
	list-style: none;
}
a {
	color: #666;
}
a:hover {
	color: #eee;
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
}
/* 必要布局样式css */
.case-container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.case-index-title {
	font-size: 16px;
	text-align: center;
	padding: 50px 0;
}
.case-index-title h2 {
	font-size: 36px;
	font-family: pingfang, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-weight: normal;
}
.case-index-title a {
	width: 100px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #DBDCE0;
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 25px auto 0;
	transition: all .2s;
}
.case-index-title a:hover {
	background: #F96A69;
	border-color: #F96A69;
	color: #fff;
}
.case-index-content {
	padding-left: 13.54%;
	padding-right: 13.44%;
	position: relative;
	padding-top: 60px;
}
.case-index-content-emphasis {
	/*padding-left: 13.54%;*/
	/*padding-right: 13.44%;*/
	position: relative;
	/*padding-top: 60px;*/
}
.emphasisBgPic{
	width:100%;
	height:980px;
	background-image: url('../images/emphasis-bg-pic.png');;
	background-repeat: no-repeat;background-position: center 0;
	background-size: cover;
}
.case-index-content ul {
	margin-right: -18px;
}
.case-example-item {
	float: left;
	width: 23%;
	height: 415px;
	overflow: hidden;
	margin: 0 2% 20px 0;
	text-align: center;
	background: #fff;
	position: relative;
	transition: all .2s;
	/*box-shadow:0px 0px 5px 1px #E87D20;*/
	border-radius:5px;
	box-shadow: 0px 0px 1px 1px #DDDDDD;
}

.case-example-item:hover {
	box-shadow: 0px 0px 1px 1px #DB0F31,
	0px 0px 0px 0px rgb(232, 125, 32);

}
/*.case-example-item .ico-off :hover {*/
/*background: #DB0F31;*/
/*opacity: 0.54;*/

/*!*background-color: #E87D20;*!*/
/*!*color: #FFFFFF;*!*/
/*}*/

.case-example-item-emphasis {
	float: left;
	width: 25%;
	height: 400px;
	overflow: hidden;
	text-align: center;
	position: relative;
	transition: all .2s;
}

.case-example-item-emphasis:hover {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
	0px 0px 10px 1px rgb(102, 102, 102);
}

.case-example-item:hover div.case-info-title{
	/*color: #FFFFFF;*/
}
.case-example-item:hover div.case-info-text{
	/*color: #FFFFFF;*/
}
.case-example-item:hover div.ico-off{
	/*display: none;*/
	background: #DB0F31;
	background-image: url("../images/opacity-icon.png");
	background-repeat: no-repeat;
	background-position-x:center;
	background-position-y:center;

}

/*.case-example-item img:last-child :hover{*/
/*background: #DB0F31;*/
/*opacity: 0.74;*/
/*background-image: url("../images/opacity-icon.png");*/
/*background-repeat: no-repeat;*/
/*background-position-x:center;*/
/*background-position-y:center;*/

/*}*/

.case-example-item:hover div.ico-on{
	/*display: block;*/
}

.case-example-item a .case-pad {
	margin-top: 5%;
	width: 307px;
	height: 219px;
}

.case-example-item a .case-pad:hover {
	opacity: 0.74;
	/*background: no-repeat center/80% url("../images/opacity-icon.png");*/
}

.ico-off {
	display: block;
}

.ico-on{
	display: none;
}

.case-item-info {
	height: 160px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .2s;
}

.case-item-info-point {
	height: 155px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .2s;
}

.case-info-logo {
	margin-top: 0;
	margin-bottom: 8px;
	height: 0px;
	transition: all .2s;
}
.case-info-title {
	font-size: 24px;
	color: #646466;
	margin: 5px 0 20px 0;
	letter-spacing: 1px;
	font-weight: bold;
}
.case-info-text {
	font-size: 18px;
	color: #666;
	padding: 0 15px;
	line-height: 1.8;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
}
/*.case-index-content .case-example-item:hover .case-item-info {*/
/*height: 310px;*/
/*}*/

.case-example2-item {
	float: left;
	width: 23%;
	height: 380px;
	overflow: hidden;
	margin: 0 2% 20px 0;
	text-align: left;
	background: #fff;
	position: relative;
	transition: all .2s;
}

.case-example2-item:hover {
	box-shadow: 0px 0px 1px 5px #fff,
	0px 0px 10px 8px rgb(88, 88, 88);
}

.case-example-item2 a .case-pad {
	margin-top: 30%;
	width: 335px;
	height: 210px;
}

.case-info-example2-title {
	font-size: 20px;
	color: #000000;
	margin: 20px 0 15px 0;
	padding-left: 15px;
	letter-spacing: 2px;
	height: 20px;
	overflow: hidden;
}

.case-info-example2-text {
	font-size: 17px;
	color: #666;
	/*padding: 0 30px;*/
	text-align: left;
	line-height: 1.8;
	padding-left: 15px;
	height: 60px;
	overflow: hidden;
	letter-spacing: 2px;
}

.case-info-example2-click {
	margin: 5px 0 10px 0;
	font-size: 14px;
	color: #666;
	/*padding: 0 30px;*/
	text-align: left;
	line-height: 1.8;
	padding-left: 15px;
	max-height: 40px;
}

.case-info-example-title-emphasis {
	font-size: 20px;
	margin: 20px 0 15px 0;
	padding-left: 15px;
	letter-spacing: 2px;
	height: 20px;
	overflow: hidden;
}

.case-info-example-text-emphasis {
	font-size: 17px;
	text-align: center;
	line-height: 1.8;
	padding-left: 15px;
	height: 60px;
	overflow: hidden;
	letter-spacing: 2px;
}

.case-info-example-click-emphasis {
	margin: 20px 0 10px 0;
	font-size: 14px;
	text-align: center;
	line-height: 1.8;
	padding-left: 15px;
	max-height: 40px;
}

.service-head{
	width: 100%;
	/*height: 470px;*/
	color: #eee;
	font-size: 30px;
	/*设置为弹性容器*/
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/service-1.jpg');background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.exchange-head{
	width: 100%;
	/*height: 470px;*/
	color: #eee;
	font-size: 30px;
	/*设置为弹性容器*/
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/exchange.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.impoetantUsers-head{
	width: 100%;
	/*height: 470px;*/
	/*background-image: url('../images/aboutus-list-1.png');*/
	text-align: center; /*设置为弹性容器*/
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/aboutus-list-1.png');background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.showAndList-head{
	width: 100%;
	text-align: center; /*设置为弹性容器*/
	/*display: flex;*/
	/*定义div的里的元素水平居中*/
	justify-content: center;
	/*background: url('../images/showandlist-head.png');background-repeat: no-repeat;*/
	background-color: #F6F6F6;
	background-position: center 0;
	background-size: cover;
	height: 60px;
}

.abouts-list-head{
	/*height: 470px;*/
	width: 100%;
	text-align: center;
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/aboutus-list-1.jpg');background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.policy-head{
	/*height: 470px;*/
	width: 100%;
	text-align: center;
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/policy-head.jpg');background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.aboutus-head{
	width: 100%;
	/*height: 470px;*/
	color: #eee;
	font-size: 30px;
	/*设置为弹性容器*/
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/exchange.jpg');background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.businessStories-head{
	width: 100%;
	/*height: 470px;*/
	color: #eee;
	font-size: 30px;
	/*设置为弹性容器*/
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
	background: url('../images/businessstories-head.jpg');background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	height: 49.2vh;
}

.server-left{
	width: 34.05%;
	height: 100%;
	float: left;
	margin-right: 2.5%;
	margin-left: 13.44%;


}
.server-right{
	width: 34.05%;
	display: block;
	float: left;
	height: 100%;
	margin-left: 2.5%;
	margin-right: 13.44%;

}

.server-icon{
	text-align: center;
	padding-right: 35px;
	float: left;
	padding-bottom: 33px;
	max-width: 248px
}

.csflagDivHr{margin:20px 0 0 -9px;border-top:7px solid #fd5c63;clear:both;}
.csflagDivHr-index{margin:20px 0 0 -9px;border-top:3px solid #fd5c63;clear:both;}

.box_us{
	padding:0;
	margin-left:0px;
	text-align:center;
	display: block;
	width:100%;
	height: 80px;
	background-color: #F6F6F6;
}
.menu_us{
	font-size:16px;
	/*line-height:24px;*/
	height: 100%;
}

.menu_us .center_us {
	width: 100%;
	height: 100%;
}

.menu_us ul a:link,.menu_us a:visited{
	font-family: Arial,'微软雅黑';
	font-style:normal;
	float: left;
	font-size:20px;
	line-height:80px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
}

.nav-us{text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;}
.nav-us li{text-align: center;display: inline-block;min-height: 45px;line-height: 80px;box-sizing: border-box;padding: 0 32px;height: 100%;z-index: 1}
.nav-us li.on > a{border-color: #FF494D;color: #FFFFFF;background-color: #FF494D;height: 100%}
.nav-us li.on > a:after, .nav-us li:hover > a:after {width: 100%; }
.nav-us li > a:after{content: '';position: absolute;left: 0;bottom: 12px;width: 0;height: 2px;background: #FF494D;}
.nav-us li > a{position: relative;font-size: 20px;font-weight: bold;color: #333;display: block;height: 100%;width: 175px;z-index: 0}

.box_product{
	padding:0;
	margin-left:0px;
	text-align:center;
	display: block;
	width:100%;
	height: 60px;
}
.menu_product{
	font-size:16px;
	/*line-height:24px;*/
	height: 100%;
}

.menu_product .center_product {
	width: 100%;
	height: 100%;
}

.menu_product ul a:link,.menu_product a:visited{
	font-family: Helvetica;
	width: 200px;
	padding: 0 10px;
	/*white-space:pre-wrap;*/
	color: #ffffff;
	/*font-family: Arial,'微软雅黑';*/
	/*font-style:normal;*/
	float: left;
	font-size:16px;
	letter-spacing:2px;
	line-height: 5px;
	text-align:center;
	text-decoration:none;
	/*设置为弹性容器*/
	display: flex;
	/*定义div的元素垂直居中*/
	align-items: center;
	/*定义div的里的元素水平居中*/
	justify-content: center;
}

.nav-product{text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;}
.nav-product li{text-align: center;display: inline-block;min-height: 45px;line-height: 80px;box-sizing: border-box;height: 100%;z-index: 1}
.nav-product li.on > a{color: #000000;height: 100%;width: 200px;padding: 0 5px;background-color: #FFFFFF}
.nav-product li.on > a:after, .nav-product li:hover > a:after {width: 100%;color: #000000;}
.nav-product li > a:after{content: '';position: absolute;left: 0;bottom: 5px;width: 0;height: 2px;}/*产品体系二级导航的下划线f.case-example-item:hoverbackground: #FF494D;*/
.nav-product li > a{position: relative;font-size: 18px;color: #000000;display: block;height: 100%;width: 175px;z-index: 0}


.companyNews-a{
	font-size: 13px;
	letter-spacing:2px
}

.companyNews-a:hover{
	box-shadow: 0px 0px 1px 5px #fff,
	0px 0px 10px 8px rgb(88, 88, 88);
	z-index: 2;
}

.companyNews-img{
	width: 130px;
	height: 35px;
}

.companyNews-img:hover{
	box-shadow: 0px 0px 1px 5px #fff,
	0px 0px 10px 8px rgb(88, 88, 88);
}

.news-title {
	font-size: 20px;
	color: #000000;
	margin: 20px 0 15px 0;
	padding: 0 15px 0 15px;
	letter-spacing: 2px;
	height: 19px;
	overflow: hidden;
}

.news-date {
	font-size: 17px;
	color: #666;
	/*padding: 0 30px;*/
	text-align: left;
	line-height: 1.8;
	padding: 0 15px 0 15px;
	height: 30px;
	overflow: hidden;
	letter-spacing: 2px;
}

.news-text {
	font-size: 17px;
	color: #666;
	margin: 20px 0 15px 0;
	text-align: left;
	line-height: 1.8;
	padding: 0 15px 0 15px;
	height: 60px;
	overflow: hidden;
	letter-spacing: 2px;
}

.companyNews-left{
	float: left;
	width: 28%;
	margin-right: 7%;
	height: 534px;
	box-shadow: 0px 0px 1px 1px #DDDDDD;
}

.companyNews-right{
	height: 724px;
	width: 65%;
	float: left;
	height: 534px;
	box-shadow: 0px 0px 1px 1px #DDDDDD;
	padding: 30px 30px 30px 30px;
	overflow: hidden;
}

.companyNews-right tr{
	height: 85px;
}

.companyNews-title{
	float:left;_width:90%! important;
	display: flex;
	align-items: center;
	font-size: 20px;
	width: 100%;
}

.companyNews-content{
	margin-top: 15px;
	float:left;
	_width:90%! important;
	display: flex;
	align-items: center;
	font-size: 16px;
	width: 100%;
	overflow:hidden;
	white-space:nowrap;
}
.companyNews-right table{
	margin-bottom: 0px;
}
.companyNews-day{
	margin-top: 10px;
	font-size: 40px;
	color: #DB0F31;
	width: 100%;
}

.companyNews-yearMon{
	font-size: 14px;
	color: #DB0F31;
	margin-top: 5px;
	width: 80px;
}

.showAndList div{
	border: 1px solid #333;
	float: left;
	width: 25%;
	height: 50px;
	width: 100%;
}

.contentBody p > img {
	width: 100%;
}