﻿@charset "utf-8";

/*position*/

.position {
	height: 61px;
	line-height: 61px;
	border-bottom: 1px solid #c19f5f;
	font-size: 12px;
	font-weight: bold;
	color: #9e9e9e;
	position: relative;
}

.position i {
	font-size: 14px;
	color: #e9d0b8;
	font-weight: normal;
}

.position i.icon-sanjiao {
	color: #c9c9c9;
	margin: 0 10px;
}

.position a {
	font-size: 12px;
	font-weight: bold;
	color: #e9d0b8;
}


/*smallnav*/

.smallnav {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: -1px;
}

.smallnav a {
	display: block;
	float: left;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #6F6E6C;
    height: 32px;
    line-height: 32px;
    padding: 0px 8px;
}

.smallnav a span {
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	background: #23273f;
	top: 59px;
	left: 50%;
}

.smallnav a.active {
	color: #23273f;
}

.smallnav a.active span {
	width: 100%;
	height: 2px;
	left: 0;
}


/*footer*/

#footer {
	background: #333;
}

.footer-con .copyright p {
	color: #999;
}

.footer-con .copyright p a {
	color: #999;
}

.footer-con .copyright p a:hover {
	color: #fff;
}

.footer-con .copyright p:first-child {
	color: #999;
}

.footer-con .address {
	background-position: 0 -60px;
}

.footer-con .follow ul li.weixin i {
	color: #87888d;
}

.footer-con .follow ul li.weibo i {
	color: #87888d;
}

.footer-con .follow ul li.phone i {
	color: #87888d;
}

.footer-con .follow ul li i {
	transition: all .3s linear;
}

.footer-con .follow ul li:hover i {
	color: #dbdbdb;
}

.container-con {
	height: 341px;
	overflow: hidden;
	padding: 30px 0 80px;
	
}

.three-nav {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #1a1d30;
	text-align: center;
}

.three-nav li {
	width: 170px;
	height: 50px;
	line-height: 50px;
	border-right: 3px solid #1a1d30;
	float: left;
	font-size: 13px;
	color: #666;
	font-weight: bold;
	cursor: pointer;
	transition: all .3s linear;
}

.three-nav li a {
	display: block;
}

.three-nav li.active a,
.three-nav li a:hover {
	color: #1a1d30;
	background: #c19f5f;
}

.three-nav li.active,
.three-nav li:hover {
	color: #fff;
	background: #c19f5f;
}

.three-nav.longer li {
	width: 160px;
}

.btn-more {
	width: 100%;
	height: 58px;
	line-height: 58px;
	background: #c19f5f;
	text-align: center;
	color: #23273f;
	transition: all .3s linear;
	cursor: pointer;
}

.btn-more i {
	font-size: 31px;
	vertical-align: -5px;
}

.btn-more:hover {
	background: #23273f;
}

.btn-more:hover i {
	color: #e8e8e8;
}


/*about*/

.about .banner {
	width: 100%;
	
}
.about .banner img{
	display: block;
	width: 100%;
}
.about .position {
	border: 0;
}

.about .container-con {
	padding: 0;
	padding-bottom: 80px;
}

.about .smallnav {
	height: 48px;
	line-height: 48px;
}

.about .smallnav a span {
	top: 46px;
}

.about .about-title {
	width: 100%;
	height: 121px;
	position: relative;
	background: url(../images/about-title_1.png) center no-repeat;
	background-size: cover;
	border-bottom: 1px solid #ededed;
}

.about .about-box {
	width: 100%;
	height: 350px;
	overflow: hidden;
	position: relative
}

.about .about-box a {
	width: 535px;
	float: left;
	display: block;
	position: absolute;
}

.about .about-box a.introduce {
	height: 350px;
	background: url(../images/about-introduce_1.jpg) center no-repeat;
	background-size: cover;
	left: 0;
	top: 0
}

.about .about-box a.brand {
	height: 170px;
	background: url(../images/about-brand_1.jpg) center no-repeat;
	background-size: cover;
	right: 0;
	top: 0
}

.about .about-box a.responsibility {
	height: 170px;
	background: url(../images/about-responsibility_1.jpg) center no-repeat;
	background-size: cover;
	right: 0;
	bottom: 0;
}

.about .about-box a span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity=0);
	background: rgba(0, 0, 0, 0);
	transition: all .3s linear;
}

.about .about-box a.on span {
	filter: alpha(opacity=0);
	background: rgba(0, 0, 0, 0);
}

.about .about-box a.off span {
	filter: alpha(opacity=35);
	background: rgba(0, 0, 0, .35);
}


/*about-introduce*/

.about .slideTxtBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .slideTxtBox-con {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}

.about .slideTxtBox-con p {
	font-size: 13px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 10px;
}

.about .slideTxtBox-con .text-l {
	width: 510px;
	height: auto;
	overflow: hidden;
	float: left;
}

.about .slideTxtBox-con .text-r {
	width: 510px;
	height: auto;
	overflow: hidden;
	float: right;
}

.about .slideTxtBox-con .text-r p {
	margin-bottom: 12px;
}

.about .slideTxtBox-con h2 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}

.about .slideTxtBox-con .gk .img-box {
	height: auto;
	overflow: hidden;
	margin-top: 2px;
	clear: both;
}

.about .slideTxtBox-con .fgs .img-box {
	margin-top: 20px;
	position: relative;
}

.about .slideTxtBox-con .fgs .img-box a {
	position: absolute;
	;
	right: 117px;
	bottom: 122px;
	width: 198px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #5c6876;
	color: #5c6876;
	text-align: center;
	display: block;
}

.about .slideTxtBox-con .fgs .img-box a:hover {
	background: #5c6876;
	color: #fff;
}

.about .slideTxtBox-con .wy .img-box {
	margin-top: 15px;
	height: auto;
	overflow: hidden;
	clear: both;
}


/*about-speech*/

