.ani{

  -webkit-transition: all 0.4s;

              transition: all 0.4s;

}

@media (min-width:320px){

  .ban{width: 100%;margin-top: 1rem;}

  .ban .pc{display: none;}

  .ban .icon{

    display: block;

    width: 0.35rem;

    cursor: pointer;

    position: absolute;

    left: calc(50% - (0.35rem / 2 ));

    bottom: 0.3rem;

  }

  .about {

    padding:0 0.3rem 0.4rem;

    border-bottom: 0.2rem solid #f2f2f2;

  }

  .about .title,

  .honor .title,

  .speech .title{

    font-size: 0.28rem;

    color: #333;

    line-height: 1;

    padding: 0.37rem 0 0.3rem;

    border-bottom: 1px solid #CCCCCC;

  }

  .about .video-box{

    margin: 0.3rem 0;

  }

  .about .video-box .icon{

    display: block;

    width: 0.6rem;

    position: absolute;

    cursor: pointer;

    left: calc(50% - 0.3rem);

    top: calc(50% - 0.3rem);

    z-index: 2;

  }

  .about .left .tit,

  .about .left .en,

  .honor .en{display: none;}

  .about .left .detaile{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.6

  }

  .honor{

    border-bottom: 0.2rem solid #f2f2f2;

  }

  .honor .title{

    width: 92%;

    margin: 0 auto;

  }

  .honor .list{

    margin: 0.3rem 0 0.5rem;

  }

  .honor .list .swiper-container{

    padding:0 4%;

  }

  .honor .swiper-slide{

    width: 3.24rem;

    height: 4.28rem;

    box-sizing:border-box;

    padding: 0.15rem;

    border:1px solid #ececec;

    

  }

  .honor .swiper-button-prev,

  .honor .swiper-button-next,

  .industry .list .box .tit,

  .industry .list .box .en,

  .application .mian .box .en{display: none;}

  .speech{

    padding: 0 0.3rem 0.5rem;

  }

  .speech .en{display: none;}

  .speech .detaile{

    font-size: 0.24rem;

    line-height: 1.65;

    color: #666;

    padding: 0.25rem 0;

  }

  .tip-bg{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.6);

    z-index: 51;

    display: none;

  }

  .video-boxs{

    position: relative;

    /*left: 0;

    top: 0;

    width: 100%;

    height: 100%;*/

    z-index: 52;

    display: none;

  }

  .video-boxs .icon{

    display: block;

    width: 0.37rem;

    position: fixed;

    right: 0.3rem;

    top: 0.4rem;

    z-index: 53;

    cursor: pointer;

  }

  .video-boxs video{

    display: block;

    width: 100%;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

  }

  .inside-nav{

    padding: 1rem 0.3rem 0;

    border-bottom: 0.2rem solid #f2f2f2;

  }

  .inside-nav li:first-child{border:0;}

  .inside-nav li{

    border-top: 1px solid #DDDDDD;

    padding: 0.4rem 0;

  }

  .inside-nav li .title{line-height: 1}

  .inside-nav li .title a{

    font-size: 0.2rem;

    color: #333;

    line-height: 1;

  }

  .inside-nav li .child{

    font-size: 0.2rem;

    line-height: 1;

    height:0.5rem;

    overflow: hidden;

    margin-bottom: 0.2rem;

  }

  .inside-nav li .child a{

    color: #666;

    display: inline-block;

    margin:0.2rem 0.3rem 0 0;

  }

  .inside-nav li .child a.on{

    color:#459Dc3;

  }

  .inside-nav li .btn,

  .inside-nav li .btn a{

    font-size: 0.26rem;

    line-height: 1;

  }

  .inside-nav li .btn a{

    color:#459Dc3;

    cursor: pointer;

    text-decoration: underline;

  }

  .industry{

    padding: 0 0.3rem 1rem;

  }

  .industry .navs{

    position: relative;

    z-index: 10

  }

  .industry .navs .left-nav{

    width: 2rem;

    position: relative;

    z-index: 5;

  }

  .industry .navs .left-navs{display: none;}

  .industry .navs .childs{

    position: absolute;

    left: 0px;

    top: calc(0.86rem + 1px);

    /*top: 0;*/

    background-color: #fff;

    box-shadow: 0 3px 3px 1px rgba(0,0,0,0.1);

    width: 100%;

    /*text-align: center;*/

    display: none;

  }

  .industry .navs .childs p{

    display: block;

    height: 0.75rem;

    line-height: 0.75rem;

    font-size: 0.26rem;

    color: #666;

    padding: 0 0.3rem;

    background-color: #fff;

    box-sizing:border-box;

    border-bottom: 1px solid #f5f5f5

  }

  .industry .navs .childs p.on{

    background-color: #459Dc3;

    color: #fff;

  }

  .industry .navs #navigation{

    width: calc(100% - 2rem);

    box-sizing:border-box;

  }

  .industry #navigation .swiper-slide{

    width: auto;

    min-width: 2rem;

    height: 0.9rem;

    line-height: 0.9rem;

    text-align: center;

    font-size: 0.28rem;

    color: #666;

    border:1px solid #eee;

    margin-right: -1px;

  }

  .industry .navs .left-nav .tit{

    border-right: 0;

    box-sizing: border-box;

    text-align: left;

    width: 100%;

    height: 0.9rem;

    background: url(../img/1111.png) left center/0.45rem no-repeat;

  }

  .industry .navs .left-nav .tit.on{

    background: url(../img/2222.png) left center/0.45rem no-repeat;

  }

  .industry #navigation .swiper-slide span{

    display: block;

    padding: 0 0.25rem;

    -webkit-transition: all 0.4s;

              transition: all 0.4s;

    cursor: pointer;

  }

  .industry #navigation .swiper-slide.on span{

    background-color: #499cc6;

    color: #fff !important;

  }

  .industry .list li{

    padding: 0.3rem 0;

    border-bottom: 1px solid #eee

  }

  .industry .list li:last-child{

    border-bottom: 0

  }

  .industry .list .box{

    padding-top: 0.2rem;

  }

  .industry .list .box .detaile{

    font-size: 0.24rem;

    color: #666;

    line-height: 1.6;

  }



  .industry .list .box .detaile li{

    border:0 !important;

    padding: 0 !important;

    max-width: 100%;

  }

  .industry .list .box .detaile a{

    color: #666;

  }

  .industry .list .box .btn{

    font-size: 0.24rem;

    line-height: 0.4rem;

    margin-top: 0.35rem;

  }

  .industry .list .box .btn a{

    color: #999;

    display: inline-block;

    padding-right: 0.35rem;

    background: url(../img/img22.png) right center/0.23rem no-repeat;

  }

  .application li{

    padding-bottom: 0.3rem;

    border-bottom:0.2rem solid #f2f2f2;

  }

  .application .mian .box{

    padding: 0.35rem 0.3rem 0;

  }

  .application .mian .box .tit{

    font-size: 0.3rem;

    color: #111;

    line-height: 1;

    margin-bottom: 0.2rem;

  }

  .application .mian .box .tit a{color: #333;}

  .application .mian .detaile a{color: #666;}

  .application .mian .detaile{

    font-size: 0.26rem;

    color: #666;

    line-height: 1.6;

  }

  .application .mian .mtit{

    font-size: 0.3rem;

    color: #111;

    line-height: 1;

    padding: 0.25rem 0 0.1rem;

    margin-top: 0.25rem;

    border-top:  1px solid #DDDDDD;

  }

  .application .mian .line{

    font-size: 0.26rem;

    color: #666;

    line-height: 1;

  }

  .application .mian .line a{

    margin:0.1rem 0.25rem  0 0;

    color: #666;

    display: inline-block;

  }

  .equipment{

    padding: 0 0.3rem 0.35rem;

    border-bottom:0.2rem solid #f2f2f2;

  }

  .equipment .left .titles{

    display: none;

  }

  .equipment .left .swiper-slide .tts{

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 5;

    background-color: rgba(0,0,0,0.6);

    height: 0.8rem;

    line-height: 0.8rem;

    padding: 0 0.3rem;

    box-sizing:border-box;

    width: 100%;

    color: #fff;

    font-size: 0.28rem;

  }

  .equipment .title{

    font-size: 0.28rem;

    color: #333;

    line-height: 1;

    padding: 0.3rem 0;

  }

  .equipment .swiper-pagination{font-size: 0;bottom: 15px}

  .equipment .swiper-pagination .swiper-pagination-bullet{

    width: 0.2rem;

    height: 0.2rem;

    opacity: 0.4;

    background-color: #fff;

  }

  .equipment .swiper-pagination .swiper-pagination-bullet-active{

    opacity: 1

  }

  .equipment .right{

    margin-top: 0.2rem;

  }

  .equipment .right .img{

    width: calc(( 100% - 0.2rem) / 2);

    height: 2rem;

    float: left;

  }

  .equipment .right .img:first-child{margin-right: 0.2rem;}

  .downArea{padding:0.3rem 0;}

  .downArea .left,

  .downArea .right{padding: 0 0.3rem;}

  .downArea .left{

    width: 92%;

    margin: 0 auto;

  }

  .downArea .left .img{

    height: 5.6rem;

  }

  .downArea .left .title,

  .downArea .right .title{

    font-size: 0.24rem;

    height: 0.9rem;

    line-height: 0.9rem;

    position: absolute;

    left: 4%;

    bottom: 0;

    width: 92%;

    background-color: rgba(0,0,0,0.6);

  }

  .downArea .left .title a,

  .downArea .right .title a{

    color: #fff;

    padding-left: 0.55rem;

    display: inline-block;

    background: url(../img/img24.png) left center no-repeat;

    margin-left: 0.3rem;

  }

  .downArea .right{

    padding-top: 0.3rem;

    /*border-top: 0.2rem solid #f2f2f2;*/

  } 

  

  /*社会责任css↓*/

  .navigation{

    width: 100%;

    height:1rem;

    line-height: 1rem;

  }

  .navigation .swiper-container{

    font-size: 0.28rem;

    color: #777;

  }

  .navigation .swiper-container .swiper-slide{

    padding: 0 0.3rem;

    width: auto;

    position: relative;

  }

  .navigation .swiper-container .swiper-slide:before{

    display: block;

    width: 0.4rem;

    background-color: #fff;

    height: 0.03rem;

    content: '';

    position: absolute;

    left: calc(50% - 0.2rem);

    bottom: 1px;

  }

  

  .navigation .swiper-container .swiper-slide.on{color: #459DC3}

  .navigation .swiper-container .swiper-slide.on:before{

    background-color: #459DC3;

  }

  .social{margin-bottom: 0.5rem;}

  .social li{

    padding: 0.3rem 0.2rem;

    border-top: 0.2rem solid #f2f2f2;

  }

  .social li .pic{

    width: 2.7rem;

    float: left;

  }

  .social li .box{

    width:calc(100% - 3.1rem);

    float: right;

  }

  .social li .box .title{

    color: #333;

    font-size: 0.28rem;

    line-height: 1;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    padding: 0.25rem 0 0.3rem;

  }

  .social li .box .detaile{

    font-size: 0.24rem;

    color: #888;

    line-height: 1.6;

    max-height: 1.15rem;

    overflow: hidden;

  }



}

@media (min-width:768px){

  .ban{

    margin-top: 80px;

  }

  .about,

  .honor{

    border-bottom: 15px solid #f2f2f2;

  }

  .about .title,

  .honor .title,

  .speech .title{

    font-size: 20px;

    padding: 35px 0 25px;

  }

  .about .video-box {

    margin: 20px 0;

  }

  .about .video-box .icon{

    width: 60px;

    left: calc(50% - 30px);

    top: calc(50% - 30px);

  }

  .about .left .detaile,

  .speech .left .detaile {

    font-size: 14px;

  }

  .honor .swiper-slide{

    width: 215px;

    height: 280px;

    padding: 8px;

  }

  .speech .detaile{padding: 20px 0;}

  .video-boxs .icon{width: 37px;}

  .video-boxs video{

    width: 900px;

    max-width: 92%;

  }

  .inside-nav{

    padding: 80px 0.3rem 0;

    border-bottom: 15px solid #f2f2f2;

  }

  .inside-nav li {

    padding: 30px 0;

  }

  .inside-nav li .child {

    font-size: 14px;

    height: 26px;

    margin-bottom: 20px;

  }

  .inside-nav li .title{margin-bottom: 10px;}

  .inside-nav li .title a{

    font-size: 22px;

  }

  .inside-nav li .child a {

    margin: 10px 30px 0 0;

  }

  .inside-nav li .btn, .inside-nav li .btn a {

    font-size: 14px;

  }

  .industry {

    padding: 0 0.3rem 60px;

  }

  .industry .navigation .title {

    height: 60px;

    line-height: 65px;

    font-size: 18px;

    background: url(../img/img21.png) right center/8px no-repeat;

  }

  .industry .navigation .child {

    width: 300px;

    max-height: 300px;

  }

  .industry .navigation .child li {

    padding: 0 30px;

    font-size: 15px;

    height: 50px;

    line-height: 50px;

  }

  .industry .list li {padding: 20px 0;}

  .industry .list .box .detaile {

    font-size: 14px;

    line-height: 1.7;

  }

  .industry .list .box .btn {

    font-size: 16px;

    line-height: 30px;

    margin-top: 20px;

  }

  .industry .list .box .btn a {

    padding-right: 30px;

    background: url(../img/img22.png) right center/17px no-repeat;

  }



  .industry .navs .left-nav{width: 130px;}

/*  .industry .navs .childs {

    top: 51px;

  }*/

  .industry .navs .childs p {

    height: 45px;

    line-height: 45px;

    font-size: 14px;

    padding: 0 20px;

  }

  .industry .navs .left-nav .tit{

    padding: 0 20px;

  }

  .industry #navigation .swiper-slide,

  .industry .navs .left-nav,

  .industry .navs .left-nav .tit{

    min-width: 130px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

  }

  .industry .navs .left-nav .tit{

    background: url(../img/2222.png) left center/30px no-repeat;

  }

  .industry .navs .left-nav .tit.on{

    background: url(../img/1111.png) left center/30px no-repeat;

  }

  .industry .navs #navigation{

    width: calc(100% - 130px)

  }

  .industry #navigation .swiper-slide span {

    padding: 0 30px;

  }

  .equipment .left .swiper-slide .tts{

    height: 60px;

    line-height: 60px;

    font-size: 18px;

  }

  .application .mian .box .tit {

    font-size: 26px;

    margin-bottom: 20px;

  }

  .application .mian .mtit {

    font-size: 16px;

  }

  .application .mian .detaile,

  .application .mian .line {

    font-size: 14px;

  }

  .equipment .title {

    font-size: 18px;

  }

  .equipment .swiper-pagination{bottom: 25px}

  .equipment .swiper-pagination .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

  }

  .downArea .left .title, .downArea .right .title {

    font-size: 14px;

    height: 60px;

    line-height: 60px;

  }

  .downArea .left .title a, .downArea .right .title a {

    padding-left: 30px;

  }

  .downArea .right{

    /*border-top:15px solid #f2f2f2;*/

  }

  .navigation {

    height: 66px;

    line-height: 66px;

    height: 66px;

    line-height: 66px;

    padding: 0 4%;

    box-sizing:border-box;

  }

  .navigation .swiper-container {

    font-size: 16px;

  }

  .navigation .swiper-container .swiper-slide {

    padding: 0 3%;

  }

  .navigation .swiper-container .swiper-slide:before{

    height: 3px;

    width: 40px;

    left: calc(50% - 20px);

  }

  .social li {

    padding: 25px 4%;

    border-top: 15px solid #f2f2f2;

  }

  .social li .box .detaile {

    font-size: 14px;

    color: #888;

    line-height: 1.6;

    max-height: 110px;

  }

  .social li .box .title {

    font-size: 24px;

    padding: 15px 0 20px;

  }

  .industry .navs .childs{

    top: 50px;

  }



}

