@charset "utf-8";
/* 焦点图 */
.slide-container{
    height: 420px;
    overflow: hidden;
    position: relative;
}
.slide-container .slide-wrapper{
    width: 1920px;
    height: 420px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
.slide-container .slide-wrapper ul,
.slide-container .slide-wrapper ul li{
    width: 100%;
    height: 420px;
}
.slide-container .slide-wrapper ul li a{
    display: table-cell;
    width: 1920px;
    height: 420px;
    vertical-align: middle;
    text-align: center;
}
.slide-container .slide-wrapper ul li a img{
    vertical-align: middle;
}
.slide-container .slide-pagination{
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
}
.slide-container .slide-pagination ul{
    height: 15px;
    font-size: 0;
}
.slide-container .slide-pagination ul li{
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 3px 0;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #fff;
    background: #fff;
}
.slide-container .slide-pagination ul li.on{
    background: transparent;
}

.suspension-box{
    width: 380px;
    height: 324px;
    padding: 10px 20px;
    position: absolute;
    left: 50%;
    top: 38px;
    z-index: 9999;
    margin-left: -600px;
    background: #fff;
}
.suspension-box .item{
    padding: 18px 0;
    border-bottom: 1px solid #efefef;
}
.suspension-box .item.last{
    border-bottom: 0;
}
.suspension-box .item dt{
    float: left;
    width: 46px;
    height: 46px;
    vertical-align: middle;
    margin-right: 20px;
    background: url("../images/home-main-icon.png") no-repeat;
}
.suspension-box .item .icon1{
    background-position: 0 -42px;
}
.suspension-box .item .icon2{
    background-position: -56px -42px;
}
.suspension-box .item .icon3{
    background-position: -112px -42px;
}
.suspension-box .item .icon4{
    background-position: -168px -42px;
}
.suspension-box .item .tit{
    font-size: 20px;
}
.suspension-box .item .txt{
    color: #999;
    font-size: 14px;
}

/* 服务特点 */
.trait-bar{
    padding: 55px 0;
    text-align: center;
}
.trait-bar li{
    display: inline-block;
    width: 300px;
    padding: 0 40px;
}
.trait-bar li .ico1,
.trait-bar li .ico2,
.trait-bar li .ico3{
    display: inline-block;
    width: 65px;
    height: 75px;
    vertical-align: top;
    margin-right: 20px;
    background: url("../images/home-main-icon.png") no-repeat;
}
.trait-bar li .ico1{
    background-position: 0 -98px;
}
.trait-bar li .ico2{
    background-position: -75px -98px;
}
.trait-bar li .ico3{
    background-position: -150px -98px;
}
.trait-bar li .item{
    display: inline-block;
    width: 210px;
    text-align: left;
}
.trait-bar li .item strong{
    display: block;
    font-size: 18px;
}
.trait-bar li .item em{
    color: #666;
    display: block;
    line-height: 20px;
    padding-top: 8px;
    font-size: 16px;
}

.grey-bg-f3f5f6{
    padding: 30px 0;
    background: #f3f5f6;
}

.column-container{
    padding-bottom: 30px;
}
.column-container .column-tit{
    text-align: center;
}
.column-container .column-tit .bt{
    font-size: 24px;
}
.column-container .column-tit .more{
    display: inline-block;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    margin-top: 10px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #3fa800;
}

.column-wrap{
    padding-top: 20px;
}
.column-wrap li{
    float: left;
    width: 590px;
    height: 200px;
    margin: 20px 20px 0 0;
    background: #fff;
}
.column-wrap li.mr_0{
    margin-right: 0;
}
.column-wrap li .pic{
    float: left;
    width: 265px;
    height: 200px;
}
.column-wrap li .pic a{
    display: table-cell;
    width: 265px;
    height: 200px;
    vertical-align: middle;
    text-align: center;
}
.column-wrap li .pic a img{
    max-width: 265px;
    max-height: 200px;
    vertical-align: middle;
}
.column-wrap li .info{
    padding: 5px 20px 5px 285px;
}
.column-wrap li .info .tit{
    display: block;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    font-size: 16px;
}
.column-wrap li .info .tit:hover{
    color: #f90;
}
.column-wrap li .info .attr{
    height: 20px;
    padding-top: 8px;
    font-size: 0;
    overflow: hidden;
}
.column-wrap li .info .attr img{
    margin-right: 10px;
}
.column-wrap li .info .txt{
    color: #999;
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
}
.column-wrap li .info .pri{
    height: 40px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #dbdbdb;
}
.column-wrap li .info .pri .yh{
    float: left;
    color: #f00;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.column-wrap li .info .pri .yh em{
    font-size: 30px;
}
.column-wrap li .info .pri .yj{
    color: #666;
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}



/* 攻略 */
.atc-con {
    padding: 20px;
    background: #fff
}
.atc-con .atc_tit {
    height: 30px;
    line-height: 30px
}
.atc-con .atc_tit .bt {
    color: #333;
    display: inline-block;
    font-size: 20px;
    font-weight: 500
}
.atc-con .atc_tit .more {
    color: #666;
    display: inline-block;
    padding-left: 30px;
}
.atc-con .atc_list {
    position: relative
}
.atc-con .atc_list li.same {
    float: left;
    width: 415px;
    height: 112px;
    margin: 20px 20px 0 0;
    overflow: hidden;
    background: #f9f9f9
}
.atc-con .atc_list li.same .pic {
    float: left;
    width: 160px;
    height: 112px;
    text-align: center;
}
.atc-con .atc_list li.same .pic img {
    max-width: 160px;
    max-height: 112px;
}
.atc-con .atc_list li.same p {
    float: right;
    width: 230px;
    height: 112px;
    padding-right: 10px;
}
.atc-con .atc_list li.same p .tit {
    color: #333;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atc-con .atc_list li.same p .tit:hover,
.atc-con .atc_list li.diff p .tit:hover{
    color: #f90;
}
.atc-con .atc_list li.same p .txt {
    color: #999;
    display: block;
    font-size: 14px;
    height: 66px;
    line-height: 22px;
    overflow: hidden
}
.atc-con .atc_list li.diff {
    float: left;
    width: 290px;
    height: 244px;
    position: absolute;
    right: 0;
    top: 20px;
    overflow: hidden;
    background: #f9f9f9
}
.atc-con .atc_list li.diff .pic {
    display: table-cell;
    width: 290px;
    height: 132px;
    vertical-align: middle;
    text-align: center;
}
.atc-con .atc_list li.diff .pic img {
    max-width: 290px;
    max-height: 132px;
    vertical-align: middle;
}
.atc-con .atc_list li.diff p {
    float: left;
    width: 270px;
    height: 112px;
    padding: 0 10px;
}
.atc-con .atc_list li.diff p .tit {
    color: #333;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atc-con .atc_list li.diff p .txt {
    color: #999;
    display: block;
    font-size: 14px;
    height: 66px;
    line-height: 22px;
    overflow: hidden
}

.ke_raider {
    padding: 20px;
    margin-top: 20px;
    background: #fff
}
.ke_con_left {
    border-right: 1px solid #f3f5f6
}
.ke_con_left,
.ke_dl_con {
    float: left;
    width: 740px
}
.ke_dl_con .yj-hd {
    float: left;
    width: 720px;
    height: 40px;
}
.ke_dl_con .yj-hd h3 {
    float: left;
    color: #333;
    width: 450px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
}
.ke_dl_con .yj-hd h3 a {
    color: #999;
    font-size: 12px;
    padding-left: 30px
}
.ke_dl_con .yj-hd ul{
    float: right;
    padding-top: 10px;
}
.ke_dl_con .yj-hd li {
    float: left;
    color: #666;
    width: 78px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ke_dl_con .yj-hd li:after{
    content: "";
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    border-top: 4px solid #3fa800;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.ke_dl_con .yj-hd li.on {
    color: #fff;
    background: #3fa800
}
.ke_dl_con .yj-hd li.on:after{
    display: block;
}
.ke_dl_con .yj-bd {
    float: left;
    width: 740px;
    margin-top: 10px
}
.ke_dl_con .yj-bd ul {
    float: left;
    width: 740px;
}
.ke_dl_con .yj-bd ul li {
    float: left;
    width: 350px;
    padding-bottom: 10px;
}
.ke_dl_con .yj-bd li p.tit,
.ke_dl_con .yj-bd li p.tit a {
    float: left;
    color: #333;
    width: 350px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ke_dl_con .yj-bd li p.tit a:hover{
    color: #f90;
}
.ke_dl_con .yj-bd li p.tit .ico{
    display: inline-block;
    width: 7px;
    height: 12px;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    background: url("../images/home-main-icon.png") no-repeat -58px 0
}
.ke_dl_con .yj-bd li p.tit a {
    width: 330px;
    padding-left: 20px;
}
.ke_dl_con .yj-bd li p.txt {
    float: left;
    color: #999;
    width: 330px;
    height: 40px;
    line-height: 20px;
    padding-left: 20px;
    font-size: 14px;
    overflow: hidden
}
.ke_dl_con .yj-bd li.first {
    margin-right: 20px;
    background: #f9f9f9
}
.ke_dl_con .yj-bd li.first .tit {
    width: 340px;
    background: none
}
.ke_dl_con .yj-bd li.first .tit a {
    width: 330px;
    padding: 0 10px;
}
.ke_dl_con .yj-bd li.first .txt {
    width: 330px;
    height: 60px;
    padding: 0 10px
}
.ke_dl_con .yj-bd li.ml_20 {
    margin-left: 20px
}


.ke_con_rig {
    float: right;
    width: 395px
}
.ke_con_rig h3 {
    float: left;
    color: #333;
    width: 395px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500
}
.ke_con_rig .gd_pl_con {
    float: left;
    width: 395px;
    height: 480px;
    overflow: hidden
}
.ke_con_rig ul {
    float: left;
    width: 395px
}
.ke_con_rig ul li {
    float: left;
    width: 395px;
    height: 100px;
    margin-bottom: 5px;
    overflow: hidden
}
.ke_con_rig ul li p.tit {
    float: left;
    color: #009eb6;
    width: 395px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.ke_con_rig p.tit span {
    color: #fd8f00;
    float: right;
}
.ke_con_rig p.tit span em {
    float: right;
    width: 74px;
    height: 14px;
    margin-top: 5px;
    background: url("../images/star-icon.png") no-repeat 0 -14px
}
.ke_con_rig p.tit span em b {
    float: left;
    height: 14px;
    background: url("../images/star-icon.png") no-repeat 0 0
}
.ke_con_rig p.txt {
    color: #666;
    line-height: 24px;
    font-size: 14px;
}