﻿@charset "utf-8";
/* CSS Document */
/* 重置样式 start */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, lengend, button, input, textarea, th, td{
	margin:0;padding:0;
}
ol, ul{
	list-style:none;
}
body, button, input, select, textarea{
	font: 14px/1.5 "Microsoft Yahei";
	color:#666;
}
a{
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
address, cite, dfn, em, var,i {
	font-style: normal; /* 将斜体扶正 */
} 
img, input{
	border:0 none;
}
div, a{
	outline:none;
}

/* 重置样式 end */


/* 常用样式设置 start */
body{
	font: 14px/1.5 "Microsoft Yahei";
	color:#666;
}
a:link{
	color:#666;
}
a:visited{
	color:#666;
}
a:hover{
	color:#DF3B39;
}
.hide{
	display:none;
}
.show{
	display:block;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
/* 常用样式设置 start */

body{background-color: #E5F1FA;}
.top{
	background: url(../images/ztzl/grsds_top_bg.jpg) no-repeat top center;
	height:439px;
	width: 100%;
	background-size: 100% 100%;
}
.content{
	width: 1200px;
	margin: 0 auto;
}
.content_left{
	float: left;
	width: 794px;
}
.left_con01{
	width: 794px;
	margin: 0 auto;
}
.left_title h2{
	width: 100%;
	height: 69px;
	line-height: 69px;
	color: #ff7800;
	font-size: 24px;
	position: relative;
}
.left_title h2 a{
	position: absolute;
	right: 10px;
	top: 5px;
	color: #ff7800;
	font-size: 16px;
}
.left_title h2 .sm_more{font-size: 12px;right: 0;}
.left_list{
	width: 794px;
}
.left_list li{
	background: url(../images/ztzl/list_type_bg.png) no-repeat left center;
	border-top: 1px solid #ffffff;
	width: 100%;
	height: 52px;
	line-height: 52px;
	background-color: #C6DEF2;
	position: relative;
}
.left_list li a{
	color: #333333;
	font-size: 16px;
	padding-left: 20px;
}
.left_list li span{
	position: absolute;
	right: 10px;
	top: 0px;
	color: #333333;
	font-size: 16px;
	}
.left_list li:hover{
	background: #FFFFFF url(../images/ztzl/list_hover_bg.png) no-repeat left center;
}

.content_right{
	width: 386px;
	float: right;
}
.right01{
	width: 386px;
	margin: 0 auto;
}
.czsp{width: 386px;
	height: 236px;
	position: relative;
}
.czsp a{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 386px;
	height: 236px;
}
.czsp a img{height: 100%; width: 100%;}
.czsp h2{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    z-index: 1999;
    background: rgba(0,0,0,.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    text-align: center;
}
.czsp video{margin-bottom: 5px;}
.right_list{
	width: 386px;
	margin: 0 auto;
}
.right_list li{
	border-bottom: 1px solid #A6C0D4;
	width: 100%;
	height: 52px;
	line-height: 52px;
}
.right_list li a{
	color: #333333;
	font-size: 16px;
	padding-left: 20px;
}
.right_list li a:hover{color: #FF7800;font-weight: bold;}	


.right_con02{
	width: 386px;
	height: 240px;
	overflow: auto;
	margin: 0 auto;
	border-bottom: 1px solid #A6C0D4;
}
.right_con02 li{

	width: 100%;
	
}

.right_con02 .wen{
	color: red;
}
.right_con02 .da{
	color: green;
}
.right_con02 .wen .wen_title{
	font-size: 14px;
	color: #666666;
}
.right_con02 .da .da_con{
	font-size: 14px;
	color: #666666;
}



.zt_phone_top{display: none;}

@media (max-width:1199px){
	.top{display: none;}
	.zt_phone_top{display: block;}
	.zt_phone_top .logo{padding:15px;}
	.yhyshj-wrap{background:none;}
	.zt_phone_name{background-color: #3278da;font-size: 60px;text-align: center;color: #fff;padding:60px 0;}

	.content{width: 96%;margin: 0 2%;}
	.content_left{width: 60%;}
	.content_right{width: 38%;}
	.left_con01{width: 100%;}
	.left_list{width: 100%;}
	.left_list li{padding-right: 120px;box-sizing: border-box;}
	.left_list li a{width: 100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.right01{width: 100%}
	.czsp{width: 100%}
	.czsp a{width: 100%;}
	.right_con02{width: 100%;}
	.right_list{width: 100%;}
	.right_list li{padding-right: 10px;box-sizing: border-box;}
	.right_list li a{width: 100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


	.com_block{width: 49%;}
	.public_list{width: 100%;}

	.public_list li{padding-right: 100px;box-sizing: border-box;}
	.public_list li a{width: 100%;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.full_line{width: 100%;}

	.index_index_left{width: 49%;}
	.zt_sp_list{width:49%;margin-left: 2%; }

}


@media (max-width:768px){
	.zt_phone_top .logo{padding:15px;max-width: 70%;}
	.com_block{width: 100%;}

	.content_left{width: 100%;}
	.content_right{width: 100%;}
	.czsc_img{text-align: center}

	.zt_tj_list li img{height: 160px;}

	.index_index_left{width: 100%;margin-bottom: 0;}
	.zt_sp_list{width:100%;margin-left: 0; }

	
	

}

@media (max-width:480px){
	.zt_phone_name{font-size: 38px;padding:45px 0;}

	.zt_tj_list li{width: 46%;padding:30px 2%;}
}