.about .speech {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .speech-l {
	width: 420px;
	height: 410px;
	float: left;
	background: url(../images/speech-name_1.png) 0 260px no-repeat #5e5656;
	position: relative;
}

.about .speech-l .text-box {
	position: absolute;
	left: 35px;
	top: 115px;
}

.about .speech-l .text-box p {
	font-size: 13px;
	color: #fff;
	margin-bottom: 6px;
}

.about .speech-r {
	width: 660px;
	height: 410px;
	float: right;
}


/*about-partner*/

.about .partner {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .partner-con {
	height: auto;
	overflow: hidden;
}

.about .partner-con .grid-container {
	height: auto;
	overflow: hidden;
	position: relative;
}

.about .partner-con .thumb-container {
	width: 158px;
	height: auto;
	float: left;
	margin-right: 24px;
	margin-top: 24px;
	border: 1px solid #ededed;
	overflow: hidden;
	cursor: pointer;
}

.about .partner-con .thumb-container img {
	width: 158px;
	height: 158px;
	display: block;
	transition: all .3s linear;
}

.about .partner-con .thumb-container img:hover {
	transform: scale(1.05);
}

.about .partner-con .grid-container h2 {
	font-size: 13px;
	color: #333;
	padding: 20px 20px 10px 20px;
	position: relative;
}

.about .partner-con .grid-container h2 .btn-href {
	color: #4863a5;
	margin-right: 10px;
	position: absolute;
	right: 20px;
}

.about .partner-con .grid-container h2 .btn-href i {
	font-size: 14px;
	margin-right: 10px;
	vertical-align: 1px;
}

.about .partner-con .grid-container p {
	font-size: 12px;
	color: #999;
	line-height: 25px;
	padding: 0 20px 20px 20px;
}


/*about-history*/

.about .history {
	height: 330px;
	overflow: hidden;
	position: relative;
	margin-top: 60px;
}

.about .history .prev,
.about .history .next {
	position: absolute;
	top: 146px;
	font-size: 36px;
	color: #dedede;
}

.about .history .prev:hover,
.about .history .next:hover {
	color: #8c79a8;
}

.about .history .prev {
	left: 0;
}

.about .history .next {
	right: 0;
	top: 147px
}

.about .history .scrollWrap {
	width: 1010px;
	height: 330px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/history-bg_1.jpg) center repeat-x;
}

.about .history .picList {
	height: 330px;
}

.about .history .picList li {
	width: 200px;
	height: 171px;
	padding: 0 20px;
	margin-left: -90px;
	background: url(../images/history-topli_1.png) center no-repeat;
	position: relative;
	float: left;
	display: inline;
}

.about .history .picList li:first-child {
	margin-left: 0;
}

.about .history .picList li.even {
	top: 160px;
	background: url(../images/history-botli_1.png) center no-repeat;
}

.about .history .picList li h2 {
	position: absolute;
	bottom: 45px;
	font-size: 16px;
	width: 200px;
	text-align: center;
	color: #fff;
}

.about .history .picList li p {
	margin-top: 10px;
}

.about .history .picList li.even p {
	margin-top: 85px;
}

.about .history .picList li.even h2 {
	top: 45px;
	bottom: 0;
}


/*about-brand*/

.about .culture {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .culture .logo-box {
	height: auto;
	overflow: hidden;
}

.about .culture .logo-box li {
	width: 268px;
	height: 100px;
	background: #f0f0f0;
	float: left;
	border-left: 2px solid #fff;
	text-align: center;
}

.about .culture .logo-box li:first-child {
	border: 0
}

.about .culture .logo-box li h2 {
	font-size: 18px;
	font-weight: bold;
	color: #76678a;
	padding-top: 28px;
}

.about .culture .logo-box li p {
	font-size: 14px;
	color: #b8b2c0;
}

.about .culture .logo-box li img {
	width: 268px;
	height: 100px;
}

.about .culture .analysis {
	height: auto;
	font-size: 13px;
	font-weight: bold;
	color: #5e5272;
	padding-bottom: 5px;
	margin-top: 30px;
}

.about .culture .analysis .logos {
	width: 112px;
	height: 28px;
	background: url(../images/brand-logo4_1.png) center no-repeat;
	display: inline-block;
	position: relative;
	top: 9px
}

.about .culture .analysis .logok {
	width: 31px;
	height: 21px;
	background: url(../images/brand-logo5_1.png) center no-repeat;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-left: 30px;
}

.about .culture .analysis .logol {
	width: 31px;
	height: 21px;
	background: url(../images/brand-logo6_1.png) center no-repeat;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-left: 20px
}

.about .culture .analysis b {
	width: 2px;
	height: 22px;
	background: #cbc5d3;
	display: inline-block;
	position: relative;
	top: 6px;
	margin: 0 13px;
}

.about .culture .grid {
	width: 100%;
	height: 228px;
	background: url(../images/grid-bg_1.png) center no-repeat;
	margin-top: 50px;
}

.about .culture .grid li {
	width: 220px;
	height: 62px;
	padding: 30px 25px;
	color: #5e5272;
	float: left;
}

.about .culture .grid li h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.about .culture .grid li h2 span {
	font-size: 14px;
	font-weight: normal;
}


/*about-office*/

.about .office {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .office .title {
	height: auto;
	overflow: hidden;
}

.about .office .title .img-box {
	width: 340px;
	height: 330px;
	background: url(../images/office-img_1.jpg) center no-repeat;
	float: left;
	margin-right: 30px;
}

.about .office .title .text-box {
	height: auto;
	overflow: hidden;
}

.about .office .title .text-box h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.about .office .title .text-box p {
	font-size: 13px;
	color: #838383;
	line-height: 24px;
}

.about .office .title .text-box p b {
	color: #666;
	margin-bottom: 5px;
	display: block;
}

.about .office .title .text-box .line {
	height: 1px;
	background: #dcdcdc;
	margin: 20px 0;
}

.about .office-box {
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}

.about .office-box li {
	width: 340px;
	height: auto;
	overflow: hidden;
	margin-left: 30px;
	float: left;
	padding-top: 70px;
}

.about .office-box li:first-child {
	margin: 0;
}

.about .office-box li.jz {
	background: url(../images/more-jz-t_1.png) top no-repeat;
}

.about .office-box li.ls {
	background: url(../images/more-ls-t_1.png) top no-repeat;
}

.about .office-box li.xf {
	background: url(../images/more-xf-t_1.png) top no-repeat;
}

.about .office-box li .text-box {
	max-height: 44px;
	overflow: hidden;
	margin-bottom: 10px;
}

.about .office-box li p {
	font-size: 13px;
	color: #666;
	line-height: 22px;
	margin-bottom: 10px;
}

.about .office-box li img {
	width: 340px;
	height: 180px;
}


/*about-honor*/

.about .honor {
	height: auto;
	overflow: auto;
	margin-top: 30px;
}

.about .honor .qy,
.about .honor .xm {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.about .honor-list-con ul {
	width: 1096px;
	height: auto;
	overflow: hidden;
	margin: 20px 0;
}

.about .honor-list-con ul li {
	width: 260px;
	height: 260px;
	overflow: hidden;
	background: #eeeeee;
	float: left;
	margin: 0 14px 14px 0;
}

.about .honor-list-con ul li img {
	width: 183px;
	height: 133px;
	margin: 45px auto 20px;
	display: block;
}

.about .honor-list-con ul li p {
	font-size: 12px;
	color: #666;
	text-align: center;
}


/*about-video*/

.about .video {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .video .headline {
	height: auto;
	overflow: hidden;
}

.about .video .headline .img-box {
	width: 492px;
	height: 270px;
	overflow: hidden;
	border: 2px solid #d2d2d2;
	position: relative;
	float: left;
	margin-right: 30px;
}

.about .video .headline .img-box img {
	width: 492px;
	height: 270px;
	display: block;
}

.about .video .headline .img-box span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity=50);
	background: rgba(0, 0, 0, .5);
	opacity: 1;
	transition: all .3s linear
}

.about .video .headline .img-box span i {
	font-size: 60px;
	color: #eae6e3;
	position: absolute;
	left: 210px;
	top: 100px;
	transition: all .3s linear
}

.about .video .headline .img-box:hover span {
	opacity: 0;
	filter: alpha(opacity=0);
}

.about .video .headline .img-box:hover span i {
	transform: scale(10, 10);
}

.about .video .headline .text-box {
	height: auto;
	overflow: hidden;
}

.about .video .headline .text-box h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 35px 0 15px;
}

.about .video .headline .text-box .date {
	font-size: 12px;
	color: #999;
}

.about .video ul {
	width: 1104px;
	height: auto;
	overflow: hidden;
	margin: 34px 0 25px;
}

.about .video ul li {
	width: 250px;
	height: 200px;
	overflow: hidden;
	background: #eee;
	float: left;
	margin-right: 26px;
	margin-bottom: 26px
}

.about .video ul li .img-box {
	width: 250px;
	height: 140px;
	overflow: hidden;
	position: relative;
}

.about .video ul li .img-box span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity=0);
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: all .3s linear
}

.about .video ul li .img-box span i {
	font-size: 42px;
	transform: scale(10, 10);
	color: #eae6e3;
	position: absolute;
	left: 100px;
	top: 50px;
	transition: all .3s linear
}

.about .video ul li .img-box img {
	width: 250px;
	height: 140px;
	display: block;
	transition: all .3s linear
}

.about .video ul li .text-box {
	padding: 10px 20px;
}

.about .video ul li .text-box h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	transition: all .3s linear
}

.about .video ul li .text-box p {
	font-size: 12px;
	color: #666;
}

.about .video ul li:hover .img-box span {
	opacity: 1;
	filter: alpha(opacity=50);
}

.about .video ul li:hover .img-box span i {
	transform: scale(1, 1);
}

