@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 "微软雅黑", "Microsoft Yahei","宋体" ,arial, helvetica, clean, sans-serif; color:#666; background:url(../00images/bg-hd.gif) 0 0 repeat-x #fff; }
h1, h2, h3, h4, h5, h6 {font:14px/1.8 "微软雅黑", "Microsoft Yahei","宋体" ,arial, helvetica, clean, sans-serif; color:#666;}
.title2{ text-align:center;}
.title2 h2{ font-size:24px; height:80px; line-height:80px; color:#333; display:inline-block; padding-right:50px; background:url(../images/icon-title.gif)  right center no-repeat;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.title2 h2:hover{padding-right:60px; background:url(../images/icon-title-h.gif) right center no-repeat;}
.title2 h2 span{font:18px/1.8  arial, helvetica, clean, sans-serif; height:80px; line-height:80px; color:#666;}
img {border:0;}

li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#A68145; text-decoration:none;}
a:active { color:#A68145; text-decoration:none;}
.en, .email, .tel{font:14px/1.8 arial, helvetica, clean, sans-serif;}
.hide{ display:none;}
#hd, #nav, #bd1, #bd2, #bd4, #bd5, #bd6, .blink, #ft, #con, #search {width:90%; max-width:1728px; margin:0 auto; overflow:hidden;}

/*-------index，头部初始样式开始------*/
.head { position:absolute; left:0; top:0; z-index:100; width:100%; height:148px; background-color:#fff;}
#hd { height:100px; color:#333; position:relative;}
#hd .logo{ position:absolute; left:0; top:25px;}
#hd .logo1{ position:absolute; left:165px; bottom:24px; font-size:20px; line-height:24px; }
#hd .logo1 a { color:#222;}
#hd p { height:30px; line-height:30px; }
#hd .email { float:right; padding-left:22px; margin-top:20px; background:url(../images/email.png) 0 9px no-repeat; }
#hd .email a{text-decoration: underline;}
#hd .email a:hover{ text-decoration: underline;}
#hd .tel { float:right; margin-left:30px; padding-left:20px; margin-top:15px; background:url(../images/tel.png) 0 9px no-repeat;}
#hd .qjd {  position:absolute; bottom:15px; right:0; height:30px; line-height:30px;}
#hd .qjd a { border:1px #A68145 solid; background-color:#fff; color:#666; height:30px; line-height:30px; padding:0 10px; margin-left:20px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}/*同一行a标签有不同字体时，解决无法水平对齐的情况*/
#hd .qjd a:hover { background-color:#A68145; color:#fff; }




#nav0{width:100%; height:46px; background-color:#A68145; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
#nav  {height:46px; overflow:visible; position:relative; }
#nav ul  {}
#nav ul li { float:left; width:12%; margin-right:1px; height:46px; line-height:46px;  text-align:center; position:relative;}
#nav ul .bg {width:182px;}
#nav ul li a { font-size:16px; color:#fff; display:block; }
#nav ul li a:hover { background:url(../images/icon-b2.gif) center 42px no-repeat; }
#nav ul li:hover a {background:url(../images/icon-b2.gif) center 42px no-repeat #c5a065; }
#nav ul li .selected{background:url(../images/icon-b1.gif) center 42px no-repeat #c5a065;  }

#nav ul li .subNav {position:absolute; z-index:2; width:auto; left:0; top:46px; display:none; padding:5px; background:none; background-color:#fff; border:5px #eee solid;}
#nav ul li .subNav li {background:none; background-color:#fff; width:100%; white-space:nowrap; height: 35px;line-height: 35px; text-align:left;}
#nav ul li .subNav li a { font-size:14px; background-color:#fff; font-weight:normal; display:block; overflow:hidden; color:#666;  padding-left:10px; padding-right:20px;}
#nav ul li .subNav li a:hover { background-color:#A68145; color:#fff; }


#nav .search{ position:absolute; top:8px; right:0; width:18%; height:30px; background-color:#fff;
-webkit-border-radius:5px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:5px;
border-radius:5px;}
#nav .search .box { float:left; border:0px; width:72%; margin-left:10px; line-height:30px; height:30px; font-size:14px; color:#666; }
#nav .search .buttom { float:right; width:30px; height: 30px; line-height: 30px;  cursor:pointer; font-size:14px; text-align:center;}
#nav .search .buttom img { margin-right:11px; margin-top:6px;}

/*-------头部初始样式结束------*/

/*----------页面下拉后触发头部伸缩效果开始----------*/
.headFixed { position: fixed; left:0; top:0; z-index:100; height:48px;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html .headFixed{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.headFixed #hd{ height:0; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
/*----------页面下拉后触发头部伸缩效果结束----------*/

#fl-t{ height:148px; width:100%;}


.fl{width:100%;position:relative;height:600px;}
.fl .flbd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fl .flbd ul{width:100% !important;}
.fl .flbd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fl .flbd li a{display:block;height:600px;}
.fl .flhd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fl .flhd ul{text-align:center;}
.fl .flhd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:6px;margin:3px; margin-bottom:10px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fl .flhd ul .on{background:#fff;filter:alpha(opacity=100);opacity:1;}
.fl .prev,.fl .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fl .next{left:auto;right:0%;background-position:-6px -137px;}


#fwmsea .cxfwm{ margin:0 auto; width:498px; height:40px; line-height:40px; border:1px #A68145 solid; margin-top:40px;}
#fwmsea .cxfwm .box{ font-size:14px; width:338px; height:20px; line-height:20px; padding:10px; border:none; color:#666; font-family:arial, helvetica, clean, sans-serif;}
#fwmsea .cxfwm p{ float:right; width:138px; text-align:center; border-left:1px #A68145 solid;}
#fwmsea .cxfwm p a{ display:block; background-color:#A68145; font-size:16px; color:#fff;}


/*----------title----------*/
.title{ height:36px; line-height:36px; background-color:#eee;}
.title h2{ float:left; padding-left:15px; height:36px; line-height:36px;}
.title p{ float:right; font-size:12px; padding-right:15px;}
.title p a{ line-height:36px; display:inline-block; *display:inline; zoom:1;}
.title p a:hover{ text-decoration: underline;}

/*----------首页和订单查询页搜索框----------*/
#search{ margin-top:50px; margin-bottom:50px; }
#search .search2{ width:498px; margin:0 auto; height:40px; background-color:#fff; border:1px #A68145 solid;}
#search .search2:hover{border:1px #A68145 solid;}
#search .search2 p { float:right; width:120px; font-size:16px; height:40px; line-height:40px; background-color:#A68145; color:#fff; text-align:center;}
#search .search2 p a{ color:#fff;}
#search .search2 .box {  border:0px; width:300px; margin-left:10px; line-height:40px; height:40px; font-size:14px; color:#666; text-align:left; }
#search .search2 .buttom { float:right; width:30px; height: 30px; line-height: 30px;  cursor:pointer; font-size:14px; text-align:center;}
#search .search2 .buttom img { margin-right:11px; margin-top:11px;}

#bd1{ margin-top: 50px; margin-bottom:50px;}
#bd1 ul li{ width:23%; margin:0.8%; float:left;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
-moz-box-shadow:0px 0px 5px #999;
-webkit-box-shadow:0px 0px 5px #999; 
box-shadow:0px 0px 5px #999;
}

#bd1 ul li:hover{
-moz-box-shadow:0px 0px 10px #333;
-webkit-box-shadow:0px 10px 5px #333; 
box-shadow:0px 0px 10px #333;
}

#bd1 ul li .bg-img { width:100%; height:auto; position:relative; overflow:hidden;}
#bd1 ul li .bg-img .img{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-color:#c00;}

#bd1 ul li img{ z-index:1;
	-webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
	transition: all 600ms linear;	
	}
#bd1 ul li:hover img { 
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}


#bd1 ul .li1{ margin-right:0%;}
#bd1 ul li .text{ background-color:#f5f5f5; padding:10px; z-index:999999;
	-webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
	transition: all 600ms linear;	
}
#bd1 ul li:hover .text{ background-color:#A68145; }
#bd1 ul li .text .p1{ font-size:18px; line-height:24px; font-weight:bold; color:#333;}
#bd1 ul li:hover .text .p1{color:#fff;}
#bd1 ul li .text .p2{ color:#333;}
#bd1 ul li:hover .text .p2{ color:#fff;}
#bd1 ul li .text .p3{ font-size:36px; line-height:40px; font-weight:bold; color:#ddd;}
#bd1 ul li:hover .text .p3{ color:#eee;}


#bd2{ background-color:#f5f5f5; margin-top: 20px; margin-bottom:50px; padding:20px 0;}
#slide_right1 ul{ width:23.529%; margin-left:1.470%; margin-right:1.470%; float:left;}
#slide_right1 ul li{ width:50%; float:left; position:relative; overflow:hidden}
#slide_right1 ul li img{ display:block;}
#slide_right1 ul li .p1{ position:absolute; width:90%; height:90%; left:5%; top:5%;}
#slide_right1 ul li .p2{ position:absolute; left:0; top:0; width:auto; background-color:#666; color:#fff; padding:0 10px;}
#slide_right1 ul li:hover .p2{ background-color:#A68145;}
#slide_right1 ul .tab .p2{ background-color:#A68145;}


#slide_right1 ul li .p1 img{
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;	
	}
#slide_right1 ul li .p1 img:hover{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 	
}


#slide_right1 div{ float:right; width:72.058%; margin-right:1.47%;}
#slide_right1 div .p1{ width:48.9796%; float:left;}
#slide_right1 div .p2{ width:48.9796%; float:right;}
#slide_right1 div img{
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;	
}
#slide_right1 div img:hover{
	    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 	
	}

