@charset "utf-8";
/* css document */
/*banner*/
#flashs { overflow:hidden; width:100% !important; height:550px; position:relative}
#flashs .btn{ position:absolute; z-index:7; bottom:18px; left:50%; margin-left:-31px;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#bb0b04;} 
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(/uploads/image/epic30338/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(/uploads/image/epic30338/babot2.png) no-repeat center; right:5%; z-index: 2;}
/*品种*/
.pinzhong {
	overflow:hidden;
	width:1200px;
	margin-top:60px;
	margin-bottom:20px;
	margin-right: auto;
	margin-left: auto;
}
.pinzhong h3{ text-align:center; font-size:30px; color:#005ba0; margin-bottom:5px;}
.pinzhong span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:arial; margin-bottom:20px;}
.pinzhong>p{ text-align:center; font-size:16px; color:#666; margin-bottom:30px;}
.pinzhong dl{ overflow:hidden; width:100%;}
.pinzhong dt{ overflow:hidden; float:left; width:530px; height:326px; position:relative;}
.pinzhong dt img{ display:block; position:absolute;}
.pinzhong dt .y01{ /*left:40px;*/ top:17px; left:-100px; opacity:0; filter:alpha(opacity=0)}
.pinzhong dt .y02{/* left:280px;*/ top:17px; left:400px; opacity:0; filter:alpha(opacity=0)}
.pinzhong dt .imgd{ display:none}
.pinzhong dt .img01{ left:74px; top:5px;}
.pinzhong dt .img02{ left:374px; top:20px;}
.pinzhong dt .img03{ left:15px; top:121px;}
.pinzhong dt .img04{ left:500px; top:134px;}
.pinzhong dt i{ display:block; position:absolute}
.pinzhong dt i.i01{/* width:103px;*/ height:66px; background: no-repeat right center; /*left:85px;*/ top:17px; width:0; left:188px;}
.pinzhong dt i.i02{/* width:59px;*/ height:60px; background: no-repeat right center; /*left:22px;*/ top:133px; width:0; left:81px;}
.pinzhong dt i.i03{/* width:92px;*/ height:47px; background: no-repeat left center; left:290px; top:3px; width:0;}
.pinzhong dt i.i04{ /*width:102px;*/ height:111px; background: no-repeat left center; left:410px; top:147px; width:0;}
.pinzhong dt p{ font-size:13px; color:#333; position:absolute; display:none}
.pinzhong dt p.p01{ left:100px; top:6px;}
.pinzhong dt p.p02{ left:40px; top:123px;}
.pinzhong dt p.p03{ left:400px; top:20px}
.pinzhong dt p.p04{ left:440px; top:135px;}
.pinzhong dd{ overflow:hidden; width:590px; float:right}
.pinzhong dd h4{ font-size:16px; color:#333; margin-bottom:20px;}
.pinzhong dd .wen{
	overflow:hidden;
	margin-bottom:50px;
	font-size: 14px;
	line-height: 30px;
}
.pinzhong dd .more{ border-radius:3px; text-decoration:none; display:block; width:125px; height:37px; background-color:#005ba0; text-align:center; line-height:37px; color:#fff; font-size:16px;}
.pinzhong dd p{ font-size:14px; color:#666; margin-bottom:15px;}
.pinzhong dd img{ display:block}

/*模式*/
.moshi { overflow:hidden; width:100%; height:637px; background-color:#eee;}
.moshi h3{ text-align:center; font-size:30px; color:#005ba0; margin-top:30px;}
.moshi h6{ text-align:center; font-size:30px; color:#005ba0; margin-top:30px;}
.moshi span{ display:block; text-align:center; font-size:16px; color:#bebebe; margin-top:5px; margin-bottom:15px;}
.moshi p{ text-align:center; font-size:16px; color:#666; margin-bottom:35px;}
.moshi .menu { overflow:hidden; width:1200px; margin:0 auto; height:55px;}
.moshi .menu li{ float:left; width:33.333333%; height:55px; text-align:center; font-size:16px; color:#dfdfdf; line-height:55px;}
.moshi .menu li.li01{ background-color:#363434}
.moshi .menu li.li02{ background-color:#201f1f}
.moshi .menu li.li03{ background-color:#363434}
.moshi .menu li.li04{ background-color:#201f1f}
.moshi .menu li.cur{ background-color:#005ba0; color:#fff;}
.moshi .moshibox{ overflow:hidden; width:1200px; height:407px; padding-bottom:25px; margin:0 auto; background:url(/uploads/image/epic30338/moshi_bg.png) no-repeat center bottom; position:relative}
.moshi .moshibox ul{ overflow:hidden; width:3600px; height:407px; position:absolute; left:0; top:0}
.moshi .moshibox li{ overflow:hidden; width:1200px; height:407px; float:left;}

/*产业链*/
.chanye { overflow:hidden; width:100%; height:160px; background:url(/uploads/image/epic30338/cylbg.jpg) no-repeat center top;}
.chanye h3{ text-align:center; font-size:30px; color:#ffffff; margin-top:30px; margin-bottom:5px;}
.chanye h6{ text-align:center; font-size:30px; color:#ffffff; margin-top:30px; margin-bottom:5px;}
.chanye span{ display:block; text-align:center; font-size:16px; color:#666; margin-bottom:15px;}
.chanye p{ font-size:16px; color:#fff; text-align:center; margin-bottom:30px;}
.chanye .imgbox{ overflow:hidden; width:1200px; margin:0 auto; height:384px; position:relative}
.chanye .imgbox img{ display:block; position:absolute;}
.chanye .imgbox .img01{ left:0; top:0; width:271px; height:189px;}
.chanye .imgbox .img02{ left:0; bottom:0; width:271px; height:189px;}
.chanye .imgbox .img03{ left:275px; top:0; width:537px; height:384px;}
.chanye .imgbox .img04{ left:817px; top:0; width:189px; height:189px;}
.chanye .imgbox .img05{ right:0; top:0; width:189px; height:189px;}
.chanye .imgbox .img06{ right:0; bottom:0; width:383px; height:189px;}
.chanye .imgbox img{
  cursor: pointer;
  transition: all 0.4s;
}
.chanye .imgbox img:hover{
  transform: scale(1.05);
}

/*网络*/
.wangluo { overflow:hidden; width:1200px; margin:0 auto; margin-top:60px; margin-bottom:60px;}
.wangluo h3{ text-align:center; font-size:30px; margin-bottom:5px;color:#005ba0;}
.wangluo h3 a{color:#005ba0;}
.wangluo h6{ text-align:center; font-size:30px; margin-bottom:5px;color:#005ba0;}
.wangluo h6 a{color:#005ba0;}
.wangluo>span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:arial; margin-bottom:15px;}
.wangluo>p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.wangluo .wl_hz { overflow:hidden; width:100%; height:90px; margin-bottom:20px; position:relative}
.wangluo .wl_hz ul{ overflow:hidden; position:absolute}
.wangluo .wl_hz li{ float:left; overflow:hidden; width:148px; height:88px; border:1px solid #ccc; margin-right:20px;}
.wangluo dl{ overflow:hidden; width:100%; height:343px;}
.wangluo dt{ overflow:hidden; width:370px; height:343px;float:left}
.wangluo dt a{ display:block; width:155px; height:37px; /*background: no-repeat center;*/ margin-left:26px; margin-top:285px;}
.wangluo dd{ overflow:hidden; width:625px; height:343px; position:relative; float:right}
.wangluo dd ul{ overflow:hidden; position:absolute}
.wangluo dd li{ float:left; width:625px; height:343px; position:relative}
.wangluo dd li span{ display:block; width:505px; height:46px; background:url(/uploads/image/epic30338/wangluo_btnspan.png) repeat center; padding-left:20px; font-size:16px; color:#fff; line-height:46px; position:absolute; left:0; bottom:0; padding-right:100px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.wangluo dd li span a{color:#fff; }
.wangluo dd .btn{ overflow:hidden; position:absolute; right:10px; bottom:17px;}
.wangluo dd .btn span{ display:inline-block; width:12px; height:12px; margin:0 3px; background:url(/uploads/image/epic30338/wangluo_span.png) no-repeat left center; cursor:pointer}
.wangluo dd .btn span.cur{ background-position:right}

/*pro*/
.pro {
	overflow:hidden;
	width:100%;
	margin-bottom:0px;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	background-image: url(/uploads/image/epic30338/pro_bg.jpg);
	background-repeat: repeat;
	background-position: center 0px;
}
.pro h3{ text-align:center; font-size:30px; margin-bottom:5px;}
.pro h3 a{color:#666666; }
.pro h6{
	text-align:center;
	font-size:22px;
	margin-bottom:20px;
	font-family: "微软雅黑";
}
.pro h6 a{color:#333333; }
.pro span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:"微软雅黑"; margin-bottom:15px; color:#666666;}
.pro .menu{ overflow:hidden; width:100%; text-align:center; margin-bottom:30px;}
.pro .menu li{ display:inline-block; font-size:14px; background-color:#e1dcdc; padding:10px 15px; margin:0 5px; border-radius:5px;}
.pro .menu li{ *display:inline}
.pro .menu li a{color:#666; text-decoration:none}
.pro .menu li.cur,.pro .menu li:hover{ background-color:#005ba0;}
.pro .menu li.cur a,.pro .menu li:hover a{ color:#fff;}
.pro .pro_box{ overflow:hidden; width:1200px; margin:0 auto; height:344px; position:relative}
.pro .pro_box .pro_list{ overflow:hidden; width:110%; position:absolute; left:0; top:0}
.pro .pro_list li{ float:left; width:390px; height:290px; background-color:#fff; margin-right:10px; margin-bottom:10px;}
.pro .pro_list li .tu{
	display:block;
	width:380px;
	height:240px;
	overflow:hidden;
	margin-bottom:10px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
.pro .pro_list li .tu img{ display:block; width:100%; height:100%;}
.pro .pro_list li h4{ font-weight:normal; margin-bottom:10px; text-align:center; font-size:16px;}
.pro .pro_list li h4 a{ color:#333;}
.pro .pro_list li em{ display:block; text-align:center; font-size:13p; color:#333;}

/*about*/
.about {
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	margin-bottom:55px;
	
}
.about h3{ text-align:center; font-size:30px; color:#005ba0; margin-bottom:5px;}
.about h3 a{ color:#005ba0;}
.about>span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:arial; margin-bottom:15px;}
.about>p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.about dl{ overflow:hidden; width:100%; margin-bottom:30px;}
.about dt{ float:left; overflow:hidden; width:364px; height:236px; border:8px solid #f5f5f5; margin-right:20px;}
.about dd{ overflow:hidden; width:380px; float:left}
.about .new{ width:auto; clear:both; width:750px; float:left; margin-right:50px;}
.about .new ul{
	float: right;
	width: 345px;

}
.about .new li{
	float: left;
	width: 345px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e4e4e4;
	font-size: 14px;
	line-height: 40px;
	display: block;
	background-image: url(/uploads/image/epic30338/dian.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
}
.about .new li span{
	float: right;

}
.about dd h4{
	font-size:24px;
	color:#005ba0;
	background-image: url(/uploads/image/epic30338/xian.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
}
.about dd h5{ font-weight:normal; font-size:16px; color:#333; margin-bottom:40px;}
.about dd h5 a{ color:#333}
.about dd p{ font-size:12px; line-height:25px; color:#666; height:100px; overflow:hidden; margin-bottom:50px;}
.about dd .more{ border-radius:3px; text-decoration:none; display:block; width:125px; height:37px; background-color:#005ba0; text-align:center; line-height:37px; color:#fff; font-size:16px;}
.about dd .more img{ margin-left:10px;}
.about .time{ overflow:hidden; width:1200px; margin:0 auto; margin-bottom:25px; background:url(/uploads/image/epic30338/about_time.png) no-repeat center top;}
.about .time ul{ overflow:hidden; width:802px; margin:0 auto;}
.about .time li{ cursor:pointer; display:block; *width:28px; float:left;margin:0 20px; overflow:hidden; text-align:center}
.about .time li span{ display:block; width:11px; height:11px; background:url(/uploads/image/epic30338/about_y01.png) no-repeat center; margin:0 auto; margin-bottom:20px;}
.about .time li em{ display:block; text-align:center; font-size:12px; color:#999;}
.about .time .li02{ margin-left:28px;}
.about .time .li03{ margin-left:28px;}
.about .time .li04{ margin-left:28px;}
.about .time .li05{ margin-left:28px;}
.about .time .li06{ margin-left:28px;}
.about .time .li07{ margin-left:28px;}
.about .time .li08{ margin-left:28px;}
.about .time .li09{ margin-left:28px;}
.about .time .li010{ margin-left:28px;}
.about .time li.cur span{ background:url(/uploads/image/epic30338/about_y02.png) no-repeat center;}
.about .con { overflow:hidden; width:1200px; margin:0 auto; text-align:center}
.about .con p{ display:inline-block; padding:10px 28px; background-color:#005ba0; font-size:16px; color:#fff; line-height:20px; font-size:16px;}
.about .con p{ *display:inline}
.about .con p span{ color:#fffc1f;}

/*专利*/
.zhuanli { overflow:hidden; width:100%; height:405px; margin-bottom:60px;}
.zhuanli .wen{ overflow:hidden; float:left; margin-top:0px;}
.zhuanli .wen h3{ font-size:30px; color:#005ba0;}
.zhuanli .wen h3 b{ color:#005ba0;}
.zhuanli .wen h3 a{color: #333;}
.zhuanli .wen h6{ font-size:30px; color:#005ba0;}
.zhuanli .wen h6 b{ color:#005ba0;}
.zhuanli .wen h6 a{color: #333;}
.zhuanli .wen span{ display:block; font-size:18px; color:#333; margin-bottom:35px;}
.zhuanli .wen p{ font-size:14px; color:#333; line-height:35px; background:url(/uploads/image/epic30338/zhuanli_ry.png) no-repeat left center; padding-left:25px;}
.zhuanli #zlmore{ display:block; width:54px; height:21px; border:1px solid #b40606; background-color:#005ba0; text-align:center; line-height:21px; font-size:12px; color:#fff; float:right; margin-top:50px; border-radius:3px; text-decoration:none}
.zhuanli .btn{ display:block; width:540px; height:250px; float:right; margin-top:128px; margin-right:-57px;}

/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:60px;}
.news .menu{ overflow:hidden; width:260px; float:left; height:446px;}
.news .menu li{ width:100%; height:142px; float:left; margin-bottom:10px; background-color:#808080;}
.news .menu li a{ display:block; text-align:center; text-decoration:none; font-size:24px; color:#fff;}
.news .menu li img{ display:block; margin:0 auto; margin-top:15px; margin-bottom:10px;}
.news .menu li.cur{ background-color:#005ba0;}
.news .newsbox { overflow:hidden; width:725px; float:right; height:446px; position:relative}
.news .newslist{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.news .newslist dl{ overflow:hidden; width:100%; height:292px; margin-bottom:20px;}
.news .newslist dt{ overflow:hidden; float:left; widows:438px; height:292px;}
.news .newslist dd{ overflow:hidden; width:270px; float:right;}
.news .newslist dd h4{ font-size:16px; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .newslist dd h4 a{ color:#333;}
.news .newslist dd em{ display:block; color:#999; font-size:13px; margin-bottom:20px;}
.news .newslist dd p{ font-size:13px; color:#666; line-height:25px; height:125px; text-align:justify; overflow:hidden; margin-bottom:60px;}
.news .newslist dd .more{ display:block; width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #ccc; font-size:12px; color:#898989;}
.news .newslist ul{ overflow:hidden; width:100%;} 
.news .newslist li { overflow:hidden; width:100%; font-size:13px; line-height:35px; background:url(/uploads/image/epic30338/news_li.jpg) left center no-repeat; *float:left}
.news .newslist li a{ display:inline-block; max-width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; float:left; margin-left:15px;}
.news .newslist li span{ float:right; color:#999; font-size:12px;}


.y4x{ float:left;width:216px; height:313px; margin-left:20px; margin-top:20px;}
.y4x img{ float:left; width:216px; height:313px;}
#demo {overflow:hidden; width:100%;margin:0 auto;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}


#demo1 {  overflow:hidden; width:1200px; } 
.img img{ width:200px; height:275px;}
#indemo1 { float: left; width: 800%; } 
#demo11 { float: left; } 
#demo12 { float: left; } 

#demo2 {  overflow:hidden; width:1200px;} 
#indemo2 { float: left; width: 800%; } 
#demo21 { float: left; } 
#demo22 { float: left; } 

.cpx1{ width:215px; height:424px; background: no-repeat; float:left; margin-right:20px;}


.f_nav{height: 68px;line-height: 68px;background: #313131;color: #fff;border-bottom: 1px solid #202020;}
.f_nav a{font-size: 14px;color: #fff;text-decoration: none;padding: 0 22px;}
.footer{width:1200px; margin:0 auto;}

.ft_info{height: 195px;overflow: hidden;border-top: 1px solid #404040;background: #313131;}
.ft_info h2{width: 194px;height: 100px;border-right: 1px solid #202020;padding: 19px 0 0 23px;}
.ft_info h2 img{display: block;width: 178px;height: 100px;}
.ft_info h5{width: 194px;height: 100px;border-right: 1px solid #202020;padding: 19px 0 0 23px;}
.ft_info h5 img{display: block;width: 178px; margin-top:30px;}
.ft_info .ft_contact{color: #fff;border-left: 1px solid #404040;padding-left: 26px;width: 740px;font-size: 14px;line-height: 28px;height: 195px;overflow: hidden;padding-top: 27px;}
.ft_info .ft_contact i{ padding: 0 25px;}
.ft_info .ft_contact a{color: #fff;}
.ft_info .code{width: 147px;height: 195px;overflow: hidden;padding-top: 20px;}
.ft_info .code li{display: block;width: 133px;height: 174px;font-size: 14px;color: #fff;float: left;margin-right: 16px;background:  no-repeat 0 0;text-align: center;}
.ft_info .code li.none{ margin-right: 0;}
.ft_info .code img{width: 110px;height: 110px;display: block;margin: 10px auto 0;}
.ft_info .code span{ display: block; margin-top: 5px;}


#demo {overflow:hidden; width:100%;margin:0 auto;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}


#demo1 {  overflow:hidden; width:1200px; } 
.img img{ width:350px; height:275px;}
#indemo1 { float: left; width: 800%; } 
#demo11 { float: left; } 
#demo12 { float: left; } 

#demo2 {  overflow:hidden; width:1200px;} 
#indemo2 { float: left; width: 800%; } 
#demo21 { float: left; } 
#demo22 { float: left; } 

.cpx1{ width:365px; height:424px; background: no-repeat; float:left; margin-right:20px;}