@charset "utf-8";
/* weiranc 2022/3/28 */
.wrapperIndex{width: 1200px;margin: 0 auto;overflow:hidden;}
.table-cell{display: table-cell;vertical-align: middle;}
.table{display: table;}
.mt8{margin-top:8px;}
.fullLayout{background-color:#f8f9fe;}
/* 底部 */
.footBox{background:url(../../images/detail/footerBg.png) top center no-repeat;height:168px;}
.footBox ul{width:1200px;margin:0 auto;overflow:hidden;padding-top:40px;}
.footBox ul li{float:left;width:270px;margin-right:200px;}
.footBox ul li:nth-child(2){margin-right:180px;}
.footBox ul li:nth-child(3){margin-right:0;}
.footBox ul h3{font-size:26px;padding-left:35px;line-height:40px;}
.footBox ul p{font-size:14px;line-height:26px;}
.footBox li:nth-child(1) h3{background:url(../../images/detail/foot1Img.png) no-repeat 0;}
.footBox li:nth-child(2) h3{background:url(../../images/detail/foot2Img.png) no-repeat 0;}
.footBox li:nth-child(3) h3{background:url(../../images/detail/foot3Img.png) no-repeat 0;}
/* */
.tabConList{display:none;}
.show{display: block;}
.newW2Con{background-color:#fff;overflow:hidden;margin:5px 3px;border:1px solid #f2f2f2;
box-shadow: 0 0 6px 3px rgba(50,50,50,.05);}
/* .w2conR{margin:30px 0 35px 10px;} */
.newW2Con .w2conL h3{font-size:28px;color:#333;font-weight:bold;line-height:60px;}
.newW2Con .w2conL p{font-size:14px;color:#333;line-height:24px;}
.newW2Con .w2conL .enter{display: block;width:156px;height:38px;line-height:38px;border-radius: 2px;background-color:#e85744;color:#fff;
text-align:center;font-size:14px;}
.w2conR li .newW2Lis{width:90px;height: 90px;background-color: #fff;border-radius: 4px;
margin: 10px;display: table;border: 1px solid #f2f2f2;overflow: hidden;}
.newW2Img{display: table-cell;vertical-align: middle;overflow:hidden;text-align: center;}
.w2conR li p{font-size: 14px;line-height: 24px;margin-left: 10px;width: 108px;overflow: hidden;}
.w2conR li p.p2{font-size: 12px;}
.w2conR li .newW2Lis:hover{box-shadow: 0 0 6px 3px rgba(50,50,50,.05);}
.newW5L{width:382px;margin-right: 26px;}
.newW5Con{background-color: #fff;}
.newW5M{width:390px;padding: 10px 0;height: 160px;}
.W5LImg1 a{display:block;}
.W5LImg1 img{width: 390px;height: 234px;}
.W5MLis{width: 267px;height: 254px;padding: 10px 30px 20px 5px;}
.W5MUlImg{width: 82px;height: 68px;transition: transform 0.35s;}
.W5MUlImg:hover{transform: scale(1.1,1.1);}
.W5Mmore{font-size: 12px;font-weight: normal;}
.W5Mmore:hover{color:#005387;}
.imgWord{height: 47px;width:170px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;padding: 10px 0 20px 8px;}
.imgWordH5{font-size: 14px;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.straight{top: 130px;left: 0;width: 240px;height: 1px;background-color: #f8f8f8;position: absolute;display: block;}
.lengthways{top: 45px;left: 80px;width: 1px;height: 170px;background-color: #f8f8f8;position: absolute;display: block;}
.lengthways2{left: 160px;}
.newW5R{width:218px;border:1px solid #eee;height:568px;}
.W5RTitle{height:50px;line-height:50px;background-color: #f8f8f8;text-align:center;font-size:22px;}
.newW5R i.icon28{background-position: -171px -135px;width: 20px;height: 23px;vertical-align: middle;margin-right: 10px;}
.W5RconList{padding:0 10px;}
.W5RconUl li{padding-left: 5px;line-height:44px;height:44px;border-bottom:1px dashed #d1d1d1;cursor: pointer;font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;}
.W5RconUl li:hover{color:#005387;}
.newW5RMore a{font-size:17px;color:#005387;text-align:center;display: block;}
.W6RconList{padding:20px 10px;}
.contribute{width:148px;margin:0 auto;}
.contribute a{width:148px;height:36px;line-height:36px;font-size:18px;border-radius:2px;display:block;text-align:center;border:1px solid #e85744;color:#e85744;}
.contribute a:hover{background-color:#e85744;color:#fff;}

/* 鼠标移上高亮显示 */
.W5LImg1 a,.SortLis{position:relative;}
.W5LImg1 a:after,.newW2Con .newW2Lisf a:after,.SortLis a:after{position: absolute;top: 0;left: 0;
right: 0;bottom: 0;content: "";background: rgba(255,255,255,.2);
opacity: 0;-webkit-transition: opacity .2s ease;transition: opacity .2s ease;}
.W5LImg1 a:hover:after,.newW2Con .newW2Lisf a:hover:after,.SortLis a:hover:after{opacity: 1;}
/* 企业应用 */
.tabBox{}
.tabBox ul{overflow:hidden;width: 80%;margin:0 auto}
.tabBox li{
    float:left;
    width: 33%;
    padding-top: 20px;
    /* height: 75px; */
    /* border-bottom:3px solid #ecf1f7; */
    /* background-color:#ecf1f7; */
    cursor: pointer;
    text-align: center;
}
.tabBox ul li img{
    /* margin-left:74px; */
    transform: scale(0.8);
}
.tabBox li .name{font-size:17px;line-height:45px;font-weight: bold;color:#333;}
.tabBox li.current .name{
    /* background-color:#fff; */
    color: #0096F4;
    /* border-bottom:3px solid #e85744; */
}
.tabBox li.current img{
    transform: scale(1.1);
}
.tabConT{font-size:16px;line-height:40px;padding:20px 0 30px;}
.advCloud{margin-top:40px;height:380px;position: relative;}
.adv img{width:1200px;height:380px;}
.overviewBox{margin-top:35px;}
.bigT{line-height:34px;font-size:24px;text-align:center;font-weight: bold;}
.litleT{font-size:16px;line-height:30px;text-align:center;}
/* 能力体系 */
.systemBox{margin-top:30px;}
.systemList{overflow:hidden;margin-top:20px;}
.systemList li{float:left;border:1px solid #f2f2f2;box-shadow: 0 0 6px 3px rgba(50,50,50,.05);margin:5px 0 5px 4px;
width:316px;height:305px;padding: 0 30px;margin-right: 25px;}
.systemListT{font-size:20px;border-bottom:2px solid #f1f1f0;height: 98px;line-height: 98px;padding-left: 80px;}
.systemList li .t1{background:url(../../images/detail/tx1Img.png) no-repeat left;}
.systemList li .t2{background:url(../../images/detail/tx2Img.png) no-repeat left;}
.systemList li .t3{background:url(../../images/detail/tx3Img.png) no-repeat left;}
.systemListCon{margin-top: 20px;}
.systemListCon p{font-size:14px;line-height:20px;background:url(../../images/detail/yesIcon.png) no-repeat left 4px;
padding-left:20px;margin-bottom: 10px;}
/* 应用优势 */
.advantageBox{height:580px;background:url(../../images/detail/ysBg.png) no-repeat center;
margin-top:35px;background-color:#f8f9fe;}
.advantageList{margin-top:80px;}
.advantageList h4{font-size:20px;height: 40px;line-height: 40px;padding-left: 45px;}
.advantageList .ys1{background:url(../../images/detail/ys1Img.png) no-repeat left;}
.advantageList .ys2{background:url(../../images/detail/ys2Img.png) no-repeat left;}
.advantageList .ys3{background:url(../../images/detail/ys3Img.png) no-repeat left;}
.advantageList .ys4{background:url(../../images/detail/ys4Img.png) no-repeat left;}
.advantageList .list{margin-left: 45px;}
.advantageList .list p{font-size:14px;line-height:30px;}
/* 成功案例 */
.caseBox{margin-top:40px;}
.ewmImg{display: block;margin: 80px auto 0;}
.ewmT{font-size:24px;line-height:80px;text-align:center;margin-bottom: 40px;}
/* tdmp产品优势 */
.d2advantageList{padding:28px 0;}
.d2advantageList h4{font-size:16px;color:#026fd6;font-weight:bold;height: 40px;line-height: 40px;padding-left: 90px;}
.d2advantageList.list1{background:url(../../images/detail/d2ys1.png) no-repeat left;}
.d2advantageList.list2{background:url(../../images/detail/d2ys2.png) no-repeat left;}
.d2advantageList.list3{background:url(../../images/detail/d2ys3.png) no-repeat left;}
.d2advantageList.list4{background:url(../../images/detail/d2ys4.png) no-repeat left;}
.d2advantageList .list{margin-left: 90px;}
.d2advantageList .list p{font-size:14px;line-height:30px;}
/* tdmp服务特征 */
.serverList{overflow:hidden;margin:60px 0 0 84px;}
.serverList li{float:left;border:1px solid #f2f2f2;box-shadow: 0 0 6px 3px rgba(50,50,50,.05);margin:5px 0 20px 4px;
width:408px;height:148px;padding: 0 40px;margin-right: 20px;}
.serverListT{padding-left: 120px;height: 90px;margin-top: 36px;}
.serverList li .t1{background:url(../../images/detail/d2tz1.png) no-repeat left;}
.serverList li .t2{background:url(../../images/detail/d2tz2.png) no-repeat left;}
.serverList li .t3{background:url(../../images/detail/d2tz3.png) no-repeat 15px;}
.serverList li .t4{background:url(../../images/detail/d2tz4.png) no-repeat left;}
.serverListT h4{font-size:16px;color:#026fd6;font-weight:bold;height: 34px;line-height: 34px;
}
.serverListT .list p{font-size:14px;line-height:18px;}
/*tdmp 应用优势 */
.D2advList{overflow:hidden;margin-left: 80px;}
.D2advList li{float:left;width:275px;margin-right: 80px;}
.D2advList img{display: block;margin: 40px auto 10px;}
.D2advList h4{text-align: center;font-size: 14px;color: #026fd6;font-weight: bold;height: 50px;line-height: 50px;}
.D2advListCon{margin-top: 20px;}
.D2advListCon p{font-size:14px;line-height:26px;background:url(../../images/detail/ysIcon2.png) no-repeat left 8px;
padding-left:20px;margin-bottom: 10px;}
/*tdmp 成功案例 */
.d2caseImg{margin:50px 0 0; }
.d2caseImg img{margin:5px 20px 5px 5px;box-shadow: 0 0 6px 3px rgba(50,50,50,.05);}
/* 神州视讯 为您带来 */
.systemList li .dlt1{background:url(../../images/detail/d3dlImg1.png) no-repeat left;}
.systemList li .dlt2{background:url(../../images/detail/d3dlImg2.png) no-repeat left;}
.systemList li .dlt3{background:url(../../images/detail/d3dlImg3.png) no-repeat left;}
/* 神州视讯 应用优势 */
.szsxAdvBox{height:490px;background:url(../../images/detail/d3ysban.png) no-repeat center 136px;
margin-top:60px;background-color:#f8f9fe;}
.szsxAdvBox h4{font-size: 24px;text-align: center;padding-top: 50px;}
.szsxAdvList{margin:30px 0 0 20px;height: 165px;}
.szsxAdvList .szsxYs1{background:url(../../images/detail/d3ysImg1.png) no-repeat 0 5px;padding-left: 50px;}
.szsxAdvList .szsxYs2{background:url(../../images/detail/d3ysImg2.png) no-repeat 0 5px;padding-left: 60px;}
.szsxAdvList .szsxYs3{background:url(../../images/detail/d3ysImg3.png) no-repeat 0 5px;padding-left: 50px;}
.szsxAdvList .szsxYs4{background:url(../../images/detail/d3ysImg4.png) no-repeat 0 5px;padding-left: 60px;}
.szsxAdvList p{font-size:16px;line-height:32px;}
/* 神州视讯 应用场景 */
.szsxCjList{margin-left:0;}
.szsxCjList li{height: 140px;margin-bottom:12px;margin-right:0;width: 490px;}
.serverList li .szsxCjt1{background:url(../../images/detail/d3cjImg1.png) no-repeat left;padding-top: 10px;}
.serverList li .szsxCjt2{background:url(../../images/detail/d3cjImg2.png) no-repeat left;}
.serverList li .szsxCjt3{background:url(../../images/detail/d3cjImg3.png) no-repeat 15px;}
.szsxCjList .serverListT{margin-top:0;padding-left: 150px;height:140px;}
.szsxCjList .serverListT .list p{line-height: 20px;}
.szsxCjList .serverListT h4{font-size: 20px;color:#333;font-weight: normal;padding-top: 15px;}
.szsxCjList .szsxCjleft{height: 300px;padding: 0 25px;width: 536px;margin-right: 18px;}
.szsxCjList .szsxCjleft .list h4{font-size: 20px;color:#333;font-weight: normal;padding-top: 20px;}
.szsxCjList .szsxCjleft .list p{line-height: 20px;font-size: 14px;margin-top: 15px;}
/* azure */
.systemList-azure .systemListCon p{line-height: 25px;background: url(../../images/detail/yesIcon.png) no-repeat left 6px;}
.advantageBox-azure{background:url(../../images/detail/AzureAlBg.png) no-repeat center 200px;background-color: #f8f9fe;}
.advantageBox-azure h3{font-size: 24px;text-align: center;padding-top: 35px;font-weight: bold;}
.advantageBox-azure .advantageList{margin-top:85px;}
.advantageBox-azure .advantageList .ys1{background:url(../../images/detail/AzureAlImg1.png) no-repeat left;}
.advantageBox-azure .advantageList .ys2{background:url(../../images/detail/AzureAlImg2.png) no-repeat left;}
.advantageBox-azure .advantageList .ys3{background:url(../../images/detail/AzureAlImg3.png) no-repeat left;}
.advantageBox-azure .advantageList .ys4{background:url(../../images/detail/AzureAlImg4.png) no-repeat left;}
/* 神州启智 */
.advantageBox-szqz{height:530px;}
.advantageBox-szqz{background:url(../../images/detail/qzJzbg.png) no-repeat center 160px;background-color: #f8f9fe;}
.advantageBox-szqz h3{font-size: 24px;text-align: center;padding-top: 60px;font-weight: bold;}
.advantageBox-szqz .moudle{width:375px;}
.advantageBox-szqz .advantageList{margin-top:75px;}
.advantageBox-szqz .advantageList .ys1{background:url(../../images/detail/qzJzImg1.png) no-repeat left;}
.advantageBox-szqz .advantageList .ys2{background:url(../../images/detail/qzJzImg2.png) no-repeat left;}
.advantageBox-szqz .advantageList .ys3{background:url(../../images/detail/qzJzImg3.png) no-repeat left;}
.advantageBox-szqz .advantageList .ys4{background:url(../../images/detail/qzJzImg4.png) no-repeat left;}
.advantageBox-szqz .advantageList h4{font-size:18px;color:#036fd6;font-weight: bold;padding-left: 50px;}
.advantageBox-szqz .advantageList .list{margin-left: 50px;}
.advantageBox-szqz .advantageList .list p{font-size:14px;line-height:24px;}
.serverList-szqz li{padding:0 0 0 20px;width:468px;}
.serverList-szqz li .szsxCjt2{background:url(../../images/detail/qzYyImg1.png) no-repeat left;}
.serverList-szqz li .szsxCjt3{background:url(../../images/detail/qzYyImg2.png) no-repeat left;padding-left: 185px;}
.serverList-szqz .serverListT{height:120px;margin-top: 15px;padding-left: 160px;}
.serverList-szqz .serverListT .list p{font-size:22px;padding-top: 50px;}
.aboutGoodsBox{background-color: #f8f9fe;padding-bottom: 68px;}
.aboutGoodsBox h3{font-size: 24px;text-align: center;padding:55px 0 40px;font-weight: bold;}
.aboutGoodsBox img{display:block;margin:0 auto;}
.traitBox-szqz{padding:40px 0 50px;}
.traitBox-szqz .systemList li{width: 318px;height: 308px;margin-right:20px;}
.traitBox-szqz .systemListCon{margin-top:30px;}
.traitBox-szqz .systemListCon h4{font-size:18px;color:#036fd6;line-height:40px;text-align:center;
font-weight: bold;}
.traitBox-szqz .systemListCon img{display: block;margin: 0 auto;}
.traitBox-szqz .systemListCon p{line-height:24px;padding:0;margin:0;background: none;}
.functionBox-szqz{background-color: #f8f9fe;padding: 45px 0;}
.functionList{width: 1200px;height: 460px;}
.functionBox-szqz .list1{background:url(../../images/detail/qzGnBg1.png) no-repeat left;margin-left:130px;}
.functionBox-szqz .list2{background:url(../../images/detail/qzGnBg2.png) no-repeat right;width: 1120px;}
.functionBox-szqz .list3{background:url(../../images/detail/qzGnBg3.png) no-repeat left;margin-left:210px;}
.functionBox-szqz .list4{background:url(../../images/detail/qzGnBg4.png) no-repeat right;width: 990px;}
.list1 .listCon{margin-left: 515px;padding-top: 200px;}
.list2 .listCon{margin-left: 160px;padding-top: 160px;}
.list3 .listCon{margin-left: 430px;padding-top: 140px;}
.list4 .listCon{margin-left: 160px;padding-top: 120px;}
.functionList h4{font-size:24px;line-height:50px;}
.functionList p{font-size:16px;line-height:30px;background:url(../../images/detail/qzBg.png) no-repeat 8px 12px;
padding-left:24px;margin-bottom: 10px;}
/* 千帆计划 */
.qfjhBanBox{padding:30px 0;background-color:#f8f9fe;}
.qfjhBanBox img{display:block;margin:0 auto;}
.introBox-qfjh{margin-top:40px;}
.introBox-qfjh img{display:block;margin:0 auto;}
.lmIntroBox{font-size:24px;line-height:40px;margin:0 0 30px 90px;}
.lmImgBox{text-align:center;}
.lmImgBox img{margin-right:24px;display:inline-block;}
/* 电商运营服务 */
.functionBox-dsfw{padding:0;}
.functionBox-dsfw .functionList{height:340px;}
.functionBox-dsfw .list1{background:url(../../images/detail/dsFwImg1.png) no-repeat left 30px;margin-left:145px;}
.functionBox-dsfw .list2{background:url(../../images/detail/dsFwImg2.png) no-repeat right;margin:30px 0 0 0;}
.functionBox-dsfw .list1 .listCon{margin-left: 490px;padding-top: 110px;width:490px;}
.functionBox-dsfw .list2 .listCon{margin-left: 120px;padding-top: 70px;width:490px;}
.functionBox-dsfw .functionList h4{background:url(../../images/detail/dsBg1.png) no-repeat left bottom;
margin-bottom: 10px;}
.functionBox-dsfw .functionList p{line-height:30px;background:none;padding-left:0;}
.honorBox{background:url(../../images/detail/dsBg2.png) no-repeat left top;padding-bottom: 50px;}
.honorCon{margin:5px 0 0 200px;}
.honorCon p{font-size:26px;line-height:50px;}
.offerBox-dsfw{background:url(../../images/detail/dsBg4.png) no-repeat 0;padding-bottom: 60px;}
.offerBoxList{margin-left:10px;}
.offerBoxList h4{font-size:26px;margin:50px 0 30px;
background:url(../../images/detail/dsBg3.png) no-repeat left bottom;padding-left:10px;}
.offerBoxList img{margin-left: 45px;}
/* 千帆计划联盟成员 */
.leagueT{font-size:30px;font-weight:bold;background:url(../../images/detail/qfBg1.png) no-repeat 0;
padding-left:100px;text-align:center;margin:45px auto 30px;height: 80px;line-height: 80px;width: 450px;}
.leagueBox{}
.leagueBox h3{font-size:20px;font-weight:bold;background:url(../../images/detail/dsBg3.png) no-repeat 0;
padding: 30px 0 30px 10px;margin-left:15px;}
.leagueList{overflow:hidden;border:1px solid #f2f2f2;box-shadow: 0 0 6px 3px rgba(50,50,50,.05);margin:5px;
padding:20px;}
.leagueListL{border-right:1px solid #f4f7fd;float:left;padding-right: 20px;}
.leagueListR{float:left;margin-left:20px;}
.leagueList li{margin-bottom:30px;}
.leagueList li h4{font-size:14px;font-weight:bold;background:url(../../images/detail/qfBg2.png) no-repeat 0;
padding-left:15px;margin-bottom:15px;}
.leagueListCon{background-color:#f4f7fd;padding:10px;line-height:22px;font-size:14px;width:532px;}
.officialBox h3{background:url(../../images/detail/qfBg4.png) no-repeat 0;}
.officialBox .leagueList li h4{background:url(../../images/detail/qfBg3.png) no-repeat 0;}
.officialBox .littleT{font-size:16px;font-weight:bold;text-align:center;padding:25px 0;}

.wrapperIndex{
    /* 影响页面图片显示background-color: #FAFBFD; */
    
}
.detailTopBar{
    background-color: #FAFBFD;
}
.detailTopBar .newW2Con{
    background-color: transparent;
    border: 0;
    box-shadow: initial;
}
.detailTopBar .newW2Lis{
    box-shadow: 0 0 6px 3px rgba(50,50,50,.05);
}
 /* 当前栏包含应用.contain */
 .detailTopBar .contain{
    color: #0096F4;
}
.detailTopBar .active{
    color: #E55741;
}
.detailTopBar .active .newW2Lis{
    transform: scale(1.1);
}
.szsxClickUse {
    height: 40px;
    border: 1px solid rgb(150,166,247);
    color: #6684f3;
    background-color: rgb(226,230,254);
    z-index: 9;
    /* margin-top: -115px;
    margin-left: 176px; */
    border-radius: 2px;
    font-size: 16px;
    padding: 0 37px;
    position: absolute;
    left: 174px;
    top: 265px;
}
.tdmpClickUse{
    height: 40px;
    border: 1px solid rgb(150,166,247);
    color: #6684f3;
    background-color: rgb(226,230,254);
    z-index: 9;
    /* margin-top: -88px;
    margin-left: 89px; */
    border-radius: 2px;
    font-size: 18px;
    padding: 0 34px;
    position: absolute;
    top: 292px;
    left: 89px;
}
.azureClickUse{
    height: 40px;
    border: 1px solid rgb(150,166,247);
    color: #6684f3;
    background-color: rgb(226,230,254);
    z-index: 9;
    /* margin-top: -101px;
    margin-left: 203px; */
    border-radius: 2px;
    font-size: 18px;
    padding: 0 34px;
    position: absolute;
    top: 279px;
    left: 203px;
}
.qfjhClickUse{
    height: 44px;
    border: 0;
    color: rgb(196,211,253);
    background-color: rgb(25,65,254);
    z-index: 9;
    /* margin-top: -107px;
    margin-left: 220px; */
    border-radius: 4px;
    font-size: 18px;
    padding: 0 14px;
    position: absolute;
    top: 273px;
    left: 220px;
}
.szqzClickUse{
   height: 44px;
    border: 0;
    color: rgb(196,211,253);
    background-color: rgb(25,65,254);
    z-index: 9;
    /* margin-top: -114px;
    margin-left: 192px; */
    border-radius: 4px;
    font-size: 18px;
    width: 162px; 
    position: absolute;
    top: 266px;
    left: 192px;
}
/* 20230407电商运营视频 */
.videoBox{background:url(../../images/dsVideo/vedioBg.jpg) no-repeat 0;height:530px;}
.videoBox ul{padding-top:320px;overflow: hidden;}
.videoBox ul li{float:left;margin:0 20px 6px 0;overflow: hidden;cursor: pointer;
      box-shadow: 0 0 3px 2px rgba(50,50,50,.08);transition:.2s;margin-right: 20px;}
.videoBox ul li:hover{transform: translate3d(0,-5px,0);}
.videoBox .videoInfor{width: 255px;font-size:20px;color:#fff;line-height: 42px;height:42px;overflow: hidden;
word-break: break-all;padding:0 15px;background-color:#5a51e4;}
.videoBox .videoImg{width: 283px;height: 162px;border: 1px solid #e1e2f2;
    }
.videoBox .videoPlay{height: 162px;position: relative;}
.videoBox .videoIcon{position: absolute;background: url(../../images/dsVideo/videoIcon.png) no-repeat;width:53px;
height:53px;display: block;left: 50%;top: 50%;margin-left: -27px;
margin-top: -27px;cursor: pointer;border-radius: 50%;}
.videoBox .videoIcon:hover{ box-shadow: 0 0 30px #ccc;}
.videoPlayBox{display:none;}
.shadeBox{position: fixed;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);}
.video-box{width:560px;height:316px;position:fixed;left:50%;top:50%;margin-left:-280px;
margin-top:-158px;z-index: 3;background-color: #ffff;}
.video-box video{position: absolute;top: 0;left: 0;display:none;}
.video-box video#videoID{display:block;}
.buttonClose{background: url(../../images/fourthIndex/popwindow_close.png) no-repeat;display:block; width: 16px;height: 18px;
position: absolute;top: -20px;right:-20px;cursor: pointer;}