@charset "UTF-8";

.move_change {
  display: none;
}
.content_box img {
    max-width: 814px;
}
.page_list {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
}

.page_list span:nth-child(1) {
  display: none;
}

.pager {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}

.pager a {
  color: #fff;
}

.pager a:hover {
  color: #fff;
}

.white {
  color: #ffffff !important;
}

/* 右侧固定部分 */
.fix {
  background: #2973d4;
  position: fixed;
  right: 0;
  top: 35%;
  z-index: 999;
}

.fix li {
  border-bottom: 1px solid #fff;
  text-align: center;
  position: relative;
  z-index: 222;
}

.fix li .title {
  color: #fff;
  padding: 1em 1.5em;
  font-size: 0.8em;
}

.fix li:hover p {
  display: block;
  margin: 0;
}

.fix li {
  position: relative;
}

.tel_f {
  display: none;
}

.fix li p a:nth-child(2) {
  font-size: 14px;
  line-height: 28px;
}

.fix li a {
  height: 100%;
}

.fix li p {
  top: 0;
  position: absolute;
  right: 90px;
  background: #2973d4;
  color: #fff;
  display: none;
  padding: 12px;
}

.fix li p img {
  width: 160px;
}

.fix li>img {
  margin-top: 14px;
  width: 30px;
}

.fix li:last-child img {
  margin-top: 14px;
  width: 30px;
}

.fix li:last-child {
  border: 0;
}

