@charset "utf-8";

.side_navd{
    width: 100%;
}
.side_navd .left_bar{
    width: 280px;
    position: fixed;
    top: 185px;
    /*left: 300px;*/
}
.side_navd .left_bar li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
    background: rgba(127, 61, 158, 0.8);
    text-align: center;
}
.side_navd .left_bar li.active{
    background: none;
}
.side_navd .left_bar li a{
    color: #ffffff;
    width: 100%;
    height: 40px;
    display: block;
}
.side_navd .left_bar li.active a{
    color: #000000;
}
.side_nav .path_nav_cont{
      width:1200px;
      height:40px;
      line-height:40px;
      background:#d0d0d0;
}
.side_nav .path_nav_cont p{
   font-size:14px;
   color:#000;
}
.side_nav .path_nav_cont .nav_list li a{
   font-size:14px;
   color:#000
}
.side_nav.path_nav_cont .nav_list li span{
    font-size:14px;
    color:#000
}
.path_nav{
    width: 100%;
    height: 60px;
    border-top: 1px solid #f7f4f9;
}
.path_nav .path_nav_cont{
    height: 60px;
}
.path_nav .path_nav_cont .place_title{
    width: 100px;
    height: 100%;
    font-size: 14px;
    color: #595757;
    line-height: 60px;
    text-align: center;
}
.path_nav .path_nav_cont .nav_list{
    height: 100%;
}
.path_nav .path_nav_cont .nav_list .nav_of {
    line-height: 60px;
    font-size: 14px;
    color: #595757;
}
.path_nav .path_nav_cont .nav_list .nav_of a{
    color: #595757;
    margin: 0 6px;
}
.path_nav .path_nav_cont .nav_list .nav_of a:hover{
    color: #662680;
    font-weight: bold;
}

.big_box{
    margin-top:40px;
    width: 100%;
}
.big_box .center_box{
    box-sizing: border-box;
    padding-left: 345px;
}
.center_box .recommend .top_apply{
    width: 312px;
    height: 418px;
    border: 1px solid #eeeeee;
    box-shadow: 0 0 10px #f6f6f6;
}
.recommend .top_apply .apply_service{
    width: 100%;
    height: 242px;
    background: url("../images/guide/apply_service.png") no-repeat 21px center;
}
.recommend .top_apply input{
    display: block;
    width: 272px;
    height: 40px;
    border: 1px solid #a0a0a0;
    padding-left: 34px ;
    margin:0 auto 14px;
    font-size: 14px ;
}
.recommend .top_apply .user{
    background: url("../images/guide/user.png") no-repeat 11px center;
}
.recommend .top_apply .tel{
    background: url("../images/guide/tel.png") no-repeat 12px center;
}
.recommend .top_apply .submit_btn{
    width: 272px;
    height: 40px;
    background: #ff9600;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    cursor: pointer;
}
.recommend .article{
    width: 575px;
    height: 420px;
    margin-left: 56px;
    position: relative;
}
.recommend .article .swiper-container{
    width: 100%;
    height: 100%;
}
.recommend .article .swiper-container img{
    width: 100%;
    height: 100%;
}
.recommend .article .swiper-container .title{
    position: absolute;
    width: 100%;
    height: 48px;
    background: rgba(255,255,255,.8);
    left: 0;
    bottom: 34px;
    text-align: center;
}
.recommend .article .swiper-container .title p{
    max-width: 400px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    color: #424141;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recommend .article .swiper-container a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.recommend .article .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #969696;
    opacity: 1;
}
.recommend .article .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    background: #000000;
}
.recommend .article .swiper-button-prev,.recommend .article .swiper-button-next{
    width: 36px;
    height: 78px;
    top: 50%;
    margin-top: -39px;
    opacity: 1;
    cursor: pointer;
}
.recommend .article .swiper-button-prev{
    left: -36px;
    background: url("../images/guide/left_btn_bg.png") no-repeat center;
}
.recommend .article .swiper-button-next{
    right: -36px;
    background: url("../images/guide/right_btn_bg.png") no-repeat center;
}

