*{margin: 0px; padding: 0px; font-size: 14px; font-family: Microsoft Yahei; list-style: none;}
a:link{color: #555555; text-decoration: none;}
a:visited{color:#555555;}
.clear{clear: both;}

/* header区域top样式 */
.topline{width: 100%; height: 6px; background: url(../Image/topline.jpg) center top no-repeat;}
.top{margin: 0 auto; width: 1200px; height: 38px; color: #a6a6a6;}
.top span{float: left; line-height: 38px;}
.top ul{float: right;}
.top li{display: inline; line-height: 38px; cursor: pointer;}
.top li:hover{text-decoration: underline; color: #555;}

/* header区域logo样式 */
.logobg{width: 100%; border-top: 1px solid #eaeaea;}
.logo{margin: 0 auto; width: 1200px; height: 110px;}
.logoimg{float: left; text-align: center; margin-top: 24px;}
.logo ul{float: right; color: #555555;}
.logo li{float: left; margin: 25px 0px 0px 30px; height: 60px; text-align: right; line-height: 30px;}
.logo li img{vertical-align: middle; margin-right: 5px;}
.logotel{font-size: 20px; color: #f36d6e;}

/* header区域nav样式 */
.navbg{width: 100%; border-top: 1px solid #eaeaea;}
.nav{margin: 0 auto; width: 1200px; height: 50px;}
.nav img{float: left;}
.nav ul{float: left; text-align: center;}
.nav li{float: left; width: 126px; height: 50px; border-right: 1px solid #eaeaea;}
.nav a{color: #555555; line-height: 50px; width: 126px; height: 50px; display: block;}
.nav-home{width: 50px;}
.nav li:hover{background-color: #3477c8;}
.nav li:hover a{color: white;}

/* header区域banner样式 */
#banner {height:480px !important;position:relative;overflow:hidden;margin:0 auto;}
#slideshow { width:100%; height: 480px; }
#slideshow ul { display: none; }

#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}

#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:30px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE;}

/* main区域jianjie样式 */
.main{width: 1200px; margin: 0px auto;}
.jianjie{margin: 0 auto; width: 1200px; height: 216px; margin: 20px auto;}
.jianjie > img{float: left; width: 289px; height: 216px; overflow: hidden;}
.jianjiebox{float: left; margin-left: 31px; width: 508px; height: 176px; background: url(../Image/jianjie02.jpg); padding: 20px 20px;}
.jianjiebox h2{color: #fff; font-size: 18px; margin-bottom: 20px;}
.jianjiebox p{color: #fff; line-height: 30px; height: 120px; overflow: hidden;}
.jianjiebox a{float: right; color: #3477c8;}
.jianjiebox a:hover{color: #f00;}
.serche{float: right; width: 300px; height: 216px; background-color: #397dcf; overflow: hidden;}
.serche h3{font-size: 16px; font-weight: bold; margin: 20px 30px; color: #fff;}
.serche .input01{border: none; height: 16px; width: 160px; margin-left: 30px; padding: 6px 10px; color: #979797; font-size: 12px; float:left;}
.serche .input02{border: none; margin-bottom: 30px; height: 28px; width: 60px; color: #fff; background-color: #9ac24b; cursor: pointer; float:left;}
.serche ul{display: inline; border-top: 1px solid #6eaae2;}
.serche li{float: left; width: 79px; height: 79px; border-right: 1px solid #6eaae2;  border-top: 1px solid #6eaae2; padding: 10px 10px; color: #fff;  cursor: pointer;}
.serche span{display: inline-block; text-align: center; width: 79px;}
.serche img{margin: 10px 0px 0px 20px;}
.serche li a{color: #fff;}
#weicode{width: 190px; border: 1px solid #3477c8; position: relative; right: 225px; bottom: 200px; display: none;}

/* main区域chanpin样式 */
.chanpinbg{width: 100%; height: 290px; padding-top: 30px; background-color: #f6f6f6;}
.chanpin{margin: 0px auto; width: 1200px; height: 250px;}
.chanpin a{color: #696969;}
.chanpinroll li img{width: 149px; height: 149px; overflow: hidden;}
.chanpinroll li{width: 225px; display: inline-block; text-align: center; color: #555555; margin-right: 15px;}
.chanpinroll li p{line-height: 40px;}
.chanpinroll li a:hover{text-decoration: underline;}
.chanpintitle{height: 34px; width: 1200px; margin-bottom: 35px;}
.chanpintitle img{float: left;}
.chanpintitle ul{float: left;}
.chanpintitle li{width: 110px; height: 30px; float: left; margin: 2px 0px 0px 20px; border-radius: 5px; text-align: center; line-height: 30px; background-color: #ccc;}
.chanpintitle li:hover{background-color: #397dcf; color: #fff;}
.chanpintitle li:hover a{color: #fff;}
.chanpin .hd1{float: right;}
.chanpin .hd1 img{margin-left: 5px;}

/* main区域contact new样式 */
.main3{margin: 20px auto; width: 1200px; height: 271px;}
.contact a:hover{text-decoration: underline;}
.contact{float: left; width: 332px; height: 269px; border: 1px solid #e9e8e8;}
.contact ul{margin-left: 20px; margin-top: 10px; line-height: 29px; color: #555555;}
.new{float: left; width: 480px; height: 269px; margin-left: 30px; overflow: hidden;}
.new li{height: 64px; margin-top: 10px;}
.new li img{height:64px; width: 64px;}
.new li:hover h5{color: #397dcf;}
.new li:hover p{color: #397dcf;}
.new li h5{margin-left: 10px; float: left; color: #555555; line-height: 24px;}
.new li p{margin-left: 10px; float: left; width: 370px; height: 24px; color: #929292; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new .hd2{float: right;}
.new .hd2{margin-left: 10px;}
.newtitle{margin-bottom: 23px;}
.newcontent ul{}
.newcontent img{float: left;}

.liuyan{
	float: right;
	width: 322px;
	height: 269px;
	border: 1px solid #e9e8e8;
	background: url(../Image/liuyan01.jpg) 0 0 no-repeat;
	overflow: hidden;
}
.liuyan span{
	width: 250px;
	height: 50px;
	border: 3px solid #79889a;
	display: block;
	margin: 38px 0px 0px 34px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #397dcf;
	font-weight: bold;
}
.liuyan span:hover{color: #f00;}
.liuyan li{color: #fff; line-height: 30px; margin-left: 25px; position: relative; top: 105px; z-index: 20;}
.liuyanbg{width: 322px; height: 80px; background-color: #f00; opacity:0.6; position: relative; top: 35px; z-index: 10;}

/* footer区域样式 */
.footerbg{width: 100%; height: 50px; background-color: #435669;}
.footer{margin: 0px auto; width: 1200px; height: 50px; color: #9dadbc; line-height: 50px;}
.footer a{color: #9dadbc;}
.footer a:hover{text-decoration: underline;}
.footer p{float: left; margin-left: 20px;}
.footer ul{float: right;}
.footer li{float: left; margin: 0px 5px;}

/* list区域样式 */
.listbox{width: 1200px; margin: 0px auto; position:relative; z-index: 10000;}
.sidebar{width: 245px; float: left; position: relative; bottom: 67px;}
.list{width: 245px; height: 290px; margin-bottom: 10px;}
.list a{color: white;}
.list ul{background-color: #abcf63; position: relative; bottom: 5px;}
.list li{height: 50px; margin-left: 35px; line-height: 50px; text-align: left; text-indent: 2em; color: #fff; background-color: #3477c8; border-bottom: 1px solid #b3e5fc;}
.list li:hover{background-color: #abcf63;}
.list li a{width: 245px; height: 50px; display: block;}
.liuyan2{width: 245px; height: 284px; overflow: hidden; background: url(../Image/liuyan01.jpg) center top no-repeat;}
.liuyan2 span{
	height: 40px;
	width: 170px;
	border: 3px solid #9b9a9d;
	display: block;
	text-align: center;
	line-height: 40px;
	margin: 27px 0px 70px 34px;
	font-stretch: 16px;
	color: #397dcf;
	font-weight: bold;
}
.liuyan2 span:hover{color: #f00;}
.liuyan2bg{width: 245px; height: 141px; background-color: #f00; opacity:0.6; position: relative; top: -96px;}
.liuyan2 ul{position: relative; z-index: 10; top: 30px; line-height: 24px;}
.liuyan2 li{color: #fff; margin-left: 15px;}
.liuyan2 li a{color: #fff;}
.liuyan2 li a:hover{text-decoration: underline;}
.content{width: 955px; float: right; position: relative; bottom: 25px;}
.content-title{
	width: 1000px;
	height: 50px;
	position: relative;
	z-index: 20;
	right: 49px;
	bottom: 3px;
	text-align: left;
	background-color: #ededed;
	color: #939393;
	line-height: 50px;
}
.content-title a{color: #939393;}
.content-title a:hover{text-decoration: underline; color: #555;}
.content-title img{margin: 12px 20px; float: left;}
.content-txt{width: 900px; margin: 20px auto;}
.content-txt p{line-height:40px;}

/* 新闻页面样式 */
.new-list{width:900px; height:30px; margin:0px auto; line-height: 30px; margin-bottom: 10px; overflow: hidden;}
.new-list:hover{background-color: #4593E8;}
.new-list:hover a{color: #fff;}
.new-list span{float:right; float: left;}
.new-list h5{margin-left: 10px; line-height: 30px; height: 30px; float: left;}
.new-list h6{margin-right: 20px; line-height: 30px; height: 30px; float: right;}

.page{margin: 0px auto; text-align: center; border: 1px dashed #999; width: 600px; height: 30px; line-height: 30px;}
.news_title{text-align:center; font-size:20px; margin:20px 0px;}
.meta{text-align:center; margin:10px 0px;}
#prev_next{margin: 30px 20px;}
#prev_next li{width: 600px;}
#prev_next li:hover a{color: #f00;}
#prev_next li:hover{color: #f00;}
.news-info{text-align: left; border: 1px solid #4593E8; width: 900px; background-color: #eee; line-height: 20px; text-indent: 2em; padding: 10px 10px; margin-bottom: 20px;}

.newabout{width: 100px; height: 30px; background-color: #4593E8; color: #fff; font-size: 18px; font-weight: bold; line-height: 30px; padding-left: 20px;}

/* 产品页面样式 */
.img-box{width: 200px; height: 200px; overflow: hidden; display:block;}
.probox{width: 900px; overflow: hidden;}
.proboximg{width: 900px; overflow: hidden; padding: 10px 10px; text-align:center;}
.proboximg img{width: 300px; margin: 0px auto;}
.proboxtext{width: 900px; margin: 10px 10px; text-align:left;}
.productpg{width: 200px; height: 240px; overflow: hidden; margin-bottom: 20px; margin-right: 20px; float: left; background-color: #4593E8; }
.productpg img{height: 200px;}
.productpg span{display: block; position: relative; bottom: 15px; width: 200px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;}
.productpg:hover{background-color: #f00;}
.rel_center{width: 500px; height: 300px;}
.pro_name{font-size: 18px; line-height: 30px; display: block; text-align: left;  margin-bottom: 20px; background-color: #4593E8; color: #fff; padding-left: 10px;}
.proboxtext h2{font-size: 18px; text-align: center; margin: 20px auto;}
.proboxtext p{width: 900px; margin: 0px auto; text-indent: 2em;}
.order{margin-left: 30px;}
.order tr{height: 35px;}
.pro li{ border: 1px solid #4593E8;}
.pro li:hover{ border: 1px solid #f00;}
#submit{width: 90px; height: 36px; background-color: #4593E8; color: #fff; border: 1px solid #666;}
.t_r{font-size: 14px; text-align: right;}
.order input{width: 288px; height: 24px; margin: 5px 10px; padding: 5px 5px;}
.order textarea{margin: 5px 10px; padding:5px 5px; height: 150px;}
.yzm{float: left; height: 36px; width: 100px; border: none; position: relative; top: 5px;}
#yzmtext{float: left; width: 80px;}
.select1{width: 300px; height: 36px; margin-left: 10px; color: #4593E8;}
.crcm-span{top: 4px; cursor: pointer; position: absolute; bottom: 8px;}
.crcm-li{position: relative;}
#allmap{border: 1px solid #555;}