@charset "utf-8";
/* @import "out.scss";*/
/**行元素，居左居中居右**/
/**块元素水平垂直居中**/
/**块元素垂直居中**/
/**块元素水平居中**/
/**填充父级**/
/**图片垂直水平居中**/
/**作用子级img**/
/**背景图片__$src:路径,$size:0(cover).支持（$size:100% auto）**/
/**@include  bgimage("img2.png",auto 100%);@include  bgimage("img2.png",0);**/
/**图片填充剪裁__等效于背景图片的cover**/
/**缩放(倍数)**/
/**旋转**/
/**位移**/
/**过度**/
/**文字样式__$size:文字大小，$lineHe:行高,$color:文字颜色.$pos:居左/中/右**/
/**@include font(30px,60px,red,center,2em);**/
/**元素hover时向上位移**/
/**@include docHup(-30px,.5s);**/
/**图片hover放大__.$n:放大倍数。$t:所用时间**/
/**阴影外/内**/
/**清除浮动**/
/**三角(尺寸，颜色，角的朝向) **/
/**圆角(控制边，控制数)。 $n1：左上角。$n2：右上角。$n3：右下角。$n4：左下角**/
/**颜色透明度**/
/**元素设置透明度**/
/**文本行数设置**/
/**怪异盒模型__写在父级作用子级**/
/**弹性盒模型(居*)__$just:justify-contetn的参数。$align:align-items的参数。**/
/**写在父级作用子级**/
/**弹性盒模型_$style：nowrap:不换行。wrap:换行(第一行在最上面)。wrap-reverse:换行，第一行在下方**/
/**写在父级作用子级**/
/**a标签伪类**/
/**@include alvha($h:red);**/
/*序列帧__$src:路径。$w:总帧宽。$h:帧高。$n:帧数。$t:时长。$dt:延时*/
/*
@include xlz("img13.png",1150px,307px,5,1s);
@include xlz("img13.png",1150px,307px,5);  $dt:不写默认为0s.
 */
/* 去高亮*/
/*图片不选中*/
/*a 去默认*/
/*input placeholder*/
/* 红色*/
/* 灰色字*/
/* 灰色线*/
/* 灰色背景*/
img {
  max-width: 100%;
}

.hidden {
  display: none;
}

.rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

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

