/* CSS Document */
* {
  font-size: 16px;
  color: #555;
font-family: KaiTi, SimSun, sans-serif;
	-webkit-tap-highlight-color:transparent;
}


@font-face {
  font-family: 'main';
  src: url(font/STKAITI.TTF);
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.row {
  overflow: hidden;
}
.myClick{
	cursor: pointer;
}
.row .box .list{
	cursor: auto!important;
}
#tech .bx-controls{display: none;}
#tech #next .bx-next{
	display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#tech #prev .bx-prev{
	display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
#tech .bx-viewport{
	height: auto!important;
}
.row .topTitle h4 {
  font-size: 1.666rem;
  color: #211514;
  margin-bottom: 30px;
  text-align: center;
}
.row .topTitle > div {
  text-align: center;
  font-size: 1.333rem;
  width: 70%;
  margin: 1.2rem auto 1.2rem auto;
}
.row .leftCol {
  float: left;
}
.row .rightCol {
  float: right;
}
.TrowMain{
	max-width: 1200px;margin: auto;
}
.backImg {
  background-size: cover!important;
  background-position: center;
}
.cl {
  clear: both;
}
.page {
  height: 8rem;
  line-height: 8rem;
  text-align: center;
}
.page .pageNum {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  margin: 2rem 0.4rem;
  text-align: center;
  color: #000;
}
.page .thisPage {
  color: #994639;
}
.page .next {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  width: 6rem;
  text-align: center;
}
.tab {
  border: 1px solid #eee;
}
.tab .tabTop {
  background-color: #555;
}
.tab .tabTop .tabCol {
  font-size: 1.666rem!important;
  color: #fff;
}
.tab .tabRow {
  height: 80px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.tab .tabRow .tabCol {
  display: inline-block;
  height: 100%;
  line-height: 80px;
  font-size: 1.333rem;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.tab .tabRow .tabCol .tabSet {
  height: 40px;
  line-height: 16px;
  font-size: 14px;
  border-radius: 4px;
  margin-top: 18px;
  display: inline-block;
  padding: 12px 32px;
  color: #994639;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.tab .tabRow:hover {
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.tab .tabRow:hover .tabSet {
  background-color: #994639;
  color: #fff;
}
.tab .tabRow .tabLeft {
  text-align: left;
  text-indent: 2.4rem;
}
.msg {
  display: table;
}
.msg .msgContent {
  display: table-cell;
  vertical-align: middle;
}
.msg .msgContent h3 {
  font-size: 2.666rem;
  color: #994639;
  text-align: center;
  margin-bottom: 45px;
}
.msg .msgContent h3 span {
  font-size: 2.666rem;
  color: #994639;
  text-align: center;
  display: inline-block;
  height: 100%;
	-webkit-transform-origin: 0% 50%;
	        transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
}
.msg .msgContent h4 {
  font-size: 1.666rem;
  color: #211514;
  margin-bottom: 30px;
}
.msg .msgContent h4 font{
	font-size: 1.666rem;
 	 color: #211514;
}
.msg .msgContent p {
  color: #666;
  line-height: 30px;
  font-size: 1.111rem;
}
.msg .msgContent .cl {
  height: 4rem;
  line-height: 4rem;
}
h3 {
  font-size: 2.666rem;
  color: #994639;
  text-align: center;
  margin-bottom: 3rem;
}
h3 span {
  font-size: 2.666rem;
  color: #994639;
  text-align: center;
  display: inline-block;
  position: relative;
}
h3 span:after {
  content: '';
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #994639;
  opacity: 0.2;
  background-color: transparent;
  z-index: 0;
}
h3 span:before {
  height: 1px;
  content: '';
  position: absolute;
  width: 3000px;
  background-color: #994639;
  opacity: 0.2;
  z-index: 0;
  top: 50%;
}
.h3_left,.h3_right{height: 71px;}
.h3_left span {
  text-indent: 20px;
	-webkit-transform-origin: 0% 50%;
	        transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
}
.h3_left span:after {
  left: 0;
}
.h3_left span:before {
  right: 100%;
}
.h3_right span {
  text-indent: -20px;
	-webkit-transform-origin: 100% 50%;
	        transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
}
.h3_right span:after {
  right: -20px;
}
.h3_right span:before {
  left: calc(100% + 20px);
}
.btn {
  background-color: #994639;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  padding: 12px 32px;
  position: relative;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  overflow: hidden;
}
.btnShow:before {
  content: attr(data-text);
  position: absolute;
  font-size: 16px;
  color: #fff;
  -webkit-transform-origin: -32px 50%;
          transform-origin: -32px 50%;
  -ms-transform-origin: 0% 50%;
  /* IE 9 */
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  opacity: 0;
}
.btnShow:hover {
  color: #000000;
}
.btnShow:hover:before {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  opacity: 1;
}
.more {
  display: inline-block;
  color: #994639;
  letter-spacing: 2px;
}
#bloc #header {
  position: relative;
}
#bloc #header #logo {
  position: absolute;
  display: inline-block;
  height: 272px;
  width: 110px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  left: 6.4%;
}
#bloc #header .language{
	position: absolute;
  display: inline-block;
  width: 120px;
	height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
 top: 40px;
  right: 6.4%;color: #fff;
}

