/* 本例子css */

.slideBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.slideBox .hd {
	height: 35px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	bottom: 30px;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	margin: 0 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
}

.slideBox .hd ul li.on {
	background: #f00;
	color: #fff;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slideBox .bd img {
	width: 1920px;
	height: 600px;
	display: block;
}

#index1 {
	width: 100%;
	height: 98px;
	min-width: 1200px;
	background: #665547;
	background: #103181;
}

#index1 .l {
	width: 186px;
	height: 98px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}

#index1 .l p {
	width: 186px;
	height: 49px;
	background: url(../Images/index_i1_bg1_a.png) left center no-repeat;
	cursor: pointer;
	background-position: -12px 0;
}

#index1 .l p:hover {
	background: url(../Images/index_i1_bg1_b.png) left center no-repeat;
}

#index1 .l p.now {
	background: url(../Images/index_i1_bg1_b.png) left center no-repeat;
	background-position: -12px 0;
}

#index1 .l p span {
	display: block;
	width: 186px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#index1 .l p:hover span {
	color: #9b7736;
}

#index1 .l p.now span {
	color: #9b7736;
}

#index1 .r {
	width: 1026px;
	height: 98px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 174px
}

#index1 .r ul {
	width: 1026px;
	height: 196px;
	position: absolute;
	top: 0px;
}

#index1 .r ul li {
	width: 1026px;
	height: 98px;
}

#index1 .r ul .i2 a {
	display: block;
	width: 127px;
	border-right: 1px solid #3259b5;
	height: 98px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../Images/xm.png);
	background-position: -999px 0;
	text-align: center;
	color: #8eaaef;
	font-size: 16px;
	line-height: 140px;
}

#index1 .r ul .i2 .a1 {
	background-position: 0 -1176px;
}

#index1 .r ul .i2 .a1:hover {
	background-position: 0 -392px;
	color: #c7b89e;
}

#index1 .r ul .i2 .a2 {
	background-position: 0 -980px;
}

#index1 .r ul .i2 .a2:hover {
	background-position: 0 -196px;
	color: #c7b89e;
}

#index1 .r ul .i2 .a3 {
	background-position: 0 -1274px;
}

#index1 .r ul .i2 .a3:hover {
	background-position: 0 -490px;
	color: #c7b89e;
}

#index1 .r ul .i2 .a4 {
	background-position: 0 -1470px;
}

#index1 .r ul .i2 .a4:hover {
	background-position: 0 -686px;
	color: #c7b89e;
}

#index1 .r ul .i2 .a5 {
	background-position: 0 -882px;
}

#index1 .r ul .i2 .a5:hover {
	background-position: 0 -98px;
	color: #c7b89e;
}

#index1 .r ul .i2 .a6 {
	background-position: 0 -784px;
}

#index1 .r ul .i2 .a6:hover {
	background-position: 0 0;
	color: #c7b89e;
}

#index1 .r ul .i2 .a7 {
	background-position: 0 -1078px;
}

#index1 .r ul .i2 .a7:hover {
	background-position: 0 -294px;
	color: #c7b89e;
}

#index1 .r ul .i2 .a8 {
	background-position: 0 -1372px;
}

#index1 .r ul .i2 .a8:hover {
	background-position: 0 -588px;
	color: #c7b89e;
}

#index1 .r ul .i1 a {
	display: block;
	width: 127px;
	border-right: 1px solid #3259b5;
	height: 98px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../Images/xm1.png);
	background-position: -999px 0;
	text-align: center;
	color: #8eaaef;
	font-size: 16px;
	line-height: 140px;
}

#index1 .r ul .i1 .a1 {
	background-position: 0 0;
}

#index1 .r ul .i1 .a1:hover {
	background-position: 0 -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a2 {
	background-position: -129px 0;
}

#index1 .r ul .i1 .a2:hover {
	background-position: -129px -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a3 {
	background-position: -254px 0;
}

#index1 .r ul .i1 .a3:hover {
	background-position: -254px -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a4 {
	background-position: -379px 0;
}

#index1 .r ul .i1 .a4:hover {
	background-position: -379px -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a5 {
	background-position: -510px 0;
}

#index1 .r ul .i1 .a5:hover {
	background-position: -510px -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a6 {
	background-position: -635px 0;
}

