.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:0px auto;height:550px; clear:both;}
.bannerdiv #main_promo{height:550px; 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:1200px;margin:0 auto; position:relative; overflow:hidden;}
.bannerdiv .slide{display:block; float:left;  width:1920px;}
.bannerdiv #dots{height:3px; position:absolute;bottom:30px;z-index:99;left:50%;text-align:center; margin-left:-200px; width:400px;}
.bannerdiv #dots a{ width:40px; margin-right:5px; height:3px; display:inline-block; background:url(../images/dot-white.png) no-repeat center;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat center;}

.typediv{ height:40px; overflow:hidden; margin:40px 0 30px 0;}
.typediv li{ display:block; float:left; line-height:38px; text-transform:uppercase;}
.typediv .ch{ border-bottom:2px solid #13366c; color:#000; font-size:20px; padding-right:5px;}
.typediv .en{ border-bottom:2px solid #99ccff; color:#8b8b8b; font-size:12px; padding-left:15px;}
.typediv .more{ border:1px solid #ccc; font-size:10px; text-align:center; width:40px; height:20px; float:right; font-family:Arial; margin-top:10px; border-radius:3px;}
.typediv .more a{ display:block; line-height:20px; color:#13366c;}
.typediv .more:hover{ background:#13366c; border:1px solid #13366c;}
.typediv .more:hover a{ color:#fff;}

.aboutdiv{height:460px;width:100%;min-width:1200px;background:url(../images/bg-line.jpg) repeat-x left 80px;overflow:hidden;clear:both;}
.aboutdiv .about{ width:1200px; height:460px; margin:0px auto; overflow:hidden;}
.aboutdiv .leftpic{ display:block; width:400px; height:300px; overflow:hidden; float:left;}
.aboutdiv .right{ width:780px; height:300px; float:right; overflow:hidden;}
.aboutdiv .right .intro{  color:#444; font-size:14px; line-height:22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.aboutdiv .right .pic{ margin-top:20px;}
.aboutdiv .right .middle{ margin:0 15px;}

.productdiv{height:775px;width:100%;min-width:1200px;background:#f8f8f8 url(../images/bg-line.jpg) repeat-x left 80px;overflow:hidden;clear:both;}
.productdiv .product{ width:1200px; height:775px; margin:0px auto; overflow:hidden;}
.productdiv .left-nav{ width:223px; height:620px; border:1px solid #13366c; float:left; overflow:hidden;}
.productdiv .left-nav .top{ background:#13366c; color:#fff; text-align:center; line-height:32px; height:32px;}
.productdiv .left-nav a{ display:block; width:183px; height:30px; line-height:30px; background:url(../images/listdot.png) no-repeat 20px center; border-bottom:1px dotted #13366c; padding-left:40px; font-size:14px; color:#444; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.productdiv .left-nav a:hover{ border-bottom:1px dotted #99ccff; background:#99ccff url(../images/listdoth.png) no-repeat 20px center; color:#000;}
.productdiv .left-nav a.hover{ border-bottom:1px dotted #99ccff; background:#99ccff url(../images/listdoth.png) no-repeat 20px center; color:#000;}
.productdiv .right-pro{ width:975px; height:620px; float:left; overflow:hidden;}
.productdiv .right-pro .pro-list{display:block;float:left; text-align:center;width:175px;height:200px;overflow:hidden; margin-left:20px; position:relative; margin-bottom:11px;}
.productdiv .pro-list img{ border:1px solid #99ccff;} 
.productdiv .pro-list .words{ height:34px; line-height:34px; background:#13366c; color:#fff; margin-top:3px;}
.productdiv .pro-list .opacity{ position:absolute; top:1px; left:1px; background: url(../images/opacity.png); width:173px; height:158px; display:none;}
.productdiv .opacity img{ border:none; margin-top:50px;}
.productdiv .opacity span{ display:block; color:#fff; margin-top:10px;}
.productdiv .pro-list:hover .words{ background:#99ccff; color:#000;}
.productdiv .pro-list:hover .opacity{ display:block;}
/*新闻动态*/
.lastdiv{height:397px;width:100%;min-width:1200px;background:url(../images/bg-bottom.jpg) no-repeat top center;overflow:hidden;clear:both;}
.lastdiv .last{ width:100%;min-width:1200px; height:397px; margin:0px auto;background:url(../images/bg-line.jpg) repeat-x left 80px;}
.lastdiv .last-cont{ width:1200px; height:397px; margin:0px auto; overflow:hidden;}
.lastdiv .typediv{ margin:40px 0 22px 0;}
.lastdiv .newdiv .typediv .more,.lastdiv .honordiv .typediv .more{ margin-right:20px;}
.lastdiv .newdiv{ float:left; width:380px; height:345px;}
.lastdiv .news-list li{ display:block; width:345px; height:39px; line-height:39px; background:url(../images/listdot2.png) no-repeat left center; border-bottom:1px dashed #ccc; padding-left:15px; cursor:pointer;}
.lastdiv .news-list a{ float:left; display:block; width:255px; color:#444; font-size:14px; line-height:39px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lastdiv .news-list span{ float:right; color:#8b8b8b; font-size:12px;}
.lastdiv .news-list li:hover{ background:url(../images/listdot2h.png) no-repeat left center;}
.lastdiv .news-list li:hover a,.lastdiv .news-list li:hover span{ color:#f00;}
/*资质证书*/
.lastdiv .honordiv{ float:left; width:455px; height:345px;}
.lastdiv .i-pro{min-width:435px;height:340px; margin:0px auto;clear:both;}
.lastdiv .i-product-main{ width:435px; height:241px; margin:0px 0; position: relative;}
.lastdiv .i-product-main .i-arrow-left{height:238px;width:11px;background:url(../images/left.png) no-repeat 0 0;display:block;cursor:pointer; position:absolute; top:0px; left:0px;}
.lastdiv .i-product-main .i-arrow-right{height:238px;width:11px;background:url(../images/right.png) no-repeat 0 0;display:block;cursor:pointer;position:absolute; top:0px; right:0px;}
.lastdiv .i-product-main .i-product-scroll { position:relative; margin:0px auto 0px auto;height:241px; width:381px; overflow:hidden;}
.lastdiv .i-product-main .i-product-switch { position:relative; width:381px; height:241px; }
.lastdiv .i-product-main ul { width:999999px;}
.lastdiv .i-product-main li { float:left; display:block; width:381px; height:241px;margin:0px 0px 0 0px;position:relative;}
.lastdiv .i-product-main .honor-list{display:block; width:381px; height:241px;}
/*业界资讯*/
.lastdiv .industrydiv{ float:left; width:365px; height:345px;}
.lastdiv .industry-list li{ background:url(../images/listdot3.png) no-repeat left center;}
.lastdiv .industry-list li:hover{ background:url(../images/listdot3h.png) no-repeat left center;}