/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-pagination{ right:50%!important; top: 50%!important; margin-top: -50px; margin-right: -590px!important; left: auto!important; width: 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 .ban1 .txtDiv{ position: absolute; left: 50%; margin-left: -590px; top: 50%; height: 220px; margin-top: -110px;}
.ind-banner .ban1 .txt1{font-size: 30px; padding-bottom: 10px; color:#fff; position: relative; font-weight: bold;} 
.ind-banner .ban1 .txt2{ font-size: 40px; font-weight: bold; color: #fff;} 
.ind-banner .ban1 .txt3{ margin-top: 50px;}
.ind-banner .ban1 .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 .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结束*/


.indexTitle .txt1{ font-size: 30px; color: #323232; text-transform: uppercase; padding-bottom: 10px; font-weight: bold;}
.indexTitle .txt2{ font-size: 24px; color: #757575; position: relative; padding-bottom: 25px; }
.indexTitle .txt2 em{ position: absolute; left: 0px; bottom: 0px; width: 30px; height: 4px; background: #0a74c1; display: block; }

.indexPart1{ padding-bottom: 132px; }
.indexPart1 .wal{ position: relative; height: 785px;}
.indexPart1 .bigBox{ position: absolute; left: 0px; margin-top: -47px; z-index: 5; }
.indexPart1 .topBox{ height: 370px; overflow: hidden;}
.indexPart1 .topBox .rightDiv{ width: 590px; height: 370px; background: #fafafa url(../images/nimg395Bg.jpg) right bottom no-repeat }
.indexPart1 .topBox .txt1{ padding: 108px 0 0 84px; font-size: 26px; color: #474e5d; }
.indexPart1 .topBox .txt2{ padding: 10px 0 0 84px; color: #393f4b; font-size: 41px; font-weight: bold; }
.indexPart1 .midBox{ height: 231px; overflow: hidden;}
.indexPart1 .midBox .leftDiv{ width: 50%; background: #f7f7f7; height: 231px;}
.indexPart1 .midBox .list{ padding-top: 80px; }
.indexPart1 .midBox .list li{ float: left; width: 33.33%; text-align: center; color: #7f7f7f;}
.indexPart1 .midBox .list li .num{ font-size: 42px; font-weight: bold; color: #3e5263; }
.indexPart1 .midBox .rightDiv{ width: 50%; height: 231px; background: url(../images/nimg590_2.jpg) no-repeat; position: relative;}
.indexPart1 .midBox .name{ line-height: 231px; font-size: 14px; color: #fff; padding-left: 90px; }
.indexPart1 .midBox .name img{ padding-right: 22px; }
.indexPart1 .midBox .btnDiv{ position: absolute; right: 82px; top: 50%; margin-top: -19px; }

.indexPart1 .botBox{ height: 231px; overflow: hidden;}
.indexPart1 .botBox .leftDiv{ width: 50%; background: #f1f1f1; height: 231px;}
.indexPart1 .botBox .txt{ padding: 87px 0 0 93px; }
.indexPart1 .botBox .rightDiv{ width: 50%; background: #0092d7; height: 231px;}
.indexPart1 .botBox .name{ padding: 70px 0 0 83px; color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.indexPart1 .botBox .msg{ padding: 15px 83px 0 83px; color: #fff;  line-height: 26px; }

.indexPart2{ padding-bottom: 130px; }
.indexPart2 .title{ width: 50%; height: 60px; background: #0092d7 url(../images/nimg53_1.jpg) right center no-repeat; line-height: 60px; text-indent: 40px; font-size: 18px; color: #fff; font-weight: bold;}

.indexPart2 .list{ overflow: hidden; }
.indexPart2 .list li{float: left; width: 290px; height: 720px; cursor: pointer; overflow:hidden; position:relative;} 
.indexPart2 .list li:nth-child(1){background: url(../images/nimg590_3.jpg) no-repeat center center/cover; width: 590px; } 
.indexPart2 .list li:nth-child(2){background: url(../images/nimg590_4.jpg) no-repeat center center/cover; } 
.indexPart2 .list li:nth-child(3){background: url(../images/nimg590_5.jpg) no-repeat center center/cover; }
.indexPart2 .colorBlock .ico{ padding: 115px 0 28px 48px; } 
.indexPart2 .colorBlock .name1{font-size: 26px;color: #fff; padding-left: 48px; text-transform: uppercase; }
.indexPart2 .colorBlock .name2{font-size: 18px;color: #fff; padding-left: 48px; font-weight: bold;} 
.indexPart2 .colorBlock .more{ position: absolute; left: 48px; bottom: 120px; width: 67px; height: 67px; background: url(../images/nimg67_1.png) center no-repeat;} 
.indexPart2 .colorBlock .more a{ display: block; width: 67px; height: 67px; }
.indexPart2 .list li.curr .ico{padding: 115px 0 28px 84px;}
.indexPart2 .list li.curr .name1{ padding-left:84px; font-size: 36px; }
.indexPart2 .list li.curr .name2{ padding-left:84px; font-size: 26px; }
.indexPart2 .list li.curr .more{ left: 84px; background: url(../images/nimg67_1on.png) center no-repeat;} 

.indexPart3{ position: relative; }
.indexPart3 .topRight{ position: absolute; right: 0px; top: 0px; z-index: 4; width: 33.33%; height: 50%; background: url(../images/bg1.png) repeat; }
.indexPart3 .topRight .lbox{ padding: 16% 14% 0; }
.indexPart3 .topRight .txtDiv{ height: 85px; background: url(../images/line1.png) bottom repeat-x; }
.indexPart3 .topRight .txt1{ font-size: 24px; color: #fff; font-weight: bold; }
.indexPart3 .topRight .txt2{ color: #fff; text-transform: uppercase; padding-top: 5px;}
.indexPart3 .tab2{ padding-top: 25px; }
.indexPart3 .tab2 li{ float: left; width: 50%; height: 45px; line-height: 45px; color: #a7a8ab; font-size: 14px;}
.indexPart3 .tab2 li div{ padding-left: 30px; }
.indexPart3 .tab2 .liNow{ color: #fff; font-size: 18px; font-weight: bold; }
.indexPart3 .tab2 .liNow div{ background: url(../images/nimg22_1.png) left center no-repeat;  }
.indexPart3 .tabContent2{ position: relative; }
.indexPart3 .bigImg img{ width: 100%; }
.indexPart3 .lumpDiv{ position: absolute; left: 8.33%; top: 18%; }
.indexPart3 .name1{ font-size: 26px; color: #fff; font-weight: bold; padding: 30px 0 10px;}
.indexPart3 .name2{ font-size: 36px; color: #fff; padding-bottom: 50px; text-transform: uppercase;}
.indexPart3 .msg{ line-height: 24px; color: #acbace; position: absolute; left: 8.33%; bottom: 15%; height: 48px; overflow: hidden; width: 360px; }
.indexPart3 .botRight{ position: absolute; right: 0px; bottom: 0px; z-index: 4; width: 33.33%; height: 50%; background: url(../images/bg2.jpg) repeat; background-size: 100% 100%;}

.indexPic{ position: relative; }
.indexPic .slick .limg{ padding: 10% 10% 0 20%; }
.indexPic .slick .limg img{ width: 100%; }
.indexPic .slick .wenDiv{ padding-left: 13%; }
.indexPic .slick .wen1{ color: #676767; font-size: 14px; padding-bottom: 5px; }
.indexPic .slick .wen2{ color: #676767; font-size: 20px; font-weight: bold; }
.indexPic .slick-prev{ position: absolute; left: -140px; top: 0px; display: block; width: 70px; height: 80px; background: url(../images/nimg70_left.jpg) center no-repeat; }
.indexPic .slick-next{ position: absolute; left: -70px; top: 0px; display: block; width: 70px; height: 80px; background: url(../images/nimg70_right.jpg) center no-repeat; }


.indexPart4{ padding: 90px 0 70px; overflow: hidden; }
.indexPart4 .titleDiv{ border-bottom: #e7e7e7 solid 1px; height: 85px; position: relative; }
.indexPart4 .titleDiv .txt1{ font-size: 26px; color: #373737; font-weight: bold; }
.indexPart4 .titleDiv .txt2{ color: #484848; text-transform: uppercase; padding-top: 5px;}
.indexPart4 .titleDiv .more{ line-height: 40px; letter-spacing: 4px; color: #515151; font-weight: bold; position: absolute; right: 0px; top: 0px; display: block; height: 85px; border-bottom: #0f0f0f solid 1px; text-transform: uppercase; }
.indexPart4 .leftDiv{ width: 382px; }
.indexPart4 .leftDiv li{ margin-bottom: 50px; }
.indexPart4 .leftDiv li .name{ padding-top: 65px;}
.indexPart4 .leftDiv li .name a{ background: url(../images/ico2.png) left 15px no-repeat; display: block; color: #333; font-weight: bold; font-size: 25px; height: 72px; line-height: 36px; overflow: hidden; padding-left: 22px; }
.indexPart4 .leftDiv li .name a:hover{ text-decoration: underline; }
.indexPart4 .leftDiv li .name img{ padding-left: 10px; }
.indexPart4 .leftDiv li .content{ padding-left: 22px; padding-top: 20px; color: #a4a4a4; line-height: 24px; height: 48px; overflow: hidden; }
.indexPart4 .leftDiv li .time{ padding-left: 22px; padding-top: 20px; color: #888; }
.indexPart4 .rightDiv{ width: 584px; padding-top: 35px;}
.indexPart4 .rightDiv li{ height: 177px; border-bottom: #f3f3f3 solid 1px; padding-left: 206px; position: relative;}
.indexPart4 .rightDiv li:last-child{ border-bottom: none; }
.indexPart4 .rightDiv li .imgDiv{ position: absolute; left: 0px; top: 29px; }
.indexPart4 .rightDiv li .time{ padding: 38px 0 15px; font-size: 24px; color: #232323; }
.indexPart4 .rightDiv li .name{ width: 280px; font-size: 15px; height: 40px; line-height: 20px; overflow: hidden; }
.indexPart4 .rightDiv li .name a{ color: #3f3f3f; }
.indexPart4 .rightDiv li .name a:hover{ text-decoration: underline; }