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

.banner01{margin:0px auto 0px auto;}
.banner01 .banner01pcon{margin:0 auto; width:1180px;}
.banner01 h3{ margin:0 auto 0px auto; padding-top:20px; padding-bottom:20px}
.banner01 h3 dt{ margin:0 auto; text-align:center; height:60px; background:url(../images/tit01.jpg) center bottom repeat-x; width:645px}
.banner01 h3 dt a{ font-size:22px; width:230px;display:block; margin:0 auto; color:#484040}
.banner01 h3 dt a span{ padding-left:15px; color:#484040; font-family:Arial, Helvetica, sans-serif}
.banner01 h3 dd{ margin:0 auto; text-align:center; height:40px; line-height:40px; font-size:14px; font-weight:normal}
.company{ float:left; width:780px; background:url(../images/line01.jpg) #f6f6f6 left top repeat-x}
.company .pimg{ float:left; width:400px; text-align:left; margin-right:30px;}
.company .pcon{ float:left; width:330px; padding-top:20px}
.company .pcon .tit{ margin:0 auto 10px auto}
.company .pcon .tit dt{ float:left; line-height:50px; border-bottom:1px solid #44c511; padding-left:10px; padding-right:10px; font-size:21px; font-weight:bold}
.company .ncon .con{ height:200px; text-align:left; line-height:27px; margin:0 auto; font-size:12px}
.company .ncon .btn{ margin:0 auto}
.company .ncon .btn a{ display:block; float:left; text-align:center; background:#00a0ea; line-height:40px; width:165px; color:#FFFFFF}
.company .ncon .btn a:hover{ background:#666666}

.contact{ float:right; width:350px; background:url(../images/line01.jpg) #f9f9f9 left top repeat-x; height:280px}
.contact .pcon{ padding-top:20px; margin:0 auto}
.contact .pcon .ncon{ width:300px; line-height:24px; font-size:12px; text-align:left; margin:0 auto; height:108px}

.banner02{ background:#f0efef; border-bottom:1px solid #dcdcdc; margin:30px auto 0px auto; padding-top:20px; padding-bottom:20px}
.banner02 .banner02pcon{ width:1180px; margin:0 auto; background:url(../images/line02.jpg) repeat-y #3fbff0}
.banner02 .pleft{ float:left; width:236px; padding-top:40px}
.banner02 .pleft h3{ background:url(../images/bg01.jpg) center top no-repeat; height:72px; line-height:61px; text-indent:50px; font-size:20px}
.banner02 .pleft h3 a{ color:#FFFFFF}
.banner02 .pleft h3 a span{ padding-left:15px; font-family:Arial, Helvetica, sans-serif}
.banner02 .pleft .pcon{ padding-left:10px; margin:0 auto}
.banner02 .pleft .pcon .ncon{ margin:0 auto}
.banner02 .pleft .pcon .ncon li{ float:left; width:226px; height:35px}
.banner02 .pleft .pcon .ncon li a{ display:block; background:#3fbff0; color:#FFFFFF; text-align:center; line-height:35px;}
.banner02 .pleft .pcon .ncon li a:hover{ background:#f6ff00; color:#202020}
.banner02 .pleft .pcon .ncon .btn{ margin:0 auto; padding-top:15px; padding-bottom:15px}
.banner02 .pleft .pcon .ncon .btn a{ display:block; text-align:center; background:#FFFFFF; line-height:33px; width:110px; color:#3299c0; margin:0 auto}
.banner02 .pleft .pcon .ncon .btn a:hover{ background:#666666; color:#FFFFFF}

.banner02 .pright{ float:left; width:935px; padding-top:10px}
.banner02 .item{ margin:0 auto; width:305px; height:374px; background:#FFFFFF}
.banner02 .item .item_pcon{margin:0 auto; padding-top:20px}
.banner02 .item .pimg{ width: 210px; height: 250px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; overflow:hidden; background:#f2f2f2}
.banner02 .item .pimg .con{ padding-top:25px; text-align:center}
.banner02 .item .pimg .con img{ margin:0 auto; width:167px; display: block; position: relative; }
.banner02 .item .pimg .mask, .banner02 .item .pimg .content {width: 210px; height: 250px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.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: 210px; height: 250px; }
.banner02 .item .tit{ width:210px; margin:0 auto; height:34px; background:#3fbff0}
.banner02 .item .tit a{ display:block; line-height:34px; padding-left:5px; padding-right:5px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; height:34px; margin:0 auto; color:#FFFFFF}
.banner02 .item .tit a:hover{ background:#0375d2}
.banner02 .item .btn{ margin:0 auto; padding-top:15px; padding-bottom:15px}
.banner02 .item .btn a{ display:block; text-align:center; background:#FFFFFF; line-height:22px; width:90px; color:#047bce; margin:0 auto; border:1px solid #047bce; border-radius:11px; }
.banner02 .item .btn a:hover{ background:#047bce; color:#FFFFFF}


.banner03{ margin:0px auto 0px auto; background:#f5f5f5; padding-top:0px; padding-bottom:30px}
.banner03 .banner03pcon{ margin:0px auto 0px auto; width:1200px;}
.banner03 .banner03pcon h3{ margin:0 auto; padding-top:30px; padding-bottom:30px; background:url(../images/line03.jpg) left 80px repeat-x}
.banner03 .banner03pcon h3 dt{ margin:0 auto; line-height:30px; text-align:center; text-transform:uppercase; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#bcbcbc;}
.banner03 .banner03pcon h3 dt a{ color:#bcbcbc}
.banner03 .banner03pcon h3 dd{ margin:0 auto}
.banner03 .banner03pcon h3 dd a{ display:block; line-height:40px; text-align:center; background:url(../images/bg02.jpg) center center no-repeat; font-size:22px; color:#484040}
.banner03 .news{ margin:0 auto; width:1130px}
.banner03 .news .pcon{margin:0 auto;}
.banner03 .news .pimg{ float:left; width:370px}
.banner03 .news .pimg .img{ margin:0 auto 10px auto; width:370px; text-align:left}
.banner03 .news .pimg .con{ width:370px; margin:0 auto}
.banner03 .news .pimg .con .tit{ margin:0 auto 10px auto; border-bottom:1px solid #dedede }
.banner03 .news .pimg .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:30px; float:left; width:280px; font-size:12px}
.banner03 .news .pimg .con .tit span{ float:right; color:#afafaf; line-height:30px; font-size:12px}
.banner03 .news .pimg .con .des{ margin:0 auto; text-align:left; font-size:12px; color:#777777; line-height:20px}
.banner03 .news .pimg .btn{ margin:5px auto 0px auto; width:510px}
.banner03 .news .pimg .btn a{ display:block; float:left; line-height:30px; padding-left:10px; padding-right:10px; background:#bd963a; color:#FFFFFF}
.banner03 .news .pcon .ncon{ float:right; width:720px}
.banner03 .pcon .list{ width:720px; margin:0 auto; height:99px; border-bottom:1px dotted #d9cddb; margin-bottom:20px}
.banner03 .pcon .list .date{ float:left; width:80px;border:1px solid #e5e5e5; height:80px; background:#ba423f; margin-right:15px}
.banner03 .pcon .list .date .day{ margin:0 auto; text-align:center; padding-top:8px; text-align:center; font-size:30px; color:#FFFFFF}
.banner03 .pcon .list .date .month{ margin:0 auto; padding-bottom:8px; text-align:center; color:#FFFFFF}
.banner03 .pcon .list .con{ float:left; width:560px}
.banner03 .pcon .list .con .tit{ margin:0 auto; }
.banner03 .pcon .list .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:30px;}
.banner03 .pcon .list .con .des{ margin:0 auto; text-align:left; font-size:12px; color:#777777; line-height:20px}


.gshj{ float:right; width:350px}
.gshj .pcon{ width:350px; padding-top:15px; padding-bottom:15px; margin:20px auto 0px auto; background:#f6f6f6}



.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:400px; height:280px; position: relative;
}
.section-focus-pic .section-focus-pic1{ width:400px; height:280px; overflow:hidden; position: relative}
.section-focus-pic ul li {
	left: 400px; top: 0px;width:400px; height:280px; position: absolute;
}
.section-focus-pic ul li h7 {
	left: 0px; width: 240px; 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: 400px; 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: 543px; height: 362px;
}
.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; position: absolute; display:none;
}
.section-focus-pic .controler2 a i {
	  width:30px; height: 48px; 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
}



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

.banner07{ background:#f6f6f6; margin:0 auto; padding-top:30px; padding-bottom:30px}
.banner07 .banner07pcon{width:1180px; margin:0 auto}
.banner07 h3{ margin:0 auto; text-align:center; background:#f0b000;}
.banner07 h3 a{ display:block; text-align:center; line-height:48px; font-size:24px; color:#FFFFFF}

.zzry{ width:360px; float:left; margin-right:25px; height:400px; background:#FFFFFF}
.zzry .pcon{ padding-top:10px; margin:0 auto}
.zzry-focus-pic {
	margin: 0px auto 0px auto; width: 240px; height: 330px; position: relative;
}
.zzry-focus-pic .zzry-focus-pic1{ width: 240px; height: 330px; overflow:hidden; position: relative}
.zzry-focus-pic ul li {
	left: 240px; top: 0px;width: 240px; height: 330px; position: absolute;
}
.zzry-focus-pic ul li h7 {
	left: 0px; width: 240px; 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
}
.zzry-focus-pic ul li h7 a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;; float:left; width:160px}
.zzry-focus-pic ul li div {
	left: 0px; width: 240px; height: 50px; bottom: 0px; filter: alpha(opacity=60); position: absolute; opacity: 0.6; background-color: rgb(0, 0, 0); display:none
}
.zzry-focus-pic .pages {
	width: 240px; height: 330px;
}
.zzry-focus-pic .zzrycontroler {
	right: 20px; bottom: 20px; position: absolute;
}
.zzry-focus-pic .zzrycontroler 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;
}
.zzry-focus-pic .zzrycontroler b.down {
	background-position: -161px 1px;
}
.zzry-focus-pic .zzrycontroler2 a {
	top: 113px; width:30px; height: 48px; display: block; position: absolute;
}
.zzry-focus-pic .zzrycontroler2 a i {
	  width:30px; height: 48px; display: block; cursor: pointer;
}
.zzry-focus-pic .zzrycontroler2 .prev {
	left: -52px;
}
.zzry-focus-pic .zzrycontroler2 .prev i {
	background:url(../images/left02.jpg) left top no-repeat;
}

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






.ggxc{ float:left; width:455px; height:400px; background:#FFFFFF}
.ggxc .pcon{ width:410px; margin:0 auto; overflow-x:hidden}
.ggxc .pcon .ncon{ width:510px; margin:0 auto; padding-top:20px}
.ggxc .pcon .ncon dl{ float:left; width:195px; margin-right:20px; margin-bottom:20px}



#links{margin:0px auto 0px auto; width:1200px;}
#links .pcon{ margin:0 auto; padding-top:10px; padding-bottom:10px}
#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:935px; height:384px; 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:315px;}





/*不间断滚动*/
#scjqscjq{OVERFLOW: hidden; width:1120px; height:270px; 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:210px;}