.ban{width:100%;height:430px;background:url(../images/bg1.jpg) no-repeat scroll center top transparent;text-align:center;position:relative;color:#5d5a55}
.sdkbtn{width:217px; height:63px;display:block; position:absolute; left:50%; top:290px; margin-left:-108px;}
.sdkbtn:hover{ opacity:0.9; filter:alpah(opacity=90);}
/**part**/
.partA{ background:#fff;}
.partB{ background:#fff;}
.partC{ background:#f8f8f8;}
.partD{ background:#fff;}
/**partA**/
.product_help{ clear:both; padding:20px 0; overflow:hidden;}
.product_help dl{ float:left; width:218px; box-shadow:0px 1px 6px 0px rgba(23,19,0,0.15);height:280px; margin:2px 20px 0 5px; cursor:pointer; background:#fff;-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}
.product_help dl.last{ margin-right:0;}
.product_help dl dt{ text-align:center; padding:5px 0; position:relative;}
.product_help dl dt i{ height:88px; width:88px; display:block; background:url(../images/comicon.png) no-repeat; margin:20px auto}
.product_help dl dt.dt01 i{ background-position:0 -1px;width:78px;}
.product_help dl dt.dt02 i{ background-position:-102px -1px;}
.product_help dl dt.dt03 i{ background-position:-212px -1px;width:115px;}
.product_help dl dt.dt04 i{ background-position:-359px -1px;width:115px;}
.product_help dl dt.dt05 i{ background-position:-499px -1px;}

.product_help dl dd{text-align:center;}
.product_help dl dd h2{ font-size:20px; oolor:#000; line-height:28px;}
.product_help dl dd p{ color:#888; font-size:14px; height:52px; line-height:26px;}
.product_help dl:hover{ -webkit-box-shadow:1px 2px 6px 0 #ccc;margin-top:0;}
.product_help dl:hover dd a.pro_btn{border:none; background:#ffdc46; color:#333;}
.product_help dl dd a.pro_btn{ border:1px solid #ffdc46; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 0; margin:10px auto; width:80px; text-align:center; display:block;}
.part a.pro_links{ float:right; color:#b00000; padding:20px 0; font-size:14px;}
.product_help dl a{ color:#333;}
.part {
    padding: 20px 0; overflow:hidden
}
/**partB**/
#fancySpe{ position:relative;}
#fancySpe .viewport{ width:1200px; height: 180px; overflow: hidden; position: relative;}
#fancySpe .viewport ul li{ width:135px; float:left; margin-right:15px; text-align:center;}
#fancySpe .viewport ul li a{ width:133px; height:158px; display:block; padding:10px 0; border:1px solid #fff; -webkit-transition:all 0.2s linear; transition:all 0.2s linear;}
#fancySpe .viewport ul li a .border{ display:inline-block; width:96px; height:96px; margin-bottom:8px; position:absolute; background:url(../img/icon.png) -20px -2043px no-repeat;}
#fancySpe .viewport ul li a img{width:96px; height:96px; margin-bottom:8px;}
#fancySpe .viewport ul li a p.title{ font-size:14px; color:#333; height:32px; line-height:32px;}
#fancySpe .viewport ul li a p.info{ font-size:12px; color:#888; height:22px; line-height:22px;}
#fancySpe .viewport ul li a:hover{ border-color:#ffdc46;}
#fancySpe .button{ color: #bdbdbd; cursor: pointer; height: 30px; position: absolute; text-align: center; top: 60px; width: 20px;}
#fancySpe .button.prev{ left: -32px;}
#fancySpe .button.next{ right: -32px;}
#fancySpe .button em{width:12px; height:21px; display:block; background:url("../img/icon.png") no-repeat;}
#fancySpe .button.prev em{ background-position:-142px -2044px;}
#fancySpe .button.prev:hover em{ background-position:-155px -2044px;}
#fancySpe .button.next em{ background-position:-142px -2065px;}
#fancySpe .button.next:hover em{ background-position:-155px -2065px;}
/**partC**/
.cs-tit { width:240px; margin:0 auto;}
.cs-tit li{ font-size:20px; float:left; width:100px; font-weight:bold; text-align:center; padding:10px 0; margin:0 10px; cursor:pointer;}
.cs-tit li.active{ border-bottom:2px solid #8C3D3E; color:#8C3D3E;}
.cs-box{display:none;}
.cs-box ul { margin-left:-20px;}
.cs-box ul li{ width:142px; background:#ccc; height:52px; float:left; margin:10px 6px 10px 20px; text-align:center;}