﻿/* -------大师讲堂页面 
empty table 是div留白代替margin
max 代表标题内较大文字的
min 代表标题内较小文字的标题
_2 代表一个类似下边框为2像素的蓝色边框
gleft 为了避开导航栏内的left 而改为gleft；代表左侧内容
*/
/* ---- */
.great{width:100%;min-width:1410px;background-color: #e0e0e0;color:#333333}
.main{width: 100%;background-image: url(../image/bg_great.jpg);background-repeat:no-repeat;min-width: 1410px;background-size: 100% 357px;}
.main .center{width: 1410px;margin:0 auto}
.main .center .empty{height: 255px;width: 1410px;}
.main .center .card{background-color:#fff;margin-bottom:70px}
.main .center .card .up .table{height: 40px}
.main .center .card .up .title{color:#5b9abf;text-align: center;font-size:32px;height: 100px;}
.main .center .card .up .title .max{height: 60px;font-size: 32px;}
.main .center .card .up .title .min{height: 50px;width: 100%;line-height:60px;font-size:14px;color:gray}
.main .center .card .up .title ._2{margin:0 auto;height: 2px;background-color: #5b9abf;width:100px;}
/* 第一块 */
.main .center>:nth-child(2){height:580px;}
.main .center .card .down .text{width: 580px;margin-left:125px}
.main .center .card .down .text #span0{width: 3px;height: 30px;background-color: #5b9abf;}
.main .center .card .down .image{float: left;}
.main .center .card .down .image img{margin-left:35px;width: 664px;height: 419px;}
.main .center .card .down .text{float:left;}
.main .center .card .down .text div{width: 520px;display: flex;}
.main .center .card .down .text>:nth-child(1){height:40px;font-size: 26px;line-height: 28px;}
.main .center .card .down .text>:nth-child(2){font-size: 14px;line-height: 28px;padding:40px 0 40px 20px;overflow: hidden;}
.main .center .card .down .text div :nth-child(2){padding-left: 20px;}
.main .center .card .down .text img{margin:20px 0 0 180px;width:184px;height: 210px;}

/* 第二块 */
.main .center>:nth-child(3){height:695px;}
.main .center .card .down1 .gleft{width: 705px;float: left;}
.main .center .card .down1 .gleft{margin-top:100px}
.main .center .card .down1 .gleft div{width:160px;margin-left:50px}
.main .center .card .down1 .gleft div>:nth-child(1){text-align:center;font-size:20px;font-weight:600;color:#5b9abf}
.main .center .card .down1 .gleft div>:nth-child(2){font-size:14px;margin-top:40px;height: 114px;width:160px;overflow:hidden;}
.main .center .card .down1 .right{width: 705px;float: left;}

/* 第三块 */
.main .center>:nth-child(4){height:580px;background-image:url(../image/bg-h.jpg);}
.main .center .card .down2{width: 1410px;height: 380px;position:relative;}
.main .center .card .down2>:nth-child(1){width:480px;height:40px;font-size:14px;margin:30px 0 20px 20px}
.main .center .card .down2 .image1{position: absolute;width:340px;height:280px;border-radius:10px;top:16%;left:11%;}


.main .center .card .down2 .image1 img{border-radius:10px;width:340px;height:280px;}
.main .center .card .down2 .image2{position: absolute;width:340px;height:280px;border-radius:10px;top:-1%;left:41%;}
.main .center .card .down2 .image2 img{border-radius:10px;width:340px;height:280px;}
.main .center .card .down2 .image3{position: absolute;width:340px;height:280px;border-radius:10px;top:16%;left:70%;}
.main .center .card .down2 .image3 img{border-radius:10px;width:340px;height:280px;}

/* 第四块 */
.main .center>:nth-child(5){height:662px;}
.main .center .card .down3 img{margin-top:20px}