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:.88rem;}
body.en_font{
  font-family: "Times New Roman", Times, serif
}
body.cn_font{
  font-family: "Microsoft YaHei", 'Lato', sans-serif;
}
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;
  z-index: 999;
  width: 100%;
  left: 0;
  top: 0;
  padding: 1.38rem 0;
  background-color: #2771e1;
}
.headers{
  max-width: 91.88rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.headerleft{
  display: flex;
  align-items: center;
}
.headerright{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerright ul{
  display: flex;
  justify-content: space-between;
}
.menu_en a{
  display: inline !important;
  padding: .5rem 1.19rem !important;
}
.headerright ul li{
  padding: 0 1.44rem;
}
.headerright ul a{
  font-size: 1.13rem;
  color: #ffffff;
  font-weight: bold;
  border-radius: .31rem;
  display: block;
  width: 7.5rem;
  text-align: center;
  padding: .5rem 0;
}
.headerright .language{
  color: #ffffff;
  position: relative;
}
#headercity{
  position: absolute;
  bottom: -8rem;
  background-color: #323232;
  z-index: 999;
  width: 100%;
  display: none;
}
#headercity a{
  color: #ffffff;
}
#headercity p{
  text-align: center;
  border-bottom: 1px solid #444444;
  padding-bottom: .31rem;
  margin-top: .31rem;
}
#headercity p:last-child{
  border: none;
}
#languageclick{
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
#languageclick .xz{
  margin-left: .31rem;
}
#languageclick .xz span{
  margin: 0 .13rem;
}
#languageclick .xz a{
  color: #e4dbdb;
  transition: all .3s;
}
#languageclick .xz a:hover{
  color: #ffffff;
}
.headerright .language .wz{
  margin:0 .25rem;
}
.active a{
  background-color: #ffffff;
  color: #017ede !important;
}
.bnnner{
  margin-top: 6.13rem;
}
.bnnner img{
  width: 100%;
}
.wes{
  max-width: 73.75rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.wes .left{
  width: 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wes .left .name{
  font-size: 1.75rem;
  font-weight: bold;
}
.wes .left .hx{
  /*width: 2.5rem;*/
  /*height: .13rem;*/
  background-color: #181818;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.wes .left .js{
  font-size: 1rem;
  color: #666666;
  line-height: 1.75rem;
}
.wes .left .js p{
  line-height: 1.75rem;
}
.wes .left .more{
  margin-top: 3.75rem;
}
.wes .left .more a{
  color: #ffffff;
  font-size: 1rem;
  background-color: #448bf7;
  /* border-radius: .31rem; */
  padding: .5rem 1.6rem;
}
.wes .right{
  padding:2rem 1rem;
  width: 32%;
  background-color: #2771e1;
}
.wes .right ul{
  margin-top: 1.25rem;
}
.wes .right li{
  text-align: center;
  margin-bottom: .88rem;
}
.wes .right li a{
  font-size: 1.13rem;
  color: #ffffff;
  display: block;
  width: 100%;
  padding: .63rem 0;
  transition: all .3s;
  font-weight: bold;
}
.wes .right li a:hover{
  background-color: #448bf7;
  box-shadow: 0 15px 15px rgba(0,0,0,0.1);
  /* box-shadow:2px 2px 5px #282828; */
}
.wes .right p{
  text-align: center;
  font-size: 1.75rem;
  color: #ffffff;
  font-weight: bold;
}
.partner{
  max-width: 73.75rem;
  margin:0 auto;
}
.partner{
  padding-top: 2.5rem;
  display: flex;
  justify-content: space-between;
}
.partner span{
  margin: 0 .13rem;
}
.partner img{
  width: 100%;
}
.colum{
  padding-top: 5rem;
  max-width: 73.75rem;
  margin:0 auto;
}
.colum .title{
  font-size: 1.75rem;
  font-weight: bold;
}
.colum .left{
  width: 33%;
}
.colum ul{
  margin-top: 1.25rem;
}
.colum .left li{
  margin-bottom: .63rem;
}
.colum .left li a{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff;
  padding-bottom: .25rem;
  transition: all .3s;
}
.colum .left li a:hover{
  border-bottom: 1px solid #0066ff !important;
}
.colum .left li a:hover .bts{
  color: #0066ff !important;
}
.colum .left li a:hover .times{
  color: #0066ff !important;
}
.colum .left .bts{
  font-size: 1rem;
  color: #666666;
  width: 70%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  transition: all .3s;
}
.colum .left .times{
  width: 30%;
  color: #999999;
  font-size: .75rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: all .3s;
}
.colum .zhong{
  width: 33%;
  text-align: center;
}
.colum .zhong li{
  margin-bottom: .63rem;
}
.colum .zhong a{
  font-size: 1rem;
  color: #666666;
  transition: all .5s;
}
.colum .zhong a:hover{
  color: #0066ff;
}
.colum .right{
  width: 33%;
}
.colum .rights{
  margin-left: 39%;
}
.colum .rights li{
  color: #666666;
  font-size: 1rem;
  margin-bottom: .63rem;
}
.foooter{
  background-color: rgba(51, 51, 51, 1);
  padding: 1.25rem 0 .63rem 0;
  margin-top: 3.75rem;
}
.foooters{
  max-width: 73.75rem;
  margin: 0 auto;
}
.foooters .on{
  display: flex;
  justify-content: space-between;
  border-bottom:1px solid #707070;
  padding-bottom: 1.25rem;
}
.foooters .on>div{
  width: 33.33%;
}
.foooters .on>div .na .title{
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 14px;
}
.foooters .on>div .nr1{
  color: #707070;
  padding-top: 20px;
}
.foooters .on>div .nr1 p{
  margin-bottom: 10px;
}
.foooters .on>div .nr1 p span:first-child{
  margin-right: 5px;
}
.foooters .on>div .nr2{
  padding-top: 20px;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 19px;
}
.foooters .on>div .nr2 a{
  width: 45%;
  border: 1px solid #707070;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  color: #979595;
  margin-bottom: 22px;
}
.foooters .on>div .nr3{
  margin-top: 20px;
}
.foooters .on>div .nr3 p{
  text-align: center;
}
.foooters .on>div .nr3 p.j{
  color: #707070;
  margin-top: 10px;
  font-size: 14px;
}


/* .foooters .on .left{
  display: flex;
  align-items:center;
}
.foooters .on .zhong{
  display: flex;
  align-items: center;
}
.foooters .on .zhong ul{
  display: flex;
  justify-content: space-between;
}
.foooters .on .zhong ul li{
  padding: 0 2.81rem;
}
.foooters .on .zhong ul a{
  font-size: 1.13rem;
  color: #ffffff;
}
.foooters .on .right img{
  width: 6.88rem;
}
.foooters .on .right p{
  color: #ffffff;
  margin-top: .13rem;
  text-align: center;
} */
.foooters .bottom{
  display: flex;
  justify-content: space-between;
  margin-top: .63rem;
  color: #979595;
}
.foooters .bottom .left img{
  width: 1.25rem;
}
.foooters .bottom a{
  color:  #979595;
}
.banner{
  margin-top: 6.13rem;
}
/* 产品页 */
.probanner{
  margin-top: 6.13rem;
  position: relative;
}
.probanner img{
  width: 100%;
}
.probanner .wzjs{
  position: absolute;
  top: 30%;
  left: 20%;
  color: #ffffff;
}
.probanner .wzjs .cn{
  font-size: 2.25rem;
  color: #ffffff;
  letter-spacing: .19rem;
}
.probanner .wzjs .en{
  font-size: 1.5rem;
}
.probanner .wzjs .xian{
  /* width: 1.88rem;
  height: .19rem; */
  background-color: #ffffff;
  margin: 1.25rem 0;
}
.prolist{
  padding-top: 1.88rem;
  max-width: 73.75rem;
  margin:0 auto;
}
.prolist .list{
  margin-bottom: 1.88rem;
}
.prolist .list:nth-child(odd){
  display: flex;
  justify-content: space-between;
}
.prolist .list:nth-child(even){
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.prolist .list .introduce{
  width: 59%;
  background-color: #f9fbff;
  display: flex;
  align-items: center;
  transition: all .3s;
}
.prolist .list .introduce:hover{
  background-color: #2771e1;
  color: #ffffff;
}
.prolist .list .introduce>div{
  padding: 2.81rem;
}
.prolist .list .title{
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
}
.prolist .list .description{
  font-size: 1rem;
  color: #666666;
  line-height: 1.75rem;
  -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .3s;
}
.prolist .list .more{
  margin-top: 3.75rem;
}
.prolist .list .more a{
  background-color: #2771e1;
  color: #ffffff;
  border-radius: .94rem;
  padding: .31rem 1.88rem;
  transition: all .5s;
}
.prolist .list .thumb{
  width: 41.18%;
  overflow: hidden;
  transition: all .5s;
}
.prolist .list .thumb img{
  width: 100%;
  transition: all .5s;
}
.prolist .list .thumb img:hover{
  transform: scale(1.2);
}
.lb{
  padding-top: 3.13rem;
  max-width: 73.75rem;
  margin:0 auto;
  min-height: 18.75rem;
}
.lb .names{
  text-align: center;
  font-size: 1.88rem;
  margin-bottom: 1.25rem;
}
.lb .nr{
  font-size: 1rem;
  color: #666666;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
}
.lblist{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lblist .thumb{
  overflow: hidden;
  transition: all .5s;
}
.lblist>div{
  width: 48.5%;
  margin-bottom: 1.88rem;
}
.lblist .thumb img{
  width: 100%;
  transition: all .5s;
}
.lblist .thumb img:hover{
  transform: scale(1.2);
}
.lblist .wz{
  background-color: #f7f7f7;
  padding: 1.75rem 1.13rem;
}
.lblist .wz .title{
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.lblist .wz .description{
  font-size: 1rem;
  color: #666666;
  line-height: 1.75rem;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .3s;
}
.lblist .wz .more{
  text-align: center;
  margin-top: 1.5rem;
}
.lblist .wz .more a{
  background-color: #2771e1;
  color: #ffffff;
  border-radius: 1.25rem;
  padding: .6rem 2.4rem;
  transition: all .5s;
}
.pages{
  list-style-type: none;
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}
.pages .page-active{
  background-color: #2771e1;
}
.pages .page-active a{
  color: #ffffff;
}
.pages a{
  padding: 0 .63rem;
  font-size: 1rem;
}
.pages li{
  border-radius: 2px;
}
.gywm{
  max-width: 73.75rem;
  margin:0 auto;
  /* padding-top: 1.88rem; */
}
.gywm .wenav{
  background-color: #f9fbff;
}
.gywm .wenav ul{
  display: flex;
  justify-content: center;
}
.gywm .wenav ul.parents{
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}
.gywm .wenav ul li{
  padding: 0 2.7rem;
}
.gywm .wenav ul li a{
  display: block;
  font-size: 1.13rem;
  font-weight: bold;
  padding: 1.25rem 0rem;
  position: relative;
}
.gywm .wenav ul li:first-child>a:after{
  display: none;
}
.gywm .wenav ul li a::after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3rem;
  width: 1px;
  height: 16px;
  background: #dddddd;
}
 .wenavactive a{
  color: #2771e1;
}
.gywm .xxnr{
  margin-top:2.25rem;
}
.gywm .xxnr .js{
  margin:0 auto;
  line-height: 1.75rem;
}
.gywm .jsxq {
  margin-top: 1.88rem;
}
.gywm .jsxq .list:nth-child(odd){
  display: flex;
  justify-content: space-between;
}
.gywm .jsxq .list:nth-child(even){
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.gywm .jsxq .list{
  margin-bottom: 2.5rem;
  background-color:#f3f3f3;
}
.gywm .jsxq .list .thumb{
  width: 50%;
}
.gywm .jsxq .list .title{
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: .63rem;
  color: #333333;
}
.gywm .jsxq .list .thumb img{
  width: 100%;
}
.gywm .jsxq .list .right{
  width: 50%;
  padding: .63rem 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000000;
}
.gywm .jsxq .list .right .mj{
  margin-bottom: .19rem;
}
.gywm .jsxq .list .right .content{
  color: #000000;
  line-height: 1.3rem;
}
.gywm .jsxq .list .right .content p span:first-child{
  font-weight: bold;
}