
/*indexBanner*/
.bashuzi { font-family:DINEngschriftStd; font-size:59px; font-style:normal;}
.bap { font-size:18px; color:#fff; width:60%; line-height:30px;}
.indexBanner{width: 100%;position: relative;height: 100%; overflow:hidden}
.indexBanner .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 100%;
}
.indexBanner .bd ul{width: 100% !important;height: 100vh; }
.indexBanner .bd li{width: 100% !important;height:100vh;overflow: hidden; background-size: cover !important;}
.indexBanner .bd li .cont{width: 100%;padding: 20% 3% 0;box-sizing: border-box; text-align:center}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size:35px; padding-top:0px; font-weight:900;}
.indexBanner .bd li .cont .title{color: #FFFFFF;font-size: 25px;margin-top: 1%;}
.indexBanner .bd li .cont .title span{font-weight: bold;}
.indexBanner .bd li .cont .sum { margin-top: 1%; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; letter-spacing:1.2px;}
.indexBanner .bd li .cont .sum a{ display: inline-block;  color: #fff; font-size: 16px; letter-spacing: 1px; padding: 0 16px; line-height: 40px; border-radius: 25px; border: solid 1px #fff; margin-right: 20px;}
.indexBanner .bd li .cont .sum a:hover{ background-color: #0a4e8e; color: #45af38;}
.indexBanner .hd{width: 87%;position: absolute;z-index: 4;bottom: 4%;left:50%;transform: translateX(-50%);display: table;font-size: 0;text-align: left;}
.indexBanner .hd ul::after{content: '';width: 2px;height: 210px;background-color: #ffffff;opacity: 0.3;filter:alpha(opacity=30);position: absolute;bottom: 40px;right: 12px; display:none}
.indexBanner .hd ul { margin:0 auto; text-align:center; width:50%;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; overflow: hidden;}
.indexBanner .hd ul li p{width: 20px;height: 20px;margin: 0 6px;position:relative; }
.indexBanner .hd ul li p::after{content: '';width: 20px;height: 20px;border-radius: 50px;background-color: #0094e8;opacity:0.7;filter:alpha(opacity=50);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on p::after{filter:alpha(opacity=100);opacity:1;height: 20px;}
.indexBanner .hd ul li::after{content: '';width: 20px;height: 20px;background-color: #FFFFFF;position: absolute;top: -221px;right: 12px;opacity: 0;filter:alpha(opacity=0);display:none}
.indexBanner .hd ul li.on::after{filter:alpha(opacity=100);opacity:1;animation: solid 8s linear infinite; display:none}
.indexBanner .hd .mouse{color: #FFFFFF;font-size: 26px;float: right;}
@keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
@-webkit-keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
.indexBanner .icon-jiantou1{display:block;width:50px;height:50px;line-height:50px;font-size: 30px;color: #45af38;text-align: center;background-color: rgba(255,255,255,0.4);position:absolute; top:50%; margin-top:-25px;filter:alpha(opacity=20);opacity:0.2;transition: all 0.6s ease;}
.indexBanner .prev{left: -50px;transform: rotate(-180deg);}
.indexBanner .next{right: -50px;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #45af38;color: #FFFFFF; }
.indexBanner:hover .prev{left: 100px;filter:alpha(opacity=100);opacity:1;}
.indexBanner:hover .next{right: 100px;filter:alpha(opacity=100);opacity:1;}

.bg1{background: url(../images/ban3a.jpg)   no-repeat center bottom; height:100%;}
.bg2{background: url(../images/ban1aa.jpg) center center no-repeat;}
.bg3{background: url(../images/3.jpg) center center no-repeat;}
@media screen and (max-width: 640px) {
.indexBanner{width: 100%;position: relative;height: 300px; overflow:hidden}
.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;height: 100vh; }
.indexBanner .bd li{width: 100% !important;height:50vh;overflow: hidden; background-size: cover !important;}	
.bg1{background: url(../images/wap_bg1.jpg)   no-repeat center bottom; height:100%;}
.bg2{background: url(../images/wap_bg2.jpg) center center no-repeat;}	
.indexBanner .bd li .cont{width: 100%;padding: 35% 3% 0;box-sizing: border-box; text-align:center}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size:20px; padding-top:0px; font-weight:900;}

	}