a{
  color:inherit;
}
a:hover{
  color:inherit;
  text-decoration:none;
}
ul{
  list-style:none;
  padding-left:0px;
}
.swiper-container-banner .swiper-slide{
  overflow: hidden;

}
.topbox{
  position: relative;
}
.topbar{
  position: absolute;
  top:0px;
  left: 0px;
  z-index: 1;
  width:100%;
}
.container{
  max-width: 1200px;
}
.topbar img{
  width: 100%;
}
.searchbox{
  background: rgba(0,0,0,.2);
}
.searchbox button{
  background: none;
  border:none;
  outline: none;
  width:45px;
  height: 45px;
}
.searchbox input{
  background: none;
  border:none;
  outline:none;
  width:calc(100% - 60px );
}
.slogan{
  position: absolute;
  top:200px;
  left:0%;
  text-align: center;
  z-index: 1;
  width: 100%;
}
.swiper-pagination-banner{
  text-align: right;
  padding-right: 200px;
}
.navbg{
  background: url("navbg.png") no-repeat center;
  height: 160px;
  margin-top: -160px;
  position: relative;
  z-index: 1;
}
.navbg ul.nav{
  display: flex;
  width:800px;
  color: #fff;
  justify-content: space-between;

}
.navbg ul.nav>li{
  width:11%;
  text-align: center; 
  font-size: 1.2rem;
  line-height: 79px;
  position: relative;
  cursor: pointer;
}
.navbg ul.nav>li.navlistdown>ul{
  position: absolute;
  overflow: hidden;
  top:79px;
  left:-100px;
  width:800px;
  display: none;
}
.navbg ul.nav>li.navlistdown>ul li{
  float: left;
  font-size: 1.2rem;
  padding:5px 10px;
}
.navbg ul.nav>li.navactive{
  background: #fff;
  color: #0083df;
}
.navbg ul.nav>li.navactive>ul li{
  color: #fff;
}
.navbg ul.nav>li.navactive::before{
  content: "";
  background: url("tri.png") no-repeat;
  width:22px;
  height: 19px;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  bottom:-19px;
}
.swiper-container-banner .swiper-slide{
  text-align: center;
}
.news{
  background: #2885d5;
  color: #fff;
  padding-bottom: 20px;
}
.swiper-container-news .swiper-slide{
   position: relative;
  }
.swiper-container-news .swiper-slide p{
     position: absolute;
     bottom:0px;
     left: 0px;
     padding:0px 50px 0px 10px;
  }
.swiper-pagination-news{
  text-align: right;
  padding-right: 10px;
}
.swiper-pagination-news .swiper-pagination-bullet{
  background: #fff;
}
.swiper-pagination-news .swiper-pagination-bullet-active{
  background: #0081c8;
}
.swiper-container-news .swiper-slide img{
    width:100%;
  }
h2.main{
  position: relative;
}
h2.main::before{
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top:10px;
  left:0px;
  background: #eee;
  z-index: 0;
}
h2.main span{
  color: #0081c8;
  background: #fff;
  padding-right: 5px;
  font-size: 1.4rem;
  border-left: #0081c8 solid 5px;
  padding-left: 5px;
  line-height: 1.5;
  z-index:2;
  position: relative;

}
h2.main span.colorblue{
  background: #f5f8fd;

}
h2.main i{
  font-style:normal;
  font-weight: normal;
  color: #999;
  font-size: 0.9rem;
}
.character{
  display: flex;
  justify-content: space-between;
}

.area>div{
  text-align: center;
}
.area:nth-child(odd){
  margin-top: 66px;
}
.area1{
  background: url("area1.png");
}
.area2{
  background: url("area2.png");
}
.area3{
  background: url("area3.png");
}
.area4{
  background: url("area4.png");
}
.sshidden{
  display: none;
}
.newsmenu{

  color: #666;
  width:100%;
  font-size: 1.4rem;
  line-height: 2;
  overflow: hidden;
}
.newsmenu li{
  width:25%;
  background: #fff;
  float: left;
  text-align: center;
  cursor: pointer;
}
.newsmenu li.newsac{
  background:none;
  color: #fff;
}
.mainlist li{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  position: relative;
  line-height: 2.6;
  font-size: 1.1rem;
  overflow:hidden;
  white-space:nowrap;
}
.colorlist li::before{
  content: "";
  width:5px;
  height: 5px;
  background:#fff;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top:45%;
}
.colorlist1 li::before{
  content: "";
  width:5px;
  height: 5px;
  background:#2885d5;
  border-radius: 10px;
  position: absolute;
  left: 0px;
  top:45%;
}
.colorlist1 li span{
  color: #999;
}
.more{
  text-align: right;
}
.mt50{
  margin-top: 50px;
}
.part2bg{
  background:#f5f8fd;
  padding: 20px 0px;
  margin-top:30px;
}
.textcenter{
  text-align: center;
  margin-top: 30px;
}
.jgdj{
    text-align: center;
}
.jgdj a{
  margin-top: 10px;
  display: inline-block;
}