.about .video ul li:hover .text-box h2 {
	color: #23273f;
}


/*about-fund*/

.about .fund {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .fund .title {
	height: auto;
	overflow: hidden;
}

.about .fund .title .img-box {
	width: 352px;
	height: 210px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
}

.about .fund .title .img-box img {
	width: 352px;
	height: 210px;
	display: block;
}

.about .fund .title .text-box {
	height: auto;
	overflow: hidden;
}

.about .fund .title .text-box h2 {
	font-size: 16px;
	font-weight: bold;
	color: #e29e29;
	margin: 10px 0 5px;
}

.about .fund .title .text-box p {
	font-size: 12px;
	color: #333;
	line-height: 22px;
	margin-bottom: 5px;
}

.about .fund .blocktext {
	height: auto;
	overflow: hidden;
	padding: 20px;
	background: #f1f1f1;
	margin-top: 30px;
}

.about .fund .blocktext p {
	line-height: 24px;
	font-size: 13px;
	color: #666;
	margin-bottom: 2px;
}

.about .fund .blocktext p b {
	font-size: 16px
}

.about .fund .line {
	height: 1px;
	background: #f1f1f1;
	margin: 30px 0;
}

.about .fund .img-list {
	width: 1089px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
}

.about .fund .img-list li {
	width: 351px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 12px;
}

.about .fund .img-list li img {
	width: 351px;
	height: 234px;
	display: block;
	margin-bottom: 15px;
}

.about .fund .img-list li p {
	font-size: 14px;
	color: #838383;
	text-align: center;
}


/*about-standard*/

.about .standard {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.about .standard .title {
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.about .standard .title .img-box {
	width: 352px;
	height: 210px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
}

.about .standard .title .img-box img {
	width: 352px;
	height: 210px;
	display: block;
}

.about .standard .title .text-box {
	height: auto;
	overflow: hidden;
}

.about .standard .title .text-box h2 {
	font-size: 16px;
	font-weight: bold;
	color: #e29e29;
	margin: 10px 0 5px;
}

.about .standard .title .text-box p {
	font-size: 12px;
	color: #333;
	line-height: 22px;
	margin-bottom: 5px;
}

.about .standard .blocktext {
	height: auto;
	overflow: hidden;
	padding: 20px;
	background: #f1f1f1;
	margin-top: 30px;
}

.about .standard .blocktext h2 {
	font-size: 13px;
	font-weight: bold;
	color: #23273f;
	margin-bottom: 10px;
}

.about .standard .blocktext p {
	line-height: 24px;
	font-size: 13px;
	color: #666;
	margin-bottom: 2px;
}

.about .standard .blocktext p b {
	font-size: 16px
}

.about .standard .blocktext p.cb {
	position: relative;
	padding-left: 65px;
	height: auto;
	overflow: hidden;
}

.about .standard .blocktext p.cb span {
	float: left;
	margin-right: 25px;
}

.about .standard .blocktext p.cb span:first-child {
	position: absolute;
	left: 0;
}

.about .standard .line {
	height: 1px;
	background: #f1f1f1;
	margin: 30px 0;
}

.about .standard .img-list {
	width: 1089px;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
}

.about .standard .img-list li {
	width: 351px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 12px;
}

.about .standard .img-list li img {
	width: 351px;
	height: 234px;
	display: block;
	margin-bottom: 15px;
}

.about .standard .img-list li p {
	font-size: 14px;
	color: #838383;
	text-align: center;
}

.about .standard .smallp {
	font-size: 12px;
	color: #333;
	line-height: 22px;
	margin-bottom: 20px;
}


/*business*/

.business .banner {
	width: 100%;
	
}

.smallbanner .banner {
	width: 100%;
	
}
.smallbanner .banner img{
	display: block;
	width: 100%;
}
.business .container-con {
	padding-top: 0;
	padding-bottom: 60px;
	overflow: visible;
}

.business .business-list {
	height: 640px;
	overflow: hidden;
	margin-top: -350px;
}

.business .business-list li {
	width: 300px;
	height: 640px;
	overflow: hidden;
	padding: 0 30px;
	background: #e2e2e2;
	float: left;
	position: relative;
}

.business .business-list li h2 {
	padding: 55px 0 22px;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.business .business-list li img {
	margin-bottom: 5px;
}

.business .business-list li p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
	color: #666;
}

.business .business-list .btn-more {
	width: 303px;
	height: 45px;
	line-height: 45px;
	background: #fff;
	text-align: center;
	color: #23273f;
	transition: all .3s linear;
	cursor: pointer;
	position: absolute;
	bottom: -10px;
	opacity: 0;
	filter: alpha(opacity=0);
	display: block;
}

.business .business-list .btn-more i {
	font-size: 28px;
	vertical-align: -5px;
}

.business .business-list .btn-more:hover {
	background: #23273f;
}

.business .business-list .btn-more:hover i {
	color: #e8e8e8;
}

.business .business-list li:hover .btn-more {
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 20px
}


/*business-ob*/

.business-ob {
	/*height: 460px;*/
	/*overflow: hidden;*/
	position: relative;
	margin-top: 55px;
}

.business-ob .prev,
.business-ob .next {
	position: absolute;
	top: 136px;
	font-size: 44px;
	color: #fff;
	z-index: 1;
	display: none;
}

.business-ob .prev:hover,
.business-ob .next:hover {
	color: #8c79a8;
}

.business-ob .prev {
	left: -47px;
	/*left: 455px;
    top: 274px;*/
}

.business-ob .next {
	right: -47px;
/*	right: 455px;
    top: 274px;*/
}

.business-ob .scrollWrap {
	width: 1080px;
	/*height: 460px;*/
	overflow: hidden;
	margin: 0 auto;
	padding-top: 56px;
}

.business-ob .proList li {
	width: 262px;
	/*height: 460px;*/
	position: relative;
	float: left;
	display: inline;
	margin-right: 10px;
}

.business-ob .proList li .img-box {
	width: 262px;
	/*height: 400px;*/
	overflow: hidden;
	position: relative;
}

.business-ob .proList li .img-box img {
	width: 100%;
	/*height: 400px;*/
	display: block;
	transition: all .3s linear;
}

.business-ob .proList li .img-box span {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	background: #2b3459;
	filter: alpha(opacity=0);
	background: rgba(43, 52, 89, 0.37);
	opacity: 1;
	transition: all .3s linear
}

.business-ob .proList li .img-box span h2 {
	font-size: 18px;
	font-weight: bold;
	color: #c19f5f;
	position: relative;
	top: 90px;
	transition-delay: 0.1s;
	transition: all 0.3s ease-in-out 0s;
}

.business-ob .proList li .img-box span h3 {
	font-size: 14px;
	color: #1a1d30;
	position: relative;
	top: 100%;
	transition-delay: 0.2s;
	transition: all 0.3s ease-in-out 0s;
}

.business-ob .proList li .text-box {
	height: 60px;
	line-height: 60px;
	position: relative;
}

.business-ob .proList li .text-box p {
	font-weight: bold;
	color: #1a1d30;
	text-align: center;
}

.business-ob .proList li .text-box .btn-look {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	text-align: center;
	color: #1a1d30;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s linear
}

.business-ob .proList li .text-box .btn-look i {
	width: 20px;
	height: 20px;
	background: url(../images/btn-more_1.png) center no-repeat;
	display: inline-block;
	position: relative;
	top: 5px;
	*top: 0;
	margin-left: 5px;
}

.business-ob .proList li.ob1 .text-box {
	background: #c19f5f;
}

.business-ob .proList li.ob1 .text-box .btn-look {
	background: #c19f5f;
}

.business-ob .proList li.ob2 .text-box {
	background: #8098d9;
}

.business-ob .proList li.ob2 .text-box .btn-look {
	background: #8098d9;
}

.business-ob .proList li.ob3 .text-box {
	background: #3f69a2;
}

.business-ob .proList li.ob3 .text-box .btn-look {
	background: #3f69a2;
}

.business-ob .proList li.ob4 .text-box {
	background: #71814c;
}

.business-ob .proList li.ob4 .text-box .btn-look {
	background: #71814c;
}

.business-ob .proList li.ob5 .text-box {
	background: #464982;
}

.business-ob .proList li.ob5 .text-box .btn-look {
	background: #464982;
}

.business-ob .proList li:hover .img-box span {
	/*opacity: 1;
	filter: alpha(opacity=70);*/
}

.business-ob .proList li:hover .img-box img {
	transform: scale(1.05);
}

.business-ob .proList li:hover .img-box span h2 {
	/*top: 90px*/
}

.business-ob .proList li:hover .img-box span h3 {
	top: 185px
}

.business-ob .proList li:hover .text-box .btn-look {
	opacity: 1;
	filter: alpha(opacity=100);
}


/*business-ob-xq*/

.business-ob-xq .banner {
	width: 100%;
	height: 450px;
	background: url(../images/business-ob-xq-banner_1.jpg) center no-repeat;
	background-size: cover;
}

.business-ob-xq1 .banner {
	background: url(../images/business-ob-xq1-banner_1.jpg) center no-repeat;
	background-size: cover;
}

.business-ob-xq2 .banner {
	background: url(../images/business-ob-xq2-banner_1.jpg) center no-repeat;
	background-size: cover;
}

.business-ob-xq3 .banner {
	background: url(../images/business-ob-xq3-banner_1.jpg) center no-repeat;
	background-size: cover;
}

.business-ob-xq4 .banner {
	background: url(../images/business-ob-xq4-banner_1.jpg) center no-repeat;
	background-size: cover;
}

.business-ob-xq .header {
	height: 80px;
	width: 100%;
	z-index: 42;
	background-color: #fff;
	position: relative;
	min-width: 1100px;
	padding: 7px 0;
}

.business-ob-xq .header .logo {
	height: 80px;
}

.business-ob-xq .header .logo a {
	display: block;
	float: left;
}

.business-ob-xq .header .logo img {
	width: 146px;
	height: 69px;
	padding-right: 15px;
}

.business-ob-xq .header .logo span {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	padding-top: 25px;
	display: block;
	float: left;
}

.business-ob-xq .header .logo .line {
	color: #ccc;
	font-weight: normal;
	margin-right: 10px;
}

.business-ob-xq .nav {
	height: auto;
	overflow: hidden;
}

.business-ob-xq .nav a span {
	top: 46px;
}

.business-ob-xq .nav {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0
}

.business-ob-xq .nav a {
	display: block;
	float: left;
	margin-left: 40px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
}

.business-ob-xq .nav a span {
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	background: #0882c4;
	top: 59px;
	left: 50%;
}

.business-ob-xq .nav a:hover {
	color: #0882c4;
}

.business-ob-xq .nav a.active span {
	width: 100%;
	height: 2px;
	left: 0;
}

.business-ob-xq .nav a.btn-href {
	background: #0882c4;
	color: #fff;
	height: auto;
	line-height: normal;
	padding: 10px;
	margin: 22px 0 0 40px;
}

.business-ob-xq .nav a.btn-href:hover {
	background: #1890d1;
}

.business-ob-xq .introduce {
	height: auto;
	overflow: hidden;
	padding: 50px 0;
}

.business-ob-xq .introduce li {
	width: 269px;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
	border-left: 1px solid #d8d8d8;
}

.business-ob-xq .introduce li:first-child {
	border: 0;
}

.business-ob-xq .introduce p {
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
}

.business-ob-xq .introduce h1 {
	font-size: 30px;
	color: #0882c4;
	font-weight: bold;
}

.business-ob-xq .introduce3 li {
	width: 359px;
}

.business-ob-xq .synopsis {
	height: auto;
	overflow: hidden;
	padding: 50px 0;
}

.business-ob-xq .synopsis .text-box {
	width: 490px;
	height: auto;
	overflow: hidden;
	float: left;
}

.business-ob-xq .synopsis .text-box h2 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.business-ob-xq .synopsis .text-box h2 span {
	font-size: 17px;
	color: #999;
	font-weight: normal;
	margin-left: 5px;
}

.business-ob-xq .synopsis .text-box h3 {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	margin: 15px 0;
}

.business-ob-xq .synopsis .text-box p {
	font-size: 13px;
	color: #666;
	line-height: 22px;
}

.business-ob-xq .synopsis .focus-box {
	width: 520px;
	height: 312px;
	float: right;
	overflow: hidden;
	position: relative;
}

.business-ob-xq .synopsis .focus-box-con {
	position: relative;
	height: 100%;
	z-index: 0;
}

.business-ob-xq .synopsis .focus-box-con li {
	zoom: 1;
	vertical-align: middle;
}

.business-ob-xq .synopsis .focus-box-con li p {
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-indent: 30px;
	background: #000;
	filter: alpha(opacity=70);
	background: rgba(0, 0, 0, .7);
	position: absolute;
	left: 0;
	bottom: 0
}

.business-ob-xq .synopsis .focus-box-con img {
	width: 520px;
	height: 312px;
	display: block;
}

.business-ob-xq .synopsis .focus-box .prev,
.business-ob-xq .synopsis .focus-box .next {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -43px;
	display: block;
	width: 32px;
	height: 86px;
	line-height: 86px;
	text-align: center;
	background: #333;
	filter: alpha(opacity=50);
	background: rgba(51, 51, 51, .5);
	transition: all .3s linear;
}

.business-ob-xq .synopsis .focus-box .prev:hover,
.business-ob-xq .synopsis .focus-box .next:hover {
	background: rgba(51, 51, 51, 1);
	background: #333;
	filter: alpha(opacity=100);
}

.business-ob-xq .synopsis .focus-box .iconfont {
	font-size: 22px;
	color: #c7c9ca;
}

.business-ob-xq .synopsis .focus-box .next {
	left: auto;
	right: 0;
	background-position: 0 -54px;
}

.business-ob-xq .feature {
	height: auto;
	overflow: hidden;
	background: #374468;
	padding: 50px 0;
}

.business-ob-xq .feature-con {
	height: auto;
	overflow: hidden
}

.business-ob-xq .feature-con h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.business-ob-xq .feature-con h2 span {
	font-size: 17px;
	color: #999;
	font-weight: normal;
	margin-left: 5px;
}

.business-ob-xq .feature-con h2 a {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	float: right;
}

.business-ob-xq .feature-con ul {
	height: auto;
	overflow: hidden;
	margin-top: 34px;
}

.business-ob-xq .feature-con ul li {
	width: 254px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 21px;
}

.business-ob-xq .feature-con ul li:first-child {
	margin-left: 0;
}

.business-ob-xq .feature-con ul li img {
	width: 254px;
	height: 152px;
	border: 1px solid #303a59;
}

.business-ob-xq .feature-con ul li h3 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 10px 0;
}

.business-ob-xq .feature-con ul li p {
	font-size: 12px;
	line-height: 20px;
	color: #d1d3d9;
}

.business-ob-xq .order {
	height: auto;
	overflow: hidden;
	padding: 50px 0;
}

.business-ob-xq .order h2 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.business-ob-xq .order h2 span {
	font-size: 17px;
	color: #999;
	font-weight: normal;
	margin-left: 5px;
}

.business-ob-xq .order .order-form {
	width: 380px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 60px;
	margin-top: 25px;
}

.business-ob-xq .order .row {
	height: auto;
	margin-bottom: 10px;
	float: left;
}

.business-ob-xq .order input {
	width: 358px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #d9d9d9;
	padding: 0 10px;
	font-size: 12px;
	color: #666;
}

.business-ob-xq .order input.name {
	width: 210px;
	float: left;
	margin-right: 8px;
}

.business-ob-xq .order .select-box {
	position: relative;
	z-index: 2;
	width: 138px;
	min-width: 138px;
	height: 36px;
	border: 1px solid #d9d9d9;
	cursor: pointer;
	float: left;
}

.business-ob-xq .order .select-box .iconfont {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: #ccc;
}

.business-ob-xq .order .select {
	width: 138px;
	min-width: 138px;
	height: 36px;
}

.business-ob-xq .order .select .select_text {
	padding: 0 20px 0 10px;
	height: 36px;
	line-height: 36px;
	color: #999;
	font-size: 12px
}

.business-ob-xq .order .select_ul {
	display: none;
	position: absolute;
	top: 34px;
	left: -1px;
	width: 138px;
	min-width: 138px;
	border: 1px solid #d9d9d9;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fff;
}

.business-ob-xq .order .select_ul li {
	line-height: 36px;
	text-indent: 10px;
	color: #666;
}

.business-ob-xq .order .select_ul li:hover {
	color: #fff;
	background: #0882c4;
}

.business-ob-xq .order .select_ul li.cur {
	color: #fff;
	background: #0882c4;
}

.business-ob-xq .order .btn-submit {
	width: 100%;
	height: 43px;
	line-height: 43px;
	background: #0882c4;
	font-size: 16px;
	color: #fff;
	border: 0;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.business-ob-xq .order .btn-submit:hover {
	background: #1890d1;
}

.business-ob-xq .order .prompt {
	height: auto;
	overflow: hidden;
}

.business-ob-xq .order .prompt h3 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin: 30px 0 10px;
}

.business-ob-xq .order .prompt .line {
	height: 1px;
	background: #cccccc;
	margin: 45px 0 20px;
}

.business-ob-xq .order .prompt p {
	font-size: 12px;
	color: #666;
	line-height: 22px;
}

.business-ob-xq .order .prompt h1 {
	font-size: 24px;
	color: #0882c4;
	font-family: "helveticaneueltpro-thex";
	margin-bottom: 5px;
}


/*business-agent*/

.business .agent {
	height: auto;
	overflow: hidden;
	margin-top: 23px;
}

.business .agent h2 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}

.business .agent p {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}

.business .agent .text-l {
	width: 510px;
	height: auto;
	overflow: hidden;
	float: left;
}

.business .agent .text-r {
	width: 510px;
	height: auto;
	overflow: hidden;
	float: right;
}

.business .agent .img-box {
	margin-top: 20px;
	float: left;
}


/*business-wy*/

.business-wy {
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.business-wy-con {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}

.business-wy-con h2 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}

.business-wy-con p {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}

.business-wy-con .wy .text-l {
	width: 510px;
	height: auto;
	overflow: hidden;
	float: left;
}

.business-wy-con .wy .text-r {
	width: 510px;
	height: auto;
	overflow: hidden;
	float: right;
}

.business-wy-con .wy .text-r p {
	margin-bottom: 12px;
}

.business-wy-con .wy .img-box {
	margin-top: 10px;
	float: left;
}

.business-wy-con .al {
	height: auto;
	overflow: hidden
}

.business-wy-con .al-list1 {
	width: 1100px;
	height: auto;
	overflow: hidden
}

.business-wy-con .al-list1 li {
	width: 200px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	text-align: center;
}

.business-wy-con .al-list1 li .img-box {
	width: 198px;
	height: 110px;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

.business-wy-con .al-list1 li img {
	width: 198px;
	height: 110px;
	display: block;
}

.business-wy-con .al-list2 {
	height: auto;
	overflow: hidden;
}

.business-wy-con .al-list2 li {
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}

.business-wy-con .al-list2 li:first-child {
	margin-top: 30px;
}

.business-wy-con .al-list2 li .img-box {
	width: 300px;
	height: 200px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.business-wy-con .al-list2 li .img-box .tag {
	color: #fff;
	padding: 10px 13px;
	position: absolute;
	left: 0;
	top: 0
}

.business-wy-con .al-list2 li .img-box .tag-qw {
	background: #0fb040;
}

.business-wy-con .al-list2 li .img-box .tag-gw {
	background: #00b2de;
}

.business-wy-con .al-list2 li .text-box {
	height: auto;
	overflow: hidden;
}

.business-wy-con .al-list2 li .text-box h2 {
	margin-bottom: 13px;
	margin-top: 6px;
}

.business-wy-con .al-list2 li .text-box p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0;
}

.business-wy-con .al-list2 li .text-box .line {
	height: 1px;
	background: #e4e4e4;
	margin: 12px 0 8px;
}

.business-wy-con .al-list2 li .text-box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #6e5a8d;
}

.business-wy-con .kfw {
	width: 1080px;
	min-height: 450px;
	overflow: hidden;
	background: url(../images/kfw-bg_1.jpg) top no-repeat;
	background-size: 100%;
	position: relative;
}

.business-wy-con .kfw h2 {
	text-align: center;
}

.business-wy-con .kfw ul {
	height: auto;
	overflow: hidden;
}

.business-wy-con .kfw ul li {
	height: auto;
	overflow: hidden;
	position: absolute;
}

.business-wy-con .kfw ul li.li1 {
	left: 50px;
	top: 40px;
}

.business-wy-con .kfw ul li.li2 {
	right: 50px;
	top: 40px;
}

.business-wy-con .kfw ul li.li3 {
	left: 50px;
	top: 270px;
}

.business-wy-con .kfw ul li.li4 {
	right: 50px;
	top: 270px;
}

.business-wy-con .kfw ul li h1 {
	font-size: 20px;
	color: #23273f;
	margin-bottom: 20px;
}

.business-wy-con .kfw ul li h3 {
	font-size: 15px;
	font-weight: bold;
	color: #23273f;
	margin-bottom: 7px;
}

.business-wy-con .kfw ul li p {
	width: 310px;
	line-height: 20px;
}

.business-wy-con .wybk {
	width: 1080px;
	min-height: 400px;
	overflow: hidden;
	background: url(../images/wybk-bg_1.jpg) top no-repeat;
	background-size: 100%;
	position: relative;
}

.business-wy-con .wybk .left-text {
	position: absolute;
	top: 160px;
	left: 45px;
}

.business-wy-con .wybk .left-text h2 {
	margin-bottom: 5px;
}

.business-wy-con .wybk .right-text {
	position: absolute;
	top: 0;
	right: 0;
}

.business-wy-con .wybk .right-text dl {
	height: auto;
	overflow: hidden;
}

.business-wy-con .wybk .right-text dl.dl1 {
	margin: 5px 0 53px;
}

.business-wy-con .wybk .right-text dl.dl2 {
	margin-bottom: 50px;
}

.business-wy-con .wybk .right-text dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #23273f;
	margin-bottom: 20px;
}

