/* --------------------------------------------------------------------


* Filename:                     style.css
* Description:                  Global Css
* Verson:                       1.0.0(2009-05-13)
* Website:                      http://www.haoyiju.com
* Author:                       Xiamen HooYoo IT


=======STRUCTURE======================================================


* Page Width:                   1000px;
* Number of columns:            2;


---------------------------------------------------------------------- */


body
{
    background:#00293D url(../images/bg.jpg) repeat-x;
    
    margin:0px auto;
    color:#FFFFFF;
    font-family:@微软雅黑 @宋体 Arial;
}

.clear { 
    clear : both; 
}

a {
    font-size:12px;
    color:#FFFFFF;
    font-weight:200;
    font-family: Arial;
    text-decoration: none;
}
a:hover {
    font-size :12px;
    color:#A42525;
    font-family: @微软雅黑 Arial;
    text-decoration: none;
}

.black{color:#000000;}
.yellow{color:#946d03;}
.txtSearch
{
    border:1px solid #727272;
    background:#f8f8f8;
    width:120px;
    height:21px;
}
        
img {
   border: 0;
}

/* =======STRUCTURE======================================================

$_wrap                          整体框架
$_header                        顶部BANNER部分
$_navigation                    导航
$_maincontent                   中间网站主体部分，分为左右结构
$_footer                        底部版权声明部分

------------------------------------------------------------------------ */

/*  _wrap
-----------------------------------------*/
#wrap
{
    width:1000px;
    margin:0px auto;
    overflow: hidden;

}

/*  _header
-----------------------------------------*/
#header
{
    width:1000px;
    height:137px;
    background:url(../images/banner.jpg) no-repeat;
}
#header .toplink
{
    color:#FFFFFF;
    padding-left:45px;
}
#header .toplink a {
    font-size:12px;
    color:#FFFFFF;
    font-weight:200;
    font-family: Arial;
    text-decoration: none;
}
#header .toplink a:hover {
    font-size :12px;
    color:#F39700;
    font-family: @微软雅黑 Arial;
    text-decoration: none;
}
#header_index
{
    width:1000px;
    height:408px;
    background:url(../images/banner_index.jpg) no-repeat;
}
/*  _navigation
-----------------------------------------*/

#navigation
{
    width:1000px;
    margin-top:4px;
    height:72px;
    
    
}
#navigation .menu
{
    width:1000px;
    height:46px;
    margin-bottom:0px!important; /* IE7+FF */
    margin-bottom:-3px;
}
#navigation .menu ul
{
    padding:0px;
    margin:0px;
    width:1000px;
    height:46px;
    list-style:none;
}
#navigation .menu ul li
{
    padding:0px;
    margin:0px;
    float:left;
    height:46px;
    width:200px;
}
#navigation .smallmenu
{
    width:1000px;
    height:26px;
    background:url(../images/small_menu_bg.jpg) no-repeat;
    
}
#navigation .smallmenu ul
{
    padding:0px;
    margin:0px;
    padding-left:208px;
    width:1000px;
    height:26px;
    list-style:none;
}
#navigation .smallmenu ul li
{
    padding:0px;
    margin:0px;
    float:left;
    height:26px;
    width:70px;
    line-height:26px;
    color:#F39700;
}
#navigation .smallmenu ul li a 
{
    padding:0px;
    margin:0px;
    color:#F39700;
    font-weight:200;
    font-size:12px;
    font-family: Arial;
    text-decoration: none;
}
#navigation .smallmenu ul li a:hover {
    color:#FFFFFF;
    font-family: Arial;
    text-decoration: none;
    padding:0px;
    margin:0px;
}

#navigation .Designmenu
{
    width:1000px;
    height:26px;
    background:url(../images/small_menu_design_bg.jpg) no-repeat;
}
#navigation .Designmenu ul
{
    padding:0px;
    margin:0px;
    padding-left:405px;
    
    height:26px;
    float:left;
    list-style:none;
}
#navigation .Designmenu ul li
{
    padding:0px;
    margin:0px;
    float:left;
    height:26px;
    width:70px;
    line-height:26px;
    color:#00FF00
    }
#navigation .Designmenu ul li a {
    color:#00FF00;
    font-weight:200;
    font-size:12px;
    font-family: Arial;
    text-decoration: none;
}
#navigation .Designmenu ul li a:hover {
    color:#FFFFFF;
    font-family: Arial;
    text-decoration: none;
}

