@charset "utf-8";

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; outline: none;}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*-- All --*/
html{ min-width:1250px; }
body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; background:#fff;min-width: 1200px;}
a{ color:#333; text-decoration:none;}
*{
	box-sizing: border-box;
}

.container {
	width: 1200px;
	margin: auto;
position: relative;

}
.overflow {
	overflow: hidden;
}

h2 {
	font-size: 20px;
	font-weight: 700;
	color: #222;
}
h3 {
	font-size: 16px;
	font-weight: 600;
}
/* .header-top  ---------------------------------------------- */

.index-top {
	position: relative;
	width: 100%;
	height: 600px;
}

.top2 {
	height: 400px;
}


.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 110px;
background-image: linear-gradient(to bottom , rgba(0,0,0,.7), transparent););
}
.logo {
	float: left;
	height:64px;
	margin:23px 0;
}
.logo img {
	height: 129%;
}
.header-right {
	float: right;
}


.top-box {
	margin-top: 24px;
position: absolute;
    top: 10px;
    right: 20px;
}
.top-link {
	float: right;
	margin-right: 20px;
}
.top-link a {
	color: #a3b3c2;
	font-size: 12px;
	padding:0 8px;
	 
}
.search {
	position: relative;
	height: 21px;
	width: 130px;
	float: right;
	border:1px solid #a3b3c2;
}
.search input {
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
	vertical-align: middle;
	height: 20px;
	width: 130px;
	line-height: 20px;
	font-size: 12px;
	background-color: rgba(255,255,255,.0);
	padding:0 20px 0 10px;
	border:none;
	color: #fff;
}
.search .icopng {
	position: absolute;
	right: 4px;
	top: 3px;
	width: 12px;
	height: 12px;
	margin:0;
}

.navbar {
transform: translateX(-50%);
    left: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    width: 69vw;
    position: absolute;
    top: 124px;
    text-align: center;
min-width: 1300px;
	
}
.navbar li {
	float: left;color: #fff;
}
.navbar li a {
color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 10px;
}
}

.navbar li span {
	color: #fff;
	font-size: 14px;
}

/* banner ---------------------------------------------- */
.index-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index-banner .bd{ position:relative; height:100%; z-index:0; }
.index-banner .bd li{ zoom:1; vertical-align:middle; }
.index-banner .bd li a {
	position: relative;
	text-align: center;
	display: block;
}
.index-banner .bd img{position: absolute;top: 0;left:0; width:100%; height:600px; display:block;  }



/* 新闻 ----------------------------------------------- */
.news {
	overflow: hidden;
	margin-top: 40px;
}
.news-tit {
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddbd82;
}
.news-tit h2 {
	float: left;

}
.news-tit .more {
	float: right;
	font-size: 12px;
	color: #333;
	line-height: 1;
	margin-top: 10px;
}
.news-left {
	float: left;
	width: 690px;
	margin-right: 40px;
}
.news-left li {
	height: 110px;
	width: 100%;
	margin-top: 20px;
}
.news-time {
	height: 100%;
	width: 110px;
	padding-top: 20px;
	float: left;
	text-align: center;
	background-color: #e6e6e6;
}
.news-time span {
	display: block;
	height: 2px;
	width: 38px;
	background-color: #333;
	margin:auto;
}
.news-time h3 {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 14px;
}
.news-time p {
	font-size: 16px;
	margin-top: 14px;
	line-height: 1;
	color: #333;
}
.news-left li:hover .news-time {
	background-color:#760505;
}
.news-left li:hover a {
	background-color: #861600;
}
.news-left li:hover a h2,
.news-left li:hover a p,
.news-left li:hover .news-time h3,
.news-left li:hover .news-time p {
	color: #fff;
}
.news-left li:hover .news-time span {
	background-color: #fff;
}
.news-left li a {
	display: block;
	float: left;
	height: 100%;
	width: 580px;
	padding:20px 26px;
	background-color: #f2f2f2;
}
.news-left li a h2 {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
	color: #333;
}
.news-left li a p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 14px;
	color: #999;
}
.news-right {
	
}




