@charset "utf-8";

/* CSS Document */

body {
  font-family: "STXihei", "STHeitiLight", "华文细黑", "Microsoft JhengHei", "思源黑体", '思源黑体', Arial, sans-serif !important;
}
a , a:hover{
  text-decoration: none;
}

video#intro-video {
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.common_title{ padding-left: 25%;}
.common_title h5{ font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 10px;}
.common_title h6{font-size: 16px;
  color: #fff;
  margin-bottom: 40px;
  line-height: 30px;
  letter-spacing: 2px;}
/***预加载***/

.body_box1 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.body_box2 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1003;
  background: #333;
  opacity: 1;
  text-align: center;
}

.body_box3 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  /*bottom: 0;*/
  right: 0;
  height: 100%;
  z-index: 1002;
}


.body_box2_list {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  width: 170px;
}


/*.body_box2_list.on{
	top: 50%;
	filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;
	-webkit-transition: all cubic-bezier(.18,1,.21,1) .6s 2s;
	-moz-transition: all cubic-bezier(.18,1,.21,1) .6s 2s;
	-ms-transition: all cubic-bezier(.18,1,.21,1) .6s 2s;
	-o-transition: all cubic-bezier(.18,1,.21,1) .6s 2s;
    transition: all cubic-bezier(.18,1,.21,1) .6s 2s;
}*/

.body_box2_list img {
  width: 100%;
}

.body_box2_list1_line {
  width: 240px;
  height: 240px;
  /*border:1px solid #fff;*/
  position: relative;
}

.body_box2_list1_line1 {
  width: 0%;
  height: 1px;
  background: #5a5a5a;
  position: absolute;
  left: 0;
  top: 0;
}

.body_box2_list1_line2 {
  width: 1px;
  height: 0%;
  background: #5a5a5a;
  position: absolute;
  right: 0;
  top: 0;
}

.body_box2_list1_line3 {
  width: 0%;
  height: 1px;
  background: #5a5a5a;
  position: absolute;
  right: 0;
  bottom: 0;
}

.body_box2_list1_line4 {
  width: 1px;
  height: 0%;
  background: #5a5a5a;
  position: absolute;
  bottom: 0;
  left: 0;
}

.body_box2_list1_line.on .body_box2_list1_line1 {
  width: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.5s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.5s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.5s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.5s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.5s;
}

.body_box2_list1_line.on .body_box2_list1_line2 {
  height: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
}

.body_box2_list1_line.on .body_box2_list1_line3 {
  width: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.5s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.5s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.5s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.5s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.5s;
}

.body_box2_list1_line.on .body_box2_list1_line4 {
  height: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 2s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 2s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 2s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 2s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 2s;
}
.body_box2_list1 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  display: inline-block;
}


/***预加载***/

/*****header*******/
/* .header {
  position: fixed;
  width: 100%;
  top: -90px;
  z-index: 999;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.header.active {
  top: 0;
  background: #fff;
	
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
} */
/* .header_nav {
  width: 80%;
  margin: 0 auto;
}
.logo {
  width: 120px;
  float: left;
  margin-top: 30px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.header1 .logo {
  margin-left: 30px;
}
.logo img { */
  /*width: 130px;*/
 /* height: 40px; */
/* }
.logo2 img { */
  /*width: 120px;*/
/* }
.menu {
  float: right;
}
.navbar-nav {
  margin: 0 auto 50px;
}
.navbar-toggle {
  margin-right: 0;
  padding-right: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.menu>ul>li {
  float: left;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 40px;
  position: relative;
}
.menu>ul>li>a {
  color: #333;
  letter-spacing: 2px;
}
.menu ul li:hover a {
  color: #e62129;
}
.header.active .menu>ul>li>a {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  margin: 25px 0 25px;
}
.header.active .logo {
  margin-top: 15px;
}
.index_box {
  margin: auto;
  width: 80%;
}
.header1 {
  height: 90px;
  position: fixed;
  top: -90px;
  left: 0;
  z-index: 100;
  width: 100%;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.header1.active {
  top: 0;
}
.header1_toggle {
  display: block;
  position: absolute;
  top: 23px;
  z-index: 99999;
  right: 20px;
  padding: 16px 14px;
  cursor: pointer;
  background: #fff;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  height: 44px;
  width: 44px;
  -webkit-transition: right 400ms ease-in-out, top 400ms ease-in-out;
  -moz-transition: right 400ms ease-in-out, top 400ms ease-in-out;
  -ms-transition: right 400ms ease-in-out, top 400ms ease-in-out;
  transition: right 400ms ease-in-out, top 400ms ease-in-out;
  -webkit-box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
  -moz-box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
  -ms-box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
  box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
}
.header1_toggle>div {
  height: 12px;
  width: 16px;
}
.header1_toggle>div>div {
  width: 100%;
  height: 2px;
  margin: 0 0 3px 0;
  background-color: #000;
  transition-duration: .3s;
  transition-delay: 0s, 0s, 0s, 0s;
}
.header1_toggle>div>div:last-child {
  width: 70%;
  float: left;
  margin: 0;
}
.header1_toggle:hover >div>div:last-child {
  width: 100%;
}
.logo1 {
  width: 180px;
  top: 23px;
  position: absolute;
  left: 20px;
}
.header1_toggle.is-open {
  background: none;
  padding: 11px;
}
.header1_toggle.is-open>div {
  position: relative;
  height: 22px;
  width: 22px;
  margin-top: 5px;
}
.header1_toggle.is-open>div>div {
  background-color: #e62129;
}
.header1_toggle.is-open>div>div:first-child {
  -webkit-transform: translateY(5px) rotate(45deg);
  -ms-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
}
.header1_toggle.is-open>div>div:first-child~div {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.header1_toggle.is-open>div>div:last-child {
  filter: alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  -khtml-opacity: 1!important;
  opacity: 1!important;
  width: 100%;
  -webkit-transform: translateY(-5px) rotate(-45deg);
  -ms-transform: translateY(-5px) rotate(-45deg);
  transform: translateY(-5px) rotate(-45deg);
}
.header1_box {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: all 0.1s 0.8s;
  -moz-transition: all 0.1s 0.8s;
  -ms-transition: all 0.1s 0.8s;
  -o-transition: all 0.1s 0.8s;
  -webkit-transition: all 0.1s 0.8s;
}
.header1_box.is-open {
  left: 0;
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
}
.header1_zhe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #333;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out 900ms;
  -moz-transition: all 300ms ease-in-out 900ms;
  -ms-transition: all 300ms ease-in-out 900ms;
  transition: all 300ms ease-in-out 900ms;
  pointer-events: none;
}
.header1_box.is-open .header1_zhe {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  opacity: 0.8;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}
.header1_con {
  overflow: hidden;
  position: relative;
  width: 50%;
  padding: 0 7% 40px 7%;
  height: 100%;
  float: right;
  background: #333;
  overflow-y: auto;
  -webkit-transition: all 300ms ease-in-out 800ms;
  -moz-transition: all 300ms ease-in-out 800ms;
  -ms-transition: all 300ms ease-in-out 800ms;
  transition: all 300ms ease-in-out 800ms;
}
.header1_top {
  padding: 13% 0 0 0;
}
.header1_top ul li {
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 0;

  opacity: 0;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
  -ms-transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
  transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
}
.header1_top ul li.header1_top_li8 {
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -ms-transition-delay: 120ms;
  transition-delay: 120ms;
}
.header1_top ul li.header1_top_li7 {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  transition-delay: 150ms;
}
.header1_top ul li.header1_top_li6 {
  -webkit-transition-delay: 180ms;
  -moz-transition-delay: 180ms;
  -ms-transition-delay: 180ms;
  transition-delay: 180ms;
}
.header1_top ul li.header1_top_li5 {
  -webkit-transition-delay: 210ms;
  -moz-transition-delay: 210ms;
  -ms-transition-delay: 210ms;
  transition-delay: 210ms;
}
.header1_top ul li.header1_top_li4 {
  -webkit-transition-delay: 240ms;
  -moz-transition-delay: 240ms;
  -ms-transition-delay: 240ms;
  transition-delay: 240ms;
}
.header1_top ul li.header1_top_li3 {
  -webkit-transition-delay: 270ms;
  -moz-transition-delay: 270ms;
  -ms-transition-delay: 270ms;
  transition-delay: 270ms;
}
.header1_top ul li.header1_top_li2 {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  transition-delay: 300ms;
}
.header1_top ul li.header1_top_li1 {
  -webkit-transition-delay: 330ms;
  -moz-transition-delay: 330ms;
  -ms-transition-delay: 330ms;
  transition-delay: 330ms;
}
.header1_top ul li a {
  color: #fff;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;

  letter-spacing: 2px;
}
.header1_top ul li a:hover {
  color: #e62129;
}
.header1_box.is-open .header1_top ul li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.header1_box.is-open .header1_top ul li.header1_top_li1 {
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -ms-transition-delay: 120ms;
  transition-delay: 120ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li2 {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  transition-delay: 150ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li3 {
  -webkit-transition-delay: 180ms;
  -moz-transition-delay: 180ms;
  -ms-transition-delay: 180ms;
  transition-delay: 180ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li4 {
  -webkit-transition-delay: 210ms;
  -moz-transition-delay: 210ms;
  -ms-transition-delay: 210ms;
  transition-delay: 210ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li5 {
  -webkit-transition-delay: 240ms;
  -moz-transition-delay: 240ms;
  -ms-transition-delay: 240ms;
  transition-delay: 240ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li6 {
  -webkit-transition-delay: 270ms;
  -moz-transition-delay: 270ms;
  -ms-transition-delay: 270ms;
  transition-delay: 270ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li7 {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  transition-delay: 300ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li8 {
  -webkit-transition-delay: 330ms;
  -moz-transition-delay: 330ms;
  -ms-transition-delay: 330ms;
  transition-delay: 330ms;
}
.header1_top a::before {
  content: '';
  width: 0;
  height: 2px;
  left: -46px;
  background: #e62129;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: width 200ms ease-in-out;
  -moz-transition: width 200ms ease-in-out;
  -ms-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
}
.header1_top ul li a:hover::before, .header1_top ul li a.active::before {
  width: 26px;
}
.header1_bottom {
  overflow: hidden;
}
.header1_bottom>div {
  float: left;
  width: 50%;
}
.header1_bottom>div p {
  color: #e62129;
  font-size: 14px;
  letter-spacing: 2px;
  font-family:arial;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.header1_bottom>div ul li {
  display: inline-block;
  margin-left: 15px;
}
.header1_bottom>div ul li:first-child {
  margin-left: 0;
}
.header1_bottom>div ul li a {
  color: #fff;
  text-transform: uppercase;

  font-size: 16px;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  -ms-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  text-decoration: none;
}
.header1_bottom {
  position: absolute;
  bottom: 113px;
  width: 100%;
}
.languages ul li a{
  letter-spacing:3px;
}
.languages ul li:hover a{
  color:#e62129;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.social ul li:hover i {
  color:#e62129;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
} */
/*****header*******/


/*****banner*******/

.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
  user-select: none;
}

.banner_zz {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
}

.banner_con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.banner_list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 9;
}

