@charset "utf-8";

* {
    margin: 0px;
}

.clear {
    clear: both;
    width: 100%;
    height: 1px;
}

#toppic { /*顶部轮播大图*/
    position: absolute;
    width: 100%;
    min-width: 1200px;
    height: 600px;
    background-size: 100% 100%;
}

    #toppic ul li { /*顶部轮播大图*/
        position: absolute;
        top: 0px;
        left: 0px;
        position: absolute;
        width: 100%;
        min-width: 1200px;
        height: 600px;
        background-size: 100% 100%;
    }

.tpul1 { /*顶部轮播大图1*/
    background-image: url(../img/tpul1.jpg);
}

.tpul2 { /*顶部轮播大图2*/
    background-image: url(../img/tpul2.jpg);
}

.tpul3 { /*顶部轮播大图3*/
    background-image: url(../img/tpul3.jpg);
}

.tpul4 { /*顶部轮播大图4*/
    background-image: url(../img/tpul4.jpg);
}

#show { /*展示块*/
    position: relative;
    margin: 300px auto auto auto;
    width: 1200px;
    height: 300px;
    left: 0;
    right: 0;
    overflow: hidden;
}

.sc { /*展示块div*/
    position: relative;
    float: left;
    margin: 20px auto auto auto;
    width: 230px;
    height: 280px;
    overflow: hidden;
}

.sc1 { /*展示块1div*/
    margin: 20px auto auto 160px;
}

.sc2 { /*展示块2div*/
    margin: 20px 100px auto 100px;
}


.sc a { /*展示块div a*/
    display: block;
    width: 230px;
    height: 280px;
    top: -10px;
    text-decoration: none;
    overflow: hidden;
}

.scout { /*展示子块外div*/
    display: block;
    width: 210px;
    height: 210px;
    border-radius: 105px;
    background-color: #FFF;
    margin: 10px auto auto 10px;
    overflow: hidden;
    box-shadow: #999 0px 0px 10px;
}

.scin { /*展示子块内div*/
    width: 200px;
    height: 200px;
    border-radius: 100px;
    list-style: none;
    margin: 5px 5px auto auto;
}

.scin1 { /*展示子块内div*/
    background-image: url(../img/scin1.jpg);
}

.scin2 { /*展示子块内div*/
    background-image: url(../img/scin2.jpg);
}

.scin3 { /*展示子块内div*/
    background-image: url(../img/scin3.jpg);
}

.sc a li { /*展示子块内文字*/
    position: relative;
    display: block;
    list-style: none;
    list-style-type: none;
    text-align: center;
    margin: 15px auto 10px auto;
    font-size: 14px;
    color: #fff;
    height: 35px;
    width: 150px;
    line-height: 35px;
    background-color: #175BAF;
    border-radius: 20px;
    box-shadow: #999 0px 0px 10px;
}

.sc a:hover { /*展示子选中过渡效果*/
    cursor: pointer;
}

    .sc a:hover .scout, .sc a:hover li { /*展示子选中过渡效果*/
        box-shadow: #333 0px 0px 10px;
        cursor: pointer;
    }



#newslink { /*新闻链接大块div*/
    position: relative;
    margin: 60px auto auto auto;
    width: 100%;
    min-width: 1200px;
    height: 400px;
    background-color: #F3F3ED;
}

.newslinkmid { /*新闻链接居中块div*/
    margin: auto;
    width: 1100px;
    height: 400px;
}

#news { /*新闻块div*/
    position: relative;
    float: left;
    margin: 30px auto auto 10px;
    width: 780px;
    height: 400px;
}

.newslist { /*新闻列表div ul*/
    display: block;
    height: 100px;
    width: 740px;
    margin-bottom: 10px;
}

    .newslist a { /*新闻列表div ul a*/
        display: block;
        height: 100px;
        width: 740px;
    }

    .newslist li { /*新闻图片标题时间简介div ul a li*/
        list-style: none;
        float: left;
        display: block;
    }

.newspic { /*新闻图片*/
    position: relative;
    width: 140px;
    height: 100px;
    left: -30px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: #999 0px 0px 10px;
}

.newstit { /*新闻标题*/
    position: relative;
    width: 590px;
    height: 30px;
    left: -10px;
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}

    .newstit span { /*新闻时间*/
        float: right;
        margin-right: 10px;
    }

.ntspan {
    float: left !important;
}

.newslist a:hover .newspic { /*新闻选中图片过渡效果*/
    box-shadow: #333 0px 0px 10px;
}

.newslist a:hover .ntspan { /*新闻选中图片过渡效果*/
    text-decoration: underline;
}

.newscon { /*新闻简介*/
    position: relative;
    width: 580px;
    height: 40px;
    left: -10px;
    margin: auto auto auto 10px;
    font-size: 13px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
}

