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

#company{ margin:0px auto}
#company .tit{ margin:0 auto; background:#eeeeee; padding-top:30px; padding-bottom:30px; text-align:center}
#company .companypcon{ background:url(../images/bg02.jpg) bottom repeat-x}
#company .companypcon .companyncon{ background:url(../images/bg01.jpg) center top no-repeat; height:387px; width:1200px; margin:0 auto; position:relative}
#company .company{ position:absolute; top:50px; right:25px; width:600px}
#company h3{ margin:0 auto; line-height:60px; font-size:25px}
#company h3 a{ color:#0066ca}
#company h3 a span{ padding-left:10px; font-size:25px; color:#b8b8b8}
#company .ncon{ width:600px; margin:0 auto; line-height:24px; height:150px}
#company .ncon .con{ margin:0 auto; text-align:left; line-height:24px; height:180px}
#company .more{ margin:0 auto}
#company .more a{ display:block; height:34px}




.banner01{ margin:30px auto 0px auto; padding-bottom:30px}
.banner01 .banner01pcon{ margin:0 auto; width:1200px;}
.banner01 .title{ margin:0 auto; padding-top:45px; padding-bottom:45px; text-align:center}
.banner01 .pleft{ float:left; width:280px}
.banner01 .pright{ float:right; width:890px}


#proclass{ margin:0 auto; background:#f4f5f6; padding-bottom:15px}
#proclass h3{ margin:0 auto}
#proclass h3 dt{ margin:0 auto; text-align:center}
#proclass .pcon{ margin:0 auto;}
#proclass .pcon .ncon{ margin:0 auto; width:230px;}
#proclass .pcon .ncon li{ float:left; width:230px; border-bottom:1px dashed #dbdbdb}
#proclass .pcon .ncon li a{ display:block; line-height:56px; text-indent:5px}
#proclass .pcon .ncon li a:hover{ color:#ff6600}
#proclass .pcon .ncon li li{ margin-bottom:0px; background:none; margin-bottom:0px}
#proclass .pcon .ncon li li a{ display:block; text-align:left; font-size:12px;font-weight:normal; background:none; border-bottom:none}
#proclass .pcon .ncon li li a span{ font-family:"宋体"}

#search{ margin:15px auto 0px auto; width:240px; background:url(../images/bg03.jpg) left no-repeat; height:35px}
#search .sinput{ width:185px; text-align:center; float:left}
#search .sinput input{ width:170px; border:none; background:none; line-height:35px; height:35px}
#search .sbtn{ border:none; height:35px; width:49px; float:right}
#search .sbtn input{background:url(../images/search.jpg) left no-repeat; border:none; height:35px; width:49px;}

#products{ margin:0 auto;}
#products .pcon{ width:890px; margin:0 auto; overflow-x:hidden}
#products .pcon .ncon{ width:995px; margin:0 auto}
#products .pcon .ncon .item{ margin-right:40px; position:relative; width:270px; height:180px; overflow:hidden; float:left; cursor:pointer; margin-bottom:30px}
#products .pcon .ncon .item .bg{ position:absolute; width:100%; top:146px; background:#000000; filter:alpha(opacity=80); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; height:180px; z-index:1}
#products .pcon .ncon .item:hover .bg{
 position:absolute; left:0px; top:0px;
 animation: myfirst 1s;
 -webkit-animation: myfirst 1s; /* Safari 与 Chrome */
}
#products .pcon .ncon .item .txt{ position:absolute; width:100%; top:146px; line-height:34px; text-align:center; color:#FFFFFF; font-size:14px; z-index:10}
#products .pcon .ncon .item:hover .txt{
 position:absolute; left:0px; top:30px;
 animation: myfirst2 1s;
 -webkit-animation: myfirst2 1s; /* Safari 与 Chrome */
}
#products .pcon .ncon .item a{ color:#FFFFFF}

@keyframes myfirst
{
    from {top:116px}
    to {top:0px}
}
 
@-webkit-keyframes myfirst /* Safari 与 Chrome */
{
    from {top:116px}
    to {top:0px}
}

@keyframes myfirst2
{
    from {top:116px}
    to {top:30px}
}
 
@-webkit-keyframes myfirst2 /* Safari 与 Chrome */
{
    from {top:116px}
    to {top:30px}
}


.banner02{ background:url(../images/bg04.jpg) center top no-repeat; height:398px}


