.enter-y {
    transform: translateY(50px);
    opacity: 0;
    transition: all .5s;
}

.enter-y-r {
    transform: translateY(-50px);
    opacity: 0;
    transition: all .5s;
}

.enter-x {
    transform: translateX(50px);
    opacity: 0;
    transition: all .5s;
}

.enter-x-r {
    transform: translateX(-50px);
    opacity: 0;
    transition: all .5s;
}

.show .delay-1 {
    transition-delay: .2s !important;
}

.show .delay-2 {
    transition-delay: .4s !important;
}

.show .delay-3 {
    transition-delay: .6s !important;
}

.show .delay-4 {
    transition-delay: .8s !important;
}

.show .delay-5 {
    transition-delay: 1s !important;
}

.show .delay-6 {
    transition-delay: 1.2s !important;
}

.show .delay-7 {
    transition-delay: 1.4s !important;
}

.show .enter-y,
.show .enter-x,
.show .enter-y-r,
.show .enter-x-r {
    opacity: 1;
    transform: translate(0);
}
.banner
{
	width: 100%;

	img
	{
		width: 100%;
	}
}
//运动条件
.sport3 (@radius: all .3s ease-in-out)
{
    transition: @radius;
    -webkit-transition: @radius;
    -ms-transition: @radius;
    -o-transition: @radius;
    cursor: pointer;
    position: relative;
}
.sport5 (@radius: all .5s ease-in-out)
{
    transition: @radius;
    -webkit-transition: @radius;
    -ms-transition: @radius;
    -o-transition: @radius;
    cursor: pointer;
    position: relative;
}

//运动效果
.sports1 (@radius: 1.1)
{
    transform: scale(@radius);
    -webkit-transform: scale(@radius);
    -ms-transform: scale(@radius);
    -o-transform: scale(@radius);
}
.sports2 (@radius: 1.2)
{
    transform: scale(@radius);
    -webkit-transform: scale(@radius);
    -ms-transform: scale(@radius);
    -o-transform: scale(@radius);
}

/**************************************  header page  **************************************/
header
{
	a
	{
		line-height: 60px;

		img
		{
			width: 120px;
			.sport5;
		}
	}

	a:hover
	{
		img
		{
			.sports2;
		}
	}
	
	.navInHeader
	{
		margin: 0;
		padding: 0;

		nav
		{
			float: right;

			ul
			{

				li
				{
					display: inline-block;
					padding: 0 15px;

					a
					{
						font-size: 140%;
						font-weight: 500;
					    transition: all .3s;
						position: relative;
						padding-bottom: 7px;
						font-weight: 700;
						color: #454444;
					    vertical-align: middle;
					    text-transform: uppercase;
					}

					a::after
					{
						content: '';
					    position: absolute;
					    bottom: 0;
					    left: 0;
					    width: 0;
					    height: 3px;
					    background-color: #d63841;
					    transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
					    animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1);
					    -webkit-animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1);
					    -moz-animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1);
					}

					a.active::after,
					a:hover::after
					{
					    width: 100%;
					    animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);
					    -webkit-animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);
					    -moz-animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);
					}

				}
			}
		}
	}

	.HeaderRightBox
	{
		margin: 0;
		margin-top: 15px;

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

		.col-md-8,
		.col-sm-9
		{
			padding: 0;

			p
			{
				margin: 0;
			}
		}
		
	}
}

/**************************************  index page  **************************************/
// .Index
// {
// 	.Index-sec
// 	{
// 		margin: 5px 0 25px 0;
// 		border: 5px solid #f0f0f0;

// 		.Index-col1,
// 		.Index-col2,
// 		.Index-col3
// 		{
// 			img
// 			{
// 				.sport5;
// 			}
// 		}

// 		.Index-col1:hover,
// 		.Index-col2:hover,
// 		.Index-col3:hover
// 		{
// 			img
// 			{
// 				.sports2;
// 			}
// 		}

