@charset "UTF-8";
body { overflow-x: hidden; }

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

@font-face {
  font-family: 'iconfont';  /* Project id 3437728 */
  src: url('//at.alicdn.com/t/font_3437728_vj3mhfoqu2.woff2?t=1654064266965') format('woff2'),
       url('//at.alicdn.com/t/font_3437728_vj3mhfoqu2.woff?t=1654064266965') format('woff'),
       url('//at.alicdn.com/t/font_3437728_vj3mhfoqu2.ttf?t=1654064266965') format('truetype');
}

/* header */
.header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 99; }
.header:before { content: ''; display: block; width: 100%; height: 2px; background: url(../images/line_top.png) center 0/100% no-repeat; position: absolute; top: 0; left: 0; }
.header .haead-inner { margin: 0 3%; height: 100px; }
.header .logo { float: left; margin-top: 19px; }
.header .header-nav { float: left; width: calc(100% - 602px);padding-left: 10%;}
.header .header-tools { float: right; margin-top: 30px; position: relative; }
.header .header-search { margin-right: 30px; }
.header .userlogin { float: left; }
.header .nowlogin { float: left; line-height: 42px; padding: 0 30px; position: relative; }
.header .nowlogin:before { content: ""; display: block; width: 1px; height: 16px; background-color: #333; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.header .btnregister { float: right; }
.header .btnregister a { display: block; width: 120px; line-height: 42px; color: #fff; background-color: #00559B; border-radius: 4px; text-align: center; }
.header .btnregister a:hover { opacity: .9; }

.dropdownbg { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 4; position: absolute; top: 100%; left: 0; width: 100%; height: 70px; }

.dropMenu { position: absolute; z-index: 8; opacity: 0; visibility: hidden; transform: translateY(-10px); top: 100%; transition: all .4s; }
.dropMenu dl { padding: 15px 0; }
.dropMenu dl dd { display: inline-block; margin: 0 20px 0 0; }
.dropMenu dl dd a { line-height: 40px; }
.dropMenu dl dd a:hover { color: #00559B; }

.hover .dropMenu { opacity: 1; visibility: visible; transform: translateY(0px); }

.nav-list { margin-left: 5%; }
.nav-list li { float: left; margin-right: 5%; }
.nav-list li a { display: block; font-size: 16px; line-height: 100px; }
.nav-list li:last-child { margin-right: 0; }

.header-nav-hover-line { position: absolute; z-index: 0; height: 2px; width: 0; padding: 0; background-color: #00559B; bottom: 0; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }

.header-search { position: relative; float: left; height: 40px; }
.header-search .header-search-inner { overflow: hidden; height: 100%; position: relative; float: left; }
.header-search .header-search-inner input { position: absolute; top: 0; height: 40px; width: 100%; border: 1px solid #fff; outline: none; font-size: 14px; line-height: 20px; color: #252b3a; transition: all .3s; z-index: 1; }
.header-search .header-search-inner .header-search-submit { position: absolute; top: 12px; right: 14px; width: 18px; height: 18px; border: none; outline: none; background-color: transparent; color: #575d6c; line-height: 0; transition: .2s; z-index: 30; cursor: inherit; }
.header-search .header-search-inner .header-search-submit i { display: inline-block; height: 18px; width: 18px; background: url(../images/search.png) no-repeat; background-size: 100% 100%; }
.header-search .header-search-content { width: 0; overflow: hidden; opacity: 0; position: absolute; top: 0; right: 20px; height: 100px; transition: all .2s; }
.header-search .header-search-icon { margin-top: 11px; cursor: pointer; }
.header-search .header-search-icon i { display: block; width: 21px; height: 21px; background: url(../images/search.png) no-repeat; }

.header-search.active .header-search-inner { overflow: visible; }
.header-search.active .header-search-content { width: 350px; right: 20px; overflow: visible; opacity: 1; }
.header-search.active .header-search-inner input { border: 1px solid #dfe1e6; padding: 8px 55px 8px 16px; z-index: 10; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }
.header-search.active .header-search-icon i { background: url(../images/close.png); background-size: cover; }

@media screen and (max-width: 1280px) { .header .header-nav { height: 80px; width: calc(100% - 505px); padding-left: 0; }
  .nav-list li { margin-right: 3%; }
  .header .logo { margin-top: 14px; width: 260px; }
  .header .logo img { width: 100%; }
  .nav-list li a { line-height: 80px; }
  .header .header-tools { margin-top: 18px; }
  .header .nowlogin { padding: 0 15px; }
  .header .header-search { margin-right: 15px; } }
@media screen and (max-width: 1024px) { .header .nav-button { position: relative; width: 24px; height: 40px; text-align: center; z-index: 11; font-size: 0; float: right; }
  .header .nav-button div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 24px; height: 16px; }
  .header .nav-button span { width: 100%; height: 2px; background-color: #333; display: block; margin: 0 auto; line-height: 2px; position: static; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
  .header .nav-button span.top-hr { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .header .nav-button span.center-hr { margin: 5px auto; }
  .header .nav-button span.bottom-hr { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .header .nav-button.active span { position: absolute; top: 50%; margin-top: -1px; left: 0; }
  .header .nav-button.active span.top-hr { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
  .header .nav-button.active span.center-hr { display: none; }
  .header .nav-button.active span.bottom-hr { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
  .header .haead-inner { height: 70px; margin: 0 20px; }
  .header .header-tools { margin-top: 14px; }
  .header .logo { margin-top: 8px; }
  .header .header-nav { width: 80vw; position: absolute; opacity: 0; height: calc(100vh - 50px); background-color: #2d2d2d; visibility: hidden; top: 100%; left: 20vw;overflow: auto; }
  .header .header-nav.active { opacity: 1; visibility: visible; }
  .header .header-nav .nav-list { margin-left: 0; }
  .header .header-nav .nav-list li { float: none; margin: 0; width: 100%; border-bottom: 1px solid #ececec; }
  .header .header-nav .nav-list li a { line-height: 2; padding: 10px 20px; }
  .header-nav-hover-line { opacity: 0; }
  .header-search .header-search-content { height: 40px; }
  .mb-user { margin: 10px 15px 0 0; }
  .mb-user i { display: block; width: 22px; height: 22px; background: url(../images/personal.png) 0 0/cover no-repeat; }
  .user-info-layer { display: none; }
  .user-info-layer.open { display: block; position: fixed; top: 70px; left: 0; width: 100%; padding: 20px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  .user-info-layer.open .nowlogin:before { display: none; }
  .user-info-layer.open .wbBtn { width: 48%; }
  .user-info-layer.open .nowlogin a { display: block; height: 34px; line-height: 34px; border-radius: 4px; border: 1px solid #00559B; text-align: center; background: transparent; color: #00559B; }
  .user-info-layer.open .btnregister a { width: 100%; line-height: 34px; }
  .header-search .header-search-inner { position: fixed; top: 70px; width: 100%; background-color: #f5f5f6; right: 0; padding: 20px; height: 0; float: none; transition: all .2s; overflow: hidden; opacity: 0; visibility: hidden; }
  .header-search.active .header-search-inner { height: auto; opacity: 1; visibility: visible; }
  .header-search .header-search-content { position: relative; width: 100%; right: 0; }
  .header-search.active .header-search-content { width: 100%; right: 0; }
  .header .header-nav .nav-list li span { display: block; position: relative; }
  .header .header-nav .nav-list li span:after { content: ''; display: block; width: 14px; height: 14px; background: url(../images/down.png) 0 0/cover no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -7px; transform: rotate(-90deg); opacity: 0.8; transition: all .4s; }
  .header .header-nav .nav-list li.link span:after { transform: rotate(0); }
  .header .header-nav .nav-list li.link.on span:after { transform: rotate(-180deg); }
  .dropMenu { display: none; position: static; opacity: 1; visibility: visible; transform: none; transition: none; background-color: #f3f3f3; }
  .dropMenu dl dd { display: block; }
  .dropMenu dl dd a { color: #666; padding: 5px 30px !important; line-height: 30px; } }
@media screen and (max-width: 768px) { .header .haead-inner { height: 50px; }
  .header .logo { width: 150px; margin-top: 10px; }
  .header .header-tools { margin-top: 5px; }
  .header-search .header-search-inner { top: 50px; }
  .user-info-layer.open { top: 50px; } }
/* launage语言切换 */
  .userlaunage{
	  margin-right: 15px;float: left;position: relative;
  }
  .launage_box{
	  width: 125px;height: 38px;border: 1px solid #eee;line-height: 38px;position: relative;
  }
  .launage_box img{
	  width: 38px;height: 38px;
	  margin-left: 8px;
  }
  .launage_box span{
  	  width: 56px;
	  display: inline-block;
  }
  .launage_box i{
	  font-size: 10px;
  }
  .userlaunage .launage_switchbox{
	  width: 125px;height: 76px;border: 1px solid #eee;background-color: #fff;display: none;position: absolute;top: 38px;border-top: none;
  }
   .userlaunage:hover {
	   cursor: pointer;
   }
  .userlaunage:hover .launage_switchbox{
	  cursor: pointer;
  }
  .launage_box_inner{
	  float: none;
	  border: none;
  }

/* banner */
.banner-swiper { position: relative; }
.banner-swiper .swiper-slide { height: 90vh; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.banner-swiper .swiper-slide .txt { position: absolute; left: 52%; top: 60%; transform: translateX(-50%); }
.banner-swiper .swiper-slide h2 { transition: all 1s; transition-delay: 0s; opacity: 0; transform: translateY(40px); line-height: 1.2; }
.banner-swiper .swiper-slide p { transition: all 1s; transition-delay: 0.5s; opacity: 0; transform: translateY(40px); margin-top: 10px; }
.banner-swiper .swiper-slide .bts { transition: all 1s; transition-delay: 1s; opacity: 0; transform: translateY(40px); margin-top: 40px; }
.banner-swiper .swiper-slide .bts a { display: block; width: 170px; height: 50px; line-height: 50px; border-radius: 4px; border: 1px solid #00559B; text-align: center; position: relative; overflow: hidden; color: #fff;background-color: #00559B;border-radius: 25px;}
.banner-swiper .swiper-slide .bts a:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: all .4s; z-index: -1; background-color: #00559B; }
.banner-swiper .swiper-slide .bts a i { display: inline-block; width: 13px; height: 9px; background: url(../images/icon_go_white.png) no-repeat; position: relative; top: 1px; margin-left: 20px; }
.banner-swiper .swiper-slide .bts a:hover { color: #fff; border-color: #00559B; }
.banner-swiper .swiper-slide .bts a:hover:before { width: 100%; }
.banner-swiper .swiper-slide .bts a:hover i { background-image: url(../images/icon_go_white.png); }
.banner-swiper .swiper-slide-active h2 { opacity: 1; transform: translateY(0px); }
.banner-swiper .swiper-slide-active p { opacity: 1; transform: translateY(0px); }
.banner-swiper .swiper-slide-active .bts { opacity: 1; transform: translateY(0px); }
.banner-swiper .bannerpage { position: absolute; left: 50%; transform: translateX(-50%); bottom: 140px; z-index: 8; width: 1400px; }
.banner-swiper .bannerpage .swiper-pagination-bullet { width: 42px; height: 40px; border-radius: 0; background-color: transparent; position: relative; overflow: hidden; opacity: 1; }
.banner-swiper .bannerpage .swiper-pagination-bullet span { display: block; width: 100%; height: 4px; background-color: #9397a0; position: absolute; left: 0; top: calc(50% - 2px); }
.banner-swiper .swiper-pagination-bullet i { background: #00559B; height: 4px; width: 0; position: absolute; top: calc(50% - 2px); transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; }
.banner-swiper .swiper-pagination-bullet-active i { animation: middle 5s; }

@keyframes middle { 0% { transform: scaleX(0); width: 0; }
  100% { transform: scaleX(1); width: 100%; } }
@media screen and (max-width: 1600px) { .banner-swiper .bannerpage { width: 90%; }
  .banner-swiper .swiper-slide .bts a { width: 150px; height: 40px; line-height: 40px; } }
@media screen and (max-width: 1440px) { .banner-swiper .bannerpage { width: 1100px; }
  .banner-swiper .swiper-slide .bts a { width: 140px; height: 38px; line-height: 38px; }
  .banner-swiper .swiper-slide { height: 75vh; } }
@media screen and (max-width: 1280px) { .banner-swiper .bannerpage { width: 96%; } }
@media screen and (max-width: 1024px) { .banner-swiper .swiper-slide .bts a { width: 120px; height: 30px; line-height: 30px; }
  .banner-swiper .swiper-slide .bts a i { margin-left: 10px; }
  .banner-swiper .swiper-slide { height: 60vh; }
  .banner-swiper .swiper-slide .txt { width: 100%; margin: 0; padding: 0 20px; }
  .banner-swiper .bannerpage { width: calc(100% - 40px); left: 20px; transform: none; } }
@media screen and (max-width: 768px) { .banner-swiper .swiper-slide { height: 50vw; }
.launage_box i{
	display: none;
	  font-size: 10px;
  }
  .banner-swiper .bannerpage { bottom: 0px; }
  .banner-swiper .swiper-slide-active .bts { margin-top: 20px; }
  .banner-swiper .swiper-slide .bts a { width: 100px; height: 28px; line-height: 28px; }
  .banner-swiper .swiper-slide .bts a i { margin-left: 5px; }
  /* 语言 */
   .launage_box{width: 60px;height: 38px;border: 1px solid #eee;line-height: 38px;position: relative;}
   .launage_box span{width: 56px;display: none;}
   .userlaunage .launage_switchbox{width: 60px;height: 76px;border: 1px solid #eee;background-color: #fff;display: none;position: absolute;top: 38px;border-top: none;}
   }
@media screen and (max-width: 414px) {
  .banner-swiper .swiper-slide { height: 50vw; }
  .banner .swiper_dot {
    bottom: 0px !important;
  }}
.btns a i { display: inline-block; width: 13px; height: 9px; background: url(../images/icon_go.png) no-repeat; position: relative; top: 0px; margin-left: 20px; transition: all .4s; left: 0; }
.btns a:hover i { background-image: url(../images/icon_go_white.png); left: 3px; }

/* 新闻资讯 */
.banner { position: relative;margin-top: 50px }
.banner .swiper_dot{position: absolute;bottom: 30px !important;left: calc(50% - 15px) !important;z-index: 10;}
.homeNews { position: absolute; z-index: 3; bottom: -100px; box-shadow: 0 20px 90px rgba(157, 168, 192, 0.2); background-color: #fff; left: 50%; transform: translateX(-50%); }
.homeNews ul li { float: left; width: 20%; position: relative; padding: 36px 2% 30px; }
.homeNews ul li:after { content: ''; display: block; width: 1px; background-color: #dfe1e5; position: absolute; top: 15%; bottom: 15%; right: 0; transition: all .4s; opacity: 1; }
.homeNews ul li:last-child:after { display: none; }
.homeNews ul li:before { content: ''; display: block; top: -6px; bottom: -6px; left: 0; border-radius: 4px; z-index: -1; width: 100%; position: absolute; transition: all .4s; background-image: linear-gradient(to right, #00559B, #e08849); opacity: 0; }
.homeNews ul li span { display: inline-block; padding: 0 10px; width: auto; height: 28px; background-color: #f4f4f4; border-radius: 2px; color: #999; text-align: center; line-height: 28px; }
.homeNews ul li a { cursor: pointer; }
.homeNews ul li h2 { margin: 10px 0 0; height: 60px; font-weight: normal; padding: 0 10px; }
.homeNews ul li.active:before { opacity: 1; }
.homeNews ul li.active:after { opacity: 0; }
.homeNews ul li.active span { background-color: #a22e2b; color: #fff; }
.homeNews ul li.active h2 { color: #fff; }
.homeNews ul li.active .btns a { color: #fff; }
.homeNews ul li.active .btns a i { background-image: url(../images/icon_go_white.png); }

@media screen and (max-width: 1024px) { .homeNews { width: calc(100% - 40px); left: 0; transform: none; }
  .homeNews ul li h2 { height: 50px; } }
@media screen and (max-width: 768px) { .homeNews { width: 100%; position: relative; bottom: 0; margin: 0; }
  .homeNews ul li { padding: 20px 0; }
  .homeNews ul li a {display: block; text-align: center;}
  .homeNews ul li:after { top: 50%; bottom: auto; height: 28px; transform: translateY(-50%); }
  .homeNews ul li h2 { display: none; }
  .homeNews ul li .btns { display: none; }
  .homeNews ul li span { margin: 0 auto; } }
@media screen and (max-width: 414px) { .homeNews ul li span { width: 40px; line-height: 1.5; height: auto; } }
/* 视频弹窗 */
#videoPopup { position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.4); display: none; }
#videoPopup .video-box { width: 35%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#videoPopup .video-box video { width: 100%; }
#videoPopup .close { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.1); cursor: pointer; text-align: center; }
#videoPopup .close span { display: block; width: 20px; height: 20px; background: url(../images/close.png) 0 0/cover no-repeat; margin: 10px auto; }

@media screen and (max-width: 1024px) { #videoPopup .video-box { width: 80%; }
  #videoPopup .close { width: 26px; height: 26px; }
  #videoPopup .close span { width: 10px; height: 10px; margin-top: 8px; } }
@media screen and (max-width: 768px) { #videoPopup .video-box { width: calc(100% - 40px); } }
/* 公司介绍 */
.company-intro { padding: 187px 0 48px; }
.company-intro .hd .txt { width: 51%; float: left; padding-right: 15%; }
.company-intro .hd .txt h1 { font-weight: normal; }
.company-intro .hd .txt h2 { color: #00559B; font-weight: normal; font-weight: 700; padding: 10px 0 20px; }
.company-intro .hd .txt p { text-align: justify; line-height: 2; }
.company-intro .hd .txt .btns { margin-top: 10%; }
.company-intro .hd .txt .btns a { display: block; width: 170px; line-height: 50px; border: 1px solid #1c1d1e; text-align: center; border-radius: 4px; position: relative; }
.company-intro .hd .txt .btns a:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: all .4s; z-index: -1; background-color: #00559B; }
.company-intro .hd .txt .btns a:hover { color: #fff; border-color: #00559B; }
.company-intro .hd .txt .btns a:hover:before { width: 100%; }
.company-intro .hd .txt .btns a:hover i { background-image: url(../images/icon_go_white.png); }
.company-intro .hd .video-box { float: right; width: 48.85714%; }
.company-intro .hd .video-box a { display: block; position: relative; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 90px rgba(93, 99, 114, 0.5); height:300px;}
@media screen and (min-width: 200px) { .company-intro .hd .video-box a { display: block; position: relative; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 90px rgba(93, 99, 114, 0.5); height:200px;} }
@media screen and (min-width: 500px) { .company-intro .hd .video-box a { display: block; position: relative; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 90px rgba(93, 99, 114, 0.5); height:300px;} }
@media screen and (min-width: 1500px) { .company-intro .hd .video-box a { display: block; position: relative; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 90px rgba(93, 99, 114, 0.5); height:400px;}}
.company-intro .hd .video-box a .icon-play { display: block; width: 88px; height: 88px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); border: 2px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .4s; }
.company-intro .hd .video-box a .icon-play:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-left: 14px solid #00559B; position: absolute; left: calc(50% - 7px); top: 50%; transform: translate(0, -50%); transition: all .4s; }
.company-intro .hd .video-box a img { width: 100%; transition: all .4s; }
.company-intro .hd .video-box a:hover img { transform: scale(1.06); }
.company-intro .bd { margin-top: 60px; }
.company-intro .bd .n { font-family: "number-Bold"; }
.company-intro .bd ul li { float: left; width: 25%; text-align: center; position: relative; }
.company-intro .bd ul li:after { content: ''; display: block; width: 1px; background-color: #dfe1e5; position: absolute; top: 15%; bottom: 15%; right: 0; transition: all .4s; opacity: 1; }
.company-intro .bd ul li:last-child:after { display: none; }
.company-intro .bd ul li h2 { color: #00559B; line-height: 1.2; }
.company-intro .bd ul li p { color: #555; }

@media screen and (max-width: 1600px) { .company-intro .hd .txt .btns a { width: 140px; height: 38px; line-height: 38px; } }
@media screen and (max-width: 1440px) { .company-intro .hd .txt { padding-right: 10%; }
  .company-intro .hd .txt .btns a { width: 140px; height: 38px; line-height: 38px; }
  .company-intro .hd .video-box a .icon-play { width: 60px; height: 60px; } }
@media screen and (max-width: 1024px) { .company-intro { padding: 157px 0 30px; }
  .company-intro .hd .txt { padding-right: 5%; }
  .company-intro .hd .txt h1 { padding-top: 0; }
  .company-intro .hd .txt .btns a { width: 120px; height: 30px; line-height: 30px; }
  .company-intro .hd .txt .btns a i { margin-left: 10px; }
  .company-intro .hd .video-box a .icon-play { width: 50px; height: 50px; }
  .company-intro .hd .video-box a .icon-play:after { border-width: 6px; border-left-width: 8px; left: calc(50% - 1px); } }
@media screen and (max-width: 768px) { .company-intro { padding: 60px 0 30px; }
  .btns a { margin-left: 5px; }
  .company-intro .hd .txt { float: none; width: 100%; padding-right: 0; }
  .company-intro .hd .txt .btns { margin-top: 20px; }
  .company-intro .hd .txt .btns a { width: 100px; height: 28px; line-height: 28px; }
  .company-intro .hd .txt .btns a i { margin-left: 5px; }
  .company-intro .hd .video-box a .icon-play { width: 40px; height: 40px; }
  .company-intro .hd .video-box { float: none; width: 100%; margin-top: 30px; }
  .company-intro .bd { margin-top: 30px; } }
.defualtbox { padding: 50px 0 44px; }
.defualtbox .title { text-align: center; margin-bottom: 40px; }
.defualtbox .title h2 { font-weight: normal; line-height: 1.2; }
.defualtbox .title p { color: #555; margin-top: 10px; }

/* 服务介绍 */
.servicce-intro { background: url(../images/bg1.jpg) center center/cover no-repeat; }
.servicce-intro .servTab .hd li { float: left; width: 25%; text-align: center; position: relative; }
.servicce-intro .servTab .hd li:after { content: ''; display: block; width: 1px; height: 20px; background-color: #dfe1e5; position: absolute; top: 50%; right: 0; transition: all .4s; opacity: 1; transform: translateY(-50%); }
.servicce-intro .servTab .hd li:last-child:after { display: none; }
.servicce-intro .servTab .hd li a { display: inline-block; position: relative; color: #333; line-height: 54px; padding: 0 30px; }
.servicce-intro .servTab .hd li a:after { content: ''; display: block; width: 0; height: 4px; background-color: #00559B; position: absolute; left: 50%; bottom: 0; transition: all .4s; }
.servicce-intro .servTab .hd li.active a:after { left: 0; width: 100%; }
.servicce-intro .servTab .bd { margin-top: 46px; }
.servicce-intro .servItem { display: none; }
.servicce-intro .servItem.on { display: block; }
.servicce-intro .itemHd { display: none; position: relative; padding: 14px 40px 14px 14px; border-bottom: 1px solid #dfe1e6; background-color: #fff; margin-bottom: -1px; cursor: pointer; }
.servicce-intro .itemHd h3 a { font-weight: 700; font-size: 16px; line-height: 20px; color: #252b3a; }
.servicce-intro .itemHd i { position: absolute; top: 50%; right: 14px; margin-top: -6px; transition: .35s; background-image: url(../images/down.png); background-size: 100%; width: 12px; height: 12px; transition: all .4s; }
.servicce-intro .itemBd { display: block; }
.servicce-intro .itemBd .pic { float: left; width: 32.28571%; height: 470px; position: relative; border-radius: 4px; }
.servicce-intro .itemBd .pic .img { position: relative; width: 100%; height: 100%; }
.servicce-intro .itemBd .pic .img img { width: 100%; height: 100%; object-fit: cover; }
.servicce-intro .itemBd .pic .txt { position: absolute; top: 10%; left: 10%; width: 70%; }
.servicce-intro .itemBd .pic .txt h2 { color: #fff; font-weight: normal; font-family: "fzlt-bold"; }
.servicce-intro .itemBd .pic .txt p { color: #fff; line-height: 2; margin-top: 10px; letter-spacing: 1px; }
.servicce-intro .itemBd .pic .btns { position: absolute; bottom: 10%; left: 10%; }
.servicce-intro .itemBd .pic .btns a { color: #fff; }
.servicce-intro .servlist { float: right; width: 66%; position: relative; }
.servicce-intro .servlist ul li { float: left; margin: 0 1.94805% 20px 0; width: 48.91775%; background: url(../images/servlistbg.png) 0 0/cover no-repeat; height: 224px; display: table; border-radius: 4px; overflow: hidden; }
.servicce-intro .servlist ul li:nth-child(2n) { margin-right: 0; }
.servicce-intro .servlist ul li a { display: table-cell; vertical-align: middle; padding: 0 10%; }
.servicce-intro .servlist ul li h4 { padding: 5px 0; font-family: "fzlt-bold"; font-weight: normal; margin-top: 5px; }
.servicce-intro .servlist ul li p { line-height: 1.8; text-align: justify; }
.servicce-intro .servlist ul li p b { color: #00559B; }
.servicce-intro .servlist ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.servicce-intro .servlist ul li:hover h4 { color: #00559B; }

.servicce-intro .servlist ul li .icon {display:block; width:48px; }
.servicce-intro .servlist ul li .icon img {width:100%; height:100%; object-fit:cover;}

.servicce-intro .servlist3 ul li a { padding: 0 30px; position: relative; }
.servicce-intro .servlist3 ul li .icon { display: block; width: 100px; margin-right: 20px; position: absolute; top: 50%; transform: translateY(-50%); left: 30px; }
.servicce-intro .servlist3 ul li .icon img { width: 100%; }
.servicce-intro .servlist3 ul li .txt { float: right; width: calc(100% - 120px); }
.servicce-intro .servlist3 ul li .txt h4 { margin-top: 0; padding-top: 0; }
.servicce-intro .servlist4 ul li a { padding: 0 30px; position: relative; }
.servicce-intro .servlist4 ul li .icon { display: block; width: 170px; margin-right: 20px; position: absolute; top: 50%; transform: translateY(-50%); left: 30px; }
.servicce-intro .servlist4 ul li .icon img { width: 100%; height: 100%; object-fit: cover; }
.servicce-intro .servlist4 ul li .txt { float: right; width: calc(100% - 190px); }
.servicce-intro .servlist4 ul li .txt h4 { margin-top: 0; padding-top: 0; }

@media screen and (max-width: 1440px) { .defualtbox .title { margin-bottom: 20px; }
  .servicce-intro .servTab .hd li a { line-height: 46px; padding: 0 20px; }
  .servicce-intro .servTab .bd { margin-top: 36px; }
  .servicce-intro .servlist ul li p { line-height: 1.5; }
  .servicce-intro .servlist3 ul li a { padding: 0 20px; }
  .servicce-intro .servlist3 ul li .icon { width: 80px; left: 20px; }
  .servicce-intro .servlist3 ul li .txt { width: calc(100% - 100px); }
  .servicce-intro .servlist4 ul li a { padding: 0 20px; }
  .servicce-intro .servlist4 ul li .icon { width: 120px; height: 120px; left: 20px; }
  .servicce-intro .servlist4 ul li .txt { width: calc(100% - 140px); } }
@media screen and (max-width: 1280px) { .servicce-intro .servTab .hd li a { line-height: 40px; padding: 0 10px; }
  .servicce-intro .servTab .hd li a:after { height: 2px; }
  .servicce-intro .servTab .bd { margin-top: 26px; } }
@media screen and (max-width: 1024px) { .servicce-intro .servTab .hd { display: none; }
  .servicce-intro .itemHd { display: block; }
  .servicce-intro .servItem { display: block; margin-bottom: 10px; }
  .servicce-intro .servItem .itemBd { display: none; margin-top: 20px; }
  .servicce-intro .servItem.on .itemHd i { transform: rotate(-180deg); }
  .servicce-intro .servlist ul li a { padding: 10% 20px; } }
@media screen and (max-width: 1024px) and (min-width: 769px) { .servicce-intro .servlist ul li p {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;/* height: 63px; */overflow: hidden;} }
@media screen and (max-width: 768px) { .servicce-intro .itemBd .pic { float: none; width: 100%; height: 200px; margin-bottom: 10px; }
  .servicce-intro .itemBd .pic .txt { top: 20px; left: 20px; width: calc(100% - 40px); }
  .servicce-intro .itemBd .pic .btns { bottom: 20px; left: 20px; }
  .servicce-intro .servlist { float: none; width: 100%; }
  .servicce-intro .servlist ul li { height: auto; float: none; width: 100%; margin: 0 0 10px; }
  .servicce-intro .servlist ul li i { display: none; }
  .servicce-intro .servlist ul li a { padding: 10px 20px; }
  .servicce-intro .servlist4 ul li .icon { height: auto; position: static; float: left; transform: none; } }
/* 新闻资讯 */
.swiper_pagination{text-align: center;}
.swiper_pagination span{margin: 0 6px;}
.news-intro { background-color: #fff; }

.newsItr { width: 1500px; margin: 0 auto; }
.newsItr .newsItr-swiper { padding-bottom: 50px; position: relative; overflow: hidden; margin: 0 auto; padding: 0 50px 50px; }
.newsItr .newsItr-swiper .newsItr-page { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 8; text-align: center; }
.newsItr .newsItr-swiper .newsItr-page .swiper-pagination-bullet { width: 42px; height: 40px; border-radius: 0; background-color: transparent; position: relative; overflow: hidden; opacity: 1; }
.newsItr .newsItr-swiper .newsItr-page .swiper-pagination-bullet span { display: block; width: 100%; height: 4px; background-color: #9397a0; position: absolute; left: 0; top: calc(50% - 2px); }
.newsItr .newsItr-swiper .swiper-pagination-bullet i { background: #00559B; height: 4px; width: 0; left: 0; position: absolute; top: calc(50% - 2px); transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; }
.newsItr .newsItr-swiper .swiper-pagination-bullet-active i { animation: middle 5s; }
.newsItr .datetime { color: #555; }
.newsItr .itemhd ul li { float: left; width: 32.28571%; margin: 0 1.42857% 20px 0; background-color: #b5cde9; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 50px rgba(157, 168, 192, 0.2); }
.newsItr .itemhd ul li:last-child { margin-right: 0; }
.newsItr .itemhd ul li .img { width: 100%; height: 189px; overflow: hidden; position: relative; }
.newsItr .itemhd ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.newsItr .itemhd ul li .img span { display: block; width: 77px; line-height: 28px; border-radius: 4px; color: #fff; background-color: #00559B; text-align: center; position: absolute; left: 8.79121%; top: 15.46392%; z-index: 5; }
.newsItr .itemhd ul li .txt { background-color: #fff; padding: 20px 8.79121%; }
.newsItr .itemhd ul li .txt h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; line-height: 1.4; margin-bottom: 5px; }
.newsItr .itemhd ul li a:hover .img img { transform: scale(1.05); }
.newsItr .itemhd ul li a:hover h2 { color: #00559B; }
.newsItr .itemBd { box-shadow: 0 20px 50px rgba(157, 168, 192, 0.2); }
.newsItr .itemBd .titles { padding: 25px 2.5% 20px; }
.newsItr .itemBd .titles h3 { float: left; }
.newsItr .itemBd .titles .btns { float: right; }
.newsItr .itemBd .titles .btns a:hover i { background-image: url(../images/icon_go.png); }
.newsItr .itemBd .cont ul li { float: left; width: 33.33%; padding: 0 2.8% 30px; position: relative; }
.newsItr .itemBd .cont ul li:after { content: ''; display: block; width: 1px; background-color: #dfe1e5; position: absolute; height: 60px; right: 0; top: 0; transition: all .4s; opacity: 1; }
.newsItr .itemBd .cont ul li:last-child:after { display: none; }
.newsItr .itemBd .cont ul li a { display: block; }
.newsItr .itemBd .cont ul li h2 {height:44px; line-height: 1.4; margin-bottom: 5px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.newsItr .itemBd .cont ul li a:hover h2 { color: #00559B; }

@media screen and (max-width: 1600px) { .newsItr { width: 100%; }
  .newsItr .newsItr-swiper { padding: 0 40px 50px; } }
@media screen and (max-width: 1440px) { .newsItr .itemhd ul li .txt h2 { height: 42px; }
  .newsItr .itemhd ul li .txt { padding: 15px 7%; }
  .newsItr .itemhd ul li .img { height: 160px; } }
@media screen and (max-width: 1024px) { .newsItr .itemBd .titles { padding: 20px 2.5% 15px; }
  .newsItr .itemBd .cont ul li { padding-bottom: 20px; }
  .newsItr .itemhd ul li .img { height: 130px; }
  .btns a i { margin-left: 5px; }
  .newsItr .newsItr-swiper .newsItr-page .swiper-pagination-bullet { width: 21px; }
  .newsItr .newsItr-swiper { padding: 0 20px 50px; } }
@media screen and (max-width: 768px) { .newsItr .itemhd ul li .img span { left: 20px; top: 20px; }
  .newsItr .itemhd ul li { float: none; margin: 0 0 20px 0; width: 100%; }
  .newsItr .itemhd ul li .txt { padding: 15px 20px; }
  .newsItr .itemhd ul li .img { height: 189px; }
  .newsItr .itemBd .cont ul li { float: none; width: 100%; margin-bottom: 10px; padding: 0 20px 10px; }
  .newsItr .itemBd .cont ul li:after { display: none; }
  .newsItr .itemBd .titles { padding: 20px 20px 15px; } }
@media screen and (max-width: 500px) { .newsItr .itemhd ul li .img { height: 130px; } }
/* 数字化解决方案 */
.digittal-slt { position: relative; }
.digittal-slt .title h2 { color: #fff; }
.digittal-slt .bg-bd { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; }
.digittal-slt .item-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: top; -webkit-animation: fadeIn .4s forwards; animation: fadeIn .4s forwards; }
.digittal-slt .item-bg:first-child { z-index: 2; }
.digittal-slt .item-bg:nth-child(2) { z-index: 1; }

.digittalBox { position: relative; z-index: 3; min-height: 300px; overflow: hidden; }
.digittalBox .hd { border-bottom: 2px solid rgba(255, 255, 255, 0.2); }
.digittalBox .hd ul li { text-align: center; float: left; width: 16.5%; }
.digittalBox .hd ul li a { display: inline-block; position: relative; color: #fff; line-height: 50px; padding: 0 20px; }
.digittalBox .hd ul li a:after { content: ''; display: block; width: 0; height: 4px; background-color: #00559B; position: absolute; left: 50%; bottom: -2px; transition: all .4s; }
.digittalBox .hd ul li.active a { font-weight: bold; }
.digittalBox .hd ul li.active a:after { width: 100%; left: 0; }
.digittalBox .it { padding: 90px 0 0; }
.digittalBox .it:not(.show) { display: none; }
.digittalBox .it .ithd { width: 48.57143%; }
.digittalBox .it .txt h2 { color: #fff; font-family: "fzlt-bold"; font-weight: normal; text-shadow: 0 5px 7px rgba(0, 0, 0, 0.2); opacity: 0; animation: textIn .4s forwards; }
.digittalBox .it .txt p { margin-top: 20px; color: #fff; line-height: 2; text-shadow: 0 5px 7px rgba(0, 0, 0, 0.2); opacity: 0; animation: textIn .4s .1s forwards; }
.digittalBox .it .numbersrl { margin-top: 58px; text-shadow: 0 5px 7px rgba(0, 0, 0, 0.2); opacity: 0; animation: textIn .4s .15s forwards; }
.digittalBox .it .numbersrl li { float: left; text-align: center; position: relative; padding: 0 9%; }
.digittalBox .it .numbersrl li:after { content: ''; display: block; width: 1px; height: 30px; background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; right: 0; transition: all .4s; opacity: 1; transform: translateY(-50%); }
.digittalBox .it .numbersrl li:last-child:after { display: none; }
.digittalBox .it .numbersrl li:first-child { padding-left: 0; }
.digittalBox .it .numbersrl li:last-child { padding-right: 0; }
.digittalBox .it .numbersrl li h2 { color: #fff; font-weight: normal; font-family: "number-Bold"; line-height: 1.4; }
.digittalBox .it .numbersrl li p { color: #fff; }
.digittalBox .it .btns { margin-top: 10%; opacity: 0; animation: textIn .4s .2s forwards; }
.digittalBox .it .btns a { display: block; width: 170px; line-height: 50px; border: 1px solid #fff; text-align: center; border-radius: 4px; position: relative; color: #fff; }
.digittalBox .it .btns a:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: all .4s; z-index: -1; background-color: #fff; }
.digittalBox .it .btns a:hover { color: #00559B; }
.digittalBox .it .btns a:hover:before { width: 100%; }
.digittalBox .it .btns a:hover i { background-image: url(../images/icon_go.png); }
.digittalBox .itbd { margin-top: 62px; }

.logo-swiper { width: 100%; overflow: hidden; padding-bottom: 52px; }
.logo-swiper .logoitem { border-radius: 4px;overflow: hidden;margin-bottom: 20px;height: 100px;}
.logo-swiper .logoitem:nth-child(6n) { margin-right: 0;}
.logo-swiper .logoitem img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.logo-swiper .logoitem:hover img { transform: scale(1.05); }
.logo-swiper .page-logo { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 8; text-align: center; }
.logo-swiper .page-logo .swiper-pagination-bullet { width: 42px; height: 40px; border-radius: 0; background-color: transparent; position: relative; overflow: hidden; opacity: 1; }
.logo-swiper .page-logo .swiper-pagination-bullet span { display: block; width: 100%; height: 4px; background-color: #9397a0; position: absolute; left: 0; top: calc(50% - 2px); }
.logo-swiper .swiper-pagination-bullet i { background: #00559B; height: 4px; width: 1px; left: 0; position: absolute; top: calc(50% - 2px); transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; }
.logo-swiper .swiper-pagination-bullet-active i { animation: middle 5s; }

@-webkit-keyframes textIn { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  to { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } }
@keyframes textIn { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  to { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } }
.btns-line { position: relative; z-index: 1; }
.btns-line a { display: block; width: 170px; line-height: 50px; border: 1px solid #1c1d1e; text-align: center; border-radius: 4px; position: relative; }
.btns-line a:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: all .4s; z-index: -1; background-color: #00559B; }
.btns-line a:hover { color: #fff; border-color: #00559B; }
.btns-line a:hover:before { width: 100%; }
.btns-line a:hover i { background-image: url(../images/icon_go_white.png); }
.btns-line.white a { border-color: #fff; color: #fff; }
.btns-line.white a:before { background-color: #fff; }
.btns-line.white a:hover { color: #00559B; }
.btns-line.white a:hover i { background-image: url(../images/icon_go.png); }

@media screen and (max-width: 1600px) { .digittalBox .it { padding-top: 80px; }
  .digittalBox .it .btns a { width: 140px; height: 38px; line-height: 38px; }
  .btns-line a { width: 140px; height: 40px; line-height: 38px; } }
@media screen and (max-width: 1440px) { .digittalBox .it { padding-top: 60px; }
  .digittalBox .it .btns a { width: 140px; height: 38px; line-height: 38px; }
  .digittalBox .it .numbersrl { margin-top: 40px; }
  .digittalBox .it .btns { margin-top: 8%; }
  .digittalBox .itbd { margin-top: 50px; }
  .logo-swiper { padding-bottom: 30px; }
  .btns-line a { width: 140px; height: 40px; line-height: 38px; } }
@media screen and (max-width: 1024px) { .digittalBox .it { padding-top: 50px; }
  .digittalBox .it .btns a { width: 120px; height: 30px; line-height: 30px; }
  .digittalBox .it .numbersrl { margin-top: 30px; }
  .digittalBox .it .btns { margin-top: 5%; }
  .digittalBox .itbd { margin-top: 40px; }
  .digittalBox .it .ithd { width: 60%; }
  .banner-swiper .bannerpage .swiper-pagination-bullet { width: 21px; }
  .logo-swiper .page-logo .swiper-pagination-bullet { width: 21px; }
  .logo-swiper .logoitem { margin-bottom: 10px; height:80px; }
  .btns-line a { width: 120px; height: 36px; line-height: 34px; } }
@media screen and (max-width: 768px) { .digittalBox .it .ithd { width: 100%; }
  .digittalBox .hd ul li { width: auto; margin-right: 20px; }
  .digittalBox .hd ul li a { padding: 0; }
  .digittalBox .it .numbersrl li { width: 33.33%; padding: 0; }
  .logo-swiper .logoitem {width: 100%;}
  .logo-swiper .logoitem:nth-child(3n) { margin-right: 0;}
}
@media screen and (max-width: 500px) {
  .logo-swiper .logoitem { height: 60px;}
}
/* 欢迎加入德晟达计算产业生态 */
.system { background-size: cover; background-repeat: no-repeat; background-position: center top; padding: 92px 0 104px; }
.system h2 { font-weight: normal; line-height: 1.4; }
.system h2 b { color: #586fc6; font-weight: normal; }
.system .bd { margin-top: 30px; }
.system .bd .btns { float: left; margin-right: 30px; }
.system .bd .qrcode { width: 124px; height: 124px; float: left; background-color: #fff; border-radius: 5px; overflow: hidden; }
.system .bd .qrcode img { width: 100%; }

/* footer */
.footer { background-color: #f3f3f3; }
.footer h2 { font-weight: normal; }
.footer .hd { padding: 50px 0 70px; border-bottom: 1px solid #e2e2e2; }
.footer .hd ul { float: left; width: 49.28571%; }
.footer .hd ul li { padding-right: 8%; float: left; }
.footer .hd ul li dl { margin-top: 20px; }
.footer .hd ul li dt { display: block; padding-top: 10px; }
.footer .hd ul li dd a { color: #636670; display: block; line-height: 2.2; }
.footer .hd ul li dd a:hover { color: #00559B; }
.footer .hd .contactus { float: left; }
.footer .hd .contactus dl { line-height: 2.2; color: #636670; margin-top: 20px; }
.footer .hd .contactus dl dd { position: relative; padding-left: 70px; }
.footer .hd .contactus dl dd span { position: absolute; left: 0; top: 0; color: #636670; }
.footer .hd .contactus dl dd p { color: #636670; }
.footer .hd .focus { float: right; width: 190px; }
.footer .hd .focuslist { margin-top: 20px; }
.footer .hd .focuslist span { display: block; margin-bottom: 11px; position: relative; }
.footer .hd .focuslist span a { display: block; width: 38px; height: 38px; position: relative; border: 1px solid #a3a5aa; border-radius: 50%; }
.footer .hd .focuslist i { display: block; width: 18px; height: 18px; background: 0 0/cover no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.footer .hd .focuslist .wx i { background-image: url(../images/wx_black.png); }
.footer .hd .focuslist .wb i { background-image: url(../images/wb.png); }
.footer .hd .focuslist .qq i { background-image: url(../images/qq.png); }
.footer .hd .focuslist .wx.active a { background-color: #5ec23f; border-color: #5ec23f; }
.footer .hd .focuslist .wx.active a i { background-image: url(../images/wx.png); }
.footer .hd .focuslist .wb.active a { background-color: #00559B; border-color: #00559B; }
.footer .hd .focuslist .wb.active a i { background-image: url(../images/wb_on.png); }
.footer .hd .focuslist .qq.active a { background-color: #00c6ff; border-color: #00c6ff; }
.footer .hd .focuslist .qq.active a i { background-image: url(../images/qq_on.png); }
.footer .hd .wxbox { position: absolute; left: 59px; top: 0; display: none; }
.footer .hd .wxbox .wwap { position: relative; }
.footer .hd .wxbox .wwap:before { content: ''; display: block; width: 0; height: 0; border: 5px solid transparent; border-right-color: #fff; position: absolute; left: -10px; top: 14px; }
.footer .hd .wxbox .img { width: 128px; height: 128px; border-radius: 4px; background-color: #fff; overflow: hidden; box-shadow: 0 10px 40px rgba(104, 104, 104, 0.2); }
.footer .hd .wxbox .img img { width: 100%; }
.footer .hd .wxbox p { text-align: center; color: #636670; margin-top: 10px; }
.footer .hd .active .wxbox { display: block; }
.footer .hd .wb.active .wxbox { top: -50px; }
.footer .hd .wb.active .wxbox .wwap:before { top: 50%; }
.footer .hd .qq.active .wxbox { top: -100px; }
.footer .hd .qq.active .wxbox .wwap:before { top: 85%; }
.footer .bd { border-bottom: 1px solid #e2e2e2; padding: 0 0 25px 0; margin-top: 25px; position: relative; line-height: 32px; }
.footer .bd h2 { position: absolute; left: 0; top: 0; }
.footer .bd .yl { margin-left: 65px; }
.footer .bd .yl a { display: inline-block; margin: 0 17px; color: #636670; }
.footer .bd .yl a:hover { color: #00559B; }
.footer .ft { padding: 35px 0; }
.footer .ft p { color: #636670; }
.footer .ft p a { color: #636670; margin: 0 15px; }
.footer .ft p a:hover { color: #00559B; }
.footer .ft p.fr { color: #e2e2e2; }

@media screen and (max-width: 1440px) { .footer .hd { padding: 40px 0 50px; }
  .footer .bd { margin-top: 20px; padding-bottom: 20px; }
  .footer .ft { padding: 25px 0; }
  .footer .hd ul { width: 45%; }
  .footer .hd ul li { padding-right: 5%; } }
@media screen and (max-width: 1280px) { .footer .hd ul { width: 40%; }
  .footer .hd .contactus { width: 30%; }
  .footer .hd ul li:nth-child(3) { margin-bottom: 30px; } }
@media screen and (max-width: 1024px) { .system { padding: 80px 0 90px; }
  .system .bd .qrcode { width: 100px; height: 100px; } }
@media screen and (max-width: 1023px) { .footer .hd ul { border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }
  .footer .hd { padding: 30px 0; }
  .footer .hd ul { width: 100%; text-align: center; float: none; vertical-align: middle; }
  .footer .hd ul li { height: 24px; padding-right: 0; float: none; display: inline-block; vertical-align: middle; width: 64px; margin: 0 10px; }
  .footer .hd ul li dd { display: none; }
  .footer .hd ul li h2 { display: inline-block; }
  .footer .hd ul li dl { display: inline-block; margin-top: 0; }
  .footer .hd ul li dl dt { padding-top: 0; }
  .footer .hd ul li:last-child { width: auto; }
  .footer .hd ul li:last-child dl { margin-left: 20px; }
  .footer h2 { text-align: center; }
  .footer .hd ul li:nth-child(3) { margin-bottom: 0; }
  .footer .bd { display: none; }
  .footer .ft p { float: none; width: 100%; text-align: center; line-height: 2.2; }
  .footer .hd .contactus { display: none; }
  .footer .hd .focus { float: none; margin: 20px auto 0; }
  .footer .hd .focuslist { margin-top: 10px; min-height: 148px; }
  .footer .ft p { line-height: 1.8; } }
/* 浮窗 */
.fixedRight { position: fixed; bottom: 10%; right: 20px; z-index: 77; }
.fixedRight ul li { margin-bottom: 20px; }
.fixedRight ul li a { display: block; width: 50px; min-height: 50px; border-radius: 4px; background-color: #fff; box-shadow: 0 20px 90px rgba(93, 99, 114, 0.5); padding: 16px 18px; }
.fixedRight ul li a span { display: block; margin: 0 auto; text-align: center; margin-top: 10px; line-height: 1.4; }
.fixedRight ul li a i { display: block; margin: 0 auto; }
.fixedRight ul li a .icon-contact { width: 16px; height: 14px; background: url(../images/contactus.png) 0 0 no-repeat; }
.fixedRight ul li a .icon-gotop { width: 11px; height: 18px; background: url(../images/goback.png) no-repeat; }
.fixedRight ul li a:hover { background-color: #00559B; }
.fixedRight ul li a:hover span { color: #fff; }
.fixedRight ul li a:hover .icon-contact { background-image: url(../images/contactus_white.png); }
.fixedRight ul li a:hover .icon-gotop { background-image: url(../images/goback_white.png); }

@media screen and (max-width: 1024px) { .fixedRight { right: 20px; } }
/* 服务介绍-产品中心 */
.banner-inner { margin-top: 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 400px;position: relative; }
.banner-inner .word { padding-top: 10%; }
.banner-inner .word h1 { color: #fff; font-weight: normal; font-family: "fzlt-bold"; }
.banner-inner .word h2 { color: #fff; font-weight: normal; font-family: "fzlt-bold"; }
.banner-inner .word h3 { color: #fff; font-weight: normal; width: 555px; margin-top: 10px; animation-delay: 0.3s; }
.banner-inner .word .txt3 { width: 100%; }
.banner-inner .word-black h2 { color: #fff; }
.banner-inner .word-black h3 { color: #fff; }

.webCrumbs { background-color: #fff; border-bottom: 1px solid #f4f5f7; }
.webCrumbs.bbn { border-bottom: none; }
.webCrumbs.bgtrasnparent { background-color: transparent; }
.webCrumbs .left { line-height: 80px; }
.webCrumbs .left i { display: inline-block; width: 8px; height: 14px; background: url(../images/icon_arrow_gray.png) 0 0/cover no-repeat; margin: 0 10px; vertical-align: middle; }
.webCrumbs .left span { color: #00559B; }

.inNav .curVal { display: none; width: 100%; line-height: 40px; font-size: 16px; position: relative; }
.inNav .curVal i { content: ''; display: block; width: 14px; height: 14px; background: url(../images/down.png) 0 0/cover no-repeat; position: absolute; right: 0; top: 50%; margin-top: -7px; opacity: 0.8; transition: all .4s; }
/* .inNav ul { text-align: center; } */
.inNav ul li { display: inline-block; margin-right: 1rem; }
.inNav ul li a { display: inline-block; padding: 0 22px; position: relative; line-height: 80px; font-size: 16px; }
.inNav ul li a:before { content: ''; display: block; width: 0; left: 50%; height: 4px; background-color: #00559B; position: absolute; bottom: 0; transition: all .4s; }
.inNav ul li.active a:before { width: 100%; left: 0; }
.inNav ul li:hover a:before { width: 100%; left: 0; }

.webCrumbs .onlyinNav { float: none; }

.productCnter { background-color: #f4f5f7; padding-top: 40px; }

.sideMenu { width: 17.85714%; float: left; }
.sideMenu ul { display: block; }
.sideMenu ul li { display: block; width: 100%; font-size: 16px; line-height: 56px; position: relative; transition: all .4s; }
.sideMenu ul li:before { content: ''; display: block; width: 1px; height: 0; position: absolute; left: 0; top: 50%; background-color: #00559B; transition: all .4s; }
.sideMenu ul li:after { content: ''; display: block; width: 0; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; transition: all .4s; z-index: -1; }
.sideMenu ul li a { display: block; padding-left: 10%; }
.sideMenu ul li.active:before { top: 0; height: 100%; }
.sideMenu ul li.active:after { width: 100%; }
.sideMenu ul li:hover:after { width: 100%; }
.sideMenu.fixed-page { position: fixed; top: 120px; width: 13%;}

.rightCont { width: 80%; float: right; }

.focusImg { background-color: #fff; border-radius: 4px; overflow: hidden; position: relative; }
.focusImg .img { float: left; width: 66.07143%; position: relative; overflow: hidden; }
.focusImg .img img { width: 100%; transition: all .5s; }
.focusImg .info { float: right; width: 24.55357%; margin-right: 5.17857%; padding-top: 5%; }
.focusImg .info h3 { color: #1c1d1e; font-weight: normal; margin-bottom: 22px; }
.focusImg .info p { color: #636670; line-height: 1.8; margin-bottom: 20%; height: 75px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.focusImg .swiper-slide:hover .img img { transform: scale(1.1); }
.focusImg .btns a:hover i { background: url(../images/icon_go.png) no-repeat; }
.focusImg .swiper-btns { position: absolute; left: 70.71429%; bottom: 10%; z-index: 9; }
.focusImg .swiper-btns .swiper-button { float: left; width: 48px; height: 48px; background-color: #000; border-color: #000; transition: all .4s; position: relative; margin-right: 13px; cursor: pointer; border-radius: 2px; }
.focusImg .swiper-btns .swiper-button i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 17px; }
.focusImg .swiper-btns .swiper-button.swiper-button-disabled { border: 1px solid #ccc; background-color: transparent; }
.focusImg .swiper-btns .focusImg-prev i { background-image: url(../images/icon_arrow_gray.png); transform: translate(-50%, -50%) rotate(-180deg); }
.focusImg .swiper-btns .focusImg-next i { background-image: url(../images/icon_arrow_gray.png); }

.defualt-inrbox { margin-bottom: 30px; }
.defualt-inrbox .title { margin-bottom: 30px; }
.defualt-inrbox .title h2 { font-weight: normal; }
.defualt-inrbox .top-left-corn { position: absolute; left: 0; top: 0; min-width: 110px; line-height: 40px; padding: 0 30px 0 20px; border-bottom-right-radius: 40px; color: #fff; z-index: 3; }
.defualt-inrbox .top-left-corn.red { background-color: #00559B; }
.defualt-inrbox .top-left-corn.black { background-color: #000; }

.prolist1 ul li { float: left; width: 32.14286%; margin-right: 1.69643%; margin-bottom: 20px; background-color: #ffff; transition: all .4s; border-radius: 4px; overflow: hidden; height: 426px; text-align: center; }
.prolist1 ul li:nth-child(3n) { margin-right: 0; }
.prolist1 ul li .img { position: relative; height: 202px; overflow: hidden; }
.prolist1 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.prolist1 ul li h3 { text-align: center; margin: 40px 20px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.prolist1 ul li p { margin: 0 15%; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 76px; overflow: hidden; color: #636670; line-height: 1.8; }
.prolist1 ul li:hover { box-shadow: 20px 0 90px rgba(93, 99, 114, 0.2); }
.prolist1 ul li:hover .img img { transform: scale(1.1); }

@media screen and (max-width: 1600px) { .inNav ul li { margin-right: 1rem; } }
@media screen and (max-width: 1440px) { .focusImg .swiper-btns .swiper-button { width: 40px; height: 40px; margin-right: 10px; }
  .defualt-inrbox .top-left-corn { padding: 0 20px 0 15px; line-height: 36px; }
  .sideMenu ul li { line-height: 50px; }
  .webCrumbs .left { line-height: 70px; }
  .inNav ul li a { line-height: 70px; padding: 0 15px; }
  .inNav ul li { margin-right: 1rem; }
  .defualt-inrbox { margin-bottom: 20px; }
  .defualt-inrbox .title { margin-bottom: 20px; } }
@media screen and (max-width: 1280px) { .banner-inner { margin-top: 80px; height: 40vw; }
  .focusImg .info p { margin-bottom: 10%; }
  .focusImg .swiper-btns { bottom: 5%; }
  .sideMenu ul li { line-height: 48px; }
  .webCrumbs .left { line-height: 60px; }
  .inNav ul li { margin-right: 2rem; }
  .inNav ul li a { line-height: 60px; padding: 0 10px; } }
@media screen and (max-width: 1024px) { .banner-inner { margin-top: 70px; height: 400px; }
  .banner-inner .word { padding-top: 15%; } }
@media screen and (max-width: 980px) { .banner-inner { margin-top: 70px; height: 400px; }
  .banner-inner .word { padding-top: 15%; }
  .webCrumbs .left i { margin: 0 5px; }
  .inNav ul li { width: auto; margin-right: 1.8rem; }
  .inNav ul li a { padding: 0 10px; }
  .productCnter { padding-top: 10px; }
  .sideMenu { float: none; width: 100%; overflow: hidden; }
  .sideMenu ul { display: flex; }
  .sideMenu ul li { width: auto; margin-right: 30px; line-height: 40px; }
  .sideMenu ul li:last-child { margin-right: 0; }
  .sideMenu ul li a { padding-left: 0; }
  .sideMenu ul li a:after { background-color: transparent; }
  .sideMenu ul li:hover:after { background-color: transparent; }
  .sideMenu ul li.active:before { width: 100%; height: 1px; bottom: 0; top: auto; }
  .sideMenu ul li.active:after { background-color: transparent; }
  .rightCont { width: 100%; float: none; margin-top: 30px; }
  .prolist1 ul li p { margin: 0 10%; } }
@media screen and (max-width: 768px) { .banner-inner { margin-top: 50px; height: 300px; }
  .banner-inner .word h3 { width: 70%; }
  .webCrumbs { position: relative; }
  .webCrumbs .left { padding: 20px 0; line-height: 30px; }
  .inNav { position: relative; z-index: 8; float: none; }
  .inNav .curVal { display: block; }
  .inNav ul { display: none; position: absolute; top: 100%; left: -20px; background-color: #fff; width: calc(100% + 40px); box-shadow: 20px 0 90px rgba(93, 99, 114, 0.2); }
  .inNav ul li { display: block; margin-left: 0; }
  .inNav ul li a { display: block; text-align: left; line-height: 46px; padding: 0 20px; }
  .inNav ul li.active a:before { height: 1px; left: 20px; right: 20px; width: calc(100% - 40px); }
  .focusImg .img { float: none; width: 100%; }
  .focusImg .info { float: none; width: 100%; padding: 10px; padding-bottom: 30px; }
  .focusImg .info h3 { margin-bottom: 10px; }
  .focusImg .info p { margin-bottom: 20px; }
  .focusImg .info p { -webkit-line-clamp: 2; height: 50px; }
  .focusImg .swiper-btns { left: auto; right: 10px; }
  .focusImg .swiper-btns .swiper-button { width: 30px; height: 30px; }
  .prolist1 ul li { width: 49%; margin-right: 2%; }
  .prolist1 ul li:nth-child(3n) { margin-right: 2%; }
  .prolist1 ul li:nth-child(2n) { margin-right: 0%; }
  .prolist1 ul li h3 { margin: 20px 10px 10px; }
  .defualt-inrbox { margin-bottom: 30px; }
  .defualt-inrbox .title { margin-bottom: 10px; } }
@media screen and (max-width: 500px) { .banner-inner .word { padding-top: 18%; }
  .prolist1 ul li { float: none; width: 100%; margin-right: 0; height: auto; padding-bottom: 20px; } }
/* 服务介绍-产品中心-详情页 */
.banner-inner-dtl { height: 700px; }

.dtlCont .tile h2 { font-weight: normal; }

.proGaishu { background-image: linear-gradient(to bottom, #fff 60%, rgba(255, 255, 255, 0)); margin-top: -230px; position: relative; z-index: 2; padding: 0 2%; }
.proGaishu .proGaishu-inner { padding: 3% 2%; }
.proGaishu .txt { float: left; width: 43.85246%; padding-top: 40px; }
.proGaishu .txt h3 { font-weight: normal; margin-bottom: 30px; }
.proGaishu .txt p { margin-bottom: 25px; line-height: 1.8; font-size: 16px; }
.proGaishu .imgbox { float: right; width: 38.85246%; position: relative; margin-right: 3%; }
.proGaishu .swiper-imgbox { width: 100%; overflow: hidden; }
.proGaishu .swiper-imgbox img { width: 100%; }
.proGaishu .button-prev { left: -10%; position: absolute; top: 50%; transform: translateY(-50%); width: 15px; height: 25px; background: url(../images/icon_arrow_red.png) 0 0/cover no-repeat; cursor: pointer; transform: translateY(-50%) rotate(-180deg); }
.proGaishu .button-prev.swiper-button-disabled { background-image: url(../images/icon_arrow_gray2.png); transform: translateY(-50%) rotate(0deg); }
.proGaishu .button-next { right: -10%; position: absolute; top: 50%; transform: translateY(-50%); width: 15px; height: 25px; background: url(../images/icon_arrow_red.png) 0 0/cover no-repeat; cursor: pointer; }
.proGaishu .button-next.swiper-button-disabled { background-image: url(../images/icon_arrow_gray2.png); transform: translateY(-50%) rotate(-180deg); }
.proGaishu .swiper-pagination { position: absolute; bottom: -10%; z-index: 8; text-align: center; width: 100%; }
.proGaishu .swiper-pagination .swiper-pagination-bullet { width: 42px; height: 40px; border-radius: 0; background-color: transparent; position: relative; overflow: hidden; opacity: 1; }
.proGaishu .swiper-pagination .swiper-pagination-bullet span { display: block; width: 100%; height: 4px; background-color: #9397a0; position: absolute; left: 0; top: calc(50% - 2px); }
.proGaishu .swiper-pagination-bullet i { background: #00559B; height: 4px; width: 0; left: 0; position: absolute; top: calc(50% - 2px); transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; }
.proGaishu .swiper-pagination-bullet-active i { animation: middle 5s; }

@media screen and (max-width: 1440px) { .banner-inner-dtl { height: 600px; } }
@media screen and (max-width: 1280px) { .banner-inner-dtl { height: 560px; }
  .proGaishu .txt { padding-top: 20px; }
  .proGaishu .txt p { margin-bottom: 15px; }
  .proGaishu .txt h3 { margin-bottom: 20px; } }
@media screen and (max-width: 1024px) { .banner-inner-dtl { height: 500px; }
  .proGaishu .swiper-pagination .swiper-pagination-bullet { width: 23px; }
  .proGaishu .txt p { font-size: 14px; } }
@media screen and (max-width: 768px) { .banner-inner-dtl { height: 460px; }
  .proGaishu .txt { float: none; width: 100%; }
  .proGaishu .imgbox { float: none; width: 90%; margin: 20px 5% 40px; }
  .proGaishu .button-next { right: -7%; }
  .proGaishu .button-prev { left: -7%; }
  .proGaishu .txt p { margin-bottom: 10px; }
  .proGaishu .txt h3 { margin-bottom: 15px; } }
.proGuige { padding-bottom: 100px; }
.proGuige .tile { padding: 50px 0 48px; }
.proGuige .cont { background-color: #ebebeb; }
.proGuige table { width: 100%; }
.proGuige table th { background-color: #000; color: #fff; text-align: left; padding: 26px 0; padding-left: 3%; }
.proGuige table td { padding: 26px 0; padding-left: 3%; font-size: 16px; line-height: 1.8; background-color: #fff; transition: all .4s; }
.proGuige table tr:hover td { background-color: #eee; }

@media screen and (max-width: 1024px) { .proGuige .tile { padding: 30px 0 20px; }
  .proGuige table th { padding: 20px 2%; }
  .proGuige table td { font-size: 14px; padding: 20px 2%; } }
.Partner { background-repeat: no-repeat; background-size: 100%; background-position: center bottom; }
.Partner .word { padding: 90px 0; }
.Partner .word h2 { font-weight: normal; margin-bottom: 20px; }
.Partner .word p a { color: #00559B; line-height: 1.8; text-decoration: underline; }
.Partner .word p a:hover { text-decoration: none; }

@media screen and (max-width: 1024px) { .Partner .word { padding: 50px 0; }
  .proGuige { padding-bottom: 50px; } }
@media screen and (max-width: 600px) { .Partner .word { padding: 50px 0; }
  .Partner .word p { padding: 0 20px; }
  .Partner .word p span { display: block; } }
/* 迁移调优 */
.floor-ty1 { padding: 42px 0 72px; margin-bottom: 0; }
.floor-ty1 .title { margin-bottom: 48px; }
.floor-ty1 .cont { background-color: #fff; overflow: hidden; }
.floor-ty1 .video-box { float: left; width: 52.85714%; overflow: hidden; }
.floor-ty1 .video-box a { display: block; position: relative; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 90px rgba(93, 99, 114, 0.5); }
.floor-ty1 .video-box a .icon-play { display: block; width: 88px; height: 88px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); border: 2px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .4s; }
.floor-ty1 .video-box a .icon-play:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-left: 14px solid #00559B; position: absolute; left: calc(50% - 7px); top: 50%; transform: translate(0, -50%); transition: all .4s; }
.floor-ty1 .video-box a img { width: 100%; transition: all .4s; }
.floor-ty1 .video-box a:hover img { transform: scale(1.06); }
.floor-ty1 .txt { float: right; width: 35.42857%; margin-right: 5.71429%; padding-top: 5%; }
.floor-ty1 .txt h2 { font-weight: normal; margin-bottom: 25px; }
.floor-ty1 .txt p { line-height: 1.8; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 84px; margin-bottom: 50px; }

.lookpdf a { vertical-align: middle; color: #00559B; }
.lookpdf a i { display: inline-block; vertical-align: middle; margin-right: 13px; }
.lookpdf a:hover { text-decoration: underline; }

@media screen and (max-width: 1440px) { .floor-ty1 .video-box a .icon-play { width: 60px; height: 60px; }
  .floor-ty1 .txt p { margin-bottom: 30px; height: 76px; } }
@media screen and (max-width: 1024px) { .floor-ty1 { padding: 30px 0 50px; }
  .floor-ty1 .title { margin-bottom: 30px; }
  .floor-ty1 .video-box a .icon-play { width: 50px; height: 50px; }
  .floor-ty1 .video-box a .icon-play:after { border-width: 6px; border-left-width: 8px; left: calc(50% - 1px); }
  .floor-ty1 .txt h2 { margin-bottom: 15px; }
  .floor-ty1 .txt p { margin-bottom: 20px; } }
@media screen and (max-width: 768px) { .floor-ty1 .video-box { float: none; width: 100%; }
  .floor-ty1 .txt { float: none; width: 100%; margin-right: 0; padding: 20px 20px 30px; }
  .floor-ty1 .txt h2 { margin-bottom: 10px; }
  .floor-ty1 .txt p { margin-bottom: 5px; } }
.floor-ty2 { padding: 66px 0 260px; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-color: #fff; }
.floor-ty2 .txt { padding-bottom: 20px; }
.floor-ty2 .txt .word h3 { margin-bottom: 25px; font-weight: normal; }
.floor-ty2 .txt ul { margin-bottom: 30px; }
.floor-ty2 .txt ul li { color: #555; line-height: 1.8; }
.floor-ty2 .table { border-radius: 4px; border: 1px solid #dfe1e5; background-color: #fff; overflow: hidden; }
.floor-ty2 .table table { width: 100%; }
.floor-ty2 .table table th { text-align: left; border-right: 1px solid #dfe1e5; padding: 22px 0 22px 3%; background-color: #eef0f4; }
.floor-ty2 .table table th:last-child { border-right: none; }
.floor-ty2 .table table td { border-right: 1px solid #dfe1e5; border-bottom: 1px solid #dfe1e5; padding: 22px 0 22px 3%; background-color: #fff; transition: all .4s; }
.floor-ty2 .table table td:last-child { border-right: none; }
.floor-ty2 .table table tr:last-child td { border-bottom: none; }
.floor-ty2 .table table tr:hover td { background-color: #f7f9fc; }

@media screen and (max-width: 1024px) { .floor-ty2 { padding: 40px 0 200px; }
  .floor-ty2 .txt .word h3 { margin-bottom: 15px; }
  .floor-ty2 .txt { padding-bottom: 10px; }
  .floor-ty2 .txt ul { margin-bottom: 15px; }
  .floor-ty2 .table table th { padding: 15px 0 15px 20px; }
  .floor-ty2 .table table td { padding: 15px 0 15px 20px; } }
@media screen and (max-width: 768px) { .floor-ty2 { padding: 40px 0 100px; }
  .floor-ty2 .txt ul li { text-align: justify; }
  .floor-ty2 .table table th { padding: 15px 10px; }
  .floor-ty2 .table table th:first-child { width: 30%; }
  .floor-ty2 .table table td { padding: 15px 10px; } }
.floor-ty3 { padding: 66px 0 133px; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-color: #f4f5f7; }
.floor-ty3 .softqy { background-size: cover; background-repeat: no-repeat; background-position: center bottom; border-radius: 4px; height: 400px; padding: 10% 5%; }
.floor-ty3 .softqy h3 { font-weight: normal; margin-bottom: 20px; }
.floor-ty3 .softqy p { line-height: 1.8; color: #555; }

.qytybox { margin-top: 27px; background-color: #fff; border-radius: 4px; padding: 40px 5%; }
.qytybox .hd .txt { float: left; margin-right: 5%; }
.qytybox .hd .txt h3 { font-weight: normal; margin-bottom: 20px; }
.qytybox .hd .btns { float: left; margin-top: 25px; }
.qytybox .bd { padding: 20px 0; }
.qytybox .bd .img img { width: 100%; }
.qytybox .ft .btns { display: inline-block; float: left; margin-right: 20px; }
.qytybox .ft .tt { float: left; margin-top: 13px; }
.qytybox .ft .tt a { color: #00559B; margin-left: 40px; }
.qytybox .ft .tt a:hover { color: #000; }

@media screen and (max-width: 1024px) { .floor-ty3 { padding: 40px 0 90px; }
  .qytybox .hd .txt h3 { margin-bottom: 10px; }
  .qytybox .ft a { margin-left: 20px; }
  .floor-ty3 .softqy { height: 300px; } }
@media screen and (max-width: 768px) { .qytybox .ft a { margin-left: 10px; } .qytybox .ft .tt a { margin-left: 10px;}}
/* 德晟达生态 */
.banner-ecology { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100vh; }
.banner-ecology .word { color: #fff; padding-top: 20vh; }
.banner-ecology .word .logo { width: 16%; margin: 0 auto 6vh; }
.banner-ecology .word .logo img { width: 100%; }
.banner-ecology .word h1 { color: #fff; font-weight: normal; animation-delay: 0.2s; }
.banner-ecology .word p { color: #fff; padding: 30px 20% 4vh; animation-delay: 0.4s; }
.banner-ecology .word .btn { text-align: center; margin-bottom: 3vh; }
.banner-ecology .word .btn a { display: inline-block; width: 320px; line-height: 60px; border-radius: 10px; background-image: -moz-linear-gradient(90deg, #97251f 0%, #00559B 100%); background-image: -webkit-linear-gradient(90deg, #97251f 0%, #00559B 100%); background-image: -ms-linear-gradient(90deg, #97251f 0%, #00559B 100%); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.004); color: #fff; }
.banner-ecology .word .btn a:hover { opacity: 0.8; }
.banner-ecology .word ul { animation-delay: 0.6s; }
.banner-ecology .word ul li { float: left; width: 50%; position: relative; padding: 0 10%; }
.banner-ecology .word ul li:after { content: ''; display: block; width: 1px; height: 94px; background-color: rgba(255, 255, 255, 0.3); position: relative; bottom: 0; right: 0; position: absolute; }
.banner-ecology .word ul li:last-child:after { display: none; }
.banner-ecology .word ul li h2 { color: #fff; font-weight: normal; padding: 25px 0 15px; }
.banner-ecology .word ul li .p { color: #fff; }

@media screen and (max-width: 1440px) { .banner-ecology .word p { padding: 30px 10% 10vh; }
  .banner-ecology .word ul li { padding: 0 6%; } }
@media screen and (max-width: 1024px) { .banner-ecology { height: 800px; }
  .banner-ecology .word .logo { margin-bottom: 5%; }
  .banner-ecology .word { padding-top: 18%; }
  .banner-ecology .word p { padding: 30px 10% 6%; }
  .banner-ecology .word ul li { padding: 0 2%; }
  .banner-ecology .word .btn a { width: 280px; line-height: 50px; } }
@media screen and (max-width: 768px) { .banner-ecology { height: 600px; }
  .banner-ecology .word .logo { margin-bottom: 20px; width: 100px; }
  .banner-ecology .word p { padding: 20px; }
  .banner-ecology .word ul li .icon { display: block; width: 28px; margin: 0 auto; }
  .banner-ecology .word ul li .icon img { width: 100%; }
  .banner-ecology .word ul li h2 { padding: 15px 0 10px; }
  .banner-ecology .word .btn a { width: 220px; line-height: 40px; border-radius: 5px; } }
@media screen and (max-width: 500px) { .banner-ecology { height: 600px; }
  .banner-ecology .word p { padding: 20px 0; }
  .banner-ecology .word ul li .p { display: none; text-align: justify; } }
.inrdefualt { padding: 50px 0 0; }
.inrdefualt:last-child { padding: 50px 0 50px; }
.inrdefualt .title { margin-bottom: 50px; }
.inrdefualt .title h2 { font-weight: normal; }
.inrdefualt .title .word-white { color: #fff; }

/* 整机伙伴 */
.cmPartner { position: relative; overflow: hidden; padding-bottom: 80px; }
.cmPartner ul { width: 100%; position: relative; }
.cmPartner ul li { float: left; width: 15%; margin-right: 2%; margin-bottom: 20px; }
.cmPartner ul li:nth-child(6n) { margin-right: 0; }
.cmPartner ul li .img { overflow: hidden; cursor: pointer; }
.cmPartner ul li .img img { width: 100%; transition: all .4s; }
.cmPartner ul li .dtl-item { display: none; padding: 66px 0; position: relative; transition: all .4s; opacity: 0; visibility: hidden; top: -20px; }
.cmPartner ul li .dtl-item:after { content: ''; display: block; width: 29px; height: 9px; background: url(../images/icon_tran.png) no-repeat; position: absolute; left: 6.42857%; top: -9px; }
.cmPartner ul li .dtl-item .item { margin: 0 5%; }
.cmPartner ul li .dtl-item .item .btns { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); }
.cmPartner ul li .dtl-item .item p { width: 50%; margin-top: 20px; line-height: 1.8; text-align: justify; }
.cmPartner ul li .dtl-item .item h3 { font-weight: normal; }
.cmPartner ul li.active .img { box-shadow: 20px 0 90px rgba(93, 99, 114, 0.2); }
.cmPartner ul li.active .dtl-item { display: block; background: url(../images/bg_st01.jpg) right bottom/cover no-repeat; box-sizing: border-box; margin-top: 20px; position: relative; border-radius: 4px; opacity: 1; visibility: visible; top: 0; }
.cmPartner ul li:nth-child(2) .dtl-item { left: -113.33333%; }
.cmPartner ul li:nth-child(2) .dtl-item:after { left: 23.64286%; }
.cmPartner ul li:nth-child(3) .dtl-item { left: -226.66667%; }
.cmPartner ul li:nth-child(3) .dtl-item:after { left: 40%; }
.cmPartner ul li:nth-child(4) .dtl-item { left: -340%; }
.cmPartner ul li:nth-child(4) .dtl-item:after { left: 58.42857%; }
.cmPartner ul li:nth-child(5) .dtl-item { left: -453.33333%; }
.cmPartner ul li:nth-child(5) .dtl-item:after { left: 74.28571%; }
.cmPartner ul li:nth-child(6) .dtl-item { left: -566.66667%; }
.cmPartner ul li:nth-child(6) .dtl-item:after { left: 90.92857%; }

.page-lines { position: absolute; bottom: 2%; z-index: 8; text-align: center; width: 100%; }
.page-lines .swiper-pagination-bullet { width: 42px; height: 40px; border-radius: 0; background-color: transparent; position: relative; overflow: hidden; opacity: 1; }
.page-lines .swiper-pagination-bullet span { display: block; width: 100%; height: 4px; background-color: #9397a0; position: absolute; left: 0; top: calc(50% - 2px); }

.swiper-pagination-bullet i { background: #00559B; height: 4px; width: 0; left: 0; position: absolute; top: calc(50% - 2px); transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; }

.swiper-pagination-bullet-active i { animation: middle 5s; }

.soluPartner { padding: 0 0 80px; position: relative; overflow: hidden; }
.soluPartner .swiper-slide { border-radius: 4px; overflow: hidden; }
.soluPartner .swiper-slide a { display: block; }
.soluPartner .swiper-slide a img { width: 100%; transition: all .4s; }
.soluPartner .swiper-slide a:hover img { transform: scale(1.1); }
.soluPartner .page-lines { bottom: -20px; }

@media screen and (max-width: 1024px) { .inrdefualt { padding: 35px 0 50px; }
  .inrdefualt .title { margin-bottom: 30px; }
  .cmPartner { padding-bottom: 40px; }
  .page-lines .swiper-pagination-bullet { width: 23px; }
  .cmPartner ul li .dtl-item { padding: 30px 0; }
  .cmPartner ul li .dtl-item:after { width: 15px; height: 5px; background-size: 100% 100%; top: -5px; }
  .soluPartner { padding: 0 0 40px; } }
@media screen and (max-width: 768px) { .cmPartner ul li .dtl-item .item p { width: 100%; margin-top: 10px; }
  .cmPartner ul li .dtl-item .item .btns { position: static; transform: none; margin-top: 10px; }
  .cmPartner ul li .dtl-item .item .btns a { margin-left: 0; } }
.basePartner .hd { text-align: center; }
.basePartner .hd li { display: inline-block; padding: 0 10px; position: relative; }
.basePartner .hd li:after { content: ''; display: block; width: 1px; height: 20px; background-color: #dfe1e5; position: absolute; right: 0; top: 50%; margin-top: -5px; }
.basePartner .hd li:last-child:after { display: none; }
.basePartner .hd li a { display: block; width: 120px; position: relative; padding: 12px 0; }
.basePartner .hd li a:after { content: ""; display: block; width: 0; height: 4px; left: 50%; background-color: #00559B; position: absolute; bottom: 0; transition: all .4s; }
.basePartner .hd li.active a:after { left: 0; width: 100%; }
.basePartner .bd { margin-top: 46px; }
.basePartner .bd .item { display: none; }
.basePartner .bd .item:first-child { display: block; }
.basePartner .bd ul li { float: left; width: 15%; margin-right: 2%; margin-bottom: 20px; overflow: hidden; }
.basePartner .bd ul li:nth-child(6n) { margin-right: 0; }
.basePartner .bd ul li img { width: 100%; transition: all .4s; }
.basePartner .bd ul li:hover img { transform: scale(1.1); }

@media screen and (max-width: 1024px) { .basePartner .bd { margin-top: 26px; }
  .basePartner .hd li a { width: auto; } }
@media screen and (max-width: 768px) { .basePartner .bd ul li { width: 31.33%; margin-right: 3%; }
  .basePartner .bd ul li:nth-child(6n) { margin-right: 3%; }
  .basePartner .bd ul li:nth-child(3n) { margin-right: 0; }
  .basePartner .hd li { padding: 0 5px; } }
@media screen and (max-width: 500px) { .basePartner .bd ul li { width: 48%; margin-right: 4%; margin-bottom: 15px; }
  .basePartner .bd ul li:nth-child(6n) { margin-right: 4%; }
  .basePartner .bd ul li:nth-child(3n) { margin-right: 4%; }
  .basePartner .bd ul li:nth-child(2n) { margin-right: 0; }
  .basePartner .hd li { padding: 0 5px; } }
.pb0.inrdefualt { padding-bottom: 0; }

.hyPartner { position: relative; margin-bottom: 40px; background-color: #fff; }
.hyPartner .lefttitle { position: absolute; left: 0; width: 16.64286%; height: 100%; min-height: 230px; background-position: right bottom; background-repeat: no-repeat; }
.hyPartner .lefttitle h3 { padding: 36px 0 0 40px; font-weight: normal; }
.hyPartner .rightCont { width: calc(100% - (233%/1400*100)); margin-left: 16.64286%; }
.hyPartner .rightCont ul { border-top: 1px solid #ededed; border-left: 1px solid #ededed; }
.hyPartner .rightCont ul li { float: left; width: 20%; overflow: hidden; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.hyPartner .rightCont ul li img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.hyPartner .rightCont ul li:hover img { transform: scale(1.1); }

@media screen and (max-width: 1024px) { .hyPartner .lefttitle h3 { padding: 20px 0 0 20px; }
  .hyPartner .rightCont ul li { width: 25%; } }
@media screen and (max-width: 768px) { .hyPartner .rightCont ul li { width: 33.33%; }
  .hyPartner { margin-bottom: 20px; } }
@media screen and (max-width: 500px) { .hyPartner .rightCont ul li { width: 50%; }
  .hyPartner .lefttitle { position: static; width: 100%; min-height: 70px; height: 70px; background-size: auto 100%; }
  .hyPartner .rightCont { width: 100%; margin-left: 0; margin-top: 0; } }
.Appzone { background-color: #fff; }
.Appzone .innerbox { background-repeat: no-repeat; background-position: right bottom; padding: 69px 0 57px; }
.Appzone .innerbox .word { float: left; }
.Appzone .innerbox .word h2 { font-weight: normal; }
.Appzone .innerbox .word .btns { margin-top: 45px; }
.Appzone .iconCont { float: left; margin-left: 20%; }
.Appzone .iconCont ul li { float: left; text-align: center; margin-right: 110px; }
.Appzone .iconCont ul li:last-child { margin-right: 0; }
.Appzone .iconCont ul li i { display: block; width: 42px; margin: 30px auto 25px; transition: all .5s; }
.Appzone .iconCont ul li h3 { font-weight: normal; }
.Appzone .iconCont ul li:hover i { animation: swing 1s; }

@media screen and (max-width: 1024px) { .Appzone .iconCont { margin-left: 12%; }
  .Appzone .iconCont ul li { margin-right: 80px; }
  .Appzone .iconCont ul li i { width: 36px; margin: 30px auto 15px; }
  .Appzone .iconCont ul li i img { width: 100%; }
  .Appzone .innerbox .word .btns { margin-top: 25px; } }
@media screen and (max-width: 768px) { .Appzone .innerbox .word { width: 100%; text-align: center; float: none; }
  .Appzone .innerbox .word .btns a { margin: 20px auto 0; }
  .Appzone .iconCont { margin-left: 0; width: 100%; float: none; text-align: center; }
  .Appzone .iconCont ul { display: inline-block; }
  .Appzone .iconCont ul li { margin: 0 20px; } }
/* 关于我们-加入我们 */
.banner-inner .word h3.txt2 { width: 50%; }

.joinusbox { width: 94.64286%; margin: 0 auto 110px; padding: 15px 0 0; position: relative; }
.joinusbox .img { overflow: hidden; position: relative; }
.joinusbox .img:before { content: ''; display: block; width: 100%; height: 100%; background-color: #fff; transition: all 2s; position: absolute; left: 0; top: 0; }
.joinusbox .img img { width: 100%; }
.joinusbox .img.animated:before { width: 0; }
.joinusbox .word { position: absolute; left: 9.0566%; bottom: 20px; }
.joinusbox .word h2 { margin-bottom: 10px; }
.joinusbox .word p { font-weight: bold; }
.joinusbox .qrcode { position: absolute; bottom: -100px; right: 9.0566%; width: 37.73585%; }
.joinusbox .qrcode .item { float: left; text-align: center; width: 41%; margin-left: 8%; }
.joinusbox .qrcode .qrcodeimg { width: 100%; margin: 0 auto 20px; box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1); }
.joinusbox .qrcode .qrcodeimg img { width: 100%; }

@media screen and (max-width: 1440px) { .joinusbox { width: 100%; }
  .banner-inner .word h3.txt2 { width: 100%; } }
@media screen and (max-width: 1024px) { .joinusbox .word { left: 20px; width: 50%; }
  .joinusbox .qrcode { right: 20px; }
  .joinusbox .qrcode .item h3 { line-height: 1.2; }
  .joinusbox .qrcode .qrcodeimg { margin-bottom: 10px; } }
@media screen and (max-width: 500px) { .joinusbox .word { bottom: auto; top: 30%; width: calc(100% - 40px); }
  .banner-inner .word h3 { width: 100%;}
  .joinusbox .img { height: 360px; }
  .joinusbox .img img { height: 100%; object-fit: cover; }
  .joinusbox .qrcode { width: calc(100% - 20px); }
  .joinusbox .qrcode .item { width: 45%; margin-left: 4%; } }
/* 品牌活动 */
.focus-activity { background-color: #fff; overflow: hidden; }
.focus-activity .img { float: left; width: 61.42857%; height: 483px; overflow: hidden; }
.inrdefualt:nth-child(even)  .focus-activity .img { float: right; }
.focus-activity .img img { width: 100%; height: 100%; object-fit: cover; transition: all .8s; }
.focus-activity .info { float: right; width: 34.28571%; padding-right: 5.42857%; padding-top: 5%; }
.focus-activity .info .datetime { margin-bottom: 30px; }
.focus-activity .info h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.8; height: 130px; text-align: justify; margin-bottom: 14%; }
.focus-activity .info .btns a { margin-left: 0; }
.focus-activity:hover .img img { transform: scale(1.05); }

.activity-list ul li { float: left; width: 30.71429%; margin-right: 2.85714%; margin-bottom: 5%; }
.activity-list ul li:nth-child(3n) { margin-right: 0; }
.activity-list ul li .img { height: 257px; overflow: hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.activity-list ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.activity-list ul li .info { height: 142px; border: 1px solid #d6d6d6; border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #fff; padding: 15px; }
.activity-list ul li .info h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 72px; margin-bottom: 10px; }
.activity-list ul li:hover .img img { transform: scale(1.1); }

.pages a { display: inline-block; width: 52px; height: 52px; line-height: 50px; border: 1px solid #eaeaea; background-color: #fff; color: #666; margin: 0 11px; position: relative; vertical-align: middle; }
.pages a i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 19px; }
.pages a .icon-prev { background: url(../images/icon_arrow_gray2.png) 0 0/100% 100% no-repeat; }
.pages a .icon-next { background: url(../images/icon_arrow_gray2.png) 0 0/100% 100% no-repeat; transform: translate(-50%, -50%) rotate(-180deg); }
.pages a:hover { background-color: #00559B; color: #fff; border-color: #00559B; }
.pages span { color: #666; margin-left: 11px; }
@media screen and (max-width: 1680px) {
  .focus-news .info h2 { height: 70px;}
}
@media screen and (max-width: 1440px) { .activity-list ul li .img { height: 200px; }
  .pages a { width: 42px; line-height: 40px; height: 40px; margin: 0 6px; }
  .focus-activity .img { height: 380px;}
  .focus-activity .info h2 { height: 100px; }
  .activity-list ul li .info { height: 128px; }
  .activity-list ul li .info h2 { height: 60px; margin-bottom: 10px; } }
@media screen and (max-width: 1280px) { .focus-activity { margin-bottom: 50px; }
  .focus-activity .info h2 { height: 90px; }
  .activity-list ul li .info { height: 118px; }
  .activity-list ul li .info h2 { height: 50px; margin-bottom: 10px; } }
@media screen and (max-width: 980px) { .focus-activity { margin-bottom: 40px; }
  .focus-activity .img { height: 320px;}
  .focus-activity .info .datetime { margin-bottom: 15px; }
  .focus-activity .info h2 { margin-bottom: 20px; }
  .focus-activity .info { padding-top: 20px; }
  .activity-list ul li .info h2 { margin-bottom: 10px; }
  .activity-list ul li .img { height: 170px; } }
@media screen and (max-width: 768px) { .focus-activity .info .datetime { margin-bottom: 10px; }
  .focus-activity .img { height: 50vw;}
  .focus-activity .info h2 { margin-bottom: 15px; }
  .activity-list ul li { width: 48%; margin-right: 4%; }
  .activity-list ul li:nth-child(3n) { margin-right: 4%; }
  .activity-list ul li:nth-child(2n) { margin-right: 0; }
  .activity-list ul li .img { height: 180px; }
  .focus-activity .info .btns a { margin-left: 0; } }
@media screen and (max-width: 700px) { .focus-activity .img { float: none; width: 100%; }
  .focus-activity .info { float: none; width: 100%; padding: 20px; } }
@media screen and (max-width: 500px) { .activity-list ul li { width: 100%; margin-right: 0; float: none; }
  .activity-list ul li:nth-child(3n) { margin-right: 0; }
  .activity-list ul li:nth-child(2n) { margin-right: 0; }
  .pages a { margin: 0 3px; } }
/* 详情 */
.dtl-pt { padding-top: 100px; padding-bottom: 70px; }

.web-position { padding: 30px 0 25px; }
.web-position a { color: #666; }
.web-position a:hover { color: #00559B; }

.dtl-main { background-color: #fff; padding: 70px 15.71429% 80px; }
.dtl-main .title h2 { margin-bottom: 15px; }
.dtl-main .other { padding-bottom: 30px; border-bottom: 3px solid #003586; line-height: 20px; }
.dtl-main .other .datetime { float: left; color: #003586; font-weight: bold; }
.dtl-main .other .back { float: right; }
.dtl-main .other .back:hover { color: #003586; }
.dtl-main .other .back i.icon-back { display: inline-block; width: 21px; height: 3px; background-color: #003586; margin-right: 15px; vertical-align: middle; position: relative; transition: all .4s; }
.dtl-main .other .back i.icon-back:before { content: ''; display: block; width: 13px; height: 3px; background-color: #003586; position: absolute; top: -7px; right: 0; transition: all .4s; }
.dtl-main .other .back i.icon-back:after { content: ''; display: block; width: 13px; height: 3px; background-color: #003586; position: absolute; bottom: -7px; right: 0; transition: all .4s; }
.dtl-main .other .back:hover i.icon-back { margin-right: 10px; }
.dtl-main .other .back:hover i.icon-back:before { transform: translate(-10px, 3px) rotate(-45deg); }
.dtl-main .other .back:hover i.icon-back:after { transform: translate(-10px, -3px) rotate(45deg); }
.dtl-main .article-cont .content-txt { padding: 45px 0; }
.dtl-main .article-cont .content-txt h2 { display: inline-block; padding: 13px 20px; border-left: 3px solid #00559B; background-color: #f5f5f5; color: #00559B; font-size: 16px; margin: 30px 0; }
.dtl-main .article-cont .content-txt p { line-height: 2.5; text-align: justify; }
.dtl-main .article-cont .content-txt p img { max-width: 100%; margin: 20px 0; }
.dtl-main .article-cont .content-txt ul { margin-bottom: 30px; }
/*.dtl-main .article-cont .content-txt ul li { float: left; width: 49.47917%; margin-right: 1.04167%; }*/
.dtl-main .article-cont .content-txt ul li:last-child { margin-right: 0; }
.dtl-main .article-cont .content-txt ul li img { width: 100%; }

.sharebar h5 { color: #666; font-weight: normal; margin-bottom: 18px; }
.sharebar ul li { float: left; margin-right: 24px; }
.sharebar ul li a { display: block; width: 50px; height: 50px; border: 1px solid #ccc; position: relative; }
.sharebar ul li i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sharebar ul li i.icon-wx { background-image: url(../images/share_wx.png); }
.sharebar ul li i.icon-wb { background-image: url(../images/share_wb.png); }
.sharebar ul li i.icon-qq { background-image: url(../images/share_qq.png); }
.sharebar ul li a:hover { background-color: #00559B; border-color: #00559B; }
.sharebar ul li a:hover i.icon-wx { background-image: url(../images/share_wx_white.png); }
.sharebar ul li a:hover i.icon-wb { background-image: url(../images/share_wb_white.png); }
.sharebar ul li a:hover i.icon-qq { background-image: url(../images/share_qq_white.png); }

.sharebar .bshare-custom a {float: left; margin-right: 24px; display: block; width: 50px; height: 50px; border: 1px solid #ccc; position: relative; background: center center no-repeat;}
.sharebar .bshare-custom a.bshare-weixin { background-image: url(../images/share_wx.png); }
.sharebar .bshare-custom a.bshare-sinaminiblog { background-image: url(../images/share_wb.png); }
.sharebar .bshare-custom a.bshare-qqim { background-image: url(../images/share_qq.png); }
.sharebar .bshare-custom a:hover {  background-color: #00559B; border-color: #00559B; }
.sharebar .bshare-custom a.bshare-weixin:hover { background-image: url(../images/share_wx_white.png); }
.sharebar .bshare-custom a.bshare-sinaminiblog:hover { background-image: url(../images/share_wb_white.png); }
.sharebar .bshare-custom a.bshare-qqim:hover { background-image: url(../images/share_qq_white.png); }
.bsBox { box-sizing: content-box;}

.prevnext { margin-top: 49px; border-top: 3px solid #ccc; padding-top: 48px; }
.prevnext a { display: block; float: left; line-height: 65px; background-color: #000; text-align: center; width: 49.47917%; margin-right: 1.04167%; color: #fff; }
.prevnext a:last-child { margin-right: 0; }
.prevnext a.disabled { background-color: #ccc; cursor: no-drop; }
.prevnext a i { display: inline-block; width: 19px; height: 16px; background: url(../images/page_prev.png) 0 0/cover no-repeat; vertical-align: middle; }
.prevnext a i.icon-prev { margin-right: 15px; }
.prevnext a i.icon-next { margin-left: 15px; transform: rotate(-180deg); }

@media screen and (max-width: 1280px) { .dtl-main { padding: 50px 8% 60px; }
  .dtl-pt { padding-top: 100px; }
  .sharebar ul li a { width: 46px; height: 46px; }
  .prevnext a { line-height: 60px; } }
@media screen and (max-width: 1024px) { .dtl-main { padding: 50px 5% 60px; }
  .dtl-pt { padding-top: 70px; } }
@media screen and (max-width: 980px) { .dtl-main { padding: 40px 20px 50px; }
  .sharebar ul li { margin-right: 15px; }
  .prevnext { margin-top: 30px; padding-top: 20px; }
  .prevnext a { line-height: 50px; } }
@media screen and (max-width: 768px) { .dtl-pt { padding-top: 50px; } }
/* 新闻 */
.focus-news .info .datetime { margin-bottom: 20px; }
.focus-news .info h2 { -webkit-line-clamp: 2; height: 80px; margin-bottom: 22px; }
.focus-news .info p { color: #555; line-height: 1.68; margin-bottom: 40px; text-align: justify; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 90px; }

.focus-itemhd ul li { float: left; width: 31.28571%; margin: 0 1.42857% 20px 0; background-color: #b5cde9; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 50px rgba(157, 168, 192, 0.2); }
.focus-itemhd ul li:last-child { margin-right: 0; }
.focus-itemhd ul li .img { width: 100%; height: 189px; overflow: hidden; position: relative; }
.focus-itemhd ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.focus-itemhd ul li .img span { display: block; width: 77px; line-height: 28px; border-radius: 4px; color: #fff; background-color: #00559B; text-align: center; position: absolute; left: 8.79121%; top: 15.46392%; z-index: 5; }
.focus-itemhd ul li .txt { background-color: #fff; padding: 20px 7%; }
.focus-itemhd ul li .txt h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; line-height: 1.4; margin-bottom: 5px; }
.focus-itemhd ul li a:hover .img img { transform: scale(1.05); }
.focus-itemhd ul li a:hover h2 { color: #00559B; }

.news-list-title { margin-top: 90px; margin-bottom: 48px; line-height: 50px; }
.news-list-title h2 { float: left; font-weight: normal; }
.news-list-title .shaixuanSelct { float: right; }

.shaixuanSelct { position: relative; z-index: 9; }
.shaixuanSelct span { display: block; width: 170px; height: 50px; line-height: 48px; position: relative; text-align: center; border: 1px solid #000; border-radius: 4px; cursor: pointer; transition: all .4s; }
.shaixuanSelct span:after { content: ''; display: inline-block; width: 12px; height: 7px; background-image: url(../images/black_down.svg); background-repeat: no-repeat; vertical-align: middle; margin-left: 10px; transition: all .4s; }
.shaixuanSelct span:hover { color: #00559B; }
.shaixuanSelct ul { transition: all .4s; opacity: 0; visibility: hidden; position: absolute; top: calc(100% + 15px); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 4px; background-color: #fff; width: 100%; }
.shaixuanSelct ul li { padding: 5px 20px; line-height: 30px; transition: all .4s; }
.shaixuanSelct ul li a { display: block; }
.shaixuanSelct ul li:hover { background-color: #efefef; }
.shaixuanSelct.active span { background-color: #fff; }
.shaixuanSelct.active span:after { transform: rotate(180deg); }
.shaixuanSelct.active ul { opacity: 1; visibility: visible; top: calc(100% + 5px); }

.news-list ul li { background-color: #fff; margin-bottom: 30px; transition: all .4s; }
.news-list ul li .img { float: left; position: relative; overflow: hidden; width: 452px; height: 190px; }
.news-list ul li .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 2s; }
.news-list ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.news-list ul li .img.animated:after { left: 100%; }
.news-list ul li .info { float: right; width: calc(100% - 452px); padding-left: 4.42857%; padding-top: 35px; }
.news-list ul li .info span { display: block; width: 77px; line-height: 28px; background-color: #00559B; color: #fff; border-radius: 2px; text-align: center; margin-bottom: 10px; }
.news-list ul li .info h2 { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list ul li .info .datetime { color: #555; }
.news-list ul li:hover { box-shadow: 20px 0 90px rgba(0, 0, 0, 0.1); }
.news-list ul li:hover .img img { transform: scale(1.1); }

@media screen and (max-width: 1440px) { .news-list-title { margin: 60px 0 28px; }
  .focus-activity .info { padding-top: 3%; }
  .focus-news .info h2 { height: 80px; }
  .focus-news .info .datetime { margin-bottom: 10px; }
  .focus-news .info p { margin-bottom: 20px; }
  .focus-itemhd ul li .img { height: 140px; }
  .news-list ul li .img { width: 380px; height: 160px; }
  .news-list ul li .info { width: calc(100% - 380px); }
  .shaixuanSelct span { width: 150px; line-height: 43px; height: 45px; } }
@media screen and (max-width: 1280px) { .focus-news .info h2 { height: 58px; } }
@media screen and (max-width: 1024px) { .focus-itemhd ul li .img { height: 130px; }
  .focus-itemhd ul li .txt { padding: 20px; }
  .shaixuanSelct span { width: 120px; line-height: 36px; height: 34px; } }
@media screen and (max-width: 980px) { .focus-news .info { padding: 20px 20px 20px 0; }
  .news-list ul li .info { padding-top: 20px; }
  .news-list ul li .info h2 { margin-bottom: 5px; }
  .news-list ul li .img { width: 300px; height: 126px; }
  .news-list ul li .info { width: calc(100% - 300px); } }
@media screen and (max-width: 768px) { .focus-news .img { float: none; width: 100%; }
  .focus-itemhd ul li .img span { left: 20px; top: 20px; }
  .focus-news .info { float: none; width: 100%; padding: 20px; }
  .focus-itemhd ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
  .focus-itemhd ul li:nth-child(3n) { margin-right: 4%; }
  .focus-itemhd ul li:nth-child(2n) { margin-right: 0; }
  .focus-itemhd ul li:last-child { display: none; }
  .news-list ul li .img { width: 260px; height: 110px; }
  .news-list ul li .info { width: calc(100% - 260px); padding-top: 10px; } }
@media screen and (max-width: 500px) { .focus-itemhd ul li { float: none; width: 100%; }
  .focus-itemhd ul li:nth-child(3n) { margin-right: 0; }
  .news-list ul li .img { float: none; width: 100%; }
  .news-list ul li .info { float: none; width: 100%; padding: 20px; } }
/* 创新中心简介 */
.centerIntrohd { width: 91.42857%; margin: 0 auto; position: relative; }
.centerIntrohd .img { width: 61.95313%; position: relative; overflow: hidden; border-radius: 3px; }
.centerIntrohd .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; }
.centerIntrohd .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.centerIntrohd .img.animated:after { left: 100%; }
.centerIntrohd .info { background-color: #fff; box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1); border-radius: 3px; position: absolute; right: 0; top: 36px; bottom: 36px; width: 43.28125%; padding: 60px 4%; }
.centerIntrohd .info h2 { margin-bottom: 20px; }
.centerIntrohd .info p { line-height: 2.0625; text-align: justify; }

.ctIntro-txt { margin-top: 50px; }
.ctIntro-txt p { line-height: 1.8; text-align: justify; }
.ctIntro-txt p strong { margin-top: 35px; display: block; text-indent: 36px; }
.ctIntro-txt ul { width: 97.65625%; margin: 75px auto 0; }
.ctIntro-txt ul li { width: 32%; float: left; margin-right: 2%; }
.ctIntro-txt ul li img { width: 100%; }
.ctIntro-txt ul li:last-child { margin-right: 0; }

.yshubu { padding: 90px 0 40px; position: relative; }
.yshubu .w1400 { position: relative; z-index: 6; }
.yshubu h2 { margin-bottom: 25px; }
.yshubu .canvas { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }
.yshubu .canvas canvas { width: 100% !important; height: 100% !important; }
.yshubu .scroll-num { margin-top: 60px; }
.yshubu .scroll-num ul li {display: inline-block;margin: 0 5%;/* width: 20%; *//* float: left; */}
.yshubu .scroll-num ul li h3 { font-weight: normal; color: #00559B; line-height: 1.2; }
.yshubu .scroll-num ul li h3 span { font-weight: bold; }
.yshubu .scroll-num ul li h5 { font-weight: normal; }

@media screen and (max-width: 1440px) { .centerIntrohd .info { padding: 30px; }
  .ctIntro-txt ul { margin-top: 45px; }
  .ctIntro-txt p strong { text-indent: 28px; } }
@media screen and (max-width: 1280px) { .centerIntrohd .info h2 { margin-bottom: 10px; }
  .centerIntrohd .info { padding: 20px; } }
@media screen and (max-width: 1024px) { .yshubu { padding: 60px 0 20px; }
  .centerIntrohd .info p { line-height: 1.8; } }
@media screen and (max-width: 980px) { .centerIntrohd { width: 100%; }
  .centerIntrohd .img { width: 100%; }
  .centerIntrohd .info { position: relative; top: auto; bottom: auto; width: calc(100% - 40px); margin: -20px auto 0; } }
@media screen and (max-width: 768px) { .yshubu .scroll-num ul li { width: 31%; display: inline-block; float: none; margin-bottom: 20px; }
  .yshubu .scroll-num ul li:last-child { width: 35%; } }
/* 园区入住 */
.pages-same { padding: 40px 0 70px; margin-bottom: 0; }
.pages-same .title { margin-bottom: 36px; line-height: 50px; }
.pages-same .title h2 { float: left; }
.pages-same .right-tab { float: right; }
.pages-same .right-tab ul li { margin-left: 29px; float: left; }
.pages-same .right-tab ul li a { display: block; width: 170px; height: 50px; line-height: 48px; border: 1px solid #000; border-radius: 3px; text-align: center; }
.pages-same .right-tab ul li a:hover { background-color: #000; color: #fff; }
.pages-same .right-tab ul li.active a { background-color: #000; color: #fff; }

.inrbox-yqrz { padding: 40px 0 70px; margin-bottom: 0; }
.inrbox-yqrz .title { margin-bottom: 36px; line-height: 50px; }
.inrbox-yqrz .title h2 { float: left; }
.inrbox-yqrz .right-tab { float: right; }
.inrbox-yqrz .right-tab ul li { margin-left: 29px; float: left; }
.inrbox-yqrz .right-tab ul li a { display: block; width: 170px; height: 50px; line-height: 48px; border: 1px solid #000; border-radius: 3px; text-align: center; }
.inrbox-yqrz .right-tab ul li a:hover { background-color: #000; color: #fff; }
.inrbox-yqrz .right-tab ul li.active a { background-color: #000; color: #fff; }
.inrbox-yqrz .cont ul li { background-color: #fff; margin-bottom: 30px; transition: all .4s; overflow: hidden; border-radius: 4px; }
.inrbox-yqrz .cont ul li .img { float: left; height: 340px; position: relative; overflow: hidden; width: 39.57143%; }
.inrbox-yqrz .cont ul li .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; }
.inrbox-yqrz .cont ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.inrbox-yqrz .cont ul li .img.animated:after { left: 100%; }
.inrbox-yqrz .cont ul li .txt { float: right; width: calc(100% - (554%/1400*100)); }
.inrbox-yqrz .cont ul li .hd { width: 80.71006%; margin: 0 auto; padding-top: 50px; padding-bottom: 20px; }
.inrbox-yqrz .cont ul li .hd h2 { float: left; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inrbox-yqrz .cont ul li .hd span { float: right; }
/* .inrbox-yqrz .cont ul li .hd span a {display: inline-block; padding: 5px 20px; border: 1px solid #333; border-radius: 2px;}
.inrbox-yqrz .cont ul li .hd span a:hover {background-color: #00559B; border-color: #00559B; color: #fff;} */
.inrbox-yqrz .cont ul li .hd span b { color: #00559B; }
.inrbox-yqrz .cont ul li .hd span .btns {width: 100%; margin: 0;}
.inrbox-yqrz .cont ul li p { width: 80.71006%; margin: 0 auto; color: #555; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; }
.inrbox-yqrz .cont ul li dl { margin-top: 40px; }
.inrbox-yqrz .cont ul li dl dd { float: left; width: 33.33%; position: relative; }
.inrbox-yqrz .cont ul li dl dd:after { content: ''; display: block; width: 1px; height: 90%; background-color: #d4d7de; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.inrbox-yqrz .cont ul li dl dd:last-child:after { display: none; }
.inrbox-yqrz .cont ul li dl dd b { display: block; font-family: "number-Bold"; }
.inrbox-yqrz .cont ul li dl dd span { display: block; color: #555; }
.inrbox-yqrz .cont ul li .btns { width: 80.71006%; margin: 68px auto 0; }
.inrbox-yqrz .cont ul li:hover { box-shadow: 0px 20px 90px 0px rgba(93, 99, 114, 0.2); }
.inrbox-yqrz .cont ul li:hover .img img { transform: scale(1.1); }
.inrbox-yqrz .cont .rcpy-ul { padding-bottom: 50px; }

@media screen and (max-width: 1440px) { .pages-same .right-tab ul li a { width: 150px; }
  .pages-same .title { margin-bottom: 30px; }
  .inrbox-yqrz .right-tab ul li a { width: 150px; }
  .inrbox-yqrz .title { margin-bottom: 30px; }
  .inrbox-yqrz .cont ul li .img { height: 300px; }
  .inrbox-yqrz .cont ul li p { height: 42px; } }
@media screen and (max-width: 1024px) { .pages-same .title { line-height: 42px; }
  .pages-same .right-tab ul li { margin-left: 10px; }
  .pages-same .right-tab ul li a { width: 130px; line-height: 40px; height: 42px; }
  .inrbox-yqrz .title { line-height: 42px; }
  .inrbox-yqrz .right-tab ul li { margin-left: 10px; }
  .inrbox-yqrz .right-tab ul li a { width: 130px; line-height: 40px; height: 42px; }
  .inrbox-yqrz { padding: 40px 0 50px; } }
@media screen and (max-width: 980px) { .inrbox-yqrz .cont ul li .hd h2 { width: 100%; float: none; margin-bottom: 10px; }
  .inrbox-yqrz .cont ul li .hd span { float: none; width: 100%;  }
  .inrbox-yqrz .cont .rcpy-ul { padding-bottom: 30px; } }
@media screen and (max-width: 767px) { .pages-same .right-tab ul li a { width: 100px; }
  .inrbox-yqrz .right-tab ul li a { width: 100px; }
  .inrbox-yqrz .cont ul li .img { float: none; width: 100%; }
  .inrbox-yqrz .cont ul li .txt { float: none; width: 100%; }
  .inrbox-yqrz .cont ul li .hd { width: auto; padding: 20px 20px 10px; }
  .inrbox-yqrz .cont ul li p { width: auto; padding: 0 20px; }
  .inrbox-yqrz .cont ul li dl { margin: 0; padding: 10px 0 30px; }
  .inrbox-yqrz .cont ul li .btns { margin-top: 20px; width: auto; padding: 0 20px; padding-bottom: 30px; }
  .inrbox-yqrz .cont ul li .hd span .btns { padding: 0;}
  .inrbox-yqrz .cont .rcpy-ul { padding-bottom: 20px; } }
@media screen and (max-width: 500px) { .inrbox-yqrz .cont ul li .img { height: 200px; } }
/* 详情 */
.peitao-dtl { padding: 50px 0 72px; }

.peitao-inner-dtl { background-color: #fff; border-radius: 4px; padding: 62px 2.85714% 65px; }
.peitao-inner-dtl .hd { overflow: hidden; }
.peitao-inner-dtl .hd .left { float: left; width: 50%; height: 390px; overflow: hidden; position: relative; }
.peitao-inner-dtl .hd .left:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; }
.peitao-inner-dtl .hd .left img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.peitao-inner-dtl .hd .left.animated:after { left: 100%; }
.peitao-inner-dtl .hd .right { float: right; width: 44.93769%; }
.peitao-inner-dtl .hd .right p { margin: 35px 0 50px; height: 82px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.8; color: #555; }
.peitao-inner-dtl .hd .right ul { margin-top: 35px; }
.peitao-inner-dtl .hd .right ul li { float: left; width: 30.84922%; margin-right: 3.29289%; border: 1px solid #e4e6ec; padding: 15px 0; line-height: 2; color: #666; }
.peitao-inner-dtl .hd .right ul li:last-child { margin-right: 0; }
.peitao-inner-dtl .hd .right ul li b { display: block; color: #333; }
.peitao-inner-dtl .bd h1 { padding: 70px 0 46px; }
.peitao-inner-dtl .bd ul li { float: left; width: 25%; }
.peitao-inner-dtl .bd ul li i.icon { display: inline-block; width: 44px; transition: all .5s; }
.peitao-inner-dtl .bd ul li i.icon img { width: 100%; }
.peitao-inner-dtl .bd ul li h3 { font-weight: normal; margin: 24px 0 10px; }
.peitao-inner-dtl .bd ul li p { width: 80%; margin: 0 auto; color: #666; }
.peitao-inner-dtl .bd ul li:hover i.icon { transform: rotateY(-180deg); }
.peitao-inner-dtl .bd .btns { margin: 80px auto 0; }
.peitao-inner-dtl .bd .btns a { margin: 0 auto; }

@media screen and (max-width: 1440px) { .peitao-inner-dtl .hd .left { height: 320px; }
  .peitao-inner-dtl .hd .right p { height: 70px; margin: 20px 0 40px; } }
@media screen and (max-width: 768px) { .peitao-dtl { padding: 30px 0 40px; }
  .peitao-inner-dtl { padding: 30px 20px 30px; }
  .peitao-inner-dtl .hd .left { float: none; width: 100%; height: auto; }
  .peitao-inner-dtl .hd .right { float: none; width: 100%; margin-top: 20px; }
  .peitao-inner-dtl .hd .right p { margin: 10px 0 20px; }
  .peitao-inner-dtl .hd .right ul { margin-top: 15px; }
  .peitao-inner-dtl .bd ul li { width: 50%; margin-bottom: 20px; }
  .peitao-inner-dtl .bd .btns { margin-top: 30px; }
  .peitao-inner-dtl .bd ul li p { width: 90%; text-align: justify; } }
/* 公司介绍 */
.page-company-intro { padding: 66px 0 70px; }

.lm-corparation { padding: 108px 0; background: url(../images/bg_about2.jpg) center center/cover no-repeat; background-attachment: fixed; }
.lm-corparation .img { float: left; border-radius: 4px; height: 384px; overflow: hidden; width: 48.85714%; position: relative; }
.lm-corparation .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; }
.lm-corparation .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.lm-corparation .img.animated:after { left: 100%; }
.lm-corparation .txt { float: right; width: 41.21429%; }
.lm-corparation .txt h3 { color: #00559B; font-weight: normal; }
.lm-corparation .txt h2 { color: #fff; margin: 10px 0 25px; }
.lm-corparation .txt p { color: #fff; height: 100px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 70px; line-height: 1.8; }
.lm-corparation:hover .img img { transform: scale(1.1); }

@media screen and (max-width: 1440px) { .lm-corparation .img { height: 300px; }
  .lm-corparation .txt p { margin-bottom: 40px; } }
@media screen and (max-width: 1024px) { .lm-corparation { padding: 60px 0; }
  .lm-corparation .txt p { margin-bottom: 30px; } }
@media screen and (max-width: 768px) { .lm-corparation .img { float: none; width: 100%; margin-bottom: 30px; height: auto; }
  .lm-corparation .txt { float: none; width: 100%; } }
/* 品牌活动 */
.page-inner-defualt { padding: 60px 0 100px; }
.page-inner-defualt .title { margin-bottom: 47px; }
.page-inner-defualt .title h2 { float: left; font-weight: normal; }
.page-inner-defualt .title .btns { float: right; }

.page-newszx .itemhd ul li { float: left; width: 32.28571%; margin: 0 1.42857% 20px 0; background-color: #b5cde9; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 50px rgba(157, 168, 192, 0.2); }
.page-newszx .itemhd ul li:last-child { margin-right: 0; }
.page-newszx .itemhd ul li .img { width: 100%; height: 189px; overflow: hidden; position: relative; }
.page-newszx .itemhd ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.page-newszx .itemhd ul li .img span { display: block; width: 77px; line-height: 28px; border-radius: 4px; color: #fff; background-color: #00559B; text-align: center; position: absolute; left: 8.79121%; top: 15.46392%; z-index: 5; }
.page-newszx .itemhd ul li .txt { background-color: #fff; padding: 20px 8.79121%; }
.page-newszx .itemhd ul li .txt h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; line-height: 1.4; margin-bottom: 5px; }
.page-newszx .itemhd ul li a:hover .img img { transform: scale(1.05); }
.page-newszx .itemhd ul li a:hover h2 { color: #00559B; }
.page-newszx .itemBd { box-shadow: 0 20px 50px rgba(157, 168, 192, 0.2); }
.page-newszx .itemBd .titles { padding: 25px 2.5% 20px; }
.page-newszx .itemBd .titles h3 { float: left; }
.page-newszx .itemBd .titles .btns { float: right; }
.page-newszx .itemBd .titles .btns a:hover i { background-image: url(../images/icon_go.png); }
.page-newszx .itemBd ul { padding: 60px 0; }
.page-newszx .itemBd ul li { float: left; width: 33.33%; padding: 0 2.5%; position: relative; }
.page-newszx .itemBd ul li:after { content: ''; display: block; width: 1px; background-color: #dfe1e5; position: absolute; height: 60px; right: 0; top: 0; transition: all .4s; opacity: 1; }
.page-newszx .itemBd ul li:last-child:after { display: none; }
.page-newszx .itemBd ul li a { display: block; }
.page-newszx .itemBd ul li h2 { line-height: 1.4; margin-bottom: 5px; }
.page-newszx .itemBd ul li a:hover h2 { color: #00559B; }

@media screen and (max-width: 1440px) { .page-newszx .itemhd ul li .txt h2 { height: 42px; }
  .page-newszx .itemhd ul li .txt { padding: 15px 7%; }
  .page-newszx .itemhd ul li .img { height: 160px; } }
@media screen and (max-width: 1024px) { .page-inner-defualt { padding: 40px 0 50px; }
  .page-inner-defualt .title { margin-bottom: 26px; }
  .page-newszx .itemBd .titles { padding: 20px 2.5% 15px; }
  .page-newszx .itemBd .cont ul li { padding-bottom: 20px; }
  .page-newszx .itemBd ul { padding: 30px 0; }
  .page-newszx .itemhd ul li .img { height: 130px; } }
@media screen and (max-width: 768px) { .page-newszx .itemhd ul li .img span { left: 20px; top: 20px; }
  .page-newszx .itemhd ul li { float: none; margin: 0 0 20px 0; width: 100%; }
  .page-newszx .itemhd ul li .txt { padding: 15px 20px; }
  .page-newszx .itemhd ul li .img { height: 189px; }
  .page-newszx .itemBd ul li { float: none; width: 100%; margin-bottom: 10px; padding: 0 20px 10px; }
  .page-newszx .itemBd ul li:after { display: none; }
  .page-brandhd .focus-itemhd ul li:last-child { display: block; } }
@media screen and (max-width: 500px) { .page-newszx .itemhd ul li .img { height: 130px; } }
/* 产业联盟 */
.banner-inner-cylm { background-size: auto 100%; background-repeat: no-repeat; background-position: center top; height: 540px; margin-top: 100px; }
.banner-inner-cylm .wordtxt { padding-top: 8%; }
.banner-inner-cylm .wordtxt h3 { color: #00559B; font-weight: normal; }
.banner-inner-cylm .wordtxt p { margin: 25px 0 40px; line-height: 1.8; width: 50%; text-align: justify; }

.bg-white-jb { background: url(../images/jb_bg.png) center 0/100% no-repeat; padding: 96px 0 110px; }
.bg-white-jb .webCrumbs { padding: 0 20px; margin-bottom: 90px; }
.bg-white-jb .hd-title { padding: 0 0 30px; border-bottom: 3px solid #00559B; }
.bg-white-jb .hd-title h1 { font-weight: normal; }
.bg-white-jb .bd-cont { padding: 30px 0; }
.bg-white-jb .img-txt p { color: #555; line-height: 24px; text-align: justify; }
.bg-white-jb .lmimg { margin: 30px 0; position: relative; overflow: hidden; }
.bg-white-jb .lmimg img { width: 100%; transition: all .4s; }
.bg-white-jb .lmimg:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); z-index: 2; }
.bg-white-jb .lmimg .tit { position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px 0; text-align: center; color: #fff; z-index: 3; }
.bg-white-jb .lmimg:hover img { transform: scale(1.03); }

.w-inner-contetnt { width: 68.57143%; margin: 0 auto; overflow: hidden; }

.topic-speak { padding-bottom: 10px; }
.topic-speak h1 { color: #555; font-weight: normal; padding: 30px 0; }
.topic-speak .topic-cont { background-color: #fff; padding: 40px 5%; }
.topic-speak .swiper-topic { position: relative; overflow: hidden; }
.topic-speak .swiper-topic h2 { font-weight: normal; margin-bottom: 16px; }
.topic-speak .swiper-topic p { color: #555; line-height: 24px; text-align: justify; }
.topic-speak .suser { margin-top: 55px; }
.topic-speak .suser .img { float: left; width: 60px; height: 60px; border-radius: 100%; overflow: hidden; }
.topic-speak .suser .img img { width: 100%; height: 100%; object-fit: cover; }
.topic-speak .suser .txt { float: left; margin-left: 20px; }
.topic-speak .suser .txt h3 { font-weight: normal; }
.topic-speak .suser .txt h5 { font-weight: normal; color: #555; }
.topic-speak .swiper-btns { position: absolute; right: 0; bottom: 5px; z-index: 9; }
.topic-speak .swiper-btns .swiper-button { float: left; width: 48px; height: 48px; background-color: #000; border-color: #000; transition: all .4s; position: relative; margin-right: 13px; cursor: pointer; border-radius: 2px; }
.topic-speak .swiper-btns .swiper-button i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 17px; }
.topic-speak .swiper-btns .swiper-button.swiper-button-disabled { border: 1px solid #ccc; background-color: transparent; }
.topic-speak .swiper-btns .focusImg-prev i { background-image: url(../images/icon_arrow_gray.png); transform: translate(-50%, -50%) rotate(-180deg); }
.topic-speak .swiper-btns .focusImg-next i { background-image: url(../images/icon_arrow_gray.png); }

@media screen and (max-width: 1440px) { .topic-speak .swiper-btns .swiper-button { width: 40px; height: 40px; } }
@media screen and (max-width: 1280px) { .banner-inner-cylm { height: 460px; }
  .w-inner-contetnt { width: 80%; }
  .bg-white-jb .inNav ul li { margin-right: 3rem; } }
@media screen and (max-width: 1024px) { .banner-inner-cylm { margin-top: 70px; }
  .bg-white-jb { padding: 40px 0 60px; }
  .topic-speak h1 { padding: 20px 0; }
  .bg-white-jb .webCrumbs { margin-bottom: 50px; } }
@media screen and (max-width: 980px) { .bg-white-jb .inNav ul li { margin-right: 2rem; } }
@media screen and (max-width: 768px) { .banner-inner-cylm { margin-top: 50px; }
  .topic-speak .swiper-btns .swiper-button { width: 30px; height: 30px; }
  .banner-inner-cylm { height: 400px; }
  .banner-inner-cylm .wordtxt { padding-top: 40px; }
  .banner-inner-cylm .wordtxt p { width: 100%; margin-bottom: 30px; margin-top: 20px; }
  .bg-white-jb { padding: 40px 0 40px; }
  .w-inner-contetnt { width: calc(100% - 40px); }
  .topic-speak .suser .img { width: 50px; height: 50px; }
  .topic-speak .suser .txt { margin-left: 10px; }
  .bg-white-jb .webCrumbs .left { position: static; line-height: 30px; padding-top: 10px; }
  .bg-white-jb .webCrumbs .left a { color: #333; }
  .bg-white-jb .webCrumbs .left span { color: #00559B; }
  .bg-white-jb .inNav ul li { margin-left: 0; } }
@media screen and (max-width: 500px) { .topic-speak .suser { margin: 30px 0 40px; } }
/* 解决方案 */
.solution-item { background-color: #fff; margin-bottom: 30px; padding: 50px 5% 60px; }
.solution-item .hd { margin-bottom: 40px; overflow: hidden; }
.solution-item .hd .img { float: left; width: 20.46549%; display: table; overflow: hidden; }
.solution-item .hd .img span { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 205px; }
.solution-item .hd .img span img { max-width: 100%; max-height: 205px; }
.solution-item .hd .txt { float: right; width: 74.07705%; }
.solution-item .hd .txt .tt { vertical-align: bottom; }
.solution-item .hd .txt h2 { font-weight: normal; margin-bottom: 25px; line-height: 1.3; display: inline-block; }
.solution-item .hd .txt .btns { display: inline-block; vertical-align: top; position: relative; margin-left: 20px; }
.solution-item .hd .txt p { line-height: 1.8; color: #636670; }
.solution-item .tab-nav { border-bottom: 2px solid #f4f5f7; }
.solution-item .tab-nav ul li { float: left; padding: 16px 20px; position: relative; margin-right: 5%; cursor: pointer; }
.solution-item .tab-nav ul li:after { content: ''; display: block; width: 0; height: 2px; background-color: #00559B; position: absolute; left: 50%; bottom: -2px; transition: all .4s; }
.solution-item .tab-nav ul li.active { color: #00559B; }
.solution-item .tab-nav ul li.active:after { width: 100%; left: 0; }
.solution-item .tab-cont { padding: 48px 0 0; }
.solution-item .tab-cont .item { display: none; }
.solution-item .tab-cont .item:first-child { display: block; }
.solution-item .tab-cont .img { float: left; width: 34.7512%; overflow: hidden; position: relative; height: 238px; }
.solution-item .tab-cont .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; }
.solution-item .tab-cont .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.solution-item .tab-cont .img.animated:after { left: 100%; }
.solution-item .tab-cont .txt { float: right; width: 59.79133%; }
.solution-item .tab-cont h3 { padding-left: 14px; position: relative; font-weight: normal; margin-bottom: 30px; }
.solution-item .tab-cont h3:before { content: ''; display: block; width: 4px; height: 24px; background-color: #00559B; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.solution-item .tab-cont p { color: #636670; line-height: 1.8; }

@media screen and (max-width: 1280px) { .solution-item .hd .txt .btns { top: 20px; } }
@media screen and (max-width: 1024px) { .solution-item { padding: 30px 20px 40px; }
  .solution-item .tab-cont { padding-top: 20px; }
  .solution-item .hd .txt .btns { top: 15px; } }
@media screen and (max-width: 768px) { .solution-item .hd { margin-bottom: 30px; }
  .solution-item .hd .img { float: none; margin: 0 auto 20px; }
  .solution-item .hd .txt { float: none; width: 100%; }
  .solution-item .hd .img span { height: auto; }
  .solution-item .hd .img span img { max-height: auto; }
  .solution-item .hd .txt h2 { margin-bottom: 15px; }
  .solution-item .tab-nav ul li { padding: 10px 0; margin-right: 10px; }
  .solution-item .tab-nav ul li:last-child { margin-right: 0; }
  .solution-item .tab-cont .img { width: 100%; float: none; margin-bottom: 20px; }
  .solution-item .tab-cont .txt { float: none; width: 100%; }
  .solution-item .tab-cont h3 { margin-bottom: 14px; }
  .solution-item .hd .txt .btns { display: block; top: 0; margin-left: 0; margin-bottom: 20px; } }
@media screen and (max-width: 500px) { .solution-item .hd .img { width: 40%; } }
/* 登录 */
.header .header-nav-login { float: right; width: auto; }
.header .header-nav-login a { line-height: 100px; font-size: 16px; margin-left: 50px; }

@media screen and (max-width: 1280px) { .header .header-nav-login a { line-height: 80px; } }
@media screen and (max-width: 980px) { .header .header-nav-login { float: none; width: 100%; }
  .header .header-nav-login a { line-height: 40px; display: block; margin-left: 0; padding: 0 20px; } }
.main-login { background: url(../images/user_bg.jpg) center 0/cover no-repeat; height: 100vh; position: relative; }
.main-login .loginmain { padding-top: 20vh; }

.loginbox { background-color: #fff; border-radius: 4px; width: 468px; height: 610px; }
.loginbox .item { display: none; }
.loginbox .tab-nav { position: relative; border-bottom: 1px solid #e7eaec; }
.loginbox .tab-nav:before { content: ''; display: block; width: 1px; height: 20px; background-color: #e7eaec; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.loginbox .tab-nav li { float: left; width: 50%; text-align: center; }
.loginbox .tab-nav li a { color: #999; line-height: 67px; display: inline-block; }
.loginbox .tab-nav li.active a { color: #000; }
.loginbox .tab-nav li.active a:after { content: ''; display: block; width: 100%; height: 3px; background-color: #000; left: 0; bottom: -3px; }
.loginbox .qrcode-item { text-align: center; }
.loginbox .qrcode-item h5 { padding: 40px 20px 50px; font-weight: normal; }
.loginbox .qrcode-item h5 span { color: #00559B; }
.loginbox .qrcode-item .img { width: 64.95726%; margin: 0 auto 50px; }
.loginbox .qrcode-item .img img { width: 100%; }
.loginbox .opr { text-align: center; }
.loginbox .opr a { color: #999; display: inline; padding: 0 10px; position: relative; }
.loginbox .opr a:before { content: ''; display: block; width: 1px; height: 20px; background-color: #e7eaec; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.loginbox .opr a:last-child:before { display: none; }
.loginbox .opr a:hover { color: #00559B; }
.loginbox .login-item h2 { padding: 25px 0; text-align: center; }
.loginbox .login-item .txt { border: 1px solid #e2e2e2; border-radius: 4px; line-height: 50px; position: relative; margin-bottom: 20px; }
.loginbox .login-item .txt input { padding: 0 20px; height: 50px; width: calc(100% - 24px); outline: none; }
.loginbox .login-item .txt label { position: absolute; left: 20px; top: 100%; line-height: 1.6; color: #00559B; }
.loginbox .btn { padding: 20px 0 30px; }
.loginbox .btn input { line-height: 52px; border-radius: 4px; background-color: #00559B; color: #fff; font-size: 16px; width: 100%; cursor: pointer; transition: all .4s; }
.loginbox .btn input:hover { opacity: 0.8; }
.loginbox .zysx { text-align: center; color: #555; position: relative; margin: 40px 0 20px; }
.loginbox .zysx:before { content: ''; display: block; width: 100%; height: 1px; background-color: #ededed; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1; }
.loginbox .zysx span { display: inline-block; background-color: #fff; padding: 0 22px; position: relative; z-index: 2; }
.loginbox .ft p { color: #555; }
.loginbox .ft p a { color: #4b63c1; }
.loginbox .ft p a:hover { color: #00559B; }
.loginbox .w-innr { width: 80.76923%; margin: 0 auto; }

.kejian { right: 20px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 4; }
.kejian i { display: block; width: 21px; height: 21px; background: url(../images/icon_nosee.png) no-repeat; }
.kejian.active i { background-image: url(../images/icon_see.png); }

.login-foot { position: absolute; left: 0; width: 100%; bottom: 0; background-color: #fff; padding: 25px 0; }
.login-foot .w-inner { margin: 0 3%; }
.login-foot .left { float: left; color: #636670; }
.login-foot .right { float: right; }
.login-foot .right a { color: #636670; display: inline; padding: 0 10px; position: relative; }
.login-foot .right a:before { content: ''; display: block; width: 1px; height: 20px; background-color: #e7eaec; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.login-foot .right a:last-child { padding-right: 0; }
.login-foot .right a:last-child:before { display: none; }
.login-foot .right a:hover { color: #00559B; }

@media screen and (max-height: 900px) { .main-login .loginmain { padding-top: 15vh; }
  .loginbox { height: 550px; }
  .loginbox .qrcode-item h5 { padding: 20px 0 30px; }
  .loginbox .btn { padding: 10px 0 20px; }
  .loginbox .zysx { margin: 20px 0; } }
@media screen and (max-height: 700px) { .main-login { height: 760px; }
  .main-login .loginmain { padding-top: 18vh; } }
@media screen and (max-width: 1024px) { .loginbox { width: 400px; }
  .loginbox .tab-nav li a { line-height: 57px; } }
@media screen and (max-width: 768px) { .login-foot { padding: 10px 0; }
  .login-foot .left { float: none; width: 100%; text-align: center; }
  .login-foot .right { float: none; width: 100%; text-align: center; }
  .loginbox .login-item .txt { line-height: 40px; }
  .loginbox .login-item .txt input { height: 40px; }
  .loginbox .btn input { line-height: 40px; } }
@media screen and (max-width: 500px) { .main-login { height: 736px; }
  .loginbox { width: 100%; height: 500px; }
  .main-login .loginmain { padding-top: 70px; }
  .loginbox .w-innr { width: 100%; padding: 0 20px; } }
/* 用户注册 */
.header .haead-inner-2 { height: 100px; }

.register-box { padding: 150px 0 0; }
.register-box .w-inner { background-color: #fff; border-radius: 4px; }
.register-box .hd { border-bottom: 1px solid #f1f1f1; line-height: 86px; padding: 0 37px; }
.register-box .hd h1 { float: left; }
.register-box .hd .right { float: right; font-weight: bold; }
.register-box .hd .right a { color: #576dc5; }
.register-box .hd .right a:after { content: ''; display: inline-block; width: 6px; height: 10px; background: url(../images/icon_register_go.png) no-repeat; margin-left: 9px; transition: all .4s; vertical-align: middle; }
.register-box .hd .right a:hover { color: #00559B; }
.register-box .hd .right a:hover:after { background-image: url(../images/icon_arrow_red.png); background-size: cover; }
.register-box .bd { width: 43.8%; margin: 0 auto; padding: 60px 0 90px; }
.register-box .bd .txt { border: 1px solid #e2e2e2; border-radius: 4px; line-height: 50px; position: relative; margin-bottom: 20px; }
.register-box .bd .txt input { padding: 0 20px; height: 50px; width: calc(100% - 24px); outline: none; }
.register-box .bd .txt label { position: absolute; left: 20px; top: 100%; line-height: 1.6; color: #00559B; }
.register-box .bd .txt .huoqu { position: absolute; width: 100px; height: 100%; background-color: #fff; color: #4b63c1; text-align: center; right: 0; top: 0; cursor: pointer; text-align: right; width: 180px; margin-right: 24px; }
.register-box .bd .phone-item input { width: calc(100% - 120px); }
.register-box .bd .area-select { float: left; position: relative; text-align: center; width: 114px; position: relative; }
.register-box .bd .area-select span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.register-box .bd .area-select:after { content: ''; display: block; width: 1px; height: 20px; background-color: #e2e2e2; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.register-box .bd .area-select ul { position: absolute; left: 0; top: 100%; background-color: #fff; border-radius: 4px; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); max-height: 200px; overflow-y: auto; transition: all .4s; opacity: 0; visibility: hidden; display: none; }
.register-box .bd .area-select ul li { line-height: 40px; padding: 0 16px; white-space: nowrap; cursor: pointer; transition: all .4s; }
.register-box .bd .area-select ul li:hover { background-color: #f1f1f1; color: #00559B; }
.register-box .bd .area-select.active ul { opacity: 1; visibility: visible; display: block; }
.register-box .bd p { color: #555; line-height: 1.8; padding: 20px 0 40px; }
.register-box .bd p a { color: #4b63c1; }
.register-box .bd p a:hover { color: #00559B; }
.register-box .bd .btn input { width: 100%; height: 52px; color: #fff; font-size: 16px; background-color: #e2adaa; border-radius: 4px; outline: none; cursor: pointer; transition: all .4s; }
.register-box .bd .btn input:hover { background-color: #00559B; }

.register-foot { text-align: center; margin-top: 5vh; }

@media screen and (max-width: 1280px) { .header .haead-inner-2 { height: 80px; }
  .register-box { padding-top: 130px; } }
@media screen and (max-width: 980px) { .register-box .bd { width: 80%; padding: 30px 0; } }
@media screen and (max-width: 768px) { .header .haead-inner-2 { height: 60px; }
  .register-box { padding-top: 90px; }
  .register-box .bd { width: 100%; padding: 20px; }
  .register-box .hd { line-height: 60px; padding: 0 20px; }
  .register-box .bd .txt { line-height: 40px; }
  .register-box .bd .txt input { height: 40px; }
  .register-box .bd .btn input { height: 42px; } }
/* **人才招聘 ** */
.pages-same { overflow: hidden; }

.talent-Plan { margin-bottom: 60px; }
.talent-Plan li { float: left; width: 23.92857%; height: 280px; background-color: #fff; position: relative; margin-right: 1.35714%; padding: 34px 30px 0 45px; }
.talent-Plan li:last-child { margin-right: 0; }
.talent-Plan li:after { content: ''; display: block; width: 28px; height: 100%; background: url(../images/bg_rch02.png) 0 0/100% 100% no-repeat; position: absolute; left: 100%; top: 0; z-index: 2; }
.talent-Plan li:before { content: ''; display: block; width: 28px; height: 100%; background: url(../images/bg_rch01.png) 0 0/100% 100% no-repeat; position: absolute; left: 0; top: 0; z-index: 1; }
.talent-Plan li:first-child:before { display: none; }
.talent-Plan li:last-child:after { display: none; }
.talent-Plan li h3 { color: #00559B; font-weight: normal; }
.talent-Plan li h4 { color: #1c1d1e; font-weight: normal; padding: 10px 0 20px; }
.talent-Plan li .bd { color: #747474; }

/* 招聘岗位 */
.career-Select { background-color: #fff; margin-bottom: 30px; padding: 30px 0; }
.career-Select dl { position: relative; }
.career-Select dt { position: absolute; left: 0; top: 20px; line-height: 30px; width: 13%; padding-left: 4.5%; }
.career-Select dd { margin-left: 13%; margin-right: 3.42857%; border-bottom: 1px solid #f4f5f7; padding: 20px 0; }
.career-Select dd a { display: inline-block; margin-right: 40px; line-height: 30px; }
.career-Select dd a:last-child { margin-right: 0; }
.career-Select dd a.active { color: #00559B; }
.career-Select .select-box { height: 30px; overflow: hidden; }
.career-Select dd.open .select-box { height: auto; overflow: inherit; }
.career-Select dl:last-child dd { border-bottom: none; }
.career-Select .more { display: inline-block; width: 12px; height: 12px; background: url(../images/down.png) center 0/cover no-repeat; position: absolute; right: 3.42857%; top: 26px; transition: all .5s; cursor: pointer; }
.career-Select .more.active { transform: rotate(180deg); }
.career-Select dl:first-child .more { display: none; }
.career-Select dl:nth-child(2) .more { display: none; }

.career-List { padding-bottom: 40px; }
.career-List ul li { float: left; background-color: #fff; width: 31.85714%; height: 220px; margin: 0 2.14286% 30px 0; position: relative; padding: 30px; transition: all .5s; }
.career-List ul li:before { content: ''; display: block; width: 100%; height: 6px; background-image: linear-gradient(to right, #00559B 0, #e08849 100%); position: absolute; top: 0; left: 0; }
.career-List ul li:nth-child(3n) { margin-right: 0; }
.career-List ul li:hover { transform: translateY(-10px); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.career-List .hd { height: 100px; }
.career-List .hd h2 { float: left; font-weight: normal; margin-right: 10px; }
.career-List .hd em.jing { display: inline-block; float: left; width: 70px; line-height: 24px; color: #fff; border-radius: 2px; background-image: linear-gradient(to right, #00559B 0, #e08849 100%); text-align: center; margin-top: 3px; }
.career-List .hd .adr { float: right; color: #747474; }
.career-List .hd .icon-adr { display: inline-block; width: 15px; height: 21px; background: url(../images/icon_address.png) 0 0/cover no-repeat; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; }
.career-List .bd { margin-bottom: 10px; }
.career-List .bd span { color: #747474; display: inline-block; padding: 0 10px; }
.career-List .bd span:first-child { padding-left: 0; }
.career-List .bd span:last-child { padding-right: 0; }
.career-List .ft h5 { color: #747474; font-weight: normal; float: left; width: calc(100% - 90px); }
.career-List .ft .datetime { color: #747474; float: right; }

@media screen and (max-width: 1440px) { .career-Select dd a { margin-right: 30px; }
  .talent-Plan li { height: 220px; padding: 20px 0 0 40px; }
  .talent-Plan li:first-child { padding-left: 20px; }
  .talent-Plan li:last-child { padding-right: 20px; } }
@media screen and (max-width: 1280px) { .career-Select dd a { margin-right: 20px; }
  .career-List ul li { padding: 20px; }
  .career-List .hd h2 { width: 100%; margin-bottom: 5px; }
  .career-List .hd em.jing { margin-top: 0; } }
@media screen and (max-width: 1024px) { .talent-Plan li { height: 220px; padding: 20px 0 0 30px; }
  .talent-Plan li h4 { padding-bottom: 10px; } }
@media screen and (max-width: 1000px) { .talent-Plan li { width: 282px; } }
@media screen and (max-width: 876px) { .career-Select dl:first-child .more { display: block; }
  .career-Select dt { width: 120px; padding-left: 20px; }
  .career-Select dd { margin-left: 120px; } }
@media screen and (max-width: 768px) { .talent-Plan li { width: 220px; }
  .career-List ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
  .career-List ul li:nth-child(3n) { margin-right: 4%; }
  .career-List ul li:nth-child(2n) { margin-right: 0; }
  .career-Select dd a { margin-right: 10px; }
  .career-Select dt { width: 100px; padding-left: 20px; }
  .career-Select dd { margin-left: 100px; } }
@media screen and (max-width: 560px) { .career-List ul li { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
  .career-List ul li:nth-child(3n) { margin-right: 0; }
  .career-List ul li:nth-child(2n) { margin-right: 0; }
  .career-List .hd h2 { width: auto; } }
@media screen and (max-width: 450px) { .career-Select dl:nth-child(2) .more { display: block; } }
/* 德晟达-服务介绍-人才服务-人才招聘-详情页 */
.recruit-dtl-main { padding: 35px 60px; background-color: #fff; }
.recruit-dtl-main .title { border-bottom: 1px solid #e5e5e5; position: relative; padding-bottom: 25px; }
.recruit-dtl-main .title h1 { font-weight: normal; }
.recruit-dtl-main .title .other { margin-top: 10px; }
.recruit-dtl-main .title .other span { color: #747474; display: inline-block; padding: 0 10px; }
.recruit-dtl-main .title .other span:first-child { padding-left: 0; }
.recruit-dtl-main .title .btn { position: absolute; right: 0; top: 0; }
.recruit-dtl-main .title .btn a { display: block; width: 170px; line-height: 50px; color: #fff; border-radius: 4px; background-color: #00559B; text-align: center; }
.recruit-dtl-main .title .btn a:hover { opacity: 0.8; }
.recruit-dtl-main .txt h2 { font-weight: normal; padding: 40px 0 10px; }
.recruit-dtl-main .txt p { color: #747474; line-height: 2; }

@media screen and (max-width: 1440px) { .recruit-dtl-main { padding: 35px 40px; } }
@media screen and (max-width: 1024px) { .recruit-dtl-main { padding: 35px 20px; }
  .recruit-dtl-main .title .btn a { width: 120px; line-height: 45px; } }
@media screen and (max-width: 768px) { .recruit-dtl-main .title .btn { top: -10px; }
  .recruit-dtl-main .title .btn a { width: 100px; line-height: 40px; }
  .recruit-dtl-main .title .other span:last-child { width: 100%; padding-left: 0; } }
/* ** 金融服务 ** */
.FinServices { padding: 90px 0; margin-bottom: 0; }
.FinServices .FinSvs-inner { background-color: #fff; padding: 60px 0; overflow: hidden; }
.FinServices .cont { padding-bottom: 55px; border-bottom: 1px solid #efefef; margin: 0 3.95833% 0 4.65278%; }
.FinServices .jr-left { float: left; width: 31.48437%; }
.FinServices .jr-left .img { position: relative; overflow: hidden; }
.FinServices .jr-left .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; }
.FinServices .jr-left .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.FinServices .jr-left .img.animated:after { left: 100%; }
.FinServices .jr-right { float: right; width: 64.0625%; }
.FinServices .jr-right .title h2 { margin-bottom: 15px; }
.FinServices .jr-right .title h5 { width: 70%; }
.FinServices .jr-right .number { margin-bottom: 30px; }
.FinServices .jr-right .number ul li { float: left; text-align: center; position: relative; padding: 0 5%; }
.FinServices .jr-right .number ul li:after { content: ''; display: block; width: 1px; height: 80%; position: absolute; top: 10%; right: 0; background-color: #dee2e5; }
.FinServices .jr-right .number ul li:first-child { padding-left: 0; }
.FinServices .jr-right .number ul li:last-child { padding-right: 0; }
.FinServices .jr-right .number ul li:last-child:after { display: none; }
.FinServices .jr-right .number ul li h2 { color: #00559B; line-height: 1.4; }
.FinServices .jr-right .number ul li p { color: #666; }
.FinServices .jr-right .txt p { color: #747474; text-align: justify; line-height: 2; }
.FinServices .btns { text-align: center; margin-top: 30px; }
.FinServices .btns a { margin: 0 auto; }

@media screen and (max-width: 1440px) { .FinServices { padding: 70px 0; }
  .FinServices .jr-right .txt p { line-height: 1.8; }
  .FinServices .jr-right .title h5 { width: 80%; } }
@media screen and (max-width: 1024px) { .FinServices { padding: 40px 0; } }
@media screen and (max-width: 768px) { .FinServices .FinSvs-inner { padding: 30px 0; }
  .FinServices .jr-left { margin: 0 20px 20px 0; }
  .FinServices .jr-left .img { height: 160px; }
  .FinServices .jr-right { float: none; width: auto; }
  .FinServices .jr-right .txt p { line-height: 1.5; }
  .FinServices .jr-right .title h5 { width: 100%; }
  .FinServices .cont { padding-bottom: 30px; }
  .FinServices .jr-right .number ul li { width: 33.33%; padding: 0; } }
/* ** 德晟达凌云伙伴计划 ** */
.pages-bg { background-repeat: no-repeat; background-size: 100%; padding-bottom: 20px; }

.banner-inner480 { height: 480px; }

.page-lyPlan { background: linear-gradient(to bottom, white 0%, white 10%, rgba(255, 255, 255, 0) 70%); }
.page-lyPlan .webCrumbs { padding: 0 40px; }
.page-lyPlan .inner-cont { padding: 0 0 70px; }
.page-lyPlan .title { width: 88%; margin: 0 auto 40px; padding-top: 70px; }
.page-lyPlan .title h1 { font-weight: normal; margin-bottom: 20px; }
.page-lyPlan .title h5 { font-weight: normal; }
.page-lyPlan ul.hbhzlc { text-align: center; display: block; }
.page-lyPlan ul.hbhzlc li { display: inline-block; position: relative; margin-bottom: 100px; width: 5.28571%; margin-right: 14.28571%; }
.page-lyPlan ul.hbhzlc li:after { content: ''; display: inline-block; width: 5.52083vw; height: 8px; background: url(../images/num0_line.png) right 0/cover no-repeat; position: absolute; left: 160%; top: 50%; }
.page-lyPlan ul.hbhzlc li:last-child { margin-right: 0; }
.page-lyPlan ul.hbhzlc li:last-child:after { display: none; }
.page-lyPlan ul.hbhzlc li .icon img { width: 100%; }
.page-lyPlan ul.hbhzlc li .txt { position: absolute; left: 50%; transform: translateX(-50%); top: 130%; white-space: nowrap; }
.page-lyPlan ul.hbhzlc li .txt h3 { font-weight: normal; margin-bottom: 5px; }

.partnerEquity { padding-bottom: 60px; margin-bottom: 0; }
.partnerEquity .title h1 { font-weight: normal; margin-bottom: 20px; }
.partnerEquity .title h5 { font-weight: normal; }
.partnerEquity .cont table { width: 100%; }
.partnerEquity .cont table th { background-color: #1c1d1e; color: #fff; padding: 25px 20px; border-right: 1px solid #ebebeb; }
.partnerEquity .cont table tr th:last-child { border-right: none; }
.partnerEquity .cont table td { background-color: #fff; border-right: 1px solid #ebebeb; text-align: center; border-top: 1px solid #ebebeb; padding: 20px; }
.partnerEquity .cont table td a { color: #586fc6; }
.partnerEquity .cont table td a:hover { color: #00559B; }
.partnerEquity .cont table tr td:last-child { border-right: none; }
.partnerEquity .cont .table2 td { width: 50%; }
.partnerEquity .cont .tips { margin-top: 25px; }

@media screen and (max-width: 1440px) { .pages-bg { background-size: auto 600px; }
  .banner-inner480 { height: 400px; }
  .page-lyPlan .inner-cont { padding: 0 0 50px; }
  .partnerEquity .cont table th { padding: 20px; }
  .page-lyPlan .title { padding-top: 50px; } }
@media screen and (max-width: 1024px) { .pages-bg { background-size: auto 500px; }
  .page-lyPlan .webCrumbs { padding: 0 20px; }
  .banner-inner480 { height: 360px; }
  .page-lyPlan .inner-cont { padding: 0 0 40px; }
  .partnerEquity .cont table th { padding: 20px; }
  .page-lyPlan .title { padding-top: 40px; }
  .partnerEquity .cont table td { padding: 15px; } }
@media screen and (max-width: 980px) { .Partnership { padding: 0 60px; overflow: hidden; }
  .page-lyPlan ul.hbhzlc { display: flex; }
  .page-lyPlan ul.hbhzlc li { width: 40px; margin-right: 150px; margin-bottom: 80px; }
  .page-lyPlan ul.hbhzlc li:after { left: 200%; }
  .page-lyPlan ul.hbhzlc li:after { width: 80px; } }
@media screen and (max-width: 768px) { .partnerEquity .cont table td { padding: 10px; }
  .partnerEquity .cont { overflow-x: auto; }
  .partnerEquity .cont table th { padding: 10px; }
  .partnerEquity .cont table td { padding: 15px 10px; } }
/* ** 线上展厅 ** */
.onlineDisplay { padding: 80px 0; }
.onlineDisplay .inner { background-color: #fff; padding: 54px 5.71429%; }
.onlineDisplay table { width: 100%; border-top: 1px solid #dde2e8; border-left: 1px solid #dde2e8; }
.onlineDisplay table th { border-right: 1px solid #dde2e8; border-bottom: 1px solid #dde2e8; padding: 17px 0 17px 2%; text-align: left; font-weight: normal; }
.onlineDisplay table td { border-right: 1px solid #dde2e8; border-bottom: 1px solid #dde2e8; padding: 17px 0 17px 2%; width: 15.66%; }
.onlineDisplay table tr td:first-child { color: #555; width: 21.67%; }
.onlineDisplay table .kyy { color: #009f01; }
.onlineDisplay table .bk { color: #e60000; }
.onlineDisplay table .bk:before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/icon_bk.png) center 0/cover no-repeat; margin-right: 10px; vertical-align: middle; position: relative; top: -2px; }
.onlineDisplay .btns-bar { margin-top: 56px; text-align: right; }
.onlineDisplay .btns-bar .btns { display: inline-block; margin-left: 45px; }

/* 未认证 */
.weiRenZheng { position: fixed; width: 530px; height: 396px; background: url(../images/ztbg2.jpg) 0 bottom/cover no-repeat; border-radius: 4px; overflow: hidden; position: fixed; z-index: -1; opacity: 0; visibility: hidden; transition: all .5s; left: 50%; top: 40%; transform: translate(-50%, -50%); border-bottom: 4px solid #00559B; }
.weiRenZheng .close-online { display: block; width: 23px; height: 23px; background: url(../images/close.png) 0 0/cover no-repeat; position: absolute; right: 2%; top: 6.41509%; opacity: 0.2; transition: all .4s; }
.weiRenZheng .close-online:hover { transform: rotate(90deg); opacity: 1; }
.weiRenZheng.active { opacity: 1; visibility: visible; top: 50%; z-index: 999; }
.weiRenZheng .inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.weiRenZheng .inner h5 { font-weight: normal; }
.weiRenZheng .inner .btn { text-align: center; margin-top: 30px; }
.weiRenZheng .inner .btn a { display: inline-block; width: 178px; line-height: 52px; border-radius: 4px; color: #fff; background-color: #cf181c; font-weight: bold; }
.weiRenZheng .inner .btn a:hover { opacity: 0.8; }

/* 预约 */
.order-zt { position: fixed; width: 632px; height: 603px; background: url(../images/ztbg1.jpg) center bottom/cover no-repeat; border-radius: 4px; overflow: hidden; position: fixed; z-index: -1; opacity: 0; visibility: hidden; transition: all .5s; left: 50%; top: 40%; transform: translate(-50%, -50%); }
.order-zt .close-online { display: block; width: 23px; height: 23px; background: url(../images/close.png) 0 0/cover no-repeat; position: absolute; right: 5.06329%; top: 5.63847%; opacity: 0.2; transition: all .4s; }
.order-zt .close-online:hover { transform: rotate(90deg); opacity: 1; }
.order-zt.active { opacity: 1; visibility: visible; top: 50%; z-index: 999; }
.order-zt .inner { padding: 60px 20.25316%; }
.order-zt .inner h2 { font-weight: normal; margin-bottom: 25px; }
.order-zt .online-list .txt { margin-bottom: 20px; position: relative; }
.order-zt .online-list .txt input { border: 1px solid #e2e2e0; border-radius: 4px; width: 100%; padding: 0 18px; height: 50px; outline: none; }
.order-zt .online-list .txt textarea { border: 1px solid #e2e2e0; border-radius: 4px; width: 100%; padding: 13px 18px; height: 130px; outline: none; }
.order-zt .select { position: relative; }
.order-zt .select span { display: block; position: relative; border: 1px solid #e4e4e4; line-height: 48px; padding: 0 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.order-zt .select span:after { content: ''; display: block; width: 12px; height: 12px; background: url(../images/down.png) center 0/cover no-repeat; opacity: 0.6; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; cursor: pointer; transition: all .5s; }
.order-zt .select span.active:after { transform: translateY(-50%) rotate(180deg); }
.order-zt .select ul { display: none; position: absolute; width: 100%; top: 100%; z-index: 9; background-color: #fff; border: 1px solid #e4e4e4; border-top: none; }
.order-zt .select ul li { line-height: 40px; }
.order-zt .select ul li a { display: block; padding: 0 20px; }
.order-zt .select ul li a:hover { background-color: #00559B; color: #fff; }
.order-zt .btn input { display: inline-block; width: 47.08995%; line-height: 52px; border-radius: 4px; cursor: pointer; }
.order-zt .btn .submit { background-color: #cf181c; color: #fff; float: left; }
.order-zt .btn .reset { background-color: #e6eaed; float: right; color: #666; }
.order-zt .btn input:hover { opacity: 0.8; }

@media screen and (max-width: 1024px) { .onlineDisplay { padding: 50px 0; }
  .weiRenZheng .inner .btn a { width: 120px; line-height: 40px; }
  .onlineDisplay .inner { padding: 20px; } }
@media screen and (max-width: 768px) { 
  .order-zt { width: calc(100% - 40px); margin: 0; height: auto; }
  .weiRenZheng { width: calc(100% - 60px); }
  .onlineDisplay .btns-bar .btns { margin-bottom: 20px; }
  .tablebox { overflow-x: auto; }
  .onlineDisplay table { width: 768px; background-color: #fff; } }
@media screen and (max-width: 500px) { .onlineDisplay .btns-bar { text-align: center; }
  .onlineDisplay .btns-bar .btns { margin-bottom: 20px; } }
/* ** 企业认证 ** */
.Authentication { padding: 19.53704vh 0; }

.Auth-left { float: left; width: 16.42857%; background-color: #fff; height: 59.25926vh; border-radius: 4px; position: relative; }
.Auth-left .menulit { padding-top: 10px; }
.Auth-left .menulit li { position: relative; padding: 28px 0; }
.Auth-left .menulit li a { display: block; padding-left: 18.26087%; }
.Auth-left .menulit li a i { display: inline-block; vertical-align: middle; width: 32px; height: 32px; background-size: cover; margin-right: 17px; position: relative; top: -2px; }
.Auth-left .menulit li a .icon-1 { background-image: url(../images/icon_rz01.png); }
.Auth-left .menulit li a .icon-2 { background-image: url(../images/icon_rz02.png); }
.Auth-left .menulit li a .icon-3 { background-image: url(../images/icon_rz03.png); }
.Auth-left .menulit li.active:before { content: ''; display: block; width: 3px; height: 28px; background-color: #00559B; left: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.Auth-left .bot-btn { position: absolute; left: 0; width: 100%; bottom: 0; text-align: center; }
.Auth-left .bot-btn a { display: block; padding: 18px 0; border-top: 1px solid #e5eaf2; }
.Auth-left .bot-btn a:hover { background-color: #ccc; color: #fff; }

.Auth-right { float: right; width: 81.14286%; background-color: #fff; height: 59.25926vh; border-radius: 4px; padding: 40px 2.64085% 20px 6.16197%; }
.Auth-right .main-auth { max-height: 100%; overflow-y: auto; padding-right: 5%; }
.Auth-right .main-auth::-webkit-scrollbar { width: 4px; height: 4px; }
.Auth-right .main-auth::-webkit-scrollbar-button:vertical { display: none; }
.Auth-right .main-auth::-webkit-scrollbar-track:vertical { background-color: black; }
.Auth-right .main-auth::-webkit-scrollbar-track-piece { background: #fff; }
.Auth-right .main-auth::-webkit-scrollbar-thumb:vertical { background-color: #999; border-radius: 30px; }
.Auth-right .main-auth::-webkit-scrollbar-thumb:vertical:hover { background-color: transparent; }
.Auth-right .main-auth::-webkit-scrollbar-corner:vertical { background-color: transparent; }
.Auth-right .main-auth::-webkit-scrollbar-resizer:vertical { background-color: transparent; }
.Auth-right .process { width: 66.19718%; margin: 50px auto; position: relative; }
.Auth-right .process:before { content: ''; display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.Auth-right .process .item { float: left; position: relative; }
.Auth-right .process .item:last-child { float: right; }
.Auth-right .process .item:nth-child(2) { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.Auth-right .process .item i { display: block; width: 25px; height: 25px; line-height: 25px; color: #fff; text-align: center; border-radius: 100%; background-color: #999999; font-style: normal; font-weight: bold; }
.Auth-right .process .item em { display: block; line-height: 28px; height: 28px; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); bottom: 34px; }
.Auth-right .process .item.active i { background-color: #00559B; }
.Auth-right .process .item.active em { color: #00559B; }
.Auth-right .UploadData .tips { margin-bottom: 15px; }
.Auth-right .UploadData .tips p { color: #a0a0a0; }
.Auth-right .UploadData .tips p b { color: #d2272b; font-weight: normal; }
.Auth-right .formlist .item { margin-bottom: 25px; }
.Auth-right .formlist .name { float: left; width: 113px; color: #666; }
.Auth-right .formlist .name em { color: #cf181c; }
.Auth-right .formlist .ct { float: left; width: calc(100% - 113px); }
.Auth-right .formlist input[type="text"] { width: 296px; line-height: 40px; border: 1px solid #e2e2e2; border-radius: 2px; padding: 0 18px; margin-bottom: 9px; }
.Auth-right .formlist .txt { color: #a0a0a0; }
.Auth-right .formlist .txt span { color: #666; margin-right: 10px; }
.Auth-right .formlist .radio { float: left; margin-right: 28px; }
.Auth-right .formlist .radio input[type="radio"] { position: absolute; opacity: 0; }
.Auth-right .formlist .radio input[type="radio"] + label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #9b9b9b; display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; box-sizing: border-box; }
.Auth-right .formlist .radio input[type="radio"]:checked + label:before { background-color: #cf181c; border: 3px solid #cf181c; box-shadow: inset 0 0 0 3px #f4f4f4; }
.Auth-right .Certificates { margin-top: 20px; }
.Auth-right .Certificates li { float: left; width: 30.48017%; margin-right: 4.17537%; height: 188px; position: relative; background: url(../images/zj_bk.png) 0 0/100% 100% no-repeat; margin-bottom: 20px; }
.Auth-right .Certificates li:last-child { margin-right: 0; }
.Auth-right .Certificates li .img { background-repeat: no-repeat; background-position: center center; background-size: 60%; width: 100%; height: 100%; position: relative; display: table; overflow: hidden; }
.Auth-right .Certificates li .img span { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 188px; }
.Auth-right .Certificates li .img span img { max-width: 100%; max-height: 188px; }
.Auth-right .Certificates li .icon-add { display: block; width: 28px; height: 28px; background: url(../images/icon_add.png) center center/cover no-repeat; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%; }
.Auth-right .Certificates li input[type="file"] { position: absolute; left: 0; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; cursor: pointer; opacity: 0; }
.Auth-right .xieyi { color: #999; line-height: 1.8; }
.Auth-right .check { float: left; margin-right: 8px; }
.Auth-right .check input[type="checkbox"] { position: absolute; opacity: 0; }
.Auth-right .check input[type="checkbox"] + label:before { content: ''; background: #ccc; border-radius: 2px; display: inline-block; width: 20px; height: 20px; position: relative; top: 1px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; box-sizing: border-box; }
.Auth-right .check input[type="checkbox"]:checked + label:before { background: url(../images/gou.png) 0 0/cover no-repeat; }
.Auth-right .btns { margin-top: 30px; }
.Auth-right .btns input { display: inline-block; width: 135px; line-height: 42px; border: 1px solid; border-radius: 2px; text-align: center; margin-right: 13px; cursor: pointer; transition: all .5s; }
.Auth-right .btns .Submit { border-color: #00559B; background-color: #00559B; color: #fff; }
.Auth-right .btns .Submit:hover { opacity: 0.8; }
.Auth-right .btns .cancel { border-color: #999; color: #666; background-color: transparent; }
.Auth-right .btns .cancel:hover { background-color: #999; color: #fff; }

.Audit-txt p { color: #999; margin-bottom: 20px; }
.Audit-txt p:first-child { margin-bottom: 30px; }

.wc-box { padding-top: 9.25926vh; }
.wc-box .icon { display: block; width: 149px; margin: 0 auto 5.27778vh; }
.wc-box .icon img { width: 100%; }
.wc-box p { color: #999; }

@media screen and (max-width: 1440px) { .Auth-left .menulit li { padding: 20px 0; }
  .Auth-left .menulit li a i { margin-right: 12px; }
  .Auth-right .Certificates li { height: 158px; }
  .Auth-right .Certificates .img span { height: 158px; }
  .Auth-right .Certificates .img span img { height: 158px; } }
@media screen and (max-width: 1024px) { .Authentication { padding: 13vh 0; }
  .Auth-left .menulit li { padding: 15px 0; }
  .Auth-left .menulit li a { padding-left: 12%; }
  .Auth-left .menulit li a i { margin-right: 10px; width: 26px; height: 26px; }
  .Auth-left .bot-btn a { padding: 12px 0; }
  .Auth-right .btns input { width: 120px; line-height: 36px; }
  .wc-box .icon { width: 120px; } }
@media screen and (max-width: 768px) { .Authentication { padding: 100px 0 50px; }
  .Auth-left { float: none; width: 100%; margin-bottom: 20px; height: auto; }
  .Auth-left .menulit li { float: left; width: 33.33%; text-align: center; }
  .Auth-left .bot-btn { position: static; }
  .Auth-right { float: none; width: 100%; padding: 20px; height: auto; }
  .Auth-right .Certificates li { height: 100px; }
  .Auth-right .Certificates .img span { height: 100px; }
  .Auth-right .Certificates .img span img { height: 158px; }
  .main-login { height: auto; }
  .login-foot { position: static; }
  .main-login .loginmain { padding-bottom: 50px; }
  .Audit-txt p { margin-bottom: 15px; }
  .wc-box { padding-bottom: 50px; }
  .wc-box .icon { width: 100px; } }
@media screen and (max-width: 500px) { .Auth-right .main-auth { padding-right: 0; }
  .Auth-right .process { width: 80%; }
  .Auth-right .formlist .name { width: 100%; margin-bottom: 10px; }
  .Auth-right .formlist .ct { width: 100%; }
  .Auth-right .formlist input[type="text"] { width: 100%; }
  .Auth-right .Certificates li { width: 100%; margin-right: 0; float: none; height: 160px; }
  .Auth-right .Certificates .img span { height: 160px; }
  .Auth-right .Certificates .img span img { height: 158px; } }
.auth-infomation h2 { font-weight: normal; }
.auth-infomation .info { margin-top: 25px; }
.auth-infomation .info p { color: #666; margin-bottom: 15px; }
.auth-infomation .info p:last-child { margin-bottom: 0; }
.auth-infomation .info p em { color: #999; }
.auth-infomation .info ul li { float: left; width: 30.48017%; margin-right: 4.17537%; height: 311px; position: relative; margin-bottom: 20px; }
.auth-infomation .info ul li:last-child { margin-right: 0; }
.auth-infomation .info ul li .img { background-repeat: no-repeat; background-position: center center; background-size: 60%; width: 100%; height: 100%; position: relative; display: table; overflow: hidden; }
.auth-infomation .info ul li .img span { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 311px; }
.auth-infomation .info ul li .img span img { max-width: 100%; max-height: 311px; }
.auth-infomation .zh-info { margin-top: 30px; }
.auth-infomation .zh-info ul li { margin-bottom: 20px; }
.auth-infomation .zh-info ul .name { display: block; float: left; width: 16.70146%; color: #666; }
.auth-infomation .zh-info ul .if { display: block; float: left; width: 34.44676%; color: #999; }
.auth-infomation .zh-info ul .datetime { width: calc(100% - 16.7%); }
.auth-infomation .zh-info ul a { color: #cf181c; }
.auth-infomation .zh-info ul a:hover { text-decoration: underline; }

@media screen and (max-width: 1440px) { .auth-infomation .info ul li { height: 280px; }
  .auth-infomation .info ul li .img span { height: 280px; }
  .auth-infomation .info ul li .img span img { height: 280px; } }
@media screen and (max-width: 768px) { .auth-infomation .info p { margin-bottom: 10px; }
  .auth-infomation .zh-info ul .name { width: 120px; }
  .auth-infomation .zh-info ul .datetime { width: calc(100% - 120px); } }
@media screen and (max-width: 500px) { .auth-infomation .info ul li { height: 180px; float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .auth-infomation .info ul li .img span { height: 180px; }
  .auth-infomation .info ul li .img span img { height: 180px; } }
/* ** 个人中心-代办事项 ** */
.Auth-right-db { float: right; width: 81.14286%; background-color: #fff; height: 66.66667vh; border-radius: 4px; padding: 30px 0 50px; }
.Auth-right-db .main-auth { max-height: 100%; overflow-y: auto; }
.Auth-right-db .main-auth::-webkit-scrollbar { width: 4px; height: 4px; }
.Auth-right-db .main-auth::-webkit-scrollbar-button:vertical { display: none; }
.Auth-right-db .main-auth::-webkit-scrollbar-track:vertical { background-color: black; }
.Auth-right-db .main-auth::-webkit-scrollbar-track-piece { background: #fff; }
.Auth-right-db .main-auth::-webkit-scrollbar-thumb:vertical { background-color: #999; border-radius: 30px; }
.Auth-right-db .main-auth::-webkit-scrollbar-thumb:vertical:hover { background-color: transparent; }
.Auth-right-db .main-auth::-webkit-scrollbar-corner:vertical { background-color: transparent; }
.Auth-right-db .main-auth::-webkit-scrollbar-resizer:vertical { background-color: transparent; }
.Auth-right-db .tab-nav { border-bottom: 2px solid #e5eaf2; }
.Auth-right-db .tab-nav li { float: left; position: relative; margin: 0 0 0 30px; }
.Auth-right-db .tab-nav li:after { content: ''; display: block; width: 0; height: 3px; background-color: #1c1d1e; left: 50%; transition: all .5s; }
.Auth-right-db .tab-nav li a { display: block; line-height: 56px; font-weight: bold; color: #999; width: 5.20833vw; text-align: center; }
.Auth-right-db .tab-nav li.active a { color: #000; }
.Auth-right-db .tab-nav li.active:after { left: 0; width: 100%; }
.Auth-right-db .item { display: none; }
.Auth-right-db .tablebox { margin-bottom: 5.18519vh; padding-top: 10px; }
.Auth-right-db .tablebox table { width: 100%; }
.Auth-right-db .tablebox table th { padding: 15px 0; text-align: left; color: #999; font-weight: normal; }
.Auth-right-db .tablebox table td { border-bottom: 1px solid #e5eaf2; padding: 15px 0; line-height: 25px; }
.Auth-right-db .tablebox table tr th:first-child { width: 10%; text-align: center; }
.Auth-right-db .tablebox table tr td:first-child { width: 10%; text-align: center; }
.Auth-right-db .tablebox table em { display: inline-block; width: 25px; line-height: 25px; border-radius: 100%; color: #fff; font-size: 12px; background-color: #d5373a; }
.Auth-right-db .tablebox table .statu-wc { color: #61a978; }
.Auth-right-db .tablebox table .statu-sh { color: #cf181c; }
.Auth-right-db .tablebox table .statu-dc { color: #999; }
.Auth-right-db .tablebox table a.xiugai { color: #999; }
.Auth-right-db .tablebox table a.xiugai:hover { color: #00559B; }
.Auth-right-db .tablebox table tr:hover { background-color: #f1f1f1; }
.Auth-right-db .tablebox table tr:hover th { background-color: #fff; }

@media screen and (max-width: 1024px) { .Auth-right-db .tab-nav li a { width: 8vw; }
  .Auth-right-db .tab-nav li { margin: 0 0 0 20px; } }
@media screen and (max-width: 768px) { .Auth-right-db { float: none; width: 100%; height: auto; } }
@media screen and (max-width: 500px) { .Auth-right-db .tab-nav li { margin-left: 0; width: 25%; }
  .Auth-right-db .tab-nav li a { width: 100%; } }
.page-lmeng .right-tab { margin-bottom: 40px; }
.page-lmeng .inrbox-yqrz { padding: 0 0 20px; }
.page-lmeng .bg-white-jb { padding-top: 40px; }

@media screen and (max-width: 767px) { .inrbox-yqrz .right-tab ul li a { display: inline-block; padding: 0 10px; width: auto; } }

.srh-dropdown { position: absolute;top: 50px; background-color: #fff;border-radius: 4px;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); width: 100%; padding: 20px; display: none;}
.srh-dropdown h2 {color: #999; margin-bottom: 10px;}
.srh-dropdown ul li { padding: 5px 0;}
.srh-dropdown ul li a {display: block;}


.news-new-content .dtl-main { width: 100%; float: left; padding: 70px 4% 80px;}
.news-new-content .dtl-recomend { width: 21.4%; float: right; background-color: #fff; padding: 30px;}
.dtl-recomend .hd { margin-bottom: 25px;}
.dtl-recomend .bd ul li { margin-bottom: 10px;}
.dtl-recomend .bd ul li .img { height: 134px; overflow: hidden;}
.dtl-recomend .bd ul li img { width: 100%;height: 100%; object-fit: cover; transition: all .5s;}
.dtl-recomend .bd ul li .name {margin: 20px 0 20px; position: relative;}
.dtl-recomend .bd ul li .name h2 { width: calc(100% - 16px);}
.dtl-recomend .bd ul li .name .go {display: inline-block; width: 13px; height: 9px; background: url(../images/icon_go.png) no-repeat; position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.dtl-recomend .bd ul li:hover .img img {transform: scale(1.05);}
@media screen and (max-width: 1440px)  {
	.dtl-recomend .bd ul li .img {height: 120px;}
}
@media screen and (max-width: 1024px)  {
	.dtl-recomend .bd ul li .img {height: 100px;}
}
@media screen and (max-width: 768px)  {
	.news-new-content .dtl-main {width: 100%; margin-bottom: 30px;}
	.news-new-content .dtl-recomend {width: 100%;}
	.dtl-recomend .bd ul { margin: 0 -6px;}
	.dtl-recomend .bd ul li { padding: 0 6px; width: 50%; float: left;}
}
@media screen and (max-width: 500px)  {
	.dtl-recomend .bd ul li {width: 100%;}
	.dtl-recomend .bd ul li .img { height: 30vw;}
}

.news-list ul li .info p {color: #999;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2; height: 42px;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 10px; margin-right: 20px;}
@media screen and (max-width: 1440px){
	.news-list ul li .info{ padding-top: 25px;}
	.news-list ul li .info h2 {margin-bottom: 10px;}
}
@media screen and (max-width: 980px) {
	.news-list ul li .img { height: 20vw;}
}
@media screen and (max-width: 768px)  {
	.news-list ul li .img {height: 150px;}

}
@media screen and (max-width: 500px) {
	.news-list ul li .info p { margin-right: 0;}
}



/* b 在线客服 */
.clear{clear:both;font-size:0px;line-height:0;height:0;}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;line-height: 48px; border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn .topi{height: 20px;line-height: 20px;}
.cndns-right-btn .zaixian{background:url(../images/02index-banner-8.gif) no-repeat  center;background-size: 100% 100%;display: inline-block;width: 50px;height: 50px;}
.cndns-right-btn .wechat{background:url(../images/ecode.png) no-repeat  center;background-size: 100% 100%;display: inline-block;width: 80%;height: 80%;margin-top: 10%;}
.cndns-right-btn .kefu{background:url(../images/phoneicon.png) no-repeat  center;background-size: 100% 80%;display: inline-block;width: 80%;height: 90%;margin-top: 5%;}
.cndns-right-btn .top{color:#848484;font-size:26px;line-height:48px;background:url(../images/upicon.png) no-repeat  center;background-size: 35px 25px;margin-top: 10px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t .zaixian{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3;background:url(../images/02index-banner-8.gif) no-repeat  center;background-size: 100% 100%;display: inline-block;width: 50px;height: 50px;}
.cndns-right-box .box-border .sev-t img{width: 130px;height: 130px;}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b .qqicon{ width: 25px;height: 25px;margin-top: 5px;}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:8px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
@media screen and (max-width: 765px) {
  .meau-sev .cndns-right-box .box-border{width:270px;}
}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:170px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/* e 在线客服 */