.f16 {
  font-size: 16px;
}

.spic li p {
  line-height: 35px;
}

p {
  font-size: 1rem;
}

/*li img{width:100%;}*/
#three h2 {
  font-size: 1.5987rem;
  font-weight: bold;
  color: red
}

h3,
h4 {
  line-height: 1.6em;
  font-weight: bold;
}

h3 {
  font-size: 1.468rem;
}

h4 {
  font-size: 1.168rem;
}

.nav {
  padding-top: 8px
}

.-m25 {
  margin-top: -25px
}

.-m35 {
  margin-top: -35px
}

.mbt {
  margin-bottom: 15px;
}

.noSee {
  display: none;
}

.h165 {
  height: 165px;
}

#allmap {
  height: 500px;
  width: 100%;
  overflow: hidden;
}

.sub {
  vertical-align: super;
  font-size: 10px;
}

#two-nav {
  width: 100%;
  border-bottom: 0px solid #d9d9d9;
  z-index: 2;
  opacity: 1;
  background-color: #f3f3f5;
  -moz-box-shadow: 0px 0px 0px 0px #cecece;
  box-shadow: 0px 0px 0px 0px #cecece;
}

#two-nav ul {
  margin: 0 auto;
}

#two-nav ul li {
  width: auto;
}

#two-nav a:link {
  font-size: 1.2879rem;
  color: #686868;
  height: 4rem;
  line-height: 4rem;
  margin-top: -16px;
}

#two-nav a:visited {
  font-weight: bold;
}

#two-nav a:hover {
  color: red;
  font-weight: bold;
}

#two-nav a:active {
  color: #999;
}

#two-nav .small-text a:link {
  font-size: 0.95rem;
  color: #686868;
  height: 2rem;
  line-height: 2rem;
}

#two-nav .small-text a:visited {
  font-size: 0.95rem;
}

#two-nav .small-text a:hover {
  font-size: 0.95rem;
}

#two-nav .small-text a:active {
  font-size: 0.95rem
}

#two-nav .small-text .now {
  color: red;
  font-weight: bold;
}

.newscon p {
  font-size: 1.0287em;
  line-height: 2em;
}

.newscon img {
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 70%;
}

.s {
  margin: 0 auto;
  width: 170px;
  height: 100px;
}

.service li.s1 {
  background: url(../img/w1.png) no-repeat;
  background-position: top center;
}

.service li.s1:hover {
  background: url(../img/w1_b.png) no-repeat;
  background-position: top center;
}

.service li.s2 {
  background: url(../img/w2.png) no-repeat;
  background-position: top center;
}

.service li.s2:hover {
  background: url(../img/w2_b.png) no-repeat;
  background-position: top center;
}

.service li.s3 {
  background: url(../img/w3.png) no-repeat;
  background-position: top center;
}

.service li.s3:hover {
  background: url(../img/w3_b.png) no-repeat;
  background-position: top center;
}

.service li.s4 {
  background: url(../img/w4.png) no-repeat;
  background-position: top center;
}

.service li.s4:hover {
  background: url(../img/w4_b.png) no-repeat;
  background-position: top center;
}

#good .text-white,
a.text-white:link,
#good a.text-white:visited {
  color: #fff;
}

#good li h3 {
  font-size: 1.168rem;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 10px;
  height: 45px;
  line-height: 45px;
}

#good li p {
  margin: 15px;
}

.hc-bg {
  background: url(../img/hc-right.jpg) repeat-x
}

@media (max-width:640px) {
  .s {
    margin: 0 auto;
    width: 0;
    height: 0;
  }

  .service li.s1,
  .service li.s2,
  .service li.s3,
  .service li.s4 {
    background: none;
  }

  .service li.s1:hover,
  .service li.s2:hover,
  .service li.s3:hover,
  .service li.s4:hover {
    background: none;
  }

  .service p {
    font-size: 10px
  }

  .newscon img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 90%;
  }
}

