.head .navbox .navList a:nth-child(6)::before, 
.head .navbox .navList a:nth-child(6)::after {transform: scale(1);}
.head .navbox .navList a:nth-child(6) {color: #fff!important;}
body {
	background: #f0f2f5;
}
.details{overflow: hidden;}
.details .fl{float: left;width:50%}
.details .fr{float: right;width:50%}
.details .fr img{width:100%}

.navoutwrap .navboxs {
	width: 1200px;
}
.tlbox .etl{color: #ddd;font-size: 48px;line-height: 48px;font-family: Bebas;margin-bottom: 30px;}
 .tlbox .ctl{color: #333;font-size: 32px;line-height: 32px;}
.tlbox {
    margin-top: 99px;margin-bottom: 50px;
    text-align: center;
}

.tlbox p{margin-top: 40px;font-weight: 300;line-height: 2}



.box2 {
	margin-top: 74px;
	margin-bottom: 50px;
}
.box2 .wrap {
	width: 1200px;
	margin: 0 auto;
}
.box2 .wrap li {
	float: left;
	width: 378px;
	margin-right: 33px;
	margin-bottom: 33px;
}
.box2 .wrap li a {
	display: block;
}
.box2 .wrap li .imgbox {
	width: 100%;
	overflow: hidden;
}
.box2 .wrap li .imgbox img {
	width: 100%;
	transition: all .3s;    display: block;
}
.box2 .wrap li .textbox {
	transition: all .3s;
	background: #edf0f2;
	padding: 16px 24px 0 24px;
	color: #666;
	border: 1px solid rgba(227, 227, 228, 0.5);
	border-top: none;
}
.box2 .wrap li .textbox .tl {
	line-height: 56px;
	font-size: 24px;
	border-bottom: 1px solid #fff;
}
.box2 .wrap li .textbox .more {
	line-height: 56px;
	background-position: 95.2% center;
	background-image: url(../images/use-05.png);
	background-repeat: no-repeat;
}
.box2 .wrap li:hover .imgbox img {
	transform: scale(1.02, 1.02);
}
.box2 .wrap li:hover .textbox {
	background: #005ba0;
	color: #fff;
}
.box2 .wrap li:nth-child(3n) {
	margin-right: 0;
}














.hon-list{overflow: hidden;}
.hon-list,.ser-lc,.ser-list{
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 40px;
	padding-bottom: 100px;
}
.hon-list .title,.plan-list .title{
	text-align: center;
	padding: 95px 0 70px;
}
.hon-list .title h2,.team-list .title h2,.plan-list .title h2,.main-box .title h2{
	font-size: 42px;
    color: #282828;
    line-height: 70px;
    text-transform: Uppercase;
    font-family: 'Open Sans','arial';
}
.hon-list .title h2 span,.team-list .title h2 span,.plan-list .title h2 span,.main-box .title h2 span{
	font-size: 60px;
}
.hon-list .title .fa,.team-list .title .fa,.plan-list .title .fa,.main-box .title .fa{
	font-size: 36px;
    color: #282828;
    line-height: 45px;
    font-family: '微軟正黑體';
}
.hon-list .details{margin-bottom: 85px}
.hon-list .details,.hon-list .details .fa,.hon-list .details .fa p{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	text-align: justify;
}
.hon-list .details h3{
	font-size: 22px;
	line-height: 38px;
	color: #333333;
	margin-bottom: 15px;
}
.hon-list .list{
	width: 100%;
	overflow: hidden;
}
.hon-list .list ul li{
	width: 33.3333%;
	float: left;
	text-align: center;
}
.hon-list .list ul li .pic{
	width: 60%;
	margin: 30px auto 30px;
}
.hon-list .list ul li .pic img{
	display: block;
	width: 100%;
}
.hon-list .list ul li .box h3{
	font-size: 18px;
	line-height: 32px;
	color: #097bc8;
	font-family: '微軟正黑體';
	font-weight: bold;
	margin-bottom: 5px;
}
.hon-list .list ul li .box .fa{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}




.tech1 {
    width: 100%;
    position: relative;
	overflow: hidden;
    background: url(../images/sc15.png) center top repeat-y #fafafa;
    background-size: 100%;
    margin-top: 4px;
    padding-bottom: 110px;
}

.join .w1200 {
    position: relative;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.process {
    width: 100%;
}

.down-go {
    width: 59px;
    height: 59px;
    display: block;
    background: url(../images/sc17.png) no-repeat;
    margin: 0 auto;
}

.process ul {
    width: 100%;
    padding-top: 94px;
    background: url(../images/go2.png) 410px top no-repeat;
}


.process ul .child-fir {
    width: 100%;
    padding-bottom: 181px;
    background: url(../images/go4.png) 410px bottom no-repeat;
}


.process ul li {
    padding-bottom: 110px;
    
}
.process li {
    float: left;
}

.process ul .child-fir .child {
    background: url(../images/go0.png) 410px repeat-y;
    float: left;
}

.process ul li .child {
    clear: both;
    width: 100%;
    /* display: none; */
    padding-top: 60px;
    padding-bottom: 40px;
}

.process ul .child-fir .child .child-text {
    padding-right: 48px;
    background: url(../images/sc18.png) right top no-repeat;
    float: left;
    margin-left: 122px;
    width: 256px;
}

.process ul li .child img {
    margin-top: 30px;
}


.process ul .child-fir img {
    display: block;
    float: right;
    max-width: 430px;
    margin-right: 246px;
}

.process ul .child-fir .child .child-date {
    text-align: left;
}

.process ul li .child .child-date {
    font-size: 26px;
    color: #006cb6;
    line-height: 30px;
    padding-bottom: 8px;
}


.process ul .child-fir .child .child-detail {
    text-align: left;
}

.process ul li .child .child-detail {
    width: 100%;
    line-height: 26px;
    font-size: 16px;
}
.process ul li .child .child-detail span{color:#006cb6;font-size: 14px;font-weight: bold;margin-bottom: 20px;}




.process ul .child-sec {
    width: 100%;
    padding-bottom: 168px;
	background: url(../images/go5.png) 410px bottom no-repeat;}


.process ul .child-sec .child {
    background: url(../images/go0.png) 786px repeat-y;
    float: left;
}


.process ul .child-sec .child .child-text {
    padding-left: 48px;
    background: url(../images/sc18.png) left top no-repeat;
    float: right;
    margin-right: 120px;
    width: 256px;
}

.process ul .child-sec img {
    display: block;
    float: left;
    max-width: 430px;
    margin-left: 246px;
}



@media (max-width:1024px){
	
	
	.tlbox .etl {
    color: #ddd;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 8px;
}
	 .tlbox .ctl {
    color: #333;
    font-size: 20px;
		line-height: 20px;}
	.tlbox{margin-top: 50px;}

	.hon-list{padding-bottom: 30px;}
	.hon-list .title h2,.team-list .title h2,.plan-list .title h2,.main-box .title h2{font-size: 34px;}
	.hon-list .title h2 span,.team-list .title h2 span,.plan-list .title h2 span,.main-box .title h2 span{font-size: 48px;}
	.hon-list .title .fa,.team-list .title .fa,.plan-list .title .fa,.main-box .title .fa{font-size: 29px;}
	.hon-list .details h3,.ser-lc h3, .ser-list h3{font-size: 24px;}
	.hon-list .list ul li{
		width: 50%;
		margin-bottom: 40px;
	}
	.hon-list .details {margin-bottom: 60px;}
	
	
	.w1200{width:100%}
	.process li{float: left;}
	.process ul .child-fir .child .child-text{width:100%;margin-left: 0;}
	.process ul .child-fir img{max-width: 100%;margin-right: 0;}
	.process ul .child-sec .child .child-text{width:100%;margin-right: 0px;}
	.process ul .child-sec img{width:100%;margin-left: 0px;}
	.process ul{padding-top: 0}
	.process ul .child-fir{padding-bottom: 0}
	.process ul li{padding-bottom: 0}
	.process ul .child-sec{padding-bottom: 0}
}

@media (max-width:767px){
	
	
		.box2 .wrap{width: 100%}
	.box2 .wrap li{width:100%}
	
	.details .fl{width:100%}
	
	.hon-list .title {padding: 40px 0 25px;}
	.hon-list .title h2,.team-list .title h2,.plan-list .title h2,.main-box .title h2{
		font-size: 22px;
    	line-height: 40px;
	}
	.hon-list .title h2 span,.team-list .title h2 span,.plan-list .title h2 span,.main-box .title h2 span{font-size: 30px;}
	.hon-list .title .fa,.team-list .title .fa,.plan-list .title .fa,.main-box .title .fa{
		font-size: 18px;
    	line-height: 30px;
	}
	.hon-list .details {margin-bottom: 40px;}
	.hon-list .details h3,.ser-lc h3, .ser-list h3{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.hon-list .details, .hon-list .details .fa, .hon-list .details .fa p,.hon-list .list ul li .box .fa,
	.ser-list .list ul li p,.team-list .list ul li .box .fa, .team-list .list ul li .box .fa p{
		font-size: 14px;
		line-height: 24px;
	}
	.hon-list .list ul li{
		width: 100%;
		float: none;
	}
	.hon-list .list ul li .box h3{
		font-size: 16px;
		line-height: 26px;
		font-weight: normal;
	}
	.hon-list .list ul li .pic{
		margin:0 auto 20px;
	}
	.hon-list,.ser-lc{margin: 0 auto 20px;}

}






	.join-scrtion2 .title{
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
		font-size: 22px;
    	line-height: 35px;
    	text-transform: capitalize;
    	font-family: 'Century Gothic','arial';
	}
	
	.join-scrtion2 .title span{
		font-size: 30px;
	}

	.join-scrtion2 .tit{
		font-size: 18px;
    	line-height: 30px;
    	margin-bottom: 50px;
    	-webkit-transition: all 0.3s;
      	transition: all 0.3s;
    	position: relative;
    	font-family: '微軟正黑體';
	}

	.join-scrtion2{
		width: 1200px;
		max-width: 92%;
		margin: 0 auto;
		padding-bottom: 80px;
		overflow: hidden;
	}
	.join-scrtion2 .tit{
		margin-bottom: 35px;
	}
	.join-scrtion2 .title,
	.join-scrtion2 .tit{
		text-align: center;
	}
	.join-scrtion2 .list li{
		width: 100%;
		margin-top: 15px;
	}
	.join-scrtion2 .list li .pic{
		width: 100%;
		overflow: hidden;
	}
	.join-scrtion2 .list li .pic img{
		display: block;
		width: 100%;
	}
	.join-scrtion2 .list li .box{
		padding: 15px 15px 20px 55px;
		position: relative;
	}
	.join-scrtion2 .list li .box:before{
		display: block;
		width: 1px;
		height: 100%;
		background-color: #333;
		position: absolute;
		left: 25px;
    	top: -20px;
		content: ''
	}
	.join-scrtion2 .list li .box .mtit{
		font-size: 20px;
		color: #000000;
		line-height: 1.2;
		margin-bottom:12px; 
	}
	.join-scrtion2 .list li .box .detaile{
		font-size: 14px;
		line-height: 1.6;
		color: #444;
	}

@media (min-width:768px){
	
	
	
	
	
	
	.join-scrtion2 .title{
		font-size: 34px;
		line-height: 60px;}
	
	.join-scrtion2 .title span{
		font-size: 48px;
	}

	.join-scrtion2 .tit{
		font-size: 29px;
		line-height: 45px;
		margin-bottom: 70px;
	}
	.join-scrtion2 .tit{
		margin-bottom: 15px;
	}
	.join-scrtion2 .list li {
	    width: 48%;
	    float: left;
	    margin: 30px 4% 0 0;
	}
	.join-scrtion2 .list li:nth-child(2n){
		margin-right: 0
	}
	.join-scrtion2 .list li .box { padding: 20px 15px 20px 55px;}
}

@media (min-width:992px){
	.join-scrtion2 .list li {
	    width: 31%;
	    margin: 50px 3.5% 0 0;
	}
	.join-scrtion2 .list li:nth-child(2n){
		margin-right: 3.5%;
	}
	.join-scrtion2 .list li:nth-child(3n){
		margin-right:0;
	}
	.join-scrtion2 .list li:nth-child(4){
		margin-left: 17.25%
	}
	.join-scrtion2 .list li:last-child{
		margin-right: 0 !important
	}
}




.box1 {
	width: 1200px;
	margin: 100px auto 74px auto;
}
.box1 .left {
	float: left;
}
.box1 .right {
	float: right;
}
.box1 .left, .box1 .right {
	width: 511px;
}
.box1 .subox {
	width: 511px;
}
.box1 .subox .titlebox {
	margin-bottom: 24px;
}
.box1 .subox .titlebox img {
	width: 53px;
	float: left;
}
.box1 .subox .titlebox .tbox {
	margin-left: 13px;
	float: left;
}
.box1 .subox .titlebox .tbox .ti {
	font-size: 20px;
	color: #333333;
}
.box1 .subox .titlebox .tbox .te {
	font-size: 16px;
	color: #cccccc;
}
.box1 .subox .tebox {
	line-height: 24px;
}
.box1 .subox .tebox p {
	font-size: 14px;
	color: #666;
}
.box1 .cam-subox {
	width: 50%;
}
.box1 .cam-subox .campus-title {
	font-size: 24px;
	color: #fff;
	line-height: 110px;
	border-bottom: 2px dashed rgba(255, 255, 255, 0.4);
}
.box1 .cam-subox img {
	width: 100%;
}
.box1 .cam-right {
	background-color: #005ba0;
	padding: 0 50px 0 40px;
	box-sizing: border-box;
	min-height: 270px;
}
.box1 .cam-right .cam-textbox .phone {
	font-size: 18px;
	line-height: 18px;
	margin: 36px 0 18px 0;
	color: #fff;
}
.box1 .cam-right .cam-textbox .st {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-top: 20px;
}



.box1{background: #f0f2f5;overflow: hidden;}
.box1 .wrap{width: 1200px;margin: 0px auto 94px auto;}
.box1 .wrap li{padding: 0px  0 40px 0;transition: all .3s;border-bottom: 1px solid #E5E5E5;}
.box1 .wrap li a{display: block;}
.box1 .wrap li .left{width: 380px;height: 220px;overflow: hidden;float: left;}
.box1 .wrap li .left img{width: 100%;}
.box1 .wrap li .right{height: 220px;background: url(../images/product-05.png) no-repeat right center;float: left;margin-left: 60px;width: 760px;padding-right: 40px;box-sizing: border-box;overflow: hidden;}
.box1 .wrap li .right .tl{margin-top: 42px;font-size: 18px;line-height: 18px;color: #444;margin-bottom: 20px;}
.box1 .wrap li .right .te{line-height: 24px;height: 72px;overflow: hidden;color: #888;}
.box1 .wrap li .right .tamp{margin-top: 20px;}
.box1 .wrap li .right .tamp .time,
.box1 .wrap li .right .tamp .looknum{float: left;padding-left: 28px;color: #888;line-height: 24px;}
.box1 .wrap li .right .tamp .time{background: url(../images/news-07.png) no-repeat left center;margin-right: 30px;}
.box1 .wrap li .right .tamp .looknum{background: url(../images/news-08.png) no-repeat left center;}
@media screen and (min-width: 1024px){ .box1 .wrap li:hover{margin-left: -30px;}.box1 .wrap li:hover .right{background: url(../images/product-04.png) no-repeat right center;}}
@media screen and (min-width: 100px) and (max-width: 1024px){.navoutwrap .navboxs .navs{width: 33.3333%!important;} .box1{background: #f0f2f5;overflow: hidden;}.box1 .wrap{width: 90%;margin: 44px auto 0 auto;}.box1 .wrap li{padding: 0 0 22px 0;margin-bottom: 22px;}.box1 .wrap li:last-child{margin-bottom: 0;}.box1 .wrap li a{display: block;}.box1 .wrap li .left{width: 100%;height: auto;float: none;}.box1 .wrap li .right{height: auto;background: url(../images/product-05.png) no-repeat right center;float: none;margin-left: 0;width: 100%;}.box1 .wrap li .right .tamp{margin-top: 18px;}.box1 .wrap li .right .tl{margin: 24px 0 8px 0;font-size: 16px;line-height: 18px;}.box1 .wrap li .right .te{height: auto;font-size: 14px; height: 48px; overflow: hidden;}}
@media screen and (min-width: 640px) and (max-width: 1024px){}















.zwbox {
	width: 1200px;
	margin: 0 auto;
}
.zwbox .th {
	color: #fff;
	padding: 0 50px;
	box-sizing: border-box;
}
.zwbox .th1 {
	background: #005ba0;
}
.zwbox .th .td {
	width: 20%;
	line-height: 57px;
	text-align: center;
	float: left;
	font-size: 16px;
}
.zwbox .th .td:last-child {
	text-align: right;
}
.zwbox .th .td:first-child {
	text-align: left;
}
.zwbox ul {
	background: #FFF;
	overflow: hidden;
}
.zwbox ul li {
	transition: all .3s ease;
}
.zwbox ul li .th {
	color: #333;
	width: 1200px;
	margin: 0 auto;
	border-bottom: 2px solid #eee;
	cursor: pointer;
	transition: all .3s ease;
}
.zwbox ul li .th .td:last-child {
	color: #097bc8;
}
.zwbox ul li:hover .th {
	background: #097bc8;
}
.zwbox ul li .th .td {
	transition: all .3s;
}
.zwbox ul li:hover .th .td {
	color: #fff!important;
}
.zwbox ul li .detail {
	display: none;
	width: 1100px;
	margin: 26px auto 30px auto;
	box-sizing: border-box;
	padding: 38px;
	background-color: #f3f3f3;
}
.zwbox ul li .detail .top {
	padding-bottom: 20px;
	border-bottom: 2px solid #ececec;
}
.zwbox ul li .detail .top .tt {
	float: left;
	width: 25%;
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
.zwbox ul li .detail .bottom {
	padding-bottom: 50px;
}
.zwbox ul li .detail .bottom .subox {
	box-sizing: border-box;
}
.zwbox ul li .detail .bottom .subox .title {
	line-height: 60px;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
}
.zwbox ul li .detail .bottom .subox .text {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
}
.zwbox ul li:last-child .th {
	border-bottom: none;
}

@media screen and (min-width: 100px) and (max-width: 1024px) {
.box1 {
	width: 90%;
	margin: 44px auto;
}
.box1 .left {
	float: none;
}
.box1 .right {
	float: none;
}
.box1 .subox {
	width: 100%;
	margin: 0 auto 22px auto;
}
.box1 .subox:last-child {
	margin-bottom: 0;
}
.box1 .subox .titlebox {
	margin-bottom: 18px;
}
.box1 .subox .titlebox img {
	width: 53px;
	float: left;
}
.box1 .subox .titlebox .tbox {
	margin-left: 13px;
	float: left;
}
.box1 .subox .titlebox .tbox .ti {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
}
.box1 .subox .titlebox .tbox .te {
	font-size: 14px;
	line-height: 16px;
}
.box1 .subox .tebox p {
	font-size: 14px;
	color: #666;
}
.box1 .cam-subox {
	width: 100%;
}
.box1 .cam-subox .campus-title {
	font-size: 24px;
	color: #fff;
	line-height: 110px;
	border-bottom: 2px dashed rgba(255, 255, 255, 0.4);
}
.box1 .cam-right {
	background-color: #005ba0;
	padding: 0 30px;
	box-sizing: border-box;
	min-height: 270px;
}
.box1 .cam-right .cam-textbox .phone {
	font-size: 18px;
	line-height: 18px;
	margin: 36px 0 18px 0;
	color: #fff;
}
.box1 .cam-right .cam-textbox .st {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.zwbox {
	width: 90%;
	margin: 0 auto;
}
.zwbox .th {
	background: #005ba0;
	color: #fff;
	padding: 0 3%;
	box-sizing: border-box;
}
.zwbox .th .td {
	width: 33.333%;
	line-height: 40px;
}
.zwbox .th .td:nth-child(4), .zwbox .th .td:nth-child(3) {
	display: none;
}
.zwbox ul {
	background: #FFF;
	overflow: hidden;
}
.zwbox ul li .th {
	background: #FFF;
	color: #333;
	padding: 0 3%;
	width: 100%;
	margin: 0 auto;
	border-bottom: 2px solid #eee;
}
.zwbox ul li .th .td:last-child {
	color: #097bc8;
}
.zwbox ul li .detail {
	display: none;
	width: 90%;
	margin: 5% auto;
	box-sizing: border-box;
	padding: 3%;
	background-color: #f3f3f3;
}
.zwbox ul li .detail .top {
	padding-bottom: 20px;
	border-bottom: 2px solid #ececec;
}
.zwbox ul li .detail .top .tt {
	float: left;
	width: 50%;
	line-height: 24px;
	font-size: 14px;
	color: #333;
}
.zwbox ul li .detail .bottom {
	padding-bottom: 22px;
}
.zwbox ul li .detail .bottom .subox {
	box-sizing: border-box;
}
.zwbox ul li .detail .bottom .subox .title {
	line-height: 44px;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
}
.zwbox ul li .detail .bottom .subox .text {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
}
.zwbox ul li:last-child .th {
	border-bottom: none;
}
}




 /* 文化 */
.weui-flex-warp {
    display: flex;
}

 .pcase-region {text-align: center; margin-bottom: .78rem;}

 .pcase-region  span{display: inline-block; height: 44px; padding: 0 .28rem; margin-right: .15rem; background: #fff; transition: all .5s; line-height: 44px;font-size: 16px;color: #333333; cursor: pointer;}

 .pcase-region  span.on,.pcase-region  span:hover{background: linear-gradient(270deg, #2192EA 0%, #0E59D1 100%);box-shadow: 0px 14px 60px 0px rgba(40, 77, 137, 0.24); color: #fff;}

 .pcase{ justify-content: space-between; flex-wrap: wrap;}

 .pcase .pcase-item{ width: 31.7%; margin-bottom:30px;background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); }

 .pcase-item .pcase-img{width: 100%; height: 200px; overflow: hidden ; }

.pcase-item .pcase-img img{object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}

.pcase-item .pcase-txt{padding: .28rem .3rem;}

.pcase-item .pcase-txt h3{text-align: center;font-size: 15px;color: #222222;line-height: 30px;font-weight: 600; margin:10px 0; transition: all .5s;}

.pcase-item .pcase-txt p{font-size: 16px;color: #666666;line-height: 30px;font-weight: 400; }

.pcase .pcase-item:last-child:nth-child(3n + 2){ margin-right: calc((100% - 31.7%) / 2);}

.pcase-box .pages-mtop{margin-top: .2rem;}

.pcase .pcase-item:hover img{ transform: scale(1.1);}

.pcase .pcase-item:hover .pcase-txt h3{color:#0E59D1 ;}

.pcase-tabs .pcase-box {display: none;}

.pcase-tabs .pcase-box.on {display: block;}

 /* 文化新加*/
.j4-content{padding-top: 1rem;}

.j4-title-p2{font-size: 16px !important;color: #333333 !important;line-height: 31px !important; margin:80px 0; text-align: center}

.j4-list-box{justify-content: space-between; flex-wrap: wrap; margin-top: .5rem; margin-bottom: .4rem;}

.j4-list-box .j4-item{width: 18%; background: #F7F7F7; margin-bottom: .6rem; padding: .3rem .42rem 70px; transform: translateY(0); transition: all .5s;}

.j4-item-num{top: 0.24rem; right: .2rem;font-size: .4rem;font-weight: 500;color: #D7D7D7;line-height: .48rem;font-family: "DIN-Medium";z-index: 2;}

.j4-list-box .j4-item img{width: 70px; margin:70px auto 50px;    display: block;}

.j4-list-box .j4-item .j4-p1{font-size:22px;color: #333333;line-height: 25px;text-align: center;color: #0e59d1}

.j4-list-box .j4-item .j4-p2{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; margin-top: 8px;text-align: center}

.j4-list-box .j4-item:hover{transform: translateY(-10px);}

@media (max-width: 767px) {
	
	.j4-list-box .j4-item{width: 100%;padding: .3rem .42rem 30px;}
	
	.j4-list-box .j4-item img{    margin: 30px auto 20px;}
	.pcase .pcase-item{width: 100%}
	
	
}



 /* 培训新加*/

.service-section1 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}
.service-section1 .cont .itme {
  margin-bottom: 30px;
  width: 48%;
  padding: 0 1%;
}
@media (max-width: 991px) {
  .service-section1 .cont .itme {
    margin-bottom: 15px;
    padding: 0 7.5px;
  }
}
@media (max-width: 767px) {
  .service-section1 .cont .itme {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
}
.service-section1 .cont .itme .jut {
  position: relative;
  overflow: hidden;
  display: block;
}
.service-section1 .cont .itme .jut .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.service-section1 .cont .itme .jut .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-section1 .cont .itme .jut .img img:nth-child(2) {
  opacity: 0;
}
.service-section1 .cont .itme .jut .font {
  padding: 40px 52px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1440px) {
  .service-section1 .cont .itme .jut .font {
    padding: 30px 42px;
  }
}
@media (max-width: 1199px) {
  .service-section1 .cont .itme .jut .font {
    padding: 26px 32px;
  }
}
@media (max-width: 991px) {
  .service-section1 .cont .itme .jut .font {
    padding: 22px 28px;
  }
}
.service-section1 .cont .itme .jut .font .shu {
  color: #005ad2;
  text-align: right;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 65px;
}
@media (max-width: 1440px) {
  .service-section1 .cont .itme .jut .font .shu {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .service-section1 .cont .itme .jut .font .shu {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .service-section1 .cont .itme .jut .font .shu {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.service-section1 .cont .itme .jut .font .text {
  width: 100%;
}
.service-section1 .cont .itme .jut .font .text i {
  display: block;
  height: 63px;margin-top: 25%;
  margin-bottom: 15px;
}
@media (max-width: 1440px) {
  .service-section1 .cont .itme .jut .font .text i {
    margin-bottom: 10px;
    height: 35px;
  }
}
@media (max-width: 991px) {
  .service-section1 .cont .itme .jut .font .text i {
    height: 25px;
    margin-bottom: 5px;
  }
}
.service-section1 .cont .itme .jut .font .text i img {
  height: 100%;
}
.service-section1 .cont .itme .jut .font .text i img:nth-child(2) {
  display: none;
}
.service-section1 .cont .itme .jut .font .text strong {
  font-size: 30px;
  color: #fff;
  display: block;
  line-height: 1;
  margin-bottom: 5px;
}
@media (max-width: 1440px) {
  .service-section1 .cont .itme .jut .font .text strong {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .service-section1 .cont .itme .jut .font .text strong {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .service-section1 .cont .itme .jut .font .text strong {
    font-size: 16px;
  }
}
.service-section1 .cont .itme .jut .font .text span {
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
  line-height: 1;
  display: block;
  margin-bottom: 33px;
}
@media (max-width: 1440px) {
  .service-section1 .cont .itme .jut .font .text span {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .service-section1 .cont .itme .jut .font .text span {
    margin-bottom: 10px;
  }
}
.service-section1 .cont .itme .jut .font .text .jian {
  width: 42px;
}
@media (max-width: 991px) {
  .service-section1 .cont .itme .jut .font .text .jian {
    width: 30px;
  }
}
.service-section1 .cont .itme .jut .font .text .jian img {
  width: 100%;
  float: left;
}
.service-section1 .cont .itme .jut .font .text .jian img:nth-child(2) {
  display: none;
}
.service-section1 .cont .itme .jut:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005ad2;
  z-index: 1;
}
.service-section1 .cont .itme:hover .jut .img img:nth-child(1) {
  opacity: 0.03;
}
.service-section1 .cont .itme:hover .jut .img img:nth-child(2) {
  opacity: 0.2;
}
.service-section1 .cont .itme:hover .jut .font .shu {
  color: #fff;
}
.service-section1 .cont .itme:hover .jut .font .text strong,
.service-section1 .cont .itme:hover .jut .font .text span {
  color: #fff;
}
.service-section1 .cont .itme:hover .jut .font .text i img:nth-child(2),
.service-section1 .cont .itme:hover .jut .font .text .jian img:nth-child(2) {
  display: block;
}
.service-section1 .cont .itme:hover .jut .font .text i img:nth-child(1),
.service-section1 .cont .itme:hover .jut .font .text .jian img:nth-child(1) {
  display: none;
}