﻿.products{ background:url(../images/p_bg.jpg);}

.sy_title{ text-align:center; background:url(../images/xian.png) center center no-repeat; font-weight:bold; font-size:30px; margin-bottom:30px;}

.middle {width: 1200px; margin:auto; padding:60px 0; }
/*=================内页=================*/
.left { width:240px; float:left; background: #fff; }
.ny_title{ height:60px; padding-left:74px; padding-top:20px; background:url(../images/icon_sub_nav.png) 25px 25px no-repeat #da2417;}
.ny_title strong{ display:block;color:#fff;  font-size:20px; }
.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;}

.lx{ background:#fff; margin:20px; box-shadow: 0px 0 30px rgba(0,0,0,0.1); border:1px solid #e9e9ec; padding:12px 0; }
.lx h1{ font-size:24px;color:#DD3F1A; background:url(../images/tub2.png) center left no-repeat; padding-left:36px; margin-left:10px; margin-bottom:5px;}
.lx p{ font-size:15px; color:#666; padding-left:10px; }


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

/******************产品列表************************/
#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{ background:url(../images/bg.jpg) center top no-repeat; padding:60px 0;width: 100%;background-attachment: fixed;background-repeat: no-repeat;background-position: center top;float: none; }
.about2{ width:1200px; margin:0 auto;}
.about2 .text p{ font-size:15px; color:#ccc; line-height:26px; text-align:center;}
.about-img{ float:left; width:510px; margin-top:30px;}

.about-desp{ float:right; width:650px;margin-top:30px;}
.about-desp ul li{position: relative;margin-bottom: 12px;padding: 20px 20px 21px 184px;background-color: rgba(255,255,255,0.2);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.about-desp ul li em{position: absolute;top: 15px;left: 22px;width: 70px;height: 70px;}
.about-desp ul li h3{position: absolute;top: 35px;left: 96px;font-size: 24px;color: #FFF;line-height: 26px;}
.about-desp ul li p{font-size: 14px;color: #ccc;font-weight: lighter;line-height: 20px; padding-left:20px;}
.more{display: block;margin: 50px auto 0 auto;width: 170px;height: 44px;font-size: 16px;color: #e0e3f2;line-height: 44px;text-align: center;border: 1px solid #fff;cursor: pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.more:hover{background-color: #da2417; color:#fff; border:1px solid #000;}

.more2{display: block;margin: 25px auto 0 auto;width: 170px;height: 44px;font-size: 16px;color: #da2417;line-height: 44px;text-align: center;border: 1px solid #333;cursor: pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.more2:hover{background-color: #da2417; color:#fff; border:1px solid #000;}

/*=================新闻=================*/
.news{ background:url(../images/news_bg.jpg) center top no-repeat;padding:60px 0; }
.news2{ width:1200px; margin:0 auto;}

.news_pic{ float:left; width:590px; background:#fff;border:1px solid #dbdbdb; padding-bottom:22px; }
.news_pic:hover{box-shadow: 0 0 10px 5px #c1c1c1;}
.news_pic div{overflow:hidden;}
.news_pic div img{ width:590px; -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;}
.news_pic div:hover img{transform:scale(1.1);}
.news_pic h3{ font-size:18px; padding:20px 20px 10px 20px; font-weight:bold;}
.news_pic p{ font-size:14px; padding:0px 20px; color:#666;}
.news3{ float:right; width:580px;}
.new01 {float: left; overflow:hidden;}
.new01 img{ width:230px; -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;}
.new01:hover img{transform:scale(1.1);}

.new02 {float: left;width: 300px;margin-left: 30px;font-size: 12px;line-height: 24px;margin-top:15px;}
.newbt {font-weight: bold; font-size:18px;}
.new02 p{ padding-top:5px; line-height:22px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.newtip {background-color: #fff;border:1px solid #dbdbdb;color:#777;margin-bottom: 25px;}
.newtip:hover {background-color: #fff; color:#da2417;-webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 0 0 10px 5px #c1c1c1;}



/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:560px;
	background:#000;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:560px;
	overflow:hidden;
	text-align:center;
	list-style-type: none;
}
.fullSlide .bd li a {
	display:block;
	height:560px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	filter:alpha(opacity=90);
	opacity:0.9;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#DE2827;
}

.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	z-index:1;
	width:60px;
	height:80px;
	background:url(../images/slider-arrow.png) -120px -130px #333 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0%;
	background-position:-0px -130px;
}