@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.3s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}

.head{
	max-width: 1100px;
	height: 50px;
	overflow: hidden;
	margin:20px auto;
}
.h_l{
    width: 20%;
    float: left;
}
.h_r{
  width: 30%;
  float: right;  
  padding-top: 15px;
}
.h_r a{
	margin-left: 10px;
	font-size: 16px;
    float: left;
    text-align: center;
}

.tt{
	width:100%;
	margin: auto;
}
.tt p{
	font-weight:bold;
	margin:0 auto;
	background: white;
	font-size: 35px;
	border-bottom: 2px solid #CCC;
	color: #111;
}
.tt p img{ 
	display: block;
	float: left;
	padding: 7px 7px 0 0;
}

.you{
	width:100%;
    height:38px;
    border:solid 1px #3782e7;
    text-align:center;
    line-height:38px;
    color:#3782e7;
    display:inline-block;
    margin-top:20px;
}
.you:hover{
	background:#3782e7;
	color:#fff;
	cursor: pointer;
}
#mt{
    width:100%;
}
#mt li{
    border-bottom:#ccc solid 1px;
    margin-top:20px;
    transition:all 0.5s;
}
#mt li a{
	width: 570px;
    color:black;
    line-height:40px;
    transition:all 0.5s;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
#mt span{
    float:right;
    line-height:40px;
    color:#555;
}
#mt li:hover{
    border-bottom:#26B6FD solid 1px;
}
#mt li:hover a{
    color:#26B6FD;;
}

/*banner*/
.complaints_box .banner{
	width:100%;
	float:none;
	margin-top: 40px;
	margin-bottom:30px;
	position:relative;
}
.complaints_box .banner .banner_title{
	font-size:35px;
	font-weight:bold;
	color:#fff;
	text-shadow:0 0 5px #000;
	position:absolute;
	top:25%;
	left:5%;
	margin-left:38px;
}
.complaints_box .banner .data_title{
		display:none;
	}
.complaints_box .banner .banner_text{
	width:50%;
	background-color:rgba(0,0,0,.6);
	padding:20px;
	position:absolute;
	bottom:5%;
	left:5%;
	line-height:30px;
	margin-left:38px;
}
.complaints_box .banner .banner_text p{
	color:#eee;
	margin-top:10px;
}
.complaints_box .banner .banner_text a{
	color:#fff;
	border-bottom:#eee solid 1px;
}
.complaints_box .banner .banner_text a:hover{
	color:dodgerblue;
	border-bottom:dodgerblue solid 1px;
}
.complaints_box .banner .banner_nub{
	background:rgba(1,24,65,0.75);
	width:100%;
	text-align:center;
	padding:20px 0;
	position:absolute;
	bottom:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.complaints_box .banner .banner_nub li{
	padding:0 20px;
}
.complaints_box .banner .banner_nub span{
	color:#ccc;
}
.complaints_box .banner .banner_nub strong{
	font-size:24px;
	color:#fff;
	padding:0 2px;
}
.complaints_box .banner .banner_cont{
	position:absolute;
	left:20%;
	bottom:100px;
}
.complaints_box .banner .banner_cont p{
	font-size:30px;
	color:#fff;
}

.complaints_box .box{
	max-width:1200px;
	margin: auto;
	display:flex;
	background:#fff;
	position:relative;
}
.complaints_box .title{
	max-width:1200px;
	margin: auto;
    border-top:none;
    text-align:left;
    font-weight:bold;
	padding:0;
}
.complaints_box .title p::before{
	content:'';
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    margin-top:auto;
    margin-bottom:auto;
    width:8px;
    height:20px;
    background-color:dodgerblue;
}
.complaints_box .title #ts::before{
	content:'';
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    margin-top:auto;
    margin-bottom:auto;
    width:8px;
    height:20px;
    background-color:#ff9731;
}
.complaints_box .title p{
	font-size:20px;
	padding:20px;
	position:relative;
}
.complaints_box .title span{
	font-size:18px;
	font-weight:normal;
	color:#ccc;
	margin-left:10px;
}
.complaints_box .box .more{
	position:absolute;
	top:-30px;
	right:0;
	cursor:pointer;
	transition:all 0.3s;
}
.complaints_box .box .more a{
	color:#999;
	border:#ccc solid 1px;
	border-radius:3px;
	padding:2px 5px;
	margin-left:10px;
}
.complaints_box .box .more a:hover{
	background-color:dodgerblue;
	border:dodgerblue solid 1px;
	color:#fff;
}
.complaints_box #ys{
	background-image:url(../../home/images/dsb_tsbg.png);
}
.complaints_box #lstd{
	background-image:url(../../home/images/dsb_lstd.png);
}
.complaints_box #tsbg{
	background-image:url(../../home/images/dsb_tsbg.png);
	background-color:#ff9731;
	padding:20px 20px 150px 20px;
}
.complaints_box .title2{
	max-width:1200px;
	margin: auto;
	margin-top:30px;
	text-align:center;
}
.complaints_box .title2 p{
	font-size:22px;
	font-weight:bold;
	line-height:60px;
	color:dodgerblue;
}
.line_box{
	border-bottom:#fff solid 1px;
}
.complaints_box .res_box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.complaints_box .res_box li{
	padding:25px;
	text-align:center;
}
.complaints_box .res_box img{
	width: 64px;
	height: 64px;
	margin: auto;
}
.complaints_box .res_box span{
	font-size:16px;
	font-weight:bold;
	line-height:40px;
}
.complaints_box .res_box a{
	margin-top:20px;
	display: block;
	width: 190px;
}
.complaints_box .res_box a:hover{
	background:#136ec9;
	color: #fff;
}
.complaints_box .res_box p{
	width:190px;
	color:#666;
}