@media (max-width:759px) {
  nav .nav-inline li {
    float: left;
    width: 50%;
    text-align: center
  }

  .nav .drop-menu {
    display: none;
  }

  .newscon img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 90%;
  }
}

@media (max-width:999px) and (min-width:760px) {
  .logo .img2 {
    display: none
  }
}

@media (min-width:760px) {
  nav .nav-inline {
    margin: 26px -10px 0;
    text-align: right
  }

  nav .nav-inline li a {
    padding: 5px 7px;
    font-size: 0.8rem;
  }

  .f20 {
    font-size: 20px;
    /*1.4285em;*/
  }

  .padding-7 {
    padding: 4px 0px 3px 0;
  }

  .padding-20 {
    padding: 20px 0;
  }
}

@media (min-width:1000px) {
  nav .nav-inline {
    margin: 23px -13px 0;
    font-size: 1pc
  }

  nav .nav-inline li a {
    padding: 5px 13px;
    font-size: 1rem;
  }

  #good li {
    float: left;
    height: auto;
  }
}

@media (min-width:1200px) {

  /*顶部导航菜单自定义*/
  nav .nav-inline {
    margin: 23px -21px 0;
    font-size: 1.2rem;
  }

  nav .nav-inline li a {
    padding: 0px 13px;
    font-size: 1.2rem;
  }

  nav .nav-inline li a:hover {
    color: #004ea2;
  }

  nav .nav-inline .drop-menu li {
    padding: 0px;
    margin: 0;
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 1.05rem;
  }

  nav .nav-inline .drop-menu li a {
    padding: 0px;
    margin: 0;
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 1.05rem;
  }

  /*顶部导航菜单自定义*/
  .nav-sub a:hover {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
  }

  #good li {
    float: left;
    height: 150px;
    height: auto !important;
  }

  #two-nav ul {
    width: 100%;
    margin: 0 auto;
  }
}

.about,
.area,
.news,
.product,
.service,
.solution {
  font-size: 1.04rem;
}

.news li p {
  font-size: 0.8rem;
}

.logo img {
  float: left
}

@media (max-width:759px) {
  .logo img {
    width: auto;
    margin-top: 0px;
  }

  .logo img.img2 {
    display: none;
  }

  .padding-7 {
    padding: 1px 0;
  }

  .padding-20 {
    padding: 10px 0;
  }

  .f20 {
    font-size: 1em;
  }
}

@media (min-width:760px) {
  .logo img {
    margin-top: 0px;
  }

  .logo img.img2 {
    margin-top: 7px;
  }
}

.button-group .drop-menu {
  background: #FFF;
}

.button-group .drop-menu li {
  line-height: 1rem
}

.icon-navicon {
  margin-top: 20px;
}

.nav-menu li {
  font-weight: bold;
}

nav .drop-menu {
  background-color: hsla(0, 0%, 100%, .9)
}

nav .menu-product {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 100%, .9);
  z-index: 10000;
  display: none;
  overflow-y: hidden
}

nav .menu-product .container {
  padding: 28px 0 0
}

nav .menu-product .container li {
  padding-bottom: 33px
}

nav .menu-product .container h3 {
  padding-bottom: 1pc
}

nav .menu-product .container h3 a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 100;
  color: #d40000;
  transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease
}

nav .menu-product .container h3 a:hover {
  color: #ef011c;
  font-size: 20px
}

nav .menu-product .container img {
  margin: 0 auto;
  padding: 0;
}

nav .menu-product .container h5,
nav .menu-product .container img {
  -webkit-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9)
}

nav .menu-product .container h5 {
  font-size: 1pc;
  color: #656565;
  font-weight: 100;
  padding: 4px 0 1pc
}

nav .menu-product .container a:hover img {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}

nav .menu-product .container a:hover h5 {
  color: #ef011c
}

