/* CSS Document */

* {
 margin: 0; padding: 0;
}
body {
 color:#000; font: normal 13px "微软雅黑"; background:#fff; word-wrap:break-word;
}
a{
 color:#000; text-decoration:none;
}
a:hover {
 color:#ca0000; text-decoration:none;
}
a img {
 border: none;
}

ul,li,dl,dt,dd,form,img,p{
 margin:0; padding:0; border:none; list-style:none;
}
img {
 display:block;
 image-rendering: optimizeQuality;  /* 图像不失真 Firefox 3.6+; default behavior is identical, no need to specify */
 -ms-interpolation-mode: bicubic;   /* 图像不失真 IE专有属性 Internet Explorer 7.0; default in IE8+ */
}

/* 多行文本溢出显示省略号（…）
 适用范围：
因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；

display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient: vertical;  //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
-webkit-line-clamp: 3; //用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：
overflow: hidden;
*/


/* 单行文本溢出显示省略号（…）
white-space:nowrap; //规定段落中的文本不进行换行
overflow:hidden;
text-overflow:ellipsis; //clip修剪文本;  ellipsis显示省略符号来代表被修剪的文本; string使用给定的字符串来代表被修剪的文本。
*/

.wt1200 {
	width: 1200px;
	margin: 0 auto;
}

.ov {
	overflow: hidden;
}



/* 首页 样式表 */

