@charset "utf-8";
/* CSS Document */
body {
  margin: 0rem;
  padding: 0rem;
  font-family: Arial, "微软雅黑";
  /* font-family: Arial,"Microsoft JhengHei";  */
  color: #666;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: smooth;
}
@media (min-width: 1920px) and (max-width: 2560px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 1680px) and (max-width: 1920px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1680px) {
  html {
    font-size: 20px;
  }
  html .container {
    max-width: 1366px;
  }
}
@media (min-width: 1366px) and (max-width: 1440px) {
  html {
    font-size: 18px;
  }
  html .container {
    max-width: 1200px;
  }
}
@media (min-width: 1000px) and (max-width: 1366px) {
  html {
    font-size: 16px;
  }
  html .container {
    max-width: 1100px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 20px;
  }
}
html {
  scroll-behavior: smooth;
}
a {
  color: #666;
  text-decoration: none;
  outline: none;
}
/* a:active{
	star:expression(this.onFocus=this.blur());
}  */
img {
  border: 0rem;
  vertical-align: middle;
  max-width: 100%;
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #cb1f18;
  outline: none;
}
ul,
p,
dl,
dt,
dd {
  padding: 0rem;
  margin: 0rem;
}
li {
  list-style-position: outside;
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5 {
  font-size: 0.7rem;
  padding: 0rem;
  margin: 0rem;
}
h1 {
  font-size: 0.8rem;
}
h5 {
  font-size: 0.6rem;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear_f {
  clear: both;
  height: 0rem;
  padding: 0rem;
  margin: 0rem;
  display: block;
  _display: inherit;
}
.h10 {
  height: 0.5rem;
  overflow: hidden;
  clear: both;
}
.h30 {
  height: 1.5rem;
  overflow: hidden;
  clear: both;
}
.h60 {
  height: 3rem;
  overflow: hidden;
  clear: both;
}
.h70 {
  height: 3.5rem;
  overflow: hidden;
  clear: both;
}
.h100 {
  height: 5rem;
  overflow: hidden;
  clear: both;
}
input,
textarea {
  background: transparent;
  padding: 0rem;
  font-size: 0.6rem;
  font-family: Arial, "微软雅黑";
  color: #888;
  outline: none;
  border: 0rem;
}
em {
  font-style: normal;
}
.btn1 {
  cursor: pointer;
}
.red {
  color: #cb1f18;
}
.wal {
  width: 75rem;
  margin: 0rem auto;
}
.vh {
  visibility: hidden !important;
}
@font-face {
  font-family: din;
  src: url(../fonts/din.ttf);
}
.header,
.indexPart1 .list li .bg,
.indexPart1 .list li .bottom,
.indexPart2 .tab li,
.sNav .btnDiv a,
.indexTitle .more,
.indexPart5 .box1 .btnDiv a,
.indexPart5 .box2 .btnDiv a,
.lyb .btnDiv a,
.company .list li .btnDiv a {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
/*.indexPart1 .list li .bottom{
transition:All 5s ease;
-webkit-transition:All 5s ease;
-moz-transition:All 5s ease;
-o-transition:All 5s ease;
 }*/
.w320 {
  width: 16rem;
}
.w860 {
  width: 43rem;
}
.fangda {
  transition: 2s;
  -moz-transition: 2s;
  -webkit-transition: 2s;
  -o-transition: 2s;
}
.fangda:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.line1_hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.line2_hidden {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line3_hidden {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*头部导航*/
.header {
  height: 4.65rem;
  line-height: 4.65rem;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 25;
  /* background-color: rgba(0, 0, 0, .05); */
  background-color: #fff;
}
.header:after {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100%;
  /* border-top: 0.05rem solid rgba(255, 255, 255, .13);  */
  content: '';
  pointer-events: none;
}
.header .logo {
  position: relative;
  top: 50%;
  margin-left: 7%;
  margin-top: -1rem;
  overflow: hidden;
}
.header .logo img {
  position: relative;
  height: 2.5rem;
}
.header .logo .l1 {
  display: block;
}
.header .logo .l2 {
  display: none;
}
.header.hov .logo .l1 {
  /* left: -10rem; 
	-webkit-filter: drop-shadow(rgb(43, 43, 43) 10rem 0); 
	        filter: drop-shadow(rgb(43, 43, 43) 10rem 0rem); */
  display: none;
}
.header.hov .logo .l2 {
  display: block;
}
.header .list {
  overflow: hidden;
  width: auto;
  margin-right: 7%;
}
.header .list li {
  float: left;
  margin-left: 2.6rem;
}
.header .list li a {
  font-size: 0.8rem;
  color: #333;
  display: block;
  /*font-weight: bold;*/
  height: 4.65rem;
}
.header2 {
  background: #000;
  position: relative;
}
.header.hov {
  background: #fff;
}
.header.hov:after {
  border-color: rgba(0, 0, 0, 0.05);
}
.header.hov .list li a {
  color: #3b3b3b;
}
.header .list li a {
  position: relative;
}
.header .list li a:before {
  position: absolute;
  pointer-events: none;
  bottom: 0rem;
  width: 0;
  border-top: 0.05rem solid #2487f8;
  transition: width 0.3s;
  content: '';
}
.header .list li .column-name {
  padding: 1.5rem 0;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
}
.header .list li .column-name .china,
.header .list li .column-name .eng {
  position: relative;
  top: 0;
  transition: all 0.3s;
}
.header .list li .column-name .eng {
  opacity: 0;
  text-transform: capitalize;
}
.header .list li.hover .column-name .china,
.header .list li a:hover .column-name .china,
.header .list li.on .column-name .china {
  top: -1.6rem;
  opacity: 0;
}
.header .list li.hover .column-name .eng,
.header .list li a:hover .column-name .eng,
.header .list li.on .column-name .eng {
  top: -1.6rem;
  opacity: 1;
}
.header .list li.on a:before {
  width: 100% !important;
  border-color: #fff;
}
.header .list li.hover a:before,
.header .list li a:hover:before {
  width: 100%;
}
.headerTel {
  display: none;
  width: 100%;
  height: 3rem;
  position: fixed;
  top: 0;
  z-index: 9;
  background: #fff;
  box-shadow: 0rem 0.3rem 1.2rem 0rem rgba(222, 227, 248, 0.35);
}
.headerTel2 {
  background: #000;
  position: relative;
}
.headerTel .logo {
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
}
.headerTel .logo img {
  height: 1.5rem;
}
.navIco {
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 0.9rem;
  width: 1.4rem;
  height: 1.1rem;
  border-top: 0.1rem solid #2487f8;
}
.navIco:before {
  position: absolute;
  top: 0.45rem;
  right: 0;
  width: 100%;
  border-top: 0.1rem solid #2487f8;
  content: '';
}
.navIco:after {
  position: absolute;
  bottom: 0rem;
  right: 0;
  width: 100%;
  border-top: 0.1rem solid #2487f8;
  content: '';
}
/*导航触发效果*/
.sNav {
  background: #fff;
  height: 552px;
  position: absolute;
  z-index: 8;
  display: block;
  width: 100%;
  top: -552px;
  opacity: 0;
  box-shadow: 0 0.05rem 0.25rem rgba(35, 25, 25, 0.2);
  -moz-box-shadow: 0 0.05rem 0.25rem rgba(35, 25, 25, 0.2);
  -webkit-box-shadow: 0 0.05rem 0.25rem rgba(35, 25, 25, 0.2);
}
.sNav .bigBox {
  padding: 4.5rem 7% 0;
}
.sNav .leftDiv {
  width: 25%;
  height: 17rem;
  border-right: #f0f0f0 solid 0.05rem;
}
.sNav .leftDiv img {
  border: 0rem;
  vertical-align: middle;
  width: 5rem;
  border: #f0f0f0 solid 0.05rem;
}
.sNav .tel {
  padding: 2rem 0 0.75rem;
  font-size: 0.8rem;
  color: #636363;
  font-weight: bold;
}
.sNav .tel:before {
  font-family: 'iconfont';
  content: '\e606';
  font-size: 0.75rem;
  margin-right: 0.15rem;
}
.sNav .address {
  line-height: 1rem;
  color: #636363;
  padding-bottom: 1.5rem;
  width: 11.75rem;
  font-size: 0.7rem;
}
.sNav .address:before {
  font-family: 'iconfont';
  content: '\e60b';
  font-size: 0.75rem;
  margin-right: 0.15rem;
}
.sNav .btnDiv a {
  display: block;
  width: 6.9rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  background: #5e5e5e;
  color: #fff;
  font-size: 0.7rem;
  font-weight: bold;
  border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
}
.sNav .btnDiv a:hover {
  background: #1b1b1b;
}
.sNav .rightDiv {
  width: 73%;
}
.sNav .rightDiv .list {
  padding-left: 7.25rem;
  overflow: hidden;
}
.sNav .rightDiv .list ul {
  margin-right: -2rem;
}
.sNav .rightDiv .list li {
  float: left;
  width: 33%;
  margin-bottom: 2rem;
}
.sNav .rightDiv .list li .box {
  position: relative;
  height: 4.1rem;
  border-bottom: #f0f0f0 solid 0.05rem;
  margin-right: 2rem;
  padding-right: 1.5rem;
}
.sNav .rightDiv .list li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.sNav .rightDiv .list li a:before {
  position: absolute;
  top: 0.75rem;
  right: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 0.05rem solid #eee;
  content: '';
  transition: border 0.3s;
}
.sNav .rightDiv .list li .box:before {
  position: absolute;
  left: 0;
  bottom: -0.05rem;
  z-index: 2;
  width: 0;
  border-top: 0.05rem solid #2487f8;
  transition: width 0.3s;
  content: '';
}
.sNav .rightDiv .list li .txt1 {
  padding: 0.75rem 0 0.5rem;
  font-size: 0.7rem;
  color: #3b3b3b;
}
.sNav .rightDiv .list li .txt2 {
  color: #797979;
  font-size: 0.6rem;
  text-transform: uppercase;
}
.sNav .rightDiv .list li a:hover .txt1,
.sNav .rightDiv .list li a:hover .txt2 {
  color: #000;
}
.sNav .rightDiv .list li .box:hover:before {
  width: 100%;
}
.sNav .rightDiv .list li a:hover:before {
  border-color: #5e5e5e;
}
.sNav .email {
  display: flex;
  align-items: center;
}
.sNav .email i {
  color: #2487f8;
  font-size: 1rem;
}
.sNav .email a {
  font-size: 0.7rem;
  color: #767676;
}
/*导航菜单触发*/
.navLayer {
  overflow-x: auto;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 555;
  right: -100%;
  top: 0rem;
}
.navLayer .bg {
  overflow-x: auto;
  position: relative;
  background: #fff;
  height: 100%;
  width: 100%;
}
.navLayer .top {
  position: relative;
  height: 3rem;
  /*border-bottom: #f9f6f6 solid 0.05rem;*/
}
.navLayer .logo {
  position: absolute;
  left: 0.5rem;
  top: 0.4rem;
  overflow: hidden;
}
.navLayer .logo img {
  position: relative;
  height: 2rem;
}
.navLayer .closeBtn {
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
  font-size: 1.5rem;
  color: #2487f8;
  line-height: 3rem;
  text-align: center;
}
.navLayer .closeBtn:before {
  font-family: 'iconfont';
  content: '\e708';
}
.sideNav {
  padding: 1.5rem 1rem 0;
}
.subNav {
  cursor: pointer;
  height: 3.5rem;
  border-bottom: 0.05rem solid #f9f6f6;
  position: relative;
  font-size: 0.7rem;
}
.subNav .name {
  position: relative;
}
.subNav .active .txt1 {
  color: #bf2424;
}
.subNav .txt1 {
  padding-top: 0.6rem;
  font-size: 0.8rem;
  color: #3b3b3b;
}
.subNav .txt2 {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  color: #d1d1d1;
  text-transform: uppercase;
}
.subNav a {
  display: block;
  height: 3.5rem;
}
.PCBg {
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: none;
  background: url(../images/bg2.png) repeat;
  left: 0rem;
  top: 0rem;
}
.pageBg {
  position: fixed;
  z-index: 11;
  width: 100%;
  height: 100%;
  display: none;
  background: #000;
  left: 0rem;
  top: 0rem;
}
.footDiv {
  /*height:24.5rem;*/
  background: #e8e8e8;
  overflow: hidden;
  padding: 2.5rem 7% 2.5rem;
}
.footDiv .logoDiv {
  width: 27%;
}
.footDiv .logoDiv img {
  height: 2rem;
}
.footDiv .leftDiv {
  width: 27%;
}
.footDiv .midDiv {
  width: 24%;
}
.footDiv .rightDiv {
  width: 22%;
}
.footDiv .titleDiv .title1 {
  padding-bottom: 0.4rem;
  color: #333;
  font-size: 0.9rem;
  /*font-weight: bold;*/
}
.footDiv .titleDiv .title2 {
  color: #868686;
  position: relative;
  height: 2.3rem;
  font-size: 0.65rem;
}
.footDiv .titleDiv .title2 em {
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  width: 0.8rem;
  height: 0.05rem;
  background: #474747;
  display: block;
}
.footDiv .msgList {
  padding-top: 1.8rem;
  width: 10.6rem;
}
.footDiv .msgList li {
  font-size: 0.7rem;
  color: #888;
  line-height: 1.2rem;
}
.footDiv .msgList li.tel:before {
  font-family: 'iconfont';
  content: '\e606';
  margin-right: 0.15rem;
  color: #5e5e5e;
}
.footDiv .msgList li.address:before {
  font-family: 'iconfont';
  content: '\e60b';
  font-size: 0.7rem;
  margin-right: 0.15rem;
  color: #5e5e5e;
}
.footDiv .msgList li img {
  position: relative;
  top: -0.1rem;
}
.footDiv .btnDiv {
  padding-top: 1.25rem;
}
.footDiv .btnDiv a {
  text-align: center;
  display: block;
  width: 6.9rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: #2487f8;
  color: #fff;
  font-size: 0.7rem;
  font-weight: bold;
}
.footDiv .btnDiv a:hover {
  text-decoration: underline;
}
.footDiv .msg {
  color: #868686;
  font-size: 0.7rem;
  padding-top: 1.5rem;
}
.footDiv .msg a {
  color: #868686;
}
.footDiv .msg a:hover {
  color: #fff;
}
.footDiv .ewmDiv {
  padding-top: 1.75rem;
}
.footDiv .ewmDiv img {
  border: 0rem;
  vertical-align: middle;
  width: 5rem;
}
.footDiv .share {
  padding-top: 2.2rem;
  overflow: hidden;
}
.footDiv .share li {
  float: left;
  margin-right: 1.1rem;
}
.footLink {
  line-height: 1.2rem;
}
.footDiv .footLink label {
  color: #fff;
}
.footLink a {
  color: #868686;
}
.footLink a:hover {
  color: #fff;
}
.footNav {
  padding-top: 1rem;
}
.footNav li {
  float: left;
  width: 33.33%;
}
.footNav dd {
  line-height: 2.25rem;
  font-size: 0.7rem;
}
.footNav dd a {
  color: #868686;
}
.footNav dd a:hover {
  color: #2487f8;
}
.footDiv .share li .iconfont {
  color: #767676;
}
.footDiv .share li .iconfont:hover {
  color: #fff;
}
.footDiv .share li .img1 {
  display: none;
}
.footDiv .share li:hover .img1 {
  display: inline-block;
}
.footDiv .share li:hover img {
  display: none;
}
.pageBanner {
  position: relative;
}
.pageBanner .imgDiv img {
  width: 100%;
}
.pageBanner .contentBox {
  left: 50%;
  margin-left: -37.5rem;
  width: 75rem;
  top: 40%;
  position: absolute;
  z-index: 2;
}
.pageBanner .txt1 {
  font-size: 2.1rem;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}
.pageBanner .txt2 {
  font-size: 1.2rem;
  color: #fff;
  padding-bottom: 1.4rem;
  position: relative;
}
.pageBanner .txt2 em {
  display: block;
  width: 1rem;
  height: 0.15rem;
  background: #fff;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
}
.pageNav {
  background-color: rgba(0, 0, 0, 0.2);
}
.pageNav .list {
  margin-left: 3.5rem;
  float: left;
}
.pageNav .list li {
  font-size: 0.65rem;
  line-height: 2.4rem;
}
.pageNav .list li a {
  padding-left: 1.3rem;
  width: 4.5rem;
  display: block;
  background: url(../images/line2.jpg) left center no-repeat;
  color: #fff;
}
.pageNav .list li .aNow,
.pageNav .list li a:hover {
  color: #fff;
  font-size: 0.9rem;
}
.pageBannerTel {
  display: none;
  position: relative;
}
.pageBannerTel .imgDiv {
  padding-bottom: 53.312%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pageBannerTel .txtDiv {
  position: absolute;
  left: 0.5rem;
  top: 70%;
  z-index: 2;
  margin-top: -2.5rem;
}
.pageBannerTel .txt1 {
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
}
.pageBannerTel .txt2 {
  font-size: 0.8rem;
  color: #fff;
  padding-bottom: 1.25rem;
  position: relative;
}
.pageBannerTel .txt2 em {
  display: block;
  width: 1rem;
  height: 0.15rem;
  background: #fff;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
}
.pageBox .js-kindeditor-container {
  padding-top: 3rem;
  font-size: 0.7rem;
  line-height: 1.5rem;
  color: #666;
}
.pageBox {
  padding: 5rem 0;
  /*background: url(../images/bg4.jpg) center top repeat-y;*/
  position: relative;
}
.pageBox2 {
  padding: 4rem 0 6.5rem;
}
.pageBox3 {
  padding-bottom: 8rem;
}
.pageBox4 {
  /*background: url(../images/bg4.jpg) center top repeat-y; */
  padding-bottom: 3rem;
}
.pageTitle .txt1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  -webkit-text-stroke: 0.05rem #333;
  color: transparent;
  font-weight: bold;
  line-height: 2rem;
}
.pageTitle .txt2 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #2f343c;
  padding: 0.5rem 0 1rem;
  position: relative;
}
.pageTitle .txt2 em {
  display: block;
  width: 2rem;
  height: 0.3rem;
  background: #2487f8;
  position: absolute;
  left: 0rem;
  bottom: 0;
}
.pageTitleTel {
  height: 2.5rem;
  background: #2487f8;
  position: relative;
  font-size: 0.7rem;
  display: none;
}
.sideTitleTel {
  width: 100%;
  height: 2.5rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.sideTitleTel .con {
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  position: relative;
}
.sideTitleTel .con a {
  position: relative;
  display: block;
  color: #fff;
  /*background:url(../images/nimg51_1.png) right center no-repeat; */
  background-size: 1.8rem;
  font-size: 0.75rem;
}
.sideTitleTel .con a:after {
  position: absolute;
  right: 0.5rem;
  top: 0.75rem;
  font-size: 1rem;
  line-height: 1;
  font-family: 'iconfont';
  content: '\e811';
  transition: transform 0.3s;
}
.sideTitleTel .con.on a:after {
  transform: rotate(180deg);
}
.sideTitleNav {
  position: absolute;
  top: 2.5rem;
  z-index: 10;
  width: 100%;
  display: none;
  box-shadow: 0 0.05rem 0.25rem rgba(35, 25, 25, 0.2);
  -moz-box-shadow: 0 0.05rem 0.25rem rgba(35, 25, 25, 0.2);
  -webkit-box-shadow: 0 0.05rem 0.25rem rgba(35, 25, 25, 0.2);
}
.sideTitleNav li {
  border-bottom: #dedede solid 0.05rem;
  background: #fff;
}
.sideTitleNav li a {
  display: block;
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.5rem;
  color: #666;
}
.sideTitleNav li.ac > a,
.sideTitleNav li.ac em > a {
  color: #fff;
}
.sideTitleNav .li01 a {
  position: relative;
  /*background:#333434 url(../images/nimg51_1.png) right center no-repeat; */
  background-size: 1.8rem;
}
.sideTitleNav .li01 em a:after {
  position: absolute;
  right: 0.5rem;
  top: 0.75rem;
  font-size: 1rem;
  line-height: 1;
  font-family: 'iconfont';
  content: '\e811';
  transition: transform 0.3s;
}
.sideTitleNav .li01 .on1 {
  color: #fff;
}
.sideTitleTel .li01 .on1:after {
  transform: rotate(180deg);
}
.sideTitleTel dl {
  display: none;
}
.sideTitleTel dd a {
  padding-left: 1rem;
  background: #333434 !important;
}
.sideTitleTel dd.ac > a {
  color: #fff;
}
.pageNow {
  height: 4rem;
  line-height: 4rem;
}
/*分页*/
.pageNum {
  height: 2.4rem;
  padding-top: 0.5rem;
  text-align: center;
}
.pageNum a {
  margin: 0 0.5rem;
  display: inline-block;
  color: #353535;
  height: 2.4rem;
  line-height: 2.4rem;
  background: #eee;
  width: 2.4rem;
  font-size: 0.65rem;
}
.pageNum a:hover,
.pageNum .aNow {
  background: #2487f8;
  color: #FFF;
}
.pageNum1 {
  height: 4.8rem;
  padding-top: 0.5rem;
  text-align: center;
}
.pageNum1 a {
  margin: 0 0.5rem;
  display: inline-block;
  color: #353535;
  height: 2.4rem;
  line-height: 2.4rem;
  background: #eee;
  width: 2.4rem;
  font-size: 0.65rem;
}
.pageNum1 a:hover,
.pageNum1 .aNow {
  background: #2487f8;
  color: #FFF;
}
.pageMore {
  padding: 0 0.5rem;
  display: none;
}
.pageMore a {
  display: block;
  color: #fff;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  font-size: 0.8rem;
  background: #000;
  width: 100%;
}
/*右侧悬浮窗*/
.sideBar {
  position: fixed;
  right: 0rem;
  top: 50%;
  margin-top: -11.75rem;
  z-index: 111;
}
.sideBar li {
  position: relative;
  height: 3.6rem;
  margin-bottom: 0.1rem;
  cursor: pointer;
}
.sideBar .mouse {
  position: absolute;
  left: -13.6rem;
  top: 0rem;
  display: none;
}
.sideBar .img {
  background: #005bac;
  border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  height: 3.6rem;
  text-align: center;
  width: 3.6rem;
  color: #fff;
}
.sideBar .img .ico {
  position: relative;
  padding: 0.5rem 0 0.4rem;
}
.sideBar .img .name {
  font-size: 0.7rem;
}
.sideBar .liNow .name {
  color: #fff;
}
.sideBar .liNow .mouse {
  display: block;
}
.sideBar .li01 .mouse {
  width: 13.6rem;
}
.sideBar .li01 .mouse .box {
  background: #fff;
  border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  width: 13.1rem;
  height: 4.5rem;
}
.sideBar .li01 .tel {
  padding-left: 1.8rem;
  line-height: 4.5rem;
  font-size: 1.2rem;
  color: #005bac;
}
.sideBar .li01 .tel img {
  padding-right: 0.9rem;
}
.sideBar .li02 .mouse {
  width: 13.6rem;
}
.sideBar .li02 .mouse .box {
  background: #fff;
  border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  width: 13.1rem;
  height: 4.5rem;
}
.sideBar .li02 p {
  padding: 0.8rem 0 0.25rem 1.9rem;
  font-size: 0.8rem;
  color: #005bac;
}
.sideBar .li02 .tel {
  font-size: 1.5rem;
  color: #005bac;
  padding-left: 1.9rem;
}
.sideBar .li03 .mouse {
  width: 5.5rem;
  left: -5.5rem;
}
.sideBar .li03 .mouse .box {
  background: #fff;
  border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  width: 5rem;
  height: 5rem;
}
.sideBar .li03 .imgDiv {
  padding: 0.35rem 0 0 0.35rem;
}
.topA {
  position: fixed;
  right: 0rem;
  bottom: 3.5rem;
  display: none;
  width: 2.85rem;
  height: 2.85rem;
}
.tabContent {
  display: none;
}
.tab li {
  cursor: pointer;
}
.tabContent2 {
  display: none;
}
.tab2 li {
  cursor: pointer;
}
.tabContent3 {
  display: none;
}
.tab3 dd {
  cursor: pointer;
}
.cd-top {
  /* image replacement properties */
  overflow: hidden;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
#Layer1 {
  position: absolute;
  position: fixed;
  _position: absolute;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0rem;
  background-color: #000;
  display: none;
}
.selectDiv {
  cursor: pointer;
}
.selectDiv span {
  padding-left: 0.5rem;
}
.selectDiv select {
  display: none;
}
/**/
.selectLayer {
  position: absolute;
  z-index: 100;
  display: none;
  background: #FFF;
  border: #bababa solid 0.05rem;
}
.selectLayer li {
  height: 1.1rem;
  line-height: 1.1rem;
  overflow: hidden;
  padding-left: 0.5rem;
  color: #666;
}
.cf {
  *zoom: 1;
}
.cf:after {
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
#online {
  position: fixed;
  bottom: 0rem;
  /*left: 5%;*/
  z-index: 9;
  display: none;
  width: 100%;
  height: 2.5rem;
  /*border-radius: 1.1rem;*/
  background: rgba(0, 0, 0, 0.9);
  align-items: center;
  box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
}
#online * {
  box-sizing: border-box;
}
#online a {
  float: left;
  flex: 1;
  width: 25%;
  height: 100%;
  padding: 0.3rem 0;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 0.6rem;
}
#online a:before {
  display: block;
  height: 1.4rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  transition: all 0s;
}
#online a:not(:last-child) {
  border-right: 0.05rem solid #666;
}
#online .iconzhuye:before {
  font-size: 1.4rem;
}
#online-services {
  position: fixed;
  bottom: 6rem;
  right: 1rem;
  z-index: 9;
  width: 2.5rem;
}
#online-services * {
  box-sizing: border-box;
}
#online-services li {
  position: relative;
  height: 2.5rem;
  /*margin-top: 0.3rem;*/
}
#online-services .services-btn {
  display: block;
  height: 100%;
  /*border-radius: 50%;*/
  background: #2487f8;
  text-align: center;
  line-height: 2.5rem;
  color: #fff;
  font-size: 1.4rem;
  transition: background 0.3s;
}
#online-services .services-box {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 100%;
  padding-right: 0.85rem;
  opacity: 0;
  transition: all 0.3s;
}
#online-services .services-box .box {
  position: relative;
  width: 9.5rem;
  background: #fff;
  min-height: 4.5rem;
  padding: 1rem;
  border: 0.05rem solid #E0E1E5;
  border-radius: 0.15rem;
  box-shadow: 0rem 0.1rem 0.25rem 0rem rgba(161, 163, 175, 0.11);
}
#online-services .services-box .box:after {
  position: absolute;
  width: 0.4rem;
  height: 0.6rem;
  background: url(../images/icon.png) no-repeat;
  right: -0.4rem;
  top: 1.55rem;
  content: '';
}
#online-services li:hover .services-btn {
  background: #2487f8;
}
#online-services li:hover .services-box {
  visibility: visible;
  top: -0.5rem;
  opacity: 1;
}
#online-services .services-box .qq-list a {
  position: relative;
  display: block;
  height: 2.2rem;
  padding-left: 2.8rem;
  line-height: 2.2rem;
}
#online-services .services-box .qq-list a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: url(../images/icon.png) -0.5rem 0.75rem no-repeat #F1F1F3;
  transition: background 0.2s;
  content: '';
}
#online-services .services-box .qq-list a:hover:before {
  background-position-y: 0.1rem;
}
#online-services .services-box .qq-list a + a {
  margin-top: 0.5rem;
}
#online-services .services-box .tel-box dt {
  position: relative;
  padding: 0 0 0.7rem 1rem;
  border-bottom: 0.05rem solid #eee;
  font-size: 0.75rem;
  color: #333;
  line-height: 1.1rem;
}
#online-services .services-box .tel-box dt .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #F1F1F3;
  color: #afb0b3;
  text-align: center;
  line-height: 2rem;
  font-size: 1.2rem;
}
#online-services .services-box .tel-box dt .tel {
  color: #000;
}
#online-services .services-box .tel-box dd {
  padding: 0.5rem 0 0 0.7rem;
}
#online-services .services-box .tel-box dd p {
  float: left;
  width: 50%;
}
#online-services .services-box .tel-box dd a {
  font-size: 0.6rem;
  color: #888;
  line-height: 1.4rem;
}
#online-services .services-box .tel-box dd a:hover {
  color: #007cc3;
}
#online-services .services-box .weixin-box {
  font-size: 0.8rem;
  color: #999;
  text-align: center;
}
#online-services .services-box .weixin-box img {
  display: block;
  width: 100%;
}
#online-services #top {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  visibility: hidden;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#online-services #top.show {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.more-style {
  position: relative;
  overflow: hidden;
}
.more-style span {
  position: relative;
  z-index: 1;
  transition: color 0.65s;
}
.more-style:after {
  content: '';
  display: block;
  width: 7rem;
  height: 7rem;
  background: #2487f8;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: ease 0.65s;
  z-index: -1;
}
.more-style:hover {
  color: #fff;
}
.more-style:hover a {
  color: inherit;
}
.more-style:hover:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.more-style.white:hover {
  color: #2487f8 !important;
}
.more-style.black {
  background: #5a5a5a !important;
}
.more-style.black:after {
  background: #1b1b1b;
}
.addIcon {
  display: inline-block;
  position: relative;
  width: 0.55rem;
  height: 0.55rem;
}
.addIcon:before {
  position: absolute;
  top: 0;
  left: 0.2rem;
  height: 100%;
  border-left: 0.15rem solid #454545;
  content: '';
}
.addIcon:after {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 100%;
  border-top: 0.15rem solid #454545;
  content: '';
}
.switch {
  margin: 1.5rem 0 0rem;
  width: 100%;
}
.switch ul {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.switch ul li {
  position: relative;
  padding: 0.4rem 1.5rem;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.switch ul .ac {
  background-color: #2487f8;
  color: #fff;
}
.switch ul .ac a {
  color: inherit;
}
/* ---------- flex box --------- */
.fx {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.fy {
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.jc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.jb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ac {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.fc {
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/**** 新闻详情 ****/
#snews {
  padding: 7.5rem 0 5rem;
  background-color: #f4f4f4;
}
#snews .container {
  max-width: 75rem;
  margin: 0 auto;
}
#snews .n-box {
  justify-content: space-between;
}
#snews .n-box .nl {
  width: 64%;
}
#snews .n-box .nl .n-head {
  padding-bottom: 1rem;
  border-bottom: 0.05rem solid #e6e6e6;
}
#snews .n-box .nl .n-head h4 {
  font-size: 1.2rem;
  color: #000;
}
#snews .n-box .nl .n-head p {
  margin-top: 1.5rem;
  font-size: 0.7rem;
  color: #999;
}
#snews .n-box .nl .nbody {
  padding: 3rem 0;
  min-height: 25rem;
}
#snews .n-box .nl .nbody img {
  width: auto;
}
#snews .n-box .nr {
  margin-left: 4%;
  width: 28%;
}
#snews .n-box .nr h2 {
  margin: 1rem 0;
  font-size: 1rem;
  color: #000;
}
#snews .n-box .nr .nr-cont .nr-item {
  margin-bottom: 1.5rem;
}
#snews .n-box .nr .nr-cont .nr-item .n-pic {
  width: 33.3%;
  height: 4.5rem;
}
#snews .n-box .nr .nr-cont .nr-item .n-pic img {
  height: 100%;
}
#snews .n-box .nr .nr-cont .nr-item .nc {
  padding: 0.25rem 0.5rem;
  width: 66%;
  justify-content: space-between;
}
#snews .n-box .nr .nr-cont .nr-item .nc p {
  font-size: 0.7rem;
  line-height: 1rem;
  color: #4d4d4d;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#snews .n-box .nr .nr-cont .nr-item .nc span {
  font-size: 0.6rem;
  color: #999;
}
.page-num-current {
  background-color: #2487f8 !important;
  color: #fff !important;
}