body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0;font-family:微软雅黑}
input,button,select,textarea{outline:none}li{list-style:none}img{border:none}textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;}
body,input,textarea{font-size:14px;font-family:微软雅黑;color: #666;}
a{color:#0e1013;text-decoration:none;outline:none}
/*reset end*/
.left{float: left;}
.right{float: right;}
.clearfix:after,.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{*+height:1%}
img{width: auto; max-width: 100%;}
.center{width:1200px;margin:0 auto;}
.bannerbox,.lightbox {width:100%;position:relative; overflow:hidden;height:500px;margin-top:130px;}
.banner,.light {width:1920px;position:absolute;left:50%;margin-left:-960px;}
.fontwrap{width: 1200px;position: relative;left: 50%;    margin-left: -600px;}
.fontwrap img{position: absolute;}
.f1{top:90px;animation: b1 1s ease both;-webkit-animation: b1 1s ease both;-o-animation: b1 1s ease both;-moz-animation: b1 1s ease both;}
.f2{top:230px;animation: b2 1s 0.2s ease both;-webkit-animation: b2 1s 0.2s ease both;-o-animation: b2 1s 0.2s ease both;-moz-animation: b2 1s 0.2s ease both;}
.f3{top:285px;animation: b4 2s 0.5s ease-in-out both;-webkit-animation: b4 2s 0.5s ease-in-out both;-o-animation: b4 2s 0.5s ease-in-out both;-moz-animation: b4 2s 0.5s ease-in-out both;}
.f4{top:370px;animation: b3 1s  0.8s ease both;-webkit-animation: b3 1s  0.8s ease both;-o-animation: b3 1s  0.8s ease both;-moz-animation: b3 1s  0.8s ease both;}
.f5{top:97px;left:100%;margin-left: -519px;animation: b4 2s 1s ease-in-out both;-webkit-animation: b4 2s 1s ease-in-out both;-o-webkit-animation: b4 2s 1s ease-in-out both;-moz-webkit-animation: b4 2s 1s ease-in-out both;}
h3{font-weight: 300;font-size: 28px;text-align: center;color:#333}
h4{font-size: 24px;color: #333;text-align: center;font-weight: 300;}
.jt{text-align: center;display: block;margin:25px auto 40px ;}
.title{text-align: center;}
.title p{font-size: 20px;margin-top: 10px;}
.resion{padding:50px 0 90px ;}
.resion>span,.liucheng>span,.market>span{text-align: center;display: block;}
.lightbox{text-align: center;margin-top:50px ;}
.lightbox ul{position: absolute;top: 150px;width: 1200px;left: 50%;
    margin-left: -600px;}
.lightbox ul li{width: 230px;height: 260px;background: url(../images/li-bg_1.png) no-repeat;float: left;margin-left: 12px;}
.lightbox ul li:first-child{margin-left: 0;}
.lightbox ul li span{display: block;margin-top: 20px;}
.lightbox h3{position: absolute;top: 75px;left: 50%;color: #FFFFFF;margin-left: -194px;}
.lightbox h4{font-size: 24px;color: #3d4e74;height: 50px;line-height: 50px}
.lightbox p{font-size: 16px;}
.market{padding:55px 0 90px}
.market .marketCon1{margin: 50px 0;}
.market h4{font-size: 24px;text-align: center;margin-bottom: 40px;}
.market .title{margin: 100px 0 40px;}
.market .imgwarp{margin: 0 auto;text-align: center;}
.market .imgwarp span{margin-left: 50px;}
.market .imgwarp span:first-child{margin-left: 0;}
.market>p{margin:0 auto;font-size: 24px;color: #3d4e74;margin-top:60px;border-top: 2px solid #3d4e74;text-align:center;border-bottom:2px solid #3d4e74;width:460px ;height: 105px;line-height: 50px;}
/*从上往下*/
@-webkit-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b1{
	0%{opacity: 0;transform:translateY(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/*从左往右*/
@-webkit-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/*从下往往*/
@-webkit-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@keyframes b3{
	0%{opacity: 0;transform:translateY(1000px)}
	100%{opacity: 1;transform:translateX(0)}
}



@-webkit-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-moz-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-o-keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes b4{
	0%{opacity: 0;}
	100%{opacity: 1;}
}