.multiline_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.single_text, .list_noticepage .list_notice dd h3, .list_newspage .list_news li .txt h3, .js_servicelist ul li .txt, .list_honorpage .list_honor li .txt, .list_picpage .list_pic li .txt h3 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.input[text]:focus { background-color: #fff; }

.box_sizing { -webkit-box-sizing: content-box; box-sizing: content-box; }

.trans, .section_news .common_title a, .section_news .common_newslist li .img em, .section_news .common_newslist li .txt h3, .section_bot .sec_search .btn { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.dot { position: absolute; left: 0; top: 50%; content: ""; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: #666666; }

.imgem, .section_news .common_newslist li .img em, .check_list li .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }

/*video*/
.play { position: absolute; left: 50%; top: 50%; width: 74px; height: 74px; margin-left: -37px; background: url(../images/video_icon.png) no-repeat center; cursor: pointer; z-index: 2; }

.b_ani { width: 505px; height: 93px; position: absolute; left: 50%; margin-left: -252.5px; top: 20%; }

/**/
#b_1, #b_2, #b_3, #b_4, #b_5, #b_6, #b_7, #b_8, #b_9, #b_10, #b_11, #b_12, #b_13, #b_14, #b_15, #b_16 { -webkit-transform: scale(0); transform: scale(0, 0); -webkit-transform-origin: 170px 131px; transform-origin: 170px 131px; }

#b_1 { -webkit-animation: b_in_ani2 0.3s 0.5s ease forwards; animation: b_in_ani2 0.3s 0.5s ease forwards; }

#b_2 { -webkit-animation: b_in_ani2 0.3s 0.6s ease forwards; animation: b_in_ani2 0.3s 0.6s ease forwards; }

#b_3 { -webkit-animation: b_in_ani2 0.3s 0.68s ease forwards; animation: b_in_ani2 0.3s 0.68s ease forwards; }

#b_4 { -webkit-animation: b_in_ani2 0.3s 0.74s ease forwards; animation: b_in_ani2 0.3s 0.74s ease forwards; }

#b_5 { -webkit-animation: b_in_ani2 0.3s 0.78s ease forwards; animation: b_in_ani2 0.3s 0.78s ease forwards; }

#b_6 { -webkit-animation: b_in_ani2 0.3s 0.8s ease forwards; animation: b_in_ani2 0.3s 0.8s ease forwards; }

#b_7 { -webkit-animation: b_in_ani2 0.3s 0.82s ease forwards; animation: b_in_ani2 0.3s 0.82s ease forwards; }

#b_8 { -webkit-animation: b_in_ani2 0.3s 0.84s ease forwards; animation: b_in_ani2 0.3s 0.84s ease forwards; }

#b_9 { -webkit-animation: b_in_ani2 0.3s 0.86s ease forwards; animation: b_in_ani2 0.3s 0.86s ease forwards; }

#b_10 { -webkit-animation: b_in_ani2 0.3s 0.88s ease forwards; animation: b_in_ani2 0.3s 0.88s ease forwards; }

#b_11 { -webkit-animation: b_in_ani2 0.3s 0.9s ease forwards; animation: b_in_ani2 0.3s 0.9s ease forwards; }

#b_12 { -webkit-animation: b_in_ani2 0.3s 0.92s ease forwards; animation: b_in_ani2 0.3s 0.92s ease forwards; }

#b_13 { -webkit-animation: b_in_ani2 0.3s 0.94s ease forwards; animation: b_in_ani2 0.3s 0.94s ease forwards; }

#b_14 { -webkit-animation: b_in_ani2 0.3s 0.96s ease forwards; animation: b_in_ani2 0.3s 0.96s ease forwards; }

#b_15 { -webkit-animation: b_in_ani2 0.3s 0.98s ease forwards; -moz-animation-animation: b_in_ani2 0.3s 0.98s ease forwards; animation: b_in_ani2 0.3s 0.98s ease forwards; }

#b_16 { -webkit-animation: b_in_ani2 0.3s 1s ease forwards; -moz-animation: b_in_ani2 0.3s 1s ease forwards; -webkit-animation: b_in_ani2 0.3s 1s ease forwards; }

#ch { -webkit-transform: scale(0); transform: scale(0); transform-origin: center; -webkit-transform-origin: center; -webkit-animation: b_in_ani2 0.4s 1.2s ease forwards; animation: b_in_ani2 0.4s 1.2s ease forwards; }

#come_on { -webkit-animation: b_in_ani3 2.2s 1.3s linear forwards; animation: b_in_ani3 2.2s 1.3s linear forwards; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes b_in_ani1 { 0% { -webkit-transform: scale(3); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 0.2; } }
@-webkit-keyframes b_in_ani2 { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); } }
@-webkit-keyframes b_in_ani3 { 0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1.15); } }
@-webkit-keyframes b_in_ani4 { 0% { -webkit-transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(3); opacity: 0; } }
@-webkit-keyframes b_in_ani5 { 0% { -webkit-transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0); opacity: 1; } }
@-webkit-keyframes b_in_ani6 { 0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); } }
@-webkit-keyframes b_in_ani7 { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes b_in_ani1 { 0% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } }
@keyframes b_in_ani2 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes b_in_ani3 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.15); transform: scale(1.15); } }
@keyframes b_in_ani4 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; } }
@keyframes b_in_ani5 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } }
@keyframes b_in_ani6 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes b_in_ani7 { 0% { opacity: 0; }
  100% { opacity: 1; } }


  /*banner*/
  .banner { width: 100%; }

  .banner .img { position: relative; padding-bottom: 100vh; }

  .banner .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; }

  .banner .swiper-button-prev, .banner .swiper-button-next { display: block; width: 25px; height: 42px; position: absolute; top: 50%; margin-top: -21px; z-index: 99; cursor: pointer; opacity: 0; visibility: hidden; transition: all 600ms 900ms; -webkit-transition: all 600ms 900ms; }

  .banner .swiper-button-prev { background: url(../images/ip-prev.png) no-repeat left center; left: -15px; }

  .banner .swiper-button-next { right: -15px; background: url(../images/ip-next.png) no-repeat right center; }

  .banner:hover .swiper-button-prev { left: 15px; opacity: 1; visibility: visible; }

  .banner:hover .swiper-button-next { right: 15px; opacity: 1; visibility: visible; }

  .banner .swiper-pagination { bottom: 23px; }

  .banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 5px; opacity: 1; border-radius: 50%; background: #fff; }

  .banner .swiper-pagination .swiper-pagination-bullet-active { background: #c9151e; }

.video_wrap { position: relative; width: 100%; height: 100vh; overflow: hidden;

  }

.video_wrap video { width: 100%; }

.video_wrap:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; }

