@charset "utf-8";

@import url("header.css");



/*---------------------------floatpic start-----------------------------------------*/

#global_menu.main {

	background:none;

	height:440px;

}

#global_menu.main .global { position:relative; overflow:hidden; }

#global_menu.main .global .gmenu { z-index:500; }

#global_menu.main .visual_slide { position:absolute; width:100%; height:602px; left:0; top:0; }



#global_menu.main .visual_slide_nav { position:relative; width:960px; margin:-20px auto 0; z-index:50; }



#main_container {

	width:100%;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #999;

}

#main_container .mid_con { width:960px; margin: 0 auto; }

#main_container .mid_con:after { content:""; display:block; clear:both; height:0; }







/* slide */

#slides .slides_container { width:480px; height:204px; display:none;}

#slides .slides_container div { width:480px; height:204px; display:block;}

.pagination { position: absolute; top: 175px; left: 40px; height: 12px; width: 70px; overflow: hidden; z-index: 10;}

.pagination .current a { color:red; background-position: 0 0; display: block;}

.pagination a { display: block; margin-right: 5px; float: left; font: 0/0 serif; background: url("../img/main/paging_bar.gif") no-repeat left -9px; width: 12px; height: 12px;}



.pic_list { display: none;}





#slider { width: 100%; min-width: 960px; margin: 0 auto; position: relative; height: 440px;}

#slider .slides_jpg1 {

	background-color: #a4b19d;

	background-image: url(../images/main_visual_img_01.jpg);

	background-repeat: no-repeat;

	background-position: 50% top;

}

#slider .slides_jpg2 {

	background-color: #472916;

	background-image: url(../images/main_visual_img_02.jpg);

	background-repeat: no-repeat;

	background-position: 50% top;

}

#slider .slides_jpg3 {

	background-color: #7a7d72;

	background-image: url(../images/main_visual_img_03.jpg);

	background-repeat: no-repeat;

	background-position: 50% top;

}

#slider .slides_jpg4 {
	background-color: #fcc5c7;
	background-image: url(../images/main_visual_img_11.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
}

#slider .slides_jpg5 {

	background-color: #7c6e6d ;

	background-image: url(../images/main_visual_img_05.jpg);	

	background-repeat: no-repeat;

	background-position: 50% top;

}

	

#slider .slides_jpg6 {

	background-color: #c8c2b7;

	background-image: url(../images/mrd.jpg);

	background-repeat: no-repeat;

	background-position: 50% top;

}


#slider .slides_jpg7 {

	background-color: #33ff66;

	background-image: url(../images/wangzhanbanner.jpg);

	background-repeat: no-repeat;

	background-position: 50% top;

}

#navigation-wrapper .prev {

	display: block;

	font: 0px/0 serif;

	height: 73px;

	left: -70px;

	position: absolute;

	top: -200px;

	width: 37px;

	z-index: 50;

	cursor: pointer;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(../images/btn_visual_prev2.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#navigation-wrapper .next {

	display: block;

	font: 0px/0 serif;

	height: 73px;

	right: -70px;

	position: absolute;

	top: -200px;

	width: 37px;

	z-index: 50;

	cursor: pointer;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(../images/btn_visual_next2.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#slider{

	width: 960px;

	height: 440px;

	overflow: hidden;

	position: relative;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.JS #slider{ width: 100%; min-width: 960px; margin:0;}

#items{

	width: 2000em;

	position: absolute;

	-moz-transform:rotateX( 0deg );

	-webkit-transform:rotateX( 0deg );

	left: -50%;

}

#items > div{ float: left;}

#items > div > div{

	width: 100%;

	height: 440px;

	overflow: hidden;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#navigation-wrapper{ display: none;}

.JS #navigation-wrapper{ display: block; width: 960px; margin: -70px auto 0 auto; position: relative; z-index: 10;}

#navigation-wrapper li { cursor: pointer;}



#navigation { position: absolute; top: -35px; left: 50%; width: 1120px; height: 95px !important; margin: 0 0 0 -480px !important;}

#navigation li { width: 160px !important; height: 95px !important;}

#navigation li.pgj_0 {

	background-image: url('../images/xiaobanner.png');

	background-repeat: no-repeat;

	background-position: left bottom;

}

