@charset "utf-8";

/*
-----------------------------------
basic
-----------------------------------
*/
#top , #nav , #banner , #indexC , #footer{ width:950px; margin:auto;}

#subCon{ width:950px; margin:auto; background:#fff url(../images/subNavBG.gif) repeat-y; min-height:500px;
height:auto !important;
height:500px;}

.dash{ height:1px; border-bottom:1px dashed #ddd;}
.align-left{text-align:left;}
p{ text-indent:2em;}
/*
-----------------------------------
#top
-----------------------------------
*/
#top .logo a{ display:block; float:left; width:398px; height:79px;}
#top .right{ float:right; width:540px; text-align:right; height:49px; padding-top:30px; }
#top .right a{ padding:0 5px;}
#top .right .login{ margin-right:20px;}
#top .right select{ border:1px solid #ABABAC; line-height:18px; font-size:12px; background:#fff;}
#top .right select option{ font-size:12px;}


/*
-----------------------------------
nav
-----------------------------------
*/
#nav { background:url(../images/nav_c.gif) repeat-x; height:34px; line-height:34px;}
#nav ul li span , #nav ul li a{ display:block; float:left; line-height:34px;  height:34px; }
#nav ul li a{ color:#fff; font-weight:bold; width:105px;}
#nav ul li { display:inline;}

#nav ul li .l{ background:url(../images/nav_l.gif) no-repeat; width:8px;}
#nav ul li .r{ background:url(../images/nav_r.gif) no-repeat; width:5px; float:right;}
#nav ul li .p{ background:url(../images/nav_p.gif) no-repeat; width:2px;}

/*
-----------------------------------
banner
-----------------------------------
*/
#banner .banner{ background:url(../images/index_banner.gif) center no-repeat; height:272px; display:block;}

#hr_banner .banner{ background:url(../images/human-recourse_banner.gif) center no-repeat; height:142px; display:block;}
#ms_banner .banner{ background:url(../images/Management-structure_banner.gif) center no-repeat; height:142px; display:block;}
#news_banner .banner{ background:url(../images/newsBanner.gif) center no-repeat; height:143px; display:block;}
#ss_banner .banner{ background:url(../images/smBanner.gif) center no-repeat; height:141px; display:block;}
/*
-----------------------------------
indexC
-----------------------------------
*/
#indexC img{ padding:1px; border:1px solid #ABABAC; display:block;}

#indexC .left{ float:left; width:510px; display:inline; }

#indexC .left .c1 , #indexC .left .c2{ clear:both; overflow:hidden;}
#indexC .left .c1{ height:340px;}
#indexC .left .c1 .tit{ background:url(../images/index_left_tit.gif) no-repeat; height:21px; margin-bottom:20px;}
#indexC .left .c1 .con .pic { float:left; width:185px;}
#indexC .left .c1 .con .pic a{ display:block;}
#indexC .left .c1 .con .txt{ width:300px; padding-left:20px; float:left; text-align:left;}
#indexC .left .c1 .con .txt h2 a{ font-size:12px; line-height:30px; height:30px;}
#indexC .left .c1 .con .txt p{ line-height:20px;}
#indexC .left .c1 .con  .more{ text-align:right;  line-height:30px; height:30px; float:right; padding-right:10px;}

#indexC .left .c2 .tit{ background:url(../images/index_left_tit_2.gif) no-repeat; height:21px; margin-bottom:20px;}
#indexC .left .con ul li{ background:url(../images/icon1.gif) 10px 0  no-repeat; line-height:18px; height:18px;  padding-left:0; margin:0; text-align:left; padding-left:30px; margin-bottom:10px;}
#indexC .left .con ul li a{ line-height:18px; height:18px;}
#indexC .left .con ul li span{ float:right;}
#indexC .left .con ul li span{  padding-right:20px;}

#indexC .right .c1 {height:340px;}

#indexC .right{ float:right; width:390px;}
#indexC .right .c1 , #indexC .right .c2{ clear:both; overflow:hidden;}
#indexC .right .c1 .tit{ background:url("../images/index-main-services-bg.jpg") no-repeat; height:21px; margin-bottom:20px;}
#indexC .right .c1 .con .pic { float:left; width:90px;}
#indexC .right .c1 .con .pic a{ display:block;}
#indexC .right .c1 .con .txt{ width:270px; padding-left:20px; float:left; text-align:left;}
#indexC .right .c1 .con .txt h3 { font-size:12px; color:#000;}
#indexC .right .c1 .con .txt h3 a{ font-size:12px; line-height:30px; height:30px;}
#indexC .right .c1 .con .txt p{ line-height:20px;}


#indexC .right .c2 .tit{ background:url("../images/serviceway.jpg") no-repeat; height:21px; margin-bottom:20px;}
#indexC .right .c2 .con ul li{ display:inline; width:160px; height:26px; line-height:26px; background:url(../images/bg1.gif) no-repeat; float:left;  margin:15px;}
#indexC .right .c2 .con ul li a{}

/*
-----------------------------------
footer
-----------------------------------
*/
#footer{ background:url(../images/footerBG.gif) repeat-x; height:92px; text-align:left;}
#footer a{ display:block; float:left; width:200px; height:92px; text-align:left;}
#footer p{height:92px; line-height:92px;}
#footer .copyright{ float:left; width:520px;}
#footer .phone{ float:right; padding-right:10px;}

/*
-----------------------------------
left navigators
-----------------------------------
*/
#subCon #subNav{ float:left; width:186px; text-align:center;}
    #subCon #subNav .tit{ background:url(../images/subNavTit.gif)  no-repeat; 
                          width:162px; margin:auto; margin-top:50px; height:33px; line-height:28px;}
    #subCon #subNav .tit span{ text-align:center; display:block; color:#fff; font-weight:bold;}
    #subCon #subNav .con ul li{ height:30px; line-height:30px; border-left: 1px solid #DBDBDB;  
                                border-bottom: 1px solid #DBDBDB; padding-right:30px;
                                border-right: 1px solid #DBDBDB;
                                width:132px; text-align:right; margin:auto;}
    #subCon #subNav .con ul li.current{ background: #eee url(../images/newspad_03.jpg) 140px center no-repeat;}

    .quicklinks{margin:50px auto auto auto; border:solid 0px #ff0000; clear:both;}
    .quicklinks a{display:block; clear:both;margin:10px auto;}
    .quicklinks img{}

#content{ float:right; width:740px; padding:0  0 0px 20px;}

#content .sitemap{ height:49px; line-height:49px; float:right; padding-right:10px; }
#content .sitemap a , #content .sitemap span{height:49px; line-height:49px; }
#content .sitemap span{ padding:0 2.5px;}
#content  .title { float:left; width:340px;} 
#content  .title span{ font-size:20px; color:#000000; font-family:Arial, Helvetica, sans-serif; display:block; background:url(../images/icon2.gif) 0 center no-repeat; padding-left:30px; text-align:left; line-height:45px; height:45px;}
#content .borderB{ height:3px; display:block; border-bottom:1px solid #DBDBDB;}

#content .con{ padding:0px 20px;}
#content .con p{ text-align:left; margin-bottom:5px; }

#content .con .blueBox{ padding:15px; background:#eff3f4; border:1px solid #d9e4e8; margin-bottom:15px; text-align:left;}
#content .con .blueBox span{ font-size:14px; font-weight:bold; color:#401966;}


#content .con .newsList li{ height:35px; line-height:35px; border-bottom:1px dashed #ddd; text-align:left; padding-left:20px;}
#content .con .newsList li span{ float:right; padding-right:20px;}
#content .con  h4{ font-size:14px;}

/* our advantage */
.advantage {}
.advantage p{ text-indent:2em; line-height:2em; margin:1em auto;}
.advantage ul{ margin-left:40px;}
.advantage li{ line-height:2em;list-style-type:square;}

/* Achievement */
ul#achievement {}
ul#achievement li{border-bottom:solid 1px #999;;margin:5px; text-align:center;}
ul#achievement li img{margin:20px;}
ul#achievement li p{width:615px;margin:10px auto;}