/* 本例子css */
.news-right{
	position: relative; 
	float: left;
	width: 470px;
	height: 370px;
	margin-top: 20px;
}
.news-right .hd{position: absolute;top: 30px; right: 0; overflow:hidden;  height:30px;z-index: 10;}
.news-right .hd .prev,.news-right .hd .next{ display:block;  width:26px; height:26px; float:right; margin-left:6px;overflow:hidden;background-color: #333;color: #fff;text-align: center;line-height: 26px;font-size: 16px;
	 cursor:pointer;}
	 .news-right .hd .prev:hover,.news-right .hd .next:hover {
	 	background-color: #f9b52c;
	 }
.news-right .bd{position: absolute;top: 0;left: 0;z-index: 1;}
.news-right .bd ul{ overflow:hidden; zoom:1; }
.news-right .bd ul li{position: relative; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.news-right .bd ul li .pic{ text-align:center; }
.news-right .bd ul li .pic img{ width:470px; height:370px; display:block;    object-fit: cover; }
.news-right .bd ul li .title{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;padding:0 10px;overflow: hidden;background:url(../images/news-bg.png)center center no-repeat;
background-size: cover;  }
.news-right .bd ul li .title a {
	color: #fff;
	font-size: 16px;
	line-height: 50px;
}
/* 通知 ----------------------------------------------- */

.tongzhi {
	height: 462px;
	/*margin-top: 40px;*/
	padding:40px 0;
	background: url(../images/hx.png)center center no-repeat;
	background-size: cover;
}
.tongzhi-tit h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 18px;
}
.tongzhi-tit h3 i{
	margin-left: 10px;
	font-style: italic;
	color: #999;
	font-size: 15px;
}
.tongzhi-tit span {
	display: block;
	height: 2px;
	width: 50px;
	background-color: #ddbd82;
}
.tongzhi-left {
	width: 580px;
	float: left;
	margin-right: 40px;
}
.tongzhi-list li {
	height: 76px;
	overflow: hidden;
	border-bottom: 1px dotted #999;
        background: url(../images/tz.png)-3px center no-repeat;
}
.tongzhi-list li span {
	float: left;
	display: block;
	width: 2px;
	height: 20px;
	margin:28px 0;
	background-color: #999;
}
.tongzhi-list li a {
	display: block;
	float: left;
	margin:20px 0 0px 20px;
        padding-left: 12px;
}
.tongzhi-list li a p {
	font-size: 12px;
	color: #999;
	line-height: 1;
	margin-bottom: 14px;
}
.tongzhi-list li a h3 {
	font-size: 16px;
	color: #333;
	line-height: 1;
	font-weight: 300;
}
.enter {
display: block;
    text-align: center;
    float: right;
    padding: 7px;
    border: 1px solid #8C2B2D;
    width: 60px;
}
.enter a {
	color: #8C2B2D;
	font-size: 16px;
	line-height: 1;	
}
.enter:hover{background: #8C2C2E;}

.enter:hover a {color: #fff;}

.meiti-list {
	margin-top: 10px;
	padding-top: 4px;
    min-height: 308px;
	 
}
.meiti-list li {
	height: 38px;
	padding-left: 30px;
        background: url(../images/dt.png)3px 4px no-repeat;
}
.meiti-list li a {
	display: block;
	height: 100%;
}
.meiti-list li h3 {
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 38px;
	font-weight: 300;
}
.meiti-list li span {
	float: right;
	font-size: 12px;
	color: #999;
	font-weight: 300;
	line-height: 38px;
}
 

.zhuanti {
	margin-top: 15px;
}
.zhuanti ul {
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}
.zhuanti ul li {
	float: left;
	width: 290px;
	margin-right: 12px;
	overflow: hidden;    background: #dfdfdf;
}
.zhuanti ul li p{
    text-align: center;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}



.footer {
	height: 312px;
	width: 100%;
	padding-top:40px;
	margin-top: 40px;
        border-top: 6px solid #ddbd82;
        background:url(../images/botbk.png)no-repeat center center ;
background-size: cover;
}
.footer-top {
	overflow: hidden;
}
.footer-box {
	float: left;
	width: 376px;
	height: 130px;
	 
}
.footer-box p {
	color: #fff;
	font-size: 14px;
}
.footer-box p img {
	vertical-align: middle;
	margin-right: 6px;
}
.footer-box .tit {
	overflow: hidden;
}
.footer-box .tit span {
	float: left;
    display: block;
    padding-left: 32px;
    font-size: 16px;
    color: #eee;
    background: url(../images/link.png)no-repeat 5px 5px;
    width: 125px;
    height: 30px;
    line-height: 30px;
}
.footer-box .kuaisu {
	overflow: hidden;
	margin-top: 20px;
padding-left: 14px;
}
.footer-box .kuaisu li {
	float: left;
	width: 180px;
	padding:0 20px;
	margin-bottom: 10px;
}
.footer-box .kuaisu li a {
	color: #eee;
	font-size: 14px;
}

.footer-logo {
      margin: 7px 0px;
    height: 91px;
}
.footer-bottom {
	padding-top: 24px;
	margin-top: 40px;
	line-height: 30px;
	color: #fff;
	border-top: 2px solid #760505;
        text-align: center;
}



/* 本例子css */
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:40px;position:relative; }
.slideTxtBox .hd ul{ margin:0;float:left;  position:absolute; left:0px; top:0; }
.slideTxtBox .hd ul li{ float:left;padding:0 15px; cursor:pointer;color: #fff;margin-right:23px;line-height: 1;font-size: 16px;
    background: url(../images/dian1.png) no-repeat left }
    .slideTxtBox .hd ul li.on{ background:url(../images/dian2.png) no-repeat left; }
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }


