/* CSS Document */

*{ margin:0px; padding:0px}
ul li{ list-style:none; margin:0px; padding:0px}
img{ border:0px}
body{ font-family:"microsoft yahei"; font-size:12px; margin:0px; padding:0px}
.top{ width:100%; height:auto;  margin:0px; padding:0px; background:#BF9F62; color:#FFF; line-height:30px; }
.top-m{ width:1000px; text-align:left; margin:0 auto; padding:0px; height:auto}
.top-m img{ vertical-align:middle; float:left; margin-top:3px}
* html  .top-m { line-height:50px;}
* html  .top-m { line-height:50px;}

.top-m a:link,.top-m a:visited{ color:#FFFFFF; text-decoration:none}
.top-m a:hover{ color:#fff; text-decoration:underline}

.icon{ width:282px; float:right; }
*  html .icon{  width:300px;}
.icon img{ vertical-align:middle; }


.box {
width:30px;
height: 30px;
float:right;

position: relative;
z-index:999
}
* + html .box{ float:right; margin-top:-37px}

* html .box{ float:right; margin-top:-37px; line-height:38px; overflow:hidden}

.box ul li {
width: 48px;
display: block;
height: 50px;
padding: 2px;
overflow: hidden;
margin-top:2px
}
* html .box ul li { float:right; height:auto;margin-top:-37px;}

.app {
background:url(../img/icon3.jpg) no-repeat;
/*	background-position: 0 55%;*/
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
.app:hover {
/*background-position: 0 61%;*/
}
.app:hover .app-logo {
width: 200px;
height:200px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.weixin-logo {
background: url(../img/elevator.png) no-repeat;
background-position: 0 0;
width: 0px;
height: 0px;
overflow: hidden;
position: absolute;
top: 0px;
left: -171px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
.app-logo {
background:url(../img/elevator.png) no-repeat;

width: 0px;
height: 0px;
overflow: hidden;
position: absolute;
top: -18px;
left: -171px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}

.nav{ width:1000px; height:auto; overflow:hidden; margin:0 auto; padding:0px;}
.nav img{ float:left}
.navlist{ width:663px; height:108px; float:left; margin:0px; padding:0px; margin-left:0px;}
.navlist ul li{ width:93px; height:108px; overflow:hidden; font-size:14px; float:left; margin:0px; padding:0px; text-align:center; color:#7C7C7C; line-height:85px; text-decoration:none; display:block }

.navlist ul li p{ margin:0px; padding:0px; margin-top:-61px }
.navlist ul li a:link,.navlist ul li a:visited{ color:#7c7c7c; text-decoration:none}
.navlist ul li a:hover{ color:#FFF; text-decoration:none; background:#BF9F62; display:block;}

#active { text-decoration:none; display:block;}
.banner{ width:100%; height:408px; margin:0px; padding:0px;}
.shouji_on{ position:absolute; top:36px; left:42px; display:none; }

/*focus*/
.focus {height:408px;overflow:hidden;position:relative;}
.focus_m ul {width:100%;height:408px;overflow:hidden;}
.focus_m li {width:100%;height:408px;_float:left;}

.focus_s {height:50PX;position:relative;margin:0 auto;z-index:2;width:100%; position:absolute; top:360px; z-index:999; background:url(../img/contral.png) center center no-repeat; display:block}
.focus_s ul {height:12px;overflow:hidden;position:absolute;left:50%;top:23px; z-index:9999}
.focus_s li {float:left;cursor:pointer;height:12px;width:12px;overflow:hidden;margin-right:10px;}
.focus_s li b {display:block;background:url(../img/circle.png) 0 0 no-repeat !important; width:12px;height:32px;overflow:hidden; position:relative}
.focus_s li.active b {margin-top:-20px;}

.search{ width:100%; height:auto; overflow:hidden; line-height:40px; border-bottom:1px solid #ECE9D8 }
.search-m{ width:1000px; height:auto; overflow:hidden; margin:0 auto; padding:0px; text-align:left}
.stxt{ width:610px; float:left; margin:0px; padding:0px;  color:#9B9B9B;  white-space:nowrap ;overflow:hidden;}
.stxt span{ font-weight:bold; color:#000}
.stxt a{ padding-left:10px; padding-right:10px}
.stxt a:link,.stxt a:visited{ color:#666; text-decoration:none}
.stxt a:hover{ color:#BF9F62; text-decoration:none}

.box1{ width:330px; height:34px; float:right; margin:0px; padding:0px; margin-top:4px}

.txt{ width:233px; height:31px; float:left; margin:0px; padding:0px; border:1px solid #E0E0E0; padding-left:15px; padding-right:15px; font-family:"microsoft yahei"; color:#666; line-height:31PX; overflow:hidden}


.main{ width:1000px; height:auto; overflow:hidden; margin:0 auto; padding:0px; padding-top:26px; padding-bottom:45px;}
.m-left{ width:629px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px}
.newsbox{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px;}
.newsbox-t{ width:100%; line-height:40px; overflow:hidden; text-align:left; color:#333; font-size:16px; font-weight:bold}
.newsbox-t img { float:right; vertical-align:middle; margin-top:15px}
.newsbox-t span{ color:#979191; font-weight:normal; padding-left:10px;}

.newsbox-r{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-top:27px;}
.topnews1{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px;}


/* 本例子css */
.txtScroll-left{ width:100%;  position:relative;    }
.txtScroll-left .hd{ overflow:hidden;  height:30px; margin-top:-15px  }

.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1;  }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../img/1.jpg)  no-repeat; display:block }
.txtScroll-left .hd ul li.on{ background:url(../img/2.jpg); }


.txtScroll-left .bd{width:100%; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-right:20px;  float:left; height:125px; line-height:24px;  text-align:left; _display:inline;}
.txtScroll-left .bd ul li img{ width:204px; height:125px; float:left}
.itr{ width:380px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-left:24px; text-align:left; line-height:30px; overflow:hidden; color:#FFFFFF;}
.itr h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0px; padding:0px; width:100%; font-family:"microsoft yahei"}
.itr  p{ height:70px; overflow:hidden; width:100%; color:#666; text-indent:2em; font-family:"microsoft yahei"; line-height:35px}
.itr h3 a:link,.itr h3 a:visited{ color:#000; text-decoration:none}
.itr h3 a:hover{ color:#BB8116; text-decoration:none}


.newslist{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px;}



.newslist ul{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px;}
.newslist ul li{ width:96%; line-height:38px; overflow:hidden; border-bottom:1px dashed #C9C9C9; text-align:left; font-size:12px; color:#686868; padding-left:15px; background:url(../img/icon4.jpg) 0px 16px no-repeat; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.newslist ul li span{ float:right; color:#9B9B9B}
.newslist ul li a:link,.newslist ul li a:visited{ color:#666; text-decoration:none}
.newslist ul li a:hover{ color:#FF9933; text-decoration:none}	

.notice{ width:100%; height:40px; line-height:40px; overflow:hidden; float:left; margin:0px; padding:0px; border-bottom:1px solid #C4C4C4; border-top:1px solid #C4C4C4; text-align:left; margin-top:25px}
.notice img{ float:left}
.noticeshow{ width:350px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-left:25px;}



/* 本例子css */
.txtMarquee-top{ width:350px;  overflow:hidden; position:relative; padding-top:10px; padding-bottom:10px    }

.txtMarquee-top .bd{ }
.txtMarquee-top .infoList li{ height:20px; line-height:20px; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis   }
.txtMarquee-top .infoList li a:link,.txtMarquee-top .infoList li a:visited{ color:#666; text-decoration:none}
.txtMarquee-top .infoList li a:hover{ color:#BF9F62; text-decoration:none}


.newsbox1{ margin-top:25px}

.media{ width:261px; height:303px; border:1px solid #CCCCCC; float:left; margin:0px; padding:20px;}
.m-t{ width:100%; float:left; margin:0px; padding:0px; line-height:35px; text-align:left; overflow:hidden; font-size:14px; color:#000; font-weight:bold}
.m-t span{color:#979191; font-weight:normal}
.m-t img{ float:right; margin-top:3px}
.m-r{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-top:10px;}
.m-r ul{ width:100%; float:left; margin:0px; padding:0px}
.m-r ul li{ width:92%; margin:0px; padding:0px; line-height:35px; overflow:hidden; background:url(../img/icon5.jpg) 0px 11px no-repeat; display:block; padding-left:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666}
.m-r ul li span{ float:right}
.m-r ul li a:link,.m-r ul li a:visited{ color:#666; text-decoration:none}
 .m-r ul li a:hover{ color:#A46F07; text-decoration:none}
 
 .industry{ margin-left:23px;}
 
 .video{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px;}
 
 .m-right{ width:348px; height:auto; float:left; margin:0px; padding:0px; margin-left:22px; color:#666}
 
 .title{ line-height:35px; overflow:hidden; text-align:center;}
 .video1{ margin-top:19px;}
 
 
 
 		/* 本例子css */
		.slideTxtBox{ width:346px; border:1px solid #ddd; text-align:left;  }
		.slideTxtBox .hd{ height:38px; line-height:38px;   border-bottom:1px solid #ddd;  position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute;  height:38px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 13px; cursor:pointer; color:#000; font-weight:bold; border-right:1px solid #ddd}
		.slideTxtBox .hd ul li.on{ height:38px;  background:#A46F07; border-bottom:2px solid #A46F07; color:#FFF }
		.slideTxtBox .bd div{ padding:15px;  zoom:1; width:318px; height:241px; overflow:hidden; text-align:left; line-height:33px; overflow:hidden  }
		.slideTxtBox .bd div img{ width:137px; height:111px; margin-right:5px; margin-bottom:5px;}
		.slideTxtBox .bd div  p{ text-indent:2em}

		.slideTxtBox .bd div  p span{ color:#A46F07}
		.slideTxtBox .bd div  p span a:link,.slideTxtBox .bd div  p span a:visited{ color:#a46f07; text-decoration:none}
		.slideTxtBox .bd div  p span a:hover{ color:#a46f07; text-decoration:underline}
		
		.spel{ width:316px; height:auto; float:left; margin:0px; padding:15px; margin-top:25px; border:1px solid #ddd}
		
.spel-r{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-top:10px;}
		
		/* ͼ */
.focus001{width:316px;height:184px;position:relative;float:left}
.f426x240{width:316px;height:162px;overflow:hidden}
.f426x240 img{width:316px;height:162px}

.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../img/i.png) no-repeat 0 -560px;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#BB8113}

.gz{ padding:11px; width:324px}
.gz ul li{ width:20%; float:left; margin:0px; padding:0px; text-align:center; line-height:25px; color:#666; padding-left:8px; padding-right:8px;}
.gz ul li img{ width:57px; height:57px}

.links{ width:1000px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-top:35px}
.link-t{ width:100%; line-height:35px; text-align:left; float:left; margin:0px; padding:0px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ddd}
.link-t span{color:#979191; font-weight:normal; padding-left:15px}

.link{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-top:21px;}


		/* 本例子css */
		
		
		
		
		
		#CSSBox{float:left;width:930px;height:90px;  margin:0 auto;overflow:hidden;}
#CSSBox ul li{ float:left; list-style:none; margin:10px 10px;}
#CSSBox ul li IMG{ width:188px; height:66px; display:block; }
#LeftButton{cursor:hand;margin:5px;height:60px;width:20px;float:left;background:url(../img/leftbtn.jpg) center 15PX no-repeat;}
#RightButton{cursor:hand;margin:5px;height:60px;width:20px;float:left;background:url(../img/rightbtn.jpg) center 15PX no-repeat;}
#wrapper{width:100%; margin:0 auto}
#ProductShow{width:305px;height:245px;text-align:center;border:1px solid #c0c0c0;margin:5px;}
		
		
		
		
		
		

.btm{ width:100%; height:auto; overflow:hidden; margin:0px; padding:0px; background:#A46F07; color:#FFFFFF; padding-top:22px; padding-bottom:22px; text-align:left; border-top:3px solid #C58C23}
		.btm-m{ width:1000px; height:auto; overflow:hidden; margin:0 auto; padding:0px;}
		.btm-m .kd{ width:720px; float:left; margin:0px; padding:0px}
		.btm-m dl{ width:120px; float:left; margin:0px; padding:0px;}
		.btm-m dt{ font-size:14px; font-weight:bold; text-align:left;line-height:35px;}
		.btm-m dd{ font-size:12px; line-height:30px; overflow:hidden}
		.btm-m dd a:link,.btm-m dd a:visited{ color:#FFFFFF; text-decoration:none}
		.btm-m dd a:hover{ color:#FFFFFF; text-decoration:underline}
		.tel{ float:right; margin:0px; padding:0px; color:#FFF; line-height:26px; text-align:left}
		
		.nymain{ width:998px; height:auto; overflow:hidden; margin:0 auto; padding:0px; background:url(../img/mainbg.jpg) center top no-repeat; display:block; padding-top:68px; margin-bottom:35px}
		
		.showmain{ width:995px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; border-left:1px solid #ddd; border-right:1px solid #ddd}
		
		.left{ width:254px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-left:28px; margin-top:10px;}
		.left-t{ width:100%; float:left; margin:0px; padding:0px; line-height:35px; overflow:hidden; font-size:14px; font-weight:bold; color:#EF7700}
		.left-t span{ color:#999; font-weight:normal; padding-left:15px}
		.left-r{ width:252px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; border:1px solid #ddd; margin-top:10px; margin-bottom:23px}
		
		.left-r ul li{ line-height:38px; overflow:hidden; margin:0px; padding:0px; text-align:left; width:100%;  background:url(../img/icon6.jpg) 15px 15px no-repeat; display:block; color:#505050; font-size:13px; border-bottom:1px dashed #ddd}
		.left-r ul li span{ padding-left:46px}
		.left-r ul li a:link,.left-r ul li a:visited{ color:#505050; text-decoration:none; height:38PX}
		
		.left-r ul li a:hover{ color:#FFF; background:url(../img/hoverbgjpg.jpg) left top repeat-x; display:block; height:38PX}
		
		#active1{color:#FFF; background:url(../img/hoverbgjpg.jpg) left top repeat-x; display:block}
		
.right{ width:621px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-left:36px; padding-left:29px; border-left:1px solid #ddd; margin-top:10px}
.right-t{ border-bottom:1px solid #ddd}
#position{ float:right; font-size:12px; color:#666}
#position a:link,#position a:visited{ color:#ef7700; text-decoration:none}
#position a:hover{ color:#ef7700; text-decoration:underline}

.right-r{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-top:10px; text-align:left; line-height:35px; overflow:hidden; color:#666}

.right-r ul li{ width:96%; height:auto; overflow:hidden; padding-left:15px; text-align:left; line-height:40px; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dashed #919191; color:#626262; background:url(../img/icon4.jpg) 0px 14px no-repeat; display:block}
.right-r ul li span{ float:right; color:#979797}
.right-r ul li a:link,.right-r ul li a:visited{ color:#626262; text-decoration:none}
.right-r ul li a:hover{ color:#E27611; text-decoration:none}

#topnews{ padding-top:10px; padding-bottom:10px; background:none; }
#topnews img{ width:204px; height:125px; float:left; margin:0px; padding:0px;}
.caseitr{ width:363px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px; margin-left:27px; color:#666; text-align:left; line-height:35px; overflow:hidden;}
.caseitr h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}
.caseitr p{ width:100%; height:60px; float:left; margin:0px; padding:0px; overflow:hidden; text-indent:2em; white-space:normal}
.caseitr h3 a:link,.caseitr h3 a:visited{ color:#666; text-decoration:none}
.caseitr h3 a:hover{ color:#E27611; text-decoration:none}


.content{ width:100%; height:auto; overflow:hidden; float:left; margin:0px; padding:0px}


.videolist{}
.videolist ul li{ width:285px; height:auto; float:left; margin:0px; margin-left:5px; margin-right:5px; margin-top:15px; text-align:center; line-height:35px; overflow:hidden; color:#666; background:none; border:none;}



.videopic{ width:285px; height:184px;  position:relative; }
.videopic img{ width:285px; height:184px; border:0px;z-index:1; }
.bgin{ width:50px; height:47px; position:absolute; z-index:9999; top:68px; left:117px}

.bgin img{ width:50px; height:47px;}


/**分页**/
.page{clear:both;padding:10px 10px; text-align:right}
.page a {font-size:12px; line-height:12px;color:#666; padding:3px 6px; margin-right:5px; border:1px solid #a7b0b8; background-color:#f9fafb; text-align:center; white-space:nowrap; display:inline; font-family:simsun; text-decoration:none}
.page .current,.page a:hover {background-color:#BF9F62; color:#fff;}

/*.bottomlink{ position:fixed; bottom:0; left:0px; z-index:9999; width:100%; height:75px; background:url(../img/blink.png) center center no-repeat; display:block}  */
.bottomlink{ position:fixed; bottom:0; left:0px; z-index:9999; width:100%; height:75px; background:#000000; background:rgba(0,0,0,0.8)}

.bottomlink-m{ width:1000px; height:auto; overflow:hidden; margin:0 auto; padding:0px;  padding-top:15px}
.bottomlink-m ul li{ float:left; margin:0px; padding:0px; line-height:59px; padding-left:23px; padding-right:23px; color:#a56f08; font-size:14px; font-weight:bold; border-right:1px solid #bc8214}
.bottomlink-m ul li a:link,.bottomlink-m ul li a:visited{ color:#a56f08; text-decoration:none}
.bottomlink-m ul li a:hover{ color:#FFFFFF; text-decoration:none}
.bottomlink-m ul li img{ vertical-align:middle; margin-right: 8px;}

.ldimg{ width:183px; height:auto; overflow:hidden; float:left; margin:0px; padding:0px;}