.wapper{
	width: 1200px;
	margin:0 auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:after{
	content:"";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	*zoom:1;    /* IE/7/6*/
}

.banner{
	width: 100%;
	/* height: 560px; */
}
.banner .swiper-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner .swiper-container .swiper-pagination  .swiper-pagination-bullet {
    width: 80px;
    height: 8px;
    display: inline-block;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #fff;
	opacity: 1;
}
.banner .swiper-container .swiper-pagination  .swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width: 0;
	height: 8px;
	border-radius: 4px;
    opacity: 1;
    background: rgba(255,255,255,1);
	z-index: 2;
}
.banner .swiper-container .swiper-pagination  .swiper-pagination-bullet-active {
   position: relative;
}
.banner .swiper-container .swiper-pagination  .swiper-pagination-bullet-active::after {
	transition: 2.5s width;
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width: 80px;
	height: 8px;
	border-radius: 4px;
    opacity: 1;
    background: rgba(255,255,255,1);
	z-index: 2;
}
.iswhat{
	padding: 50px 75px 0;
	height: 530px;
}
.iswhat h3{
	width: 520px;
	height: 85px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon30.png) no-repeat center center;
	background-size: contain;
}
.iswhat .textbox{
	width: 100%;
	padding-top: 60px;
}
.iswhat .textbox .desleft{
	width: 500px;
	padding-left: 20px;
}
.iswhat .textbox .desleft h6{
	width: 500px;
	height: 22px;
	color: #000;
  font-weight:600;
	padding-bottom: 15px;
	font-size: 20px;
	line-height: 22px;
	text-align: left;
	position: relative;
	margin-bottom: 25px;
}
.iswhat .textbox .desleft h6::after{
	display: block;
	position: absolute;
	content: "";
	width:50px;
	height: 2px;
	background-color: #e14946;
	left:0;
	bottom: 0;
}
.iswhat .textbox .desleft p{
	width: 500px;
	height: 150px;
	color: #666;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 35px;
}
.iswhat .textbox .desleft>img{
	width: 440px;
	height: 60px;
}
.iswhat .textbox .desleft p>span{
	color: #333;
	font-weight: 600;
	font-size: 22px;
}

