@media (max-width: 970px){
    .friends-link,.footer,.logo,.nav,.ban,.index-about,.lx-box .lx-right,.banner-b{
        display: none;
    }
    .warp{
        width: 100%;
        max-width: none;
        padding: 0;
    }
    .media-nav{
        display: block;
    }
    .index-pro{
        margin-top: 50px;
        padding-bottom: 0;
    }
    .index-protitle h2{
        font-size: 28px;
    }
    .index-probt{
        font-size: 12px;
    }
    .index-prodbt,.index-caseul .index-caseleft,.index-caseul .index-caseright,.index-newsul ul li{
        width: 100%;
    }
    .index-caseul .index-caseright{
        padding-left: 0;
    }
    .index-prodbt a{
        width: 23%;
        margin: 0px 0.3%;
    }
    .index-prolist .index-proli,.case-ul ul li{
        width: 50%;
    }
    .index-epctitle h2,.epc-title h2{
        font-size: 20px;
    }
    .index-epctitle p{
        font-size: 12px;
        width: 88%;
        line-height: 21px;
    }
    .index-epc{
        padding: 46px 0;
    }
    .index-epc{
        background: url(../images/i-service-bg.jpg);
    }
    .index-epclist .index-epcul{
        width: 50%;
    }
    .epc-title p{
        font-size: 12px;
        padding: 0 15px;
    }
    .epc-list-ll ul li{
        margin-bottom: 30px;
        width: 100%;
    }
    .index-case{
        padding: 25px 15px;
    }
    .index-video-txt{
        width: 95%;
        font-size: 14px;
        line-height: 26px;
    }
    .index-news,.about-lc{
        padding-right: 15px;
        padding-left: 15px;
    }
    .index-newsimg{
        width: 24%;
    }
    .index-newstxt{
        width: 67%;
    }
    .index-newsul ul li{
        margin-bottom: 40px;
    }
    .media-foot{
        display: block;
    }
    .video-ul .tabs_default .horizontal li {
        display: block;
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }
    .n-box li,.epc-left,.epc-right,.epc-max-box .epc-max-left,.epc-max-box .epc-max-right,.epc-case-ul .epc-case-li,.about-box .about-jt
    ,.about-box .about-video,.about-rybox .about-ryleft,.lx-box .lx-left,.product-info .lf-info{
        width: 100%;
    }
    .about-box .about-video{
        margin-top: 30px;
    }
    .epc-right{
        padding-left: 0;
    }
    .index-newstxt h4,.about-jt .about-txt p{
        font-size: 14px;
    }
    .index-newstxt p{
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        hyphens: auto;
    }
    .epc-main,.about-ry{
        padding: 0 15px;
    }
    .epc-gt,.epc-case,.cptj,.about-td,.lx,.sxyt{
        padding-left: 15px;
        padding-right: 15px;
    }
    .index-about-title h2,.epc-max-right .epc-top h2,#issues li h1{
        font-size: 22px;
    }
    .epc-box p,.epc-max-right .epc-top p,.epc-i .epc-m .epc-t,.pro-list li dl dd a,#issues li p{
        font-size: 14px;
    }
    .epc-max{
        background: url(../images/epc2.jpg);
        padding: 90px 15px;
    }
    .epc-shfw ul li,.fourth-list.pro-list li,.about-cy ul li{
        width: 50%;
    }
    .fourth-list.pro-list li + li{
        margin-left: 0;
    }
    .fourth-list.pro-list li{
        padding: 0 15px;
        box-sizing: border-box;
    }
    .pro-list li dl dd p span{
        font-size: 12px;
    }
    .pro-list li dl dd p{
        width: auto;
        height: 72px;
    }
    #dates{
        margin-left: 0!important;
    }
    #dates .selected{
        font-size: 18px;
    }
    #dates li{
        width: 66px;
        font-size: 12px;
    }
    #issues li img{
        width: 20%;
    }
    .about-sh{
        margin: 0;
    }
    .about-cyul {
        margin: 0 12px;
    }
    .about-fw ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .about-rybox .about-ryright{
        width: 50%;
    }
    .about-ry{
        margin-bottom: 80px;
    }
    .lx-box .lx-left{
        padding-left: 0;
    }
    .about-rybox{
        padding-top: 0;
    }
    .about-ryleft .about-rylist span{
        width: 35%;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .product-info{
        margin-top: 0;
    }
    .product-info .lf-info{
        float: none;
    }
    .product-info .rt-img{
        padding-right: 0;
        float: none;
        width: 90%;
        margin: 15px auto 0;
    }
    .yl-info-left,.yl-info-right,.sp-list .sp-left,.sp-list .sp-right{
        width: 100%;
        float: none;
    }
    .yl-info-left{
        padding-right: 0;
    }
    .yl-info-right{
        padding-left: 0;
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .sp-left,.sp-list .sp-right{
        margin-bottom: 50px;
    }
}
@media (max-width: 480px){
    .index-prodbt a{
        width: 48%;
        margin-bottom: 10px;
    }
    .index-prolist .index-proli,.index-epclist .index-epcul,.case-ul ul li{
        width: 100%;
    }
    .index-epctitle h2, .epc-title h2{
        font-size: 17px;
    }
    .epc-box .epc-x{
        font-size: 19px;
    }
    .epc-box .epc-s{
        height: 104px;
        font-size: 12px;
        line-height: 22px;
    }
    .index-caseright ul li a{
        font-size: 14px;
    }
    .index-caseright ul li p{
        font-size: 12px;
    }
    .index-newsimg,.index-newstxt:after{
        display: none;
    }
    .index-newstxt{
        width: 89%;
        overflow: hidden;
        padding: 15px;
        margin-left: 0;
    }
    .index-newsul ul li {
        margin-bottom: 28px;
    }
    .about-jj {
        margin: 35px 15px;
    }
    #issues li img {
        width: 15%;
        float: none;
        margin: 10px 30px 10px 11px
    }
    #issues li h1{
        margin: 3px 0;
    }
    .index-newsbg span:before,.index-probt span:before {
        right: 94px;
    }
    .index-newsbg span:after,.index-probt span:after {
        left: 94px;
    }
    .index-probt span:before{
        width: 43px;
    }
    .about-cy ul li{
        width: 100%;
    }
    .about-cyul .about-cyjj, .about-fwtxt p,.epc-box p{
        font-size: 12px;
    }
    .about-fwtxt{
        padding: 35px 40px;
    }
    .about-fwtxt h2{
        font-size: 19px;
    }
    .about-fwtxt h2 span{
        font-size: 24px;
    }
    .about-ryleft .about-rylist {
        margin-bottom: 12px;
    }
    .about-ryleft .about-rylist span{
        margin: 0 9px;
        padding: 8px 0;
    }
    .about-rybox .about-ryright p{
        margin: 0 10px;
    }
    .case-li .case-img {
        padding: 46px 0 20px;
    }
    .epc-rx {
        width: 100%;
         margin-top: 0;
    }
    .epc-right{
        padding-top: 28px;
    }
    .epc-max{
        margin-top: 35px;
        padding: 60px 15px;
    }
    .epc-max-right .epc-top h2{
        font-size: 14px;
        padding: 6px 10px;
    }
    .epc-bottom .epc-i{
        width: 50%;
    }
    .epc-i .epc-m{
        padding: 0;
    }
    .epc-i .epc-m .epc-t{
        font-size: 12px;
    }
    .epc-gt {
        padding: 47px 0;
    }
    .epc-shfw ul li,.fourth-list.pro-list li,.video-ul .tabs_default .horizontal li{
        width: 100%;
    }
    .epc-shfw ul li i img{
        width: 50%;
        height: auto;
    }
    .epc-shfw ul li .epc-list,.epc-case-ul .epc-case-li .epc-case-video{
        margin: 0;
    }
    .epc-list h4{
        font-size: 14px;
        padding: 9px 0;
    }
    .epc-list p{
        font-size: 12px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .fourth-list.pro-list li{
        padding: 0;
    }
    .epc-list-ll ul li .epc-box{
        padding: 27px 10px;
    }
    .yl-info {
        padding-top: 29px;
    }
    .yl-title h2 {
        font-size: 23px;
    }
    .yl-info-left .gzyl .gzyl-t,.yl-one{
        padding-top: 0;
        font-size: 13px;
        line-height: 26px;
    }
    .yl-two {
        padding-top: 23px;
    }
    .lc,.lc-img{
        padding-top: 0;
    }
    .lc-img img{
        width: 100%;
    }
    .sp, .sp-list {
        padding-top: 20px;
    }
    .contact-title h2{
        font-size: 16px;
    }
    .con-txt {
        padding: 0 11px;
    }
    .index-newsul{
        margin: 0 10px
    }
    .index-newstxt{
        position: static;
        margin-left: 0;
        float: none;
    }
    .index-newstxt p{
        margin-bottom: 10px;
        overflow: hidden;
    }
    .sxyt{
        padding: 0;
    }
    .product-info .lf-info{
        padding: 0 15px;
    }
    .product-info .lf-info h1{
        font-size: 19px;
        line-height: normal;
        height: auto;
    }
    .product-info{
        padding-top: 30px;
    }
    .product-info .lf-info p.des{
        font-size: 14px;
        color: #676666;
        letter-spacing: 0;
    }
    .product-info .lf-info p.type{
        font-size: 14px;
        padding-left: 29px;
        height: 22px;
        line-height: 22px;
    }
    .product-info .lf-info p.type strong{
        font-size: 17px;
    }
    .product-info .lf-info h2{
        font-size: 19px;
    }
    .product-info .lf-info .xh-list li{
        width: 22%;
        height: 66px;
    }
    .product-info .lf-info .xh-list li:after{
        width: 56px;
        left: 88%;
    }
    .product-info .lf-info .xh-list li p{
        font-size: 12px;
    }
    .product-info .lf-info .xh-list li + li {
        margin-left: 12px;
    }
    .product-info .lf-info .yd-list li{
        font-size: 14px;
    }
    .product-info{
        margin-bottom: 0;
    }
    .yl-info{
        padding: 29px 15px 0 15px;
    }
    .yl-sm p{
        font-size: 13px;
    }
    .n-box li{
        margin-bottom: 6px;
    }
    .n-txt {
        margin-top: 18px;
    }
	.media-foot{
        display: block;
    }
	.con-txt img{
		width:100%!important;
	    height:auto!important;
	}
	.con-txt video{
		width:100%!important;
	    height:auto!important;
	}
}