/* *{transition: .5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s} */
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overflow{overflow: hidden;}
.mt40{margin-top:40px;}
.pointer{cursor: pointer}

/* 首页 */
.web{background:#fff;}
.web .webheader{width:1200px;height:94px;margin:0 auto;line-height: 94px;}
.web .webheader .weblogo a{color: #298cf0;font-size: 30px;font-weight: 600;}
.web .webheader .info span{padding-right: 20px;color: #333;font-size: 14px;}
.web .webheader .info span.back a{font-size: 14px;background-color: #298cf0;color: #FFF;padding: 2px 5px;}

.web .carousel-inner .item{height:420px;}
.web .slider .carousel-inner .item a{display: inline-block;width:100%;height:100%;}

.web .webcontainer{width:1200px;margin:0 auto;position: relative}
.web .webcontainer .example,.web .webcontainer .company{width:50%}
.web .webcontainer .viewpoint,.web .webcontainer .teacher{width:45%}
.web .webcontainer .title{width:100%;height:38px;border-bottom: 1px solid #ddd}
.web .webcontainer .title .name{font-size: 18px;color: #666;line-height: 34px;margin-right:20px;}
.web .webcontainer .current.name{height:38px;line-height:32px;margin-right:20px;border-bottom: 1px solid #298cf0;color: #298cf0;font-size: 22px;}
.web .webcontainer .title .more{line-height:38px;font-size:12px;color: #959595;padding-right:10px;background: url('../images/web+/index_iamore.jpg') right no-repeat}

.web .webcontainer .list li{margin-top:16px;height:21px;width:100%;}
.web .webcontainer .list li a{display:inline-block;width:85%;}
.web .webcontainer .list li span{font-size:12px;color:#666;}

.web .webcontainer .list .question li{min-height:21px;height:auto!important;}
.web .webcontainer .list .question .answer{font-size: 12px;line-height: 22px;margin-top: 6px;color: #959595;}

.web .webcontainer .memberlist{height:290px;}
.web .webcontainer .picScroll-left{width:100%;margin-top:50px;position: relative;}
.web .webcontainer .hd .next{position: absolute;right:0;top:100px;z-index: 1;cursor: pointer}
.web .webcontainer .hd .prev{position: absolute;left:0;top:100px;z-index: 1;cursor: pointer}
.web .webcontainer .picScroll-left .bd{ padding:0 50px;}
.web .webcontainer .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.web .webcontainer .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.web .webcontainer .picScroll-left .bd ul li .pic{ text-align:center; }
.web .webcontainer .picScroll-left .bd ul li .pic a{ display: inline-block;width:244px;height:244px;border-radius: 50%;overflow: hidden;margin:0 60px; }
.web .webcontainer .picScroll-left .bd ul li .pic img{ width:100%;}
.web .webcontainer .picScroll-left .bd ul li .title{margin-top:20px;font-size:22px;border:0}

.web .webcontainer .picScroll-left2,.web .webcontainer .picScroll-left3{width:100%;margin-top:40px;position: relative;}
.web .webcontainer .classvideo,.web .webcontainer .classaudio{padding-top:40px;padding-left:55px}
.web .webcontainer .classvideo .videoblock,.web .webcontainer .classaudio .audioblock{width:33%;padding:0 28px;}
.web .webcontainer .slider_con .tempWrap{margin:0 auto;}
.web .webcontainer .slider_con .classvideo .videoblock,.web .webcontainer .slider_con .classaudio .audioblock{width:360px!important;}
.web .webcontainer .slider_con .classvideo .videoblock .image{width:100%;}
.web .webcontainer .classvideo .videoblock .image{width:85%;height:210px;overflow: hidden;position: relative}
.web .webcontainer .classvideo .videoblock .image .black{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);top:0; }
.web .webcontainer .classvideo .videoblock .image img.bg{width:100%;height:100%;transition: .5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s}
.web .webcontainer .classvideo .videoblock .image img.fg{position: absolute;left:46%;top:44%;}
.web .webcontainer .classvideo .videoblock .image a:hover img.bg{transform: scale(1.2);-ms-transform: scale(1.2);-khtml-transform: scale(1.2);-o-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transition: .5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s}
.web .webcontainer .classvideo .videoblock .videotitle{width:85%;margin-top:10px;line-height: 20px;}
.web .webcontainer .slider_con .classvideo .videoblock .videotitle{width:100%;}
.web .webcontainer .classvideo .videoblock .videotitle a{font-size:17px;}

.web .webcontainer .picScroll-left3{margin-bottom:80px;}
.web .webcontainer .picScroll-left3 .hd a{top:50px;}
.web .webcontainer .audioblock .audiobox{width:100%;height:150px;border:solid 1px #cccccc;padding:28px 26px 28px 16px;}
.web .webcontainer .audioblock .audiobox .namebox{margin-bottom:18px;padding-left:78px;background: url('../../images/audio.png') left center no-repeat;vertical-align: middle;height:56px;display: table;width:100%;overflow: hidden;}
.web .webcontainer .audioblock .audiobox .namebox .name{display: table-cell;vertical-align: middle;color:#333;font-size: 16px;line-height: 24px;}
.web .webcontainer .audioblock .audiobox .scrubber{height: 5px;background-color: #f6f6f6;border-radius: 5px;margin-bottom: 10px;}
.web .webcontainer .audioblock .audiobox .progress{position: relative;overflow: visible;background-color: #428cf5;height:5px;background-image: none;}
.web .webcontainer .audioblock .audiobox .progress:after{content: '';position: absolute;right: -10px;top: -4px;width: 13px;height: 13px;background: url('../../images/dot.png') no-repeat center/contain;}
.web .webcontainer .audioblock .audiobox .time{font-size: 0;color: #212329;overflow: hidden;}
.web .webcontainer .audioblock .audiobox .time em{font-style: normal;float: left;font-size: 12px;}
.web .webcontainer .audioblock .audiobox .time strong{font-weight: normal;float: right;font-size: 12px;}
.web .webcontainer .audioblock .audiobox .error-message{display: none!important;}

.web .layer_btn{position: fixed;left:0;top:35%;width:100px;cursor: pointer;z-index: 2}
.web .layer_btn img{width:100%;}
.web .online_btn{position: fixed;left:0;top:calc(35% + 130px);width:100px;cursor: pointer;z-index: 2}
.web .online_btn img{width:100%;}
.layer-cnt { position: fixed;width: 100%;height: 100%;z-index: 999;background-color: #fff;left: 0;top: 0;}
.layer-cnt .layer-w100 {margin: 0 auto; width: 800px;height: 500px;position: absolute;z-index: 1;left: 50%;top: 50%; margin: -250px 0 0 -400px;border: 1px solid #eee;box-shadow: 0px 0px 4px #666;border-radius: 5px;padding: 10px 20px 0;}
.layer-cnt .layer-w100 .layer-close {text-align: right;font-size: 26px;cursor: pointer;color: #666;}
.layer-cnt .layer-w100 > h1 {text-align: center;font-size: 24px;color: #333;font-weight: 500;letter-spacing: 1px;}
.layer-cnt .layer-w100 p {font-size: 16px;color: #666;line-height: 27px;margin-top: 8px;text-indent: 36px;}

/* 列表页 */
.web .headerline{width:100%;height:7px;background: #298cf0}
.web .webcontainer .contentline{width:100%;height:12px;background: #298cf0}
.web .webcontainer .list_title{width:100%;height:38px;border-bottom: 1px solid #ddd}
.web .webcontainer .list_title .list_name{color: #298cf0;font-size: 22px;}
.web .webcontainer .list_title .list_back a{margin-top:5px;padding-left:25px;background:url('../images/web+/returni_icon.jpg') left 5px no-repeat;}
.web .webcontainer .listcontent{width:100%}
.web .webcontainer .listcontent li{height:70px;line-height: 70px;border-bottom: 1px dotted #e8e8e8;}
.web .webcontainer .listcontent li span{background-color: #a4a4a4;font-size:16px;padding:3px 7px;color:#fff;}
.web .webcontainer .listcontent li a{margin-left:30px;}
.web .webcontainer .listcontent li span.fr{display:inline-block;height:100%;font-size:14px;padding:0;color:#959595;background-color: #fff;}
.web .webcontainer .listcontent li a.fl{margin-left:0;display: inline-block;max-width: 90%;}
.web .webcontainer .listcontent li a:hover{color:#298cf0;text-decoration: underline;}
.web .webcontainer .listcontent li a.fl:hover{color:#333;text-decoration: none;}

.web .webcontainer .page{text-align: center}
.web .webcontainer .pagination>li.active>a,.web .webcontainer .pagination>li>a:hover{background-color:#298cf0;border-color:#298cf0; }

/* 微课堂 */
.web .webcontainer .video_list .videoblock{margin-bottom:50px;}

/* 微语音 */
.web .webcontainer .catalog_list{font-size:0;width:100%;text-align: center;border-bottom: 1px solid #ddd;}
.web .webcontainer .catalog_list>ul{display: inline-block;}
.web .webcontainer .catalog_list>ul li{font-size: 16px;line-height: 68px;margin:0 30px;color:#333}
.web .webcontainer .catalog_list>ul li.current{color:#298cf0;border-bottom:2px solid #298cf0;}
.web .webcontainer .audio_list{margin:0 -15px;}
.web .webcontainer .audio_list .classaudio{padding:0;padding-top:20px}
.web .webcontainer .audio_list .audioblock{margin:20px 15px;padding:0;width:380px;height:110px;}
.web .webcontainer .audio_list .audioblock .audiobox{height:100%;padding-left:76px;background: url('../../images/audio.png') 16px center no-repeat;}
.web .webcontainer .audio_list .audioblock .audiobox .name{margin-bottom:20px;line-height:24px;}

/* 专家团队列表 */
.web .webcontainer .infocontent{padding:10px 0 40px 0;text-indent: 37px;line-height: 28px;font-size:18px;}
.web .webcontainer .teamcontent{padding:40px 0;}
.web .webcontainer .teamcontent li{width:33%;}
.web .webcontainer .teamcontent li .pic{ width:244px;height:244px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.web .webcontainer .teamcontent li img{width:100%;}
.web .webcontainer .teamcontent li .title{border:0;text-align: center;margin-top:20px;margin-bottom:30px;}
.web .webcontainer .teamcontent li .title a{font-size:22px;}
/* 专家团队详细 */
.web .webcontainer.teamdetail{background: #fff url('../images/web+/made10.jpg') top no-repeat;background-size: 100%}
.web .webcontainer .leftbox{width:30%;border-right:2px solid #ddd;padding-bottom:20px;}
.web .webcontainer .leftbox .avatar{width:65%;margin:10px auto;}
.web .webcontainer .leftbox .avatar img{width:100%;}
.web .webcontainer .leftbox .listnav{margin-top:50px;}
.web .webcontainer .leftbox .listnav .pointer,.web .webcontainer .leftbox .back .backlist{padding-left:28px;;width:140px;height:40px;line-height:40px;font-size:18px;margin:20px auto;color:#fff; background: url('../images/web+/made05.jpg') no-repeat;}
.web .webcontainer .leftbox .back{margin-top:50px;}
.web .webcontainer .leftbox .back .backlist{display:block;background: url('../images/web+/made06.jpg') no-repeat;}
.web .webcontainer .rightbox{width:70%;}
.web .webcontainer .rightbox>div>div{text-align: center;margin-top:80px;}
.web .webcontainer .rightbox .title{padding:8px 30px; border:0;text-align: center;background: #298cf0;color:#fff;font-size:20px;}
.web .webcontainer .rightbox .maincontent{margin-top:50px;margin-left:200px;}
.web .webcontainer .rightbox .maincontent>p{line-height: 25px;text-align: left!important;}
.web .webcontainer .btnbox{position: absolute;right:50px;top:30px;}
.web .webcontainer .btnbox div{margin-bottom:10px;}
.web .webcontainer .btnbox div a{cursor:pointer;display:inline-block;padding:8px 15px;border-radius:3px;border:2px solid #298cf0;background: #fff;color:#298cf0}
.web .webcontainer .btnbox div a:hover{background: #298cf0;color:#fff}
.web .webcontainer .maincontent .question{width:80%;margin:0 auto;padding-left:30px;text-align: left;margin-bottom:20px;}
.web .webcontainer .maincontent .question li a{display:inline-block;line-height:25px;font-size:16px;width:100%;}
.web .webcontainer .maincontent .question li a span,.web .webcontainer .maincontent .point li a span{font-style: italic;font-size:20px;color:#d0d0d0;margin-right:8px;}
.web .webcontainer .maincontent .question li a:hover,.web .webcontainer .maincontent .question li a:hover span,.web .webcontainer .maincontent .point li a:hover span{color:#298cf0;text-decoration: underline;}
.web .webcontainer .maincontent .question li .answer{color:#555;font-size:14px;line-height:25px;padding-top:10px;margin-bottom:20px;}
.web .webcontainer .maincontent .question li .answer span{color:#298cf0;font-size:14px;}
.web .webcontainer .maincontent .point{width:80%;margin:0 auto;padding-left:40px;text-align: left;margin-bottom:30px;}
.web .webcontainer .maincontent .point li a{width:100%;display:inline-block;height:40px;line-height: 40px;font-size:16px;color:#333;}
.web .webcontainer .maincontent .point li a:hover{color:#298cf0;text-decoration: underline;}
.web .webcontainer .maincontent .miniclass{width:100%;margin:0 auto;}
.web .webcontainer .maincontent .miniclass li{width:45%;padding:0 0 0 10%;margin-bottom:20px;}
.web .webcontainer .maincontent .miniclass li .image{width:100%;height:180px;position: relative;}
.web .webcontainer .maincontent .miniclass li .image .black{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);top:0; }
.web .webcontainer .maincontent .miniclass li .image .bg{width:100%;height:100%;transition: .5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s}
.web .webcontainer .maincontent .miniclass li .image .fg{position: absolute;left:46%;top:42%;}
.web .webcontainer .maincontent .miniclass li .image a:hover img.bg{transform: scale(1.2);-ms-transform: scale(1.2);-khtml-transform: scale(1.2);-o-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transition: .5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s}
.web .webcontainer .maincontent .miniclass li .videotitle{margin-top:10px;line-height: 20px;}


/* 答疑解惑 */
.web .webcontainer .listquestion li{line-height: 70px;}
.web .webcontainer .listquestion li a{font-size:18px;display: inline-block;width:90%;height:70px;}
.web .webcontainer .listquestion li a span{font-style: italic;font-size:20px;color:#d0d0d0;margin-right:8px;}
.web .webcontainer .listquestion li a:hover,.web .webcontainer .listquestion li a:hover span{color:#298cf0;text-decoration: underline;}
.web .webcontainer .listquestion li .answer{clear:both;font-size:14px;border-top:1px solid #e8e8e8;line-height:25px;padding-top:10px;margin-bottom:20px;}
.web .webcontainer .listquestion li .answer span{color:#298cf0;font-size:14px;}



/* 详细页 */
.web .webcontainer .list_title .list_back a.backlist{margin-right:20px;background:url('../images/web+/return_list.jpg') left 5px no-repeat;}
.web .webcontainer .articlecontent{padding:0 10px;}
.web .webcontainer .articlecontent h3{color:#000;font-weight:bold;font-size: 22px;text-align: center;margin: 45px auto;line-height: 30px;}
.web .webcontainer .articlecontent div{text-align: center;margin-bottom:50px;}
.web .webcontainer .articlecontent div p{line-height:30px;font-size:16px;text-align: left;}

/* 答疑解惑详细页 */
.web .webcontainer .questioncontent{padding:0 10px;}
.web .webcontainer .questioncontent h3{color:#000;font-weight:bold;font-size: 22px;text-align: center;margin: 45px auto;line-height: 30px;}
.web .webcontainer .questioncontent div{margin-bottom:20px;color:#333;line-height:30px;}
.web .webcontainer .questioncontent div.pic{text-align: center;padding:10px 0 20px 0;}
.web .webcontainer .questioncontent div span{color:#000;font-weight: bold;}


/* 分页 */
.miniclass+.page,.point+.page,.question+.page{padding:20px 0;}
.miniclass+.page a,.point+.page a,.question+.page a{display:inline-block;width:36px;height:36px;border:1px solid #ddd;color:#aaa;line-height: 34px;cursor: pointer;margin:0 5px;}
.miniclass+.page a.active,.point+.page a.active,.question+.page a.active,.miniclass+.page a:hover,.point+.page a:hover,.question+.page a:hover{background:#298cf0;border:1px solid #298cf0;color:#fff;}
.miniclass+.page a.pre,.point+.page a.pre,.question+.page a.pre{border-radius: 4px 0 0 4px;}
.miniclass+.page a.next,.point+.page a.next,.question+.page a.next{border-radius: 0 4px 4px 0;}

/* 地方特色 */
.web .locallist{overflow:hidden;min-height:470px}
.web .local .icon{width:20%;padding:0 10px;margin-top:20px;}
.web .local .icon a{display: flex;border:1px solid #ccc;height:70px;padding:0 20px;align-items: center;justify-content: center;}
.web .local .icon a .name{display:inline-block;text-align:left;padding-left:22px;background: url('../../zt/images/newicon-b.png') left center/15px no-repeat;line-height:22px}
.web .local .icon a:hover{border:1px solid red;color:red}
.web .local .icon a:hover .name{background-image: url('../../zt/images/newicon.png');}