.iswhat .textbox .advright{
	width: 500px;
}
.iswhat .textbox .advright .item{
	width: 498px;
	border:1px solid #e14946;
	height: 83px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.iswhat .textbox .advright .item:nth-child(3){
	height: 108px;
}
.iswhat .textbox .advright .item .iconleft{
	width: 98px;
	height: 83px;
	position: relative;
	overflow: hidden;
}
.iswhat .textbox .advright .item:nth-child(3){
	height: 108px;
}
.iswhat .textbox .advright .item:nth-child(3) .iconleft{
	height: 108px;
}
.iswhat .textbox .advright .item .iconleft i{
	position: absolute;
	width: 135px;
	height: 135px;
	background-color: #E14946;
	border-radius: 50%;
	left:-60px;
	top:50%;
	margin-top: -67px;
}
.iswhat .textbox .advright .item:nth-child(3) .iconleft img{
	top:40px;
}
.iswhat .textbox .advright .item .iconleft img{
	position: absolute;
	width: 37px;
	height: 36px;
	left:20px;
	top:20px;
}
.iswhat .textbox .advright .item .iconleft:nth-child(2) img{
	position: absolute;
	width: 42px;
	height: 42px;
	left:20px;
	top:20px;
}
.iswhat .textbox .advright .item .iconleft:nth-child(3) img{
	position: absolute;
	width: 40px;
	height: 32px;
	left:20px;
	top:20px;
}
.iswhat .textbox .advright .item .textright{
	width: 380px;
	height: 83px;
	position: relative;
	overflow: hidden;
}
.iswhat .textbox .advright .item:nth-child(3) .textright{
	height: 108px;
}
.iswhat .textbox .advright .item .textright h5{
    width: 360px;
    font-size: 18px;
    color:#333;
    height: 20px;
    font-weight:600;
   text-align: left;
	line-height: 20px;
	margin-top: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.iswhat .textbox .advright .item .textright p{
	width: 380px;
	font-size: 14px;
  text-align: left;
	color:#333;
	margin-top: 10px;
	height: 26px;
	line-height: 26px;
}
.iswhat .textbox .advright .item:nth-child(3) .textright p{
	height: 52px;
	font-size: 14px;
	color:#333;
  text-align: left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.advbox{
	height: 300px;
	background-color: #f4f4f4;
}
.advbox .wapper{
	padding:0 75px;
	overflow: hidden;
}
.advbox .wapper .advitem{
	float: left;
	border-top: 1px solid transparent;
	width: 290px;
	text-align: center;
	margin-right: 90px;
}
.advbox .wapper .advitem:last-child{
	margin-right: 0px;
}
.advbox .wapper .advitem h6{
	margin-top: 45px;
	font-size: 18px;
	color: #333;
   font-weight:600;
	line-height: 20px;
	text-align: center;
}
.advbox .wapper .advitem h4{
	margin-top: 20px;
	font-size: 50px;
	color: #e14946;
	line-height: 52px;
	text-align: center;
}
.advbox .wapper .advitem h5{
	margin-top: 35px;
	font-size: 14px;
	color: #666;
	line-height: 16px;
	text-align: center;
}
.advbox .wapper .advitem p{
	margin-top: 10px;
	font-size: 14px;
	color: #666;
	line-height: 16px;
	text-align: center;
}
.whatdo{
	background-color: #fff;
	padding-top: 60px;
}
.whatdo h3{
	width: 708px;
	height: 86px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon31.png) no-repeat center center;
	background-size: contain;
}
.whatdo .dobox{
	width: 100%;
	padding-top: 60px;
}
.whatdo .dobox .doitem{
	width: 378px;
	height: 198px;
	border:1px solid #E14946;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	margin-right: 30px;
}
.whatdo .dobox .doitem:last-child{
	margin-right: 0px;
}
.whatdo .dobox .doitem i{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #E14946;
	position: absolute;
	right: -60px;
	top:-60px;
}
.whatdo .dobox .doitem span{
	color:#fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 5px;
	top:20px;
	width: 40px;
	height: 22px;
	line-height: 22px;
}
.whatdo .dobox .doitem h5{
	color:#e14946;
	font-size: 18px;
	margin-top: 45px;
	margin-left: 25px;
	text-align: left;
  font-weight: 600;
	width: 270px;
	height: 60px;
	line-height: 30px;
}
.whatdo .dobox .doitem p{
	color:#666;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 25px;
	text-align: lefft;
	width: 305px;
	height: 60px;
	line-height: 30px;
}
.whystudy{
	background-color: #fff;
	padding-top: 60px;
}
.whystudy h3{
	width: 708px;
	height: 86px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon32.png) no-repeat center center;
	background-size: contain;
}
.whystudy h4{
	margin-top: 60px;
	font-size: 30px;
	color: #333;
	text-align: center;
	line-height: 32px;
	height: 32px;
	margin-bottom: 60px;
}
.whystudy h4 span{
	color: #E14946;
}
.whystudy .whyone{
	width: 1200px;
	height: 375px;
	margin:0  auto;
	background: url(/static/index/images/cgft_icon39.png) no-repeat 0 center;
	background-size: contain;
	position: relative;
}
.whystudy .whyone>div{
	position:absolute;
	bottom:0;
	width: 300px;
	border-radius: 5px;
}
.whystudy .whyone>.oneitem{
	height: 210px;
	background-color: #e35956;
	left:0;
}
.whystudy .whyone>.twoitem{
	height: 260px;
	left:350px;
	background-color: #e14f4d;
}
.whystudy .whyone>.threeitem{
	height: 330px;
	left:700px;
	background-color: #e04744;
}
.whystudy .whyone>div h5{
	position:absolute;
	text-align: center;
	background-color: #f4f4f4;
	color: #E14946;
	width: 180px;
	font-size: 18px;
	height: 50px;
	left:50%;
	top:-8px;
	margin-left:-90px;
	line-height: 50px;
	border-radius: 5px;
}
.whystudy .whyone>div h6{
	position:absolute;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	width: 100%;
	height:40px;
	left:0;
	top:50px;
	line-height: 40px;
}
.whystudy .whyone>div h6::after{
	display: block;
	content: "";
	background-color: #fff;
	position:absolute;
	width: 50px;
	height:2px;
	left:50%;
	margin-left: -25px;
	bottom:0;
}
.whystudy .whyone>div p{
	position:absolute;
	font-size: 14px;
	color: #ffffff;
	width: 280px;
	left:50%;
	margin-left: -140px;
	top:110px;
	line-height: 22px;
}
.twowhy{
	padding-top: 60px;
}
.twowhy h3{
	width: 100%;
	height:91px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon33.png) no-repeat 0 center;
	background-size: contain;
	margin-bottom: 90px;
}
.twowhy .items:nth-child(2n+1){
	width: 515px;
	height:105px;
	margin-bottom: 40px;
	margin-right:90px;
	overflow: hidden;
}
.twowhy .items:nth-child(2n+2){
	width: 565px;
	height:105px;
	margin-bottom: 40px;
	overflow: hidden;
}
.twowhy .items .leftimg{
	width: 78px;
	height:78px;
	border:1px solid #E14946;
	border-radius: 5px;
	background: url(/static/index/images/cgft_icon06.png) no-repeat center center;
	background-size:43px 38px;
}
.twowhy .items:nth-child(2n+1) .righttext{
	width:405px;
	height:105px;
	margin-left: 25px;
}
.twowhy .items:nth-child(2n+2) .righttext{
	width: 455px;
	height:105px;
	margin-left: 25px;
}
.twowhy .items .righttext h6{
	font-size: 18px;
	color: #333;
	font-weight: 600;
	text-align: left;
	height: 20px;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.twowhy .items .righttext p{
	margin-top: 15px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	max-height: 96px;
	text-align: left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	
}
.twowhy .items:nth-child(2) .leftimg{
	background: url(/static/index/images/cgft_icon09.png) no-repeat center center;
	background-size:40px 40px;
}
.twowhy .items:nth-child(3) .leftimg{
	background: url(/static/index/images/cgft_icon07.png) no-repeat center center;
	background-size:39px 39px;
}
.twowhy .items:nth-child(4) .leftimg{
	background: url(/static/index/images/cgft_icon10.png) no-repeat center center;
	background-size:40px 40px;
}
.twowhy .items:nth-child(5) .leftimg{
	background: url(/static/index/images/cgft_icon08.png) no-repeat center center;
	background-size:36px 34px;
}
.twowhy .items:nth-child(6) .leftimg{
	background: url(/static/index/images/cgft_icon11.png) no-repeat center center;
	background-size:38px 32px;
}
.threewhy{
	background-color: #e14946;
	padding:70px 0 65px 0;
}
.threewhy .wapper>div{
	background-color: #fff;
	border-radius: 5px;
	width: 570px;
	height: 435px;
}
.threewhy .wapper>div:last-child{
	margin-left: 60px;
}

.threewhy .wapper>div h4{
	width: 220px;
	height: 60px;
	margin: 0 auto;
	margin-top: 30px;
	background: url(/static/index/images/cgft_icon34.png) no-repeat center center;
	background-size:contain;
}
.threewhy .wapper>div:last-child h4{
	background: url(/static/index/images/cgft_icon35.png) no-repeat center center;
	background-size:contain;
}
.threewhy .wapper>div>div{
	background-color: #fff;
	width: 450px;
	height:260px;
	margin: 35px auto 0;
}
.threewhy .wapper>div>div>img{
	float: left;
	width: 208px;
	height:71px;
	margin-right: 33px;
	margin-bottom: 24px;
}
.threewhy .wapper>div>div>img:nth-child(2n+2){
	margin-right: 0px;
}
.threewhy .wapper>div>div>p{
	float: left;
	width: 208px;
	height:70px;
	margin-right: 30px;
	margin-bottom: 24px;
	line-height: 70px;
	font-size: 0;
	border:1px solid #ecebeb;
	border-radius: 5px;
}
.threewhy .wapper>div>div>p:nth-child(2n+2){
	margin-right: 0px;
}
.threewhy .wapper>div>div>p i{
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-left: 15px;
	border:1px solid #E04744;
	border-radius: 50%;
}
.threewhy .wapper>div>div>p:nth-child(1) i{
	background: url(/static/index/images/cgft_icon22.png) no-repeat center center;
	background-size: 25px 18px;
}
.threewhy .wapper>div>div>p:nth-child(2) i{
	background: url(/static/index/images/cgft_icon21.png) no-repeat center center;
	background-size: 26px 22px;
}
.threewhy .wapper>div>div>p:nth-child(3) i{
	background: url(/static/index/images/cgft_icon20.png) no-repeat center center;
	background-size: 22px 18px;
}
.threewhy .wapper>div>div>p:nth-child(4) i{
	background: url(/static/index/images/cgft_icon19.png) no-repeat center center;
	background-size: 24px 24px;
}
.threewhy .wapper>div>div>p:nth-child(5) i{
	background: url(/static/index/images/cgft_icon18.png) no-repeat center center;
	background-size: 23px 23px;
}
.threewhy .wapper>div>div>p span{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #333;
	margin-left:15px;
}
.teacherbox{
	width: 100%;
	height: 890px;
	padding-top:90px;
	background-color: #f4f4f4;
}
.teacherbox>h3{
	width: 790px;
	height:104px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon36.png) no-repeat center center;
	background-size: contain;
	margin-bottom: 65px;
}
.causebox{
	width: 100%;
	padding-top: 80px;
}
.causebox>h3{
	width: 100%;
	height:91px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon37.png) no-repeat center center;
	background-size: contain;
	margin-bottom: 60px;
}
.causebox .wapper{
	font-size: 0;
    text-align:left;
}
.causebox .wapper .causeitem{
	/* float: left; */
	width: 280px;
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 3px 3px #eaeaea;
	margin-bottom: 55px;
	margin-right: 25px;
	border-bottom: 1px solid transparent;
	display: inline-block;
}
.causebox .wapper .causeitem:nth-child(4n+4){
	margin-right: 0px;
}
.causebox .wapper .causeitem.addtop{
   margin-top: 50px;
}
.causebox .wapper .causeitem .tag{
	position: absolute;
	width: 70px;
	height: 41px;
	left:1px;
	top:13px;
}
.causebox .wapper .causeitem .causeimg{
	width: 280px;
	height:180px;
	border-radius: 5px;
}
.causebox .wapper .causeitem .causename{
	padding:15px;
	color:#333;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
}
.causebox .wapper .causeitem .freestudy{
	display: block;
	margin: 0 auto;
	width: 118px;
	height: 30px;
	color: #e14946;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	border:1px solid #E04946;
	border-radius: 5px;
	background-color: #fff;
	margin-bottom: 15px;
}
.causebox .more_cause{
	display: block;
	margin: 10px auto 20px;
	width: 180px;
	font-size: 16px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	background-color: #e14946;
  border-radius: 5px;
}
.questionbox{
	width: 100%;
	padding-top: 80px;
}
.questionbox h3{
	width: 559px;
	height:85px;
	margin: 0 auto;
	background: url(/static/index/images/cgft_icon38.png) no-repeat 0 center;
	background-size: contain;
	margin-bottom: 65px;
}
/* .questionbox .itembox{

} */
.questionbox .itembox .items{
	width: 380px;
	height:70px;
	margin-right: 30px;
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 70px;
	background-color: #f4f4f4;
	border-radius: 5px;
	margin-bottom: 30px;
}
.questionbox .itembox a{
 float: left;
}
.questionbox .itembox .items:hover{
	color: #fff;
	background-color: #E14946;
}
.questionbox .itembox a:nth-child(3n+3) .items{
	margin-right: 0px;
}