// 		.Index-col2
// 		{
// 			border-left: 3px solid #f0f0f0;
// 			border-right: 3px solid #f0f0f0;
// 		}

// 		.col-md-4
// 		{
// 			padding: 0;
// 			margin: 3px 0;
// 			overflow: hidden;

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

// 			#IndexSecImg1,#IndexSecImg3
// 			{
// 				padding: 0 3px;
// 			}
// 		}
// 	}
// 	.Index-footer
// 	{
// 		padding: 3% 0 5% 0;

// 		.row
// 		{
// 			.col-md-8,.col-sm-8,.col-xs-8
// 			{
// 				ul
// 				{
// 					li.Index-footer-first-li
// 					{
// 						display: inline-block;
// 						font-size: 160%;
// 						font-weight: 600;
// 						color: #777;
// 						padding-right: 17%;

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

// 							li
// 							{
// 								padding-top: 12px;

// 								a
// 								{
// 									color: #838383;
// 									font-size: 90%;
// 									font-weight: 550;
// 								}
// 							}
// 						}
// 					}

// 					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
// 					{
// 						float: right;

// 						small
// 						{
// 							color: #938b85;
// 							font-size: 120%;
// 						}

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

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

// 		hr
// 		{
// 			color: #fafafa;
// 		}

// 		.Index-footerb
// 		{
// 			.row
// 			{
// 				.col-md-8,.col-sm-8,.col-xs-8
// 				{
// 					p
// 					{
// 						color: #888;
// 						margin-top: 5px;
// 						margin-bottom: 0;
// 						font-size: 140%;
// 					}
// 				}

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

// 							span
// 							{
// 								font-size: 140%;
// 							}
// 						}
// 					}
// 				}
// 			}
			
