@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;/*只针对低版本谷歌*/}
body{font-size:14px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h3,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*在浏览器拖动鼠标颜色*/
::selection { color: #fff; background-color: #000;}    
::-moz-selection { color: #fff; background-color: #000;} 
/*更改浏览器滚动条颜色兼容*/
html,body{ 
/*更改ie内核滚动条颜色*/
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000; 
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#222; 
	scrollbar-track-color:#222; 
	scrollbar-darkshadow-color:#000; 
}  
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*-----display-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*-----针对webkit的hack写法-----*/
@media screen and (-webkit-min-device-pixel-ratio:0){}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/


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

/* 轮播 */
.banner{width:100%;height: 900px;overflow: hidden;position: relative;}
.slideBox{ width:1920px; height:900px; overflow:hidden; position:relative;  overflow: hidden;left:50%;margin-left:-960px}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:25px; z-index:1; width:160px;margin-left:-80px}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; text-align: center; }
.slideBox .hd ul li{display: inline-block; margin:0 5px;  width:40px; height:5px; line-height:5px;text-align:center; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#387755; color:#fff; opacity: 1;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:900px; display:block;}
.slideBox .bd li div{display: block;position: relative;height: 46px; line-height: 46px; width:630px;padding:0 20px;font-size:18px;z-index: 99999; background: rgba(0,0,0,0.7); color: #fff;margin-top:-46px}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:7%; top:50%; margin-top:-25px; display:block; width:38px; height:80px; background:url(../images/arrow2.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ position:absolute; right:7%; top:50%; margin-top:-25px; display:block; width:38px; height:80px; background:url(../images/arrow3.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; background-position:0 0; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


@-webkit-keyframes bounce-up {
						25% {
							-webkit-transform: translateY(10px);
						}
						50%,
						100% {
							-webkit-transform: translateY(0);
						}
						75% {
							-webkit-transform: translateY(-10px);
						}
					}
					
					@keyframes bounce-up {
						25% {
							transform: translateY(10px);
						}
						50%,
						100% {
							transform: translateY(0);
						}
						75% {
							transform: translateY(-10px);
						}
					}
					
					.animate-bounce-up {
						background: url(../images/arrow.png);width: 30px;height: 100px;	-webkit-animation: bounce-up 1.4s linear infinite;
						animation: bounce-up 1.4s linear infinite;position: absolute; top: 850px; left: 50%;margin-left:-15px; z-index: 99999;}




/*banner*/
.banners{width:100%;height:450px;overflow: hidden; position: relative;}
.banners img{width:1920px;position: absolute;left:50%;margin-left:-960px}
.wzstyle{line-height: 30px;background: #f9f9f9; color: #999;}
.wzstyle span{color: #333;}
.wzstyle a{color: #333;}

/*顶部*/
.maintop{height:100px;}
.maintop .logo{width:544px;height: 60px;margin:0 15px;border-right:1px solid #ddd;margin-top:20px;padding-right:50px;margin-right: 50px;float: left;}
.indtel{float: left;line-height:80px;line-height:80px}
.indtel img{display:inline-block;vertical-align:middle;float:left;margin-top:30px}
.indtel p{display:inline-block;line-height:90px;padding-left:15px}
.teltxt{font-size: 28px;font-family: Impact;margin-top:5px}
.topr{line-height: 100px;padding-right: 15px;float:right}
.topr a{padding:0 10px}

/*导航*/
.nav{width:100%;height: 60px;background: rgba(0,0,0,0.2); position: fixed;top:100px;left:0;z-index: 999;}
.nav ul{width:1200px;margin:0 auto;}
.nav ul li{float: left;width:120px; position: relative;margin:0 15px}
.nav ul li > a{line-height: 60px;color: #fff; text-align: center;width:120px;margin:0 auto;display: block;z-index: 999;opacity: .9;}
.nav ul li > a.active{border-bottom: 3px solid #01bb5f; }
.nav ul li:hover{/*border-bottom: 5px solid #01bb5f;*/background: #01bb5f;line-height: 60px;}
.nav ul li:hover > a{ opacity: 1;}
.nav ul li .show{position: absolute;  line-height:40px;text-align: center;background: rgba(0,0,0,0.2); width:120px;display: none;padding:10px 0;z-index: 99;}
.nav ul li .show p{padding:0;margin:0;width:120px;}
 ul li .show p a{color: #fff;display: block;}
 ul li .show p a:hover{color: #01bb5f;}


/*底部*/
.flink{background: #387755;line-height: 60px;color: #fff;opacity: .9;}
.flink span{font-weight: bold;font-weight: bold;}
.flink a{padding:0 8px;color: #fff;}

.fotr{padding-top:10px}
.footer{background: #222124;padding:60px 0 30px}
.footer .evm{float: left;margin-right: 50px;}
.telind{font-size: 14px;margin-top:25px;color: #fff;}
.telind span{line-height: 38px;padding-left:5px}
.telind b{font-size: 26px;font-family: "Impact" ,"arial black";letter-spacing: 2px;margin-right:20px;color: #fff;margin-left:5px}
.bottom{background: #222124;color: rgba(255,255,255,0.4);line-height: 40px; text-align: center;}
.bottom a:hover{color: rgba(255,255,255,0.4);}


/*内页banner*/
.bannernei{width:100%;position: relative;overflow: hidden;}
.bannernei img{width:1920px;position:relative;left:50%;margin-left:-960px}
/*内页title*/
.titlenei{text-align: center;margin: 60px 0;}
.titlenei h3{font-size: 30px;margin-bottom: 5px;}
.titlenei .box {color: #999;}
.titlenei .box span{padding:0 5px}

/*翻页*/
.page {width: 1200px;margin: 30px auto;text-align: center;overflow: hidden;}
.page a {height: 36px;line-height: 36px;padding: 0 15px;margin: 0 1px;display: inline-block;background: #f5f5f5; overflow: hidden;}
.page a:hover {background: #387755;color: #fff;}
.page a.on{ color: #fff;background: #387755;}

.page a {height: 36px; line-height: 36px; padding: 0 15px; margin: 0 1px;display: inline-block; overflow: hidden;}


/*内页分类*/
.nfenl{display: block;text-align: center;margin:60px 0 0;}
.nfenl ul li{display: inline-block;text-align: center;width:200px;height: 50px;line-height: 50px;background: #f1f1f1;margin:0 10px}
.nfenl ul li.active{background: #387755; color: #fff;}
.nfenl ul li.active a{color: #fff;}
.nfenl ul li a{display: block;}
.nfenl ul li:hover a{background: #387755;color: #fff;}