@charset "gb2312";
.wrap{
    width: 100%;
    height: auto;
}
.content{
    width: 1240px;
    height: 430px;
    margin: 32px auto;
}
/*����ͼ*/
.focus{
    width: 1240px;
    height: 430px;
    overflow: hidden;
}
.slideImg{
    width: 760px;
    height: 430px;
    float: left;
    position: relative;
}
.bd ul li{
    width: 760px;
    height: 430px;
    float: left;
}
.bd ul li a{
    font-size: 0;
}
.bd ul li a img{
    width: 760px;
    height: 430px;
}
.hd{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -70px;
}
.hd ul li{
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 0;
    background-color: #333333;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: width .3s cubic-bezier(0.175,0.885,0.320,1.275);
    -moz-transition: width .3s cubic-bezier(0.175,0.885,0.320,1.275);
    transition: width .3s cubic-bezier(0.175,0.885,0.320,1.275);
}
.hd ul li.on{
    width: 60px;
    height: 10px;
    background-color:#ff5853 ;
}
.rightImg{
    width: 450px;
    height: 210px;
    float: left;
    margin-left: 30px;
}
.rightImg ul{
    margin-top: -10px;
}
.rightImg ul li{
    width: 450px;
    height: 210px;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}
.rightImg ul li a{
    font-size: 0;
}
.rightImg ul li a img{
    width: 450px;
    height: 210px;
}
.rightImg ul li a p {
    display: block;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 440px;
    padding: 0 5px;
    height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 52px;
    font-size: 18px;
    color: #ffffff;
    z-index: 999;
}
.rightImg ul li span{
    position: absolute;
    width: 450px;
    height: 52px;
    bottom: 0;
    left: 0;
    background-color: #000000;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
/*�����б�*/
.newsList {
    width: 1240px;
    height: auto;
    margin-top: 15px;
}
.newsTitle {
    width: 1240px;
    height: 66px;
    display:block;
    line-height: 66px;
    border-bottom: solid 2px #eaeaea;
}
.newsTitle h1{
    font-size: 36px;
    font-weight: 500;
    display:block;
    height: 66px;
    float: left;
}
.SecTitle{
    height: 66px;
    margin-left:30px;
    float: left;
}
.SecTitle ul li{
    line-height: 68px;
    text-align: center;
    width: 112px;
    float: left;
}
.SecTitle ul li a{
    font-size: 18px;
    color: #000000;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.SecTitle ul li:hover{
    height: 66px;
    width: 112px;
    border-bottom: solid 3px #ee1a34;
}
.SecTitle ul li:hover a{
    color: #ee1a34;
}
.contList{
    width: 1240px;
    height: auto;
}
.clLeft{
    width: 760px;
    height: auto;
    float: left;
}
.nyc{
    width: 750px;
    height: 189px;
    border-bottom: solid 1px #e0e0e0;
    margin-top: 30px;
}
.yc_img{
    width: 210px;
    height: 160px;
    float: left;
}
.yc_img a img{
    width: 210px;
    height: 160px;
}
.yc_con{
    width: 520px;
    height: 160px;
    float: left;
    margin-left:20px;
    position: relative;
}
.yc_con a h3{
    font-size: 24px;
    color: #333;
    line-height: 35px;
    padding-left: 0;
    font-weight: 500;
}
.yc_con span.demo{
    font-size: 16px;
    color: #888888;
    line-height: 25px;
}
.yc_con a span{
    font-size: 16px;
    color: #888888;
}
.yc_con a:hover span{
    color: #ff5853;
    text-decoration: underline #ff5853;
}
.yc_con a:hover h3{
    color: #ff5853;
    text-decoration: underline #ff5853;
}
.date{
    position: absolute;
    bottom: 0;
    left: 0;
}
.volume{
    position: absolute;
    bottom: 0;
    left: 150px;
    width: 50px;
    height: 16px;
    background: url("../img/volume.png") no-repeat left center;
    padding-left: 30px;
}
.volume span{
    font-size: 12px;
    color: #888888;
    line-height: 16px;
}
.date span{
    font-size: 12px;
    color: #888888;
    margin-right: 26px;
    display: block;
    float: left;
    line-height: 19px;
}
/*��ҳ*/
.fenye { width: 757px; text-align:center; height: 42px; margin-top: 48px; line-height: 42px; margin-bottom: 38px;}
.fenye a { padding:11px 16px; border: solid #e0e0e0 1px; font-size: 14px; color: #a5a5a5; margin:0 3px; border-radius: 3px;}
.fenye span { font-size: 14px; display: block; float: left; color: #a5a5a5; }
.fenye a.p_curpage { background-color: #ff5853; border-color: #ff5853; color: #ffffff; }
.fenye a:hover { background-color: #ff5853; border-color: #ff5853; color: #ffffff; }

.page{
    width: 757px; text-align:center; height: 42px; margin-top: 48px;  margin-bottom: 38px;
}

.pagination{
    width: fit-content;
    text-align: center;
    margin: 0 auto;
}

.pagination li{
        /*padding: 11px 16px;*/
    border: solid #e0e0e0 1px;
    font-size: 14px;
    color: #a5a5a5;
    margin: 0 3px;
    border-radius: 3px;float: left;
}
.pagination li a{padding: 11px 16px; display: block;color: #a5a5a5;font-size:14px;}
.pagination li span{padding: 11px 16px;display: block; color: #a5a5a5;}
.pagination li:hover{background-color: #ff5853; border-color: #ff5853; color: #ffffff;}
.pagination li:hover a{color:#fff}
.pagination li:hover span{color:#fff}
.clRight{
    width: 450px;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
}
.clrVideo{
    width: 450px;
    height: auto;
}
.vTitle{
    width: 450px;
    height: 35px;
}
.vTitle h2{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    float: left;
    display: block;
    line-height: 35px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -o-margin-before: 0;
    -o-margin-after: 0;
    -o-margin-start: 0;
    -o-margin-end: 0;
    -moz-margin-before: 0;
    -moz-margin-after: 0;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
}
.more{
    display: block;
    height: 35px;
    line-height: 40px;
    float: right;
}
.more a{
    color: #595757;
    font-size: 12px;
}
.more a:hover{
    color: #ff5853;
}
.vedCon { margin-top: 17px; }
.vedCon ul li {
    width: 212px;
    height: 150px;
    float: left;
    position: relative;
    margin-bottom: 26px;
}
.vedCon ul li:nth-child(2n){
    margin-left:24px;}
.vedCon ul li a {
    font-size: 0;
}
.vedCon ul li a img {
    width: 212px;
    height: 150px;
}
.vedCon ul li a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 212px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    font-size: 14px;
    background: url(http://www.buycar.cn/template/default/images/v17_img/icon11.jpg) no-repeat 0 0;
    background-size: auto auto;
    background-size: 32px 32px;
    color: #ffffff;
    z-index: 999;
    padding-left:40px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.vedCon ul li a:hover p{ color:#ff5853;}
.vedCon ul li span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 212px;
    height: 32px;
    display: block;
    background-color: #333333;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.clrHot{
    width: auto;
    height: auto;
    margin-top: 25px;
}
.vir_content {  height: 602px; background: url(http://www.buycar.cn/template/default/images/v17_img/vi_news.png) no-repeat left top; padding-left: 52px;}
.vi_one { width: 394px; height: 118px;
    padding-top: 46px;
}
.vi_one a { display: block; float: left; }
.vi_one a:last-child{ width: 210px; display: block; margin-left: 10px; }
.vi_one a img{ width:174px; height: 116px; }
.vi_one a span { font-size: 14px; color: #8d8d8d;font-weight: 500; float: right;}
.vi_one a h5{ width:64px; display: block; float: left; font-size: 16px; color: #616161; font-weight: 500;}
.vi_one a h4{ display: block; font-size: 16px; color: #000000;font-weight: 500; float: left; width: 146px;}
.vir_li a:hover{  color: #ff5853; }
.vir_li a:hover h4{color: #ff5853; }
.vir_content ul { width: 394px; margin-top:2px;}
.vir_content ul li { width: 394px; height: 49px; line-height: 49px;}
.vir_content ul li a{ display: block; width: 394px; }
.vir_content ul li a h5{ width:64px; display: block; float: left; font-size: 16px; color: #616161; font-weight: 500;}
.vir_content ul li a h4 { font-size: 16px; color: #000000; font-weight: 500; width:330px; display: block; float: left;  white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.vir_content ul li a span { font-size: 14px; color: #8d8d8d;font-weight: 500; float: right;}