﻿*{ margin:0; padding:0; font-family:Arial}
img{ border:none}	
a:hover{ color:#fbb884!important}
.main{ width:980px; margin:0 auto; background:url(../images/bg_maing.gif); padding-bottom:200px}
#nav { position:fixed; bottom:0px; left:0px; background:url(../images/bg_nav.png) repeat-x bottom; width:100%; z-index:9999; overflow:visible;  height:77px}
#nav .wrap{ width:1000px; margin-left:auto; margin-right:auto;background:url(../images/bg_nvshdw.png) no-repeat center top;  height:77px; overflow:visible; position:relative}


#nav .content{ padding-top:11px; padding-left:10px; position:relative; z-index:3}
#nav .logo{ margin:0; padding:0; width:130px; background:url(../images/bg_logo.gif) no-repeat right top; text-align:right; margin-right:2px; float:left;}
#nav .logo img{ background:url(../images/logo.png) no-repeat; width:119px; height:62px}
#nav .nav{ height:25px; background:url(../images/bg_navtag.gif) no-repeat right top; text-align:center;  font-size:16px;line-height:28px; vertical-align:bottom; float:left; margin-right:2px; margin-top:14px; position:relative; overflow:hidden; position:relative; z-index:100001}
#nav .nav a{ color:#fff; text-decoration:none; display:block; height:0; overflow:hidden; padding-top:28px; background-image:url(../images/nav.gif); background-repeat:no-repeat; background-position: left center}
#nav .nav.rs{ margin-right:0}
#nav .w1{ width:158px}
#nav .w2{ width:138px}
#nav .w3{ width:128px}
#nav .nav .nav_wwd{ background-position:25px 7px}
#nav .nav .nav_cases{ background-position:-112px 7px}
#nav .nav .nav_clients{ background-position:-223px 7px}
#nav .nav .nav_aboutus{ background-position:-362px 7px}
#nav .nav .nav_news{ background-position:-473px 7px}
#nav .nav .nav_contact{ background-position:-589px 7px}

#rollText{ position:absolute; width:100%; left:215px; top:58px}
#rollText span{ color:#AC0154; font-size:12px; position:absolute; left:-70px}
#rollText ul{ list-style:none}
#rollText li{ position:absolute; display:none; margin:0; padding:0}
#rollText a{ font-size:12px; color:#707173; text-decoration:none; vertical-align:top}

#nav .tools{ position:absolute; top:55px; right:12px}

.subNav { display:none; position:absolute; bottom:38px;_bottom:33px; padding-left:12px; padding-top:12px; padding-right:12px; z-index:100000; overflow:hidden}
.subNav ul{ margin:0; padding:0; list-style:none; background:url(../images/bg_logo.gif) no-repeat right top; padding-bottom:14px}
.subNav ul li{ margin:0; padding:0; height:37px; vertical-align:top; border-bottom:1px solid #dcdddd; font-size:14px;text-align:center}
.subNav ul li a{ color:#b5b5b6; text-decoration:none; display:block; padding-top:12px; vertical-align:top}
.subNav ul li a:hover{ color:#fbb884}

#subNav0{ left:130px; width:158px; background:url(../images/bg_snavshdw.png) no-repeat}
#subNav3{ left:560px; width:128px; background:url(../images/bg_snavshdw3.png) no-repeat}

.siteTitle{ width:980px; margin:0 auto; padding-bottom:2px; padding-top:22px; position:relative; z-index:10; height:20px; background-color:#fff}
.siteTitle h1{ font-size:13px; color:#58585A; text-align:center; font-weight:normal; margin-left:220px; margin-right:220px}
.siteTitle .lang{ float:right; font-size:10px; line-height:14px; padding-right:12px}
.siteTitle .tsch{ margin-right:5px; display:inline-block; *display:inline; *zoom:1; border:1px solid #C0C0C0; width:115px; height:18px; padding-left:5px; vertical-align:middle}
.siteTitle .tsch input{ border:none; background:none; vertical-align:middle; background:url(../images/bg_tsrch.gif) no-repeat left 2px; color:#868789}
.siteTitle .tsch input.text{ width:98px; margin-top:1px}
.siteTitle .lang a{ text-decoration:none; color:#76838C; padding:0 3px}
.siteTitle .lang a.cur{ color:#AC0154}
.location{ float:left; font-size:10px; padding-right:12px; line-height:1.6em; color:#4B575E; padding-top:3px}
.location a{ text-decoration:none; color:#4B575E}
.location span{ color:#CC0069}


#features { position:relative; height:528px; background-color:#fff; padding-bottom:5px; }
#features a{ color:#fff;  text-decoration:none; position:absolute; overflow:hidden; display:none}
#features .row-1{ width:980px; height:278px; margin-bottom:5px;top:0; left:0}
#features .row-2{ height:245px; top:283px}
#features .col-1{ left:0}
#features .col-2{ left:385px}
#features .col-1,#features .col-2{ width:380px; margin-right:5px}
#features .col-3{ width:210px; left:770px}
#features .caption{ position:absolute; width:100%; text-align:left; z-index:3; cursor:pointer; padding:3px 0; display:none}
#features .caption h2{ font-size:16px; margin:0; padding:0; padding-left:10px; font-weight:normal;}
#features .caption .label{ font-size:12px; padding-left:10px; display:block; font-family:Arial}
#features .row-1 .fill{ top:212px}
#features .row-1 .caption{ bottom:0px; height:60px}
#features .row-1 .caption h2{ line-height:60px; vertical-align:middle; font-size:26px}
#features .row-1 .caption .label{ position:absolute; right:10px; top:10px}
#features .row-2 .fill{ top:-170px}
#features .row-2 .caption{ top:0; height:69px}
#features .row-2 .caption h2{  vertical-align:middle; font-size:16px; line-height:20px; width:314px}
#features .row-2 .caption .label{ position:absolute; right:10px; bottom:10px}
#features a:hover .fill{ top:0!important}
#features .fill{ background:url(../images/png45.png); display:block; width:100%; height:100%; position:absolute; z-index:2}
.corner{ position:absolute; z-index:40; width:22px; height:22px; background:url(../images/bg_corner.gif) no-repeat top right; top:0; right:0}
.icontent{ position:relative; height:535px; border-bottom:5px solid #fff;}
.icontent .infos{ width:421px; height:535px; overflow:auto; position:absolute; left:5px; bottom:0; z-index:100; _bottom:-1px    }
.icontent .infos .ctnt{ padding:10px 35px; color:#fff; }
.icontent .infos .ctnt h1{ font-size:17px; line-height:1.2em; padding-bottom:10px; color:#fbb884}
.icontent .infos .ctnt h2{ font-size:16px; color:#95c1c6; padding-top:20px; padding-bottom:10px}
.icontent .infos .ctnt p{ font-size:13px; padding-bottom:10px; padding-top:10px; line-height:22px}
.icontent .infos .ctnt table{ font-size:13px;}
.icontent .infos .ctnt .mail{ border:1px solid #fff}
.icontent .infos .ctnt .mail div{ border:1px solid #D8D9DA;text-align:right; background-color:#fff; padding-right:5px}
.icontent .infos .ctnt .mail div input{ vertical-align:middle}
.icontent .infos .ctnt .mail div input.text{ width:125px; border:none; height:15px; padding-top:4px; padding-bottom:5px; overflow:hidden; color:#000; font-size:15px; border-width:0}
.icontent .infos .ctnt .mail div input.text{ width:142px; font-size:12px; height:12px; padding-top:5px; padding-bottom:6px;}
.icontent .infos .ctnt .mail div input.text2{ width:42px; font-size:12px; height:12px; padding-top:5px; padding-bottom:6px; border:none;overflow:hidden; color:#000;}
.icontent .infos .ctnt .submit{ text-align:right; font-size:12px; padding-top:8px; color:#fbb884}
.icontent .infos .ctnt .submit a{ color:#fbb884; text-decoration:none; margin-left:5px}
.icontent .infos .ctnt ul { list-style:none}
.icontent .infos .ctnt ul li{ line-height:22px; font-size:13px; padding-left:20px}
.icontent .infos .ctnt ul li span{ color:#EF7A00}
.icontent .infos .ctnt ul li a{ color:#fff; text-decoration:none; font-size:14px}
.icontent .infos .ctnt ul li a.current{ color:#fbb884}
.icontent .infos .ctnt ul li a span{ color:#7FA0CD; padding:0 3px 0 5px}
.icontent .infos .ctnt p a{ color:#95C1C6; text-decoration:none; font-size:12px}
.solution{ background:url(../images/bg_solutions.jpg) no-repeat}
.empower{ background:url(../images/bg_empower.jpg) no-repeat}
.download1{ background:url(../images/bg_diaocha.jpg) no-repeat}
.career .infos{ background:url(../images/bg_careers.png); left:15px!important; overflow:hidden}
.career .infos .ctnt{ padding-left:25px!important; width:339px; height:515px; overflow:auto}
.career .infos .ctnt ul li{ padding-left:0}
.career .infos .ctnt ul li h1{ font-size:15px; color:#fff}
.career .infos .ctnt ul li h1 a{ font-size:12px; font-weight:normal; padding-left:10px; color:#95c1c6}
.career .subInfo{ left:415px}
.ctdetail .infos{ background:url(../images/png85.png)}
.connect{ background:url(../images/bg_connect.jpg) no-repeat}
.solution .infos,.empower .infos,.connect .infos,.founder .infos,.services .infos{ background:url(../images/bg_tinfo.png) repeat-y}
.download1 .infos{ background:url(../images/bg_tinfo2.png) repeat-y}
.team .infos{ width:330px; height:280px; background:url(../images/bg_team.png) no-repeat}
.career{ background:url(../images/bg_career.jpg) no-repeat}
.founder{ background:url(../images/bg_founder.jpg) no-repeat center}
.aboutus{ background:url(../images/bg_aboutus.jpg) no-repeat center; overflow:hidden}


.career-detail{ display:none}
.career-detail h2{ font-size:16px; color:#7FA0CD; line-height:1.2em}
.subInfo .form{ padding-top:100px}
.subInfo .infowrap{ width:300px; overflow:hidden; position:absolute; right:300px;}
.subInfo{ position:absolute; top:0px; left:403px; height:100%; width:300px; overflow:hidden; z-index:20}
.subInfo .shtp{ height:19px; background:url(../images/bg_careert.png) no-repeat left top}
.subInfo .content{ height:535px; background:url(../images/bg_careerc.png) repeat-y left top; color:#fff; font-size:14px}
.subInfo .content .row{ text-align:right; padding:5px 45px 5px 0}
.subInfo .content .row span{ border:2px solid #fff; display:inline-block; *display:inline; *zoom:1; background-color:#868789; padding:1px; padding-top:2px; _padding-top:1px; vertical-align:middle}
.subInfo .content .row span input{  height:14px; padding-top:4px; padding-bottom:5px; vertical-align:middle; width:125px; border:none; border-width:0; text-align:center}
.subInfo .content .row span textarea{ vertical-align:top; width:125px; height:100px; overflow:auto; border-width:0; border:none; text-align:center; font-size:12px}
.subInfo .content .row.text span{ vertical-align:text-top!important}
.subInfo .content .row.submit span input{ width:70px; background:#fff; color:#868789; font-size:12px; height:18px}
.subInfo .content .tip{ position:absolute; bottom:5px; right:30px; font-size:8px}
.icontent .infos .ctnt .career-detail p{ padding-top:0; line-height:1.1em}

.connect .subInfo .infowrap,.empower .subInfo .infowrap,.solution .subInfo .infowrap{ width:515px; right:515px}
.connect .subInfo,.empower .subInfo,.solution .subInfo{width:515px}
.connect .subInfo .shtp,.empower .subInfo .shtp,.solution .subInfo .shtp{background:url(../images/bg_caset.png) no-repeat left top}
.connect .subInfo .content,.empower .subInfo .content,.solution .subInfo .content{background:url(../images/bg_casec.png) repeat-y left top}


.shdwmain{ background:url(../images/bg_shdwm.gif) no-repeat center; width:1000px; height:553px; top:-10px; left:-10px}


.clients{ background:url(../images/bg_news.gif); height:auto;}
.articaldetail{ background:url(../images/bg_news.gif); height:auto;}
.clients .infos{ width:910px; background:url(../images/bg_artical.png); margin-left:5px; height:auto!important; height:535px; overflow:visible; min-height:535px; position:static;}
.clients .infos .ctnt{ padding:15px 40px 20px 30px}
.clients .infos .ctnt img{ float:right; margin-right:40px; margin-top:30px}
.clients .infos .ctnt div{ width:235px}
.clients .infos .ctnt div div{ cursor:pointer}
.clients .infos .ctnt div p{ font-size:13px; line-height:22px}
.clients .infos .ctnt div h2{ padding:10px 0 5px 0}
.clients .infos .ctnt div h2 a{ color:#95c1c6; font-size:16px; text-decoration:none}
.clients .infos .ctnt div#on h2 a{ color:#fbb884}
.clients .infos .ctnt div h2 a:hover{ color:#fbb884}

.contact div{ position:absolute; top:20px; left:25px; color:#4B575F; font-size:20px}
.contact img{ position:absolute; left:235px;top:60px}
.contact a{ display:block; position:absolute; background-color:red; z-index:100;filter:alpha(opacity=0);-moz-opacity:0; opacity: 0;  }
.contact #loc1{ left:608px; top:235px; width:18px; height:18px}
.contact #loc2{ left:641px; top:320px; width:27px; height:27px}
.contact #loc3{ left:581px; top:411px; width:20px; height:20px}

#caselink{ right:10px;   color:#95c1c6; position:absolute; width:145px; margin-top:20px; font-size:16px;}
#caselink a{ color:#fff; text-decoration:none}
#caselink .timg{ position:absolute; left:-38px; top:-20px}

.caselist{ position:absolute; left:15px}
.caselist h2{padding-bottom:10px; color:#95c1c6; font-size:16px}
.caselist ul li{ list-style:none; min-height:38px; height:auto!important; height:38px; margin-bottom:3px; padding-left:15px}
.caselist ul li a{ color:#fff; text-decoration:none}
.caselist ul li h3{ font-size:14px; line-height:18px}
.caselist ul li i{ clear:left; display:block; color:#95c1c6; font-weight:normal; font-size:13px; line-height:15px}
.caselist ul li i span{ padding-left:10px}
.founder{ overflow:visible!important}
.founder h1 b{ display:block; font-size:16px; color:#95c1c6; font-weight:bold; line-height:1em}
.founder p img{ vertical-align:middle}
.founder .infos{ overflow:visible;  height:780px; top:0!important}

.news{ background:url(../images/bg_news.gif); height:auto; margin-bottom:-200px; border-bottom-width:77px}
.news .infos{ width:695px; background:url(../images/bg_newslist.png); margin-left:5px; height:auto!important; height:535px; overflow:visible; min-height:535px; position:static;}
.news .infos .ctnt{ padding:10px 50px 10px 30px}
.news .infos .ctnt div{ float:right}
.news .infos .ctnt div img{ height:100px; width:125px}
.news .infos .ctnt h2{ width:420px; font-size:16px; line-height:22px; padding-top:0; padding-bottom:0}
.news .infos .ctnt h2 a{ color:#95c1c6!important}
.news .infos .ctnt h2 a:hover{ color:#fbb884!important}
.news .infos .ctnt h3{ color:#95c1c6; font-size:10px; font-weight:normal}
.news .infos .ctnt p{ width:420px; line-height:22px; font-size:13px; padding:0}
.news .infos .ctnt p a{ font-size:13px!imporant; padding-left:10px; color:#95c1c6!important}
.news .infos .ctnt p a:hover{ color:#fbb884!important}
.news .infos .ctnt li{ padding-bottom:20px; padding-left:0!important; min-height:130px; height:auto!important; height:130px}
.news .filter{ position:absolute; right:40px; top:18px; width:195px}
.news .filter .search,.news .filter .subscribe .mail{ border:1px solid #fff}
.news .filter .search div,.news .filter .subscribe .mail div{ border:1px solid #D8D9DA;text-align:right; background-color:#fff; padding-right:5px}
.news .filter .search div input,.news .filter .subscribe .mail div input{ vertical-align:middle}
.news .filter .search div input.text,.news .filter .subscribe .mail div input.text{ width:165px; border:none; height:15px; padding-top:4px; padding-bottom:5px; overflow:hidden; color:#000; font-size:15px; border-width:0}
.news .filter .search div input.text{ background:url(../images/bg_search.gif) no-repeat left center}
.news .filter .subscribe .mail div input.text{ width:182px; font-size:12px; height:12px; padding-top:5px; padding-bottom:6px; background:url(../images/bg_subscribe.gif) no-repeat left 6px}
.news .filter .subscribe .mailsuccess{color:#fff;font-size:11px; padding:3px 0px 3px 0px;}
.news .filter .subscribe .mailsuccess_cn{color:#fff;font-size:12px; padding:3px 0px 3px 0px;}
.news .filter .month{ padding-top:20px; min-height:280px; height:auto!important; height:280px; padding-bottom:20px}
.news .filter .month div{ text-align:right; color:#fff; font-size:16px; font-weight:bold}
.news .filter .month ul{ list-style:none}
.news .filter .month ul li{ text-align:right; line-height:25px}
.news .filter .month ul li a{ font-size:12px; text-decoration:none; color:#fff; font-weight:bold; font-weight:bold}
.news .filter .month ul li a:hover{ color:#fbb884}

.news .filter .month ul li a.curt{color:#FBB87C;}

.news .filter .subscribe h4{ color:#fbb884; font-size:13px; text-align:left; padding-bottom:5px; font-weight:normal}
.news .filter .subscribe .submit{ text-align:right; font-size:12px; padding-top:8px; color:#fbb884}
.news .filter .subscribe .submit a{ color:#fbb884; text-decoration:none; margin-left:5px}

.search{ background:url(../images/bg_news.gif); height:auto;}
.search .infos{ width:695px; background:url(../images/bg_newslist.png); margin-left:5px; height:auto!important; height:535px; overflow:visible; min-height:535px; position:static;}
.search .infos .ctnt{ padding:10px 50px 10px 30px}
.search h1{ padding-bottom:20px!important}
.search ul li{ padding-left:0px!important; padding-bottom:20px}
.search ul li h1,.search ul li h2,.search ul li p{ padding:0px!important;}
.search ul li h2{ color:#fff!important; font-weight:normal; font-size:14px!important}
.search .ctnt ul li h1 a{ font-size:16px!important}
.search .ctnt ul li span{ color:#fbb884!important}

.case{ background:url(../images/bg_news.gif); height:auto; }
.case .infos{ width:695px; background:url(../images/bg_newslist.png); margin-left:5px; height:auto!important; height:535px; overflow:visible; min-height:535px; position:static;}
.case .infos .ctnt{ padding:10px 50px 10px 30px}
.case .infos .ctnt div{ float:right}
.case .infos .ctnt div img{ height:100px; width:125px}
.case .infos .ctnt h2{ width:420px; font-size:16px; line-height:22px; padding-top:0; padding-bottom:0}
.case .infos .ctnt h2 a{ color:#fbb884!important}
.case .infos .ctnt h2 b{ font-size:16px}
.case .infos .ctnt h3{ color:#95c1c6; font-size:14px; font-weight:normal; width:420px}
.case .infos .ctnt p{ width:420px; line-height:22px; font-size:13px; padding:0}
.case .infos .ctnt p a{ font-size:13px!imporant; padding-left:10px; color:#95c1c6!important}
.case .infos .ctnt p a:hover{ color:#fbb884!important}
.case .infos .ctnt li{ padding-bottom:20px; padding-left:0!important; min-height:130px; height:auto!important; height:130px}
.case .filter{ position:absolute; right:30px; top:32px; width:195px}
.case .filter .search{ border:1px solid #fff}
.case .filter .search div{ border:1px solid #D8D9DA;text-align:right; background-color:#fff; padding-right:5px}
.case .filter .search div input{ vertical-align:middle}
.case .filter .search div input.text{ width:165px; border:none; height:15px; padding-top:4px; padding-bottom:5px; overflow:hidden; color:#000; font-size:15px; border-width:0; background:url(../images/bg_search.gif) no-repeat left center}

.case .filter .cate ul{ list-style:none}
.case .filter .cate ul li{ text-align:right; line-height:25px}
.case .filter .cate ul li a{ font-size:11px; text-decoration:none; color:#fff; font-weight:bold}
.case .filter .cate ul li a:hover{ color:Orange}
.case .filter .cate ul.left li{ text-align:left; line-height:25px;padding-left:18px; }
.case .filter .cate ul.left li a{ font-size:11px; text-decoration:none; color:#fff; font-weight:bold}
.case .filter .cate ul.left li a:hover{ color:Orange}




.services{ background:url(../images/bg_services.jpg) no-repeat center}
.services h2{ padding-bottom:0px!important}
.services p{ padding-top:5px!important}
.team{ background:url(../images/bg_team.jpg) no-repeat center; overflow:hidden}
.team .infos{ bottom:0px!important; bottom:-15px!important; top:auto!important}
.team .infos .ctnt h1{ padding-top:20px}

/*.ctdetail .infos{ width:280px}
.ctdetail .infos .ctnt h1{ font-size:25px; padding-bottom:0}
.ctdetail .infos .ctnt h2{ font-size:15px; padding:0; margin:0 0 10px 0}
.ctdetail .infos .ctnt p{ font-size:12px; padding:0; margin:0}
.ctdetail .infos .ctnt .map{ font-weight:bold; margin-bottom:3px}
.ctdetail .infos .ctnt .map img{ vertical-align:text-bottom; margin-right:3px}
.ctdetail .infos .ctnt .map a{ display:inline-block; *display:inline; *zoom:1; color:#fff; text-decoration:none;}
.ctdetail .infos .ctnt .map a.la{ margin-right:108px}
.ctdetail .pics{ padding-top:10px}
.ctdetail .pics li{  float:left; margin:0; padding:0; height:125px; overflow:hidden}
.ctdetail .pics li div{ height:120px; overflow:hidden}
.ctdetail .pics li a{ cursor:pointer;  position:relative; display:block; height:120px; overflow:hidden}
.ctdetail .pics li span{ position:absolute; display:block; background:#000;top:200px; left:0; padding:0!important; margin:0;filter:alpha(opacity=65);-moz-opacity:0.65; opacity: 0.65; height:120px}
.ctdetail .pics li.col-1{ width:175px}
.ctdetail .pics li.col-2{ width:80px}
.ctdetail .pics li.col-1 img,.ctdetail .pics li.col-1 span,.ctdetail .pics li.col-1 div{ width:170px}
.ctdetail .pics li.col-2 img,.ctdetail .pics li.col-2 span,.ctdetail .pics li.col-2 div{ width:80px}*/
.ctdetail .infos{ width:304px; background:url(../images/bg_locs.png) repeat-y}
.ctdetail .infos .ctnt .map img{ vertical-align:text-bottom; margin-right:3px; padding-top:10px}
.ctdetail .infos .ctnt a{ color:#fff; text-decoration:none}
.ctdetail .infos .ctnt .map a{ display:inline-block; *display:inline; *zoom:1; color:#fff; text-decoration:none;}
.ctdetail .infos .ctnt .map a.current{ color:#95c1c6}
#imgc{width:980px; height:535px; overflow:hidden}
#imgc img{ position:absolute; top:0; left:0; display:none; }
.ctdetail .subInfo .infowrap{ width:617px; right:617px}
.ctdetail .subInfo{width:617px; left:287px; }
.ctdetail .subInfo .content{ height:535px; background:url(../images/bg_map.png) repeat-y left top;}
.ctdetail .subInfo .content img{ margin:20px 0 0 40px}
.ctdetail{ overflow:hidden}


.aboutus ul li{ font-size:20px; list-style:none; position:relative; height:95px; overflow:hidden; border-bottom:2px solid #fff; *margin-top:-3px}
.aboutus ul li a{ color:#fff; text-decoration:none; display:block;  position:absolute; width:100%; font-weight:bold}
.aboutus ul li a span{ display:block;  padding-top:65px; cursor:pointer; padding-left:20px; height:25px; margin-bottom:5px; overflow:hidden; font-family:Arial}
.aboutus ul li a span b{ font-size:13px; padding-left:10px; display:none}
.aboutus ul li a span i{ font-size:12px; float:right; padding-right:20px; font-style:normal; padding-top:7px; font-weight:bold; display:none}
.aboutus ul li a:hover{ background:url(../images/bg_linein.png); color:#fbb884}
.aboutus ul li a:hover span b{ color:#fff; display:inline}
.aboutus ul li a:hover span i{ color:#fff; display:inline}


.articaldetail{ background:url(../images/bg_news.gif); height:auto;}
.articaldetail .infos{ width:910px; background:url(../images/bg_artical.png); margin-left:5px; height:auto!important; height:535px; overflow:visible; min-height:535px; position:static;}
.articaldetail .infos .ctnt{ padding:15px 40px 20px 30px}
.articaldetail .infos .date{ font-size:11px; font-style:italic; color:#fff; }

.articaldetail .infos .newpic{ float:right; width:325px; margin-right:30px;}
.articaldetail .infos .newpic .mainp img{ width:325px; margin-top:41px}
.articaldetail .infos .newpic .chl{padding-top:10px;}
.articaldetail .infos .newscontent{ margin-right:390px}
.articaldetail .infos .newscontent h1{ color:#95c1c6; font-size:16px}
.articaldetail .infos .newscontent h2{background:url(../images/ico_wdot.gif) no-repeat left 5px; padding:0 0 15px 10px; font-size:12px; color:#BCBE00}
.articaldetail .infos .newscontent p{font-size:13px; line-height:22px}
.articaldetail .infos .newscontent p a{ font-style:italic; color:#95c1c6; text-decoration:none}
.articaldetail .infos .newscontent div a{ font-style:italic; color:#95c1c6; text-decoration:none}
.articaldetail .infos .newscontent .cncontent div{font-size:13px;font-family:Helvetica, Aria}
.articaldetail .infos .newscontent_nop{ margin-right:20px}
.articaldetail .infos .newscontent_nop h1{ color:#95c1c6; font-size:16px}
.articaldetail .infos .newscontent_nop h2{background:url(../images/ico_wdot.gif) no-repeat left 5px; padding:0 0 15px 10px; font-size:12px; color:#BCBE00}
.articaldetail .infos .newscontent_nop p{font-size:13px; line-height:22px}
.articaldetail .infos .newscontent_nop p a{ font-style:italic; color:#95c1c6; text-decoration:none}
.articaldetail .infos .newscontent_nop div a{ font-style:italic; color:#95c1c6; text-decoration:none}
.articaldetail .infos .newscontent_nop .cncontent div{font-size:13px;font-family:Helvetica, Aria}

.articaldetail .infos .newscontent .cncontent h1,.articaldetail .infos .newscontent .cncontent h2,.articaldetail .infos .newscontent .cncontent h3,.articaldetail .infos .newscontent .cncontent h4,.articaldetail .infos .newscontent .cncontent h4,.articaldetail .infos .newscontent .cncontent h6,.articaldetail .infos .casescontent .cncontent h1,.articaldetail .infos .casescontent .cncontent h2,.articaldetail .infos .casescontent .cncontent h3,.articaldetail .infos .casescontent .cncontent h4,.articaldetail .infos .casescontent .cncontent h4,.articaldetail .infos .casescontent .cncontent h6{ color:#95c1c6!important}


.articaldetail .infos .casespic{ float:right; width:380px; position:relative}
.articaldetail .infos .casespic .title{ position:absolute; bottom:0; background:url(../images/png45.png); text-align:right; color:#fff; font-size:16px; left:0; width:270px; padding-right:10px}
.articaldetail .infos .casespic .img{ width:325px;  margin-top:60px; margin-left:30px; position:relative; height:335px; overflow:hidden}
.articaldetail .infos .casespic .img img{ width:325px;}
.articaldetail .infos .casescontent{ margin-right:390px}
.articaldetail .infos .casescontent h1{ color:#95c1c6; font-size:16px; padding-bottom:0}
.articaldetail .infos .casescontent .subtitle{ font-size:13px; min-height:38px; height:auto!important; height:38px; color:#95c1c6}
.articaldetail .infos .casescontent h2{background:url(../images/ico_wdot.gif) no-repeat left 5px; padding:0 0 15px 10px; font-size:12px; color:#BCBE00}
.articaldetail .infos .casescontent p{ padding:0; margin:0; font-size:13px; line-height:22px}
.articaldetail .infos .casescontent p b{ display:block; color:#B1B3B4; padding-bottom:5px; font-size:14px}
.articaldetail .infos .casescontent p a{ font-style:italic; color:#BCBE00; text-decoration:none}
.articaldetail .infos .casescontent p span.p{ font-style:italic; display:block; padding:10px 0}
.articaldetail .infos .casescontent p span.p span{ color:#AFBD22}
.articaldetail .infos .casescontent p img{ vertical-align:middle}

.philosophy{ background:url(../images/bg_news.gif); }
.philosophy .infos{ height:auto!important; height:535px; min-height:535px ;padding:0px; width:800px; margin-left:15px; position:static; background:url(../images/bg_phs.png) repeat-y}

.philosophy .infos .ctnt{ padding:10px 20px 0px 20px}
.philosophy .phl{ float:left; width:291px; padding-right:20px}
.philosophy .phm{ float:left; width:202px; padding-top:35px}
.philosophy .phr{ float:left; width:228px; margin-left:10px}
.philosophy .phr h3{ font-size:16px; padding-bottom:25px; margin-top:43px}
.philosophy .phr div{ display:none}
#c1 h3{ color:#B0C2DD}
#c2 h3{ color:#95C1C6}
#c3 h3{ color:#D3D98D}
#c4 h3{ color:#fbb884}
#c1 li{ background-image:url(../images/ico_dot1.gif)}
#c2 li{ background-image:url(../images/ico_dot2.gif)}
#c3 li{ background-image:url(../images/ico_dot3.gif)}
#c4 li{ background-image:url(../images/ico_dot4.gif)}
.philosophy .phr li{ margin-bottom:20px; background-repeat:no-repeat; background-position:0px 8px; padding-left:12px!important}
.philosophy .item{ padding-left:20px}
.philosophy .item .pic{ padding:10px 0 20px 0}
.philosophy .item .pic img{ cursor:pointer}

.whatwedo{ background-image:url(../images/bg_whatwedo.jpg); overflow:hidden}
.whatwedo ul{ height:535px; background:url(../images/bg_lineout.png)}
.whatwedo ul li{ text-transform:uppercase; font-size:20px; font-family:Arial; list-style:none; position:relative; height:167px; overflow:hidden; border-bottom:2px solid #fff; *margin-top:-3px!important;}
.whatwedo ul li a{ color:#fff; text-decoration:none; display:block;  position:absolute; width:100%; padding-bottom:5px}
.whatwedo ul li a span{ display:block;  padding-top:138px; cursor:pointer; padding-left:20px; height:28px; overflow:hidden; font-family:Arial; font-weight:bold;}
.whatwedo ul li a dd{ font-size:12px; display:block; color:#fff; margin-left:5px; float:right;padding-top:7px; padding-right:12px;}
.whatwedo ul li a span div{float:left; font-weight:bold}
.whatwedo ul li a:hover span{ background:url(../images/bg_linein.png); color:#95c1c6}
.whatwedo ul li a:hover dd{color:#95c1c6}

.casepager { margin-right:390px;padding-top:20px;}
.casepager .prev{ float:left}
.casepager .next{ float:right}
.casepager span { font-size:10px;  color:#F47B20}
.casepager span a{ color:#fff;text-decoration:none}
.ititle{ float:left; font-size:12px; line-height:1.8em}

.itop{ height:18px; padding-top:22px}


.no-bg{ background-image:none!important;}

.clf,.caselist ul li,.news .infos .ctnt li,.case .infos .ctnt li { 
    display: inline-block; 
} 
.clf:after,.caselist ul li:after,.news .infos .ctnt li:after,.case .infos .ctnt li:after { 
    /*/*/content: "."; /* 兼容ie8 */ 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 
/* Hides from IE-mac \*/ 
* html .clf,* html .caselist ul li,* html .news .infos .ctnt li,* html .case .infos .ctnt li { 
    height: 1%; 
} 
.clf,.caselist ul li,.news .infos .ctnt li,.case .infos .ctnt li { 
    display: block; 
} 

.ajaxloading{position:absolute; width:16px; height:16px}
.ajaxloading3{position:absolute; width:200px; height:200px; padding:100px 0px 0px 100px;}
.tools span{ font-size:12px; color:#666;}
.tools img{ vertical-align:middle}
.hand{ cursor:pointer;}
.pl10{ padding-left:10px;}
.downloadf{ text-align:left; font-style:normal;}