/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */

.relative {
    position: relative;
}
.renyuan_a{
	padding: 10px 0 20px;
	background: #f7f7f7;
	font-size:14px;
}

.renyuan_a .top{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #000000;
}

.renyuan_a .top .right{
	width: 480px;
	margin-top: 4px;
}
.renyuan_a .top .right .box .sousuo_box{
	width: 78%;
	float: right;
	
}
.renyuan_a .top .right .box .sousuo_box .sousuo{
	border-radius: 5px;
	overflow: hidden;
}
.renyuan_a .top .right .box .t{
	float: left;
	width: 20%;
	margin-top: 11px;
	color: #262f58;
}
.renyuan_a .top .right .box .sousuo_box .wa{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dedede;
	z-index: 0;
	border-radius: 5px;
	position: relative;
	font-size: 14px;
	padding: 10px 40px 10px 15px;
}

.renyuan_a .top .right .box .sousuo_box .tj{
	position: absolute;
	height: 100%;
	width: 40px;
	z-index: 999;
	top: 0;
	right: 0;
	border: none;
	background: url(../img/renyuan_sousuo.png) center center no-repeat #d0af57;
	display: none;
}
.renyuan_a .top .right .box .sousuo_box .wz{
	margin-top: 12px;
}
.renyuan_a .top .right .box .sousuo_box .wz .l{
	float: left;
	width: 120px;
	color: #333333;
}

.renyuan_a .top .right .box .sousuo_box .wz .r{
	float: left;
	width: calc(100% - 120px);
	
}

.renyuan_a .top .right .box .sousuo_box .wz .r a{
	display: inline-block;
	color: #999999;
	margin-left: 12px;
	float: left;
}

.renyuan_a .top .right .box .sousuo_box .wz .r a:nth-child(1){margin-left: 0;}
.renyuan_a .zhong a{
	float: left;
	line-height: 42px;
	height: 42px;
	color: #333333;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	width: calc((100% - 116px - 20px)/26);
	transition: all 0.3s;
}

.renyuan_a .zhong a:nth-child(1){
	width: 116px;
	margin-right: 20px;
}

.renyuan_a .zhong a.cur,.renyuan_a .zhong a:hover{
	background: #4b5a95;
	color: #fff;
}

.renyuan_a .btm{
	margin-top: 34px;
}

.renyuan_a .btm .box{
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
}

.renyuan_a .btm .box:last-child{margin-right: 0;}
.renyuan_a .btm .box .t{
	width: 180px;
	background: #45538d;
	color: #fff;
	text-align: center;
	line-height: 42px;
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	left: 0;
	height: calc(100% + 2px);
	top: -1px;
}

.renyuan_a .btm .box .select{
	float: right;
	width: calc(100% - 180px);
	position: relative;
}

