@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; }
body{ font-weight:normal;  margin:0px; padding:0px; border:none; outline:none; font-family:"微软雅黑" ; overflow-x:hidden;font-size:14px;
}
ul,dd,dt,dl,li,p,h2,h3,h4,h1,h5,h6,textarea,a{ list-style:none; text-decoration:none;margin:0px; padding:0px;}
.clear{ clear:both; width:0px; height:0px; font-size:0px; line-height:0px;}
b,i{ font-style:normal; font-weight:normal;}
img{border:none; transition:all ease-in-out 0.5s !important;-moz-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;}
input,button,textarea{border:none; font-family:"微软雅黑";}
.icon-list{ background:url("images/icon-list.png") no-repeat;}
.inline{ display:inline-block; *display:inline;zoom:1;}
.st{font-size:12px;}
.float-l{ float:left;}
.float-r{ float:right;}
.box{ width:1200px; margin:0 auto;  overflow:hidden;}
a{ color:#555555}
a:hover{ color:#07803b}
.cel{ clear:both}


.header{ margin-top:10px;}

.header .logo{ float:left; width:216px;height:101px;display: flex;align-items: center;justify-content: center; overflow:hidden;
    background: #D91615;}
.header .dianhua{float:left; width:400px;overflow:hidden;padding-top:10px; padding-bottom:8px; }
.header .weixin{float:left; width:100px; overflow:hidden;}
.header .sousuo{float:right; width:400px; margin-top:10px;}
.header .sousuo .ModuleSearchInput{ width:350px; border:1px solid #f10215;float: left;
    height: 36px;
    border-radius: 0;

    border-radius: 8px 0 0 8px;
    text-indent: 12px;
    font-size: 14px;
    outline: none;}
.header .sousuo .btn-default{ width:48px;float:right; background:#f10215;  height: 38px; color:#FFF}
.nav{ background:#D91615;height:50px; width:100%; margin-top:10px;}

.nav nav { display: table; margin:0 auto; }
.nav ul { margin: 0; padding: 0; list-style: none; }
.nav ul ul { opacity: 0; position: absolute; top: 160%; visibility: hidden; transition: all .4s ease; -webkit-transition: all .4s ease; }
.nav ul ul ul { top: 0%; left: 160%; }
.nav ul ul li:hover > ul { top: 0%; left: 100%; opacity: 1; visibility: visible; }
.nav ul li:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.nav ul li { float: left; position: relative; }
.nav ul ul li { float: none; }
.nav ul li { background-color: #D91615; cursor: pointer; height:50px; line-height:50px; z-index:9999 }
.nav ul li a { text-decoration: none; display: block; color: #FF9; width: 172px; text-align: center; font-size:13px; color:#fff; }
/* .nav ul li:hover { background-color: #fff;  color:#D91615;} */
.nav ul li a:hover { background-color: #fff;  color:#D91615;}
.nav ul li .on { background-color: #fff;  color:#D91615;}


.banner{ width:100%; margin:0 auto; overflow:hidden;}
.banner img{ width:100%;}

/*banner*/
		.slideBox{ width:100%;  overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:5px; left:45%;  z-index:888; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;   }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:50px; height:6px; text-align:center; background:#6b3a2b; 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 img{ width:100%;  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;background:url("../images/slider-arrow.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;  }
		.img img{ width:100%; padding-top:15px; overflow:hidden;}


		.content01 {}
		.content01 li{ float:left; width:285px;  text-align:center; margin:40px 0px;margin-right:20px;}
.content01 li p{ padding-top:10px;}
	.content01 li:nth-child(4)
{
	margin-right:0px
}



/*video*/

.video{height:360px; overflow:hidden; }
.video .left{ float:left; width:50%; height:360px; overflow:hidden;}
.video .right{ float:right; width:50%; height:360px; overflow:hidden; overflow:hidden}
.video .right img{ width:100%; text-align:center; line-height:360px;}



        .js {
            width: 90%;
            margin: 10px auto 0 auto;
        }

        .js p {
            padding: 5px 0;
            font-weight: bold;
            overflow: hidden;
        }

        .js p span {
            float: right;
        }

        .js p span a {
            color: #f00;
            text-decoration: underline;
        }

        .js textarea {
            height: 100px;
            width: 98%;
            padding: 5px;
            border: 1px solid #ccc;
            border-top: 2px solid #aaa;
            border-left: 2px solid #aaa;
        }

        /* 本例子css */
        .tabRank {
            width: 590px;
            margin: 0px auto;
            border: 1px solid #d8d8d8;
            margin-left: 10px;
        }

        .tabRank .hd {
            background-color: #e2e2e2;
            height: 36px;
            line-height: 36px;
            border-bottom: none;
        }

        .tabRank .hd h3 {
            float: left;
            width: 124px;
            overflow: hidden;
            text-align: center;
        }

        .tabRank .hd h3 a {
            color: #333;
            font-size: 16px;
            font-weight: bold;
        }

        .tabRank .hd h3.on {
            background-color: #f9f9f9;
            height: 36px;
        }

        .tabRank .hd h3.on a {
            display: block;
            color: #e72410;
        }

        .tabRank .bd {
            height: 424px;
            background-color: #f9f9f9;
            clear: both;
        }

        .tabRank .bd ul {
            padding: 10px 8px;
        }

        .tabRank .bd .ulList li {
            border-bottom: 1px solid #e5e5e5;
            height: 42px;
            line-height: 42px;
            width: 580px !important;
        }

        .tabRank .bd .ulList li a {
            color: #333;
        }

        .tabRank .bd .ulList li .num {
            font-size: 14px;
            font-weight: bold;
            color: #333;
            background: url("style/images/icons.png") no-repeat -50px 0;
            width: 24px;
            height: 20px;
            display: block;
            float: left;
            line-height: 17px;
            text-align: center;
            margin-top: 13px;
            padding-right: 6px;
        }

        .tabRank .bd .ulList li.t .num {
            background-position: 0 0;
            color: #fff;
        }

        .tabRank .bd .ulList li.t {
            line-height: 42px !important;
        }

        .tabRank .bd .ulList li.on img {
            width: 150px;
            height: 94px;
            padding: 4px;
            border: 1px solid #d0d0d0;
            background-color: #fff;
        }

        .tabRank .bd .ulList li .pubtext {
            color: #777;
            display: none;
        }

        .tabRank .bd .ulList li .pubtext strong {
            color: #E72410;
        }

        .tabRank .bd .ulList li .pubtext a {
            color: #7f7f7f
        }

        .tabRank .bd .ulList li .pubpic {
            display: none;
        }

        .tabRank .bd .ulList li .pubtitle p {
            display: none;
        }

        .tabRank .bd .ulList li.on {
            height: 134px;
            text-align: center;
            line-height: 22px !important;
        }

        .tabRank .bd .ulList li.on .pubpic {
            display: block;
            padding-top: 5px;
        }

        .tabRank .bd .ulList li.on .pubtext {
            color: #777;
            display: block;
        }

        .tabRank .bd .ulList li.on .pubtitle p {
            display: block;
        }

        .tabRank .bd .ulList2 .pic {
            float: left;
            width: 27%;
        }

        .tabRank .bd .ulList2 .con {
            float: left;
            width: 70%;
        }

        .tabRank .bd .ulList2 li {
            clear: both;
            padding-top: 8px;
            height: 94px;
            border-bottom: 1px solid #E5E5E5;
            overflow: hidden;
			width:575px;
			
        }

        .tabRank .bd .ulList2 img {
            width: 132px;
            height: 82px;
            padding: 1px;
            border: 1px solid #d0d0d0;
            background-color: #fff;
            float: left;
        }

        .tabRank .bd .ulList li.on .pubtitle a {
            width: 100%;
            display: block;
            padding-top: 5px;
            float: left;
        }

        .tabRank .bd .ulList li.on .pubtitle {
            width: 60%;
            float: left;
            text-align: left
        }

        .tabRank .bd .ulList li.on .pubpic {
            width: 30%;
            float: left;
            text-align: left
        }

        .tabRank .bd .ulList2 li .title h1 {
            font-size: 15px;
            font-weight: inherit;
            color: #000;
        }

        .tabRank .bd .ulList2 li .title p {
            font-size: 14px;
            color: #7f7f7f;
            line-height: 21px;
            padding-top: 5px;
        }

        .tabRank .bd .ulList2 li .title p span {
            font-size: 14px;
            color: #fb081a;
        }






.content02{}
.content02 .title{ border-bottom:3px solid #9d1a1f; height:50px; margin-bottom:30px;}
.content02 .title h2{ float:left; display:block;}
.content02 .title a{ float:right; padding-right:15px;}

.content02 .left{ float:left; width:295px; height:405px; overflow:hidden; position:relative; }
.content02 .left .tiyle01{left: 0px; width:295px; text-align:center;
    bottom: 0px;
    position: absolute;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.7);
    line-height: 40px; display:block;transition: all 500ms ease-in-out;}
	
.content02 .left:hover .tiyle01{ display:block;transition: all 500ms ease-in-out;}

.content02 .center{ float:left; width:1200px; }
.content02 .center li{ width:286px; height:286px; margin-bottom:10px;float:left;overflow:hidden !important; margin-left:10px; position:relative;}
.content02 .center li img{ width:286px !important;  overflow:hidden;  }

/*.content02 .center li:first-child
{
    width:295px;
    height:295px!important;
    overflow: hidden;

}
.content02 .center li img:first-child
{
    width:295px !important;

    overflow: hidden;

}

*/
.content02 .center li .tiyle01{ position:absolute;left: 0px; width:295px; text-align:center;
    bottom: 0px;
    position: absolute;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.7);
    line-height: 40px; transition: all 500ms ease-in-out;}
.content02 .center li:hover .tiyle01{ display:block;transition: all 500ms ease-in-out;background: rgba(174, 8, 8, 0.7);}

.content02 .right{ float:right; width:295px; height:405px; overflow:hidden; position:relative; margin-left:10px; }
.content02 .right a img{ width:100%; overflow:hidden; position:absolute; z-index:1;}
.content02 .right .tiyle01{ position:absolute;left: 0px; width:295px; text-align:center;
    bottom: 0px;
    position: absolute;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.7);
    line-height: 40px; display:none;transition: all 500ms ease-in-out; z-index:222;}

.box02{ width:892px; float:left;  overflow:hidden; margin-top:30px;}


.content02 .center02 li{ width:220px; float:left; overflow:hidden; text-align:center;}
.content02 .center02 li .tiyle01{ color: rgb(51, 51, 51);
    font-size: 18px;
    text-transform: uppercase;
    line-height:60px;}
	.news { float:right;width:295px;overflow:hidden;}
	.news .title{ width:295px; float:right;margin-bottom:0px;    border-bottom: 3px solid #9d1a1f;
    height: 50px;    margin-top: 30px; overflow:hidden;}
	.title h2{ font-size:24px; font-weight:inherit;}
.news .zong{border-left:1px solid #eee; border-bottom:1px solid #eee; padding-top:15px;border-right:1px solid #eee; overflow:hidden;}
.news .zong .imgg { width:264px;margin:0 auto;}
.news .zong .imgg  img{ width:100%; height:193px; text-align:center}
.news .zong .imgg p{ line-height:26px;}
.newslist { margin-top:15px;}
.newslist li { width:94%; margin:0 auto;border-bottom:1px solid #eee; line-height:50px;height:50px; padding:0 3%;}
.newslist li:hover { background: #eeeeee;}
.newslist li span{ float:left; display:block; width:150px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;    font-size: 14px;}
.newslist li time{ float:right;    font-size: 14px;}

.dibu{ width:100%; height:50px; background:#293036; margin:30px 0px;}
.dibu .btnav a{ float:left; display:block; line-height:50px; color:#FFF; padding-right:20px;}
.dibu .btnav a span{ padding-left:10px;}
.footoer { text-align:center; font-size:14px; line-height:40px;}