@charset "utf-8";

/* 1500px s*/
@media (min-width:1500px) {

	html,
	body {
		background: #F7F5ED url(../images/zwwz/main-bg.png) repeat;
	}

	.container {
		width: 1500px;
	}

	.theme-dqwz {
		background: url(../images/zwwz/listicon21.png) no-repeat 0 center;
		padding: 14px 0 21px 35px;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: normal;
		color: rgba(0, 0, 0, 1);
		line-height: 38px;
	}

	.list-fl>p {
		height: 74px;
		position: relative;
		background: #982526 url(../images/zwwz/listbg.png) no-repeat right bottom;
		background-size: contain;
		font-size: 30px;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
	}

	.list-lm li {
		width: 303px;
		height: 73px;
		margin: 20px auto;
		background-color: #ffffff;
		border-bottom: 0;
	}

	.list-lm li.active {
		background-color: #B42324;
	}

	.list-lm li:hover {
		background-color: #B42324;
	}

	.list-lm li.active a {
		color: #ffffff;
	}

	.list-lm li:hover a {
		color: #FFFFFF;
	}

	.list-lm li:before {
		background: none;
	}

	.list-lm li a {
		padding: 0;
		line-height: 50px;
		font-size: 25px;
		font-weight: bold;
		color: #A9494A;
	}

	.listbg2 {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.list-fl {
		width: 349px;
		float: left;
		background-color: #F4F4F4;
	}

	.container.theme-ct>div.clearfix {
		clear: none;
	}

	.list-fr {
		width: 100%;
		float: none;
		padding-left: 379px;
	}

	.list-fr>p {
		clear: none;
		height: 75px;
		margin-bottom: 0;
	}

	.list-fr>p span {
		font-size: 25px;
		font-weight: bold;
		padding: 12px 30px;
		height: 75px;
		background-color: #B42324;
	}

	.list-fr>p span>img {
		margin-right: 15px;
		width: 50px;
	}

	div#list-data {
		border: solid 1px #BF4344;
		padding: 40px;
	}

	.list-img ul {
		overflow: hidden;
		margin-bottom: -50px;
	}

	.list-img ul li {
		width: 33.33333333333%;
		float: left;
		list-style: none;
		line-height: 35px;
		padding-left: 0;
		background: none;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .5s;
		text-align: center;
		margin-bottom: 50px;
	}

	.list-img ul li a {
		position: relative;
		display: inline-block;
		width: 313px;
		height: 177px;
	}
	.list-img ul li a img {
		height:100%;
		width: 100%;
	}
	.list-img ul li a:hover .imghf {
		transition: all 0.4s linear;
		margin-bottom: 0;
	}
	.list-img .list li:hover {
	    margin-left: 0;
	}
	.list-img ul li a .imghf {
		width: 100%;
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		bottom: 0;
		font-size: 23px;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
		line-height: 40px;
		text-align: center;
		margin-bottom: -58px;
		transition: all 0.4s linear;
		padding: 0 8px;
	}
}

/* 1500px e*/
/* 1200px s*/
@media screen and (min-width:1200px) and (max-width:1500px) {

	html,
	body {
		background: #F7F5ED url(../images/zwwz/main-bg.png) repeat;
	}

	.container {
		width: 1200px;
	}

	.theme-dqwz {
		background: url(../images/zwwz/listicon21.png) no-repeat 0 center;
		padding: 14px 0 21px 35px;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: normal;
		color: rgba(0, 0, 0, 1);
		line-height: 38px;
	}

	.list-fl>p {
		height: 59px;
		position: relative;
		background: #982526 url(../images/zwwz/listbg.png) no-repeat right bottom;
		background-size: contain;
		font-size: 30px;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
	}

	.list-lm li {
		width: 242px;
		height: 58px;
		margin: 20px auto;
		background-color: #ffffff;
		border-bottom: 0;
	}

	.list-lm li.active {
		background-color: #B42324;
	}

	.list-lm li:hover {
		background-color: #B42324;
	}

	.list-lm li.active a {
		color: #ffffff;
	}

	.list-lm li:hover a {
		color: #FFFFFF;
	}

	.list-lm li:before {
		background: none;
	}

	.list-lm li a {
		padding: 0;
		line-height: 40px;
		font-size: 25px;
		font-weight: bold;
		color: #A9494A;
	}

	.listbg2 {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.list-fl {
		width: 279px;
		float: left;
		background-color: #F4F4F4;
	}

	.container.theme-ct>div.clearfix {
		clear: none;
	}

	.list-fr {
		width: 100%;
		float: none;
		padding-left: 309px;
	}

	.list-fr>p {
		clear: none;
		height: 60px;
		margin-bottom: 0;
	}

	.list-fr>p span {
		font-size: 25px;
		font-weight: bold;
		padding: 12px 30px;
		height: 60px;
		background-color: #B42324;
	}

	.list-fr>p span>img {
		margin-right: 15px;
		width: 40px;
	}

	div#list-data {
		border: solid 1px #BF4344;
		padding: 40px;
	}
	.list-img ul {
		overflow: hidden;
		margin-bottom: -30px;
	}
	
	.list-img ul li {
		width: 33.33333333333%;
		float: left;
		list-style: none;
		line-height: 35px;
		padding-left: 0;
		background: none;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .5s;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.list-img ul li a {
		position: relative;
		display: inline-block;
		width: 250px;
		height: 141px;
	}
	.list-img ul li a:hover .imghf {
		transition: all 0.4s linear;
		margin-bottom: 0;
	}
	.list-img .list li:hover {
	    margin-left: 0;
	}
	.list-img ul li a .imghf {
		width: 100%;
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		bottom: 0;
		font-size: 23px;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
		line-height: 40px;
		text-align: center;
		margin-bottom: -58px;
		transition: all 0.4s linear;
		padding: 0 8px;
	}
}

/* 1200px e*/

/* 触屏 s*/
@media (max-width:1200px) {
	.theme-dqwz {
		background: url(../images/zwwz/cpbicon.png) no-repeat 0 center;
		padding: 14px 0 21px 35px;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: normal;
		color: rgba(0, 0, 0, 1);
		line-height: 38px;
	}
	img.listbg2 {
		display: none;
	}

	.list-fr>p span {
		background-color: #B42324;
		height: 50px;
	}

	.list-fr>p span>img {
		margin-right: 10px;
		width: 30px;
	}

	.list-fl p {
		border-left: solid 4px #B42324;
	}

	.list-lm li.active a {
		color: #B42324;
	}
	.list-img ul {
		overflow: hidden;
		margin-bottom: -30px;
	}
	
	.list-img ul li {
		list-style: none;
		line-height: 35px;
		padding-left: 0;
		background: none;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: all .5s;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.list-img ul li a {
		position: relative;
		display: inline-block;
		width: 90%;
	}
	.list-img ul li a:hover .imghf {
		transition: all 0.4s linear;
		margin-bottom: 0;
	}
	.list-img .list li:hover {
	    margin-left: 0;
	}
	.list-img ul li a .imghf {
		width: 100%;
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		bottom: 0;
		font-size: 23px;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
		line-height: 40px;
		text-align: center;
	}
        .list-dpwz{
              overflow: hidden;           
        }
        .list-dpwz img{
             width:90%!important ;
             height: auto!important;
        }
        .theme-dqwz {
            background: url(../images/zwwz/cpbicon.png) no-repeat 0 23px;
            padding: 14px 0 21px 25px;   
            line-height: 29px;
         }
        .list-wdhtw li{
            width:auto!important
        }
}

/* 触屏 e*/