/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-container{ z-index: 10!important; }
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-pagination{ z-index: 5; right:22%!important; bottom: 36px!important; margin-top: 0px; margin-right: 0px!important; left: auto!important; width: 76px!important; top: auto!important;} 
.ind-banner .swiper-pagination-bullet { float: none!important; width: 13px; height: 13px; opacity: 1; background: url(../images/ico1.png) no-repeat!important; margin:10px 0!important; display: block!important;} 
.ind-banner .swiper-pagination-bullet-active {background: url(../images/ico1on.png) no-repeat!important; } 
.ind-banner .swiper-button-prev{ display: none; left: 20px; width: 53px; height: 53px; background: url(../images/nimg53_left.png) no-repeat; }
.ind-banner .swiper-button-next{ display: none; right: 20px; width: 53px; height: 53px; background: url(../images/nimg53_right.png) no-repeat; }
.ind-banner .xxx{ position: absolute; right: 0px; bottom: 0px; width: 33.33%; height: 70px; background: #2f1c13; z-index: 3;}
.ind-banner .num{ position: absolute; right: 15.3%; bottom: 28px;  z-index: 3;}
.ind-banner .num li{ float: left; color: #fff; font-weight: bold; font-size: 16px; margin-right: 96px; }

.swiper-pagination-progress { background: rgba(211,211,211,.2)!important; position: absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar { background: #fff!important; }


.ind-banner .ban1 .txtDiv{ position: absolute; left: 100px; top: 50%; height: 220px; margin-top: -110px;}
.ind-banner .ban1 .txt1{font-size: 42px; padding-bottom: 10px; color:#fff; position: relative; font-weight: bold;} 
.ind-banner .ban1 .txt1 em{ text-transform: uppercase; font-size: 52px; }
.ind-banner .ban1 .txt2{ font-size: 24px; color: #fff;} 
.ind-banner .ban1 .txt3{ margin-top: 40px;}
.ind-banner .ban1 .btnDiv{ margin-top: 4%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban1 .robotImg{ position: absolute; right: 50%; bottom: 0; margin-right: -630px;}
.ind-banner .ban1 .robotImg img{ width: 90%;}
.ind-banner .ban2 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban2 .txt1{font-size: 36px; padding-bottom: 25px; color:#fff; position: relative;} 
.ind-banner .ban2 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #fff;}
.ind-banner .ban2 .txt2{ font-size: 60px; font-weight: bold; margin-top: 2.5%; color: #fff;
	background-image: -webkit-linear-gradient(top,#0b6fb8,#42c0fa);
    background-image: linear-gradient(to bottom,#0b6fb8,#42c0fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} 
.ind-banner .ban2 .txt3{ font-size: 30px; color: #fff; margin-top: 2%; text-transform: uppercase;}
.ind-banner .ban2 .btnDiv{ margin-top: 4.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban2 .robotImg{ position: absolute; right: 50%; bottom: 0; margin-right: -600px; margin-top: 18%;}
.ind-banner .ban2 .robotImg img{ width: 92%;}
.ind-banner .ban3 .txtDiv{ position: absolute; left: 0; width: 100%; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban3 .txt1{font-size: 60px; color:#fff; text-align: center;} 
.ind-banner .ban3 .txt2{font-size: 26px; padding: 15px 0 40px; color: #fff; text-align: center; text-transform: uppercase;} 
.ind-banner .ban3 .btnDiv{ margin: 0 auto; color: #298ffd; width: 143px; height: 57px; line-height: 47px; background: url(../images/btn3.png) no-repeat; text-indent: 26px; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -170px;}
.ind-banner .ban4 .txt1{font-size: 36px; padding-bottom: 25px; color:#0a74c1; position: relative;} 
.ind-banner .ban4 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban4 .txt2{ font-size: 60px; margin-top: 2.5%; color: #0a74c1;} 
.ind-banner .ban4 .txt3{ font-size: 30px; color: #3c3c3c; margin-top: 2%;}
.ind-banner .ban4 .btnDiv{ margin-top: 6.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .robotImg{ position: absolute; right: 50%; bottom: 12%; margin-right: -525px; margin-top: 18%;}
.ind-banner .ban4 .robotImg img{ width: 100%;}

.ind-banner .scrollBtn{ width:35px; height:55px; position:absolute; left:50%; bottom:58px; margin-left:-17px; z-index: 22;}

@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
.pre-wrap{width:35px; height:55px; position:relative;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out}

/*banner结束*/

.indexPart1{ background: #f0f0f0; overflow: hidden;}
.indexPart1 .leftDiv{ width: 33.33%; position: relative;}
.indexPart1 .leftDiv .bg img{ width: 100%; }
.indexPart1 .leftDiv .txtDiv{ position: absolute; left: 21%; top: 50%; height: 372px; margin-top: -186px; overflow: hidden;}
.indexPart1 .leftDiv .txt2{ padding: 25px 0 50px; color: #2d1910; font-size: 22px; }
.indexPart1 .leftDiv .msg{ line-height: 30px; color: #5b5b5b; font-size: 14px; }
.indexPart1 .leftDiv .btnDiv{ padding-top: 50px; }
.indexPart1 .leftDiv .btnDiv a{ display: block; width: 206px; height: 52px; border: #030000 solid 2px; text-align: center; line-height: 52px; }
.indexPart1 .midDiv{ width: 33.33%; position: relative;}
.indexPart1 .midDiv .imgDiv img{ width: 100%; }
.indexPart1 .midDiv .ma{ position: absolute; left: 12.5%; bottom: 140px; color: #fff; font-size: 22px; font-weight: bold; }
.indexPart1 .midDiv .ji{ position: absolute; left: 12.5%; bottom: 110px; color: #fff; font-size: 22px; text-transform: uppercase;}
.indexPart1 .rightDiv{ width: 33.33%; position: relative; } 
.indexPart1 .rightDiv .imgDiv img{ width: 100%; }
.indexPart1 .rightDiv .wa{ position: absolute; top: 50%; margin-top: -208px; left: 50%; margin-left: -208px; }

.indexPart2{ padding-top: 150px; padding-bottom: 150px; padding-left: 9.9%; padding-right: 9.9%; }
.indexPart2 .txt{ padding-top: 25px; font-size: 18px; color: #000; }
.indexPart2 .list{ padding-top: 115px; }
.indexPart2 .list ul{ margin-right: -135px; }
.indexPart2 .list li{ float: left; width: 33.33%; }
.indexPart2 .list li .box{ margin-right: 135px; }
.indexPart2 .list li .imgDiv img{ width: 100%; }
.indexPart2 .list li .name1{ padding: 50px 0 30px; font-size: 15px; font-weight: bold; color: #353535;}
.indexPart2 .list li .time{ padding-top: 28px; color: #3f2b24; }

.indexPart3{ padding-left: 100px; }
.indexPart3Pic{ position: relative; }
.indexPart3Pic .box{ position: relative; }
.indexPart3Pic .imgDiv img{ width: 100%; }
.indexPart3Pic .txtDiv{ position: absolute; left: 16.2%; top: 26%; }
.indexPart3Pic .one{ font-size: 66px; color: #fff; font-weight: bold; }
.indexPart3Pic .two{ font-size: 30px; color: #fff; font-weight: bold; }
.indexPart3Pic .three{ font-size: 72px; color: #fff; font-weight: bold; }
.indexPart3Pic .ppDiv{ position: absolute; right: 4%; bottom: 52px; width: 42%;}
.indexPart3Pic .ppDiv ul{ margin-right: -80px; }
.indexPart3Pic .ppDiv li{ float: left; width: 20%; }
.indexPart3Pic .ppDiv li div{ margin-right: 80px; }
.indexPart3Pic .ppDiv li img{ width: 100%; }
.indexPart3Pic .botDiv{position: absolute; left: 0px; bottom: 0px; height: 140px; background: url(../images/bg2.png) repeat; width: 50%;}
.indexPart3Pic .agentlist{ padding-left: 80px; width: 520px; height: 140px;}
.indexPart3Pic .agentlist .slick-slide{ cursor: pointer; padding-top: 40px; padding-left: 63px; height: 63px; width: auto!important; margin-right: 20px; position: relative; overflow: hidden;}
.indexPart3Pic .slick-slide .ico{ position: absolute; left: 0px; top: 40px; width: 63px;}
.indexPart3Pic .slick-slide .ico img{ width:63px;}
.indexPart3Pic .slick-slide .ri{ display: none; }
.indexPart3Pic .slick-slide .floor{ font-weight: bold; font-size: 24px; color: #efefef; }
.indexPart3Pic .slick-slide .wen{ color: #b2afae;}
.indexPart3Pic .agentlist .slick-current{ padding-left: 100px; }
.indexPart3Pic .agentlist .slick-current .ico{ left: 25px; }
.indexPart3Pic .agentlist .slick-current .ri{ display: block;}
.indexPart3Pic .slick-next{ cursor:pointer;background: url(../images/nimg10_right.png) no-repeat right center; width: 10px; height: 16px; position: absolute; bottom:60px; right: -65%; z-index:22}
.indexPart3Pic .line{ position: absolute; left: 50%; margin-left: -170px; bottom: 68px; width: 80px; height: 1px; background: #fff; opacity: 0.5; }

.indexPart4{ padding-left: 100px; }
.indexPart4 .bigBox{ position: relative; padding-right: 100px; min-height: 500px; padding-bottom: 135px;}
.indexPart4 .bg{ position: absolute; left: 0px; width: 50%; background: #efefef;  top: 0px; height: 100%;}
.indexPart4 .leftDiv{ padding-left: 10%; width: 55%;}
.indexPart4 .rightDiv{ width: 35%; padding-bottom: 85px;}
.indexPart4 .txt1{ position: relative; z-index: 1; padding-top: 130px;}
.indexPart4 .txt2{ position: relative; padding-top: 24px; z-index: 1; font-size: 18px; color: #000;}
.indexPart4 .txt3{ padding: 125px 0 25px;}
.indexPart4 .txt4{ color: #5b5b5b; line-height: 30px; font-size: 14px; }

.indexPart4Pic{ position: relative; padding-left: 10%;}
.indexPart4Pic .slick{ position: relative; }
.indexPart4Pic .slick .imgDiv img{ width: 100%; }
.indexPart4Pic .slick .box{ z-index: 4; position: absolute; right: 0px; top: 50%; background: url(../images/bg2.png) repeat; width: 700px; height: 306px; margin-top: -153px;}
.indexPart4Pic .slick .txt5{ padding: 70px 0 0 100px; color: #fff; font-size: 43px; font-weight: bold; text-transform: uppercase;}
.indexPart4Pic .slick .txt5 em{ font-size: 52px; }
.indexPart4Pic .slick .txt6{ padding: 10px 0 0 100px; font-size: 24px; color: #fff; }
.indexPart4Pic .slick-prev{ position: absolute; display: block; width: 17px; height: 11px; background: url(../images/nimg17_top.png) repeat; z-index: 5; right: 65px; top: 50%; margin-top: -30px;}
.indexPart4Pic .slick-next{ position: absolute; display: block; width: 17px; height: 11px; background: url(../images/nimg17_bot.png) repeat; z-index: 5; right: 65px; bottom: 50%; margin-bottom: -30px;}

.indexPart5{ padding-left: 100px; }
.indexPart5 .bigBox{ position: relative; }
.indexPart5 .imgDiv img{ width: 100%; }
.indexPart5 .txtDiv{ position: absolute; left: 10%; top: 34.2%; }
.indexPart5 .txt1{ color: #fff; font-size: 34px; font-weight: bold; }
.indexPart5 .txt1 em{ font-size: 42px; display: block; text-transform: uppercase;}
.indexPart5 .txt2{ font-size: 24px; color: #fff; padding-top: 10px;}


















.index2 .bigImg img{ width: 100%; }

.section{position:relative; overflow:hidden;}
.bnPart1{ background:url(../images/index3-1.jpg) center no-repeat; background-size:cover;}
.bnPart2{ background:url(../images/index3-2.jpg) center no-repeat; background-size:cover;}
.bnPart3{ background:url(../images/index3-3.jpg) center no-repeat; background-size:cover;}
.bnPart4{ background:url(../images/index3-4.jpg) center no-repeat; background-size:cover;}
.bnPart5{ background:url(../images/index3-5.jpg) center no-repeat; background-size:cover;}
.bnPart6{ background:url(../images/index3-6.jpg) center no-repeat; background-size:cover;}


.home{ background:#000; position:relative; padding-bottom:100px;}
.home .imgDiv{ text-align:center; padding:50px 0 20px;}
.home .btnGroup{ margin:0 auto; width:540px;}
.home .btnGroup li{ margin:0 15px; width:150px; float:left;}
.home .btnGroup li a{ display:block; width:150px; height:45px; background:#fff; color:#000; text-align:center; line-height:45px;}