.business-wy-con .wybk .right-text dl dd {
	line-height: 24px;
	color: #666;
}


/*service*/

.service .banner {
	width: 100%;
	height: 100px;
	background: url(../images/banner-service_1.jpg) center no-repeat;
	background-size: cover;
}


/*service-club*/

.service-club {
	height: auto;
	overflow: hidden
}

.service-club .text-box {
	width: 540px;
	height: 272px;
	float: left;
	position: relative;
}

.service-club .text-box .logo {
	width: 136px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 9px;
	background: url(../images/service-club-logo_1.png) center no-repeat;
}

.service-club .text-box h1 {
	font-size: 24px;
	color: #23273f;
	margin-bottom: 5px;
}

.service-club .text-box h3 {
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
}

.service-club .text-box p {
	font-size: 12px;
	color: #666;
	line-height: 22px;
	margin-bottom: 10px;
}

.service-club .focus-box {
	width: 500px;
	height: 270px;
	float: right;
	overflow: hidden;
	position: relative;
	margin-bottom: 34px;
}

.service-club .focus-box-con {
	position: relative;
	height: 100%;
	z-index: 0;
}

.service-club .focus-box-con li {
	zoom: 1;
	vertical-align: middle;
}

.service-club .focus-box-con img {
	width: 500px;
	height: 270px;
	display: block;
}

