@charset "utf-8";

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

}

@media screen and (max-width:1880px)
	
{
  .font48{font-size: 46px;}
}

@media screen and (max-width:1700px)
	
{
	.font48{font-size: 40px;}
	body{font-size: 18px;}
	.abnumbox li p{font-size: 40px;}
	.abnumbox li span{font-size: 16px;}
	.abnumbox li{padding: 2% 0px;  margin-left: 100px;width: calc(33.33% - 100px);}
    .abnumbox ul{padding:1% 5%;width: calc(90% + 100px); margin-left: -100px; }
	.newstxt{font-size: 26px;}
	
	.sousubox.cur{width: 900px;}
}




@media screen and (max-width:1580px)
	
{
	.font48{font-size: 38px;}
	.abnumbox li p{font-size: 32px;}
	.abnumbox li span{font-size: 14px;}
	.morebtn{width: 180px; height: 50px; font-size: 16px; line-height: 50px;}
	.newstxt{font-size: 22px;}
	.sousubox.cur{width: 800px;}
	
	.footshare li img{height: 30px;}
	
	.vission li h2{font-size: 30px;}
	.teamtit li{font-size: 32px;}
	.teamtxt h3{font-size: 26px;}
	
}

@media screen and (max-width:1366px)
	
	
{
	body{font-size: 16px;}
	
	.abnumbox li p{font-size: 30px;}
	.mainbox{width: 90%}
	.font48{font-size: 30px;}
	.syabright h2{margin-bottom: 5%}
	.syabout{padding-bottom: 10%}
	
	.partnerleft{margin-top: 0}
	
	.fulilist li p{font-size: 24px;}
	
	.zhaopxs li p span{font-size: 24px;}
   
}

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


	
}




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

	body{overflow-x: hidden}

	
	.nav{ position: fixed;top:100px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 100px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff; margin-top: 0px; }
	
	.top.cur .nav{top:90px;height:calc(100vh - 90px);}
	

	.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; background: url("../images/down.png") no-repeat right 40px; background-size: 12px auto;}
	.nav li>a{display: inline-block; line-height: 70px; color: #333; padding-bottom: 0px; font-size:20px;}
	
	.top.cur .nav li>a{line-height: 70px;}

	.nav li:nth-child(3),.nav li:nth-child(5),.nav li:nth-child(6){background: none}
	.nav li:nth-child(3),.nav li:nth-child(5) a,.nav li:nth-child(6) a{display: block}
	
	.navdown{position: relative; left: auto; top: auto; max-width: none; transform: none; padding: 0px;}
	.top.cur .navdown{top: auto}
	.navdown 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: 18px; padding-left: 30px;}


	.navdown p span{position: relative; display: block; opacity: 1; visibility: visible; left: auto; box-shadow: none; padding-left: 20px;}

	.nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;top:50%; width:22px;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:2px;border-radius: 10px;overflow: hidden;background-color:#333333;-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:5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#000;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 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 .icon-bar{ background:#FFF}
	.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)}

	}
	.toprightright{width: 80px;}
	.topright{width: 80px; margin-right: 56px;}

	.sousubox.cur{width: 640px;}
	
	.logo{width: 20%}
	
	.nybanwenzi h2{margin: 10px 0px;}
	.nybanwenzi p{font-size: 16px;}
	
}




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

	

	
}

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

	.banner{display: none}
	.wapbanner{display: block}
	
	.nybanner{display: none}
	.wapnybanner{display: block}
	
}

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

	.sousubox.cur{width: 410px;}
	
	.banwenzi h2.font48{font-size:36px}
	
	.abnumbox{position: relative; right: auto; bottom: auto; width:100%;border-bottom-right-radius: 120px; margin-top: 5%}
	.abnumbox li{width: calc(50% - 100px);}
	
	.syabout{padding-bottom:4%}
	.kejiboxs ul{display: block}
	.kejiboxs li{width: 100%;margin-bottom: 30px;}
	.kejihezi p{min-height: inherit}
	.partnerbox{display: block}
	.partnerleft{width: 100%}
	.partnerright{width: 100%; margin-top: 40px;}
	.synewstop{display: block;    border-bottom-right-radius: 120px; margin-top: 50px;}
	.synewstop .fangdapic{width: 100%;border-top-right-radius:0px;}
	.synewstoptxt{width: calc(100% - 60px); padding: 30px;}
	
	.footnav li{font-size: 16px;}
	.footshare li img{height: 20px;}
	
	.overviewbj>.shang{display: block}
	.overviewpic{width: 100%; position: relative; top: auto; left: 0px; margin-top: 5%}
	.overviewtxt{width: 100%;border-radius: 0px; border-bottom-right-radius:120px;border-bottom-left-radius:20px; }
	.overviewwenzi{padding-left:8%}
	
	.vission ul{display: block}
	
	.vission li{width: calc(100% - 60px); padding: 30px; margin-bottom: 30px;}
	.vission li h2{margin: 20px 0px;}
	
	.teambox{display: block}
	.teamtit{width: 100%}
	.teamright{width: 100%; margin-top: 50px;}
	
	.fulilist li{width: calc(100% - 80px); padding:20px 0px;}
	
	.zhaopxs ul{display: block}
	.zhaopxs li{width: 100%; margin-bottom: 30px;}
	
	.officebox{margin-top: 5%}
	
	.contactbox dl{margin-top: 30px;}
	.contactbox dl dt{margin-bottom: 20px;}
	
	.mapboxs{border-bottom-right-radius:120px;}
	
	/* .guanxianhezi{overflow-x: scroll} */
	.guanxianhezi{overflow-x: visible}
	.guanxianbox{width: 200%}
	
	.pipelinehezi{position: relative; top: auto}
	
}

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