.pc_box{
	max-width:1100px;
	margin: auto;
}

/*左边*/
.pc_l{
	width:65%;
	float:left;

}
.pc_l .pc_title{
	margin:0;
	border-bottom:#136ec9 solid 1px;
    padding-bottom:5px;
}
.pc_l .pc_title h1{
	font-size:20px;
	font-weight:bold;
	color:#111;
}
.lszj li{
	width: 33%;
	float: left;
	margin-top: 20px;
	text-align: center;
}
.lszj li:hover h3{
	color: red;
}


#pc_list li{
	border-bottom:#ccc solid 1px;
    padding:30px 5px 10px 5px;
	
}
#pc_list li a{
	font-size:18px;
	font-weight:bold;
	display:inline-block;
    width:520px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#pc_list li p{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#9f9f9f;
	margin-top:10px;
}
#pc_list li:hover{
	border-bottom:#3782e7 solid 1px;
}
#pc_list li:hover a{
	color:#3782e7;
}

#cl_list li{
	border-bottom:#ccc solid 1px;
    padding:30px 5px 10px 5px;
	
}
#cl_list li a{
	font-size:18px;
	font-weight:bold;
	display:inline-block;
    width:520px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#cl_list li p{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#9f9f9f;
	margin-top:10px;
}
#cl_list li:hover{
	border-bottom:#3782e7 solid 1px;
}
#cl_list li:hover a{
	color:#3782e7;
}

#clz_list li{
	border-bottom:#ccc solid 1px;
    padding:30px 5px 10px 5px;
	
}
#clz_list li a{
	font-size:18px;
	font-weight:bold;
	display:inline-block;
    width:520px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#clz_list li p{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#9f9f9f;
	margin-top:10px;
}
#clz_list li:hover{
	border-bottom:#3782e7 solid 1px;
}
#clz_list li:hover a{
	color:#3782e7;
}

#ts_list li{
	border-bottom:#ccc solid 1px;
    padding:30px 5px 10px 5px;
	
}
#ts_list li a{
	font-size:18px;
	font-weight:bold;
	display:inline-block;
    width:520px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#ts_list li p{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#9f9f9f;
	margin-top:10px;
}
#ts_list li:hover{
	border-bottom:#3782e7 solid 1px;
}
#ts_list li:hover a{
	color:#3782e7;
}

.pc_more a{
	width:100%;
    height:38px;
    border:solid 1px #3782e7;
    text-align:center;
    line-height:38px;
    color:#3782e7;
    display:inline-block;
    margin-top:20px;
}
.pc_more:hover a{
	background:#3782e7;
	color:#fff;
	cursor: pointer;
}

/*右边*/
.pc_r{
	width:30%;
	float:right;
}
.pc_title{
	padding-bottom:5px;
    border-bottom:#ccc solid 1px;
	margin:0 0 5px 0;
}
.pc_title img{
	width:24px;
	height:24px;
	float:left;
}
.pc_title h1{
	font-size:16px;
    font-weight:bold;
	line-height:24px;
	float:left;
	margin-left:5px;
}
.pc_label li{
	width:46%;
	float:left;
	margin:1%;
    text-align:center;
    line-height:30px;
    border:solid 2px #ccc;
	cursor:pointer;
    transition:all 0.3s;
}
.pc_label li:hover{
	color:#3782e7;
	border:#3782e7 solid 2px;
}
.pc_logo a{
	width:46%;
	float:left;
	margin:2%;
	
	overflow:hidden;
	background:#000;
}
.pc_logo a img{
    width:100%;
    height: 45px;
	transition:all 0.3s;
}
.pc_logo a:hover img{
	opacity:0.75;
}

