@charset "utf-8";

/* CSS Document 11*/
.h1,.h2,.h3,.h4,.h5,.h6,p{padding:0;margin:0;font-weight:normal;}
.h2{font-size:24px;}
.h3{font-size:20px;}
.home_body{color:#555555;}

.home_page .txt{opacity:0;transition:0.3s;-ms-transition:0.3s;}
.home_page .swiper-slide-active .txt{opacity:1;}
.home-news{background:#f1f6f7;}
.home-news .auto{padding-left:50px;background:url(../images/news.png) no-repeat left center; border-bottom:1px solid #e0eaec; padding-top:15px; padding-bottom:15px;}
.home-news .swiper-container{height:30px;overflow:hidden;}
.home-news .more{position:absolute;right:0;top:0;line-height:30px;}
.home-news .more a{display:block; padding-right:20px; position:relative;}
.home-news .more a::after{ position:absolute; content:''; width:8px; height:8px; -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); border-top:1px solid #999; border-right:1px solid #999; top:50%; right:4px; margin-top:-3px;}
.home-news .more a:hover::after{ border-color:#00b3dc;}
.home-news .swiper-slide a{padding-right:60px;line-height:30px;height:30px; }
.home-news .swiper-slide a span{ font-size:14px; color:#999; margin-right:10px;}
.home-news .swiper-paginationN{display:none;left:auto;right:0;top:50%;margin-top:-4px;width:auto;}
.home-news .swiper-paginationN span{float:left;margin:0 3px;width:8px;height:8px;background:#00b3dc;}
@media(min-width:1025px){
.home-news{font-size:16px;}
}
@media(max-width:1024px){
.home_body{background:#f9f9f9;}
.home-news{ background:none;  margin:0 3%;}
.home-news .swiper-container{height:2.625rem;}
.home-news .swiper-slide a span{ display:none;}
.home-news .swiper-slide a{ line-height:1.3125rem; height:2.625rem;display: -webkit-box;display: box;word-break: break-all;white-space:inherit;-webkit-box-orient: vertical;-webkit-line-clamp: 2; padding-right:4.59375rem;}
.home-news .auto{ padding-top:0.9325rem; padding-bottom:0.9325rem; background-position:left 1.40125rem;}
.home-news .more{ border-left:1px solid #eee; line-height:2.625rem; width:3.75rem;}
.home-news .more a{ color:#00b3dc; float:right; padding-right:1rem;}
.home-news .more a::after{width:0.875rem; height:0.875rem;margin-top:-0.4375rem;  border:none; -webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; background:url(../images/news_more.png) no-repeat center center; background-size:contain; right:0;}
}
/*.home_page1{ margin-top:100px;}*/
.home_page1 .swiper-slide .photo img{width:100%;}
.home_page1 .swiper-slide .photo .pc{display:none;}
.home_page1 .box{position:absolute;width:100%;color:#fff;z-index:99;top:50%}
.home_page1 .box a.a_more{
  position:absolute; left:0; top:0; width:100%; z-index:100; display: block;
}
.home_page1 .video{position:absolute;width:100%;height:100%;left:0;top:0;z-index:4;}
.home_page1 .video video{position:absolute;left:0;top:0;width:100%;height:100%;}
.home_page1 .video video{z-index:0;}

.home_page1 .swiper-slide i.zz{ position:absolute; left:0; top:0; width:100%; height:100%; /*background:rgba(18,71,105,0.4);*/ z-index:20; }

.home_page1 .txt .h1{font-size:72px;line-height:72px;}
.home_page1 .txt .h2{font-size:60px;line-height:60px;padding:10px 0;}
.home_page1 .txt .more{display:block;padding-top:10px;}
.home_page1 .txt .has-video{ display:none;}
.home_page1 .txt .more a{background-color:#fff;color:#00b3dc;border-radius:8px;width:150px;text-align:center;line-height:50px;display:block;transition:0.3s;font-size:16px;cursor:pointer;}
.home_page1 .txt .more a:hover{background-color:#00b3dc;color:#fff;}
.home_page1 .photo img{    /* opacity:0; */
display:block;width:100%;}
.pop-video{width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;z-index:300;display:none;background-color:rgba(0,0,0,0.5);-ms-filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000',endColorstr='#80000000');filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000',endColorstr='#80000000');}
.pop-video .contbox{background-color:#fff;padding:40px 10px 10px;width:90%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;left:0;top:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pop-video .contbox video{width:100%;vertical-align:top;}
.pop-video .close{width:30px;height:30px;position:absolute;right:0;top:0;}
.pop-video .close:before,.pop-video .close:after{content:'';width:90%;height:1px;background-color:#222;display:block;position:absolute;left:5%;top:50%;}
.pop-video .close:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-video .close:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
@media (min-width:1024px){
  .home_page1 .swiper-slide .photo .pc{display:block;}
  .home_page1 .swiper-slide .photo .mobile{display:none;}
  .home_page1 .box{display: block; max-width: 1200px; left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);}
  .home_page1 .box .table{ display: table-row;  }
  .home_page .txt{display: table-cell; vertical-align: middle}

}
@media(max-width:1024px){
.home_page1{ margin-top:0px;}
.home_page1 .swiper-slide-video .more{ display:none;}
.home_page1 .swiper-slide-video .has-video{ display:none;}
.home_page1 .swiper-slide-video .video{ display:none;}
.home_page1 .box .table{width: 100%;text-align: center;}
}

.home_page2{background-color:#f1f6f7;padding:5% 0;}
.home_page2 .slick-list li{float:left;width:33.333%;padding:0px 3%;text-align:center;}
.home_page2 .slick-list li div{margin:3% auto; width:60%; max-width:140px;border-radius:50%;background:#f8fafb;transition:all 0.75s ease;}
.home_page2 .slick-list li div img{ display:block; width:100%;border-radius:50%;}
.home_page2 .slick-list li div img.img2{display:none;}

.home_page2 .slick-list li h3{padding:10px 0;transition:0.3s;}
.home_page2 .slick-list li:hover h3{color:#00b3dc;font-weight:bold;}
.home_page2 .slick-list li p{color:#999999;}

.home_page2 .slick-list li:hover div{background:#00b3dc;}
.home_page2 .slick-list li:hover div img.img1{display:none;}
.home_page2 .slick-list li:hover div img.img2{display:block;}


@media(max-width:1024px){
.home_page2{ background:none; padding:7% 0;}
.home_page2 .slick-list li h3{ color:#555; font-size:1.5rem}
.home_page2 .slick-list li p{ color:#555;}
.home_page2 .slick-dots{ padding-top:7%; text-align:center;}
.wap-page-js .slick-dots li{ display:inline-block; margin:0 0.3125rem;width:0.625rem; height:0.625rem; border-radius:0.625rem; background:#eee;}
.wap-page-js .slick-dots li button{ display:none;}
.wap-page-js .slick-dots li.slick-active{background:#00b3dc;}
.home_page2 .slick-list li div{ background:#00b3dc; width:8.75rem; max-width:none; padding:0.7rem;}
.home_page2 .slick-list li div img.img1{display:none;}
.home_page2 .slick-list li div img.img2{display:block;}

}

.home_page3 .slick-list li{position:relative;float:left;width:33.3%;text-align:center;overflow:hidden;background-color:#1b699f;}
.home_page3 .slick-list li .Ispic{padding-bottom:100%;opacity:0.7;transition:0.2s;}
.home_page3 .slick-list li .hover{position:absolute;width:100%;left:0;bottom:0;color:#fff;background-color:rgba(0,179,220,0.7);transition:0.3s;}
.home_page3 .slick-list li h2{padding:3% 0;}
.home_page3 .slick-list li p{opacity:0;-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);font-size:16px;padding:0 3%;height:0;overflow:hidden;transition:opacity 0.3s 0.2s,transform 0.3s 0.2s;-ms-transition:opacity 0.3s 0.2s,transform 0.3s 0.2s;margin:0;}
.home_page3 .slick-list li .more{opacity:0;-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);text-align:center;height:0;overflow:hidden;transition:opacity 0.3s 0.4s,transform 0.3s 0.4s;-ms-transition:opacity 0.3s 0.4s,transform 0.3s 0.4s;display:block; }
.home_page3 .slick-list li .more img{margin:0 auto;}
@media(min-width:1025px){
.home_page3 .slick-list li:not(:last-child)::after{ position:absolute; content:''; width:1px; height:100%; background:#fff; top:0; right:0;}
.home_page3 .slick-list li:hover .Ispic{opacity:1;}
.home_page3 .slick-list li:hover h2{padding-top:0;}
.home_page3 .slick-list li:hover .hover{padding:8% 0;}
.home_page3 .slick-list li:hover .more,
.home_page3 ul li:hover p{height:auto;opacity:1;-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);}
.home_page3 .slick-list li:hover p{padding-bottom:3%;}
}
@media(max-width:1024px){
.home_page3 .slick-dots{ position:absolute; right:3%; z-index:10; bottom:0.9375rem;}
.home_page3 .slick-dots li{ margin:0 0 0 0.25rem; background:#fff; opacity:0.5; overflow:hidden;}
.home_page3 .slick-dots li.slick-active{background:#fff; opacity:1; }
.home_page3 .slick-list li h2{ font-size:1.5rem; text-align:left; padding:0 3%; line-height:3.125rem;}
}
@media(max-width:480px){
.home_page3 .slick-dots li{ width:10px; height:10px; border-radius:50%;}
}

.home_page4{background:#f6f9fa url(../images/page4_bg.jpg) no-repeat center bottom;}
.home_page4 .swiper-container{padding:5% 0;}
.home_page4 .swiper-slide{position:relative;}
@media(min-width:1025px){
  .home_page4 .ycenter{display: table;}
.home_page4 .photo{width:52%;display: table-cell;vertical-align: middle;}
.home_page4 .txt{width:44%;padding-left:8%;display: table-cell;vertical-align: middle;}
}
.home_page4 .txt h2{font-size:36px;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.home_page4 .txt dl{margin:6% 0;line-height:30px;font-size:16px;}
.home_page4 .txt .more a{color:#00b3dc;border:solid 1px #00b3dc;border-radius:6px;width:150px;text-align:center;line-height:50px;display:inline-block;font-size:16px;transition:0.3s;}
.home_page4 .txt .more a:hover{background-color:#00b3dc;color:#fff;}
.home_page4 .swiper-pagination{bottom:10%;}

.home_page4 .swiper-pagination span{background-color:#555; opacity:0.1;}
.home_page4 .swiper-pagination span.swiper-active-switch{ background:#00b3dc; opacity:1;}
@media(max-width:1024px){
.home_page4{ background:url(../images/page4_bg_wap.jpg) no-repeat center bottom; background-size:contain;}
.home_page4 .ycenter{ display:block;}
.home_page4 .swiper-container{ padding:20% 0 7% 0;}
.home_page4 .swiper-pagination{position:relative;bottom:auto; clear:both;}
.home_page4 .txt dl,
.home_page4 .txt .more{ display:none;}
.home_page4 .swiper-slide{ text-align:center;}
.home_page4 .txt h2{ font-size:1.5rem !important; padding:5% 0;}
.home_page4 .swiper-pagination span {width: 0.625rem;height: 0.625rem;margin: 0 0.3125rem;}
}

.home_page5 .box{position:absolute;width:100%;height:100%;color:#fff;z-index:5;}
.home_page5 .txt{text-align:center;width:100%;font-size:16px;max-width:530px;margin:auto;padding-top:15%;}
.home_page5 .photo{background:#00b3dc;}
.home_page5 .photo img{ display:block; width:100%;opacity:0.7;}
@media(min-width:1025px){
.home_page5 .photo img.wap{ display:none;}
.home_page5 .txt .h1{font-size:36px;line-height:36px;}
}
@media(max-width:1024px){
.home_page5 .photo img.pc{ display:none;}
.home_page5 .txt{ display:table; height:100%; padding:0;}
.home_page5 .txt .h1{ display:table-cell; vertical-align:middle;font-size:1.5rem;}
}


.home_page6{position:relative;padding:11% 0 16% 0;line-height:normal;color:#fff;}
.home_page6 .auto{z-index:10;position:relative;}
.home_page6 #particles-js{position:absolute;left:0;top:0;background:#0999c5;width:100%;height:100%;}
.home_page6 .title{text-align:center;padding-bottom:6%;}
.home_page6 .sourTime{position: absolute;color: #fff;right:20px;bottom:11%;font-size:12px;}
.home_page6 .slick-list li{text-align:center;}
.home_page6 .slick-list li p{font-size:24px;margin:0;}
.home_page6 .slick-list li aside{font-family:"dinbold";font-size:24px;font-weight:bold;}
@media(min-width:1025px){
.home_page6 .title{font-size:36px;}
.home_page6 .slick-list li p,
.home_page6 .slick-list li aside{font-size:24px;}
.home_page6 .slick-list li aside b{font-size:60px;}
}
@media (min-width:1025px) and (max-width:1100px){
.home_page6 .slick-list li aside b{font-size:60px;}
}
@media(max-width:1024px){
.home_page6{ padding-top:26.5%; padding-bottom:8%;}
.home_page6 .title{font-size:1.5rem; padding-bottom:18%;}
.home_page6 .slick-list li aside{font-size:1.5rem;}
.home_page6 .slick-list li p{ font-size:1.125rem;}
.home_page6 .slick-list li aside b{font-size:4.375rem;}
.home_page6 .slick-dots{ text-align:center; padding-top:36.5%;}
.home_page6 .slick-dots li{opacity:0.5;}
.home_page6 .slick-dots li.slick-active{ background:#fff; opacity:1;}
}

@media(max-width:768px){
  .home_page6 .slick-list li aside b{font-size:3.175rem;}
}

.count-particles{background:#002;position:absolute;top:48px;left:0;width:80px;color:#13e8e9;font-size:0.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:700;}
.js-count-particles{font-size:1.1em;}

.count-particles{border-radius:0 0 3px 3px;}

@media (max-width:1200px) and (min-width:1025px){
  .h2{font-size:22px;}
  .h3{font-size:18px;}
  .home_page4 .txt h2{font-size:28px;}
  .home_page5 .txt .h1{font-size:28px;line-height:28px;}
  .home_page6 .txt .h1{font-size:40px;line-height:40px;}
}
@media(max-width:1024px){
  .home_page1 .txt .h2,
  .home_page1 .txt .h1{font-size:2.125rem; text-align:center; line-height:normal; white-space: nowrap;}
  .home_page1 .txt .h2{ padding:0;}
  .home_page1 .txt .more a{ margin:2% auto 0; font-size:0.9375rem; line-height:2.5rem; width:50%; max-width:7.5rem;}
  .home_page1 .swiper-pagination{ bottom:2.6875rem;}
  .home_page1 .swiper-pagination span{ width:0.625rem; height:0.625rem; border-radius:0.625rem; margin:0 0.3125rem;}
}
@media(max-width:480px){
  .home_page1 .swiper-pagination span{ width:10px; height:10px; border-radius:50%; }
}

.swiper-slide, .swiper-wrapper{
  height: auto !important;
}