html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img{margin:0;padding:0;border:0;}
body{background:#fff;color:#333333;font-size:1rem;font-family:  "Microsoft YaHei";}

ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
 a{
  text-decoration: none;
  color: #333333;
  outline:none;
}
a:link { text-decoration: none; outline:none;}
a:visited { text-decoration: none; outline:none;}
a:hover { text-decoration: none; outline:none;}
.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.activehead{
  background-color: #5383d6;
  box-shadow: 0px 0px 0.94rem 0px rgba(170, 170, 170, 0.15);
}
.headernav{
  max-width: 77.5rem;
  margin:0 auto;
  padding: 1.25rem 0;
  display: flex;
  justify-content: space-between;
}

.headerright {
  display: flex;
  justify-content: flex-start;
}
.headerright ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerright ul li{
  padding: 0 .94rem;
}
.headerright ul .active>a{
  border-bottom: 1.5px solid #ffffff;
  padding-bottom: .38rem;
}
.headerright ul a{
  color: #ffffff;
}
.headerright .search{
  display: flex;
  align-items: center;
  margin-top: .31rem;
  margin-left: 1.88rem;
}
.headerright .search a img{
  width: 1.1rem;
}
#warper{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.headerxl{
  max-width: 77.5rem;
  margin:0 auto;
  padding: 1.25rem 0;
  display: flex;
  justify-content: space-between;
}
nav .padding>ul{
  display: flex;
  justify-content: space-between;
}


