@charset "utf-8";

* {
  margin: 0;
  padding: 0
}

body {
  font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "STHeitiSC-Light", Arial, sans-serif;
  font-size: 14px;
  background: #f2f2f2
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  list-style: none;
  margin: 0
}

a {
  color: #666;
  text-decoration: none;
  cursor: pointer
}

a:hover {
  color: #ff6600;
  text-decoration: none
}

img {
  outline: none;
  border: 0
}

.icon {
  background-image: url(../img/icon.png);
  display: inline-block
}

.headercont {
  width: 100%;
  background: #fff;
  min-width: 1190px;
}

.header {
  width: 1190px;
  margin: 0 auto;
  position: relative
}

.c_logo {
  width: 90px;
  height: 60px;
  float: left;
  margin-top: 18px;
  margin-right: 10px;
}

.c_logo img {
  width: 90px;
  height: 60px;
}

.header .title {
  width: 860px;
  display: inline-block
}

.header .title .big {
  height: 36px;
  line-height: 36px;
  min-width: 200px;
  overflow: hidden;
  display: inline-flex
}

.header .title .big h1 {
  font-size: 26px;
  font-weight: normal;
  color: #333;
}

.header .title .big div {
  font-size: 26px;
  font-weight: normal;
  color: #333;
}

.header .title p.small {
  height: 20px;
  line-height: 20px;
  padding-bottom: 5px;
  font-size: 14px;
  color: #999;
  width: 950px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}

.header .title p.small a {
  color: #999;
  text-decoration: none;
  padding-right: 5px
}

.header .title p.small a:hover {
  color: #ff6600
}

.header .right {
  float: right
}

.header .right .telephone {
  width: 230px;
  padding: 8px 0px;
  float: left;
  font-size: 24px;
  color: #ff6600
}

i.tele {
  width: 38px;
  height: 38px;
  background-position: 0 0;
  position: relative;
  top: 8px;
  padding-right: 10px
}

.contro-num {
  max-height: 98px;

  padding: 0 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

#noads a {
  width: 100px;
  height: 30px;
  background-color: #fff;
  border: none;
  color: #444;
  cursor: pointer;
  font-size: 16px;
  font-family: "微软雅黑";
  outline: none
}

#noads a:hover {
  color: #f60
}

span.fatxt {
  width: 100px;
  text-indent: 25px;
  position: relative;
  top: 15px;
  height: 30px;
  line-height: 30px;
  background: url(./fatxt.png?v=2020);
  color: #fff;
  font-size: 12px;
}

span.fatxt1 {
  width: 100px;
  text-indent: 25px;
  position: relative;
  top: 15px;
  height: 30px;
  line-height: 30px;
  background: url(./fatxt1.png?v=2020);
  color: #999;
  font-size: 12px;
}

.nav {
  width: 100%;
  background: #fff;
  border-bottom: 2px solid #ff6600;
  min-width: 1190px;
}

.nav ul.meun {
  width: 1190px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px
}

.nav ul.meun li {
  width: 125px;
  color: #333;
  font-size: 14px;
  text-align: center;
  display: inline-block
}

.nav ul.meun li a {
  border-right: 0 none;
}

.nav ul.meun li.current,
.nav ul.meun li.current:hover {
  background: #ff6600;
  color: #fff
}

.nav ul.meun li:hover {
  color: #ff6600
}

.nav-fa {
  width: 100%;
  margin-bottom: 10px;
  background: #fafafa;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  min-width: 1190px;
}

.nav-fa ul.meun {
  width: 1190px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  display: flex;
}

.nav-fa ul.meun a {
  border-right: 1px solid #efefef;
  flex: 1;
  text-align: center;
  display: inline-block;
  max-width: 125px;
}

.nav-fa ul.meun li {
  color: #333;
  font-size: 14px
}

.nav-fa ul.meun li.current,
.nav ul.meun li.current:hover {
  background: #ff6600;
  color: #fff
}

.nav-fa ul.meun li:hover {
  color: #ff6600
}