#bd4{ margin-top: 20px; margin-bottom:50px;}
#bd4 ul li { float:left; width:24%; margin-left:1%; margin-bottom:1.1%; position:relative; overflow:hidden;
-webkit-border-radius:20px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:20px;
border-radius:20px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#bd4 ul li img{ display:block;}

#bd4 ul li .pic img{ position:absolute; top:0; left:0; z-index:1; overflow:hidden; display:block;
-webkit-border-radius:20px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:20px;
border-radius:20px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
} 

#bd4 ul li .pic:hover img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 	
	}


#bd4 ul li .txt{ position:absolute; bottom:40px; left:0; z-index:2; width:auto; font-size:14px; height:30px; line-height:30px; text-align: left; overflow:hidden; background:rgba(0, 0, 0, 0.3)!important; background:#000; filter:Alpha(opacity=30); color:#fff; padding:0 15px;}
#bd4 ul li .txt a{ color:#fff;}
#bd4 ul li:hover .txt{background:rgba(166, 129, 69, 0.8)!important; background:#A68145; filter:Alpha(opacity=80);
    -webkit-animation: moveFromBottom 600ms ease;
    -moz-animation: moveFromBottom 600ms ease;
    -ms-animation: moveFromBottom 600ms ease;
}	

#bd4 ul .li1 { margin-left:0; width:50%; position:relative;
}


