/* CSS Document */

/* 焦点图 */
.addWrap {
	position: relative;
	width: 100%;
	z-index: 0;
}
.addWrap .swipe {
	position: relative;
	overflow: hidden;
	visibility: hidden;
}
.addWrap .swipe-wrap {
	position: relative;
	overflow: hidden;
}
.addWrap .swipe-wrap div {
	float: left;
	position: relative;
	width: 100%;
}
.addWrap .img-responsive {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}
#position {
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}
#position li {
	display: inline-block;
	width: 24px;
	height: 2px;
	background: #FFF;
	vertical-align: middle;
}
#position li.cur {
	background: #0940B0;
}

/* service */
.service {
	position: relative;
	margin: -40px 18px 0;
}
.service ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.service li {
	width: 33.33%;
	padding: 5px;
	height: 100px;
	box-sizing: border-box;
	background: #FFF;
}
.service li a {
	display: block;
	padding-top: 8px;
	border: 1px solid rgba(255,255,255,0.2);
	height: 80px;
	text-align: center;
}
.service li.col1 {
	background: url(../img/ser_mod_1.jpg) center;
	background-size: cover;
}
.service li.col3 {
	background: url(../img/ser_mod_3.jpg) center;
	background-size: cover;
}
.service li.col5 {
	background: url(../img/ser_mod_5.jpg) center;
	background-size: cover;
}
.service li:nth-of-type(odd) a {
	color: #FFF;
}
.service li:nth-of-type(odd) a:hover {
	border: 1px solid rgba(255,255,255,0.5);
	transition: 0.3s;
}
.service li:nth-of-type(even) a {
	color: #333;
}
.service li:nth-of-type(even) a:hover {
	border: 1px solid rgba(0,0,0,0.1);
	transition: 0.3s;
}
.service li a h3 {
	font-size: 14px;
	font-weight: normal;
}

/* about */
.about {
	padding: 20px 18px 0;
	height: 320px;
	background: url(../img/about_bg.jpg) no-repeat center bottom;
	background-size: 720px;
}
.about .intro {
	padding-top: 40px;
	width: 220px;
}
.about .intro .tit {
	height: 80px;
	color: #083FB0;
}
.about .intro h2 {
	font-size: 22px;
	font-weight: normal;
}
.about .intro h3 {
	font-size: 16px;
	font-weight: normal;
}
.about .intro .con {
	height: 112px;
	font-size: 12px;
	line-height: 24px;
}
.about .column {
	display: -webkit-flex;
	display: flex;
	height: 48px;
	background: url(../img/column_line.png) no-repeat center #6686FF;
}
.about .column a {
	-webkit-flex: 1;
	flex: 1;
	padding-left: 28px;
	height: 48px;
	font-size: 14px;
	color: #FFF;
	line-height: 48px;
	text-align: center;
}
.about .column a.ico1 {
	background: url(../img/about_ico_1.png) no-repeat 30% center;
	background-size: 18px;
}
.about .column a.ico2 {
	background: url(../img/about_ico_2.png) no-repeat 30% center;
	background-size: 18px;
}

/* product */
.product {
	padding: 40px 0;
	background: url(../img/product_bg.jpg) center top;
	background-size: cover;
}
.product .tit {
	padding: 0 16px;
	height: 62px;
	color: #FFF;
}
.product .tit h2 {
	font-size: 22px;
	font-weight: normal;
}
.product .tit h3 {
	font-size: 16px;
	font-weight: normal;
}
.product .list {
	padding: 12px;
	overflow: hidden;
}
.product .list li {
	float: left;
	padding: 6px;
	width: 50%;
	box-sizing: border-box;
}
.product .list li a {
	display: block;
	background: #FFF;
}
.product .list li a .con {
	padding: 10px 12px;
}
.product .list li a .con h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
}
.product .btm {
	padding-top: 10px;
	text-align: center;
}
.product .btm a.more_btn {
	display: inline-block;
	padding-right: 16px;
	width: 144px;
	height: 40px;
	border-radius: 20px;
	background: url(../img/more_ico.png) no-repeat 110px center #FFF;
	background-size: 16px;
	box-shadow: 0 4px 16px rgba(0,0,0,.1);
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

/* news */
.news {
	padding: 40px 18px;
}
.news .tit {
	height: 64px;
	color: #083FB0;
}
.news .tit h2 {
	font-size: 22px;
	font-weight: normal;
}
.news .tit h3 {
	font-size: 16px;
	font-weight: normal;
}
.news .list {
	padding-bottom: 18px;
}
.news .list li {
	padding: 16px 0;
	border-bottom: 1px solid #E6E6E6;
}
.news .list li a {
	display: -webkit-flex;
	display: flex;
}
.news .list li .date {
	padding: 12px 0 0 12px;
	width: 56px;
	height: 56px;
	background: #6686FF;
}
.news .list li .date span {
	display: block;
	color: #FFF;
	line-height: 23px;
}
.news .list li .con {
	padding-left: 16px;
	-webkit-flex: 1;
	flex: 1;
}
.news .list li h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 180%;
}
.news .list li p {
	padding-top: 2px;
	font-size: 12px;
	color: #666;
	line-height: 180%;
}
.news .btm {
	padding-top: 10px;
	text-align: center;
}
.news .btm a.more_btn {
	display: inline-block;
	padding-right: 16px;
	width: 144px;
	height: 40px;
	border-radius: 20px;
	background: url(../img/more_ico.png) no-repeat 110px center #FFF;
	background-size: 16px;
	box-shadow: 0 4px 16px rgba(0,0,0,.05);
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

/* culture */
.culture {
	padding: 40px 0 22px;
	background: #E6EBF2;
}
.culture .tit {
	padding: 0 16px;
	height: 62px;
	color: #083FB0;
}
.culture .tit h2 {
	font-size: 22px;
	font-weight: normal;
}
.culture .tit h3 {
	font-size: 16px;
	font-weight: normal;
}
.culture .list {
	padding: 12px;
	overflow: hidden;
}
.culture .list li {
	float: left;
	padding: 6px;
	width: 50%;
	box-sizing: border-box;
}
.culture .list li a {
	display: block;
	background: #FFF;
}
.culture .list li a .con {
	padding: 10px 12px;
}
.culture .list li a .con h4 {
	font-size: 12px;
	font-weight: normal;
	line-height: 160%;
}

.culture_column {
	padding: 40px 18px;
	background: url(../img/culture_bg.jpg);
}
.culture_column .con {
	padding: 10px;
	background: url(../img/culture_column_line.png) no-repeat center rgba(102,134,255,.9);
}
.culture_column ul {
	display: -webkit-flex;
	display: flex;
	border: 1px solid rgba(255,255,255,.2);
}
.culture_column li {
	-webkit-flex: 1;
	flex: 1;
}
.culture_column li a {
	display: block;
	padding: 20px 0;
	color: #FFF;
	text-align: center;
}
.culture_column li a img {
	padding: 4px 0 8px;
}
.culture_column li a h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 160%;
}
.culture_column li a p {
	font-size: 10px;
	line-height: 160%;
}