/*图片轮播样式*/
.flicker-example {
	margin-top:50px;
	width: 100%;
	height: 380px;
	background-color: #e6e6e6;
	overflow: hidden;
	position: relative;
	padding:0;
}
.flicker-example ul li .flick-content a{
	display: block;
	width: 100%;
	height: 380px;
}
.flicker-example ul.flicks {
	width: 10000%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	list-sttyle: none;
}

.flicker-example ul.flicks>li {
	float: left;
	width: 1%;
	height: 100%;
	background-position: center;
	background-size: cover;
	display: table;
	box-shadow: 1px 1px 2px 2px #666666;
}

.flicker-example .dot-navigation {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	z-index: 100;
	
}

.flicker-example .dot-navigation ul {
	text-align: center;
	list-style: none;
	padding: 0px 15px
}

.flicker-example .dot-navigation ul li {
	display: inline-block;
	float: none
}

.flicker-example .dot-navigation .dot {
	width: 14px;
	height: 14px;
	margin: 0px 6px;
	background-color: rgba(21, 40, 116, 0.7);
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out
}

.flicker-example .dot-navigation .dot:hover {
	cursor: pointer;
	background-color: rgba(21, 40, 116, 0.3)
}

.flicker-example .dot-navigation .dot.active {
	background-color: #ccc
}

.flicker-example.animate-transition-slide ul.flicks {
	position: relative;
	left: 0%;
	-webkit-transition: left 0.4s ease-out;
	-moz-transition: left 0.4s ease-out;
	-o-transition: left 0.4s ease-out;
	-ms-transition: left 0.4s ease-out;
	transition: left 0.4s ease-out
}
/*图片轮播样式竣事*/
/*走进mg冰球突破豪华版试玩*/
.about{
	overflow: auto;
}
.about-content1{
	background: #EEEEEE;
}
.about-title{
	padding-top:25px;
}

.about h2,.net h2,.honor h2,.activity h2,.contact h2,.growth h2,.Product h2,.news h2{
	text-align: center;
	font-size: 22px;
	color: #666;
	margin-top: -25px;
	margin-bottom: 40px;
}
.about span:nth-of-type(1),.net span:nth-of-type(1),
.honor-title span:nth-of-type(1),.activity-title span:nth-of-type(1),
.contact-title span:nth-of-type(1),.growth-title span:nth-of-type(1),
.Product-title span:nth-of-type(1),.news-title span:nth-last-of-type(1){
	display: block;
	width: 150px;
	margin: 0 auto;
	margin-bottom: 40px;
	/*border-bottom: 2px solid #999;*/
}
.about-content-list1{
	margin-top: 30px;
	margin-bottom: 40px;
	float: left;
	/*box-sizing: border-box;
	padding: 20px;*/
	text-align: center;
	
}
.about-content-list1 h3{
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 20px;
}
.about-content-list1 p{
	color: #666666;
	line-height: 25px;
	font-size: 14px;
	text-align: left;
}
.grids{
	width: 100%;
	overflow: auto;
	background: #EEEEEE;
}
.grids-list{
	float: left;
	margin: 0 auto;
	padding: 50px 0;
}
.grids-list-img{
	float: left;
	/*margin-left: 20%;*/
	box-sizing: border-box;
}
.grids-list div{
	float: left;
	width: 70%;
	text-align: center;
	padding-left: 5%;
	box-sizing: border-box;
}
.grids-list div span
{
	font-size: 24px;
	color: #192A74;
	letter-spacing: 0.1px;
}
.grids-list div p{
	box-sizing: border-box;
	/*padding: 0 20px;*/
	letter-spacing: 0.1px;
	text-align: center;
}
/*效劳网络*/

