@font-face{
  font-family: 'SourceHanSansCN';
  src: url('../css/SourceHanSansCN-Light.ttf?v=0930');
  src:url('SourceHanSansCN-Light.eot?#font-spider') format('embedded-opentype'),
    url('SourceHanSansCN-Light.woff?v=0930') format('woff'),
    url('SourceHanSansCN-Light.ttf?v=0930') format('truetype'),
    url('SourceHanSansCN-Light.svg?v=0930') format('svg');
  font-weight: normal;
  font-style: normal;
} 
 @font-face{
  font-family: 'SourceHanSansCNNormal';
  src: url('../css/SourceHanSansCN-Normal.ttf?v=0930');
  src:url('SourceHanSansCN-Normal.eot?#font-spider') format('embedded-opentype'),
  url('SourceHanSansCN-Normal.woff?v=0930') format('woff'),
  url('SourceHanSansCN-Normal.ttf?v=0930') format('truetype'),
  url('SourceHanSansCN-Normal.svg?v=0930') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
  font-family: 'medium';
  src: url('../css/SourceHanSansCN-Medium.ttf?v=0930');
  src:url('SourceHanSansCN-Medium.eot?#font-spider') format('embedded-opentype'),
  url('SourceHanSansCN-Medium.woff?v=0930') format('woff'),
  url('SourceHanSansCN-Medium.ttf?v=0930') format('truetype'),
  url('SourceHanSansCN-Medium.svg?v=0930') format('svg');
font-weight: normal;
font-style: normal;
}
/* @font-face{
  font-family: 'Regular';
  src: url('../css/SourceHanSansCN-Regular.ttf?v=0930');
  src:url('SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'),
  url('SourceHanSansCN-Regular.woff?v=0930') format('woff'),
  url('SourceHanSansCN-Regular.ttf?v=0930') format('truetype'),
  url('SourceHanSansCN-Regular.svg?v=0930') format('svg');
font-weight: normal;
font-style: normal;
}  */

