﻿.bannerdiv{ width:100%; min-width:1200px;overflow:hidden; margin:0px auto;height:400px; clear:both;}
.bannerdiv #main_promo{height:400px; 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:10px; position:absolute;bottom:20px;z-index:99;left:50%;text-align:center; margin-left:-200px; width:400px;}
.bannerdiv #dots a{ width:10px; margin-right:5px; height:10px; display:inline-block; background:url(../images/dot-white.png) no-repeat center;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat center;}

.main{width: 100%;height: auto;background:url(../images/bg-about.png);min-width: 1200px;overflow: hidden;clear: both;padding-top: 30px;}

.index_type{width: 1200px;height: 40px;line-height: 40px;margin: 20px auto;overflow: hidden; background: #fff;}
.index_type span{display: block;float: left;width: 100px;height: 40px;background: #b30108;border-left: 6px solid #ffa100;text-align: center;color: #fff;font-size: 16px;}
.index_type .more{display: block;float: right;color: #8b8b8b;font-size: 12px;margin-right: 20px;}
.index_type .more:hover{color: #ffa100;}

.links_div{width: 1200px;height: auto;margin: 0px auto 35px auto;position: relative;overflow: hidden;}
.links_div .i-pro{min-width:1200px;height:70px; margin:0px auto 0px auto;clear:both;}
.links_div .i-product-main{ width:1200px; height:70px; margin:0px auto; position: relative;}
.links_div .i-product-main .i-arrow-left{height:36px;width:36px;display:block; background:url(../images/arrow-lf.png) no-repeat 0 0;cursor:pointer; position:absolute; top:18px; left:-50px;}
.links_div .i-product-main .i-arrow-left:hover{ background:url(../images/arrow-lfh.png) no-repeat 0 0;}
.links_div .i-product-main .i-arrow-right{height:36px;width:36px;display:block; background:url(../images/arrow-rg.png) no-repeat 0 0;cursor:pointer;position:absolute; top:18px; right:-50px;}
.links_div .i-product-main .i-arrow-right:hover{ background:url(../images/arrow-rgh.png) no-repeat 0 0;}
.links_div .i-product-main .i-product-scroll { position:relative; margin:0px auto 0px auto;height:70px; width:1200px; }
.links_div .i-product-main .i-product-switch { position:relative; width:1200px; height:170px;    background: #fff;}
.links_div .i-product-main ul {}
.links_div .i-product-main li {display: block; float:left;  margin-right:22px; width:178px; height:32px; text-align: center; line-height: 32px; overflow:hidden;border:0px solid #dcdcdc;}

.about_div{width: 1200px;height: 420px;margin: 20px auto;overflow: hidden; background: #fff; clear: both;}
.about_div .apic{display: block;width: 375px;height: 375px;float: left;overflow: hidden;margin:22px 22px;}
.about_div .intro{width: 760px;height: 200px;float: left;overflow: hidden;margin-top:17px;text-indent: 2em;color: #000;font-size: 14px;line-height: 24px;}
.about_div .intro .more{color: #f00;margin-left: 9px;}
.about_div .bpic{display: block;width: 768px;height: 166px;float: left;overflow: hidden;margin-top:13px;}
.about_div .bpic a{display: block;width: 243px;height: 166px;overflow: hidden;float: left;position: relative;}
.about_div .bpic .pic2{margin: 0 14px;}
.about_div .bpic .txt{position:absolute;left: 0;bottom: 0;width: 243px;height: 40px;background:url(../images/opacity.png);text-align:center;line-height: 40px;color: #fff;font-size: 14px;overflow: hidden;}
.about_div .bpic a:hover .txt{color: #ff0;}

.news_div{width: 1200px;height: 430px;margin: 30px auto;overflow: hidden; clear: both;}
.news_div .left{width: 585px;height: 430px;float: left;overflow: hidden;}
.news_div .right{width: 585px;height: 430px;float: right;overflow: hidden;}
.news_div .ctag_div{width: 583px;height: 38px;float: left;overflow: hidden;border:1px solid #b30108;background: #fff;border-left:none;}
.news_div .ctag_div .ca{display: block;float: left;line-height: 38px;text-align: center;width: 100px;border-left:1px solid #b30108;color: #000;font-size: 16px;}
.news_div .ctag_div .ca:hover,.news_div .ctag_div .ca.hover{background: #b30108 url(../images/bg-arr.png) no-repeat center bottom;color: #fff;}
.news_div .ctag_div .more{display: block;float: right;color: #8b8b8b;font-size: 12px;margin-right: 10px;border:none;width: 62px;line-height: 38px;}
.news_div .ctag_div .more:hover{color: #ffa100;}
.news_div .news_box{background: #fff;margin-top: 60px;width: 585px;height: 450px; clear: both;overflow: hidden;}
.news_div .news_box ul{width: 585px;height: 450px;margin-top: 10px;}
.news_div .news_box li{display: block;width: 555px;height: 40px;line-height: 40px;border-bottom: 1px dashed #ccc;overflow: hidden;margin-left: 15px;cursor: pointer;}
.news_div .news_box li a{display: block;width: 455px;height: 40px;float: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #000;font-size: 14px;}
.news_div .news_box li span{float: right;color: #8b8b8b;font-size: 12px;}
.news_div .news_box li:hover a{color: #ffa100;}