@charset "utf-8";
/* General CSS Document */
ul, ul li{ list-style:none;}
a,img{ padding:0px; margin:0px; border:none;}
h3{ font-size:18px; color:#000; font-weight:bold; padding:10px 0px;}
.clear_cs{clear: both;font-size: 0;height: 0;line-height: 0;}

@font-face {
 font-family: Century Gothic;
 src: url("CenturyGothic.eot") /* EOT file for IE */
}
@font-face {
 font-family: Century Gothic;
 src: url("CenturyGothic.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Century Gothic;
 src: url('GOTHIC.svg#GOTHIC') format('svg');
}

body{ font-family:"Century Gothic","Microsoft YaHei","宋体", sans-serif; *font-family:"Microsoft YaHei","宋体", sans-serif; font-size:12px; color:#333; -webkit-text-size-adjust:none; line-height:20px; }
body a{ font-family:"Century Gothic","Microsoft YaHei","宋体", sans-serif; *font-family:"Microsoft YaHei","宋体", sans-serif; font-size:12px; color:#333;-webkit-text-size-adjust:none; line-height:20px;}
body a:hover{ font-family:"Century Gothic","Microsoft YaHei","宋体", sans-serif; *font-family:"Microsoft YaHei","宋体", sans-serif; font-size:12px; color:#333;text-decoration:underline;-webkit-text-size-adjust:none; line-height:20px; }

#footer{ text-align:center; padding:35px 0px;}
#footer span{ padding:0px 10px;}

#main{ width:960px; height:auto; margin:0 auto;}


/*.footer{ width:70%; float:left; text-align:left; overflow:visible;}*/

.version{ width:160px; float:right; margin-top:40px;}
.version a{ padding:3px 15px 3px 27px;}
.version a.cn{background:url(../images/cn.jpg) left center no-repeat;}
.version a.en{background:url(../images/en.jpg) left center no-repeat;}

/***************header css********************/

.logo{ padding:30px 0px 22px 0px; float:left; }

.toplink{ width:220px; *width:220px; height:19px; float:right; padding:40px 0px 0px 0px; *padding:42px 0px 0px 0px; padding:42px 0px 0px 0px\9; *padding:40px 0px 0px 0px; display:block;}
.toplink li{ background:url(../images/icon2.jpg) right center no-repeat; padding:0px 6px 0px 5px; float:left;}
.toplink li a,.toplink li a:hover{ line-height:19px; font-size:11px; }
.toplink li.last{ background:none; padding-right:0px;}

#menu { height:26px; background:url(../images/menu.jpg) repeat-x; border:1px solid #DCDDDC;}
#menu * { list-style:none; border:0; padding:0; margin:0;}
#menu a { display:block; line-height:26px; }
#menu a:hover{ line-height:26px;}
#menu a span { display:block; white-space:nowrap; }
#menu li { float:left; background:url(../images/icon3.jpg) right center no-repeat; position:relative; padding-right:1px; z-index:99;}
#menu li a.parent:hover{ display:block; background:#FFF; }
#menu li#home{ width:39px;}
#menu li#proMenu{ width:118px;}
#menu li#proMenu a span{ display:block; text-align:center;}
#menu li li { float:none; }
#menu div { display:none; position:absolute; border:1px solid #d5d5d5; width:951px;}
#menu li:hover>div { display:block; }
#menu li a:hover span,#menu li.current a span{ background:#FFF;}
#menu li a span.sf-sub-indicator{ padding:0px; margin:0px; width:6px; height:4px; display:block; right:30px; top:12px; position:absolute; background:url(../images/icon1.gif) no-repeat;}
#menu li a:hover span.sf-sub-indicator{width:6px; height:4px;}
#menu li.aboutMenu a span.sf-sub-indicator,#menu li.aboutMenu a:hover span.sf-sub-indicator{ right:10px;}
#menu li.newsMenu a span.sf-sub-indicator,#menu li.newsMenu a:hover span.sf-sub-indicator{ right:20px;}
#menu li#home span{ text-indent:-999px; background:url(../images/icon4.gif) center no-repeat; display:block; width:37px; height:26px;}

/** ie7 */
*:first-child+html #menu div div { display:block; top:-9999px; }
*:first-child+html #menu li:hover>div { top:auto; }

#menu div.columns { width:958px;  }
#menu div.columns dl { float:left; width:299px; padding:25px 10px; position:static;}
#menu div.columns a,#menu div.columns a:hover { white-space:normal;}
#menu div.columns dl dt{ padding-bottom:8px; border-bottom:1px solid #d5d5d5; text-indent:10px;}
#menu div.columns dl dt a{ line-height:28px; color:#004ea2; font-size:15px; font-weight:bold;}
#menu div.columns dl dd{ background:url(../images/icon4.jpg) 20px 15px no-repeat; padding-left:30px; line-height:26px;}
#menu div.columns dl dd a{ line-height:26px; color:#636363; font-size:12px; }
#menu div.columns dl dd a:hover{ text-decoration:underline; line-height:26px; color:#636363; font-size:12px;}

#menu a, #menu a span {
    font-size:14px;
    color:#404040;
    text-decoration:none;
    font-weight:normal;
}
#menu li.current>a { background-position:left -637px; }
#menu li.current>a span { background-position:right -182px; }
#menu a.parent span {
    background-position:right -42px;
}
#menu li.current>a span { background-position:right -273px; }
#menu>ul>li:hover>a, #menu a:hover { background-position:left -637px; }
#menu>ul>li:hover>a span, #menu a:hover span { background-position:right -182px; }
#menu>ul>li:hover>a span, #menu a:hover span {
    background-position:right -455px;
}

#menu div a {
    margin-left:4px;
    padding:4px 0 0 0;

}
#menu div a span {
    font-size:14px;
    padding:3px 14px 10px 11px;
    white-space:normal;
    color:rgb(195,191,183);
}
#menu div a:hover,
#menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover {
    background-position:-192px top;
}
#menu div a:hover span {
    color:#fff;
    background-position:-768px bottom;
}
#menu div a.parent span { background-position:-576px bottom; }
#menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span {
    color:#fff;
    background-position:-960px bottom;
}