.videobox{
	position: fixed;
	width: 650px;
	height: 500px;
	background-color: #fff;
	left:50%;
	top:50%;
	margin-left: -350px;
	margin-top: -300px;
	display: none;
  z-index:99999;
}
.videobox span{
	position: absolute;
	width: 30px;
	height: 26px;
	background-color: #eaeaea;
	right:0;
	top:0;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 26px;
}
.videobox>video{
	position: absolute;
	width: 600px;
	height: 450px;
	left:50%;
	top:50%;
	margin-left: -300px;
	margin-top: -225px;
	object-fit: fill;
}
.friendlinks{
	width: 100%;
	padding:10px 0 20px;
  text-align: left;
}
.friendlinks .wapper p{
	text-align: left;
	font-size: 0;
}
.friendlinks .wapper p span{
	display: inline-block;
	vertical-align: middle;
	padding-right:10px;
	font-size: 18px;
	line-height: 30px;
	color: #333;
}
.friendlinks .wapper p a{
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 18px;
	line-height:30px;
	color: #333;
}
@media screen and (max-width:1200px) {
    .leftnav {
        display: none;
    }
    .wapper {
        width: 992px;
    }
    .iswhat .textbox .desleft {
        width: 449px;
    }
    .iswhat .textbox .desleft h6,
    .iswhat .textbox .desleft p,
    .iswhat .textbox .advright .item .textright p {
        width: 100%;
    }
    .iswhat .textbox .advright .item {
        width: 416px;
    }
    .iswhat .textbox .advright .item .textright {
        width: 313px;
    }
    .advbox .wapper .advitem {
        margin-right: 60px;
    }
    .whatdo .dobox .doitem {
        width: 323px;
        margin-right: 8px;
    }
    .whatdo .dobox .doitem p {
        width: 285px;
        margin-left: 19px;
    }
    .whystudy .whyone {
        width: 992px;
    }
    .whystudy .whyone>div {
        width: 337px;
    }
    .twowhy .items:nth-child(2n+1),
    .twowhy .items:nth-child(2n+2) {
        width: 457px;
    }
    .twowhy .items:nth-child(2n+1) {
        margin-right: 41px;
    }
    .twowhy .items:nth-child(2n+1) .righttext,
    .twowhy .items:nth-child(2n+2) .righttext {
        width: 352px;
    }
    .twowhy .items .righttext p {
        -webkit-line-clamp: 3;
    }
    .threewhy .wapper>div {
        width: 486px;
    }
    .threewhy .wapper>div:last-child {
        margin-left: 20px;
    }
    .mybox {
        width: 996px;
    }
    .photo_area .l,
    .photo_area .r {
        display: none;
    }
    .photo_area,
    .photo_ctrl {
        width: 100%;
    }
    .photo_ctrl li {
        margin-right: 12px;
    }
    .causebox .wapper .causeitem {
        width: 307px;
        margin-right: 25px;
    }
    .causebox .wapper .causeitem .causeimg {
        width: 100%;
        height: auto;
    }
    .causebox .wapper .causeitem:nth-child(3n+3) {
        margin-right: 0;
    }
    .causebox .wapper .causeitem:nth-child(4n+4) {
        margin-right: 25px;
    }
    .questionbox .itembox .items {
        width: 310px;
    }
}