.slideTxtBox .bd li .input {
	width: 208px;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color:#434a54;
    border: 1px solid #666;
}
.slideTxtBox .bd li p {
	height: 46px;
	font-size: 16px;
	color: #eee;
    position: relative;
}
.slideTxtBox .bd li .btn {
	width: 208px;
    height: 34px;
    margin-left: 56px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #f9b52c;
    font-size: 14px;
    font-family: "微软雅黑";
}    


.sidenav{ overflow:hidden; display:block; width:300px; }
.accordion { width:100%; }
.accordion .nav-link {display: block;  padding-left:25px; height:53px; line-height:53px; font-size:16px; outline:none; border-left:3px solid #f7f8fa;  }
.accordion .nav-link a{ display: block; }
.accordion .nav-link:hover{  color: #861600 !important; font-weight:bold; border-left:3px solid #861600; background:#f3f3f3; font-size:16px; }
.accordion .nav-link:hover a{  color: #861600 !important;  font-weight:bold; font-size:16px; }
.accordion .nav-link.hover{  color: #861600 !important;  font-weight:bold; border-left:3px solid #861600;  background:#f3f3f3; font-size:16px; }
.accordion .nav-link.hover a{  color: #861600 !important;  font-weight:bold; font-size:16px; }
.currentnav{ background:#f7f8fa !important; color: #fff !important; }

.nav-link1{ width:50px; height:53px; line-height:53px; cursor: pointer; position:absolute; top:0; right:3px;}
.accordion li{  position: relative; font-size:16px; border-bottom:2px solid #fff; background:#f7f8fa;overflow:hidden;  }
.accordion li:last-child .nav-link { font-size:16px; }
.accordion li i { display:block; width:30px; height:30px; background:url(../images/xia.png) center no-repeat; position: absolute;top:12px;right: 12px;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li.open .nav-link { color: #861600 !important; border-left:3px solid #861600;  background:#f3f3f3; font-size:16px;  }
.accordion li.open .nav-link a{color: #861600 !important; font-size:16px; }
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.sidemenu {display: none; font-size:14px !important; background:#f6f6f6; border-top:none; padding:10px 0;}
.sidemenu li { background:#f6f6f6; font-size:14px !important;border-bottom:none;}
.sidemenu a { display: block;font-size:14px !important;text-decoration: none; padding:8px 8px; padding-left:40px; -webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; }
.sidemenu a.on{color:#861600; background:#fff; padding-left:40px !important; } 
.sidemenu a:hover {color:#861600; background:#fff; padding-left:40px !important; }