@charset "UTF-8";

.txtupian{
  background:#fafafa;
  padding-top: 2rem;
  padding-bottom: 3.875rem;
      font-family: "思源宋体";
}
#tid{
  position: absolute;
  left: 0;
  top: -100px;
}
.resources-bot{
  position: relative;
}
.resources-bot .resources-id{
  position: absolute;
  left: 0;
  top: -100px;

}
.speech-w .info-con .le .con-t *{
  font-size: 16px!important;
  line-height: 2;
}

.stronghold-bot .list:nth-child(n+2) .list-top{
  display: none;
}

.txtupian-right .amore {
     width: auto; 
    height: .8rem;
    line-height: .8rem;
    padding-left:1rem;
    padding-right: .3rem;
    font-size: .3rem;
    border-radius: .8rem;
}
.txtupian-left{
  position: absolute;
  left: 0;
  top: 0;
}
.welnews-tit.welcome-tit {
  margin-bottom: 2rem;
}
.txtupians img{
  display: block;
  margin:0 auto;
  max-width: 80%;
}
.txtupian-right  .amore:after {
    width: .45rem;
    height: .25rem;
    left: .5rem;
}
.strongholdtopbox image{
  /*width: 10px!important;*/
  /*height: 10px!important;*/
}

.pcheader{
  height: 88px;
}
.news-titles{
  padding-top: 2rem;
}
.tc{
  text-align: center;
}

.welcome-products .box-right .items .bg{
  transition:.5s ease-in-out;
}
.welcome-products .box-right .items .bg:after,.welcome-products .box-right .items .bg:before{
  position: absolute;
  content:"";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition:.5s ease-in-out;
}

.welcome-products .box-right .items:hover .bg:after,.welcome-products .box-right .items:hover .bg:before{
   transition:.5s ease-in-out;
}
.welcome-products .box-right .items .bg:after{
      background:url(../img/g1.png) no-repeat center;
      background-size: cover;
      opacity: 1;
}
.welcome-products .box-right .items .bg:before{
      background:url(../img/ga.png) no-repeat center;
      background-size: cover;
      opacity: 0;
}
.welcome-products .box-right .items:hover .bg:after{
  opacity: 0;
}
.welcome-products .box-right .items:hover .bg:before{
  opacity: 1;
}

.welcome-products .box-right .items:hover .bg{

}

/*.txtupian-box .tit{
  position: relative;
  font-size: .9rem;
  color:#000;
  line-height: 1rem;
  margin-bottom: 1.5rem;

}
.semicon .semicon-right.fixed{
  position: fixed;
  top: calc(88px + 5%);
  right: calc((100% - 1400px)/2);
}
.amore-title .amore{
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
.txtupian-box .tit:after,.txtupian-box .tit:before{
  content:"";
  position: absolute;
  width: 100%;
  height: 1px;
  background:#dcdcdc;
  left:0;
}
.txtupian-box .tit:after{
  top: 20%;
}
.txtupian-box .tit:before{
  bottom: 20%;
}
.txtupian-box .tit .span{
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
  padding-right: 1rem;
  background:#fafafa;
}

.txtupian-list{
  position: relative;
  width: 35rem;
}
.txtupian-list .items,.txtupian-list .li{
  position: absolute;
}
.txtupian-list .items{
  width: 6.55rem;
  height: 3.75rem;
  left: 6.05rem;
}
.txtupian-list .items.items5{
  height: 3.75rem;
  width: 9.5rem;
}
.txtupian-list .items .wen{
  text-align: center;
  position: absolute;
  line-height: 1.4;
  top: 50%;
  transform:translateY(-50%);
  font-size: .45rem;
  color:#333333;
  left: calc(100% + 1.25rem);
    width: fit-content;
}
.txtupian-list .items .wen span{
  display: block;
  width: .85rem;
  height: .85rem;
  line-height: .85rem;
  font-size: .45rem;
  text-align: center;
  background:#336699;
  color:#fff;
  border-radius: 50%;
  margin:0 auto;
  margin-bottom: .25rem;
}
.txtupian-list .items1{
  top: .7rem;
}
.txtupian-list .items2{
  top: 5.35rem;
}
.txtupian-list .items3{
  top: 10rem;
}

.txtupian-list .items4{
  top: 14.625rem;
}

.txtupian-list .items5{
  top: 19.25rem;
}

.txtupian-list .items6{
  top: 23.875rem;
}
.txtupian-list .items7{
  top:28.575rem;
}
.txtupian-list .items8{
  top:33.25rem;
}
.txtupian-list .li5.li{
  left: .8rem;
  top: 9.125rem;
  line-height: 1;
  width: 3.9rem;
}
.txtupian-list .li5 .tit:after,.txtupian-list .li5 .tit:before{
  display: none;
}
.txtupian-list .li5 .tit{
  font-size: .35rem;
  line-height: 1;
  margin-bottom: .25rem;
  color:#333;
}
.txtupian-list .li5 .txt{
  font-size: .4rem;
  color:#336699;
  margin-top:.25rem;
}
.txtupian-list .li{
  color:#333333;
  font-size: .4rem;
  line-height: 1;
  left: 1.6rem; 
  width: fit-content;
}

.txtupian-list .li1{
  top: 4.7rem;
}
.txtupian-list .li2{
  top: 14rem;
}
.txtupian-list .li3{
  top: 18.6rem;
  left: 18.75rem;
}
.txtupian-list .li4{
  top: 32.6rem;
}
.txtupian img{
  transition:.5s ease-in-out;
}
.ri-tit{
  line-height: .875rem;
  font-size: .6rem;
  color:#336699;
  position: relative;
}
.txtupian-list .li .img,
.txtupian-list .items .imgs,
.ri-list .list .i0{
  overflow: hidden;
}
.txtupian-list .li:hover img,
.txtupian-list .items:hover .imgs img,
.ri-list .list .i:hover .i0 img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}
.ri-tit span{
  position: absolute;
  width: .875rem;
  height: .875rem;
  line-height: .875rem;
  color:#fff;
  background:#336699;
  left: -1.25rem;
  top: 0;
  text-align: center;
  border-radius: 50%;
}
.ri-list:nth-child(2){
  margin-top: 1.75rem;
}
.ri-txt{
  font-size: .35rem;
  color:#666;
  line-height: 1.2;
  margin-top: .2rem;
  margin-bottom: .75rem;
}

.txtupian-right{
  width: 13.75rem;
  position: absolute;
  top: 9.5rem;
  right: 0;
  height: 22.5rem;
  padding: .75rem 1rem 1.5rem 1.75rem;
}
.ri-list .list .i{
  float: left;
  width: 28%;
  margin-left: 8%;
  margin-bottom: .6rem;
}
.ri-list .list .i0{
  height: 2.25rem;
}
.ri-list .list .i1 span{
  display: inline-block;
  vertical-align: middle;
  color:#17449a;
  font-size: .3rem;
  padding-left: .3rem;
  position: relative;
  margin-right: .01rem;
}
.ri-list .list .i1 span:before{
  position: absolute;
  content:"";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .25rem;
  height: .25rem;
  background:url(../img/kk0.png) no-repeat center;
  background-size: 100%;
}
.ri-list .list .i1{
  line-height: 1;
  font-size: .35rem;
  color:#333333;
  margin-top: .35rem;
}
.ri-list .list .i:nth-child(3n+1){
  margin-left:0;
}

*/
.txtupian-box .tit {
  position: relative;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.6rem;
  margin-bottom: 0.9rem;
}

.semicon .semicon-right.fixed {
  position: fixed;
  top: calc(88px + 5%);
  right: calc((100% - 1400px)/2);
}

.amore-title .amore {
  position: absolute;
  bottom: 0.9rem;
  left: 0;
  right: 0;
  margin: auto;
}

.txtupian-box .tit:after, .txtupian-box .tit:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
  left: 0;
}

.txtupian-box .tit:after {
  top: 20%;
}

.txtupian-box .tit:before {
  bottom: 20%;
}

.txtupian-box .tit .span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
  padding-right: 0.6rem;
  background: #fafafa;
}

.txtupian-list {
  position: relative;
  width: 21rem;
  margin:0 auto;
}

.txtupian-list .items, .txtupian-list .li {
  position: absolute;
}

.txtupian-list .items {
  width: 3.93rem;
  height: 2.25rem;
  left: 3.63rem;
}

.txtupian-list .items.items5 {
  height: 2.25rem;
  width: 5.7rem;
}

.txtupian-list .items .wen {
  text-align: center;
  position: absolute;
  line-height: 1.4;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.3rem;
  color: #333333;
  left: calc(100% + .25rem);
  width: max-content;
}

.txtupian-list .items .wen span {
  display: block;
  width: 0.51rem;
  height: 0.51rem;
  line-height: 0.51rem;
  font-size: 0.3rem;
  text-align: center;
  background: #336699;
  color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 0.15rem;
}

.txtupian-list .items1 {
  top: 0.42rem;
}

.txtupian-list .items2 {
  top: 3.21rem;
}

.txtupian-list .items3 {
  top: 6rem;
}

.txtupian-list .items4 {
  top: 8.775rem;
}

.txtupian-list .items5 {
  top: 11.55rem;
}

.txtupian-list .items6 {
  top: 14.325rem;
}

.txtupian-list .items7 {
  top: 17.145rem;
}

.txtupian-list .items8 {
  top: 19.95rem;
}

.txtupian-list .li5.li {
  left: 0.48rem;
  top: 5.475rem;
  line-height: 1;
  width: 2.34rem;
}
.txtupian-list .li5.li .txt,
.txtupian-list .li5.li .img{
  display: none;

}

.txtupian-list .li5 .tit:after, .txtupian-list .li5 .tit:before {
  display: none;
}

.txtupian-list .li5 .tit {
  font-size: 0.3rem;
  line-height: 1;
  margin-bottom: 0.15rem;
  color: #333;
}

.txtupian-list .li5 .txt {
  font-size: 0.3rem;
  color: #336699;
  margin-top: 0.15rem;
}

.txtupian-list .li {
  color: #333333;
  font-size: 0.3rem;
  line-height: 1;
  left: 0.96rem;
  width: fit-content;
      white-space: nowrap;
}
.ri-list .list .i1{
      white-space: nowrap;
}

.txtupian-list .li1 {
  top: 2.82rem;
}

.txtupian-list .li2 {
  top: 8.4rem;
}

.txtupian-list .li3 {
  top: 11.16rem;
  left: 11.25rem;
}

.txtupian-list .li4 {
  top: 19.56rem;
}

.txtupian img {
  transition: .5s ease-in-out;
}

.ri-tit {
  line-height: 0.525rem;
  font-size: 0.36rem;
  color: #336699;
  position: relative;
}

.txtupian-list .li .img,
.txtupian-list .items .imgs,
.ri-list .list .i0 {
  overflow: hidden;
  height: 100%;
}

.txtupian-list .li:hover img,
.txtupian-list .items:hover .imgs img,
.ri-list .list .i:hover .i0 img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.ri-tit span {
  position: absolute;
  width: 0.525rem;
  height: 0.525rem;
  line-height: 0.525rem;
  color: #fff;
  background: #336699;
  left: -0.75rem;
  top: 0;
  text-align: center;
  border-radius: 50%;
}

.ri-list:nth-child(2) {
  margin-top: .3rem;
}

.ri-txt {
  font-size: 0.3rem;
  color: #666;
  line-height: 1.2;
  margin-top: 0.12rem;
  margin-bottom: 0.25rem;
}

.txtupian-right {
  width: 8.25rem;
  position: absolute;
  top: 5.7rem;
  right: 0;
  height: 13.5rem;
  padding: 0.45rem 0.6rem 0.9rem 1.05rem;
}

.ri-list .list .i {
  float: left;
  width: 28%;
  margin-left: 8%;
  margin-bottom: 0.36rem;
}

.ri-list .list .i0 {
  height: 1.35rem;
}

.ri-list .list .i1 span {
  display: inline-block;
  vertical-align: middle;
  color: #17449a;
  font-size: 0.3rem;
  padding-left: 0.18rem;
  position: relative;
  margin-right: 0.006rem;
}

.ri-list .list .i1 span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.15rem;
  height: 0.15rem;
  background: url(../img/kk0.png) no-repeat center;
  background-size: 100%;
}

.ri-list .list .i1 {
  line-height: 1;
  font-size: 0.3rem;
  color: #333333;
  margin-top: 0.21rem;
  height: .4rem;
}

.ri-list .list .i:nth-child(3n+1) {
  margin-left: 0;
}

/*# sourceMappingURL=style.css.map */

.welcome-banner .videoboxs{
  position: relative;
  overflow: hidden;
}
.welcome-banner .videoboxs video{
  position: absolute;
  left: 0;
  width: 120%;
  height: 120%;
  top: -10%;
  left: -10%;
}
.ag {
  /*font-family: 'ag';*/
}
.ft72{
  font-size: 1.7rem;
  /*font-size: 1.8rem;*/
}
.ft30{
  font-size: .75rem;
}
.welcome-banner .videoboxs {
  position: relative;
}
.welcome-banner .videoboxs:before{
  position: absolute;
  content:"";
  width: 60px;
  height: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background:url(../img/vide.png) no-repeat center;
  background-size: 100%;
  z-index: 4;
  opacity: 0;


}
.welcome-products .box-right img{
  width: 100%;
}

.svgbox .svgs svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.welcome-banner .videoboxs  .items .words{
  background: transparent;
}
.welcome-banner .items .words2{
  width: 17.5rem;
  height: 17.5rem;
  line-height: 17.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin:auto;
  background:url(../img/xy.png) no-repeat center;
  background-size: 100%;
}
.words2box{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  padding: 0 2rem;
  max-height: 70%;
}
.words2box .tit,.words2box .txt{
  text-transform: uppercase;
}
.words2box .tit{
  text-align: center;
}
.words2box .tit span{
  font-size: 120%;
}
.words2box .more{
  position: relative;
  font-size: .4rem;
  display: inline-block;
  vertical-align: top;
  padding-right: 1.5rem;
  margin-top: 1.25rem;
}
.words2box .mores{
  margin:0 auto;
  margin-top: 1.25rem;
  background:none!important;
  border: 1px solid #fff;
}
.words2box .mores:hover{
  border: 1px solid #e6001a;
  background:#e6001a!important;
}
.words2box .more:after{
  position: absolute;
  content:"";
  width: 1.25rem;
  height: .25rem;
  background: url(../img/n17.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ability-01 .items .svgbox .svgs:before{
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:rgba(0,92,169,.5);
  opacity: 0;
  transition:.5s ease-in-out;
}
.ainfo-advan .item .con-t .t{
  font-weight: bold;
}
.ability-01 .items:hover  .svgbox .svgs:before{
  opacity: 1;
  transition:.5s ease-in-out;
}
.ability-01 .items .svgbox:after{
  z-index: 5;
}
.swiper-box img{
  transition:.5s ease-in-out;
}
.swiper-box .swiper-slide{
  overflow: hidden;
}
.swiper-box .swiper-slide:hover img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}

.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(../img/jpg/tishi.png) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.welnews-bot .items img {
  width: 100%;
}

.ft36 {
  font-size: 0.9rem;
}

.ft16 {
  font-size: .4rem;
}

.ft60 {
  font-size: 1.5rem;
}

.ft28 {
  font-size: .7rem;
}

.ft18 {
  font-size: .45rem;
}

.svgbox .svg {
  stroke-width: 14;
  r: calc(50% - 7px);
}

.svgbox .circle {
  opacity: 0;
  transition: .5s ease-in-out;
}

.svgbox:hover .circle {
  animation: circle 2s linear;
  opacity: 1;
  transition: .5s ease-in-out;
}

@keyframes circle {
  from {
    stroke-dasharray: 0 1500;
  }
  to {
    stroke-dasharray: 1500 0;
  }
}
.pagination {
  text-align: center;
}
.pagination a {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #666666;
  border: 1px solid #e5e5e5;
  margin: 0 2px;
  transition: .5s ease-in-out;
}
.pagination a:hover, .pagination a.active {
  color: #fff;
  background: #005ca9;
  transition: .5s ease-in-out;
}
.pagination .prev {
  background: url(../img/paleft.png) no-repeat center;
  background-size: 100%;
}
.pagination .prev:hover {
  background: url(../img/paleft0.png) #005ca9 no-repeat center;
  background-size: 100%;
}
.pagination .next {
  background: url(../img/paright.png) no-repeat center;
  background-size: 100%;
}
.pagination .next:hover {
  background: url(../img/paright0.png) #005ca9 no-repeat center;
  background-size: 100%;
}

.ft24 {
  font-size: .6rem;
}

.f8 {
  background-color: #f8f8f8;
}
.bd_weixin_popup {
    box-sizing: content-box;
}
.nav-sousuo {
  font-size: 0;
  margin-left: 0.625rem;
  padding-left: 1.125rem;
  position: relative;
}
.nav-sousuo:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background: #d6d6d6;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.nav-sousuo .span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 88px;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-left: 0.625rem;
}
.nav-sousuo .span:hover {
  transition: .5s ease-in-out;
}
.nav-sousuo .erweima {
  background: url(../img/erweima.png) no-repeat center;
  background-size: 100%;
  margin-left: 0;
  position: relative;
}
.nav-sousuo .erweima:hover {
  background: url(../img/erweima2.png) no-repeat center;
  background-size: 100%;
}
.nav-sousuo .erweima .imgs {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 0;
  top: 80px;
  display: none;
    left: 50%;
    margin-left: -50px;



}
.nav-sousuo .phone {
  background: url(../img/phone.png) no-repeat center;
  background-size: 100%;
}
.nav-sousuo .phone:hover {
  background: url(../img/phone2.png) no-repeat center;
  background-size: 100%;
}
.nav-sousuo .search {
  background: url(../img/search2.png) no-repeat center;
  background-size: 100%;
}
.nav-sousuo .search:hover {
  background: url(../img/search.png) no-repeat center;
  background-size: 100%;
}
.nav-sousuo .qius{
  position: relative;
}
.nav-sousuo .qius .langs a{
  color:#333;
  transition:.5s ease-in-out;
  display: block;
}
.nav-sousuo .qius .langs a:hover,.nav-sousuo .qius .langs a.active{
  color:#005ca9;
  transition:.5s ease-in-out;
}
.nav-sousuo .qius .langs{
  display: none;
  position: absolute;
    top: 100%;
    font-size: 13px;
    z-index: 5;
    line-height: 2;
    left: 0;
    width: 60px;
    background: #fff;
    left: 50%;
    margin-left: -30px;
    text-align: center;
}
.nav-sousuo .qius {
  background: url(../img/qius.png) no-repeat center;
  background-size: 100%;
}
.nav-sousuo .qius:hover {
  background: url(../img/qius2.png) no-repeat center;
  background-size: 100%;
}
.header-left {
  padding-left: 2rem;
}

.header-right {
  padding-right: 2rem;
}

