.banner{


    width: 100%;


    height: 640px;


    background: url("http://oss.expoincloud.com/yc_file/home_pic/banner/banner.jpg") no-repeat 50%;


    background-size: 100% 100%;


    


}


.bannercenner{


    width: 1202px;


    height: 100%;


    margin: 0 auto;


}


.PanoramicLive_txt{


    float: left;


    width: 483px;


    height: 380px;


    margin-top: 225px;


}


.PanoramicLive_txt h1{


    font-size: 45px;


    color: #fff;


    letter-spacing: 6px;


    margin-bottom: 20px;


}


.PanoramicLive_txt p{


    color: #fff;


    font-size: 16px;


    letter-spacing: 2px;


    line-height: 26px;


}


.PanoramicLive_Clicknow{


    width: 113px;


    height: 40px;


    border: 1px solid #fff;


    text-align: center;


    line-height: 40px;


    color: #fff;


    margin-top: 60px;


    cursor: pointer;


}


.PanoramicLive_Clicknow a{


    font-size: 15px;


    color: #fff;


}


.PanoramicLiveCan{


    width: 100%;


    height: 1114px;


    background: #fff;


}


.PanoramicLiveCancenner{


    width: 1202px;


    height: 100%;


    margin: 0 auto;


}


.PanoramicLiveCancenner h1{


    font-size: 36px;


    letter-spacing: 1px;


    text-align: center;


    padding-top: 80px;


    margin-bottom: 5px;


    margin-left: 17px;


}


.PanoramicLiveCancenner h6{


    margin-top: 10px;


    font-size: 18px;


    color: #666;


    text-align: center;


    margin-bottom: 50px;


    font-weight: normal;


}


.PanoramicLiveCancenner ul{


    width: 1028px;


    height: 730px;


    margin: 0 auto;


}


.PanoramicLiveCancenner ul li{


    width: 310px;


    height: 100%;


    float: left;


    margin-right: 48px;


    position: relative;


}


.PanoramicLiveCancenner ul li:nth-child(3){


    margin: 0;


}


.PanoramicLiveCan_top{


    width: 100%;


    height: 100px;


    position: relative;


}


.PanoramicLiveCan_top h2{


    color: #f5f5f5;


    text-align: center;


    font-size: 72px;


}


.PanoramicLiveCan_top h5{


    color: #f5f5f5;


    text-align: center;


    width: 195px;


    height: 57px;


    border-radius: 30px;


    line-height: 57px;


    color:#fff ;


    background: #1a7cf8;


    position: absolute;


    left: 50%;


    top:65px;


    transform: translateX(-50%);


    font-size: 22px;


}


.PanoramicLiveCan_bottom{


    height: 602px;


    width: 100%;


    margin-top: 42px;


}


.PanoramicLiveCan_bottom img{


    width: 305px;


    height: 598px;


}


.PanoramicLiveCan_btn{


    clear: both;


    width: 156px;


    height: 42px;


    border: 1px solid #1a7cf8;


    color: #1a7cf8;


    text-align: center;


    line-height: 42px;


    margin: 60px auto;


    cursor: pointer;


    transition: 0.5s all;


}


.PanoramicLiveCan_btn:hover{


    font-size: 18px;


}


.live_box {


    position: absolute;


    left: 11px;


    top: 10px;


    width: 282px;


    height: 546px;


    border-radius: 30px 30px 30px 35px;


    /* position: relative; */


    overflow: hidden;


    /* background: red; */


    /* background: #000000; */


}


#vd{


    border-radius: 40px 28px 30px 45px;


    margin-left: -5px;


}


.PanoramicLiveCan_btn{


    clear: both;


    width: 156px;


    height: 42px;


    border: 1px solid #1a7cf8;


    color: #1a7cf8;


    text-align: center;


    line-height: 42px;


    margin: 60px auto;


    cursor: pointer;


    transition: 0.5s all;


}


.PanoramicLiveCan_btn:hover{


    font-size: 18px;


}


.PanoramicLiveFeatures{


    height: 710px;


    width: 100%;


    background: url("../images/Features_bg.png") no-repeat center;


    background-size: 100% 100%;


}


.Features_cennert{


    width: 1202px;


    height: 100%;


    margin: 0 auto;


}


.Features_cennert h1{


    font-size: 36px;


    letter-spacing:1px;


    text-align: center;


    padding-top: 80px;


    margin-bottom: 5px;


    margin-left: 17px;


    color:#fff;


}


.Features_cennert P{


    margin-top: 10px;


    font-size: 18px;


    color:#fff;


    text-align: center;


    margin-bottom: 50px;


}


.Features_cennert ul{


    width: 1114px;


    height: 135px;


    margin: 0 auto;


}


.display{


    width: 100%;


    height: 950px;


}


.display_cennert{


    width: 1202px;


    height: 950px;


    margin: 0 auto;


}


.display_cennert h1{


    font-size: 36px;


    letter-spacing:1px;


    text-align: center;


    padding-top: 80px;


    margin-bottom: 5px;


    margin-left: 17px;


}


.display_cennert P{


    font-size: 20px;


    color: #666666;


    text-align: center;


    margin-bottom: 50px;


}


.display_list{


    width: 100%;


    height: 538px;


}


.list_left{


    width: 350px;


    height: 100%;


    float: left;


    margin-right: 10px;


}


.list_left li{


    width: 307px;


    height: 148px;


    background: url("../images/listli.png") no-repeat;


    margin-bottom: 20px;


}