// 		}
// 	}
// }
.Index
{
	.IndexFirst
	{
		position: relative;
		
		.swiper
		{
			width: 1350px;
			height: 680px;
			position: absolute;
			top: 0;
			left: 0;
			padding-left: 18%;
			padding-top: 15%;
			overflow: hidden;

			.swiper-container1
			{
				.swiper-slide
				{
					h2
					{
						font-size: 450%;
						font-weight: 700;
						color: #fff;
						margin-bottom: 30px;
					}

					p
					{
						font-size: 220%;
						color: #fff;
						font-weight: 600;
					}

					button
					{
						margin-top: 20px;
						padding: 6px 20px ;
						background: transparent;
						border-radius: 6px;
						// border-color: #fff;
						transition: all .5s;
						border: 2px solid #fff;

						a
						{
							color: #fff;
							font-size: 180%;
						}
					}

					// button:hover
					// {
					// 	background: #e62d31;
					// 	border-color: #fff;

					// 	a
					// 	{
					// 		color: #fff;
					// 	}
					// }

					img
					{
						width: 500px;
						float: right;
						position: relative;
						bottom: 250px;
						right: 0;
					}
				}
				
			}
		}

		.leftPaper
		{
			position: absolute;
			bottom: 12%;
			left: 17%;

			img
			{
				width: 50px;
			}

			p
			{
				font-size: 180%;
				color: #fff;
				line-height: .9;
			}
		}

		.rightPaper
		{
			position: absolute;
			right: 35%;
			bottom: 0;

			p
			{
				color: #e60012;
				font-size: 220%;
				font-weight: 600;
				// margin-bottom: 0;
				// line-height: .9;
			}

			span
			{
				color: #898989;
				font-size: 200%;
				margin-bottom: 5px;
				display: block;
				// font-weight: 600;
			}

			a
			{
				font-size: 140%;
				color: #898989;
				font-weight: 600;
			}
		}

		.rightPaper::after
		{
			content: "";
			width: 500px;
			height: 5px;
			background-color: #000; 
		}
	}

	.IndexSec
	{
		margin-bottom: 5%;
		position: relative;

		.IndexSecT
		{
			h3
			{
				position: absolute;
				top: 0;
				left: 0;
				margin-left: 25%;
		        margin-top: 16%;
		        font-weight: 700;
		        color: #e60012;
			}

			p
			{
				position: absolute;
				top: 0;
				left: 0;
				margin-left: 25%;
		        margin-top: 19%;
		        color: #898989;
		        font-size: 180%;
			}

			.swPag2
			{
				position: absolute;
				top: 0;
		        left: 0;
		        margin-left: 70%;
		        margin-top: 17.2%;
		        font-size: 280%;
			}

			.swiper-pagination-fraction
			{
				width: auto;
			}

			.swNex2
			{
				position: absolute;
				top: 0;
		        left: 0;
		        margin-left: 73%;
		        margin-top: 17%;
		        background-image: url('/Public/Home/img/Index/arrorr.png');
		        background-size: 18px;
			}

			.swPre2
			{
				position: absolute;
				top: 0;
		        left: 0;
		        margin-left: 68%;
		        margin-top: 17%;
		        background-image: url('/Public/Home/img/Index/arrorl.png');
		        background-size: 18px;
			}

			.swiper-container2
			{
		        width: 930px;
		        height: 500px;
		        margin: 20px auto;
		        position: absolute;
		        top: 0;
		        left: 0;
		        margin-left: 25%;
		        margin-top: 21.5%;

		        .swiper-slide
		        {
			        text-align: center;
			        font-size: 18px;
			        background: #000;

			        span.p1
			        {
			        	display: block;
			        	position: absolute;
			        	bottom: 60px;
			        	left: 29%;
			        	font-size: 190%;
			        	color: #fff;
			        }

			        span.p2
			        {
			        	display: block;
			        	position: absolute;
			        	bottom: 30px;
			        	left: 30%;
			        	color: #fff;
			        }
			    }

			    .swPag2
			    {
			    	position: absolute;
			    	top: -80px;	
			    	color: #e60012;
			    }
		    }
		}

	    .IndexSecBot
	    {
	    	.row
	    	{
	        	width: 930px;
	        	position: absolute;
		        bottom: 0;
		        left: 0;
		        margin: 0;
		        margin-left: 24.5%;

		        .IndexSecBotLeft
		        {
		        	img
		        	{
		        		width: 100%;
		        		// padding-right: 40px;
		        	}
		        }

	        	.IndexSecBotRight
	        	{
	        		img
	        		{
		        		width: 60%;
		        		margin-top: 45px;
		        		margin-bottom: 65px;
	        		}

	        		h2
	        		{
	        			font-size: 210%;
	        			color: #e92232;
	        			font-weight: 700;
	        		}

	        		small
	        		{
	        			color: #919191;
	        			font-size: 120%;
	        		}

	        		p.secP1
	        		{
	        			color: #595656;
	        			margin-top: 35px;
	        			font-size: 120%;
	        		}

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

	        		a
	        		{
	        			font-size: 140%;
	        			color: #9fa0a0;
	        			font-weight: 700;
	        		}
	        	}

	    	}
	    }
	    
	}
}