.banner {
  width: 1190px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.banner img {
  width: 1190px;
  max-height: 300px
}

.index-bg {
  background: #dce1e5
}

.news-bg {
  background: #c7d2dd
}

.cont-bg {
  background: #f4f5f7
}

.comp-bg {
  background: #c0edff
}

.info-bg {
  background: #f6f6f6
}

.add-bg {
  background: #c4dfeb
}

.conttext p>img {
  display: block;
}

.cont {
  width: 1190px;
  margin: 0 auto;
  display: flex;
}

.cont .c-left {
  width: 222px;
  float: left;
  margin-right: 20px
}

.w-layer,
.related-product,
.related-registered,
.related-vipcompany,
.related-company {
  width: 100%;
  margin-bottom: 20px;
  background: #fff
}

.l-title {
  padding: 0 10px;
  border-bottom: 1px solid #f2f2f2;
  color: #333;
  font-size: 16px;
  font-weight: bold
}

.l-title span,
.l-title h3,
.l-title h2 {
  padding: 0 5px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ff6600;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}

.l-content {
  color: #666
}

.l-content ul.l-txt,
ul.guanzhu {
  border-bottom: 1px dashed #eee;
  padding: 0px 10px;
  position: relative
}

.l-content ul.l-txt li.user-rz,
ul.guanzhu li {
  overflow: inherit;
}

.l-content ul.l-txt li {
  overflow: hidden;
  line-height: 20px;
  padding: 5px 0;
  /* word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis */
}

.l-content ul.l-txt li.company-rz {
  overflow: none
}

.iprz-h,
.blue-h {
  width: 76px;
  position: absolute;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  background-image: url(../img/icon.png?v=2019021402);
  background-position: -146px -82px;
  text-align: center;
  height: 23px;
  line-height: 20px;
  display: none;
  font-style: normal
}

.iprz {
  width: 76px;
  position: absolute;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  background-image: url(../img/icon.png?v=2019021402);
  background-position: -225px -82px;
  text-align: center;
  height: 23px;
  line-height: 20px;
  display: none;
  font-style: normal
}

.blue {
  width: 76px;
  position: absolute;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  background-image: url(../img/icon.png?v=2019021402);
  background-position: -55px -140px;
  text-align: center;
  height: 23px;
  line-height: 20px;
  display: none;
  font-style: normal
}

.gray {
  color: #999
}

i.company:hover .four,
i.company-h:hover .four {
  display: block;
  left: -26px;
  top: -26px
}

i.company {
  width: 23px;
  height: 16px;
  background-position: -54px 0;
  position: relative;
  top: 3px;
  cursor: pointer
}

i.company-h {
  width: 23px;
  height: 16px;
  background-position: -17px -82px;
  position: relative;
  top: 3px;
  cursor: pointer
}

.follow {
  display: inherit;
  border: 1px solid #ff6600;
  text-align: center;
  height: 38px;
  line-height: 38px;
  color: #ff6600;
  text-decoration: none
}

.follow:hover {
  background: #ff6600;
  color: #fff;
  text-decoration: none
}

.l-content ul.none {
  border-bottom: none
}

.l-content ul.none li.shares {
  padding: 10px 0px 10px 10px;
  width: 190px;
}

.l-content ul.none li label {
  width: 70px;
  display: inline-block
}

i.address {
  width: 14px;
  height: 18px;
  background-position: -369px 0px;
  position: relative;
  top: 4px;
  margin-left: 4px;
  cursor: pointer
}

i.address-bot {
  width: 14px;
  height: 18px;
  background-position: -369px 0px;
  position: relative;
  top: 0px;
  margin-left: 4px;
  cursor: pointer
}

i.iphone-h {
  width: 9px;
  height: 16px;
  background-position: 0px -82px;
  position: relative;
  top: 3px;
  margin-right: 4px;
  cursor: pointer
}

i.iphone-h:hover .one,
i.iphone:hover .one {
  display: block;
  left: -30px;
  top: -26px
}

i.iphone {
  width: 9px;
  height: 16px;
  background-position: -147px 0;
  position: relative;
  top: 3px;
  margin-right: 4px;
  cursor: pointer
}

i.personal-h {
  width: 23px;
  height: 16px;
  background-position: -45px -82px;
  position: relative;
  top: 3px;
  margin-right: 4px;
  cursor: pointer
}

i.personal-h:hover .two,
i.personal:hover .two {
  display: block;
  left: -30px;
  top: -26px
}

i.personal {
  width: 23px;
  height: 16px;
  background-position: -115px 0;
  position: relative;
  top: 3px;
  margin-right: 4px;
  cursor: pointer
}

i.weixin-h:hover .three,
i.weixin:hover .three {
  display: block;
  left: -30px;
  top: -26px
}

i.weixin-h {
  width: 23px;
  height: 19px;
  background-position: -103px -82px;
  position: relative;
  top: 5px;
  margin-right: 4px;
  cursor: pointer
}

i.weixin {
  width: 23px !important;
  height: 19px !important;
  background-position: -294px -42px;
  position: relative;
  top: 5px;
  margin-right: 4px;
  cursor: pointer
}

i.email-h:hover .four,
i.email:hover .four {
  display: block;
  left: -30px;
  top: -26px
}

i.email-h {
  width: 23px;
  height: 16px;
  background-position: -73px -82px;
  position: relative;
  top: 3px;
  cursor: pointer;
  margin-right: 4px
}

i.email {
  width: 23px;
  height: 16px;
  background-position: -85px 0;
  position: relative;
  top: 3px;
  cursor: pointer;
  margin-right: 4px
}

i.eye-h:hover .five,
i.eye:hover .five {
  display: block;
  left: -30px;
  top: -26px
}

i.eye-h {
  width: 16px;
  height: 16px;
  background-position: -24px -142px;
  position: relative;
  top: 3px;
  cursor: pointer
}

i.eye {
  width: 16px;
  height: 16px;
  background-position: 0px -142px;
  position: relative;
  top: 3px;
  cursor: pointer
}

.qqred {
  display: inherit;
  border: 1px solid #ff6600;
  text-align: center;
  height: 38px;
  line-height: 38px;
  color: #ff3000;
  text-decoration: none;
  border-radius: 3px;
  margin: 5px auto
}

.qqred:hover {
  background: #ff3000;
  color: #fff;
  text-decoration: none
}

i.qq {
  width: 18px;
  height: 18px;
  background-position: -166px 0;
  position: relative;
  top: 3px;
  margin-right: 10px
}

.qqred:hover i.qq {
  background-position: -208px -42px
}

i.comment {
  width: 20px;
  height: 20px;
  background-position: -235px 0px;
  margin-top: 1px;
  position: relative;
  top: 5px;
  margin-right: 10px
}

.wwblue {
  display: inherit;
  border: 1px solid #46aff9;
  text-align: center;
  height: 38px;
  line-height: 38px;
  color: #46aff9;
  text-decoration: none;
  border-radius: 3px;
  margin: 5px auto
}

.wwblue:hover {
  background: #46aff9;
  color: #fff;
  text-decoration: none
}

i.ww {
  width: 18px;
  height: 20px;
  background-position: -192px 0;
  position: relative;
  top: 3px;
  margin-right: 10px
}

.wwblue:hover i.ww {
  background-position: -237px -42px
}

i.info-i {
  width: 4px;
  height: 4px;
  background-position: -221px -7px;
  position: relative;
  top: -3px;
  margin-right: 10px
}

a.info-a {
  color: #666;
  text-decoration: none
}

a.info-a:hover {
  color: #ff6600;
  text-decoration: none
}

.visitor {
  border-bottom: 1px dashed #eee;
  color: #999
}

.no {
  border-bottom: none
}

.cont .c-right,
.cont .related-box {
  width: 948px;
  float: right
}

.r-title {
  padding: 0 10px 0 18px;
  border-bottom: 1px solid #f2f2f2;
  height: 50px;
  line-height: 50px
}

.r-title h2,
.r-title h1,
.r-title p {
  color: #333;
  font-size: 20px;
  display: inline-block;
}

i.tit {
  width: 11px;
  height: 11px;
  background-position: -267px 0;
  margin-right: 10px
}

.r-title span.eng {
  color: #ddd;
  font-size: 16px;
  font-weight: normal;
  padding-left: 10px
}

.r-title span.more {
  width: 40px;
  overflow: hidden;
  height: 50px;
  font-size: 14px;
  font-weight: normal;
  float: right
}

.r-title span.more a {
  color: #999;
  text-decoration: none
}

.r-title span.more a:hover {
  color: #ff6600
}

.r-content {
  padding: 20px;
  overflow: hidden;
  position: relative;
}

.r-content span.pic {
  width: 300px;
  height: 300px;
  border: 1px solid #ddd;
  padding: 1px;
  display: inline-block;
  margin-right: 15px;
  float: left
}

.r-content span.pic img {
  width: 300px;
  height: 300px
}

.txt {
  text-indent: 2em;
  color: #666;
  margin-bottom: 15px;
  line-height: 24px
}

.txt a {
  color: #ff6600;
  text-decoration: none
}

.txt a:hover {
  text-decoration: underline
}

ul.r-bout {
  padding: 0 12px;
  overflow: hidden
}

ul.r-bout li {
  width: 205px;
  height: 205px;
  float: left;
  padding: 8px 11px
}

ul.r-bout li.none {
  margin-right: 0
}

ul.r-bout li img,
ul.r-latest li img {
  width: 205px;
  height: 205px
}

.s-hl-content .bd-hl-content .title_style_1 {
  height: 48px;
  line-height: 58px;
  font-size: 20px
}

ul.r-latest li img {
  width: 170px;
  height: 170px
}

ul.r-latest {
  padding: 0 6px 10px 18px;
  overflow: hidden
}

ul.r-latest:last-of-type {
  border-bottom: none
}

p.infotitle {
  height: 15px;
  line-height: 15px;
  margin: 10px 0 5px 0;
  overflow: hidden;
  text-align: center;
  width: 170px
}

ul.r-latest li {
  width: 180px;
  float: left;
  padding: 20px 2.4px 0
}

ul.r-latest li.last {
  border-right: none;
  margin-right: 0
}

p.price-con {
  height: 40px;
  line-height: 40px
}

span.prices {
  width: 190px;
  float: left;
  height: 40px;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  color: #ff0000
}

span.cons {
  width: 30px;
  float: right;
  height: 40px;
  text-align: center
}

i.consul {
  width: 20px;
  height: 20px;
  background-position: -264px -42px;
  position: relative;
  top: 6px
}

span.cons:hover i.consul {
  background-position: -235px 0
}

ul.r-latest li a {
  color: #666;
  text-decoration: none
}

ul.r-latest li a:hover {
  color: #ff6600
}

ul.lists,
ul.estee {
  padding: 10px 20px;
  overflow: hidden
}

ul.lists li {
  line-height: 32px
}

ul.lists li .letter {
  width: 800px;
  float: left;
  overflow: hidden;
  height: 32px;
  color: #666
}

ul.lists li .times {
  width: 88px;
  float: right;
  height: 32px;
  color: #ccc;
  padding-left: 20px
}

ul.lists li .newletter {
  width: 744px;
  float: left;
  overflow: hidden;
  height: 32px;
  color: #666
}

ul.lists li .newtimes {
  width: 144px;
  float: right;
  color: #ccc;
  height: 32px;
  padding-left: 20px
}

.sou {
  padding: 10px 20px 12px 20px
}

.sech {
  width: 100%;
  line-height: 20px
}

.sech a {
  color: #333;
  margin: 0 15px
}

.sech a.dang_q {
  color: #ff6600;
  margin: 0 15px
}

.search {
  width: 100%;
  display: inline-block;
  margin-top: 10px
}

.search .se {
  width: 776px;
  border: 2px solid #ddd;
  border-right: none;
  float: left;
  height: 36px;
  line-height: 36px;
  color: #999;
  text-indent: 1em
}

.search .but {
  width: 130px;
  background: #ff6600;
  height: 40px;
  line-height: 40px;
  float: left;
  color: #fff;
  text-align: center;
  border: none;
  font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '黑体', sans-serif;
  font-size: 16px;
  cursor: pointer
}

.search .but:hover {
  background: #f26100
}

ul.estee li {
  width: 290px;
  padding-right: 19px;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  float: left
}

ul.estee li.none {
  padding-right: 0
}

.bread {
  width: 1160px;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 20px;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
  color: #666
}

.bread a {
  color: #666;
  text-decoration: none
}

.bread a:hover {
  color: #ff6600
}

.bread a h3 {
  display: inline-block;
  font-size: 14px;
  font-weight: normal
}

.bottom {
  width: 100%;
  margin: 0 auto;
  background: #222;
  overflow: hidden;
  min-width: 1190px;
}

.bottomcont {
  width: 1190px;
  margin: 0 auto;
  padding: 20px 0px;
  overflow: hidden
}

dl.bottom {
  width: 230px;
  float: left;
  margin-right: 120px;
  height: auto;
  min-width: 230px;
}

dl.bottom dt {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #333;
  color: #999;
  font-size: 16px
}

dl.bottom dd {
  line-height: 30px;
  color: #999;
  background: url(./img/iconbj.jpg) no-repeat 5px 13px;
  padding-left: 20px
}

dl.bottom dd a {
  color: #999
}

.scan {
  width: 140px;
  float: left;
  height: 200px
}

.scan img {
  width: 128px;
  height: 128px;
  border: 1px solid #eee
}

p.scan-iphone {
  width: 128px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  color: #999
}

p.showqr {
  border: solid 1px #FF6600;
  border-radius: 3px;
  color: #FF6600;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 134px;
  margin-bottom: 10px
}

p.showqr:hover {
  background: #ff6600;
  color: #fff;
}

p.shop {
  width: 136px;
  height: 34px;
  line-height: 34px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  background: #ff6600;
  color: #fff
}

p.shop:hover {
  background: transparent;
  border: solid 1px #ff6600;
  color: #ff6600;
  width: 134px;
}

.links {
  width: 100%;
  border-bottom: 1px solid #e8e8e8
}

.linkscont {
  width: 1190px;
  margin: 0 auto;
  padding: 10px 0 10px 0
}

.linksbt {
  height: 30px;
  line-height: 30px;
  color: #000;
  font-size: 16px;
  color: #333
}

.linkes {
  overflow: hidden;
  font-size: 12px
}

.linkes a {
  padding: 0 10px;
  color: #999;
  line-height: 30px;
  overflow: hidden
}

a.fit {
  padding-left: 0
}

.linkes a:hover {
  color: #ff6600
}

font.sx {
  color: #CCC;
  line-height: 30px
}

.footer {
  width: 100%;
  margin: 0 auto;
  height: 60px;
  line-height: 30px;
  text-align: center;
  color: #aaa;
  padding: 10px 0;
  border-top: none;
}

.float {
  position: fixed;
  top: 180px;
  right: 0px;
  _position: absolute
}

.float a {
  color: #ff6600
}

.float a:hover {
  color: #ff6600;
  text-decoration: none
}

.float .floatL {
  position: relative;
  width: 34px;
  float: left
}

.float .floatL a {
  text-indent: -9999px;
  display: block;
  font-size: 0
}

.float .cn {
  background: #fb893d;
  border-radius: 3px
}

.float .floatR {
  width: 150px;
  float: left;
  overflow: hidden
}

.float .cn {}

.float .cn ul.hying {
  padding: 0 10px 10px 10px
}

.float .cn ul.hying li {
  line-height: 40px;
  word-wrap: break-word;
  height: 40px;
  overflow: hidden;
  word-break: normal
}

.float .titZx {
  height: 36px;
  color: #fff;
  text-align: center;
  font-size: 13px
}

ul.consultation {
  padding: 0 5px;
  background: #fff;
  border-radius: 3px;
  font-size: 12px
}

ul.consultation li.online {
  height: 42px;
  line-height: 42px;
  color: #888;
  cursor: pointer;
  border-top: 1px dashed #eee;
}

ul.consultation li:first-of-type {
  border-bottom: 1px solid #ffeadd;
}

i.on-line {
  width: 17px;
  height: 15px;
  background-position: -56px -42px;
  position: relative;
  top: 3px;
  margin-right: 10px
}

ul.consultation li.txqq {
  border-bottom: 1px dashed #eee;
  color: #ff6600
}

i.on-qq {
  width: 20px;
  height: 22px;
  background-position: -339px 0;
  position: relative;
  top: 5px;
  margin-right: 10px
}

i.on-ww {
  width: 22px;
  height: 22px;
  background-position: 0 -42px;
  position: relative;
  top: 5px;
  margin-right: 10px
}

i.on-iphone {
  width: 14px;
  height: 18px;
  background-position: -32px -42px;
  position: relative;
  top: 5px;
  margin-right: 10px
}

i.on-comment {
  width: 20px;
  height: 20px;
  background-position: -264px -42px;
  position: relative;
  top: 5px;
  margin-right: 10px
}

i.on-wxchat {
  width: 24px;
  height: 20px;
  background-position: -293px -42px;
  position: relative;
  top: 5px;
}

ul.consultation li.iphone-number {
  font-size: 13px;
  font-weight: bold;
  color: #fb893d;
  text-align: left;
}

.float .btnOpen {
  background: url(../img/icon.png?v=1) no-repeat
}

.float .btnCtn {
  background: url(../img/icon.png?v=1) no-repeat
}

.float .btnOpen {
  background-position: -361px -42px
}

.float .btnCtn {
  background-position: -327px -42px
}

.float .btnOpen {
  position: relative;
  width: 34px;
  height: 118px;
  TOP: 80px;
  left: 2px
}

.float .btnCtn {
  position: relative;
  width: 34px;
  height: 118px;
  TOP: 80px;
  left: 2px
}

.float .btnOpen {
  top: 8px;
  left: 1px
}

.float .btnCtn {
  top: 8px;
  left: 2px
}

.w-layerpro {
  width: 100%;
  margin-bottom: 20px
}

.bg {
  background: #fff
}

ul.pros {
  background-color: #fff;
  padding: 18px 6px 0 18px;
  overflow: hidden
}

ul.pros li {
  width: 170px;
  border: 1px solid #e8e8e8;
  float: left;
  margin-right: 12px;
  margin-bottom: 20px;
  background: #fff;
  position: relative
}

ul.pros li:hover {
  border: 1px solid #ff7300
}

ul.pros li .pic {
  width: 170px;
  height: 150px;
  position: relative
}

ul.pros li .pic img {
  width: 170px;
  height: 150px
}

.edge {
  margin: 0 8px
}

ul.pros li .offer {
  height: 40px;
  line-height: 40px
}

ul.pros li .offer span.price {
  color: #ff0000;
  white-space: nowrap;
  width: 130px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold
}

ul.pros li .offer span.cons {
  width: 20px;
  height: 20px;
  float: right;
  cursor: pointer
}

ul.pros li h2.titles {
  line-height: 36px;
  height: 36px;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px dashed #eee
}

ul.pros li h2.titles a {
  color: #666;
  text-decoration: none
}

ul.pros li h2.titles a:hover {
  color: #ff7300
}

/*公司视频*/
ul.videolist {
  background-color: #fff;
  padding: 18px 6px 0 18px;
  overflow: hidden
}

ul.videolist li {
  width: 217px;
  border: 1px solid #e8e8e8;
  float: left;
  margin-right: 12px;
  margin-bottom: 20px;
  background: #fff;
  position: relative
}

ul.videolist li:hover {
  border: 1px solid #ff7300
}

ul.videolist li .pic {
  width: 217px;
  height: 150px;
  position: relative
}

ul.videolist li .pic img {
  width: 217px;
  height: 150px
}

ul.videolist li p.titles {
  margin: 0 8px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px dashed #eee
}

ul.videolist li p.titles a {
  color: #666;
  text-decoration: none
}

ul.videolist li p.titles a:hover {
  color: #ff7300
}

ul.videolist li .pic a span {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 30px;
  position: absolute;
  top: 60px;
  left: 93px;
  text-align: center;
}

ul.videolist li .pic a span i {
  width: 0px;
  height: 0px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 6px;
  display: inline-block;
  position: relative;
  left: 5px;
  top: 7px;
}


.pages {
  text-align: center;
  width: 948px;
  margin: 30px auto;
  overflow: hidden
}

.pages a.numb {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e8e8e8;
  color: #666;
  margin: 0 5px;
  background: #fff;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px
}

.pages a.numb-cur {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ff7300;
  color: #fff;
  margin: 0 5px;
  background: #ff7300;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  cursor: default
}

.pages a.numb:hover,
.pages a.nextpage:hover {
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  color: #666;
  border-radius: 3px
}

.pages a.nextpage {
  width: 72px
}

.pages a.pag {
  width: 72px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e8e8e8;
  color: #666;
  margin: 0 5px;
  background: #fff;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px
}

a.first-but {
  background: #f8f8f8
}

.pages span.text {
  color: #999;
  padding: 0 5px
}

.pag-input {
  height: 26px;
  width: 36px;
  border: 1px solid #aaa;
  padding: 2px;
  text-align: center
}

.data {
  width: 700px;
  float: left;
  color: #666
}

.data p.com-name {
  font-size: 26px;
  padding-bottom: 10px;
  overflow: hidden
}

ul.con-txt li,
ul.add-txt li {
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

ul.con-txt li label {
  width: 80px;
  text-align: left;
  float: left
}

ul.add-txt li label {
  width: 80px;
  text-align: right
}

.com-logo {
  width: 178px;
  height: 178px;
  float: right;
  border: 1px solid #ddd
}

.com-logo img {
  width: 178px;
  height: 178px
}

p.com-detailed {
  width: 100%;
  float: left;
  margin-top: 15px;
  height: 32px;
  line-height: 32px;
  background: #e9e9e9;
  color: #666;
  text-indent: 0.6em;
  font-size: 16px
}

ul.detailed {
  padding: 10px 0;
  color: #666;
  overflow: hidden;
  display: inline-block
}

ul.detailed li {
  width: 440px;
  text-indent: 0.6em;
  padding-right: 14px;
  height: 32px;
  line-height: 32px;
  float: left;
  overflow: hidden
}

ul.listnews li {
  border-bottom: 1px dashed #ddd;
  margin-bottom: 15px
}

ul.listnews li:last-of-type {
  border-bottom: none;
  margin-bottom: 0
}

ul.listnews li p.subject {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  color: #333
}

ul.listnews li h1.subject {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  color: #333
}

ul.listnews li p.subject a,
ul.listnews li h1.subject a {
  color: #333;
  text-decoration: none
}

ul.listnews li p.subject a:hover,
ul.listnews li h1.subject a:hover {
  color: #ff6600
}

ul.listnews li p.web {
  line-height: 24px;
  text-indent: 2em;
  color: #666;
  padding: 15px 0
}

ul.listnews li p.web a {
  color: #ff6600;
  text-decoration: none
}

i.add {
  width: 16px;
  height: 20px;
  background-position: -90px -42px;
  position: relative;
  top: 3px;
  margin-right: 10px
}

i.gwang {
  width: 18px;
  height: 15px;
  background-position: -121px -42px;
  position: relative;
  top: 3px;
  margin-right: 10px
}

i.telep {
  width: 18px;
  height: 14px;
  background-position: -151px -42px;
  position: relative;
  top: 2px;
  margin-right: 10px
}

i.fax {
  width: 18px;
  height: 16px;
  background-position: -181px -42px;
  position: relative;
  top: 3px;
  margin-right: 10px
}

.site {
  width: 100%;
  color: #666;
  display: inline-block;
}

.map {
  padding: 15px
}

ul.city-add {
  padding: 10px 20px;
  overflow: hidden
}

ul.city-add li {
  width: 440px;
  padding-right: 28px;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  float: left
}

ul.city-add li.none {
  padding-right: 0
}

.news-bot {
  line-height: 32px;
  font-size: 12px;
  color: #ccc
}

.news-top {
  line-height: 40px;
  font-size: 12px;
  color: #ccc;
  border-bottom: 1px dashed #eee
}

span.new-l {
  float: left;
  padding-right: 20px
}

span.new-r {
  float: right
}

.news-title {
  text-indent: 2em
}

ul.add-txt li a {
  color: #666
}

ul.add-txt li {
  color: #666
}

ul.add-txt li label {
  color: #999
}

div.com-detailed {
  width: 100%;
  float: left;
  margin-top: 15px;
  height: 32px;
  line-height: 32px;
  background: #e9e9e9;
  color: #666;
  text-indent: 0.6em
}

table {
  width: 100%;
  background-color: #efefef
}

.r-content tr {
  width: 100%;
  height: 34px;
  line-height: 34px
}

td {
  color: #666;
  background-color: #fff;
  padding-left: 10px
}

.pop_bg td {
  padding-left: 0
}

td span {
  display: inline-block;
  width: 120px;
  border-right: 1px solid #efefef;
  margin-right: 20px;
  text-align: center
}

td font {
  display: inline-block;
  height: 34px;
  overflow: hidden;
  width: 740px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap
}

.faicon {
  width: 34px;
  height: 46px;
  display: inline-block;
  position: relative;
  top: 12px;
  margin-left: 5px;
  outline: none
}

.fatshi {
  display: inline-block;
  position: relative;
  margin-left: 10px
}

.fatsicon {
  position: absolute;
  width: 8px;
  height: 12px;
  background-position: 0 -121px;
  top: 30px;
  left: -7px
}

.fatext {
  color: #ff6600;
  border: 1px solid #ff6600;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
  text-indent: 5px
}

.tguo {
  float: right;
  color: #ff6600;
  font-size: 14px;
}

.vipbox {
  width: 50px;
  height: 60px;
  text-align: center;
  color: #666;
  font-size: 11px;
  position: relative;
  top: -5px;
  display: inline-block;
}

.vipicon {
  width: 50px;
  height: 60px;
}

.vipicon a {
  display: inline-block;
  height: 40px;
}

.vipicon a img {
  width: 50px;
  height: 40px;
}

.vipyears {
  font-family: 微软雅黑;
  color: #666;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  margin-top: -19px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center;
}

.vipyears font {
  color: #d82502;
}

.you {
  width: 32px;
  height: 43px;
  display: inline-block;
  cursor: pointer;
  margin: 0 10px;
  position: relative;
  top: -11px;
}

.soubw {
  width: 39px;
  height: 42px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: -8px;
  left: 5px;
}

ul.zizhi,
ul.zizhi_index {
  width: 100%;
  float: left;
}

ul.zizhi li,
ul.zizhi_index li {
  padding-bottom: 20px;
  width: 50%;
  float: left;
}

ul.zizhi_index li {
  line-height: 26px;
}

ul.zizhi li:last-of-type {
  height: auto;
}

ul.zizhi li label,
ul.zizhi_index li label {
  width: 100px;
  text-align: right;
  font-size: 16px;
  color: #888;
  float: left;
}

ul.zizhi li span,
ul.zizhi_index li span {
  color: #333;
  float: left;
  font-size: 16px;
  width: 330px;
}

ul.zizhi_index li span {
  height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 26px;
}

.zhang {
  width: 197px;
  height: 148px;
  background: url(./zhang.png?v=2020);
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 30px;
}

.c_logo {
  width: 90px;
  height: 60px;
  float: left;
  margin-top: 18px;
  margin-right: 10px;
}

.c_logo img {
  width: 90px;
  height: 60px;
}

i.eyelogo {
  width: 70px;
  height: 20px;
  background: url(./eyes.png) no-repeat;
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 5px
}

.eyecheck {
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #999;
  padding-bottom: 5px;
  border-top: 1px solid #f4f4f4;
}

.eyecheck a {
  color: #0084ff;
  text-decoration: none;
}

.eyecheck a:hover {
  text-decoration: underline;
}

ul.lyb {
  padding: 10px 20px;
  overflow: hidden;
}

ul.lyb li {
  display: inline-block;
  margin: 2px 0;
}

ul.lyb li label {
  width: 100px;
  text-align: left;
  font-size: 14px;
  line-height: 36px;
  color: #666;
  float: left;
}

ul.lyb li label .red {
  color: #ff0000;
}

ul.lyb li .tarea {
  width: 658px;
  height: 48px;
  border: 1px solid #e6e6e6;
  float: left;
  color: #666;
  line-height: 26px;
  font-size: 14px;
  padding: 5px 0;
}

ul.lyb li .input {
  width: 638px;
  height: 36px;
  border: 1px solid #e6e6e6;
  float: left;
  color: #666;
  text-indent: 8px;
}

ul.lyb li .lybutn {
  width: 126px;
  height: 36px;
  border: 1px solid #ff6600;
  background-color: #ff6600;
  float: left;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  margin-left: 100px;
  font-size: 14px;
}

span.tishi {
  color: #ff0000;
  font-size: 12px;
  margin-left: 15px;
  line-height: 42px;
  display: none;
}

#smsli {
  display: none;
  margin-bottom: 5px;
}

.sub_txt {
  font-size: 13px;
  color: #bbb;
  padding-left: 10px;
  line-height: 38px;
}

.footer a {
  color: #999;
}

.footer font {
  color: #666
}

#shade2 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 999;
  display: none;
}