#navigation li.pgj_1 { background: url('../images/visual_thumb11_off.png') no-repeat left bottom;}

#navigation li.pgj_2 { background: url('../images/visual_thumb01_off.png') no-repeat left bottom;}

#navigation li.pgj_3 { background: url('../images/visual_thumb05_off.png') no-repeat left bottom;}

#navigation li.pgj_4 { background: url('../images/visual_thumb03_off.png') no-repeat left bottom;}

#navigation li.pgj_5 { background: url('../images/visual_thumb06_off.png') no-repeat left bottom;}

#navigation li.pgj_7 { background: url('../images/visual_thumb07_off.png') no-repeat left bottom;}

#navigation li.pgj_0.active {

	background-image: url('../images/xiaobanner01.png');

	background-repeat: no-repeat;

	background-position: left bottom;

}

#navigation li.pgj_1.active { background: url('../images/visual_thumb11_on.png') no-repeat left bottom;}

#navigation li.pgj_2.active { background: url('../images/visual_thumb01_on.png') no-repeat left bottom;}

#navigation li.pgj_3.active { background: url('../images/visual_thumb05_on.png') no-repeat left bottom;}

#navigation li.pgj_4.active { background: url('../images/visual_thumb03_on.png') no-repeat left bottom;}

#navigation li.pgj_5.active { background: url('../images/visual_thumb06_on.png') no-repeat left bottom;}

#navigation li.pgj_7.active { background: url('../images/visual_thumb07_on.png') no-repeat left bottom;}



#slides_two { position: relative;}

#slides_two .slides_container { width: 228px; margin: 0 auto;}

#slides_two .slides_container img { margin-left: 0;}

#slides_two .prev { background:url('../img/main/btn_atn_arrleft.gif') no-repeat left top; width: 12px; height: 23px; display: block; font: 0/0 serif; position: absolute; left: 21px; top: 62px; z-index: 50;}

#slides_two .next { background:url('../img/main/btn_atn_arrright.gif') no-repeat left top; width: 12px; height: 23px; display: block; font: 0/0 serif; position: absolute; right: 21px; top: 62px; z-index: 50;}



#global_menu ul { height: 70px; width: 960px; margin: 0 auto; position: relative;}

#global_menu ul li { height: 70px; float: left; width: 106px;}

#global_menu .global { height: 100%;}

#global_menu ul li.lastprev, #global_menu ul li.last { width: 109px;}



/*---------------------------floatpic end-----------------------------------------*/

/*---------------------------focus start-----------------------------------------*/



.focus {

	float: left;

	height: 335px;

	width: 300px;

}

.hp_bot_right {

	background:none #fff;

	float: left;

	width: 293px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #eee;

	padding-left: 23px;

	padding-right: 23px;

	height: 333px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #eee;

	border-bottom-color: #eee;

}

.hp_bot_right H2 {TEXT-ALIGN: left; LINE-HEIGHT: 16px; TEXT-INDENT: 20px;  WIDTH: 100%; COLOR: #757575; FONT-SIZE: 14px;  FONT-WEIGHT: bolder; 

 PADDING-TOP:20px;}

.menu{

	width:293px;

	height:30px;

	background-image: url(../images/new_08.gif);

	background-repeat: repeat-x;

}

.menu li{float:left;TEXT-ALIGN: center; width:60px;height:26px; margin-left:10px; display:inline;}

