@charset "utf-8";
@import url(public.css); 

.banner01{ background:url(../images/bg01.jpg) repeat-x left top; margin:0 auto; padding-top:70px}
.banner01 .banner01pcon{ width:1200px; margin:0 auto; background:#FFFFFF}
.products{margin:0px auto 0px auto; width:1165px; padding-top:25px}
.products .item{width:215px; margin:0 auto}
.products .item .item_pcon{margin:0 auto;}
.products .item .pimg{ width: 215px; height: 270px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; overflow:hidden}
.products .item .pimg .mask, .products .item .pimg .content { width:215px; height: 270px;  position: absolute; overflow: hidden; top: 0px; left: 0px; }
.products .item .pimg img { display: block; position: relative; }
.products .item .third-effect .mask { opacity: 0; overflow: visible;  box-sizing: border-box; transition: all 0.4s ease-in-out 0s; cursor:pointer }
.products .item .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.products .item .third-effect:hover .mask { opacity: 1; background:#000000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.products .item .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s;background: url('../images/link.png') no-repeat scroll center center transparent; }
.products .item .pimg a.info {  display: block; text-decoration: none; padding: 0px; text-indent: -9999px;  width: 215px; height: 270px  }
.products .item .tit{ width:215px; margin:0 auto; height:36px;}
.products .item .tit a{ display:block; line-height:36px; padding-left:5px; padding-right:5px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; height:36px; margin:0 auto; color:#FFFFFF; background:#84bf23}
.products .item .tit a:hover{ background:#CC0000}
.products .more{ width:100px; margin:0 auto; padding-top:20px; padding-bottom:20px}
.products .more a{ display:block; line-height:34px; border-radius:17px; color:#FFFFFF; text-align:center; font-size:14px; background:#84bf23}
.products .more a:hover{ background:#CC0000; color:#FFFFFF}


.banner02{ background:url(../images/bg02.jpg) center top no-repeat; height:473px; margin:0 auto}
.banner02 .banner02pcon{ width:1200px; margin:0 auto; padding-top:80px}
.banner02 .banner02pcon h3{ margin:0 auto; text-align:left; font-size:22px; text-align:left; line-height:65px; margin-bottom:56px}
.banner02 .banner02pcon h3 a{ color:#535451}

.banner02 .company{ float:left; width:640px; height:165px; text-align:left; color:#5b5c5a; font-size:12px; line-height:30px}
.banner02 .more{ width:640px; float:left}
.banner02 .more a{ display:block; line-height:32px; color:#FFFFFF; text-align:center; font-size:16px; background:#84bf23; width:90px; float:left}
.banner02 .more a:hover{ background:#CC0000; color:#FFFFFF}

.banner03{ margin:0 auto}
.banner03 .pcon{ width:1200px; overflow-x:hidden; margin:0px auto}
.banner03 .pcon .ncon{ width:1300px;}
.banner03 .pcon .ncon .item{ float:left; width:240px; line-height:58px; color:#242424}
.banner03 .pcon .ncon .item .i1{ background:url(../images/icon011.png) 65px center no-repeat; text-indent:110px}
.banner03 .pcon .ncon .item .i2{ background:url(../images/icon021.png) 65px center no-repeat; text-indent:110px}
.banner03 .pcon .ncon .item .i3{ background:url(../images/icon031.png) 65px center no-repeat; text-indent:110px}
.banner03 .pcon .ncon .item .i4{ background:url(../images/icon041.png) 65px center no-repeat; text-indent:110px}
.banner03 .pcon .ncon .item .i5{ background:url(../images/icon051.png) 65px center no-repeat; text-indent:110px}
.banner03 .pcon .ncon .hover{ float:left; width:240px; line-height:58px; color:#FFFFFF}
.banner03 .pcon .ncon .hover .i1{ background:url(../images/icon01.png) 65px center no-repeat #e4574e; text-indent:110px}
.banner03 .pcon .ncon .hover .i2{ background:url(../images/icon02.png) 65px center no-repeat #e4574e; text-indent:110px}
.banner03 .pcon .ncon .hover .i3{ background:url(../images/icon03.png) 65px center no-repeat #e4574e; text-indent:110px}
.banner03 .pcon .ncon .hover .i4{ background:url(../images/icon04.png) 65px center no-repeat #e4574e; text-indent:110px}
.banner03 .pcon .ncon .hover .i5{ background:url(../images/icon05.png) 65px center no-repeat #e4574e; text-indent:110px}


.banner04{ margin:0px auto 0px auto; background:#f6f6f6; padding-top:0px;}
.banner04 .banner04pcon{ margin:0px auto 0px auto; width:1200px;}
.banner04 .banner04pcon h3{ margin:0 auto; padding-top:10px}
.banner04 .banner04pcon h3 dt{ float:left; line-height:60px; font-size:22px;}
.banner04 .banner04pcon h3 dt a{ color:#535451}
.banner04 .banner04pcon h3 dd{ float:right; line-height:60px}
.banner04 .news{ margin:0 auto; width:1200px}
.banner04 .news .pcon{margin:0 auto;}
.banner04 .news .pimg{ float:left; width:560px; border:1px solid #cccccc; height:360px}
.banner04 .news .pimg .img{ margin:0 auto 10px auto; width:510px; text-align:left; padding-top:25px}
.banner04 .news .pimg .con{ width:510px; margin:0 auto}
.banner04 .news .pimg .con .tit{ margin:0 auto 0px auto; }
.banner04 .news .pimg .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:30px; font-size:14px}
.banner04 .news .pimg .con .date{ margin:0 auto; text-align:left; line-height:20px; color:#929292}
.banner04 .news .pimg .con .des{ margin:5px auto 0px auto; text-align:left; font-size:12px; color:#777777; line-height:20px}
.banner04 .news .pcon .ncon{ float:right; width:610px; border:1px solid #cccccc; height:360px}
.banner04 .pcon .list{ width:530px; margin:0 auto; padding-top:30px}
.banner04 .pcon .list .date{ float:left; width:65px;border:1px solid #e5e5e5; height:80px; background:#ba423f; margin-right:15px}
.banner04 .pcon .list .date .day{ margin:0 auto; text-align:center; padding-top:8px; text-align:center; font-size:30px; color:#FFFFFF}
.banner04 .pcon .list .date .month{ margin:0 auto; padding-bottom:8px; text-align:center; color:#FFFFFF}
.banner04 .pcon .list .con{ float:left; width:440px}
.banner04 .pcon .list .con .tit{ margin:0 auto; }
.banner04 .pcon .list .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:30px;}
.banner04 .pcon .list .con .des{ margin:0 auto; text-align:left; font-size:12px; color:#777777; line-height:20px}





.clearfix::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
	zoom: 1;
}
.inlblo {
	display: inline-block; zoom: 1; diplay: inline;
}
.section-focus-pic {
	margin: 0px auto 0px auto; width: 300px; height: 224px; position: relative;
}
.section-focus-pic .section-focus-pic1{ width: 300px; height: 224px; overflow:hidden; position: relative}
.section-focus-pic ul li {
	left: 300px; top: 0px;width: 300px; height: 224px; position: absolute;
}
.section-focus-pic ul li h7 {
	left: 0px; width: 300px; bottom: 11px; color: rgb(255, 255, 255); font-family: "微软雅黑"; font-size: 18px; font-weight: normal; margin-left: 20px; position: absolute; z-index: 111; display:none
}
.section-focus-pic ul li h7 a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;; float:left; width:160px}
.section-focus-pic ul li div {
	left: 0px; width: 300px; height: 50px; bottom: 0px; filter: alpha(opacity=60); position: absolute; opacity: 0.6; background-color: rgb(0, 0, 0); display:none
}
.section-focus-pic .pages {
	width: 300px; height: 224px;
}
.section-focus-pic .controler {
	right: 20px; bottom: 20px; position: absolute;
}
.section-focus-pic .controler b {
	background: url("../images/news_index_icon.png") no-repeat -136px 3px; margin: 0px 0px 0px 5px; width: 20px; height: 10px; text-indent: 20px; overflow: hidden; float: left; display: block; cursor: pointer;
}
.section-focus-pic .controler b.down {
	background-position: -161px 1px;
}
.section-focus-pic .controler2 a {
	top: 113px; width:30px; height: 48px; display: block; position: absolute;
}
.section-focus-pic .controler2 a i {
	  width:30px; height: 48px; display: block; cursor: pointer;
}
.section-focus-pic .controler2 .prev {
	left: -52px;
}
.section-focus-pic .controler2 .prev i {
	background:url(../images/left.jpg) left top no-repeat;
}

.section-focus-pic .controler2 .next {
	right: -52px;
}
.section-focus-pic .controler2 .next i {
	background:url(../images/right.jpg) left top no-repeat
}

#links{margin:0px auto 0px auto;}
#links .pcon{ margin:0 auto; padding-top:10px; padding-bottom:10px; width:1200px;}
#links .pcon dt{ float:left; line-height:24px; text-indent:10px;}
#links .pcon dd{ float:left; line-height:24px; white-space:nowrap; margin-right:10px;}




/*不间断滚动*/
#propro{OVERFLOW: hidden; width:1160px; height:310px; margin:0px auto 0px auto; position:relative}
#inpro{float: left;width: 5000%;}
#propro1{float: left;}
#propro2{float: left;}
#propro .f_l{float:left}
#propro .dw{ width:245px;}





/*不间断滚动*/
#scjqscjq{OVERFLOW: hidden; width:1090px; height:250px; margin:0px auto 0px auto; position:relative}
#inscjq{float: left;width: 5000%;}
#scjqscjq1{float: left;}
#scjqscjq2{float: left;}
#scjqscjq .f_l{float:left}
#scjqscjq .dw{ width:280px;}