@media (min-width:992px){

  .ban{margin-top: 80px}

  .ban .pc{display: block;}

  .ban .model,.about .title{display: none;}

  .ban .icon {

    width: 35px;

    left: calc(50% - (35px / 2 ));

    bottom: 3.85vw;

  }

  .about{

    padding: 0;

    background-color: #f3f3f3;

    border-bottom: 0

  }

  .about .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    padding: 6.2vw 0;

  }

  .about .left{

    width: 35.5%;

    float: left;

    padding-top: 20px;

  }

  .about .left .tit{

    font-size: 26px;

    line-height: 1;

    color: #000;

    display: block;

  }

  .about .left .en,

  .honor .en,

  .speech .en,

  .application .mian .box .en{

    font-size: 24px;

    color: #b4b4b4;

    line-height: 1;

    display: block;

    font-family: arial;

    margin: 1.2vw 0 2.4vw;

  }

  .about .left .detaile,

  .speech .left .detaile,

  .industry .list .box .detaile,

  .application .mian .box .detaile{line-height: 2.2vw;}

  .about .video-box{

    float: right;

    width: 60.5%;

    max-width: 725px;

    margin: 0

  }

  .honor{

    border-bottom: 0;

    padding: 5vw 0 9.25vw;

    background: url(../img/img11.jpg) center bottom/contain no-repeat;

  }

  .honor .title{

    padding: 0;

    font-size: 26px;

    color: #000033;

    text-align: center;

    line-height: 1;

    border-bottom: 0;

  }

  .honor .en{

    text-align: center;

    margin: 1.2vw 0 3.8vw;

  }

  .honor .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .honor .list{

     margin: 0; 

  }

  .honor .list .swiper-container{

    padding: 0

  }

  .honor .swiper-slide{

    height: 21vw;

  }

  .honor .next,

  .honor .prev{

    display: block;

    width: 30px;

    cursor: pointer;

    height: 40px;

    position: absolute;

    top: calc(50% - 20px);

    z-index: 20;

    -webkit-transition: all 0.4s;

              transition: all 0.4s;

  }

  .honor .next{

    right: -30px;

    background: url(../img/img19.png) center no-repeat;

  } 

  .honor .prev{

    left: -30px;

    background: url(../img/img20.png) center no-repeat;

  }

  .speech{

    background-color: #f3f3f3;

    padding: 6.2vw 0 6.9vw;

  }

  .speech .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .speech .mian .right{

    width: 53.5%;

    float: left;

    max-width: 640px;

  }

  .speech .mian .left{

    width: 42.5%;

    float: right;

    padding-top: 5px;

  }

  .speech .title{

    font-size: 26px;

    color: #000;

    line-height: 1;

    padding: 0;

    border-bottom: 0

  }

  .speech .left .detaile{

    padding: 0

  }

  .industry {

    padding: 0;

  }

  .inside-nav{

    padding: 80px 0.3rem 30px;

    border-bottom: 1px solid #f2f2f2;

  }

  .industry .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

    padding: 0 0 6.1vw;

  }

  .industry #navigation .swiper-slide,

  .industry .navs .left-nav .tit,

  .industry .navs .left-nav{

    border-top: 0;

    width: 170px;

  }

  .industry .navs #navigation{

    width: calc(100% - 170px);

    height: 51px;

  }

  .industry #navigation .swiper-slide:last-child{

    border-right: 2px solid #f2f2f2;

  }

  .industry .list{

    margin: 85px auto 100px;

    border-top: 1px solid #e6e3e3;

    border-bottom: 1px solid #e6e3e3 !important;

  }

  .industry .list li{

    padding: 50px 0;

    border-bottom: 0;

    /*margin-top: 50px;*/

    /*border-top: 1px solid #e6e3e3;*/

    border-bottom: 0px solid #e6e3e3 !important;

    width: 1200px;

    margin: 0px auto;

    max-width: 92%;

  }

  .industry .list li .box{

    width: 34.5%;

    position: absolute;

    left: 0;

    top:0;

    height: 100%;

    padding-top: 0

  }

  .industry .list li .box .min-box{

    position: relative;

    top: 50%;

    left: 0;

    width: 100%;

    transform: translateY(-50%);

  }

  .industry .list li .box .tit,

  .industry .list li .box .en{

    display: block;

  }

  .industry .list li .box .tit{

    font-size: 26px;

    color: #000;

    line-height: 1;

    margin-bottom: 2.4vw;

  }

  .industry .list li .box .en{

    font-size: 24px;

    color: #b4b4b4;

    line-height: 1;

    font-family: arial;

    margin: 1.2vw 0 2.4vw;

  }

  .industry .list li .pic{

    width: 50%;

    float: right;

  }

  .industry .list .box .btn{

    line-height: 20px;

    margin-top: 3.1vw;

  }

  .application{

    background-color: #f3f3f3;

    padding: 50px 0 40px;

  }

  .application li{

    border-top: 1px solid #e0e0e0;

  }

  .application li .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .application li .pic{

    width: 50%;

    float: right;

  }

  .application .mian .box{

    width: 41.5%;

    float: left;

    padding: 0;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

  }

  .application li:nth-child(even) .pic{

    float: left;

  }

  .application li:nth-child(even) .mian .box{

    left: auto;

    right: 0;

  }

  .application .mian .box .min-box{

    position: relative;

    top: 50%;

    transform: translateY(-50%);

  }