.IndexFooter
{
	position: relative;

	.IndexFooterContent
	{
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 20%;
		margin-right: 20%;

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

			img
			{
				width: 70%;
			}

			p
			{
				color: #fff;
				font-size: 150%;
				font-weight: 700;

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

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

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

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

		.IndexFooterMid
		{
			margin-top: 20%;

			ul
			{
				display: inline-block;

				li
				{
					line-height: 2.5;

					a
					{
						color: #fff;
						font-size: 140%;
						font-weight: 700;
					}
				}
			}

			ul:first-child
			{
				margin-right: 17%;
			}
		}

		.IndexFooterRight
		{
			margin-top: 20%;
			text-align: right;
			display: flex;

			img
			{
				width: 70px;
			}
		}

		.IndexFooterBeian{
			margin-top: 23%;
			p{
				color: #fff;
				font-size: 1.6em;
				a{
					color: #fff;
					img{
						display: inline-block;
						margin-right: 5px;
					}
					p{
						display: inline-block;
						vertical-align: baseline;
					}
				}
			}
		}
	}
}
/**************************************  footer page  **************************************/
footer
{
	width: 100%;
	height: 120px;
	background-color: #454445;

	.footer-logo
	{
		line-height: 120px;
		width: 25%;
		float: left;

		img
		{
			width: 140px;
		}
	}

	.footer-nav
	{
		position: relative;

		ul
		{
			text-align: right;

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

				a
				{
					color: #fff;
					font-size: 130%;
					padding-left: 5px;
				}
			}

			p
			{
				font-size: 140%;
				margin-top: 5px;
				margin-bottom: 0;
				color: #fff;
				display: inline-block;
			}
		}

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

/**************************************  about page  **************************************/
.about
{
	.about-first
	{
		z-index: 5;
	}

	.about-sec
	{
		text-align: center;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-bottom: .8%;
		}


		a
		{
			font-size: 140%;
			color: #595757;
			font-weight: 500;
			padding: 0 2px;
			padding-bottom: 5px;
		}

		a.about-border-a
		{
			border-bottom: 2px solid #e60012;
		}

		p
		{
			text-align: left;
			margin: 2% 20%;
			font-size: 135%;
			line-height: 20px;
			color: #595757;
		}

	}

	.aboutBackGround
	{
		background: url(/Public/Home/img/About/back.jpg) no-repeat;
		background-size: 100%;

		.about-thr
		{
			width: 100%;
			height: 200px;
			padding-top: 15%;

			ul
			{
				li
				{
					display: inline-block;
					padding-top: 2.5%;
					width: 17%;

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

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

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

		.about-four
		{
			margin-top: 18%;
			margin-bottom: 12%;
				text-align: center;

			img
			{
				width: 100%;
			}
		}
	}

	// .about-fif
	// {
	// 	text-align: center;
	// 	margin-bottom: 5%;

	// 	.about-dashed
	// 	{
	// 		border-right: 2px dashed #b5b6b6;
	// 	}

	// 	.about-dashed:nth-child(4)
	// 	{
	// 		border: none;
	// 	}

	// 	h4
	// 	{
	// 		font-weight: 600;
	// 	}

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

	.time-line
	{
		margin-left: 30%;
		margin-right: 30%;
		margin-top: 5%;
		margin-bottom: 6%;

		ul
		{

			li
			{
				margin-bottom: 10px;
				width: 100%;

				span
				{
					font-size: 160%;
					width: 300px;
					border-radius: 5px;
					text-align: left;
				}

				span.date
				{
					background-color: #d71318;
					color: #fff;
					padding: 1% 2%;
					margin-top: 15px;
				}

				span.date:after
				{
			    	content: "";
				    display: block;
				    position: absolute;
				    width: 0;
				    height: 0;
				    top: 20%;
				    right: -28px;
				    border-top: solid 15px transparent;
				    border-bottom: solid 15px transparent;
				    border-left: solid 15px #d71318;
				    border-right: solid 15px transparent;

				}

				span.mid
				{
					font-size: 260%;
					color: #727171;
					width: 90px;

					.cyc
					{
						width: 15px;
						height: 15px;
						background-color: #d71318;
						border-radius: 15px;
						margin: 0 auto;
						margin-top: 5px;
						margin-bottom: 13px;
					}

					.mid-line
					{
						width: 1px;
						height: 38px;
						margin: 0 auto;
						background-color: #727171;
					}
				}

				span.dec
				{
					background-color: #f6f7f7;
					color: #727171;
					padding: 1% 2%;
					margin-top: 20px;
				}

				span.dec:before
				{
			    	content: "";
				    display: block;
				    position: absolute;
				    width: 0;
				    height: 0;
				    top: 20%;
				    left: -28px;
				    border-top: solid 15px transparent;
				    border-bottom: solid 15px transparent;
				    border-left: solid 15px transparent;
				    border-right: solid 15px #f6f7f7;

				}

				span.date2
				{
					background-color: #f6f7f7;
					color: #727171;
					padding: 2% 2%;
					margin-top: 20px;
				}

				span.date2:after
				{
			    	content: "";
				    display: block;
				    position: absolute;
				    width: 0;
				    height: 0;
				    top: 20%;
				    right: -28px;
				    border-top: solid 15px transparent;
				    border-bottom: solid 15px transparent;
				    border-left: solid 15px #f6f7f7;
				    border-right: solid 15px transparent;

				}

				span.mid2
				{
					font-size: 260%;
					color: #727171;
					width: 90px;

					.cyc
					{
						width: 15px;
						height: 15px;
						background-color: #727171;
						border-radius: 15px;
						margin: 0 auto;
						margin-top: 5px;
						margin-bottom: 13px;
					}

					.mid-line
					{
						width: 1px;
						height: 38px;
						margin: 0 auto;
						background-color: #727171;
					}
				}
			}
		}
	}

	.about-honer
	{
		text-align: center;
		margin-bottom: 5%;

		img
		{
			padding: 10px;
		}
	}
}
/**************************************  ability page  **************************************/
.ability
{
	.ability-first
	{
		width: 100%;

		img
		{
			width: 100%;
		}
	}

	.ability-sec
	{
		text-align: center;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 4%;
			padding-bottom: .5%;
		}

		p
		{
			margin: 2% 20%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
		}
	}

	.ability-thr
	{
		text-align: center;
		margin-bottom: 4%;

		.Ability-dashed
		{
			border-right: 2px dashed #b5b6b6;

			img
			{
				cursor: pointer;
			}
		}

		.Ability-dashed:nth-child(4)
		{
			border-right: none;
		}

		.about-dashed:nth-child(4)
		{
			border: none;
		}

		h4
		{
			font-weight: 600;
		}
	}

	.ability-four
	{
		background-color: #f5f5f5;
		text-align: center;
		padding-bottom: 5%;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 4%;
			padding-bottom: .5%;
		}

		p
		{
			margin: 2% 20%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
		}

		.col-md-4
		{
			.ability-bg
			{
				background-color: #fff;


				img
				{
					width: 100%;
				}

				span
				{
					display: block;
					color: #e60012;
					font-size: 180%;
					font-weight: 600;
					margin-top: 6%;
					text-align: left;
					padding-left: 15px;
					padding-right: 15px;

					a
					{
						color: #595757;

						i
						{
							float: right;
							font-size: 120%;
							color: #e60012;
						}
					}
				}

				p
				{
					margin: 0;
					text-align: left;
					padding-top: 3%;
					padding-bottom: 3%;
					padding-left: 15px;
					padding-right: 25px;
				}
			}
		}
	}

	.ability-fif
	{
		text-align: center;
		margin-bottom: 5%;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 4%;
			padding-bottom: .5%;
		}

		p
		{
			margin: 2% 20%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 6%;
		}

		.Ability-dashed
		{
			border-right: 2px dashed #b5b6b6;
		}

		.Ability-dashed:nth-child(3)
		{
			border: none;
		}

		h4
		{
			font-weight: 600;
		}

		small
		{
			font-size: 140%;
			color: #8e8c8c;
			font-weight: 500;
			display: block;
			padding: 5% 15%;
		}

	}
}

.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;
				}
			}
		}
	}
}

