@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px; overflow-x:hidden;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,select,span{margin:0px;padding:0px;font-weight:normal}
a{text-decoration:none; color:#444;font-weight:normal}
b{ font-weight:normal;}
p{font-weight:normal}
a:hover{text-decoration:none; color:#015db2;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
i,dl,dt,em,li{list-style-type:none; font-style:normal;}
input,textarea{ font-family:"微软雅黑";outline: none;}
a{ border:none\9;}
a img{border:none\9;}
.Left{float:left;}
.Right{float:right;}
.clearfix{clear:both;}
.indexbody{overflow-y: hidden;}
@font-face{
	font-family: 'Bebas';
	src: url('font/BEBAS.TTF');
}
@font-face{
	font-family: "futurabt";
	src:url('font/futurabt-medium_.otf');
}

@font-face{
	font-family: 'din';
	src: url('font/DIN.WOFF_0.TTF');
}
@font-face{
	font-family: 'sour';
	src: url('font/SOURCEHANSANSSC-BOLD.OTF');
}

@font-face{
	font-family: 'siyuan';
	src: url('font/思源黑体.TTF');
}

@font-face{
	font-family: 'cai';
	src: url('font/066-CAI978.TTF');
}


.index02bar{width: 100%;}
.index02bar .index02{width: 1200px;height: auto;margin: 0 auto;padding: 40px 0 50px;}
.index02bar .index02 .it{width: auto;height: auto;margin-bottom: 30px;}
.index02bar .index02 .it h2{font-size: 36px;color:#333;line-height: 36px;font-weight: bold;text-align: center;padding-bottom: 24px;background: url(topbg.png) no-repeat scroll bottom center;text-align: center;}
.index02bar .index02 .it p{font-size: 18px;color:#666;line-height: 24px;text-align: center;margin-top: 5px;}
.index02bar .index02 .ib{width: auto;height: auto;}
.index02bar .index02 .ib ul{width: 1250px;height: 450px;}
.index02bar .index02 .ib ul li{width: 369px;height: auto;float:left;margin-right: 47px;margin-bottom: 40px;}
.index02bar .index02 .ib ul li a.imgs{width: 369px;height: 246px;display: block;overflow: hidden;}
.index02bar .index02 .ib ul li a.imgs img{width: 369px;display: block;}
.index02bar .index02 .ib ul li .txts{width: 369px;height:178px;background: #fff;transition: all 500ms;}
.index02bar .index02 .ib ul li .txts .box{padding: 22px 28px 0 28px;}
.index02bar .index02 .ib ul li .txts h2{font-size: 18px;color:#333;line-height: 24px;font-weight: bold;text-align: center;margin-bottom: 5px;}
.index02bar .index02 .ib ul li .txts p{font-size: 14px;color:#444;line-height: 24px;text-indent: 2em;}
.index02bar .index02 .ib ul li .txts a.more{width: 138px;height: 38px;display: block;margin: 0 auto;border: 1px solid #fff;font-size: 14px;color:#fff;text-align: center;line-height: 38px;display: none;transition: all 500ms;margin-top: 25px;}
.index02bar .index02 .ib ul li .txts a.add{width: 38px;height: 34px;display: block;background: url(fw-more.png) no-repeat;margin: 0 auto;margin-top: 34px;transition: all 500ms;}
.index02bar .index02 .ib ul li:hover .txts{background: #24358D;transition: all 500ms;height: 218px;position: relative;margin-top: -40px;}
.index02bar .index02 .ib ul li:hover h2{color:#fff;transition: all 500ms;}
.index02bar .index02 .ib ul li:hover p{color:#fff;transition: all 500ms;}
.index02bar .index02 .ib ul li:hover a.more{display: block;transition: all 500ms;}
.index02bar .index02 .ib ul li:hover a.add{display: none;transition: all 500ms;}
.areascroll{ width:1200px;height: 450px;position: relative;}
.areascroll .prev{width: 25px;height: 59px;background: url(fw-left.png) no-repeat scroll top center; cursor: pointer;position: absolute;left: -49px;top: 41%;transition: all 500ms;}
.areascroll .next{ width: 25px;height: 59px;background: url(fw-right.png) no-repeat scroll top center; cursor: pointer;position: absolute;right: -49px;top: 41%;transition: all 500ms;}
.areascroll span:hover.prev{background-position: bottom center;transition: all 500ms;}
.areascroll span:hover.next{background-position: bottom center;transition: all 500ms;}
.areascroll .bd{ width:1200px; height: 450px; overflow:hidden;margin: 0 auto;overflow: hidden}