#bd5{ margin-top: 20px;}
#bd5 .bd5-l{ width:50%; float:left; position: relative;}
#bd5 .bd5-l .bd5-l1{ position: absolute; top:0; left:0; width:60%; z-index:1
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#bd5 .bd5-l .bd5-l1:hover{ position: absolute; top:0; left:0; width:70%; z-index:3;}
#bd5 .bd5-l .bd5-l2{ position: absolute; bottom:10%; right:0%; z-index:2; width:60%; height:60%; background-color:#eee; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#bd5 .bd5-l .bd5-l2:hover{ position: absolute; bottom:10%; right:0%; z-index:2; width:70%; height:70%; background-color:#eee; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#bd5 .bd5-l .bd5-l2 .text { width:80%; margin:0 10%;}
#bd5 .bd5-l .bd5-l2 .text p{ color:#666; font-size:16px; }
#bd5 .bd5-l .bd5-l2 .text .p1{ padding-top:60px; padding-bottom:20px; text-align:center; font-size:20px; font-weight:bold; height:40px; line-height:40px;}

#bd5 .bd5-r{ width:50%; float:left; position: relative; }
#bd5 .bd5-r .bd5-r1{ position: absolute; top:0; left:0; width:60%;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#bd5 .bd5-r .bd5-r1:hover{ position: absolute; top:0; left:0; width:70%; z-index:3;}
#bd5 .bd5-r .bd5-r2{ position: absolute; bottom:10%; right:0%; width:60%; height:60%; z-index:2; background-color:#A68145; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
#bd5 .bd5-r .bd5-r2:hover{ position: absolute; bottom:10%; right:0%; width:70%; height:70%; z-index:2; background-color:#A68145; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#bd5 .bd5-r .bd5-r2 .text { width:80%; margin:0 10%;}
#bd5 .bd5-r .bd5-r2 .text p{ color:#eee; font-size:16px; }
#bd5 .bd5-r .bd5-r2 .text .p1{ padding-top:60px; padding-bottom:20px; text-align:center; font-size:20px; font-weight:bold; height:40px; line-height:40px;}