* { margin: 0; padding: 0; outline: 0; -webkit-overflow-scrolling: touch;-webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
html { -webkit-text-size-adjust: 100%; font-size:  calc(100vw/19.2);   -ms-text-size-adjust: 100%;  width: 100%;  }
body { font-size: .16rem; line-height: .24rem; font-family: 'SourceHanSansCN'; color: #514323; width: 100%;  }
img { max-width: 100%;max-height:100%; }
ul { list-style: none; }
a {text-decoration: none;color: inherit;}
.clearfix:after { content: ''; display: block; clear: both }
h1,h2,h3,h4,h5,h6,strong{font-family: 'SourceHanSansCN'; font-weight: 500;}

@media screen and (max-width: 1180px)  {
  html{
    font-size: 80px;
  }
  body{
    min-width: 1180px;
  }
}



.header{
  position: fixed;
  background: #fff;
  left: 0;
  top: 0;
  z-index: 100;
  height: 1.07rem;
  width: 100%;

}
.header .header-container{
  min-width: 1180px;
  padding: 0 .6rem;
  height: 100%;
}
.header .logo{
  float: left;
  display: block;
  height: 0.87rem;
  margin-top: 0.1rem;
}
.header .logo>*{
  height: 100%;
}
.header .header-container>ul{
  float: right;
  height: 100%;
}
.header .header-container>ul>li{
  margin: 0 .3rem;
  float: left;
  height: 100%;
  font-size: .16rem;
}
.header .header-container>ul>li>a{
  line-height: .26rem;
  display: block;
  padding-top: .5rem;
}
.header .header-container>ul>li.active{
  border-bottom: .05rem solid #EE7E1A;
}
.header .header-container>ul>li.contactus{
  margin-top: .46rem;
  margin-right: 0;
  height: .6rem;
}
.header .header-container>ul>li.contactus>a{
  line-height: .33rem;
  height: .33rem;
  background: #E3E3E3;
  width: .95rem;
  border-radius: .33rem;
  text-align: center;
  padding-top: 0;
}
.header .header-container>ul>li.online{
  margin: .46rem 0 0 .1rem;
  height: .6rem;
}
.header .header-container>ul>li.online a{
  line-height: .33rem;
  height: .33rem;
  background: #EE7E1A;
  width: .95rem;
  border-radius: .33rem;
  text-align: center;
  color: #fff;
  padding-top: 0;
}
.header .secondary-menu{
  background: rgba(255,255,255,.95);
  position: absolute;
  width: 100%;
  left: 0;
  border-top: 1px solid rgba(200,159,99,0.30);
  top: 1.07rem;
  padding: .6rem 0 .64rem;
  display: none;
  box-shadow: 0px 14px 31px 0px rgba(244, 193, 106, 0.1);
}
.header .secondary-menu .inner{
  max-width: 11.68rem;
  margin: 0 auto;
}
.header .secondary-menu .title{
  font-size: .24rem;
  background: url(../img/menu/menu-arrow-btn.png) left center no-repeat;
  background-size: .24rem;
  padding-left: .44rem;
  line-height: .24rem;
  margin-bottom: .18rem;
}
.header .product-menu li{
  width: 2.74rem;
  height: 1.62rem;
  float: left;
  border: 1px solid rgba(200,159,99,0.50);
border-radius: .12rem;
margin-right: .24rem;
text-align: center;
margin-top: .3rem;
position: relative;
}
.header .product-menu li.new::before{
  content: "";
  width: .5rem;
  height: .5rem;
  background: url(../img/product/tip-new.png) no-repeat;
  background-size: cover;
  position: absolute;
  top:.16rem;
  left: .16rem;
  z-index: 9;
}
.header .product-menu li:hover{
  background: #FBF7EE;
}
.header .product-menu li:nth-of-type(4n){
  margin-right: 0;
}
.header .product-menu li img{
  width: 2.3rem;
  display: block;
  margin: .1rem auto .08rem;
}
.header .secondary-menu li p{
  text-align: center;
  background: url(../img/menu/menu-arrow.png) 0 center no-repeat;
  background-size: .09rem auto;
  padding-left: .24rem;
  display: inline-block;
}
.header  .better-for-you-menu li{
  float: left;
  width: 5.7rem;
  border: 1px solid rgba(200,159,99,0.50);
  border-radius: .12rem;
  margin-right: .28rem;
  margin-top: .3rem;
}
.header  .better-for-you-menu li img{
  border-top-right-radius: .12rem;
  border-top-left-radius: .12rem;
}
.header  .better-for-you-menu li:last-of-type{
  margin-right: 0;
}
.header .better-for-you-menu li p{
  line-height: .62rem;
  margin-left: .87rem;
}
.mob-header{
  display: none;
}
.container{
  max-width: 14.9rem;
  margin: 0 auto;
  position: relative;
}
.max-content{
  max-width: 13.6rem;
  margin: 0 auto;
  position: relative;
}
.view{
  background: url(../img/home/view.png) 99% center no-repeat;
  background-size: .5rem;
  display: inline-block;
  line-height: .5rem;
  padding-right: .6rem;
  position: relative;
  font-size: .16rem;
  font-family: 'SourceHanSansCNNormal';
}
.view::before{
  width: .64rem;
  height: 1px;
  background:#514323 ;
  content: "";
  position: absolute;
  left: 0;
  top: .4rem;
}
.view-bg{
  background: url(../img/home/view-bg.png) right center no-repeat;
  background-size: .5rem;
}
.home-container h1{
  font-size: .32rem;
  line-height: .45rem;
}
.home-container h2{
  color: #EE7E1A;
  font-size: .14rem;
  line-height: .15rem;
  margin-top: .04rem;
}


main{
  padding-top: 1.1rem;
}
.home-swiper{
  width: 100%;
  height: 8.88rem;
  margin-top: 1.07rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 .09rem;
} 
.swiper-pagination-bullet{
  width: .13rem;
  height: .13rem;
  background: #fff;
  /* opacity: 1; */
}
.home-swiper .swiper-pagination-bullet-active{
  background: url(../img/home/bullet.png) no-repeat;
  background-size: cover;
  width: .17rem;
}
.home-swiper .banner{
  height: 100%;
  position: relative;
}

.home-swiper .banner1{
  background: url(../img/home/home-banner002.jpg) center top no-repeat;
  background-size: auto 7.38rem;
}
.home-swiper .banner .text{
  background: url(../img/home/line.png) center bottom no-repeat;
  background-size: 25.6rem auto;
  height: 2.3rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}
.home-swiper .banner .text p:first-of-type{
  font-size: .42rem;
  line-height: 1;
  margin-top: .7rem;
}
.home-swiper .banner .text p:last-of-type{
  font-size: .24rem;
  line-height: 1;
  padding: .09rem .02rem;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  display: inline-block;
  margin-top: .2rem;
}
.home-story-product{
  background: url(../img/home/home-story-product-bg.png) center bottom no-repeat;
  background-size: 25.6rem auto;
  margin-top: .9rem;
}
.home-brand-story{
  padding: 0 2.45rem 0 2.15rem;
}
.home-brand-story .content{
  width:35.6%;
  float: left;
}
.home-brand-story p{
  font-size: .18rem;
  line-height: .36rem;
}
.home-brand-story .slogan{
  font-size: .24rem;
  color: #EE7E1A ;
  line-height: .45rem;
  margin-top: .32rem;
  /* letter-spacing: 0.04rem; */
}
.home-brand-story .slogan-large{
  font-size: .42rem;
  color: #EE7E1A ;
  line-height: .6rem;
  margin-top: .0rem;
  margin-bottom: .4rem;
  letter-spacing: 0.04rem;
}
.home-brand-story strong{
  color: #EE7E1A ;
}
.home-brand-story .desc{
  margin-top: .32rem;
  padding-right: .4rem;
  /* letter-spacing: 0.04rem; */
}
.home-brand-story .pic{
  float: right;
  padding-left: .83rem;
  width: 58%;
}
.home-brand-story .pic.mob{
  display: none;
}
.home-brand-story .view{
  margin-top: .4rem;
}
.home-new-product{
  padding-top: .94rem;
}
.home-new-product.mob{
  display: none;
}
.home-new-product h1,.home-new-product h2{
  text-align: center;
}
.home-new-product .product-swiper{
  height: 4.78rem;
}
.home-new-product .product-swiper .swiper-slide{
  text-align: center;
  padding-top: .66rem;
}
.home-new-product .product-swiper .pic{
  width: 3.35rem;
  height: 3.35rem;
  background: #fff;
  margin: 0 auto;
  border-radius: 50%;
  cursor: pointer;
}
.home-new-product .product-swiper .pic img{
  border-radius: 50%;
}
.home-new-product .product-swiper .pic:hover{
  
  animation: _scale3 .3s ease-in both;


}
@keyframes _scale3{
  from{
    box-shadow: 0 0 0 rgba(238,126,26,.8);
    transform: scale(1);
  }
  to{
    /* box-shadow: 0 0 .4rem rgba(238,126,26,.8); */
    box-shadow: 0 0 .25rem rgba(238,126,26,.8);
  transform: scale(.99);
  }
}
.home-new-product .product-swiper p{
  display: inline-block;
  background: url(../img/home/view-bg.png) 0 center no-repeat;
  line-height: .28rem;
  background-size: .28rem;
  padding-left: .43rem;
  margin-top: .42rem;
  font-size: .2rem;
}
.home-new-product .swiper-button-next{
  background: url(../img/home/arrow_right.png) no-repeat;
  background-size: cover;
  width: .86rem;
  height: .86rem;
  margin-top: 0;
  top: 1.91rem;
  right: -10px;
}
.home-new-product .swiper-button-prev{
  background: url(../img/home/arrow_left.png) no-repeat;
  background-size: cover;
  width: .86rem;
  height: .86rem;
  margin-top: 0;
  top: 1.91rem;
  left: -10px;
}
.home-new-product .swiper-button-next.swiper-button-disabled, .home-new-product .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
}
.home-graduate-school{
  height: 9.43rem;
  margin-top: 2.72rem;
}
.home-graduate-school .container{
  height: 100%;
  padding-top: 1rem;
  background: url(../img/home/new.png) center 0 no-repeat;
  background-size: 13.2rem auto;
}
.home-graduate-school h1,.home-graduate-school h2{
  text-align: center;
}
.home-graduate-school h3{
  color: #F28113;
  font-size: .42rem;
  margin-top: .4rem;
  font-family: 'medium';
  text-align: center;
}
.home-graduate-school .merit-block{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-graduate-school .merit-block *{
  position: absolute;
  /* transform: scale(0); */
}
.home-graduate-school .merit-block .merit1{
  width: 1.98rem;
  top: 2.16rem;
  left: 15.77%;
}
.home-graduate-school .merit-block .merit2{
  top: 3.69rem;
  width: 1.82rem;
  left: 0;
}
.home-graduate-school .merit-block .merit3{
  top: 6.24rem;
  width: 1.54rem;
  left: 8.18%;
}
.home-graduate-school .merit-block .merit4{
  top: 2.83rem;
  width: 1.54rem;
  left: 54.83%;
}
.home-graduate-school .merit-block .merit5{
  top: 1.9rem;
  width: 2.04rem;
  left: 67.85%;
}
.home-graduate-school .merit-block .merit6{
  top: 4.49rem;
  width: 1.82rem;
  left: 84.16%;
}
.home-graduate-school .merit-block .merit7{
  top: 4.75rem;
  width: 1.24rem;
  height: 1.24rem;
  left: 89.46%;
  display: block;
}
.home-lineup{
  padding-top: 1.2rem;
}
.home-lineup h1{

    text-align: center;
}
.home-lineup h2{

  text-align: center;
}
.home-lineup h2{
  top: .45rem;
}
.home-lineup .lineup-list{
  padding-top: .75rem;
}
.home-lineup .item{
  height: 5rem;
  width: 10.2rem;
  position: relative;
  margin: 0 auto .9rem;
  margin-bottom: .8rem;
}
.home-lineup .item .detail{
  padding: .94rem 0 0 2rem;

}
.home-lineup .item1{
  background: #f0a840;
}
.home-lineup .item2{
  background: #C1DD64;
}
.home-lineup .item1::before{
  background: url(../img/home/p1-right.png) no-repeat;
  background-size: cover;
  width: 4.43rem;
  height: 4.43rem;
  position: absolute;
  right: -1.1rem;
  content: "";
  top: 0.3rem;
}
.home-lineup .item2::before{
  background: url(../img/home/p2-left.png) no-repeat;
  background-size: cover;
 
  width: 4.84rem;
  height: 4.8rem;
  position: absolute;
  left:-1.38rem;
  content: "";
  top: 0;
}
.home-lineup .item2 .detail{
  padding-left: 3.6rem;
  padding-top: 1.5rem;
}
.home-lineup .detail .product-list{
  height: .5rem;
  margin-top: .2rem;
}
.home-lineup .detail .product-list img{
  float: left;
}
.home-lineup .detail .product-name{
  font-size: .32rem;
  line-height: .4rem;
  position: relative;
}
.home-lineup .item1 .detail .product-name::before{
  content: "";
  width: 1.17rem;
  height: 0.44rem;
  background: url(../img/home/logo1.png) no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 1.8rem;
  top: 0.05rem;
}
.home-lineup .item2 .detail .product-name::before{
  /* content: "";
  width: .78rem;
  height: .36rem;
  background: url(../img/home/logo2.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 2.74rem;
  top: 0rem; */
}
.home-lineup .detail .product-desc{
  font-size: .18rem;
  line-height: .36rem;
  width: 4rem;
  margin-top: .18rem;
  /* letter-spacing: 0.04rem; */
}
.home-lineup .detail .view{
  margin-top: .22rem;
}
.home-lineup .product{
  position: absolute;
  width: 3.2rem;
  top: .26rem;
  left: -1.6rem;
  height: 4.3rem;
}
.home-lineup .item2 .product{ 
  right: -1.16rem;
  left: auto;
  width: 2.33rem;
  height: 4.46rem;
  top: .28rem;
}
.home-lineup .product-block{
  width: 4.74rem;
  height: 6.34rem;
  position: relative;
  padding: 2.84rem .6rem 0;
}
.home-lineup .product-block.item3{
  background: #F9EFDA  ;
  float: left;
}
.home-lineup .product-block.item3::before{
  background: url(../img/home/p3.png) no-repeat;
  background-size: cover;
  content: "";
  width: 4rem;
  height: 3.72rem;
  position: absolute;
  top: -.8rem;
  left: .76rem;
}
.home-lineup .product-block.item4{
  background: #FEE66A  ;
  float: right;
}
.home-lineup .product-block.item4::before{
  background: url(../img/home/p4.png) no-repeat;
  background-size: cover;
  content: "";
  width: 4.28rem;
  height: 3.3rem;
  position: absolute;
  top: -.8rem;
  left: .42rem;
}
.home-lineup .product-group{
  width: 10.2rem;
  margin: 1.3rem auto 1.2rem;
}
.home-lineup .product-block .product-name{
  font-size: .32rem;
  line-height: .4rem;
}
.home-lineup .product-block .product-desc{
  font-size: .18rem;
  line-height: .36rem;
  margin-top: .18rem;
  /* letter-spacing: 0.04rem; */
}
.home-lineup .product-block .view{
  margin-top: .5rem;
}
.home-news{
  margin-top: 1.2rem;
  background: #FBF7EE;
}
.home-news .news-banner{
  background: url(../img/home/news.png) no-repeat;
  background-size: cover;
  height: 5rem;
}

.home-news .news-content .float-left{
  float: left;
  padding-left: 3rem;
}
.home-news .news-content .float-right{
  float: right;
  width: 11.5rem;
  background: #FBF7EE;
  position: relative;
  top: -1.35rem;
  padding-left: .4rem;
  padding-top: .4rem;
}
.home-news .news-content .float-right .mob{
  display: none;
}
.home-news ul li{
  display: inline-block;
  width: 4.16rem;
  position: relative;
  margin-right: .36rem;
}
.home-news ul li.new::before{
  width: .73rem;
  height: .73rem;
  background: #FFB52B;
  color: #fff;
  content: "NEW";
  font-size: .18rem;
  border-radius: 50%;
  line-height: .73rem;
  position: absolute;
  top: -.24rem;
  right:.12rem;
  text-align: center;
}
.home-news ul img{
  height: 2.24rem;
  width: 100%;
}
.home-news li .news-title{
  font-size: .2rem;
  line-height: .32rem;
  text-overflow: -o-ellipsis-lastline;
	overflow: hidden;			
	text-overflow: ellipsis;	
	display: -webkit-box;	
	-webkit-line-clamp: 2;		
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
  margin-top: .3rem;
  font-family: "SourceHanSansCNNormal";
}
.home-news li .news-date{
  color: #FFB52B;
  font-size: .14rem;
  line-height: .2rem;
  margin-top: .2rem;
}
.home-news li .news-desc{
  line-height: .32rem;
  font-size: .16rem;margin-top: .12rem;
  text-overflow: -o-ellipsis-lastline;
	overflow: hidden;			
	text-overflow: ellipsis;	
	display: -webkit-box;	
	-webkit-line-clamp: 3;		
	line-clamp: 3;					
	-webkit-box-orient: vertical;	
}
.home-news h1{

    margin-top: .65rem;
}
.home-news h2{

  margin-bottom: .5rem;
}
.kameda-graduate-school .better-for-you{
  background: url(../img/graduate-school/banner.jpg) no-repeat;
  background-size: cover;
  height: 3.6rem;
  padding: .8rem 0 .7rem;
  text-align: center;
}
.kameda-graduate-school .better-for-you p:nth-of-type(1){
  font-size: .22rem;
  line-height: .25rem;
  margin-bottom: .2rem;
}
.kameda-graduate-school .better-for-you p:nth-of-type(2){
  font-size: .42rem;
  line-height: .44rem;
  margin-bottom: .3rem;
  font-family: 'SourceHanSansCNNormal';
}
.kameda-graduate-school .better-for-you p:nth-of-type(3){
  font-size: .2rem;
  line-height: .32rem;
}
.kameda-graduate-school .content{
  background: url(../img/graduate-school/better-bg.jpg) center bottom no-repeat;
  background-size: auto 10.8rem;
  background-attachment: fixed;
  
}
.kameda-graduate-school .flex{
  position: relative;
  padding-top: .9rem;
}
.kameda-graduate-school .item{
  width: 6.3rem;
  position: relative;
  
  position: absolute;
  left: .15rem;
  font-size: 0;
}
.kameda-graduate-school .item .content{
  background: rgba(255,255,255,.94); 
  padding: .89rem .9rem 1rem;
  border-radius: .15rem;
  font-size: .18rem;
  line-height: .36rem;
  /* letter-spacing: .03rem; */
}
.kameda-graduate-school .item:nth-of-type(2n){
  left: 7.05rem;
}
.kameda-graduate-school .item {
  padding-top: .8rem;
}
.kameda-graduate-school .item .icon{
  width: 2.38rem;
  height: .87rem;
  background: url(../img/knowledge/top.png) center bottom no-repeat;
  background-size: 2.3rem auto;
  margin: 0 auto;
  position: relative;

}
.kameda-graduate-school .item .icon img{
  width: 1.28rem;
  height: 1.28rem;
  display: block;
  position: absolute;
  left: 50%;
  max-height:1.48rem;
  margin-left: -.64rem;
    top: .35rem;
}
.kameda-graduate-school .item h2{
  text-align: center;
  font-size: .32rem;
  line-height: .45rem;
  margin-bottom: .32rem;
}
.kameda-graduate-school .items-group{
  padding: .12rem 0 4rem;
  position: relative;
  box-sizing: initial;
}
.kameda-graduate-school .items-group::before{
  background: url(../img/knowledge/bg.png) center center no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.kameda-graduate-school .items-group.fixed::before{
  background: url(../img/knowledge/bg.png) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: fixed;
}
.kameda-graduate-school .items-group.end::before{
  background: url(../img/knowledge/bg.png) center bottom no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: auto;
}
.kameda-graduate-school .item .tip{
  font-size: .16rem;
  margin-top: .12rem;
}

.kameda-graduate-school .item .content img{
  margin-top: .3rem;
}
.kameda-graduate-school .item .content p{
  margin-bottom: .25rem;
}
.kameda-graduate-school .item .reference p{
  margin: 0 0 .1rem 0;
  line-height: .24rem;

  position: relative;
}
.kameda-graduate-school .item .reference .reference-link{
  padding-left: .2rem;
}
.kameda-graduate-school .item .reference .reference-link a:hover{
  text-decoration: underline;
}
.kameda-graduate-school .item .reference .reference-link::before{
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  line-height: .24rem;
  font-size: .2rem;
}
.page{
  margin-top: 1.07rem;
}
.inner-page .banner{
  position: relative;
  height: 2.92rem;
}
.inner-page .banner::before{
  background: url(../img/line01-pc.png)  center 0 no-repeat;
  background-size: 25.6rem auto;
  position: absolute;
  width: 100%;
  height: .8rem;
  content: "";
  bottom: -.02rem;
  left: 0;
}
.container-recruitment .banner::before{
  background: url(../img/recruitment/line.png)  center 0 no-repeat;
  background-size: 25.6rem auto;
}
.inner-page .title{
  height: .94rem;
}
.inner-page h1{
  font-size: .42rem;
  line-height: 1;
  padding-bottom: .1rem;
  text-align: center;
  margin-top: .16rem;
}


.container-news .banner{
  background: url(../img/news/news-banner.jpg) center 0 no-repeat;
  background-size: auto 2.92rem;
}
.container-news .title{
  background: url(../img/news/news-title.png) center 0 no-repeat;
  background-size: auto 100%;

}

.container-news .tabs{
  margin-top: .4rem;
  text-align: center;
}
.container-news .tabs span{
  border: 1px solid rgba(212,30,32,0.80);
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.10);
  line-height: .44rem;
  display: inline-block;
  border-radius: .22rem;
  width: 3rem;
  margin: 0 .09rem;
  color: #D41E20;
  font-size: .18rem;
  /* background: url(../img/news/arrow.png) .26rem center no-repeat;
  background-size: .06rem auto; */
  cursor: pointer;
}
.container-news .tabs span.active{
  background: #EE7E1A;
  color: #fff;
  border-color:#EE7E1A;
  position: relative;
  border: 1px solid #EE7E1A;
}
.container-news .tabs span.active::before {
  content: "";
  position: absolute;
  top: .45rem;
  left: 50%;
  margin-left: -.04rem;
  width: 0;
  height: 0;
  border-top: .06rem solid #EE7E1A;
  border-right: .04rem solid transparent;
  border-left:  .04rem solid transparent;
}
.container-news .news-list{
  margin-top: .76rem;
  border-top: 1px solid #E3E3E3;
  position: relative;
}
.container-news .news-list::before{
  height: 100%;
  width: 1px;
  background: #E3E3E3;
  content: "";
  left: 50%;
  top: 0;
  position: absolute;
}
.container-news .news-list li{
  width: 50%;
  float: left;
  font-size: .18rem;
  line-height: .36rem;
  padding: .26rem .24rem .22rem .24rem;
  border-bottom: 1px solid #E3E3E3;
  /* letter-spacing: .03rem; */
}
.container-news .news-list li:hover{
  opacity: .86;
}
/* .container-news .news-list li:nth-of-type(2n+1){
  border-right: 1px solid #E3E3E3;
  padding-left: 0;
} */
/* .container-news .news-list li:nth-of-type(1),.container-news .news-list li:nth-of-type(2){
  border-top: 1px solid #E3E3E3;
} */
.container-news .news-list a{
  display: block;
  height: 1.78rem;
  position: relative;
  padding-left: 2.06rem;
}
.container-news .news-list img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.container-news .news-list .date{
  color: #EE7E1A;
  line-height: .2rem;
  margin-bottom: .2rem;
  padding-top: 0.2rem;
}
.container-news .news-title {
  overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      word-break: break-all;
}
.pagination{
  text-align: center;
  color: #EE7E1A;
  text-transform: uppercase;
  padding: .73rem 0 1.2rem;
}
.pagination span{
  display: inline-block;
  width: .48rem;
  border:1px solid #EE7E1A;
  line-height: .46rem;
  border-radius: 50%;
  margin: 0 .14rem;
  height: .48rem;
  font-size: .12rem;
  cursor: pointer;
}
.pagination span.active{
  background:#EE7E1A;
  color: #fff;

}
.pagination span.prev{
  background: url(../img/news/pagearrow-left.png) 0 center no-repeat;
  background-size: .16rem;
  padding-left: .3rem;
  width: auto;
  border: 0;
  margin-right: .26rem;
}
.pagination span.next{
  background: url(../img/news/pagearrow-right.png) right center no-repeat;
  background-size: .16rem;
  padding-right: .3rem;
  width: auto;
  border: 0;
  margin-left: .26rem;
}
.container-news-detail,.container-recruitment-detail{
  max-width: 12rem;
  margin: 0 auto;
  padding-bottom: 1.2rem;
  padding-top: .54rem;
}
.container-news-detail .back,.container-recruitment-detail .back{
  padding: 0 .28rem;
  background: url(../img/news/details-arrow.jpg) 0 center no-repeat;
  background-size: .24rem ;
  font-size: .18rem;
  line-height: .18rem;
  display: block;
}
.container-news-detail p{
  line-height: .36rem;
  margin-top: .3rem;
  font-size: .18rem;
}
.container-news-detail h2{
  border-left: .05rem solid #EE7E1A;
  background: #FBF7EE;
  line-height: .5rem;
  padding: .08rem .27rem;
  font-size: .24rem;
  margin-top: .5rem;
}
.container-news-detail .center{
  text-align: center;
  line-height: .3rem;
  margin-top: 0;
  font-size: .14rem;
}
.container-news-detail img{
  display: block;
  margin: .24rem auto 0;
}
.container-news-detail .title{
  font-size: .32rem;
  line-height: .5rem;
  padding-bottom: .18rem;
  margin-top: .5rem;
  border-bottom: 1px solid rgba(200,159,99,0.50);
  font-family: 'SourceHanSansCNNormal';
}
.container-news-detail .info{
  margin-top: .16rem;
  display: flex;
  align-items: center;
  margin-bottom: .42rem;
  font-size: .18rem;
}
.container-news-detail .info .date{
  /* font-size: .24rem; */
  color: #6C4D34;
}
.container-news-detail .info .tag{
  background: #FFF1C6;
  line-height: .3rem;
  border-radius: .3rem;
  padding: 0 .15rem;
  display: inline-block;
  margin-left: .18rem;
  font-size: .14rem;
}
.container-recruitment .banner{
  background: url(../img/recruitment/recruitment-banner.jpg) #FBF7Ee center 0 no-repeat;
  background-size: auto 2.92rem;
}
.container-recruitment .title{
  background: url(../img/recruitment/recruitment-title.png) center 0 no-repeat;
  background-size: auto 100%;
}
.container-recruitment .tabs{
  border: 1px solid rgba(200,159,99,.5);
  height: .52rem;
  border-radius: .44rem;
  margin: .4rem auto .3rem;
  text-align: center;
  padding: .04rem;
  width: 6.6rem;
  display: flex;
  font-size: .2rem;
}
.container-recruitment .tabs span{
  flex:1;
  display: inline-block;
  line-height: .4rem;
  cursor: pointer;
}
.container-recruitment .tabs span.active{
  background: #EE7E1A;
  color: #fff;
  border-radius: .34rem;
}
/* .container-recruitment li:nth-of-type(1),.container-recruitment li:nth-of-type(2),.container-recruitment li:nth-of-type(3){
  margin-top: 0;
} */
.container-recruitment .recruitment-list{
  margin: 0 -.2rem;
}
.container-recruitment li{
  background: #fff;
  width: 4.26rem;
  height: 2.48rem;
  float: left;
  margin: .4rem .2rem 0;
  padding: 0 .72rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(248,222,195,0.20);
 
}
.container-recruitment li:hover{
  opacity: .95;
}
.container-recruitment li::before{
  content: "";
  right: -.91rem;
  top: -.61rem;
  width: 1.82rem;
  height: 1.04rem;
  border-radius: 100%;
  position: absolute;
}
.container-recruitment li.type1::before{
  background:  #FFC000;
}
.container-recruitment li.type2::before{
  background:  #C89F63;
}
.container-recruitment li.type3::before{
  background: rgba(220,25,20,0.60);
}
/* .container-recruitment li:nth-of-type(3n+3){
  margin-right: 0;
} */
.container-recruitment li .type{
  text-align: center;
  font-size: .24rem;
  line-height: 1;
  margin-top: .35rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-recruitment li .desc{
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  font-size: .18rem;
  line-height: .36rem;
  margin-top: .26rem;
}
.container-recruitment li a{
  background:url(../img/recruitment/recruitment-arrow.png) #E3E3E3 86% center no-repeat;
  background-size: .13rem;
  display: block;
  width: 1.33rem;
  line-height: .34rem;
  font-size: .14rem;
  text-align: center;
  border-radius: .34rem;
  margin: .22rem auto 0;
  padding-right: .1rem;
  transition: all .7s ease ;
}
.container-recruitment li a:hover{
  background:url(../img/recruitment/recruitment-arrow.png) #E3E3E3 93% center no-repeat;
  background-size: .13rem;
  animation: _move .7s ease infinite alternate;
}
@keyframes _move{
  from{
    opacity: 1;
    background:url(../img/recruitment/recruitment-arrow.png) #E3E3E3 86% center no-repeat;
  background-size: .13rem;
  }
  to{
    opacity: .9;
    background:url(../img/recruitment/recruitment-arrow.png) #E3E3E3 93% center no-repeat;
    background-size: .13rem;
  }
}
.container-recruitment-detail .content{
  padding-top: .46rem;
}
.container-recruitment-detail .info{
  width: 2.9rem;
  float: left;
  font-size: .14rem;
}
.container-recruitment-detail .info p{
  margin-bottom: .14rem;
}
.container-recruitment-detail .detail{
  float: right;
  width: 9.1rem;
}
.container-recruitment-detail .position{
  font-size: .32rem;
  line-height: .5rem;
  margin-bottom: .22rem;
  font-family: "SourceHanSansCNNormal";
}
.container-recruitment-detail .info a{
  display: block;
  width: 1.33rem;
  line-height: .4rem;
  color: #fff;
  background: url(../img/recruitment/arrow-white.png) 86% center  #EE7E1A no-repeat;
  background-size: .1rem auto;
  border-radius: .4rem;
  font-size: .14rem;
  text-align: center;
  margin-top: .42rem;
}
.container-recruitment-detail .desc-title{
  font-size: .24rem;
  margin-bottom: .24rem;
  line-height: .24rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-recruitment-detail ul{
  margin-bottom: .5rem;
}
.container-recruitment-detail .detail ul:last-of-type{
  margin-bottom: 0;
} 
.container-recruitment-detail li{
  border-bottom: 1px solid rgba(200,159,99,0.50);
  position: relative;
  font-size: .18rem;
  line-height: .36rem;
  /* letter-spacing: .01rem; */
}
.container-recruitment-detail ul li:first-of-type{
  border-top: 1px solid rgba(200,159,99,0.50);
}
.container-recruitment-detail span{
  padding: .2rem .24rem .2rem 24%;
  display: block;
  width: 80%;
}
.container-recruitment-detail span.title{
  background: #FBF7EE;
  width: 20%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  padding: .2rem .24rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-recruitment-detail span.contact{
  line-height: .72rem;
}
.container-recruitment-detail span a{
  color: #EE7E1A;
}
.container-connect{
  padding-bottom: 1.2rem;
}
.container-connect .banner{
  background: url(../img/connect/connect-banner.png)  center 0 no-repeat;
  background-size: auto 2.92rem;

}

.container-connect .title{
  background: url(../img/connect/connect-title.png) center 0 no-repeat;
  background-size: auto 100%;

}
.container-connect .pic{
  width: 3.4rem;
  display: block;
  margin: .4rem auto .1rem;
}
.container-connect .block{
  width: 9.24rem;
  margin: .5rem auto 0;
  border: 2px solid #EE7E1A;
}
.container-connect .info{
  text-align: center;
  padding: .44rem 0 ;
  position: relative;
  line-height: .32rem;
  font-size: .18rem;
}
.container-connect .info-title{
  position: absolute;
  width: 2.8rem;
  line-height: .55rem;
  background: #fff;
  text-align: center;
  color: #6C4D34;
  font-size: .24rem;
  position: absolute;
  left: 50%;
  top: -.27rem;
  margin-left: -.98rem;
}
.container-connect .mobile{
  color: #EE7E1A;
}
.container-connect .info p:nth-of-type(3){
  margin-bottom: .15rem;
}
.container-connect .links{
  display: flex;
  height: 3.1rem;
  align-items: center;
  border-top: 0;
  font-size: .18rem;
  line-height: .2rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-connect .links a p{
 
}
.container-connect .links   a:hover p{
  text-decoration: underline;
}
.container-connect .links a{
  flex: 1;
  text-align: center;
  border-top:4px solid transparent;
  height: 100%;
  position: relative;
}
.container-connect .links a:nth-of-type(1)::after,.container-connect .links a:nth-of-type(2)::after{
  height: 2.06rem;
  width: 1px;
  background: rgba(200,159,99,0.50);
  position: absolute;
  content: "";
  top: .5rem;
  right: 0;
}
.container-connect .links a:nth-of-type(1){
  border-color: #D7241F;
}
.container-connect .links a:nth-of-type(2){
  border-color: #EE7E1A;
}
.container-connect .links a:nth-of-type(3){
  border-color: #F5BD48;
}
.container-connect .links img{
  width: 1.02rem;
  margin: .85rem 0 .33rem;
}
.container-product .banner{
  background: url(../img/product/product-banner.jpg) center 0 no-repeat;
  background-size: auto 2.92rem;
}
.container-product .title{
  background: url(../img/product/product-title.png) center 0 no-repeat;
  background-size: auto 100%;
}
.container-product ul{
  padding: .85rem 0 .88rem;
}
.container-product ul li a{
  display: block;
  height: 100%;
}
.container-product ul li{
  display: inline-block;
  width: 2.96rem;
  height: 3.47rem;
  border: 1px solid rgba(200,159,99,0.50);
  margin: 0 .14rem .32rem;
  padding: .7rem .22rem 0;
  text-align: center;
  font-size: .2rem;
  position: relative;
  animation: all .3s;
}
@keyframes _scale{
  from{
    opacity: 1;
    transform: scale(1);
  }
  to{
    opacity: .97;
    transform: scale(1.02);
  }
}
.container-product ul p{
  margin-top: .3rem;
}
.container-product ul li:hover{
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 .16rem 0 rgba(238,126,26,0.20);
  animation: _scale .3s linear both ;
}
.container-product ul li.new::before{
  content: "";
  width: .5rem;
  height: .5rem;
  background: url(../img/product/tip-new.png) no-repeat;
  background-size: cover;
  position: absolute;
  top:.16rem;
  left: .16rem;
  z-index: 9;
}
.container-product ul li:nth-of-type(4n+1){
  margin-left: .38rem;
}
.container-product-detail .banner{
  background: url(../img/product/detail/banner.png) center 0 no-repeat;
  background-size:auto 100%;
  height: 2.72rem;
}
.container-product-detail .product-intro{
  position: relative;
  padding-left: 7.25rem;
  margin-top: .24rem;
  padding-bottom: 1.1rem;
  min-height: 5.49rem;
}
.container-product-detail .product-intro{
  margin-bottom: .5rem;
}
.container-product-detail .product-intro .preview-wrap{
  position: absolute;
  width: 5.7rem;
  height: 5.49rem;
  left: 0;
  top: 0;
}

.container-product-detail .product-intro .logo{
  height: .42rem;
}

.container-product-detail .product-intro .sku-name{
  font-size: .32rem;
  line-height: .5rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-product-detail .choose-attrs{

  margin-top: .42rem;
  margin-bottom: .26rem;
}
.container-product-detail .choose-attrs .item{
  height: 100%;
  float: left;
  height: 1.26rem;
  position: relative;
  cursor: pointer;
  text-align:center;
}
.container-product-detail .choose-attrs .item p{
  position: relative;
  top: -.14rem;
  font-size: .14rem;
}
.container-product-detail .choose-attrs .item.current::before{
  background: url(../img/product/detail/current.png) no-repeat;
  background-size: 100% auto;
  width: .53rem;
  height: .38rem;
  position: absolute;
  content: "";
  left: 0;
  margin-left: -.2rem;
  top: 0;
  margin-top: -.24rem;
}
.container-product-detail .net-content{
  margin: 0 0 .16rem .28rem;
  font-size: .14rem;
  line-height: .22rem;
}
.container-product-detail .net-content span{
  background: #DCD9D4;
  color: rgba(122, 105, 65, 0.7);
  display: inline-block;
  margin-right: .22rem;
  text-align: center;
  width: .7rem;
  border-radius: .04rem;
  cursor: pointer;
}
.container-product-detail .net-content span.current{
  background: #FFDA62;
}
.container-product-detail .product-selling-points p{
  font-size: .16rem;
  line-height: .3rem;
  margin-bottom: .1rem;
  padding-left: .28rem;
  position: relative;
}
.container-product-detail .product-selling-points p::before{
  content: "";
  width: .14rem;
  height: .14rem;
  border: 1px solid #C89F63;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .07rem;
}
.container-product-detail .product-intro .buy{
  background: url(../img/product/detail/buy-bg.png) right center no-repeat;
  background-size: .5rem;
  padding-right: .64rem;
  display: inline-block;
  line-height: .5rem;
  margin-top: .3rem;
  position: relative;
  font-family: 'SourceHanSansCNNormal';
}
.container-product-detail .product-intro .buy::before{
  content: "";
  height: 1px;
  background: #514323;
  width: .64rem;
  left: 0;
  position: absolute;
  top: .38rem;
}
.container-product-detail .product-intro .banner2{
  background: url(../);
}
.container-product-detail .specifications{
  background: #FBF7EE;
  padding: .9rem 1.05rem;
  margin-top: .7rem;
  margin-bottom: 1.2rem;
  font-size: .18rem;
  line-height: .36rem;
  /* letter-spacing: .02rem; */
}
.container-product-detail .specifications .title{
  background: #C89F63;
  color: #fff;
  text-align: center;
  line-height: .5rem;
  font-size: .2rem;
  margin-bottom: .32rem;
}
.container-product-detail .specifications .manufacturer{
  margin-top: .24rem;
}
.container-product-detail .composition-table{
  margin: 0 0 .32rem;
  display:flex;
}
.container-product-detail .composition-table .com-item{
  flex: 1;
  text-align: center;
  border-right: 1px solid #D6D0BC;
}
.container-product-detail .composition-table .com-item:last-of-type{
  border: 0;
}
.container-product-detail .composition-table .com-item p:first-of-type{
  font-size: .18rem;
}
.container-product-detail .composition-table .com-item p:last-of-type{
  font-size: .24rem;
  margin-top: .14rem;
}
.container-product-detail .banner2{
  height: 5.13rem;
  background: url(../img/product/detail/banner2.jpg) center bottom no-repeat;
  background-size: cover;
  position: relative;
}
.container-product-detail .banner2::before{
  width: 4.83rem;
  height: .48rem;
  background: url(../img/product/detail/line.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -2.41rem;
  bottom: 0;
  content: "";
}
.container-product-detail h2{
  text-align: center;
  color: #EE7E1A;
  text-align: center;
  font-size: .42rem;
  line-height: 1;
}
.container-product-detail .slogan{
  font-size: .2rem;
  line-height: .36rem;
  text-align: center;
  color: #EE7E1A;
  margin-top: .20rem;
  letter-spacing: .03rem;
}
.container-product-detail .product-info{
  margin-top: .6rem;
}
.container-product-detail .product-info p{
  font-size: .2rem;
  line-height: .24rem;
  margin-bottom: .16rem;
  letter-spacing: .02rem;
}
.container-product-detail .product-info .title{
  padding: 0 ;
  font-size: .32rem;
  line-height: 1;
  color: #89450B;
  margin-bottom: .5rem;

}
.container-product-detail .product-info .float-left{
  float: left;
}
.container-product-detail .product-info .float-right{
  float: right;
}
.container-product-detail .product-info .float-right img{
  margin-top: .5rem;
}
.product-info>div{
  margin-top: .9rem;
}
.product-info>div:first-of-type{
  margin-top: 0;
}






.container-about .banner{
  background: url(../img/about/aboutus-banner.jpg) center 0 no-repeat;
  background-size: auto 2.92rem;
}
.container-about .title{
  background: url(../img/about/aboutus-title.png) center 0 no-repeat;
  background-size: auto 100%;
}
.container-about .tabs{
  background:  #F7F7F7;
  height: 1.3rem;
  text-align: center;
  margin-top: 1.3rem;
}
.container-about .tabs a{
  text-align: center;
  width: 3.7rem;
  font-size: .2rem;
  padding-top: .65rem;
  display: inline-block;
  position: relative;
  background: url(../img/about/aboutus-arrowdown.png)  center 1.05rem no-repeat;
  background-size: .16rem auto;
  line-height: .2rem;
  padding-bottom: .45rem;
}
.container-about .tabs a::before{
  width: .88rem;
  height: .88rem;
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -.44rem;
  top: -.35rem;
}
.container-about .tabs a:nth-of-type(1)::before{
  background: url(../img/about/about-icon1.png) no-repeat;
  background-size: cover;
}
.container-about .tabs a:nth-of-type(2)::before{
  background: url(../img/about/about-icon2.png) no-repeat;
  background-size: cover;
}
.container-about .tabs a:nth-of-type(3)::before{
  background: url(../img/about/about-icon3.png) no-repeat;
  background-size: cover;
}
.container-about .tabs a:nth-of-type(1).active::before,.container-about .tabs a:nth-of-type(1):hover::before{
  background: url(../img/about/about-icon1-hover.png) no-repeat;
  background-size: cover;
  opacity: .9;
}
.container-about .tabs a:nth-of-type(2).active::before,.container-about .tabs a:nth-of-type(2):hover::before{
  background: url(../img/about/about-icon2-hover.png) no-repeat;
  background-size: cover;
  opacity: .9;
}
.container-about .tabs a:nth-of-type(3).active::before,.container-about .tabs a:nth-of-type(3):hover::before{
  background: url(../img/about/about-icon3-hover.png) no-repeat;
  background-size: cover;
  opacity: .9;
}
.container-about h2{
  font-size: .32rem;
  line-height: .4rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-about .part-1{
  padding: .86rem 0 1rem;
  position: relative;
}
.container-about .part-1 p{
  font-size: .18rem;
  line-height: .32rem;
  margin-bottom: .32rem;
  /* letter-spacing: .03rem; */
}
.container-about .part-1 p:last-child{
  margin-bottom: 0;
}
.container-about h2{
  margin-bottom: .4rem;
}
.container-about .part-1 .detail-infomation{

  /* width: 5.8rem;
  float: left; */
}
.container-about .part-1 .pic{
  float: right;
  width: 6.55rem;
  position: relative;
    top: -0.7rem;
}
.container-about .part-2{
  background: url(../img/about/line.jpg) #FBF7EE center 0 no-repeat;
  background-size: 25.6rem auto;
  padding: 1rem 0;
}
.container-about .part-2 h2{
  text-align: center;
}
.container-about .part-2 ul {
  margin-top: .7rem;
}
.container-about .part-2 li{
  position: relative;
  padding-bottom: .56rem;
}
.container-about .part-2 li::before{
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: .13rem;
  top: .15rem;
  background: red;
}
.container-about .part-2 li:last-of-type::before{
  top: 0;
}
.container-about .part-2 li:last-of-type{
  margin-bottom: 0;
  padding-bottom: 0;
}
.container-about .part-2 .period{
  font-size: .32rem;
  line-height: .32rem;
  float: left;
  width: 4.2rem;
  font-weight: normal;
  position: relative;
  padding-left: .6rem;
}
.container-about .part-2 .period::before{
  content: "";
  width: .28rem;
  height: .21rem;
  background: url(../img/about/aboutus-history-icon.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: .06rem;
}
.container-about .part-2 li .right{
  width: 9.4rem;
  float: right;
  margin-bottom: .12rem;
}
.container-about .part-2 .year{
  width: 1rem;
  float: left;
  font-size: .22rem;
  line-height: .32rem;
  /* font-family: 'SourceHanSansCNNormal'; */
}
.container-about .part-2 .event{
  width: 8.1rem;
  float: left;
  font-size: .18rem;
  line-height: .32rem;
}
.container-about .part-2 .event .desc{
  font-size: .16rem;
  line-height: .28rem;
}
.container-about .part-3{
  padding: 1rem 0 1.2rem;
}
.container-about .part-3 h2{
  text-align: center;
}
.container-about .part-3 .map{
  width: 11.8rem;
  display: block;
  margin: .6rem auto 0;
}
.container-about .part-3 .company-profile{
  margin-top: .56rem;
}
.container-about .part-3 ul{
  /* width: 6.26rem; */
  /* margin-right: .68rem; */
  /* float: left; */
}
.container-about .part-3 ul:last-of-type{
  margin-right: 0;
}
.container-about .part-3 li{
  border-bottom: 1px solid rgba(200,159,99,0.50);
  padding: .4rem 0;
  font-size: .18rem;
  /* width: 50%;
  float: left; */
}
.container-about .part-3 .info-title{
  color: #EE7E1A;
  float: left;
  width: 1.36rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-about .part-3 .info{
  width: 4.9rem;
  float: left;
}
.container-about .part-3 .info p{
  line-height: .24rem;
  margin-bottom: .04rem;
}
.container-about .part-3 .info p span{
  padding-right: .2rem;
}
.container-about .part-3 .info p span:last-of-type{
  padding-right: 0;
}
.container-story .banner{
  background: url(../img/story/brand-banner.png) center 0 no-repeat;
  background-size: auto 4.85rem;
  height: 4.85rem;
}
.container-story .title{
  background: url(../img/story/brand-title.png) center 0 no-repeat;
  background-size: auto 100%;
}
.container-story::before{
  top: 4.15rem;
}
.container-story .brand-top{
  position: relative;
  /* height: 13.26rem; */
}
.container-story .brand-top::before{
  content: "";
  width: 5.95rem;
  height: 9.6rem;
  background: url(../img/story/brand-bg002.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 5.8rem;
  z-index: -1;
}
.container-story .brand-top::after{
  content: "";
  width: 5.95rem;
  height: 9.6rem;
  background: url(../img/story/brand-bg001.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0rem;
  top: .6rem;
  z-index: -1;
}
.container-story .slogan{
  font-size: .32rem;
  line-height: .45rem;
  margin-top: .5rem;
  color: #EE7E1A;
  text-align: center;
}
.container-story .slogan-2{
  font-size: .4rem;
  line-height: .6rem;
  /* margin-top: .2rem; */
  color: #EE7E1A;
  text-align: center;
}
.container-story .video-box,.container-quality .video-box,.container-knowledge .video-box{
  position: relative;
  margin-top: .6rem;
  line-height: 0;
}
.container-story .video-box video,.container-quality .video-box video,.container-knowledge .video-box video{
  width: 100%;
}
.container-story .video-box .start ,.container-quality .video-box .start,.container-knowledge .video-box .start{
  background: url(../img/story/brand-play.png) rgba(0,0,0,.4) center center no-repeat;
  background-size: 1.78rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.container-story .brand-content{
  background: url(../img/story/ware-bg.png) center 0 no-repeat;
  background-size: 25.6rem auto;
  padding-top: 1.98rem;
  padding-bottom: 1.2rem;
}
.container-story .brand-content p{
  font-size: .18rem;
  line-height: .36rem;
  /* letter-spacing: .03rem; */

}
.container-story .brand-content .item-1 p{
  max-width: 42%;
}
.container-story .brand-content .item{
  height: 5rem;
}
.container-story .brand-content .item-title{
  font-size: .32rem;
  position: relative;
  margin-bottom: .32rem;
  display: inline-block;
  z-index: 2;
  font-family: 'SourceHanSansCNNormal';
}
.container-story .brand-content .item-title::before{
  height: 0.13rem;
  background: #FEE797;
  width: 100%;
  position: absolute;
  bottom: -.03rem;
  z-index: -1;
  content: "";
  left: 0;
}
.container-story .brand-content .item-1{
  background: url(../img/story/brand-pic1.png) right 0 no-repeat;
  background-size: auto 100%;
  padding-top: .94rem;
  padding-left: .75rem;
}
.container-story .brand-content .item-2{
  background: url(../img/story/brand-pic2.png) 0 0 no-repeat;
  background-size: auto 100%;
  padding-top: .94rem;
  margin-top: 1rem;
  padding-left: 7.7rem;
}
.container-story .brand-story{
  text-align: center;
  margin-top: 1.4rem;
}
.container-story .brand-story .logo{
  width: 1.76rem;
}
.container-story .brand-story p{
  font-size: .2rem;
  line-height: .32rem;
  margin-top: .15rem;
}

.container-quality .banner{
  background: url(../img/quality/quality-banner.jpg) center 0 no-repeat;
  background-size: auto 2.92rem;
}
.container-quality .title{
  background: url(../img/quality/quality-title.png) center 0 no-repeat;
  background-size: auto 100%;
}
.container-quality .slogan{
  font-size: .2rem;
  line-height: .32rem;
  margin-top: .2rem;
  text-align: center;
}
.container-quality .group{
  margin-top: 1.12rem;
  font-size: .18rem;
}
.container-quality .group .item{
  width: 25%;
  text-align: center;
  float: left;
  margin-bottom: .4rem;
  position: relative;
  padding-bottom: 2.7rem;
  cursor: pointer;
}
.container-quality .group .item-1{
  background: url(../img/quality/qa-li1.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-2{
  background: url(../img/quality/qa-li2.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-3{
  background: url(../img/quality/qa-li3.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-4{
  background: url(../img/quality/qa-li4.png) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-5{
  background: url(../img/quality/qa-li5.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-6{
  background: url(../img/quality/qa-li6.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-7{
  background: url(../img/quality/qa-li7.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item-8{
  background: url(../img/quality/qa-li8.jpg) center bottom no-repeat;
  background-size: 2.56rem;
}
.container-quality .group .item::before{
  content: "";
  width: .58rem;
  height: .58rem;
  background: url(../img/quality/qa-arrowdown.png) #fff center center no-repeat;
  background-size: .19rem auto;
  border-radius: 50%;
  box-shadow: 0 0 .1rem rgba(207,198,186,1);
  position: absolute;
  bottom: 0.3rem;
  left: 0.73rem;
}
.container-quality .group .item:hover{
  opacity: .85;
}
.container-quality .group .item:hover::before{
  animation: _scale2 .8s linear infinite alternate;
}
@keyframes _scale2{
  from{
    opacity: 1;
    transform: scale(1);
  }
  to{
    opacity: .97;
    transform: scale(1.06);
  }
}
.container-quality .group p{
  height: .64rem;
  line-height: .32rem;
   
}
.container-quality .group p.text2{
  /* padding-top: .14rem; */
}
.container-quality .group img{
  width: 2.56rem;
}
.container-quality .group .item p>span{
  display: block;
}
.container-quality .group .point{
  /* color: #EE7E1A; */
  /* font-size: .2rem; */
  /* font-family: "SourceHanSansCNNormal"; */
}
.container-quality .group-info{
  background: url(../img/quality/line.jpg) #FBF7EE center 0 no-repeat;
  background-size: 25.6rem auto;
  margin-top: 1rem;
  padding-top: 1.06rem;
  padding-bottom: 1.2rem;
}
.container-quality .item-info{
  padding-top: 1.46rem;
  font-size: .18rem;
  line-height: .4rem;
  text-align: center;
  /* letter-spacing: .03rem; */
}
.container-quality .item-info:last-of-type{
  margin-bottom: 0;
}

.container-quality .item-info h3{
  font-size: .32rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: .48rem;
  position: relative;
  line-height: .32rem;
  padding-bottom: .16rem;
  border-bottom: 2px solid #514323;
  display: inline-block;
}
.container-quality .item-info h3::after{
  width: .15rem;
  height: .15rem;
  content: "";
  background: url(../img/quality/under-line.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
    bottom: -.15rem;
}
.container-quality .item-info p{
  text-align: left;
}
.container-quality .item-info h3::before{
  content: "";
  width: .9rem;
  height: .9rem;
  position: absolute;
  left: 50%;
  margin-left: -.45rem;
  top: -.9rem;
}
.container-quality .item-info:nth-of-type(3n+1) h3::before{
  background: url(../img/quality/qa-icon111.png) center 0 no-repeat;
  background-size: cover;
}
.container-quality .item-info:nth-of-type(3n+2) h3::before{
  background: url(../img/quality/qa-icon222.png) center 0 no-repeat;
  background-size: cover;
}
.container-quality .item-info:nth-of-type(3n+3) h3::before{
  background: url(../img/quality/qa-icon333.png) center 0 no-repeat;
  background-size: cover;
}
.container-quality .item-info img{
  margin-top: .5rem;
  border-radius: .24rem;
}
.container-quality .item-info .graphic-interpretation{
  color: #AC8449;
  /* font-family: 'SourceHanSansCNNormal'; */
  font-size: .14rem;
}
.container-quality .item-info .graphic-interpretation-1{
  font-size: .18rem;
  margin-top: .12rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-knowledge .head-desc{
  height: 3.46rem;
  background: url(../img/knowledge/research-banner01.jpg) no-repeat;
  background-size: cover;
  text-align: center;
}
.container-knowledge .head-desc p:nth-of-type(1){
  padding-top: .8rem;
  font-size: .22rem;
  line-height: .22rem;
}
.container-knowledge .head-desc p:nth-of-type(2){
  margin-top: .25rem;
  font-size: .4rem;
  line-height: .4rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-knowledge .head-desc p:nth-of-type(3){
  margin-top: .25rem;
  font-size: .2rem;
  line-height: .32rem;
}
.container-knowledge .top-group{
  background:  #FBF7EE;
  padding-top: .4rem;
  padding-bottom: 1.14rem;
}
.container-knowledge .pic{
  background: url(../img/knowledge/pic01.png) center 0 no-repeat;
  background-size: auto 4.03rem;
  height: 3.4rem;

}
.container-knowledge .production-process{

  padding-top: 1.7rem;
  padding-bottom: 2rem;
  position: relative;
}
.container-knowledge .production-process::before{
  background: url(../img/knowledge/bg.png) center center no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.container-knowledge .production-process.fixed::before{
  background: url(../img/knowledge/bg.png) center center no-repeat;
  background-size:  cover;
  background-attachment: fixed;
  position: fixed;
}
.container-knowledge .production-process.end::before{
  background: url(../img/knowledge/bg.png) center bottom no-repeat;
  background-size:  cover;
  position: absolute;
  bottom: 0;
  top: auto;
}
.container-knowledge .production-process .content{
  background: rgba(255,255,255,.94);
  border-radius: .24rem;
  padding-bottom: 1.82rem;
}
.container-knowledge .production-process h3{
  text-align: center;
  position: relative;
  background: url(../img/knowledge/research-icon.png) center -.2rem no-repeat;
  background-size: .77rem;
  padding-top: .56rem;
  line-height: .4rem;
  font-size: .32rem;
  margin-bottom: .62rem;
}
.container-knowledge .production-process h3::before{
  content: "";
  width: 6.05rem;
  height: .87rem;
  background: url(../img/knowledge/bg-before.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -3.02rem;
  top: -.87rem;
}
.knowledge-footer{
  position: relative;
  height: 5.23rem;
}
.knowledge-footer .footer{
  position: absolute;
  top: -1.05rem;
  left: 0;
  width: 100%;
}
.container-knowledge .step-items{
  text-align: center;
  position: relative;
}
.container-knowledge .step-items::before{
  content: "";
  width: 11.98rem;
  height: .18rem;
  background: url(../img/knowledge/line2.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1.06rem;
  left: 50%;
  margin-left: -5.96rem;
  z-index: 1;
}
.container-knowledge .step-items::after{
  content: "";
  width: 11.98rem;
  height: .18rem;
  background: url(../img/knowledge/line1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.28rem;
  left: 50%;
  margin-left: -5.96rem;
  z-index: 1;
}
.container-knowledge .step{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-block;
  margin: .12rem;
  padding-top: 1.29rem;
  font-size: .16rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
 
}
.container-knowledge .step:hover{
  animation: _scale .8s linear infinite alternate;
}
@keyframes _scale{
  from{
    opacity: 1;
    transform: scale(1);
  }
  to{
    opacity: .97;
    transform: scale(1.02);
  }
}
.container-knowledge .step p:last-of-type{
  font-size: .12rem;
  background: url(../img/knowledge/step-arrow-btn.png) center bottom no-repeat;
  background-size: .17rem auto;
  padding-bottom: .15rem;
}
.container-knowledge .step-1{
  background: url(../img/knowledge/research-stepicon01.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-2{
  background: url(../img/knowledge/research-stepicon02.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-3{
  background: url(../img/knowledge/research-stepicon03.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-4{
  background: url(../img/knowledge/research-stepicon04.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-5{
  background: url(../img/knowledge/research-stepicon05.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-6{
  background: url(../img/knowledge/research-stepicon06.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-7{
  background: url(../img/knowledge/research-stepicon07.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-8{
  background: url(../img/knowledge/research-stepicon08.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-9{
  background: url(../img/knowledge/research-stepicon09.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-10{
  background: url(../img/knowledge/research-stepicon10.png) #FFEBA5 center 0 no-repeat;
  background-size: 1.17rem;
}
.container-knowledge .step-content{
  margin-top: .58rem;
  padding: 0 1.2rem;
}
.container-knowledge .step-content .step-num{
  font-size: .36rem;
  line-height: .5rem;
  text-align: center;
  font-family: 'SourceHanSansCNNormal';
  margin-bottom: .08rem;
}
.container-knowledge .step-content .step-title{
  font-size: .2rem;
  line-height: .22rem;
  text-align: center;
  letter-spacing: 2px;
}
.container-knowledge .step-content .step-desc{
  background: url(../img/knowledge/re-title-bg.png) no-repeat;
  background-size: cover;
  color: #fff;
  line-height: 1.03rem;
  width: 8.43rem;
  font-size: .22rem;
  margin: .24rem auto 0;
  text-align: center;
  letter-spacing: 2px;
}
.container-knowledge .step-content .block{
  margin: .8rem 0 0;
}
.container-knowledge .step-content-8 .block:last-of-type{
  margin-top: .65rem;
}
.container-knowledge .step-content-8 .block:first-of-type{
  padding-bottom: .65rem;
  border-bottom: 1px dashed #EE7E1A;
}
.container-knowledge .step-content-9 .block .text,.container-knowledge .step-content-10 .block .text{
  width: 100%;
  float: none;
}
.container-knowledge .step-content:nth-of-type(2n) img{
  float: left;
}
.container-knowledge .step-content:nth-of-type(2n) .text{
  float: right;
}
.container-knowledge .step-content:nth-of-type(2n+1) img{
  float: right;
}
.container-knowledge .step-content:nth-of-type(2n+1) .text{
  /* float: left; */
}
.container-knowledge .step-content .text{
  font-size: .2rem;
  line-height: .5rem;
  width: 5rem;
  padding-top: .3rem;
  /* letter-spacing: .03rem; */
}
.container-knowledge .text .tip{
  font-size: .16rem;
  margin-top: .32rem;
  line-height: .16rem;
  color: #EE7E1A;
}
.container-knowledge .text .tip2{
  color: #EE7E1A;
  font-size:.24rem;
  margin-bottom: .32rem;
  font-family: 'SourceHanSansCNNormal';
}
.container-knowledge .step-content-1 img,.container-knowledge .step-content-3 img,.container-knowledge .step-content-7 img{
  width: 5.3rem;
}
.container-knowledge .step-content-2 img,.container-knowledge .step-content-4 img,.container-knowledge .step-content-6 img{
  width: 5.37rem;
}
.container-knowledge .step-content-10 img,.container-knowledge .step-content-8 img{
  width: 5.47rem;
}
.container-knowledge .step-content-9 img{
  width: 5.17rem;
}
.container-knowledge .step-content-5 img{
  width: 5rem;
}






.footer{
  background: url(../img/footer.png) center 0 no-repeat;
  background-size: 25.6rem auto;
  height: 6.28rem;
  text-align: center;
  position: relative;
}
.footer .top{
  border-bottom: 1px solid rgba(81,67,35,.2);
  padding: .45rem 0 .8rem;
}
.footer .connect img{
  height: .88rem;
}
.footer .connect{
  margin-left: 1.2rem;
  padding-right: 1.2rem;
  display: inline-block;
  background: url(../img/menu-arrow-btn.png) right center no-repeat;
  background-size: .5rem;
}
.footer .top p{
  line-height: .25rem;
  font-size: .16rem;
}
.footer .top .title{
  font-size: .2rem;
  margin-top: .65rem;
  margin-bottom: .2rem;
}
.footer .middle .qrcode{
  padding-top: .2rem;
  float: right;
}
.footer .middle .qrcode div{
  display: inline-block;
  font-size: .14rem;
  line-height: .14rem;
  text-align: center;
  /* margin: 0 .14rem; */
}
.footer .middle .qrcode div:first-of-type{
  margin-right: .25rem;
}
.footer .middle .qrcode img{
  width: 1.2rem;
}
.footer .middle .logo{
  float: left;
}
.footer .middle ul{
  padding-top: .73rem;
  float: left;
  padding-left: 2.25rem;
}
.footer .middle li{
  display: inline-block;
  margin: 0  .3rem;
  font-size: .16rem;
}
.footer .middle li a{
  background: url(../img/menu/menu-arrow.png) 0 center no-repeat;
    background-size: 0.09rem auto;
    padding-left: 0.16rem;
}
.footer .middle li a:hover{
  text-decoration: underline;
}
.footer .logo{
  width: .9rem;
  margin-top: .3rem;
}
.footer .bottom{
  /* padding-bottom: .3rem; */
  font-size: .14rem;
  line-height: 1;
}
.footer .bottom ul{
  text-align: center;
  margin-bottom: .16rem;

}
.footer .bottom ul li{
  display: inline-block;
  margin: 0 .19rem;
}
.footer .bottom ul li a{
  text-decoration: underline;
}
.footer .view{
  display: none;
}
.footer .back{
  position: absolute;
  right: 1.24rem;
  top: -.2rem;
  width: .88rem;
  height: .88rem;
  background: url(../img/back.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 2;
}
[data-animate] {
  position: relative;
}


.container-policy{
  padding: .8rem 0 1.2rem;
  font-size: .18rem;
  line-height: .36rem;
}
.container-policy h1{
  text-align: center;
  font-size: .42rem;
    line-height: 1;
}
.container-policy .content{
  margin-top: .8rem;
}
.container-policy p{
  margin-bottom: .1rem;
}
.container-policy .subtitle{
  font-size: .2rem;
  font-family: 'SourceHanSansCNNormal';
  margin-top: .25rem;
}

.container-sitemap{
  padding: 1.2rem 0;
}
.container-sitemap h1{
  text-align: center;
  font-size: .42rem;
    line-height: 1;
}
.container-sitemap .menu{
  margin-top: 1rem;
  text-align: center;
}
.container-sitemap .menu>li{
  font-size: .2rem;
  float: left;
  line-height: .9rem;
  vertical-align: top;
  background: url(../img/menu/menu-arrow.png) #FEE797 80% center no-repeat;
  background-size: .12rem auto;
  border-radius: .1rem;
  margin-bottom: .4rem;
  width: 22%;
  margin-right: 3%;
  text-align: center;
  font-family: 'SourceHanSansCNNormal';
}
.container-sitemap .menu li a{
  display: block;
  width: 100%;
  height: 100%;
}
.container-sitemap .menu>li:nth-of-type(4n+4){
  margin-right: 0;
}
.container-sitemap .menu>li.online{
  background: url(../img/share.png) #FEE797 80% center no-repeat;
  background-size: .22rem auto;
}

.qrcode-group{
  display: flex;
  justify-content: center;
  margin-top: .26rem;
}
.qrcode-group .item{
  text-align: center;
  padding: .17rem .55rem 0;
  height: 2.06rem;
  border-right:1px solid  rgba(200, 159, 99, 0.5);

}
.qrcode-group .item:last-of-type{
  border:0;
}
.qrcode-group .item img{
  width: 1.45rem;
  display: block;
}
.qrcode-group .item p{
  margin-top: .2rem;
  font-size: .16rem;
  line-height: .19rem;
}










@media screen and (min-width: 1920px)  {
  html{
    font-size:100px
  }
  .inner-page .banner{
    background-size: cover;
  }
}

@media screen and (max-width: 1440px)  {
  html{
    font-size:82px
  }
  .home-brand-story{
    padding: 0 1.45rem 0 1.15rem;
  }
  .home-news .news-content .float-left{
    padding-left: 1.6rem;
  }
  .home-news .news-content .float-right{
    width: 10.5rem;
  }
}

/* .home-brand-story */
.customizedSeries{
  text-align: center;
}