@font-face {
  font-family: 'syht1';
  src: url(../font/SourceHanSansCN-Medium.otf);
}
@font-face {
    font-family: 'ali';
    src: url(/CorpShop/SubjectList/zhonglin/images/AlimamaShuHeiTi-Bold.ttf);
}
@font-face {
    font-family: 'baba';
    src: url(/CorpShop/SubjectList/zhonglin/images/AlibabaPuHuiTiM.ttf);
}
.swiper1{
  width: 100%;
}
.swiper1 img {
  display: block;
  width: 100%; 
}
 
.swiper2 .swiper-slide{
  width: 6.7rem !important;
  height: 6.7rem !important;
}
.swiper2 img{
  display: block;
  width: 100%;
}
.swiper2{
  width: 6.7rem !important;
  height: 6.7rem !important;
  overflow: hidden;
}
.swiper-button-next2 {
    width: .6rem !important;
    height: .6rem !important;
    position: absolute !important;
    right: 0 !important;
    top: 4rem !important;
    background: url(/CorpShop/SubjectList/zhonglin/images/control-fr.png) no-repeat top center !important;
    background-size: .6rem .6rem !important;
    margin: 0 auto;
}
.swiper-button-prev2 {
    width: .6rem !important;
    height: .6rem !important;
    position: absolute !important;
    right: 0 !important;
    top: 3rem !important;
    left: auto !important;
    background: url(/CorpShop/SubjectList/zhonglin/images/control-fl.png) no-repeat top center !important;
    background-size: .6rem .6rem !important;
    margin: 0 auto;
}.swiper-button-prev:after,.swiper-button-next:after{
  content: ' ' !important;
}
.intro-fl h3,h1{
  color: #333;
  font-size: .28rem;
  line-height: .28rem;
  font-family: ali;
  margin-top: .07rem;
}
.intro-fl h5{
  color: #016f45;
  font-size: .15rem;
  line-height: .15rem;
  font-family: ali;
}
.intro-fl{
  width: 5.73rem;
  margin: 1.23rem 0 0 0;
} 
.introduction{
  width: 100%;
  background: #f0ffff;
  padding-bottom: 1.15rem;
} 
.introduction .w1200{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.w1200{
  width: 12rem;
  margin: 0 auto;
}
#txtName, #txtTel{
  width:  5.83rem;
  height: .45rem;
  border: 1px solid #cfcccf;
  margin-bottom: .2rem;
  color: #2e2936;
}
#txtContent {
  width: 5.83rem;
 
  border: 1px solid #cfcccf;
  margin: 0 auto .4rem;
  color: #2e2936; 
  display: block;
}
 
