/* 《============== 导航栏start=================》 */

.btn {
  font-size: 140%;
}
.fcol{
  color: #333333;
}
.banner{
  height: 100vh;
}
.pad5{
  padding: 8px 0;
}
.mg20 {
  margin-top: 20px !important;
}
.pad60bot {
  padding-bottom: 60px;
}
.mg-36{
  margin-top: 36px;
}
.wd484{
  width: 49.4887% !important;
}
.mg40 {
  margin: 40px 0;
}
.he832 {
  height: auto !important;
}
.mg60 {
  margin-top: 60px !important;
}
.mg-60 {
  margin: 60px 0;
}
.mg16 {
  margin-top: 16px;
}
.pad60 {
  padding: 60px 0;
}
.he734 {
  padding: 73px 0 80px 0;
}
.mg-40-20 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.mg-49 {
  margin-top: 49px;
}
.mg-130 {
  margin-top: 80px !important;
}
.mg-49 h2 {
  font-size: 140%;
}
.he882 {
  height: 882px !important;
}
.pad_60{
  padding: 0 0 0 127px;
}
.mg18{
  margin: 1px 0 18px 0;
}
.bor{
  border-top: 1px solid rgba(51, 51, 51, 0.16);
}

.collapse {
  height: 100%;
}
.pro_font{
  font-size: 100%;
  font-weight: 400;
  color: #333333;

}

.product_box {
  width: 79.1666%;
  margin: 0 auto;
  text-align: center;
}
.product_box img {
  margin:60px 0;
  width: 59.2105%;
}
.dropdown-menu{
  border-radius: 0;
}
.tabs_right_img {
  width: 46.7105%;
}
.navbar {
  width: 100%;
  height: 80px !important;
}
.navbar-nav .active a {
  color:#fff !important;
}
.sticky .navbar-nav .active .nav-link {
  color:#dc331a !important;
}
.tit-tit {
  font-weight: bold;
  color: #333;
}
.sticky {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  position: fixed;
  height: auto;
  z-index: 10000;
  width: 100%;
  top: 0px;
  border-bottom: none;
  padding: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8)) 1 1;
}

/* .sticky  .collapse .navbar-nav a{
  color: #333 !important;
} */

.sticky  .btn {
  color: #333;
  border: 1px solid #333;
}