.service-club .focus-box .prev,
.service-club .focus-box .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -14px;
	display: block;
	width: 28px;
	height: 27px;
	background: url(../images/btn-club_1.png) 0 0 no-repeat;
	transition: all 0s ease-in-out 0s;
}

.service-club .focus-box .next {
	left: auto;
	right: 3%;
	background-position: 0 -54px;
}

.service-club .focus-box .prev:hover {
	background-position: 0 -27px
}

.service-club .focus-box .next:hover {
	background-position: 0 -81px
}

.service-club .slideTxtBox {
	height: auto;
	overflow: hidden;
	clear: both
}

.service-club .slideTxtBox-con {
	margin-top: 30px;
}

.service-club .slideTxtBox-con .img-box {
	width: 360px;
	height: 240px;
	overflow: hidden;
	float: left;
	margin-right: 25px;
}

.service-club .slideTxtBox-con .text-box {
	height: auto;
	overflow: hidden;
	width: 680px;
	padding-top: 5px;
}

.service-club .slideTxtBox-con .text-box p {
	margin-bottom: 0;
	line-height: 25px;
	background: url(../images/icon-p_1.jpg) 0 9px no-repeat;
	padding-left: 15px;
}


/*service-plan*/

.service-plan {
	width: 100%;
	height: 370px;
	overflow: hidden;
	background: url(../images/service-plan_1.jpg) center no-repeat;
	position: relative;
	margin: 50px 0;
}