#navigation .Engineering
{
    width:1000px;
    height:26px;
    background:url(../images/small_menu_engineer_bg.jpg) no-repeat;
}
#navigation .Engineering ul
{
    padding:0px;
    margin:0px;
    padding-left:610px;
    
    height:26px;
    float:left;
    list-style:none;
}
#navigation .Engineering ul li
{
    padding:0px;
    margin:0px;
    float:left;
    height:26px;
    width:65px;
    line-height:26px;
    color:#F24D65
    }
#navigation .Engineering ul li a {
    color:#F24D65;
    font-weight:200;
    font-size:12px;
    font-family: Arial;
    text-decoration: none;
}
#navigation .Engineering ul li a:hover {
    color:#FFFFFF;
    font-family: Arial;
    text-decoration: none;
}

#navigation .News
{
    width:1000px;
    height:26px;
    background:url(../images/small_menu_news_bg.jpg) no-repeat;
}
#navigation .News ul
{
    padding:0px;
    margin:0px;
    padding-left:190px;
    
    height:26px;
    float:left;
    list-style:none;
}
#navigation .News ul li
{
    padding:0px;
    margin:0px;
    float:left;
    height:26px;
    width:72px;
    line-height:26px;
    color:#CCE198
    }
#navigation .News ul li a {
    color:#CCE198;
    font-weight:200;
    font-size:12px;
    font-family: Arial;
    text-decoration: none;
}
#navigation .News ul li a:hover {
    color:#FFFFFF;
    font-family: Arial;
    text-decoration: none;
}

#navigation .Communion
{
    width:1000px;
    height:26px;
    background:url(../images/small_menu_communion_bg.jpg) no-repeat;
}
#navigation .Communion ul
{
    padding:0px;
    margin:0px;
    padding-left:650px;
    
    height:26px;
    float:left;
    list-style:none;
}
#navigation .Communion ul li
{
    padding:0px;
    margin:0px;
    float:left;
    height:26px;
    width:68px;
    line-height:26px;
    color:#00b7ee
    }
#navigation .Communion ul li a {
    color:#00b7ee;
    font-weight:200;
    font-size:12px;
    font-family: Arial;
    text-decoration: none;
}
#navigation .Communion ul li a:hover {
    color:#FFFFFF;
    font-family: Arial;
    text-decoration: none;
}

.check
{
    color:#FFFFFF;
    background:#7A3F00;
    font-family: Arial;
}


/*  _CommonTitle
-----------------------------------------*/
#CommonTitle
{
    width:1000px;
    height:43px;
    background:url(../images/Title_bg.jpg) no-repeat;
}
#CommonTitle .title
{
    margin-left:273px;
    font-family:黑体;
    font-size:18px;
    font-weight:600;
    line-height:47px;
}
#CommonTitle_contact
{
    width:1000px;
    height:43px;
    background:url(../images/Contact_Title_bg.jpg) no-repeat;
}
#CommonTitle_contact .title
{
    margin-left:810px;
    font-family:黑体;
    font-size:18px;
    font-weight:600;
    line-height:47px;
}

#CommonTitle_engineering
{
    width:1000px;
    height:43px;
    background:url(../images/Engineering_title_bg.jpg) no-repeat;
}
#CommonTitle_engineering .title
{
    margin-left:550px;
    font-family:黑体;
    font-size:18px;
    font-weight:600;
    line-height:47px;
}
#CommonTitle_news
{
    width:1000px;
    height:43px;
    background:url(../images/News_title_bg.jpg) no-repeat;
}
#CommonTitle_news .title
{
    margin-left:605px;
    font-family:黑体;
    font-size:18px;
    font-weight:600;
    line-height:47px;
}

/*  _CommonContent
-----------------------------------------*/
#Content
{
    background:#001c2f;
    width:1000px;
    margin-top:0px!important; /* IE7+FF */
    *margin-top:-4px;
    padding:5px 0px 5px 0px;

}
#Content .detailcontent
{   width:924px;
    line-height:25px;
    margin-top:10px;
    margin-left:40px;
    margin-bottom:10px;
    }
#Content .detailtitle
{   width:924px;
    line-height:30px;
    float:left;
    font-size:18px;
    font-weight:600;
    color:#f39700;
    margin-top:20px;
    margin-left:40px;
    }
