.cf:after,
.cf:before{
    content: '';
    display: table;
}
.cf:after{
    clear: both;
}
.cf{
    zoom:1;
    padding:0;
}
ul,li ol{
    list-style: none;
}
a:hover{
    text-decoration: none;
    color: #f2651a;
	
}

/*banner*/
.ban{position:absolute;top:70px;left:0;width:100%;}
.ban video{position:fixed;width:100%;top:70px;left:0;z-index:-10;}
.box-box{position:absolute;width:100%;top:600px;left:0;z-index:10;background:#fff;}
.ban img{
	position:relative;
    width: 100%;
}
.ban>div>img{position:fixed;width:100%;top:70px;left:0;z-index:-1;}

#mp4{display:none;}
/*banner end*/

/* transit */
#transit{background:#FAFAFA;padding:30px 0;}
#transit .container{border-left:1px solid #999;}
#transit .container p{font-size:1.6rem;color:#333;line-height:3rem;display:inline-block;margin-right:15px}
/*#transit .container p span{display:inline-block;width:35px;height:35px; overflow:hidden;background:#414144;line-height:35px}
#transit .container p span:first-letter{font-size:2rem;color:#ddd;background:#414144;margin:0 5px;padding:2px;}*/
#transit .container p span{background:#414144;font-size:2rem;color:#ddd;padding:5px 8px;}
/*交通管制 traffic*/
.traffic .traffic-box{
    width: 100%;
}
.traffic .traffic-box>div{
    float: left;
}
.traffic .ss>div{
    float: right;
}
.traffic .traffic-box .traffic-map,.traffic .traffic-box .traffic-text{
    width: 50%;
}
.traffic .traffic-box .traffic-map img{
    width: 100%;
}

.traffic .traffic-box .traffic-text .text-box{
    padding: 65px 0 0 100px;
}
.traffic .traffic-box .traffic-text .text-box .top{
    font-size: 32px;
    color: rgb(51, 51, 51);
    line-height: 1.2;

}
.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;
    margin-left:15px;
}
.traffic .traffic-box .traffic-text .text-box a .content:hover{color:#cb773d}
.traffic .traffic-box .traffic-text .text-box .content,.traffic .traffic-box .traffic-text .text-box .buttom{
    width: 60%;
    height: 30%;
    font-size: 1.5rem;
    color: rgb(102, 102, 102);
    line-height: 2.25;
}
.traffic .traffic-box .traffic-text .text-box .actives{
    padding: 20px 0;
}
/*交通管制 traffic end*/

/*关联产品 product*/
.product{
    width: 100%;
    padding-bottom:40px;
    background-color: #fafafa;
}
.product .title{
    text-align: center;
    font-size: 3.5rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1.2;
    padding: 45px;

}
.product .product-map,.product .product-map ul li .relation_map{
    width: 100%;
    position: relative;
    text-align: center;
}
/*.product .product-map ul{
    padding-left: 0;
}*/
.product .product-map ul li{
    float: left;
    width: 25%;
}
.product .product-map ul li img{
    width: 80%;
}
.product .product-map ul li .relation_map p{
    font-size: 2rem;
    color: #6a6d69;
    line-height: 1.2;
    padding:20px 0 ;
    margin:0;
    text-align: center;
}.product .product-map ul li .relation_map .text{
	  text-align: left;
	  line-height:22px;
    padding-bottom: 5%;
    padding-left:10%;
    padding-right:5%;
 }
.product .product-map .relation_map .div{
    color: rgb(51, 51, 51);
    line-height: 1.2;
    font-size: 1.2rem;
    float:left;
    padding-left:10%;

}
.product .product-map ul li .relation_map .div em{
    background: url("../images/sanjiao1.png") no-repeat;
    width: 11px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
/*关联产品 product end*/


/*相关案例 case*/
.case .case_text{
    text-align: center;
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1.2;
    font-size: 3.5rem;
    padding: 45px 0 ;
}
.case .case_map ul{
    padding-left: 0;

}
.case .case_map ul li{
    float: left;
    width: 33%;
    padding-left:4%;

}
.case .case_map ul li:nth-child(2){
   /* padding:0 2%;*/
}
.case .case_map ul li img{
    width: 100%;
}
/*.case .case_map ul li:first-child{
    margin-left: 0;
}*/
.case .case_map ul li .case_box{
    font-size: 1.4rem;
    color: rgb(116, 118, 114);
    line-height: 22px;
    width: 100%;
    padding: 20px 0;
}
.case .case_map ul li .case-cs {
    width: 100%;
}
.case .case_map ul li span{
    font-size: 1.3rem;
    color: rgb(149, 149, 149);
    line-height: 1.2;
}
/*相关案例 case end*/

.ban div{text-align:center;overflow: hidden;height: 600px;}
.ban .banner_text{ position: absolute;top:35%;width:100%;}
.ban .banner_text b{font-size: 4rem;color: #fff;font-weight: normal;display: block;}
.ban .banner_text p{font-size: 2.4rem;color: #fff;text-indent:1em;margin: 0rem 0 3rem 0}
.ban .banner_text a{padding: 10px 20px;background: #cacaca;border-radius: 5px;color: #fff;display: inline-block;margin-top: 1rem;}
.ban .banner_text a:hover{background: #F2651A;}
.ban .banner_text span{display:block;font-size:4rem;margin-top:2rem;color:#fff;}
.ban .banner_text img{
	display: block;
    width: 90px;
    height: 40px;
    margin: 0 auto;
    margin-top: 5rem;
	}
	.ban .banner_text img:hover{cursor:pointer}
	.ban>div>p{
		position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.3);
		}
		
.ban .banner_video{ position: absolute;top:10%;width:100%;}
.ban .banner_video b{font-size: 4rem;color: #fff;font-weight: normal;display: block;text-align: left;}
.ban .banner_video p{font-size: 2.4rem;color: #fff;margin: 1rem 0 2rem 0;display: block;width: 40%;text-align: left;}
.ban .banner_video a{color:#fff; }
.ban .banner_video a:hover{color:#ccc; }
.ban .banner_video .conters{padding: 5px 20px;background: #434344;color: #fff;
	                  display: block;width:272px;margin-top:7%;font-size:1.6rem;}
.ban .banner_video span{font-size:2.6rem;color:#fff; float:left; margin-left:2%}
.ban .banner_video img{
    width: 60px;
    height: 42px;
    float:left;
	}
	.ban .banner_video img:hover{cursor:pointer}


.service_cont{
    display: none;
}


/*phone*/
@media screen and (max-width: 767px){
.ban .banner_video{display:none;}
    .ban{
        top:50px;
		z-index:-10;
    }
	.ban>div{z-index:-9;}
	.ban>div video{position:fixed;z-index:-8;}
	.ban video{top:50px;}
    .ban>div>img {
        top: 50px;

    }
    .ban>div>p {
        display:none;
    }
    .ban div {
        height: 209px;
    }
    .ban .banner_text {
        top: 0;
    }
    .ban .banner_text b {
        font-size: 3rem;
		margin-top:30px;
    }
    .ban .banner_text p {
        font-size: 1.6rem;
        margin-top: 30px;
    }
    .box-box {
        top: 250px;
		margin-top: 1rem;
    }
    .section-block {
        display: none;
    }
    .service_cont{
        display: block;
    }
    .service_cont img{ width: 100%;}
    .service_cont .row{width: 100%}
    .service_cont .row .col-md-6, .col-sm-12, .col-xs-12{padding-right: 0;padding-left: 0;}
    .service_cont dd p{line-height: 30px;}
	.case .case_map ul{margin-bottom:0;}
	.case .case_map ul li{padding-left:0;text-align:left;margin-bottom:20px;}
	.case .case_map ul li .case_box{padding:10px 0;}
	.product .title{font-size:3rem;font-weight:500;padding:30px 0 0;}
	.case .case_text{font-weight:500;font-size:3rem;}
	.product .product-map ul li .relation_map .text{padding:5%;}
	.product .product-map .relation_map .div{padding-left:5%;}
}