@import url("htmls.css");
@import url("fonts.css");
@import url("Wrapstyle.css");
@import url("top-nav-footer.css");


/*==========================================Index1=======================================================================================================*/

/*===========Flash==============*/

.IndexFlash{ float:left; display:inline; width:737px; height:152px;}

/*===========Qualification==============*/
#Qualification{ float:right; display:inline; width:230px; height:150px; overflow:hidden;}

#Qualification dd{ height:130px; padding-top:5px;}

#Qualification dd ol{ float:left; display:inline; width:80px; padding:5px 15px;line-height:22px; text-align:center; }

*html #Qualification dd ol{ padding:5px 10px; }


#Qualification dd ol img{ border:none; clear:both; margin-bottom:5px;}



/*==========================================IndexLeft=======================================================================================================*/

.IndexLeft{ float:left; display:inline; width:253px;}


/*-------------------------siderbar-----------------------------*/

.ILLSiderBar{}

.ILLSiderBar .title{ position:relative; height:40px; background:url(../images/siderbara.gif) no-repeat;}

.ILLSiderBar .title p{ padding:8px 0 0 30px; color:#032F5C; font-size:14px; font-weight:bold;}

.ILLSiderBar .title .more{ position:absolute; right:20px; top:7px;}

.ILLSiderBar .title .more a{color:#032F5C;}

.ILLSiderBar .content{ background:#FFFFFF; border:1px solid #9ABED4; border-top:none;}


/*===========ProductList==============*/
#ProductList{margin-bottom:10px;}

#ProductList dd{}

#ProductList dd ul{ padding:5px 10px; margin:0 10px; border-bottom:1px dashed #BCD6E7;}

#ProductList dd ul h2 a{ font-size:14px; color:#B34B1D; line-height:25px;}

#ProductList dd ul li a{ line-height:20px; color:#333333;}



/*===========IndexCompany==============*/
#IndexCompany{margin-bottom:10px;}

#IndexCompany dd{ height:275px;}
*html #IndexCompany dd{overflow:hidden;}

#IndexCompany dd ul{margin:5px 15px; padding-bottom:10px;}

#IndexCompany dd ul img{ float:left; display:inline; margin:0 10px 10px 0;}

#IndexCompany dd ul h3 a{ color:#89472D; font-size:12px; line-height:25px;} 

#IndexCompany dd ul li{ line-height:25px;}

#IndexCompany dd p{ clear:both; margin:5px 15px; padding:0px 0 0 15px; border-bottom:1px dashed #CCCCCC; background:url(../images/point2.gif) no-repeat left center;  line-height:25px;}

#IndexCompany dd p a{font-size:12px; color:#1C488F;}


/*===========IndexCase==============*/
#IndexContact{}

#IndexContact dd{ height:190px;}

*+html #IndexContact dd{ height:165px;}

#IndexContact dd p{ margin:0px 15px; padding:0px 0 0 0px; border-bottom:1px dashed #CCCCCC; background:url(../images/point2.gif) no-repeat left center; font-size:12px; line-height:25px;}




/*-------------------------siderbar-----------------------------*/

.ILRSiderBar{}

.ILRSiderBar .title{ height:40px; background:url(../images/siderbarb.gif) no-repeat;}

.ILRSiderBar .title p{ padding:9px 0 0 30px; color:#0A478A; font-size:14px; font-weight:bold;}

.ILRSiderBar .content{ background:#FFFFFF; border:1px solid #9ABED4; border-top:none;}




/*===========HotProduct==============*/
#HotProduct{ margin-bottom:10px;}

#HotProduct dd{ height:500px; overflow:hidden;}

.HotGoods{ padding:5px 0 10px 0; width:100%; height:84px; border-bottom:1px dashed #9ABED4; border-left:1px dashed #9ABED4}


.HotGoods .images{ float:left; display:inline; width:80px; margin:0 10px;}

.HotGoods .images img{ width:80px; height:80px; border:1px solid #E1E1E1;}


.HotGoods .Text{ float: right; display:inline; width:120px; margin-right:10px;}

.HotGoods h3 a{ font-size:12px; color:#0A478A;  line-height:20px; }

.HotGoods .info{font-size:12px; color:#5285BC; line-height:20px;}



/*===========NewsProduct==============*/
#NewsProduct{ margin-bottom:10px;}

#NewsProduct dd{ height:483px;_ height:475px; overflow:hidden;}



#NewsProduct dd ul{ width:80px; height:120px; margin:12px 18px; text-align:center;}

*html #NewsProduct dd ul{ margin:12px 16px;}

#NewsProduct dd ul .images{ width:80px;}

#NewsProduct dd ul .images img{ width:80px; height:80px; border:1px solid #E4E4E4; margin-bottom:5px;}

#NewsProduct dd ul .name{ height:40px; overflow:hidden;}

#NewsProduct dd ul .name a{ font-size:12px; color:#0A478A;  line-height:19px; }



/*===========ProjectCase==============*/
#ProjectCase{ margin-bottom:15px;}

#ProjectCase dd{ height:216px;}

*html #ProjectCase dd{ height:190px;}

#ProjectCase dd p{ margin:5px 15px; padding:0px 0 0 15px; border-bottom:1px dashed #CCCCCC; background:url(../images/point2.gif) no-repeat left center; font-size:12px; line-height:25px;}

.CaseIframe{ width:100%; height:208px; margin:10px 0;}







/*-------------------------ILSiderBar-----------------------------*/

.ILSiderBar{ clear:both;}

.ILSiderBar .title{ position:relative; height:30px; background:url(../images/siderbard2.gif) no-repeat;}

.ILSiderBar .title p{ padding:6px 0 0 30px; color:#0A478A; font-size:14px; font-weight:bold;}

.ILSiderBar .title .more{ position:absolute; right:20px; top:7px;}

.ILSiderBar .title .more a{ color:#0A478A;;}

.ILSiderBar .content{ background:#FFFFFF; border:1px solid #9ABED4; border-top:none;}



/*===========ProjectPic==============*/
#ProjectPic{}

#ProjectPic dd{}

#ProjectPic dd .iframe{ margin:5px 15px 5px 20px; height:130px; width:95%;}


.IndexIframePic{ }

.IndexIframePic img{ margin:5px 5px; border:none; height:120px;}


/*==========================================IndexRight======================================================================================================*/
.IndexRight{ float:right; display:inline; width:715px;}


/*-------------------------IRSiderBar-----------------------------*/

.IRSiderBar{ clear:both;}

.IRSiderBar .title{ position:relative; height:30px; background:url(../images/siderbarb3.gif) no-repeat;}

.IRSiderBar .title p{ padding:6px 0 0 30px; color:#0A478A; font-size:14px; font-weight:bold;}

.IRSiderBar .title .more{ position:absolute; right:20px; top:7px;}

.IRSiderBar .title .more a{ color:#0A478A;;}

.IRSiderBar .content{ background:#FFFFFF; border:1px solid #9ABED4; border-top:none;}


/*-------------------------siderbar-----------------------------*/

.IRRSiderBar{ border:1px solid #9ABED4; background:#FFFFFF;}

.IRRSiderBar .title{ position:relative; height:31px; background:url(../images/siderbarc.gif) repeat-x;}

.IRRSiderBar .title p{ background:url(../images/point1.gif) no-repeat 12px 15px; padding:12px 0 0 30px; color:#5285BC; font-weight:bold; font-size:14px;}

.IRRSiderBar .title .more{ position:absolute; right:20px; top:11px;}

.IRRSiderBar .title .more a{color:#5285BC;}

.IRRSiderBar .content{}


/*-------------------------siderbar2-----------------------------*/

.IRRSiderBar2{ border:1px solid #9ABED4; background:#FFFFFF;}

.IRRSiderBar2 .title{ position:relative; height:20px; background:url(../images/xwbg.gif) repeat-x;}

.IRRSiderBar2 .title p{ margin-left:15px; background:url(../images/point1.gif) no-repeat left 6px; padding:3px 0 0 20px; color:#5285BC; font-weight:bold; font-size:14px;}

.IRRSiderBar2 .title .more{ position:absolute; right:20px; top:3px;}

.IRRSiderBar2 .title .more a{color:#5285BC;}

.IRRSiderBar2 .content{}




/*==========================================IndexLeft2=======================================================================================================*/
.IndexLeft2{ float:left; display:inline; width:737px;}


/*===========News==============*/

#News { margin-top:0px;}

#News .content{ height:220px; margin-bottom:10px;}

/*===========IndexNews==============*/
#IndexNews{ width:49%; float:left;  display:inline; margin-left:10px;}

#IndexNews .title{ position:relative; height:27px;margin:10px 15px 0px 15px; background: none;border-bottom:1px solid #CCCCCC;}

#IndexNews .title p{ padding:4px 0 0 17px; background:url(../images/point5.gif) no-repeat left center; color:#0A478A; font-size:12px; font-weight:bold;}

#IndexNews .title .more{ position:absolute; right:20px; top:2px;}

#IndexNews .title .more a{ color:#0A478A;;}


#IndexNews .content{ height:180px;border:none;}

#IndexNews .content p{ margin:5px 15px; padding:0px 0 0 15px; border-bottom:1px dashed #CCCCCC; background:url(../images/point2.gif) no-repeat left center; font-size:12px; line-height:30px;}


/*===========IndustryNews==============*/
#IndustryNews{ width:49%; float:left;  display:inline;}

#IndustryNews .title{ position:relative; height:27px; margin:10px 15px 0px 15px;background: none;border-bottom:1px solid #CCCCCC;}

#IndustryNews .title p{ padding:4px 0 0 17px;  background:url(../images/point5.gif) no-repeat left center; color:#0A478A; font-size:12px; font-weight:bold;}

#IndustryNews .title .more{ position:absolute; right:20px; top:2px;}

#IndustryNews .title .more a{ color:#0A478A;;}


#IndustryNews .content{height:180px; border:none;}

#IndustryNews .content p{margin:5px 15px; padding:0px 0 0 15px; border-bottom:1px dashed #CCCCCC; background:url(../images/point2.gif) no-repeat left center; font-size:12px; line-height:30px;}

#IndustryNews .content p a{ color:#3F7BAD; font-size:12px;}


/*==========================================IndexRight2=======================================================================================================*/

.IndexRight2{ float: right; display:inline; width:230px;}


/*===============Right AD================*/

#RightAD{ margin:0px 0 12px 0; }

#RightAD .content{text-align:center; }

#RightAD iframe{ width:95%; height:217px;}

*html #RightAD iframe{height:229px;}



/*===============BoatKnowledge================*/

#BoatKnowledge{ width:230px;}

#BoatKnowledge dd{ height:138px;}

#BoatKnowledge dd p{ margin:5px 15px; padding:0px 0 0 15px; border-bottom:1px dashed #CCCCCC; background:url(../images/point2.gif) no-repeat left center; font-size:12px; line-height:25px;}


/*==========================================FriendLink=======================================================================================================*/

.FriendLink{ padding:10px 0; margin-top:10px; border:1px solid #9ABED4;}

.FriendLink .FLleft{ float:left; display:inline; width:80px; margin-left:10px; padding-top:2px;}

.FriendLink .FLleft p{ line-height:25px; padding-bottom:5px;}


.FriendLink .FLright{ width:880px; margin-right:10px;}

.FriendLink .FLright ul{ clear:both; padding-bottom:10px;}

.FriendLink .FLright ul li{ float:left; display:inline; width:125px; line-height:25px;text-align:center;}

.FriendLink .FLright ul li a{ color:#666666;}