#index1 .r ul .i1 .a6:hover {
	background-position: -635px -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a7 {
	background-position: -762px 0;
}

#index1 .r ul .i1 .a7:hover {
	background-position: -762px -98px;
	color: #c7b89e;
}

#index1 .r ul .i1 .a8 {
	background-position: -888px 0;
}

#index1 .r ul .i1 .a8:hover {
	background-position: -888px -98px;
	color: #c7b89e;
}

#index1 .r ul li a:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


/*#index1 .r ul li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}*/


/*#index1 .r ul li .hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}*/

#index2 {
	width: 100%;
	min-width: 1200px;
	height: 400px;
}


/*== content ==*/

#index2 .cbox {
	width: 100%;
	height: 365px;
	margin-top: 50px;
}

#index2 .cbox .ul .li {
	float: left;
}

#index2 .cbox .ul .li h3 {
	height: 40px;
	line-height: 40px;
}

#index2 .cbox .ul .li h3 span {
	font-size: 12px;
	color: #585858;
	font-weight: normal;
	display: inline-block;
	padding-left: 5px;
}

#index2 .cbox .ul .li h3 a {
	display: block;
	width: 60px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 25px;
	background: url(../Images/index_2_more_a.png) right center no-repeat;
}

#index2 .cbox .ul .li .img {
	width: 351px;
	height: 236px;
	overflow: hidden;
}

#index2 .cbox .ul .i4 .img {
	width: 251px;
	height: 236px;
	overflow: hidden;
}

#index2 .cbox .ul .li .img img {
	width: 100%;
	height: auto;
}

#index2 .cbox .ul .li h4 {
	height: 30px;
	line-height: 30px;
	color: #222;
	padding-top: 10px;
	overflow: hidden;
}

#index2 .cbox .ul .li .text {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #b9b9b9;
	overflow: hidden;
}

#index2 .cbox .ul .li .text em {
	color: #9b7736;
}

#index2 .cbox .i1 {
	/* border-right: 1px solid #ddd; */
	padding-right: 15px;
}

#index2 .cbox .i2 {
	padding: 0 15px;
	/* border-right: 1px solid #ddd; */
}

#index2 .cbox .i3 {
	padding-left: 15px;
}


/* 10-1边框修改过*/

#index2 .cbox .i1,
#index2 .cbox .i2,
#index2 .cbox .i3 {
	/* border: 1px solid #ddd; */
	padding-right: 10px 24px;
	padding: 10px 24px;
	width: 400px;
	height: 362px;
	box-sizing: border-box;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	position: relative;
	overflow: hidden;
}

#index2 .cbox .i3 {
	border-right: 1px solid #e1e1e1;
}

#index2 .cbox .i1:hover,
#index2 .cbox .i2:hover,
#index2 .cbox .i3:hover {
	// border-top: 1px solid #ad7e47;
	border-top: 1px solid #103181;
	box-shadow: 0 0 8px rgba(8, 1, 3, .2);
	z-index: 10;
	/* background-color: #f8f7f7; */
	/*  border-top-color: #c0025a; */
	-moz-transform: translate3d(0, -2px, 0);
	-ms-transform: translate3d(0, -2px, 0);
	-o-transform: translate3d(0, -2px, 0);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}

#index2 .cbox .i4 {
	width: 300px;
}

#index3 {
	width: 100%;
	min-width: 1200px;
	height: 650px;
}

#index3 .top {
	height: 120px;
	position: relative;
}

#index3 .top h3 {
	width: 500px;
	height: 81px;
	// padding-left:100px;
	// background:url(../Images/index_i3_sbg1.png) left center no-repeat;
}

#index3 .top h3 span {
	display: block;
	font-weight: 500;
}

#index3 .top h3 .s1 {
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	color: #103181;
}

#index3 .top h3 .s2 {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #103181;
}

#index3 .top a {
	display: block;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #b4b4b4;
	font-size: 20px;
	border: 1px solid #b4b4b4;
	position: absolute;
	top: 50px;
	right: 0px;
}

#index3 .top a:hover {
	border: 1px solid #9b7736;
	color: #9b7736;
}

