.main-focus{position: relative;height: 400px;overflow: hidden;padding-top: 50px;padding: 50px 0px 0 0px;}
.focus-slide{width: 600px;height: 400px;overflow: hidden;position: absolute;left: 0px;top: 50px;}.focus-slide li{width:440px;height:300px;float:left; position: relative;}
.focus-slide li{width:600px;height:400px;float:left; position: relative;}
.focus-slide li img{width:100%;min-height: 400px;}
.focus-slide li p{position: absolute;bottom: 8px;width: 100%;line-height: 35px;color: #fff;text-indent: 10px;font-size: 17px;}
.focus-slide li p span{overflow: hidden;width: 77%;display: block;white-space: nowrap;height: 35px;text-overflow: ellipsis;}
.focus-slide .slide-dot{position: absolute;width: 23%;text-align: center;z-index: 9;right: 0;bottom: 12px;}
.focus-slide .slide-dot span{ display: inline-block; }
.focus-slide .slide-dot i{cursor: pointer;    width: 12px;height: 12px;display: inline-block;background: #bbb4b4;border-radius: 6px;margin: 0 6px;transition: all .3s linear;}
.focus-slide .slide-dot .on{background: -webkit-linear-gradient(left, #D85030 , #F18526); background: -o-linear-gradient(right, #D85030, #F18526); background: -moz-linear-gradient(right, #D85030, #F18526);background: linear-gradient(to right, #D85030 , #F18526); width: 30px;}
.main-focus .focusimg-bt {position: absolute;width: 100%;text-align: center;z-index:2000;}
.main-focus .focusimg-bt-left,.main-focus .focusimg-bt-right {position: absolute;top: 180px;height: 80px;font-size: 35px;margin-top: -40px;width: 35px;overflow: hidden;line-height: 80px;text-align: center;color: #a2a2a2;z-index: 110;background: #fff;opacity: .5;border-radius: 3px;cursor: pointer;/* display:none; */}
.main-focus .focusimg-bt-left:hover,.main-focus .focusimg-bt-right:hover{opacity: .85;}
.main-focus .focusimg-bt-left {left:5px;}
.main-focus .focusimg-bt-right {left: 560px;}
.main-focus .focusimg-bt span {transition:all .2s linear;font-size: 40px;color: #a2a2a2;text-align: center;cursor:pointer;    line-height: 80px;
    display: block;}
.imgsBg:hover .focusimg-bt-left,.imgsBg:hover .focusimg-bt-right{display:inline-block;}

.new-box{ float: right; width: 554px; text-align: center}
.new-box span{display: block;font-size: 22px;line-height: 38px;font-weight: normal;color: #fff;}
.new-box a{
    color:#fff;
}
.new-box span:hover a{
    color:#CF3537;
}
.new-box p{font-size: 16px;line-height: 36px;height: 44px;}
.new-box p:hover a{
    color:#CF3537;
}
.ranklist{margin-top: 50px;padding-bottom: 10px;margin-left: -20px;font-size: 0;/* width: 1200px; */}
.ranklist .r_list{width: 50%;display: inline-block;vertical-align: top;}
.ranklist .rank{margin-left:20px;border: 2px #444 solid;background: #fff;/* float: left; */border-radius: 20px;padding-bottom: 25px;margin-bottom: 20px;margin-left: 20px;display: block;}
.ranklist .rank.red{
    border: 2px #CF3537 solid;

}
.ranklist .rank h4{
	height: 83px;
    background: #1B1A28;
    border-bottom: 2px #444 solid;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    font-size: 40px;
    line-height: 82px;
    text-align: center;
    color: #fff;
}
.ranklist .rank.red h4{
    background: #B52B29;border-color: #CF3537;
}
.ranklist .rank .rankbox{
    margin:20px 20px 0;
    cursor:pointer;
}
.ranklist .rank .picbox{
    width: 180px;
    height: 110px;
    /* float: left; */
    position: relative;
    display: block;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    }
.ranklist .rank .picbox img{
    transition:all .2s linear;
    max-width: 100%;
}
.ranklist .rank .rankbox:hover img{
    transform:scale(1.05);
}
.ranklist .rank .info{width: 346px;/* float: right; */display: inline-block;vertical-align: middle;margin-left: 20px;}
.ranklist .rank  strong{ display: block; font-size: 20px; line-height: 28px; height: 28px; overflow: hidden; font-weight: normal}
.ranklist .rank .h_info{font-size: 18px;line-height: 24px;padding: 0 0 10px 0;font-weight: bold;}
.ranklist .rank  p{ font-size: 14px; line-height: 22px;  color: #666;}
.ranklist .rank .rankbox:hover .h_info a{
    color:#CF3537;
}

.ranklist .rank.red .col,.ranklist .rank.red .col a{
    color: #DB3738;
}
.case{
    position: relative;
    width: 1200px;
}
.casemain{
    width:1200px;
    /* float: left; */
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto;
}
.case ul{/* margin-left: -20px; */}
.case li{width: 1200px;/* padding: 0px 45px 0px 0px; *//* height: 600px; *//* line-height: 600px; *//* float: left; */text-align: left;display: inline-block;/* float: left; */vertical-align: middle;text-align: center;}

.case li .casebox{/* margin-left: 20px; *//* display: block; */display: inline-block;vertical-align: middle;position: relative;}
.case li .casebox .picbox{/* height: 600px; *//* width: 100%; */overflow: hidden;text-align: center;}
.case li .casebox .picbox img{max-width: 100%;transition: all .2s linear;vertical-align: middle;display: inline-block;}
.case li .casebox .tip_ico{ width: 76px; height: 79px; background: url("//m1.auto.itc.cn/car/theme/autocontent/img/pc_temp3_tip_ico_eff8550.png") no-repeat 0 0; position: absolute; left: 0px; top: 0px;}
.case li .casebox strong{font-size: 22px;line-height: 44px;display: block;height: 44px;margin: 8px 0 0;color: #fff;font-weight: normal;}
.case li .casebox strong a{
    color:#fff;
}
.case li .casebox:hover a{
    color:#DB3738;
}
.case li .casebox:hover .picbox img{
    transform:scale(1.02);
}
.case li .casebox p{font-size: 16px;line-height: 24px;color: #b5b5b5;}

.case .focusimg-bt {/* position: absolute; *//* width: 100%; *//* text-align: center; *//* z-index:2000; *//* height: 80px; */}
.case .focusimg-bt-left,.case .focusimg-bt-right {position: absolute;top: 50%;height: 80px;font-size: 35px;margin-top: -40px;width: 35px;overflow: hidden;line-height: 80px;text-align: center;color: #a2a2a2;z-index: 111111111111;background: #fff;opacity: .5;border-radius: 3px;cursor: pointer;/* display:none; */}
.case .focusimg-bt-left:hover,.case .focusimg-bt-right:hover{opacity: .85;}
.case .focusimg-bt-left {left: -45px;}
.case .focusimg-bt-right {right: -45px;}
.case .focusimg-bt span {transition:all .2s linear;font-size: 40px;color: #a2a2a2;text-align: center;cursor:pointer;    line-height: 80px;
    display: block;}
.case .slide-dot{position: absolute;width: 1200px;text-align: center;z-index: 9;right: 0;bottom: 12px;}
.case .slide-dot span{ display: inline-block; }
.case .slide-dot i{cursor: pointer;    width: 12px;height: 12px;display: inline-block;background: #bbb4b4;border-radius: 6px;margin: 0 6px;transition: all .3s linear;}
.case .slide-dot .on{background: -webkit-linear-gradient(left, #D85030 , #F18526); background: -o-linear-gradient(right, #D85030, #F18526); background: -moz-linear-gradient(right, #D85030, #F18526);background: linear-gradient(to right, #D85030 , #F18526); width: 30px;}


.recommend{border-left:none;font-size:0;/* padding-top: 3px; *//* background: #fff; */box-shadow: 0px 0px 8px 0px rgba(0,0,0,.1);margin-left: -15px;}
.recommend a{cursor: pointer;display: inline-block;vertical-align: middle;width: 16.66%;text-align: center;/* padding: 10px 0px; *//* background: #fff; *//* border: 1px solid #f5f5f5; *//* border-right: 1px solid #f5f5f5; */}
.recommend a span{
    background: #fff;
    display: block;
    margin-left: 15px;
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    transition: all .2s linear;
}
.recommend a span:hover{transform: translate3d(0,-5px,0);box-shadow: 0px 2px 10px 0px rgba(224,100,53,.25);}
.recommend a i{display: block;font-size: 16px;font-style: normal;line-height: 44px;}
.recommend a img{ display: block;margin:0 auto;}
.recommend a span:hover i{color:#CF3537;}
.title{height: 90px;background: url("/Templates/Default/315zt/images/tit_bg.png") no-repeat center top;margin: 50px auto 10px;}
.title h4{font-size: 41px;line-height: 42px;color:#C5CDE2;text-align: center;}
.case_logo{
    font-size:0;
    box-shadow:0px 0px 7px 0px rgba(0,0,0,.1);
    border-radius: 20px;
    padding: 15px 30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 111;
    background: #fff;
    /* margin-top: 50px; */
}
.case_logo a{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin: 10px auto;
    padding: 20px 0;
    border-radius:4px;
    transition:all .3s linear;
}
.case_logo a img{
    height: 50px;
    display: block;
    margin: 0 auto;
}
.case_logo a:hover{box-shadow:0px 0px 7px 0px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);}

.person ul{
margin-left:-15px;
    }
.person li{
    display: inline-block;
    width: 16.66%;
    vertical-align: middle;
}

.person .list-item {transition: all .1s linear;cursor:pointer;padding: 10px;/* margin-top: 10px; */position: relative;border: 1px solid #f3f3f3;margin: 0 0 15px 15px;border-radius: 5px;background: #fff;}

.person .list-item .list-dec{
    position: relative;
}
.person .list-item .author-list-cover {/* width: 120px; *//* height: 120px; *//* margin: 0 auto; */position: relative;/* position: absolute; *//* left: 30px; *//* top: 50%; *//* margin-top: -30px; */display: block;}
.person .list-item .author-list-cover img {width: 120px;/* height: 80px; */border-radius: 50%;/* border: 1px solid #eee; *//* margin-bottom: 10px; */display: block;margin: 10px auto;}
.person .list-item .list-dec .list-title {font-size: 17px;color: #333;/* height: 25px; */line-height: 40px;/* margin-bottom: 15px; */text-align: center;font-weight: 550;}
.person .list-item .list-dec .list-mes {font-size: 13px;color: #999;line-height: 24px;overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;height: 48px;text-align: center;}

.person li:hover .list-item label{color:#D85030}
.person li:hover .list-item{-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);box-shadow: 0 2px 15px rgba(0,0,0,.1);}
/*.media li:hover em.media_bg{-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);box-shadow: 0 10px 30px rgba(0,0,0,.1);};*/

/*.site_head{display: none;background-color: rgba(255,255,255,.95);box-shadow: 0 5px 20px rgba(25,24,40,.1);z-index: 1110;position: fixed;top: 0;left: 0;width: 100%;min-width: 1000px;height: 68px;background: #fff;color: #666;font-size: 12px;}
.site_head .head_inner{width:90%;height: 68px;margin: 0 auto;}
.site_logo {position: relative;width: 135px;margin-top: 10px;float: left;display: inline-block;overflow: hidden;}
.site_logo img{display: block;width: 134px;height: 48px;text-indent: -300px;}

.head_nav{position: relative;margin: 22px 0 0 30px;float: left;font-size: 0;letter-spacing: -3px;line-height: 26px;}
.head_nav a{display: inline-block;position: relative;margin-right: 23px;color: #111;font-size: 16px;letter-spacing: normal;vertical-align: top;}
.head_nav a.on,.head_nav a:hover{background: linear-gradient(to right,#D85030  0%,#F18526 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;}
.head_nav a.on{font-size: 18px;font-weight: 700;}*/