.bocweb-header {
  /*padding:0 2rem;*/
  height: 88px;
  line-height: 88px;
}
.bocweb-header .nav-box {
  font-size: 0;
}
.bocweb-header .nav-box .nav-li {
  display: inline-block;
  font-size: 14px;
  color: #333333;
}
.bocweb-header .nav-box .nav-li .nav-top:hover {
  color: #fff;
  background: #005ca9;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-box .nav-li.active .nav-top:hover {
  color: #fff;
  background: #005ca9;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-box .nav-li.active:hover {
  color: #fff;
}
.bocweb-header .nav-box .nav-li.active:hover .i:after {
  opacity: 0;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-box .nav-li.active .nav-top {
  color: #005ca9;
}
.bocweb-header .nav-box .nav-li.active .nav-top .i:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-box .i {
  position: relative;
}
.bocweb-header .nav-box .i:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #e6001a;
  opacity: 0;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-box .nav-top {
  display: block;
  color: #333333;
  padding: 0 0.5rem;
  transition: .5s ease-in-out;
}
.bocweb-header .header-left {
  width: 50%;
  /*width: 55%;*/
}
.bocweb-header .header-right {
  width: 50%;
}

.hleft {
  width: 50%;
  /*width: 55%;*/
}

.hright {
  width: 50%;
  /*width: 45%;*/
  padding-right: 2rem;
}

.bocweb-header .nav-box .nav-li {
  vertical-align: top;
}

.bocweb-header .hleft {
  min-height: 260px;
}

.bocweb-header.fixed {
  width: 100%;
  position: fixed;
}
.bocweb-header .nav-bot {
  position: absolute;
  width: 100%;
  left: 0;
  top: 88px;
  display: none;
  background: rgba(0, 92, 169, 0.9);
}
.bocweb-header .nav-bot .header-words {
  width: calc(100% - 7rem);
}
.bocweb-header .nav-bot .header-words .cn {
  font-size: .75rem;
  color: #ffffff;
  margin-bottom: .35rem;
}
.bocweb-header .nav-bot .header-words .p {
  color: rgba(255, 255, 255, 0.5);
  line-height: .6rem;
/*  height: 1.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;*/
}
.bocweb-header .nav-bot .header-words .en {
  font-size: .3rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: .6rem;
}
.bocweb-header .nav-bot .imgs {
  width: 6.25rem;
  overflow: hidden;
}
.bocweb-header .nav-bot .imgs img {
  transition: .5s ease-in-out;
}
.bocweb-header .nav-bot .imgs:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.bocweb-header .nav-bot .hright {
  line-height: 1.2;
  padding-left: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
}
.bocweb-header .nav-bot .hleft {
  /*background:rgba(231,231,231,.9);*/
  background: #e7e7e7;
}
.bocweb-header .nav-bot .hleft a {
  display: block;
  line-height: 52px;
  text-align: left;
  transition: .5s ease-in-out;
  color: #666666;
}
.bocweb-header .nav-bot .hleft a:hover, .bocweb-header .nav-bot .hleft a.active {
  background: rgba(255, 255, 255, 0.8);
  transition: .5s ease-in-out;
  color: #666666;
}
.bocweb-header .nav-bot .hleft a .i {
  width: 240px;
  position: relative;
  padding-left: 2rem;
  /*padding-left: 1.25rem;*/
}
.bocweb-header .nav-bot .hleft a .i img {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.875rem;
  margin: auto;
}

.video-fixed .cha {
  width: 40px;
  height: 40px;
  background: url(../img/jpg/close-vid2.png) no-repeat center/100% auto;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 130;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

.video-fixed .videoboxs .box {
  height: 100%;
}

.video-fixed .videoboxs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  margin-top: 0;
  background: #000;
  /*padding: 30px;*/
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .video-fixed .videoboxs {
    width: 100%;
    height: 80%;
    bottom: 0;
    margin: auto;
  }

  .video-fixed .cha {
    right: .2rem;
    top: -.6rem;
    width: .5rem;
    height: .5rem;
  }
}
.news-detail-bot {
  font-size: .45rem;
  margin-top: 1rem;
}
.news-detail-bot .detail-left {
  width: 70%;
}
.news-detail-bot .detail-left a {
  line-height: .75rem;
  height: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-detail-bot .details-right {
  width: 30%;
  text-align: right;
}
.news-detail-bot .details-right .tmore {
  display: inline-block;
  vertical-align: middle;
}
.news-detail-bot a {
  display: block;
  color: #666;
  transition: .5s ease-in-out;
}
.news-detail-bot a:hover {
  transition: .5s ease-in-out;
  color: #005ca9;
}

.news-details {
  padding: 2rem 0;
}
.news-details .tit, .news-details .t {
  text-align: center;
}
.news-details .t {
  line-height: 1;
  margin-top: .3rem;
  color: #999;
}
.news-details .tit {
  line-height: 1.5;
  font-size: 1rem;
}
.news-details .p {
  line-height: 1.5;
  padding: .65rem 0;
}
.words2box .tit{
  line-height: 1.2;
  margin-bottom: 1.125rem;
}

@media screen and (max-width: 767px) {
  .welnews-tit.welcome-tit{
    margin-bottom: .6rem;
  }

  .txtupians img{
    max-width: 95%;
  }

  .words2box .mores{
    margin-top: .3rem;
  }
  .txtupian {
      padding-top: .8rem;
      padding-bottom: 1.2rem;
  }
  .txtupian-box .tit .span {
      padding-right: .4rem;
  }

  .txtupian-box .tit {
      font-size: .36rem;
      line-height: .4rem;
      margin-bottom: .6rem;
  }
  .news-titles{
    padding-top: .8rem;
  }

  .welcome-banner .videoboxs:before{
    width: .8rem;
    height: .8rem;
  }
  .ft72{
    font-size: .72rem;
  }
  .ft30{
    font-size: .3rem;
  }
  .welcome-banner .items .words2{
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
  }
  .words2box{
    padding: 0 1rem;
  }
  .words2box .tit{
    margin-bottom: .4rem;
    font-size: .5rem;
  }
  .words2box .txt{
    font-size: .2rem;

  }
  .words2box .more{
    font-size: .2rem;
    padding-right: .6rem;
    margin-top: .3rem;
  }
  .words2box .more:after{
    width: .5rem;
    height: .1rem;
  }



  .news-detail-bot {
    font-size: .2rem;
    margin-top: .4rem;
  }
  .news-detail-bot .detail-left a {
    line-height: .4rem;
    height: .4rem;
  }

  .news-details {
    padding: .8rem 0;
  }

  .news-details .tit {
    font-size: .32rem;
  }

  .news-details .p {
    padding: .2rem 0;
    font-size: .24rem;
    margin-top: .35rem;
  }

  .news-details .t {
    font-size: .2rem;
    margin-top: .2rem;
  }
}
/*.secwen{
    opacity: 0;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    transition: opacity 0.8s linear .1s, -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 0.8s linear .1s, filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 0.8s linear .1s, filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}*/
@media screen and (max-width: 1023px) {
  .pcheader{
    height: auto;
  }
  .menus{
    display: none;
  }
  .welcome-banner .videoboxs video{
    display: none;
  }
  #tid{
    top: -45px;
  }

  .welcome-products .box-right .items{
    width: 100%!important;
    margin:0!important;
  }
  .bdshare_dialog_box{
    display: none!important;
  }
  .wow {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    transition: .7s ease-in-out;
  }

  .wow.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: .7s ease-in-out;
    visibility: visible;
  }
}
.wow.animated {
  visibility: visible;
}

.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1s ease-in-out;
}

.secwen-left {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

img {
  max-width: 100%;
}

.m-header .sub-menu .sec-list a {
  text-transform: capitalize;
}

.ft48 {
  font-size: 1.2rem;
}

.ft18 {
  font-size: 0.45rem;
}

/*touch-acion:  pan-y ;*/
body {
  font-size: 14px;
  color: #333333;
  line-height: 1.7;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
  /*max-width: 80%;*/
}

.bocweb-header {
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 90;
}

.con-banner {
  position: relative;
}
.con-banner .img {
  height: 10rem;
}
.con-banner .conban-bg {
  position: absolute;
  height: 100%;
  width: 0;
  max-width: 45%;
  background: url(../img/banbg.png) no-repeat right top;
  background-size: cover;
  left: 0;
  top: 0;
  z-index: 0;
  transition: .8s ease-in-out;
}
.con-banner .conban-bg.animate {
  width: 17rem;
  max-width: 45%;
  transition: 1s ease-in-out;
}
.con-banner .words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  /*padding-top: 88px;*/
  height: 100%;
}
.con-banner .words .text {
  position: relative;
  height: 100%;
  z-index: 3;
}
.con-banner .words .text .wen {
  position: absolute;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.1;
}
.con-banner .words .text .wen .cn {
  transition-delay: .9s;
}
.con-banner .words .text .wen .en {
  transition-delay: 1s;
}
.con-banner .words .text .wen .en {
  margin-top: .5rem;
}

