/*通用的颜色和一些样式工具*/
.numf {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.shadowhover {
  -webkit-box-shadow: 3px 3px 5px rgba(19, 27, 55, 0.15);
  -moz-box-shadow: 3px 3px 5px rgba(19, 27, 55, 0.15);
  box-shadow: 3px 3px 5px rgba(19, 27, 55, 0.15);
}
.basebg {
  background: #005244;
  color: #fff;
}
.bd {
  border: 1px solid #e5e5e5;
}
.sm-filter {
  float: left;
  padding: 0 11px;
  height: 26px;
  line-height: 26px;
  color: #005244;
  margin-right: 6px;
  background: #365c9a;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
}
.centerpage {
  width: 1366px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.redfont {
  color: #fff151;
}
.basefont {
  color: #005244;
}
.flexcss {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: -webkit-flex;
}
.bannerDiv-news {
  position: relative;
  height: 748px;
  background: url(../images/banner.png) no-repeat;
  background-size: cover;
}
.centerpage-banenr {
  width: 1366px;
  margin: 0 auto;
  height: 748px;
}
.centerpage-banenr .bannerfont {
  color: #FFFFFF;
  padding-top: 280px;
}
.centerpage-banenr .bannerfont h1 {
  font-size: 54px;
  text-shadow: 2px 2px 4px #333;
  line-height: 70px;
  letter-spacing: 3px;
}
.centerpage-banenr .bannerfont h3 {
  font-size: 32px;
  height: 62px;
  line-height: 58px;
  margin-top: 20px;
  letter-spacing: 2px;
  background-color: #d79841;
  width: 680px;
  border-radius: 30px;
  padding: 0 30px;
}
.roundBox {
  width: 100%;
  height: 200px;
  margin-top: 140px;
}
.roundBox .rounde-list {
  width: calc(20% - 43px);
  text-align: center;
  color: #005244;
  transition: all 0.3s;
}
.roundBox .rounde-list p {
  font-size: 18px;
  letter-spacing: 2px;
}
.roundBox .rounde-list:hover {
  transform: scale(1.1);
}
.roundBox .round-bg {
  width: 225px;
  height: 225px;
  background: url(../images/round-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.roundBox .round-bg span {
  display: inline-block;
  width: 200px;
  height: 30px;
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  letter-spacing: 2px;
}
.roundBox .round-bg .line2 {
  top: -32px;
}
.mb-2 {
  margin-bottom: 20px;
}
.model-titleBox {
  width: 100%;
  height: 85px;
  text-align: center;
  color: #005244;
  font-size: 24px;
  line-height: 105px;
  letter-spacing: 2px;
}
.servce-title {
  background: url(../images/SERVICE.png) no-repeat;
  background-position: center;
}
.servce-title h2 {
  position: relative;
}
.servce-title h2:before {
  content: '';
  width: 208px;
  height: 2px;
  background-color: #005244;
  position: absolute;
  left: 26%;
  bottom: 32px;
}
.servce-title h2:after {
  content: '';
  width: 208px;
  height: 2px;
  background-color: #005244;
  position: absolute;
  right: 26%;
  bottom: 32px;
}
.diweng {
  padding-top: 260px;
  background: url(../images/diweng.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 85px;
}
.servceBox {
  width: 100%;
  margin-top: 50px;
}
.servce-list {
  width: calc(20% - 45px);
  text-align: center;
  transition: all 0.3s;
}
.servce-list p {
  color: #005244;
  font-size: 22px;
  line-height: 28px;
}
.servce-list:hover {
  transform: translateY(-30px);
}
.servce-bg {
  width: 85%;
  height: 227px;
  font-size: 22px;
  line-height: 32px;
  color: #FFFFFF;
  font-weight: bold;
  position: relative;
  margin: 0 auto;
}
.servce-bg span {
  letter-spacing: 2px;
  display: inline-block;
  width: 100%;
  height: 110px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.servce-bg1 {
  background: url(../images/fk1.png) no-repeat;
  background-size: 100% auto;
}
.servce-bg2 {
  background: url(../images/fk2.png) no-repeat;
  background-size: 100% auto;
  margin-top: 130px;
}
.servce-bg3 {
  background: url(../images/fk3.png) no-repeat;
  background-size: 100% auto;
}
.servce-bg4 {
  background: url(../images/fk4.png) no-repeat;
  background-size: 100% auto;
  margin-top: 130px;
}
.servce-bg5 {
  background: url(../images/fk5.png) no-repeat;
  background-size: 100% auto;
}
.cydj {
  width: 100%;
  height: 717px;
  background: url(../images/cydj-bg1.png) no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
}
.cydj-title {
  text-align: left;
  color: #FFFFFF;
  background: url(../images/cydj_title_bg.png) no-repeat;
  background-position: left;
  margin-top: 140px;
}
.cy-lisBox {
  margin-top: 20px;
  padding: 30px 30px;
}
.cycl-list .cy-list {
  background-color: rgba(2, 103, 87, 0.9);
}
.cycl-list .cy-list:hover {
  background-color: #026757;
}
.cy-list {
  width: calc(33% - 70px);
  border: 2px solid #FFFFFF;
  background-color: rgba(250, 195, 41, 0.9);
  border-radius: 20px;
  padding: 40px 30px;
  transition: all 0.3s;
  box-shadow: 4px 4px 8px #555;
}
.cy-list h2 {
  font-size: 22px;
  font-style: oblique;
  letter-spacing: 2px;
  line-height: 32px;
  margin-bottom: 10px;
}
.cy-list p {
  font-size: 18px;
  line-height: 28px;
}
.cy-list:hover {
  background-color: #fac329;
  transform: scale(1.1);
}
.cycl {
  width: 100%;
  height: 717px;
  background: url(../images/cycl-bg1.png) no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  margin-top: 50px;
}
.cycl-title {
  text-align: left;
  color: #FFFFFF;
  background: url(../images/cycl_title_bg.png) no-repeat;
  background-position: left;
  margin-top: 140px;
}
.p2 {
  padding: 20px;
}
.diwen2 {
  padding: 0 10px 30px 0;
  background: url(../images/diweng1.png) no-repeat;
  background-size: 100% 100%;
}
.tzjh-title {
  background: url(../images/OPPORTUNITY.png) no-repeat;
  background-position: center;
  margin-top: 100px;
  margin-bottom: 50px;
}
.tzjh-title h2 {
  position: relative;
}
.tzjh-title h2:before {
  content: '';
  width: 208px;
  height: 2px;
  background-color: #005244;
  position: absolute;
  left: 26%;
  bottom: 32px;
}
.tzjh-title h2:after {
  content: '';
  width: 208px;
  height: 2px;
  background-color: #005244;
  position: absolute;
  right: 26%;
  bottom: 32px;
}
.swiper-container {
  width: 100%;
  height: 290px;
}
.swiper-container.swiperT2 {
  height: 90px;
}
.width-2 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-35 {
  width: 35%;
}
.tzjh-company {
  width: 69%;
  border-radius: 20px;
  box-shadow: 4px 4px 8px #999;
  padding: 100px 30px 50px 30px;
  background-color: #FFFFFF;
}
.tzjh-company table {
  width: 100%;
}
.tzjh-company table th {
  border-bottom: 1px solid #005244;
  padding: 15px 5px;
  font-size: 20px;
  color: #005244;
}
.tzjh-company table td {
  padding: 10px 5px;
  font-size: 16px;
  text-align: center;
}
.tzjh-company .company-nametext {
  font-size: 16px;
}
.tzjh-company .company-tag {
  display: inline-block;
  padding: 3px 5px;
  background-color: #EEEEEE;
  margin-bottom: 5px;
  color: #888;
  font-size: 12px;
  float: left;
  margin-right: 5px;
}
.text-left {
  text-align: left;
}
.tzjh-lianxi {
  border-radius: 20px;
  width: 20%;
  box-shadow: 4px 4px 8px #999;
  padding: 100px 30px 50px 30px;
  background-color: #FFFFFF;
}
.tzjh-lianxi h2 {
  color: #005244;
  padding: 15px 0;
  font-size: 20px;
}
.phonebox {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-top: 30px;
  margin-bottom: 15px;
}
.phone-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/phone-icon.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
}
.tel-num {
  width: 200px;
  background-color: #e5edec;
  font-size: 18px;
  padding: 8px 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
.wxCodeBox {
  text-align: center;
  margin-top: 60px;
}
.ztys-model-bigBox {
  width: 100%;
  height: 887px;
  background: url(../images/bg-lian.png) no-repeat;
  background-size: 100% 100%;
}
.swiper-container.swiperbanner {
  width: 100%;
  height: 728px;
}
.ztys-bg1 {
  width: 100%;
  height: 100%;
  background: url(../images/hxys1.png) no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
}
.ztys-bg2 {
  width: 100%;
  height: 100%;
  background: url(../images/hxys2.png) no-repeat;
  background-size: 100% 100%;
  color: rgba(255, 255, 255, 0.9);
}
.ztys-bg3 {
  width: 100%;
  height: 100%;
  background: url(../images/hxys3.png) no-repeat;
  background-size: 100% 100%;
  color: rgba(255, 255, 255, 0.9);
}
.swiper-title {
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #FFFFFF;
  margin: 30px 0;
}
.ztys-nl-itemBox {
  height: 100px;
  padding: 0 50px;
}
.ztys-nl-itemBox .ztys-nl-item {
  width: calc(33% - 80px);
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  position: relative;
}
.ztys-nl-itemBox .ztys-nl-item:before {
  content: '';
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ztys-nl-itemBox .ztys-nl-item1:before {
  background: url(../images/ysjt1.png) no-repeat;
  background-size: 100% 100%;
}
.ztys-nl-itemBox .ztys-nl-item2:before {
  background: url(../images/ysjt2.png) no-repeat;
  background-size: 100% 100%;
}
.ztys-nl-itemBox .ztys-nl-item3:before {
  background: url(../images/ysjt3.png) no-repeat;
  background-size: 100% 100%;
}
.nl-listBox {
  padding: 30px 20px;
  margin-top: 40px;
}
.nl-listBox .nl-list {
  width: calc(20% - 120px);
  border: 1px solid #FFFFFF;
  position: relative;
  padding: 50px 20px 30px 20px;
}
.nl-listBox .nl-list h3 {
  font-size: 22px;
  text-align: center;
  letter-spacing: 2px;
}
.nl-listBox .nl-list p {
  font-size: 16px;
  margin-top: 10px;
}
.nl-listBox .nl-list:hover .iconbox {
  transform: rotate(360deg);
}
.nl-listBox .iconbox {
  width: 72px;
  height: 72px;
  line-height: 72px;
  background-color: #f2f2f2;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -40px;
  left: 30%;
  transition: all 0.3s;
}
.nl-listBox .iconbox img {
  vertical-align: middle;
}
.ztys-list2 .ztys2-list-item {
  width: calc(33% - 150px);
  position: relative;
}
.ztys-list2 .ztys2-list-item h3 {
  height: 51px;
  color: #03f2e3;
  font-size: 18px;
  padding: 10px 35px;
  line-height: 25px;
  letter-spacing: 2px;
}
.ztys-list2 .ztys2-list-item .icon_B {
  background: url(../images/B.png) no-repeat;
  background-position: left;
  background-size: auto 100%;
}
.ztys-list2 .ztys2-list-item .icon_P {
  background: url(../images/P.png) no-repeat;
  background-position: left;
  background-size: auto 100%;
}
.ztys-list2 .ztys2-list-item .icon_G {
  background: url(../images/G.png) no-repeat;
  background-position: left;
  background-size: auto 100%;
}
.ztys-list2 .line-item {
  width: 50px;
  height: 100%;
  background: url(../images/line.png) no-repeat;
  background-position: bottom right;
  position: absolute;
  padding-right: 10px;
  right: 0;
  bottom: 0;
  display: table-cell;
  vertical-align: bottom;
  display: flex;
  align-items: flex-end;
  /* 使元素底部对齐 */
  justify-content: center;
  /*水平居中 */
}
.ztys-list2 .itemd1 {
  height: 245px;
  margin-top: 176px;
}
.ztys-list2 .itemd2 {
  height: 305px;
  margin-top: 116px;
}
.ztys-list2 ul {
  padding: 0 30px;
  margin-top: 20px;
  font-size: 16px;
}
.ztys-list2 li {
  list-style: disc;
  line-height: 30px;
}
.ztys2-content {
  position: absolute;
  top: 170px;
  left: 0;
  font-size: 16px;
}
.ztys2-content .text-baseColor {
  font-weight: 500;
  font-size: 18px;
}
.text-baseColor {
  color: #03f2e3;
}
.ztys-list3 .ztys3-item {
  width: calc(33% - 124px);
  border: 1px solid #FFFFFF;
  background-color: rgba(131, 131, 131, 0.2);
  padding: 30px 20px;
  font-size: 15px;
}
.ztys-list3 .ztys3-item li {
  position: relative;
  padding-left: 20px;
}
.ztys-list3 .ztys3-item li:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #03f2e3;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 50%;
}
.ztys-list3 .ztys3-item h3 {
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
}
.ztys-list3 .ztys3-item p {
  margin-bottom: 10px;
  margin-top: 20px;
}
.round-linkBox {
  position: relative;
  top: -75px;
  z-index: 10;
}
.roundlink-list .roundlink-list-item {
  display: block;
  height: 162px;
  width: calc(33% - 30px);
  background-color: #f2f2f2;
  border-radius: 20px;
  color: #005244;
}
.roundlink-list .roundlink-list-item:hover {
  color: #0b7765;
}
.roundlink-list .roundlink-list-item:hover img {
  transform: scale(1.1);
}
.roundlink-list .item-img {
  width: 170px;
  height: 160px;
  position: relative;
  display: flex;
  align-items: center;
  /* 使元素底部对齐 */
  justify-content: center;
  /*水平居中 */
}
.roundlink-list .item-img img {
  transition: all 0.3s;
}
.roundlink-list .item-img:after {
  content: '';
  width: 1px;
  height: 100px;
  position: absolute;
  right: 0;
  background-color: #FFFFFF;
}
.roundlink-list .link-text {
  width: 55%;
  height: 160px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  /* 使元素底部对齐 */
  justify-content: center;
  /*水平居中 */
}
/***/