#bloc #header .language > a{
	display: inline-block;height: 30px;line-height: 30px;
	width: 50px;text-align: center;color: #fff;opacity: 0.75;
	  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header .language > a.active{
	opacity: 1;
}
#bloc #header .language > a:hover{
	opacity: 1;
}
#bloc #header #banner {
  height: 440px;
  display: table;
  width: 100%;
}
#bloc #header .indexBanner{
	height: 560px;
}
#bloc #header #banner .msg {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(33, 21, 20, 0.2);
  text-align: center;
}
#bloc #header #banner .msg > span {
  color: #fff;
  font-size: 58px;
  display: inline-block;
}
#bloc #header .indexBanner .msg {
  padding-top: 80px;
}
#bloc #header #nav {
  left: 8.3%;
  position: absolute;
  bottom: -40px;
  width: 83.4%;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px rgba(53, 41, 36, 0.04);
          box-shadow: 0 5px 30px rgba(53, 41, 36, 0.04);
  height: 80px;
  z-index: 1000;
}
#bloc #header #nav .getAppNav{
	font-size: 28px;display: none;z-index: 6;
	position: absolute;width: 70px;height: 50px;line-height: 50px;
	margin: auto;left: 0;right: 0;text-align: center
}
#bloc #header #nav .getAppNav:before{
	content: '';position: absolute;width: 28px;height: 2px;background-color: #555;
	top: 16px;left: 21px;
	transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header #nav .getAppNav:after{
	content: '';position: absolute;width: 28px;height: 2px;background-color: #555;
	bottom: 16px;left: 21px;
	transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header #nav .item {
  width: 100%;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5%;
}
#bloc #header #nav .item .list {
  width: calc(100%/6);
  float: left;
  height: 80px;
  position: relative;
}
.ie #bloc #header #nav .item .list{
	width: calc(100%/6.2);
}
#bloc #header #nav .item .list > a {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
	font-size: 1.33rem;
  line-height: 80px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header #nav .item .list:before {
  content: '';
  position: absolute;
  height: 0px;
  width: 1px;
  background-color: #994639;
  left: 50%;
  top: 0px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header #nav .item .list:after {
  content: '';
  position: absolute;
  height: 0px;
  width: 1px;
  background-color: #994639;
  left: 50%;
  bottom: 0px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#bloc #header #nav .item .list:hover > a {
  color: #994639;
}
#bloc #header #nav .item .list:hover:before {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #994639;
  left: 50%;
  height: 17px;
}
#bloc #header #nav .item .list:hover:after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #994639;
  left: 50%;
  height: 17px;
}
#bloc #header #nav .item .list .childNav {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
  width: 100%;
  top: 80px;
  left: 0;
  padding-top: 5px;
}
#bloc #header #nav .item .list .childNav > li {
  width: 100%;
  padding: 8px 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  background-color: #994639;
}
#bloc #header #nav .item .list .childNav > li > a {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  width: 100%;
  display: inline-block;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  font-weight: 700;
  position: relative;
}
#bloc #header #nav .item .list .childNav > li:hover {
  background-color: #a85a4d;
}
#bloc #header #nav .item .thisNav {
  color: #994639;
}
#bloc #header #nav .item .thisNav:before {
  content: '';
  position: absolute;
  height: 17px;
  width: 1px;
  background-color: #994639;
  left: 50%;
  top: 0;
}
#bloc #header #nav .item .thisNav:after {
  content: '';
  position: absolute;
  height: 17px;
  width: 1px;
  background-color: #994639;
  left: 50%;
  bottom: 0;
}
#bloc #center #main {
  width: 100%;
  margin-top: 40px;
  position: relative;
}
#bloc #center #main .content {
  margin: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#bloc #center #main .content .row {
  padding-left: 8.3%;
  padding-right: 8.3%;
}
#bloc #center #main .content .row .topTitle {
  margin-top: 45px;
}
#bloc #center #main .content .row .topTitle h4 {
  margin-bottom: 100px;
  font-size: 2.666rem;
}
#bloc #center #main .content .row .topTitle h4 font {
  font-size: 2.666rem;
}
#bloc #footer .fMain {
  display: table;
  background-color: #994639;
  width: 100%;
}
#bloc #footer .fMain .msg {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding: 2rem 0;
}
..logoItem{overflow: hidden;}
.logoItem > li {
	height: 110px;width: 110px;float: left;margin: 20px 15px;
	background-repeat: no-repeat;background-size: cover;
}
/* 首页 */
#index .row1 .msg {
  
  height: 500px;
}
#index .row1 .msg .msgContent h4 {
  text-align: center;
}
#index .row1 .msg .msgContent h4 font {
  margin-bottom: 36px;
  font-size: 2.666rem;
}
#index .row1 .msg .msgContent p {
  text-align: center;
}
#index .row2 {
  background-color: #f8f8fa;
}
#index .row2 .topTitle {
  margin-top: 104px;
}
#index .row2 .topTitle h4 {
  margin-bottom: 100px;
  font-size: 2.666rem;
}
#index .row2 .sliderBox {
  position: relative;
  padding-bottom: 140px;
}
#index .row2 .sliderBox #slider1 li {
  padding-bottom: 142px;
}
#index .row2 .sliderBox #slider1 li .picBox {
  height: 400px;
}
#index .row2 .sliderBox #slider1 li .msg {
  background-color: #fff;
  margin: 0 4%;
  height: 284px;
  position: absolute;
	width:92%;
  bottom: 0;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
}
#index .row2 .sliderBox #slider1 li .msg .msgContent {
  padding: 0 10%;
  position: relative;
}
#index .row2 .sliderBox #slider1 li .msg .msgContent h4 {
  text-align: center;
}
#index .row2 .sliderBox #slider1 li .msg .msgContent p {
  text-align: center;
  height: 90px;
  overflow: hidden;
}
#index .row2 .sliderBox #slider1 li .msg .msgContent span.icon {
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: inline-block;
  line-height: 72px;
  background-color: #789c03;
  left: calc(50% - 36px);
  top: -36px;
  text-align: center;
}
#index .row2 .sliderBox #slider1 li .msg .msgContent span.icon > i {
  color: #fff;
  font-size: 2rem;
}
#index .row2 .sliderBox .sliderSet {
  height: 100%;
  width: 10.3%;
  top: 0;
  height: 111px;
  top: 168px;
  line-height: 111px;
  display: inline-block;
  text-align: center;
  position: absolute;
}
#index .row2 .sliderBox .sliderSet  i {
  color: #dee6c9;
  font-size: 6rem;
}
.ie .btn:hover{}
#index .row2 .sliderBox .prev {
  right: 100%;
}
#index .row2 .sliderBox .next {
  left: 100%;
}
#index .row2 .sliderBox .bx-pager {
  display: none;
}
#index .row2 .sliderBox .bx-next,
#index .row2 .sliderBox .bx-prev {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
	
	z-index: 100;
}
#index .row3 {
  padding: 0!important;
}
#index .row3 .leftCol {
  width: 50%;
  height: 849px;
  padding-left: 8.3%;
}
#index .row3 .leftCol .msg {
  height: calc(100% - 314px);
  padding-top: 120px;
  margin: 157px 0;
  right: 24%;
  z-index: 2;
  padding-right: 40px;
  background: url(../images/ye.png) top right no-repeat #ffffff;
}
#index .row3 .leftCol .msg .msgContent {
  width: 420px;
}
#index .row3 .leftCol .msg .msgContent p {
  font-size: 1.333rem;
  line-height: 200%;
  margin-bottom: 60px;width: 420px;
}
#index .row3 .leftCol .msg .msgContent p > a{
	display: inline-block;text-overflow: ellipsis;width: 100%;overflow: hidden;white-space: nowrap;height: 30px;
}
#index .row3 .leftCol .title {
  background-color: #789c03;
  text-align: center;
  width: 50%;
  height: 200px;
  line-height: 200px;
  position: absolute;
  font-size: 2.666rem;
  color: #fff;
  top: 100px;
  right: -90px;
  text-indent: 0;
	padding-left: 12%;
}
#index .row3 .leftCol .title font {
	font-size: 2.666rem;
 	 color: #fff;
}
#index .row3 .rightCol {
  height: 849px;
  width: 50%;
}
#index .row3 .rightCol .picBox {
  width: 100%;
  height: 100%;
}
#index .row4 {
  background-color: #f8f8fa;
}
#index .row4 .item {
  overflow: hidden;
  height: 150px;
}
#index .row4 .item .list {
  float: left;
  width: calc(100%/3);
  display: inline-block;
  height: 100%;
  line-height: 150px;
}
.ie #index .row4 .item .list{
	width: calc(100%/3.2);
}
#index .row4 .item > li {
  padding-left: 6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  line-height: 20px!important;
}
#index .row4 .item > li .icon {
  position: absolute;
  height: 100%;
  width: 6rem;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 150px;
}
#index .row4 .item > li .icon > i {
  color: #333;
  font-size: 1.4rem;
}
#index .row4 .item > li strong {
  display: block;
  font-size: 1.333rem;
  height: 2.4rem;
  line-height: 2.4rem;
  margin-top: 42px;
}
#index .row5 .topTitle {
  margin-top: 104px;
}
#index .row5 .topTitle h4 {
  margin-bottom: 100px;
  font-size: 2.666rem;
}
#index .row5 .inputBox {
  text-align: center;
  margin-bottom: 150px;
}
#index .row5 .inputBox .txtInput {
  width: 240px;
  margin: 0 2%;
  display: inline-block;
}
#index .row5 .inputBox .txtInput input {
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #dddddd;
}
/* 关于 */
#about .row {
  margin-top: -30px;
}
#about .box {
  padding-bottom: 120px;
  overflow: hidden;
  position: relative;
}
#about .box .mBox {
  float: right;
  width: 66.5%;
}
#about .box .otherBox {
  position: absolute;
  width: 39.68%;
  bottom: 0;
}
#about .box .mBox {
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
  padding: 100px 0 120px 0;
  background: url('../images/aboutBg1.png') top left no-repeat;
}
#about .box .msg {
  width: 61.55%;
  margin: auto;
  margin-right: 9.48%;
}
#about .row2 .leftCol {
  width: 50%;
  height: 480px;
}
#about .row2 .leftCol .msg {
  width: 60%;
  margin-left: 10%;
  height: 100%;
}
#about .row2 .leftCol .msg h3 {
  text-align: left;
}
#about .row2 .rightCol {
  width: 50%;
  display: table;
  height: 480px;
  position: relative;
}
#about .row2 .rightCol .picImg {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
#about .row2 .rightCol .picImg .picBox {
  width: 100%;
  height: 480px;
}
#about .row2 .rightCol .lump {
  width: 306px;
  height: 120px;
  background-color: rgba(153, 70, 57, 0.9);
  bottom: 0px;
  left: -100px;
}
#about .picRow {
  width: 100%;
  background-color: transparent;
  height: 240px;
  left: 0;
}
#about .picRow .picBox {
  height: 240px;
  position: relative;
  float: right;
  width: calc(50% - 206px);
}
#about .row3 {
  padding-top: 100px!important;
  position: relative;
  margin-top: 0;
}
#about .row3 .leftCol {
  width: 50%;
}
#about .row3 .leftCol .picBox {
  width: 80%;
  margin-left: 20%;
}
#about .row3 .rightCol {
  width: 50%;
}
#about .row3 .rightCol .top h3 {
  padding-bottom: 30px;
}
#about .row3 .rightCol .msg {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.06);
          box-shadow: 0 5px 50px rgba(0, 0, 0, 0.06);
  margin: 30px 0;
}
#about .row3 .rightCol .msg .msgContent {
  padding: 100px 12.8% 80px 12.8%;
}
#about .row3 .rightCol .msg .msgContent h4 {
  text-align: center;
}
#about .row3 .picBox {
  top: 0;
  left: 8.3%;
  width: 15%;
  z-index: -1;
}
#about .row4 {
  height: 210px;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  overflow: visible;
  padding: 0 0 0 8.3%!important;
}
#about .row4 .leftCol {
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.06);
          box-shadow: 0 5px 50px rgba(0, 0, 0, 0.06);
  width: 60%;
  height: 100%;
}
#about .row4 .leftCol .msg {
  height: 100%;
  padding: 0 8%;
}
#about .row4 .rightCol {
  width: 40%;
  background-color: #789c03;
  height: 100%;
}
#about .row4 .rightCol .msg {
  height: 100%;
  width: 100%;
  text-align: center;
}
#about .row4 .rightCol .msg .msgContent p {
  color: #fff;
  font-size: 38px;
  line-height: 71px;
}
/* 健康产品 */
#pro .rowTop {
  text-align: center;
  padding-top: 4rem;
}
#pro .rowTop .search {
  display: inline-block;
}
#pro .rowTop .search input {
  width: 700px;
  padding: 0 20px;
  height: 3.333rem;
  line-height: 3.333rem;
  border: none;
  background-color: #f8f8fa;
  vertical-align: top;
  color: #7b7a7a;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#pro .rowTop .search .searchGo {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0px 68px;
  font-size: 24px;
  vertical-align: top;
	height: 3.333rem;
	line-height: 3.333rem;
}
#pro .rowTop .search .downBox{position: absolute;width: 700px;top: 53px;background-color: #fff;border-radius: 5px;z-index: 99999999999;overflow: hidden;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.12);box-shadow: 0 5px 10px rgba(0,0,0,0.12);}
#pro .rowTop .search .downBox a{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;font-size: 1.111rem;height: 50px;line-height: 50px;display: block;cursor: pointer;text-align: left;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
#pro .rowTop .search .downBox a:hover{background-color: rgba(0,0,0,0.12)}
#pro .row2 .rowMain .proType {
  text-align: center;
  padding: 30px 0 50px 0;
}
#pro .row2 .rowMain .proType .type {
  font-size: 1.333rem;
  background-color: #fff;
  color: #555;
  -webkit-box-shadow: 0 5px 30px rgba(136, 136, 136, 0.1);
          box-shadow: 0 5px 30px rgba(136, 136, 136, 0.1);
  margin: 0 3rem;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#pro .row2 .rowMain .proType .type:hover {
  background-color: #994639;
  color: #fff;
}
#pro .row2 .rowMain .proType .active {
  background-color: #994639;
  color: #fff;
}
#pro .row2 .rowMain .sliderBox {
  position: relative;
  padding-bottom: 110px;
}
#pro .row2 .rowMain .sliderBox .bx-viewport {
  padding-left: 30px;
  padding-right: 30px;
}
#pro .row2 .rowMain .sliderBox .bx-controls-direction {
  display: none;
}
#pro .row2 .rowMain .sliderBox .bx-default-pager {
  text-align: center;
}
#pro .row2 .rowMain .sliderBox .bx-pager-item {
  display: inline-block;
  width: 80px;
  height: 8px;
  margin: 0 12px;
	padding:  24px 0;
}
#pro .row2 .rowMain .sliderBox .bx-pager-item > a {
  display: inline-block;
  width: 80px;
  height: 8px;
  border-radius: 50px;
  background-color: #eee;
  overflow: hidden;
  text-indent: -999;
  vertical-align: top;
}
#pro .row2 .rowMain .sliderBox .bx-pager-item .active {
  background-color: #994639;
}
#pro .row2 .rowMain .sliderBox #slider1 {
  padding-left: 30px;
}
#pro .row2 .rowMain .sliderBox #slider1 li {
  width: 100%;
  padding-bottom: 50px;
}
#pro .row2 .rowMain .sliderBox #slider1 li .picBox {
  height: 268px;
}
#pro .row2 .rowMain .sliderBox #slider1 li .msg {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);
}
#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent {
  position: relative;
  padding: 0 4%;
}
#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent h4 {
  text-align: left;
  color: #994639;
  padding: 0 8%;
  margin-top: 5px;margin-bottom: 10px;
}
#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p strong {
  display: block;
  font-size: 1.333rem;
  height: 6rem;
  overflow: hidden;
  padding: 0 8%;
  font-weight: 100;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p .line {
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #eee;
  display: block;
}
#pro .row2 .rowMain .sliderBox #slider1 li .msg .msgContent p span {
  display: inline-block;
  height: 11rem;
  overflow: hidden;
  margin: 20px 8%;
}
#pro .row3 {
  padding-bottom: 8rem;
}
#pro .row3 .box {
  text-align: center;
  width: 80%;
  margin: auto;
  margin-bottom: 60px;
  margin-top: 80px;
}
#pro .row3 .box .list {
  display: inline-block;
  height: 60px;
  width: 280px;
  margin: 20px 30px;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  line-height: 60px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  font-size: 1.333rem;
}
#pro .row3 .box .list:hover {
  color: #fff;
	/*background-color: #994639;*/
}
.ie #pro .row3 .box .list:hover{
	color: rgba(153, 70, 57, 1);
}
#pro .row3 .proItem {
  background: url("../images/proBg1.jpg") bottom left no-repeat #ffffff;
  padding: 20px 5%;
  height: 700px;
  overflow: auto;
  -webkit-box-shadow: 0 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0 5px 50px rgba(85, 85, 85, 0.1);
}
#pro .row3 .proItem::-webkit-scrollbar {
  width: 10px;
}
#pro .row3 .proItem::-webkit-scrollbar-button {
  display: none;
}
#pro .row3 .proItem::-webkit-scrollbar-track {
  background-color: #eee;
}
#pro .row3 .proItem::-webkit-scrollbar-thumb {
  background-color: #994639;
}
#pro .row3 .proItem .proList .title {
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  margin: 3rem 0;
  position: relative;
}
#pro .row3 .proItem .proList .title span {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: #994639;
  font-size: 2rem;
}
#pro .row3 .proItem .proList .title:after {
  content: attr(data-num);
  font-size: 5.333rem;
  color: #f3f3f3;
  position: absolute;
  left: 46%;
  z-index: 0;
  letter-spacing: 1px;
  top: -1rem;
}
#pro .row3 .proItem .proList .proMain {
  overflow: hidden;
  text-align: center;
	display: flex;flex-wrap: wrap;justify-content: center;
}
.en #pro .row3 .proItem .proList .proMain{
	justify-content: flex-start;
}
#pro .row3 .proItem .proList .proMain .pType {
  display: inline-block;
  margin: 1rem 2rem;
	vertical-align: top;
	float: left;
}