nav .menu-product a.menu-more {
  font-size: 1pc
}


#index .news h4 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#index .v-box {
  position: relative
}

#index .v-box video {
  position: relative;
  width: 100%;
}

#index .v-box .v-r {
  position: absolute;
  top: 0;
  right: 0;
  height: 99%;
  width: 100%;
  background-color: rgba(35, 45, 51, .75);
}

#index .v-box .v-r h3 {
  color: #da251d;
  font-size: 2.4286em
}

#index .v-box .v-r h4 {
  font-size: 1.57143em;
  padding: 4px 0 10px;
  border-bottom: 3px solid #da251d;
  margin-bottom: 14px
}

#index .v-box .v-r p {
  line-height: 28px
}

@media (min-width:450px) {
  #index .v-box .v-r {
    padding: 92px 34px 34px;
  }
}

@media (min-width:760px) {
  #index .v-box .v-r p {
    font-size: 1pc
  }

  #index .v-box .v-r {
    width: 48.5%;
    max-width: 436px;
  }
}

.bg {
  background: #f7f7f7;
}

.bg_w {
  background: #fff;
}

.bg_g {
  background: #f3f3f5
}

.bg_g7 {
  background: #d7d7d7;
}

.bg_t1 {
  background: #004d9f;
}

.bg_r {
  background: #c59e17;
}

.bg_about {
  background: #d51311;
}

.bg_gray {
  background: #ebebeb;
}

.bg_blueA {
  background: #004ea1;
}

.bg_blueB {
  background: #305dc4;
}

.bg_blueC {
  background: #005bac
}

.bg_bt {
  background: #f4f7f9;
}

.bg_re {
  background: #c70707;
}

.bg_feizha {
  background: #dbe2ea
}

.bg373f4a {
  background: #373f4a;
}

.bg_bad2ff {
  background: #bad2ff;
}

/*新版产品详情产品表格按钮*/
.bg_e8edf7 {
  background: #e8edf7;
}

/*新版产品详情产品表格按钮*/
.bg_line {
  height: 21px;
  background-image: url(../img/line.png);
  background-repeat: no-repeat;
  background-position: center;
}

.bg_b {
  background-image: url(../img/bg_cp.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  /*background-size:contain;*/
}

.bg_hc {
  background: url(../img/bg_hc.jpg) no-repeat;
  background-position: top center;
}

.bg_date {
  background: url(../img/bg_date.png) no-repeat;
  background-position: top center;
  background-size: contain;
}

.bg_da {
  width: 50px;
  height: 50px;
  background: #004ea2;
  padding: 10px 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.date {
  background-color: #d51311;
  color: #fff;
  padding: 0.8em;
  margin-top: 0.4rem;
}

.date .d {
  font-family: Arial;
  font-weight: bold;
  line-height: 32px;
  margin: 0.5rem 0 0;
  padding: 0;
  font-size: 2.8286rem;
}

.date .m {
  background-color: #d51311;
  font-size: 0.5rem;
  margin: 0;
  padding: 0;
}

.text-g {
  color: #fff
}

.text-t {
  color: #595959
}

.text-blueA {
  color: #004ea2;
}

.num {
  font-family: Arial;
}

/*roll*/
#roll {
  position: relative;
}

#roll img {
  float: left;
}

#roll .tit {
  bottom: 0px;
  HEIGHT: 32px;
  LINE-HEIGHT: 32px;
}

