﻿

/*container*/
.productTop{ width:100%; height:22px; background:url(../images/productitem-bg.jpg) repeat-x; margin-top:70px; position:relative; margin-bottom:50px;}
.productTitle{ height:22px; width:348px; background-color:#fff; margin:0 auto; position:absolute; top:0; color:#2a272a; font-size:22px; left:50%; margin-left:-174px; text-align:center; line-height:22px;}
.productTitle span{ font-size:14px; color:#b0b0b0; font-family:Arial;}

.productbody{ margin-right:0px; width:1100px; overflow:hidden; float:left}
.productAppWrap{ height:253px; width:1100px;}
.productAppList{ margin:0 auto; height:235px;}
.productAppList li{ width:235px; height:253px; float:left; margin-right:20px;}
.productAppList li a{ font-size:14px; color:#b5b5b5; display:inline-block; position:relative; font-weight:bold; margin-top:17px;}
.uparr{ background:url(../images/uparrow.png) no-repeat; width:16px; height:8px; display:none; position:absolute; bottom:0; left:20px;}
.productAppList li p{ font-size:12px; color:#868686; line-height:18px; margin-top:6px; display:none; height:34px; overflow:hidden;}
.productAppMask{ display:none; position:absolute; left:0; top:0;}
.productAppList li:hover a,.productAppList li:active a{ color:#1bace2;}
.productAppList li:hover .productAppMask{ display:block;}
.productAppList li:hover .uparr{ display:block;}
.productAppList li:hover p{ display:block;}


.slidePL{ background:url(../images/slideproarrow.png) 0 0; display:block; width:30px; height:40px; float:left; margin-right:20px; margin-top:75px; cursor:pointer;}
.slidePR{ background:url(../images/slideproarrow.png) -30px 0; display:block; width:30px; height:40px; float:right; margin-top:75px; cursor:pointer;}
.slidePL:hover{ background:url(../images/slideproarrow.png) 0 -40px;}
.slidePR:hover{ background:url(../images/slideproarrow.png) -30px -40px;}

.productNav{ width:430px; margin:0 auto; margin-bottom:25px; height:33px;}
.productNavWrap{ margin-left:-10px; height:33px;}
.productNav li{ width:100px; margin-right:10px; float:left; height:33px; font-size:14px; color:#616161; line-height:28px; text-align:center; display:block; cursor:pointer;}
.productNav li:hover,.productNav li.active3{ color:#fff; background:url(../images/current-product.png);}

.productList{ height:400px;}
.productWrap{ width:1100px;}
.productList li{ width:280px; height:400px; float:left;}
.productList li a{ display:block;}
.productInfo{ margin:0 24px;}
.productInfo a{ font-size:15px; color:#909090; line-height:15px; font-weight:bold; margin-top:30px; margin-left:4px;}
.productInfo p{ margin-bottom:30px; font-size:12px; color:#bbbbbb; line-height:20px; padding-top:15px; margin-left:4px;}
.productInfo a.downBtn{ width:202px; height:30px; background-color:#3db5e6; text-align:center; line-height:30px; display:none; font-size:12px; margin:0 auto;}
.model{ color:#f6b268;}
.productList li:hover,.productList li:active{ background-color:#f6f8f9;}
.productList li:hover a,.productList li:active a{ color:#1bace2;}
.productList li:hover .downBtn{ display:block;color:#fff; }

/*partner*/
.content{ width:100%; height:224px; border-bottom:1px solid #f1f1f1; border-top:1px solid #f1f1f1; margin-top:36px;}
.content-left{ width:50%; height:224px; border-right:1px solid #f1f1f1; float:left; }
.partner{ padding-left:50px; padding-top:30px;}
.title{ font-size:18px; color:#2a272a;}
.title span{ font-size:14px; color:#b0b0b0;}
.partnerItem{ height:33px; margin-top:70px; width:472px;  }
.arrowLeft,.arrowRight{ width:12px; height:22px; margin-top:6px; cursor:pointer;}
.arrowLeft{ background:url(../images/arrow-footer.png) no-repeat; float:left;}
.arrowRight{ background:url(../images/arrow-footer.png) -12px 0 no-repeat; float:right;}
.arrowLeft:hover{ background-position:0 -21px;}
.arrowRight:hover{ background-position:-12px -21px;}


.partnerMask{margin-left:30px; float:left; width:390px; height:60px; overflow:hidden}
.partnerList{ height:55px; float:left; width:400px;}
.partnerList li{ width:141px; height:60px; float:left; display:block;}
.partnerList li a{ width:100px; height:60px; position:relative; display:block; float:left; text-align:center;}
.partnerList li img{ display:inline-block;}
.pline{ float:right; width:1px; height:28px; margin:4px 20px; background:#f1f1f1;}
.partnerList li a div{ position:absolute; display:none; top:0; left:0; text-align:center; width:100px; height:60px;}
.partnerList li:hover div{ display:block;}
.name{ font-size:12px; color:#929292; text-align:center; line-height:12px; margin-top:10px; width:100%;}






