/* =Skitter styles

----------------------------------------------- */

.bs-xb1{

  background-color: #093389 !important;

}

#bshareF{

  top: 0 !important;

}

#bsFloatTab{

 background-color: #093389 !important;

}

.bs-xb2, .bs-xb3, .bs-xb4{

 background-color: #093389 !important;

}

.banner {

  position: relative;

  width: 100%;

  height: 846px;

  overflow: hidden;

}

.banner .loading {

  position: absolute;

  top: 50%;

  right: 50%;

  z-index: 10000;

  margin: -16px -16px;

  color: #fff;

  text-indent: -9999em;

  overflow: hidden;

  background: url(../images/ajax-loader.gif) no-repeat left top;

  width: 32px;

  height: 32px;

}

.banner .banner_boxs {

  width: 1920px;

  height: 100%;

  left: 50%;

  transform: translate(-50%);

  position: absolute;

  top: 0;

}

.banner .box_skitter {

  position: relative;

  width: 100%;

  height: 100%;

  background: #fff;

}

.banner .box_skitter a {

  display: block;

  width: 100%;

  height: 100%;

}

.banner .box_skitter img {

  max-width: inherit;

  display: block !important;

  margin: 0 auto;

}

.banner .box_skitter .container_skitter {

  overflow: hidden;

  position: relative;

}

.banner .box_skitter .image {

  overflow: hidden;

}

.banner .box_skitter .image img {

  display: none;

}

.banner .box_skitter .box_clone {

  position: absolute;

  top: 0;

  left: 0;

  width: 100px;

  overflow: hidden;

  display: none;

  z-index: 20;

}

.banner .box_skitter .box_clone img {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 20;

}

.banner .box_skitter .prev_button {

  position: absolute;

  top: 50%;

  left: 35px;

  z-index: 152;

  width: 42px;

  height: 42px;

  overflow: hidden;

  text-indent: -9999em;

  margin-top: -25px;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;

}

.banner .box_skitter .next_button {

  position: absolute;

  top: 50%;

  right: 35px;

  z-index: 152;

  width: 42px;

  height: 42px;

  overflow: hidden;

  text-indent: -9999em;

  margin-top: -25px;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;

}

.banner .box_skitter .prev_button:hover,

.banner .box_skitter .next_button:hover {

  opacity: 0.5 !important;

}

.banner .box_skitter .info_slide {

  position: absolute;

  bottom: 50px;

  left: 50% !important;

  transform: translate(-50%);

  z-index: 100;

  background: #000;

  color: #333;

  font: bold 11px arial;

  padding: 5px 0 5px 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  opacity: 0.75;

}

.banner .box_skitter .info_slide .image_number {

  float: left;

  width: 16px;

  height: 16px;

  background-color: #ffffff;

  margin: 0 10px;

  cursor: pointer;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  font-size: 0;

}

.banner .box_skitter .info_slide .image_number_select,

.banner .box_skitter .info_slide .image_number_select:hover {

  background: #cc3333;

  float: left;

  margin: 0 10px;

}

.banner .box_skitter .container_thumbs {

  position: relative;

  overflow: hidden;

  height: 50px;

}

.banner .box_skitter .info_slide_thumb {

  height: 50px;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  top: auto;

  top: 0;

  left: 0;

  padding: 0 !important;

  opacity: 1;

}

.banner .box_skitter .info_slide_thumb .image_number {

  overflow: hidden;

  width: 100px;

  height: 50px;

  position: relative;

  margin: 0 !important;

  padding: 0 !important;

  -moz-border-radius: 0 !important;

  -webkit-border-radius: 0 !important;

  border-radius: 0 !important;

}

.banner .box_skitter .info_slide_thumb .image_number img {

  position: absolute;

  top: -30px;

  left: -30px;

  height: 100px;

}

.banner .box_skitter .box_scroll_thumbs {

  padding: 0;

}

.banner .box_skitter .box_scroll_thumbs .scroll_thumbs {

  position: absolute;

  bottom: 60px;

  left: 50px;

  background: #ccc;

  background: -moz-linear-gradient(-90deg, #555, #fff);

  background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));

  width: 200px;

  height: 10px;

  overflow: hidden;

  text-indent: -9999em;

  z-index: 101;

  cursor: pointer;

  border: 0px solid #333;

}

.banner .box_skitter .info_slide_dots {

  position: absolute;

  bottom: -40px;

  z-index: 151;

  padding: 5px 0 5px 5px;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  border-radius: 50px;

}

