
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-pagination-bullet {width: 32px; height: 4px; background: #fff; opacity: 1;border-radius: 2px;margin:0 5px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: #0092d7!important;opacity: 1; } 
.ind-banner .swiper-pagination{bottom: 39px!important; } 
.ind-banner .ban2 em{font-size: 50px; display: block; text-align: center; margin-top: 16%; padding-bottom: .5%; } 
.ind-banner .ban2 b{font-size: 62px;display: block;text-align: center;} 
.ind-banner .ban2 a.more{display: block;width: 160px;height: 43px;line-height: 43px;text-indent: 43px; background: #0092d7 url(../images/a4_on.png) no-repeat 106px;;color: #fff;font-size: 15px;font-weight: bold;margin: 3% auto 0; } 
.ind-banner .ban2 a.more:hover{background: #fff url(../images/a4.png) no-repeat 96px; color: #0092d7; } 
.ind-banner .ban3 b{font-size: 47px;display: block;margin: 14% 0 0 59%;} 
.ind-banner .ban3 i{font-size: 14px; display: block; margin: 1.5% 0 0 59%; padding-bottom: .5%; color: #a8cae2; line-height: 30px; font-weight: bold; } 
.ind-banner .ban3 a.more{display: block; width: 145px; height: 43px; line-height: 43px; text-indent: 35px; background: #0092d7 url(../images/a3_on.png) no-repeat 106px; color: #fff; font-size: 15px; margin: 1% 0 0 59%; border-radius: 40px; text-transform: uppercase; } 
.ind-banner .ban3 a.more:hover{background: #fff url(../images/a3.png) no-repeat 96px; color: #0092d7; } 
.ind-banner .ban4 b {margin: 12% 0 0 51%; } 
.ind-banner .ban4 i{margin: 1.5% 0 0 51%; } 
.ind-banner .ban4 a.more{margin: 1% 0 0 51%; }


.ind-part1{overflow: hidden; } 
.ind-part1 .img{width: 50%; } 
.ind-part1 .img img{width: 100%; } 
.ind-part1 .o{padding: 0 12.5% 0 4.5%; width: 33%; } 
.ind-part1 .t1{font-size: 24px;color: #3e3e3e;margin-top: 14%;} 
.ind-part1 .t2{font-size: 24px;color: #3e3e3e;font-weight: bold;margin-bottom: 9%;} 
.ind-part1 p{font-size: 13px;color: #9e9e9e;line-height: 30px;height: 90px;overflow: hidden;} 
.ind-part1 ul{overflow: hidden; } 
.ind-part1 ul li{float: left; } 
.ind-part1 .list1{margin: 10% 0 0 0; } 
.ind-part1 .list1 li{margin-right: 21%; } 
.ind-part1 .list1 li .ico{height: 44px; } 
.ind-part1 .list1 li img{height: 34px; } 
.ind-part1 .list1 li b{font-size: 29px;color: #1c1c1c;display: block;margin: 10px 0 6px;} 
.ind-part1 .list1 li b em{background: url(../images/a8.png) no-repeat top; height: 19px; width: 7px; display: inline-block; } 
.ind-part1 .list1 li i{font-size: 12px;color: #949494; display: block; } 
.ind-part1 .list2{position: relative; z-index: 9; float: left; margin-left: 39%; clear: left; margin-top: -13%; width: 100%; } 
.ind-part1 .list2 li{text-align: center;width: 11%;background: #fff;padding: 50px 0;} 
.ind-part1 .list2 li .ico{overflow: hidden; text-align: center; } 
.ind-part1 .list2 li:hover{padding: 45px 0 50px; } 
.ind-part1 .list2 li:hover .ico{padding-top: 5px; } 
.ind-part1 .list2 li img{/*height: 43px;*/ } 
.ind-part1 .list2 li:hover img{position: relative; margin-top: -5px; } 
.ind-part1 .list2 li img.on{display: none; } 
.ind-part1 .list2 li i{font-size: 12px;color: #7a7a7a;text-transform: uppercase;display: block;padding: 8px 0 4px;} 
.ind-part1 .list2 li span{font-size: 13px;color: #3e3e3e;display: block;font-weight: bold;} 
.ind-part1 .list2 li:hover{background: #0092d7; } 
.ind-part1 .list2 li:hover img.off{display: none; } 
.ind-part1 .list2 li:hover img.on{display: inline-block; } 
.ind-part1 .list2 li:hover i,
.ind-part1 .list2 li:hover span{color: #fff;} 

.ind-part2{opacity: 0;}
.ind-part2 .top{height: 260px; background: #f2f2f2; text-align: center; } 
.ind-part2 .top em{font-size: 28px;color: #3e3e3e; display: block; padding-top: 100px; } 
.ind-part2 .top i{font-size: 14px;color: #bdbdbd; display: block; line-height: 35px; text-transform: uppercase; } 
.ind-part2 .list{overflow: hidden; } 
.ind-part2 .list li{float: left;width: 25%;position: relative;} 
.ind-part2 .list li:nth-child(2){-webkit-animation-delay: .2s; animation-delay: .2s; } 
.ind-part2 .list li:nth-child(3){-webkit-animation-delay: .4s; animation-delay: .4s; }
.ind-part2 .list li:nth-child(4){-webkit-animation-delay: .6s; animation-delay: .6s; }
.ind-part2 .list .tlt{height: 197px;padding: 0 10%;} 
.ind-part2 .list .tlt em{font-size: 22px;color: #353535;display: block;padding: 47px 0 8px;} 
.ind-part2 .list .tlt span{font-size: 22px;color: #353535;display: block;text-transform: uppercase;} 
.ind-part2 .list .tlt i{width: 15px; height: 3px; display: block; background: #353535; margin-top: 15px; } 
.ind-part2 .list .img{width: 100%; } 
.ind-part2 .list .img img{width: 100%; } 
.ind-part2 .list .hov{opacity: .5; background: #0092d7; position: absolute; top: 100%; height: 100%; width: 100%; -webkit-transition: all .7s;-moz-transition: all .7s;-o-transition: all .7s;transition: all .7s; } 
.ind-part2 .list .hov em,
.ind-part2 .list .hov span{color: #fff; } 
.ind-part2 .list .hov i{background: #fff; } 
.ind-part2 .list .hov p{color: #9ac9ea;line-height: 25px;padding: 0 10%;} 
.ind-part2 .list .hov .ico {display: block; width: 145px; height: 42px; line-height: 42px; text-indent: 31px; border-radius: 40px; background: #fff url(../images/a3.png)no-repeat 79%; color: #0092d7; margin: 50px 10% 0; } 
.ind-part2 .list li:hover .hov{top: 0; opacity: 1; } 

.ind-part3{opacity: 0;}
.ind-part3 .top{text-align: center;padding-bottom: 60px;} 
.ind-part3 .top em{font-size: 28px;color: #3e3e3e; display: block; padding-top: 100px; } 
.ind-part3 .top i{font-size: 14px;color: #bdbdbd; display: block; line-height: 35px; text-transform: uppercase; } 
.ind-part3 .tab{display: table;margin: 50px auto 0;} 
.ind-part3 .tab li{padding: 0 70px; border-right: 1px solid #f3f3f3; float: left; cursor: pointer; position: relative; } 
.ind-part3 .tab li:last-child{border-right: 0; } 
.ind-part3 .tab li:nth-child(1){-webkit-animation-delay: .1s; animation-delay: .1s; } 
.ind-part3 .tab li:nth-child(2){-webkit-animation-delay: .2s; animation-delay: .2s; } 
.ind-part3 .tab li:nth-child(3){-webkit-animation-delay: .3s; animation-delay: .3s; } 
.ind-part3 .tab li:nth-child(4){-webkit-animation-delay: .4s; animation-delay: .4s; } 
.ind-part3 .tab li:nth-child(5){-webkit-animation-delay: .5s; animation-delay: .5s; } 
.ind-part3 .tab li:nth-child(6){-webkit-animation-delay: .6s; animation-delay: .6s; }
.ind-part3 .tab .ico{margin: 0 auto 18px; } 
.ind-part3 .tab .ico .on{margin:0 auto; display: none; } 
.ind-part3 .tab span{color: #b4b6bb; font-size: 13px; } 
.ind-part3 .tab img.tg{position: absolute; top: 124px; z-index: 9; display: none; left: 50%; margin-left: -5px; } 
.ind-part3 .tab li.on .on{display:inherit;} 
.ind-part3 .tab li.on .off{display:none;} 
.ind-part3 .tab li.on span{color:#0092d7;} 
.ind-part3 .tab li.on .tg{display: block; } 
.ind-part3 .cont{display: none; height: 621px; width: 100%; position: relative;-webkit-animation-duration: 1s;animation-duration: 1s;} 
.ind-part3 .cont .txt{position: absolute; top: 140px; right: 5%; width: 480px; height: 220px; background: #fff; padding: 65px 100px 0 78px; overflow: hidden; } 
.ind-part3 .cont .t{width: 186px; } 
.ind-part3 .cont .t em{font-size: 26px;color: #000;display: block; } 
.ind-part3 .cont .t span{font-size: 12px;color: 3939393;display: block; margin:8px 0 23px; } 
.ind-part3 .cont .t i{width: 20px;height: 2px;background: #48afe0;display: block;} 
.ind-part3 .cont .r{width: 293px; } 
.ind-part3 .cont .r p{color: #8f8f8f;line-height: 30px;font-size: 12px;height: 90px;margin-bottom: 30px;} 
.ind-part3 .cont .r .ico{display: block;width: 117px;height: 32px;line-height: 32px;text-indent: 31px;border:1px solid #8f8f8f;font-size: 12px;} 
.ind-part3 .cont .r .ico:hover{color:#fff; background:#0092d7; border:1px solid #0092d7; } 

.ind-part4{opacity: 0;}
.ind-part4{background: #f4f4f4;} 
.ind-part4 .top{text-align: center;padding-bottom: 60px;} 
.ind-part4 .top em{font-size: 28px;color: #3e3e3e; display: block; padding-top: 100px; } 
.ind-part4 .top i{font-size: 14px;color: #bdbdbd; display: block; line-height: 35px; text-transform: uppercase; } 
.ind-part4 {padding-bottom: 142px;} 
.ind-part4 .list{overflow: hidden; display: table;margin:0 10%; width: 80%; } 
.ind-part4 .list li{float: left; width: 19%; margin: 0 3%; } 
.ind-part4 .list li:nth-child(2){-webkit-animation-delay: .2s; animation-delay: .2s; } 
.ind-part4 .list li:nth-child(3){-webkit-animation-delay: .4s; animation-delay: .4s; } 
.ind-part4 .list li:nth-child(4){-webkit-animation-delay: .6s; animation-delay: .6s; }
.ind-part4 .list .img{width: 100%; } 
.ind-part4 .list .img img{width: 100%; } 
.ind-part4 .list .name{font-size: 15px;color: #575757;margin:60px 0 25px;background: url(../images/a13.png)no-repeat left;padding-left: 13px;font-weight: bold;} 
.ind-part4 .list .txt{line-height: 25px; font-size: 12px;color: #575757; height: 50px; margin-bottom: 43px; } 
.ind-part4 .list .ico{display: block; width: 45px; height: 31px; line-height: 31px; border:2px solid #189cda; border-radius: 30px; background: url(../images/a4.png)no-repeat 40%; } 
.ind-part4 .list .ico::after{content:"MORE"; font-size: 12px; color: #189cda; margin-left: 0px; opacity: 0; font-weight: bold; } 
.ind-part4 .list .ico:hover{width: 105px; background: url(../images/a4.png)no-repeat 80%; } 
.ind-part4 .list .ico:hover::after{opacity: 1; margin-left: 20px; } 
.ind-part4 .list li:hover .name{margin-left: 20px;} 
.ind-part4 .list li:hover .txt{margin-left: 20px;} 
.ind-part4 .list li:hover .ico{margin-left: 20px;}

