@media screen and (max-width: 767px){

    .traffic .traffic-box .traffic-map{
        width: 100%;
    }
    .traffic .traffic-box .traffic-text{
        width: 100%;
        float: left;
    }


    /*关联产品 product*/
    .product {
        height: 90%;

    }
    .product .product-map ul li{     
        width:50%;
        margin-top: 10%;
    }
    .case_map{width: 100%; }
    .case .case_map ul{
        text-align: center;
        padding-left: 0;
    }
   /* .case .case_map ul li img{
        width: 100%;
    }*/
    .case .case_map ul li {
        float: none;
       /* padding-right: 10%;*/
        width: 100%;
        margin-left: 0;
    }
	.product .product-map ul li .relation_map .text{
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height:2.6rem;
	}
div.service_top{display:block;}
#mp4{display:block;}
#mp4 .m_left{width:100%;position:relative;}
#mp4 .m_left .ctrl{position:absolute;top:0;left:0;width:100%;}
#mp4 .m_left .ctrl img{position:absolute;top:40px;left:47%;transform:translate(-40%,90%);display:block}
#mp4 .m_left .ad{width:100%;position:absolute;top:0;left:0;}
#mp4 .container{padding:0}

}

@media screen and (max-width: 991px) and (min-width: 768px){
    .traffic .traffic-box .traffic-text .text-box{
        padding: 30px 0 0 45px;
    }
    .traffic .traffic-box .traffic-text .text-box .top{
        font-size: 18px;
        color: rgb(51, 51, 51);
        line-height: 1;

    }
    .traffic .traffic-box .traffic-text .text-box .top em{
        background: url("../images/sanjiao.png") no-repeat;
        width: 23px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    .traffic .traffic-box .traffic-text .text-box .content,.traffic .traffic-box .traffic-text .text-box .buttom{
        width: 85%;
        height: 15%;
        font-size: 1rem;
        color: rgb(102, 102, 102);
        line-height: 2;
    }
    .traffic .traffic-box .traffic-text .text-box .actives{
        padding: 10px 0;
    }
/*关联产品*/
    .product{
        background: #F4F4F4;
        width: 100%;
        height: 600px;
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .product .title{
        text-align: center;
        font-size: 22px;
        color: rgb(51, 51, 51);
        font-weight: bold;
        line-height: 1.2;
        padding: 35px;

    }
    .product .relation ul{
       /* padding-left: 50px;*/
        text-align: center;
    }
    .product .relation ul li{
        padding-left: 0;
        width: 24%;
    }
    .product .relation ul li .relation_map{
        width: 100%;
    }
    .product .relation ul li .relation_map img{
        width: 85%;
    }
    .product .relation ul li .relation_map p{
        width: 100%;
        font-size: 2rem;
        color: rgb(236, 105, 29);
        line-height: 1.2;
        padding:35px 0 20px 0 ;
        text-align: center;
    }
    .product .relation ul li .relation_map .text{
        width: 100%;
        font-size: 1rem;
        color: rgb(51, 51, 51);
        line-height: 2;
        padding-bottom: 30px;
        margin-top: -20px;
        /* padding-left: 40px;*/
        text-align: left;
    }
    .case .case_map ul {
        padding-left: 0;
    }
    .case .case_map ul li{
        width: 32%;
        margin-left: 0;
    }
    .case .case_map ul li:nth-child(2){
        margin:0 2%;
    }
    .case .case_map ul li img{
        width: 100%;
    }
	div.ban{display:none;}



}