#bd06{background:url(../images/bg-bd6.gif) bottom left repeat-x #fff; padding-bottom:80px; margin-bottom:5px; }
#bd6{ background-color:#f5f5f5; height:auto; margin:50px auto; padding-bottom:10px;}
#bd6 .bd6-l{ width:50%; float:left;}
#bd6 .bd6-r{ float:left; width:50%; height:100%; position:relative; }
#bd6 .bd6-r .bd6-r1{ position:absolute; top:0; left:0; width:90%; padding:0 5%; height:65%; background-color:#eee;}
#bd6 .bd6-r .bd6-r1 .title2 { text-align:left; padding-top:20px;}
#bd6 .bd6-r .bd6-r1 p{}
#bd6 .bd6-r2{ position:absolute; bottom:0; left:0; width:90%;  padding:0 5%; height:35%; background-color:#eee;}
#bd6 .bd6-r2 img{ padding-left:2.5%;}

.blink{ margin-bottom:5px;}

/*----------网站底部----------*/
#ft0{ width:100%; background-color:#333; color:#aaa;}
#ft{ width:90%; max-width:1280px; margin:0 auto; }
#ft .ft1 { width:100%; max-width:1180px; margin:0 auto;  overflow:hidden;  padding-top: 20px; }
#ft .ft1 .clearfix { }
#ft .ft1 .clearfix .logo1{ width:200px; padding-left:0; padding-right:19px; padding-top:22px; border:none;}
#ft .ft1 .clearfix .dbewm{ width:35%; padding:0;}
#ft .ft1 .clearfix .dbewm .ewm{ width:50%; height: 140px; overflow:hidden; float:left; }
#ft .ft1 .clearfix .dbewm .ewm p{ font-weight:bold; height:30px; line-height:30px; color:#aaa; text-align:right; padding-bottom:6px;}
#ft .ft1 .clearfix li{ float:left; width:16%; padding-left:5%; border-left:solid 1px #444; margin-bottom:20px;}
#ft .ft1 .clearfix li h3 { padding:0; margin:0; height:30px; line-height:30px; color:#aaa;  }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none; float:none; width:100%; }
#ft .ft1 .clearfix li ul li a{ padding:0; margin:0; font-size:12px; color:#aaa; text-decoration:none; }
#ft .ft1 .clearfix li ul li a:hover {color:#ddd;}
#ft .ft3 {text-align:center; overflow:hidden; font-size:12px; line-height:22px; padding:10px 20px; background-color:#444; color:#aaa;}
#ft .ft3 a{color:#888; text-decoration:underline;}
#ft .ft3 a:hover{color:#ddd;}


