.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:#fff;font-family:Microsoft YaHei; background-color: #0172c0; }
p{ line-height:25px;}
.cl{ clear:both}
a{
  font-size:12px; 
  text-decoration:none;color:#fff;
  
}
a:hover{
	font-size:12px;
	text-decoration:none;color:#fff;
}

.zi a{  font-size:12px; 
  text-decoration:none; color:#000}
.zi a:hover{  font-size:12px; 
  text-decoration:none;color:#FFFF66}
.piczi a{  font-size:12px; 
  text-decoration:none; color:#37876C}
.piczi a:hover{  font-size:12px; 
  text-decoration:none;color:#000000}
  
.pad{ padding-top:15px}
.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:30px; margin:0 auto}
.hy_left{ width:665px; height:30px; float:left; line-height:30px; font-size:12px;}
.hy_left .left{ width:190px; height:30px; line-height:30px; float:left}
.hy_left .right{width:240px; height:30px; line-height:30px; float:left}
.logo{ width:1002px;  height:120px; background:url(../images/logo.jpg) left top no-repeat; margin:0px auto 15px auto }
.logo_right{width:173px; text-align:center; float:right; line-height:30px; }/*设为首页 加入收藏*/
.logo_right a{ }
.logo_right a:hover{ }
.menubg{ width:1002px; height:42px; margin:0 auto;}/*导航宽高*/

.banner{ width: 1014px; height:auto; margin:2px auto 0 auto; overflow:hidden}
/*////////////////////////////bannar kaishi////////////////////////////////////////////////////////////////*/
.flexslider {
	width: 1014px;
	padding: 0;
}
.flexslider .slides li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 1014px;
	display: block;
}
#container {
	width: 1014px;
}
/* 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////////////////////////////////////////////////////////////////*/

.gg{ width:1002px; height:42px; line-height:42px; margin:0 auto}
.gg .left{ width:765px; height:42px; float:left}
.gg .left p{ line-height:42px;}
.gg .left font{ width:55px; height:42px; line-height:42px;text-align:left; float:left}
.gg .left marquee { width:710px; text-align:left; float:left;line-height:42px;height:42px; }
.gg .right{ width:189px; height:30px; float:right; margin-top:7px;}
.gg .right_left{ width:153px; height:28px; border:1px #000 solid; border-right:none; float:left}
.gg .right_right{ width:35px; height:30px; background:url(../images/gg_right.jpg) center top no-repeat; float:right; border:none}



.bor{ border:0px #D2D2D2 solid}

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

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


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

/* 首页中心部分:上，中，下等等*/
.sytop{ width:1002px; height:auto; margin:20px auto; overflow:hidden; clear:both;background-color: #005692;}
.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}

/*首页图片*/
.syabout1{ width:450px; height:auto; float:left; margin:0 auto 20px auto}
/*.syabout_top1{ width:450px;height:95px;float:right;background:url(../images/abouttopbg.jpg) left top no-repeat}*/
.syabout_top1 .left1{ width:450px; height:270px; float:left; background:url(../images/abouttop.png) right bottom no-repeat}
.syabout_bot1{width:600px; height:160px; overflow:hidden; border-top:none}


/*首页公司简介*/
.syabout{ width:500px; height:auto; float:left; margin:0 auto 20px auto}
.syabout_top{ width:227px;height:95px;float:right;background:url(../images/abouttopbg.jpg) left top no-repeat}
.syabout_top .right{ width:500px; height:37px; line-height:37px; float:right; text-align:center;float:right}
.syabout_bot{width:500px; height:160px; overflow:hidden; border-top:none}
.in_about{padding:8px 15px;line-height:22px;}


/*首页资质荣誉*/
.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:311px; height:auto; float:left}
.sylist_top{ width:311px;height:37px;background:url(../images/abouttopbg.jpg) left top repeat-x}
.sylist_top .left{ }
.sylist_top .right{ width:60px; height:34px; float:right; line-height:45px; text-align:center}
.sylist_bot{width:367px; height:255px; overflow:hidden}


/*新闻公告*/
.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:650px; height:auto; float:left; margin:0 auto 0 27px}
.synews_top{}
.synews_top .left{ width:187px; height:34px; float:left; background:url(../images/newstop.jpg) left top no-repeat}
.synews_top .right{ width:60px; height:34px; line-height:45px; float:right; text-align:center}
.synews_bot{ width:650px; height:195px; overflow:hidden; border-top:none}
.synewsdi{}

/*首页新闻列表*/
.new {width:95%;margin:5px auto 0 auto;}
.new li {width:100%;height:29px;line-height:29px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #DFDFDF dashed}
.new a {height:33px;line-height:29px;float:left; padding-left:20px;  text-decoration:none}
.new font {float:right;height:29px;line-height:29px;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; float:left; margin:20px auto 0 auto}
.sypic_top{}
.sypic_top .left{ width:116px; height:34px; float:left; background:url(../images/pictop.jpg) left top no-repeat}
.sypic_top .left2{ width:180px; height:34px; float:left; background:url(../images/pictop2.jpg) left top no-repeat}
.sypic_top .right{ width:60px; height:37px; line-height:37px; float:right; text-align:center}
.sypic_bot{width:1002px; height:397px; overflow:hidden; border-top:none}


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


/*首页友情链接：文字*/
.syfri{ width:1002px; height:40px; margin:0 auto;line-height:40px; color:#fff; text-align:left}
.syfri span{ font-size:14px; text-align:left;}
.syfri a{ padding:0 15px}



/*首页友情链接：图片*/
.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:276px;   margin:0px; float:left}
/*内页产品分类*/
.nylist{width:276px; height:auto; margin:0 auto}
.nylist_top{height:37px; background:url(../images/nylisttop.jpg) center top no-repeat;}
.nylist_bot{ width:276px;height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylist .classname{ line-height:28px;font-size:16px; color:#fff; font-weight:; padding-left:5px}/* 类别名称*/

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


/*产品分类列表*/
.aboutleft {
	width:100%;
	font-size:12px; margin:0 auto; padding-top:10px; height:auto; padding-bottom:10px
}
.aboutleft li {
	line-height:35px;
    height:35px; padding-top:0px; border-bottom:0px #AAAAAA dashed; margin-top:4px;
}
.aboutleft a {
	height:35px;
	line-height:35px;
	font-size:12px;
    text-align:center; color:#fff
}
.aboutleft a:hover {
	font-size:12px; height:35px;
	text-decoration:none; 
	text-align:center; color:#fff
}


/*内页联系我们*/
.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: 211px; margin:10px 10px; height:176px; float: left; overflow: hidden;}
.product li .img{width:199px;height:134px;border: 1px solid #ddd; padding:4px;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:199px; max-height:134px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width:100%;color:#fff;}
.product li p:hover{color:#000;}

.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:708px; height:auto; float:right;}
.boxright_top{}
.boxright_mid{ width:708px; 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:300px; height:34px; line-height:34px; font-size:16px; color:#FFF; float:left; padding-left:5px;}
.right_zi{ float:right; width:300px; text-align:right; line-height:34px; color:#FFF; margin-right:15px;}

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



/*---------------------------------页尾样式开始-------------------------------------*/
.foot{ width:100%; height:169px; 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:1002px; height:46px; line-height:46px; margin:0 auto;}
.foot_menu a{ padding:0 15px}
.foot_bot{ width:100%; height:73px; overflow:hidden; color:#fff; padding-top:8px}








<!--滚动图片-->
.index_Roll { width:680px; height:176px; padding:5px 0px;overflow:hidden;}
#demo { overflow:hidden;  width:680px; margin:0 auto;overflow:hidden;} 
#demo img { border: 1px solid #CCCCCC; }
#indemo { float: left; width:800%; }
#demo #indemo img { width:211px; height:162px; padding:5px;}
#demo #indemo a { display:block; width:218px; float:left; margin:10px 10px 0px 10px;}
#demo #indemo p { text-align:center;  line-height:30px; width:218px; }
#demo1 { float: left; }
#demo2 {float: left;}


	<!--滚动图片2-->
				
.index_Rolla { width:955px; height:196px; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:955px; margin:0 auto;overflow:hidden;} 
#demoa img { border: 1px solid #D2D2D2; }
#indemoa { float: left; width:800%; }
#demoa #indemoa img { width:211px; height:155px; padding:5px; }
#demoa #indemoa a { display:block; width:218px; float:left; margin:8px 10px 0px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:218px;}
#demoa1 { float: left;}
#demoa2 {float: left;}


.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}


/*在线留言*/
#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;}