﻿body{ font-family:"Arial"; font-size:14px;}
*{margin:0;padding:0}
img{border:0}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}
.clr{clear:both;height:0;overflow:hidden}
li{ list-style:none;}

header{
	width: 100%;
	height: 120px;
	background: url(../images/head_bg.png);
	position: relative;
}
.head_top{
	height: 42px;
}

.head_top a{
	float: right;
	line-height: 40px;
	color:#000
}
.head_top a img{
	margin:0px 10px 0px 0px;
}
.head_nav img{
	position: absolute;
	top:0;
}
.head_nav ul{
	float: right;
	line-height: 70px
}
.head_nav ul li{
	float: left;
}
.head_nav ul li a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 40px
}
.nav_icon{
	display: none;
}
.index_pro{
	width: 100%;
	margin: 3% 0;
}
.index_pro ul li{float:left;margin-right:6px;margin-bottom:10px;display:inline;width: 31%;margin: 0 1%;overflow:hidden;position:relative;}
.index_pro ul li .photo{width:300px;height: 180px;overflow:hidden;text-align: center;}
.index_pro ul li .photo img{
    margin: 13% 0px;
}
.index_pro .rsp{width:300px;height: 180px;overflow:hidden;position: absolute;background: #da251c;border: 2px solid #da251c;top:0px;left:0px;}
.index_pro .text{position:absolute;width:300px;height: 180px;left:-300px;top:0px;overflow:hidden;}
.index_pro .text h3{width:300px;margin:80px 0px 0px 0px;text-align:center;color:#FFFFFF;font-size:20px;}
.index_pro .text a{text-decoration:none}
.index_about{
	background: url(../images/index_about.png) no-repeat center;
	min-height: 500px
}
.index_a_title{
	background: url(../images/about.jpg) no-repeat;
	font-weight: bold;
	font-size: 24px;
	height: 63px;
	line-height: 63px;
	width: 269px;
	padding: 0px 0px 0px 30px;
	color: #fff;
}
.about_left{
	padding:0
}
.about_left img{
	margin: 140px 0px 0px 0px;
}
.about_left b{
	color:#fff;
	margin:10px 0 0 0;
	display:block;
}
.about_right{
	margin: 50px 0px 0px 0px;
}
.about_right p{
	color: #fff;
	line-height: 24px;
}
.index_more{
	background: #da251c;
	color: #fff;
	padding:12px 10px;
	margin: 20px 0;
	display: block;
	width: 15%;
	text-align: center;
	float: left;
}
.index_more:hover{
	background: #bf0a01;
	color:#fff;
	text-decoration: none;
	
}
.iso{
	background: url(../images/about_more.png) no-repeat;
	width: 50%;
	float: left;
	margin: 20px 5%;
	color:#fff
}
.iso:hover{
	background: url(../images/about_more_h.png) no-repeat;
	cursor: pointer;
}
.iso img{
	margin:3% 2% 4% 8%
}
.index_bg{
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    padding: 94px 0px;
    background:url(../images/pingzi.jpg);
	background-size: cover;
    background-origin: initial;
    background-clip: initial;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}
.index_bg big{
	font-weight: bold;
	font-size:30px;
	display: block;
}
.index_bg small{
	display:block;
	width:30%;
	margin:auto;
}
.index_work,.index_equip,.index_design{
	background: #e3e3e3;
	width: 32%;
	margin:0px 0px 0px 1%;
}
.index_design dd,.index_work dd{
	margin: 0 0 21px 0;
}
.index_equip dl{
	margin: 19px 0px 0px 0px;
}
.index_equip dl dd{
	margin:0px 0px 10px 0px
}
.index_choose dl dt{
	font-size: 18px;
	color: #ff0000;
	margin:8px 0px
}
.index_choose dl dt a{
	color: #ff0000;
}
.index_choose img{
	margin:10px 0px
}
.index_choose{
	padding: 0px 0px 4% 0px;
	background: url(../images/index_choose.jpg);
}
.choose_title{
	font-size: 30px;
	text-align: center;
	margin: 4% 0;
}
.foot_top{
	height: 56px;
	width: 100%;
	background: #2c2c2b
}
.foot_top li{
	float: left;
	line-height: 56px;
}
.foot_top ul li a {
    font-size: 16px;
    color: #fff;
}
.footer_li2 {
    width: 1px;
    height: 22px;
    background: url(../images/footer_icon2.png) no-repeat 0px 8px;
    margin: 16px 30px 0px;
}
.foot_pro li{
	background: url(../images/foot_i.png) no-repeat left;
	padding: 0px 0px 0px 25px;
	float: left;
	margin: 15px 40px 10px 0px;
}
.foot_center{
	background: #212121;
	padding: 16px 0;
}
.foot_pro li a{
	color:#fff
}
.cont_dizhi{
	color: #fff;
	margin: 0px 0 0 -15px;
}
.cont_dizhi span{
	display: block;
	margin: 0 0 0 32px;
}
.cont_ewm{
	margin: 0px 0px 0px 0px;
}
.ewm{
	float: left;
}
.cont_ewm ul a{
	margin:0 10px 0 0;
}
.foot_bottom{
	background: #000;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}



/*neiye*/
.about_title img{display: block;margin: 2% auto;}
.about_wraper p{
	line-height:28px
}
.neiye_banenr{
	width:100%
}
.neiye_banenr img{
	max-width:100%
	
}
img.zhengshu{
	float:right;
	margin: 0 0px 25px 0;
}
.about_wraper{
	margin:2% 0;
}
.table_row_title{
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	margin: 25px 0px 0px 0px;
}
.wenhua .cell {
    vertical-align: top;
    padding: 20px 5%;
    cursor: default;
    position: relative;
    height: 310px;
    width: 50%;
    float: left;
}
.wenhua h4{
	font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    padding-top: 0.5em;
    padding-bottom: 1em;
}
    
.wenhua li {
    position: relative;
    padding-bottom: 1em;
    list-style: none;
}

.wenhua li span {
	width: 8px;
	height: 8px;
	background:#f00;
	border-radius:50%;
	display: block;
	clear: both;
	position: absolute;
	left: -25px;
	top: 7px;
}
.wenhua h4 i,
.wenhua h4 span {
    display: inline-block;
    vertical-align: middle;
}

.wenhua h4 i {
    margin-left: -60px;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border-radius: 50%;
    background: #ea0f15;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.wenhua .ico-feature-1 {background-image: url('../images/feature-1.png')}
.wenhua .ico-feature-2 {background-image: url('../images/feature-2.png')}
.wenhua .ico-feature-3 {background-image: url('../images/feature-3.png')}
.wenhua .ico-feature-4 {background-image: url('../images/feature-4.png')}
.table_row ul{
	height: 180px;
	padding: 0px 0px 0px 20px;
	line-height: 24px;
}
.content_left .title,.contact_list .title,.bread{
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    text-indent: 10px;
    background-image: url(../images/tl.jpg);
    background-repeat: repeat-x;
    background-position: 0px bottom;
    font-weight:  bold;

}
.left_nav{border-top:0;overflow:hidden;padding:0 0 20px 0;}
.left_nav ul{margin-top:-1px;}
.left_nav li{/* border-top:1px dashed #e7e7e7; */}
.left_nav li .t{height:50px;line-height:50px;padding:0 0 0 18px;position:relative;border-bottom: 1px dashed #bdbdbd; */}
.left_nav li .t i{position:absolute; left:0; top:0; width:18px; height:50px;background:url(../images/ioc_l.png) no-repeat 0 center; cursor:pointer}
.left_nav li .t a{ font-weight: bold; }
.left_nav li .t a,.left_nav li .t.hover:hover a{color:#000}
.left_nav li .t:hover i{background:url(../images/ioc_la.png) no-repeat 0 center;}
.left_nav li .t:hover a{color: #bf2921;}
.left_nav li .t.hover i{background:url(../images/ioc_b.png) no-repeat 0 center; }
.left_nav li .txt{padding: 0 0 0px 18px;}
.left_nav li .txt p{line-height: 38px;height:38px;overflow:hidden;border-bottom: 1px dashed #bdbdbd; */}
.contact_list li{
	line-height:30px;
}
.product_wraper{
	margin:1% 0 2% 0
}
.product_list a img{
	width:100%;
	display: block;
}
.product_list p {
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: normal;
	margin-top: 5px;
}
.center_p{
	border-right: 1px solid #EBEBEB;
	margin:2% 0;
}
.center_p:nth-child(3n+0){
    border-right:none;
}
.product1 li.plist1 {padding:2px 8px 15px 8px;width: 33%;float:left;overflow:hidden;display:block;z-index:-100;line-height: normal;}
.product1 li.plist1 a{ border:1px solid #E9E7EA; box-shadow:0 0 3px #E0DFE0; display:block; color:#666; background:#FFFFFF;}
.product1 li.plist1 a:hover{ border:1px solid #97262a; background: #97262a; box-shadow:0 0 3px #E0DFE0; display:block; color:#FFFFFF;}
.product1 li.plist1 a:hover img {}
.product1 li.plist1 dl dt { }
.product1 li.plist1 dl dd { width:100%;}
.product1 li.plist1 img {/* width:204px; */}

.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}
span.pro {border-top:1px solid #eee;font-size:14px;display:block;text-align:center;overflow:hidden;height: 48px;line-height: 48px;}

.video_list{
	width: 48%;
	float: left;
	margin: 1%;
}
.video_list video{
	max-width:100%;
}
.xwlb li{list-style:none;border-bottom:1px dashed #ccc;line-height: 25px;padding-top: 10px;}
.xwlb strong{ font-weight:bold; font-size:16px;}
.xwnr{ list-style:none;}
.xwnr h4{text-align:center; font-size:20px; }
.xwnr strong{ font-weight:bold; font-size:16px;}
.section strong{font-weight:bold; font-size:16px;}
.news_wraper{
	margin: 1% 0 2% 0;
}
.news_de p{
	text-align:left;
	font-size:12px;
	text-indent:2em;
}
.news_title{
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
.contact_wraper{
	margin:2% 0;
}
.contact-form{}

	.contact-form input[type="text"],
	.contact-form input[type="email"]{
		border: 1px solid #E8E8E8;
		padding: 12px 14px;
		width: 100%;
		margin-bottom: 20px;
		border-radius: 5px;
		background: #f5f5f5;
	}

	.contact-form textarea{
		border: 1px solid #E8E8E8;
		padding: 8px 14px;
		width: 100%;
		margin-bottom: 20px;
		background: #f5f5f5;
	}
.cont_right{
	margin: 75px 0px 0px 0px;
}
.cont_main{
	position: relative;
	padding: 30px;
	border: 6px solid #f2f2f2;
	border-radius: 1px;
}
.contact-form span{
	display:block;
	color: #bf2921;
	font-weight: bold;
	line-height: 30px;
}
.widget-title {
	position: relative;
	margin: 0 0 25px 0;
	font-size: 28px;
	color: #bf2921;
}
.widget-title span.light{
	color: #333333;
	font-weight: normal;
	letter-spacing: -0.8px;
}
.btn-send{
	background: #bf2921;
	color: #fff;
	padding: 2% 5%;
}
.btn-send:hover{
	background: #a52019;
	color: #fff;
}
@media screen and (max-width: 480px) { 
	header{
	background: #fff;
	height: 91px;
	}
	.head_nav .logo img{
		position: absolute;
		left: 0;
		max-width: 31%;
		top: 10px;
	}
	.head_nav ul{
		display:none
	}
	.head_nav ul li{
		float:none
	}
	.head_top{
		width: 100%;
		float: left;
	}
	.nav_icon img{
		position:absolute;
		right: 16px;
		max-width: 100%;
		top: 43px;
	}
	.head_nav ul{
		margin: 40px 0 0 0;
		z-index:9999;
		clear: both;
		width: 100%;
		line-height: 40px;
	}
	.head_nav ul li{
		float:none;
		z-index:9999;
		background: #000;
		border-bottom: 1px solid #ccc;
		text-align:  center;
	}
	.head_nav ul li a{
		color: #fff;
		text-align:  center;
	}
	
	.nav_icon{
		display:block
	}
	.index_pro ul li .photo{width: 100%;height: 120px;overflow:hidden;text-align: center;}
	.index_pro ul li .photo img{
  	  margin: 13% 0px;
	}

	.index_pro .rsp{width:100%;height: 120px;}
	.index_pro .text h3{width:100%;margin:50px 0px 0px 0px;font-size:14px;}
	.index_pro .text{width:100%;height: 120px;}
	.about_left img{
		max-width:100%;
		margin:20px 0 0 0
	}
	.about_right{
		margin:10px 0 0 0;
		overflow:hidden;
		height: 280px;
	}
	.index_bg{
      padding: 34px 0px;
	}
	.index_bg big{
	
	font-size:20px;
	padding:20px 0;
}
	.index_bg small{
		display:block;
		width:100%;
		margin:auto;
	}

	.index_work,.index_equip,.index_design{
	background: #e3e3e3;
	width: 100%;
	margin:0px 0px 0px 1%;
	}
	.index_work img,.index_equip img,.index_design img{
		max-width:100%
	}
	.foot_top{
		display:none
	}
	.cont_ewm{
		display:none
	}
	.about_wraper{
		width:90%;
		margin:2% auto
	}
	.about_title img{
		max-width:100%;
	}
	.company img,.equipment img{
		max-width:100%
	}
	.zhengshu{
		display:none
	}
	.wenhua .cell {
    padding: 20px 0% 0 15%;
    position: relative;
    width: 100%;
    min-height: 310px;
 }
.left_nav{display:none;}
.contact_list{display:none;}
.bread{display:none;}
} 