html,body{background:#fff;width:100%;height:100%;margin:0px;padding:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{text-decoration: none;}
ul,li{list-style-type:none;}
input[type="text"],input[type="search"],input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.banner{width:100%;height:100%;overflow:hidden;}
.banner-img{position:relative;width:100%;height:100%;min-width:1200px;}
.banner-img img{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%; background-size:cover;}
.banner-info{position:absolute;bottom:0px;right:0px;width:auto;height:75px;background:url(../images/images/bannerInfoBg.png);}
.banner-info .head{position:relative;width:100%;height:108px;}
.banner-info .head img{position:absolute;top:25px;left:16px;width:357px;}
.banner-info .foot{overflow:hidden;position:relative;width:auto;height:75px;margin:0px auto;}
.banner-info .foot p{padding: 0 80px 0 30px;position:relative;width:100%;height:75px;line-height:75px;color:#fff;font-size:16px;display:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner-info .btn{position:absolute;top:-41px;right:0px;}
.banner-info .btn .child{cursor:pointer;float:left;width:40px;height:40px;line-height:40px;text-align:center;background:#fff;margin-left:1px;}
.banner-info .btn .child img{width:21px; vertical-align:middle;}
.fontInfoClose{position:absolute;top:20px;right:20px;cursor:pointer;}
@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
.banner-img{min-width:320px;}
.banner-img img{width:auto;height:100%;}
.banner-info{width:100%;height:auto;}
.banner-info .head{width:320px;height:55px;}
.banner-info .head img{top:13px;left:8px;width:193px;}
.banner-info .foot{width:290px;height:auto; }
.banner-info .foot p{width: initial;height: initial;line-height: initial;padding: 10px 40px 10px 15px;font-size:16px;white-space: initial;overflow: initial;text-overflow: inherit;}
.fontInfoClose {top:10px;right:10px;width:22px;height:22px;}
.banner-info .btn{top:-30px;right:0px;}
.banner-info .btn .child{width:35px;height:35px;line-height:35px;}
.banner-info .btn .child img{width:18px;}
}
@media (min-width: 480px) and (max-width: 639px)  and (min-height: 479px){
.banner-img{min-width:480px;}
.banner-img img{width:auto;height:100%;}
.banner-info{width:100%;height:auto;}
.banner-info .head{width:480px;height:78px;}
.banner-info .head img{top:20px;left:12px;width:289px;}
.banner-info .foot{width:435px;height:auto; }
.banner-info .foot p{width: initial;height: initial;line-height: initial;padding: 15px 60px 15px 23px;font-size:20px;white-space: initial;overflow: initial;text-overflow: inherit;}
.fontInfoClose {top:15px;right:15px;width:33px;height:33px;}

.banner-info .btn{top:-53px;right:0px;}
.banner-info .btn .child{width:52px;height:52px;line-height:52px;}
.banner-info .btn .child img{width:27px;}
}
@media (min-width: 640px) and (max-width:1023px ) {

.banner-img{min-width:640px;}
.banner-img img{width:auto;height:100%;}
.banner-info{width:100%;height:auto;overflow: initial;}
.banner-info .head{width:640px;height:111px;}
.banner-info .head img{top:25px;left:16px;width:385px;}
.banner-info .foot{width:580px;height:auto; }
.banner-info .foot p{width: initial;height: initial;line-height: initial;padding: 20px 80px 20px 30px;font-size:26px;white-space: initial;overflow: initial;text-overflow: inherit;}
.banner-info .btn{top:-71px;right:0px;}
.banner-info .btn .child{width:70px;height:70px;line-height:70px;margin-left:1px;}
.banner-info .btn .child img{width:36px;}
}

@media (min-width: 480px) and (max-width: 1024px) and (max-height:480px){
	.banner-img{width:100%;min-width: 480px;}
	.banner-img img{width:100%;height:100%;}
	.banner-info{width:100%;height:0px;}
	.banner-info .head{display: none;}
	.banner-info .foot{display: none;}
	.banner-info .btn{top:-52px;}
	.banner-info .btn .child{width:52px;height:52px;line-height:52px;}
	.banner-info .btn .child img{width:27px;}
}


#bannerOut{
	animation:bannerOut 0.5s  ease-out 0s  both;
	-moz-animation:bannerOut 0.5s  ease-out 0s  both;
	-webkit-animation:bannerOut 0.5s   ease-out 0s  both;
	-o-animation:bannerOut 0.5s   ease-out 0s  both;
}
@keyframes bannerOut{
0%{ transform:translateX(0px);}
100%{ transform:translateX(-400px);}
}
@-moz-keyframes bannerOut{
0%{-moz-transform:translateX(0px);}
100%{ -moz-transform:translateX(-400px);}
}
@-webkit-keyframes bannerOut {
0%{-webkit-transform:translateX(0px);}
100%{ -webkit-transform:translateX(-400px);}
}
@-o-keyframes bannerOut{
0%{-o-transform:translateX(0px);}
100%{ -o-transform:translateX(-400px);}
}