.contacts-box {
  padding-top: 2rem;
  padding-bottom: 2.125rem;
}
.contacts-box .contacts-map {
  position: relative;
  padding-bottom: 1.7rem;
}
.contacts-box .contacts-map .words {
  position: absolute;
  left: 0;
  height: 100%;
  z-index: 1;
  top: 0;
}
.contacts-box .contacts-map .words .list {
  overflow-y: auto;
  position: relative;
  height: 100%;
}
.contacts-box .contacts-map .list .items {
  border-bottom: 1px solid #cccccc;
  padding: 0.625rem 1rem;
  min-height: 32%;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.contacts-box .contacts-map .list .items:hover, .contacts-box .contacts-map .list .items.active {
  transition: .5s ease-in-out;
  background: #f6f6f8;
  color: #005ca9;
}
.contacts-box .contacts-map .list .items:hover .i .img .i0, .contacts-box .contacts-map .list .items.active .i .img .i0 {
  opacity: 0;
}
.contacts-box .contacts-map .list .items:hover .i .img .i1, .contacts-box .contacts-map .list .items.active .i .img .i1 {
  opacity: 1;
}
.contacts-box .contacts-map .list .items:hover .i .img img, .contacts-box .contacts-map .list .items.active .i .img img {
  transition: .5s ease-in-out;
}
.contacts-box .contacts-map .list .items:nth-child(1) {
  border-top: 1px solid #cccccc;
}
.contacts-box .contacts-map .list .t0 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0.25rem;
}
.contacts-box .contacts-map .list .i {
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0;
}
.contacts-box .contacts-map .list .i .img {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 2px;
  left: 0;
}
.contacts-box .contacts-map .list .i .img img {
  display: block;
  transition: .5s ease-in-out;
}
.contacts-box .contacts-map .list .i .img img.i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.contacts-box .contacts-map .titbox {
  position: absolute;
  width: 505px;
  left: 0;
  top: 0;
  font-size: 0;
  z-index: 3;
  line-height: 80px;
}
.contacts-box .contacts-map .titbox .li {
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  height: 44px;
  line-height: 42px;
  border-radius: 44px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.contacts-box .contacts-map .titbox .li:nth-child(n+2) {
  margin-left: 12px;
}
.contacts-box .contacts-map .titbox .li:hover, .contacts-box .contacts-map .titbox .li.active {
  color: #fff;
  background: #005ca9;
  border-color: #005ca9;
}
.contacts-box .contacts-map .mapbox {
  position: relative;
}
.contacts-box .contacts-map .mapbox .words {
  padding-top: 80px;
}
.contacts-box .contacts-map .mapbox .images {
  width: 760px;
  height: 540px;
}
.contacts-box .contacts-map .mapbox .images .img {
  width: 100%;
  height: 100%;
}

.contacts-form textarea {
  resize: none;
}
.contacts-form input, .contacts-form textarea {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: none;
}
.contacts-form .items {
  display: inline-block;
  vertical-align: top;
}
.contacts-form input[type=text], .contacts-form textarea {
  border: 1px solid #dcdcdc;
  padding-left: 10px;
}
.contacts-form .w100 {
  width: 100%;
}
.contacts-form .w50 {
  width: 50%;
}
.contacts-form .form-tit {
  height: 3.5rem;
  line-height: 3.5rem;
  background: #005ca9;
  color: #fff;
  font-size: 0;
  text-align: center;
}
.contacts-form .form-tit .zi, .contacts-form .form-tit .span {
  display: inline-block;
  vertical-align: middle;
}
.contacts-form .form-tit .span {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.625rem;
  background: url(../img/wx.png) no-repeat center;
  background-size: 100%;
}
.contacts-form .form {
  background: #f8f8f8;
  padding: 1.625rem 2.5rem;
  border: 1px solid #e5e5e5;
  font-size: 0;
}
.contacts-form .form .items {
  margin-bottom: 0.375rem;
}
.contacts-form .form .items .span {
  float: left;
  width: 140px;
  position: relative;
}
.contacts-form .form .items .span span {
  position: absolute;
  font-size: 14px;
  color: #ff0000;
  font-weight: bold;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contacts-form .form .items.cur .span {
  padding-left: 35px;
}
.contacts-form .form .items .input {
  float: right;
  width: calc(100% - 140px);
}
.contacts-form .form .items .input input[type=text] {
  width: 100%;
  background: #fff;
}
.contacts-form .form .items .input input[type=radio] {
  width: 0;
  position: absolute;
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.contacts-form .form .items .input .i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 25px;
  position: relative;
}
.contacts-form .form .items .input .i:nth-child(1) {
  margin-right: 1.125rem;
}
.contacts-form .form .items .input .i i {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 3px solid #cccccc;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.contacts-form .form .items .input .i .label {
  font-weight: bold;
  color: #999999;
  line-height: 1.2;
}
.contacts-form .form .items .input .i input:checked + .label i {
  border-color: #005ca9;
}
.contacts-form .form .items .input .i input:checked + .label {
  color: #005ca9;
}
.contacts-form .form .items .input .i input {
  height: auto;
}
.contacts-form .form textarea {
  height: 150px;
  width: 100%;
  background: #fff;
  padding: 10px;
}
.contacts-form .form input {
  height: 50px;
}
.contacts-form .form .span, .contacts-form .form .input {
  font-size: 16px;
  color: #333333;
  line-height: 50px;
}
.contacts-form .form .input.yanzheng {
  font-size: 0;
}
.contacts-form .form .input.yanzheng .text[type=text] {
  width: 195px;
}
.contacts-form .form .input.yanzheng .img {
  margin-left: 7px;
  margin-right: 32px;
}
.contacts-form .form .input.yanzheng .img, .contacts-form .form .input.yanzheng .text, .contacts-form .form .input.yanzheng .submit {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.contacts-form .form .input.yanzheng .submit {
  width: 157px;
  background: #005ca9;
  color: #fff;
  transition: .5s ease-in-out;
}

.footer-top {
  padding: 2.25rem 0;
}
.footer-top .fx .i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border: 1px solid #cacaca;
  transition: .5s ease-in-out;
  border-radius: 50%;
}
.footer-top .fx .i:hover {
  opacity: .85;
  transition: .5s ease-in-out;
}
.footer-top .fx .i.wx {
  background: url(../img/fwx.png) no-repeat center;
  background-size: 100%;
}
.footer-top .fx .i.wb {
  background: url(../img/fwb.png) no-repeat center;
  background-size: 100%;
}
.footer-top .fx .i.all {
  background: url(../img/fall.png) no-repeat center;
  background-size: 100%;
}
.footer-top .selectbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.footer-top .selectbox .i {
  display: block;
}
.footer-top .selectbox .select-top {
  border: 1px solid #c6c6c6;
  color: #b2b2b2;
  height: 55px;
  line-height: 55px;
  padding-left: 0.7rem;
  width: 378px;
  padding-right: 130px;
  position: relative;
}
.footer-top .selectbox .select-top span {
  display: block;
  position: absolute;
  width: 120px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #005ca9;
  padding-left: 23px;
  padding-right: 27px;
}
.footer-top .selectbox .select-top span:after {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 7px;
  height: 4px;
  background: url(../img/anniu.png) no-repeat center;
  background-size: 100%;
}
.footer-top .selectbox .select-bot {
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  z-index: 1;
  display: none;
}
.footer-top .selectbox .select-bot .i {
  color: #b2b2b2;
  background: #fff;
  line-height: 40px;
  padding-left: 0.7rem;
  border-bottom: 1px solid #e0e1e3;
  transition: .5s ease-in-out;
}
.footer-top .selectbox .select-bot .i:hover {
  color: #fff;
  background: #005ca9;
  transition: .5s ease-in-out;
}

.resources-box {
  padding: 2.1rem 0;
}

.resources-top .text {
  font-size: .4rem;
  line-height: .75rem;
  margin-top: 1.25rem;
  padding-bottom: .75rem;
}
.resources-top .list {
  font-size: 0;
}
.resources-top .items {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 23.5%;
  margin-left: 2%;
  font-size: .4rem;
  line-height: 1.5;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  height: 7rem;
  background: #f6f6f8;
  position: relative;
  transition: .5s ease-in-out;
  padding: .7rem;
  padding-top: 1.125rem;
  overflow: hidden;
}
.resources-top .items .tit {
  line-height: 1.2;
  color: #005ca9;
  margin-top: .75rem;
  transition: .5s  ease-in-out;
}
.resources-top .items .p {
  margin-top: .5rem;
  transition: .5s  ease-in-out;
}
.resources-top .items:hover {
  border-color: transparent;
  transition: .5s ease-in-out;
}
.resources-top .items:hover .img .i1 {
  opacity: 1;
}
.resources-top .items:hover .img .i0 {
  opacity: 0;
}
.resources-top .items:hover .img img {
  transition: .5s  ease-in-out;
}
.resources-top .items:hover .tit, .resources-top .items:hover .p {
  color: #cc1f32;
  transition: .5s  ease-in-out;
}
.resources-top .items:hover:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.resources-top .items:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 4px solid #cc1f32;
  opacity: 0;
  transition: .5s ease-in-out;
}
.resources-top .items:nth-child(4n+1) {
  margin-left: 0;
}
.resources-top .items .img {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}
.resources-top .items .img img {
  display: block;
  transition: .5s  ease-in-out;
}
.resources-top .items .img .i1 {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}

.resources-top .items1 {
  transition-delay: .1s;
}

.resources-top .items2 {
  transition-delay: .2s;
}

.resources-top .items3 {
  transition-delay: .3s;
}

.resources-top .items4 {
  transition-delay: .4s;
}

.footer-bot {
  background: #0a1b2b;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  padding-top: 0.75rem;
  padding-bottom: .5rem;
}
.footer-bot .span {
  display: inline-block;
  vertical-align: middle;
}
.footer-bot .a {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.footer-bot a,
.footer-bot .a {
  color: #999999;
  transition: .5s ease-in-out;
}
.footer-bot a:hover {
  transition: .5s ease-in-out;
  color: #005ca9;
}

.foot-img {
  width: 6.75rem;
  min-height: 5.25rem;
  padding-left: 1.5rem;
  text-align: center;
  border-left: 1px solid #e4e4e4;
}
.foot-img .span {
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  margin-top: 15px;
}
.foot-img .img {
  width: 2.7rem;
  height: 2.7rem;
  margin: 0 auto;
}

.foot-main {
  margin-top: 0.65rem;
  padding-top: 38px;
  border-top: 1px solid #e0e1e3;
}
.foot-main .subnav {
  font-size: 0;
}
.foot-main .nav .nav-top, .foot-main .nav .i {
  transition: .5s ease-in-out;
}
.foot-main .nav .nav-top:hover, .foot-main .nav .i:hover {
  transition: .5s ease-in-out;
  color: #005ca9;
}
.foot-main .nav {
  font-size: 14px;
  color: #999999;
  display: inline-block;
  vertical-align: top;
}
.foot-main .nav .nav-top {
  font-size: 16px;
  color: #333333;
  line-height: 1;
  margin-bottom: 12px;
  display: inline-block;
}
.foot-main .nav .nav-bot {
  line-height: 30px;
}
.foot-main .nav:nth-child(n+2) {
  margin-left: 2.75rem;
}
.foot-main .nav .i {
  color: #999999;
  display: block;
}

select {
  border: none;
  outline: none;
  background: none;
  -webkit-appearance: none;
}

input {
  border: none;
  outline: none;
  background: none;
}

.selects-list {
  font-size: 0;
}
.selects-list select {
  width: 280px;
  height: 50px;
  font-size: .4rem;
  padding-left: .7rem;
  display: inline-block;
  vertical-align: top;
}
.selects-list select:nth-child(n+2) {
  margin-left: 0.25rem;
}
.selects-list .item1 {
  color: #fff;
  background: url(../img/select.png) #005ca9 no-repeat 90%;
}
.selects-list .item2 {
  color: #666666;
  border: 1px solid #e5e5e5;
  background: url(../img/selects.png) #f6f6f8 no-repeat 90%;
}

.resources-table {
  padding-top: .7rem;
}
.resources-table .td {
  display: inline-block;
  vertical-align: top;
  padding: 0 0.875rem;
  line-height: 1.8rem;
}
.resources-table .td1 {
  width: 28%;
}
.resources-table .td2 {
  width: 47%;
}
.resources-table .td3 {
  width: 25%;
}
.resources-table .tbody {
  padding-bottom: 1.625rem;
}
.resources-table .tbody .tr:nth-child(n+2) {
  margin-top: 8px;
}
.resources-table .tbody .th {
  font-size: 0;
  border: 1px solid #e5e5e5;
  transition: .5s ease-in-out;
}
.resources-table .tbody .th:hover, .resources-table .tbody .th.active {
  background: #fa7911;
  transition: .5s ease-in-out;
  color: #fff;
}
.resources-table .tbody .th:hover .td, .resources-table .tbody .th.active .td {
  color: #fff;
  transition: .5s ease-in-out;
}
.resources-table .tbody .th:hover .td1, .resources-table .tbody .th.active .td1 {
  font-size: .6rem;
}
.resources-table .tbody .td {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.resources-table .tbody .td1 {
  font-size: 16px;
  color: #333333;
}
.resources-table .tbody .ybox {
  border: 1px solid #e5e5e5;
  background: #f6f6f8;
  padding: 0.95rem 0.875rem 1rem 1rem;
  display: none;
}
.resources-table .tbody .ybox .link {
  display: inline-block;
  width: 140px;
  height: 42px;
  line-height: 42px;
  border-radius: 42px;
  background: #fa7911;
  color: #f5f5f5;
  text-align: center;
}
.resources-table .tbody .ybox .close {
  line-height: 42px;
  cursor: pointer;
  color: #fa7911;
}
.resources-table .tbody .ybox .list {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e2e2e4;
  margin-bottom: 16px;
}
.resources-table .tbody .ybox .li {
  width: 50%;
  float: left;
  font-size: 14px;
  line-height: 23px;
  color: #666666;
}
.resources-table .tbody .ybox .wen {
  margin-top: 15px;
}
.resources-table .tbody .ybox .tit {
  font-size: 16px;
  line-height: 1.2;
  color: #333333;
}
.resources-table .tbody .ybox .li1 {
  padding-right: 1.5rem;
}
.resources-table .tbody .ybox .li2 {
  padding-left: 1.5rem;
}
.resources-table .thead {
  background: #f6f6f8;
  border: 1px solid #e5e5e5;
  font-size: 0;
  margin-bottom: 12px;
}
.resources-table .thead .td2 {
  border-left: 1px solid #e5e5e5;
}
.resources-table .thead .td3 {
  border-left: 1px solid #e5e5e5;
}
.resources-table .thead .td {
  font-size: .4rem;
  font-weight: bold;
  color: #333333;
}

.con-column {
  height: 1.625rem;
  line-height: 1.625rem;
  border-bottom: 1px solid #c4c4c4;
}
.con-column .swiper-slide {
  width: 16.66%;
  /*width: 20%;*/
  height: 100%;
  text-align: center;
  border-right: 1px solid #c4c4c4;
}
.con-column .swiper-slide:nth-child(1) {
  border-left: 1px solid #c4c4c4;
}
.con-column .item {
  display: block;
  color: #666666;
  position: relative;
  transition: .5s ease-in-out;
}
.con-column .item:hover, .con-column .item.active {
  color: #fff;
  background: #005ca9;
  transition: .5s ease-in-out;
}
.con-column .item:hover:after, .con-column .item.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.con-column .item:after {
  position: absolute;
  content: "";
  width: 11px;
  height: 6px;
  background: url(../img/i12.png) no-repeat center;
  background-size: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: .5s ease-in-out;
  opacity: 0;
}

.news-top {
  position: relative;
}
.news-top .list {
  display: block;
  font-size: 0;
  border: 2px solid #efefef;
  padding: 0.5rem;
}
.news-top .list:hover .images img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-top .list .alink {
  position: absolute;
  right: 1.2rem;
  bottom: 1rem;
}
.news-top .list .images, .news-top .list .words {
  font-size: 16px;
  color: #666666;
  display: inline-block;
  vertical-align: top;
}
.news-top .list .words {
  width: calc(100% - 358px);
  padding-left: 1rem;
  padding-right: .6rem;
  height: 100%;
  padding-top: .75rem;
  padding-bottom: 1.5rem;
}
.news-top .list .words .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  line-height: .9rem;
  height: .9rem;
}
.news-top .list .words .txt {
  font-size: .4rem;
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .52rem;
  margin-bottom: 0.875rem;
}
.news-top .list .images {
  width: 358px;
  height: 264px;
  overflow: hidden;
}
.news-top .list .images img {
  transition: .5s ease-in-out;
}

.news-box {
  padding-top: 1.575rem;
  padding-bottom: 3.125rem;
}

.alink {
  font-size: 12px;
  color: #999999;
  font-family: Arial;
  line-height: 1;
  padding-left: 24px;
  display: inline-block;
  position: relative;
}
.alink:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 8px;
  background: url(../img/i14.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.amore {
  position: relative;
  width: 140px;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  padding-right: 20px;
  color: #fff;
  background: #005ca9;
  font-size: 12px;
  border-radius: 40px;
  display: block; transition: .5s ease-in-out;
}
.amore:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 10px;
  background: url(../img/i13.png) no-repeat center;
  background-size: 100%;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.amore:hover {
  color: #fff;
  background:#e6001a; transition: .5s ease-in-out;
}
.amore:hover:after {
  transform: translateX(-5px);
  transition: .5s ease-in-out;
}

.newsselect .f-l {
  font-size: 0;
}
.newsselect .f-r .input {
  width: 10.7rem;
  height: 1.5rem;
  position: relative;
  border: 1px solid #d6d6d6;
}
.newsselect .f-r .input input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: .7rem;
  padding-right: 1.25rem;
}
.newsselect .f-r .input input[type=submit] {
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  right: .6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i15.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
}
.newsselect .items {
  width: 5.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border: 1px solid #d6d6d6;
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  padding-left: 0.7rem;
  padding-right: 1.3rem;
  background: url(../img/i16.png) no-repeat calc(100% -  .72rem);
  cursor: pointer;
}
.newsselect .items.items1 {
  color: #fff;
  margin-right: 0.35rem;
  background: url(../img/i17.png) #005ca9 no-repeat calc(100% -  .72rem);
}

.news-bot {
  padding-top: .7rem;
  margin-top: .75rem;
}
.news-bot .list {
  margin-top: .7rem;
}
.news-bot .itemsbox {
  padding-bottom: 1.45rem;
}
.news-bot .itemsbox .items {
  display: block;
  border: 1px solid #efefef;
  padding: 0.5rem 1.15rem 0.6rem 0.9rem;
  transition: .5s ease-in-out;
}
.news-bot .itemsbox .items:nth-child(n+2) {
  margin-top: 0.25rem;
}
.news-bot .itemsbox .items:hover {
  background: #f6f6f8;
  transition: .5s ease-in-out;
}
.news-bot .itemsbox .items:hover .tit:after {
  background: url(../img/b0.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-bot .itemsbox .items:hover .alink {
  color: #005ca9;
  transition: .5s ease-in-out;
}
.news-bot .itemsbox .items:hover .alink:after {
  background: url(../img/i19.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-bot .itemsbox .items .tit {
  font-size: .4rem;
  line-height: .5rem;
  height: .5rem;
  position: relative;
  color: #333333;
  padding-right: 20px;
  transition: .5s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-bot .itemsbox .items .tit:after {
  width: 12px;
  height: 9px;
  content: "";
  background: url(../img/b1.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.news-bot .itemsbox .items .alink {
  display: block;
  margin-top: 12px;
  transition: .5s ease-in-out;
}

.videolist {
  font-size: 0;
  padding-bottom: 1rem;
}
.videolist .items {
  display: inline-block;
  vertical-align: top;
  width: 30.5%;
  margin-left: 4.25%;
  margin-bottom: 0.875rem;
}
.videolist .items:nth-child(3n+1) {
  margin-left: 0;
}
.videolist .items:hover .imgs img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.videolist .items .span {
  font-size: .4rem;
  line-height: .9rem;
  height: .9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .4rem;
  padding-left: 20px;
  position: relative;
}
.videolist .items .span:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666666;
  top: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
}
.videolist .items .imgs {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.videolist .items .imgs:after, .videolist .items .imgs:before {
  content: "";
  position: absolute;
}
.videolist .items .imgs:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 0;
}
.videolist .items .imgs:before {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/i20.png) no-repeat center;
  background-size: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.videolist .items .imgs img {
  display: block;
  transition: .5s ease-in-out;
}

.ft14 {
  font-size: .35rem;
}

.product-tit {
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
  line-height: 1.1;
}
.product-tit .tit {
  color: #333333;
}
.product-tit .txt {
  font-size: .4rem;
  color: #999999;
  margin-top: .4rem;
}

.silicon .silicon-top {
  position: relative;
}
.silicon .silicon-top .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.silicon .silicon-top .words .wen {
  width: 16.5rem;
  margin: 0 auto;
  line-height: 1;
  text-align: center;
  padding-top: 1.25rem;
}
.silicon .silicon-top .words .txt {
  line-height: 1.7;
  color: #333333;
}

.svgbox {
  position: relative;
}
.svgbox .svgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.silicon .silicon-top .words .txt {
  margin-top: .5rem;
}

.silicon-list .items .words {
  max-height: 90%;
  overflow-y: auto;
}

.silicon-list .items {
  font-size: 0;
  border-bottom: 1px solid #eaeaea;
  padding: 0.375rem 0;
  position: relative;
}
.silicon-list .items .images, .silicon-list .items .words {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.silicon-list .items .words {
  position: absolute;
  top: 50%;
  line-height: 1.3;
  transform: translateY(-50%);
}
.silicon-list .items .words .tit, .silicon-list .items .words .txt {
  padding-left: .75rem;
}
.silicon-list .items .words .txt {
  line-height: 1.7;
  margin-top: .5rem;
}
.silicon-list .items .words .tit {
  position: relative;
}
.silicon-list .items .words .tit:after {
  position: absolute;
  content: "";
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #cccccc;
  left: 0;
  top: .4rem;
}
.silicon-list .items .words.fl {
  left: 0;
}
.silicon-list .items .words.fr {
  right: 0;
}
.silicon-list .items .img {
  width: 8.875rem;
  height: 8.875rem;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.silicon-list .items .images.fr {
  padding-left: 3.625rem;
}
.silicon-list .items .images.fl {
  padding-right: 3.625rem;
}
.silicon-list .items .imgs {
  width: 11.5rem;
  height: 9.25rem;
  position: relative;
}
.silicon-list .items .imgs:hover:after, .silicon-list .items .imgs:hover:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.silicon-list .items .imgs:before {
  position: absolute;
  content: "";
  width: 1.625rem;
  height: 1.625rem;
  bottom: 1.35rem;
  left: 2rem;
  background: url(../img/i22.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
  z-index: 2;
}
.silicon-list .items .imgs:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/i21.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
  z-index: 0;
}

.semicon {
  position: relative;
}
.semicon .semicon-left {
  width: 60%;
}
.semicon .semicon-left .items {
  border: 1px solid #e5e5e5;
  position: relative;
  background: #f6f6f8;
  cursor: pointer;
}
.semicon .semicon-left .items.active .svgbox .circle,
.semicon .semicon-left .items:hover .svgbox .circle {
  animation: circle 2s linear;
  opacity: 1;
}
.semicon .semicon-left .items.active .i,
.semicon .semicon-left .items:hover .i {
  opacity: 1;
  transition: .5s ease-in-out;
}
.semicon .semicon-left .items.active .text .tit, .semicon .semicon-left .items.active .text .p,
.semicon .semicon-left .items:hover .text .tit, .semicon .semicon-left .items:hover .text .p {
  color: #fff;
  transition: .5s ease-in-out;
}
.semicon .semicon-left .items.active .ying,
.semicon .semicon-left .items:hover .ying {
  background: url(../img/i23.png) no-repeat left top;
  background-size: cover;
  transition: .5s ease-in-out;
}
.semicon .semicon-left .items:nth-child(n+2) {
  margin-top: 0.5rem;
}
.semicon .semicon-left .items .i {
  height: 7rem;
  opacity: 0;
  transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.semicon .semicon-left .items .ying {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/i24.png) no-repeat left top;
  background-size: cover;
  transition: .5s ease-in-out;
}
.semicon .semicon-left .items .p {
  font-size: .35rem;
  line-height: .75rem;
  color: #666666;
}
.semicon .semicon-left .items .p, .semicon .semicon-left .items .tit {
  transition: .5s ease-in-out;
}
.semicon .semicon-left .items .tit {
  font-size: .6rem;
  line-height: 1.5;
  color: #333333;
  padding-left: .75rem;
  position: relative;
  margin-bottom: 0.25rem;
}
.semicon .semicon-left .items .tit:after {
  position: absolute;
  width: .4rem;
  height: .4rem;
  content: "";
  left: 0;
  top: .25rem;
  border-radius: 50%;
  background: #cccccc;
}
.semicon .semicon-left .items .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.semicon .semicon-left .items .words .imgs {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.semicon .semicon-left .items .words .text {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - (255rem/40));
  padding-left: .5rem;
  padding-right: 1.375rem;
  max-height: 90%;
  overflow: auto;
}
.semicon .semicon-right {
  width: 13.25rem;
  max-width: calc(40% - (35rem/40));
}
.semicon .semicon-right .img {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
}

.semicon {
  padding-bottom: 4.25rem;
}

.svgbox.on .svg {
  stroke-width: 8;
  r: calc(50% - 4px);
}

.svgimgbox .imgs {
  width: 6.375rem;
}
.svgimgbox .imgs .img {
  width: 5.375rem;
  height: 5.375rem;
  line-height: 5.375rem;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.14);
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.svgimgbox .imgs .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 96%;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
}

.crystal {
  padding-bottom: 3.625rem;
  border-top: 1px solid #eaeaea;
}

.crystal-left {
  width: 11.75rem;
}
.crystal-left .items {
  border: 1px solid #e5e5e5;
  background: #f6f6f8;
  display: block;
  position: relative;
}
.crystal-left .items:nth-child(n+2) {
  margin-top: .5rem;
}
.crystal-left .items:nth-child(n+2):after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  top: -.4rem;
  width: .3rem;
  height: .3rem;
  background: url(../img/b6.png) no-repeat center;
  background-size: 100%;
}
.crystal-left .items:hover .i, .crystal-left .items.active .i {
  opacity: 1;
  transition: .5s ease-in-out;
}
.crystal-left .items:hover .ying, .crystal-left .items.active .ying {
  background: url(../img/b2.png) no-repeat left top;
  background-size: cover;
}
.crystal-left .items:hover .tit, .crystal-left .items:hover .p, .crystal-left .items.active .tit, .crystal-left .items.active .p {
  color: #fff;
  transition: .5s ease-in-out;
}
.crystal-left .items:hover .png img, .crystal-left .items.active .png img {
  transition: .5s ease-in-out;
}
.crystal-left .items:hover .png .i1, .crystal-left .items.active .png .i1 {
  opacity: 1;
}
.crystal-left .items:hover .png .i0, .crystal-left .items.active .png .i0 {
  opacity: 0;
}
.crystal-left .items .i {
  height: 4rem;
  transition: .5s ease-in-out;
  opacity: 0;
}
.crystal-left .items .tit, .crystal-left .items .p {
  transition: .5s ease-in-out;
}
.crystal-left .items .ying {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/b3.png) no-repeat left top;
  background-size: cover;
  transition: .5s ease-in-out;
  z-index: 1;
}
.crystal-left .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 0.875rem 1.5rem 0.875rem 1.125rem;
}
.crystal-left .items .tit {
  line-height: 1;
  color: #333333;
}
.crystal-left .items .p {
  color: #999999;
  line-height: .6rem;
  margin-top: .4rem;
}
.crystal-left .items .png {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  right: 5px;
  bottom: 5px;
  width: 1.25rem;
  height: 1.25rem;
}
.crystal-left .items .png .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.crystal-left .items .png img {
  display: block;
  transition: .5s ease-in-out;
}
.crystal-left .items .text {
  position: relative;
  padding-right: 2.125rem;
  height: 100%;
}

.crystal-right {
  width: calc(100% - (470rem/40));
  padding-left: 1.625rem;
}

.svgbox.cur {
  width: 3.375rem;
  height: 3.375rem;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
}
.svgbox.cur img {
  position: relative;
  width: 100%;
  /*max-width: calc(100% - 4px);*/
  max-width: 96%;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
}

.svgbox.cur .svg {
  stroke-width: 4;
  r: calc(50% - 2px);
}

.crystal-list .imglist {
  margin-top: 1.75rem;
}
.crystal-list .items {
  position: relative;
  padding-bottom: 1.75rem;
  border-top: 1px solid #eaeaea;
}
.crystal-list .items:after {
  position: absolute;
  content: "";
  width: 4.875rem;
  height: 2px;
  background: #005ca9;
  left: 0;
  top: 0;
}
.crystal-list .items .wen {
  font-size: .35rem;
  line-height: .75rem;
  color: #666666;
  margin-top: .75rem;
}
.crystal-list .items1 {
  padding-top: 1.45rem;
}
.crystal-list .items2 {
  padding-top: 1.15rem;
}
.crystal-list .tit {
  color: #005ca9;
  line-height: 1.1;
}
.crystal-list .imglist {
  font-size: 0;
}
.crystal-list .imglist .li {
  font-size: .35rem;
  width: 17%;
  margin-left: 3.75%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1rem;
}
.crystal-list .imglist .li .img {
  margin: 0 auto;
}
.crystal-list .imglist .li .p {
  line-height: 1;
  padding-bottom: .25rem;
  border-bottom: 1px solid #d6d6d6;
}
.crystal-list .imglist .li .p .m {
  color: #333333;
}
.crystal-list .imglist .li .p .num {
  position: relative;
  padding-left: 12px;
  font-weight: bold;
  font-size: .3rem;
  color: #666666;
}
.crystal-list .imglist .li .p .num:after {
  width: 9px;
  height: 9px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: url(../img/i25.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}
.crystal-list .imglist .li:nth-child(5n+1) {
  margin-left: 0;
}
.crystal-list .imglist .li:hover .svgbox .circle {
  animation: circle 2s linear;
  opacity: 1;
}

.forming-items {
  border-top: 1px solid #eaeaea;
  padding-top: .6rem;
  padding-bottom: 1.2rem;
}
.forming-items .num {
  line-height: 1.2;
  font-size: 12px;
  color: #005ca9;
  font-weight: bold;
  padding-left: 12px;
  transition: .5s ease-in-out;
  position: relative;
}
.forming-items .num:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background: url(../img/i26.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.forming-items .txt {
  line-height: 1.2;
  margin-bottom: .75rem;
  color: #333333;
  transition: .5s ease-in-out;
}
.forming-items .p {
  line-height: 1.7;
  color: #666666;
}
.forming-items:hover .img:after {
  opacity: 1;
  transition: .5s ease-in-out;
  transition-delay: .6s;
}
.forming-items:hover .txt {
  color: #cc1f32;
  transition: .5s ease-in-out;
}
.forming-items:hover .num {
  color: #cc1f32;
  transition: .5s ease-in-out;
}
.forming-items:hover .num:after {
  background: url(../img/i27.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.forming-items:hover .svgbox .circle {
  opacity: 1;
  transition: .5s ease-in-out;
  animation: circle 2s linear;
}
.forming-items .img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.forming-items .img:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../img/i28.png) no-repeat center;
  background-size: 100%;
  right: 0.8rem;
  bottom: .1rem;
  opacity: 0;
  transition: .5s ease-in-out;
}
.forming-items .ibox {
  font-size: 0;
}
.forming-items .ibox .words {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - (220rem/40));
  padding-left: 0.7rem;
  padding-right: 0.6rem;
}
.forming-items .svgbox {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  overflow: hidden;
}
.forming-items .svgbox img {
  display: block;
  max-width: 96%;
  position: relative;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
}

.forming-list {
  margin-top: .75rem;
}

.problem-box {
  padding-bottom: 2.875rem;
}

.problem-list {
  padding-bottom: 1.625rem;
}
.problem-list .items {
  border: 1px solid #d9d9d9;
}
.problem-list .items:nth-child(n+2) {
  margin-top: 0.375rem;
}
.problem-list .items-top {
  position: relative;
  font-size: .45rem;
  color: #666666;
  line-height: 1.8rem;
  height: 1.8rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  cursor: pointer;
  transition: .5s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.problem-list .items-top:hover, .problem-list .items-top.active {
  background: #005ca9;
  transition: .5s ease-in-out;
  color: #fff;
}
.problem-list .items-top:hover:after, .problem-list .items-top.active:after {
  background: url(../img/i30.png) no-repeat center;
  background-size: 100%;
}
.problem-list .items-top:hover:before, .problem-list .items-top.active:before {
  background: rgba(255, 255, 255, 0.8);
}
.problem-list .items-top:hover:after, .problem-list .items-top:hover:before, .problem-list .items-top.active:after, .problem-list .items-top.active:before {
  transition: .5s ease-in-out;
}
.problem-list .items-top:after, .problem-list .items-top:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.problem-list .items-top:after {
  width: 11px;
  height: 9px;
  background: url(../img/i29.png) no-repeat center;
  background-size: 100%;
  right: 0.65rem;
}
.problem-list .items-top:before {
  width: .4rem;
  height: .4rem;
  left: .75rem;
  border-radius: 50%;
  background: #cccccc;
}
.problem-list .items-bot {
  background: #f6f6f8;
  border-top: 1px solid #d9d9d9;
  padding: .6rem 2rem .75rem .75rem;
  display: none;
}
.problem-list .items-bot .text {
  position: relative;
  padding-left: 1rem;
  font-size: .35rem;
  line-height: .75rem;
  color: #005ca9;
}
.problem-list .items-bot .text .span {
  position: absolute;
  left: 0;
  top: 0;
}

.ability-01 {
  background: #eaeef2;
  padding-top: 1.625rem;
  padding-bottom: 1.5rem;
}
.ability-01 .list {
  margin-top: 1.125rem;
  font-size: 0;
}
.ability-01 .items {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 7.5rem;
  width: 22%;
  margin-left: 4%;
  text-align: center;
}
.ability-01 .items .svgbox .svgs {
  z-index: 2;
}
.ability-01 .items .titu, .ability-01 .items .p {
  transition: .5s ease-in-out;
}
.ability-01 .items:hover .imgs:before {
  opacity: 1;
  transition-delay: 1s;
}
.ability-01 .items:hover .svgbox .circle {
  opacity: 1;
  transition: .5s ease-in-out;
  animation: circle 2s linear;
}
.ability-01 .items:hover .tit, .ability-01 .items:hover .p {
  color: #cc1f32;
  transition: .5s ease-in-out;
}
.ability-01 .items .imgs {
  position: relative;
  width: 7.5rem;
  margin: 0 auto;
  /*cursor: pointer;*/
}
.ability-01 .items .imgs:before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../img/i28.png) no-repeat center;
  background-size: 100%;
  right: 1.75rem;
  bottom: .1rem;
  opacity: 0;
  transition: .5s ease-in-out;
  z-index: 3;
}
.ability-01 .items .tit {
  color: #333333;
  line-height: 1;
  margin-top: .75rem;
}
.ability-01 .items .p {
  color: #666666;
  line-height: .6rem;
  font-size: .35rem;
  margin-top: 0.375rem;
}
.ability-01 .items .svgbox {
  position: relative;
}
.ability-01 .items .svgbox:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.ability-01 .items .svgbox {
  width: 100%;
  height: 7.5rem;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}
.ability-01 .items .svgbox img {
  display: block;
  max-width: 96%;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
  width: 100%;
}
.svgbox img{
  width: 100%;
}
.ability-01 .items:nth-child(4n+1) {
  margin-left: 0;
}

.video-active {
  position: relative;
}
.video-active .svgbox {
  position: relative;
}
.video-active .svgbox:after {
  background-color: rgba(0, 92, 169, 0.2);
  background-image: url(../img/i31.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
}

.ability-tit {
  color: #333333;
  line-height: 1;
  text-align: center;
}

.context16 {
  font-size: .4rem;
  line-height: .9rem;
  color: #666666;
}

.welcome-banner {
  position: relative;
}
.welcome-banner .buts {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.375rem;
}
.welcome-banner .buts .btn-span {
  width: 40px;
  height: 55px;
  margin: 0 auto;
  background: url(../img/i33.png) no-repeat center;
  background-size: 100%;
  position: relative;
  z-index: 8;
  margin-bottom: 1rem;
  cursor: pointer;
}
.welcome-banner .swiper-pagination {
  width: 100%;
  position: relative;
  line-height: 1;
}
.welcome-banner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 .2rem;
  width: 14px;
  height: 14px;
  border: 1px solid #f3f2f1;
  background: transparent;
  opacity: 1;
  border-radius: 14px;
  transition: .5s ease-in-out;
}
.welcome-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 45px;
  border-color: #cc1f32;
  border-radius: 14px;
  background: #cc1f32;
  transition: .5s ease-in-out;
}
.welcome-banner .swiper-pagination .swiper-pagination-bullet:hover {
  border-color: #cc1f32;
  transition: .5s ease-in-out;
  background: #cc1f32;
}
.welcome-banner .items {
  display: block;
  position: relative;
  color: #fff;
}
.welcome-banner .items .words {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-bottom: 6.375rem;
  text-align: center;
  background: url(../img/i32.png) no-repeat center bottom;
  background-size: cover;
  min-height: 14.25rem;
  padding-top: 2.75rem;
  line-height: 1.1;
}
.welcome-banner .items .words .tit {
  margin-bottom: 1.5rem;
}
.welcome-banner .items .words .txt {
  line-height: 1.3;
  margin-bottom: .5rem;
}
.welcome-banner .images {
  height: 25rem;
  /*max-height: 100vh;*/
}

.welcome-tit {
  line-height: 1.2;
  text-align: center;
}
.welcome-tit .cn {
  color: #333333;
}
.welcome-tit .en {
  color: #999999;
  /*font-family: "AGLettericaCondensed";*/
  /*font-weight: bold;*/
  margin-top: .45rem;
}

.welcome-products {
  padding-top: 1.25rem;
}
.welcome-products .list {
  padding-top: 2.95rem;
  padding-bottom: 3.05rem;
  background: #eaeef2;
  margin-top: 1rem;
}
.welcome-products .box {
  font-size: 0;
}
.welcome-products .box-left, .welcome-products .box-right {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.welcome-products .box-left {
  width: 48%;
  padding-top: .6rem;
  padding-right: 4.875rem;
}
.welcome-products .box-left .tit {
  line-height: 1.2;
  color: #005ca9;
  margin-bottom: 1.375rem;
}
.welcome-products .box-left .amore {
  margin-top: 3.375rem;
}
.welcome-products .box-right {
  width: 52%;
  font-size: 0;
}
.welcome-products .box-right .items {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 48.6%;
  margin-left: 2.8%;
  margin-bottom: 2.8%;
  position: relative;
}
.welcome-products .box-right .items .images {
  overflow: hidden;
}
.welcome-products .box-right .items .images img {
  display: block;
  transition: .5s ease-in-out;
}
.welcome-products .box-right .items:hover .images img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.welcome-products .box-right .items .bg {
  z-index: 1;
}
.welcome-products .box-right .items .words {
  z-index: 2;
  color: #fff;
  padding: 1rem 1.75rem .5rem .5rem;
  line-height: 1.2;
}
.welcome-products .box-right .items .words .cn {
  font-size: .5rem;
}
.welcome-products .box-right .items .words .i {
  width: 1.625rem;
  height: 1.625rem;
  position: absolute;
  right: 0.875rem;
  bottom: 0.55rem;
}
.welcome-products .box-right .items .words .en {
  color: rgba(255, 255, 255, 0.5);
  font-size: .35rem;
  margin-top: .25rem;
}
.welcome-products .box-right .items .bg,
.welcome-products .box-right .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.welcome-products .box-right .items:nth-child(2n+1) {
  margin-left: 0;
}

.welcome-about {
  position: relative;
}
.welcome-about .pcimg {
  height: 29.875rem;
}
.welcome-about .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 2.25rem;
}
.welcome-about .words .tit {
  margin-top: 1rem;
  font-size: .6rem;
  margin-bottom: 0.45rem;
}
.welcome-about .words .txt {
  width: 21.625rem;
  margin: 0 auto;
}
.welcome-about .numlist {
  margin-top: 1.25rem;
}

.numlist {
  font-size: 0;
}
.numlist .numli {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2.5rem;
  line-height: 1;
  position: relative;
}
.numlist .numli:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.5rem;
  width: 1px;
  background: #e6e7e9;
}
.numlist .numli:nth-child(1):after {
  display: none;
}
.numlist .numli .cn {
  font-size: .4rem;
  color: #005ca9;
  margin-top: .6rem;
}
.numlist .num {
  font-size: 1.8rem;
  color: #005ca9;
}

.time {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-family: Arial;
  padding-right: 25px;
  color: #333333;
  line-height: 16px;
}
.time:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #cccccc;
  right: 0;
  top: 2px;
}

.welmore {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  font-family: Arial;
}
.welmore:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 10px;
  left: 0;
  top: 5px;
  background: url(../img/i39.png) no-repeat center;
  background-size: 100%;
}

.welnews-top:hover .img img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.welcome-news {
  padding-top: 1.75rem;
  padding-bottom: 3.25rem;
}
.welcome-news .welnews-top {
  display: block;
  font-size: 0;
  position: relative;
}
.welcome-news .welnews-top .words {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.welcome-news .welnews-top .images {
  position: relative;
}
.welcome-news .welnews-top .images:after {
  position: absolute;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  right: -0.8rem;
  background: url(../img/i38.png) no-repeat center;
  background-size: 100%;
  bottom: 0;
}
.welcome-news .welnews-top .welmore {
  position: absolute;
  bottom: .6rem;
  left: 1.625rem;
}
.welcome-news .welnews-top .time {
  margin-bottom: .35rem;
}
.welcome-news .welnews-top .tit {
  margin-top: 1.25rem;
  line-height: 1.4;
  margin-bottom: .75rem;
}
.welcome-news .welnews-top .line {
  width: 20px;
  height: 2px;
  background: #005ca9;
}
.welcome-news .welnews-top .images, .welcome-news .welnews-top .words {
  font-size: .35rem;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.welcome-news .welnews-top .words {
  padding-left: 1.625rem;
  padding-bottom: 0.875rem;
}
.welcome-news .welnews-top .txt {
  height: 2.7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.welcome-news .welnews-top .img {
  overflow: hidden;
}
.welcome-news .welnews-top .img img {
  transition: .5s ease-in-out;
  display: block;
  width: 100%;
}

.welnews-bot {
  font-size: 0;
  margin-top: 1rem;
}
.welnews-bot .items {
  display: inline-block;
  vertical-align: middle;
  width: 32.5%;
  margin-left: 1.25%;
  position: relative;
  background: #f6f6f8;
}
.welnews-bot .items:hover .bg, .welnews-bot .items:hover .images {
  opacity: 1;
  transition: .5s ease-in-out;
  color: #fff;
}
.welnews-bot .items:hover .line {
  background: #fff;
  transition: .5s ease-in-out;
}
.welnews-bot .items:hover .p {
  color: #fff;
  transition: .5s ease-in-out;
}
.welnews-bot .items:hover .tit {
  transition: .5s ease-in-out;
  color: #fff;
}
.welnews-bot .items:hover .tit:after {
  transition: .5s ease-in-out;
  background: #fff;
}
.welnews-bot .items .line {
  width: 20px;
  height: 2px;
  background: #005ca9;
  margin-top: .5rem;
  margin-bottom: .55rem;
  transition: .5s ease-in-out;
}
.welnews-bot .items .p {
  line-height: .9rem;
  height: 1.8rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: .5s ease-in-out;
}
.welnews-bot .items .tit {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial;
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
  position: relative;
}
.welnews-bot .items .tit:after {
  width: 12px;
  height: 12px;
  background: #949495;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 0;
  margin: auto;
}
.welnews-bot .items .words {
  padding: 0.875rem;
  padding-right: 1.5rem;
}
.welnews-bot .items .bg, .welnews-bot .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: .45rem;
  color: #333333;
}
.welnews-bot .items .bg, .welnews-bot .items .images {
  opacity: 0;
  transition: .5s ease-in-out;
}
.welnews-bot .items .bg {
  background: url(../img/g4.png) no-repeat left top;
  background-size: cover;
}
.welnews-bot .items:nth-child(3n+1) {
  margin-left: 0;
}

.con-banner {
  overflow: hidden;
}

.team {
  padding-top: 2.1rem;
}
.team .about-titles {
  padding-bottom: 1.5rem;
}

.stronghold-title {
  margin-bottom: 1.25rem;
  position: relative;
}
.stronghold-title .spanstit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 42px;
  line-height: 42px;
}
.stronghold-title .i {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 140px;
  text-align: center;
  border-radius: 42px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e5e5;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.stronghold-title .i:hover, .stronghold-title .i.active {
  color: #ffffff;
  background: #005ca9;
  transition: .5s ease-in-out;
}
.stronghold-title .i:nth-child(2) {
  margin-left: .3rem;
}

.about-titles {
  line-height: 1.2;
}
.about-titles .en {
  margin-top: .25rem;
  color: #999;
}
.about-titles .tit {
  margin-top: 1.125rem;
  color: #005ca9;
  margin-bottom: .75rem;
}

.team-list {
  font-size: 0;
  padding-bottom: 2.125rem;
}
.team-list .items {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 32.5%;
  margin-left: 1.25%;
  margin-bottom: 1.25%;
}
.team-list .items .words {
  padding: 1rem 1.125rem;
}
.team-list .items .words .t0 {
  margin-bottom: .4rem;
}
.team-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.team-list .items img {
  width: 100%;
}
.team-list .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
  font-size: .4rem;
  line-height: .6rem;
}
.team-list .items .words .t0 {
  font-size: .6rem;
  line-height: 1.2;
}
.team-list .last-items .words {
  padding: 1.175rem 2.25rem;
}
.team-list .last-items .words .text {
  width: 100%;
  height: 100%;
  border: 2px solid #cc1f32;
  text-align: center;
  line-height: 1;
  padding: .1rem;
  padding-top: .5rem;
  color: #cc1f32;
}
.team-list .last-items .words .text .t0 {
  margin-bottom: .25rem;
}

.kf4 {
  font-size: 0;
}
.kf4 .items {
  width: 23%;
  margin-left: 2.6666666667%;
  display: inline-block;
  vertical-align: top;
}
.kf4 .items:nth-child(4n+1) {
  margin-left: 0;
}

.commit {
  padding-top: 2.125rem;
  padding-bottom: 2.5rem;
}

.nav-sousuo .phone{
  position: relative;
}
.phone-adds{
    position: absolute;
    width: 140px;
    font-size: 14px;
    color: #666;
    background: #fff;
    /*right:0;*/
    left: -60px;
    top: 88px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    opacity: 0;
    transition:.5s ease-in-out;
}

.nav-sousuo .phone:hover .phone-adds{
  opacity: 1;
  transition:.5s ease-in-out;
}
.phone-adds:before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/sanjiao.png) no-repeat center;
    background-size: 100%;

}

.commit-list {
  margin-top: 1.25rem;
  line-height: 1.2;
}
.commit-list .tit {
  color: #333;
}
.commit-list .spans {
  margin-top: .5rem;
  margin-bottom: .75rem;
  color: #666666;
}
.commit-list .list2 {
  padding-top: 1rem;
  display: none;
}
.commit-list .list2 .span {
  padding: 8px 0;
  padding-left: .5rem;
  position: relative;
  /*line-height: 1.35rem;*/
  /*height: 1.35rem;*/
  line-height: 1.5;

}
.commit-list .list2 .span:after {
  position: absolute;
  width: .25rem;
  height: .25rem;
  content: "";
  border-radius: 50%;
  background: #005ca9;
  left: 0;
  top: 15px;
  /*bottom: 0;*/
  margin: auto;
}
.commit-list .list2 .items {
  margin-bottom: .5rem;
  font-size: .45rem;
}
.commit-list .list2 .items .imgs {
  overflow: hidden;
}
.commit-list .list2 .items img {
  width: 100%;
  display: block;
  transition: .5s ease-in-out;
}
.commit-list .list2 .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.commit-list .list {
  font-size: 0;
  padding-bottom: 1.125rem;
  border-bottom: 2px solid #d6d6d6;
}
.commit-list .list .items {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  color: #333333;
  cursor: pointer;
  position: relative;
}
.commit-list .list .items:hover:before, .commit-list .list .items.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.commit-list .list .items:hover .imgs img, .commit-list .list .items.active .imgs img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.commit-list .list .items:hover .items-bot, .commit-list .list .items.active .items-bot {
  transition: .5s ease-in-out;
  color: #cc1f32;
}
.commit-list .list .items .imgs {
  overflow: hidden;
}
.commit-list .list .items img {
  transition: .5s ease-in-out;
  width: 100%;
}
.commit-list .list .items:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 4px solid #cc1f32;
  z-index: 3;
  opacity: 0;
  transition: .5s ease-in-out;
}
.commit-list .list .items-bot {
  line-height: 1.55rem;
  height: 1.55rem;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-top: none;
  transition: .5s ease-in-out;
}
.commit-list .list .items-top {
  position: relative;
}
.commit-list .list .items-top .bg, .commit-list .list .items-top .i {
  position: absolute;
}
.commit-list .list .items-top .i {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.375rem;
  height: 1.375rem;
  margin: auto;
}
.commit-list .list .items-top .bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.develop-tit {
  line-height: 1;
  margin-top: 1.25rem;
  color: #005ca9;
}