.menu li a{font-size:12px; font-family:"微软雅黑", "宋体"; line-height:30px;COLOR: #757575;margin-top:4px;}

.menu li.hover a{

	color:#f21244;

	width:60px;

	height:26px;

	line-height:22px;

	FLOAT: left;

	CURSOR: pointer;

	background-image: url(../images/new_09.gif);

	background-repeat: no-repeat;

}

.listt {

	BORDER-BOTTOM: #ccc 1px dashed;

	WIDTH: 293px;

	padding-bottom:18px;

	font-size:12px;

}

.listt H3 {TEXT-ALIGN: center; LINE-HEIGHT: 32px; WIDTH: 100%; FONT-SIZE: 14px;}

.listt H3 A {

	COLOR: #f21244;

	TEXT-DECORATION: none;

	line-height: 40px;

}

.listt H3 A:hover {TEXT-DECORATION: underline}

.listt P {

	LINE-HEIGHT: 20px;

	COLOR: #343746;

}

.text_2{

	margin-top:15px;

	line-height:24px;

}

.text_2 a{

	COLOR: #343746;

}

.text_2 a:hover{COLOR: #f21244;}

.text_2 li{ list-style-type:none;}

.text_2 .r{ font-size:12px;color:#9e9e9e;}

.ask {

	width: 300px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	height: 196px;

	background-image: url(../images/zhuanjia.jpg);

	background-repeat: no-repeat;

	background-position: center 10px;

	padding-top: 10px;

}.case {

	width: 300px;

	height: 80px;

}

.case a {

	height: 80px;

}

/*---------------------------focus end-----------------------------------------*/



/*---------------------------device start-----------------------------------------*/

#jlfx ul li {

	float: left;

	width: 230px;

	height: 80px;

	padding-left: 5px;

}

#device {

	height: 150px;

	background-color: #FFF;

	border: 1px solid #eee;

	width: 960px;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}



#demo {

	overflow:hidden;

	width: 930px;

	margin: auto;

	background-color: #FFF;

}



#indemo {

float: left;

width: 800%;

}



#demo1 {

float: left;

}



#demo2 {

float: left;

}



#device ul li {

	padding-top: 15px;

	text-align: center;

	float: left;

}

/*---------------------------device end-----------------------------------------*/

/*---------------------------tg start-----------------------------------------*/

.column {

	width: 960px;

	height: auto;

	border: 1px solid #eee;

	background-color: #FFF;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

#tg {

	width: 600px;

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #eee;

	padding: 20px;

	margin-right: 20px;

}

#tg .title {

	line-height: 35px;

}

#tg .title h1 span {

	color:#F21244;

	font-size: 24px;

}

#tg .title h1 a {

	font-size: 24px;

}

#tg .p_left {

	width: 207px;

	float: left;

	margin-top: 10px;

	margin-right: 10px;

}

#tg .p_left .price {

	background-color: #343746;

	height: 24px;

	width: 207px;

	padding-top: 8px;

	padding-bottom: 8px;

}

#tg .p_left .price span {

	font-size: 24px;

	color: #FFF;

	display: block;

	float: left;

	line-height: 24px;

	margin-right: 16px;

}

#tg .p_left .price a {

	background-color: #9e8c76;

	display: block;

	float: left;

	height: 24px;

	padding-right: 8px;

	padding-left: 8px;

	line-height: 24px;

	font-weight: bold;

	color: #FFF;

}

#tg .p_left .content ul li span {

	float: left;

	width: 68px;

}

#tg .p_left .content ul li {

	width: 205px;

	height: 40px;

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ddd;

}

#tg .p_left .content .purhcase_number .pur {

	line-height: 40px;

	height: 40px;

	font-size: 18px;

	text-align: center;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ddd;

}

#tg .p_left .content .purhcase_number {

	margin-top: 16px;

	background-color: #f3f3f3;

	width: 205px;

	border: 1px solid #ddd;

}

#tg .p_left .content .purhcase_number ul .times {

	height: 20px;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom-width: 0px;

	font-size: 14px;

}

#tg .p_left .content .purhcase_number .pur span {

	color: #F00;

}

#tg .picc {

	width: 379px;

	float: left;

	margin-top: 10px;

}

/*---------------------------tg end-----------------------------------------*/