.service-plan .text-box {
	width: 355px;
	height: auto;
	overflow: hidden;
	position: absolute;
	left: 45px;
	top: 80px;
}

.service-plan .text-box h1 {
	font-size: 24px;
	color: #6e5a8d;
	margin-bottom: 15px;
}

.service-plan .text-box p {
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
	line-height: 22px;
}


/*service-suggest*/

.service-suggest {
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.service-suggest .text-box {
	width: 440px;
	height: 230px;
	padding: 70px 40px;
	background: #efefef;
	float: left;
}

.service-suggest .text-box h1 {
	font-size: 24px;
	color: #6e5a8d;
	margin-bottom: 25px;
}

.service-suggest .text-box h3 {
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
}

.service-suggest .text-box h2 {
	font-size: 30px;
	color: #5eac56;
	margin-bottom: 45px;
}

.service-suggest .text-box p {
	font-size: 13px;
	color: #999;
	line-height: 22px;
}

.service-suggest .img-box {
	width: 560px;
	height: 370px;
	background: url(../images/suggest-img_1.jpg) center no-repeat;
	float: right;
}


/*service-research*/

.service-research .slideTxtBox-con ul {
	width: 1116px;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
	*margin-bottom: 40px;
}

.service-research .slideTxtBox-con ul li {
	width: 240px;
	height: 368px;
	overflow: hidden;
	float: left;
	margin: 0 37px 42px 0;
	border: 1px solid #e4e4e4;
}

.service-research .slideTxtBox-con ul li .img-box {
	width: 240px;
	height: 308px;
	overflow: hidden;
}

.service-research .slideTxtBox-con ul li img {
	width: 240px;
	height: 308px;
	display: block;
	transition: all .3s linear;
}

.service-research .slideTxtBox-con ul li p {
	height: 59px;
	line-height: 59px;
	background: #ececec;
	font-size: 18px;
	color: #333;
	padding: 0 20px;
	border-top: 1px solid #e4e4e4;
	position: relative;
}

.service-research .slideTxtBox-con ul li p span {
	font-size: 14px;
	color: #666;
	position: absolute;
	top: 3px;
	right: 20px;
}

.service-research .slideTxtBox-con ul li:hover img {
	transform: scale(1.05);
}

.service-research .slideTxtBox-con ul li:hover p {
	color: #491a89;
}


/*hr*/

.hr .banner {
	width: 100%;
	height: 100px;
	background: url(../images/banner-hr_1.jpg) center no-repeat;
	background-size: cover;
}

.hr-con {
	width: 100%;
	height: 400px;
	background: url(../images/hr-bg_1.jpg) center no-repeat;
	position: relative;
	margin-top: 20px;
}

.hr-con .text-box {
	width: 180px;
	height: auto;
	overflow: hidden;
	position: absolute;
	left: 195px;
	top: 180px;
}

.hr-con .text-box p {
	font-size: 18px;
	color: #fff;
	line-height: 50px;
}


/*hr-zp*/

.hr-zp {
	height: auto;
}

.hr-zp .hr-zp-con {
	height: auto;
}

.hr-zp .hr-zp-con .zy {
	height: auto;
}

.hr-zp form {
	width: 895px;
	height: auto;
	margin: 0 auto;
	padding-top: 37px
}

.hr-zp input {
	width: 158px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #d9d9d9;
	padding: 0 10px;
	float: left;
	color: #666;
}

.hr-zp .btn-search {
	height: 38px;
	line-height: 38px;
	width: 110px;
	background: #23273f;
	display: block;
	color: #fff;
	text-align: center;
	float: left;
}

.hr-zp .btn-search:hover {
	background: #6e5a8d;
}

.hr-zp .select-box {
	position: relative;
	z-index: 2;
	width: 288px;
	min-width: 288px;
	height: 36px;
	border: 1px solid #d9d9d9;
	cursor: pointer;
	float: left;
	margin: 0 10px 0 0;
}

.hr-zp .select-box .iconfont {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: #ccc;
}

.hr-zp .select {
	width: 288px;
	min-width: 288px;
	height: 36px;
}

.hr-zp .select .select_text {
	padding: 0 20px 0 10px;
	height: 36px;
	line-height: 36px;
	color: #999;
}

.hr-zp .select_ul {
	display: none;
	position: absolute;
	top: 34px;
	left: -1px;
	width: 288px;
	min-width: 288px;
	border: 1px solid #D4D4D4;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fff;
}

.hr-zp .select_ul li {
	line-height: 36px;
	text-indent: 10px;
	color: #666;
}

.hr-zp .select_ul li:hover {
	color: #fff;
	background: #23273f;
}

.hr-zp .select_ul li.cur {
	color: #fff;
	background: #23273f;
}

.hr-zp .zp-title {
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	background: #6e5a8d;
	clear: both;
	text-align: center;
	margin-top: 60px;
	*margin-top: 20px;
}

.hr-zp .zp-title span {
	width: 25%;
	display: block;
	float: left;
	color: #fff;
	font-size: 14px;
}

.hr-zp .zp-list {
	height: auto;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	border-bottom: 0;
}

.hr-zp .zp-list li {
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
	background: #f0f0f0;
	font-size: 13px;
	color: #666;
	cursor: pointer;
	clear: both;
}

.hr-zp .zp-list li.even {
	background: #fff;
}

.hr-zp .zp-list li.active {
	background: #d7cfe3;
}

.hr-zp .zp-list li span {
	width: 269px;
	display: inline-block;
	text-align: center;
	line-height: 39px
}

.hr-zp .zp-list li:hover {
	background: #d7cfe3;
}

.hr-zp .zp-list li .text-box {
	height: auto;
	overflow: hidden;
	padding: 0 26px;
	background: #f0f0f0;
	display: none;
}

.hr-zp .zp-list li .text-box .block {
	height: 26px;
	;
}

.hr-zp .zp-list li .text-box h2 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin: 20px 0 10px;
}

.hr-zp .zp-list li .text-box p {
	font-size: 12px;
	line-height: 20px;
}


/*tender*/

.tender {
	height: auto;
	overflow: auto;
}

.tender .banner {
	width: 100%;
	height: 100px;
	background: url(../images/banner-tender_1.jpg) center no-repeat;
	background-size: cover;
}