.develop-itembox {
  padding-bottom: 3.625rem;
  position: relative;
  padding-top: 1rem;
}
.develop-itembox:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 3.625rem;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #dedede;
}

.jzmore {
  width: 140px;
  height: 42px;
  border-radius: 42px;
  background: #005ca9;
  color: #fff;
  text-align: center;
  line-height: 42px;
  margin: 0 auto;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.jzmore:hover {
  transition: .5s ease-in-out;
  transform: translateY(-5px);
}

.develop {
  padding-top: 2.2rem;
  padding-bottom: 3.45rem;
}
.develop .develop-list {
  width: 1120px;
  margin: 0 auto;
  padding-top: 1.3rem;
  position: relative;
}
.develop .develop-list:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  transition: .5s ease-in-out;
  top: 0;
  background: url(../img/g14.png) no-repeat repeat center center;
}
.develop .develop-list .items {
  padding-bottom: 1.5rem;
  position: relative;
  cursor: pointer;
}
.develop .develop-list .items:hover .tit {
  color: #cc1f32;
  transition: .5s ease-in-out;
}
.develop .develop-list .items:hover .tit:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.develop .develop-list .items:hover:before {
  background: url(../img/j0.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.develop .develop-list .items:hover .images img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.develop .develop-list .items .tit {
  font-size: .6rem;
  color: #333333;
  line-height: 1.2;
  padding-right: .75rem;
  top: -.3rem;
  transition: .5s ease-in-out;
  position: absolute;
}
.develop .develop-list .items .tit:after {
  position: absolute;
  width: .5rem;
  height: .5rem;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #cc1f32;
  opacity: 0;
  transition: .5s ease-in-out;
  border-radius: 50%;
}
.develop .develop-list .items .words.fl {
  position: relative;
}
.develop .develop-list .items .words.fl .tit {
  background: #fff;
  display: inline-block;
  z-index: 4;
}
.develop .develop-list .items .words.fl:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  background: #d5d5d5;
}
.develop .develop-list .items .p {
  line-height: .75rem;
}
.develop .develop-list .items .fr .tit {
  left: 1rem;
}
.develop .develop-list .items .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 2px;
  width: 2rem;
  background: #d5d5d5;
  z-index: 1;
}
.develop .develop-list .items:before {
  position: absolute;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
  right: 0;
  margin: auto;
  top: -0.8rem;
  background: url(../img/j1.png) no-repeat center;
  background-size: 100%;
  z-index: 2;
}
.develop .develop-list .items .words {
  padding-top: 1.125rem;
}
.develop .develop-list .items .imgs {
  overflow: hidden;
  display: inline-block;
}
.develop .develop-list .items .imgs img {
  transition: .5s ease-in-out;
  width: 100%;
}
.develop .develop-list .items .images, .develop .develop-list .items .words {
  width: 50%;
  position: relative;
}
.develop .develop-list .items .fl {
  padding-right: 1rem;
}
.develop .develop-list .items .fr {
  padding-left: 1rem;
}

