@charset "UTF-8";
#layout { padding-top: .84rem; font-size: .24rem; color: #3E3A39; background: #e7eef4; }

/*banner*/
.banner { height: 3.27rem; background: url(../img/banner.jpg) no-repeat center center; background-size: 100% 100%; position: relative; }

.banner .banner_cont { width: 100%; position: absolute; left: 0; bottom: .21rem; }

.banner .banner_cont ul { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: center; }

.banner .banner_cont ul li { box-sizing: border-box; width: .84rem; height: .4rem; line-height: .4rem; border: 1px solid #ECDB7A; font-weight: bold; font-size: .3rem; text-align: center; margin-right: .24rem; box-shadow: 0 0 0 1px #EAD772,0 0 0 2px #FFFABA; border-radius: .06rem; background: #fffaba; color: #2D4164; }

.banner .banner_cont ul li:last-of-type { margin-right: 0; }

.banner .banner_cont p { box-sizing: border-box; width: 3.1rem; height: .5rem; margin: 0 auto; margin-top: .16rem; padding: .04rem; text-align: center; background: #FB5663; }

.banner .banner_cont p span { box-sizing: border-box; height: 100%; line-height: .42rem; display: block; border: 1px solid #FDABB1; }

.banner .banner_cont p span a { display: block; color: #fff; }

/*four*/
.four ul { display: flex; justify-content: space-between; margin-top: .2rem; }

.four ul li { box-sizing: border-box; width: 1.42rem; height: 1.32rem; border: 1px dashed #B3D5F0; background: #fff; position: relative; }

.four ul li p { box-sizing: border-box; height: 100%; text-align: center; }

.four ul li p a { box-sizing: border-box; padding-top: .72rem; height: 100%; display: block; color: #3E3A39; }

.four ul li .item, .four ul li .item1, .four ul li .item2, .four ul li .item3, .four ul li .item4, .four .jueze .jue_cont ul li .jue_words .item1, .jueze .jue_cont .four ul li .jue_words .item1, .four .jueze .jue_cont ul li .jue_words .item2, .jueze .jue_cont .four ul li .jue_words .item2 { width: .21rem; height: .21rem; position: absolute; }

.four ul li .item1 { border-top: 0.03rem solid #60abe5; border-left: 0.03rem solid #60abe5; left: -.03rem; top: -.03rem; }

.four ul li .item2 { border-top: 0.03rem solid #60abe5; border-right: 0.03rem solid #60abe5; top: -.03rem; right: -.03rem; }

.four ul li .item3 { border-bottom: 0.03rem solid #60abe5; border-left: 0.03rem solid #60abe5; bottom: -.03rem; left: -.03rem; }

.four ul li .item4 { border-bottom: 0.03rem solid #60abe5; border-right: 0.03rem solid #60abe5; bottom: -.03rem; right: -.03rem; }

.four ul li:first-of-type p { background: url(../img/icon01.png) no-repeat center 0.2rem; background-size: .41rem .4rem; }

.four ul li:nth-of-type(2) p { background: url(../img/icon02.png) no-repeat center 0.2rem; background-size: .29rem .40rem; }

.four ul li:nth-of-type(3) p { background: url(../img/icon03.png) no-repeat center 0.23rem; background-size: .37rem .37rem; }

.four ul li:nth-of-type(4) p { background: url(../img/icon04.png) no-repeat center 0.27rem; background-size: .43rem .33rem; }

/*抉择*/
.jue_top a { display: block; font-size: .36rem; line-height: .36rem; padding: .52rem 0 .22rem 0; text-align: center; color: #3E3A39; }

.jueze .jue_cont ul { width: 100%; }

.jueze .jue_cont ul li { width: 93%; height: 1.7rem; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: flex-end; align-items: center; position: relative; }

.jueze .jue_cont ul li .jue_words { width: 80%; display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: center; height: 1.58rem; background: #fff; }

.jueze .jue_cont ul li .jue_words p { padding-left: 8%; line-height: .38rem; text-align: justify; color: #727171; }

.jueze .jue_cont ul li .jue_words .item, .jueze .jue_cont .four ul li .jue_words .item3, .four .jueze .jue_cont ul li .jue_words .item3, .jueze .jue_cont .four ul li .jue_words .item4, .four .jueze .jue_cont ul li .jue_words .item4, .jueze .jue_cont ul li .jue_words .item1, .jueze .jue_cont ul li .jue_words .item2, .jueze .jue_cont ul li:last-of-type .jue_words .item1, .jueze .jue_cont ul li:last-of-type .jue_words .item2 { width: .24rem; height: .24rem; position: absolute; right: 0; }

.jueze .jue_cont ul li .jue_words .item1 { border-top: .06rem solid #9cc8e9; border-right: .06rem solid #9cc8e9; top: .06rem; }

.jueze .jue_cont ul li .jue_words .item2 { border: none; border-bottom: .06rem solid #9cc8e9; border-right: .06rem solid #9cc8e9; bottom: .06rem; }

.jueze .jue_cont ul li .yuan { position: absolute; left: 0; top: 0rem; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: #60abe5; display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: center; }

.jueze .jue_cont ul li .yuan p { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; box-sizing: border-box; padding-top: 18%; background: #60abe5; font-size: .28rem; width: 1.47rem; height: 1.47rem; border-radius: 50%; box-shadow: 0 0 0.1rem 0.01rem rgba(255, 255, 255, 0.2); }

.jueze .jue_cont ul li .yuan p span { display: block; color: #fffaba; text-align: center; }

.jueze .jue_cont ul li .yuan p em { color: #fff; text-align: center; }

.jueze .jue_cont ul li:last-of-type { float: right; justify-content: flex-start; margin-top: .14rem; }

.jueze .jue_cont ul li:last-of-type .jue_words p { padding-left: 0; padding-right: 8%; }

.jueze .jue_cont ul li:last-of-type .jue_words .item, .jueze .jue_cont .four ul li:last-of-type .jue_words .item3, .four .jueze .jue_cont ul li:last-of-type .jue_words .item3, .jueze .jue_cont .four ul li:last-of-type .jue_words .item4, .four .jueze .jue_cont ul li:last-of-type .jue_words .item4, .jueze .jue_cont ul li:last-of-type .jue_words .item1, .jueze .jue_cont ul li:last-of-type .jue_words .item2 { width: .24rem; height: .24rem; position: absolute; left: 0; border: none; }

.jueze .jue_cont ul li:last-of-type .jue_words .item1 { border-top: .06rem solid #4485c9; border-left: .06rem solid #4485c9; top: .06rem; }

.jueze .jue_cont ul li:last-of-type .jue_words .item2 { border: none; border-bottom: .06rem solid #4485c9; border-left: .06rem solid #4485c9; bottom: .06rem; }

.jueze .jue_cont ul li:last-of-type .yuan { left: auto; right: 0; top: 0; background: #4485c9; }

.jueze .jue_cont ul li:last-of-type .yuan p { background: #4485c9; }

.zi_group { display: flex; display: -webkit-flex; display: -ms-flexbox; border: 1px solid #fb5663; border-radius: .04rem; height: .64rem; line-height: .64rem; box-sizing: border-box; font-size: .3rem; margin-top: .2rem; }

.zi_group p { width: 2.16rem; background: #fb5663; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: center; }

.zi_group p em { font-size: .38rem; margin-right: .1rem; }

.zi_group p a { display: block; color: #fff; }

.zi_group span { width: 68%; }

.zi_group span a { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: center; color: #000; }

/*行业*/
.hang_cont { position: relative; }

.hang_cont .ul_bac { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; }

.hang_cont .ul_bac li { margin-top: .9rem; width: 2.66rem; background: #fff; border-radius: .05rem; box-shadow: 0 0.08rem 0 0 #70b3e7, 0 0 0.09rem rgba(195, 222, 242, 0.5); opacity: .3; }

.hang_cont .ul_bac li h3 { background: url(../img/xuan02.png) no-repeat center 0.19rem; background-size: .65rem .65rem; padding-top: .9rem; color: #60abe5; text-align: center; font-size: .24rem; }

.hang_cont .ul_bac li p { padding: .14rem; text-align: justify; font-size: .18rem; line-height: .26rem; }

.hang_cont .ul_bac li p span { color: #f35286; font-size: .24rem; }

.hang_cont .ul_bac li p b { font-size: .18rem; font-weight: normal; }

.hang_cont .ul_bac li:last-of-type h3 { background: url(../img/xuan03.png) no-repeat center 0.19rem; background-size: .65rem .65rem; }

.hang_cont .hang_lun { width: 100%; position: absolute; left: 0; top: 0; display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: center; }

.hang_cont .hang_lun .hang_border { width: 3.32rem; padding: .18rem .14rem; padding-bottom: .24rem; }

.hang_cont .hang_lun .hang_border .hang_main { position: relative; overflow: hidden; height: 3.54rem; background: #fff; border-radius: .05rem; box-shadow: 0 0.08rem 0 0 #70b3e7, 0 0 0.09rem rgba(195, 222, 242, 0.5); position: relative; }

.hang_cont .hang_lun .hang_border .hang_main ul { width: 500%; position: absolute; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: flex-start; }

.hang_cont .hang_lun .hang_border .hang_main ul li { flex: 1; -webkit-flex: 1; -ms-flex: 1; }

.hang_cont .hang_lun .hang_border .hang_main ul li h3 { background: url(../img/xuanzi01.png) no-repeat center 0.19rem; background-size: .8rem .8rem; padding-top: 1rem; color: #60abe5; text-align: center; font-size: .3rem; }

.hang_cont .hang_lun .hang_border .hang_main ul li p { padding: .14rem; text-align: justify; font-size: .22rem; }

.hang_cont .hang_lun .hang_border .hang_main ul li p span { color: #f35286; font-size: .3rem; }

.hang_cont .hang_lun .hang_border .hang_main ul li p b { font-size: .22rem; font-weight: normal; }

.hang_cont .hang_lun .hang_border .hang_main ul li:nth-of-type(2) h3 { background: url(../img/xuan03.png) no-repeat center 0.19rem; background-size: .8rem .8rem; }

.hang_cont .hang_lun .hang_border .hang_main ul li:nth-of-type(3) h3 { background: url(../img/xuan02.png) no-repeat center 0.19rem; background-size: .8rem .8rem; }

.hang_cont .hang_lun .hang_border .hang_main .jiao, .hang_cont .hang_lun .hang_border .hang_main .jia01, .hang_cont .hang_lun .hang_border .hang_main .jia02, .hang_cont .hang_lun .hang_border .hang_main .jia03, .hang_cont .hang_lun .hang_border .hang_main .jia04 { width: .64rem; height: .64rem; position: absolute; }

.hang_cont .hang_lun .hang_border .hang_main .jia01 { background: url(../img/h_t_l.png) no-repeat left top; background-size: 100% 100%; left: 0; top: 0; }

.hang_cont .hang_lun .hang_border .hang_main .jia02 { background: url(../img/h_t_r.png) no-repeat left top; background-size: 100% 100%; top: -.18rem; right: -.14rem; }

.hang_cont .hang_lun .hang_border .hang_main .jia03 { background: url(../img/h_b_l.png) no-repeat left top; background-size: 100% 100%; bottom: -.18rem; left: -.14rem; }

.hang_cont .hang_lun .hang_border .hang_main .jia04 { background: url(../img/h_b_r.png) no-repeat left top; background-size: 100% 100%; bottom: -.18rem; right: -.14rem; }

.hang_cont .hang_lun .pre { width: .6rem; height: .68rem; background: url(../img/san.png) no-repeat left top; background-size: 100%; }

.hang_cont .hang_lun .next { width: .6rem; height: .68rem; background: url(../img/san.png) no-repeat left top; background-size: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }

/*选择*/
.xuan_cont ul { background: url(../img/rili.jpg) no-repeat left top; background-size: 100% .52rem; padding-top: .52rem; border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem; box-shadow: 0 .09rem 0 0 #d5dfe8,0 0 .1rem #d5dfe8; }

.xuan_cont ul li { width: 100%; box-sizing: border-box; padding: 0 .14rem; background: #fff; }

.xuan_cont ul li .xuan_border { padding: .18rem 0; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: center; align-items: center; border-bottom: 1px dashed #d3d3d3; }

.xuan_cont ul li .xuan_icon { width: .74rem; height: .74rem; border-radius: 50%; border: 1px solid #A5CFED; background: #f5fbff; }

.xuan_cont ul li .xuan_icon span { display: block; width: 100%; height: 100%; }

.xuan_cont ul li .xuan_words { width: 4.45rem; padding-left: .27rem; }

.xuan_cont ul li .xuan_words h3 { font-size: .28rem; color: #60ABE5; }

.xuan_cont ul li .xuan_words p { font-size: .22rem; color: #727171; }

.xuan_cont ul li:first-of-type .xuan_icon span { background: url(../img/x01.png) no-repeat center center; background-size: .36rem .4rem; }

.xuan_cont ul li:nth-of-type(2) .xuan_icon span { background: url(../img/x02.png) no-repeat center center; background-size: .44rem .4rem; }

.xuan_cont ul li:last-of-type { border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem; }

.xuan_cont ul li:last-of-type .xuan_border { border-bottom: none; }

.xuan_cont ul li:last-of-type .xuan_icon span { background: url(../img/x03.png) no-repeat center center; background-size: .36rem .46rem; }

/*技能*/
.ji_cont ul { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-flow: row wrap; justify-content: space-between; margin-top: -.19rem; }

.ji_cont ul li { width: 2.94rem; text-align: center; background: #fff; padding-bottom: .1rem; box-shadow: 0 0 .09rem #c3def2; margin-top: .19rem; }

.ji_cont ul li a { display: block; }

.ji_cont ul li a img { display: block; width: 100%; }

.ji_cont ul li h3 { font-size: .26rem; padding: .1rem 0; color: #60ABE5; }

.ji_cont ul li p { font-size: .2rem; color: #727171; }

/*高薪*/
.gao_cont ul { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-flow: row wrap; justify-content: space-between; margin-top: -.12rem; }

.gao_cont ul li { width: 2.76rem; height: 1.36rem; padding: .05rem; margin-top: .12rem; position: relative; }

.gao_cont ul li .gao_border { background: #fff; height: 100%; text-align: center; box-shadow: 0 0 0.09rem rgba(195, 222, 242, 0.5); }

.gao_cont ul li .gao_border .gao_words span { box-sizing: border-box; display: block; color: #60ABE5; padding-top: .2rem; height: .86rem; }

.gao_cont ul li .gao_border .gao_words p { color: #727171; }

.gao_cont ul li .item, .gao_cont .four ul li .item1, .four .gao_cont ul li .item1, .gao_cont .four ul li .item2, .four .gao_cont ul li .item2, .gao_cont .four ul li .item3, .four .gao_cont ul li .item3, .gao_cont .four ul li .item4, .four .gao_cont ul li .item4, .gao_cont .jueze .jue_cont ul li .jue_words .item1, .jueze .jue_cont .gao_cont ul li .jue_words .item1, .gao_cont .jueze .jue_cont ul li .jue_words .item2, .jueze .jue_cont .gao_cont ul li .jue_words .item2 { width: .18rem; height: .18rem; position: absolute; }

.gao_cont ul li .item1 { border-top: .02rem solid #9CC8E9; border-left: .02rem solid #9CC8E9; top: 0; left: 0; }

.gao_cont ul li .item2 { border-top: .02rem solid #9CC8E9; border-right: .02rem solid #9CC8E9; top: 0; right: 0; }

.gao_cont ul li .item3 { border-bottom: .02rem solid #9CC8E9; border-left: .02rem solid #9CC8E9; left: 0; bottom: 0; }

.gao_cont ul li .item4 { border-bottom: .02rem solid #9CC8E9; border-right: .02rem solid #9CC8E9; right: 0; bottom: 0; }

.gao_cont ul li:nth-of-type(2) span { font-size: .5rem; padding-top: .23rem; }

.gao_cont ul li:nth-of-type(3) span { font-size: .6rem; padding-top: .23rem; }

.gao_cont ul li:nth-of-type(4) span { font-size: .64rem; padding-top: .23rem; }

.czi_two { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; margin-top: .2rem; }

.czi_two p { width: 2.94rem; height: .64rem; line-height: .6rem; background: #FB5663; border-radius: .04rem; }

.czi_two p a { display: block; padding-left: 1.05rem; background: url(../img/zi_left.png) no-repeat 0.64rem center; background-size: .36rem .36rem; color: #fff; font-size: .3rem; }

.czi_two p:last-of-type { box-sizing: border-box; text-indent: 0; border: 1px solid #FB5663; background: none; font-size: .3rem; }

.czi_two p:last-of-type a { display: block; background: none; color: #FB5663; padding-left: .64rem; }

.czi_two p:last-of-type span { display: inline-block; font-size: .4rem; color: #FB5663; }

/*告别枯燥*/
.ku_cont ul { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; }

.ku_cont ul li { width: 2.98rem; }

.ku_cont ul li .ku_img { border: 1px solid #CCCCCC; }

.ku_cont ul li .ku_img img { display: block; }

.ku_cont ul li .ku_img a { display: block; }

.ku_cont ul li p { text-align: center; padding: .05rem 0; }

/*就有明星*/
.jiu_cont ul { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; }

.jiu_cont ul li { width: 2.94rem; font-size: .24rem; color: #727171; background: #fff; padding-bottom: .12rem; box-shadow: 0 0 0.09rem rgba(195, 222, 242, 0.5); }

.jiu_cont ul li .jiu_img { border: 1px solid #F4F4F4; }

.jiu_cont ul li .jiu_img img { display: block; width: 100%; }

.jiu_cont ul li p { padding-left: .18rem; line-height: .34rem; }

.jiu_cont ul li p a { color: #727171; }

.jiu_cont ul li b { color: #FB5663; }

/*四项*/
.sixiang .hang_cont .ul_bac li { height: 1.7rem; margin-top: .82rem; overflow: hidden; }

.sixiang .hang_cont .ul_bac h4 { font-size: .24rem; line-height: .24rem; text-align: center; padding-top: .12rem; }

.sixiang .hang_lun .hang_border { width: 4.35rem; }

.sixiang .hang_lun .hang_border .hang_main { height: 2.34rem; }

.sixiang .hang_lun .hang_border .hang_main ul { width: 600%; }

.sixiang .hang_lun .hang_border .hang_main ul li { flex: 1; -webkit-flex: 1; -ms-flex: 1; }

.sixiang .hang_lun .hang_border .hang_main ul li h4 { font-size: .26rem; line-height: .26rem; text-align: center; padding: .3rem 0 .14rem 0; }

.sixiang .hang_lun .hang_border .hang_main ul li p { color: #727171; line-height: .36rem; padding: 0 .34rem; }

/*浏览*/
.liulan ul { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; flex-flow: row wrap; }

.liulan ul li { width: 1.9rem; height: .66rem; line-height: .66rem; text-align: center; margin-bottom: .2rem; background: #fff; box-shadow: 0 0 0.09rem rgba(155, 222, 242, 0.5); }

.liulan ul li a { display: block; width: 100%; color: #3E3A39; }

/*五重*/
.wuchong .hang_lun .hang_border .hang_main ul { width: 700%; display: flex; display: -webkit-flex; display: -ms-flexbox; }

.wuchong .hang_lun .hang_border .hang_main ul li { flex: 1; -webkit-flex: 1; -ms-flex: 1; }

/*创业*/
.chuangye .hang_lun .hang_border .hang_main ul { width: 600%; display: flex; display: -webkit-flex; display: -ms-flexbox; }

.chuangye .hang_lun .hang_border .hang_main ul li { flex: 1; -webkit-flex: 1; -ms-flex: 1; }
/*高爆*/
.gaobao{background:#fff;padding-bottom:.4rem;}
.gaobao .fan_top h2 a{width:2.38rem;font-size:.34rem;font-weight:bold;text-align:center;display:block;width:100%;color:#333;padding:.29rem 0 .18rem 0;}
.gaobao .fan_top h2 span{color:#FB5663;}
.gaobao .fan_top p{text-align:center;font-size:.26rem;padding-top:.16rem;line-height:.26rem;}
.gaobao .fan_top p b{color:#108d55;}
.gb_cont p{width:5.28rem;height:.5rem;line-height:.5rem;border:1px solid #60abe5;border-radius:.04rem;margin:0 auto;margin-bottom:.1rem;display:flex;display:-webkit-flex;display:-ms-flexbox;}
.gb_cont p label{width:1.21rem;display:block;font-size:.26rem;color:#909090;background:url(../img/cb_bac01.jpg) no-repeat .18rem center;background-size:.26rem .28rem;text-indent:.54rem;}
.gb_cont p input{height:.5rem;line-height:.5rem;background:url(../img/ch_input.jpg) no-repeat left center;background-size:.05rem .28rem;outline:none;width:60%;text-indent:.08rem;font-size:.24rem;}
.gb_tj {width:5.28rem;margin:0 auto;margin-top:.2rem;background:#fb5663;border-radius:.04rem;}
.gb_tj span{display:block;height:.5rem;line-height:.5rem;
			background:url(../img/cb_bac03.png) no-repeat 1.81rem center;background-size:.28rem .36rem;text-indent:2.2rem;
}
.gb_tj span a{color:#fff;}
.gb_cont p:last-of-type label{background:url(../img/cb_bac02.jpg) no-repeat .18rem center;background-size:.26rem .28rem;}
.gb_cont>span{background:url(../img/laba.jpg) no-repeat .49rem center;background-size:.26rem .22rem;text-indent:.84rem;display:block;}
.gb_cont>span em{color:#fb5663;}
