body{ font-family:"΢ÈíÑźÚ"; background:#f5f5f5;}
*{ padding:0px; margin:0px}
a img{ border:0px}
a{ text-decoration:none; color:#000000;}
ul,li{ list-style:none;}
.cl{ clear:both;}
.index_header { background:#FFFFFF;
	height: 120px;
	width: 100%;
}
.box{ width:1200px; margin:0px auto;}
.logo{width: 640px;float: left;}
.tel{width: 340px;float: right;
}
.index_nav{ width:100%; background:#000000; height:40px;}
.nav li{ width:171px; float:left; text-align:center ; line-height:40px;background: url(../images/nav_line.jpg) no-repeat left center;}
.nav li a{ color:#FFFFFF;}
.nav li:hover{ background:#CCCCCC;}
.index_main{ width:1200px; margin:0px auto;  overflow:hidden;}

/* banner */
/* banner end*/
.mainOne{ width:1200px;}
.index_abouut{ width:675px; float:left}
.index_news{ width:490px; float:right;}
.mainOne_title{ background:url(../images/mainOnebg.jpg) no-repeat top left; height:46px;}
.about_more{ float:right; line-height:65px;}
.index_about_info{ line-height:35px; padding:10px;}
.mainOne_titleT{ background:url(../images/mainOnebgnews.jpg) no-repeat top left; height:46px;}
.index_news_Ul{ padding:10px;}
.index_news_Ul li{line-height:35px;list-style-position: inside;list-style-type: circle;}
.mainTwo{ background:url(../images/productbg.jpg) center top  #24272e no-repeat; overflow:hidden; padding-top:150px; }
.search {display: block;width: 275px; margin:0px auto;height: 27px; background:#24272e;}
.search input {background:#24272e;float: left;width: 200px;height: 27px;line-height: 27px;font-family: Arial, Helvetica, sans-serif;padding: 0 10px;color: #999999;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #444750;border-bottom-color: #444750;border-left-color: #444750;}
.search button { float:left;padding: 0;border: 0;width:49px;height: 27px; background:url(../images/searchBton.jpg) no-repeat center left; cursor: pointer;}
 

.scrollpic{max-width:1048px;min-height:300px;margin:0px auto;}
#myscroll{display:block; width:100%; position:relative; height:245px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0; color:#FFFFFF;}
#myscroll ul li a{display:block; float:left; width:327px; padding:0 10px; position:relative; height:245px; color:#333;}
 

#mybtns{margin:20px auto; width:90px; display:block; height:42px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);}
#mybtns #right{background-image:url(../images/jt_r.png);}

@media(min-width:1572px){
.scrollpic{max-width:1572px; width:100%;}
#myscroll{width:1572px;}
}
@media(max-width:1571px){
.scrollpic{max-width:1310px; width:100%;}
#myscroll{width:1310px;}
}
@media(max-width:1309px){
.scrollpic{max-width:1048px; width:100%;}
#myscroll{width:1048px;}
}
@media(max-width:1047px){
.scrollpic{max-width:786px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:327px; width:100%;}
#myscroll{width:327px;}
}
 

.mainThere{ width:100%; background:#FFFFFF; overflow:hidden;}
.index_tel{ width:260px; float:left;}
.index_tel_title{ background:url(../images/tel.jpg) no-repeat center left; padding-top:60px; color:#888a87; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif;}
.index_tel p{ line-height:30px; font-size:14px;}
.index_map{ width:930px; float:right;padding-top:40px;}

.index_foot{ background:url(../images/boottmBG.jpg) repeat-x #2a2f33; padding-bottom:20px; line-height:30px;  text-align:center; padding-top:20px; color:#CCCCCC;}

.main_left{ width:260px; float:left}
.main_right{ width:910px; float:right;}
.left_top{ line-height: 36px;background: url(../images/lt1.jpg) no-repeat left top;height: 36px; line-height:36px; text-align:center; color:#FFFFFF; font-weight:bold;
}
.left_cent{  padding:10px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.left_cent ul li{ text-align:center; line-height:45px;background:url(../images/la.jpg) center center no-repeat;}
.left_cent ul li:hover{ background:url(../images/lh.jpg) center center no-repeat;  color:#FFFFFF;}
.left_cent ul li a{   }
.left_cent ul li a:hover{ }
.left_us{ line-height:36px; text-align:center; color:#333333; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.left_cent p{ line-height:30px;}
.right_top{ height:35px; line-height:35px; background:url(../images/map.png) left center no-repeat; padding-left:42px; border-bottom:1px solid #CCCCCC;}
.right_info{ padding:10px 0px;}
.right_info p{ line-height:35px;}
.news{ padding:0px 10px;}
.news li{ line-height:40px; border-bottom:dotted 1px #999999; }
.productlist{ width:900px;}
.productlist li{ text-align:center; line-height:35px; margin-bottom:10px; width:225px; float:left;}
.productlist li div{ width:215px; margin:0px auto;}
.productlist li div img{ margin-bottom:5px;}