@charset "utf-8";
/* CSS Document */

@media screen and (min-width : 1400px )
{
	.title
	{position: relative; top: 0px; width: 100%; height: auto; margin-top: 80px; }
	.title-cont
	{position: relative; width: 100%; height: auto; }
	.title-sub
	{position: relative; width: 100%; padding-top: 20px; }
	.title-sub h2
	{margin: 0px; text-align: center; height: 60px; line-height: 60px; font-size: 24px; color: #303030; }
	.title-text
	{position: relative; width: 100%; text-align: center; height: auto; line-height: 40px; font-size: 18px; color: #303030; }
	.title-text-b
	{position: relative; width: 100%; text-align: center; height: auto; line-height: 32px; font-size: 14px; color: #505050; }
	.title-text-b a
	{color: #2080FF; padding-left: 3px; padding-right: 3px; }
	
	.main
	{position: relative; top: 0px; width: 100%; height: 600px; margin-top: 80px; }
	.main-cont
	{position: relative; width: 100%; height: auto; }
	.main-text
	{position: relative; width: 80%; margin: auto; font-size: 20px; color: #505050; line-height: 32px; }
	.main-text a
	{display: inline-block; color: #2080FF; }
	.main-go
	{position: relative; width: 80%; height: auto; margin: auto; margin-top: 40px; }
	.main-qrcode
	{position: relative; float: left; width: 40%; text-align: center; }
	.main-qrcode img
	{display: inline-block; width: 220px; height: auto; }
	.main-desc
	{position: relative; float: left; width: 50%; text-align: center; color: #2080FF; font-size: 20px; line-height: 36px; }
	.main-desc a
	{display: inline-block; background-color: rgba(50,120,255,1); color: #ffffff; padding-left: 10px; padding-right: 10px; margin-top: 10px; }
	
	
}

@media screen and (min-width: 840px ) and (max-width: 1399px)
{
	.title
	{position: relative; top: 0px; width: 100%; height: auto; margin-top: 60px; }
	.title-cont
	{position: relative; width: 100%; height: auto; }
	.title-sub
	{position: relative; width: 100%; padding-top: 20px; }
	.title-sub h2
	{margin: 0px; text-align: center; height: 60px; line-height: 60px; font-size: 24px; color: #303030; }
	.title-text
	{position: relative; width: 100%; text-align: center; height: auto; line-height: 40px; font-size: 18px; color: #303030; }
	.title-text-b
	{position: relative; width: 100%; text-align: center; height: auto; line-height: 32px; font-size: 14px; color: #505050; }
	.title-text-b a
	{color: #2080FF; padding-left: 3px; padding-right: 3px; }
	
	.main
	{position: relative; top: 0px; width: 100%; height: 600px; margin-top: 60px; }
	.main-cont
	{position: relative; width: 100%; height: auto; }
	.main-text
	{position: relative; width: 80%; margin: auto; font-size: 20px; color: #505050; line-height: 32px; }
	.main-text a
	{display: inline-block; color: #2080FF; }
	.main-go
	{position: relative; width: 80%; height: auto; margin: auto; margin-top: 40px; }
	.main-qrcode
	{position: relative; float: left; width: 40%; text-align: center; }
	.main-qrcode img
	{display: inline-block; width: 200px; height: auto; }
	.main-desc
	{position: relative; float: left; width: 55%; text-align: center; color: #2080FF; font-size: 20px; line-height: 36px; }
	.main-desc a
	{display: inline-block; background-color: rgba(50,120,255,1); color: #ffffff; padding-left: 10px; padding-right: 10px; margin-top: 10px; }
	
	
	
}

@media screen and (max-width: 839px)
{
	.title
	{position: relative; top: 0px; width: 100%; height: auto; margin-top: 30px; }
	.title-cont
	{position: relative; width: 100%; height: auto; }
	.title-sub
	{position: relative; width: 100%; padding-top: 10px; }
	.title-sub h2
	{margin: 0px; text-align: center; height: 50px; line-height: 50px; font-size: 18px; color: #303030; }
	.title-text
	{position: relative; width: 100%; text-align: center; height: auto; line-height: 20px; font-size: 14px; color: #303030; padding-bottom: 2px; }
	.title-text-b
	{position: relative; width: 100%; text-align: center; height: auto; line-height: 16px; font-size: 12px; color: #505050; }
	.title-text-b a
	{color: #2080FF; padding-left: 3px; padding-right: 3px; }
	
	.main
	{position: relative; top: 0px; width: 100%; height: 560px; margin-top: 30px; }
	.main-cont
	{position: relative; width: 100%; height: auto; }
	.main-text
	{position: relative; width: 90%; margin: auto; font-size: 14px; color: #505050; line-height: 22px; }
	.main-text a
	{display: inline-block; color: #2080FF; }
	.main-go
	{position: relative; width: 90%; height: auto; margin: auto; margin-top: 20px; }
	.main-qrcode
	{position: relative; width: 100%; text-align: center; margin: auto; }
	.main-qrcode img
	{display: inline-block; width: 140px; height: auto; }
	.main-desc
	{position: relative; width: 100%; text-align: center; margin: auto; color: #2080FF; font-size: 16px; line-height: 26px; }
	.main-desc a
	{display: inline-block; background-color: rgba(50,120,255,1); color: #ffffff; padding-left: 10px; padding-right: 10px; margin-top: 10px; }
	
	

}


/*南京乱次元 版权所有 NJVD All Rights Reserved*/
/**/