@charset "utf-8";

/*默认参数*/ :root {

  --primary-color: #0d86bd;

  --secondary-color: #0d86bd;

  --background-color: #f4f4f4;

  --background-jianbain: linear-gradient(90deg, var(--primary-color), var(--secondary-color));

  --font-color-base: #333;

  --font-color-text: #666;

  --font-color-dec: #aaa;

  --font-size-base: 16px;

  --font-size-blg: 72px;

  --font-size-lg: 48px;

  --font-size-md: 36px;

  --font-size-sm: 24px;

  --font-size-ms: 18px;

  --font-size-xs: 14px;

  --font-size-mi: 12px;

  --border-radius: 6px;

  --line-height-text: 1.75;

}

/*全局控制*/

body {

  margin: 0;

  padding: 0;

  font-size: var(--font-size-base);

  line-height: 1;

  font-family: Arial, Helvetica, "Microsoft Yahei", "PingFang SC";

  -webkit-text-size-adjust: none;

  color: var(--font-color-base);

}

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: var(--font-size-base);

  line-height: var(--line-height-text);

  font-family: Arial, Helvetica, "Microsoft Yahei", "PingFang SC";

}

img {

  border: 0;

}

ul, li {

  list-style-type: none;

}

a {

  color: var(--font-color-base);

  text-decoration: none;

}

a:hover {

  color: var(--primary-color);

}

.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;

}

.mainbox {

  width: 100%;

  padding: 0 100px;

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  max-width: 1900px;

}

.mainbox p {

  font-size: var(--font-size-base);

  color: var(--font-color-base);

  line-height: 2em;

}

.nymainbox {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  max-width: 1700px;

}

/*头部*/

.header_top {

  width: 100%;

  margin: 0 auto;

  padding: 0 60px;

  min-width: 1300px;

  box-sizing: border-box;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  transition: all .5s ease;

  background: #fff;

}

.header_top.on {

  background: rgba(255, 255, 255, 1);

}

.header_top.on:hover {

  background: rgba(255, 255, 255, 1);

}

.logo {

  width: 100px;

  padding: 14px 0;

}

/*顶部导航*/

.symenuping {

  width: calc(100% - 100px);

  height: 127px;

}

.symenuping > ul {

  display: flex;

  flex-direction: row;

  justify-content: center;

  height: 127px;

}

.symenuping > ul > li {

 padding: 24px 25px;

	width:8%;

}

.symenuping > ul > li > a {

  color: #333;

  line-height: 80px;

  font-size: 17px;

  font-weight: bold;

}

.symenuping .submenu {

  position: absolute;

  left: 0 !important;

  right: 0;

  top: 127px !important;

  width: 100% !important;

  background: var(--background-color);

  height: 80px;

  display: none;

  text-align: center;

}

.symenuping .submenu.subcp {

  height: auto;

  padding: 40px 0;

}

.symenuping .submenu li {

  display: inline-block;

  padding: 0 3%;

}

.symenuping .submenu li * {

  transition: all 0.8s ease;

}

.symenuping .submenu li a {

  line-height: 80px;

  font-size: var(--font-size-base);

  display: inline-block;

  text-align: center;

}

.symenuping .submenu.subcp li a {

  line-height: 40px;

}

.symenuping .submenu.subcp li a i {

  display: block;

  width: 60px;

  height: 60px;

  margin: 0 auto;

  background-position: 0 0;

  background-repeat: no-repeat;

}

.symenuping .submenu.subcp li:hover a i {

  background-position: 0 -60px;

}

.symenuping .submenu li:hover a {

  color: var(--primary-color);

}

.header_top.on .symenuping > ul > li > a {

  color: var(--font-color-base);

}

@media(max-width:1600px) {

  .symenuping > ul > li {

  padding: 24px 15px;

	  width:10%;

  }

}

@media(max-width:1400px) {

  .symenuping > ul > li {

  padding: 24px 10px;

	   width:10%;

  }

}

/*语言和搜索*/

.topright {

  width: 280px;

  display: flex;

  align-items: center;

}

.yuyan {

  flex: 1;

  height: 80px;

  line-height: 80px;

  position: relative;

}

.yuyan h3 {

  font-size: var(--font-size-xs);

  color: #fff;

  font-weight: normal;

}

.yuyan h3 i {

  display: inline-block;

  vertical-align: middle;

  width: 18px;

  height: 18px;

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  -o-border-radius: 100%;

  background: #aaa url(../images/language_icon_2.gif) no-repeat center center;

  background-size: cover;

  margin-right: 6px;

  margin-top: -3px;

}

.yuyan h3 a {

  font-size: var(--font-size-xs);

  color: #fff;

  text-transform: uppercase;

}

.header_top.on .yuyan h3 a {

  color: var(--font-color-base);

}

.yuyan ul {

  background: #fff;

  position: absolute;

  left: 0;

  right: 0;

  top: 80px;

  z-index: 999;

  text-align: center;

  overflow: hidden;

  height: 0;

  transition: all .5s ease;

}

.yuyan ul li {

  line-height: 50px;

  font-size: 14px;

  color: #666;

  border-bottom: 1px #eee solid;

  position: relative;

  transition: all .5s ease;

  z-index: 999;

}

.yuyan ul li:after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 1px;

  margin-left: 0;

  width: 0;

  height: 2px;

  background: #007dd4;

  transition: all .5s ease;

}

.yuyan ul li:hover:after {

  width: 60px;

  margin-left: -30px;

}

.yuyan:hover ul {

  display: block;

  height: 100px;

}

.hd_search {

  width: 40px;

  margin-right: 4%;

}

.hd_search * {

  transition: all 0.8s ease;

}

.hd_search_a {

  display: block;

  height: 40px;

  width: 40px;

  cursor: pointer;

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

  background-size: 40px;

}

.searchform {

  position: absolute;

  left: 0;

  right: 0;

  top: 80px;

  height: 0;

  overflow: hidden;

  background: #fff;

}

.searchform.active {

  height: 300px;

}

.searchform form {

  width: 500px;

  position: absolute;

  left: 50%;

  top: 50%;

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

  display: flex;

  border-bottom: 1px #ddd solid;

}

.searchform form .hd_search_box {

  height: 50px;

  line-height: 50px;

  flex: 1;

  border: none;

}

.searchform form .hd_search_btn {

  width: 50px;

  height: 50px;

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

  border: none;

  cursor: pointer;

}

.hd_search_c {

  display: block;

  height: 50px;

  width: 50px;

  cursor: pointer;

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

  position: absolute;

  right: 20%;

  top: 20%;

}

/*首页关于我们*/

.syabout {

  width: 100%;

  box-sizing: border-box;

  text-align: center;

  position: relative;

}

.syabout_r p {

  font-size: 16px;

  color: #888;

  line-height: 32px;

  text-align: justify;

  padding: 0 30px 0 30px;

}

.syabout_r strong {

  padding: 0 30px 0 30px;

  line-height: 28px;

  text-align: justify;

}

.syabout_r p:hover {

  color: #666;

}

.syabout_r_a {

  font-size: 24px;

  color: #0d86bd;

  text-transform: uppercase;

  margin-right: 30px;

}

.syabout_r strong {

  float: left;

  color: #0d86bd;

}

.syabout_r_a {

  float: right;

  display: block;

  width: 180px;

  height: 45px;

  text-align: center;

  border: dashed 1px #0d86bd;

  border-radius: 8px;

  line-height: 45px;

  font-size: 16px;

  transition: all 1s;

}

.syabout_r_a:hover {

  background: #0d86bd;

  color: #fff;

}

/*首页优势*/

#carousel {

  position: relative;

  width: 100%;

  margin: 0 auto;

  padding-bottom: 40px;

}

.syqiys {

  width: 100%;

  box-sizing: border-box;

  margin-top: 20px;

}

.syqiys ul li {

  float: left;

  width: 33.3%;

  height: 65vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 0 60px;

  box-sizing: border-box;

  position: relative;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  transition: all 0.3s ease;

}

.syqiys ul li i {

  display: inline-block;

  width: 62px;

  height: 62px;

  box-sizing: border-box;

  background-repeat: no-repeat;

  background-position: center center;

  border-radius: 50%;

  /* background-color: #fff; border: 2px #0d86bd solid;*/

  position: relative;

  z-index: 9;

  transition: all 0.3s ease;

  transition: all 0.6s;

}

.syqiys ul li h3 {

  font-size: 28px;

  color: #333;

  padding: 40px 0;

  margin-bottom: 40px;

  position: relative;

  z-index: 9;

  transition: all 0.6s;

  text-align: left;

}

.syqiys ul li h3 strong {

  font-weight: bold;

}

.syqiys ul li p {

  font-size: 16px;

  color: #666;

  margin-bottom: 20px;

  position: relative;

  z-index: 9;

  text-align: justify;

  transition: all 0.6s;

  line-height: 2em;

}

.syqiys ul li.active i {

  margin-top: -40px;

}

.syqiys ul li.active h3 {

  color: #fff;

}

.syqiys ul li.active h3 strong {

  color: #fff;

}

.syqiys ul li.active strong {

  color: #fff;

}

.syqiys ul li.active p {

  color: #fff;

}

.syqiys ul li h3:after {

  content: "";

  background: #0d86bd;

  width: 50px;

  height: 3px;

  position: absolute;

  bottom: 0;

  left: 0;

}

.syqiys ul li i.syqiys01 {

  background-image: url(../images/syqiys01.png);

}

.syqiys ul li i.syqiys02 {

  background-image: url(../images/syqiys02.png);

}

.syqiys ul li i.syqiys03 {

  background-image: url(../images/syqiys03.png);

}

.syqiys ul li i.syqiys04 {

  background-image: url(../images/syqiys04.png);

}

.syqiys ul li i.syqiys05 {

  background-image: url(../images/syqiys05.png);

}

.syqiys ul li i.syqiys06 {

  background-image: url(../images/syqiys06.png);

}

.syqiys1 {

  /*  background: url(../images/syqiys1.jpg) center no-repeat;*/

  transition: all 0.6s;

}

.syqiys2 {

  /*  background: url(../images/syqiys2.jpg) center no-repeat;*/

  transition: all 0.6s;

}

.syqiys3 {

  /*  background: url(../images/syqiys3.jpg) center no-repeat;*/

  transition: all 0.6s;

}

