margin-top: 4px;
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  background: #fff;
}
div,
ul,
li,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
img,
p,
span {
  border-style: none;
  border-color: inherit;
  border-width: 0px;
  padding: 0;
  list-style-type: none;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
}

img {
  display: block;
}

/* Link */
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  border: 0px;
  background-color: Transparent;
}

a {
  blr: expression(this.onFocus=this.blur());
  outline: none;
}

.blank5 {
  width: 100%;
  height: 5px;
  clear: both;
}
.blank10 {
  width: 100%;
  height: 10px;
  clear: both;
}
.blank15 {
  width: 100%;
  height: 15px;
  clear: both;
}
.blank20 {
  width: 100%;
  height: 20px;
  clear: both;
}
.blank30 {
  width: 100%;
  height: 30px;
  clear: both;
}
.blank40 {
  width: 100%;
  height: 40px;
  clear: both;
}
.blank50 {
  width: 100%;
  height: 50px;
  clear: both;
}
.blank60 {
  width: 100%;
  height: 60px;
  clear: both;
}
.blank70 {
  width: 100%;
  height: 70px;
  clear: both;
}
.blank80 {
  width: 100%;
  height: 80px;
  clear: both;
}

/*Clear*/
.clear {
  clear: both;
  font-size: 1px;
  height: 0px;
  line-height: 0px;
  overflow: hidden;
}
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max {
  position: relative;
  overflow: hidden;
}

.m_max {
  position: relative;
  overflow: hidden;
}

.m_head_top {
  width: 100%;
  height: 45px;
  background: #f0f0f0;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #666666;
  line-height: 45px;
  text-align: left;
  font-weight: normal;
  overflow: hidden;
}

.m_logo {
  width: 380px;
  height: 69px;
  float: left;
  margin: 20px 0 20px 0;
}

.m_pho {
  float: right;
  margin: 20px 0 0 0;
  font-family: SimHei;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  text-align: left;
  font-weight: normal;
  letter-spacing: 2px;
}
.m_pho font {
  float: left;
  padding-left: 4px;
  font-size: 35px;
  color: #cb0005;
  line-height: 32px;
  text-align: left;
  font-weight: normal;
  letter-spacing: 0;
  margin-top: 20px;
}
.m_pho b {
  float: left;
  margin: 5px 0 0 0;
  font-family: SimHei;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2px;
}

.m_pho_left {
  width: 360px;
  float: left;
}
.m_pho_leftbox {
  width: 360px;
  float: left;
  margin: 2px 0 0px 0;
}

.m_pho img {
  float: left;
  margin: 10px 4px 10px 0;
  border: none;
}

.m_navbox {
  width: 100%;
  height: 60px;
  float: left;
  margin: 0;
  background: #164ebe;
  overflow: hidden;
}