.banner .box_skitter .info_slide_dots .image_number {

  background: #333;

  float: left;

  margin: 0 5px 0 0;

  cursor: pointer;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  border-radius: 50px;

  width: 18px;

  height: 18px;

  text-indent: -9999em;

  overflow: hidden;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;

}

.banner .box_skitter .info_slide_dots .image_number_select,

.banner .box_skitter .info_slide_dots .image_number_select:hover {

  background: #cc3333;

  float: left;

  margin: 0 5px 0 0;

}

.banner .loading {

  position: absolute;

  top: 50%;

  right: 50%;

  z-index: 10000;

  margin: -16px -16px;

  color: #fff;

  text-indent: -9999em;

  overflow: hidden;

  width: 32px;

  height: 32px;

}

.banner .box_skitter .label_skitter {

  z-index: 150;

  position: absolute;

  bottom: 0px;

  left: 0px;

  display: none;

}

.banner .box_skitter .label_skitter {

  z-index: 150;

  position: absolute;

  bottom: 0px;

  left: 0px;

  color: #fff;

  display: none;

  opacity: 0.8;

  background: #000;

}

.banner .box_skitter .label_skitter p {

  padding: 10px;

  margin: 0;

  font: normal 22px arial,tahoma;

  letter-spacing: -1px;

}

.banner .box_skitter .progressbar {

  background: #000;

  position: absolute;

  top: 5px;

  left: 15px;

  height: 5px;

  width: 200px;

  z-index: 99;

  border-radius: 20px;

}

.banner .box_skitter .preview_slide {

  display: none;

  position: absolute;

  z-index: 152;

  bottom: 30px;

  left: -40px;

  width: 100px;

  height: 100px;

  background: #fff;

  border: 1px solid #222;

  -moz-box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;

  box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;

  overflow: hidden;

}

.banner .box_skitter .preview_slide ul {

  height: 100px !important;

  overflow: hidden !important;

  margin: 0 !important;

  list-style: none !important;

  display: block !important;

  position: absolute !important;

  top: 0;

  left: 0;

}

.banner .box_skitter .preview_slide ul li {

  width: 100px !important;

  height: 100px !important;

  overflow: hidden !important;

  float: left !important;

  margin: 0 !important;

  padding: 0 !important;

  position: relative !important;

  display: block !important;

}

.banner .box_skitter .preview_slide ul li img {

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  height: 150px !important;

  width: auto !important;

}

.banner #overlay_skitter {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9998;

  opacity: 1;

  background: #000;

}

.banner .box_skitter .focus_button {

  position: absolute;

  top: 50%;

  z-index: 100;

  width: 42px;

  height: 42px;

  overflow: hidden;

  text-indent: -9999em;

  margin-top: -25px;

  opacity: 0;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;

}

.banner .box_skitter .play_pause_button {

  position: absolute;

  top: 50%;

  z-index: 151;

  width: 42px;

  height: 42px;

  overflow: hidden;

  text-indent: -9999em;

  margin-top: -25px;

  opacity: 0;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;

}

.banner .box_skitter .play_pause_button:hover {

  opacity: 0.5 !important;

}

.banner .box_skitter .focus_button:hover {

  opacity: 0.5 !important;

}

.banner .box_skitter_large {

  width: 800px;

  height: 300px;

}

.banner .box_skitter_small {

  width: 200px;

  height: 100px;

}

.banner .box_skitter .focus_button,

.banner .box_skitter .next_button,

.banner .box_skitter .prev_button,

.banner .box_skitter .play_pause_button {

  display: block;

  background: url('../images/sprite-default.png') no-repeat;

}

.banner .box_skitter .next_button {

  background-position: 0px -42px;

  width: 42px;

  height: 42px;

}

.banner .box_skitter .prev_button {

  background-position: -42px -42px;

  width: 42px;

  height: 42px;

}

.banner .box_skitter .play_pause_button {

  background-position: 0px 0px;

  width: 42px;

  height: 42px;

}

.banner .box_skitter .play_pause_button.play_button {

  background-position: 0px -84px;

  width: 42px;

  height: 42px;

}

.banner .box_skitter .focus_button {

  background-position: -42px 0px;

  width: 42px;

  height: 42px;

}

.banner .skitter-minimalist .prev_button,

.banner .skitter-minimalist .next_button,

.banner .skitter-minimalist .play_pause_button,

.banner .skitter-minimalist .focus_button {

  display: block;

  background: url('../images/sprite-minimalist.png') no-repeat !important;

}

.banner .skitter-minimalist .prev_button {

  background-position: 0px 0px !important;

  width: 47px !important;

  height: 47px !important;

  left: 10% !important;

  background: url(../images/pic.png) left top no-repeat !important;

}