/*---------------------------jlfx start-----------------------------------------*/

#jlfx img {

	padding: 1px;

	border: 1px solid #ddd;

}

#jlfx dl dd div {

	width: 70px;

	float: left;

}

#jlfx dl dd {

	width: 230px;

	padding-left: 5px;

	height: 80px;

	float: left;

}

#jlfx dl dd div .fl a {

	background-color: #343746;

	border: 0px solid #9e8c76;

	color: #FFF;

	padding-right: 2px;

	padding-left: 2px;

	margin-right: 6px;

}

#jlfx dl dd div p {

	line-height: 20px;

}

#jlfx dl dd .fx_right {

	width: 150px;

}

#jlfx .page_col a span {

	color: #f21244;

}

/*---------------------------jlfx end-----------------------------------------*/



/*---------------------------wenzhang start-----------------------------------------*/

.main_pages {

	width: 940px;

	border: 1px solid #eee;

	background-color: #FFF;

	padding: 10px;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

.page_col {

	height: 42px;

	line-height: 26px;

	background-image: url(../images/new_10.gif);

	width: 940px;

}

.main_pages .page_col .col_title {

	font-size: 14px;

	color: #F21244;

	display: block;

	height: 42px;

	line-height: 42px;



	width: 140

\;

	text-align: center;

	width: 140px;

}

.main_pages .page_con {

	margin-top: 20px;

}

.main_pages .page_con .conl {

	float: left;

	width: 226px;

	padding: 2px;

	border: 1px solid #ddd;

	margin-right: 19px;

}

.main_pages .page_col a {

	display: block;

	float: left;

	line-height: 42px;

	height: 42px;

	padding-right: 8px;

	padding-left: 8px;

}

.main_pages .page_con .conm {

	float: left;

	width: 360px;

	margin-right: 19px;

}

.main_pages .page_con .conm .title {

	font-size: 16px;

	color: #F30;

	text-align: center;

	line-height: 36px;

}

.main_pages .page_con .conm .title a {

	color: #F21244;

	font-size:14px;

}

.main_pages .page_con .conm p {

	line-height: 24px;

}

.list {

	padding-top: 14px;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #000;

	margin-top: 14px;

}

.list .list-img a img {

	padding: 1px;

	border: 1px solid #CCC;

	height: 60px;

	width: 90px;

	margin-top:6px;

}

.list-img {

	width: 94px;

}

.list-text {

	width: 260px;

}

.list .list-text li{

	padding-left: 20px;

	width: 240px;

	line-height:24px;

	font-size:12px;

}

.spent {

	/*background-color: #f3f3f3;*/

	border: 0px solid #eee;

	float: left;

	margin-top: 10px;

	padding-right: 10px;

	padding-left: 10px;

}

.spent ul #spent b {

	font-weight: bold;

}

.spent ul li {

	height: 24px;

	width: 258px;

	line-height: 24px;

}

.spent ul li b {

	float: left;

	font-weight: 100;

	color: #343746;

}

.spent ul li .price {

	color: #C02A0B;

	width: 60px;

}



.spent ul li .moreshare-no {

	text-align: right;

}

.spent ul li .m1 {

	width: 106px;

}

.spent ul li .m3 {

	width: 86px;

	text-align: right;

}

#jlfx dl dd div a img {

	height: 56px;

	width: 56px;

}

#global_menu .global #mainvisual #slider #items div .content a {

	display: block;

	width:1903px;

	height:440px;	

}#main_container #main_contents div .hp_bot_right #con_list_1 .listt h3 a strong {

	font-size: 14px;

}





.conr{*width:310px;*float:left;*padding:0px;}

.conr dl{*margin:0px; *padding:0px;}

.conr dd{*margin:0px; *padding:0px;}



.page_con{*width:960px; *margin:0 auto;*height:310px;}

.float{*float:left;}

.conm{*width:360px; *height:310px;}

.conl{*width:223px; *height:310px;}