.doc-radius div {
  width: 27px;
  height: 27px;
  font-family: Arial;
  padding: 2px 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

nav .nav-menu .drop-menu {
  z-index: 10000
}

.pageNav {
  width: 99%;
  HEIGHT: auto;
  CLEAR: both;
  PADDING-LEFT: 20px;
  FONT-SIZE: 14px;
  MARGIN: 18px 0px;
  LINE-HEIGHT: 30px;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.pageNav A {
  PADDING-RIGHT: 8px;
  DISPLAY: block;
  PADDING-LEFT: 8px;
  margin-bottom: 5px;
  BACKGROUND: #fff;
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  OVERFLOW: hidden;
  MARGIN-RIGHT: 5px;
  PADDING-TOP: 0px;
}

.pageNav STRONG {
  PADDING-RIGHT: 8px;
  DISPLAY: block;
  PADDING-LEFT: 8px;
  BACKGROUND: #fff;
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  OVERFLOW: hidden;
  MARGIN-RIGHT: 5px;
  PADDING-TOP: 0px
}

.pageNav SPAN {
  PADDING-RIGHT: 8px;
  DISPLAY: block;
  PADDING-LEFT: 8px;
  BACKGROUND: #fff;
  FLOAT: left;
  PADDING-BOTTOM: 0px;
  OVERFLOW: hidden;
  MARGIN-RIGHT: 5px;
  PADDING-TOP: 0px
}

.pageNav A {
  BORDER-RIGHT: #ccdbe4 1px solid;
  BORDER-TOP: #ccdbe4 1px solid;
  BORDER-LEFT: #ccdbe4 1px solid;
  LINE-HEIGHT: 22px;
  BORDER-BOTTOM: #ccdbe4 1px solid;
  HEIGHT: 25px
}

.pageNav SPAN {
  BORDER-RIGHT: #ccdbe4 1px solid;
  BORDER-TOP: #ccdbe4 1px solid;
  BORDER-LEFT: #ccdbe4 1px solid;
  LINE-HEIGHT: 22px;
  BORDER-BOTTOM: #ccdbe4 1px solid;
  HEIGHT: 20px
}

.pageNav A.f12 {
  FONT-SIZE: 12px
}

.pageNav STRONG.f12 {
  FONT-SIZE: 12px
}

.pageNav SPAN {
  FONT-SIZE: 12px
}

.pageNav A:hover {
  TEXT-DECORATION: none
}

.pageNav STRONG {
  LINE-HEIGHT: 24px;
  HEIGHT: 22px
}

.pageNav .mor {
  FLOAT: right;
  BORDER-TOP-WIDTH: 0px;
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  BORDER-LEFT-WIDTH: 0px;
  BORDER-BOTTOM-WIDTH: 0px;
  PADDING-BOTTOM: 0px;
  LINE-HEIGHT: 21px;
  PADDING-TOP: 0px;
  HEIGHT: 21px;
  BORDER-RIGHT-WIDTH: 0px
}

.pageNav .na {
  COLOR: #dbe1e6
}

.pageNav .close {
  BORDER-RIGHT: #ccdbe4 1px solid;
  BORDER-TOP: #ccdbe4 1px solid;
  BORDER-LEFT: #ccdbe4 1px solid;
  LINE-HEIGHT: 22px;
  BORDER-BOTTOM: #ccdbe4 1px solid;
  HEIGHT: 25px;
}

.pageNav .close:before {
  content: "";
}

.pageNav .count {
  BORDER-RIGHT: #ccdbe4 1px solid;
  BORDER-TOP: #ccdbe4 1px solid;
  BORDER-LEFT: #ccdbe4 1px solid;
  LINE-HEIGHT: 22px;
  BORDER-BOTTOM: #ccdbe4 1px solid;
  HEIGHT: 25px
}

.pageNav .selfpage {
  BORDER-RIGHT: #ccdbe4 1px solid;
  BORDER-TOP: #ccdbe4 1px solid;
  BORDER-LEFT: #ccdbe4 1px solid;
  LINE-HEIGHT: 22px;
  BORDER-BOTTOM: #ccdbe4 1px solid;
  HEIGHT: 25px;
  color: white;
  background: red;
}

footer li {
  line-height: 22px;
}

.menu-p dt {
  margin: 0;
  height: 28px;
  line-height: 28px;
}

.menu-p dd {
  margin: 0;
  height: 22px;
  line-height: 22px;
}

.menu-p dd a:link {
  color: #656565
}

.hover-shadow {
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all 0.2s linear;
}

.hover-shadow:hover {
  top: -4px;
  box-shadow: 0 15px 30px #e5e5e5;
  transition: translate3d(0, -2px, 0);
}

.hover-shadow img {
  transition: all 0.2s linear;
}

.hover-shadow:hover img {
  opacity: 1;
  -webkit-transform: scale3d(1.25, 1.25, 1);
  transform: scale3d(1.05, 1.05, 1);
}

.hover-shadow .hover-text {
  position: relative;
  width: 170px;
  margin: 0 auto;
  top: -50px;
  transition: all 0.25s linear;
}

.hover-shadow:hover .hover-text2 {
  top: 0;
  width: 170px;
  margin: 0 auto;
  opacity: 0.8;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.hover-shadow .hover-text2 {
  position: relative;
  width: 270px;
  margin: 0 auto;
  top: -50px;
  transition: all 1s linear;
}

.hover-shadow:hover .hover-text2 {
  top: 0;
  width: 270px;
  margin: 0 auto;
  opacity: 0.78;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}


.btn {
  transition: background 1s;
}

.btn:hover {
  background: red;
  color: white;
}

.Anli li .imgBox {
  position: relative
}

.Anli li .textBox {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 33px;
  overflow: hidden;
  margin: 0 auto;
  line-height: 33px;
  background: rgba(0, 78, 162, 0.6);
  filter: alpha(opacity=60);
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: all .5s ease-in-out;
  /* Safari and Chrome */
  -o-transition: all .5s ease-in-out;
  /* Opera */
}

.Anli li:hover .textBox {
  left: 0;

  bottom: 0;
  width: 100%;
  height: 100%;
  /*设置子盒子继承父盒子的100%高度*/
  position: absolute;
  padding-top: 25px;
  background: rgba(0, 78, 162, 0.8);
  filter: alpha(opacity=80);
}

.Anli .go {
  left: 0;

  bottom: 0;
  width: 100%;
  height: 100%;
  /*设置子盒子继承父盒子的100%高度*/
  line-height: 100%;
  position: absolute;
  padding-top: 25px;
  background: rgba(0, 78, 162, 0.8);
  filter: alpha(opacity=80);
}

#AnliSel .normal {
  background: #d7f7f7;
  color: #000;
  font-weight: normal;
}

#AnliSel .normal a:link {
  color: #000;
  font-weight: normal;
}

#AnliSel .normal a:hover {
  color: #000;
  font-weight: normal;
}

