.pro_w{width:100%;overflow:hidden;height:calc(100vh - 126px);background:#000000;}
.pro_w_main{overflow:hidden;line-height:40px;height:100%;}
.pro_w_left a{color:#6f6f6f;font-size:18px;}
.pro_w_left{overflow:hidden;width:286px;padding-top:95px;float:left;}
.pro_w_left_list{margin-left:30px;overflow:hidden;}
.pro_w_left_list li{position:relative;padding-left:34px;overflow:hidden;}
.pro_w_left_list li.cur:after{content:"";display:block;width:10px;height:10px;background:#0080b7;position:absolute;left:0px;top:15px;}
.pro_w_left_list li.cur a,.pro_w_left_list li:hover a{color:#fff;}
.pro_w_left_sbei{width:105px;height:44px;line-height:44px;border:2px #ececec solid;color:#ffffff;margin:0 auto;margin-top:1.7rem;padding-left:60px;background:url(../images/pro/s1.png) no-repeat left 28px center;}
.pro_w_left_sbei a{color:unset;}
.pro_w_right{width:calc(100% - 286px);float:right;height:100%;position:relative;}
.pro_w_right_1{width:60.0979192166%;float:left;overflow:hidden;height:100%;background:#495056;position:relative;}
.pro_w_right_1_img{position:absolute;left:.6rem;bottom:.6rem;width:5.2rem;}
.pro_w_right_1_font{position:absolute;right:.45rem;top:.2rem;line-height:1;transition: opacity .5s ease-in-out;will-change: opacity;}
.pro_w_right_1_p{position:absolute;right:.45rem;top:.2rem;line-height:1;opacity: 0;    transition: opacity .5s ease-in-out;will-change: opacity;}
.pro_w_right_1_font font{display:inline-block;font-size:14.2vh;color:#ffffff;}
.pro_w_right_1_font p{display:inline-block;color:#ffffff;font-size:26px;}
.pro_w_right_1_p font{display:inline-block;font-size:14.2vh;color:#ffffff;}
.pro_w_right_1_p p{display:inline-block;color:#ffffff;font-size:26px;} 
.pro_w_right_1_bg{width:100%;height:100%;opacity:0;}
.pro_w_right_1_bg img{width:100%;height:100%;}
.pro_w_right_2{width:39.9020807834%;float:left;overflow:hidden;background:#fff;position:relative;}
.pro_w_right_2_img{position:absolute;left:.69rem;bottom:.56rem;width:3.16rem;}
.pro_w_right_2_font font{color:#000000;}
.pro_w_right_2_font p{color:#000000;}

.pro_w_right_3{position:relative;width:36.2301101591%;background:#bbbbbb;float:left;}
.pro_w_right_3_img{bottom:.3rem;width:3.29rem;}
.pro_w_right_3_font font{color:#000000;}
.pro_w_right_3_font p{color:#000000;}

.pro_w_right_main_1{width:100%;overflow:hidden;height:50%;}
.pro_w_right_main_2{width:100%;overflow:hidden;height:50%;}
.c_11>div:hover .pro_w_right_1_bg{transition: opacity .5s ease-in-out;opacity: 1 !important;}
.c_11>div:hover .pro_w_right_1_img{opacity: 1;transition: none;}
.c_11>div:hover .pro_w_right_1_font{opacity:0;transition: opacity .5s ease-in-out;}
.c_11>div:hover .pro_w_right_1_p{opacity:1;transition: opacity .5s ease-in-out;}

.pro_w_right_4{position:relative;width:36.363525091799%;background:#7c8080;float:left;}
.pro_w_right_4_img{width:3.58rem;bottom:.4rem;}

.pro_w_right_5{position:relative;width:27.406364749101%;background:#bbbbbb;float:left;}
.pro_w_right_5_ft{text-align:center;overflow:hidden;width:100%;position:absolute;left:0px;top:39%;font-size:.46rem;color:#000000;line-height:1.23;}
.c_11>div:hover .pro_w_right_5_ft{color:#fff;transition: color .5s ease-in-out;}

.main6_2_1{display:none;}
.pro_w_left_wap{display:none;}

.djihou{overflow:hidden;}
.xi_lie{position:absolute;left:0px;top:0px;width:100%;height:100%;background:#191919;z-index:3;    overflow-y: auto;display:none;}
.xi_lie_1{padding:30px 139px 0;}
.xi_lie_1_title{color: #fff;line-height:1;}
.xi_lie_1_title font{font-size:105px;display:inline-block;}
.xi_lie_1_title p{font-size:26px;display:inline-block;}
.xi_lie_1_close{position:fixed;right:40px;top:150px;}
.xi_lie_1_close a{background:url(../images/pro/show/g1.png) no-repeat;width:38px;height:38px;display:block;}
.xi_lie_1_list ul{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    row-gap: 23px;
    padding: 53px 139px 60px;
    column-gap: 36px;
    line-height:1.2;
}
.xi_lie_1_list li p{color:#ffffff;font-size:20px;padding-top:30px;display:block;}
.xi_lie_1_list li div{color:#808080;font-size:16px;display:block;padding-top:10px;}
.xi_lie_1_content{font-size:16px;color:#808080;line-height:1.5;
    opacity: 0.8;
    padding: 22px 0px 40px 0px;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin: 0 139px;
}
.piaofu{display:none;}
@media (max-width: 1199px)
{
    .pro_w{height:calc(100vh - 77px);}
}
@media (max-width: 999px)
{
    .pro_w_left{padding-top:0px;}
    .pro_w_left{width:100%;height:auto;display:none;}
    .pro_w_right{width:100%;height:auto;}
    .pro_w_right_1{width:50% !important;height:300px !important}
    .pro_w_right_5{width:100% !important;height:200px;}
    .pro_w{height:auto;}
    .c_11{height:auto;}
    .pro_w_right_1_font font{font-size:20px !important;}
    .pro_w_right_1_font p{font-size:16px !important;}
    .pro_w_right_1_p font{font-size:20px !important;display:none !important;}
    .pro_w_right_1_p p{font-size:16px !important;display:none !important;}
    .pro_w_right_5_ft{font-size:16px;}
    .pro_w_right_1_img{max-width:60% !important;max-height:1000px;}
    .pro_w_left_wap{display:block;font-size:14px;}
    .pro_w_left_wap_list{width:calc(100% - 74px);float:left;}
    .pro_w_left_wap_sbei{float:right;padding-top:11px;padding-right:10px;}
    .pro_w_left_wap_list ul{    white-space: nowrap;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;}
    .pro_w_left_wap_list ul::-webkit-scrollbar {display: none; }
    .pro_w_left_wap_list li{display:inline-block;padding:0 20px;height:45px;line-height:45px;}
    .pro_w_left_wap_list a{color: rgba(255,255,255,0.4);}
    .pro_w_left_wap_list li.cur a{color:#fff;}
    .main6_2_1{display:block !important;}
    .xi_lie_1{padding:20px;padding-bottom:0px;}
    .xi_lie_1_list ul{padding:20px;}
    .xi_lie{overflow:auto;height:calc(100vh - 120px);}
    .xi_lie_1_content{margin:20px;}
    .xi_lie_1_list ul{display:block;}
    .xi_lie_1_list ul li{width:100%;overflow:hidden;padding-bottom:40px;}
    .xi_lie_1_list ul img{width:280px;float:left;margin-right:10px;}
    .xi_lie_1_list li p{padding-top:0px;}
}
@media (max-width: 767px)
{
    .pro_w_right_1{width:50%;height:200px !important;}
    .pro_w_right_5{width:100%;height:150px !important;}
    .pro_w_right_1_font{top:20px;right:20px;}
    .pro_w_left_wap_list li{padding:0 10px;}
    .xi_lie_1_list ul img{width:160px;}
    .xi_lie_1_title font{font-size:60px;}
}
@media (max-width: 480px)
{
.main6_2_1{display:none !important;}
.xi_lie_1_title font{font-size:40px;}
.xi_lie_1_title p{font-size:14px;}
.xi_lie_1_close a{width:18px;height:18px;background-size:100% 100%;}
.xi_lie_1_content{font-size:13px;}
.xi_lie_1_list li p{font-size:16px;}
.xi_lie_1_list li div{font-size:14px;}
.xi_lie_1_content{margin-top:0px;}
.xi_lie_1_list ul li:last-child{padding-bottom:0px;}
.pro_w_right{z-index:3334;}
.xi_lie{height:100%;}
}

@media screen and (min-width:1024px)
{
    
.xi_lie_1_list ul{
    padding: 53px 139px 60px;
}
}

@media screen and (max-width: 1366px) and (min-width: 980px)
{
    .xi_lie_1 {
        padding: 20px 50px 0px 50px;
    }
    .xi_lie_1_list ul{
        padding: 53px 60px 44px 60px;
        column-gap: 36px;
    }
    .xi_lie_1_content{    margin: 0 60px;}
}