.list_left li:nth-child(1) h2{


    background: url("../images/listli_icon1.png") no-repeat;


    background-position: 30px 33px;


}


.list_left li:nth-child(2) h2{


    background: url("../images/listli_icon2.png") no-repeat;


    background-position: 30px 33px;


}


.list_left li:nth-child(3) h2{


    background: url("../images/listli_icon3.png") no-repeat;


    background-position: 30px 33px;


}


.list_left h2{


    padding-top: 33px;


    padding-left: 30px;


    height: 26px;


    font-size: 21px;


    text-indent: 1.5em;   


}





.list_left h3{


    padding-top: 10px;


    padding-left: 30px;


    height: 26px;


    font-size: 16px;


    font-weight: normal;


    width: 219px;


}


.list_display{


    width: 480px;


    height: 100%;


    float: left;


    margin-right: 10px;


    text-align: center;


}


.list_right{


    width: 350px;


    height: 100%;


    float: left;


}


.list_right li:nth-child(1) h2{


    background: url("../images/listli_icon4.png") no-repeat;


    background-position: 135px 38px;


}


.list_right li:nth-child(2) h2{


    background: url("../images/listli_icon5.png") no-repeat;


    background-position: 78px 40px;


}


.list_right li:nth-child(3) h2{


    background: url("../images/listli_icon6.png") no-repeat;


    background-position: 93px 36px;


}


.list_right h2{


    float: right;


    height: 26px;


    font-size: 21px;


    padding-right: 60px;


    padding-top: 38px;


    text-align: right;





}


.list_right h3{


    padding-right: 25px;


    padding-top: 8px;


    float: right;


    font-size: 16px;


    font-weight: normal;


    width: 219px;


    text-align: right;


}


.list_right li{


    width: 307px;


    height: 148px;


    background: url("../images/listli1.png") no-repeat;


    margin-bottom: 20px;


}


.display_btn {


    width: 156px;


    height: 42px;


    clear: both;


    border: 1px solid #1a7cf8;


    margin: 80px auto;


    color: #1a7cf8;


    text-align: center;


    line-height: 42px;


    cursor: pointer;


}


.if{


    width: 100%;


    height: 100%;


    position: fixed;


    left: 0;


    top: 0;


    z-index: 9999;


    background:rgba(25,25,25,0.95);


}


.case{


    width: 100%;


    height: 828px;


    background: url("../images/case_bg.png");


}


.case_btn{


    width: 526px;


    height: 51px;


    margin: 0 auto;


}


.case_btn li{


    border-radius: 30px;


    width: 166px;


    height: 51px;


    float: left;


    margin-right: 10px;


    text-align: center;


    line-height: 51px;


    color: #fff;


    border: 1px solid #a5a6a7;


    cursor: pointer;


}


.lishow{


    background: #1a7cf8;


    border: none!important;


}


.case_btn li:nth-child(3){


    margin: 0;


}


.case_cennert{


    width: 1202px;


    height: 100%;


    margin: 0 auto;


}


.case_cennert h1{


    font-size: 36px;


    letter-spacing:1px;


    text-align: center;


    padding-top: 80px;


    margin-bottom: 15px;


    margin-left: 17px;


    color:#fff;


}


.case_cennert P{


    font-size: 18px;


    color:#fff;


    text-align: center;


    margin-bottom: 50px;


}


.cal_list{


    margin-top: 37px;


}


.cal_list li{


    width: 363px;


    height: 354px;


    background: #ffffff;


    float: left;


    margin-bottom: 57px;


    margin-right: 50px;


}


.cal_list li:nth-child(3){


    margin: 0;


}


.cal_list_top{


    height: 210px;


    width: 100%;


    position: relative;


}


.cal_list_top img{


    width: 100%;


    height: 100%;


}


.top{


    opacity: 0;


}


.erweima {


    background: rgba(0, 0, 0, 0.5);


    width: 100%;


    height: 100%;


    text-align: center;


    position: absolute;


    left: 0;


    top: 0;


    z-index: 99;


    cursor: pointer;


}


.qrcode{


    margin: 0 auto;


    position: relative;


    width: 109px; 


    height: 112px;


    z-index: 2;


    overflow: hidden;


    padding: 5px 5px 4px 5px;


    background: #fff;


    margin-top: 25px;


    margin-bottom: 11px;


}


.qrcode_Mask{


    width: 100%;


    /* height: 10px; */


    background: #fff;


    position: absolute;


    left: 0;


    bottom: 0;


}


.qrcode_btn{


    text-align: center;


    width: 95px;


    height: 30px;


    line-height: 30px;


    border: 1px solid #fff;


    color: #fff;


    font-size: 14px;


    margin: 0 auto;


}


.cal_list_bottom{


    padding: 29px 0px 0px 20px;


    width: 312px;


    height: 100px;


}


.cal_list_bottom h3{


    margin-bottom: 10px;


}


.cal_list_bottom p{


    font-size: 15px;


    color: #656565;


    text-align: left;


}


.case_go{


    width: 156px;


    height: 42px;


    border: 1px solid #fff;


    text-align: center;


    line-height: 42px;


    color: #fff;


    clear: both;


    cursor: pointer;


    margin: 0 auto;


}


.case_go a{


    color: #fff;


    transition: 0.5s all;


    


}


.case_go:hover{


    font-size: 17px;


}