/* pc端的页面 */
@media only screen and (min-width: 480px) {
*{
    margin: 0;
    padding: 0
}
.home{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.home .figure{
    position:  relative;
    width: 100%;
    height: 521px;
    margin: 0 auto;
    overflow: hidden;
}
.home .figure .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto
    }
.home .figure .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    }
.home .figure .swiper-container .bg1{
    overflow: hidden;
    background-image: url("../images/index/bg3.png");
    background-color: #75BC46;
    background-size:100% 100%
    }
.home .figure .swiper-container .bg2{
        overflow: hidden;
        background-image: url("../images/index/bg2.png");
        background-color: #75BC46;
        background-size:100% 100%
     }
 .home .figure .swiper-container .bg3{
            overflow: hidden;
            background-image: url("../images/index/bg1.png");
            background-color: #75BC46;
            background-size:100% 100%
     }
.home .figure .swiper-container .swiper-slide  .swiper_wz{
    position: absolute;
    top:10px;
    left:20px;
}
.home .figure .swiper-container .swiper-slide .swiper_wz .slide_title{
    display: block;
    font-size: 50px;
    color: #ffffff;
    letter-spacing: -1.21px;
    line-height: 54px;
    text-shadow: 0 2px 5px rgba(0,0,0,.8);
    padding-top: 181px;
    
}
.home .swiper-wrapper .swiper-slide .slide_description{
    margin-top: 15px;
    margin-bottom: 25px;
    overflow:  hidden;
    float:  left;
}
.home .swiper-wrapper .swiper-slide .slide_description span{
    float: left;
}
.home .figure .swiper-container .swiper-slide .swiper_wz .slide_description  span{
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;    
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 2px 2px;
}
.home .buttons{
    width: 784px;
   height: auto;
   overflow: hidden;
   float: left;
   position: absolute;
   top: 323px;
   z-index: 999;

}

.home .buttons .slide_but{
    display: inline-block;
    width: 154px;
    height: 54px;
    overflow: hidden;
    border-radius: 27px;
    background-color: #f5f5f5;
    margin-right: 15px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    text-decoration: none;
}
.home .buttons .table-cen {
    float: left;
    margin-left: 25px;
}
.home .buttons .table-cen img {
	width: 152px;
}
.home .buttons .table-cen .code-text {
	font-size: 20px;
	color:#fff
}
.home .buttons .slide_but div{
    padding-top: 10px;
    padding-left: 18px;
}
.home .buttons .slide_but img{
    padding-right: 9px;
}
.home .buttons .telephone{
    width: 236px;
    float: right;
    font-size: 24px;
    color: #fff;
    line-height: 55px;
}
.home .buttons .telephone img{
    float: left;
    padding-top: 10px;
    padding-right: 10px
}
.home .buttons .telephone p{
    float: left;
}
.new_production{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 100px 0;
}
.new_production .page_width{
    width: 1050px;
    margin: 0 auto;
    background-color: #fff;
    height: 383px;
  
}

.new_production .page_width .left{  
    width: 455px;
    float: left;
}
.new_production .page_width .right{  
    float: right;
}
.new_production .page_width .left .production h1{  
    font-size: 40px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 53px;
}
.new_production .page_width .left .production p{  
    margin-top: 20px;
    font-size: 20px;
    color: #757575;
}
.new_production .page_width .left .production p span{  
    margin-right: 30px;
}
.new_production .page_width .left .service{  
    margin-top: 60px;
}
.new_production .page_width .left .service h1{  
    font-size: 40px;
    font-weight: 500;
}
.new_production .page_width .left .service p{  
    margin-top: 20px;
    font-size: 20px;
    color: #757575;
}
.new_production .page_width .left .service span{  
  margin-right: 30px
}
.new_production .page_width .left .down_code{  
    margin-top: 100px;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0px;
}
.new_production .page_width .left .down_code li{  
    display: inline-block;
    width: 180px;
    height: 48px;
    border: 1px solid #75BC46;
    border-radius: 24px;
    font-size: 18px;
    cursor: pointer;
    color: #75BC46;
    margin-right: 20px;
    line-height: 46px;
    position: relative;
}
.new_news{
      background: #F8F8F8; 
      padding: 58px 0;
      height: 670px;
}
.new_news .page_width{
    width: 1050px;
    margin: 0 auto;
}
.new_news .page_width .title{
    height: 60px;
}
.new_news .page_width .title h2{
    float: left;
    font-size: 40px;
}
.new_news .page_width .title h2 span{
    font-size: 18px;
    color: #757575;
}
.new_news .page_width .recommend{
    margin-top: 15px;
    height: 280px;
    background: #fff;
}
.new_news .page_width .recommend dl dt {
    float: left;
   
}
.new_news .page_width .recommend dl dd {
    float: right;
    width: 530px;
    margin-right: 20px;
}
.new_news .page_width .recommend dl dd.name {
    padding: 35px 0;
    font-size: 24px;
    color: #4A4A4A;
    text-decoration: none;
}
.new_news .list {
    margin-top: 40px;
}
.new_news .list dl {
    width: 326px;
    float: left;
    margin-right: 36px;
}
.new_news .list dl dt {
    width: 326px;
    height: 180px;
}
.new_news .list dl dd.name {
    margin-top: 22px;
    color: #4A4A4A;
}
.new_news .list dl dd.time {
    color: #9B9B9B;
}
.new_news .list dl.none {
    margin-right: 0;
}
.new_news .list dl {
    width: 326px;
    float: left;
    margin-right: 36px;
}
.new_footer {
    background: #272E3A;
    padding: 100px 0;
}
.new_footer .page-width {
    width: 1050px;
    margin: 0 auto;
}
.new_footer .qr-code {
     height: 180px;
     clear: both;
}

