﻿@charset "utf-8";

  body {
	font-size:12px; color:#303030; margin:0px auto; font-family:"微软雅黑"; background:#EEEEEE; -webkit-text-size-adjust:none;}

a{ text-decoration:none; color:#303030;}
*{ margin:0px; padding:0px; border:0px;}
li,ul,h3,h4,h5,p,img{ list-style:none; margin:0; padding:0; font-size:12px; font-weight:normal; border:0;}
#topbg{ width:100%; height:87px; background:url(../images/logobg.gif) repeat-x;}
#top{ width:1000px; height:87px; margin:0px auto; background:url(../images/logo.gif) no-repeat;}

#menubg{ width:100%; height:40px; background:url(../images/menubg.gif) repeat-x;}
#menu{width:983px; height:40px; line-height:40px; margin:0px auto; padding-left:17px;}
#menu a{-webkit-transition:all .2s linear;}
#menu li{ float:left; text-align:center;}
#menu1 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu1.gif);}
#menu1 a:hover{text-decoration:none; background:url(../images/menu1.gif) 0 40px;}
#menu2 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu1.gif);}
#menu2 a:hover{text-decoration:none; background:url(../images/menu1.gif) 0 40px;}
#menu3 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu1.gif);}
#menu3 a:hover{text-decoration:none; background:url(../images/menu1.gif) 0 40px;}
#menu4 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu1.gif);}
#menu4 a:hover{text-decoration:none; background:url(../images/menu1.gif) 0 40px;}
#menu5 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu1.gif);}
#menu5 a:hover{text-decoration:none; background:url(../images/menu1.gif) 0 40px;}
#menu6 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu1.gif);}
#menu6 a:hover{text-decoration:none; background:url(../images/menu1.gif) 0 40px;}
#menu7 a{ width:138px; height:40px; display:block; font-family:"微软雅黑"; color:#ffffff; font-size:14px; background:url(../images/menu2.gif);}
#menu7 a:hover{text-decoration:none; background:url(../images/menu2.gif) 0 40px;}

#synews{ width:960px; height:30px; margin:0px auto; margin-top:10px; margin-bottom:30px; border:1px solid #dcdcdc; line-height:32px; overflow:hidden; padding-left:40px; background:url(../images/lb.gif) no-repeat 10px 10px;}
#synews li{ width:210px; height:24px;margin-right:10px; float:left; overflow:hidden; background:url(../images/jt3.gif) no-repeat 0 14px; padding-left:13px;}

#zt1{ width:1000px; height:220px; margin:0px auto; margin-top:30px; margin-bottom:30px;}
#zt1 #sb{ width:280px; height:220px; float:left; margin-right:30px;}
#zt1 #sb h3{ width:280px; height:27px; background:url(../images/a01.gif) no-repeat; margin-bottom:10px;}
#zt1 #sb h3 a{width:280px; height:27px; display:block;};
#zt1 #sb h4{ width:270px; height:160px; padding:9px 4px 4px 4px; border:1px solid #e3e3e3; text-align:center;}

#zt1 #jj{ width:280px; height:220px; float:left; margin-right:30px;}
#zt1 #jj h3{ width:430px; height:27px; background:url(../images/a02.gif) no-repeat; margin-bottom:10px;}
#zt1 #jj h3 a{width:430px; height:27px; display:block;}
#zt1 #jj h4{ width:430px; height:160px; line-height:22px;}
#zt1 #jj h4 img{ float:left; margin-right:10px;}

#zt1 #lx{ width:230px; height:220px; float:right;}
#zt1 #lx h3{ width:230px; height:98px; background:url(../images/a04.gif) no-repeat;}
#zt1 #lx h4{ width:208px; height:100px; padding:10px; border:1px solid #e3e3e3; line-height:25px;}

#zt2{ width:1000px; height:220px; margin:0px auto;}
#zt2 h3{ width:1000px; height:27px; background:url(../images/a05.gif) no-repeat; margin-bottom:10px;}
#zt2 h3 a{width:1000px; height:27px; display:block;}



#footz{ width:100%; height:70px; line-height:22px;text-align:center; margin-top:30px; background:#f0f0f0; color:#525252;}
#foot{ width:1000px; height:60px; padding-top:10px; margin:0px auto;}
#footnr a{color:#525252;}

.wr{ font-family:"微软雅黑"; font-size:12px;}
.wr2{ color:#e0176f;}
#content{ margin:0 auto; width:1000px; overflow:hidden; margin-top:10px; background:#FFFFFF;}
#sub2 #mainflashz{width:100%; height:200px; background:#021d43;}
#sub2 #mainflash{background:url(../images/pic_sub2.jpg) no-repeat; width:1000px; height:200px; margin:0px auto;}
#sub3 #mainflashz{width:100%; height:200px; background:#021d43;}
#sub3 #mainflash{background:url(../images/pic_sub3.jpg) no-repeat; width:1000px; height:200px; margin:0px auto;}
#sub4 #mainflashz{width:100%; height:200px; background:#021d43;}
#sub4 #mainflash{background:url(../images/pic_sub4.jpg) no-repeat; width:1000px; height:200px; margin:0px auto;}
#sub5 #mainflashz{width:100%; height:200px; background:#021d43;}
#sub5 #mainflash{background:url(../images/pic_sub5.jpg) no-repeat; width:1000px; height:200px; margin:0px auto;}
#sub6 #mainflashz{width:100%; height:200px; background:#021d43;}
#sub6 #mainflash{background:url(../images/pic_sub6.jpg) no-repeat; width:1000px; height:200px; margin:0px auto;}
/*导航条突出显示效果*/

#sub1 #menu1 a{text-decoration:none; color:#ffffff;  background:url(../images/menu1.gif) 0 40px;}
#sub2 #menu2 a{text-decoration:none; color:#ffffff;  background:url(../images/menu1.gif) 0 40px;}
#sub3 #menu3 a{text-decoration:none; color:#ffffff;  background:url(../images/menu1.gif) 0 40px;}
#sub4 #menu4 a{text-decoration:none; color:#ffffff;  background:url(../images/menu1.gif) 0 40px;}
#sub5 #menu5 a{text-decoration:none; color:#ffffff;  background:url(../images/menu1.gif) 0 40px;}
#sub6 #menu6 a{text-decoration:none; color:#ffffff;  background:url(../images/menu1.gif) 0 40px;}
#sub7 #menu7 a{text-decoration:none; color:#ffffff;  background:url(../images/menu2.gif) 0 40px;}


#left{width:210px; float:left; height:350px; background:#FFFFFF;}
#left_one{ width:210px; height:50px; background:url(../images/leftonebg.gif) left bottom no-repeat; }
#left_one h3{color:#343434; font-size:16px; font-weight:bold; line-height:60px; text-align:center;}

#menu_left{ width:208px; padding-top:10px; background:#FFFFFF;}
#menu_left #submenu li{ width:178px; height:36px;line-height:36px; padding-left:30px; border-bottom:1px dashed #d8d8d8; background:url(../images/jt1.gif) no-repeat 10px 18px;}
#menu_left #submenu li a{width:208px; height:36px; display:block; }
#menu_left #submenu li a:hover{width:208px; height:36px; display:block; color:#001636;}

#left222{width:230px; float:left; background:url(../images/leftbg.gif) no-repeat; padding-top:10px; height:1180px;}

/*二级导航突出显示效果*/
.cur{ color:#001636; font-weight:bold;}


/*右侧页面样式*/
#right{ width:760px; float:right;  background:#FFF;}
#right_title h3{height:25px; overflow:hidden; _height:1%; padding-top:20px; padding-left:10px; margin-bottom:20px; background:url(../images/righttitlebg.gif) left bottom no-repeat;}
#right_title h3 .title{ font-size:12px; font-weight:bold; color:#343434; float:left;}
#right_title h3 .location{ float:right; color:#737373; width:170px; padding-right:10px; text-align:right;}
#right_title h3 .location a{color:#737373;}
#right_content{line-height:24px;min-height:450px; padding:15px 10px 15px 10px; height:auto !important; height:450px; margin-bottom:5px;}


/*产品asp页面样式*/

#prolist{ padding-top:6px;}
#prolist li{ float:left; width:210px; margin-left:15px; margin-right:15px;}
#prolist img{ width:210px; height:140px;}
#prolist li p{ text-align:center; float:left;}
#prolist h4{  height:40px; line-height:40px; text-align:center; }
#prolist li a img{border:1px solid #d3d3d3; padding:4px;}
#prolist li a:hover img{border:#d3d3d3 1px solid; padding:4px;}

.pro_title{ background:#f2f2f2; border-bottom:1px solid #ddd; padding-left:10px; font-weight:bold; margin-top:5px;}
.pro_img{ text-align:center; padding-top:20px;}
.pro_title1{background:#fff6fa; height:30px; border-bottom:1px solid #edd8e2; padding-left:10px; font-weight:bold; margin-top:15px; font-family:"微软雅黑";}
.pro_intro{ padding:10px;}

.page1{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:60px;}


/*产品左侧二级菜单*/

#left_one1{ width:230px;}
#left_one1 h3{ width:210px; height:40px; padding-left:20px; margin-top:5px;}
#left_one1 h3 .bit10{ font-size:14px; color:#FFFFFF; font-weight:bold; }

#left_menu{ width:210px; margin:0 auto;}
#left_menu li{width:210px; height:36px;  margin-bottom:5px; text-align:left; line-height:36px;}
#left_menu li a{width:165px; height:36px; background:url(../images/left_menu.gif) no-repeat;  color:#3c3c3c; display:block;  padding-left:35px; font-weight:bold; }
#left_menu li a:hover{ background:url(../images/left_menu.gif) 0 -36px no-repeat; color:#001636;  font-weight:bold;}

#left_menu3{ width:210px; margin:0 auto;}
#left_menu3 li{width:210px; height:36px;  margin-bottom:5px; text-align:left;  line-height:36px;}
#left_menu3 li a{width:160px; height:36px; background:url(../images/left_menu3.gif) no-repeat;  color:#3c3c3c; display:block;  padding-left:50px;}
#left_menu3 li a:hover{ background:url(../images/left_menu3.gif) 0 -36px no-repeat; color:#001636; }



/*新闻asp页面样式*/
#newslist li{ background:url(../images/newsjt.gif) no-repeat 8px center; padding-left:25px; border-bottom:1px dotted #ccc; height:33px; line-height:33px;}
.newstitle_in{ width:550px; float:left;}
.newstitle_in a{ color:#444;}
.newstitle_in a:hover{ text-decoration:none; color:#FF0000;}
.date_in{ float:right; width:150px; text-align:right;}

#newstitle_xx{ width:100%; height:35px; line-height:35px; font-weight:bold; text-align:center; font-size:14px;  border-bottom:1px dotted #CCCCCC;}
.page{ width:100%; text-align:center; clear:both; margin-top:20px; margin-bottom:20px;}



.shijian {
	font-family: Arial, Helvetica, sans-serif;
	color: #9d9d9d;
	font-size: 10px;
}

.hgnews {
	line-height: 24px;
	font-size: 12px;
	text-decoration: none;
}

.cpborder{border:1px solid #dfdfdf;}
.banquan {color: #000101; font-size:12px; line-height:180%}
.newstitle{ font-size:14px; font-weight:bold;}
.title16{font-size:16px; font-weight:bold; color:#C40000;}
.title14{font-size:14px; color:#C40000;}
.newstitle2{ font-weight:bold;}
.wenbenkuang{ width:360px; height:26px; line-height:26px; background:url(../images/wbk.gif) repeat-x; border:1px solid #f4d4e2; color:#4c4c4c;}
.wenbenkuang2{ width:450px; height:60px; background:#fffcfd; line-height:26px; border:1px solid #f4d4e2;  background:url(../images/wbk.gif) repeat-x;  color:#4c4c4c;}
.bdan1{ background:#f17eb0; width:80px; height:26px; color:#FFFFFF;}

#map{ width:720px; height:611px; background:url(../images/map.jpg) no-repeat;}

/* Banner特效css样式 */

.banner {
	position: relative;
	overflow: auto;
}
.banner li {
	list-style: none;
}
.banner ul li {
	float: left;
}
.banner .arrows {
	display: none;
}
.banner:hover .arrows, .banner.hover .arrows {
	display: block;
}
 @media only screen {
 .banner .arrows {
 -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;
 opacity: 0;
 display: block;
}
 .banner:hover .arrows,  .banner.hover .arrows {
 opacity: 1;
}
}
.banner .arrows {
	position: absolute;
	z-index: 20;
}
.banner .arrows .prev, .banner .arrows .next {
	position: absolute;
	width: 40px;
	height: 41px;
	font: 0/0 a;
	color: transparent;
	cursor: pointer;
}
.banner .arrows .prev {
	left:20px;
	background: url(../images/slide_arrow_left.png) no-repeat;
}
.banner .arrows .next {
	left: 1580px;
	background: url(../images/slide_arrow_right.png) no-repeat;
}
.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.section4 {
	height: 350px;
}
.section4 .banner ul li {
	height: 350px;
}
.section4 .banner .arrows {
	top: 250px;
}
.section4 .dots {
	position: absolute;
	width: 100%;
	height: 70px;
	top: 430px;
	text-align: center;
}
.dots2{ width:810px; margin:0 auto; height: 70px;}
.section4 .dot {
	float: left;
	line-height: 70px;
	width: 405px;
	height:70px;
	cursor: pointer;
	display:block;
}
.section4 .dot1 {
	background:url(../images/menu1.jpg);
}
.section4 .dot1.active {
	background:url(../images/menu1.jpg) 0 70px;
}
.section4 .dot2 {
	background:url(../images/menu2.jpg);
}
.section4 .dot2.active {
	background:url(../images/menu2.jpg) 0 70px;
}

.yc{ display:none;}
.zzzz{ width:100%; height:765px; background:url(../images/zz.jpg) no-repeat center top;}