/*  .application .mian .box .tit{

    margin-bottom: 0;

  }*/

  .application .mian .mtit{

    border-top: 0;

    padding: 0;

    margin: 3.1vw 0 5px;

  }

  .application .mian .line a {

    margin: 10px 20px 0 0;

  }

  .application li {

    padding-bottom: 0;

    border-bottom: 0;

  }

  .equipment{

    padding: 0;

    border-bottom:0;

    width: 1200px;

    max-width: 92%;

    margin: 5vw auto 7vw; 

  }

  .equipment .left{

    width: calc(67.5% - 13px);

    float: left;

  }

  .equipment .left .titles{

    width: 100%;

    position: absolute;

    bottom: 0;

    display: block;

    left: 0;

    height: 76px;

    z-index: 10;

    line-height: 76px;

    background-color: rgba(0,0,0,0.6);

  }

  .equipment .left .titles div{

    font-size: 16px;

    color: #fff;

    padding:0 0 0 30px;

    width:75%;

    box-sizing:border-box;

    z-index: 10;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

  }

  .equipment .swiper-pagination {

    bottom: 23px;

    text-align: right;

    padding-right: 30px;

    box-sizing: border-box;

  }

  .equipment .left .swiper-slide .tts{

    padding: 0 30px;

  }

  .equipment .right{

    width: 32.5%;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    margin-top: 0;

  }

  .equipment .right .img{

    width: 100%;

    height: calc((100% - 9px) / 2)

  }

  .equipment .right .img:first-child{

    margin: 0 0 9px 0;

  }

  .downArea{

    width: 1200px;

    max-width: 92%;

    padding: 0;

    margin: 0 auto 7.3vw;

  }

  .downArea .right{

    padding: 0;

    border-top: 0;

    width: 32.5%;

    float: right;

  }

  .downArea .left{

    padding: 0;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: calc(67.5% - 13px);

  }

  .downArea .left .img{

    height: 100%;

  }

  .downArea .left .title, 

  .downArea .right .title{

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.6);

    z-index: 5;

    width: 100%;

    height: 60px;

    line-height: 60px;

    padding: 0 30px;

    box-sizing:border-box;

    text-align: right;

  }

  .downArea .left .title a, 

  .downArea .right .title a{

    color: #fff;

  }

  .navigation{

    border-bottom:1px solid #f2f2f2;

  }

  .social{

    margin: 6.15vw 0;

  }

  .social li{

    padding: 3.85vw 0;

    border-top: 0;

    width: 1660px;

    max-width: 92%;

    margin: 0 auto;

  }

  .social li:nth-child(odd){

    background-color: #f5f5f5

  }

  .social li .mian{

    width: 1200px;

    max-width: 92%;

    margin: 0 auto;

  }

  .social li .mian .pic{

    float: left;

    width:33%;

    max-width: 395px;

  }

  .social li .mian .box{

    width: 62.5%;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

  }

  .social li .mian .mbox{

    position: relative;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

  }

  .social li .box .title{

    padding:0px 0 23px;

  }





}

