@charset "utf-8";
html, body{
  padding: 0;
  margin: 0;
  position: relative;
}
/*全局初始化样式*/
body{padding:0; margin:0 auto; font-size: 14px;line-height:24px;
  font-family: "Microsoft YaHei", serif; color: #333;min-width: 320px;width: 100%;zoom:1;
  /*禁用Webkit内核浏览器的文字大小调整功能*/
  -webkit-text-size-adjust:none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight:rgba(0,0,0,0);
  /*设置字体的抗锯齿或者说光滑度*/
  -webkit-font-smoothing: antialiased;
  /*整个页面都禁止选择*/
  /*-webkit-touch-callout: none;
  -webkit-user-select: none;
  -html-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wh_dot {overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.clear {clear: both;height: 0;overflow: hidden;}
/*头部*/
.topBox{padding: 25px 0;position: relative;}
.warpBox {max-width: 1400px;margin: 0 auto;}
.topBox .logoBox {display: flex;float: left;}
.topBox .logoBox a:first-child {margin-right: 30px;}
.topBox .logoBox img {height: 66px;display: block;}
.topBox .rightBox {padding-top: 12px;text-align: right;float: right;}
.topBox .shearchBox {display: inline-block;vertical-align: top;position: relative;}
.topBox .shearchBox .input {display: block;width: 260px;background: #f3f6fa;line-height: 22px;padding: 9px 50px 9px 15px;border-radius: 5px;}
.topBox .shearchBox .shearchA {position: absolute;display: block;width: 50px;height: 40px;padding-top: 7px;font-size: 20px;text-align: center;z-index: 2;top: 0;right: 0;}
.topBox .search-btn {margin-left: 10px;display: inline-block;vertical-align: top;padding: 6px 17px 11px 17px;background: #2a2b87;color: #fff;border: 0;border-radius: 5px;margin-right: 10px;font-size: 18px;}
.navBox {background: #2a2b87;}
.warpBox {max-width: 1400px;margin: 0 auto;}
.navBox ul, .navBox li {list-style: none;margin: 0;padding: 0;font-weight: normal;}
.navBox .ullist {width: 100%;}
.navBox .ullist > li {width: 12.5%;float: left;position: relative;}
.navBox .ullist > li > a {display: block;color: #fff;font-size: 16px;line-height: 22px;padding: 15px 5px;text-align: center;background: rgba(0, 0, 0, 0) url("../images/shubg.png") no-repeat right center;}
.ullist > li.on > a {background-color: #4f67b5;background-image: none;}
.navBox .ullist dl, .navBox .ullist dl dd, .navBox .ullist .dl dd {list-style: none;margin: 0;padding: 0;font-weight: normal;}
.top-sublist {background: #fff;text-align: center;position: absolute;width: 100%;top: 100%;left: 0;z-index: 999;display: none;}
.subTwo {width: 200%;display: none;}
.subTwo a {width: 50%;float: left;}
.subThree {width: 300%;display: none;}
.subThree a {width: 33.33333333%;float: left;}
.navBox .ullist>li:hover .top-sublist{display: block;}
.top-sublist a {display: block;padding: 15px 5px;font-size: 14px;line-height: 16px;border-bottom: 1px solid #f1f1f1;}
.top-sublist a:hover {background: #f1f1f1;}
.navBg{display: none;}
.navBtn{display: none;}

/*标题*/
.label-line {line-height: 70px;height: 70px;position: relative;}
.label-md {margin-bottom: 30px;}
.label-line .label {font-weight: 400;font-size: 31px;position: relative;float: left;}
.label-line .label::before {width: 2em;height: 3px;content: '';position: absolute;left: 0;bottom: 0;background-color: #2a2b87;}
.label-line .more {padding-right: 10px;font-size: 16px;float: right;}

/*页脚*/
.footer {
  width: 100%;
  position: relative;
  text-align: left;
  background-color: #333;
  min-height: 240px;
  display: block;
}
.footBox {
  color: #fff;
  padding: 40px;
}
.footBox a {
  color: #fff;
}
.footBox .footLeft {
  width: 50%;
  height: 160px;
  float: left;
}
.footBox .footLeft ul {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 30px;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.footBox .footLeft li {
  font-size: 16px;
  list-style: none;
  float: left;
}
.footBox .footLeft li.spe {
  width: 40px;
  text-align: center;
  opacity: 0.3;
}
.footBox .footLeft .copyRight {
  overflow: hidden;
}
.footBox .footLeft .copyRight p {
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: #757575;
}

.footBox .footLeft .copyRight a {
  color: #757575;
  font-size: 14px;
}

.footBox .telCon {
  width: 360px;
  height: 160px;
  float: left;
}
.footBox .telCon ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footBox .telCon li {
  height: 35px;
  margin-bottom: 8px;
}
.footBox .telCon h3 {
  padding-left: 45px;
  line-height: 20px;
  font-size: 16px !important;
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
}
.footBox .telCon .li1 h3 {
  background: url(/public/images/icons-tel1.png) no-repeat left center;
}
.footBox .telCon .li2 h3 {
  background: url(/public/images/icons-tel4.png) no-repeat left center;
}
.footBox .telCon .li3 h3 {
  background: url(/public/images/icons-tel3.png) no-repeat left center;
}
.footBox .telCon .li4 h3 {
  background: url(/public/images/icons-tel2.png) no-repeat left center;
}
.footBox .telCon h3 b {
  text-align: justify;
  width: 73px;
  display: inline-block;
  height: 20px;
  overflow: hidden;
  font-weight: normal;
}
.footBox .telCon h3 b::after {
  content: "";
  width: 100%;
  display: inline-block;
}
.footBox .telCon h3 span {
  display: block;
  font-size: 12px;
  font-family: "Arial", serif;
  opacity: 0.5;
  line-height: 14px;
}
.footBox .telCon li p {
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
  background: rgb(255 255 255 / 0.2);
  display: inline-block;
  padding: 0 10px;
  border-radius: 3px;
}

.footBox .footerQR {
  width: 260px;
  height: 160px;
  float: right;
}
.footBox .footerQR ul {
  list-style: none;
  padding: 20px 0 0 0;
  margin: 0;
}
.footBox .footerQR li {
  width: 100px;
  text-align: center;
  display: inline-block;
  padding: 0;
  margin-left: 15px;
  list-style: none;
}
.footerQR li .pic {
  width: 88px;
  height: 88px;
  padding: 6px;
  background: #fff;
  margin-bottom: 5px;
}
.footerQR li .pic img {
  width: 100%;
  height: 100%;
}
.footerQR li .title {
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  padding: 0 6px 0 0;
}

.footerSmall {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  text-align: center;
  background-color: #333;
  height: 54px !important;
  line-height: 54px;
  font-size: 13px;
  color: #fff !important;
  display: none;
}

@media screen and (max-width:1500px){
  .warpBox {padding: 0 40px;max-width: 100%;}
  .footBox {color: #fff;padding: 40px;}
}
@media screen and (max-width:1281px){
  .topBox .shearchBox .input{width: 200px;}
  .footBox {color: #fff;padding: 40px;}
  .footBox .footLeft {width: 65%;}
  .footBox .telCon {width: 35%;}
  .footBox .footerQR {display: none;}
}
@media screen and (max-width:1025px){
  .warpBox {padding: 0 30px;max-width: 100%;}
  .topBox{padding: 15px 0; position: relative;}
  .topBox .logoBox {float: none;padding-right: 80px;}
  .topBox .rightBox{float: none;display: none;}
  .topBox .logoBox img {height: 66px;display: block;}
  .navBtn{display: block;width: 40px;height: 42px;background-size: auto 22px;font-size: 24px;text-align:center;padding-top:8px;color:#2a2b87 !important;position: absolute;right: 2%;top: 50%;margin-top: -22px;}
  .top-sublist{position: relative;top:0;background: none;}
  .top-sublist a{color: #fff;opacity: .8;border-bottom-color: #4871aa;}
  .top-sublist a:hover{background: none;opacity: .5;}
  .navBg {width: 100%;height: 100%;left: 0;top: 0;position: fixed;z-index: 999;display: none;background: rgba(0,0,0,.7);}
  .navBox {max-width: 500px;opacity: 0;position: fixed;left: 0px;transition: all .4s ease-out;top: 0;width: 35%;height: 100%;padding: 2% 0;z-index: 1000;overflow: auto; display: none}
  .navBox .ullist>li:hover .top-sublist{display: none;}
  .navBox .ullist > li {width: 100%;}
  .navBox .ullist > li > a {background: rgba(0, 0, 0, 0) none;}
  .ullist > li.on > a {background-color: #4f67b5;background-image: none;}
  .footerSmall {display: block;}
  .footer {display: none;}
}

@media screen and (max-width: 760px) {
}

@media screen and (max-width:641px){
  .topBox{padding: 15px 0; position: relative;}
  .topBox .logoBox img {height: 42px;display: block;}
  .navBox {max-width: 500px;opacity: 0;position: fixed;left: 0px;transition: all .4s ease-out;top: 0;width: 45%;height: 100%;padding: 2% 0;z-index: 1000;overflow: auto; display: none}
  .label-line {line-height: 45px;height: 45px;position: relative;}
  .label-md {margin-bottom: 15px;}
  .label-line .label {font-weight: 400;font-size: 18px;position: relative;float: left;}
  .label-line .label::before {width: 2em;height: 3px;content: '';position: absolute;left: 0;bottom: 0;background-color: #2a2b87;}
  .label-line .more {padding-right: 10px;font-size: 14px;float: right;}

}
@media screen and (max-width:400px){
  .topBox{padding: 15px 0; position: relative;}
 }