#Content .Control
{   width:974px;
    line-height:25px;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:10px;
    }
/*  _Friend Links
-----------------------------------------*/
#links
{
    width:1000px;
}
#links .lhead
{
    width:1000px;
    line-height:30px;
    color:#FFF;
    font-size:12px;
    background:#1A3F54;
}
#links .lcontent
{
    width:1000px;
    line-height:40px;
    color:#FFF;
    font-size:12px;
    background:#001B2C;
}
#links .nbsp
{
    padding-left:20px;
}
#links .nbsp a {
    font-size:12px;
    color:#FFFFFF;
    font-weight:200;
    font-family: Arial;
    text-decoration: none;
}
#links .nbsp a:hover {
    font-size :12px;
    color:#FF6600;
    font-family: @微软雅黑 Arial;
    text-decoration: none;
}
/*  _Footer
-----------------------------------------*/
#footer
{
    width:1000px;
    line-height:40px;
    color:#D2D2D2;
    font-size:12px;
}
#footer .nbsp
{
    padding-left:20px;
}
#footer_index
{
    width:1000px;
    border-top:1px solid #d2d2d2;
    padding-top:10px;
    margin-top:10px;
    line-height:40px;
    color:#D2D2D2;
    text-align:center;
    font-size:12px;
}
/*  _Success Stories
-----------------------------------------*/
#Success
{
    width:1000px;
    font-size:12px;
}
#Success ul
{
    padding:0px;
    margin:0px;
    width:1000px;
    float:left;
    padding-top:20px;
}
#Success ul li
{
    padding:0px;
    margin:0px;
    float:left;
    width:200px;
    text-align:center;
    margin-top:15px;
    list-style:none;
}
#Success ul li img{width:148px;height:106px;border:1px solid #979899;}

#Success ul li a {
    font-size:12px;
    color:#FFFFFF;
    font-weight:200;
    font-family:宋体;
    text-decoration: none;
    line-height:30px;
}
#Success ul li a:hover {
    font-size :12px;
    color:#FF6600;
    font-family: 宋体;
    text-decoration: none;
    line-height:30px;
}


#SuccessDetail
{
    width:1000px;
    height:500px;
    background:#001c2f;
}
#SuccessDetail .sdleft
{
    
    width:660px!important;
    width:650px;
    float:left;
    background:#001c2f;
    height:500px;

}
#SuccessDetail .sdleft .sdltitle
{
    
    width:660px!important;
    width:650px;
    float:left;
    color:#f39700;
    font-size:18px;
    font-weight:800;
    padding-left:30px;
    padding-top:20px;
}
#SuccessDetail .sdleft .sdlimg
{
    
    width:660px!important;
    width:650px;
    float:left;
    text-align:center;
}
#SuccessDetail .sdleft .sdlimg img{width:604px;height:438px;border:1px solid #183c51;}

#SuccessDetail .sdright
{
    
    width:330px!important;
    width:320px;
    float:right;
    background:#001c2f;
    height:500px;
}
#SuccessDetail .sdright .sdrtitle
{
    width:282px;
    font-size:12px;
    color:#f39700;
    margin-top:45px;
    padding-left:24px;
}
#SuccessDetail .sdright .sdrcontent
{
    width:282px;
    color:#d2d2d2;
    line-height:18px;
    font-size:12px;
    padding-left:24px;
    margin-top:10px;
    text-align:justify;
}

#SuccessFrame
{
    width:1000px;
    height:166px;
}
#SuccessFrame .PhoShow
{
    width:1000px;
    height:166px;
}


/*  _ClassDesign
-----------------------------------------*/
#ClassDesign
{
    width:1000px;
    font-size:12px;
}
#ClassDesign ul
{
    padding:0px;
    margin:0px;
    width:1000px;
    float:left;
    padding-top:20px;
}
#ClassDesign ul li
{
    padding:0px;
    margin:0px;
    float:left;
    width:200px;
    text-align:center;
    margin-top:5px;
    list-style:none;
}
#ClassDesign ul li img{width:150px;height:200px;border:1px solid #979899;}

