@charset "utf-8";

body {margin:0px auto; font-family:"微软雅黑";font-size:14px;background:url(../image/bj.jpg) repeat;}

ul,li,a,span,h1,div,ol,h1,h2,h3,p,hr,input,label {margin:0px; padding:0px; text-decoration:none; list-style:none;}

body,td,th {font-family: 微软雅黑;}

a{color:#0057A4;text-decoration:none;outline:none;}

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {text-decoration: none;color: #BB2F32;}

a:active {text-decoration: none;}

border { border:0px;}

img {border:0px;}



.clear{clear:both;}



.f-l{float:left;}

.f-r{float:right;}





/*------------公用样式结束----------*/





/*------------top----------*/

#top{width:100%; height:180px; background:url(../image/top.jpg) center no-repeat;}

.tiao{width:100%; height:43px; background:url(../image/l1.png) center no-repeat; margin-top:-5px; margin-bottom:-7px;}



/*------------banner----------*/



.banner {position:absolute;width:100%; z-index:-1}

#banner li{position:absolute;width:100%;top:0;left:0;display:none;}	

#banner li img{width:100%;}



#banner li:first-child{

	display:block;

}



.bannerbg{position:relative;z-index:10;}

#leftBtn{left:0;background:url(../image/leftbtn.png) no-repeat center center ;}



#rightBtn{right:0;background:url(../image/rightbtn.png) no-repeat center center;}

#rightBtn ,#leftBtn{position:absolute;top:35%;width:40px;height:125px;display:block;opacity:0.5;filter:alpha(opacity=50);z-index:1000; cursor:pointer;}



/*------------导航----------*/

#dh{width:100%; height:70px; background-color:#b52b20; margin-top:-5px;}

*{list-style:none;}



.width1200 {MARGIN: 0px auto; WIDTH: 1200px;}

.margintop10 {MARGIN-TOP: 0px}

.cl {CLEAR: both}

.nav1 {LINE-HEIGHT: 0px; HEIGHT:70px;}

.nav1 UL .pli {Z-INDEX: 2332; POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT:70px; WIDTH: 130px; FLOAT: left; HEIGHT:70px; list-style:none;}

.nav1 UL .pli OL {POSITION: absolute;  PADDING-BOTTOM: 0px; WIDTH: 145px; DISPLAY: none;  HEIGHT: auto;  LEFT: 0px}

.nav1 UL .onpli { background:url(../image/dh.png) center no-repeat;}

.nav1 UL .onpli OL {DISPLAY: block}

.nav1 UL .pli A {

	DISPLAY: block;

	FONT-FAMILY: "微软雅黑";

	COLOR: #fff;

	FONT-SIZE: 16px;

	text-decoration: none;

	font-weight: bold;

}

.nav1 UL .pli A:hover {

	COLOR: #fff;

	font-weight: bold;

}

.nav1 UL .onpli A {

	COLOR: #fff;

	font-weight: bold;

	text-decoration: none;

	list-style:none;

}

.nav1 UL .pli OL LI A:hover {DISPLAY: block; BACKGROUND: #57BC54; COLOR: #fefefe; TEXT-DECORATION: none}

.nav1 UL .pli OL LI A {COLOR: #ffffff; FONT-SIZE: 14px; FONT-WEIGHT: normal}

.nav1 UL .pclosepli OL {DISPLAY: none}







/*------------首页栏目导航----------*/

#lmdh{ margin:0 auto; width:286px; height:64px; background:url(../image/l2.png) center no-repeat; text-align:center; padding-top:20px; margin-top:50px; margin-bottom:10px;}



/*------------产品分类----------*/



#cpfl{margin:0 auto; width:1210px; height:182px; background:url(../image/flbj.png) center no-repeat; padding-top:20px;}

.cpfl1{margin:0 auto;width:1064px; height:160px;}

.zcpfl{margin:0 auto;width:1064px; margin:0 auto; padding: 15px 0px; overflow:hidden;}

.zcpfl ul{margin:0 auto;width: 1064px; }

.zcpfl ul li{  float: left; margin-bottom:10px; width: 120px; height: auto; overflow: hidden;margin-right:10px;}

.zcpfl ul li .zcpfl_1 h3 a{

	float: left;

	width: 120px;

	height: 35px;

	padding-top:5px;

	line-height: 30px;

	text-align: center;

	background:url(../image/cpdh.png) center no-repeat;

	font-size: 18px;

	color:#A2050E;

	font-family: "微软雅黑";

	font-weight: normal;

}

.zcpfl ul li .zcpfl_1 h3 a:hover{ background-color:#B92C32;font-size: 18px; color: #fff; }





/*------------产品展示----------*/

#cpzs{margin:0 auto; width:1200px; height:auto; margin-top:30px;}



.H-PRO01{ width:1220px; height: auto; overflow: hidden; }

.H-PRO01 ul{ height: 0px; width:1220px; }

.H-PRO01 ul li{ float: left; width: 300px; height: 280px;margin-bottom:5px; }

.H-PRO01 ul li .tu{ margin:0px auto; width: 290px; height:260px; border:1px solid #6C6C6C;padding-top:8px;overflow: hidden; position: relative; text-align: center; }

.H-PRO01 ul li .tu .uptu{ position: absolute; left: -340px; width: 240px; height:220px;}

.H-PRO01 ul li:hover .tu .uptu{ left: 0px; top: 0px; padding-top: 36px;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.H-PRO01 ul li .tu .uptu span{ display: block; width: 260px; margin:0 auto; overflow: hidden; height: 100px; overflow: hidden; padding:20px 25px; text-align: left; font-size: 15px; line-height: 170%; color: #fff; border: #fff 1px solid;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.H-PRO01 ul li .nr{ width: 290px;height: 55px; background-color:#6C6C6C; }

.H-PRO01 ul li .nr h4 a{margin:0 auto;padding-top:10px; height:30px; line-height:30px; width:260px; text-align:center; font-size:16px; color:#EEEEF0; text-indent:5px;overflow:hidden; letter-spacing:0px;}

.H-PRO01 ul li .nr .more01 a{ float:left; margin-top:10px; margin-left:20px; width:130px; height:26px; line-height:26px; text-align:center; border:#719e88 1px solid; background-color:#b3e0ca; color:#000; overflow:hidden;}



.cpzs-more{margin:0 auto; width:160px; height:40px; background-color:#B92C32; text-align:center; padding-top:8px; margin-top:20px; margin-bottom:20px;}

.cpzs-more:hover{background-color:#222;}



/*------------简介---------*/

#about{width:100%; height:550px; background:url(../image/bj1.jpg) center no-repeat;margin-top:20px; margin-bottom:20px;}

.about1{margin:0 auto; width:860px; height:auto;}

.about2{width:780px; height:330; text-align:left; padding-top:80px;}

.about-more{width:160px; height:40px; background-color:#B92C32; text-align:center; padding-top:8px; margin-top:20px; margin-right:80px; float:right;}

.about-more:hover{background-color:#222;}





/*------------案例---------*/





/*------------新闻----------*/

#news{margin:0 auto; width:1200px; height:auto; background-color:#F8F8F8; padding:15px; overflow:hidden;}

.news1{width:600px; height:390px; padding-top:10px;}

.news2{width:480px; height:400px; float:right;}



.newslist1 ul{margin:0 10px 10px 10px;padding:0;list-style:none;overflow:hidden;}

.newslist1 ul li{clear:both;line-height:35px;border-bottom:1px dotted #CACACA; padding-top:5px;padding-bottom:10px;text-align:left;}

.newslist1 ul li span{float:left;background:#6C6C6C;display:inline-block;width:70px;height:70px;color:#ffffff;font-family:"微软雅黑";font-size:18px;margin-right:20px;text-align:center;font-weight: normal;}

.newslist1 ul li span cite {font-size:14px;font-style:normal;border-top:1px #cccccc solid;color:#ffffff;}

.newslist1 ul li span:hover {background:#B92C32;color:#ffffff;}

.newslist1 ul li span:Hover cite {color:#ffffff;}



/*------------版权---------*/

#foot{width:100%;height:40px; background-color:#b52b20; text-align:center; padding-top:20px; margin-top:30px;}

.foot1{width:100%;height:170px; background:url(../image/foot.jpg) center no-repeat;padding-top:30px;}

.foot-er{ margin:0 auto;width:250px; height:120px; border:1px solid #222;}

.foot-er1{width:120px; height:120px;}

.foot-er2{width:118px; height:70px; padding-top:30px; text-align:left; padding-left:10px;}

.foot2{margin:0 auto; width:1200px; height:30px; margin-top:10px; text-align:center;}







/*------------内页banner---------*/



#nybanner{position:absolute;width:100%; height:400px; background:url(../image/nybj1.jpg) center no-repeat;position:relative; overflow:hidden; z-index:-1;}



#nyfl{margin:0 auto; width:280px; height:50px;margin-top:-50px;}

.nyzw{margin:0 auto; width:1200px; height:auto; background:url(../image/y.png) repeat; text-align:left; border:1px dotted #888; padding:20px; margin-top:30px; margin-bottom:30px; padding-bottom:50px;}



.newslist2 ul{margin:0 10px 10px 10px;padding:0;list-style:none;overflow:hidden; text-align: left;}

.newslist2 ul li{clear:both;line-height:40px; border-bottom:5px;border-bottom:1px #D1C7AC dotted; padding-left:10px;}

.newslist2 ul li:hover{ background-color:#f2f2f2;}

.newslist2 ul li span cite {font-size:14px;font-style:normal;border-top:1px #cccccc solid;color:#ffffff;}

.newslist2 ul li span:hover {background:#B41D2E;color:#ffffff;}

.newslist2 ul li span:Hover cite {color:#ffffff;}







.a1 {

	font-family: "微软雅黑";

	font-size: 16px;

	line-height: 26px;

	font-weight: normal;

	color: #B92C32;

	text-decoration: none;

}

.a2 {

	font-family: "微软雅黑";

	font-size: 14px;

	line-height: 26px;

	font-weight: normal;

	color: #888;

	text-decoration: none;

}

.a3 {

	font-family: "微软雅黑";

	font-size: 36px;

	line-height: 40px;

	font-weight: normal;

	color: #F5F4EF;

	text-decoration: none;

}

.a4 {

	font-family: "微软雅黑";

	font-size: 20px;

	line-height: 30px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;

}

.a5 {

	font-family: "微软雅黑";

	font-size: 16px;

	line-height: 30px;

	font-weight: normal;

	color: #EEEEF0;

	text-decoration: none;

}



.a6 {

	font-family: "微软雅黑";

	font-size: 14px;

	line-height: 20px;

	font-weight: normal;

	color: #CCCCCC;

	text-decoration: none;

}

.a7 {

	font-family: "微软雅黑";

	font-size: 24px;

	line-height: 40px;

	font-weight: bold;

	color: #B92C32;

	text-decoration: none;

}

.a8 {

	font-family: "微软雅黑";

	font-size: 16px;

	line-height: 30px;

	font-weight: normal;

	color: #22130C;

	text-decoration: none;

}

.a9 {

	font-family: "微软雅黑";

	font-size: 36px;

	line-height: 30px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

.a10 {

	font-family: "微软雅黑";

	font-size: 14px;

	line-height: 30px;

	font-weight: normal;

	color: #3D3D3D;

}

.a11 {

	font-family: "微软雅黑";

	font-size: 14px;

	line-height: 26px;

	font-weight: normal;

	color: #ffffff;

	text-decoration: none;

}



.a12 {

	font-family: "微软雅黑";

	font-size: 22px;

	line-height: 40px;

	font-weight: bold;

	color: #5a5a5a;

	text-decoration: none;

}

.a13 {

	font-family: "微软雅黑";

	font-size: 14px;

	line-height: 40px;

	font-weight: normal;

	color: #fff;

	text-decoration: none;

}

.a14 {

	font-family:  "微软雅黑";

	font-size: 22px;

	line-height: 30px;

	font-weight: bold;

	color: #222222;

	text-decoration: none;

}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}