body { font:12px Arial, Helvetica, sans-serif;
margin:0 auto;
border:0;
background:#d9d9d9;
color:#000;
}

img{ border: none;}
ul li{ list-style: none;}
a{ text-decoration:none; color:#464646;}
a:hover{ text-decoration:underline;}

/*
---------------------------------------------------------------------------top*/

.toppagebg{background-image:url(../image/top-bg.jpg); background-repeat:repeat-x;height:118px; margin:0 auto; }
.topbg{background-image:url(../image/top-bg02.jpg); background-position:center; background-repeat:no-repeat; width:1000px; height:118px; margin:0 auto;}
.logo{ float:left; width:92px; height:87px;padding:13px 0 0 80px;}
.name{float:left; margin-left:35px; margin-top:20px;}
#nav{ float:left; width:auto;height:34px; padding-top:23px !important; padding:94px 0 0 0px; margin:0 auto;}
*html #nav ul li{ float:left; margin-left:5px; margin-right:15px;}
#nav ul li{ float:left; margin-left:5px; margin-right:5px;}
#nav ul li a{ float: left;color:#ffffff;height:34px; background-repeat:repeat-x; line-height:34px; font:12px "宋体";}


#nav ul li a:hover, #nav ul li a.active {background-image: url(../image/nav_bg03.gif);color:#000;}
#nav ul li a em {float:left;background-repeat:no-repeat;background-position:0 0;}
#nav ul li a:hover em, #nav ul li a.active em { background-image: url(../image/nav_bg01.gif);}

*html #nav ul li a b {float:left;background-repeat:no-repeat;font-style:normal;font-weight:normal;background-position:right top;padding:10px 5px 0px 5px;} 
#nav ul li a b {float:left;background-repeat:no-repeat;font-style:normal;font-weight:normal;background-position:right top;padding:10px 5px 0px 5px;}
#nav ul li a:hover b, #nav ul li a.active b {background-image: url(../image/nav_bg02.gif);}
#nav a:hover{color:#000000;text-decoration:none;}

 


*html .language{ width:77px; height:14px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/language.png”);
_ background-image: none; float:right;margin:15px 18px 0 0; text-align:center; padding-top:2px;}
.language{ width:77px; height:14px; background:url(../image/language.png) no-repeat;float:right;margin:15px 18px 0 0; text-align:center; padding-top:2px;}
.language a{font:10px Arial, Helvetica, sans-serif; color:#b7b7b7;  text-decoration: none; position:relative;}
.language a:hover{ text-decoration: none;}
.content01{ width:auto; height:470px; margin:0 auto; padding-top:50px; z-index:100000}

.middle_column{width:675px; height:431px; margin:0 auto; text-align:center;}


.title{ width:965px; height:36px; background:url(../image/column.png) no-repeat; margin:0 auto; padding:7px 0 0 15px;font:24px  "宋体";}

*html .title{ width:965px; height:36px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/column.png”);
_ background-image: none; margin:0 auto; padding:7px 0 0 15px;font:24px  "宋体";}
.banner{ width:1036px; height:235px; margin:0 auto; padding:28px 0 13px 0;}

   

/*
---------------------------------------------------------------------------------content*/

.content{ width:980px; height: auto; margin:0 auto;padding:15px 0 38px 0;}
*html .leftsidebar{ float:left; width:213px; height:325px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/left_bg.png”);_ background-image: none;}
.leftsidebar{ float:left; width:213px; height:325px; background:url(../image/left_bg.png) no-repeat;}
.leftsidebar ul{ margin:0px; padding-left:0px; padding-top:16px;}
.leftsidebar ul li{ padding:0px 0 0 13px;}
.leftsidebar ul li a{ font:14px  "宋体";background:url(../image/arrow1.gif) no-repeat left 5px; padding:0 0 0 15px; color:#fff; line-height:20px;
position:relative;}

.right{width:731px; height: auto; float:right}


.text{ font:10px Arial, Helvetica, sans-serif;color:#ff5e5e; padding-top:23px;}
.page{ float:right;width:550px; padding:25px 0 0 0 !important;padding:15px 0 15px 0;}
.page ul{ width:100%; overflow:hidden;}
.page ul li{ float:left; margin-left:3px; text-align:center; vertical-align:middle; line-height:27px;}


*html .page ul li a{ float:left; width:29px; height:27px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/btn03.png”);_ background-image: none; text-decoration:none;}
*html .page ul li a:hover{ float:left; width:29px; height:27px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/btn04.png”);_ background-image: none;text-decoration:none; color:#FFFFFF;}