/*----------about----------*/
#banner { width: 100%; height:300px; overflow:hidden; }
.rtit{ width:1200px; margin:0 auto; padding-top:110px;  }
.rtit .p1{ color:#eee; font-size:42px; height:48px; line-height:48px;  text-align:center; }
.rtit .p2 { color:#eee; height:30px; line-height:30px; font-weight:bold;  text-align: center;}
.rtit .p2 a { color:#eee;}
.rtit p a:hover{ color:#fff;}
.rtit p .selected{ color:#fff;}

#con0 { width:100%;}
#con { margin-bottom:50px; min-height:600px;_height:600px; overflow:visible;}

/*----------面包屑导航----------*/
#rtit{ position:absolute; bottom:0; right:2%; text-align:right; color:#fff; font-size:14px; height:40px; line-height:40px;}
#rtit p a{ color:#fff;}
#rtit p .selected{ color:#fff;}

/*----------内页主栏目名称----------*/
#title2 h2{ font-size:32px; line-height:50px; width:80%; margin:50px auto;  text-align:center;
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;
}
#title2 h2 span{ padding-left:5px; font-family:arial, helvetica, clean, sans-serif; font-size:16px; color:#333; }

/*----------分类----------*/
#ltit0{ width:100%; border-bottom:1px solid #eee; height:32px; padding:30px 0; }
#ltit{ max-width:1440px; padding:0 2%; margin:0 auto; }
#ltit p{ height:32px; line-height:32px; text-align:center;}
#ltit p a{ color:#666; padding:0 25px; margin:0 8px; margin-bottom:15px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; background-color:#eee;
-webkit-border-radius:20px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:20px;
border-radius:20px;
}
#ltit a:hover{color:#fff; background-color:#A68145; }
#ltit .selected{color:#fff; background-color:#A68145; }

#ltit2{ max-width:1440px; padding:0 2%; margin:0 auto; padding-top:30px;}
#ltit2 p{ height:40px; line-height:40px; text-align:center;}
#ltit2 a{ color:#eee;  margin:0 5px; padding:0 30px; margin-bottom:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; background-color:#A68145; overflow:hidden; }
#ltit2 a i{ height:100%; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#ltit2 a span{ max-height:60px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; overflow:hidden;}
#ltit2 a:hover{color:#fff; background-color:#c5a065; }
#ltit2 .selected{color:#fff; background-color:#c5a065; }

#title{ text-align:center; margin:50px 0; }
#title h1{ font-size:32px; height:80px; line-height:80px; display: inline-block; *display:inline; zoom:1; color:#333;}


#con .content{ width:80%; margin:0 auto; margin-top:50px; overflow:hidden; }
#con .content h1{font-size:24px; height:40px; line-height:40px; text-align:center;}

#con .content .newsview{text-align:center; border-bottom:#eee 1px solid; margin-bottom:20px; padding-bottom:10px;}
#con .content .return{}
#con .content #container{ padding-bottom:30px; }
#con .content .videoview{ padding-top:20px;}

#con #pg { text-align:center; color:#999;}
#con #pg a{ color:#333;}
#con #pg a:hover{ color:#333;}

/*----------案例列表----------*/
#con .prolist{ width:100%; margin:0 auto;  overflow:hidden; }
#con .prolist .ca-menu{ width:100%; margin:0 auto; margin-left:0.5%; padding-top:2px;}
#con .prolist .ca-menu li{ float:left; width:30%; overflow:hidden; background: #eee; margin:0 1.5%;	margin-bottom:50px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#con .prolist .ca-menu li a{ width: 100%; height: 100%; display: block; cursor:pointer; }

#con .prolist .ca-main{width:100%; text-align: center; overflow:hidden;}
#con .prolist .ca-main img{
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
	transition: all 1s linear;
}
#con .prolist .ca-sub{ text-align:center; font-size:16px; color:#A68145; height:60px; line-height:60px; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

#con .prolist .ca-menu li:hover{ background-color: #A68145; z-index:999;}
#con .prolist .ca-menu li:hover .ca-main{ }
#con .prolist .ca-menu li:hover .ca-main img{ 
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}
#con .prolist .ca-menu li:hover .ca-sub{ color: #fff;
    -webkit-animation: b_to_t 500ms ease-out;
    -moz-animation: b_to_t 500ms ease-out;
    -ms-animation: b_to_t 500ms ease-out;
}


