.clearfix:after{content:".";display:block;clear:both;visibility:hidden;
height: 0;
line-height: 0;
font-size: 0; 
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix{*+height:1%;  display: inline-block;}/*不知道有什么用处，不加ie7也没有问题*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1;}/*只针对IE6/7 */
 * html .clearfix{zoom: 1;overflow: visible;}
 *:first-child + html .clearfix{zoom: 1; display: block;}





/* CSS Document */
* { list-style:none; padding:0; margin:0}
body{ font-size:12px; margin:0 auto; color:#000;font-family:Microsoft YaHei; background:url(../images/bg.jpg) }
p{ line-height:25px;}
.cl{ clear:both}
a{
  font-size:12px; 
  text-decoration:none;color:#000;
  
}
a:hover{
	font-size:12px;
	text-decoration:none;color:#666;
}

.zi a{  font-size:12px; 
  text-decoration:none; color:#fff}
.zi a:hover{  font-size:12px; 
  text-decoration:none;color:#FFFF66}
.piczi a{  font-size:12px; 
  text-decoration:none; color:#0273BF}
.piczi a:hover{  font-size:12px; 
  text-decoration:none;color:#000000}
  
.pad{ padding-top:25px}
.mad{ margin-top:15px}


/*---------------------------------页头样式开始-------------------------------------*/
.top{ width:100%; height:auto; margin:0px auto;background:url(../images/topbg.jpg) left top repeat-x}
.hy{ width:1008px; height:27px; margin:0 auto}
.hy_left{ width:665px; height:27px; float:left; line-height:27px; color:#fff; font-size:12px;}
.hy_left .left{ width:190px; height:27px; line-height:27px; float:left}
.hy_left .right{width:240px; height:27px; line-height:27px; float:left}

.logo{ width:1017px;  height:115px; margin:0 auto ; background:url(../images/logo.jpg) center top no-repeat}
.logo .left{ width:444px; height:103px;float:left; background:url(../images/logo.jpg) left top no-repeat}
.logo .right{width:293px; height:47px; margin-top:29px;float:right; background:url(../images/tel.png) right center no-repeat}

.logo_right{width:173px; text-align:center; float:right; line-height:27px; color:#fff}/*设为首页 加入收藏*/
.logo_right a{ color:#fff}
.logo_right a:hover{ color:#ff6}
.menubg{ width:1017px; height:50px; margin:5px auto 0 auto;}/*导航宽高*/

.banner{ width:100%; height:auto; margin:5px auto 0 auto; overflow:hidden}
/*////////////////////////////bannar kaishi////////////////////////////////////////////////////////////////*/
.flexslider {
	width: 100%;
	padding: 0;
}
.flexslider .slides li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
#container {
	width: 100%;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
	-moz-box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
	box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
}
.flexslider .slides li {
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {
	position: relative;
}
/* Caption style */
.flex-caption {
	width: 96%;
	padding: 2%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
/* Direction Nav */
.flex-direction-nav li a {
	width: 52px;
	height: 52px;
	margin: -13px 0 0;
	display: block;
	background: url(theme/bg_direction_nav.html) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
	background-position: -52px 0;
	right: -21px;
}
.flex-direction-nav li a.prev {
	background-position: 0 0;
	left: -21px;
}
/* Control Nav */
.flex-control-nav {
	margin-left: -31px;
	position: absolute;
	bottom: -30px;
	left: 50%;
} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {
	margin: 0 0 0 5px;
	float: left;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(theme/bg_control_nav.html) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default;
}
/*////////////////////////////bannar jieshu////////////////////////////////////////////////////////////////*/

.banner_di{ width:977px; height:23px; background:url(../images/banner_di.jpg) center top no-repeat; margin:7px auto 0 auto}

.bor{ border:1px #DDE2E8 solid}

/*主体部分：主体需平铺*/
.mail{ width:100%; height:auto !important; min-height:200px; overflow:hidden; zoom:1; margin:0 auto;}

/*主体中心部分：主体不平铺*/
.box{ width:1005px; margin:0px auto; height:auto; padding-top:20px} 


/*---------------------------------首页样式开始-------------------------------------*/

/* 首页中心部分:上，中，下等等*/
.sytop{ width:1005px; height:auto; margin:0 auto; overflow:hidden}
.symid{ width:100%; height:auto; margin:0 auto;overflow:hidden}
.sybot{ width:100%; height:auto;margin:0 auto; overflow:hidden}
.sy4{ width:100%; height:auto; overflow:hidden}

/*首页公司简介*/
.syabout{ width:684px; height:auto; float:right}
.syabout_top{ height:33px;background:url(../images/abouttop.jpg) left top no-repeat}
.syabout_bot{width:684px; height:217px; overflow:hidden; border-top:none}
.in_about{padding:10px 10px;line-height:22px;}
.in_about img{float:left;display:inline;background:url(../images/about.jpg);margin-right:10px; border:#84D808 0px solid; width:235px; height:187px;}

/*首页资质荣誉*/
.syhonor{ width:209px; height:auto; float:left}
.syhonor_top{ height:40px;background:url(../images/1_r5_c3.jpg) left top no-repeat}
.syhonor_bot{ height:174px; overflow:hidden}
.syhonor_bot_nr{ width:209px; height:148px; margin:12px auto 0 0;}
.syhonor_bot_nr img{ width:199px; height:140px; padding:2px; border:1px #CECED0 solid}

/*首页产品分类*/
.sylist{ width:288px; height:auto; float:left}
.sylist_top{ height:33px;background:url(../images/sylisttop.jpg) left top no-repeat}
.sylist_bot{width:286px; height:400px; overflow:hidden; border-top:none}

/*首页联系我们*/
.sylink{ width:293px; height:auto; float:left; overflow:hidden}
.sylink_top{ height:80px;background:url(../images/sylinktop.jpg) left top no-repeat}
.sylink_bot{ width:293px; height:176px; background:url(../images/sylinkbot.jpg) right bottom no-repeat; border-top:none}
.sylink_nr{ line-height:24px; width:90%; margin:0 auto; padding-top:10px; color:#fff}


/*新闻公告*/
.newgg {width:850px;margin:0px auto ;}
.newgg ul{ width:850px; height:37px;}
.newgg ul li{width:425px;height:37px;line-height:37px;float:left;}
.newgg a {height:37px;line-height:37px;float:left; padding-left:10px;  text-decoration:none}
.newgg font {float:right;height:37px;line-height:37px;margin-right:0px; font-size:12px}
.newgg a:hover {text-decoration:none; }
/*<div class="gg">
    	<div class="gg_nr">
        	<marquee scrollamount="2">
            <div class="newgg">
            <ul>
	 <li><a href="">麻城市星河五金科技有限公司1</a> <font>【2014-07-16】</font></li>
     <li><a href="">麻城市星河五金科技有限公司2</a> <font>【2014-07-16】</font></li>
     
     </ul>
	               </div>
            </marquee>
        </div>
    </div>*/
	
	

/*图片新闻*/
.newspic{ width:730px; height:90px;  margin:10px auto; border-bottom:1px #E7E7E7 dashed}
.newspic_left{ width:113px; height:85px; float:left}
.newspic_left img{ width:101px; height:82px;  margin:2px 12px 0 0}
.newspic_right{ width:617px; height:85px; float:right; overflow:hidden}
.newspic_right h4{ width:617px; height:22px; line-height:22px;}
.newspic_right h4 a{ font-size:14px; color:#AE0A15; font-weight:bold}
.newspic_right h4 a:hover{ color:#666}
.newspic_right span{ width:617px; height:60px; line-height:22px; color:#666}


/*首页新闻*/
.synews{ width:288px; height:auto; float:left;}
.synews_top{ height:32px;background:url(../images/newstop.jpg) left top no-repeat}
.synews_bot{ width:288px; height:176px; overflow:hidden; border-top:none}

/*首页新闻列表*/
.new {width:95%;margin:5px auto 0 auto;}
.new li {width:100%;height:30px;line-height:30px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom:0px #DFDFDF dashed}
.new a {height:30px;line-height:30px;float:left; padding-left:15px;  text-decoration:none}
.new font {float:right;height:30px;line-height:30px;margin-right:0px; font-size:12px}
.new a:hover {text-decoration:none; }

/*首页生产设备、图片切换等等*/
.sytu{ width:269px; height:auto; float:left}
.sytu img{ width:269px; height:224px;}
.sytu_top{ height:40px; background:url(../images/sytu.jpg) left center no-repeat;}
.sytu_bot{ height:160px; overflow:hidden}
.sytu_bot_nr{ width:295px; height:152px; margin:2px auto 0 auto}
.sytu_bot_nr img{ width:290px; height:152px; border:3px #64B802 solid;}


/*首页产品展示*/
.sypic{ width:1002px; height:auto; margin:0 auto; overflow:hidden}
.sypic_top{ height:46px;background:url(../images/pictop.jpg) left center no-repeat;}
.sypic_bot{ width:1002px; height:166px; overflow:hidden; border-top:none}

/*首页产品展示2：两排*/
.sypic2{ width:686px; height:auto; overflow:hidden; float:right}
.sypic2_top{ height:46px;background:url(../images/pictop2.jpg) left center no-repeat;}
.sypic2_bot{ width:686px; height:406px; overflow:hidden}

/*首页产品展示2：两排*/
.sypic3{ width:686px; height:auto; overflow:hidde; float:right}
.sypic3_top{ height:46px;background:url(../images/pictop3.jpg) left center no-repeat;}
.sypic3_bot{ width:686px; height:162px; overflow:hidden}

/*首页友情链接：文字*/
.syfribg{ width:100%; height:69px; margin:15px auto; border:1px #DBDBDB solid; border-right:none; border-left:none}
.syfri{ width:1005px; height:56px; margin:7px auto 0 auto; background:url(../images/syfri.jpg) left center no-repeat}
.syfri_nr{ width:840px; height:56px; float:right; }
.syfri_nr li{ width:130px; height:56px; margin:0 10px;}
.syfri_nr li .img{ width:130px; height:56px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.syfri_nr li a{ display:block;}
.syfri_nr li img{ max-width:130px; max-height:56px;vertical-align:middle; }


/*首页友情链接：图片*/
.syfripic{ width:965px; height:78px; margin:0 auto; border:1px #DDDDDD solid}
.syfripic_top{ height:20px;background:url(../images/fritop.jpg) left center no-repeat;}
.syfripic_bot{ width:965px; height:56px; overflow:hidden}
.syfripic_bot li{ width:95px; height:56px; margin:6px 9px; float:left}
.syfripic_bot li img{ width:95px; height:42px; margin:6px 9px; float:left}



/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*左侧列表栏目*/
.boxleft{width:293px;   margin:0px; float:left}
/*内页产品分类*/
.nylist{width:293px; height:auto; margin:0 auto}
.nylist_top{height:31px; background:url(../images/nylisttop.jpg) center top no-repeat;}
.nylist_bot{ width:293px;height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylist .classname{ line-height:31px;font-size:17px; color:#0273BF; font-weight:bold; padding-left:15px}/* 类别名称*/

/*产品分类列表*/
.aboutleft2 {
	width:221px;
	font-size:12px; margin:0 auto; padding-top:0px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:29px;
	width:221px; height:29px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:0px #AAAAAA dashed; margin-top:10px;
}
.aboutleft2 a {
	height:29px;width:221px;
	line-height:29px;
	float:left;font-size:14px;
    text-align:left; padding-left:58px; color:#000
}
.aboutleft2 a:hover {
	font-size:14px;width:221px; height:29px;
	text-decoration:none; 
	text-align:left; padding-left:58px; color:#666
}


/*产品分类列表*/
.aboutleft {
	width:100%;
	font-size:12px; margin:0 auto; padding-top:5px; height:auto; padding-bottom:10px
}
.aboutleft li {
	line-height:41px;
	width:100%; height:41px; padding-top:0px;border-bottom:1px #0273BF solid; margin-top:0px;
}
.aboutleft a {
	height:41px;width:100%;
	line-height:41px;
	float:left;font-size:13px;
    text-align:center; color:#0273BF
}
.aboutleft a:hover {
	font-size:14px;width:100%; height:41px;
	text-decoration:none; 
	text-align:center; color:#666
}



/*内页联系我们*/
.boxleft_bot{ margin-top:15px;}
.nylink{ width:209px; height:auto; margin:15px auto 0 auto}
.nylink_top{ height:40px;background:url(../images/nylinktop.jpg) center top no-repeat;}
.nylink_bot{ width:209x; height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylink_nr{ line-height:24px; width:90%; margin:0 auto; padding-top:10px }

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:12px;}
.new1 a:hover {font-size:12px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 148px; margin:10px 11px; height:148px; float: left; overflow: hidden;}
.product li .img{width:146px;height:116px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.product li a{ display:block;}
.product li img{ max-width:146px; max-height:116px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}


.product2{ width:100%; list-style:none; padding-top:5px; padding-left:3px;}
.product2 li{ width:206px; margin:0px 11px; height:201px; float: left; overflow: hidden; }
.product2 li .img{width:196px;height:161px;border: 0px solid #D5D3D4;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px; padding:5px 5px 3px 5px;background:#EEF2F5}
.product2 li a{ display:block;}
.product2 li img{ max-width:142px; max-height:114px;vertical-align:middle; padding:5px 5px 3px 5px}
.product2 li p{  text-align:center; height:30px;line-height:30px;width: 100%}


.product_title{text-align:center; font-weight:bold;padding:5px; width:100%}
.product_related{text-align:center; padding:5px; width:100%}
.proimg{ text-align:center; width:90%; height:auto}

.page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px}


/*右侧主体*/
.boxright{ width:680px; height:auto; float:right;}
.boxright_top{ width:680px; height:31px; background:url(../images/nytop.jpg) left bottom no-repeat; border-bottom:1px #EBEBEB solid}
.boxright_mid{ width:680px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:700px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:170px; height:31px; line-height:31px; font-size:16px; color:#0273BF; float:left; padding-left:20px;}
.right_zi{ float:right; width:400px; text-align:right;height:31px; line-height:38px; color:#666; margin-right:15px;}

.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px }/*右侧内容*/



/*---------------------------------页尾样式开始-------------------------------------*/
.foot{ width:100%; height:112px; background:url(../images/foot.jpg) left top repeat-x; margin:15px auto 0 auto; text-align:center;}
/*.foot_nr{ padding-top:10px}*/

.foot_top{ padding-top:0px}
.foot_menu{ width:991px; height:30px; line-height:30px; margin:0 auto;}
.foot_menu a{ padding:0 15px}
.foot_bot{ width:100%; height:82px; overflow:hidden; color:#9CB4CE; padding-top:30px}








<!--滚动图片-->
.index_Roll { width:670px; height:160px; padding:0px;overflow:hidden;}
#demo { overflow:hidden;  width:670px; height:160px;  margin:0 auto;overflow:hidden;} 
#demo img { border: 1px solid #CFCFCF; }
#indemo { float: left; width:800%; }
#demo #indemo img { width:137px; height:102px; padding:5px;}
#demo #indemo a { display:block; width:149px; float:left; margin:15px 10px 0px 10px;}
#demo #indemo p { text-align:center;  line-height:30px; width:149px; }
#demo1 { float: left; }
#demo2 {float: left;}


	<!--滚动图片2-->
				
.index_Rolla { width:840px; height:56px; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden; width:840px; height:56px; margin:0 auto;overflow:hidden;} 
#demoa img { border: 0px solid #D2D2D2; }
#indemoa { float: left; width:800%; }
#demoa #indemoa img { width:130px; height:56px; padding:0px; }
#demoa #indemoa a { display:block; width:130px; float:left; margin:0px 7px 0px 7px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:130px;}
#demoa1 { float: left;}
#demoa2 {float: left;}
/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}



.message{ width:317px; height:345px; float:right; background:#EAEAEA}
.message_top{width:317px; height:42px; line-height:42px; font-size:14px; font-weight:bold; text-align:center}
.message_bot{ width:287px; height:303px; margin:0 auto}
.message_bot li{ width: 287px; height: 26px;line-height: 26px; text-align: left;margin-bottom: 10px;}
.message_bot li input {width: 187px;height:24px;line-height: 24px;border: 1px solid #CCC;}
.message_bot li .in{width:70px; height:24px;line-height: 24px; border: 1px solid #CCC;}
.message_bot .t{ width:287px; height:77px;}
.message_bot .t textarea{ width:221px; height:77px; border: 1px solid #CCC;}
.message_bot li .bottom{ width:82px; height:26px; float:right; background:url(../images/bottom.jpg) right bottom no-repeat}