@charset "UTF-8";
a, .transition, .indexPart1 .list .box, .indexPart3 .list a .box, .indexPart3 .list a .layer, .indexPart3 .list a .layer .btn, .brandPart3 .list li, .brandPart5 .list li .btn a, .case li a .layer, .case li a .layer .btn, .patent .box, .programme3_02 .list2 li .box, :before, img, .nav {
  transition: All 0.3s linear;
  -webkit-transition: All 0.3s linear;
  -moz-transition: All 0.3s linear;
  -o-transition: All 0.3s linear; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .indexPart1, .indexPart2, .indexPart3, .indexPart4, .indexPart5, .indexFlash .dots, .indexPart2 .list ul, .indexPart4 .list ul, .indexPart4 .list li .name, .foot .info dl, .foot .list ul, .superiority_01 .list ul, .superiority_02 .list ul, .join li .container .btn div, .pageNav ul, .pageNum2 a.back, .programme2 .li_05 dl {
  display: flex;
  display: -webkit-flex; }

.brandPart1, .brandPart2, .brandPart3, .brandPart4, .brandPart5{display: flex; display: -webkit-flex;}
.workPart1, .workPart2{display: flex; display: -webkit-flex;}
.servicePart1, .servicePart2, .servicePart3{display: flex; display: -webkit-flex;}

.flexColumn, .indexPart1 .list .box, .indexPart3 .list a .layer, .case li a .layer, .programme2 .container, .programme2_02, .programme3_01 .container {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .indexPart1, .indexPart2, .indexPart3, .indexPart4, .indexPart5, .indexFlash .dots, .foot .info dl, .join li .container .btn div, .pageNum2 a.back, .programme2 .container, .programme2 .li_04 .wal, .programme2_02, .programme3_01, .programme3_01 .container {
  align-items: center;
  -webkit-align-items: center; }

.brandPart1, .brandPart2, .brandPart3, .brandPart4, .brandPart5{align-items: center; -webkit-align-items: center;}
.workPart1, .workPart2{align-items: center; -webkit-align-items: center;}
.servicePart1, .servicePart2, .servicePart3{align-items: center; -webkit-align-items: center;}

.justifyCenter, .indexFlash .dots, .indexPart1 .list .box, .indexPart3 .list a .layer, .indexPart4 .list li .name, .superiority_01 .list ul, .join li .container .btn div, .pageNav ul, .pageNum2 a.back, .pageNav2 ul, .case li a .layer, .programme2 .li_02 .list dl, .programme2 .li_05 dl, .programme2_02 {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .indexPart4 .list ul, .process_02, .team li, .programme2 .li_01 .wal, .programme2 .li_04 .wal, .programme2 .li_06 .wal, .programme3_01, .programme3_02 .list ul {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .foot .list li.li_01 dl, .programme_02 .box .list ul, .programme_02 .box .list dl, .process_01 ul, .process_02, .about_02 .list ul, .superiority_04 .list ul, .superiority_05 .list ul, .team li, .pageNav2 ul, .case ul, .patent ul, .programme2 .li_01 .wal, .programme2 .li_02 .list dl, .programme2 .li_04 .wal, .programme2 .li_06 .wal, .programme2 .li_06 .wal .list dl, .programme2 .li_07 .list ul, .programme3_01, .programme3_02 .list ul, .programme3_02 .list2 ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: .12rem;
  font-family: Arial,regular;
  color: #333;
  -webkit-text-size-adjust: none; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #d19041;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
  font-family: Arial,regular;
  color: #888;
  outline: none;
  border: 0; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {
  max-width: 12rem;
  margin: 0 auto; }

.phoneShow {
  display: none; }

.Phone-Box{ display: none; }

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

@font-face {font-family:medium; src:url(../font/Alibaba-PuHuiTi-Medium.otf);}
@font-face {font-family:regular; src:url(../font/Alibaba-PuHuiTi-Regular.otf);}
@font-face {font-family:en; src:url(../font/AlibabaSans-Medium.otf);}
 
#Layer1{
    position:absolute;
    position:fixed;
    _position:absolute;
    width:100%;
    z-index:99;
    top:0; left:0px;
    background-color:#000;
    display:none;
}

.headD { height: 1rem; }
.head { position: fixed; height: 1.2rem; z-index: 15; left: 0; top: 0; width: 100%;}
.headBlack{ height: 1.2rem; background-image: url("../images/indexPart4.jpg"); background-size: cover;}
.headNo{ height: 1.2rem; position: relative; background: none;}

.head:before{ content: ''; position: absolute; left: 0px; top: 0; width: 100%; height: 0.1rem; background: linear-gradient(90deg, #f98902, #8e724e, #ffb65c, #8e724e, #f98902, #8e724e, #ffb65c, #8e724e, #f98902);
  background-size: 3000% 100%;
  animation: gradientAnimation2 10s linear infinite; }

@keyframes gradientAnimation2 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 100% 0; } }


.head.hide { top: -1rem; }
.head .logo { display: block; position: absolute; z-index: 10; left: 0.85rem; right: auto; top: 0.45rem; bottom: auto; }
.head .logo img{ }
.head .rightDiv{ position: absolute; right: 1rem; top: 0.64rem; }
.head .language{ padding-right: 0.88rem; }
.head .language a{ color: #fff; padding: 0 0.1rem; font-size: 14px;}
.head .language a:hover{ color: #d19041; }
.head .navA{ float: right; transition: .5s; position: absolute; right: 0px; top: -0.04rem; line-height: 27px; height: 27px; width: 32px; display: block; background: url(../images/navIco.png) no-repeat center; background-size: 32px; }
.head .navA.open{ background: url(../images/close.png) no-repeat center; background-size: 27px; }

 

.sNav{ position: fixed; top: 0; right: 0; bottom: 100%; left: 0; z-index: 12; background-image: url("../images/indexPart4.jpg"); background-size: cover; transition: 1s; overflow: hidden; }
.sNav .list{ position: absolute; left: 0px; top: 50%; width: 100%; margin-top: -2.3rem; text-align: center; }
.sNav .list li{ font-size: 0.56rem; padding: 0.075rem 0;}
.sNav .list li a{ display: inline-block; padding: 0 0.2rem; color: #fff; position: relative; }
.sNav .list li a:after{ content: ''; position: absolute; width: 0; height: 0.02rem; background: #fff; left: 0; bottom: 0;transition: All 0.5s linear;
  -webkit-transition: All 0.5s linear;
  -moz-transition: All 0.5s linear;
  -o-transition: All 0.5s linear; }
.sNav .list li a:hover{ color: #d19041; }
.sNav .list li a:hover:after{ width: 100%; }
.sNav .botDiv{ position: absolute; left: 0; bottom: 0.6rem; width: 100%;}
.sNav .msgList{ padding-left: 0.3rem; }
.sNav .msgList li{ font-size: 0.24rem; line-height: .48rem; color: #fff; }
.sNav .links{ bottom: 0.12rem; right: 0.3rem; position: absolute; z-index: 2; }
.sNav .links li{ float: left; margin-right: 0.25rem; }
.sNav .links li img{ width: 0.36rem; }

#page{ position:relative;}
.page .swiper-pagination{ position:absolute; z-index:10!important; width: 0.11rem; height: 2.3rem!important; margin-top:-1.15rem; left: auto!important; right:0.96rem!important; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet{
	display:block;
      width: .11rem;
      height: .46rem;
      background: url("../images/ico1.png") center no-repeat;
      background-size: .11rem; }
.page .swiper-pagination .swiper-pagination-bullet:last-child{ display:none;}
.page .swiper-pagination-bullet-active {
  background-image: url("../images/ico1on.png"); }



.pageHead {
  border-bottom: #eee solid 1px; }

/*  .page {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }*/
/*index*/
@media screen and (min-width: 800px) {
  #page {  height: 100vh;  position: relative; overflow: hidden; }



  .pageSlide { height: 100vh; overflow: hidden; padding-top: 1rem; }

  .pageSlide.foot { height: 2.36rem; padding-top: 0; }

  .slideUp {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px); }

  .pageSlide.swiper-slide-active .slideUp {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); }

  .slideLeft {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px); }

  .pageSlide.swiper-slide-active .slideLeft {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0); }

  .pageSlide.swiper-slide-active .slideDelay2 {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s; }
  .pageSlide.swiper-slide-active .slideDelay3 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s; }
  .pageSlide.swiper-slide-active .slideDelay4 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s; }
  .pageSlide.swiper-slide-active .slideDelay5 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s; }
  .pageSlide.swiper-slide-active .slideDelay6 {
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s; } }



  .zoomInIndex {
    opacity: 0;
    transition: All 0.8s linear;
    -webkit-transition: All 0.8s linear;
    -moz-transition: All 0.8s linear;
    -o-transition: All 0.8s linear;
    -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -o-transform:scale(0.8);
 }


  .pageSlide.swiper-slide-active .zoomInIndex {
    opacity: 1;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -o-transform:scale(1.0);
     }

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

.scrollDown{ position: absolute; z-index:11; left:0.85rem; bottom:0.48rem; width:0.54rem;height:0.83rem;}

@keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,-8px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,10px)}}
.pre-wrap{width:0.54rem;height:0.83rem;position:relative;animation:start 2.5s infinite ease-in-out;-webkit-animation:start 2.5s infinite ease-in-out;-moz-animation:start 2.5s infinite ease-in-out;}
.pre-wrap img{ width: 0.54rem; }