.more li {
    list-style: none;
}

    .more li a {
        display: block;
        width: 100px;
        height: 20px;
        line-height: 20px;
        float: right;
        margin: 5px 20px auto auto;
        font-size: 13px;
        color: #999;
        text-align: center;
        border-radius: 5px;
        text-decoration: none;
    }

        .more li a:hover {
            cursor: pointer;
            text-decoration: underline;
        }





#link { /*链接块DIV*/
    position: relative;
    float: left;
    margin: 30px auto auto 20px;
    width: 250px;
    height: 350px;
    border-left: #CCC thin solid;
}

.linklist { /*链接块DIV ul*/
    position: relative;
    display: block;
    width: 290px;
    height: 100px;
    margin: auto 10px 10px 10px;
}

    .linklist a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

        .linklist a li span { /*链接块文字DIV ul li span*/
            position: relative;
            color: #999;
            font-size: 13px;
            top: 45px;
            left: 110px;
            margin: auto auto auto 10px;
        }

.linklistpic { /*link图片 li*/
    list-style: none;
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    box-shadow: #999 0px 0px 10px;
    background-color: none !important;
}

.l1 { /*link图片 li*/
    background-image: url(../img/l1.jpg);
    margin-top: 00px;
}

.l2 { /*link图片 li*/
    background-image: url(../img/l2.jpg);
}

.l3 { /*link图片 li*/
    background-image: url(../img/l3.jpg);
}

.linklist a:hover { /*链接块DIV ul选中过渡效果*/
    cursor: pointer;
}

    .linklist a:hover .linklistpic { /*链接块DIV ul选中过渡效果*/
        box-shadow: #333 0px 0px 10px;
    }

    .linklist a:hover li span { /*链接块DIV ul选中过渡效果*/
        text-decoration: underline;
    }





/* css 重置 */
.picScroll-top * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.picScroll-top img {
    border: 0;
}

.picScroll-top a {
    text-decoration: none;
    color: #333;
}

#products { /*产品条目*/
    position: relative;
    top: 20px;
    margin: auto;
    width: 1200px;
    height: 370px;
}
/* 本例子css */
.picScroll-top { /*superslide外框架大块DIV*/
    position: absolute;
    margin: auto !important;
    width: 910px;
    height: 345px;
    overflow: hidden;
    top: 15px;
    left: 130px;
}

    .picScroll-top .hd { /*滑动按钮DIV*/
        position: absolute;
        overflow: hidden;
        width: 30px;
        height: 80px;
        background: #ccc;
        top: 128px;
        left: 535px;
        z-index: 2;
        box-shadow: #666 0px 0px 10px;
        border-radius: 15px;
    }

        .picScroll-top .hd .prev { /*滑动按钮DIV a 前*/
            position: absolute;
            display: block;
            width: 30px;
            height: 30px;
            cursor: pointer;
            background-image: url(../img/arrpre.png);
            background-repeat: no-repeat;
            background-position: 100% 70%;
        }

        .picScroll-top .hd .next { /*滑动按钮DIV a 后*/
            position: absolute;
            top: 50px;
            display: block;
            width: 30px;
            height: 30px;
            cursor: pointer;
            background-image: url(../img/arrnext.png);
            background-repeat: no-repeat;
            background-position: 100% 50%;
        }

        .picScroll-top .hd .prevStop {
        }

        .picScroll-top .hd .nextStop {
        }

        .picScroll-top .hd ul {
            float: right;
            overflow: hidden;
            zoom: 1;
            margin-top: 10px;
        }

            .picScroll-top .hd ul li.on {
            }

    .picScroll-top .bd { /*滑动内容块DIV*/
        width: 910px !important;
    }

        .picScroll-top .bd ul { /*滑动内容块DIV ul*/
            width: 910px !important;
            overflow: hidden;
            zoom: 1;
        }

            .picScroll-top .bd ul li { /*滑动内容条目DIV ul li*/
                zoom: 1;
                width: 910px;
                margin: auto auto 12px auto;
            }

                .picScroll-top .bd ul li .pic { /*滑动内容条目-图片DIV ul li div*/
                    display: block;
                    width: 300px;
                    height: 300px;
                    position: relative;
                    left: 590px;
                }

                    .picScroll-top .bd ul li .pic img { /*滑动内容条目-图片DIV ul li div a img*/
                        width: 300px;
                        height: 300px;
                        display: block;
                        margin: 15px 15px auto auto;
                        box-shadow: #666 0px 0px 10px;
                    }

                    .picScroll-top .bd ul li .pic a:hover img { /*滑动内容条目-图片过渡效果DIV ul li div a img*/
                        box-shadow: #333 0px 0px 10px;
                    }

                .picScroll-top .bd ul li .title { /*滑动内容条目-说明文字DIV ul li div*/
                    display: block;
                    width: 515px;
                    height: 150px;
                    position: relative;
                    left: 0px;
                    top: -230px;
                    text-align: left;
                }

                    .picScroll-top .bd ul li .title a { /*滑动内容条目-说明文字DIV ul li div*/
                        display: block;
                        width: 515px;
                        height: 150px;
                    }