/* @group RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
p{text-indent:2em;}
.clear{clear:both;margin:0;padding:0}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.notext{display:block;text-indent:-9999px;overflow:hidden;line-height:0;font-size:0}
.nom{margin-right:0!important}
.shown{visibility:visible!important}
.hidden{visibility:hidden!important}
.txtcenter{text-align:center}
.d_title{font:bold 20px/2em "Î¢ÈíÑÅºÚ","Microsoft Yahei";color:#333;border-bottom:1px dashed #ccc;text-shadow:rgba(50,50,50,0.5) 1px 1px 3px;margin:0;padding:0}
.d_property{color:#999;font-size:12px;margin:5px 0}
.d_image{max-width:600px}
.i_n_title{color:#232323;font:700 16px/1.5em "Microsoft Yahei";margin-top:20px}
.statpanel{display:none}
.forceShow{display:block!important}
.forceHide{display:hidden!important}
/* @end */

/* @group Fonts */
@font-face{
	 font-family:'AlternateGothic2BTRegular';
	 src:url('/fonts/alternategothicno2bt-regular-webfont.eot');
	 src:url('/fonts/alternategothicno2bt-regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/alternategothicno2bt-regular-webfont.woff') format('woff'),
			url('/fonts/alternategothicno2bt-regular-webfont.ttf') format('truetype');
	 font-weight:normal;
	 font-style:normal;
}
@font-face{
	 font-family:'HeLightLight';
	 src:url('/fonts/light-webfont.eot');
	 src:url('/fonts/light-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/light-webfont.woff') format('woff'),
			url('/fonts/light-webfont.ttf') format('truetype');
	 font-weight:normal;
	 font-style:normal;
}
@font-face{
	 font-family:'HelMediumMedium';
	 src:url('/fonts/medium-webfont.eot');
	 src:url('/fonts/medium-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/medium-webfont.woff') format('woff'),
			url('/fonts/medium-webfont.ttf') format('truetype');
	 font-weight:normal;
	 font-style:normal;
}
/* @end */

