.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:1px auto 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: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{ width:100%; min-width:1200px; height:40px;background:url(../images/dot.png) no-repeat center bottom; background-size:6px 6px; position:relative; text-align:center; color:#000; font-size:20px; line-height:40px; margin:50px 0 22px 0;}
.typediv span{ text-transform:uppercase; font-weight:bold; font-size:24px; font-family:"Arial Black";}
.typediv hr{background:#e1a20c; border:none; height:1px; width:100%; position:absolute; bottom:3px;}

.aboutdiv{ width:1200px; min-width:1200px; height:410px; margin:0px auto; overflow:hidden; clear:both;}
.aboutdiv .leftpic{ display:block;overflow:hidden; float:left;}
.aboutdiv .right{ width:815px; height:315px; float:left; overflow:hidden; margin-bottom:20px;}
.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; margin-left:20px;}
.aboutdiv .right img{ margin-top:20px; margin-left:20px; float:left;}
.aboutdiv img:hover{ opacity:0.7;}
.aboutdiv .more{ display:block; width:90px; height:30px; line-height:30px; clear:both; text-align:center; margin:0px auto; background:#333; color:#fff; font-size:14px; border-radius:3px;}
.aboutdiv .more:hover{ background:#e1a20c;}

.productdiv{ width:100%; height:480px; min-width:1200px; background:#f4f4f4; overflow:hidden; clear:both;}
.productdiv .product{ width:1200px; height:330px; margin:0px auto; padding-top:10px;}
.productdiv .i-pro{min-width:1200px;height:280px; margin:0px auto;clear:both;}
.productdiv .i-product-main{ width:1200px; height:280px; margin:0px 0; position: relative;}
.productdiv .i-product-main .i-arrow-left{height:36px;width:36px;background:url(../images/leftarr.png) no-repeat 0 0;display:block;cursor:pointer; position:absolute; top:100px; left:-50px;}
.productdiv .i-product-main .i-arrow-left:hover{background:url(../images/leftarrh.png) no-repeat 0 0;}
.productdiv .i-product-main .i-arrow-right{height:36px;width:36px;background:url(../images/rightarr.png) no-repeat 0 0;display:block;cursor:pointer;position:absolute; top:100px; right:-40px;}
.productdiv .i-product-main .i-arrow-right:hover{background:url(../images/rightarrh.png) no-repeat 0 0;}
.productdiv .i-product-main .i-product-scroll { position:relative; margin:0px auto 0px auto;height:280px; width:1200px; overflow:hidden;}
.productdiv .i-product-main .i-product-switch { position:relative; width:1200px; height:280px; }
.productdiv .i-product-main ul { width:999999px;}
.productdiv .i-product-main li { float:left; display:block; width:222px; height:270px;margin:0px 20px 0 0px;position:relative; overflow:hidden;}
.productdiv .i-product-main .pro-list{display:block; width:222px; height:270px;position:relative; }
.productdiv .pro-list img{ border:1px solid #e1a20c;}
.productdiv .pro-list .words{width:212px;height:39px;line-height:39px;text-align:center; color:#fff; background:#e1a20c; margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0 5px;}
.productdiv .pro-list .opacitys{ position:absolute; top:1px; left:1px; z-index:20; width:220px; height:132px; padding-top:90px; background:url(../images/opacity.png); text-align:center; color:#fff; display:none;}
.productdiv .pro-list .opacitys img{ border:none;}
.productdiv .pro-list .opacitys span{ display:block; margin-top:10px;}
.productdiv .pro-list:hover .opacitys{ display:block;}
.productdiv .pro-list:hover .words{ background:#333;}
.productdiv .more{ display:block; width:90px; height:30px; line-height:30px; clear:both; text-align:center; margin:10px auto 0px auto; border:1px solid #e1a20c; color:#e1a20c; font-size:14px; border-radius:3px; background:#fff;}
.productdiv .more:hover{ background:#e1a20c; color:#fff;}

.newsdiv{ width:100%; height:426px; min-width:1200px; background: url(../images/bg-news.jpg) no-repeat top center; overflow:hidden; clear:both;}
.newsdiv .news{ width:1200px; height:280px; margin:0px auto; padding-top:5px;}
.newsdiv .new-list{ width:590px; height:95px; float:left; display:block; overflow:hidden; margin-bottom:20px; position:relative;}
.newsdiv .new-list .pic{ float:left;}
.newsdiv .new-list .topic{ float:right; width:420px; line-height:22px; color:#444; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsdiv .new-list .intro{ float:right; width:420px; line-height:22px; color:#8b8b8b; font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; margin-top:10px;}
.newsdiv .new-list .intro span{ font-size:12px; position:absolute; bottom:-2px; right:0;}
.newsdiv .new-list:hover img{ opacity:0.7;}
.newsdiv .new-list:hover .topic{ color:#c18800;}

.newsdiv .more{ display:block; width:90px; height:30px; line-height:30px; clear:both; text-align:center; margin:40px auto 0px auto; border:1px solid #e1a20c; color:#e1a20c; font-size:14px; border-radius:3px; background:#fff;}
.newsdiv .more:hover{ background:#e1a20c; color:#fff;}

.bottomdiv{ width:100%; height:380px; min-width:1200px; background:#f4f4f4; overflow:hidden; clear:both;}
.bottomdiv .bottom{ width:1200px; height:340px; margin:40px auto 0px auto;}
.bottomdiv .online_form{ float:left; width:582px;height:290px; overflow:hidden;}
.bottomdiv .type{ color:#000; font-size:20px; line-height:36px;}
.bottomdiv .type span{ text-transform:uppercase; font-weight:bold; font-size:24px; font-family:"Arial Black";}
.bottomdiv .input_div{ width:287px; height:38px; border:1px solid #e1a20c; background:#fff; margin-top:20px; float:left; margin-right:2px;}
.bottomdiv .input_div input{ height:38px; width:230px; margin-left:30px; float:left; border:none;}
.bottomdiv .input_div img{ position:relative;left:20px; top:8px; float:left;}
.bottomdiv .email_div img{ top:12px;}
.bottomdiv .cont_text{ width:537px;height:112px;margin-top:2px; resize:none; border:1px solid #e1a20c; background:#fff; padding:10px 20px;}
.bottomdiv .cont_text:focus{box-shadow:none; border:solid 1px #e1a20c; outline: 0; -webkit-box-shadow: none; line-height:24px;}
.bottomdiv .feedback_btn{ margin-top:10px; width:143px; height:40px; background:#e1a20c; border:3px solid #dbdbdb; color:#fff; font-weight:bold; font-size:18px; cursor:pointer;}
.bottomdiv .contact_div{ width:602px; height:290px; float:right; overflow:hidden;}
.bottomdiv .icon_div{ float:left; width:240px; height:290px;}
.bottomdiv .contact_div .left{ width:240px; overflow:hidden; height:180px; margin-top:10px;}
.bottomdiv .contact_div li{ display:block; height:45px; width:240px; line-height:45px; border-bottom:1px dashed #2d85c9; color:#444; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bottomdiv .contact_div li img{ position:relative; top:2px; left:2px; margin-right:8px;}
.bottomdiv .icon{ float:left; display:block; margin:17px 30px 0 0; position:relative;}
.bottomdiv .icon .code{ position:absolute; z-index:10; top:-110px; left:-26px; display:none; width:100px; height:100px; background:#fff; padding:3px 3px; border:1px solid #ccc;}
.bottomdiv .wechat:hover .code{ display:block;}
.bottomdiv .map{ display:block; width:332px; height:228px; float:right; border:3px solid #e1a20c; margin-top:16px;}