#menu div {
    
    padding-top:14px;
}
#menu div ul {
    width:200px;
  
    padding-top:11px;
    padding-bottom:17px;
}
#menu div div { background-position:-200px top; }
#menu div div ul { padding-top:0; }

#menu div.columns {
    padding-top:0;
    margin-top:0px;
}
#menu div div.columns { margin-top:-36px; }
#menu div.columns>ul {
    padding-top:25px;
    margin-top:-14px;
}
#menu div.columns>ul>li>a {
    margin-left:0;
    width:200px;
}
#menu div.columns>ul.one>li>a {
    margin-left:4px;
    width:194px;
}

#menu.active a {
    z-index:78;
    position:relative;
}
#menu.active li { z-index:77; }

#menu.active div div { z-index:79; }
#menu.active div a { position:static; }

#menu.active li.back {
    position:absolute;
    padding:0;
    margin:0;
	
}
#menu.active li.back .left { display:block; padding:0; width:100%; background:#ffffff; margin:0px; position:relative; left:0px; border:none; }
#menu.active li.current-back, #menu.active li.current-parent-back { background-position:left -637px; }
#menu.active li.current-back .left { background-position:right -182px; }
#menu.active li.current-parent-back .left { background-position:right -182px; }

#menu .columns {
    position:absolute;
    display:none;
    margin-top:0px;
    width:951px;
	border:1px solid #d5d5d5;
	background:url(../images/navBg.jpg) repeat #FFFFFF;
	left:-167px;
	*left:-167px;
	left:-167px\0;
	z-index:80;
	
}

#menu .marketMenu .columns {
    position:absolute;
    display:none;
    margin-top:0px;
    width:200px !important;
	border:1px solid #d5d5d5;
	border-top:none;
	background:url(../images/navBg.jpg) repeat #FFFFFF;
	left:-1px;
	z-index:89;
	top:27px;
}

#menu .aboutMenu .columns {
    position:absolute;
    display:none;
    margin-top:0px;
    width:160px !important;
	border:1px solid #d5d5d5;
	border-top:none;
	background:url(../images/navBg.jpg) repeat #FFFFFF;
	left:-1px;
	z-index:89;
	top:27px;
}

#menu .activityMenu .columns {
    position:absolute;
    display:none;
    margin-top:0px;
    width:150px !important;
	border:1px solid #d5d5d5;
	border-top:none;
	background:url(../images/navBg.jpg) repeat #FFFFFF;
	left:-1px;
	z-index:89;
	top:27px;
}

#menu .newsMenu .columns {
    position:absolute;
    display:none;
    margin-top:0px;
    width:146px !important;
	border:1px solid #d5d5d5;
	border-top:none;
	background:url(../images/navBg.jpg) repeat #FFFFFF;
	left:-1px;
	z-index:89;
	top:27px;
}


#menu.active div {
    margin-top:0px;
    display:block;
    position:relative;
	border:none;
}
#menu.active div .columns {
    margin:0 0 0 -6px;
    left:100%;
}
#menu.active .spanbox .spanbox { margin-top:-50px; }
#menu.active .spanbox .spanbox div { margin:0; }

/** ie7 */
*:first-child+html #menu.active div div { top:auto; }
*:first-child+html .menu-images-preloading { visibility:hidden; }
.menu-images-preloading,
.menu-images-preloading div {
    top:0;
    left:0;
    width:4px;
    height:2px;
    opacity:0.1;
    overflow:hidden;
    position:absolute;
}
.menu-images-preloading { width:2px; }

#menu li#search{ padding:2px 20px 0px 0px; background:none; float:right; width:173px; }
#menu .searchInput{ margin:0px; width:130px; height:18px; line-height:18px; padding:1px 3px; border:1px solid #E0E0E1; vertical-align:middle; color:#606060; border-right:none; float:left; }
#menu .searchBtn{ padding:0px; margin:0px; width:35px; height:22px; border:none; background:url(../images/icon5.jpg) center no-repeat; vertical-align:middle; float:left; }


.js{ width:960px; height:330px; margin:0 auto; margin-top:8px;}

#myFocus{ WIDTH: 960px; HEIGHT: 330px;}
.mF_expo2010{ z-index:80;}
/********************center css**********************/
#center{height:auto; margin-top:44px;}