#index3 .bot {
	width: 1200px;
	height: 486px;
	position: relative;
}

#index3 .bot ul {
	width: 1250px;
	height: 486px;
}

#index3 .bot ul li {
	width: 238px;
	height: 243px;
	float: left;
	overflow: hidden;
	position: relative;
}

#index3 .bot ul li.i1 {
	width: 255px;
}

#index3 .bot ul li.i6 {
	width: 255px;
}

#index3 .bot ul li p {
	width: 100%;
}

#index3 .bot ul li p img {
	width: 100%;
	height: 100%;
}

#index3 .bot ul li p.p2 {
	display: none;
	width: 238px;
	height: 243px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8;
}

#index3 .bot ul li p.p2 span {
	display: block;
	width: 100%;
	background: url(../Images/index3_sbg1.png);
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
}

#index3 .bot ul li:hover .p2 {
	display: block;
	width: 100%;
}

#index3 .bot .cbox {
	width: 660px;
	height: 109px;
	background: url(../Images/index_i3_sbg2.png) center no-repeat;
	position: absolute;
	top: 185px;
	left: 285px;
	z-index: 9;
}

#index3 .bot:hover .cbox {
	display: none;
}

#index4 {
	width: 100%;
	min-width: 1200px;
	height: auto;
	overflow: hidden;
}

#index4 .top {
	height: 120px;
	position: relative;
}

#index4 .top h3 {
	width: 500px;
	height: 81px;
	// padding-left:100px;
	// background:url(../Images/index_i4_sbg1.png) left center no-repeat;
}

#index4 .top h3 span {
	display: block;
	font-weight: 500;
}

#index4 .top h3 .s1 {
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	color: #103181;
}

#index4 .top h3 .s2 {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #103181;
}

#index4 .top a {
	display: block;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #b4b4b4;
	font-size: 20px;
	border: 1px solid #b4b4b4;
	position: absolute;
	top: 50px;
	right: 0px;
}

#index4 .top a:hover {
	border: 1px solid #9b7736;
	color: #9b7736;
}

#index4 .bot {
	width: 100%;
	min-width: 1200px;
	height: 606px;
}


/* 本例子css */

#index4 .slideBox {
	width: 100%;
	height: 606px;
	position: relative;
}

#index4 .slideBox .hd {
	width: 410px;
	height: 166px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: 195px;
	top: 215px;
	z-index: 999;
}

#index4 .slideBox .hd ul {
	width: 1200px;
	height: 222px;
	zoom: 1;
}

#index4 .slideBox .hd ul li {
	position: absolute;
	width: 150px;
	height: 50px;
	background: #e5d6b9;
	background: #ffffff;
	cursor: pointer;
}

#index4 .slideBox .hd ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#index4 .slideBox .hd ul li a span {
	display: block;
	width: 110px;
	padding-left: 25px;
	margin-left: 18px;
	height: 50px;
	line-height: 50px;
	color: #103181;
}

#index4 .slideBox .hd ul li:hover {
	background: #caa96d;
	background: #a1b4de;
}

#index4 .slideBox .hd ul li.on {
	background: #caa96d;
	background: #a1b4de;
}

#index4 .slideBox .hd ul .i1 span {
	background: url(../Images/index4_r1_a.png) no-repeat left center;
}

#index4 .slideBox .hd ul .i2 span {
	background: url(../Images/index4_r2_a.png) no-repeat left center;
}

#index4 .slideBox .hd ul .i3 span {
	background: url(../Images/index4_r3_a.png) no-repeat left center;
}

#index4 .slideBox .hd ul .i4 span {
	background: url(../Images/index4_r4_a.png) no-repeat left center;
}

#index4 .slideBox .hd ul .i1.on span {
	background: url(../Images/index4_r1_b.png) no-repeat left center;
	color: #fff;
}

#index4 .slideBox .hd ul .i2.on span {
	background: url(../Images/index4_r2_b.png) no-repeat left center;
	color: #fff;
}

#index4 .slideBox .hd ul .i3.on span {
	background: url(../Images/index4_r3_b.png) no-repeat left center;
	color: #fff;
}

#index4 .slideBox .hd ul .i4.on span {
	background: url(../Images/index4_r4_b.png) no-repeat left center;
	color: #fff;
}

