/* -------Main-------- */
*{ margin:0;  padding:0; 
}
html, body { height: 100%;
}
li, ul { list-style-type:none;
}
body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; background: url(../images/bg.png) repeat-y center; text-align: center;
}
a { color: #686868; text-decoration: none;
}
a:hover { color: #1c74bc;  text-decoration: underline;
}
/* Clear Fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;
}
.clearfix { display: inline-block;
}
/* Hide from IE Mac */
.clearfix { display: block;
}
/* End hide from IE Mac */
/* -------Top--------  */
.header{ height: 186px; position: relative; width:1003px; margin: auto; background: url(../images/top_bg.png) top repeat-x;
}
.logo { height: 54px; width: 300px; background-image: url(../images/logo.png); position: absolute; top: 54px; left: 40px;
}
.nav { position: absolute; left: 374px; #left: 368px; top: 127px; text-align: center;
}
.nav li { float: left; width: 96px; height: 25px; margin: auto;
}
.nav A { text-decoration: none; display: block; background-image: url(../images/menu.png); width: 86px; height: 17px; padding-top: 8px; color: #e3e3e3; font-weight: bold; font-size: 14px;
}
.nav A:hover { text-decoration: none; display: block; background-image: url(../images/menu.png); background-position: -86px 0px; color: #e3e3e3;
}
.nav .active A, .nav .active A:hover { text-decoration: none; display: block; background: url(../images/menu.png); background-position: -172px 0px; color: #393939;
}
.submenu { position: absolute; top: 162px; font-size: 12px; color:#7c7c7c; display: none;
}
.submenu A { font-size: 12px; color:#7c7c7c; margin-left: 6px;
}
.submenu A:hover { color:#2288c3;
}
.search { width: 212px; height: 22px; position: absolute; top: 31px; left: 724px;
}
.search-text { width: 150px; height: 17px; padding-top: 5px; color: #bfd4da; font-size: 12px; border: 0 none; background: none; position: absolute; top: 1px; left: 12px;
} 
.search-button { width: 42px; height: 22px; background: none; border: 0 none; display: block; cursor: pointer;  position: absolute; top: 0px; left: 170px;
}
/*----Banner-------*/
.banner { position: relative; width: 1003px; height: 180px; margin: auto; display: none;
}
/*----Main-------*/
.main { position: relative; overflow: hidden; width: 983px; margin: auto; padding: 16px 10px 10px 10px; color: #666666; text-align: left; background: #f3f3f2;
}
/*----Index-------*/
.index-title { position: relative; width: 1003px; height: 42px; margin: auto; background: url(../images/index_title.png);
}
.index-title A { width: 33px; height: 15px; background: url(../images/more.png); cursor: pointer; display: block;
}
.index-news-more { position: absolute; top: 16px; left: 260px;
}
.index-service-more { position: absolute; top: 16px; left: 566px;
}
.index-about-more { position: absolute; top: 16px; left: 936px;
}
.index-line { background-image: url(../images/index_line.png); height: 180px; width: 28px; float: left;
}
.index-news { height: 180px; width: 290px; line-height: 180%; float: left; text-align: left; margin-left: 12px;
}
.index-news bdo { margin-left: 16px; color: #a6a6a6;
}
.index-service { height: 180px; width: 240px; line-height: 180%; float: left; text-align: left; margin-left: 14px;
}
.index-service li { list-style-type: disc; color: #8e8e8e; 
}
.index-about { height: 180px; width: 332px; float: left; text-align: left; font-size: 12px; line-height: 150%;
}
.index-about p { text-indent: 24px;
}
.index-menu  { height: 68px; width: 346px;
}
.index-menu li { width: 68px; height: 68px; float: left; margin: 20px 8px 0 8px; text-align: center; 
}
.index-menu a { width: 68px; height: 68px; display: block; background:url(../images/index_menu.png); cursor: pointer;
}
/*----Sale-------*/
.sale { position: absolute; z-index: 999;
}
/*----Footer-------*/
.footer { position: relative; overflow: hidden; width: 1003px; height: 120px; background: url(../images/footer.png); margin: auto;
}
.footer-menu { position: absolute; left: 20px; top: 18px;
}
.footer-menu li { float: left; width: 68px; border-left: #636363 1px solid;
}
.footer-menu li A { color: #424242; font-size: 12px; margin: auto;
}
.footer-menu li A:hover { color: #1c74bc;
}
.contact { position: absolute; left: 20px; #left: 4px; top: 48px; text-align: left; font-size: 12px; color: #636363; line-height: 150%;
}
.company { position: absolute; right: 20px; top: 20px; text-align: right; color: #444444; font-size: 14px; font-weight: bold;
}
.copyright { position: absolute; right: 20px; top: 48px; text-align: right; color: #636363; font-size: 12px; line-height: 150%;
}
/*---------*/
.page-txt { font-size: 12px; color: #555; text-align: left;
}
.page-menu { position: absolute; left: 60px; top: 156px;
}
.page-menu ul { float: left; width: 100px; 
}
.page-menu li { width: 68px; margin: auto; list-style: url(../images/ico.png) outside;
}
.page-left { width: 140px; float: left; text-align: center; margin-top: 20px;
}
.page-right { width: 800px; float: left; margin-left: 30px; line-height: 160%; font-size: 14px; text-indent: 28px;
}
.page-right-img { margin: 12px; text-indent: 0px; text-align: center;
}
.page-right-img img { max-width: 760px; _width: expression(this.width > 760 ? '760px': true); height: auto; border: 0 none; border: #e8e8e8 1px solid; padding: 6px; 
}
.page-right h3 { margin-bottom: 8px; width: 800px; border-bottom: #e6e6e6 1px solid; color: #2e71a1;
}
.page-right h3 A { color: #2e71a1;
}
.page-right h3 span { font-size: 12px; color: #666666; font-weight: normal; margin-left: 12px;
}
.page-bottom { margin-top: 10px; width: 800px; border-top: #e6e6e6 1px solid; padding-top: 8px; float: right; margin-right: 14px; _margin-right: 5px;
}
.page-bottom-return { float: left;
}
.page-bottom-nav { float: right; margin-right: 16px; font-size: 12px; color: #2e71a1;
}
.page-bottom img, .page-more img { margin: 0 6px 0 20px;
}
.page-bottom A, .page-more A { font-size: 12px; color: #2e71a1;
}
.page-bottom A:hover, .page-more A:hover { color: #FF3300;
}
.page-more { text-align: right; margin-right: 20px; font-size: 12px; color: #2e71a1; margin-top: 12px;
}
.page-banner { width: 1003px; height: 180px; margin: auto; margin-top: -10px; position: relative;
}
.page-ico { margin-left: 16px; #margin-left: 0px;
}
.page-ico, .news-ico img { width: 128px; height: 128px; border: 0 none;
}
/*----Ò³Âë------*/
.page-prev, .page-cur, .page-start, .page-break, .page-skip, .page-no { float:left; height: 16px; margin:0 3px 0 0; text-align: center; white-space: nowrap; vertical-align: middle; line-height: 16px; 
}
.page-start A,.page-prev A { width: 16px; height: 16px; border: solid 1px #ccc; background: url(../images/page_start_off.png); display: block;
}
.page-start A:hover, .page-prev A:hover { width: 16px; height: 16px; border: solid 1px #ccc; background: url(../images/page_start_on.png); display: block;
}
.page-no { border:1px solid #dadada; padding: 0 5px; font-weight: 500; color: #2e71a1; background-color: #fafafa;
}
.page-cur { border:1px solid #2e71a1; padding: 0 5px; font-weight: 700; color: #2e71a1; background-color: #fafafa;
}
.page-prev A { background: url(../images/page_prev_on.png); margin-right: 20px;
}
.page-prev A:hover { background: url(../images/page_prev_off.png); margin-right: 20px;
}
.page-skip-input{ width: 24px; height: 14px; margin: 0 6px; border: solid 1px #999; color: #000; text-align: center; vertical-align: middle;
}
.page-skip-button { width: 40px; height: 18px; margin:0 0 0 5px; border: 0 none; background: url(../images/page_skip_button.png); cursor: pointer; vertical-align: middle;
}
/*----About------*/
.about-banner { width: 1003px; height: 180px; background: url(../images/about_banner.png);
}
.about-txt {  position: absolute; left: 340px; top: 64px;
}
.about-ico { background: url(../images/about_ico.png);
}
.member-box { border: #e2e2e2 1px solid; background-color: #FFFFFF; width: 780px; height: 148px; padding: 5px; margin-top: 10px;
}
.member-photo { background-color: #f3f3f2; width: 780px; height: 148px; position: relative;
}
.member-left { position: absolute; top: 0px; left: 0px; left: -28px\9; width: 220px; height: 148px;
}
.member-right { position: absolute; top: 10px; left: 250px; width: 220px; width: 500px; color: #2e71a1; font-size: 12px;
}
.member-title { font-weight: bold; font-size: 14px;
}
/*----Link------*/
.link-ico { background: url(../images/link_ico.png);
}
.link-img, .link-txt { width: 800px; text-indent: 0px; margin: 0 0 16px 0;
}
.link-img li, .link-txt li { width: 98px; height: 41px; float: left; background-color:  #ebebeb; margin: 10px 0 0 12px;
}
.link-img img { width: 88px; height: 31px; border: none; margin: 5px 0 0 5px;
}
.link-txt li { text-align: center; padding-top: 5px; height: 26px;
}
/*----News------*/
.news-banner { width: 1003px; height: 180px; background: url(../images/news_banner.png);
}
.news-txt { position: absolute; left: 80px; top: 64px;
}
.news-ico {
}
.news-box { width: 980px; margin-top: 8px;  #margin-top: 24px;
}
/*----Portfolio------*/
.portfolio-banner { width: 1003px; height: 180px; background: url(../images/portfolio_banner.png);
}
.portfolio-txt2 { position: absolute; left: 320px; top: 64px;
}
.portfolio-ico { background: url(../images/portfolio_ico.png);
}
.with120 ul { width: 120px;
}
.with120 li { width: 100px;
}
.portfolio-box { width: 983px; height: 220px; background-color: #FFFFFF; border: #e8e8e8 1px solid; margin: 0px auto 10px auto; position: relative; overflow: hidden;
}
.portfolio-img { position: absolute; top: 9px; left: 9px;
}
.portfolio-img img { border: #e8e8e8 1px solid; width: 640px; height: 200px;
}
.portfolio-container { width: 310px; height: 200px; background: url(../images/portfolio_bg.png); border: #e8e8e8 1px solid; position: absolute; top: 9px; left: 661px;
}
.portfolio-title { position: absolute; top: 12px; left: 20px;
}
.portfolio-title A { font-size: 14px; color: #336699; font-weight: bold;
}
.portfolio-title A:hover { color: #3080a4;
}
.portfolio-txt { width: 280px; height: 140px; overflow: hidden; position: absolute; top: 44px; left: 18px; text-align: left; line-height: 150%; text-align: left;
}
.portfolio-txt span { color: #336699; 
}
.portfolio-txt A { color: #35596a; text-decoration: underline;
}
.portfolio-txt A:hover { color: #3080a4;
}
.portfolio-txt-a A { color: #666666; text-decoration: none; 
}
.portfolio-txt-a A:hover { color: #666666; text-decoration: underline
}
.portfolio-page { margin-left: 320px; width: 600px;
}
/*----Service------*/
.service-banner { width: 1003px; height: 180px; background: url(../images/service_banner.png);
}
.service-txt { position: absolute; left: 40px; top: 64px;
}
.service-ico { background: url(../images/service_ico.png);
}
.member-title bdo { margin-left: 12px; font-size: 12px; font-weight: normal; color: #999999;
}
.feedback { margin: 20px auto 12px auto;
}
.feedback table { font-size: 14px; color: #2e71a1; border-collapse: collapse; width: 800px; 
}
.feedback td { padding: 0; height: 32px; vertical-align: top;
}
.feedback-left { width: 120px; text-align: right;
}
.feedback-left bdo { color: #FF0000; margin: 0 18px 0 6px;
}
.feedback-right { width: 680px; text-align: left;
}
.inputcss { width: 300px; height: 18px; font-size: 12px; border: #2e71a1 1px solid; background: #f2f2f2; padding-top: 4px; #padding-top: 2px; padding-left: 8px; color: #666666;
}
.selectcss { width: 312px; height: 20px; font-size: 12px; 
}
.textareacss { width: 460px; height: 120px; font-size: 12px; border: #2e71a1 1px solid; background: #f2f2f2; #padding-top: 2px; padding-left: 8px; color: #666666; overflow: hidden; margin-bottom: 8px;
}
.buttoncss { width: 70px; height: 24px; background-color: #0099CC; border: 0 none; padding-top: 0px; #padding-top: 4px; color: #FFFFFF; text-align: center; cursor: pointer; margin-right: 20px; margin-top: 6px;
}
.feedback-bg { background: url(../images/feedback_bg.png); width: 220px; height: 300px; position: absolute; top: 120px; left: 776px; z-index: 0;
}
.feedback-bg, .apply-bg { background: url(../images/feedback_bg.png); width: 220px; height: 300px; position: absolute; top: 120px; left: 776px; z-index: 0;
}
.apply-bg { top: 450px;
}
/*----Contact------*/
.contact-banner { width: 1003px; height: 180px; background: url(../images/contact_banner.png);
}
.contact-txt {  position: absolute; left: 40px; top: 64px;
}
.contact-ico { background: url(../images/contact_ico.png);
}
.contact-img img { border: #e5e5e5 1px solid; padding: 5px; background-color: #FFFFFF; margin: 12px;
}
.contact-map { position: absolute; top: 80px; left: 740px;
}
.contact-map img { padding: 4px; background-color: #FFFFFF; border: #e6e6e6 1px solid; width: 160px; height: 100px;
}
/*----Color------*/
.color-blue { color: #2e71a1;
}