.input-wrap{
  margin: .2rem auto 0;
}
#btnAdd {
  width: 2.6rem;
  height: .7rem;
  border-radius: .04rem;
  background: #2f65c7;
  text-align: center;
  line-height: .7rem;
  border: 0;
  color: #fffeff;
  font-size: .28rem;    margin: 0 auto;
  display: block;
  cursor: pointer;
}
.intro-fr{
  width: 5.25rem;
  margin: 1rem 0 0 0;

}
.intro-fr img{
  display: block;width: 100%;
}
.intro-para p{
  color: #333333;
  font-size: .12rem;
  font-family: syht;
  text-indent: .25rem;
}
.intro-para{
  margin: .27rem 0 0 0;

}
.intro-btn{
  margin: .45rem 0 0 0;
}
.intro-lis{
  width: 12rem;
  margin: 0 auto;
}
.intro-lis ul li{
  width: 2.83rem;
  height: 2.09rem;
  background: #fff;
  margin-right: .23rem;
  box-shadow: 0px 0px 11px #e9e6e6;
}
.intro-lis ul li span{
  display: block;
  text-align: center;
  color: #2b3887;
  font-size: .55rem;
  line-height: .55rem;
  font-family: ali;
  margin: .58rem auto 0;
}
.intro-lis ul{
  display: flex;
  margin-top: .7rem;
}
.intro-word{
  color: #333333;
  font-family: ali;
  font-size: .24rem;
  text-align: center;
  margin: .24rem auto 0;
}
.brand{
  margin: .74rem auto 0;
  padding-bottom: .9rem;
}
.brand-title {
    width: 100%;
    height: 1.56rem;
    background: url(/CorpShop/SubjectList/zhonglin/images/brand-title.png) no-repeat;
    background-size: 100% 1.56rem;
    margin: 0 auto;
    overflow: hidden;
}
.brand-title h2{
  text-align: center;
  color: #ffffff;
  font-size: .55rem;
  line-height: .55rem;
  font-family: ali;
  margin: .27rem auto 0;
}
.brand-title h5{
  text-align: center;
  color: #ffffff;
  font-size: .2rem;
  line-height: .2rem;
  font-family: ali;
  margin: .14rem auto 0;
}
.brand-title h2 span{
  font-size: .88rem;
}
.brand-wrap{
  width: 12rem;
  display: flex;
  justify-content: space-between;
  margin: .7rem auto 0;
}
.brand-fl{
  width: 5.9rem;
}
.brand-fr1,.brand-fr2{
  height: 3.14rem;
  width: 5.15rem;
  position: relative;
}
.brand-fr1 .img1,.brand-fr1 .img2{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.brand-fr2 .img2,.brand-fr2 .img1{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.brand-fr1 .img22,.brand-fr1 .img11{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.brand-fr2 .img11,.brand-fr2 .img22{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
 
.brand-content{
  display: flex;
  border-bottom: 3px solid #f1f1f1;
  margin-bottom: .17rem;
}
.brand-content p{
  width: 4.8rem;
  color: #999999;
  font-size: .12rem;
  line-height: .18rem;
  font-family: syht;
  padding: .2rem 0;

}
.brand-content h4{
  color: #333333;
  font-size: .23rem;
  font-family: ali;
  line-height: .23rem;
}
.brand-img{
  margin-right: .1rem;
}
.product-center{
  background: #f5f5f5;
  padding: 1.22rem 0;
  position: relative;
}
.product-center h5{
  color: #2b3887;
  font-size: .25rem;
  line-height: .25rem;
  font-family: ali;
  text-align: center;
}
.product-center h3{
  color: #333;
  font-size: .47rem;
  line-height: .47rem;
  font-family: ali;
  text-align: center;
  margin-top: .2rem;
}
.product-center h4{
  color: #2b3887;
  font-size: .27rem;
  line-height: .27rem;
  font-family: ali;
  text-align: center;
  margin-top: .15rem;
}
.pro-lis-wrap{
  display: flex;
  /* margin-right: .75rem; */
}
 
.pro-wrap{
  margin: 1.11rem auto 0;
  display: flex;
}
.pro-lis-content ul li{
  cursor: pointer;
  display: flex;padding-left: .75rem;
}
.pro-lis-content ul li:hover{
  background: #3b4bad;  
  color: #fff;
}
.pro-lis{
  height: 6.58rem;
  margin: 0 0 0 .3rem;
  position: relative;
}
.pro-lis > div{
  width: 4.71rem;
  height: 6.58rem;
}
.pro-lis span{
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  line-height: .45rem;
  background: rgba(143,157,239,.57);
  width: 100%;
  color: #ffffff;
  font-size: .32rem;
  font-family: ali;
}
.pro-lis ul li{
  position: relative;
  margin-bottom: .18rem;
}
.pro-lis ul li > div{
  width: 3.14rem;
  height: 2.06rem;
}
.pro-lis img{
  display: block;
  width: 100%;
}
.pro-lis-content ul li:hover div{
  color: #fff ;
}
.brand-concept {
    background: url(/CorpShop/SubjectList/zhonglin/images/concept.png) no-repeat;
    height: 7.73rem;
    background-size: 100% 7.73rem;
    display: flex;
}
.concept-fl{
  width: 3.15rem;
  margin: 3.15rem .6rem 0 .45rem;
}
.concept-fr{
  margin: 1.63rem 0 0 0;
}
.concept-fr ul li{
  position: relative;

}
.zl-map img{
  display: block;
  width: 100%;
}
.zl-map{
  width: 100%;
  height: 4.51rem;
  margin: .92rem auto 0;
}
.concept-fl p{
  color: #333333;
  font-size: .16rem;
  font-family: syht;
  margin-top: .34rem;
}
.concept-fl h3{
  color: #333333;
  font-size: .2294rem;
  font-family: ali;
  text-align: center;
}
.concept-wrap{
  width: 2.75rem;
  height: 4.8rem;
}
.concept-wrap img{
  display: block;
  width: 100%;
}
.concept-fr ul li{
  position: relative;
}
.concept-wrap span{
  display: block;
  position: absolute;
  bottom: .4rem;
  left: .18rem;
  color: #e7e7e7;
  font-family: ali;
  font-size: .2rem;
}
.concept-container{
  width: 2.75rem;
  height: 4.8rem;
  border-radius: .1rem;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(14,14,14,.63);
}
.concept-fr ul{
  display: flex;
  justify-content: space-around;
}
.concept-fr ul li{
  margin: .12rem;
 
}
.concept-container{
  display: none;
}
.concept-container h4{
  color: #e7e7e7;
  font-size: .2rem;
  line-height: .2rem;
  font-family: ali;
  text-align: center;
  margin: .76rem auto 0;
}
.concept-container p{
  width: 1.94rem;
  margin: .6rem auto 0;
  color: #e7e7e7;
  line-height: .45rem;
  text-align: center;
}
.concept-container > div{
  color: #e7e7e7;
  font-size: .2rem;
  text-align: center;
  margin: .8rem auto 0;
}
.concept-fr ul li:hover span{
  display: none;
}
.concept-fr ul li:hover .concept-container{
  display: block;
}
.pro-lis-content ul li div{
  line-height: .57rem;
  color: #666666;
  font-size: .32rem;
  font-family: ali;
}
.pro-lis-content ul li>div:nth-child(1) {
  width: .52rem;
  height: .52rem;
  background: #2b3887;
  border-radius: .52rem;
  margin-right: .24rem;
  margin-left: .75rem;
}
.pro-lis-content ul li:hover div:nth-child(1) {
  display: none; margin-left: .75rem;
}
.pro-lis-content ul li:hover div:nth-child(2) {
  display: block; margin-left: .75rem;

}
.pro-lis-content ul li>div:nth-child(2) {
  display: none;
  width: .52rem; margin-left: .75rem;
  height: .52rem;
  background: #fff;
  border-radius: .52rem;
  margin-right: .24rem; 

}
.pro-lis-content{
  flex: 1;
}
.pro-lis-content ul li{
  padding: .373rem 0;
}
.footer-wrap {
  width: 4.5rem;
  height: 4rem;
  background: #fff;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  margin-left: -2.2rem;
  overflow: hidden;
}
.footer-wrap h3 {
  color: #313131;
  font-size: .24rem;
  text-align: center;
  margin-top: .23rem;
}
#txtName, #txtTel {
  margin-left: .4rem;
  width: 3.7rem;
  height: .4rem;
  background: #f5f5f5;
  border: 0;
  margin-bottom: .2rem;
}
#txtName {
  margin-top: .34rem;
}.footer-zl {
  background: #313131;
  height: 3.13rem;
  position: relative;
  justify-content: space-around;
  /* overflow: hidden; */
}
.zl-footer-wrap {
  width: 12.84rem;
  display: flex
;
  margin: 0 auto 0;
  padding-top: .67rem;
  justify-content: space-between;
}#txtContent {
  width: 3.7rem;
  margin-left: .4rem;
  height: 1rem;
  background: #f5f5f5;
  border: 0;
}.footer-wrap {
  width: 4.5rem;
  height: 4rem;
  background: #fff;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  margin-left: -2.2rem;
  overflow: hidden;
}
.footer-fr li{
  display: flex;
  line-height: .26rem;
  color: #ffffff;
  font-size: .16rem;
}

.pro-lis-content ul li img{
  display: block;
  width: 100%;
}
.brand-lis{
  width: 100%;
  height: 100%;
  padding: 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 99;
}
.brand-lis-top ul {
  width: 12rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-radius: .1rem;
}
.brand-lis-bottom ul{
  width: 12rem;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-around;
}
.brand-lis-bottom {
  height: 4.9rem;
  overflow: hidden;
}
.brand-lis-bottom ul li{
  width: 3.5rem;
 margin-bottom: .35rem;
}
.brand-lis-bottom ul li img{
  display: block;
  width: 100%;
}
.brand-lis-top{
  border-radius: .1rem;
    width: 12rem;
    height: 1.32rem;
    margin: 1rem auto .9rem;
    background: linear-gradient(to bottom, #e7e8e3, #fefefd);
}
.close{
  background: rgba(14,14,14,.63);
    width: 45px;
    height: 45px;
    border-radius: 45px;
    position: absolute;
    right: 1rem;
    top: .4rem;
    overflow: hidden;
}
.close img{
  display: block;
  width: 100%;
}
.brand-lis-top ul li{
  text-align: center;
}
.brand-lis-top ul li > div{
  color: #7e7e7b;
  font-size: .25rem;
}
.brand-lis-top ul li > div:nth-child(1){
  margin-top: .25rem;
  display: block;
}
.brand-lis-top ul li > div:nth-child(2){
  margin-top: .25rem;
  display: none;
}
.brand-lis-top ul li:hover{
  cursor: pointer;  color: #2a6120;
}
.brand-lis-top ul li:hover div:nth-child(1){
  display: none;
}
.brand-lis-top ul li:hover div:nth-child(2){
  display: block;

}

@media screen and (min-width:1080px) and (max-width: 1680px) {
  .pro-lis-content ul{
    display: flex;    justify-content: center;
  }
  .pro-wrap{
    flex-direction: column;
  }.pro-lis-content ul li {
    padding: .373rem .373rem .373rem 0;
  }
  .pro-lis-wrap {
    justify-content: space-around;
}.pro-lis-content ul li>div:nth-child(1) {
  width: .52rem;
  height: .52rem;
  background: #2b3887;
  border-radius: .52rem;
  margin-right: .24rem;
  margin-left: .25rem;
}.pro-lis-content ul li:hover div:nth-child(1) {
  display: none; margin-left: .25rem;
}
.pro-lis-content ul li:hover div:nth-child(2) {
   
  margin-left: .25rem;
}
}

@media screen and (max-width: 1080px) {
  .close {
    background: rgba(14, 14, 14, .63);
    width: 45px;
    height: 45px;
    border-radius: 45px;
    position: absolute;
    right: 0;
    top: 2rem;
    overflow: hidden;
}
  .pro-lis-content ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 6.5rem;
    justify-content: space-around;
  }    .pro-lis {
    height: auto;
    margin: 0 .3rem .3rem;
    position: relative;

}
  .pro-wrap {
    margin: 1.11rem auto 0;
    display: flex;
    flex-direction: column;
}
  .concept-fl p {
    color: #333333;
    font-size: .26rem;
    font-family: syht;
    margin-top: .34rem;
}
  .concept-fl {
    width: 6.5rem;
    margin: 1.15rem .6rem 0 .45rem;
}
  .concept-container > div {
    color: #e7e7e7;
    font-size: .2rem;
    text-align: center;
    margin: .4rem auto 0;
}
  .concept-fr ul { 
    flex-wrap: wrap;
}
  .brand-concept {
    height: auto;
    flex-direction: column;
}
  .brand-content p {
    width: 6rem;
    color: #999999;
    font-size: .22rem;
    line-height: .24rem;
    font-family: syht;
    padding: .2rem 0;
}
.brand-fl {
  width: 7rem;
}
  .brand-fr1, .brand-fr2 {
  
    width: 7.5rem;height: 5.14rem;
    position: relative;
}
  .brand-fr1 .img1, .brand-fr1 .img2 {
    width: 6rem;  
}
.brand-fr2 .img1, .brand-fr2 .img2 {
  width: 6rem;  
}
 
.img1 img,.img2 img{
  display: block;
  width: 100%;
}
  .brand-wrap {
    width: 7.5rem;
    display: flex;
    justify-content: space-between;
    margin: .7rem auto 0;
    flex-direction: column;
}
  .brand-title h5 {
    text-align: center;
    color: #ffffff;
    font-size: .2rem;
    line-height: 0rem;
    font-family: ali;
    margin: 0rem auto 0;
}
  .brand-title h2 {
    text-align: center;
    color: #ffffff;
    font-size: .55rem;
    line-height: 1rem;
    font-family: ali;
    margin: .27rem auto 0;
}
  .intro-lis ul li {
    width: 2.83rem;
    height: 2.09rem;
    background: #fff;
    margin-right: 0;
    box-shadow: 0px 0px 11px #e9e6e6;
}
  .intro-lis ul li{
    margin-bottom: .5rem;
  }
  .intro-lis {
    width: 7.5rem;
    margin: 0 auto;
}
  .intro-lis ul {
    display: flex;
    margin-top: .7rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
  .intro-fr {
    width: 5.25rem;
    margin: 1rem auto 0;
}
  .intro-fl h3 {
    color: #333;
    font-size: .3rem;
    line-height: .28rem;
    font-family: ali;
    margin-top: .07rem;
}
  .intro-fl h5 {
    color: #016f45;
    font-size: .25rem;
    line-height: .15rem;
    font-family: ali;
}
  .intro-para p {
    color: #333333;
    font-size: .26rem;
    font-family: syht;
    text-indent: .25rem;
}
  .intro-fl {
    width: 6.73rem;
    margin: 1.23rem auto 0;
}
  .w1200{
    width: 7.5rem;
  }
  .introduction .w1200{
    display: flex;
    flex-direction: column  ;
    justify-content: space-around;
  }
  
  .swiper1{
    margin-top: 1rem;
  }
       
  body {
    min-width: 7.5rem;
}
#txtContent {
 
  height: .45rem;
  border: 1px solid #cfcccf;
  margin: 0 auto .4rem;
  color: #2e2936;
  display: block;
}#txtName, #txtTel{
 
  height: .45rem;
  border: 1px solid #cfcccf;
  margin-bottom: .2rem;
  color: #2e2936;
}.footer-wrap{
  position: relative;
  left: auto;
  bottom: auto;
  margin: 0.5rem auto;
}
.zl-footer-wrap{
  flex-direction: column;width: 7.5rem;
}
.footer-zl{
  display: flex;    height: auto;
  flex-direction: column;
  justify-content: center;
  padding-bottom:2rem;
}
.zl-map {
  width: 100%;
  height: auto;
  margin: .92rem auto 0;
}
.footer-fr ul{
  display: flex;
    justify-content: center;
    flex-direction: column;
    width: 5.5rem;
    margin: .1rem auto;
}
.concept-fr {
  margin: 1rem 0 0 0;
}
.zl-footer-wrap img{
  margin: 0 auto;
  display: block;
}
.brand-lis-bottom{
  height: auto;
}.brand-lis-bottom ul {
  width: 7.5rem;
  display: flex
;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-around;
}.brand-lis-top {
 
    border-radius: .1rem;
    width: 7.5rem;
    height: 1.32rem;
    margin: 3rem auto .9rem;
    background: linear-gradient(to bottom, #e7e8e3, #fefefd);
 
}.brand-lis-top ul {
  width: 7.5rem;
  display: flex
;
  flex-direction: row;
  justify-content: space-around;
  border-radius: .1rem;
}
.footer-fr li span{
  line-height: .54rem;
  display: block;
  font-size: .24rem;
}.pro-lis img {
  display: block;
  width: 100%;
}.pro-lis ul li > div {
  width: auto;
  height: auto;
}
.pro-lis-wrap {
  display: flex;
flex-direction: column; 
}.pro-lis > div {
  width: auto;
  height: auto;
}
    .product-center {
        width: 7.5rem !important;
        height:auto;
    }
    }