/**
 * innovate-first
 * 技术研发
 */
.innovate
{
	.innovate-first
	{
		width: 100%;
		text-align: center;

		img
		{
			width: 100%;
		}

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin: 1% 30%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 6%;
		}
	}

	.innovate-sec
	{
		text-align: center;

		.innovate-dashed
		{
			border-right: 2px dashed #b5b6b6;
		}

		.innovate-dashed:nth-child(4)
		{
			border: none;
		}

		h4
		{
			color: #595757;
		}
	}

	.innovate-thr
	{
		width: 100%;
		padding-top: 2%;
		padding-bottom: 3%;

		img
		{
			width: 100%;
		}
	}
}

/**
 * research
 * 开发流程
 */
.research
{
	.research-first
	{
		width: 100%;
		text-align: center;

		img
		{
			width: 100%;
		}

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin: 1% 30%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 6%;
		}
	}

	.research-sec
	{
		width: 100%;

		img
		{
			width: 100%;
		}
	}
}

/**
 * structure
 * 产品结构
 */
.structure
{
	.structure-first
	{
		width: 100%;
		text-align: center;

		img
		{
			width: 100%;
		}

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin: 1% 30%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 6%;
		}
	}

	.structure-sec
	{
		text-align: center;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin-top: 1%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 6%;
		}

		img
		{
			width: 100%;
			margin-top: 5%;
			margin-bottom: 5%;
		}

		.structure-dashed
		{
			border-right: 2px dashed #b5b6b6;
			margin-top: 5%;
		}

		.structure-dashed:nth-child(4)
		{
			border: none;
		}

		h4
		{
			font-weight: 600;
		}
	}

	.structure-thr
	{
		img
		{
			width: 100%;
			margin-top: 5%;
			margin-bottom: 5%;
		}

		.structure-dashed
		{
			border-right: 2px dashed #b5b6b6;
			margin-top: 5%;
		}

		.structure-dashed:nth-child(4)
		{
			border: none;
		}

		h4
		{
			font-weight: 600;
		}
	}

	.structure-four
	{
		width: 30%;
		margin: 6% auto;

		img
		{
			width: 100%;
		}
	}
}
/**************************************  media page  **************************************/
.media
{
	.media-first
	{
		width: 100%;

		img
		{
			width: 100%;
		}
	}

	.media-sec
	{
		text-align: center;
		padding-bottom: 3%;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin: 1% 32%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 6%;
		}

		.col-md-4
		{
			.media-bg
			{
				border: 1px solid #d2d0d2;

				img
				{
					width: 100%;
				}

				span
				{
					display: block;
					color: #e60012;
					font-size: 180%;
					font-weight: 600;
					margin-top: 6%;
					text-align: left;
					padding-left: 15px;
					padding-right: 15px;
				}

				p
				{
					margin: 0;
					font-size: 90%;
					text-align: left;
					padding-top: 8%;
					padding-bottom: 5%;
					padding-left: 15px;
					padding-right: 25px;

					a
					{
						color: #595757;

						i
						{
							float: right;
							font-size: 220%;
							color: #e60012;
						}
					}
				}
			}
		}

		#mediaImg
		{
			padding-top: 3%;

			.mediaNews
			{
				display: none;
				padding-top: 3%;
				padding-bottom: 5%;

				.col-md-4,.col-xs-4,.col-sm-4
				{
					margin-top: 3%;
				}
			}
		}
	}

	.media-thr
	{
		text-align: center;
		padding-bottom: 4%;
		background-color: #f5f5f5;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin: 1% 32%;
			font-size: 140%;
			line-height: 20px;
			color: #595757;
			margin-bottom: 3%;
		}

		.row
		{
			.col-md-4
			{

				img
				{
					width: 100%;
				}
			}
		}
	}
}

