/* 第一部分 */
.wel {width: 100%;height: 100%;font-size: 0;}
.weltop>div,.welbottom>div{display: inline-block;vertical-align: top;}
.weltop {height: 64%;height: 100%;}
.weltop .weltopl{width: 30%;position: relative;left: 40px;top: 24%;overflow: hidden;}
.weltop .weltopl .en{font-size: 36px;margin-bottom: 30px;}
.weltop .weltopl .zh{font-size: 22px;color: #333333;}
.weltop .weltopr{width: 70%;width: 100%;height: 100%;position: relative;overflow: hidden;}
.welbottom {height: 36%;position: relative;z-index: 1;}
.welbottom .welbottoml,.welbottom .welbottomr{width: 50%;height: 100%;}
.welbottom .welbottoml{font-size: 0;height: 100%;}
.welbottom .welbottoml>div{display: inline-block;vertical-align: middle;height: 100%;}
.welbottom .welbottoml-l{width: 60%;}
.welbottom .welbottoml-l video{width: 100%;height: 100%;object-fit: fill;}
.welbottom .welbottoml-r{width: 40%;background-color: #818285;position: relative;}
.welbottom .welbottoml-r div{font-size: 20px;line-height: 40px;text-align: center;color: #fff;width: 100%;}
.welbottom .welbottoml-r .en{font-size: 16px;}
.welbottom .welbottomr .swiper-container,.welbottom .welbottomr .swiper-wrapper,.welbottom .welbottomr .swiper-slide{height: 100%;}
.welbottom .welbottomr .swiper-slide{overflow: hidden;}
.welbottom .swiper-button-next,.welbottom .swiper-button-prev{top: 80%;width: 40px;height: 40px;border-radius: 50%;margin-top:0;background-size:22px 22px;}
.welbottom .swiper-button-prev{background-color: #fff;}
.welbottom .swiper-button-next{background-color: rgba(0,160,223,0.8);background-image:url("../img/swi-turn-right.png");}
.welbottom .welact{font-size: 18px;color: #fff;display: none;width: 100%;text-align: center;}
.welbottom .welact p{display: inline-block;position: relative;}
.welbottom .welact p:after{content: '';position: absolute;
left: 15%;width: 70%;height: 1px;background-color: #fff;bottom: -10px;}
.welbottom .swiper-slide-active .welact,.welbottom .welswit:hover .welact{display: block;}
.weltopr .swiper-container,.weltopr .swiper-wrapper,.weltopr .swiper-slide{height: 100%;}
.weltopr .swiper-slide{overflow: hidden;}
.weltopr .swiper-slide img{width: 100%;object-fit: cover;}
.weltopr .swiper-button-next,.weltopr .swiper-button-prev{top: 90%;width: 40px;height: 40px;border-radius: 50%;margin-top:0;background-size:22px 22px;}
.weltopr .swiper-button-prev{background-color: #fff;}
.weltopr .swiper-button-next{background-color: rgba(0,160,223,0.8);background-image:url("../img/swi-turn-right.png");}
.weltopr .welact{font-size: 18px;color: #fff;display: none;width: 100%;text-align: center;
position: relative;}
.weltopr .welact p{display: inline-block;position: relative;}
.weltopr .welact p:after{content: '';position: absolute;
left: 15%;width: 70%;height: 1px;background-color: #fff;bottom: -10px;}
.weltopr .swiper-slide-active .welact,.weltopr .welswit:hover .welact{display: block;}
.weltopr .swiper-pagination{bottom: 7%;}
.weltopr .swiper-pagination-bullet{background-color: #fff;opacity:.4;}
.weltopr .swiper-pagination-bullet-active{opacity: 1;}
.popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 103;
  background: #fff;
  transition: all 0.3s;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup.open {
  opacity: 1;
  visibility: visible;
  -webkit-animation: zoomOut 0.2s linear forwards;
  animation: zoomOut 0.2s linear forwards;
}
.popup.close {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: zoomIn 0.3s linear forwards;
  animation: zoomIn 0.3s linear forwards;
}
.popup .close-btn {
  cursor: pointer;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 2;
  font-size: 40px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: rotate(0deg);
  border: 2px solid #e9eaed;
  color: #aabac7;
  line-height: 46px;
  text-align: center;
}
.popup .close-btn:hover {background: #fff;color: #000;}
.popup .popup-wrapper {
  width: 80%;
  height: auto;
  overflow: hidden;
  margin: auto;
}
.popup .popup-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
.vidplay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
	border: 1px solid white;
	background-color: #00a0e9;border-radius: 50%;
	cursor: pointer;
}
.vidplay .dquan1 {
    border: 2px solid white;
}
.vidplay .dquan2 {
	background-color: rgba(255,255,255,0.6);
    animation: kuos 1s linear infinite;
}
@keyframes kuos {
    0%{
       width: 54px;
        height: 54px;
		opacity: 1;
    }
    100%{
        width: 100px;
        height: 100px;
		opacity: 0;
    }
}
.vidplay .dquan {
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 100%;
}
/* 第2部分-GMT简介 */
.ctit{color: #00a0e9;padding-bottom:30px;}
.ctit .en{font-size: 34px;}
.ctit .zh{font-size: 34px;position: relative;padding-bottom: 20px;}
.ctit .zh:after{content: '';position: absolute;left: 0;bottom: 0;width: 46px;height: 4px;background: #00a0e9;}
.ctitzj{text-align: center;}
.ctitzj .zh:after{left: 50%;margin-left: -23px;}
.amoreright{position: absolute;right: 0;bottom: 10px;}
.amore{display: block;cursor: pointer;}
.amore span,.amore img{display: inline-block;vertical-align: middle;}
.amore span{font-size: 16px;color: #333;}
.amore img{width: 22px;}
.amoref span{color: #fff;}
.amoreblue span{color: #00a0e9;}
.amoreright{text-align: right;}

.profile{}
.wboth{font-size: 0;height: 100%;}
.wboth .wbothle,.wboth .wbothri{width: 50%;display: inline-block;vertical-align: top;}
.profile .wbothle{}
.profile .profile-lin{padding: 100px 12% 0 12%;}
.profile .editprofile{font-size: 16px;color: #333333;}
.profile .editprofile p{margin-bottom: 0;line-height:30px;}
.profile .editprofile .amore{margin: 40px 0;}
.ptel .tel{display: inline-block;border: 1px solid #333;padding: 8px 20px;border-radius: 30px;margin-right: 30px;}
.ptel .tel img{padding-right: 6px;}
.ptel .codes{display: inline-block;vertical-align: middle;text-align: center;}
.ptel .codes .codesli{display: inline-block;vertical-align: top;margin: 0 15px;}
.ptel .codes .codesli img{width: 88px;}
.ptel .codes .codesli p{font-size: 16px;color: #333;padding-top: 10px;margin-bottom: 0;}
.profile .wbothri,.profile .profile-rin{height: 100%;}
.profile .profile-rin{position: relative;}
.profile .profile-rin img{clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,22% 100%);}


/* 第三部分-最新资讯  */
.firnew{font-size: 0;background: #fff;}
.firnew .firnewl,.firnew .firnewr{display: inline-block;vertical-align: bottom;}
.firnewl{width: 70%;height: 100%;}
.firnewr{width: 30%;}

.firnewit{position: relative;height: 100%;}
.firnewit .firnewit-img{overflow: hidden;}
.firnewit .firnewit-img img{width: 100%;}
.firnewit .firnewit-txt{color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;}
.firnewit .firnewit-txt h5{font-size: 20px;}
.firnewit .firnewit-txt p{font-size: 16px;}
.firnewit .firnewit-txt .amore{margin: 40px 0;}
.firnewit .firnewit-txt .firnewit-txtin{position: relative;left: 10%;bottom: 40px;display: inline-block;width: 50%;}
.firnewr{padding: 0 30px;}
.newcon{padding-top: 20px;}
.newcon .firnewit{margin-top: 30px;}
.newcon .firnewit .firnewit-txt{background-image: linear-gradient(to top,rgba(0,0,0,0.5),transparent);} 
.newcon .firnewit .firnewit-txt h5{font-size: 16px;padding: 0 30px;} 

/* 第四部分-成功案例*/
/* .section4 { background-image: url(img/4.jpg);} */
.prosuc{font-size: 0;background-color: #edf1f5;height: 100%;}
.prosuc .prosucl,.prosuc .prosucr{display: inline-block;vertical-align: bottom;width: 50%;height: 100%;}
.prosuc{width: 42%;}
.prosucr{width: 58%;}
.prosucl .ctit{height: 38%;display: inline-block;position: relative;left: 20%;padding-top: 80px;}
.prosucl .prosuctab{height: 62%;}
.prosuc .firnewit{height: 100%;overflow: hidden;}

.prosuctab{font-size: 0;width: 100%;}
.prosuctab .tabul{width: 18%;height: 100%;float: right;position: relative;}
.prosuctab .tabcon{width: 82%;height: 100%;display: inline-block;overflow: hidden;}
.tabul{background: #f3f7fb;text-align: center;}
.tabul ul{margin-bottom: 0;}
.tabul li{padding: 30px 0;font-size: 22px;color: #333333;cursor: pointer;position: relative;}
.tabul li.act:after{content: '';position: absolute;left: -10%;bottom: 20px;width: 110%;height: 1px;background-color: #333;}
.prosuctab .tabcon-li,.prosuctab .firnewit{height: 100%;}
.firnewit .firnewit-txt h5{color: #fff;}
.prosucl .firnewit .firnewit-txt h5{text-align: right;padding: 0 60px 20px 0;}
.tabcon>div{display:none;}
.tabcon>div:first-child{display:block;}

/* 第5部分-产品*/
.outer{padding: 0 10%;}
.indexbg{background-size: auto 100%;background-position: center;background-repeat: no-repeat;}
.firpro { background-image: url("../img/5.jpg");overflow: hidden;}
.firpro .row{margin-left: -12px;margin-right: -12px;}
.firpro .col-lg-3{width: 20%;width: 16.666666%;
float: left;padding-left: 12px;padding-right: 12px;}
.firpro .firproit{position: relative;margin-top: 24px;background: #fff;}
.firpro .firproit .proit-img{}
.firpro .firproit .proit-img img{width: 100%;border-radius: 2px;}
.firpro .firproit .proit-txt{text-align: center;position: absolute;left:0;top: 0;background-color: #00a0e9;width: 100%;height: 100%;display: none;}
.firpro .firproit .proit-txt .jdjz{width: 100%;}
.firpro .firproit .proit-txt p{font-size: 26px;color: #fff;}
.firpro .firproit .proit-txt .add{color: #fff;width: 32px;height: 32px;display: inline-block;border: 1px solid #fff;border-radius: 50%;font-size: 30px;line-height: 24px;}
.firpro .firproit:hover .proit-txt{display: block;}

/* 第6部分-垂直市场*/
.firmarket { background-image: url("../img/6.jpg");overflow: hidden;}
.firmarket .row{}
.firmarket .col-lg-3{width: 25%;float: left;}
.firmarket .firnewit{margin-top: 24px;}
.firmarket .firnewit .firnewit-txt{background-image: linear-gradient(to top,rgba(0,0,0,0.5),transparent);text-align: center;}

/* 第7部分-线上创新体验中心*/
.firinnovate{background-image: url("../img/7.jpg");}
.firinnovate .outer{width: 100%;height: 100%;
	background-image: url("../img/firinnovate-person.png");
	background-position: right bottom;
	background-size:60% auto;
	background-repeat: no-repeat;
}
.firinnovate .jdjz{left: 10%;
	transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);}
.firinnovatein{width: 50%;}
.novatedit p{font-size: 16px;color: #333;line-height: 36px;width: 60%;}
.firinnovatein .amore{display: inline-block;padding: 10px 20px;border:1px solid #333;line-height: 20px;}
.firinnovatein .amore span{padding-right: 10px;}

/* 第8部分-电子书架*/
.firbook{background-image: url("../img/8.jpg");}

/* 第9部分-联系我们*/
.fircontact{background-image: url("../img/9.jpg");height: 100%;}
.fircontact .outer{padding-top: 6%;}
.fircontact .row{padding-top: 40px;}
.fircontact .col-lg-2{width: 14.28%;float: left;}
.fircontact .codesli{margin: 0 auto;text-align: center;}
.fircontact .codesli img{box-shadow: 1px 0 20px rgba(107,109,114,0.2);}
.fircontact .codesli p{font-size: 18px;margin: 20px auto 0;color: #333;}


#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px;height: 10px;
border-color: #00a0e9;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
background-color: #00a0e9;}

@media screen and (max-width: 1600px){
	.ptel .tel{margin-right: 10px;}
	.ptel .codes .codesli{margin: 0 5px;}
	.profile .profile-lin{padding-top: 80px;}
}
@media screen and (max-width: 1430px){
	.ctit .en,.ctit .zh{font-size: 30px;}
	.outer{padding: 0 40px;}
	
	.weltop .weltopl .en{font-size: 30px;}
	.weltop .weltopl .zh{font-size: 20px;}
	.welbottom .welbottoml-r div{font-size: 18px;line-height: 34px;}
	.profile .profile-lin{padding: 80px 40px 40px 40px;}
	.profile .editprofile .amore{margin: 20px 0;}
	.profile .profile-rin{overflow: hidden;}
	.firnewl{width: 60%;}
	.firnewr{width: 40%;}
	.firinnovate .jdjz{left: 40px;}
	.fircontact .codesli p{font-size: 16px;}
}

@media screen and (max-width: 1200px){
	.ctit .en, .ctit .zh{font-size: 28px;}
	.firnewl,.firnewr{width: 50%;}
	.profile .profile-lin{padding: 80px 20px 20px 20px;}
	.prosuctab .tabul{width:15%;}
	.prosuctab .tabcon{width:85%;}
	.prosucl .ctit{left:40px;}
	.tabul li{font-size:20px;}
	
	.firpro .firproit .proit-txt p{font-size: 18px;}
	.firnewit .firnewit-txt h5{font-size: 16px;}
	
	.fircontact .col-lg-2{width: 25%;margin-bottom: 20px;}
}
@media screen and (max-width: 991px){
	.outer{padding: 0 15px;}
	.ctit .en, .ctit .zh{font-size: 24px;}
	.ctit .zh{padding-bottom: 10px;}
	.ctitzj{padding-top: 70px;}
	
	.weltop{height: 33.3333%;height: 100%;}
	.welbottom{height: 66.66666%;}
	.welbottom .welbottoml, .welbottom .welbottomr{height: 50%;width: 100%;}
	.weltop .weltopl{left: 15px;top: 90px;position: relative;height: 30%;width: 100%;}
	.weltop .weltopl .en{font-size: 24px;display: block;}
	.weltop .weltopl .zh{font-size: 18px;}
	.weltop .weltopr{height: 70%;height: 100%;}
	
	.profile .wbothle,.profile .wbothri{width: 100%;}
	.profile .wbothle{height: 65%;}
	.profile .wbothri{height: 35%;}
	.profile .profile-lin{padding: 80px 15px 15px 15px;}
	.profile .profile-rin img{clip-path:none;-webkit-clip-path:none;}
	.editprofilein{height: 180px;overflow: hidden;}
	
	.firnew{}
	.firnew .firnewl, .firnew .firnewr{width: 100%;overflow: hidden;}
	.firnew .firnewl{height: 50%;}
	.firnew .firnewr{height: 50%;padding: 30px 15px 0 15px;}
	.firnewit .firnewit-txt .firnewit-txtin{left: 15px;width: 100%;bottom: 0;}
	.firnewit .firnewit-txt .amore{margin: 20px 0;}
	.newcon{font-size: 0;padding-top: 0;display: flex;justify-content: space-between;}
	.newcon .firnewit{width: 49%;display: inline-block;margin: 0 0 20px 0;}  

	.prosuc .prosucl, .prosuc .prosucr{width: 100%;overflow: hidden;}
	.prosuc .prosucl{height: 60%;}
	.prosuc .prosucr{height: 40%;padding-top: 20px;}
	.prosucl .ctit{left: 15px;}
	.prosucl .firnewit .firnewit-txt h5{padding: 0 30px;}
	
	.firpro .firproit{margin:0 0 10px 0 ;}
	.firpro .col-lg-3,.firmarket .col-lg-3{width: 33.333%;}
	.firpro .col-lg-3,.firmarket .col-lg-3{width: 25%;}
	
	.firinnovate .outer{background-size: 400px auto;}
	.firinnovate .jdjz{left: 15px;}
	.firinnovatein,.novatedit p{width: 100%;}
	.fircontact .col-lg-2{width: 25%;margin-bottom: 20px;}
	.fircontact .outer{padding-top: 0;}
}
@media screen and (max-width: 768px){
	.ctit{padding-bottom: 20px;}
	.ctit .en, .ctit .zh{font-size: 20px;}
	.weltop{position: relative;}
	.weltop .weltopr{width: 100%;}
	/* .weltop .weltopl{position: absolute;left: 15px;top: 70px;z-index: 1;width: 100%;color: #fff;} */
	.weltop .weltopl .zh,
	.weltop .weltopl .en{text-shadow: 0 0 10px rgba(0,0,0,0.9);}
	.weltop .weltopl .zh{color: #fff;font-size: 16px;margin-left: 10px;}
	.weltop .weltopl .en{margin-bottom: 20px;font-size: 20px;} 
	.welbottom .welbottoml-l{width: 100%;}	
	.welbottom .welbottoml>div.welbottoml-r{display: none;}
	.welbottom .welbottoml-r div,.welbottom .welbottoml-r .en{font-size: 14px;line-height: 24px;}
	.welbottom .welact{font-size: 16px;}
	
	
	.profile{background-image: url("../img/jianjie-bg.png");background-position: center bottom;background-repeat: no-repeat;background-size: 90% auto;}
	.profile .wbothri{display: none;}
	.profile .wbothle,.profile .wboth{height: auto;}
	.ptel .codes .codesli {margin: 0 6px 10px;}
	.ptel .codes .codesli im{width: 70px;}
	.profile .editprofilein{height: 164px;}
	.profile .editprofile .amore{margin: 16px 0;}
	.profile .editprofile p, .ptel .codes .codesli p{font-size: 14px;}
	.profile .editprofile p{line-height: 24px;}
	
	.firnew .firnewl,.firnew .firnewr{height: 50%;}
	.firnewit .firnewit-txt .amore{margin: 15px 0;}
	.firnew .firnewr{padding-top: 20px;height: auto;}
	.firnewit .firnewit-txt{padding: 0 10px;}
	.firnewit .firnewit-txt .firnewit-txtin{left: 0;}
	.firnewit .firnewit-txt p{font-size: 14px;}
	.newcon .firnewit .firnewit-txt h5{padding: 0;font-size: 14px;}

	.prosucl .ctit{padding-top: 64px;}
	.tabul li{padding: 6px 0;}
	.tabul li.act:after{bottom: 4px;}
	.firpro .firproit:hover .proit-txt{display: none;}
	.firpro .firproit .proit-txt p{font-size: 16px;}
	
	.firmarket .row{margin-left: -5px;margin-right: -5px;}
	.firmarket .col-lg-3{padding-left: 5px;padding-right: 5px;width: 33.33%;}

	.prosuc .prosucr{padding-top: 0;}
	.tabul li{font-size: 16px;}
	.prosucl .firnewit .firnewit-txt h5{padding: 0;}
	
	.welbottom .swiper-button-next, .welbottom .swiper-button-prev{top: 50%;margin-top: -20px;}
	.novatedit p{line-height: 26px;font-size: 14px;}
	.fircontact .col-lg-2{margin-bottom: 10px;}
	.fircontact .codesli p{margin-top: 4px;font-size: 14px;height: 36px;}
	
	.firinnovate .ctit .en{width: 300px;}
}
@media screen and (max-width: 640px){
	.ctit .en{font-size: 18px;}
	.ctit .zh{font-size: 16px;}
	.amore span,.firnewit .firnewit-txt h5{font-size: 14px;}
	/* .firbook .amore{padding: 4px 6px;top: 20px;bottom: auto;} */
}
@media screen and (max-width: 540px){
	/* .welbottom .welbottoml>div.welbottoml-l{width:60%;} */
	/* .welbottom .welbottoml>div.welbottoml-r{width: 40%;} */
	.ptel .codes{margin-top: 10px;}
	/* .welbottom .welbottoml-r{width: 100%;} */
	.fircontact .row{margin-left: -5px;margin-right: -5px;}
	.fircontact .col-lg-2{padding-left: 5px;padding-right: 5px;}
}
@media screen and (max-width: 414px){
	.firnewit .firnewit-txt{padding: 0 10px;}
	.tabul li{font-size: 16px;}
	.fircontact .row{padding-top: 0;}
	.fircontact .col-lg-2{width: 33.33%;}
	.fircontact .outer,.fircontact .foot{height: auto;}
	
	.section.active .weltopl{left: 15px;}
	.weltop .weltopl .zh{font-size: 14px;}
}