@charset "utf-8";
html,body{margin:0;padding:0;bottom:0;top:0;height:100%;}
*{margin:0;padding:0;}
table,td{border-collapse:collapse;vertical-align:top;}
td{margin:0;padding:0;}
img{border:0;}
body{font-family:Arial, sans-serif;font-size:12px;color:#808080;}
input,textarea{font-family:Arial, sans-serif;font-size:17px;}
a:visited{color:#999;}
a{text-decoration:underline;color:#676767;}
a:hover{text-decoration:none;}
a, img { outline: 0; }
.clr{display:block;clear:both;}
body{min-width:1000px;background-color:#fff;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mb20 {margin-bottom:20px;}
ul{margin:0;padding:0;list-style:none;}
* html ul li{height:1%;}
ins{display:none;}
.fll{float:left;}
.flr{float:right;}
.clr{display:block;clear:both;}
.holy,.clrfix{height:1%;}
.clrfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.brd{border-top:1px solid #e6e6e6;border-bottom:1px solid #fff;}
.main{background:#fff url(/public/img/front/bg.png) center top repeat-x;height:263px;}
.megatab {	width: 954px;	position:relative;	margin: 0 auto;	top:-238px;	margin-bottom:-228px;	}
.megatab div {	width: 954px;	position:absolute;	height:356px;	background:url(/public/img/front/megatab.png) top center no-repeat;}
.main2{margin:0 auto;width:954px;position:relative; }
.goaway {display:none;}
.mbody {position:relative;}
.wcanvas{height:270px;width:898px;margin:0 auto;margin-top:43px; }
.wcanvas h2{left:36px;position:relative;}
.plr20{padding-left:20px;padding-right:20px;}
.mheader{padding-top:25px;height:63px;margin:0 auto;width:900px;}
.greybg{background:#F7F7F7;padding-top:32px;padding-bottom:32px;}
.mnav {padding-left:36px;}
.mnav li{float:left;padding-left:28px;height:39px;}
#logo {width: 232px;padding-left:0; margin-right:29px;}
#logo {margin-top:-12px;}
#logo a * {display: none;}
#logo a,#logo a .hover {height: 60px;position: relative;display: block;background: url(/public/img/front/logo.png) 0 0 no-repeat;}
#logo a {background-position: 0 0;width: 232px;}
#logo .highlight a:hover,#logo a .hover {background-position: 0 -60px;width: 232px;}
#logo a .hover {cursor: pointer;}
.mnav li a{text-decoration:none;}
.mnav li a:visited strong {color:#333;}
.mnav li a small{display:block;font-size:11px;color:#999;}
.mnav li strong{font-size:18px;font-weight:normal;color:#333;}
.mnav li a:hover strong{color:#ED1C24;}
.mnav li.mactive strong, .mnav li.mactive a:visited strong, .mnav li.mactive div strong {color:#00AA4E;}
.mnav li.mactive a:hover strong{cursor:default;}
.carousel{width:868px;margin-left:18px;}
.carousel{position:absolute;visibility:hidden;left:-5000px;}
.carousel li{width:266px;padding:0 11px;text-align:center;}
.carousel li strong,.pre_list li strong{display:block;margin-top:5px;font-weight:normal;}
.site_pre{width:264px;height:234px;display:block;background:url(/public/img/front/safari.png) top center no-repeat;}
.site_pre img{margin-top:24px;}
.pic_pre{width:264px;height:234px;background:url(/public/img/front/picbg.png) top center no-repeat;display:block;vertical-align:middle;}
li > .pic_pre {	display: table-cell;}
.pic_pre img {margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px") }
.portf div {margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px") }
.portf {text-decoration:none;}
a.portf:hover {cursor:pointer;}
.portf span {font-size:21px; color:#ED1C24; background:url(/public/img/front/a.png) top center no-repeat; padding-top:95px; text-decoration:none; height:150px; display:block; margin-top:30px;}
.portf span{font-size:21px;color:#ED1C24;background:url(/public/img/front/a.png) top center no-repeat;padding-top:95px;text-decoration:none;height:150px;display:block;margin-top:30px;}
.prev,.next{display:block;background-image:url(/public/img/front/controls2.png);height:53px;width:32px;margin-top:90px;}
.prev{background-position:0 0;}
.next{background-position:32px 0;}
.prev{position:absolute;margin-left:-15px;}
.next{position:absolute;margin-left:881px;}
#itemnav {margin:0 auto;width:898px}
#itemnav a {top:249px;position:fixed;z-index:250;margin-top:0;} 
* html #itemnav a {position: absolute; top: expression(eval(document.documentElement.scrollTop) + 249 + 'px');z-index:1000;}
* html {background: fixed url('about:blank');}
h2,h1{font-size:21px;line-height:26px;color:#333;font-weight:normal;}
h1{color:#00AA4E;}
h2.g8{color:#808080;}
h3{font-size:16px;line-height:21px;color:#00AA4E;}
.wcanvas h2{color:#808080;}
.ml36{margin-left:36px;}
.h2right{margin-right:36px;margin-left:36px;}
.mbody,.mfooter{width:900px;margin-left:auto;margin-right:auto;}
.mbody p{padding-top:5px;padding-bottom:5px;line-height:19px;}
.subnav li{line-height:15px;padding-top:5px;padding-bottom:2px;}
.arr li{background-image:url(/public/img/front/arr.png);background-repeat:no-repeat;padding-left:20px;}
.col{float:left;margin-left:36px;display:inline;}
.col1of3{width:252px;}
.col2of3{width:540px;}
* html .col2of3{overflow:hidden;}
.col1of2{width:396px;}
.col input{border:1px solid #ccc;padding:3px 0;font-size:18px;color:#333;}
input.b_send{padding-top:0;color:#ED1C24;border:none;width:263px;height:42px;font-weight:bold;background:url(/public/img/front/button.png) top center no-repeat;position:relative;left:-5px;}
.col1of3 input{width:252px;}
.col2of3 input{width:540px;}
.col3of3 input{width:826px;}
.col3of3 textarea{font-size:18px;color:#333;border:1px solid #ccc;width:826px;height:150px;padding:3px 0;}
.col input, .col textarea {border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
input[type=text]:hover, textarea:hover {background-color:#F5FFF7;}  
.mt25{margin-top:25px;}
.mt45{margin-top:45px;}
.ok,.plus{top:7px;position:relative;}
.ok li,.plus li{margin-top:15px;}
.ok h3,.plus h3{height:32px;padding-left:36px;line-height:32px;}
.ok h3,.plus h3{background-image:url(/public/img/front/sign.png);background-repeat:no-repeat;}
.plus h3{background-position:0 0;}
.ok h3{background-position:0 -50px;}
.clients li{background-image:url(/public/img/front/clients.png);background-repeat:no-repeat;float:left;display:inline;margin-top:20px;width:206px;}
.ap{background-position:0 0;height:50px;}
.mklr{background-position:0 -50px;height:50px;}
.air{background-position:0 -100px;height:50px;}
.imc{background-position:0 -150px;height:50px;}
.hs{background-position:0 -200px;height:75px;}
.os{background-position:0 -275px;height:75px;}
.bcl{background-position:0 -350px;height:75px;}
.tj{background-position:0 -425px;height:75px;}
.footer{background-image:url(/public/img/front/footer.png);background-repeat:repeat-x;background-position:top center;padding-top:25px;padding-bottom:25px;zoom:1;}
.mt5{margin-top:5px;}
.phone{background-image:url(/public/img/front/phone.png);background-repeat:no-repeat;width:257px;height:36px;position:relative;left:-3px;display:block;}
.f11{font-size:11px;line-height:15px;}
.f11 strong{font-weight:normal;}
.green{color:#00AA4E;}
.red{color:#ED1C24;}
.pre_list{margin-left:6px;}
.pre_list li{float:left;margin-left:24px;display:inline;margin-top:20px;text-align:center;}
.safari500{position:relative;left:-7px;}
.safari1,.safari0,.safari2{background-image:url(/public/img/front/safari500_8.png);width:556px;}
.safari1{height:35px;background-position:-556px 0;}
.safari2{height:15px;background-position:-1112px 0;}
.safari0{background-repeat:repeat-y;}
.safari0 a{margin-left:9px;display:block;}
.safari0 a img{display:block;}
.pic500{position:relative;left:-7px;}
.pic1,.pic0,.pic2{background-image:url(/public/img/front/pic500_8.png);width:556px;}
.pic1{height:7px;background-position:-556px 0;overflow:hidden;}
.pic2{height:7px;background-position:-1112px 0;}
.pic0{background-repeat:repeat-y;padding-top:20px;padding-bottom:20px;}
.pic0 a{display:block;width:500px;margin-left:auto;margin-right:auto;}
.pic0 a img{display:block;margin-left:auto;margin-right:auto;}
.map ul{margin-left:20px;}
.map ul{padding-top:10px;}
.map li{padding-bottom:5px;padding-top:5px;}
.map li{font-size:16px;}
.map li li{font-size:14px;}
.map li li li{font-size:12px;}
.ierror{background-color:#ffeeee;}
.ferror{border:1px solid #ED1C24;background-color:#ffeeee;padding:20px;font-size:18px;margin-left:36px;margin-right:36px;text-align:center;color:#ED1C24;}
.fok{border:1px solid #00AA4E;background-color:#ebf8ee;padding:20px;font-size:18px;margin-left:36px;margin-right:36px;text-align:center;color:#00AA4E;}
.snactive a{text-decoration:none;color:#00AA4E;}
.snactive a:visited{color:#00AA4E;}
.snactive a:hover{cursor:text;}
.nav_active a{text-decoration:none;color:#00AA4E;}
.nav_active a:visited{color:#00AA4E;}
.nav_active a:hover{cursor:text;}
.toc{text-align:center;}
.tor{text-align:right;}
.foonav{padding:40px 0 0;}
.foonav li{display:inline-block;float:left;width:252px;padding-left:36px;font-size:18px;}
.foonav li a{line-height:23px;}
a.local, a.local:visited {text-decoration:none;border-bottom:1px dashed #999; color:#999; font-size:12px;}
a.local:hover {border-bottom:none;}
.itemcar .disabled{visibility:hidden;margin-left:-5000px;}
.nscarousel{display:block;text-align:center;font-size:42px;position:relative;top:65px;font-weight:normal;}
.faqtitle{font-size:21px;line-height:27px;color:#333;font-weight:normal;border-bottom:1px dashed #676767; text-decoration:none;}
a.faqtitle:visited {border-bottom:1px dashed #999;}
#faq {margin-top:-45px; height:760px;}
#faq li{padding-top:45px;}
#faq li a {color:#676767;}
#faq li.active a.faqtitle:visited {color:#00AA4E;border-bottom:none;}
#faq div{padding-top:25px}
.mnav {background-image:url(/public/img/front/dropmenu.png) -5000px -5000px no-repeat;}
.mnav li div ol {width:164px; height:60px;display:none; background-image:url(/public/img/front/dropmenu.png); position:absolute; margin-top:-15px; margin-left:-20px; padding-top:40px;}
.mnav li div ol li {display:block; font-style:12px; line-height:15px; margin:0; padding:3px 21px; height:auto;}
.mnav li div ol li a {text-decoration:underline;}
.mnav li div ol li a:hover {text-decoration:none; cursor:pointer; cursor:hand;}
.mnav li div small {display:block; font-size:11px; color:#999;}
.mnav li div strong { position:relative; z-index:200; }
.mnav li ol li a:hover {color:#ED1C24;}
.mnav li div:hover strong, .mnav li div.hover strong {color:#ED1C24; cursor:default;}
.mnav li div:hover ol, .mnav li div.hover ol {display:block;}
#pageflip {	position: relative;	z-index:250;}
#pageflip img {
	width: 50px; height: 52px;z-index: 255;	position: absolute;	
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {	width: 50px; height: 50px;	position: absolute;	z-index: 250;	left: 0; top: 0;	background: url(/public/img/front/html-css-coding.png) no-repeat left top;	text-indent: -9999px;
}
* html #pageflip img { behavior: url(/public/js/iepngfix.php) }
/* body {width: expression(documentElement.clientWidth - (documentElement.clientWidth % 2 == 0 ? 0 : 1) + "px");}  
* html .wcanvas {position:relative;left: -1px;}*/
* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}