.syqiys4 {

  background: url(../images/syqiys4.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys5 {

  background: url(../images/syqiys5.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys6 {

  background: url(../images/syqiys6.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys1:hover {

  background: url(../images/syqiys1h.jpg) center no-repeat;

}

.syqiys2:hover {

  background: url(../images/syqiys2h.jpg) center no-repeat;

}

.syqiys3:hover {

  background: url(../images/syqiys3h.jpg) center no-repeat;

}

.syqiys4:hover {

  background: url(../images/syqiys4h.jpg) center no-repeat;

}

.syqiys5:hover {

  background: url(../images/syqiys5h.jpg) center no-repeat;

}

.syqiys6:hover {

  background: url(../images/syqiys6h.jpg) center no-repeat;

}

.syqiys ul li:hover h3 {

  color: #fff;

  margin-top: -10px;

}

.syqiys ul li:hover i {

  margin-top: -10px;

}

.syqiys ul li:hover p {

  color: #fff;

  margin-top: -10px;

}

/*首页产品领域*/

.sypro {

  width: 100%;

  box-sizing: border-box;

  /*  text-align: center;*/

  position: relative;

}

.sypro2 {

  width: 100%;

  box-sizing: border-box;

  /*  text-align: center;*/

  position: relative;

}

.sycpyySwiper {

  position: absolute !important;

  z-index: 9;

  left: 0;

  right: 0;

  bottom: 0;

  height: 165px;

  background: rgba(13, 134, 189, 0.9);

}

.sycpyySwiper ul {

  display: flex;

  justify-content: space-between;

  height: 100%;

}

.sycpyySwiper ul * {

  transition: all 0.5s ease;

}

.sycpyySwiper ul li {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  color: #fff;

  flex: 1;

  border-right: #21a6e2 1px solid;

}

.sycpyySwiper ul li div {

  text-align: left;

}

.sycpyySwiper ul li h3 {

  font-weight: normal;

  font-size: var(--font-size-ms);

  margin-bottom: 8px

}

.sycpyySwiper ul li h3 a {

  color: #fff;

}

.sycpyySwiper ul li p {

  opacity: 0.3;

  font-size: 12px;

}

.sycpyySwiper ul li.on {

  background-color: #1aa4af;

  flex-direction: column;

  margin-top: -50px;

}

.sycpyySwiper ul li.on div {

  text-align: center;

}

.sycpyySwiper2 .swiper-wrapper {

  line-height: 0;

}

.sycpyySwiper2 .swiper-slide img {

  max-width: 100%;

  line-height: 0;

}

.sycpyySwiper2 .swiper-slide .sycpyytext {

  position: absolute;

  top: 30%;

  left: 10%;

  text-align: left;

  line-height: var(--line-height-text);

}

.sycpyySwiper2 .swiper-slide .sycpyytext h4 {

  width: 77px;

  height: 63px;

  background: url(../images/sycpyytexth4icon.png) top left no-repeat;

  margin-bottom: 15px;

}

.sycpyySwiper2 .swiper-slide .sycpyytext h3 {

  font-size: var(--font-size-md);

  color: #fff;

  margin-bottom: 15px;

}

.sycpyySwiper2 .swiper-slide .sycpyytext p {

  font-size: var(--font-color-base);

  color: #fff;

  margin-bottom: 30px;

}

.sycpyySwiper2 .swiper-slide .sycpyytext a {

  display: inline-block;

  width: 120px;

  height: 40px;

  line-height: 40px;

  border: 1px #fff solid;

  text-align: center;

  font-size: var(--font-size-xs);

  color: #fff;

}

.zx_cpzs {

  height: 448px;

  width: 100%;

  margin: 0 auto;

}

.zx_cpzs ul {}

.zx_cpzs ul li {

  width: 385px;

  float: left;

  /*  border-right: 1px solid #eeeeee;*/

}

.zx_cpzs ul li:hover p a {

  background: #000;

}

.zx_cpzs ul li:hover p a img {

  opacity: 0.95;

}

.zx_cpzs ul li:hover span {

  background: #f2f2f2;

}

.zx_cpzs ul li p {

  height: 289px;

  width: 385px;

  /*  border-radius: 20px 20px 0 0;*/

}

.zx_cpzs ul li p a {

  display: block;

  width: 385px;

  height: 290px;

  /*  border-radius: 20px 20px 0 0;*/

  transition: all 0.6s;

}

.zx_cpzs ul li p img {}

.zx_cpzs ul li span {

  display: block;

  color: #fff;

  text-align: center;

  width: 385px;

  height: 86px;

  border-top: 1px solid #fff;

  background: #fff;

  border-radius: 0 0 20px 20px;

  transition: all 0.6s;

}

.zx_cpzs ul li span a {

  color: #333;

  font-size: 20px;

  font-weight: bold;

  display: block;

  padding-top: 28px;

}

.zx_cpzs ul li span {

  color: #333;

  font-size: 20px;

  font-weight: bold;

  display: block;

  padding-top: 28px;

}

.zx_cpzs ul li span em {

  display: block;

  font-weight: normal;

  font-style: normal;

  font-size: 18px;

  color: #666;

  line-height: 48px;

}

.zx_cpzs ul li span em i {

  font-style: normal;

  padding: 0 4px;

}

.zx_cpzs ul li:hover span a {

  padding-bottom: 40px;

}

#demo1p {

  width: 100%; /* height: 190px; */ overflow: hidden; /* position: relative; */ margin: 0 auto;

}

#indemo1p {

  float: left;

  width: 980%;

}

#demo1p1 {

  float: left;

  word-break: break-all;

}

#demo1p2 {

  float: left;

}

#demo2p {

  width: 100%; /* height: 190px; */ overflow: hidden; /* position: relative; */ margin: 0 auto;

}

#indemo2p {

  float: left;

  width: 980%;

}

#demo2p1 {

  float: left;

  word-break: break-all;

}

#demo2p2 {

  float: left;

}

/*首页科技服务*/

.sykjfw {

  width: 100%;

  height: 650px;

  background: url(../images/sykjfwbg.jpg) center bottom no-repeat;

  box-sizing: border-box;

  text-align: center;

  position: relative;

}

.syabout_box {

  width: 100%;

  position: relative;

}

.syabout {

  width: 100%;

  min-height: 610px;

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  overflow: hidden;

  position: relative;

}

.syabout_l {

  width: 100%;

  height: 689px;

  background: url(../images/abbg.jpg) center top no-repeat;

}

.syabout_l img {

  max-width: 100%;

}

.sh_hztit span {

  font-size: 36px;

  color: #0d86bd;

  text-transform: uppercase;

  line-height: 50px;

  font-weight: 600

}

.sh_hztit p {

  font-size: 30px;

  color: #333;

  text-align: center;

  margin-right: 50px;

  line-height: 40px;

  font-weight: 600

}

.syabout_r {

  width: calc(85% - 100px);

  position: relative;

  min-height: 450px;

  top: -100px;

  padding: 70px 50px 50px 50px;

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

  margin: 0 auto;

  text-align: center;

  /*  box-shadow: 20px 20px 20px rgba(0,0,0,0.12);*/

  height: 532px;

}

.syabout_r h3 {

  font-size: 16px;

  color: #ddd;

  text-transform: uppercase;

  line-height: 30px;

  font-weight: normal;

}

.syabout_r h4 {

  font-size: 48px;

  color: #333;

  /*  background: url(../images/abline.jpg) center bottom no-repeat;*/

  height: 43px;

}

.syabout_r em {

  text-align: center;

  font-style: normal;

  font-size: 18px;

  line-height: 3em;

  letter-spacing: 0.3em;

  color: #666;

}

.sybgtitle {

  margin: 0 auto;

  text-align: center;

  height: 200px;

}

.sybgtitle h3 {

  font-size: 16px;

  color: #ddd;

  text-transform: uppercase;

  line-height: 65px;

  font-weight: normal;

}

.sybgtitle h4 {

  font-size: 54px;

  color: #333;

  background: url(../images/abline.jpg) center bottom no-repeat;

  height: 43px;

}

.sybgtitle:hover h3 {

  -webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

  animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

}

.sybgtitle:hover h4 {

  -webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

  animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

}

.sybgtitle:hover em {

  -webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

  animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

}

/* ----------------------------------------------



 * Generated by Animista on 2024-6-7 9:23:15



 * Licensed under FreeBSD License.



 * See http://animista.net/license for more info. 



 * w: http://animista.net, t: @cssanimista



 * ---------------------------------------------- */

/**



 * ----------------------------------------



 * animation tracking-in-expand-fwd



 * ----------------------------------------



 */

