.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:1px auto 0px auto;height:500px; clear:both;}
.bannerdiv #main_promo{height:500px; 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:11px; position:absolute;bottom:15px;z-index:99;left:50%;text-align:center; margin-left:-150px; width:300px;}
.bannerdiv #dots a{ width:11px; margin-right:10px; height:11px; 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; line-height:40px; border-bottom:1px solid #e1e1e1; margin:30px 0; background:url(../images/bg-line.png) no-repeat left bottom;}
.typediv .left{ float:left;color:#000; font-size:18px;}
.typediv .left img{ position:relative; top:2px; margin-right:5px;}
.typediv .left span{text-transform:uppercase; color:#767676; font-size:14px; font-family:"Arial"; margin-left:5px;}
.typediv .right{ display:block; float:right; color:#888; font-size:14px;}
.typediv .right:hover{ color:#0072b0;}

.firstdiv{ width:1200px; height:390px; margin:0px auto; overflow:hidden; clear:both;}
.firstdiv .aboutdiv{ height:370px; width:660px; float:left; overflow:hidden;}
.firstdiv .aboutdiv ul{ width:660px; height:265px; overflow:hidden;}
.firstdiv .aboutdiv li{ float:left; display:block;}
.firstdiv .aboutdiv .pic{ width:238px; height:263px;}
.firstdiv .aboutdiv .intro{ width:395px; height:265px; float:right; color:#000; font-size:14px; line-height:24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical; text-indent:2em;}
.firstdiv .aboutdiv .more{ color:#f00;}
.firstdiv .newsdiv{ height:370px; width:505px; float:right;}
.firstdiv .newsdiv .typediv{ margin:30px 0 25px 0;}
.firstdiv .newsdiv .new-list{ width:505px; height:265px; overflow:hidden; border-bottom:none;}
.firstdiv .newsdiv li{ width:505px; height:31px; background:url(../images/listdot.png) no-repeat left center; font-size:14px; border-bottom:1px dashed #e1e1e1; line-height:30px; cursor:pointer;}
.firstdiv .newsdiv li a{ display:block; width:375px; float:left; line-height:31px; color:#333; margin-left:15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.firstdiv .newsdiv li:hover a{ color:#0072b0;}
.firstdiv .newsdiv li span{ float:right; color:#999;}
.firstdiv .i-pro{min-width:240px;height:265px; margin:0px auto;clear:both;}
.firstdiv .i-product-main{ width:240px; height:265px; margin:0px auto; position: relative;}
.firstdiv .i-product-main .i-arrow-left{height:55px;width:31px;display:none;cursor:pointer; position:absolute; top:80px; left:-25px;}
.firstdiv .i-product-main .i-arrow-right{height:55px;width:31px;display:none;cursor:pointer;position:absolute; top:80px; right:-25px;}
.firstdiv .i-product-main .i-product-scroll { position:relative; margin:0px auto 0px auto;height:265px; width:240px; overflow:hidden;}
.firstdiv .i-product-main .i-product-switch { position:relative; width:240px; height:265px;overflow:hidden;}
.firstdiv .i-product-main ul { width:999999px;}
.firstdiv .i-product-main li { float:left; display:block; margin:0px 0px 0 0px;text-align:center; position:relative; overflow:hidden;width:238px; height:263px; border:1px solid #ccc;}

.casediv{ width:100%; height:590px; background: url(../images/bg-case.jpg); clear:both; min-width:1200px;}
.casediv .case{ width:1200px; height:590px; margin:0px auto;overflow:hidden;}
.casediv .case-list{ display:block; width:285px; height:220px; float:left; margin:0 0 20px 20px; overflow:hidden; position:relative;}
.casediv .case-list .words{ background:url(../images/opacity.png); position:absolute; bottom:0; left:0; height:40px; width:265px; padding:0 10px; color:#fff; line-height:40px; text-align:center; font-size:14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.casediv .case-list:hover .words{ color:#ff0;}
.casediv .case-one{ height:460px; margin:0;}

.linkdiv{ width:100%; height:50px; background:#00527f; clear:both; min-width:1200px;}
.linkdiv .link{ width:1200px; height:50px; margin:0px auto;overflow:hidden; background:url(../images/pic-link.png) no-repeat left center; color:#b49696; font-size:14px; line-height:50px; padding-left:30px;}
.linkdiv .link span{ float:left;}
.linkdiv .link a{ color:#b49696; font-size:14px; display:block; margin-left:15px; float:left;}
.linkdiv .link a:hover{ color:#0072b0;}