.bannerPc{
  position: relative;
  overflow: hidden;
}
.swiper-banner{
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;
  pointer-events: none;
}
.bannerPc li{
  position: relative;
}
.banner-txt{
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  color: #ffffff;
  z-index: 2;
}
.banner-txt .title{
  font-weight: bold;
  font-size: 92px;
  text-shadow: 0px 4px 24px rgba(20,27,35,0.75);
  margin-bottom: 32px;
}
.banner-txt .desc{
  font-size: 28px;
  text-shadow: 0px 4px 24px rgba(20,27,35,0.75);
}


.bannerPc img{
  display: block;
}
.bannerPc .banner-html5zoo .html5zoo-bullet-wrapper-0{
  width: auto !important;
}
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-arrow-left-0,
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-arrow-right-0{
  display: block !important;
  z-index: 10;
}
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-arrow-left-0{
  left: 26px !important;
  background: url(../images/prev.png) no-repeat center !important;
}
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-arrow-right-0{
  right: 26px !important;
  background: url(../images/next.png) no-repeat center !important;
}
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-nav{
  bottom: 48px;
  top: auto;
  margin-top: 0;
  text-align: center;
}
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-nav .html5zoo-bullet-span{
  display: inline-block;
  float: none !important;
  width: 12px !important;
  height: 12px !important;
  background: #8B8F92 !important;
  border-radius: 50%;
  margin: 0 8px !important;
}
.bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-nav .html5zoo-bullet-span.active{
  background: #E71810 !important;
}
.index-row1{
  padding: 77px 0 122px;
  overflow: hidden;
}
.index-row1 .txt{
  float: left;
  width: 550px;
  padding: 22px 0 0;
}
.index-row1 .txt .line{
  position: relative;
  width: 292px;
  height: 1px;
  background: #000;
  margin-bottom: 14px;
}
.index-row1 .txt .line:after{
  content: '';
  position: absolute;
  top: -2px;
  width: 80px;
  height: 5px;
  background: #000000;
}
.index-row1 .txt .title{
  font-weight: bold;
  font-size: 36px;
  color: #DC2015;
  margin-bottom: 35px;
}
.index-row1 .txt .desc{
  line-height: 24px;
  text-indent: 2em;
  margin-bottom: 96px;
}
.btn-more{
  position: relative;
  display: block;
  width: 175px;
  height: 50px;
  line-height: 48px;
  border-radius: 9px;
  border: 1px solid #E81712;
  overflow: hidden;
}
.btn-more span{
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;
  text-align: center;
  -moz-transition: color 0.4s ease 0s;
  -webkit-transition: color 0.4s ease 0s;
  -o-transition: color 0.4s ease 0s;
  transition: color 0.4s ease 0s;
}
.btn-more:hover{
  -moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
  -webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
  -o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
  transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
  background-color: rgba(232,23,18,1);
  color: #ffffff;
}
.btn-more:hover span{
  background: url(../images/gradientbg.png) 50% 0% repeat-x;
}
.btn-more.center{
  margin: 0 auto;
}
.index-row1 .pic{
  float: right;
  width: 605px;
}
.index-row1 .pic img{
  display: block;
}
.index-row2{
  padding: 75px 30px 50px;
  background-image: url(../images/bg1.jpg);
  background-position: center;
  background-attachment: fixed;
  text-align: center;
}
.index-row2 .title1{
  font-weight: bold;
  font-size: 36px;
  color: #DF1805;
  margin-bottom: 20px;
}
.index-row2 .title2{
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 32px;
}
.index-row2 .title3{
  font-weight: bold;
  font-size: 28px;
  color: #DF1805;
}
.index-row3{
  padding: 58px 0 90px;
  overflow: hidden;
}
.g-tit1{
  margin-bottom: 40px;
}
.g-tit1 .tit{
  font-weight: bold;
  font-size: 28px;
  color: #042A75;
  text-align: center;
}
.g-tit1 .content{  
  font-size: 22px;  
}
 .g-tit1 .zwcontent{  
    margin-top:20px;
   line-height: 2em;
   font-size: 16px;
   text-indent: 2em;
 }
 .g-tit1 .gtit{border-bottom:1px dashed #eee;font-size:14px;line-height:1.57;color:#b4b4b4;padding:8px 0 10px;margin-bottom:15px}
.g-tit1 h1{color:#454545;font-size:24px;line-height:1.2;font-weight:400;text-align:center;margin-bottom:22px}
.g-tit1 .sp-con{line-height:32px;overflow:hidden}
 .g-tit1 .sp-con span{display:inline-block}
 .g-tit1 .gtit .con{float:left}
 .g-tit1 .gtit .con span+span{margin-left:39px}
.g-tit1 .sharebox{float:right}
.g-tit1 .sharebox span{float:left;line-height:32px}
.g-tit1 .tit:after{
  content: '';
  display: block;
  background: #e81712;
  width: 60px;
  height: 1px;
  margin: 5px auto 20px;
}
.g-tit1 .desc{
  font-size: 16px;
  line-height: 24px;
  padding: 0 46px 0 56px;
  color: #5a5a5a;
}
.g-tit1 .desc p{
  line-height: 32px;
}
.g-tit1 .desc2{
  font-size: 18px;
  color: #464646;
  text-align: center;
  margin-top: -10px;
}
.g-tit1.center .desc{
  text-align: center;
}
.ul-list1{
  margin-right: -25px;
  margin-bottom: 75px;
}
.ul-list1 li{
  float: left;
  width: 25%;
}
.ul-list1 .inner{
  margin-right: 25px;
}
.ul-list1 .pic{
  position: relative;
  padding-top: 141.43%;
  box-shadow: 0px 0px 4px 0px rgba(92,92,92,0.75);
}
.ul-list1 .pic img{
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}

.ul-list2{
  margin: 0 -14px 30px;
}
.ul-list2 li{
  float: left;
  width: 33.33%;
}
.ul-list2 .inner{
  margin: 0 14px 40px;
}
.ul-list2 .pic{
  position: relative;
  padding-top: 79.53%;
  margin-bottom: 24px;
}
.ul-list2 .pic img{
  position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform: translate(-50%,-50%);
}
.ul-list2 p{
  font-size: 16px;
  color: #393939;
  text-align: center;
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.index-row5{
  padding: 80px 0 88px;
}
.index-row6{
  padding: 75px 0 0;
  height: 708px;
  background-image: url(../images/bg2.jpg);
  background-repeat: repeat;
  background-position: center center;
  background-attachment: fixed;
}
.index-row6 .g-tit1{
  color: #ffffff;
}
.index-row6 .g-tit1 .tit,
.index-row6 .g-tit1 .desc{
  color: #ffffff;
}
.index-row6 .btn-more{
  border-color: #ffffff;
  color: #ffffff;
}
.index-row6 .btn-more:hover{
  border-color: transparent;
}
.swiper-case{
  overflow: hidden;
  margin-bottom: 78px;
}
.swiper-case .swiper-wrapper {
  transition-timing-function: linear!important;
  -o-transition-timing-function: linear!important;
  -webkit-transition-timing-function: linear!important
}
.swiper-case .pic{
  position: relative;
  padding-top: 80%;
  margin-bottom: 10px;
}
.swiper-case .pic img{
  position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform: translate(-50%,-50%);
}
.swiper-case p{
  color: #ffffff;
  text-align: center;
}
.index-row7{
  padding: 90px 0 124px;
}
.index-row7 .g-tit1 .tit{
  color: #E81712;
}
.ul-list3{
  width: 560px;
}
.ul-list3 li{
  margin-bottom: 56px;
}
.ul-list3 .tit{
  font-weight: bold;
  font-size: 22px;
  color: #0A2773;
  margin-bottom: 15px;
}
.ul-list3 .desc{
  color: #363531;
  line-height: 30px;
}
.z-box1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 70px;
}
.z-pic{
  position: relative;
}
.z-pic img{
  position: absolute;
  display: block;
}
.z-pic .img1{
  top: 68px;
  left: 0;
}
.z-pic .img2{
  right: 0;
}
.z-pic .img3{
  bottom: 0;
  left: 152px;
}
.z-pic1{
  width: 570px;
  height: 470px;
}
.z-pic2{
  width: 572px;
  height: 444px;
}
.z-pic2 .img3{
  left: 166px;
}
.z-box2{
  flex-direction: row-reverse;
  margin-top: -28px;
}
.index-row8{
  height: 322px;
  background-image: url(../images/bg3.jpg);
}
.news-list{
  overflow: hidden;
  margin: 0 -25px 46px;
  padding: 25px 0 0;
}
.news-list li{
  float: left;
  width: 50%;
}
.news-list .inner{
  margin: 0 25px 32px;
}
.news-list .date-box{
  float: left;
  background: #022a76;
  width: 90px;
  height: 120px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 24px 0 0;
  line-height: 1.2;
  margin-right: 30px;
}
.news-list .date-box .date{
  font-size: 33px;
}
.news-list .date-box .month{
  font-size: 18px;
}
.news-list .txt{
  overflow: hidden;
}
.news-list .txt .tit{
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: #303434;
  margin-bottom: 8px;
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.news-list .txt .desc{
  line-height: 2;
  color: #666666;
  overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
  height: 84px;
}
.news-list .txt .tit:hover{
  color: #e81712;
}
.index-row9{
  padding: 56px 0 80px;
  overflow: hidden;
}
/*产品中心*/
.probuct-row{
  padding: 60px 0;
  overflow: hidden;
}
.probuct-row .g-tit1 .desc{
  color: #333333;
  padding: 0;
}
.z-list5{

}
.z-list5 li{
  margin-bottom: 24px;
}
.z-list5 .tit{
  font-weight: bold;
  font-size: 16px;
  color: #022A76;
  margin-bottom: 24px;
}
.z-list5 .con{
  font-size: 16px;
  line-height: 24px;

}
.z-list5 .con2{
  max-width: 680px;
}
.z-tab1{
  overflow: hidden;
  margin-bottom: 25px;
}
.z-tab1 li{
  float: left;
  width: 24.66%;
  margin-bottom: 9px;
}
.z-tab1 li a{
  position: relative;
  display: block;
  font-size: 16px;
  margin: 0 2px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #022A76;
  color: #ffffff;
  -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.z-tab1 li.on a,
.z-tab1 li a:hover{
  background: #E81712;
}
.z-tab1 li.on a:after{
  content: '';
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 9px;
  background: url(../images/icon-sj.png) no-repeat center;
}
.z-list6{
  margin: 0 -22px;
  overflow: hidden;
}
.z-list6 li{
  float: left;
  width: 33.33%;
}
.z-list6 li a{
  position: relative;
  display: block;
  margin: 0 22px 40px;
  -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.z-list6 .pic{
  position: relative;
  padding-top: 61.19%;
}
.z-list6 .pic-1{
  position: relative;
  padding-top: 100%;
}
.z-list6 .pic img{
  position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform: translate(-50%,-50%);
}
.z-list6 p{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 46px;
  background: rgba(255, 255, 255, 0.96);
  text-align: center;
  color: #000;
  z-index: 2;
  -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.z-list6 li.on p,
.z-list6 li a:hover p{
  background: #E81712;
  color: #fff;
}
.z-list6 li a:hover:after{
  content: '';
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;
  border: 3px solid transparent;
  -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.z-list6 li a:hover:after{
  border-color: #E31913;
}
.news-tab{
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: -10px;
}
.news-tab li{
  margin: 0 10px;
}
.news-tab li a{
  display: block;
  width: 144px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #022A76;
  color: #ffffff;
}
.news-tab li.on a,
.news-tab li a:hover{
  background-color: #E81712;
}
.news-row{

}
.news-list2 li{
  float: none;
  width: auto;
}
.pages{
  display: flex;
  justify-content: center;
}
.pages li{

}
.pages li a{
  display: block;
  border: 1px solid #D5D5D5;
  padding: 0 6px;
  height: 24px;
  line-height: 22px;
  margin: 0 3px;
  -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.pages li a:hover{
  color: #D00;
  border-color: #D00;
}
.pages li.on a{
  color: #D00;
  border-color: #ffffff;
  pointer-events: none;
}
.contact-list{
  overflow: hidden;
  margin: 0 -22px 70px;
}
.contact-list li{
  float: left;
  width: 25%;
}
.contact-list .inner{
  font-weight: bold;
  margin: 0 22px;
  font-size: 16px;
  color: #ffffff;
  line-height: 2;
  background: #022A76;
  height: 270px;
  text-align: center;
  padding: 42px 0 0;
}
.contact-list .icon{
  height: 80px;
  line-height: 80px;
  margin-bottom: 26px;
}
.contact-list .icon img{
  display: inline-block;
  vertical-align: middle;
}
.contact-list .tit{
  margin-bottom: 14px;
}
.contact-list li:nth-child(odd) .inner{
  background: #E81712;
}
iframe{
  width: 100%;
  height: 500px;
}
.form-message{
  width: 800px;
  margin: 0 auto;
}
.form-message .title{
  padding: 10px 0;
  color: #5a5a5a;
  text-align: center;
}
.form-message .inp{
  display: block;
  width: 100%;
  height: 52px;
  border: 1px solid #022a76;
  padding: 0 10px;
  margin-bottom: 10px;
}
.form-message .inp:focus,
.form-message textarea:focus{
  border-color: #E81712;
}
.form-message textarea{
  display: block;
  width: 100%;
  height: 162px;
  padding: 10px;
  resize: none;
}
.btn-submit{
  display: block;
  width: 100%;
  background-color: #022a76;
  height: 50px;
  color: #ffffff;
  border: 0;
  margin-top: 15px;
}


#allmap{
  height: 500px;
  box-sizing: content-box;
}
#allmap *{
  box-sizing: content-box;
}
#map{
  height: 100%;
  box-sizing: content-box;
}
#map *{
  box-sizing: content-box;
}
#map img{
  max-width: none;
}

.inner-page .wp{display:flex}
.inner-page .inner-side{flex:0 0 220px;border-left:1px solid rgba(220,220,220,.44);border-right:1px solid rgba(220,220,220,.44);background:linear-gradient(-90deg,#fbfafa 0,rgba(255,255,255,0) 100%);padding-top:126px;position:relative}
.inner-page .inner-side .title{position:absolute;top:42px;right:0;width:217px;height:84px;background:url(../images/inner-tit-bg.jpg) no-repeat center center/cover}
.inner-page .inner-side .title h3{font-size:24px;color:#fff;font-weight:400;position:absolute;left:42px;bottom:20px}
.inner-page .inner-side .title:after{content:'';background:url(../images/inner-tit-san.png) no-repeat center center/contain;width:11px;height:7px;position:absolute;top:100%;left:0}
.inner-page .inner-side .list{padding-top:20px;padding-left:7px}
.inner-page .inner-side .list .item{border-right:3px solid transparent;position:relative}
.inner-page .inner-side .list .item a{display:flex;align-items:center;height:45px;font-size:16px;color:#333;padding-left:28px}
.inner-page .inner-side .list .item.on{border-right:3px solid #d70b1a;background:linear-gradient(-90deg,#f0dfdf 0,rgba(240,223,223,.19) 100%)}
.inner-page .inner-side .list .item.on:after{content:'';background:url(../images/i-arr-2.png) no-repeat center center/contain;width:7px;height:9px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:13px}
.inner-page .inner-content{flex:1;padding-left:40px}
.inner-page .related{flex:340px 0 0 ;}