@media (min-width: 1680px) and (max-width: 1770px) {
	.IndexSec
	{
		margin-bottom: 15%;

	    .IndexSecBot
	    {
	    	.row
	    	{
		        bottom: -5% !important;
		    }
	    }
	    
	}
}

@media (min-width: 1440px) and (max-width: 1679px) {

	.Index
	{
		.IndexFirst
		{
			.swiper
			{
				.swiper-container1
				{
					.swiper-slide
					{
						img
						{
							right: 16% !important;
						}

					}
				}
			}

			.rightPaper
			{
				right: 25% !important;
			}
		}

		.IndexSec
		{
			.IndexSecT
			{
				.swiper-container2
				{
			        width: 660px !important;
			        height: 340px !important;

			        .swiper-slide
			        {
			        	span.p1
						{
							font-size: 140%;
						}

						span.p2
						{
							left: 20%;
						}
			        }
			    }

			    .swPag2
			    {
			    	margin-left: 69.6% !important;
			    }

			     p
			    {
			    	margin-top: 19.5% !important;
			    }
			}

		    .IndexSecBot
		    {
		    	.row
		    	{
			        bottom: -2% !important;
		    	}
		    }
		}
	}

	.IndexFooter
	{
		.IndexFooterContent
		{
			.IndexFooterLeft
			{
				p.IndexFooterP1,
				p.IndexFooterP3
				{
					margin-top: 30px;
				}
			}
			.IndexFooterMid
			{
				ul:first-child
				{
					margin-right: 17%;
					padding-left: 0;
				}
			}
		}
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	.Index
	{
		.IndexFirst
		{
			.swiper
			{
				width: 900px;
				height: 480px;
				padding-left: 18%;
				padding-top: 15%;

				.swiper-container1
				{
					.swiper-slide
					{
						h2
						{
							font-size: 330%;
							margin-bottom: 15px;
						}

						p
						{
							font-size: 220%;
						}

						button
						{
							margin-top: 10px;
							padding: 4px 16px ;

							a
							{
								font-size: 120%;
							}
						}

						img
						{
							width: 300px;
							bottom: 170px;
						}				
					}
				}
			}

			.leftPaper
			{
				bottom: 8%;
				left: 15%;
			}

			.rightPaper
			{
				right: 25%;
			}
		}


		.IndexSec
		{
			.IndexSecT
			{
				h3
				{
					margin-top: 14%;
				}

				p
				{
					margin-top: 18.5% !important;
				}

				.swiper-container2
				{
			        width: 660px !important;
			        height: 340px !important;

			        .swiper-slide
			        {
			        	span.p1
						{
							font-size: 140%;
						}

						span.p2
						{
							left: 20%;
						}
			        }
			    }

			    .swPag2
			    {
			    	margin-left: 70% !important;
			    }

			    .swNex2
			    {
			    	margin-left: 74%;
			    }
			}

		    .IndexSecBot
		    {
		    	.row
		    	{
			        bottom: -6% !important;
			        width: 750px;

			        .IndexSecBotRight
			        {
			        	h2
			        	{
			        		font-size: 160%;
			        	}

			        	img
		        		{
		        			margin-top: 25px;
		        			margin-bottom: 25px;
		        		}

		        		p.secP1
		        		{
		        			margin-top: 15px;
		        		}

		        		p.secP2
		        		{
		        			margin-bottom: 8px;
		        		}
			        }
		    	}
		    }
		}
	}

	.IndexFooter
	{
		.IndexFooterContent
		{
			margin: 0 15%;

			.IndexFooterLeft
			{
				margin-left: 13%;
				margin-top: 8%;

				img
				{
					width: 60%;
				}

				p
				{
					font-size: 120%;

					img
					{
						width: 15px;
						margin-right: 5px;
					}
				}

				p.IndexFooterP1,
				p.IndexFooterP3
				{
					margin-top: 20px;
				}

				p.IndexFooterP1
				{
					margin-bottom: 0;
				}

				p.IndexFooterP2,
				p.IndexFooterP4
				{
					margin-left: 20px;
				}

				p.IndexFooterP3
				{
					margin-bottom: -5px;
				}
			}

			.IndexFooterMid
			{
				margin-top: 18%;

				ul
				{
					li
					{
						a
						{
							font-size: 140%;
						}
					}
				}

				ul:first-child
				{
					padding-left: 0;
				}
			}

			.IndexFooterRight
			{
				margin-top: 18%;

				img
				{
					width: 50px;
				}
			}
		}
	}

	.aboutBackGround
	{
		.about-thr
		{
			padding-top: 10% !important;
		}

		.about-four
		{
			margin-top: 15% !important;
			margin-bottom: 8% !important;

			img
			{
				width: 80% !important;
			}
		}
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.Index
	{
		.IndexFirst
		{
			.swiper
			{
				width: 800px;
				height: 400px;
				padding-left: 18%;
				padding-top: 15%;

				.swiper-container1
				{
					.swiper-slide
					{
						h2
						{
							font-size: 260%;
							margin-bottom: 15px;
						}

						p
						{
							font-size: 180%;
						}

						button
						{
							margin-top: 10px;
							padding: 4px 16px ;

							a
							{
								font-size: 120%;
							}
						}

						img
						{
							width: 300px;
							bottom: 170px;
						}				
					}
				}
			}

			.leftPaper
			{
				bottom: 8%;
				left: 15%;

				p
				{
					font-size: 140%;
				}

				img
				{
					width: 35px;
				}
			}

			.rightPaper
			{
				right: 25%;
				// bottom: -20px;

				p
				{
					font-size: 140%;
					margin-bottom: 0;
				}

				span
				{
					font-size: 140%;
				}

			}
		}


		.IndexSec
		{
			margin-bottom: 8%;

			.IndexSecT
			{
				h3
				{
					margin-top: 14%;
					font-size: 180%
				}

				p
				{
					margin-top: 18.5% !important;
					font-size: 160%;
				}

				.swiper-container2
				{
			        width: 510px !important;
			        height: 259px !important;

			        .swiper-slide
			        {
			        	span.p1
						{
							font-size: 120%;
						}

						span.p2
						{
							left: 10%;
						}
			        }
			    }

			    .swPag2
			    {
			    	margin-left: 70.2% !important;
			    }

			    .swNex2
			    {
			    	margin-left: 75%;
			    }
			}

		    .IndexSecBot
		    {
		    	.row
		    	{
			        bottom: -10% !important;
			        width: 750px;

			        .IndexSecBotRight
			        {
			        	h2
			        	{
			        		font-size: 160%;
			        	}

			        	img
		        		{
		        			margin-top: 25px;
		        			margin-bottom: 25px;
		        		}

		        		p.secP1
		        		{
		        			margin-top: 15px;
		        		}

		        		p.secP2
		        		{
		        			margin-bottom: 8px;
		        		}
			        }
		    	}
		    }
		}
	}

	.IndexFooter
	{
		.IndexFooterContent
		{
			margin: 0 15%;

			.IndexFooterLeft
			{
				margin-left: 13%;
				margin-top: 8%;

				img
				{
					width: 50%;
				}

				p
				{
					font-size: 120%;

					img
					{
						width: 15px;
						margin-right: 5px;
					}
				}

				p.IndexFooterP1,
				p.IndexFooterP3
				{
					margin-top: 20px;
				}

				p.IndexFooterP1
				{
					margin-bottom: 0;
				}

				p.IndexFooterP2,
				p.IndexFooterP4
				{
					margin-left: 20px;
				}

				p.IndexFooterP3
				{
					margin-bottom: -5px;
				}
			}

			.IndexFooterMid
			{
				margin-top: 18%;

				ul
				{
					li
					{
						a
						{
							font-size: 120%;
						}
					}
				}

				ul:first-child
				{
					padding-left: 0;
					margin-right: 0;
				}
			}

			.IndexFooterRight
			{
				margin-top: 18%;

				img
				{
					width: 35px;
				}
			}
		}
	}

	.aboutBackGround
	{
		.about-thr
		{
			padding-top: 10% !important;

			ul
			{
				li
				{
					h1
					{
						font-size: 800% !important;
					}
				}
			}
		}

		.about-four
		{
			margin-top: 12% !important;
			margin-bottom: 8% !important;

			img
			{
				width: 80% !important;
			}
		}
	}
}

@media (min-width: 768px) and (max-width: 768px) {
	
	.Index
	{
		.IndexFirst
		{
			.swiper
			{
				width: 560px;
				height: 300px;
				padding-left: 18%;
				padding-top: 15%;

				.swiper-container1
				{
					.swiper-slide
					{
						h2
						{
							font-size: 220%;
							margin-bottom: 15px;
						}

						p
						{
							font-size: 140%;
						}

						button
						{
							margin-top: 10px;
							padding: 4px 16px ;

							a
							{
								font-size: 100%;
							}
						}

						img
						{
							width: 200px;
							bottom: 120px;
						}				
					}
				}
			}

			.leftPaper
			{
				bottom: 8%;
				left: 12%;

				p
				{
					font-size: 120%;
				}

				img
				{
					width: 25px;
				}
			}

			.rightPaper
			{
				right: 5%;

				p
				{
					font-size: 140%;
					margin-bottom: 0;
				}

				span
				{
					font-size: 140%;
				}

			}
		}


		.IndexSec
		{
			margin-bottom: 60%;

			.IndexSecT
			{
				h3
				{
					margin-top: 14%;
					font-size: 180%
				}

				p
				{
					margin-top: 18.5% !important;
					font-size: 160%;
				}

				.swiper-container2
				{
			        width: 420px !important;
			        height: 207px !important;

			        .swiper-slide
			        {
			        	span.p1
						{
							font-size: 100%;
							left: 20%;
						}

						span.p2
						{
							left: 3px;
							font-size: 90%;
						}
			        }
			    }

			    .swPag2
			    {
			    	margin-left: 71% !important;
			    	font-size: 220%;
			    	margin-top: 18.2%;
			    }

			    .swNex2
			    {
			    	margin-left: 76%;
			    }
			}

		    .IndexSecBot
		    {
		    	.row
		    	{
			        top: 75% !important;
			        width: 450px;

			        .IndexSecBotRight
			        {
			        	h2
			        	{
			        		font-size: 160%;
			        	}

			        	img
		        		{
		        			margin-top: 25px;
		        			margin-bottom: 25px;
		        		}

		        		p.secP1
		        		{
		        			margin-top: 15px;
		        		}

		        		p.secP2
		        		{
		        			margin-bottom: 8px;
		        		}
			        }
		    	}
		    }
		}
	}

	.IndexFooter
	{
		.IndexFooterContent
		{
			margin: 0 15%;

			.IndexFooterLeft
			{
				margin-left: 13%;
				margin-top: 9%;

				img
				{
					width: 30%;
				}

				p
				{
					font-size: 100%;

					img
					{
						width: 15px;
						margin-right: 5px;
					}
				}

				p.IndexFooterP1,
				p.IndexFooterP3
				{
					margin-top: 10px;
				}

				p.IndexFooterP1
				{
					margin-bottom: 0;
				}

				p.IndexFooterP2,
				p.IndexFooterP4
				{
					margin-left: 20px;
				}

				p.IndexFooterP3
				{
					margin-bottom: -5px;
				}
			}

			.IndexFooterMid
			{
				margin-top: 14%;

				ul
				{
					padding-left: 0;
					li
					{
						a
						{
							font-size: 120%;
						}
					}
				}

				ul:first-child
				{
					padding-left: 0;
					margin-right: 0;
				}
			}

			.IndexFooterRight
			{
				margin-top: 18%;

				img
				{
					width: 35px;
				}
			}
		}
	}
	
	.aboutBackGround
	{
		.about-thr
		{
			padding-top: 8% !important;
			height: 140px !important;

			ul
			{
				li
				{
					h1
					{
						font-size: 600% !important;
					}
				}
			}
		}

		.about-four
		{
			margin-top: 8% !important;
			margin-bottom: 8% !important;

			img
			{
				width: 80% !important;
			}
		}
	}

	.ability
	{
		.ability-sec
		{
			p
			{
				margin: 3% 15%;
			}
		}

		.ability-thr
		{
			h4
			{
				font-size: 160%;
			}
		}

		.ability-four
		{
			p
			{
				margin: 3% 15%;
			}
		}

		.ability-fif
		{

			h4
			{
				// font-size: 160%;
			}

			small
			{
				padding: 5%;
			}
		}

		.ability-layer
		{
			.row
			{
				ul
				{
					position: absolute;
					bottom: -40px !important;

					li
					{
						display: inline-block;

						img
						{
							width: 31px;
							margin-left:5px;
						}
					}
				}
			}
		}
	}

	.Ability-dashed,.about-dashed,.innovate-dashed
	{
		img
		{
			width: 100%;
		}
	}

/**************************************  header page  **************************************/
	header
	{
		nav
		{

			ul
			{
				li
				{
					padding: 0 5px !important;

					a
					{
						font-weight: 500 !important;
					}
				}
			}
		}

		.HeaderRightBox
		{

			img
			{
				width: 25px;
				margin-top: 3px;
			}

			.col-md-8,
			.col-sm-9
			{
				margin-left: 15px;
			}
			
		}
	}
	
/**************************************  footer page  **************************************/
	footer
	{
		margin-top: 55px;

		.footer-nav
		{

			#QRcode
			{
				position: absolute;
				right: 0;
				top: -65px;
				border: 3px solid #454445;
			}
		}
	}

/**************************************  about page  **************************************/
	.about
	{
		.about-thr
		{
			height: 120px;

			ul
			{
				li
				{
					h1
					{
						color: red;
						display: inline;
						font-size: 600%;
						font-weight: 700;
						color: #e60012;
					}
				}
			}
		}
	}

	.about-fif
	{
		margin-bottom: 9% !important;
	}

	.time-line
	{
		margin-left: 5% !important;
		margin-right: 5% !important;

		ul
		{
			li
			{

				span
				{
					width: 220px !important;
				}

				span.mid
				{
					text-align: center;
				}

				span.mid2
				{
					text-align: center;
				}
			}
		}
	}

/**************************************  pro page  **************************************/
	.pro-layer
	{
		height: 500px;
	}

/**************************************  join page  **************************************/

	.join-sec
	{
		p
		{
			margin: 1% 15% !important;
		}
	}

	.join-thr
	{
		.join-thr-in
		{
			height: 135px !important;

			ul
			{

				li
				{
					width: 45% !important;
					font-size: 200% !important;

					a
					{
						font-size: 60%;
					}

					i
					{
						padding: 4px 6px !important;
						font-size: 60% !important;
					}
				}

			}
		}
	}

/**************************************  media page  **************************************/
	.media
	{
		.media-sec
		{
			p
			{
				margin: 3% 15%;
			}

			.col-md-4
			{
				.media-bg
				{
					height: 260px;
				}
			}
		}

		.media-thr
		{
			p
			{
				margin: 3% 15%;
			}
		}
	}

	.layui-layer-iframe
	{
		height: 350px !important;
	}
}


/**
 *
 *
 */
@media (max-width: 414px) {

	.Index
	{
		.IndexFirst
		{
			.swiper
			{
				width: 320px;
				height: 160px;
				padding-left: 15%;
				padding-top: 13%;

				.swiper-container1
				{
					.swiper-slide
					{
						h2
						{
							font-size: 140%;
							margin-bottom: 5px;
						}

						p
						{
							font-size: 120%;
							margin-bottom: 0;
						}

						button
						{
							margin-top: 5px;
							padding: 2px 6px ;

							a
							{
								font-size: 80%;
							}
						}

						img
						{
							width: 120px;
							bottom: 75px;
						}				
					}
				}
			}

			.leftPaper
			{
				bottom: 0;
				left: 1%;

				p
				{
					font-size: 120%;
					line-height: .2;
				}

				img
				{
					width: 25px;
				}
			}

			.rightPaper
			{
				right: 5%;
				bottom: -30px;

				p
				{
					font-size: 120%;
					line-height: .8;
					margin-bottom: 0;
				}

				span
				{
					font-size: 120%;
				}

				a
				{
					font-size: 120%;
					margin-top: -20px;
				}

			}
		}


		.IndexSec
		{
			margin-bottom: 95%;

			.IndexSecT
			{
				h3
				{
					margin-top: 10%;
					font-size: 140%
				}

				p
				{
					margin-top: 17% !important;
					font-size: 100%;
				}

				.swiper-container2
				{
			        width: 240px !important;
			        height: 103px !important;

			        .swiper-slide
			        {
			        	span.p1
						{
							font-size: 80%;
							left: 2px;
							bottom: 40%;
						}

						span.p2
						{
							left: 3px;
							font-size: 80%;
							display: none;
						}
			        }
			    }

			    .swPag2
			    {
			    	margin-left: 73% !important;
			    	font-size: 140%;
			    	margin-top: 17%;
			    }

			    .swNex2
			    {
			    	margin-left: 78%;
			    	margin-top: 13.5%;
			    	background-size: 12px;
			    }

			    .swPre2
			    {
			    	margin-top: 13.5%;
			    	background-size: 12px;
			    }
			}

		    .IndexSecBot
		    {
		    	.row
		    	{
			        top: 75% !important;
			        width: 320px;
			        margin-left: 15%;

			        .IndexSecBotRight
			        {
			        	h2
			        	{
			        		font-size: 140%;
			        	}

			        	small
			        	{
			        		font-size: 100%;
			        	}

			        	img
		        		{
		        			width: 30%;
		        			margin-top: 25px;
		        			margin-bottom: 15px;
		        		}

		        		p.secP1
		        		{
		        			margin-top: 15px;
		        		}

		        		p.secP2
		        		{
		        			margin-bottom: 8px;
		        		}

		        		a
		        		{
		        			font-size: 100%;
		        		}
			        }
		    	}
		    }
		}
	}

	.IndexFooter
	{
		display: none;
		// .IndexFooterContent
		// {
		// 	margin: 0 15%;

		// 	.IndexFooterLeft
		// 	{
		// 		margin-left: 13%;
		// 		margin-top: 6%;

		// 		img
		// 		{
		// 			width: 50%;
		// 		}

		// 		p
		// 		{
		// 			font-size: 80%;
		// 			float: left;

		// 			img
		// 			{
		// 				width: 10px;
		// 				margin-right: 5px;
		// 			}
		// 		}

		// 		p.IndexFooterP1,
		// 		p.IndexFooterP3
		// 		{
		// 			margin-top: 0;
		// 		}

		// 		p.IndexFooterP1
		// 		{
		// 			margin-bottom: 0;
		// 		}

		// 		p.IndexFooterP2,
		// 		p.IndexFooterP4
		// 		{
		// 			margin-left: 20px;
		// 		}

		// 		p.IndexFooterP3
		// 		{
		// 			margin-bottom: -5px;
		// 		}
		// 	}

		// 	.IndexFooterMid
		// 	{
		// 		display: none;
		// 	}

		// 	.IndexFooterRight
		// 	{
		// 		margin-top: 10%;

		// 		img
		// 		{
		// 			width: 25px;
		// 		}
		// 	}
		// }
	}

	.aboutBackGround
	{
		.container
		{

			.about-thr
			{
				padding-top: 8% !important;
				height: 100px !important;

				ul
				{
					padding: 0;

					li
					{
						width: 23% !important;

						h1
						{
							font-size: 200% !important;
						}
					}
				}
			}

			.about-four
			{
				margin-top: 0 !important;
				margin-bottom: 8% !important;

				img
				{
					width: 80% !important;
				}
			}
		}
	}
/**************************************  media page  **************************************/
	.media
	{
		.media-sec
		{

			h2
			{
				font-size: 160%;
			}

			p
			{
				margin: 3% 15%;
				font-size: 120%;
			}

			.col-md-4
			{
				.media-bg
				{
					height: 220px;

					span
					{
						font-size: 120%;
					}
				}
			}
		}

		.media-thr
		{
			h2
			{
				font-size: 160%;
			}

			p
			{
				margin: 3% 15%;
				font-size: 120%;
			}
		}
	}

	.layui-layer-iframe
	{
		height: 350px !important;
	}
/**************************************  header page  **************************************/
	header
	{
		.header
		{
			width: 100%;

			a
			{
				line-height: 30px;

				img
				{
					width: 80px;
				}
			}
		}

		.navbar
		{
			margin-bottom: 0;
		}

		nav
		{
			float: none;

			ul
			{
				li
				{
					padding: 0;
					line-height: 30px;
					display: block;

					a
					{
						font-size: 80%;
					}
				}
			}
		}
	}

/**************************************  footer page  **************************************/
	footer
	{
		height: 105px;

		.footer-logo
		{
			line-height: 80px;

			img
			{
				width: 100%;
			}
		}

		.footer-nav
		{

			ul
			{
				text-align: left;

				li
				{
					display: inline-block;
					padding-top: 20px;

					a
					{
						font-size: 80%;
						padding-left: 5px;
					}
				}

				p
				{
					font-size: 80%;

				}
			}

			#QRcode
			{
				width: 40px;
				position: absolute;
				right: 0;
				top: -20px;
				border: 3px solid #454445;
			}
		}
	}

/**************************************  about page  **************************************/
	.about
	{
		.about-sec
		{
			h2
			{
				font-size: 220%;
			}

			a
			{
				font-size: 120%;
			}

			p
			{
				margin: 3% 10%;
				font-size: 120%;
			}

		}

		.about-thr
		{
			height: 80px;

			ul
			{
				li
				{
					padding-top: 2.5%;
					width: 22%;
					padding-left: 3%;

					h1
					{
						font-size: 220%;
					}
				}

				li:nth-child(2)
				{
					width: 20%;
				}

				li:nth-child(3)
				{
					width: 28%;
				}
			}
		}

		.about-four
		{
			margin-top: 1.5%;
			margin-left: 2%;
			margin-right: 2%;
			margin-bottom: 3%;

			img
			{
				width: 100%;
			}
		}

		.about-fif
		{
			h4
			{
				font-size: 160%;
			}

			small
			{
				font-size: 120%;
			}

			img
			{
				width: 100%;
			}
		}

		.time-line
		{
			margin-left: 5% !important;
			margin-right: 5% !important;

			ul
			{
				li
				{

					span
					{
						width: 100px !important;
						font-size: 120%;
					}

					span.mid
					{
						text-align: center;
						font-size: 160%;

						.cyc
						{
							width: 10px;
							height: 10px;
						}
					}

					span.mid2
					{
						text-align: center;
						font-size: 160%;

						.cyc
						{
							width: 10px;
							height: 10px;
						}
					}
				}
			}
		}

		.about-honer
		{
			img
			{
				width: 100%;
			}
		}
	}

/**************************************  ability page  **************************************/
	.ability
	{
		.ability-sec
		{

			h2
			{
				font-size: 220%;
			}

			p
			{
				font-size: 120%;
				margin: 2% 10%;
			}
		}

		.ability-thr
		{
			.Ability-dashed
			{
				img
				{
					cursor: pointer;
					width: 100%;
				}
			}

			h4
			{
				font-size: 160%;
			}
		}

		.ability-four
		{
			h2
			{
				font-size: 220%;
			}

			p
			{
				margin: 3% 10%;
				font-size: 120%;
			}

			.col-md-4
			{
				.ability-bg
				{
					img
					{
						width: 100%;
					}

					span
					{
						font-size: 120%;
					}

					p
					{
						padding-right: 5px;
					}
				}
			}
		}

		.ability-fif
		{
			h2
			{
				font-size: 220%;
			}

			p
			{
				margin: 2% 10%;
				font-size: 120%;
			}

			h4
			{
				font-size: 160%;
			}

			small
			{
				font-size: 100%;
				padding: 5%;
			}

			img
			{
				width: 100%;
			}
		}
	}

	.ability-layer
	{
		padding: 1.8% 35px 3% 35px;

		h4
		{
			padding-bottom: 2%;
			font-weight:800;
			margin-bottom: 3%;
			color: #dc3237;
			border-bottom: 1px solid #dc3237;

			img
			{
				padding-right: 3%;
			}
		}

		.row
		{
			margin: 0;
			position: relative;

			.col-md-5
			{
				width: 40%;
				float: left;

				img
				{
					width: 100%;
				}
			}

			.col-md-7
			{
				color: #595757;
				font-size: 130%;
			}

			ul
			{
				position: absolute;
				right: 0;
				bottom:0;

				li
				{
					display: inline-block;

					img
					{
						width: 51px;
						margin-left:10px;
					}

					img#ability_show2
					{
						margin-left: 0;
					}
				}
			}
		}
	}

/**************************************  pro page  **************************************/
	.pro
	{
		.pro-sec
		{
			h2
			{
				font-size: 220%;
			}

			p
			{
				font-size: 140%;
			}
		}

		.pro-thr
		{

			ul
			{
				padding: 2% 10%;

				li
				{
					img
					{
						padding: 8% 0;
						width: 80%;
					}

					.pro-thr-li-div
					{
						span
						{
							font-size: 120%;
						}
					}
				}
			}
		}
	}

	.layui-layer
	{
		width: 85%;
	}

	.pro-layer
	{
		padding: 5% 6%;

		h4
		{
			font-size: 160%;
		}

		.row
		{
			.col-md-7
			{
				.pro-layer-div
				{
					font-size: 120%;
				}
			}
		}
	}

	/**************************************  contact page  **************************************/
	.contact
	{
		.contact-sec
		{
			h2
			{
				font-size: 220%;
			}

			p
			{
				font-size: 140%;
			}
		}

		.contact-thr
		{
			h4
			{
				font-size: 160%;
			}

			img
			{
				width: 100%;
			}
		}
	}

/**************************************  join page  **************************************/
	.join
	{
		.join-sec
		{
			margin-top: 10%;

			h2
			{
				font-size: 220%;
			}

			p
			{
				margin: 1% 10%;
				font-size: 120%;
			}
		}

		.join-thr
		{
			margin-top: 10%;

			.join-thr-in
			{
				margin: 0 10%;
				height: 80px;

				ul
				{
					padding-top: 1%;

					li
					{
						font-size: 120%;
						width: 45%;

						a
						{
							font-size: 60%;
						}

						i
						{
							padding: 3px 4px;
						}
					}
				}
			}
		}
	}

	// .Index-footer
	// {
	// 	.row
	// 	{
	// 		.col-md-8,.col-sm-8,.col-xs-8
	// 		{
	// 			ul
	// 			{
	// 				li.Index-footer-first-li
	// 				{
	// 					font-size: 140%;
	// 					margin-bottom: 15px;

	// 					ul
	// 					{
	// 						padding: 0;

	// 						li
	// 						{
	// 							padding-top: 5px;
	// 						}
	// 					}
	// 				}

	// 				li.Index-footer-first-li:last-child
	// 				{
	// 					padding-right: 0;
	// 				}
	// 			}

	// 			ul:first-child
	// 			{
	// 				padding-left: 0;
	// 			}
	// 		}

	// 		.col-md-4,.col-sm-4,.col-xs-4
	// 		{
	// 			ul
	// 			{
	// 				li
	// 				{

	// 					small
	// 					{
	// 						font-size: 120%;
	// 					}

	// 					h1
	// 					{
	// 						padding: 10px 0 20px 0;
	// 						font-size: 140%;
	// 					}
						
	// 					a
	// 					{
	// 						button
	// 						{
	// 							padding: 5px 15px;
	// 							color: #fff;
	// 							background-color: #ff3841;
	// 							border: none;

	// 							img
	// 							{
	// 								width: 26px;
	// 								margin-right: 8px;
	// 							}
	// 						}
	// 					}
	// 				}
	// 			}
	// 		}
	// 	}

	// 	.Index-footerb
	// 	{
	// 		.row
	// 		{
	// 			.col-md-8,.col-sm-8,.col-xs-8
	// 			{
	// 				p
	// 				{
	// 					font-size: 120%;
	// 				}
	// 			}

	// 			.col-md-4,.col-sm-4,.col-xs-4
	// 			{
	// 				ul
	// 				{
	// 					li
	// 					{
	// 						padding-left: 0;
	// 						color: #a7a7a7;

	// 						span
	// 						{
	// 							font-size: 120%;
	// 						}
	// 					}

	// 					li.verline
	// 					{
	// 						display: none;
	// 					}
	// 				}
	// 			}
	// 		}
			
	// 	}
	// }


}