html, body, h1, h2, h3, h4, h5, h6, p, ul, a{
  margin: 0;
  padding: 0;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}
body {
	color: #272727;
	font-family: Helvetica,"San Francisco","Microsoft Yahei","微软雅黑",Heiti;
	background-color: #fff;
}

.cpList h1, .cpList p, .cttTitle h1, .cttTitle h2, .cttTitle p, h2, p {
    font-weight: 400;
    line-height: 1;
    color: #585c60;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.banner {
	width: 100%;
	height: 97px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.wrap {
	width: 1150px;
	margin: 0 auto;
	position: relative;
}

.ltlinks {
	width: 208px;
	height: 40px;
	position: absolute;
	top: 26px;
	left: 0;
	line-height: 40px;
	text-align: center;
	font-size: 32px;
	white-space: nowrap;
}

.banner.upper {
	background-color: transparent;
	color: #FFF;
}

.banner.upper .menu_item {
	color: #FFF;
}

.banner.upper .li_active a {
	border-bottom: 1px solid #fff;
}

.banner.lower {
	color: #585c60;
	background-color: #FFF;
	box-shadow: 0 0 3px 3px #d1d1d1;
}

.banner.lower .menu_item {
	color: #585c60;
}

.banner.lower .li_active a {
	border-bottom: 1px solid #585c60;
}

.menu {
	overflow: hidden;
    position: absolute;
    top: 33px;
    right: 0;
    padding-bottom: 1px;
}

.menu li {
	float: left;
	padding: 0 8px;
	margin-left: 80px;
	border-bottom: none;
	box-sizing: border-box;
	transition: border 2s;
}

li .li_borderline {
	width: 0;
	height: 1px;
}

.upper .li_borderline {
	background-color: #fff;
}

.lower .li_borderline {
	background-color: #585c60;
}

li .menu_item {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
}

.section {
	overflow: hidden;
	min-width: 1150px;
	margin: 0 auto;
}

.section1 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 56.2%;
}

.section1 video {
	width: 100%;
	background-color: #000;
}

.section1 .centerWrap {
	position: absolute;
	top: 37%;
	width: 100%;
	height: 152px;
	text-align: center;
	color: #fff;
}

.centerWrap .mTitle {
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 44px;
	margin-bottom: 72px;
	color: #fff;
	// letter-spacing: 30px;
}

.centerWrap .lTitle {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 36px;
	color: #fff
}

.section1 .direction {
	width: 36px;
	height: 36px;
	background: url("../images/direction.png") 0 0 no-repeat;
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translate(-18px,0);
}

.section .title_1 p {
	margin-top: 45px;
	height: 108px;
	line-height: 108px;
	font-size: 48px;
	text-align: center;
	color: #54575a;
}

.section .title_1 .line {
	width: 65px;
	height: 0;
	border: 2px solid #fab837;
	border-radius: 2px;
	margin: 0 auto;
}

.section .mainPic {
	width: 100%;
	height: 548px;
	background: url('../images/qianneng_main.png') center no-repeat;
	background-size: 778px;
	position: relative;
	color: #8b8d8f;
}

.mainPic .title_2 {
	height: 22px;
	line-height: 22px;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px;
}

.mainPic span {
	font-size: 14px;
}

.mainPic .yinjian {
	width: 255px;
	position: absolute;
	left: 760px;
	top: 118px;
}

.mainPic .kejian {
	position: absolute;
	left: 806px;
	top: 288px;
	width: 180px;
}

.mainPic .shequ {
	width: 206px;
	position: absolute;
	left: 170px;
	top: 193px;
}


.section2 .funLists {
	width: 100%;
	height: 270px;
	color: #8b8d8f;
}

.funLists .funlist {
	float: left;
	width: 287px;
	height: 162px;
}

.funlist:nth-child(1) {
	background: url("../images/potentialTest.png") 0px -2px no-repeat;
}

.funlist:nth-child(2) {
	background: url("../images/growthReport.png") 0px 0px no-repeat;
}

.funlist:nth-child(3) {
	background: url("../images/professionalCourse.png") 0px 0px no-repeat;
}

.funlist:nth-child(4) {
	background: url("../images/community.png") 0px -2px no-repeat;
	margin-right: 0;
}

.funlist:nth-child(5) {
	background: url("../images/didiTeaching.png") 0px -4px no-repeat;
}

.funlist:nth-child(6) {
	background: url("../images/personalCustomization.png") 0px 0px no-repeat;
}

.funlist:nth-child(7) {
	background: url("../images/bages.png") 0px 0px no-repeat;
}

.funlist:nth-child(8) {
	background: url("../images/futureStar.png") 0px 0px no-repeat;
	margin-right: 0;
}

.funlist .title_3 {
	font-size: 22px;
	padding-left: 62px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 14px;
}

.funlist .content_3 {
	font-size: 14px;
	height: 48px;
	line-height: 24px;
	padding: 0 55px 0 62px;
}


.section3 {
	width: 100%;
	height: 650px;
	background-color: #f3f3f3;
	color: #8b8d8f;
}