#ClassDesign ul li a {
    font-size:12px;
    color:#FFFFFF;
    font-weight:200;
    font-family:宋体;
    text-decoration: none;
    line-height:30px;
}
#ClassDesign ul li a:hover {
    font-size :12px;
    color:#FF6600;
    font-family: 宋体;
    text-decoration: none;
    line-height:30px;
}


#Designer
{
    width:1000px;
    height:500px;
    background:#001c2f;
}
#Designer .dleft
{
    width:390px;
    float:left;
    background:#001c2f;
    

}
#Designer .dleft .dlimg
{
    width:390px;
    float:right;
    text-align:center;
    margin-top:50px;
}
#Designer .dleft .dlimg img{width:303px;height:404px;border:1px solid #183c51;}

#Designer .dright
{
    width:610px;
    float:right;
    background:#001c2f;
    
}

#Designer .dright .drcontent
{
    width:504px;
    color:#d2d2d2;
    line-height:25px;
    font-size:12px;
    padding-left:24px;
    margin-top:10px;
    text-align:justify;
    margin-top:50px;
}



/*  _Fashion trends
-----------------------------------------*/
.Fashion_title{font-size:18px; color: #f39700; width: 313px;line-height:20px;}
.Fashion_title a {
    font-size:18px;
    font-weight:600;
    color:#f39700;
    font-family: @微软雅黑 Arial;
    text-decoration: none;
}
.Fashion_title a:hover {
    font-size:18px;
    font-weight:600;
    color:#ffffff;
    font-family: @微软雅黑 Arial;
    text-decoration: none;
}

.Fashion_content{font-size:12px; color: #c9c9c9; width: 313px;line-height:18px;font-family: @微软雅黑 Arial;}

/*  _Order
-----------------------------------------*/
#order
{
    width:1000px;
    font-size:12px;
}
#order ul
{
    padding:0px;
    margin:0px;
    width:1000px;
    padding-top:20px;
}
#order ul li
{
    padding:0px;
    margin:0px;
    padding-left:45px;
    list-style:none;
    color:#d2d2d2;
    line-height:28px;
}

/*  _Engineering team
-----------------------------------------*/
.teampage
{
    text-align:right;
    padding-right:10px;
}
.teampage a {
    font-size:12px;
    color:#FF9700;
    font-weight:200;
    font-family: Arial;
    text-decoration: none;
}
.teampage a:hover {
    font-size :12px;
    color:#FFFFFF;
    font-family: @微软雅黑 Arial;
    text-decoration: none;
}

/*  _News List
-----------------------------------------*/


#NewsList
{
    width:1000px;
    font-size:12px;
    text-align:center;
    padding-left:100px;
}
#NewsList ul
{
    padding:0px;
    margin:0px;
    width:1000px;
    float:left;
    padding-top:20px;
    text-align:center;
}
#NewsList ul li
{
    padding:0px;
    margin:0px;
    float:left;
    width:400px;
    text-align:left;
    list-style:none;
    vertical-align:middle;
    line-height:20px;
}

#NewsList ul li a {
    font-size:12px;
    color:#D2D2D2;
    font-weight:200;
    font-family:宋体;
    text-decoration: none;
     line-height:23px;
}
#NewsList ul li a:hover {
    font-size :12px;
    color:#FF6600;
    font-family: 宋体;
    text-decoration: none;
     line-height:23px;
}


#NewsDetail
{
    width:1000px;
    height:500px;
    background:#00293e;
}

/*  _Download List
-----------------------------------------*/


#DownloadList
{
    width:1000px;
    font-size:12px;
    text-align:center;
    background:url(../images/downloadlist_bg.jpg);
    height:348px;
}
#DownloadList ul
{
    padding:0px;
    margin:0px;
    width:500px;
    float:left;
    padding-top:20px;
    padding-left:120px;
}
#DownloadList ul li
{
    padding:0px;
    margin:0px;
    float:left;
    width:400px;
    text-align:left;
    list-style-image:url(../images/newslist-dot.gif);
    vertical-align:middle;
    line-height:20px;
}

#DownloadList ul li a {
    font-size:12px;
    color:#D2D2D2;
    font-weight:200;
    font-family:宋体;
    text-decoration: none;
     line-height:30px;
}
#DownloadList ul li a:hover {
    font-size :12px;
    color:#FF6600;
    font-family: 宋体;
    text-decoration: none;
     line-height:30px;
}


.menuline{color:#fff;line-height:26px;}