@import "page.css";
@import "message.css";

em{ font-style:normal;}
.content{ margin:20px auto;}
li{ list-style: none; }
/*稀细缆页样式*/
.tong_con_title{font-size:24px; font-weight:bold; text-align:center; margin: 40px auto 15px auto;}
.tong_liulan{border-bottom:#999 1px dotted; padding:10px 0 20px; display:block; line-height:25px; color:#666; text-align:center;}
.tong_back{margin:10px auto; line-height:25px; height:25px; color:#666; text-align:center;}
.tong_back a{ color:#666;}
.tong_back a:hover{ color:#900;}
.tong_connr{width:100%; margin:10px auto; text-align:left; line-height:200%; font-size:16px;font-family:"Microsoft Yahei"}
.pian{ margin:10px auto; width:100%; text-align:left; line-height:200%; }
.pian span{ font-weight:bold;}
/*单页面样式*/
.dan_con{ width:100%; margin:auto; text-align:left;line-height:200%; font-size:16px;font-family:"Microsoft Yahei"}
.tong_page{ width:90%; margin:10px auto; height:25px;}

/*新闻列表页带图简介时间*/
.tong_list{ width:100%; margin:auto;}
.tong_list li{ margin:30px auto; border-bottom:1px solid #e9e9e9; padding-bottom:30px; overflow:hidden;}
.tong_list li div{ float:left; width:30%; overflow:hidden;}
.tong_list li div img{width:100%; height:100%;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.tong_list li a:hover div img{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.tong_list li dl{ float:right; width:67%;}
.tong_list li dl dt{ margin:10px auto; font-size:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tong_list li dl dd{ margin:auto; line-height:180%; font-size:14px;}
.tong_list li dl p{ margin:10px auto;}
.tong_list li dl p a{ float:left; padding:5px 10px;display:block; background:#2a5cb9; color:#FFF; text-align:center;}
.tong_list li dl p a:hover{ background:#900}
.tong_list li dl p span{ float:right;}



/*新闻列表页带时间*/
.tong_list1{ width:100%; margin:auto; }
.tong_list1 li.l{ float:left;}
.tong_list1 li.r{ float:right;}
.tong_list1 li{  border-bottom:#f0f0f0 1px solid;   display: block; height:89px; line-height:89px; width:48.7%; }
.tong_list1 li a.wz{ float:left;  display:block; max-width:63%;  height:100%; overflow:hidden; font-size:16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.tong_list1 li span{  float:right;}
.tong_list1 li a.xz{ float:right; float:left; width:28px; height:22px; margin:32px 11px auto 11px; display:block; background:url(../image/xz.png) no-repeat}
.tong_list1 li:hover{ background:#fbfbfb;}
.tong_list1 li:hover a.xz{ background:url(../image/xz1.png) no-repeat;}


@media screen and (max-width:800px){
.tong_list1 li a.wz{ font-size:12px; }
.tong_list1 li span {font-size:12px; }
.tong_list1 li a.xz{ width:20px; background:url(../image/xz1.png) center center no-repeat; background-size: contain;  }
.tong_list1 li:hover a.xz{ background:url(../image/xz1.png) center center no-repeat; background-size: contain;}
}
@media screen and (max-width:350px){
.tong_list1 li a.wz{  max-width:80%;}
.tong_list1 li span { display: none;}

}



/*图片列表页*/
.piclisit{ margin:auto; display: flex; flex-wrap: wrap;}
.piclisit li{ width:25%;  text-align:center; font-size:16px; margin-bottom:1%;}
.piclisit li div{width:90%;  overflow:hidden;}
.piclisit li div img{max-width: 100%; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.piclisit li a:hover div img{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.piclisit li p{ margin:10px auto;	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.piclisit1 li{width:16.6%; }






/*新闻列表相应start*/

.hasimg{ display:block; overflow:hidden;}
div.fangtannr ul li{ float:left; width:24.25%; margin-right:1%; margin-bottom: 1%; background:#f5f5f5; overflow: hidden;}
div.fangtannr ul li .tu{ padding-top: 65%; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s; overflow: hidden;}
div.fangtannr ul li a:hover .tu{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
div.fangtannr ul li.z{ margin-right:0px;}
div.fangtannr ul li a.aaa{ font-size:16px; font-weight:bold;  display:block;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;
overflow: hidden;}
div.fangtannr ul li dl{ display:block;  margin:0px auto; max-width:88%; padding:20px 0px 20px 0px;  }
div.fangtannr ul li p{ line-height:20px; color:#999; margin:5px auto;  display:block;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
div.fangtannr ul li a.amm{ width:88px; height:26px; border-radius:26px; margin-top:22px; line-height:26px; text-align:center; color:#fff; background:#c11c1e; border:1px solid #c11c1e;}
div.fangtannr ul li span{ color:#999;}

div.fbxx{ width:85%; max-width:800px; margin:auto; display:block;}
div.fbxx li.bigli{ display:block; width:100%; float:left}
div.fbxx li span{ display:block; float:left; text-align:right; width:72px; padding-right:4px; height:40px; line-height:40px; margin-bottom:16px;}
div.fbxx li select.selectcom{ border:1px solid #999; padding:10px 10%; text-align:center;border-radius:4px; font-size:14px}
div.fbxx li input.inputcom{ height:40px; line-height:40px; border:1px solid #999; border-radius:4px; margin-bottom:16px; text-indent:10px;
transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}

div.fbxx li input.inputcom:focus{
		   outline: 0;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
		}

		div.fbxx li input.inputcom:hover{
		   outline: 0;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
		}


		div.fbxx li input.inputtj:focus{
		   outline: 0;
   background:#165BA8; color:#FFF;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
		}

		div.fbxx li input.inputtj:hover{
		   outline: 0;
   background:#1181B2; color:#FFF;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
		}




li.halfli{ width:50%; float:left;}
div.fbxx li textarea{ border:1px solid #999; border-radius:4px; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; margin-bottom:16px; padding:15px; }

		div.fbxx li textarea:focus{
		   outline: 0;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
		}
		div.fbxx li textarea:hover{
		   outline: 0;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 8px;
		}


div.fbxx li input.inputtj{ font-size:14px; border:none; background:#165BA8; color:#FFF; cursor:pointer}

@media screen and (max-width:1032px){
	.tong_list1 li a.xz{ margin-right:5px;}
	}

	@media screen and (max-width:800px){
	.tong_list1 li{    width:94%; margin-left:3%; margin-right:3%; height:40px; line-height:40px; }
	.tong_list1 li a.xz{ margin-top:6px; }
	.piclisit li{ width:50%}
	}


@media screen and (max-width:640px){
	li.halfli{ width:100%; }
	}

@media only screen and (max-width:768px){
div.fangtannr ul li{ float:left; width:48%; margin-left: 1%; }
div.fangtannr ul li.z{ margin-right:1%;}

}