*{
    margin: 0; padding: 0;
}
body{
    background: url('../images/bg1.jpg') repeat;
}
a{color: #a72237;}
a:hover{text-decoration: underline;}
input{outline:none;}

.header{overflow: hidden; background: url('../images/bg0.jpg') repeat;}
.header .top{padding: 20px 0; overflow: hidden;}
.header .top .logo{height: 84px; width: 452px; background:url('../images/logo.png') no-repeat; float: left;}
.header .top .search{height: 84px; width: 260px; float: right;}
.header .top .search .link{text-align: center; color: white; line-height: 32px;}
.header .top .search .link a{color: white; text-decoration: none;}
.header .top .search .link a:hover{text-decoration: underline;}
.header .top .search input{clear: both; height: 32px; line-height: 32px; border: none; border-radius: 16px; width: 100%; padding: 0 16px; color: black; background-color: rgba(255, 255, 255, 0.7);}
.header .nav-bar{height: 60px; clear: both; background: url('../images/bg2.jpg') repeat-x;}
.header .nav-bar .nav-menu{list-style: none;}
.header .nav-bar .nav-menu li{float: left; width: 10%;}
.header .nav-bar .nav-menu li a{display: block; height: 60px; line-height: 60px; text-align: center; color: rgba(51, 51, 51); font-size: 16px; text-decoration: none;}
.header .nav-bar .nav-menu li a:hover{background-color: rgba(255, 255, 255, 0.6);}
.header .nav-bar .nav-menu .sub-menu{position: absolute;  width: 180px; list-style: none; background-color: rgba(255, 255, 255, 0.9); overflow: hidden; display: none; z-index: 999999;}
.header .nav-bar .nav-menu .sub-menu li{width: 100%;}
.header .nav-bar .nav-menu .sub-menu li a{line-height:32px; height:32px; font-size:14px;}

.swiper-container{width: 100%; clear: both;}
.swiper-slide a{color:white;}
.quick-link{height: 76px; margin: 20px auto; margin-top: 10px; clear: both;}
.quick-link  a{display: block;}
.quick-link  a:hover{box-shadow: 0 0 20px #888888;}
.quick-link  a img{width: 100%;}

.content-box{ margin: 0  auto; padding: 10px; background-color: white; margin-top: 10px;}
.msg-panel{padding: 10px; overflow: hidden;}
.msg-panel .caption{ padding: 10px 0; border-bottom: 4px solid #a72237; overflow: hidden; }
.msg-panel .caption span{font-size: 18px; font-weight: bold; float: left; color: #a72237;}
.msg-panel .caption a{float: right; color: #a72237;}
.msg-panel .content{padding: 10px 0;}

#image-swiper{height: 370px;}
#image-swiper img{height: 100%; width: 100%;}
#image-swiper p{position: absolute; bottom: 0; right: 0; left: 0; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; background-color: hsla(0,0%,100%,.5); color: white; z-index: 99999;}
.news-list{list-style: none;}
.news-list li{line-height: 32px; border-bottom: 1px dashed #cfa972; padding: 4px; overflow: hidden;}
.news-list li a{float: left;}
.news-list li span{float: right;}

.image-box{overflow: hidden;}
.image-box .item{height: 130px; width: 100%; background-color: #ffe0bd;}
.image-box .item .icon-text{ width: 40px; text-align: center; line-height: 40px; font-size: 18px; height: 100%;   writing-mode: vertical-lr;color: #a72237; background-size: 30px 30px !important; float: left;}
.image-box .item .img{position: absolute; top: 0; bottom: 0;left: 55px; right: 0; background-color: saddlebrown; overflow: hidden;}
.image-box .item .img img{width: 100%; height: 100%; cursor: pointer; transition: all 0.6s;}
.image-box .item .img img:hover{ transform: scale(1.2);}

.img-news .top-img{width: 100%; height: 90px; overflow: hidden;}
.img-news .top-img img{width: 100%; height: 100%; transition: all 0.6s;}
.img-news .top-img img:hover{ transform: scale(1.2);}

.left-img-news{position: relative;}
.left-img-news .left-img{float: left; width: 100px; height: 200px; background: url('../images/dtqg.jpg') center no-repeat; background-size: 100px 190px;}
.left-img-news .news-list{position: absolute; left: 100px; right: 0; top: 0; bottom: 0; margin-left: 20px;}

.img-swiper{height: 200px;}
.img-swiper .swiper-slide{overflow: hidden;}
.img-swiper img{width: 100%; height:100%;}

.quick-channel img{height: 100px; width: 100%;}
.quick-channel p{text-align:center; line-height:32px;}

.page-banner{height: 200px; background-color: aquamarine; overflow: hidden; text-align: center;}
.page-banner img{height: 200px;}

.page-box{margin: 0 auto; padding: 20px 10px; background-color: white; overflow: hidden;}
.page-box [class*="col-"]{padding: 5px;}
.left-nav{width: 200px; background-color: #f5f5f5; left: 0; float: left;}
.left-nav .caption{background-color: #a72237; font-size: 18px; color: white; padding: 10px; text-align: center;}
.left-nav .content{padding: 10px; overflow: hidden;}


.panel-box{overflow: hidden;}
.panel-box .title{background-color: #a72237; font-size: 18px; color: white; padding: 10px; text-align: center;}
.panel-box .content{padding: 10px; overflow: hidden;  background-color: #f5f5f5;}
.center-body .title{text-align: left !important;}
.center-body .content{background-color: white;}
.page-helper{padding: 5px; text-align: center;}
.page-helper span, .page-helper span.page-num i{margin: 0 2px; padding: 5px 10px;}
.page-helper span.pre, .page-helper span.next, .page-helper span.page-num i{border: 1px solid #e6e6e6;}
.page-helper span:hover, .page-helper span.page-num i:hover{cursor: pointer; border-color: #a72237;}


.two-nav{list-style: none; overflow: hidden;}
.two-nav li{margin-bottom: 2px; overflow: hidden;}
.two-nav li a{text-align: center; width: 100%; display: block; height: 42px; line-height: 42px; border-left: 10px solid  transparent; background-color: rgb(235, 235, 235);color: rgb(112, 112, 112);  transition: all 0.8s;}
.two-nav li a:hover{text-decoration: none; background-color: rgb(190, 190, 190);}
.two-nav li a.active{background-color: #a72237; color: white; border-color: orange;}

.icon-link{list-style: none;}
.icon-link li a{padding: 10px 0; border-bottom: 1px solid #e1e1e1; text-indent: 37px; background-position: 5px center; background-size: 26px; background-repeat: no-repeat;color: #333333; transition: all 0.8s; display: block;}
.icon-link li a:hover{text-decoration: none; background-color: rgb(190, 190, 190);}
.icon-link li a.icon-xtbg{background-image: url('../images/secondIcon1.png');}
.icon-link li a.icon-jstydl{background-image: url('../images/secondIcon2.png');}
.icon-link li a.icon-xstydl{background-image: url('../images/secondIcon3.png');}
.icon-link li a.icon-sztsg{background-image: url('../images/secondIcon4.png');}
.icon-link li a.icon-sjxx{background-image: url('../images/secondIcon5.png');}
.icon-link li a.icon-xzxx{background-image: url('../images/secondIcon6.png');}

.zt div{height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; text-align: center; background-position: center center; background-size: 100% 32px; background-repeat: no-repeat; margin-bottom: 10px; transition: all 0.8s; }
.zt div.item-xstt{background-image: url('../images/b1.png');}
.zt div.item-rwfc{background-image: url('../images/b2.png');}
.zt div.item-zywh{background-image: url('../images/b3.png');}
.zt div.item-mtbd{background-image: url('../images/b4.png');}
.zt div:hover{background-size: 110% 40px; cursor: pointer;}

.grid-list{overflow: hidden;}
.grid-list .grid-item{overflow: hidden;}
.grid-list .grid-item:hover{cursor: pointer;}
.grid-list .grid-item .grid-image{height: 200px; background-color: chocolate; overflow: hidden;}
.grid-list .grid-item .grid-image img{transition: all 0.6s; height: 100%; width: 100%;}
.grid-list .grid-item:hover .grid-image img{transform: scale(1.2);}
.grid-list .grid-item .content{text-align: center; font-size: 14px;}

.rich-box{overflow: hidden;}
.rich-box .caption{text-align: center; line-height: 48px; border-bottom: 1px solid #888888; font-size: larger; font-weight: bold; }
.rich-box .des{text-align: center; line-height: 32px;}

.footer{clear: both; overflow: hidden; background: url('../images/bg0.jpg') repeat;}
.link-bg{background-color: #98172b;}
.footer .firend-link{padding: 10px 0; padding-left: 120px; background: url('../images/yqlj.png') 10px center no-repeat; background-size: 100px; height: 60px;}
.footer .firend-link .link{list-style: none; overflow: hidden;}
.footer .firend-link .link li{float: left; overflow: hidden; line-height: 40px; padding: 0 5px;}
.footer .firend-link .link li:after{content: " "; position: relative; border-right: 1px solid #dddddd; padding-right: 10px;}
.footer .firend-link .link li:last-child:after{border: none;}
.footer a{color: #d5d5d5;}
.footer .foot-link{overflow: hidden; margin: 20px 0;}
.footer .foot-link ul{list-style: none;}
.footer .foot-link li{line-height: 45px;}
.footer .foot-link li a{font-size: 14px;}
.footer .foot-link{text-align: center; color: #d5d5d5;}
.footer .vr-code{text-align: right;}
.footer .vr-code img{width: 45%; margin-top:15px;}
.footer .copy-right{line-height: 48px; color: #d5d5d5; text-align: center;}

.grid-list .grid-item .post p{margin: 0; line-height: 24px;}