#AnliSel .normal a:active {
  color: #000;
  font-weight: normal;
}

#AnliSel .normal a:visited {
  color: #000;
  font-weight: normal;
}

#AnliSel .now {
  background: #004ea2;
  color: #fff;
  font-weight: bold;
}

#AnliSel .now a:link {
  color: #000;
  font-weight: normal;
}

#AnliSel .now a:hover {
  color: #fff;
  font-weight: normal;
}

#AnliSel .now a:active {
  color: #000;
  font-weight: normal;
}

#AnliSel .now a:visited {
  color: #fff;
  font-weight: normal;
}

/*页右边新闻选择*/
#NewsSel .normal {
  background: #d7f7f7;
  color: #000;
  font-weight: normal;
}

#NewsSel .normal a:link {
  color: #000;
  font-weight: normal;
}

#NewsSel .normal a:hover {
  color: #000;
  font-weight: normal;
}

#NewsSel .normal a:active {
  color: #000;
  font-weight: normal;
}

#NewsSel .normal a:visited {
  color: #000;
  font-weight: normal;
}

#NewsSel .now {
  background: #004ea2;
  color: #fff;
  font-weight: bold;
}

#NewsSel .now a:link {
  color: #000;
  font-weight: normal;
}

#NewsSel .now a:hover {
  color: #fff;
  font-weight: normal;
}