#pro .row3 .proItem .proList .proMain .pType h4 {
  color: #994639;
  font-size: 1.666rem;
  margin-bottom: 30px;
  text-align: left;
}
#pro .row3 .proItem .proList .proMain .pType p {
  text-align: left;
  font-size: 1.333rem;
}
/* 技术服务
 */
#tech .row1 .rowMain {
  margin-top: 100px;
}
#tech .row1 .rowMain .box {
  overflow: hidden;
  position: relative;
  padding: 80px 30px 30px 0;
}
#tech .row1 .rowMain .box .mBox {
  float: right;
  width: 60%;
}
#tech .row1 .rowMain .box .otherBox {
  position: absolute;
  width: 40%;
  bottom: 0;
}
#tech .row1 .rowMain .box .mBox {
  overflow: visible;
  -webkit-box-shadow: 0 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0 5px 50px rgba(85, 85, 85, 0.1);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 60px 6% 60px 13%;
}
#tech .row1 .rowMain .box .mBox > span {
  display: inline-block;
  width: 48%;
  float: left;
  margin-bottom: 1rem;
}
#tech .row1 .rowMain .box .mBox > span:nth-child(2n) {
  margin-left: 4%;
}
#tech .row1 .rowMain .box .mBox > span a.icon {
  display: inline-block;
  background-color: #994639;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
}
#tech .row1 .rowMain .box .mBox > span a.icon > i {
  color: #fff;
  font-size: 1.8rem;
}
#tech .row1 .rowMain .box .mBox > span > p {
  display: block;
  font-size: 16px;
  margin-top: 1rem;
  height: 150px;
  overflow: hidden;
}
#tech .row1 .rowMain .box .otherBox {
  top: 0;
  width: 30%;
}
#tech .row2 .rowMain .techList .title {
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  margin: 3rem 0;
  position: relative;
}
#tech .row2 .rowMain .techList .title span {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  font-size: 1.333rem;
}
#tech .row2 .rowMain .techList .title span font{
	font-size: 1.333rem;
}
#tech .row2 .rowMain .techList .title:after {
  content: attr(data-num);
  font-size: 5.333rem;
  color: #f3f3f3;
  position: absolute;
  left: 46%;
  z-index: 0;
  letter-spacing: 1px;
  top: -1rem;
}
#tech .row2 .rowMain .techList .techMain {
  overflow: hidden;
  text-align: center;
}
#tech .row2 .rowMain .techList .tech1 .techRow .techType {
  display: inline-block;
  height: 80px;
	position: relative;
  background-color: #fff;
  width: calc(100%/4 - 240px/4);
  margin: 40px 30px;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  line-height: 80px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  color: #994639;
}

