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

.banner01{ width:1002px; margin:0 auto -15px; z-index:10; position:relative}
.banner01 h3{ margin:0 auto; text-align:center; padding-top:35px; padding-bottom:35px}
.banner01 .pcon{ background:url(../images/proclassbg.jpg) center top no-repeat; height:181px; margin:0 auto}
.banner01 .pcon .ncon{ width:1002px; overflow-x:hidden}
.banner01 .pcon .ncon dl{ width:1102px;}
.banner01 .pcon .ncon dl dt{ float:left; width:167px}
.banner01 .pcon .ncon dl dt a{ display:block; padding-top:135px; font-size:17px; text-align:center}
.banner01 .pcon .ncon dl dt a:hover{ color:#FFFFFF}

.banner02{ background:#f0f0f0; margin:0 auto; position:relative; z-index:1}
.banner02 h3{ margin:0 auto; text-align:center; padding-top:50px; padding-bottom:35px; background:url(../images/line01.jpg) left 79px repeat-x}
.banner02 h3 a{ display:block; background:url(../images/tit02.jpg) center top no-repeat; height:57px; width:100%}
.banner02 .pcon{ width:980px; margin:0 auto; background:#ffffff}
.banner02 .pcon .pimg{ float:left; margin-right:18px}
.banner02 .pcon .ncon{ float:left; width:560px}
.banner02 .pcon .ncon .tit{ margin:0 auto; line-height:50px; font-size:18px; border-bottom:1px solid #ececec; font-weight:bold}
.banner02 .pcon .ncon .des{ margin:0 auto; padding-top:10px; text-align:left; line-height:32px}
.banner02 .img{ margin:0 auto; text-align:center; padding-top:40px; padding-bottom:40px}

.banner03{ margin:30px auto 30px auto; width:980px}

#proclass{ float:left; width:204px; background:#f0f0f0}
#proclass h3{ width:204px; margin:0 auto;}
#proclass .pcon,#proclass .ncon{ width:215px; margin:0px auto;}
#proclass .ncon{ padding-top:5px;}
#proclass .ncon li{ line-height:65px; text-align:center; float:left; width:204px; border-bottom:1px solid #FFFFFF; font-size:17px}
#proclass .more{ margin:15px auto 15px auto; width:150px; height:50px; text-align:center; line-height:50px;}
#proclass .more a{ display:block; background:#ff0000; color:#FFFFFF}
#proclass .more a:hover{ background:#333333; color:#FFF}

#products{ width:1003px; margin:0 auto}
#products h3{ width:1003px; margin:0px auto 0px auto; background:url(../images/line01.jpg) left center repeat-x}
#products h3 dl{ width:1003px; height:30px;}
#products h3 dl dt{ float:left; line-height:30px; padding-right:15px; font-size:22px; background:#FFFFFF}
#products h3 dl A:link,#products h3 dl A:visited,#products h3 dl A:active{COLOR:#008cec}
#products h3 dl A:hover {COLOR:#ff6600}
#products h3 dl dd{ float:right; line-height:30px; background:#FFFFFF; padding-left:15px;}
#products .pcon{ width:1003px; margin:0 auto; overflow-x:hidden}
#products .pcon .ncon{ width:1103px; margin:0 auto; padding-top:15px}
#products .pcon .ncon dl{width:236px; float:left; margin-right:19px; margin-bottom:10px}
#products .pcon .ncon dl dt{ text-align:center; padding-top:5px}
#products .pcon .ncon dl dd{ text-align:center; line-height:35px}

.banner04{ margin:0 auto 15px auto}
.banner04 h3{ margin:0 auto 15px auto; text-align:center}
.banner04 .pcon{ margin:0 auto; width:980px}

.banner05{ margin:0 auto; background:url(../images/bg01.jpg) center top no-repeat; height:863px;}
.banner05 .tit{ line-height:50px; color:#1b9af3; margin:0px auto 15px auto; font-size:30px; font-weight:bold}
.banner05 .tit span{ color:#ff0000; font-size:30px}
.banner05 .des{ margin:0 auto; line-height:24px}
.banner05 .banner05pcon{ width:1003px; height:863px; position:relative; margin:0 auto}
.banner05 .youshi1{ position:absolute; left:20px; top:210px; width:210px}
.banner05 .youshi2{ position:absolute; left:20px; top:595px; width:210px}
.banner05 .youshi3{ position:absolute; right:28px; top:280px; width:170px}
.banner05 .youshi4{ position:absolute; right:28px; top:595px; width:210px}
.banner05 .tl{ text-align:left}
.banner05 .tr{ text-align:right}

.banner06{ background:#ebebeb; margin:0 auto}
.banner06 h3{ margin:0 auto; padding-top:30px; padding-bottom:30px; text-align:center}

.banner07{ margin:0 auto; text-align:center}

.banner08{ margin:0 auto; text-align:center; background:#e9e9e9}


.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: 375px; height: 265px; overflow: hidden; position: relative;
}
.section-focus-pic ul li {
	left: 375px; top: 0px; width: 375px; height: 265px; position: absolute;
}
.section-focus-pic ul li h3 {
	left: 0px; width: 340px; bottom: 11px; color: rgb(255, 255, 255); font-family: "微软雅黑"; font-size: 18px; font-weight: normal; margin-left: 20px; position: absolute; z-index: 111;
}
.section-focus-pic ul li div {
	left: 0px; width: 375px; 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:375px; height: 265px;
}
.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: 120px; width: 40px; height: 40px; display: block; position: absolute;
}
.section-focus-pic .controler2 a i {
	background: url("../images/star.png") no-repeat; width: 22px; height: 34px; display: block; cursor: pointer;
}
.section-focus-pic .controler2 .prev {
	left: 5px;
}
.section-focus-pic .controler2 .prev i {
	background-position: -34px -68px; margin-left: 5px; _background: none;
}
.section-focus-pic .controler2 .prev:hover i {
	background-position: -34px -24px; left: 10px; _background: none;
}
.section-focus-pic .controler2 .next {
	right: 10px;
}
.section-focus-pic .controler2 .next i {
	background-position: -62px -68px; margin-left: 10px; _background: none;
}
.section-focus-pic .controler2 .next:hover i {
	background-position: -62px -24px; right: 10px; _background: none;
}


.banner09{ width:1003px; margin:0 auto; padding-top:20px; padding-bottom:20px}
.zzzs{ float:left; width:375px}
.zzzs h3{ background:url(../images/line03.jpg) bottom repeat-x; height:45px; margin:0px auto 15px auto}
.zzzs h3 dt{ float:left; line-height:45px; background:url(../images/line02.jpg) bottom repeat-x; font-size:20px}
.zzzs h3 dt span{ color:#FF0000}
.zzzs h3 dd{ float:right; line-height:45px}

.news{ float:right; width:570px;}
.news h3{ background:url(../images/line03.jpg) bottom repeat-x; height:45px; margin:0px auto 0px auto}
.news h3 dt{ float:left; line-height:45px; background:url(../images/line02.jpg) bottom repeat-x; font-size:20px}
.news h3 dt span{ color:#FF0000}
.news h3 dd{ float:right; line-height:45px}
.news .pcon .pimg{ padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #c7c7c7; width:570px; margin:0 auto}
.news .pcon .pimg .img{ float:left; width:150px; text-align:center}
.news .pcon .pimg .con{ float:right; width:400px}
.news .pcon .pimg .con .tit{ margin:0 auto; }
.news .pcon .pimg .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:30px}
.news .pcon .pimg .con .des{ margin:0 auto; text-align:left; font-size:12px; color:#777777; line-height:20px}
.news .pcon .ncon{ margin:0 auto; width:570px; padding-top:10px}
.news .pcon .ncon dd{ float:left; width:280px; line-height:22px; font-size:12px}
.news .pcon .ncon dd a{ display:block; line-height:30px; width:370px; text-align:left; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; background:url(../images/icon01.jpg) left no-repeat; text-indent:25px}
.news .pcon .ncon dd span{ float:right}

.banner10{ background:url(../images/shigong.jpg) center top no-repeat; height:271px}

.banner11{ width:980px; margin:0 auto; padding-top:20px; padding-bottom:20px}
.banner11 h3{ background:url(../images/line03.jpg) bottom repeat-x; height:45px; margin:0px auto 15px auto}
.banner11 h3 dt{ float:left; line-height:45px; background:url(../images/line02.jpg) bottom repeat-x; font-size:20px}
.banner11 h3 dt span{ color:#FF0000}
.banner11 h3 dd{ float:right; line-height:45px}

.jszs{ float:left; width:540px}
.jszs .pcon{ margin:0 auto}
.jszs .pcon .pimg{ float:left; width:250px}
.jszs .pcon .ncon{ float:right; width:270px}
.jszs .pcon .ncon dd{ float:left; width:270px; line-height:22px; font-size:12px}
.jszs .pcon .ncon dd a{ display:block; line-height:30px; width:270px; text-align:left; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; background:url(../images/icon03.jpg) left no-repeat; text-indent:5px}

.cjwt{ float:right; width:380px}
.cjwt .pcon{ margin:0 auto}
.cjwt .pcon .item{ margin:0 auto 5px auto; padding-bottom:10px; border-bottom:1px dashed #CCCCCC}
.cjwt .pcon .item .tit a{ display:block; line-height:30px; width:370px; text-align:left; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; color:#FF0000}
.cjwt .pcon .item .des{ margin:0 auto; line-height:20px; text-align:left}


.banner12{ background:#f3f3f3; padding-top:20px; padding-bottom:20px}
.banner12 .liuyan{ background:url(../images/bg02.jpg) center top no-repeat; width:959px; margin:0 auto; height:384px}

#guestbook{ float:right; width:350px; padding-top:50px}
#guestbook .pcon{ background:url(../images/bg03.jpg) left top no-repeat}
#guestbook .pcon .input{ margin:0px auto; height:48px; margin-bottom:10px; padding-left:65px}
#guestbook .pcon .input input{ border:none; background:none; width:240px; height:45px; line-height:45px}
#guestbook .pcon .textarea{ margin:0 auto 20px auto; padding-left:65px; padding-top:10px}
#guestbook .pcon .textarea textarea{ width:240px; height:70px; border:none; background:none}
#guestbook .pcon .btn{ margin:0 auto}
#guestbook .pcon .btn input{ width:115px; height:38px; text-align:center; line-height:38px; font-size:14px; color:#FFFFFF; border:none; background:#A60000}



#links{ margin:0 auto; padding-top:20px; padding-bottom:20px}
#links h3{ width:960px; margin:0 auto; text-align:center}
#links .pcon{ width:960px; margin:0 auto; padding-top:10px}
#links .pcon .ncon{ width:960px; margin:0 auto;}
#links .pcon .ncon dd{ white-space:nowrap; line-height:24px; float:left; margin-right:15px}




/*不间断滚动*/
#propro{OVERFLOW: hidden; width:980px; height:210px; margin:0px auto 0px auto}
#inpro{float: left;width: 5000%;}
#propro1{float: left;}
#propro2{float: left;}
#propro .f_l{float:left}
#propro .dw{ width:200px;}

#propro dl{ width:186px; float:left; text-align:center; background:#e9e9e9}
#propro dl dt{ width:186px; margin:0 auto; padding-top:10px; text-align:center}
#propro dl dd{ width:186px; margin:0 auto; line-height:45px; text-align:center}


#anlianli{OVERFLOW: hidden; width:960px; height:250px; margin:0px auto 0px auto}
#inanli{float: left;width: 5000%;}
#anlianli1{float: left;}
#anlianli2{float: left;}
#anlianli .f_l{float:left}
#anlianli .dw{ width:245px;}

#anlianli dl{ width:224px; float:left; text-align:center; background:#e9e9e9}
#anlianli dl dt{ width:224px; margin:0 auto; padding-top:10px; text-align:center}
#anlianli dl dd{ width:224px; margin:0 auto; line-height:45px; text-align:center}