.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*banner*/
.ban{width:100%; padding-bottom: 24%; background: url(../images/pic1.jpg) no-repeat center top; background-size: 100%; overflow: hidden;}
.ban .ban_in{width:100%; margin: 0 auto; position: relative;  text-align: center; padding-top: 8%;}
.ban .ban_in img{display: inline-block;}
.ban .ban_in .hd1{position: relative;  top:13%; width:100%;}
.ban .ban_in .hd2{position: relative; right:4%; top:10%; width:80%;}
.ban .ban_in .hd3{padding-top: 2%;}
.ban .ban_in .web{position: absolute; right:0; top:16%; width:25%;}
.ban .ban_in .web img{-moz-animation:rotate 6s linear infinite; -ms-animation:rotate 6s linear infinite; -o-animation:rotate 6s linear infinite; -webkit-animation:rotate 6s linear infinite; animation:rotate 6s linear infinite;}
.ban .ban_in .web span{position: absolute; width:100%; display: block; text-align: center; top:24%; font-weight: bold;}



.block_home_slider {position: relative; background-color: #fff; behavior: url(../images/pie.htc); text-align: center; margin-right: auto; margin-left: auto;} 
.block_home_slider .slide {position:relative;}
.block_home_slider .flex-control-paging {display:inline-block; position: absolute; bottom:5%; width:24%; left:50%; margin-left: 37.5%;}
.block_home_slider .flex-control-paging li {float: left; width:47%; height: 6px; line-height: 6px; font-size:0; background: #fff; margin-right: 3%; opacity: .7;}
.block_home_slider .flex-control-paging li a{width:100%; height:auto; display:block; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background: #fff;}
.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/*box*/
.box{background: #fff;  overflow: hidden;}
.img_man{width:100%; display: block;}
.box .hbox{text-align: center;}
.box .hd{font-size:1.5em; text-align: center; line-height: 1.6em; position: relative; padding:0% 0 3%; border-bottom: 2px solid #8eb71d; display: inline-block;}
.box .hd .arrow0{position: absolute;width:12%;left:50%;margin-left: -7%;bottom: -13%;}
.box .img_hd{width:80%; margin: 0 auto;padding:5% 0 6%;}
.box .highbox{width:95%; margin: 0 auto; overflow: hidden;}
.box .highbox .high_l{float: left; width:50%;}
.box .highbox .high_r{float: right; width:40%; margin-top: 3%;}
.box .img_job{width:90%;padding-bottom:3%; margin: 0 auto; animation: turn 3s .2s linear infinite; -webkit-animation: turn 3s .2s linear infinite; -moz-animation: turn 3s .2s linear infinite; -o-animation: turn 3s .2s linear infinite;	-ms-animation: turn 3s .2s linear infinite;}




.box2{background: #191D31;}
.box2 .hd{color:#2AF7FF; border-color:#2AF7FF;}
.box2 .hd .small{font-size:0.8em; display: block;}
.box2 .hd .arrow0{bottom:-12%; width:11%;}
.box2 .course{width:90%; margin: 7% auto 0; overflow: hidden; color: #2AF7FF; font-size: .9em;}
.box2 .course .course_l{float: left; width:15%; position: relative; }
.box2 .course .course_l p{position: absolute; width:100%; text-align: center; line-height: 1.1em; top:18%;}
.box2 .course .course_l img{-moz-animation:rotate 6s linear infinite; -ms-animation:rotate 6s linear infinite; -o-animation:rotate 6s linear infinite; -webkit-animation:rotate 6s linear infinite; animation:rotate 6s linear infinite;}
.box2 .course .course_r{float: left; width:85%;}
.box2 .course .course_r h3{padding-left: 7%; font-size: 1em; border-bottom: 1px dashed #2AF7FF; padding-bottom: 2%;}
.box2 .course .course_r .tipbox{padding-left: 7%; margin-top: 2%;}
.box2 .course .course_r .tipbox span{border: 1px solid #2AF7FF; float: left; margin-right: 2%; padding:1% 3%; margin-top: 1%; border-radius: 5px;}





/*群体分析*/
.peoples { background:#fff;}
.peoples .hd{ color:#fff;}
.peoples .ulbox{ width:100%; overflow:hidden;}
.peoples .ulbox li{ margin-left:2%;margin-right:2%;margin-bottom:6%; background:#f6f6f6; padding-bottom:3%;box-shadow: 0px 10px 25px #eaeaea;}
.peoples .ulbox li .title{ padding:1% 0; background:#8eb71d; margin-bottom:2%;} 
.peoples .ulbox li .title h3{ background:url(../images/icon1.png) no-repeat 6% center; padding:3% 0% 3% 20%; text-align:left; color:#fff;} 
.peoples .ulbox li p{ width:92%; margin:0 auto;} 
.peoples .ulbox .li1 .title{ background:#7fa022;} 
.peoples .ulbox .li1 .title h3{ background-image:url(../images/icon2.png);} 
.peoples .ulbox .li2 .title{ background:#839847;} 
.peoples .ulbox .li2 .title h3{ background-image:url(../images/icon3.png);} 
/*END群体分析*/


/*行业前景*/
.foreground{ background:#f6f6f6;padding-top: 15px;}
.foreground .hd{ color:#000;}
.foreground .ulbox1{ width:94%; margin:0 auto;}
.foreground .ulbox1 li{ margin-bottom:5%; overflow:hidden;}
.foreground .ulbox1 li{ margin-bottom:5%; overflow:hidden;}
.foreground .ulbox1 li .picbox{ width:20%; float:left;}
.foreground .ulbox1 li .txtbox{ width:75%; float:right; color:#000;}
.foreground .ulbox1 li .txtbox h3{ color:#b7e92f; margin-bottom:1%;margin-top:15px;}

/*END行业前景*/

.chooseus{ padding-bottom:0%;}
.chooseus .hd{ margin-bottom:3%;}
.chooseus .h3hd{ text-align:center; margin-bottom:0%;}
.chooseus .ulbox2 li{ margin-bottom:1%; overflow:hidden;}
.chooseus .ulbox2 li .hd1{ width: 29%;background: #303030;color: #fff;padding: 1% 3%;margin-bottom: 0%;}
.chooseus .ulbox2 li .h31{ width:100%; background:#8eb71d; color:#303030; padding:1% 4%; margin-bottom:2%;line-height: 1.7;}
.chooseus .ulbox2 li .pic{ margin-bottom:2%;}
.chooseus .ulbox2 li .txt{ background:#f5f5f5; padding:3% 0;}
.chooseus .ulbox2 li .txt p{ width:94%; margin:0 auto;}
.chooseus .ulbox2 .li1 .hd1{ margin-left:71%;}
.chooseus .ulbox2 .li1 .h31{ text-align:right;}
.chooseus .ulbox2 .li1 .video{ width:100%; overflow:hidden;}
.chooseus .ulbox2 li .ulbox3{ width:100%; overflow:hidden;}
.chooseus .ulbox2 li .ulbox3 li{width: 49%;float:left;margin: 0 2% 2% 0;}
.chooseus .ulbox2 li .ulbox3 .fr{ float:right; margin-right:0;}




/*成功学子*/
/*成功学子*/
.myimg {
    width: 100%;
	display: block;
    border-radius: 6px;
    padding:2%;
    
}
.student{ background:#000;}
.student .hd{ color:#fff;text-align: center;}
.student .flextea{ width:100%; overflow:hidden; position:relative; padding-bottom:6%;background: #000;}
.student .flextea .slide{overflow: hidden;}
.student .flextea .slide .fl{ float:left; width:48%;}
.student .flextea .slide .fr{ float:right; width:48%;}
.student .flextea .slide .txt{ width:100%; background:#fff; position:relative; margin-top:7%;}
.student .flextea .slide .txt h3{font-size: 14px; background:#1F1F1F; margin-bottom:2%; text-align:center; color:#fff; padding:3% 0;}
.student .flextea .slide .txt h3 span{ color:#fc6c16;}
.student .flextea .slide .txt p{font-size: 12px; text-align:left; width:94%; margin:0 auto; height:9em; padding-bottom:2%; overflow:auto;}
.student .flextea .slide .txt .sj{ position:absolute; left:50%; top:-5%; margin-left:-8%;}
.student_triangle{ display:block; width:0; height:0; border-width:0 12px 12px; border-style:solid; border-color:transparent transparent #1F1F1F;}
.student .block_home_slider .flex-control-paging {display:inline-block; position: absolute; right: -10%; bottom:-1%; width:24%;}
.student .block_home_slider .flex-control-paging li {float: left; width:10%; opacity: 1; height: 6px; line-height: 6px; font-size:0; background: #545762; margin-right: 3%;}
.student .block_home_slider .flex-control-paging li a{width:100%; height:auto; display:block; text-indent:-9000px; cursor:pointer;}
.student .block_home_slider .flex-control-paging li a.flex-active {background: #EF435B;}



.box3{padding-bottom: 0;background:#F8F8FA;}
.box3 .hd .small{font-size:0.8em; display: block; color: #666;}
.box3 .hd .arrow0{bottom: -18.5%;width: 10%;margin-left: -5.5%;}
.box3 .ulbox{width:90%; margin: 7% auto 0; overflow: hidden;}
.box3 .ulbox ul{overflow: hidden;}
.box3 .ulbox ul li{float:left; width:48%;}
.box3 .ulbox ul .li_mo{margin: 0 4% 4% 0;}

.box4 .hd .arrow0{bottom: -18.5%;width: 12%;}
.box4 ul{width:90%; margin: 0 auto; padding-top: 4%;}
.box4 ul li{margin-top: 5%; position: relative;} 
.box4 ul li .can{width:12%; right:3%; top:17%; position: absolute;}
.box4 ul li.li_r .can{right: inherit; left: 1%;}

/*box5*/
.box5{ background:#fff;}
.box5 .hd{ margin-bottom:2%;}
.box5 .con5 ul{ width:96%; margin:0 auto; overflow:hidden;}
.box5 .con5 li{ width:100%; padding-bottom:7%; border-bottom:1px dashed #3893c8; overflow:hidden;}
.box5 .con5 .pic{ width:49%; float:left; overflow:hidden;}
.box5 .con5 .pic h3{ text-align:center; font-size: 16px;}
.box5 .con5 .pic .imgs{ margin:11% auto;}
.box5 .con5 .txt{ width:48%; float:right; overflow:hidden;}
.box5 .con5 .txt p{ color:#333; font-size:.7em;}
.box5 .con5 .lilast{ border-bottom:0; padding:7% 0 0 0;}

.box5 .btns a {
    display: block;
    width: 100%;
    background: #f03335;
    text-align: center;
    padding: 4%;
    color: #fff;
    font-size: 1em;
    border-radius: 6px;
}
.box5 .btns {width: 60%; margin:0 auto;}

.box5 .hd .small{font-size:0.8em; display: block; color: #666;}
.box5 .hd .arrow0{bottom: -20.5%;width: 11%;margin-left: -5%;}
.box5 .flextea{width:90%; margin: 6% auto 0; padding:5% 0 12%; background: url(../images/line.gif) no-repeat right top; background-size: 80%;}
.box5 .flextea .slide{overflow: hidden;}
.box5 .flextea .slide img{float:left; width:35%;}
.box5 .flextea .slide .txt{float:right; width:60%; text-align: left; padding-right: 4%; max-height: 170px; overflow-y: auto; color: #fff;}
.box5 .flextea .slide .txt strong{font-size:.9em;}
.box5 .flextea .slide .txt p{line-height: 1.6em; font-size: .8em;}
.box5 .block_home_slider .flex-control-paging{left: auto; margin-left: auto; right: 4%; bottom:10%;}
.box5 .block_home_slider .flex-control-paging li{width:10%; opacity: 1;}
.box5 .block_home_slider .flex-control-paging li a.flex-active {background: #EF435B;}

.box6 .hd .small{font-size:0.8em; display: block; color: #666;}
.box6 .hd .arrow0{bottom: -19%;width: 12%;margin-left: -5%;}
.box6 .ulbox{width:90%; margin: 5% auto;}
.box6 ul li{float:left; width:48%; border: 1px solid #ccc; text-align: center;}
.box6 ul li.li_r{float:right;}
.box6 ul li h3{font-size:.9em; color: #0792BD; padding:5% 0;}
.box6 ul li p{font-size:.8em; line-height: 1.4em; height: 6em;}

.box7{padding-bottom: 0;}
.box7 .hd .arrow0{bottom: -13%;}
.box7 ul{width:94%; margin: 5% auto 0; overflow: hidden;}
.box7 ul li{overflow: hidden; margin-bottom: 4%;}

.box8{padding-bottom: 0;}
.box8 .hd .arrow0{bottom:-15%;}
.box8 ul{width:90%; margin: 5% auto 0; overflow: hidden;}
.box8 ul li{float: left; width:48%; border: 1px solid #ccc; padding: 3% 0 9%; position: relative; margin-bottom: 8%;}
.box8 ul li p{padding-left: 5%; font-size:.8em; line-height: 1.7em;}
.box8 ul li p span{color: #EF435B;}
.box8 ul .li_mo{float: right;}
.box8 ul li .class_num{position: absolute; width:80%; left:50%; margin-left: -40%; bottom:-10%;}
.box8 ul li .class_num span{position: absolute; width:100%; display: block; text-align: center; bottom: 15%; color: #fff;}

.box9 .hd .small{font-size:0.8em; display: block; color: #666;}
.box9 .hd .arrow0{bottom: -16%;width: 11%;margin-left: -5%;}
.box9 .move{width:100%; margin: 5% auto; padding-top: 2em; background: url(../images/ta_bg.png) no-repeat center top; background-size:100%;}
.box9 #scrollDiv{height: 15em; overflow: hidden;}
.box9 .move table{text-align: center; width: 100%; position: relative;}
.box9 .move td{line-height: 2em; font-size:.9em; border-bottom: 1px solid #ccc; padding-left: 2%;}

.box10{ position: relative; overflow: inherit;}
.box10 .hd .small{font-size:0.8em; display: block; color: #666;}
.box10 .hd .arrow0{bottom:-10%; width:12%; margin-left: -6%;}
.box10 .imgbox{width:90%; margin: 0 auto;}
.box10 .img_man{margin-top: 7%;}
.box10 .start{position: absolute; width:40%; left:50%; margin-left: -20%; top:-23%;}
.box10 .start span{position: absolute; width:100%; display: block; text-align: center; bottom: 15%; color: #fff;}

.box11{background: #F1F1F1; position: relative; overflow: inherit; padding-bottom: 0;}
.box11 .hd .arrow0{bottom:-10%;}
.box11 .hd{padding-top: 8%;}
.box11 .imgbox{width:90%; margin: 0 auto;}
.box11 .img_man{width:85%; margin: 0 auto;}
.box11 .btn{ width:30%; margin:10% auto 0 auto; }
.box11 .btn .cir_box{ display:block; width:100%; height:0; padding-top:100%; border-radius:100%; position:relative; border:1px solid #dedddd; box-shadow: 1px 1px 2px 1px #d8d7d7; -moz-box-shadow: 1px 1px 2px 1px #d8d7d7; -ms-box-shadow: 1px 1px 2px 1px #d8d7d7; -o-box-shadow: 1px 1px 2px 1px #d8d7d7;background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #f9f8f8 0%, #d7cfcf 100%, #e3dddd 95%); background-image: -webkit-radial-gradient(45px 45px, circle cover, #f9f8f8, #d7cfcf); background-image: radial-gradient(45px 45px 45deg, circle cover,  #f9f8f8 0%, #d7cfcf 100%, #e3dddd 95%);}
.box11 .btn .circle{ position: absolute; left:7%; top: 7%; width: 88%; height: 88%;overflow: hidden; text-align: center; border-radius:100%;
background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #f78786 0%, #e52120 100%, #f25e5d 95%); background-image: -webkit-radial-gradient(45px 45px, circle cover, #f78786, #e52120); background-image: radial-gradient(45px 45px 45deg, circle cover, #f78786 0%, #e52120 100%, #f25e5d 95%);}
.box11 .btn .circle p{ font-size:1.1em; color:#fff; position:relative; top:50%;left:50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.zx{width:100%; max-width: 720px; position: fixed; bottom: 0; left: 0; background: #3E3E3E url(../images/xian.jpg) no-repeat center center; height: 2.6em;}
.zx ul{overflow: hidden; height: 2.6em;}
.zx ul li{float: left; width:50%; line-height: 2.8em; font-size: .9em;}
.zx ul li div{width:80%; padding-left: 20%; height: 2.8em; margin: 0 auto; background: url(../images/tel.jpg) no-repeat left 10px; background-size:33% ;}
.zx ul li div a{display: block; color: #fff;}
.zx ul li.li_r div{background-image: url(../images/massage.jpg);}
/*苹果4小手机*/
@media only screen and (max-width: 350px){
	.peoples .ulbox .li1 .title h3{ padding-top:4%;} 
	.box6 ul li h3{font-size:.85em;}
	.box8 ul li p{font-size:.7em;}
	.box9 .move td{font-size:.8em; padding-left: 0;}
}
/*大于pad*/
@media only screen and (min-width: 750px){
	.ban .ban_in{width:100%;}
	.ban .ban_in .web span{font-size: 1.6em;}
	.box{padding-bottom: 4%;}
	.box .hd{font-size:2em;border-width: 3px;}
	.box .hd .arrow0{bottom:-9.5%;}
	.peoples .ulbox li .title h3{ padding:1% 0% 1% 20%;} 
	.box2 .hd .arrow0{bottom:-11.5%;}
	.box2 .course .course_l p{font-size:1.4em; top:26%;}
	.box2 .course .course_r h3{font-size: 1.6em;}
	.box2 .course .course_r .tipbox span{font-size:1.1em;}
	.box3 .hd .arrow0{bottom: -10%; width:9%;}
	.box4 .hd .arrow0{bottom: -12%;}
	.box5 .hd .arrow0{bottom: -11.5%;}
	.box5 .flextea .slide .txt strong{font-size:1.6em;}
	.box5 .flextea .slide .txt p{line-height: 1.7em; font-size: 1.3em;}
	.box5 .flextea .slide .txt{max-height: 285px;}
	.box6 .hd .arrow0{bottom: -11.5%;}
	.box6 ul li h3{font-size:1.4em;}
	.box6 ul li p{font-size:1.3em; line-height: 1.6em;}
	.box7 .hd .arrow0{bottom: -15%;}
	.box8 .hd .arrow0{bottom: -13%;}
	.box8 ul li p{font-size: 1.3em;}
	.box8 ul li .class_num span{font-size: 1.4em; bottom:25%;}
	.box10 .hd .arrow0{bottom: -9%;}
	.box9 .move{padding-top: 3.5em;}
	.box9 #scrollDiv{height: 15em;}
	.box9 .move td{font-size:1.2em;}
	.box10 .hd .arrow0{bottom: -9%;}
	.box11{padding-bottom: 0;}
	.box10 .start span{font-size: 1.4em; bottom: 24%;}
	.box11 .btn .circle p{font-size:2em;}
	.box10 .start{top:-7%;}
	.zx{left:50%; margin-left: -360px; height: 3.4em;}
	.zx ul{height: 3.4em;}
	.zx ul li{height: 3.4em;}
	.zx ul li div{height: 3.4em; width:60%; font-size: 1.4em; background-size:32%; padding-left: 18%; line-height: 2.4em;}
}

/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
	
}

@keyframes turn {
	0% {
		-webkit-transform: translateX(-3px)
	}
	50% {
		-webkit-transform: translateX(3px)
	}
	100% {
		-webkit-transform: translateX(-3px)
	}
}
@-webkit-keyframes turn {
	0% {
		-webkit-transform: translateX(-3px)
	}
	50% {
		-webkit-transform: translateX(3px)
	}
	100% {
		-webkit-transform: translateX(-3px)
	}
}
@-moz-keyframes turn {
	0% {
		-moz-transform: translateX(-3px)
	}
	50% {
		-moz-transform: translateX(3px)
	}
	100% {
		-moz-transform: translateX(-3px)
	}
}
@keyframes rotate{
	0%{ 
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
	}
	100%{
		transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
		-o-transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
	}
}
@-moz-keyframes rotate{
	0%{ 
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
	}
	100%{
		transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
		-o-transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
	}
}
@-webkit-keyframes rotate{
	0%{ 
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
	}
	100%{
		transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
		-o-transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
	}
}
@-o-keyframes rotate{
	0%{ 
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
	}
	100%{
		transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
		-o-transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
	}
}
@-ms-keyframes rotate{
	0%{ 
		transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
	}
	100%{
		transform:rotate(-360deg);
		-moz-transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg);
		-o-transform:rotate(-360deg);
		-ms-transform:rotate(-360deg);
	}
}