.section3 .mainCtt {
	width: 100%;
	height: 504px;
}

.section3 .leftPart {
	width: 432px;
	height: 354px;
	margin-top: 58px;
	margin-right: 42px;
	float: left;
}

.leftPart .higherPic {
	width: 432px;
	height: 250px;
	background: url('../images/specialBig.png');
}

.leftPart .lowerPic {
	width: 432px;
	height: 101px;
	margin-top: 3px;
}

.lowerPic .sPic {
	width: 142px;
	height: 101px;
	float: left;
}

.lowerPic .sPic:nth-child(1){
	background: url('../images/specialSmall_1.png');
}

.lowerPic .sPic:nth-child(2){
	margin: 0 3px;
	background: url('../images/specialSmall_2.png');
}

.lowerPic .sPic:nth-child(3){
	background: url('../images/specialSmall_3.png');
}

.section3 .rightPart {
	width: 676px;
	float: left;
}

.section3 .title_4 {
	margin-top: 54px;
	margin-bottom: 25px;
	font-size: 30px;
}

.section3 .title_4:nth-child(3) {
	margin-top: 24px;
}

.section3 .content_4 {
	padding: 0 4px 0 0;
	line-height: 36px;
	font-size: 16px;
	vertical-align: middle;
}

.content_4>span {
	color: #ebb247;
	display: inline-block;
} 

.content_4>i {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 10px 2px 2px;
	background: url("../images/choice@2x.png") no-repeat;
	background-size: 21px;
	vertical-align: middle;
}

.ldLists {
	height: 486px;
}

.ldLists .ldlist {
	width: 383px;
	height: 486px;
	float: left;
	color: #8b8d8f;
}

.ldlist .bgIcon {
	width: 144px;
	height: 144px;
	border-radius: 72px;
	margin: 44px 0 27px 118px;
}

.ldlist:nth-child(1) .bgIcon {
	background: #72d3f8 url("../images/video call@2x.png") 0 no-repeat;
	background-size: 144px;
}

.ldlist:nth-child(2) .bgIcon {
	background: #72d3f8 url("../images/PIP@2x.png");
	background-size: 144px;
}

.ldlist:nth-child(3) .bgIcon {
	background: #72d3f8 url("../images/Karaoke@2x.png");
	background-size: 144px;
}

.ldlist .title_5 {
	text-align: center;
	font-size: 30px;
	line-height: 52px;
}

.ldlist .content_5 {
	font-size: 18px;
	line-height: 38px;
	padding: 0 25px;
}

.section5 {
	background-color: #f3f3f3;
	margin-bottom: 68px;
	height: 773px;
}

.section5 .cpLists {
	float: left;
	width: 370px;
	height: 498px;
	margin-right: 20px;
	margin-top: 49px;
	position: relative;
}

.cpLists .cpListFg {
	width: 370px;
	height: 498px;
	position: absolute;
	top: 0;
	left: 0;
}

.cpLists:nth-child(2) {
	background: url("../images/cczjyjBg.png") center no-repeat;
}

.cpLists:nth-child(3) {
	background: url("../images/cczjylBg.png") 0 0 no-repeat;
}

.cpLists:nth-child(4) {
	background: url("../images/ychBg2.png") 0 0 no-repeat;
	margin-right: 0;
}

.cpLists:nth-child(2) .cpLogo {
	width: 217px;
	height: 24px;
	padding-top: 126px;
	margin: 40px auto 0;
	background: url("../images/cczjyjLogo.png") no-repeat;
	background-origin: border-box;
	background-size: 217px 112px;
}

.cpLists:nth-child(2) .cpListFg {
	background: url("../images/img-yj.png");
}

.cpLists:nth-child(3) .cpLogo {
	width: 217px;
	height: 112px;
	margin: 40px auto 14px;
	background: url("../images/cczjylLogo.png");
	background-size: cover;
}

.cpLists:nth-child(3) .cpListFg {
	background: url("../images/img-yl.png");
}

.cpLists:nth-child(4) .cpLogo {
	width: 109px;
	height: 111px;
	margin: 40px auto 14px;
	background: url("../images/ychLogo2.png");
	background-size: cover;
}

.cpLists:nth-child(4) .cpListFg {
	background: url("../images/img-ych.png");
}

.cpLists .go {
	margin: 0 auto;
	width: 82px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	position: relative;
	text-align: center;
}

// .cpLists .go a:hover {
// 	text-decoration: underline;
// }

// .cpLists .go a {
// 	position: absolute;
// 	top: -179px;
// 	display: block;
// 	width: 104px;
// 	height: 24px;
// 	color: #0070c9;
// 	margin: 0;
// 	padding: 0;
// }

.cpLists a {
	width: 82px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #0070c9;
}

.cpLists a:hover {
	border-bottom: 1px solid #0070c9;
	box-sizing: border-box;
}

.section6 .goodLists {
	width: 320px;
	height: 380px;
	float: left;
	// background-color: pink;
}

.goodLists .goodPic {
	margin: 60px 0 0 0;
	width: 320px;
	height: 200px;
}

