.bannerdiv{ width:100%; min-width:965px; background:url(../images/bannbg.jpg);overflow:hidden; margin:0px auto;height:454px; clear:both;}
.bannerdiv #main_promo{height:454px; width:1920px;min-width:1200px;position:relative; top:0; left:50%; margin-left:-960px;overflow:hidden; z-index:0; }
.bannerdiv .promoWD{width:auto; min-width:1080px;margin:0 auto; position:relative; overflow:hidden;}
.bannerdiv .slide{display:block; float:left;  width:1920px;}
.bannerdiv #dots{height:14px; position:absolute;bottom:20px;z-index:99;left:50%;text-align:center;}
.bannerdiv #dots a{ width:14px; margin-right:10px; height:14px; display:inline-block; background:url(../images/dot-white.png) no-repeat 0px 0px;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat 0px 0px; background-size:cover;}

.middlediv{width:100%;height:620px;background:#f4f4f4;min-width:965px;clear:both;overflow:hidden;border-bottom:1px solid #e6e6e6;}
.middlediv .middle{  width:965px; margin:30px auto 0px auto; height:540px;}
.middlediv .type-pro{ width:965px; height:30px; line-height:30px; font-size:15px;}
.middlediv .type-pro span{  padding-left:30px; float:left;  color:#000; font-size:16px;}
.middlediv .type-pro .pro{background:url(../images/product.png) no-repeat left center;}
.middlediv .more{ float:right; display:block; width:55px; height:20px; line-height:20px;border:1px solid #e6e6e6; color:#666; border-radius:10px; font-size:11px; text-align:center; margin-top:5px;}
.middlediv .more:hover{ color:#0b8add;border:1px solid #0b8add;}
.middlediv .product{ width:963px; height:210px;border:1px solid #e6e6e6; margin-top:20px; background:#fff;}
.middlediv .product li{ float:left; margin:18px 0px 0px 19px; width:217px; height:172px; overflow:hidden; }
.middlediv .product .proone{ position:relative; cursor:pointer;}
.middlediv .product .opac{ width:217px; height:172px; background:url(../images/opacity.png); position:absolute; top:0; left:0; z-index:5; display:none;}
.middlediv .opac a{display:block; width:160px; height:20px; color:#fff; background: url(../images/ser.png) no-repeat top center; margin:50px auto 0px auto; padding-top:50px;}
.middlediv .type-abo{ margin-top:30px; width:508px; float:left; height:30px; line-height:30px; font-size:15px;}
.middlediv .type-abo .abo{ background:url(../images/about.png) no-repeat left center;padding-left:30px; float:left;  color:#000; font-size:16px;}
.middlediv .about{width:508px; height:210px;border:1px solid #e6e6e6; margin-top:15px; background:#fff; float:left;}
.middlediv .about ul{ width:467px; height:153px; margin:25px auto 0px auto;}
.middlediv .about .title{ color:#000; font-size:16px; line-height:20px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.middlediv .about .intro{ color:#000; font-size:13px; line-height:26px; margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.middlediv .about .intro a{ color:#df1c24;}
.middlediv .about .intro a:hover{ color:#0b8add;}
.middlediv .type-news{ margin-top:30px; width:442px; float:right; height:30px; line-height:30px; font-size:15px;}
.middlediv .type-news .new{ background:url(../images/news.png) no-repeat left center;padding-left:30px; float:left;  color:#000; font-size:16px;}
.middlediv .news{width:442px; height:210px;border:1px solid #e6e6e6; margin-top:15px; background:#fff; float:right;}
.middlediv .news ul{ margin-top:12px;}
.middlediv .news li{ width:415px; height:36px; border-bottom:1px solid #e6e6e6; margin:0px auto;}
.middlediv .news a{ line-height:36px; display:block; float:left; background:url(../images/ndot.png) no-repeat left center; padding-left:10px; width:285px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:15px;}
.middlediv .news span{ float:right;line-height:36px;color:#000; font-size:12px;}
.middlediv .news a:hover{ color:#0b8add;}
.middlediv .news .lilast{ border-bottom:none;}

.pantnerdiv{ width:965px; margin:0px auto; height:105px;clear:both; background:url(../images/pantner.png) no-repeat left center;}
.pantnerdiv .i-pro{min-width:800px;height:105px; margin:0px 0 0 80px;}
.pantnerdiv .i-product-main{ width:805px; height:75px; margin:0px auto 0px 50px; position: relative; top:25px;}
.pantnerdiv .i-product-main .i-arrow-left{height:52px;width:52px;background:url(../images/left.png) no-repeat 0 0;display:block;cursor:pointer; position:absolute; top:20px; left:-20px;}
.pantnerdiv .i-product-main .i-arrow-right{height:52px;width:52px;background:url(../images/right.png) no-repeat 0 0;display:block;cursor:pointer;position:absolute; top:20px; right:-70px;}
.pantnerdiv .i-product-main .i-product-scroll { position:relative; margin:0px auto 0px auto;height:105px; width:805px; overflow:hidden;}
.pantnerdiv .i-product-main .i-product-switch { position:relative; width:805px; height:105px; }
.pantnerdiv .i-product-main ul { width:999999px;}
.pantnerdiv .i-product-main li { float:left; display:block; width:149px; height:53px;margin:0px 12px 0 0px;text-align:center; position:relative; overflow:hidden; border:1px solid #e6e6e6; background:#FFF; text-align:center;}
.pantnerdiv .i-product-main li a img{margin-top:8px;}