.indexPart1 .indexBox, .indexPart2 .indexBox, .indexPart3 .indexBox, .indexPart4 .indexBox, .indexPart5 .indexBox { width: 100%; padding: .5rem 0; }
.indexPart1 .title, .indexPart2 .title, .indexPart3 .title, .indexPart4 .title, .indexPart5 .title{ font-size: 0.9rem; line-height: 0.9rem; color: #fff; font-family: medium; padding-bottom: .4rem; }
.indexPart1 .msg, .indexPart2 .msg, .indexPart3 .msg, .indexPart5 .msg { font-size: .3rem; line-height: .4rem; color: #fff;  font-family: regular; }
.indexPart1 .more, .indexPart2 .more, .indexPart3 .more, .indexPart5 .more { padding-top: .45rem; }
.indexPart1 .more a, .indexPart2 .more a, .indexPart3 .more a, .indexPart5 .more a { display: block; border: #fff solid 0.02rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; width: 1.8rem; height: .56rem; line-height: .56rem; text-align: center; color: #fff; font-size: .24rem; font-family: regular; }
.indexPart1 .more a:hover, .indexPart2 .more a:hover, .indexPart3 .more a:hover, .indexPart5 .more a:hover { border: #d19041 solid 0.02rem; color: #d19041; }

.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash .swiper-slide a {
    display: block;
    height: 100vh;
    background: center no-repeat;
    background-size: cover;
    position: relative; }

    .indexFlash .swiper-slide a .img {
      width: auto;
      position: absolute;
      z-index: 10;
      left: 0;
	  text-align:center;
      right: auto;
      top: 50%;
	  width:100%;
      bottom: auto;
      margin-top: -.7rem; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.45rem;
    width: 100%; }
    .indexFlash .dots span {
      width: .34rem;
      height: .2rem;
      background: url("../image/img20.png") center no-repeat;
      background-size: .2rem; }
    .indexFlash .dots .swiper-pagination-bullet-active {
      background-image: url("../image/img20on.png"); }

.indexFlashTel {
    padding-top: 1.2rem; }
	.indexFlashTel .slick{ position:relative;}
	.indexFlashTel .slick .imgDiv img{ width:100%;}

      .indexFlashTel .slick .img {
		  z-index: 10;
		  position:absolute;
		  top:50%;
		  left:50%;
		  bottom: auto;
      		margin-top: -.7rem; 
        width: 5.07rem;
        margin-left: -2.53rem; }
    .indexFlashTel .slick-dots {
		z-index:2;
		position:absolute;
		left:0;
		text-align:center;
		width:100%;
      bottom: .3rem; }

	 .indexFlashTel .slick-dots li{display:inline-block; margin:0 0.1rem; width:0.34rem; height:0.2rem; background: url("../image/img20.png") center no-repeat; background-size: .2rem;}
	 .indexFlashTel .slick-dots .slick-active{ background-image: url("../image/img20on.png");}

	 
	 
.indexPart1 { background-image: url("../images/indexPart1.jpg"); padding: 0 0.85rem; }

.indexPart2 { background-image: url("../images/indexPart2.jpg"); padding: 0 0.85rem; }

.indexPart3 { background-image: url("../images/indexPart3.jpg"); padding: 0 0.85rem; }
  
.indexPart4 { background-image: url("../images/indexPart4.jpg");  padding-left: 0.85rem; }
.indexPart4 .indexBox{ padding: 0; }
.indexPart4 .title{ padding-bottom: 0.25rem; }
.indexPart4 .list { margin-left: -.14rem; margin-right: -.14rem; }
.indexPart4 .list #indexPart4 { width: 100%; overflow: hidden; position: relative; padding-bottom: 2rem; }
.indexPart4 .list .swiper-slide { padding: 0 .14rem; position: relative;}
.indexPart4 .list .swiper-slide a{ width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
.indexPart4 .list .swiper-slide .layer{ position: absolute; left: 7%; width: 86%; bottom: 0.2rem; color: #fff; z-index: 3; }
.indexPart4 .list .swiper-slide .txt{ font-size: 0.28rem; }
.indexPart4 .list .swiper-slide .botbot{ position: relative; }
.indexPart4 .list .swiper-slide .name{ font-size: 0.28rem; }
.indexPart4 .list .swiper-slide .time{ font-size: 0.16rem; padding-top: 0.1rem; }
.indexPart4 .list .swiper-slide .bg{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg1.png) bottom repeat-x; background-size: 100% 100%; display: none; z-index: 2; }
.indexPart4 .list .swiper-slide .bg2{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg1.png) bottom repeat-x; background-size: 100% 100%; display: none; height: 100%; z-index: 2; }
.indexPart4 .list .swiper-slide .imgDiv img{ width: 100%; }
.indexPart4 .list .swiper-slide .btnbtn{ position: absolute; right: 0; bottom: 0.1rem; border-radius: 0.2rem; display: block; width: 1.56rem; height: 0.46rem; border: #fff solid 0.02rem; line-height: 0.46rem; text-align: center; color: #fff; font-size: 0.2rem; }



/*.experienceTel .list li .btnDiv a:active{ border: #ff8c00 solid 1px; color: #ff8c00; }*/


#indexPart4 .swiper-button-prev{ position: absolute; top: auto; left: 50%; margin-left: -0.8rem; bottom: 0; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_left.png) no-repeat; background-size: 0.37rem; }
#indexPart4 .swiper-button-next{ position: absolute; top: auto; right: 50%; margin-right: -0.8rem; bottom: 0; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_right.png) no-repeat; background-size: 0.37rem; }
#indexPart4 .swiper-button-prev:hover{ background: url(../images/nimg37_lefton.png) no-repeat; background-size: 0.37rem;}
#indexPart4 .swiper-button-next:hover{ background: url(../images/nimg37_righton.png) no-repeat; background-size: 0.37rem;}

.indexPart5 { background-image: url("../images/indexPart5.jpg"); padding: 0 0.85rem; }


.foot { position: relative; background: url("../images/foot.jpg"); background-size: 100% 100%; font-size: .14rem; height: 2.36rem; padding: 0 0.85rem;}
.foot .logo { display: block; width: 1.82rem; padding-top: .54rem; }
.foot .logo img{ width: 1.82rem; }
.foot .msg{ padding-top: .54rem; color: #fff; font-size: 0.16rem; line-height: 0.32rem;}
.foot .rightDiv{ padding-top: 0.65rem; } 
.foot .lbox{ padding-right: 1.15rem; }
.foot .txt{ font-size: 0.2rem; color: #fff; padding-bottom: 0.15rem; }
.foot .links li{ padding-left: 0.4rem; height: 0.34rem; line-height: 0.34rem; position: relative; font-size: 0.16rem; }
.foot .links li a{ display: block; color: #fff; }
.foot .links li img{ position: absolute; left: 0px; top: 50%; margin-top: -0.13rem; width: 0.26rem; }
.foot .links li .img1{ display: none; }
.foot .links li:hover img{ display: none; }
.foot .links li:hover .img1{ display: inline-block; }
.foot .links li a:hover{ color: #d19041; }
.foot .rbox{ width: 2.7rem; }
.foot .msgList li{ color: #fff; font-size: 0.16rem; line-height: 0.26rem; padding-bottom: 0.1rem; }

.ewmLayer{ position: absolute; display: none; z-index: 100; }
.ewmLayer .ewm img{ width: 3.06rem; }
.ewmLayer .txt{ padding-top: 0.2rem; text-align: center; color: #fff; }
.ewmLayer .close{ display: block; position: absolute; right: -0.5rem; top: -0.34rem; width: 0.34rem; height: 0.34rem; background: url("../images/close2.png"); background-size: 0.34rem; }

.pageFoot {
  border-top: #e1e1e1 solid 1px; }

.pageBg {
  min-height: 2rem;
  background: #eee; }



/*brand*/
.brandPart1, .brandPart2{ padding: 0 0.85rem; }
.brandPart1 .brandBox, .brandPart2 .brandBox, .brandPart3 .brandBox, .brandPart4 .brandBox, .brandPart5 .brandBox { width: 100%; padding: .5rem 0; }
.brandPart1 .title, .brandPart2 .title, .brandPart3 .title, .brandPart4 .title, .brandPart5 .title{ position: relative; z-index: 11; font-size: 0.9rem; line-height: 0.9rem; color: #fff; font-family: medium; padding-bottom: .4rem; }
.brandPart1 .msg, .brandPart2 .msg, .brandPart3 .msg, .brandPart4 .msg, .brandPart5 .msg { position: relative; z-index: 11; font-size: .3rem; line-height: .4rem; height: 1.2rem; color: #fff;  font-family: regular; }

.brandFlash { width: 100%; height: 100vh; overflow: hidden; position: absolute; left: 0px; top: 0;}
.brandFlash .swiper-slide{ overflow: hidden; }
.brandFlash .swiper-slide a { width: 200%; display: block; height: 100vh; background: center no-repeat; background-size: 100%; position: relative;  }
.brandFlash .dots { position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: 0.45rem; width: 100%; }
.brandFlash .dots span { width: .34rem; height: .2rem; background: url("../image/img20.png") center no-repeat; background-size: .2rem; }
.brandFlash .dots .swiper-pagination-bullet-active { background-image: url("../image/img20on.png"); }
.brandFlash .swiper-button-prev{ position: absolute; top: auto; left: 50%; margin-left: -0.8rem; bottom: 1.56rem; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_left.png) no-repeat; background-size: 0.37rem; z-index: 5; }
.brandFlash .swiper-button-next{ position: absolute; top: auto; right: 50%; margin-right: -0.8rem; bottom: 1.56rem; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_right.png) no-repeat; background-size: 0.37rem; z-index: 5; }
.brandFlash .swiper-button-prev:hover{ background: url(../images/nimg37_lefton.png) no-repeat; background-size: 0.37rem;}
.brandFlash .swiper-button-next:hover{ background: url(../images/nimg37_righton.png) no-repeat; background-size: 0.37rem;}

.brandFlash .swiper-slide a{-webkit-animation: yidong_img 100s infinite linear alternate;
    -moz-animation: yidong_img 100s infinite linear alternate;
    -ms-animation: yidong_img 100s infinite linear alternate;
    animation: yidong_img 100s infinite linear alternate;}

.brandFlash .slick{ overflow: hidden; width: 100%; height: 100vh; }
.brandFlash .slick a { width: 100%; display: block; height: 100vh; background: center no-repeat; background-size: 100%; position: relative;  }
.brandFlash .slick a img{ width: auto; height: 100vh; }
.brandFlash .slick a{-webkit-animation: yidong_img 260s infinite ease-out alternate;
    -moz-animation: yidong_img 260s infinite ease-out alternate;
    -ms-animation: yidong_img 260s infinite ease-out alternate;
    animation: yidong_img 260s infinite ease-out alternate;}


/*.brandFlash .swiper-slide a{opacity: 0;
    transform: translate3d(-1750px, 0px, 0px);
    transition-duration: 1000ms;}

.brandFlash .swiper-slide a{opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;}*/


@-webkit-keyframes yidong_img{
  0%{
    transform: translate3d(0px, 0px, 0px);
  }
  50%{
    transform: translate3d(-420px, 0px, 0px);
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes yidong_img{
  0%{
    transform: translate3d(0px, 0px, 0px);
  }
  50%{
   transform: translate3d(-420px, 0px, 0px);
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}


/*@-webkit-keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  50%{
    transform:scale(1.5) translateX(50px);
  }
  100% {
    transform:scale(2) translateX(50px);
  }
}
@keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  50%{
    transform:scale(1.5) translateX(50px);
  }
  100% {
    transform:scale(2) translateX(50px);
  }
}*/

.brandPart3 {/* background-image: url("../images/brandPart3.jpg");*/ padding: 0 0.85rem; position: relative;}
.brandPart3:before{ content: ''; position: absolute; width: 14.25rem; height: 7.89rem; background: url("../images/nimg1425_1.png") center no-repeat; top: 50%; margin-top: -3.95rem; left: 50%; margin-left: -7.12rem; background-size: 14.25rem;}
.brandPart3 .title{ text-align: center; padding-top: 0.25rem; }
.brandPart3 .list{ padding-top: 0.3rem; }
.brandPart3 .list li{ float: left; width: 20%; text-align: center; color: #fff; font-size: 0.32rem; }
.brandPart3 .list li:hover{ color: #fe9126; }

.brandPart4 {/* background-image: url("../images/brandPart4.jpg");*/ padding: 0 2.65rem 0 0.85rem;}
.brandPart4 .title{ padding-top: 1.85rem; }
.brandPart4 .leftDiv{ width: 50%; }
.brandPart4 .rightList{ width: 50%;}
.brandPart4 .rightList ul{ margin-right: -0.86rem; }
.brandPart4 .rightList li{ float: left; width: 33.33%; margin-bottom: 0.28rem; }
.brandPart4 .rightList li .box{ margin-right: 0.86rem; }
.brandPart4 .rightList li img{ width: 1.96rem; }
.brandPart4 .rightList li .img2{ display: none; }

.brandPart5 {/* background-image: url("../images/brandPart4.jpg");*/ padding: 0 2.65rem 0 0.85rem;}
.brandPart5 .title{ padding-top: 0.05rem; position: relative; top: -0.6rem; }
.brandPart5 .list{ position: relative; top: -0.6rem; }
.brandPart5 .list ul{ margin-right: -0.5rem; }
.brandPart5 .list li{ float: left; width: 33.33%; }
.brandPart5 .list li .box{ padding-left: 2.22rem; position: relative; height: 1.8rem; margin-right: 0.5rem;}
.brandPart5 .list li .headIco{ position: absolute; left: 0px; top: 0px; }
.brandPart5 .list li .headIco img{ width: 1.8rem; }
.brandPart5 .list li .name{ height: 0.36rem; line-height: 0.36rem; padding-top: 0.15rem; font-size: 0.24rem; color: #fff; }
.brandPart5 .list li .wen{ color: #fff; font-size: 0.2rem; padding-top: 0.2rem; }
.brandPart5 .list li .btn{ padding-top: 0.2rem; }
.brandPart5 .list li .btn a{ position: relative; border-radius: 0.2rem; display: block; width: 2.42rem; height: 0.46rem; border: #fff solid 0.02rem; line-height: 0.46rem; text-align: center; color: #fff; font-size: 0.2rem; }
.brandPart5 .list li .btn span{ display: none; }
.brandPart5 .list li .btn em{ position: absolute; left: 0px; top: 0px; width: 100%; line-height: 0.46rem; }
.brandPart5 .list li .btn a:hover{ border: #ff9000 solid 0.02rem; color: #ff9000; }

.contactPic{ padding: 0.5rem 0; }
.contactPic .slick .headIco{ text-align: center; }
.contactPic .slick .headIco img{ width: 3.4rem; }
.contactPic .slick .name{ height: 0.64rem; line-height: 0.64rem; padding-top: 0.25rem; font-size: 0.36rem; text-align: center; color: #fff; }
.contactPic .slick .wen{ color: #fff; font-size: 0.36rem; padding-top: 0.2rem; text-align: center; }
.contactPic .slick .btn{ padding-top: 0.3rem; margin: 0 auto; width: 2.84rem; }
.contactPic .slick .btn a{ position: relative; border-radius: 0.2rem; display: block; width: 2.8rem; height: 0.66rem; border: #fff solid 0.02rem; line-height: 0.66rem; text-align: center; color: #fff; font-size: 0.24rem; }
.contactPic .slick .btn span{ display: none; }
.contactPic .slick .btn em{ position: absolute; left: 0px; top: 0px; width: 100%; line-height: 0.66rem; }
.contactPic .slick .btn a:hover{ border: #ff9000 solid 0.02rem; color: #ff9000; }
.contactPic .slick-dots{text-align:center; padding-top:0.8rem;}
.contactPic .slick-dots li{display:inline-block; margin:0 0.23rem; width:0.2rem; height:0.2rem; background:#fff;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.contactPic .slick-dots .slick-active{background:#ff8c00;}

/*work*/
.workPart1, .workPart2{ padding: 0 0.85rem; /*background-image: url("../images/brandPart4.jpg");*/}
.workPart1 .workBox, .workPart2 .workBox { width: 100%; padding: .5rem 0; }
.workPart1 .title, .workPart2 .title{ position: relative; z-index: 5; font-size: 0.9rem; line-height: 0.9rem; color: #fff; font-family: medium; padding-bottom: .4rem; }
.workPart1 .msg, .workPart2 .msg { position: relative; z-index: 5; font-size: .3rem; line-height: .56rem; color: #fff;  font-family: regular; }

.workPart1{ padding: 1rem 2.45rem 0 0.85rem; }
.workPart1 .workBox{ padding: 0 0 0.5rem }
.workPart1 .leftDiv{ width: 42%; padding-top: 0.6rem;}
.workPart1 .rightDiv{ width: 50%; }
.zjmxfDiv{ position: relative; width: 6.38rem; height: 6.38rem;  }
.workTab{ position: relative; width: 6.38rem; height: 6.38rem; }
.workTab li{ position: absolute; color: #fff; width: 1.52rem; cursor: pointer; }
.workTab .li01{ left: 50%; margin-left: -0.76rem; top: 0; }
.workTab .li02{ left: 0; bottom: 0; }
.workTab .li03{ right: 0; bottom: 0; }
.workTab .liNow{ color: #ff9000; }
.workTab .liNow .ico img{ display: none; }
.workTab .liNow .ico .img1{ display: inline-block; }
.workTab li .name{ font-size: 0.24rem; padding: 0.2rem 0; text-align: center;}
.workTab li .ico img{ width: 1.52rem; }
.workTab li .ico .img1{ display: none; }
.workTab li .layer{ opacity: 0; text-align: center; font-size: 0.16rem; color: #fff; line-height: 0.28rem;}
.workTab .li01 .layer{ position:absolute; left:50%; width: 2rem; margin-left:-1rem; top:-0.3rem;}
.workTab .li01.liNow .layer{ top: -0.4rem; opacity:1; filter:alpha(opacity=1);}
.workTab .li02 .layer{ position:absolute; left:50%; width: 2rem; margin-left:-1rem; bottom:-0.6rem;}
.workTab .li02.liNow .layer{ bottom: -0.7rem; opacity:1; filter:alpha(opacity=1);}
.workTab .li03 .layer{ position:absolute; left:50%; width: 2rem; margin-left:-1rem; bottom:-0.3rem;}
.workTab .li03.liNow .layer{ bottom: -0.4rem; opacity:1; filter:alpha(opacity=1);}
.workContent{ display: none; position: absolute; left: 50%; top: 50%; margin-left: -1.16rem; margin-top: -0.46rem; }
.workContent img{ width: 2.32rem; }

.workPart1 .workTab li .layer{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;    
}


.workPic{ padding: 0.5rem 0 1.3rem; }
.workPic .slick .ico{ text-align: center; }
.workPic .slick .ico img{ width: 2.5rem; }
.workPic .slick .name{ line-height: 0.38rem; padding-top: 0.3rem; font-size: 0.28rem; text-align: center; color: #ff8c00; }
.workPic .slick .layer{ color: #fff; font-size: 0.26rem; padding-top: 0.1rem; line-height: 0.4rem; text-align: center; }
.workPic .slick-dots{text-align:center; padding-top:0.2rem;}
.workPic .slick-dots li{display:inline-block; margin:0 0.23rem; width:0.2rem; height:0.2rem; background:#fff;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.workPic .slick-dots .slick-active{background:#ff8c00;}

.workPart2{ padding: 0 2.15rem 0 0.85rem; }
.workPart2 .title{ width: 40%; padding-top: 0.4rem; }
.workPart2 .rightDiv{ width: 60%;  }
/*.workPart2 .list{ border-top: #fff solid 0.02rem; border-bottom: #fff solid 0.02rem; height: 5.5rem; overflow-x: auto;}*/
.workPart2 .scrollBox{ border-top: #fff solid 0.02rem; border-bottom: #fff solid 0.02rem;}
.workPart2 .scroll{margin-right: -.18rem; position: relative; height: 5.5rem; overflow: hidden; }
.workPart2 .list{ }
.workPart2 .list li{ padding: 0.1rem 0; overflow: hidden; }
.workPart2 .list li .msgDiv dd{ height:0.9rem; float:left; line-height:0.9rem; font-size:0.26rem; color: #fff; position: relative;}
.workPart2 .list li .msgDiv .dd01{ width: 25%; text-indent: 0.22rem; text-align: left;}
.workPart2 .list li .msgDiv .dd02{ width: 25%; text-align:center;}
.workPart2 .list li .msgDiv .dd03{ width: 25%; text-align:center;}
.workPart2 .list li .msgDiv .dd04{ width: 25%; text-align:center;}
.workPart2 .list li .msgDiv .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -0.49rem; margin-top: -0.18rem; }
.workPart2 .list li .msgDiv a{  color: #fff; display: block; width: 0.96rem; height: 0.34rem; border: #fff solid 1px; font-size: 0.16rem; text-align: center; line-height: 0.34rem; border-radius: 0.24rem; }
.workPart2 .list li .msgDiv a:hover{ color: #fd9207; border: #fd9207 solid 1px; }

.workShow{ padding: 0 0.85rem 0; overflow: hidden; position: relative;}

.workShow .hugeBox{ position: absolute; left: 0; right: 0; padding: 0 0.85rem; top: 50%; height: 8.2rem; margin-top: -3.6rem; overflow: hidden; }

.workShow .backBtn{ position: absolute; right: 0; bottom: 0.2rem; z-index: 5; }
.workShow .backBtn img{ width: 0.69rem; }
.workShow .mdTop{ overflow: hidden; }
.workShow .mdBot{ position: relative; height: 3.7rem;  }
.workShow .leftCon{ width: 48%; position: relative; }
.workShow .rightDiv{ width: 45%; margin-right: 7%; position: relative; height: 100%; }
.workShow .name{ color: #fff; font-size: 0.9rem; line-height: 0.9rem; position: relative; top: -0.05rem; }
.workShow .title{ color: #fff; font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.2rem; }
.workShow .scroll{ height: 3.2rem; overflow: hidden; margin-bottom: 0.8rem; }
.workShow .content{ font-size: 0.22rem; line-height: 0.4rem; color: #fff; padding-right: 0.3rem; }
.workShow .msgList{ position: absolute; left: 0; bottom: 0.1rem; }
.workShow .msgList li{ color: #fff; font-size: 0.22rem; line-height: 0.4rem; }
.workShow .botBox{ width: 100%; }
.workShow .botBox .scroll{ margin-bottom: 0; }

/*service*/
.servicePart1, .servicePart2, .servicePart3{ padding: 0 0.85rem; /*background-image: url("../images/brandPart4.jpg");*/}
.servicePart1 .serviceBox, .servicePart2 .serviceBox, .servicePart3 .serviceBox { width: 100%; padding: .5rem 0; }
.servicePart1 .title, .servicePart2 .title, .servicePart3 .title{ position: relative; z-index: 5; font-size: 0.9rem; line-height: 0.9rem; color: #fff; font-family: medium; padding-bottom: .4rem; }
.servicePart1 .msg, .servicePart2 .msg, .servicePart3 .msg { position: relative; z-index: 5; font-size: .3rem; line-height: .56rem; color: #fff;  font-family: regular; width: 5.4rem; }

.servicePart1{ padding: 1rem 2.45rem 0 0.85rem; }
.servicePart1 .serviceBox{ padding: 0 0 0.5rem }
.servicePart1 .leftDiv{ width: 40%; }
.servicePart1 .rightDiv{ width: 50%; }
.servicePart1 .title{ padding-top: 1.2rem; }
.cjmxfDiv{ position: relative; width: 6.38rem; height: 6.77rem; background: url("../images/nimg638Bg.png") center 0.74rem no-repeat; background-size: 6.38rem; }
.servicePart1 .fuwuTab{ position: relative; width: 6.38rem; height: 6.77rem; }
.servicePart1 .fuwuTab li{ position: absolute; color: #fff; width: 1.52rem; cursor: pointer;  z-index: 2;}
.servicePart1 .fuwuTab .li01{ left: 50%; margin-left: -0.76rem; top: 0; }
.servicePart1 .fuwuTab .li02{ left: 0; bottom: 0; }
.servicePart1 .fuwuTab .li03{ right: 0; bottom: 0; }
.servicePart1 .fuwuTab .liNow{ color: #ff9000; }
.servicePart1 .fuwuTab .liNow .ico img{ display: none; }
.servicePart1 .fuwuTab .liNow .ico .img1{ display: inline-block; }
.servicePart1 .fuwuTab li .name{ font-size: 0.24rem; padding: 0.2rem 0; text-align: center;}
.servicePart1 .fuwuTab li .ico img{ width: 1.52rem; }
.servicePart1 .fuwuTab li .ico .img1{ display: none; }
.servicePart1 .fuwuTab li .layer{ opacity: 0; text-align: center; font-size: 0.16rem; color: #fff; line-height: 0.28rem;}
.servicePart1 .fuwuTab .li01 .layer{ position:absolute; left:50%; width: 2.4rem; margin-left:-1.2rem; top:-0.5rem;}
.servicePart1 .fuwuTab .li01.liNow .layer{ top: -0.6rem; opacity:1; filter:alpha(opacity=1);}
.servicePart1 .fuwuTab .li02 .layer{ position:absolute; left:50%; width: 2.4rem; margin-left:-1.2rem; bottom:-0.6rem;}
.servicePart1 .fuwuTab .li02.liNow .layer{ bottom: -0.7rem; opacity:1; filter:alpha(opacity=1);}
.servicePart1 .fuwuTab .li03 .layer{ position:absolute; left:50%; width: 2.4rem; margin-left:-1.2rem; bottom:-0.4rem;}
.servicePart1 .fuwuTab .li03.liNow .layer{ bottom: -0.5rem; opacity:1; filter:alpha(opacity=1);}
.fuwuContent{ display: none; position: absolute; left: 50%; top: 0.74rem; margin-left: -3.19rem; z-index: 1; }
.fuwuContent img{ width: 6.38rem; }

.cjmxfDiv .midmid{ position: absolute; left: 50%; top: 2.9rem; width: 2.7rem; margin-left: -1.35rem; text-align: center; z-index: 3;}
.cjmxfDiv .midmid .mico img{ width: 0.51rem; }
.cjmxfDiv .midmid .mico .img1{ display: none; }
.cjmxfDiv .midmid .mname{ font-size: 0.24rem; color: #fff; padding: 0.18rem 0; }
.cjmxfDiv .midmid .mtxt{ font-size: 0.16rem; color: #fff; line-height: 0.26rem; }
.cjmxfDiv .midmid:hover .mico img{ display: none; }
.cjmxfDiv .midmid:hover .mico .img1{ display: inline-block; }
.cjmxfDiv .midmid:hover .mname{ color: #ff9000;  }

.servicePart1 .fuwuTab li .layer{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;    
}

.fuwuPic{ padding: 0.5rem 0; }
.fuwuPic .slick .ico{ text-align: center; }
.fuwuPic .slick .ico img{ width: 2.5rem; }
.fuwuPic .slick .name{ line-height: 0.38rem; padding-top: 0.3rem; font-size: 0.28rem; text-align: center; color: #ff8c00; }
.fuwuPic .slick .layer{ color: #fff; font-size: 0.26rem; padding-top: 0.1rem; line-height: 0.4rem; text-align: center; }
.fuwuPic .slick-dots{text-align:center; padding-top:0.3rem;}
.fuwuPic .slick-dots li{display:inline-block; margin:0 0.23rem; width:0.2rem; height:0.2rem; background:#fff;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.fuwuPic .slick-dots .slick-active{background:#ff8c00;}

.servicePart2{ padding: 1rem 2.45rem 0 0.85rem; }
.servicePart2 .serviceBox{ padding: 0 0 0.5rem }
.servicePart2 .leftDiv{ width: 40%; }
.servicePart2 .rightDiv{ width: 50%; }
.servicePart2 .title{ padding-top: 0.95rem; }
.zjmxfDiv{ position: relative; width: 6.38rem; height: 6.38rem;  }
.servicePart2 .serviceTab{ position: relative; width: 6.38rem; height: 6.38rem; }
.servicePart2 .serviceTab li{ position: absolute; color: #fff; width: 1.52rem; cursor: pointer; }
.servicePart2 .serviceTab .li01{ left: 50%; margin-left: -0.76rem; top: 0; }
.servicePart2 .serviceTab .li02{ left: 0; bottom: 0; }
.servicePart2 .serviceTab .li03{ right: 0; bottom: 0; }
.servicePart2 .serviceTab .liNow{ color: #ff9000; }
.servicePart2 .serviceTab .liNow .ico img{ display: none; }
.servicePart2 .serviceTab .liNow .ico .img1{ display: inline-block; }
.servicePart2 .serviceTab li .name{ font-size: 0.24rem; padding: 0.2rem 0; text-align: center;}
.servicePart2 .serviceTab li .ico img{ width: 1.52rem; }
.servicePart2 .serviceTab li .ico .img1{ display: none; }
.servicePart2 .serviceTab li .layer{ opacity: 0; text-align: center; font-size: 0.16rem; color: #fff; line-height: 0.28rem;}
.servicePart2 .serviceTab .li01 .layer{ position:absolute; left:50%; width: 2.4rem; margin-left:-1.2rem; top:-0.3rem;}
.servicePart2 .serviceTab .li01.liNow .layer{ top: -0.4rem; opacity:1; filter:alpha(opacity=1);}
.servicePart2 .serviceTab .li02 .layer{ position:absolute; left:50%; width: 2.4rem; margin-left:-1.2rem; bottom:-0.6rem;}
.servicePart2 .serviceTab .li02.liNow .layer{ bottom: -0.7rem; opacity:1; filter:alpha(opacity=1);}
.servicePart2 .serviceTab .li03 .layer{ position:absolute; left:50%; width: 2.4rem; margin-left:-1.2rem; bottom:-0.6rem;}
.servicePart2 .serviceTab .li03.liNow .layer{ bottom: -0.7rem; opacity:1; filter:alpha(opacity=1);}
.serviceContent{ display: none; position: absolute; left: 50%; top: 50%; margin-left: -1.16rem; margin-top: -0.46rem; }
.serviceContent img{ width: 2.32rem; }

.servicePart2 .serviceTab li .layer{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;    
}

.servicePic{ padding: 0.5rem 0; }
.servicePic .slick .ico{ text-align: center; }
.servicePic .slick .ico img{ width: 2.5rem; }
.servicePic .slick .name{ line-height: 0.38rem; padding-top: 0.3rem; font-size: 0.28rem; text-align: center; color: #ff8c00; }
.servicePic .slick .layer{ color: #fff; font-size: 0.26rem; padding-top: 0.1rem; line-height: 0.4rem; text-align: center; }
.servicePic .slick-dots{text-align:center; padding-top:0.3rem;}
.servicePic .slick-dots li{display:inline-block; margin:0 0.23rem; width:0.2rem; height:0.2rem; background:#fff;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.servicePic .slick-dots .slick-active{background:#ff8c00;}

.servicePart3{ padding: 0.5rem 1.05rem 0 0.85rem; }
.servicePart3 .leftDiv{ width: 35%; }
.servicePart3 .rightDiv{ padding-right: 5%; }
.servicePart3 .title{ padding-top: 0.2rem; }
.servicePart3 .list{ width: 9.02rem; height: 4.78rem; background: url(../images/line.png) center no-repeat; background-size: 9.02rem; position: relative; }
.servicePart3 .list li{ position: absolute; font-size: 0.24rem; color: #fff; width: 20%; text-align: center; }
.servicePart3 .list li .ico img{ width: 1.52rem; }
.servicePart3 .list li .ico .img1{ display: none; }
.servicePart3 .list li .name{ padding: 0.18rem 0; }
.servicePart3 .list li:after{ content: ''; width: 0.1rem; height: 0.1rem; position: absolute; left: 50%; margin-left: -0.05rem;  background: url(../images/ico3.png) center no-repeat; background-size: 0.1rem; }
.servicePart3 .list .li01{ left: 4%; top: 0; }
.servicePart3 .list .li02{ left: 22%; bottom: 0; }
.servicePart3 .list .li03{ left: 40%; top: 0; }
.servicePart3 .list .li04{ left: 58%; bottom: 0; }
.servicePart3 .list .li05{ left: 76%; top: 0; }
.servicePart3 .list .li01:after, .servicePart3 .list .li03:after, .servicePart3 .list .li05:after{ bottom: -0.23rem; }
.servicePart3 .list .li02:after, .servicePart3 .list .li04:after{ top: -0.23rem; }
.servicePart3 .list li:hover{ color: #ff9000; }
.servicePart3 .list li:hover .ico img{ display: none; }
.servicePart3 .list li:hover .ico .img1{ display: inline-block; }
.servicePart3 .list li:hover:after{ background: url(../images/ico3on.png) center no-repeat; background-size: 0.1rem;}

.processPic{ padding: 0.5rem 0 0.6rem; background: url(../images/nimg450Bg.png) center bottom no-repeat; background-size: 5.5rem;}
.processPic .slick .ico{ text-align: center; }
.processPic .slick .ico img{ width: 2.5rem; }
.processPic .slick .name{ line-height: 0.38rem; padding-top: 0.3rem; font-size: 0.28rem; text-align: center; color: #ff8c00; }
.processPic .slick-prev{ display: block; position: absolute; width: 0.32rem; height: 0.62rem; left: 0; top: 45%; background: url(../images/nimg32_left.png) center no-repeat; background-size: 0.32rem;}
.processPic .slick-next{ display: block; position: absolute; width: 0.32rem; height: 0.62rem; right: 0; top: 45%; background: url(../images/nimg32_right.png) center no-repeat; background-size: 0.32rem;}
.processPic .slick-prev:hover{  background: url(../images/nimg32_lefton.png) center no-repeat; background-size: 0.32rem; }
.processPic .slick-next:hover{  background: url(../images/nimg32_righton.png) center no-repeat; background-size: 0.32rem; }


/*experience*/
.experience{ padding-top: 1.2rem; }
.experience .bigBox{ overflow: hidden; }
.experience .imgList{ width: 40%; }
.experience .smallImg{ width: 40%; position: relative; overflow: hidden; }
.experience .bigImg{ width: 60%; position: relative; overflow: hidden; }
.experience .imageDiv .bg{ display: none; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; background: url(../images/bg4.png) bottom repeat-x; }
.experience .imageDiv .layer{ position: absolute; left: 0.5rem; bottom: 0.4rem; color: #fff; }
.experience .imageDiv .name1{ font-size: 0.3rem; font-family:en; }
.experience .imageDiv .name2{ font-size: 0.26rem; font-family:medium; }
.experience .imgList li{ position: relative; overflow: hidden; }
.experience .imgList li .bg{ display: none; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; background: url(../images/bg4.png) bottom repeat-x;}
.experience .imgList li .layer{ position: absolute; left: 0.5rem; bottom: 0.4rem; color: #fff; }
.experience .imgList li .name1{ font-size: 0.3rem; font-family:en;}
.experience .imgList li .name2{ font-size: 0.26rem; font-family:medium; }
.experience img{ width: 100%; }

.experienceTel .list li{ position: relative; }
.experienceTel .list li .imgDiv img{ width: 100%; }
.experienceTel .list li .layer{ position: absolute; left: 0.3rem; bottom: 0.35rem; }
.experienceTel .list li .name1{ font-size: 0.55rem; color: #fff;/* font-family:en;*/  font-family:medium; }
.experienceTel .list li .name2{ font-size: 0.28rem; color: #fff; font-family: medium; }
.experienceTel .list li .btnDiv{ padding-top: 0.1rem;}
.experienceTel .list li .btnDiv a{ display: block; width: 1.56rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 8px; color: #fff; font-size: 0.24rem; border: #fff solid 1px; }
.experienceTel .list li .btnDiv a:active{ border: #ff8c00 solid 1px; color: #ff8c00; }
/*.experienceTel .list li .bg a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000 }
.experienceTel .list li .bg a:active{ background: #fff}*/


.experienceShow{ padding-left: 0.85rem; overflow: hidden; position: relative;/* padding-bottom: 0.2rem;*/ height:  100vh; }
.experienceShow .bigBox{ }
.experienceShow .leftCon{ padding-top: 1.2rem; width: 26.5%; }
.experienceShow .rightDiv{ width: 73.5%; position: relative; }
.experienceShow .name{ font-size: 0.36rem; color: #fff; line-height: 0.56rem; }
.experienceShow .content{ position: absolute; left: 0.85rem; bottom: 0.6rem; width: 26.5%; font-size: 0.22rem; color: #fff; line-height: 0.36rem; }
.experienceShow .content .con{ padding-right: 0.6rem; }
.experienceShow .backBtn{ position: absolute; right: 1.0rem; bottom: 0.7rem; z-index: 5; }
.experienceShow .backBtn img{ width: 0.69rem; }
.experienceShow .msgList{ padding-top: 15px; }
.experienceShow .msgList li{ float: left; color: #fff; width: 25%; font-size: 0.16rem; }
.experienceShow .btnDiv{ padding-top: 1.25rem; margin: 0 auto; width: 1.84rem; }
.experienceShow .btnDiv a{ position: relative; border-radius: 0.2rem; display: block; width: 1.8rem; height: 0.56rem; border: #fff solid 0.02rem; line-height: 0.56rem; text-align: center; color: #fff; font-size: 0.24rem; }
.experienceShow .btnDiv a:active{ border: #ff8c00 solid 0.02rem; color: #ff8c00;}
.experienceShow .imgDiv img{ width: 100%; }

.newShow{ padding-left: 0.85rem; overflow: hidden; position: relative; height: 100vh;  }
.newShow .bigBox{ }
.newShow .leftCon{ padding-top: 1.2rem; width: 26.5%; }
.newShow .rightDiv{ width: 73.5%; position: relative; }
.newShow .name{ font-size: 0.36rem; color: #fff; line-height: 0.56rem; }
.newShow .content{ position: absolute; left: 0.85rem; bottom: 0.6rem; width: 26.5%; font-size: 0.22rem; color: #fff; line-height: 0.36rem; }
.newShow .content .con{ padding-right: 0.6rem; }
.newShow .backBtn{ position: absolute; right: 1.0rem; bottom: 0.4rem; z-index: 5; }
.newShow .backBtn img{ width: 0.69rem; }
.newShow .btnDiv{ padding-top: 1.25rem; margin: 0 auto; width: 1.84rem; }
.newShow .btnDiv a{ position: relative; border-radius: 0.2rem; display: block; width: 1.8rem; height: 0.56rem; border: #fff solid 0.02rem; line-height: 0.56rem; text-align: center; color: #fff; font-size: 0.24rem; }
.newShow .btnDiv a:active{ border: #ff8c00 solid 0.02rem; color: #ff8c00;}
.newShow .imgDiv img{ width: 100%; }
.newShow .msgList{ padding-top: 15px; }
.newShow .msgList li{ float: left; color: #fff; width: 25%; font-size: 0.16rem; }


.newsFlash { width: 100%; height: 94vh; overflow: hidden; position: relative;}
.newsFlash2{ height: 94vh; }
.newsFlash .swiper-slide{ height: 100vh; }
.newsFlash .swiper-slide img{ width: 100%; }
.newsFlash .swiper-button-prev{ position: absolute; top: auto; left: 50%; margin-left: -0.8rem; bottom: 0.25rem; width: 0.32rem; height: 0.62rem; background: url(../images/nimg32_left.png) no-repeat; background-size: 0.32rem; z-index: 5; }
.newsFlash .swiper-button-next{ position: absolute; top: auto; right: 50%; margin-right: -0.8rem; bottom: 0.25rem; width: 0.32rem; height: 0.62rem; background: url(../images/nimg32_right.png) no-repeat; background-size: 0.32rem; z-index: 5; }
.newsFlash .swiper-button-prev:hover{ background: url(../images/nimg32_lefton.png) no-repeat; background-size: 0.32rem;}
.newsFlash .swiper-button-next:hover{ background: url(../images/nimg32_righton.png) no-repeat; background-size: 0.32rem;}


@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }

.workContent .img_rotate, .serviceContent .img_rotate{  -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear; }




.banner {
     width: 100%; height: 100vh; overflow: hidden; position: absolute; left: 0px; top: 0;
}

.focus {
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    z-index: 9;
}

.f426x240, .f160x160 {
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.rslides li {
    width: 100%;
    height: 100vh;
    float: left;
    display: none;
    z-index: 22;
}

.rslides li a{
    display: block;
    width: 100%;
    height: 100vh;}

.rslides li img {
  z-index: 9;
  display:block;
}

.rslides {
    width: 100%;
    position: relative;
    z-index: 9;
    margin: 0 auto;
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: auto;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: none;
}

.rslides_nav:active {
  opacity: 1.0;
}

.rslides_nav.next {
  left: auto;
  right: 0;
}

.rslides_tabs {
    position: absolute;
    bottom: 36px;
    z-index: 9;
    left: 0;
  width:100%;
    text-align: center;
}

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin:0 8px;
}

.rslides_tabs a {
  margin-top: 0px;
  text-indent: 9999px;
  overflow: hidden;
  background:none;
  display: inline-block;
  _display: block;
  *display: block;
  width: 12px;
  height: 12px;
  z-index: 9;
  *z-index: 9;
}

.rslides_tabs .rslides_here a {
  background:none;
}


.banner .prev{ display: block; position: absolute; left: 50%; margin-left: -0.8rem; bottom: 0.56rem; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_left.png) no-repeat; background-size: 0.37rem; z-index: 21; }
.banner .next{display: block; position: absolute; right: 50%; margin-right: -0.8rem; bottom: 0.56rem; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_right.png) no-repeat; background-size: 0.37rem; z-index: 21; }
.banner .prev:hover{ background: url(../images/nimg37_lefton.png) no-repeat; background-size: 0.37rem;}
.banner .next:hover{ background: url(../images/nimg37_righton.png) no-repeat; background-size: 0.37rem;}


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