/**************************************  join page  **************************************/
.join
{
	.join-first
	{
		width: 100%;

		img
		{
			width: 100%;
		}
	}

	.join-sec
	{
		text-align: center;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-top: 3%;
		}

		p
		{
			margin: 1% 32%;
			font-size: 140%;
			line-height: 25px;
			color: #595757;
			margin-bottom: 2%;
		}

		.row
		{
			margin-top: 1%;
			margin-bottom: 2.5%;

			img
			{
				width: 100%;
			}
		}

	}

	.join-thr
	{
		width: 100%;
		background-color: #f5f5f5;
		padding-top: 2%;
		text-align: center;
		padding-bottom: 5%;

		.join-thr-in
		{
			margin: 0 20%;
			height: 294px;
			background: url(/Public/Home/img/Join/7.jpg) no-repeat;
			background-size: 100%;

			ul
			{
				padding-top: 5%;

				li
				{
					width: 40%;
					color: #fff;
					font-size: 300%;
					text-align: left;
					margin-right: 4%;
					display: inline-block;

					a
					{
						color: #fff;
						font-size: 60%;
						text-decoration: underline;
					}

					i
					{
						padding: 9px 12px;
						font-size: 80%;
						margin-right: 2%;
						border: 2px solid #fff;
						border-radius: 90px;
					}
				}

				.join-thr-in-ul-li1,.join-thr-in-ul-li2
				{
					text-align: center;
				}
			}

			ul:nth-child(2)
			{
				padding-top: 0;
			}
		}
	}
}