.video_downbtn { position: absolute; z-index: 2; bottom: 44px; left: 50%; margin-left: -45px; display: block; width: 90px; text-align: center; }

.video_downbtn img { width: 22px; animation: 1s linear 0s normal none infinite running myfirst; -moz-animation: 1s linear 0s normal none infinite running myfirst; -webkit-animation: 1s linear 0s normal none infinite running myfirst; }

.video_downbtn span { display: block; margin-top: 10px; line-height: 24px; font-size: 14px; color: #fff; }

@-webkit-keyframes myfirst { 0% { -webkit-transform: translateY(-5px); }
  50% { -webkit-transform: translateY(0px); }
  100% { -webkit-transform: translateY(-5px); } }
@keyframes myfirst { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  50% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*video end*/
.section_news { width: 100%; background: #f0f0f0; padding: 44px 0 91px; }
.section_news .sec_newsleft { float: left; width: 49.28%; }
.section_news .sec_newsright { float: right; width: 49.28%; }
.section_news .common_title { line-height: 31px; margin-bottom: 16px; }
.section_news .common_title span { font-size: 24px; color: #333333; }
.section_news .common_title a { float: right; font-size: 14px; color: #808080; }
.section_news .common_title a:hover { color: #5fcddf; }
.section_news .common_newslist li { float: left; width: 49.26%; margin-right: 1.48%; }
.section_news .common_newslist li a { display: block; background: #fff; }
.section_news .common_newslist li a:hover .img em { -webkit-transform: scale(1.05); transform: scale(1.05); }
.section_news .common_newslist li a:hover .txt h3 { color: #5fcddf; }
.section_news .common_newslist li .img { width: 100%; padding-bottom: 60%; height: 0; overflow: hidden; position: relative; }
.section_news .common_newslist li .txt { padding: 11px 5.97% 16px; }
.section_news .common_newslist li .txt h3 { line-height: 31px; height: 31px; overflow: hidden; font-size: 18px; color: #333333; }
.section_news .common_newslist li .txt h5 { margin-bottom: 5px; line-height: 23px; font-size: 12px; color: #666666; }
.section_news .common_newslist li .txt h4 { font-size: 14px; color: #808080; }
.section_news .common_newslist .li2 { margin-right: 0; }

.section_bot { padding: 31px 0; }
.section_bot .title { float: left; }
.section_bot .title b { display: block; line-height: 34px; font-size: 18px; font-weight: bold; color: #1a1a1a; }
.section_bot .title span { display: block; line-height: 28px; font-size: 14px; color: #4c4c4c; }
.section_bot .sec_search { float: right; margin-top: 9px; border: 1px solid #cccccc; width: 50%; max-width: 340px; position: relative; border: 1px solid #cccccc; height: 42px; }
.section_bot .sec_search .text { width: 100%; height: 42px; line-height: 22px; padding: 10px 68px 11px 19px; font-size: 14px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section_bot .sec_search .btn { position: absolute; right: -1px; top: -1px; width: 58px; height: 44px; background: #5fcddf url(../images/search_icon.png) no-repeat center; text-indent: -999em; }
.section_bot .sec_search .btn:hover { background-color: #7fd7e5; }

.section_check { padding-bottom: 20px; padding-top: 30px; }

.check_list li { float: left; margin-bottom: 1.5%; position: relative; }
.check_list li a { display: block; }
.check_list li .img { width: 100%; overflow: hidden; height: 0; position: relative; }
.check_list li .img:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/check_blackbg.png) repeat-x center bottom; content: ""; }
.check_list li .txt { position: absolute; left: 0; bottom: 0; width: 100%; }
.check_list li .txt span { display: block; line-height: 39px; padding: 0 30px 19px; font-size: 20px; color: #fff; }
.check_list li .title { position: absolute; display: inline-block; left: 0; top: 0; color: #fff; font-size: 18px; line-height: 40px; height: 40px; background: #e4b348; padding: 0 14px; }
.check_list .li1 { width: 100%; }
.check_list .li1 a { padding-bottom: 27.54%; }
.check_list .li2 { width: 49.28%; margin-right: 1.44%; }
.check_list .li2 a { padding-bottom: 126.47%; }
.check_list .li2 .title { background: #e26f6f; }
.check_list .li3 { width: 49.28%; }
.check_list .li3 a { padding-bottom: 61.76%; }
.check_list .li3 .title { background: #5fa0e2; }
.check_list .li4 { width: 49.28%; }
.check_list .li4 a { padding-bottom: 61.76%; }
.check_list .li4 .title { background: #6de1ac; }
.check_list .li5 { width: 49.28%; margin-right: 1.44%; }
.check_list .li5 a { padding-bottom: 61.76%; }
.check_list .li5 .title { background: #3f62d5; }
.check_list .li6 { width: 49.28%; }
.check_list .li6 a { padding-bottom: 61.76%; }
.check_list .li6 .title { background: #806de1; }

/*scroll*/
.check_list li a, .section_news .common_newslist li .pic { display: block; position: relative; overflow: hidden; background-color: #f5f5f5; height: 0; }

.check_list li .pic, .section_news .common_newslist li .picwrap { display: block; width: 105%; position: absolute; left: 0; top: 0; height: 100%; }

.check_list li .pic em, .section_news .common_newslist li .picwrap em { width: 100%; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); opacity: 0; -webkit-transition: all ease .5s; transition: all ease .5s; height: 100%; display: block; position: absolute; left: 0; top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }

.check_list li.is-show .pic em, .section_news .common_newslist li.is-show .picwrap em { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

.check_list li .pic:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/check_blackbg.png) repeat-x center bottom; content: ""; }

.section_news .common_newslist li .pic { padding-bottom: 59.7%; }

.check_list li a:hover .pic em, .section_news .common_newslist li a:hover .pic em { -webkit-transform: translate3d(-4.5%, 0, 0) !important; transform: translate3d(-4.5%, 0, 0) !important; }

.check_list li .pic .bg, .section_news .common_newslist li .pic .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: 0; visibility: hidden; -webkit-transition: all ease .5s; transition: all ease .5s; }

.check_list li a:hover .pic .bg, .section_news .common_newslist li a:hover .pic .bg { opacity: .5; visibility: visible; }

@media only screen and (max-width: 991px) {
 .footer_tel{margin-bottom: 10px;}
  .section_bot .title { width: 100%; float: none; }
  .section_bot .sec_search { float: none; width: 98%; max-width: 989px; }
  .section_news { padding: 20px 0; }
  .section_news .sec_newsleft { float: none; width: 100%; margin-bottom: 20px; }
  .section_news .sec_newsright { float: none; width: 100%; }
  .check_list li .txt { display: none; }
  .b_ani { width: 80%; margin: 0 auto; margin-left: 0; left: 10%; } }
@media only screen and (max-width: 480px) { .footer .footer_top .center a { padding: 0; }
  .section_news .common_newslist li { width: 100%; float: none; margin-bottom: 20px; }
  .check_list li { float: none; width: 100% !important; margin-right: 0 !important; margin-bottom: 15px; }

  .check_list .li1 a { padding-bottom: 61.76%; }
   }

/*# sourceMappingURL=index.css.map */