* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.yjs_banner{width: 100%;overflow: hidden;position: relative;}
.yjs_banner img{display: block;max-width: 100%;}
.yjs_banner span{display: block;position: absolute;top: 10px;left: 0;padding: 0 14px;background-color: #fff;border-radius: 0 23px 23px 0;line-height: 46px;font-size: 20px;color: #ce23ff;font-weight: bold;}
/* 是什么 */
.yjs_wt{width: 100%;background: url(../images/w-bg.png)no-repeat top center;padding: 20px 0;overflow: hidden;}
.y_title{width: 100%;margin: 0 auto 20px;}
.y_title img{display: block;max-width: 100%;margin: 0 auto;}
.yjs_wt .w_cont{width:90% ;margin: 4% auto 0;overflow: hidden;}
.yjs_wt .w_cont .w_left{width: 94%;background: linear-gradient(90deg,#11707f 10%,#0b2c47,#080925 90%);height:160px;padding:10px 20px;border-radius: 10px;
                         margin: 0 auto 20px;}
.yjs_wt .w_cont .w_left h4{color: #36e9df;font-size: 24px;text-align: left;margin-bottom: 10px;}
.yjs_wt .w_cont .w_left .p{color: #d2d2d2;font-size: 20px;line-height: 30px;text-align: left;}
.yjs_wt .w_cont .rig{background: linear-gradient(270deg,#11707f 10%,#0b2c47,#04224d 90%);}
.yjs_wt .w_cont .rig h4{text-align: right;}
.yjs_wt .w_cont .rig .p{text-align: right;}
.yjs_wt .pic{width: 100%;margin: 0 auto;}
.yjs_wt .pic img{display: block;max-width: 100%;}
/* why */
.yjs_why{width: 100%;background: url(../images/why-bg.png)no-repeat top center;padding: 20px 0 0;overflow: hidden;}
.yjs_why .w_list{width: 100%;margin: 2% 0 0;overflow: hidden;}
.yjs_why .w_list .li{width: 96%;position: relative;margin:0 auto;}
.yjs_why .w_list .li .img{width: 100%;}
.yjs_why .w_list .li .img img{display: block;max-width: 100%;}
.yjs_why .w_list .li .p1{position: absolute;top: 60px;right: 60px;width: 50%;color: #3ae5d9;font-size: 20px;text-align: left;line-height: 30px;}
.yjs_why .w_list .li .left{left:40px;top: 40px;}
/* 做什么 */
.yjs_zsm{width: 100%;background: url(../images/z-bg.png)no-repeat top center;padding: 20px 0;overflow: hidden;}
.yjs_zsm .z_pic{width: 96%;margin: 3% auto 0;overflow: hidden;}
.yjs_zsm .z_pic img{display: block;max-width: 100%;margin: 0 auto;}
/* 场景 */
.yjs_cj{width: 100%;background: url(../images/gz-bg.png)no-repeat top center;padding: 20px 0 ;overflow: hidden;}
.yjs_cj .c_pic{width: 96%;margin: 2% auto 0;}
.yjs_cj .c_pic img{display: block;max-width: 100%;}
/* 薪资 */
.yjs_xz{width: 100%;background: url(../images/xz-bg.png)no-repeat top center;padding: 20px 0  0;overflow: hidden;}
.yjs_xz .x_cont{width: 94%;margin: 2% auto 0;overflow: hidden;padding: 10px 20px;}
.yjs_xz .x_cont h4{display: inline-block;color: #3ae5d9;font-size: 26px;padding: 4px 30px;border-radius: 6px;border: 1px solid #0d5279;margin-bottom:6px;}
.yjs_xz .x_cont ul{margin-left: 30px;color: #d2d2d2;width: 100%;overflow: hidden;margin-bottom: 10px;}
.yjs_xz .x_cont ul li{width: 31.3333%;margin: 1%;float: left;font-size:22px;}
.yjs_xz .x_cont .p3{font-size: 24px;color: #d2d2d2;padding-left: 20px;line-height: 36px;}
.yjs_xz .x_cont .p3 span{color: #09aff5;}
.yjs_xz .x_cont .money{margin-top: 30px;margin-left: 30px;color: #d2d2d2;font-size: 24px;line-height: 36px;padding:10px 20px;border: 1px solid #0d5279;display: inline-block;
                       border-radius: 10px;margin-bottom: 20px;}
.yjs_xz .x_cont .money .p span{color:#09aff5 ;}
/* 学什么 */
.yjs_xsm{width: 100%;background: url(../images/xsm-bg.png)no-repeat top center;padding:60px 0 0;overflow: hidden;}
.yjs_xsm .x_pic{width: 98%;margin:30px auto;}
.yjs_xsm .x_pic img{display: block;max-width: 100%;margin: 0 auto;}
.yjs_xsm .x_tab{width: 100%;margin: 2% 0;overflow: hidden;}
.yjs_xsm .x_tab .tab-hd{width: 100%;margin: 2% 0;overflow: hidden;}
.yjs_xsm .x_tab .tab-hd li{width: 18%;margin: 1%;float: left;height: 42px;text-align: center;line-height: 42px;cursor: pointer; border: 1px solid #0d5279;border-radius: 10px;color:#d2d2d2;font-size: 20px;}
.yjs_xsm .x_tab .tab-hd li.active{background:linear-gradient(90deg,#59c4f1,#a3a8ff) ;color: #fff;font-weight: bold;}

.yjs_xsm .x_tab  .tab-bd{width: 100%;margin: 2% 0;overflow: hidden;padding: 10px 20px;}
.yjs_xsm .x_tab  .tab-bd li{display: none;}
.yjs_xsm .x_tab  .tab-bd li.thisclass{display: block;}
.yjs_xsm .x_tab  .tab-bd li h4{background:linear-gradient(90deg,#59c4f1,#a3a8ff) ;color: #fff;margin-bottom: 20px; font-size: 28px;display: inline-block;padding:0 30px;height:50px;line-height: 50px;}
.yjs_xsm .x_tab  .tab-bd li .p4{color: #d9d9da;font-size: 20px;padding-left: 24px;margin-bottom: 6px;}
.yjs_xsm .x_tab  .tab-bd li .p4 span{color: #00a0e9;margin-right: 16px;}
/* 课工 */
.yjs_kg{width: 100%;background: url(../images/kg-bg.png)no-repeat top center;padding:40px 0 0;overflow: hidden;}
.yjs_kg .k_p{width: 94%;margin: 2% auto;border-radius: 10px;border: 2px solid #0d5279;padding: 16px;box-shadow: 0 0 10px 2px rgba(58,229,217,0.3);}
.yjs_kg .k_p .p5{font-size: 24px;color: #d2d2d2;margin-bottom: 6px;} 
.yjs_kg h4{color: #3ae5d9;font-size: 30px;display: inline-block;padding: 1px 20px;height: 48px;border: 2px solid #0d5279;margin-left: 30px;border-radius: 6px;margin-bottom:14px;}
.yjs_kg .k_pic{width: 96%;margin: 0 auto 14px; }
.yjs_kg .k_pic img{display: block;max-width: 100%;margin: 0 auto;border-radius: 10px;}
.yjs_kg .p6{width: 96%; color: #d2d2d2;font-size: 24px;text-align: center;padding-bottom: 10px;border-bottom:1px solid #e2d1ad;margin: 0 auto 10px;}

.yjs_xs{width: 100%;overflow: hidden;}
.yjs_xs img{display: block;max-width: 100%;}
/* 项目 */
.yjs_xm{width: 100%;background: url(../images/xm-bg.png)no-repeat top center;padding: 40px 0 0;overflow: hidden;}
.yjs_xm .x_list{width: 100%;margin: 2% 0;overflow: hidden;}
.yjs_xm .x_list li{width: 48%;margin: 2% 1%;float: left;overflow: hidden;color: #d2d2d2;}
.yjs_xm .x_list li .bt{width: 100%;margin-bottom: 10px;height: 67px;}
.yjs_xm .x_list li .bt img{display: block;max-width: 100%;}
.yjs_xm .x_list li .tp{width: 100%;}
.yjs_xm .x_list li .tp img{display: block;max-width: 100%;}
.yjs_xm .x_list li .text h4{font-size: 24px;color: #3ae5d9;}
.yjs_xm .x_list li .text .p7{font-size: 20px;text-align: left;line-height: 30px;}
.yjs_xm .x_list li .text  .heig{height: 300px;}
/* 荣誉 */
.yjs_ry{width: 100%;background: url(../images/ry-bg.png)no-repeat top center;padding: 20px 0 0;}
.yjs_ry .y_pic{width: 96%;margin: 2% auto 0;}
.yjs_ry .y_pic img{display: block;max-width: 100%;}
/* 权威 */
.yjs_qw{width: 100%;background: url(../images/qw-bg.png)no-repeat top center;padding: 40px 0 0;overflow: hidden;}
.yjs_qw .q_p{font-size: 24px;color: #d2d2d2;padding: 0 20px;margin-bottom: 20px;line-height: 36px;text-align: left;}
.yjs_qw .q_p span{color: #3ae5d9;}
.yjs_qw  .q_pic{width: 96%;margin: 0 auto 20px;}
.yjs_qw  .q_pic img{display: block;max-width: 100%;margin: 0 auto;}
/* 合作 */
.yjs_hz{width: 100%;background: url(../images/hz-bg.png)no-repeat top center;padding: 40px 0 0;overflow: hidden;}
.yjs_hz .h_p{width: 94%;margin: 20px auto 10px;font-size: 24px;color: #3ae5d9;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #3ae5d9;}
.yjs_hz .h_pic{width: 96%;margin: 0 auto 10px;}
.yjs_hz .h_pic img{display: block;max-width: 100%;margin: 0 auto;}

@media only screen and (min-width: 320px) and (max-width: 750px){
	.y_title img{max-width: 80%;}
	.yjs_wt .w_cont{width: 96%;}
	.yjs_wt .w_cont .w_left{padding: 10px;width: 100%;height: auto;}
	.yjs_wt .w_cont .w_left h4{font-size: 18px;}
	.yjs_wt .w_cont .w_left .p{font-size: 15px;line-height: 24px;}
	.yjs_why .w_list .li{width: 100%;}
	.yjs_why .w_list .li .p1{top: 16px;right: 10px;font-size: 12px;line-height:17px;width: 60%;}
	.yjs_why .w_list .li .left{left: 10px;top: 10px;}
	.yjs_xz{width: 100%;background: url(../images/xz-bg2.png)no-repeat top center;}
	.yjs_xz .x_cont{width: 100%;}
	.yjs_xz .x_cont h4 {font-size: 20px;}
	.yjs_xz .x_cont ul{margin-left: 10px;}
	.yjs_xz .x_cont ul li{width: 48%;font-size: 16px;}
	.yjs_xz .x_cont .p3{font-size: 16px;line-height: 24px;}
	.yjs_xz .x_cont .money{font-size: 16px;line-height: 24px;margin-top: 20px;margin-left: 10px;}
	.yjs_xsm .x_tab .tab-hd li{font-size: 15px;}
	.yjs_xsm .x_tab  .tab-bd{padding: 10px;}
	.yjs_xsm .x_tab  .tab-bd li h4{font-size: 20px;height: 42px;line-height: 42px;}
	.yjs_xsm .x_tab  .tab-bd li .p4{padding-left: 0;font-size: 16px;}
	.yjs_xsm .x_tab  .tab-bd li .p4 span{margin-left: 6px;}
	.yjs_kg .k_p .p5{font-size: 18px;}
	.yjs_kg h4{font-size: 24px;margin-left: 10px;line-height: 42px;}
	.yjs_kg .p6{font-size:15px ;}
	.yjs_xm{background: #04061d;}
	.yjs_xm .x_list li{width: 98%;}
	.yjs_xm .x_list li .bt img{max-width: 90%;}
	.yjs_xm .x_list li .text{padding: 0 10px;}
	.yjs_xm .x_list li .text  h4{font-size: 20px;}
	.yjs_xm .x_list li .text .p7{font-size: 16px;line-height: 24px;}
	.yjs_xm .x_list li .text  .heig{height: auto;}
	.yjs_qw .q_p{font-size: 18px;line-height: 26px;}
	.yjs_hz .h_p{font-size: 20px;}
}