@-webkit-keyframes tracking-in-expand-fwd {

  0% {

    letter-spacing: -0.5em;

    -webkit-transform: translateZ(-700px);

    transform: translateZ(-700px);

    opacity: 0;

  }

  40% {

    opacity: 0.6;

  }

  100% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes tracking-in-expand-fwd {

  0% {

    letter-spacing: -0.5em;

    -webkit-transform: translateZ(-700px);

    transform: translateZ(-700px);

    opacity: 0;

  }

  40% {

    opacity: 0.6;

  }

  100% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

/*首页新闻*/

.synews {

  width: 100%;

  margin: 0 auto;

  box-sizing: border-box;

}

.synews { /*padding:80px 0;*/

}

.synewstitle {

  width: 100%;

}

.synewstitle h3 {

  font-size: var(--font-size-md);

  color: var(--font-color-base);

}

.synewstitle h3 a {

  margin: 0 10px;

  font-size: var(--font-size-base);

  color: v#333;

  font-weight: normal;

}

.synewstitle h3 a:first-child {

  margin-left: 20px;

}

.synewstitle h3 a:hover {

  color: var(--primary-color);

}

.synewstitle h3 em {

  font-style: normal;

  font-size: var(--font-size-base);

  color: var(--font-color-dec);

}

.synews_title {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  text-align: center;

}

.synews_title h3 {

  font-size: 18px;

  color: #0d86bd;

  text-transform: uppercase;

  font-weight: normal;

}

.synews_title h4 {

  font-size: 30px;

  color: #333;

  line-height: 40px;

}

.synewslist {

  width: calc(100% - 150px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.synewshot {

  width: 480px;

  height: 550px;

  position: relative;

  float: left;

  padding: 40px;

  box-sizing: border-box;

  box-shadow: 0px 2px 10px 1px rgba(50, 50, 50, 0.1);

}

.synewshot h4 {

  width: 100%;

  height: 220px;

  margin-bottom: 20px;

  position: relative;

}

.synewshot h4 a {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 99;

}

.synewshot h4 img {

  width: 100%;

  height: 100%;

}

.synewshot h3 {

  font-size: 20px;

  color: #333;

  line-height: 50px;

  margin-bottom: 20px;

}

.synewshot p {

  font-size: 16px;

  color: #888;

  line-height: 30px;

}

.synewshot .synews_a {

  font-size: 24px;

  color: #333;

  transition: all 0.3s ease;

  position: absolute;

  right: 40px;

  bottom: 45px;

}

.synewshot:hover .synews_a {

  color: #0d86bd;

}

.synewshot .synews_b {

  font-size: 18px;

  color: #888;

  transition: all 0.3s ease;

  position: absolute;

  left: 40px;

  bottom: 45px;

}

.synewshot:hover .synews_b {

  color: #0d86bd;

}

.synews_list {

  width: calc(100% - 520px);

  float: right;

}

.synews_list_title {}

.synews_list ul {

  width: 100%;

  height: 220px;

}

.synews_list ul li {

  float: left;

  width: 48%;

  background: #fff;

  padding: 25px;

  margin: 0 1% 2%;

  box-sizing: border-box;

  border-top: 1px #eee solid;

  position: relative;

  height: 250px;

}

.synews_list ul li h4 {

  font-size: 18px;

  color: #0d86bd;

  line-height: 30px;

}

.synews_list ul li h4 span {

  color: #888;

  font-size: 16px;

  font-weight: normal;

  margin-left: 10px;

}

.synews_list ul li h3 a {

  font-size: 18px;

  font-weight: normal;

  color: #333;

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  line-height: 40px;

  margin-bottom: 30px;

  font-weight: bold;

}

.synews_list ul li p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  height: 60px;

  overflow: hidden;

}

.synews_list ul li .synews_a {

  font-size: 24px;

  color: #333;

  transition: all 0.3s ease;

  position: absolute;

  left: 25px;

  bottom: 0;

}

.synews_list ul li:hover .synews_a {

  color: #0d86bd;

  margin-left: 10px;

}

/*底部样式*/

.footlianxi {

  width: 100%;

  height: 360px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background: url(../images/footlianxibg.jpg) center center no-repeat;

}

.footlianxi h3 {

  font-size: var(--font-size-md);

  color: #fff;

  margin-bottom: 20px;

}

.footlianxi p {

  font-size: var(--font-size-xs);

  text-transform: uppercase;

  color: #fff;

  margin-bottom: 30px;

}

.footlianxi h4 {

  text-align: center;

  font-weight: normal;

}

.footlianxi h4 a {

  display: inline-block;

  width: 160px;

  height: 46px;

  text-align: center;

  line-height: 46px;

  font-size: var(--font-size-base);

  color: #fff;

  margin: 0 20px;

  border: 1px #fff solid;

  border-radius: var(--border-radius);

}

.footlianxi h4 a.footlianxia {

  background: #fff;

  color: var(--font-color-base);

}

footer {

  width: 100%;

  height: 200px;

  min-width: 1300px;

  padding: 30px 0 0;

  box-sizing: border-box;

  background: var(--background-color);

}

.footer {

  width: 75%;

  box-sizing: border-box;

  /*  padding: 0 100px 80px;*/

  margin: 0 auto;

}

.footer ul {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}

.footer ul li {

  flex: 1;

}

.footer ul li h3 {

  font-size: 20px;

  color: var(--font-color-base);

  margin-bottom: 25px;

}

.footer ul li a {

  display: block;

  font-size: 16px;

  color: var(--font-color-text);

  margin-bottom: 20px;

}

.footnavend {

  flex: 1.5;

/*	padding-top:20px;*/

	width:350px;

}

.footnavend h4 {

  margin-bottom: 20px;

}

.footnavend p {

  display: block;

  font-size: 16px;

  color: var(--font-color-text);

  height: 20px;

  line-height: 20px;

  margin-bottom: 10px;

  padding-left: 30px;

  background-repeat: no-repeat;

  background-position: left center;

  padding-top: 10px;

}

.footerleft {

  float: left;

  width: 66%;

}

.footnavend em {

  font-size: 28px;

  font-weight: bold;

  font-style: normal;

  color: #333;

  display: block;

  padding-bottom: 10px;

}

/*.footnavend p.footcontel {

  background-image: url(../images/footcontel.png);

}*/

.footnavend a {

  display: inline-block;

  padding: 5px 10px;

  background: rgba(175, 175, 175, .2);

  border-radius: 14px;

  color: #333;

  font-size: 16px;

  margin-top: 5px;

}

.footnavend /*.footnavend p.footaddress {

  background-image: url(../images/footconemail.png);

}

.footnavend p.footconemail {

  background-image: url(../images/footconemail.png);

}

.footnavend p.footconadd {

  background-image: url(../images/footconadd.png);

}*/

.footerright {

  float: right;

  width: 20%;

}

.footewm{margin-right:1%;}

.footnavend dl dd {

  cursor: pointer;

  float: left;

  margin-right: 8px;

  position: relative;

}

.footnavend dl dd div {

  height: 0;

  width: 0;

  position: absolute;

  left: 50%;

  bottom: 40px;

  transition: all .3s ease;

  overflow: hidden;

  border-radius: 10px;

}

.footnavend dl dd div img {

  max-width: 100%;

}

.footnavend dl dd:hover div {

  width: 120px;

  height: 120px;

  margin-left: -60px;

}

.footnavend dl dd i {

  display: inline-block;

  width: 30px;

  height: 40px;

  margin-right: 3px;

  float: left;

  background-position: center;

  background-repeat: no-repeat;

}

/*.footnavend dl dd i.topcontentzmt01 {

  background-image: url(../images/topcontentzmt01.png)

}

.footnavend dl dd i.topcontentzmt02 {

  background-image: url(../images/topcontentzmt02.png)

}

.footnavend dl dd i.topcontentzmt03 {

  background-image: url(../images/topcontentzmt03.png)

}*/

.footnavend dl dd span {

  color: var(--font-color-text);

  font-size: 12px;

  line-height: 40px;

}

.footnavend dl dd:last-child {

  margin-right: 0;

}

.footnavend h3 {

  padding-bottom: 20px;

}

.dibuyoulian {

  line-height: var(--line-height-text);

  width: 100%;

  box-sizing: border-box;

  padding: 10px 0;

  font-size: var(--font-size-xs);

  color: var(--font-color-dec)

}

.dibuyoulian a {

  font-size: var(--font-size-xs);

  color: var(--font-color-dec)

}

.copyright {

  /*  width: 100%;

  box-sizing: border-box;

  padding: 40px 100px;

  background: #2e2e2e;

  display: flex;

  justify-content: space-between;*/

  border-top: #c9c9c9 1px solid;

}

.copyright p {

  display: block;

  font-size: 16px;

  color: var(--font-color-text);

  height: 20px;

  line-height: 20px;

  margin-bottom: 10px;

  background-repeat: no-repeat;

  background-position: left center;

  padding-top: 20px;

}

.copyright p a {

  font-size: 16px;

  color: var(--font-color-text);

  height: 20px;

  line-height: 20px;

  margin-bottom: 10px;

  background-repeat: no-repeat;

  background-position: left center;

}

/*右侧悬浮框*/

.right_bar {

  position: fixed;

  top: calc(90px + 10vh);

  right: 0;

  width: 50px;

  height: 203px;

  z-index: 10;

  display: none;

}

.right_bar li {

  position: absolute;

  left: 0;

  width: 62px;

  height: 50px;

  z-index: 20;

}

.right_bar li.rtbar_li1 {

  top: 0;

  width: 220px;

}

.right_bar li.rtbar_li2 {

  top: 51px;

  width: 220px;

}

.right_bar li.rtbar_li3 {

  top: 102px;

}

.right_bar li.rtbar_li4 {

  top: 153px;

}

.right_bar li.rtbar_li5 {

  top: 204px;

}

.right_bar li.rtbar_li6 {

  top: 153px;

}

.right_bar li a {

  display: block;

  color: #FFF;

  font-size: 14px;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

  background-color: #39424b;

  opacity: 0.8;

  border-radius: 6px;

}

.right_bar li a img {

  display: block;

  float: left;

  vertical-align: middle;

  width: 24px;

  height: 24px;

  margin: 12px 12px 14px 14px;

}

.right_bar li a:hover {

  background-color: #0042ad;

  opacity: 1;

}

.rtbar_shwx {

  padding: 10px;

  display: none;

  position: absolute;

  top: 0;

  left: -142px;

  transition: all 0.3s ease;

  background: #fff;

  text-align: center;

}

.rtbar_shwx img {

  background-color: #fff;

  max-width: 120px;

}

.rtbar_shwx p {

  line-height: 1;

  color: #333;

  font-size: 14px;

}

/*内页样式*/

.nybanner {

  width: 100%;

  height: 478px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  background-position: bottom center;

  background-repeat: no-repeat;

}

.nybanner .nybannertext {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  position:relative;

	/*	left: 10%;

	width:1200px;

	text-align: left;*/

	top:10%;

}

.nybanner .nybannertext h3 {

  font-size: 46px;

  color: #fff;

  margin-bottom: 16px;

}

.nybanner .nybannertext p {

  font-size:18px;

  color: #fff;

  margin-bottom: 20px;

}

.nybanner .nybannertext a {

  /*  display: flex;

  flex-direction: column;

  color: #fff;

  font-size: var(--font-size-xs);

  margin-bottom: 40px;*/

}

.nybanner .nybannertext a img {

  margin-bottom: 10px;

}

.nybannertext1 {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

}

.nybannertext1 h3 {

  font-size: var(--font-size-md);

  color: #333;

}

.nybannertext1 p {

  color: #c1c1c1;

  letter-spacing: 5px;

  text-transform: uppercase;

  font-size: 14px

}

.nyaboutloc {

  font-size: var(--font-size-base);

  color: #fff;

}

.nyaboutloc a {

  font-size: var(--font-size-base);

  color: #fff;

}

.nyabout p {

  text-indent: 2em;

  font-size: var(--font-size-base);

  line-height: 2;

  color: var(--font-color-text);

}

/*内页二级导航*/

.nynav {

  width: 100%;

  padding: 0 100px;

  box-sizing: border-box;

  height: 200px;

  background: #f8f8f8;

}

.nynav ul {

  display: flex;

  justify-content: space-around;

  align-items: center;

  height: 100%;

  min-width: 1300px;

  max-width: 1500px;

}

.nynav ul li {

  display: flex;

  flex-direction: column;

  position: relative;

  text-align: left;

}

.nynav ul li * {

  transition: all 0.5s ease;

}

.nynav ul li i {

  display: block;

  width: 40px;

  height: 40px;

  background-position: center;

  background-repeat: no-repeat;

  margin-bottom: 10px;

  opacity: 0.2

}

.nynav ul li h3 {

  margin-bottom: 10px;

  font-weight: normal;

  font-size: var(--font-size-ms);

  color: var(--font-color-text);

}

.nynav ul li p {

  font-size: var(--font-size-mi);

  color: var(--font-color-dec);

  margin-bottom: 10px;

}

.nynav ul li span {

  display: block;

  width: 0;

  height: 3px;

  background: var(--background-jianbain);

}

.nynav ul li.on i {

  opacity: 1;

}

.nynav ul li.on h3 {

  font-size: var(--font-size-sm);

  color: var(--primary-color);

  font-weight: bold;

}

.nynav ul li.on span {

  width: 45px;

}

.nynav ul li:hover i {

  opacity: 1;

}

.nynav ul li:hover h3 {

  color: var(--primary-color);

  font-weight: bold;

}

.nynav ul li:hover span {

  width: 45px;

}

/*内页关于我们页面*/

.nyabout {

  width: 100%;

  padding: 150px 0;

  background: url(../images/nyabouttextbg.jpg) left bottom no-repeat;

}

.nyfuwu {

  width: 100%;

  /*	padding: 150px 0; */

}

.nyfuwutext p {

  color: #fff;

  line-height: 2

}

.nyabout em {

  font-size: var(--font-size-sm);

  color: var(--primary-color);

  font-style: normal;

  font-weight: bold;

  line-height: 2em;

}

.nyabouttitle {

  margin-bottom: 25px;

}

.nyabouttitle h4 {

  font-size: var(--font-size-ms);

  color: var(--font-color-text);

  font-weight: normal;

  margin-bottom: 20px;

}

.nyabouttitle h4 b {

  font-size: var(--font-size-sm);

  color: var(--primary-color);

}

.nyabouttitle h3 {

  font-size: 30px;

  color: var(--primary-color);

}

.nyabouttext {

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  height: 350px;

  /*    margin-bottom: 60px; overflow-y: scroll;*/

  width: 100%;

  text-align: justify;

}

.nyabouttext p {

  text-indent: 2em;

  font-size: var(--font-size-base);

  line-height: 2;

  color: var(--font-color-text);

}

.nyabouttext::-webkit-scrollbar {

  width: 3px;

  height: 1px;

}

.nyabouttext::-webkit-scrollbar-thumb {

  background: var(--primary-color);

}

.nyabouttext::-webkit-scrollbar-track {

  background: rgba(255, 255, 255, 0.5);

}

.nyaboutshuzilist {

  display: flex;

  flex-direction: row;

}

.nyaboutshuzilist li {

  padding: 0 80px 0 0;

  align-items: center;

  color: var(--font-color-base);

}

.nyaboutshuzilist li p {

  font-size: var(--font-size-base);

  color: var(--font-color-dec);

  margin-top: 10px;

}

.nyaboutshuzilist li h3 {

  display: flex;

}

.nyaboutshuzilist li h3 div {

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

}

.nyaboutshuzilist li h3 div span {

  font-size: var(--font-size-xs);

  color: var(--font-color-text);

  font-weight: normal;

}

.nyaboutshuzilist li h3 div i {

  font-size: var(--font-size-sm);

  font-family: Arial black;

  color: var(--primary-color);

  font-style: normal;

}

.nyaboutshuzilist li h3 b {

  font-size: 24px;

  color: var(--font-color-base);

  font-family: Arial black;

}

.nyaboutculture {

  width: 100%;

  padding: 160px 0;

  background: url(../images/nyaboutculturebg.jpg) left bottom no-repeat;

}

.nyaboutculturen {

  width: 1500px;

  margin: 0 auto;

  /*  padding: 0 100px;*/

  box-sizing: border-box;

}

.nyaboutculturentitle {

  margin-bottom: 80px;

  position: relative;

}

.nyaboutculturentitle h3 {

  font-size: var(--font-size-md);

  color: #fff;

  position: absolute;

  bottom: 500px;

  left: 0;

  z-index: 2

}

.nyaboutculturentitle span {

  font-family: "Microsoft Yahei light", "PingFang SC light";

  text-transform: uppercase;

  font-size: 150px;

  color: rgba(255, 255, 255, 0.1);

}

.nyaboutculturenlist {}

.nyaboutculturenlist li {

  margin-bottom: 50px;

  display: flex;

}

.nyaboutculturenlist li i {

  display: inline-block;

  width: 50px;

  height: 50px;

  background-repeat: no-repeat;

  background-position: center;

  margin-right: 20px;

}

.nyaboutculturenlist li h4 {

  width: 100px;

  font-family: "Microsoft Yahei light", "PingFang SC light";

  font-size: var(--font-size-sm);

  font-weight: normal;

  color: #fff;

}

.nyaboutculturenlist li h4 span {

  font-size: var(--font-size-xs);

  color: #fff;

}

.nyaboutculturenlist li h3 {

  font-size: var(--font-size-sm);

  color: #fff;

}

.nyaboutculturenlist li h3 span {

  font-family: "Microsoft Yahei light", "PingFang SC light";

  font-size: var(--font-size-xs);

  color: #fff;

  font-weight: normal;

}

/*内页发展历程页面*/

.nyfzlc {

  width: 100%;

  padding: 80px 0;

  position: relative;

}

.nyfzlcbox {

  width: 100%;

  padding: 0 260px 0 650px;

  box-sizing: border-box;

}

.nyfzlc * {

  transition: all 0.5s ease;

}

.nyfzlcleftimg {

  position: absolute;

  left: 0;

  top: 0;

  width: 600px;

  height: 100vh;

}

.nyfzlcleftimg ul {

  height: 100%;

  position: relative;

}

.nyfzlcleftimg ul li {

  opacity: 0;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

}

.nyfzlcleftimg ul li.on {

  opacity: 1;

  z-index: 9

}

.nyfzlcleftimg ul li h3 {

  position: absolute;

  left: 10%;

  bottom: 20%;

  font-size: var(--font-size-md);

  color: #fff;

  z-index: 9;

  font-weight: normal;

}

.nyfzlcleftimg ul li h3 span {

  font-weight: normal;

  font-size: var(--font-size-ms);

  color: #fff;

  line-height: 2;

}

.nyfzlcleftimg ul li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.nyfzlcright {

  width: 100%;

}

.nyfzlcright ul li {

  margin-bottom: 200px;

}

.nyfzlcright ul li p {

  margin-bottom: 20px;

  display: flex;

}

.nyfzlcright ul li p i {

  margin-right: 20px;

  display: block;

  font-size: var(--font-size-ms);

  color: var(--primary-color);

  font-style: normal;

  font-weight: bold;

  line-height: var(--line-height-text);

}

.nyfzlcright ul li p span {

  display: block;

  font-size: var(--font-size-xs);

  color: var(--font-color-text);

  line-height: var(--line-height-text);

  text-align: justify;

}

.nyfzlctime {

  position: absolute;

  right: 100px;

  top: 80px;

  width: 200px;

}

.nyfzlctime ul li {

  margin-bottom: 60px;

  text-align: right;

  display: flex;

  flex-direction: column;

  align-items: flex-end

}

.nyfzlctime ul li h3 {

  font-size: var(--font-size-ms);

  margin-bottom: 15px;

}

.nyfzlctime ul li h3 a {

  color: var(--font-color-base);

}

.nyfzlctime ul li.on h3 a {

  color: var(--primary-color);

}

.nyfzlctime ul li p {

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  margin-bottom: 20px;

}

.nyfzlctime ul li span {

  display: block;

  background: #aaa;

  width: 18px;

  height: 2px;

  margin-bottom: 20px;

}

.nyfzlcfixed {

  position: fixed !important;

}

.nyfzlcfixedb {

  bottom: 0;

  top: unset;

}

.nyphoto {

  padding: 80px 0;

}

.nyqytk_list {

  width: 100%;

}

.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: 205px;

}

.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: var(--font-size-base);

  text-align: center;

  transition: all 0.3s ease;

}

.nyqytk_list .nyqytk_list_con li p a {

  font-size: var(--font-size-xs);

  color: var(--font-size-base);

  line-height: 45px;

  padding: 0 10px;

}

.nyqytk_list .nyqytk_list_con li:hover {

  margin-top: -5px;

}

.nyqytk_list .nyqytk_list_con li:hover p {

  background: var(--primary-color);

}

.nyqytk_list .nyqytk_list_con li:hover p a {

  color: #fff;

}

.nyitemshow {

  width: 100%;

  background: #fff;

  padding: 60px 0;

  box-sizing: border-box;

}

.nyitemshow h1.title {

  text-align: center;

  font-size: var(--font-size-sm);

  line-height: var(--line-height-text);

  border-bottom: 1px #eee solid;

}

.nyitemshow h1.title .info {

  font-size: var(--font-size-xs);

  color: var(--font-color-dec);

  line-height: var(--line-height-text);

  font-weight: normal;

}

.nyitemshow h1.title .info small {

  font-size: var(--font-size-xs);

}

.nyitemshow h2.title {

  text-align: left;

  font-size: var(--font-size-sm);

  line-height: var(--line-height-text);

  padding-bottom: 10px;

}

.nyitemshow h4 {

  padding: 20px 0 35px;

  font-weight: normal;

  font-size: var(--font-size-base);

  border-bottom: 1px #ddd solid;

}

.nyitemshow h4 b {

  font-weight: bold;

  color: #333;

}

.nyitemshow .textarea {

  color: var(--font-color-text);

  line-height: var(--line-height-text);

}

.nyitemshow .textarea p {

  color: var(--font-color-text);

  line-height: var(--line-height-text);

}

.nyitemshow .textarea img {

  max-width: 100%;

}

.nyitemshow .textarea video {

  max-width: 650px;

}

.nyitemshowb {

  width: 100%;

}

.nyitemshowpreNext {}

.nyitemshowpreNext ul li {

  background: #f8f8f8;

  padding: 30px;

  float: left;

  width: 48%;

  margin-right: 4%;

  font-size: var(--font-size-xs);

  box-sizing: border-box;

  margin-bottom: 20px;

  color: var(--font-color-dec);

}

.nyitemshowpreNext ul li:nth-child(2) {

  margin-right: 0

}

.nyitemshowpreNext ul li a {

  font-size: var(--font-size-base);

  color: var(--font-color-base);

  line-height: 3;

}

.nyitemshowpreNext ul li a:hover {

  color: var(--primary-color);

}

.nyitemshowpreNext ul li span {

  font-weight: normal;

  font-size: var(--font-size-base);

  color: var(--font-color-dec);

}

/*内页服务中心页面*/

.nyfwzx {

  width: 100%;

  padding: 100px 0;

}

.nyfwzx_title {

  text-align: center;

  margin-bottom: 25px;

}

.nyfwzx_title h3 {

  font-size: var(--font-size-md);

  font-weight: normal;

  color: var(--font-color-base);

  position: relative;

  margin-bottom: 40px;

}

.nyfwzx_title h3:after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: -20px;

  width: 100px;

  height: 6px;

  margin-left: -50px;

  border-radius: 3px;

  background: var(--background-jianbain);

}