#layer2 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -314px !important;
  margin-left: -190px;
  z-index: 99999;
}

#post_main2 {
  display: none;
  width: 684px;
  height: 400px;
  border: medium none;
  overflow: hidden;
}

.ml5 {
  margin-left: 5px;
}

#noads {
  float: right;
  position: absolute;
  top: 100px;
  right: 20px;
}

.diqu {
  height: 30px;
  line-height: 30px;
  margin-top: 6px;
}

.diqu span {
  color: #000;
  font-size: 14px;
}

.bdad8 {
  padding: 0 0 10px 12px;
  margin-top: -10px;
}

.hideit {
  display: none;
}

#aaction {
  float: left;
  margin-left: 10px;
}

.bdad0 {
  margin: 10px auto 10px auto;
  overflow: hidden;
  width: 1190px;
}

/*动态*/

ul.leftdt li {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

ul.leftdt li a {
  color: #333;
  text-decoration: none;
}

.gsdtbox {
  height: 40px;
  border-bottom: 1px solid #e6e6e6;
}

ul.dtlist {
  padding: 10px;
  overflow: hidden;
}

ul.dtlist li {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0px;
}

.left_dpic {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 10px;
}

ul.dtlist li a {
  text-decoration: none;
}

ul.dtlist li a p.dt_name,
ul.dtlist li a:hover p.dt_name {
  color: #333;
  text-decoration: none;
}

ul.dtlist li a p.dt_text,
ul.dtlist li a:hover p.dt_text {
  color: #666;
  text-decoration: none;
}

.left_dpic img {
  width: 120px;
  height: 120px;
  border-radius: 5px;
}

p.dt_name {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
}

p.dt_text {
  height: 90px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
  color: #666;
}

.nextupbox {
  width: 100%;
  margin: 0 auto;
  display: flex;
  font-size: 14px;
  color: #333;
  padding-top: 15px;
}

.leftup {
  flex: 1;
  overflow: hidden;
  color: #666;
  text-decoration: none;
}

.rightnext {
  flex: 1;
  overflow: hidden;
  color: #666;
  text-decoration: none;
  text-align: right;
}

a.leftup:hover,
a.rightnext:hover {
  color: #ff6600;
  text-decoration: none;
}

ul.pro_video {
  overflow: hidden;
  width: 908px;
  margin: 0 auto;
  padding: 0 20px;
}

ul.pro_video li {
  width: 444px;
  margin-right: 20px;
  float: left;
  overflow: hidden;
  padding: 10px 0px;
}

ul.pro_video li:last-of-type {
  margin-right: 0px;
}

.videobox {
  width: 444px;
  height: 200px;
}

.videobox video {
  width: 100%;
  max-width: 444px;
  height: 200px;
}

ul.pro_video li a {
  font-size: 14px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
}

/*itemcontact*/
.itemcontact {
  overflow: hidden;
}

.contactwrap {
  background: #fff;
  overflow: hidden;
}

.topwrap {
  overflow: hidden;
  border-bottom: 1px solid #e6e6;
}

.l_wrap {
  width: 120px;
  float: left;
}

.namebox {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.namebox span {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.namebox a.aliwang {
  width: 18px;
  height: 20px;
  display: inline-block;
  background-position: -192px 0px;
  position: relative;
  top: 4px;
}

.namebox a.checkcontact {
  color: #ff6600;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  display: inherit;
}

.bottomwrap {
  overflow: hidden;
}

.contactbox {
  padding-left: 15px;
  padding-bottom: 10px;
  color: #333;
}

.contactbox p {
  padding: 5px 0px;
}

.contactbox span.sjnumber,
.contactbox span.txqq,
.contactbox span.zjnumber {
  padding-right: 10px;
}

.contactbox span.sjnumber i,
.contactbox span.txqq i,
.contactbox span.zjnumber i {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 3px;
}

.contactbox span.sjnumber i {
  background: url(../../../images/item/sjnumber.png);
}

.contactbox span.txqq i {
  background: url(../../../images/item/txqq.png);
}

.contactbox span.zjnumber i {
  background: url(../../../images/item/zjnumber.png);
}

.r_wrap {
  width: 80px;
  float: right;
  position: relative;
  cursor: pointer;
}

a.wechatbox {
  width: 70px;
  background: #2ba917;
  color: #fff;
  float: right;
  text-align: center;
  height: 60px;
}

.r_wrap i.wechat {
  display: inline-block;
  border-style: solid;
  border-width: 5px;
  border-color: transparent #2ba917 transparent transparent;
  position: absolute;
  left: 0px;
  top: 40%;
}

a.wechatbox i.wxicon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(../../../images/item/wx/weixinpic.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: 0px;
  top: 10px;
}

a.wechatbox p {
  height: 20px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}

.zixunbutn {
  padding: 10px 0px 10px 0;
  overflow: hidden;
  text-align: center;
}

.zixunbutn a {
  height: 40px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  border-radius: 5px;
}

.zixunbutn a.hqbaojia {
  width: 92px;
  background: #ff6600;
  color: #fff;
  margin-right: 10px;
}

.zixunbutn a.hqbaojia:hover {
  background: #ec5e00;
}

.zixunbutn a.zxzixun {
  width: 90px;
  background: #fff;
  border: 1px solid #ff6600;
  color: #ff6600;
}

.zixunbutn a.zxzixun:hover {
  background: #ff6600;
  color: #fff;
}

.checkdj {
  font-size: 12px;
  color: #ff6600;
  cursor: pointer;
}




.ad-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4px;
}

.item {
  width: 152px;
}

.item .img {
  width: 100%;
  height: 152px;
}

.item .title {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* 全局盒模型统一，所有元素自动内缩不撑宽 */
* {
  box-sizing: border-box;
}

/* 平板、大屏手机 宽度≤1190px */
@media screen and (max-width: 1190px) {

  /* 头部、导航取消最小固定宽度 */
  .headercont,
  .nav,
  .nav-fa,
  .bottom,
  .links {
    min-width: 100%;
  }

  .header,
  .nav ul.meun,
  .nav-fa ul.meun,
  .banner,
  .cont,
  .bread,
  .bottomcont,
  .linkscont,
  .bdad0 {
    width: 100%;
    padding: 0 12px;
  }

  .banner img {
    width: 100%;
    height: auto;
  }

  /* 头部改为垂直居中堆叠 */
  .header .c_logo {
    float: none;
    margin: 10px auto;
    display: block;
  }

  .header .title {
    width: 100%;
    display: block;
    text-align: center;
  }

  .header .title .big h1 {
    font-size: 22px;
  }

  .header .title p.small {
    width: 100%;
    float: none;
  }

  .header .right {
    float: none;
    text-align: center;
    padding: 10px 0;
  }

  .header .right .telephone {
    float: none;
  }

  /* 导航横向滚动不挤压 */
  .nav ul.meun {
    overflow-x: auto;
    white-space: nowrap;
  }

  .nav ul.meun li {
    width: auto;
    padding: 0 12px;
  }

  .nav-fa ul.meun {
    flex-wrap: wrap;
  }

  .nav-fa ul.meun a {
    max-width: unset;
    padding: 0 8px;
    font-size: 13px;
  }

  /* 主体左右栏上下排列 */
  .cont {
    flex-direction: column;
  }

  .cont .c-left,
  .cont .c-right,
  .cont .related-box {
    width: 100% !important;
    float: none;
    margin-right: 0;
  }

  .cont .c-left {
    margin-bottom: 20px;
  }

  /* 详情大图自适应 */
  .r-content span.pic {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto 15px;
  }

  .r-content span.pic img {
    width: 100%;
    height: auto;
  }

  /* 商品列表平板2列 */
  ul.r-latest,
  ul.pros,
  ul.videolist {
    padding: 0 6px;
  }

  ul.r-latest li,
  ul.pros li,
  ul.videolist li {
    width: calc(50% - 12px);
  }

  ul.r-latest li img,
  ul.pros li .pic,
  ul.videolist li .pic img {
    width: 100%;
    height: auto;
  }

  /* 搜索框自适应 */
  .search .se {
    width: calc(100% - 130px);
  }

  /* 分页自适应宽度 */
  .pages {
    width: 100%;
  }

  /* 底部栏目纵向排列 */
  dl.bottom {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .scan {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 15px;
  }

  /* 广告容器全部铺满 */
  .ad960head,
  .adtop,
  .slideBox {
    width: 100%;
  }

  .slideBox .bd img {
    width: 100%;
    height: auto;
  }

  .bd_ad,
  .bd_ad2,
  .bd_ad3,
  .sg_ad1,
  .sg_ad2,
  .sg_ad3,
  .gg_ad,
  #xiangguan {
    width: 100%;
  }

  .gg_ad1 {
    float: none;
    margin-bottom: 10px;
  }

  /* 悬浮侧边广告缩小 */
  .float .floatR {
    width: 120px;
  }
}

/* 手机端适配 ≤768px */
@media screen and (max-width: 768px) {
  .header .title .big h1 {
    font-size: 18px;
  }

  .header .right .telephone {
    font-size: 20px;
  }

  /* 商品列表手机单列 */
  ul.r-latest li,
  ul.pros li,
  ul.videolist li {
    width: 100%;
    margin-right: 0;
  }

  /* 搜索框换行铺满 */
  .search {
    display: flex;
    flex-direction: column;
  }

  .search .se {
    width: 100%;
  }

  .search .but {
    width: 100%;
    margin-top: 8px;
  }

  /* 内容内边距缩小 */
  .r-content {
    padding: 12px;
  }

  .r-title {
    padding: 0 12px;
  }

  /* 列表文字自适应 */
  ul.lists li .letter,
  ul.lists li .newletter {
    width: calc(100% - 90px);
  }

  /* 按钮全屏宽 */
  .qqred,
  .wwblue,
  .follow {
    width: 100%;
    display: block;
  }

  /* 面包屑缩小字体 */
  .bread {
    width: 100%;
    font-size: 12px;
  }

  /* 底部文字紧凑 */
  #footer .t,
  .relevant {
    line-height: 24px;
    font-size: 12px;
  }

  .relevant a {
    padding-right: 6px;
  }

  #xiangguan .next_button {
    width: 100%;
  }

  /* 移动端隐藏侧边悬浮广告 */
  .float {
    display: none !important;
  }

  .guoqi {
    display: none;
  }
}



/* 平板、大屏手机 宽度≤1190px */
@media screen and (max-width: 1190px) {

  /* 头部、导航取消最小固定宽度 */
  .headercont,
  .nav,
  .nav-fa,
  .bottom,
  .links {
    min-width: 100%;
  }

  .header,
  .nav ul.meun,
  .nav-fa ul.meun,
  .banner,
  .cont,
  .bread,
  .bottomcont,
  .linkscont,
  .bdad0 {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }

  .banner img {
    width: 100%;
    height: auto;
  }

  /* 头部改为垂直居中堆叠 */
  .header .c_logo {
    float: none;
    margin: 10px auto;
    display: block;
  }

  .header .title {
    width: 100%;
    display: block;
    text-align: center;
  }

  .header .title .big h1 {
    font-size: 22px;
  }

  .header .title p.small {
    width: 100%;
    float: none;
  }

  .header .right {
    float: none;
    text-align: center;
    padding: 10px 0;
  }

  .header .right .telephone {
    float: none;
  }

  /* ==========主导航修复：不再横向滚动，自动换行========== */
  .nav ul.meun {
    overflow-x: visible;
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    height: auto !important;
  }

  .nav ul.meun li {
    width: auto !important;
    padding: 0 10px;
  }

  .nav ul.meun a {
    border-right: none;
  }

  .nav-fa ul.meun {
    flex-wrap: wrap;
  }

  .nav-fa ul.meun a {
    max-width: unset;
    padding: 0 8px;
    font-size: 13px;
  }

  /* 主体左右栏改为上下堆叠 */
  .cont {
    flex-direction: column;
  }

  .cont .c-left,
  .cont .c-right,
  .cont .related-box {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  .cont .c-left {
    margin-bottom: 20px;
  }

  /* 详情大图自适应 */
  .r-content span.pic {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto 15px;
  }

  .r-content span.pic img {
    width: 100%;
    height: auto;
  }

  /* 商品列表平板2列 */
  ul.r-latest,
  ul.pros,
  ul.videolist {
    padding: 0 6px;
  }

  ul.r-latest li,
  ul.pros li,
  ul.videolist li {
    width: calc(50% - 12px);
  }

  ul.r-latest li img,
  ul.pros li .pic,
  ul.videolist li .pic img {
    width: 100%;
    height: auto;
  }

  /* 搜索框自适应 */
  .search .se {
    width: calc(100% - 130px);
  }

  /* 分页自适应宽度 */
  .pages {
    width: 100%;
  }

  /* 底部栏目纵向排列 */
  dl.bottom {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .scan {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 15px;
  }

  /* 广告容器全部铺满 */
  .ad960head,
  .adtop,
  .slideBox {
    width: 100%;
  }

  .slideBox .bd img {
    width: 100%;
    height: auto;
  }

  .bd_ad,
  .bd_ad2,
  .bd_ad3,
  .sg_ad1,
  .sg_ad2,
  .sg_ad3,
  .gg_ad,
  #xiangguan {
    width: 100%;
  }

  .gg_ad1 {
    float: none;
    margin-bottom: 10px;
  }

  /* 悬浮侧边广告缩小 */
  .float .floatR {
    width: 120px;
  }

  /* 内部固定宽元素全部自适应铺满 */
  #mainbox_l .titlehead,
  #mainbox_l .titleheadin,
  #mainbox_l .title,
  #mainbox_l .title_ad,
  #mainbox_l .titlebottom,
  #mainbox_l .titletop,
  #mainbox_l .title_hover,
  #mainbox_l .content,
  #mainbox_l .moreinfo,
  #show_info_out,
  #show_info,
  #show_title,
  #mainbox_l .map,
  .pic,
  .google_ad,
  .lianxi,
  .lianxi_qq,
  .ware {
    width: 100% !important;
    box-sizing: border-box;
  }

  .pic_list {
    width: 100%;
    padding: 5px;
  }

  .pic img,
  .google_ad img {
    max-width: 100%;
    height: auto;
  }

  /* 修复联系人文字不隐藏、自动换行 */
  .moreinfo {
    overflow: visible !important;
    margin-bottom: 15px !important;
  }

  .lianxi {
    white-space: normal !important;
    overflow: visible !important;
  }

  .tishi {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    white-space: normal !important;
    word-break: break-all;
    margin-top: 4px;
  }

  /* 安全提示框ware消除重叠，完整显示文字 */
  .ware {
    white-space: normal !important;
    word-break: break-all;
    overflow: visible !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    line-height: 1.6 !important;
  }

  /* 列表条目弹性适配 */
  #mainbox_l .title_pic {
    float: none;
    display: inline-block;
  }

  #mainbox_l .title_in {
    width: calc(100% - 80px);
  }

  #mainbox_l .time {
    width: auto;
    float: none;
    text-align: left;
    padding-left: 15px;
  }

  /* 右侧侧边栏100%宽 */
  #mainbox_r .user,
  #mainbox_r .ads,
  #mainbox_r .middle,
  #mainbox_r .middle_,
  #mainbox_r .middle2,
  #mainbox_r .tuijian,
  #mainbox_r .title_r {
    width: 100%;
    box-sizing: border-box;
  }

  #mainbox_r .title_r_in {
    width: calc(100% - 70px);
  }

  #mainbox_r .title_r_pic img {
    width: 60px;
    height: auto;
  }
}