.tender .gd {
	width: 100%;
	height: 450px;
	background: url(../images/tender-bg_1.jpg) center no-repeat;
	position: relative;
	margin-top: 40px;
}

.tender .gd .gd-con {
	width: 495px;
	height: 245px;
	padding: 30px;
	background: url(../images/tender-con_1.png) center no-repeat;
	position: absolute;
	left: 262px;
	top: 73px
}

.tender .gd .gd-con h1 {
	font-size: 18px;
	color: #23273f;
	margin-bottom: 15px;
}

.tender .gd .gd-con p {
	font-size: 12px;
	color: #666;
	line-height: 26px;
}

.tender .sm {
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}

.tender .sm h2 {
	font-size: 15px;
	font-weight: bold;
	color: #23273f;
	margin-bottom: 10px;
}

.tender .sm p {
	font-size: 12px;
	color: #8a8a8a;
	line-height: 32px;
	position: relative;
	padding-left: 27px;
}

.tender .sm p span {
	width: 18px;
	line-height: 18px;
	color: #fff;
	background: #dadada;
	border-radius: 100%;
	display: block;
	float: left;
	text-align: center;
	position: absolute;
	left: 0;
	top: 7px;
	*top: 0;
}

.tender .complain {
	height: auto;
	overflow: auto;
	margin: 28px 0 40px;
}

.tender .complain li {
	width: 356px;
	height: 80px;
	background: #f5f5f5;
	float: left;
	margin-left: 6px;
	position: relative;
}

.tender .complain li:first-child {
	margin-left: 0;
}

.tender .complain li h3 {
	color: #999;
	padding-top: 20px;
}

.tender .complain li p {
	color: #23273f;
}

.tender .complain li p a {
	color: #23273f;
}

.tender .complain li i {
	position: absolute;
	left: -46px;
	top: 20px;
	font-size: 36px;
}

.tender .complain li.wx {
	text-indent: 150px;
	color: #2bab2b;
}

.tender .complain li.wx i {
	color: #2bab2b;
}

.tender .complain li.tel {
	text-indent: 135px;
	color: #2381cf;
}

.tender .complain li.tel i {
	color: #2381cf;
}

.tender .complain li.email {
	text-indent: 120px;
	color: #cc980c;
}

.tender .complain li.email i {
	color: #cc980c;
}


/*tender-yg*/

.tender-yg {
	height: auto;
	overflow: hidden;
}

.tender-yg ul {
	height: auto;
	overflow: hidden;
	border-top: 1px solid #e8e8e8;
	margin: 10px 0 20px;
}

.tender-yg ul li {
	height: 71px;
	line-height: 71px;
	border-bottom: 1px solid #e8e8e8;
}

.tender-yg ul li a {
	height: 100%;
	display: block;
	padding: 0 20px 0 13px;
	color: #333;
}

.tender-yg ul li a:hover {
	background: #f5f5f5;
	color: #23273f;
}

.tender-yg ul li span {
	float: right;
	font-size: 12px;
	color: #8a8a8a;
}

.tender-yg ul li i {
	position: relative;
	top: 1px;
	color: #999;
	transition: all .3s linear;
}

.tender-yg ul li a:hover i {
	position: relative;
	top: 1px;
	color: #23273f;
}


/*tender-xq*/

.tender-xq .date {
	width: 98px;
	height: 98px;
	background: #e8e8e8;
	text-align: center;
	float: left;
	margin-right: 33px;
	font-family: "HelveticaNeueltpro-lt";
}

.tender-xq .date .day {
	font-size: 48px;
	color: #23273f;
	margin-top: 3px;
	text-indent: -5px;
}

.tender-xq .date p {
	font-size: 16px;
	color: #333;
	line-height: normal;
	margin: 0;
}

.tender-xq .text-box {
	height: auto;
	overflow: hidden
}

.tender-xq .text-box h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 18px 0 20px;
}

.tender-xq .text-box p {
	font-size: 12px;
	color: #666;
	line-height: 22px;
	margin-bottom: 15px;
}

.tender-xq .text-box p img {
	max-width: 100%;
	display: block;
	margin: 23px auto;
}

.tender-xq .text-box .other {
	color: #999;
	font-size: 13px;
	margin-bottom: 20px;
}

.tender-xq .text-box .other b {
	width: 50px;
	display: inline-block;
}

.tender-xq .text-box .line {
	width: 100%;
	height: 1px;
	background: #ededed;
	margin-top: 49px;
}

.tender-xq .text-box .relevant {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}

.tender-xq .text-box .relevant p {
	margin-bottom: 0;
	font-size: 13px
}


/*news*/

.news .banner {
	width: 100%;
}
.news .banner img{
	display: block;
	width: 100%;
}
.news-list h2 {
	font-size: 18px;
	font-weight: bold;
	color: #e9d0ab;
	margin-bottom: 15px;
	max-height: 24px;
	overflow: hidden;
}

.news-list p {
	font-size: 12px;
	color: #666;
	line-height: 22px;
}

.news-list .headline {
	height: auto;
	overflow: hidden;
}

.news-list .headline .text-box {
	width: 490px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 50px;
}

.news-list .headline .text-box .date {
	font-size: 30px;
	color: #cccccc;
	margin-bottom: 27px;
	font-family: "helveticaneueltpro-thex";
}

.news-list .headline .text-box .jj {
	margin-bottom: 26px;
	max-height: 110px;
	overflow: hidden;
}

.news-list .headline .img-box {
	width: 540px;
	height: 300px;
	overflow: hidden;
}

.news-list .headline .img-box img {
	width: 540px;
	height: 300px;
	display: block;
	transition: all .3s linear;
}

.news-list .headline:hover .btn-more {
	background: #dcd0ab;
}

.news-list .headline:hover .btn-more i {
	color: #e8e8e8;
}

.news-list .headline:hover .img-box img {
	transform: scale(1.05);
}

.news-list ul {
	height: auto;
	overflow: hidden;
	margin-top: 31px;
}

.news-list ul li {
	height: auto;
	overflow: hidden;
	/*border-top: 1px solid #e8e8e8;*/
	padding: 30px 0;
}

.news-list ul li .date {
	width: 98px;
	height: 98px;
	background: #e8e8e8;
	text-align: center;
	float: left;
	margin-right: 20px;
	font-family: "HelveticaNeueltpro-lt";
}

.news-list ul li .date .day {
	font-size: 48px;
	color: #23273f;
	margin-top: 3px;
	text-indent: -5px;
}

.news-list ul li .date p {
	font-size: 16px;
	color: #333;
	line-height: normal;
	margin: 0;
}

.news-list ul li .text-box {
	height: auto;
	overflow: hidden
}

.news-list ul li .text-box h2 {
	margin-top: 3px;
	transition: all .3s linear;
}

.news-list ul li .text-box p {
	max-height: 48px;
	transition: all .3s linear;
}

.news-list ul li:hover .text-box h2 {
	color: #ffffff;
}

.news-list ul li:hover .text-box p {
	color: #999;
}

.news-xq .date {
	width: 98px;
	height: 98px;
	background: #e8e8e8;
	text-align: center;
	float: left;
	margin-right: 33px;
	font-family: "HelveticaNeueltpro-lt";
}

.news-xq .date .day {
	font-size: 48px;
	color: #23273f;
	margin-top: 3px;
	text-indent: -5px;
}

.news-xq .date p {
	font-size: 16px;
	color: #333;
	line-height: normal;
	margin: 0;
}

.news-xq .text-box {
	height: auto;
	overflow: hidden
}

.news-xq .text-box h2 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin: 18px 0 20px;
}

.news-xq .text-box p {
	font-size: 12px;
	color: #ffffff;
	line-height: 22px;
	margin-bottom: 15px;
}
.news-xq .text-box p a{
	color: #ffffff;
}
.news-xq .text-box p img {
	max-width: 700px;
	display: block;
	margin: 23px auto;
}

