/*专业介绍手机版*/
   .back-white {
	background-color: #ffffff !important;
}
.qx-font-size-18 {
	font-weight: 600 !important;
	color: #213d39 !important;
}
.qx-bottom-line-color::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: url("../images/title-line-color.png") no-repeat;
	background-size: 100% 100%;
}
   
        .profession-show{
            display: flex;
        }
        .profession-show:hover{
            color: #000000;
        }
        .profession-show-title-box{
            display: none;
            background-color: #ffffff;
            padding: 0 15px 10px 15px;
        }
        @media(max-width:756px){
            .profession-show-title-box{
                display: block;
            }
            .profession-show-title{
                margin-bottom: 0;
            }
        }
        .mebile-profession-show-title-btn{
            position: absolute;
            width: 15px;
            right: 1px;
            top: 1px;
        }

        .profession-show-first{
            position: relative;
        }
        .profession-show-other-btn{
            bottom: 20px;
            right: 0;
            left: 0;
            margin: auto;
            position: absolute;
            width: 20px;
        }
        @media(max-width:756px){
            .profession-show-second{
                display: none ;
            }
            .profession-show-first{
                display: block ;
            }
        }
        
        .profession-show{
            width: 50%;
            /* padding:0 15px 0 15px; */
            background-color: #ffffff;
        }
        @media(max-width:756px){
            .profession-show{
                width: 100%;
                flex-wrap: wrap;
                margin-bottom: 10px;
            }
        }
        .profession-show-img{
            width: 50%;
            z-index: 2;
        }
        @media(max-width:756px){
            .profession-show-img{
                width: 100%;
            }
        }
        .profession-show-content{
            width: 50%;
            position: relative;
            background-color: transparent;
            flex: 1;
            padding: 30px;
        }
        .profession-show-content:hover span{
            color: transparent;
        }
        .color-yellow{
            background-color: #ffcc33 !important;
        }
        .color-green{
            background-color: #31c106 !important;
        }
        .color-red{
            background-color: #cc0066 !important;
        }
        .color-blue{
            background-color: #0066cc !important;
        }
        .profession-show-content-bg-left{
            width: 100%;
            height: 100%;
            padding: 30px;
            z-index: 1;
            position: absolute;
            top: 0;
            right: 100%;
            transition: all 0.5s;
        }
        .profession-show-content-bg-right{
            width: 100%;
            height: 100%;
            padding: 30px;
            z-index: 0;
            background-color: rgba(102, 51, 51, 0.85);
            position: absolute;
            top: 0;
            left: 100%;
            transition: all 0.5s;
        }
        @media(max-width:756px){
            .profession-show-content-bg-left{
                display: none;
            }
            .profession-show-content-bg-right{
                display: none;
            }
            .profession-show-content:hover .profession-show-content-number{
                color: #000000 !important;
            }
            .profession-show-content:hover .profession-show-content-name{
                color: #737373 !important;
            }
            .profession-show-content:hover .profession-show-content-text{
                color: white !important;
            }
        }
        .profession-show-content:hover .profession-show-content-bg-left{
            right:0px;
        }
        .profession-show-content:hover span{
            color: #000000 !important;
        }
        .profession-show-content:hover .profession-show-content-bg-right{
            left:0px;
            color: #000000;
        }
        .profession-show-content-number{
            width: 100%;
            display: block;  
            line-height: 1;
            font-size: 60px;
            font-weight: 600;
        }
        .profession-show-content-name{
            font-size: 16px;
            font-weight: 800;
            line-height: 1;
            /*color: #737373;*/
            color: white;
        }
        .profession-show-content-text{
            width: 100%;
            font-size: 12px;
            font-weight: 600;
            /*color: #cecece;*/
            color: white;
            display: block;
            word-wrap: break-word;
        }