@charset "utf-8";
/* CSS Document */

/*cssreset  初始化css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p { margin:0; padding:0; }
*{ margin:0; padding:0;}
body {  color: #333; font-family:"微软雅黑"; font-weight:500; background:#fff;}
img { border: none; display: block; }
ul,ol { list-style: none; }
a {  text-decoration: none; color:#333;}
a:hover { color: #333;text-decoration: none; }
.center{width:1400px; margin:0 auto;}
.tong{ width:100%;}

.video_con, .video_detail{width:100%; height:auto; background:#f8f8f8; }
.video_con h2{ widht:2000px; margin:0 auto; height:89px;}
.video_conIn{ height:auto; padding-top:60px; }
.free_video_box{height:auto; width:100%;}
/******************************************************************AB类选项卡 头部*****************************************************************/
.videoAB_top{ width:100%; height:56px; margin-bottom:20px;}
.video_A,.video_B,.video_C{ font-size:18px; color:#666; width:180px; height:50px; line-height: 50px; text-align: center;  float:left;}
.videoAB_top .current{ background:#00aaef; color:#fff; border-radius:30px; box-shadow: 0px 3px 5px #e0e0e0;}
.video_B,.video_C{ margin-left:20px;}
.videoAB_top .current{ background:#2cc2ff; color:#fff;}
/******************************************************8***AB类选项卡 结束*****************/
.videoAB_bottom{ width:100%;  height:auto; padding-bottom:5%;  /*height:538px; */  overflow:hidden; }
.videobox{ display:none;}
.videoAB_bottom .current{ display:block;}
/********************A类勘察设计选项卡 开始*************/
.video_A_con,.video_B_con,.video_C_con,.videobox{ width:100%;}
.v_A_con_top,.videobox_top{ width:100%;}
.v_A_con_top ul,.videobox_top ul{/*padding:0 35px;*/ padding:0 2.5%; overflow:hidden; }
.v_A_con_top ul li,.videobox_top ul li{ height:70px; line-height: 64px; margin-right:2.86%; display: inline; }
.v_A_con_top ul li a,.videobox_top ul li a{ height:64px; font-size:18px; color:#666; display: inline-block;}
.v_A_con_top ul .current2 a,.videobox_top ul .current2 a{ color:#0585de; border-bottom:2px solid #00aaef;  font-weight:500;}
.v_A_con_bottom, .videobox_bottom{ width:100%; height: auto; }
.v_A_con_bottom .vacb_video,.videobox_bottom .vacb_video{display: none;}
.v_A_con_bottom  .current,.videobox_bottom .current{ display: block;}

.v_A_con_bottom .vacb_video ul , .videobox_bottom .vacb_video ul { height:auto;  }
.v_A_con_bottom .vacb_video ul li,.videobox_bottom .vacb_video ul li{ width: 24%; margin-left: 1%; margin-top: 44px; background: #fff; height: 364px; float: left; border-radius: 15px 15px 0 0; }
.vacb_video ul li .img_box,.vacb_video ul li .img_box .img_box_pic_top{ width:100%; height:auto; border-radius:15px; }
.vacb_video ul li .img_box{ position:relative; overflow: hidden;}
.vacb_video ul li .img_box .img_box_pic_pub{ position:absolute; top:0; right:0; width:19.76%; height:auto; z-index: 9999; overflow: hidden;}
.vacb_video .fugai{ position:absolute; width:100%; height:100%; border-radius:15px; background:rgba(0,0,0,0.5); left:0; bottom:0px; padding:0px 0 0 0; display: none;}
.vacb_video .fugai p{margin:25.1% auto 0; width:30.95%; height:auto;}
.vacbtxt_con{ width:98%; height:auto; padding-right:2%; overflow: hidden;}
.vacb_txt{ width:74%; height:auto; padding:5% 0 4% 2%; float:left;}
.vacb_txt h2{ width:100%; height:44.36px; padding:0 0 10% 0 ;font-size:15px; color:#666; text-align: left;}
.vacb_txt a{ width:100%; height:100%; font-size:14px;   display: block; color:#999;}
.teach_right{width:24%; float:right; height:auto; display: block;  }
/*.teach_right p{ width:60%; height:100%;  margin:16% 20% 0 20%; }*/
.teach_right p{ width:42px; height:42px; padding:2px 0 0 0; margin:20px auto 0; overflow: hidden; background:#f8f8f8; border-radius:50%;}
.teach_right p img{ width:100%; height:auto; border-radius:50%; background:#f8f8f8; margin-top:4px;}
.teach_right span{ font-size:13px; color:#666; width:100%; text-align: center; display: inline-block;}
.free_st{ width:95%; height:auto; border-top:2px solid #dedede; margin:0 0 0 2%; overflow:hidden; padding:5% 0 10%; }
.free_st span,.free_st a{ font-size:14px; color:#999; width:30%; display: inline-block;}
.free_st span{ float:left; }
.free_st a{ float:right; text-align:right; }





/****试听详情页样式 开始****/
.video_detailIn{ height:auto; padding:1.5% 0 2% 0;}
.video_detailIn h3{ color:#666; font-size:18px; font-weight: normal; line-height: auto; margin:0 0 1.5% 0; }
.video_detailIn h3 span{ color:#00AAEF; font-size:16px;}
.video_listen{ width:100%; background:#fff; height:100%; overflow: hidden;}
.video_listen_left{ width:70.36%; height:auto; padding:1%;    float:left; display:inline; overflow: hidden;}
.video_listen_left video{ width:100%; height:auto;}
.video_listen_right{width:25.6%; height:auto; padding:1%;      float:right; display:inline; overflow: hidden;}
.vlr_txt{ padding:20% 4% 5%; width:92%; height:auto; background:#fff; overflow: hidden;}
.vlrt_top{ border-bottom:1px solid #dedede;  overflow: hidden;}
.vlrt_top li{ float:left; margin:0 8.5% 7% 0;}
.vlrt_top li img{ margin: 0 auto 3% ; display: block;}
.vlrt_top li .img02{margin-bottom:7%;}
.vlrt_top li .img03{margin-bottom:1%;}
.vlrt_top li span{ font-size:15px; color:#666; }
.vlrt_top li span a{ color:#ff7800; font-size:15px;}
.vlrt_top li span a:hover{ color:#ff7800;}
.vlr_txt h4{ font-size:16px; color:#949494; margin:7% 0 3%;}
.vlr_txt p{ font-size:14px; color:#949494; line-height:28px; padding:0 0 20% 0;}
.vlr_txt .vlrt_button{ width:94%; margin:0 3%; height:auto; text-align: center; }
.vlr_txt .vlrt_button a{ display:inline-block; width:100%; height:100%;font-size:18px; color:#fff; background:#ff9c00; border:1px solid #ff9c00;  padding:5% 0; border-radius:6px;  }
.vlr_txt .vlrt_button a:hover{ background:#fff; border:1px solid #ff9c00; color:#ff9c00;}
.vlrt_lixt{ width:74%; height:auto; padding:5% 13%;}
.vlrt_lixt span{ margin:0 0 0 5%; padding:0 0 0 18px;}
.vlrt_lixt span,.vlrt_lixt span a{ color:#999; font-size:14px;}
.vlrt_lixt .vl_span00 a{background:url("../img/shoucang_icon.png") no-repeat left center; padding:0 0 0 18px;}
.vlrt_lixt .vl_span00 a:hover{ background-image:url( "../img/shoucang_icon_red.png"); color:#ef0404;}
.vlrt_lixt .vl_span01 a{ background:url("../img/huoqu_icon.png") no-repeat left center; margin-left:15px; padding-left:18px;}
.vlrt_lixt .vl_span01 a:hover{ color:#ef0404; background:url("../img/huoqu_icon_yellow.png") no-repeat left center; padding-left:18px; }


@media only screen and (max-width: 1500px) {
    .center{ width:1100px; margin:0 auto;}
}