/*  
Version: 0.4
Author: zhenn
*/


@charset "utf-8";
/********************index content********************/
#proCommend{ width:387px; float:left;}
#proCommend h2{ height:16px; background:url(../images/protit.jpg) no-repeat; color:#ed6d00; padding:6px 0 0 15px; font-size:12px;}
#proCommend h2 img{ float:right; margin:1px 8px 0 0;}
#proCommend .content{ width:100%; height:157px; background:url(../images/procon.jpg) no-repeat; overflow:hidden;}
#proCommend .content .leftDrag{ float:left; margin:66px 0 0 7px; display:inline;}
#proCommend .content .rightDrag{ float:right; margin:66px 16px 0 0; display:inline;}
#proCommend .content .dragElement{ float:left; display:inline; margin-left:4px; width:277px; margin:20px 0 0 12px;}
#proCommend .content .dragElement ul{ overflow:hidden;}
#proCommend .content .dragElement li{ list-style:none; float:left; width:277px; overflow:hidden;}
#proCommend .content .dragElement li .pic{ float:left;}
#proCommend .content .dragElement li .txt{ float:right; width:134px;}
#proCommend .content .dragElement li .txt dt{ font-weight:bold; line-height:24px; color:#666;}
#proCommend .content .dragElement li .txt dd{ background:url(../images/blued.jpg) 0 6px no-repeat; padding-left:10px; line-height:20px;}
#proCommend .content .dragElement li .txt dd.except{ background:none; padding-left:0; margin-top:10px;}

#news{ width:363px; float:left; margin-left:8px; display:inline;}
#news .title{ height:20px; background:url(../images/newstit.jpg) no-repeat; overflow:hidden;}
#news .title span{ background:url(../images/newtit2.jpg) no-repeat; width:62px; padding:3px 0 0 15px; height:17px; float:left; cursor:pointer; margin-left:3px;}
#news .title span.active{ background:url(../images/newtit1.jpg) no-repeat; width:65px; padding:5px 0 0 12px; color:#ed6d00; font-weight:bold; height:15px;}
#news .content{ height:159px; background:url(../images/newcon.jpg) no-repeat; margin-top:0; position:relative;}
#news .content .commendInfo{ width:329px; margin:0 auto; overflow:hidden;}
#news .content .commendInfo .pic{ float:left; margin-top:14px;}
#news .content .commendInfo .txt{ width:220px; display:inline; margin:14px 0 0 11px; line-height:20px; float:left;}
#news .content ul{ margin:8px 0 0 18px;}
#news .content li{ line-height:20px; width:331px; overflow:hidden;}
#news .content li .txt{ float:left; width:238px;}
#news .content li .date{ float:right; color:#9b9b9b;}
#news .content .more{ position:absolute; top:-13px; right:8px;}

#liability{ float:left; width:207px; margin-left:4px;  display:inline;}
#liability h2{ height:16px; background:url(../images/liabilitytit.jpg) no-repeat; color:#ed6d00; font-size:12px; padding:6px 0 0 17px;}
#liability .content{ height:152px; background:url(../images/liabilitycon.jpg) no-repeat; padding-top:7px;}
#liability .content img{ display:block; margin:0 0 0 11px;}
#liability .content .select{ margin:9px 0 0 17px;}
#liability .content .select select{ width:115px;}

