.section-1{ height:400px;overflow:hidden}
.indexBanner{  width: 100%;height:400px;overflow: hidden; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; background:#000; }
.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;}
.indexBanner .bd li{width: 100% !important;height:400px;overflow: hidden; background-size: cover !important; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.indexBanner .bd li .cont{box-sizing: border-box; text-align:center; width:100%; }
.indexBanner .bd li .wrap{width:100%;display: flex; align-items: stretch;height:400px;}
.indexBanner .bd li .cont .btxt{ width:100%;/*background-image: linear-gradient(#2180d0,#0261a3); flex: 1;display: flex;background: linear-gradient(45deg,#1685e1,#31c77d);*/}
.indexBanner .bd li .cont .btxt .btxtbk{ padding:8% 5%;}
.indexBanner .bd li .cont .btu{ width:100%; flex: 1;align-self: stretch;position: relative; }

.ziti{ font-family:AvenirLTStd-Light}

.indexBanner .bd li .cont .btitle1{ width:25%; margin:0 auto;color: #FFFFFF; text-align:center;font-size:28px; padding-top:0px;margin-bottom:20px;/* background:url(../images/icon.png) no-repeat center left; padding-left:25px;*/ margin-top:20px;height:50px; line-height:50px;}

.indexBanner .bd li .cont .btitle2{color: #FFFFFF;font-size:50px; padding-top:0px;margin-bottom:20px; font-weight:bold; }
.indexBanner .bd li .cont .btitle2 span{ color:#ffde59}

.indexBanner .bd li .cont .btitle3{color: #FFFFFF;font-size:17px; padding-top:0px; width:58%; margin:0 auto; text-align:center;word-wrap: break-word;}
.indexBanner .bd li .cont .btitle4{ background:#ffde59; width:140px; line-height:40px; margin:0 auto; text-align:center; border-radius:25px; margin-top:20px;}

.indexBanner .bd li .cont .btitle4 a{color:#21157d; text-transform:uppercase; }

.indexBanner .bd li .cont .btitle5{ color:#fff; font-size:30px; text-align:right; width:100%; margin-top:110px; line-height:40px; }
.indexBanner .bd  li .bg2 .btxt{box-sizing: border-box; text-align:right; width:20%; float:right;margin-right:30px; }

.juliaa{ margin-top:35px!important;}



.indexBanner .bd li .cont .tutu {width:40%; margin:0 auto; margin-top:20px;}
.indexBanner .bd li .cont .tutu ul li img{ /*background:#fff; border-radius:5px;*/ display: flex;justify-content: center;
align-items: center; height:80px; /*padding-left:15px; padding-right:15px;*/}
.indexBanner .bd li .cont .tutu ul li {/* height:100%*/;}
.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: #fff; color: #45af38;}

.indexBanner .hd{width:80%; margin:0 auto; text-align:center;position: absolute;z-index: 4;top: 380px;left:60%;transform: translateX(-50%);display: table;font-size: 0;text-align: center;}

/*.indexBanner .hd ul::after{ display:none;content: '';width: 2px;height: 210px;background-color: #ffffff;opacity: 0.3;filter:alpha(opacity=30);position: absolute;bottom: 40px;right: 12px;}*/
.indexBanner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; overflow: hidden;}
.indexBanner .hd ul li p{width: 10px;height: 10px;margin: 0 6px;position:relative;}
.indexBanner .hd ul li p::after{content: '';width: 10px;height: 10px;border-radius: 50px;background-color: #fff;opacity:0.7;filter:alpha(opacity=70);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: 10px;}
.indexBanner .hd ul li::after{ display:none;content: '';width: 2px;height: 2px;background-color: #FFFFFF;position: absolute;top: -221px;right: 12px;opacity: 0;filter:alpha(opacity=0);}
.indexBanner .hd ul li.on::after{filter:alpha(opacity=100);opacity:1;animation: solid 8s linear infinite;}
.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/banner1.png) no-repeat center top; width:100%; margin:0 auto;height:400px;}
.bg2{ background:url(../images/banner2.png) no-repeat center top; width:100%; margin:0 auto;height:400px;}


@media screen and (max-width: 640px) {
	.section-1{ height:300px;overflow:hidden}
.indexBanner{height:300px;}	
.indexBanner .bd li{height:300px;}

.indexBanner .bd li .wrap{height:300px; }
.indexBanner .bd li .cont .btxt{ width:100%;}


.indexBanner .bd li .wrap{height:300px;}
.indexBanner .bd li .cont .btxt{ width:100%;}


.indexBanner .bd li .cont .btitle1{ width:100%;font-size:17px;background-size:40px; padding-left:0px; height:40px; line-height:40px; margin-bottom:10px; }

.indexBanner .bd li .cont .btitle2{font-size:27px;margin-bottom:10px;}

.indexBanner .bd li .cont .btitle3{font-size:15px; width:90%;;}
.indexBanner .bd li .cont .btitle4{ width:120px; line-height:32px; margin-top:10px;}

.indexBanner .bd li .cont .btitle4 a{ font-size:14px;}

.indexBanner .bd li .cont .btitle5{ font-size:20px; margin-top:80px; line-height:30px; }
.indexBanner .bd  li .bg2 .btxt{width:40%; margin-right:30px; }

.juliaa{ margin-top:25px!important;}


.indexBanner .bd li .cont .tutu ul{ display:flex}
.indexBanner .bd li .cont .tutu {width:70%;margin-top:10px;}
.indexBanner .bd li .cont .tutu ul li img{ height:50px;}


.indexBanner .hd{width:80%; top: 330px;left:50%;}


.bg1{ background:url(../images/banner1.png) no-repeat center ; height:300px; background-size: 300% ;}
.bg2{ background:url(../images/banner2.png) no-repeat center ; height:300px;background-size: 300%;}

}