/* @group Global */
body{color:#3d3d3d;}
.grid{width:1066px;margin:auto;}
a{text-decoration:none;color:#ffa201;}
#content{margin-top:99px;position:relative;z-index:10;}
section{position:relative;}
.mobile-only{display:none !important;}
.fltright{float:right;}
.small{font-size:12px;}
.gray{color:#666;}
/* @end */

/* @group Header */
header{width:100%;height:99px;position:fixed;z-index:500;top:0px;background:url(/images/header-bg.png) repeat-x;}
header .grid{border-top:3px solid #f04138;}
.header{position:relative;}
.logo{position:absolute;left:0;top:0;}
.language{color:#151515;position:absolute;top:50px;left:100px;font:18px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";}

.nav1 {background: #fff;color: #000;font:18px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";position:absolute;right:0;}
.nav1 a.menu {display: block;padding:10px 15px;line-height: inherit;cursor: pointer;color:#151515;}
.nav1 a.menu:hover, .nav1 a.menu:active{display: block;line-height: inherit;cursor: pointer;color:#fff;}

.nav_menu {line-height: 45px;}
.nav_menu a.submenu{display: block;padding:0 15px;line-height: inherit;cursor: pointer;color:#151515;}
.nav_menu a.submenu:hover,.nav_menu a.submenu:active{display: block;padding:0 15px;line-height: inherit;cursor: pointer;color:#fff;}
.nav_menu-item {display: inline-block;position: relative;}
.nav_menu-item:hover {background-color: #e8251a;}
.nav_menu-item:hover .nav_submenu {display: block;}
.nav_submenu {font-weight: 300;text-transform: none;display: none;position: absolute;width: 220px;background-color: #e8251a;}

.en_nav1 {background: #fff;color: #000;font:18px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";position:absolute;right:0;}
.en_nav1 a.menu {display: block;padding:10px 15px;line-height: inherit;cursor: pointer;color:#151515;;text-transform:uppercase;}
.en_nav1 a.menu:hover, .en_nav1 a.menu:active{display: block;line-height: inherit;cursor: pointer;color:#fff;;text-transform:uppercase;}

.en_nav_menu {line-height: 45px;}
.en_nav_menu a.submenu{display: block;padding:10px 15px;line-height: inherit;cursor: pointer;color:#151515;font:14px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";}
.en_nav_menu a.submenu:hover,.en_nav_menu a.submenu:active{display: block;padding:10px 15px;line-height: inherit;cursor: pointer;color:#fff;font:14px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";}
.en_nav_menu-item {display: inline-block;position: relative;}
.en_nav_menu-item:hover {background-color: #e8251a;}
.en_nav_menu-item:hover .en_nav_submenu {display: block;}
.en_nav_submenu {font-weight: 300;text-transform: none;display: none;position: absolute;width:300px;background-color: #e8251a;}
/* @end */

/*Product*/
.product_menu{margin:0;padding:0;background:#e8251a;height:50px;}
.product_menu-item{list-style:none;}
.product_menu a{cursor:pointer;display:block;font:18px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";float:left;padding:10px 20px;}
.product_menu a:hover{text-decoration:none;margin:1px;height:28px;line-height:30px;background:#fff;color:#151515;}
.product_menu .submenu{margin:1px;height:28px;line-height:30px;color:#fff;}
.product_menu .active{margin:1px;height:28px;line-height:30px; background:#fff;color:#151515;}

.en_product_menu{margin:0;padding:0;background:#e8251a;height:50px;}
.en_product_menu-item{list-style:none;}
.en_product_menu a{cursor:pointer;display:block;font:12px/20px "Î¢ÈíÑÅºÚ","Microsoft Yahei";float:left;padding:10px 7px;}
.en_product_menu a:hover{text-decoration:none;margin:1px;height:28px;line-height:30px;background:#fff;color:#151515;}
.en_product_menu .submenu{margin:1px;height:28px;line-height:30px;color:#fff;}
.en_product_menu .active{margin:1px;height:28px;line-height:30px; background:#fff;color:#151515;}

.LWTslider{margin:0 auto;overflow:hidden;width:100%;zoom:1;position:relative;}    
.LWTslider .unit{margin:0;padding:0;position:relative;list-style:none;width:9600px;}
.LWTslider .unit li{float:left;position:relative;margin:0;padding:0;}
.LWTslider .unit img{width:1066px;height:720px;}
.LWTslider .title{position:absolute;display:block;width:316px;height:153px;top:27px;right:10px;color:#fff;font:60px/75px "Arial";text-align:center;background:url(/images/slidertitle.png) repeat;}
.LWTslider .community{position:absolute;display:block;width:316px;padding:5px 0;top:180px;right:10px;color:#fff;font:20px "Arial";text-align:center;background:url(/images/slidercommunity.png) repeat;}
.LWTslider .community a{color:#fff;}
.LWTslider .community a:hover{color:#007183;}
.LWTslider .prev,.LWTslider .next{width:30px;height:50px;cursor:pointer;text-indent:-9999px;position:absolute;top:50%;margin-top:-25px;}
.LWTslider .prev{background:url(/css/images/photosliderleft.png) no-repeat;left:20px;}
.LWTslider .next{background:url(/css/images/photosliderright.png) no-repeat;right:20px;}

/* @group Footer */
footer{width:100%;/*33 or 197 position:fixed;*/z-index:500;bottom:0px;background-color:#e8251a;}
footer h2{color:#FFF;font:18px AlternateGothic2BTRegular, Arial, Helvetica, Geneva, sans-serif;text-transform:uppercase;float:left;margin:7px 14px 5px 0;cursor:pointer;}
#btn-contact, #email .icon, #call .icon, .map, #person .icon{background:url(/images/footer.png) no-repeat left;}
#btn-contact{background-position:0 -13px;width:23px;height:12px;float:left;margin-top:12px;}
#btn-contact.active{background-position:0 0;float:right;}
#info{color:#FFF;font:14px HeLightLight, Arial, Helvetica, Geneva, sans-serif;margin:11px 0 36px;}
#contact, #visit{float:left;width:550px;height:116px;}
#visit{width:355px;border-left:1px solid #FFF;line-height:20px;}
#call, #email,#person{float:left;width:30%;}
#call .icon{background-position:0 -26px;width:33px;height:33px;float:left;margin:38px 10px 0 0;}
#info .span{margin-left:45px;font-family:HelMediumMedium, Arial, Helvetica, Geneva, sans-serif;text-indent:0;}
#info a{color:#FFF;}
#info span{font:bold 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;display:block;}
#call span, #email span,#person span{margin-top:31px;}
#email .icon{float:left;background-position:0 -60px;width:43px;height:27px;margin:46px 11px 0 0;}
#person .icon{float:left;background-position:right 0;width:43px;height:40px;margin:38px 11px 0 0;}
#info a{display:block;font-family:HelMediumMedium, Arial, Helvetica, Geneva, sans-serif;}
.map{background-position: 0 -88px; width: 128px; height: 111px; float: left;margin: 6px 21px 0;}
/* @end */

#about,#employee,#people,#honour,#culture,#jobs,#blog{}

/* @group Products */
#products h2{text-align:center;font:18px HeLightLight, Arial, Helvetica, Geneva, sans-serif;color:#3d3d3d;padding:56px 0 25px 0;}
#title-product img{display:block;margin:0 auto 0;}
.season{margin-bottom:18px;height:200px;background-color:#FFF;display:none;position:relative;z-index:300;}
.season h3{color:#151515;font:18px/20px AlternateGothic2BTRegular, Arial, Helvetica, Geneva, sans-serif;text-transform:uppercase;padding-bottom:11px;}
.season h3 span{color:#979797;}
#season1{display:block;}
#season2,#season3{display:block;margin-top:35px;}

.product{position:relative;float:left;width:31.4%;/*334px*/*width:30%;margin-right:2.9%;/*32*//*  cursor:pointer;*/}
.thumb, .product-blur{width:100%;/*334*/height:140px;*height:195px;/*195px*/position:relative;z-index:10;background-color:#FFF;}
.thumb img{display:block;margin:auto;}
.more{display:none;width:150%;text-align:justify;}
.description{color:#232323;border-bottom:1px solid #d0d0d0;font:13px/22px HeLightLight, Arial, Helvetica, Geneva, sans-serif;padding-top:6px;position:absolute;z-index:50;width:100%;bottom:-60px;*bottom:0;background-color:#FFF;filter:alpha(opacity=80);opacity:0.8;}
.product-link{display:block;font:bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;padding-bottom:4px;}
.showProduct .more{display:block;}
.product-blur{z-index:20;background-color:#c00;display:none;}
/* @end */
/* @group Animate Products */
#launchWayPoint{position:relative;width:100%;height:1px;}
#products h2{font:30px "Kaiti","Adobe Kaiti Std";/*display:none;*/}
#products .mobile-only{display:none;}
.animate-spacer{/*padding-top:100px;*/}
#animate-products{width:980px;margin:auto;position:relative;height:226px;padding-top:40px;}
.animate1, .animate2, .animate3, .animate4, .animate5,.animate6,.animate7{position:absolute;}
#p1-placer, .p2-placer{top:30px;position:absolute;}
.p2-placer{top:110px;}
#p1{background-image:url(/images/animate/products/p1.png);width:81px;height:81px;left:0px;}
#p2{background-image:url(/images/animate/products/p2.png);width:81px;height:81px;left:81px;}
#p3{background-image:url(/images/animate/products/p3.png);width:81px;height:81px;left:162px;}
#p4{background-image:url(/images/animate/products/p4.png);width:81px;height:81px;left:243px;}
#p5{background-image:url(/images/animate/products/p5.png);width:81px;height:81px;left:324px;}
#p6{background-image:url(/images/animate/products/p6.png);width:81px;height:81px;left:324px;}
#p7{/*background-image:url(images/animate/products/p7.png);width:1px;height:226px;top:0px;left:406px;*/}
#p8{background-image:url(/images/animate/products/p8.png);width:81px;height:81px;left:407px;}
#p9{background-image:url(/images/animate/products/p9.png);width:81px;height:81px;left:487px;}
#p10{background-image:url(/images/animate/products/p10.png);width:81px;height:81px;left:568px;}
#p11{background-image:url(/images/animate/products/p11.png);width:81px;height:81px;left:649px;}
#p12{background-image:url(/images/animate/products/p12.png);width:81px;height:81px;left:730px;}
#p13{background-image:url(/images/animate/products/p13.png);width:81px;height:81px;left:811px;}
#p14{background-image:url(/images/animate/products/p14.png);width:81px;height:81px;left:892px;}
/* @end */
/* @group About */
#title-about{padding-top:18.85%;/*201px*/padding-bottom:8.3%;/*122px*/}
#about, #people,#honour, #jobs, #blog{margin-top:20px;}
#about h2, #people h2,#honour h2,#culture h2, #jobs h2, #blog h2{width:100%;padding-bottom:10px;border-bottom:1px solid #ccc;color:#151515;font:18px/20px AlternateGothic2BTRegular, Arial, Helvetica, Geneva, sans-serif,"Microsoft Yahei";text-transform:uppercase;}
#about-copy{float:left;width:540px;/*511*/font:14px/28px HeLightLight, Arial, Helvetica, Geneva, sans-serif;margin-top:14px;}
#about-copy p{text-indent:2em;text-align:justify;}
#about-circles{float:right;width:520px;position:relative;margin-top:20px;}
#certificate img{width:500px;margin:10px;border:1px solid #ccc;}
/* @end */
/* @group Animate About */
#animate-about{width:500px;height:226px;position:relative;margin:auto;/*background-image:url(/images/titles/about.png);*/}
#about-line{width:1px;height:226px;position:absolute;z-index:0;top:0px;left:191px;background-color:#000;}
#about-placer1, #about-placer2{position:absolute;top:44px;}
#about-placer2{top:123px}
#about1, #about2, #about3, #about4{background:url(/images/animate/about-title.png) no-repeat left top;position:absolute;}
#about1{background-position:0 0;width:98px;height:96px;left:0px;}
#about2{background-position:-98px -1px;width:98px;height:96px;left:98px;}
#about3{background-position:0 bottom;width:98px;height:96px;left:198px;}
#about4{background-position:-98px bottom;width:98px;height:96px;left:300px;}
/* @end */
/* @group People */
.floorplan,.elevation,.wood{list-style:none;margin-top:10px;}
.floorplan li,.elevation li,.wood li{display:inline-block;float:left;}
.floorplan img,.elevation img,.wood img{width:207px;border:1px solid #ccc;}
#imgPlay{margin:0px auto;overflow:hidden;width:1066px;zoom:1;position:relative;height:800px;margin-top:10px;}
#imgPlay .imgs{margin:0;padding:0;list-style:none;}
#imgPlay .imgs img{width:1066px;position:relative;}
#imgPlay .imgs li{float:left;position:relative;}
#imgPlay .imgs{}
#imgPlay .num{display:inline;left:800px;position:absolute;top:630px;height:19px;}
#imgPlay .num span{display:inline-block;background:url(/images/imgPlayer.png) no-repeat right;margin:0px 2px;overflow:hidden;width:14px;cursor:pointer;height:15px;}
#imgPlay .num span.on{background-position:0 0;}
#imgPlay .num .lc,#imgPlay .num .mc, #imgPlay .num .rc{padding:3px 0 0 0;float:left;width:13px;height:16px;}
/****#imgPlay .num .lc{background:url(images/lc.png) no-repeat;}
#imgPlay .num .mc{background:url(images/mc.png) repeat-x;}
#imgPlay .num .rc{background:url(images/rc.png) no-repeat;}****/
#imgPlay #numInner{padding:3px 0 0 0;background:none transparent scroll repeat 0 0;position:absolute;top:770px;text-align:center;}

#employee{border:6px solid #ccc;border-radius:5px;}
#title-people{padding-top:125px;padding-bottom:100px;}
#title-people img{margin:0 auto;display:block;}
#people-bios{float:left;margin-top:34px;width:100%;}
.person{float:left;width:343px;height:253px;border:1px solid #BBB;margin:3px;position:relative;overflow:hidden;cursor:pointer;}
.person img{position:absolute;z-index:100;}
.person-wrapper{position:absolute;z-index:300;bottom:0px;}
.person h3{margin:0 0 8px 8px;min-height:22px;font-size:20px;color:#FFF;line-height:20px;display:block;text-shadow:1px 1px 1px rgba(0,0,0,0.75);/*padding-left:28px;*//*background:url(/images/about.png) no-repeat;*/}
.bio{background-color:#FFF;width:340px;padding:5px;display:none;}
.bio p{font:13px/22px HeLightLight, Arial, Helvetica, Geneva, sans-serif;margin-top:10px;}
.bio a{display:block;font:13px/20px HelMediumMedium, Arial, Helvetica, Geneva, sans-serif;}
.person-overlay{width:380px;height:253px;position:absolute;z-index:200;display:none;/*background-color:rgba(0,0,0,0.35);*/}
/* @end */
/* @group Animate People */
#animate-people{width:500px;height:226px;position:relative;margin:auto;/*display:none;*//*background-image:url(/images/titles/people.png);*/}
.people-placer1, .people-placer2{position:absolute;top:30px;}
.people-placer2{top:115px;}
#pp1, #pp2,#pp3, #pp4{background:url(/images/animate/design-title.png) no-repeat left top;/*margin-top:155px;*/}
#people-line{position:absolute;width:1px;height:226px;top:0px;left:191px;background-image:url(/images/animate/people-line.png);}
#pp1{background-position:0 0;width:98px;height:96px;left:0px;}
#pp2{background-position:-98px -1px;width:98px;height:96px;left:98px;}
#pp3{background-position:0 bottom;width:90px;height:96px;left:198px;}
#pp4{background-position:-90px bottom;width:98px;height:96px;left:300px;}
/* @end */
/* @group Honour */
#title-honour{padding-top:125px;padding-bottom:100px;}
#title-honour img{margin:0 auto;display:block;}
#honour-content{margin-top:20px;}
.honour_imgline1{_width:170px;height:117px;margin-top:10px;border:1px solid #ccc;}
.honour_imgline2{_width:145px;height:198px;margin-top:10px;border:1px solid #ccc;}
/* @end */
/* @group Animate Honour */
#animate-honour{position:relative;margin:auto;width:500px;height:226px;z-index:200;}
#honour-line{width:1px;height:226px;position:absolute;z-index:0;top:0px;left:191px;background-color:#000;}
#honour-placer1, #honour-placer2{position:absolute;top:30px;}
#honour-placer2{top:102px;}
#honour1, #honour2,#honour3, #honour4{background:url(/images/animate/honour-title.png) no-repeat left top;position:absolute;}
#honour1{background-position:0 0;width:98px;height:96px;left:0px;}
#honour2{background-position:-98px -1px;width:98px;height:96px;left:98px;}
#honour3{background-position:0 bottom;width:98px;height:96px;left:198px;}
#honour4{background-position:-98px bottom;width:98px;height:96px;left:280px;}
/* @end */
/* @group Culture */
#wall-container{margin-top:10px;}
#title-culture{padding-top:125px;padding-bottom:100px;}
#title-culture img{margin:0 auto;display:block;}
/* @end */
/* @group Animate Culture */
#animate-culture{position:relative;margin:auto;width:500px;height:226px;z-index:200;}
#culture-line{width:1px;height:226px;position:absolute;z-index:0;top:0px;left:191px;background-color:#000;}
#culture-placer1, #culture-placer2{position:absolute;top:30px;}
#culture-placer2{top:102px;}
#culture1, #culture2,#culture3, #culture4{background:url(/images/animate/culture-title.png) no-repeat left top;position:absolute;}
#culture1{background-position:0 0;width:90px;height:96px;left:0px;}
#culture2{background-position:-98px -1px;width:98px;height:96px;left:98px;}
#culture3{background-position:0 bottom;width:98px;height:96px;left:198px;}
#culture4{background-position:-98px bottom;width:98px;height:96px;left:290px;}
/* @end */
/* @group Jobs */
#title-jobs{padding-top:125px;padding-bottom:100px;}
#title-jobs img{margin:0 auto;display:block;}
#jobs-copy{font:14px/28px HeLightLight, Arial, Helvetica, Geneva, sans-serif;padding-top:14px;background:url(/images/8627.jpg) no-repeat bottom center;}
#jobs-copy a{font:bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#jobs-copy span{font-family:HelMediumMedium, Arial, Helvetica, Geneva, sans-serif;}
#jobs li{list-style-type:disc;list-style-position:outside;}
#jobs ul{padding-left:20px;}
/* @end */
/* @group Animate Jobs */
#animate-jobs{position:relative;margin:auto;width:500px;height:226px;z-index:200;/*background-image:url(/images/titles/jobs.png);*/}
#job-line{width:1px;height:226px;position:absolute;z-index:0;top:0px;left:191px;background-color:#000;}
#job-placer1, #job-placer2{position:absolute;top:30px;}
#job-placer2{top:102px;}
#job1, #job2,#job3, #job4{background:url(/images/animate/jobs-title.png) no-repeat left top;position:absolute;}
#job1{background-position:0 0;width:98px;height:96px;left:0px;}
#job2{background-position:-98px -1px;width:98px;height:96px;left:98px;}
#job3{background-position:0 bottom;width:98px;height:96px;left:198px;}
#job4{background-position:-98px bottom;width:98px;height:96px;left:280px;}
/* @end */
/* @group Blog */
#title-blog{padding:125px 0 100px;}
#title-blog img{display:block;margin:0 auto;}
#blog-content{padding-top:14px;}
.post{float:left;width:480px;margin-right:96px;*margin-right:50px;margin-bottom:40px;}
.post span{color:#a7a7a7;font:12px/27px HelMediumMedium, Arial, Helvetica, Geneva, sans-serif;}
.post .title{font:700 16px/1.5em "Microsoft Yahei";color:#232323;display:block;width:100%;}
.post .readmore{font:bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; cursor:pointer; }
.post p{color:#3d3d3d;font:14px/22px HeLightLight, Arial, Helvetica, Geneva, sans-serif;margin-top:10px;/*padding-top:10px;*/}
.post:nth-child(even){margin-right:0px;} 
#blog{padding-bottom:100px;}
.post-p{height:100px;overflow:hidden;}
.newslist li{line-height:40px;font-size:14px;border-bottom:1px #ccc dashed;}
.pager {margin: 15px 0;text-align:center;}
.pager a {font-size: 12px;margin: 0 5px;color: #333;border:1px solid #999;padding:3px 8px;}
.pager a:hover {background-color: #333;border:1px solid #333;color: #fff;}
.pager .previous { margin-right: 15px; }
.pager .next { margin-left: 15px; }
.pager .current, .pager .current:hover { color: #FF4242;font-weight: bold;border:none;}
.pager .disabled, .pager .disabled:hover {color: #bbb;border:1px solid #999;}
.pager .current, .pager .current:hover,
.pager .disabled, .pager .disabled:hover {cursor:default;background: none;}
.pager span { margin: 0 5px; }
/* @end */
/* @group Animate Blog */
#animate-blog{width:500px;height:226px;margin:auto;position:relative;/*background-image:url(/images/titles/blog.png);*/}
#blog-line{width:1px;height:226px;position:absolute;z-index:0;top:0px;left:191px;background-color:#000;}
#blog-placer1, #blog-placer2{position:absolute;top:30px;}
#blog-placer2{top:121px;}
#blog1, #blog2,#blog3, #blog4{background:url(/images/animate/blog-title.png) no-repeat left top;position:absolute;}
#blog1{background-position:0 0;width:98px;height:96px;left:0px;}
#blog2{background-position:-98px -1px;width:98px;height:96px;left:98px;}
#blog3{background-position:0 bottom;width:88px;height:96px;left:198px;}
#blog4{background-position:-88px bottom;width:88px;height:96px;left:280px;}
/* @end */
/* @group Animate Circle */
#animate-circle{margin-top:10px;}
#about-circle{width:554px;position:relative;margin-top:20px;}
.vennCircle,
.vennCircle .vennShadows .vennShadow,
.vennCircle .vennBackground,
.vennCircle .vennText{width:206px;height:206px;background-position:center center;background-repeat:no-repeat;position:absolute;}
.vennCircle .vennShadows .vennShadow{background-image:url(/images/animate/circle-light.png);}
.vennCircle .vennBackground{background-image:url(/images/animate/circle-dark.png);opacity:0.5;}
.vennShadow.vennLeft1{left:-10px;}
.vennShadow.vennLeft2{left:-20px;}
.vennShadow.vennRight1{left:10px;}
.vennShadow.vennRight2{left:20px;}
.vennShadow.vennUp1{top:-10px;}
.vennShadow.vennUp2{top:-20px;}
.vennShadow.vennDown1{top:10px;}
.vennShadow.vennDown2{top:20px;}
#vennMarketing{top:0;left:300px;}
#vennMarketingText.vennText{background-image:url(/images/animate/circle-professional.png);left:20px;}
#vennEngineering{left:140px;}
#vennEngineeringText.vennText{background-image:url(/images/animate/circle-creativity.png);left:0;}
/* @end */
/** help list*/
.instruction{color:#656d78;font:16px/30px "microsoft yahei";margin-left:20px;}
.instruction a{color:#33f;}
.help_list_title{font:20px "microsoft yahei";color:#434a54;margin-top:20px;}
.help_list{}
.help_list .htitle{color:#434a54;font:16px/35px "microsoft yahei";text-indent:0em;margin-left:20px;}
.help_list .htitle a{color:#33f;}
.help_list .hcontent{color:#656d78;font:14px/30px "microsoft yahei";margin-left:10px;}
.help_list .hcontent a{color:#00f;}
.soft_list .htitle,.soft_list .htitle1{color:#434a54;font:16px/35px "microsoft yahei";text-indent:0em;margin-left:20px;}
.soft_list .hitem{color:#434a54;font:16px/35px "microsoft yahei";text-indent:3em;}
.soft_list .htitle a{color:#33f;}
.soft_list .htitle1 a,.soft_list .hitem a{color:#33f;font-size:.8em;}