@charset "utf-8";
/*AVAIBLE_VI
[
{"vicolor":"#e1ab6d","sub1color":"#7a0014"},
{"vicolor":"#005BAB","sub1color":"#094A70"},
{"vicolor":"#AFD5DC","sub1color":"#39474B"},
{"vicolor":"#EC5B00","sub1color":"#3A3A3A"}
]
AVAIBLE_VI*/
.message .mess_su_sub,
.message .message_button input {
  background-color: #e1ab6d;
}
html {
  color: #000;
  background: #ffffff;
}
body {
  color: #666;
  font: 12px/1.231 arial, helvetica, clean, sans-serif, "宋体";
}
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
optgroup,
strong,
th,
var {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
q:after,
q:before {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
button,
input,
optgroup,
option,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
select {
  vertical-align: middle;
}
button,
input,
select,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}
table {
  font-size: inherit;
  border-collapse: collapse;
}
code,
kbd,
pre,
samp,
tt {
  font-family: monospace;
  line-height: 100%;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
a {
  color: #666;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover {
  text-decoration: underline;
}
h2 a:hover {
  text-decoration: none;
}
em,
i,
s {
  font-style: normal;
  text-decoration: none;
}
i {
  cursor: pointer;
}
input,
textarea {
  outline: 0;
}
textarea {
  resize: none;
}
.vam {
  vertical-align: middle;
}
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.clearfix:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.center {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
body {
  word-break: break-all;
  min-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.content,
.footer,
.header {
  width: 1200px;
  margin: 0 auto;
}
/*CSS_DELETE_START*/
/*头部样式*/
.tb {
  height: 109px;
  background: url(../images/tbbg.jpg) no-repeat center top;
  background-size: 1920px 109px;
}
.tb div.header {
  position: relative;
  height: 109px;
}
.tb h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: table;
  min-height: 109px;
  left: 0;
  top: 0;
  z-index: 888;
}
.tb h1 span {
  display: table-cell;
  vertical-align: middle;
}
.tb h1 img {
  max-width: 220px;
  max-height: 216px;
  display: inline-block;
}
.tbx {
  float: right;
  width: 998px;
  height: 109px;
  font-size: 32px;
  margin-top: 46px;
}
.tbx h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: "黑体";
  color: #e1ab6d;
  line-height: 40px;
}
.tbx p {
  font-size: 26px;
  line-height: 32px;
}
.tb_top {
  height: 39px;
  font-size: 12px;
  color: #fff;
  line-height: 38px;
  text-align: right;
  overflow: hidden;
}
.tb_top a {
  color: #ffffff;
}
.tb_top span {
  margin: 0 10px;
  display: inline-block;
}
.t-nav {
  height: 70px;
  padding-left: 222px;
  overflow: hidden;
}
.t-nav li {
  float: left;
}
.t-nav li a {
  display: block;
  height: 70px;
  font: 16px/70px "Microsoft Yahei";
  color: #332c2b;
  padding: 0 26px;
}
.t-nav li a:hover,
.t-nav li.cur a {
  background-color: #e1ab6d;
  color: #ffffff;
}
/*底部样式*/
.db {
  height: 196px;
  background: url(../images/f_bj.jpg) no-repeat center top;
  background-size: 1920px 276px;
  padding: 40px 0;
}
.db h3 {
  float: left;
  height: 196px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: table;
}
.db h3 span {
  display: table-cell;
  vertical-align: middle;
}
.db h3 img {
  max-width: 290px;
  max-height: 196px;
  display: inline-block;
}
.dbot {
  float: left;
  width: 645px;
  padding: 53px 0 0 55px;
}
.dbot p {
  font: 14px/30px "Microsoft Yahei";
  color: #ffffff;
}
.dbot p a {
  color: #ffffff;
}
.dbot p em,
.dbot p span {
  display: inline-block;
}
.dbot p em {
  padding-left: 20px;
}
.dbx2 {
  float: right;
  width: 180px;
  padding-top: 23px;
}
.dbx2 p {
  float: left;
  width: 109px;
}
.dbx2 p.cod {
  margin-right: 10px;
}
.dbx2 p em,
.dbx2 p span {
  display: block;
}
.dbx2 p span {
  height: 109px;
}
.dbx2 p span img {
  width: 109px;
  height: 109px;
}
.dbx2 p em {
  height: 40px;
  font: 14px/40px "Microsoft Yahei";
  color: #fff;
  text-align: center;
}
.banner {
  display: block;
  height: 630px;
  background: url(../images/bannera1.jpg) no-repeat center;
  background-size: 1920px 630px;
}
.sidebar {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 99;
  width: 50px;
}
.sidebar-itme {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
  position: relative;
}
.sidebar-itme:hover span {
  display: block;
}
.sidebar-itme span {
  display: none;
  width: 66px;
  height: 24px;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 24px;
  border-radius: 4px;
  background-color: #eee;
  position: absolute;
  right: 54px;
  top: 50%;
  margin-top: -12px;
}
.sidebar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #e1ab6d;
  overflow: hidden;
}
.sidebar .fh {
  display: none;
}
/*CSS_DELETE_END*/
/*技术介绍*/
.show {
  padding: 100px 0;
}
.show li {
  float: left;
  width: 230px;
  padding: 0 46px;
  border-right: 1px solid #d9d9d9;
}
.show li.pl0 {
  padding-left: 0;
}
.show li.pr0 {
  padding-right: 0;
  border-right: 0;
}
.show li em,
.show li span {
  display: block;
}
.show li span {
  width: 175px;
  height: 175px;
  margin: 0 auto;
}
.show li span img {
  width: 175px;
  height: 175px;
  border-radius: 50%;
}
.show li em {
  max-height: 56px;
  font: 18px/28px "Microsoft Yahei";
  color: #666;
  text-align: center;
  padding-top: 15px;
  overflow: hidden;
}
/*产品展示*/
.tuan {
  height: 415px;
  background: url(../images/dzhi0.png) no-repeat center top;
  background-size: 1920px 415px;
}
.tuan h2 {
  padding-top: 80px;
  text-align: center;
}
.tuan h2 em,
.tuan h2 span,
.tuan h2 strong {
  display: block;
  overflow: hidden;
}
.tuan h2 span {
  height: 50px;
  font: 38px/50px "Microsoft Yahei";
  color: #e1ab6d;
  margin-bottom: 14px;
}
.tuan h2 em {
  height: 34px;
  font: 14px/34px "Microsoft Yahei";
  color: #d2a169;
}
.tuan h2 strong {
  height: 28px;
  font: 22px/28px SimHei;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 10px;
}
.dcd1 {
  float: left;
  width: 259px;
  height: 66px;
  padding: 17px 0 17px 40px;
  margin-top: 40px;
  border-right: 1px dashed rgba(255, 255, 255, 0.2);
}
.dcd1 p {
  float: left;
  width: 60px;
  height: 61px;
}
.dcd1 p img {
  width: 60px;
  height: 61px;
}
.dcd1 h4 {
  float: left;
  width: 158px;
  margin-left: 25px;
}
.dcd1 h4 em,
.dcd1 h4 span,
.dcd1 h4 strong {
  display: block;
  overflow: hidden;
}
.dcd1 h4 span {
  height: 28px;
  font: 24px/28px SimHei;
  color: #e1ab6d;
}
.dcd1 h4 em {
  height: 24px;
  font: 18px/24px "Microsoft Yahei";
  color: rgba(255, 255, 255, 0.3);
}
.dcd1 h4 strong {
  width: 16px;
  height: 2px;
  background: #8a6c4c;
  margin-top: 6px;
}
.dcd2 {
  float: left;
  width: 264px;
  padding-left: 35px;
  margin-top: 40px;
  border-right: 1px dashed rgba(255, 255, 255, 0.2);
}
.tuan .dcd3 {
  border: 0;
}
.dcd2 p {
  width: 171px;
  height: 44px;
  border: 1px solid #e1ab6d;
}
.dcd2 p a {
  color: #e1ab6d;
  display: block;
  height: 44px;
  overflow: hidden;
}
.dcd2 p.pmt {
  margin-top: 12px;
}
.dcd2 p {
  display: block;
  height: 44px;
  font: 18px/44px "Microsoft Yahei";
  color: #fdd5a9;
  text-align: center;
  letter-spacing: 5px;
  overflow: hidden;
}
.zhan {
  height: 692px;
  overflow: hidden;
}
.ptu {
  width: 860px;
  margin: 0 auto;
  height: 687px;
  padding: 5px 6px 0;
  position: relative;
}
.dpl,
.dpr {
  position: absolute;
  height: 687px;
}
.dpl {
  width: 607px;
  bottom: 0;
  left: -607px;
}
.dpl img {
  width: 607px;
  height: 687px;
}
.dpr {
  width: 442px;
  bottom: 0;
  right: -442px;
}
.dpr img {
  width: 442px;
  height: 687px;
}
.ptu p {
  height: 341px;
}
.ptu p.mbt {
  padding-top: 5px;
}
.ptu p em {
  float: left;
}
.ptu p span {
  float: right;
}
.ptu p em.pem1 {
  width: 298px;
  height: 341px;
}
.ptu p span.psp1 {
  width: 556px;
  height: 341px;
}
.ptu p em.pem1 img {
  width: 298px;
  height: 341px;
}
.ptu p span.psp1 img {
  width: 556px;
  height: 341px;
}
.ptu p em.pem2 {
  width: 554px;
  height: 341px;
}
.ptu p span.psp2 {
  width: 299px;
  height: 341px;
}
.ptu p em.pem2 img {
  width: 554px;
  height: 341px;
}
.ptu p span.psp2 img {
  width: 299px;
  height: 341px;
}
/*优势介绍*/
.ding {
  padding: 95px 0;
}
.ding h2 {
  text-align: center;
}
.ding h2 em,
.ding h2 span,
.ding h2 strong {
  display: block;
  overflow: hidden;
}
.ding h2 span {
  height: 44px;
  font: 38px/44px "Microsoft Yahei";
  color: #7a0014;
  margin-bottom: 14px;
}
.ding h2 em {
  height: 22px;
  font: 14px/22px "Microsoft Yahei";
  color: #cecdcd;
  padding: 5px 0;
}
.ding h2 strong {
  height: 28px;
  font: 22px/28px SimHei;
  color: #332c2b;
  letter-spacing: 10px;
}
.di-bx {
  padding-top: 58px;
}
.di-hz1,
.di-hz2,
.di-hz3 {
  float: left;
  width: 400px;
}
.daa1 {
  height: 402px;
  position: relative;
}
.daa1 img {
  width: 400px;
  height: 402px;
}
.daa2 {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #fff;
  left: 0;
  top: 0;
}
.daa2 span,
.daa3 span,
.dbb1 span {
  display: block;
  font: 18px/22px "Microsoft Yahei";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.daa2 h4,
.daa3 h4,
.dbb1 h4 {
  height: 30px;
  font: 700 24px/30px "Microsoft Yahei";
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.daa2 p,
.daa3 p,
.dbb1 p {
  height: 110px;
  font: 14px/22px "Microsoft Yahei";
  color: #777;
  overflow: hidden;
}
.daa3 {
  width: 270px;
  margin: 0 auto;
  padding-top: 45px;
  text-align: center;
}
.dbb1 {
  width: 255px;
  height: 273px;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
}
.dbb1 em {
  display: block;
  font: 12px/20px "Microsoft Yahei";
  color: #ddd;
  padding-top: 35px;
}
.dbb2 {
  height: 324px;
}
.dbb2 img {
  width: 400px;
  height: 324px;
}
.dcc1 {
  height: 272px;
}
.dcc1 img {
  width: 400px;
  height: 272px;
}
.dcc2 {
  height: 324px;
  padding-top: 41px;
}
.dcc2 img {
  width: 400px;
  height: 324px;
}
/*定制服务*/
.tyan {
  height: 784px;
  background: #f2f2f2;
}
.tyan .content {
  position: relative;
}
.tyan_tit {
  height: 115px;
  position: relative;
  z-index: 33;
  padding-top: 80px;
}
.tytu {
  position: absolute;
  width: 809px;
  height: 566px;
  left: -225px;
  top: 140px;
  z-index: 3;
}
.tytu img {
  width: 809px;
  height: 566px;
}
.tyan h2 {
  text-align: center;
}
.tyan h2 em,
.tyan h2 span,
.tyan h2 strong {
  display: block;
  overflow: hidden;
}
.tyan h2 span {
  height: 44px;
  font: 38px/44px "Microsoft Yahei";
  color: #7a0014;
  margin-bottom: 14px;
}
.tyan h2 em {
  height: 22px;
  font: 14px/22px "Microsoft Yahei";
  color: #cecdcd;
  padding: 5px 0;
}
.tyan h2 strong {
  height: 28px;
  font: 22px/28px SimHei;
  color: #332c2b;
  letter-spacing: 10px;
}
.tybx {
  float: right;
  width: 535px;
}
.tybx dl {
  margin-top: 60px;
  overflow: hidden;
}
.tybx dt {
  width: 85px;
  height: 85px;
  overflow: hidden;
  float: left;
  margin-right: 25px;
}
.tybx dt img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
}
.tybx dd {
  width: 425px;
  float: left;
}
.tybx h4 {
  font: 700 26px/40px "Microsoft Yahei";
  color: #111;
  overflow: hidden;
}
.tybx p {
  height: 52px;
  overflow: hidden;
  font: 16px/26px "Microsoft Yahei";
  color: #666;
  text-overflow: ellipsis;
}
.tybx li.duli1 {
  background: url(../images/tyan1.png) no-repeat left center;
  background-size: 85px;
}
.tybx li.duli2 {
  background: url(../images/tyan2.png) no-repeat left center;
  background-size: 85px;
}
.tybx li.duli3 {
  background: url(../images/tyan3.png) no-repeat left center;
  background-size: 85px;
}
/*定制案例*/
.dzal {
  padding: 102px 0;
}
.dodf {
  float: left;
  width: 840px;
  position: relative;
}
.dodu1 li {
  height: 420px;
}
.dodu1 li img {
  width: 840px;
  height: 420px;
}
.dodr {
  float: right;
  width: 342px;
}
.dodh1 {
  padding: 0 50px;
  height: 185px;
  width: 240px;
  background: #332c2b;
}
.dodh1 h4 {
  height: 50px;
  font: 40px/50px SimHei;
  color: #fff;
  padding-top: 20px;
  overflow: hidden;
  margin-bottom: 10px;
}
.dodh1 p {
  height: 78px;
  font: 16px/26px "Microsoft Yahei";
  color: #fff;
  overflow: hidden;
}
.dodh2 li {
  float: left;
  width: 168px;
  height: 77px;
  border: 1px solid #c7c5c4;
}
.dodh2 li img {
  width: 168px;
  height: 77px;
}
.dotb {
  padding-top: 20px;
}
.dotb li {
  float: left;
  width: 590px;
  height: 296px;
  position: relative;
}
.dotb li.mli {
  margin-left: 20px;
}
.dotb li em,
.dotb li span {
  display: block;
}
.dotb li span,
.dotb li span img {
  width: 590px;
  height: 296px;
}
.dotb li em {
  height: 40px;
  font: 32px/40px "Microsoft Yahei";
  color: #333;
  padding-top: 20px;
  text-align: center;
  overflow: hidden;
}
/*定制步骤*/
.rhdz {
  height: 395px;
  background: url(../images/rhdzbg.jpg) no-repeat center top;
  background-size: 1920px 395px;
}
.rhdz h2 {
  text-align: center;
  padding-top: 38px;
}
.rhdz h2 em,
.rhdz h2 span,
.rhdz h2 strong {
  display: block;
  overflow: hidden;
}
.rhdz h2 span {
  height: 44px;
  font: 38px/44px "Microsoft Yahei";
  color: #7a0014;
  margin-bottom: 14px;
}
.rhdz h2 em {
  height: 22px;
  font: 14px/22px "Microsoft Yahei";
  color: #cecdcd;
  padding: 5px 0;
}
.rhdz h2 strong {
  height: 30px;
  font: 22px/30px "Microsoft Yahei";
  color: #332c2b;
}
.rhtb {
  padding-top: 53px;
  text-align: center;
}
.rhtb li {
  display: inline-block;
  width: 128px;
  height: 164px;
  margin: 0 26px;
  background-color: #e1ab6d;
  padding-top: 28px;
}
.rhtb li em,
.rhtb li span {
  display: block;
}
.rhtb li span {
  width: 102px;
  margin: 0 auto;
  padding-top: 24px;
  border-top: 2px solid #fff;
  text-align: center;
}
.rhtb li span img {
  width: 48px;
  height: 36px;
  margin: 0 auto;
}
.rhtb li em {
  height: 40px;
  font: 18px/40px "Microsoft Yahei";
  color: #fff;
  text-align: center;
  padding-top: 15px;
  overflow: hidden;
}
