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

/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;}
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ color:#F90;  }
p{ padding:5px 0;}
.center{ width:1000px; margin:0 auto; padding:0;}
.left{ float:left;}
.right{ float:right;}
.more{ float:right; margin-right:5px;}
.cl{ clear:both; width:100%;}
.h{ clear:both; height:10px; overflow:hidden;}
.title{ font-weight:bold; font-size:16px; padding:5px;}
.dqnav{ border-bottom:#F90 solid 2px; height:32px;}
.dqnav .title{ float:left; font-weight:bold; font-size:16px; padding:5px;}
.dqnav .mysite{ float:right; text-align:right; padding:5px 10px 5px 26px; background:url(../images/home.gif) left center no-repeat;  text-transform:capitalize;}

.header{ background:url(../images/topbg.jpg) left top no-repeat; height:90px;}
.header .logo a{ float:left; padding:5px 0;}
.header .toptext{ float:right;}
.header .toptext div{ padding:5px 10px; }
.header .kh{ float:left; font-size:30px; color:#F00; padding-top:50px;}
.header #form{ padding:0 10px;}
/* nav */
.navbg{ clear:both; background:url(../images/nav_1.gif) left top repeat-x; height:28px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:1000px; margin:0 auto; padding:0 20px; height:28px; line-height:28px;}
.nav a{ color:#FFF; }
.nav .nLi{ float:left; white-space:nowrap; color:#e8e8e8; }
.nav .nLi h3{ float:left;  text-transform:uppercase; height:28px; overflow:hidden;}
.nav .nLi h3 a { text-align:center; padding:0 30px; }
.nav .sub{ display:none;  position:absolute;  z-index:999; white-space:nowrap; min-width:150px; top:118px; background-color:#333; padding:5px; line-height:28px; }
.nav .sub li{ clear:both; border-bottom:#555 solid 1px;}
.nav .sub a{ display:block; padding:0 5px; }
.nav .sub a:hover{ background:#F90; color:#fff;  }
.nav .on h3 a{ background:#F90; color:#fff; padding:5px 30px 5px 30px;}
.nav .subw{ clear:both; width:100%; left:0; padding:0px;}
.nav .m{ width:1036px; margin:0 auto; padding-bottom:5px;}
.nav .m dl{float:left; width:259px;}
.nav .m dt a{ color:#F90; font-weight:bold;}
.nav .m dd{  line-height:24px; text-overflow:ellipsis; overflow:hidden;}
.nav .m dd a{ float:left;}
.nav .m dd img{float:left; padding:6px 0 0 0;}
/* flash */
.flash{ clear:both; overflow:hidden; position:relative; }
.flash .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.flash .hd ul{ overflow:hidden; zoom:1; float:left;  }
.flash .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.flash .hd ul li.on{ background:#f00; color:#fff; }
.flash .bd{ position:relative; height:100%; z-index:0;   }
.flash .bd li{ zoom:1; vertical-align:middle; }
.flash .bd img{ width:100%; display:block;  }

/*flash下面是前/后按钮代码，如果不需要删除即可 */
.flash .prev,
.flash .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.flash .next{ left:auto; right:3%; background-position:8px 5px; }
.flash .prev:hover,
.flash .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.flash .prevStop{ display:none;  }
.flash .nextStop{ display:none;  }

/* middle */
.middle{}
.middle .left{ width:290px;}
.middle .right{ width:690px;}
.ignews{ margin-bottom:10px;}
.ignews dt{ font-weight:bold; font-size:16px; padding:5px 0;}
.ignews div { margin:5px 0;  line-height:24px; font-weight:normal; font-size:14px;}
.ignews div img{ width:100px; height:80px; float:left; padding:5px;}
.ignews dd{ line-height:20px; padding:7px 0 2px 15px; border-bottom:#CCC dashed 1px; background:url(../images/ico_1.gif) left center no-repeat;}
.ignews dd span{ color:#666; font-size:12px; padding:0 5px;}

.indnews{ margin-bottom:10px;}
.indnews dt{ font-weight:bold; font-size:16px; padding:5px 0;}
.indnews dd{ line-height:20px; padding:7px 0 2px 15px; border-bottom:#CCC dashed 1px; background:url(../images/ico_1.gif) left center no-repeat;}
.indnews dd span{ color:#666; font-size:12px; padding:0 5px;}

.iprotj{ clear:both; }
.iprotj .cl{ padding:5px 0;}
.iprotj dl{ float:left; width:230px;}
.iprotj dt{ text-align:center;}
.iprotj dd{ width:210px; text-align:center; padding:0px 0;}
.iprotj img{ text-align:center; width:210px;}

.imove{ clear:both;}
.imove .cl{ padding:5px 0;}
/*.imove dl{ float:left; width:230px;}
.imove dt{ text-align:center; width:210px; margin:0 auto; }
.imove dd{ width:210px; text-align:center; padding:3px 0;}
.imove img{ text-align:center; width:210px; height:150px;}*/

.iprotj .boxgrid{  float:left; width: 230px; height: 174px; margin:3px auto; overflow: hidden; position: relative;}
.iprotj .boxgrid dt{text-align:center; width:230px; height:144px; margin:0 auto; padding:0;}
.iprotj .boxgrid img{ border: 0;width:210px; height:136px; padding:3px; border:#e2e2e2 solid 1px;}
.iprotj .boxgrid dd{width:218px; height:30px; line-height:30px; background-color:#e2e2e2; margin:0 auto; padding:0; text-align:center;}
.iprotj .boxgrid dd a{ text-align:center;}
.iprotj .boxgrid dd a:hover{ color:#F90;}
/*.boxcaption{ float: left; position: absolute;  margin:0 10px;}
.boxcaption a{ color:#FFF;}
.captionfull .boxcaption { top: 146px; left: 0px; background:url(../images/play.png) center center no-repeat; width:210px;}
.boxcaption div{ margin-top:106px; height:34px; text-align:center; color:#FFF; background:url(../images/newbg.png);}
.caption .boxcaption {top:146px; left: 0px; height:40px; background:url(../images/newbg.png);}
.iprotj .caption .boxcaption table{line-height:17px; height:40px; text-align:center; margin:0; padding:0; border:none; width:100%; }
*/



.footer{ clear:both;}
.footer .footertop{ clear:both; height:17x; overflow:hidden; border-bottom:#999 solid 1px;}
.footer .footertop img{ float:right; }
.footertext{ clear:both; margin:0 auto; padding:10px 0;}
.footertext .footerleft{ float:left; width:500px; line-height:24px;}
.footertext .footerright{ float:right; width:90px;}
/*.footertext .footerright li{ float:left; width:42px; height:42px; margin:0 5px 0 5px;}
.footertext .footerright div{width:42px; height:42px; background:url(../images/sns-logo.png) 0 -47px no-repeat;}
.footerright a div.sns-fb{}
.footerright a :hover.sns-fb{background-position:0 0;}
.footerright a div.sns-t{background-position:-51px -47px;}
.footerright a :hover.sns-t{background-position:-51px 0;}
.footerright a div.sns-yt{background-position:-102px -47px;}
.footerright a :hover.sns-yt{background-position:-102px 0;}
.footerright a div.sns-g{background-position:-153px -47px;}
.footerright a :hover.sns-g{background-position:-153px 0;}
.footerright a div.sns-in{background-position:-204px -47px;}
.footerright a :hover.sns-in{background-position:-204px 0;}
.footerright a div.sns-yh{background-position:-255px -47px;}
.footerright a :hover.sns-yh{background-position:-255px 0}
.footerright a div.sns-i{background-position:-306px -47px;}
.footerright a :hover.sns-i{background-position:-306px 0}
.footerright a div.sns-s{background-position:-358px -47px;}
.footerright a :hover.sns-s{background-position:-358px 0;}*/


.focus{float:left; width:24px; height:24px; margin:5px; cursor:pointer}


/*about page*/
.infostype{}
.infostype dt{ font-weight:bold; font-size:16px; padding:5px;border-bottom:#F90 solid 2px; text-transform:uppercase; }
.infostype .title{text-transform:uppercase; }
.infostype dd{ border-bottom:#CCC solid 1px; height:30px; line-height:30px; margin:0 20px 0 20px;}
.infostype dd a{ text-transform:capitalize;}

.protype dt{ font-weight:bold; font-size:16px; padding:5px;border-bottom:#F90 solid 2px;  text-transform:uppercase;}
.protype dd{ border-bottom:#CCC solid 1px; height:30px; line-height:30px; margin:0 20px 0 20px;}

.infos{}
.infos .infointo{ clear:both; line-height:24px; padding:5px 0;}
.infos .title{text-transform:uppercase; }

.infos .infolist{ margin:10px 0;}
.infos .infolist dl{ clear:both; border:#CCC solid 1px; padding:8px; height:130px; margin:10px 0;}
.infos .infolist dt{ float:left; width:190px; height:130px;}
.infos .infolist img{width:180px; height:120px; padding:3px; border:#CCC solid 1px;}
.infos .infolist dd{ float:right; width:476px; height:130px; overflow:hidden; line-height:24px; }
.infos .infolist h2{ font-size:16px; padding:3px 0;}
.infos .infolist span a { color:#F90; padding: 0 10px;}
.infos .infotext{ line-height:24px; padding:5px 0;}
.infos .infotext h1{ padding:10px; font-size:18px; text-align:center;}
.infos .infotext h2{ padding:10px;}
.infos .infotext p{ margin:5px 0;}
.infos .infotext ol{ margin-left:2em;}
.infos .infotext ol li{ list-style:decimal; margin:5px 0;}

.infos .newslist dt div{ margin-top:-26px; width:180px; text-align:right; color:#F00;}


/*pro all page*/

/* pro all tab */
.promiddle{}
.promiddle .left{ width:690px;}
.promiddle .right{ width:290px; }
.promiddle .dqnav{ border:none;}
.promiddle .casenav{border-bottom:#F90 solid 2px;}
.promiddle .mysite{ float:left; text-align:left;}

.proalist{}
.proalist .title{ border-bottom:#F90 solid 2px;}
.proalist dl{ border-bottom:#CCC solid 1px;}
.proalist dt{ font-weight:bold; padding:5px 0;}
.proalist dd{ padding:3px 0 3px 15px; background:url(../images/ico_1.gif) 5px center no-repeat;}

.tabBar{ clear:both;}
.tabBar .hd ul{padding-left:5px; height:44px; border-bottom:1px solid #C8D1D5; }
.tabBar .hd li{ float:left; height:35px; line-height:16px; white-space:pre-wrap; margin:4px; padding:4px 8px 0px 8px; margin-right:3px; color:#333333; background:#CCC url(../images/btn_bg.gif) repeat-x; text-align:center; border:1px solid #c8d1d5; border-bottom:0px; cursor:pointer;}
.tabBar .hd li.on{ line-height:16px; height:36px; font-weight:bold; text-align:center; margin-top:0px; padding-top:7px; position:relative; top:0px; border-top:2px solid #F90; background:#fff; color:#F90; }
.tabBar .hd li a:hover{ color:#F90; }
/*.tabBar .hd li.on a{ font-weight:bold; color:#F90; }*/
.tabBar .bd{ clear:both; position:relative; padding-top:10px;}
.tabBar .bd .conWrap{}
.tabBar .bd .conWrap dl{ width:340px; margin:10px 0; height:110px; overflow:hidden;}
.tabBar .bd .conWrap dt{ float:left; width:150px;}
.tabBar .bd .conWrap dd{ float:right; width:180px; line-height:24px;}
.tabBar .bd .conWrap h3{ font-size:14px; padding:2px 0 8px 0;}
.tabBar .bd .conWrap img{ width:150px; border:#CCC solid 1px; padding:1px;}
.tabBar .bd .conWrap img:hover{ border:#F90 solid 1px;}
.tabBar .bd .conWrap span{font-weight:bold; padding-right:5px;}

.soca{ clear:both;}
.soca .hd ul{padding-left:10px; height:44px; border-bottom:1px solid #C8D1D5; }
.soca .hd li{ float:left; line-height:20px; white-space:pre-wrap; width:110px; margin-top:4px; padding:0px 5px; margin-right:5px; color:#333333; background:#CCC url(../images/btn_bg.gif) repeat-x; text-align:center; border:1px solid #c8d1d5; border-bottom:0px; cursor:pointer;}
.soca .hd li.on{ line-height:20px; width:110px; overflow:hidden; font-weight:bold; text-align:center; margin-top:0px; padding-top:3px; position:relative; top:0px; border-top:2px solid #F90; background:#fff; color:#F90; }
.soca .bd{ clear:both; position:relative; padding-top:10px;}
.soca .bd .conWrap{}
.soca .bd .conWrap dl{ width:680px; margin:10px 0; height:110px; overflow:hidden;}
.soca .bd .conWrap dt{ float:left; width:150px;}
.soca .bd .conWrap dd{ float:right; width:520px; line-height:26px;}
.soca .bd .conWrap img{ width:150px;}
/* pro show page*/
.proshow{}
.proshow .mysite{ float:left;}
.proshow .left{ width:690px;}
.proshow .right{ width:290px; }
.proshow .dqnav{ border:none;}
.proshow .propt{ clear:both;}

.showtabBar{ clear:both;}
.showtabBar .hd ul{padding-left:10px; height:34px; border-bottom:1px solid #C8D1D5; }
.showtabBar .hd li{ float:left; line-height:29px; height: white-space:pre-wrap; width:110px; margin-top:4px; padding:0px 5px; margin-right:5px; color:#333333; background:#CCC url(../images/btn_bg.gif) repeat-x; text-align:center; border:1px solid #c8d1d5; border-bottom:0px; cursor:pointer;}
.showtabBar .hd li.on{ line-height:30px; width:110px; overflow:hidden; font-weight:bold; text-align:center; margin-top:0px; padding-top:3px; position:relative; top:0px; border-top:2px solid #F90; background:#fff; color:#F90; }
.tabBar .hd li.on a{ font-weight:bold; color:#F90; }
.showtabBar .bd{ clear:both; position:relative; padding-top:10px; line-height:20px;}
.showtabBar .bd li ol{ margin-left:2em;}
.showtabBar .bd li ol li{ list-style:decimal; margin:5px 0;}
.showtabBar .bd li p{ margin:5px 0;}
.showtabBar .s_fea,.showtabBar .s_data,.showtabBar .s_desc,.showtabBar .s_serv{}
		
		
.picFocus{ float:left; margin:0 auto;  width:360px; border:1px solid #ccc; padding:5px 5px 0 5px;  position:relative;  overflow:hidden;  zoom:1; float:left;}
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:82px; height:56px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background: url(../images/icoUp.gif) no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:360px; height:240px; display:block;}

.proshow .text{ float:right; width:310px;}
.proshow .text h1{ font-size:16px; padding:5px 0;}
.proshow .intro{}
.proshow .intro span{ font-weight:bold; color:#F00; padding-right:5px;}

.tableclass{text-align:center; border-left:#F90 solid 1px; border-top:#F90 solid 1px; font-size:12px; width:99%;}
/*
.tableclass td,tableclass th{text-align:center; border-right:#F90 solid 1px; border-bottom:#F90 solid 1px; padding: 3px 1px; font-size:12px; line-height:16px;}
.tableclass .trj{ background-color:#E4E7E8;}
.tableclass .tro{}
*/
.tableclass th { background-color:#ffdfaf; font-weight:bold; border-right:#F90 solid 1px; border-bottom:#F90 solid 1px; padding:3px 2px;}
.tableclass td {padding:3px 2px;border-bottom:1px solid #95bce2; vertical-align:middle; text-align:center; border-right:#F90 solid 1px; border-bottom:#F90 solid 1px;}
.tableclass td * {padding:3px 2px;}
.tableclass tr.alt td { background-color:#fff6e9;}
.tableclass tr.over td {background:#bcd4ec;}




.secondscreencontact {color: #767676; margin-top: 10px;}
.secondscreencontact .tels {background: url(../images/procontacticon_01.png) no-repeat scroll left center; padding-left: 20px;}
.secondscreencontact dd { clear:both; padding:3px 0;}
.secondscreencontact .email {background: url(../images/procontacticon_02.png) no-repeat scroll left center; padding-left: 20px;}
.secondscreencontact .email:hover {background: url(../images/procontacticon_02-hover.png) no-repeat scroll left center;padding-left: 20px;}
.secondscreencontact .email a {color: #767676; text-decoration: none;}
.secondscreencontact .email a:hover {color: #D06400;}
.secondscreencontact .faxs {background: url(../images/procontacticon_03.png) no-repeat scroll left center;padding-left: 20px;}
.OrangeBtnt {cursor: pointer;height: auto;margin: 10px 0; width: 180px;}
.OrangeBtnt a { background: url(../images/prodetailbtn.png) no-repeat scroll 0 0; cursor: pointer;display: block; height: 22px; margin: 10px 0; width: 180px;}
.OrangeBtnt a:hover {background: url(../images/prodetailbtn.png) no-repeat scroll 0 -22px; cursor: pointer; height: 22px; margin: 10px 0; width: 180px;}

.picMarquee-left{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .hd{ overflow:hidden; background:#f4f4f4;}
.picMarquee-left .hd h3{ font-size:14px; padding:0 10px; line-height:30px;}
.picMarquee-left .bd{ padding:5px 2px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; width:164px; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:160px; display:block; height:105px; padding:1px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:18px; font-size:14px; font-weight:normal;}

/*SOLUTIONS & CASE */
.socase .mysite{ float:left; text-align:left;}
.socase h1{ padding:10px; text-align:center;}

.tabsolutions .hd ul, .tabcase .hd ul{height:34px; line-height:34px;}
.tabsolutions .hd li, .tabcase .hd li{height:25px; line-height:25px;padding:2px 10px;}
.tabsolutions .hd li.on, .tabcase .hd li.on{line-height:23px;height:24px;}


/*Message */
.showmessage{ margin-top:10px;}
.message { border-right:#CCC solid 1px; font-size:14px;}
.message td{ border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; padding:2px 5px;}
.message input{ border:#CCC solid 1px; width:200px; padding:3px 0; }
.message textarea{ border:#CCC solid 1px;}
.message span{font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#F00;}
.message .header {background:url(../images/xj_hd.gif) repeat-x; height:35px;}
.message .icon{background:url(../images/xj_h.jpg) no-repeat; border-bottom:none;  margin:0; padding:0; height:35px; overflow:hidden;}
.message .footer input{ cursor:pointer; background:url(../images/send.jpg) no-repeat; border:none; width:95px; height:28px;}
.message span {	color:#E00;}