/*通用样式*/
@media all{
    *{ margin:0px; padding:0px;}
    body{ font-size: 14px;}
    ul li{list-style:none;}
    a{text-decoration: none;}
    .fl{ float:left;}
    .fr{ float:right;}
    .clear{ clear: both;}
    .colorb3{ color:#b3aaa7}
    a.colorb3{color:#b3aaa7}
    .color95{color:#959595;}
    .color53{color:#535353; min-height: 31px;}
    .colorc7{color:#c7000b}
    .color333{color:#333333;}
    .hr{max-width:100%; border-bottom:1px solid #ccc; height:1px;}

    /*banner样式*/
    .dt_topnav,.dt_box1,.dt_box2,.dt_box3{max-width:1170px;margin: 5px auto;}
    .dt_topnav{margin: 15px auto;}
    .dt_banner{width:1170px;position: relative;margin: 0 auto}
    .dt_banner div{max-width:100%; margin: 0 auto; text-align: left; color:#fff; position: absolute; left:15%; top:30%;z-index: 1;}
    .dt_banner div h1{font-size: 37px;color: rgba(255,255,255,1);font-weight: bolder;margin-bottom: 35px;text-shadow: 2px 1px 0 #000;}
    .dt_banner div p{ font-size: 18px; line-height:30px; font-weight: normal;text-shadow:1px 1px #000;}
    .dt_banner img{width:100%; height:auto}

    /*dt_box1客厅影院*/
    .dt_video{width:50%;text-align: center;padding-top:10px;padding-bottom: 15px; margin-bottom: 45px;}
    .dt_video a{position: relative;display: block}
    .dt_video a img{max-width: 100%}
    .dt_Bofang{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;left: 50%;margin-left: -30px;z-index: 10; opacity:0.7;transition:all ease 0.4s;-moz-transition:all ease 0.4s; -ms-transition:all ease 0.4s; -o-transition:all ease 0.4s; -webkit-transition:all ease 0.4s;cursor:pointer;}
    .dt_Bofang:hover{ opacity:1;}
    /*.dt_box1{ margin-top: 80px;}*/
    .dt_info{ width:45%; line-height:21px; margin-bottom: 20px;}
    .dt_info p.tt_h4{ color:#c7000b; font-size: 18px; font-weight: 700}
    .dt_info p.bt{ border-left:2px solid #ccc; color:#000; padding-left: 10px; line-height:24px;margin-top: 8px;}
    .dt_info p.info{line-height:24px;}
    .dt_info p:nth-child(4){margin: 10px auto}
    .dt_info p span{display:inline-block;/* width:70px; */height: 25px;/* color:#fff; */text-align: center;line-height: 25px;}
    .dt_info p span.span_info{ display:inline;line-height: 25px; color:#959595; padding-left: 20px;}
    .dt_info p img{margin-right: 5px;height: 16px;vertical-align: text-bottom;}
    .dt_info p.tt_icon span{/* width: 54px; */height: 21px;font-size: 14px;line-height: 21px;margin-right: 10px;margin-bottom: 10px;}
    .dt_info p.tt_icon span:first-child{margin-left:21px;}
    .dt_info p.tt_icon span:last-child{margin-right: 0px;}
    .dt_info .gongyu{ background:#82a1bb; }
    .dt_info .bieshu{ background:#ffaa00;}
    .dt_info .haozhai{/* background:#de6843; */}
    .dt_info .jiudian{ background:#d65651; }
    .dt_info .shangdian{ background:#57aa69;}
    .dt_info .shequ{ background:#8B4513;}
    .dt_info .xiaozhen{ background:#8B86B1;}

    /*未登录购买咨询按钮 pc*/
    .dt_buy_refer{ text-align: center; max-width: 100%;}
    .dt_buy_refer .btn_buy_pc input[type="button"]{ display: inline;}
    .dt_buy_refer .btn_buy_phone input[type="button"]{ display:none}
    .dt_buy_refer .btn_buy_pc{ max-width: 1175px; text-align: right;margin-top: 10px;}
    .dt_buy_refer .btn_buy_pc input[type="button"]{display: block; margin:0 auto;width:150px; line-height:40px; border:none; background: #c7000b; border-radius: 2px; color:#fff; }
    .dt_info .dt_buy_refer .btn_buy_pc input[type="button"]{ margin-left:70%;}

    /*登录后一键配单按钮 pc*/
    .dt_match{ text-align: right; line-height:24px;}
    .dt_match .btn_buy_phone{display:none;}
    .dt_match .btn_buy_pc{display:inline;}
    .dt_match .btn_buy_pc{font-size: 14px;color:#959595;}
    .dt_match .btn_buy_pc select{ width:70px; height: 25px; border:1px solid #eee; margin-left: 5px; margin-right: 10px;}
    .dt_match .btn_buy_pc input[type="button"]{ width:105px; line-height:40px; background: #c7000b; border:none; border-radius: 2px; color:#fff; margin-right: 0px;}
    .MLeft2{margin-left:2px;}
    .LHeight40{line-height:40px;}
    /*------*/
    /*dt_box2套餐详情*/
    .dt_title {
        margin-bottom: 37px;
    }
    .dt_title h3{ text-align: center; font-size:24px;color:#535353;}
    .dt_title p{ text-align: center; font-size:14px;}
    .dt_box2{ margin-top: 45px; margin-bottom:45px;}
    .tt_icon{padding-left: 80px;position: relative}
    .tt_icon>b{position: absolute;left: 0;top: 0;font-weight: 400}
    /*选项卡*/
    .tab .nav-tabs li a{
        font-size: 14px;
        color: #999898;
        margin: 0;
        border-radius: 0;
        border: none;
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        /*text-transform: uppercase;*/
        position: relative;
    }
    .tab .nav-tabs li a:hover{
        border-top: none;
        border-bottom: none;
        border-right-color: #ddd;
    }
    .tab .nav-tabs li.active a,
    .tab .nav-tabs li.active a:hover{
        color: #fff;
        border: none;
        background: #c7000b;
        border-right: 1px solid #ddd;
    }
    .tab .nav-tabs li.active a:before{
        content: "";
        width: 58%;
        height: 4px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tab .nav-tabs li.active a:after{
        content: "";
        background: #c7000b;
        position: absolute;
        bottom: -10px;
        left: 42%;
    }
    .tab .tab-content{ line-height: 25px;padding:10px 0px; max-width:100%;}

    @media only screen and (max-width: 480px){
        .tab .nav-tabs li{
            width: 100%;
            text-align: center;
        }
        .tab .nav-tabs li.active a,
        .tab .nav-tabs li.active a:after,
        .tab .nav-tabs li.active a:hover{
            border: none;
        }
    }
    /*选项卡end*/

    /*未登录套餐个详情页面，购买咨询 pc*/
    .dt_box2 .dt_prolist_before{ max-width:100%;}
    .dt_box2 .dt_prolist_before ul li{ display:inline-block; width:31%; margin-right: 3%; margin-top:2%; border:1px solid #eee; padding: 40px;}
    .dt_box2 .dt_prolist_before ul li:nth-child(3n){ margin-right: 0%;}
    .dt_box2 .dt_prolist_before ul li:first-child,.dt_prolist_after ul li:nth-child(2),.dt_prolist_after ul li:nth-child(3){ margin-top: 0%;}
    .dt_prolist_before h3{ font-size:14px;}
    .dt_prolist_before td.td_w p{ line-height:18px; font-size:12px;}
    .dt_prolist_before td.td_w{ width:50%; text-align: left;}
    .dt_prolist_before td img{ max-width:150px;max-height: 100px}
    .dt_box2 .dt_prolist_before ul li table tr td>a{display: inline-block;height: 100px;}
    /*-----*/

    /*登录后套餐详情一键配单 pc*/
    .dt_prolist_pc{ display:inline;}
    .dt_prolist_phone{ display:none;}
    .dt_box2 .dt_prolist table{max-width:100%;}
    .dt_box2 .dt_prolist table tbody{font-size: 12px; line-height:18px;}
    .dt_box2 .dt_prolist table thead th{ border:1px solid #eee; background: #f8f8f8; text-align: center; line-height:24px;}
    .dt_prolist_pc .tt_img{ width:253px;}
    .dt_prolist_pc .tt_name{width:157px;}
    .dt_prolist_pc .tt_type{ width:100px;}
    .dt_prolist_pc .tt_func{ width:290px;}

    .dt_prolist_pc .tt_size{width:110px;}
    .dt_prolist_pc .tt_num{ width:70px;}
    .dt_prolist_pc .tt_price{width:110px;}
    .dt_prolist_pc .tt_sum{width:110px;}
    .dt_box2 .dt_prolist table tbody{ margin-bottom: 15px;}
    .dt_box2 .dt_prolist tbody tr td{ border:1px solid #eee; text-align: center; padding:5px;}
    .dt_box2 .dt_prolist tbody tr td.tt_title{ border:1px solid #eee; background: #f8f8f8;}


    .dt_box3{margin-top: 45px; margin-bottom:45px;}
    .dt_project{ max-width:100%; margin: 30px auto 0px;}
    .dt_project .dt_project_main{ max-width:362px; margin:0px 10px; border:1px solid #eee;display: inline-block;}
    .dt_project .dt_project_main img{ max-width:360px;}
    .dt_project p{padding-left: 30px; padding-top: 10px;text-align: center;}
    .dt_project a{ font-size: 14px;}
    .dt_title .hr1{border-top:3px solid #c7000b; width: 80px; margin: 0 auto; }
    .dt_box4{ width:100%; background: #fafafa;padding-top: 70px; padding-bottom: 20px;}
    .dt_case{ max-width:1170px; margin: 0 auto;}
    /*.dt_case p{padding: 5px 10px}*/
    .dt_case p span{font-size: 12px;}
    .dt_case div{ display: inline-block; vertical-align: top; margin-right:25px; border:1px solid #eee;max-width: 360px;}
    .dt_case div a img{ margin-bottom: 10px;width:360px; height: 230px;}
    .dt_case div:nth-child(3n){ margin-right: 0px;}
}

@media (max-width: 992px) {
    .dt_topnav,.dt_box1,.dt_box2,.dt_box3{max-width:970px; margin: 0 auto;}
    .dt_topnav{padding: 20px;}
    .dt_banner img{ height:370px;}
    .dt_banner div{max-width:970px;position: absolute; left:10%; top:25%;z-index: 1;}
    .dt_banner div h1{ font-size: 37px; margin-bottom:30px;}
    .dt_banner div p{ font-size: 18px; line-height:36px; font-weight: 100;}
    .dt_box1{ margin-top: 40px;padding: 0px 10px;}
    .dt_box2{padding: 0px 30px;}
    .dt_box2 .dt_prolist{overflow-x: scroll;}
    .dt_box2,.dt_box3{margin-top: 25px; margin-bottom:25px;}
    .dt_box4{padding:30px 10px 0px;}
    .dt_case{max-width:970px; margin: 0 auto;}
    .dt_case div{ display: inline-block; vertical-align: top; margin-right:10px; border:1px solid #eee;max-width: 360px;}
}
@media (max-width: 768px)
{
    .tt_icon{ padding-left:74px;}
    .dt_topnav,.dt_box1,.dt_box2,.dt_box3{max-width:750px;}
    .dt_topnav{padding-left: 20px;}
    .dt_banner img{ height:370px;}
    .dt_banner div{max-width:750px;position: absolute; left:10%; top:25%;z-index: 1;}
    .dt_banner div h1{ font-size: 25px; margin-bottom:30px;}
    .dt_banner div p{ font-size: 14px; line-height:18px; font-weight: 100;}
    .fl{ float:none;}
    .fr{ float:none;}
    .dt_box1{ margin-top: 40px;}
    .dt_video,.dt_info{width:100%;padding:0px 1px;}
    /*.dt_info .gongyu{margin-left: -10px;}*/
    /*.dt_box2{padding: 0px 10px;}*/
    .dt_box2,.dt_box3{margin-top: 25px; margin-bottom:25px;}
    .dt_box3{margin-top: 45px; margin-bottom:45px;padding: 0px 10px;}
    .dt_project{ max-width:100%; margin: 30px auto 0px;}
    .dt_project .dt_project_main{ max-width:362px; margin:0px auto; border:1px solid #eee;}
    .dt_project .dt_project_main img{ max-width:360px;}
    .dt_project p{padding-left: 30px; padding-top: 10px;}
    .dt_project a{ font-size: 14px;}

    .dt_box4{padding-top:30px;}
    .dt_case{ max-width:750px; margin: 0 auto;}
    .dt_case div{ display:block; vertical-align: top; margin:0 auto;border:1px solid #eee;max-width: 360px;}
    /*.dt_case div img{ max-width:360px; max-height:230px;}*/
    .dt_case div:nth-child(3){margin: 10px auto 0px}
    .dt_case div:nth-child(2){ margin-top: 10px;}

    /*未登录购买咨询按钮 phone*/
    .dt_buy_refer{ text-align: center;}
    .dt_buy_refer .btn_buy_phone input[type="button"]{ display:inline}
    .dt_buy_refer .btn_buy_pc input[type="button"]{ display:none}
    .dt_buy_refer .btn_buy_phone{width:100%;}
    .dt_buy_refer .btn_buy_phone input[type="button"]{display: block;width:100%; line-height:40px; border:none; background: #c7000b; border-radius: 2px; color:#fff;}

    /*登录后一键配单按钮 phone*/
    .dt_match{ text-align: left; line-height:24px;}
    .dt_match .btn_buy_phone{display:inline;}
    .dt_match .btn_buy_pc{/*display:none;*/}
    .dt_match .btn_buy_phone{font-size: 14px;color:#959595;}
    .dt_match .btn_buy_phone select{ width:70px; border:1px solid #eee; height: 25px; margin-left: 5px; margin-right: 10px;}
    .dt_match .btn_buy_phone input[type="button"]{ width:100%; line-height:40px; background: #c7000b; border:none; border-radius: 2px; color:#fff; margin-right: 0px;}
    /*------*/

    /*套餐详情手机端页面*/
    .dt_prolist_pc{ display:none;}
    .dt_prolist_phone{display:inline; max-width:750px;}
    .PH_Box{ border-bottom:1px solid #e5e5e5; max-width:100%;}
    .PH_Box span.Pmore{
        display:inline-block;
        width:25px;
        height:25px;
        line-height:9px;
        border-radius:13px;
        border:1px solid #c7000b;
        color:#c7000b;
        text-align:center;
        cursor:pointer;
        font-size:20px;
        font-weight:900;
        transition:transform ease 0.3s;
        -moz-transition:transform ease 0.3s;
        -ms-transition:transform ease 0.3s;
        -o-transition:transform ease 0.3s;
        -webkit-transition:transform ease 0.3s;
    }
    .Pmore_open{
        line-height:18px;
        transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
    }
    .PH_TP_div{ background-color:#f3f3f3; padding:5px 0; text-align: left;}
    .PH_TP_ul{ padding:10px 15px;}
    .PH_TP_ul li{ display:inline-block; vertical-align: middle; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:25px; text-align:center;}
    .ph_li01{ width:30%;}
    .ph_li01 img{ width:85%;}
    .ph_li02{ width:30%;}
    .ph_li03{ width:10%;}
    .ph_li04{ width:10%;}
    .ph_li05{ width:10%;}
    .PH_TP_div table tr td.st{width:15%; padding: 0px 10px;}
    .dt_box2 .dt_prolist tbody tr td{text-align: left; line-height: 20px;}
    .ph_thead{ border:1px solid #eee;}
    .ph_thead ul{  padding:10px 15px;}
    .ph_thead ul li{display:inline-block; vertical-align: middle; font-size:14px; white-space:nowrap; line-height:22px; text-overflow:ellipsis; overflow:hidden; text-align:center;}
}