@import url('https://fonts.googleapis.com/css2?family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3980961 */
  src: url('//at.alicdn.com/t/c/font_3980961_h1c94eyrhfb.woff2?t=1716856726946') format('woff2'),
       url('//at.alicdn.com/t/c/font_3980961_h1c94eyrhfb.woff?t=1716856726946') format('woff'),
       url('//at.alicdn.com/t/c/font_3980961_h1c94eyrhfb.ttf?t=1716856726946') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
	color: #1d9ff0;
    font-size:2.4rem;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;padding: 0 1%;
    -moz-osx-font-smoothing: grayscale;}
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;line-height: 1.5;}
p{margin-bottom: 1em;}
/* .text p,.hos p,.company p,.hangda,.workshop p{text-indent: 2em;} */
h2{font-size: 50px;}
body{ font-family:"Krub", sans-serif; font-size:1.6rem; color:#4f4f4f; /* 最小字体大小 */  }
:root{  --min-font-size: 12px;}
h1,h2{font-weight: 700;}
h1,h2,h3,h4,h5,.tou,.hos .col-md-6 b{font-family: "Rubik", sans-serif;}
.hos .col-md-6 strong,.foot #Feedback{font-family: "League Spartan", sans-serif;}
a{ color:#666; text-decoration:none;transition: all .3s;}
a:hover{transition: all .3s;}
img{ border:0;max-width: 100%;width: 100%;}
.ny-title{text-align: center;margin-bottom: 3rem;}
.mid .ny-title{text-transform: uppercase;margin-bottom: 5rem;}
.mid .ny-title p,.mid .ny-title p span{margin-top: 2rem;font-size: 1.3rem;text-transform: none;}
.mid .ny-title h3{margin: auto;}
/* .ny-title::first-letter{color: #ccc;} */
.clear{ clear:both;}
.wid,.wid_{ max-width:1400px; margin:0 auto;width: 75%;}
.wid:after,.nav ul:after,.home_mould_cont:after,.home_new_cont:after,.home_new_cont_r dl:after,.erji:after,.pro_list:after,.news_list dl:after,.client_cont:after,.nrtp2:after,.nrtp4 ul:after,.zspic ul:after,.case_cont:after{ content:""; display:block; clear:both;}
.block{ color:#000;}
.none{display: none !important;}


.tou{font-size: 1.4rem;position: relative;padding: 0 1rem;width: fit-content;background: #E8E8E880;  line-height: 1.9;margin: 1rem 0;}
.banner .tou{background: #041C3780;}
.tou:before{content: '';width: 4px;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(94.06deg, #015CA6 -1.21%, #4181B5 57.82%, #D4ECFF 116.84%);}
.wdi{background: #DFE0E5;color: rgba(255,255,255,.95);font-size: 1.4rem;display: flex;justify-content: space-around;padding: 4rem 0;}
.wdi a,.wdi span{color: #666C89;}
.logo_{display: inline-block;}
.logo_ img{width: 80%;height: fit-content;}
.wdiright{float: right;display: flex;}
.wdiright>div,.iconfont_{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;margin: 0 2rem;}
.wdiright>div>div{}
.wdiright>div>div:has(i),.iconfont_>div:has(i){background: #332d2b;border-radius: 50%;width: 6rem;height: 6rem;margin-right: 1rem;display: flex;align-items: center;justify-content: center;}
.wdiright>div i,.iconfont_ i{font-size: 3rem;color: #fff;}
.iconfont_{margin: 0;}
.iconfont_ a,.iconfont_ span{font-size: 1.4rem;}
.iconfont_>div:has(i){background: linear-gradient(94.06deg, #015CA6 -1.21%, #4181B5 57.82%, #D4ECFF 116.84%);}
.iconfont_{margin: 1.5rem 0;}
.iconfont_ i{color: #1C1F35;}
.wid1{display: flex;padding: 1% 0;max-width: 1100px;width: 100%;font-size: 18px;align-items: center;color: #34aefb;}
.wid1>div{width: calc(100%/3);}
.himg_{display: flex;    justify-content:center;}
.wid1 img{max-width: 50px;margin: 0 10px;}
.widh{display:flex;justify-content:center;background:#09124240; position: relative ;z-index: 2;color: #fff;height: 6.5rem;}
.widh *{color: #fff;}
.logo{float:left; height:6.5rem; overflow:hidden;}
.nav{float:left; margin-right:2rem;}
.nav li{float:left;line-height:6.5rem;height:6.5rem;position:relative;z-index:100;margin-right: 3.5rem;width: 5.3em;display: grid;/* width: 100%; */}
.nav_right{float: right;}
.nav_right>*{line-height:6.5rem;height:6.5rem;margin-left: 2.5rem;float: left;}
.nav_right>*:last-child{padding-left: 2.5rem;padding-right: 2.5rem;background: #666C89;}
.nav li .nav_a{ display:block; padding:0 2rem;font-style:italic; color:#000; font-weight:bold; float:left;}
.nav li:hover .nav_a{ background:#015ca6; color:#fff;}
.nav .act .nav_a{ background:#015ca6; color:#fff;}
.nav .act:before{ content:""; position:absolute; left:0px; top:0; width:0px; height:0px; border-top:6.5rem solid #fff; border-right:12px solid transparent;}
.nav .act:after{ content:""; position:absolute; right:0px; top:0; width:0px; height:0px; border-bottom:6.5rem solid #fff; border-left:12px solid transparent;}
.nav li:hover .nav_a:before{ content:""; position:absolute; left:0px; top:0; width:0px; height:0px; border-top:6.5rem solid #fff; border-right:12px solid transparent;}
.nav li:hover .nav_a:after{ content:""; position:absolute; right:0px; top:0; width:0px; height:0px; border-bottom:6.5rem solid #fff; border-left:12px solid transparent;}
.nav .erji{ position:absolute;top:6.5rem; left:0; z-index:10000; background:#484b57b0; display: none; overflow:hidden;}
.nav .erji a{display:inline-block;width: 18.1rem;float:left;padding: 0.7rem 1rem;line-height:1.3;margin:0;/* text-align:center; */box-sizing:border-box;}
.nav_ul li:nth-child(2) .erji a{width: 21rem;}
.nav .erji a,.menu-list1 a,.mid_right_tel,.product_title{text-transform: capitalize;}
.nav .erji a:hover{ color:#34aefb;}
.search{ float:right; margin-top:22px;}
.search input{line-height:21px; width:100px; border-radius:10px; border:1px #999 solid; padding:0 10px; outline:none; font-size:12px; color:#4f4f4f;}
.lang{ float:right; line-height:6.5rem; padding:0 2rem;}
.lang a{ color:#666;}
.lang a:hover{ color:#000;}

.home_com1{padding: 100px 2rem;}
.home_com11{padding: 70px 2rem;}

.hvr-underline-reveal{display: inline-flex;}
/* .wuxiao{cursor: none;} */
.hvr-underline-reveal i{font-size: 1em;}
a:hover i{color: #23527c;}

.mobnav{ display:none; float:right;}
.open{}
.mob_banner{ display:none;}
.banner{aspect-ratio: 192 / 80;
	background-position: center center;background-repeat: repeat;position: relative;
	background-size: cover;padding:230px 2rem 100px 2rem;}
.banner h2{font-size: 6rem;width: 75%;line-height: 1.2;margin-bottom: 1rem;text-shadow: 1px 2px 7px rgb(0 0 0);}
.banner p{width: 56%;text-shadow: 1px 2px 5px rgb(0 0 0);}
.swiperb{margin-top: -6.5rem;}
.swiper-slide2::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: linear-gradient(0deg, #141C27, #141C27);opacity: .42;}
.swiper-slide2 h2,.swiper-slide2 p{text-shadow: none;}
.bant{position: relative;color: #fff;max-width: 700px;margin: auto;text-align: center;}
.bant p{font-weight: 600;}
.banbg{opacity: 1;background: url(../images/banner3.png) center center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.bg_ {color: #fff;position: relative;}
.nybanner{max-height: 54rem;overflow: hidden;position: relative;margin-top: -6.5rem;display: flex;align-items: center;}
.nybanner:before{content:"";width: 100%;height: 100%;position: absolute;background: #000;opacity: 0.05;}
.nybanner img:nth-child(2){display: none;}


.fad,.swiper-slide3 .fad,.swiper-slide4 .fad{opacity: 0;}
.fang{background-position: center;background-repeat: no-repeat;background-size: contain;}
.show .fad{opacity: 1;  animation-name: fadeInUp;animation-duration: 2s;animation-delay: 0.5s;}
/* .show .fade{opacity: 1;} */
.show.swiper-slide3 .fad{opacity: 1;}
.swiper-slide4.show .fad{opacity: 1;animation-duration: 2s;animation-delay: 0.5s;animation-name: none;}
.show.swiper-slide3 .fad {animation: banner1 2s backwards;}
.show .fad div:nth-child(n){animation: banner 1.2s backwards;}
.show .fad div:nth-child(1) {animation-delay: 0.5s;}
.show .fad div:nth-child(2) {animation-delay: 0.6s;}
.show .fad div:nth-child(3) {animation-delay: 0.7s;}
.show .fad div:nth-child(4) {animation-delay: 0.8s;}
.show .fad div:nth-child(5) {animation-delay: 0.9s;}
/* 继续为后续子元素设置动画延迟 */
.show .fad div:nth-child(6) {animation-delay: 1.0s;}
.show .fad div:nth-child(7) {animation-delay: 1.1s;}
.show .fad div:nth-child(8) {animation-delay: 1.2s;}
.show .fad div:nth-child(9), .show .fad div:nth-child(10),.show .fad div:nth-child(11),.show .fad div:nth-child(12){animation-delay: 1.2s;}
@keyframes banner{
	from{transform:translateZ(300px) scale(2); opacity: 0;}
	to{transform:translateZ(0px) scale(1);opacity: 1;}
}
@keyframes banner1{
	from{transform:translateZ(300px) scale(0); opacity: 0;}
	to{transform:translateZ(0px) scale(1);opacity: 1;}
}
.v3_3 {
  width: 100%;
  height: 100%;
  background: url("../images/v3_3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.v3_4 {
  width: 100%;
  height: 100%;
  background: url("../images/v3_4.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_5 {
  width: 47.71%; /* 916px / 1920px */
  height: 51.44%; /* 463px / 900px */
  background: url("../images/v3_5.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 31.89%; /* 287px / 900px */
  left: 27.45%; /* 527px / 1920px */
  transform: rotate(-4deg);
  /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_6 {
  width: 10.05%; /* 193px / 1920px */
  height: 9.56%; /* 86px / 900px */
  background: url("../images/v3_6.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 33.22%; /* 299px / 900px */
  left: 17.34%; /* 333px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_8 {
  width: 8.49%; /* 163px / 1920px */
  height: 11.56%; /* 104px / 900px */
  background: url("../images/v3_8.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 19.89%; /* 179px / 900px */
  left: 72.81%; /* 1398px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_9 {
  width: 10.10%; /* 194px / 1920px */
  height: 11.78%; /* 106px / 900px */
  background: url("../images/v3_9.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 46.44%; /* 418px / 900px */
  left: 80.52%; /* 1546px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_10 {
  width: 6.15%; /* 118px / 1920px */
  height: 13.11%; /* 118px / 900px */
  background: url("../images/v3_10.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 12.56%; /* 113px / 900px */
  left: 53.44%; /* 1026px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_11 {
  width: 5.78%; /* 111px / 1920px */
  height: 11.00%; /* 99px / 900px */
  background: url("../images/v3_11.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 76.33%; /* 687px / 900px */
  left: 75.73%; /* 1454px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_12 {
  width: 6.51%; /* 125px / 1920px */
  height: 21.22%; /* 191px / 900px */
  background: url("../images/v3_12.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 12.56%; /* 113px / 900px */
  left: 33.54%; /* 644px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_13 {
  width: 8.33%; /* 160px / 1920px */
  height: 9.00%; /* 81px / 900px */
  background: url("../images/v3_13.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 80.00%; /* 720px / 900px */
  left: 23.80%; /* 457px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_14 {
  width: 13.44%; /* 258px / 1920px */
  height: 10.44%; /* 94px / 900px */
  background: url("../images/v3_14.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 83.89%; /* 755px / 900px */
  left: 55.16%; /* 1059px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_15 {
  width: 8.44%; /* 162px / 1920px */
  height: 14.11%; /* 127px / 900px */
  background: url("../images/v3_15.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 56.78%; /* 511px / 900px */
  left: 16.30%; /* 313px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_16 {
  width: 8.33%; /* 160px / 1920px */
  height: 14.11%; /* 127px / 900px */
  background: url("../images/v3_16.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 82.00%; /* 738px / 900px */
  left: 38.44%; /* 738px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.v3_17 {
  width: 14.48%; /* 278px / 1920px */
  height: 11.33%; /* 102px / 900px */
  background: url("../images/v3_17.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: absolute;
  top: 72.56%; /* 653px / 900px */
  left: 74.06%; /* 1422px / 1920px */
  overflow: hidden;    transition: .4s 2s;transform:scale(1)
}

.partner{    justify-content: space-between;}

.partner img{    width: 19%;background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 0 50px;}
  
.partner img:hover{box-shadow: rgba(0,0,0,0.2) 0px 17px 30px 0px;transition: .3s;}
.jiance .col-sm-6 div{aspect-ratio: 3/2;overflow: hidden;}
.jiance .col-sm-6 span,.ry .col-xs-6 span{font-size: 13px;text-align: center;margin: auto;}
/* 发展历程 */
.development_history {
  padding: 40px 0 28px 0;
}

.development_history .item_box {
}

.development_history .item_box .item_hd_box {
  margin-bottom: 60px;
}

.development_history .item_box .item_content {
  width: 100%;
  position: relative;
}

.development_history .item_box .item_content .swiper_switch_btn {
  position: absolute;
  top: -70px;
  right: 0;
  display: flex;
  align-items: center;
}

.development_history .item_box .item_content .swiper_switch_btn .swiper-btn-li {
  width: 48px;
  height: 48px;
  border: 1.5px solid #ffffff;
  border-radius: 100px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.development_history .item_box .item_content .swiper_switch_btn .swiper-btn-li::after {
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
}

.development_history .item_box .item_content .swiper_switch_btn .swiper-btn-li.swiper-button-disabled {
  border-color: #ffffff;
}

.development_history .item_box .item_content .swiper_switch_btn .swiper-button-prev {
  margin-right: 10px;
}

.development_history .item_box .item_content .swiper_switch_btn .swiper-button-next {
}

.development_history .item_box .item_content .HistoryBanners {
  position: relative;height: 520px;
}

/* .development_history .item_box .item_content .HistoryBanners::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #0483b9;
  position: absolute;
  top: 250px;
  left: 0;
} */

/* .development_history .item_box .item_content .HistoryBanners:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #0483b9;
  border-radius: 100px;
  position: absolute;
  top: 246px;
  right: 0;
} */

.development_history .item_box .item_content .HistoryBanners .swiper-wrapper {
  position: relative;
  padding: 0 8px;flex-wrap: nowrap;
}

.development_history .item_box .item_content .HistoryBanners .banner_list {
  height: 250px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 20px;
}

.development_history .item_box .item_content .HistoryBanners .banner_list:nth-child(even) {
  margin-top: 250px;
}

.development_history .item_box .item_content .HistoryBanners .banner_list::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: linear-gradient(to bottom, #5277c400 0%, #6087d7 100%);
}

.development_history .item_box .item_content .HistoryBanners .banner_list:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -6px;
  bottom: -7px;
  background: url(../images/bn84.png) no-repeat center;
  /* z-index: 999999999999999; */
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_time {
  margin-bottom: 20px;
  display: flex;
  align-items: center;width: 17em;max-width: inherit;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_time .list_time_dd {
  font-size: 24.5px;
  color: #aac3f5;
  margin-right: 20px;
  font-weight: bolder;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_time .list_time_dt {
  font-size: 21.5px;
  color: #aac3f5;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info {
  height: 140px;
  padding-right: 15px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  width: 260%;
  max-width: inherit;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info p {
  margin-bottom: 8px;
  line-height: 23px;
  font-size: 14px;
  color: #ffffff;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info p:last-child {
  margin-bottom: 0;
}

.development_history .item_box .item_content .HistoryBanners .banner_list:nth-child(even) {
  height: auto;
  min-height: 250px;
  /* padding-top: 30px; */
}

.development_history .item_box .item_content .HistoryBanners .banner_list:nth-child(even):after {
  bottom: 0;
  top: auto;
  background-image: linear-gradient(to bottom, #6087d7 0%, #5277c400 100%);
}

.development_history .item_box .item_content .HistoryBanners .banner_list:nth-child(even):before {
  top: -7px;
  left: -7px;
  bottom: auto;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info::-webkit-scrollbar-track {
  background-color: #ffffff30;
  border-radius: 100px;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 100px;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info::-webkit-scrollbar-button {
  background-color: #ffffff30;
  border-radius: 100px;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info::-webkit-scrollbar-corner {
  background-color: #ffffff30;
  border-radius: 100px;
}

.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info::-webkit-scrollbar {
  width: 2px;
  height: 0px;
  border-radius: 100px;
}

/* 时间轴容器 */
.development_history .timeline {
  position: relative;
  padding: 20px;
  /* background: linear-gradient(to bottom right, #f0f0f0, #ffffff); */
  /* width: 80%; */
  margin: 0 auto;
}

/* 每个时间节点的容器 */
.development_history .banner_list {
  position: relative;
  margin: 20px 0;
  padding: 20px;
  /* background-color: #ffffff; */
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transform-origin: left center;
  transition: transform 0.5s ease;
  margin: 0;
}

/* 时间节点的标题样式 */
.development_history .banner_list_time .list_time_dd {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}

/* 时间节点的内容样式 */
.development_history .banner_list_info p {
  font-size: 1em;
  color: #666;
}

/* 控制每个节点的上升效果 */
.development_history .swiper-slide:nth-child(1) {
  transform: translateY(110px);
}

.development_history .swiper-slide:nth-child(2) {
  transform: translateY(100px);
}

.development_history .swiper-slide:nth-child(3) {
  transform: translateY(80px);
}

.development_history .swiper-slide:nth-child(4) {
  transform: translateY(70px);
}

.development_history .swiper-slide:nth-child(5) {
  transform: translateY(50px);
}

.development_history .swiper-slide:nth-child(6) {
  transform: translateY(40px);
}

.development_history .swiper-slide:nth-child(7) {
  transform: translateY(20px);
}

.development_history .swiper-slide:nth-child(8) {
  transform: translateY(10px);
}

.development_history .swiper-slide:nth-child(9) {
  transform: translateY(-10px);
}

.development_history .swiper-slide:nth-child(10) {
  transform: translateY(-20px);
}


/* 时间轴的上升趋势线 */
.development_history .timeline::before {
  content: '';
  position: absolute;
  left: 50px;
  top: 0;
  height: 100%;
  width: 4px;
  /* background: linear-gradient(to bottom, #007ac2, #8bc34a); */
  border-radius: 2px;
  z-index: -1;
}

/* 每个时间节点前面的圆点 */
.development_history .banner_list::before {
  content: '';
  position: absolute;
  /* left: 42px; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  /* width: 20px; */
  /* height: 20px; */
  background-color: #007ac2;
  border-radius: 50%;
  z-index: 1;
}

/* 连接每个圆点的线条 */
.development_history .banner_list:not(:first-child)::after {
  content: '';
  position: absolute;
  left: 50px;
  top: 0;
  bottom: 50%;
  width: 4px;
  background-color: #007ac2;
  z-index: 0;
}
.development_history .dianxian{position: relative;}
.development_history .dianxian::after{
  content: "";
  position: absolute;
  /* left: 50%; */
  /* top: 50%; */
  transform: translateX(-50%) translateY(-50%);
  height: 2px;
  background-color: #0483b9;
  width: 154%;
  transform: rotate(-5deg);
  top: 113%;
  left: -27%;
  /* z-index: 999999999999; */
}
.development_history .swiper-slide:nth-child(even) .dianxian:after{top: -16%;left: -26%;transform: rotate(-10deg);}
.development_history .swiper-slide:last-child{opacity: 0;}
.development_history .swiper-slide:nth-child(10) .dianxian:after{
  content: "";
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  height: 2px;
  width: calc(100% - -26px);
  background: repeating-linear-gradient(
      to right,
      #0483b9,
      #0483b9 10px, /* 虚线的宽度 */
      transparent 10px,
      transparent 20px /* 虚线间隔 */
  );
  transform: rotate(-3deg);
  top: -12%;
  left: -8%;
  z-index: 999999999999;
  }
.ico{display: flex;}
.ico>div{display: flex;	flex-direction: column;	align-items: center;padding: 2rem;width: 195px;}
.ico>div>i{font-size: 50px;}
.ico>div>span{font-weight: 600;font-size: 4rem;}
.why{text-align: center;}
.why h2{text-align: center;	max-width: 900px;margin:1% auto;}
.why .ico>div{width: 30%;padding: 2% 3% 3%;}
.why .ico>div>span{font-size: 30px;}
.qa{width: 100%;text-align: initial;}
.qa li{border-bottom: 1px solid #d4d4d4;margin-right: 5%;}
.qa li h4{cursor: pointer;}
.qa li i{padding: 1%;}
.qa li h4,.qa li p{padding: 2%;}
.pro_{flex-wrap: wrap;}
input,textarea,.pu{width: 89%;border:1px solid #DEDEDE;padding: 5px 16px;	border-radius: 4px;margin: 1.5%;    font-size: 2rem;line-height: 2;}
form .pu{margin: 1.5%;color: #23212A;}
.why .pro_>div{text-align: initial;align-items: flex-start;box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);margin:auto;border-bottom: 1px solid #e9e9e9;width: 40%;}
.pro_>div img:hover{opacity: 0.9;}
.pu{font-size: 1em;font-weight: 600;padding: 7px 4rem;width: fit-content;background: linear-gradient(94.06deg, #015CA6 -1.21%, #4181B5 57.82%, #D4ECFF 116.84%);color: #23212A;border: none;margin: 1.5em 0;display: block;border-radius: 0;}
.pu:hover{color: #fff;}

.pu2{color: #f6f6f6;font-weight: 600;}
.proy{display: flex;}
.pu3{background: #091242;margin: auto;color: #fff;}
.why .img {display: flex;flex-wrap: wrap;align-items: flex-start;}
.why .img img{width: 48%;margin: 1%;}
.video_{max-width: 1400px;  margin: 3% auto;}
.video_con{display: flex;    flex-wrap: wrap;  padding: 0 0 4% 0;}
.video_part{display: inline-block;  padding: 0 2.5rem 2.5rem 0;  width: 46%;  box-sizing: border-box;}
.video_part video{background: #000; max-width: 100%;}
.foot textarea{width: 100%;border: 1px solid #4E5683;}
.foot input{width: 47%;border: 1px solid #4E5683;}
.foot #Feedback{display: flex;flex-wrap: wrap;}
.foot textarea,.foot input,.foot textarea::placeholder,.foot input::placeholder{font-size: 2rem;background: #00000000;color: #fff;}


.video_img:before{content: '';background: #000;opacity: 0.5;}

h3{font-size: 3.5rem;font-weight: 600;line-height: 1.2;margin-bottom: 1rem;}
h4{font-size: 2.5rem;}
.what{padding: 8rem 0;}
.what .tou:before{background: linear-gradient(94.06deg, #FFB629 -1.21%, #FFDA56 58.66%, #FFD7A6 116.84%);}
.what h4{margin-bottom: 1rem;}
.what p{margin-bottom: .5rem;}
.what p b{font-size: 2.4rem;}
.what .col-md-3{padding: 0;}
.what .col-md-6{display: flex;align-items: start;margin: 1rem 0;}
.what .col-md-6 svg{margin: 2rem 1rem;width: 8rem;}
.what .col-md-6:first-child svg{width: 6.6rem;}
.what .col-md-6>div{border-left: 1px solid #D8D8D8;margin: 2rem;padding: 0 2rem;width: fit-content;}

.hos .col-md-6{border: 1px solid #D4D4D4;display: flex;align-items: center;justify-content: center;margin: 8rem 0 0;border-left: 0;padding: 2rem;}
.hos .col-md-6:last-child{border-right: 0;}
.hos .col-md-6 b{font-size: 5rem;}
.hos .col-md-6 span{display: inline-block;height: 1.7rem;width: 1.7rem;background: linear-gradient(94.06deg, #015CA6 -1.21%, #4181B5 57.82%, #D4ECFF 116.84%);margin: 1.5rem;}
.hos .col-md-6 strong{font-size: 2rem;line-height: 1;width: 60%;text-transform: capitalize;}
.hos p{margin-top: 4rem;}

.mid_pro{display: flex;}
.mid_right{ float:left; width:1090px; margin-left:30px;max-width: 100%;}
.mid_right_tel{ border-bottom:1px #ebebeb solid; line-height:50px; font-weight:bold; font-size:18px; color:#000;}
.mid_right_tel .wz{ font-size:1.4rem; float:right; line-height:50px; font-weight:normal; color:#666; background:url(../images/wz_tb1.png) no-repeat 0 19px; padding-left:18px;}
.mid_right_tel .wz a{ color:#666;}
.mid_right_tel .wz a:hover{ color:#015ca6;}
.mid_right_cont{ line-height:2.4rem; margin-top:1.5rem;}
.mid_right_cont p{/* margin-bottom:0px; */line-height:2.4rem;/* padding:0px 0; */}
.mid_right_cont img{ max-width:100%;margin-bottom:0px;}
.workshop img{object-fit: cover;}
/* .mid_right_cont .swiper1 img{max-height: 100%;} */
.news_cont img{ padding:10px 0;}

b{font-weight: 600;}
strong{font-weight: 400;}


.mid_right_cont .wid .center div{align-items: center;}
.center h4{line-height: 4;}
.center p{line-height: 2.5;}

.yinying{position: relative;}
.yinying.wow{height: 500px;overflow: hidden;}
.yinying.wow img{    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -59%);}
.yinying.col-md-12{display: flex;}
.yinying.col-md-12 img{width: 25%;}
.yinying:before{content:"";width: 100%;height: 100%;position: absolute;background: linear-gradient(360deg, #091242 -11.11%, rgba(9, 18, 66, 0) 90.28%);z-index: 2;}

.home_pro a{display: flex;flex-direction: column;position: relative;border: 1px solid #D9D9D9}
.home_pro .swiper-slide a:before{position: absolute;width: 100%;height: 100%;content: '';top: 0;left: 0;background: linear-gradient(0deg, #091242 14.34%, rgba(60, 60, 60, 0) 43.86%);background-blend-mode: multiply;}
/* .home_pro .swiper-slide img{max-height: 80%;max-width: 100%;padding: 3rem;} */
.home_pro strong{font-weight: 500;display: block;color: #4181B5;height: 3rem;text-transform: capitalize;}
.home_pro a strong:first-child{font-size: 2rem;color: #fff;font-family: 'Rubik';height: 6rem;}
.home_pro a div{padding: 2rem;position: inherit;}
.home_pro a .img_,.procont_pic1{display: flex;justify-content: center;align-items: center;}
.home_pro .swiper-slide img{max-height: 60%;max-width: 90%;object-fit: contain;}
/* .home_honor .wid .swiper-slide img{max-height: 100%;} */
.swiper3 .swiper-wrapper{align-items: center;}
.home_honor .wid .swiper-slide .honorimg_{display: flex;flex-direction: column;position: relative;border: none;}
.home_honor .wid .swiper-slide .honorimg_:before{position: absolute;width: 100%;height: 100%;content: '';top: 0;left: 0;background: #ffffffff;background-blend-mode: multiply;}
.home_honor .wid .swiper-slide .honorimg{display: flex;justify-content: center;align-items: center;}
.procont_pic1 img{max-width: 100%;max-height: 100%;object-fit: contain;}
.swiper2{width: 87%;}
.home_pro_an{padding: 23rem 0 12rem;background: linear-gradient(94.06deg, #015CA6 -1.21%, #4181B5 57.82%, #D4ECFF 116.84%);margin-top: -11rem;}

.bg{background: #091242;padding: 14.5rem 0;display: flex;align-items: center;}
.bg img{margin-left: 10rem;}
.text{width: calc(100% - 45rem);margin-left: 11rem;padding: 10rem 0;min-width: calc( 50% + 11rem);max-width: 100%;}
.text .flex{margin-top: 4rem;}
.text .iconfont_{width: 50%;cursor: pointer;}
.room .flex{    justify-content: space-between;background: #F4F4F4;}
.room>.flex{align-items: stretch;}
.room .iconfont_>div{max-width: 11rem;}
.bg>div{position: relative;}
.pu4{position: absolute;font-size: 2.6rem;bottom: 0;left: 50%;transform: translate(calc(-50% + 5rem), 0px);margin: 0;padding: 2rem 5rem;font-weight: 400;width: max-content;}
.room-label.active {color: #4181b5;}

.home_pro .wid{display: flex;position: relative;align-items: center;}

.swiper3{margin: 5rem 0 3rem;}
.swiper3 .swiper-wrapper{display: flex;align-items: center;}
.swiper3 .swiper-slide{display: flex;justify-content: center;align-items: center;height: 350px;}
.swiper3 .swiper-slide img{max-height: 350px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: linear-gradient(94.06deg, #015CA6 -1.21%, #4181B5 57.82%, #D4ECFF 116.84%);left: -5%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: #091242;right: -5%;}
.swiper-button-next, .swiper-button-prev{width: 4.4rem;height: 4.4rem;background-size: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.swiper-button-next i, .swiper-button-prev i{color: #ffffffba;}

.mid_right_cont .wid,.mid_right_cont .wid_{padding-top: 10rem;padding-bottom: 10rem;}
.mid_right_cont .wid div{display: flex;flex-wrap: wrap;}
/* .mid_right_cont .wid.wid_ div{display: block;} */
.mid_right_cont>.wid:first-of-type{padding-top: 0;}
/* .mid_right_cont img{margin: 1rem auto;} */
.gray{background: rgb(249,249,249);}
.gray .col-md-4 div,.gray .col-md-3 div{padding:1.5rem;background-color: #fff;border-radius: 1rem;box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08);display: block;}
.flex-con{    align-items: stretch !important;}
.flex-con .col-md-3{display: flex;flex-wrap: wrap;padding-top: 2rem;padding-bottom: 2rem;}
.flex-con a{display: block;}
.flex-con i{font-size: 4.5rem;margin: 1rem;}
.flex-con .col-md-3 div{border-radius: 1rem;box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08);padding-top: 1rem;padding-bottom: 2rem;background: rgb(249,249,249);width: 100%;}
.gray .col-md-4 div h4, .gray .col-md-3 div h4{margin: 1rem 0;font-style: italic;}
.gray .col-md-3 div{text-align: center;justify-content: center;width: 100%;padding: 15% 10%;}
.gray .col-md-3 div i{width: 100%;font-size: 5rem;}

.ry{display: flex;flex-wrap: wrap;align-items: flex-start;}
.ry div{padding-bottom: 1em;}

.wid_ p,.wid_ h3{color: #fff;}


.home_com_1 a{border-left: 2px solid #1d9ff0;padding: 8px 1.5rem;font-weight: 600;}
.home_com_2 i{padding: 0 8px;}
.home_com_2 li{margin-bottom: 10px;}

.home_tel{ font-size:32px; text-align:center;}
.home_p{color:#333; text-align:center; margin-top:5px;}
.home_mould{ padding:50px 0;background:#f5f5f5;}
.home_mould_class{ text-align:center; margin-top:35px; font-size:16px;font-style:italic;}
.home_mould_class a{ width:180px; height:4rem; line-height:4rem; text-align:center; display:inline-block; color:#000; border:1px solid #e5e5e5;}
.home_mould_class a:hover{ background:#e5e5e5; color:#000;}
.home_mould_class .act{ background:#e5e5e5; color:#000;}
.home_mould_cont{ margin-top:30px;}
.home_mould_cont_box{ background:#f5f5f5; width:30%; margin-right:5%; float:left; position:relative;}
.home_mould_cont_box:nth-child(3n){margin-right:0;}
.box_t{ line-height:36px; background:#015ca6; color:#fff; font-size:1.4rem; text-align:center;margin-top:1.5rem;}
.box_pic{ text-align:center; padding:1.5rem 0 5px;}
.box_pic img{ max-width:96%; vertical-align:middle;}
.box_bra{ text-align:center; font-size:1.4rem; color:#015ca6;font-style:italic; min-height:4rem;}
.box_can{ width:100%; text-align:center; border-left:1px solid #015ca6;border-bottom:1px solid #015ca6; font-size:10px; margin-top:1.5rem;font-style:italic;}
.box_can td{border-right:1px solid #015ca6;border-top:1px solid #015ca6; height:60px;}
.box_can .box_can_t{ width:40%; color:#015ca6;}
.home_mould_cont_box a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2000; background:rgba(231,22,26,0.6); text-align:center; padding-top:30%; color:#fff; font-size:16px; box-sizing:border-box; opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.home_mould_cont_box:hover a{ opacity:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

.home_com{ padding:50px 0; background:url(../images/home_combj.jpg) no-repeat; background-attachment:fixed;position: relative;}
.home_com_cont{ padding:30px 2rem; width:70%;}
/* .home_com_cont h2{font-size:2.4rem; font-weight:normal; font-style:italic;color:#015ca6;} */
.home_com_cont h4{font-size:12px; color:#333;font-style:italic; margin-top:5px; font-weight:normal;}
.home_com_cont p{margin-top:1.5rem; line-height:2;}
.home_com_cont a{ line-height:30px; background:#015ca6; color:#fff; padding:0 1.5rem; border-radius:3px; display:inline-block; margin-top:1.5rem; border:1px solid #015ca6;}
.home_com_cont a:hover{ background:#fff; color:#015ca6;}

.home_com2{background: url(../images/last.png) no-repeat;}
.widwhy{max-width: 900px;padding: 1% 0;}
.widwhy p{padding: 3% 0;}

.home_pro{ padding:50px 0;}
.home_pro_class{ height:4rem; background:#e6e6e6; margin-top:35px; text-align:center;}
.home_pro_class a{ display:inline-block; line-height:4rem; text-align:center; width:200px; border-right:1px #fff solid; font-size:16px;}
.home_pro_class a:hover{ background:#015ca6; color:#fff;}
.home_pro_class .act{ background:#015ca6; color:#fff;}
.home_pro_cont{ margin-top:30px;}
.home_pro_cont_box{ background:#fff; width:22%; margin-right:4%; float:left; position:relative;}
.home_pro_cont_box a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2000; background:rgba(231,22,26,0.6); text-align:center; padding-top:40%; color:#fff; font-size:16px; box-sizing:border-box; opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.home_pro_cont_box:hover a{ opacity:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

.home_new{ padding:50px 0; background:#f5f5f5;}
.home_new_cont{ margin-top:50px;}
.home_new_cont_l{ float:left; width:50%;}
.home_new_cont_r{ float:left; width:49%; margin-left:1%;}
.home_new_cont_r dl{ overflow:hidden; padding:10px 0px; border-bottom:1px #ccc dashed;}
.home_new_cont_r dt{ width:20%; float:left; display:block; text-align:center;}
.home_new_cont_r dt span{ display:block; font-size:4rem; line-height:41px; color:#015ca6; margin-top:8px;}
.home_new_cont_r dd{ float:right; width:80%;}
.home_new_cont_r dd h3 a{ display:block; height:30px;color:#000; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal;}
.home_new_cont_r dd h3 a:hover{ color:#015ca6;}
.home_new_cont_r dd p{ line-height:2.4rem; height:48px;overflow:hidden; color:#888;}
.home_com_1{width: 48%;}
.home_com_2{    display: flex;
    flex-wrap: wrap;}
.home_com_3{width: 55%;}
.home_com_4{width: 42%;}
.home_com_4 .send{max-width: 400px;float: right;	box-shadow: 1px 4px 7px 0px rgb(0 0 0 / 50%);	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;	
	padding: 2rem 2rem 2rem 2rem;background: #fff;border-radius: 10px;}
.home_com_5{margin-bottom: -270px;z-index: 99;}
.home_com_{padding: 150px 0;}
.home_cus{ padding:50px 0;position: relative;}
.home_cus_pic img{ margin:0 30px; height:100px;    max-width: 300px;}
.partn{	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;	padding: 2rem 2rem 10px 2rem;background: #fff;padding: 10px;max-width: 700px;margin: auto;}

/*mid*/
.mid.wid{ padding-top:30px;padding-bottom:  50px;}
.mid{padding-top: 30px;}
.mid_left{ width:260px; float:left;}
.mid_left .mid_left_fe a{background:none; padding:0; margin:0; display:inline;}
.mid_left .mid_left_fe a:hover{ background:none; color:#015ca6;}
.mid_left_fe img{ max-width:100%; margin-top:10px;}
.mid_left_tel{ background:#015ca6 url(../images/tel_tb.jpg) no-repeat 1.5rem center; color:#fff; text-transform:uppercase; font-size:16px; font-weight:normal; line-height:50px; padding-left:30px; border-top-right-radius:1.5rem;}
.mid_left a{ display:block; line-height:4rem; font-size:1.4rem; background:#f2f2f2 url(../images/left_tb.png) no-repeat 1.5rem center; padding-left:30px; margin-top:5px; color:#000;}
.mid_left a:hover{background:#e9e9e9 url(../images/left_tb.png) no-repeat 1.5rem center; color:#000;}
.mid_left h5{color:#015ca6;border-bottom:1px solid #dedede;font-size:1.4rem;font-weight:600;line-height:29px;margin:10px 0 4%;
padding-bottom:2%;}
.left_lx{ list-style:none;background:rgba(245, 245, 245, 0.87);padding:4% 3%;}
.left_lx img{width:2.5rem; margin-right:3%;vertical-align:middle;}
.left_lx li{list-style:none; line-height:4rem;font-size:1.4rem;border-bottom:dashed 1px #e6e6e6;color:#000;}
.left_lx li a{color:#4f4f4f; font-weight:bold; background:none; padding:0; margin:0; display:inline;}
.left_lx li a:hover{ background:none; color:#015ca6;}



.workshop .col-md-12{margin-top: 3rem;}
.workshop img,.company img{margin-top: 1rem;}
.workshop .col-md-3,.workshop .col-md-4,.company .col-md-3,.company .col-md-4,.workshop .col-md-8,.company .col-md-6,.workshop .col-md-6,.company .col-md-8{padding-right: .5rem;padding-left: .5rem;}
.equ{display: flex;flex-wrap: wrap;}
.equ *{padding: 1%;width: calc();}
.qclc{width:100%; background:#fff; font-size:14px;border-collapse:inherit;border-spacing:3px; margin:25px 0;}
.qclc td{padding:0px 5px; background:#ebebeb; line-height:30px; font-size:14px; }
.equips{border-collapse:inherit;border-spacing: 3px;width: 100%;}
.equips td{padding: 2px 5px;word-break: break-word;}
.equips tr{background: rgb(203, 227, 249);}
.equips tr:nth-child(2n){background: rgb(231, 242, 252)}
.equips tr:first-child{background: rgb(2, 59, 174);color: #fff;text-align: center;}
.equips tr td:first-child,.equips tr td:last-child,.equips tr td{text-align: center;}


/* .halfda{width: 100%;} */
.halfda>*{width: 50%;}
.mid_right_cont .hangda{line-height: 3.3rem;}

.pro_list dl{ float:left; width:24%; margin-right:1%; text-align:center; box-sizing:border-box; border:1px #ebebeb solid; margin-bottom:2rem; background:#f2f2f2; padding:6px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dl:nth-child(3n){ margin-right:1%;}
.pro_list dl img{max-width: 90%;max-height: 60%;object-fit: contain;}
.pro_list dl:hover{ background:rgb(25,127,196);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dl:hover dd{ color:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dt{overflow:hidden;display: flex;align-items: center;justify-content: center;background: #fff;}
/* .pro_list dd{height:40px;line-height:20px;overflow:hidden;border-top:1px solid #ebebeb;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-align: center;display: flex;align-items: center;justify-content: center;text-transform: capitalize;} */
.pro_list dd{height:40px;line-height:20px;overflow:hidden;border-top:1px solid #ebebeb;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-align: center;/* display: flex; */align-items: center;justify-content: center;text-transform: capitalize;font-size: 12px;}

.news_list dl{ border-bottom:1px #ccc dashed; padding:2rem 0;}
.news_list dt{ float:left; width:20%; margin-right:10px; text-align:center;}
.news_list dt img{ height:100px; }
.news_list dd{}
.news_list dd h4{ font-size:16px; color:#000; line-height:2rem; font-weight:normal;}
.news_list dd h4 a{ color:#000;}
.news_list dd h4 a:hover{ color:#015ca6;}
.news_list dd .cont{ margin:8px 0; line-height:22px; height:44px;overflow:hidden; color:#666;}
.news_list dd span{ color:#656565; font-size:12px;}

.contact{width: 65%;/* margin-left:5%; */float:left;}
.contact h3{padding: 2% 0;}
.contact p{ margin-bottom:10px;}
.ditu{width:35%;float:left;}
/* .from{}
.from h3{color:#000; font-size:16px; margin-top:10px;font-weight:normal;}
.from p{ line-height:22px; margin-bottom:10px;}
.from_cont{ margin-top:30px; text-align:center;}
.from input{ width:45%; margin-right:10%; border:1px #e8e8e8 solid; border-radius:3px; line-height:30px; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font-size:1.4rem; float:left; margin-bottom:1.5rem; outline:none;}
.from textarea{ width:100%; height:100px;border:1px #e8e8e8 solid; border-radius:3px;padding:10px;background:#f5f5f5; box-sizing:border-box;font-size:1.4rem;outline:none;}
.from a{ display:inline-block; padding:0 2rem; line-height:30px; background:#015ca6; color:#fff; border-radius:3px; font-size:1.4rem; margin-top:2rem; }
.from a:hover{ background:#c51518;} */

.swiper-container{max-width: 100%;}
.lunb{ width: 100%;  margin: auto;  background: #000;  height: 100%;}
.procont_pic_{border: 1px solid #ccc;}
.procont_pic_ img{max-width: 24%;cursor: pointer;}
.procont_pic_ .check{border: 1px solid #005bb1;}
.foot{ padding:13rem 0; background: #091242;  color: #fff;}
.foot *{color: #fff;}
.foot .col-md-5 P{width: 65%;}
.foot .col-md-7{margin: 5rem 0;}
.foot_box{ width:31%; float:left;margin-right: 2%;font-size: 17px;}
.foot_box h3{ font-size:30px; color:#fff; margin-bottom:1.5rem;}
.foot_box a{ display:block; color:#fff;}
.foot_box a:hover{ color:#fff;}
.foot_box p{color:#fff;}
.foot_lx{ width:30%;}
.ewm{ width:18%; text-align:right;}
.links{ color:#ccc; margin:1.5rem auto 5px;;}
.links span{ color:#fff;}
.links a{ display:inline-block; padding:0 10px; color:#999;}
.links a:hover{ color:#fff;}
.bdsharebuttonbox a{ padding:0;}
.banquan{text-align:center;padding: .8rem 0;background: #D9D9D9;}
.source{display: flex;justify-content: space-around;padding: 5% 0;}
.source a{border-left: 1px solid #fff;margin: 7px;padding-left: 9px;}

.client_cont{border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;margin-top:4rem;}
.client_cont li{ width:25%; height:110px; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; text-align:center; line-height:100px; position:relative;}
.client_cont li:before{ content:""; display:block; width:1.4rem; height:1px; position:absolute; bottom:-1px; right:-7px; background:#c7c7c7; z-index:1000;}
.client_cont li:after{ content:""; display:block; width:1px; height:1.4rem; position:absolute; bottom:-7px; right:-1px; background:#c7c7c7; z-index:1000;}
.client_cont li img{ max-width:100%; max-height:100px; padding:10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.pro_cont_pic{ text-align:center;}
.pro_cont_pic img{max-width:100%;}

.nrtp2 img{width:48%; margin-right:2%; margin-bottom:1.5rem; float:left;border-radius:3px;}
.nrtp4 li{width:24%; margin-right:1%; margin-bottom:1.5rem; float:left;}

.equ{}
.equ li{ float:left; position:relative; width:48.5%; margin-right:3%; margin-bottom:2rem; cursor:pointer; overflow:hidden;border-radius:3px;}
.equ li:nth-child(2n){ margin-right:0;}
.equ li img{ max-width:100%; vertical-align:middle;}
.equ li span{ width:100%; position:absolute; left:0; bottom:0; height:0; line-height:4rem; display:block; background:rgba(231,22,26,0.6); text-align:center; color:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.equ li:hover span{ height:4rem;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.biaoge{width:100%; border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb; background:#f2f2f2; text-align:center;}
.biaoge td{border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;line-height:30px;padding-left:5px;font-size:13px;}
.biaoge tr:nth-child(2n){ background:#fff;}

.news_tel{ text-align:center; font-size:18px; color:#000; padding-bottom:10px; margin-bottom:1.5rem; border-bottom:1px #ccc dashed;}
.news_tel span{ font-size:12px; color:#999;}

.rc{background:url(http://co.itianwang.com/Files/94/Website/20180627/6366570587624749416308456.jpg) no-repeat right bottom; padding-bottom:36.5rem;}

.zspic{}
.zspic li{ float:left; width:23.5%; margin-right:2%; text-align:center; margin-bottom:1.5rem; line-height:2rem; height:32rem;}
.zspic li:nth-child(4n){ margin-right:0;}
.zspic img{ vertical-align:middle; max-width:100%;}

.lb-number{display:none !important}

/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:2rem 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

/*send*/
.fabu {}
.fabu li { border-bottom:1px dashed #ccc; padding:10px;}
.fabu li b {color:#463b97; font-size:1.4rem;}
.fabu li textarea { display:block;}
/* #send {display:block; margin-top:10px;width:100%;position:relative; margin-bottom:10px;} */
#send input{ border:1px solid #ccc; line-height:26px;}
#send a{ text-decoration:none; }
#detail_send .detjt{ color:#FFFFFF;}
#send .send_title{background:#eee;height:38px;text-indent:6px;color:#463b97;border-top:1px solid #c7d2e3; border-left:1px solid #c7d2e3; border-right:1px solid #c7d2e3;}
#send .send_title .sendh2_title {float:left; font-size:16px; line-height:2rem; text-indent:10px; padding-top:8px;font-weight:bold;}
#send .send_title #detail_send {width:12rem;background:url(page_bg.gif) right -160px;height:38px;position:absolute;right:0;top:0;}
#send .send_main { border:1px solid #c7d2e3; background:#fafafa;padding:12px;}
/* #send textarea { max-width:100%; height:90px; color:#999;font-size:11px;border:1px solid #ccc;padding:5px; overflow:hidden; width:600px;} */
.send_main strong{color:#463b97; font-size:12px;}
.send_main{ font-size:12px;}
.blue22{width: auto; background-color: #015ca6;color: white; text-transform: uppercase;font-size: 1.4rem;font-weight: 400; padding: 6px 2rem; border:medium none; border-radius:3px;margin-top:10px;cursor:pointer}

.new_lr{border-top:1px dotted #ccc; background:#f2f2f2; padding:5px;margin-top:10px;}

.flex{display: flex;	justify-content: space-around;align-items: flex-start;flex-wrap: wrap}
.hos{ margin-top: 0;position: relative}
.hos .wid{display: flex;flex-wrap: wrap;background: #fff;padding: 6rem;}
.hos_list{ width:33.33%; float:left; background:#666;color:#fff; font-size:2rem; box-sizing:border-box; padding:30px 2rem;}
.hos_list span{ font-size:38px; color:#fff; font-weight: 600;}
.hos_list i{ color: #fff;display: block;font-size: 50px;}

.video{position: relative;width: 30%;max-width: 300px;}
.video a{font-size: 4rem;}
.video a::before{content: "\e624"; position: absolute;color: #fff;top: 50%;left: 46%;}

.half{width: 47%;}
.pro_cont{display: flex;flex-wrap: wrap;}


/* .details{position: absolute; margin-left: 800px;} */
.product_title{font-weight: 800;font-size: 22px;margin: 5rem 0 2rem;}
.price-range {  border-top: 1px solid #e6e7eb;  border-bottom: 1px solid #e6e7eb;  padding: 2rem 0;  margin: 10px 0;}
.price-range .price {  font-size: 2rem;  color: #333;  font-weight: bold;  line-height: 2.4rem;}
.price-range .unit {  font-size: 1.4rem; color: #999;}
.price-range .moq {  font-size: 1.4rem;  color: #333;}
.price-range .name,.price-detail .name {  font-size: 1.4rem;  color: #999;}
.price-detail{  font-size: 17px;}
.price-detail .label,.purchase-detail .label, .more-details .label{  color: #777;  width: 157px;}
.price-detail .item,.purchase-detail .item, .more-details .item{  color: #222;}
.price-detail tr, .purchase-detail tr{ height:32px;}
.price-detail td, .purchase-detail td{ vertical-align: top;}
.price-detail .model-number{border: 1px solid #ff6a00 !important;border-radius: 2px;padding:5px;}

.purchase-detail{font-size: 17px; margin-top: 2rem;}
.purchase-detail .title,.vertify .title, .more-details .title, .video-product .title{ color: #222;  font-weight: 800;  font-size: 18px;  margin-bottom: 10px;  margin-top: 10px;}
.purchase-detail a{  color: #06c;}
.vertify{  border-top: 1px solid #e6e7eb;  font-size: 17px;  margin-top: 2rem;}
.first-line p{line-height: 3.5rem;}

.video-product{ width: 45%; padding-right: 4%;}
.video-product video{ max-width: 100%;}

.more-details{  font-size: 1.5rem; width: 100%;}

.more-details1, .more-details2, .more-details3{  border-bottom: 1px dashed #e6e7eb;  width: 100%;}

.col-lg-6{width: 50%;}
/* .little{  border: 1px solid black;} */
/* 小图 */
/* .little img{  width: 480px;  height: 300px;} */
/* 小放大镜 */
.little .mark{  width: 150px;  height: 150px;  background-color: #939393; opacity: 0.5; position: absolute; left: 0; top: 0;cursor: move;display: none;}

/* 大放大镜 */
.great{  width: 480px;  height: 480px;background: #fff; border: 1px solid #000; overflow: hidden;  position: absolute;  display: none; margin-left: 100%;z-index: 100;}
.great div{  position: absolute;  left: 0;  top: 0;  width: 1600px;  max-width: 300%;display: flex;justify-content: center;align-items: center;}
.great img{max-width: 300%;max-width: 1600px;max-height: 1600px;object-fit: contain;}

.first-line{  width: 100%;display: flex;padding-bottom: 3%;}
/* .product-img{  width: 100%;  height: 400px;  margin: 10px;} */
.swiper-pagination11{  width: 37%;}
.product-information{  margin-top: 2rem;font-size: 1.5rem;}
.product-information-title{border-bottom-style: solid; border-bottom-color: #53647a;font-size: 2.4rem; color: #53647a; font-style: normal; border-bottom-width: 2px;
    padding-top: 8px;padding-bottom: 4px;}
.product-information-conception{ margin-top: 10px;}
.text-wrapper{ display: flex; flex-direction: column; width: 270px; line-height: 2.5rem; padding-top: 10px;}
.text-wrapper p{text-align: center;}
.product-display{display: flex;flex-wrap: wrap;}
.aboutus img{  width: 1000px;}




.hostory{ width:100%; background:url(../images/history.jpg) no-repeat center; padding:30px 0;}
.hostory li{ position:relative; padding:2rem 0; line-height:30px; width:100%; height:30px;cursor:pointer;}
.hostory .hostory_l{ position:absolute; right:50%; top:0; margin-right:5%; text-align:right; width:45%; line-height:30px;}
.hostory .hostory_l span{ width:70px; height:32px; text-align:center; line-height:32px; background:#ccc; display:inline-block; position:absolute; left:0; margin-left:410px; border-radius:5px;}
.hostory .hostory_l span:after{ content:"";display:block;}
.hostory .hostory_r{ position:absolute; left:50%; top:0; margin-left:5%; text-align:left; width:45%; line-height:30px;}
.hostory .hostory_r span{ width:70px; height:32px; text-align:center; line-height:32px; background:#ccc; display:inline-block; position:absolute; right:0; margin-right:410px;border-radius:5px;}
.hostory li:hover span{ background:#015ca6; color:#fff;}
.hostory li:hover a{ color:#000;}

.new_p{position:relative;}
.new_p span{position:absolute; bottom:0; left:0; width:100%; height:4rem; line-height:4rem; overflow:hidden; padding:0 30px; box-sizing:border-box; color:#fff; background:rgba(0,0,0,0.7); }

.left_er a{background:#fff; line-height:30px; color:#666;margin-top:0; border-bottom:1px #f2f2f2 solid;}

/*推文*/
.tweets_list{ border-bottom:1px solid #ebebeb; padding:2rem 0;}
.tweets_list:after,.tweets_pic:after{ content:""; display:block; clear:both;}
.tweets_tx{ float:left; width:50px;}
.tweets_tx img{ max-width:100%;}
.tweets_cont{ margin-left:60px;}
.tweets_cont h3{font-size:16px; color:#000; font-weight:normal; line-height:2.4rem;}
.tweets_cont h3 span{ font-size:12px; color:#ccc; margin-left:1.5rem;}
.tweets_cont p{ line-height:2rem; font-size:1.4rem; text-indent:0em; margin:0 0 10px 0; padding:0;text-align:left;}
.tweets_pic a{ width:calc(100% / 5); float:left; border-right:1px #fff solid; box-sizing:border-box; margin-bottom:1px;display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
.tweets_pic a img{ vertical-align:middle;}

.case_title{ border-left:5px solid #015ca6; padding-left:10px; line-height:30px; font-size:18px; color:#000; margin:2rem 0 1.5rem;}
.case_cont{}
.case_cont dl{ float:left; width:24%; margin-right:1%; text-align:center; box-sizing:border-box; border:1px #ebebeb solid; margin-bottom:2rem; background:#f2f2f2;}
.case_cont dl:nth-child(3n){ margin-right:1%;}
.dl-menu{display: none;}
.mobile-header,.mobile-nav{display:none;}

.modal {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 10px;
    transition: .6s linear
}

.modal._active {
    visibility: visible
}

.modal._active .modal-content {
    opacity: 1;
    transform: scale(1)
}

.modal-body {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-close:hover {
    color: red
}

.modal-content {
    position: relative;
    max-width: 106em;
    padding: 3em 2em;
    margin: 3em 0;
    background-color: #fff;
    border-radius: 1em;
    opacity: 0;
    transform: scale(.5);
    transition: .6s cubic-bezier(.34,1.56,.64,1)
}

.modal-close {
    position: absolute;
    top: .2em;
    right: .5em;
    font-size: 2em;
    cursor: pointer;
    transition: .2s linear
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: transparent;
    visibility: hidden;
    transition: .4s ease-in-out
}

.modal-overlay._active {
    display: none;
    background-color: rgba(0,0,0,.6);
    visibility: visible
}
@media screen and (max-width: 1900px) {
html{font-size: 9px;}
.wdi{padding: 2rem 0;}
.logo_{max-width: 180px;}
.logo_ img{width: auto;}
.banner{aspect-ratio: auto;height: auto;}
.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_time .list_time_dd{font-size: 19px;line-height: 2;}
.development_history .item_box .item_content .HistoryBanners .banner_list .banner_list_info p{font-size: 13px;}
.mid_right_cont .hangda{line-height: 3rem;}
}
@media screen and (max-width: 1620px) {
  .banner h2{width: 80%;}
}
@media screen and (max-width: 1500px) {
  .banner h2{width: 96%;}

}
@media screen and (max-width: 1380px) {
  .development_history .dianxian::after{
    width: 164%;
  }
  .development_history .swiper-slide:nth-child(even) .dianxian:after{left: -30%;}
}
@media screen and (min-width: 1401px) {
.development_history .item_box .item_content .swiper_switch_btn{display: none;}
}
@media screen and (max-width: 1100px) {
.header .wid{width: 99%;}
.pu4{text-align: center;font-size: 2.7rem;}
.nav_right>*:not(:last-child){display: none;}
.wdiright>div>div:has(i), .iconfont_>div:has(i){width: 5rem;height: 5rem;}
.wdiright>div i, .iconfont_ i{font-size: 2.5rem;}
  }
@media screen and (max-width: 767px) {
/* {font-size: 4rem;} */
.banner h2{font-size: 4rem;}
.half,.ditu{width: 100%;}

body{line-height: 1.2;}
.hos_list span,.why .ico>div>span,.home_tel {font-size: 26px;}
.hos_list i{font-size:38px;}
.ico>div>span,h2{font-size: 32px;}
.home_com_1,.home_com_3,.home_com_4,.hos_list,.video,.why .ico>div,.foot_box{width: 100%;}
.hos_list{padding: 10px;}
.flex,.ico{flex-wrap: wrap;justify-content: center;}
.home_com_cont,.partn{width: 90%;}
.banner{padding:50px 0rem 100px 0rem;}
.home_com1,.home_com11{padding: 30px 2rem;}
.video{max-height: 300px;overflow: hidden;}
.video a{font-size: 2.4rem;}
.pro_list dl{width: 49%;}
.contact{width: 100%;margin-bottom: 5rem;}
input, textarea, .pu{font-size: 16px;}
.nav{padding: 0 5%;}

/* .why .ico>div{padding: 1%;margin-bottom: -2rem;} */


}
@media screen and (max-width: 800px){
  
  .details{
    position: relative;
    margin-left: 5%;
    width: 100%;
  }
  .first-line {
    flex-wrap: wrap;
  }
  .product-display video{
    width: 100%;
  }
  .little{
    position: relative;
  }
  .product-img{
    height: auto;
  }
  /* .swiper-pagination {
    position: sticky;
  } */
html{font-size: 8px;}
.ico>div>span{font-size: 27px;}
.ico>div{width: auto;padding: 2rem 12px;}
.home_com_cont .ico p{font-size: 13px;}
.bg img{margin: 0;}
.bg{padding: 2rem;}
.room>.flex{flex-direction: column-reverse;}
.text{min-width: auto;}
.pu4{transform: translate(calc(-50%), 0px);}
.text{width: 100%;margin: 0;}
.wid{width: 88%;}
.mid_right_cont .wid div .col-md-3 div{display: flex;}
.mid_right_cont .wid div .col-md-3{margin: 1rem 0;}
.mid_right_cont .wid div .col-md-4{}
.banner h2,.banner p{width: 100%;}
.hos{margin-top: 0;}
.hos .wid{padding: 15px;}
.hos .wid .col-md-6{display: none;}
.home_pro_an{padding: 17rem 0 7rem;}
/* .what .col-md-6 svg{width: 8rem;} */
.mid_left{display: none;}
.mid_right{margin: auto;}

}

@media screen and (max-width: 480px) {
.video_part{width: 100%;padding: 1%;}
/* .gray .col-md-3 div{padding: 15% 10%;} */
.swiperb{margin-top: 0;}
.why .img {width: 98%;}
.mid{padding-top: 10px;}
.home_pro_an{padding: 12rem 0 6rem;}
.home_pro .wid{overflow: hidden;}
.mid_right_cont .wid img{margin-top: 1rem;}
.home_pro .swiper-slide img{max-height: 47%;}
.ico>div p{font-size: 13px;}
.col-lg-6{width: 96%;margin: auto;}
.wid,.wid_{ width:100%; box-sizing:border-box; padding-right: 15px;padding-left: 15px;}
.wid div[class*="col-md"]{padding-left: 0;padding-right: 0;}
div .col-xs-6:nth-child(2n){padding-left: .6rem;}
div .col-xs-6:nth-child(2n-1){padding-right: .6rem;}
.home_mould_class{ margin-top:1.5rem;}
.home_mould_class a{ width:12rem;}
.home_mould_cont_box{ width:100%; margin-right:0; margin-bottom:1.5rem;}
.home_com_cont{ width:100%; box-sizing:border-box;}
.home_pro_class{ margin-top:1.5rem;}
.home_pro_class a{ width:100px;}
.home_pro_cont_box{ width:100%; margin-right:0;}
.home_new_cont{ margin-top:2rem;}
.home_new_cont_l{ float:none; width:100%;}
.home_new_cont_l img{ max-width:100%;}
.home_new_cont_r{ float:none; width:100%; margin-left:0;}
.home_cus{padding:30px 0;}
/* .foot_box{ width:50%; height:200px;} */
.foot_lx,.why .pro_>div{ width:100%;}
.ewm{ width:100%; text-align:center;}
.header{height:auto;/* padding:10px 0; */}
.wdiright,.nav_right{display: none;}
.search{ float:left; margin-top:0;}
.search input{ width:200px;}
.nav{ display:none;}
/* .home_com{ padding:1.5rem 0;background:url(../images/home_combj1.jpg) no-repeat right center; background-attachment:fixed;} */
.home_com_cont{ padding:10px;}
.home_mould{ padding:2.5rem 0;}

.wdi{padding: 2rem 0;}
.wdi img{max-width: 50%;}
.widh{
  position: absolute;
  top: 1.5rem; right: 0;background: none;}
/* .widh .wid{position: absolute;top: -7.5rem;} */
.nybanner,.banner{margin-top: 0;}

.mobnav{ display:block; margin-right:1.5rem;float:right; cursor:pointer;}
.open{}
.mobnav_box{ position:fixed; right:0; top:0; bottom:0; width:0px; z-index:20000; background:#333; overflow:hidden; padding-top:1.5rem;}
.mobnav_box a{ display:block; text-align:center; color:#fff; line-height:4rem;}
.guan{ position:absolute; left:5px; top:5px;}

.mob_banner{ display:block;}
.mob_banner img{ max-width:100%;}
/* .banner{ display:none;} */
.dl-menu{display: flex;    justify-content: space-around;}
.dl-menu li{width:70px}
.pro_list dl{width: 99%;}

.widh,.mobile-nav{display:block;}
._flex{display:flex;align-content: center;}
.lang{float:left;}
.mobile-header{/* height:60px; */line-height:60px;width:60px;/* background: white; */z-index:999;float:right;display:block}
.mobile-header ._flex{justify-content: flex-end;align-items: center;right: 0;}
.mobile-header-logo img{    max-height: 44px;max-width: 130px;}
.mobile-header-nav{cursor: pointer;display:block;}
.mobile-header-nav i{font-size: 3rem;/* padding:10px; */z-index:9600;}
.mobile-part{position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;transition: all .4s;z-index: 9601;background-color: rgba(17,17,17,.5);display:none;}
.mobile-nav{transition: right .5s ease;background-color: #fff;width: 330px;position: fixed;top: 0;height: 100%;min-height: 100%;max-width: 100%;z-index: 9602;box-sizing: border-box;overflow: hidden;right: -330px;}
.mobile-nav-wrap{width: calc(330px - 13px);padding: 50px 1.5rem 30px 30px; box-sizing: border-box;    position: relative;flex-flow: column nowrap;}
.mobile-close{margin: 1.5rem 0 0;display: -ms-inline-flexbox;position: absolute;top: 0;right:0;z-index: 9999;opacity: 1;transition: opacity .5s ease;}
.mobile-close i{font-size:30px;color:#c62430;}
.mobile-menu-ul li{border-bottom: 1px solid rgba(51,51,51,.12);flex-flow: row wrap;}
.mobile-menu-ul li > a{padding: 15.2px 2.5rem 15.2px 0;display:block;width: calc(100% - 55px);color: black;/* line-height: 0.6; */}
.mobile-menu-ul li > a:hover{color:#005bb1;}
.mobile-menu-ul li > i{padding: 8.6px 0;color: rgba(51,51,51,.6);min-width: 30px;text-align: center;transition: transform .3s ease-out;}
.mobile-menu-ul li > .act{transform: rotate(45deg);}
.menu-list1{margin-left: 2rem;margin-bottom:16px;width:100%;display:none;}
.menu-list1 li{border:0;}
.menu-list1 li > a{padding:5.2px 0 5.2px 0;font-size: 1.4rem;width: calc(100% - 33px);color:#666;}

.little{
  width: 99%;
  height: auto;
}
.little .mark{
  width: 0%;
}
.little img {
  height: auto;
}

	}