body{margin:0; padding:0; font-size:12px; color:#333; background-color:#fff; }
form,input,ul,li{margin:0; padding:0; vertical-align:middle; list-style-type:none}
a{color:#333; text-decoration:none}
a:hover{color:#0070ce; text-decoration:underline}
.linkBlue a{color:#0057a9; text-decoration:none}
.linkBlue a:hover{color:#0057a9; text-decoration:underline}
.linkWhite a{color:#fff; text-decoration:none}
.linkWhite a:hover{color:#fff; text-decoration:underline}
.linkGray a{color:#929292; text-decoration:none}
.linkGray a:hover{color:#929292; text-decoration:underline}
.textGray{color:#8d8d8d}
.textR{text-align:right!important}
.textL{text-align:left!important}
.textC{text-align:center!important}
.boxBoth{clear:both; font-size:0; line-height:0;}
.boxSpace{height:10px;font-size:0; line-height:0}
.textRed{color:#FF0000}

.fl{float:left}
.fr{float:right}
.boxImg{font-size:0; line-height:0;}

.box{width:974px;overflow:hidden;}
.boxTop{width:974px; height:82px; padding:10px 15px 10px 15px; text-align:left}
.boxTop span{float:right}

.boxNav{width:774px; height:31px; background:url(../images/bgNav.jpg) no-repeat; background-color:#0070ce; padding:0 0 0 200px}
.boxNav ul{}
.boxNav li{float:left; margin-right:37px; padding:8px 0 8px 0}
.navCard{border-bottom:2px solid #0070ce; padding-bottom:6px!important}

.boxSubNav{}
.boxSubNav ul{}
.boxSubNav li{float:left; background:url(../images/mark.gif) no-repeat; background-position:0px 10px; height:22px; line-height:22px; padding:2px 20px 0 10px}

.boxL{width:737px; text-align:left}
.boxR{float:left; padding-left:10px; width:225px}

.focusPic{float:left; width:226px; background:#f8f8f8; height:207px;}
.focusPic1{padding:5px; width:206px; height:169px}

.subNav{position:relative; height:28px;}
.subNav span{position:absolute; right:0; display:block; padding:8px 10px 0 0}
.boxNews{float:left; padding-left:9px; width:502px}
.newsList{ background:#f8f8f8; padding:10px 8px 15px 8px}
.newsList ul{}
.newsList li{ line-height:22px; background:url(../images/bgNewsLi.jpg) no-repeat; text-align:left; padding:0 10px 0 15px}
.newsList li span{float:right; color:#a6a6a3; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.boxAbout{border:8px solid #f8f8f8; padding:10px; line-height:22px}

.boxPro{border:8px solid #eaeaea; padding:14px 0 15px 18px; overflow:hidden; height:120px; width:703px;}
.boxPro ul{}
.boxPro li{float:left; position:relative; width:80px; height:120px; border:1px solid #dcdcdc; margin-right:18px;}
.proTitleBg{ position:absolute; bottom:0; left:0; z-index:0; background:#0b6aba;filter:alpha(opacity=75);opacity: 0.75; width:80px; height:24px}
.proTitle{position: absolute; z-index:1;  left:0;bottom:0; text-align:center; width:80px; height:24px; line-height:24px;}


.boxR1{background:#f8f8f8; padding:8px 10px 8px 10px; text-align:left; line-height:20px}
.boxR1 ul{}
.boxR1 li{ line-height:22px; background:url(../images/bgTecLi.jpg) no-repeat; text-align:left; padding:0 10px 0 20px}
.boxR1 li span{float:right; color:#a6a6a3; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.boxVideo{width:225px; height:160px; background:#f8f8f8}
.boxLink{border:1px solid #d8d6d7; background:#eaeaea; padding:8px}
.boxLink1{background:#fff; overflow:hidden; padding:8px 0 8px 0; height:35px;}
.boxLink1 img{float:left; margin:0 20px 0 11px}

.bottomNav{ background:url(../images/bgNavBottom.gif); height:33px; padding:0 0 0 180px;}
.bottomNav ul{}
.bottomNav li{float:left; background:url(../images/bgNavBottom1.gif) right no-repeat; padding:2px 30px 0 30px; line-height:30px;}
.boxCopyRight{padding:10px;}








.boxMain{width:974px; background:url(../images/bgMain.gif) repeat-y; text-align:left; overflow:hidden}

.boxLeft{float:left;width:225px}
.navLeft{padding:10px; color:#0057a9}
.navLeft ul{}
.navLeft li{border-bottom:1px dashed #dfdfdf; line-height:30px; padding:0 0 0 20px}

.boxRight{float:left; padding-left:10px;width:737px;}
.navCur{ background:url(../images/bgNavCur.jpg) no-repeat; padding:2px 0 0 38px; height:26px; line-height:26px;}

.boxCon{padding:15px 20px 15px 20px;font-size:14px; line-height:26px}
.boxRight1{padding:15px 20px 15px 20px;}
.boxNewsList{background:url(../images/bgNewsLi1.jpg) repeat-y; font-size:12px}
.boxNewsList ul{}
.boxNewsList li{ line-height:28px; padding:0 40px 0 40px;}
.boxNewsList li span{float:right;font-family:Arial, Helvetica, sans-serif; font-size:11px}

.newsTitle{padding:0 60px 0 150px; font-size:12px; font-weight:bold}
.newsTitle span{float:right;}
.newsTitle1{font-size:16px; font-weight:bold; color:#013080; text-align:center; padding:0 0 10px 0}
.newsInfo{ background:#ebf0f6; color:#777; text-align:center; padding:2px 0 0 0; line-height:20px}
.newsCon{padding:15px 0 0  0}

.boxPage{padding:20px 0 10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif}

.boxProList{padding:15px 0 15px 45px; overflow:hidden; text-align:center}
.boxPr0List ul{}
.boxProList li{float:left; padding:0 45px 10px 0px}
.boxProList img{border:1px solid #e5e3e4; margin-bottom:10px;}
.proImg{float:left; width:200px; padding-right:20px}
.proCon{float:left; width:450px; line-height:22px;}
.proTitle1{font-size:14px; font-weight:bold; color:#0070ce; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:5px;}

.tableMsg{}
.tableMsg td{line-height:18px;padding:5px 0 5px 10px; text-align:left; }
.inputMsg{width:180px; height:18px; line-height:18px}
.textareaMsg{width:400px; height:120px}


.jobTitle{font-weight:bold; font-size:13px}
.jobCon{line-height:22px; font-size:13px; padding-bottom:20px}
.msgTitle{color:#0070ce; background:url(../images/mark1.gif) no-repeat; background-position:0 8px;font-weight:bold; font-size:14px; text-indent:15px; padding:0 0 5px 0}