.banner .skitter-minimalist .next_button {

  background-position: 0px -28px !important;

  width: 47px !important;

  height: 47px !important;

  right: 10% !important;

  background: url(../images/pic.png) left -47px no-repeat !important;

}

.banner .skitter-minimalist .play_pause_button {

  background-position: 0px -74px !important;

  width: 18px !important;

  height: 18px !important;

}

.banner .skitter-minimalist .play_pause_button.play_button {

  background-position: 0px -56px !important;

  width: 18px !important;

  height: 18px !important;

}

.banner .skitter-minimalist .focus_button {

  background-position: 0px -92px !important;

  width: 18px !important;

  height: 18px !important;

}

.banner .skitter-minimalist .info_slide {

  background: transparent;

}

.banner .skitter-minimalist .info_slide .image_number_select,

.banner .skitter-minimalist .info_slide .image_number_select:hover {

  background: #264973;

  color: #fff;

  width: 40px;

  border-radius: 7px;

}

.banner .skitter-minimalist .info_slide_dots .image_number {

  width: 14px;

  height: 14px;

  box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;

}

.banner .skitter-round .prev_button,

.banner .skitter-round .next_button,

.banner .skitter-round .play_pause_button,

.banner .skitter-round .focus_button {

  display: block;

  background: url('../images/sprite-round.png') no-repeat;

}

.banner .skitter-round .prev_button {

  background-position: 0px 0px;

  width: 23px;

  height: 47px;

  left: -23px;

}

.banner .skitter-round .next_button {

  background-position: -23px 0px;

  width: 23px;

  height: 47px;

  right: -23px;

}

.banner .skitter-round .next_button:hover,

.banner .skitter-round .prev_button:hover {

  opacity: 1;

}

.banner .skitter-round .play_pause_button {

  background-position: 0px -70px;

  width: 47px;

  height: 23px;

  top: 24px;

  left: 24px !important;

}

.banner .skitter-round .play_pause_button.play_button {

  background-position: 0px -47px;

  width: 47px;

  height: 23px;

  top: 24px;

}

.banner .skitter-round .focus_button {

  background-position: 0px -93px;

  width: 47px;

  height: 23px;

  top: 24px;

  left: 82px !important;

}

.banner .skitter-round .info_slide {

  background: transparent;

}

.banner .skitter-round .info_slide .image_number {

  background: #fff;

  box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;

  font-size: 12px;

  font-weight: normal;

}

.banner .skitter-round .info_slide .image_number_select,

.banner .skitter-round .info_slide .image_number_select:hover {

  background: #111;

  color: #fff !important;

}

.banner .skitter-round .info_slide_dots .image_number {

  width: 14px;

  height: 14px;

  box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;

  background: #fff;

}

.banner .skitter-round .info_slide_dots .image_number:hover {

  background: #333;

}

.banner .skitter-round .info_slide_dots .image_number_select,

.banner .skitter-round .info_slide_dots .image_number_select:hover {

  background: #111;

  color: #fff !important;

}

.banner .skitter-round .progressbar {

  top: -10px;

  left: 0px;

  background: #333;

  box-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0;

}

.banner .skitter-clean .prev_button,

.banner .skitter-clean .next_button,

.banner .skitter-clean .play_pause_button,

.banner .skitter-clean .focus_button {

  display: block;

  background: url('../images/sprite-clean.png') no-repeat;

}

.banner .skitter-clean .prev_button {

  background-position: 0px 0px;

  width: 47px;

  height: 46px;

}

.banner .skitter-clean .next_button {

  background-position: 0px -46px;

  width: 47px;

  height: 46px;

}

.banner .skitter-clean .play_pause_button {

  background-position: 0px -133px;

  width: 41px;

  height: 41px;

}

.banner .skitter-clean .play_pause_button.play_button {

  background-position: 0px -92px;

  width: 41px;

  height: 41px;

}

.banner .skitter-clean .focus_button {

  background-position: 0px -174px;

  width: 41px;

  height: 41px;

}

.banner .skitter-clean .info_slide {

  background: transparent;

}

.banner .skitter-clean .info_slide .image_number {

  background: #fff;

  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;

  font-size: 12px;

  font-weight: normal;

  color: #333;

}

.banner .skitter-clean .info_slide .image_number:hover {

  background: #fff;

}

.banner .skitter-clean .info_slide .image_number_select,

.banner .skitter-clean .info_slide .image_number_select:hover {

  background: #111;

  color: #fff !important;

}