dl.linklist{ width:240px; float:left; border-top:25px solid #DCDDDD; }
dl.linklist dt{ padding:10px;}
dl.linklist dt,dl.linklist dt a,dl.linklist dt a:hover{ color:#004FA3; font-size:14px; font-weight:bold;}
dl.linklist dd.pic{ width:221px; height:135px; margin-bottom:5px;}
dl.linklist dd.title{ background:url(../images/icon1.jpg) 10px 10px no-repeat; padding:5px 10px 5px 25px;}
dl.linklist dd.title a,dl.linklist dd.title a:hover{ line-height:20px;}
dl.linklist dd.title0{ background:url(../images/icon1.jpg) 10px 8px no-repeat; padding:5px 10px 5px 25px;}
dl.linklist dd.title0 a,dl.linklist dd.title0 a:hover{ line-height:16px;}
dl.newslist{ border-top:1px solid #DCDDDD; padding-top:24px;}


.link{ padding:55px 8%; border:1px solid #C9C9CA; margin:0 auto; margin-top:50px;}
.linkin{background:url(../images/foot.jpg) top repeat-x #FFFFFF;}
.link dl.linkList{ width:25%; float:left;}
.link dl.linkList dt{ padding-bottom:10px;}
.link dl.linkList dt a{font-weight:bold; color:#000000;  border-bottom:1px solid #004EA2;  padding:5px 0px 5px 0px; text-decoration:none; cursor:default; display:block; width:95px; }
.link_right{ width:50%; float:right; padding:10px 0px; line-height:22px;}
 

/********************ncenter css**********************/

#ncenter{ width:100%; height:auto; background:#ffffff; }
h4.ncenterTitle{ padding:5px 10px; border-bottom:1px solid #B5B6B6; border-top:1px solid #B5B6B6; color:#004EA2;}
h4.ncenterTitle span.back{ background:url(../images/icon6.gif) left center no-repeat; padding-left:20px; float:right; }
.left{ width:204px; float:left; padding:43px 0px 10px 0px;}
.left h5{ color:#004EA2; font-size:30px; line-height:40px; margin-top:5px; text-indent:15px;}
a.lasta,a.lasta:hover{ color:#004EA2;}

.right{ width:703px; float:right; padding:43px 0px 10px 0px;}
.right h2,.right h2 a,.right h2 a:hover{ font-size:22px; color:#004DA1; font-weight:bold; padding-bottom:20px;}
.line{ border-bottom:1px solid #DBDBDB;}
.rightColumn{ padding:10px 0px;}
.rightColumn p{ text-indent:24px; line-height:24px;}

.aboytVideo{ width:262px; float:right; padding:0px 0px 20px 40px;}
.aboytVideo .title{background:url(../images/icon1.jpg) 10px 10px no-repeat; padding:5px 10px 5px 25px;}
.aboytVideo .title a,.aboytVideo .title a:hover{ color:#000;}

.busiList{ border-top:1px solid #C9C9CA; padding:15px 0px 40px;}
.busiList dt{ background:url(../images/icon1.jpg) left center no-repeat; padding-left:15px; font-size:16px; color:#000; margin-bottom:5px; font-weight:bold;}
.busiList dd{ padding-left:15px; padding-bottom:5px;}
.culList{ border-top:none;}
.culList dt a,.culList dt a:hover{font-size:16px; color:#000; font-weight:bold;}
 
.socialList{ width:100%; clear:both; padding:20px 0px;}
.socialList dt{ width:267px; float:left;}
.socialList dd{ width:395px; float:right;}
.socialList dd.title{ width:430px; background:url(../images/icon1.jpg) left 17px no-repeat; padding:10px 0px 20px 15px; font-size:16px; font-weight:bold; color:#000;}
.socialList1 dd.title{ width:380px;}
.socialList dd.title1{padding:5px 0px 20px 0px;font-size:16px; font-weight:bold; color:#000;}
.socialList dd.con{ width:430px; line-height:22px;}
.socialList1 dd.con{ width:395px; }
.socialList dd.list{ padding:3px 0px;}
.socialList1 p.title{ background:none; padding:5px 0px 5px 0px;font-size:16px; font-weight:bold; color:#000;}
.socialList1 p.con{ padding-left:0px !important; text-indent:0px; padding-bottom:15px;}
.socialList dd.pdf{background:url(../images/pdf1.jpg) no-repeat left center; border-bottom:1px #000 solid; padding:10px 0px 10px 40px; width:355px;}

.techList{padding:20px 0px;}
.techList dt{ margin-bottom:10px;}
.techList dd.pic{ width:215px; float:right;}
.techList dd.con{ width:400px; float:left; text-indent:24px;}

.activeList{ border:none;}
.activeList dt a,.activeList dt a:hover{font-size:16px; color:#000; font-weight:bold;}
.activeList dd.pic{ width:186px;}
.activeList dd.pic img{ width:215px;}

.historyList{ border:none;}
.historyleft{ float:left; width:45%;}
.historyright{ float:right; width:45%;}

.worldList dt{ width:230px;}
.worldList dd{ width:420px;}
.worldList dd.title{padding: 5px 0px 5px 15px; background: url(../images/icon1.jpg) left 12px no-repeat;}
.worldList dd.con{ text-height:0px; line-height:20px;}

.caseListp dt{ width:195px;}
.caseListp dt img{max-width:195px; _width: expression(this.width > 195 && this.width>=this.height?195 : true); }
.caseListp dd.title{width:480px;padding: 5px 0px 15px 15px; background: url(../images/icon1.jpg) left 12px no-repeat;}
.caseListp dd.title a,.caseListp dd.title a:hover{ color:#000; font-size:14px; font-weight:bold;}
.caseListp dd.con{width:380px; text-height:0px; line-height:20px; padding:0px 100px 0px 0px; text-indent:0px;}

.joblink a{ color:#000; font-weight:bold; float:right; background: url(../images/icon1.jpg) left center no-repeat; margin-top:10px; text-indent:15px;}

.textbold{ font-weight:bold;}

.text{padding:10px 20px; display:none;  border-bottom:1px solid #C9C9CA;}
.textl{ width:185px; float:left; }
.textl img{ max-width:185px; max-height:250px; _width: expression(this.width > 600 && this.width>=this.height?600 : true); _height: expression(this.height > 250 && this.width<=this.height ? 250 : true); border:1px solid #C3C4C4;}
.textr{ width:465px; float:right;}
.textr .xzfj{ position:absolute; bottom:8px; right:5px;}
.box{ clear:both;}
.box h1{ color:#000; font-size:13px; padding:5px 0px 5px 15px; border-bottom:1px solid #C9C9CA; background: url(../images/icon1.jpg) left 12px no-repeat; cursor:pointer;}
.box h1 .show{ width:19px; height:17px; float:right; display:block; background: url(../images/icon7.jpg) no-repeat;}
.box{position:relative;}

dl.proTypeLister{ width:214px; float:left; display:inline; margin:0 20px 0px 0px;}
dl.proTypeLister dt.proTypePic,dl.proTypeLister dt.proTypePic { width:194px; height:131px;}
dl.proTypeLister dt.proTypePic img{ max-width:194px; _width: expression(this.width > 194 && this.width>this.height ? 194 : true); max-height:131px; _height: expression(this.height > 131 && this.height>this.width ? 131 : true); }
dl.proTypeLister dt.proTypeTitle{ background:url(../images/icon1.jpg) left center no-repeat; margin-top:24px; margin-bottom:13px; padding-left:15px;}
dl.proTypeLister dt.proTypeTitle a,dl.proTypeLister dt.proTypeTitle a:hover{ font-size:16px; color:#000;}
dl.proTypeLister dd{ background:url(../images/icon8.jpg) 2px 9px no-repeat; padding:2px 0px 2px 15px;}



.proLevel{ clear:both;}
.proLevel h3{ background:url(../images/icon1.jpg) left center no-repeat; padding-left:15px; }
.proLevel h3,.proLevel h3 a{ color:#000; font-size:16px;}
ul.proLevelList{ width:675px; height:auto; }
ul.proLevelList li{ width:112px; height:140px; float:left; display:inline; overflow:hidden; }
ul.proLevelList li .proLevelPic{ width:88px; height:72px; text-align:center;}
ul.proLevelList li .proLevelPic a{display:block; }
ul.proLevelList li .proLevelPic img{width:88px; height:72px;}
ul.proLevelList li .proLevelTitle{ padding:8px 0px 2px 0px;}
ul.proLevelList li .proLevelTitle a,ul.proLevelList li .proLevelTitle a:hover{ color:#333; line-height:12px;  font-size:10px;  -webkit-text-size-adjust:none; /*font-size:9px;letter-spacing:-1px;*/ word-wrap:break-word;}
ul.proLevelList li .proLevelTitle2 a,ul.proLevelList li .proLevelTitle2 a:hover{ color:#0000FF; line-height:12px; font-size:10px;  -webkit-text-size-adjust:none; /*letter-spacing:-1px;*/ word-wrap:break-word;}


.proDetail{ width:709px; margin:0 auto;}
.proDetail h1 span{font-family:"Century Gothic";}
.proDetailColumn{ width:709px; margin:10px auto 0px;}
#tab_li{ width:709px; display:block; height:38px; margin:0 auto; background:url(../images/bottom.jpg) bottom repeat-x;}
#tab_li li{ float:left; display:block; width:auto; background:url(../images/proDetailTitle.jpg) repeat-x; color:626262; font-size:14px; line-height:36px; height:36px; text-align:center; border:1px solid #d5d5d5; border-left:none; cursor:pointer; font-weight:bold; padding:0px 15px;}
#tab_li li#first{ border-left:1px solid #d5d5d5;}
#tab_li li.current{ background:#ffffff; color:#000000; height:37px; border-bottom:none;margin:0; }
/*#tab_li li.none{ width:260px; height:37px; background:none; border-left:none; border-top:none;}*/
.proDetailWarp{ display:block; width:677px; border:1px solid #d5d5d5; padding:15px; border-top:none;}
#change_warp{ line-height:24px;}

/*** magazinePic ***/
.emagazine{ background:url(../images/eMagazineBg.jpg) top repeat-x !important;}
.emagazine #ncenter{ padding:20px 0px 15px; background:none;}
.magazinePic img{ max-width:357px; max-height:357px; _width: expression(this.width > 357 && this.width>=this.height?357 : true); _height: expression(this.height > 357 && this.width<=this.height ? 357 : true); border:1px solid #CCC}
.magazineColumn{ max-width:357px; _width: expression(this.width > 357 && this.width>=this.height?357 : true);  float:left; padding-left:35px; margin-top:20px; padding-right:100px;}
.magazineColumn h3{ color:#000; font-size:16px; padding:20px 0px 10px;}
button.magazineBtn{ padding:5px 10px; border:0px; background:#F09A11; color:#ffffff; font-size:14px; font-weight:bold;}
select.magazineSel{ border:1px solid #d5d5d5; height:20px; line-height:20px; width:120px; background:#ffffff; color:#606060;}
.magazineList{  width:200px; float:left; margin-top:20px;}
.magazineList h2{ color:#054897; font-size:12px; font-weight:bold; line-height:32px;}


/*** case css ***/
.caseColumn{ padding:10px 0px;}
dl.caseList{ width:100%; height:auto;}
dl.caseList dt{ width:100%; height:29px; line-height:29px; color:#004ea2; font-size:14px; font-weight:bold; text-indent:15px; background:#EEEFF1;}
dl.caseList dd{ width:100%; clear:left; padding:18px 0px 22px;}
ul.caseColumnList{ width:100%; height:auto;}
ul.caseColumnList li{ width:171px;  float:left; display:inline; margin:0px 0px 0px 20px;}
ul.caseColumnList li a.casePic{width:139px;height:96px; display:block;}
ul.caseColumnList li img{ width:139px; border:1px solid #D9D9D9; height:96px;}
div.caseTitle{ color:#606060; padding:10px 2px 0px; line-height:16px; font-size:10px; -webkit-text-size-adjust:none; }
div.caseTitle b{color:#333333; font-size:11px;}
div.caseTitle a,div.caseTitle a:hover{color:#606060;line-height:16px; font-size:10px;   -webkit-text-size-adjust:none;}

/*** buy css ***/
.buyColumn{ border:3px solid #ECECEC; padding:10px; margin:10px 0px;}

/*** buy css ***/
dl.newsList{ width:100%; margin:0 auto; border-bottom:1px dotted #D5D5D5; padding:10px 0px;}
dl.newsList dt{ width:120px; border:1px solid #CACACA; float:left; text-align:center;}
dl.newsList dt img{ width:120px;  }
dl.newsList dd{ width:555px; float:right;}
dl.newsList dd p{ line-height:16px; color:#686869; text-indent:0px;}
dl.newsList dd h2 a{ color:#000000; font-size:14px; font-weight:bold; margin-top:10px;}
dl.newsList dd h2 a:hover{font-size:14px; font-weight:bold;}
dl.mediaList{ height:100px; border-bottom:1px solid #D5D5D5;}
dl.mediaList dt{ border:none; width:84px;}
dl.mediaList dt img{ max-width:85px; max-height:85px; _width: expression(this.width > 85 && this.width>=this.height?85 : true); _height: expression(this.height > 85 && this.width<=this.height ? 85 : true);}
dl.mediaList dd{ width:609px;}
dl.mediaList dd h2{background:url(../images/icon1.jpg) left 7px no-repeat; padding-left:15px; margin-top:15px;}

.contactList{ border:none;}
.contactList dt{background:none;}
.contactList1 dt{margin-bottom:10px; }
.google{ margin-bottom:-10px; margin-left:5px;}
.historyright{ padding-top:15px;}

/*** leftprolist css ***/
.pro_menu ul{ width:100%; margin:0 auto;}
.pro_menu ul li{ margin:0px; padding:0px; line-height:0px; font-size:0px; margin-bottom:10px;}
.pro_menu ul li a{ color: #000;display: block; padding-left:20px; font-size:14px; background:#D9D9DA; padding:5px 5px 5px 20px;}
.pro_menu ul li a:hover{ color: #004EA2;display: block; padding-left:20px; font-size:14px; background:#e0e6f1; padding:5px 5px 5px 20px; text-decoration:none;}
.pro_menu ul li.active a{ border:1px solid #CFD0D0; font-size:16px; padding:15px 5px 15px 20px; background:#FFF;}
.pro_menu ul li.active a:hover{ font-size:16px; padding:15px 5px 15px 20px;}
.pro_menu ul ul{ display:none;}
.pro_menu ul ul li{ margin-bottom:0px;}
.pro_menu ul li.active ul li a{ border:1px solid #CFD0D0; border-top:none; padding:7px 5px 7px 20px; background:#FFF; font-size:14px;}
.pro_menu ul li.active ul li.active a,#prothird a,.pro_menu ul li.active ul li a:hover{ background:#F0F3F7; color:#004DA1; font-weight:bold; font-size:14px; padding:7px 5px 7px 20px;}
.pro_menu ul.thirdmenu{ display:block !important;}
.pro_menu ul.thirdmenu a{ padding-left:30px !important; background:none !important; color:#000 !important; font-weight:normal !important;}
.pro_menu ul.thirdmenu a:hover{ color:#004DA1 !important;}
.pro_menu ul.thirdmenu li.active a{background:#F0F3F7 !important; color:#004DA1 !important; font-weight:bold !important;}

/*** products css ***/
div.productlist { margin:10px; overflow:hidden;}
div.productlist .p_list{ width:33%;text-align:center ; margin-bottom:10px; float:left; }
div.productlist .p_list ul{ width:100%; margin:0px; padding:0px;}
div.productlist .p_list li { width:196px; margin:0px auto;}
div.productlist .p_list .picture{ width:194px; height:130px; border:#ccc solid 1px; margin:0px auto;display:table; }
div.productlist .p_list .picture span{ height:100%;writing-mode:tb-rl;display:table-cell; vertical-align:middle; text-align:center; padding:2px; margin:0px; padding:0px; border:none; }
div.productlist .p_list .picture span img{max-width:190px; max-height:126px; _width: expression(this.width > 190 && this.width>=this.height?190 : true); _height: expression(this.height > 126 && this.width<=this.height ? 126 : true); display:block; margin:0 auto;}


/*** openwin css ***/
div.openwin {clear: both;color: #000000;line-height: 35px; margin: 25px auto;}
div.memo {border-top: 1px dashed #8D8D8E;line-height: 28px;text-align:left;}
div.openwin img.img {float: left; margin: 19px 70px 19px 37px;max-width:240px; _width: expression(this.width > 240 && this.width>this.height ? 240 : true); max-height:219px; _height: expression(this.height > 219 && this.height>this.width ? 219 : true);border: 1px solid #cccccc;}
div.openwin ul {float: right;overflow: hidden;}
div.openwin li {color: #000000;line-height: 35px;text-align: left;width: 365px;}
div.openwin li font {color: #95C200;font-size: 17px;font-weight: bold;}


/*** newsdetail css ***/
div.newsdetail{margin:10px 20px; overflow:hidden; clear:both;}
div.newsdetail h2.title{color:#404040; font-size:16px; font-weight:bold; line-height:30px; padding:5px 0; text-align:center; background:none;}
div.newsdetail h3.date{border-bottom:1px #c4c4c4 dashed; color:#434343; font-size:12px; height:20px; line-height:20px; padding:5px 0; text-align:center;}
div.newsdetail div.detail{color:#434343; font-size:12px; line-height:20px; overflow:hidden; padding:5px 0; text-align:left;}

/*** feedback ***/	
.feedback{ margin:10px 0px;}
.feedback h5{background: url(../images/icon1.jpg) left center no-repeat; font-size: 14px; border-bottom:1px solid #CCC; color:#000; padding:5px 0px 5px 15px; margin-bottom:5px;}
.feedback ul{ width:100%;}
div.feedback li{ padding:0px 0 12px 20px; width:280px; float:left;}
div.feedback li b{float:left; width:90px; font-weight:normal; color:#333333; line-height:21px;}
div.feedback li input.input_text{border:1px #aaadb2 solid; height:19px; width:168px; background:#ffffff;}
div.feedback li input.submit,div.feedback li input.reset{background: -moz-linear-gradient(center top , #FEFEFE, #F0F0F0) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#f0f0f0,gradientType=0); border: 1px solid #DDDDDD;float: right;height: 28px;line-height: 28px;margin: 0 15px;text-align: center; width:97px;}
div.feedback li.textarea{ width:100%; height:120px; padding:0px 20px 12px;}
div.feedback li.textarea b{ width:100%; display:block;}
div.feedback li.textarea textarea{border:1px #aaadb2 solid; height:90px; width:557px;background:#ffffff;}
	
/*** page css ***/
div.page{ height:24px; margin:10px 0px; padding-top:20px; padding-left:10px; float:left; float:right;}
div.page div.remark{float:left;}
.page form{margin:0px; padding:0px; border:0px; float:left;}
.page form div{float:left; width:auto;line-height:22px; margin-left:5px;}
div.total{color:#036CB4; border:1px #DDDDDD solid; text-align:center; padding:0px 10px; height:22px;}
div.paging ul{margin:0px; padding:0px; border:0px;}
div.paging ul li{float:left; list-style:none; margin:0 3px; padding:0px; color:#036CB4; border:1px #DDDDDD solid; text-align:center;}
div.paging ul li span{ min-width:25px; color:#036CB4;  line-height:22px; padding:4px 8px 4px 8px;}
div.paging ul li span.disabled{color:#DDDDDD; text-align:center;}
div.paging ul li span.active{background:#036CB4; color:#FFFFFF; font-weight:bold;}
div.page-go{ display:none;}




/*** cart css ***/
div.cart{clear:both; margin:25px auto; width:700px;}
div.cart ul{border-top:1px #1f5b42 dashed; clear:both; margin:25px auto 0; overflow:hidden; padding:30px 70px 0; width:560px;}
div.cart li{clear:both; overflow:hidden; padding:5px 0; text-align:center;}
div.cart li span{float:left; line-height:20px; overflow:hidden; text-align:left;}
div.cart li span.f_1{width:60px;}
div.cart li span.f_2{width:245px;}
div.cart input.text{border:1px #999999 solid; height:18px; line-height:18px; width:150px;}
div.cart textarea{border:1px #999999 solid; height:103px; width:475px;}
div.cart input.submit,div.cart input.reset{background:url(/Index/images/btn.jpg) no-repeat left top; border:0; cursor:pointer; height:24px; line-height:24px; color:#FFFFFF; margin-left:20px; width:97px;}
div.cart td img.img{max-width:180px; _width: expression(this.width > 180 && this.width>this.height ? 180 : true); max-height:130px; _height: expression(this.height > 130 && this.height>this.width ? 130 : true);}

/*** login ***/
.login{ width:369px; height:250px; background:url(../images/log_06.jpg) no-repeat; margin:50px 0 0 100px; font-size:11px; padding-left:52px; color:#666666;}
.logininp{ width:73px; height:23px; background:url(../images/log_10.jpg)  no-repeat; border:0; }
.login input.input_text{ width:198px; height:26px; border:1px solid #cccccc; line-height:26px; background:#FFFFFF;}

/*** job ***/
#jobTable th{ height:30px; color:#000000; text-align:center; background:#dcddde; font-size:13px; font-weight:bold;}
#jobTable th.position{ padding:0px 20px;}
#jobTable td{ height:30px; background:#FFFFFF; text-align:center; color:#000000;}
#jobTable td a{color:#315aad;}
#jobTable td.position{ padding:0px 20px; text-align:center;}

#jobdetailTable{ margin-bottom:15px;}
#jobdetailTable th{ height:30px; background:#F0F2F4; color:#014898; font-size:13px; font-weight:bold;}
#jobdetailTable td{ border-bottom:1px dashed #d9d7d8; padding:5px 0px;}
#jobdetailTable td.jobt,#jobdetailTable th.jobt{ padding:0px 5px; color:#014898; font-size:13px;}
#jobdetailTable td.jobt1{padding:5px;}

/*** resume ***/
div.resume {height: auto;overflow: hidden;}
div.resume li {clear: both;margin: 0 auto;overflow: hidden;padding: 5px 0;text-align: left;width: 600px;}
div.resume li b {float: left;width: 100px;}
div.resume li input.input_text { border: 1px solid #ABADB3;  float: left;  height: 18px; line-height: 18px;  width: 278px;}
div.resume li textarea {border: 1px solid #ABADB3; float: left; height: 75px;width: 360px;}
div.resume li.btn {padding-left: 100px; width: 500px;}
div.resume li.btn input { background:-moz-linear-gradient(center top , #FEFEFE, #F0F0F0) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#f0f0f0,gradientType=0); border: 1px solid #DDDDDD;cursor: pointer;height: 28px;line-height: 28px;margin: 0 20px 0 0;text-align: center;width: 98px;}

.proLevelpowr h3,.proLevelpowr h3 a,.proLevelpowr h3 a:hover{ color:#004EA2; font-size:22px; font-weight:bold;}
.proLevelpowr h3{ padding-bottom:40px !important;}
.power{ clear:both; width:100%; margin-bottom:30px; word-break:break-all;}
.power tr th{ background:#F4F4F4; border-bottom:1px solid #8C8C8C; border-left:1px solid #D9D9D9; color:#393939; text-align:center; padding:5px 10px;}
.power tr td{ border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:5px 10px; text-align:center; color:#383838;word-break:break-all;}
.power tr th.firstth,.power tr td.firsttd{ border-left:none; padding:0px; width:88px;}
.firsttd img{ width:88px; height:72px;}

#model,.model{ width:140px;}
.power tr td.model{ text-align:left;}
#power,.power1{ width:55px;}
#output,.output{ width:49px;}
.power tr th#detail{ text-align:left; background:url(../images/detail.jpg) right no-repeat #F4F4F4;}
.power tr td.detail{ text-align:left;}

h5.newsTitle{ width:90%; padding:0px 10px; margin:0 auto; margin-top:20px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#004EA2; font-weight:bold; border-bottom:1px solid #004EA2; line-height:32px;}

.marketList{ width:100%; height:auto;}
.marketList li{ width:285px; float:left; display:inline; overflow:hidden; margin:10px;}
.marketList li img{ width:238px; height:152px; display:block;}
.marketList li a.title{ color:#376092; font-size: 20px; line-height:32px;}

.marketColumn{ padding:10px 0px;}
.marketColumn h5{ font-size:16px; color:#000000; font-weight:bold; margin:35px 10px 10px 0px; background: url(../images/icon1.jpg) left center no-repeat; padding-left:15px;}

.appList{ width:100%; height:auto;}
.appList li{ width:165px; float:left; display:inline; overflow:hidden; margin-bottom:20px;}
.appList li img{ width:145px; height:100px; display:block;}
.appList li a.title{ color: #000000;font-size: 11px; word-wrap: break-word; padding:5px;}

.marketColumn h6{ font-size:11px; color:#000000; font-weight:bold; margin:10px;  margin-left:0px; background: url(../images/icon1.jpg) left center no-repeat; padding-left:15px;}

.proSubLevel{ margin-bottom:20px;}
.proSubLevel h3{ color:#004EA2; font-size:25px; padding:0px 0px 20px 0px;}


dl.proSubLevel{ width:100%; margin:0 auto; min-height:72px; height:auto !important; height:72px; overflow:visible; border-bottom:1px solid #D5D5D5; padding:20px 0px;}
dl.proSubLevel dt{ width:15%; float:left;}
dl.proSubLevel dt img{ width:88px; height:72px;}
dl.proSubLevel dd{ width:82%; float:right;}
dl.proSubLevel dd h2{ margin-bottom:5px;}
dl.proSubLevel dd h2 a{  color: #004EA2; font-size:14px; font-family:"Century Gothic";}
dl.proSubLevel dd h2 a:hover{color: #004EA2; font-size:14px;}
dl.proSubLevel dd p{ line-height:16px;}

.proSubLevel h3.proLevelT{color: #004EA2; font-size: 22px;}
.proSubLevel h3.proLevelT a,.proSubLevel h3.proLevelT a:hover{ color:#004EA2; font-size:22px; font-weight:bold;}
/*******   map  ********/
.mapList{ width:80%;}
.mapList dt{background:url(../images/icon1.jpg) left center no-repeat; padding:10px 0px 10px 20px;}
.mapList dt a{ font-size:14px; color:#004DA1; font-weight:bold;}
.mapList dd{ padding:0px 10px 0px 20px; display:inline-table;}
.mapList dd a{ font-size:14px;}
.mapList1{ margin:10px 20px; border:1px solid #DBDBDB; padding-bottom:10px;}
.mapList1 dt{ background:none;}



/*******   share  ********/
.share{ width:50px; height:20px; float:right; position:relative;}
.share dl dt{ height:20px; background:url(../images/icon5.gif) right center no-repeat; padding:0 15px 0px 5px;}
.share dl dd{ width:365px; height:auto; border: 1px solid #D6D6D6; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: #909090 0px 0px 6px;-moz-box-shadow: #909090 0px 0px 6px; box-shadow: #909090 0px 0px 6px;position:absolute;z-index:2; padding:5px 10px; right:0px; bottom:10px; display:none; background:#FFF; margin-bottom:10px; text-align:left;}
p.show_t{ border-bottom:1px solid #D6D6D6; color:#3A3B3D; line-height:30px;}
.shareList{ margin:0px; padding:0px;}
.shareList li{ width:25%; float:left; text-align:center; list-style:none; display:inline; text-align:center;}
.shareList li a{ display:block; padding:10px 0px;}
.shareList li a:hover{ background:#F5F6F8;}
#footer .shareList a .share_icon,.shareList a .share_icon{ padding:0px; width:23px; height:23px; display:block; background:url(../images/share.png) 0 -510px no-repeat; margin:0px auto;}
#footer .shareList a:hover .share_icon,shareList a:hover .share_icon{ width:23px; height:23px; display:block; background:url(../images/share.png) -30px -510px no-repeat;}
#footer .shareList a .share_link,.shareList a .share_link{ line-height:28px;} 
.showall{ width:62px; height:30px; background:url(../images/showall.jpg) center no-repeat; display:block; position:absolute; bottom:10px; left:0px; text-align:center;}
.showall a{ line-height:30px;}
.showall a:hover{ text-decoration:none; line-height:30px;}

a.currenttop{background: #F0F3F7 !important;color: #004DA1 !important;}

.proDetailWarp table tr td{ padding:0px 5px; font-size:11px; color:#606060; font-family:"Century Gothic";}

.brandColumn{ width:613px;}
.brandColumn .title{background: url(../images/icon1.jpg) 0px 11px no-repeat; padding: 5px 10px 5px 15px; color: #000; font-size:16px;}

.acmore{ text-align:right; padding-bottom:10px;}
p.title{background: url(../images/icon1.jpg) 0px 8px no-repeat; padding: 0px 0px 0px 15px; text-indent:0px;}

.acvideoList dt{ width:200px;}
.acvideoList dd.title a,.acvideoList dd.title a:hover{ font-size:16px; font-weight:normal;}
.acvideoList dd.title{ width:425px;}
.acvideoList dd.con{ width:425px; padding:0px;}

.acculList dt{ font-weight:normal;}
.acculList dt a,.acculList dt a:hover{font-size: 16px;color: #000;margin-bottom: 5px; }
.acculList dd.pic{ width:166px;}
.acculList dd.con{ width:455px; text-indent:0px;}

.managList{ margin-bottom:15px;}
.managList dt{background: url(../images/icon8.jpg) 0px 8px no-repeat; padding: 0px 0px 0px 15px; text-indent:0px; font-size:13px; font-weight:normal;}
.managList dd{ text-indent:0px;}
.managList1 li{background: url(../images/icon8.jpg) 0px 8px no-repeat; padding: 0px 0px 0px 15px;}

.acproList dt{ font-weight:normal;}
.acproList dd.con{ width:265px; text-indent:0px;}
.acproList dd.pic{ width:350px;}
.acproList dd.pic img{ display:inline; margin-right:13px;}

.activeColumn{ width:670px; font-size:14px;}

/*** login ***/
.login{ width:369px; height:250px; background:url(../images/log_06_cn.jpg) no-repeat; margin:50px auto 0; padding-left:82px; color:#666666;}
.logininp{ width:73px; height:23px; background:url(../images/log_10_cn.jpg)  no-repeat; border:0; }
.login input.input_text{ width:198px; height:26px; border:1px solid #cccccc; line-height:26px; background:#FFFFFF;}

table.download{clear:both; margin-bottom:30px;}
table.download th{background:url(../images/icon1.jpg) no-repeat 15px 15px; font-size:16px; line-height:30px; padding:4px 0 4px 30px;}
table.download td{color:#888; line-height:20px; padding:5px 0 5px 30px;}
table.download td.img{font-size:0; line-height:0; padding:4px 0;}
table.download td.img img{border:1px #919396 solid; padding:15px 50px; height:80px; width:80px;}
table.download td a{color:#005aaa;}