.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:0px auto;height:570px; clear:both;z-index: 1;}
.bannerdiv #main_promo{height:570px; width:1920px;min-width:1200px;position:relative; top:0; left:50%; margin-left:-960px;overflow:hidden; z-index:1; }
.bannerdiv .promoWD{width:auto; min-width:1200px;margin:0 auto; position:relative; overflow:hidden;}
.bannerdiv .slide{display:block; float:left;  width:1920px;}
.bannerdiv .slide img{z-index:1; }
.bannerdiv #dots{height:12px; position:absolute;bottom:20px;z-index:99;left:50%;text-align:center; margin-left:-200px; width:400px;}
.bannerdiv #dots a{ width:12px; margin-right:10px; height:12px; display:inline-block; background:url(../images/dot-white.png) no-repeat center;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat center;}

.index_type{ width:100%; height:50px; min-width:1200px; background:url(../images/bg-type.png) repeat-x top center; text-align:center; overflow:hidden; clear:both; margin:48px 0 35px 0;}
.index_type .ch{ color:#000; font-size:22px;}
.index_type .en{ display:block; text-transform:uppercase;color:#8b8b8b; font-size:16px; font-family:Arial;}

.proctag_div{ width:1200px; height:165px; margin:0px auto 75px auto; overflow:hidden; clear:both;}
.proctag_div .proctag_a{ display:block; float:left; background:url(../images/proctag_div.png) no-repeat top center; width:114px; height:165px; overflow:hidden; margin-left:41px;}
.proctag_div .proctag_a .pic{ width:114px; height:124px; overflow:hidden;}
.proctag_div .proctag_a .txt{ text-align:center; width:114px; height:20px; font-size:16px; line-height:20px; color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top:15px;}
.proctag_div .proctag_a:hover{ background:url(../images/proctag_divh.png) no-repeat top center;}
.proctag_div .proctag_a:hover .txt{color:#d01818;}

.about_box{ width:100%; height:515px; overflow:hidden; clear:both; min-width:1200px; background:#ebebeb;}
.about_box .about_div{ width:1200px; height:335px; margin:0px auto; overflow:hidden;}
.about_box .typediv{ height:29px; line-height:29px; overflow:hidden; background:url(../images/img-arr.png) no-repeat left center; padding-left:12px;color:#000; font-size:18px;}
.about_box .typediv .more{ float:right;color:#8b8b8b; font-size:12px;}
.about_box .typediv .more:hover{color:#d01818;}
.about_box .about{ width:590px; height:330px; float:left; overflow:hidden;}
.about_box .about .intro{ width:590px; height:78px; color:#444; font-size:14px; line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical; margin:13px 0 22px 0;}
.about_box .about .picbox{width:280px; height:188px; float:left; overflow:hidden;}
.about_box .picbox a{ display:block; width:280px; height:188px;}
.about_box .about .pic2{ float:right;}
.about_box .picbox a:hover img{
	opacity: 1;
	transform: scale(1.15,1.15);
	-webkit-transform:scale(1.15,1.15);
	-moz-transform:scale(1.15,1.15);
	-ms-transform:scale(1.15,1.15);
	-o-transform:scale(1.15,1.15);
}
.about_box .picbox img{
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.about_box .news{ width:580px; height:330px; float:right; overflow:hidden;}
.about_box .news .new_list{ width:580px; height:85px; overflow:hidden; margin-top:15px; cursor:pointer;}
.about_box .new_list .date{ float:left; width:78px; height:83px; line-height:58px; border:1px solid #8b8b8b; border-radius:8px; text-align:center; overflow:hidden; color:#8b8b8b; font-size:28px;}
.about_box .new_list .date span{ display:block; font-size:12px; border-top:1px solid #8b8b8b; line-height:24px; height:24px;}
.about_box .new_list .topic{ display:block; float:right; width:485px; height:26px; line-height:26px; color:#000; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.about_box .new_list .intro{ float:right; width:485px; height:48px; line-height:24px; color:#8b8b8b; font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:7px;}
.about_box .new_list:hover .date{border:1px solid #d01818; color:#000;}
.about_box .new_list:hover .intro{ color:#000;}

.cases_div{ width:100%; background:url(../images/bg-cases.jpg) no-repeat top center; height:500px; min-width:1200px; overflow:hidden; clear:both;}
.cases_div .cases{ width:1200px; height:325px; margin:0px auto;}
.cases_div .i-pro{min-width:1200px;height:255px; margin:0px auto 0px auto;clear:both;}
.cases_div .i-product-main{ width:1200px; height:255px; margin:0px auto; position: relative;}
.cases_div .i-product-main .i-arrow-left{height:60px;width:60px;display:block; background:url(../images/arrow-lf.png) no-repeat 0 0;cursor:pointer; position:absolute; top:100px; left:-100px;}
.cases_div .i-product-main .i-arrow-left:hover{ background:url(../images/arrow-lfh.png) no-repeat 0 0;}
.cases_div .i-product-main .i-arrow-right{height:60px;width:60px;display:block; background:url(../images/arrow-rg.png) no-repeat 0 0;cursor:pointer;position:absolute; top:100px; right:-100px;}
.cases_div .i-product-main .i-arrow-right:hover{ background:url(../images/arrow-rgh.png) no-repeat 0 0;}
.cases_div .i-product-main .i-product-scroll { position:relative; margin:0px auto 0px auto;height:255px; width:1200px; overflow:hidden;}
.cases_div .i-product-main .i-product-switch { position:relative; width:1200px; height:255px; }
.cases_div .i-product-main ul { width:999999px;}
.cases_div .i-product-main li {display: block; float:left; background:#fff; margin-right:20px; width:285px; height:255px; overflow:hidden;}
.cases_div .i-product-main .list{ display:block; width:285px; height:255px;overflow:hidden;}
.cases_div .list img{margin:10px 10px;}
.cases_div .list .txt{ font-size:16px; line-height:30px; height:30px; text-align:center; width:265px; margin:0px auto; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#000; margin-top:3px;}
.cases_div li:hover .list .txt{ color:#d01818;}

.link_div{ width:100%; height:121px; min-width:1200px; background: url(../images/bg-link.jpg); overflow:hidden; clear:both;}
.link_div .link{ width:1200px; height:121px; overflow:hidden; margin:0px auto;}
.link_div .pic{float:left; background:url(../images/img-link.png) no-repeat; width:147px; height:24px; margin-top:48px; overflow:hidden;}
.link_div .right{ float:left; width:1050px; height:20px; line-height:20px; overflow:hidden;margin-top:54px;}
.link_div .right a{ display:block; float:left; margin-left:40px; color:#acacac; font-size:14px;}