@charset "utf-8";

/* CSS Document */
@media screen and (min-width:2200px)
	
{

}

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

}

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

}




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


}

@media screen and (max-width:1440px)
	
{
	.teamtanbox h4{font-size: 24px;}
	.teamtantxt{height: calc(100% - 220px);}
}


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

 	body{font-size: 14px}
	.teamtxt{width: calc(90% - 60px);}
}

@media screen and (max-width:1280px)
	
{
	
    .teamtxt{width: calc(90% - 40px); padding: 20px;}
	.teamtxt p{font-size: 14px;}
}

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

 	body{overflow-x: hidden;}
	.topright{margin-right:50px; width:50px;}
	.top>.mainbox{height: 80px;}
	.nav{ position: fixed;top:80px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 80px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fdfdfd; margin-top: 0px; max-width:none}

	.nav ul{display:block; width:90%; margin: 0 auto;padding-top: 20px; }
	.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left;}
	.nav li>a{line-height: 70px; color: #333; padding-bottom: 0px; font-size:18px; display:block}

	
	.navdown{background: #fff; position:relative; left:0%!important; transform:none!important; width:100%!important;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  top: 0px; display: none; padding: 0px}

	.navdown span{width: 100%; padding: 0px;}
	.navdown span a{line-height:36px; text-align:left; padding:10px 0px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none; display: block; margin: 0px; font-size: 16px; padding-left: 30px;}


	.nav-btnbox {position:absolute;z-index:999999;right:4%;top:50%; width:18px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; transform: translate(0,-50%); cursor: pointer;}
	.nav-btnbox .icon-bar {display: block; height:1.5px;border-radius: 10px;overflow: hidden;background-color:#000000;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}
	

	.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);}	
	.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
	.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);}


	.menu-open .nav{visibility:visible;opacity:1;}

	.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

	.menu-open .nav li:nth-child(1){animation-delay:0s;}
	.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
	.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
	.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
	.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
	.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
	.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
	.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
	.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
	.menu-open .nav li:nth-child(10){animation-delay:0.9s;}



	@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

	100% {opacity:1;-webkit-transform:translateY(0)}

	}

	@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

	100% {opacity:1;-moz-transform:translateY(0)}

	}

	@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

	100% {opacity:1;-o-transform:translateY(0)}

	}

	@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

	100% {opacity:1;transform:translateY(0)}

	}

 
 
	
}




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




}

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

 
}

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

	.mainbox{width: 85%}
	.teambox{width: 92%}
	body{padding-top: 80px;}
	#banvideo{display: none}
	.banner .swiper-slide{height: auto}
	.bannerwap{display:block; position: relative}
	.bannerwap:before{content: ''; width:50px; height:50px; background: url("../images/video_an.png") no-repeat center center;background-size: 100% auto;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
	.guanbi{right: -3%}
	.bannerwap2{display:block; position: relative}
	
	.syabout{display: block}
	.syabouttxt{width: 100%}
	.sytit h2{font-size: 40px;}
	#synumbervideo{display: none}
	.synumber{background: url("../images/synumbj.jpeg") no-repeat center bottom; background-size: cover; padding-bottom: 40%}
	.synumberbox li{width:48%!important; text-align: left}
	.synumberbox ul{text-align: left}
	.synumberbox li p i{font-size: 80px;}
	.synumberbox li p b{font-size: 60px;}
	.syhonor .swiper-button-next{right: -30px;}
	.syhonor .swiper-button-prev{left: -30px;}
	.sytit2 h2{font-size: 40px;}
	
	.kejiboxs li{width: calc(100% - 12px);}
	.bigtxt h2{font-size: 40px;}
	.teamtit h2{font-size: 40px;}
	.teambox .swiper-slide{width: 60%}
	.teamtanbox h4{font-size: 20px}
	.platform_list li{display: block}
	.platform_list li h3{width: 100%; font-size: 24px;}
	.platform_list li p{width: 100%; margin-top: 20px;}
	.wedobox ul{width: calc(100% + 30px);margin-left:-30px;}
    .wedobox li{width: calc(33.33% - 30px);margin-left: 30px; margin-top:30px;}
	.wedobox li p{font-size: 24px;}
	.yuangzx h4{font-size: 24px;}
	.yuangzx li{width: calc(50% - 1px);}
	.nybantxt h2{font-size: 40px;}
	.nybantxt p{font-size:30px;}
	.join_search_left{width: 100%}
	.join_search_right{width: 100%; padding: 20px 0px; margin-top: 20px;}
	
	
	.close_btn{display: block}
	
	
	

}

@media screen and (max-width:768px)

{
	.pd3{ padding-top:5%; padding-bottom:5%}
	.pd4{ padding-top:6%; padding-bottom:6%}
	.pd5{ padding-top:7%; padding-bottom:7%}
	.pd6{ padding-top:8%; padding-bottom:8%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:2%}
	.mt2{ margin-top:3%}
	.mt3{ margin-top:5%}
	.mt4{ margin-top:6%}
	.mt5{ margin-top:7%}
	.mt6{ margin-top:8%}
	.mt8{ margin-top:10%}

	.pb3{ padding-bottom:4%}
	.pb4{ padding-bottom:5%}
	.pb5{ padding-bottom:6%}
	.pb6{ padding-bottom:7%}
	.pb7{ padding-bottom:8%}
	
	.pt5{padding-top: 10%}
	
	
	


}

