﻿@charset "utf-8";
/*
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
input::-moz-placeholder{opacity:1;}
input::-webkit-input-placeholder{opacity:1;color:#060;}
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select {margin:0;padding:0;box-sizing: border-box;}
html{height:100%;}
body{color:#707070;font-family:微软雅黑,'Heiti SC',黑体,Arial;user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;max-width:100%;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:120%;}
input,textarea,select,button{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;padding:0;margin:0;}

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}


/*@media screen and (min-width:540px){
	body{width:540px;}
	header{width:540px;}
}
@media screen and (max-width:320px){
	body{width:320px;}
	header{width:320px;}
}*/

.head{ margin:0 auto;width:100%; height:140px;background:url(../images/headbg.jpg)no-repeat;background-size:100% 100%;}
.head .m{ width:32px; height:50px; position:absolute; right:20px; top:20px; color:#fff; font-size:12px; text-align:center}
.head_line{background:#c00; width:100%; height:34px ; line-height:34px; color:#fff; font-size:16px}
.head_line a{ float:left; display:block; text-align:center}
.head_line a.a1{width:15%;}
.head_line a.a2{width:21%;}
.head_line span{ float:left}


.bq{ width:100%; height:88px; margin:0 auto; text-align:center; font-size:12px; background:url(../images/line.gif) no-repeat 0 0; padding-top:18px}
.bq p{width:100%; margin:0 auto; line-height:26px; text-align:center; font-size:12px;}

.f_iheader {width:100%;min-width:100%;height:40px; margin:0 auto;width:100%; height:140px;background:url(../images/headbg.jpg)no-repeat;background-size:100% 100%;}
/*.f_imenu {float:right;font-size:14px;color:#000;margin:8px 12px 0px 0px;}
.f_imenu img {width:24px;}*/
.con{ width:90%; margin:0 auto; overflow:hidden; font-size:14px;line-height:200%;border-top:1px solid #ddd; padding-top:10px}
.jj_tit1{font-size:18px; text-align:center; overflow:hidden; margin:15px auto 10px auto; font-weight:bold; color:#555;/* background:url(../images/biaoti-bj2.png);*/ height:40px; line-height:40px;}
.con img{width:100%;height:100%;objec-fit: cover; margin:5px auto; display:block}
.more{width:100px;height:32px; line-height:32px; text-align:center; border:1px solid #eee; border-radius:4px; margin:0 auto 15px auto}
.jz{width:160px;height:32px; line-height:32px; text-align:center; border:1px solid #eee; border-radius:4px; margin:0 auto 15px auto; display:none}

/* for 980px or less */

@media screen and (max-width: 1280px) {


}

/* for 700px or less */
@media screen and (max-width: 480px) {

.changeleft {
	right:-197px;
}

}

/* for 480px or less */
/*@media screen and (max-width : 480px) {

	.w_head a.w_logo {display:none;}
	.w_head a.w_lu {display:none;}
	.w_hna .rt {display:none;}
	.w_page  {display:none;}

}*/


.news{ margin-top:15px}
.news li { line-height:26px; border-bottom:1px dashed #999999; padding-left:10px; background:url(images/li_ico.jpg) left no-repeat; float:left; width:50% }
.news_title { text-align:center; font-size:20px; }
.news_content { padding:10px; }
.news_info { text-align:center; border:1px dashed #666; padding:10px; }
.news_next { width:96%; margin:10px auto; padding:5px; border:1px dashed #333; font-size:12px }

.page {clear:both; height:30px; line-height:30px; text-align:center; }

.con_biao{ margin:0 auto; width:96%; overflow:hidden}
.con_biao h2{ height:32px; line-height:32px; border-bottom:1px dashed #ddd; font-size:16px; font-weight:bold}
.h{height:32px; line-height:32px; font-size:14px}
.h input{ margin-top:6px}
.h span{ float:left; display:block; width:70px; height:32px; line-height:32px}
.h1{margin:10px auto}
.tj{ height:65px; padding-top:15px; text-align:center}
.tj input{ width:100px; height:30px; line-height:30px; background:#F60; border:0; color:#fff; font-size:14px}


.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

.index_contact{background:#5A342B; overflow:hidden; padding:20px; color:#ccc; line-height:26px; font-size:16px}
.index_contact h2{ color:#fff; margin-bottom:15px}

.index_reci{background: url(../images/bg_i.jpg); width:100%; overflow:hidden; padding:15px}
.index_reci .index_title{background:url(../images/bg_i2.png) no-repeat; width:320px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:18px}
.index_reci .index_con{ margin:20px auto 10px auto; overflow:hidden}
.index_reci .index_con a{margin:6px 0; width:20%; text-align:center; display:block; float:left; font-size:14px;}

.index_jj{width:100%; overflow:hidden; padding:25px 15px 15px 15px; font-size:14px; line-height:20px;}
.index_jj h2{width:100%; height:40px; line-height:40px; text-align:center; color:#C60; margin-bottom:15px}
.index_jj img{width:50%; float:left; margin:0 15px 10px 0}
.index_ren{width:94%; overflow:hidden; border:1px solid #ddd; border-radius:8px; margin:0 auto 20px auto; padding:15px 10px}
.index_ren_t{line-height:40px; height:40px; text-align:center;color:#F30; font-size:16px;}
.index_ren img{ height:40px; margin-right:15px;float:left;}
.index_ren p{width:100%; float:left; font-size:14px; margin-top:10px; line-height:20px}

.index_lm{ width:100%; background:url(../images/index_lm.jpg) no-repeat; background-size:100% 100%; overflow:hidden; clear:both}
.index_lm .index_lm_img{ margin:5% 0 10% 10%}
.index_lm .index_lm_img img{width:52%; height:60%; display:block; float:left; margin-bottom:23%}
.index_lm .index_lm_t{ width:40%; float:left; font-size:14px; font-weight:bold; margin-top:17%; text-align:center; line-height:22px}
.index_lm .index_lm_j{color:#36F}

.bbb{border-right:1px solid #FFF; border-bottom:1px solid #FFF; background:#cc0000; text-align:center; font-weight:bold;}
a.white:link {color: #ffffff;text-decoration: none;	font-size: 14px;}
a.white:visited {text-decoration: none;color: #ffffff;font-size: 14px;}
a.white:hover {text-decoration: none;color: #ffffff;font-size: 14px;}