@-webkit-keyframes moveFromBottom {
    from {-webkit-transform: translateY(100%);}
    to {-webkit-transform: translateY(0%);}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(100%);}
    to {-moz-transform: translateY(0%);}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(100%);}
    to {-ms-transform: translateY(0%);}
}



#con .proview{ width:80%; margin:0 auto; overflow:hidden; }
#con .proview .proview-b{text-align:center; clear:both; padding-top:50px;}

/*----------news----------*/
#con .newslist { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist .clearfix { min-height:260px; _height:260px;}
#con .newslist .clearfix li { height:50px; line-height:50px; border-bottom:#999 1px dotted; overflow:hidden;}
#con .newslist .clearfix li a { padding-left:15px;background: url(../images/icon-c.gif) 0 23px no-repeat; width:80%; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist .clearfix li a:hover { background: url(../images/icon-c-h.gif) 0 23px no-repeat;}
#con .newslist .clearfix li span { color:#999; float:right;}


/*----------downland----------*/
#con .newslist1 { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist1 .title3{ height:20px; line-height:20px; padding:15px 0; background-color:#666;}
#con .newslist1 .title3 p{text-align:center; color:#fff;}
#con .newslist1 .title3 .p1{ float:left; width:130px;}
#con .newslist1 .title3 .p2{ float:right; width:150px;}
#con .newslist1 .title3 .p3{ float:right; width:100px;}

#con .newslist1 .clearfix { padding-top:15px;}
#con .newslist1 .clearfix li {height:50px; line-height:50px; border-bottom:#999 1px dotted;}
#con .newslist1 .clearfix li p{ height:50px; line-height:50px; text-align:center;}
#con .newslist1 .clearfix li .p4{ float:left; background: url(../images/icon-c.gif) 0 23px no-repeat; padding-left:15px; width:600px; text-align:left; overflow:hidden; }
#con .newslist1 .clearfix li .p4 a{ display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist1 .clearfix li .p4 a:hover{}
#con .newslist1 .clearfix li .p5{ float:right; width:150px;}
#con .newslist1 .clearfix li .p6{ float:right; width:100px;}
#con .newslist1 .clearfix li .p6 a{ display: inline-block; width:30px; height:30px; margin-top:10px; background: url(../images/download.gif) center center no-repeat;}
#con .newslist1 .clearfix li .p6 a:hover{ filter:alpha(opacity=80);_filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/*----------客户留言表单开始----------*/
#con .content .msxq{ width:960px; margin:0 auto; background-color:#f5f5f5; padding:40px 0;}
#con .content .msxq .zsjm{ width:100%;}
#con .content .msxq .zsjm h3{ text-align:center; font-size:16px; color:#666; font-weight:bold; line-height:36px;}
#con .content .msxq .zsjm input[type="text"],textarea{border:1px solid #ccc; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
#con .content .msxq .zsjm input[type="text"]:hover,textarea:hover{border:1px solid #A68145;}
#con .content .msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #A68145;}
#con .content .msxq .zsjm span{ color:#333;}

#con .content .msxq .zsjm .biao1{ font-size:16px;}
#con .content .msxq .zsjm .biao1 dl{ width:100%;}
#con .content .msxq .zsjm .biao1 dl dt{ float:left; width:50%; padding-bottom:15px;}
#con .content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:120px; }
#con .content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
#con .content .msxq .zsjm .biao1 dl dt .right1{ float:left; width:360px; }
#con .content .msxq .zsjm .biao1 dl dt .right1 .box{ width:280px; height:30px; line-height:30px;  color:#666; padding:5px;}