@media screen and (max-width:680px)

{
	
	.pd3{ padding-top:6%; padding-bottom:6%}
	.pd4{ padding-top:8%; padding-bottom:8%}
	.pd5{ padding-top:10%; padding-bottom:10%}
	.pd6{ padding-top:10%; padding-bottom:10%}
	.pd2{ padding-top:4%; padding-bottom:4%}
	.pd10{padding-top: 15%; padding-bottom: 15%}
	.pd8{padding-top: 12%; padding-bottom: 12%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%}
	.mt5{ margin-top:12%}
	.mt6{ margin-top:15%}
	.mt7{margin-top: 12%}
	.mt8{ margin-top:20%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	.top>.mainbox{height: 60px;}
	.nav{top: 60px;height: calc(100vh - 60px);}
 
	body{padding-top: 60px;}
	.jobsearch{margin-top: 0px; display: block; padding: 20px;}
	.jobsearch_txt{width: calc(100% - 22px); border: 1px solid #e5e5e5;padding: 0px 10px;}
	.jobselect{width: calc(100% - 22px); border: 1px solid #e5e5e5; margin: 20px 0px; padding: 0px 10px;}
	.jobsearch_btn{width: 100%}
	.lines{display: none}
	.wappt20{padding-top: 20px;}
	
	.fudong{display: none!important}
	.synumberbox li{width: 100%!important;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 0px;}
	.syabouttxt p{font-size:18px;}
	.sytit h2{font-size: 30px;}
	.sytit2 h2{font-size: 30px;}
	.syhonor .swiper-button-next{right: -15px;}
	.syhonor .swiper-button-prev{left: -15px;}	
	
	.footlogo{width: 150px;}
	.footer h4{margin-top: 10%}
	.footlist li{margin: 5px}
	.footlist li a{width: 30px; height: 30px;}
	.synumberbox li p i{font-size:44px;}
	.synumberbox li span{font-size:16px; text-align: right}
	.synumberbox li span em{font-size: 12px;}
	.synumberbox li p b{font-size: 30px;}
	.kejitxttop img{height: 30px;}
	.kejitxttop h3{font-size: 18px;}
	.kejitxt{width: 80%; height: 70%}
	.kejitxtbot p{font-size: 16px;}
	.kejitxtbot em{margin-top: 20px;}
	.sharedown{width: 95px; padding-top: 10px;}
	.sharedown img{width: 88%}
	.sharedown span{font-size: 8px;}
	.bigtxt h2{font-size: 30px;}
	.bigtxt h3{font-size: 20px;}
	.bigtxt p{font-size: 18px;}
	.teamtit h2{font-size: 30px;}
	.teamtit{display: block}
	.teamtxt{position: relative; width: calc(100% - 40px); padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
	.teambox .swiper-slide{width: 80%}
	.teamtxt p{font-size: 14px;}
	.teamtxt h3{font-size: 20px;}
	.teamtanbox h4{font-size: 18px; padding: 10px 20px;}
	.teamtanbox h4:before{top: -20px;}
	.teamtantxt{padding: 0px 20px; height: calc(100% - 200px);}
	
	.qiebtn{margin-top: 30px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
	.culture_txt p{font-size: 18px;}
	.culture_bj{background-attachment: scroll}

	.jobsbtn{display: block}

	.jobsbtn a{display: block; margin-top: 20px;}
	.wedobox li{width: calc(100% - 30px);}
	.yuangzx li{width: calc(100% - 1px)}
	.yzhtxt img{height: 50px;}
	.join_search_left li p{font-size: 20px;}
	.nybantxt h2{font-size: 30px;}
	.nybantxt p{font-size: 16px;}
	.join_search_down{display: none}
	.join_search_tit{display: block; padding: 20px;}
	.join_search_box_left{width: 100%; margin-bottom: 20px;}
	.join_search_box_left p{font-size: 20px;}
    .join_search_right{padding: 0px}

    .join_search_top{display: block}
	.join_search_txt{width: calc(100% - 74px)}
    .join_search_btn{width: 100%; height: 40px; font-size: 20px;}
    .morebtn{width: 120px;}
    .pagination>li>a, .pagination>li>span{margin: 0px 2px;}
	.magnatxt{font-size: 18px;}
	.kejiboxs li{margin-top: 10px;}
	.footer h4{font-size: 20px;}

}


@media screen and (max-width:580px)

{

	
}

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

	
}

@media screen and (max-height:450px)
	
{
	

}

@media screen and (max-height:700px)
	
{
	
}

@media screen and (max-height:1366px) and (max-width:1024px)
{
	

	
}

@media screen and (max-height:450px) and (min-width:800px) 
	
{

	.mobile_show{display: block}
	
	
}