@charset "gb2312";
/* CSS Document */

.footer{ margin-top: 20px;}

.container{ width: 1100px; padding: 0 20px 20px; margin: 0 auto; background: #fff; overflow: hidden;}

.dqwz{ height: 20px; line-height: 20px; padding: 10px 0; font-size: 12px;}

.title{ border-bottom: 1px solid #e1e1e1;height: 40px; line-height: 40px; background: url(2017tj_index_news_icon01.jpg) no-repeat left top; padding-left: 40px;}
.title ul{ float: left;}
.title ul li{ float: left; padding: 0 20px; text-align: center; font-size: 18px; cursor: pointer;}
.title ul li.on{ font-weight: bold;}
.title ul li a{ display: block;}
.title ul li.on a{ color: #2979c3;}
.title ul li a:hover{ text-decoration: none;}
.title .more{ float: right; display: block; width: 20px; height: 20px; overflow: hidden; margin: 10px 4px 0 0;}
.title .more a{ display: block; width: 20px; height: 20px; background: url(2017tj_index_more.png); font-size: 0px; line-height: 999px;}
.list{ margin-top: 8px; overflow: hidden;}
.list ul li{ height: 30px; line-height: 30px; vertical-align: top; overflow: hidden;}
.list ul li a{ float: left; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list ul li b{ font-weight: normal; color: #c00; margin-right: 5px;}
.list ul li span{ float: right; font-size: 12px; color: #999;}

.zsqs{ width: 100%;}
.zsqs .title{ background-image: url(2017tj_index_news_icon09.jpg);}
.zsqs_c { width:100%; height:35px; background:#72b2ee; line-height:35px; color:#fff; text-align:center; margin-top: 30px;}
.zsqs_c a { color:#fff; margin:0 20px;}
.zsqs_c a:hover { text-decoration:underline;}

.zsqs-list { width:456px; height: 319px; margin: 30px 47px 0; overflow:hidden; position:relative;}
.zsqs-list .zsqs-bd{ position:relative;z-index:3; }
.zsqs-list .zsqs-bd ul{ overflow:hidden; zoom:1; }
.zsqs-list .zsqs-bd ul li{ float:left; width:456px;height:273px; _display:inline; overflow:hidden; text-align:center;}
.zsqs-list .zsqs-bd ul li img{ width:456px;height:273px; display:block; }
.zsqs-list .zsqs-hd{ width: 100%; text-align: center; font-size: 0px; height: 20px; overflow: hidden; margin-top: 20px;}	
.zsqs-list .zsqs-hd ul{ display: inline-block; *display: inline; zoom: 1; overflow:hidden; text-align:center; font-size: 0px; *margin-top: -10px;}
.zsqs-list .zsqs-hd ul li{ display: inline-block; *display: inline; zoom: 1; height:20px; line-height: 20px; *line-height:normal; overflow:hidden; cursor:pointer; text-align:center; font-size: 12px; margin: 0 5px; padding: 0 5px;}
.zsqs-list .zsqs-hd ul li.on{ color: #c00;}
.zsqs-list .zsqs-hd a{ display: inline-block; *display: inline; zoom: 1; width: 18px; height: 18px; border: 1px solid #e1e1e1; background: no-repeat center center #f0f0f0;}
.zsqs-list .zsqs-hd a.zsqs-prev{ background-image: url(2017tj_index_jtl.png);}
.zsqs-list .zsqs-hd a.zsqs-next{ background-image: url(2017tj_index_jtr.png);}
.zsqs-list .zsqs-hd a:hover{ border-color: #c00;}

.sjyw{ float: left; width: 690px; margin-top: 20px;}
.sjyw .list{ height: 240px; margin-top: 10px;}

.sjcx{ float: right; width: 390px; height: 102px; margin-top: 20px; overflow: hidden;}
.sjcx a{ display: block; float: left; width: 123px; height: 102px; background: no-repeat center 26px #f0f0f0; margin-left: 10px; text-align: center; line-height: 150px;}
.sjcx a:first-child{ margin-left: 0;}
.sjcx a.sjcx1{ background-image: url(2017tj_data_icon01.png);}
.sjcx a.sjcx2{ background-image: url(2017tj_data_icon02.png);}
.sjcx a.sjcx3{ background-image: url(2017tj_data_icon03.png);}
.sjcx a:hover{ background-color: #2d7bc4; color: #fff; text-decoration: none;}
.sjcx a.sjcx1:hover{ background-image: url(2017tj_data_icon04.png);}
.sjcx a.sjcx2:hover{ background-image: url(2017tj_data_icon05.png);}
.sjcx a.sjcx3:hover{ background-image: url(2017tj_data_icon06.png);}

.tjgb{ float: right; width: 390px; margin-top: 20px;}
.tjgb .title{ background-image: url(2017tj_index_news_icon11.jpg);}
.tjgb .list{ height: 120px;}



@media screen and (max-width: 1140px){
	.container{ width: 98%; padding: 0 1% 20px;}
	.zsqs_c{ margin-top: 20px; font-size: 0px;}
	.zsqs_c a{ display: block; float: left; font-size: 14px; width: 11.11%; margin: 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.zsqs-list{ width: 47%; margin: 20px 0 0 2%; height: auto;}
	.zsqs-list .zsqs-bd ul li,.zsqs-list .zsqs-bd ul li img{ width: 100%; height: auto;}
	.sjyw,.sjcx,.tjgb{ width: 100%;}
	.sjcx a{ width: 33%; margin-left: 0.5%;}
	
	.footer{ margin-top: 0px;}
}

@media screen and (max-width: 760px){
	.zsqs_c{ height: 70px;}
	.zsqs_c a{ width: 20%;}
	.zsqs-list{ width: 70%; margin: 20px 15% 0; height: auto;}
}

@media screen and (max-width: 480px){
	.zsqs_c{ height: 105px;}
	.zsqs_c a{width: 33.33%;}
	.zsqs-list{ width: 100%; margin: 20px 0 0 0;}
	
	.title{ height: 30px; line-height: 30px; background-size: 30px 30px; padding-left: 25px;}
	.title ul li{ font-size: 16px; padding: 0 15px;}
	.title .more{ margin-top: 5px;}
}