/* green */



html { margin:0; padding:0;}



body { margin:0; padding:0; text-align:center; font-size:12px; background:#f5f5f5; font-family:Arial, "宋体";}



a { color:#031400; text-decoration:none;}



h2 { font-size:16px; color:#031400; text-align:left; text-indent:10px;}



h2 a { text-decoration:none;}



ul, li, dt ,dd, dl,p{ margin:0; padding:0;}



li { text-align:left;list-style:none;}



img { border:none;}



cite { font-style:normal;}



hr { height:1px; background:#ffffff; border-top:1px dotted #e7e7e7;}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}



.clearfix{display:inline-block;}



.clearfix {display:block;}/* Hide from IE Mac */







#wrap { margin:0; padding:0; text-align:center; background:url(../images/topimg.jpg) top center no-repeat #f5f5f5; overflow:hidden;}



.top { width:800px; height:203px; margin:0 auto; padding:0; position:relative; text-align:left; }



.top .title { width:450px; height:105px;position:absolute; top:37px; left:43px; text-indent:-9999px; font-size:12px; line-height:12px; background:url(../images/wing-logo.gif) top left no-repeat;overflow:hidden; padding-left:110px; }



.top .title h1 { padding:0; text-indent:-9999px; margin:15px 0 10px 0;}



.top .title h1 a {display:block;width:304px; height:40px;margin:0;background:url(../images/wing-title.gif) top left no-repeat;}



.top .navmenu { font-size:14px; color:1d130a; height:58px; line-height:47px; overflow:hidden; position:absolute; top:149px; left:50px; width:650px;}



.top .navmenu li {float:left;padding:0 5px 0 0px; font-family:Verdana; background:url(../images/topmenu-spacer.gif) right top no-repeat;}



.top .navmenu li a {display:block; padding:0 15px;height:58px;line-height:47px;text-align:center;font-size:14px; color:#1d130a;overflow:hidden;}



*html .top .navmenu li a { display:inline-block;}



.top .navmenu li a:hover {text-decoration:none;background:url(../images/topmenu-hover.gif) center top no-repeat;color:#1d130a;}



.top .navmenu li a#active_menu-nav {background:url(../images/topmenu-select.gif) center top no-repeat;color:#1d130a;font-weight:bold;}



.toptop { width:500px; background:#eee; overflow:hidden; padding:3px; height:23px;}

.toptop .searchbox { border:1px solid #999; background:#fff; height:20px; line-height:20px; width:140px; float:left;}

#wrap .toptop .searchbox input.searchinput { border:none; width:112px; background:none; vertical-align:middle;}



.toptop span {display:block; overflow:hidden;}



.toptop a { display:block; height:20px; float:left;margin:0;margin-left:10px; color:#031400; line-height:20px; text-indent:15px;}



.toptop a.favo {background:url(../images/favo.gif) left center no-repeat;}



.toptop a.rss {background:url(../images/rss.png) left center no-repeat;}



.toptop form {padding:0;margin:0;height:20px; float:left;}



.search {width:140px;padding:0;height:24px;overflow:hidden;float:left}



.search #mod_search_searchword {margin:0;width:130px;}







.wrap2 {margin:0 auto; margin-top:1px; padding:0;background:url(../images/main-back.gif) repeat-x top #f5f5f5;overflow:hidden;width:100%;}



#pathway {margin:0 auto;width:100%; text-align:left;margin-top:0px; color:#666;}



#pathway a {color:#031400;}



.main { width:800px; margin:5px auto 0 auto; padding-top:10px;padding-bottom:10px;background:url(../images/mainbottom.gif) bottom center no-repeat;position:relative; z-index:0;overflow:hidden;}



.maintopout {margin:10px auto;margin-bottom:20px;width:100%;height:234px;border-bottom:1px solid #031400;}



.maintop {width:800px;margin:10px auto 0 auto; height:156px;background:url(../images/ad-back.gif) center top no-repeat; overflow:hidden;}



.maintop ul.ad { width:807px; margin:2px auto 0 0; padding:0; display:block; height:152px; overflow:hidden;}



.maintop ul.ad li { width:226px; float:left; border-left:1px solid #5f85ff; border-right:2px solid #67cbff; font-size:12px; line-height:20px; font-family:Verdana; color:#fff; padding:10px 20px; margin-left:-1px;height:132px;}



.maintop ul.ad li img { padding:0 5px 5px 5px; border-bottom:1px solid #fff; border-right:1px solid #fff; float:left; margin:5px 10px 5px 0; float:left;}



.maintop ul.ad li h2 { font-size:16px;  line-height:26px; padding:0; margin:10px 0 10px 0; color:#fff; float:left; width:150px; text-indent:0; font-weight:bold;}



.maintop ul.ad li h2 a { color:#fff;}



.maintop ul.ad li p { padding:0; margin:0;}











.indexnav { width:230px;padding:0;margin:0; position:absolute; top:32px; left:610px;}



.modulelatest { width:493px;padding:0;margin:10px 0 0 0;}



.modulelatest h3 {line-height:32px;font-size:14px;background:url(../images/rightconner.gif) right top no-repeat #ccc;text-indent:10px;color:#031400;margin:0;padding:0;}



.modulelatest ul { padding:0; margin:0; overflow:hidden;}



.modulelatest ul li {display:block; width:238px; float:left; margin-left:6px; margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/cbh2back.gif) repeat-y left;line-height:34px;border:1px solid #dedede;}



.modulelatest ul li a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/lidot.gif) 10px center no-repeat;text-indent:10px;line-height:34px;padding-left:10px;}



#wrap .indexnav .moduletableindexnav {width:230px;overflow:hidden;float:right;margin:0;background:url(../images/kh.gif) 180px center no-repeat;}



#wrap .indexnav .moduletableindexnav ul {margin:0;overflow:hidden;padding:0;border:none; width:230px;}



#wrap .indexnav .moduletableindexnav ul li {display:block;float:left;width:76px;height:76px;text-align:center;overflow:hidden; font-size:12px;margin:6px;border:none;text-indent:0;padding:0;}



#wrap .indexnav .moduletableindexnav ul li a {display:block;line-height:14px;padding:0;color:#fff;padding-top:55px;white-space:nowrap;overflow:hidden;text-indent:0;margin:0;} 



#wrap .indexnav .moduletableindexnav ul li a:hover {}



#wrap .indexnav .moduletableindexnav ul li.item64 {background:url(../images/button-websites.gif) left top no-repeat;}



#wrap .indexnav .moduletableindexnav ul li.item63 {background:url(../images/button-graphics.gif) left top no-repeat;}



#wrap .indexnav .moduletableindexnav ul li.item63 a,#wrap .maintopright .moduletableindexnav ul li.item65 a {color:#000;}



#wrap .indexnav .moduletableindexnav ul li.item65 {background:url(../images/button-flash.gif) left top no-repeat;}



#wrap .indexnav .moduletableindexnav ul li.item66 {background:url(../images/button-print.gif) left top no-repeat;}







.contact { display:block; position:absolute; left:820px; top:100px; width:157px; overflow:hidden;}



.contact a { cursor:pointer;}



.contact span.contact-head { display:block; width:157px; margin:0; padding:0; height:24px; line-height:24px; background:url(../images/contact-head.gif) left top no-repeat; text-indent:5px;}



.contact span.contact-head a:hover { text-decoration:none;}



.contact span.contact-bottom { display:block; width:157px; margin:0; padding:0; height:6px; line-height:6px; background:url(../images/contact-bottom.gif) left top no-repeat;}



.contact table { border-left:1px solid #C8c8c8; border-right:1px solid #c8c8c8; background:#fff;}



.contact table td { padding:3px 8px; font-size:11px;}







.content {width:800px;padding-top:15px; position:relative; background:#fff; z-index:-1;}



.content .content-head { background:url(../images/content-back.gif) top left no-repeat ; width:800px; position:absolute; top:-5px; left:0; z-index:-1; height:154px;}



.left { width:190px; float:left;overflow:hidden;margin:0 10px;}



.center-l { width:610px; float:left;overflow:hidden;text-align:left;margin-left:10px;}



.center { width:418px; float:left;overflow:hidden;text-align:left;}



.center-r { width:578px; float:right; overflow:hidden;text-align:left;margin-right:10px; }



.right { width:150px; float:right;overflow:hidden;margin:0 10px 0 0;}



*html .left,*html .center-l {margin-left:5px;}



*html .right,*html .center-r {margin-right:5px;}







.left .module {clear:both;}



#wrap .left h3 { line-height:29px; height:38px; font-size:14px; color:#031400; font-weight:bold; margin:0px; padding:0; background: url(../images/lb2h2back.gif) left bottom no-repeat;padding:0; width:200px;text-indent:10px; text-align:left;}



#wrap .left ul.menu { border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;margin:0;padding-bottom:15px;}



#wrap .left ul.menu li a {display:block; text-indent:25px; line-height:24px; color:#666;}



#wrap .left ul.menu li a:hover {background:#476e70;color:#fff;}



.left .menuserve li {width:190px;height:50px;margin-bottom:10px;}



.left .menuserve li a {display:block;width:190px;height:50px;background: url(../images/dotcorner190.gif) left top no-repeat #031400;line-height:50px;text-indent:15px;font-size:18px;font-weight:bold;color:#fff;}



.left .menuserve li.active a {background: url(../images/dotcorner190.gif) left top no-repeat #ccff00;color:#031400}



.left .menuserve li a:hover {background: url(../images/dotcorner190.gif) left top no-repeat #ccff00;text-decoration:none;color:#031400}



.left h2 {line-height:18px; height:34px; font-size:14px; color:#476e70; font-weight:bold; margin:0px; padding:0;}



.center h3,h3.contentheading{line-height:29px; height:29px; font-size:14px; color:#476e70; font-weight:bold; margin:0px; padding:0; border:1px solid #fff; background:url(../images/cbh2back.gif) repeat-y left;text-indent:30px; position:relative;top:1px;border-top:none;}











h3.contentheading {position:relative;top:0px;border-top:1px solid #fff;margin:0;padding:0;}



h3 a.contentpagetitle,h3.contentheading a.contentpagetitle {display:block;background: url(../images/titleicon.gif) 5px center no-repeat;}



.undertitle {text-align:right;padding-right:10px;}



.undertitle img {vertical-align:middle;}







div.contentpaneopen { border:1px solid #e7e7e7; margin:0;overflow:hidden;text-align:left;clear:both;}



.contentpaneopen {}



.contentpaneopen .contentheading {line-height:29px; height:29px; font-size:14px; color:#476e70; font-weight:bold; margin:0px; padding:0;border:1px solid #eee; background:url(../images/cbh2back.gif) repeat-y left;text-indent:30px;top:1px;}



.contentpaneopen .buttonheading { border:1px solid #eee; border-left:1px solid #fff;}



.contentpaneopen .contentheading a.contentpagetitle {background: url(../images/titleicon.gif) 5px center no-repeat; text-indent:35px; display:block; border:1px solid #fff;}



.contentpaneopen td p { margin:5px 10px 10px 10px; padding:0;line-height:16px;}



.contentpaneopen .commentBlogView { background:#f5f5f5; height:20px;}



.center .blog div.contentpaneopen {height:50px;line-height:50px;}



.center .blog div.contentpaneopen h3 {height:50px;line-height:50px;}



.center .blog div.contentpaneopen h3 a.contentpagetitle {height:50px;line-height:50px;font-weight:bold;}



#wrap .center .blog .article h3.contentheading {height:35px;line-height:35px;}



#wrap .center .blog .article {width:100%;overflow:hidden;}



#wrap .center .blog .article div.contentpaneopen h3 a.contentpagetitle {font-weight:normal;}



#wrap .center .blog .article div.contentpaneopen {overflow:hidden;margin:0;clear:none;padding:0;height:36px;line-height:35px;border-top:none;}











div.contentpaneopen .modifydate,.center div.contentpaneopen .readon {margin:10px;}



div.contentpaneopen .readon {display:block;padding:2px 5px;border-top:1px solid #ccff00;background:#e7e7e7;color:#476e70;float:right;margin:0;}



div.passage { border-left:1px solid #f5ffcc;border-right:1px solid #f5ffcc; margin:0; border-top:none;padding:20px; overflow:hidden;text-align:left;overflow:hidden;}



div.passage2 { margin:0; padding:20px; text-align:left;overflow:hidden;line-height:20px;}



div.passage img{ width:e­xpression(this.clientWidth>document.getElementById("detail_content_image").scrollWidth*9/10? "200px": "auto" );}



.right .moduletable { border:1px solid #e7e7e7;margin-bottom:10px;}



.right h3{line-height:29px; height:29px; font-size:12px; color:#476e70; font-weight:bold; margin:0px; padding:0; border:1px solid #fff;background: url(../images/lb1h2back.gif) repeat-x top;text-indent:12px;}







.foot {text-align:center;overflow:hidden;background:url(../images/bottomimg.jpg) center top no-repeat;padding:0; margin:10px auto; padding-top:35px;}



.foot img {vertical-align:middle;}



.footinner {width:780px;margin:0 auto;padding:10px 0;}



.footinner table { margin:auto;}



#wrap .componentheading {line-height:24px;}



.mod_bannerslider {}



#form-login {font-size:11px;text-align:left;background:url(../images/rightconner.gif) right top no-repeat #f5f5f5;padding:10px;}



#form-login input {border:1px solid #dedede;line-height:14px;height:14px;vertical-align:middle;}



#wrap #form-login .button {border:#eee 1px solid;padding:0 5px;line-height:14px;height:22px;text-align:center;background:#031400;color:#ccff00;}



#wrap #form-login ul {padding:0;margin:0;text-align:left;}



#form-login ul li {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/lidot.gif) 2px center no-repeat;text-indent:10px;line-height:15px;margin:0;}







.menucc {margin:0 0 20px 0px; padding:0;overflow:hidden;}



.menucc li {display:block;width:85px;float:left;height:90px;line-height:22px;text-align:center;margin:0 5px;}



*html .menucc li {display:inline;}



.menucc li a {display:block;width:85px;padding-top:70px;}



.menucc li.item64 {background:url(../images/button-websites-l.gif) center top no-repeat;}



.menucc li.item63 {background:url(../images/button-graphics-l.gif) center top no-repeat;}



.menucc li.item65 {background:url(../images/button-flash-l.gif) center top no-repeat;}



.menucc li.item66 {background:url(../images/button-print-l.gif) center top no-repeat;}







.blog_more ul { margin:5px 10px;}



.blog_more ul li {line-height:29px; height:29px; font-size:14px; color:#476e70; font-weight:bold; margin:1px 0 0 0; padding:0;border:1px solid #eee; background:url(../images/cbh2back.gif) repeat-y left;text-indent:30px;top:1px;}



.blog_more ul li a {background:url(../images/arrow-more.gif) 8px center no-repeat; display:block;border:1px solid #fff;}



.pagination { border-top:1px dotted #eee; padding-top:5px;display:block;background:#f5f5f5; margin:0 10px; height:20px;}



.pagination a:hover {background:#fff;}



.pagination a {margin:0 3px;}



.pagination span {margin:0 3px;}



span.article_separator {display:block; width:100%; float:none; background:url(../images/spacer.jpg) center top no-repeat; height:30px; margin-bottom:15px;padding:0}







.imgnews{ width:252px; height:252px; background:url(../images/back-imgshow.gif) left top no-repeat; position:relative; z-index:0; overflow:hidden;}

.imgnews .imgnews-inside { margin:10px;}

.pb .steps, .pb .points li{background:transparent url(../images/pic.gif) no-repeat left top;}



.pb .banners{margin:0px; padding:0px; width:232px; height:232px; margin:9px; overflow:hidden; }



.pb .banners li{width:232px;height:232px;overflow:hidden;display:none;}



.pb .banners li a { display:block;width:232px;height:232px; overflow:hidden;}



.pb .banners li img {width:232px;height:232px; margin:0;}



.pb .banners li.current{display:block;}



.pb .switcher{height:18px;width:232px; position:absolute; bottom:10px; right:10px;  }



.pb .points{width:232px;margin:0; font-size:12px; padding:0; }



.pb .points li{width:22px;height:18px; float:right;background-position:0px 0px;overflow:hidden;text-align:center;line-height:15px;margin:0px;color:#000;cursor:pointer; font-family:Arial; padding-top:3px;}



.pb .points li.current{width:22px;background-position:-22px 0px;margin-left:0; text-align:center; text-indent:3px;}







.index-content { width:100%; overflow:hidden; text-align:left;}



.index-content .ic-l { width:252px; float:left; overflow:hidden; margin-left:15px;}



*html .index-content .ic-l { margin-left:7px;}



.index-content .ic-r { width:508px; float:right; overflow:hidden; margin-right:15px;}



*html .index-content .ic-r { margin-right:7px;}







.ucd { margin:0; padding:0; overflow:hidden;}



.ucd_title {line-height:29px; height:29px; font-size:14px; color:#476e70; font-weight:bold; margin:0px; padding:0;border:1px solid #eee; background:url(../images/cbh2back.gif) repeat-y left;text-indent:30px;top:1px; margin:8px 0 0 0; padding:0;}



.ucd_title a {background: url(../images/titleicon.gif) 5px center no-repeat; text-indent:35px; display:block; border:1px solid #fff;}



.ucd_introtext { color:#666; line-height:20px; text-indent:16px; margin:10px 0 0 0;}



.ucd_readon { display:block; float:right; background:#031400; padding:0 10px; color:#fff; line-height:24px;}



.modulecount { width:100%;background: url(../images/hr.gif) top center no-repeat; padding-top:10px; text-align:center; margin-top:8px; color:#999; }







/*for alphacontent*/



#wrap ._imageleft img{ border:1px solid #bbb; padding:2px;}



#wrap ._alphatitle a{ font-size:14px; font-weight:bold; font-family:Verdana;}



#wrap .small { margin:5px 0 10px 0;}



.product_index {background: url(../images/hr.gif) bottom center no-repeat; border:none;padding-bottom:10px;}

.product_index dt { font-size:14px; line-height:30px; color:#031400; font-weight:bold; }

.product_index dd { color:#666;}

.product_index dd strong { color:#031400; font-weight:normal;}



#wrap .location  { color:#999; border-bottom:1px dotted #999; line-height:24px;}

.location a { margin:0 10px;}



#commontxtbox p { margin:15px 0;}

#commontxtbox .pinfo { line-height:40px; border-top:1px dotted #ccff00; color:#999; text-align:right;}

#commontxtbox .caseintro { padding:15px; background:#f5f5f5; margin:15px 0; border-top:1px dotted #aaa;}

#wrap #commontxtbox li { margin:0; line-height:22px; text-indent:0; padding:0; text-align:left;}

#commontxtbox .detail .detailtitle { display:block; line-height:30px; border-bottom:1px solid #eee; color:#031400}

#commontxtbox .detail { margin:15px; color:#333;}



#wrap #newsList { border:none;}

#wrap #newsList li { clear:both;}

.listpic { width:50px; height:50px; float:left; margin:10px; vertical-align:middle; border:1px solid #eee; padding:1px;}



#wrap #pagelist { width:100%; margin:10px; padding:0;}

#wrap #pagelist h1 { font-size:14px; line-height:30px; color:#031400; text-indent:5px; margin:0;}

#wrap #pagelist li {line-height:29px; height:29px; font-size:14px; color:#476e70; font-weight:bold; margin:0px 5px; padding:0;border:1px solid #eee; background:url(../images/cbh2back.gif) repeat-y left;top:1px;font-size:12px; position:relative; width:500px;}

#wrap #pagelist li a {background: url(../images/titleicon.gif) 5px center no-repeat; text-indent:35px; display:block; border:1px solid #fff; font-size:12px; font-weight:normal;}

#wrap #pagelist li span.ldt { position:absolute; right:5px; line-height:29px; height:29px; float:right; display:block; margin:0;}