.banner .skitter-clean .info_slide_dots {

  bottom: 10px;

  background: rgba(255, 255, 255, 0.8);

  box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;

}

.banner .skitter-clean .info_slide_dots .image_number {

  width: 14px;

  height: 14px;

  background: #999;

}

.banner .skitter-clean .info_slide_dots .image_number:hover {

  background: #333;

}

.banner .skitter-clean .info_slide_dots .image_number_select,

.banner .skitter-clean .info_slide_dots .image_number_select:hover {

  background: #111;

  color: #fff !important;

}

.banner .skitter-clean .progressbar {

  top: 5px;

  left: 5px;

  background: #fff;

  box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0;

}

.one {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.tran {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

a,

img {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

button,

input {

  border: none;

  outline: none;

}

.out {

  position: relative;

}

.out:hover::after,

.out:hover::before {

  width: 100%;

}

.out:hover > a::after,

.out:hover > a::before {

  height: 166px;

}

.out:hover .pro_hot_txt > a {

  color: #0074d4;

}

.out::after,

.out::before {

  content: "";

  position: absolute;

  width: 0;

  height: 1px;

  background: #264973;

  left: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.out::after {

  top: 0;

}

.out::before {

  top: 166px;

}

.in::after,

.in::before {

  content: "";

  position: absolute;

  width: 1px;

  height: 0;

  background: #264973;

  top: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.in::after {

  left: 0;

}

.in::before {

  right: 0;

}

.shadow:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.shadow2:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.linkeff {

  position: relative;

}

.linkeff:hover::after,

.linkeff:hover::before {

  width: 100%;

}

.linkeff::after,

.linkeff::before {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  height: 1px;

  background: #264973;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.linkeff::after {

  left: 0;

  top: 0;

}

.linkeff::before {

  right: 0;

  bottom: 0;

}

.img_white {

  overflow: hidden;

}

.img_white::after {

  display: block;

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: bottom;

  transform-origin: bottom;

  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  opacity: 1;

  bottom: -100%;

  transition: all 0.8s ease-in-out;

  -webkit-transition: all 0.8s ease-in-out;

  -ms-transition: all 0.8s ease-in-out;

  -o-transition: all 0.8s ease-in-out;

}

.img_white:hover::after {

  -webkit-transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

  transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transform-origin: top;

  transform-origin: top;

  opacity: 0;

  bottom: 100%;

}

.img_save {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  max-width: 100%;

  max-height: 100%;

}

a,

img {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.title1 {

  text-align: center;

}

.title1 h3 {

  font-size: 32px;

  line-height: 32px;

  color: #ffffff;

}

.title1 h3 a {

  color: #ffffff;

}

.title1 > span {

  display: block;

  width: 58px;

  height: 2px;

  background-color: #ffffff;

  opacity: 0.2;

  margin: 20px auto;

}

.title1 > h4 {

  font-size: 14px;

  color: #ffffff;

  line-height: 14px;

  font-family: "simsun";

  font-weight: bold;

}

.title2 {

  text-align: center;

}

.title2 h3 {

  font-size: 32px;

  line-height: 32px;

  color: #353535;

}

.title2 h3 a {

  color: #353535;

}

.title2 > span {

  display: block;

  width: 58px;

  height: 2px;

  background-color: rgba(154, 154, 154, 0.2);

  opacity: 0.2;

  margin: 20px auto;

}

.title2 > h4 {

  font-size: 14px;

  color: #999999;

  line-height: 14px;

  font-family: "simsun";

  font-weight: bold;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.about {

  width: 100%;

  margin-top: 80px;

}

.about .ab_main .ab_txt {

  width: 610px;

}

.about .ab_main .ab_txt > h3 {

  padding-left: 23px;

  box-sizing: border-box;

  position: relative;

}

.about .ab_main .ab_txt > h3::after {

  content: "";

  position: absolute;

  width: 3px;

  height: 32px;

  background-color: #093389;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.about .ab_main .ab_txt > h3 > span {

  display: inline-block;

  vertical-align: bottom;

  font-size: 32px;

  line-height: 32px;

  color: #353535;

}

.about .ab_main .ab_txt > h3 > i {

  display: inline-block;

  vertical-align: bottom;

  margin-left: 15px;

  font-size: 14px;

  line-height: 18px;

  color: #999999;

  font-family: "simsun";

  font-weight: bold;

}

.about .ab_main .ab_txt > h5 {

  width: 585px;

  margin: 64px 0 0 24px;

  font-size: 14px;

  line-height: 33px;

  color: #999999;

  height: 231px;

  overflow: hidden;

}

.about .ab_main .ab_txt > a {

  display: block;

  width: 170px;

  height: 50px;

  border: solid 1px #093389;

  text-align: center;

  line-height: 48px;

  font-size: 14px;

  color: #093389;

  margin: 50px 0 0 24px;

}

.about .ab_main .ab_v {

  width: 480px;

  height: 526px;

  position: relative;

  z-index: 1;

}

.about .ab_main .ab_v::after {

  content: "";

  position: absolute;

  width: 385px;

  height: 528px;

  background-color: #e6f0fa;

  z-index: -1;

  right: -30px;

  bottom: -40px;

}

.about .ab_main .ab_v > img {

  width: 100%;

  height: 100%;

}

.pro {

  width: 100%;

  height: 940px;

  padding-top: 70px;

  box-sizing: border-box;

  margin-top: 110px;

  background: url(../images/pro_bg.jpg) center no-repeat;

}

.pro .pro_main .pro_view {

  margin-top: 60px;

}

.pro .pro_main .pro_view ul {

  width: 100%;

}

.pro .pro_main .pro_view ul li {

  float: left;

  width: 216px;

  margin-right: 25px;

}

.pro .pro_main .pro_view ul li:hover > a {

  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);

}

.pro .pro_main .pro_view ul li:hover > a > img {

  transform: scale(1);

}

.pro .pro_main .pro_view ul li > a {

  display: block;

  width: 100%;

  height: 406px;

  overflow: hidden;

}

.pro .pro_main .pro_view ul li > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.05);

}

.pro .pro_main .pro_view ul li .pro_txt {

  position: relative;

  z-index: 1;

  margin-top: 66px;

}

.pro .pro_main .pro_view ul li .pro_txt > span {

  position: absolute;

  z-index: -1;

  font-size: 60px;

  font-family: Arial;

  color: rgba(255, 255, 255, 0.08);

  line-height: 42px;

  left: 0;

  bottom: 0;

}

.pro .pro_main .pro_view ul li .pro_txt > a {

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 18px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #ffffff;

  position: relative;

}

.pro .pro_main .pro_view ul li .pro_txt > a::after {

  content: "";

  position: absolute;

  width: 21px;

  height: 100%;

  right: 5px;

  top: 0;

  background: url(../images/pro_err.png) center no-repeat;

  animation: 2s infinite myfirst2;

}

.pro .pro_main .pro_view ul li:nth-child(even) > a {

  margin-top: 34px;

}

.pro .pro_main .pro_view ul li:nth-last-child(1) {

  margin-right: 0;

}

.pro .pro_main > a {

  display: block;

  width: 170px;

  height: 50px;

  border: solid 1px rgba(255, 255, 255, 0.5);

  box-sizing: border-box;

  text-align: center;

  line-height: 48px;

  font-size: 14px;

  color: #cccccc;

  margin: 80px auto 0;

}

.region {

  width: 100%;

  margin-top: 80px;

}

.region .region_main .region_con {

  margin-top: 30px;

}

.region .region_main .region_con .region_fl {

  width: 100%;

  background-color: #f7f7f7;

}

.region .region_main .region_con .region_fl ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.region .region_main .region_con .region_fl ul li {

  flex: 0 0 12.5%;

  float: left;

  width: 12.5%;

  line-height: 52px;

  text-align: center;

}

.region .region_main .region_con .region_fl ul li > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 5px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 15px;

  color: #444444;

}

.region .region_main .region_con .region_fl ul li:hover > a {

  color: #093389;

  font-weight: bold;

}

.region .region_main .region_con .regin_view {

  width: 100%;

  margin-top: 28px;

}

.region .region_main .region_con .regin_view ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.region .region_main .region_con .regin_view ul li {

  flex: 0 0 380px;

  float: left;

  width: 380px;

  background-color: #f7f7f7;

  position: relative;

  margin-bottom: 40px;

  box-sizing: border-box;

  height: 346px;

  overflow: hidden;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.region .region_main .region_con .regin_view ul li .regin_cover {

  position: absolute;

  width: 324px;

  height: 0;

  background: rgba(9, 51, 137, 0.5);

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  overflow: hidden;

  transition: all 0.2s ease-in-out;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box {

  position: absolute;

  width: 280px;

  height: 246px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  padding-top: 60px;

  box-sizing: border-box;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box::after,

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box::before {

  content: "";

  position: absolute;

  background: rgba(255, 255, 255, 0.3);

  transition: all 0.3s ease-in-out;

  transition-delay: 0.2s;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box::after {

  width: 0;

  height: 1px;

  top: 0;

  left: 0;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box::before {

  width: 1px;

  height: 0;

  top: 0;

  left: 0;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > a {

  display: block;

  width: 100%;

  text-align: center;

  font-size: 16px;

  line-height: 18px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding: 0 10px;

  box-sizing: border-box;

  color: #ffffff;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > a::after,

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > a::before {

  content: "";

  position: absolute;

  background: rgba(255, 255, 255, 0.3);

  transition: all 0.3s ease-in-out;

  transition-delay: 0.5s;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > a::after {

  width: 1px;

  height: 0;

  top: 0;

  right: 0;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > a::before {

  width: 0;

  height: 1px;

  bottom: 0;

  right: 0;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > span {

  display: block;

  width: 84px;

  height: 84px;

  margin: 38px auto 0;

  opacity: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  transition-delay: 0.5s;

}

.region .region_main .region_con .regin_view ul li .regin_cover .regin_box > span > a {

  display: block;

  width: 100%;

  height: 100%;

  background: url(../images/regin_ico.png) center no-repeat;

  border-radius: 50%;

}

.region .region_main .region_con .regin_view ul li .regin_v {

  width: 100%;

  height: 280px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.region .region_main .region_con .regin_view ul li .regin_v > a {

  display: block;

  height: 100%;

  width: 100%;

  overflow: hidden;

}

.region .region_main .region_con .regin_view ul li .regin_v > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.1);

}

.region .region_main .region_con .regin_view ul li .regin_txt {

  width: 100%;

  height: 66px;

  text-align: center;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.region .region_main .region_con .regin_view ul li .regin_txt > a {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 66px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding: 0 10px;

  box-sizing: border-box;

  color: #666666;

  font-size: 15px;

}

.region .region_main .region_con .regin_view ul li:hover {

  padding: 28px;

}

.region .region_main .region_con .regin_view ul li:hover .regin_cover {

  height: 290px;

  opacity: 1;

}

.region .region_main .region_con .regin_view ul li:hover .regin_cover .regin_box::after {

  width: 100%;

}

.region .region_main .region_con .regin_view ul li:hover .regin_cover .regin_box::before {

  height: 100%;

}

.region .region_main .region_con .regin_view ul li:hover .regin_cover .regin_box > a::after {

  height: 100%;

}

.region .region_main .region_con .regin_view ul li:hover .regin_cover .regin_box > a::before {

  width: 100%;

}

.region .region_main .region_con .regin_view ul li:hover .regin_cover .regin_box > span {

  opacity: 1;

}

.region .region_main .region_con .regin_view ul li:hover .regin_v {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.region .region_main .region_con .regin_view ul li:hover .regin_v > a > img {

  transform: scale(1);

}

.region .region_main .region_con .regin_view ul li:hover .regin_txt {

  height: 0;

}

.news {

  width: 100%;

  height: 929px;

  background-color: #fafafa;

  overflow: hidden;

  padding-top: 70px;

  box-sizing: border-box;

}

.news .news_main .title2 > span {

  background-color: #9a9a9a;

  opacity: 0.2;

}

.news .news_main .news_con {

  margin-top: 42px;

}

.news .news_main .news_con .news_menu {

  width: 100%;

  height: 50px;

  border-bottom: 1px solid #e6e6e6;

  box-sizing: border-box;

}

.news .news_main .news_con .news_menu ul li {

  float: left;

  width: 92px;

  text-align: center;

  position: relative;

  margin-right: 80px;

}

.news .news_main .news_con .news_menu ul li::after {

  content: "";

  position: absolute;

  width: 0;

  left: 50%;

  transform: translate(-50%);

  bottom: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  background: #264973;

  height: 2px;

  transition-delay: 0.3s;

}

.news .news_main .news_con .news_menu ul li::before {

  content: "";

  position: absolute;

  width: 1px;

  height: 16px;

  background-color: #9b9b9b;

  left: 133px;

  top: 50%;

  margin-top: -8px;

}

.news .news_main .news_con .news_menu ul li > a {

  display: block;

  width: 100%;

  line-height: 49px;

  font-size: 16px;

  color: #666666;

}

.news .news_main .news_con .news_menu ul li.on::after {

  width: 100%;

}

.news .news_main .news_con .news_menu ul li.on > a {

  color: #264973;

  font-weight: bold;

}

.news .news_main .news_con .news_menu ul li:nth-last-child(1)::before {

  display: none;

}

.news .news_main .news_con .news_menu > a {

  line-height: 49px;

  font-size: 14px;

  color: #093389;

}

.news .news_main .news_con .news_menu > a:hover {

  transform: translate(-5px);

}

.news .news_main .news_con .news_tab {

  width: 100%;

  margin-top: 34px;

}

.news .news_main .news_con .news_tab .news_list {

  width: 100%;

}

.news .news_main .news_con .news_tab .news_list .news_item {

  width: 100%;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top {

  width: 100%;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top:hover > a > img {

  transform: scale(1.1) rotateZ(-2deg);

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top:hover .news_txt > a {

  color: #264973;

  padding-left: 5px;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top > a {

  width: 477px;

  height: 242px;

  overflow: hidden;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top .news_txt {

  width: 655px;

  margin-top: 30px;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top .news_txt a {

  display: block;

  width: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 18px;

  line-height: 20px;

  color: #333333;

  box-sizing: border-box;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top .news_txt > span {

  display: block;

  font-size: 14px;

  line-height: 14px;

  color: #c7c7c7;

  margin: 17px 0 30px;

  font-family: "simsun";

}

.news .news_main .news_con .news_tab .news_list .news_item .news_top .news_txt > p {

  width: 100%;

  font-size: 14px;

  line-height: 30px;

  height: 120px;

  overflow: hidden;

  color: #888888;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm {

  margin-top: 40px;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li {

  flex: 0 0 550px;

  float: left;

  width: 550px;

  height: 103px;

  padding-top: 30px;

  box-sizing: border-box;

  border-bottom: dashed 1px #d6d6d6;

  position: relative;

  z-index: 1;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  background-color: #093389;

  z-index: -1;

  left: 0;

  bottom: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li .news_time {

  width: 95px;

  height: 43px;

  border-right: 1px solid #e6e6e6;

  box-sizing: border-box;

  text-align: center;

  line-height: 43px;

  font-size: 52px;

  font-weight: bold;

  font-family: "simsun";

  color: #cccccc;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li .news_txt {

  width: 430px;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li .news_txt > a {

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 18px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #666666;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li .news_txt > p {

  width: 100%;

  margin-top: 5px;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li .news_txt > p > span {

  font-size: 12px;

  color: #c7c7c7;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  font-family: "simsun";

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li .news_txt > p > i {

  font-size: 12px;

  font-weight: bold;

  margin-left: 20px;

  color: #c7c7c7;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  font-family: "simsun";

  font-weight: bold;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li:hover::after {

  width: 100%;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li:hover .news_time {

  color: #ffffff;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li:hover .news_txt > a {

  color: #ffffff;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li:hover .news_txt > p span {

  color: #fff;

}

.news .news_main .news_con .news_tab .news_list .news_item .news_botm ul li:hover .news_txt > p > i {

  color: #ffffff;

}

.part {

  width: 100%;

  height: 542px;

  padding-top: 70px;

  box-sizing: border-box;

  overflow: hidden;

  background: url(../images/part_bg.jpg) center no-repeat;

}

.part .part_main .part_view {

  margin-top: 60px;

}

.part .part_main .part_view ul {

  flex-direction: row !important;

}

.part .part_main .part_view ul li {

  float: left;

  width: 210px;

  height: 82px;

  background-color: #ffffff;

  margin-top: 0 !important;

  margin-bottom: 28px;

}

.part .part_main .part_view ul li:hover > a > img {

  transform: scale(1);

}

.part .part_main .part_view ul li > a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.part .part_main .part_view ul li > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.1);

}

.part .part_main .swiper-pagination {

  left: 50%;

  transform: translate(-50%);

}

.part .part_main .swiper-pagination-bullet {

  width: 44px;

  height: 3px;

  background-color: #ffffff;

  opacity: 0.2;

  border-radius: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  margin: 0 21px;

}

.part .part_main .swiper-pagination-bullet-active {

  opacity: 1;

}

.inform {

  width: 100%;

  height: 630px;

  background: url(../images/in_bg.jpg) center no-repeat;

  padding-top: 145px;

  box-sizing: border-box;

}

.inform .in_main .in_l {

  width: 530px;

  margin-top: 12px;

}

.inform .in_main .in_l > h3 {

  background: url(../images/in_tit.png) left center no-repeat;

  padding-left: 47px;

  box-sizing: border-box;

}

.inform .in_main .in_l .in_con {

  margin-top: 45px;

}

.inform .in_main .in_l .in_con input::placeholder {

  font-size: 14px;

  color: #767676;

}

.inform .in_main .in_l .in_con input:focus::placeholder {

  color: transparent;

}

.inform .in_main .in_l .in_con textarea::placeholder {

  font-size: 14px;

  color: #767676;

}

.inform .in_main .in_l .in_con textarea:focus::placeholder {

  color: transparent;

}

.inform .in_main .in_l .in_con > input {

  float: left;

  width: 250px;

  height: 50px;

  border: solid 1px #e5e5e5;

  padding: 0 40px;

  box-sizing: border-box;

  margin-bottom: 30px;

}

.inform .in_main .in_l .in_con #userName {

  background: url(../images/in_ico1.png) 14px center no-repeat;

  margin-right: 28px;

}

.inform .in_main .in_l .in_con #userPhone {

  background: url(../images/in2.png) 14px center no-repeat;

}

.inform .in_main .in_l .in_con textarea {

  display: block;

  width: 100%;

  height: 90px;

  border: solid 1px #e5e5e5;

  box-sizing: border-box;

  background: url(../images/in3.png) 14px 20px no-repeat;

  padding: 18px 40px;

  margin-bottom: 30px;

}

.inform .in_main .in_l .in_con .code_box {

  width: 250px;

  height: 50px;

  position: relative;

  border: solid 1px #e5e5e5;

  box-sizing: border-box;

}

.inform .in_main .in_l .in_con .code_box input {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 110px 0 40px;

  box-sizing: border-box;

  background: url(../images/in4.png) 14px center no-repeat;

}

.inform .in_main .in_l .in_con .code_box > img {

  position: absolute;

  cursor: pointer;

  width: 80px;

  height: 32px;

  top: 9px;

  right: 6px;

}

.inform .in_main .in_l .in_con .code_btn {

  position: relative;

  z-index: 1;

  height: 50px;

}

.inform .in_main .in_l .in_con .code_btn:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: #093389;

  bottom: 1px;

  left: 50%;

  transform: translate(-50%);

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  z-index: -1;

}

.inform .in_main .in_l .in_con .code_btn > button {

  cursor: pointer;

  width: 250px;

  height: 50px;

  border: solid 1px #e5e5e5;

  box-sizing: border-box;

  font-size: 16px;

  color: #333333;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.inform .in_main .in_l .in_con .code_btn:hover::after {

  height: 49px;

}

.inform .in_main .in_l .in_con .code_btn:hover > button {

  color: #fff;

  transform: translateY(0);

}

.inform .in_main .in_r {

  width: 500px;

}

.inform .in_main .in_r > p {

  font-size: 14px;

  color: #999999;

  margin-left: 45px;

  margin-bottom: 30px;

}

.inform .in_main .in_r > p a {

  color: #999999;

}

.inform .in_main .in_r .add .add_item {

  margin-bottom: 68px;

}

.inform .in_main .in_r .add .add_item > i {

  width: 28px;

  height: 30px;

}

.inform .in_main .in_r .add .add_item .add_txt {

  width: 450px;

  margin: 8px 0 0 0;

}

.inform .in_main .in_r .add .add_item .add_txt > h3 {

  font-size: 16px;

  font-weight: bold;

  line-height: 18px;

  color: #333333;

}

.inform .in_main .in_r .add .add_item .add_txt > p {

  width: 100%;

  font-size: 16px;

  color: #999999;

  margin: 25px 0 30px;

}

.inform .in_main .in_r .add .add_item .add_txt > span {

  display: block;

  width: 34px;

  height: 3px;

  background-color: #093389;

}

.inform .in_main .in_r .add .add_item:nth-child(1) > i {

  background: url(../images/add1.png) center no-repeat;

}

.inform .in_main .in_r .add .add_item:nth-child(2) > i {

  background: url(../images/add2.png) center no-repeat;

}

.links {

  width: 100%;

  background-color: #123355;

  padding: 27px 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  box-sizing: border-box;

}

.links .link_main .link_tit {

  font-size: 16px;

  color: #b4bfca;

  line-height: 30px;

}

.links .link_main .link_list {

  width: calc(1180px - 110px);

}

.links .link_main .link_list > a {

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  line-height: 30px;

  color: #b4bfca;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  padding: 0 10px;

  margin: 0 10px;

  position: relative;

}

.links .link_main .link_list > a:hover::after,

.links .link_main .link_list > a:hover::before {

  width: 100%;

}

.links .link_main .link_list > a::after,

.links .link_main .link_list > a::before {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  height: 1px;

  background: #264973;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.links .link_main .link_list > a::after {

  left: 0;

  top: 0;

}

.links .link_main .link_list > a::before {

  right: 0;

  bottom: 0;

}

.links .link_main .link_list > a:hover {

  color: #fff;

}