.banner_list video {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner_zi {
  width: 1000px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:10;
  margin-left: -500px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner_zi h5 {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
}

.ban_h1 {
  position: relative;
  top: -30px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.ban_h2 {
  position: relative;
  top: 30px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_zi.on h5.ban_h1 {
  top: 0;
 /* font-family: arial;*/
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
}

.banner_zi.on h5.ban_h2 {
  top: 0;
  font-family: arial;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 1s;
}

.banner_zi a {
  display: inline-block;
  margin-top: 50px;
  color: #fff;
  /*font-family: arial;*/
  text-transform: uppercase;
  font-size: 16px;
  line-height: 50px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_zi.on a {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.2s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.2s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.2s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.2s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.2s;
}

.banner_zi a span {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 2;
  margin-right: 20px;
  overflow: hidden;
}

.banner_zi a span b {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border: 1px solid #fff;
  border-radius: 100%;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  transition: all cubic-bezier(.18, 1, .21, 1) .9s;
}

.banner_zi a:hover span b {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}

.banner_zi a span font {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  bottom: 12px;
  text-align: center;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  transition: all cubic-bezier(.18, 1, .21, 1) .9s;
}

.banner_zi a span font i {
  display: block;
  line-height: 25px;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .9s;
  transition: all cubic-bezier(.18, 1, .21, 1) .9s;
}

.banner_zi a span font i.icon_t {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_zi a span font i.icon_b {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}

.banner_zi a:hover span font {
  bottom: -12px;
}

.banner_zi a:hover span font i.icon_t {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}

.banner_zi a:hover span font i.icon_b {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_zi1 {
  padding-left: 100px;
  z-index: 10000;
}

.banner_zi1 .banner_line {
  width: 190px;
  position: absolute;
  left: 98px;
  top: -40px;
  bottom: -20px;
  z-index: -1;
  -webkit-transform: skewX(34deg);
  transform: skewX(34deg);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: alpha(opacity=50);
}

.banner_zi2 {
  top:50%;
  margin-left: -550px;
}

.banner_zi2 .banner_line {
  width: 110px;
  position: absolute;
  right: 2px;
  top: -40px;
  bottom: 100px;
  z-index: -1;
  -webkit-transform: skewX(34deg);
  transform: skewX(34deg);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: alpha(opacity=50);
}

.banner_line1 {
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.banner_line2 {
  width: 1px;
  height: 0%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
}

.banner_line3 {
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}

.banner_line4 {
  width: 1px;
  height: 0%;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.banner_zi.on .banner_line1 {
  width: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 0s;
}

.banner_zi.on .banner_line2 {
  height: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.2s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.2s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.2s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.2s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 0.2s;
}

.banner_zi.on .banner_line3 {
  width: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s .4s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s .4s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s .4s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s .4s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s .4s;
}

.banner_zi.on .banner_line4 {
  height: 100%;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s .6s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s .6s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s .6s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s .6s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s .6s;
}

.banner_zi1 .banner_red {
  width: 240px;
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  top: -15px;
  left: -55px;
}

.banner_zi1.on .banner_red {
  height: 180px;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
}

.banner_zi1 .banner_red span {
  display: block;
  width: 0;
  height: 0;
  border: 120px solid transparent;
  border-top: 180px solid red;
}

.banner_zi2 .banner_red {
  width: 120px;
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  top: -15px;
  right: 60px;
}

.banner_zi2.on .banner_red {
  height: 90px;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s .8s;
}

.banner_zi2 .banner_red span {
  display: block;
  width: 0;
  height: 0;
  border: 60px solid transparent;
  border-top: 90px solid red;
}

.banner_zi2 h6 {
  position: absolute;
  top: 70px;
  right: -150px;
  margin: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_zi2 h6 b {
  display: inline-block;
  vertical-align: top;
  font-size: 80px;
  color: #fff;
  margin-right: 25px;
  font-family: arial;
}

.banner_zi2 h6 font {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  margin-top: 20px;
  font-family: arial;
}

.banner_zi2.on h6 {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.4s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.4s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.4s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.4s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s 1.4s;
}

.banner_num {
  position: absolute;
  top: 50%;
  left: 7%;
  padding-left: 50px;
  /*margin-top: -60px;*/
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.banner_num ul {
  padding: 0;
  margin: 0;
}

.banner_num ul li {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.banner_num ul li i {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s;
}

.banner_num ul li.on i {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.banner_num ul li span {
  width: 20px;
  position: absolute;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-family: arial;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s;
}

.banner_num ul li span.sp1 {
  top: -15px;
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_num ul li span.sp2 {
  top: 15px;
  right: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
}

.banner_num ul li.on span.sp1 {
  top: 0px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}

.banner_num ul li.on span.sp2 {
  top: 0px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}

.banner_num font {
  width: 30px;
  height: 2px;
  background:#ff0000;
  position: absolute;
  top: 15px;
  left: 0;
  margin-top: -2px;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s;
}

.banner_btn1 {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50px;
  margin-top: -20px;
  cursor: pointer;
  z-index: 10;
}

.banner_btn2 {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 50px;
  margin-top: -20px;
  cursor: pointer;
  z-index: 10;
}

.banner_btn1 span {
  position: absolute;
  width: 60px;
  height: 1px;
  background: #d4d4d4;
  left: -60px;
  top: 20px;
}

.banner_btn2 span {
  position: absolute;
  width: 60px;
  height: 1px;
  background: #d4d4d4;
  right: -60px;
  top: 20px;
}


/*****banner*******/


/*****sec1*******/

.index_sec1 {
  padding-bottom: 90px;
}
.index_sec1_box {
  width: 80%;
  margin: auto;
}

.clm5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.clp5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.index_sec1_top {
  position: relative;
  top: -90px;
  z-index: 99;
}

.index_sec1_search {
  width: 100%;
  height: 90px;
  background: #333;
  padding: 0 30px;
  padding-left: 70px;
  position: relative;
  border-bottom: #5a5a5a 1px solid;
  transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -webkit-transition: all 0.7s ease-out;
  transform: perspective(500px) rotatex(90deg);
  -moz-transform: perspective(500px) rotatex(90deg);
  -ms-transform: perspective(500px) rotatex(90deg);
  -o-transform: perspective(500px) rotatex(90deg);
  -webkit-transform: perspective(500px) rotatex(90deg);
  transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
}
.index_sec1_search.active {
  transform: perspective(500px);
  -moz-transform: perspective(500px);
  -ms-transform: perspective(500px);
  -o-transform: perspective(500px);
  -webkit-transform: perspective(500px);
}

.index_sec1_search input {
  width: 100%;
  line-height: 90px;
  border: none;
  font-size: 14px;
  background: none;
  color: #999;
  letter-spacing: 1px;
}

.index_sec1_search img {
  position: absolute;
  top: 32px;
  left: 30px;
  width: 26px;
}

.index_sec1_search input::-webkit-input-placeholder {
  color: #263c92;
}

.index_sec1_search input::-moz-placeholder {
  color: #263c92;
}

.index_sec1_search input:-moz-placeholder {
  color: #263c92;
}

.index_sec1_search input:-ms-input-placeholder {
  color: #263c92;
}

.index_sec1_topUl {
  width: 100%;
  background: #333;
  transition: all 0.7s ease-out 0.7s;
  -moz-transition: all 0.7s ease-out 0.7s;
  -ms-transition: all 0.7s ease-out 0.7s;
  -o-transition: all 0.7s ease-out 0.7s;
  -webkit-transition: all 0.7s ease-out 0.7s;
  transform: perspective(500px) rotatex(-90deg);
  -moz-transform: perspective(500px) rotatex(-90deg);
  -ms-transform: perspective(500px) rotatex(-90deg);
  -o-transform: perspective(500px) rotatex(-90deg);
  -webkit-transform: perspective(500px) rotatex(-90deg);
  transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  -webkit-transform-origin: center top;
}

.index_sec1_topUl.active {
  transform: perspective(500px);
  -moz-transform: perspective(500px);
  -ms-transform: perspective(500px);
  -o-transform: perspective(500px);
  -webkit-transform: perspective(500px);
}
.index_sec1_topUl ul {
  padding: 0;
  margin: 0;
}

.index_sec1_topUl ul li {
  width: 33.3333%;
  float: left;
  text-align: center;
  padding: 30px 0;
  border-right: 1px solid #5a5a5a;
}

.index_sec1_topUl ul li font {
  display: block;
  font-size: 14px;
  color: #efefef;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.index_sec1_topUl ul li span {
  display: inline-block;
  font-size: 60px;
  color: #fff;
  line-height: 60px;
  margin-right: 6px;
  font-family: arial;
}

.index_sec1_topUl ul li i {
  display: inline-block;
  font-size: 30px;
  vertical-align: bottom;
  color: #f5f5f5;
  text-align: left;
  font-style: normal;
}

.index_sec1_topUl ul li b {
  display: inline-block;
  font-size: 18px;
  vertical-align: bottom;
  color: #9b99cb;
  line-height: 25px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  padding: 5px 0;
}

.index_sec1_topUl ul li span.color9b99cb {
  color: #9b99cb;
}

.index_sec1_top_btn {
  width: 100%;
  background: #e62129;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  line-height: 30px;
  padding:98px 0;
  font-family: arial;
  transition: all 0.7s ease-out 1.4s;
  -moz-transition: all 0.7s ease-out 1.4s;
  -ms-transition: all 0.7s ease-out 1.4s;
  -o-transition: all 0.7s ease-out 1.4s;
  -webkit-transition: all 0.7s ease-out 1.4s;
  transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  -ms-transform: perspective(500px) rotateY(90deg);
  -o-transform: perspective(500px) rotateY(90deg);
  -webkit-transform: perspective(500px) rotateY(90deg);
  transform-origin: center 90px;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  -webkit-transform-origin: left;
}
.index_sec1_top_btn.active {
  transform: perspective(500px);
  -moz-transform: perspective(500px);
  -ms-transform: perspective(500px);
  -o-transform: perspective(500px);
  -webkit-transform: perspective(500px);
}

.index_sec1_con {
  width: 100%;
  overflow: hidden;
}

.index_sec1_con>h5 {
  font-size: 30px;
  color: #333;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: 5px;
}

.index_sec1_con>h6 {
  text-align: center;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 22px;
  color: #e62129;
  font-size: 14px;
  margin-bottom: 50px;
}

.index_sec1_con>p {
  width: 70%;
  margin: 0 auto;
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
  text-align: center;
  line-height: 30px;
  -webkit-transform: translateY(-1000px);
  -moz-transform: translateY(-1000px);
  -ms-transform: translateY(-1000px);
  -o-transform: translateY(-1000px);
  transform: translateY(-1000px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}

.index_sec1.active .index_sec1_con>p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.index_sec1_con ul {
  padding: 0;
  margin: 0;
}

.index_sec1_con ul li {
  width: 24%;
  float: left;
  text-align: center;
  -webkit-transform: translateY(1000px);
  -moz-transform: translateY(1000px);
  -ms-transform: translateY(1000px);
  -o-transform: translateY(1000px);
  transform: translateY(1000px);
  -webkit-transition: all 1.6s ease-in-out 0.8s;
  -moz-transition: all 1.6s ease-in-out 0.8s;
  -ms-transition: all 1.6s ease-in-out 0.8s;
  -o-transition: all 1.6s ease-in-out 0.8s;
  transition: all 1.6s ease-in-out 0.8s;
}

.index_sec1.active .index_sec1_con ul li {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.index_sec1.active .index_sec1_con ul li:nth-child(2) {
  -webkit-transition: all 1.6s ease-in-out 1.2s;
  -moz-transition: all 1.6s ease-in-out 1.2s;
  -ms-transition: all 1.6s ease-in-out 1.2s;
  -o-transition: all 1.6s ease-in-out 1.2s;
  transition: all 1.6s ease-in-out 1.2s;
}
.index_sec1.active .index_sec1_con ul li:nth-child(3) {
  -webkit-transition: all 1.6s ease-in-out 1.6s;
  -moz-transition: all 1.6s ease-in-out 1.6s;
  -ms-transition: all 1.6s ease-in-out 1.6s;
  -o-transition: all 1.6s ease-in-out 1.6s;
  transition: all 1.6s ease-in-out 1.6s;
}
.index_sec1_con ul li img {
  width: 65%;
}

.index_sec1_con ul li.center {
  margin: 0 14%;
}

.index_sec1_con ul li h5 {
  color: #e62129;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 6px;
  letter-spacing: 2px;
}

.index_sec1_con ul li p {
  color: #e62129;
  font-size: 14px;
  margin-bottom: 80px;
  /*font-family: arial;*/
  letter-spacing: 1px;
  text-transform: uppercase;
}

.index_more {
  display: block;
  width: 160px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  color: #333;
  line-height: 40px;
  text-align: center;
  position: relative;
  /*font-family: arial;    font-family: "思源黑体";*/
  text-decoration: none;
}
.index_more i {
  width: 14px;
  height: 14px;
  position: absolute;
}

.index_more .index_more_line1 {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.index_more:hover .index_more_line1 {
  width: 100%;
}

.index_more .index_more_line2 {
  -webkit-transition: all 0.3s ease-in-out 0.6s;
  -moz-transition: all 0.3s ease-in-out 0.6s;
  -ms-transition: all 0.3s ease-in-out 0.6s;
  -o-transition: all 0.3s ease-in-out 0.6s;
  transition: all 0.3s ease-in-out 0.6s;
}
.index_more:hover .index_more_line2 {
  height: 100%;
}
.index_more .index_more_line3 {
  -webkit-transition: all 0.3s ease-in-out 1.5s;
  -moz-transition: all 0.3s ease-in-out 1.5s;
  -ms-transition: all 0.3s ease-in-out 1.5s;
  -o-transition: all 0.3s ease-in-out 1.5s;
  transition: all 0.3s ease-in-out 1.5s;
}
.index_more:hover .index_more_line3 {
  height: 100%;
}
.index_more .index_more_line4 {
  -webkit-transition: all 0.6s ease-in-out 0.9s;
  -moz-transition: all 0.6s ease-in-out 0.9s;
  -ms-transition: all 0.6s ease-in-out 0.9s;
  -o-transition: all 0.6s ease-in-out 0.9s;
  transition: all 0.6s ease-in-out 0.9s;
}
.index_more:hover .index_more_line4 {
  width: 100%;
}
.index_more i.index_more_line1 {
  top: 0;
  left: 0;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

.index_more i.index_more_line2 {
  top: 0;
  right: 0;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.index_more i.index_more_line3 {
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
}

.index_more i.index_more_line4 {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}


/*****sec1*******/


/*****sec2*******/

.index_sec2_con {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.index_sec2_next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 75%;
  margin-top: -20px;
  margin-left: -10px;
  border-radius: 100%;
  z-index: 99;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  background-image: url('../images/right.png');
  background-repeat: repeat-x;
  background-position: left center;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index_sec2_next:hover {
  -webkit-animation: slide ease 1s;
  animation: slide ease 1s;
}

.index_sec2_list {
  width: 100%;
  position: relative;
  background: #333;
}
.index_sec2_list_img {
  float: left;
  width: 50%;
  position: relative;
}
.index_sec2_list img {
  width: 90%;
  -webkit-transform: translateY(-1000px);
  -moz-transform: translateY(-1000px);
  -ms-transform: translateY(-1000px);
  -o-transform: translateY(-1000px);
  transform: translateY(-1000px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}
.index_sec2_list svg {
  /*width: 100%;*/
}
.index_sec2.active .index_sec2_list img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.index_sec2_list_zi {
  width: 50%;
  float: left;
  -webkit-transform: translateY(1000px);
  -moz-transform: translateY(1000px);
  -ms-transform: translateY(1000px);
  -o-transform: translateY(1000px);
  transform: translateY(1000px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
  margin: 240px 0 0;
  max-width: 400px;
}
.index_sec2.active .index_sec2_list_zi {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.index_sec2_list_zi h5 {
  margin: 0;
  margin-bottom: 15px;
  font-size: 22px;
  color: #fff;
}

.index_sec2_list_zi p {
  font-size: 14px;
  line-height: 25px;
  margin: 0;
  color: #fff;
}

.index_sec2_list_zi span {
  display: block;
  margin-top: 20px;
  color: #e62129;
  cursor: pointer;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.index_sec2_list_zi span b {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #e62129;
  text-align: center;
  margin-left: 5px;
  -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s;
  transition: all cubic-bezier(.18, 1, .21, 1) .6s;
}

.index_sec2_list_zi span b i {
  line-height: 16px;
}

.index_sec2_list_zi span:hover b {
  color: #505050;
  border-color: #ababab;
  background: #ababab;
}

.index_sec2_list_zi .index_more {
  margin: 30px 0 0;
  color: #e62129;
}

.index_sec2_list_zi .index_more i.index_more_line1 {
  border-top: 1px solid #e62129;
  border-left: 1px solid #e62129;
}

.index_sec2_list_zi .index_more i.index_more_line2 {
  border-top: 1px solid #e62129;
  border-right: 1px solid #e62129;
}

.index_sec2_list_zi .index_more i.index_more_line3 {
  border-bottom: 1px solid #e62129;
  border-left: 1px solid #e62129;
}

.index_sec2_list_zi .index_more i.index_more_line4 {
  border-bottom: 1px solid #e62129;
  border-right: 1px solid #e62129;
}

.index_sec2_list_zi1 h5 {
  color: #333;
}

.index_sec2_list_zi1 p {
  color: #666;
}

@-webkit-keyframes slide {
  0% {
    background-position: 0px
  }
  to {
    background-position: 40px
  }
}

@keyframes slide {
  0% {
    background-position: 0px
  }
  to {
    background-position: 40px
  }
}

.index_sec2.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/*****sec2*******/


/*****sec3*******/

.index_sec3 {
  padding: 90px 0;
  overflow: hidden;
}

.index_sec3_nav {
  width: 80%;
  margin: 0 auto;
}

.index_sec3_con {
  width: 100%;
}

.index_sec3_con>h5 {
  font-size: 30px;
  color: #333;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  margin-bottom: 10px;
}

.index_sec3_con>p {
  width: 60%;
  margin: 0 auto;
  font-size: 16px;
  color: #666;
  margin-bottom: 80px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 2px;
}

.index_sec3_left {
  width: 46%;
  float: left;
  -webkit-transform: translateY(-1000px);
  -moz-transform: translateY(-1000px);
  -ms-transform: translateY(-1000px);
  -o-transform: translateY(-1000px);
  transform: translateY(-1000px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}

.index_sec3.active .index_sec3_left {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.index_sec3_right {
  width: 54%;
  min-height: 360px;
  float: left;
  position: relative;
  -webkit-transform: translateX(1600px);
  -moz-transform: translateX(1600px);
  -ms-transform: translateX(1600px);
  -o-transform: translateX(1600px);
  transform: translateX(1600px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}

.index_sec3.active .index_sec3_right {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.index_sec3_right_bg {
  position: absolute;
  top:106px;
  font-family: arial;
  left: -66px;
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-90deg);
}

.index_sec3_right_bg1 span {
  display: inline-block;
  width: 50px;
  height: 1px;
  background: #ccc;
  vertical-align: middle;
  margin-left: 10px;
}

.index_sec3_right_zi {
  position: absolute;
  font-size: 16px;
  text-transform: uppercase;
  top: 0;
  left: 0;
  font-size: 24px;
  width: 100%;
  text-align: center;
  margin-top: 32%;
  color: #fff;
  letter-spacing: 2px;
}

.index_sec3_zi {
  width: 65%;
  margin: 0 auto;
  padding-top: 45px;
}


.index_sec3_zi h5 {
  font-size: 24px;
  color: #333;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  font-family: arial;
}

.index_sec3_zi span {
  display: block;
  width: 50px;
  height: 2px;
  margin: 30px 0;
  background: #e62129;
}

.index_sec3_zi p {
  margin: 0;
  font-size: 16px;
  color: #999;
  margin-bottom: 30px;
  line-height: 28px;
  letter-spacing: 1px;
}

.index_sec3_img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.index_sec3_box {
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 10%;
  padding-left: 40px;
  -webkit-transform: translateY(1000px);
  -moz-transform: translateY(1000px);
  -ms-transform: translateY(1000px);
  -o-transform: translateY(1000px);
  transform: translateY(1000px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}

.index_sec3.active .index_sec3_box {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.index_sec3_box_img {
  position: relative;
  padding: 0 3%;
}

.index_sec3_box_img span {
  position: absolute;
  top: 0;
  left: 3%;
  width: 94%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=0.5);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.swiper-slide-active .index_sec3_box_img span {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.ind_sec4_aleft {
  left: 0px;
}

.ind_sec4_der {
  position: absolute;
  bottom: 45%;
  z-index: 10;
}

.ind_sec4_aright {
  right: 20px;
}

.ind_sec4_der img {
  width: 30px;
}

.index_sec3_box_img p {
  position: absolute;
  margin: 0;
  bottom: 10px;
  left: 20px;
  color: #fff;
  font-size: 16px;
}

.swiper-slide-active .index_sec3_box_img p {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}


/*****sec3*******/


/*****sec4*******/

.index_sec4_left {
  float: left;
  width: 50%;
  height: 560px;
  position: relative;
  -webkit-transform: translateX(-1600px);
  -moz-transform: translateX(-1600px);
  -ms-transform: translateX(-1600px);
  -o-transform: translateX(-1600px);
  transform: translateX(-1600px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}

.index_sec4_right {
  float: right;
  width: 50%;
  height: 560px;
  position: relative;
  -webkit-transform: translateX(1600px);
  -moz-transform: translateX(1600px);
  -ms-transform: translateX(1600px);
  -o-transform: translateX(1600px);
  transform: translateX(1600px);
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
}

.index_sec4_zi {
  position: absolute;
  top: 30%;
  left: 30%;
  letter-spacing: 2px;
}

.index_sec4_zi h4 {
  font-size:50px;
  position: relative;
  font-family: arial;
  text-transform: uppercase;
  color: #fff;
}

.index_sec4_zi h4 span {
  display: block;
  width: 80px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: -100px;
  top: 30px;
}

.index_sec4_zi h4 i {
  font-style: normal;
  color: #e62129;
}

.index_sec4_zi h3 {
  font-size: 16px;
  color: #fff;
}
.index_sec4 .hidden_h4,
.index_sec4 .hidden_h3 {
  display: none;
}
.index_sec4.active .index_sec4_left,
.index_sec4.active .index_sec4_right {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/*****sec4*******/


/*****sec5*******/

.index_sec5 {
  padding: 0;
  margin: 0 auto;
}
.index_sec5_con {
}
.index_sec5 .index_sec3_con {
  border: 1px solid #f2f2f2;
  padding: 0 0 90px 0;
  margin: -60px auto 0;
  position: relative;
  z-index: 9;
  background: #fff;
  border-bottom: none;
  border-top: none;
  width: 80%;
}

.row_index_sec5 {
  margin-left: 0;
  margin-right: 0;
}

.col_index_sec5 {
  text-align: center;
  border: 1px solid #f2f2f2;
  padding: 0;
  position: relative;
}

.col_index_sec5 img {
  width: 80%;
  display: block;
  margin: 0 auto;
  margin-top: 20%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.col_index_sec5:hover{
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.col_index_sec5:hover img{
  transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
}
.index_sec5_con {
  padding-top: 60px;
  position: relative;
}

.index_sec5_con_bg {
  position: absolute;
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  top: 0;
  left: -95px;
  vertical-align: middle;
  letter-spacing: 2px;
  font-family: arial;
}

.index_sec5_con_bg span {
  display: inline-block;
  width: 80px;
  height: 1px;
  background: #000;
  margin-right: 10px;
  vertical-align: middle;
}
.col_index_sec5 {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 1s ease-in-out 0.4s;
  -moz-transition: all 1s ease-in-out 0.4s;
  -ms-transition: all 1s ease-in-out 0.4s;
  -o-transition: all 1s ease-in-out 0.4s;
  transition: all 1s ease-in-out 0.4s;
  opacity: 0;
}
.index_sec5.active .col_index_sec5 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/*****sec5*******/


/*****sec6*******/

.index_sec6 {
  width: 100%;
  padding-top: 80px;
  position: relative;
  overflow: hidden;
}

.index_sec6 video {
  width: 100%;
}

.index_sec6_list {
  width: 75%;
  height: 60%;
  float: right;
  background: #fff;
  padding: 4% 0 5% 20px;
  -webkit-transition: all 1.6s ease-in-out 0.4s;
  -moz-transition: all 1.6s ease-in-out 0.4s;
  -ms-transition: all 1.6s ease-in-out 0.4s;
  -o-transition: all 1.6s ease-in-out 0.4s;
  transition: all 1.6s ease-in-out 0.4s;
  transform: perspective(500px) rotatex(90deg);
  -moz-transform: perspective(500px) rotatex(90deg);
  -ms-transform: perspective(500px) rotatex(90deg);
  -o-transform: perspective(500px) rotatex(90deg);
  -webkit-transform: perspective(500px) rotatex(90deg);
  transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;

}

.index_sec6.active .index_sec6_list {
  transform: perspective(500px);
  -moz-transform: perspective(500px);
  -ms-transform: perspective(500px);
  -o-transform: perspective(500px);
  -webkit-transform: perspective(500px);
}
.index_sec6_list1 {
  padding: 0 26px;
}

.swiper_sec6 .swiper-wrapper {
  margin-left: 20px;
}

.index_sec6_list1 h6 {
  font-size: 14px;
  color: #333;
  margin-top: 22px;
  margin-bottom: 12px;
}

.index_sec6_list1 h5 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  letter-spacing: 2px;
}

.index_sec6_list1 p {
  font-size: 15px;
  line-height: 25px;
  color: #333;
  margin: 0;
  margin-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index_sec6_list1 a {
  /*display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: underline;
  padding-bottom: 3px;*/
}
.index_sec6_btn {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    padding-bottom: 3px;
}
.index_sec6_next1 {
  right: 0;
  left: initial;
}


/*****sec6*******/


/***footer***/

/* .footer {
  background: #333;
}

.footer1 {
  width: 80%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer1_left {
  float: left;
  min-width: 160px;
}

.footer1_left_img {
  width: 67px;
  height: 67px;
  border: 3px solid #fff;
  margin-bottom: 130px;
  border-radius: 50%;
  text-align: center;
}

.footer1_left img {
  margin-top: 10%;
  width: 45px;
}

.footer1_left h6 {
  font-size: 16px;
  color: #fff;
}

.footer1_left p {
  color: #c5c1c1;
  margin: 0;
  line-height: 24px;
  font-size: 14px;
}



.footer1_right {
  float: right;
  text-align: right;
}

.footer1_right ul {
  display: inline-block;
  float: right;
  padding: 0;
  margin-left: 100px;
  color: #eee;
  text-align: left;
}

.footer1_right ul li a {
  display: block;
  line-height: 32px;
  font-size: 14px;
  color: #bbb7b7;
}

.footer1_right ul li.footT a {
  color: #fff;
  font-size: 15px;
  line-height: 40px;
} */

/*.footer1_right1 ul:last-child {
  margin-left: 0;
}*/

/* .footer1_right2_left {
  margin-top: 30px;
}

.footer1_right2_left input {
  float: left;
  width: 66%;
  line-height: 30px;
  border: none;
  border-bottom: 1px solid #c0c0c0;
  background: transparent;
}

.footer1_right2_left span {
  float: left;
  line-height: 33px;
  border-bottom: 1px solid #c0c0c0;
  margin-left: 45px;
  color: #c0c0c0;
}

.footer1_right2_right {
  float: right;
  border-bottom: 1px solid #c0c0c0;
  line-height: 30px;
  margin-top: 30px;
}

.footer1_right2_left1 {
  text-align: left;
  margin-top: 20px;
}

.footer1_right2_left1 .footer1-border {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  margin-right: 5px;
}

.footer1_right2_left1 .footer1-zi {
  display: inline-block;
  vertical-align: bottom;
  color: #c0c0c0;
  font-size: 12px;
  margin-right: 10px;
}
.footerwarp{width: 80%; margin: 0 auto;}
.copy {
	font-size: 12px;
	line-height: 40px;
	color: #666;
	margin: 0 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

.copy span {
	font-family: "微软雅黑";
}

.unohacha_logo {
	float: right;
}

.footercopy .col-lg-6 {
	padding: 0px;
}

.footercopy {
	margin-top: 0px;
	border-top: #505050 1px solid;
} */

/***footer***/

















.index_sec1_con ul li {
    width: 50%;
}
.index_sec1_con ul li img {
    width: 160px;
}

.ind1_lis {
    max-width: 420px;
    margin: 0 auto;
}

.index_sec1_con>p {
    width:80%;
}
.index_sec1_con ul {
    max-width: 1200px;
    margin: 0 auto;
}
.index_sec3_zi {
    width: 75%;
    margin: 0 auto;
    padding-top: 15px;
}
.index_sec3_zi a{
  float: left;
}



.index_sec1_search h6 {
    margin: 0;
    line-height: 90px;
    border: none;
    font-size: 14px;
    background: none;
    color: #999;
    letter-spacing: 1px;
}

.index_sec1_search h6 b {
    font-size: 28px;
    margin-right: 5px;
    vertical-align: middle;
}

.index_sec1_search h6 span {
    vertical-align: middle;
}

.footer1_right1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.footer1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.footer1_right ul li a {
    white-space: nowrap;
}






/* career */
.bannerIn img {
    width: 100%;
}

.bannerIn {
    /* padding-top: 72px; */
}

.title_inner h5 {
    font-size: 30px;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}

.title_inner p {
    width: 90%;
    max-width: 860px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 30px;
    letter-spacing: 2px;
}

.title_inner {
    margin-bottom: 40px;0
}

.title_inner.title_inner_left h5 {
    text-align: center;
		font-weight: bold;
}
.title_inner.title_inner_left p {
    text-align: left;
    margin-left:0;
}
.career1_main ul:after {
    content: "";
    display: table;
    clear: both;
}

.career1_main ul li {
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 0 25px;
}
.yhs ul li{
	width: 25%;

	}
.career1_lis {
    width: 100%;
        background-size: cover;
    background-position: center;
}

.career1_lis.care_color1 {
    background: #36342c;
    /*margin-top: 20px;*/
}

.career1_lis.care_color2 {
    border: solid 1px #4e4c45;
}

.career1_lis.care_color3 {
    background: #e62129;
    /*margin-top: 20px;*/
}

.career1_main ul {
    margin: 0 -25px;
}

.career_sec1 {
    padding: 80px 0 0;
}

.career1_lisIn h5 {
    color: #fff;
    margin: 0 0 35px;
    font-size: 22px;
    line-height: 32px;
    min-height: 64px;
    max-height: 96px;
    overflow: hidden;
}

.career1_lisIn {
    text-align: left;
    padding: 15px;
    position: relative;
}

.career1_lis.care_color2
 .career1_lisIn h5 {
    color: #666;
}

.career1_lis a {
    text-decoration: none;
}

.career1_lisIn span {
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
    display: inline-block;
    position: relative;
    left: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.career1_lis.care_color2
 .career1_lisIn span {
    color: #888;
}

.career1_lis a {
    display: block;
    padding: 50px 40px;
    min-height: 270px;
}

.career1_lisIn p {
    overflow: hidden;
}

.career1_lisIn span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1000px;
    background: #ccc;
    height: 1px;
    top: 50%;
    left: 100%;
    margin-left: 15px;
}

.career1_lis.care_color2
 .career1_lisIn span:after {
    background: #888;
}

.career1_lis.care_color3
 .career1_lisIn span:after {
    background: #eee;
}

.career1_lis.care_color3
 .career1_lisIn span {
    color: #eee;
}

a:hover .career1_lisIn span {
    left: 30px;
}




.job_fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.fix_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    background: #fff;
    transform: translate(-50%,-50%);
    padding: 40px 50px;
}

.fix_cot h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #333;
    line-height: 30px;
    margin-bottom: 20px;
}

.fix_cot li {
    width: 50%;
    float: left;
    line-height: 30px;
}

.fix_cot ul:after {content: '';display: table;clear: both;}

.fix_cot ul {
    margin-bottom: 10px;
}

.fix_wz p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 4px;
}

.fix_cont p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 2px;
    color:#666;
}

.fix_cont {
    margin-top: 20px;
}

.fix_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    cursor: pointer;
}

.fix_close img {
    width: 100%;
}
.career_sec2 .career1_lisIn {
    background: #36342c;
}
.career1_main ul {
    margin-bottom: 60px;
}

.career1_main ul:last-child {
    margin-bottom: 0;
}

.career_sec2 {
    padding: 80px 0;
}
/* career */


/* strength */
.strength_sec1 {
    padding: 80px 0;
}

.strength1_main {
    position: relative;
    padding: 80px 0;
}

.strength1_txt {
    width: 50%;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 40px 50px;
    padding-left: 0;
    min-height: 280px;
}

.strength1_img {
    position: absolute;
    left: 30%;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.strength1_txt h2 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 40px;
    color: #333;
}

.strength1_txt p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.strength_sec2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
}

.strength2_main ul:after {
    content: "";
    display: table;
    clear: both;
}

.strength2_main ul li {
    width: 25%;
    float: left;
    padding: 40px 0;
}

.strength2_lis h2 {
    margin: 0 0 10px;
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.strength2_lis h2 span {
    font-size: 40px;
    margin-left: 10px;
    color: #e60012;
}

.strength2_lis p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #eee;
}

.strength_sec3 {
    padding: 80px 0;
    overflow: hidden;
}

.strength3_main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.strength_sec3 .container0 {
    margin: 0 auto;
    position: relative;
}

.strength3_l {
    width: 68.75%;
    position: relative;
}

.strength3_r {
    width: 18.75%;
    position: relative;
    z-index: 1;
    background: #fff;
}

.strength3_l .strength3_sw {
    overflow: visible;
    width: 82%;
    margin-left: 0;
}

.strength3_img img {
    width: 100%;
}

.strength3_mask {
    position: absolute;
    width: 18%;
    height: 100%;
    background: #000;
    top: 0;
    z-index: 2;
    opacity: 0.4;
}

.strength3_mask.strength3_mask_l {
    left: 0;
}

.strength3_mask.strength3_mask_r {
    right: 0;
}

.strength3_arr {
    position: absolute;
    width: 18%;
    right: 0;
    bottom: 10px;
    z-index: 2;
}


.strength_sec3 .container0:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12.5%;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0;
    z-index: 1;
}

.strength3_arr a {
    display: block;
    width: 60%;
    margin: 0 auto 5px;
    padding: 5px 0;
}

.strength3_arr a img {
    width: 100%;
}
.strength3_r {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.line_set .vertical_elem {
    height: 107px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.line_l {
    height: 100%;
    width: 1px;
    background: #eee;
}

.start_square {
    width: 6px;
    height: 6px;
    background: #aaa;
}

.square {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 18px;
}

.border_cube {
    width: 16px;
    height: 16px;
    border: 1px solid #888;
}

.inline_cube {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #888;
}

.square.square_top .inline_cube {
    top: -4px;
}

.strength3_r_txt h2 {
    margin: 0 0 0;
    font-size: 24px;
    line-height: 34px;
    color: #333;
}
/* strength */




/* culture */
.culture1_main:after {
    content: "";
    display: table;
    clear: both;
}

.culture1_l {
    width: 60%;
    float: left;
}

.culture1_r {
    width: 40%;
    float: left;
    padding-left: 30px;
    padding-top: 50px;
}

.culture_sec1 {
    padding: 80px 0;
}

.culture1_main img {
    max-width: 100%;
}

.culture1_l_box {
    position: relative;
    padding-right: 24%;
}

.culture1_l_circle {
    position: absolute;
    height: 80%;
    top: 10%;
    right: 0;
    display: inline-block;
    line-height: 0;
    /*animation: circle 2s infinite linear;
    -webkit-animation:circle 2s infinite linear;*/
}
@keyframes circle
{
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

@-webkit-keyframes circle
{
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}


.culture1_l_circleIn {
    height: 100%;
    animation: circle 2s infinite linear;
    -webkit-animation: circle 2s infinite linear;
    position: relative;
    left: -70%;
    transition: left 0.8s ease-in-out;
    -webkit-transition: left 0.8s ease-in-out;
}

.culture1_l_box.active .culture1_l_circleIn {
    left: 0;
}



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

.culture1_l_img {
    position: relative;
    z-index: 1;
}

.culture1_txt {
    text-align: right;
}

.culture1_txt h2 {
    font-size: 30px;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}

.culture1_txt p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin: 0 0 15px;
}

.about0_lis {
    margin: 0 24px;
    background: #fff;
    position: relative;
}

.about0_img img {
    width: 100%;
}

.about0_wz {
    background: #fff;
    padding: 25px;
    padding-bottom: 30px;
}

.about0_wz h4 {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about0_lis:after{
  content:'';
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left:0;
}

.swiper-slide-active .about0_lis:after{
  opacity: 0;
}

.swiper_page {
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
    font-family: Arial, helvetica, sans-serif;
    letter-spacing: 2px;
}

.swiper_page b {
    font-weight: normal;
}
.about_box0 a {
    outline: none;
    text-decoration:none;
}
.about_box0 {
    background: #f4f4f4;
    padding: 80px 0;
}

.cul3_box {
    padding: 80px 0 0;
}
.cul3_bg{
  background: url(../qywh/qywh_bg.jpg) no-repeat center center;
  background-size: cover;
    padding: 60px 0 40px;
}
.cul3_bgBox {
    width: 50%;
    float: right ;
    margin-right: 65px;
}
.cul3_bgBox h5 {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 4px 20px;
    color: #e60012;
    text-transform: capitalize;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing:1px;
}
.cul3_bgT {
    border: 1px solid #e60012;
    width: 130px;
    height: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}
.cul3_bgM {
    width: 130px;
    height: 25px;
    border: 1px solid #e60012;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 5px;
}
.cul3_bgBox h2 {
  font-size:24px;
  line-height:34px;
  font-weight:bold;
  letter-spacing:2px;
    margin: 0;
    padding-left: 20px;
    color: #333;
}
.cul3_bgText:before {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 5px;
    background-color: #e60012;
    bottom: 0;
    left: 0;
    transform: translateX(-50%);
}
.cul3_bgText {
    padding: 40px 0 60px 65px;
    padding-left: 65px;
    margin-left: 65px;
    width: 60%;
    border-left: 1px solid #e60012;
    position: relative;
   
}
.cul3_bgText p{
  font-size: 14px;
    line-height: 26px;
    color: white;
}

.cul3_bgText p b{
  color:#333;
}

.cul4_box {
    padding: 20px 0 80px;
}
.cul4_box li {
    padding: 0 10px 10px;
     background: #fff;
    width: 25%;
    float:  left;
    box-sizing: border-box;
}
.cul4_box li span{
  display: none;
}

.cul4_box li img {
    width: 100%;
}
.cul4_bot h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    margin: 20px 0 0;
    color: #333;
    cursor: default;
}


/* culture */













/**about**/
.timeline_cot {
    margin: 260px 0;
}

.timeline_cont {
    left: 38%;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    transform: translateY(-50%);
    display: flex;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.timeline {
    position: relative;
}

.timeline_lis {
    position: relative;
    float: left;
    margin-left: 35px;
    margin-right: 0;
    max-width: 290px;
    display: table;
        width: 280px;
}

.timeline_lis:nth-child(even){
    margin-top: 30em;
}

.timeline_lis:nth-child(even) .timeline_txt{
    display: table-footer-group;
}

.timeline_lis:nth-child(even) .timeline_img{
  margin-bottom: 20px;
}

.timeline_cont:after {content: '';display: table;clear: both;}

.ab_box0 {
    padding: 100px 0;
}

.timeline_txt span {
    font-weight: 600;
    margin-bottom: 5px;
    color: #c30d23;
    display: block;
}

.timeline_txt {
    white-space: normal;
    margin-bottom: 18px;
}

.timeline_txt h4 {
    margin: 0;
    font-size: 15px;
    line-height: 26px;
    color: #666;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.H5{
	color: #666;
}
.timeline_top {
    width: 25%;
    margin-bottom: 60px;
}

.timeline_top h4 {
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    font-family: Arial, helvetica, sans-serif;
    color: #333;
}

.timeline_wz {
    width: 25%;
    margin-left: 8.33%;
    position: relative;
    top: 20px;
}

.timeline_wz h3 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    letter-spacing: 1px;
    font-weight: bold;
}

.timeline_cont:before {
    content: '';
    right: 0;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -1000px;

    background: rgba(60, 59, 59, 0.1);
    width: 100000px;
}
.timeline_bottom {
    padding-top: 20px;
}

.timeline_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1;
    background: #fff;
}

a.about0_arrl {
    width: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

a.about0_arrl i:before {
    content: '';
    height: 1px;
    width: 100%;
    background: #3c3b3b;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

a.about0_arrl i:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 1px solid #3c3b3b;
    border-top: 1px solid #3c3b3b;
    margin-top: -7px;
    -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

a.about0_arrr {
    width: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

a.about0_arrr i:before {
    content: '';
    height: 1px;
    width: 100%;
    background: #3c3b3b;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

a.about0_arrr i:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid #3c3b3b;
    border-bottom: 1px solid #3c3b3b;
    margin-top: -7px;
    -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.timeline_arrow a {
    margin: 0 10px;
}


.timeline_li{
    -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: table;
  opacity:1;
  visibility:visible
}
    
.timeline_lis.into .timeline_li{
    -webkit-transform: translate3d(-40vw, 0, 0);
    transform: translate3d(-40vw, 0, 0);    
}

.timeline_li:after {content: '';width: 5px;height: 5px;border-radius: 50%;background: #c30d23;position: absolute;top: 100%;left: 0;margin-left: -3px;margin-top: 27px;}


.timeline_lis:nth-child(even) .timeline_li:after {
  top:0;
    margin-top: -28px;
}

.timeline_lis.into {
  transition-delay:0.5s;
  transition:all 0.8s ease-in;
  -webkit-transition:all 0.8s ease-in;
    opacity: 0;
  visibility:hidden
}

.timeline_img img {
    width: 100%;
}





.ab_box1 {
    padding: 80px 0 0;
}

.ab1_cot {position: relative;}

.ab1_left {position: absolute;top: 0;left: 0;width: 53%;height: 100%;}

.ab1_right {float: right;width: 47%;padding: 160px 80px 230px;padding-right: 0; position: relative;}

.ab1_cot:after {content: '';display: table;clear: both;}

.ab1_pic {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ab1_wz h3 {
    margin: 0;
    font-size: 28px;
    line-height: 40px;
    color: #333;
    margin-bottom: 20px;
    text-align: right;
}

.ab1_wz p {
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    margin-bottom: 20px;
}

.ab1_wz p:last-child{
    margin:0;
}

.ab1_line {
    position: absolute;
    width: 50%;
    height: calc(100% - 110px);
    left: -16%;
    top: 60px;
}

.ab1_line_circle {
    position: absolute;
    right: -3px;
    top: 120px;
    width: 6px;
    height: 6px;
    background: #BEA990;
}

.ab1_line_circle:before {content: '';width: 1px;height: 120px;background: #bea990;position: absolute;bottom: 5px;left: 2px;}

.ab1_lineT {
    width: 100%;
    height: 1px;
    background: #bea990;
}

.ab1_lineT:before {content: '';width: 1px;height: 100%;position: absolute;top: 0;left: 0;background: #bea990;}

.ab1_lineB {
    width: 100%;
    height: 1px;
    background: #bea990;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ab1_lineB:after {content: '';width: 1px;height: 120px;position: absolute;bottom: 0;right: 0;background: #bea990;}

.ab1_line_point {
    width: 16px;
    height: 16px;
    position: absolute;
    right: -8px;
    bottom: 120px;
    border: solid 1px #bea990;
}

.ab1_line_point:before {content: '';width: 10px;height: 10px;background: #5E5D56;position: absolute;bottom: -6px;left: 50%;margin-left: -5px;}


#about4{
  /*background: url('../images/aboubg.png') no-repeat center;
  height: 700px;*/
}
.about4_img img {
    width: 100%;
}

.about_box4 {
   /* padding: 80px 0;*/


}
.about_box5 {
  padding: 80px 0;

}
@media (max-width: 414px) {
    .about_box5 {
        padding: 50px 0;
    }

}

/*.about4_swiper {
    width: 120%;
    margin-left: -10%;
}*/

.about4_tit h2 {
    color: #000;
    font-size: 34px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}

.about4_tit {
    margin-bottom: 40px;
}

.about4_li {
    padding-right: 75px;
}

.about4_wz {
    text-align: right;
    margin-top: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    width: 100%;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.swiper-slide-active .about4_wz {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.about4_wz h3 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #111;
    margin: 0 0 10px;
}

.about4_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left;
}

.about4_cot .about4_img img {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: top center;
}

.about4_img {
    position: relative;
}
.about4_cot .swiper-slide-active .about4_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.about4_cot .swiper-slide-active .about4_img:after {
    opacity: 0;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.about4_jl {
    width: 20px;
    position: absolute;
    top: 50%;
    left: calc(50% - 15.5%);
    z-index: 1;
    transform: translateY(-50%);
    height: 25px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    padding-top: 10px;
        z-index: 2;
}
.swiper45 .about4_jl {left: calc(50% - 12.8%);}
.swiper45 .about4_jr{right: calc(50% - 11.5%);}
.about4_jr {
    position: absolute;
    top: 50%;
    width: 20px;
    right: calc(50% - 9%);
    z-index: 1;
    transform: translate(50%, -50%);
    height: 25px;
    width: 100px;
    text-align: center;
    cursor: pointer;
        z-index: 2;
}

.about4_cot {
    position: relative;
}

.about4_jr img,
.about4_jl img {
    width: 15px;
}

.about4_jr:after {
    content: '';
    width: 60px;
    height: 1px;
    background: #666;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.about4_jl:before {
    content: '';
    width: 60px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
}





.ab_box3 {
    padding: 10px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height: 800px;
}

.ab_box3 .wappers{width: 1100px;height: 100%;margin:0 auto;position: relative;}
	.jiagou_1{position: relative;width: 130px;margin:0 auto;}
	.jiagou_2{position: relative;width:776px;margin:0 auto;}
	.jiagou_3{position: relative;width:17px;height: 289px;}
	.jiagou_3 img:nth-child(1){position: absolute;left: 155px;top:-4px;}
	.jiagou_3 img:nth-child(2){position: absolute;left: 539px;top:-3px;}
	.jiagou_3 img:nth-child(3){position: absolute;left: 927px;top:-4px;}
	/*.jiagou_3 img:nth-child(4){position: absolute;left: 821px;}
	.jiagou_3 img:nth-child(5){position: absolute;left: 1114px;}*/
	.jiagou_4{position: relative;width:100%;}
	.jiagou_4 img:nth-child(1){position: absolute;left: 75px;width: 180px;top:-3px;}
	.jiagou_4 img:nth-child(2){position: absolute;left: 330px;width: 437px;top:-3px;}
	.jiagou_4 img:nth-child(3){position: absolute;left: 836px;width: 171px;top:-3px;}
	/*.jiagou_4 img:nth-child(4){position: absolute;left: 805px;}
	.jiagou_4 img:nth-child(5){position: absolute;left: 994px;}*/
.ab_box3 .about4_tit h2{
    color: #fff;
    margin-bottom: 60px;
}

.ab3_cot li {
    width: 33.33%;
    float: left;
}

.ab3_cot ul:after {content: '';display: table;clear: both;}



.ab3_lis {
    padding: 50px 80px 60px;
    position: relative;
    overflow: hidden;
}

.ab3_bg:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #050514;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: .5;
}

.ab3_bg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ab3_cot {
    background: rgba(0,0,10,.2);
}

.ab3_cot li:nth-child(odd) {
    background: rgba(255,255,255,.1);
}


.ab3_cot li a{
    color: #fff;
    text-decoration: none;
}

.ab3_wz {
    position: relative;
}

.ab3_wz h5 {
    letter-spacing: 1px;
    margin: 0;
    line-height: 24px;
    font-size: 12px;
}

.ab3_wz h3 {
    margin: 0;
    line-height: 34px;
    font-size: 20px;
    margin-bottom: 20px;
}

.ab3_wz h5:after {content: '';position: relative;display: block;height: 1px;width: 12px;background: rgba(255,255,255,.3);margin: 11px 0;}

.ab3_txt {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 96px;
}

.ab3_txt p {
    margin: 0;
}

.ab3_more {
    margin-top: 20px;
    display: inline-block;
    position: relative;
    top: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.ab3_more span {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    display: block;
}

.ab3_more i {
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.ab3_more i:before {content: '';width: 10px;height: 100%;position: absolute;top: 0;left: 0;background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;}


.ab3_cot li a:hover .ab3_more{
    top: 0;
    opacity: 1;
    visibility: visible;
}

.ab3_cot li a:hover .ab3_bg{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
}

.ab3_more:hover i:before {
    width: 100%;
}






.product_ban {
    margin-top: 72px;
    min-height: 540px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    position: relative;
}

.proBan_img {
    width: 50%;
    margin-left: 15%;
    position: relative;
    top: 6%;
}

.proBan_img img {
    max-width: 100%;
}

.proBan_nav {
    position: absolute;
    top: 0;
    right: 50px;
    height: 100%;
    width: 14%;
   /* border-left: solid 1px rgba(255, 255, 255, 0.4);
    border-right: solid 1px rgba(255, 255, 255, 0.4); */
}

.proBan_nav ul {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.proBan_nav li a {
    line-height: 80px;
    padding: 0 40px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.proBan_nav li a:hover:before{
    width: 30px;
}

.proBan_nav li {
    /* border-top: solid 1px rgba(255, 255, 255, 0.4); */
}

.proBan_nav li:first-child {
    border: 0;
}

.proBan_nav li a:before {content: '';width: 0;height: 1px;display: inline-block;background: rgba(255, 255, 255, 0.6);position: relative;top: -3px;margin-right: 10px; transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;}

.productsVideo video {
    width: 100%;
}

.productsVideo {
    position: relative;
}

.productsVideoAb {
    position: absolute;

    width: 100%;
    bottom: 50px;
    left: 0;
}

.productsVideoAbUl ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.productsVideoAbUl {
    text-align: center;
}

.productsVideoAbUl ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.productsVideoAbUl li img {
    width: 38px;
}

.productsVideoAbUl li a {
    color: #fff;
    display: block;
    opacity: 0.6;
}

.productsVideoAbUl li a p {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 24px;
}

.productsVideoAbUl li a:hover,
.productsVideoAbUl li.active a {
    opacity: 1;
}

.productsSec a:after {
    content: "";
    display: table;
    clear: both;
}

.productsSec.productsSecR a {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.productsImg:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productsSec a:hover .productsImg:after {
    background: rgba(0, 0, 0, .2);
}

.productsSec a:hover .productsImg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.protxtIn {
    position: relative;
}

.productsVideo video {
    width: 100%;
}

.productsVideo {
    position: relative;
}

.productsVideoAb {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
}

.productsVideoAbUl ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.productsVideoAbUl {
    text-align: center;
}

.productsVideoAbUl ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.productsVideoAbUl li img {
    width: 38px;
}

.productsVideoAbUl li a {
    color: #fff;

    display: block;
    opacity: 0.6;
}

.productsVideoAbUl li a p {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 24px;
}

.productsVideoAbUl li a:hover,
.productsVideoAbUl li.active a {
    opacity: 1;
}

.productsSec a:after {
    content: "";
    display: table;
    clear: both;
}

.productsImg {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
    left: -100%;
}

.productsImg img {
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productsTxt {
    width: 50%;
    position: relative;
    left: 100%;
    float: left;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}

.productsSecR .productsImg {
    left: 100%;
}

.productsSecR .productsTxt {
    left: -100%;
}

.productsSec a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.productsSec.productsSecR a {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.productsImg:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productsSec a:hover .productsImg:after {
    background: rgba(0, 0, 0, .2);
}

.productsSec a:hover .productsImg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.productsTxtL {
    padding-left: 17%;
    padding-right: 30px;
    position: relative;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}

.protxtIn {
    position: relative;
}

.protxtIn h2 {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.protxtIn p {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

span.proNum {
    position: absolute;
    left: -40px;
    top: -56px;
    font-weight: bold;
    font-size: 100px;
    color: #efeff3;
    opacity: 0.8;
    font-family: Gotham, sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productsTxtR {
    position: relative;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    max-width: 160px;
    margin-top: 6vh;
    margin-bottom: 6vh;
    padding: 0 4%;
    transition: background .3s ease;
    margin-left: auto;
    background: rgba(229, 0, 18, 0.8);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.productsTxtRBox {
    position: relative;
    width: 60px;
    height: 60px;
    transition: box-shadow .5s ease-out;
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 2px 0 transparent, 0 3px 1px -2px transparent, 0 1px 5px 0 transparent;
    pointer-events: none;
}

span.pro_arr {
    display: inline-block;
    width: 54%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 23%;
}

span.pro_arr:before,
span.pro_arr:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 1px;
    background: #fff;
    top: 0;
    right: 0;
    transform-origin: right;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
}

span.pro_arr:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

span.pro_arr:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.productsMain {
    padding-bottom: 80px;
}

.productsSec a{
    text-decoration: none;
}

.productsSec a:hover .protxtIn h2 {
    color: #e50012;
    letter-spacing: 1.2px;
}

.productsSec a:hover .productsTxtR {
    background: #e50012;
}

.productsSec a:hover span.proNum {
    left: -30px;
}

.news_more span:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 50%;

    background: #e60012;
    right: 10px;
    top: 30%;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
}

.news_more span {
    display: inline-block;
    background: transparent;
    border-bottom: 1px solid #333;
    border-radius: 0;
    min-width: 140px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding: 5px;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.btn_hover:hover .news_more span{
    background-color: #E60012;
    color: #fff;
    border-bottom-color: #E60012;
    padding-left: 10px;
}
.btn_hover:hover .news_more span i{
    color: #fff;
}

.news_more span i{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 18px;
    color: transparent; 
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}


.newsT_wz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 480px;
    background: #fff;
    padding: 25px 30px;
}

.news_top {
    position: relative;
    margin-bottom:24px;
}


.newsT_wz h4 {
    color: #333;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
    margin-bottom: 4px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

.newsT_wz p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
    overflow: hidden;
    height:72px;
}

.newsT img {
    width: 100%;
}

.news_bottom li {
    width: 33.33%;
    float: left;
    padding: 0 12px;
}

.news_bottom ul {
    margin: 0 -12px;
}

.news_lis {
    background: #fff;
    margin-bottom: 24px;
    padding: 20px;
    box-shadow: 0 0 0 #ccc;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

.news_lis:hover{
    box-shadow: 0 4px 10px #ccc;
}

.news_bottom li:last-child .news_lis{
  margin:0;
}

.news_wz {
    padding: 25px 30px;
}

.news_wz {
    padding: 25px 30px;
}

.news_wz h4 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    font-weight: bold;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

.news_lis:hover .news_wz h4,.news_top:hover .newsT_wz h4 {
  color:#e60012;
}

.news_wz p {
    color: #888;
    font-size: 14px;
    line-height: 24px; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 72px;
}


.news_more span {
    padding: 13px 26px;
    background: #e60012;
    border-radius: 32px;
    color: #fff;
    line-height: 12px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Arial, helvetica, sans-serif;
    letter-spacing: 1px;
}

.news_more {
    text-align: right;
    margin-top: 20px;
}
.newsT_wz{
  background: rgba(255, 255, 255, 0.62);  
}

.tech3_wz p {
    text-align: left;
    text-indent: 28px;
}
.news_bottom li {
    width: 100%;
}

.news_img {
    width: 30%;
    float:  left;
  overflow:hidden;
}

.news_lis:hover .news_img img{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
}

.news_wz {
    float:  left;
    width: 70%;
    padding: 10px 30px;
}
.news_lis:hover .news_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.news_img img {
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}



.news_more span {
    background: transparent;
    border-bottom: 1px solid #333;
    border-radius: 0;
    min-width: 140px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding: 5px;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.nwes {
    padding: 80px 0;
    background: #f5f5f5;
}
.product_ban {
    height: 620px;
}

.proBan_nav li a {
    opacity: 0.8;
}

.proBan_nav li.active a  , .proBan_nav li:hover a {
    opacity: 1;
}
.proBan_nav li.active a:before {
    width: 30px;
}



.contact_con {
      position: relative;
}
.contact_ul{
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
}
.contact_map {
  padding-right: 320px;
  position: relative;
}
#dituContent{
  width:100%;
  height:450px;
  border:#ccc solid 1px;
}
.contact_lis h3{
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    color: #333;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.contact_lis h4{
  font-size: 14px;
  line-height: 24px;
  margin: 0;
    color: #888;
}
.contact_lis h5 {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    color: #888;
}
.contact_ul li{
    margin: 0 0 28px;
}
.contact_ul li a{
  color: #666;
  text-decoration: none;
}
.contact_lis:hover h3,.contact_lis.active h3{
  color: #e60012;
}
.contact_ul li h4 i{
margin-right: 5px;
color: #e60012; 
}
.contact {
    position: relative;
    overflow: hidden;
    padding: 80px 0 120px;
}
.contact:before {
        content: '';
    display: block;
    position: absolute;
    width: 60%;
    height: 50%;
    background: #d72638;
    right: -20%;
    bottom: 0;
    top: auto;
    transform: rotate(120deg) translate(10%, -50%) !important;
    transform-origin: center;
}
.contact:after {
    content: '';
    position: absolute;
    bottom: -65%;
    right: -20%;
    display: block;
    width: 70%;
    height: 50%;
    background: #bd1e2e;
    z-index: -1;
    transform-origin: center;
    transform: rotate(-30deg) translate(10%, -50%);
}

.newdt_main {
  margin-top: 50px;
  padding: 0 20px;
}

.newdt_time {
  font-size: 12px;
  line-height: 20px;
  color: #222;
}

.newdt_time h6 {
  margin: 0;
  font-size: 14px;
  color: #aaa;
  line-height: 26px;
}

.newdt_time a {
  color: #222;
  text-decoration: none;
}

.newdt_con p {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.newdt_con .newdt_txt {
  font-size: 16px;
  line-height: 32px;
  color: #777;
  margin-bottom: 20px;
	text-align: center;
}

.newdt_con h3 {
  font-weight: bold;
  color: #222;
  font-size: 16px;
  padding-top: 15px;
}

.newdt_txt img {
  width: 40%;
}

.newdt_txt a {
  text-decoration: none!important;
  color: #222;
  border-bottom: 2px solid #222;
}

.newsdot_back a {
    padding: 7px 40px;
  display: inline-block;
  border: solid 1px #E50011;
  color: #fff;
  background: #E50011;
}

.newsdot_back {
  text-align: center;
  margin-top: 60px;
}

.newsdot_back a:hover {
  color: #E50011;
  background: #fff;
}

.newsdot {
    padding: 80px 0;
    margin-top: 72px;
}

.prol_top{
  background:#f5f5f5;
    padding: 60px 0;
}
.prol_top .about4_tit{
  margin:0;
}

.about4_tit h3 {
    margin: 0;
    font-size: 24px;
    line-height: 40px;
  padding-top:10px;
}

.about4_tit h3:before{
  content:'';
  width:30px;
  height:2px;
  background:#e60012;
  display:block;
  margin-right:10px;
  margin-bottom:8px;
}

.prodot {
    margin-top: 72px;
}

.main_ban {
  position: relative;
}

.prodot1_L,
.prodot1_R {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #fff;
  z-index: 9;
      text-align: center;
    cursor: pointer;
}

.prodot1_L i,
.prodot1_R i {
  font-size: 50px;
}

.prodot1_L {
  left: 30px;
  top: 50%;
}

.prodot1_R {
  right: 30px;
  top: 50%;
}

.prodot_sec1 {
  background-color: #e8e8e8;
  position: relative;
  z-index: 1;
}

.prodot1_txt {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  background-color: #e8e8e8;
  padding: 60px 200px;
  position: relative;
  top: -137px;
  z-index: 3;
}

.prodot1_txt h3 {
  font-size: 30px;
  font-weight: 300;
  color: #444244;
  margin: 0;
  text-align: center;
  margin-bottom: 70px;
}

.prodot1_txt p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  max-height: 120px;
  -webkit-box-orient: vertical;
}

.prodot_sec2 {
  padding-bottom: 60px;
}

.prodot_sec2 #myTab {
  width: 100%;
}

.prodot_sec2 #myTab li {
  float: left;
  width: 33.33%;
  text-align: center;
  background-color: #444;
  border-right: solid 1px rgba(255, 255, 255, 0.3);
}

.prodot_sec2 #myTab li a {
  padding: 20px 0;
  display: block;
      text-decoration: none;
}

.prodot_sec2 #myTab li.active {
  background: #fff;
}

.prodot_sec2 #myTab li.active h4 {
  color: #e60012;
}

.prodot_sec2 #myTab li.active h5 {
  color: #666;
}

.prodot_sec2 #myTab h4 {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #ffffff;
}

.prodot_sec2 #myTab h5 {
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.4px;
  opacity: 0.8;
  color: #fff;
  font-family: Arial, helvetica, sans-serif;
}

.prodot2_txt {
  padding: 80px 120px 0;
}

.prodot2_txt ul {
  padding-left: 30px;
  margin-bottom: 10px;
}

.prodot2_txt p {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-bottom: 5px;
}

.prodot2_txt li {
  list-style: disc;
  line-height: 24px;
}

.prodot2_txt li a {
  font-size: 14px;
  color: #666;
}

.prodot2_txt h2 {
  font-size: 24px;
  color: #e60012;
  font-weight: normal;
  margin: 0;
  margin-bottom: 20px;
}

.prodot2_txt strong {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  margin-top: 20px;
}

.prodot2_txt h3 {
  font-size: 18px;
  margin: 0;
  line-height: 30px;
  margin-bottom: 10px;
}

.prod2_img img {
  max-width: 100%;
}

.pro_img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.prod_wz {
  padding: 210px 0 190px;
}

.prod_wz h3 {
  text-transform: uppercase;
  margin: 0;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: 1px;
  font-family: 'Conv_BrandonText-Regular';
  opacity: 0;
}

.prod1_wz {
  margin-top: -40px;
}

.prod1_wz {
  margin-top: -40px;
  background: #e8e8e8;
  padding: 80px;
  text-align: center;
}

.prod1_wz h3 {
  font-size: 28px;
  line-height: 40px;
  color: #e60012;
  font-weight: 600;
  margin: 0;
}

.prod1_wz p {
  font-size: 24px;
  letter-spacing: 1px;
  color: #666;
}

.culture1_txt.culture1_txt2 {
    margin-top: 80px;
}

.culture1_txt h6 {
    margin: 0 0 0;
    font-size: 15px;
    line-height: 28px;
    text-align: right;
    color: #333;
}
.strength3_r_txt {
    text-align: center;
    padding: 0 25px;
}

.strength3_r_txt p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: justify;
}

.strength3_r_txt h2 {
    margin: 0 0 20px;
}

.strength3_r {
    width: 24.75%;
}

.strength_sec3 .container0:after {
    width: 6.5%;
}

.strength3_arr a {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transform: translateX(0);
    -webkit-transform: translateX(0);
	opacity:0.8;
}

.strength3_arr a.strength3_arrl:hover {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
	opacity:1;
}
.strength3_arr a.strength3_arrr:hover {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
	opacity:1;
}
.timeline_arrow a:hover i:before {
    background:#e60012;
}
.timeline_arrow a:hover i:after {
    border-color:#e60012;
}
.index_sec6_list1 a:hover {
    color: #e50011;
}

.about4_jl {
    width: 40px;
    padding: 0;
    /* top: 20%; */
}
.about4_jr {
    width: 40px;
    /* top: 20%; */
}
.about4_jl:before {
    display: none;
}
.about4_jr:after {
    display: none;
}
.about4_jl .index_sec2_next {
    left: 0;
    margin: 0;
    top: 0;
    transform: rotate(180deg);
    background-color:transparent;
    box-shadow: none;
}
.about4_jr .index_sec2_next {
    left: 0;
    margin: 0;
    top: 0;
    background-color: transparent;
    box-shadow: none;
}


.ab1_left {
    -webkit-transition: all 1.6s ease-in-out;
    -moz-transition: all 1.6s ease-in-out;
    -ms-transition: all 1.6s ease-in-out;
    -o-transition: all 1.6s ease-in-out;
    transition: all 1.6s ease-in-out;
    left: -100%;
}

.ab1_right {
    -webkit-transition: all 1.6s ease-in-out;
    -moz-transition: all 1.6s ease-in-out;
    -ms-transition: all 1.6s ease-in-out;
    -o-transition: all 1.6s ease-in-out;
    transition: all 1.6s ease-in-out;
    left: 100%;
}

.ab1_cot.active .ab1_left{
    left:0;
}
.ab1_cot.active .ab1_right{
    left:0;
}
.ab3_cot li {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: relative;
    top: 160px;
    opacity: 0;
}

.ab3_cot li.active {
    top: 0;
    opacity: 1;
}

.timeline_lis {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    left: 200px;
    opacity: 0;
}

.timeline_lis.active {
    left: 0;
    opacity: 1;
}

.career1_main ul li {
    position: relative;
    top: 120px;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.career1_main ul li.active {
    top: 0;
    opacity: 1;
}
.strength1_img {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.strength1_main {
    overflow: hidden;
}

.strength1_txt {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.strength1_main.active .strength1_txt {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}
.strength1_main.active .strength1_img {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}
.strength2_main ul li {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: relative;
    left: 160px;
    opacity: 0;
}

.strength2_main ul li.active {
    left: 0;
    opacity: 1;
}

.strength3_l {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
}

.strength3_r .strength3_r_txt{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
    top: 100px;
    position:relative;

}

.strength3_main.active .strength3_l {
    opacity:1;
}
.strength3_main.active .strength3_r .strength3_r_txt{
    opacity:1;
    top:0
}


.about0_lis {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    left: 160px;
    opacity: 0;
}

.about0_lis.active {
    left: 0;
    opacity: 1;
}
.cul3_bgBox {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    left: 160px;
    opacity: 0;
    position: relative;
}
.cul3_bgBox.active{
	left:0;
	opacity:1;
}
.cul4_box {
    position: relative;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    top: 100px;
    opacity: 0;
}
.cul4_box.active {
	top:0;
	opacity:1;
}









































@media (max-width: 1600px) {

.banner_zi2{margin-left: -540px;}
.index_sec3_box{bottom: 5%;}
.index_sec2_list_zi{margin: 190px 0 0;}
.index_sec4_zi h4{font-size: 42px;}
.index_sec4_left, .index_sec4_right{height: 500px;}
.footer1_right ul{margin-left: 60px;}

}


@media (max-width: 1440px) {
  
.index_sec2_list_zi{margin: 140px 0 0;}
.banner_zi2{margin-left: -440px;}
.banner_zi2 .banner_line{right: 182px;}
.banner_zi2 .banner_red{right: 240px;}
.banner_zi2 h6{right: 30px;}
.proBan_img{margin-left: 12%;}
.index_sec3_zi span{margin: 10px 0 15px;}
.index_sec3_zi p{margin-bottom: 15px;line-height: 26px;}
.menu>ul>li {
    margin-right: 25px;
}
.about4_li{
	width: 20%;
	height: 20%;
	margin: 0 auto;
}
}

@media (max-width: 1400px) {
	.about4_li {
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.about4_jl{
		left: 380px;
	}
	.about4_jr{
		right: 476px;
	}
}

@media (max-width: 1360px) {
  .index_sec3_zi {
    padding-top: 0;
  }
  .footer1_right ul {
    margin-left: 40px;
  }
  .menu>ul>li {
    margin-right: 15px;
}

.logo img {
   /* height: 30px;*/
  height: 57px;

}

.header.active .logo {
    margin-top: 20px;
}
}
@media (max-width: 1200px) {
  .logo img {
    height: 57px;
  }

}
@media (max-width: 1200px) {
	.index_sec2_list_zi {
    margin: 80px 0 0;
    padding-right: 30px;
}
}

@media (max-width: 768px) {
	
.index_sec1_box{width: 100%;padding: 0 15px;}
.banner_zi{width: 100%; margin: 0; left: 0; padding: 0 15px; top: 40%; text-align: right;}
.banner_zi h5{font-size: 20px; line-height: 30px; margin-top: 0;}
.banner_zi2 .banner_line{display: none;}
.banner_zi2 .banner_red{display: none;}
.banner_zi2 h6{display: none;}
.banner_zi a{display: none;}
.banner_btn1 , .banner_btn2{top: auto; margin-top: 0; bottom: 80px; width: 36px; height: 36px;}
.banner_btn1 span , .banner_btn2 span{top:18px; width: 50px;}
.index_sec1_search h6{line-height: 60px;}
.index_sec1_search{height: 60px; padding-left: 60px;}
.index_sec1_search img{top: 17px; left: 20px;}
.index_sec1_top{top: -60px;}
.banner_num font{width: 20px;}
.banner_num{padding-left: 25px; left: 15px; top: 40%;}
.index_sec1_topUl ul li span{font-size: 30px; line-height: 30px;}
.index_sec1_topUl ul li i{font-size: 20px;}
.index_sec1_topUl ul li{padding: 20px 0;}
.index_sec1_topUl ul li font{font-size: 12px; margin-bottom: 10px;}
.index_sec1_top_btn{padding: 15px 0; font-size: 14px;}
.index_sec1_top_btn br{display: none;}
.index_sec1_top_btn *{vertical-align: middle; line-height: 24px;}
.index_sec1_search h6 b{font-size: 22px;}
.index_sec1_con>h5{font-size: 18px;}
.index_sec1_con>h5{font-size: 18px;}
.header1_top ul li{font-size: 16px; line-height: 26px; padding: 8px 0;}
.header1_con{width: 60%; padding: 0 20px 40px;}
.header1_box{z-index: 999;}
.logo img{height: 22px;}
.header1 .logo{margin-left: 15px;}
.header1_toggle{right: 15px; height: 36px; width: 36px; padding: 12px 10px;}
.header1_bottom>div ul li a{font-size: 14px;}
.header1_bottom>div ul li{margin-left: 10px;}
.header1_bottom{left: 0; padding-left: 20px; bottom: 15px;}
.header1_top a::before{left: -20px;}
.header1_top ul li a:hover::before, .header1_top ul li a.active::before{width: 15px;}
.header1_bottom>div p{margin-bottom: 10px;}
.headerbg{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999999;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);background:#fff;transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s;}
.logo_boxlist{float: left;width: 140px;margin-top: 11px;}
.navbar-toggle{position: relative;float: right;padding: 9px 0;margin: 0 0 8px;margin-right: 0;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;margin-top: 10px;}
.navbar-toggle .icon-bar{background: #444;}
.navbar-nav a{text-transform: uppercase;text-align: center;}
.navbar-nav>li>a{padding-bottom: 8px;color: #444;}
.navbar-nav{margin: 7.5px -15px 20px -15px;}
.nav>li>a:hover,.nav>li>a:focus{background: none !important;}
.nav>li{border-bottom: rgba(68, 68, 68, 0.14) dotted 1px;}
.headerbg.phone_hid {top: -62px;}
.index_sec1_con>p{width: 100%; font-size: 14px; line-height: 26px; margin-bottom: 20px;}
.index_sec1_con ul li{width: 100%;}
.index_sec1_con ul li p{margin: 0 0 0;}
.ind1_lis{margin: 0 0 30px;}
.index_sec1_con ul li img{width: 100px;}
.index_sec1_con ul li h5{font-size: 18px;}
.index_sec1{padding-bottom: 60px;}
.index_sec2_con {
    height: auto !important;
}
.index_sec2_list_zi{float: none; width: 100%; margin: 15px auto 0; text-align: center; padding: 0 15px 20px;}
.index_sec2_list_img{float: none; width: 100%; text-align: center;}
.index_sec2_list img{width: 80%; margin: 0 auto; max-width: 680px;}
.index_sec2_list_zi .index_more{margin: 15px auto 0; font-size: 14px;}
.index_sec2_list_zi h5{font-size: 18px;}
.index_sec2_next {
    left: auto;
    right: 15px;
}
.index_sec3{padding: 60px 0;}
.index_sec3_nav{width: 100%;}
.index_sec3_con>p{width: 80%; font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.index_sec3_con>h5{font-size: 18px;}
.index_sec3_right{
  width: 100%;
}
.index_sec3_left{
  width: 100%;
}
.index_sec3_zi{
  width: 100%;
  padding: 0 15px;
}
.index_sec3_zi p{
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}
.index_sec3_box{
  bottom: auto;
  top: 55%;
  left: 25%;
  padding: 0;
  transform: translateX(-50%);
}
.index_sec3_zi a{
  float: initial;
  margin-top: 5px;
}
.ind_sec4_aleft{
  left: -40px;
}
.ind_sec4_aright{
  right: -40px;
}
.ind_sec4_der{
  bottom: 20%;
}
.ind_sec4_der img{
  width: 20px;
}
.index_sec6{
  padding-top: 60px;
  margin-bottom: 60px;
}
.common_title{
  width: 100%;
  padding: 0 15px;
  text-align: center;
}
.common_title h5{
  font-size: 18px;
  line-height: 28px;
}
.common_title h6{
  margin-bottom: 15px;
  font-size: 14px;
}
.index_sec6_list{
  width: 100%;
}
.swiper_sec6 .swiper-wrapper{
  margin-left: 0;
}
.index_sec6_list1{
  padding: 0 15px;
}
.index_sec6_list{
  padding: 20px 0 0 0 ;
}
.index_sec6_list1 h6{
  margin: 10px 0 5px 0;
}
.index_sec6_list1 h5{
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 26px;
}
.index_sec6_list1 p{
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}
.index_sec6_btn{
  width: 100%;
  text-align: center;
}
.footerwarp{
  width: 100%;
}
.copy{
  margin: 10px 0;
  line-height: 18px;
}

/* 关于我们 */
.ab_box1{
  padding: 60px 0 0;
}
.ab1_line{
  display: none;
}
.ab1_left{
  position: static;
  width: 100%;
  margin-bottom: 10px;
}
.ab1_pic{
  padding-bottom: 50%;
}
.ab1_right{
  width: 100%;
  padding: 0;
}
.ab1_wz h3{
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}
.ab1_wz p{
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}
.ab_box0{
  padding: 60px 0;
}
.about4_tit{
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
.ab4Xs_swi{
  position: relative;
}
.ab4Xs_swi .ab4-arr{
  position: absolute;
  top: 50%;
  color: #666;
  font-size: 36px;
  transform: translateY(-50%);
}
.fa-angle-left.ab4-arr{
  left: -15px;
}
.fa-angle-right.ab4-arr{
  right: -15px;
}
.abXs4_img img{
  width: 100%;
}
.ab4Xs_lis span{
  display: block;
  margin: 10px 0;
  width: 100%;
  color: #c30d23;
  font-size: 12px;
  text-align: center;
}
.ab4Xs_lis h4{
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  text-align: center;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ab_box3{
  padding: 60px 0;
}
.ab_box3 .about4_tit h2{
  margin-bottom: 20px;
}
.about4_tit h2{
  font-size: 18px;
  line-height: 28px;
}
.about4_tit h3:before{
  margin: 0 auto;
}
.ab3_cot li{
  width: 100%;
  padding: 0 15px;
}
.ab3_lis{
  padding: 0;
}
.ab3_wz{
  text-align: center;
}
.ab3_wz h5:after{
  left: 50%;
  margin-right: -6px;
}
.ab3_wz h5{
  margin-top: 10px;
}
.ab3_wz h3{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
}
.ab3_txt p{
  font-size: 14px;
  line-height: 24px;
}
.about_box4{
  /*padding: 60px 0;*/
}
.about4_swiper .swiper-slide{
  padding: 0 15%;
}
.about4_li{
  padding: 0;
}
.about4_wz p{
  text-align: center;
}
.about4_jl{
  left: 0;
}
.about4_jr{
  right: 20px;
}


/* 招贤纳士 */
.career_sec1{
  padding: 60px 0 0;
}
.title_inner h5{
  font-size: 18px;
  line-height: 28px;
}
.title_inner.title_inner_left h5{
  text-align: center;
}
.career1_main ul li{
  width: 100%;
}
.career_sec2{
  padding: 60px 0;
}
.career1_lis a{
  min-height: auto; 
  padding: 30px 20px;
}
.career1_lisIn h5{
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
.career1_lisIn span{
  font-size: 12px;
  line-height: 22px;
}
.fix_box{
  overflow: auto;
  height: 100%;
  width: 100%;
  padding: 60px 15px 40px 15px;
}
.fix_cot h3{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
}
.fix_close{
  top: 60px;
}

/* 联系我们 */
.contact{
  padding: 60px 0;
}
.contact:before {
  width: 65%;
  bottom: -13%;
}
.contact:after {
  right: -53%;
}
.title_inner{
  margin-bottom: 20px;
}
.contact_map{
    padding-right: 0;
}
#dituContent{
  height: 300px;
}
.contact_ul{
  position: static;
  margin-top: 20px;
}
.contact_ul li{
  margin-bottom: 10px;
}
.contact_lis h4{
  font-size: 12px;
  line-height: 22px;
}
.contact_lis h5{
  font-size: 12px;
  line-height: 22px;
}

/* 企业文化 */
.culture_sec1{
  padding: 60px 0;
}
.culture1_l{
  width: 100%;
}
.culture1_r{
  width: 100%;
  padding: 30px 0 0 0;
}
.culture1_txt{
  text-align: center;
}
.culture1_txt h2{
  font-size: 18px;
  line-height: 28px;
}
.culture1_txt p{
  margin-bottom: 10px;
}
.culture1_txt h6{
  font-size: 12px;
  line-height: 22px;
}
.culture1_txt.culture1_txt2{
  margin-top: 60px;
}
.about_box0{
  padding: 60px 0;
}
.about0_wz{
  padding: 10px;
}
.about0_wz h4{
  font-size: 14px;
  line-height: 24px;
}
.swiper_page{
  margin-top: 20px;
  font-size: 16px;
  line-height: 26px;
}
.cul3_box {
  padding: 60px 0 0;
}
.cul3_bgText{
  top: 20px;
  padding: 0 15px;
  margin: 0;
  width: 100%;
  border: none;
}
.cul3_bgText:before{
  display: none;
}
.cul3_bgBox{
  width: 100%;
  padding: 0 15px;
  margin-right: 0;
  text-align: center;
}
.cul3_bgT{
  margin: 0 auto;
}
.cul3_bgM{
  margin: 0 auto;
}
.cul3_bg{
  padding: 30px 0;
}
.cul3_bgBox h5{
  margin: 10px 0 5px 0;
  font-size: 12px;
  line-height: 22px;
}
.cul3_bgBox h2{
  padding-left: 0;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
.cul4_box{
  padding: 60px 0;
}
.cul4_box li span{
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
  color: #333;
  text-align: center;
}
.cul4_bot h3{
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
}


/* 新闻资讯 */
.nwes{
  padding: 60px 0;
}
.news_top{
  margin-bottom: 20px;
}
.newsT_wz{
  position: static;
  padding: 10px 15px 20px 15px;
}
.newsT_wz h4{
  font-size: 16px;
  line-height: 26px;
}
.news_more{
  margin-top: 10px;
}
.news_more span{
  min-width: 90px;
  font-size: 12px;
  line-height: 22px;
}
.news_bottom li{
  padding: 0;
}
.news_lis{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  padding: 20px 15px;
}
.news_img{
  width: 100%;
}
.news_wz{
  width: 100%;
  padding: 20px 0 0 0;
}
.news_wz h4{
  font-size: 16px;
  line-height: 26px;
}


/* 咨询详情 */
.newsdot{
  padding: 0 0 60px 0;
}
.newdt_main{
  margin: 0;
  padding: 0;
}
.newdt_time h6{
  font-size: 12px;
  line-height: 22px;
}
.newdt_con p{
  line-height: 24px;
}
.newdt_con .newdt_txt{
  margin-bottom: 10px;
}
.newsdot_back{
  margin-top: 20px;
}


/* 研发实力 */
.strength_sec1{
  padding: 60px 0;
}
.strength1_main{
  padding: 0;
}
.strength1_txt{
  width: 100%;
  padding: 0;
  min-height: auto;
}
.strength1_txt h2{
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
.strength1_img{
  position: static;
  padding-bottom: 50%;
  margin-top: 10px;
}
.strength_sec2{
  padding: 60px 0;
}
.strength2_lis{
  text-align: center;
}
.strength2_lis h2{
  font-size: 38px;
  line-height: 48px;
}
.strength_sec3{
  padding: 60px 0;
}
.strength3_main{
  display: flex;
  flex-direction: column;
}
.strength3_l{
  order: 2;
  width: 100%;
}
.strength3_r{
  order: 1;
  width: 100%;
}
.strength3_r_ico{
  display: none;
}
.strength3_r_txt h2{
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}
.strength3_l .strength3_sw{
  width: 100%;
}
.strength3_arr{
  top: 50%;
  bottom: auto;
  width: 100%;
  transform: translateY(-50%);
}
.strength3_arr a{
  position: absolute;
  width: 10%;
  margin: 0;
  padding: 10px 0;
  opacity: 1;
}
.strength3_arrl{
  left: 10px;
}
.strength3_arrr{
  right: 10px;
}
.strength_sec3 .container0:after{
  display: none;
}


/* 产品中心 */
.product_ban{
  height: auto;
  min-height: 200px;
}
.proBan_img{
  margin-left: 5%;
}
.proBan_nav{
  right: 0;
  width: 100%;
}
.proBan_nav .ab4Xs_swiper{
  height: 200px;
}
.proBan_nav li{
  line-height: 200px;
}
.proBan_nav li a {
  padding: 0 15px;
  line-height: 200px;
  text-align: center;
}
.proBan_nav .fa-angle-left.ab4-arr{
  left: 0;
  z-index: 10;
  padding: 0 15px;
}
.proBan_nav .fa-angle-right.ab4-arr{
  right: 0;
  z-index: 10;
  padding: 0 15px;
}
.productsSec_box1{
  padding: 60px 0;
}
.productsSec a{
  flex-direction: column;
}
.productsImg{
  width: 100%;
  order: 1;
}
.productsTxt{
  width: 100%;
  order: 2;
  justify-content: center;
  padding: 10px 0 20px 0;
}
.productsSec.productsSecR a{
  flex-direction: column;
}
.productsTxtL{
  position: static;
  padding: 0;
}
.protxtIn{
  position: static;
  text-align: center;
}
span.proNum{
  left: 10px;
  top: 0;
  font-size: 48px;
  line-height: 58px;
}
.protxtIn h2{
  font-size: 18px;
  line-height: 28px;
}
.protxtIn p{
  margin-bottom: 10px;
  line-height: 14px;
}
.protxtIn .news_more{
  text-align: center;
}

.productsMain{
  padding-bottom: 60px;
}
.prol_top{
  padding: 60px 0 30px 0;
}

.prod_wz{
  padding: 50px 0;
}
.prodot1_L{
  left: 0;
}
.prodot1_R{
  right: 0;
}
.prod1_wz{
  margin-top: 0;
  padding: 20px 0;
}
.prod1_wz h3{
  font-size: 18px;
  line-height: 28px;
}
.prodot2_txt{
  padding: 20px 0;
}
.prodot2_txt h2{
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}
.prodot2_txt h3{
  font-size: 16px;
  line-height: 26px;
}

/* 技术实力 */
   .page{
          margin-top:10px;
          text-align:center;
  
        }

        .page a,.page span {
            display:inline-block;
            padding:5px 10px;
            margin:0 1px;
            border:1px solid #f0f0f0;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            border-radius:3px;
            width: 40px;
            text-align: center;
        }
        .page a,.page li {
            display:inline-block;
            list-style: none;
            text-decoration:none; 
            color:#CEAF64;
        }
        .page a.first,.page a.prev,.page a.next,.page a.end{
            width:70px;
            margin:0;
        }
        .page a:hover{
            border-color:#CEAF64;
        }
        .page span.current{
            background:#f5f5f5;
            color:#CEAF64;
            font-weight:700;
            border-color:#e8e8e8;
            width: 30px;
            text-align: center;
        }
        /*********10.27**********/
        .wap_tanc{
            width:100%;
            height:100%;
            position:fixed; top:0; left:0;
            z-index:99999;
            display:none;
        }
        .wap_tanc_bg{
            width:100%;
            height:100%;
            position:absolute; top:0; left:0;
            z-index:-1;
            background:#000;
            opacity:0.4;
            filter:alpha(opacity=40);
            -moz-opacity:0.4;
            -khtml-opacity:0.4;
            -webkit-opacity:0.4;
        }

        .wap_tanc_con{
            width:250px;
            padding: 16px;
			padding-bottom: 0;
            background-color: rgba(255,255,255,0.96);
            border-radius:15px;
            position:absolute; left:50%; top:50%;
            margin-top:-55px;
            margin-left:-125px;
            display:none;
        }
        .wap_tanc_con h5{
            margin:0;
           padding-bottom: 16px;
            line-height:30px;
            text-align:center;
            font-size:14px;
            font-weight:600 !important;
            letter-spacing:1px;
            border-bottom:1px solid #EBEBEB;
            
        }

        .wap_tanc_btn a{
            display:inline-block;
            width:50%;
            float:left;
            line-height:50px;
            text-align:center;
            letter-spacing:1px;
            font-size:14px;
            color:#006fff;
        }


        .wap_tanc_con1{
            width:500px;
            height:250px;
            margin-top:-125px;
            margin-left:-250px;
            padding:50px;
        }
        .wap_tanc_con1 h5{
            border-bottom:none;
            text-align:left;
            line-height:40px;
            font-weight:normal !important;
        }
        .wap_tanc_con1 h5 img{
            display:inline-block;
            vertical-align:top;
            margin-right:10px;
        }
        .wap_tanc_con1 h5 p{
            display:inline-block;
            vertical-align:top;
            font-size:30px;
        }
        .wap_tanc_con1 h5 p span{
            color:#ea5404;
            margin:0 3px;
        }

        .wap_tanc_con1 a{
            font-size:14px;
            display:inline-block;
            padding-left:95px;
            margin-top:20px;
            color:#ea5404;
            letter-spacing:1px;
        }
        .wap_tanc_con1>p{
            font-size:24px;
            color:#999;
            position:absolute; top:10px; right:20px;
            cursor:pointer;
        }