.F_title .title{
    font-size: 24px;
    line-height: 100%;
    color: #414141;
}
.F_title .title a{
    color: #414141;
}
.tp .F_title{
    padding: 40px 0 15px;
}
.tp .tp_item{
    width: 314px;
    margin-right: 19px; ;
}
.tp .tp_item .bg_img{
    width: 100%;
    height: 200px;
    position: relative;
}
.tp .tp_item .bg_img a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.tp .tp_item .classify{
    width: 312px;
    height: 148px;
}
.tp .a .classify{
    background: url("../images/guide/tp_a_bg.png") no-repeat 31px 49px #fefff4;
    border: 1px solid #92c27b;
}
.tp .a .classify .classify_list{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tp .a .classify .classify_list .classify_of{
    width: calc(25% - 1px);
    height: 100%;
    border-right: 1px dotted #e5e5e5;
}
.tp .a .classify .classify_list .classify_of a{
    display: block;
    height: 100%;
    box-sizing: border-box;
    font-size: 12px;
    color: #737373;
    text-align: center;
    padding-top: 75px;
}
.tp .a .classify .classify_list .classify_of a:hover{
    color: #92c27b;
}
.tp .a .classify .classify_list .classify_of:last-child{
    border-right: none;
}
.tp .b .classify{
    background: url("../images/guide/tp_b_bg.png") no-repeat 30px 19px #fefff4;
    border: 1px solid #00b7ee;
}
.tp .b .classify .classify_list{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tp .b .classify .classify_list .classify_of{
    width: calc(25% - 1px);
    height:50%;
    border-right: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
}
.tp .b .classify .classify_list .classify_of a{
    display: block;
    height: 100%;
    box-sizing: border-box;
    font-size: 12px;
    color: #737373;
    text-align: center;
    padding-top: 45px;
}
.tp .b .classify .classify_list .classify_of a:hover{
    color: #00b7ee;
}
.tp .b .classify .classify_list .classify_of:last-child{
    border-right: none;
}
.tp .c .classify{
    background: url("../images/guide/tp_c_bg.png") no-repeat 31px 49px #fefff4;
    border: 1px solid #00a0e9;
}
.tp .c .classify .classify_list{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tp .c .classify .classify_list .classify_of{
    width: calc(25% - 1px);
    height: 100%;
    border-right: 1px dotted #e5e5e5;
}
.tp .c .classify .classify_list .classify_of a{
    display: block;
    height: 100%;
    box-sizing: border-box;
    font-size: 12px;
    color: #737373;
    text-align: center;
    padding-top: 75px;
}
.tp .c .classify .classify_list .classify_of a:hover{
    color: #00a0e9;
}
.tp .c .classify .classify_list .classify_of:last-child{
    border-right: none;
}

.case .F_title{
    padding: 40px 0 15px;
}
.case .case_list{
    width: 1000px;
    height: 350px;
    overflow: hidden;
}
.case .case_list .case_item{
    width: 230px;
    height: 168px;
    margin: 0 20px 14px 0;
    overflow: hidden;
    position: relative;
}
.case .case_list .case_item img{
    width: 100%;
    height: 100%;
}
.case .case_list .case_item .title_layer{
    width: 100%;
    height: 38px;
    background: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 25px;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case .case_list .case_item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content_box{
    padding-top: 42px;
}
.content_box .cont_item{
    border: 1px solid #eeeeee;
    height: 398px;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0 20px 42px 0;
}
.content_box .cont_item:hover{
    border: 1px solid #e94949;
}
.content_box .cont_item .F_title{
    padding: 14px 0 10px 0;
    border-bottom: 1px solid #f8f5f9;
    margin-bottom: 18px;
}
.content_box .cont_item .F_title .link{
    font-size: 14px;
    color: #707070;
    margin-top: 10px;
}
.content_box .cont_item .cont_list{
    padding-top: 32px;
}
.content_box .cont_item .cont_of{
    font-size: 14px;
    color: #000000;
    line-height: 100%;
    margin-bottom: 16px;
    position: relative;
}
.content_box .cont_item .cont_of:hover{
    color:#662680 ;
    font-weight: bold;
}
.content_box .cont_item .cont_of a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.content_box .cont_item .cont_of .title{
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content_box .cont_item.main{
    width: 480px;
}
.content_box .cont_item.main .citing{
    height: 156px;
    position: relative;
}
.content_box .cont_item.main .citing .img{
    width: 220px;
    height: 100%;
    overflow: hidden;
}
.content_box .cont_item.main .citing .img img{
    width: 100%;
    height: 100%;
}
.content_box .cont_item.main .citing .intro{
    width: 215px;
    padding-top: 27px;
}
.content_box .cont_item.main .citing .intro .title{
    font-size: 18px;
    color: #414141;
    line-height: 100%;
    margin-bottom: 17px;
}
.content_box .cont_item.main .citing .intro .text{
    max-height: 75px;
    font-size: 14px;
    color: #414141;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.content_box .cont_item.main .citing a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.content_box .cont_item.minor{
    width: 340px;
}
.content_box .cont_item.materials .img_box .s_img{
    width: 308px;
    height: 31px;
    margin:0 auto 16px;
}
.content_box .cont_item.materials .img_box .b_img{
    width: 308px;
    height: 150px;
    margin: 0 auto;
}
.content_box .cont_item.materials .img_box .b_img img{
    width: 100%;
    height: 100%;
}
.content_box .cont_item.fortune .img{
    width: 308px;
    height: 108px;
    margin:0 auto;
}
.content_box .cont_item.fortune .img img{
    width: 100%;
    height: 100%;
}

.content_box .hot{
    width: 244px;
    height: 398px;
    margin-left: 16px;
}
.content_box .hot .F_title{
    padding: 16px 0 15px 0;
    border-bottom: 1px solid #f8f5f9;
    margin-bottom: 18px;
    text-indent: 1em;
    background: url("../images/guide/content_box_hot.png") no-repeat 187px top;
}
.content_box .hot .hot_list{
    padding: 0 30px 0 12px;
}
.content_box .hot .hot_list .hot_of{
    height: 40px;
    border-bottom: 1px dotted #dcdcdc;
}
.content_box .hot .hot_list .hot_of .num{
    width: 22px;
    height: 22px;
    font-size: 14px;
    color: #b5b5b6;
    text-align: center;
    line-height: 22px;
    background: #f7f8f8;
    margin: 9px 23px 0 0;
}
.content_box .hot .hot_list .hot_of.front .num{
    color: #fff;
    background: #ff9600;
}
.content_box .hot .hot_list .hot_of a{
    width: calc(100% - 45px);
    font-size: 12px;
    color: #727171;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content_box .hot .hot_list .hot_of:hover a{
    color: #662680;
}

.activity .F_title{
    padding: 42px 0 15px;
}
.activity .activity_list .activity_of{
    width: 230px;
    height: 168px;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}
.activity .activity_list .activity_of img{
    width: 100%;
    height: 100%;
}
.activity .activity_list .activity_of a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}