a {
  display: inline-block;
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

html,
body {
  width: 100%;
  font-size: 12px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  -webkit-tap-highlight-color: #000000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: #000000;
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: #000000;
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: #000000;
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: #000000;
  tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}

.wrapper {
  min-width: 1200px;
  overflow-x: hidden;
  background: #fff;
}
.wrapper .wrap {
  width: 1200px;
  margin: 0 auto;
}

.bgindex {
  background: #f7f8fa;
}

/* 头部*/
.nav {
  height: 120px;
  background: white;
}
.nav .w1200 {
  height: 120px;
  position: relative;
  zoom: 1;
}
.nav .w1200:before, .nav .w1200:after {
  content: "";
  display: table;
}
.nav .w1200:after {
  clear: both;
}
.nav .w1200 .logo {
  width: 212px;
  height: 79px;
  position: absolute;
  top: 20px;
  left: 0;
}
.nav .w1200 .logo img {
  width: 212px;
  height: 79px;
}
.nav .w1200 .navColumn {
  text-align: center;
  margin: 35px 75px 35px 212px;
  font-size: 0;
}
.nav .w1200 .navColumn a {
  width: 115px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  color: black;
  text-align: center;
  text-indent: 0em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.nav .w1200 .navColumn .navcur {
  color: white;
  background: #cd2610;
}
.nav .w1200 .navImg {
  height: 30px;
  position: absolute;
  top: 47px;
  right: 0;
}
.nav .w1200 .navImg a {
  width: 26px;
  height: 26px;
  margin: 2px;
  margin-left: 15px;
}
.nav .w1200 .navImg .h01 {
  margin-left: 0;
  background-image: url("../images/h01.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nav .w1200 .navImg .h02 {
  background-image: url("../images/h02.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nav .w1200 .navImg .h01_1 {
  background-image: url("../images/h01_1.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nav .w1200 .navImg .h02_1 {
  background-image: url("../images/h02_1.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nav .w1200 .navImg .imgCur {
  position: relative;
}
.nav .w1200 .navImg .imgCur:after {
  display: block;
  content: "";
  width: 8px;
  height: 7px;
  background-image: url("../images/h23r.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: -20px;
  left: 9px;
}
.nav .codeSel {
  width: 1200px;
  height: 210px;
  margin: 0 auto;
  position: relative;
}
.nav .codeSel .erCode {
  width: 210px;
  height: 210px;
  z-index: 10;
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
}
.nav .codeSel .navSel {
  width: 493px;
  height: 57px;
  z-index: 10;
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url("../images/h05_1.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.nav .codeSel .navSel input {
  width: 400px;
  height: 57px;
  float: left;
  border: none;
  background: transparent;
  font-size: 18px;
  line-height: 57px;
  color: black;
  text-align: left;
  text-indent: 2rem;
}
.nav .codeSel .navSel span {
  width: 57px;
  height: 57px;
  float: right;
}

.kv {
  width: 100%;
  height: 350px;
  position: relative;
}
.kv img {
  width: 1920px;
  max-width: none;
  height: 350px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.kv p {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
}
.kv p span:nth-of-type(1) {
  display: inline-block;
  width: 118px;
  height: 40px;
  background: #cd2610;
  font-size: 24px;
  line-height: 40px;
  color: white;
  text-align: center;
  text-indent: 0em;
  position: absolute;
  top: 0;
  left: 0;
}
.kv p span:nth-of-type(2) {
  height: 40px;
  padding-left: 40px;
  background: url("../images/h21.png") no-repeat 20px center;
  font-size: 36px;
  line-height: 40px;
  color: white;
  text-align: center;
  text-indent: 0em;
  position: absolute;
  top: 0;
  left: 118px;
}

/* 选项卡部分*/
.secopt {
  height: 106px;
  position: absolute;
  top: -20px;
  left: 0;
}
.secopt .option {
  width: 1200px;
  height: 45px;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
}
.secopt .option:before, .secopt .option:after {
  content: "";
  display: table;
}
.secopt .option:after {
  clear: both;
}
.secopt .option li {
  width: 300px;
  height: 45px;
  background: #eee;
  float: left;
  /* &:hover {*/
  /* 	background:$red;*/
  /* 	a {*/
  /* 		color:white;*/
  /* 		&:after {*/
  /* 			display:none;*/
  /* 		}*/
  /* 	}*/
  /* }*/
}
.secopt .option li a {
  display: block;
  height: 45px;
  position: relative;
  font-size: 18px;
  line-height: 45px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.secopt .option li a:after {
  display: block;
  content: "";
  width: 1px;
  height: 26px;
  background: #dadada;
  position: absolute;
  top: 9px;
  right: 0;
}
.secopt .option li a img {
  width: 8px;
  height: 7px;
  margin-left: 15px;
}
.secopt .option li div {
  width: 100%;
  display: none;
}
.secopt .option li div p a {
  width: 100%;
  height: 45px;
  background: #f9f9f9;
  border-top: 1px solid #eee;
  cursor: pointer;
  font-size: 18px;
  line-height: 45px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.secopt .option li div p .cur {
  color: #cd2610;
}
.secopt .option li div p a:hover {
  background: #cd2610;
  color: white;
}
.secopt .option li:last-child a:after {
  display: none;
}
.secopt .option .licur {
  background: #cd2610;
}
.secopt .option .licur > a {
  color: white;
}
.secopt .option .licur > a:after {
  display: none;
}
.secopt .optnext {
  padding-top: 30px;
  height: 30px;
  width: 1200px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  zoom: 1;
}
.secopt .optnext:before, .secopt .optnext:after {
  content: "";
  display: table;
}
.secopt .optnext:after {
  clear: both;
}
.secopt .optnext .optnextl {
  float: left;
  height: 30px;
  zoom: 1;
}
.secopt .optnext .optnextl:before, .secopt .optnext .optnextl:after {
  content: "";
  display: table;
}
.secopt .optnext .optnextl:after {
  clear: both;
}
.secopt .optnext .optnextl .sel {
  float: left;
  margin-left: 10px;
}
.secopt .optnext .optnextl .sel span {
  display: inline-block;
  width: 85px;
  heigth: 30px;
  margin-right: 10px;
  background: #cd2610;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: white;
  text-align: center;
  text-indent: 0em;
}
.secopt .optnext .optnextl .sel .selr {
  float: right;
  background: white;
  font-size: 14px;
  line-height: 30px;
  color: black;
  text-align: left;
  text-indent: 0em;
  border: 1px solid #eee;
}
.secopt .optnext .optnextl .sel .selr h5 {
  padding: 0 40px 0 20px;
  font-weight: 400;
  cursor: pointer;
  background: url("../images/h23.png") no-repeat right 20px center;
}
.secopt .optnext .optnextl .sel .selr div {
  display: none;
}
.secopt .optnext .optnextl .sel .selr p {
  padding: 0 40px 0 20px;
  text-align: center;
  border-top: 1px solid #eee;
  cursor: pointer;
}
.secopt .optnext .optnextl .sel .selr p:hover {
  background: #eee;
}
.secopt .optnext .optnextl .sel:first-child {
  margin-left: 0;
}
.secopt .optnext .optnextr {
  float: right;
  height: 30px;
}
.secopt .optnext .optnextr a {
  float: left;
  padding-right: 15px;
  margin-right: 10px;
  background: url("../images/h22.png") no-repeat right center;
}
.secopt .optnext .optnextr a:hover {
  color: #cd2610;
}
.secopt .optnext .optnextr a:last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
  color: #cd2610;
}

/* 主体*/
.article {
  padding-bottom: 130px;
}

/* 首页*/
.homePage {
  position: relative;
  /* 企业概述*/
  /* 新闻动态*/
  /* 六个模块*/
  /* 品牌宣传*/
  /* 经典案例*/
  /* 业务布局*/
}
.homePage .homeKv {
  width: 100%;
  height: 900px;
  position: relative;
}
.homePage .homeKv .device {
  width: 1920px;
  height: 900px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.homePage .homeKv .device .arrp {
  width: 1200px;
  height: 900px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
.homePage .homeKv .device .arrp .arrow {
  width: 46px;
  height: 10px;
  z-index: 10;
  position: absolute;
}
.homePage .homeKv .device .arrp .arrow-left {
  top: 50%;
  left: 0;
  background: url(../images/h06_2.png) no-repeat;
}
.homePage .homeKv .device .arrp .arrow-right {
  top: 50%;
  right: 0;
  background: url(../images/h06_1.png) no-repeat;
}
.homePage .homeKv .device .swiper-container {
  width: 1920px;
  height: 900px;
}
.homePage .homeKv .device .swiper-container .swiper-slide {
  width: 1920px;
  height: 900px;
  position: relative;
}
.homePage .homeKv .device .swiper-container .swiper-slide p {
  width: 1200px;
  height: 900px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
  font-size: 55px;
  line-height: 900px;
  color: white;
  text-align: center;
  text-indent: 0;
}
.homePage .homeKv .device .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 15px;
  width: 100%;
  z-index: 10;
}
.homePage .homeKv .device .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.homePage .homeKv .device .swiper-active-switch {
  background: #fff;
}
.homePage .sec {
  margin-top: 70px;
}
.homePage .sec .tit {
  width: 100%;
  height: 68px;
  margin-bottom: 40px;
  position: relative;
}
.homePage .sec .tit .titl {
  width: 150px;
  height: 68px;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .sec .tit .titl p:nth-of-type(1) {
  padding-top: 20px;
  position: relative;
  font-size: 24px;
  line-height: 24px;
  color: #cd2610;
  text-align: left;
  text-indent: 0em;
}
.homePage .sec .tit .titl p:nth-of-type(1):before {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .sec .tit .titl p:nth-of-type(2) {
  padding-top: 10px;
  font-size: 12px;
  line-height: 12px;
  color: #cd2610;
  text-align: left;
  text-indent: 0em;
}
.homePage .sec .tit .titr {
  width: 60px;
  padding-right: 44px;
  background: url("../images/h06.png") no-repeat right center;
  font-size: 14px;
  line-height: 14px;
  color: #cd2610;
  text-align: right;
  text-indent: 0em;
  position: absolute;
  bottom: 0;
  right: 0;
}
.homePage .enterOver {
  zoom: 1;
}
.homePage .enterOver:before, .homePage .enterOver:after {
  content: "";
  display: table;
}
.homePage .enterOver:after {
  clear: both;
}
.homePage .enterOver .txt {
  width: 720px;
  margin-top: 60px;
  float: left;
  font-size: 14px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  text-indent: 0em;
}
.homePage .enterOver .img {
  width: 395px;
  height: 386px;
  float: right;
  position: relative;
  background-image: url("../images/h04.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.homePage .enterOver .img a {
  width: 100px;
  height: 130px;
}
.homePage .enterOver .img a:nth-of-type(1) {
  position: absolute;
  top: 85px;
  left: 85px;
}
.homePage .enterOver .img a:nth-of-type(2) {
  position: absolute;
  top: 5px;
  right: 5px;
}
.homePage .enterOver .img a:nth-of-type(3) {
  position: absolute;
  top: 181px;
  right: 85px;
}
.homePage .enterOver .img a:nth-of-type(4) {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.homePage .newsInfo {
  background: white;
  padding: 70px 0;
  margin-bottom: 70px;
}
.homePage .newsInfo ul {
  width: 100%;
  zoom: 1;
}
.homePage .newsInfo ul:before, .homePage .newsInfo ul:after {
  content: "";
  display: table;
}
.homePage .newsInfo ul:after {
  clear: both;
}
.homePage .newsInfo ul li {
  width: 355px;
  height: 340px;
  margin-right: 67px;
  float: left;
}
.homePage .newsInfo ul li a {
  display: block;
}
.homePage .newsInfo ul li p:nth-of-type(1) {
  width: 355px;
  height: 199px;
  margin-bottom: 20px;
  overflow: hidden;
}
.homePage .newsInfo ul li p:nth-of-type(1) img {
  width: 355px;
  height: 199px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.homePage .newsInfo ul li p:nth-of-type(1):hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.homePage .newsInfo ul li p:nth-of-type(2) {
  font-weight: 700;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  color: black;
  text-align: left;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  /*控制行数*/
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.homePage .newsInfo ul li p:nth-of-type(2):hover {
  color: #cd2610;
}
.homePage .newsInfo ul li p:nth-of-type(3) {
  height: 50px;
  font-size: 14px;
  line-height: 25px;
  color: #878787;
  text-align: left;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*控制行数*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.homePage .newsInfo ul li p:nth-of-type(3):hover {
  color: #cd2610;
}
.homePage .newsInfo ul li p:nth-of-type(4) {
  margin-top: 10px;
  font-size: 12px;
  line-height: 25px;
  color: #c6c6c6;
  text-align: left;
  text-indent: 0em;
}
.homePage .newsInfo ul li:nth-of-type(3n) {
  margin-right: 0;
}
.homePage .six {
  width: 100%;
  min-width: 1200px;
  margin-top: -70px;
  padding-top: 70px;
  zoom: 1;
}
.homePage .six:before, .homePage .six:after {
  content: "";
  display: table;
}
.homePage .six:after {
  clear: both;
}
.homePage .six .w1200 {
  width: 1200px;
  margin: 0 auto;
}
.homePage .six .h10 {
  width: 33.3%;
  height: 179px;
  float: left;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  background: url(../images/h10.png) no-repeat right center;
}
.homePage .six .h10 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/bb.png) no-repeat bottom center;
  background-image: url("../images/bb.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.homePage .six .h10 a span {
  width: 85px;
  height: 16px;
  padding-top: 24px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.homePage .six .h10 a span:before {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .six .h11 {
  width: 33.3%;
  height: 179px;
  float: left;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  background: url(../images/h11.png) no-repeat right center;
}
.homePage .six .h11 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/bb.png) no-repeat bottom center;
  background-image: url("../images/bb.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.homePage .six .h11 a span {
  width: 85px;
  height: 16px;
  padding-top: 24px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.homePage .six .h11 a span:before {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .six .h12 {
  width: 33.3%;
  height: 179px;
  float: left;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  background: url(../images/h12.png) no-repeat right center;
}
.homePage .six .h12 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/bb.png) no-repeat bottom center;
  background-image: url("../images/bb.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.homePage .six .h12 a span {
  width: 85px;
  height: 16px;
  padding-top: 24px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.homePage .six .h12 a span:before {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .six .h13 {
  width: 33.3%;
  height: 179px;
  float: left;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  background: url(../images/h13.png) no-repeat right center;
}
.homePage .six .h13 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/bb.png) no-repeat bottom center;
  background-image: url("../images/bb.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.homePage .six .h13 a span {
  width: 85px;
  height: 16px;
  padding-top: 24px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.homePage .six .h13 a span:before {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .six .h14 {
  width: 33.3%;
  height: 179px;
  float: left;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  background: url(../images/h14.png) no-repeat right center;
}
.homePage .six .h14 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/bb.png) no-repeat bottom center;
  background-image: url("../images/bb.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.homePage .six .h14 a span {
  width: 85px;
  height: 16px;
  padding-top: 24px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.homePage .six .h14 a span:before {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .six div:hover a {
  background: url(../images/br.png) no-repeat bottom center;
  background-image: url("../images/br.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.homePage .six .h13, .homePage .six .h14 {
  margin-top: -1px;
}
.homePage .six .h10:nth-of-type(6),
.homePage .six .h10:nth-of-type(5) {
  margin-top: -1px;
}
.homePage .six .h15 {
  position: relative;
}
.homePage .six .h15 a {
  width: 60px;
  padding-right: 44px;
  background: url("../images/h06.png") no-repeat right center;
  font-size: 14px;
  line-height: 14px;
  color: #cd2610;
  text-align: right;
  text-indent: 0em;
  position: absolute;
  bottom: 30px;
  left: 180px;
}
.homePage .braPub {
  position: relative;
}
.homePage .braPub .video {
  width: 1200px;
  height: 538px;
  position: relative;
  z-index: 1;
}
.homePage .braPub .video .h15 {
  width: 1200px;
  height: 538px;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .braPub .video .h16 {
  width: 73px;
  height: 73px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  cursor: pointer;
}
.homePage .braPub .diwen {
  width: 660px;
  height: 661px;
  background-image: url("../images/h47.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: -190px;
  right: -360px;
}
.homePage .claCase ul {
  width: 1200px;
  height: 225px;
  overflow: hidden;
  position: relative;
}
.homePage .claCase ul li {
  width: 600px;
  height: 225px;
}
.homePage .claCase ul li a:nth-of-type(1) {
  display: block;
  width: 240px;
  margin: 60px 30px;
  float: left;
}
.homePage .claCase ul li a:nth-of-type(1) p:nth-of-type(1) {
  height: 20px;
  padding-bottom: 22px;
  position: relative;
  font-size: 20px;
  line-height: 20px;
  color: white;
  text-align: left;
  text-indent: 0em;
}
.homePage .claCase ul li a:nth-of-type(1) p:nth-of-type(1):after {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
}
.homePage .claCase ul li a:nth-of-type(1) p:nth-of-type(2) {
  margin-top: 10px;
  font-size: 14px;
  line-height: 25px;
  color: white;
  text-align: left;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*控制行数*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.homePage .claCase ul li a:nth-of-type(2) {
  display: block;
  width: 300px;
  float: right;
}
.homePage .claCase ul li a:nth-of-type(2) img {
  width: 300px;
  height: 225px;
}
.homePage .claCase ul li:nth-of-type(1) {
  background: #535353;
  position: absolute;
  top: 0;
  left: 0;
}
.homePage .claCase ul li:nth-of-type(2) {
  background: #313131;
  position: absolute;
  top: 0;
  left: 600px;
}
.homePage .claCase ul li:nth-of-type(3) {
  background: #535353;
  position: absolute;
  top: 0;
  left: 900px;
}
.homePage .claCase ul #claCasecur {
  background: #d22f3e;
}
.homePage .busLay .h18 {
  width: 1198px;
  height: 916px;
  margin-top: -200px;
}

/* 关于我们-管理架构 */
.abus_Manarc .sec {
  position: relative;
  padding-top: 155px;
}
.abus_Manarc .sec .h24 {
  width: 1210px;
  height: 442px;
  margin-left: -5px;
}

/*关于我们-企业荣誉*/
.abus_Corhonor .sec {
  position: relative;
  padding-top: 155px;
}
.abus_Corhonor .sec .h45 {
  width: 1220px;
  height: 496px;
  margin-left: -10px;
}
.abus_Corhonor .sec .tit {
  padding-top: 25px;
  margin-top: 65px;
  border-top: 1px solid #eee;
  font-size: 24px;
  line-height: 60px;
  color: black;
  text-align: left;
  text-indent: 0em;
}
.abus_Corhonor .sec ul.honor {
  zoom: 1;
}
.abus_Corhonor .sec ul.honor:before, .abus_Corhonor .sec ul.honor:after {
  content: "";
  display: table;
}
.abus_Corhonor .sec ul.honor:after {
  clear: both;
}
.abus_Corhonor .sec ul.honor li {
  width: 375px;
  padding-left: 25px;
  float: left;
  position: relative;
  background: url(../images/h46.png) no-repeat left center;
  font-size: 16px;
  line-height: 60px;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  text-indent: 0em;
}
.abus_Corhonor .sec ul.honor li:after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: #eee;
  position: absolute;
  top: 0;
  right: 60px;
}
.abus_Corhonor .sec ul.honor li .red {
  color: #cd2610;
}
.abus_Corhonor .sec ul.honor li:nth-of-type(3n):after {
  width: 0;
}

/* 关于我们-企业概述*/
.abus_Enterover .sec {
  position: relative;
  padding-top: 120px;
}
.abus_Enterover .sec .video {
  width: 1200px;
  height: 538px;
  position: relative;
}
.abus_Enterover .sec .video .h15 {
  width: 1200px;
  height: 538px;
  position: absolute;
  top: 0;
  left: 0;
}
.abus_Enterover .sec .video .h16 {
  width: 73px;
  height: 73px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  cursor: pointer;
}
.abus_Enterover .sec .txt {
  padding-top: 50px;
  margin-bottom: 50px;
  border-top: 1px solid #eee;
}
.abus_Enterover .sec .showNum {
  width: 1500px;
  height: 65px;
  padding: 30px 0;
  margin-bottom: 80px;
  background: #cd2610;
  position: relative;
}
.abus_Enterover .sec .showNum ul {
  width: 1077px;
  height: 70px;
  zoom: 1;
  position: absolute;
  top: 30px;
  right: 0;
}
.abus_Enterover .sec .showNum ul:before, .abus_Enterover .sec .showNum ul:after {
  content: "";
  display: table;
}
.abus_Enterover .sec .showNum ul:after {
  clear: both;
}
.abus_Enterover .sec .showNum ul li {
  width: 214px;
  height: 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  float: left;
}
.abus_Enterover .sec .showNum ul li p:nth-of-type(1) {
  font-size: 36px;
  line-height: 45px;
  color: white;
  text-align: center;
  text-indent: 0em;
}
.abus_Enterover .sec .showNum ul li p:nth-of-type(2) {
  /* margin-top: 18px;*/
  font-size: 16px;
  line-height: 25px;
  color: white;
  text-align: center;
  text-indent: 0em;
}
.abus_Enterover .sec .showNum ul li:last-child {
  border-right: none;
}
.abus_Enterover .sec .device {
  width: 1200px;
  height: 329px;
  padding-top: 50px;
  border-top: 1px solid #eee;
  overflow: hidden;
  position: relative;
}
.abus_Enterover .sec .device .swiper-slide {
  width: 585px;
  height: 329px;
}
.abus_Enterover .sec .device .swiper-slide a {
  display: block;
  width: 585px;
  height: 329px;
  opacity: 0.9;
  position: relative;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.abus_Enterover .sec .device .swiper-slide a img {
  width: 585px;
  height: 329px;
  position: absolute;
  top: 0;
  left: 0;
}
.abus_Enterover .sec .device .swiper-slide a p {
  width: 585px;
  height: 40px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  line-height: 40px;
  color: white;
  text-align: left;
  text-indent: 1em;
}
.abus_Enterover .sec .device .swiper-slide a:hover {
  opacity: 1;
}
.abus_Enterover .sec .device .swiper-slide:nth-of-type(2n) a {
  float: right;
}
.abus_Enterover .sec .device .arrow {
  width: 51px;
  height: 78px;
  z-index: 10;
  position: absolute;
}
.abus_Enterover .sec .device .arrow-left {
  top: 50%;
  left: 0;
  margin-top: -9px;
  background: url(../images/arrowsl.png) no-repeat;
}
.abus_Enterover .sec .device .arrow-right {
  top: 50%;
  right: 0;
  margin-top: -9px;
  background: url(../images/arrowsr.png) no-repeat;
}

/* 新闻中心-公司新闻*/
.news_Comnews .sec {
  position: relative;
  padding-top: 120px;
}
.news_Comnews .sec .oneNews {
  height: 203px;
  padding: 18px 0;
  background: #f9f9f9;
  zoom: 1;
}
.news_Comnews .sec .oneNews:before, .news_Comnews .sec .oneNews:after {
  content: "";
  display: table;
}
.news_Comnews .sec .oneNews:after {
  clear: both;
}
.news_Comnews .sec .oneNews .onleft {
  width: 304px;
  height: 203px;
  float: left;
  overflow: hidden;
}
.news_Comnews .sec .oneNews .onleft img {
  width: 304px;
  height: 203px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news_Comnews .sec .oneNews .onleft:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news_Comnews .sec .oneNews .onright {
  width: 860px;
  height: 203px;
  float: right;
}
.news_Comnews .sec .oneNews .onright > p:nth-of-type(1) a {
  font-size: 18px;
  line-height: 50px;
  color: black;
  text-align: left;
  text-indent: 0em;
}
.news_Comnews .sec .oneNews .onright > p:nth-of-type(1):hover a {
  color: #cd2610;
}
.news_Comnews .sec .oneNews .onright > p:nth-of-type(2) {
  font-size: 12px;
  line-height: 30px;
  color: #b7b7b7;
  text-align: left;
  text-indent: 0em;
}
.news_Comnews .sec .oneNews .onright > p:nth-of-type(2) span {
  display: inline-block;
  margin-right: 18px;
}
.news_Comnews .sec .oneNews .onright .txt p {
  width: 800px;
  font-size: 14px;
  line-height: 25px;
  text-aling: left;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*控制行数*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.news_Comnews .sec .oneNews .onright .txt p:hover {
  color: #cd2610;
}
.news_Comnews .sec .manyNews {
  margin-top: 60px;
  zoom: 1;
}
.news_Comnews .sec .manyNews:before, .news_Comnews .sec .manyNews:after {
  content: "";
  display: table;
}
.news_Comnews .sec .manyNews:after {
  clear: both;
}
.news_Comnews .sec .manyNews li {
  width: 560px;
  height: 160px;
  margin-bottom: 60px;
  float: left;
}
.news_Comnews .sec .manyNews li .mnleft {
  width: 85px;
  height: 85px;
  background: #535353;
  float: left;
}
.news_Comnews .sec .manyNews li .mnleft p:nth-of-type(1) {
  margin-top: 20px;
  font-size: 24px;
  line-height: 24px;
  color: white;
  text-align: center;
  text-indent: 0em;
}
.news_Comnews .sec .manyNews li .mnleft p:nth-of-type(2) {
  margin-top: 5px;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-align: center;
  text-indent: 1.5em;
}
.news_Comnews .sec .manyNews li .mnright {
  width: 435px;
  height: 120px;
  padding: 20px;
  background: #f9f9f9;
  float: right;
}
.news_Comnews .sec .manyNews li .mnright a:nth-of-type(1) {
  display: block;
  height: 35px;
  font-size: 18px;
  line-height: 35px;
  color: black;
  text-align: left;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  /*控制行数*/
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.news_Comnews .sec .manyNews li .mnright a:nth-of-type(1):hover {
  color: #cd2610;
}
.news_Comnews .sec .manyNews li .mnright p {
  font-size: 12px;
  line-height: 25px;
  color: black;
  text-align: left;
  text-indent: 0em;
}
.news_Comnews .sec .manyNews li .mnright a:nth-of-type(2) {
  display: block;
  height: 47px;
  font-size: 14px;
  line-height: 25px;
  color: black;
  text-align: left;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*控制行数*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
}
.news_Comnews .sec .manyNews li .mnright a:nth-of-type(2):hover {
  color: #cd2610;
}
.news_Comnews .sec .manyNews li:first-child .mnleft {
  background: #cd2610;
}
.news_Comnews .sec .manyNews li:nth-of-type(2n) {
  float: right;
}
.news_Comnews .sec .more {
  display: block;
  width: 142px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 32px;
  color: black;
  text-align: center;
  text-indent: 0em;
}

/* 新闻中心-新闻详情*/
.news_Detail .sec {
  position: relative;
  padding-top: 120px;
}
.news_Detail .sec .art p {
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  text-indent: 0em;
}
.news_Detail .sec .art p img {
  max-width: 1200px;
  margin: 30px auto;
}
.news_Detail .sec .art .tit {
  font-size: 18px;
  line-height: 50px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.news_Detail .sec .art .litTit {
  font-size: 12px;
  line-height: 55px;
  color: #b7b7b7;
  text-align: center;
  text-indent: 0em;
}

/* 加入幸福-薪酬福利 */
.johap_Remwel .sec {
  position: relative;
  padding-top: 120px;
}
.johap_Remwel .sec .art .tit {
  font-weight: 700px;
  font-size: 24px;
  line-height: 55px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.johap_Remwel .sec .art .liTit {
  font-size: 16px;
  line-height: 35px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.johap_Remwel .sec .art .imgtxt {
  padding-top: 50px;
}
.johap_Remwel .sec .art .imgtxt img {
  width: 1200px;
  height: 298px;
  display: block;
  margin: 0px auto 20px;
}
.johap_Remwel .sec .art .imgtxt ul {
  zoom: 1;
}
.johap_Remwel .sec .art .imgtxt ul:before, .johap_Remwel .sec .art .imgtxt ul:after {
  content: "";
  display: table;
}
.johap_Remwel .sec .art .imgtxt ul:after {
  clear: both;
}
.johap_Remwel .sec .art .imgtxt ul li {
  width: 330px;
  margin-right: 105px;
  float: left;
}
.johap_Remwel .sec .art .imgtxt ul li p:nth-of-type(1) {
  font-size: 16px;
  line-height: 35px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.johap_Remwel .sec .art .imgtxt ul li p:nth-of-type(2) {
  width: 230px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*控制行数*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.johap_Remwel .sec .art .imgtxt ul li:last-child {
  margin-right: 0;
}

/* 加入幸福-员工活动 */
.johap_Empact .sec {
  position: relative;
  padding-top: 120px;
}
.johap_Empact .sec .device {
  height: 450px;
  position: relative;
  overflow: hidden;
}
.johap_Empact .sec .device .arrow {
  width: 51px;
  height: 78px;
  z-index: 10;
  position: absolute;
}
.johap_Empact .sec .device .arrow-left {
  top: 50%;
  left: 0;
  margin-top: -39px;
  background: url(../images/arrowsll.png) no-repeat;
}
.johap_Empact .sec .device .arrow-right {
  top: 50%;
  right: 0;
  margin-top: -39px;
  background: url(../images/arrowsrr.png) no-repeat;
}
.johap_Empact .sec .device .swiper-slide {
  height: 450px;
  width: 400px;
  zoom: 1;
}
.johap_Empact .sec .device .swiper-slide:before, .johap_Empact .sec .device .swiper-slide:after {
  content: "";
  display: table;
}
.johap_Empact .sec .device .swiper-slide:after {
  clear: both;
}
.johap_Empact .sec .device .swiper-slide a {
  height: 225px;
  width: 400px;
  float: left;
  overflow: hidden;
}
.johap_Empact .sec .device .swiper-slide a img {
  height: 225px;
  width: 400px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.johap_Empact .sec .device .swiper-slide a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.johap_Empact .sec .device .swiper-slide div {
  height: 225px;
  width: 400px;
  position: relative;
  float: left;
}
.johap_Empact .sec .device .swiper-slide div a {
  height: 205px;
  width: 400px;
  padding-top: 20px;
}
.johap_Empact .sec .device .swiper-slide div a p:nth-of-type(1) {
  font-size: 16px;
  line-height: 70px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.johap_Empact .sec .device .swiper-slide div a p:nth-of-type(2) {
  width: 350px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  text-indent: 0em;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 3;
  /*控制行数*/
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.johap_Empact .sec .device .swiper-slide div a:hover p {
  color: #cd2610;
}
.johap_Empact .sec .device .swiper-slide div span {
  display: inline-block;
  width: 21px;
  height: 18px;
  z-index: 10;
}
.johap_Empact .sec .device .swiper-slide:nth-of-type(2n) div {
  background-image: url("../images/h33.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.johap_Empact .sec .device .swiper-slide:nth-of-type(2n) div span {
  background-image: url("../images/h38t.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -10px;
}
.johap_Empact .sec .device .swiper-slide:nth-of-type(2n-1) {
  position: relative;
}
.johap_Empact .sec .device .swiper-slide:nth-of-type(2n-1) > a {
  position: absolute;
  top: 225px;
  left: 0;
}
.johap_Empact .sec .device .swiper-slide:nth-of-type(2n-1) div {
  background-image: url("../images/h35.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.johap_Empact .sec .device .swiper-slide:nth-of-type(2n-1) div span {
  background-image: url("../images/h38d.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -10px;
}

/* 加入幸福-招贤纳士*/
.johap_Invmen .sec {
  position: relative;
  padding-top: 120px;
}
.johap_Invmen .sec .content .topTips {
  background: #f7f7f7;
  font-size: 0;
}
.johap_Invmen .sec .content .topTips span {
  display: inline-block;
  width: 200px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.johap_Invmen .sec .content ul {
  width: 100%;
  padding-bottom: 50px;
}
.johap_Invmen .sec .content ul li {
  width: 100%;
  border-bottom: 1px solid #eee;
}
.johap_Invmen .sec .content ul li .tit {
  font-size: 0;
}
.johap_Invmen .sec .content ul li .tit p {
  display: inline-block;
  width: 200px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  text-indent: 0em;
}
.johap_Invmen .sec .content ul li .tit img {
  width: 14px;
  height: 7px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.johap_Invmen .sec .content ul li .ctx {
  width: 1100px;
  padding-left: 40px;
  display: none;
  padding-bottom: 40px;
}
.johap_Invmen .sec .content ul li .ctx p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  text-indent: 0em;
}
.johap_Invmen .sec .content ul li:first-child {
  border-top: 1px solid #eee;
}
.johap_Invmen .sec .content .more {
  display: block;
  width: 150px;
  height: 32px;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  text-indent: 0em;
}

/*业务介绍-住宅物业*/
.busintr_Respro .sec {
  position: relative;
  padding-top: 120px;
}
.busintr_Respro .sec .unit {
  padding-bottom: 30px;
  zoom: 1;
}
.busintr_Respro .sec .unit:before, .busintr_Respro .sec .unit:after {
  content: "";
  display: table;
}
.busintr_Respro .sec .unit:after {
  clear: both;
}
.busintr_Respro .sec .unit p {
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  text-indent: 0em;
}
.busintr_Respro .sec .unit .tit {
  font-size: 24px;
  line-height: 80px;
  color: black;
  text-align: left;
  text-indent: 0em;
}
.busintr_Respro .sec .unit .img {
  width: 905px;
  height: 504px;
  overflow: hidden;
  float: left;
  position: relative;
}
.busintr_Respro .sec .unit .img img {
  width: 905px;
  height: 504px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.busintr_Respro .sec .unit .img a {
  display: block;
  width: 905px;
  height: 504px;
  z-index: 10;
  background: url(../images/h44.png) no-repeat bottom center;
  position: absolute;
  top: 0;
  left: 0;
}
.busintr_Respro .sec .unit .img a p:nth-of-type(1) {
  width: 835px;
  font-size: 18px;
  line-height: 60px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 60px;
  left: 35px;
}
.busintr_Respro .sec .unit .img a p:nth-of-type(2) {
  width: 835px;
  font-size: 14px;
  line-height: 20px;
  color: white;
  text-align: left;
  text-indent: 0em;
  position: absolute;
  bottom: 20px;
  left: 35px;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*控制行数*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.busintr_Respro .sec .unit .img:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.busintr_Respro .sec .unit .device {
  width: 282px;
  height: 504px;
  overflow: hidden;
  float: right;
  position: relative;
}
.busintr_Respro .sec .unit .device .swiper-container {
  height: 519px;
  width: 282px;
  color: #fff;
  text-align: center;
}
.busintr_Respro .sec .unit .device .swiper-nested-1 {
  width: 100%;
}
.busintr_Respro .sec .unit .device .swiper-slide {
  width: 282px;
  height: 158px;
}
.busintr_Respro .sec .unit .device .swiper-slide a {
  display: inline-block;
  width: 282px;
  height: 158px;
  overflow: hidden;
}
.busintr_Respro .sec .unit .device .swiper-slide a img {
  width: 282px;
  height: 158px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.busintr_Respro .sec .unit .device .swiper-slide a:hover img {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}
.busintr_Respro .sec .unit .device .arrow {
  width: 282px;
  height: 34px;
  z-index: 10;
  position: absolute;
}
.busintr_Respro .sec .unit .device .pre-arrow {
  top: 0;
  left: 0;
  background: url(../images/arrowst.png) no-repeat;
}
.busintr_Respro .sec .unit .device .next-arrow {
  bottom: 0;
  right: 0;
  background: url(../images/arrowsd.png) no-repeat;
}

.vid {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
  display: none;
}
.vid .vidcon {
  width: 1200px;
  height: 598px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -299px;
  margin-left: -600px;
}
.vid .vidcon span {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/close.png) no-repeat center center;
}
.vid .vidcon iframe {
  width: 1200px;
  height: 538px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 底部*/
.footer {
  height: 280px;
  padding-top: 60px;
  position: relative;
}
.footer:before {
  display: block;
  content: "";
  width: 1920px;
  height: 1px;
  background: #cd2610;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
}
.footer .fooTop {
  zoom: 1;
}
.footer .fooTop:before, .footer .fooTop:after {
  content: "";
  display: table;
}
.footer .fooTop:after {
  clear: both;
}
.footer .fooTop .fooTopl {
  width: 690px;
  float: left;
}
.footer .fooTop .fooTopl li {
  width: 115px;
  float: left;
}
.footer .fooTop .fooTopl li p {
  height: 14px;
  padding-bottom: 36px;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  color: black;
  text-align: center;
  text-indent: 0em;
}
.footer .fooTop .fooTopl li p:after {
  display: block;
  content: "";
  width: 10px;
  height: 1px;
  background: #b7b7b7;
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin-left: -5px;
}
.footer .fooTop .fooTopl li a {
  display: block;
  font-size: 12px;
  line-height: 25px;
  color: #b7b7b7;
  text-align: center;
  text-indent: 0em;
}
.footer .fooTop .fooTopl li a:hover {
  color: #cd2610;
}
.footer .fooTop .fooTopl li:first-child {
  width: 80px;
}
.footer .fooTop .fooTopl li:first-child p {
  width: 60px;
}
.footer .fooTop .fooTopl li:first-child a {
  width: 60px;
}
.footer .fooTop .fooTopr {
  width: 406px;
  float: right;
}
.footer .fooTop .fooTopr li:nth-of-type(1) {
  width: 130px;
  float: left;
}
.footer .fooTop .fooTopr li:nth-of-type(1) p:nth-of-type(1) {
  height: 24px;
  padding-bottom: 11px;
  font-size: 14px;
  line-height: 14px;
  color: left;
  text-align: 0em;
  text-indent: 0;
  position: relative;
}
.footer .fooTop .fooTopr li:nth-of-type(1) p:nth-of-type(1):after {
  display: block;
  content: "";
  width: 10px;
  height: 1px;
  background: #b7b7b7;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer .fooTop .fooTopr li:nth-of-type(1) p:nth-of-type(2) {
  font-size: 24px;
  line-height: 50px;
  color: #cd2610;
  text-align: left;
  text-indent: 0em;
}
.footer .fooTop .fooTopr li:nth-of-type(2) {
  width: 152px;
  float: right;
}
.footer .fooTop .fooTopr li:nth-of-type(2) p {
  text-align: center;
}
.footer .fooTop .fooTopr li:nth-of-type(2) p img {
  width: 152px;
  width: 152px;
  margin-bottom: 10px;
}
.footer .copyright {
  height: 60px;
  font-size: 12px;
  line-height: 60px;
  color: #b7b7b7;
  text-align: left;
  text-indent: 0em;
}

/* @media screen and (max-width: 1200px) {*/
/* 	html,*/
/* 	body {*/
/* 	    overflow-x:scroll;*/
/* 	}*/
/* }*/
/**
20180920
**/
.new_toubox {
  height: 100px;
  background: #fff;
}
.new_toubox .w1200 {
  height: 100px;
  position: relative;
}
.new_toubox .w1200 a.nlogo {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -40px;
}
.new_toubox .w1200 a.nlogo img {
  height: 80px;
}
.new_toubox .w1200 a.backhomebut {
  display: block;
  width: 90px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -20px;
  background: #cc2610;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  text-indent: 0em;
}

.new_banner {
  width: 100%;
  min-width: 1200px;
  position: relative;
  height: 610px;
  overflow: hidden;
}
.new_banner img {
  display: block;
  width: 1920px;
  height: 610px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0px;
}

.recruit_tab {
  width: 1200px;
  height: 91px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  margin-top: -80px;
  z-index: 10;
}
.recruit_tab ul {
  width: 1230px;
}
.recruit_tab ul li {
  float: left;
  width: 380px;
  cursor: pointer;
  height: 60px;
  background: #fff;
  font-size: 18px;
  line-height: 60px;
  color: #333;
  text-align: center;
  text-indent: 0em;
  margin-right: 30px;
}
.recruit_tab ul li:hover {
  background: #cc2610;
  color: #fff;
}
.recruit_tab ul li.chost {
  color: #fff;
  padding-bottom: 31px;
  background: url("../../recruit/img/icon0.png");
}

.Recruitbox {
  min-width: 1200px;
  overflow: hidden;
  width: 100%;
  margin-top: -11px;
}
.Recruitbox .recruit_cont {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  line-height: 0px;
}
.Recruitbox .recruit_cont img {
  margin: 0px;
  display: block;
  width: 1920px;
}

/*# sourceMappingURL=style.css.map */