@import url("global.css");

#header {
    background: url(../image/top.JPG) center center no-repeat;
    height: 572px;
    width: 100%;
    float: left;
}

.nav {
    width: 100%;
    height: 69px;
    float: left;
    background: #da0010;
}

    .nav ul {
        width: 1200px;
        margin: 0px auto;
    }

        .nav ul li {
            line-height: 69px;
            float: left;
            padding-left: 30px;
        }

            .nav ul li a {
                color: #fff;
                font-size: 22px;
		font-weight:bold;
            }

.main {
    width: 100%;
    float: left;
}

.content {
    width: 1210px;
    margin: 0px auto;
}

.part01 {
    width: 100%;
    float: left;
    margin-top: 25px;
}

.pic {
    float: left;
    width: 580px;
    height: 380px;
}

.list {
    float: left;
    width: 580px;
    margin-left: 20px;
}

    .list h3 {
        width: 100%;
        float: left;
        color: #f60100;
        font-weight: bold;
        font-size: 24px;
	line-height: 48px;
    border-bottom: 1px #f60100 solid;
    }

        .list h3 img {
            float: left;
            margin-top: 14px;
            padding-right: 14px;
        }

        .list h3 a {
            color: #f60100;
        }

    .list ul {
        width: 100%;
        float: left;
        margin-top: 20px;
        margin-left: 4px;
    }

        .list ul li {
            width: 100%;
            font-size: 15px;
            line-height: 35px;
            float: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .list ul li a {
                color: #6a656b;
                background: url(../image/point02.jpg) left center no-repeat;
                padding-left: 20px;
            }

                .list ul li a:hover {
                    color: #FF0000
                }

    .list.newslist {
        float: left;
        width: 590px;
        margin-left: 0px;
        margin-right: 10px;
    }

.banner {
    width: 100%;
    float: left;
    margin-top: 40px;
}

    .banner img {
        width: 100%;
    }

.work {
    background: url(../image/dt01.jpg);
    width: 589px;
    height: 319px;
    float: left
}

.work01 {
    margin-left: 30px;
    background: url(../image/dt02.jpg);
}

.study {
    background: url(../image/xxyd.jpg) no-repeat;
    float: left;
    width: 100%;
    height: 647px;
    margin-top: 40px;
}

.movie {

    width: 100%;
    float: left;
}

    .movie h3 {
        width: 100%;
        float: left;
        color: #f60100;
        font-weight: bold;
    font-size: 24px;
    line-height: 48px;
    border-bottom: 1px #f60100 solid;
    }

        .movie h3 img {
            float: left;
            margin-top: 14px;
            padding-right: 10px;
        }

        .movie h3 a {
            color: #f60100;
        }

.movie_content {
   /* background: url(../images/movie.jpg) no-repeat;*/
    height: 220px;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.list.newslist2 {
    float: left;
    width: 450px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 50px;
    margin-left: 30px;
}

    .list.newslist2.newslis3 {
        margin-left: 130px
    }

.study h3 {
    width: 100%;
    float: left;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    background: url(../image/hbg.jpg) left top no-repeat;
    height: 30px;
    line-height: 30px;
padding-left: 20px;
}

    .study h3 a {
        color: #fff;
        padding-left: 20px;
    }

.footer {
    width: 100%;
    height: 116px;
    float: left;
    margin-top: 25px;
    background: #ef1921;
}

    .footer ul {
        margin-top: 20px;
    }

        .footer ul li {
            text-align: center;
            color: #fff;
            line-height: 30px;
        }

            .footer ul li a {
                color: #fff;
            }


#scrollImg {
    width: 1200px;
    height: 200px;
    overflow: hidden;
    float: left;
    
    display: inline;
}

    #scrollImg ul {
        float: left;
    }

        #scrollImg ul li {
            
            float: left;
            margin-left: 5px;
            display: inline;
            text-align: center;
            margin-top: 10px;
        }

            #scrollImg ul li img {
                width: 190px;
                height: 130px;
                display: block;
                margin: 0px auto;
                margin-top: 15px;
                padding-left: 5px;
                clear: both;
                padding-bottom: 10px;
            }

            #scrollImg ul li a {
                color: #616362;
            }

                #scrollImg ul li a:hover {
                    color: #f30;
                }

            #scrollImg ul li p {
                width: 200px;
    float: left;
    color: #333;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
   
            }

                #scrollImg ul li p a {
                    color: #f67a08;
                }

                #scrollImg ul li p i {
                    width: 100%;
                    float: left;
                    text-indent: 0;
                    font-style: normal;
                    color: #333;
                    margin-bottom: 2px;
                    text-align: center;
                }


#news_navT, #news_navQ {
    
    width: 100%;
    height: 55px;
    line-height: 55px;
    float: left;
    z-index: 2;
    font-size: 16px;
    background: url(../image/y01.jpg) left 32px repeat-x;
    
}

    #news_navT li, #news_navQ li {
        float: left;
        text-align: center;
       font-size:18px;
        display: inline; 
        width: 140px;
        background-repeat: repeat-x;
        background-position: left bottom;
    }

        #news_navT li a, #news_navQ li a {
            color: #333;
        }

.up_navT, .up_navQ {
    width: 90%;
    float: left;
    margin-top: 20px;
    margin-left: 4px;
}

#navT0, #navQ0 {
    background: url(../image/y02.jpg);
    border-bottom: 0px;
    color: #EB0102;
    font-weight: bold;
}

