@charset "utf-8";
/* 通用样式 */
.p1920 {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

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

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.dfc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 头部 */
header {
  background-color: #0762bf;
}

.header {
  height: 30px;
}

.header div {
  font-size: 12px;
  color: #fff;
}

.header div p {
  font-size: 12px;
  color: #fff;
  margin: 0;
}

.header div a {
  font-size: 12px;
  color: #fff;
}

.header-con {
  height: 104px;
}

.header-box {
  display: flex;
  align-items: flex-end;
}

.header-tel h2 {
  text-align: end;
  font-size: 14px;
  color: #888;
  font-weight: normal;
}

.header-tel p {
  font-size: 30px;
  color: #0762bf;
  font-family: arial;
  font-weight: bold;
  margin: 0;
}

.header-code {
  width: 69px;
  height: 69px;
  margin-left: 15px;
}

.header-code img {
  width: 100%;
  height: 100%;
}

.header-nav {
  border-top: 1px solid #ededed;
}

/* 导航栏 */
.nav-li {
  position: relative;
  z-index: 999;
  position: relative;
}

.nav-li   .nav-li::before {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background-color: #cecece;
  position: absolute;
  left: -51px;
  top: 50%;
  transform: translatey(-50%);
}

.nav-li .nav-a {
  display: block;
  font-size: 15px;
  color: #222;
  line-height: 46px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}

.nav-ul {
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 52px;
  background-color: #fff;
  z-index: 999;
  width: 150px;
  transform: translatex(-50%);
}

.nav-ul li {
  width: 100%;
}

.nav-ul li a {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  display: block;
  color: #222;
}

.nav-li:hover .nav-a {
  color: #0762bf;
  font-weight: bold;
  border-bottom-color: #0762bf;
}

/* 热门搜索 */
.s1 {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.s1-box {
  height: 61px;
}

.s1a {
  padding-left: 40px;
  line-height: 33px;
  background-image: url(/uploads/image/tdimages/s1a.png);
  background-position: left center;
  font-size: 15px;
  color: #000;
  background-repeat: no-repeat;
}

.s1a a {
  font-size: 15px;
  color: #000;
}

.s1a a   a {
  margin-left: 5px;
}

.s1b {
  width: 254px;
  height: 30px;
  border: 1px solid #aaa;
  border-radius: 15px;
}

.s1b-input {
  height: 100%;
  padding-left: 20px;
  width: 190px;
  border: none;
  background: none;
  outline: none;
}

.s1b-btn {
  width: 30px;
  height: 100%;
  background: url(/uploads/image/tdimages/s1b-ss.png);
  background-repeat: no-repeat;
  background-position: left center;
  outline: none;
  border: none;
}

/* 产品中心 */
.s2 {
  padding-top: 43px;
  padding-bottom: 54px;
}

.s2a {
  text-align: center;
}

.s2a h2 {
  font-size: 30px;
  font-weight: bold;
  color: #2c2c2c;
}

.s2a h2 span {
  color: #0762bf;
}

.s2a div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.s2a div p {
  font-size: 14px;
  color: #a0a0a0;
  text-transform: uppercase;
}

.s2a div span {
  display: block;
  width: 33px;
  height: 1px;
  background-color: #a0a0a0;
  margin: 0 8px;
}

.s2b {
  flex-wrap: wrap;
  margin-top: 38px;
}

.s2b li {
  width: 378px;
  height: 327px;
  overflow: hidden;
  position: relative;
}

.s2b li:nth-child(n 4) {
  margin-top: 49px;
}

.s2b-img {
  display: block;
  width: 100%;
  height: 258px;
  overflow: hidden;
}

.s2b-img img {
  min-width: 100%;
  min-height: 100%;
}

.s2b-con {
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 69px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.s2b-con h2 {
  font-size: 16px;
  color: #1e1e1e;
}

.s2b-con p {
  font-size: 13px;
  color: #656565;
  width: 285px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 10px;
}

.s2b-con span {
  display: none;
  width: 71px;
  text-align: center;
  line-height: 21px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 12px;
  color: #0762bf;
  margin-top: 15px;
}

.s2b li:hover .s2b-con {
  height: 114px;
  background-color: #0762bf;
}

.s2b li:hover .s2b-con h2 {
  color: #fff;
}

.s2b li:hover .s2b-con p {
  color: #fff;
}

.s2b li:hover .s2b-con span {
  display: block;
}

/* 关于我们 */
.s3 {
  background-image: url(/uploads/image/tdimages/s3.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.s3-box {
  padding-top: 36px;
}

.s3a {
  text-align: center;
}

.s3a h2 {
  font-size: 26px;
  color: #000;
  font-weight: bold;
}

.s3a h2 span {
  font-size: 28px;
  color: #0762bf;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
}

.s3a p {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 20px;
}

.s3b {
  margin-top: 40px;
}

.s3b-con {
  width: 570px;
}

.s3b-img {
  width: 601px;
}

.s3b-img img {
  width: 100%;
}

.s3b-con h3 {
  line-height: 50px;
  padding-left: 62px;
  background-image: url(/uploads/image/tdimages/s3b-con.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: bold;
  color: #000;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.s3b-con h2 {
  font-size: 28px;
  color: #000;
  margin-top: 19px;
}

.s3b-con div {
  margin-top: 60px;
}

.s3b-con div p {
  font-size: 15px;
  color: #252525;
  line-height: 33px;
}

.s3b-con a {
  display: block;
  width: 129px;
  line-height: 37px;
  border: 1px solid #0762bf;
  color: #0762bf;
  text-align: center;
  border-radius: 20px;
  font-size: 15px;
  margin-top: 50px;
}

.s3c {
  margin-top: 50px;
}

.s3c li {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 116px;
  border: 1px solid #c9c9c9;
}

.s3c-img {
  position: relative;
}

.s3c-img img   img {
  display: none;
}

.s3c-con {
  margin-left: 15px;
}

.s3c-con h3 {
  font-size: 18px;
  color: #2a2a2a;
}

.s3c-con p {
  font-size: 12px;
  color: #2b2b2b;
  margin-top: 10px;
  text-transform: uppercase;
}

.s3c li:hover {
  background-color: #0762bf;
  border-color: #0762bf;
}

.s3c li:hover .s3c-img img {
  display: none;
}

.s3c li:hover .s3c-img img   img {
  display: block;
}

.s3c li:hover .s3c-con h3 {
  color: #fff;
}

.s3c li:hover .s3c-con p {
  color: #fff;
}

/* 优势 广告 */
.s4-5 {
  height: 1530px;
  background-image: url(/uploads/image/tdimages/s4-5.jpg);
  background-repeat: no-repeat;
}

/* 优势 */
.s4 {
  padding-top: 47px;
}

.s4a {
  background-image: url(/uploads/image/tdimages/s4a.png);
  background-repeat: no-repeat;
  background-position: 323px top;
  padding-top: 21px;
  margin: 0 auto;
  padding-bottom: 33px;
}

.s4a p {
  font-size: 18px;
  color: #0762bf;
  text-transform: uppercase;
  padding-left: 435px;
}

.s4a p span {
  font-size: 66px;
}

.s4a h2 {
  font-size: 28px;
  padding-left: 250px;
  color: #fff;
  margin-top: 2px;
}

.s4a h2 span {
  display: inline-block;
  font-size: 35px;
  color: #1d1714;
  font-weight: bold;
  width: 315px;
}

.s4a h3 {
  font-size: 20px;
  color: #0762bf;
  margin-top: 22px;
  padding-left: 205px;
}

.s4a h3 span {
  font-size: 18px;
  color: #0762bf;
  text-transform: uppercase;
}

.s4b {
  margin-top: 25px;
}

.s4b-item {
  position: relative;
}

.s4b-item img {
  position: absolute;
  top: 0;
}

.s4b-num {
  font-size: 35px;
  color: #fff;
  width: 82px;
  line-height: 83px;
  background-image: url(/uploads/image/tdimages/s4b-num.png);
  background-repeat: no-repeat;
  text-align: center;
}

.s4b-fname {
  width: 425px;
  padding-top: 30px;
  margin-left: 10px;
}

.s4b-fname h3 {
  font-size: 20px;
  color: #2d2d2d;
  font-weight: bold;
}

.s4b-fname h4 {
  font-size: 15px;
  color: #9d9d9d;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 10px;
}

.s4b-title {
  padding-left: 35px;
  padding-top: 20px;
}

.s4b-title p {
  padding-left: 25px;
  line-height: 35px;
  font-size: 15px;
  color: #2d2d2d;
  background-image: url(/uploads/image/tdimages/s4b-title.png);
  background-repeat: no-repeat;
  background-position: left 11px;
}

.s4b-con0 {
  padding-left: 650px;
  padding-top: 35px;
}

.s4b-item0 img {
  left: 0;
}

.s4b-item1 img {
  right: 0;
}

.s4b-item1 {
  margin-top: 70px;
}

.s4b-con1 {
  padding-top: 180px;
}

/* 广告 */
.s5 {
  margin-top: 65px;
}

.s5a {
  width: 381px;
}

.s5a img {
  width: 100%;
}

.s5b {
  width: 730px;
  padding-top: 185px;
}

.s5b h2 {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 5px;
}

.s5b h2 span {
  color: #f6fe78;
  font-size: 48px;
}

.s5b h3 {
  font-size: 17px;
  color: #fff;
  line-height: 46px;
  padding-top: 3px;
  width: 100%;
  background-image: ;
  text-align: center;
  background-repeat: no-repeat;
  margin-top: 20px;
  letter-spacing: 1.5px;
}

.s5b div {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.s5b div p {
  font-size: 30px;
  color: #fff;
  margin-left: 5px;
  letter-spacing: 2px;
  font-family: "times new roman";
}

.s5b div a {
  display: block;
  width: 109px;
  text-align: center;
  line-height: 29px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #222;
  font-weight: bold;
  margin-left: 30px;
}

/* 基地展示 */
.s6 {
  padding-top: 40px;
  padding-bottom: 45px;
}

.s6a {
  text-align: center;
}

.s6a h2 {
  font-size: 30px;
  font-weight: bold;
  color: #2c2c2c;
}

.s6a h2 span {
  color: #0762bf;
}

.s6a div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.s6a div p {
  font-size: 14px;
  color: #a0a0a0;
  text-transform: uppercase;
}

.s6a div span {
  display: block;
  width: 33px;
  height: 1px;
  background-color: #a0a0a0;
  margin: 0 8px;
}

.s6b {
  margin-top: 33px;
}

.s6b li {
  width: 287px;
}

.s6b-img {
  display: block;
  width: 100%;
  height: 197px;
  border: 1px solid #bfbfbf;
  padding: 5px;
}

.s6b-img div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.s6b-img div img {
  min-width: 100%;
  min-height: 100%;
}

.s6b-name {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #000;
  margin-top: 13px;
}

.s6b li:hover .s6b-name {
  color: #0762bf;
}

/* 新闻中心 */
.s7 {
  background-color: #f4f4f4;
}

.s7-box {
  padding-top: 45px;
  padding-bottom: 35px;
}

.s7a {
  text-align: center;
}

.s7a h2 {
  font-size: 30px;
  font-weight: bold;
  color: #2c2c2c;
}

.s7a h2 span {
  color: #0762bf;
}

.s7a div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.s7a div p {
  font-size: 14px;
  color: #a0a0a0;
  text-transform: uppercase;
}

.s7a div span {
  display: block;
  width: 33px;
  height: 1px;
  background-color: #a0a0a0;
  margin: 0 8px;
}

.s7b {
  margin-top: 50px;
}

.s7b-btn {
  width: 362px;
}

.s7b-btn ul li {
  width: 362px;
  height: 174px;
  background-color: #fff;
  padding-left: 28px;
  padding-right: 24px;
}

.s7b-btn ul li   li {
  margin-top: 1px;
}

.s7b-btn-box {
  display: flex;
  align-items: center;
}

.s7b-btn-img {
  width: 75px;
  position: relative;
}

.s7b-btn-img img   img {
  display: none;
  position: relative;
  left: 0;
}

.s7b-btn-name h3 {
  font-size: 20px;
  color: #303030;
}

.s7b-btn-name p {
  font-size: 15px;
  color: #1d1d1d;
  text-transform: uppercase;
  margin-top: 10px;
}

.s7b-btn-num {
  font-size: 70px;
  color: #d6d6d6;
}

.s7b-btn ul li:hover {
  background-color: #0762bf;
}

.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-img img {
  display: none;
}

.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-img img   img {
  display: block;
}

.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-name h3 {
  color: #fff;
}

.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-name p {
  color: #fff;
}

.s7b-btn ul li:hover .s7b-btn-num {
  color: #ddede3;
}

.s7b-con {
  width: 805px;
}

.s7b-tj {
  width: 805px;
  height: 168px;
}

.s7b-tj-con {
  width: 465px;
  height: 100%;
  padding-top: 19px;
  border-bottom: 1px solid #dadada;
}

.s7b-tj-img {
  width: 325px;
  height: 100%;
  overflow: hidden;
}

.s7b-tj-img a img {
  min-width: 100%;
  min-height: 100%;
}

.s7b-tj-box {
  width: 100%;
}

.s7b-tj-name {
  width: 333px;
  padding-right: 54px;
  border-right: 1px solid #d6d6d6;
}

.s7b-tj-name a {
  line-height: 34px;
  font-size: 17px;
  color: #0762bf;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.s7b-tj-time {
  text-align: end;
}

.s7b-tj-time h3 {
  font-size: 18px;
  color: #555;
}

.s7b-tj-time p {
  font-size: 12px;
  color: #555;
  margin-top: 5px;
}

.s7b-tj-summary {
  margin-top: 20px;
}

.s7b-tj-summary p {
  font-size: 13px;
  color: #555;
  line-height: 23px;
}

.s7b-item {
  margin-top: 22px;
  width: 805px;
}

.s7b-item-box {
  width: 100%;
}

.s7b-item-name {
  width: 285px;
}

.s7b-item-name a {
  font-size: 17px;
  color: #2e2d2d;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 34px;
}

.s7b-item-time {
  width: 177px;
  text-align: end;
  height: 34px;
  border-left: 1px solid #d6d6d6;
}

.s7b-item-time h3 {
  font-size: 18px;
  color: #555;
}

.s7b-item-time p {
  font-size: 12px;
  color: #555;
  margin-top: 5px;
}

.s7b-item-summary {
  width: 100% 0;
  margin-top: 24px;
}

.s7b-item-summary p {
  font-size: 13px;
  color: #555;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.s7b-more {
  margin-top: 30px;
  width: 468px;
  border-bottom: 1px solid #dadada;
}

.s7b-more a {
  display: block;
  width: 159px;
  text-align: center;
  line-height: 38px;
  background-color: #0762bf;
  font-size: 14px;
  color: #fff;
}

.s7b-list {
  width: 100%;
}

.s7b-list div {
  float: left;
  width: 367px;
  border-bottom: 1px solid #dadada;
  padding-top: 34px;
  padding-bottom: 14px;
}

.s7b-list div a {
  display: inline-block;
  width: 260px;
  padding-left: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  color: #343434;
  position: relative;
}

.s7b-list div a::before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background-color: #343434;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translatey(-50%);
}

.s7b-list div p {
  font-size: 15px;
  color: #878787;
}

.s7b-list div:nth-child(2n) {
  float: right;
}

.s7b-list div a:hover {
  color: #0762bf;
}

.s7b-list div a:hover::before {
  background-color: #0762bf;
}

/* 友情链接 */
.s8 {
  font-size: 16px;
  color: #000;
  padding-top: 35px;
  padding-bottom: 30px;
  padding-left: 31px;
  background-image: url(/uploads/image/tdimages/s8.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.s8 a {
  font-size: 16px;
  color: #000;
}

/* 底部 */
footer {
  background-color: #0762bf;
}

.footer {
  padding-top: 30px;
  padding-bottom: 28px;
}

.footer-name {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding-left: 18px;
  position: relative;
}

.footer-name::before {
  content: "";
  display: block;
  width: 4px;
  height: 14px;
  background-color: #fff;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
}

.footer-tel {
  width: 295px;
}

.footer-tel-con {
  margin-top: 23px;
}

.footer-tel-img {
  width: 49px;
  height: 49px;
}

.footer-tel-img img {
  width: 100%;
  height: 100%;
}

.footer-tel-fname {
  margin-left: 10px;
  padding: 8px 0;
}

.footer-tel-fname h3 {
  font-size: 16px;
  color: #fff;
}

.footer-tel-fname p {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  margin-top: 5px;
}

.footer-tel-num {
  margin-top: 10px;
}

.footer-tel-num p {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  margin: 0;
}

.footer-inquiry {
  display: block;
  width: 170px;
  line-height: 34px;
  padding-left: 33px;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 22px;
  font-size: 16px;
  color: #222;
  background-image: ;
  background-repeat: no-repeat;
  background-position: 112px center;
}

.footer-inquiry:hover {
  color: #222;
}

.footer-nav {
  width: 425px;
}

.footer-nav ul {
  width: 330px;
}

.footer-nav ul li {
  width: 110px;
  margin-top: 27px;
}

.footer-nav ul li a {
  font-size: 13px;
  color: #fff;
}

.footer-nav ul li a:hover {
  color: #d7d7d7;
}

.footer-telfs-con {
  margin-top: 24px;
}

.footer-telfs-con p {
  font-size: 14px;
  color: #fff;
  line-height: 15px;
  margin: 0;
  margin-top: 15px;
}

.footer-code-con {
  margin-top: 28px;
}

.footer-code-img {
  width: 102px;
}

.footer-code-img img {
  width: 100%;
}

.footer-code-title {
  margin-left: 15px;
  padding-top: 10px;
}

.footer-code-title p {
  line-height: 17px;
  margin: 0;
  font-size: 13px;
  color: #fff;
}

/* 页脚 */
.footer-bottom {
  text-align: center;
  background-image: url(/uploads/image/tdimages/footer-bottom.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 15px 0;
}

.footer-bottom a {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

.copyright {
  text-align: center;
}