/*----------select下拉框美化样式开始----------*/
.select-wrapper{width:292px; height:42px; position:relative; cursor:pointer; display:inline-block; *display:inline; *float:left; background:#fff;
border: 1px solid #ccc;}/*外层*/
.select-wrapper:hover{ border: 1px solid #A68145;}
.select-wrapper.focus{ border: 1px solid #A68145;}

/*箭头*/
.select-down{ position:absolute; top:2px; right:2px; z-index:2; width:20px; height:36px; background:url(../images/ico.gif) center center no-repeat #ccc;}
.select-wrapper:hover .select-down{ background:url(../images/ico-h.gif) center center no-repeat #A68145;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #A68145;}

/*内外层*/
.select-button{ font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif; font-size:14px; width:282px; height:42px; color:#666; border:0; cursor: pointer; padding-left:10px; overflow:hidden; text-align:left; background-color:#fff; outline:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}

/*下拉部分*/
.select-list{ font-size:14px; width:292px; background:#fff; border: 1px solid #ccc; display:none; z-index:2; position:absolute; left:-1px; top:42px; overflow:hidden;}
.select-list ul{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; max-height: 240px;}
.select-list ul li{ width:280px; height:30px; line-height:30px; padding-left:10px; cursor:pointer; overflow:hidden; white-space:nowrap; word-break: keep-all; text-overflow: ellipsis; }
.select-list ul li.selected, .select-list ul li:hover{color: #fff; background: #A68145;}
/*----------select下拉框美化样式结束----------*/

#con .content .msxq .zsjm .biao2{ font-size:16px;}
#con .content .msxq .zsjm .biao2 .left1{ float:left; width:120px; }
#con .content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
#con .content .msxq .zsjm .biao2 .right1{ float:right; width:840px; line-height:12px; }
#con .content .msxq .zsjm .biao2 textarea{width:760px; color:#666; font-size:14px; line-height:20px; padding:5px;}

#con .content .msxq .next { height:40px; margin-top:40px; text-align:center; }
#con .content .msxq .next .submit{ line-height:40px; font-size:16px; background-color:#666; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
#con .content .msxq .next .submit2{ line-height:40px; font-size:16px; background-color:#aaa; border:none; color:#fff; padding:0 40px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
#con .content .msxq .next .submit:hover{ background-color:#A68145;}
#con .content .msxq .next .submit2:hover{ background-color:#A68145;}
/*----------客户留言表单结束----------*/

/*----------订单查询----------*/
.cxjg{ width:60%; max-width:1000px; padding:20px; margin:0 auto; min-height:300px; _height:300px; border:10px #eee solid; margin-top:40px;}


/*----------QQ----------*/
#kf ul li { position:relative; width:50px; display:block; margin-top:1px; background-color:#999;}
#kf ul li img { padding:10px; filter:none; -moz-opacity:none; opacity: none; }

#kf ul li {}
#kf ul li:hover { background:url(../images/icon-b3.gif) 0 21px no-repeat #A68145;}

#kf ul li .subNav  { position:absolute; z-index:2; width:128px;   left:-138px; top:0; display:none; background-color:#fff; border:5px #eee solid; }
#kf ul li .subNav h2 { padding:0; text-align:center; color:#666;}
#kf ul li .subNav li {border:none;  white-space:nowrap; padding-left:45px;  line-height: 25px; background-color:#fff;}
#kf ul li .subNav li a {}
#kf ul li .subNav li a:hover { }
#kf ul li .subNav .qrc { padding:0; line-height: normal; overflow:visible; background:none;}
#kf ul li .subNav .qrc img { padding:0;}
#kf ul li .subNav .qrc a{ line-height:20px; padding:10px; display:inline-block; font-family:arial, helvetica, clean, sans-serif;}
#kf ul .returntop:hover { background-image:none;}