#news_navT li#navT0 a {
    color: #EB0102;
}

#news_navQ li#navQ0 a {
    color: #EB0102;
}

.up_navT li, .up_navQ li {
    width: 90%;
    font-size: 15px;
    line-height: 35px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .up_navT li a, .up_navQ li a {
        color: #333;
        background: url(../image/point02.jpg) left center no-repeat;
        padding-left: 20px;
    }

        .up_navT li a:hover, .up_navQ li a:hover {
            color: #377c00;
        }

#up_navT1, #up_navQ1 {
    display: none;
}

#up_navT2, #up_navQ2 {
    display: none;
}

#up_navT3, #up_navQ3 {
    display: none;
}
 
.up_navT li a:hover, .up_navQ li a:hover {
    color: #FF0000
}

.tzgg {
    width: 90%;
   
}

.ny_content {
    width: 1210px;
    margin: 0px auto;
    min-height: 800px; 
}

    .ny_content h1 {
        font-size: 38px;
        font-weight: 500;
        line-height: 46px;
        margin: 5px auto 15px auto;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .ny_content h2 {
        font-size: 14px;
        color: #555;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
    }

.txt {
    width: 100%;
    float: left;
    font-size: 20px;
    line-height: 2.5;
    margin-top: 40px;
    padding-bottom: 40px;
}

    .txt img {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.list_content {
    width: 1210px;
    margin: 0px auto;
    min-height: 800px;
    margin-top: 50px;
}

    .list_content .list {
        float: left;
        width: 96%;
        margin-left: 20px;
    }

        .list_content .list h3 {
            width: 100%;
            float: left;
            color: #f60100;
            font-weight: bold;
            font-size: 30px;
        }

        .list_content .list ul li {
            width: 100%;
            font-size: 20px;
            line-height: 45px;
            float: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .list_content .list h3 img {
            float: left;
            margin-top: 14px;
            padding-right: 10px;
        }

.page {
    float: left;
    width: 96%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.imgs_list {
    width: 100%;
    float: left;
}

    .imgs_list h3 {
        width: 100%;
        float: left;
        color: #f60100;
        font-weight: bold;
        font-size: 24px;
line-height: 48px;
    border-bottom: 1px #f60100 solid;
    }

        .imgs_list h3 img {
            float: left;
            margin-top: 14px;
            padding-right: 10px;
        }

        .imgs_list h3 a {
            color: #f60100;
        }

    .imgs_list ul li {
        width: 21%;
        float: left;
        height: 230px;
        margin-left: 40px;
        margin-top: 30px;
    }

        .imgs_list ul li img {
            width: 164px;
            height: 230px;
            float: left;
        }


.list.list3 {
    width: 25%;
    float: right;
    background: #eee;
    box-sizing: border-box;
    padding: 15px;
}

    .list.list3 h3 {
        font-size: 24px;
    }

        .list.list3 h3 img {
            margin-top: 5px;
        }

    .list.list3 ul li {
        font-size: 15px;
    }

.list.list4 ul li {
    width: 37%;
    margin-right: 140px;
}



/*第一个焦点图*/
/* 本例子css */
.slideBox{ width:520px; height:350px; overflow:hidden; position:relative;margin-top: 15px;margin-left: 15px;float: left;}

#slide2{ width:470px; height:290px; overflow:hidden; position:relative;margin-top: 15px;margin-left: 15px;float: left;}

#slide3{ width:470px; height:290px; overflow:hidden; position:relative;margin-top: 15px;margin-left: 15px;float: left;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px;border-radius: 5px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}

.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd ul li .tit{position: absolute;bottom: 0;left: 0;right: 0;padding-left: 20px;color: #ffffff;background-color: rgba(0,0,0,0.5);line-height: 40px;    text-align: center;}
.slideBox .bd img{ width:520px; height:350px; display:block;  }
#slide2 .bd img{ width:470px; height:290px; display:block;  }
#slide3 .bd img{ width:470px; height:290px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(404.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*------新闻动态-------*/
.work02{
    margin-top: 10px; 
}
.title06{
    width: 50px;
    float: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color:#f60100
}
.title06 img{
    padding-top: 60px;
    float: left;
    display: block;
    margin: 0 auto;
}
.title06 span{
    padding-top: 10px;
    float: left;
    width: 100%; 
}
.title06 span a{
    color:#f60100
} 
.list.list06 {
    float: left;
    width: 610px;
    margin-left: 30px;
    position: relative; 
}
.list.list06 .more{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #666; 
    font-size: 14px; 
    float: right;
}
.list.list06 .more a{
    color: #666;
}
.list h3 span{
    font-weight: normal;
}
.list.list06 .tzgg{
    width: 100%;
}
.list.list06 ul {
        width: 100%;
        float: left;
        margin-top: 0px; 
}
.list.list06 ul li {
        width: 100%;
        font-size: 15px;
        line-height: 35px;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}

.list.list06 ul li a {
        color: #6a656b;
        background: url(../image/point02.jpg) left center no-repeat;
        padding-left: 20px;
} 
.list.list06 ul li a:hover{
    color: #da0010;
}
.pic06{
    float: left;
    width: 520px;
height:308px
}
.pic06 img{
    width: 470px;
}

.list.list06 #news_navQ ul li a {
    color: #6a656b;
    background: none ;
    padding-left: 0px;
    text-align: center;
}