.nyfwzx_title p {

  font-size: var(--font-size-ms);

  color: var(--font-color-dec);

  margin-bottom: 30px;

  line-height: var(--line-height-text);

}

.nyfwzx_title h4 {

  margin: 0 auto;

  border-radius: 25px;

  width: 480px;

  height: 50px;

  line-height: 50px;

  background: var(--background-jianbain);

  color: #fff;

  font-size: var(--font-size-sm);

  font-weight: normal;

}

.nyfwzx_list {

  width: 100%;

  display: flex;

  justify-content: center;

}

.nyfwzx_list_item {

  width: 500px;

  height: 620px;

  margin: 0 30px;

  border-radius: 6px;

  overflow: hidden;

  background: #f2f4f8 url(../images/nyfwzx_list_itembg.png) right bottom no-repeat;

}

.nyfwzx_list_item:nth-child(1) {

  margin-left: 0;

}

.nyfwzx_list_item:nth-child(3) {

  margin-right: 0;

}

.nyfwzx_list_item h4 {

  background-position: center;

  background-repeat: no-repeat;

  height: 300px;

  width: 100%;

}

.nyfwzx_list_item h3 {

  font-size: var(--font-size-sm);

  color: var(--font-color-base);

  margin: 40px 0 25px;

  padding-left: 40px;

}

.nyfwzx_list_item h3 span {

  font-size: var(--font-size-base);

  color: var(--font-color-dec);

  font-weight: normal;

  margin-left: 10px;

}

.nyfwzx_list_item ul {

  width: 100%;

  padding-left: 40px;

  box-sizing: border-box;

}

.nyfwzx_list_item ul li {

  max-width: 180px;

  margin-bottom: 20px;

  height: 30px;

  line-height: 30px;

}

.nyfwzx_list_item ul li i {

  float: left;

  display: inline-block;

  width: 30px;

  height: 30px;

  background-color: var(--primary-color);

  border-radius: 50%;

  margin-right: 10px;

  background-position: center;

  background-repeat: no-repeat;

}

.nyfwzx_list_item ul li span {

  color: var(--font-color-base);

  font-size: var(--font-size-ms);

}

.nyfwzx_list_item ul.nyfwzx_list_item_end li {

  width: 50%;

  float: left;

}

.nyfwcn {

  width: 100%;

  height: 450px;

  background: url(../images/nyfwcnbg.jpg) center center no-repeat;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

}

.nyfwcn_title {

  text-align: center;

  position: relative;

  margin-bottom: 40px;

  width: 100%;

}

.nyfwcn_title h3 {

  position: relative;

  z-index: 2;

  font-size: var(--font-size-md);

  color: #fff;

  font-weight: normal;

}

.nyfwcn_title span {

  position: absolute;

  bottom: -10px;

  z-index: 1;

  color: rgba(255, 255, 255, 0.1);

  font-size: var(--font-size-sm);

  display: block;

  width: 100%;

  height: 30px;

}

.nyfwcn ul {

  display: flex;

  flex-direction: row;

  width: 1200px;

  justify-content: space-evenly;

}

