@charset "utf-8";
/**
 * 
 * 官网自适应样式
 */

/* @media screen and (min-width: 1200px) {

}
@media screen and(min-width: 960px) and (max-width: 1199px) {
	
}
@media screen and(min-width: 768px) and (max-width: 959px) {
        
}
@media screen and(min-width: 480px) and (max-width: 767px) {
        
}
@media screen and (max-width: 479px) {
        
} */

/* PC */
@media screen and (max-width: 1599px) {
	/* floor-2 */
	.floor-2 .project-box .swiper-container-project						{width: 940px !important;}

	/* floor-3 */
	.floor-3 .honour-box .swiper-container-honour						{width: 940px !important;}
	.floor-3 .honour-box .swiper-container-honour > .swiper-wrapper		{margin-left: 265px;}

	/* floor-4 */
	.floor-4 .cooperate-box .swiper-container-cooperate					{width: 919px !important; height: 279px !important;}

	/* floor-5 */
	.floor-5 .about-foot .swiper-container-about-foot					{width: 25%;}
}


/* iPad */
@media screen and (max-width: 1199px) {
	/* floor-1 */
	.main-head .hd-right .foot-box .phone span							{display: none;}
	.main-head .hd-right .foot-box										{font-weight: 400;}
	.floor-1 .txt-box													{background-color: rgba(0, 0, 0, .2);}
	.effect																{display: none;}

	/* floor-2 */
	.floor-2 .project-box .swiper-container-project						{width: 620px !important;}

	/* floor-3 */
	.floor-3 .honour-box .swiper-container-honour						{width: 620px !important;}
	.floor-3 .honour-box .swiper-container-honour > .swiper-wrapper		{margin-left: 132px;}

	/* floor-4 */
	.floor-4 .cooperate-box .swiper-container-cooperate					{width: 689px !important; height: 279px !important;}

	/* floor-5 */
	.floor-5 .about-foot .swiper-container-about-foot					{width: 33.33333333%;}
	.floor-5 .about-box .swiper-container-about							{margin-left: auto; margin-right: 5%;}
}

@media screen and (max-width: 959px) {
	/* floor-1 */
	.main-head .hd-nav													{display: none;}
	.main-head .hd-right .foot-box .phone span							{display: block;}

	/* floor-4 */
	.floor-4 .cooperate-box .swiper-container-cooperate					{width: 459px !important; height: 419px !important;}

	/* floor-5 */
	.floor-5 .about-foot .swiper-container-about-foot					{width: 50%;}
}