.kfq{
  display: flex;
}
.kfqmenu{
  width:209px;
  height: 308px;
  background: url("carrier.png");
}
.kfqmenu li{
  height:25%;
  text-align: center;
  line-height:3;
  font-size: 1.5rem;
  cursor: pointer;
  color: #fff;
}
.kfqmenu li.kfqmenuac{
  background: #fff;
  color: #2f75d4;
}
.kfqcon{
  height: 330px;
  width: calc(100% - 209px);
  background: url("carrierbg.png") no-repeat right bottom;
  padding:15px 15px 45px 15px;
}
.kfqcon a{
  display: block;
  float: left;
  font-size: 1.2rem;
  width:45%;
  height: 50px;
  text-align: center;
}
.kfqcon a:hover{
  font-size: 1.3rem;
  color: #c1100d;
}

.qxfr a{
  display: block;
  float: left;
  padding:10px 20px;
  font-size: 1.3rem;
  position: relative;
}
.qxfr a span{
  background: #d8edff;
  position: absolute;
  top:50px;
  left: 0px;
  padding:10px;
  width:200px;
  display: none;
  z-index: 2;
}
.qxfr a span::before{
  content: "";
  background: url("qxbgtri.png");
  width:22px;
  height: 15px;
  position: absolute;
  top:-15px;
  left:30px;
}
.link{
  background: #dedede;
  border-top: #2f75d4 solid 8px;
  padding:15px 0px;
}
.link .form-group{
  margin-bottom: 0px;
}
.footer{
  background: #2f75d4;
  padding:50px 0px;
  color: #fff;
  text-align: center;
}
.bgfff{
  background: #fff;
  min-height: 1000px;
  padding-bottom: 15px;
}
.sidebartop{
  background: #0060d7;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  padding:30px 0px 10px 0px;
  border-bottom: #eee solid 1px;
  margin-bottom: 0px;
}
.sidebartop img{
  margin-top: -15px;
}
.padding0{
  padding:0px;
}
.sidebarnav ul{
  text-align: center;
}
.sidebarnav ul li{
  min-height: 60px;
  cursor: pointer;
  position: relative;
}
.sidebarnav>ul>li{
  background:#2e7ece;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 1.4rem;
  border-bottom: #fff solid 1px;
}
.sidebarnav>ul>li:hover{
  font-weight: bold;
  background: #2e7ece;
}
.sidebarnav>ul>li.active{
  font-weight: bold;
  background: #2e7ece;
}
.sidebarnav>ul>li>ul{
  background:#ebf6ff;
  color: #333;
}
.sidebarnav>ul>li>ul>li{
  position: relative;
  font-size: 1.2rem;
  text-align: left;
  line-height: 1.5;
  padding-left: 120px;
  padding-top: 15px;
  padding-right: 20px;
}
.sidebarnav>ul>li.active>ul>li{
  font-weight: normal;
}
.sidebarnav>ul>li>ul>li.active{
  font-weight: bold;
  color: #2885d5;
}
.sidebarnav>ul>li>ul>li:hover{
  font-weight: bold;
  color: #2885d5;
}
.sidebarnav>ul>li>ul>li::before{
  content: "";
  width:5px;
  height:5px;
  position: absolute;
  background: #2a7bcc;
  border-radius: 10px;
  left:110px;
  top:45%;
}
.sidedown::after{
  content: "";
  width:26px;
  height:26px;
  position: absolute;
  right:10px;
  top:15px;
  background: url("arrow.png");
  transform: rotate(0deg);
  transition:all 1s ease .1s;
}
.active::after{
  transform: rotate(90deg);
  transition:all 1s ease .1s;
}
.breadcrumb{
  background-color:inherit;
}
.borderbottom{
  border-bottom: #eee solid 1px;
  margin-bottom: 20px;
}
ol.breadcrumb{
  margin-bottom: 0px;
}
.paddingtop50{
  padding-top: 20px;
}
.sideconhh{
  color: #0c478d;
}
.borderbottomli{
  border-bottom: #eee dashed 1px;
  overflow:hidden;
  white-space:nowrap;
}
.sidecondownlist{
  margin-top: 50px;
  overflow: hidden;
}
.sidecondownlist h4{
  display: flex;
  justify-content: space-between;
  position: relative;
}
.sidecondownlist h4::before{
  content: "";
  width:100%;
  height: 1px;
  background: #eee;
  position: absolute;
  top:49%;
  left: 0px;
}
.sidecondownlist h4 span,.sidecondownlist h4 a{
  background: #fff;
  z-index: 2;
  padding:0 10px;
}
.sidecondownlist h4 span{
  font-size: 1.2rem;
  font-weight: bold;
  color: #2885d5;
}
.sidecondownlist h4 a{
  font-size: 0.9rem;
}
.page nav ul.pagination{
  justify-content: center;
}
.touzifuwulink a{
  display: block;
  background: #d6e5ff;
  color: #2885d5;
  font-size: 1.2rem;
  padding:30px 0px;
  text-align: center;
}
.color2 a{
  background: #d6ecff;
}
.neirong{
  padding:15px;
}
.neirongtitle{
  text-align: center;
  padding-top: 20px;
}
.neirongtitle h5{
  font-size: 1.4rem;
}
.neirongtitle span{
  font-size: .9rem;
  color: #000;
  }
