#blockID
{
  /*.panel-heading {}*/
  /*.panel-body    {}*/
}
 html,
body,
.page-container,
.page-wrapper,
.page-content,
#columns,
#columns .col-md-12,
#columns .col-md-12 .row,
#columns .col-md-12 .col,
#columns .col-md-12 .block {
   width: 100%;
   height: auto;
}

.clearfix:after {
   content: "";
   display: block;
   clear: both;
   height: 0;
   line-height: 0;
   font-size: 0;
   visibility: hidden;
   overflow: hidden;
   border: none;
}

#header {
   position: static;
}
.content-wrap {
  background: #fff;
}
video::-webkit-media-controls-enclosure{ overflow: hidden; }
video::-webkit-media-controls-panel{ width: 100% }
.page-container .blocks {
   margin-bottom: -1px;
}

.videoshow {
    width: 42%;
    height: 298px;
    background: rgba(10, 27, 49, 1);
    text-align: center;
    float: left;
    margin-right: 54px;
    position: relative;
}
.brief-wrap .brief-container {
    float: left;
    width: 40%;
    padding: 2%;
}
.brief-wrap .brief-container h4{
    margin-bottom: 30px;
}
.brief-wrap .brief-container .c-text {
    color:#61656D;
    margin-bottom: 10px;
}
.icon-btn {
    margin-top:30px;
    cursor: pointer;
}
.icon-btn.exp,.icon-btn.sell{
    display: inline-block;
    width: 124px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    color: #5fa388;
    margin-right: 20px;
    border-radius: 22.5px;
    border: 1px solid #5fa388;
}
.icon-btn.exp a {
    color: #5fa388;
}
.brief-wrap .icon-btn:hover,.product-record .icon-btn:hover{
    display: inline-block;
    /* width: 140px;
    height: 45px;
    line-height: 40px;
    font-size: 16px; */
    text-align: center;
    color:#fff;
    background: url(../../../images/btn_2.png) no-repeat center center;
    background-size: 200% 200%; 
}
.brief-wrap .icon-btn:hover a,.product-record .icon-btn:hover a{
    color:#fff;
}
.part-img {
   height: 100%;
   position: relative;
}

.part-img .playvideo {
   width: 80px;
   height: 80px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background: url(../../../images/play.png) no-repeat;
   cursor: pointer
}

.part-img img {
   width: 100%;
   height: 100%;
}

.videoshow video {
   width: 100%;
   height: 100%;
   background: #000;
   position: absolute;
   left: 0;
   display: none;
   top: 0;
}

.product-nav {
   width: 100%;
   height: 60px;
   background: #F1F3F7;
   box-shadow: 0px 2px 4px 0px #e3e3e3;
   z-index: 500;
}

.product-nav .pack-item {
   width: 1200px;
   text-align: center;
   margin: 0 auto;
}

.product-nav .pack-item li {
   height: 60px;
   padding: 0 80px;
   line-height: 60px;
   text-align: center;
   font-size: 18px;
   color: #666;
   display: inline-block;
   cursor: pointer;
}

.product-nav .pack-item .active {
   font-size: 20px;
   font-weight: bold;
   color: rgba(51, 51, 51, 1);
   background: url(../../../images/nav_u.png) no-repeat;
   background-position: center 100%;
}

.product-screenshot {
   width: 1200px;
   height: 420px;
   text-align: center;
   margin: 0 auto;
}

.product-screenshot h4,
.product-introduce h4,
.product-configuration h4,
.product-record h4
{
   color: #333;
   margin: 60px 0;
   font-size: 30px;
   font-weight: 700;
   text-align: center;
   background: url(../../../images/title_u.png) no-repeat;
   background-position: center 100%;
   background-size: 180px 12px;
}

.product-introduce {
   background: #F8F9FF;
}

.frame-img {
   width: 1200px;
   position: relative;
   height: 192px;
   overflow: hidden;
   left: 0;
   top: 30px;
}

.frame-img ul {
   display: flex;
   height: 192px;
   position: absolute;
   left: 0;
   top: 0;
   border: 1px solid #fff;
}

.frame-img li {
   width: 340px;
   height: 192px;
   float: left;
   margin-right: 20px;
}

.frame-img li img {
   height: 100%;
   cursor: pointer;
}
.frame-img .leftbtn {
   position: absolute;
   height: 50px;
   width: 20px;
   left: 33px;
   top: 75px;
   color: #FFFFFF;
   opacity: .9;
   background: url(../../../images/last.png) no-repeat;
   z-index: 10;
   cursor: pointer
}

.frame-img .rightbtn {
   position: absolute;
   height: 50px;
   width: 20px;
   right: 33px;
   top: 75px;
   opacity: .9;
   background: url(../../../images/next.png) no-repeat;
   z-index: 10;
   cursor: pointer
}

.introduce-content,
.configuration-containr {
   width: 1200px;
   margin: auto;
}

.introduce-odd,
.introduce-even {
   padding: 30px 0;
   position: relative;
   border-bottom: 1px solid rgba(218, 218, 218, 1);
}

.introduce-odd .media-wrapper {
   width: 480px;
   height: 260px;
   float: right;
   margin-left: 100px;
}