.news-xq .text-box .other {
	color: #cccccc;
	font-size: 13px;
	margin-bottom: 20px;
}

.news-xq .text-box .other b {
	width: 50px;
	display: inline-block;
}

.news-xq .text-box .line {
	width: 100%;
	height: 1px;
	background: #ededed;
	margin-top: 49px;
}

.news-xq .text-box .relevant {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}

.news-xq .text-box .relevant p {
	margin-bottom: 0;
	font-size: 13px
}


/*magazine*/

.magazine .title {
	height: auto;
	overflow: hidden;
	position: relative;
}

.magazine .title h1 {
	font-size: 30px;
	color: #23273f;
	margin-bottom: 25px;
}

.magazine .title h1 span {
	font-size: 18px
}

.magazine .title p {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px
}

.magazine .title p b {
	margin-right: 8px;
}

.magazine .title .note {
	position: absolute;
	top: 65px;
	right: 0;
	text-align: right;
}

.magazine .title .note p {
	color: #333;
}

.magazine ul {
	width: 1116px;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
	*margin-bottom: 40px;
}

.magazine ul li {
	width: 240px;
	height: 368px;
	overflow: hidden;
	float: left;
	margin: 0 37px 42px 0;
	border: 1px solid #e4e4e4;
}

.magazine ul li .img-box {
	width: 240px;
	height: 308px;
	overflow: hidden;
}

.magazine ul li img {
	width: 240px;
	height: 308px;
	display: block;
	transition: all .3s linear;
}

.magazine ul li p {
	height: 59px;
	line-height: 59px;
	background: #ececec;
	font-size: 20px;
	color: #333;
	padding: 0 20px;
	border-top: 1px solid #e4e4e4;
	position: relative;
}

.magazine ul li p span {
	font-size: 14px;
	color: #666;
	position: absolute;
	top: 3px;
	right: 20px;
}

.magazine ul li:hover img {
	transform: scale(1.05);
}

.magazine ul li:hover p {
	color: #491a89;
}


/*contact*/

.contact .banner {
	width: 100%;
	
}
.contact .banner img{
	display: block;
	width: 100%;
}

.contact .contact-l {
	width: 750px;
	height: auto;
	overflow: hidden;
	float: left;
}

.contact .contact-l h2 {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 45px 0 20px;
}

.contact .contact-l p {
	width: 50%;
	float: left;
	margin-bottom: 5px;
	color: #ffffff;
}
.contact .contact-l p a{
	color: #ffffff;
}
.contact .contact-l .map {
	width: 748px;
	height: 298px;
	border: 1px solid #ededed;
	margin-top: 20px;
}

.contact .contact-r {
	width: 270px;
	height: auto;
	overflow: hidden;
	float: right;
}

.contact .contact-r h2 {
	font-size: 14px;
	font-weight: bold;
	color: #6e5a8d;
	padding-bottom: 8px;
}

.contact .contact-r .follow {
	padding: 25px;
	height: auto;
	overflow: hidden;
	background: #f6f6f6;
	border-top: 2px solid #c19f5f
}

.contact .contact-r .follow .ewm-box {
	width: 104px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 12px;
	text-align: center;
	font-size: 12px;
	color: #666;
}

.contact .contact-r .follow .ewm-box img {
	width: 102px;
	height: 102px;
	display: block;
	border: 1px solid #eaeaea;
	margin-bottom: 7px;
}

.contact .contact-r .report {
	padding: 25px;
	height: auto;
	overflow: hidden;
	background: #c19f5f;
}

.contact .contact-r .report h2 {
	color: #fff;
	border-bottom: 2px solid #7f6d9a;
	margin-bottom: 12px;
}

.contact .contact-r .report p {
	font-size: 13px;
	color: #fff;
	line-height: 22px;
}

.contact .contact-r .report p a {
	color: #fff;
}


/*contact-wy*/

.contact .contact-wy p {
	width: 50%;
}


/*contact-xm*/

.contact .contact-xm .xm-list {
	width: 760px;
	height: auto;
	overflow: hidden;
	margin-top: 37px;
}

.contact .contact-xm .xm-list li {
	width: 318px;
	height: 63px;
	border: 1px solid #c3bbd0;
	padding: 25px;
	margin: 0 10px 10px 0;
	float: left;
}

.contact .contact-xm .xm-list li h3 {
	font-size: 16px;
	font-weight: bold;
	color: #6e5a8d;
	margin-bottom: 5px;
}

.contact .contact-xm .xm-list li p {
	width: 100%;
	margin-bottom: 3px;
}


/*video-box*/

.video_box {
	background: #fff;
	border: 2px solid #491a89;
	display: none;
	height: 450px;
	left: 50%;
	margin-left: -400px;
	margin-top: -225px;
	padding: 15px;
	position: fixed;
	top: 50%;
	width: 800px;
	z-index: 99;
}

.btn_close {
	background: #491a89;
	height: 32px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	right: -34px;
	top: -2px;
	transition: all 0.4s ease-in-out 0s;
	width: 32px;
}

.btn_close i {
	color: #fff;
	font-style: normal;
	font-size: 20px;
}

.body {
	background: url("../images/mask_1.png") repeat;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
	/*font-family: "microsoft yahei" !important;*/
}


/*sitemap*/

.sitemap .banner {
	width: 100%;
	height: 100px;
	background: url(../images/banner-common_1.jpg) center no-repeat;
	background-size: cover;
}

.sitemap ul {
	padding: 35px 0;
}

.sitemap ul li {
	border-bottom: 1px solid #e6e6e6;
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
	width: 100%;
	margin-bottom: 15px;
}

.sitemap ul li a {
	color: #474747;
	font-size: 14px;
	font-weight: bold;
}

.sitemap ul li .subtit {
	padding-top: 18px;
}

.sitemap ul li .subtit span {
	color: #858585;
	margin-right: 15px;
}

.sitemap ul li .subtit a {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin-right: 15px;
	transition: all 0.3s linear;
}

.sitemap ul li a:hover {
	color: #491a89;
}


/*legal*/

.legal .banner {
	width: 100%;
	height: 100px;
	background: url(../images/banner-common_1.jpg) center no-repeat;
	background-size: cover;
}

.legal h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 25px 0 5px;
}

.legal p {
	font-size: 12px;
	color: #666;
	line-height: 22px;
}


/*error*/

.error .banner {
	width: 100%;
	height: 100px;
	background: url(../images/banner-common_1.jpg) center no-repeat;
	background-size: cover;
}

.error {
	position: relative;
	background: url("../images/404_bg_1.png") center 150px no-repeat;
}

.error p {
	padding-top: 400px;
	text-align: center;
	font-size: 14px;
}

.error p a {
	font-size: 13px;
}


/**/

.cp-xiang {
	width: 100%;
	margin-top: 30px
}
.cp-xiang .left{
	width: 240px;
	float: left;
}
.cp-xiang .left p.big-ti{
	width: 100%;
	background-color: #3366cc;
	padding: 8px 0px;
	color: white;
	font-weight: bold;
	text-align: center;
}
.cp-xiang .left ul li{
	text-align: center;
	font-size: 14px;
	background-color: #ccc;
	padding: 0px 0px 8px;
	color: #3366cc;
	margin: 5px 0px;
	border-bottom: 1px solid #3366cc;
}
.cp-xiang .left ul li p{
	text-align: center;
	line-height: 2;
}
.cp-xiang .left ul li img{
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}
.cp-xiang .left ul li:hover{
	background-color: #3366cc;
}
.cp-xiang .left ul li:hover a{
	color: white;
}
.cp-xiang .right{
	width: 800px;
	float: right;
}
.cp-xiang .right p.tit{
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0px 8px 15px;
	border-bottom: 1px solid #ccc;
}
.cp-xiang .right .cp-con0 img{
	display: block;
	max-width: 100%;
}
.hover{color: #fff !important; background: #6F6E6C !important;}