.new_footer .qr-code .p {
    width: 139px;
    background-color: rgba(146,187,163,.5);
    border-radius: 5px;
    float: left;
}
.new_footer .qr-code .p img {
    width: 112px;
    height: 112px;
    margin: 8px 11px 12px;
}
.new_footer .qr-code .code-text {
    clear: both;
    width: 100%;
    height: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    opacity: .8;
    font-weight: normal;
}
.new_footer .qr-code .none {
    margin-right: 0;
}
.new_footer .qr-code .table-cen {
    margin: 0px 128px 0 70px;
    width: 140px;
    padding: 6px;
    border-radius: 5px;
    background-color: rgba(255,255,255,.3);
    float: left;
}
.new_footer .qr-code .p2 {
    background-color: rgba(213,205,183,.5);
}
.new_footer .qr-code .p3 {
    background-color: rgba(154,197,207,.5);
}
.new_footer .qr-code .p4 {
    background-color: rgba(176,179,215,.5);
}
.clear {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
    width: 100%;
}
.new_footer .footer {
    margin-top: 50px;
    padding-left: 35px;
}
.new_footer .footer p {
    padding-right: 127px;
    line-height: 2;
    color: #999;
    font-size: 12px;
}
.new_footer .footer p span {
    display: inline-block;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
}
.new_footer .footer p a {
    color: #bbb;
    text-decoration: none;
}
.new_footer .footer .none {
    padding-right: 0;
    padding-top: 20px;
    margin-left: 55px;
    
}

}
/* 手机屏幕大小 */
@media screen and (min-width: 320px) and (max-width: 480px) {
*{
    margin: 0;
    padding: 0
}
.home{
    width: 100%;
    height: 100%;
    margin: 0 auto;
     font-size: 62.5%;
}
.home .figure{
    position: relative;
    width: 100%;
    height: 14rem;
    margin: 0 auto;
    overflow: hidden;
}
.home .figure .swiper-pagination{
       display: none;
}
.home .figure .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto
    }
.home .figure .swiper-container .swiper-slide {
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    }
.home .figure .swiper-container .bg1{
    overflow: hidden;
    background-image: url("../images/index/bg_01.png");
    background-color: #75BC46;
    background-size:100% 100%
    }
.home .figure .swiper-container .bg2{
        overflow: hidden;
        background-image: url("../images/index/bg_02.png");
        background-color: #75BC46;
        background-size:100% 100%
     }
.home .figure .swiper-container .bg3{
            overflow: hidden;
            background-image: url("../images/index/bg_03.png");
            background-color: #75BC46;
            background-size:100% 100%
     }
.home .figure .swiper-container .swiper-slide  .swiper_wz{
   position: absolute;
    top: 4rem;
    left: 1rem;
}
.home .figure .swiper-container .swiper-slide .swiper_wz .slide_title{
    display: block;
    font-size: 1.2rem;
    color: #ffffff;
    letter-spacing: -1.21px;
    /* line-height: 54px; */
    text-shadow: 0 2px 5px rgba(0,0,0,.8);
    padding-top: 0;
    
}
.home .swiper-wrapper .swiper-slide .slide_description{
    margin-top: 15px;
    margin-bottom: 25px;
    overflow:  hidden;
    float:  left;
}
.home .swiper-wrapper .swiper-slide .slide_description span{
    float: left;
}
.home .figure .swiper-container .swiper-slide .swiper_wz .slide_description  span{
    display: inline-block;
    margin-right: 1.1rem;
    font-size: 0.8rem;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 2px 2px;
}
.home .buttons{
   width: 21rem;
   height: auto;
   overflow: hidden;
   float: left;
   position: absolute;
   top: 8.2rem; 
   z-index: 999;
}
.home .buttons .slide_but{
    display: inline-block;
    width: 154px;
    height: 54px;
    overflow: hidden;
    border-radius: 27px;
    background-color: #f5f5f5;
    margin-right: 15px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    text-decoration: none;
}
.home .buttons .table-cen {
    float: left;
    margin-left: 1rem;
}
.home .buttons .table-cen img {
	width: 4.2rem;
}
.home .buttons .table-cen .code-text {
	font-size: 0.3rem;
	color:#fff
}
.home .buttons .slide_but div{
    padding-top: 10px;
    padding-left: 18px;
}
.home .buttons .slide_but img{
    padding-right: 9px;
}