@media (min-width:1025px){

  .ban{margin-top: 0px}

  .inside-nav{display: none;}

  .industry{

    margin: 180px auto 0;

    border-top: 1px solid #eee;

  }

  .industry .navs .left-nav{

    display: none;

  }

  .industry .navs .left-navs{

    width: 170px;

    height: 58px;

    line-height: 58px;

    display: block;

    font-size: 16px;

    color: #333;

    font-weight: bold;

    position: relative;

    right: -1px;

  }

  .industry .navs .left-navs p{

    height: 58px;

    line-height: 58px;

    padding-left: 20px;

    box-sizing:border-box;

    border: 1px solid #eee;

    margin-top: -1px;

    cursor: pointer;

    background-color: #fff;

  }

  .industry .navs .left-navs p.on{

    /*background-color:#499cc6;*/

    background:#499cc6 url(../img/rb-arr.png) 89% center no-repeat;

    color: #fff !important;

  }

  .industry .navs .left-navs p:hover{

    color: #499cc6;

  }

  .industry .navs #navigation{

    height: 58px;

  }

  .industry #navigation .swiper-slide{

    height: 56px;

    line-height: 56px;

  }

  /*.application .mian .line a:hover*/

  .industry #navigation .swiper-slide:hover span{

    color: #499cc6

  }

  .industry .list .box .btn:hover a{

    background: url(../img/img23.png) right center/17px no-repeat;

  }

 /* .industry .list{

    margin: 10vw auto 100px;

  }*/

  .application{

    padding: calc(85px + 9.2vw) 0 80px;

  }

  .downArea .left .title a:hover, 

  .downArea .right .title a:hover{

    background: url(../img/img25.png) left center no-repeat;

  }

  .navigation{display: none;}

  .social {

    margin: 50px 0;

  }

  .social li .box .detaile {

    line-height: 1.8;

    max-height: 125px;

  }

}

