﻿@charset "utf-8";
/* CSS Document */

html,body{overflow-x:hidden;}
html, body, div, h1, h2, h3, h4, h5, h6, p, 
img, dl, dt, dd, ol, ul, li,form, table, tr, th, td {margin: 0;padding: 0;border: 0;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
table { border-collapse:collapse; border-spacing:0; }
img { border:0;}
ol, ul { list-style: none; }
i,b,em,strong { font-style:normal; text-decoration:none; font-weight: normal;}
body { font-family:'Microsoft YaHei','simsun','Lucida Grande','Lucida Sans Unicode'; font-size:100%; background:#f3f3f3;}
a { text-decoration:none; color:#222;}
a:hover { color:#f60;}

.clear{clear:both}
.fl{ float:left}
.fr{ float:right}

.main{ width: 100%; background: url(../images/bg.jpg) no-repeat; }

	
 /* Banner开始 */
 
.swipe{width:100%;overflow:hidden;position:relative; text-align:center}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe li img{ width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{
	background-color: #C03;
}
 
#product_nav{width:100%; text-align:center}
#product_nav a{width:40px;height:5px;background:#b5b5b5;margin:10px 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
#product_nav a.active{background:#C80002;}

#btn_prev,#btn_next{width:25px;height:50px;position:absolute;top:35%;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer; opacity:0.2;-moz-opacity:0.2;-khtml-opacity:0.2;filter:alpha(Opacity=20);}
#btn_prev{left:0;}
#btn_next{right:0;background-position:right top;}

 /* Banner结束 */


/** 导航条 **/


.scroll{ height:auto; margin:0 auto;  position:relative; overflow:hidden;}
.mod_01{float:left; overflow-x:hidden;}
.mod_01 img{display:block; margin:auto;}
.navbox ul.navBody{width: 98%;overflow: hidden;background:#710310;}
.navbox ul.navBody li {min-width: 25%;float: left;text-align: center;}
.navbox ul.navBody li a{ font-size:16px;}
.navbox ul.navBody li a:hover{}
.navbox ul.navBody li a:link{ color:#ffffff;}
#nav .nav div{ float: left; text-align: center; border-right: 1px solid #333333; }
#nav .nav div a{ color: #fff; text-decoration: none; font-size: 16px; font-family: "微软雅黑"; padding:0px 15px}

#nav { height: 40px; line-height: 40px; position: relative; border-top: 1px solid #919191; border-bottom: 1px solid #919191; background-color: #620000;width: 96%; display: block; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #ddd; padding: 5px; }


#nav .navbody{}
#nav_left {left: 0; background:url(../images/toLeft.png) no-repeat center center;}
#nav_right {right: 0;background:url(../images/toRight.png) no-repeat center center;}
#navbody { margin:0 15px;}
#nav_left,#nav_right { width:15px; height:40px; float: left;position: absolute;top: 0;}
.main_box {
	margin:0 auto;
    position: relative !important;
	height:100%;
	overflow:hidden;
}

/** 导航条 结束**/


.menu{
	width: 99%;
	margin: 10px auto;
	line-height: 30px;
	text-align: center;
	background: #e9e9e9;
}

.menu a{width:80px;line-height:30px;color:#333;margin:4px 4px; display:inline-block;border:#ffffff 1px solid}
.menu a:hover{color:#c30;text-decoration:none;display:inline-block;background:#fff4f4;border:#e30000 1px solid;margin:0 2px}
.menu1{width:80px;color:#c30;text-decoration:none;display:inline-block;background:#fff4f4;border:#e30000 1px solid;margin:0 2px}



 /* 内页导航 */
.bg-head{
	position:relative;
	z-index:900;
	background:#1a1a1a;
	background:-webkit-gradient(linear,left top,left bottom,from(#42454a),to(#1a1a1a));
	background:-webkit-linear-gradient(#42454a,#1a1a1a);
	background:-moz-linear-gradient(#42454a,#1a1a1a);
	background:-o-linear-gradient(#42454a,#1a1a1a);
	background:-ms-linear-gradient(#42454a,#1a1a1a);
	background:#620000;
	width:100%;
	height:50px;
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #1a1a1a;
}

.ge{background:url(../images/line.png) no-repeat right top;background-size:2px 44px;width:2px;height:45px;float:left;}
.bg-head h1{text-align:center;padding-left:60px;margin-right:44px;background:url(../images/line.png) no-repeat right top;height:45px;color:#fff;font-family:"Microsoft YaHei";font-weight:normal;line-height:35px;}
.bg-head h1 a{color:#fff;text-decoration:none;font-weight:normal;display:inline-block;padding:0 18px;background-size:10px 5px;font-size:16px;}

.bg-head h1.tit-h1{text-align:left;}
.bg-head h1 span.newsTitle a{background:none;font-size:18px;padding:0 5px;}
.bg-head h1 em{color:#fff;font-family:"Microsoft YaHei";font-size:18px;}
.bg-head h1.tit-h1{text-align:left;}

.r_nav_hover{width:44px;height:45px;cursor:pointer;background:url(../images/lanmu.png) no-repeat center center;background-size:28px 28px;float:right;cursor:pointer;}
.r_nav_con{position:absolute;top:46px;left:0;height:auto;background:#fff;width:100%;overflow:hidden;display:none;z-index:20;}
.r_nav_con a{display:inline-block;}
.r_nav_con span{display:block;width:25%;float:left;}
.r_nav_con a{border-right:1px solid #E4E4E4;padding-top:45px;display:block;font-size:12px;font-family:"Microsoft YaHei";text-align:center;height:23px;}
.r_nav_con a.o1{background:url(../images/nico1.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o2n{background:url(../images/nico2.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o3{background:url(../images/nico3.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o4n{background:url(../images/nico4.png) no-repeat center 6px;background-size:36px 36px;border-right:none;}
.r_nav_con a.o5{background:url(../images/nico5.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o6{background:url(../images/nico6.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o7{background:url(../images/nico7.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o8{background:url(../images/nico8.png) no-repeat center 6px;background-size:36px 36px;border-right:none;}
.r_nav_con a.o9{background:url(../images/nico9.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o10{background:url(../images/nico10.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o11{background:url(../images/nico11.png) no-repeat center 6px;background-size:36px 36px;}
.r_nav_con a.o12{background:url(../images/nico12.png) no-repeat center 6px;background-size:36px 36px;border-right:none;}



.fanhui{background:url(../images/fanhui.png) no-repeat center center;background-size:18px 20px;width:50px;height:45px;text-decoration:none;text-indent:-9999px;float:left;}
 /* 内页导航结束 */
 


.about{
	width:100%;
	margin:0 auto;
	}
	
.about  h1 { font-size:2em; white-space: nowrap; overflow:hidden;}
.about  h1 a { color:#222; padding:0 20px; display:block;}  
.about  h1 a:hover { color:#f60;}
	
.about div{ font-size: 1em; padding: 10px; line-height: 30px 
	}

.title{ width: 99%; margin: 10px auto; border: 1px solid #bbb; height: 50px; line-height: 50px; text-align: center; background: #e9e9e9; background: -webkit-linear-gradient(top,rgba(199, 199, 199, 1),rgba(199, 199, 199, 1)); 
}

	
/** 产品展示-list **/

.product{
	margin:0 auto;
	}

.p_topic { width:90%; overflow:hidden; margin:10px auto 0; padding:0 0 20px; border-bottom:1px solid #ddd;}
.p_topic a { display:block;}
.p_topic strong { display: block; font-size: 1.2em; color: #222; padding: 10px 0 15px; }
.p_topic b { display: block; font-size: 1.2em; color: #222; padding: 0px; }
.p_topic a>div {
	display : -webkit-box;
	overflow:hidden;
}
.p_topic div div:first-child {
	overflow:hidden;
	width:30%;
}
.p_topic img { max-width: 98%; max-height: 98%; border: 1px solid #999; padding: 0px; 
	
}
.p_topic div div:last-child { display: block; color: #666; font-size: 1em; line-height: 30px; overflow: hidden; -webkit-box-flex: 1; padding: 0 0 0 10px; height: 120px; 
}

.p_topic { margin:0 auto 0; padding:0 0 20px; border-bottom:1px solid #ddd;}

@media screen and (max-width:500px){
	.p_topic strong { font-size:1.2em; padding:10px 0;}
	.p_topic div div:last-child { font-size:0.8em; }
}
@media screen and (min-width:380px) and(max-width:500px){
	.p_topic div div:last-child { line-height:25px; height:100px; }
}
@media screen and (max-width:380px){
	.p_topic div div:last-child { line-height:25px; height:75px; }
}
	
/** 产品展示-结束 **/

.cont { width: 90%; overflow: hidden; margin: 10px auto 0; padding: 0 0 5px; }

/** g_topic **/
.g_topic { width: 90%; overflow: hidden; margin: 10px auto 0; padding: 0 0 5px; border-bottom: 1px solid #ddd; }
.g_topic a { display:block;}
.g_topic strong { display:block; font-size:1.5em; color:#3c3a37; padding:10px 0 15px;}
.g_topic td strong{ color:#3c3a37; }
.g_topic td a{ color:#3c3a37; }
.hui{ color:#333333; }
.g_topic a>div {
	display : -webkit-box;
	overflow:hidden;
}
.g_topic div div:first-child {
	overflow:hidden;
	width:30%;
}
.g_topic img { max-width:100%; max-height:100%; 
	
}
.g_topic div div:last-child { display: block; color: #333; font-size: 1em; line-height: 30px; overflow: hidden; -webkit-box-flex: 1; padding: 0 0 0 10px; height: 90px; 
}

.g_topic { margin:0 auto 0; padding:0 0 20px; border-bottom:1px solid #ddd;}

@media screen and (max-width:500px){
	.g_topic strong { font-size: 1.2em; padding: 10px 0; font-weight: 600; }
	.g_topic div div:last-child { font-size:0.8em; }
}
@media screen and (min-width:380px) and(max-width:500px){
	.g_topic div div:last-child { line-height:25px; height:100px; }
}
@media screen and (max-width:380px){
	.g_topic div div:last-child { line-height: 25px; }
}



/** 首页产品-list **/
.cases-list{display:block; height:auto; }
.cases-list li{ width: 25%; float: left; padding: 0px; }
.cases-list li p{ width: 100%; height: auto; padding: 0px; margin: 0 auto; text-align: center; background: #FFF; }
.cases-list li p img{ width: 100%; }
.cases-list li h3{ width:180px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}

/** 首页产品-结束 **/


.news{
	width:100%;
	margin:0 auto;
	}
	

/** 新闻列表-list **/
.news_list { width:90%; overflow:hidden; margin:0 auto 20px; }
.news_list li { height:50px; border-bottom:1px solid #ddd;  line-height:50px; white-space:nowrap; width:100%; text-overflow:ellipsis;}

.news_list a { display:block; width:100%; height:100%; font-size:1.3em;}

@media screen and (max-width:500px){
	.g_list li{ height:40px; line-height:40px;}
	.g_list a { font-size:1em; }
}

/** 查看更多 **/
.g_more { width: 100%; margin: 20px auto; height: 40px; line-height: 40px; text-align: center; background: #e9e9e9; background: -webkit-linear-gradient(top,rgba(242, 242, 242, 1),rgba(222, 222, 222, 1)); 
}
.g_more a {font-size:1.5em; display:block; height:60px; color:#555; text-shadow:2px 2px 2px #fff; }
.g_more a:hover { color:#f60; }

/** 查看更多 **/


.line{
	background:#c00;
	height:4px;
	}
.foot{ background: #f6f5f5; margin-top: 10px; height: 100px; line-height: 30px; text-align: center; margin-bottom: 50px; 
	}


				
#bottom{ position: fixed; width: 100%; height: 56px; bottom: 0px; border-top: #fff solid 2px; background: #028241; background: -moz-linear-gradient(bottom, rgba(31,90,2,1), rgba(64,224,208, 1)); background: -webkit-gradient(linear,bottom,from(rgba(31,90,2,1)),to(rgba(64,224,208,1))); background: -webkit-linear-gradient(bottom, rgba(31,90,2,1), rgba(64,224,208,1)); background: -o-linear-gradient(bottom, rgba(31,90,2,1), rgba(64,224,208,1)); padding-top: 10px; }

#bottom ul{ height: 60px; line-height: 45px 
	}

#bottom ul li{
	width:25%;
	float:left;
	color:#FFF
	}

#bottom ul li dl{
	width:auto;
	margin:0 auto;
	text-align:center
	}

#bottom ul li dt{ width: auto; height: 36px; overflow: hidden; }
#bottom ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;text-shadow: 1px 1px 1px #000;}








.cases-cen{ display:block; height:auto; margin:0 auto; }
.cases-list{display:block; height:auto; }
.cases-list li{	width:49.8%;float:left; padding:0.5em 0;}
.cases-list li p{ width: 130px; height: 150px; padding: 3px; margin: 0 auto; text-align: center;  background-color:#FFF;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #ddd; 
}
.cases-list li p img{ width: 130px; }
.cases-list li h3{ width:150px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}









/*列表*/
.newsList{ width:100%; overflow:hidden;}
.newsList.none{ background:none;}
.newsList ul{width:100%; padding:6px 0 11px 0px; overflow:hidden;}
.newsList li{float:left;width:99%px;background:url(icon_6.gif) no-repeat 0 6px;padding:0 10px 0 12px;line-height:24px;font-size:14px; height:24px;}
.newsList li span{float:left;font-family:Arial, Helvetica, sans-serif;line-height:24px;}
.newsList li a{float:left;}
