.bannerImg{width: 100%;}
.bannerImg img{width: 100%;}
.phoneBannerImg{display: none;}

.listMain{padding-top: 44px;background: #252525;padding-bottom: 165px;}
.tabTitle{width: 197px;padding-top: 10px;text-align: center;background: url(../images/2018/detailbg.jpg) no-repeat 0 0;background-size: cover;padding-bottom: 204px;}
.listTitle{height: 91px;line-height: 91px;font-size: 22px;color: #ed6c00;}
.tabTitle li{height: 37px;line-height: 37px;font-size: 16px;}
.tabTitle li a{color: #fff;}
.tabTitle .active1 a{color:#ed6c00;}
.tabTitle li:hover{background: #ed6c00;}
.tabTitle .active:hover a{color: #fff;}
.tabTitle .active{background: #ed6c00;}



.tabCont{width: 977px;margin-left: 26px;border-top: 2px solid #ed6c00;padding-top: 16px;background: #3e3e3e;padding-bottom: 68px;}
.eachList{margin-top: 24px;padding-left: 26px;color: #fff;}
.listCont{width: 732px;padding-left:21px;padding-right: 36px;}
.listImg{width: 218px;margin-top: 10px;}
.listImg img{width: 100%;}
.listCont h4{height: 38px;line-height: 38px;font-size: 17px;overflow: hidden;}
.listCont span{display: block;color:#ed6c00;height: 29px;;line-height: 29px;}
.listCont p{line-height: 17px;font-size: 14px;height: 35px;overflow: hidden;}
.readDetail{width: 94px;height: 36px;line-height: 36px;margin-top: 18px;color: #fff;text-align: center;background: #ed6c00;border-radius: 4px;display: block;}



.pageDetail{width:100%;text-align:center;height: 36px;line-height: 36px;margin-top: 18px;color: #fff;text-align: center;border-radius: 4px;display: flex;padding:0 30%}
.pageDetail a{
    color:#fff;display:block;font-size:16px;padding:0 2px;flex:1
}
.pageDetail a.on{
    color: #ed6c00;
}
.pageDetail a:nth-child(1),.pageDetail a:nth-child(2),.pageDetail a:nth-last-child(1),.pageDetail a:nth-last-child(2){
   flex:5
}

.detailCont{padding:20px 59px 0;}
.detailCont h5{color: #fff;height: 37px;line-height: 37px;font-size: 16px;color: #ed6c00;font-weight: normal;}
.detailCont p{color: #fff;font-size: 15px;line-height: 38px;}
.detailCont .download{color: #ed6c00;}



@media screen and (max-width: 1200px) {
    .tabCont{width: 100%;}
    .tabTitle{width: 100%;padding: 20px 0;}
    .tabTitle li{float: left;width: 25%;text-align: center;}
    .eachList{padding: 0;}
    .listCont{width: 100%;float: none;padding: 0 4%;}
    .listImg{width:100%;padding: 0 4%;float: none;}

    .detailCont{width: 100%;padding: 0 5%;}

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

}


@media screen and (max-width:768px){
    .phoneBannerImg{width: 100%;display: block;}
    .phoneBannerImg img{width: 100%;}
    .bannerImg{display: none;}
}