.top_main{
    background: #383838;
    height: 37px;
    line-height: 37px;
    color:#fff;
}

/*幻灯*/
.slid2 {
    width: 100%;
    min-width: 1200px;
    height: 435px;
    float: left;
}

#viewport {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.view-content, .view-img, .slide {
    margin: 0;
    padding: 0;
    height: 435px;
    width: 100%;
}

#viewport .slide {
    line-height: 46px;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.slide img {
    width: 100%;
    height: 471px;
    min-width: 110px;
    border-radius: 5px;
}

#viewport .slide a {
    display: block;
    width: 1468px;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.view-content {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

#controls {
    overflow: hidden;
    *zoom: 1;
}

#controls li {
    display: inline;
    float: left;
    width: 33%;
    text-align: center;
}

.goto-slide {
}

/*next,prev是向前向后按钮*/
#next, #prev {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 80px;
    height: 100px;
    background: url(../img/viewport-button.png) 0 0 no-repeat;
    display: block;
    z-index: 10;
}

#next {
    right: 30px;
    background-position: -80px 0;
}

#prev {
    left: 31px;
    background-position: 0 0;
}

#next:hover {
    background-position: -80px -100px;
}

#prev:hover {
    background-position: 0 -100px;
}

.view-controls {
    position: absolute;
    bottom: 20px;
    width: 970px;
    left: 45%;
    margin-left: -900px;
    text-align: right;
}

.view-controls a {
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 0 0 7px;
    -webkit-transition: border-color 350ms ease;
    -moz-transition: border-color 350ms ease;
    -o-transition: border-color 350ms ease;
    -ms-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    background: #fff;
    border-radius: 10px;
}

.view-controls a:hover, .view-controls a.active {
    background: #0C6591;
}

.top_bg{height:90px;width:100%; min-width:1200px;z-index:5; background-color:#fefeff; }
.clearfix:after{visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: ".";}
.clearfix{zoom:1;}
.top{ width:1200px; height:90px; margin:0 auto;}
.logo a{ width:210px; height:49px; float:left;  display:block; margin-top:18px;}
.nav_all{float:right;}
.nav {height:60px; float:right;  color:#333; font-size:16px;padding-top: 38px; }
.nav li { float:left; position:relative; z-index:999  }
.nav_liz {text-align:center;}
.nav_home { width:100px; line-height:20px; text-align:center;  }
.nav .nav_liz .nav_first{margin:0 30px}
.nav .nav_liz span{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #e4e4e4;
}
.nav li a { color:#000; display:block; font-size: 16px;font-family: Microsoft YaHei,Arial;height: 28px;}
.nav li a span{margin: 0 15px;color: #e4e4e4}
.nav li a:hover{  display:block;}
.nav li a.on{ color:#e50014; display:block; position:relative; z-index:222;border-bottom: 2px solid red; }
.nav li a.cur{ }
.nav li .sub_nav{ padding:20px 0 30px 0;background:#ffffff; width:440px; display:none; position:absolute; left:0; top:30px; z-index:111}
.nav li .sub_nav .sub_navLeft{ width:100px; float:left;}
.nav li .sub_nav .sub_navLeft ul li{ width:100px; }
.nav li .sub_nav .sub_navLeft ul li a{color:#333; height:32px; line-height:32px; font-size:13px; text-align: left; padding-left: 28px}
.nav li .sub_nav .sub_navLeft_6a ul li a{ height:26px}
.nav li .sub_nav .sub_navLeft ul li a:hover{ border:none; color:#fff;background-color: #007fd1;}
.nav li .sub_nav .sub_navRight{ float:left; width:248px; padding:10px 0 0 18px}
.nav li .sub_nav .sub_navRight font{ color:#2B4777; font-size:12px; text-align:left; line-height:20px;float:left; padding-top:10px; font-weight:bold}
.nav li .sub_brand{ background:url(../img/nav_bg.png) repeat; width:400px; position:absolute; left:0px; display:none;z-index: 99999}
.nav li .sub_brand_main{width:100%; min-height:90px;border-bottom:1px solid #dfdfdf;}
.nav li .sub_brand_main .sub_brand_left{ width:120px; min-height:90px; float:left; }
.nav li .sub_brand_main .sub_brand_left a{color:#666; border:none; font-weight:bold; font-size:13px; line-height:90px; text-align:left; padding-left:25px}
.nav li .sub_brand_main .sub_brand_left a:hover{color:#fff}
.nav li .sub_brand_main .sub_brand_right{ width:500px; float:left;border-left:1px solid #dfdfdf;}
.nav li .sub_brand_main .sub_brand_right ul li a{ width:100px; min-height:90px; display:block; float:left; color:#929292; line-height:25px; font-size:12px}
.nav li .sub_brand_main .sub_brand_right ul li a:hover{ border:none;color:#3656a1}
.nav li .sub_brand_main .sub_brand_right ul li a img{ padding-top:10px}


#coverpage {
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #000;
    overflow: hidden;
    position: absolute;
}
#onepics {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.onepic_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    cursor: pointer;
}
.onepic_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 45px;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7f000000', EndColorStr='#7f000000');
}
.onepic_bg p {
    height: 45px;
    line-height: 45px;
    padding-left: 95px;
    font-size: 13px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.product_list{
    position: absolute;
    z-index:3;
    bottom: 107px;
    left: 50%;
    margin-left: -600px;
}

.product_list ul li{
    background: #ffffff;
    padding: 17px;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
}
.product_list ul li h3{
    font-size: 16px;
    color:#0c6591;
    padding-bottom: 18px;
}
.product_list ul li h3 span{
    color:#999999;
    padding-left: 5px;
    font-family: Arial;
    font-size: 14px;
}

.footer{
    width: 100%;
    height: 45px;
    background: #303437;
    bottom: 0px;
    z-index: 11;
    line-height: 45px;
    text-align: center;
}
.footer_content{
    font-size: 14px;
    color:#ffffff;
}