.neirongcon{
    border-bottom: #eee dashed 1px;
  }
.nextandprev span{
  color: #999;
}
.nextandprev>div{
  margin-top: 15px;
}
.sidecontitle{
  padding-top: 20px;
}
.sidecontitle h5{
  font-size: 1.4rem;
}
.sidecontitle span{
  font-size: .9rem;
  color: #999;
  }
.quxiantitle{
  text-align: center;
  position: relative;
  color: #0c478d;
  clear: both;
  margin-top: 50px;
}
.quxiantitle span{
  z-index: 1;
  position: relative;
}
.overflow{
  overflow: hidden;
  zoom:1;
}
.quxiantitle::before{
  content: "";
  width:80px;
  height: 5px;
  background: #cde6ee;
  position: absolute;
  bottom:-1px;
  left: 50%;
  margin-left: -40px;
}
.paddingb80{
  padding-bottom: 80px;
}
.quxianlink a{
  display: block;
  float: left;
  padding:10px 20px;
  background: #f1f5f8;
  margin-right: 10px;
  margin-top: 15px;
}
.phoneshow a{
  display: block;
  float: left;
  padding:10px 20px;
  position: relative;
}
.phoneshow a span{
  background: #d8edff;
  position: absolute;
  top:50px;
  left: 0px;
  padding:10px;
  width:200px;
  display: none;
  z-index: 2;
}
.phoneshow a span::before{
  content: "";
  background: url("qxbgtri.png");
  width:22px;
  height: 15px;
  position: absolute;
  top:-15px;
  left:30px;
}
.huiying{
  color:#999;
}
.huiying span{
  color: #2885d5;
  font-weight: bold;
}
.huiyingtable{
  text-align: center;
}
.tablecolor{
  color: #2885d5;
}
.huiyingtable tbody tr:nth-of-type(odd){
  background: #edf7ff;
}
.newsboxfr{
  border-bottom:#eee  dashed 1px;
}
.newsboxfr p{
  color: #999;
  font-size: .9rem;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.newsboxfl span{
  font-size: 2rem;
  font-weight: bold;
}
.newsboxfl{
  text-align: center;
}
.newsbox{
  margin-bottom: 15px;
}
.tesemunu{
  display: flex;
}
.tesemunu>div{
  height: 265px;
  width:100px;
  position: relative;
  transition: all 1s ease .1s;
  cursor: pointer;
}
.tesemunu>div span{
  height:100%;
  width:100%;
  position: absolute;
  left: 0px;
  top:0px;
  transition: all 1s ease .1s;
}
.tesemunu>div h3{
  font-weight: bold;
  color: #fff;
  position: absolute;
  left:40px;
  top:20px;
  width:0.1rem;
  font-size: 1.1rem;
  text-shadow: rgba(62,141,220,.8) 0px  0px 5px;
  transition: all 1s ease .1s;
  /* writing-mode:vertical-lr; */

}
.tesemunueven span{
  background: rgba(39,118,251,.8);
  transition: all 1s ease .1s;
}
.tesemunuodd span{
  background: rgba(76,154,254,.8);
  transition: all 1s ease .1s;
}

.tesemunu>div.tesemunuactive{
  width:572px;
  transition: all 1s ease .1s;
}
.tesemunu>div.tesemunuactive span{
  opacity: 0;
  transition: all 1s ease .1s;
}
.tesemunu>div.tesemunuactive h3{
  width:15rem;
  font-size: 1.75rem;
  writing-mode:lr-tb;
  transition: all 1s ease .1s;

}
.tesemunubg1{
  background: url("xinjiu.png") no-repeat left center;
}
.tesemunubg2{
  background: url("zhongyang.png") no-repeat left center;
}
.tesemunubg3{
  background: url("guoji.png") no-repeat left center;
}
.tesemunubg4{
  background: url("zimao.png") no-repeat left center;
}
.tesehide{
  display: none;
}
.tesecon{
  margin-top: 40px;
}
.teselink span{
  color: #2885d5;
}
.yuanqumenu{
  display: flex;
  justify-content: space-between;
}
.yuanqumenu>div{
  padding:10px 20px;
  cursor: pointer;
  font-size: 1.6rem;
  background: #2885d5;
  color: #fff;
}
.yuanqumenu>div.yuanqumenuactive{
  color: #ffffff;
  position: relative;
  font-weight: bold;
}
.yuanqumenu>div.yuanqumenuactive::before{
  content: "";
  background:url("qxbgtri.png");
  width:22px;
  height: 15px;
  position: absolute;
  bottom:0px;
  left: 50%;
  margin-left: -11px;
}
.yuanquhide{
  display: none;
}
.yuanquconup{
  background: #d8edff;
  padding:15px;
  color: #666;
  overflow: hidden;
}
.yuanquconup span{
  margin-right: 15px;
  display: block;
  float: left;
  border: #2e7ece solid 1px;
  padding:5px 10px;
  cursor: pointer;
  color: #2e7ece;
  font-size: 1.2rem;
}
.yuanquconup span.yuanquconupactive{
  background: #2e7ece;
  color: #fff;
}
.yuanqucondown>div{
  border: #eee dashed 1px;
  margin-top: 20px;
}
.yuanqucondown>div h5{
  font-size: 1.6rem;
  line-height: 1.5;
  border-left: #3e8ddc solid 5px;
  padding-left: 15px;
  margin-top: 10px;
}
.yuanqucondown>div>div{
  padding:15px;
}
/* 2022.1.15*/
/*.navbg ul.nav>li{
 color: #ff9f08;
 background-image: linear-gradient(145deg,#ffe8c5,#ff9c00);
 background-clip: text;
 -webkit-background-clip: text;
 color: transparent;
 font-size: 1.35rem;
}*/
.area{
  width:270px;
  height: 447px;
  color: #fff;
  font-size: 1.4rem;
  position: relative;
}
.area>div{
  width:100%;
  height: 100%;
  background: rgba(6,122,221,.5);
  opacity: 0;
  padding-top: 150px;
  transition: all .2s ease .1s;
}
.area:hover>div{
  opacity: 1;
  transition: all .2s ease .1s;
}
.kfqcon img{
  margin-left: 20px;
}
.zsmenu {
  background:#d4d4d4;
  display: flex;
}
.zsmenu li{
  width:50%;
  line-height:80px;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
}
.zsmenu li.zsmenuac{
  background:#9f9d9d;
}
.qxfr a:nth-child(odd){
  background: #48b1de;
}
.qxfr a:nth-child(even){
  background: #efefef;
}
.qxfr a span{
  color: #000;
}
body{
  position: relative;
}
.gg{
  position: absolute;
  top:calc(100vh - 150px);
  z-index: 999;
}
.gg2{
  right: 0px
}
.gg1{
  left: 0px;
}
.zscon .col-4 img{width:100%;}