.ban-about{ background:url(../images/ban-about.jpg) center top no-repeat; height:260px;}
.ban-job{ background:url(../images/ban-job.jpg) center top no-repeat; height:260px;}
.ban-contact{ background:url(../images/ban-contact.jpg) center top no-repeat; height:260px;}
.ban-culture{ background:url(../images/ban-culture.jpg) center top no-repeat; height:260px;}
.ban-news{ background:url(../images/ban-news.jpg) center top no-repeat; height:260px;}
.ban-service{ background:url(../images/ban-service.jpg) center top no-repeat; height:260px;}
.ban-product{ background:url(../images/ban-product.jpg) center top no-repeat; height:260px;}
.ban-equipment{ background:url(../images/ban-equipment.jpg) center top no-repeat; height:260px;}

.n_main_box{ margin-top:30px; margin-bottom:50px;}

.main_box{ width:1200px; margin:auto; margin-top: 38px; min-height:400px; margin-bottom: 50px; }




/*==============n_content_left=====================*/

.n_left{ width:260px; float:left;  overflow:hidden;}
.n_left .left_title{ height:90px; padding-left:65px; background:url(../images/icon_n_title.png) 20px center no-repeat #c92222;}
.n_left .left_title strong{ display:block;   color:#fff; display:block;font-weight:bold;   font-size:20px; text-transform: uppercase; padding-top: 24px;}
.n_left .left_title span{ display:block; color:#fff; display:block;  font-size:12px;text-transform: uppercase; } 

 

/*=================侧导航==================*/

#n_nav{ background:#f7f7f9; padding:20px 0 20px 0;  border:1px solid #e9e9ec;}
#n_nav li{ position:relative; padding:0 0px; display:block;  line-height:44px; height:44px; overflow:hidden; border-bottom: 1px solid #e7e9eb;}
#n_nav li a{font-size:14px; padding-left: 25px; color:#343536; display:block;}
#n_nav li.on{ background:url(../images/bg_sub_li.png) 0 center  no-repeat; }
#n_nav li.on a{ color:#fff; }
#n_nav li:hover{background:url(../images/bg_sub_li.png) 0 center  no-repeat; }
#n_nav li:hover a{ color:#fff}

.md{border:1px solid #e9e9ec; margin-top:20px;background: #f7f7f9; padding: 15px;}
.md .link_box{ padding: 10px 0;}
.md .link_box a{display: block; margin: 0 auto; width: 50px; padding: 0 20px;  padding-left: 45px;  color: #fff; font-size: 12px; border-radius: 14px; background-color:#767676; height: 28px; line-height: 28px;}
.md .link_box a.bnt_qq{ margin-bottom: 10px; background-color: #767676; background-repeat:no-repeat;  background-image: url(../images/wxh.png); background-position:20px center; }
.md .link_box a.bnt_wecat{background: url(../images/icon_wecat.png) 20px center no-repeat #767676;}
.md .link_box a:hover{ background-color: #DA2417;}
.md .tel_box{ padding-left: 40px; border-top: 1px solid #e1e4e4;}
.md .tel_box { padding-top: 18px; background: url(../images/wxh.png) left 20px  no-repeat; font-size: 15px; color: #c92222; font-weight:bold;}
.ewm_box{ cursor:pointer; position:relative;}
.ewm_box .ewm{  position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:-1; display:none; }
.ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100);z-index:3;  display:block; }

.bnt_qq {
  -webkit-animation-name: bnt_qq;
  animation-name: bnt_qq;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bnt_qq {
  0%, 50%, 100% {
   background-image: url(../images/icon_qq_left.png);
  }
  25%, 75% {
   background-image: none;
  }
}

  

/*==============n_content_right=====================*/

.n_right{ width:895px;float:right;  }
.n_title{ position:relative; height:40px; line-height:40px; border-bottom:1px solid #dde0e2; }
.n_title h1{ font-size:18px; font-weight:bold; border-bottom:1px solid #c92222; display:inline-block;   color:#111111; margin-bottom:-1px; }

/*==============当前位置=====================*/
.position{ position:absolute; line-height: 40px; height:40px; right:0px; top:0px; color:#8a8c8e; background:url(../images/icon_home.png) left center no-repeat; padding-left:15px;}
.position span, .position a, .position i{ font-size:12px; color:#777;}
.position em{ font-size:12px; color:#c92222; font-style:normal;}
.position a:hover{ color:#c92222;}

.n_content{ min-height:360px; padding-top:30px;}
.ar_article {color:#6e6e70; font-size:14px; line-height:30px; text-align:justify; }
.ar_article p{font-size:14px; color:#6e6e70; line-height:24px; padding-bottom:10px; text-align:justify;   }	


.partner ul{ }
.partner li{ float:left;margin: 10px 5px; border:1px solid #ddd; }
.partner li img{ width:210px; height:120px; }
.partner li:hover img{cursor:default;webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.partner *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; } 


/******************新闻样式************************/
.news {padding-bottom: 10px;}
.news ul {height: 38px;margin-right: 8px;padding-left: 12px;background: url(../images/xsj.jpg) no-repeat 1px;border-bottom: 1px dotted #dbdbdb;}
.news li {font-size: 12px;color: #999999;list-style-type: none;float: left;line-height: 38px;height: 38px;}
.news_wz {width: 780px;}
.news_wz a {color: #666666;text-decoration: none;font-size: 14px;}
.news_wz a:hover {color: #01A94A;text-decoration: underline;}




/*新闻内页开始*/
.news-tit{text-align:center;font-size:18px;color: #333;padding-top: 10px;font-weight: bold;}
.news-tit span{ text-align:center;  display:block; line-height:25px;}
.news_detail {padding-top: 15px;}
.news_detail p {font-size: 14px;line-height: 24px;color: #434343;padding-top: 6px;}

.pages{line-height:30px;border-top:1px dotted #ccc;margin-top:25px;padding-top:12px;font-size:14px;color:#666666;margin-right: 12px;} 
.pages a{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5; color:#666666; }
.pages a:hover{text-decoration:none;border:1px solid #01A94A;color:#fff; background-color:#01A94A;}

/******************招聘职位************************/
.jobs ul{float:left;position: relative;z-index: 3;margin-bottom: 45px;}
.jobs ul li{float:left;width:400px;height: 125px;margin: 11px 20px 11px 20px;text-align: left;cursor:pointer;overflow:hidden;background-color: #eeeff2; border:1px solid #ddd;box-sizing:border-box;border-radius: 3px;padding: 0 30px;position: relative;}
.jobs ul li:hover{ background:#c92222; border:none}
.jobs ul li .con{float:left;width: 100%;height: 140px;position:relative;z-index:1;}
.jobs ul li h2{font-size: 16px;color: #444;line-height: 28px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;width: 350px;}
.jobs ul li:hover h2,.jobs ul li:hover p,.jobs ul li:hover span{ color:#fff}
.jobs ul li .more{ position:absolute; right:30px; top:50%; margin-top:-16.5px; width:100px; height:33px; line-height:33px; border:#d0d1d3 1px solid; box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-align:center; font-size:14px; color:#8c8c8c}
.jobs ul li:hover .more{ background:#fff; border:#fff 1px solid}

.ar_title{border-bottom: #ddd 1px dotted;padding-bottom: 0;margin-bottom: 30px;margin-top: 0px;}
.ar_title h3{font-size: 20px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px; font-weight:bold;}
.ar_title p {font-size: 12px;color: #7e8080;height: 40px;line-height: 40px;font-weight:normal; }



/******************产品列表************************/
#s_pro_list ul{ margin:-4px; }
#s_pro_list li{ float:left; position:relative;  width:272px;  overflow:hidden; display:block; margin:4px 12px 20px 12px;border:1px solid #d3d3d3; }
#s_pro_list li a{ display:block;    overflow:hidden;}
#s_pro_list li a .proimg_img{ width:100%; overflow:hidden;}
#s_pro_list li a .proimg_img img{ width:272px; height:204px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#s_pro_list li a .proimg_img:hover img{transform:scale(1.1);}
#s_pro_list li h1{  display:block; line-height:42px; text-align:center;  font-size:14px; color:#636363;background : #f7f7f9; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#s_pro_list li:hover h1{  color:#fff; background : #c92222; }


/* 分页 */
.f_page { margin-top: 20px; text-align: center; }
.f_page a, .f_page span { display: inline-block; width: 26px; height: 26px; background: #efefef; margin: 0 2px; border-radius: 20px; line-height: 26px; padding: 5px; }
.f_page a.now { color: #fff; background: #c92222; font-weight: 500; }


.pro_details{ border-top: 1px solid #e9e9ec; margin-top:40px; padding-top:20px;}
.pro_details p{ font-size:14px;}


.pre_right {float: right;width: 360px;padding-top: 50px;}
.pre_right h2 {font-size: 20px;color: #333;font-weight: bold;line-height: 40px;border-bottom: 1px solid #dbdbdb;padding-top: 10px;margin-bottom: 10px;}
.pre_right p {font-size: 14px;color: #666666;line-height: 24px;padding-top: 8px;}
.pre_fx{border-top: 1px solid #dbdbdb; margin-top:20px; padding-top:20px;}


#rpro-text a{display:block;text-decoration:none;float:left;font-size:12px;color:#2f2e2e;text-align:center;margin-right: 20px;margin-bottom: 8px;}
#rpro-text a label{line-height: 24px;}
#rpro-text img{border:solid 1px #dbdbdb;width:270px;padding: 2px;}
#rpro-text img:hover{border:solid 1px #c92222;box-shadow: 0 0 20px #fbd5d5;}
#rpro-text a:hover{color:#c92222;}


/******************留言样式************************/
.message {
    width: 880px;

}
.message h3 {
	font-size: 24px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}

.message li {
	list-style-type: none;
	line-height: 24px;
	color: #666666;
	font-size: 14px;
	float: left;
	text-align: right;
	margin-bottom: 15px;
	width: 50px;
}
.message .txt_wb {
	width: 420px;
	text-align: left;
}
.message .txt_wb2 {
	width: 420px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

.message .box {
	height: 32px;
	width: 420px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}

.message .box2 {
	width: 880px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	height: 130px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}
.message h2 {
	height: 40px;
	width: 280px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-left:320px;
	margin-top: 5px;
	background-color:#3f3f3f;
}
.message h2 a { display:block; color:#FFFFFF;}

.message h2 a:hover {
	background-color: #c92222;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}