﻿.topaa{ /*position:fixed; top:0px; left:0px; z-index:999;固定在页面头部*/ width:100%;}
.top_div_logo{ width:100%; background:#FFF;}
.top_logo{margin:20px; width:552px; height:42px; background:url(../images/logo3.jpg) no-repeat; float:left; overflow:hidden;}

.line1{height:10px; width:100%;}
.line2{height:70px; width:100%;}
.clearfix:after{ clear:both;}




/*首页内容*/
.in_ny{ width:100%; min-height:100px; overflow:hidden; margin:0 auto;}
.in_ny img{ width:100%}
.in_pro_show{ width:100%;  overflow:hidden; padding:0px 0px 0px 0px;}
.in_pro_show a{ color:#000000; text-decoration:none;}
.in_pro_show a:hover{ color:#333333;}

.telBT{font-size:14px; color:#000; line-height:30px; margin-top:8px; margin-left:15px;}
.telno{font-size:20px; font-weight:bold; color:#0127EA; line-height:30px; margin-left:15px;}
.telno a {text-decoration:none; color:#0127EA; }
.telno a:hover{ text-decoration:none;}
.era{ width:40%; text-align:left; margin-top:2px; float:right; overflow:hidden;}
.era img{ float:left; width:96px;}
.er1{width:40px; height:100px; text-align:center; font-size:14px; font-weight:bold; color:#555; line-height:16px; float:left; margin-top:2px;}

.top_tel{float:left; width:50%; line-height:28px; text-align:left; margin-top:5px; white-space:nowrap;}
.top_tel a{color:#00F; text-decoration:none;}
.top_tel a:hover{color:#00F; text-decoration:underline;}
.top_tel img{ margin-bottom:5px;}
.top_er{float:right; width:auto; height:auto; overflow:hidden; margin-top:5px; white-space:nowrap;}

.listd1{width:6px; height:6px; border-radius:15px; float:left; background:#E00100; display:inline-block; }
.listd2{ display:inline-block; margin-left:5px; }
.listd{width:5px; height:25px; float:left; background:#E00100; color:#FFF; margin-top:8px;}

/*动画*/
.flash{ width:100%;  margin:0 auto; margin-top:2px; min-height:100px; overflow:hidden;}

/*动画一*/
/*-------手机动画----------------*/
.mui-slider { position:relative; z-index:1; overflow:hidden; width:100%}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {border-bottom:0;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {border-top:1px solid #c8c7cc; border-bottom:1px solid #c8c7cc;}
.mui-slider .mui-slider-group { font-size:0; position:relative; -webkit-transition:all 0s linear; transition:all 0s linear; white-space:nowrap}
.mui-slider .mui-slider-group .mui-slider-item { font-size:14px; position:relative; display:inline-block; width:100%; height:100%; vertical-align:top; white-space:normal }
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) { line-height:0; position:relative; display:block
}
.mui-slider .mui-slider-group .mui-slider-item img { width:100% }
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before {height:0}
.mui-slider .mui-slider-group.mui-slider-loop {-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0)}
.mui-slider-title { line-height:30px; position:absolute; bottom:0; left:0; width:100%; height:30px; margin:0; text-align:left; text-indent:12px; opacity:.8; background-color:#000; }
.mui-slider-indicator { position:absolute; bottom:8px; width:100%; text-align:center; background:0 0;}
.mui-slider-indicator.mui-segmented-control { position:relative; bottom:auto;}

/***动画中的点***/
.mui-slider-indicator .mui-indicator { display:inline-block; width:8px; height:8px; margin:1px 6px; cursor:pointer; border-radius:50%; background:#aaa; -webkit-box-shadow:0 0 1px 1px rgba(130, 130, 130, .7); box-shadow:0 0 1px 1px rgba(130, 130, 130, .7); font-size:12px; }

.mui-slider-indicator .mui-active.mui-indicator { background:#fff;}
.mui-slider-indicator .mui-icon { font-size:20px; line-height:30px; width:40px; height:30px; margin:3px; text-align:center; border:1px solid #ddd}
.mui-slider-indicator .mui-number { line-height:32px; display:inline-block; width:58px;}
.mui-slider-indicator .mui-number span { color:#ff5053;}
.mui-slider-progress-bar { z-index:1; height:2px; -webkit-transform:translateZ(0); transform:translateZ(0);}
/*-------手机动画----------------*/

/*动画一*/


/*内容*/
.music_div tr {width: 100%;}
	.music_div tr td {width: 33%;}
	.music_div tr td a{ border:0px;}
		.music_div tr td img {width: 100%;}
			
.Content_div tr{width: 100%; color:#000; }		

.Content_div1{width: 100%; color:#000; }	

/*导航-pro-leibie-dh*/
.con_dh_div{ background-color:#EEE; width:100%;text-align:left; float:left; color:#FFF; font-size:14px; line-height:28px; padding:5px 0 5px 0;}
.con_dh_div a{display:inline-block; font-weight:bold; color:#FFF; text-decoration:none;  border:1px solid #FAFAFA; border-radius:5px; padding:0 5px 0 5px; width:29%; height:28px; font-size:14px; background-color:#999;}
.con_dh_div a:hover{ color:#FFF; background-color:#555555;}
/*.con_dh_div a:visited{ background-color:#555555;}*/

.con_dh_div ul li{ padding:0 5px 0 5px;}


/*导航-pro-leibie-dh*/
.dh_css{ width:100%; text-align:center; overflow:hidden; background:#c80505; min-height:35px;}
.dh_css a.dha{width:24.7%; line-height:35px; overflow:hidden; border-bottom:1px #FFF solid; border-right:1px #FFF solid; 
background:#c80505; float:left; text-align:center; display:inline-block; font-size:16px; color:#FFF; text-decoration:none;}
.dh_css a.dha:hover{ color:#FF3;}

.dh_css a.dhb{width:24.7%; line-height:35px; overflow:hidden; border-bottom:1px #FFF solid; border-right:1px #FFF solid; 
background:#666; float:left; text-align:center; display:inline-block; font-size:16px; color:#FFF;  text-decoration:none;}
.dh_css a.dhb:hover{ color:#FF3;}





.dh_css ul{width:100%; min-height:35px; text-align:center;}
.dh_css ul li{width:24.6%; border-bottom:1px #FFF solid; border-right:1px #FFF solid; background:#09F; float:left; text-align:center;}
.dh_css ul li a{width:100%; line-height:35px; text-decoration:none; font-size:16px; color:#FFF; display:inline-block;}
.dh_css ul li a:hover{ color:#F00;}

.topfkk1{ background:url(../images/fk01.jpg) left no-repeat; width:47%; height:54px; float:left;  margin:5px 0; margin-left:5px;}
.topfkk2{ background:url(../images/fk02.jpg) left no-repeat; width:47%; height:54px; float:left;  margin:5px 0; }
.topfkk3{ background:url(../images/fk03.jpg) left no-repeat; width:47%; height:54px; float:left;  margin:5px 0; margin-left:5px;}
.topfkk4{ background:url(../images/fk04.jpg) left no-repeat; width:47%; height:54px; float:left;  margin:5px 0;}
.topfkka{text-align:left; color:#555; font-size:20px;  line-height:30px; width:60%; margin-left:55px;float:left;}
.topfkkb{text-align:left; color:#8C8C8C; font-size:12px;  line-height:25px; width:60%; margin-left:55px; float:left;}




.div_pid10{ width:100%; height:10px; margin:0 auto; clear:both; text-align:center;}


/*首页参数*/
/*标签类型*/
.div_bq{ width:100%; text-align:center;}
.div_onepage{width:100%; height:50px; line-height:50px; font-size:20px; text-align:center;  background:url(../lab/h1bj.jpg) center no-repeat;  }
.div_bq .h2{ width:auto; height:40px; line-height:40px; font-size:20px; color:#333; background:url(../images/line1.png) center no-repeat; text-align:center; letter-spacing:2px; margin-top:5px;}
.div_bq .pp{ line-height:22px; font-size:16px;}


/*内页分类*/
.web_class{width:100%; margin:0px auto; min-height:30px; text-align:center; margin-top:20px;}
.web_classA{background:#999; text-align:center; width:auto; height:30px; line-height:30px; font-size:14px; padding:0 7px; margin:3px 2px; display:inline-block;}
.web_classA:hover{color:#FFF; cursor:pointer; background:#c80505;}
.web_classA a{color:#FFF; text-decoration:none;}




/*产品列表-pro_list_div*/
.pro_list_div{ width:100%; min-height:200px;}
.pro_list_div ul li{ width:45%; margin-left:5px; float:left; line-height:30px; }


/*news_list_div*/
.news_list_div{margin-top:10px; min-height:100px; padding-left:5px; padding-right:5px;}
.news_list_div ul .li1{ margin-top:10px; line-height:22px;}
.news_list_div ul .li1 img{ margin-bottom:10px; border:8px solid #E4E4E4;}
.news_list_div ul .news_list{ height:35px; line-height:35px; border-bottom:1px dashed #E0E0E0;}
.news_list{ height:35px; line-height:35px; border-bottom:1px dashed #E0E0E0; }
.news_list a{ text-decoration:none;}
.news_list a:hover{ text-decoration:none; color:#C80505;}


.Smasma{line-height:35px; margin-left:20px;}




/*news_pro_show*/
.new_show_bt{ font-size:20px; font-weight:bold; color:#333; text-align:center; overflow:hidden; min-height:30px; line-height:30px; margin-top:10px;} 
.new_show_k{ padding:10px;}
.new_show_date{ font-size:12px; color:#888; text-align:center; height:35px; line-height:35px;}
.new_show_line{ border-bottom:1px dashed #808080;}
.new_show_img{ text-align:center; width:98%; padding:10px 5px;}
.new_show_ny{font-size:14px; color:#141414; padding:0px; word-break: break-all; -moz-hyphens: auto; hyphens: auto; line-height:25px; width:90%; overflow:hidden; margin:0 auto;}
.new_show_ny div,span,p{line-height:25px;}
.new_show_ny img { width:100%;}
.new_show_ny p img { width:100%;}
.new_show_ny p input{ width:100%; height:auto;}


/*up_next*/
.up_next{ font-size:14px; width:99%; margin:20px auto; overflow:hidden; line-height:20px; border-top:1px #999 dashed; padding:10px 0px;}
.up_next a{font-size:14px; color:#333;}
.up_next a:hover{ color:#c80505;}
/*up_next*/


/*food*/
#navbar {
	margin-top:50px;
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    left: 0px;
    right: 0px;
    /*-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 24px rgba(0,0,0,0.8);*/
    border-top: 1px solid #b20001;
    height: 62px;
    background-color: #b20001;
	background-image: -webkit-linear-gradient(#ff1c1e, #b20001);
	background-image: -moz-linear-gradient(#ff1c1e, #b20001);
	background-image: -ms-linear-gradient(#ff1c1e, #b20001);
	background-image: -o-linear-gradient(#ff1c1e, #b20001);
	background-image: linear-gradient(#ff1c1e, #b20001);
}

.navbar ul li{ float:left; width:25%; height:62px; line-height:62px; text-align:center; font-weight:bold;}
.navbar ul li div{width:150px; margin:15px auto 0 auto; }
.navbar ul li span{ display:inline-block; height:30px; line-height:30px; margin-left:5px; float:left;}
.navbar ul li a{  height:30px; line-height:30px; display:inline-block; text-decoration:none; color:#FFF; font-size:14px; }
.navbar ul li a:hover{ color:#9E9E9E;}

/*food*/



/*横条公司简介*/

.h1{ width:auto; height:35px; line-height:35px; font-size:18px; color:#333; background:url(../images/ha.jpg) left no-repeat; text-align:left; letter-spacing:2px; margin-top:10px; text-indent:15px;}
.h1_div{ height:auto; padding-left:8px; padding-right:8px; overflow:hidden; margin-bottom:5px;}
.h1_div a{ text-decoration:none; font-size:14px;}
.h1_div img{ width:100%; margin-top:5px; border:1px solid #E4E4E4; border-radius:3px;/*圆角*/ box-shadow:0px 0px 10px #5A5A5A ;}
.h1_albt{ width:100%; text-align:center; height:35px; line-height:35px; font-size:16px; color:#4C4C4C;}
/*.h1_div img:hover{border-radius:3px;/*圆角 border:1px solid #E4E4E4;  box-shadow:0px 0px 10px #5A5A5A ;}*/

.ht_about{width:100%; height:40px; line-height:40px; font-size:20px; color:#FFF; /*background:url(../lab/h1bj.jpg) center no-repeat; */text-align:center; margin-top:10px; margin-bottom:10px; background:#C80505;}
.ht_about A{color:#FFF;  background:#C80505;}
.ht_about A:hover{color:#FF3;}

.inabout{width:98%; margin:0 auto; padding:5px 10px; line-height:30px;}
.inabout img{ height:170px; margin:5px 5px 5px 0; border-radius:3px;/*圆角*/}
.inabout span.p{line-height:25px;}

/*底部*/
.auto{max-width:100%; margin:0 auto;}

.di{ background:#09F; width:100% !important;}
.di li{ width:33.3%;padding-top:15px; text-align:center; display:block; float:left;}
.di li span{ color:#f2f2f2; display:block; padding-bottom:20px;}
.di li:hover{ background:#666; display:block;} 

.downd{width:100%; min-height:90px; overflow:hidden; font-size:14px; line-height:25px; 
padding-bottom:30px; padding-top:10px;  background:#E3E3E3; text-align:left;}
.downd p,span{font-size:14px;}
