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



.main{ background:#fff;}
.middle {width: 1200px; margin:auto; padding:40px 0 50px 0; }
/*=================内页=================*/
.left { width:240px; float:left;  background: #fff; padding-bottom:12px;}
.ny_title{ height:60px; padding-left:74px; padding-top:28px; background:url(../images/icon_sub_nav.png) 25px 25px no-repeat #da2417;}
.ny_title strong{ display:block;color:#fff;  font-size:24px; }
.ny_title span{ display:block; color:#fff; display:block; font-size:12px;text-transform:uppercase; } 

.nav_list{ background:#fff; padding: 15px 0 12px 0;border:1px solid #e9e9ec;}
.nav_list a{ display:block; height:32px; }
.nav_list a:hover{ background:url(../images/jt2.png) 195px center  no-repeat #da2417 ; color:#fff;}
.nav_list li a{
	line-height: 32px;
	background:url(../images/jt.png) 195px center  no-repeat #eaeaea ;
	border-radius:20px;
	text-indent: 12px;
	font-size: 13px;
	color: #333333;
	border-bottom:solid 1px #fff;
	margin:0 10px;
	margin-bottom:10px;
}
.nav_list .aa {color: #fff;line-height:32px;background:url(../images/jt2.png) 195px center  no-repeat #da2417 ;}
.nav_list li ul{ margin-bottom:10px; margin-top:-5px;}
.nav_list li ul li a{background:url(../images/xsj.jpg) 22px center  no-repeat #fff ; border-radius:0px;text-indent: 35px; border-bottom:1px solid #eaeaea;margin-bottom:0; font-size:12px;}
.nav_list li ul li a:hover {color:#da2417;text-decoration:underline;background: url(../images/xsj.jpg) 22px no-repeat;}

.left .md{border:1px solid #e9e9ec; margin-top:20px;background: #f6f6f6; padding: 15px;}
.left .md .link_box{ padding: 10px 0;}
.left .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;}
.left .md .link_box a.bnt_qq{ margin-bottom: 10px; background-color: #767676; background-repeat:no-repeat;  background-image: url(../images/icon_qq_left.png); background-position:20px center; }
.left .md .link_box a.bnt_wecat{background: url(../images/icon_wecat.png) 20px center no-repeat #767676;}
.left .md .link_box a:hover{ background-color: #DA2417;}
.left .md .tel_box{ padding-left: 30px; border-top: 1px solid #e1e4e4;}
.left .md .tel_box { padding-top: 18px; background: url(../images/icon_tel_left.png) left 23px  no-repeat; font-size: 20px; color: #DA2417;}
.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;
  }
}





.right{ width:925px; float:right;}

.position{ line-height:30px; color:#0075d9; float:right; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}
.position span,.position a, .position i{ font-size:12px; color:#b0b0b0; }
.position em{ font-size:12px; color:#DA2417; font-style:normal;}
.position a:hover{ color:#DA2417;}

.s_title{  margin-bottom: 20px; background:url(../images/right_xian.jpg) no-repeat bottom; padding-bottom:10px;color:#3353537;}
.s_title span{  font-size:12px; display:block; color:#999; text-transform:uppercase; }
.s_title strong{ font-size:20px;  color:#353537; display:block; font-weight:bold;}

/******************产品列表************************/
#s_pro_list ul{ margin:-4px; }
#s_pro_list li{ float:left; position:relative;  width:285px;  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:285px; height:238px;-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 : #da2417; }

/*缓动*/
.left .nav_list a,#s_pro_list li img,.more:hover,.more2:hover{ -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } 


.about p{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}



/* 新闻样式 */
.news-list{padding-top:10px; line-height: 30px; color: #6b6c6d;}
.news-list li{ border-bottom: 1px solid #e3e4e5; padding-bottom: 30px; margin-bottom: 30px;  overflow: hidden; }
.news-imgl{ float: left; width: 210px; height: 125px; overflow: hidden;  }
.news-imgl img{cursor: pointer;  transition: all 0.8s; width: 210px; height: 125px; vertical-align: top;}
.news-imgl img:hover{transform: scale(1.1); }
.news-imgl img{}
.news-wzr{ float: left; width: 680px; padding-left: 30px;}
.news-wzr h2{color: #525351; font-size: 18px; padding-bottom: 10px; font-weight:bold;}
.news-wzr h2:hover{color: #DA2417;}
.news-dater{color: #c4c4c4; font-size: 12px; padding-bottom: 10px;}
.news-desr{line-height: 20px; color: #89898c; font-size: 12px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}



/*新闻内页开始*/
.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 20px; margin-bottom:20px; text-align:center;}
.news-title h2{ font-size:20px; float:none; color:#333; margin-bottom:10px; font-weight:bold;}
.news-title p span{margin:0 5px;color: #999;}

.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; background:#fafafa; }
.pages a:hover{text-decoration:none;border:1px solid #DA2417;color:#fff; background-color:#DA2417;}


/* 分页 */
.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: #DA2417; font-weight: 500; }


.case-img{padding-top:20px;text-align: center;}
.case-img img{border:1px solid #dadbdb;}
.case-name{ font-size:20px; text-align:center; padding-top:20px; font-weight:bold;}

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


.pre_right {float: right;width: 380px;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;}



/* 相关产品 */
.show_pro_shlide{ margin-top:50px; background:#F6F6F6; border:1px solid #e9e9ec ;padding:40px 20px;  position:relative;}
.show_pro_shlide .box{ width:790px; overflow:hidden; margin:0 auto;}
.show_pro_shlide ul{  }
.show_pro_shlide li{ float:left; border:1px solid #d3d7d8; position:relative;  width:248px; height:247px;   background:#f4f4f7;  display:block; margin-right:20px;}
.show_pro_shlide li a{ display:block;    overflow:hidden;}
.show_pro_shlide li img{ width:248px; height:207px; display:block; overflow:hidden;transition: all 0.8s;}
.show_pro_shlide li span{ position:absolute; left:0; width: 248px;  border-top:1px solid #d3d7d8; text-align:center;  display:block; line-height:38px;  font-size:14px; color:#636363; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/icon_jt_pro.png) 230px center no-repeat; }
.show_pro_shlide li:hover span{  color:#fff; background:url(../images/icon_jt_pro_hover.png) 225px center no-repeat #DA2417; }
.show_pro_shlide li img:hover {  transform: scale(1.1);}

.show_pro_shlide .title{ margin-bottom:25px; position:relative;   }
.show_pro_shlide .title strong{ font-size:18px;  height:18px; border-left:3px solid #DA2417; padding-left: 5px; color:#666666; line-height:18px; display: block;}
.show_pro_shlide .title a{ font-size:12px; position:absolute; right:0; top:0; line-height:31px; color:#4b4b4d;}
 .show_pro_shlide .title a:hover{ color:#DA2417;}
.show_pro_shlide .hd a{ position:absolute; top:50%; z-index:3; margin-top:5px; display:block; width:26px; height:26px; border-radius:50%; overflow:hidden; color:#fff;  } 
.show_pro_shlide .hd a.prev{ left:20px; background:url(../images/bnt_pic_lr.png) right top no-repeat;}
.show_pro_shlide .hd a.prev:hover{ background:url(../images/bnt_pic_lr.png) left top no-repeat;}
.show_pro_shlide .hd a.next{ right:20px; background:url(../images/bnt_pic_lr.png) left  bottom no-repeat;}
.show_pro_shlide .hd a.next:hover{ background:url(../images/bnt_pic_lr.png) right bottom no-repeat;}
 


/******************留言样式************************/
.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: 440px;
	text-align: left;
}
.message .txt_wb2 {
	width: 440px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

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

.message .box2 {
	width: 925px;
	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: 240px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-left:340px;
	margin-top: 12px;
	background-color:#767676;
	border-radius:20px;
}
.message h2 a { display:block; color:#FFFFFF;border-radius:20px;}

.message h2 a:hover {
	background-color: #DA2417;
	border-radius:20px;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}