.concept-list .tit {
  text-align: center;
  line-height: 1;
  margin-bottom: 0.875rem;
}

.concept {
  padding-top: 2.125rem;
}
.concept .list {
  border-top: 1px solid #d6d6d6;
}
.concept .listtwo {
  padding-top: .7rem;
  padding-bottom: 2rem;
}
.concept .listtwo .items {
  font-size: 0;
}
.concept .listtwo .items .li {
  display: inline-block;
  width: 23.125%;
  vertical-align: top;
  margin-left: 2.5%;
  border: 1px solid #cccccc;
  height: 5rem;
  line-height: 5rem;
  position: relative;
  text-align: center;
  box-shadow: -2px 2px 10px 2px rgba(0, 0, 0, 0.15);
}
.concept .listtwo .items .li:hover:after {
  background: #cc1f32;
  transition: .5s ease-in-out;
}
.concept .listtwo .items .li:hover .box {
  transition: .5s ease-in-out;
  padding-bottom: 1.15rem;
  color:#cc1f32;
}
.concept .listtwo .items .li:hover .box .dian {
  transition: .5s ease-in-out;
  opacity: 1;
  transition-delay: .4s;
}
.concept .listtwo .items .li .box {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  transition: .5s  ease-in-out;
}
.concept .listtwo .items .li .dian {
  width: .55rem;
  height: .55rem;
  margin: 0 auto;
  background: url(../img/dian.png) no-repeat center;
  background-size: 100%;
  margin-top: .6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: .1s ease-in-out;
  transition-delay: 0;
  right: 0;
  margin: auto;
  opacity: 0;
}
.concept .listtwo .items .li .smil {
  margin-top: .5rem;
}
.concept .listtwo .items .li:after {
  width: 100%;
  content: "";
  height: 6px;
  background: #005ca9;
  position: absolute;
  left: 0;
  transition: .5s ease-in-out;
  top: 0;
}
.concept .listtwo .items .li:nth-child(4n+1) {
  margin-left: 0;
}
.concept .listthree {
  padding-top: 1.1rem;
  padding-bottom: 2rem;
}
.concept .listthree .items {
  font-size: 0;
}
.concept .listthree .items .li {
  display: inline-block;
  vertical-align: top;
  font-size: .5rem;
  width: 32%;
  margin-left: 2%;
  border: 1px solid #cccccc;
  line-height: 1.95rem;
  height: 1.95rem;
  color: #333333;
  margin-bottom: .5rem;
  text-align: center;
  transition: .5s ease-in-out;
}
.concept .listthree .items .li:hover {
  transition: .5s ease-in-out;
  color: #fff;
  background: #005ca9;
}
.concept .listthree .items .li:nth-child(3n+1) {
  margin-left: 0;
}
.concept .listone {
  padding-bottom: 2.125rem;
  padding-top: .7rem;
  font-size: 0;
  margin-top: 1.25rem;
}
.concept .listone .items {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  text-align: center;
  padding: 0 1%;
}
.concept .listone .items:hover .imgs:after {
  opacity: 1;
  transition: .5s ease-in-out;
  transition-delay: .6s;
}
.concept .listone .items:hover .svgbox .svg {
  animation: circle 2s linear;
  opacity: 1;
}
.concept .listone .words {
  padding-top: 0.8rem;
}
.concept .listone .words .p {
  font-size: .35rem;
  line-height: .6rem;
  font-weight: bold;
  color: #666666;
  margin-top: .35rem;
}
.concept .listone .words .cn {
  color: #333333;
  line-height: 1;
}
.concept .listone .words .en {
  font-size: 12px;
  color: #999999;
  line-height: 1;
  margin-top: .25rem;
}
.concept .listone .imgs {
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
}
.concept .listone .imgs:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  right: .02rem;
  top: .5rem;
  background: url(../img/g19.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
}
.concept .listone .imgs .i {
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  top: 1.125rem;
  left: 0;
  right: 0;
  margin: auto;
}
.concept .listone .imgs .svgbox {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.concept .listone .imgs .svgbox img {
  max-width: 96%;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
}

.stronghold-bot {
  padding-top: 1.05rem;
}
.stronghold-bot .list-top {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  color: #333333;
  margin-bottom: .35rem;
}
.stronghold-bot .list-top img {
  display: inline-block;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.625rem;
}
.stronghold-bot .li-top {
  height: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
  font-size: .45rem;
  background: #f6f6f8;
  border: 1px solid #cccccc;
  padding: 0 0.8rem;
}
.stronghold-bot .li-bot {
  margin-top: 1.125rem;
  margin-bottom: 1rem;
}

.stronghold {
  padding-bottom: 2.25rem;
  padding-top: 2.125rem;
}

.stronghold-box .list:nth-child(n+2) {
  /*padding-top: 0.875rem;*/
}
.stronghold-box .li-bot {
  position: relative;
  font-size: .4rem;
  line-height: .75rem;
  color: #666666;
}
.stronghold-box .li-bot .tit {
  font-size: .4rem;
  color: #005ca9;
  font-weight: bold;
  margin-bottom: .4rem;
}
.stronghold-box .li-bot .img {
  margin-top: 0.625rem;
}
.stronghold-box .li-bot:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #dddddd;
}
.stronghold-box .li-bot .images {
  padding-left: 1.05rem;
}
.stronghold-box .li-bot .words {
  padding-right: 1.625rem;
}
.stronghold-box .li-bot .words, .stronghold-box .li-bot .images {
  width: 50%;
}

.ability-02 .ability2-bot .items-words {
  max-width: 90%;
}