.banner{
  width: 100%;
}
.banner .bjt img{
  width: 100%;
}
.gywm{
  padding-top: 2.5rem;
  width: 100%;
  height: 100%;
  background: url(../images/gywm.png) center center no-repeat;
  padding-bottom: 2.94rem;
}
.gywms{
  max-width: 90.5rem;
  margin:0 auto;
}
.btss{
  text-align: center;
  font-size: 1.88rem;
}
 .btss span{
  border-bottom: 2px solid #5383d6;
  padding-bottom: .63rem;
}
.btss span.dd{
  border-bottom: 2px solid #ffffff;
  padding-bottom: .63rem;
  color: #ffffff;
}
.gywmcontent{
  margin-top: 2.4rem;
  display: flex;
  justify-content: space-between;
}
.gywmcontent .right{
  width: 49%;
}
.gywmcontent .left{
  margin-right: 1.56rem;
  width: 51%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gywmcontent .left .more a{
  font-size: 0.9rem;
  transition: all .3s;
  color: #5383d6;
}
.gywmcontent .left .more a:hover{
  color: #5383d6;
}
.gywmcontent .left .on{
  color:#666666;
  line-height: 1.63rem;
  text-indent: 1.88rem;
}
.gywmcontent .right img{
  width: 100%;
}
.ksfa{
  margin-top: 2.5rem;
}
.ksfacontent{
  margin-top: 3.13rem;
}
.ksfacontent .on .imgs{
  font-size: 0;
}
.ksfacontent .on .imgs img{
  width: 100%;
}
.ksfacontent .on{
  position: relative;
}
.ksfacontent .wz{
  position: absolute;
  top: 6.88rem;
  left:18%;
}
.ksfacontent .wzer{
  position: absolute;
  top: 6.88rem;
  right:18%;
}
.ksfacontent .title{
  font-size: 2.25rem;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: .88rem;
}
.ksfacontent .description{
  color: #ffffff;
}
.ksfacontent .more{
  margin-top: 2.4rem;
}
.ksfacontent .more a{
  font-size: 1.13rem;
  background-color: #ffffff;
  padding: .63rem 1.3rem;
  border-radius: 1.56rem;
}
.ksfa .swiper-pagination{
  width: 100%;
  left: 0;
  margin-top: 1.25rem;
}
.ksfa .swiper-pagination-bullet{
  width: .75rem;
  height: .75rem;
  margin:0 .25rem;
}
.pro{
  width: 100%;
  margin-top: 2.5rem;
}
.proccontent{
  margin-top: 2.5rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.proccontent .prolist{
  width: 33.33333%;
  position: relative;
}
.proccontent .prolist .thumb{
  overflow: hidden;
}
.proccontent .prolist .thumb img{
  width: 100%;
  transition: all .5s;
}
.proccontent .prolist .thumb img:hover{
  transform: scale(1.2);
}
.proccontent .prolist .gd{
  position: absolute;
  top: 34%;
  left: 43%;
}
.proccontent .prolist .gd .title{
  font-size: 1.88rem;
  color: #ffffff;
}
.proccontent .prolist .gd a{
  background-color: #ffffff;
  font-size: 1.13rem;
  padding: .63rem 1.3rem;
  border-radius: 1.56rem;
  transition: all .3s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.proccontent .prolist .gd a:hover{
  background-color: #286fff;
  color: #ffffff;
}
.proccontent .prolist .gd .more{
  margin-top: 2.69rem;
}
.pro .swiper-pagination-bullet{
  width: .75rem;
  height: .75rem;
}
.pro .click{
  display: flex;
  justify-content:center;
  margin-top: 1.25rem;
}
.pro .click span{
  display:block;
  width: 1.25rem;
  height: 1.25rem;
  margin:0 .63rem;
  background-color: #dddddd;
  text-align: center;
  border-radius: 50%;
  padding: .25rem;
  font-size: .88rem;
  cursor: pointer;
}
.pro .click .fy{
  display: flex;
  justify-content: space-between;
}
.pro .click .icon img{
  width: .63rem;
}
.pro .click .fy .clickactive{
  color: #ffffff;
  background-color: #286fff;
}
.news{
  padding-top: 2.5rem;
  /* margin-top: 2.5rem; */
  background-color: #f7f7f7;
  padding-bottom: 4.38rem;
}
.newslist{
  max-width: 106rem;
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top:2.75rem;
}
.newslist .list{
  width: 31%;
}
.newslist .list:hover .thumb img{
  transform: scale(1.2);
}
.newslist .list:hover .more span{
  color: #286fff;
}
.newslist .list:hover .js{
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.newslist .list .thumb{
  height: 15.38rem;
  overflow: hidden;
  transition: all .5s;
}
.newslist .list .thumb img{
  width: 100%;
  height: 100%;
  transition: all .5s;
}
.newslist .list .js{
  padding: 1.5rem .75rem;
  border:2px solid #eeeeee;
  transition: all .5s;
}
.newslist .list .title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.newslist .list .description{
  font-size: .88rem;
  color: #999999;
  margin-top: .63rem;
  line-height: 1.38rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.newslist .list .more{
  border-top:1px solid  #e9e9e9;
  margin-top: 1.88rem;
  padding-top: .31rem;
}
.newslist .list .more span{
  color: #999999;
  font-size: .88rem;
  transition: all .5s;
}
.fwwd{
  padding-top: 2.25rem;
  width: 100%;
  height: 100%;
  background: url(../images/fwwd.png) center center no-repeat;
  padding-bottom: 2.94rem;
}
.fwwdcontent{
  max-width: 62.5rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 4.25rem;
}
.fwwdcontent .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fwwdcontent .right p{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.fwwdcontent .right p .colors{
  display: block;
  width: 4.88rem;
  height: 1.5rem;
  margin-right: 1.38rem;
}
.fwwdcontent .right p .title{
  font-size: 1.13rem;
  color: #ffffff;
}
.fwwdcontent .right p:nth-child(1) .colors{
  background-color: #2850ff;
}
.fwwdcontent .right p:nth-child(2) .colors{
  background-color: #286fff;
}
.fwwdcontent .right p:nth-child(3) .colors{
  background-color: #27b6ff;
}
.fwwdcontent .right p:nth-child(4) .colors{
  background-color: #2fd8f7;
}
.fwwdcontent .right p:nth-child(5) .colors{
  background-color: #34effa;
}
.fwwdcontent .right p:nth-child(6) .colors{
  background-color: #2fd8f7;
}
.footer{
  background-color: #1c1c1c;
  padding-top: 2.5rem;
  border-bottom: 1px solid #353535;
  padding-bottom: 2.19rem;
}
.footers{
  max-width: 77.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.footers .left{
  width: 50%;
}
.footers .left ul{
  display: flex;
  justify-content: space-between;
}
.footers .right{
  width: 50%;
}
.footers .right>div{
  margin-left: 45%;
}
.footers .left>ul>li>a{
  color:#ffffff;
  font-size: 1.13rem;
}
.footers .left .zl{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.1rem;
}
.footers .left .zl li{
  line-height: 2.2rem;
}
.footers .left .zl a{
  color: #ffffff;
  font-size: .88rem;
}
.footers .right .fx a{
  margin-right: 1.25rem;
}
.footers .right .erwei{
  display: flex;
  justify-content: space-between;
  margin-top: .94rem;
}
.footers .right .erwei .wz{
  display: flex;
  align-items: center;
  margin-left: 1.25rem;
  color: #ffffff;
}
.footers .right .phone{
  margin-top: 1.75rem;
}
.footers .right .phone .hm{
  font-size: 1.88rem;
  color: #ffffff;
}
.footers .right .phone .bt{
  color: #454545;
  margin-bottom: .25rem;
}
.footers .right .lianxi{
  color: #ffffff;
  margin-top: 2.38rem;
}
.footers .right .lianxi p{
  line-height: 1.5rem;
}
.dbxx{
  background-color: #1c1c1c;
}
.dbxxs{
  max-width: 77.5rem;
  margin: 0 auto;
}
.dbxxs div{
  text-align: center;
  font-size: .88rem;
  color: #666666;
}
.dbxxs div a{
  font-size: .88rem;
  color: #666666;
}
.dbxxs div .bs{
  color: #959494;
}
.dbxxs .yi{
  margin-bottom: .38rem;
}
.dbxx{
  padding: 1.25rem 0;
}
.probanner{
  position: relative;
  width: 100%;
  margin-top: 4.5rem;
}
.probanner img{
  width: 100%;
}
.bannerxx{
  position: absolute;
  top: 30%;
  left: 18%;
  color: #ffffff;
}
.bannerxx .cn{
  font-size: 3rem;
}
.bannerxx .en{
  font-size: 1.5rem;
}
.bannerxx .xian{
  height: 2px;
  width:2.94rem;
  background-color: #ffffff;
  margin: .63rem 0 1.25rem 0;
}
.nypro{
  background-color: #f8f8f8;
}
.nypros{
  max-width: 77.5rem;
  margin:0 auto;
}
.nypros .list:nth-child(odd){
  display: flex;
  justify-content: space-between;
  margin-top: .38rem;
}
.nypros .list:nth-child(even){
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: .38rem;
}
.nypros .list .left{
  width: 40.5%;
  overflow: hidden;
}
.nypros .list .left img{
  width: 100%;
  transition: all .5s;
}
.nypros .list .left img:hover{
  transform: scale(1.2);
}
.nypros .list .right{
  width: 61.5%;
  padding: 3.44rem 7.81rem;
  background-color: #efefef;
}
.nypros .list .right .title{
  font-size: 2rem;
  border-bottom: 1px solid #cccccc;
  padding-bottom: .88rem;
  margin-bottom: 2.5rem;
}
.nypros .list .right .lb .more{
  margin-top: 1.5rem;
}
.nypros .list .right .lb .more a{
  border: 1px solid #666666;
  padding: .31rem .63rem;
  border-radius: .31rem;
  font-size: .88rem;
  color: #666666;
  transition: all .3s;
}
.nypros .list .right .lb .more a:hover{
  background-color: #5383d6;
  color: #ffffff;
  border: 1px solid #5383d6;
}
/* .nypros .list .right .lb{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nypros .list .right .lb p{
  width: 50%;
  margin-bottom: 1.13rem;
}
.nypros .list .right .lb p a{
  color: #666666;
  display: flex;
  justify-content: flex-start;
}
.nypros .list .right .lb p img{
  margin-right: .63rem;
  transition: all .5s;
}
.nypros .list .right .lb p .dbx2{
  display: none;
}
.nypros .list .right .lb a:hover .dbx2{
  display: block;
}
.nypros .list .right .lb a:hover .dbx1{
  display: none;
}
.nypros .list .right .lb a:hover{
  color: #5383d6;
} */
.nypros .protitle{
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
  padding: 1rem 0;
  margin-bottom: 3.13rem;
}
.nypros .tab{
  display: flex;
  justify-content: space-around;
}
.nypros .tab .tabactive{
  color: #286fff;
  border-bottom: 1.5px solid #286fff;
  padding-bottom: .5rem;
}
.nypros .tab li{
  font-size: 1.25rem;
  color: #666666;
  position: relative;
  cursor: pointer;
}
.nypros .tab li:first-child::after{
  display: none;
}
.nypros .tab li::after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15.5rem;
  width: 1.5px;
  height: 66px;
  background: #eeeeee;
}
.nypro .procontent>div{
  display: none;
}
.nypro .procontent .on{
  display: block;
}
@media screen and (min-width:1200px){
    .nypros .listss p.thumb{height:17rem!important;overflow:hidden;}
    .nypros .listss p.thumb img{max-width:100%;height:100%;object-fit:cover;width:auto!important;}
}

@media screen and (max-width:1300px){
    .headerright .search {
    margin-left: -0.12rem;
}
@media screen and (max-width:1200px){
.indexPhone{
    display: none !important;
}

}
