@charset "utf-8";
@import url(reset.css); 
html{overflow-x: auto;}
body{margin:0;padding:0; font:12px/1.5  Verdana,Arial,Helvetica,sans-serif;color:#333;}
#mainbody{background:#444444;}
a{color:#a1a1a1;outline:0 none;}
a:active, a:focus{outline:0 none;}
a:hover, a:active, a:focus{color:#999;}
.nl, a.nl{text-decoration:none;}
p{margin:0 0 1em;padding:0;}
p.t{margin:1em 0 0;float: right; width:300px; display:block}
p.b{margin:0 0 1em;}
p.s{margin:0 0 0.3em;}
p.m{margin:0 0 0.5em;}
p.l{margin:0 0 1.5em;}
h1, h2, h3, h4, h5, h6{color:#989898;line-height:1;}
h1 {font-size:2.5em;margin:0.1em 0 0.75em;}
h2 {font-size:1.8em;margin:0.1em 0 0.75em}
h3 {font-size:1.4em;margin:0.1em 0 0.7em;}
h4 {font-size:1.2em;margin-bottom: 0.5em;}
h5 {font-size:1em;}
h6 {font-size: 1em;}
ul.o{margin-left:5px;padding-left:10px;}
/* clearfix */
.fix{height:100%;overflow:hidden}
.clear{ height:6px; background:#111; clear:both; width:100%}
#left_5{ text-indent:6px}
.wanti{ width:468px; margin:0 auto; clear:both}
/* structure */
#aspnetForm{width:980px; margin-left:-490px; position:absolute; left:50%;overflow:hidden;}
#wrapper{background-color:#111111;padding:30px 0 30px 0; width:100%;}
.w{margin-left:auto;margin-right:auto;width:960px;}
/* header */
#header{margin:0 auto;background:url(Images/top_bg.jpg) repeat-y; height:128px; width:980px}
.header_top{padding-top:10px;}
#header .logo{}
#header .logo a{display:block;}
.user a{text-decoration:none;}
.user a:hover{text-decoration:underline;}
.t{margin: 1em 0 0;width:300px; float: right; display:block}
.t a{ color:#fff}
.en{ color:#fff}
.cn{ color:#fff}
.header_banner .banner_in,.header_menu{margin:0 auto;}
/* nav menu */
.header_menu{width:980px;}
ul#nav_menu{list-style:none;padding:0;overflow:hidden;}
ul#nav_menu li{display:inline;float:left;overflow:hidden;font-size:12px;font:Arial;}
ul#nav_menu li a{color:#333;display:block;text-transform:uppercase;text-decoration:none; padding:17px 6px 0px;}
ul#nav_menu li a:hover{ color:#ff0000;}
ul#nav_menu li.active a{color:#ff0000;}

/* sub menu */
.sub_menu{width:200px;}
ul.nav_y{list-style:none;margin:0;padding:0;text-align:right;}
ul.nav_y li{font-size:14px;display:block;padding:10px 20px 5px 0 }
ul.nav_y li a{text-decoration:none;color:#000;display:block;}
ul.nav_y li a:hover, ul.nav_y li.action{color:#ff0000;}
.menuBg{ background:url(Images/menu_bg.png) top repeat-x; height:538px; width:185px; padding-top:5px}

/* all */
.tab_info .product{height:422px;margin-right:20px;width:160px;}
.tab_info .product ul li{float:left;width:160px;margin-right:20px;list-style:none;}
.tab_info .pro{height:422px;width:540px; padding-left:10px;border-left:1px solid #3a3a3a;}
.tab_info .pro ul li{float:left;width:160px;margin-right:20px;list-style:none;}
.homepagePicBorder{ border:#005dab solid 1px;}
.tab_info .news{height:422px;width:210px;padding-left:10px;border-left:1px solid #3a3a3a;}
/* footer */
#footer{padding:10px 10px;background-color:#0b0b0b}
#footer .f_info{margin:0;}
/*video*/
.picborder{margin:5px;}
/*sencondray page's background*/
.s_background{/*background:url(Images/secondImg/s_bg_1.jpg) no-repeat 50% 0;*/ background-color:#FFFFFF;padding:5px 0 0 0; margin-left:auto;margin-right:auto;}
/*the content of sencondray page's background*/
/*.whitebg{background-color: #ccc;opacity: 0.7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; padding:20px; color:#FFFFFF;}*/
.whitebg{ background:url(Images/background.png) repeat;padding:2px 20px; color:#FFFFFF; height:100%;}
/*the content of sencondray page's text*/
.body{ padding:0;}
.bodyTitle {font-size: 24px; color: #ccc; padding:2px 10px 14px 0px; width:468px}
td.bodyLabel {font-size: 14px; line-height: 20px; font-weight:bold; color: #ff0000;}
td.homeMain {background-color: #ffffff; font-size: 14px; line-height: 24px; color: #000000; padding:10px 15px 40px 15px; text-align:left;}
.homeTeaser {font-size:14px; color: #ff0000; padding:7px 0 15px 5px;}
td.bodyTeaser {text-align:left; font-size: 12px; color: #145D94; padding:5px;text-transform:uppercase;}
td.bodyPressTitle {text-align:left; font-size: 11px; color: #000000; line-height:12px;}
td.bodyPressDate {text-align:left; font-size: 9px; color: #000000; line-height:12px; padding-top:5px; padding-bottom:5px;}
td.bodyPressDesc {text-align:left; font-size: 10px; color: #000000; line-height:12px;}
/* typography ---*/
/* text */
.text_home{ color:#989898;}
h2.s, h3.s, h4.s, h5.s, h6.s{font-size:12px;}
h2.m, h3.m, h4.m, h5.m, h6.m{font-size:14px; font-weight:normal; }
h2.l, h3.l, h4.l, h5.l, h6.l{font-size:18px;}
h2.xl, h3.xl, h4.xl, h5.xl, h6.xl{font-size:25px;}
.ac{text-align:center;}
.ar{text-align:right;}
.hc, .hc a{color:#fff;}
.lc, .lc a{color:#4280CC;}
.gc, .gc a{color:#aaaaaa;}
.b, a.b{font-weight:bold;}
.big{text-transform:uppercase;}
.header_banner{position: relative;height: 318px;overflow: hidden; margin:0 auto; width:980px;}
.contents .w{position:relative;top:-550px;}
.video{position: relative;margin: 0 auto;top:-295px;}
.video .w{text-align:right;}
.hc a:hover, a.hc:hover, .gc a:hover, a.gc:hover, .lc a:hover, a.lc:hover{color:#ff0000;}
/* layout */
.fl{float:left;}
.fr{float:right;}
.bk{display:block;line-height: 0;}

/* the following style is the old css, plese don't delete them*/

/*case study bg*/
.casebg{ background:url(Images/background2.png) top repeat;padding:10px 15px 10px 5px;}
.casebg1{ background:url(Images/case1bg.png) top no-repeat;padding:10px 15px 10px 5px;}
.casebg2{ background:url(Images/case2bg.png) top no-repeat;padding:10px 15px 10px 5px;}
.casebg3{ background:url(Images/case3bg.png) top no-repeat;padding:10px 15px 10px 5px;}
.casebg4{ background:url(Images/case4bg.png) top no-repeat;padding:10px 15px 10px 5px;}
.casebg5{ background:url(Images/case5bg.png) top no-repeat;padding:10px 15px 12px 5px;}
.casetitle{ font-size:13px; padding-top:8px; font-weight:800; color:#fff;}
.caseContent{font-size: 12px; line-height: 18px;color:#fff;}
.casebg1a{ background:url(Images/case1bga.png) top no-repeat;padding:0 30px 0 30px;}
.casebg2a{ background:url(Images/case2bga.png) top no-repeat;padding:0 30px 0 30px;}
.casebg3a{ background:url(Images/case3bga.png) top no-repeat;padding:0 30px 0 30px;}
.casebg4a{ background:url(Images/case4bga.png) top no-repeat;padding:0 30px 0 30px;}
.casebg5a{ background:url(Images/case5bga.png) top no-repeat;padding:0 30px 0 30px;}
.casebg6a{ background:url(Images/case6bga.png) top no-repeat;padding:0 30px 0 30px;}
.casebg7a{ background:url(Images/case7bga.png) top no-repeat;padding:0 30px 0 30px;}


/*head  navigation's link*/
.headernavLink{ padding-right:10px;vertical-align:bottom;}
.headernavLink a:link{ font-weight:bold; color: #fff; text-decoration: none;}
.headernavLink a:visited{ font-weight:bold;color: #fff; text-decoration: none;}
.headernavLink a:hover{ font-weight:bold; background-color: #fff;color: #000; text-decoration: none;}
.headernavLink a:active{ font-weight:bold;color: #fff; text-decoration: none;}
.headernavLink1{ padding-right:10px;vertical-align:bottom;}
.headernavLink1 a:link{ font-weight:bold; color: #000; text-decoration: none;}
.headernavLink1 a:visited{ font-weight:bold;color: #000; text-decoration: none;}
.headernavLink1 a:hover{ font-weight:bold; background-color: #ffd24f;color: #000; text-decoration: none;}
.headernavLink1 a:active{ font-weight:bold;color: #000; text-decoration: none;}


/*left  footer link*/
a.pageLink { font-size: 11px; color: #ff0000; text-decoration: underline;}
a.pageLink:hover { font-size: 11px; color: #145D94; text-decoration: none;}
a.teaserLink { font-size: 11px; color: #ea332f; text-decoration: none;}
a.teaserLink:hover { font-size: 11px; color: #ea332f; text-decoration: underline;}

/*left  navigation menu 3*/
td.menuSubText4 {background:url(Images/btBg.png) repeat;color:#000000; height: 20px;font-family:Tahoma,Helvetica;padding-right:15px;font-size:10px; font-style:italic;}
td.menuSubText3 {background:url(Images/btBg.png) repeat;color:#000000; height: 16px;font-family:Tahoma,Helvetica; font-style:italic;}
td.menuSubTextHover3 {background:url(Images/btBg.png) repeat;color:#000000; height: 16px;font-family:Tahoma,Helvetica; font-style:italic;}
a.menuSubText3 {color: #000000; text-decoration: none;font-family:Tahoma,Helvetica; font-style:italic;}



td.caseStudyTitle {background-color: #fdebc1; font-size: 14px; color: #145D94;}
td.caseStudyText {font: 13px; color: #fff; }
td.caseStudySubTitle {font-size: 14px; color: #fff; font-style:italic;}

td.lightRedBorder {background-color: #FDEAEA;}

/*leadFormLink*/
a.leadFormLink:link{ font-size: 12px; color: #FF0000; text-decoration: underline; font-family:Tahoma,Helvetica; font-weight:500;}
a.leadFormLink:visited{ font-size: 12px; color: #FF0000; text-decoration: underline;font-family:Tahoma,Helvetica; font-weight:500;}
a.leadFormLink:hover{ font-size: 12px; color: #FF0000; text-decoration: underline;font-family:Tahoma,Helvetica; font-weight:500;}
a.leadFormLink:active{ font-size: 12px; color: #FF0000; text-decoration: underline;font-family:Tahoma,Helvetica; font-weight:500;}