@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif; color:#666; background:url(../00images/bg-hd.gif) 0 91px repeat-x #fff; }
h1, h2, h3, h4, h5, h6 { font-size:14px; background: url(../00images/icon-a.gif) no-repeat 2px 6px; color:#333; height:30px; line-height:30px;}
img {border:0; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
img:hover{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
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:#333; text-decoration:none;}
a:active {color:#333;text-decoration:none;}
.en, .email, .tel{font:14px/1.8 arial, helvetica, clean, sans-serif;}
#hd, #nav, #bd, #ft, #con {width:1280px; 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 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:20px; background:url(../images/tel.png) 0 9px no-repeat;}
#hd .lang { position:absolute; right:0; top:55px; height:24px; line-height:24px;}
#hd .lang a { background-color:#eee; color:#666; height:24px; line-height:24px; padding:0 10px; margin-left:20px; display:inline-block; *display:inline; zoom:1; vertical-align:top;/*同一行a标签有不同字体时，解决无法水平对齐的情况*/}
#hd .lang a:hover { background-color:#666; color:#fff; }

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

#nav ul li .subNav {position:absolute; z-index:2; width:auto; left:0; top:46px; display:none; padding:5px; background:none; background-color:#d5d5d5;}
#nav ul li .subNav li {border:none; width:172px; white-space:nowrap; height: 35px;line-height: 35px; text-align: left;}
#nav ul li .subNav li a {font-size:14px; font-weight:normal; padding-left:20px; background-color:#fff; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#nav ul li .subNav li a:hover { background-color:#333; color:#fff;}
/*-------头部初始样式结束------*/

/*----------页面下拉后触发头部伸缩效果开始----------*/
.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;}
.headFixed #nav0{ background-color:#444; border-top:1px #666 solid; border-bottom:1px #666 solid;}
.headFixed #nav ul li { border-right:1px solid #666;}
.headFixed #nav ul .bg { border-left:1px solid #666;}
.headFixed #nav ul li a { color:#fff;background-color:#444;}
*html .headFixed #nav ul li a:hover { background:url(../images/icon-b2.gif) center 42px no-repeat #333; color:#fff; }
.headFixed #nav ul li:hover a { background:url(../images/icon-b2.gif) center 42px no-repeat #333; color:#fff;}
.headFixed #nav ul li .selected{color:#fff; background:url(../images/icon-b4.gif) center 42px no-repeat #222; }
.headFixed #nav ul li .subNav li a { color:#333; background-color:#fff;}
.headFixed #nav ul li .subNav li a:hover { background-color:#444; color:#fff;}
/*----------页面下拉后触发头部伸缩效果结束----------*/

#fl-t{ height:150px; width:100%;}
#fl {height:400px; width: 100%; overflow:hidden; }

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

/*----------index中间第一部分最新公告、三大块----------*/
#bd{ margin-bottom:50px;}

.bd-t { width:1280px; margin:10px auto; height:40px; background-color:#eee; position:relative;}
.bd-t h3 { float:left; height:40px;line-height:40px; padding-left:20px;}

.scroltit{ float:left; width:41px; height:20px; padding-left:5px; padding-right:10px; padding-top:10px;}
.scroltit .updown{ font-size:16px; font-family:"宋体",arial, helvetica, clean, sans-serif; width:20px; height:20px; line-height:20px; text-align:center; float:left; background-color:#ddd;}
.scroltit .updown2{ font-size:16px; font-family:"宋体",arial, helvetica, clean, sans-serif; width:20px; height:20px; line-height:20px; text-align:center; float:right; background-color:#ddd;}
.scroltit .updown:hover{ color:#fff; background-color:#666;}
.scroltit .updown2:hover{ color:#fff; background-color:#666;}
#but_up{}
#but_down{}

.scrollbox{ float:left; width:600px; height:30px; line-height:30px; padding-top:5px;overflow:hidden;}
#scrollDiv{ width:100%; height:30px; line-height:30px; overflow:hidden;}
#scrollDiv li{height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.bd-t .bd-t-r{position:absolute; right:20px; top:10px;}
.bd-t .sp1 { position:absolute; right:198px; top:0; height:40px;line-height:40px; font-weight:bold; color:#333;}

#bd h2{ padding-top:10px;}
#bd .bd-m{ height:450px; overflow:hidden;}
#bd .bd-m p{ line-height:22px;}
#bd .main1{ float:left; width:400px; height:450px; margin-right:40px; overflow:hidden;}
#bd .main2{ float:right; width:400px; height:450px; overflow:hidden;}

/*----------index中间第二部分公司简介、新闻、案例----------*/
#bd02{ width:1280px; height:auto; margin:0 auto; margin-bottom:50px;}

#bd02 .bd1{ float:left; width:360px; height:306px; margin-right:40px; overflow:hidden; }
#bd02 .bd1 .main{ }
#bd02 .bd1 .main img{ float:left; margin-top:15px; margin-right:10px;}
#bd02 .bd1 .main .js{ line-height:24px; padding-top:9px;}

#bd02 .bd2{ float:left; width:480px; height:306px; margin-right:40px; overflow:hidden;}
#slide_right2{ position:relative; }
#slide_right2 ul{ height:36px; line-height:36px; background-color:#666;}
#slide_right2 ul li{float:left; color:#ddd; font-weight:bold; width:auto; height:16px; line-height:16px; text-align:center; cursor:pointer; border-left:solid 1px #ddd; padding:0 15px; margin-top:10px;}
#slide_right2 ul .tab{ color:#fff; border-left:none; }

#slide_right2 .right { position:absolute; top:0; right:15px; width:auto; height:36px; line-height:36px; }
#slide_right2 .right a{font-size:12px; font-weight:normal; color:#ddd; line-height:36px; display:inline-block; *display:inline; zoom:1; }
#slide_right2 .right a:hover{ color:#fff; text-decoration: underline;}

#slide_right2 .hide{ display:none; }

#slide_right2 .bd2-t{ height:135px; overflow:hidden; }
#slide_right2 .bd2-t img{ float:left; margin-top:15px; margin-right:15px;}
#slide_right2 .bd2-t h3{ height:auto; line-height:26px; padding-top:9px;}
#slide_right2 .bd2-t h3 a{}
#slide_right2 .bd2-t .p1{line-height:26px; border:none;}

#slide_right2 .newslist2 {}
#slide_right2 .newslist2 .p2 { border-bottom:#999 1px dotted; height:44px; line-height:44px;}
#slide_right2 .newslist2 .p2 a { float:left; width:360px; padding-left:15px; background:url(../images/icon-c.gif) 0 20px no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#slide_right2 .newslist2 .p2 a:hover{ background: url(../images/icon-c.gif) 0 20px no-repeat;}
#slide_right2 .newslist2 .p2 span { float:right;}

#bd02 .bd3{ float:right; width:360px; height:306px; overflow:hidden;}
#bd02 .bd3 .anli{}
#bd02 .bd3 .anli ul li{ width:100%; height:135px; overflow:hidden;}
#bd02 .bd3 .anli ul li img{ float:left; margin-right:15px; margin-top:15px;}
#bd02 .bd3 .anli ul li h3{ height:auto; line-height:26px; margin-top:9px;}
#bd02 .bd3 .anli ul li h3 a{}
#bd02 .bd3 .anli ul li p{ line-height:26px;}

/*----------index中间第三部分产品流动----------*/
#bd03{ clear:both; width:1280px; height:238px; margin:0 auto; margin-bottom:50px; }
.rollBox img{border:none;}
.rollBox{width:1280px; overflow:hidden; margin:0 auto; position:relative;}
.rollBox .Cont{width:1162px; overflow:hidden; margin:0 auto; width:1160px\9;/*针对IE8及以下低版本浏览器阴影不生效调整宽度*/ }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:208px; float:left; text-align:center; margin-right:30px; }
*+html .rollBox .Cont .pic{width:208px; float:left; text-align:center; margin-right:30px; }
.rollBox .Cont .pic img{display:block; margin:0 auto; padding:3px; border:1px #ddd solid;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.rollBox .Cont .pic img:hover{border:1px #666 solid;}
.rollBox .Cont .pic:hover img{border:1px #666 solid;}
.rollBox .Cont .pic p{ height:30px; line-height:30px; overflow:hidden;}
.rollBox .Cont .pic p a{ display:block; overflow:hidden;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#666; text-decoration:none;}
.rollBox .Cont a:hover{color:#333; text-decoration:underline;}
.rollBox .Cont .pic:hover a{color:#333; text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2{ position:absolute; top:0; width:30px; height:208px; display:block; cursor:pointer;}
.img1{ left:0; background:url(../images/pre.png) center center no-repeat;}
.img2{ right:0; background:url(../images/next.png) center center no-repeat;}
.img1:hover{background:url(../images/pre-h.png) center center no-repeat;}
.img2:hover{background:url(../images/next-h.png) center center no-repeat;}

/*----------index中间第四部分友情链接----------*/
.blink{ clear:both; width:1280px; margin:0 auto; margin-bottom:40px;}
.blink .blink-b{ background-color:#f5f5f5; padding:20px; overflow:hidden;}
.blink .blink-b a{ display:inline-block; *display:inline; zoom:1;}
.blink .blink-b a:hover{ text-decoration: underline;}

/*----------网站底部----------*/
#ft0{ width:100%; background-color:#333; color:#aaa;}
#ft{ width:1280px; margin:0 auto;}
#ft .ft1 { width:1280px; overflow:hidden;  padding-top: 20px; padding-bottom: 20px;}
#ft .ft1 .clearfix { width:1160px; padding-left:80px; }
#ft .ft1 .clearfix .logo1{ width:200px; padding-left:0; padding-right:19px; padding-top:22px; border:none;}
#ft .ft1 .clearfix .dbewm{ width:240px; padding:0;}
#ft .ft1 .clearfix .dbewm .ewm{ width:100px; height:122px; overflow:hidden; float:left; padding-left:20px; padding-top:6px;}
#ft .ft1 .clearfix .dbewm .ewm p{ font-weight:bold; height:22px; line-height:22px; color:#aaa; text-align:center;}
#ft .ft1 .clearfix li{ float:left; width: 170px; padding-left:49px; border-left:solid 1px #444;}
#ft .ft1 .clearfix li h3 a { padding:0; margin:0; color:#aaa; }
#ft .ft1 .clearfix li h3 a:hover { color:#ddd; }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none;}
#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; margin-bottom:20px; }

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

#ltit{ font-size:0;/*去除换行a标签(使用display:inline-block)之间默认产生的间距*/ width:100%; line-height:30px; padding-top:10px; padding-bottom:5px; text-align:center; border-bottom:1px #e5e5e5 solid;}
#ltit a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:16px;/*字号必须定义*/ padding:0 15px; margin:0 5px; margin-bottom:10px; background-color:#eee;}
#ltit a:hover{ background-color:#666; color:#fff; }
#ltit .selected{ background-color:#333; color:#fff; }

#ltit2{ font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/ width:1080px; margin:0 auto; line-height:24px; text-align:center;}
#ltit2 a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:14px;/*字号必须定义*/ padding:0 8px; margin:0 5px; margin-top:10px;  background-color:#eee; }
#ltit2 a:hover{ background-color:#999; color:#fff; }
#ltit2 .selected{ background-color:#666; color:#fff;}

#rtit{ width:100%;}
#rtit p{ height:45px; line-height:45px; text-align:right; color:#999;}
#rtit p .selected{ color:#333;}

#title{ text-align:center; padding-top:50px;}
#title h1{ font-size:32px; font-weight:normal; height:auto; line-height:45px;}

#con .content{ width:960px; margin:0 auto; margin-top:50px; overflow:hidden; }
#con .content h1{ text-align:center; font-size:32px; font-weight:normal; height:auto; line-height:45px;}

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

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

/*----------products、video----------*/
#con .prolist{ width:100%; margin-top:10px;}
#con .prolist .ca-menu{ width:1320px;}
#con .prolist .ca-menu li{float:left; width:288px; height:328px; border:1px #ddd solid; overflow:hidden; margin-right:40px; margin-top:40px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

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

#con .prolist .ca-main{width:280px; height:280px; margin:4px; text-align: center; overflow:hidden;}
#con .prolist .ca-main img{
	-webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
	transition: all 600ms linear;
}

#con .prolist .ca-sub{text-align:center; font-size:14px; color: #666; height:40px; line-height:40px; padding:0 10px; background:#ddd; 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{ border:1px #666 solid;}
#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; background-color:#666;
    -webkit-animation: moveFromBottom 600ms ease;
    -moz-animation: moveFromBottom 600ms ease;
    -ms-animation: moveFromBottom 600ms ease;
}

@-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%);}
}

/*----------proList2----------*/
#con .prolist2 {clear:both; padding-top:5px;}
#con .prolist2 ul li {width:770px; padding:20px 0; overflow:hidden; border-bottom:1px #ccc solid; white-space: normal; clear: both;}
#con .prolist2 ul li .left {float:left; width:210px;}
#con .prolist2 ul li img {padding: 2px;  border:1px #C6C6C6 solid;}
#con .prolist2 ul li img:hover { border:1px #333 solid;}
#con .prolist2 ul li .right {float:right; width:540px;}

#con .prolist2 ul li .more { float:right; padding:3px 10px; background-color:#333; color:#fff; font-size:12px; font-weight:normal; height:13px; line-height: 15px; margin-top:5px;}
#con .prolist2 ul li .more:hover { background-color:#333;}

/*----------news----------*/
#con .newslist { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist .clearfix {}
#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 {}
#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 #666;}
#con .content .msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #666;}
#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 #666;}
.select-wrapper.focus{ border: 1px solid #666;}

/*箭头*/
.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 #666;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #666;}

/*内外层*/
.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: #666;}
/*----------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 .submit:hover{ background-color:#333;}
#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 .submit2:hover{ background-color:#333;}
/*----------客户留言表单结束----------*/

/*----------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 #555;}

#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 {color:#666; }
#kf ul li .subNav li a:hover { color:#333; }
#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;}