{

	

}

@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%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%!important}
	.mt5{ margin-top:10%}
	.mt6{ margin-top:15%}
	
	
	

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	
	.sitemapbox dl{display: block}
	.sitemapbox dt{text-align: left; width: 100%}
	.sitemapbox dd{width: 100%; border: none; padding: 0px;display: block;}
	.sitemapbox dd:before{display: none}
	.sitemapbox dd a{ margin: 5px 0px; margin-right: 10px;}

	.top>.mainbox{height: 70px;}
	
	body{padding-top: 70px;}
	.nav{top: 70px; height: calc(100vh - 70px)}
	
	.logo{width: 35%}
	
	.top.cur>.mainbox{height: 66px;}
    .top.cur .nav {top: 66px; height: calc(100vh - 66px)}
	
	
	.sousubox{position:fixed; right: 0px; top: 70px; transform: none; border-radius:0}
	.sousubox.cur{ width: 100%;}
	.top.cur .sousubox{top: 66px;}
	.yuyandown{top: 46px}
	
	.yuyandown{min-width: 82px; padding: 10px 20px;}
	.yuyandown a{font-size: 16px;}
	
	
	.banwenzi h2.font48{font-size:24px}
	.wapbanner .swiper-slide{height: calc(100vh - 80px);}
	.xiadown a{width: 20px;}
	
	.syabout>.shang{display: block}
	.syableft{width: 100%}
	.syabright{width: 100%; padding-top: 10%}
	.syabright h2{-webkit-line-clamp: 3;line-clamp: 3;}
	.abnumbox li {width: calc(100% - 100px); padding:20px 0px;}
	
	.abnumbox li:nth-child(4), .abnumbox li:nth-child(5){border-bottom: 1px solid #d9d9d9;}
	
	.abnumbox{margin-top: 10%}
	.kejiboxs{padding-top: 5%}
	.morebtn{width: 140px;height: 44px; line-height: 44px;}
	.synewsbot ul{display: block}
	.synewsbot li{width: 100%}
	.synewsbot li.line{width: 100%; height: 1px; margin: 20px 0px;}
	

	.footertop{display: block}
	.footshare{width:70%}
	
	.footlogo{width: 40%}
	.footnav{width: 100%; max-width: inherit; margin: 20px 0px;}
	
	.footerbot{display: block}
	.footerbot p{margin-bottom: 10px;}
	.overviewpic{margin-top: 10%}
	.teamtit li{font-size: 28px;}
	
	.teamtxt h3{font-size: 20px; margin-bottom: 10px;}
	.teamdownbox{margin-top: 0px;}
	
	.adds{width: 48px; height: 48px;}
	
	.timebox>h2{font-size: 30px; width: 140px; height: 50px; line-height: 45px;}
	.timetxt h3{font-size: 24px;}
	.timetxt p{font-size: 14px;}
	
	.investorsbox li{width: calc(50% - 20px);}
	
	.teamright li{padding: 30px 0px;}

	.vission li{border-radius: 30px;}
	.overviewbj{background-size: 100% auto;}
	
	.zpimg img{height: 50px;}
	.zpimg {width: 30%;}
	.zhaopxs li p{width: 70%}
	.zhaopxs li p span{font-size: 20px;}
	.officebox{margin-top: 10%}
	.officeone,.officetwo,.officethree{border-radius: 20px;}
	.swiper-button-next, .swiper-button-prev{width: 50px!important; height: 50px!important;}
	.fulilist li img{width: 65px;}
	.fulilist li p{font-size: 20px;width: calc(100% - 90px);}
	
	.mapboxs {border-bottom-right-radius:80px;}
	.contactbox{display: block; padding-left: 0px; margin-top: 10%}
	.conleft{width: 100%; margin-top: 0px;}
	.contactbox dl{width: 100%}
	
	.contactbox dl dt{font-size: 30px;}
	
	.nybanwenzi h3{font-size: 14px;}
	.nynewsshowtop h3{font-size: 14px;}
	.nybanwenzi h3 em{width: 5px; margin: 0px 5px}
	.nynewsshowtop h3 em{width: 5px; margin: 0px 5px}
	.newstit ul{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	.newstit li:first-child{margin: 0px;}
	.newstit li{font-size: 22px;}
	.synewslist li{width: calc(100% - 50px);}
	.nynewsshowtop h2{font-size: 30px;}
	.nynewsshowtop{padding: 10% 0px;}
	
	.backbtn{width:100px;}
	
	.pipelinehezi{margin-top: 6%}
	
	
	.guanxianbox {width: 270%;}
	.pipelinelist li span{word-break: break-all; }
	
	.yingsi h2{font-size: 30px;}
	
	.sousutit{display: block}
	.sousutit h2{font-size: 24px;}
	.pcselect{width: 100%; margin-top: 20px;}
	.jiegusox li{padding: 20px 0px}
	
	.teamdown{width: 100%; padding-top: 20px}
	
	.page a{width: 34px; height: 34px; line-height: 34px; margin: 0px 3px;}
	.pipelinehezi li{font-size: 14px;}
}


@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)
{
	
	.banner .swiper-slide {height: calc(60vh - 100px);}
	
}

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

	.mobile_show{display: block}
	
	
}