.contact .sub-title { font-size: 32px; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; font-weight: bolder; }

.contact .sub-title span { border-left: 5px solid #2857a1; line-height: 1; padding-left: 8px; }

.join .join-field { padding: 30px 0; }

.join .join-field a { display: block; float: right; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #2857a1; }

.join .join-field .dk_container { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.join .join-field .dk_toggle { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.join .join-field .item { float: left; padding-right: 20px; vertical-align: top; }

.join .join-field .item span { display: block; float: left; padding-top: 10px; }

.join .join-field .item .select { display: inline-block; }

.join .join-field .item .select select { height: 40px; border: 1px solid #e6e6e6; }

@media screen and (max-width: 1370px) {

  .join .join-field{font-size: 14px;}

}

.join .join-list ul li { background: #f7f7f7; margin-bottom: 40px; }

.join .join-list .content { padding: 30px; font-size: 16px; color: #666666; }

.join .join-list .content .item { padding-bottom: 20px; }

.join .join-list .content .t { font-size: 20px; padding-bottom: 15px; }

.join .join-list .content p { padding: 5px 0; }

.join .join-list .top { padding: 20px 30px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }

.join .join-list .top a { float: right; display: block; width: 140px; height: 40px; line-height: 40px; background: #2857a1; color: #fff; text-align: center; }

.join .join-list .top .item { float: left; width: 15%; line-height: 1; padding-top: 10px; }

.join .join-list .top .item.w { width: 30%; }

.join .join-list .top .item span { font-size: 20px; color: #333; }

.join .join-list .top .item span.field { color: #666666; }

@media screen and (max-width: 768px) {
  .join .join-list .top .item { width: 20%; }
  .join .join-list .top .item.w { width: 30%; }
  .alert-video-box .video-box{
    width: 90% !important;
    margin-left: -45% !important;
  }
  .alert-video-box .close{
        right: 0px !important;
    top: -30px !important;
  }
}

@media screen and (max-width: 640px) { .join .join-field .item { margin-bottom: 2.5%; }
  .join .join-field a { float: left; margin-top: 5%; }
  .join .join-list .top .item.w { width: 100%; float: none; }
  .join .join-list .top .item { width: 50%; }
  .join .join-list .top a { float: left; margin-top: 5%; } }

.contact-map { padding: 30px 0; }

.contact-map .wrap { position: relative; }

.contact-map .wrap img { width: 100%; }

.contact-map .wrap .loc { position: absolute; }

.contact-map .wrap .loc .wrap { position: relative; }

.contact-map .wrap .loc .wrap2 { position: relative; padding: 30px; }

.contact-map .wrap .loc .text { display: none; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; width: 350px; background: #2857a1; position: absolute; color: #fff; bottom: 50px; left: 50%; margin-left: -175px; }

.contact-map .wrap .loc .text.on { display: block; opacity: 1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 100; }

.contact-map .wrap .loc .text .arrow { position: absolute; left: 50%; margin-left: -8.5px; bottom: -9px; width: 17px; height: 9px; background: url("../images/contact-map-arrow.png") no-repeat center; }

.contact-map .wrap .loc .text .t { font-size: 24px; padding-bottom: 15px; }

.contact-map .wrap .loc .text .d { font-size: 16px; color: #cfd6e6; }

.contact-map .wrap .loc .text .d p { overflow: hidden; padding: 5px 0; }

.contact-map .wrap .loc .text .d .f { display: block; width: 50px; padding-left: 0; float: left; }

.contact-map .wrap .loc .icon { cursor: pointer; position: relative; z-index: 2; width: 28px; height: 35px; background: url("../images/contact-map-loc.png") no-repeat center; }

.contact-map .wrap .loc.i1 { top: 34%; right: 25%; }

.contact-map .wrap .loc.i2 { bottom: 36%; right: 14%; }

.contact-map .wrap .loc.i3 { bottom: 12%; right: 30%; }

.contact-map .wrap .loc.i4 { bottom: 11%; right: 25%; }

.us-hezuo { padding-top: 50px; }

.us-hezuo .item { padding-bottom: 20px; }

.us-hezuo .item .t { font-size: 16px; color: #333333; float: left; padding-top: 20px; line-height: 1; width: 200px; }

.us-hezuo .item .t i { color: #f51b1b; padding-right: 5px; }

.us-hezuo .item .i { padding-left: 110px; }

.us-hezuo .item .i input { width: 50%; height: 50px; border: 1px solid #e6e6e6; background: #f7f7f7; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

.us-hezuo .item .i textarea { width: 50%; border: 1px solid #e6e6e6; background: #f7f7f7; height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px;padding-top:16px; outline: none;overflow: hidden;}

.us-hezuo .btn-submit { text-align: center; padding-top: 40px; width: 50%;}

.us-hezuo .btn-submit button { display: inline-block; width: 140px; height: 50px; background: #2857a1; text-align: center; line-height: 50px; color: #fff; border: none; outline: none; }

@media screen and (max-width: 1024px) { .us-hezuo .item .i input { width: 100%; }
  .us-hezuo .item .i textarea { width: 100%; } }

.about-jieshao { font-size: 16px; color: #666666; padding-top: 30px; }

.about-jieshao p { padding-bottom: 10px; line-height: 2; }

.about-jieshao img { width: 100%; }

.about-shiming { position: relative; }

.about-shiming img { width: 100%; }

.about-shiming .sm-txt { position: absolute; bottom: 0; padding: 60px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.about-shiming .sm-txt h1 { font-size: 36px; color: #ffffff; padding-bottom: 15px; }

.about-shiming .sm-txt p { font-size: 18px; color: #ffffff; line-height: 1.5; }

@media screen and (max-width: 700px) { .about-shiming { position: relative; }
  .about-shiming .sm-txt { top: 0; bottom: auto; padding: 5%; }
  .about-shiming .sm-txt h1 { font-size: 20px; }
  .about-shiming .sm-txt p { font-size: 14px; } }

.about-rongyu { padding-top: 40px; }

.about-rongyu ul { width: 101.3%; }

.about-rongyu ul li { width: 32%; margin-right: 1.3%; margin-bottom: 1.3%; float: left; border: 1px solid #f2f2f2; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.about-rongyu ul li img { width: 100%; }

@media screen and (max-width: 640px) { .about-rongyu ul { width: 100%; }
 .us-hezuo .btn-submit { width: auto;}
 .about-rongyu ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 5%; padding: 5%; } }

.about-licheng { padding-top: 40px; padding-left: 8px; }

.about-licheng .choose-years span { font-size: 16px; color: #333333; }

.about-licheng h2 { padding: 30px 0; font-size: 28px; color: #333333; line-height: 1; font-weight: bolder; }

.about-licheng .about-lc-item { border-left: 1px solid #ebebeb; }

.about-licheng .about-lc-item .t { font-size: 24px; color: #3179ea; margin-bottom: 15px; padding-left: 30px; position: relative; }

.about-licheng .about-lc-item .t:before { content: ""; width: 13px; height: 13px; background: url("../images/about-lc-item-icon1.png") no-repeat center; position: absolute; top: 50%; margin-top: -6.5px; left: -7px; }

.about-licheng .about-lc-item .item { padding-left: 30px;  }

.about-licheng .about-lc-item .item p { padding-left: 20px; color: #666666; font-size: 16px; line-height: 2; background: url("../images/about-lc-item-icon2.png") no-repeat left 12px; }

.news-gs { padding-bottom: 40px; }

.news-gs .gs-tt-news { padding-top: 40px; padding-bottom:40px;border-bottom: 1px solid #f2f2f2;}

.news-gs .gs-tt-news .gs-news-img { width: 35%; float: left; overflow: hidden; }

.news-gs .gs-tt-news .gs-news-img img { width: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

.news-gs .gs-tt-news .gs-news-img img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

.news-gs .gs-tt-news .gs-news-txt { width: 65%; float: left; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.news-gs .gs-tt-news .gs-news-txt h2 { font-size: 24px; color: #333333; padding-bottom: 20px; line-height: 1.5; }

.news-gs .gs-tt-news .gs-news-txt h2 :hover { color: #085aa3; }

.news-gs .gs-tt-news .gs-news-txt span { display: block; font-size: 16px; color: #999999; line-height: 1; padding-bottom: 20px; }

.news-gs .gs-tt-news .gs-news-txt p { line-height: 2; font-size: 16px; color: #666666; }

.news-gs .gs-tt-news .gs-news-txt p :hover { color: #085aa3; }

.news-gs .gs-news-list ul li { padding: 25px 0; border-bottom: 1px solid #f2f2f2; overflow: hidden; background: url("../images/gs-news-list-icon.png") no-repeat left 35px; padding-left: 20px; }

.news-gs .gs-news-list ul li .t { font-size: 20px; color: #333333; float: left; }

.news-gs .gs-news-list ul li .d { font-size: 20px; color: #999999; float: right; }

.news-gs .gs-news-list ul li:hover .t { color: #085aa3; }

@media screen and (max-width: 1024px) { .news-gs .gs-tt-news { padding-bottom: 5%; }
  .news-gs .gs-tt-news .gs-news-img { width: 100%; float: none; }
  .news-gs .gs-tt-news .gs-news-txt { width: 100%; float: none; padding-left: 0; padding-top: 5%; } }

.page { padding: 40px 0; }

.page ul { text-align: center; }

.page ul li { display: inline-block; height: 35px; border: 1px solid #d8d8d8; margin: 0 3.5px; }

.page ul li:hover, .page ul li.on { border: 1px solid #2857a1; background: #2857a1; }

.page ul li:hover a, .page ul li.on a { color: #fff; }

.page ul li a { font-size: 14px; color: #666666; line-height: 35px; padding: 0 15px; }

.news-chooseType { margin-top: 20px; }

.news-chooseType p span { display: inline-block; float: left; font-size: 16px; color: #333; line-height: 40px; }

.news-chooseType p select { float: left; width: 200px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6; outline: none; }

.ttt{padding-top: 25px;}

.tt {display: inline-block; float: left; font-size: 16px; color: #333; line-height: 40px;}

.news-chooseType2 {float: left;width: 240px;height: 40px;border: 1px solid #e6e6e6;padding: 0 12px;cursor: pointer;position: relative;}

.news-chooseType2 .text{font-size: 16px;color: #666666;line-height: 40px;background: url("../images/fff-down.png") no-repeat center right}

.news-chooseType2 .drop-down{display: none;position: absolute;width: 100%;background: #fff;border: 1px solid #e6e6e6;top: 40px;left: 0;z-index: 2;}

.news-chooseType2 .drop-down li{padding: 10px 12px;border-bottom: 1px solid #e6e6e6;font-size: 14px;}

.news-video-con h3 { font-size: 24px; color: #3179ea; padding: 30px 0; line-height: 1; }

.news-video-con .news-video-list { width: 102%; }

.news-video-con .news-video-list.e { padding-bottom: 30px; }

.news-video-con .news-video-list .news-video-item { width: 48%; margin-right: 2%; margin-bottom: 2%; float: left; position: relative; }

.news-video-con .news-video-list .news-video-item .pic img { width: 100%; }

.news-video-con .news-video-list .news-video-item .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.6);
  line-height: 1;
  color: #fff;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 4;
}
.news-video-con .news-video-list .news-video-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.6) url("../images/videoBtn-white.png") no-repeat center;
  -moz-background-size: 64px;
  background-size: 64px;
   position: absolute;
   top: 0;
   left: 0;
   /*margin: -30px 0 0 -30px;*/
}
.news-video-con .news-video-list .news-video-item a:hover {
  background:rgba(0,0,0,0.6) url("../images/solution-icon01.png") no-repeat center;
  -moz-background-size: 64px;
  background-size: 64px;
}

@media screen and (max-width: 640px) { .news-video-con .news-video-list { width: 100%; }
  .news-video-con .news-video-list .news-video-item { width: 100%; float: none; margin-right: 0; margin-bottom: 5%; } }

.news-huodong { padding-top: 40px; }

.news-huodong .news-hd-item { padding-bottom: 40px; }

.news-huodong .news-hd-img { width: 35%; float: left; overflow: hidden; }

.news-huodong .news-hd-img img { width: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

.news-huodong .news-hd-img img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

.news-huodong .news-hd-txt { width: 65%; float: left; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.news-huodong .news-hd-txt h3 { font-size: 24px; color: #333333; padding-bottom: 20px; line-height: 1.5; }

.news-huodong .news-hd-txt h3:hover a { color: #085aa3; }

.news-huodong .news-hd-txt span { display: block; font-size: 16px; color: #999999; line-height: 1; padding-bottom: 20px; }

.news-huodong .news-hd-txt p { line-height: 2em; font-size: 16px; color: #666666; height: 8em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.news-huodong .news-hd-txt p:hover a { color: #085aa3; }

@media screen and (max-width: 1024px) { .news-huodong .news-hd-item { padding-bottom: 5%; }
  .news-huodong .news-hd-item .news-hd-img { width: 100%; float: none; }
  .news-huodong .news-hd-item .news-hd-txt { width: 100%; float: none; padding-left: 0; padding-top: 5%; } }

.news-details { overflow: hidden; padding-top: 40px; }

.news-details .news-l-txt { width: 72%; float: left; overflow: hidden; }

.news-details .news-l-txt h1 { font-size: 28px; color: #333333; }

.news-details .news-l-txt .share { font-size: 16px; color: #999999; overflow: hidden; line-height: 1; padding: 30px 0; }

.news-details .news-l-txt .share span { display: block; float: left; padding-right: 15px; }

.news-details .news-l-txt .share p { float: right; }

.news-details .news-l-txt .share p a { width: 24px; height: 24px; padding-left: inherit; line-height: inherit; position: relative; margin: 0 6px 0 0; }

.news-details .news-l-txt .share p a.sinaBtn { background: url("../images/news-icon01.png") no-repeat center; }

.news-details .news-l-txt .share p a.wechatBtn { background: url("../images/news-icon02.png") no-repeat center; }

.news-details .news-l-txt .content { font-size: 16px; color: #666666; line-height: 2; }

.news-details .news-l-txt .content p { padding: 5px; }

.news-details .news-l-txt .content img { width: 100%; display: inline-block; }

.news-details .news-l-txt .return-btn { padding-top: 40px; }

.news-details .news-l-txt .return-btn a { color: #2857a1; font-size: 16px; }

.news-details .news-r-nav { width: 22%; float: right; background: #f7f7f7; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.news-details .news-r-nav h1 { font-size: 28px; color: #333333; padding-bottom: 20px; }

.news-details .news-r-nav ul li { margin-bottom: 10px; background: url("../images/about-lc-item-icon2.png") no-repeat left 8px; padding-left: 20px; }

.news-details .news-r-nav ul li:hover a { color: #2857a1; }

.news-details .news-r-nav ul li a { font-size: 14px; color: #666666; }

.news-details .news-r-nav p { text-align: right; padding-top: 20px; }

.news-details .news-r-nav p a { font-size: 14px; color: #2857a1; }

@media screen and (max-width: 1024px) { .news-details .news-l-txt { width: 100%; float: none; }
  .news-details .news-l-txt .return-btn { padding: 5% 0; }
  .news-details .news-r-nav { width: 100%; float: none; } }

.search-content .search-input { text-align: center; padding: 50px 0; }

.search-content .search-input .wrap { overflow: hidden; display: inline-block; }

.search-content .search-input input { float: left; width: 720px; height: 70px; border: 1px solid #e6e6e6; font-size: 20px; color: #2857a1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; outline: none; }

.search-content .search-input a { float: left; display: block; width: 120px; height: 70px; background: url("../images/search-btn.png") no-repeat center #2857a1; }

.search-content .gs-news-list ul li { padding: 25px 0; border-bottom: 1px solid #f2f2f2; overflow: hidden; background: url("../images/gs-news-list-icon.png") no-repeat left 35px; padding-left: 20px; }

.search-content .gs-news-list ul li .t { font-size: 20px; color: #333333; float: left; }

.search-content .gs-news-list ul li .d { font-size: 20px; color: #999999; float: right; }

@media screen and (max-width: 880px) { .search-content .search-input .wrap { width: 100%; }
  .search-content .search-input input { width: 80%; height: 50px; }
  .search-content .search-input a { width: 20%; height: 50px; } }

.friend-content { padding: 70px 0; }

.friend-content ul { overflow: hidden; padding-top: 60px; }

.friend-content ul li { width: 25%; float: left; border: 1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.friend-content ul li img { width: 100%; }

@media screen and (max-width: 780px) { .friend-content ul li { width: 33.33%; float: left; } }

@media screen and (max-width: 640px) { .friend-content ul li { width: 50%; float: left; } }

.video-box { position: relative; overflow: hidden; }

.video-box .play { position: absolute; z-index: 3; display:none;top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background: url("../images/solution-icon01.png") no-repeat; -moz-background-size: 100%; background-size: 100%; cursor: pointer; }

.video-box video {
  width: 100%;
  height: 100%;
  font-size: 0;
  -o-object-fit: fill;
  object-fit: fill;
   }

.video-box .preview {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.video-box .preview img { width: 100%; visibility: hidden;}

.alert-video-box { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; display: none; }

.alert-video-box .close { position: absolute; right: -30px; top: 0; z-index: 100; width: 20px; height: 20px; background: url("../images/close2.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.alert-video-box .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; opacity: 0.8; }

.alert-video-box .video-box {
  width: 720px;
  height: 480px;
  left: 50%;
  top: 50%;
  margin-top: -240px;
  margin-left: -360px;
  overflow: visible;
   z-index: 99;
 }

.alert-video-box .video-box .video-js{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-dimensions.vjs-fluid{
  padding-top: 0 !important;
}

.anli-swiper{position: relative; margin-top:30px;}

.anli-swiper img{width: 100%}

.anli-swiper .swiper-button-prev , .anli-swiper .swiper-button-next {width: 40px;height: 90px;}

.anli-swiper .swiper-button-prev{background: url("../images/anli-prev.png");left: 0;}

.anli-swiper .swiper-button-next{background: url("../images/anli-next.png");right: 0}

@media screen and (max-width: 480px){
  .alert-video-box .video-box{
    height: 280px;
    margin-top: -140px;
  }
}
.z-img{
  cursor: pointer;
  transition: all 0.6s;
}
.z-img:hover{
  transform: scale(1.1);
  cursor: default;
}

@media screen and (max-width: 640px) {
  /*
  .page ul li{
    display: none;
  }
  .page ul li:first-child{
    display: inline-block;
  }
  .page ul li:last-child{
    display: inline-block;
  }
  */
  .page ul li{
    margin: 0 0.5px;
  }
  .page ul li.dot3 a{
    padding: 0 5px;
  }
}


@media screen and (max-width: 640px) {
  .us-hezuo .item{
    padding-bottom: 10px;
  }
  .us-hezuo .item .i{
    padding-left: 0
  }
  .us-hezuo .item .t{
    padding-bottom: 15px
  }
  .contact-map .wrap .loc .text{
    left: -150%;
  }
  .contact-map .wrap .loc .text .arrow{
    left: 66%;
  }
  .contact-map .wrap .loc .text .d a{
    color: #cfd6e6; !important;
  }

  .index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .time{
    float: none;
    margin: 0 auto;
  }
  .index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt{
    padding-left: 0;
    width: 100%;
    padding-top: 10px;
  }
}