body {

  color: #333333;

  font-family: PingFangSC-Regular, sans-serif, Microsoft Yahei;

  background: #fff;

  overflow-x: hidden;

}

@font-face {

  font-family: Alibaba-PuHuiTi-Medium;

  src: url(../fonts/Alibaba-PuHuiTi-Medium.ttf);

}

html {

  font-size: 100px;

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

dl {

  margin: 0;

}

dt {

  font-weight: normal;

}

ul,

li {

  list-style-type: none;

  margin: 0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}

a {

  color: #333333;

  text-decoration: none;

  outline: none;

  transition: all 0.3s;

}

a:hover {

  color: #2159be;

}

a:focus {

  text-decoration: none;

  color: inherit;

}

img {

  border: 0;

  vertical-align: middle;

  transition: all 0.6s;

  max-width: 100%;

  object-fit: cover;

}

table {

  border-collapse: collapse;

}

input,

textarea,

select,

button {

  border: 0;

  outline: none;

}



button {

  cursor: pointer;

}

.wrap {

  width: 100%;

  overflow: hidden;

}

.container {

  width: 84%;

  margin: 0 auto;

}



.hidden-xs {

    display: block;

  }

 

 .visible-xs {

    display: none;

  }

/*公共样式勿删除*/



.clearfix:after {

  content: " ";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.clearfix {

  zoom: 1;

}

.flex {

  display: flex;

  align-items: center;

}

.flex_item {

  flex: 1;

}

video {

  vertical-align: middle;

  background: #000;

  width: 100%;

}

.pic img {

  width: 100%;

}

.pic {

  overflow: hidden;

  position: relative;

}

.pic:hover img {

  transform: scale(1.1);

}

.hidden {

  display: none;

}

/**/

.header .container {

  width: 92%;

}

.ws-wap-menu {

  position: fixed;

  box-sizing: border-box;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #fff;

  z-index: -1;

  padding-top: 50px;

  opacity: 0;

}

.ws-wap-menu .headerAct {

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.ws-wap-menu.on {

  z-index: 105;

  opacity: 1;

}



.ws-wap-menu ul {

  width: 100%;

  border-top: 1px solid #eee;

}

.ws-wap-menu ul li {

  position: relative;

}
.ws-wap-menu ul>li{
  border-bottom: 1px solid #eee;
}
.ws-wap-menu ul li a {

  display: block;

  line-height: 52px;

  font-size: 16px;

  position: relative;


  padding-left: 20px;
  
  width: 60%;

}

.ws-wap-menu ul li i {

  display: inline-block;

  height: 12px;

  width: 12px;

  z-index: 6;

  border-width: 1px 1px 0 0;

  border-color: #999;

  border-style: solid;

  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

  position: absolute;

  top: 0.2rem;

  right: 0.2rem;

}

.ws-wap-menu ul li i.on {

  border-width: 0 1px 1px 0;

}

.ws-wap-menu .dropdown {

  padding: 0 0.15rem;

  display: none;

}

.ws-wap-menu .tel {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #2159be;

  font-size: 0.18rem;

  margin-top: 0.3rem;

}

.ws-wap-menu .tel img {

  margin-right: 0.15rem;

  width: 0.24rem;

}

.header {

  position: fixed;

  width: 100%;

  left: 0;

  color: #fff;

  top: 0;

  font-size: 0.2rem;

  transition: all 0.3s;

  z-index: 99;

}

.header .logo {

  display: block;

  width: 1.96rem;

  height: 0.47rem;

  background: url(../images/logo.png) center no-repeat;

  background-size: 100% 100%;

}

.header .en a {

  color: #fff;

  font-family: Alibaba-PuHuiTi-Medium;

  font-size:0.23rem;

}

.header .tel {

  background: url(../images/tel.png) left center no-repeat;

  background-size: 0.24rem auto;

  padding-left: 0.3rem;

  margin-right: 0.45rem;

  font-family: Alibaba-PuHuiTi-Medium;

  font-size: 0.23rem;

}

.header:hover,

.header.on,

.header.header_info {

  background: #fff;

  color: #2159be;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

}

.header:hover .logo,

.header.on .logo,

.header.header_info .logo {

  background: url(../images/logo_on.png) center no-repeat;

  background-size: 100% 100%;

}

.header:hover .tel,

.header.on .tel,

.header.header_info .tel {

  background: url(../images/tel_on.png) left center no-repeat;

  background-size: 0.24rem auto;

}

.header:hover .en a,

.header.on .en a,

.header.header_info .en a {

  color: #2159be;

}

.header:hover .nav > li > a,

.header.on .nav > li > a,

.header.header_info .nav > li > a {

  color: #303338;

}

.header:hover .nav > li > a i,

.header.on .nav > li > a i,

.header.header_info .nav > li > a i {

  border-top: 5px solid #303338;

}

.header .nav {

  display: flex;

  align-items: center;

}

.header .nav > li {

  z-index: 10;

  position: relative;

  margin-left: 0.7rem;

}

.header .nav > li > a {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 1rem;

  position: relative;

  color: #fff;

 font-family:"pht-rgl";

}

.header .nav > li i {

  display: inline-block;

  width: 0;

  height: 0;

  border-right: 5px solid transparent;

  border-left: 5px solid transparent;

  border-top: 5px solid #fff;

  margin-left: 0.05rem;

}

.header .nav > li:hover > a {

  color: #2159be;

}

.header .nav > li:hover > a i {

  border-top: 5px solid #2159be;

}

.header .nav > li:hover .dropdown {

  display: block;

}

.header .nav .dropdown {

  position: absolute;

  top: 90%;

  display: none;

  left: 50%;

  transform: translate(-50%, 0);

  background: #fff;

  text-align: center;

  width: 1.93rem;

  padding: 0.15rem 0;

  border-radius: 0.1rem;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

  font-size: 0.16rem;

  line-height: 0.48rem;

}

.headerAct {

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%);

}

.foooter {

  font-size: 0.18rem;

  color: #fff;

  background: #131f67;
  
  background: url(../images/footbg.jpg) center no-repeat;
  background-size:cover;

}

.foooter a {

  color: #fff;

}

.foooter .ft {

  padding: 0.4rem 0;

  border-top: 1px solid #424c85;

  font-family:"pht-rgl";

}
.foooter .ft .flex_item{
    flex:none;
    padding:0 0.1rem 0 0;
}
.foooter .bd {

  padding: 1.2rem 0;

}

.foooter .bd .flex {

  align-items: stretch;

}

.foooter .bd .logo {

  width: 2.19rem;

  margin-bottom: 0.2rem;

}

.foooter .bd .box {

  margin-left: 1.45rem;

}

.foooter .bd .box ul {

  line-height: 0.4rem;

  margin-top: 0.4rem;

}

.foooter .bd .box ul a {

  color: #9cb6f1;

}



.foooter .bd .box  h4{  font-family:"pht-SemiBold" ; font-size:0.2rem; }

.foooter .bd .box ul{  font-family:"pht-rgl"; }

.foooter .bd .box ul a:hover {

  color: #fff;



}

.foooter .bd dt {

  color: #9cb6f1;

  margin-top: 0.3rem;

  margin-bottom: 0.1rem;

  font-family:"pht-rgl";

}

.foooter .bd dd {

  font-size: 0.16rem;

  font-family:"pht-rgl";

}

.foooter .bd dd b {

  font-size: 0.3rem;

  font-family: Alibaba-PuHuiTi-Medium;

}
.foooter .bd dd .dz{
    display: block;
    padding:0 0 0.1rem;
}
.foooter .bd .box .share {

  display: flex;

  flex-wrap: wrap;

  width: 1.6rem;

  margin-top: 0.4rem;

}

.foooter .bd .box .share a {

  width: 0.56rem;

  height: 0.56rem;

  margin: 0 0.2rem 0.2rem 0;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  border: 1px solid #b0b3b6;

}

.foooter .bd .box .share a:hover {

  background: #fff;

}

.foooter .bd .box .share a:hover > img {

  filter: brightness(1);

}

.foooter .bd .box .share a:hover .down {

  display: block;

}

.foooter .bd .box .share .down {

  position: absolute;

  left: 50%;

  display: none;

  top: 100%;

  z-index: 5;

  width: 1.2rem;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

  transform: translate(-50%, 0);

  background: #fff;

  overflow: hidden;

  border-radius: 0.05rem;

}

.foooter .bd .box .share a > img {

  filter: brightness(100);

}

/**/

.pages {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 0.16rem;

}

.pages a {

  display: flex;

  background: #f4f8fb;

  border-radius: 50%;

  width: 0.57rem;

  height: 0.57rem;

  align-items: center;

  justify-content: center;

  margin: 0 0.07rem;

}

.pages a.on,

.pages a:hover {

  color: #fff;

  background: #2159be;

}

.pages a.page-num-current {

  color: #fff;

  background: #2159be;

}

/**/

.banner_info {

  position: relative;

}

.banner_info > img {

  width: 100%;

  height: 8.4rem;

}

.banner_info .box {

  position: absolute;

  /*left: 50%;*/

  /*top: 50%;*/

  color: #fff;

  width: 100%;

  /*transform: translate(-50%, -50%);*/
  top:41%;
  left: 0;

}

.banner_info .box p {

  font-size: 0.28rem;

  margin-top: 0.2rem;

    font-family:"pht-rgl";

}

.banner_info .box dt {

  color: #ffe600;

  text-transform: uppercase;

  font-size: 0.3rem;

  font-family: Alibaba-PuHuiTi-Medium;
  font-weight: bold;

}

.banner_info .box dd {

  font-size: 0.6rem;

  margin-top: 0.3rem;

  font-family: pht-SemiBold;

    line-height:0.75rem;

}

/**/



/**/

.title_common h2 {

  font-size: 0.5rem;

  font-family: "pht-SemiBold";

  line-height: 0.6rem;

}

.title_common h2.Big {

  font-size: 0.6rem;

  font-family: "pht-SemiBold";

}

.title_common {

  text-align: center;

}

.title_common p {

  color: #797c81;

  font-size: 0.2rem;

  font-family:"pht-rgl";

  margin-top: 0.5rem;

}

/**/



button {

  transition: all 0.3s;

}



/**/

.rightside {

  position: fixed;

  z-index: 89;

  top: 50%;

  transform: translate(0, -50%);

  width: 0.74rem;

  background: #fff;

  font-size: 0.16rem;

  right: 0.1rem;

  border-radius: 0.74rem;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

  text-align: center;

  padding: 0.06rem;

}

.rightside li > a {

  display: block;

  border-radius: 0.74rem;

  position: relative;

  z-index: 5;

  padding: 0.18rem 0;

  font-family: "pht-SemiBold";

}

.rightside li.on > a {

  color: #fff;

  

  background-image: linear-gradient(to bottom, #3e80f6, #225ac0);

}

.rightside li.on > a > img {

  filter: brightness(100);

}

.rightside li:hover .code,

.rightside li:hover .tel {

  display: block;

}

.rightside li {

  position: relative;

}

.rightside li + li::before {

  content: "";

  width: 0.26rem;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translate(-50%, 0);

  border-bottom: 1px solid #ddd;

}

.rightside li:last-child::before {

  display: none;

}

.rightside li a > img {

  width: 0.25rem;

  transition: 0s;

}

.rightside li a p {

  margin-top: 0.1rem;

}

.rightside li .code {

  position: absolute;

  top: 50%;

  display: none;

  transform: translate(0, -50%);

  right: 0.82rem;

  width: 1.14rem;

  padding: 0.1rem;

  border-radius: 0.1rem;

  background: #fff;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

}

.rightside li .tel {

  background: #fff;

  line-height: 0.58rem;

  width: 1.53rem;

  position: absolute;

  top: 50%;

  font-family: Alibaba-PuHuiTi-Medium;

  right: 0.82rem;

  display: none;

  transform: translate(0, -50%);

  border-radius: 0.1rem;

  font-size: 0.18rem;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

}

.mask,

.videobox {

  position: fixed;

  z-index: 101;

  left: 0;

  top: 0;

  font-size: 0.16rem;

  width: 100%;

  display: none;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);

}

.dialog {

  position: absolute;

  left: 50%;

  padding: 0.5rem 0.7rem;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 9.9rem;

  border-radius: 0.2rem;

  background: #fff;

  max-width: 95%;

}

.dialog .input {

  width: 100%;

  font-size: 0.16rem;

  height: 0.55rem;

  border: 1px solid #ddd;

  border-radius: 0.05rem;

  padding: 0 0.2rem;

}

.dialog textarea {

  width: 100%;

  font-size: 0.16rem;

  height: 0.97rem;

  margin-top: 0.2rem;

  border: 1px solid #ddd;

  border-radius: 0.05rem;

  padding: 0.2rem;

  font-family: inherit;

  resize: none;

}

.dialog .flex_item + .flex_item {

  padding-left: 0.2rem;

}

.dialog .btn {

  font-family: "pht-SemiBold";

  width: 1.6rem;

  height: 0.57rem;

  font-size: 0.18rem;

  background: #ffe600;

  border-radius: 0.57rem;

  margin-top: 0.2rem;

}

.dialog dt {

  font-size: 0.42rem;

  font-family: "pht-SemiBold";

}

.dialog dd {

  color: #73767c;

  font-size: 0.2rem;

  font-family: pht-rgl;

  padding: 0.2rem 0 0.4rem;

}

.dialog .close {

  position: absolute;

  cursor: pointer;

  width: 0.4rem;

  height: 0.4rem;

  display: flex;

  font-size: 0.2rem;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  border: 2px solid #ddd;

  top: 0.6rem;

  right: 0.6rem;

  z-index: 10;

  color: #999;

}

.videobox .dialog {

  padding: 0;

  overflow: hidden;

}

/*分页*/


/*.pagelist { width:75%; float:right; }*/
.pagelist{ width:100%;}
.pagination { 
    /*display:inline-block;*/
    /*padding-left:0;*/
    /*margin:20px 0; */
    display: flex;
    justify-content: center;
    border-radius:4px }
.pagination a { position:relative;  padding:6px 12px; margin-left:-1px; line-height:1.428571429; text-decoration:none; background-color:#fff; border:1px solid #ddd ;display:block;margin:0 0.05rem;border-radius:0.05rem ;}

.pagination span.page-status { position:relative;  padding:6px 12px; line-height:1.428571429; text-decoration:none; background-color:#fff; border:1px solid #ddd;margin:0 0.05rem;}
.page-numbar{display:flex;}


.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color:#eee }

.pagination span.page-status{border-radius:0.05rem;}
 
.pagination  a.page-num-current,.pagination  a:hover{ z-index:2; color:#fff;  background-color:#428bca; border-color:#428bca }
.pagination span.page-num{ display:none}