.renyuan_a .btm .box .select select{
	width: 100%;
	line-height: 42px;
	height: 42px;
	border: none;
	padding-left: 20px;
	padding-right: 30px;
	border-radius: 4px;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.renyuan_a .btm .box .select::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 11px;
    height: 7px;
    background: url(../img/renyuan_jt.png) no-repeat center center/cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.renyuan_a .list {
	margin-top: 100px;
}

.renyuan_a .list .ul > li{
	float: left;
	width: 22.7%;
	margin-right: 3.06%;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 44px;
}

.renyuan_a .list .ul > li:nth-child(4n){margin-right: 0;}
.renyuan_a .list .ul > li .img{
	border-radius: 4px;
	overflow: hidden;
	height: 500px;
}

/*职业发展*/

.gybt .b{
	color: #d0af57;
 
}

.gybt .t{
	color: #202b5c;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 12px;
	font-size:28px;
}
.join_a{
	background: #f7f7f7;
	padding: 20px;
}

.join_a .join_a_box{
	margin-top: 40px;
}

.join_a .img{
	border-radius: 8px;
	overflow: hidden;
}

.join_a .text{
	margin-top: 50px;
}

.join_a .text .bt{
	color: #333333;
}

.join_a .text .js{
	margin-top: 20px;
	padding-top: 20px;
	color: #999999;
	border-top: 1px solid #dedede;
	line-height: 1.8;
}

.join_b{
	background: #fff;
	padding: 20px;
}

.join_b .dizhi{
	margin-top: 26px;
}

.join_b .dizhi a{
	float: left;
	width: 13.5%;
	margin-right: 0.91%;
	text-align: center;
	margin-bottom: 8px;
	line-height: 44px;
	height: 44px;
	background: #e5e5e5;
	color: #666;
	border-radius: 4px;
	overflow: hidden;
	transition: all 0.3s;
	font-size:14px;
}

.join_b .dizhi a:nth-child(7n){margin-right: 0;}
.join_b .dizhi a.cur,.join_b .dizhi a:hover{
	color: #fff;
	background: #d0af57;
}

.join_b .join_b_list{
	margin-top: 30px;
	background: #fff;
	font-size:14px;

}
.join_b .join_b_list .top{
	padding: 0 30px;
	color: #fff;
	background: #34478f;
 
	
}

.join_b .join_b_list .bt .t{
	float: left;
	padding: 20px 0;
}

.join_b .join_b_list .bt .t.t1{
	width: 17.4%;
	font-weight: bold;
}

.join_b .join_b_list .bt .t.t2{
	width: 15.2%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t3{
	width: 12.4%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t4{
	width: 13.4%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t5{
	width: 14.5%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t6{
	width: 16.8%;
	text-align: center;
}
.join_b .join_b_list .bt .t.t7{
	width: 6.5%;
	text-align: center;
}
.join_b .join_b_list .bt .t.t7 .icon{
	width: 30px;
	height: 30px;
	border: 1px solid #c3c3c3;
	border-radius: 100%;
	display: inline-block;
	position: relative;
	margin-top: -10px;
}

.join_b .join_b_list .bt .t.t7 .icon:before,
.join_b .join_b_list .bt .t.t7 .icon:after{
	content: "";
	background: #666666;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.join_b .join_b_list .bt .t.t7 .icon:before{
	width: 10px;
	height: 2px;
}
.join_b .join_b_list .bt .t.t7 .icon:after{
	width: 2px;
	height: 10px;
}

.join_b .join_b_list .btm_box{
	
}
.join_b .join_b_list .btm_box .s{
	padding: 0 30px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	background:#eee;
}
.join_b .join_b_list .btm_box:last-child .s{border-bottom: none;}
.join_b .join_b_list .btm_box .text{
	padding: 30px 30px 60px;
	border: 1px solid #ddd;
	display: none;
	line-height:200%;
}

.join_b .join_b_list .btm_box .text h3{
	font-size: 16px;
	color: #d0af57;
	line-height: 2;
}
.join_b .join_b_list .btm_box .text ol,
.join_b .join_b_list .btm_box .text ul{
	padding-left: 16px;
}
.join_b .join_b_list .btm_box .text ol{
	list-style-type: decimal;
}
.join_b .join_b_list .btm_box .text ul{
	list-style-type: disc;
}

.join_b .join_b_list .btm_box .text ol li,
.join_b .join_b_list .btm_box .text ul li{
	margin-bottom: 6px;
}
.join_b .join_b_list .btm_box .text ol li:last-child,
.join_b .join_b_list .btm_box .text ul li:last-child{
	margin-bottom: 0;
}


.join_b .join_b_list .btm_box .bt.cur .t.t7 .icon:before{
	width: 10px;
	height: 2px;
}
.join_b .join_b_list .btm_box .bt.cur .t.t7 .icon:after{
	display: none;
}
.join_b .page{
	margin-top: 40px;
}
.join_b .gyan{margin-top: 40px;}
.join_b .gyan a{
	background: #d0af57;
}

@media(max-width: 1700px){
	.renyuan_a {
	    padding: 20px 0 40px;
	}
	.renyuan_a .top {
	    margin-bottom: 34px;
	    padding-bottom: 34px;
	}
	.renyuan_a .list {
	    margin-top: 70px;
	}
	.renyuan_a .list .ul > li .text {
	    padding: 30px 20px;
	}
	.renyuan_a .list .ul > li .img{
		height: 300px;
	}
}

@media(max-width: 1500px){
	.renyuan_a {
	    padding: 20px 0 20px;
	}
	.renyuan_a .top {
	    margin-bottom: 26px;
	    padding-bottom: 26px;
	}
	.renyuan_a .list {
	    margin-top: 50px;
	}
	.renyuan_a .btm .box .t{
		width: 160px;
	}
	.renyuan_a .btm .box .select {
	    width: calc(100% - 160px);
	}
	.renyuan_a .page {
	    margin-top: 20px;
	}
	.renyuan_a .list .ul > li .text {
	    padding: 20px;
	}
	.renyuan_a .list .ul > li .text .bt{
		padding-bottom: 14px;
        margin-bottom: 16px;
	}

}


@media(max-width: 1100px){
	.renyuan_a {
	    padding: 20px 0 20px;
	}
	.renyuan_a .top .right{
		width: 100%;
		margin-top: 20px;
	}
	.renyuan_a .top .right .box .t{display: none;}
	.renyuan_a .top .right .box .sousuo_box{width: 100%;}
	.renyuan_a .top {
	    margin-bottom: 16px;
	    padding-bottom: 16px;
	}
	.renyuan_a .zhong{display: none;}
	.renyuan_a .btm {
	    margin-top: 20px;
	}
	.renyuan_a .btm .box{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.renyuan_a .btm .box:last-child{margin-bottom: 0;}
	.renyuan_a .list .ul > li{
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 30px;
	}
	.renyuan_a .list .ul > li:nth-child(4n){
		margin-right: 3%;
	}
	.renyuan_a .list .ul > li:nth-child(2n){
		margin-right: 0;
	}
	.renyuan_a .list {
	    margin-top: 26px;
	}
	.lingyuxq_a .left .bt {
		font-size: 20px;
		color: #262f58;
	}
	.renyuan_a .list .ul > li .img{
		height: 260px;
	}
	
	
.join_b .join_b_list .bt .t.t1{
	width: 20%;
	font-weight: bold;
}

.join_b .join_b_list .bt .t.t2{
	width: 1%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t3{
	width: 0%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t4{
	width: 0%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t5{
	width: 70%;
	text-align: center;
}

.join_b .join_b_list .bt .t.t6{
	width: 1%;
	text-align: center;
}
.join_b .join_b_list .bt .t.t7{
 
	text-align: center;
}
}

@media(max-width: 600px){
	.renyuan_a .list .ul > li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 14px;
	}
	.renyuan_a .list .ul > li .img{
		float: left;
		width: 3.7rem;
	}
	.renyuan_a .list .ul > li .text{
		float: left;
		width: calc(100% - 3.7rem);
		padding: 0.34rem 0.34rem 0;
	}
	.renyuan_a .list .ul > li .text .wenzi ul > li{
		 text-overflow:ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	}
	.renyuan_a .list .ul > li .text .bt {
	    padding-bottom: 0.2rem;
	    margin-bottom: 0.26rem;
	}
	.renyuan_a .list .ul > li .text .bt span i{display: none;}
	.renyuan_a .list .ul > li .text .bt span{display: block;margin-top: 2px;}
}

/*布局*/
.container1 {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
        }
.contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        
  
        
        .contact-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
 
        
        .contact-card {
            background: #fff;
            border-radius: 6px;
            padding-left: 20px;
            padding-right: 20px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
           
            display: flex;
            flex-direction: column;
        }
        
        
        .img-container {
            margin-top: 15px;
            border-radius: 4px;
            overflow: hidden;
            flex-shrink: 0;
        }
        
        .responsive-image {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            max-height: 180px;
        }
        
.container {
	max-width: 77%;
	width: 100%;
	margin: 0 auto;
}
 
.img{
 
	width: 100%;
    line-height: 0;
   
}
 
.left{
	float: left;
}

.right{
	float: right;
}
.quanqiu_a{
	padding: 30px;
	background: #f7f7f7;
}

.quanqiu_a .btm{
	margin-top: 40px;
}

.quanqiu_a .btm .left{
	background: #fff;
	width: 33.2%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	padding: 20px 40px;
	z-index: 0;
}


.quanqiu_a .btm .left .bt{
	color: #333333;
}



.quanqiu_a .btm .left .text{
	margin-top: 22px;
 
	border-top: 1px solid #e5e5e5;
	line-height: 1.8;
	color: #666666;
	overflow: auto;
	padding-right: 8px;
	font-size:14px;
	white-space: pre-line;
}

.quanqiu_a .btm .left .text::-webkit-scrollbar{
	width: 5px;
	border: 20px;
	
}
.quanqiu_a .btm .left .text::-webkit-scrollbar-track{
	border: 20px;
	background: #e1e1e1;
}

.quanqiu_a .btm .left .text::-webkit-scrollbar-track-piece{
	width: 5px;
	border: 20px;
} 
.quanqiu_a .btm .left .text::-webkit-scrollbar-thumb{
	background: #c2c2c2;
	border: 20px;			
}
.quanqiu_a .btm .left .text::-webkit-scrollbar-button{
	display: none;
}


.quanqiu_a .btm .right{
	width: 66.8%;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 34px 210px 40px 140px;
	box-shadow: -10px 0px 20px 0 rgba(0, 0, 0, .05);
}

.quanqiu_a .btm .right .mapbox img{
     width: 100%;
      object-fit: cover
}

.quanqiu_a .btm .right .mapbox .li{
	width: 14px;
	height: 18px;
	background: url(../img/quanqiu_a_dd.png) center center/cover;
	position: absolute;
	cursor: pointer;
}

.quanqiu_a .btm .right .mapbox .li .text{
	color: #262f58;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -48px;
	background: #fff;
	padding: 8px 18px;
	border: 1px solid #f6f6f6;
	border-radius: 6px;
	display: none;
	z-index: 9999;
}

.quanqiu_a .btm .right .mapbox .li .text:before{
	width: 10px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background: url(../img/quanqiu_a_jt.png) center center/cover;
}

.quanqiu_a .btm .right .mapbox .li.cur,.quanqiu_a .btm .right .mapbox .li:hover{
	background: url(../img/quanqiu_a_dd2.png) center center/cover;
}

.quanqiu_a .btm .right .mapbox .li.cur .text,.quanqiu_a .btm .right .mapbox .li:hover .text{display: block;}

.quanqiu_b{
	background: #f7f7f7;
	padding: 90px 0 110px;
}
.quanqiu_b .gybt{
	border-bottom: 1px solid #cdcfd7;
	margin-bottom: 46px;
	
}
.quanqiu_b .gybt .t{
	display: inline-block;
	padding-bottom: 24px;
	font-weight: initial;
	position: relative;
}
.quanqiu_b .gybt .t:before{
	background: #d0af57;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
}
/*
.quanqiu_b .ul > li{
	float: left;
	width:30%; 
	background: #ffffff;
	margin-right: 0.95%;
	margin-bottom: 30px;
	padding: 24px;
}
*/
.quanqiu_b .ul > li .img{overflow: hidden;}
.quanqiu_b .ul > li img{transition: all 0.6s; max-width:100%}
.quanqiu_b .ul > li:hover .img img{transform: scale(1.06);}
.quanqiu_b .ul > li:nth-child(3n){margin-right: 0;}
.quanqiu_b .ul > li .text{
	margin-top: 20px;
}

.quanqiu_b .ul > li .text .bt{
	color: #333333;
	font-size:16px;
}

.quanqiu_b .ul > li:hover .text .bt{
	color: #202b5d;
 
}

.quanqiu_b .ul > li .text .wenzi{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
	color: #666666;
	line-height: 1.8;
/*	height: 130px;  */
	font-size:14px;
}

@media(max-width: 1700px){
	.quanqiu_a {
	    padding: 10px 30px;
	}
	.quanqiu_b {
	    padding:   10px 30px;
	}
	.quanqiu_a .btm .right {
	    
	   padding: 28px 110px 70px 100px;
	}
}

@media(max-width: 1500px){
	.quanqiu_a {
	    padding: 30px 0 0;
	}
	.quanqiu_a .btm {
	    margin-top: 0px;
	}
	.quanqiu_a .btm .left {
	    padding: 60px 30px;
	}
	.quanqiu_a .btm .left .text {
	    margin-top: 16px;
	    padding-top: 16px;
	}
	.quanqiu_a .btm .right {
	    padding: 30px 110px 40px 60px;
	}
	.quanqiu_b {
	    padding: 50px 0 70px;
	}
	.quanqiu_b .gybt {
	    margin-bottom: 30px;
	}
	.quanqiu_b .ul > li {
	    margin-bottom: 0px;
	    padding-left: 20px;
	    padding-right: 20px;
	    
	    
	}
}

@media(max-width: 1100px){
	.quanqiu_a {
	    padding: 0px 0 0;
	}
	.quanqiu_a .btm .left{
		position: initial;
		padding: 30px 20px;
		display: inline-block;
		width: 100%;
	}
	.quanqiu_a .btm .left .text {
	    margin-top: 12px;
	    padding-top: 12px;
	}
	.quanqiu_a .btm .right{
		width: 100%;
		padding: 30px 20px;
	}
	.quanqiu_b {
	    padding: 40px 0 50px;
	}
	.quanqiu_b .gybt{margin-bottom: 20px;}
	.quanqiu_b .gybt .t{
		padding-bottom: 16px;
	}
	.quanqiu_b .ul > li{
		width: 49%;
		margin-right: 2%;
	}

	.quanqiu_b .ul > li:nth-child(3n){margin-right: 2%;}
	.quanqiu_b .ul > li:nth-child(2n){margin-right: 0;}
	.quanqiu_b .ul > li .text {
	    margin-top: 16px;
	}
}

@media(max-width: 800px){
	.quanqiu_b .ul > li{
		width: 100%;
		height: 539px;
	}
	.quanqiu_b .ul > li .text .wenzi{height: auto;font-size: 14px;}
}

@media (max-width: 1100px) {
    .container {
        max-width: 92%;
    }
}

@media (max-width: 1280px) {
    .container {
        max-width: 100%;
    }
}
 
 

.case{padding:50px 0;}
.case-content{display:block; margin:0 -12px;}
.case-content:after{display:block; content:''; clear:both;}
.case-title{padding-bottom:28px;}
.case-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.case-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#f20f0f;}
.case-title>b>i{font-style:normal; display:inline-block; position:relative;}
.case-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#f20f0f;}
.case-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.case-title>p>b{display:inline-block; padding-right:4px;}
.case-item{float:left; width:23%;  
    padding: 10px;
    margin:10px;
    box-shadow: 1px 1px 3px #ccc;
    }
.case-item>a>div{position:relative; overflow:hidden;}
.case-item>a>div>img{width:100%; display:block; transition:2.8s;}
.case-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.case-item>a>div>span>b{display:block; font-size:20px;}
.case-item>a>div>span>em{display:block; margin:20px 0; font-style:normal; font-size:14px;}
.case-item>a>div>span>u{display:block; text-decoration:none;}
.case-item>a>div>span>u ins{margin-left:2px;}
.case-item>a>span{display:block; padding:8px 0;}
.case-item>a>span:after{display:block; content:''; clear:both;}
.case-item>a>span>b{float:left; font-size:16px;}
.case-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.case-item>a>span>u>i{transition:.2s; display:inline-block;}
.case-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.case-item>a:hover>div>img{transform:scale(1.08);}
.case-item>a:hover>div>span{transform:scale(1);   transition: all 0.9s ease; opacity:1; visibility:visible;}
.case-more{text-align:center; font-size:0; margin-top:18px;}
.case-more>a{display:inline-block; overflow:hidden; position:relative; border:1px solid #d8d8d8; border-radius:3px; padding:12px 38px;}
.case-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#f20f0f;}
.case-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.case-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.case-more>a:hover{color:#fff; border-color:#f20f0f;}
.case-more>a:hover:after{width:500px; height:500px;}
.case-more>a:hover>i{color:#fff; transform:translateX(8px);}
.case-item .itemtitle{
    font-size: 14px;
    color: #333;
    height: 80px;
    line-height: 200%;
    margin: 10px 10px;
     opacity: 1;
    visibility: visible;
    transition: opacity 0.9s ease, visibility 0.9s ease;
}
 
.case-item>a:hover .itemtitle{
      visibility: hidden;opacity: 0;-webkit-transform: translateY(2px); -moz-transform: translateY(2px);-o-transform: translateY(2px);-ms-transform: translateY(2px);transform: translateY(2px);
       transition: opacity 0.9s ease, visibility 0.9s ease;
}

@media(max-width:1200px){
.case-item{width:50%;}
}
@media(max-width:992px){
.case{padding:38px 0;}
.case-content{margin:0 -8px;}
.case-item{padding:8px;}
.case-item>a>span>b{font-size:18px;}
.case-item>a>div>span{padding:18px;}
.case-item>a>div>span>b{display:block; font-size:20px;}
.case-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.case{padding:18px 0;}
.case-title{padding-bottom:16px;}
.case-title>b{font-size:28px;}
.case-title>b>u{padding-right:4px;}
.case-title>b>u:before{width:38px; height:6px;}
.case-title>p{font-size:28px; margin:8px 0 0;}
.case-title>p>b{padding-right:2px;}
.case-content{margin:0;}
.case-item{width:100%; padding:4px;}
.case-item>a>span>b{font-size:18px;}
.case-item>a>span>u{padding-top:0;}
.case-more{margin-top:8px;}
.case-more>a{padding:8px 28px;}
.case-more>a>u{font-size:14px;}
.case-more>a>i{font-size:16px; margin-left:6px;}
.case-more>a:hover:after{width:400px; height:400px;} 
.case-more>a:hover>i{transform:translateX(4px);}
}