@charset "utf-8";
/* CSS Document */

/*===重置相关html元素===*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, img,input{margin:0; padding:0; vertical-align:baseline;font-weight:normal;list-style:none}

/*-------公共部分--------*/
body{font-size: 12px; color:#24211D; font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#fff}
a:link, a:visited {color: #1f1a17;text-decoration: none; outline:none}
a:hover {color: #A9A8A7;text-decoration: none; outline:none}
a:active {color: #A9A8A7;text-decoration: none; outline:none}
img{border:0;}
.clear{ width:100%; clear:both; line-height:0;}
.pngfix{/*IE6透明兼容*/}
.blank{width:980px; height:20px; margin:0 auto; }

.wrap{width:980px; margin:0 auto; position:relative; overflow:auto}

.header{width:980px; height:155px; margin:0 auto}
.logo{width:290px; height:100px; float:left; margin-top:35px; color:#252422; font-size:14px; text-align:center}
.logo p{margin-top:5px; font-weight:bold}
.logo .t400{ margin:0 auto; text-align:center; color:#252422; line-height:30px; font-family:Arial, Helvetica;  font-size:14px}

.hright{width:550px; height:100px; float:right; margin-top:40px; position:relative; z-index:1000}
.hright .tel{ padding-right:15px; text-align:right; height:24px; line-height:36px; overflow:hidden; background:url(../images/social.jpg) 20px top no-repeat; color:#24211d}

.ddsmoothmenu{width:200px; position:absolute; left:20px; top:0; height:25px; background:url(../images/social.gif) 0 0 no-repeat; z-index:899}
.ddsmoothmenu ul{ }
.ddsmoothmenu ul li{ width:25px; height:15px; position: relative; display: inline; float: left; margin-right:6px; }
.ddsmoothmenu ul li a{display: block; width:25px; padding: 0;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.ddsmoothmenu ul .toph a:link, .ddsmoothmenu ul .toph a:visited{display:block; width:25px; height:15px;}
.ddsmoothmenu ul .toph a.selected{}
.ddsmoothmenu ul .toph a:hover{}
.ddsmoothmenu ul li ul{position: absolute; left:0; display: none; visibility: hidden; margin:0; padding:0; background:#FFF }
.ddsmoothmenu ul li ul li{float: none;}
.ddsmoothmenu ul .subh{ display:block; width:170px; height:200px; padding:10px; background:#FFF; border:1px solid #ddd; text-align:center; margin:0; font-size:14px; font-weight:bold; line-height:20px; color:#e22021;}
.ddsmoothmenu ul .subh a:link, .ddsmoothmenu ul .subh a:visited{width:170px; height:170px; padding-top:10px  }
.ddsmoothmenu ul .subh a:hover{ background:#fff; color:#e22021}

.ddsmoothmenu ul .subh2{ display:block; width:100px; height:140px; padding:3px 10px; background:#FFF; border:1px solid #ddd; text-align:center; margin:0; font-size:14px; font-weight:bold; color:#0456a0;}
.ddsmoothmenu ul .subh2 p{border-bottom:1px solid #ddd; height:30px; line-height:30px; font-weight:bold}
.ddsmoothmenu ul .subh2 a:link, .ddsmoothmenu ul .subh2 a:visited{ text-align:center; margin:15px 10px}
.ddsmoothmenu ul .subh2 a:hover{ background:#fff; color:#e22021}

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{display:none}
.rightarrowclass{position: absolute;top: 6px;right: 5px; display:none}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background:none;}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0;}

#navigation { width:550px; height:30px; font-size:14px; margin-top:10px;} 
#navigation li { float:left; text-align:left; position:relative; margin-left:10px} 
#navigation li a:link, #navigation li a:visited{display:block; color:#1f1a17; width:80px; padding:0 10px 0 10px; _padding:0 5px 0 5px; height:24px;line-height:24px;} 
#navigation li a:hover { color:#A9A8A7; background: url(../images/bg-nav-hover.gif) center center no-repeat; font-weight:bold } 
#navigation li a.selected { color:#A9A8A7; background: url(../images/bg-nav-hover.gif) center center no-repeat; font-weight:bold } 
#navigation li ul{ display:none; width:80px; position:absolute; top:0; left:0px; margin-top:22px; background:url(../images/bgn1.gif) 20px top no-repeat;_background:#c4be66 url(../images/bgn1.gif) 20px top no-repeat; padding:5px 0; _padding:5px 0 5px 0; z-index:100 }
#navigation li ul li a:link, #navigation li ul li a:visited{ display:block; font-weight:normal; font-size:12px; text-align:left; height:23px; line-height:23px; color:#FFF; background:#c4be66; padding-left:15px; _padding-left:0 }
#navigation li ul li a:hover {background:#c4be66; color:#612121;} 

.banner{ width:980px; height:280px; margin: 0 auto; z-index:0}
.banner_box{width:980px; height:280px; margin: 0 auto; position:relative}
.banner_index{ width:980px; height:280px; position: relative;overflow:hidden;}
.banner_index .btn,.banner_pro .bBtn{position: absolute; top:0; width:50px; height:280px; display:none; z-index:5;}
.banner_index .btnPre,.banner_pro .bPre{ background: url(../images/bg_btnPre_index.png) no-repeat left center; left:0px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{ background: url(../images/bg_btnPre_index_hover.png) no-repeat left center;}
.banner_index .btnNext,.banner_pro .bNext{ background: url(../images/bg_btnNext_index.png) no-repeat right center ; right: 0px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat right center;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 980px; float: left;}
.banner_index .banner_wrap li a{ cursor:default}
.indexBanner_num{width:992px; height:12px; margin:0 auto; text-align: center; position:absolute; left:0; bottom:10px; z-index:10} 
.indexBanner_num a{width: 12px;height: 12px; display: inline-block; _zoom:1; background: url(../images/bg_num.png) no-repeat 0 0; font-size:0px; line-height: 12px; margin:0 4px; color:#b0b0b0}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num.png) 0 bottom no-repeat; color:#ff6933}

.box1{width:480px; height:200px; float:left; text-align:center; padding-top:40px}
.box2{width:460px; height:240px; float:right; line-height:22px; font-size:14px; padding-top:15px}

.colum1{width:350px; float:left; overflow:hidden }
.colum2{width:280px; float:left;  overflow:hidden}
.colum3{width:350px; float:right;  overflow:hidden}

.titleBar{width:100%; height:28px}
.titleBar dt, .titleBar dd{width:50%; float:left; overflow:hidden; height:28px; line-height:28px; border-bottom:1px solid #0090d6 }
.titleBar dt{font-size:16px; font-weight:normal; color:#fff; background:url(../images/bg8.png) left bottom no-repeat; text-indent:14px}
.titleBar dd{ text-align:right; font-family:'宋体', Verdana; }

.list1{ width:100%; overflow:auto}
.list1 dt{ float:left; background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}
.list1 dd{ float:left; text-align:right; color:#999}
.list1 dt, .list1 dd{height:20px; line-height:20px;}

.colum1 .list1{width:245px; margin:10px 0 0 70px;}
.colum1 .list1 dt{width:195px;}
.colum1 .list1 dd{width:50px;}

.list2{width:210px; padding:90px 0 0 125px; background:url(../images/bg3.jpg) 30px 60px no-repeat}
.list2 li{height:20px; line-height:20px;background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}

.list3{width:160px; padding:85px 0 0 164px; background:url(../images/bg4.jpg) 90px 60px no-repeat;}
.list3 li{height:20px; line-height:20px;background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}

.list4{width:170px; padding:65px 0 40px 140px; background:url(../images/bg5.jpg) 48px 40px no-repeat}
.list4 li{height:20px; line-height:20px;background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}

.list5{width:255px; padding:100px 0 0px 35px; background:url(../images/bg6.jpg) 30px 40px no-repeat}
.list5 li{height:20px; line-height:20px;background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}

.list6{width:320px; padding:105px 0 0px 30px;  background:url(../images/bg8.jpg) 20px 20px no-repeat}
.list6 li{height:20px; line-height:20px;background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}

.list7{width:320px; padding:165px 0 0px 74px; background:url(../images/bg9.jpg) 70px 70px no-repeat}
.list7 li{height:20px; line-height:20px;background:url(../images/bg2.gif) left center no-repeat; text-indent:20px; overflow:hidden}

.list8{width:440px; height:430px; padding:0 0 0 30px; float:left; overflow:hidden}
.list8 dt{width:20px; background:url(../images/bg2.gif) left center no-repeat; float:left}
.list8 dd{ width:420px; line-height:20px; float:left}
.list8 p{ line-height:20px;}

.box4{ width:410px; float:right; padding:10px 30px 160px 0; line-height:20px; color:#bebebe; height:320px; overflow:hidden; position:relative}
.box4 a:link, .box4 a:visited {color: #1f1a17;}
.box4 a:hover {color: #A9A8A7;}
.box4 a:active {color: #1f1a17;}
.t1{position:absolute; bottom:0; left:0px}

	
.imgBox{width:100%; height:400px; margin:0 auto; padding-top:15px;}
.imgBox div{width:25%; height:170px; float:left; margin:0 auto; text-align:center; }
.imgBox div img{border:none}
.imgBox div p{width:210px; height:30px; padding-top:2px; font-weight:bold; text-align:left; margin:0 auto}

.footer{width:980px; height:95px; margin:0 auto }
.footer p{ height:30px; line-height:30px; text-align:center}
.footer div{ height:18px; line-height:18px; text-align:center;}

/****内页****/

.left{width:300px; float:left; margin:40px 0; }
.right{width:650px; float:right; margin:40px 0;  padding-right:15px; line-height:25px; font-size:14px;  min-height:400px}

.left p{height:30px; background:url(../images/bg1.gif) 0 center no-repeat; line-height:30px; font-size:16px; font-weight:bold; text-indent:30px; color:#1f1a17; margin:0 0 0 10px}
.left div{height:30px; line-height:30px; font-size:16px; font-weight:bold; text-indent:30px; color:#1f1a17; margin:15px 0 2px 10px}
.left img{margin:50px 0 50px 20px}
.sideMenu{ width:220px; margin:0 auto; margin-left:10px; padding-bottom:50px}
.sideMenu li{margin:0 auto; padding:4px 0 4px 30px; line-height:18px; background: url(../images/bg2.gif) 5px 9px no-repeat; font-size:14px; }
.sideMenu li a, .sideMenu li a:visited {color:#1f1a17; }
.sideMenu li a:hover{color:#A9A8A7;}
.sideMenu li a.selected{color:#A9A8A7;}

.coming_soon{width:300px; height:100px; margin:0 auto; line-height:100px; font-family:'微软雅黑', '黑体', Verdana, Geneva, sans-serif; font-size:26px; color:#CCC}
.newsList li{height:25px; line-height:25px; text-indent:20px; background:url(../images/bg2.gif) left center no-repeat}

.newsTitle{ width:100%; line-height:25px; padding:5px 0 5px 0; font-size:16px; color:#444; font-weight:bold; margin:15px 0 6px 0; text-align:center}
.newsTitle2{width:100%; height:30px; line-height:30px;  color:#777; border-top:#CCC 1px dotted; border-bottom:#CCC 1px dotted; text-align:center} 
.newsContent{ padding-bottom:20px; color:#A9A8A7; clear:both}

.newsList dt{width:560px; height:30px; line-height:30px; float:left; background:url(../images/bg2.gif) left center no-repeat; text-indent:20px }
.newsList .nDate{width:80px; height:30px; padding-right:10px; line-height:30px; float:right; text-align:right; color:#A9A8A7; font-size:12px}
.newsList .nClip{width:650px; line-height:18px;  font-size:12px; clear:both; padding-bottom:10px}
.newsList dt span{ font-weight:normal; color:#A9A8A7}
.newsList dd a, .newsList dd a:visited {color:#A9A8A7; }
.newsList dd a:hover{color:#888;}
.newsList dd a:active {color: #A9A8A7;}
.khCorp{ width:100%; height:20px; line-height:20px; text-align:right; padding-bottom:15px; margin-bottom:12px; border-bottom:1px dotted #CCC; line-height:20px}
.khCorp span{color:#ccc}

.title{font-size:16px; font-weight:bold; margin-bottom:10px; position:relative}
.feed div{ line-height:20px; margin:5px 0}
.feed span{color:#EB3D00}
.feed input, .feed textarea{border:1px solid #ccc}
.feed .input1{width:250px}
.feed .input2{width:450px}
.feed .input3{width:80px}
.feed textarea{ width:448px; height:150px}
.feed div p{position:absolute}
.btn1{width:60px; height:20px; font-size:12px; cursor:pointer }

.content{ width:600px; padding-left:50px; padding-bottom:20px; color:#24211D;}
.bg5{ background:url(../images/bg5.gif) 210px 45px no-repeat}
.bg6{ background:url(../images/bg8.gif) 210px 45px no-repeat}
.bg7{ background:url(../images/bg9.gif) 160px 45px no-repeat}
.bg8{ background:url(../images/bg10.gif) 160px 45px no-repeat}

#myShare{float:right; padding-left:20px; background:url(../images/bg0.gif) left center no-repeat; margin-bottom:15px}
#view ul li{padding-left:30px; background:url(../images/bg2.gif) left 7px no-repeat}
.trip{ height:60px; padding:30px 0}
.newtrip{ float:left; width:650px;font-size:14px; line-height:26px; color:#999;  }
.page{float:left; text-align:center; width:100%; padding-top:10px;}

.case{width:640px; float:right; margin:10px 0;  line-height:25px; font-size:14px;  min-height:400px;}
.caseBox{width:33%; height:200px; float:left; margin:0 auto; text-align:center}
.caseBox img{border:none}
.caseBox p{width:210px; height:30px; padding-top:2px; text-align:left; margin:0 auto}
.caseInfo{width:100%; margin-bottom:30px}
#caseView img{margin-bottom:10px}


.caset img{
max-height:140px;
max-width:210px;
width:expression_r((this.width > 210 && this.width > this.height) ? '210px': this.width+'px');
height:expression_r((this.height > 140 && this.height > this.width) ? '140px': this.height+'px');
float:middle;
}

.c_box{width:100%;}
.c_box li{float:left; width:210px; height:170px; margin:0 0px 0 26px; _margin:0 6px 0 11px; overflow:hidden; position:relative; text-align:center}
.c_box li .photo{width:210px; height:147px;overflow:hidden;}
.c_box li .photo img{width:210px; height:147px}
/*.c_box .rsp{width:210px;height:147px;overflow:hidden;position: absolute;background:#f0e87e; top:0px;left:0px; cursor:pointer}*/
.c_box .text{position:absolute;width:210px;height:147px;left:-210px;top:0px;overflow:hidden;}
.c_box .text h3{width:210px; height:147px; font-size:16px; font-weight:bold;}
.c_box .text h3 a:link, .c_box .text h3 a:visited{ display:block; width:210px; height:147px; line-height:147px; padding:0; color:#222; text-align:center}
.c_box .text h3 a:hover{ color:#222 }
.c_box .text h3 a:active { color:#222 }

.case_box{width:100%;}
.case_box li{float:left; width:200px; height:165px; margin-left:28px; _margin-left:21px; overflow:hidden; position:relative; text-align:center}
.case_box li .photo{width:200px; height:140px;overflow:hidden;}
.case_box li .photo img{width:200px; height:140px}
/*.case_box .rsp{width:200px;height:140px;overflow:hidden;position: absolute;background:#f0e87e; top:0px;left:0px; cursor:pointer}*/
.case_box .text{position:absolute;width:200px;height:140px;left:-200px;top:0px;overflow:hidden;}
.case_box .text h3{width:200px; height:140px; font-size:16px; font-weight:bold;}
.case_box .text h3 a:link, .case_box .text h3 a:visited{ display:block; width:200px; height:140px; line-height:140px; padding:0; color:#222; text-align:center}
.case_box .text h3 a:hover{ color:#222 }
.case_box .text h3 a:active { color:#222 }

/*左侧下拉*/
* { margin:0px; padding:0px; }
#nav { width:290px; line-height: 30px; list-style-type: none; text-align:left; /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a { width: 290px; display: block; color:#1f1a17; background: url(../images/bg2.gif) 5px 9px no-repeat; text-indent: 30px; /*Width(一定要)，否则下面的Li会变形*/
}
#nav li {/*下面的一条白边*/ float:left;   font-size:14px;}
#nav li a:hover { text-decoration:none; /*一级目录onMouseOver显示的背景色*/ }
#nav a:link { color:#1f1a17; text-decoration:none; }
#nav a:visited { color:#1f1a17; text-decoration:none; }
#nav a:hover { color:#A9A8A7; text-decoration:none;  }
/*==================二级目录===================*/
#nav li ul { list-style:none; text-align:left; }
#nav li ul li { /*二级目录的背景色*/ font-weight:normal; }
#nav li ul a {
	width:260px;/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
	text-indent: 0px; padding-left:30px;
}
/*下面是二级目录的链接样式*/
#nav li ul a:link {
	font-size:12px;
	color:#333;
	height:24px;
	line-height:24px;
	text-decoration:none;
	background:url(../images/bg6.gif) 20px center no-repeat;
}
#nav li ul a:visited { 
 font-size:12px; 	
color:#333; 
	height:24px;
	line-height:24px;
text-decoration:none; 
	background:url(../images/bg6.gif) 20px center no-repeat;}

#nav li ul a:hover {  font-size:12px; 
	color:#1f1a17; text-decoration:none; 
		height:24px;
	line-height:24px;
	background:url(../images/bg6.gif) 20px center no-repeat;
	font-weight:normal;/* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#nav li:hover ul { left: auto; }
#nav li.sfhover ul { left: auto; }
#content { clear: left; }
#nav ul.collapsed { display: none; }
#nav li a.selected{color:#A9A8A7;}
#nav li ul a.selected{color:#A9A8A7;}
-->
#PARENT { width:290px;  }
/*左侧下拉*/