.teach-box{}
                            .teach-one{
                                margin-bottom: 15px;}
                            .teach-one h4{
                                font-size: 52px;
                                font-weight: bold;
                                color: #333;
                                font-family:'constan';
                                margin-bottom: 41px;}
                            .teach-one ul{
                                padding: 0;
                                margin: 0;}
                            .teach-one ul li{
                                float: left;
                                width: 200px;
                                margin-right: 40px;
                                text-align: center;
                                margin-bottom: 48px;}
                                .teach-one ul li:nth-child(5n){
                                    margin-right: 0;}
                            
                            
                            
                            .teach-one ul li a{
                                display: block;
                                text-decoration:none;
                                background: url(images/tyin.png) no-repeat center bottom;
                                padding-bottom: 15px;}
                           .teach-one ul li a .li-img{
                                    position: relative;}
                             .teach-one ul li a .li-tt{
                                position: absolute;
                                left: 0px;
                                top: 0px;
                                width: 100%;
                                height: 100%;
                                background: rgba(0,0,0,0.45);
                                opacity: 0;}
                            .teach-one ul li a .li-tt span{
                                position: absolute;
                                 left: 0px;
                                 width: 100%;
                                 top: 32%;
                                 text-align: center;}
                            .teach-one ul li a .li-tt p{
                                font-size: 22px;
                                font-weight: bold;
                                color: #fff;
                                 font-family:'constan';
                                 position: absolute;
                                 left: 0px;
                                 width: 100%;
                                 bottom: 12px;}
                            .teach-one ul li a:hover .li-tt{
                                opacity: 1;
                                transition: all 1s;}
                            
                            /*分屏幕*/
                            
                            @media (max-width: 1200px) {
                                    /*中等屏幕设备 桌面*/
                                .teach-one ul li{
                                    margin-right: 30px;}
                                .teach-one ul li:nth-child(5n){
                                    margin-right: 30px;}
                                
                                .teach-one h4{
                                    font-size: 42px;}
                                
                                
                                
                                }
                                 @media (max-width: 991px) {
                                    /*中等屏幕设备 桌面*/
                                .teach-one ul li{
                                    margin-right: 36px;}
                                .teach-one ul li:nth-child(3n){
                                    margin-right:0px;}
                                .teach-one ul li:nth-child(5n){
                                    margin-right: 36px;}
                                .teach-one h4{
                                    font-size: 28px;
                                    margin-bottom: 25px;}
                                
                                
                                
                                }                           
                                 @media (max-width: 767px) {
                                    /*中等屏幕设备 桌面*/
                                .teach-one h4{
                                    font-size: 22px;}
                                .teach-one ul li{
                                    width: 46%;
                                    margin-right: 8%;
                                    margin-bottom: 28px;}
                                .teach-one ul li:nth-child(5n){
                                    margin-right: 8%;}
                                .teach-one ul li:nth-child(3n){
                                    margin-right:8%;}
                                .teach-one ul li:nth-child(2n){
                                    margin-right:0% !important;}
                                .teach-one ul li a .li-tt p{
                                    font-size: 18px;}
                                
                                
                                
                                
                                
                                
                                }