#tab{ margin:10px 0 0 2px; width:966px;}
#tab .title{ height:27px; background:url(../images/tabtit.jpg) no-repeat;}
#tab .title a{ float:left; width:156px; height:27px; background:url(../images/taba1.jpg) no-repeat; text-align:center; line-height:27px; margin-right:6px;}
#tab .title a:hover{ text-decoration:none;}
#tab .title a.active{ background:url(../images/taba2.jpg) no-repeat; color:#ed6d00;}
#tab .title #a6{ margin-right:0;}
#tabCon1{ border:1px solid #ccc; border-top:0; height:159px; background:url(../images/tabCon1.jpg) no-repeat; padding:0 580px 0 32px;}
#tabCon1 ul{ width:100%; overflow:hidden; padding-top:15px;}
#tabCon1 ul li{ background:url(../images/yellowd.jpg) 0 17px no-repeat; width:140px; float:left; padding-left:10px; line-height:40px;}
#tabCon2{ border:1px solid #ccc; border-top:0; height:159px; background:url(../images/tabCon1.jpg) no-repeat; padding:0 580px 0 32px;}
#tabCon2 ul{ width:100%; overflow:hidden; padding-top:15px;}
#tabCon2 ul li{ background:url(../images/yellowd.jpg) 0 17px no-repeat; width:140px; float:left; padding-left:10px; line-height:40px;}
#tabCon3{ border:1px solid #ccc; border-top:0; height:159px; background:url(../images/tabCon1.jpg) no-repeat; padding:0 580px 0 32px;}
#tabCon3 ul{ width:100%; overflow:hidden; padding-top:15px;}
#tabCon3 ul li{ background:url(../images/yellowd.jpg) 0 17px no-repeat; width:140px; float:left; padding-left:10px; line-height:40px;}
#tabCon4{ border:1px solid #ccc; border-top:0; height:159px; background:url(../images/tabCon1.jpg) no-repeat; padding:0 580px 0 32px;}
#tabCon4 ul{ width:100%; overflow:hidden; padding-top:15px;}
#tabCon4 ul li{ background:url(../images/yellowd.jpg) 0 17px no-repeat; width:140px; float:left; padding-left:10px; line-height:40px;}
#tabCon5{ border:1px solid #ccc; border-top:0; height:159px; background:url(../images/tabCon1.jpg) no-repeat; padding:0 580px 0 32px;}
#tabCon5 ul{ width:100%; overflow:hidden; padding-top:15px;}
#tabCon5 ul li{ background:url(../images/yellowd.jpg) 0 17px no-repeat; width:140px; float:left; padding-left:10px; line-height:40px;}
#tabCon6{ border:1px solid #ccc; border-top:0; height:159px; background:url(../images/tabCon1.jpg) no-repeat; padding:0 580px 0 32px;}
#tabCon6 ul{ width:100%; overflow:hidden; padding-top:15px;}
#tabCon6 ul li{ background:url(../images/yellowd.jpg) 0 17px no-repeat; width:140px; float:left; padding-left:10px; line-height:40px;}

/********************products content********************/
#products{ width:732px; margin:13px 0 0 8px;}
#proList{ float:left; width:484px;}
#proRight{ float:left; display:inline; margin-left:12px; width:244px;}

#latestAct{ margin-top:8px;}
#latestAct h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
#latestAct h2 img{ float:right; margin:6px 12px 0 0;}
#latestAct .content{ padding-top:3px; width:100%; overflow:hidden;}
#latestAct .content img{ margin:0 auto; display:block;}
#latestAct .content h3{ font-size:12px; margin:10px 0 4px 8px;}
#latestAct .content p{ line-height:20px; margin-left:8px;}
#latestAct .content .details{ float:right; color:#ed6d00; text-decoration:underline; margin-right:8px;}
#latestAct .content .details:hover{ color:#FFCC00; text-decoration:underline;}

#latestInfo{ margin-top:16px;}
#latestInfo h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
#latestInfo h2 img{ float:right; margin:6px 12px 0 0;}
#latestInfo ol{ width:234px; margin:0 auto;}
#latestInfo ol li{ background:url(../images/grayd.jpg) 6px 11px no-repeat; padding:4px 0 4px 18px; color:#6b6b6b;}
#latestInfo ol li.except{ background:#f6f9fe url(../images/grayd.jpg) 6px 11px no-repeat;}

#projectPro{}
#projectPro ul{ padding-top:8px;}
#projectPro li{ width:100%; overflow:hidden; margin-bottom:10px; padding-bottom:8px;}
#projectPro li.except{ background:#f4f6f9;}
#projectPro li .pic{ float:left; margin:6px 0 0 10px;}
#projectPro li .txt{ float:left; display:inline; margin:6px 0 0 42px; width:444px;}
#projectPro li .txt h2{ margin-top:5px;}
#projectPro li .txt p{ line-height:20px; margin-top:18px;}
#projectPro li .txt .details{ float:right; color:#ed6d00; text-decoration:underline; margin:15px 3px 0 0;}
#projectPro li .txt .details:hover{ color:#FFCC00; text-decoration:underline;}

