@charset "utf-8";
/* CSS Document */
 *{
     margin:0;
     padding:0;
     -webkit-tap-highlight-color:transparent;
     outline:0;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
}
body{
     width:100%;
     margin:0 auto;
     min-width: 1200px;
     overflow-x: hidden;
}
body,html{
     font-family: "Source Han Sans CN";
     font-family: "微软雅黑";
     font-family: "Microsoft Yahei";
     color: #424242;
}
li{
     list-style:none;
}
img{
     display: block;
     border:0;
}
a{
     text-decoration:none;
     color:inherit;
     cursor: pointer;
}
input,textarea,button{
     outline:none;
     border:0;
     background:none;
     resize:none;
     -webkit-appearance: none;
}
.fl{
     float: left;
}
.fr{
     float: right;
}
.clear:after{
     display:block;
     content:'';
     clear:both
}
.min1200{
     width: 1200px;
    margin: 0 auto;
}
.header {
     width: 100%;
     height: 90px;
}
.header a{
     display: block;
}
.header a img{
     width: 150px;
     height: 43px;
     margin: 23px auto;
}
.header p img{
     width: 171px;
     height: 16px;
     margin: 37px auto;
}
.box{
     position: relative;
     height: 909px;
     width: 100%;
     position: relative;
     background: url('../images/1102pc-banner.png') no-repeat center top;
     padding-top: 290px;
}
.huifang a{
     position: relative;
     display: block;
     width: 80px;
     height: 30px;
     background: url('../images/1102pc-huifang.png') no-repeat;
     background-size: 80px 30px;
     margin-bottom: 5px;
     margin-right: 8px;
}
.hfMask{
     display: none;
     position: absolute;
     right: 2px;
     top: 46px;
     width: 272px;
     height: 299px;
     background: url('../images/1102pc-hferweima.png') no-repeat;
     background-size: 272px 299px;
     z-index: 9;
}
.hfMask img{
     width: 155px;
     height: 155px;
     margin: 105px 0 0 58px;
}
.content-box .video-box{
     width: 775px;
     height: 503px;
     border-radius: 6px;
     background: #fff;
}
.content-box .ycJs-box{
     width: 405px;
     height: 503px;
     border-radius: 6px;
     background: #fff;
     padding-top: 22px;
}
.video-box{
     padding: 0 16px;
}
.title-box {
     height: 73px;
}
.title-box .zhu{
     width: 100%;
     height: 100%;
     background: url('../images/1102pc-zhutitle.png') no-repeat;
     background-size: 189px 31px;
     background-position: center center;
}
.title-box .fen{
     text-align: center;
}
.title-box .fen p{
     cursor: pointer;
     width: 110px;
     display: inline-block;
     font-size: 19px;
     color: #3e3e3e;
     text-align: center;
     height: 45px;
     line-height: 38px;
     margin-top: 16px;
     cursor: pointer;
}
.title-box .fen p.active{
     font-weight: 700;
     color: #fff;
     background: url('../images/1102pc-active.png') no-repeat;
     background-size: 102px 45px;
     background-position: center center;
}
.vLink-box,.vLink-box a,.vLink-box a img{
     position: relative;
     display: block;
     width:100%
}
.vLink-box a:after{
     position: absolute;
     left: 50%;
     top: 50%;
     display: block;
     content:'';
     width: 95px;
     height: 95px;
     background: url('../images/1102pc-icon.png') no-repeat;
     background-size: 95px 95px;
     margin: -47px 0 0 -47px;
}
.ycJs-tab{
     width: 210px;
     height: 35px;
     margin: auto;
}
.ycJs-tab p{
     float: left;
     width: 50%;
     height: 100%;
     cursor: pointer;
}
.ycJs-tab.active0{
     background: url('../images/1102pc-zbYc.png') no-repeat;
     background-size: 100% 100%;
}
.ycJs-tab.active1{
     background: url('../images/1102pc-hyJs.png') no-repeat;
     background-size: 100% 100%;
}
.timeTab{
     padding-left: 10px;
     overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.timeTab div{
     width: 100%;
     overflow: hidden;
     overflow-x:auto;
     white-space: nowrap;
     border-bottom: 1px solid #cfcfcf;
}
.timeTab div::-webkit-scrollbar{
     display: none;
}
.timeTab div p{
     position: relative;
     line-height: 50px;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     color: #3e3a39;
     font-weight: 700;
     padding: 0 10px;
}
.timeTab div.zhuTime p{
     margin-right: 17px;
}
.timeTab div.fenTime p{
     padding: 0 6px;
     margin-right: 10px;
}
.timeTab div p.active{
     color: #f30202;
}
.timeTab div p.active:after{
     display: block;
     content:'';
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -20px;
     width: 41px;
     height: 3px;
     background-color: #f30202;
}
.yc-li{
     padding: 0 10px 0 20px;
     margin-top: 20px;
}
.yc-li div{
     width: 100%;
     height: 350px;
     padding-right: 25px;
     overflow-y: auto;
     outline: none;
}
.yc-li div img{
     width: 100%;
}
.js-box{
     margin-top: 35px;
     width: 365px;
     height: 390px;
     overflow-y: auto;
     outline: none;
     margin-left: 28px;
     padding-right: 30px;
}
.js-box img{
     width: 100%;
}
.banquan div{
     height: 129px;
}
.banquan div{
     background: url('../images/1102pc-banquan.png') no-repeat;
     background-size: 821px 41px; 
     background-position: center center;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scrollBox::-webkit-scrollbar
{
     width: 6px;
     height: 361px;
     border-radius: 3px;
     background-color: #f1f1f1;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.scrollBox::-webkit-scrollbar-track
{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color:  #f8f8f8; */
}
 
/*定义滑块 内阴影+圆角*/
.scrollBox::-webkit-scrollbar-thumb{
     width: 6px;
     height: 137px;
     border-radius: 3px;
     background-color: #d5d5d5;
}