.banner03{ margin:0 auto; margin:0px auto 0px auto;}
.banner03 .banner03pcon{ width:1200px; margin:0 auto}
.banner03 h3{ margin:0 auto; text-align:center; line-height:105px; background:url(../images/line02.jpg) bottom repeat-x}
.banner03 h3 dt{background:url(../images/line01.jpg) repeat-x bottom left; float:left; font-size:30px}
.banner03 h3 dt a{ font-size:30px; color:#18baaf}
.banner03 h3 dt a span{ color:#333333}
.banner03 h3 dd{ float:right; line-height:105px}
.banner03 .pcon{ margin:0 auto; width:1200px; padding-top:15px;}
.banner03 .pcon .ncon .item{ margin-right:40px; position:relative; width:270px; height:180px; overflow:hidden; float:left; cursor:pointer;}
.banner03 .pcon .ncon .item .bg{ position:absolute; width:100%; top:146px; background:#000000; filter:alpha(opacity=80); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; height:180px; z-index:1}
.banner03 .pcon .ncon .item:hover .bg{
 position:absolute; left:0px; top:0px;
 animation: myfirst 1s;
 -webkit-animation: myfirst 1s; /* Safari 与 Chrome */
}
.banner03 .pcon .ncon .item .txt{ position:absolute; width:100%; top:146px; line-height:34px; text-align:center; color:#FFFFFF; font-size:14px; z-index:10}
.banner03 .pcon .ncon .item:hover .txt{
 position:absolute; left:0px; top:30px;
 animation: myfirst2 1s;
 -webkit-animation: myfirst2 1s; /* Safari 与 Chrome */
}
.banner03 .pcon .ncon .item a{ color:#FFFFFF}


.banner04{ background:#f2f2f2; margin:0 auto; padding-bottom:30px}
.banner04 .pimg{ padding-top:30px; padding-bottom:30px; text-align:center}
.search{ margin:0px auto 0px auto; height:74px; width:1200px}
.search .tit{ float:left; width:125px; text-align:center; line-height:74px; background:#FFFFFF; margin-right:15px}
.search .sinput{ width:666px; text-align:center; float:left; background:#FFFFFF}
.search .sinput input{ width:630px; border:none; background:none; line-height:74px; height:74px}
.search .sbtn{ border:none; height:35px; width:74px; float:left}
.search .sbtn input{background:url(../images/btn01.jpg) left no-repeat; border:none; height:74px; width:74px;}
.search .more{ float:right; width:283px; line-height:74px; text-indent:20px; background:url(../images/bg06.jpg) right top no-repeat #FFFFFF; width:285px}
.search .more a{ color:#ff6600}



.banner05{ margin:0 auto; text-align:center}
.banner06{ margin:0 auto; text-align:center; background:#f4f4f4; padding-bottom:30px}
.banner07{ background:url(../images/bg05.jpg) center top no-repeat; height:1212px;}


#gcal{ margin:0 auto; padding-top:30px; padding-bottom:30px; background:url(../images/line04.jpg) repeat-x left 70px}
#gcal h3{ margin:0 auto; width:1200px;}
#gcal h3 dt{ float:left; background:url(../images/line03.jpg) bottom repeat-x; line-height:43px; padding-left:45px; padding-right:45px; font-size:18px}
#gcal h3 dd{ float:right; line-height:43px; padding-right:15px}
#gcal .pcon{ background:#FFFFFF; width:1200px; padding-top:20px; margin:0 auto; position:relative}
#gcal .pcon .turnleft{ position:absolute; top:60px; left:0px}
#gcal .pcon .turnright{ position:absolute; top:60px; right:0px}
#gcal .item{ width:195px; float:left; margin-right:24px; margin-bottom:24px;}
#gcal .item .item_pcon{ width:195px; margin:0 auto;}
#gcal .item .pimg{ width: 195px; height: 150px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; overflow:hidden}
#gcal .item .pimg .mask, #gcal .item .pimg .content {width: 195px; height: 150px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
#gcal .item .pimg img { display: block; position: relative; }
#gcal .item .third-effect .mask { opacity: 0; overflow: visible;  box-sizing: border-box; transition: all 0.4s ease-in-out 0s; cursor:pointer }
#gcal .item .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
#gcal .item .third-effect:hover .mask { opacity: 1; background:#000000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#gcal .item .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
#gcal .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: 195px; height: 150px; }
#gcal .item .tit{ width:195px; margin:0 auto; text-align:center; padding-top:15px}
#gcal .item .tit a{ display:block; line-height:30px; width:195px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; margin:0 auto;}


#zzry{ background:#f7f5f5; margin:0 auto; padding-bottom:25px}
#zzry h3{ margin:0 auto; padding-top:25px; padding-bottom:20px; text-align:center}
#zzry .pcon{ width:1070px; overflow-x:hidden; margin:0 auto}
#zzry .pcon .ncon{ width:1150px; margin:0 auto}
#zzry .pcon .ncon dl{ float:left; width:190px; margin-right:30px}




.banner08{ width:1200px; margin:30px auto 0px auto;}


#jszc{ float:left; width:540px;}
#jszc h3{ margin:0px auto 10px auto; width:540px; border-bottom:1px solid #f7f5f5}
#jszc h3 dt{ float:left; background:url(../images/icon01.jpg) left center no-repeat; line-height:40px; text-indent:15px; padding-right:10px; font-size:18px}
#jszc h3 dd{ float:right; line-height:40px;}
#jszc .pcon{ width:540px; margin:0 auto}
#jszc .pcon .pimg{ padding-bottom:5px; width:540px; margin:0 auto}
#jszc .pcon .pimg .img{ float:left; width:185px; text-align:left}
#jszc .pcon .pimg .con{ float:left; width:340px}
#jszc .pcon .pimg .con .tit{ margin:0 auto; }
#jszc .pcon .pimg .con .tit a{ display:block; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; line-height:30px;}
#jszc .pcon .pimg .con .des{ margin:0 auto; text-align:left; font-size:12px; color:#777777; line-height:20px}
#jszc .pcon .pimg .btn{ margin:5px auto 0px auto; width:510px}
#jszc .pcon .pimg .btn a{ display:block; float:left; line-height:30px; padding-left:10px; padding-right:10px; background:#bd963a; color:#FFFFFF}
#jszc .pcon .pimg .btn a:hover{ background:#333333; color:#FFFFFF}
#jszc .pcon .ncon{ margin:0 auto; width:540px;}
#jszc .pcon .ncon dd{ float:left; width:540px; line-height:35px; border-bottom:1px dashed #b8b8b8}
#jszc .pcon .ncon dd span{ float:right; font-size:12px}
#jszc .pcon .ncon dd a{ display:block; float:left; line-height:35px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; width:430px; font-size:12px;}

#news{ float:right; width:540px}
#news h3{ margin:0px auto 10px auto; width:540px; border-bottom:1px solid #f7f5f5}
#news h3 dt{ float:left; background:url(../images/icon01.jpg) left center no-repeat; line-height:40px; text-indent:15px; padding-right:10px; font-size:18px}
#news h3 dd{ float:right; line-height:40px;}
#news .pcon{ width:540px; margin:0 auto}
#news .pcon .pimg{ padding-bottom:5px; width:540px; margin:0 auto}
#news .pcon .pimg .img{ float:left; width:185px; text-align:left}
#news .pcon .pimg .con{ float:left; width:340px}
#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 .pimg .btn{ margin:5px auto 0px auto; width:510px}
#news .pcon .pimg .btn a{ display:block; float:left; line-height:30px; padding-left:10px; padding-right:10px; background:#bd963a; color:#FFFFFF}
#news .pcon .pimg .btn a:hover{ background:#333333; color:#FFFFFF}
#news .pcon .ncon{ margin:0 auto; width:540px;}
#news .pcon .ncon dd{ float:left; width:540px; line-height:35px; border-bottom:1px dashed #b8b8b8}
#news .pcon .ncon dd span{ float:right; font-size:12px}
#news .pcon .ncon dd a{ display:block; float:left; line-height:35px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; text-align:left; width:430px; font-size:12px;}




.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: 537px; height: 310px; overflow: hidden; position: relative;
}
.section-focus-pic ul li {
	left: 537px; top: 0px; width: 537px; height: 310px; 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: 537px; 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: 537px; height: 310px;
}
.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;
}




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





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


#anlianli{OVERFLOW: hidden; width:1090px; height:260px; margin:0px auto 0px auto; position:relative}
#inanli{float: left;width: 5000%;}
#anlianli1{float: left;}
#anlianli2{float: left;}
#anlianli .f_l{float:left}
#anlianli .dw{ width:220px;}