#tech .row2 .rowMain .techList .tech1 .techRow .techType:hover {
  background-color: #789c03;
  color: #fff;
}
#tech .row2 .rowMain .techList .tech1 .techLine {
  height: 189px;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 54px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon {
  display: inline-block;
  position: absolute;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background-color: #994639;
  line-height: 102px;
  text-align: center;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon > i {
  font-size: 3rem;
  color: #fff;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon:after {
  content: "";
  position: absolute;
  border-left: 1px dashed #994639;
  width: 1px;
  left: 50%;
  bottom: 102px;
  z-index: -1;
  opacity: 0.4;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon1 {
  left: calc(100%/8 - 240px/8 + 30px - 51px);
  top: 45px;
	-webkit-transform-origin: 50% -145px;
	        transform-origin: 50% -145px;
	-ms-transform-origin: 50% -145px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon1:after {
  height: 145px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon2 {
  left: calc(300%/8 - 720px/8 + 90px - 51px);
  top: 55px;
	-webkit-transform-origin: 50% -155px;
	        transform-origin: 50% -155px;
	-ms-transform-origin: 50% -155px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon2:after {
  height: 155px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon3 {
  left: calc(500%/8 - 1200px/8 + 150px - 51px);
  top: -25px;
	-webkit-transform-origin: 50% -75px;
	        transform-origin: 50% -75px;
	-ms-transform-origin: 50% -75px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon3:after {
  height: 75px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon4 {
  left: calc(700%/8 - 1680px/8 + 210px - 51px);
  top: 45px;
	-webkit-transform-origin: 50% -145px;
	        transform-origin: 50% -145px;
	-ms-transform-origin: 50% -145px;
}
#tech .row2 .rowMain .techList .tech1 .techLine .icon4:after {
  height: 145px;
}
#tech .row2 .rowMain .techList .tech2 {
  padding-top: 6rem;
}
#tech .row2 .rowMain .techList .tech2 .leftCol {
  width: 50%;
}
#tech .row2 .rowMain .techList .tech2 .leftCol .pic1 {
  top: -6rem;
  width: 60%;
  left: 0;
  z-index: -1;
}
#tech .row2 .rowMain .techList .tech2 .leftCol .pic1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 247, 245, 0.8);
}
#tech .row2 .rowMain .techList .tech2 .leftCol .pic2 {
  width: 68%;
  margin: 2rem auto;
  position: relative;
}
#tech .row2 .rowMain .techList .tech2 .leftCol .pic2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(153, 70, 57, 0.9);
}
#tech .row2 .rowMain .techList .tech2 .leftCol .pic2 > span {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  z-index: 5;
}
#tech .row2 .rowMain .techList .tech2 .rightCol {
  width: 50%;
}
#tech .row2 .rowMain .techList .tech2 .rightCol .box .txt {
  text-align: left;
  margin-bottom: 4rem;
  padding-top: 2rem;
}
#tech .row2 .rowMain .techList .tech2 .rightCol .box .sliderBox #slider1 .picBox {
  width: 100%;
  height: 400px;
}
#tech .row2 .rowMain .techList .tech2 .rightCol .box .sliderBox .sliderPage{
	position: absolute;background-color: #fff;width: 120px;height: 40px;line-height: 60px;
	border-radius: 50%;left: -160px;bottom: 0px;
}
#tech .row2 .rowMain .techList .tech2 .rightCol .box .sliderBox .sliderPage .sliderSet{
	display: inline-block;width: 40px;height: 40px;line-height: 40px;
	text-align: center;margin: 0 10px;
}
#tech .row2 .rowMain .techList .tech2 .rightCol .box .sliderBox .sliderPage .sliderSet > i{
	color: #994639;font-size: 40px;
}
#tech .row3 .topTitle > div {
  text-align: center;
  font-size: 1.333rem;
  width: 70%;
  margin: 5rem auto 3rem auto;
}
#tech .row3 .box,.logoItem,#contact .row3 .box {
  	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.logoItem{
	justify-content: flex-start;
}
#tech .row3 .box .list {
  display: inline-block;
  height: 80px;
  width: 400px;
  margin: 40px 60px;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  line-height: 80px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#tech .row3 .box .list:hover {
  color: #fff;
	background-color: #789c03; 
}
/* 品质管控 */
#quality .row1 .rowMain {
  text-align: center;
  padding: 100px 0;padding-top: 50px;
}
#quality .row1 .rowMain .picBox {
  display: inline-block;
  width: 26.75%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#quality .row1 .rowMain .picBox .msg {
  background-color: rgba(255,255,255,0.8);
  padding: 1.2rem 1rem;
  min-width: 101%;
  bottom: 0%;
  right: -1px;
  max-width: 100%;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
}
.ie #quality .row1 .rowMain .picBox .msg {
	right: auto;min-width: 100%;
}
#quality .row1 .rowMain .picBox .msg .msgContent h4 {
  margin-bottom: 10px;
  text-align: center;
}
#quality .row1 .rowMain .picBox .msg .msgContent p {
  font-size: 1rem;
  text-align: center;
}
#quality .row1 .rowMain .picBox:nth-child(2n) {
  -ms-transform: translateY(60px);
      transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -o-transform: translateY(60px);
}
#quality .row1 .rowMain .picBox:nth-child(3n) {
  -ms-transform: translateY(-60px);
      transform: translateY(-60px);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -o-transform: translateY(-60px);
}
#quality .row1 .rowMain .picBox:last-child {
  -ms-transform: translateY(0px);
      transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
}
#quality .row1 .rowMain .picBox:not(:last-child) {
  margin-right: 6%;
}
#quality .row1 .rowMain .picBox:hover {
  -webkit-box-shadow: 0 5px 50px rgba(85, 85, 85, 0.2);
          box-shadow: 0 5px 50px rgba(85, 85, 85, 0.2);
}
#quality .row2 {
  background-size: cover;
}
#quality .row2 .topTitle h3 {
  margin-bottom: 50px;
}
#quality .row2 .topTitle h3 span {
  color: #fff;
}
#quality .row2 .topTitle h3 span:after {
  border-color: #fff;
}
#quality .row2 .topTitle h3 span:before {
  background-color: #fff;
}
#quality .row2 .topTitle > div {
  color: #fff;
  margin-top: 50px;
}
.en #quality .row2 .topTitle > div{
	text-align: left;
	width: 88%;
}
#quality .row2 .rowMain {
  height: 29rem;
  width: 100%;
  left: 0;
}
#quality .row2 .rowMain .sliderBox {
  width: 100%;
  overflow: hidden;
  padding: 0 2%;
}
#quality .row2 .rowMain .sliderBox .slider {
  overflow: hidden;
  width: 10000px;
}
#quality .row2 .rowMain .sliderBox .slider .list {
  display: inline-block;
  float: left;
  position: relative;
}
#quality .row2 .rowMain .sliderBox .slider .list > span {
  display: inline-block;
  width: 180px;
  text-align: center;
  padding-right: 70px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#quality .row2 .rowMain .sliderBox .slider .list > span h4 {
  font-size: 1.666rem;
  color: #fff;
  margin-bottom: 10px;
  overflow: hidden;
}
#quality .row2 .rowMain .sliderBox .slider .list > span p {
  font-size: 1rem;
  color: #fff;
  text-align: left;
}
#quality .row2 .rowMain .sliderBox .slider .list > span .icon {
  display: inline-block;
  height: 93px;
  width: 93px;
  border-radius: 50%;
  background-color: #994639;
  line-height: 93px;
  text-align: center;
  margin-bottom: 24px;
}
#quality .row2 .rowMain .sliderBox .slider .list > span .icon > i {
  color: #fff;
  font-size: 3rem;
}
#quality .row2 .rowMain .sliderBox .slider .list .arrow {
  position: absolute;
  display: inline-block;
  width: 70px;
  right: 0px;
  text-align: center;
  height: 93px;
  line-height: 93px;
  top: 0;
  background: url("../images/arrow.png") center no-repeat;
}
#quality .row2 .rowMain .sliderBox .slider .list:last-child .arrow {
  display: none;
}
#quality .row2 .rowMain .sliderMove {
  display: inline-block;
  width: 480px;
  height: 30px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0 5px 50px rgba(85, 85, 85, 0.1);
  margin-top: 7rem;
  position: relative;
}
#quality .row2 .rowMain .sliderMove .Tactive {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  max-width: 100%;
  background-color: #994639;
  border-radius: 50px;
}
#quality .row2 .rowMain .sliderMove .Tactive .circle {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #994639;
  top: -10px;
  right: -25px;
  -webkit-box-shadow: 0 5px 50px rgba(103, 49, 49, 0.3);
          box-shadow: 0 5px 50px rgba(103, 49, 49, 0.3);
  cursor: pointer;
}
#quality .row2 .cl {
  height: 29rem;
}
#quality .row3 .box {
  text-align: left;
}
#quality .row3 .box .list {
  display: inline-block;
  height: 80px;
  width: 315px;
  margin: 40px 25px;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  line-height: 80px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#quality .row3 .box .list:hover {
  background-color: #789c03;
  color: #fff;
}
#quality .row4 .rowMain {
  overflow: hidden;
  padding-bottom: 10%;
}
#quality .row4 .rowMain .leftCol {
  width: 39%;
}
#quality .row4 .rowMain .leftCol > .picBox {
  width: 75%;
  height: 432px;
}
#quality .row4 .rowMain .leftCol > .picBox > .picBox {
  width: 70%;
  right: -15%;
  bottom: -15%;
  z-index: -1;
}
#quality .row4 .rowMain .leftCol > .picBox > .picBox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
#quality .row4 .rowMain .rightCol {
  width: 61%;
}
#quality .row4 .rowMain .rightCol .msg {
  height: 432px;
}
#quality .row4 .rowMain .rightCol .msg .msgContent {
  overflow: hidden;
}
#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox {
  float: left;
  width: calc(50% - 68px - 50px);
  padding: 2rem 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-left: 68px;
  padding-right: 50px;
}
#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox .icon {
  left: 0;
  top: 1.6rem;
}
#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox .icon > i {
  color: #994639;
  font-size: 2.8rem;
}
#quality .row4 .rowMain .rightCol .msg .msgContent .Tbox p {
  height: 8rem;
  font-size: 1rem;
  overflow: hidden;
}
/* 企业资讯 */
#company_new .row1 .topTitle h3 {
  width: 36%;
  text-align: right;
}
#company_new .rowList {
  padding-bottom: 106px;
  padding-top: 30px;
  position: relative;
}
#company_new .rowList .txtCol {
  width: 50%;
  background-color: #fff;
  min-width: 480px;
  height: 300px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#company_new .rowList .txtCol .msg {
  height: 100%;
  padding: 0 200px 0 80px;
}
#company_new .rowList .txtCol .msg .msgContent h4 {
  color: #994639;
  padding-bottom: 25px;
  position: relative;
}
#company_new .rowList .txtCol .msg .msgContent h4:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 1px;
  background-color: #994639;
}
#company_new .rowList .txtCol .msg .msgContent p {
  height: 60px;
  overflow: hidden;
}
#company_new .rowList .picBox {
  width: 50%;
  height: 300px;
  
  z-index: 5;
}
#company_new .rowList .rightCol {
  
}
#company_new .rowList .rightCol .msg {
  padding: 0 80px 0 200px;
}
#company_new .rowList .leftCol {
  left: 8.3%;
}
#company_new .rowList .leftCol .msg {
  padding: 0 120px 0 80px;
}
#company_new .rowList .txtCol:hover {
  -webkit-box-shadow: 0px 5px 50px rgba(22, 37, 68, 0.1);
          box-shadow: 0px 5px 50px rgba(22, 37, 68, 0.1);
  
}
#company_new .rowPage {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  height: 180px;
  font-size: 1.333rem;
  line-height: 60px;
}
#company_new .rowPage .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 30px;
}
#company_new .rowPage .icon > i {
  font-size: 60px;
  color: #994639;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#company_new .rowPage .icon:hover > i {
  opacity: 0.5;
}
#company_new .rowPage span {
  display: inline-block;
  height: 100%;
  line-height: 60px;
  text-align: center;
  vertical-align: top;
}
#company_new .rowPage .Tpage {
  font-size: 1.333rem;
  display: inline-block;
  color: #994639;
}
#company_new .rowPage .pageAll {
  font-size: 1.333rem;
  display: inline-block;
}
/* 人才发展 */
#develop .rowTop {
  padding-bottom: 45px;
}
#develop .rowTop .topTitle h3 {
  text-align: center;
}
#develop .rowTop .topContent {
  width: 70%;
  margin: auto;
  text-align: center;
}
#develop .rowList {
  padding-bottom: 45px;
  padding-top: 45px;
  position: relative;
}
#develop .rowList .txtCol {
  width: 42%;
  background-color: #fff;
  height: 20.888rem;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#develop .rowList .txtCol .msg {
  height: 100%;
}
#develop .rowList .txtCol .msg .msgContent h4 {
  padding-bottom: 25px;
  position: relative;
}
#develop .rowList .picBox {
  width: 42%;
  height: 20.888rem;
  position: relative;
}
#develop .rowList .picBox .redbloc {
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: #994639;
  top: 128px;
  color: #fff;
  line-height: 120px;
  text-align: center;
  font-size: 3.333rem;
}
#develop .rowList .leftCol {
  text-align: right;
}
#develop .rowList .leftCol .msg {
  padding-left: 80px;
}
#develop .rowList .leftCol .redbloc {
  right: -60px;
}
#develop .rowList .rightCol .msg {
  padding-right: 80px;
}
#develop .rowList .rightCol .redbloc {
  left: -60px;
}
#develop .rowPage {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  height: 180px;
  font-size: 1.333rem;
  line-height: 60px;
}
#develop .rowPage .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 30px;
}
#develop .rowPage .icon > i {
  font-size: 60px;
  color: #994639;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#develop .rowPage .icon:hover > i {
  opacity: 0.5;
}
#develop .rowPage span {
  display: inline-block;
  height: 100%;
  line-height: 60px;
  text-align: center;
  vertical-align: top;
}
#develop .rowPage .Tpage {
  font-size: 1.333rem;
  display: inline-block;
  color: #994639;
}
#develop .rowPage .pageAll {
  font-size: 1.333rem;
  display: inline-block;
}
#develop .row3 .box {
  text-align: left;
}
#develop .row3 .box .list {
  display: inline-block;
  height: 80px;
  width: 400px;
  margin: 40px 60px;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  line-height: 80px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#develop .row3 .box .list:hover {
  background-color: #789c03;
  color: #fff;
}
.mask {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 101;
  top: 0;
  left: 0;
  display: none;
}
.pop {
  position: fixed;
  z-index: 102;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 15%;
  display: none;
}
.pop .popContent {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.pop .popContent .Ptop {
  margin: 0 100px;
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.333rem;
  position: relative;
  border-bottom: 1px solid #eee;
  margin-bottom: 2rem;
}
.pop .popContent .Ptop .close {
  position: absolute;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  right: -4rem;
  top: 0;
}
.pop .popContent .Ptop .close > i {
  color: #888;
  font-size: 1.333rem;
}
.pop .popContent .Pmain {
  margin: 0 8%;
}
.pop .popContent .pbtn {
  padding: 3rem 0;
  text-align: center;
}
.pop .popContent .pbtn .btn {
  background-color: #789c03;
  border-radius: 4px;
}
/* 
新闻详情 */
#new_detail .row {
  padding-top: 130px;
  position: relative;
}
#new_detail .row .new_top {
  margin: 0 15%;
  padding-bottom: 55px;
  border-bottom: 1px solid #eee;
}
#new_detail .row .new_top h5 {
  font-size: 30px;
  text-align: center;
  color: #333;
  margin-bottom: 40px;
}
#new_detail .row .new_top .small {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
#new_detail .row .newMain {
  padding: 40px 15%;
  padding-bottom: 100px;
}
#new_detail .row .newMain p {
  padding: 0 5%;
}
#new_detail .row .newMain img {
  width: 90%;
  margin: 40px 5%;
}
#new_detail .row .return {
  position: absolute;
  display: inline-block;
  top: 130px;
  left: 12%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