/**************************************  contact page  **************************************/
.contact
{
	.contact-first
	{
		width: 100%;

		img
		{
			width: 100%;
		}
	}

	.contact-sec
	{
		text-align: center;
		padding: 3%;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-bottom: 2%;
		}

		p
		{
			color: #828080;
			font-size: 180%;
		}
	}

	.contact-thr
	{
		text-align: center;
		margin-bottom: 2%;

		.contact-dashed
		{
			border-right: 2px dashed #b5b6b6;
		}

		.contact-dashed:nth-child(3)
		{
			border: none;
		}

		h4
		{
			font-weight: 600;
		}

		hr
		{
			margin-top: 10%;
		}
	}

	.contact-four
	{
		margin-bottom: 5%;

		#map
		{
			width: 100%;
			height: 500px;
		}
	}
}

/**************************************  pro page  **************************************/
.pro
{
	.pro-first
	{
		width: 100%;

		img
		{
			width: 100%;
		}
	}

	.pro-sec
	{
		text-align: center;
		padding: 3%;
		padding-bottom: 0;

		h2
		{
			color: #e60012;
			font-weight: 600;
			padding-bottom: 2%;
		}

		p
		{
			color: #828080;
			font-size: 180%;
			padding: 0 20%;
		}
	}

	.proImg
	{
		width: 100%;
	}

	.pro-thr
	{
		background: url(/Public/Home/img/Pro/back.jpg) no-repeat;
		background-size: 100% 70%;
		background-position: 30%;

		ul
		{
			text-align: center;
			padding: 2% 20%;

			li
			{
				width: 32%;
				border: 1px solid #cfcdcf;
				background-color: #fff;
				text-align: center;
				cursor: pointer;
				margin-top: 2%;
				margin-left: 1%;
				padding: 0;
				height: 320px;

				img
				{
					padding: 8% 0;
					width: 50%;
					margin: auto;
					position: absolute !important;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;

					.sport5;
				}

				.pro-thr-li-div
				{
					width: 100%;
					height: 75px;
					background-color: #bcbcbc;
					position: absolute;
					bottom: 0;
					left: 0;

					span
					{
						line-height: 75px;
						color: #fff;
						font-size: 180%;
					}
				}
			}

			li:hover
			{
				img
				{
					.sports2;
				}
			}

		}
	}

	.b-page
	{
		padding-bottom: 3%;
	}
}

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

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

	.row
	{
		margin: 0;
		position: relative;

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

			img
			{
				margin-top: 25%;
				width: 100%;
			}
		}

		.col-md-7
		{
			width: 60%;
			float: right;

			.pro-layer-div
			{
				color: #595757;
				font-size: 150%;
			}
		}
	}
}