@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .6rem;}
.title i{font-size: .54rem; color: #e7eeff; font-weight: bold;}
.title h2{font-size: .4rem; color: #11387d; font-weight: bold; margin-top: -.24rem; letter-spacing: .015rem; line-height: 33px; position: relative; z-index: 2;}
.title h2 span{ color: #3e83ff;}
.title h2 label{font-size: .25rem;vertical-align: top;}
.title h2::before{content: ''; width: 0.14rem; height: 0.24rem; background: url(../images/t_l.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-right: 0.1rem;}
.title h2::after{content: ''; width: 0.14rem; height: 0.24rem; background: url(../images/t_r.png) no-repeat top / 100%; display: inline-block;
vertical-align: bottom; margin-left: 0.1rem;}

input::-webkit-input-placeholder{color:#333;}
input::-moz-placeholder{color:#333;}
input:-moz-placeholder{color:#333;}
input:-ms-input-placeholder{color:#333;}
	
/*banner*/
.swiper-container{height: 560px; position: relative;}
.swiper-container .logo{position: absolute; top: 0;left: 0; z-index: 9;}
.inner{width: 1100px;margin: 0 auto; position: relative;}
#swiper-slide1{background: url(../images/ban2_bg.jpg) no-repeat top center; padding-top: 0.54rem; box-sizing: border-box;}
.swiper-container h2{color: #11387d; font-size: .22rem; text-align: right; padding-top: 0.12rem; letter-spacing: .015rem;}
#swiper-slide1 ul li{width: 1.37rem; height: .41rem; line-height: 0.41rem; background: url(../images/ban_list_bg.png) no-repeat top / 100%; text-align: center; font-size: .22rem; color: #11387d; position: absolute;}
#swiper-slide1 ul li:nth-child(1){top: .7rem; left: 2.7rem; opacity: .5; animation: pulse 1s infinite linear  alternate;}
#swiper-slide1 ul li:nth-child(2){top: 1.2rem; right: 2.15rem; opacity: .5; animation: pulse2 1s infinite linear  alternate;}
#swiper-slide1 ul li:nth-child(3){top: 3.15rem; left: .46rem; animation: pulse 1s infinite linear  alternate;}
#swiper-slide1 ul li:nth-child(4){top: 3.96rem; left: 3.06rem; animation: pulse2 1s infinite linear  alternate;}
#swiper-slide1 ul li:nth-child(5){top: 4.27rem; right: 2.32rem; opacity: .5; animation: pulse 1s infinite linear  alternate;}
#swiper-slide1 ul li:nth-child(6){top: 343px; right: 76px;  animation: pulse2 1s infinite linear  alternate;}
#swiper-slide2{background: url(../images/ban1_bg.jpg) no-repeat top center; padding-top: 0.54rem; box-sizing: border-box;}
#banner .pagination {
	position: absolute;
	left: 0;
    bottom: 0.26rem;
	text-align: center;
	width: 100%;
	z-index:999;
	}
#banner .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity:1;
	border-radius: 10px;
	background: white;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
	}
#banner .swiper-pagination-bullet-active{
		background: #fdd000;
		width:12px;
	}
.ban1-t{margin-top: 1.2rem;}
.ban1-img{position: absolute;right: -.6rem;top: 1.34rem; z-index: 9; animation: move3 1s infinite ease-in-out alternate;}
.ban2-t{ margin-left: 2.12rem; margin-top: 1.2rem;}
@keyframes move3{
	0%{transform: translateY(6px);}
	100%{transform: translateY(0);}
}

/*sec01*/
.sec01-t{margin-bottom: 0.58rem;}
.sec01-t ul li{width: 2.58rem; height: 3.32rem; background: url(../images/s1_lbg01.png) no-repeat top / 100% 100%; display: inline-block; vertical-align: top; padding-top: 0.65rem; box-sizing: border-box; color: #11387d; margin-right: 0.22rem;}
.sec01-t ul li:last-child{margin-right: 0;}
.sec01-t ul li:nth-child(2n){ background: url(../images/s1_lbg02.png) no-repeat top / 100% 100%; color: #fff;}
.sec01-t h3{font-size: .2rem; font-weight: bold; margin-bottom: 0.1rem;}
.sec01-t p{font-size: .16rem; line-height: 0.24rem; text-align: justify; padding: 0 .12rem;}
.sec01-b input[type=text]{width: 3.4rem; height: 0.6rem; border-radius: .04rem; border: 1px solid #117cff; font-size: .18rem; color: #333; padding-left: 0.46rem; margin-right: 0.6rem; box-sizing: border-box;}
.sec01-b input[name=clueUsername]{background: url(../images/name.png) no-repeat left .14rem center;}
.sec01-b input[name=clueMobile]{background: url(../images/call.png) no-repeat left .14rem center;}
.sec01-b input[type=button]{width: 3rem; height: 0.6rem; line-height: 0.6rem; font-size: .2rem; color: #fff; font-weight: bold; border-radius: .04rem; border: none; cursor: pointer;
	background: #49b8ff;
	background: -webkit-linear-gradient(bottom, #49b8ff , #117cff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #49b8ff, #117cff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #49b8ff, #117cff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #49b8ff , #117cff); /* 标准的语法 */
}

.form_bot {width: 94%; margin: 20px auto 0; text-align: center; font-size: .16rem; color: #666; line-height:.26rem;}
.form_bot span a {color: #117cff;}
.form_bot label {display: inline-block;}
.form_bot label input {display: inline-block; width: .14rem; height: .14rem; border: none; vertical-align: top; margin:
.06rem 0 0; position: relative;}
.form_bot label input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width:
100%; height: 100%; border: 1px solid #888; border-radius: 2px;}
.form_bot label input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background: #117cff; top: 0;
left: 0; width: 100%; height: 100%; border: 1px solid #117cff; border-radius: 2px; color: #fff; line-height: .14rem;
font-weight: bold; text-align: center;}

/*sec02*/
.sec02{background: #edfaff; margin-top: 0.8rem; padding: .6rem 0; height: 7.5rem;}
.sec02 .title{margin-bottom: 0.9rem;}
.sec02 .title i{color: #d7eaff;}
.sec02-main{position: relative;}
.sec02-c{width: 3.9rem; height: 3.65rem; margin: 0 auto; background: url(../images/s2_t_yuan.jpg) no-repeat top / 100%; position: relative;}
.s2_t_lw{position: absolute;top: .5rem; left: .58rem;}
.s2_t_dian{position: absolute; top: .26rem; left: 0.28rem;}
.sec02-main ul li{position: absolute;}
.sec02-main ul li:nth-child(1){top: -.2rem; right: 3.03rem;}
.sec02-main ul li:nth-child(2){top: 0.94rem; right: 2.35rem;}
.sec02-main ul li:nth-child(3){top: 2.5rem; right: 2.42rem;}
.sec02-main ul li:nth-child(4){bottom: -0.96rem; right: 5.25rem;}
.sec02-main ul li:nth-child(5){top: 2.95rem; left: 2.4rem;}
.sec02-main ul li:nth-child(6){top: 1.32rem; left: 2.15rem;}
.sec02-main ul li .t-show{display: inline-block; vertical-align: top; cursor: pointer;}
.sec02-main ul li img{display: inline-block; vertical-align: middle; margin:0 0.1rem;}
.sec02-main ul li:nth-child(4) img{margin-bottom: 0.1rem;}
.sec02-main ul li h3{font-size: .18rem; color: #333; display: inline-block; vertical-align: middle;}
.sec02-main ul li .t-hide{width: 3.45rem;background: #fff; border-radius: .1rem; padding: .1rem .16rem; box-sizing: border-box; text-align: justify;box-shadow: 0 2px 5px #44b2ff14; position: absolute; left: 1.3rem; top: 0; display: none;}
.sec02-main ul li:nth-child(3) .t-hide{left: 1.45rem;}
.sec02-main ul li:nth-child(4) .t-hide{left: .86rem;}
.sec02-main ul li:nth-child(5) .t-hide{left: -3.6rem;}
.sec02-main ul li:nth-child(6) .t-hide{left: -3.6rem;}
.sec02-main ul li p{font-size: .16rem; color: #666666;}
.sec02-main ul li p span{font-size: .14rem;}

/*sec03*/
.sec03{background: url(../images/s2_b_bg.png) no-repeat top right; padding: .34rem 0; margin-top: -1.16rem;}
.sec03 h2{font-size: .4rem; color: #fff; font-weight: bold; margin-bottom: 0.12rem;}
.sec03 p{font-size: .16rem; color: #fff; margin-bottom: 0.2rem;}
.sec03 input[type=text]{width: 2.9rem; height: 0.6rem; border-radius: .04rem; border: none; background: #fff; font-size: .18rem; color: #333; padding-left: 0.5rem; margin-right: 0.2rem; box-sizing: border-box;}
.sec03 input[name=clueEdulevel]{background:#fff url(../images/xueli.png) no-repeat left .14rem center;}
.sec03 input[name=clueWorkyearnum]{background:#fff url(../images/nianxian.png) no-repeat left .14rem center;}
.sec03 input[name=clueMobile]{background:#fff url(../images/call.png) no-repeat left .14rem center;}
.sec03 input[type=button]{width: 1.7rem; height: 0.6rem; line-height: 0.6rem; font-size: .17rem; color: #1e8aff; font-weight: bold; border-radius: .04rem; border: none; cursor: pointer;background: #fdf182;}
.sec03 .form_bot { color: #fff;}
.sec03 .form_bot span a {color: #fff;}
.sec03 .form_bot label input[type=checkbox]::before{border: none;}
.form_bot label input[type=checkbox]:checked::before{background: #fff; color: #1e8aff;}

/*sec04*/
.sec04-t{margin-bottom: 0.58rem; background: url(../images/s4_line.jpg) no-repeat top 1.54rem center;}
.sec04-t h3{width: .42rem; height: 1.36rem; line-height: 0.26rem; background: url(../images/s4_tbg.png) no-repeat top / 100%; display: inline-block; vertical-align: top; font-size: .22rem; color: #fdf182; font-weight: 600; margin-top: 1.11rem; padding-top: 0.13rem; margin-top: .02rem; margin-right: .6rem; position: relative;}
.sec04-t h3 i{position: absolute; bottom: -.2rem; left: .17rem;}
.sec04-t ul{width: 8.5rem; display: inline-block;}
.sec04-t ul li{width: 1.26rem; display: inline-block; vertical-align: top; margin-left: -0.22rem;}
.sec04-t ul li:nth-child(2n){margin-top: 1.39rem;}
.sec04-t ul li h4{width: 100%; height: 1.39rem; background: url(../images/s4_qp01.png) no-repeat top / 100%; font-size: .18rem; color: #fff; line-height: .24rem; padding-top: 0.52rem; box-sizing: border-box;}
.sec04-t ul li:nth-child(3) h4,.sec04-t ul li:nth-child(5) h4{padding-top: .4rem;}
.sec04-t ul li:nth-child(4) h4{padding-top: .6rem;}
.sec04-t ul li:nth-child(2n) h4{ background: url(../images/s4_qp02.png) no-repeat top / 100%;}
.s4-i{width: 0.08rem; height: 0.08rem; background: #fdf289; border-radius: 100%; display: block; margin: .12rem auto;}
.sec04-b{position: relative;}
.sec04-b-l{display: inline-block; padding-top: 0.38rem;}
.sec04-b-l h3{font-size: .24rem;color: #fff;font-weight: 600;margin-top: -.37rem;}
.sec04-b-r span{height: 0.51rem; line-height: 0.47rem; font-size: .17rem; color: #333; display: block; position: absolute;}
.sec04-b-r span:nth-child(1){width: 2.04rem; background: url(../images/s4_bqp01.png) no-repeat top / 100% 100%; left: 2.24rem; top: 0.2rem;}
.sec04-b-r span:nth-child(2){width: 2.04rem; background: url(../images/s4_bqp02.png) no-repeat top / 100% 100%; right: 2.24rem; top: 0.2rem;}
.sec04-b-r span:nth-child(3){width: 2.24rem; background: url(../images/s4_bqp03.png) no-repeat top / 100% 100%; left: 1.12rem; top: 0.88rem;}
.sec04-b-r span:nth-child(4){width: 3.06rem; background: url(../images/s4_bqp04.png) no-repeat top / 100% 100%; right: .16rem;top: 0.88rem;}
.sec04-b-r span:nth-child(5){width: 1.88rem; background: url(../images/s4_bqp05.png) no-repeat top / 100% 100%; left: 0.84rem;top: 1.75rem;}
.sec04-b-r span:nth-child(6){width: 2.54rem; background: url(../images/s4_bqp06.png) no-repeat top / 100% 100%; right: .1rem;top: 1.75rem;}
.sec04-b-r span:nth-child(7){width: 2.64rem; background: url(../images/s4_bqp07.png) no-repeat top / 100% 100%; left: -0.3rem;top: 2.85rem;}
.sec04-b-r span:nth-child(8){width: 2.34rem; background: url(../images/s4_bqp08.png) no-repeat top / 100% 100%; right: 0;top: 2.85rem;}


.sec04-t-ul li:nth-child(1n){transform-origin: 100% 100%}
.sec04-t-ul li:nth-child(2n){transform-origin: 0% 0%}
@keyframes pulse2{
	0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
	50%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes flipInX2 {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(.5, 0, 0, -90deg);
        transform: perspective(1000px) rotate3d(.5, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

.flipInX2 {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX2;
    animation-name: flipInX2
}
@keyframes flipInX1 {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(.5, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(.5, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px) 
    }
}

.flipInX1 {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX1;
    animation-name: flipInX1
}


/*sec05*/
.sec05{background: #edfaff; margin-top: 0.8rem; padding-bottom: 0.8rem; padding-top: 0.6rem;}
.sec05 .title i{color: #d7eaff;}
.video-box{width: 8rem; height: 4.5rem; background: #fff; margin-right: 0.02rem; display: inline-block; vertical-align: top;}
.video-list{width: 2.86rem; height: 4.5rem; background: #fff url(../images/s5_rbg.png) no-repeat top left; display: inline-block; text-align: left;  box-sizing: border-box; padding: 0 .11rem; padding-top: 0.25rem;}
.video-list a{font-size: .16rem; color: #5c5c5c; display: block; padding: 0.14rem; border-bottom: 1px dashed #e0e0e0;}
.video-list a i{width: 0.21rem; height: 0.17rem; background: url(../images/s5_i.png) no-repeat top / 100%; display: inline-block; vertical-align: -1px; margin-right: 0.1rem;}

/*sec06*/
.sec06-main{ text-align: left;}
.sec06-l{width: 4.75rem; height: 3.48rem; position: relative;}
.sec06-r{width: 4.75rem; height: 3.48rem; position: relative;}
.sec06-main h3{font-size: .24rem; color: #333333; font-weight: bold; margin-left: .72rem; margin-top: -.14rem; margin-bottom: 0.26rem; position: relative; z-index: 1;}
.sec06-main h3 img{margin-right: 0.1rem;}
.sec06-r h3{text-align: right; margin: 0.08rem 0.72rem 0 0;}
.sec06-p{width: 3.48rem;background: url(../images/s6_yd.png) no-repeat top 7px left;margin-left: .36rem;padding-left: .28rem; position: relative; z-index: 1;}
.sec06-main p{font-size: .15rem;color: #666666;line-height: 0.28rem;margin-top: .17rem;}
.sec06-r .sec06-p{width: 3.6rem; margin-left: 0.65rem; margin-top: 0.32rem;}
.sec06-m{width: 2.93rem;position: absolute; left: 52%; top: 1.6rem; margin-left: -1.66rem; z-index: 1;}
.sec06-m img:nth-child(1){animation: zhuan 5s infinite linear;width: 275px;}
.sec06-m img:nth-child(2){position: absolute;top: .72rem;left: .63rem;width: 149px;}
.sec06-l-bg{position: absolute; left: 0; top: 0;}
.sec06-r-bg{position: absolute; right: 0; top: 0;}
@keyframes zhuan{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}

/*sec07*/
.sec07{background: #edfaff; margin-top: 0.8rem; padding-bottom: 0.3rem; padding-top: 0.6rem;}
.sec07 .title i{color: #d7eaff;}
.sec07-main{background: url(../images/s7_line.png) no-repeat bottom 45px left; text-align: left; padding-bottom: .98rem; margin-top: .9rem;}
.sec07-main ul{margin-left: -0.1rem;}
.sec07-main ul li{ width: 1.98rem; height: 2.81rem; background: url(../images/s7_lbg.png) no-repeat top / 100%; display: inline-block; vertical-align: top; padding: 0 .2rem; box-sizing: border-box; margin-right: 0.25rem; animation: move 1s infinite ease-in-out alternate;}
.sec07-main ul li:nth-child(2n){ animation: move2 1s infinite ease-in-out alternate;}
.sec07-main ul li:nth-child(1){margin-top: 0.82rem;}
.sec07-main ul li:nth-child(3){margin-top: 0.34rem;}
.sec07-main ul li:last-child{margin-right: 0; margin-top: 0.86rem;}
.sec07-main ul li img{display: block; margin: 0 auto; margin-top: -.42rem;}
.sec07-main ul li h3{font-size: .2rem; color: #333333; font-weight: bold; margin-bottom: 0.08rem; text-align: center;}
.sec07-main ul li p{font-size: .16rem; color: #333333; line-height: 0.24rem; text-align: left; text-align: center;}
@keyframes move{
	0%{transform: translateY(0);}
	100%{transform: translateY(3px);}
}
@keyframes move2{
	0%{transform: translateY(3px);}
	100%{transform: translateY(0);}
}

/*sec08*/
.sec08{padding-bottom: 0.6rem;}
.sec08-main{background: #fff; box-shadow: 0 2px 8px #127dff24; border-radius: .1rem; padding: .38rem;}
.sec08-main table{border: 1px solid #127dff;margin-bottom: .2rem;}
.sec08-main tr th{height: 0.7rem; line-height: 0.7rem; font-size: .22rem; color: #fff; font-weight: bold; border-right: 1px solid #fff;
	background: #47b7ff;
	background: -webkit-linear-gradient(bottom, #47b7ff , #137eff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #47b7ff, #137eff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #47b7ff, #137eff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #47b7ff , #137eff); /* 标准的语法 */
}
.sec08-main tr th:nth-child(1){width: 0.94rem;}
.sec08-main tr th:nth-child(2){width: 1.46rem;}
.sec08-main tr th:nth-child(3){width: 1.76rem;}
.sec08-main tr th:nth-child(4){width: 4.48rem;}
.sec08-main tr th:last-child{border-right: none; width: 1.52rem;}
.sec08-main tr td{font-size: .15rem; color: #666666; border: 1px solid #127dff; line-height: 0.26rem;}
.sec08-main tr td b{color: #333;}
.sec08-main tr td a{width: 1rem; height: 0.3rem; line-height: 0.3rem; background: #47b7ff; border-radius: .3rem; font-size: .14rem; color: #fff; display: block; margin: 0 auto; margin-top: 0.05rem;}
.taleft{text-align: left; padding: .12rem .15rem;}
.w150{width: 0.94rem;}
.tips{font-size: .16rem; color: #333; text-align: right;}
.tszs{padding-top: .05rem;}

/*侧边导航*/
.lfNav{position: fixed;width: 134px;height: 403px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:0; height:32px; width:32px; }
.mt185{margin-top: 87px;}
.nav-bg{width: 161px;height: 34px;display: block;float:left;clear:both;margin-left: -22px;margin-bottom: 0px;}
.nav-bg a{width: 54%;height: 36px;display: block;margin:auto;font: 15px/34px "微软雅黑";color: #02173e;text-align: center;}
.nav-bg a:hover{background: #03215c; color: #fff;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}