/* 手机端 ≤768px 紧凑优化 */
@media screen and (max-width: 768px) {
  .header .title .big h1 {
    font-size: 18px;
  }

  .header .right .telephone {
    font-size: 20px;
  }

  /* 导航字体缩小 */
  .nav ul.meun li {
    font-size: 13px;
    padding: 0 6px;
  }

  /* 商品列表手机单列 */
  ul.r-latest li,
  ul.pros li,
  ul.videolist li {
    width: 100%;
    margin-right: 0;
  }

  /* 搜索框换行 */
  .search {
    display: flex;
    flex-direction: column;
  }

  .search .se {
    width: 100%;
  }

  .search .but {
    width: 100%;
    margin-top: 8px;
  }

  /* 内容内边距缩小 */
  .r-content {
    padding: 12px;
  }

  .r-title {
    padding: 0 12px;
  }

  /* 列表文字自适应 */
  ul.lists li .letter,
  ul.lists li .newletter {
    width: calc(100% - 90px);
  }

  /* 按钮铺满 */
  .qqred,
  .wwblue,
  .follow {
    width: 100%;
    display: block;
  }

  /* 面包屑缩小 */
  .bread {
    width: 100%;
    font-size: 12px;
  }

  /* 底部文字紧凑 */
  #footer .t,
  .relevant {
    line-height: 24px;
    font-size: 12px;
  }

  .relevant a {
    padding-right: 6px;
  }

  #xiangguan .next_button {
    width: 100%;
  }

  /* 隐藏侧边悬浮 */
  .float {
    display: none !important;
  }

  .guoqi {
    display: none;
  }

  /* 图片尺寸适配 */
  #mainbox_l .title_pic img {
    width: 60px;
    height: auto;
    margin: 10px 0 5px 10px;
  }

  #mainbox_l .title_in {
    width: calc(100% - 70px);
  }

  #mainbox_l .title_in strong {
    font-size: 15px;
  }

  /* 联系栏换行 */
  .lianxi_l,
  .lianxi_r {
    float: none;
    width: 100%;
  }

  /* 手机号放大醒目 */
  .title_v {
    font-size: 20px;
    font-weight: bold;
    color: #ff6600;
  }

  /* 手机提示文字单独换行 */
  .tishi {
    display: block !important;
    margin-top: 6px;
    font-size: 13px;
  }

  /* 安全提示内边距 */
  .ware {
    padding: 12px !important;
    font-size: 14px;
  }
}