#new_detail .row .return > i {
  color: #994639;
  font-size: 48px;
}
/* 联系我们*/
#contact .row1 {
  padding-left: 0!important;
  padding-right: 0!important;
}
#contact .row1 .rowMain {
  overflow: hidden;
  padding: 30px 0;
}
#contact .row1 .rowMain > .rightCol {
  width: 50%;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  padding: 70px 0 70px 350px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#contact .row1 .rowMain > .rightCol .msg .msgContent h4 {
  margin-bottom: 60px;
}
#contact .row1 .rowMain > .rightCol .msg .msgContent p {
  font-size: 1.333rem;
}
#contact .row1 .rowMain > .rightCol .picBox {
  top: 0;
  left: 0;
	bottom: 0;
	margin: auto;
  width: 50%;
  left: -30%;
}
#contact .row1 .rowMain #map {
  position: relative;margin-top: 50px;
}
#contact .row1 .rowMain #map .mapMsg {
  position: absolute;
  width: 400px;
  height: 145px;
  -webkit-box-shadow: 0 5px 50px rgba(85, 85, 85, 0.2);
          box-shadow: 0 5px 50px rgba(85, 85, 85, 0.2);
  bottom: 20%;
  left: calc(15% + 750px);
}
#contact .row1 .rowMain #map .mapMsg .leftCol {
  height: 145px;
  width: calc(100% - 90px);
}
#contact .row1 .rowMain #map .mapMsg .leftCol .msg {
  height: 100%;
  padding: 0 25px;
}
#contact .row1 .rowMain #map .mapMsg .leftCol .msg .msgContent p {
  font-size: 15px;
  line-height: 1.3rem;
}
#contact .row1 .rowMain #map .mapMsg .rightCol {
  width: 90px;
  text-align: center;
  line-height: 90px;
  height: 145px;
  background-color: #789c03;
  color: #fff;
  -webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;
  font-size: 20px;
  letter-spacing: 1px;
}
#contact .row2 .contactBox .leaveMsg {
  overflow: hidden;
  width: 75%;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  padding: 60px 100px;
  margin: 30px auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#contact .row2 .contactBox .leaveMsg .leftCol {
  width: 50%;
  position: relative;
}
#contact .row2 .contactBox .leaveMsg .leftCol .msgList {
  height: 4rem;
  line-height: 4rem;
}
#contact .row2 .contactBox .leaveMsg .leftCol .msgList > input {
  border: none;
  border-bottom: 1px solid #eee;
  line-height: 3rem;
  width: 90%;
  color: #888;
  font-size: 1rem;
	height: 3rem;
}
#contact .row2 .contactBox .leaveMsg .leftCol:after {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  background-color: #eee;
  right: 0;
  top: 0;
}
#contact .row2 .contactBox .leaveMsg .rightCol {
  width: 50%;
}
#contact .row2 .contactBox .leaveMsg .rightCol textarea {
  width: 90%;
  padding: 10px;
  height: 120px;
  margin: 12px 0;
  margin-left: 10%;
  border-color: #eee;
  color: #888;
  font-size: 1rem;
	overflow: auto;
}
#contact .row2 .contactBox .cl {
  text-align: center;
  padding: 2rem 0;
}
#contact .row2 .contactBox .cl .btn {
  border-radius: 4px;
}

