﻿ 
.mb40 { margin-bottom: 40px }
.idx-p1, .idx-p2, .idx-p3 { height: 265px; overflow: hidden; margin-bottom: 5px }
.idx-p5, .idx-p6, .idx-p7 { height: 255px; overflow: hidden; }
.idx-p5 .bd, .idx-p6 .bd, .idx-p7 .bd { height: 210px; background-color: #101010 }
.idx-p5 .hd, .idx-p6 .hd, .idx-p7 .hd, .idx-p8 .hd, .idx-p9 .hd { height: 34px; padding-top: 11px; position: relative;}
.idx-p5 h2, .idx-p6 h2, .idx-p7 h2, .idx-p8 h2, .idx-p9 h2 { border-left: 5px solid #873228; font: 20px/22px "????????????"; color: #c2a971; padding-left: 9px }
.idx-p1 { width: 300px; float: left; margin-right: 5px }
.idx-p2 { width: 590px; float: left; }
.idx-p3 { width: 260px; float: right; padding: 0 20px; background-color: #101010; }
.idx-p4 { height: 290px; overflow: hidden; margin-bottom: 40px }
.idx-p5 { width: 400px; float: left; margin-right: 5px }
.idx-p6 { width: 395px; float: left; }
.idx-p7 { width: 395px; float: right; }
.idx-p8 { height: 328px; overflow: hidden; }
.idx-p9 { height: 580px; overflow: hidden; }
.hd .more{position: absolute; top: 14px; right: 5px; font-size: 12px; color: #c9b075; font-family: "verdana" }
.hd .more:hover { color: #f40 }
.idx-down { display: block; height: 60px; background-color: #daa64a; font: 18px/60px "????????????"; color: #7a4e00; text-align: center; margin-bottom: 5px; float: left; }
.idx-down:hover { background-color: #efca8a; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.idx-down-1, .idx-down-3 { width: 149px; border-right: 1px solid #8e6215 }
.idx-down-2, .idx-down-4 { width: 150px }
.idx-news li { width: 260px; height: 24px; line-height: 24px; *height: 21px; *line-height: 21px; margin-bottom: 5px }
.idx-news li a { width: 210px; float: left; font-size: 12px; color: #8b816d; overflow: hidden; height: 24px }
.idx-news li a:hover { color: #f40 }
.idx-news li span { float: right; line-height: 24px; font-size: 12px; color: #8b816d; text-align: center; }
.img-blank { display: block; position: absolute; overflow: hidden; bottom: 0; left: 0; z-index: 1; background: #000; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.idx-p3 .hd { border-bottom: 1px solid #4f4442; color: #c9b075; height: 27px; padding-top: 15px; position: relative; margin-bottom: 12px }
.idx-p3 h2 { font: 16px/18px "????????????" }
.idx-p3 .more {top: 15px; right: 0}
.idx-p3 .idx-news .first a{width: 260px; color: #af8a33; font-size: 14px; font-weight: 700}
.idx-p3 .idx-news .first span{ display: none}
.idx-p4 li { width: 300px; float: left; position: relative; overflow: hidden; }
.idx-p4 a { display: block; width: 300px; height: 290px }
.idx-p4 img { width: 300px; height: 290px; z-index: 1; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 1s ease-in; overflow: hidden; }
.idx-p4 p { left:0;bottom: 0; width: 240px; height: 70px; overflow: hidden; padding: 10px 30px 0; position: absolute; z-index: 5; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.idx-p4 p strong { color: #fff; display: block; font-size: 26px; height: 38px; line-height: 38px; color: #efcc87; font-weight: 400; font-family: "????????????"; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.idx-p4 p span { color: #706553; display: block; font-family: arial, verdana, sans-serif; font-size: 16px; height: 25px; width: 240px; }
.idx-p4 .more { display: block; width: 101px; height: 23px; line-height: 23px; font-size: 14px; color: #fff; text-align: center; background: url(img/idx-p4-more.png) center top no-repeat; margin-top: 8px; font-weight: 400 }
.idx-p4 .img-blank { width: 300px; height: 110px; bottom: -30px; }
.idx-p4 a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 1s ease-in; }
.idx-p4 a:hover p { height: 105px }
.idx-p4 a:hover strong { color: #af8a33 }
.idx-p4 a:hover .img-blank { bottom: 0; }
.idx-p6 .con, .idx-p7 .idx-news { padding: 15px 0 0 20px }
.idx-p6 p { line-height: 24px; margin-bottom: 5px }
.idx-p6 strong { color: #968663; margin-right: 8px }
.idx-p6 a { color: #706553; margin-left: 14px }
.idx-p6 a:hover { color: #f40 }

.idx-p7 .idx-news li{width: 355px}
.idx-p7 .idx-news li a{width: 300px}
.idx-p8 ul { width: 1250px }
.idx-p8 li { width: 297px; height: 283px; overflow: hidden; float: left; margin-right: 4px; position: relative; text-align: center;}
.idx-p8 li div{width:297px;height: 283px;line-height:283px;vertical-align: middle;display: table-cell}
.idx-p8 li div i{display:inline-block;height:100%;vertical-align:middle}
.idx-p8 li div a{display: inline;}
.idx-p8 li a{color: #c2a971}
.idx-p8 img { vertical-align: middle;transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .8s ease-in; }
.idx-p8 .img-blank { width: 297px; height: 63px; z-index: 2; filter: alpha(opacity=70); opacity: 0.7; }
.idx-p8 p { position: absolute; left:0;bottom: 0; width: 297px; color: #c2a971; padding: 19px 0; z-index: 3; text-align: center; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; }
.idx-p8 p strong{ font-weight: 400; font: 20px/26px "????????????"; white-space: nowrap}
.idx-p8 a:hover p { color: #af8a33; }
.idx-p8 a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all .8s ease-in; }













/*????????????*/
.silder-box { width: 590px; height: 265px; position: relative; }
.silder-box ul { width: 590px; height: 265px; overflow: hidden; position: relative; overflow: hidden; }
.silder-box ul li { position: absolute; left: 0; top: 0; z-index: 5; }
.silder-box ul li img { width: 590px; height: 265px; }
.silder-box .number { position: absolute; left: 25px; bottom: 9px; z-index: 11; }
.silder-box .number span { display: inline-block; width: 16px; height: 16px; overflow: hidden; cursor: default; margin-right: 10px; cursor: pointer; background-image: url(img/idx-silder-num.png); backgound-position: 0 0 }
.silder-box .number .active { background-position: 0 -16px }

/*????????????*/
.img-scroll { position: relative }
.img-scroll .prev, .img-scroll .next { width: 22px; height: 43px; position: absolute; top: 83px; z-index: 15; background-image: url(img/idx-scroll-jt.png) }
.img-scroll .prev { left: 0; background-position: left top }
.img-scroll .next { right: 0; background-position: right top }
.img-scroll .prev:hover { background-position: left bottom }
.img-scroll .next:hover { background-position: right bottom }
.img-list { position: relative; overflow: hidden; width: 400px; height: 210px }
.img-list ul { width: 2000px }
.img-list li { float: left; width: 400px; height: 210px;text-align: center;}
.img-list li div{height: 210px;line-height:210px;vertical-align: middle;display: table-cell;width: 400px }
.img-list li i{display:inline-block;height:100%;vertical-align:middle}
.img-list li img { vertical-align: middle }


.tanchuang{display:none;width:100%;height:100%;position:fixed;overflow:auto;top:0;left:0; z-index:15000;padding-top:60px; background:rgba(0,0,0,.6)}
.tanchuang .gb_p{width:1000px;padding:10px 0;text-align:right;margin:0 auto;}
.tanchuang .gb_p a{color:#FFF;font-size:20px; width:40px; height:40px; background:#F03; display:block; text-align:center; line-height:40px; position:relative; left:950px; border-radius:100px; top:60px;}
.tanchuang .gb_p a:hover{background:#09F;}
.tanchuang .tanchuangs{width:880px;height:520px; background:url(../images/sr.png) no-repeat;margin:0 auto; position:relative;}
.tanchuang .tanchuangs ul{width:100%;position:relative; top:50px;padding:0; margin:0; list-style:none;}
.tanchuang .tanchuangs ul li{width:20%;float:left; padding:0; margin:0; list-style:none;}
.tanchuang .tanchuangs ul li .img_bg{width:100%; text-align:center;}
.tanchuang .tanchuangs ul li .img_bg .s_img{ width:124px; height:126px;}
.tanchuang .tanchuangs ul li .txt{ display:block; height:30px; line-height:30px; text-align:center; color:#F00; font-size:14px;}
.tanchuang .tanchuangs .title{ position:absolute; top:10px; left:0;display:block;  width:100%; font-size:22px; color:#595959; text-align:center;}



.STYLE1 {color: #8F5C3F}
.STYLE2 {
	color: #000
}

.content {
	width: 100%;
	margin: 0 auto;
	min-width: 800px;
}
.pay {
	width: 800px;
	height: 300px;
	margin: 0 auto;
	text-align:center;

}


.logo {
	margin:0 auto;
	width:100%;
	padding-top:50px;
	text-align:center;
}


#urls {
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
#urls div {
	width: 150px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	float: left;
	font-size: 16px;
	margin-bottom: 36px;
	margin-right: 30px;
}
#urls div a {
	color: #fff;
	display: block;
	float: left;
	background-color: #07121e;
	width: 150px;
	height: 40px;
	text-decoration: none;
	font-size: 18px;
}
#urls div a.bg {
	color: #fff;
	display: block;
	float: left;
	background-color: #009933;
	width: 150px;
	height: 40px;
	text-decoration: none;
	font-size: 14px;
}
#urls div a:hover {
	background: #800000;
	color: #000;
}
 {
	margin: 5px;
	_margin-left: 35px;
}

.ptext {
	clolr:red;
}