.net-title,.honor-title,.activity-title,.contact-title,
.growth-title,.Product-title,.news-title{
	padding-top: 50px;
}
.about h1,.net h1,.honor h1,.activity h1,.contact h1,.growth h1,.Product h1,.news h1{
	text-align: center;
	font-size: 35px;
	color: #333;
	padding-bottom: 20px;
}
.about h1{
	text-align: center;
	color: #192A74;
	font-size: 30px;
}
.net-con{
	padding:50px 0;
	overflow: auto;
	background: #EEEEEE;
}
.net-con h3{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	background: white;
	padding-left:20px ;
}
.net-con-img img{
	width: 100%;
}
.honor-con p{
	position: relative;
	/*left: 50%;
	margin-left: -50%;*/
}

/*声誉资质*/
.honor-con{
	padding:60px 0px;
	background: #EEEEEE;
}
.honor-con-img{
	text-align: center;
	line-height: 40px;
	color: #666;
}
/*宣传语*/ 
.little-banner{
	background: url(/img/bg2.jpg);
	color: white;
	padding: 50px 0;
	text-align: center;
	font-size: 30px;
}
.little-banner span{
	font-size: 60px;
}
/*生长历程*/
.growth-con-list{
	font-size: 14px;
	letter-spacing: 1px;
}
.growth-con-list p:nth-of-type(1){
	font-size: 16px;
	color: #192A74;
	font-weight: bold;
}
.growth-con{
	background: #EEEEEE;
	padding: 60px 0 20px 0;
}
/*mg冰球突破豪华版试玩产品库*/
.Product-con{overflow: auto;
	background: #EEEEEE;
}
.Product-con-list{
	width: 23%;
	float: left;
	overflow: auto;
	margin: 70px 1% 0px 1%;
	padding: 20px 0;
	background: white;
	text-align: center;
}
.Product-img{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.Product-con-list img{
	width: 70%;
	text-align: center;
}
.Product-con-list p{
	font-size: 18px;
	color: #192A74;
	line-height: 35px;
}
.Product-con-list .product-list a{
	display: block;
	width: 50%;
	float: left;
	text-decoration: none;
	line-height: 30px;
	color: #666;
}
.Product-con-list .product-list a:hover{
	background: #CCCCCC;
	width: 50%;
	float: left;
	color: white;
	line-height: 30px;
	text-decoration: none;
}

/*社会活动*/
.activity-left{
	width: 40%;
	float: left;
	background: #192A74;
	padding: 20px;
	box-sizing: border-box;
}
/*联系mg冰球突破豪华版试玩*/
.contact-con{
	background: url(/img/bg1.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 100px 0;
}

.contact-con .container{
	background: white;
	
}
.contact-con-left,.contact-con-right{
	margin-top: 20px;
	margin-bottom: 30px;
}
.contact-con-left p{
	padding-top: 10px;
}
.contact-con-left input{
	width: 100%;
	height: 40px;
	padding-left: 20px;
	line-height: 40px;
	border: 1px solid#CCCCCC;
}
.contact-con-left textarea{
	display: block;
	width: 100%;
	padding:10px 20px;
	height: 100px;
	resize: none;
}
.contact-con-left button{
	border: none;
	background: #192A74;
	width: 100px;
	height: 40px;
	margin-top: 20px;
	color: white;
	line-height: 40px;
}
.contact-con-left p:nth-of-type(1){
	margin-top: 35px;
}
.con-right:nth-of-type(1){
	margin-top: 30px;
}
.con-right{
	height: 80px;
	padding-left: 20px;
}
.contact-con-right p{
	text-align: center;
	font-size: 25px;
	
}
.con-right img{
	width: 45px;
}

.footer{
	padding: 40px 20px;
	background: #CCCCCC;
	text-align: center;
}
.other{
	padding:40px 20px;
	background: #EBEBEB;

}
.other-list:nth-of-type(1){
	/*border-left: 1px dashed #192a74;*/
}
.other-list{
	height: 200px;
	padding-left: 20%;
	/*border-right: 1px dashed #192a74;*/
	box-sizing: border-box;
}
.other-list p{
	color: #192a74;
	font-size: 16px;
}
.other-list ul li a{
	font-size: 13px;
	color: #666;
}
.other-list ul{
	
	margin-bottom: 20px;
}

.other-list2 p{
	width: 100%;
	padding-left: 20px;
	line-height: 35px;
	border-bottom: 1px solid #192a74;
	color: #192a74;
}
.other-list2 ul a{
	color: #192a74;
	opacity: 0.7;
	line-height: 30px;
	padding-left:20px;
}
.other-list2 p span{
	float: right;
	padding-right: 20px;
}

.product-list{
		height: 120px;
	}

/*最新资讯*/
.news-con-list{
	width: 25%;
	margin-bottom: 30px;
}
.news-con a{
	cursor: pointer;
	text-decoration: none;
}
.news-con a:hover{
	cursor: pointer;
	text-decoration: none;
}
.news-con-list a{
	display: block;
	width: 100%;
	overflow: auto;
	
}
.news-list{
	box-sizing: border-box;
	padding: 20px;
	float: left;
	background: #EEEEEE;
}
.news-con{
	background: #EEEEEE;
	padding: 40px 0;
}
.news-con p{
	font-size: 16px;
	color: #555;
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news-con span{
	color: #777;
	line-height: 25px;
}
.news-con img{
	width: 100%;
	margin-bottom: 20px;
}
@media (min-width: 1025px)
{
	.product-list{
		height: 90px;
	}
	.product-list1,.product-list2,.product-list3,.product-list4{
	height: 60px;
}
	.Product-con-list:nth-of-type(5),.Product-con-list:nth-of-type(6),.Product-con-list:nth-of-type(7),.Product-con-list:nth-of-type(8)
	{
		/*height: 160px;*/
		margin-top: 40px;
		margin-bottom: 70px;
	}
	.net-title,.honor-title,.activity-title,.contact-title,
.growth-title,.Product-title,.news-title{
	padding-top: 10px;
}
.about h1,.net h1,.honor h1,.activity h1,.contact h1,.growth h1,.Product h1,.news h1{
	text-align: center;
	font-size: 35px;
	color: #333;
	padding-bottom: 10px;
}
}
@media (min-width: 1024px) and (max-width: 1580px){
	.other-list ul li a{
	font-size: 13px;
	color: #666;
	line-height: 13px;
	letter-spacing: 1px;
	
}
.flicker-example {
	margin-top:50px;
	width: 100%;
	height: 340px;
	background-color: #e6e6e6;
	overflow: hidden;
	position: relative;
	padding:0;
}
.flicker-example ul li .flick-content a{
	display: block;
	width: 100%;
	height: 340px;
}
.other-list{
	height: 240px;
	/*border-right: 1px dashed #192a74;*/
	box-sizing: border-box;
}
.net-title,.honor-title,.activity-title,.contact-title,
.growth-title,.Product-title,.news-title{
	padding-top: 30px;
}
}
/*屏幕宽度小于1024px的时间*/
@media (max-width: 1024px) {

	.net-title,.honor-title,.activity-title,.contact-title,
.growth-title,.Product-title,.news-title{
	padding-top: 30px;
}
.about h1,.net h1,.honor h1,.activity h1,.contact h1,.growth h1,.Product h1,.news h1{
	text-align: center;
	font-size: 35px;
	color: #333;
	padding-bottom: 40px;
}
.about-content-list1{
	margin-top: 20px;
	margin-bottom:20px;
	float: left;
	/*box-sizing: border-box;
	padding: 20px;*/
	text-align: center;
	
}
.net-con{
	padding:30px 0;
	overflow: auto;
	background: #EEEEEE;
}
.honor-con{
	padding:55px 0px;
	background: #EEEEEE;
}
.news-con{
	background: #EEEEEE;
	padding: 25px 0;
}

.flicker-example {
	margin-top:60px;
	width: 100%;
	height: 290px;
	background-color: #e6e6e6;
	overflow: hidden;
	position: relative;
	padding:0;
}
.flicker-example ul li .flick-content a{
	display: block;
	width: 100%;
	height: 340px;
}
.Product-con-list{
	margin: 0 auto;
	width: 31.3333%;
	float: left;
	overflow: auto;
	margin: 30px 1%;
	background: white;
	text-align: center;
}

	.product-list1,.product-list2,.product-list3{
	height: 60px;
}

.Product-con-list:nth-of-type(5),.Product-con-list:nth-of-type(6),.Product-con-list:nth-of-type(4)
	{
		height: 380px;
		overflow: hidden;
		margin-top: 0px;
		margin-bottom: 0px;
	}	
	


.Product-con-list:nth-of-type(7),.Product-con-list:nth-of-type(8)
	{
		
		margin-top: 40px;
		margin-bottom: 40px;
		height: 320px;
		overflow: hidden;
	}
}
@media (max-width: 768px) {

	.net-title,.honor-title,.activity-title,.contact-title,
.growth-title,.Product-title,.news-title{
	padding-top: 20px;
}
.about h1,.net h1,.honor h1,.activity h1,.contact h1,.growth h1,.Product h1,.news h1{
	text-align: center;
	font-size: 32px;
	color: #333;
	padding-bottom: 30px;
}
.net-con{
	padding:20px 0;
	overflow: auto;
	background: #EEEEEE;
}
.honor-con{
	padding:45px 0px;
	background: #EEEEEE;
}.news-con{
	background: #EEEEEE;
	padding: 20px 0;
}
.flicker-example {
	margin-top:50px;
	width: 100%;
	height: 260px;
	background-color: #e6e6e6;
	overflow: hidden;
	position: relative;
	padding:0;
}
.flicker-example ul li .flick-content a{
	display: block;
	width: 100%;
	height: 260px;
}
.Product-con-list{
	margin: 0 auto;
	width: 31.333%;
	float: left;
	overflow: auto;
	margin: 30px 1%;
	background: white;
	text-align: center;
}

.Product-con-list:nth-of-type(5),.Product-con-list:nth-of-type(6),.Product-con-list:nth-of-type(4)
	{
		height: 335px;
		overflow: hidden;
		margin-top: 0px;
		margin-bottom: 0px;
	}	
	


.Product-con-list:nth-of-type(7),.Product-con-list:nth-of-type(8)
	{
		
		margin-top: 40px;
		margin-bottom: 40px;
		height: 275px;
		overflow: hidden;
	}

}@media (max-width: 568px) {
	
	.net-title,.honor-title,.activity-title,.contact-title,
.growth-title,.Product-title,.news-title{
	padding-top: 10px;
}.honor-con{
	padding:35px 0px;
	background: #EEEEEE;
}
.net-con{
	padding:10px 0;
	overflow: auto;
	background: #EEEEEE;
}
.about h1,.net h1,.honor h1,.activity h1,.contact h1,.growth h1,.Product h1,.news h1{
	text-align: center;
	font-size: 29px;
	color: #333;
	padding-bottom: 20px;
}
.about-content-list1{
	margin-top: 15px;
	margin-bottom:15px;
	float: left;
	/*box-sizing: border-box;
	padding: 20px;*/
	text-align: center;
	
}
.flicker-example {
	margin-top:50px;
	width: 100%;
	height: 150px;
	background-color: #e6e6e6;
	overflow: hidden;
	position: relative;
	padding:0;
}
.flicker-example ul li .flick-content a{
	display: block;
	width: 100%;
	height: 150px;
}
.grids-list-img{
	margin-left: 6%;
	text-align: center;
	box-sizing: border-box;
}
.grids-list div{
	text-align: center;
	padding-left: 30%;
	box-sizing: border-box;
}
.con-right img{
	width: 30px;
}
.contact-con{
	background:none;
	padding: 0;
}
.contact-list{
	position: relative;
	top: 0px;
}
.con-right{
	font-size: 13px;
	padding-left: 0px;
	width: 100%;
	height:60px;
}
.contact-con-left p:nth-of-type(1){
	margin-top: 0px;
}
.Product-con-list{
	margin: 0 auto;
	width: 48%;
	float: left;
	overflow: auto;
	margin: 30px 1%;
	background: white;
	text-align: center;
}
.Product-con-list .product-list  a{
	width: 50%;
	display: block;
	text-decoration: none;
	line-height: 30px;
	color: #666;
	float: left;
}
.Product-con-list .product-list a:hover{
	width: 50%;
	float: left;
	background: #CCCCCC;
	color: white;
	line-height: 30px;
	text-decoration: none;
}
	.product-list1,.product-list2,.product-list3,.product-list4{
	height: 60px;
	overflow: hidden;
}
.Product-con-list:nth-of-type(5),.Product-con-list:nth-of-type(6)
	{
		height: 350px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.Product-con-list:nth-of-type(7),.Product-con-list:nth-of-type(8)
	{
		height: 300px;
		margin-top: 0px;
		margin-bottom: 40px;
	}	
.Product-con-list:nth-of-type(3),.Product-con-list:nth-of-type(4)
	{
		height: 320px;
		margin-top: 10px;
		margin-bottom:40px;
	}
}
@media(max-width: 375px) {
	.honor-con-img img{
		width: 120px;
		margin-left: 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
	.about-title h2{
		font-size: 18px;
		margin-top: -15px;
	}
		.product-list1,.product-list2{
	height: 60px;
	overflow: hidden;
}
.Product-con-list:nth-of-type(5),.Product-con-list:nth-of-type(6)
	{
		height: 300px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.Product-con-list:nth-of-type(7),.Product-con-list:nth-of-type(8)
	{
		height: 240px;
		overflow: hidden;
		margin-top: 0px;
		margin-bottom: 40px;
	}	
.Product-con-list:nth-of-type(3),.Product-con-list:nth-of-type(4)
	{
		height: 270px;
		overflow: hidden;
		margin-top: 10px;
		margin-bottom:40px;
	}
}
@media (max-width: 320px) {
.grids-list-img{
	margin-left:8%;
	text-align: center;
	box-sizing: border-box;
}
.grids-list div{
	text-align: center;
	padding-left: 15%;
	box-sizing: border-box;
}
.flicker-example {
	margin-top:50px;
	width: 100%;
	height:130px;
	background-color: #e6e6e6;
	overflow: hidden;
	position: relative;
	padding:0;
}
.flicker-example ul li .flick-content a{
	display: block;
	width: 100%;
	height: 130px;
}
.about h1,.net h1,.honor h1,.activity h1,.contact h1,.growth h1,.Product h1,.news h1{
	text-align: center;
	font-size: 22px;
	color: #333;
	clear: both;
}
.Product-con-list a{
	width: 100%;
	display: block;
	text-decoration: none;
	line-height: 30px;
	color: #666;
	float: left;
}
.Product-con-list a:hover{
	width: 100%;
	float: left;
	background: #CCCCCC;
	color: white;
	line-height: 30px;
	text-decoration: none;
}
	.product-list1,.product-list2{
	height: 60px;
	overflow: hidden;
}
.Product-con-list:nth-of-type(5),.Product-con-list:nth-of-type(6)
	{
		height: 320px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.Product-con-list:nth-of-type(7),.Product-con-list:nth-of-type(8)
	{
		height: 240px;
		overflow: hidden;
		margin-top: 0px;
		margin-bottom: 40px;
	}	
.Product-con-list:nth-of-type(3),.Product-con-list:nth-of-type(4)
	{
		height: 240px;
		overflow: hidden;
		margin-top: 10px;
		margin-bottom:40px;
	}
	.col-lg-2,.col-md-4,.col-sm-4{
		margin-left: -15px;
	}

}


<!--耗时1759774507.8746秒-->