/* 广告模块：PC正常排布，手机横向左右滑动 */
.ad-wrap {
  width: 1190px;
  margin: 0 auto;
  position: relative;
  margin-top: 8px;
}

.ad-box {
  display: flex;
  gap: 10px;
}

.ad-box .item {
  width: 152px;
  flex-shrink: 0;
}

.ad-box .img {
  width: 100%;
  height: auto;
  display: block;
}

.ad-box .title {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 平板/手机广告横向滑动 */
@media screen and (max-width: 1190px) {
  .ad-wrap {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    margin-top: 8px;
  }

  .ad-box {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .ad-box::-webkit-scrollbar {
    display: none;
  }

  .ad-box .item {
    width: 152px;
  }
}

/* 新闻列表自适应样式 */
.r-latest {
  background: #fff;
  padding-right: 0 !important;
}

.r-latest .title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 12px;
  border-bottom: 1px solid #F5F5F5;
  text-decoration: none;
  transition: background 0.2s;
}

.r-latest .title:hover {
  background: #FAFAFA;
}

.r-latest .title_pic {
  flex: 0 0 90px;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 3px;
}

.r-latest .title_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.r-latest .title_in {
  flex: 1;
  overflow: hidden;
}

.r-latest .title_in strong {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

.r-latest .title_in strong:hover {
  color: #ff6600;
}

.r-latest .fname {
  font-size: 13px;
  color: #999;
  margin-top: 6px;
  display: block;
}

.r-latest .showarea {
  font-size: 13px;
  color: #999;
  margin-top: 4px;
  display: block;
}

.r-latest .time {
  flex: 0 0 85px;
  font-size: 12px;
  color: #999;
  text-align: right;
  padding-top: 3px;
}

@media screen and (max-width: 768px) {
  .r-latest .title {
    flex-direction: column;
    padding: 12px 10px;
    gap: 10px;
  }

  .r-latest .title_pic {
    flex: unset;
    width: 100%;
    height: 170px;
  }

  .r-latest .time {
    text-align: left;
    padding-top: 0;
  }

  .r-latest .title_in strong {
    font-size: 15px;
  }
}

/* 新闻列表 自适应新版 匹配你当前HTML结构 */
.r-latest {
  background: #fff;
  padding-right: 0 !important;
}

.r-latest .title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 12px;
  border-bottom: 1px solid #F5F5F5;
  text-decoration: none;
  transition: background 0.2s;
}

.r-latest .title:hover {
  background: #FAFAFA;
}

/* 左侧图片 */
.r-latest .title_pic {
  flex: 0 0 90px;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 3px;
}

.r-latest .title_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 中间文字区域 */
.r-latest .title_in {
  flex: 1;
  overflow: hidden;
}

.r-latest .title_in strong {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

.r-latest .title_in strong:hover {
  color: #ff6600;
}

.r-latest .fname {
  font-size: 13px;
  color: #999;
  margin-top: 6px;
  display: block;
}

.r-latest .showarea {
  font-size: 13px;
  color: #999;
  margin-top: 4px;
  display: block;
}

/* 右侧日期固定宽度 */
.r-latest .time {
  flex: 0 0 85;
  font-size: 12px;
  color: #999;
  text-align: right;
  padding-top: 3px;
}

/* 手机端适配 768px以下自动垂直排列 */
@media screen and (max-width: 768px) {
  .r-latest .title {
    flex-direction: column;
    padding: 12px 10px;
    gap: 10px;
  }

  .r-latest .title_pic {
    flex: unset;
    width: 100%;
    height: 170px;
  }

  .r-latest .time {
    text-align: left;
    padding-top: 0;
  }

  .r-latest .title_in strong {
    font-size: 15px;
  }
}