#contact .row3 .box .list {
  display: inline-block;
  height: 80px;
  width: 400px;
  margin: 40px 60px;
  -webkit-box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
          box-shadow: 0px 5px 50px rgba(85, 85, 85, 0.1);
  line-height: 80px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#contact .row3 .box .list:hover {
  background-color: #789c03;
  color: #fff;
}
polygon {
  cursor: pointer;
  fill: #eee;
  stroke: #fff;
  stroke-width: 0.5;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
circle {
  fill: #789c03;
  display: none;
  opacity: 0.92;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
circle.show,
text.show {
  display: block;
}
text {
  font-size: 10px;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.branch-svg polygon:hover,
.branch-svg polygon.active {
  fill: #994639;
}
.branch-svg polygon.isfill {
  fill: #789c03;
  stroke: rgba(255, 255, 255, 0);
}
.branch-svg circle.isfill {
  fill: #fff;
}
.branch-svg text.ischoose {
  fill: #ffffff;
}
.branch-svg svg {
  width: 750px;
  height: 630px;
}
.branch-svg {
  width: 750px;
  margin: 0 auto;
  margin-left: 15%;
}
.toTop {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: fixed;
  display: none;
  opacity: 0.6;
  right: 80px;
  bottom: 100px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.toTop > i {
  font-size: 60px;
  color: #789c03;
}
.pro_pop {
  width: 80%;
}
.pro_pop .popContent {
  background-color: #fff;
}
.pro_pop .row {
  width: 100%;
  background-color: #fff;
  height: 100%;
  position: relative;
}
.pro_pop .row .leftCol {
  width: 30%;
  height: 100%;
  background-color: #f5f5f6;
  position: absolute;
  top: 0;
  left: 0;
}
.pro_pop .row .leftCol .picBox {
  height: 482px;
}
.pro_pop .row .leftCol .proPage {
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 0;
  height: 3rem;
  background-color: #fff;
}
.pro_pop .row .leftCol .proPage > a {
  font-size: 14px;
  padding: 0px 12px;
  color: rgba(0, 0, 0, 0.2);
  height: 3rem;
  line-height: 3rem;
  display: inline-block;
}
.pro_pop .row .leftCol .proPage .active {
  color: #000000;
}
.pro_pop .row .rightCol {
  width: 70%;
  display: table;
  height: 100%;
}
.pro_pop .row .rightCol .popMsg {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2rem;
}
.pro_pop .row .rightCol .popMsg h3 {
  color: #994639;
  font-size: 30px;
  text-align: left;
  margin-bottom: 48px;
}
.pro_pop .row .rightCol .popMsg p {
  line-height: 34px;
  height: 330px;
  overflow: auto;
}
.pro_pop .row .rightCol .popMsg p > span {
  font-size: 14px;
  display: block;
}
.pro_pop .row .rightCol .popMsg p > span b {
  font-size: 14px;
}
.pro_pop .row .rightCol .popMsg p::-webkit-scrollbar {
  width: 10px;
}
.pro_pop .row .rightCol .popMsg p::-webkit-scrollbar-button {
  display: none;
}
.pro_pop .row .rightCol .popMsg p::-webkit-scrollbar-track {
  background-color: #eee;
}
.pro_pop .row .rightCol .popMsg p::-webkit-scrollbar-thumb {
  background-color: #994639;
}