@charset "utf-8";
/*全局控制*/
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 32px;
  font-family: Arial, "微软雅黑","Microsoft yahei","PingFang SC";
  -webkit-text-size-adjust: none;
  color: #333;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
  margin: 0;
  padding: 0;
}
input, select, textarea {
  font-size: 16px;
  line-height: 16px;
  font-family: Arial, "微软雅黑","Microsoft yahei","PingFang SC";
}
img {
  border: 0;
}
ul, li {
  list-style-type: none;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #e60013
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.dis {
  display: block;
}
.undis {
  display: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: both;
}
.fb {
  font-weight: bold;
}
.fnb {
  font-weight: 200;
  margin-left: -1px;
}
.hr_1, .hr_10 {
  font-size: 1px;
  line-height: 1px;
  clear: both;
  background: #ddd;
}
.hr_1 {
  height: 1px;
}
.hr_10 {
  height: 10px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  outline: none;
}
table {
  border-color: #aaa;
  border-spacing: 0;
  border: 1px;
  border-collapse: collapse;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/din-bold-2.html");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham1";
  src: url("../fonts/GOTHAMBOLD.html");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham2";
  src: url("../fonts/GOTHAMMEDIUM.html");
  font-weight: normal;
  font-style: normal;
}
.mainbox {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  text-align: center;
}
.nymainbox {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
}
.hsbj {
  width: 100%;
  background: #f4f4f4;
  padding: 60px 0;
}
.hsbg {
  width: 100%;
  background: #f2f4f6;
  overflow: hidden;
  position: relative;
  z-index: 999;
}
.sytopbg {
  width: 100%;
}
.topinfobg {
  width: 100%;
  background: #f2f4f6
}
.topinfo {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #888
}
.topinfo_l {
  float: left;
}
.topinfo_r {
  float: right;
}
.topinfo_r a {
  color: #888;
  margin: 0 5px;
}
.sytop {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  height: 110px;
}
.logo {
  float: left;
  padding: 30px 0;
}
.logo img {
  float: left;
  margin-right: 6px;
  max-width: 450px;
}
.logo span {
  float: left;
  line-height: 65px;
  font-size: 24px;
  color: #e60013;
}
.topright {
  float: right;
}
.topicon {
  float: right;
  position: relative;
  top: 20px;
}
.topicon a {
  color: #fff;
  display: inline-block;
  margin: 0 8px;
  width: 28px;
  height: 30px;
  float: left;
  position: relative;
  text-align: center;
}
.topicon a:hover {
  color: #fff;
}
.topsearch {
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 9;
  width: 0;
  height: 24px;
  overflow: hidden;
  display: inline-block;
  transition: all 0.3s ease;
}
.topsearch.on {
  width: 136px;
}
.topiconsearch {
  color: #fff;
  font-size: 24px;
}
.topiconsearch i {
  font-size: 20px;
}
.topsearch_key {
  width: 96px;
  color: #fff;
  font-size: 14px;
  height: 24px;
  box-sizing: border-box;
  border: 1px #fff solid;
  background: none;
  display: inline-block;
  float: left;
}
.topsearch_sub {
  width: 40px;
  height: 24px;
  background: #fff;
  color: #333;
  border: none;
  display: inline-block;
  float: left;
}
.symenuping {
  float: right;
  height: 125px;
}
.symenuping > ul > li {
  float: left;
  position: relative;
  padding: 0 30px;
  height: 125px;
}
.symenuping > ul > li > a {
  color: #333;
  font-weight: 500;
  font-size: 17px;
  display: block;
  line-height: 125px;
  text-align: center;
  width: 100%;
}
.symenuping > ul > li > a span {
  font-weight: 200;
  font-size: 12px;
  line-height: 20px;
  color: #ddd;
  text-transform: uppercase;
}
.symenuping > ul > li > a:hover {
  color: #e60013;
  font-weight: bold;
}
.symenuping > ul > li > a:after {
  content: "";
  position: absolute;
  width: 60%;
  background: #fff;
  height: 0px;
  z-index: 999;
  top: 55px;
  left: 20%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.symenuping > ul > li > a:hover:after {
  background: #e60013;
  height: 3px;
  top: 85px;
}
.toprighttel {
  float: right;
  line-height: 110px;
  margin-left: 20px;
  padding-left: 30px;
  background: url(../images/toprighttel.html) left center no-repeat;
  font-size: 22px;
}
.sylxwm {
  width: 100%;
  background: url("../images/lxbj.jpg") no-repeat center;
  overflow: hidden;
  padding-bottom: 160px;
  padding-top: 110px;
}
.sylxwm ul {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  margin-top: 100px;
}
.sylxwm ul li {
  width: 25%;
  float: left;
}
.sylxwm ul li img {
  text-align: center;
  display: block;
  margin: 0 auto;
  height: 47px;
}
.sylxwm ul li p {
  text-align: center;
  padding: 20px 0px;
}
.sylxwm ul li p1 {
  text-align: center;
  display: block;
}
.syabout {
  width: 100%;
  background: url(../images/syab.jpg) no-repeat center bottom;
  height: 700px;
  padding: 50px 0;
}
.syscfb {
  width: 100%;
  padding: 60px 0px 0px 0;
}
.syscfb ul {
  width: 90%;
  min-width: 1300px;
  max-width: 1600px;
  margin: 60px auto;
  overflow: hidden;
}
.syscfb ul li {
  width: 12%;
  float: left;
  margin: 5px 2%;
}
.syscfb ul li img {
  width: 100%;
}
.rxcp {
  display: none;
}
.nypro_list_con li:nth-child(1) .rxcp {
  display: block;
  position: absolute;
  background-color: #e60013;
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  top: -30px;
  left: -60px;
  height: 90px;
  line-height: 130px;
  width: 150px;
  font-size: 18px;
}
.nypro_list_con li:nth-child(2) .rxcp {
  display: block;
  position: absolute;
  background-color: #ce60013;
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  top: -30px;
  left: -60px;
  height: 90px;
  line-height: 130px;
  width: 150px;
  font-size: 18px;
}
.nypro_list_con li:nth-child(5) .rxcp {
  display: block;
  position: absolute;
  background-color: #e60013;
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  top: -30px;
  left: -60px;
  height: 90px;
  line-height: 130px;
  width: 150px;
  font-size: 18px;
}
.nypro_list_con li:nth-child(6) .rxcp {
  display: block;
  position: absolute;
  background-color: #e60013;
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  top: -30px;
  left: -60px;
  height: 90px;
  line-height: 130px;
  width: 150px;
  font-size: 18px;
}
.nypro_list_con li:nth-child(7) .rxcp {
  display: block;
  position: absolute;
  background-color: #e60013;
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  top: -30px;
  left: -60px;
  height: 90px;
  line-height: 130px;
  width: 150px;
  font-size: 18px;
}
.gcsl {
  background: url(../images/gcsl.jpg) no-repeat center;
  width: 100%;
  height: 500px;
  margin: 0px 0px 80px 0px;
}
.iptj {
  background: url(../images/ipt.jpg) no-repeat center;
  width: 100%;
  height: 500px;
  margin: 0px 0px 20px 0px;
  background-size: 100%;
}
.syabout_l_title h3 {
  font-size: 36px;
  color: #e60013;
  line-height: 60px;
}
.syabout_l_title p {
  font-size: 24px;
  color: #888;
}
.syabout_l_title p span {
  position: relative;
  top: -10px;
  font-size: 18px;
}
.syabout_l_content {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  text-align: justify
}
a.syabout_l_a {
  display: block;
  margin-top: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  width: 120px;
  height: 40px;
  background: #e60013;
}
.syabout_r {
  width: 650px;
  float: right;
  height: 640px;
  background: url(../images/syabout_r.jpg) center center no-repeat
}
.syabout_r ul {}
.syabout_r ul li {
  display: table;
  width: 325px;
  height: 320px;
  float: left;
}
.syabout_r ul li div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.syabout_r ul li div p {
  font-size: 16px;
  transition: all 0.1s ease;
}
.syabout_r ul li:nth-child(2) div p {
  color: #fff;
}
.syabout_r ul li:nth-child(3) div p {
  color: #fff;
}
.syabout_r ul li:nth-child(6) div p {
  color: #fff;
}
.syabout_r ul li div:hover h3 img {
  animation: load 5s linear 1;
}
.syabout_r ul li div:hover p {
  font-size: 18px;
  font-weight: bold;
}
.sysp {
  width: 100%;
  max-width: 490px;
  padding: 80px;
  margin-top: 74px;
}
.sycp {
  width: 100%;
  height: 320px;
  box-sizing: border-box;
}
.sycpfl {
  width: 90%;
  height: 220px;
  min-width: 1300px;
  max-width: 1600px;
  margin: 0 auto;
}
.sycpfl_l {
  padding: 20px 0;
  text-align: right;
  width: 55%;
  float: left;
}
.sycpfl_l img {
  display: block;
  max-width: 100%;
}
.sycpfl .sycpfl_r {
  padding: 0 0 30px 10px;
  text-align: left;
  width: 45%;
  float: right;
  box-sizing: border-box;
}
.sycpfl .sycpfl_r h3 {
  font-size: 24px;
  padding: 10px 0 15px !important;
  font-weight: bold;
  box-sizing: border-box;
  margin-top: 30px;
}
.sycpfl .sycpfl_r h3 a {
  color: #333;
  text-align: left;
}
.sycpfl .sycpfl_r p {
  line-height: 35px;
  height: 35px;
  overflow: hidden;
}
.sycpfl .sycpfl_r p a {
  color: #555;
  font-size: 15px;
}
.sycpfl ul {
  width: 100%;
}
.sycpfl ul li {
  display: table;
  float: left;
  width: 31.5%;
  box-sizing: border-box;
  height: 290px;
  position: relative;
  background: #f5f5f5;
  margin: 0 0.75%;
}
.sycpfl ul li:before {
  transition: all 0.5s ease;
  content: " ";
  position: absolute;
  left: 20px;
  top: 20px;
  display: inline-block;
  width: 80px;
  height: 50px;
  background: url(../images/logocs1.html) left top no-repeat;
  background-size: 90%;
}
.sycpfl ul li:hover {
  background: #e60013;
}
.sycpfl ul li:hover .sycpfl_r h3 a {
  color: #fff;
}
.sycpfl ul li:hover .sycpfl_r p a {
  color: #fff;
}
.sycpfl ul li:hover:before {
  background: url(../images/logocs11.html) left top no-repeat;
  opacity: 1 !important;
}
.sycpfl ul li div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 9;
}
.sycpfl ul li div h4 {
  font-size: 22px;
  color: #fff;
  display: none;
  font-weight: normal;
  font-family: "微软雅黑 light"
}
.sycpfl ul li div h3 {
  text-align: center;
  margin-top: 50px;
}
.sycpfl ul li div h3 a {
  display: block;
}
.sycpfl ul li div h3 a img {
  display: inline-block;
  transition: all 0.1s ease;
}
.sycpfl ul li div h3 a img.proflimg {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.sycpfl ul li div h3 a img.proflimg_cur {
  display: none;
  width: 60px;
  height: 60px;
}
.sycpfl ul li div h5 {
  margin-bottom: 40px;
}
.sycpfl ul li div h5 a {
  font-size: 18px;
  color: #fff;
  transition: all 0.1s ease;
}
.sycpfl ul li div p {
  font-size: 16px;
  color: #fff;
}
.sycpfl ul li div a.sycpfl_a {
  font-size: 14px;
  margin-top: 10px;
  padding-left: 20px;
  color: #fff;
  width: 120px;
  height: 50px;
  background: url(../images/sycpfl_a.png) center bottom no-repeat;
}
.sycpfl ul li:hover:after {
  width: 100%;
  height: 450px;
  left: 0;
  top: 0;
}
.sycpfl ul li:hover div h4 {
  display: block;
}
.sycpfl ul li:hover div h3 a img.proflimg {
  display: none;
}
.sycpfl ul li:hover div h3 a img.proflimg_cur {
  display: inline-block;
}
.sycpfl ul li:hover div h5 a {
  font-size: 20px;
}
.sycpfl ul li:hover div p {
  display: block;
}
.sycpfl ul li:hover div a.sycpfl_a {
  display: inline-block;
}
@media screen and (max-width: 1500px) {
  .syabout_l_content {
    line-height: 30px;
  }
  .sycpfl .sycpfl_r p {
    font-size: 15px;
    line-height: 30px;
  }
  .sycpfl .sycpfl_r {
    padding-bottom: 10px;
  }
  .sycpfl_l {
    width: 55%;
  }
  .sycpfl .sycpfl_r h3 {
    margin-top: 15px;
  }
  .sycp {
    height: 200px;
  }
  .sycpfl {
    height: 200px;
  }
  .sycpfl ul li {
    height: 200px;
  }
  .sycpfl ul li:before {
    height: 200px;
  }
  .sycpfl ul li:hover div h4 {
    font-size: 18px;
    display: none;
  }
  .sycpfl ul li div h3 {
    margin-top: 0
  }
  .sycpfl ul li div h5 {
    margin-bottom: 0
  }
  .sycpfl ul li div h5 a {
    font-size: 16px;
  }
  .sycpfl ul li:hover div p {
    font-size: 14px;
  }
  .sycpfl ul li:hover div a.sycpfl_a {}
  .sycpfl ul li:hover:after {
    height: 200px;
  }
  .sycpfl ul li div h3 a img.proflimg_cur {
    display: none;
    width: 50px;
    height: 50px;
  }
  .sycpfl ul li:hover div h3 a img.proflimg_cur {
    display: inline-block;
  }
}
/* 动画效果 */
@-webkit-keyframes load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sycplist {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  padding: 50px 0;
}
.sycplist ul li {
  float: left;
  width: 23%;
  margin: 0 1% 2%;
  -moz-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.28);
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.28);
}
.sycplist ul li h3 {
  width: 100%;
  padding: 0;
  border: 10px #f2f4f8 solid;
  border-bottom: 0;
  padding-bottom: calc(300% / 4);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  transition: all 0.1s ease;
}
.sycplist ul li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sycplist ul li .text {
  text-align: center;
  height: 60px;
  line-height: 60px;
  background: #f2f4f8
}
.sycplist ul li .text a {
  font-size: 16px;
  color: #333;
  line-height: 60px;
  display: block;
  transition: all 0.5s ease;
}
.sycplist ul li:hover h3 {
  border: 10px #e60013 solid;
  border-bottom: 0;
  background-size: 105% 105%;
}
.sycplist ul li:hover .text {
  background: #e60013
}
.sycplist ul li:hover .text a {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.ygwmwn ul li {
  width: 40%;
  float: left;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #e60013;
}
.sygyzn a {
  width: 300px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: #e60013;
  display: block;
  margin: 0 auto;
  text-align: center;
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
}
.sygyzn a:hover {
  font-size: 26px;
}
.syyoushibg {
  width: 100%;
  box-sizing: border-box;
  background: #f4f4f4;
  padding: 85px 0 50px 0;
}
.syyoushi {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1500px;
  box-sizing: border-box;
}
.syyoushi_title {
  text-align: center;
}
.syyoushi_title h3 {
  font-size: 36px;
  color: #fff;
  line-height: 60px;
}
.syyoushi_title p {
  font-size: 18px;
  color: #fff;
}
.syyoushi_l {
  width: 100%;
}
.syyoushi_l ul {
  height: 100px;
}
.syyoushi_l ul li {
  width: 48%;
  height: 40px;
  position: relative;
  padding: 15px 0;
  cursor: pointer;
  float: left;
  margin-top: 30px;
  background: #fff;
  color: #e60013;
  text-align: center;
  border-radius: 5px;
  margin: 0 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}
.syyoushi_l ul .active {
  color: #fff;
  background: #ceb274;
}
.syyoushi_l ul li img {
  opacity: 0.3
}
.syyoushi_l ul li.active img {
  opacity: 1;
}
.syyoushi_r {
  background: #fff;
  overflow: hidden;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}
.syyoushi_r_content {
  display: none;
}
.syyoushi_r_content.active {
  display: block;
}
.syyoushi_r_content_l {
  float: left;
  width: 600px;
  position: relative;
}
.syyoushi_r_content_l:after {
  content: "";
  width: 530px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: -575px;
  bottom: 70px;
  z-index: 999
}
.syyoushi_r_content_r {
  float: right;
  width: calc(100% - 650px)
}
.syyoushi_r_content_r h3 {
  font-size: 24px;
  color: #fff;
  line-height: 60px;
}
.syyoushi_r_content_r p {
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  text-align: justify;
}
.synews {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  position: relative;
  height: 740px;
}
.synews_title {
  text-align: center;
}
.synews_title h3 {
  font-size: 36px;
  color: #e60013;
  line-height: 60px;
}
.synews_title p {
  font-size: 18px;
  color: #aaa;
}
.synews_title p span {
  position: relative;
  top: -5px;
}
.synews_l {
  float: left;
  width: 50%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  padding: 60px 60px 0 0;
}
.synews_l:before {
  content: "";
  position: absolute;
  left: 0;
  top: 170px;
  z-index: 4;
  width: 3px;
  height: 120px;
  background: #e60013;
}
.synews_l:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 170px;
  z-index: 3;
  width: 1px;
  height: 360px;
  background: #aaa;
}
.synews_l h3 {
  font-size: 36px;
  color: #e60013;
  font-family: impact;
  text-align: right;
  font-weight: normal;
}
.synews_l p {
  line-height: 60px;
  height: 78px;
}
.synews_l p a {
  font-size: 24px;
  color: #666;
  float: right;
  text-align: right;
}
.synews_l h4 {
  width: 600px;
  height: 360px;
  float: right;
  text-align: right;
}
.synews_r {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  padding: 40px 0 0 60px;
}
.synews_r ul {}
.synews_r ul li.synews_r_list {
  padding: 12px 0;
  height: 100px;
  width: 49%;
  float: left;
  margin-right: 2%;
}
.synews_r_list:nth-child(2n) {
  margin-right: 0px !important;
}
.synews_r ul li.synews_r_list .synews_r_l {
  float: left;
  width: 96px;
  height: 80px;
  padding-top: 20px;
  background: #e60013;
  text-align: center;
}
.synews_r ul li.synews_r_list .synews_r_l h3 {
  font-size: 36px;
  color: #fff;
}
.synews_r ul li.synews_r_list .synews_r_l p {
  font-size: 18px;
  color: #fff;
}
.synews_r ul li.synews_r_list .synews_r_r {
  float: right;
  width: calc(100% - 126px)
}
.synews_r ul li.synews_r_list .synews_r_r h3 a {
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
.synews_r ul li.synews_r_list:hover .synews_r_r h3 a {
  color: #e60013;
}
.synews_r ul li.synews_r_list .synews_r_r p {
  font-size: 14px;
  color: #aaa;
  line-height: 24px;
}

.m_nav{ display:none; }

.cpxq_bjx {
  width: 100%;
  background: #fff;
  z-index: 5;
  overflow: hidden;
  position: relative;
}
.footbox {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.foottitle {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
.foottitle:after {
  content: "";
  width: 40px;
  height: 3px;
  background: #e60013;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footnav {
  float: left;
  width: 17%;
}
.footnav ul li {
  line-height: 35px;
}
.footnav ul li a {
  color: #666;
  font-size: 16px;
  line-height: 35px;
}
.footbox ul li a:hover {
  text-decoration: underline
}
.footcpfl {
  float: left;
  width: 15%;
}
.footcpfl ul li {
  line-height: 35px;
}
.footcpfl ul li a {
  color: #666;
  font-size: 16px;
  line-height: 35px;
}
.dbyqlj {
  width: 100%;
}
.dbyqlj h3 {
  width: 130px;
  float: left;
}
.dbyqlj ul {
  width: 90%;
  float: right;
}
.dbyqlj ul li {
  line-height: 35px;
}
.dbyqlj ul li a {
  color: #666;
  font-size: 16px;
  line-height: 35px;
}
.footxwfl {
  width: 17%;
  float: left;
}
.footcontact {
  float: left;
  width: 32%;
  position: relative;
}
.footcontact p {
  color: #666;
  line-height: 35px;
  font-size: 16px;
}
.footcontact img {
  position: absolute;
  right: 0px;
  top: 80px;
}
.footcontact .footcontact_text {
  line-height: 35px;
}
.footcontact .footcontact_text p {
  color: #666;
  font-size: 16px;
  line-height: 35px;
}
.footcontact .footcontact_text a {
  color: #666;
}
.footlogo .footewm {
  width: 263px;
  height: 180px;
  text-align: right;
}
.footlogo .footewm img {
  width: 180px;
  height: 180px;
  display: inline-block;
}
.footlogo .footlogoimg {
  width: 263px;
  font-size: 18px;
  text-align: right;
  line-height: 30px;
  margin-top: 20px;
  color: #333;
}
.footlogo .footlogoimg img {
  display: inline-block;
}
.copyright {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #333;
  text-align: left;
  background: #ccc;
  font-size: 14px;
  position: relative;
  z-index: 9;
}
.copyright a {
  color: #333;
}
.copyrightnav {
  float: right;
  line-height: 50px;
}
.copyrightnav a {
  color: #fff;
}
.footyqlj {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  padding: 20px 0;
}
.footyqlj a {
  color: #666;
  margin-right: 10px;
}
.banner {
  height: 800px;
  overflow: hidden
}
.nybanner {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  height: 400px;
  background: url(../images/nybanner.html) center center repeat-x;
  display: table;
  table-layout: fixed;
}
.nybanner .nybannertext {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.nybanner .nybannertext h3 {
  color: #fff;
  font-size: 36px;
  line-height: 50px;
}
.nybanner .nybannertext h3 i {
  display: inline-block;
  width: 24px;
  height: 34px;
  margin-right: 5px;
  background: url(../images/nybannertitleicon.html) center center no-repeat
}
.nybanner .nybannertext p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 2px;
  text-transform: uppercase;
}
.nyaboutbanner {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  background: url(../images/nyaboutbanner.jpg) center top no-repeat;
  background-size: 100%;
  position: relative;
  height: 600px;
  max-width: 1920px;
}
.nyaboutbanner .nybannertext {
  width: 80%;
  margin: 210px auto 0 auto;
  min-width: 1300px;
  max-width: 1600px;
}
.nyaboutbanner .nybannertext h3 {
  color: #e60013;
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 80px;
}
.nyaboutbanner .nybannertext p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
}
.nyaboutbanner .nyaboutloc {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200px;
  padding: 40px 50px 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
}
.nyaboutloc_list {
  background: url(../images/loc.png) left center no-repeat;
  padding-left: 25px;
  font-size: 14px;
  color: #333;
}
.nyaboutloc_list a {
  font-size: 14px;
  color: #333;
}
.nyaboutloc_list a.active {
  color: #e60013;
}
.nyaboutnav {
  width: 90%;
  max-width: 1600px;
  min-width: 1300px;
  display: block;
  margin: 0 auto;
  height: 70px;
  border-bottom: 1px #eee solid;
}
.nyaboutnav ul li {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
}
.nyaboutnav ul li a {
  font-size: 18px;
  color: #666;
  display: block;
  width: 200px;
  line-height: 70px;
}
.nyaboutnav ul li a:hover {
  color: #e60013;
  font-weight: bold;
  border-bottom: 2px #e60013 solid;
  height: 69px;
}
.nyaboutnav ul li.active:after {
  width: 200px;
  margin-left: -100px;
}
.nyaboutnav ul li.active a {
  color: #e60013;
  font-weight: bold;
  border-bottom: 2px #e60013 solid;
  height: 69px;
}
.tyd-clear {
  clear: both;
}
.tyd-gywm01 {
  width: 90%;
  padding: 80px 0 0 0px;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
}
.tyd-gywm01-box {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.tyd-gywm01-title {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  color: #333;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
}
.tyd-gywm01-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 4px;
  background: #e60013;
}
.tyd-gywm01-l {
  width: 50%;
  float: left;
}
.tyd-gywm01-video {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.tyd-gywm01-video:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.tyd-gywm01-video img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.tyd-gywm01-video span {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 13;
}
.tyd-gywm01-video span:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid rgba(255, 255, 255, 1);
  background-size: 100%;
  border-radius: 50%;
  transition: all 0.4s ease 0s;
}
.tyd-gywm01-video:hover span:before {
  transform: rotate(360deg);
}
.tyd-gywm01-video span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -5px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  transition: all 0.5s ease;
}
.tyd-gywm01-video-prop {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease
}
.tyd-gywm01-video-prop:before {
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle
}
.tyd-gywm01-video-center {
  width: 65%;
  vertical-align: middle;
  display: inline-block;
  position: relative
}
.tyd-gywm01-video-center video {
  width: 100%;
  height: auto;
  display: block;
  max-height: 800px
}
.tyd-gywm01-video-close {
  width: 36px;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: -18px;
  top: -18px;
  z-index: 12;
  border-radius: 50%;
  background: #fafafa;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease
}
.tyd-gywm01-video-close:before {
  width: 60%;
  height: 2px;
  content: "";
  position: absolute;
  left: 20%;
  top: calc(50% - 1px);
  background: #333;
  transform: rotate(45deg)
}
.tyd-gywm01-video-close:after {
  width: 60%;
  height: 2px;
  content: "";
  position: absolute;
  left: 20%;
  top: calc(50% - 1px);
  background: #333;
  transform: rotate(-45deg)
}
.tyd-gywm01-video-close:hover {
  transform: rotate(180deg)
}
.tyd-gywm01-video-active {
  opacity: 1;
  visibility: visible
}
.tyd-gywm01-ul {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 40px
}
.tyd-gywm01-ul li {
  float: left;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px #ccc solid;
  padding: 30px 0px 10px 0px;
}
.tyd-gywm01-ul li span {
  float: left;
  width: 52%;
  overflow: hidden;
  font-size: 24px;
  color: #e60013;
  line-height: 100px;
}
.tyd-gywm01-ul li span em {
  font-size: 72px;
  font-weight: bold;
  margin-right: 20px;
  font-style: normal;
}
.tyd-gywm01-ul li p {
  float: left;
  width: auto;
  overflow: hidden;
  font-size: 24px;
  color: #1a1a1a;
  margin-top: 50px;
}
.tyd-gywm01-r {
  width: 45%;
  float: right;
  margin-left: 5%;
  position: sticky;
  height: auto;
  top: 100px;
}
.tyd-gywm01-r p {
  line-height: 38px;
  color: #555;
  font-size: 18px;
  margin-bottom: 20px;
}
.xwgd {
  margin-top: 80px;
}
.xwgd a {
  margin: 0 auto;
  width: 300px;
  height: 50px;
  border-radius: 20px;
  border: 1px #eee solid;
  line-height: 50px;
  font-size: 18px;
  display: block;
  color: #e60013;
  text-align: center;
  font-weight: bold;
}
.xwgd a:hover {
  background: #e60013;
  color: #fff;
}
.fzlc {
  width: 100%;
  background: url(../images/lc.jpg) no-repeat center;
  height: 800px;
  padding: 80px 0px;
}
.fzlc ul {
  width: 90%;
  max-width: 1600px;
  min-width: 1300px;
  margin: 0 auto;
  background: url(../images/lcbj.png)no-repeat center center;
  height: 800px;
  position: relative;
  background-size: 100%;
}
.fzlc ul li {
  width: 350px;
  position: absolute;
}
.fzlc ul li h3 {
  font-size: 20px;
  color: #333;
  line-height: 80px;
}
.fzlc ul li p {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  margin-bottom: 10px;
}
.fzlc ul li p span {
  color: #e60013;
  float: left;
  margin-right: 10px;
}
.jd1 {
  left: 50px;
  top: 400px;
}
.jd2 {
  left: 450px;
  top: 300px;
}
.jd3 {
  left: 850px;
  top: 200px;
}
.jd4 {
  right: 0px;
  top: 100px;
}
.nypronav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.nypronav ul li {
  display: table;
  float: left;
  width: 26%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  height: 50px;
  background: #e60013;
  margin: 0 3%;
  border-radius: 5px;
}
.nypronav ul li a {
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: block;
}
.nypronav ul li:hover {
  background: #ceb274;
}
.nypronav ul li:hover a {
  color: #fff;
}
.nypronav ul li div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 9;
}
.nypronav ul li div h3 {
  text-align: center;
  height: 40px;
}
.nypronav ul li div h3 a {
  display: block;
  line-height: 40px;
  height: 40px;
}
.nypronav ul li div h3 a img {
  display: inline-block;
  transition: all 0.1s ease;
}
.nypronav ul li div h3 a img.proflimg {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.nypronav ul li div h5 {
  height: 50px;
  font-weight: normal;
  padding-bottom: 10px;
}
.nypronav ul li div h5 a {
  font-size: 16px;
  color: #333;
  line-height: 50px;
  transition: all 0.1s ease;
}
.nypronav ul li div h6 {
  display: none;
  position: absolute;
  left: 0;
  top: 90px;
  height: 90px;
  padding: 15px 0;
  width: 100%;
  background: rgba(81, 183, 169, 0.8)
}
.nypronav ul li div h6 a {
  color: #fff;
  font-size: 14px;
  display: block;
  line-height: 30px;
  font-weight: normal;
}
.nypronav ul li:hover div h3 {
  margin-top: -5px;
}
.nypronav ul li:hover:after {
  width: 60px;
  margin-left: -30px;
}
.nypronav ul li:hover div h6 {
  display: block;
}
.nypronav ul li:hover div h6 a {
  color: #fff;
}
.nypro-tltj {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  padding: 50px 0 0;
}
.nypro-tltj ul li {
  float: left;
  width: 22%;
  margin: 0 1.5% 2%;
}
.nypro-tltj ul li h3 {
  width: 100%;
  padding: 0;
  border-bottom: 0;
  padding-bottom: calc(343% / 5);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  transition: all 0.1s ease;
  box-shadow: -8px 8px 8px rgb(0 0 0 / 20%);
}
.nypro-tltj ul li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.nypro-tltj ul li .text {
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.nypro-tltj ul li .text a {
  font-size: 18px;
  color: #333;
  line-height: 80px;
  display: block;
  transition: all 0.5s ease;
}
.nypro-tltj ul li:hover .text {
  color: #e60013;
}
.nypro-tltj ul li:hover .text a {
  color: #e60013;
}
.nyipxx {
  padding-bottom: 50px;
  padding-top: 50px;
  border-top: 1px #eee dashed;
}
.nyipxxt {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  padding: 50px 0 0;
}
.nyipxxt ul li {
  float: left;
  width: 10%;
  margin: 0 1% 2%;
  border: 1px #eee solid;
  background: #fff;
}
.nyipxxt ul li img {
  width: 100%;
}
.nycpbj {
  background: #f9f9f9;
  width: 100%;
  padding-top: 70px;
}
.nycpbt1 {
  line-height: 100px;
  font-size: 50px;
  font-weight: bold;
  color: #e60013;
  text-align: center;
}
.nycpbt1 p {
  font-size: 20px;
  line-height: 45px;
  color: #333;
  font-weight: normal;
}
.nycpbt {
  line-height: 100px;
  font-size: 50px;
  font-weight: bold;
  color: #e60013;
  text-align: center;
  background: url(../images/cpbt.png) no-repeat center;
}
.nycpbt span {
  font-size: 18px;
  color: #666;
  display: block;
  font-weight: normal;
  text-align: center;
  display: block;
  line-height: 10px;
}
.nypro_list {
  width: 100%;
  padding-top: 80px;
}
.nypro_list .nypro_list_con {
  display: none;
  width: 100%;
}
.nypro_list .nypro_list_con li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.nypro_list .nypro_list_con li:hover {
  box-shadow: 2px 2px 10px #eee;
}
.nypro_list .nypro_list_con li:nth-child(3n) {
  margin-right: 0
}
.nypro_list .nypro_list_con li h3 {
  width: 100%;
  padding: 0;
  padding-bottom: calc(180% / 3);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.nypro_list .nypro_list_con li h3 a {
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.nypro_list .nypro_list_con li p {
  background: #f2f4f8;
  height: 60px;
  line-height: 60px;
  color: #333;
  transition: all 0.3s ease;
}
.nypro_list .nypro_list_con li p a {
  font-size: 18px;
  color: #e60013;
  line-height: 60px;
  text-align: center;
  display: block;
  font-weight: bold;
}
.nypro_list .nypro_list_con li .text {
  position: absolute;
  top: calc(60px - 100%);
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  z-index: 999;
  background: rgba(8, 135, 238, 0.8);
  overflow: hidden;
  transition: all 0.3s ease;
  display: table;
}
.nypro_list .nypro_list_con li .text a {
  color: #fff;
  font-size: 16px;
  padding: 0 40px;
  line-height: 30px;
  display: table-cell;
  vertical-align: middle;
}
.nypro_list .nypro_list_con li:hover p {}
.nypro_list .nypro_list_con li:hover p a {
  color: #e60013;
}
.nypro_list .nypro_list_con li:hover .text {
  top: 0;
}
.nypro_list .nypro_list_con.on {
  display: block;
}
.nyaboutjianjie {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  position: relative;
  padding: 65px 0;
}
.nyaboutjianjie_l {
  float: left;
  /*width:calc( 100% - 600px); height:430px; overflow-y:scroll; padding-right:60px;*/
  box-sizing: border-box;
}
.nyaboutjianjie_l::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.nyaboutjianjie_l::-webkit-scrollbar-thumb {
  background: #e60013;
}
.nyaboutjianjie_l::-webkit-scrollbar-track {
  background: #EBEBEB;
}
.nyaboutjianjie_title {
  font-size: 30px;
  color: #333;
  line-height: 80px;
  font-weight: bold;
}
.nyaboutjianjie_content {
  font-size: 16px;
  color: #888;
}
.nyaboutjianjie_content h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
}
.nyaboutjianjie_content p {
  font-size: 16px;
  color: #888;
  line-height: 38px;
  text-align: justify;
}
.nyaboutjianjie_content p:hover {
  color: #666;
}
.nyaboutjianjie_r {
  width: 540px;
  float: right;
}
.nyaboutjianjie_r ul {}
.nyaboutjianjie_r ul li {
  float: left;
  width: 270px;
  height: 140px;
}
.nyaboutjianjie_r ul li h3 {
  float: left;
  width: 60px;
}
.nyaboutjianjie_r ul li div {
  float: left;
}
.nyaboutjianjie_r ul li div h4 {
  font-size: 18px;
  font-weight: normal;
  color: #888;
}
.nyaboutjianjie_r ul li div h4 b {
  font-size: 46px;
  font-family: "Gotham1";
  color: #333;
  transition: all 0.3s ease;
}
.nyaboutjianjie_r ul li div p {
  font-size: 16px;
  color: #888;
}
.nyaboutjianjie_r ul li:hover div h4 b {
  color: #e60013
}
.nyaboutwhbanner {
  width: 97%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.nyaboutwenhua {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  padding-top: 40px;
}
.nyaboutwenhua_img {
  text-align: center;
  margin-left: 50px;
}
.nyaboutwenhua h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
  margin-top: 15px;
}
.nyaboutwenhua p {
  color: #888;
  font-size: 16px;
  line-height: 36px;
}
.nyaboutwenhua p:hover {
  color: #666;
}
.nyaboutwhbanner img {
  width: 100%;
}
.nyaboutshiming {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  position: relative;
}
.nyaboutshiming:before {
  content: "";
  background: url(../images/nyaboutshimingico01.png) left top no-repeat;
  width: 200px;
  height: 210px;
  position: absolute;
  left: 20%;
  bottom: 10%;
  z-index: 1
}
.nyaboutshiming:after {
  content: "";
  background: url(../images/nyaboutshimingico02.png) left top no-repeat;
  width: 487px;
  height: 493px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}
.nyaboutculture {
  width: 100%;
  padding: 100px 0;
  background: url(../images/qywhbj.jpg) center bottom no-repeat;
  height: 560px;
}
.nyaboutculturen {
  width: 90%;
  min-width: 1300px;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1600px;
}
.nyaboutculturentitle {
  margin-bottom: 80px;
  position: relative;
}
.nyaboutculturentitle h3 {
  font-size: 16px;
  color: #e60013;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 2
}
.nyaboutculturentitle span {
  text-transform: uppercase;
  font-size: 150px;
  color: rgba(255, 255, 255, 0.1);
}
.nyaboutculturenlist {}
.nyaboutculturenlist li {
  margin-bottom: 50px;
  width: 24%;
  float: left;
  padding: 3%;
  margin-right: 4%;
  height: 280px;
  background: rgba(255, 255, 255, 0.8)
}
.nyaboutculturenlist li:nth-child(3) {
  margin-right: 0%;
}
.nyaboutculturenlist li i {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
}
.nyaboutculturenlist li h4 {
  font-size: 32px;
  color: #e60013;
  margin-right: 30px;
  line-height: 70px;
}
.nyaboutculturenlist li h4 span {
  color: #e5e5e5;
  display: block;
}
.nyaboutculturenlist li h3 {
  margin-top: 10px;
}
.nyaboutculturenlist li h3 span {
  color: #e5e5e5;
  font-weight: normal;
  display: none;
}
.nyqytk_list {
  width: 100%;
  padding-top: 80px;
}
.nyqytk_list_title {
  font-size: 30px;
  color: #333;
  text-align: center;
  line-height: 60px;
  margin-bottom: 20px;
}
.nyqytk_list .nyqytk_list_con {
  width: 100%;
}
.nyqytk_list .nyqytk_list_con li {
  float: left;
  width: 23%;
  margin-right: 2.6%;
  border: 1px #ddd solid;
  box-sizing: border-box;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.nyqytk_list .nyqytk_list_con li:nth-child(4n) {
  margin-right: 0
}
.nyqytk_list .nyqytk_list_con li h3 {
  width: 100%;
  height: 200px;
}
.nyqytk_list .nyqytk_list_con li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  text-align: center;
}
.nyqytk_list .nyqytk_list_con li h3 a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block
}
.nyqytk_list .nyqytk_list_con li p {
  background: #f2f4f8;
  height: 45px;
  line-height: 45px;
  color: #333;
  text-align: center;
  transition: all 0.3s ease;
}
.nyqytk_list .nyqytk_list_con li p a {
  font-size: 14px;
  color: #333;
  line-height: 45px;
  padding: 0 10px;
}
.nyqytk_list .nyqytk_list_con li .text {
  position: absolute;
  top: calc(60px - 100%);
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  z-index: 999;
  background: rgba(75, 159, 48, 0.8);
  overflow: hidden;
  transition: all 0.3s ease;
  display: table;
}
.nyqytk_list .nyqytk_list_con li .text a {
  color: #fff;
  font-size: 14px;
  padding: 0 40px;
  line-height: 30px;
  display: table-cell;
  vertical-align: middle;
}
.nyqytk_list .nyqytk_list_con li:hover p {
  background: #e60013;
}
.nyqytk_list .nyqytk_list_con li:hover p a {
  color: #fff;
}
.nyqytk_list .nyqytk_list_con li:hover .text {
  top: 0;
}
.nyqytk_list .nycase_list_con.on {
  display: block;
}
.nyfzlc {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.nyfzlc-l {
  width: 100%;
}
.nyfzlc-l ul {}
.nyfzlc-l ul li {
  width: 25%;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  padding: 20px 30px;
  line-height: 40px;
  background: #f8f8f8;
  border-bottom: 1px #fff solid;
  text-align: center;
  color: #333;
  transition: all 0.5s ease;
}
.nyfzlc-l ul li h3 {
  font-weight: normal;
  font-size: 20px;
  color: #aaa;
}
.nyfzlc-l ul li p {
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.nyfzlc-l ul li.active {
  background: #e60013;
  color: #fff;
}
.nyfzlc-l ul li.active h3 {
  color: #fff
}
.nyfzlc-l ul li.active p {
  color: #fff;
}
.nyfzlc-r {
  width: 100%;
  float: right;
}
.nyfzlc-r div.tab_c {
  display: none;
}
.nyfzlc-r div.tab_c.active {
  display: block;
}
.nyfzlc-r div.tab_c .tab_c_title {
  font-size: 30px;
  color: #33;
  line-height: 150px;
  font-weight: bold;
}
.nyfzlc-r div.tab_c .tab_c_title b {
  color: #e60013;
  margin-right: 10px;
}
.nyfzlc-r div.tab_c ul {
  border-left: 1px solid #e6e6e6;
  padding-top: 60px;
}
.nyfzlc-r div.tab_c ul li {
  margin-bottom: 40px;
  position: relative;
  border: 7px solid #e7e7e7;
  margin-left: 60px;
}
.nyfzlc-r div.tab_c ul li .oc {
  position: absolute;
  left: -76px;
  top: 38px;
}
.nyfzlc-r div.tab_c ul li .os {
  position: absolute;
  left: -36px;
  top: 33px;
}
.nyfzlc-r div.tab_c ul li .mask_ {
  margin: 40px 40px;
}
.nyfzlc-r div.tab_c ul li .mask_ .title {
  font-size: 30px;
  color: #e60013;
  text-align: left;
  margin-bottom: 10px;
}
.nyfzlc-r div.tab_c ul li .mask_ .p {
  font-size: 16px;
  color: #5a5a5a;
  line-height: 36px;
}
.nyfzlc-r div.tab_c ul li .mask_ .bg_img {
  margin-top: 35px;
}
.nyfzlc-r div.tab_c ul li.li_ .bg_img {
  display: none;
}
.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background: url(../img/blue.6.html) repeat;
}
.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title span {
  display: block;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  text-align: center;
}
.nytopbg {
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  position: fixed;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.nytop {
  position: relative;
  top: 20px;
  width: 88%;
  left: 6%;
  right: 6%;
  height: 60px;
  z-index: 99999;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.nytopbg.hover {
  background: #e60013;
  height: 60px;
}
.nytopbg.hover .nytop {
  top: 0;
}
.nytop .logo {
  padding-top: 0;
}
.nytop .topright {}
.nytop .topicon {
  top: 15px;
}
.nytitle {
  text-align: center;
  font-size: 30px;
  color: #333;
  line-height: 60px;
  font-weight: bold;
  margin-bottom: 20px;
}
.nyaboutleft {
  float: right;
  width: 380px;
}
.nyaboutleft .nyaboutleft_title {
  text-align: left;
}
.nyaboutleft .nyaboutleft_title h3 {
  font-size: 30px;
  color: #333;
  position: relative;
  margin-bottom: 50px;
}
.nyaboutleft .nyaboutleft_title h3 span {
  font-family: "微软雅黑 Light";
  font-weight: normal;
  color: #888;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 30px;
}
.nyaboutleft .nyaboutleft_title h3:after {
  content: "";
  width: 80px;
  height: 2px;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: -25px;
}
.nyaboutleft .nyaboutleft_title h4 {
  margin-bottom: 25px;
}
.nyaboutleft .nyaboutleft_title h5 {
  width: 380px;
  height: 260px;
}
.nyaboutright {
  float: left;
  width: calc(100% - 450px)
}
.nyaboutright h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}
.nyaboutright h4 {
  font-size: 20px;
  color: #e60013;
  margin-bottom: 10px;
}
.nyaboutright p {
  font-size: 16px;
  color: #888;
  line-height: 32px;
  text-align: justify
}
.nyabouttext h3 {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 20px 0 10px;
}
.nyabouttext p {
  color: #888;
  font-size: 16px;
  line-height: 40px;
}
.nyabouttext p:hover {
  color: #333;
}
.nyabouttext_img {
  float: right;
  width: 775px;
  text-align: center
}
.nyabouttext_left {
  padding-top: 20px;
  float: left;
  width: calc(100% - 775px)
}
.nycplist {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}
.nycplist ul li {
  float: left;
  width: 27.33%;
  margin: 0 3% 3%;
}
.nycplist ul li h3 {
  width: 100%;
  padding: 0;
  border: 10px #fff solid;
  -moz-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.28);
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.28);
  padding-bottom: calc(300% / 4);
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  transition: all 0.5s ease;
}
.nycplist ul li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.nycplist ul li .text {
  text-align: center;
  padding-top: 30px;
}
.nycplist ul li .text a {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  font-weight: 700;
  display: block;
  transition: all 0.5s ease;
}
.nycplist ul li .text a.nycplist_pp {
  font-size: 14px;
  color: #e60013;
}
.nycplist ul li:hover h3 {
  border: 10px #e60013 solid;
}
.nycplist ul li:hover .text a {
  color: #e60013;
  font-size: 20px;
}
.nycplist ul li:hover .text a.nycplist_pp {
  font-size: 16px;
  color: #333;
}
/*分页样式*/
.pagination {
  clear: both;
  margin: 10px 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.pagination li a {
  display: block;
  padding: 4px 16px;
  background-color: #fff;
  border: 1px solid #eee;
  font-size: 16px;
  transition: all 0.3s ease;
}
.pagination li + li a {
  border-left: none;
}
.pagination li.active a, .pagination li a:hover {
  background-color: #e60013;
  border: 1px solid #e60013;
  color: #ffffff;
  border-left: none;
}
.nypro-item {
  width: 100%;
  height: 650px;
  padding: 60px 0 30px;
  box-sizing: border-box;
  margin: 0 auto;
  border-bottom: 5px #e60013 solid;
}
.nypro-item-l {
  float: left;
  width: 700px;
}
.spec-preview {
  width: 700px;
  height: 428px;
}
/*图片放大镜样式*/
.jqzoom {
  padding: 10px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  display: block;
  width: 700px;
  height: 430px;
  text-align: center;
}
.jqzoom img {
  max-width: 100%;
  max-height: 100%;
}
.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 350px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}
.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/
  ;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}
/*图片小图预览列表*/
.spec-scroll {
  margin-top: 20px;
  width: 600px;
  height: 94px;
}
.spec-scroll .prev {
  margin-right: 10px;
  background-image: url(../images/nypro-prev.png);
  float: left;
}
.spec-scroll .next {
  background-image: url(../images/nypro-next.png);
  margin-left: 10px;
  float: left;
}
.spec-scroll .prev, .spec-scroll .next {
  display: block;
  text-align: center;
  width: 30px;
  height: 94px;
  background-position: center center;
  background-repeat: no-repeat;
  line-height: 94px;
  cursor: pointer;
  text-decoration: none;
}
.spec-scroll .items {
  position: relative;
  width: 700px;
  height: 94px;
  overflow: hidden;
  float: left;
}
.spec-scroll .items ul {
  position: absolute;
  width: 700px;
  height: 94px;
}
.spec-scroll .items ul li {
  width: 124px;
  text-align: center;
  float: left;
  margin-right: 16px;
}
.spec-scroll .items ul li img {
  border: 2px solid #eee;
  width: 120px;
  height: 75px;
}
.spec-scroll .items ul li img:hover {
  border: 2px solid #e60013;
}
.nypro-item-table {
  width: 520px;
  padding-top: 50px;
  position: relative;
}
.nypro-item-table table {
  margin: 0 auto;
  text-align: center;
  width: 510px;
}
.nypro-item-table table th {
  background: #f8f8f8;
  font-size: 14px;
  width: 170px;
  color: #333;
  height: 40px;
  border: 1px #eee solid;
}
.nypro-item-table table td {
  font-size: 14px;
  width: 170px;
  height: 40px;
  color: #666;
  border: 1px #eee solid;
}
.nyprovideo {
  position: absolute;
  left: 0;
  top: -20px;
}
.nyprovideo_a {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/nyprovideo_a.html) left top no-repeat
}
.nypro-item-r {
  float: right;
  width: calc(100% - 780px);
  padding: 0 0 0 55px;
  position: relative;
  z-index: 9;
}
.nypro-item-r h1 {
  font-size: 30px;
  margin-top: 10px;
  color: #e60013;
  margin-bottom: 30px;
  width: 500px;
  border-bottom: 1px #eee solid;
  line-height: 50px;
  border-radius: 10px;
  padding-bottom: 15px;
}
.nypro-item-r p {
  font-size: 17px;
  color: #666;
  line-height: 40px;
  margin-top: 20px;
}
.nypro-item-r p.nypro-item-rc {
  height: 120px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
}
.nypro-item-r h3 {
  font-size: 16px;
  color: #333;
  margin: 5px 0;
  line-height: 32px;
  font-weight: normal;
}
.nypro-item-r ul {
  width: 100%;
  height: 50px;
  line-height: 40px;
  margin-top: 30px;
  transition: all 0.5s ease;
}
.nypro-item-r ul li {
  float: left;
  margin-right: 40px;
  width: 150px;
  background: #222;
  position: relative;
}
.nypro-item-r ul li:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 40px;
  background: #000;
  transition: all 0.5s ease;
  z-index: 1
}
.nypro-item-r ul li a {
  display: block;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  z-index: 9;
  position: relative;
}
.nypro-item-r ul li.nypro-item-r-zx {
  background: #e60013;
}
.nypro-item-r ul li.nypro-item-r-zx a {
  color: #fff;
}
.nypro-item-r ul li:hover:after {
  width: 150px;
}
.nypro-item-r h4 {
  font-size: 18px;
  color: #333;
  margin: 10px auto;
  line-height: 50px;
}
.nypro-item-r h4 span {
  font-size: 48px;
  color: #e60013
}
.nypro-item-r .nypro-item-r-table {
  width: 100%;
  text-align: left;
}
.nypro-item-r .nypro-item-r-table tr {
  height: 40px;
  color: #666;
  line-height: 40px;
  font-size: 14px;
}
.nypro-item-r .nypro-item-r-table tr td {
  font-weight: normal;
  box-sizing: border-box;
}
.nypro-item-r .nypro-item-r-table tr td:nth-child(1) {
  width: 188px;
  text-align: center;
}
.nypro-item-r .nypro-item-r-table tr td:nth-child(2) {
  width: calc(100% - 188px);
  padding-right: 28px;
  box-sizing: border-box;
}
.nypro-item-r .nypro-item-r-table tr:nth-child(2n+1) {
  background: #F2F2F2;
}
.nypro-item-r .nypro-item-r-table tr:nth-child(1) {
  background: #e60013;
}
.nypro-item-r .nypro-item-r-table tr:nth-child(1) td {
  color: #fff;
}
.nypro-item-r .nypro-item-r-table tr:last-child {
  border-bottom: 1px #c5c5c5 solid solid;
  line-height: 30px;
}
.nypro-item-r .nypro-item-r-table tr:last-child td:nth-child(2) {
  padding: 10px 28px 10px 0 !important;
}
.nypro-item-r .nypro-item-r-table tr:hover {
  background: #e60013;
  color: #ffffff;
}
#nyprocpys {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 0 0 20px;
  position: relative;
  padding-left: 15px;
}
#nyprocpys:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60013;
}
.nypinkongtixi {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.nypinkongtixi ul li {
  width: 1350px;
  height: 400px;
}
.nypinkongtixi ul li .nypinkong_l {
  width: 675px;
  float: left;
  height: 400px;
}
.nypinkongtixi ul li .nypinkong_r {
  width: 675px;
  float: right;
  height: 400px;
}
.nypinkongtixi ul li div {
  text-align: justify;
}
.nypinkongtixi ul li div h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}
.nypinkongtixi ul li div p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  margin-bottom: 10px;
}
.nypro-xqdetail {
  position: relative;
  width: 100%;
}
.nypro-xqdetail img {
  max-width: 100%;
}
.nyprocpjs-l {
  position: relative;
  min-height: 250px;
}
.nysp {
  width: 40%;
  max-width: 400px;
  position: absolute;
  right: 30px;
  top: 0px;
  border: 20px #e60013 solid;
  z-index: 2;
}
.nyspxf {
  width: 40%;
  max-width: 400px;
  position: fixed;
  right: 10%;
  top: 0px;
  border: 20px #e60013 solid;
}
#nyprocpjs {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 40px 0 20px;
  position: relative;
  padding-left: 15px;
}
#nyprocpjs:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60013;
}
#nyprotltj {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 30px 0 20px;
  position: relative;
  padding-left: 15px;
}
#nyprotltj:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60013;
}
#nyprofwzc {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 20px 0 20px;
  position: relative;
  padding-left: 15px;
}
#nyprofwzc:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60013;
}
.nypro-xqnav {
  width: 100%;
  border-bottom: 1px #eee solid;
  height: 100px;
}
.nypro-xqnav h3 {
  float: left;
  line-height: 100px;
  font-size: 30px;
  color: #333;
}
.nypro-xqnav ul {
  float: right;
}
.nypro-xqnav ul li {
  float: left;
  margin-left: 50px;
  line-height: 100px;
}
.nypro-xqnav ul li a {
  font-size: 18px;
  display: block;
  line-height: 100px;
  height: 100px;
  font-weight: bold;
  color: #333;
  position: relative;
}
.nypro-xqnav ul li a:after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: 0;
  height: 2px;
  background: #e60013;
  transition: all 0.5s ease;
}
.nypro-xqnav ul li.active a {
  color: #e60013;
}
.nypro-xqnav ul li.active a:after {
  width: 50px;
  margin-left: -25px;
}
.nypro-xqnav ul li a:hover {
  color: #e60013;
}
.nypro-xqnav ul li a:hover:after {
  width: 50px;
  margin-left: -25px;
}
.nypro-xqdetailc {
  width: 100%;
}
.nypro-xqdetailc.active {
  display: block;
}
.nypro-xqdetailc p {
  line-height: 30px;
  font-size: 16px;
  color: #666;
  padding: 8px 0;
}
.nycpxqtitle {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px #ddd solid;
  padding: 10px 0;
  color: #333;
}
.nycpxqtitle span {
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
}
.nyxgcp {
  width: 100%;
  height: 610px;
  padding-top: 60px;
  box-sizing: border-box;
  background: url(../images/sycp.html) center center no-repeat;
}
.newslist {
  width: 100%;
}
.newslist ul {
  position: relative;
}
.newslist ul:after {
  content: " ";
  background: #eee;
  position: absolute;
  top: 0;
  left: 200px;
  height: 100%;
  width: 1px;
  z-index: 1;
}
.newslist ul li {
  position: relative;
  width: 100%;
  height: 230px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.newslist ul li h5 {
  float: left;
  width: 200px;
  padding: 30px 50px 0 0;
  margin-right: 40px;
  height: 170px;
  text-align: center;
  position: relative;
  z-index: 4
}
.newslist ul li h5:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 50px;
  width: 0;
  height: 230px;
  background: #e60013;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  z-index: 1;
}
.newslist ul li h5:after {
  content: " ";
  background: #eee;
  position: absolute;
  right: 0;
  top: 115px;
  height: 1px;
  width: 50px;
  z-index: 5;
}
.newslist ul li h5 b {
  display: block;
  font-size: 50px;
  margin-top: 60px;
  color: #e60013;
  position: relative;
  z-index: 3
}
.newslist ul li h5 i {
  font-size: 16px;
  line-height: 40px;
  color: #333;
  font-weight: normal;
  font-style: normal;
  position: relative;
  z-index: 3
}
.newslist ul li h3 {
  background: #fafafa;
  float: left;
  width: calc(100% - 697px);
  height: 170px;
  padding: 30px 50px;
  position: relative;
  z-index: 3
}
.newslist ul li h3:before {
  content: " ";
  position: absolute;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid #e60013;
  left: -120px;
  top: 50%;
  margin-top: -15px;
  z-index: 3;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.newslist ul li h3:after {
  content: " ";
  background: #fafafa;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 90px;
  height: 230px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.newslist ul li h3 a {
  font-size: 22px;
  line-height: 50px;
  color: #333;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  position: relative;
  z-index: 3
}
.newslist ul li h3 p {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  color: #888;
  position: relative;
  z-index: 3
}
.newslist ul li h4 {
  background: #fafafa;
  float: right;
  width: 307px;
  height: 230px;
  position: relative;
  z-index: 3
}
.newslist ul li h4:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 307px;
  width: 0;
  height: 230px;
  background: #fafafa;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  z-index: 1;
}
.newslist ul li h4 img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 5;
}
.newslist ul li.active h5:before {
  width: 200px;
}
.newslist ul li.active h5 b {
  color: #fff;
}
.newslist ul li.active h5 i {
  color: #fff;
}
.newslist ul li.active h5:after {
  background: #e60013;
  z-index: 3
}
.newslist ul li.active h3:before {
  position: absolute;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #e60013;
  left: -90px;
  top: 50%;
  margin-top: -15px;
  z-index: 3;
}
.newslist ul li.active h3:after {
  left: -90px;
}
.newslist ul li.active h3 a {
  color: #e60013
}
.nynewsshow-l {
  width: 100%;
  background: #fff;
  padding: 60px 0;
  box-sizing: border-box;
}
.nynewsshow-l h1.title {
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  padding-bottom: 10px;
  border-bottom: 1px #eee solid;
}
.nynewsshow-l h1.title .info {
  font-size: 14px;
  color: #666;
  line-height: 40px;
  font-weight: normal;
}
.nynewsshow-l h1.title .info small {
  font-size: 14px;
}
.textarea {
  color: #666;
  line-height: 36px;
}
.nynewsshow-xgxw {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px #ddd solid;
  overflow: hidden;
  padding-bottom: 60px;
}
.nynewsshow-xgxw ul li {
  float: left;
  width: 48%;
  line-height: 50px;
  position: relative;
  margin-right: 4%;
  border-bottom: 1px #eee solid;
  transition: all 0.8s ease;
}
.nynewsshow-xgxw ul li:nth-child(2n) {
  margin-right: 0
}
.nynewsshow-xgxw ul li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #e60013;
  transition: all 0.8s ease;
}
.nynewsshow-xgxw ul li a {
  line-height: 50px;
  font-size: 16px;
  color: #666;
  transition: all 0.5s ease;
}
.nynewsshow-xgxw ul li a span {
  float: right;
  font-size: 16px;
  color: #888;
}
.nynewsshow-xgxw ul li:hover:after {
  width: 100%;
}
.nynewsshow-xgxw ul li:hover a {
  color: #e60013
}
.nynewsshow-r {
  width: 100%;
}
.nynewspreNext {}
.nynewspreNext ul li {
  background: #f8f8f8;
  padding: 30px;
  float: left;
  width: 48%;
  margin-right: 4%;
  font-size: 18px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-weight: bold;
}
.nynewspreNext ul li:nth-child(2) {
  margin-right: 0
}
.nynewspreNext ul li a {
  font-weight: normal;
  font-size: 16px;
  color: #666;
}
.nynewspreNext ul li a:hover {
  color: #e60013
}
.nynewspreNext ul li span {
  font-weight: normal;
  font-size: 16px;
  color: #666;
}
.share_box {
  background: #f8f8f8;
  padding: 30px;
  font-size: 18px;
  box-sizing: border-box;
}
.share_box_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.nycontact {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.nycontact-pro-cont {
  float: left;
  width: 520px;
  height: 520px;
  background: #e60013;
  padding: 50px 60px;
  box-sizing: border-box;
}
.nycontact-pro-cont h3 {
  color: #fff;
  font-size: 24px;
  line-height: 50px;
}
.nycontact-pro-cont p {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
}
.nycontact-pro-cont p a {
  color: #fff;
}
.nycontact-message {
  float: right;
  width: calc(100% - 570px);
  padding: 40px 0;
}
.nycontact-message h3 {
  font-size: 24px;
  line-height: 40px;
}
.nycontact-message h3 i {
  float: left;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px
}
.nycontact-message h3 span {
  color: #888;
  font-size: 16px;
  margin-left: 10px;
  font-weight: normal;
}
.form-group {
  padding: 10px 0;
  min-height: 40px;
  color: #666;
}
.form-control {
  float: left;
  width: calc(50% - 20px);
  border: 1px #ddd solid;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}
.marginr0 {
  margin-right: 0 !important
}
.form-control-c {
  width: calc(100% - 20px);
  height: 130px;
  border: 1px #ddd solid;
  padding: 10px 15px;
  box-sizing: border-box;
}
.form-sub {
  width: 200px;
  height: 40px;
  background: #e60013;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border: none;
  font-size: 16px;
  margin-right: 15px;
}
.nycontact_nav {
  width: 800px;
  margin: 0 auto;
  height: 60px;
}
.nycontact_nav ul li {
  float: left;
  width: 400px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  background: #fff;
  color: #333;
  border: 1px #ddd solid;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
.nycontact_nav ul li.active {
  background: #e60013;
  color: #fff;
  border: 1px #e60013 solid;
}
.nycontactc {
  width: 1350px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  height: 600px;
}
.nycontact-cont {
  opacity: 0;
  z-index: 1;
  width: 1310px;
  height: 600px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.nycontact-cont.active {
  opacity: 1;
  z-index: 9;
}
.nycontact-tel {
  float: right;
  width: 400px;
  padding-left: 75px;
  border-left: 1px #ddd solid;
  height: 560px;
}
.nycontact-tel p {
  font-size: 16px;
  color: #333;
  line-height: 40px;
  margin-top: 40px;
}
.nycontact-tel h3 {
  margin-bottom: 40px;
  font-size: 36px;
  color: #e60013;
  line-height: 60px;
}
.nycontact-tel h4 {
  font-weight: normal;
}
.nycontact-tel h4 a {
  width: 160px;
  float: left;
  margin: 0 20px 20px 0;
  display: block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px #ddd solid;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
.nycontact-tel h4 a:hover {
  background: #e60013;
  color: #fff;
  border: 1px #e60013 solid;
}
.servicetext {
  font-size: 16px;
  line-height: 35px;
  color: #666;
}
.servicetext .mode {
  width: 100%;
}
.servicebox {
  width: 1200px;
  height: 280px;
  background: url(../images/servicebox.html) left top no-repeat;
}
.servicebox a {
  display: block;
  width: 600px;
  float: left;
  height: 280px;
}
.servicelist {
  width: 1200px;
  margin: 0 auto;
}
.servicelist ul {}
.servicelist ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.servicelist ul li h3 {}
.servicelist ul li p {
  font-size: 16px;
}
.servicetext .mode dl {
  width: 32%;
  margin-right: 1.3%;
  float: left;
  border-radius: 10px;
  height: 81px;
  background: #f5f5f5;
  padding: 25px 0;
}
.servicetext .mode dl:first-child {
  margin-left: 0;
}
.servicetext .mode dd {
  float: left;
  margin: 0 15px 0 20px;
}
.servicetext .mode dt {
  float: left;
}
.servicetext .mode dt h4 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
}
.servicetext .mode dt p {
  font-size: 16px;
  padding: 0;
  color: #333;
}
.servicetext .mode dt p.tel {
  font-size: 24px;
  color: #e60013
}
.pro_mes {
  padding: 30px 0;
  box-sizing: border-box;
  background: #fff;
}
.khtitle {}
.khtitle h3 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
.khtitle p {
  font-size: 18px;
  color: #333;
  line-height: 35px;
}
.khtitle p span {
  color: #e60013
}
.liuyan {
  width: 100%;
}
.liuyan h3 {
  font-size: 20px;
  color: #333;
  margin-top: 30px;
}
.liuyan table {
  width: 100%;
}
.liuyan table td {
  font-size: 18px;
  padding: 20px 0 0;
  line-height: 40px;
}
.liuyan table td span {
  color: #e20f1f;
  padding: 0 7px;
}
.form-group p {
  line-height: 32px;
  padding-left: 10px;
  position: relative;
}
.form-group p:before {
  content: "";
  width: 2px;
  height: 10px;
  left: 0;
  top: 10px;
  background: #e60013;
  position: absolute;
}
.form-control4 {
  float: left;
  width: 365px;
  border-radius: 3px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}
.form-control3 {
  float: left;
  width: 235px;
  border-radius: 3px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}
.form-control-c3 {
  width: 750px;
  height: 130px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  padding: 5px 15px;
  box-sizing: border-box;
}
.form-control-c4 {
  width: 750px;
  height: 80px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  padding: 5px 15px;
  box-sizing: border-box;
}
.formtext {
  width: 280px;
  height: 40px;
  box-sizing: border-box;
  border: 1px #aaa solid;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
}
.formtext1 {
  width: 98%;
  box-sizing: border-box;
  height: 40px;
  border: 1px #aaa solid;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
}
.formtext2 {
  width: 97.5%;
  height: 130px;
  border: 1px #aaa solid;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  padding: 10px;
}
.bitian {
  background: url(../images/bitian.png) right center no-repeat;
}
.fstext {
  font-size: 16px;
  color: #666;
  margin-left: 20px;
  line-height: 40px;
}
.joblist {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.joblist_left {
  float: left;
  width: 500px;
  margin-right: 60px;
}
.joblist_right {
  width: calc(100% - 100px);
  margin: 0 auto;
}
.jobtitle {}
.job_t {
  background: #ebebeb;
  height: 80px;
  line-height: 80px;
}
.jobtitle:hover h3 {
  color: #e60013;
}
.job_t h3 {
  float: left;
  width: 20%;
  box-sizing: border-box;
  font-size: 18px;
  color: #666;
  font-weight: normal;
  text-align: center;
}
.jobtitle {
  height: 80px;
  line-height: 80px;
  border-bottom: 1px #ddd solid;
  cursor: pointer
}
.jobtitle h3 {
  float: left;
  width: 20%;
  box-sizing: border-box;
  font-size: 16px;
  color: #666;
  font-weight: normal;
  text-align: center;
}
.jobtitle.active {
  background: #e60013;
  border-bottom: 0
}
.jobtitle.active h3 {
  color: #fff;
}
.jobtitle.active h3 a {
  color: #fff;
}
.jobcon {
  color: #888;
  font-size: 15px;
  line-height: 40px;
  padding: 50px;
  padding-bottom: 10px;
  display: none;
  box-shadow: 2px 10px 10px #eee;
}
.jobcon h3 {
  color: #e60013
}
.jobcon a {
  background: #e60013;
  color: #fff;
  border-radius: 5px;
  display: block;
  width: 80px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  float: right;
}
.tyd-qqzl02 {
  background-color: #fff;
  background-image: url(../images/tp82.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.tyd-qqzl02 .tyd-qqzl02-diva {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tyd-qqzl02 .tyd-qqzl02-diva .tyd-qqzl02-h5 {
  text-align: left;
  width: 32%;
}
.tyd-qqzl02 .tyd-qqzl02-diva .tyd-qqzl02-h5 strong {
  display: block;
  font-size: 36px;
  font-weight: normal;
  margin-bottom: 20px;
}
.tyd-qqzl02 .tyd-qqzl02-diva .tyd-qqzl02-h5 p {
  font-size: 18px;
  text-align: justify;
  line-height: 1.8;
  color: #666;
  font-weight: normal;
}
.tyd-qqzl02 .tyd-qqzl02-diva ul {
  width: 56%;
  display: flex;
  justify-content: space-between;
}
.tyd-qqzl02 .tyd-qqzl02-diva ul li {}
.tyd-qqzl02 .tyd-qqzl02-diva ul li b {
  font-size: 60px;
  color: #c80917;
  display: inline-block;
  vertical-align: bottom;
}
.tyd-qqzl02 .tyd-qqzl02-diva ul li small {
  font-size: 24px;
  color: #c80917;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  margin-top: -10px;
}
.tyd-qqzl02 .tyd-qqzl02-diva ul li span {
  display: block;
  color: #666;
  font-size: 18px;
  line-height: 1.8;
  margin-top: 10px;
}
.tyd-qqzl02 .tyd-qqzl02-divb {
  position: relative;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-img {
  width: 100%;
  transition: all 0.5s ease;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 {
  position: absolute;
  z-index: 3;
  width: 400px;
  left: 0;
  top: 60px;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a {
  font-size: 18px;
  display: block;
  height: 120px;
  line-height: 60px;
  padding-left: 20px;
  background: #fff;
  cursor: pointer;
  transition: all 0.5s ease;
  color: #333;
  font-weight: normal;
  text-decoration: none;
  box-shadow: 2px 5px 10px #eee;
  margin-bottom: 30px;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 50px;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a:hover {
  background: #e60013;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a:hover h3 {
  color: #fff;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a:hover p {
  color: #fff;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a p {
  font-size: 16px;
  color: #555;
  line-height: 30px;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -6px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a i img {
  width: 100%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-h6 a.active {
  background-color: #c80917;
  color: #fff;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul:first-of-type {
  display: block;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li i {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li i {
  background-image: url(../images/tp87.png);
  animation-name: tossing;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes tossing {
  0% {
    transform: translateY(20%);
  }
  50% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(20%);
  }
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(1) {
  top: 75%;
  left: 61%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(2) {
  top: 70%;
  left: 54%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(3) {
  top: 41%;
  left: 62%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(4) {
  top: 40%;
  left: 36%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(5) {
  top: 62%;
  left: 42%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(6) {
  top: 32%;
  left: 63%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(7) {
  top: 45%;
  left: 67%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(8) {
  top: 54%;
  left: 68%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(9) {
  top: 70%;
  left: 67%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(10) {
  top: 73%;
  left: 49%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(11) {
  top: 56%;
  left: 40%;
}
.tyd-qqzl02 .tyd-qqzl02-divb .tyd-qqzl02-ul1 li:nth-of-type(12) {
  top: 50%;
  left: 34%;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li dl {
  overflow: hidden;
  width: 0;
  height: 0;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  transform: translate(-55%, -100%);
  background: url(https://www.hengtonggroup.com/web/bocstatic/web/img/tp97.png) center center no-repeat;
  display: flex;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li:hover dl {
  width: 612px;
  height: 215px;
  padding: 20px;
  box-sizing: border-box;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li dl dt {
  width: 200px;
  height: 145px;
  background-size: cover;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li dl dd {
  padding: 0 0 0 20px;
  margin: 0;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li dl dd h6 {
  margin: 0;
  font-size: 18px;
  color: #333;
}
.tyd-qqzl02 .tyd-qqzl02-divb ul li dl dd p {
  font-size: 14px;
  color: #666;
  line-height: 1.75;
}
.syrxcp {
  width: 90%;
  margin: 100px auto 20px auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.syrxcp ul li {
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 450px;
}
.sy-l {
  padding-left: 110px;
}
.sy-l h3 {
  font-size: 40px;
  font-weight: bold;
  color: #e60013;
  margin-top: 15px;


}
.sy-l h4 {
  font-size: 30px;
  color: #e60013;
  font-weight: normal;
  padding-top: 40px;
  padding-bottom: 35px;
}
.sy-l p {
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
.sy-l a {
  width: 130px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  background: #ccac84;
  border-radius: 50px;
  color: #fff;
  transition: all .4s;
  margin-top: 60px;
}
.sy-l a:hover {
  width: 200px;
  transition: all .5s
}
.sy-r {
  width: 50%;
  overflow: hidden;
}
.sy-r img {
  display: block;
  width: 100%;
  transition: all .5s
}
.sy-r:hover img {
  transform: scale(1.1);
}
.syrxcp2 {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.syrxcp2 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.syrxcp2 ul li {
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  width: 49%;
  box-sizing: border-box;
  padding: 28px 28px 48px;
  text-align: center;
}
.sy-t {
  overflow: hidden;
  height: 360px;
}
.sy-t img {
  display: block;
  width: 100%;
  transition: all .5s;
}
.sy-b h3 {
  font-size: 30px;
  color: #e60013;
  font-weight: normal;
  padding-top: 40px;
  padding-bottom: 35px;
}
.sy-b p {
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
.sy-b a {
  width: 130px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  background: #ccac84;
  border-radius: 50px;
  color: #fff;
  transition: all .4s;
  margin: 30px auto 0px auto;
}
.sy-b a:hover {
  width: 200px;
  transition: all .5s
}
.sy-t img:hover {
  transform: scale(1.1);
}
.nyzpln {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  position: relative;
}
.nyzpln h3 {
  font-size: 24px;
  color: #e60013;
  margin-bottom: 20px;
  width: 45%;
  padding-top: 20px;
}
.nyzpln p {
  font-size: 18px;
  color: #555;
  line-height: 40px;
  width: 55%;
}
.nyzpln img {
  position: absolute;
  top: 60px;
  right: 5%;
  max-width: 550px;
  width: 40%;
}
.nyppjs {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  position: relative;
  height: 630px;
}
.nyppjs h3 {
  font-size: 24px;
  color: #e60013;
  margin-bottom: 20px;
  width: 45%;
  padding-top: 20px;
}
.nyppjs p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  width: 55%;
  float: right;
}
.nyppjs img {
  width: 100%;
}
.nyppjs p img {
  border: none;
  width: 300px;
  display: block;
  margin-bottom: 50px;
}
.cxmst {
  width: 90%;
  background: url("../images/joblinian.html") no-repeat center;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  height: 600px;
}
.nyfwtx {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.nyfwtx_l {
  float: left;
  width: 50%;
  text-align: center;
}
.nyfwtx_l h3 {
  font-size: 24px;
  color: #e60013;
  margin-bottom: 20px;
  text-align: left;
}
.nyfwtx_l p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  text-align: left;
  width: calc(100% - 110px);
  float: right;
}
.nyfwtx_r {
  float: right;
  width: 45%;
  text-align: right;
}
.nyfwtx_r img {
  max-width: 100%;
}
.nyfwtx_b img {
  width: 100%;
}
.sxfwzz {
  width: 75%;
  margin: 0 auto;
}
ul.sxfwzz li {
  width: 33.33%;
  text-align: center;
  float: left;
  cursor: pointer;
}
ul.sxfwzz li i {
  display: inline-block;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}
ul.sxfwzz li i span {
  display: inline-block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-color: #f2f4f8;
  background-repeat: no-repeat;
  background-position: center center;
}
ul.sxfwzz li i:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 78px;
  height: 78px;
  z-index: 1;
  border: 1px #e60013 dashed;
  transition: all 2s ease;
  -webkit-transition: -webkit-transform 2s ease-out;
  -moz-transition: -moz-transform 2s ease-out;
  -o-transition: -o-transform 2s ease-out;
  -ms-transition: -ms-transform 2s ease-out;
}
ul.sxfwzz li.sxfwzz_list01 i span {
  background-image: url(../images/sxfwzz_list01.html);
}
ul.sxfwzz li.sxfwzz_list02 i span {
  background-image: url(../images/sxfwzz_list02.html);
}
ul.sxfwzz li.sxfwzz_list03 i span {
  background-image: url(../images/sxfwzz_list03.html);
}
ul.sxfwzz li h3 {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin: 5px auto;
}
ul.sxfwzz li:hover h3 {
  color: #e60013
}
ul.sxfwzz li:hover i:before {
  animation: whirl 8s linear infinite;
}
.nyfwtx_l h2 {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #e60013;
  margin-bottom: 100px;
}
.nyfwtx_l li {
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin-bottom: 85px;
  overflow: hidden;
  margin-top: 20px;
}
.nyfwtx_l li i {
  display: inline-block;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-right: 30px;
}
.nyfwtx_l li i span {
  display: inline-block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-color: #f2f4f8;
  background-repeat: no-repeat;
  background-position: center center;
}
.nyfwtx_l li i:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 78px;
  height: 78px;
  z-index: 1;
  border: 1px #e60013 dashed;
  transition: all 2s ease;
  -webkit-transition: -webkit-transform 2s ease-out;
  -moz-transition: -moz-transform 2s ease-out;
  -o-transition: -o-transform 2s ease-out;
  -ms-transition: -ms-transform 2s ease-out;
}
.sxjc_list01 i span {
  background-image: url(../images/sxjc_list01.html);
}
.sxjc_list02 i span {
  background-image: url(../images/sxjc_list02.html);
}
.sxjc_list03 i span {
  background-image: url(../images/sxjc_list03.html);
}
.sxjc_list04 i span {
  background-image: url(../images/sxjc_list04.html);
}
.sxjc li h3 {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin: 5px auto;
}
.sxjc li:hover h3 {
  color: #0887ee
}
.sxjc li:hover i:before {
  animation: whirl 8s linear infinite;
}
@keyframes whirl {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.nyfwbz {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}
.nyfwbz_title {
  font-weight: bold;
  text-align: center;
  font-size: 32px;
  color: #e60013;
  margin-bottom: 40px;
}
.nyfwbzlist {
  width: 100%;
  position: relative;
  margin-top: 80px;
}
.nyfwbzlist img {
  position: absolute;
  right: 0px;
  max-width: 600px;
  top: 0px;
  width: 40%;
}
.nyfwbzlist ul li {
  width: 100%;
  height: 400px;
}
.nyfwbzlist ul li img {
  max-width: 100%;
}
.nyfwbzlist ul li .nyfwbz_l {
  width: 60%;
  float: left;
  margin-bottom: 30px;
}
.nyfwbzlist ul li .nyfwbz_r {
  width: 50%;
  float: right;
  height: 400px;
}
.nyfwbzlist ul li div {
  text-align: justify;
}
.nyfwbzlist ul li div h3 {
  font-size: 24px;
  color: #e60013;
  margin-bottom: 20px;
}
.scpz {
  width: 100%;
}
.nyfwbzlist ul li div h3 b {
  padding-left: 10px;
  color: #ceb274
}
.nyfwbzlist ul li div h4 {
  font-size: 16px;
  font-weight: normal;
  color: #e60013;
  margin-bottom: 10px;
}
.nyfwbzlist ul li div p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  margin-bottom: 10px;
}
.nynewsnav {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  height: 60px;
  border-bottom: 1px #ddd solid;
  position: relative;
  z-index: 9;
}
.loc {
  line-height: 60px;
  color: #333;
  font-size: 12px;
  height: 60px;
  text-align: center;
}
.loc ul li {
  width: 130px;
  position: relative;
  text-align: center;
  display: inline-block;
}
.loc ul li:before {
  content: " ";
  background: #1b1b1b;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 60px;
  transition: all 0.3s ease;
}
.loc ul li:after {
  content: " ";
  background: #ddd;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 20px;
  width: 1px;
  height: 20px;
}
.loc ul li > a {
  line-height: 60px;
  color: #333;
  font-size: 18px;
  display: block;
  width: 130px;
  position: relative;
  z-index: 999
}
.loc ul li > a:hover {
  color: #fff
}
.loc ul li:hover {}
.loc ul li:hover:before {
  width: 130px;
  left: 0;
}
.loc ul li:hover dl {
  opacity: 1;
  display: block;
}
.loc ul li:last-child:after {
  display: none;
}
.nyshzr {
  width: 100%;
  height: 650px;
  background: url(../images/nyshzrbg.html) center center no-repeat;
}
.nyshzr_text {
  float: right;
  width: 50%;
  text-align: right;
  margin-top: 90px;
  margin-bottom: 30px;
}
.nyshzr_text h3 {
  font-size: 30px;
  color: #333;
  line-height: 50px;
}
.nyshzr_text p {
  font-size: 16px;
  color: #666;
}
.nyshzr_box {
  float: right;
  width: 690px;
}
.nyshzr_box .nyshzr_box1 {
  width: 431px;
  height: 330px;
  float: left;
  box-sizing: border-box;
  padding: 50px;
}
.nyshzr_box .nyshzr_box1 h3 {
  font-size: 24px;
  color: #fff;
}
.nyshzr_box .nyshzr_box1 p {
  font-size: 14px;
  color: #fff;
}
.nyshzr_box .nyshzr_box2 {
  width: 245px;
  float: right;
}
.nyshzr_box .nyshzr_box2 ul li {
  width: 245px;
  height: 160px;
  margin-bottom: 10px;
  text-align: center;
  display: table;
}
.nyshzr_box .nyshzr_box2 ul li a {
  display: table-cell;
  vertical-align: middle;
}
.nyshzr_box .nyshzr_box2 ul li h3 {
  font-size: 24px;
  color: #fff;
}
.nyshzr_box .nyshzr_box2 ul li p {
  font-size: 14px;
  color: #fff;
}
.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 h3 {
  font-size: 24px;
  color: #333;
}
.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 p {
  font-size: 14px;
  color: #666;
}
/*Top按钮*/
*html {
  background-image: url(about:blank);
  background-attachment: fixed;
}
/*解决IE6下滚动抖动的问题*/
.tbox {
  width: 50px;
  float: right;
  position: fixed;
  z-index: 999999;
  right: 10px;
  bottom: 15px;
  _position: absolute;
  _bottom: auto;
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
  _margin-bottom: 15px;
  display: none;
}
/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop {
  width: 50px;
  height: 50px;
  background: url(../images/icon.png) no-repeat 0 0;
  display: block;
}
@media (min-width: 1701px) and (max-width:1860px) {
  .nyaboutbanner {
    height: 560px;
  }
}
@media (min-width: 1441px) and (max-width:1700px) {
  .nyaboutbanner {
    height: 480px;
  }
  .nyfwtx_l li {
    margin-bottom: 15px;
  }
  .nyfwtx_l p {
    line-height: 35px;
  }
  .synews {
    height: 650px;
  }
  .nyspxf {
    right: 5%;
  }
  .symenuping > ul > li {
    padding: 0 18px;
  }
  .symenuping > ul > li .submenu {
    width: 100%;
  }
  .nyfwbzlist ul li .nyfwbz_l {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) and (max-width:1440px) {
  .symenuping > ul > li {
    padding: 0 15px;
  }
  .nyaboutbanner {
    height: 400px;
  }
  .nyfwtx_l li {
    margin-bottom: 15px;
  }
}





@media (max-width:1199px) {
  .symenuping > ul > li {
    padding: 0 20px;
  }
}
.tyd-clear {
  clear: both;
}
.tyd-gywm03 {
  width: 100%;
  padding: 80px 0;
}
.tyd-gywm03-box {
  width: 90%;
  min-width: 1300px;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1600px;
}
.tyd-gywm03-title {
  margin-bottom: 25px;
  text-align: center;
}
.tyd-gywm03-title h3 {
  font-size: 40px;
  color: #333;
  line-height: 100px;
}
.tyd-gywm03-con {
  margin-bottom: 70px;
  font-size: 16px;
  color: #666;
  line-height: 1.75;
  text-align: center;
}
.tyd-gywm03-con p {
  text-indent: 2em;
  font-size: 18px;
  line-height: 40px;
  color: #555;
  margin-bottom: 20px;
  text-align: left;
}
.tyd-gywm03-con h4 {
  font-size: 26px;
  color: #333;
  letter-spacing: 2px;
  line-height: 60px;
  font-weight: normal;
}
.tyd-gywm03-ul {
  display: flex;
}
.tyd-gywm03-ul li {
  align-items: center;
  width: 25%;
  color: #333;
  position: relative;
}
.tyd-gywm03-ul li:after {
  content: "";
  background: #ddd;
  position: absolute;
  width: 1px;
  height: 80%;
  top: 10%;
  right: 0;
}
.tyd-gywm03-ul li:last-child:after {
  display: none;
}
.tyd-gywm03-ul li h3 {
  color: #e60013;
  text-align: center;
  margin-bottom: 20px;
}
.tyd-gywm03-ul li h3 b {
  font-size: 80px;
  color: #e60013;
  font-weight: bold;
}
.tyd-gywm03-ul li h3 span {
  font-size: 20px;
}
.tyd-gywm03-ul li p {
  font-size: 20px;
  color: #666;
  text-align: center;
}
.tyd-gywm03-hsbg {
  width: 100%;
  padding: 60px 0 100px 0;
  background: url(../images/rybj.jpg) no-repeat center;
}
.tyd-gywm03-swiper-honor {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.tyd-gywm03-swiper-honor .swiper-slide {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: url(../images/tyd-gywm03-swiper-honor-itembg.png) center center no-repeat;
}
.tyd-gywm03-swiper-honor .swiper-slide h3 {
  width: 100%;
  font-size: 18px;
  color: #333;
}
.tyd-gywm03-swiper-honor .swiper-slide p {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  transition: all 0.5s ease;
  background: #fff;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tyd-gywm03-swiper-honor .swiper-slide:hover h3 {
  display: none;
}
.tyd-gywm03-swiper-honor .swiper-slide:hover p {
  opacity: 1;
  background: #e60013;
}
.foot {
  background: #fff url(../images/footbg.jpg) center center no-repeat;
  width: 100%;
  padding: 40px 0;
  height: 90px;
}
.foot_ul {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
}
.footlogo {
  float: left;
  width: 22%;
  min-width: 200px;
}
.footcplxwm {
  float: left;
}
.footcpfl h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
.footcpfl h3:after {
  content: "";
  width: 16px;
  height: 3px;
  background: #d60c14;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footcpfl ul li {
  line-height: 35px;
}
.footcpfl ul li a {
  color: #666;
  font-size: 16px;
  line-height: 40px;
}
.footcplxwm h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
}
.footcplxwm h3:after {
  content: "";
  width: 16px;
  height: 3px;
  background: #d60c14;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footcplxwm ul {
  position: relative;
}
.footcplxwm ul li {
  line-height: 35px;
  margin: 0 30px 0 0px;
}
.footcplxwm ul li a {
  color: #666;
  font-size: 16px;
  line-height: 30px;
}
.footcplxwm ul li:nth-child(3) {
  margin-right: 0px;
}
.footcplxwm img {
  position: absolute;
  right: 50px;
  top: 5px;
}
.footlogo img {
  max-width: 240px;
}
.dbxf {
  position: fixed;
  right: 0px;
  height: 50px;
  width: 50px;
  top: 80%;
  z-index: 9999
}
.foot-rcewm {
  width: 40%;
  float: right;
}
.foot-rcewm ul li {
  width: 20%;
  float: left;
}
.foot-rcewm ul li img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto;
}
.foot-rcewm ul li p {
  font-size: 14px;
  color: #333;
  width: 100%;
  display: block;
  text-align: center;
}
.f-ycdbtb {
  width: 290px;
  float: right;
}
.f-ycdbtb ul li {
  float: left;
  margin-right: 30px;
  position: relative;
}
.f-ycdbtb ul li img {
  width: 55px;
  height: 55px;
}
.f-ycdbtb ul li .d {
  width: 100px !important;
  height: 100px !important;
  display: none;
}
.f-ycdbtb ul li a:hover .d {
  display: block;
  position: absolute;
  top: -100px;
  left: -20px;
}
.cpckgd {
  width: 100%;
  height: 50px;
  border: 1px #eee solid;
  border-radius: 5px;
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 50px;
  display: block;
  margin-top: 30px;
}
.cpckgd:hover {
  color: #e60013;
  font-weight: bold;
}
.dhxzys {
  color: #e60013 !important;
  font-weight: bold !important;
}
.dhxzys:after {
  content: "";
  position: absolute;
  width: 80%;
  background: #e60013 !important;
  height: 3px !important;
  z-index: 999;
  top: 85px !important;
  left: 10%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}






@media (min-width: 920px) and (max-width:1198px) {
.sytop{ min-width:95%; max-width:100%; width:95%; }
.symenuping > ul > li{  padding:0 10px; }
.logo img{ max-width:320px;  margin-top:15px; }
.symenuping > ul > li > a{ font-size:16px; }
#banner #swiper-slide1 img{ max-width:100%; min-width:95%; }
#banner #swiper-slide2 img{ max-width:100%; min-width:95%; }
.tyd-gywm03-box{  min-width:95%; max-width:100%; } 
.syrxcp{ min-width:95%; max-width:100%; width:95%; }
.sy-l{ padding-left:50px; }
.sy-r{ width:55%; }
.syrxcp ul li{ height:360px; }
.nycpbt1 p{ width:98%; font-size:18px;  margin:0 auto;}
.syscfb ul{ min-width:95%; max-width:100%; width:95%; }
.foot_ul{ min-width:95%; max-width:100%; width:95%; }
.footlogo{ width:40%;  }
.foot-rcewm{ width:95%; margin:0 auto; float:none; }
.footcplxwm{ width:60%; height:120px; }
.foot{ height:280px; }
.mainbox{ min-width:95%; max-width:100%; width:95%; }





.nyaboutbanner{ min-width:95%; max-width:100%; height:310px; }
.nyaboutculturen{ min-width:95%; max-width:100%; width:95%;  }
.nyaboutculturenlist li h4{ font-size:28px; }
.nyaboutculturenlist li h3{ font-size:16px; }
.tyd-gywm03-box{ min-width:95%; max-width:100%; width:95%;  }
.nypro-tltj{ min-width:95%; max-width:100%; width:95%; }
.nypro-tltj ul li .text a{ font-size:16px; }



.nyaboutnav{ min-width:95%; max-width:100%; width:95%; }
.tyd-gywm01{ min-width:95%; max-width:100%; width:95%; }
.tyd-gywm01-l{ width:100%; float:none; }
.tyd-gywm01-r{ width:100%; float:none; margin-left:0px; margin-top:20px; }
.tyd-gywm03-box{ min-width:95%; max-width:100%; width:95%; }
.tyd-gywm03-ul li h3 b{ font-size:50px; }
.nypro-tltj{  min-width:95%; max-width:100%; width:95%;}
.nyzpln{ min-width:95%; max-width:100%; width:95%; }
.nyzpln img{ position:inherit; width:60%;margin:0 auto; right:0px; max-width:80%; display:block; }
.nyzpln p{ width:100%; }
.nymainbox{ min-width:95%; max-width:100%; width:95%;  }
.tyd-qqzl02 .tyd-qqzl02-diva{ position:relative; }
.tyd-qqzl02 .tyd-qqzl02-diva ul{ left:40%; position:absolute; top:20px; }

}