/* 重置样式 */

* {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

img {
	vertical-align: top;
	border: none;
	transform: scale(1);
}

body {
	font-family: '微软雅黑', 'PingFang SC';
}

.dn {
	display: none;
}

.home-wrap {
	width: 100vw;
}

.headerpage {
	text-align: center;
}

.xft-introduce {
	width: 100%;
	position: relative;
}

.xft-introduce img {
	width: 100%;
}


/* 视频弹窗开始 */

.xft-introduce-video {
	position: absolute;
	top: 15%;
	left: 25%;
	width: 47%;
	height: 60%;
	background: #000000;
}

.xft-introduce-video-status {
	display: none;
}

.xft-introduce-video-top {
	overflow: hidden;
	width: 100%;
	height: 8%;
	min-height: 35px;
	background: #ffffff;
}

.xft-introduce-video-top-name {
	float: left;
	margin-top: 1%;
	margin-left: 2%;
}

.xft-introduce-video-top-cha {
	float: right;
	width: 25px;
	height: 25px;
	margin-top: 1%;
	margin-right: 3%;
}

.xft-introduce-video-bottom {
	width: 100%;
	height: 92%;
	background: #000000;
}


/* 视频弹窗结束 */

.xft-introduce-button {
	width: 15%;
	height: 50px;
	position: absolute;
	top: 56%;
	left: 19%;
	line-height: 50px;
	text-align: center;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 25px;
	color: #fff;
	background-color: transparent;
}

.xft-introduce-button:hover {
	color: #000000;
	background: #F9F9F9;
}

.gecoOE-contentA {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	background: #000009;
}

.gecoOE-contentA-font {
	width: 30%;
	color: #ffffff;
}

.gecoOE-contentA-font-name {
	font-size: 25px;
	margin-bottom: 20px;
}

.gecoOE-contentA-video {
	width: 30%;
	margin-top: 30px;
}

.gecoOE-contentB {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	background: #000000 url('https://qiniu.fancyrobot.com/guanwang/gecoOE5.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.gecoOE-contentB-font {
	margin-top: 50px;
}

.gecoOE-contentB-content {
	width: 30%;
	margin-top: 30px;
}

.gecoOE-contentB-content img {
	width: 100%;
}

.gecoOE-contentB-button {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 30%;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: space-between;
	-webkit-box-pack: space-between;
	box-pack: space-between;
	justify-content: space-between;
	margin-top: 30px;
}

.gecoOE-contentB-button-public {
	width: 30%;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 18px;
	cursor: pointer;
	background: #BEBEBE;
}

.gecoOE-contentB-background {
	background: #FFFFFF;
}

.gecoOE-blockly {
	display: none;
}

.gecoOE-python {
	display: none;
}

.gecoOE-contentC {
	margin-top: 60px;
}

.gecoOE-contentC-img {
	width: 30%;
	margin-top: 30px;
	margin-bottom: 50px;
}

.gecoOE-contentC-img img {
	width: 100%;
}


/*banner*/

.jgOEBanner {
	width: 100vw;
	height: 44.791666667vw;
	background: url("https://qiniu.fancyrobot.com/guanwang/gecooe_banner@2x.png") no-repeat;
	background-size: 100vw 44.791666667vw;
	position: relative;
}

.jgOEBanner .bannerText {
	position: absolute;
	color: #FFFFFF;
	text-align: left;
	/*width: 24.32291667vw;*/
	width: 28vw;
}

.jgOEBanner .bannerText.one {
	font-size: 3.229166667vw;
	top: 12vw;
	/*top: 14.791666667vw;*/
	left: 19.114583333vw;
}

.jgOEBanner .bannerText.two {
	font-size: 1.25vw;
	font-weight: 300;
	line-height: 2;
	/*top: 19.947916667vw;*/
	top: 16.666666667vw;
	left: 19.114583333vw;
}

.jgOEBanner .bannerText.three {
	font-size: 1.25vw;
	font-weight: 300;
	line-height: 2;
	/*top: 19.947916667vw;*/
	top: 19vw;
	left: 19.114583333vw;
}

.jgOEBanner .bannerIcon {
	position: absolute;
	top: 25.625vw;
	left: 19.114583333vw;
	width: 13.072916667vw;
	height: 2.604166667vw;
	line-height: 2.604166667vw;
	border-radius: 1.302083333vw;
	font-size: 1.354166667vw;
	border: 0.104166667vw solid #F9F9F9;
	color: #F9F9F9;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
}

.jgOEBanner .bannerIcon .text {
	margin-right: 0.260416667vw;
}

.jgOEBanner .bannerIcon.active {
	color: #368474;
	background-color: #F9F9F9;
}

.jgBanner .bannerVideoDiv {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 99999;
}

.jgOEBanner .bannerVideoDiv .bannerInsideDiv {
	position: absolute;
	top: 12.065416667vw;
	left: 28vw;
	width: 45.833333333vw;
	height: 28.90625vw;
}

.jgOEBanner .bannerVideoDiv .videoHeader {
	width: 100%;
	height: 3.125vw;
	background-color: #F7F7F7;
	text-align: left;
	position: relative;
}

.jgOEBanner .bannerVideoDiv .videoHeader .title {
	margin: 0.989583333vw;
	display: inline-block;
}

.jgOEBanner .bannerVideoDiv .videoHeader img {
	width: 1.302083333vw;
	height: 1.302083333vw;
	margin: 0.9375vw;
	position: absolute;
	right: 0.458177083vw;
}

.jgOEBanner .bannerVideoDiv .videoInfo {
	width: 100%;
}


/*介绍1*/

.jgOEIntroduceOne {
	width: 39.0625vw;
	height: 29.84375vw;
	padding: 4.0625vw 30.46875vw 4.53125vw 30.46875vw;
	background-color: #000009;
	color: #FFFFFF;
	text-align: center;
}

.jgOEIntroduceOne .introduceTitle {
	width: 100%;
	height: 3.802083333vw;
	font-size: 2.1875vw;
	font-weight: bold;
}

.jgOEIntroduceOne .introduceInfo {
	width: 100%;
	font-size: 0.9375vw;
	margin-bottom: 2.604166667vw;
}

.jgOEIntroduceOne .introduceOneVideo {
	width: 37.552083333vw;
	height: 21.041666667vw;
	margin: 0 auto;
	position: relative;
}

.jgOEIntroduceOne .introduceOneVideo .playIcon {
	position: absolute;
	top: 8.837083333vw;
	left: 16.8978125vw;
	width: 4.0625vw;
	height: 4.0625vw;
	background: url('https://qiniu.fancyrobot.com/guanwang/support_video_play.png') no-repeat;
	background-size: contain;
	z-index: 2;
}


/*介绍2*/

.jgOEIntroduceTwo {
	width: 40.46875vw;
    height: 43.385416667vw;
    padding: 4.63541667vw 30.052083333vw 0 29.479166667vw;
    color: #FFFFFF;
    background: url(https://qiniu.fancyrobot.com/guanwang/gecooe_duozhong@2x.png) no-repeat;
    background-size: 100vw 100%;
    text-align: center;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.jgOEIntroduceTwo .introduceTitle {
	width: 100%;
	font-size: 2.1875vw;
	height: 3.697916667vw;
	font-weight: bold;
}

.jgOEIntroduceTwo .introduceInfo {
	width: 100%;
	font-size: 0.9375vw;
	margin-bottom: 4.375vw;
}

.jgOEIntroduceTwo .intruduceTwoSwiper {
	width: 29.427083333vw;
	height: 16.5625vw;
	padding: 0 5.416666667vw 0 5.625vw;
}

.jgOEIntroduceTwo .intruduceTwoSwiper .swiper-slide .intruduceTwoImg {
	width: 100%;
	height: 16.5625vw;
}

.jgOEIntroduceTwo .intruduceTwoSwiper .intruduceTwo-swiper-pagination {
	margin-top: 10.416666667vw;
}

.jgOEIntroduceTwo .intruduceTwoSwiper .intruduceTwoPag {
	width: 100%;
	height: 1.770833333vw;
	margin: 0 auto;
}

.jgOEIntroduceTwo .intruduceTwoSwiper .intruduceTwo-pagination-customs {
	width: 5.833333333vw;
	height: 100%;
	border-radius: 0.885416667vw;
	line-height: 1.770833333vw;
	vertical-align: middle;
	display: inline-block;
	background-color: #BEBEBE;
	margin: 0 1.666666667vw;
	font-size: 0.729166667vw;
	text-align: center;
	color: #666666;
	cursor: pointer;
}

.jgOEIntroduceTwo .intruduceTwoSwiper .intruduceTwo-pagination-customs-active {
	cursor: pointer;
	background-color: #F6F6F6;
	color: #333333;
}


/*介绍3*/

.jgOEIntroduceThree {
	width: 39.010416667vw;
	height: 39.53125vw;
	padding: 3.28125vw 30.46875vw 0 30.520833333vw;
	background: url('https://qiniu.fancyrobot.com/guanwang/gecooe_yongpython_new.png') no-repeat;
	background-size: 100vw 42.8125vw;
	color: #FFFFFF;
	text-align: center;
}

.jgOEIntroduceThree .introduceTitle {
	width: 100%;
	height: 3.854166667vw;
	font-size: 2.1875vw;
	font-weight: bold;
}

.jgOEIntroduceThree .introduceInfo {
	width: 100%;
	font-size: 0.9375vw;
	line-height: 1.5;
}


/*介绍4*/

.jgOEIntroduceFour {
	width: 30.72916667vw;
	height: 40.15625vw;
	padding: 4.635416667vw 34.635416667vw 0 34.635416667vw;
	background: url('https://qiniu.fancyrobot.com/guanwang/gecooe_powerful@2x.png') no-repeat;
	background-size: 100vw 44.791666667vw;
	color: #222222;
	text-align: center;
}

.jgOEIntroduceFour .introduceTitle {
	width: 100%;
	height: 4.114583333vw;
	font-size: 2.1875vw;
	font-weight: bold;
}

.jgOEIntroduceFour .introduceInfo {
	width: 100%;
	font-size: 0.9375vw;
	line-height: 2;
}

/*介绍5*/

.jgOEIntroduceFive {
	width: 39.010416667vw;
	height: 45.17vw;
	padding: 3.28125vw 30.46875vw 0 30.520833333vw;
	background: url('https://qiniu.fancyrobot.com/guanwang/gecooe_agreementpython.png') no-repeat;
	background-size: 100vw 48.47020934vw;
	color: #FFFFFF;
	text-align: center;
}

.jgOEIntroduceFive .introduceTitle {
	width: 100%;
	height: 3.854166667vw;
	font-size: 2.1875vw;
	font-weight: bold;
}

.jgOEIntroduceFive .introduceInfo {
	width: 100%;
	font-size: 0.9375vw;
	line-height: 1.5;
}