/* 响应式 */

/*移动端响应式兼容*/

@media screen and (min-width: 1921px){
	.video1{
		height: auto;
		top: 50%;
		transform:translate(0,-50%);
	}
}

@media screen and (max-width: 1500px){
	.mod-max-con{
		width: auto;
	}
}

@media screen and (max-width: 1450px){


	.link_area .tab_list .txt{
		margin-top: 5%;
	}

	.develop_area .slide_list{
		height: 700px;
	}
	.develop_area .slide_list li{
		height: 700px;
	}
}

@media screen and (max-width: 1439px){
	/* 首页 */
	.link_area .tab_list .tit{
		font-size: 26px;
	}
	.link_area .tab_list .txt{
		font-size: 14px;
	}

	.en-us .menu_list .menu_item{
		margin-left: 40px;
	}

	/* .en-us .link_area .tab_list .icon{
		margin-top: 26.6%;
	}
	.en-us .link_area .tab_list li.list_item_2 .icon{
		margin-top: 24.6%;
	}
	.en-us .link_area .tab_list li.list_item_3 .icon{
		margin-top: 18.8%;
	} */
}

@media screen and (max-width: 1400px){
	.resp_area{
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1250px) {
  .head_con{
    width: 96%;
  }
  .mod-con{
		width: 96%;
	}
  .mod-section-ad .mod-con{
	width: 100%;
	padding: 0 72px;
	box-sizing: border-box;
  }
  .footer_con{
	  width: 96%;
  }
  .contact_us, .legal_info{
	width: 20%;
  }
  .footer_area .links{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
  }
  .footer_area .copyright{
	width: 100%;
	overflow: hidden;
  }

  	/* 媒体 */

	.swiper-flx .pic-box .box li{
		width: 100%;
	}

	.link_area .tab_list li .txt{
		margin-top: 6.8%;
	}
}

@media screen and (max-width: 1200px) {
	/* 头部ad图 */
	.mod-section-ad{
		height: 390px;
	}
	.mod-section-ad h2{
		margin-top: 140px;
	}
	.media .mod-section-ad h2{
		margin-top: 165px;
	}

	.en-us .link_area .tab_list .icon{
		margin-top: 22%;
	}
}

@media screen and (max-width: 1160px) {
	/* 学员 */

	/* 简介 */

	.link_area .tab_list .tit{
		font-size: 24px;
	}


	/* 首页 */
}

@media screen and (max-width: 1140px) {
	/* 投资者 */


}

@media screen and (max-width: 1120px) {
	.menu_list .menu_item{
		margin-left: 45px;
	}

	.swiper-flx .tab-box .box li{
		padding: 20px 16px 20px 16px;
	}


	.en-us .menu_list .menu_item{
		margin-left: 32px;
	}
	.en-us .search_area{
		right: 98px;
	}
	.en-us .menu_list{
		right: 0px;
	}
}

@media screen and (max-width: 1110px) {
	.en-us .link_area .tab_list .icon{
		margin-top: 27%;
	}
}

@media screen and (max-width: 1080px) {
	/* .en-us .link_area .tab_list li.list_item_2.current .txt{
		top: 76%;
	}
	.en-us .link_area .tab_list li.list_item_2.current .icon{
		margin-top: 32%;
	} */
}

@media screen and (max-width: 1050px) {
  .menu_list .menu_item{
    margin-left: 40px;
  }
	.mod-tab-nt  .mod-con{
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		height: 41px;
		padding-bottom: 0;
	}
	.mod-tab .clearfix ul{
		height: 41px;
	}
	.mod-tab .mc-left,.mod-tab .mc-right{
		height: 41px;
	}
	.mod-tab-nt li a{
		padding: 10px 0;
		line-height: 21px;
		font-size: 14px;
		height: auto;
	}

	.link_area .tab_list li .txt{
		margin-top: 9%;
	}
	.link_area .tab_list li .icon{
		margin-top: 18.2%;
	}

	.en-us .link_area .tab_list .icon{
		margin-top: 29%;
	}
}

@media screen and (max-width: 1000px) {
	.en-us .link_area .tab_list .txt{
		display: none;
	}
	.en-us .link_area .tab_list .icon{
		display: none;
	}
}

@media screen and (max-width: 970px) {
	.resp_area{
		height: auto;
	}
	.resp_area .slide_area{
		position: relative;
		margin: 0 auto;
	}
}

@media screen and (max-width: 960px) {
  .menu_list .menu_item{
    margin-left: 35px;
  }
  .menu_list{
    right: 15px;
  }
  .search_area{
    right: 100px;
  }


	.en-us .menu_list .menu_item{
		margin-left: 15px;
	}

}
@media screen and (max-width: 900px) {
	.link_area{
		height: 600px;
	}

	.link_area .tab_list li .tit{
		margin-left: -25%;
	}
	.link_area .tab_list li .txt{
		margin-left: -25%;
	}
	.link_area .tab_list li .icon{
		margin-left: -25%;
	}
	.link_area .tab_list li .tit{
		font-size: 20px;
	}
	.resp_area .slide_list li .tit{
		font-size: 20px;
	}
	.resp_area .slide_list li .txt{
		font-size: 14px;
	}
}

@media screen and (max-width: 860px) {

	.en-us .menu_list .menu_item{
		margin-left: 10px;
	}
}

@media screen and (max-width: 820px) {
  .menu_list .menu_item{
    margin-left: 25px;
  }
  .submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{
    width: 50%;
  }
  .mod-con{
    width: auto;
    margin: 0 12px;
  }

	.link_area .tab_list li .icon{
		margin-top: 22.8%;
	}

  /* cookie 弹窗 */
  /*.cookie-pop .pop{*/
  /*  margin: 0 12px;*/
  /*  width: auto;*/
  /*  padding: 0 28px;*/
  /*  left: auto;*/
  /*  top: 50%;*/
  /*  -webkit-transform: translate(0,-50%);*/
  /*  padding-bottom: 37px;*/
  /*}*/
}

@media screen and (max-width: 768px) {
	/*页头*/
	.wrap{ overflow:hidden;}
  .head_con{ width: 100%; height:56px; z-index: 99;  }
  .wrap_head{
    height: 56px;
	}
	.head_con .logo{display:block;height: 24px;position: absolute;left: 50%;top: 16px;margin-left: -68px;}
	.head_con .logo h1{display:block;height: 24px;width: auto;background: url( ../img/mobile/menu_logo.png) no-repeat 0 0;background-size: contain;}
  .head_white .logo h1{ background-image: url(../img/index/menu_logo_hover.png);}
	.search_area{ height: 30px; width: 30px; position:absolute; right: 11px; top: 11px; border:1px solid rgba(255,255,255,0); overflow-x: hidden;}
	.en-us .search_area{
		right: 11px;
	}
	.search_area .search_icon{display: block; height: 17px; width: 17px; background:url(../img/mobile/icon_search.png) no-repeat 0 0; position:absolute; left: 6px; top: 8px; background-size: contain;}
	.search_area_show .search_area{ width:338px; right: 18px; background: #000;}
	.search_area_show .search_area .ipt_search{ height: 30px; line-height: 30px; left: 26px;right:26px; font-size: 14px; width: auto;}

	.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{
    width: auto;
    left: 20px;
    right: 20px;
  }
	.icon_menu{ display:block; height:20px; width: 20px; position: absolute; left:21px; top: 18px; z-index: 99; }
	.icon_menu .i_menu{ display:block; height:14px; width: 15px; background: url( ../img/mobile/icon_menu.png) no-repeat 0 0; background-size: contain; position: absolute; left:0px; top: 0px; z-index: 2; }

	.icon_menu .i_menu{
    margin-top: 4px;
	}
	.head_white .icon_menu .i_menu{
		background: url(../img/mobile/icon_menu_hover.png) no-repeat center;
		background-size: 100% 100%;
		width: 20px;
		height: 20px;
		margin-top: 0;
	}

  .icon_menu .i_close{ display:none; height:14px; width: 15px; background: url( ../img/mobile/icon_menu_close.png) no-repeat 0 0; background-size: contain; position: fixed; left:21px; top: 21px; z-index: 4; }
	.menu_list{ display: block; position: fixed; background: #fff; width:260px;  height:100%; right: 0px; left: 0px; padding-top: 90px; z-index: 3; transform: translate(-260px,0); opacity: 0.8; transition: transform 0.25s ease-out, opacity 0.25s ease-out;}
	.menu_list .menu_item{ display:block; float: none; height: 63px; margin-left: 58px;}
    .menu_list li {
        margin: 0;
    }
	.en-us .menu_list .menu_item{ display:block; float: none; height: 63px; margin-left: 58px;}
	.menu_list .menu_item .txt{ color:#2a2e2e; font-weight: normal;}
	.menu_list .menu_item .txt:hover:after{ display:none;}
	.bg_hover{ display:none; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.2); z-index: 98;}
	.banner_txt{ width: 214px; height:130px;letter-spacing: 10px}
	.banner_txt .hook_area{  left: auto; top: -25px; right: 9px;width:96px;height: 60px;top: -9px;}
	.banner_txt .hook_area .word{font-size: 38px;line-height: 50px;width: auto;height: 49px;}
	.video1{
		height: 640px;
	}

	@keyframes a_banner_word_m {
		0%{ -webkit-transform:translate(0,0); opacity: 1;}
		12.5%{ -webkit-transform:translate(0,0); opacity: 1;}
		25%{ -webkit-transform:translate(0,-60px); opacity: 0;}
		25.01%{ -webkit-transform:translate(0,-60px); opacity: 0;}
		25.02%{ -webkit-transform:translate(0,60px); opacity: 0;}
		50%{ -webkit-transform:translate(0,60px); opacity: 0;}
		87.5%{ -webkit-transform:translate(0,60px); opacity: 0;}
		100%{ -webkit-transform:translate(0,0); opacity: 1;}
	}

	@keyframes a_banner_word_2_m {
		0%{ -webkit-transform:translate(0,60px); opacity: 0;}
		12.5%{ -webkit-transform:translate(0,60px); opacity: 0;}
		25%{ -webkit-transform:translate(0,0px); opacity: 1;}
		37.5%{ -webkit-transform:translate(0,0px); opacity: 1;}
		50%{ -webkit-transform:translate(0,-60px); opacity: 0;}
		50.01%{ -webkit-transform:translate(0,60px); opacity: 0;}
		100%{ -webkit-transform:translate(0,60px); opacity: 0;}
	}
	.en-us .banner_txt{
		width: 580px;
		height: 160px;
		top: 38%;
		text-align: center;
	}
	.en-us .banner_txt .hook_area{
		width: 100%;
		text-align: center;
		height: 60px;
		left: 0;
		top: 50px;
	}
	.en-us .banner_txt .hook_area .word{
		height: 45px;
		font-size: 30px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		text-align: center;
	}


	@keyframes m_a_banner_start{
		0%{ -webkit-transform:translate(-50%,88px); opacity: 1;}
		100%{ -webkit-transform:translate(-50%,0);  opacity: 1;}
	}

	@keyframes m_a_banner_end{
		0%{ -webkit-transform:translate(-50%,0px); opacity: 1;}
		100%{ -webkit-transform:translate(-50%,-88px); opacity: 1; }
	}

	/*页脚*/
	.wrap_footer{/* background:url(../img/mobile/bg_2.png) no-repeat 0 0; background-size: contain; height: 376px;*/ height: auto;}
	.footer_con{ width:100%; height: auto;}
	.footer_con .tit{ font-size: 16px; margin-left: 30px; margin-right: 21px; margin-bottom: 0px;}
	.footer_con .tit_area{ display: block;  height: 52px; line-height: 52px; position: relative;}
	.footer_con .join_list,.footer_con .contact_list,.footer_con .legal_list{ display:block; height: 0; transition: height 0.3s ease-out;}
	.footer_con .join_list li a,.footer_con .contact_list li a,.footer_con .legal_list li a{ margin-bottom: 0px; padding: 9px 0; margin-left: 30px; font-size: 14px;}
	.footer_area .links{ display:none;}
	.footer_con .tit_area .icon{ display: block; height:12px; width: 12px; background:url(../img/mobile/icon_arrow_d.png) no-repeat 0 0; background-size: contain; position: absolute; right: 28px; top: 20px; transition:transform 0.2s ease-out;}
	.footer_con .logo_tencent{ display:none;}

	.contact_us, .legal_info{ width:100%; float: none; overflow: hidden;}
	.legal_info{ margin-bottom:18px;}

	.focus_us{ padding-top:41px; border-bottom: none; height: 22px; margin-bottom: 18px;}

	.footer_con .sublist_show ul{ height:117px;}
	.footer_con .contact_us.sublist_show ul{
		height: 148px;
	}
	.footer_con .sublist_show .tit_area .icon{ transform:rotate(180deg);}

	.footer_area{ position: static; padding-bottom: 29px;}
	.footer_area .copyright{ color: #929797; font-size: 12px; margin: 0px 30px; float: none; line-height: 1.8;}
	.footer_area .flag_m{ display:block;}

	.back_to_top{ display:block; width: 48px; height: 48px;}
	.back_to_top .back{ display:block; height: 50px; width: 100%; text-align: center; font-size: 16px; color: #111; background: #f2f3f5; line-height: 50px;}


	/*首页内容*/


	.link_area{ height:auto; background: #fbfbfb; width: 100%; margin-bottom: 0;padding: 0 24px;box-sizing: border-box;overflow: hidden;padding-bottom: 20px;}
	.link_area .tab_list li{ display: block; height: 240px; width: 100%; background:url(../data/mobile/link_bg_1.jpg) no-repeat center center; background-size: cover; margin: 12px auto 0; opacity: 1;}
	.link_area .tab_list li:nth-child(1){
		margin-top: 20px;
	}
	.link_area .tab_list .icon{ display:none;}
	.link_area .tab_list .tit:after{ display:none;}
	.link_area .tab_list li .tit{ margin-left:0px; font-size:24px;}
	.link_area .tab_list li .txt{ margin-left:0px;}
	.link_area .tab_list li.current .tit{ margin-left:0px;font-size: 24px;}
	.link_area .tab_list li.current .txt{ margin-left:0px;}
	.link_area .tab_list .tit{ left:32px; margin-top: 0px; top: auto; bottom: 57px; font-size: 24px;}
	.link_area .tab_list .txt{ left:32px; margin-top: 0px; top: auto; bottom: 32px; font-size: 14px;}

	.resp_area{ width:auto; height: auto; margin-bottom: 0px;margin: 0 24px;}

	.resp_area .slide_area{  width: 100%;height: 100%;}
	.resp_area .slide_area .icon_arrow{ display:none;}
	.resp_area .slide_list{ width: 100%; height: 100%;}
	.resp_area .slide_list li{ width: 100%; height: 100%; }
	.resp_area .slide_list li .img{ position:static; width: 100%; height:100%;}
	.resp_area .slide_list li .tit{ font-size:16px; left: 24px; bottom: 44px; z-index: 2;width: auto;right: 24px;}
	.resp_area .slide_list li .txt{ width: auto; font-size:14px; left: 24px;right: 24px; bottom: 18px; z-index: 2;line-height: 25px;}

	.develop_area{ height: auto; margin-bottom: 12px;}
	.develop_area .slide_area{ width:auto;margin: 0 24px;box-sizing: border-box;}
	.develop_area .slide_list{ width:100%;}
	.develop_area .slide_list li img{ width: 100%; height: 100%;}

  /* 搜索框结果列表 */

  /* 业务 -面向用户 */
  .mod-section-ad{
	height: 390px;
  }
  .mod-section-ad .mod-con{
	padding: 0 30px;
	margin: 0;
  }
  .mod-section-ad h2{
	  margin-top: 48px;
	  font-size: 32px;
  }
  .media .mod-section-ad h2{
	  margin-top: 60px;
	}
  .mod-section-ad .desc{
	  line-height: 25px;
	  font-size: 14px;
	  width: 100%;
	  margin-bottom: 20px;
  }
  .mod-section-ad .video-text{
	  line-height: 23px;
	  font-size: 16px;
  }
  .mod-tab li a{
	font-size: 16px;
	line-height: 24px;
	padding: 12px 0;
  }
  .mod-tab li{
	  margin-right: 24px;
  }

	/* 业务 - 面向企业 */

	.to-b .swiper-flx .pic-box,.to-b .swiper-flx .tab-box{
		display: none;
	}

	.to-b .swiper-flx{
		margin-top: 20px;
	}

	.swiper-two-box{
		display: block;
	}

	/* 业务 - 创新科技 */

	/* 学员 */
	.mod-dan-box{
		margin-top: 24px;
	}
	.mod-dan-box.mod-three-box .dan-box{
		width: 100%;
	}
	.mod-graph-box .graph-box h4{
		padding: 0 12px;
	}
	.mod-dan-box.mod-three-box .dan-box .mess-box,.mod-dan-box .dan-box .mess-box{
		padding: 0 24px;
		bottom: 24px;
	}
	.mod-dan-box .dan-box .mess-box .desc{
		height: auto;
		margin-bottom: 16px !important;
		opacity: 1;
	}
	.mod-dan-box.mod-three-box .dan-box .mess-box{
		top: auto;
		bottom: 24px;
	}
	.mod-dan-box .dan-box .mess-box h4{
		font-size: 20px;
	}
	.mod-dan-box .dan-box .mess-box .graph-link-box{
		padding: 0;
	}
	.mod-dan-box .dan-box .mess-box .graph-link-box a{
		color: #fff;
	}
	.mod-graph-box .r-graph,.mod-graph-box .m-graph{
		margin-top: 24px;
	}
	.mod-graph-box{
		margin-top: 16px;
	}
	.swiper-two-box .t-flx{
		margin-bottom: 16px;
	}
	.mod-m-title{
		font-size: 24px;
	}
	.mod-graph-box .graph-box{
		width: 100%;
	}
	.together .artice-box img{
		float: left;
	}
	.together .artice-box .san{
		display: none;
	}
	.mod-graph-box .not-font h4{
		padding: 0 24px;
		font-size: 16px;
		margin-bottom: 4px;
		line-height: 29px;
	}
	.mod-graph-box .graph-box .desc{
		padding: 0 24px;
		font-size: 14px;
		line-height: 25px;
	}

	/* 企业责任 */
	.mod-graph-box .graph-box .down-icon{
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
	}
	.mod-type-box .item .label{
		margin-bottom: 0;
	}

	/* 媒体 */
	.mod-tab-nt  .mod-con{
		position: relative;
		overflow-x: auto;
		overflow-y: hidden;
		height: 41px;
		padding-bottom: 0;
	}
	.mod-tab-nt .mod-con ul{
		position: absolute;
		left: 16px;
		top: 0;
		height: 41px;
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
		display: block;
		white-space: nowrap;
	}
	.mod-tab-nt li{
		display: inline-block;
		float: none;
	}
	.mod-tab-nt li a{
		padding: 10px 0;
		line-height: 21px;
		font-size: 14px;
	}

	/* 投资者 */
	/*.ly-flx .r-box .list-box .tab-con-box .con-box .step-box .item .b .date{*/
	/*	display: none;*/
	/*}*/

	/* to-c弹窗 */

	/* 视频弹窗 */

	/* 图片弹窗 */

	/* team弹窗 */

	.en-us .link_area .tab_list .txt{
		display: block;
	}
	.en-us .link_area .tab_list li .tit{
		font-size: 24px;
	}
	.en-us .link_area .tab_list li .txt{
		top: auto !important;
		margin-top: 0;
	}
	.develop_area .slide_list{
		height: 400px;
	}
	.develop_area .slide_list li{
		height: 400px;
	}
	.slide-tab{
		right: 10px;
		bottom: 10px;
	}
	.slide-tab .li{
		width: 6px;
		height: 6px;
		margin-left: 6px;
	}
	.slide-tab .li.active{
		width: 14px;
	}

	/* 员工活动 */

	/* 企业责任 - 疫情入口,业务 - 数字方舟 */


	.mod-con .brief-text-box h4{font-size: 16px; line-height: 29px; margin-bottom:12px;}
}


@media all and (max-width:768px){
	.resp_area .slide_list li .tit{
		bottom: 72px;
	}
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:74px;}
	.en-us .resp_area .slide_list li:nth-child(3) .tit{ bottom:74px;}
}

@media all and (max-width:767px){
    .ten_totop--float{ right:24px; width:48px; height: 48px;  }
    .ten_totop--float--show{ bottom:24px;  }
}

@media all and (max-width:709px){
	.resp_area .slide_list li .tit{
		bottom: 95px;
	}
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:103px;}
	.en-us .resp_area .slide_list li:nth-child(3) .tit{ bottom:103px;}
}


@media all and (max-width:620px){
	.together .mod-con{
		margin: 0 12px;
	}
	.together .mod-con .t-flx{
		padding: 0 16px;
		overflow: hidden;
	}
	.together .mod-con .t-flx{
		padding: 0 18px;
	}
	.mod-type-box{
		margin-top: 28px;
	}
	.mod-type-box .item{
		width: 100%;
		margin-bottom: 12px;
	}
	.mod-type-box .item .mess{
		padding: 20px;
	}
	.mod-type-box .item .label{
		font-size: 20px;
	}
}

@media all and (max-width:540px){
	.investor .mod-section-ad{
		background: url(../img/mobile/m-investor-1.jpg) no-repeat right bottom;
		background-size: cover;
	}
	.media .mod-section-ad{
		background-size: cover;
	}
	.together .mod-section-ad{
		background: url(../img/mobile/m-together-ad-1.png) no-repeat center;
		background-size: cover;
	}
}

@media all and (max-width:425px){
	.en-us .resp_area .slide_list li:nth-child(2) .tit{ bottom:125px;}
}

@media all and (max-width:398px){
	.resp_area .slide_list li .tit{
		bottom: 95px;
	}
}

@media all and (max-width:375px){
    .en-us .resp_area .slide_list li:nth-child(1) .tit{ bottom:95px;}
    .en-us .resp_area .slide_list li:nth-child(2) .tit,
    .en-us .resp_area .slide_list li:nth-child(4) .tit{
        bottom:135px;
    }
    .en-us .resp_area .slide_list li:nth-child(3) .tit {
        bottom:145px;
    }
    .en-us .resp_area .slide_area .icon_arrow{ right:64px; bottom: 15px;}
}

@media all and (max-width:320px){
	/*页头*/

	.menu_list{ height:478px;}
	.menu_list .menu_item{ height:50px; line-height: 50px;}
	.menu_list .menu_item .txt{ height:50px; line-height: 50px;}
	.search_area_show .search_area{ width:283px; right: 18px; background: #000;}
	.search_area_show .search_area .ipt_search{  height: 30px; line-height: 30px; left: 26px; font-size: 14px; width: 250px;}
}






@keyframes offset {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 384;
  }
}