.btn{
    border-bottom:1px solid rgb(158, 158, 158) ;
}

.btn input{
	text-align:center;
	width:25%;
    height:50px;
    font-size: 18px;
    text-align: center;
	font-weight:bold;
	margin-top:1px;
	float:left;
	background-color:#fff;
	transition:all 0.5s;
}
.btn .current{
    color:rgb(0, 102, 255);
    border-bottom:5px solid rgb(0, 102, 255);
}
.btn a{
	text-align:center;
	width:165px;
	height:50px;
	line-height:50px;
	font-weight:bold;
	margin-top:1px;
	margin-left:1px;
	float:left;
	background-color:#fff;
}
.content{
	display:none;
	margin-top:10px;
	background:#fff;
	transition:all 0.5s;
	
	
}

.footer{ width:100%; height:auto; background: #333; clear:both; padding-top:30px}
.f_main{ max-width:1100px; margin: auto;}
.f_main ul{ padding:0px}
.bottom{ float:left; height:auto; border-bottom:1px solid #999}
.bottom li{ float:left; margin:0px 15px; border-top:2px solid #333}
.bottom li a{ font-size:15px; color: #CCC; text-decoration:none; line-height:50px}
.bottom li:hover{ border-top:2px solid #F90}
.ewm1{ float:right; margin-left:40px}
.ewm1 p{ color: #666; font-size:13px; margin-top:10px; text-align:center}
.bottom2{ float:left; height:auto}
.bottom2 li{ float:left; margin:0px 15px;}
.bottom2 li a{ font-size:13px; color: #CCC; text-decoration:none; line-height:50px}

@media(max-width:1000px){
	*{
		font-size:12px;
	}
	.pc_l,.pc_r{
		width:96%;
		margin: auto;
		float:none;
	}
	.pc_title{
		margin-top:10px;
	}
	.pc_title p{
		font-size:14px;
	}
	#pc_list li{
		padding:15px 5px 5px 5px;
	}
	#pc_list li a{
		width:100%;
		font-size:14px;
	}
	#pc_list li p{
		float:none;
		font-size:12px;
		text-align:right;
		margin:0;
	}
	
	

	.pc_logo a{
		width:21%;
	}
}

@media screen and (min-width:200px) and (max-device-width:640px){
.head{
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin:20px auto;
}
.h_l{
    width: 20%;
    float: left;
}
.h_r{
  width: 55%;
  float: right;  
  padding-top: 15px;
}
.h_r a{
	margin-left: 10px;
	font-size: 0.8rem;
    float: left;
    text-align: center;
}	


/*banner*/
.complaints_box .banner{
	width:100%;
	float:none;
	margin-top: 40px;
	margin-bottom:30px;
	position:relative;
}
.complaints_box .banner img{
	height: 350px;
}
.complaints_box .banner .banner_title{
	font-size:2rem;
	font-weight:bold;
	color:#fff;
	text-shadow:0 0 5px #000;
	position:absolute;
	top:25%;
	left:5%;
	margin-left:0;
}

.complaints_box .banner .banner_text{
	width:80%;
	background-color:rgba(0,0,0,.6);
	padding:20px;
	position:absolute;
	bottom:5%;
	line-height:18px;
	margin-left:0;
}
.complaints_box .banner .banner_text p{
	color:#eee;
	margin-top:10px;
	font-size: 0.8rem;
}

#ts_list li{
		padding:15px 5px 5px 5px;
	}
	#ts_list li a{
		width:100%;
		font-size:14px;
	}
	#ts_list li p{
		float:none;
		font-size:12px;
		text-align:right;
		margin:0;
	}

	#cl_list li{
		padding:15px 5px 5px 5px;
	}
	#cl_list li a{
		width:100%;
		font-size:14px;
	}
	#cl_list li p{
		float:none;
		font-size:12px;
		text-align:right;
		margin:0;
	}

	#clz_list li{
		padding:15px 5px 5px 5px;
	}
	#clz_list li a{
		width:100%;
		font-size:14px;
	}
	#clz_list li p{
		float:none;
		font-size:12px;
		text-align:right;
		margin:0;
	}

	#clz_list li{
		padding:15px 5px 5px 5px;
	}
	#clz_list li a{
		width:100%;
		font-size:14px;
	}
	#clz_list li p{
		float:none;
		font-size:12px;
		text-align:right;
		margin:0;
	}

	#mt li{
		padding:15px 5px 5px 5px;
	}
	#mt li a{
		width:100%;
		font-size:14px;
	}
	#mt li p{
		float:none;
		font-size:12px;
		text-align:right;
		margin:0;
	}

}