.ability2-top {
  background: url(../img/g20.png) no-repeat center;
  background-size: cover;
}
.ability2-top .imgs {
  width: 10rem;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.ability2-top .imgs img {
  display: block;
  width: 100%;
  max-width: 96%;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
}
.ability2-top .swiper-slide {
  line-height: 10rem;
}
.ability2-top .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ability2-top .swiper-slide .imgs:before {
  width: 96%;
  height: 96%;
  position: absolute;
  content: "";
  background: url(../img/g21.png) no-repeat center;
  background-size: 100%;
  left: 2%;
  bottom: 2%;
  border-radius: 50%;
  opacity: 0;
  transition: .5s ease-in-out;
}
.ability2-top .swiper-slide .items {
  height: 10rem;
  width: 100%;
}
.ability2-top .swiper-slide .items .tit {
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  color: #ffffff;
  font-size: .75rem;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: auto;
  text-align: center;
  padding: 0 1%;
}
.ability2-top .swiper-slide .items:hover .imgs:before {
  transition: .5s ease-in-out;
  opacity: 1;
}
.ability2-top .swiper-slide .items:hover .svgbox .circle {
  animation: circle 2s linear;
  opacity: 1;
}
.ability2-top .swiper-slide-active .imgs:before {
  transition: .5s ease-in-out;
  opacity: 1;
}
.ability2-top .swiper-slide-active .items .svgbox .circle {
  animation: circle 2s linear;
  opacity: 1;
}
.ability2-top .swiper-slide-active .items {
  transition: .5s ease-in-out;
}

.ability2-top {
  margin-top: .75rem;
  margin-bottom: 1.125rem;
}

.ability-02 {
  padding-top: 2.25rem;
  padding-bottom: 2.125rem;
}
.ability-02 .ability-tit .tit {
  margin-bottom: .75rem;
}
.ability-02 .ability2-bot .items-words {
  margin: 0 auto;
  width: 18.75rem;
  text-align: center;
  line-height: .75rem;
}

.swiperboxs {
  position: relative;
}
.swiperboxs .swiper-button-prev, .swiperboxs .swiper-button-next {
  width: 18px;
  height: 36px;
  transition: .5s ease-in-out;
}
.swiperboxs .swiper-button-prev:hover, .swiperboxs .swiper-button-next:hover {
  transition: .5s ease-in-out;
}
.swiperboxs .swiper-button-prev {
  left: -18px;
  background: url(../img/j2.png) no-repeat center;
  background-size: 100%;
}
.swiperboxs .swiper-button-prev:hover {
  background: url(../img/j3.png) no-repeat center;
  background-size: 100%;
}
.swiperboxs .swiper-button-next {
  right: -18px;
  background: url(../img/j4.png) no-repeat center;
  background-size: 100%;
}
.swiperboxs .swiper-button-next:hover {
  background: url(../img/j5.png) no-repeat center;
  background-size: 100%;
}

.welab-list .words-box {
  display: none;
  width: 15.125rem;
  z-index: 10;
  height: 5.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#666;
}
.welab-list .words-box .frwords {
  background: #ffffff;
  border-radius: 4.25rem;
  width: 100%;
  height: 4.25rem;
  padding-left: 6.125rem;
  position: relative;
  z-index: 1;
  top: .5625rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  font-size: .4rem;
  border: 1px solid #d6d6d6;
  text-align: left;
}
.welab-list .words-box .frwords .tits {
  font-size: .5rem;
  color: #333333;
}
.welab-list .words-box .frwords .txts {
  line-height: 0.65rem;
  margin-top: .5rem;
}
.welab-list .li {
  position: absolute;
  cursor: pointer;
}
.welab-list .li .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/jpg/close.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.welab-list .li.active, .welab-list .li:hover {
  z-index: 5;
}
.welab-list .li.active .i, .welab-list .li:hover .i {
  background: url(../img/ij0.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.welab-list .li .i {
  width: 1rem;
  height: 1rem;
  background: url(../img/ij.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  transition: .5s ease-in-out;
}
.welab-list .li .svgbox {
  width: 5.375rem;
  height: 5.375rem;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  left: 0;
  z-index: 2;
}
.welab-list .li .svgbox img {
  max-width: 96%;
  margin-left: 2%;
  margin-top: 2%;
  border-radius: 50%;
}
.welab-list .li .spans {
  font-size: .4rem;
  position: absolute;
  top: 1.5rem;
  width: 7rem;
  text-align: center;
  margin-left: -3.5rem;
  font-weight: bold;
}
.welab-list .li1 {
  left: 11.5rem;
  bottom: 11rem;
}
.welab-list .li2 {
  left: 18.25rem;
  bottom: 13.125rem;
}
.welab-list .li3 {
  left: 17.875rem;
  bottom: 8.375rem;
}
.welab-list .li4 {
  left: 30.125rem;
  bottom: 13.875rem;
}
.welab-list .li5 {
  left: 30.125rem;
  bottom: 8.25rem;
}

.welab-list .li .imgs {
  position: relative;
}
.welab-list .li .imgs:before {
  width: 1rem;
  height: 1rem;
  content: "";
  position: absolute;
  left: .5rem;
  top: .4rem;
  background: url(../img/ij0.png) no-repeat center;
  background-size: 100%;
  z-index: 10;
}

.welab-list .li .close {
  display: none;
}
.mapimgbox area{
  cursor: auto;
}

.mapimgbox {
  position: relative;
}
.mapimgbox img {
  width: 100%;
}
.mapimgbox .imgs-a, .mapimgbox .imgs-a2 {
  display: block;
}
.mapimgbox .imgs-f, .mapimgbox .imgs-f2 {
  display: block;
  opacity: 0;
}
.mapimgbox .mapimg, .mapimgbox .mapimg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.stronghold-top {
  position: relative;
  background: #f6f6f8;
}
.stronghold-top:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
}
.stronghold-top img {
  display: block;
  opacity: 0;
}

.abmap {
  /*height: (710rem/40);*/
  /*height: 100%!important;*/
  position: absolute;
  /*width: 100%!important;*/
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.abmap .jsmap-svg-container {
  margin: 0 auto;
  display: block;
}

img {
  max-width: 100%;
}

.mk {
  background: url(../img/abin-hover.png) no-repeat center center;
  background-size: cover;
}

img.w100 {
  width: 100%;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

/**/
.dfj {
  /*  display: flex;
    align-items:center;
    justify-content:center;*/
}

.ovh {
  overflow: hidden;
}

.bdb {
  box-sizing: border-box;
}

.tov {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

h1 {
  line-height: 1.6;
}

h2 {
  line-height: 1.6;
}

h3 {
  line-height: 1.6;
}

.m-img {
  display: none;
}

/*------------------*/
.about-wrap .ab_index {
  padding: 2.3rem 0 1.1rem;
}

.about-wrap .ab_index .title {
  text-align: center;
  box-sizing: border-box;
  padding: 0 3.5rem;
  margin-bottom: 1.5rem;
}

.about-wrap .ab_index .title .p {
  font-size: .35rem;
  line-height: .6rem;
}

.about-wrap .ab_index .title .h3 {
  font-size: 0.6rem;
  color: #005ca9;
  margin-bottom: 0.5rem;
}

.about-wrap .ab_index li {
  width: 23.2%;
  margin: 0 2.4% 2.4% 0;
}

.about-wrap .ab_index li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* .about-wrap .ab_index li a:after{
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/abin-hover.png) no-repeat center center;
  background-size: cover; 
  z-index: 0;
  opacity: 0;
  transition:.5s ease-in-out;
 }*/
.about-wrap .ab_index li img {
  /*position: absolute;*/
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0s;
}

.about-wrap .ab_index li:nth-child(4n) {
  margin-right: 0;
}

.about-wrap .ab_index li .hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 117, 189, 0.85);
  color: #fff;
  box-sizing: border-box;
  padding: 0.3rem 0.75rem 0;
  left: 0;
  top: 70%;
  transition: all 0.3s ease 0s;
  z-index: 1;

}
.about-wrap .ab_index li .hover:after{
  position: absolute;
  width: 100%;
  height: 100%;
  content:"";
  background: url(../img/abin-hover.png)   no-repeat center center;
  background-size: cover;
  left: 0;
  top: 0;
  opacity: 0;
  transition:.5s ease-in-out;
}
.about-wrap .ab_index li div,.about-wrap .ab_index li p{
  position: relative;
  z-index: 2;
}

.about-wrap .ab_index li .hover .point {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  right: 0.75rem;
  top: 0.45rem;
  transition: all 0.3s ease 0s;
}

.about-wrap .ab_index li .hover .p {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 45px;
}

.about-wrap .ab_index li .hover .p:before {
  content: '';
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease 0s;
  opacity: 0;
}

.about-wrap .ab_index li .t {
  font-size: 0.45rem;
  transition: all 0.3s ease 0s;
}

.about-wrap .ab_index li .p {
  color: rgba(255, 255, 255, 0.7);
  font-family: arial !important;
  opacity: 0;
}

.about-wrap .ab_index li:hover img {
  transform: scale(1.1);
}

/*公司介绍*/
.context14 {
  font-size: .35rem;
  line-height: .6rem;
}

.ainfo-info {
  padding: 2.25rem 0 2rem;
}

.ainfo-info .title-t .h2 {
  line-height: 1;
  margin-bottom: .25rem;
}

.ainfo-info .title-t {
  margin-bottom: 0.6rem;
  color: #333;
  line-height: 1.2;
}

.ainfo-info .title-t .t {
  font-size: 0.4rem;
  color: #999;
}

.ainfo-info .info_con {
  height: 9.9rem;
}

.ainfo-info .info_con .le {
  width: 48.2%;
  height: 100%;
  border-bottom: 2px solid #ccc;
}

.ainfo-info .info_con .le .h3 {
  color: #005ca9;
  margin-bottom: 0.5rem;
}

.ainfo-info .info_con .img {
  width: 46.4%;
  height: 100%;
}

.ainfo-info .info_con .img .cir {
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}

.ainfo-info .item_list {
  margin-top: 0.35rem;
}

.ainfo-info .item_list .item {
  border-bottom: 1px solid #e5e5e5;
  padding-top: .6rem;
  height: 4.125rem;
}

.ainfo-info .item_list .top {
  font-size: 0;
}
.ainfo-info .item_list .top .item {
  display: inline-block;
  vertical-align: bottom;
}

.ainfo-info .item_list .top .item {
  width: 28.2%;
  margin-left: 7.7%;
}
.ainfo-info .item_list .top .item:nth-child(3n+1) {
  margin-left: 0;
}

.ainfo-info .item_list .item {
  position: relative;
  padding-left: 2.75rem;
}
.ainfo-info .item_list .item .ico {
  position: absolute;
  left: .35rem;
  top: .6rem;
}

.ainfo-info .item_list .item .ico {
  width: 1.9rem;
  height: 1.9rem;
  margin-right: 0.35rem;
  text-align: center;
  line-height: 1.9rem;
}

.ainfo-info .item_list .item .ico img {
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
}

.ainfo-info .item_list .item .con-t {
  padding-top: 0.2rem;
  font-size: .35rem;
  line-height: .6rem;
}

.ainfo-info .item_list .bot .item .con-t {
  width: 80%;
}

.ainfo-info .item_list .item .top .con-t {
  width: 69%;
}

.ainfo-info .item_list .item .t {
  font-size: 0.45rem;
  color: #333;
  margin-bottom: 0.25rem;
}

.ainfo-advan {
  background: #fcfcfc url(../web/img/info-back.jpg) no-repeat center center;
  background-size: cover;
  background: #fcfcfc;
  padding-top: 2rem;
}

.ainfo-advan .title {
  text-align: center;
  color: #333;
  margin-bottom: 0.75rem;
}

.ainfo-advan .item {
  background: #fff;
  position: relative;
  min-height: 3.75rem;
  margin-bottom: 0.35rem;
  box-shadow: 2px 2px 4px 4px #e7e7e9;
}

.ainfo-advan .title {
  margin-bottom: .3rem;
}

.ainfo-advan .item:last-child {
  margin-bottom: 0;
}

.ainfo-advan .item .img .i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.2;
}

.ainfo-advan .item .img {
  width: 13.57%;
  height: 100%;
  background: #005ca9;
  color: #fff;
  font-size: 0.6rem;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.ainfo-advan .item .img img {
  margin-bottom: 0.25rem;
}

.ainfo-advan .item:nth-child(2) .img {
  background: #0074bd;
}

.ainfo-advan .item:nth-child(3) .img {
  background: #36b2e5;
}

.ainfo-advan .item .con-t {
  margin-left: 13.57%;
  width: 86.43%;
  box-sizing: border-box;
  padding: 0.9rem 1.35rem 0.7rem;
  color: #333;
  font-size: 0.4rem;
}

.ainfo-advan .item .con-t .wen {
  font-size: 0.35rem;
  color: #666;
  line-height: 2.14;
}

.ainfo-advan .item_list {
  margin-bottom: 0.1rem;
}

.ainfo-advan .links {
  width: 2.5rem;
  height: 1.5rem;
  z-index: 1;
}

.ainfo-advan .links a {
  display: block;
  width: 100%;
  height: 100%;
}

.ainfo-advan .link1 {
  left: 32%;
  top: 20%;
}

.ainfo-advan .link2 {
  left: 36.5%;
  top: 32%;
}

.ainfo-advan .link3 {
  left: 41%;
  top: 20%;
}

.ainfo-advan .link4 {
  left: 53.5%;
  top: 20%;
}

.ainfo-advan .link5 {
  left: 58%;
  top: 32%;
}

.ainfo-advan .link6 {
  left: 63%;
  top: 20%;
}

.ainfo-advan .link7 {
  left: 37%;
  top: 60%;
}

.ainfo-advan .link8 {
  left: 32%;
  top: 72%;
}

.ainfo-advan .link9 {
  left: 41%;
  top: 72%;
}

.ainfo-advan .link10 {
  left: 58%;
  top: 60%;
}

.ainfo-advan .link11 {
  left: 53%;
  top: 72%;
}

.ainfo-advan .link12 {
  left: 63%;
  top: 72%;
}

.ainfo-advan .link13 {
  width: 5rem;
  height: 3rem;
  left: 24.5%;
  top: 42%;
}

.ainfo-advan .link14 {
  width: 5rem;
  height: 3rem;
  left: 45%;
  top: 42%;
}

.ainfo-advan .link15 {
  width: 5rem;
  height: 3rem;
  left: 65%;
  top: 42%;
}

.ainfo-touzi {
  padding: 2.25rem 0 2.5rem;
  position: relative;
  z-index: 4;
}

.ainfo-touzi .title {
  text-align: center;
  color: #333;
  margin-bottom: 1.4rem;
}

.ainfo-touzi .w1400 {
  text-align: center;
}

.ainfo-touzi .show-con {
  width: 12.375rem;
  height: 6.575rem;
  background: url("../../web/img/info-img4.png") no-repeat center center;
  background-size: 100%;
  box-sizing: border-box;
  padding: 0.7rem 2rem 0.75rem 0.75rem;
  text-align: left;
}

.infobox {
  overflow-y: auto;
  max-height: 100%;
}

.ainfo-touzi .ys1 .show-con {
  left: -6%;
  top: 48%;
}

.ainfo-touzi .ys2 .show-con {
  left: 26%;
  top: 18%;
}

.ainfo-touzi .ys3 .show-con {
  left: 26%;
  top: 66%;
}

.ainfo-touzi .ys4 .show-con {
  left: 5%;
  top: 88%;
}

.ainfo-touzi .ys5 .show-con {
  left: 40%;
  top: 36%;
}

.ainfo-touzi .ys6 .show-con {
  left: 40%;
  top: 90%;
}

.ainfo-touzi .show-con .t {
  font-size: 0.4rem;
  color: #005ca9;
  margin-bottom: 0.4rem;
}

.ainfo-touzi .show-con .b {
  color: #333;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
}

.ainfo-touzi .show-con span {
  color: #35b3e3;
}

.ainfo-touzi .item-b .po {
  width: 7.5rem;
  height: 2rem;
  color: #fff;
  cursor: pointer;
}

.ainfo-touzi .item-b .po1 {
  left: 8%;
  top: 32%;
}

.ainfo-touzi .item-b .po2 {
  left: 35%;
  top: 1%;
  width: 9.5rem;
}

.ainfo-touzi .item-b .po3 {
  left: 39%;
  top: 46%;
  height: 3rem;
}

.ainfo-touzi .item-b .po4 {
  left: 22%;
  top: 84%;
}

.ainfo-touzi .item-b .po5 {
  left: 71%;
  top: 32%;
}

.ainfo-touzi .item-b .po6 {
  left: 60%;
  top: 84%;
}

.speech-w {
  padding: 2rem 0 2.75rem;
}

.speech-w .title-t {
  margin-bottom: 1.2rem;
  color: #333;
}

.speech-w .title-t .t {
  font-size: 0.4rem;
  color: #999;
}

.speech-w .info-con .le {
  width: 50%;
}
.speech-w .info-con .le .tbox{
  font-size: 0;
}
.speech-w .info-con .le .con-t .li{
  display: none;
}

.speech-w .info-con .le .t {
  color: #666;
  font-size: 0.5rem;
  margin-bottom: 0.9rem;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: .2rem .5rem;
  border:1px solid #dcdbdb;
}
.speech-w .info-con .le .t.active{
  background: #005ca9;
  border-color:#005ca9;
  color:#fff;
}
.speech-w .info-con .le .t:nth-child(n+2){
  margin-left: .8rem;
}

.speech-w .info-con .le .con-t {
  line-height: 2.14;
}

.speech-w .info-con .img {
  width: 42.14%;
}

.speech-w .swiper-box {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.6rem 0;
  margin-top: 1.75rem;
}

.speech-w .swiper-box .swiper-slide {
  width: auto;
  margin-right: 0.4rem;
}

.speech-w .swiper-box .swiper-slide:last-child {
  margin-right: 0;
}

/**/
@media screen and (max-width: 1700px) {
  .bocweb-header .nav-box .nav-top {
    padding: 0 .5rem;
  }
}
@media screen and (max-width: 1600px) {
  .nav-sousuo .span {
    margin-left: .5rem;
  }
  .speech-w .info-con .le .con-t *{
    font-size: 14px!important;
  }
  .nav-sousuo .erweima {
    margin-left: 0;
  }

  .nav-sousuo {
    margin-left: 0.5rem;
    padding-left: .7rem;
  }

  .contacts-box .contacts-map .mapbox .images {
    width: 55%;
    height: 13.5rem;
  }

  .contacts-box .contacts-map .mapbox .words {
    width: 36%;
  }

  .contacts-box .contacts-map .titbox {
    width: 36%;
  }

  .develop .develop-list {
    width: 80%;
  }
  .w1400{
    width: 80%;
  }
  .semicon .semicon-right.fixed {
      right: 10%;
  }
}

.m-header .w-header .inj.langsen{
  color:#333;
  margin-right: 15px;
  display: block;
  font-family: Arial;
}

@media screen and (max-width: 1550px) {
  .bocweb-logo {
    width: 8rem;
    display: inline-block;
    vertical-align: top;
  }

  .hleft,
  .bocweb-header .header-left {
    /*width: 52%;*/
  }

  .hright,
  .bocweb-header .header-right {
    /*width: 48%;*/
  }

  .foot-main .nav .nav-top {
    font-size: 15px;
  }

  .foot-main .nav .nav-bot {
    font-size: 13px;
    line-height: 2;
  }

  .foot-img .span {
    font-size: 12px;
    line-height: 1.8;
  }

  .foot-main .nav:nth-child(n+2) {
    margin-left: 2.2rem;
  }
}
@media screen and (max-width: 1360px) {
  .ability2-top .swiper-slide .items .tit {
    font-size: .5rem;
  }

  .bocweb-header {
    /*padding:0 1rem;*/
  }

  .header-left {
    padding-left: 1rem;
  }

  .header-right {
    padding-right: 1rem;
  }

  .hright {
    padding-right: 1rem;
  }

  .foot-main .nav:nth-child(n+2) {
    margin-left: 1.5rem;
  }

  .w1400{
    width: 90%;
  }
  .semicon .semicon-right.fixed {
      right: 5%;
  }
  .news-bot .itemsbox .items .tit {
    font-size: 14px;
    line-height: 18px;
    height: 18px;
  }

  .videolist .items .span {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
  }

  .silicon .silicon-top .words .wen {
    padding-top: .8rem;
    width: 20rem;
  }

  .concept .listone .words .p br {
    display: none;
    width: 80%;
    margin: 0 auto;
  }

  .abmap {
    width: 800px !important;
    height: 450px !important;
  }

  .abmap svg, .abmap .jsmap-svg-container {
    width: 100% !important;
    height: 100% !important;
  }
}
@media screen and (max-width: 1270px) {
  .hleft,
  .bocweb-header .header-left {
    width: 40%;
  }

  .hright,
  .bocweb-header .header-right {
    width: 60%;
  }

  .crystal-left {
    width: 10rem;
  }

  .crystal-right {
    width: calc(100% - 10rem);
    padding-left: 1.625rem;
  }

  .team-list .items .words {
    padding: .6rem .8rem;
  }

  .crystal-left .items .p {
    font-size: 12px;
  }

  .crystal-left .items .words {
    padding: 0.6rem .9rem 0.6rem .7rem;
  }
}
@media screen and (max-width: 1190px) {
  .welcome-products .box-left {
    width: 48%;
    padding-right: 2.5rem;
  }

  .welab-list .li1 {
    left: 9.2rem;
    bottom: 8.8rem;
  }
  .welab-list .li2 {
    left: 14.6rem;
    bottom: 10.5rem;
  }
  .welab-list .li3 {
    left: 14.3rem;
    bottom: 6.7rem;
  }
  .welab-list .li4 {
    left: 24.1rem;
    bottom: 11.1rem;
  }
  .welab-list .li5 {
    left: 24.1rem;
    bottom: 6.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .ability2-top .swiper-slide {
    width: 18% !important;
  }

  .ability2-top .swiper-slide-prev, .ability2-top .swiper-slide-next {
    width: 20% !important;
  }

  .ability2-top .swiper-slide-active {
    width: 24% !important;
  }

  .about-wrap .ab_index li:hover .hover {
    padding: 1.5rem 0.75rem 0;
    top: 0;
    /*background: url(../img/abin-hover.png) no-repeat center center;*/
    transition:.2s ease-in-out;
    /*background-size: cover;*/
    background:transparent;
  }
   .about-wrap .ab_index li:hover .hover:after{
    transition:.5s ease-in-out;
    opacity: 1;
   }

  .about-wrap .ab_index li:hover .p {
    opacity: 1;
  }

  .about-wrap .ab_index li:hover .hover .point {
    opacity: 0;
  }

  .about-wrap .ab_index li:hover .t {
    font-size: 0.6rem;
  }

  .about-wrap .ab_index li:hover .hover .p:before {
    opacity: 1;
    transition: all 0.3s ease 0s;
  }
}
footer{
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1023px) {
  .semicon .semicon-right.fixed{
    position: static;
  }
  .semicon .semicon-right{
    max-width: 100%;
  }
    .welcome-banner .videoboxs:before{
      opacity: 1;
    }
  .welab-list .li4 .words-box,.welab-list .li5 .words-box{
    left: -15.125rem;
  }
  .welab-list .li2 .words-box,.welab-list .li3 .words-box{
    left: -8rem;
  }
  .welcome-products .box-right,
  .welcome-products .box-left{
    width: 100%;
  }
  .footer-top .fx .i{
    float: none;
    padding: 0;
    margin:0 5px;
  }
  .welab-list .words-box {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translate(0, 0);
  }

  .welab-list .li .close {
    display: block;
  }

  .welab-list .li1 {
    left: 9.2rem;
    bottom: 8.8rem;
  }
  .welab-list .li2 {
    left: 14.6rem;
    bottom: 10.5rem;
  }
  .welab-list .li3 {
    left: 14.3rem;
    bottom: 6.7rem;
  }
  .welab-list .li4 {
    left: 24.1rem;
    bottom: 11.1rem;
  }
  .welab-list .li5 {
    left: 24.1rem;
    bottom: 6.6rem;
  }

  .ability-02 .ability2-bot .items-words {
    width: 85%;
  }

  .crystal-list .imglist .li {
    width: 32%;
    margin-left: 2%;
  }
  .crystal-list .imglist .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .crystal-list .imglist .li:nth-child(3n+1) {
    margin-left: 0;
  }

  .ability-01 .items .imgs {
    width: 100%;
  }

  .ability-01 .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .ability-01 .items img {
    width: 100%;
  }
  .ability-01 .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .ability-01 .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .ability-01 {
    padding-top: 0.65rem;
    padding-bottom: 0.6rem;
  }

  .ability-01 .list {
    margin-top: .45rem;
  }

  .ability-01 .items .svgbox {
    height: auto;
  }

  .ability2-top .imgs {
    width: 100%;
  }

  .develop .develop-list {
    width: 100%;
  }

  .contacts-box .contacts-map .mapbox .images {
    width: 100%;
    margin-top: 1rem;
  }

  .contacts-box .contacts-map .mapbox .words {
    width: 100%;
    position: static;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .contacts-box .contacts-map .titbox {
    width: 100%;
    position: static;
    line-height: 1;
  }

  .resources-top .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .resources-top .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .resources-top .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .about-wrap .ab_index li .hover {
    top: 80%;
  }

  .about-wrap .ab_index li {
    width: 49%;
    margin: 0 2% 2% 0;
  }

  .about-wrap .ab_index li:nth-child(4n) {
    margin-right: 2%;
  }

  .about-wrap .ab_index li:nth-child(2n) {
    margin-right: 0;
  }

  .welnews-bot .items .words {
    padding: 0.6rem;
    padding-right: 1rem;
  }

  .welnews-bot .items .line {
    margin-top: .3rem;
    margin-bottom: .35rem;
  }

  .semicon .semicon-left,
  .semicon .semicon-right {
    width: 100%;
  }

  .semicon .semicon-right {
    margin-top: .6rem;
  }

  .semicon .semicon-right img {
    width: 100%;
  }

  .svgbox .svg {
    stroke-width: 8;
    r: calc(50% - 4px);
  }

  .silicon-list .items .imgs:before, .silicon-list .items .imgs:after {
    display: none;
  }

  .silicon-list .items .img,
  .silicon-list .items .imgs {
    max-width: 100%;
  }

  .silicon .silicon-top .words .wen {
    width: 90%;
    position: static;
  }

  .news-top .list .images {
    width: 250px;
    height: auto;
  }

  .silicon .silicon-top .words {
    position: static;
    padding-bottom: 20px;
    background: #b6b6b6;
  }

  .news-top .list .words {
    width: calc(100% - 250px);
  }

  .amore {
    height: 35px;
    line-height: 35px;
  }

  .mbox {
    display: block;
  }

  .pcbox {
    display: none;
  }

  .con-banner .words {
    /*padding-top: 50px;*/
  }

  .con-banner .conban-bg,
  .con-banner .conban-bg.animate {
    width: 60%;
    max-width: none;
  }

  .foot-main .subnav {
    display: none;
  }

  .foot-img {
    width: 100%;
    border: none;
    min-height: auto;
  }

  .footer-top {
    padding: 1.5rem 0;
  }

  .foot-main {
    border-top: none;
  }

  .footer-bot {
    text-align: center;
  }

  .footer-top,
  footer.f8 {
    background: #272c31;
  }

  .footer-top .selectbox .select-top {
    background-color: #32373c;
  }

  .footer-top .selectbox .select-top span:after {
    background: url(../img/anniu1.png) no-repeat center;
    background-size: 80%;
  }

  .foot-inputbox .inputs {
    width: 100%;
    text-align: center;
  }

  .footer-top .selectbox {
    vertical-align: middle;
  }

  .foot-img .img {
    width: 100px;
    height: 100px;
  }

  .foot-main {
    margin-top: 0;
    padding-top: 28px;
  }

  .fx {
    text-align: center;
  }

  .footer-top .fx .i {
    background-color: #fff !important;
  }

  .fx {
    margin-top: 30px;
    font-size: 0;
  }
  .fx .i {
    margin: 0 5px;
  }

  .team-list .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .team-list .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .team-list .items:nth-child(2n+1) {
    margin-left: 0;
  }
}
.pc900 {
  display: block;
}

.m900 {
  display: none;
}

@media screen and (max-width: 900px) {
  .welab-list .li1 {
    left: 18%;
    bottom: 25%;
  }

  .welab-list .li2 {
    left: 45%;
    bottom: 37%;
  }

  .welab-list .li3 {
    left: 45%;
    bottom: 22%;
  }

  .welab-list .li5 {
    left: 75%;
    bottom: 22%;
  }

  .welab-list .li4 {
    left: 75%;
    bottom: 37%;
  }

  .kf4 .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .kf4 .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .kf4 .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .speech-w .info-con .le {
    width: 100%;
  }

  .speech-w .info-con .img {
    width: 100%;
    margin-top: 1rem;
  }

  .concept .listtwo .items .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .concept .listtwo .items .li:nth-child(3n+1) {
    margin-left: 2%;
  }
  .concept .listtwo .items .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .concept .listone .items {
    width: 50%;
    margin-bottom: 3%;
  }

  .ft18 {
    font-size: 15px;
  }

  .welcome-products .box {
    width: 100%;
    max-width: 100%;
  }

  .welcome-products .box-right .items {
    width: 100%;
    margin-left: 0;
  }

  .welcome-products .box-left .amore {
    margin: 0 auto;
    margin-top: 1.2rem;
  }

  .welcome-products .box-left .tit {
    margin-bottom: 1rem;
  }

  .ft16 {
    font-size: 14px;
  }

  .ft14 {
    font-size: 13px;
  }

  .numlist .numli {
    max-width: 33%;
  }

  .numlist .numli {
    padding: 0 1.5rem;
  }

  .numlist .numli .cn {
    line-height: 1.5;
  }

  .pc900 {
    display: none;
  }

  .m900 {
    display: block;
  }

  .welcome-news .welnews-top .welmore {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: .75rem;
  }

  .welcome-products .box-right {
    margin-top: 1.5rem;
  }

  .welcome-products .box-right,
  .welcome-products .box-left {
    width: 100%;
  }
  .welcome-products .box-right img,
  .welcome-products .box-left img {
    width: 100%;
  }

  .welcome-news .welnews-top .images, .welcome-news .welnews-top .words {
    width: 100%;
  }

  .welcome-news .welnews-top .words {
    position: static;
    padding: 1.5rem;
  }

  .welnews-bot .items {
    width: 100%;
    margin-left: 0;
  }
  .welnews-bot .items:nth-child(n+2) {
    margin-top: 20px;
  }

  .welcome-products .box-left {
    padding: 1rem 2rem 1rem 1rem;
    text-align: center;
  }

  .ainfo-info .item_list .top .item {
    width: 100%;
    margin-left: 0;
  }

  .ainfo-info .item_list .item {
    height: auto;
    padding-bottom: .5rem;
    min-height: 3rem;
  }

  .ainfo-info .info_con .img,
  .ainfo-info .info_con .le {
    width: 100%;
  }

  .ainfo-info .info_con {
    height: auto;
  }

  .ainfo-info .info_con .le {
    height: auto;
    padding: 1rem 0 1rem 0;
    border-bottom: none;
  }

  .ainfo-info .info_con .img {
    height: 9.9rem;
    margin-bottom: .75rem;
  }

  .crystal-left {
    width: 100%;
  }

  .crystal-right {
    width: 100%;
    padding-left: 0;
  }
}
.welcome-about .words .txt {
  max-width: 100%;
}

.ainfo-touzi .show-con .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url(../img/jpg/close.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  display: none;
}

.contacts-form .form .input.yanzheng .img img {
  display: block;
}

@media screen and (min-width: 768px) {
  .swiper-box img {
    height: 5.5rem;
  }

  .contacts-form .form .span, .contacts-form .form .input {
    font-size: .4rem;
    line-height: 1.25rem;
  }

  .contacts-form .form .items .span {
    width: 3.5rem;
  }

  .contacts-form .form .items .input {
    width: calc(100% - (140rem/40));
  }

  .contacts-form .form input {
    height: 1.25rem;
  }

  .contacts-form .form .input.yanzheng .img {
    height: 1.25rem;
  }
  .contacts-form .form .input.yanzheng .img img {
    height: 100%;
    display: block;
  }

  .contacts-form .form .input.yanzheng .submit {
    font-size: .4rem;
    width: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .m-header .w-header .inj.langsen{
    margin-right: .15rem;
  }
  .speech-w .info-con .le .t:nth-child(n+2){
    margin-left: .3rem;
  }
  .speech-w .info-con .le .con-t *{
    font-size: .24rem!important;
  }

  .ainfo-touzi .item-b .po4{
    left: 15%;
  }
  .welab-list .li .close {
    display: block;
  }
  .welab-list .li4 .words-box,.welab-list .li5 .words-box{
    left: -4rem;
  }
  .welab-list .li3 .words-box{
    left: -2rem;
  }
  .welab-list .li2 .words-box{
    left: 0;
  }
  .numlist .numli:after {
    height: 1rem;
  }

  .welab-list .li .imgs:before {
    width: 0.4rem;
    height: 0.4rem;
    left: 0.2rem;
    top: 0.16rem;
  }

  .welab-list .li {
    font-size: 0;
  }
  .welab-list .li .i {
    display: none;
  }
  .welab-list .li .spans {
    padding-left: .5rem;
  }
  .welab-list .li .spans:after {
    width: .4rem;
    height: .4rem;
    background: url(../img/ij.png) no-repeat center;
    background-size: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .welab-list .li1 {
    left: .65rem;
    bottom: 3.5rem;
  }

  .welab-list .li2 {
    left: .65rem;
    bottom: 1.45rem;
  }

  .welab-list .li3 {
    left: 2.3rem;
    bottom: 2.5rem;
  }

  .welab-list .li5 {
    left: 4.15rem;
    bottom: 1.25rem;
  }

  .welab-list .li4 {
    left: 4.7rem;
    bottom: 3.3rem;
  }

  .welab-list .li .spans {
    top: 0;
  }

  .welab-list .li .svgbox {
    width: 2.15rem;
    height: 2.15rem;
  }

  .welab-list .words-box {
    width: 6.05rem;
    height: 2.15rem;
  }
  .welab-list .words-box .frwords {
    border-radius: 2rem;
    height: 2rem;
    padding-left: 2.25rem;
    top: 0.225rem;
    padding-right: .4rem;
    padding-top: 0.15rem;
    font-size: .2rem;
  }
  .welab-list .words-box .frwords .tits {
    font-size: .2rem;
  }
  .welab-list .words-box .frwords .txts {
    line-height: 1.5;
    margin-top: .2rem;
  }

  .welab-list .li .i {
    width: .4rem;
    height: .4rem;
  }

  .welab-list .li .spans {
    font-size: .2rem;
    width: 2.5rem;
    text-align: left;
    margin-left: 0;
  }

  .forming-items {
    padding-top: 0.24rem;
    padding-bottom: 0.48rem;
  }
  .forming-items .num {
    font-size: .2rem;
    padding-left: .12rem;
  }
  .forming-items .num:after {
    width: .1rem;
    height: .1rem;
  }
  .forming-items .txt {
    margin-bottom: 0.15rem;
  }
  .forming-items .img:after {
    width: 0.4rem;
    height: 0.4rem;
    right: 0.32rem;
    bottom: 0.04rem;
  }
  .forming-items .ibox .words {
    width: calc(100% - (220*.4rem/40));
    padding-left: 0.28rem;
    padding-right: 0.24rem;
  }
  .forming-items .svgbox {
    width: 2.2rem;
    height: 2.2rem;
  }

  .forming-items .svgbox {
    width: 2.2rem;
    height: 2.2rem;
  }

  .forming-items .ibox .words {
    width: calc(100% - 2.2rem);
  }

  .crystal-left .items .p {
    font-size: .2rem;
    line-height: 1.5;
    margin-top: .1rem;
  }

  .crystal-left .items .png {
    right: .05rem;
    bottom: .05rem;
    width: .45rem;
    height: .45rem;
  }

  .crystal-left .items .i {
    height: 2rem;
  }

  .crystalleft-swiper {
    margin-bottom: .45rem;
  }

  .crystal-list .imglist .li,
  .crystal-list .imglist .li .p .num {
    font-size: .2rem;
  }

  .crystal-list .imglist .li {
    margin-bottom: .4rem;
  }

  .crystal {
    padding-bottom: 0.725rem;
  }

  .svgbox.cur {
    width: 1.35rem;
    height: 1.35rem;
    box-shadow: 0 0 0.1rem 0.04rem rgba(0, 0, 0, 0.15);
  }

  .crystal-list .imglist .li .img {
    width: 100%;
    height: auto;
  }

  .crystal-list .items:after {
    width: 1.95rem;
  }

  .crystal-left .items .words {
    padding: 0.24rem 0.36rem 0.24rem 0.28rem;
  }

  .crystal-list .imglist {
    margin-top: .7rem;
  }

  .crystal-list .items .wen {
    font-size: .2rem;
    line-height: .4rem;
    margin-top: .3rem;
  }

  .crystal-list .items {
    padding-bottom: .7rem;
  }

  .crystal-list .items2 {
    padding-top: 0.46rem;
  }

  .crystal-list .items1 {
    padding-top: 0.58rem;
  }

  .crystal-left .items .text {
    padding-right: .85rem;
  }

  .swiperboxs .swiper-button-prev, .swiperboxs .swiper-button-next {
    width: .25rem;
    height: .5rem;
  }
  .swiperboxs .swiper-button-prev {
    left: -.28rem;
  }
  .swiperboxs .swiper-button-next {
    right: -.28rem;
  }

  .semicon .semicon-left .items .i {
    height: 2.5rem;
    opacity: 1;
    position: relative;
  }
  .semicon .semicon-left .items .i:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: bottom;
    background: url(../img/i23.png) no-repeat left top;
    background-size: cover;
    transition: .5s ease-in-out;
  }

  .semicon .semicon-left .items .words .imgs {
    width: 30%;
  }

  .semicon .semicon-left .items .words {
    padding: .25rem 0;
    position: relative;
  }
  .semicon .semicon-left .items.active .text .tit, .semicon .semicon-left .items.active .text .p,
  .semicon .semicon-left .items:hover .text .tit, .semicon .semicon-left .items:hover .text .p {
    color: #666;
  }

  .semicon .semicon-left .items:nth-child(n+2) {
    margin-top: .2rem;
  }

  .semicon .semicon-right {
    margin-top: .3rem;
  }

  .semicon .semicon-left .items .tit {
    font-size: .24rem;
    padding-left: .3rem;
    margin-bottom: 0.1rem;
  }

  .semicon .semicon-left .items .words .text {
    font-size: .2rem;
    width: 70%;
    padding-left: .2rem;
    padding-right: 0.275rem;
    max-height: 100%;
  }

  .semicon .semicon-left .items .tit:after {
    width: 0.16rem;
    height: 0.16rem;
    top: 0.1rem;
  }

  .semicon .semicon-left .items .p {
    font-size: .2rem;
    line-height: 1.6;
  }

  .semicon .semicon-left .items .ying {
    display: none;
  }

  .semicon {
    padding-bottom: 1.3rem;
  }

  .svgimgbox .imgs .img {
    width: 2.15rem;
    height: 2.15rem;
    line-height: 2.15rem;
    top: 0;
    transform: none;
  }

  .ability-01 .items .imgs:before {
    width: 0.4rem;
    height: 0.4rem;
    right: 0.7rem;
    bottom: 0.04rem;
  }

  .video-active .svgbox:after {
    background-size: .6rem .6rem;
  }

  .ability2-top .swiper-slide {
    line-height: 1.2;
  }

  .ability2-top .swiper-slide .items .tit {
    font-size: .3rem;
    line-height: .45rem;
    height: .45rem;
  }

  .ability-02 .ability-tit .tit {
    margin-bottom: .3rem;
  }

  .ability2-top .swiper-slide .items {
    height: auto;
  }

  .ability-02 .ability2-bot .items-words {
    line-height: 1.6;
  }

  .ability2-top {
    margin-top: .3rem;
    margin-bottom: .45rem;
  }

  .ability-02 {
    padding-top: .9rem;
    padding-bottom: .85rem;
  }

  .ability-01 .items .tit {
    margin-top: .3rem;
  }

  .ability-01 .items .p {
    font-size: .2rem;
    line-height: .35rem;
    margin-top: .15rem;
  }

  .develop .develop-list .items:before {
    width: 0.64rem;
    height: 0.64rem;
    top: -0.32rem;
  }

  .develop .develop-list {
    padding-top: 0.42rem;
  }

  .develop .develop-list .items .fr .tit {
    left: .4rem;
  }

  .develop .develop-list .items .tit {
    font-size: .22rem;
    padding-right: .3rem;
    top: -.12rem;
  }

  .develop .develop-list .items .tit:after {
    width: .2rem;
    height: .2rem;
  }

  .develop .develop-list .items .line {
    width: .8rem;
    height: 1px;
  }

  .develop .develop-list .items .fl {
    padding-right: .4rem;
  }

  .develop .develop-list .items .fr {
    padding-left: .4rem;
  }

  .develop .develop-list .items .words {
    padding-top: .45rem;
  }

  .develop .develop-list .items .p {
    line-height: 1.6;
  }

  .develop .develop-list .items {
    padding-bottom: .6rem;
  }

  .develop-itembox {
    padding-bottom: 1.45rem;
    padding-top: .4rem;
  }

  .develop {
    padding-top: 0.88rem;
    padding-bottom: 1.38rem;
  }

  .develop-tit {
    margin-top: .45rem;
  }

  .jzmore {
    width: 1.8rem;
    height: .6rem;
    border-radius: .6rem;
    line-height: .6rem;
    font-size: .2rem;
  }

  .commit-list .list2 .span {
    padding-left: .2rem;
    line-height: 0.54rem;
    height: 0.54rem;
  }

  .commit-list {
    margin-top: 0.5rem;
  }

  .commit-list .list2 .items {
    font-size: .2rem;
  }

  .commit-list .list2 .span:after {
    width: .1rem;
    height: .1rem;
  }

  .commit-list .list2 .items {
    margin-bottom: 2%;
  }

  .commit-list .spans {
    margin-top: .2rem;
    margin-bottom: .3rem;
  }

  .commit-list .list .items-bot {
    line-height: 0.62rem;
    height: 0.62rem;
  }

  .commit-list .list .items {
    font-size: .2rem;
  }

  .commit-list .list {
    padding-bottom: 0.58rem;
  }

  .commit-list .list {
    padding-bottom: .45rem;
  }

  .stronghold-title .spanstit {
    height: .6rem;
    line-height: .6rem;
  }

  .stronghold-title .i {
    width: 1.8rem;
    border-radius: .6rem;
    font-size: .2rem;
  }

  .stronghold-title .i:nth-child(2) {
    margin-left: .15rem;
  }

  .stronghold {
    padding-bottom: 0.9rem;
    padding-top: 0.85rem;
  }

  .stronghold-title {
    margin-bottom: .5rem;
  }

  .stronghold-bot .list-top img {
    width: .25rem;
    height: .25rem;
  }

  .stronghold-bot {
    padding-top: .4rem;
  }

  .stronghold-box .li-bot {
    font-size: .22rem;
    line-height: 1.6;
  }

  .stronghold-box .list:nth-child(n+2) {
    /*padding-top: 0.35rem;*/
  }

  .stronghold-box .li-bot .tit {
    font-size: .2rem;
    margin-bottom: .16rem;
  }

  .stronghold-bot .li-bot {
    margin-top: .25rem;
    margin-bottom: .2rem;
  }

  .stronghold-box .li-bot .img {
    margin-top: 0.25rem;
  }

  .stronghold-bot .li-top {
    height: .5rem;
    line-height: .5rem;
    font-size: .24rem;
    padding: 0 0.2rem;
  }

  .stronghold-box .li-bot:before {
    display: none;
  }

  .stronghold-box .li-bot .words, .stronghold-box .li-bot .images {
    width: 100%;
    padding: 0;
    margin: .2rem 0;
  }

  .swiper-box img {
    height: 2.5rem;
  }

  .speech-w {
    padding: .8rem 0 1rem;
  }

  .speech-w .title-t {
    margin-bottom: .4rem;
  }

  .speech-w .info-con .le .t {
    margin-bottom: .36rem;
    font-size: .26rem;
    padding: .1rem .2rem;
  }

  .speech-w .info-con .le .con-t {
    line-height: 1.8;
  }

  .speech-w .swiper-box {
    padding: 0.24rem 0;
    margin-top: 0.7rem;
  }

  .speech-w .swiper-box .swiper-slide {
    margin-right: .15rem;
  }

  .contacts-form .form .items .span span {
    font-size: .2rem;
    right: .05rem;
  }

  .contacts-form .form .input.yanzheng .text[type=text] {
    width: 1.3rem;
  }

  .contacts-form .w50 {
    width: 100%;
  }

  .contacts-form .form .input.yanzheng .img {
    margin-left: .1rem;
    margin-right: .1rem;
  }

  .contacts-form .form .items .input .i:nth-child(1) {
    margin-right: .3rem;
  }

  .contacts-form .form {
    padding: .15rem .1rem;
  }

  .contacts-form .form .items.cur .span {
    padding-left: 0;
  }

  .contacts-form .form .input.yanzheng .img img {
    height: 100%;
  }

  .contacts-box .contacts-map .list .t0 {
    font-size: .24rem;
    line-height: 1.5;
    margin-bottom: .1rem;
  }

  .contacts-box .contacts-map .mapbox .images {
    margin-top: .4rem;
    height: 5rem;
  }

  .contacts-form .form .items {
    margin-bottom: .15rem;
  }

  .contacts-box {
    padding-top: .8rem;
    padding-bottom: .85rem;
  }

  .contacts-box .contacts-map .list .items {
    padding: 0.25rem  .3rem;
    min-height: 0;
  }

  .contacts-box .contacts-map .list .i {
    padding-left: .35rem;
    font-size: .2rem;
    line-height: .4rem;
    margin: .05rem 0;
  }

  .contacts-box .contacts-map .list .i .img {
    width: .2rem;
    height: .2rem;
    top: .12rem;
  }

  .contacts-box .contacts-map .titbox .li {
    font-size: .2rem;
    line-height: .6rem;
    height: .6rem;
    width: 2rem;
    border-radius: .6rem;
  }

  .contacts-box .contacts-map .titbox .li:nth-child(n+2) {
    margin-left: .15rem;
  }

  .contacts-box .contacts-map .mapbox .words {
    padding-bottom: 0;
    padding-top: .6rem;
  }

  .contacts-form .form-tit {
    height: 1.4rem;
    line-height: 1.4rem;
  }

  .contacts-form .form .span, .contacts-form .form .input {
    font-size: .2rem;
    line-height: .64rem;
  }

  .contacts-box .contacts-map {
    padding-bottom: .6rem;
  }

  .contacts-form .form-tit .span {
    width: .35rem;
    height: .35rem;
    margin-left: .25rem;
  }

  .contacts-form .form .items .span {
    width: 1.2rem;
  }

  .contacts-form .form .items .input {
    width: calc(100% - (1.2rem));
  }

  .contacts-form .form input {
    height: .64rem;
  }

  .contacts-form .form .input.yanzheng .img {
    height: .64rem;
  }

  .contacts-form .form .input.yanzheng .submit {
    font-size: .22rem;
    width: 1.6rem;
  }

  .selects-list select {
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
    padding-left: .2rem;
  }

  .resources-table .tbody .ybox .close {
    font-size: .2rem;
    line-height: .5rem;
  }

  .resources-table .tbody .ybox .link {
    width: 2rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .2rem;
    border-radius: .5rem;
  }

  .resources-table .tbody .td,
  .resources-table .tbody .td1,
  .resources-table .tbody .th:hover .td1, .resources-table .tbody .th.active .td1 {
    font-size: .2rem;
  }

  .resources-table .tbody .ybox .list {
    padding-bottom: .5rem;
  }

  .resources-table .tbody .ybox .li2,
  .resources-table .tbody .ybox .li1 {
    padding: 0;
  }

  .resources-table .tbody .ybox .li2 {
    margin-top: .35rem;
  }

  .resources-table .tbody .ybox .li {
    width: 100%;
    font-size: .2rem;
    line-height: 1.5;
  }

  .resources-table .tbody {
    padding-bottom: .65rem;
  }

  .resources-table .tbody .ybox {
    padding: .3rem .25rem;
  }

  .resources-table .thead .td {
    font-size: .22rem;
    padding: 0 0.1rem;
    line-height: .72rem;
  }

  .resources-table .td {
    padding: 0 0.1rem;
    line-height: .72rem;
  }

  .resources-table {
    padding-top: .3rem;
  }

  .selects-list select:nth-child(n+2) {
    margin-left: .1rem;
  }

  .resources-top .items {
    font-size: .24rem;
    height: 3rem;
    padding: .2rem;
    padding-top: .25rem;
  }

  .resources-top .items .img {
    width: .6rem;
    height: .6rem;
  }

  .resources-top .items .tit {
    margin-top: .3rem;
  }

  .resources-top .items .p {
    font-size: .2rem;
    line-height: 1.3;
    margin-top: .3rem;
  }

  .resources-top .text {
    font-size: .22rem;
    line-height: 1.5;
    margin-top: .5rem;
    padding-bottom: .3rem;
  }

  .resources-box {
    padding: .8rem 0;
  }

  .concept .listtwo .items .li .box,
  .concept .listtwo .items .li:hover .box {
    padding-bottom: .45rem;
  }

  .concept .listtwo .items .li .dian {
    opacity: 1;
  }

  .concept {
    padding-top: 0.85rem;
  }
  .concept .listtwo {
    padding-top: .28rem;
    padding-bottom: .8rem;
  }
  .concept .listtwo .items .li {
    width: 100%;
    margin-left: 0%;
    height: 2rem;
    line-height: 2rem;
  }
  .concept .listtwo .items .li .dian {
    width: .22rem;
    height: .22rem;
    margin-top: .24rem;
  }
  .concept .listtwo .items .li .smil {
    margin-top: .2rem;
  }
  .concept .listtwo .items .li:after {
    height: .05px;
  }
  .concept .listthree {
    padding-top: 0.44rem;
    padding-bottom: .8rem;
  }
  .concept .listthree .items .li {
    font-size: .2rem;
    width: 100%;
    margin-left: 0%;
    line-height: 0.78rem;
    height: 0.78rem;
    margin-bottom: .2rem;
  }
  .concept .listone {
    padding-bottom: 0.85rem;
    padding-top: .28rem;
    margin-top: .5rem;
  }
  .concept .listone .items {
    width: 100%;
  }
  .concept .listone .words {
    padding-top: 0.32rem;
  }
  .concept .listone .words .p {
    font-size: .2rem;
    line-height: .35rem;
    margin-top: .14rem;
  }
  .concept .listone .words .en {
    font-size: .2rem;
    margin-top: .1rem;
  }
  .concept .listone .imgs {
    width: 1.9rem;
    height: 1.9rem;
  }
  .concept .listone .imgs:after {
    width: .4rem;
    height: .4rem;
    right: .008rem;
    top: .2rem;
  }
  .concept .listone .imgs .i {
    width: 0.65rem;
    height: 0.65rem;
    top: 0.45rem;
  }

  .concept-list .tit {
    margin-bottom: .35rem;
  }

  .commit {
    padding-top: 0.85rem;
    padding-bottom: 1rem;
  }

  .commit-list .list2 {
    padding-top: .4rem;
  }

  .commit-list .list .items-top .i {
    width: 0.55rem;
    height: 0.55rem;
  }

  .ainfo-touzi .item-b .po {
    width: 2rem;
    height: 0.6rem;
  }

  .ainfo-touzi .item-b .po1 {
    left: 1%;
  }

  .infobox::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  .team-list .items .words .t0 {
    font-size: .26rem;
    margin-bottom: .1rem;
  }

  .team-list .items .words {
    font-size: .2rem;
    line-height: 1.5;
  }

  .team-list .items .words {
    padding: .2rem .25rem;
  }

  .team-list .items {
    width: 100%;
    margin-left: 0 !important;
  }

  .team {
    padding-top: .84rem;
  }

  .about-titles .en {
    margin-top: .1rem;
  }

  .about-titles .tit {
    margin-top: .45rem;
    color: #005ca9;
    margin-bottom: .3rem;
  }

  .team .about-titles {
    padding-bottom: .6rem;
  }

  .team-list {
    padding-bottom: .85rem;
  }

  .ainfo-touzi .show-con .close {
    display: block;
  }

  .ainfo-advan .links {
    display: none;
  }

  .ainfo-advan .item .con-t .wen {
    font-size: .2rem;
    line-height: 2;
  }

  .ainfo-advan .item .con-t {
    margin-left: 20%;
    width: 80%;
    padding: 0.36rem 0.54rem 0.28rem;
  }

  .ainfo-advan .item .img {
    width: 20%;
    font-size: .24rem;
  }

  .ainfo-advan .item .img img {
    margin-bottom: .1rem;
    width: .55rem;
    height: .55rem;
  }

  .ainfo-touzi .show-con .b {
    margin-top: .15rem;
    margin-bottom: .1rem;
  }

  .ainfo-touzi {
    padding: 0.9rem 0 1rem;
  }

  .ainfo-touzi .title {
    margin-bottom: .5rem;
  }

  .ainfo-touzi .show-con {
    width: 4.95rem;
    height: 3rem;
    padding: 0.28rem 0.8rem 0.3rem 0.3rem;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: auto;
    background: #fff;
    border: 1px solid #e5e5e5;
  }

  .ainfo-touzi .show-con .t {
    font-size: .24rem;
    margin-bottom: .1rem;
    line-height: 1.5;
  }

  .context14 {
    font-size: .2rem;
    line-height: .35rem;
  }

  .ainfo-info .info_con .img {
    margin-bottom: .3rem;
    height: 3.96rem;
  }

  .ainfo-info .info_con .img .cir {
    width: .64rem;
    height: .64rem;
  }

  .ainfo-info .item_list .item {
    padding-left: 1.1rem;
  }

  .ainfo-info .item_list .item .ico img {
    width: .4rem;
  }

  .ainfo-info .item_list .item .ico {
    width: 0.76rem;
    height: 0.76rem;
    line-height: 0.76rem;
  }

  .ainfo-info .item_list .item {
    padding-top: .2rem;
    min-height: 1.5rem;
  }

  .ainfo-info .item_list .item .t {
    margin-bottom: .1rem;
    font-size: .28rem;
    line-height: .4rem;
  }

  .ainfo-info .item_list .top .item {
    padding-top: .24rem;
  }

  .ainfo-info .item_list .item .con-t {
    padding-top: .08rem;
  }

  .ainfo-info .item_list .item .ico {
    position: absolute;
    left: 0.14rem;
    top: 0.24rem;
  }

  .ainfo-info .item_list .item .con-t {
    font-size: .2rem;
    line-height: .4rem;
  }

  .ainfo-info .item_list .bot .item .con-t {
    width: 100%;
  }

  .ainfo-info {
    padding: 0.9rem 0 0.8rem;
  }

  .ainfo-info .title-t .h2 {
    margin-bottom: .1rem;
  }

  .ainfo-info .title-t .t {
    font-size: .2rem;
  }

  .ainfo-info .title-t {
    margin-bottom: .24rem;
  }

  .ainfo-info .info_con .le {
    padding: .4rem 0 .4rem 0;
  }

  .ainfo-info .info_con .le .h3 {
    margin-bottom: .2rem;
  }

  .ainfo-advan {
    padding-top: .8rem;
  }

  .ainfo-advan .item .con-t {
    font-size: .26rem;
    line-height: 1.8;
  }

  .about-wrap .ab_index {
    padding: 0.46rem 0 0.44rem;
  }

  .about-wrap .ab_index .title {
    padding: 0;
    margin-bottom: 0;
  }

  .about-wrap .ab_index .title .h3 {
    font-size: .3rem;
    margin-bottom: .2rem;
  }

  .about-wrap .ab_index .title .p {
    font-size: .24rem;
    line-height: 1.5;
  }

  .about-wrap .ab_index .title {
    padding-bottom: .6rem;
  }

  .about-wrap .ab_index li .t {
    font-size: .24rem;
  }

  .about-wrap .ab_index li .p {
    opacity: 1;
  }

  .about-wrap .ab_index li img {
    transform: scale(1.1);
  }

  .about-wrap .ab_index li .hover {
    padding: .3rem 0.1rem 0;
  }

  .about-wrap .ab_index li .p {
    opacity: 1;
  }

  .about-wrap .ab_index li .hover .point {
    opacity: 0;
  }

  .about-wrap .ab_index li .t {
    font-size: 0.24rem;
  }

  .about-wrap .ab_index li .hover .p:before {
    opacity: 1;
    transition: all 0.3s ease 0s;
  }

  .about-wrap .ab_index li .hover {
    top: 0;
  }

  .about-wrap .ab_index li .hover .p:before {
    width: .15rem;
    height: .15rem;
  }

  .about-wrap .ab_index li .hover .p {
    padding-right: .25rem;
    font-size: .2rem;
  }

  .about-wrap .ab_index li .hover {
    background: url(../img/abin-hover.png) no-repeat center center;
    background-size: cover;
  }

  .footer-top .selectbox .select-bot {
    top: .7rem;
  }

  .welcome-banner .items .words {
    padding-bottom: 1.5rem;
    background: url(../img/i40.png) no-repeat center bottom;
    background-size: cover;
    min-height: 4.4rem;
    padding-top: 1.25rem;
  }

  .ft18 {
    font-size: .2rem;
  }

  .ft16 {
    font-size: .2rem;
  }

  .ft14 {
    font-size: .2rem;
  }

  .ft60 {
    font-size: .6rem;
  }

  .ft48 {
    font-size: .36rem;
  }

  .welcome-banner .items .words .tit {
    font-size: .48rem;
    margin-bottom: .4rem;
  }

  .ft28 {
    font-size: .28rem;
  }

  .welcome-banner .items .words .txt {
    margin-bottom: .2rem;
    line-height: 1.1;
  }

  .ft18 {
    font-size: .2rem;
  }

  .welcome-banner .buts {
    padding-bottom: .27rem;
    bottom: 0;
  }

  .welcome-banner .buts .btn-span {
    display: none;
  }

  .welcome-banner .swiper-pagination .swiper-pagination-bullet {
    width: .15rem;
    height: .15rem;
    margin: 0 .12rem;
  }

  .welcome-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .15rem;
  }

  .welcome-products {
    padding-top: .58rem;
  }

  .welcome-products .list {
    margin-top: .4rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .welcome-tit .en {
    margin-top: .2rem;
  }

  .welcome-products .box-left {
    padding: .4rem .8rem .5rem .4rem;
    text-align: center;
  }

  .welcome-products .box-left .tit {
    font-size: .3rem;
    margin-bottom: .16rem;
  }

  .welcome-products .box {
    width: 100%;
    max-width: 100%;
  }

  .context16 {
    font-size: .2rem;
    line-height: .4rem;
  }

  .welcome-products .box-left .amore {
    margin: 0 auto;
    margin-top: .26rem;
  }

  .welcome-products .box-right {
    margin-top: 0;
  }

  .welcome-products .box-right .items {
    width: 100%;
    margin-left: 0;
  }

  .welcome-products .box-right .items .words {
    padding: .35rem .2rem;
  }

  .welcome-products .box-right .items .words .cn {
    font-size: .24rem;
  }

  .welcome-products .box-right .items .words .en {
    font-size: .2rem;
    margin-top: .15rem;
  }

  .welcome-products .box-right .items .words .i {
    width: .6rem;
    height: .6rem;
    right: .35rem;
    bottom: .2rem;
  }

  .welcome-about .words {
    padding-top: .68rem;
  }

  .welcome-about .pcimg {
    height: 10.15rem;
  }

  .welcome-tit .cn {
    font-size: .36rem;
  }

  .welcome-about .words .tit {
    margin-top: .4rem;
    font-size: .24rem;
    color: #090c18;
    margin-bottom: .15rem;
  }

  .welcome-about .words .txt {
    width: 100%;
  }

  .numlist .numli {
    padding: 0;
    width: 33.33%;
    padding: 0 .1rem;
  }

  .welcome-about .numlist {
    margin-top: .3rem;
  }

  .numlist .num {
    font-size: .72rem;
  }

  .numlist .numli .cn {
    font-size: .2rem;
    margin-top: .2rem;
  }

  .welcome-news {
    padding-top: .55rem;
    padding-bottom: .7rem;
  }

  .welcome-news .welnews-top .images:after {
    width: .64rem;
    height: .64rem;
    right: 0;
    bottom: -.32rem;
  }

  .welcome-news .welnews-top .tit {
    margin-top: 0;
    font-size: .28rem;
    color: #333333;
    margin-bottom: .2rem;
  }

  .welcome-news .welnews-top .welmore {
    margin-top: .28rem;
  }

  .welnews-bot .items .words {
    padding: .4rem .35rem;
  }

  .welnews-bot .items .line {
    display: none;
  }

  .welcome-news .welnews-top .words {
    padding: 0;
    padding-top: .3rem;
    padding-bottom: .58rem;
  }

  .welcome-news .welnews-top .time {
    margin-bottom: .4rem;
  }

  .welnews-bot {
    margin-top: 0;
  }

  .welnews-bot .items .tit:after {
    bottom: auto;
  }

  .welnews-bot .items .tit,
  .time {
    font-size: .2rem;
    display: inline-block;
    padding: 0;
    padding-bottom: .16rem;
    line-height: 1;
  }
  .welnews-bot .items .tit:before,
  .time:before {
    position: absolute;
    content: "";
    width: 100%;
    height: .02rem;
    background: #005ca9;
    left: 0;
    bottom: 0;
  }
  .welnews-bot .items .tit:after,
  .time:after {
    width: .12rem;
    height: .12rem;
    top: .02rem;
    right: -.24rem;
  }

  .welnews-bot .items .words {
    line-height: 1;
  }

  .welcome-news .welnews-top .line {
    display: none;
  }

  .welnews-bot .items .p {
    font-size: .28rem;
    line-height: .48rem;
    height: .96rem;
    margin-top: .15rem;
  }

  .welnews-bot .items:nth-child(n+2) {
    margin-top: .2rem;
  }

  .problem-list .items-top {
    font-size: .28rem;
    line-height: .7rem;
    height: .7rem;
    padding-left: .6rem;
    padding-right: .4rem;
  }

  .problem-list {
    padding-bottom: .65rem;
  }

  .problem-list .items-bot {
    padding: .24rem .6rem .3rem .3rem;
  }

  .problem-list .items-bot .text {
    padding-left: .43rem;
  }

  .problem-list .items-top:after {
    right: .26rem;
  }

  .problem-list .items:nth-child(n+2) {
    margin-top: .15rem;
  }

  .problem-list .items-bot .text {
    font-size: .24rem;
    line-height: .45rem;
  }

  .problem-box {
    padding-bottom: 1.5rem;
  }

  .problem-list .items-top:before {
    width: .16rem;
    height: .16rem;
    left: .3rem;
  }

  .silicon-list .items .images {
    margin-top: .25rem;
  }

  .ft36 {
    font-size: .36rem;
  }

  .silicon-list .items .imgs {
    width: 100%;
    height: auto;
  }

  .silicon .silicon-top .words {
    padding-bottom: .2rem;
  }

  .silicon-list .items .words .txt {
    margin-top: .2rem;
  }

  .silicon-list .items .words .tit, .silicon-list .items .words .txt {
    padding-left: .3rem;
  }

  .silicon .silicon-top .words .txt {
    margin-top: .2rem;
  }

  .silicon-list .items .words .tit:after {
    width: .15rem;
    height: .15rem;
    top: .15rem;
  }

  .product-tit {
    padding-top: .6rem;
    padding-bottom: .5rem;
  }

  .product-tit .txt,
  .ft14,
  .ft16 {
    font-size: .2rem;
  }

  .product-tit .txt, .ft14, .ft16 {
    margin-top: .16rem;
  }

  .silicon .silicon-top .words .wen {
    padding-top: .5rem;
  }

  .silicon-list .items .img {
    width: 4rem;
    height: 4rem;
  }

  .svgbox.on .svg, .svgbox.cur .svg,
  .svgbox .svg {
    stroke-width: .1rem;
    r: calc(50% - .05rem);
  }

  .silicon-list .items .words {
    position: static;
    transform: translateY(0);
  }

  .silicon-list .items .images.fr, .silicon-list .items .images.fl {
    padding: 0;
  }

  .silicon-list .items .images, .silicon-list .items .words {
    width: 100%;
  }

  .videolist .items .imgs:before {
    width: .5rem;
    height: .5rem;
  }

  .videolist .items {
    margin-bottom: .35rem;
  }

  .videolist {
    padding-bottom: .4rem;
  }

  .videolist .items .span {
    font-size: .2rem;
    line-height: .35rem;
    height: .7rem;
    -webkit-line-clamp: 2;
    padding-left: .2rem;
    margin-top: .15rem;
  }

  .videolist .items .span:after {
    width: .06rem;
    height: .06rem;
    left: .04rem;
    bottom: auto;
    top: .14rem;
  }

  .videolist .items {
    width: 49%;
    margin-left: 2%;
  }
  .videolist .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .videolist .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .pagination a {
    width: .5rem;
    height: .5rem;
    font-size: .2rem;
    line-height: .5rem;
  }

  .news-box {
    padding-top: 0.63rem;
    padding-bottom: 1.25rem;
  }

  .news-top .list .words .tit {
    line-height: .4rem;
    height: .4rem;
  }

  .news-top .list .words .txt {
    font-size: .2rem;
    line-height: .36rem;
    height: .72rem;
    margin-top: 0.208rem;
    margin-bottom: 0.35rem;
  }

  .news-top .list .alink {
    right: .4rem;
    bottom: .25rem;
  }

  .alink {
    font-size: .2rem;
    padding-left: .3rem;
  }

  .newsselect .f-l {
    width: 100%;
    margin-bottom: .2rem;
  }

  .newsselect .f-r .input input[type=submit] {
    width: .25rem;
    height: .25rem;
    right: .24rem;
  }

  .newsselect .items.items1 {
    margin-right: 2%;
    background-position: calc(100% - .3rem);
  }

  .newsselect .f-r .input input[type=text] {
    padding-left: .28rem;
    padding-right: .6rem;
  }

  .alink:after {
    width: .24rem;
    height: .16rem;
  }

  .newsselect .f-r {
    width: 100%;
  }

  .news-bot .itemsbox .items {
    padding: 0.2rem 0.46rem 0.24rem 0.36rem;
  }

  .news-bot .itemsbox .items .tit {
    font-size: .24rem;
    line-height: .4rem;
    height: .4rem;
  }

  .news-bot .list {
    margin-top: .28rem;
  }

  .news-bot {
    padding-top: .28rem;
    margin-top: .3rem;
  }

  .news-bot .itemsbox {
    padding-bottom: 0.58rem;
  }

  .newsselect .items {
    width: 49%;
    height: .7rem;
    line-height: .7rem;
    font-size: .2rem;
    padding-left: 0.28rem;
    padding-right: .48rem;
    background-position: calc(100% - .3rem);
  }

  .newsselect .f-r .input {
    width: 100%;
    height: .7rem;
  }

  .news-top .list {
    padding: .12rem;
    border-width: 1px;
  }

  .news-top .list .images {
    width: 100%;
    height: auto;
  }

  .news-top .list .words {
    padding: .2rem .25rem;
    padding-bottom: .4rem;
  }

  .ft24 {
    font-size: .28rem;
  }

  .news-top .list .words {
    width: 100%;
  }

  .ft48 {
    font-size: .5rem;
  }

  .ft18 {
    font-size: .2rem;
  }

  .con-banner .words .text .wen .en {
    margin-top: .2rem;
  }

  .w1400 {
    width: 6.9rem;
    /*max-width: 92%;*/
  }

  .footer-top {
    padding: .6rem 0;
  }

  .footer-top .selectbox .select-top {
    width: 100%;
  }

  .foot-inputbox .inputs {
    width: 100%;
  }

  .footer-top .selectbox {
    margin: 0 auto;
    display: block;
    width: 80%;
  }

  .fx {
    width: 100%;
    margin-top: .25rem;
    text-align: center;
  }

  .footer-top .fx .i {
    width: .4rem;
    height: .4rem;
    margin:0 .06rem;
  }

  .foot-main {
    margin-top: 0.26rem;
    padding-top: .38px;
  }

  .foot-img {
    padding-left: 0;
  }

  .foot-img .img {
    width: 1.1rem;
    height: 1.1rem;
  }

  .foot-img .span {
    font-size: .2rem;
    line-height: 1.5;
  }

  .footer-bot {
    font-size: .2rem;
    line-height: 1.5;
    padding-top: 0.3rem;
    padding-bottom: .2rem;
  }

  .footer-bot .span, .footer-bot .a {
    display: inline;
  }

  .footer-top .selectbox .select-top {
    height: .7rem;
    line-height: .7rem;
    padding-left: 0.2rem;
    font-size: .2rem;
    padding-right: .5rem;
  }

  .footer-top .selectbox .select-top span {
    width: .3rem;
    height: .2rem;
    text-indent: -999px;
    overflow: hidden;
    background: transparent;
    padding: 0;
  }
  .footer-top .selectbox .select-top span:after {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
  }

  .foot-img {
    margin-top: .2rem;
  }

  .con-column .item {
    font-size: .24rem;
  }

  .con-column {
    line-height: .8rem;
    height: .8rem;
  }
}

/*# sourceMappingURL=style.css.map */

/*2020.6.19*/
.download .lists{
  font-size: 0;
  padding-bottom: 3.1rem;
}
.download .lists .items{
  font-size: .4rem;
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-bottom: .3rem;
  margin-left: 2%;
}
.download .lists .items:nth-child(3n+1){
  margin-left:0;
}
.download .lists .imgs img{
  width: 100%;
  transition:.5s ease-in-out;
}
.download .lists .imgs{
  overflow: hidden;
  position: relative;
}
.download .items:hover img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}
.download .lists .span{
  position: absolute;
  left: 0;
  width: 100%;
  color:#fff;
  font-size: .75rem;
  line-height: .9rem;
  height: .9rem;
  overflow: hidden;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0 5px;
  text-align: center;


}
.download .lists .i{
  font-size: .4rem;
  color:#333333;
  display: block;
  line-height: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  padding-left: .75rem;
  transition:.5s ease-in-out;
  position: relative;
}
.download .lists .i:nth-child(n+2){
  margin-top: .1rem;
}

.download .lists .i span{
  width: .45rem;
  height: .45rem;
  display: inline;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background:url(../img/imgs/downs.png) no-repeat center;
  background-size: 100%;
  transition:.5s ease-in-out;
}
.download .lists .i:hover {
  transition:.5s ease-in-out;
  color:#005ca9;
  border-bottom-color:#005ca9;
}
.download .lists .i:hover span{
  background:url(../img/imgs/downs2.png) no-repeat center;
  background-size: 100%;
  transition:.5s ease-in-out;
}
.download .lists .words{
  padding: .3rem 0 .9rem 0; 
  border:1px solid #e3e3e3;
}
.download .lists .words .ibox{
  padding:0 1.5rem 0 1rem; 
  height: 9.5rem;
  overflow-y:auto;
}

@media screen and (max-width: 850px){
  .download .lists .items{
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px){
  .download .lists .words{
  padding: .25rem 0;
  }

.download .lists .words .ibox{
    height: auto;
    max-height: 4rem;
    padding: 0 .25rem; 
}



  .download .lists .items{
    margin-bottom: .1rem;
  }
  .download .lists .span{
    font-size: .28rem;
    line-height: .45rem;
    height: .45rem;
  }
  .download .lists .i{
    font-size: .24rem;
    line-height: .6rem;
    height: .6rem;
    padding-left: .3rem;
  }
  .download .lists .i:nth-child(n+2){
    margin-top: .05rem;
  }

  .download .lists .i span{
    width: .2rem;
    height: .2rem;
  }

}