/* 手机端 */
@media screen and (max-width: 767px) {
	/* floor-1 */
	.main-head															{height: 70px;}
	.main-head .logo-box												{width: 111px; height: 41px;}
	.main-head .hd-right .foot-box .phone .iconfont						{font-size: 28px;}
	.main-head .hd-right .foot-box .btn-switch .iconfont				{font-size: 24px;}
	.floor-1 .txt-box .write .title-1									{font-size: 30px; margin-bottom: 0;}
	.floor-1 .txt-box .write .title-1 span								{font-size: 26px;}
	.floor-1 .txt-box .write .title-2									{font-size: 45px;}
	.floor-1 .txt-box .write .slogan-1, 
	.floor-1 .txt-box .write .slogan-2									{font-size: 14px;}
	.floor-1 .txt-box .write .title-2::before							{top: 42px;}
	.ain-jump:hover														{-webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;}

	/* floor-2 */
	.floor-box .content .title span										{font-size: 34px;}
	.floor-box .content .title h2										{font-size: 22px;}
	.floor-2 .project-box .swiper-container-project						{width: 450px !important;}

	/* floor-3 */
	.floor-3 .honour-box .swiper-container-honour						{width: 450px !important;}
	.floor-3 .honour-box .swiper-container-honour > .swiper-wrapper		{margin-left: 55px;}
	.floor-3 .honour-box .swiper-slide .bottom							{font-size: 16px; line-height: 70px;}

	/* floor-4 */
	.floor-4 .cooperate-box .swiper-container-cooperate					{width: 319px !important; height: 239px !important;}
	.floor-4 .cooperate-box .swiper-slide								{width: 160px !important; height: 80px !important;}
	.floor-4 .cooperate-box .swiper-slide a img 						{max-width: 100px; max-height: 50px;}

	/* floor-5 */
	.floor-5 .about-foot .swiper-container-about-foot					{width: 100%;}
	.floor-5 .about-box .about-nav										{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-left: 0;}
	.floor-5 .about-box .about-nav .nav-box								{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: auto;}
	.floor-5 .about-box .swiper-container-about							{width: 300px; margin: 20px auto;}
	.floor-5 .about-box .swiper-container-about .swiper-slide h3 		{text-align: center; font-size: 20px; line-height: 2;}
	.floor-5 .about-box .swiper-container-about .swiper-slide p 		{line-height: 2;}

	/* floor-6 */
	.floor-6 .contact-box												{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
	.floor-6 .contact-box .left											{width: 130px; height: 130px; margin-right: 0; margin-bottom: 10px;}

	/* 侧边栏弹出层 */
	.page-sidebar .popup-box											{max-width: 350px;padding: 0;}
	.page-sidebar .swiper-container-code								{max-width: 320px;}
	.page-sidebar .popup-box li img                                     {max-width: 90px; max-height: 90px;}
}

@media screen and (max-width: 479px) {
	.main-head .hd-right .foot-box .phone span							{display: none;}
	.floor-box .com-prev												{padding-left: 0;}
	.floor-box .com-next												{padding-right: 0;}
	.floor > .swiper-lazy												{background-position: left center;}
	.floor-box .com-prev .iconfont::before, 
	.floor-box .com-next .iconfont::before								{font-size: 30px;}

	/* floor-1 */
	.floor-1 .txt-box .write .title-1									{font-size: 26px;}
	.floor-1 .txt-box .write .title-1 span								{font-size: 22px;}
	.floor-1 .txt-box .write .title-2									{font-size: 38px;}
	.floor-1 .txt-box .write .slogan-1, 
	.floor-1 .txt-box .write .slogan-2									{font-size: 14px;}
	.floor-1 .txt-box .write .title-2::before							{top: 35px;}
	.floor-1 .new-box													{width: 290px; top: 77%;}
	.floor-1 .swiper-pagination-banner									{top: 82%;}
	.floor-1 .swiper-pagination-banner .swiper-pagination-bullet		{width: 34px;}
	.floor-1 .swiper-pagination-banner .swiper-pagination-bullet::before{width: 34px;}
	.swiper-button-next-main											{width: 45px; height: 45px; line-height: 45px;}
	.floor-1 .swiper-lazy												{background-position: left center;}

	/* floor-2 */
	.floor-box .content .title span										{font-size: 30px;}
	.floor-box .content .title h2										{font-size: 18px;}
	.floor-2 .project-box .swiper-container-project						{width: 300px !important;}
	.floor-2 .project-box .swiper-slide a:hover .top::before,
	.floor-2 .project-box .swiper-slide a:hover .top::after				{opacity: 0;}
	.floor-2 .project-box .swiper-slide a:hover .top .bg-layer			{top: -100%;}
	.floor-2 .project-box .swiper-slide a:hover .bottom .bg-layer		{height: 2px;}
	.floor-2 .project-box .swiper-slide a:hover .bottom h3 				{color: #333;}
	.floor-2 .project-box .swiper-slide a:hover .bottom p 				{color: #888;}

	/* floor-3 */
	.floor-3 .honour-box .swiper-container-honour						{width: 300px !important;}
	.floor-3 .honour-box .swiper-container-honour > .swiper-wrapper		{margin-left: 0;}
	.floor-3 .honour-box .swiper-slide .bottom							{font-size: 14px; line-height: 55px;}
	.floor-3 .honour-box .swiper-pagination-honour > .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0 5px;}
	.floor-3 .honour-box .swiper-pagination-honour > .swiper-pagination-bullet-active::before{width: 8px; height: 8px;}
	.floor-3 .honour-box .swiper-pagination-honour						{margin-top: 15px;}

	/* floor-6 */
	.floor-6 .contact-box .right .phone-num								{font-size: 32px;}

	/* 侧边栏弹出层 */
	.page-sidebar .popup-box											{max-width: 290px;max-height:240px;padding: 0;}
	.page-sidebar .swiper-container-code								{max-width: 265px;}
	.page-sidebar .swiper-container-code .swiper-slide + .swiper-slide	{margin-left: 0;}
	.page-sidebar .popup-box li img                                     {max-width: 90px; max-height: 90px;}
}

@media screen and (max-width: 400px) {
	/* floor-2 */
	.floor-2 .project-box .swiper-container-project						{width: 230px !important;}

	/* floor-3 */
	.floor-3 .honour-box .swiper-container-honour						{width: 230px !important;}
	.floor-3 .honour-box .swiper-container-honour > .swiper-wrapper		{margin-left: 0;}
	.floor-3 .honour-box .swiper-slide .bottom							{font-size: 14px; line-height: 50px;}
	.page-sidebar .popup-box li img                                     {max-width: 90px; max-height: 90px;}
}

@media screen and (max-width: 359px) {
	/* floor-1 */
	.floor-1 .new-box													{width: 270px; font-size: 12px;}
	.floor-1 .new-box .more												{display: none;}
	.floor-1 .swiper-container-new > .swiper-wrapper > .swiper-slide a	{font-size: 12px;}
	.floor-1 .swiper-pagination-banner .swiper-pagination-bullet		{width: 30px;}
	.floor-1 .swiper-pagination-banner .swiper-pagination-bullet::before{width: 30px;}
	.swiper-button-next-main											{width: 42px; height: 42px; line-height: 42px;}

	/* floor-2 */
	.floor-box .content .title span										{font-size: 26px;}
	.floor-box .content .title h2										{font-size: 16px;}

	/* floor-5 */
	.floor-5 .about-foot												{height: 50px; line-height: 50px;}
	.floor-5 .about-foot .swiper-container-about-foot .swiper-slide b 	{font-size: 20px;}

	/* floor-6 */
	.page-foot															{height: 44px; font-size: 12px; line-height: 44px;}
	.page-sidebar .popup-box li img                                     {max-width: 90px; max-height: 90px;}
}