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

.banner01{margin:20px auto 0px auto;}
.banner01 .banner01pcon{margin:0 auto; width:1180px;}
.banner01 .company{ float:left; width:760px}
.banner01 .company h3{ margin:0 auto 10px auto; border-bottom:1px solid #e0e0e0}
.banner01 .company h3 dt{ float:left; background:url(../images/tit01.jpg) center bottom no-repeat; width:132px; text-align:center; line-height:40px; font-size:14px}
.banner01 .company h3 dt span{ font-family:Arial, Helvetica, sans-serif}
.banner01 .company h3 dd{ float:right; line-height:40px}
.banner01 .company h3 dd a{ color:#707070}
.banner01 .company h3 dd a:hover{ color:#FF6600}
.banner01 .company .pimg{ float:left; width:160px; text-align:left}
.banner01 .company .pcon{ float:right; width:580px;}
.banner01 .company .ncon .con{ height:94px; text-align:left; line-height:22px; margin:0 auto; font-size:12px}
.banner01 .company .ncon .btn{ margin:0 auto}
.banner01 .company .ncon .btn a{ display:block; float:left; text-align:center; background:#bb0000; line-height:25px; width:90px; color:#FFFFFF}
.banner01 .company .ncon .btn a:hover{ background:#666666}
.banner01 .bottom{ margin:0 auto; width:760px; margin-top:15px}
.banner01 .bottom .item{ float:left; width:20%;}
.banner01 .bottom .item span{ display:block}
.banner01 .bottom .item span a{ display:block; width:90px; text-align:center; padding-top:112px; line-height:35px; margin:0 auto; font-size:12px}
.banner01 .bottom .b1 span{ background:url(../images/bg01.jpg) center 5px no-repeat}
.banner01 .bottom .b2 span{ background:url(../images/bg02.jpg) center 5px no-repeat}
.banner01 .bottom .b3 span{ background:url(../images/bg03.jpg) center 5px no-repeat}
.banner01 .bottom .b4 span{ background:url(../images/bg04.jpg) center 5px no-repeat}
.banner01 .bottom .b5 span{ background:url(../images/bg05.jpg) center 5px no-repeat}

.banner01 .zzry{ float:right; width:370px; background:#2d2e32; height:340px}
.banner01 .zzry h3{ padding-top:10px; width:335px; margin:0 auto; height:32px; background:url(../images/line01.jpg) left bottom repeat-x}
.banner01 .zzry h3 dt{ float:left; line-height:32px; font-size:14px; background:url(../images/tit02.jpg) left center no-repeat; text-indent:15px}
.banner01 .zzry h3 dt a{ color:#FFFFFF}
.banner01 .zzry .pcon{ padding-top:30px; margin:0 auto}


.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: 250px; height: 210px; position: relative;
}
.section-focus-pic .section-focus-pic1{ width:250px; height: 210px; overflow:hidden; position: relative}
.section-focus-pic ul li {
	left: 250px; top: 0px;width:250px; height: 210px; position: absolute;
}
.section-focus-pic ul li h7 {
	left: 0px; width: 250px; color: rgb(255, 255, 255); font-family: "微软雅黑";font-weight: normal; position: absolute; z-index: 111; line-height:40px; bottom:0px; font-size:14px
}
.section-focus-pic ul li h7 a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;; float:left; width:250px; text-align:center}
.section-focus-pic ul li div {
	left: 0px; width: 250px; height: 40px; bottom: 0px; position: absolute;;
}
.section-focus-pic .pages {
	width: 250px; height: 210px;
}
.section-focus-pic .controler {
	right: 20px; bottom: 20px; position: absolute; display:none
}
.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: 78px; width:26px; height: 26px; display: block; position: absolute;
}
.section-focus-pic .controler2 a i {
	  width:26px; height: 26px; display: block; cursor: pointer;
}
.section-focus-pic .controler2 .prev {
	left: -42px;
}
.section-focus-pic .controler2 .prev i {
	background:url(../images/sleft.jpg) left top no-repeat;
}

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



.banner02{ margin:30px auto 0px auto; background:#f8f8f8; padding-bottom:20px}
.banner02 .title{margin:0 auto; width:1200px; padding-bottom:25px; padding-top:20px}
.banner02 .title dd{ margin:0 auto; text-align:center; font-size:27px; line-height:30px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase }
.banner02 .title dd a{ color:#e0e0e0}
.banner02 .title dt{ margin:0 auto; width:1200px;background:url(../images/tit03.jpg) center center no-repeat;}
.banner02 .title dt a{ color:#0256ac; display:block; line-height:35px; font-size:27px; text-align:center; font-weight:bold}
.banner02 .banner02pcon{ width:1188px; margin:0 auto; background:#0256ac; border-radius:5px}
.banner02 .pleft{ float:left; width:235px; border-radius:5px; padding-top:5px; padding-bottom:5px}
.banner02 .pleft .proclass{ width:225px; background:#FFFFFF; border-radius:5px; margin:0 auto; padding-top:15px}
.banner02 .pleft h3{ margin:0 auto; border-top:5px solid #d0d0d0; width:205px; padding-top:10px; padding-bottom:10px}
.banner02 .pleft h3 dt{ margin:0 auto; text-align:center; line-height:40px; font-size:30px}
.banner02 .pleft h3 dt a{ color:#4d4d4d}
.banner02 .pleft h3 dd{ margin:0 auto; text-align:center; font-size:16px; line-height:30px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase }
.banner02 .pleft h3 dd a{ color:#e0e0e0}
.banner02 .pleft .pcon{ width:205px; padding-bottom:15px; margin:0 auto;}
.banner02 .pleft .ncon{ width:205px; margin:0px auto}
.banner02 .pleft .ncon li{ float:left; width:205px; line-height:42px; text-align:center; margin-bottom:1px}
.banner02 .pleft .ncon li a{ display:block; line-height:42px; border-radius:5px; background:#0256ac; color:#FFFFFF}
.banner02 .pleft .ncon li a:hover,.banner02 .pleft .ncon li.more a{ background:#bb0000}

.banner02 .pright{ float:left; width:750px}
.banner02 .pright .pcon{ padding-top:10px; margin:0 auto; width:750px; overflow-x:hidden}
.banner02 .pright .pcon .ncon{ width:750px; margin:0 auto}
.banner02 .item{ float:left; width:33.33%;}
.banner02 .item .item_pcon{margin:0 auto; width:230px;}
.banner02 .item .pimg{ width: 230px; height: 172px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; overflow:hidden}
.banner02 .item .pimg img{ border:1px solid #e4e4e4}
.banner02 .item .pimg .mask, .banner02 .item .pimg .content {width:230px; height: 172px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.banner02 .item .pimg img { display: block; position: relative; }
.banner02 .item .third-effect .mask { opacity: 0; overflow: visible;  box-sizing: border-box; transition: all 0.4s ease-in-out 0s; cursor:pointer }
.banner02 .item .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.banner02 .item .third-effect:hover .mask { opacity: 1; background:#000000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.banner02 .item .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
.banner02 .item .pimg a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: block; text-decoration: none; padding: 0px; text-indent: -9999px; width:230px; height: 172px; }
.banner02 .item .tit{ width:230px; margin:0 auto; height:40px;}
.banner02 .item .tit a{ display:block; line-height:35px; padding-left:5px; padding-right:5px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; height:40px; margin:0 auto; color:#FFFFFF}

.anli{ float:right; width:190px; padding-top:13px}
.anli .pimg{ margin:0 auto; text-align:center}
.anli .btn{ margin:0 auto}
.anli .btn a{ display:block; text-align:center; background:#bb0000; line-height:33px; width:120px; color:#FFFFFF; margin:0 auto}
.anli .btn a:hover{ background:#666666}


.banner03{ margin:20px auto 0px auto; width:1188px}

.banner03 h3{ margin:0 auto 10px auto; border-bottom:1px solid #e0e0e0}
.banner03 h3 dt{ float:left; background:url(../images/tit01.jpg) left bottom no-repeat; width:162px; text-align:center; line-height:40px; font-size:14px}
.banner03 h3 dt span{ font-family:Arial, Helvetica, sans-serif}
.banner03 h3 dd{ float:right; line-height:40px}
.banner03 h3 dd a{ color:#707070}
.banner03 h3 dd a:hover{ color:#FF6600}

.contact{ float:left; width:380px}
.contact .pcon{ background:url(../images/bg08.jpg) left center no-repeat; height:140px; margin:0 auto}
.contact .pcon .ncon{ margin:0 auto; padding-left:160px; text-align:left; line-height:24px; font-size:12px}
.contact .btn{ background:url(../images/bg07.jpg) left top no-repeat; line-height:80px; text-align:left; text-indent:130px; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:15px auto 0px auto}

.news{ float:right; width:760px}
.news .pcon{margin:0px auto 0px auto;  width:760px; overflow:hidden}
.news .pcon .pimg{ float:left; width:180px}
.news .pcon .ncon{ width:570px; float:right }
.news .list{ width:570px; float:left; margin-bottom:10px}
.news .list .con{ float:left; width:570px; height:72px; border-bottom:1px dotted #d8d8d8}
.news .list .con .tit{ margin:0 auto; }
.news .list .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:24px; float:left; width:455px}
.news .list .con .tit span{ float:right; line-height:24px; display:block; color:#adadad}
.news .list .con .des{ margin:0 auto; text-align:left; font-size:12px; color:#777777; line-height:20px}

.banner04{ margin:20px auto 0px auto; background:#f8f8f8; padding-bottom:20px; padding-top:20px}
.banner04 .title{margin:0 auto; width:1200px; padding-bottom:25px; padding-top:20px}
.banner04 .title dd{ margin:0 auto; text-align:center; font-size:27px; line-height:30px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase }
.banner04 .title dd a{ color:#e0e0e0}
.banner04 .title dt{ margin:0 auto; width:1200px;background:url(../images/tit03.jpg) center center no-repeat;}
.banner04 .title dt a{ color:#0256ac; display:block; line-height:35px; font-size:27px; text-align:center; font-weight:bold}

.banner04 .pcon{ margin:0 auto; width:1200px; position:relative;}
.banner04 .pcon .left{ position:absolute; top:40px; left:0px}
.banner04 .pcon .right{ position:absolute; top:40px; right:0px}
.banner04 .item{ margin:0 auto;}
.banner04 .item .item_pcon{margin:0 auto; background:#FFFFFF;}
.banner04 .item .pimg{ width: 260px; height: 195px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; overflow:hidden}
.banner04 .item .pimg .mask, .banner04 .item .pimg .content {width:260px; height: 195px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.banner04 .item .pimg img { display: block; position: relative; }
.banner04 .item .third-effect .mask { opacity: 0; overflow: visible;  box-sizing: border-box; transition: all 0.4s ease-in-out 0s; cursor:pointer }
.banner04 .item .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.banner04 .item .third-effect:hover .mask { opacity: 1; background:#000000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.banner04 .item .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
.banner04 .item .pimg a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: block; text-decoration: none; padding: 0px; text-indent: -9999px; width:260px; height: 195px; }
.banner04 .item .tit{ width:260px; margin:0 auto; height:30px;}
.banner04 .item .tit a{ display:block; line-height:30px; padding-left:10px; padding-right:10px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; height:30px; margin:0 auto;}
.banner04 .item .des{ width:260px;margin:0 auto; height:20px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; background:#e60012; color:#FFFFFF}
.banner04 .item .more{ margin:0 auto; width:260px; background:#e60012; padding-top:5px; padding-bottom:5px}
.banner04 .item .more a{ display:block; width:80px; height:26px; line-height:26px; text-align:center; line-height:26px; border-radius:5px; background:#f5a227; color:#FFFFFF; margin:0 auto}

.banner05{ background:url(../images/bg09.jpg) center top no-repeat; height:156px; margin:20px auto 0px auto}
.banner05 .banner05pcon{ width:1200px; margin:0 auto}
.banner05 .banner05pcon .guestbook{ float:right; width:560px; padding-top:30px}
.banner05 .banner05pcon .guestbook .item{ float:left; width:230px; color:#FFFFFF}
.banner05 .banner05pcon .guestbook .item input{ width:145px; padding-left:10px; padding-right:10px; border-radius:5px; border:none; background:#FFF; line-height:30px}
.banner05 .banner05pcon .guestbook .item span { display:block;}
.banner05 .banner05pcon .guestbook .btn{ width:560px; float:left; text-indent:130px; padding-top:15px}
.banner05 .banner05pcon .guestbook .btn input{ background:#e8d856; border:none; width:96px; height:36px; text-align:center}




#hzhb{ margin:40px auto 0px auto; background:#f0f0f0; padding-top:30px;}
#hzhb h3{ margin:0 auto; text-align:left; width:1200px}
#hzhb .pcon{ padding-top:20px; margin:0 auto; width:1200px}
#hzhb .item{ margin:0 auto;}
#hzhb .item .item_pcon{margin:0 auto; border:1px solid #cccccc; width:190px;}
#hzhb .item .pimg{ width: 190px; height: 125px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; overflow:hidden}
#hzhb .item .pimg .mask, #hzhb .item .pimg .content {width:190px; height: 125px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
#hzhb .item .pimg img { display: block; position: relative; }
#hzhb .item .third-effect .mask { opacity: 0; overflow: visible;  box-sizing: border-box; transition: all 0.4s ease-in-out 0s; cursor:pointer }
#hzhb .item .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
#hzhb .item .third-effect:hover .mask { opacity: 1; background:#000000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#hzhb .item .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
#hzhb .item .pimg a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: block; text-decoration: none; padding: 0px; text-indent: -9999px; width:190px; height: 125px; }



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




/*不间断滚动*/
#propro{OVERFLOW: hidden; width:1200px; height:360px; 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:239px;}





/*不间断滚动*/
#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;}