.protit{ height:23px; background:url(../images/protit1.jpg) left bottom repeat-x;}
.protit a{ float:left; width:77px; height:18px; padding-top:5px; text-align:center; margin-right:2px; background:url(../images/protita1.jpg) no-repeat;}
.protit a:hover , .protit a.active{ background:url(../images/protita2.jpg) no-repeat; text-decoration:none; font-weight:bold; color:#ed6d00;}
.proInfo{ width:100%; overflow:hidden;}
.proInfo p{ line-height:25px; margin-top:20px; padding:0 12px;}
.proInfo .return{ float:right; margin:18px 15px 0 0;}

.prolist{ margin:8px 0 0; padding-bottom:16px; *padding-bottom:26px;}
.prolist h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
.prolist h2 img{ float:right; margin:6px 12px 0 0;}
.prolist ol{ width:100%; padding-top:3px; overflow:hidden;}
.prolist li{ float:left; background:#eff2f7; width:233px; margin:0 15px 10px 0; height:256px;}
.prolist li img{ display:block; margin:12px auto 0;}
.prolist li h3{ font-size:12px; margin:10px 0 5px 12px;}
.prolist li p{ line-height:20px; margin-left:20px;}
.prolist li.except{ margin-right:0;}

.proPics{ width:75%; padding-top:3px; overflow:hidden;margin:0 auto;}
.proPics li{ float:left; background:#eff2f7; width:233px; margin:16px 30px 10px 12px; padding-bottom:15px;margin-right:0;}
.proPics li img{ display:block; margin:12px auto 0;}
.proPics li.except{ margin-right:0;}

/********************subcontent content********************/
#details{ padding-top:26px;}
/*#details img{ float:left; margin:0 20px 10px 0;}*/
#details p{ line-height:26px; margin-bottom:30px;}

/********************liability content********************/
#liabilityIntro{ float:left; width:528px; margin-top:10px; overflow:hidden;}
#liabilityIntro .pic{ float:left;}
#liabilityIntro .txt{ float:right; width:273px;}
#liabilityIntro .txt h3{ line-height:26px;}
#liabilityIntro .txt p{ line-height:20px;}
#liabilityIntro .txt .details{ float:left; color:#ed6d00; text-decoration:underline; margin:15px 0 0;}
#liabilityIntro .txt .details:hover{ color:#FFCC00; text-decoration:underline;}

#society{ margin-top:15px; width:365px; float:left;}
#society h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
#society ol{}
#society li{ width:100%; overflow:hidden; margin-bottom:8px;}
#society li .pic{ float:left; margin-left:3px; vertical-align:bottom;}
#society li .txt{ float:left; width:226px; display:inline; margin-left:12px;}
#society li .txt h3{ font-size:12px;}
#society li .txt p{ line-height:20px;}
#society li .txt .details{ float:right; color:#ed6d00; text-decoration:underline; margin:5px 12px 0;}
#society li .txt .details:hover{ color:#FFCC00; text-decoration:underline;}

#liaDynamic{ float:left; width:368px; display:inline; margin:15px 0 0 10px;}
#liaDynamic h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
#liaDynamic h2 img{ float:right; margin:6px 12px 0 0;}
#liaDynamic .content{}
#liaDynamic .content img{ display:block; margin:0 auto;}
#liaDynamic .content ul{ padding-top:18px;}
#liaDynamic .content li{ width:356px; overflow:hidden; vertical-align:bottom; background:url(../images/grayd.jpg) 9px 11px no-repeat; margin:0 auto; line-height:30px;}
#liaDynamic .content li.except{ background:#eff2f7 url(../images/grayd.jpg) 9px 12px no-repeat;}
#liaDynamic .content li .txt{ float:left; width:244px; margin-left:21px;}
#liaDynamic .content li .date{ float:right; margin-right:15px; color:#6b6b6b;}

.speedLink{ float:right; margin-top:10px;}
.speedLink img{ display:block; margin-bottom:14px;}
.speedLink .except{ margin:0;}

/********************news content********************/
#commendNews{ width:100%; overflow:hidden; margin-top:12px;}
#commendNews .picFocus{ float:left; width:222px; height:153px;}
#commendNews .txt{ float:left; width:455px; display:inline; margin-left:44px;}
#commendNews .txt h3{ line-height:26px;}
#commendNews .txt p{ line-height:20px; margin-top:14px;}
#commendNews .txt .details{ float:right; color:#ed6d00; text-decoration:underline; margin:10px 12px 0;}
#commendNews .txt .details:hover{ color:#FFCC00; text-decoration:underline;}

.news{ margin-top:22px;}
.news h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
.news h2 img{ float:right; margin:6px 12px 0 0;}
.news li{ width:732px; overflow:hidden; vertical-align:bottom; background:url(../images/grayd.jpg) 9px 11px no-repeat; margin:0 auto; line-height:30px;}
.news li.except{ background:#eff2f7 url(../images/grayd.jpg) 9px 12px no-repeat;}
.news li .txt{ float:left; width:482px; margin-left:21px;}
.news li .date{ float:right; margin-right:15px; color:#6b6b6b;}

.newsColumn{ float:left; width:362px; overflow:hidden; margin:22px 10px 0 0;}
.newsColumn h2{ height:27px; color:#333; padding:10px 0 0 25px; background:url(../images/prolisttit.jpg) no-repeat;}
.newsColumn h2 img{ float:right; margin:6px 12px 0 0;}
.newsColumn li{ width:358px; overflow:hidden; vertical-align:bottom; background:url(../images/grayd.jpg) 9px 11px no-repeat; margin:0 auto; line-height:30px;}
.newsColumn li.except{ background:#eff2f7 url(../images/grayd.jpg) 9px 12px no-repeat;}
.newsColumn li .txt{ float:left; width:250px; margin-left:21px;}
.newsColumn li .date{ float:right; margin-right:15px; color:#6b6b6b;}