/* CSS Document */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font: 12px/1.5 '微软雅黑', 'Microsoft YaHei', Arial, sans-serif;
  color: #6a6a6a;
  -webkit-text-size-adjust: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
hr {
  margin: 0;
}

button,
option,
textarea,
td {
  padding: 0;
  font-size: 100%;
}

ul,
ol,
input {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style-type: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

em,
i {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

button {
  border: none;
}

img {
  border: 0;
  vertical-align: middle;
}

input,
textarea,
select {
  outline: none;
}

:focus {
  outline: 0;
}

a {
  color: #000;
  text-decoration: none;
}

textarea {
  resize: none;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999 !important;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999 !important;
}

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.clear {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

@font-face {
  font-family: "Swis721 Lt BT";
  src: url('../font/Swis721LtBT.eot');
  src: url('../font/Swis721LtBT.eot') format('embedded_opentype'),
    /*url('../font/Swis721LtBT.woff2') format('woff2'),*/
    url('../font/Swis721LtBT.woff') format('woff'),
    url('../font/Swis721LtBT.ttf') format('truetype'),
    url('../font/Swis721LtBT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Swis721 BT";
  src: url('../font/Swis721BT.eot');
  src: url('../font/Swis721BT.eot') format('embedded_opentype'),
    /*url('../font/Swis721BT.woff2') format('woff2'),*/
    url('../font/Swis721BT.woff') format('woff'),
    url('../font/Swis721BT.ttf') format('truetype'),
    url('../font/Swis721BT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  position: relative;
  /*height: 100%;*/
}

.inBody {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

.w {
  color: #fff;
}

.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


/* 去除iPhone中默认的input样式 */
input,
select,
textarea,
button {
  appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  /* -webkit-appearance:none;*/
  resize: none;
  border-radius: 0;
  outline: none;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

input[type="button"],
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
button {
  cursor: pointer;
}

@media (min-width:1025px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(200, 200, 200, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
}

.w1720 {
  padding: 0 99px;
  margin: 0 auto;
}

.w1360 {
  padding: 0 20px;
  max-width: 1360px;
  margin: 0 auto;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

@media (max-width:1440px) {
  .w1720 {
    padding: 0 30px;
  }
}

@media (max-width:1220px) {
  .w1200 {
    width: 1100px;
  }
}

@media (max-width:1150px) {
  .w1200 {
    width: 1000px;
  }
}

@media (max-width:1024px) {
  .w1200 {
    width: 750px;
  }

  .w1360 {
    max-width: 750px;
  }
}

@media (max-width:768px) {
  .w1200 {
    width: 94%;
  }

  .w1720 {
    padding: 0 3%;
  }

  .w1360 {
    padding: 0 3%;
  }
}

/*reset*/



/*hear*/
.header {
  overflow: visible;
  position: fixed;
  left: 0;
  /* top: 50px; */
  width: 100%;
  z-index: 999;
  transition: all .3s;
  /* padding-top: 5px; */
  padding: 10px 0;
}

.header.white {
  background: #1b1b1b;
  top: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.header .logo {
  height: auto;
  display: inline-block;
}

.header .logo img {
  max-height: 100%;
}

.header.white .logo {
  height: 65px;
}

/*m-nav-btn*/
.header .m-nav-btn {
  display: none;
  position: absolute;
  width: 20px;
  height: 14px;
  cursor: pointer;
  right: 6.125%;
  top: 27px;
}

.header .m-nav-btn.active .line1 {
  transform: rotate(47deg);
}

.header .m-nav-btn.active .line2 {
  display: none;
}

.header .m-nav-btn.active .line3 {
  transform: rotate(-47deg);
}

.header .m-nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  transition: all .5s ease;
  margin: 0;
}

.header .m-nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.header .m-nav-btn .line2 {
  top: 7px;
}

.header .m-nav-btn .line3 {
  top: 100%;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

/*header-lan*/
.header .header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  float: right;
}

.header .header-mains {
  transition: all 0.5s;
  display: block;
}

.header .language-a-wrap {
  height: 60px;
  display: inline-flex;
  justify-content: space-around;
  padding: 0 0 0 50px;
  position: relative;
}

.header .language-a-wrap:before {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  display: inline-block;
  content: "";
  height: 14px;
  width: 1px;
  background: #fff;
  font-size: 0;
}

.header .language-a-wrap:before {
  left: 0;
}

.header .tel-a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  position: relative;
  line-height: 60px;
  height: 60px;
  transition-duration: .3s;
  text-align: center;
  color: #fff;
  overflow: hidden;
  font-size: 20px;
}

.header .language-a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  line-height: 34px;
  border: 1px solid #000;
  transition-duration: .3s;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background: #000000;
  margin-top: 10.5px;
  margin-bottom: 12px;
  margin-left: 40px;
  font-size: 16px;
}

.header .language-a:hover {
  color: #1b1b1b;
  background: #fff;
  border-color: #fff;
}

.header.white .language-a {
  border-color: #fff;
  background: #1b1b1b;
}

.header.white .language-a:hover {
  color: #1b1b1b;
  background: #fff;
}

/*header-nav*/
.header .header-nav {
  flex: 0 0 auto;
  display: inline-flex;
  font-size: 0;
}

.header .header-nav .nav-item {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.header .header-nav .nav-top-a1 {
  display: block;
  font-size: 20px;
  line-height: 60px;
  padding: 0 24px;
  color: #fff;
  transition-duration: .3s;
}

.header.white .header-nav .nav-top-a1 {
  color: #b3b3b3;
}

.header.white .header-nav .nav-item:hover .nav-top-a1 {
  color: #fff;
}

.header.white .header-nav .nav-item.cur .nav-top-a1 {
  color: #fff;
}

.header .header-nav .nav-sub-wrap {
  display: none;
  background: rgba(27, 27, 27, 0.7);
  position: absolute;
  left: 0;
  top: 100%;
  width: 130px;
  height: auto;
}

.header .header-nav .sub-a {
  display: block;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  transition-duration: .3s;
  padding: 11px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.header .header-nav .sub-a:hover {
  background: #da3d8c;
  padding-left: 16px;
}
/* 
@media (max-width:1440px) {
  .header {
    top: 25px;
  }
} */

@media (max-width:1220px) {
  .header .header-nav .nav-top-a1 {
    padding: 0 20px;
  }

  .header .language-a-wrap {
    padding: 0 0 0 20px;
  }

  .header .language-a {
    margin-left: 20px;
  }
}

@media (max-width:1024px) {

  /*.header .header-mains {justify-content: center; }*/
  .header {
    top: 0 !important;
    background: #1b1b1b;
    padding: 10px 0;
  }

  .header .logo {
    display: block;
    height: 60px;
  }

  .header.white .logo {
    height: 55px;
  }

  .header .header-right {
    flex: 0 0 0;
  }

  .header .header-nav {
    display: none;
    width: 100%;
    max-height: calc(100vh - 68px);
    overflow: scroll;
    position: fixed;
    height: auto;
    top: 68px;
    left: 0;
    padding-bottom: 50px;
    background: #1b1b1b;
  }

  .header .header-nav.active {
    display: block;
  }

  .header .m-nav-btn {
    display: block;
  }

  .header .header-nav .nav-sub-wrap {
    max-height: 180px;
    overflow: scroll;
  }

  .header .header-nav .nav-item {
    display: block;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .header .header-nav .nav-top-a1 {
    line-height: 40px;
    height: 40px;
    padding: 0;
    /*margin: 0 6.125%;*/
    width: 100%;
    color: #fff;
  }

  .header .header-nav .nav-item {
    position: relative;
    margin: 0 6.125%;
  }

  .header .header-nav .jia {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    background: url(../image/jia2.png) no-repeat right center;
    transition-duration: .3s;
    background-size: 15px !important;
  }

  .header .header-nav .nav-item.m-cur .jia {
    background: url(../image/jian2.png) no-repeat right center;
  }

  .header .header-nav .sub-a {
    padding: 0 1.5%;
    border-top: none;
    line-height: 36px;
    font-size: 20px;
  }

  .header .header-nav .nav-sub-wrap {
    position: static;
    width: 87.5%;
    margin: 0 auto;
    background: #1b1b1b;
  }

  .header .header-nav .sub-a:hover {
    padding-left: 1.5%;
    background: none;
  }

  .header .language-a-wrap {
    padding: 0;
    position: absolute;
    top: 16px;
    right: 80px;
    height: 36px;
  }

  .header .language-a {
    margin-left: 0;
    margin-top: 0;
  }

  .header .tel-a {
    display: none;
  }

  .header .language-a-wrap:before {
    display: none;
  }
}

@media (max-width:640px) {
  .header .language-a-wrap {
    right: 13vw;
  }
}




/*banner*/
.brandBanner {
  position: relative;
  z-index: 1;
}

.brandBanner li {
  overflow: hidden;
  margin: 0 auto !important;
}

.brandBanner li a,
.brandBanner li img {
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
}

.brandBanner .bx-controls {
  text-align: center;
  position: absolute;
  bottom: 25px;
  line-height: 0;
  left: 0;
  width: 100%;
  height: 32px;
  z-index: 60;
}

.brandBanner .bx-pager {
  display: inline-block;
}

.brandBanner .bx-pager .bx-pager-item {
  font-size: 0;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 5px !important;
}

.brandBanner .bx-pager .bx-pager-item a {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  transition-duration: .5s;
  cursor: pointer;
  background: transparent;
  opacity: 1;
  border: 1px solid transparent;
  border-radius: 50%;
}

.brandBanner .bx-pager .bx-pager-item a:before {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  content: "";
  width: 4px;
  height: 4px;
  margin-left: -2px;
  margin-top: -2px;
  border-radius: 50%;
  transition-duration: .5s;
  background: #fff;
}

.brandBanner .bx-pager .bx-pager-item a.active {
  border-color: #fff;
}

.brandBanner .bx-pager .bx-pager-item a.active:before {
  transform: scale(1.5);
}

@media screen and (max-width:1024px) {
  .brandBanner {
    padding-top: 68px;
  }

  .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 3.125vw;
    text-align: center;
  }

  .hd ul li {
    border: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 5px;
    height: 5px;
    margin: 0 0.5em !important;
    overflow: hidden;
    line-height: 999px;
    border-radius: 50%;
  }

  .hd ul li.on {
    background: #fff;
  }
}





/*.index-title*/
.index-title {
  position: relative;
}

.index-title .en {
  font-size: 36px;
  /* color: #3b4048; */
  /* line-height: 60px; */
  color: #fff;
  line-height: 100px;
  background-color: #000;
  font-family: "Swis721 Lt BT";
  text-transform: uppercase;
}
.index-title .en a{
  color: #fff;
}

.index-title .cn {
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

@media screen and (max-width:1220px) {
  .index-title .en {
    font-size: 30px;
  }
}

@media screen and (max-width:1024px) {
  .index-title .en {
    font-size: 26px;
  }
}

@media screen and (max-width:768px) {
  .index-title .en {
    font-size: 20px;
  }
}


/*more*/
.btn-view {
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}

.btn-view a {
  display: inline-block;
  line-height: 58px;
  height: 58px;
  width: 58px;
  border: 1px solid #da3d8c;
  background: url(../image/more.png) no-repeat center center;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all .5s ease-in-out;
}

.btn-view a:hover {
  background: url(../image/more2.png) no-repeat center center #da3d8c;
}

@media screen and (max-width:768px) {
  .btn-view {
    display: none;
  }
}



/*indexAbout*/
.indexAbout {
  padding-top: 90px;
  padding-bottom: 90px;
  overflow: hidden;
}

.indexAbout .index-title {
  margin-bottom: 60px;
}

.indexAbout .aboutBox {
  font-family: "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

.indexAbout .aboutBox .aboutImg {
  width: 690px;
  float: left;
  min-height: 490px;
}

.indexAbout .aboutBox .aboutImg a {
  display: inline-block;
  position: relative;
}

.indexAbout .aboutBox .aboutImg a:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 20px;
  left: 20px;
  position: absolute;
  background: #f9f9f9;
}

.indexAbout .aboutBox .aboutImg img {
  max-width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  width: 500px;
}

.indexAbout .aboutBox .aboutwz {
  width: 670px;
  float: left;
  position: relative;
}

.indexAbout .aboutBox .aboutwz:after {
  content: "";
  width: 860px;
  height: 80%;
  top: 15%;
  left: 90px;
  position: absolute;
  background: #f9f9f9;
}

.indexAbout .aboutBox .aboutwzBox {
  padding: 130px 0 0px 0;
  position: relative;
  z-index: 1;
}

.indexAbout .aboutBox .aboutTit {
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Swis721 Lt BT", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 600;
}

.indexAbout .aboutBox .aboutInfo {
  font-size: 14px;
  color: #000000;
  line-height: 30px;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Swis721 Lt BT", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
  max-height: 330px;
  overflow: hidden;
  margin-bottom: 65px;
}

@media screen and (max-width:1440px) {
  .indexAbout .aboutBox .aboutImg {
    width: 50%;
  }

  .indexAbout .aboutBox .aboutwz {
    width: 50%;
  }
}

@media screen and (max-width:1220px) {
  .indexAbout {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .indexAbout .index-title {
    margin-bottom: 20px;
  }

  .indexAbout .aboutBox .aboutImg img {
    width: 450px;
  }

  .indexAbout .aboutBox .aboutwzBox {
    padding: 100px 50px 0px 0;
  }
}

@media screen and (max-width:1200px) {
  .indexAbout .aboutBox .aboutImg a {
    width: 400px;
  }
}

@media screen and (max-width:1024px) {
  .indexAbout {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .indexAbout .index-title {
    margin-bottom: 10px;
  }

  .indexAbout .aboutBox .aboutImg {
    width: 100%;
    float: none;
    min-height: auto;
    margin-bottom: 60px;
    text-align: center;
  }

  .indexAbout .aboutBox .aboutImg img {
    width: 100%;
  }

  .indexAbout .aboutBox .aboutImg img {
    width: 400px;
    margin: 0 auto;
  }

  .indexAbout .aboutBox .aboutwz {
    width: 100%;
    float: none;
  }

  .indexAbout .aboutBox .aboutInfo {
    margin-bottom: 20px;
    max-width: 100%;
  }

  .indexAbout .aboutBox .aboutwzBox {
    padding: 0 0 0 0;
  }
}

@media screen and (max-width:768px) {
  .indexAbout {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .indexAbout .aboutBox .aboutNr {
    padding-top: 10px;
  }

  .indexAbout .aboutBox .aboutImg img {
    width: 100%;
  }

  .indexAbout .aboutBox .aboutwzBox {
    padding: 0 0px 0 0px;
  }

  .indexAbout .aboutBox .aboutwz:after {
    display: none;
  }
}

/*aboutshuju*/
.aboutshuju .aboutshujuBox {
  margin: 0 -30px;
  padding-top: 100px;
}

.aboutshuju .box {
  float: left;
  width: 50%;
}

.aboutshuju .box .boxNr {
  margin: 0 30px;
  line-height: 50px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 18px;
  color: #000000;
  font-family: "苹方", "PingFang SC", "Swis721 Lt BT", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

.aboutshuju .box .boxNr .en {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 10px;
  font-family: "Swis721 Lt BT";
}

.aboutshuju .box .boxNr .n {
  font-size: 14px;
  float: right;
  font-family: "Swis721 Lt BT";
}

@media screen and (max-width:1024px) {
  .aboutshuju .aboutshujuBox {
    margin: 0 -15px;
    padding-top: 60px;
  }

  .aboutshuju .box .boxNr {
    margin: 0 15px;
    line-height: 50px;
    margin-bottom: 15px;
    font-size: 16px;
  }
}

@media screen and (max-width:767px) {
  .aboutshuju .box {
    float: none;
    width: 100%;
  }

  .aboutshuju .aboutshujuBox {
    margin: 0 0px;
    padding-top: 10px;
  }

  .aboutshuju .box .boxNr {
    margin: 0 0px;
    line-height: 50px;
    margin-bottom: 15px;
    font-size: 16px;
  }
}






/* indexNews*/
.indexNews {
  padding-bottom: 80px;
  padding-top: 73px;
}

.indexNews .index-title {
  margin-bottom: 54px;
}

.indexNews .aboutTit-en {
  margin-bottom: 0px;
}

.indexNews .btn-view {
  float: right;
}

.indexNews .newsList {
  margin: 0 0;
}

.indexNews .newsList li {
  width: 33.333333%;
  height: auto;
  margin: 0 auto;
  position: relative;
  list-style: none;
  margin-bottom: 30px;
  float: left;
}

.indexNews .newsList li a {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.indexNews .newsList li .ImgBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.indexNews .newsList li .ImgBox img {
  display: block;
}

/*img tiaozheng*/
.indexNews .newsList li a .ImgBox {
  overflow: hidden;
  padding-bottom: 60%;
  position: relative;
}

.indexNews .newsList li a .ImgBox img {
  display: block;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 100%;
  max-width: none;
  height: 100%;
  width: 98%;
}

.indexNews .newsList li a,
.indexNews .newsList li .ImgBox,
.indexNews .newsList li .ImgBox img {
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.indexNews .newsList li a:hover .ImgBox img {
  -moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  -ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
}

/**/
.indexNews .newsList li .nr {
  margin: 0 20px;
  padding: 30px 130px 30px 30px;
  background: #fff;
  position: relative;
  background-image: url(../image/more3.png);
  background-repeat: no-repeat;
  background-position: 85% 80%;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

.indexNews .newsList li .date {
  font-size: 14px;
  color: #1e2831;
  font-family: "Swis721 BT";
  line-height: 20px;
  border: 2px solid #dcdcdc;
  text-align: center;
  width: 70px;
  padding-bottom: 15px;
  padding-top: 15px;
  position: absolute;
  top: 30px;
  right: 30px;
  font-weight: 600;
}

.indexNews .newsList li .date strong {
  font-size: 18px;
  display: block;
  line-height: 20px;
}

.indexNews .newsList li h1 {
  font-size: 18px;
  color: #464646;
  line-height: 26px;
  height: 52px;
  margin-bottom: 20px;
  font-weight: normal;
  overflow: hidden;
}

.indexNews .newsList li .wz {
  font-size: 13px;
  color: #464646;
  line-height: 26px;
  max-height: 130px;
  overflow: hidden;
}

.hd2 {
  width: 100%;
  text-align: center;
}

.hd2 ul li {
  border: 1px solid #a0a0a0;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 8px;
  height: 8px;
  margin: 0 2.5px;
  overflow: hidden;
  line-height: 999px;
}

.hd2 ul li.on {
  background: #da3d8c;
  border-color: #da3d8c;
}

@media screen and (max-width:1440px) {
  .indexNews .newsList li .ImgBox img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width:1024px) {
  .indexNews .newsList li {
    width: 100%;
  }
}

@media screen and (max-width:768px) {
  .NewsBox {
    width: 100%;
  }

  .indexNews .newsList li {
    width: 100%;
  }

  .indexNews .newsList li .nr {
    margin: 0 10px;
    padding: 30px 120px 20px 20px;
    background: #fff;
  }
}

@media screen and (max-width:640px) {
  .indexNews .index-title {
    margin-bottom: 10px;
  }

  .indexNews {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .indexNews .newsList li {
    margin-bottom: 30px;
  }

  /*.indexNews .newsList li a:before{ height:80px;}*/
  .indexNews .newsList li .date {
    font-size: 12px;
  }

  .indexNews .newsList li h1 {
    padding-top: 5px;
    height: 26px;
    line-height: 26px;
  }
}




/*index-tec*/
.index-tec {
  width: 100%;
  height: 740px;
  background-color: #191c20;
  background-repeat: no-repeat;
  background-position: center top;
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 145px;
  padding-bottom: 85px;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

.index-tec .titleBox {
  font-size: 60px;
  color: #fff;
  font-family: "Swis721 BT";
  letter-spacing: 8px;
  line-height: 66px;
  font-weight: 600;
  max-width: 410px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.index-tec .tecBox {
  font-size: 14px;
  color: #ffffff;
  line-height: 28px;
  height: 112px;
  overflow: hidden;
  max-width: 410px;
  margin-bottom: 30px;
}

.index-tec .btn-view {
  overflow: hidden;
  text-align: center;
  position: static;
  top: auto;
  right: auto;
  display: inline-block;
}

.index-tec .btn-view a {
  border: 1px solid #fff;
  background: url(../image/more2.png) no-repeat center center;
}

.index-tec .btn-view a:hover {
  background: url(../image/more2.png) no-repeat center center #da3d8c;
  border-color: #da3d8c;
}

@media screen and (max-width:1220px) {
  .index-tec {
    padding-top: 90px;
    padding-bottom: 70px;
  }

  .index-tec {
    height: auto;
  }
}

@media screen and (max-width:1024px) {
  .index-tec {
    padding-top: 80px;
    padding-bottom: 70px;
  }

  .index-tec .titleBox {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 4px;
  }

}

@media screen and (max-width:678px) {
  .index-tec {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .index-tec .titleBox {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 3px;
  }

}



/*index-pro*/
.index-pro {
  padding-bottom: 0px;
  /* padding-top: 60px; */
}

.index-pro .index-title .en {
  text-align: center;
  /* margin-bottom: 50px; */
}

.index-pro .proList {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  height: auto;
  color: #a0a0a0;
  font-size: 0;
  line-height: normal;
}

.index-pro .proList li {
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  vertical-align: top;
}

.index-pro .proList li a {
  display: block;
  background: #2d2d2d;
}

.index-pro .proList li .proLeft,
.index-pro .proList li .proRight {
  width: 50%;
  float: left;
}

/*.index-pro .proList li .ImgBox{width:100%;height:auto;overflow:hidden;position: relative;}
.index-pro .proList li .ImgBox img{width:100%;}
.index-pro .proList li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index-pro .proList li:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}*/
/*img tiaozheng*/
.index-pro .proList li a .ImgBox {
  overflow: hidden;
  padding-bottom: 60.29411764705882%;
  position: relative;
}

.index-pro .proList li a .proRight .ImgBox {
  padding-bottom: 100%;
}

.index-pro .proList li a .proRight .ImgBox img {
  width: auto;
}

.index-pro .proList li a .ImgBox img {
  display: block;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 100%;
  max-width: none;
  height: 100%;
  width: 100%;
}

.index-pro .proList li a,
.index-pro .proList li .ImgBox,
.index-pro .proList li .ImgBox img {
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-pro .proList li a:hover .ImgBox img {
  -moz-transform: scale3d(1.02, 1.02, 1.02) translate(-50%, -50%);
  -webkit-transform: scale3d(1.02, 1.02, 1.02) translate(-50%, -50%);
  -ms-transform: scale3d(1.02, 1.02, 1.02) translate(-50%, -50%);
  transform: scale3d(1.02, 1.02, 1.02) translate(-50%, -50%);
}


/**/
.index-pro .proList li .ImgBox .en {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: left;
}

.index-pro .proList li .ImgBox .en span {
  display: block;
  padding: 20px 20px;
}

.index-pro .proList li .ImgBox .cn {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18px;
  color: #fff;
  height: 70px;
  line-height: 70px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: left;
}

.index-pro .proList li .ImgBox .cn span {
  display: block;
  padding: 0 75px;
}

.index-pro .proList li .listTitle {
  overflow: hidden;
  display: block;
  padding: 40px 75px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  text-align: center;
}

.index-pro .proList li .listTitle .wz {
  display: block;
  font-size: 14px;
  color: #ffffff;
  height: 90px;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  margin-bottom: 40px;
}

.index-pro .proList li .listTitle .shuju .date {
  padding-right: 75px;
}

.index-pro .proList li .listTitle .shuju .date,
.index-pro .proList li .shuju .area {
  float: left;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  text-align: left;
  font-family: "Swis721 Lt BT";
}

.index-pro .proList li .listTitle .shuju .date span,
.index-pro .proList li .listTitle .shuju .area span {
  font-size: 20px;
  padding-bottom: 15px;
  display: block;
  position: relative;
  font-family: "Swis721 Lt BT";
}

.index-pro .proList li .listTitle .shuju .date span:after,
.index-pro .proList li .listTitle .shuju .area span:after {
  content: "";
  width: 15px;
  height: 3px;
  bottom: 5px;
  left: 0;
  position: absolute;
  background: #da3d8c;
}

.index-pro .proList li .ImgBox .en-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18px;
  color: #fff;
  height: 107px;
  line-height: 107px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: left;
  background: rgba(45, 45, 45, 0.80);
}

.index-pro .proList li .ImgBox .en-title span.n {
  display: block;
  padding: 0 75px;
}

.index-pro .proList li .ImgBox .en-title span.n b {
  font-weight: normal;
  display: inline-block;
}

.index-pro .proList li .ImgBox .en-title span.n .m {
  float: right;
}

/*prev + next*/
.prolunboBox {
  position: relative;
}

.prolunboCon {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}

.prolunboBox .prev,
.prolunboBox .next {
  margin: 0 0;
  display: inline-block;
  text-decoration: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.prolunboBox .prev {
  background: url(../image/index-left.png) center center no-repeat #262626;
  left: -25px;
}

.prolunboBox .next {
  background: url(../image/index-right.png) center center no-repeat #262626;
  right: -25px;
}

.prolunboBox:hover .prev,
.prolunboBox:hover .next {
  filter: alpha(opacity=100);
  opacity: 1;
}

.hd1 {
  display: none;
}

@media screen and (max-width:1440px) {
  .index-pro .proList li .ImgBox .cn span {
    padding: 0 50px;
  }

  .index-pro .proList li .listTitle {
    padding: 30px 50px;
  }

  .index-pro .proList li .ImgBox .en-title {
    height: 90px;
    line-height: 90px;
  }

  .index-pro .proList li .ImgBox .en-title span.n {
    padding: 0 50px;
  }
}

@media screen and (max-width:1220px) {
  .index-pro {
    padding-bottom: 90px;
    padding-top: 0px;
  }

  .index-pro .proList li .ImgBox .cn {
    height: 50px;
    line-height: 50px;
  }

  .index-pro .proList li .ImgBox .cn span {
    padding: 0 30px;
  }

  .index-pro .proList li .listTitle {
    padding: 30px 30px;
  }

  .index-pro .proList li .ImgBox .en-title {
    height: 70px;
    line-height: 70px;
  }

  .index-pro .proList li .ImgBox .en-title span.n {
    padding: 0 30px;
  }

  .index-pro .proList li .listTitle .wz {
    margin-bottom: 20px;
  }

}

@media screen and (max-width:1024px) {
  .index-pro {
    padding-bottom: 50px;
    padding-top: 0px;
  }

  .index-pro .proList li .proLeft {
    width: 100%;
    float: none;
  }

  .index-pro .proList li .proRight {
    width: 0;
    float: none;
    display: none;
  }
}

@media screen and (max-width:768px) {
  .index-pro .index-title .en {
    /* margin-bottom: 30px; */
  }

  .prolunboBox .prev,
  .prolunboBox .next {
    display: none;
  }

  .index-pro .proList li .listTitle .shuju .date {
    padding-right: 30px;
  }
}









/*footer*/
/* .footer{width:100%;background-image:url(../image/footbg.jpg);background-color:#0a0e11;background-repeat:no-repeat;background-position:center top;box-sizing:border-box; overflow:hidden;padding-top:145px;padding-bottom:85px;font-family: "Swis721 Lt BT","苹方","PingFang SC","Lantinghei SC","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","STHeitiSC-Light",simsun,"WenQuanYi Zen Hei","WenQuanYi Micro Hei","sans-serif";}
.footer .footer-top{padding-bottom:80px;}
.footer .footer-center{padding-bottom:68px;}
.footer .flist{width:36%;float:left; position:relative;} */
/*.footer .flist:after{content:'';display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:#ffffff;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;}*/
/* .footer .flist .flistBox{float: left;}
.footer .t1{padding-bottom:10px;font-size:20px;color:#da3d8c;}
.footer .t1 a{font-size:20px;color:#da3d8c;position:relative; text-transform:uppercase;}
.footer .flist dl{float: left; width:140px;padding-right:10px;}
.footer .flist dl dd a{font-size:12px;color:#ffffff;line-height:30px;}
.footer .flist dl dd a span{padding-left:10px;}
.footer .flist a:hover{color:#da3d8c;}
.footer .lianxi{float:left;color:#fff;font-size:13px;line-height:26px;width:46%;}
.footer .lianxi td{color:#fff;font-size:13px;line-height:26px;}
.footer .msg{float:right;color:#fff;font-size:14px;line-height:30px; text-align:center; width:140px;}
.footer .msg img{ display:inline-block;max-width:100%;}
.copyright{width:100%;padding: 23px 0px;box-sizing:border-box;position:relative;}
.footer .bottom-logo{width:300px;float:left;}
.footer .bottom-logo img{width:180px;}
.copyright .bq{ text-align:right;padding: 23px 0px;}
.copyright span{color:#909090;display: inline-block;font-size:12px; line-height:24px;}
.copyright span a{color:#909090;}
.copyright span a:hover{color:#fff;}
@media screen and (max-width:1220px) {
	.footer .footer-top{padding-bottom:50px;}
	.footer .footer-center{padding-bottom:50px;}

}

@media screen and (max-width:1024px) {
    .footer{padding-top:50px;padding-bottom:50px;}
	.footer .flist{width:24%;}
    .footer .msg{width:140px;}
	.footer .lianxi{width:50%;}

}
@media screen and (max-width: 768px) {
    .footer{padding-top:30px;padding-bottom:0px;}
	.footer .footer-top{padding-bottom:0;}
	.footer .flist .flistBox{margin-bottom:10px;}
	.footer .flist{float:none; width:100%;padding-bottom:30px;}
	.footer .flist dl{float:none;display:inline-block;width:auto;}
	.footer .flist dl dd{float:none; width:auto; display:inline-block;padding-right:10px;}
	.footer .lianxi{float:none;width:100%;margin-bottom:30px;margin-top:30px;}
	.footer .msg{width:140px; float:left;}
	.footer .bottom-logo{width:100%;margin-bottom:30px; display:none;}
	.footer .bottom-logo img{width:165px;}
	.copyright .bq{ text-align:center;padding:0;}
} */


/*css3*/
@keyframes float2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes float2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}






/*****************************page start*****************************/


/*pagebanner*/
.pagebannerBox {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  position: relative;
  background: #272727;
}

.pagebannerBox img {
  width: 100%;
  display: block;
}

.pagebannerBox .t {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -40px;
  height: 80px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.pagebannerBox .t .en {
  font-size: 60px;
  line-height: 40px;
  display: block;
  font-family: "Swis721 BT";
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  transition-delay: .2s;
}

.pagebannerBox .t .cn {
  font-size: 16px;
  line-height: 20px;
  display: block;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
  transition-duration: .8s;
  transition-delay: .4s;
}

.pagebannerBox .t .cn span {
  position: relative;
  padding: 0 40px;
  display: inline-block;
}

.pagebannerBox .t .cn span::before {
  content: '';
  display: block;
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  background: #fff;
  transition-delay: 1s;
  transition-duration: .8s;
}

.pagebannerBox .t .cn span::after {
  content: '';
  display: block;
  width: 0;
  position: absolute;
  right: 0;
  top: 50%;
  height: 1px;
  background: #fff;
  transition-delay: 1s;
  transition-duration: .8s;
}

@media screen and (max-width: 1440px) {
  .pagebannerBox .t {
    margin-top: -35px;
    height: 70px;
  }

  .pagebannerBox .t .cn {
    font-size: 16px;
    line-height: 20px;
  }

  .pagebannerBox .t .en {
    font-size: 50px;
    line-height: 35px;
  }
}

@media screen and (max-width: 1024px) {
  .pagebannerBox img {
    height: 400px;
  }

  .pagebannerBox .t .en {
    font-size: 30px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 920px) {
  .pagebannerBox img {
    height: 350px;
  }
}

@media screen and (max-width: 790px) {
  .pagebannerBox img {
    height: 230px;
  }
}

@media screen and (max-width:768px) {
  /* .pagebannerBox {
    margin-top: 68px;
  } */

  .pagebannerBox img {
    height: 200px;
  }

  .pagebannerBox .t {
    margin-top: -20px;
    height: 40px;
  }

  .pagebannerBox .t .cn {
    font-size: 12px;
    line-height: 20px;
  }

  .pagebannerBox .t .en {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 640px) {
  .pagebannerBox img {
    height: 180px;
  }
}

@media screen and (max-width: 350px) {
  .pagebannerBox img {
    height: 150px;
  }
}



.js-m2 {
  opacity: 0;
  transform: translateY(30px);
  transition-property: transform opacity;
  transition-duration: .8s;
  transition-timing-function: ease;
}

.js-m.animate,
.js-m2.animate,
.js-to-left.animate,
.js-to-right.animate,
.js-opacity.animate {
  opacity: 1;
  transform: translate(0, 0);
}

.pagebannerBox .t .cn.animate span::before,
.pagebannerBox .t .cn.animate span::after {
  width: 35px;
}


/*PageNav*/
.PageNav {
  margin: 0 auto;
  text-align: left;
  display: block;
  padding: 0 0 20px 0;
}

.PageNav .PageNavBox {
  position: relative;
  z-index: 99;
}

.PageNav ul {
  margin: 0 auto;
  font-size: 0;
  padding-right: 400px;
}

.PageNav li {
  list-style: none;
  display: inline-block;
  /* display: inline; */
  zoom: 1;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}

.PageNav li::before {
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -13px;
  background: url(../image/navbg.png) repeat-x center top;
  z-index: 0;
}

.PageNav li::after {
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: -13px;
  background: url(../image/navbg.png) repeat-x center bottom;
  z-index: 0;
}

.PageNav li a {
  display: inline-block;
  line-height: 70px;
  font-size: 18px;
  color: #1e2831;
  min-width: 130px;
  padding: 0 10px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.PageNav li a:hover,
.PageNav li.on a,
.PageNav ul li .PageNavTreeBox a:hover {
  color: #da3d8c;
}


.PageNav #DropList,.PageNav ul{
  position: relative;
  z-index: 99;
}

.PageNav .PageNavTree{
  position: relative;
}

.PageNav .PageNavTree:hover .PageNavTreeBox{
  display: block;
}

.PageNav .PageNavTreeBox{
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
}
.PageNav ul li .PageNavTreeBox a{
  line-height: normal;
  padding: 20px 10px;
  color: #000;
  border-top: 1px solid #eee;
}


/*searchbox*/
.searchbox {
  width: 365px;
  background-color: #f8f8f8;
  height: 70px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.searchbox .searchtext {
  width: 100%;
  height: 70px;
  line-height: 70px;
  background: none;
  border: none;
  font-size: 14px;
  color: #909090;
  text-indent: 20px;
}

.searchbox .searchbtn {
  width: 70px;
  height: 70px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../image/top-search.png) no-repeat center center;
  background-size: 14px;
  font-size: 0px;
  cursor: pointer;
}

@media screen and (max-width:1330px) {
  .PageNav ul {
    padding-right: 300px;
  }

  .PageNav li {
    margin-right: 20px;
  }

  .searchbox {
    width: 265px;
  }
}

@media screen and (max-width:1220px) {
  .PageNav ul {
    padding-right: 250px;
  }

  .PageNav li {
    margin-right: 10px;
  }

  .searchbox {
    width: 200px;
  }
}

@media screen and (max-width:1024px) {
  .PageNav {
    margin-bottom: 20px;
  }

  .PageNav ul {
    padding-right: 0;
  }

  .PageNav li {
    margin-right: 20px;
  }

  .PageNav li a {
    line-height: 60px;
    min-width: 90px;
    padding: 0 20px;
  }

  .searchbox {
    width: 100%;
    height: 50px;
    position: relative;
  }

  .searchbox .searchtext {
    height: 50px;
    line-height: 50px;
  }

  .searchbox .searchbtn {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width:768px) {
  .PageNav {
    width: 100%;
    position: relative;
  }

  .PageNav .PageNavBox {
    width: 100%;
    overflow: hidden;
  }

  .PageNav ul {
    overflow-x: scroll;
    /*padding:20px 0;*/
    width: 100vw;
  }

  .PageNav .PageNavBox::-webkit-scrollbar,
  .PageNav ul::-webkit-scrollbar {
    display: none;
  }

  .PageNav ul {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }

  .PageNav li {
    margin-right: 0;
    padding-top: 13px;
  }

  .PageNav li a {
    line-height: 70px;
    min-width: 90px;
    padding: 0 10px;
  }

  .PageNav li::before {
    top: 0;
  }

  .PageNav ul{
    z-index: 99;
  }


  .PageNav .PageNavTree,.PageNav li{
    position: static;
  }
  .PageNav .PageNavTreeBox{
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    top: 60px;
    text-align: left;
  }
  .PageNav ul li .PageNavTreeBox a{
    border-top: none;
    display: inline-block;
    padding: 12px 10px;
  }
}





/*pageInfo*/
.page img {
  max-width: 100%;
  height: auto;
}

.pageInfo {
  width: 100%;
  overflow: hidden;
  color: #000000;
  font-size: 16px;
  line-height: 30px;
  min-height: 300px;
  padding-top: 50px;
  /*padding-bottom:30px;*/
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Swis721 Lt BT", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

.pageInfo img {
  max-width: 100%;
}

.pageInfo td {
  color: #000000;
  font-size: 16px;
  line-height: 30px;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Swis721 Lt BT", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

.page-tit {
  font-size: 14px;
  color: #909090;
  overflow: hidden;
  padding-bottom: 15px;
  padding-bottom: 40px;
  font-family: "Swis721 Lt BT";
  text-transform: uppercase;
}

.page-tit2 {
  font-size: 26px;
  color: #1e2831;
  overflow: hidden;
  padding-bottom: 15px;
}

.pageline {
  width: 100%;
  height: 1px;
  background: #dddddd;
}

@media screen and (max-width:790px) {
  .pageInfo {
    padding-top: 30px;
    /*padding-bottom:30px;border-top:1px solid #dcdcdc;*/
    font-size: 14px;
  }

  .pageInfo td {
    font-size: 14px;
  }

  .page-tit {
    font-size: 20px;
    padding-bottom: 10px;
  }

  .page-tit2 {
    font-size: 16px;
  }
}






/*pageTable*/
.pageTable td {
  padding: 0 30px;
}

.pageTable2 td {
  width: 50%;
}

.pageTable2 td.wz {
  padding: 0 30px;
}

@media screen and (max-width:1024px) {
  .pageTable td {
    padding: 30px 0;
    width: 100% !important;
    display: block !important;
  }

  .pageTable2 td {
    padding: 30px 0;
    width: 100% !important;
    display: block !important;
  }

  .pageTable2 td.wz {
    padding: 0;
  }
}



/*history tit*/
.page-titBox {
  position: relative;
  margin-bottom: 30px;
  text-align: right;
}

.page-titBox .tit {
  text-align: right;
}

.page-titBox .tit .cn {
  /* float: left;*/
  display: block;
  vertical-align: bottom;
  font-size: 20px;
  color: #3b4048;
  line-height: 20px;
  padding-top: 10px;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

@media screen and (max-width:1024px) {
  .page-titBox .tit .cn {
    font-size: 18px;
  }
}

/*@media screen and (max-width:768px) {
.page-titBox .tit .cn{font-size:16px;}
}*/

/*history pageList*/
.pageList {
  padding: 0;
  padding-left: 80px;
  margin-bottom: 80px;
  background: url(../image/page-honor-t2.jpg) left bottom no-repeat;
}

.pageList ul.prolunbolist {
  padding: 0;
  overflow: hidden;
  height: auto;
  color: #a0a0a0;
  font-size: 0;
  line-height: normal;
  margin: 0 -10px;
}

.pageList ul.prolunbolist li.honorli {
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  width: 320px;
  margin-right: 80px;
  position: relative;
  vertical-align: top;
  margin-bottom: 20px;
}

.pageList ul.prolunbolist li.honorli a.honorlia {
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pageList ul.prolunbolist li.honorli .ImgBox {
  width: 320px;
  height: 195px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.pageList ul.prolunbolist li.honorli .ImgBox img {
  max-width: 320px;
  max-height: 195px;
  -webkit-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pageList ul.prolunbolist li.honorli a:hover .ImgBox img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.pageList ul.prolunbolist li.honorli .tit a {
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  font-size: 14px;
  color: #333333;
  text-align: center;
  display: block;
}

.pageList .hd2 {
  text-align: left;
}

.pageList .prolunboIcon {
  display: none;
}

@media screen and (max-width:1220px) {
  .pageList ul.prolunbolist li.honorli {
    width: 260px;
  }
}

@media screen and (max-width:1150px) {
  .pageList {
    margin-bottom: 50px;
  }

  .pageList ul.prolunbolist li.honorli {
    width: 235px;
  }

  .pageList ul.prolunbolist li.honorli .tit {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width:1024px) {
  .pageList ul.prolunbolist li.honorli {
    width: 365px;
  }

  .pageList ul.prolunbolist li.honorli .ImgBox img {
    width: 100%;
  }

  .pageList ul.prolunbolist li.honorli .tit {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width:768px) {
  .pageList ul.prolunbolist {
    margin: 0 -5px;
  }

  .pageList ul.prolunbolist li.honorli {
    width: 50%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .pageList ul.prolunbolist li.honorli a.honorlia {
    margin: 0 5px;
  }

  .pageList ul.prolunbolist li.honorli .ImgBox img {
    width: 100%;
  }
}

@media screen and (max-width:640px) {
  .pageList ul.prolunbolist li.honorli .tit {
    font-size: 13px;
  }
}









/*more*/
.btn-view2 {
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -30px;
}

.btn-view2 {
  display: inline-block;
  line-height: 58px;
  height: 58px;
  width: 58px;
  border: 1px solid #da3d8c;
  background: url(../image/more.png) no-repeat center center;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all .5s ease-in-out;
}

.btn-view2:hover {
  background: url(../image/more2.png) no-repeat center center #da3d8c;
}

@media screen and (max-width:1024px) {
  .btn-view2 {
    display: none;
  }
}




/*listpic*/
.pageList2 {
  margin-bottom: 30px;
}

.pageList2 ul li.listpic {
  font-size: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-bottom: 19px;
}

.pageList2 ul li.listpic a {
  display: block;
  position: relative;
  padding: 44px 70px 44px 60px;
  background: #f7f7f7;
}

.pageList2 ul li.listpic .ImgBox {
  width: 450px;
  height: 270px;
  overflow: hidden;
  float: left;
}

.pageList2 ul li.listpic .ImgBox img {
  max-width: 450px;
  max-height: 270px;
  width: 100%;
}

.pageList2 ul li.listpic .ImgBox img,
.pageList2 ul li.listpic .listTitle .listTitleBox {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all .5s ease-in-out;
}

.pageList2 ul li.listpic a:hover .ImgBox img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.pageList2 ul li.listpic .listTitle {
  overflow: hidden;
  display: block;
  padding: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  position: relative;
}

.pageList2 ul li.listpic .listTitle .listTitleBox {
  padding: 30px 150px 30px 75px;
}

.pageList2 ul li.listpic .listTitle .t {
  font-size: 18px;
  color: #464646;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  margin-top: 20px;
  font-weight: 600;
}

.pageList2 ul li.listpic .listTitle .t2 {
  font-size: 15px;
  color: #464646;
  height: 78px;
  line-height: 26px;
  overflow: hidden;
  margin-top: 20px;
}

.pageList2 ul li.listpic .listTitle .date {
  font-size: 24px;
  color: #da3d8c;
  line-height: 30px;
  margin-top: 20px;
  font-family: "Swis721 BT";
  font-weight: bold;
}

.pageList2 ul li.listpic a:hover .listTitle .t {
  color: #da3d8c;
}

.pageList2 ul li.listpic .cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 400ms;
  -webkit-transition: 400ms;
  opacity: 0;
  visibility: hidden;
}

.pageList2 ul li.listpic a:hover .cover {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width:1220px) {
  .pageList2 ul li.listpic a {
    padding: 30px 30px 30px 30px;
  }

  .pageList2 ul li.listpic .listTitle .listTitleBox {
    padding: 30px 100px 30px 50px;
  }

}

@media screen and (max-width:1024px) {
  .pageList2 ul li.listpic .ImgBox {
    width: 300px;
    height: 170px;
  }

  .pageList2 ul li.listpic .ImgBox img {
    max-width: 300px;
    max-height: 170px;
    width: 100%;
  }

  .pageList2 ul li.listpic .listTitle .listTitleBox {
    padding: 10px 10px 0 30px;
  }

  .pageList2 ul li.listpic .listTitle .date {
    margin-top: 0;
    font-size: 20px;
  }

  .pageList2 ul li.listpic .listTitle .t {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
  }

  .pageList2 ul li.listpic .listTitle .t2 {
    font-size: 13px;
    height: 72px;
    line-height: 24px;
    margin-top: 5px;
  }

  .pageList2 ul li.listpic a {
    padding: 30px 30px 30px 30px;
  }
}

@media screen and (max-width:768px) {
  .pageList2 ul li.listpic .ImgBox {
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }

  .pageList2 ul li.listpic .ImgBox img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }

  .pageList2 ul li.listpic .listTitle .listTitleBox {
    padding: 30px 0 0 0
  }
}

@media screen and (max-width:640px) {
  .pageList2 ul li.listpic a {
    padding: 30px 20px 30px 20px;
  }
}




/*page-tab*/
.page .page-tab {
  margin: 0 auto;
  padding: 15px 0 45px 0;
  text-align: center;
}

.page .page-tab ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  height: 38px;
  line-height: 38px;
  font-size: 0;
}

.page .page-tab ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  height: 36px;
  line-height: 36px;
}

.page .page-tab ul li a {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #5e5e5e;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #dcdcdc;
  background: transparent;
}

.page .page-tab ul li a:hover,
.page .page-tab ul li.on a {
  background: #da3d8c;
  color: #fff;
}

.page .page-tab ul li.next-page,
.page .page-tab ul li.prev-page {
  margin: 0 20px;
}

.page .page-tab ul li.next-page a,
.page .page-tab ul li.prev-page a {
  padding: 0 28px;
}

@media screen and (max-width:640px) {
  .page .page-tab ul li {
    display: none;
  }

  .page .page-tab ul li.next-page,
  .page .page-tab ul li.prev-page {
    display: inline-block;
  }

  .page .page-tab ul li a {
    background: #da3d8c;
    color: #fff;
  }
}








/*case*/
.pageList3Box {
  padding: 80px 0 30px 0;
  background: #f9f9f9;
  margin-bottom: 20px;
}

.caseList {
  margin: 0 -10px;
  font-size: 0;
}

.caseList li {
  width: 50%;
  height: auto;
  margin: 0 auto;
  position: relative;
  list-style: none;
  margin-bottom: 60px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}

.caseList li a {
  display: block;
  margin: 0 10px;
  padding: 0;
  position: relative;
}

.caseList li .ImgBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.caseList li .ImgBox img {
  display: block;
}

/*img tiaozheng*/
.caseList li .ImgBox {
  overflow: hidden;
  padding-bottom: 61.01694915254237%;
  position: relative;
}

.caseList li .ImgBox img {
  display: block;
  margin: auto;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 100%;
  max-width: none;
  height: 100%;
  width: 100%;
}

.caseList li a,
.caseList li .ImgBox,
.caseList li .ImgBox img {
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.caseList li a:hover .ImgBox img {
  -moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  -ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
}

/**/
.caseList li .nr {
  margin: 0 20px;
  padding: 70px 65px 70px 65px;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  margin-top: -50px;
  position: relative;
  z-index: 1;
}

.caseList li .date {
  font-size: 14px;
  color: #909090;
  line-height: 20px;
  text-align: center;
  width: 70px;
  padding-bottom: 15px;
  padding-top: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
}

.caseList li .date strong {
  font-size: 16px;
  color: #1e2831;
  display: block;
  line-height: 20px;
  font-weight: 600;
}

.caseList li h1 {
  font-size: 22px;
  color: #000000;
  line-height: 26px;
  max-height: 52px;
  margin-bottom: 45px;
  font-weight: normal;
  overflow: hidden;
  position: relative;
  padding-bottom: 20px;
}

.caseList li h1:after {
  content: "";
  width: 48px;
  height: 3px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #da3d8c;
}

.caseList li .wz {
  font-size: 15px;
  color: #464646;
  line-height: 26px;
  height: 78px;
  overflow: hidden;
  margin-bottom: 30px;
}

.caseList li .more {
  width: 165px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dcdcdc;
  text-align: center;
  font-size: 12px;
  color: #909090;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.caseList li .more:hover {
  background: #da3d8c;
  color: #fff;
  border-color: #da3d8c;
}

@media screen and (max-width:1440px) {
  .caseList li .ImgBox img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width:1220px) {
  .pageList3Box {
    padding: 50px 0 10px 0;
  }

  .pageList3Box .w1200 {
    width: 94%;
  }

  .caseList li .nr {
    padding: 30px 30px 40px 30px;
    margin-top: -30px;
  }
}

@media screen and (max-width:1024px) {
  .caseList li .nr {
    margin: 0 10px;
    padding: 30px 20px 40px 20px;
    margin-top: -30px;
  }

  .caseList li h1 {
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .caseList li .wz {
    margin-bottom: 30px;
  }
}

@media screen and (max-width:768px) {
  .pageList3Box {
    padding: 0;
    background: none;
    margin-bottom: 0;
  }

  .pageList3Box .w1200 {
    width: 100%;
  }

  .caseList {
    margin: 0;
  }

  .caseList li a {
    margin: 0;
  }

  .caseList li {
    width: 100%;
  }

  .caseList li .nr {
    padding: 30px 30px 40px 30px;
  }

  .caseList li .wz {
    margin-bottom: 0;
    height: auto;
    max-height: 78px;
  }

  .caseList li .more {
    display: none;
  }
}

@media screen and (max-width:640px) {
  .caseList li {
    margin-bottom: 30px;
  }

  .caseList li .date {
    font-size: 12px;
  }

  .caseList li h1 {
    padding-top: 5px;
    height: 26px;
    line-height: 26px;
  }
}






/*aboutshuju2*/
.aboutshuju2 .aboutshujuBox {
  margin: 0 -77px;
  margin-bottom: 30px;
}

.aboutshuju2 .box {
  float: left;
  width: 33.333333%;
}

.aboutshuju2 .box .boxNr {
  margin: 0 77px;
  line-height: 30px;
  /* margin-bottom:30px; */
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  color: #909090;
  text-transform: uppercase;
  font-family: "Swis721 Lt BT";
}

.aboutshuju2 .box .boxNr .n {
  font-size: 14px;
  line-height: 30px;
  color: #1e2831;
  float: right;
  text-align: right;
  width: 50%;
  font-family: "Swis721 Lt BT", "苹方", "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "STHeitiSC-Light", simsun, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
}

@media screen and (max-width:1024px) {
  .aboutshuju2 .aboutshujuBox {
    margin: 0 -15px;
  }

  .aboutshuju2 .box .boxNr {
    margin: 0 15px;
    font-size: 16px;
  }
}

@media screen and (max-width:767px) {
  .aboutshuju2 .box {
    width: 100%;
  }

  .aboutshuju2 .aboutshujuBox {
    margin: 0 0px;
  }

  .aboutshuju2 .box .boxNr {
    margin: 0 0px;
    font-size: 14px;
  }
}









/*detailBox*/
.detailBoxTop {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.detailBox .detailImg {
  width: 600px;
  height: auto;
  float: left;
}

.detailBox .detailNr {
  overflow: hidden;
  display: block;
  width: 600px;
  float: left;
  position: relative;
  margin-bottom: 35px;
}

.detailBox .detailNr .detailNrBox {
  padding: 60px 0 30px 100px;
}

.detailBox {
  color: #1e2831;
  font-size: 14px;
  line-height: 30px;
}

.detailBox .proTit {
  font-size: 22px;
  color: #1e2831;
  margin-bottom: 15px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 5px;
}

.detailBox .proTit:after {
  content: "";
  width: 48px;
  height: 3px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #da3d8c;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.detailBox .proTit .en {
  display: block;
  font-size: 14px;
  color: #909090;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.detailBox .detailBoxBottom {
  padding: 0;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  font-size: 14px;
  line-height: 26px;
}

.detailBox .pro2Tit {
  font-size: 20px;
  color: #000000;
  padding: 0 20px;
  line-height: 45px;
  background: #fff;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.detailBox .pro2Img img {
  padding-top: 30px;
}

.detailBox .pro2Img td {
  text-align: center;
  font-size: 16px;
  color: #464646;
  line-height: 43px;
  background: #fff;
}

/*imgList*/
.detailImgBox {
  width: 590px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.imgList li {
  width: 100%;
  height: 356px;
  margin: 0 auto;
  position: relative;
  list-style: none;
  float: none;
  background: #f7f7f7;
}

.imgList li img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/*hd3*/
.hd3 {
  width: 100%;
  text-align: center;
}

.hd3 ul li {
  background: #dfdfdf;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 9px;
  height: 9px;
  margin: 0 2.5px;
  overflow: hidden;
  line-height: 999px;
  border-radius: 50%;
}

.hd3 ul li.on {
  background: #464646;
}

@media screen and (max-width:1240px) {
  .detailBox .detailImg {
    width: 50%;
  }

  .detailBox .detailNr {
    width: 50%;
  }

  .detailBox .detailImgBox img {
    max-width: 100%;
    max-height: 100%;
  }

  .detailBox .detailNr .detailNrBox {
    padding: 30px 0 30px 50px;
  }

  .detailImgBox {
    width: 100%;
  }
}

@media screen and (max-width:1024px) {
  .detailBox .detailNr {
    width: 100%;
    margin-bottom: 20px;
  }

  .detailBox .detailImg {
    width: 100%;
  }

  .detailBox .detailImgBox {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
  }

  .detailBox .detailNr .detailNrBox {
    padding: 30px 0 0 0;
  }

  .detailBox .detailImgBox img {
    width: 100%;
  }

  .detailBoxTop {
    padding-bottom: 30px;
    margin-bottom: 50px;
  }

  .imgList li {
    height: auto;
  }
}

@media screen and (max-width:768px) {
  .detailBox .pro2shuju td {
    width: 100% !important;
    display: block;
  }

  .detailBox .pro2Img td {
    width: 100% !important;
    display: block;
  }

  .detailBox .detailBoxBottom table td {
    width: 100% !important;
    display: block;
  }
}









/*page-back*/
.page-back {
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
  max-width: 368px;
}

.page-back a {
  display: block;
  width: 368px;
  font-size: 14px;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  background: #464646;
  text-transform: uppercase;
  border: 1px solid #464646;
}

.page-back a:hover {
  background: #da3d8c;
  border-color: #da3d8c;
}

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

  .page-back a {
    width: 100%;
  }
}





.page-titBox {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.page-titBox .tit a {
  font-size: 32px;
  line-height: 40px;
  color: #004098;
  text-align: center;
  font-weight: 500;
}

.page-titBox .tit a .en {
  font-size: 20px;
  line-height: 30px;
  color: #464646;
  font-family: "苹方", 'pingfang', "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
  font-weight: 300;
}

@media screen and (max-width:768px) {
  .page-titBox .tit a {
    font-size: 20px;
    line-height: 30px;
  }

  .page-titBox .tit a .en {
    font-size: 16px;
    line-height: 30px;
  }

}





/*contactTable*/
.contactBOX {
  font-size: 14px;
  color: #000000;
  /*margin-bottom:110px;*/
  margin-bottom: 40px;
}

.contact-tit {
  font-size: 20px;
  color: #000000;
  margin-bottom: 20px;
}

.contact-tit span {
  font-size: 14px;
  color: #909090;
  text-transform: uppercase;
  margin-left: 10px;
}

.contactTable td {
  padding: 5px 0;
}

@media screen and (max-width:640px) {
  .contact-tit {
    display: none;
  }
}


.contactTableB1 {
  float: left;
  width: 50%;
}

.contactTableB2 {
  float: left;
  width: 50%;
}

.contactTableB2 .contactTableB2-box {
  padding-right: 90px;
}

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

  .contactTableB1,
  .contactTableB2 {
    float: left;
    width: 50%;
  }
}

@media screen and (max-width:1024px) {
  .contactBOX {
    margin-bottom: 30px;
  }

  .contactTableB1,
  .contactTableB2 {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .contactTableB2 .contactTableB2-box {
    padding-right: 0;
  }
}



.contactTableB2 .tt {
  font-size: 16px;
  color: #464646;
  line-height: 30px;
  position: relative;
  font-weight: 600;
  padding-bottom: 30px;
}

.contactTableB2 .tt:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #d9d9d9;
  position: absolute;
  bottom: 20px;
  left: 0;
}

.contactTableB2 .tt:after {
  content: "";
  width: 46px;
  height: 1px;
  background: #eb6100;
  position: absolute;
  bottom: 20px;
  left: 0;
}

.contact-code {
  padding: 40px 0;
  margin-top: 40px;
  border-top: 1px solid #ececec;
}

.pageMap {
  margin-bottom: 50px;
  background: #f9f9f9;
}

@media screen and (max-width:767px) {
  .pageMap {
    margin-bottom: 30px;
  }
}


/*feedback2Box*/
.feedback2 {
  font-size: 14px;
  color: #464646;
  line-height: 30px;
  text-align: left;
  padding: 0;
  margin: 0 -7px;
}

.feedback2 label {
  display: block;
}

.feedback2 .l1 {
  float: left;
  width: 50%;
  position: relative;
}

.feedback2 .l11 {
  float: left;
  width: 100%;
  position: relative;
}

.feedback2 .l1Box {
  margin: 0 7px;
  position: relative;
}

.feedback2 .text {
  display: block;
  width: 100%;
  padding: 4px 20px;
  height: 40px;
  margin-bottom: 13px;
  outline: none;
  font-size: 14px;
  color: #909090;
  font-family: Arial, Sans-Serif;
  border: none;
  border-radius: 5px;
  background: #f6f6f6;
  text-align: left;
}

.feedback2 .textl {
  display: inline-block;
  width: 15px;
  height: 15px;
  outline: none;
  font-size: 14px;
  color: #909090;
  font-family: Arial, Sans-Serif;
  border: none;
  border-radius: 5px;
  background: #f6f6f6;
  -webkit-appearance: normal;
}


.feedback2 .text2 {
  display: block;
  width: 100%;
  padding: 10px 20px;
  height: 170px;
  margin-bottom: 13px;
  outline: none;
  font-size: 14px;
  color: #909090;
  font-family: Arial, Sans-Serif;
  border: none;
  border-radius: 5px;
  background: #f6f6f6;
  text-align: left;
}

.feedback2 .getcode {
  display: block;
  width: 31.66666666666667%;
  padding: 4px 18px;
  height: 40px;
  margin-bottom: 13px;
  outline: none;
  font-size: 14px;
  color: #909090;
  font-family: Arial, Sans-Serif;
  border: none;
  border-radius: 5px;
  background: #f5f5f5;
  text-align: left;
  float: left;
  margin-right: 15px;
  max-width: 234px;
}

.feedback2 img {
  display: inline-block;
  float: left;
}

.feedback2 .kk {
  font-size: 14px;
  color: #464646;
  line-height: 40px;
  margin-left: 2px;
  float: left;
}

.feedback2 .inputbtn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0;
  outline: none;
  font-size: 14px;
  background: #000000;
  color: #fff;
  font-family: Arial, Sans-Serif;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  width: 36.92857142857143%;
  float: right;
  max-width: 360px;
  text-transform: uppercase;
  appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.feedback2 .inputbtn:hover {
  color: #da3d8c;
}

.feedback2 .text:focus,
.feedback2 .text:active,
.feedback2 .text2:focus,
.feedback2 .text2:active,
.feedback2 .getcode:focus,
.feedback2 .getcode:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #23479c;
}

@media screen and (max-width:1024px) {
  .feedback2 .inputbtn {
    float: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 100%;
  }
}

@media screen and (max-width:768px) {
  .feedback2 {
    margin: 0;
  }

  .feedback2 .l1 {
    float: none;
    width: 100%;
  }

  .feedback2 .l1Box {
    margin: 0 auto;
  }

  .feedback2 .text {
    width: 100%;
    padding: 4px 3%;
    margin-bottom: 15px;
  }

  .feedback2 .text2 {
    padding: 4px 3% 4px 3%;
    margin-bottom: 15px;
  }

  .feedback2 .getcode {
    width: 100%;
    padding: 4px 3%;
    margin-bottom: 15px;
    max-width: 130px;
  }

  .feedback2 .kk {
    font-size: 12px;
  }
}











/*pageBoxTable-Center*/
.pageBoxTable-Center {
  position: relative;
}

/*pageT*/
.pageT {
  width: 310px;
  position: relative;
  font-size: 20px;
  color: #000000;
  line-height: normal;
}

.pageT .t1 {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  text-align: right;
}

.pageT .t2 {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
}

.pageBoxTable-Center td {
  position: relative;
  z-index: 1;
}

@media screen and (max-width:1024px) {
  .pageT {
    margin: 0 auto;
  }

  .pageBoxTable-Center td {
    width: 100% !important;
    display: block !important;
    padding: 15px 0;
  }
}



/*pageBoxTable-Center2*/
.pageBoxTable-Center2 {
  position: relative;
}

.pageBoxTable-Center2:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 0;
  width: 975px;
  height: 100%;
  background: #f6f6f6;
}

.pageBoxTable-Center2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -50px;
  z-index: 0;
  width: 100px;
  height: 100%;
  background: url(../image/pro-s.png) no-repeat left center;
}

.pageBoxTable-Center2 td {
  position: relative;
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
}

.pageBoxTable-Center2 td.pageBoxTable-Center-wz {
  padding: 80px 80px;
  font-size: 14px;
  line-height: 28px;
  color: #000;
  font-family: "Swis721 Lt BT", "苹方", 'pingfang', "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

.pageBoxTable-Center2 td.pageBoxTable-Center-img {
  padding-right: 64px;
}

.pageBoxTable-Center2 td.pageBoxTable-Center-img img {
  max-width: 600px;
}

@media screen and (max-width:1220px) {
  .pageBoxTable-Center2 td.pageBoxTable-Center-wz {
    padding: 80px 30px 80px 80px;
  }
}

@media screen and (max-width:1024px) {
  .pageBoxTable-Center2:after {
    display: block;
    position: static;
    left: 50%;
    top: auto;
    margin-left: 0;
    z-index: 1;
    width: 100px;
    height: 100px;
  }

  .pageBoxTable-Center2 td {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100% !important;
    display: block !important;
  }

  .pageBoxTable-Center2 td.pageBoxTable-Center-wz {
    padding: 50px 0 50px 0;
  }

  .pageBoxTable-Center2 td.pageBoxTable-Center-img {
    padding-right: 0;
  }

  .pageBoxTable-Center2 td.pageBoxTable-Center-img img {
    width: 100%;
    max-width: 100%;
  }

}



/*page-TeSe*/
.page-TeSe {
  float: left;
  width: 25%;
  cursor: pointer;
  position: relative;
}

.page-TeSe:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  border-right: 1px dashed #dcdcdc;
}

.page-TeSe-tt {
  font-size: 14px;
  color: #000000;
  text-align: center;
  font-weight: 600;
  line-height: 26px;
}

.page-TeSe-tt2 {
  font-size: 14px;
  color: #000000;
  text-align: center;
  font-family: "Swis721 Lt BT", "苹方", 'pingfang', "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
  line-height: 26px;
  text-transform: uppercase;
}

.page-TeSe-wz {
  font-size: 30px;
  color: #da3d8c;
  text-align: center;
  font-family: "Swis721 BT";
  line-height: 40px;
}

.page-TeSe {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width:1024px) {
  .page-TeSe {
    width: 50%;
  }

  .page-TeSe:after {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
  }

  .page-TeSe.page-TeSe1:after {
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 30px;
  }

  .page-TeSe.page-TeSe2:after {
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 30px;
  }

  .page-TeSe.page-TeSe2:before {
    border-right: 0;
  }

  .page-TeSe.page-TeSe4:before {
    border-right: 0;
  }
}

@media (max-width:768px) {
  .page-TeSe-tt {
    font-size: 13px;
  }

  .page-TeSe-tt2 {
    font-size: 13px;
  }

  .page-TeSe-wz {
    font-size: 20px;
  }
}

@media (max-width:350px) {
  .page-TeSe {
    width: 100%;
  }

  .page-TeSe:before {
    border-right: 0;
  }

  .page-TeSe.page-TeSe3:after {
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 30px;
  }

}






/*pro-why*/
.pro-why {
  padding-top: 0px;
  padding-bottom: 50px;
  position: relative;
}

.pro-why .whyBox {
  width: 1360px;
}

.pro-why .pro-whyTit {
  font-size: 24px;
  line-height: 32px;
  color: #000;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
  font-family: "Swis721 Lt BT", "苹方", 'pingfang', "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

/*pro-whyList*/
.pro-whyList {
  height: auto;
  overflow: hidden;
  margin: 0 -3px;
  padding: 0;
  font-size: 0;
  line-height: normal;
  position: relative;
}

.pro-whyList:before {
  content: "";
  width: 485px;
  height: 300px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
}

.pro-whyList li {
  width: 435px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 5px;
  margin-bottom: 5px;
  list-style: none;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.pro-whyList li .img {
  overflow: hidden;
  position: relative;
}

.pro-whyList li .img img {
  width: 100%;
  /* height:100%;*/
  display: block;
}

.pro-whyList li .img img {
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.pro-whyList li:hover .img img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.pro-whyList li .title {
  width: 100%;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.pro-whyList li .title .titleNr {
  padding: 0 30px;
}

.pro-whyList li .title .t {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  font-family: Arial, sans-serif;
  vertical-align: middle;
}

.pro-whyList li .title .t .num {
  font-size: 26px;
  padding-right: 10px;
  display: inline-block;
  line-height: 30px;
  height: 30px;
}

.pro-whyList li .title .t2 {
  display: block;
  font-size: 18px;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 20px;
}

.pro-whyList li .title .t3::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.pro-whyList li .title .t3::-webkit-scrollbar-thumb {
  background: rgba(200, 200, 200, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.pro-whyList li .title .t3 .t3Nr {
  font-size: 13px;
  line-height: 28px;
  height: 84px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  overflow-scrolling: touch;
  margin-bottom: 50px;
  margin-top: 6px;
}

.pro-whyList li .title .t3 {
  height: 0;
}

.pro-whyList li.list6 {
  margin-left: 220px;
}

.pro-whyList li.list7 {
  width: 700px;
  height: 300px;
  background: #272727;
  position: relative;
  float: right;
}

.pro-whyList li.list7:before {
  content: "";
  display: block;
  width: calc(100% - 26px);
  height: calc(100% - 26px);
  border: 1px solid #535353;
  position: absolute;
  left: 13px;
  top: 13px;
}

.pro-whyList li.list7 .img {
  display: table-cell;
  width: 700px;
  height: 300px;
  vertical-align: middle;
  text-align: center;
}

.pro-whyList li.list7 .img .list3-ico1 {
  width: 64px;
  height: 64px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}

.pro-whyList li.list7 .title2 {
  display: block;
  font-size: 14px;
  color: #ffffff;
  line-height: 28px;
  font-family: "Swis721 Lt BT", "苹方", 'pingfang', "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
  max-width: 480px;
  margin: 0 auto;
  padding: 0 30px;
}

/*hover*/
.pro-whyList li,
.pro-whyList li .title,
.pro-whyList li .title .t3 .t3Nr,
.pro-whyList li .img .hover,
.pro-whyList li .title .t3 {
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.pro-whyList li:hover .title .t3 {
  height: 140px;
}

.pro-whyList li .img .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.pro-whyList li:hover .img .hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

/*list3-cir*/
.pro-whyList li.list7 .img .list3-ico1 .cir-wrap {
  opacity: 1;
  transition-duration: .5s;
}

.pro-whyList li.list7 .img .list3-ico1 .list3-cir {
  position: absolute;
  display: block;
  border-radius: 50%;
  animation: cir-scale2 3s linear infinite;
}

.pro-whyList li.list7 .img .list3-ico1 .list3-cir1 {
  border: 1px solid #fff;
  width: 100px;
  height: 100px;
  left: -18px;
  top: -18px;
}

.pro-whyList li.list7 .img .list3-ico1 .list3-cir2 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 120px;
  height: 120px;
  left: -28px;
  top: -28px;
}

.pro-whyList li.list7 .img .list3-ico1 .list3-cir3 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 200px;
  height: 200px;
  left: -68px;
  top: -68px;
}

.pro-whyList li.list7 .img .list3-ico1 .list3-ico1 {
  width: 64px;
  height: 64px;
  position: relative;
  margin: 0 auto;
}

@media (max-width:1400px) {
  .pro-why .whyBox {
    width: 1300px;
    margin: 0 auto;
    position: relative;
  }

  .pro-why .pro-whyTit {
    top: 70px;
  }

  .pro-whyList li {
    width: 400px;
  }

  .pro-whyList:before {
    width: 490px;
    height: 276px;
  }

  .pro-whyList li.list7 {
    width: 675px;
    height: 276px;
  }

  .pro-whyList li.list7 .img {
    width: 675px;
    height: 276px;
  }
}

@media (max-width:1360px) {
  .pro-why .whyBox {
    width: 1200px;
  }

  .pro-why .pro-whyTit {
    top: 60px;
  }

  .pro-whyList li {
    width: 390px;
  }

  .pro-whyList:before {
    width: 410px;
    height: 269px;
  }

  .pro-whyList li.list6 {
    margin-left: 220px;
  }

  .pro-whyList li.list7 {
    width: 585px;
    height: 269px;
  }

  .pro-whyList li.list7 .img {
    width: 585px;
    height: 269px;
  }
}

@media (max-width:1200px) {
  .pro-why .whyBox {
    width: 1160px;
  }

  .pro-whyList li {
    width: 370px;
  }

  .pro-whyList:before {
    width: 410px;
    height: 255px;
  }

  .pro-whyList li.list6 {
    margin-left: 220px;
  }

  .pro-whyList li.list7 {
    width: 565px;
    height: 255px;
  }

  .pro-whyList li.list7 .img {
    width: 565px;
    height: 255px;
  }
}

@media (max-width:1180px) {
  .pro-why .whyBox {
    width: 1100px;
  }

  .pro-whyList li {
    width: 350px;
  }

  .pro-whyList:before {
    width: 390px;
    height: 241px;
  }

  .pro-whyList li.list6 {
    margin-left: 180px;
  }

  .pro-whyList li.list7 {
    width: 565px;
    height: 241px;
  }

  .pro-whyList li.list7 .img {
    width: 565px;
    height: 241px;
  }

  .pro-whyList li .title .t3 .t3Nr {
    margin-bottom: 20px;
  }

  .pro-whyList li:hover .title .t3 {
    height: 110px;
  }
}

@media (max-width:1150px) {
  .pro-why .whyBox {
    width: 1000px;
  }

  .pro-whyList li {
    width: 320px;
    height: 221px;
  }

  .pro-whyList:before {
    width: 350px;
    height: 221px;
  }

  .pro-whyList li.list6 {
    margin-left: 150px;
  }

  .pro-whyList li.list7 {
    width: 525px;
    height: 221px;
  }

  .pro-whyList li.list7 .img {
    width: 525px;
    height: 221px;
  }
}

@media (max-width:1024px) {
  .pro-why .whyBox {
    width: 750px;
  }

  .pro-why .pro-whyTit {
    top: 0;
  }

  .pro-whyList:before {
    width: 100%;
    height: 120px;
  }

  .pro-whyList li {
    width: 370px;
    height: 255px;
  }

  .pro-whyList li.list6 {
    margin-left: 0;
  }

  .pro-whyList li.list7 {
    width: 745px;
    height: 255px;
    float: left;
  }

  .pro-whyList li.list7 .img {
    width: 745px;
    height: 255px;
  }

  .pro-whyList li .title .t3 {
    height: 110px;
  }

  .pro-whyList li .img .hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
  }
}

@media (max-width:768px) {
  .pro-why .whyBox {
    width: 100%;
  }

  .pro-whyList li {
    width: 100%;
    height: auto;
    margin-right: 0;
  }

  .pro-whyList li.list7 {
    width: 100%;
    height: auto;
    float: none;
  }

  .pro-whyList li.list7 .img {
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 0;
  }
}






/*liucheng*/
.page-liucheng-titBox {
  padding: 50px 0;
}

.page-liucheng-tit {
  text-align: center;
}

.page-liucheng-tit .t1 {
  color: #000000;
  font-size: 24px;
}

.page-liucheng-tit .t2 {
  color: #d8d8d8;
  font-size: 36px;
}

.page-liucheng2Box-titd {
  text-align: center;
  margin-bottom: 10px;
}

.page-liucheng2Box-tit {
  padding: 10px 0;
  background: #fff;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

.page-liucheng2Box {
  padding: 60px 0;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

.page-liucheng1 {
  font-size: 14px;
  color: #1e2831;
  line-height: 26px;
  font-family: Arial, sans-serif;
  margin: 0 auto;
}

.page-liucheng1 td {
  padding: 0 24px;
  background: url(../image/pro-jiantou.png) no-repeat right 70px;
  vertical-align: top;
}

.page-liucheng1 img {
  margin-bottom: 10px;
}

.page-liucheng1 td.last {
  background: none;
}

.page-liucheng2 {
  font-size: 14px;
  color: #1e2831;
  line-height: 26px;
  font-family: Arial, sans-serif;
  margin: 0 auto;
}

.page-liucheng2 img {
  margin-bottom: 10px;
}

.page-liucheng2 td {
  padding: 0 24px;
  background: url(../image/pro-jiantou2.png) no-repeat right 70px;
  vertical-align: top;
}

.page-liucheng2-line {
  text-align: center;
  margin: 0 auto;
}

.page-liucheng2 td.last {
  background: none;
}

@media screen and (max-width:1024px) {
  .pageT {
    margin: 0 auto;
  }

  .page-liucheng1 td {
    width: 25% !important;
    display: block !important;
    float: left;
    padding: 15px 0;
  }
}

@media (max-width:768px) {
  .page-liucheng-titBox {
    padding: 0 0;
  }

  .page-liucheng-tit .t1 {
    font-size: 20px;
  }

  .page-liucheng-tit .t2 {
    font-size: 27px;
  }

  .page-liucheng1 td {
    width: 20% !important;
    padding: 15px 2.5%;
  }

  .page-liucheng2 td {
    background: url(../image/pro-jiantou2.png) no-repeat right 30%;
  }
}

@media (max-width:640px) {
  .page-liucheng1 td {
    background: none;
    width: 45% !important;
    float: left;
    padding: 15px 2.5%;
  }

  .page-liucheng2-line {
    display: none;
  }

  .page-liucheng2 td {
    background: none;
    width: 45% !important;
    float: left;
    padding: 15px 2.5%;
  }
}






/*fuwubanner*/
.fuwubanner {
  height: 400px;
  position: relative;
}

.fuwubanner:before {
  content: "";
  height: 100%;
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  right: 0;
  background: url(../image/pro-lianxi.jpg) no-repeat center center #000;
}

.fuwubanner .fuwubannerBox {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 80px;
}

.fuwubanner .fuwubannerBox .t1 {
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 60px;
}

.fuwubanner .fuwubannerBox .t2 {
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 45px;
  font-family: "Swis721 Lt BT", "苹方", 'pingfang', "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
  line-height: 26px;
  text-transform: uppercase;
}

.fuwubanner .fuwubannerBox .btn {
  text-align: center;
}

.fuwubanner .fuwubannerBox a {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  text-align: center;
  font-family: "Swis721 BT";
  border: 1px solid #fff;
  width: 137px;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  margin: 0 3.5px;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.fuwubanner .fuwubannerBox a.a1 {
  background: #fff;
  color: #da3d8c;
}

.fuwubanner .fuwubannerBox a:hover {
  background: #da3d8c;
  color: #fff;
  border-color: #da3d8c;
}

@media (max-width:1024px) {
  .fuwubanner .fuwubannerBox {
    padding-top: 50px;
  }

  .fuwubanner .fuwubannerBox .t1 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

@media (max-width:768px) {
  .fuwubanner .fuwubannerBox .t1 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .fuwubanner .fuwubannerBox .t2 {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}

@media (max-width:430px) {
  .fuwubanner .fuwubannerBox .t1 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .fuwubanner .fuwubannerBox .t2 {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}

@media (max-width:320px) {
  .fuwubanner .fuwubannerBox {
    padding-top: 30px;
  }

  .fuwubanner .fuwubannerBox .t1 {
    font-size: 15px;
  }

  .fuwubanner .fuwubannerBox .t2 {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .fuwubanner .fuwubannerBox a {
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    margin: 0 2px;
  }
}




/*css3*/
@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

/* add style */
.index-pro .swiper-slide {
  position: relative;
}

.index-pro .li {
  background-color: #fff;
}

.index-pro .li .ImgBox {
  height: 100%;
  width: 50%;
}

.index-pro .li .ImgBox a {
  display: block;
  width: 100%;
  position: relative;
  padding: 38% 0;
  overflow: hidden;
}

.index-pro .li .ImgBox img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0%;
  height: 100%;
  width: 100%;
  /* object-fit: contain; */
  max-width: none;
}

.index-pro .li .listTitle {
  text-align: left;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.index-pro .li .listTitle .listTitleBox {
  overflow: hidden;
  padding: 0 130px;
  text-align: left;
  font-size: 15px;
  color: #333333;
  line-height: 26px;
}

.index-pro .li .listTitle h1 {
  font-family: 'Microsoft Yahei';
  font-weight: normal;
}

.index-pro .li .listTitle h1 a {
  display: inline-block;
  text-align: center;
  font-size: 40px;
  color: #333333;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 18px;
}

.index-pro .swiper-button-prev {
  outline: none;
  position: absolute;
  top: auto;
  bottom: 26px;
  width: 53px;
  height: 53px;
  left: auto;
  right: 50%;
  margin-right: 100px;
  background: url(../image/arrow1.png) center no-repeat;
  background-size: 53px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  border-radius: 50%;
  z-index: 2;
}

.index-pro .swiper-button-next {
  outline: none;
  position: absolute;
  top: auto;
  bottom: 26px;
  width: 53px;
  height: 53px;
  right: 50%;
  margin-right: 38px;
  background: url(../image/arrow2.png) center no-repeat;
  background-size: 53px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  border-radius: 50%;
  z-index: 2;
}

.index-pro .bottom-img-list {
  display: flex;
  align-items: center;
}

.index-pro .bottom-img-list .item {
  flex: 0 0 25%;
  width: 25%;
}

.index-pro .bottom-img-list .item .img-box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
  overflow: hidden;
}

.index-pro .bottom-img-list .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: translate(-50%, -50%);
  -moz-animation: translate(-50%, -50%);
  -ms-animation: translate(-50%, -50%);
  -o-animation: translate(-50%, -50%);
  width: 101%;
  height: 101%;
  object-fit: cover;
  transition: 0.5s all ease-in-out;
}

.index-pro .bottom-img-list .item:hover img{
  width: 120%;
  height: 120%;
}

@media screen and (max-width: 1620px) {
  .index-pro .li .listTitle .listTitleBox {
    font-size: 15px;
  }
}


@media screen and (max-width:1620px) {
  .index-pro .li .listTitle .listTitleBox {
    font-size: 15px;
  }

  .index-pro .li .listTitle h1 a {
    font-size: 30px;
    margin-bottom: 18px;
  }
}

@media screen and (max-width:1270px) {
  .index-pro .li .listTitle h1 a {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .index-pro .li .listTitle .listTitleBox {
    padding: 30px 60px;
  }
}

@media screen and (max-width:1024px) {
  .index-pro .li .listTitle h1 {
    font-size: 30px;
  }

  .index-pro .li .listTitle .listTitleBox {
    padding: 30px 50px;
  }

  .index-pro .li .listTitle h1 a {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .index-pro .li .ImgBox:after {
    width: 0;
  }

  .index-pro .bottom-img-list {
    flex-wrap: wrap;
  }

  .index-pro .bottom-img-list .item {
    flex: 0 0 50%;
    width: 50%;
  }
}

@media screen and (max-width:768px) {
  .index-pro .li .listTitle {
    margin-left: 0;
  }

  .index-pro .li .ImgBox {
    position: static;
    width: 100%;
    height: auto;
  }

  .index-pro .swiper-button-prev {
    top: 70vw;
    bottom: auto;
    right: 90px;
    margin-right: 0;
    width: 43px;
    height: 43px;
  }

  .index-pro .swiper-button-next {
    top: 70vw;
    bottom: auto;
    right: 30px;
    margin-right: 0;
    width: 43px;
    height: 43px;
  }

  .index-pro .li .listTitle {
    text-align: left;
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    font-size: 14px;
  }

  .index-pro .li .listTitle .listTitleBox {
    padding: 50px 30px;
    line-height: 26px;
  }

  .index-pro .li .listTitle h1 a {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }
}