/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{  text-align: right; left: auto!important; right:85px!important; bottom: 126px!important; } 
.ind-banner .swiper-pagination-bullet {width: 13px; height: 13px; opacity: 1; background: url(../images/ico1.png) center no-repeat; margin-left:12px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: url(../images/ico1on.png) center no-repeat!important; } 
.ind-banner .txt{position: absolute; left: 0; top:35vh; text-align: center; width: 100%;} 
.ind-banner .txt span{font-size: 45px;color:#fff; font-weight: bold; line-height: 60px;} 
.ind-banner .txt em{display: block; font-size: 16px; color: #2c2c2c; text-transform: uppercase; margin:25px 0 45px; } 
.ind-banner .txt .ico{display: block; margin: 75px auto 0; width: 155px; height: 44px; line-height: 44px; text-align: center; font-size: 16px;color: #fff; background: #085ea4; } 
.ind-banner .mouse-down{position: absolute;width: 80px;height: 50px;line-height: 50px;z-index:  20;margin-top: -63px;text-align:  center;cursor:  pointer;left: 50%;margin-left: -40px;-webkit-animation-duration: 2s;animation-duration: 2.5s!important;animation-iteration-count:infinite;} 
.ind-banner .txt1{ position: absolute; left: 8.8%; top: 50%; margin-top: -65px;} 
.ind-banner .txt1 span{color: #fff; font-size: 45px; display: block; padding-top: 30px;} 
.ind-banner .txt1 span i{ position: absolute; left: 0px; top: 0px; display: block; width: 50px; height: 3px; background: #00a2e9; }
.ind-banner .txt1 em{color: #fff; font-size: 18px; opacity: 0.3; } 
.ind-banner .txt1 .ico{color: #a57a65;background: #fff url(../images/a7_1.png) no-repeat 80%;} 
.ind-banner .txt2 span{font-weight: 600;} 
.ind-banner .txt2 span i{display: block; font-weight: normal;} 
.ind-banner .txt3{text-align: center; top:40vh; left: 0; right: 0;} 
.ind-banner .txt3 em{font-size: 20px;color: #283b59}
.ind-banner .swiper-button-prev{ left: 5%; margin-top: -44px; } 
.ind-banner .swiper-button-next{ right: 5%; margin-top: -44px; } 


/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:12px; width:100%; text-align:center;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:10px; height:10px; background:url(../images/ico1.png) no-repeat center; cursor:pointer; background-size: 10px;}
.indexFlashTel .slick-dots .slick-active{ background:url(../images/ico1on.png) no-repeat center; background-size: 10px;}

.indexTitle{ text-align: center; }
.indexTitle .title1{ font-weight: bold; font-size: 36px; color: #0f81c4; position: relative; padding-bottom: 15px; text-transform: uppercase;}
.indexTitle .title1 em{ position: absolute; left: 50%; bottom: 0px; display: block; width: 35px; height: 2px; background: #013e87; margin-left: -17px;}
.indexTitle .title2{ padding-top: 10px; font-size: 22px; color: #2c2c2c; }

.indexPart1{ background: #fafafa; position: relative; overflow: hidden; height: 846px;}
.indexPart1 .leftDiv{ width: 50%; height: 846px; }
.indexPart1 .rightImg{ width: 50%; overflow: hidden; height: 846px;}
.indexPart1 .rightImg img{ width: 960px; }
.indexPart1 .contentBox{ position: absolute; left: 50%; margin-left: -663px; width: 600px; height: 846px;}
.indexPart1 .year{ padding-top: 100px; color: #0f81c4; font-weight: bold; font-size: 24px; text-transform: uppercase; padding-bottom: 5px;}
.indexPart1 .name{ color: #3e3e3e; font-weight: bold; font-size: 24px; padding-bottom: 35px;}
.indexPart1 .content{ line-height: 32px; color: #9e9e9e; font-size: 13px; }
.indexPart1 .numList{ padding-top: 25px; }
.indexPart1 .numList li{ float: left; width: 196px;}
.indexPart1 .numList li .ico{ padding-bottom: 15px; }
.indexPart1 .numList li .num{ color: #1c1c1c; font-weight: bold;}
.indexPart1 .numList li .num b{ font-size: 28px; }
.indexPart1 .numList li .num em{ position: relative; top: -12px; left: 5px;}
.indexPart1 .numList li .wen{ color: #949494; padding-top: 5px; }
.indexPart1 .btnDiv{ padding-top: 30px; }
.indexPart1 .btnDiv a{ display: block; width: 155px; height: 44px; background: #085ea4; line-height: 44px; color: #fff; font-size: 16px; font-weight: bold; text-align: center;}
.indexPart1 .list{ position: absolute; left: 0px; bottom: 62px; width: 884px;}
.indexPart1 .list li{ float: left; width: 221px; height: 203px; background: #fff; text-align: center;}
.indexPart1 .list .li01{ background: #fff url(../images/bg1.jpg) left top repeat-y;}
.indexPart1 .list li a{ display: block; width: 100%; height: 100%; }
.indexPart1 .list li .ico{ padding: 54px 0 10px; }
.indexPart1 .list li .ico .img1{ display: none; }
.indexPart1 .list li .name1{ font-size: 14px; color: #b0b0b0; text-transform: uppercase; padding-bottom: 5px;}
.indexPart1 .list li .name2{ font-size: 14px; color: #3e3e3e; }
.indexPart1 .list li:hover{ background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;}
.indexPart1 .list li:hover .ico img{ display: none; }
.indexPart1 .list li:hover .ico .img1{ display: inline-block; }
.indexPart1 .list li:hover .name1, .indexPart1 .list li:hover .name2{ color: #fff; }

.indexPart1Tel{ padding: 50px 10px 30px; background: #f7f7f7; }
.indexPart1Tel .year{ color: #0f81c4; font-weight: bold; font-size: 18px; text-transform: uppercase; padding-bottom: 5px;}
.indexPart1Tel .name{ color: #3e3e3e; font-weight: bold; font-size: 18px; padding-bottom: 20px;}
.indexPart1Tel .content{ line-height: 24px; color: #9e9e9e; font-size: 13px; }
.indexPart1Tel .numList{ padding-top: 15px; padding-left: 20px;}
.indexPart1Tel .numList li{ float: left; width: 33.33%;}
.indexPart1Tel .numList li .ico{ padding-bottom: 10px; }
.indexPart1Tel .numList li .num{ color: #1c1c1c; font-weight: bold;}
.indexPart1Tel .numList li .num b{ font-size: 18px; }
.indexPart1Tel .numList li .num em{ position: relative; top: -6px; left: 5px;}
.indexPart1Tel .numList li .wen{ color: #949494; padding-top: 5px; }
.indexPart1Tel .bigImg{ padding-top: 25px; }
.indexPart1Tel .bigImg img{ width: 100%; }
.indexPart1Tel .list{ width: 90%; margin: -60px auto 0; position: relative;}
.indexPart1Tel .list li{ float: left; width: 50%; height: 140px; background: #fff; text-align: center;}
.indexPart1Tel .list .li01{ background: #fff url(../images/bg1.jpg) left top repeat-y;}
.indexPart1Tel .list li a{ display: block; width: 100%; height: 100%; }
.indexPart1Tel .list li .ico{ padding: 25px 0 10px; }
.indexPart1Tel .list li .ico .img1{ display: none; }
.indexPart1Tel .list li .name1{ font-size: 12px; color: #b0b0b0; text-transform: uppercase; padding-bottom: 5px;}
.indexPart1Tel .list li .name2{ font-size: 14px; color: #3e3e3e; }
.indexPart1Tel .list li:hover{ background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;}
.indexPart1Tel .list li:hover .ico img{ display: none; }
.indexPart1Tel .list li:hover .ico .img1{ display: inline-block; }
.indexPart1Tel .list li:hover .name1, .indexPart1Tel .list li:hover .name2{ color: #fff; }
.indexPart1Tel .btnDiv{ padding-top: 40px; width: 140px; margin: 0 auto;}
.indexPart1Tel .btnDiv a{ display: block; width: 140px; height: 40px; background: #085ea4; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; text-align: center;}


.indexPart2{ padding-top: 95px; }
.indexPart2 .bigBox{ position: relative; margin-top: 60px;}
.indexPart2 .tab{ position: absolute; left: 50%; margin-left: -700px; bottom: 0px; z-index: 2; width: 1400px;}
.indexPart2 .tab li{ float: left; width: 25%; position: relative; height: 150px;}
.indexPart2 .tab li .box{ margin: 0 16px; position: relative; height: 150px; background: #f5f5f5;}
.indexPart2 .tab li .xbox{ /* padding-left: 72px;*/ position: absolute; left: 0px; bottom: 0px; height: 150px; width: 100%; overflow: hidden; background: #f5f5f5;}
.indexPart2 .tab li .xbox.on{ background: url(../images/bg3.jpg) no-repeat; background-size: 100% 100%; }
.indexPart2 .tab li .imgDiv{ display: none; position: absolute; left: 50%; bottom: 33px; margin-left: -131px;}
.indexPart2 .tab li .name1{ padding: 50px 0 0 30px; color: #666; font-size: 20px; font-weight: bold;}
.indexPart2 .tab li .name2{ font-size: 13px; font-weight: bold; padding: 5px 0 0 30px; color: #cacaca; height: 40px; position: relative;}
.indexPart2 .tab li .name2 em{ position: absolute; left: 30px; bottom: 0px; width: 40px; height: 2px; display: none; background: url(../images/bg4.png) repeat; }
.indexPart2 .tab li .ico{ position: absolute; right: 25px; top: 30px; }
.indexPart2 .tab li .xbox.on .name1{ color: #fff; }
.indexPart2 .tab li .xbox.on .name2{ color: #fff; }
.indexPart2 .tab li .xbox.on .name2 em{ display: block; }
.indexPart2 .bigImg img{ width: 100%; }

.indexPart2Tel{ padding: 40px 10px; }
.indexPart2Tel .indexTitle{ padding-bottom: 25px; }
.indexPart2Tel .bigImg img{ width: 100%; }
.indexPart2Tel .tab2{ padding-top: 5px; overflow: hidden;}
.indexPart2Tel .tab2 ul{ margin-right: -5px; }
.indexPart2Tel .tab2 li{ float: left; width: 50%; margin-bottom: 5px;}
.indexPart2Tel .tab2 li .box{ margin-right: 5px; height: 65px; background: #f5f5f5; overflow: hidden;}
.indexPart2Tel .tab2 li .name1{ padding: 10px 0 0 10px; color: #666; font-size: 12px; font-weight: bold;}
.indexPart2Tel .tab2 li .name2{ font-size: 12px; line-height: 16px; font-weight: bold; padding-left: 10px; color: #cacaca; height: 32px; overflow: hidden;}
.indexPart2Tel .tab2 .liNow .box{ background: url(../images/bg3.jpg) no-repeat; background-size: 100% 100%; }
.indexPart2Tel .tab2 .liNow .name1, .indexPart2Tel .tab2 .liNow .name2{ color: #fff; }

.indexPart3{ padding: 90px 0 95px; }
.indexPart3 .tab2{ padding-top: 48px; text-align: center;}
.indexPart3 .tab2 li{ display: inline-block; margin: 0 19px; font-weight: bold; font-size:15px; color: #989898; height: 24px;}
.indexPart3 .tab2 .liNow{ border-bottom: #0f81c4 solid 2px; color: #0f81c4; }
.indexPart3 .list{ padding-top: 62px; }
.indexPart3 .list li{ float: left; width: 33.33%; position: relative;}
.indexPart3 .list li .imgDiv img{ width: 100%; }
.indexPart3 .list .botBox{width:100%;height:62px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0; color:#fff; font-family:"微软雅黑";}
.indexPart3 .list .name{font-size:22px; height:62px; line-height:62px; padding:0 10px; overflow:hidden; text-align:center;}
.indexPart3 .list .msg{ padding: 15px 48px 0; height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; }
.indexPart3 .list .btnDiv{ margin: 45px auto 0; width: 132px; height: 35px; border: #fff solid 2px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; line-height: 35px;}
.indexPart3 .moreBtn{ margin: 57px auto 0; width: 155px; }
.indexPart3 .moreBtn a{ display: block; width: 155px; height: 44px; background: #085ea4; line-height: 44px; color: #fff; font-weight: bold; font-size: 16px; text-align: center; }

.indexPart3Tel{ padding: 0 10px 40px; }
.indexPart3Tel .indexTitle{ padding-bottom: 25px; }
.indexPart3Tel .tab2{ text-align: center;}
.indexPart3Tel .tab2 li{ display: inline-block; margin: 0 12px; font-weight: bold; font-size:15px; color: #989898; height: 24px;}
.indexPart3Tel .tab2 .liNow{ border-bottom: #0f81c4 solid 2px; color: #0f81c4; }
.indexPart3Tel .list{ padding-top: 25px; }
.indexPart3Tel .list li{ float: left; width: 50%; position: relative;}
.indexPart3Tel .list li .imgDiv img{ width: 100%; }
.indexPart3Tel .list li .name{ text-align: center; width:100%;height:30px; line-height: 30px; overflow: hidden; background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0; color:#fff;}
.indexPart3Tel .moreBtn{ padding-top: 40px; width: 140px; margin: 0 auto;}
.indexPart3Tel .moreBtn a{ display: block; width: 140px; height: 40px; background: #085ea4; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; text-align: center;}


.indexPart4{ padding: 90px 0 100px; background: #fafafa;}
.indexPart4 .tab2{ padding: 48px 0 70px; text-align: center;}
.indexPart4 .tab2 li{ display: inline-block; margin: 0 19px; font-weight: bold; font-size:15px; color: #989898; height: 24px;}
.indexPart4 .tab2 .liNow{ border-bottom: #0f81c4 solid 2px; color: #0f81c4; }
.indexPart4 .detail{ width: 48.5%; background: #fff; height: 654px;}
.indexPart4 .detail .contentBox{ padding: 48px 48px 0; }
.indexPart4 .detail .time{ font-size: 36px; color: #999; }
.indexPart4 .detail .name{ font-weight: bold; height:40px; line-height:40px; font-size:18px; overflow: hidden;}
.indexPart4 .detail .name a{color: #2c2c2c;}
.indexPart4 .detail .msg{ font-size:14px; line-height:24px; color:#989898; height:48px; overflow:hidden;}
.indexPart4 .detail .imgDiv{ padding-top:35px;}
.indexPart4 .detail .imgDiv img{ width:100%;}
.indexPart4 .list{ width: 47%; }
.indexPart4 .list li{ border-top: #e3e3e3 solid 1px; height: 126px; position: relative; padding: 36px 180px 0 16px;}
.indexPart4 .list li .name{ padding-left: 28px; height: 38px; overflow: hidden; color: #2c2c2c; line-height: 38px; font-size: 18px; background: url(../images/ico2.jpg) left center no-repeat;}
.indexPart4 .list li .content{ font-size: 14px; color: #989898; height: 48px; line-height: 24px; padding-left: 28px; padding-top: 5px; overflow: hidden;}
.indexPart4 .list li .time{ position: absolute; right: 0px; top: 40px; width: 132px; height: 65px; background: url(../images/nimg62_1.png) center bottom no-repeat; font-size: 36px; color: #999; text-align: center;}
.indexPart4 .list li:hover{ background: #fff; }
.indexPart4 .list li:hover .name{ color: #0f81c4; }
.indexPart4 .moreBtn{ margin: 60px auto 0; width: 155px; }
.indexPart4 .moreBtn a{ display: block; width: 155px; height: 44px; background: #085ea4; line-height: 44px; color: #fff; font-weight: bold; font-size: 16px; text-align: center; }

.about{ padding-top: 20px; }
.about .leftDiv{ width: 584px; }
.about .year{ font-size: 36px; color: #085ea4; font-weight: bold; }
.about .name{ font-size: 24px; color: #363635; padding-bottom: 18px; position: relative; }
.about .name em{ position: absolute; left: 0px; bottom: 0px; width: 40px; height: 3px; background: #085ea4; display: block; }
.about .content{ padding-top: 40px; font-size: 14px; line-height: 30px;}
.about .rightImg{ width: 579px; }

.aboutList{ height: 480px; background: url(../images/aboutBg.jpg) center no-repeat; background-size: cover;}
.aboutList .list{ padding-top: 175px; }
.aboutList .list ul{ margin-right: -70px; }
.aboutList .list li{ float: left; width: 25%; }
.aboutList .list li .box{ margin-right: 70px; position: relative; padding-left: 155px;}
.aboutList .list li .round{ position: absolute; left: 0px; top: 0px; width: 130px; height: 130px; background: #fff; border-radius: 65px; -moz-border-radius: 65px;  box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}



































































































