#NewsSel .now a:active {
  color: #000;
  font-weight: normal;
}

#NewsSel .now a:visited {
  color: #fff;
  font-weight: normal;
}

/*页右边在线窗口*/
#zixun {
  z-index: 1000000;
  position: fixed;
  right: -105px;
  top: 355px;
  width: 165px;
  height: 61px;
  background: url(../img/onlineR.png) no-repeat;
  overflow: hidden;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: all .5s ease-in-out;
  /* Safari and Chrome */
  -o-transition: all .5s ease-in-out;
  /* Opera */
}

#zixun p {
  position: relative;
  font-family: microsoft yahei;
  float: right;
  width: 115px;
  height: 61px;
  line-height: 61px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

#zixun a {
  color: #fff;
}

#zixun:hover {
  right: 0px;
}

#Tel {
  z-index: 1000001;
  position: fixed;
  right: -165px;
  top: 416px;
  width: 225px;
  height: 61px;
  background: url(../img/onlineT.png) no-repeat;
  overflow: hidden;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: all .5s ease-in-out;
  /* Safari and Chrome */
  -o-transition: all .5s ease-in-out;
  /* Opera */
}

#Tel:hover {
  right: 0px;
}

#Ma {
  z-index: 1000002;
  position: fixed;
  right: 0px;
  top: 477px;
  width: 60px;
  height: 61px;
  background: url(../img/onlineM.png) no-repeat;
}

#Ma .MaP {
  position: fixed;
  opacity: 0;
  right: 0px;
  top: 477px;
  width: 192px;
  height: 134px;
  background: url(../img/weixin.png) no-repeat;
  overflow: hidden;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: all .5s ease-in-out;
  /* Safari and Chrome */
  -o-transition: all .5s ease-in-out;
  /* Opera */
}

#Ma .MaP:hover {
  opacity: 1;
  right: 0px;
  top: 477px;
}

/*抖音*/
#Douyin {
  z-index: 1000004;
  position: fixed;
  right: -165px;
  top: 538px;
  width: 225px;
  height: 61px;
  background: url(../img/o_douyin.png) no-repeat;
  overflow: hidden;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: all .5s ease-in-out;
  /* Safari and Chrome */
  -o-transition: all .5s ease-in-out;
  /* Opera */
}

#Douyin:hover {
  right: 0px;
}

#Back {
  z-index: 1000003;
  position: fixed;
  right: 0px;
  top: 599px;
  width: 60px;
  height: 61px;
  background: url(../img/onlineB.png) no-repeat;
}

/*页右边在线窗口*/

@media(min-width:300px) {
  #nbox p img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
  }
}

@media(min-width:760px) {
  #nbox p img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
  }
}

@media(min-width:1000px) {
  #nbox p img {
    display: block;
    width: 80%;
    max-width: 80%;
    height: auto
  }
}

@media(min-width:1200px) {
  #nbox p img {
    display: block;
    max-width: 60%;
    height: auto
  }
}