.banner {
    margin-top: 108px;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.banner a {
  display: block;
}

.banner img {
  max-width: 100%;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #79bf5c;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.banner .bx-wrapper .bx-prev,
.banner .bx-wrapper .bx-next {
  width: 40px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  background: url(../images/slide_bPc.png) no-repeat;
  visibility: hidden;
}

.banner:hover .bx-wrapper .bx-prev,
.banner:hover .bx-wrapper .bx-next {
  visibility: visible;
}

.banner .bx-wrapper .bx-prev {
  left: 50px;
  background-position: 0 0;
}

.banner .bx-wrapper .bx-next {
  right: 50px;
  background-position: -40px 0;
}

.my_container {
  width: 100%;
  position: relative;
}

.my_container .lable_box {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  text-align: center;
}

.my_container .lable_box h1 {
  font-weight: bold;
  font-size: 42px;
  color: #000000;
}

.my_container .lable_box h6 {
  letter-spacing: 8px;
  font-size: 14px;
  margin: 20px 0px;
}

.my_container .lable_box .lable_icon {
  width: 184px;
  height: 35px;
  display: block;
  margin: 0 auto;
}

.my_container .about_box {
  background: url(../images/bg00.jpg) no-repeat center;
  background-size: cover;
  /* height: 696px; */
  height: 600px;
}

.my_container .about_box .about_top {
  position: relative;
}

.my_container .about_box .about_top .company_text_box {
  width: 53%;
}

.my_container .about_box .about_top .company_text_box .company_top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.my_container .about_box .about_top .company_text_box .company_top .company_title {
  font-size: 3.8rem;
  font-weight: bold;
  background-image: linear-gradient(to bottom, #2694c9, #054392);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.my_container .about_box .about_top .company_text_box .company_top .more {
  color: #2973d4;
}

.my_container .about_box .about_top .right_pic {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

.my_container .about_box .about_top .right_pic .pic_box {
  text-align: right;
}

.my_container .about_box .about_top .right_pic .pic_box img {
  width: 600px;
  /* height: 684px; */
  height: 550px;
  display: block;
  object-fit: cover;
}

.my_container .about_box .about_up {
  margin-top: 20px;
}

.my_container .about_box .about_up .desc_text {
  width: 53%;
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 9;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}

.my_container .about_box .about_up .desc_text p {
  text-indent: 2em;
  margin: 0;
  line-height: 2em;
}

.my_container .num_box {
  background: url(../images/bg01.jpg) no-repeat center;
  background-size: cover;
  /* height: 305px; */
  height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.my_container .num_box .num_left_box .num_list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 53%;
}

.my_container .num_box .num_left_box .num_list .num_item {
  color: #fff;
  text-align: center;
  line-height: 1;
}

.my_container .num_box .num_left_box .num_list .num_item .num_item_top {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.my_container .num_box .num_left_box .num_list .num_item .num_item_top .big_nu {
  font-size: 60px;
  font-weight: bold;
}

.my_container .num_box .num_left_box .num_list .num_item .num_item_top .s_num {
  font-size: 28px;
  font-weight: normal;
}

.my_container .num_box .num_left_box .num_list .num_item .num_item_up {
  margin-top: 16px;
  padding: 5px 5px 5px 15px;
  position: relative;
  text-align: left;
}

.my_container .num_box .num_left_box .num_list .num_item .num_item_up .num_item_up_text_box .text {
  margin-top: 10px;
  font-weight: normal;
}

.my_container .num_box .num_left_box .num_list .num_item .num_item_up .num_item_up_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}

.my_container .product_box {
  background: url(../images/bg07.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 5em;
}

.my_container .product_box .product_cate_section {
  position: relative;
}

.my_container .product_box .product_cate_section .tabs nav ul .product_title_pic {
  background: url(../images/bg03.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /*height: 126px;*/
  /*width: calc(292px - 4em);*/
  padding: 2em 2em 2em 1em;
  /*padding: 0em 5em 0em 2em;*/
}

.my_container .product_box .product_cate_section .tabs nav ul .product_title_pic h2 {
  font-weight: bold;
  margin: 0;
}

.my_container .product_box .product_cate_section .tabs nav ul .product_title_pic p {
  margin: 10px 0 0;
  font-size: 16px;
}

.my_container .product_box .product_cate_section .product_more {
  position: absolute;
  bottom: calc(1em + 10px);
  left: calc(1em + 10px);
}

.my_container .product_box .product_cate_section .product_more a {
  color: #12569d;
}

.my_container .cooperation_bg_box {
  background: url(../images/bg04.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}

.my_container .cooperation_bg_box .cooperation_box {
  padding-bottom: 120px;
}

.my_container .cooperation_bg_box .cooperation_box ul {
  display: flex;
  align-items: center;
}

.my_container .cooperation_bg_box .cooperation_box ul li {
  flex: 0 0 calc(20% - 28px);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 35px;
}

.my_container .cooperation_bg_box .cooperation_box ul li:last-child {
  margin-right: 0;
}

.my_container .cooperation_bg_box .cooperation_box ul li a img {
  width: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
}

.my_container .cooperation_bg_box .cooperation_box ul li a img:hover {
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

.my_container .research_bg_box {
  background: url(../images/bg05.jpg) no-repeat center;
  background-size: cover;
}

.my_container .research_bg_box .research_box {
  padding-bottom: 40px;
}

.my_container .research_bg_box .research_box ul {
  display: flex;
  align-items: center;
}

.my_container .research_bg_box .research_box ul li {
  flex: 0 0 calc(25% - 15px);
  margin-right: 20px;
  width: 290px;
  height: 560px;
  /* height: 650px; */
}

.my_container .research_bg_box .research_box ul li:last-child {
  margin-right: 0;
}

.my_container .research_bg_box .research_box ul li a {
  width: calc(100% - 40px);
  padding: 20px;
  display: block;
  color: #fff;
  height: calc(100% - 40px);
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
}

.my_container .research_bg_box .research_box ul li a::before {
  transform: translateY(100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  transition: all 0.3s;
}

.my_container .research_bg_box .research_box ul li a:hover::before {
  transform: translateY(0%);
}

.my_container .research_bg_box .research_box ul li a:hover .research_info_box .research_info_describe,
.my_container .research_bg_box .research_box ul li a:hover .research_info_box .research_info_title {
  color: #659ef3;
}

.my_container .research_bg_box .research_box ul li a .research_info_box {
  width: 100%;
  position: relative;
  z-index: 9;
}

.my_container .research_bg_box .research_box ul li a .research_info_box .research_info_title {
  width: 100%;
  font-size: 32px;
  font-weight: bold;
  transition: all 0.3s;
  text-align: center;
}

.my_container .research_bg_box .research_box ul li a .research_info_box .research_info_describe {
  width: calc(100% - 20px);
  margin: 20px auto 0;
  line-height: 2em;
  text-align: center;
  overflow: hidden;
  /* 三行显示省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  padding: 0 10px;
}

.my_container .research_bg_box .research_box .research_more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.my_container .research_bg_box .research_box .research_more a {
  color: #2c71d6;
  border: 1px solid #2c71d6;
  background: #ffffff;
  padding: 10px 70px;
  font-size: 17px;
  display: block;
  margin: 0 auto;
  border-radius: 56px;
  transition: all 0.3s;
}

.my_container .research_bg_box .research_box .research_more a:hover {
  background: #2c71d6;
  color: #fff;
}

.my_container .new_bg_box {
  background: url(../images/new-bg.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 40px;
}

.my_container .new_bg_box .new_box {
  display: flex;
  align-items: flex-start;
}

.my_container .new_bg_box .new_box .left_big_pic_new {
  width: 44%;
}

.my_container .new_bg_box .new_box .left_big_pic_new a {
  display: block;
}

.my_container .new_bg_box .new_box .left_big_pic_new a:hover .left_news_title {
  color: #c1dbff;
}

.my_container .new_bg_box .new_box .left_big_pic_new a:hover .left_news_describe {
  color: #fff;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .img_box {
  width: 100%;
  height: 400px;
  border-radius: 8px;
  overflow: hidden;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .img_box img:hover {
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .left_news_title {
  margin-top: 26px;
  font-size: 1.3em;
  color: #ffffff;
  font-weight: bold;
  overflow: hidden;
  /* 三行显示省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .left_news_describe {
  margin-top: 20px;
  line-height: 1.7em;
  overflow: hidden;
  /* 三行显示省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #598bd4;
  transition: all 0.3s;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .left_news_time_more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-top: 36px;
}

.my_container .new_bg_box .new_box .left_big_pic_new a .left_news_time_more .left_news_more:hover {
  color: #c1dbff;
}

.my_container .new_bg_box .new_box .right_news_list {
  width: 53%;
  margin-left: 3%;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item {
  margin-top: 33px;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:hover .t_l_time {
  background: #ffffff;
  color: #12569d;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:hover .right_news_item_info_box .right_news_info_describe {
  color: #fff;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:first-child {
  margin-top: 0;
  margin-bottom: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #598bd4;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:first-child a img {
  display: block;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:first-child .right_news_item_info_box {
  height: 160px;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:first-child .right_news_item_info_box .right_news_info_time_more {
  display: flex;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:first-child .right_news_item_info_box .detail {
  display: none;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item:first-child .t_l_time {
  display: none;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a {
  display: flex;
  align-items: center;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a img {
  display: none;
  margin-right: 16px;
  width: 240px;
  height: 160px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .t_l_time {
  display: block;
  border: 2px solid #fff;
  width: 92px;
  height: 92px;
  color: #fff;
  margin-right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .t_l_time .m_d {
  font-size: 26px;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .right_news_item_info_box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 96px;
  position: relative;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .right_news_item_info_box .right_news_info_title {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  font-size: 16px;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .right_news_item_info_box .right_news_info_describe {
  line-height: 1.7em;
  overflow: hidden;
  /* 三行显示省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #598bd4;
  text-overflow: "[string]"[position];
  transition: all 0.3s;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .right_news_item_info_box .right_news_info_time_more {
  align-items: center;
  justify-content: space-between;
  color: #fff;
  display: none;
}

.my_container .new_bg_box .new_box .right_news_list .right_news_item a .right_news_item_info_box .detail {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  margin-bottom: 2px;
}

.my_container .new_bg_box .news_more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.my_container .new_bg_box .news_more a {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 70px;
  font-size: 17px;
  display: block;
  margin: 0 auto;
  border-radius: 56px;
  transition: all 0.3s;
}

.my_container .new_bg_box .news_more a:hover {
  background: #ffffff;
  color: #2c71d6;
}

footer {
  background: #2e2e2e;
  position: relative;
}

footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/footer_bg.png);
  background-repeat: repeat;
  opacity: 0.05;
  z-index: 0;
  /* 设置背景图片的透明度为50% */
}

footer .footer_box {
  position: relative;
  z-index: 9;
}

footer .footer_box .footer_top_box {
  display: flex;
  align-items: center;
  padding-top: 30px;
}

footer .footer_box .footer_top_box img {
  width: 123px;
  height: 50px;
  display: block;
  padding-right: 19px;
  border-right: 1px solid #585858;
  margin-right: 19px;
}

footer .footer_box .footer_top_box .company_name {
  font-weight: bold;
  color: #ffffff;
  font-size: 25px;
}

footer .footer_box .footer_info_box {
  margin-top: 30px;
  color: #999999;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 30px;
}

footer .footer_box .footer_info_box .lable {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

footer .footer_box .footer_info_box .lable img {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 10px;
}

footer .footer_box .footer_info_box .left {
  width: 30%;
}

footer .footer_box .footer_info_box .left .left_info_box {
  position: relative;
}

footer .footer_box .footer_info_box .left .left_info_box ul li {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

footer .footer_box .footer_info_box .left .left_info_box ul li img {
  width: 23px;
  height: 23px;
  display: block;
  margin-right: 10px;
}

footer .footer_box .footer_info_box .left .left_info_box ul li .span {
  font-size: 14px;
  font-weight: bold;
}

footer .footer_box .footer_info_box .left .left_info_box .er_code {
  /* position: absolute;
  top: 0;
  right: 15%; */
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .footer_box .footer_info_box .left .left_info_box .er_code img {
  width: 94px;
  height: 94px;
  display: block;
  margin: 0 20px;
}

footer .footer_box .footer_info_box .mid {
  width: 30%;
}

footer .footer_box .footer_info_box .mid .mid_info_box {
  padding-top: 23px;
  margin-top: 23px;
  border-top: 1px solid #989898;
}

footer .footer_box .footer_info_box .mid .mid_info_box ul {
  width: 50%;
  height: 197px;
  -moz-column-count: 1;
  column-count: 1;
  /* 用于定义列数 */
  -moz-column-gap: 0;
  column-gap: 0;
  /* 用于定义列间隔 */
}

footer .footer_box .footer_info_box .mid .mid_info_box ul li {
  margin-top: 18px;
}

footer .footer_box .footer_info_box .mid .mid_info_box ul li:first-child {
  margin-top: 0;
}

footer .footer_box .footer_info_box .mid .mid_info_box ul li:nth-child(6n) {
  margin-top: 0;
}

footer .footer_box .footer_info_box .mid .mid_info_box ul li a {
  color: #989898;
  transition: all 0.3s;
}

footer .footer_box .footer_info_box .mid .mid_info_box ul li a:hover {
  color: #fff;
}

footer .footer_box .footer_info_box .right {
  width: 30%;
}

footer .footer_box .footer_info_box .right .message_box {
  margin-top: 23px;
  background: #434343;
  padding: 10px;
}

footer .footer_box .footer_info_box .right .message_box textarea {
  width: calc(100% - 12px);
  background: #272727;
  border: none;
  padding: 6px;
  font-size: 14px;
}

/*footer .footer_box .footer_info_box .right .message_box .submit {*/
/*  background: #676666;*/
/*  width: 30%;*/
/*  text-align: center;*/
/*  margin: 0 auto;*/
/*  padding: 10px 0;*/
/*  margin-top: 10px;*/
/*  cursor: pointer;*/
/*  transition: all 0.3s;*/
/*}*/

footer .footer_box .footer_info_box .right .message_box .submit:hover {
  background: #ffffff;
  color: #2c71d6;
}

footer .footer_box .footer_last {
  color: #999999;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #999999;
}

footer .footer_box .footer_last span:last-child {
  margin-left: 1em;
}

footer .footer_box .footer_last a {
  color: #999999;
  transition: all 0.3s;
}

footer .footer_box .footer_last a:hover {
  color: #2c71d6;
}

.pc_top_banner {
    margin-top: 108px;
  width: 100%;
}

.pc_top_banner img {
  width: 100%;
  display: block;
}

.move_top_banner {
  width: 100%;
  display: none;
}

.move_top_banner img {
  width: 100%;
}

.pages_container {
  background: #f5f5f5;
}

.pages_container .crumb_box {
  padding: 2em 0;
  color: #a7a7a7;
  font-size: 1em;
  display: flex;
  align-items: center;
}

.pages_container .crumb_box .left {
  display: flex;
  align-items: center;
}

.pages_container .crumb_box .left span {
  margin: 0 0.4em;
  color: #888888;
}

.pages_container .crumb_box .left img {
  width: 18px;
  height: 22px;
  display: block;
}

.pages_container .crumb_box .left .crumb_info_box a {
  color: #888888;
  transition: all 0.3s;
}

.pages_container .crumb_box .left .crumb_info_box a:hover {
  color: #2673e7;
}

.pages_container .lable_box {
  text-align: center;
}

.pages_container .lable_box h1 {
  font-weight: bold;
  font-size: 42px;
  margin: 0;
  color: #000000;
}

.pages_container .lable_box h6 {
  letter-spacing: 10px;
}

.pages_container .lable_box .lable_icon {
  width: 184px;
  height: 35px;
  display: block;
  margin: 0 auto;
}

.pages_container .news_list {
  padding: 3em 0;
}

.pages_container .news_list ul li {
  margin-top: 1em;
  background: #fff;
  padding: 1em;
  border-radius: 0.4em;
}

.pages_container .news_list ul li a {
  display: flex;
  align-items: center;
}

.pages_container .news_list ul li a:hover .left .left_top .title {
  color: #2973d4;
}

.pages_container .news_list ul li a .left {
  flex: 1;
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 11.25em;
}

.pages_container .news_list ul li a .left .left_top .title {
  color: #333;
  font-size: 1.3em;
  font-weight: bold;
  transition: all 0.3s;
  /**超出显示省略号**/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.pages_container .news_list ul li a .left .left_top .describe {
  margin-top: 1em;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.pages_container .news_list ul li a .left .time {
  display: flex;
  align-items: center;
}

.pages_container .news_list ul li a .left .time span {
  margin-left: 1em;
}

.pages_container .news_list ul li a .right img {
  width: 17.5em;
  height: 11.25em;
  display: block;
  border-radius: 0.4em;
}

.pages_container .product_box {
  background-size: cover;
  padding-bottom: 5em;
}

.pages_container .product_box .product_cate_section .tabs nav ul .product_title_pic {
  background: url(../images/bg03.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  text-align: left;
  padding: 1em;
}

.pages_container .product_box .product_cate_section .tabs nav ul .product_title_pic h4 {
  font-weight: bold;
  margin: 0;
}

.pages_container .product_box .product_cate_section .tabs nav ul .product_title_pic p {
  margin: 10px 0 0;
}

.pages_container .pages_about_us {
  margin-top: 2em;
}

.pages_container .pages_about_us .about_up {
  margin-top: 20px;
}

.pages_container .pages_about_us .about_up .desc_text {
  width: 100%;
}

.pages_container .pages_about_us .about_up .desc_text p {
  text-indent: 2em;
  margin: 0;
  line-height: 2em;
}

.pages_container .pages_about_us .num_box {
  margin-top: 2em;
  max-width: 1000px;
  margin: 2em auto 0;
}

.pages_container .pages_about_us .num_box .num_left_box {
  width: 100%;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item {
  flex: 0 0 calc(33.3% - 3em);
  color: #333;
  text-align: center;
  line-height: 1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2em;
  border-radius: 0.4em;
  margin-right: 1em;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item:last-child {
  margin-right: 0;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item .num_item_top {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item .num_item_top .big_nu {
  font-size: 53px;
  font-weight: bold;
  color: #000000;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item .num_item_top .s_num {
  font-weight: bold;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item .num_item_up {
  padding: 5px;
  position: relative;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item .num_item_up .num_item_up_text_box .text {
  margin-top: 10px;
  font-weight: normal;
  color: #000000;
}

.pages_container .pages_about_us .num_box .num_left_box .num_list .num_item .num_item_up .num_item_up_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}

.pages_container .pages_about_us .about_pic_box {
  margin-top: 2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 6em;
}

.pages_container .pages_about_us .about_pic_box .left {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
  width: 39.6%;
}

.pages_container .pages_about_us .about_pic_box .left img {
  width: 100%;
  height: 100%;
  display: block;
  margin-top: 0.89em;
}

.pages_container .pages_about_us .about_pic_box .left img:first-child {
  margin-top: 0;
}

.pages_container .pages_about_us .about_pic_box .right {
  width: 58.4%;
}

.pages_container .pages_about_us .about_pic_box .right img {
  width: 100%;
  height: 100%;
  display: block;
}

.pages_container .contact_us {
  padding: 40px 0 60px;
}

.pages_container .contact_us ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pages_container .contact_us ul li {
  flex: 0 0 calc(33.3% - 40px);
  background: #ffffff;
  border-radius: 0.4em;
  margin-right: 15px;
  padding: 15px;
  margin-top: 15px;
  position: relative;
}

.pages_container .contact_us ul li:nth-child(3n) {
  margin-right: 0;
}

.pages_container .contact_us ul li .lable {
  display: flex;
  align-items: center;
}

.pages_container .contact_us ul li .lable img {
  width: 46px;
  height: 46px;
  display: block;
  margin-right: 10px;
}

.pages_container .contact_us ul li .lable span {
  font-size: 1.3em;
  font-weight: bold;
  color: #333333;
}

.pages_container .contact_us ul li .info {
  margin-top: 10px;
  color: #333333;
  height: 3em;
  display: flex;
  align-items: center;
}

.pages_container .contact_us ul li .ercode {
  position: absolute;
  top: 28px;
  right: 15px;
  display: flex;
  align-items: center;
}

.pages_container .contact_us ul li .ercode img {
  width: 94px;
  height: 94px;
  display: block;
  height: inherit;
  margin-left: 10px;
}

.pages_container .contact_us .map_box {
  padding: 15px;
  margin-top: 15px;
  background: #fff;
  border-radius: 0.4em;
}

.pages_container .contact_us .map_box img {
  width: 100%;
  height: 100%;
  display: block;
}

.pages_container .research_center {
  padding: 40px 0 80px;
}

.pages_container .research_center ul li a {
  display: flex;
  height: 303px;
  background: #2c71d6;
  margin-top: 2em;
}

.pages_container .research_center ul li:nth-child(2n) .left .pic_box {
  display: none;
}

.pages_container .research_center ul li:nth-child(2n) .left .info_box {
  display: block;
}

.pages_container .research_center ul li:nth-child(2n) .right .pic_box {
  display: block;
}

.pages_container .research_center ul li:nth-child(2n) .right .info_box {
  display: none;
}

.pages_container .research_center ul li:nth-child(1) {
  background: #154fa1;
}

.pages_container .research_center ul li:nth-child(2) {
  background: #2673e7;
}

.pages_container .research_center ul li:nth-child(3) {
  background: #0bbacd;
}

.pages_container .research_center ul li:nth-child(4) {
  background: #498ef6;
}

.pages_container .research_center ul li:nth-child(5) {
  background: #7758cf;
}

.pages_container .research_center ul li .left {
  width: 50%;
}

.pages_container .research_center ul li .left .pic_box {
  width: 100%;
  height: inherit;
}

.pages_container .research_center ul li .left .pic_box img {
  width: 100%;
  height: 303px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.pages_container .research_center ul li .left .info_box {
  display: none;
  height: inherit;
  padding: 30px;
  color: #fff;
}

.pages_container .research_center ul li .left .info_box .title {
  font-size: 1.8em;
  font-weight: bold;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
}

.pages_container .research_center ul li .left .info_box .info {
  line-height: 2;
}

.pages_container .research_center ul li .right {
  width: 50%;
}

.pages_container .research_center ul li .right .info_box {
  height: inherit;
  padding: 30px;
  color: #fff;
}

.pages_container .research_center ul li .right .info_box .title {
  font-size: 1.8em;
  font-weight: bold;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
}

.pages_container .research_center ul li .right .info_box .info {
  line-height: 2;
}

.pages_container .research_center ul li .right .pic_box {
  display: none;
  width: 100%;
  height: inherit;
}

.pages_container .research_center ul li .right .pic_box img {
  width: 100%;
  height: 303px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.pages_container .product_detail_box {
  padding-bottom: 60px;
}

.pages_container .product_detail_box .top {
  padding: 15px;
  background: #fff;
  display: flex;
  align-items: center;
}

.pages_container .product_detail_box .top .left {
  border: 1px solid #f1f1f1;
  width: 400px;
  height: 400px;
}

.pages_container .product_detail_box .top .left img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.pages_container .product_detail_box .top .right {
  height: 400px;
  margin-left: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pages_container .product_detail_box .top .right .right_top {
  width: 100%;
}

.pages_container .product_detail_box .top .right .right_top .title {
  width: 100%;
  font-size: 2em;
  line-height: 2em;
  font-weight: bold;
  /**超出部分**/
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 1;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}

.pages_container .product_detail_box .top .right .right_top .cate {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #f1f1f1;
}

.pages_container .product_detail_box .top .right .time_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}

.pages_container .product_detail_box .top .right .time_box .time {
  color: #242424;
}

.pages_container .product_detail_box .content_box {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
  padding-bottom: 30px;
}

.pages_container .product_detail_box .content_box .left {
  flex: 1;
  background: #fff;
  padding: 30px;
}

.pages_container .product_detail_box .content_box .left .lable {
  font-size: 1.5em;
  font-weight: bold;
  position: relative;
  padding-left: 25px;
}

.pages_container .product_detail_box .content_box .left .lable::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background: #2673e7;
}

.pages_container .product_detail_box .content_box .left .cont {
  margin-top: 25px;
  min-height: 661px;
}

.pages_container .product_detail_box .content_box .right {
  margin-left: 15px;
}

.pages_container .product_detail_box .content_box .right .lable {
  width: 100%;
  background: #2673e7;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
}

.pages_container .product_detail_box .content_box .right ul li {
  padding: 15px;
  background: #fff;
  margin-top: 15px;
  width: 303px;
}

.pages_container .product_detail_box .content_box .right ul li:hover a .detail {
  background: #2c71d6;
  color: #fff;
}

.pages_container .product_detail_box .content_box .right ul li a {
  display: block;
}

.pages_container .product_detail_box .content_box .right ul li a img {
  width: 304px;
  height: 220px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.pages_container .product_detail_box .content_box .right ul li a .title {
  font-size: 0.8em;
  margin: 10px 0;
  width: 100%;
  /**超出部分**/
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 1;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}

.pages_container .product_detail_box .content_box .right ul li a .detail {
  background: #eeeeee;
  padding: 10px 0;
  text-align: center;
  transition: all 0.3s;
}

.pages_container .product_detail_box .message_box {
  display: flex;
  align-items: center;
  padding: 30px;
  background: #505050;
  /*margin-bottom: 80px;*/
}

.pages_container .product_detail_box .message_box .left {
  width: 50%;
}

.pages_container .product_detail_box .message_box .left .lable {
  font-size: 1.5em;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  color: #ffffff;
}

.pages_container .product_detail_box .message_box .left .lable::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background: #fff;
}

.pages_container .product_detail_box .message_box .left form {
  margin-top: 20px;
  width: calc(100% - 20px);
}

.pages_container .product_detail_box .message_box .left form .name_tel {
  display: flex;
  align-items: center;
}

.pages_container .product_detail_box .message_box .left form .name_tel .name {
  width: 40%;
}

.pages_container .product_detail_box .message_box .left form .name_tel .name input {
  width: calc(100% - 35px);
  margin-right: 15px;
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  display: block;
}

.pages_container .product_detail_box .message_box .left form .name_tel .tel {
  width: 60%;
}

.pages_container .product_detail_box .message_box .left form .name_tel .tel input {
  width: calc(100% - 20px);
  margin-right: 15px;
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  display: block;
}

.pages_container .product_detail_box .message_box .left form .email {
  width: 100%;
  margin-top: 15px;
}

.pages_container .product_detail_box .message_box .left form .email input {
  width: calc(100% - 20px);
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
}

.pages_container .product_detail_box .message_box .left form .content {
  width: 100%;
  margin-top: 15px;
}

.pages_container .product_detail_box .message_box .left form .content textarea {
  width: calc(100% - 20px);
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  height: 95px;
}

.pages_container .product_detail_box .message_box .left form .captcha {
  width: 100%;
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.pages_container .product_detail_box .message_box .left form .captcha .text_box {
  flex: 1;
  display: flex;
  align-items: center;
}

.pages_container .product_detail_box .message_box .left form .captcha .text_box .captcha_input {
  flex: 1;
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
}

.pages_container .product_detail_box .message_box .left form .captcha .text_box img {
  width: 123px;
  height: 38px;
  display: block;
  margin: 0 15px;
}

.pages_container .product_detail_box .message_box .left form .captcha .submit {
  background: #6d6d6d;
  border: none;
  line-height: 38px;
  padding: 0 50px;
  color: #fff;
  transition: all 0.3s;
}

.pages_container .product_detail_box .message_box .left form .captcha .submit:hover {
  background: #2673e7;
}

.pages_container .product_detail_box .message_box .right {
  width: 50%;
}

.pages_container .product_detail_box .message_box .right img {
  width: 100%;
  height: 313px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.news_detail_box {
  padding-bottom: 60px
}

.news_detail .content {
  margin: 20px;
}

.pages_container .news_detail {
  /*width: 100%;*/
  background: #fff;
  padding-bottom: 20px;
  width: 1250px;
  margin: 0 auto;
}

.pages_container .news_detail .top {
  text-align: center;
  padding: 1.5em 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #dedede;
}

.pages_container .news_detail .top .time {
  margin-top: 20px;
  color: #2c71d6;
}
.footer_box .footer_info_box .right .message_box form {
  margin-top: 20px;
}

.footer_box .footer_info_box .right .message_box form .name_tel {
  display: flex;
  align-items: center;
}

.footer_box .footer_info_box .right .message_box form .name_tel .name {
  width: 40%;
}

.footer_box .footer_info_box .right .message_box form .name_tel .name input {
  width: calc(100% - 35px);
  margin-right: 15px;
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  display: block;
}

.footer_box .footer_info_box .right .message_box form .name_tel .name input:focus-visible {
  outline: none;
}

.footer_box .footer_info_box .right .message_box form .name_tel .tel {
  width: 60%;
}

.footer_box .footer_info_box .right .message_box form .name_tel .tel input {
  width: calc(100% - 20px);
  margin-right: 15px;
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  display: block;
}

.footer_box .footer_info_box .right .message_box form .name_tel .tel input:focus-visible {
  outline: none;
}
.footer_box .footer_info_box .right .message_box form .email_box{
    margin-top: 15px;
}
.footer_box .footer_info_box .right .message_box form .email_box .email {
  width: 100%;
}

.footer_box .footer_info_box .right .message_box form .email_box .email input {
  width: calc(100% - 20px);
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  display: block;
}

.footer_box .footer_info_box .right .message_box form .email_box .email input:focus-visible {
  outline: none;
}
.footer_box .footer_info_box .right .message_box form .content {
  width: 100%;
  margin-top: 15px;
}

.footer_box .footer_info_box .right .message_box form .content textarea {
  width: calc(100% - 20px);
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
  height: 95px;
}

.footer_box .footer_info_box .right .message_box form .content textarea:focus-visible {
  outline: none;
}

.footer_box .footer_info_box .right .message_box form .captcha {
  width: 100%;
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.footer_box .footer_info_box .right .message_box form .captcha .text_box {
  flex: 1;
  display: flex;
  align-items: center;
}

.footer_box .footer_info_box .right .message_box form .captcha .text_box .captcha_input {
  flex: 1;
  background: #6d6d6d;
  border: none;
  padding: 10px;
  color: #fff;
}

.footer_box .footer_info_box .right .message_box form .captcha .text_box .captcha_input:focus-visible {
  outline: none;
}

.footer_box .footer_info_box .right .message_box form .captcha .text_box img {
  width: 123px;
  height: 38px;
  display: block;
  margin: 0 15px;
}

.footer_box .footer_info_box .right .message_box form .captcha .submit {
  background: #6d6d6d;
  border: none;
  line-height: 38px;
  padding: 0 30px;
  color: #fff;
  transition: all 0.3s;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder { /* WebKit browsers */ 
  color: #fff; 
  font-size: 14px;
} 

textarea:-moz-placeholder,input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff;  font-size: 14px;} 
textarea::-moz-placeholder,input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff;  font-size: 14px;}
/*# sourceMappingURL=index.css.map */