.goodLists .goodName {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #66696d;
	margin-bottom: 60px;
}

.goodLists:nth-child(3) {
	margin: 0 95px;
}

.goodLists:nth-child(2) .goodPic {
	background: #fff url('../images/yingjian_youjiao.png') center no-repeat;
	background-size: contain;
}

.goodLists:nth-child(3) .goodPic {
	background: #fff url('../images/yingjian_yule.png') center no-repeat;
	background-size: contain;
}

.goodLists:nth-child(4) .goodPic {
	background: #fff url('../images/yingjian_yiti.png') center no-repeat;
	background-size: contain;
}

.section7 {
	width: 100%;
	height: 364px;
	background-color: #f3f3f3;
}

.section7 .dloApp {
	width: 310px;
	height: 364px;
	float: left;
	margin-right: 110px;
}

.dloApp:nth-child(3) {
	margin-right: 0;
}

.section7 .title_6 {
	font-size: 26px;
	padding: 36px 0;
	margin-top: 32px;
}

.section7 .ewm {
	width: 128px;
	height: 128px;
	float: left;
	margin-right: 20px;
	background-size: 128px;
}

.ewm.cczj2 {
	background-image: url('../images/cc_ewm2.png');
}


.ewm.cczj {
	background-image: url('../images/cc_ewm.png');
}

.ewm.ych {
	background-image: url('../images/ych_ewm.png');
}

.section7 .dloBtns {
	float: left;
}

.dloBtns .dloBtn {
	width: 160px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #cdcecf;
	border-radius: 4px;
	color: #43474c;
	vertical-align: middle;
	background-color: #fff;
}

.dloBtns .dloBtn a{
	display: block;
	width: 160px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 4px;
	color: #43474c;
	vertical-align: middle;
	background-color: #fff;
}


.dloBtns .Ios {
	margin-bottom: 20px;
}

.dloBtn i {
	display: inline-block;
	width: 28px;
	height: 38px;
	vertical-align: middle;
}

.Ios i {
	background: url("../images/apple_icon.png") center no-repeat;
}

.Andr i {
	background: url('../images/android_icon.png') center no-repeat;
}

.footer {
	width: 100%;
	min-width: 1150px;
	background-color: #272e38;
	color: #fff;
}

.footer .tgInfo {
	height: 220px;
	width: 100%;
	border-bottom: 1px solid #899fbe;
}

.footer .kslj {
	float: left;
	width: 650px;
	height: 220px;
}

.footer .ksljTitle {
	padding: 46px 0;
	margin-top: 10px;
	font-size: 18px;
	padding-left: 5px;
}

.kslj .pdc {
	float: left;
	width: 222px;
	height: 95px;
	background: url('../images/pdc_logo.png') no-repeat;
}

.kslj .pdc a{
	display: block;
	width: 222px;
	height: 95px;
}

.kslj .kmai {
	float: left;
	width: 550px;
	height: 90px;
	background: url('../images/kmaiLogo.png') 0 5px no-repeat;
}

.kslj .kmai a {
	display: block;
	width: 550px;
	height: 90px;
}

.tgInfo .yjgm {
	float: left;
	width: 450px;
	height: 220px;
	flex-direction: column;
	display: flex;
	justify-content: center;
}
.yjgm span{
	display:block;
	font-size: 18px;
	color: #F1F1F1;
	line-height: 35px;
}

.yjgm .yjgmTitle {
	width: 262px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #fff;
	font-size: 20px;
	text-align: center;
	margin: 53px 0  35px 3px;
	opacity: 0;
}

.yjgm .yjgmTitle a {
	display: block;
	width: 262px;
	height: 38px;
	color: #fff;
}

.yjgm p {
	font-size: 24px;
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
}

.yjgm p i {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 6px;
	vertical-align: middle;
	position: relative;
}

.yjgm i a {
	display: block;
	width: 40px;
	height: 40px;
}

.yjgm i:nth-child(1) {
	background: url('../images/weixinIcon.png');
}

.yjgm i:nth-child(2) {
	background: url('../images/weiboIcon.png');
}

.yjgm i:nth-child(1) img{
	width: 140px;
	height: 140px;
	z-index: 1000;
	position: absolute;
	left: -50px;
	top: -145px;
	display: none;
}

.footer .beianInfo {
	padding: 30px 0;
	overflow: hidden;
}

.beianLeft {
	float: left;
	width: 550px;
}

.beianRight {
	float: left;
	width: 550px;
}

.footer .beianInfo p {
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: left;
	font-size: 16px;
	font-family: "Arial","宋体";
	vertical-align: middle;
}

.footer .beianInfo a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	color: #585c60;
}

.footer .beianInfo a span{
	vertical-align: middle;
}

.footer .beianInfo img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 3px;
}

.beianRight p span {
	font-weight: bold;
}

.wwxkz {
	width: 100%;
	height: 1228px;
	margin: 97px auto 0;
	background: #0f0e13 url('../images/wwxkz.jpg') center no-repeat;
}