/* .sticky .nav-item .sub{
    background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8)) 1 1;
} */
.bannet-tit{
  display: none;
  width: 90%;
}
.navbar-brand {
  width: 178px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-brand img {
  width: 100%;
}
.nav-item {
  padding: 0 30px;
  font-size: 120%;
  line-height: 80px;
}

.nav-link {
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-size: 90%;
  font-weight: 500;
}
.navbar-expand-lg .navbar-collapse{
  flex: none;
}
.nav-link {
  color: #999999;
  padding: 0 0 10px 0;
}

.div_sub {
  display: none;
}
.btn-outline-secondary:hover {
  border: 1px solid #dc331a;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #dc331a;
  background-color: transparent;
  border-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0;
  border: 1px solid #dc331a;
}
.btn:focus,
.btn.focus {
  box-shadow: 0 0 0 0;
}
.nav-item .sub {
  background: rgba(24, 27, 33, 0.7);
  position: absolute;
  display: none;
  padding: 3px 0;
  backdrop-filter: blur(8px);

}
.sub li {
  color: #ffffff;
  height: 49px;
  line-height: 49px;
}
.sub > li > a {
  padding: 0 20px;
  display: block;
  height: 49px;
  font-size:80% ;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 49px;
}
.sticky .sub >li a{
  color: #fff;

}
.sub > li > a:hover {
  background-color: #c12d17;
}
.sticky .sub > li > a:hover {
  background-color: #c12d17;
  color: #fff !important;
}
.navbar-nav{
  margin-right: 50px;
  height: 100%;
  line-height: 80px;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #ffffff;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 !important;
}
.navbar-light .navbar-nav .nav-link {
  color: #999;
}
.sticky  .navbar-nav .nav-link {
  color: #333 !important;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #fff !important;
  transition: 0.2s;
}
.sticky .navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #dc331a !important;
  transition: 0.2s;
}
.navbar_center {
  width: 79.1666%;
  height: 80px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.collapse {
  display: flex;
  justify-content: space-between;
}

.btn {
  font-size: 100%;
  color: #ffffff;
  border: 1px solid #999;
}
.btn :hover {
  color: #c12d17;
} 

.dropdown-item {
  margin: 7px 0;
  width: 92px;
  height: 49px;
  font-size: 80% ;
  text-align: center;
  line-height: 49px;
  color: #fff;
  padding: 0 0;
}
.dropdown-item:hover {
  background-color: #c12d17;
  color: #ffffff;
  border: none;
}

.dropdown-menu {
  margin-top: 35px;
  min-width: 92px !important;
  height: 177px;
  background: rgba(24, 27, 33, 0.7);
  padding: 0 0;
  border: none;
}
.sticky .dropdown-menu{
  margin-top: 35px;
  min-width: 92px !important;
  height: 177px;
  /* background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8)) 1 1;
  backdrop-filter: blur(12px); */
}
.sticky .dropdown-menu a{
  color: #fff;
}
.sticky .dropdown-menu a:hover{
  color: #fff;
}
/* 《============== 导航栏end=================》 */

/* 《============== banner start=================》 */

.banner {
  width: 100%;
  height: 100vh;
  position: relative;
  margin-top: -80px;
  z-index: -1;
  background-image: url(../images/pc/banner/indexbanner.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.banner_img{
  height: 407px;
  
  background-image: url(../images/pc/banner/banner_tit.png) ;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 58.6979%;
  background-position: center;

}



.banner_title {
  height: 201px;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.title {
  font-size: 375%;
  font-weight: 500;
  color: #ffffff;
  /* line-height: 94px; */
}
.banner_tit {
  font-size: 200%;
  margin-top: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 47px;
}
/* 《============== banner end=================》 */

/* 《============== 标题开始 start=================》 */
.center_tit {
  width: 100%;
  height: 195px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center_tit .center {
  width: 79.1666%;
  height: 74px;
  font-size: 64px;
  font-weight: bold;
  color: #f1f1f1;
  line-height: 75px;
  position: absolute;
  text-align: center;
}

.center_header {
  width: 100%;
  height: 100%;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  position: absolute;
  top: 0;
}

/* 《============== 标题结束 end=================》 */

/* 《============== 选项卡 start=================》 */

.indextab {
  width: 100%;
  height: 620px;
}

.indextab_box {
  /* width: 79.1666%; */
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.clear {
  clear: both;
}
.main-page {
  width: 100%;
  height: 100%;
}
.main-page .left{
  height: 525px;
  width:32.03125%;
  float: left;
}
.main-page .right{
  float: left;
  width: 58.54%;
  height: 579px;
}
.main-page .nav-back {
  width: 415px;
  height: 360px;
  margin-top: 60px;
}
.main-page .nav_nav {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: -402px;
  width: 67.47967%;
  margin-left: 32.52032%;
  text-align: center;
  font-size: 70%;
  color: #fff;
}
.main-page .nav_nav div {
  cursor: pointer;
  height: 32px;
  line-height: 28px;
}
.main-page .nav_nav div:hover {
  cursor: pointer;
  background-color: #DC331A;
  color: #fff;
  transition: 0.8s;
}
.main-page .nav_nav div:hover span{
  color: #fff;
  transition: 0.8s;
}
.left>.nav_nav>div{
  height: 60px;
  color: #333;
  text-align: center;
  font-size: 125%;
  line-height: 60px;
  font-weight: 400;
  
}
.main-page .nav_nav div.on {
  background: #DC331A;
  color: #ffffff;
}
.main-page .nav_nav div.on span{
  color: #ffffff;
}

.main-page .content-back {
  width: 525px;
  height: 300px;
  background: #fff;
  opacity: 0.3;
}
.main-page .content {
  position: relative;
  width: 100%;
  height: 525px;
  margin-top: -300px;
  overflow: hidden;
}
.main-page .content .box {
  width: 100%;
  height: 579px;
  background: #fff;
  display: none;
}

.right_box{
  /* width: 88.5067%; */
  width: 100%;
  max-width: 980px;
  /* height: 240px; */
  display: flex;
  justify-content: space-between;
  margin: 12px 0 6px 0;
}
.right_item{
  width: 32.7198%;
  height: 100%;
  position: relative;
}
.right_item img{
  width: 100%;
}
.right_but{
  margin-top: 20px;
}
.right_bottom{
  position: absolute;
  font-size: 85%;
  width: 100%;
  bottom: -0;
  line-height: 30px;
  font-weight: 500;
  padding-left: 10px;
  color: #FFFFFF;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  opacity: 1;
}
.right_but a{
  display: block;
  width: 135px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 90% ;
  border: 1px solid #DC331A;
color: #DC331A;
  cursor: pointer;
}

.right_but a:hover{
  cursor: pointer;
  border: 1px solid #DC331A;
  background-color: #dc331a;
  color:#fff ;
  transition: .5s;
}
.on a{
  color: #fff;
}


.nav_nav div span{
  display: block;
  color: #333;
  width: 100%;
  margin-left: 20px;
  text-align: left;
  font-size: 120%;
}


.tab {
  margin: 0 auto;
}
.tabs {
  margin: 0 auto;
  width: 69.1666%;
  display: flex;
  justify-content: space-between;
}
.tabs-box {
  width: 100%;
  display: none;
  margin: 0 auto;
}
.mobile_nav {
  display: none;
}

.qipei {
  width: 79.1666%;
  height: 175px;
  margin: 0 auto;
  border-top: 1px solid rgba(51, 51, 51, 0.16);
}
.qipei_tit {
  margin: 60px auto;
  font-size: 125%;
  font-weight: 400;
  color: #666666;
}
.qipei_box {
  width: 79.1666%;
  margin: 0 auto;
}
.qipei_box_2 {
  width: 79.1666%;
  margin: 0 auto;
}
.qipei_box_2 img {
  width: 70%;
  display: block;
  margin: 0 auto;
}
.qipei_box img {
  width: 70%;
  display: block;
  margin: 0 auto;
}
.list_right .big_squre {
  margin-top: 60px;
}
.list_left .big_squre {
  margin-top: -80px;
}
.tabs li {
  text-align: center;
  font-weight: 500;
  line-height: 23px;
  padding: 25px 10px;
  cursor: pointer;
  color: #999;
  text-decoration: none;
  list-style-type: none;
  font-size: 120%;
  margin: 0 1.5vw;
}
.tabs li a{
  color:#999 ;
}
.tab .tabs > li :hover {
  color: #333333 !important;
}

.tab_active {
  color: #333333 !important;
  border-bottom: 3px solid #c12d17;
}

.boxOne {
  display: block;
}
.tabs_right img {
  width: 100%;
}

.tabs_content {
  margin: 0 auto;
  width: 79.1666%;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tabs_content_top {
  margin: 0 auto;
  border-top: 1px solid rgba(51, 51, 51, 0.16);
  width: 79.1666%;
}
.tabs_content_top_icon {
  width: 100%;
  padding: 60px 0;
  /* height: 153px; */
  text-align: center;
  margin: 0 auto;
}
.tabs_content_top_icon img{
  width: 58.75%;
}
.tabs_content_top_title {
  font-size: 1.857em;
  font-weight: 400;
  text-align: center;
  color: #333333;
  padding-bottom: 15px;
}
.tabs_content_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.tabs_content_box {
  width: 31.7763%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
}
.tabs_content_title {
  padding: 15px 0;
  text-align: center;
}
.tabs_title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #dc331a;
  transition: all 0.35s ease-in-out;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabs_bg_box:hover .tabs_title {
  opacity: 1;
}

.tabs_title_box {
  width: 91.8367%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.tabs_title_box_tit {
  font-size: 125%;
  font-weight: 500;
  margin-bottom: 20px;
  color: #ffffff;
}
.tabs_title_box_text {
  font-size: 90% ;
  font-weight: 400;
  color: #f1f1f1;
}

.tabs_news_box  .new_box  .new_img{
     width: 100%;
    overflow: hidden;
}
.tabs_news_box  .new_box  .new_img img{
    object-fit: cover;
     width: 100%;
     height: 100%;
}
.tabs_bg_box {
  width: 32.2368%;
  position: relative;
  /* height: 440px; */
  margin: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.AI_img img {
  display: block;
  margin: 0 auto;
}
.AI_title {
  width: 100%;
  height: 107px;
  text-align: center;
  line-height: 107px;
  font-size: 125%;
  font-weight: 500;
  color: #333333;
}

.tabs_content_img {
  width: 100%;
  /* height: 280px; */
}
.tabs_content_tit {
  font-size: 120%;
  padding: 15px 0;
  font-weight: bold;
  color: #333333;
}
.tabs-bg_AI {
  width: 79.1666%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.AI_img {
  width: 100%;
}
.tabs_content_top_icon img {
  height: 100%;
  cursor: pointer;
}
.tabs_left {
  width: 46.7105%;
  /* height: 394px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.left_tit {
  font-size: 140%;
  color: #333333;
  display: flex;
  line-height: 1;
  font-weight: 600;
}
.left_tit_xian {
  display: block;
  margin-right: 8px;
  width: 4px;
  height: 24px;
  background-color: #c12d17;
}
.tabs_center {
  width: 710px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tabs_tit {
  height: 33px;
  font-size: 120%;
  font-weight: 400;
  margin: 42px 0 20px 0;
  color: #333333;
  line-height: 28px;
}
.tabs_icon {
  width: 495px;
  height: 92px;
  display: flex;
  justify-content: space-between;
}
.tabs_tit img {
  height: 60px !important;
  width: 60px !important;
}

.tabs_content_AI {
  width: 79.1666%;
  margin: 0 auto;
}
.tabs_content_AI_tit {
  text-align: center;
  font-size: 125%;
  font-weight: 400;
  color: #666666;
  padding: 60px 0 82px 0;
}
.tabs_content_AI_bottom {
  width: 90.4605%;
  height: 228px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.AI_bottom_tit {
  width: 100%;
  margin-top: 30px;
}
.bottom_box {
  width: 14.9572%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  font-size: 90% ;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.AI_bottom_img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin: 0 auto;
}
.icon_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 90px;
  height: 92px;
}
.icon_item .icon_img {
  width: 60px;
  height: 60px;
}
.tabs_icon div {
  width: 90px;
  text-align: center;
  font-size: 75%;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.tabs_right {
  width: 46.7105%;
}

.bg-F {
  background-color: #f8f8f8;
}
.boxs {
  width: 100%;
  height: auto;
}
.tabs_bg {
  width: 100%;
  /* height: 575px; */
}
.supply img {
  width: 24px;
  height: 24px;
}
.xian {
  width: 28px;
  height: 1px;
  border-bottom: 1px solid #666666;
  margin: 0 8px;
}
.platform {
  width: 605px;
  height: 64px;
  display: flex;
  justify-content: space-between;
}
.platform_box {
  width: 60px;
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.platform_box img {
  width: 40px;
  height: 40px;
}
.platform span {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 14px;
}

.tabs_bottom {
  width: 25% !important;
}

/* 《============== 选项卡 end=================》 */

/* 《============== 新闻 start=================》 */

.tabs_news {
  width: 79.1666%;
  /* height: 491px; */
  border-top: 1px solid rgba(51, 51, 51, 0.16);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.tabs_news_box .new_box {
  width: 32.3026%;
  height: 490px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  margin: 30px 0;
}
.tabs_news_box .new_box .new_time {
    height: 22px;
    font-size: 90%;
    font-weight: 400;
    color: #999999;
    line-height: 30px;
    margin-left: 20px;
    position: absolute;
    bottom: 30px;
    padding: 12px 0;
}
.tabs_news  .new_box {
  width: 32.3026%;
  height: 491px;
  background-color: #ffffff;
  cursor: pointer;
}
.tabs_news .new_box:hover{
  transition: ease all 0.4s;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08);
}
.tabs_news .new_box:hover img{
  transform: scale(1.1);
  transition: 0.9s;
}
.tabs_news .new_box:hover .new_tit{
  transition: 0.4s;
  color: #dc331a;
}
.tabs_news_box .new_box:hover{
  transition: ease all 0.4s;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.08);
}
.tabs_news_box .new_box:hover img{
  transform: scale(1.1);
  transition: 0.9s;
}
.tabs_news_box .new_box:hover .new_tit{
  transition: 0.4s;
  color: #dc331a;
}


.new_img {
  width: 100%;
  height: 326px;
  overflow: hidden;
}
.new_tit {
  margin: 24px 20px 12px;
  font-weight: 600;
  height: 27px;
  font-size: 100%;
  color: #333333;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new_content {
  font-size:80% ;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin: 0 20px 12px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.tabs_news .new_time {
  height: 22px;
  font-size: 90% ;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
  margin-left: 20px;
  position: absolute;
  bottom: 80px;
}



/* 《============== 新闻 end=================》 */

/* =====================   手风琴-======================= */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.clearfix:after,
.fix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.mr20 {
  margin-right: 20px;
}

.zq-icon {
  display: inline-block;
  background: url(../Images/icon.png) no-repeat;
}
.icon40x40 {
  width: 40px;
  height: 40px;
}
.crad-area-icon1 {
  background-position: 0 0;
}
.crad-area-icon2 {
  background-position: -40px 0;
}
.crad-area-icon3 {
  background-position: -80px 0;
}
.crad-area-icon4 {
  background-position: -120px 0;
}

.card-area {
  overflow: hidden;
  height: 560px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.card-area .bg-e8e8e8 {
  background: #dc331a;
}
.card-area .bg-e1e1e1 {
  background: #dc331a;
}
.card-area .card-item {
  z-index: 4;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
  position: relative;
  float: left;
  width: 25%;
  height: 600px;
  background-color: transparent;
}
.card-area .card-item + .card-item {
  margin-left: -1px;
}
.card-area .card-item .card {
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff;
}
.card-area .card-item .card .card-content {
  width: 100%;
  line-height: 2;
}
.card-area .card-item .card .card-content.content-first {
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  z-index: 3;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.card-area .card-item .card .card-content.content-second {
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
  line-height: 2;
}
.card-area .card-item .card .card-content.content-second li {
  float: left;
  width: 50%;
}
.card-area .card-item .card .card-content,
.card-area .card-item .card .card-title {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.card-area .card-item .card .card-title {
  padding-top: 1px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
  height: 145px;
  line-height: 26px;
  font-size: 14px;
  top: 0;
  background: #1b77b9;
  border-left: 1px solid #3285c0;
}
.card-area .card-item .card .card-title .content {
  position: absolute;
  bottom: -2px;
  width: 100%;
}
.card-area .card-item .card .card-title h1 {
  font-size: 22px;
  font-weight: 700;
  color: #d9efff;
  margin-bottom: 0;
}
.card-area .card-item .card .card-title .short-info {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}
.card-area .card-item .card .card-title .zq-product-img {
  width: 40px;
  height: 40px;
  margin: 10px auto;
  position: relative;
}
.card-area .card-item .card .card-title .zq-product-img img {
  position: absolute;
  left: 0;
  width: 100%;
}
.card-area .card-item .card .card-title .zq-product-img .un-hover {
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.card-area .card-item .card .card-title .zq-product-img .with-hover {
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.card-area .card-item .card .card-title .short-info,
.card-area .card-item .card .card-title .zq-product-img img,
.card-area .card-item .card .card-title h1 {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.card-area .card-item .card .card-content {
  height: 600px;
  position: absolute;
}
.card-area .card-item .card .card-content.content-first .content-first-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-area .card-item .card .card-content.content-first .content-first-list li {
  font-size: 120%;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
}
.content_line {
  width: 40px;
  height: 4px;
  background: #ffffff;
  margin: 36px 0;
}
.content-second .content-first-list li {
  font-size: 120%;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
}
.content-second .content-first-list .content_line {
  background-color: #dc331a;
}
.content-second .content-first-list .content_bottom {
  font-size: 120%;
  font-weight: 400;
  color: #ffffff;
}
.content-first-list {
  width: 58.3333%;
}
.card-area .card-item .card .card-content.content-second {
  width: 90%;
  left: 25px;
  font-size: 14px;
  color: #a9b0b4;
  text-align: left;
}
.card-area .card-item .card .card-content.content-second .main-head {
  color: #3db1ea;
  font-size: 90%;
  line-height: 28px;
  margin-bottom: 10px;
}
.card-area .card-item .card .card-content.content-second p {
  margin: 5px 0;
}
.card-area .card-item .card .card-content.content-second .main-tip {
  color: #232933;
}
.card-area .card-item .card .card-content.content-second .main-desc {
  color: #8c8c8c;
  font-size: 12px;
  line-height: 22px;
}
.card-area .card-item .card .card-content.content-second .main-btn {
  cursor: pointer;
  width: 160px;
  height: 38px;
  font-size: 80% !important;
  color: #fff;
  margin-top: 22px;
  margin-bottom: 33px;
  /* border-radius: 19px; */
  background: #3db1ea;
  border: none;
  transition: color 0.5s ease-in-out, background 0.5s ease-in-out;
}
.card-area .card-item .card .card-content.content-second .main-btn:hover {
  color: #fff;
  background: #1b77b9;
}
.card-area .card-item .card .card-content.content-second .main-white-btn {
  cursor: pointer;
  width: 160px;
  height: 36px;
  border: 1px solid #3db1ea;
  font-size: 80% !important;
  color: #3db1ea;
  margin-top: 22px;
  margin-bottom: 33px;
  /* border-radius: 19px; */
  background: #fff;
  transition: color 0.5s ease-in-out, background 0.5s ease-in-out;
}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover {
  color: #fff;
  background: #3db1ea;
}
.card-area .card-item .card .card-content .other-info {
  width: 105%;
  height: 70px;
  overflow: hidden;
  line-height: 22px;
  padding-top: 20px;
  font-size: 12px;
}
.card-area .card-item .card .card-content .other-info .other-info-list {
  width: 27%;
  height: 70px;
  background: #f2f2f2;
  margin-right: 25px;
  padding: 0 0 0 10px;
  position: relative;
}
.card-area
  .card-item
  .card
  .card-content
  .other-info
  .other-info-list
  .c-a-arrow {
  position: absolute;
  right: 10px;
  top: 15px;
  background-position: -200px 0;
}
.card-area .card-item .card .card-content .other-info .other-info-list:hover {
  background: #3db1ea;
}
.card-area
  .card-item
  .card
  .card-content
  .other-info
  .other-info-list:hover
  .c-a-arrow {
  background-position: -200px -17px;
}
.card-area
  .card-item
  .card
  .card-content
  .other-info
  .other-info-list:hover
  .other-desc,
.card-area
  .card-item
  .card
  .card-content
  .other-info
  .other-info-list:hover
  .other-head {
  color: #fff;
}
.card-area
  .card-item
  .card
  .card-content
  .other-info
  .other-info-list
  .list-context {
  color: #00c1de;
}
.card-area .card-item .card .card-content .other-info .other-head {
  font-size: 90% ;
  font-weight: 400;
  color: #000;
  margin: 13px 0 0 0;
}
.card-area .card-item .card .card-content .other-info .other-desc {
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.card-area .card-item.active {
  z-index: 6;
  /* box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); */
  width: 50%;
  height: 600px;
}
.card{
  border: none;
  border-radius: 0;
}
.card-area .card-item.active .card .card-title {
  background-color: #3db1ea;
  height: 159px;
  top: -15px;
  border: none;
}
.card-area .card-item.active .card .card-title .short-info {
  color: #9ed8f5;
}
.card-area .card-item.active .card .card-title h1 {
  color: #fff;
}
.card-area .card-item.active .card .card-content.content-first {
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.card-area .card-item.active .card .card-content.content-second {
  display: flex;
  align-items: center;
  justify-content: space-around;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  z-index: 3;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.cart_m {
  margin: 0 10px !important;
}

.card1 {
  background: url(../images/pc/culture1.png) !important;
  background-position: center !important;
  background-size: cover !important
}
.card2 {
  background: url(../images/pc/culture2.png) !important;
  background-position: center !important;
    background-size: cover !important
}
.card3 {
  background: url(../images/pc/culture3.png) !important;
  background-position: center !important;
  background-size: cover !important;
}
/* <============== 手风琴 end===============> */

/* <============== 服务热线 start===============> */

.serve {
  width: 100%;
  height: 318px;
  margin: 0 auto;
  background-color: #f0f0f0;
}
.serve_box {
  width: 79.1666%;
  height: 318px;
  margin: 0 auto;
  background-image: url(../images/pc/Mask\ group@2x.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
.box_center {
  height: 158px;
  display: flex;
  flex-direction: column;
  align-items: center;
 
}
.box_center_button {
  padding: 0 20px;
  border: 1px solid #dc331a;
  color: #dc331a;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  padding:8px 32px;
}
.box_center_button img {
  width: 20px;
  height: 20px;
}
.box_center_button:hover {
  background-color: #dc331a;
  color: #fff;
}
.box_center_button:hover img  {
  content: url(../images/pc/indexhover.png);
}

/* <============== 服务热线 end===============> */

.bottom {
  width: 100%;
  bottom: 0;
  background-color: #181b22;
}
.bottom_mobile {
  display: none;
}
.bottom_nav {
  width: 79.1666%;
  display: flex;
  justify-content: space-between;
  padding: 0 0 50px 0;
  margin: 0 auto;
  border-bottom: 1px solid #3d4045;
}
.ul_nav {
  padding-top: 85px;
}
.ul_list {
  display: flex;
  justify-content: space-between;
  gap: 86px;
}
.ul_nav .ul_ol {
  display: flex;
  font-size: 90%;
  color: #e2e2e2;
  font-weight: bolder;
  margin-bottom: 22px;
}
.ul_ol .mobile_add {
  display: none;
}
.ul_nav li > a {
  font-size: 75%;
  color: rgba(255,255,255,0.66);
  line-height: 36px;
}
.code {
  width: 30.7894%;
}
.ul_nav li a:hover {
  color: #fff;
  transition: 0.2s;
}
.navcode {
  width: 100%;
  /* height: 169px; */
  display: flex;
  justify-content: space-between;
}
.code_item {
  width: 29.9145%;

  align-items: center;
}
.code_item img{
  width: 100%;
}

.code_item .bottom_pc {
  color: #ffffff;
  margin-top: 8px;
  text-align: center;
  font-size: 65%;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.66);
}
.friendlyLinks {
  text-align: center;
  font-size: 65%;
  line-height: 30px;
  
  color: #65666a;
}
.bottom_list {
  color: #b1b1b3;
  font-size: 130%;
  display: flex;
  justify-content: space-between;
}
.bottom_from{
  padding: 30px 0;
}
.bottom_list li > a {
  cursor: pointer;
  color: #b1b1b3;
}

/* 新闻动态 */

.banner_news {
  background-size: contain;
  width: 100%;
  height: 540px;
  z-index: -1;
  position: relative;
  margin-top: -80px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tabs_news_box {
  border-top: 1px solid rgba(51, 51, 51, 0.16);
  width: 79.1666%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}
.new_box_list {
  cursor: pointer;
  width: 32.2368%;
  height: 491px;
  background-color: #ffffff;
}
.new_img_list {
  width: 100%;
  height: 246px;
  cursor: pointer;
  overflow: hidden;
}
.new_box_list:hover .new_img_list img {
  transform: scale(1.2);
  -webkit-transform:scale(1.2);
  transition: 0.8s;
}

.Pagination_bottom {
  margin: 60px auto;
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.page-link {
  border: none;
  padding: 0 36px;
  font-size: 125%;
  font-weight: 400;
  color: #666666;
  line-height: 23px;
}
.page-item.active .page-link {
  width: 20px !important;
  height: 20px !important;
  color: #c12d17 !important;
  background-color: transparent;
}
.page-link:hover {
  color: #c12d17;
  background-color: transparent;
}

.page-link span > img {
  width: 20px;
  height: 20px;
}

.fydiv{
  width: 1200px;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}
.fenyel{
  display: flex;
  padding: 30px 0;
  align-items: center;
}
.fenyey{
  display: flex;
  padding: 30px 0;
  align-items: center;
}
.choose a{
  color: #dc331a;
}
.numb:hover a{
  color: #dc331a;
}
.prev img{
  display: block;
  width: 20px;
  height: 20px;
}
.next img{
  display: block;
  width: 20px;
  height: 20px;
}
.fenyel li{
  margin: 0 36px;
}
.fenyey li{
  margin: 0 36px;
}

/* =======================================   新闻详情 ============================= */

.news_detail {
  width: 62.5%;
  margin: 0 auto;
}
.breadcrumb {
  font-size: 90% ;
  font-weight: 400;
  color: #666666;
  background-color: transparent;
}
.breadcrumb-item{
  display: flex;
  gap: 5px;
  align-items: center;
}
/* .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "<";
} */

.news_content {
  width: 62.5%;
  margin: 0 auto;
  height: auto;
}
.news_content img{
  width: 100%;
  height: 100%;
}
.news_title {
  font-size: 180%;
  font-weight: 500;
  color: #333333;
  line-height: 42px;
}
.news_time {
  padding: 24px 0;
  font-size: 70%;
  font-weight: 400;
  color: #999999;
  line-height: 80%;
  display: flex;
}
.time {
  width: 130px;
}
.new_news {
  font-size: 90%;
  font-weight: 400;
  color: #333333;
  line-height: 21px;
}
.new_news img {
  display: block;
  margin: 48px auto;
}
.new_news p {
  width: 100%;
  font-weight: 400;
  color: #333333;
  line-height: 25px;
  font-size: 100% !important;
  color: #666666;
  padding: 6px 0;
}
.news_bottom {
  margin: 60px 0 80px 0;
  width: 83.333333%;
  height: 200px;
  display: flex;
  justify-content: space-between;
}
.news_pre {
  width: 48%;
  padding: 20px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.news_next {
  width: 48%;
  background: #ffffff;
  padding: 20px 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.news_xian {
  display: block;
  margin: 24px 0;
  width: 60px;
  height: 4px;
  background: #dc331a;
}
.news_tit {
  font-size: 90%;
  font-weight: 500;
  color: #333333;
  line-height: 21px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news_pre:hover .news_tit {
  color: #dc331a;
  transition: 0.5s;
}
.news_next:hover .news_tit {
  color: #dc331a;
  transition: 0.5s;
}

/* =========================== 关于我们============================= */

.aboutUs {
  width: 79.1666%;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.aboutUs_left {
  width: 53.8112%;
  font-size: 100% ;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.aboutUs_right {
  width: 39.4736%;
  line-height: 400px;
}

.timeLine {
  width: 1300px;
  height: 2130px;
  margin: 10px auto;
}

/* ============================= 文化与价值观======================== */

.culture {
  width: 100%;
  height: 636px;
  background-image: url(../images/pc/cultureBg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.aboutsus_culture {
  display: flex;
  justify-content: space-between;
}
.culture_box {
  width: 32.6041%;
  height: 396px;
  display: flex;
  background: #ffffff;
  margin: 130px 0 110px 0;
}
.cultrue_left {
  height: 396px;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin: -30px 24px 22px 20px;
}
.cultrue_right {
  width: 60%;
  margin-top: 88px;
}
.cultrue_right h2 {
  font-size: 120%;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
}
.bottom_xian {
  display: block;
  margin: 12px 0 24px 0;
  width: 40px;
  height: 4px;
  background: #dc331a;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}
.culture_content {
  height: auto;
  width: 90%;
  font-size: 90% ;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.culture_box:hover {
  transition: 0.5s;
  background-color: #dc331a;
  cursor: pointer;
}
.culture_box:hover h2 {
  transition: 0.5s;
  color: #fff;
}
.culture_box:hover .bottom_xian {
  transition: 0.5s;
  background-color: #fff;
}
.culture_box:hover .culture_content {
  transition: 0.5s;
  color: #fff;
}

/* .bg{
  background-color: #DC331A;
} */
/* .bg h2{
  color: #fff;
} */
/* .bg .bottom_xian{
  background-color: #fff;
}
.bg .culture_content{
  color: #fff;
} */

.milestone {
  width: 60.606%;
  margin: 0 auto;
  text-align: center;
  height: 44px;
  font-size: 90% ;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.contactUs {
  width: 68.0208%;
  height: 419px;
  margin: 100px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.contactUs_box {
  width: 41.3476%;
  height: 42.9577%;
  border-bottom: 1px solid rgba(51,51,51,0.16);
}
.contactUs_title {
  display: flex;
  align-items: center;
}
.contactUs_title span {
  display: block;
  width: 6px;
  height: 24px;
  background: #dc331a;
}
.contactUs_title h2 {
  margin-left: 7px;
  font-size: 140%;
  font-weight: 500;
  color: #333333;
  line-height: 33px;
}
.contactUs_bottom {
  width: 100%;
  height: 105px;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.map {
  width: 79.1666%;
  margin: 80px auto;
  height: 628px;
  display: flex;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  opacity: .6;
}
.map_left {
  width: 100%;
  height: 628px;
  z-index: 9999999;
  position: relative;
}
.map_right {
  width: 39.4736%;
  height: 628px;
  position: absolute;
  background: rgba(220,51,26,0.9);  
  z-index: 9999999999;
  right: 0;
}
.map_content {
  margin: 100px 10px 0 80px;
}
.map_round {
  width: 100%;
  height: 100%;
  background: #181B21;
  opacity: .7;
  position: relative;
  top: -628px;
}
.garden{
  width: 346px;
  height: 346px;
  background: honeydew;
  opacity: .9;
  border-radius: 50%;
  position: absolute;
  right: 187px;
  top: 181px;
}
.map_content span {
  font-size: 125%;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.66);
  line-height: 23px;
}
.map_content h2 {
  font-size: 130%;
  font-weight: 400;
  color: #ffffff;
  line-height: 42px;
  margin-top: 16px;
}
.map_bottom {
  text-align: center;
  position: absolute;
  font-size: 90% ;
  width: 100%;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.33);
  line-height: 30px;
  letter-spacing: 20px;
  bottom: 20px;
  text-align: center;
}

/* ============================ 发展历程 ==========================*/
.w1000 {
  width: 100%;
  margin: 0 auto;
}
.header.contrainer {
  background-color: #ccc;
  height: 60px;
  line-height: 60px;
}
.header a {
  display: block;
  color: #000;
  text-decoration: none;
}
.body .header {
  font-size: 125%;
  margin: 50px 0 100px;
}
.event_wrap {
  position: relative;
}
.event_wrap .middle_line {
  position: absolute;
  z-index: -1;
  left: 49.8%;
  top: 30px;
  width: 5px;
  margin-left: 0px;
  background-color: #e9e9e9;
  height: 2050px;
}
.event_wrap .middle_line i {
  display: block;
  height: 3.31%;
  width: 60%;
}
.event_wrap .middle_line i.first {
  display: block;
  padding-top: 75px;
}
.clearfix:before,
.clearfix:after {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #e9e9e9;
  margin: 0 auto;
}

.event_wrap .middle_line i.last {
  margin-bottom: 25px;
}
.big_squre {
  display: block;
  width: 120px;
  height: 120px;
  background: #dc331a;
  margin-left: -55px;
  left: 49.8%;
  position: absolute;
  top: 450px;
  border-radius: 50%;
  border: 20px solid #e9e9e9;
}
.s1:before,
.s1:after {
  width: 10px;
  height: 10px;
  background-color: red;
}
.big_squre i {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 80px;
  font-size: 125%;
  font-weight: bolder;
}
.small_squire {
  position: absolute;
  top: 11px;
  display: block;
  height: 12px;
  width: 12px;
  padding: 3px;
  border-radius: 50%;
}
.small_squire i {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #d9d9d9;
  border-radius: 50%;
  border: 1px solid #fff;
}
.event_wrap .list {
  height: 350px;
  position: relative;
  padding-top: 75px;
}
.aActiveWid {
  width: 50% !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
.event_wrap .list:last-child {
  height: 300px;
}
.event_wrap .list .ev_text {
  position: absolute;
  opacity: 0.1;
  filter: alpha(opacity=10);
  width: 0px;
  overflow: hidden;
  -o-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -webkit-transition: all 3s ease;
  transition: all 3s ease;
}
.event_wrap .list_right .ev_text_odd,
.event_wrap .list_left .ev_text_event {
  text-align: left;
  left: 48.89%;
}
.event_wrap .list_right .ev_text_event,
.event_wrap .list_left .ev_text_odd {
  text-align: right;
  left: initial;
  right: 49.51%;
}
.event_wrap .list .ev_t1 {
  top: 90px;
}
.event_wrap .list .ev_t2 {
  top: 180px;
}
.event_wrap .list .ev_t3 {
  top: 270px;
}
.event_wrap .list .ev_t4 {
  top: 180px;
}
.event_wrap .list .ev_t5 {
  top: 270px;
}
.event_wrap .list .ev_t6 {
  top: 360px;
}
.event_wrap .list .ev_t7 {
  top: 360px;
}
.event_wrap .list .ev_t8 {
  top: 450px;
}
.event_wrap .list .ev_t9 {
  top: 540px;
}
.event_wrap .list .ev_t10 {
  top: 630px;
}
.event_wrap .list .ev_t11 {
  top: 720px;
}
.event_wrap .list .ev_t12 {
  top: 810px;
}
.event_wrap .list .ev_t13 {
  top: 700px;
}
.event_wrap .list .ev_t14 {
  top: 790px;
}

.event_wrap .list_right .small_squire,
.event_wrap .list_left .ev_text_event .small_squire {
  left: 5px;
}
.event_wrap .list_left .small_squire,
.event_wrap .list_right .ev_text_event .small_squire {
  right: 3px;
  left: inherit;
}
.event_wrap .list .small_line,
.event_wrap .list_left .ev_text_event .samll_line {
  display: inline-block;
  position: absolute;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid #000;
  top: 19px;
  left: 24px;
  width: 13%;
}
.event_wrap .list_left .ev_text_odd .small_line,
.event_wrap .list_right .ev_text_event .small_line {
  right: 23px;
  left: initial;
}
.ev_text h3 {
  height: 33px;
  font-size: 120%;
  color: #dc331a;
  line-height: 28px;
  padding-left: 8%;
  font-weight: 750;
}
.ev_text p {
  height: 25px;
  font-size: 90%;
  font-weight: 500;
  color: #333333;
  line-height: 21px;
  padding-left: 8%;
  margin-top: 4px;
}

.ev_text_event .bottomspan {
  height: 22px;
  font-size: 90% ;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  padding-left: 8%;
  margin-top: 8px;
}
.ev_text .bottomspan {
  padding-right: 8%;
  height: 22px;
  font-size: 90% ;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin-top: 8px;
}
.list_right .ev_text_event h3,
.list_right .ev_text_event p,
.list_left .ev_text_odd h3,
.list_left .ev_text_odd p {
  padding-right: 8%;
  padding-left: inherit;
}

.ev_text_event ul {
  display: flex;
  justify-content: flex-start;
}

.ev_text_odd ul {
  display: flex;
  justify-content: flex-end;
}

.ev_text .s1 {
  padding-left: 8%;
  width: 264px;
  height: 22px;
  font-size: 90% ;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.ev_text .s2 {
  padding-left: 8%;
  width: 264px;
  height: 22px;
  font-size: 90% ;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.ev_text .s3 {
  padding-left: 8%;
  width: 264px;
  height: 22px;
  font-size: 90% ;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}

.contactUs_banner {
  width: 100%;
  height: 100%;
  background: url(../images/pc/banner/contactUs.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.aboutusbanner {
  width: 100%;
  height: 100%;
  background: url(../images/pc/banner/aboutUS.png) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.newsbanner {
  width: 100%;
  height: 100%;
  background: url(../images/pc/banner/newsUS.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.prodductbannner {
  width: 100%;
  height: 100%;
  background: url(../images/pc/banner/productionBg.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.prodductbannner1 {
  width: 100%;
  height: 100%;
  background: url(../images/pc/xin/banner.jpg) no-repeat;
  background-size: cover;
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
  padding: 0 283px;
}

.tabs_content_img img{
  width: 100%;
  height: 100%;
}
.AI_img img{
  width: 100%;
  height: 100%;
}
.AI_bottom_img img{
  width: 100%;
  height: 100%;
}
.aboutUs_right img{
  width: 100%;
  height: 100%;
}
.cultrue_left img{
  height: 100%;
}

.index_bg{
  width: 100%;
  height: 80px;
  background-color: #fff;
}
.about_tit{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home_size{
  font-size: 100%;
  font-weight: 400;
  color: #333333;
}

.btn:not(:disabled):not(.disabled){
  /* padding: 5px 20px; */
}

@media screen and (min-width:2100px){
  .tabs_right img{
    width: 80%;
  }
}

@media screen and (max-width:1520px) {
  body{
    font-size: 14px;
  }
  .home_size{
    font-size: 80%;
    font-weight: 400;
    color: #333333;
  }
  .tabs_small{
  height: 400px !important;
}
  .center_tit{
    height: 130px;
  }
  .he734{
    padding: 50px 0 ;
  }

  .cultrue_right {
    width: 60%;
    margin-top: 20px;
  }
  .cultrue_right h2 {
    font-size: 120%;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
  }
  .banner{
    height: 100vh;
  }
  .serve{
    height: 250px;
  }
  .mg-49{
    margin-top: 20px;
  }
  .serve_box{
    width: 79.1666%;
    height: 250px;
    margin: 0 auto;
    background-image: url(../images/pc/Mask\ group@2x.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
  }
  .tabs_left{
    width: 48%;
  }
  .tabs_bg_box{
    width: 32.2368%;
    position: relative;
    height: 340px;
    margin: 60px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .mm20{
    margin: 10px 0;
  }
  .map_bottom {
    text-align: center;
    font-size: 90% ;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.33);
    line-height: 30px;
    margin-top: 80px !important;
  }
  .new_box{
    width: 32.3026%;
    background-color: #ffffff;
    cursor: pointer;
    /* height: 470px; */
  }
  .ul_list {
    display: flex;
    justify-content: space-between;
  }

  .box_center {
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.navcode {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.tabs_tit {
  height: 33px;
  font-size: 120%;
  font-weight: 400;
  margin: 20px 0 20px 0;
  color: #333333;
  line-height: 28px;
}
.qipei_tit {
  /* width: 82.8947%; */
  margin: 40px auto;
  font-size: 120%;
  font-weight: 400;
  color: #666666;
}
.pad60bot {
  padding-bottom: 30px;
}
.tabs-bg_AI {
  width: 79.1666%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.banner_title {
  height: 150px;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.map{
  width: 79.1666%;
  height: 500px;
  display: flex;
  border-radius: 0px 0px 0px 0px;
}
.map_left {
  width: 100%;
  height: 500px;
  z-index: 9999999;
  position: relative;
}
.map_right{
    height: 500px;
    width: 39.4736%;
    position: absolute;
    background: rgba(220,51,26,0.9);  
    z-index: 9999999999;
    right: 0;
}
.map_content{
  margin: 50px 10px 0 40px;
}

.cultrue_left{
  height: 300px;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin: -30px 24px 22px 20px;
}
.culture_box{
  width: 32.6041%;
    height: 300px;
    display: flex;
    margin: 80px 0 110px 0;
}
.culture{
  width: 100%;
    height: 490px;
    background-image: url(../images/pc/cultureBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.navcode{
   width: 100%;
    /* height: 139px; */
    display: flex;
    justify-content: space-between;
}
.tabs_content_bottom {
  width: 100%;
  height: 340px;
  display: flex;
  justify-content: space-between;
}
.center_header {
  width: 100%;
  height: 100%;
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  position: absolute;
  top: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

}

.bottom_list li {
  padding: 0 17px;
}
.BMap_cpyCtrl{
  display: none;
}

.new_img{
  width: 100%;
  height: 326px !important;
  height: auto;
  overflow: hidden;
}
.new_img img{
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}
.new_time_list {
  height: 22px;
  font-size: 90%;
  font-weight: 400;
  color: #999999;
  margin-left: 20px;


}

.new_news h2{
  text-align: center;
  font-size: 150%;
  font-weight: bolder;
  margin: 20px 0;
}

.text-cen{
  text-align: center;
}

.new_box_list a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.new_time_list{
  position: absolute;
  bottom: 20px;
}

.news_next a:hover{
  color: #333;
}

.news_pre a:hover{
  color: #333;
}

.breadcrumb-item a{
  font-size: 100%;
  font-weight: 400;
  color: #666666 !important;
}
.breadcrumb{
  padding: 40px 0;
  margin-bottom: 0;
}

.jian{
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-image: url(../images/pc/about/san.png);
  background-size: 100% 100%;
}

.bottom_from a{
  color: #999;
}

.dropdown:hover .dropdown-toggle::after{
  color: #DC331A;
}
.dropdown:hover span{
  color: #DC331A;
}


.act{
  display: block !important;
}

.tabs li:hover{
color: #333 !important;
}

.btn img{
  display: block;
  width: 21px;
}
.btn-outline-secondary{
  display: flex;
  align-items: center;
}
.btn-outline-secondary span{
  display: block;
  padding: 0 5px;
} 

.sticky .navbar_center .dropdown .btn img{
  content: url(../images/pc/blackearth.png);
}

.dropdown:hover .btn>img{
  content: url(../images/pc/redearth.png);
}
.show img{
  content: url(../images/pc/redearth.png) !important;

}
.sticky .dropdown:hover .btn img{
  content: url(../images/pc/redearth.png);
}

.back{
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../images/newsimg/back.png);
  background-size: 100% 100%;
}

.box_center_button span{
  display: block;
}

.rig{
  display: none;
}