.require_focus {
  height: 100px;
  width: 100%;
  background: #f4f7f9;
  padding: 5px;
  border: solid 0px #ddd;
  display: block;
  border-radius: 8px;
  -webkit-appearance: none;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.mark {
  position: fixed;
  left: 0;
  top: 0;
  opacity: .5;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 998;
}

/*品牌专题*/
.bg_pp_1 {
  background: url(../img/special/bg_pp_1.jpg) repeat-y;
  background-position: top center;
  background-size: 100%;
}

.bg_pp_2 {
  background: url(../img/special/bg_pp_2.jpg) repeat-y;
  background-position: top center;
  background-size: 100%;
}

.bg_pp_3 {
  background: url(../img/special/bg_pp_3.jpg) repeat-y;
  background-position: top center;
  background-size: 100%;
}

.bg_pp_4 {
  background: url(../img/special/bg_pp_4.jpg) repeat-y;
  background-position: top center;
  background-size: 100%;
}

.bg_pp_5 {
  background: url(../img/special/bg_pp_5.jpg) repeat-y;
  background-position: bottom right;
  background-size: 100%;
}

.bg_pp_jj {
  background: url(../img/special/bg_pp_jj.png) no-repeat;
  background-position: top center;
  background-size: 100%;
}

/*epc css*/
.bg_epc_1 {
  background: url(../img/epc/epc_bg_01.jpg) no-repeat;
  background-position: top center;
  background-size: 100%;
}

.bg_epc_2 {
  background: url(../img/epc/epc_bg_02.jpg) no-repeat;
  background-position: top center;
  background-size: 100%;
}

.bg_epc_3 {
  background: url(../img/epc/epc_bg_03.jpg) no-repeat;
  background-position: top center;
  background-size: 100%;
}

.bg_epc_4 {
  background: url(../img/epc/epc_bg_04.jpg) no-repeat;
  background-position: top center;
  background-size: 100%;
}

.bg_epc_5 {
  background: url(../img/epc/epc_bg_05.jpg) no-repeat;
  background-position: top center;
  background-size: 100%;
}

.service li.e1 {
  background: url(../img/epc/epc_icon_1_0.jpg) no-repeat;
  background-position: top center;
}

.service li.e1:hover {
  background: url(../img/epc/epc_icon_1_1.jpg) no-repeat;
  background-position: top center;
}

.service li.e2 {
  background: url(../img/epc/epc_icon_2_0.jpg) no-repeat;
  background-position: top center;
}

.service li.e2:hover {
  background: url(../img/epc/epc_icon_2_1.jpg) no-repeat;
  background-position: top center;
}

.service li.e3 {
  background: url(../img/epc/epc_icon_3_0.jpg) no-repeat;
  background-position: top center;
}

.service li.e3:hover {
  background: url(../img/epc/epc_icon_3_1.jpg) no-repeat;
  background-position: top center;
}



/* 新版本-xiang */

.top-bg {
  background: #004EA3;
}

p img {
  display: block;
  margin: 0 auto;
}

.footer-layout {
  background: rgb(223, 223, 223);
}

.footer-bg {
  background: #004EA3;
}

.tab-nav-1 li a {
  border: 0 !important;
  color: #004ea2 !important;
  font-size: 16px;
}

.tab-nav-1 .active a {
  color: #000 !important;
  border-bottom: solid 2px #D32727 !important;
}

.index-news-bg {
  background: #F1F1F1;
}

.index-news-title {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  margin-top: -48px;
}

.line-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-date {
  background-color: #F1F1F1;
  padding: 1px 5px;
  border: solid 1px #ddd;
}

.index-about-bg {
  background: #004EA3;
}

.index-wuliao-bg {
  background: url(/Template/default/images/index/material-processing.png) no-repeat;
  background-position: no-repeat;
}


.index-case-bg {
  background: #F1F1F1;
}

.index-case-title {
  position: relative;
  top: 120px;
  color: #fff;
  margin-top: -80px;
}

.bg_fw {
  background-image: url(/Template/default/images/index/fw-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.h1,
h1 {
  font-size: 2.5rem;
}

h2,
h2 {
  font-size: 2rem;
}

.h3,
h3 {
  font-size: 1.75rem;
}

.h4,
h4 {
  font-size: 1.5rem;
}

.h5,
h5 {
  font-size: 1.25rem;
}

.h6,
h6 {
  font-size: 1rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1.2;
}

.li_right {
  background-color: #ececec;
}

.li_left {
  background-color: #a9a9a9;
}

#TechSel .active {
  background: red;
  color: #fff;
}

.table td {
  vertical-align: middle;
}

.product-hangye {
  margin-top: -40px;
}

.white-li {
  background-color: white;
  border: solid 1px #ddd;
}

.bread {
  border-radius: 4px;
  padding: 8px 8px;
  font-size: 12px;
  margin-bottom: 0;
}

.mdj-bg-b {
  position: relative;
}

.mdj-bg-b-2 {
  position: absolute;
}

.mdj-bg-b-3 {
  float: right;
  margin-top: -200px;
}

@media(max-width:768px) {

  h1,
  .h1 {
    font-size: calc(1.305rem + 1.5vw);
  }

  h2,
  .h2 {
    font-size: calc(1.255rem + 0.9vw);
  }

  h3,
  .h3 {
    font-size: calc(1.23rem + 0.6vw);
  }

  h4,
  .h4 {
    font-size: calc(1.205rem + 0.3vw);
  }

  h5,
  .h5 {
    font-size: calc(1.01rem + 0.1vw);
  }

  h6,
  .h6 {
    font-size: calc(1rem);
  }

  #Back {
    top: 478px;
  }

  .index-wuliao-bg {
    height: auto;
    width: auto;
  }

  .index-wuliao-title {
    padding-top: 10px;
  }

  .padding-large-top {
    padding-top: 10px;
  }

  .padding-big-left {
    padding-left: 5px;
  }

  .padding-big-right {
    padding-right: 5px;
  }

  .index-case-title {
    margin-top: -60px;
  }

  .padding-large-bottom {
    padding-bottom: 10px;
  }

  .product-hangye {
    margin-top: -23px;
  }

  .mdj-bg-b-2 {
    position: relative;
  }

  .mdj-bg-b-3 {
    float: right;
    margin-top: 0;
  }
}


.font-size30 {
	font-size: 30px;
}

.keypoint1{
padding: 50px;
}
.keypoint-zhuzao-1 {
	background: #EEF6FF;
	padding-bottom: 222px;
	font-size: 24px;	
}

.keypoint-zhuzao-2 {
	background: #F1F2F4;
	padding-bottom: 174px;
	font-size: 24px;
}

.keypoint-zhuzao-3 {
	background: #EEF6FF;
	padding-bottom: 238px;
	font-size: 24px;
}

.keypoint-zhuzao-5 {
	background: #EEF6FF;
	padding-bottom: 190px;
	font-size: 24px;
}

.keypoint-zhuzao-6 {
	background: #F1F2F4;
	padding-bottom: 222px;
	font-size: 24px;
}

.title-top {
	padding-top: 6px;
}

.float-top-title {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px;
	font-size: 16px;
}

.float-top-title p {
	font-size: 28px;
}

.zhuzao-bg {
	background: url(/Template/default/images/zhuzao/baoshan.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

.zhuzao-date {
	background-color: #f4f4f4;
	color: #555555;
	padding: 0.3em;
}

.zhuzao-date .d {
	background-color: #dcdcdc;
	font-weight: bold;
	line-height: 32px;
	margin: 0;
	padding: 0;
	font-size: 1.8286rem;
}

.zhuzao-date .m {
	background-color: #f4f4f4;
	font-size: 0.5rem;
	margin: 0;
	padding: 0;
}

.img-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-center img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
	.font-size30 {
			font-size: 20px;
	}
		.keypoint-zhuzao-1 {
			padding: 10px;
			font-size: 20px;
		}
	
		.keypoint-zhuzao-2 {
			padding: 10px;
			font-size: 20px;
		}
	
		.keypoint-zhuzao-3 {
			padding: 10px;
			font-size: 20px;
		}
	
		.keypoint-zhuzao-5 {
			padding: 10px;
			font-size: 20px;
		}
	
		.keypoint-zhuzao-6 {
			padding: 10px;
			font-size: 20px;
		}
	
		.title-top {
			padding-top: 10px;
		}
	
		.flex-m {
			display: flex;
			flex-flow: column;
		}
	
		.order-1 {
			order: 2;
		}
	
		.order-2 {
			order: 1;
		}	
	
}