.nyfwcn ul li {

  width: 200px;

  height: 180px;

  border: 1px #fff solid;

  border-radius: 10px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.nyfwcn ul li i {

  display: block;

  width: 60px;

  height: 60px;

  background-position: center center;

  background-repeat: no-repeat;

  margin-bottom: 20px;

}

.nyfwcn ul li p {

  color: #fff;

  font-size: var(--font-size-ms);

}

.xzzx {

  width: 100%;

  padding: 80px 0 120px;

  position: relative;

}

.xzzx_list {

  margin-bottom: 40px;

}

.xzzx_list ul {

  width: 100%;

  display: flex;

}

.xzzx_list ul li {

  width: 26%;

  margin: 0 3.5%;

}

.xzzx_list ul li h3 {

  background: #f4f4f4;

  width: 100%;

  height: 350px;

  box-sizing: border-box;

  padding: 40px;

  text-align: center;

}

.xzzx_list ul li h3 a {

  display: flex;

  height: 100%;

  align-items: center;

  justify-content: center;

  -webkit-transition-duration: 1s;

  transition-duration: 1s;

}

.xzzx_list ul li h3 img {

  width: auto;

  max-width: 100%;

  max-height: 100%;

}

.xzzx_list ul li p {

  line-height: 60px;

}

.xzzx_list ul li p a {

  display: flex;

  justify-content: space-between;

  line-height: 60px;

}

.xzzx_list ul li p span {

  color: var(--font-color-base);

  font-size: var(--font-size-base);

}

.xzzx_list ul li p i {

  display: inline-block;

  width: 60px;

  height: 60px;

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

}

.xzzx_list ul li:hover h3 a {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.xzzx_list ul li:hover p span {

  color: var(--primary-color);

}

.xzzx_lista {

  display: block;

  position: absolute;

  bottom: 80px;

  left: 50%;

  margin-left: -50px;

  width: 100px;

  height: 40px;

  color: var(--primary-color);

  font-size: var(--font-size-base);

  text-align: center;

}

.xzzx_lista:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -15.5px;

  width: 31px;

  height: 13px;

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

}

.nyssjk {

  width: 100%;

  height: 720px;

  background: url(../images/nyssjkbg.jpg) center bottom no-repeat;

  box-sizing: border-box;

  padding: 120px 0;

}

.nyssjksz {

  width: 1250px;

  margin: 0 auto;

  text-align: center;

}

.nyssjksz1 {

  width: 100%;

  display: flex;

  justify-content: space-between;

  margin-bottom: 20px;

}

.nyssjksz1 p {

  width: 450px;

  font-size: var(--font-size-ms);

  color: var(--font-color-base);

  line-height: 140px;

}

.nyssjksz1 p:nth-child(2) {

  width: 311px;

}

.nyssjksz1 p b {

  font-size: var(--font-size-md);

  color: var(--primary-color);

}

.nyssjksz2 {

  width: 100%;

  display: flex;

  justify-content: center;

}

.nyssjksz2 p {

  width: 467px;

  font-size: var(--font-size-ms);

  color: var(--font-color-base);

  line-height: 140px;

}

.nyssjksz2 p b {

  font-size: var(--font-size-md);

  color: var(--primary-color);

}

.nyssjksz_a {

  display: inline-block;

  margin-top: 20px;

  color: var(--primary-color);

  font-size: var(--font-size-xs);

}

.cxtx {

  width: 100%;

  height: 860px;

  background: url(../images/cxtxbg.jpg) center bottom no-repeat;

  box-sizing: border-box;

  padding: 250px 0;

  text-align: right;

}

.cxtx .mainbox {

  position: relative;

}

.cxtx h3 {

  position: relative;

  margin-bottom: 30px;

}

.cxtx h3 b {

  position: relative;

  z-index: 2;

  font-size: var(--font-size-md);

  color: #fff;

}

.cxtx h3 span {

  position: absolute;

  right: 0;

  bottom: -20px;

  z-index: 1;

  font-size: 150px;

  color: rgba(255, 255, 255, 0.1);

  font-family: "Microsoft Yahei light", "PingFang SC light";

  font-weight: normal;

  text-transform: uppercase;

}

.cxtx h4 {

  font-size: var(--font-size-sm);

  color: #fff;

  margin-bottom: 20px;

}

.cxtx p {

  width: 680px;

  font-size: var(--font-size-xs);

  color: #fff;

  line-height: var(--line-height-text);

  float: right;

}

.cxcg {

  width: 100%;

  box-sizing: border-box;

  padding: 200px 0 100px;

  text-align: left;

}

.cxcg_title {

  position: relative;

  margin-bottom: 50px;

}

.cxcg_title h3 {

  position: relative;

  margin-bottom: 30px;

}

.cxcg_title h3 b {

  position: relative;

  z-index: 2;

  font-size: var(--font-size-md);

  color: var(--font-color-base);

}

.cxcg_title h3 span {

  position: absolute;

  left: 0;

  bottom: -20px;

  z-index: 1;

  font-size: 150px;

  color: rgba(0, 0, 0, 0.1);

  font-family: "Microsoft Yahei light", "PingFang SC light";

  font-weight: normal;

  text-transform: uppercase;

}

.cxcg_title h4 {

  font-size: var(--font-size-sm);

  color: var(--font-color-text);

  margin-bottom: 20px;

}

.cxcg_list {

  width: 100%;

}

.cxcg_list .cxcg_list_item {

  width: 48%;

  max-width: 700px;

  float: left;

}

.cxcg_list .cxcg_list_item i {

  display: block;

  width: 50px;

  height: 50px;

  margin-bottom: 20px;

}

.cxcg_list .cxcg_list_item h3 {

  font-size: var(--font-size-ms);

  color: var(--font-color-base);

}

.cxcg_list .cxcg_list_item p {

  font-size: var(--font-size-xs);

  color: var(--font-color-dec);

  line-height: var(--line-height-text);

  height: 80px;

}

.cxcg_list .cxcg_list_item img {

  max-width: 100%;

}

.nyszsy {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nyszsybingtu {

  width: 100%;

  height: 1000px;

  position: relative;

}

.nyszsybingtu:before {

  content: "";

  background: rgba(247, 252, 254, 1.0);

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 1;

  margin-left: -500px;

  margin-top: -500px;

  width: 1000px;

  height: 1000px;

  -webkit-animation: warn 2s linear 0.4s infinite;

  -moz-animation: warn 2s linear 0.4s infinite;

  animation: warn 2s linear 0.4s infinite;

  border-radius: 50%;

  border: 3px rgba(235, 246, 254, 1.0) solid;

}

@keyframes warn {

  0% {

    transform: scale(0.5);

  }

  25% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  75% {

    transform: scale(1.3);

  }

  100% {

    transform: scale(1.4);

    opacity: 0.5;

  }

}

@-webkit-keyframes warn {

  0% {

    transform: scale(0.5);

    opacity: 0;

  }

  25% {

    transform: scale(1);

    opacity: 0.4;

  }

  50% {

    transform: scale(1.2);

    opacity: 0.8;

  }

  75% {

    transform: scale(1.3);

    opacity: 0.4;

  }

  100% {

    transform: scale(1.4);

    opacity: 0;

  }

}

.nyszsybingtu_center {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 3;

  margin-left: -500px;

  margin-top: -500px;

  width: 1000px;

  height: 1000px;

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

}

.nyszsybingtu_center ul {}

.nyszsybingtu_center ul li {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 210px;

  text-align: center;

  line-height: var(--line-height-text);

  font-size: var(--font-size-xs);

  color: var(--font-color-text);

}

.nyszsybingtu_center ul li:hover {

  color: var(--primary-color);

  font-weight: bold;

}

.nyszsybingtu_center ul li.nyszsybingtu01 {

  margin-left: -460px;

  margin-top: -160px;

}

.nyszsybingtu_center ul li.nyszsybingtu02 {

  margin-left: -260px;

  margin-top: -380px;

}

.nyszsybingtu_center ul li.nyszsybingtu03 {

  margin-left: 60px;

  margin-top: -380px;

}

.nyszsybingtu_center ul li.nyszsybingtu04 {

  margin-left: 260px;

  margin-top: -160px;

}

.nyszsybingtu_center ul li.nyszsybingtu05 {

  margin-left: 260px;

  margin-top: 110px;

}

.nyszsybingtu_center ul li.nyszsybingtu06 {

  margin-left: 60px;

  margin-top: 300px;

}

.nyszsybingtu_center ul li.nyszsybingtu07 {

  margin-left: -260px;

  margin-top: 300px;

}

.nyszsybingtu_center ul li.nyszsybingtu08 {

  margin-left: -470px;

  margin-top: 110px;

}

.nyznzz {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nyznzz_list {

  width: 100%;

}

.nyznzz_list ul {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: wrap;

}

.nyznzz_list ul li {

  width: 44%;

  margin: 0 3% 60px;

}

.nyznzz_list ul li h3 {

  width: 100%;

  padding-bottom: calc(36000% / 650);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  margin-bottom: 40px;

  border-radius: 10px;

  overflow: hidden;

}

.nyznzz_list ul li h4 {

  font-size: var(--font-size-sm);

  color: var(--primary-color);

  margin-bottom: 20px;

  padding-left: 30px;

}

.nyznzz_list ul li p {

  padding-left: 30px;

  font-size: var(--font-size-ms);

  color: var(--font-color-text);

}

.nyjcsy {

  width: 100%;

  height: 1290px;

  box-sizing: border-box;

  padding: 200px 0;

  background: url(../images/nyjcsybg.jpg) center center no-repeat;

}

.nyjcsy_title {

  margin-bottom: 60px;

  width: 100%

}

.nyjcsy_title h3 {

  font-size: var(--font-size-md);

  font-weight: normal;

  color: var(--font-color-base);

  position: relative;

  margin-bottom: 40px;

}

.nyjcsy_title p {

  width: 50%;

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  margin-bottom: 30px;

  line-height: var(--line-height-text);

}

.nyjcsy_list {

  width: 50%;

}

.nyjcsy_list ul {

  width: 100%;

  display: flex;

}

.nyjcsy_list ul li {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

  margin: 0 2% 2% 0;

  background: #fff;

  box-shadow: 0px 2px 10px 1px rgba(50, 50, 50, 0.1);

  padding: 40px 20px;

  box-sizing: border-box;

  position: relative;

  text-align: center;

}

.nyjcsy_list ul li h3 {

  width: 70px;

  height: 70px;

  background-position: center 0;

  background-repeat: no-repeat;

  margin-bottom: 15px;

}

.nyjcsy_list ul li div {

  position: relative;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.nyjcsy_list ul li div h4 {

  position: relative;

  z-index: 2;

  font-size: var(--font-size-ms);

  color: var(--font-color-base);

  margin-bottom: 15px;

  transition: all .5s ease;

}

.nyjcsy_list ul li div p {

  position: relative;

  z-index: 2;

  font-size: var(--font-size-xs);

  color: var(--font-color-dec);

  line-height: var(--line-height-text);

  transition: all .5s ease;

  text-align: justify;

}

.nyjcsy_list ul li:hover {

  background: var(--primary-color);

  transition: all .5s ease;

}

.nyjcsy_list ul li:hover h3 {

  background-position: center -70px;

}

.nyjcsy_list ul li:hover div h4 {

  color: #fff;

}

.nyjcsy_list ul li:hover div p {

  color: #fff;

}

.nynews {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.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: 40px;

  box-sizing: border-box;

}

.newslist ul li h5 {

  float: left;

  width: 200px;

  /*  padding: 30px 50px 0 0;

  margin-right: 40px;*/

  height: 230px;

  text-align: center;

  position: relative;

  z-index: 4;

  border-right: 1px #ccc solid;

}

/*.newslist ul li h5:before {

  content: " ";

  position: absolute;

  top: 0;

  right: 50px;

  width: 0;

  height: 230px;

  background: #0042ad;

  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: #0042ad;

  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: #f8f8f8;

  float: left;

  width: calc(100% - 601px);

  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 #0042ad;

  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: #f8f8f8;

  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: 26px;

  font-weight: normal;

  color: #888;

  position: relative;

  z-index: 3

}

.newslist ul li h4 {

  background: #f8f8f8;

  float: right;

  width: 300px;

  height: 230px;

  position: relative;

  z-index: 3;

  background-size: cover;

}

/*.newslist ul li h4:after {

  content: " ";

  position: absolute;

  top: 0;

  left: 300px;

  width: 0;

  height: 230px;

  background: #fafafa;

  transition: all .5s ease;

  -webkit-transition: all .5s ease;

  z-index: 1;

}

.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: #0042ad;

  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 #0042ad;

  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: #0042ad

}*/

.videolist {

  width: 100%;

}

.videolist ul {

  position: relative;

  display: flex;

  flex-wrap: wrap;

}

.videolist ul li {

  width: 31.33%;

  margin: 0 1% 2%;

  background: #f8f8f8;

}

.videolist ul li h4 {

  width: 100%;

  padding-bottom: calc(300% / 4);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}

.videolist ul li h4 a {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: block;

  z-index: 2;

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

}

.videolist ul li h4 a:before {

  content: " ";

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -12px;

  margin-left: -7px;

  border-top: 13px solid transparent;

  border-bottom: 13px solid transparent;

  border-left: 20px solid #fff;

}

.videolist ul li h4 a:after {

  content: " ";

  position: absolute;

  left: 50%;

  top: 50%;

  border-radius: 50%;

  margin-top: -25px;

  margin-left: -25px;

  width: 50px;

  height: 50px;

  border: 1px #fff solid;

}

.videolist ul li h3 {

  width: 100%;

  box-sizing: border-box;

  font-weight: normal;

}

.videolist ul li h3 a {

  font-size: var(--font-size-base);

  line-height: var(--line-height-text);

  color: #333;

  padding: 30px 20px;

  display: block;

}

.nyqqbj {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nyqqbj_title {

  text-align: center;

  margin-bottom: 25px;

}

.nyqqbj_title h3 {

  font-size: var(--font-size-md);

  font-weight: normal;

  color: var(--font-color-base);

  position: relative;

  margin-bottom: 40px;

}

.nyqqbj_title h3:after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: -20px;

  width: 100px;

  height: 6px;

  margin-left: -50px;

  border-radius: 3px;

  background: var(--background-jianbain);

}

.nyqqbj_title p {

  font-size: var(--font-size-ms);

  color: var(--font-color-dec);

  margin-bottom: 30px;

  line-height: var(--line-height-text);

}

.nyqqbj_title h4 {

  margin: 0 auto 40px;

  border-radius: 25px;

  width: 220px;

  height: 50px;

  line-height: 50px;

  background: var(--background-jianbain);

  color: #fff;

  font-size: var(--font-size-sm);

  font-weight: normal;

}

.nyqqbj_list {

  width: 1300px;

  margin: 0 auto;

  padding: 20px 0 40px;

}

.nyqqbj_list ul {

  width: 1300px;

  display: flex;

  flex-direction: row;

  justify-content: center;

}

.nyqqbj_list li {

  padding: 0 50px;

  align-items: center;

  color: var(--font-color-base);

  text-align: center;

}

.nyqqbj_list li h3 {

  font-size: var(--font-size-lg);

  font-family: Arial black;

  color: var(--primary-color);

}

.nyqqbj_list li h3 b {

  font-size: var(--font-size-blg);

  color: var(--font-color-base);

}

.nyqqbj_list li p {

  font-size: var(--font-size-base);

  color: var(--font-color-dec);

  margin-top: 10px;

}

.nyqqbj_map {

  text-align: center;

  width: 1300px;

  margin: 0 auto;

  height: 829px;

  background: url(../images/nyqqbjbg.jpg) center center no-repeat;

  position: relative;

}

.nyqqbj_map .dot_box {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}

.nyqqbj_map .dot_box .dot {

  position: absolute;

}

.nyqqbj_map .dot_box .dot .dot_circle {

  display: block;

  width: 14px;

  height: 14px;

  background: #007dd4;

  position: relative;

  z-index: 3;

  border-radius: 50%;

}

.nyqqbj_map .dot:after, .nyqqbj_map .dot:before {

  content: "";

  position: absolute;

  border-radius: 50%;

  top: 50%;

  left: 50%;

  z-index: 1;

}

.nyqqbj_map .dot:before {

  width: 29px;

  height: 29px;

  background: transparent;

  background: rgba(0, 94, 184, 0.3);

  margin-top: -14px;

  margin-left: -14px;

  -webkit-animation: warn 2s linear 0.4s infinite;

  -moz-animation: warn 2s linear 0.4s infinite;

  animation: warn 2s linear 0.4s infinite;

  opacity: 0;

}

.nyqqbj_map .dot:after {

  width: 46px;

  height: 46px;

  background: transparent; /*background:#7e9ec3;*/ background: rgba(0, 94, 184, 0.2);

  margin-left: -23px;

  margin-top: -23px;

  -webkit-animation: warn1 2s linear 0s infinite;

  -moz-animation: warn1 2s linear 0s infinite;

  animation: warn1 2s linear 0s infinite;

  opacity: 0;

}

@keyframes warn1 {

  0% {

    transform: scale(0.5);

    opacity: 0;

  }

  25% {

    transform: scale(1);

    opacity: 0.4;

  }

  50% {

    transform: scale(1.2);

    opacity: 0.8;

  }

  75% {

    transform: scale(1.3);

    opacity: 0.4;

  }

  100% {

    transform: scale(1.4);

    opacity: 0;

  }

}

@-webkit-keyframes warn1 {

  0% {

    transform: scale(0.5);

    opacity: 0;

  }

  25% {

    transform: scale(1);

    opacity: 0.4;

  }

  50% {

    transform: scale(1.2);

    opacity: 0.8;

  }

  75% {

    transform: scale(1.3);

    opacity: 0.4;

  }

  100% {

    transform: scale(1.4);

    opacity: 0;

  }

}

.nyqqbj_map .dot_box .dot:nth-child(1) {

  left: 10%;

  top: 600px;

}

.nyqqbj_map .dot_box .dot:nth-child(2) {

  left: 6%;

  top: 320px;

}

.nyqqbj_map .dot_box .dot:nth-child(3) {

  left: 12%;

  top: 400px;

}

.nyqqbj_map .dot_box .dot:nth-child(4) {

  left: 50%;

  top: 160px;

}

.nyqqbj_map .dot_box .dot:nth-child(5) {

  left: 36%;

  top: 470px;

}

.nyqqbj_map .dot_box .dot:nth-child(6) {

  left: 15%;

  top: 210px;

}

.nyqqbj_map .dot_box .dot:nth-child(7) {

  left: 82%;

  top: 185px;

}

.nyqqbj_map .dot_box .dot:nth-child(8) {

  left: 33%;

  top: 190px;

}

.nyqqbj_map .dot_box .dot:nth-child(9) {

  left: 81%;

  top: 270px;

}

.nyqqbj_map .dot_box .dot:nth-child(10) {

  left: 90%;

  top: 610px;

}

.nyqqbj_map .dot_box .dot:nth-child(11) {

  left: 68%;

  top: 180px;

}

.nyqqbj_map .dot_box .dot:nth-child(12) {

  left: 45%;

  top: 300px;

}

.nyqqbj_map .dot_box .dot:nth-child(13) {

  left: 14%;

  top: 550px;

}

.nyqqbj_map .dot_box .dot:nth-child(14) {

  left: 18%;

  top: 300px;

}

.nyqqbj_map .dot_box .dot:nth-child(15) {

  left: 26%;

  top: 340px;

}

.nyqqbj_map .dot_box .dot:nth-child(16) {

  left: 33%;

  top: 400px;

}

.nyqqbj_map .dot_box .dot:nth-child(17) {

  left: 90%;

  top: 450px;

}

.nyqqbj_map .dot_box .dot:nth-child(18) {

  left: 43%;

  top: 580px;

}

.nyshzr {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nyshzr_list {

  width: 100%;

}

.nyshzr_list * {

  transition: all .5s ease;

}

.nyshzr_list ul {

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

}

.nyshzr_list ul li {

  width: 25%;

  margin: 0 2%;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

}

.nyshzr_list ul li:before {

  content: "";

  position: absolute;

  z-index: 2;

  left: 0;

  right: 0;

  bottom: 0;

  height: 140px;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 12%, #000000 100%);

  -webkit-transition: all .3s cubic-bezier(0, .5, .5, 1);

  -o-transition: all .3s cubic-bezier(0, .5, .5, 1);

  transition: all .3s cubic-bezier(0, .5, .5, 1);

}

.nyshzr_list ul li:after {

  content: "";

  position: absolute;

  z-index: 2;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 94, 184, 0.8);

  display: none;

  transition: all 0.3s ease;

}

.nyshzr_list ul li h4 {

  position: absolute;

  z-index: 9;

  left: 35px;

  bottom: 120px;

  width: 50px;

  height: 50px;

  transition: all 0.3s ease;

}

.nyshzr_list ul li h3 {

  position: absolute;

  z-index: 9;

  left: 35px;

  bottom: 50px;

  font-size: var(--font-size-sm);

  color: #fff;

  transition: all 0.3s ease;

}

.nyshzr_list ul li h3 b {

  display: block;

  font-weight: normal;

  font-size: var(--font-size-base);

  line-height: 2.5

}

.nyshzr_list ul li p {

  position: absolute;

  z-index: 9;

  left: 35px;

  right: 35px;

  bottom: 50px;

  display: none;

  font-size: var(--font-size-base);

  line-height: 28px;

  color: #fff;

  transition: all 0.3s ease;

  text-align: justify

}

.nyshzr_list ul li img {

  position: relative;

  z-index: 1;

  max-width: 100%;

  transition: all 0.3s ease;

}

.nyshzr_list ul li:hover:before {

  display: none;

}

.nyshzr_list ul li:hover:after {

  display: block;

}

.nyshzr_list ul li:hover h4 {

  bottom: auto;

  top: 50px;

}

.nyshzr_list ul li:hover h3 {

  bottom: auto;

  top: 110px;

}

.nyshzr_list ul li:hover p {

  display: block;

  color: #fff;

}

.nyshzr_list ul li:hover img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}

.nyshzr_list ul li h4.nyshzr_list01 {

  background-image: url(../images/nyshzr_list01.png)

}

.nyshzr_list ul li h4.nyshzr_list02 {

  background-image: url(../images/nyshzr_list02.png)

}

.nyshzr_list ul li h4.nyshzr_list03 {

  background-image: url(../images/nyshzr_list03.png)

}

.nyshzr_list ul li h4.nyshzr_list04 {

  background-image: url(../images/nyshzr_list04.png)

}

@media(max-width:1600px) {

  .nyshzr_list ul li:hover h4 {

    top: 30px;

  }

  .nyshzr_list ul li:hover h3 {

    top: 80px;

    font-size: var(--font-size-ms);

  }

  .nyshzr_list ul li:hover p {

    font-size: var(--font-size-xs);

    line-height: var(--line-height-text);

    bottom: 30px;

  }

}

.nykcxfz {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nykcxfz_list {

  width: 1300px;

  margin: 0 auto 60px;

}

.nykcxfz_list ul {

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

}

.nykcxfz_list ul li {

  width: 600px;

  height: 300px;

  margin: 0 25px;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

  border-radius: 10px;

}

.nykcxfz_list ul li img {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  max-width: 100%;

  transition: all 0.3s ease;

}

.nykcxfz_list ul li:hover img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}

.nykcxfz_list ul li .nykcxfz_list_text {

  z-index: 2;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.nykcxfz_list ul li .nykcxfz_list_text h3 {

  font-size: var(--font-size-sm);

  color: #fff;

  font-weight: normal;

  margin-bottom: 20px;

}

.nykcxfz_list ul li .nykcxfz_list_text p {

  font-size: var(--font-size-xs);

  color: #fff;

  font-weight: normal;

}

.nykcxfz_end {

  width: 1000px;

  margin: 0 auto;

  text-align: center;

}

.nykcxfz_end p {

  margin-bottom: 40px;

  font-size: var(--font-size-ms);

  color: var(--font-color-dec);

  line-height: var(--line-height-text);

}

.nycontact {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nycontact_map {

  width: 100%;

  margin-bottom: 40px;

}

.nycontact_map #dituContent {

  width: 100%;

  height: 680px;

}

.servicetext {

  font-size: 16px;

  line-height: 35px;

  color: #666;

}

.servicetext .mode {

  width: 100%;

}

.servicebox {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  height: 280px;

  background: url(../images/servicebox.jpg) left top no-repeat;

}

.servicebox a {

  display: block;

  width: 600px;

  float: left;

  height: 280px;

}

.servicetext .mode dl {

  width: 32.4%;

  margin-right: 1.3%;

  margin-bottom: 1.3%;

  float: left;

  border-radius: 10px;

  height: 81px;

  background: #f5f5f5;

  padding: 25px 0;

}

.servicetext .mode dl:first-child {

  margin-left: 0;

}

.servicetext .mode dl:nth-child(3) {

  margin-right: 0

}

.servicetext .mode dl:nth-child(4) {

  width: 49.2%;



}
.servicetext .mode dl:nth-child(5) {

  width: 49.2%;

  margin-right: 0;

}

.servicetext .mode dd {

  float: left;

  margin: 0 10px 0 10px;

}

.servicetext .mode dt {

  float: left;

  width: 260px;

}

.servicetext .mode dt h4 {

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  font-weight: normal;

  margin-top: 5px;

}

.servicetext .mode dt p {

  font-weight: 600;

  font-size: var(--font-size-ms);

  padding: 0;

  color: var(--primary-color);

  line-height: var(--line-height-text);

}

.servicetext .mode dt p.tel {

  font-weight: 600;

  font-size: var(--font-size-ms);

  color: var(--primary-color)

}

.pro_mes {

  padding: 30px 0;

  box-sizing: border-box;

  background: #fff;

  display: flex;

  justify-content: space-between;

}

.pro_mes_l {

  width: 48%;

}

.pro_mes_r {

  width: 48%;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.pro_mes_r img {

  max-width: 100%;

}

.khtitle {}

.khtitle h3 {

  font-size: var(--font-size-sm);

  font-weight: bold;

  color: var(--font-color-base);

  margin-bottom: 20px;

}

.khtitle p {

  font-size: var(--font-size-xs);

  color: var(--font-color-dec);

  line-height: var(--line-height-text);

}

.khtitle p span {

  color: #f00

}

.liuyan {

  width: 100%;

}

.liuyan h3 {

  font-size: 20px;

  color: var(--font-color-base);

  margin-top: 30px;

}

.liuyan table {

  width: 100%;

}

.liuyan table td {

  font-size: 18px;

  padding: 20px 0 0;

}

.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: #0042ad;

  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: var(--font-size-xs);

  color: var(--font-color-base);

  padding-left: 10px;

  float: left;

}

.formtext1 {

  width: 98%;

  box-sizing: border-box;

  height: 40px;

  border: 1px #aaa solid;

  line-height: 40px;

  font-size: var(--font-size-xs);

  color: var(--font-color-base);

  padding-left: 10px;

}

.formtext2 {

  width: 97.5%;

  height: 130px;

  border: 1px #aaa solid;

  line-height: 30px;

  font-size: var(--font-size-xs);

  color: var(--font-color-base);

  padding: 10px;

}

.bitian {

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

}

.fstext {

  font-size: var(--font-size-xs);

  color: var(--font-color-text);

  margin-left: 20px;

  line-height: 40px;

}

.fy-alert-content {}

.fy-alert-content td {

  padding: 10px 0

}

.formtextxz {

  width: 98%;

  box-sizing: border-box;

  height: 40px;

  border: 1px #aaa solid;

  line-height: 40px;

  font-size: var(--font-size-xs);

  color: var(--font-color-base);

  padding-left: 10px;

}

.nyjrjk {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nyrcfz {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0 0;

  display: flex;

  justify-content: space-between;

}

.nyrcfz_l {

  width: 46%;

}

.nyrcfz_l h3 {

  font-size: var(--font-size-sm);

  color: var(--font-color-base);

  position: relative;

  margin-bottom: 50px;

}

.nyrcfz_l h3:after {

  position: absolute;

  content: "";

  left: 0;

  bottom: -20px;

  width: 60px;

  height: 3px;

  background: var(--background-jianbain);

}

.nyrcfz_l h4 {

  font-size: var(--font-size-ms);

  color: var(--primary-color);

  margin-bottom: 20px;

}

.nyrcfz_l p {

  line-height: 2.5;

  color: var(--font-color-text);

  font-size: var(--font-size-base);

}

.nyrcfz_l p b {

  color: var(--primary-color);

}

.nyrcfz_l img {

  max-width: 100%

}

.nyrcfz_l .shzp {

  display: flex;

  height: 160px;

  justify-content: space-between;

}

.nyrcfz_l .shzp a {

  display: flex;

  flex-direction: column;

  justify-content: center;

  width: 50%;

  border: 1px #ddd solid;

  padding: 0 40px;

  box-sizing: border-box;

  background-repeat: no-repeat;

  background-position: right center;

  margin-right: 40px;

}

.nyrcfz_l .shzp a b {

  font-size: var(--font-size-ms);

  color: var(--font-color-base);

}

.nyrcfz_l .shzp a span {

  font-size: var(--font-size-mi);

  display: inline-block;

  width: 120px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border: 1px var(--primary-color) solid;

  color: var(--primary-color);

  margin-top: 20px;

}

.nyrcfz_l .shzp a:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.nyrcfz_l .shzp a:hover b {

  color: #fff;

}

.nyrcfz_l .shzp a:hover span {

  color: #fff;

  border-color: #fff;

}

.nyrcfz_l .shzp a.shzp_a {

  background-image: url(../images/shzp_a.png);

}

.nyrcfz_l .shzp a.xyzp_a {

  background-image: url(../images/xyzp_a.png);

}

.nyrcfz_r {

  width: 46%;

  text-align: right;

}

.nyrcfz_r img {

  max-width: 100%

}

.joblist {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  overflow: hidden;

  padding: 80px 0;

}

.joblist_ul {

  width: 100%;

  border-bottom: 1px #ddd solid;

}

.joblist_ul li {

  display: flex;

  justify-content: center;

  align-items: center;

  line-height: 70px;

}

.joblist_ul li:nth-child(2n+1) {

  background-color: #f8f8f8

}

.joblist_ul li:hover {

  background-color: var(--background-color);

}

.joblist_ul li a {

  display: flex;

  width: 100%;

  justify-content: center;

  align-items: center;

}

.joblist_ul li div {

  width: 20%;

  text-align: center;

  font-size: var(--font-size-xs);

  color: var(--font-color-text);

}

.joblist_ul li.first_li div {

  font-weight: bold;

  background-color: var(--background-color);

  font-size: var(--font-size-base);

}

.nypro {

  width: 100%;

  box-sizing: border-box;

  padding: 100px 0;

}

.nypro_title {

  width: 100%;

  margin-bottom: 60px;

}

.nypro_title h3 {

  font-size: var(--font-size-md);

  color: var(--font-color-base);

  margin-bottom: 30px;

}

.nypro_title h3 span {

  font-size: var(--font-size-sm);

  color: var(--primary-color);

  font-weight: normal;

  margin-left: 20px;

}

.nypro_title p {

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  line-height: var(--line-height-text);

}

.nypro_list {

  width: 100%;

}

.nypro_list_title {

  margin-bottom: 40px;

  width: 100%

}

.nypro_list_title h3 {

  font-size: var(--font-size-md);

  color: var(--font-color-base);

  margin-bottom: 30px;

}

.pro-swiper-tabs {

  width: 100%;

  border-bottom: 1px #ddd solid;

  height: 60px;

  line-height: 60px;

  margin-bottom: 40px;

}

.pro-swiper-tabs .pro-swiper-tab {

  width: 160px;

  float: left;

  height: 60px;

  position: relative;

  text-align: center;

  cursor: pointer;

}

.pro-swiper-tabs .pro-swiper-tab.active {

  color: var(--primary-color);

  font-weight: bold;

}

.pro-swiper-tabs .pro-swiper-tab:after {

  content: "";

  width: 0;

  height: 3px;

  background: var(--primary-color);

  position: absolute;

  bottom: -2px;

  left: 0;

  transition: all 0.5s ease;

}

.pro-swiper-tabs .pro-swiper-tab.active:after {

  width: 160px;

}

.nypro_list .nypro_list_confl {

  width: 100%;

  overflow: hidden;

}

.nypro_list .nypro_list_confl li {

  float: left;

  width: 23%;

  margin-right: 2.6%;

  margin-bottom: 4%;

  background: #f8f8f8;

  position: relative;

  overflow: hidden;

  transition: all 0.3s ease;

}

.nypro_list .nypro_list_confl li:nth-child(4n) {

  margin-right: 0

}

.nypro_list .nypro_list_confl li h3 {

  width: 100%;

  padding: 10px;

  box-sizing: border-box;

  overflow: hidden;

}

.nypro_list .nypro_list_confl li h3 a {

  display: block;

  padding-bottom: calc(400% / 5);

  width: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-transition-duration: 1s;

  transition-duration: 1s;

}

.nypro_list .nypro_list_confl li:hover h3 a {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  transform: scale(1.05)

}

.nypro_list .nypro_list_confl li p {

  text-align: center;

  color: var(--font-color-base);

  transition: all 0.3s ease;

  border: 1px #f1f5f7 solid;

}

.nypro_list .nypro_list_confl li p a {

  color: var(--font-color-base);

  display: block;

  padding: 10px 0 25px;

  box-sizing: border-box;

}

.nypro_list .nypro_list_confl li p a i {

  color: var(--primary-color);

  font-style: normal;

  font-size: var(--font-size-base);

  font-weight: bold;

  display: block;

  line-height: var(--line-height-text);

}

.nypro_list .nypro_list_confl li p a b {

  font-weight: normal;

  font-size: var(--font-size-ms);

  margin-bottom: 10px;

  display: block;

  line-height: var(--line-height-text);

}

.nypro_list .nypro_list_confl li p a span {

  font-size: var(--font-size-xs);

  color: var(--font-color-dec);

}

.nypro_list .nypro_list_confl li:hover p {

  background: var(--primary-color);

}

.nypro_list .nypro_list_confl li:hover p a {

  color: #fff;

}

.nypro_list .nypro_list_confl li:hover p a i {

  color: #fff;

}

.nypro_list .nypro_list_confl li:hover p a b {

  color: #fff;

}

.nypro_list .nypro_list_confl li:hover p a span {

  color: #fff;

}

.nypro_list .nypro_list_confl li:hover .text {

  top: 0;

}

.nyproductbanner {

  width: 100%;

  height: 920px;

  background-position: top center;

  background-repeat: no-repeat;

  box-sizing: border-box;

}

.nyproductbanner .mainbox {

  height: 100%;

}

@media(max-width:1600px) {

  .nyproductbanner {

    height: 700px;

  }

}

.nypro-item {

  width: 100%;

  height: 100%;

  padding: 60px 0 30px;

  box-sizing: border-box;

  margin: 0 auto;

  display: flex;

  align-items: center;

}

.nypro-item-l {

  width: 50%;

  min-width: 600px;

  margin-right: 100px;

  max-width: 650px;

  position: relative;

}

.spec-preview {

  width: 100%;

  height: auto;

  float: left;

}

/*图片放大镜样式*/

.jqzoom {

  /*  background: #fff;*/

  position: relative;

  padding: 0px;

  cursor: pointer;

  margin: 0px;

  display: block;

  width: 100%;

  height: auto;

  text-align: center;

  border-radius: 10px;

  overflow: hidden;

}

.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;

  display: none !important;

}

.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);

  display: none;

}

/*图片小图预览列表*/

.spec-scroll {

  width: 100%;

  height: 146px;

  border-top: 1px #303030 solid;

  padding-top: 40px;

  margin-top: 20px;

}

.spec-scroll .items {

  width: 100%;

  height: 146px;

  overflow: hidden;

}

.spec-scroll .items ul {

  width: 100%;

  height: 146px;

}

.spec-scroll .items ul li {

  width: 180px;

  text-align: center;

  margin-right: 15px;

  height: 146px;

  border: 1px solid #fff;

  float: left;

}

.spec-scroll .items ul li img {

  width: 180px;

  height: 146px;

  margin: 0 auto;

}

.nypro_zytd {

  width: 100%;

  position: relative;

}

.nypro_zytd p {

  /*  padding-left: 20px;

  background: url(../images/nypro_zytd_icon.png) left 8px no-repeat;*/

}

.nypro_jscs {

  width: 100%;

  position: relative;

}

.nypro_jscs table {

  margin: 0 auto;

  text-align: center;

  width: 100%;

}

.nypro_jscs table tr {

  background: #fff;

  font-size: var(--font-size-ms);

  color: var(--font-color-base);

  border: 1px #eee solid;

}

.nypro_jscs table tr:nth-child(1) {

  background: #f8f8f8;

}

.nypro_jscs table td {

  padding: 20px 0;

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  border: 1px #eee solid;

  line-height: 1;

}

.nypro_jscs table tr:nth-child(1) td {

  color: var(--font-color-base);

}





.nypro-item-r {

  width: 50%;

}

.nypro_detail_title {

  margin: 40px 0 10px;

  width: 100%

}

.nypro_detail_title h3 {

  font-size: var(--font-size-sm);

  color: var(--font-color-base);

  height: 60px;

  line-height: 60px;

  padding-left: 8px;

  background: #ededed;

}

.nypro_detail_title h3 span {

  font-size: var(--font-size-xs);

  color: var(--font-color-dec);

  font-weight: normal;

}

.nypro-item-r h4 {

  font-size: var(--font-size-sm);

  color: #fff;

  margin: 0 auto 10px;

  font-weight: normal;

}

.nypro-item-r h1 {

  font-size: var(--font-size-md);

  color: #fff;

  margin-bottom: 30px;

}

.nypro-item-r h3 {

  font-size: var(--font-size-ms);

  color: #fff;

  margin: 30px 0 20px;

}

.nypro-item-r p {

  font-size: var(--font-size-xs);

  color: #fff;

  line-height: 2;

}

.nypro-cpjs {

  width: calc(100% - 460px);

  float: right;

  box-sizing: border-box;

  background: #fff;

  padding: 40px 40px 40px;

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  line-height: var(--line-height-text);

}

.nypro-cpjs p {

  font-size: var(--font-size-base);

  color: var(--font-color-text);

  line-height: 2;

}

.nypro-cpjs img {

  max-width: 100%;

}

.nypro-cpfl {

  float: left;

  margin-top: 80px;

  width: 420px;

  padding: 30px;

  background: #fff;

  box-sizing: border-box;

  border: 1px #ddd solid;

  border-top: 8px var(--primary-color) solid;

}

.nypro-cpfl-title {

  font-size: var(--font-size-sm);

  color: var(--font-color-base);

  font-weight: bold;

  margin-bottom: 30px;

}

.nypro-cpfl ul {

  width: 100%

}

.nypro-cpfl ul li {

  margin-bottom: 20px;

  position: relative;

}

.nypro-cpfl ul li a {

  display: block;

  width: 100%;

  height: 100px;

}

.nypro-cpfl ul li a h3 b {

  font-size: var(--font-size-base);

  color: var(--font-color-base);

  font-weight: normal;

  margin-bottom: 20px;

  display: block;

  line-height: var(--line-height-text);

}

.nypro-cpfl ul li a h3 span {

  font-size: var(--font-size-xs);

  color: var(--primary-color);

  font-weight: normal;

}

.nypro-cpfl ul li a img {

  margin-right: 10px;

  float: left;

  max-height: 100%;

  border: 1px #ddd solid;

}

.nypro-cpfl ul li:hover a img {

  border: 1px var(--primary-color) solid;

}

.nypro-xqgcal {

  width: 100%;

  padding: 80px 0;

  background: url(../images/nypro-xqgcal.jpg) center center no-repeat

}

.nypro-xqgcal h3 {

  color: #fff;

  font-size: 30px;

  margin: 0 0 40px;

}

.nypro-xqgcal h3 span {

  font-size: 18px;

  font-weight: normal;

  margin-left: 10px;

}

.nypro-xqgcal ul {

  width: 100%;

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nypro-xqgcal ul li {

  float: left;

  width: 23%;

  margin: 0 2% 0 0;

  background: #fff;

  position: relative;

}

.nypro-xqgcal ul li h4 {

  width: 100%;

  padding: 0;

  padding-bottom: calc(300% / 4);

  border: 1px #eee solid;

  box-sizing: border-box;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  position: relative;

  z-index: 2;

}

.nypro-xqgcal ul li h4 a {

  display: block;

  width: 100%;

  position: absolute;

  height: 100%;

  left: 0;

  top: 0;

}

.nypro-xqgcal ul li p {

  font-size: 18px;

  color: #333;

  height: 100px;

  box-sizing: border-box;

  padding-left: 25px;

  line-height: 120px;

  position: relative;

  z-index: 2;

}

.nypro-xqgcal ul li p:before {

  content: " ";

  background: #0042ad;

  width: 50px;

  height: 3px;

  position: absolute;

  left: 25px;

  top: 30px;

}

.nypro-xqgcal ul li h5 {

  padding: 50px 25px;

  box-sizing: border-box;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  background: #0042ad;

  width: 100%;

  height: 450px;

  transition: all 0.5s ease;

}

.nypro-xqgcal ul li h5 a {

  display: block;

  width: 100%;

  height: 450px;

}

.nypro-xqgcal ul li h5 b {

  display: block;

  color: #fff;

  font-size: 20px;

  margin-bottom: 10px;

}

.nypro-xqgcal ul li h5 span {

  font-weight: normal;

  color: #fff;

  font-size: 14px;

  line-height: 30px;

}

.nypro-xqgcal ul li:hover h4 img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}

.nypro-xqgcal ul li:hover h5 {

  z-index: 9;

  opacity: 1;

}

.nypro_bg {

  background: #fff

}

.message {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  overflow: hidden;

  padding: 60px 0;

}

.message h2 {

  margin: 40px auto;

}

.message .left {

  width: calc(100% - 550px);

  float: left;

}

.message .left dd {

  width: 100%;

  box-sizing: border-box;

  margin-bottom: 15px;

}

.message .left dd span {

  font-size: 30px;

  color: #333;

  font-weight: bold;

  margin-bottom: 15px;

  display: block;

}

.message .left dt input {

  width: 48%;

  height: 50px;

  border: 1px solid #cdcdcd;

  margin: 13px 2% 13px 0;

  background: none;

  float: left;

  font-size: 14px;

  text-indent: 10px;

  box-sizing: border-box;

}

.message .left dt input.icon-tel {}

.message .left dt input.icon-message {

  background: url("../images/icon-message.png") right 5px center no-repeat;

  background-size: 25px;

}

.message .left dt input.icon-address {

  background: url("../images/icon-address.png") right 5px center no-repeat;

  background-size: 25px;

}

.message .left dt input.icon-name-yzm {

  float: left;

  width: 120px;

  margin-top: 0;

}

.message .left dt .icon-name-yzm-img {

  float: left;

  margin-top: 8px;

}

.message .left dt textarea {

  width: 98%;

  height: 70px;

  border: 1px solid #cdcdcd;

  background: none;

  font-size: 14px;

  padding: 10px 0 0 10px;

  margin: 15px 0;

  box-sizing: border-box;

}

.message .left dt input.button {

  width: 185px;

  height: 50px;

  text-align: center;

  text-indent: 0;

  line-height: 50px;

  font-size: 18px;

  cursor: pointer;

  background: #0042ad;

  border: none;

  transition: all 0.5s ease;

  color: #fff;

  margin-top: 0;

  margin-left: 10px;

  float: left;

}

.message .right {

  width: 500px;

  float: right;

  overflow: hidden;

}

.message .left dt input.button:hover {

  background: #628cc3;

}

.message .right dd {

  width: 100%;

  background: url("../images/phone3.png") left 45px center no-repeat #FFA200;

  padding: 40px 0 40px 140px;

  box-sizing: border-box

}

.message .right dd span a {

  font-size: 46px;

  color: #fff;

  line-height: 46px;

  font-family: Impact;

}

.message .right dd p {

  font-size: 24px;

  color: #fff;

  line-height: 24px;

  margin-bottom: 10px;

}

.message .right dt {

  width: 100%;

  background: #0042ad;

  padding: 25px 30px;

  box-sizing: border-box

}

.message .right dt p a {

  font-size: 16px;

  color: #fff;

  display: block;

  padding: 10px 0 10px 30px;

}

.message .right dt .address a {

  background-position: 0 -49px;

}

.message .right dt .url a {

  background-position: -2px -102px;

}

.message .right dt .mailbox a {

  background-position: -4px -162px;

}

.message .right dt .tel a {

  background-position: 2px 15px;

}

.message .right dt .btn {

  width: 100%;

  overflow: hidden;

  padding: 20px 0;

}

.message .right dt .btn a {

  width: 120px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  color: #fff;

  border: 1px solid #fff;

  padding: 0;

  display: inline-block;

  margin-right: 10px;

  font-size: 16px;

  background: none;

}

.message .right dt .btn a:hover {

  background: rgba(255, 255, 255, 0.2)

}

/*分页样式*/

.pagination {

  clear: both;

  margin: 10px 0;

  text-align: center;

}

.pagination li {

  display: inline-block;

  *display: inline;

  zoom: 1;

}

.pagination li a {

  display: block;

  padding: 10px 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: var(--primary-color);

  border: 1px solid var(--primary-color);

  color: #ffffff;

  border-left: none;

}

.sypro {

  width: 100%;

  box-sizing: border-box;

  padding: 40px 0 100px;

  background: url(../images/sycpbg.jpg) center top no-repeat;

}

.sypro_title {

  width: calc(100% - 150px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.sypro_title h3 {

  font-size: 36px;

  color: #0d86bd;

  text-transform: uppercase;

  line-height: 50px;

}

.sypro_title h4 {

  font-size: 30px;

  color: #333;

  float: left;

  margin-right: 50px;

  line-height: 40px;

}

.sypro_title ul {}

.sypro_title ul li {

  float: left;

  margin-right: 45px;

  position: relative;

  line-height: 50px;

}

.sypro_title ul li:after {

  content: "";

  display: block;

  width: 0;

  height: 2px;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: 0;

  background: #333333

}

.sypro_title ul li a {

  font-weight: normal;

  font-size: 16px;

  color: #333;

}

.sypro_title ul li:hover a {

  font-weight: bold;

  color: #0d86bd

}

.sypro_title ul li:hover:after {

  width: 46px;

  margin-left: -23px;

}

.sypro_title ul li:active a {

  font-weight: bold;

  color: #0d86bd;

}

.sypro_title ul li:active:after {

  width: 46px;

  margin-left: -23px;

}

.sypro_list {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  position: relative;

}

.sypro_list ul {

  width: 100%;

}

.sypro_list ul li {

  float: left;

  position: relative;

  box-sizing: border-box;

  overflow: hidden;

  margin: 0 20px 0 0;

  width: calc(25% - 20px);

}

.sypro_list ul li h3 {

  width: 100%;

  padding: 0;

  height: auto;

  padding-bottom: 100%;

  border-radius: 10px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.sypro_list ul li h3 a {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 2;

}

.sypro_list ul li p {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 5;

  height: 35px;

  line-height: 35px;

  transition: all 0.2s ease;

  background: #0d86bd;

  text-align: center;

}

.sypro_list ul li p a {

  color: #fff;

  font-size: 16px;

  display: block;

}

.sypro_list ul li:hover p {

  height: 50px;

  line-height: 50px;

}

.sypro_list ul li h4 {

  position: absolute;

  left: 30px;

  top: 30px;

  z-index: 5;

  color: #fff;

  font-size: 30px;

  text-transform: uppercase;

}

.sypro_list ul li h4 span {

  font-size: 14px;

  font-weight: normal;

  color: rgba(255, 255, 255, 0.6)

}

.sypro_list ul li i {

  position: absolute;

  right: 12px;

  top: 15px;

  z-index: 5;

  display: inline-block;

  width: 45px;

  height: 44px;

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

}

.mr_frUl {

  width: 100%;

  position: relative;

  z-index: 5;

  overflow: hidden;

}

.mr_frBtnL {

  margin: 0;

  cursor: pointer;

  background: #f7c000;

  position: absolute;

  top: -90px;

  right: 50px;

  width: 30px;

  height: 30px;

  z-index: 9;

  border-radius: 4px;

  transition: all .3s;

}

.mr_frBtnR {

  margin: 0;

  cursor: pointer;

  background: #f7c000;

  position: absolute;

  top: -90px;

  right: 0;

  width: 30px;

  height: 30px;

  z-index: 9;

  border-radius: 4px;

  transition: all .3s;

}

.mr_frBtnbg {

  background: #0d86bd !important;

}

.sjfw {

  width: 100%;

}

.sjfw li {

  width: 19%;

  background: #ededed;

  float: left;

  height: 65px;

  margin-right: 1%;

  -webkit-transition: 0.8s;

}

.sjfw li em {

  color: #333;

  line-height: 65px;

  font-style: normal;

  text-align: center;

  display: block;

}

.sjfw li:hover {

  background: var(--primary-color);

  border-radius: 15px;

}

.sjfw li:hover em {

  color: #fff;

}

.tell p {

  font-size: 14px;

  font-style: normal;

  color: #666;

}

.tell em {

  font-size: 24px;

  font-weight: bold;

  font-style: normal;

  color: #333;

}