@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{padding: 0; margin: 0;}
body{color: #636363; font-size: 14px; font-family: "微软雅黑", Microsoft YaHei, Arial, Verdana;}
form,
input,
textarea{font-family: "微软雅黑", Microsoft YaHei, Arial, Verdana; outline: none;}
img{border: none;max-width:100%;}
a{-webkit-transition: all .2s; transition: all .2s; cursor: pointer;}
h1,
h2,
h3{font-weight: normal;}
a{color: #636363; text-decoration: none;}
li{list-style-type: none;}
i{ font-style:normal}
.clear{clear: both; *zoom: 1}
.clearfix:after{content: '.'; clear: both; display: block; height: 0; visibility: hidden; font-size: 0; line-height: 0}
.fl{float: left}
.head .logo img{
	height: 55px;display: block;
}
.head .logo  a{
	display: block;
}
.head .logo{
	display: flex;align-items: center;height: 100%
}
.fr{float: right}
.w1200{ width:1200px; margin:0 auto}
.mt45{ margin-top:40px;}
.hidden{ display:none;}
/*头部*/
.top{position: fixed;top: 0;left: 0;width: 100%;height: 75px;background-color: #fff;z-index: 1000;border-bottom: 1px solid #e5e5e5;}
.pt75{ padding-top:75px;}
.head { height:75px; }
.head .nav {overflow: hidden;}
.head .nav ul li{ float:left; padding:0 30px;line-height:75px;}
.head .nav ul{overflow:hidden;margin-right:-30px;} 
.head .nav ul li a{font-size:15px;}
.head .nav ul li a:hover,.head .nav ul li a.cur{ color:#000;}
.head .rg,.head .nav .a_closed { display:none;}
.banner { text-align:center; }
.banner { text-align:center;position: relative;
    width: 100%;
    height: auto;
    overflow: hidden; }
.tl_pagination{z-index: 100; position: absolute; bottom: 30px;}
/*首页中部*/
.main{ margin-bottom:130px; overflow:hidden}
.main h2{ color:#000; font-size:24px; margin-bottom:20px;}
.main .text { line-height:26px;}
.main .text-img { margin-top:15px;}
.main .img2{ margin-bottom:24px; margin-right:-26px; overflow:hidden;}
.main .img2 a { float:left; display:block; margin-right:26px;width:587px;}
.main .text-img ul{ margin-right:-24px;}
.main .text-img ul li{ width:384px; float:left; margin-right:24px;}
.main .text-img ul li img{ width:100%;}
.main .text-img ul li a span{ display:block; color:#000; font-size:16px; line-height:40px;}
.text{font-size: 16px; color: #424242;}

/*底部*/
.footer { background:#333; width:100%; overflow:hidden}
.footer .footer-con { margin:30px auto; font-size:14px; color:#fff; text-align:center}
.footer .footer-con a{font-size:14px; color:#fff;}
.footer .footer-con dl{ margin-bottom:20px}
.footer .footer-con dl dt {display:inline-block;padding:0 15px;}
.footer .footer-con dl dd{ display:inline-block; padding:0 15px;}
.footer .footer-con .powerby a { display:inline-block; padding-left:25px;}
/*新闻中心*/
.newlist{ margin-top:200px;}
.sonnav{ height:30px; padding-bottom:15px; border-bottom:1px dashed #ccc; width:100%}
.sonnav li { line-height:30px; padding:0 25px; float:left; position:relative}
.sonnav li a{ color:#666; font-size:16px;}
.sonnav li:hover a{ color:#000}
.sonnav li:hover::after,.sonnav li.cur::after{ content:''; border-bottom:1px solid #000; position:absolute; left:0; bottom: -15px;width: 100%;}
.sonnav li.cur a{color:#000}
/*子栏目2*/
.sonnav2{ height:30px; padding-bottom:15px; border-bottom:1px dashed #ccc; width:100%}
.sonnav2 li { line-height:30px; padding:0 25px; float:left; position:relative}
.sonnav2 li a{ color:#666; font-size:16px;}
.sonnav2 li:hover a{ color:#000}
.sonnav2 li:hover::after,.sonnav2 li.cur::after{ content:''; border-bottom:1px solid #000; position:absolute; left:0; bottom: -15px;width: 100%;}
.sonnav2 li.cur a{color:#000}


.listbox{}
.listbox ul{}
.listbox ul li{ color:#636363; margin-top:40px;    overflow: hidden;}
.listbox ul li .picture{ float:left; width:300px;margin-right:40px;max-height:200px; overflow:hidden}
.listbox ul li .picture img {width: 100%;height: 100%; }
.listbox ul li .infos{ float:left; width:860px; margin-top:30px;}
.listbox ul li .infos h4 a{ font-size:18px; font-weight:normal;color:#000; margin-bottom:20px; display:block}
.listbox ul li .infos .summary{ line-height:30px;}
.listbox ul li .infos .time{ line-height:30px;}
.casebox{ margin-top:40px; overflow:hidden}
.casebox ul{ margin-right:-20px;}
.casebox ul li{ float:left; width:590px; height:400px; position: relative; margin-right:20px; margin-bottom:20px;}
.casebox ul li span{ display:none; color:#fff; font-size:16px;}
.casebox ul li img{ width:100%; height:100%;}
.casebox ul li:hover span{ display:block; position:absolute; bottom:15px; width:100%; text-align:center;}
.page { margin:80px auto;width:100%; text-align:center}
.page li{ display:inline-block; padding:0 10px; line-height:22px;}
.page li a{ color:#999; font-size:18px; font-weight:bold}
.page li.thisclass a{ color:#000;}
.page li img{vertical-align: middle;margin-top: -5px;}
.pre b { padding:0 15px; color:#000;font-size: 20px;}
.content { margin-top:90px;}
.content .date{ color:#636363; font-size:16px;}
.content h1{font-size:24px; color:#000; line-height:40px; margin-top:5px;}
.content p{margin-bottom:15px;/*text-indent: 2em;*/}
.content .context{ line-height:2; color:#636363; margin-top:20px;}
.content .context img{ height:auto !important;}
.mbanner { display:none}
@media screen and (min-width: 1024px){
	.content .w875 { max-width:875px;}
	.content .context img{ display:block; margin-bottom:20px;}
	.main .img2 span{ display:none}
	}
/*手机端*/
@media screen and (max-width: 1024px){
*{ margin:0; padding:0; box-sizing:border-box;    border-spacing:0;}	
.banner { display:none}
.mbanner { display:block}
.hidden{ display:block}
.w1200{ width:100%;}
.top{height:61px;}
.pt75{ padding-top:61px;}
.head { height:60px; padding:0 15px;}	
.head .logo{ height:60px;    overflow: hidden;}
.head .logo img {     max-width: 120px;}
.head .rg{padding-top:20px; float:right; display:block}
.head .rg a img{height:18px;vertical-align:top}
.head .nav{position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: rgba(0,0,0,0.8); z-index: 2200; overflow:hidden}
.head .nav ul{position: absolute; top: -100%; left: 0; width: 100%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.head .nav ul li{float:none; padding:0 30px;line-height:40px; text-align:center;}
.head .nav ul li a,.head .nav ul li a.cur{color:#fff; font-size: 16px;letter-spacing: 2px;}
.head .nav .a_closed{display: block; width: 18px; height: 18px; position: absolute; top: 20px; right: 5.33333%;}
.banner img{ width: 100%; display: block;}
.banner{ z-index: 2; width: 100%; }
.main{ padding:0 15px; margin-bottom:30px;}
.main h2 { font-size:20px;}
.main .img2 span{ display: block;
    color: #000;
    font-size: 16px;
    line-height: 40px;    padding-bottom: 15px;}
.main .text-img ul li a span{ padding-bottom:15px;}
.content{ margin-top:50px;}	
.footer .footer-con {    margin: 15px auto;}
.footer .footer-con dl{ display:none}
.newlist{ padding:0 15px; position:relative;    margin-top: 50px;}
.mdown { overflow:hidden}
.option_filter{padding: 10px 0;border-top: 2px solid #000;border-bottom: 1px solid #999;font-size: 16px;color: #000;text-align:left;min-width: 150px; float: right;padding-right: 40px;padding-left: 16px;}
.option_filter:after{content: "";display: block;position: absolute;width: 35px;height: 40px;top: 3px;right: 20px;
background: url(../images/icon_select.png) no-repeat center center;background-size: 14px auto;transition: all .36s ease;
-webkit-transition: all .36s ease;-moz-transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;
transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
.on:after{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.sonnav{border:none;display:none;overflow: hidden;height: auto;position: absolute;top: 45px;right: 15px;min-width: 150px;background-color: rgba(255,255,255,1);margin-left: 0;margin-right: 0;z-index: 99;float: right; width: auto;}
.sonnav li{float:none; text-align: left;padding: 0;clear: both;padding-right: 40px;padding-left: 16px; line-height:40px; border-bottom:1px solid #999;}
.sonnav li a{ color:#000}
.sonnav li:hover::after,.sonnav li.cur::after{ content:''; border-bottom:none; position:absolute; left:0; bottom: -15px;width: 100%;}
  .listbox {margin-top:40px;}
  .listbox ul li{margin-top:20px;}
.listbox ul li .picture{ float:left; width:40%; max-width:300px;margin-right:5%;}
.listbox ul li .infos{ float:left; width:55%; margin-top:0px;}
.listbox ul li .infos h4 a{ margin-bottom:10px;}
.listbox ul li .infos .summary{ max-height:90px; overflow:hidden }
.listbox ul li .picture img {width: 100%;height: 100%;}
.casebox ul{ margin-right:-2%;}
.casebox ul li{ float:left; width:100%; height:auto; position: relative;  margin-bottom:2%;}
.casebox ul li span{ color:#000; display:block; line-height:40px; font-size:14px;}
.content {padding:0 15px;}
.content h1 {font-size: 18px;}
.page {
    margin: 40px auto;}
	/*手机筛选*/
	.sonnav2{
		display: none;
		width: 100%;height: auto;background: #fff;position: absolute;top: 0;left: 0;z-index: 9999;border:0;
	}
	.sonnav2 li{
		margin-bottom: 10px;width:33.3%;text-align: center;
	}
	.sonnav2 li a{
		color: #000000;font-size: 16px;
	}
	.sonnav2 li:hover::after, .sonnav2 li.cur::after {
	    content: '';
	    border-bottom: 0 solid #000;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	}
	.option_filter2{
		padding: 10px 0;
		border: 1px solid #666;border-radius: 5px;padding:  10px 30px;
		font-size: 16px;color: #000;text-align:left;display: inline-block;float: left;width: 150px;position: relative;
	}
	.option_filter2:after{
		content: "";display: block;position: absolute;width: 35px;height: 40px;top: 3px;right: 20px;
		background: url(../images/icon_select.png) no-repeat center center;background-size: 14px auto;transition: all .36s ease;
		-webkit-transition: all .36s ease;-moz-transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;
		transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);
	}

}
@media screen and (max-width: 1024px) and (min-width: 600px){
.main .img2 a{ width:50%; margin-right:0; padding-right:26px;}
.main .text-img ul li{width:33.333%; margin-right:0; padding-right:24px;}
}
@media screen and (max-width: 599px){
.main .img2{ width:100%; margin-right:0px; margin-bottom:0px;}
.main .img2 a{ width:100%; margin-right:0px;}
.main .text-img ul{ margin-right:0px;}
.main .text-img ul li{width:100%; margin-right:0; }
.main .text-img ul li img { width:100%;}
.listbox ul li .infos .summary{ max-height: 60px;overflow: hidden }
}
@media screen and (max-width: 480px){
.listbox ul li .infos h4 a{ font-size:16px;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.listbox ul li .infos .summary{ display:none}
.listbox ul li .picture{max-height: 120px;}
}

/*关于*/
#about{
	margin: 0px 0px 130px 0px;
	padding: 0;
}

#about h3{
	font-size: 20px;
	line-height: 60px;
	color: #000;
}
#about p{
	line-height: 28px;
	
	
}

#about a{
	text-decoration: none;
	color: #424242;
}


#about img{
	
}

/*联系*/

#contact{
	margin: 0px 0px 120px 0px;
	padding: 0;
	
}




#contact h3{font-size: 18px;
	line-height: 60px;
	color: #000;
}


#contact p{
	font-size: 14px;
	color: #424242;
	line-height: 28px;
	margin-bottom: 10px;
}
	


#contact a{
	text-decoration: none;
	color: #424242;
}


.contact_lx span{
	font-size: 15px;
	color: #424242;
}

#contact dt{
		font-size: 14px;
	color: #424242;
	line-height: 28px;
}
.contact_bd{
	
	width:550px;

	
}




.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	padding: 10px;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}
.form dl{margin-bottom: 10px;}
.form dt{font-size: 12px;}
.form dl{width: 49%;float: left;}
.form dl:first-child{margin-right: 2%;}
.form textarea{min-height: 100px;max-width: 100%;}
.formBtn button{
	padding: 10px; 
	width:120px;
	background-color: #333;
	color: #fff;
	margin: 10px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
@media screen and (min-width: 1025px) {
	.formBtn button:hover{background-color: #999;}
}
/*help*/


.help{
	margin: 28px 0px 130px 0px;
}

.help p{
		font-size: 14px;
	color: #666;
	line-height: 28px;
}

.help h4{
	
	font-size: 14px;
	line-height: 48px;
	color: #424242;
	font-weight:600;
	margin-top: 24px;
	
}
/*vip*/

@media screen and (max-width: 599px){
	.contact_bd{ width:100%}
	.form dl{ width:100%; }
	.cpardes iframe{
		height: 200px!important
	}
}

.prohz ul{
	margin-bottom: 20px;
}