.m_navi {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

.m_navi ul {
  float: left;
  position: relative;
  z-index: 33;
}

.m_navi ul li {
  width: 144px;
  height: 60px;
  float: left;
  margin: 0 13px;
  position: relative;
  z-index: 22;
}

.m_navi ul li a {
  width: 144px;
  height: 60px;
  float: left;
  position: relative;
  z-index: 22;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #fff;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  padding-top: 12px;
}

.m_navi ul li a font {
  width: 144px;
  height: auto;
  float: left;
  position: relative;
  z-index: 22;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

.m_navi ul li a:hover,
.m_navi ul li a.hover1 {
  background: #cb0005;
  color: #fff;
}

.m_banner {
  width: 1920px;
  *width: 1920px;
  _width: 1920px;
  height: 575px;
  position: relative;
  z-index: 9;
  margin: 0;
  top: 0;
  float: left;
  left: 50%;
  margin-left: -962px;
  *margin-left: -962px;
  _margin-left: -962px;
  overflow: hidden;
}

.m_index {
  width: 1200px;
  display: block;
  margin: 0 auto;
}

.vid {
  width: 1325px;
  margin: 0px auto;
  overflow: hidden;
}
.none {
  display: none;
}
.vid .vidTitle {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.vid .vidTitle .vid_cokk {
  width: 650px;
  height: 65px;
  background: url(../images/line1.jpg) no-repeat right 50px;
  float: left;
}
.vid .vidTitle .vid_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: bold;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.vid .vidTitle .vid_cokk h3 {
  width: 240px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.vid .vidTitle .vid_cokk h3 font {
  width: 240px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.vid .vidTitle ul {
  max-width: 550px;
  float: right;
}
.vid .vidTitle ul li {
  width: 110px;
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  float: left;
  margin: 10px 12px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #ff7708;
  font-weight: normal;
  text-align: center;
}
.vid .vidTitle li a {
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #666;
  font-weight: normal;
  text-align: center;
}
.vid .vidTitle .active {
  background: #164ebe;
  border: 1px solid #164ebe;
  color: #fff;
}
.vid .vidTitle .normal {
  background: none;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #666666;
  font-weight: normal;
  text-align: center;
  border: 1px solid #bfbfbf;
}
.vid .vidContent {
  width: 1325px;
  height: auto !important;
  min-height: 360px;
  clear: both;
  overflow: hidden;
  padding: 0px;
  display: block;
}

.img-scro1 {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-scro1 .prev1,
.img-scro1 .next1 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-scro1 .prev1 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-scro1 .next1 {
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
}

.img-scro2 {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-scro2 .prev2,
.img-scro2 .next2 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-scro2 .prev2 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-scro2 .next2 {
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
}

.img-scro3 {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-scro3 .prev3,
.img-scro3 .next3 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-scro3 .prev3 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-scro3 .next3 {
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
}

.img-scro4 {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-scro4 .prev4,
.img-scro4 .next4 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-scro4 .prev4 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-scro4 .next4 {
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
}

.img_food {
  position: relative;
  width: 1200px;
  height: 380px;
  margin-left: 60px;
  overflow: hidden;
}
.img_food ul {
  width: 9999px;
}
.img_food li {
  float: left;
  display: inline;
  width: 383px;
  margin-left: 8px;
  margin-right: 8px;
  height: 350px;
  background-color: #fff;
  text-align: left;
  border: 1px solid #dcdcdc;
  position: relative;
  z-index: 30;
  overflow: hidden;
}

.imgss {
  width: 383px;
  height: 290px;
  float: left;
  overflow: hidden;
}

.img_food li a img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.img_food li:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.img_food li a font {
  width: 383px;
  height: 50px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 50px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.img_food li a:hover font {
  color: #cb0005;
}

.img-eating {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-eating .prev2,
.img-scroll .next2 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-eating .prev2 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-eating .next2 {
  width: 56px;
  height: 56px;
  float: right;
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
  margin-top: 130px;
  text-indent: -99999px;
}
.img_eat {
  position: relative;
  width: 1200px;
  height: 380px;
  margin-left: 60px;
  overflow: hidden;
}
.img_eat ul {
  width: 9999px;
}
.img_eat li {
  float: left;
  display: inline;
  width: 383px;
  margin-left: 8px;
  margin-right: 8px;
  height: 350px;
  background-color: #fff;
  text-align: left;
  border: 1px solid #dcdcdc;
  position: relative;
  z-index: 30;
  overflow: hidden;
}

.img_eat li a img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.img_eat li:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.img_eat li a font {
  width: 383px;
  height: 50px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 50px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.img-yues {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-yues .prev3,
.img-yues .next3 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-yues .prev3 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-yues .next3 {
  width: 56px;
  height: 56px;
  float: right;
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
  margin-top: 0px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img_yue {
  position: relative;
  width: 1200px;
  height: 380px;
  margin-left: 60px;
  overflow: hidden;
}
.img_yue ul {
  width: 9999px;
}
.img_yue li {
  float: left;
  display: inline;
  width: 383px;
  margin-left: 8px;
  margin-right: 8px;
  height: 350px;
  background-color: #fff;
  text-align: left;
  border: 1px solid #dcdcdc;
  position: relative;
  z-index: 30;
  overflow: hidden;
}

.img_yue li a img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.img_yue li:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.img_yue li a font {
  width: 383px;
  height: 50px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 50px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.img-ecos {
  position: relative;
  margin: 40px auto 0 auto;
  float: left;
  width: 1325px;
}
.img-ecos .prev4,
.img-ecos .next4 {
  position: absolute;
  display: block;
  width: 56px;
  height: 56px;
  top: 130px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img-ecos .prev4 {
  left: 0;
  background: url(../images/prev1.jpg) no-repeat left top;
}
.img-ecos .next4 {
  width: 56px;
  height: 56px;
  float: right;
  right: 0;
  background: url(../images/next1.jpg) no-repeat left top;
  margin-top: 0px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  text-indent: -99999px;
  cursor: pointer;
}
.img_eco {
  position: relative;
  width: 1200px;
  height: 380px;
  margin-left: 60px;
  overflow: hidden;
}
.img_eco ul {
  width: 9999px;
}
.img_eco li {
  float: left;
  display: inline;
  width: 383px;
  margin-left: 8px;
  margin-right: 8px;
  height: 350px;
  background-color: #fff;
  text-align: left;
  border: 1px solid #dcdcdc;
  position: relative;
  z-index: 30;
  overflow: hidden;
}

.img_eco li a img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.img_eco li:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.img_eco li a font {
  width: 383px;
  height: 50px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 50px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.vid_more {
  width: 132px;
  height: 45px;
  margin: 20px auto 20px auto;
  overflow: hidden;
}

.vid_more a {
  width: 128px;
  height: 40px;
  float: left;
  border: 1px solid #164ebe;
  border-radius: 30px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #164ebe;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m_reasons {
  width: 1920px;
  *width: 1920px;
  _width: 1920px;
  height: 730px;
  position: relative;
  z-index: 9;
  margin: 0;
  top: 0;
  float: left;
  left: 50%;
  margin-left: -962px;
  *margin-left: -962px;
  _margin-left: -962px;
  background: url(../images/youshi_bg.jpg) no-repeat center bottom;
  overflow: hidden;
}

.m_reasons .reas_cokk {
  width: 580px;
  height: 65px;
  background: url(../images/line3.png) no-repeat right 50px;
  float: right;
  margin: 70px 0 0px 0;
}
.m_reasons .reas_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.m_reasons .reas_cokk h3 {
  width: 300px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.m_reasons .reas_cokk h3 font {
  width: 300px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}

.m_reasons .reas_cokk a {
  float: right;
  margin: 30px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.slide_2_right {
  width: 690px;
  float: right;
  margin: 0px 0 20px 0px;
}

.slide_2_right ul {
  width: 690px;
  float: left;
  height: auto;
  padding-left: 0px;
  margin-top: 0px;
}

.slide_2_right ul li {
  width: 690px;
  float: left;
  height: 90px;
  padding-left: 0px;
  margin-top: 50px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #323232;
  line-height: 20px;
  text-align: left;
  font-weight: normal;
}
.slide_2_right ul li a {
  width: 100%;
  float: left;
}

.slide_2_right ul li a h3 {
  width: 89px;
  height: 89px;
  float: left;
}

.slide_2_right ul li a h4 {
  width: 560px;
  float: right;
  height: 30px;
  font-family: "Microsoft YaHei";
  font-size: 24px;
  color: #164ebe;
  line-height: 30px;
  text-align: left;
  font-weight: normal;
}

.slide_2_right ul li a h5 {
  width: 560px;
  float: right;
  height: 60px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  text-align: left;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m_aboutbg {
  width: 1920px;
  *width: 1920px;
  _width: 1920px;
  height: 780px;
  position: relative;
  z-index: 9;
  margin: 0;
  top: 0;
  float: left;
  left: 50%;
  margin-left: -962px;
  *margin-left: -962px;
  _margin-left: -962px;
  background: url(../images/about1.jpg) no-repeat left 470px;
  overflow: hidden;
}

.abo_cokk {
  width: 1200px;
  height: 65px;
  background: url(../images/line4.png) no-repeat right 50px;
  margin: 70px auto 0px auto;
}
.abo_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.abo_cokk h3 {
  width: 160px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.abo_cokk h3 font {
  width: 160px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}

.m_abo_type {
  width: 573px;
  float: left;
  margin: 50px 0 0 0px;
  overflow: hidden;
}

.m_abo_type h3 {
  width: 573px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  line-height: 40px;
  font-style: normal;
  height: 40px;
}

.m_abo_type h4 {
  width: 573px;
  height: 120px;
  float: left;
  margin: 30px 0 10px 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #666666;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m_abo_type h5 {
  width: 573px;
  float: left;
  margin: 30px 0 10px 0;
  height: 40px;
}

.m_abo_type h5 a {
  width: 120px;
  height: 40px;
  float: left;
  background: #164ebe;
  border-radius: 20px;
  padding: 0 10px;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  line-height: 40px;
  font-style: normal;
}

.m_abo_img {
  width: 573px;
  height: 295px;
  float: right;
  background: url(../images/abo_bg.jpg) no-repeat left bottom;
  margin: 40px 0 0 0;
}

.m_abo_img img {
  float: left;
  margin: 0 0 0 96px;
  border: none;
}

.m_abo_shuzi {
  width: 1056px;
  height: 191px;
  float: left;
  margin: 50px 0 0 70px;
  background: url(../images/abo_txtbg.png) no-repeat left bottom;
  overflow: hidden;
}

/* 必要布局样式css */

.product-num-box {
  width: 100%;
  height: 180px;
}

.product-num-content {
  width: 1000px;
  height: 180px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}

.product-num-text {
  font-size: 16px;
  color: #cb0005;
  line-height: 28px;
}

.product-num-content ul {
  width: 1000px;
  float: left;
  margin: 40px 0 0 10px;
}

.product-num-content ul li {
  width: 200px;
  display: inline-block;
  margin: 0 20px;
  text-align: center;
}

.product-num-item {
  text-align: center;
  position: relative;
  font-size: 60px;
  color: #cb0005;
  line-height: 62px;
  font-family: Arial Rounded MT;
  font-weight: bold;
  margin: 0 auto;
}

.product-num-nub {
  display: inline-block;
  margin: 0 auto;
  font-size: 60px;
  color: #cb0005;
  line-height: 62px;
  font-family: Arial Rounded MT;
}

.product-num-add {
  display: inline-block;
  margin: 0 auto;
  font-size: 60px;
  color: #cb0005;
  line-height: 62px;
  font-family: Arial Rounded MT;
}
.product-num-inf {
  width: 100%;
  float: left;
  margin-top: 10px;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}

/*首页新闻*/

.m_newbgc {
  width: 100%;
  height: auto !important;
  min-height: 740px;
  float: left;
  background: #f8f8f8;
  padding: 70px 0 50px 0;
  overflow: hidden;
}

.mnew_cokk {
  width: 1200px;
  height: 65px;
  background: url(../images/line5.png) no-repeat right 50px;
  margin: 20px auto 0px auto;
}
.mnew_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.mnew_cokk h3 {
  width: 300px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.mnew_cokk h3 font {
  width: 300px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}

.m_new_type {
  width: 523px;
  float: left;
  margin: 30px 0 0 0px;
}

.m_new_type a h3 {
  width: 523px;
  float: left;
  margin: 10px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  font-style: normal;
  height: 30px;
}

.m_new_type a h3 font {
  float: right;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  font-style: normal;
}

.m_new_type a:hover h3 {
  color: #164ebe;
}

.m_new_type a h4 {
  width: 523px;
  height: 120px;
  float: left;
  margin: 10px 0 0px 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  font-style: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m_new_type a h5 {
  width: 523px;
  float: left;
  margin: 0px 0 10px 0;
  height: 30px;
}

.m_new_type a h5 font {
  width: 120px;
  height: 30px;
  float: left;
  background: none;
  padding: 0 0px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  font-style: normal;
}

.m_new_list {
  width: 523px;
  float: right;
  margin: 0px 20px 0 0px;
}

.m_new_list ul {
  width: 520px;
  float: left;
}

.m_new_list ul li {
  width: 520px;
  height: 60px;
  float: left;
  margin: 20px 0 10px 0;
  background: url(../images/line6.jpg) no-repeat 80px 10px;
}

.m_new_list ul li a h3 {
  width: 70px;
  height: 50px;
  padding-top: 5px;
  float: left;
  font-family: Arial;
  font-size: 26px;
  color: #333;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}

.m_new_list ul li a h3 font {
  width: 60px;
  height: 20px;
  padding-left: 20px;
  float: left;
  font-family: Arial;
  font-size: 16px;
  color: #666666;
  text-align: right;
  font-weight: normal;
  line-height: 20px;
}

.m_new_list ul li a h4 {
  width: 410px;
  height: 30px;
  margin: 0px 0 0 20px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333333;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m_new_list ul li a h5 {
  width: 410px;
  height: 30px;
  margin: 0px 0 0 20px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #666;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m_new_list ul li a:hover h3,
.m_new_list ul li a:hover h4 {
  color: #164ebe;
}

.m_newbgc_more {
  width: 140px;
  height: 42px;
  border: 1px solid #164ebe;
  border-radius: 30px;
  margin: 0 auto;
}

.m_newbgc_more a {
  width: 140px;
  height: 42px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #164ebe;
  text-align: center;
  font-weight: normal;
  line-height: 40px;
}

/*关于我们 about*/

.s_banner {
  width: 1920px;
  *width: 1920px;
  _width: 1920px;
  height: 575px;
  position: relative;
  z-index: 9;
  margin: 0;
  top: 0;
  float: left;
  left: 50%;
  background: #fff;
  margin-left: -962px;
  *margin-left: -962px;
  _margin-left: -962px;
  overflow: hidden;
}

.limit-cont-ideaH {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.ideaH-ban {
  text-align: center;
  color: #d4d4d4;
  background: url(../images/banna1.jpg) no-repeat center;
  height: 575px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.ideaH-ban .f46 {
  letter-spacing: 4px;
  width: 584px;
  margin: 100px 0 0 300px;
}

.ideaA-ban {
  text-align: center;
  color: #d4d4d4;
  background: url(../images/banna2.jpg) no-repeat center;
  height: 575px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.ideaA-ban .f40 {
  letter-spacing: 4px;
  width: 483px;
  margin: 100px 0 0 360px;
}

.ideaN-ban {
  text-align: center;
  color: #d4d4d4;
  background: url(../images/banna3.jpg) no-repeat center;
  height: 575px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.ideaN-ban .f20 {
  letter-spacing: 4px;
  width: 259px;
  margin: 110px 0 0 110px;
}

.ideaZ-ban {
  text-align: center;
  color: #d4d4d4;
  background: url(../images/banna4.jpg) no-repeat center;
  height: 575px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.ideaZ-ban .f30 {
  letter-spacing: 4px;
  width: 449px;
  margin: 210px 0 0 0px;
}

.ideaY-ban {
  text-align: center;
  color: #d4d4d4;
  background: url(../images/banna5.jpg) no-repeat center;
  height: 575px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.ideaY-ban .f50 {
  letter-spacing: 4px;
  width: 343px;
  margin: 210px 0 0 0px;
}

.ideaC-ban {
  text-align: center;
  color: #d4d4d4;
  background: url(../images/banna6.jpg) no-repeat center;
  height: 575px;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.ideaC-ban .f60 {
  letter-spacing: 4px;
  width: 626px;
  margin: 175px 0 0 286px;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 2s;
}

.s_abo_cokk {
  width: 1200px;
  height: 65px;
  background: url(../images/line7.png) no-repeat right 50px;
  margin: 20px auto 0px auto;
}
.s_abo_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.s_abo_cokk h3 {
  width: 300px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.s_abo_cokk h3 font {
  width: 300px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}

.s_abo_cokk h4 {
  float: right;
  margin: 20px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.s_abo_cokk h4 a {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.s_abo_cokk h4 img {
  float: left;
  margin: 0 8px;
}

.s_abo_link {
  width: 1200px;
  float: left;
  padding: 20px 0 0 0;
}

.s_abo_link ul {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.s_abo_link ul li {
  width: 112px;
  height: 36px;
  display: inline-block;
  margin: 20px 10px;
}

.s_abo_link ul li a {
  width: 110px;
  height: 34px;
  float: left;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #666;
  font-weight: normal;
  text-align: center;
  line-height: 34px;
  overflow: hidden;
}

.s_abo_link ul li a:hover,
.s_abo_link ul li a.ahov {
  width: 110px;
  height: 34px;
  float: left;
  background: #164ebe;
  border: 1px solid #164ebe;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  line-height: 34px;
  overflow: hidden;
}

.s_abocon {
  width: 1200px;
  float: left;
  padding: 20px 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
}

.s_abocon h3 {
  width: 1200px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 24px;
  color: #333333;
  font-weight: normal;
  text-align: left;
  line-height: 50px;
  padding: 10px 0;
}

.s_abocon img {
  display: block;
  margin: 0 auto;
  border: none;
}

/*honor*/
.s_abo_hon {
  width: 1200px;
  float: left;
  padding: 10px 0 0 0;
}

.s_abo_hon ul {
  width: 1230px;
  float: left;
  margin-left: -30px;
}

.s_abo_hon ul li {
  width: 273px;
  height: 430px;
  display: inline-block;
  margin: 10px 0px 10px 30px;
}

.s_abo_hon ul li a b {
  width: 271px;
  height: 385px;
  float: left;
  border: 1px solid #164ebe;
  overflow: hidden;
}
.s_abo_hon ul li a b img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.s_abo_hon ul li a:hover b img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.s_abo_hon ul li a font {
  width: 273px;
  height: 40px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s_abo_hon ul li a:hover font {
  color: #164ebe;
}

.s_honshow {
  width: 1200px;
  float: left;
  padding: 20px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
}

.s_honshow h3 {
  width: 1200px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 10px 0;
}

.s_honshow img {
  display: block;
  margin: 0 auto;
  border: 1px solid #164ebe;
}

/*product*/
.s_prolist {
  width: 1200px;
  float: left;
  padding: 10px 0 0 0;
}

.s_prolist ul {
  width: 1240px;
  float: left;
  margin-left: -20px;
}

.s_prolist ul li {
  width: 388px;
  height: 320px;
  display: inline-block;
  margin: 10px 0px 10px 20px;
}

.s_prolist ul li a b {
  width: 388px;
  height: 276px;
  float: left;
  border: none;
  overflow: hidden;
}
.s_prolist ul li a b img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.s_prolist ul li a:hover b img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.s_prolist ul li a font {
  width: 388px;
  height: 40px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s_prolist ul li a:hover font {
  color: #164ebe;
}

.s_proshow {
  width: 1200px;
  float: left;
  padding: 20px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
}

.s_proshow h3 {
  width: 1200px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 10px 0;
}

.s_proshow img {
  display: block;
  margin: 0 auto;
  border: 1px solid transparent;
}

/*news*/

.s_news_cokk {
  width: 1200px;
  height: 65px;
  background: url(../images/line5.png) no-repeat right 50px;
  margin: 20px auto 0px auto;
}
.s_news_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.s_news_cokk h3 {
  width: 300px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.s_news_cokk h3 font {
  width: 300px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}

.s_news_cokk h4 {
  float: right;
  margin: 20px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.s_news_cokk h4 a {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.s_news_cokk h4 img {
  float: left;
  margin: 0 8px;
}

.s_newss {
  width: 1200px;
  float: left;
  padding: 10px 0 0 0;
}

.s_newss ul {
  width: 1200px;
  float: left;
}

.s_newss ul li {
  width: 1200px;
  height: 97px;
  float: left;
  padding: 20px 0px 20px 0px;
  border-bottom: 1px solid #c9c9c9;
}

.s_newss ul li a {
  width: 1200px;
  height: 97px;
  float: left;
  background: url(../images/line11.jpg) no-repeat 1064px 4px;
}
.s_newss ul li a:hover {
  width: 1200px;
  height: 97px;
  float: left;
  background: url(../images/line12.jpg) no-repeat 1064px 4px;
}

.s_newss ul li a .inx1 {
  width: 138px;
  height: 97px;
  float: left;
  overflow: hidden;
}
.s_newss ul li a .inx1 img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.s_newss ul li a:hover .inx1 img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.s_newss ul li a .inx2 {
  width: 890px;
  height: 97px;
  float: left;
  margin-left: 20px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 28px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s_newss ul li a .inx2 font {
  width: 890px;
  height: 36px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s_newss ul li a h3 {
  width: 90px;
  height: 90px;
  padding-top: 5px;
  float: right;
  margin-right: 20px;
  font-family: SimHei;
  font-size: 36px;
  color: #333;
  text-align: right;
  font-weight: normal;
  line-height: 36px;
}

.s_newss ul li a h3 em {
  width: 40px;
  height: 30px;
  float: left;
  font-family: SimHei;
  font-size: 22px;
  color: #666666;
  text-align: right;
  font-weight: normal;
  font-style: normal;
  padding-left: 40px;
  line-height: 30px;
}

.s_newss ul li a:hover .inx2 font,
.s_newss ul li a:hover h3 {
  color: #164ebe;
}

.s_newsshow {
  width: 1200px;
  float: left;
  padding: 20px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
}

.s_newsshow h3 {
  width: 1200px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  padding: 10px 0;
}
.s_newsshow h3 font {
  width: 1200px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
  padding: 0px 0;
}

.s_newsshow img {
  display: block;
  margin: 0 auto;
  border: 1px solid transparent;
}

/*network*/
.s_netw_cokk {
  width: 1200px;
  height: 65px;
  background: url(../images/line8.png) no-repeat right 50px;
  margin: 20px auto 0px auto;
}
.s_netw_cokk b {
  float: left;
  padding-right: 8px;
  font-family: "Microsoft YaHei";
  font-size: 64px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 65px;
  text-transform: uppercase;
  font-style: normal;
}
.s_netw_cokk h3 {
  width: 300px;
  float: left;
  padding-top: 8px;
  font-family: "Microsoft YaHei";
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.s_netw_cokk h3 font {
  width: 300px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  text-transform: uppercase;
  font-style: normal;
}

.s_netw_cokk h4 {
  float: right;
  margin: 20px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.s_netw_cokk h4 a {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #666;
  font-weight: normal;
  text-align: left;
  line-height: 20px;
}

.s_netw_cokk h4 img {
  float: left;
  margin: 0 8px;
}

.s_network {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 40;
}

.s_network h3 {
  width: 1200px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 48px;
  color: #164ebe;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
}

.s_netw_type {
  width: 600px;
  height: auto !important;
  min-height: 420px;
  float: left;
  margin: 0px 0 0 0;
  position: relative;
  z-index: 20;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #999999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  padding-top: 40px;
}

.s_netw_type h4 {
  width: 450px;
  height: auto;
  float: left;
  margin: 0px 0 0 0;
  position: relative;
  z-index: 20;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #999999;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
}

.s_netw_type h4 b {
  width: 450px;
  height: auto;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 28px;
  color: #164ebe;
  font-weight: normal;
  text-align: left;
  line-height: 40px;
  font-style: normal;
}

.s_netw_type img {
  float: left;
  margin: 10px 30px 50px 30px;
  border: none;
}

.s_netw_map {
  width: 736px;
  height: auto !important;
  min-height: 520px;
  float: left;
  margin: 0px 0 0 -136px;
  position: relative;
  z-index: 16;
}

/*photo*/
.s_phos {
  width: 1200px;
  float: left;
  padding: 10px 0 0 0;
}

.s_phos ul {
  width: 1230px;
  float: left;
  margin-left: -20px;
}

.s_phos ul li {
  width: 345px;
  height: 402px;
  float: left;
  margin: 20px 20px 0 20px;
  position: relative;
}

.s_phos ul li a .phobg {
  width: 345px;
  height: 331px;
  float: left;
  position: relative;
  z-index: 30;
  background: url(../images/zboxbg.png) no-repeat left bottom;
  overflow: hidden;
}

.s_phos ul li a .phobg font {
  width: 210px;
  height: 210px;
  float: left;
  margin: 54px 0 0 64px;
  overflow: hidden;
}

.s_phos ul li a .phobg font img {
  display: block;
  margin: 0;
  border: none;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.s_phos ul li a:hover .phobg font img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

.s_phos ul li a h4 {
  width: 345px;
  height: 30px;
  float: left;
  margin: 0px 0 0 0;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s_phos ul li a:hover h4 {
  color: #164ebe;
}

.z_case1 {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/bgc1.png);
}
.z_case1 font {
  position: absolute;
  width: 74%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 16%;
}
.z_case1 a.close {
  position: absolute;
  right: -8%;
  top: -4%;
  width: 26px;
}
.z_case1 a.close img {
  margin: 0;
}

/*works*/

.worksimg {
  width: 1200px;
  height: 510px;
  margin: 40px auto 0 -50px;
}
.swiper-container1 {
  width: 100%;
  max-width: 1020px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
.swiper-container1 .swiper-slide1 {
  width: 709px;
  height: 449px;
  position: relative;
  z-index: 32;
}
.swiper-container1 .swipbg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 23;
  background:none /*url(../images/bgc2.png) repeat left bottom*/;
  left: 0;
  top: 0;
  text-indent: -99999px;
}
.swiper-container1 .swiper-slide6 img {
  position: relative;
  z-index: 12;
}

.swiper-slide-active .swipbg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 23;
  background: url(../images/bgc2.png) repeat left bottom;
  left: 0;
  top: 0;
  text-indent: -99999px;
  display: none;
}

/*contact*/

.s_contact {
  width: 1200px;
  float: left;
}

.s_contact h4 {
  width: 1200px;
  height: auto;
  float: left;
  margin: 30px 0 20px 0;
  position: relative;
  z-index: 20;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #666666;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
}
.s_contact h4 font {
  font-size: 24px;
  color: #164ebe;
  font-weight: bold;
}

.s_contatxt {
  width: 360px;
  float: left;
  margin: 20px 0px 0 0px;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  color: #333333;
  text-align: left;
  font-weight: normal;
  line-height: 45px;
}

.s_contatxt img {
  float: left;
  margin: 12px 10px 3px 0;
}

.s_contatxt a {
  color: #fff;
}

.s_contaweix {
  width: 112px;
  float: left;
  margin: 20px 0px 0 150px;
}

.s_contaweix ul {
  float: left;
}

.s_contaweix ul li {
  float: left;
  margin: 10px 0 10px 0;
}

.s_contaweix ul li img {
  border: none;
}
.s_contaweix ul li font {
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #333333;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
}

.s_gbk {
  width: 550px;
  float: right;
  margin-top: 0px;
}

table.table1 {
  width: 100%;
  float: left;
  border-collapse: collapse;
}
table.table1 th {
  width: 70px;
  height: 40px;
  float: left;
  margin-top: 10px;
  padding-right: 10px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #666666;
  line-height: 40px;
  text-align: right;
  font-weight: normal;
}
table.table1 td {
  width: 470px;
  height: auto;
  float: left;
  margin-top: 20px;
  line-height: 30px;
}

.tabt1 {
  width: 460px;
  height: 40px;
  float: left;
  padding-left: 10px;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #333;
  line-height: 58px\9;
  line-height: 40px;
  text-align: left;
  font-weight: normal;
  cursor: pointer;
  overflow: hidden;
}

.tabt2 {
  width: 460px;
  height: 110px;
  float: left;
  padding-left: 10px;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #333;
  line-height: 58px\9;
  line-height: 30px;
  text-align: left;
  font-weight: normal;
  cursor: pointer;
  overflow: hidden;
}

.tabt3 {
  width: 98px;
  height: 36px;
  float: left;
  margin: 0 0 0 200px;
  background: #164ebe;
  border: 1px solid #164ebe;
  border-radius: 20px;
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #fff;
  line-height: 58px\9;
  line-height: 36px;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  overflow: hidden;
}

/*fanye*/

.s_fanye {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.quotes {
  padding: 3px;
  margin: 3px;
  padding-top: 3px;
  text-align: center;
}
div.quotes a {
  padding: 5px 10px 5px 10px;
  font-family: Arial;
  font-size: 14px;
  color: #898989;
  margin-right: 8px;
  text-decoration: none;
  border-radius: 50px;
}
div.quotes a:hover,
div.quotes a.select {
  padding: 5px 10px 5px 10px;
  margin-right: 8px;
  font-family: Arial;
  font-size: 14px;
  color: #fff;
  border: #164ebe 1px solid;
  background-color: #164ebe;
  border-radius: 50px;
}
div.quotes a:active {
  padding: 5px 10px 5px 10px;
  margin-right: 8px;
  font-family: Arial;
  font-size: 14px;
  color: #fff;
  border-radius: 50px;
}
div.quotes span.current {
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  font-family: Arial;
  font-size: 14px;
  color: #fff;
  margin-right: 8px;
  border: #164ebe 1px solid;
  background-color: #164ebe;
  border-radius: 50px;
}
div.quotes span.disabled {
  padding: 5px 10px 5px 10px;
  font-family: Arial;
  font-size: 14px;
  color: #fff;
  margin-right: 8px;
  border-radius: 50px;
  border: #164ebe 1px solid;
  background-color: #164ebe;
}

.s_fan1 {
  width: auto;
  height: auto;
  float: right;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
  text-align: left;
}

.s_fan1 p {
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
  text-align: left;
}

.s_fan1 p font {
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
}
.s_fan1 p a {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
}

.s_fan1 p a:hover {
  font-family: "Microsoft YaHei";
  color: #164ebe;
}

/*footer*/
.m_footer {
  width: 100%;
  height: 350px;
  float: left;
  padding: 0;
  background: #313131;
  overflow: hidden;
}

.m_footleft {
  width: 343px;
  float: left;
  margin: 60px 0 0 0;
}

.m_footleft dl {
  width: 343px;
  float: left;
}

.m_footleft dl dd {
  width: 112px;
  float: left;
  margin: 30px 10px 0 40px;
}

.m_footleft dl dd font {
  width: 112px;
  float: left;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #999999;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}

.m_foottxt {
  width: 310px;
  float: left;
  margin: 60px 0px 0 90px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
}

.m_foottxt img {
  float: left;
  margin: 2px 10px 2px 0;
}

.m_foottxt a {
  color: #fff;
}

.m_footright {
  width: 450px;
  float: left;
  margin: 50px 0px 0 0px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
}

.m_footright ul {
  width: 490px;
  float: left;
}

.m_footright ul li {
  float: left;
  height: 20px;
  margin: 10px 10px 0px 20px;
}

.m_footright ul li a {
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 20px;
}
.m_footright ul li a:hover {
  color: #cb0005;
}

.m_footright dl {
  width: 490px;
  height: 120px;
  float: left;
  margin-top: 10px;
  overflow: hidden;
}

.m_footright dl dd {
  width: 470px;
  float: left;
  padding-left: 20px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 20px;
}

.m_footright dl dt {
  width: 190px;
  float: left;
  height: 20px;
  margin: 10px 10px 0px 20px;
  overflow: hidden;
}

.m_footright dl dt a {
  width: 190px;
  float: left;
  height: 20px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #999999;
  text-align: left;
  font-weight: normal;
  line-height: 20px;
}

.m_footline {
  width: 1200px;
  height: 45px;
  float: left;
  border-top: 1px solid #bfbfbf;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #999999;
  text-align: center;
  font-weight: normal;
  line-height: 45px;
}

.m_footline a {
  color: #999;
}

/*底部浮动*/
#right_layer {
  width: 78px;
  height: auto !important;
  min-height: initial;
  float: right;
  position: fixed;
  _position: absolute;
  z-index: 88;
  right: 0;
  bottom: 6rem;
  margin-top: auto;
  top: auto;
}
】 #right_layer {
  width: 78px;
  height: auto !important;
  min-height: 78px;
  float: left;
  display: block;
  position: relative;
  _position: absolute;
  z-index: 888;
}

#right_layer ul {
  float: left;
}
#right_layer ul li {
  width: 78px;
  height: 78px;
  float: left;
  margin-top: 5px;
  background: #fafafa;
  position: relative;
  z-index: 900;
}
#right_layer ul li a {
}
#right_layer ul li .rwx {
  width: 120px;
  height: 120px;
  float: left;
  display: block;
  display: none\9;
  position: absolute;
  z-index: 990;
  right: 78px;
  top: 0;
  margin-top: -40px;
  background: #ccc;
  display: none\9;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
}
#right_layer ul li:hover .rwx {
  width: 120px;
  height: 120px;
  float: left;
  display: block;
  position: absolute;
  z-index: 990;
  right: 86px;
  top: 0;
  margin-top: -20px;
  background: #ccc;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

#right_layer ul li .r_qq {
  width: 110px;
  height: 78px;
  float: left;
  display: block;
  position: absolute;
  z-index: 590;
  right: 78px;
  top: 0;
  margin-top: 0px;
  margin-right: -170px;
  background: #ccc;
  display: none\9;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

#right_layer ul li:hover .r_qq {
  width: 110px;
  height: 78px;
  float: left;
  display: block;
  position: absolute;
  z-index: 990;
  right: 78px;
  top: 0;
  margin-top: 0px;
  margin-right: 0px;
  background: #ccc;
  display: none\9;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

#right_layer ul li .r_top {
  width: 110px;
  height: 78px;
  float: left;
  display: block;
  position: absolute;
  z-index: 590;
  right: 78px;
  top: 0;
  margin-top: 0px;
  margin-right: -170px;
  background: #fafafa;
  font-family: SimSun;
  font-size: 14px;
  color: #666;
  line-height: 50px;
  text-align: center;
  font-weight: normal;
  display: none\9;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

#right_layer ul li:hover .r_top {
  width: 110px;
  height: 78px;
  float: left;
  display: block;
  position: absolute;
  z-index: 990;
  right: 78px;
  top: 0;
  margin-top: 0px;
  margin-right: 0px;
  background: #fafafa;
  font-family: SimSun;
  font-size: 14px;
  color: #666;
  line-height: 50px;
  text-align: center;
  font-weight: normal;
  display: none\9;
  transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

html,
body {
  padding: 0;
  margin: 0;
}
.swiper-container1 .swiper-slide1 img {
  margin: 0 auto;
}