.new_production{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 0.8rem 0;
}
.new_production .page_width{
    width: 21rem;
    margin: 0 auto;
    background-color: #fff;
    height: 8rem;
    overflow:hidden
  
}

.new_production .page_width .left{  
    width: 13rem;
    float: left;
}
.new_production .page_width .right{  
    float: right;
}
.new_production .page_width .right img{  
    width: 7.2rem;
    height: 5.2rem;
    margin-top: 1rem;
    overflow:hidden
}
.new_production .page_width .left .production h1{  
   font-size: 0.9rem;
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
    margin-top: 1.3rem;
}
.new_production .page_width .left .production p{  
    margin-top: 0.3rem;
    font-size: 0.2rem;
    color: #757575;
}
.new_production .page_width .left .production p span{  
    margin-right: 0.4rem;
}
.new_production .page_width .left .service{  
    margin-top: 0.3rem;
}
.new_production .page_width .left .service h1{  
    font-size: 0.2rem;
    font-weight: 300;
}
.new_production .page_width .left .service p{  
    margin-top: 0.3rem;
    font-size: 0.2rem;
    color: #757575;
}
.new_production .page_width .left .service span{  
     margin-right: 0.3rem;
}
.new_production .page_width .left .down_code{  
    margin-top: 100px;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0px;
}
.new_production .page_width .left .down_code li{  
    display: inline-block;
    width: 180px;
    height: 48px;
    border: 1px solid #75BC46;
    border-radius: 24px;
    font-size: 18px;
    cursor: pointer;
    color: #75BC46;
    margin-right: 20px;
    line-height: 46px;
    position: relative;
    overflow:hidden
}
.new_news{
      background: #F8F8F8; 
      padding: 1rem 0;
      height: 57rem;
}
.new_news .page_width{
    width: 21rem;
    margin: 0 auto;
    overflow:hidden
}
.new_news .page_width .title{
   height: 2rem;
}
.new_news .page_width .title h2{
    float: left;
    font-size: 1rem;
}
.new_news .page_width .title h2 span{
    font-size: 0.5rem;
    color: #757575;
}
.new_news .page_width .recommend{
    margin-top: 0.2rem;
    height: 7rem;
    background: #fff;
}
.new_news .page_width .recommend img{
	width:6rem;
	height:7rem
}
.new_news .page_width .recommend dl dt {
    float: left;
   
}
.new_news .page_width .recommend dl dd {
    float: right;
    width: 13rem;
    margin-right: 0rem;
}
.new_news .page_width .recommend dl dd.name {
    font-size: 1rem;
    color: #4A4A4A;
    text-decoration: none;
}
.new_news .list {
   margin-top: 3rem;
}
.new_news .list dl {
   /*  width: 326px; */
    float: left;
   margin-left: 0.6rem;
} 
.new_news .list dl dt {
   height: 12rem;

}
.new_news .list dl dd.name {
    margin-top: 1rem
    color: #4A4A4A;
}
.new_news .list dl dd.time {
    color: #9B9B9B;
}
.new_news .list dl.none {
    margin-right: 0;
}
.new_news .list dl {
    width: 326px;
    float: left;
    margin-right: 36px;
}
.new_footer {
    background: #272E3A;
    padding: 3rem 0
}
.new_footer .page-width {
    width: 21rem;
    margin: 0 auto;
}
.new_footer .qr-code {
     height: 7rem;
     clear: both;
}

.new_footer .qr-code .p {
   width: 4rem;
    background-color: rgba(146,187,163,.5);
    border-radius: 0.5rem;
    float: left;
}
.new_footer .qr-code .p img {
    width: 2rem;
    height: 2rem;
    margin: 1rem 1rem 1rem;
    
}
.new_footer .qr-code .code-text {
    clear: both;
    width: 100%;
    height: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    opacity: .8;
    font-weight: normal;
}
.new_footer .qr-code .none {
    padding-right: 3rem;
    padding-top: 8rem;
}
.new_footer .qr-code .table-cen {
    margin: 0px 1rem 0 1rem;
    width: 4rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: rgba(255,255,255,.3);
    float: left;
}
.new_footer .qr-code .p2 {
    background-color: rgba(213,205,183,.5);
}
.new_footer .qr-code .p3 {
    background-color: rgba(154,197,207,.5);
}
.new_footer .qr-code .p4 {
    background-color: rgba(176,179,215,.5);
}
.clear {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
    width: 100%;
}
.new_footer .footer {
    margin-top:2rem;
    
}
.new_footer .footer p {
    line-height: 2;
    color: #999;
    font-size: 0.3rem;
}
.new_footer .footer p span {
    display: inline-block;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
}
.new_footer .footer p a {
    color: #bbb;
    text-decoration: none;
}
.new_footer .footer .none {
    padding-right: 0;
    padding-top: 2rem;
}
}