@media (min-width:1100px){

  

}

@media (min-width:1200px){

  .social li .box .detaile{max-height: none;line-height: 1.9}

}

@media (min-width:1300px){

  .about .mian{

    padding: 80px 0;

  }

  .industry .list li .box .tit{

  	margin-bottom: 30px;

  }

  .about .left .en,.speech .en,

  .industry .list li .box .en,

  .application .mian .box .en{

    margin: 15px 0 30px;

  }

  .about .left .detaile,

  .speech .left .detaile,

  .industry .list .box .detaile,

  .application .mian .box .detaile,

  .social li .box .detaile{line-height: 2;}

  .honor{

    padding: 65px 0 120px;

  }

  .honor .en{margin: 15px 0 50px;}

  .honor .swiper-slide{height: 280px;}

  .honor .next {right: -40px;}

  .honor .prev {left: -40px;}

  .speech{

    padding: 80px 0 90px;

  }

  .ban .icon {bottom:50px;}

  .industry .mian{padding: 0 0 85px;}

  .industry .list .box .btn,

  .application .mian .mtit{margin-top: 40px;}

  .application{padding: 205px 0 80px;}

  .equipment{margin: 65px auto 90px;}

  .downArea{margin: 0 auto 95px;}

  .social{margin: 80px 0;}

  .social li{padding:50px 0;}



}

@media (min-width:1400px){

  .honor .next {right: -65px;}

  .honor .prev {left: -65px;}

}