#index4 .slideBox .hd ul li.i1 {
	top: 0px;
	left: 57px;
}

#index4 .slideBox .hd ul li.i2 {
	top: 0px;
	left: 208px;
}

#index4 .slideBox .hd ul li.i3 {
	top: 51px;
	left: 57px;
}

#index4 .slideBox .hd ul li.i4 {
	top: 51px;
	left: 208px;
}

#index4 .slideBox .hd ul li.i5 {
	width: 301px;
	height: 58px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 57px;
}

#index4 .slideBox .hd ul li.i5 a {
	display: block;
	width: 100%;
	height: 100%;
}

#index4 .slideBox .hd ul li.i5 a span {
	display: block;
	width: 258px;
	padding-left: 25px;
	margin-left: 18px;
	height: 58px;
	line-height: 58px;
	background: url(../Images/index4_r5_a.png) no-repeat left center;
}

#index4 .slideBox .hd ul li.i5:hover {
	background: #a1b4de;
}

#index4 .slideBox .hd ul li.i5:hover a span {
	display: block;
	width: 110px;
	padding-left: 25px;
	margin-left: 18px;
	height: 58px;
	line-height: 58px;
	background: url(../Images/index4_r5_b.png) no-repeat left center;
	color: #fff;
}

#index4 .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

#index4 .slideBox .bd li {
	width: 100%;
	height: 606px;
	zoom: 1;
	vertical-align: middle;
}

#index4 .slideBox .bd li a {
	display: block;
	width: 100%;
	height: 100%;
}

#index4 .slideBox .right {
	width: 410px;
	height: 606px;
	background: url(../Images/index4_r_bg.jpg) center no-repeat;
	background: #103181;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 195px;
	z-index: 99;
}

#index4 .slideBox .right .ss {
	width: 317px;
	height: 44px;
	background: url(../Images/index4_r_ss.png) center no-repeat;
	position: absolute;
	top: 80px;
	left: 49px;
}

#index4 .slideBox .right .ss a {
	display: block;
	width: 317px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	padding-left: 10px;
	color: #e5d6b9;
	color: #fff;
}

#index4 .slideBox .right h3 {
	width: 303px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #e5d6b9;
	color: #fff;
	position: absolute;
	top: 168px;
	left: 57px;
}

#index4 .slideBox .right .p1 {
	width: 238px;
	height: 50px;
	position: absolute;
	left: 90px;
}

#index4 .slideBox .right .p1 a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
}

#index4 .slideBox .right .kb {
	top: 437px;
	background: #f07105;
	background: #818181;
}

#index4 .slideBox .right .kb a {
	color: #fff;
}

#index4 .slideBox .right .kb:hover {
	background: #caa96d;
}

#index4 .slideBox .right .swt {
	top: 498px;
	background: #e5d6b9;
	background: #ebbb52;
	color: #222;
}

#index4 .slideBox .right .swt:hover {
	background: #caa96d;
	color: #fff;
}

#index3 {
	display: none;
}

#index6 {
	width: 1200px;
	margin: 0 auto;
}

#index6 .p_tit {
	font-size: 24px;
	margin-left: 30px;
	color: #000;
	margin-bottom: 10px;
}

#index6 .p_tit span {
	font-size: 12px;
	color: #999;
	float: right;
	margin-top: 15px;
}

#index6 .p_tit span a {
	color: #999;
}

.blk_h {
	height: 30px;
	width: 100%;
}

.case_p {
	width: 300px;
	height: 200px;
	top: 150px;
	left: 440px;
	text-align: center;
}

.case_p_tit {
	font-size: 32px;
}

.case_p_des {
	font-size: 22px;
	margin-top: 24px;
	line-height: 40px;
}

.case_p_des span {
	border: 1px solid #e1e1e1;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 20px;
}

.case_p_zx {
	border: 1px solid #6e6e6e;
	width: 150px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	display: block;
	margin: 40px auto;
}

.case_p_zx a {
	color: #6e6e6e;
}

.case_p_zx a:hover {
	color: #113082;
}

.case_p_zx:hover {
	border: 1px solid #113082;
}

.case_v {
	width: 175px;
	height: 311px;
	top: 102px;
	left: 952px;
}