.page ul li a{ float:left; width:29px; height:27px; background: url(../image/btn03.png) no-repeat;text-decoration:none;}
.page ul li a:hover{ float:left; width:29px; height:27px;background: url(../image/btn04.png) no-repeat;text-decoration:none;}

#current{float:left; width:29px; height:27px;background: url(../image/btn04.png) no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/btn04.png”);_ background-image: none;text-decoration:none; color:#FFFFFF;}


.show{ width:731px; height:auto;}
.show ul{margin:0px;padding:0px;text-align:justify}
.show ul li{ width:228px;float:left; margin-right:15px; margin-top:10px; text-align: center;}



/*
---------------------------------------------------------------------bottom*/
*html .footer{ width:980px; height:90px; margin:0 auto;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/footer.png”);
_ background-image: none; clear:both; margin-bottom:12px;}
.footer{ width:980px; height:90px; margin:0 auto; background: url(../image/footer.png) no-repeat;clear:both; margin-bottom:12px;}

.foorer_k{ width:380px; height:67px; float:right; padding:25px 15px 0 15px !important; padding:23px 15px 0 0;}
.footer_text{ float:left; font:11px Arial, Helvetica, sans-serif; color:#464646; text-align: right; line-height:20px; margin-left:0px !important;margin-left:15px;}
.footer_text a{color: #666666; position:relative;}
.small_logo{ float:right;}

.bottom{ background:url(../image/top-bg.jpg); height:120px;clear:both; }
.bottom_02{ width:1000px; height:120px; background:url(../image/bottom.jpg); background-repeat:no-repeat; background-position:center; margin:0 auto; text-align:center;}

 
.lefttitle{ width:216px; height:auto; float:left;}
.lefttitle ul{margin-left:0; padding-left:0;}
*html .lefttitle ul li{ width:219px; height:28px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/submenu01.png”);
_ background-image: none;line-height:22px;}
.lefttitle ul li{ width:219px; height:28px; background:url(../image/submenu01.png) no-repeat;line-height:22px;}
.lefttitle ul li a{ width:204px; height:24px; display:block; padding:4px 0 0 15px; position:relative;}
*html .lefttitle a:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/submenu02.png”);
_ background-image: none; text-decoration:none; color:#fff; position:relative;}
.lefttitle a:hover{ background:url(../image/submenu02.png) no-repeat;text-decoration:none; color:#fff; position:relative;}

.window_text{ width:725px; height:auto;line-height:20px; padding:20px 0 40px 0; text-indent:22px;}


.newsleft{ width:345px; height:auto; text-align:center; float:left}
#newsbg{width:596px; height:15px; background:url(../image/news000.png) no-repeat;}
#newsbg2{ width:596px; height:auto; background:#fff;}
#newsbg3{ width:596px; height:15px; background:url(../image/news00000.png) no-repeat; position:absolute;}


#newsbg4{width:345px; height:15px; background: url(../image/newsbg.png) no-repeat;}
#newsbg5{ width:345px; height:auto; background:#fff;}
#newsbg6{ width:345px; height:15px; background: url(../image/newsbg3.png) no-repeat; position: relative;}





.time{ float:right;font:11px Arial, Helvetica, sans-serif; color:#7b7b7b;line-height:18px;}
.time2{font:11px Arial, Helvetica, sans-serif; color:#7b7b7b;line-height:18px; position:absolute; right:5px;}
.news_text{width:310px; height:auto; line-height:20px;padding:5px 0 0 0px; text-align:justify; margin:0 auto;}
*html .more02{ float:right; margin-right:5px;}
.more02{ float:right;}
.news_right{float:right;width:596px; height:auto; margin-bottom:30px !important; margin-bottom:0px;} 




 

.new_small{ width:570px; height: auto;padding:0 0 7px 13px; position:relative;}
.new_small01{ float:left; width:141px; height:auto;}
*html .new_small02{ margin-bottom:1px; line-height:18px;}
.new_small02{ float:right;width: 415px; height:auto; text-align:justify; padding:0 1px 0 5px; margin-bottom:20px; line-height:18px; position:relative;}
.line{ width:568px; height:1px;border:1px dashed #464646; clear:both; margin-top:7px;}
 


/*
-----------------------------------------------------------------------------圆角矩形02*/
.news02_left{ float:left;width:692px; height:auto; margin-bottom:30px !important; margin-bottom:0px;}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;} 
#xsnazzy h1 {font-size:2.5em; color:#fff;} 
#xsnazzy h2 {font-size:2em;color:#fff;} 
#xsnazzy p {padding-bottom:0.5em;} 
#xsnazzy h2 {padding-top:0.5em;} 
#xsnazzy {background: transparent;} 

.xtop, .xbottom {display:block; background:transparent; font-size:1px;} 
.xb1_02, .xb2_02, .xb3_02, .xb4_02 {display:block; overflow:hidden;} 
.xb1_02, .xb2_02, .xb3_02 {height:1px;} 
.xb2_02, .xb3_02, .xb4_02 {background:#e8e8e8; } 
.xb1_02 {margin:0 5px; background:#e8e8e8;} 
.xb2_02 {margin:0 3px; border-width:0 2px;} 
.xb3_02 {margin:0 2px;} 
.xb4_02 {height:2px; margin:0 1px;} 

.xboxcontent_02 {display:block; background:#e8e8e8; padding:0 0 20px 0;text-align:center;}
/*
-----------------------------------------------------------------------------------------------------*/


.new_title{ font:24px Arial, Helvetica, sans-serif ;padding-bottom:10px;padding-top:30px}
.new02_time{ font:14px Arial, Helvetica, sans-serif; color:#838383; } 
.guild{ width:627px; height:100px; background:#dadada; color:#727272;margin:0 auto; margin-top:40px; padding:15px; line-height:20px; text-align: justify; text-indent:22px;}
.news2_text{ text-align:justify; width:627px; padding:15px; line-height:20px; text-indent:22px;}
.btn_09{ float:left; margin:30px 0 0 30px;}
.btn_10{ float:right; margin:30px 30px 0 0;}


.news02_right{ float:right;width:277px; height:auto;}
.news_02title{ width:277px; height:auto; padding-left:0;}
.news_02title ul{margin-left:0; padding-left:0; line-height:20px;}
.more{ position:absolute; right:143px; }
.more a{color:#838383;}
.news_02title ul li{padding-left:22px; text-align:left;}
.news_02title ul li a{ background:url(../image/btn_11..png) no-repeat left 2px !important;background:url(../image/btn_11..png) no-repeat left 0px; padding-left:18px;}
.news_02title span{ float:right; padding-right:22px; color:#838383;}

*html .map{ width:980px; height:502px; margin:0  auto;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/map.png”);
_ background-image: none;}


.about_left{ float:left;width:229px; height: auto;}
*html .pink{ width:229px; height:auto;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/pink_bg.png”);
_ background-image: none;position: relative; bottom:10px; text-align:center;}
.pink{ width:229px; height:auto;background:url(../image/pink_bg.png) no-repeat;position: relative; bottom:10px; text-align:center;}
.latest{ width:209px; font:14px Arial, Helvetica, sans-serif; text-align:left; float:left; padding:0px 0 5px 20px;}
.latest_new{ width:209px; font:24px Arial, Helvetica, sans-serif; text-align:left; float:left; padding:10px 0 10px 20px;}
.pink_text{ width:192px; height:auto; line-height:18px;text-align:justify; padding:25px 0 0 18px!important ;padding-top:10px; padding-right:18px;  position:relative;}
.pink_text a{ position:relative; color:#464646; position:relative;}  
.latest_img{ width:192px; height:80px; margin:0 auto; position:relative;}

.about_right{ float:right;width:735px; height: auto; line-height:20px; text-align: justify; text-indent:22px;}



/*
------------------------------------------------------------------------------------------圆角矩形03*/
 
#xsnazzy h2 {padding-top:0.5em;} 
#xsnazzy_03 {background: transparent; margin-top:15px; margin-bottom:35px !important; margin-bottom:0px;} 

.xtop_03, .xbottom_03 {display:block; background:transparent; font-size:1px;} 
.xb1_03, .xb2_03, .xb3_03, .xb4_03 {display:block; overflow:hidden;} 
.xb1_03, .xb2_03, .xb3_03 {height:1px;} 
.xb2_03, .xb3_03, .xb4_03 {background:#f4d6d5; } 
.xb1_03 {margin:0 5px; background:#f4d6d5;} 
.xb2_03 {margin:0 3px; border-width:0 2px;} 
.xb3_03 {margin:0 2px;} 
.xb4_03 {height:2px; margin:0 1px;} 

.xboxcontent_03 {display:block; background:#f4d6d5;}
/*
------------------------------------------------------------------------------------------------------*/
 
.contact_left{ width:209px; height:auto; float:left; text-align:center; padding-bottom:10px; margin-bottom:30px !important; margin-bottom:0px;}
#contact001{ width:209px; height:15px; background:url(../image/contact001.png) no-repeat;}
#contact002{ width:209px; height:auto; background:#fff;}
#contact003{ width:209px; height:15px; background:url(../image/contact003.png) no-repeat; position: relative;}

.contact_left img{ margin-top:15px;} 
.contact_right{ width:731px; height:auto; float:right; text-align:center; margin-bottom:15px;}
#cont_map1{ width:731px; height:12px; background:url(../image/cont_map1.png) no-repeat;}
#cont_map2{width:731px; height: auto; background:#fff;}
#cont_map3{ width:731px; height:12px; background:url(../image/cont_map3.png) no-repeat; position:relative;}

.address{ width:731px; height:auto; float:right; margin-top:7px;}
#address001{width:731px; height:12px; background:url(../image/cont_map1.png) no-repeat; float:right;}
#address002{width:731px; height: auto; background:#fff;float:right;}
#address003{width:731px; height:12px; background:url(../image/cont_map3.png) no-repeat;float:right; position:relative;}



.tf{ font:16px Arial, Helvetica, sans-serif;}
.address_text{ font:14px "宋体" ;padding:0 0 0 17px; line-height:22px;}


/*
------------------------------------------------------------------------------------------圆角矩形04*/
 
#xsnazzy h2 {padding-top:0.5em;} 
#xsnazzy_04 {background: transparent;} 

.xtop_03, .xbottom_04 {display:block; background:transparent; font-size:1px;} 
.xb1_04, .xb2_04, .xb3_04, .xb4_04 {display:block; overflow:hidden;} 
.xb1_04, .xb2_04, .xb3_04 {height:1px;} 
.xb2_04, .xb3_04, .xb4_04 {background:#f7f7f7; } 
.xb1_04 {margin:0 5px; background:#f7f7f7;} 
.xb2_04 {margin:0 3px; border-width:0 2px;} 
.xb3_04 {margin:0 2px;} 
.xb4_04 {height:2px; margin:0 1px;} 

.xboxcontent_04 {display:block; background:#f7f7f7;}
/*
------------------------------------------------------------------------------------------------------*/

.collect_left{ width:212px; height:auto; float:left; text-align: center;}
.coll_lef{ width:177px; height:auto; padding-top:12px; margin:0 auto;}
.Female{width:172px; height:24px; background:#d0cfcf; font:16px Arial, Helvetica, sans-serif; text-align:left; padding:7px 0 0 5px;}
.Female_img{ width:177px; height:auto; padding:7px 0 25px 0;}
.information{ width:700px; height:auto; margin:0 auto; padding:15px;} 
.display{ width:321px; height:auto; float:left;}
.introduction{ width:364px; height:320px; float:right;}






/*
------------------------------------------------------------------------------------------圆角矩形05*/
 
#xsnazzy h2 {padding-top:0.5em;} 
#xsnazzy_05 {background: transparent;} 

.xtop_05, .xbottom_05 {display:block; background:transparent; font-size:1px;} 
.xb1_05, .xb2_05, .xb3_05, .xb4_05 {display:block; overflow:hidden;} 
.xb1_05, .xb2_05, .xb3_05 {height:1px;} 
.xb2_05, .xb3_05, .xb4_05 {background:#e8e8e8; } 
.xb1_05 {margin:0 5px; background:#e8e8e8;} 
.xb2_05 {margin:0 3px; border-width:0 2px;} 
.xb3_05 {margin:0 2px;} 
.xb4_05 {height:2px; margin:0 1px;} 

.xboxcontent_05 {display:block; background:#e8e8e8;}
/*
------------------------------------------------------------------------------------------------------*/

.collect_right{ width:733px; height:auto; float:right; margin-bottom:30px !important; margin-bottom:0px;}

 
/*
------------------------------------------------------------------------------------------圆角矩形06*/
 
#xsnazzy h2 {padding-top:0.5em;} 
#xsnazzy_06 {background: transparent;} 

.xtop_06, .xbottom_06 {display:block; background:transparent; font-size:1px;} 
.xb1_06, .xb2_06, .xb3_06, .xb4_06 {display:block; overflow:hidden;} 
.xb1_06, .xb2_06, .xb3_06 {height:1px;} 
.xb2_06, .xb3_06, .xb4_06 {background:#fafafa; } 
.xb1_06 {margin:0 5px; background:#fafafa;} 
.xb2_06 {margin:0 3px; border-width:0 2px;} 
.xb3_06 {margin:0 2px;} 
.xb4_06 {height:2px; margin:0 1px;} 

.xboxcontent_06 {display:block; background:#fafafa; padding:10px;}
 
/*
------------------------------------------------------------------------------------------------------*/

.model_text{ font:12px Arial, Helvetica, sans-serif; line-height:20px; padding:3px 0 0 15px;}
.model_text ul{ margin:0; padding:0;}
.model_text ul li span{color:#535252;line-height:20px;} 
#model{ font:16px Arial, Helvetica, sans-serif; margin-bottom:5px;}
.model02{color:#535252; font:12px Arial, Helvetica, sans-serif; margin-top:3px;}
.model03{ color:#535252; font:12px Arial, Helvetica, sans-serif; margin-top:7px;}

.model2{}


/*
------------------------------------------------------------------------------------------圆角矩形07*/
 
#xsnazzy h2 {padding-top:0.5em;} 
#xsnazzy_07 {background: transparent;} 

.xtop_07, .xbottom_07 {display:block; background:transparent; font-size:1px;} 
.xb1_07, .xb2_07, .xb3_07, .xb4_07 {display:block; overflow:hidden;} 
.xb1_07, .xb2_07, .xb3_07 {height:1px;} 
.xb2_07, .xb3_07, .xb4_07 {background:#efefef; } 
.xb1_07 {margin:0 5px; background:#efefef;} 
.xb2_07 {margin:0 3px; border-width:0 2px;} 
.xb3_07 {margin:0 2px;} 
.xb4_07 {height:2px; margin:0 1px;} 

.xboxcontent_07 {display:block; background:#efefef; padding:3px 10px 5px 10px; color:#535252; line-height:20px; text-align:justify;}
.gray_bg{ width:336px; height:auto; margin:0 auto; padding-top:10px}

 
/*
------------------------------------------------------------------------------------------------------*/



*html .model_deta{ width:700px; height:36px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop src=”../../image/Coll_09.png”);
_ background-image: none; font:16px Arial, Helvetica, sans-serif; padding:10px 0 0 10px; margin:0 auto; clear:both;}
.model_deta{ width:700px; height:36px; background:url(../image/Coll_09.png) no-repeat;font:16px Arial, Helvetica, sans-serif; padding:10px 0 0 10px; margin:0 auto; clear:both;}
.details_text{ width:700px; height:auto; line-height:20px; margin:0 auto; padding-top:10px;}
.details_img{ width:700px; height:auto; padding:15px; text-align:center;} 




.container{z-index:200; position:relative;
	width:300px;
	height:400px;
	 
}


.handle{z-index:200; position:relative;
	float:left;
	width:34px;
	height:419px;
	cursor:pointer;
	background: url(../image/index_title.jpg);
	font:bold 24px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}



.handle:hover{z-index:200; position:relative; 
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-ms-transform:scale(1.02);
	-o-transform:scale(1.02);
}

.select{z-index:200; position:relative;
	background:;
}

.slide{z-index:200; position:relative;
	float:left;
	width:380px;
	height:500px;
	display:none;
	margin:0 4px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
}


 

.rotate{
	margin:50px auto;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}



/*
-------------------------------------------------------left滑动门*/

.wrap{list-style:none; position:absolute; z-index:9999;left:-40px;top:156px !important; top:168px;}

.wrap li{float:left;width:34px;height:431px; z-index:9999; position:relative; overflow:hidden;}

.wrap span{display:block;width:845px;height:431px;}

.bg01{ background:url(../image/img01.jpg) no-repeat;}
.bg02{ background:url(../image/img02.jpg) no-repeat;}
.bg03{ background:url(../image/img03.jpg) no-repeat;}
.bg04{ background:url(../image/img04.jpg) no-repeat;}
.bg05{ background:url(../image/img05.jpg) no-repeat;}


.bg001{ background:url(../image/img_001.jpg) no-repeat;}
.bg002{ background:url(../image/img_002.jpg) no-repeat;}
.bg003{ background:url(../image/img_003.jpg) no-repeat;}
.bg004{ background:url(../image/img_004.jpg) no-repeat;}
.bg005{ background:url(../image/img_005.jpg) no-repeat;}





.left_column{ z-index:10000;
}