.introduce-even .media-wrapper {
   width: 480px;
   height: 260px;
   float: left;
   margin-right: 100px;
}

.introduce-content .media-video {
   width: 100%;
   height: 100%;
   position: relative;
   top: 0;
   left: 0;
}

.introduce-content .begin {
   width: 50px;
   height: 50px;
   margin: -30px 0 0 -30px;
   border-radius: 50%;
   outline: 0;
   border: 1px solid #fff;
   background-color: #ccc;
   background-color: rgba(115, 133, 159, 0.5);
   -webkit-transition: all 0s;
   -moz-transition: all 0s;
   -o-transition: all 0s;
   transition: all 0s;
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 200;
   text-align: center;
}

.introduce-content .close-btn{
width: 50px;
height: 50px;
border-radius: 50%;
outline: 0;
border: 1px solid #fff;
background-color: #ccc;
background-color: rgba(115,133,159,0.5);
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
position: absolute;
top: 20px;
right: 59px;
z-index: 200;
text-align: center;
display:none;
}
.introduce-content .begin i{
   color: #fff;
   position: absolute;
   top: 10px;
   left: 17px;
   font-size:30px;
}
.introduce-content .close-btn i {
    color: #fff;
    position: absolute;
    top: 5px;
    left: 10px;
    font-weight: 100;
    font-size:38px;
}
.introduce-content .media-video video {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
}

.introduce-content div img {
   width: 100%;
   height: 100%;
}

.introduce-container-wrapper .title {
   margin-bottom: 30px;
}

.introduce-container-wrapper .title h3 {
   font-size: 20px;
   font-weight: bold;
   color: rgba(51, 51, 51, 1);
}

.introduce-odd .video-container {
   position: absolute;
   left: 15px;
   bottom: 30px;
   width: 80px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   color: #fff;
   background: #FF9500;
   cursor: pointer
}

.introduce-even .video-container {
   position: absolute;
   left: 600px;
   bottom: 30px;
   width: 80px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   color: #fff;
   background: #FF9500;
   cursor: pointer
}

.introduce-content .detail-wrapper {
   color: #666;
   font-size: 14px;
}

.detail-wrapper p{
    font-size:16px;
}

.product-configuration {
   padding-bottom: 100px;
}
.product-configuration h3{
   text-align:center;
   margin-bottom:10px;
}
.product-configuration table {
   margin: auto;
   border: 1px solid rgba(218, 218, 218, 1);
}

.configuration-min tr,
.configuration-suggest tr {
   height: 40px;
}

.configuration-suggest,
.configuration-min {
   width: 50%;
   float: left;
}

.configuration-min tr td:nth-child(1),
.configuration-suggest tr td:nth-child(1) {
   width: 80px;
   padding-left: 20px;
   color: #666;
}

.configuration-min tr td:nth-child(2),
.configuration-suggest tr td:nth-child(2) {
   width: 360px;
   padding-left: 20px;
   color: #333;
}
.shadeimg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(16,16,16,.5);
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    z-index:1000;
    display:none;
}
.shadeimg img{
    max-width:85%;
    max-height:80%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

/* 基本信息 */
.brief-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
/* 实验列表 */
.product-list {
    width: 1200px;
    margin:30px auto;
}
.product-list table{
    float: left;
    width: 50%;
}
.product-list table .icon-right{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../../../images/right.png");
}
.product-list table .icon-err{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../../../images/err.png");
}
.product-list table td{
    background: rgba(227,233,244,1);
    opacity:0.5;
    border-radius:2px;
    border:2px solid #fff;
    text-align: center;
}
.video-js {
    width:100%;
    height: 100%;
}
.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#exp-video {
   overflow: hidden;
}
.product-record {
    padding-bottom: 50px;
    border-bottom: 10px solid #f1f9ff;
    /* background: #f8f9ff; */
}
.product-record .container-record {
    width:  1200px;
    margin: 0 auto;
    text-align: center;
}
.product-record .echartsSum {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}
#echarts1,#echarts2 {
    width: 550px;
    height: 450px;
    margin: 0 20px 0 0;
    box-sizing: border-box;
    float: left;
}
.product-record .exp {
    width: 136px;
    height: 38px;
    line-height: 38px;
    margin-right: 0;
}
/* pageinfo设置 */
#pageinfo-wrap{
   text-align: center;
   padding: 10px;
   margin-bottom: 10px;
   border: 1px solid #666;
   display: none;
}
#pageinfo-wrap {
   line-height: 42px;
}

@media screen and (max-width: 1200px) {
   .school-detail-item .school-ctn {
       width: 100%;
   }
}

@media screen and (max-height: 670px) {
   .animate-wrapper .content .content-container {
       padding: 10% 10% 15% 0;
   }
}

.market {
   display: block;
   min-width: 200px;
   min-height: 30px;
   text-shadow: 1px 1px 1px #000000;
   position: absolute;
   animation: marketmove 12s infinite;
   text-align: left;
   font-size: 20px;
   transform: rotate(320deg);
   user-select: none;
}

@keyframes marketmove {
   0% { opacity: .0;}
   10% { opacity: .25; }
   50% { opacity: .7; }
   90% { opacity: .25; }
   100% { opacity: .0; }
}