/* =Skitter styles

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

.banner {

  position: relative;

  width: 100%;

  height: 675px;

  overflow: hidden;

  /* =Focus

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

  /* =Example for dimenions

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

  /* =Default theme

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

  /* =Minimalist theme

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

  /* =Round theme

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

  /* =Clean theme

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

}

.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% !important;

  background: #fff;

}

.banner .box_skitter a {

  display: block;

  width: 100%;

  height: 100%;

}

.banner .box_skitter img {

  width: auto !important;

  max-width: inherit !important;

  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;

  display: block !important;

  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;

  display: block !important;

  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: 80px;

  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: 50px;

  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: #fff;

  float: left;

  margin: 0 10px 0 0;

  cursor: pointer;

  -moz-border-radius: 8px !important;

  -webkit-border-radius: 8px !important;

  border-radius: 8px !important;

  width: 8px !important;

  height: 8px !important;

  text-indent: -9999em;

  overflow: hidden;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;

  opacity: 0.8;

}

.banner .box_skitter .info_slide_dots .image_number_select,

.banner .box_skitter .info_slide_dots .image_number_select:hover {

  float: left;

  margin: 0 5px 0 0;

  width: 30px !important;

}

.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: 15% !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: #3554ab;

  color: #fff;

  width: 40px;

  border-radius: 7px;

}

.banner .skitter-minimalist .info_slide_dots .image_number {

  width: 14px;

  height: 14px;

}

.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: #3554ab;

  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: #3554ab;

  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: #3554ab;

  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 {

  position: relative;

}

.title1 > h4 {

  width: 507px;

  height: 27px;

}

.title1 > span {

  position: absolute;

  top: 42px;

  left: -64px;

  width: 440px;

  height: 2px;

  background-color: #cccccc;

}

.title1 h3 {

  font-size: 24px;

  line-height: 24px;

  color: #333333;

  margin-top: 30px;

}

.title1 h3 a {

  color: #333333;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.block {

  width: 100%;

  position: relative;

  height: 0;

}

.block .block_main {

  position: absolute;

  top: -40px;

  left: 0;

  width: 100%;

  height: 103px;

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

}

.block .block_main .block_con > p {

  padding-left: 36px;

  box-sizing: border-box;

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

  font-size: 15px;

  letter-spacing: 1px;

  color: #ffffff;

  line-height: 103px;

}

.about {

  width: 100%;

  height: 1590px;

  padding-top: 47px;

  box-sizing: border-box;

  overflow: hidden;

  margin-top: 110px;

  position: relative;

  background: url(../images/ab_bg.jpg) left top no-repeat;

}

.about::after{

  content: "";

  position: absolute;

  width: 38%;

  height: 30%;

  bottom: 54px;

  left: 3%;

  object-fit: contain;

  background-size: 100%;

}

.about .ab_main .ab_txt {

  width: 595px;

  position: relative;

  z-index: 3;

}

.about .ab_main .ab_txt .ab_tit {

  position: relative;

}

.about .ab_main .ab_txt .ab_tit::after {

  content: "";

  position: absolute;

  width: 243px;

  height: 3px;

  background-color: #434343;

  opacity: 0.15;

  top: 28px;

  left: 357px;

}

.about .ab_main .ab_txt .ab_tit > h3 {

  font-size: 34px;

  font-weight: bold;

  line-height: 34px;

  color: #333333;

}

.about .ab_main .ab_txt .ab_tit > h4 {

  font-size: 14px;

  line-height: 14px;

  font-family: Arial;

  letter-spacing: 4px;

  color: #999999;

  margin-top: 8px;

}

.about .ab_main .ab_txt > h5 {

  width: 100%;

  line-height: 36px;

  height: 180px;

  overflow: hidden;

  font-size: 14px;

  margin: 70px 0 55px;

}

.about .ab_main .ab_txt > a {

  display: block;

  width: 98px;

  height: 23px;

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

}

.about .ab_main .ab_txt > span {

  position: absolute;

  width: 408px;

  height: 47px;

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

  left: 307px;

  top: 323px;

}

.about .ab_main .ab_txt .ab_links {

  position: absolute;

  width: 814px;

  height: 130px;

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

  box-shadow: 0px 0px 13px 3px rgba(28, 28, 30, 0.06);

  left: 0;

  top: 393px;

}

.about .ab_main .ab_txt .ab_links .ab_logo {

  width: 130px;

  height: 130px;

  background-color: #1d3fa0;

}

.about .ab_main .ab_txt .ab_links .ab_logo > span {

  display: block;

  width: 78px;

  height: 77px;

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

  margin: 24px auto 0;

}

.about .ab_main .ab_txt .ab_links .ab_links_con {

  width: calc(100% - 130px);

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item {

  flex: 0 0 25%;

  float: left;

  width: 25%;

  height: 130px;

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > a {

  display: block;

  width: 33px;

  height: 30px;

  margin: 40px auto 0;

  position: relative;

  overflow: hidden;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > a > span,

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > a > i {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  transition: all 0.7s ease-in-out;

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > a > span {

  left: 0;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > a > i {

  left: 100%;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > h3 {

  width: 100%;

  text-align: center;

  margin-top: 20px;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item > h3 > a {

  display: block;

  width: 100%;

  font-size: 16px;

  letter-spacing: 1px;

  color: #333333;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:hover > a > span {

  left: -100%;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:hover > a > i {

  left: 0;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:hover > h3 > a {

  color: #3554ab;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(1) > a > span {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(1) > a > i {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(2) > a > span {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(2) > a > i {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(3) > a > span {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(3) > a > i {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(4) {

  background: none;

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(4) > a > span {

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

}

.about .ab_main .ab_txt .ab_links .ab_links_con .ab_item:nth-child(4) > a > i {

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

}

.about .ab_main .ab_v {

  width: 660px;

  height: 627px;

  position: relative;

  z-index: 2;

}

.about .ab_main .ab_v > img {

  position: absolute;

  left: 0;

  top: 0;

  width: 827px;

  height: 100%;

}

.about .zc {

  position: absolute;

  width: 100%;

  height: 932px;

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

  bottom: 0;

  left: 0;

  padding-top: 138px;

  box-sizing: border-box;

}

.about .zc .zc_main {

  position: relative;

}

.about .zc .zc_main .zc_txt {

  position: absolute;

  right: 136px;

  top: 0;

  width: 1088px;

  height: 747px;

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

  padding: 70px 126px 0 100px;

  box-sizing: border-box;

}

.about .zc .zc_main .zc_txt > h3 {

  font-size: 32px;

  line-height: 32px;

  color: #333333;

  margin-bottom: 22px;

  text-align: center;

}

.about .zc .zc_main .zc_txt > h4 {

  font-size: 14px;

  line-height: 14px;

  color: #777777;

  text-align: center;

}

.about .zc .zc_main .zc_txt .ac_txt_con {

  width: 100%;

  font-size: 15px;

  color: #333333;

  line-height: 36px;

  margin-top: 50px;

}

.about .zc .zc_main .zc_txt .ac_txt_con > p {

  margin-bottom: 15px;

  text-indent: 2em;

}

.about .zc .zc_main .zc_txt > span {

  display: block;

  font-size: 16px;

  width: 100%;

  padding-left: 675px;

  box-sizing: border-box;

  color: #333333;

  margin-top: 30px;

}

.honer {

  width: 100%;

  height: 668px;

  overflow: hidden;

  background: url(../images/honer_bg.jpg) left bottom no-repeat;

  margin-top: 112px;

}

.honer .honer_main .honer_tit .honer_l .title1 > h4 {

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

}

.honer .honer_main .honer_tit .honer_l .honer_tell {

  margin-top: 102px;

}

.honer .honer_main .honer_tit .honer_l .honer_tell > i {

  display: inline-block;

  vertical-align: middle;

  width: 30px;

  height: 31px;

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

}

.honer .honer_main .honer_tit .honer_l .honer_tell > span {

  display: inline-block;

  vertical-align: middle;

  font-size: 22px;

  font-weight: bold;

  color: #333333;

  margin: 0 40px 0 12px;

}

.honer .honer_main .honer_tit .honer_l .honer_tell > a {

  display: inline-block;

  vertical-align: middle;

  width: 100px;

  height: 40px;

  line-height: 38px;

  font-size: 16px;

  color: #334b8d;

  padding-left: 25px;

  box-sizing: border-box;

  border-top: 1px solid #334b8d;

  border-bottom: 1px solid #334b8d;

  position: relative;

}

.honer .honer_main .honer_tit .honer_l .honer_tell > a::after {

  content: "";

  position: absolute;

  width: 13px;

  height: 15px;

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

  top: 12px;

  left: 5px;

  animation: 1s infinite jello;

}

.honer .honer_main .honer_tit .honer_r {

  margin-top: 148px;

}

.honer .honer_main .honer_tit .honer_r > h3 {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  letter-spacing: 1px;

  color: #333333;

}

.honer .honer_main .honer_tit .honer_r > h4 {

  font-size: 14px;

  line-height: 14px;

  margin-top: 22px;

  letter-spacing: 9px;

  color: #888888;

}

.honer .honer_main .honer_view {

  width: 100%;

  margin-top: 110px;

}

.honer .honer_main .honer_view .tempWrap {

  width: 100% !important;

}

.honer .honer_main .honer_view ul li {

  float: left;

  width: 315px;

  margin-right: 35px;

}

.honer .honer_main .honer_view ul li .honer_v {

  width: 100%;

  height: 210px;

  padding: 7px;

  box-sizing: border-box;

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

}

.honer .honer_main .honer_view ul li .honer_v > a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.honer .honer_main .honer_view ul li .honer_v > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.honer .honer_main .honer_view ul li .honer_txt {

  width: 100%;

  height: 37px;

  overflow: hidden;

  margin-top: 15px;

  background: url(../images/honer_line.png) right bottom no-repeat;

}

.honer .honer_main .honer_view ul li .honer_txt > a {

  display: block;

  display: 60%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 14px;

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

  padding: 0 120px 0 6px;

  box-sizing: border-box;

  margin-top: 8px;

  line-height: 16px;

}

.honer .honer_main .honer_view ul li:hover .honer_v > a > img {

  transform: scale(1.05);

}

.pro {

  width: 100%;

  margin-top: 150px;

}

.pro .pro_main .pro_tit {

  width: 100%;

}

.pro .pro_main .pro_tit .title1 > h4 {

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

}

.pro .pro_main .pro_top {

  width: 100%;

  margin-top: 70px;

  position: relative;

}

.pro .pro_main .pro_top .pro_tab {

  width: 100%;

  height: 496px;

  overflow: hidden;

}

.pro .pro_main .pro_top .pro_tab ul li > a {

  width: 754px;

  height: 496px;

  overflow: hidden;

  border-radius: 30px;

}

.pro .pro_main .pro_top .pro_tab ul li > a > img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 30px;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt {

  width: 553px;

  margin: 45px 52px 0 0;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > span {

  display: block;

  width: 100%;

  text-align: right;

  font-size: 40px;

  font-weight: bold;

  font-family: Arial;

  color: #333333;

  padding-right: 174px;

  box-sizing: border-box;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > h3 {

  padding-right: 174px;

  box-sizing: border-box;

  overflow: hidden;

  margin: 20px 0 60px;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > h3 > span {

  float: left;

  width: 228px;

  height: 4px;

  background-color: #313131;

  opacity: 0.4;

  margin-top: 12px;

  transition: all 0.7s ease-in-out;

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

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > h3 > a {

  float: right;

  width: 140px;

  font-size: 26px;

  line-height: 28px;

  color: #333333;

  text-align: right;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > p {

  width: 100%;

  font-size: 14px;

  line-height: 36px;

  height: 144px;

  overflow: hidden;

  color: #555555;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > a {

  display: block;

  width: 122px;

  height: 50px;

  line-height: 30px;

  font-size: 14px;

  color: #555555;

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

  margin-top: 50px;

  padding-left: 5px;

  box-sizing: border-box;

}

.pro .pro_main .pro_top .pro_tab ul li .pro_txt > a i:nth-child(4) {

  margin-right: 5px;

}

.pro .pro_main .pro_top .pro_tab ul li:hover > a {

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

}

.pro .pro_main .pro_top .pro_tab ul li:hover > a > img {

  transform: scale(1.05);

}

.pro .pro_main .pro_top .pro_tab ul li:hover .pro_txt > h3 > span {

  width: 180px;

}

.pro .pro_main .pro_top .pro_tab ul li:hover .pro_txt > h3 > a {

  width: 160px;

  color: #3554ab;

}

.pro .pro_main .pro_top .pro_menu {

  position: absolute;

  right: 0;

  bottom: 352px;

}

.pro .pro_main .pro_top .pro_menu ul li {

  width: 202px;

  height: 52px;

  border-radius: 26px;

  margin-top: 28px;

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

  position: relative;

  z-index: 1;

}

.pro .pro_main .pro_top .pro_menu ul li:hover > a {

  color: #fff;

}

.pro .pro_main .pro_top .pro_menu ul li:hover > a::after {

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

}

.pro .pro_main .pro_top .pro_menu ul li:hover .hover::after {

  border-radius: 26px;

  opacity: 1;

  -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);

  clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);

}

.pro .pro_main .pro_top .pro_menu ul li > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 10px 0 52px;

  box-sizing: border-box;

  font-size: 16px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #333333;

  line-height: 52px;

  position: relative;

}

.pro .pro_main .pro_top .pro_menu ul li > a::after {

  content: "";

  position: absolute;

  width: 17px;

  height: 17px;

  top: 18px;

  left: 26px;

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

  transition: all 0.7s ease-in-out;

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

  animation: 2s infinite myfirst2;

}

.pro .pro_main .pro_botm {

  width: 100%;

  margin-top: 45px;

}

.pro .pro_main .pro_botm ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.pro .pro_main .pro_botm ul li {

  flex: 0 0 438px;

  float: left;

  width: 438px;

  height: 352px;

  position: relative;

}

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

  transform: scale(1.05);

}

.pro .pro_main .pro_botm ul li:hover > span {

  width: 17px;

  height: 87px;

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

}

.pro .pro_main .pro_botm ul li:hover .pro_ttx {

  padding-right: 45px;

}

.pro .pro_main .pro_botm ul li:hover .pro_ttx > a {

  padding: 0 0 0 40px;

  color: #3554ab;

}

.pro .pro_main .pro_botm ul li:hover .pro_ttx > span > a {

  color: #3554ab;

}

.pro .pro_main .pro_botm ul li > a {

  display: block;

  width: 100%;

  height: 290px;

  border-radius: 30px;

  overflow: hidden;

}

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

  width: 100%;

  height: 100%;

  border-radius: 30px;

  object-fit: cover;

}

.pro .pro_main .pro_botm ul li > span {

  position: absolute;

  width: 10px;

  height: 57px;

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

  transition: all 0.7s ease-in-out;

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

  right: 27px;

  bottom: 0;

}

.pro .pro_main .pro_botm ul li .pro_ttx {

  width: 100%;

  height: 46px;

  border-bottom: 1px solid rgba(160, 160, 160, 0.6);

  box-sizing: border-box;

  line-height: 45px;

  padding-right: 38px;

  transition: all 0.7s ease-in-out;

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

}

.pro .pro_main .pro_botm ul li .pro_ttx > a {

  font-size: 16px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 60%;

  padding: 0 0 0 36px;

  box-sizing: border-box;

  color: #555555;

}

.pro .pro_main .pro_botm ul li .pro_ttx > span {

  font-size: 12px;

  color: #999999;

}

.pro .pro_main .pro_botm ul li .pro_ttx > span > a {

  display: block;

  width: 100%;

  height: 100%;

  color: #999999;

  line-height: 45px;

  font-size: 12px;

}

.pro .pro_main .pro_botm ul li .pro_ttx > span > a i:nth-child(4) {

  margin-right: 5px;

}

.case {

  width: 100%;

  padding-top: 110px;

  box-sizing: border-box;

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

}

.case .case_main .case_tit {

  width: 100%;

}

.case .case_main .case_tit .title1 > h4 {

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

}

.case .case_main .case_tit .case_tell {

  width: 213px;

  height: 52px;

  border-radius: 26px;

  border: solid 1px #1d3fa0;

  padding-left: 7px;

  box-sizing: border-box;

  line-height: 50px;

}

.case .case_main .case_tit .case_tell > i {

  display: inline-block;

  vertical-align: middle;

  width: 40px;

  height: 40px;

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

}

.case .case_main .case_tit .case_tell > span {

  display: inline-block;

  vertical-align: middle;

  font-size: 20px;

  margin-left: 8px;

  color: #666666;

  line-height: 40px;

}

.case .case_main .case_view {

  width: 100%;

  margin-top: 46px;

}

.case .case_main .case_view ul li {

  float: left;

  position: relative;

  width: 440px;

  margin: 0 40px 40px 0;

  transition: all 0.7s ease-in-out;

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

}

.case .case_main .case_view ul li .case_v {

  width: 100%;

  height: 290px;

  padding: 4px;

  border-radius: 30px;

  box-sizing: border-box;

  border: 1px solid #c9c9c9;

  transition: all 0.7s ease-in-out;

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

}

.case .case_main .case_view ul li .case_v > a {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 30px;

  overflow: hidden;

}

.case .case_main .case_view ul li .case_v > a > img {

  width: 100%;

  height: 100%;

  border-radius: 30px;

  object-fit: cover;

}

.case .case_main .case_view ul li .case_ttx {

  width: 100%;

  position: absolute;

  width: 236px;

  height: 48px;

  right: 4px;

  bottom: 4px;

  border-radius: 30px 0 30px 0;

  background: rgba(0, 0, 0, 0.5);

  line-height: 48px;

  transition: all 0.7s ease-in-out;

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

}

.case .case_main .case_view ul li .case_ttx > a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;

  padding: 0 20px;

  box-sizing: border-box;

  font-size: 14px;

  color: #dddddd;

}

.case .case_main .case_view ul li:hover {

  transform: translateY(-5px);

}

.case .case_main .case_view ul li:hover .case_v {

  border: 1px solid #3554ab;

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

}

.case .case_main .case_view ul li:hover .case_v > a > img {

  transform: scale(1.05);

}

.case .case_main .case_view ul li:hover .case_ttx {

  background-color: rgba(29, 63, 160, 0.7);

}

.case .case_main .case_view ul li:nth-child(2),

.case .case_main .case_view ul li:nth-child(5) {

  margin-top: 50px;

}

.case .case_main .case_view ul li:nth-child(3n) {

  margin-right: 0;

}

.gg {

  width: 100%;

  height: 174px;

  padding-top: 56px;

  box-sizing: border-box;

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

}

.gg .gg_main {

  height: 100%;

  position: relative;

}

.gg .gg_main .gg_v {

  position: absolute;

  width: 219px;

  height: 204px;

  left: 100px;

  top: -86px;

}

.gg .gg_main .gg_v .sjcLeft {

  width: 100%;

  height: 100%;

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

}

.gg .gg_main .gg_txt {

  color: #ffffff;

  margin-right: 194px;

}

.gg .gg_main .gg_txt > h3 {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  letter-spacing: 8px;

  margin: 0 auto;

  text-align: center;

  margin-bottom: 16px;

}

.gg .gg_main .gg_txt > h4 {

  width: 822px;

  height: 38px;

  background-color: rgba(6, 20, 32, 0.2);

  line-height: 38px;

  text-align: center;

}

.news {

  width: 100%;

  height: 651px;

  overflow: hidden;

  margin-top: 85px;

}

.news .news_main .news_tit {

  width: 100%;

}

.news .news_main .news_tit .title1 > h4 {

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

}

.news .news_main .news_tit .news_menu ul li {

  float: left;

  width: 130px;

}

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

  display: block;

  width: 100%;

  padding-left: 30px;

  box-sizing: border-box;

  position: relative;

  font-size: 16px;

  color: #333333;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .news_tit .news_menu ul li > a::after {

  content: "";

  position: absolute;

  width: 17px;

  height: 18px;

  left: 0;

  top: 50%;

  margin-top: -9px;

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

  animation: 2s infinite myfisrt2;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .news_tit .news_menu ul li.on > a::after {

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

}

.news .news_main .news_tab {

  width: 100%;

  margin-top: 48px;

}

.news .news_main .news_tab .news_list {

  width: 100%;

}

.news .news_main .news_tab .news_list .news_item {

  width: 100%;

}

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

  height: 326px;

  width: 100%;

  background-color: rgba(242, 242, 242, 0.4);

  position: relative;

}

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

  border-radius: 50px;

}

.news .news_main .news_tab .news_list .news_item .news_top:hover .news_ttx > h3 > a {

  color: #3554ab;

  padding-left: 5px;

}

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

  position: absolute;

  width: 214px;

  height: 2px;

  background-color: #2176bc;

  top: 117px;

  left: 442px;

}

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

  width: 555px;

  height: 326px;

}

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

  width: 100%;

  height: 100%;

  object-fit: cover;

}

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

  width: 750px;

  padding-top: 62px;

  box-sizing: border-box;

  margin-right: 46px;

}

.news .news_main .news_tab .news_list .news_item .news_top .news_ttx > h3 {

  width: 100%;

  line-height: 22px;

}

.news .news_main .news_tab .news_list .news_item .news_top .news_ttx > h3 > a {

  float: left;

  width: 70%;

  font-size: 20px;

  line-height: 22px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #222222;

  box-sizing: border-box;

}

.news .news_main .news_tab .news_list .news_item .news_top .news_ttx > h3 > span {

  font-size: 24px;

  font-weight: bold;

  color: #555555;

}

.news .news_main .news_tab .news_list .news_item .news_top .news_ttx > p {

  width: 640px;

  font-size: 14px;

  line-height: 30px;

  height: 90px;

  overflow: hidden;

  color: #777777;

  margin: 50px 0 20px;

}

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

  display: block;

  width: 132px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  font-size: 12px;

  color: #ffffff;

  border-radius: 0 10px 0 10px;

  background: #3554ab;

  transition: all 0.7s ease-in-out;

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

}

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

  transform: translateY(-5px);

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

}

.news .news_main .news_tab .news_list .news_item .news_top .news_ttx > a i:nth-child(4) {

  margin-right: 5px;

}

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

  width: 100%;

  height: 136px;

  background-color: #ffffff;

  border: solid 1px #e3e3e3;

  box-sizing: border-box;

  padding: 10px 17px 0;

  margin-top: 60px;

  position: relative;

}

.news .news_main .news_tab .news_list .news_item .news_botm::after {

  content: "";

  position: absolute;

  width: 1347px;

  height: 1px;

  background-color: #e3e3e3;

  top: 65px;

  left: 50%;

  transform: translate(-50%);

}

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

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

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

  flex: 0 0 400px;

  float: left;

  width: 400px;

  height: 60px;

  line-height: 60px;

  padding: 0 10px;

  box-sizing: border-box;

}

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

  color: #3554ab;

  padding: 0 20px 0 25px;

}

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

  transform: rotateY(360deg);

  background: #3554ab;

}

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

  width: 70%;

  font-size: 14px;

  color: #999999;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  position: relative;

  padding: 0 20px;

  box-sizing: border-box;

}

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

  content: "";

  position: absolute;

  width: 8px;

  height: 8px;

  background-color: #d7d7d7;

  border-radius: 50%;

  left: 0;

  top: 50%;

  margin-top: -4px;

  transition: all 0.7s ease-in-out;

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

}

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

  font-size: 12px;

  color: #999999;

}

.links {

  width: 100%;

  margin: 70px 0 30px;

}

.links .link_main .link_tit {

  padding-left: 54px;

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

  font-size: 24px;

  line-height: 40px;

  letter-spacing: 2px;

  color: #333333;

}

.links .link_main .link_list {

  line-height: 30px;

  padding: 5px 0;

  width: calc(100% - 150px);

}

.links .link_main .link_list > a {

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  color: rgba(51, 51, 51, 0.6);

  position: relative;

  padding: 0 10px;

  margin: 0 10px;

}

.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: #3554ab;

  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: #3554ab;

}

.inform {

  width: 100%;

  height: 213px;

  padding-top: 42px;

  box-sizing: border-box;

  background: #f4f7fb;

}

.inform .in_main .ewm {

  height: 127px;

}

.inform .in_main .ewm > img {

  width: 127px;

  height: 127px;

}

.inform .in_main .ewm > p {

  margin-left: 18px;

  font-size: 14px;

  width: 14px;

  writing-mode: tb-rl;

  color: #999999;

  text-align: center;

  height: 100%;

}

.inform .in_main .in_con {

  width: 996px;

}

.inform .in_main .in_con .in_l {

  width: 875px;

}

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

  font-size: 14px;

  color: #b3b3b3;

}

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

  color: transparent;

}

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

  font-size: 14px;

  color: #b3b3b3;

}

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

  color: transparent;

}

.inform .in_main .in_con .in_l > input {

  float: left;

  width: 275px;

  height: 45px;

  padding: 0 62px;

  box-sizing: border-box;

  margin-right: 16px;

  border: solid 1px #ececec;

  margin-bottom: 14px;

}

.inform .in_main .in_con .in_l #userName {

  background: url(../images/in1.png) 18px center no-repeat #fff;

}

.inform .in_main .in_con .in_l #userPhone {

  width: 317px;

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

}

.inform .in_main .in_con .in_l .code_box {

  width: 250px;

  height: 45px;

  position: relative;

}

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

  display: block;

  width: 100%;

  height: 100%;

  border: solid 1px #ececec;

  box-sizing: border-box;

  padding: 0 120px 0 14px;

}

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

  position: absolute;

  cursor: pointer;

  width: 90px;

  height: 36px;

  right: 2px;

  top: 4px;

}

.inform .in_main .in_con .in_l > textarea {

  display: block;

  width: 100%;

  height: 71px;

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

  border: solid 1px #ececec;

  padding: 26px 62px 0;

  box-sizing: border-box;

}

.inform .in_main .in_con > button {

  width: 101px;

  height: 129px;

  background: url(../images/in4.png) center 42px no-repeat #3169ba;

  cursor: pointer;

  font-size: 16px;

  color: #ffffff;

  padding-top: 50px;

  box-sizing: border-box;

  border-radius: 20px 0 20px 0;

  transition: all 0.7s ease-in-out;

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

}

.inform .in_main .in_con > button:hover {

  border-radius: 0 20px 0 20px;

}