.top_bg01 { width:100%; height:36px; background-color:#007c36;}
.top_bg01 div { width:1200px; margin:0 auto; line-height:36px; overflow:hidden;}
.top_bg01 p { float:left; width:880px; line-height: 42px; text-align: left; padding-left:10px; color: #ffffff;}
.top_bg01 div ul { float:right;}
.top_bg01 div ul li  { float:left;}
.top_bg01 div ul li a { display:block; color:#ffffff; 
	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;
	}
.top_bg01 div ul li a:hover { color:#edb163;
    transform:translate(0,-3px);
    -webkit-transform:translate(0,-3px);
    -moz-transform:translate(0,-3px);
    -o-transform:translate(0,-3px);
    -ms-transform:translate(0,-3px);
	}
.top_1 { padding:10px 8px 0px 0px;}
.top_2 { padding-right:25px;}


.menu_bg { width:1200px; margin:0 auto; overflow:hidden;}
.menu_bg img { float:left; margin-top:8px; margin-left:20px;}
.menu { float:right; width:74%; margin-right:10px; line-height:113px;}
.menu ul li { float:left; width:12.5%; text-align:center;}
.menu ul li a { display:block; font-size:14px; color:#2b2b2b;}
.menu ul li a:hover { color:#fff; background:url(index03.png) no-repeat center top;
  animation: slideInLeft 0.6s;
  -moz-animation: slideInLeft 0.6s;	/* Firefox */
  -webkit-animation: slideInLeft 0.6s;	/* Safari 和 Chrome */
  -o-animation: slideInLeft 0.6s;	/* Opera */
}

.ind_jj_line {
	width: 1200px;
	margin: 60px auto 0 auto;
	background: url(ind_comline.png) no-repeat center bottom;
	padding-bottom: 25px;
	text-align: center;
}
.ind_jj_line p {
	font-size: 32px;
	color: #3f3f3f;
	font-weight: bold;
}
.ind_jj_line span {
	display: block;
	font-family: arial;
	font-size: 14px;
	color: #999999;
	margin-top: 8px;
	text-transform: uppercase;/*此CSS样式实现拼音或英文字母全部大写*/
}
.ind_jj {
	width: 1200px;
	margin: 65px auto 0 auto;
	overflow: hidden;
}
.ind_jjtext {
	float: left;
	width: 566px;
	margin-top: 30px;
}
.ind_jjtext p {
	font-size: 13px;
	color: #545454;
	line-height: 30px;
	display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical;  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 7; /*用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：*/
    overflow: hidden;
}
.ind_jjtext a {
	display: block;
	width: 132px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	color: #FFFFFF;
	background: #378a27;
	margin: 67px 0 0 0px;
	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;
}
.ind_jjtext a:hover {	
	background: #3f3834;	
	transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px); /* Safari 和 Chrome */
    -moz-transform: translate(0, -10px); /* Firefox */
    -o-transform: translate(0, -10px); /* Opera */
    -ms-transform: translate(0, -10px); /* IE 9 */
}
.ind_jjimg {
	display: block;
	float: right;
	width: 572px;
	height: 351px;
}
.ind_pro_box {
	width: 100%;
	background: #dddddd;
	margin-top: 100px;
	padding: 80px 0;
}
.ind_pro_title {
	width: 1200px;
	margin: 0px auto 0 auto;
	background: url(ind_pro_line.png) no-repeat center bottom;
	padding-bottom: 25px;
	text-align: center;
}
.ind_pro_title p {
	font-size: 32px;
	color: #3f3f3f;
	font-weight: bold;
}
.ind_pro_title span {
	display: block;
	font-family: arial;
	font-size: 14px;
	color: #999999;
	margin-top: 8px;
	text-transform: uppercase;/*此CSS样式实现拼音或英文字母全部大写*/
}
.ind_pro {
	overflow: hidden;
	margin-top: 40px;
}

.ind_pro li {
	float: left;
	width: 200px;
}
.ind_pro li img {
	display: block;
	width: 200px;
	height: 200px;
}
.ind_pro li div {
	width: 170px;
	background: #b6b6b6;
	padding: 15px;
}
.ind_pro li:hover div {
	background: #9d9793;
}
.ind_pro li div h2 {
	font-size: 14px;
	padding-bottom: 13px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
}
.ind_pro li div p {
	margin: 15px auto 0 auto;
	width: 92px;
	height: 23px;
	line-height: 23px;
	background: #f0f0f0;
	border-radius: 10px;
	text-align: center;
	color: #434343;
	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;
}
.ind_pro li:hover div p {
	background: #3f3834;
	color: #FFFFFF;
}
.ind_pro li div p:hover {
	background: #e77919;
	border-radius: 0px;
}
.ind_pro_more {
	display: block;
	margin: 60px auto 0 auto;
	background: #378a27;
	width: 202px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #FFFFFF;
	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;
}
.ind_pro_more:hover {	
	background: #3f3834;
	color: #FFFFFF;	
	transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px); /* Safari 和 Chrome */
    -moz-transform: translate(0, -10px); /* Firefox */
    -o-transform: translate(0, -10px); /* Opera */
    -ms-transform: translate(0, -10px); /* IE 9 */
}
.ind_news_box {
	width: 1200px;
	margin: 80px auto;
	overflow: hidden;
}
.ind_news_left {
	width: 497px;
	float: left;
}
.ind_news_left img {
	width: 497px;
	height: 326px;
	display: block;
}
.ind_news_left_text {
	background: #e4e4e4;
	padding: 28px;
	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;
}
.ind_news_left:hover .ind_news_left_text {
	background: #d2c7c5;
}
.ind_news_left_text h2 {
	font-size: 18px;
	color: #3c3c3c;
	font-weight: normal;
	line-height: 30px;
    white-space:nowrap; /*规定段落中的文本不进行换行*/
    overflow:hidden;
    text-overflow:ellipsis; /*clip修剪文本;  ellipsis显示省略符号来代表被修剪的文本; string使用给定的字符串来代表被修剪的文本。*/
}
.ind_news_left:hover .ind_news_left_text h2 {
	color: #ff3000;
	text-decoration: underline;
}
.ind_news_left_text p {
	color: #6d6d6d;
	line-height: 24px;
	padding-top: 15px;
	display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical;  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 2; /*用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：*/
    overflow: hidden;
}
.ind_news_left:hover .ind_news_left_text p {
	color: #4b4b4b;
}
.ind_news_right {
	float: right;
	width: 600px;
}
.ind_news_right li {
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.ind_news_right li:hover {
	border-bottom: 1px dashed #75badd;
}
.ind_news_right li img {
	display: block;
	float: left;
	width: 156px;
	height: 102px;
}
.ind_news_right li h2, .ind_news_right li p {
	margin-left: 186px;
}
.ind_news_right li h2 {
	white-space:nowrap; /*规定段落中的文本不进行换行*/
    overflow:hidden;
    text-overflow:ellipsis; /*clip修剪文本;  ellipsis显示省略符号来代表被修剪的文本; string使用给定的字符串来代表被修剪的文本。*/
    font-size: 15px;
    color: #3c3c3c;
    font-weight: normal;
    line-height: 45px;
}
.ind_news_right li:hover h2 {
    color: #0074af;
}
.ind_news_right li p {
	display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical;  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 2; /*用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：*/
    overflow: hidden;
    color: #6d6d6d;
    line-height: 24px;
}
.footer_box {
	width: 100%;
	background: #1f1a17;
	padding: 50px 0 65px 0;
}
.footer_con_title {
	width: 1200px;
	margin: 0px auto;
	background: url(footer_con_line.png) no-repeat center bottom;
	padding-bottom: 25px;
	text-align: center;
}
.footer_con_title p {
	font-size: 32px;
	color: #ffffff;
	font-weight: bold;
}
.footer_con_title span {
	display: block;
	font-family: arial;
	font-size: 14px;
	color: #999999;
	margin-top: 8px;
	text-transform: uppercase;/*此CSS样式实现拼音或英文字母全部大写*/
}
.footer_gs {
	width: 1200px;
	margin: 40px auto 0 auto;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}
.footer_tel {
	width: 260px;
	margin: 10px auto 40px auto;
	font-size: 26px;
	color: #ffffff;
	background: url(footer_tel.png) no-repeat 20% center;
	line-height: 40px;
	padding-left: 120px;
}
.footer_nav {
	border-top: 1px solid #403834;
	text-align: center;
	padding-top: 40px;
}
.footer_nav li {
	display: inline-block;
	width: 110px;
	line-height: 40px;
}
.footer_nav li a {
	display: block;
	color: #a5a5a5;
	font-size: 16px;
}
.footer_nav li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.footer_bq {
	width: 1200px;
	margin: 30px auto 0 auto;
	color: #a5a5a5;
	text-align: center;
}
.footer_bq a {	
	color: #a5a5a5;
}

/* 关于我们 样式表 */

.main_bg { background:#e8f0f1; width:100%; padding:30px 0px 60px 0px;}
.main { width:1120px; margin:0 auto; overflow:hidden;}

.ab_left { width:238px; float:left; background:#FFF;}
.ab_l_bt { background:#006d34; border-bottom:1px dashed #d9d9d9; font-size:21px; color:#ffffff; line-height:65px; padding-left:20px;}
.ab_l_nav { padding:10px 0px 30px 0px;}
.ab_l_nav ul li { border-bottom:1px solid #dce4e5; background:url(ab4_09.png) no-repeat center right; line-height:60px; padding-left:20px;
	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;
}
.ab_l_nav ul li a { display:block; font-size:14px; color:#696969;}
.ab_l_nav ul li:hover { background:#5cb531;}
.ab_l_nav ul li:hover a { color:#FFF;}
.ab_l_tel { background:#378a27; padding:20px 15px; overflow:hidden;}
.ab_l_tel img { float:left;}
.ab_l_tel p { margin-left:60px; font-size:15px; color:#FFF; font-weight:bold;}
.ab_l_tel p span { font-size:25px;}


.ab_right { width:865px; float:right; background:#FFF;}
.ab_r_bt { border-bottom:1px dashed #d9d9d9; line-height:65px; padding:0px 20px; overflow:hidden;}
.ab_r_btl { float:left; font-size:20px; color:#666666;}
.ab_r_dq { float:right; font-size:13px; color:#898989;}
.ab_r_dq a { font-size:13px; color:#898989;}
.ab_r_dq a:hover { color:#ca0000; border-bottom:1px solid #ca0000;}
.ab_r_main { padding:40px 30px; font-size:15px; color:#686868; line-height:30px;}
.ab_r_zxn { overflow:hidden; padding:15px 0px 50px 0px;}
.ab_r_zxn ul li { float:left; overflow:hidden; width:43%; margin:10px 3%; background:url(ab4_16.jpg) no-repeat center left; padding-left:1%}
.ab_r_zxn ul li a { float:left; font-size:13px; color:#676666;}
.ab_r_zxn ul li a:hover { color:#ca0000; text-decoration:underline;}
.ab_r_zxn ul li p { float:right; font-size:13px; color:#a0a0a0;}



/* 产品 样式表 */

.pro_r_main { padding:20px 8px; overflow:hidden;}
.pro_r_main ul li { width:215px; margin:20px 10px; float:left;}
.pro_r_main ul li a img, .pro_r_main ul li a h3, .pro_r_main ul li a p { display:block;
	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;
}
.pro_r_main ul li a img { width:200px; height:200px; padding:2px; border:1px solid #cdd3d4;}
.pro_r_main ul li a h3 { font-size:13px; color:#c70f0f; font-weight:normal; padding:5px 0px;}
.pro_r_main ul li a p { color:#828282; font-size:13px;}
.pro_r_main ul li a:hover img, .pro_r_main ul li a:hover h3, .pro_r_main ul li a:hover p { 
	transform:translate(0,-15px);
    -webkit-transform:translate(0,-15px);
    -moz-transform:translate(0,-15px);
    -o-transform:translate(0,-15px);
    -ms-transform:translate(0,-15px);
}

.text_main { padding:20px 20px; overflow:hidden; min-height:480px;}
.text_main p { font-size:14px; color:#7b7b7b; line-height:28px;}


/*news*/
.a_news_hot { padding:20px; background:#f1f1f1;zoom:1; overflow:hidden; margin-bottom:10px;}
.a_news_hot h1 { font-size:13px; color:#595959; padding-bottom:5px;}
.a_news_hot span { color:#8a8a8a; font-size:12px; line-height:24px;}
.a_news_hot span img {float:left; margin-right:20px;}
.a_news_hot b { float:right; margin-top:5px; font-weight:normal; font-size:12px; color:#ba0101;}
.a_news_hot b a { color:#c01525; }
.a_news_hot b a:hover {text-decoration:underline;}
.a_news{width:100%;}
.a_news li {height:36px;line-height:36px;background:url(line_news.gif) no-repeat left bottom;}
.a_news  li a {
background:url(arrow_i_news_hot.gif) no-repeat 5px 50%;padding:0 0 0 30px;display:block;}
.a_news li span {float:right;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#a9a9a9;padding-right:10px;}





/* 新闻 样式表 */

.news_r_main { padding:30px 30px 40px 30px;}
.news_r_toutiao { border-bottom:1px solid #cfcfcf; padding-bottom:30px; overflow:hidden;}
.news_r_toutiao img { float:left;}
.news_r_toutiao a { display:block; margin-left:85px;}
.news_r_toutiao a h3, .news_r_toutiao a span, .news_r_toutiao a p { display:block;}
.news_r_toutiao a h3 { font-size:20px; font-weight:normal;}
.news_r_toutiao a span { font-size:14px; color:#dc0000; padding:5px 0px;}
.news_r_toutiao a p { font-size:14px; color:#7b7b7b;}

.news_r_list ul li { border-bottom:1px dashed #d9d9d9; background:url(ab4_16.jpg) no-repeat 0 9%; padding:0px 10px 20px 18px;}
.news_r_list ul li a h3, .news_r_list ul li a span, .news_r_list ul li a p { display:block;}
.news_r_list ul li a h3 { font-size:17px; font-weight:normal;}
.news_r_list ul li a span { font-size:14px; color:#dc0000; padding:12px 0px;}
.news_r_list ul li a p { font-size:14px; color:#7b7b7b;}

.fanye { display:block; background:#e8f0f1; width:100%; height:50px; line-height:50px; text-align:center; margin-top:30px; font-size:15px;}
.fanye a { margin:0 15px;}



/* 详情 样式表 */

.xq_r_main { padding:50px 30px 40px 30px; font-size:18px; color:#474747; line-height:35px; font-family:"宋体";}
.xq_r_main h3 { display:block; text-align:center; font-size:25px; color:#515151; font-family:"微软雅黑";}
.xq_r_main h4 { display:block; text-align:center; border-bottom:1px dashed #a2a2a2; padding:20px 0px; margin-bottom:40px; color:#a2a2a2; font-weight:normal; font-size:15px;  font-family:"微软雅黑";}